@progress/kendo-themes-html/dist/esm/datepicker/templates/datepicker-adaptive.mjs

A collection of HTML helpers used for developing Kendo UI themes

var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,l)=>t[l]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var I=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),ee=(e,t)=>{let{valid:o,invalid:l,hover:n,focus:i,checked:p,active:c,selected:u,disabled:f,indeterminate:k,loading:y,empty:A,readonly:F,highlighted:K,...O}=t;return r({"k-valid":o,"k-invalid":l,"k-hover":n,"k-focus":i,"k-checked":p,"k-active":c,"k-selected":u,"k-disabled":f,"k-indeterminate":k&&!p,"k-loading":y,"k-empty":A,"k-readonly":F,"k-highlighted":K},Object.keys(O).reduce((S,R)=>(R.startsWith("k-")?S[R]=O[R]:S[`k-${R}`]=O[R],S),{}))};function fa(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(l=>[`k-${l}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},w={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},te={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},d={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var Et={};function Ce(e){return Et[e]=(Et[e]||0)+1,`k-${e}-${Et[e]}`}var Je="input",dt=Je;import{jsx as Bo}from"react/jsx-runtime";var ct="k-input",Ho=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],Do={size:[s.undefined,s.small,s.medium,s.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},zo={},P=e=>{let{hover:t,focus:o,disabled:l,invalid:n,valid:i,loading:p,readonly:c,size:u,rounded:f,fillMode:k,...y}=e;return Bo("span",{...y,className:r(e.className,ct,I(ct,{size:u,rounded:f,fillMode:k}),ee(ct,{hover:t,focus:o,disabled:l,invalid:n,valid:i,loading:p,readonly:c}))})};P.states=Ho;P.options=Do;P.className=ct;P.defaultOptions=zo;P.moduleName=Je;P.folderName=dt;import{jsx as Wo}from"react/jsx-runtime";var pt="k-picker",Vo=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],Fo={size:[s.undefined,s.small,s.medium,s.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},Uo={},Ae=e=>{let{hover:t,focus:o,disabled:l,invalid:n,valid:i,loading:p,readonly:c,size:u,rounded:f,fillMode:k,...y}=e;return Wo("span",{...y,className:r(e.className,pt,I(pt,{size:u,rounded:f,fillMode:k}),ee(pt,{hover:t,focus:o,disabled:l,invalid:n,valid:i,loading:p,readonly:c})),children:e.children})};Ae.states=Vo;Ae.options=Fo;Ae.className=pt;Ae.defaultOptions=Uo;Ae.moduleName=Je;Ae.folderName=dt;import{Fragment as qo,jsx as xa}from"react/jsx-runtime";var It="k-font-icon",$o=[],Jo={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Xo={},Xe=e=>{let{size:t,themeColor:o,icon:l,rotate:n,flip:i,...p}=e;return l?xa("span",{...p,className:r(e.className,It,I(It,{size:t}),{[`k-i-${l}`]:l,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true"}):xa(qo,{})};Xe.states=$o;Xe.options=Jo;Xe.className=It;Xe.defaultOptions=Xo;var ba=Xe;import{Fragment as Qo,jsx as mt}from"react/jsx-runtime";var Mt="k-svg-icon",Yo=[],Go={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[te.outline,te.solid,te.duotone]},Rt={viewBox:"0 0 24 24",variant:te.outline},qe=e=>{let{size:t,themeColor:o,rotate:l,flip:n,viewBox:i=Rt.viewBox,variant:p=Rt.variant,icon:c,...u}=e;if(!c)return mt(Qo,{});if(c==="none")return mt("span",{...u,className:r(e.className,Mt,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name,k=typeof c=="object"?p&&c.variants?.[p]||c.variants?.outline||c.content:void 0;return mt("span",{...u,className:r(e.className,Mt,I("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:mt("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:k!==void 0?{__html:k}:void 0,children:c?void 0:e.children})})};qe.states=Yo;qe.options=Go;qe.className=Mt;qe.defaultOptions=Rt;var Lt=qe;import*as Ot from"@progress/kendo-svg-icons";var ha="icon",Na="icons";import{useContext as jo}from"react";import{createContext as Zo}from"react";var ka=Zo({iconsType:"svg"});import{Fragment as ya,jsx as Ye}from"react/jsx-runtime";var ut="k-icon",en=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),tn=[],an={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[te.outline,te.solid,te.duotone]},Ct={viewBox:"0 0 24 24",type:"svg",variant:te.outline},g=e=>{let{iconsType:t}=jo(ka),{size:o,themeColor:l,icon:n,type:i=t||Ct.type,rotate:p,flip:c,viewBox:u=Ct.viewBox,variant:f=Ct.variant,...k}=e;if(!n)return Ye(ya,{});if((t||i)==="svg"){if(n==="none")return Ye(Lt,{...k,className:r(e.className,ut),icon:n,size:o,variant:f});let A=Ot[n]?n:en(`${n}-icon`);return Ot[A]?Ye(Lt,{...k,className:r(e.className,ut),icon:Ot[A],size:o,themeColor:l,rotate:p,flip:c,viewBox:u,variant:f}):Ye(ya,{})}return Ye(ba,{...k,className:r(e.className,ut),icon:n,size:o,themeColor:l,rotate:p,flip:c})};g.states=tn;g.options=an;g.defaultOptions=Ct;g.className=ut;g.moduleName=ha;g.folderName=Na;g.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};import{Fragment as ln,jsx as Pt}from"react/jsx-runtime";var Ta="k-clear-value",on=[d.disabled,d.loading,d.readonly],nn={},Y=e=>{let{disabled:t,loading:o,readonly:l,value:n}=e;return t||l||o||!n?Pt(ln,{}):Pt("span",{className:r(e.className,Ta),children:Pt(g,{icon:"x"})})};Y.states=on;Y.options=nn;Y.className=Ta;import{jsx as dn}from"react/jsx-runtime";var _t="k-input-inner",rn=[],sn={},ft={type:"text",autocomplete:"off",value:"",placeholder:""},G=e=>{let{value:t=ft.value,type:o=ft.type,placeholder:l=ft.placeholder,autocomplete:n=ft.autocomplete,disabled:i,readOnly:p,...c}=e;return dn("input",{...c,type:o,className:r(e.className,_t,I(_t,e)),placeholder:l,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:p||void 0})};G.states=rn;G.options=sn;G.className=_t;import{jsx as va,jsxs as mn}from"react/jsx-runtime";var Kt="k-input-inner",cn=[],pn={},Ht=e=>{let{value:t,placeholder:o,showValue:l,valueIcon:n,valueIconName:i,...p}=e;return mn("span",{...p,className:r(e.className,Kt,I(Kt,e)),children:[n,!n&&i&&va(g,{className:"k-input-value-icon",icon:i}),l&&!t&&o,l&&t&&va("span",{className:"k-input-value-text",children:t})]})};Ht.states=cn;Ht.options=pn;Ht.className=Kt;import{jsx as fn}from"react/jsx-runtime";var Dt="k-input-inner",un=[],Cn={},wa={value:"",placeholder:""},zt=e=>{let{value:t=wa.value,placeholder:o=wa.placeholder,rows:l,disabled:n,...i}=e;return fn("textarea",{...i,className:r(e.className,Dt,I(Dt,e)),placeholder:o,rows:l,defaultValue:t,disabled:n||void 0})};zt.states=un;zt.options=Cn;zt.className=Dt;import{Fragment as bn,jsx as ga}from"react/jsx-runtime";var Aa="k-input-loading-icon",xn=[d.disabled,d.loading],ae=e=>{let{disabled:t,loading:o}=e;return t||!o?ga(bn,{}):ga("span",{className:r(e.className,Aa,"k-icon k-i-loading")})};ae.states=xn;ae.className=Aa;import{Fragment as kn,jsx as Sa}from"react/jsx-runtime";var Ea="k-input-validation-icon",hn=[d.valid,d.invalid,d.disabled,d.loading],Nn={},Q=e=>{let{valid:t,invalid:o,disabled:l,loading:n}=e,i=o?"warning-circle":"check-circle";return l||n||!!!(t||o)?Sa(kn,{}):Sa(g,{className:r(Ea),icon:i})};Q.states=hn;Q.options=Nn;Q.className=Ea;import{Fragment as vn,jsx as Ia}from"react/jsx-runtime";var yn="k-input-prefix",Tn={direction:"horizontal"},Se=e=>{let{direction:t=Tn.direction,...o}=e;return e.children?Ia("span",{...o,className:r(yn,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Ia(vn,{})};import{Fragment as An,jsx as Ma}from"react/jsx-runtime";var wn="k-input-suffix",gn={direction:"horizontal"},Ee=e=>{let{direction:t=gn.direction,...o}=e;return e.children?Ma("span",{...o,className:r(wn,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ma(An,{})};import{jsx as Di}from"react/jsx-runtime";import{jsx as Fi}from"react/jsx-runtime";import{jsx as En}from"react/jsx-runtime";var Ra="k-input-separator",Sn={direction:"vertical"},Ie=e=>{let{direction:t=Sn.direction,...o}=e;return En("span",{...o,className:r(Ra,e.className,{[`${Ra}-${t}`]:t})})};var Bt="button",La=Bt;import{Fragment as Oa,jsx as Me,jsxs as Pa}from"react/jsx-runtime";var Ge="k-button",In=["icon-button"],Mn=[d.hover,d.focus,d.active,d.selected,d.disabled,d.generating],Rn={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Vt={showArrow:!1,arrowIconName:"chevron-down"},N=e=>{let{as:t="button",size:o,rounded:l,fillMode:n,themeColor:i,showArrow:p=Vt.showArrow,arrowIconName:c=Vt.arrowIconName,variant:u,hover:f,focus:k,active:y,selected:A,disabled:F,togglable:K,ariaDisabled:O,icon:S,iconSize:R,text:W,iconClassName:se,className:de,...me}=e,ue=S!=null,Te=e.children!==void 0;return Pa(t,{className:r(de,Ge,fa(Ge,u),I(Ge,{size:o,rounded:l,fillMode:n,themeColor:i}),ee(Ge,{hover:f,focus:k,active:y,disabled:F||O,selected:A}),{"k-icon-button":!W&&!Te&&ue}),"aria-pressed":K?A?"true":"false":void 0,...me,"aria-disabled":O?"true":void 0,disabled:F||void 0,children:[typeof S=="string"&&S&&Me(g,{className:r(se,"k-button-icon"),icon:S,size:R}),S&&typeof S!="string"&&Me(Oa,{children:S}),W?Pa(Oa,{children:[W&&Me("span",{className:"k-button-text",children:W}),e.children]}):e.children&&Me("span",{className:"k-button-text",children:e.children}),p&&Me("span",{className:"k-menu-button-arrow k-button-arrow",children:Me(g,{icon:c})})]})};N.states=Mn;N.options=Rn;N.variants=In;N.className=Ge;N.defaultOptions=Vt;N.moduleName=Bt;N.folderName=La;N.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Ln}from"react/jsx-runtime";var ve=e=>Ln(N,{children:"Button",...e});import{Fragment as _a,jsx as oe,jsxs as Ft}from"react/jsx-runtime";var On=P.states,Pn=P.defaultOptions,_n=P.options,Kn=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Hn=[],Re=e=>{let{modifiers:t,valid:o,invalid:l,loading:n,disabled:i,readonly:p,...c}=e,u=t?.prefix,f=t?.suffix,k=t?.["clear-button"],y=t?.["validation-icon"],A=t?.separators;return Ft(P,{...c,valid:o,invalid:l,loading:n,disabled:i,readonly:p,style:{width:300},children:[u&&Ft(_a,{children:[oe(Se,{children:oe(g,{icon:"lock"})}),A&&oe(Ie,{})]}),oe(G,{placeholder:"Placeholder",value:"Value"}),y&&oe(Q,{valid:o,invalid:l,loading:n,disabled:i}),oe(ae,{loading:n,disabled:i}),k&&oe(Y,{loading:n,disabled:i,readonly:p,value:"Value"}),f&&Ft(_a,{children:[A&&oe(Ie,{}),oe(Ee,{children:oe(ve,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Re.options=_n;Re.states=On;Re.variants=Hn;Re.defaultOptions=Pn;Re.modifiers=Kn;Re.className=P.className;import{jsx as Dn}from"react/jsx-runtime";var Ka=e=>Dn(N,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as zn}from"react/jsx-runtime";var Ha=e=>zn(N,{icon:"folder",children:"Button",...e});import{jsx as Ut}from"react/jsx-runtime";var Bn=N.options,Vn=N.states,Fn={...N.defaultOptions,variant:"text"},Un=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Wn=[],Le=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Ut(Ka,{...o,icon:"star"});case"icon-and-text":return Ut(Ha,{...o,icon:"star",children:"Button"});default:return Ut(ve,{...o,children:"Button"})}};Le.options=Bn;Le.states=Vn;Le.variants=Un;Le.defaultOptions=Fn;Le.modifiers=Wn;Le.className=N.className;var Wt="popup",Da=Wt;import{jsx as za}from"react/jsx-runtime";var Ba="k-animation-container",$n=[],Jn={},$t={positionMode:"absolute",shown:!0},ne=e=>{let{positionMode:t=$t.positionMode,shown:o=$t.shown,animationStyle:l,offset:n,...i}=e;return za("div",{...i,style:{...n,...e.style},className:r(e.className,Ba,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:za("div",{className:"k-child-animation-container",style:l,children:e.children})})};ne.states=$n;ne.options=Jn;ne.className=Ba;ne.defaultOptions=$t;ne.moduleName=Wt;ne.folderName=Da;var Jt="popup",Va=Jt;import{jsx as Fa}from"react/jsx-runtime";var Ua="k-popup",Xn=[],qn={},Wa={positionMode:"absolute"},ce=e=>{let{offset:t,positionMode:o=Wa.positionMode,animationStyle:l,containerClassName:n,containerRole:i,containerAriaLabel:p,...c}=e;return Fa(ne,{positionMode:o,offset:t,animationStyle:l,className:n,role:i,"aria-label":p,children:Fa("div",{...c,className:r(e.className,Ua),children:e.children})})};ce.states=Xn;ce.options=qn;ce.className=Ua;ce.defaultOptions=Wa;ce.moduleName=Jt;ce.folderName=Va;ce.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};import{jsx as Yn}from"react/jsx-runtime";var $a="k-calendar-view",Xt={orientation:"horizontal",calendarView:"month"},xt=e=>{let{orientation:t=Xt.orientation,calendarView:o=Xt.calendarView,gridRole:l,ariaLabelledBy:n,...i}=e;return Yn("div",{...i,className:r(e.className,$a,`k-calendar-${o}view`,"k-align-items-start","k-justify-content-center",{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),...l?{role:"grid","aria-labelledby":n,tabIndex:0}:{},children:e.children})};xt.className=$a;xt.defaultOptions=Xt;import{jsx as Qe,jsxs as Ja}from"react/jsx-runtime";var Xa="k-calendar-header",Gn={size:[s.undefined,s.small,s.medium,s.large]},Ze={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},we=e=>{let{calendarTitleText:t=Ze.calendarTitleText,showToday:o=Ze.showToday,showNavigationButtons:l=Ze.showNavigationButtons,orientation:n=Ze.orientation,size:i,calendarView:p,dir:c,titleId:u,...f}=e,k=c==="rtl"?"chevron-right":"chevron-left",y=c==="rtl"?"chevron-left":"chevron-right",A=u||Ce("calendar-title");return Ja("div",{...f,className:r(e.className,Xa,{"k-vstack":n==="vertical"}),children:[Qe(N,{disabled:p==="century",className:"k-calendar-title",text:t,size:i,fillMode:"flat",themeColor:"primary",id:A,tabIndex:-1,"aria-label":`Navigate to parent view: ${t}`,...p==="century"?{"aria-disabled":"true"}:{}}),Qe("span",{className:"k-spacer"}),Ja("span",{className:"k-calendar-nav",children:[l&&Qe(N,{className:"k-calendar-nav-prev",icon:k,size:i,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),o&&Qe(N,{size:i,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),l&&Qe(N,{className:"k-calendar-nav-next",icon:y,size:i,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};we.options=Gn;we.className=Xa;we.defaultOptions=Ze;import{jsx as qa}from"react/jsx-runtime";var Ya="k-calendar-footer",Qn={size:[s.undefined,s.small,s.medium,s.large]},Ga={calendarFooterText:"Tuesday, October 12, 2021"},je=e=>{let{size:t,calendarFooterText:o=Ga.calendarFooterText,...l}=e;return qa("div",{...l,className:r(e.className,Ya),children:qa(N,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:o})})};je.options=Qn;je.className=Ya;je.defaultOptions=Ga;var H="calendar",B=H;import{jsx as qt,jsxs as el}from"react/jsx-runtime";var Yt="k-calendar",Zn=[],jn={size:[s.undefined,s.small,s.medium,s.large]},et={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},E=e=>{let{size:t,orientation:o=et.orientation,calendarView:l=et.calendarView,calendarTitleText:n=et.calendarTitleText,showCalendarHeader:i=et.showCalendarHeader,showWeek:p,showCalendarFooter:c,calendarFooterText:u,dir:f,...k}=e,y=Ce("calendar-title");return el("div",{...k,dir:f,className:r(e.className,Yt,I(Yt,{size:t}),{"k-week-number":p}),children:[i&&qt(we,{calendarView:l,showToday:!c,calendarTitleText:n,orientation:o,size:t,dir:f,titleId:y}),qt(xt,{calendarView:l,orientation:o,gridRole:!0,ariaLabelledBy:y,children:e.children}),c&&qt(je,{calendarFooterText:u,size:t})]})};E.states=Zn;E.options=jn;E.className=Yt;E.defaultOptions=et;E.moduleName=H;E.folderName=B;E.ariaSpec={selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range)",rules:[{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"role=grid",usage:"Specifies the role of the Calendar view container."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"aria-labelledby",usage:"Pointing to the current view label (e.g. March 2022 or 2020-2029)."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"tabindex=0",usage:"Makes the grid focusable."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-table",attribute:"role=none",usage:"Inner table has role removed \u2014 content belongs to the grid on the view."},{selector:".k-calendar-thead",attribute:"role=rowgroup",usage:"Groups header rows."},{selector:".k-calendar-tbody",attribute:"role=rowgroup",usage:"Groups body rows."},{selector:".k-calendar-tr",attribute:"role=row",usage:"Each row in the calendar table."},{selector:".k-calendar-thead .k-calendar-th",attribute:"role=columnheader",usage:"Column header for day names."},{selector:".k-calendar-thead .k-calendar-th",attribute:"scope=col",usage:"Specifies the header applies to a column."},{selector:".k-calendar-thead .k-calendar-th",attribute:"aria-label",usage:"Full name of the day of the week."},{selector:".k-calendar-td:not(.k-alt):not(.k-empty)",attribute:"role=gridcell",usage:"Date cells in the calendar body."},{selector:".k-calendar-td.k-selected",attribute:"aria-selected=true",usage:"Indicates the selected date."},{selector:".k-calendar-td.k-disabled",attribute:"aria-disabled=true",usage:"Indicates a disabled date."},{selector:".k-calendar-nav-next,.k-calendar-nav-prev",attribute:"tabindex=-1",usage:"Navigation buttons are not focusable."},{selector:".k-calendar-nav-next,.k-calendar-nav-prev",attribute:"aria-label",usage:"Describes the navigation button purpose."},{selector:".k-calendar-title",attribute:"tabindex=-1",usage:"Title button is not focusable."},{selector:".k-calendar-title",attribute:"aria-label",usage:"Describes the title button purpose."},{selector:".k-calendar-nav-today",attribute:"tabindex=-1",usage:"Today link/button is not focusable."}]};import{jsx as nl}from"react/jsx-runtime";var Qa="k-calendar-container",tl=[],al={},ol={},Oe=e=>{let{...t}=e;return nl("div",{...t,className:r(e.className,Qa),children:e.children})};Oe.states=tl;Oe.options=al;Oe.className=Qa;Oe.defaultOptions=ol;Oe.moduleName=H;Oe.folderName=B;import{Fragment as rl,jsx as Pe,jsxs as il}from"react/jsx-runtime";var ll=[d.hover,d.focus,d.active,d.selected,d.disabled],a=e=>{let{text:t,headerCell:o,today:l,weekend:n,showOtherMonth:i,weekCell:p,rangeStart:c,rangeMid:u,rangeEnd:f,dayIndicator:k,empty:y,hover:A,focus:F,active:K,selected:O,disabled:S,...R}=e,se=`k-calendar-${o?"th":"td"}`,de=[e.className,se,ee(se,{hover:A,focus:F,active:K,selected:O,disabled:S}),{"k-today":l,"k-weekend":n,"k-other-month":i,"k-alt":p,"k-range-start":c,"k-range-mid":u,"k-range-end":f,"k-empty":y}],me={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(o){let ue=t?me[t]||t:void 0;return Pe("th",{...R,className:r(de),role:"columnheader",scope:"col","aria-label":ue,children:p?Pe("span",{className:"k-sr-only",children:ue}):t})}return p?Pe("td",{...R,className:r(de),children:t}):Pe("td",{...R,className:r(de),role:"gridcell",...O?{"aria-selected":"true"}:{},...S?{"aria-disabled":"true"}:{},children:y&&!i?Pe(rl,{children:"\xA0"}):il("span",{className:"k-link",children:[t,k&&Pe("span",{className:"k-day-indicator"})]})})};a.states=ll;import{jsx as Gt,jsxs as sl}from"react/jsx-runtime";var Za="k-calendar-thead",ja={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},_e=e=>{let{showWeek:t,cellsText:o=ja.cellsText,...l}=e;return Gt("thead",{...l,className:r(e.className,Za),role:"rowgroup",children:sl("tr",{className:"k-calendar-tr",role:"row",children:[t&&Gt(a,{weekCell:!0,headerCell:!0,text:"W"}),o.map((n,i)=>Gt(a,{text:n,headerCell:!0},i))]})})};_e.className=Za;_e.defaultOptions=ja;import{jsx as dl}from"react/jsx-runtime";var eo="k-calendar-tbody",_=e=>{let{...t}=e;return dl("tbody",{...t,className:r(e.className,eo),role:"rowgroup",children:e.children})};_.className=eo;_.moduleName=H;_.folderName=B;import{jsx as Qt,jsxs as pl}from"react/jsx-runtime";var cl="k-calendar-table",le=e=>{let{calendarCaption:t,showTableHead:o,showWeek:l,ariaLabelledBy:n,ariaActiveDescendant:i,gridRole:p,...c}=e;return pl("table",{...c,className:r(e.className,cl),...p?{role:"grid","aria-labelledby":n,"aria-activedescendant":i,tabIndex:0}:{role:"none"},children:[t&&Qt("caption",{className:"k-calendar-caption",children:t}),o&&Qt(_e,{showWeek:l}),Qt(_,{children:e.children})]})};import{jsx as Zt,jsxs as to}from"react/jsx-runtime";var ao="k-calendar-navigation",tt=e=>to("div",{...e,className:r(e.className,ao),children:[Zt("span",{className:"k-calendar-navigation-highlight"}),to("div",{className:"k-content k-scrollable",children:[Zt("ul",{className:"k-reset",children:e.children}),Zt("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]});tt.className=ao;tt.moduleName=H;tt.folderName=B;import{jsx as ul}from"react/jsx-runtime";var ml="k-calendar-table",jt=e=>{let{tableRole:t="none",ariaLabelledBy:o,...l}=e;return ul("table",{...l,className:r(e.className,ml),role:t,...o?{"aria-labelledby":o}:{},...t==="grid"?{tabIndex:0}:{},children:e.children})};import{jsx as Z,jsxs as bt}from"react/jsx-runtime";var oo="k-calendar-view",Ke={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},He=e=>{let{orientation:t=Ke.orientation,calendarView:o=Ke.calendarView,headerText:l=Ke.headerText,showWeekdays:n=Ke.showWeekdays,showNavigationButtons:i=Ke.showNavigationButtons,showWeekNumbers:p,weekdayCellsText:c,gridLabelledBy:u,...f}=e;return bt("div",{...f,className:r(oo,`k-calendar-${o}view`,e.className,{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),children:[Z(we,{showNavigationButtons:i,calendarTitleText:l,orientation:"horizontal"}),n&&bt(jt,{className:"k-calendar-weekdays",tableRole:"table",children:[bt("colgroup",{children:[Z("col",{}),Z("col",{}),Z("col",{}),Z("col",{}),Z("col",{}),Z("col",{}),Z("col",{})]}),Z(_e,{cellsText:c,showWeek:p})]}),bt("div",{className:"k-content k-scrollable",role:"none",children:[Z(jt,{tableRole:"grid",ariaLabelledBy:u,children:e.children}),Z("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};He.className=oo;He.defaultOptions=Ke;He.moduleName=H;He.folderName=B;import{jsx as ht,jsxs as hl}from"react/jsx-runtime";var no="k-calendar-infinite",Cl={size:[s.undefined,s.small,s.medium,s.large]},fl=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],xl={2021:"marker",2022:"marker"},bl=(e,t)=>e.map((o,l)=>ht("li",{children:ht("span",{className:t[o]==="marker"?"k-calendar-navigation-marker":void 0,children:o})},l)),at={showNavigation:!0,calendarView:"month",navigationItems:fl,navigationMarkerConfig:xl},M=e=>{let{size:t,showNavigation:o=at.showNavigation,calendarView:l=at.calendarView,navigationItems:n=at.navigationItems,navigationMarkerConfig:i=at.navigationMarkerConfig,calendarTitleText:p,showWeekdays:c,showWeekNumbers:u,showNavigationButtons:f,calendarWeekdays:k,...y}=e,A=Ce("calendar-infinite-title");return hl("div",{...y,className:r(e.className,"k-calendar",no,I("k-calendar",{size:t})),children:[o&&ht(tt,{children:bl(n,i)}),ht(He,{calendarView:l,headerText:p,showWeekdays:c,showWeekNumbers:u,showNavigationButtons:f,orientation:"vertical",weekdayCellsText:k,gridLabelledBy:A,children:e.children})]})};M.options=Cl;M.className=no;M.defaultOptions=at;M.moduleName=H;M.folderName=B;M.ariaSpec={selector:".k-calendar-infinite",rules:[{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"role=grid",usage:"The content table is the grid element for the infinite calendar."},{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"aria-labelledby",usage:"Pointing to the current view title element."},{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"tabindex=0",usage:"Makes the grid focusable."},{selector:".k-calendar-infinite .k-calendar-weekdays",attribute:"role=table",usage:"Weekday header table keeps table semantics (not part of grid)."},{selector:".k-calendar-view div.k-content.k-scrollable",attribute:"role=none",usage:"Scrollable wrapper is transparent to a11y tree."},{selector:".k-calendar-infinite .k-calendar-tbody",attribute:"role=rowgroup",usage:"Explicit rowgroup role on tbody."},{selector:".k-calendar-infinite .k-calendar-tr",attribute:"role=row",usage:"Explicit row role on tr."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"role=columnheader",usage:"Explicit columnheader role on weekday headers."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"scope=col",usage:"Specifies that the header applies to a column."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"aria-label",usage:"Full name of the day of the week."},{selector:".k-calendar-infinite .k-calendar-td:not(.k-alt):not(.k-empty)",attribute:"role=gridcell",usage:"Date cells in the calendar body."},{selector:".k-calendar-td.k-selected",attribute:"aria-selected=true",usage:"Specifies whether the date is selected."},{selector:".k-calendar-td.k-disabled",attribute:"aria-disabled=true",usage:"Specifies a disabled date."},{selector:".k-calendar-title",attribute:"tabindex=-1",usage:"Title button is not focusable."},{selector:".k-calendar-nav-today",attribute:"tabindex=-1",usage:"Today link is not focusable."}]};import{jsx as Nl}from"react/jsx-runtime";var lo="k-calendar-tr",m=e=>{let{...t}=e;return Nl("tr",{...t,className:r(e.className,lo),role:"row",children:e.children})};m.className=lo;m.moduleName=H;m.folderName=B;import{jsx as kl}from"react/jsx-runtime";var ro="k-calendar-caption",V=e=>{let{text:t,scope:o,colSpan:l,rowSpan:n,...i}=e;return kl("th",{...i,scope:o,colSpan:l,rowSpan:n,className:r(e.className,ro),children:t})};V.className=ro;V.moduleName=H;V.folderName=B;import{jsx as $,jsxs as Nt}from"react/jsx-runtime";var io=({showOtherCentury:e,...t})=>$(E,{calendarView:"century",calendarTitleText:"2000 - 2099",children:Nt(le,{children:[Nt(m,{children:[$(a,{text:"1990 - 1999"}),$(a,{text:"2000 - 2009"}),$(a,{text:"2010 - 2019",today:!0}),$(a,{text:"2020 - 2029"})]}),Nt(m,{children:[$(a,{text:"2030 - 2039"}),$(a,{text:"2040 - 2049"}),$(a,{text:"2050 - 2059"}),$(a,{text:"2060 - 2069"})]}),Nt(m,{children:[$(a,{text:"2070 - 2079"}),$(a,{text:"2080 - 2089"}),$(a,{text:"2090 - 2099"}),$(a,{text:"2100 - 2109",empty:!e})]})]}),...t});import{jsx as J,jsxs as kt}from"react/jsx-runtime";var so=({showOtherDecade:e,...t})=>J(E,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:kt(le,{children:[kt(m,{children:[J(a,{text:"2019",empty:!e}),J(a,{text:"2020"}),J(a,{text:"2021",today:!0}),J(a,{text:"2022"})]}),kt(m,{children:[J(a,{text:"2023"}),J(a,{text:"2024"}),J(a,{text:"2025"}),J(a,{text:"2026"})]}),kt(m,{children:[J(a,{text:"2027"}),J(a,{text:"2028"}),J(a,{text:"2029"}),J(a,{text:"2030",empty:!e})]})]}),...t});import{jsx as x,jsxs as ge}from"react/jsx-runtime";var ot=({showCaptions:e,showOtherMonth:t,...o})=>x(E,{calendarView:"month",children:ge(le,{calendarCaption:e&&"October 2021",showTableHead:!0,children:[ge(m,{children:[x(a,{text:"26",showOtherMonth:t,empty:!t,weekend:t}),x(a,{text:"27",showOtherMonth:t,empty:!t}),x(a,{text:"28",showOtherMonth:t,empty:!t}),x(a,{text:"29",showOtherMonth:t,empty:!t}),x(a,{text:"30",showOtherMonth:t,empty:!t}),x(a,{text:"1"}),x(a,{text:"2",weekend:!0})]}),ge(m,{children:[x(a,{text:"3",weekend:!0}),x(a,{text:"4"}),x(a,{text:"5"}),x(a,{text:"6"}),x(a,{text:"7"}),x(a,{text:"8"}),x(a,{text:"9",weekend:!0})]}),ge(m,{children:[x(a,{text:"10",weekend:!0}),x(a,{text:"11"}),x(a,{text:"12",today:!0}),x(a,{text:"13"}),x(a,{text:"14"}),x(a,{text:"15"}),x(a,{text:"16",weekend:!0})]}),ge(m,{children:[x(a,{text:"17",weekend:!0}),x(a,{text:"18"}),x(a,{text:"19"}),x(a,{text:"20"}),x(a,{text:"21"}),x(a,{text:"22"}),x(a,{text:"23",weekend:!0})]}),ge(m,{children:[x(a,{text:"24",weekend:!0}),x(a,{text:"25"}),x(a,{text:"26"}),x(a,{text:"27"}),x(a,{text:"28"}),x(a,{text:"29"}),x(a,{text:"30",weekend:!0})]}),ge(m,{children:[x(a,{text:"31",weekend:!0}),x(a,{text:"1",showOtherMonth:t,empty:!t}),x(a,{text:"2",showOtherMonth:t,empty:!t}),x(a,{text:"3",showOtherMonth:t,empty:!t}),x(a,{text:"4",showOtherMonth:t,empty:!t}),x(a,{text:"5",showOtherMonth:t,empty:!t}),x(a,{text:"6",showOtherMonth:t,empty:!t,weekend:t})]})]}),...o});import{jsx as Hc,jsxs as Dc}from"react/jsx-runtime";import{jsx as X,jsxs as yt}from"react/jsx-runtime";var co=e=>X(E,{calendarView:"year",calendarTitleText:"2019",children:yt(le,{children:[yt(m,{children:[X(a,{text:"Jan"}),X(a,{text:"Feb"}),X(a,{text:"Mar"}),X(a,{text:"Apr"})]}),yt(m,{children:[X(a,{text:"May"}),X(a,{text:"Jun"}),X(a,{text:"Jul"}),X(a,{text:"Au"})]}),yt(m,{children:[X(a,{text:"Sep"}),X(a,{text:"Oct",today:!0}),X(a,{text:"Nov"}),X(a,{text:"Dec"})]})]}),...e});import{Fragment as yl,jsx as C,jsxs as pe}from"react/jsx-runtime";var po=({firstCaption:e="January 2021",secondCaption:t="February 2021",...o})=>C(M,{calendarTitleText:"January 2021",children:pe(yl,{children:[pe("colgroup",{children:[C("col",{}),C("col",{}),C("col",{}),C("col",{}),C("col",{}),C("col",{}),C("col",{})]}),pe(_,{children:[C(m,{"aria-hidden":"true",children:C(V,{scope:"col",colSpan:7,text:e})}),pe(m,{children:[C(a,{empty:!0}),C(a,{empty:!0}),C(a,{empty:!0}),C(a,{empty:!0}),C(a,{empty:!0}),C(a,{text:"1"}),C(a,{text:"2",weekend:!0})]}),pe(m,{children:[C(a,{text:"3",weekend:!0}),C(a,{text:"4"}),C(a,{text:"5"}),C(a,{text:"6"}),C(a,{text:"7"}),C(a,{text:"8"}),C(a,{text:"9",weekend:!0})]}),pe(m,{children:[C(a,{text:"10",weekend:!0}),C(a,{text:"11"}),C(a,{text:"12"}),C(a,{text:"13"}),C(a,{text:"14"}),C(a,{text:"15"}),C(a,{text:"16",weekend:!0})]}),pe(m,{children:[C(a,{text:"17",weekend:!0}),C(a,{text:"18"}),C(a,{text:"19"}),C(a,{text:"20"}),C(a,{text:"21"}),C(a,{text:"22"}),C(a,{text:"23",weekend:!0})]}),pe(m,{children:[C(a,{text:"24",weekend:!0}),C(a,{text:"25"}),C(a,{text:"26"}),C(a,{text:"27"}),C(a,{text:"28"}),C(a,{text:"29"}),C(a,{text:"30",weekend:!0})]}),pe(m,{children:[C(a,{text:"31",weekend:!0}),C(a,{empty:!0}),C(a,{empty:!0}),C(a,{empty:!0}),C(a,{empty:!0}),C(a,{empty:!0}),C(a,{empty:!0})]})]}),C(_,{children:C(m,{"aria-hidden":"true",children:C(V,{scope:"col",colSpan:7,text:t})})})]}),...o});import{Fragment as Tl,jsx as T,jsxs as re}from"react/jsx-runtime";var mo=({firstCaption:e="2021",secondCaption:t="2022",...o})=>T(M,{calendarView:"year",showWeekdays:!1,calendarTitleText:"2021",navigationItems:["2016","2017","2018","2019","2020","2021","2022","2023","2024","2025","2026","2027","2028","2029","2030","2031","2032","2033","2034","2035","2036","2037","2038","2039","2040","2041","2042"],navigationMarkerConfig:{2021:"marker",2030:"marker",2040:"marker"},children:re(Tl,{children:[re("colgroup",{children:[T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),re(_,{children:[T(m,{"aria-hidden":"true",children:T(V,{scope:"col",colSpan:4,text:e})}),re(m,{children:[T(a,{text:"Jan",today:!0}),T(a,{text:"Feb"}),T(a,{text:"Mar"}),T(a,{text:"Apr"})]}),re(m,{children:[T(a,{text:"May"}),T(a,{text:"Jun"}),T(a,{text:"Jul"}),T(a,{text:"Aug"})]}),re(m,{children:[T(a,{text:"Sep"}),T(a,{text:"Oct"}),T(a,{text:"Nov"}),T(a,{text:"Dec"})]})]}),re(_,{children:[T(m,{"aria-hidden":"true",children:T(V,{scope:"col",colSpan:4,text:t})}),re(m,{children:[T(a,{text:"Jan"}),T(a,{text:"Feb"}),T(a,{text:"Mar"}),T(a,{text:"Apr"})]}),re(m,{children:[T(a,{text:"May"}),T(a,{text:"Jun"}),T(a,{text:"Jul"}),T(a,{text:"Aug"})]}),re(m,{children:[T(a,{text:"Sep"}),T(a,{text:"Oct"}),T(a,{text:"Nov"}),T(a,{text:"Dec"})]})]})]}),...o});import{Fragment as vl,jsx as v,jsxs as ie}from"react/jsx-runtime";var uo=({firstCaption:e="2020 - 2029",secondCaption:t="2030 - 2039",...o})=>v(M,{calendarView:"decade",showWeekdays:!1,calendarTitleText:"2020 - 2029",navigationItems:["1970","1980","1990","2000","2010","2020","2030","2040","2050","2060","2070","2080","2090"],navigationMarkerConfig:{2020:"marker"},children:ie(vl,{children:[ie("colgroup",{children:[v("col",{}),v("col",{}),v("col",{}),v("col",{})]}),ie(_,{children:[v(m,{"aria-hidden":"true",children:v(V,{scope:"col",colSpan:4,text:e})}),ie(m,{children:[v(a,{text:"2020",today:!0}),v(a,{text:"2021"}),v(a,{text:"2022"}),v(a,{text:"2023"})]}),ie(m,{children:[v(a,{text:"2024"}),v(a,{text:"2025"}),v(a,{text:"2026"}),v(a,{text:"2027"})]}),ie(m,{children:[v(a,{text:"2028"}),v(a,{text:"2029"}),v(a,{empty:!0}),v(a,{empty:!0})]})]}),ie(_,{children:[v(m,{"aria-hidden":"true",children:v(V,{scope:"col",colSpan:4,text:t})}),ie(m,{children:[v(a,{text:"2030"}),v(a,{text:"2031"}),v(a,{text:"2032"}),v(a,{text:"2033"})]}),ie(m,{children:[v(a,{text:"2034"}),v(a,{text:"2035"}),v(a,{text:"2036"}),v(a,{text:"2037"})]}),ie(m,{children:[v(a,{text:"2038"}),v(a,{text:"2039"}),v(a,{empty:!0}),v(a,{empty:!0})]})]})]}),...o});import{Fragment as wl,jsx as L,jsxs as De}from"react/jsx-runtime";var Co=({firstCaption:e="2000 - 2099",...t})=>L(M,{calendarView:"century",showWeekdays:!1,calendarTitleText:"2000 - 2099",navigationItems:["1900","2000"],navigationMarkerConfig:{2e3:"marker"},children:De(wl,{children:[De("colgroup",{children:[L("col",{}),L("col",{}),L("col",{}),L("col",{})]}),De(_,{children:[L(m,{"aria-hidden":"true",children:L(V,{scope:"col",colSpan:4,text:e})}),De(m,{children:[L(a,{text:"1900 - 1999"}),L(a,{text:"2000 - 2009"}),L(a,{text:"2010 - 2019"}),L(a,{text:"2020 - 2029"})]}),De(m,{children:[L(a,{text:"2030 - 2039"}),L(a,{text:"2040 - 2049"}),L(a,{text:"2050 - 2059"}),L(a,{text:"2060 - 2069"})]}),De(m,{children:[L(a,{text:"2070 - 2079"}),L(a,{text:"2080 - 2089"}),L(a,{text:"2090 - 2099"}),L(a,{empty:!0})]})]})]}),...t});import{Fragment as lp,jsx as op,jsxs as np}from"react/jsx-runtime";import{jsx as dp,jsxs as cp}from"react/jsx-runtime";import{Fragment as xp,jsx as Cp,jsxs as fp}from"react/jsx-runtime";import{jsx as Tt}from"react/jsx-runtime";var gl=E.options,Al=E.states,fo={...E.defaultOptions,variant:"month"},Sl=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],El=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],ze=e=>{let{variant:t,modifiers:o,...l}={...fo,...e},n={showCalendarFooter:!1};Object.keys(o||{}).forEach(f=>{switch(f){case"other":n.showOtherMonth=!!o?.[f],n.showOtherCentury=!!o?.[f],n.showOtherDecade=!!o?.[f];break;case"footer":n.showCalendarFooter=!!o?.[f];break;default:return}});let{showOtherMonth:i,showOtherDecade:p,showOtherCentury:c,showCalendarFooter:u}=n;switch(t){case"century":return Tt(io,{size:l.size,showOtherCentury:c,showCalendarFooter:u});case"decade":return Tt(so,{size:l.size,showOtherDecade:p,showCalendarFooter:u});case"year":return Tt(co,{calendarTitleText:"2021",size:l.size,showCalendarFooter:u});default:return Tt(ot,{size:l.size,showOtherMonth:i,showCalendarFooter:u})}};ze.options=gl;ze.states=Al;ze.variants=Sl;ze.defaultOptions=fo;ze.modifiers=El;ze.className=E.className;import{jsx as vt}from"react/jsx-runtime";var Il=M.options,Ml=M.states,xo={...M.defaultOptions,variant:"month"},Rl=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Ll=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],Be=e=>{let{variant:t,modifiers:o,...l}={...xo,...e},n={showCalendarFooter:!1};Object.keys(o||{}).forEach(f=>{switch(f){case"other":n.showOtherMonth=!!o?.[f],n.showOtherCentury=!!o?.[f],n.showOtherDecade=!!o?.[f];break;case"footer":n.showCalendarFooter=!!o?.[f];break;default:return}});let{showOtherMonth:i,showOtherDecade:p,showOtherCentury:c,showCalendarFooter:u}=n;switch(t){case"century":return vt(Co,{size:l.size,showOtherCentury:c,showCalendarFooter:u});case"decade":return vt(uo,{size:l.size,showOtherDecade:p,showCalendarFooter:u});case"year":return vt(mo,{size:l.size,showCalendarFooter:u});default:return vt(po,{size:l.size,showOtherMonth:i,showCalendarFooter:u})}};Be.options=Il;Be.states=Ml;Be.variants=Rl;Be.defaultOptions=xo;Be.modifiers=Ll;Be.className=M.className;var ea="action-buttons",bo=ea;import{jsx as _l}from"react/jsx-runtime";var wt="k-actions",Ol=[],Pl={},ta={alignment:"start",orientation:"horizontal"},fe=e=>{let{alignment:t=ta.alignment,orientation:o=ta.orientation,...l}=e;return _l("div",{...l,className:r(wt,{[`${wt}-${t}`]:t,[`${wt}-${o}`]:o},e.className),children:e.children})};fe.states=Ol;fe.options=Pl;fe.className=wt;fe.defaultOptions=ta;fe.moduleName=ea;fe.folderName=bo;import{jsx as Hl}from"react/jsx-runtime";var Kl="k-actionsheet-footer",ho={alignment:"stretched",orientation:"horizontal"},Ve=e=>{let{alignment:t=ho.alignment,orientation:o=ho.orientation,template:l,as:n=l?"div":fe,...i}=e;return Hl(n,{...i,...!l&&{alignment:t,orientation:o},className:r(e.className,Kl),children:e.children})};var aa="searchbox",No=aa;import{jsx as nt,jsxs as Bl}from"react/jsx-runtime";var ko="k-searchbox",Dl=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading],zl={size:[s.undefined,s.small,s.medium,s.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},oa={showIcon:!0,icon:"search"},xe=e=>{let{value:t,placeholder:o,size:l,rounded:n,fillMode:i,hover:p,focus:c,valid:u,invalid:f,required:k,loading:y,disabled:A,showIcon:F=oa.showIcon,icon:K=oa.icon,"aria-label":O,...S}=e;return Bl(P,{...S,size:l,rounded:n,fillMode:i,hover:p,focus:c,valid:u,invalid:f,required:k,loading:y,disabled:A,className:r(e.className,ko),children:[F&&nt(g,{className:"k-input-icon",icon:K}),nt(G,{placeholder:o,value:t,"aria-label":O}),nt(ae,{...e}),nt(Q,{...e}),nt(Y,{...e})]})};xe.states=Dl;xe.options=zl;xe.className=ko;xe.defaultOptions=oa;xe.moduleName=aa;xe.folderName=No;import{jsx as Rm}from"react/jsx-runtime";var na="textbox",yo=na;import{Fragment as To,jsx as be,jsxs as la}from"react/jsx-runtime";var vo="k-textbox",Vl=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],Fl={size:[s.undefined,s.small,s.medium,s.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},gt={showClearButton:!0,showValidationIcon:!0,separators:!0},U=e=>{let{size:t,rounded:o,fillMode:l,separators:n=gt.separators,showClearButton:i=gt.showClearButton,showValidationIcon:p=gt.showValidationIcon,prefix:c,suffix:u,type:f,value:k,placeholder:y,hover:A,focus:F,valid:K,invalid:O,required:S,loading:R,disabled:W,readonly:se,id:de,"aria-label":me,"aria-describedby":ue,...Te}=e;return la(P,{...Te,size:t,rounded:o,fillMode:l,hover:A,focus:F,valid:K,invalid:O,required:S,loading:R,disabled:W,readonly:se,className:r(e.className,vo),children:[c&&la(To,{children:[be(Se,{children:c}),n&&be(Ie,{})]}),be(G,{id:de,placeholder:y,value:k,type:f,disabled:W,"aria-label":me,"aria-describedby":ue,"aria-invalid":O?"true":void 0}),p&&be(Q,{valid:K,invalid:O,loading:R,disabled:W}),be(ae,{loading:R,disabled:W}),i&&be(Y,{loading:R,disabled:W,readonly:se,value:k}),u&&la(To,{children:[n&&be(Ie,{}),be(Ee,{children:u})]})]})};U.states=Vl;U.options=Fl;U.className=vo;U.defaultOptions=gt;U.moduleName=na;U.folderName=yo;U.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var lt=U;import{jsx as Ul}from"react/jsx-runtime";var wo=e=>Ul(lt,{...e});import{Fragment as Ym,jsx as qm}from"react/jsx-runtime";import{Fragment as tu,jsx as eu}from"react/jsx-runtime";import{jsx as lu}from"react/jsx-runtime";import{jsx as ra}from"react/jsx-runtime";var Wl=U.states,$l=U.defaultOptions,Jl=U.options,Xl=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],ql=[],Fe=e=>{let{modifiers:t,...o}=e,l={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":l.prefix=t?.[n]?ra(g,{icon:"lock"}):void 0;break;case"suffix":l.suffix=t?.[n]?ra(ve,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":l.showClearButton=t?.[n];break;default:break}}),ra(wo,{value:"Value",style:{width:300},...o,...l})};Fe.options=Jl;Fe.states=Wl;Fe.variants=ql;Fe.defaultOptions=$l;Fe.modifiers=Xl;Fe.className=U.className;import{jsx as he,jsxs as ia}from"react/jsx-runtime";var go="k-actionsheet-titlebar",Yl={},j=e=>{let{title:t,subtitle:o,actionsStart:l,actionsEnd:n,filter:i,input:p,inputValue:c,inputPlaceholder:u,adaptive:f,titleId:k,children:y,...A}=e;return ia("div",{...A,className:r(e.className,go),children:[ia("div",{className:"k-actionsheet-titlebar-group",children:[l&&he("div",{className:"k-actionsheet-actions",children:l}),!y&&ia("div",{className:"k-actionsheet-title",id:k,children:[t&&he("div",{className:"k-text-center",children:t}),o&&he("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),y&&he("div",{className:"k-actionsheet-title",id:k,children:y}),n&&he("div",{className:"k-actionsheet-actions",children:n})]}),(p||i)&&he("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?he(U,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t||u||"Input"}):he(xe,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};j.className=go;j.defaultOptions=Yl;import{jsx as sa,jsxs as jl}from"react/jsx-runtime";var da="k-actionsheet-view",Gl=[],Ql={},Zl={},Ue=e=>{let{adaptive:t,animated:o,children:l,header:n,footer:i,titleId:p,...c}=e,u=n?.type===j&&sa(j,{adaptive:t,titleId:p,...n?.props}),f=i?.type===Ve&&sa(Ve,{...i?.props});return jl("div",{...c,className:r(e.className,da,{[`${da}-animated`]:o}),children:[u,sa("div",{className:"k-actionsheet-content",children:l}),f]})};Ue.states=Gl;Ue.options=Ql;Ue.className=da;Ue.defaultOptions=Zl;var rt="action-sheet",At=rt;var ca="overlay",Ao=ca;import{jsx as or}from"react/jsx-runtime";var So="k-overlay",er=[],tr={},ar={},Ne=e=>{let{...t}=e;return or("div",{...t,className:r(e.className,So),children:e.children})};Ne.states=er;Ne.options=tr;Ne.className=So;Ne.defaultOptions=ar;Ne.moduleName=ca;Ne.folderName=Ao;import{jsx as St,jsxs as rr}from"react/jsx-runtime";var Eo="k-actionsheet",nr=[],lr={},it={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},D=e=>{let{side:t=it.side,fullscreen:o=it.fullscreen,adaptive:l=it.adaptive,overlay:n=it.overlay,template:i,children:p,header:c,footer:u,id:f,...k}=e,y=f&&!i&&c?`${f}-title`:void 0;return rr("div",{className:"k-actionsheet-container",children:[n&&St(Ne,{}),St(ne,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:St("div",{...k,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":y,className:r(e.className,Eo,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":l}),children:i||St(Ue,{header:c,footer:u,adaptive:l,titleId:y,...e,children:p})})})]})};D.states=nr;D.options=lr;D.className=Eo;D.defaultOptions=it;D.moduleName=rt;D.folderName=At;D.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as cr}from"react/jsx-runtime";var Io="k-actionsheet-container",ir=[],sr={},dr={},We=e=>{let{children:t,...o}=e;return cr("div",{...o,className:Io,children:t})};We.states=ir;We.options=sr;We.className=Io;We.defaultOptions=dr;We.moduleName=rt;We.folderName=At;import{jsx as pr}from"react/jsx-runtime";var pa=e=>{let{...t}=e;return pr("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as ur,jsx as st,jsxs as ma}from"react/jsx-runtime";var ua="k-actionsheet-item",mr=[d.hover,d.focus,d.selected,d.disabled],ke=e=>{let{iconName:t,text:o,description:l,hover:n,focus:i,selected:p,disabled:c,...u}=e;return ma("span",{...u,className:r(e.className,ua,ee(ua,{hover:n,focus:i,selected:p,disabled:c})),children:[!e.children&&st(ur,{children:ma("span",{className:"k-actionsheet-action",children:[t&&st("span",{className:"k-icon-wrap",children:st(g,{className:"k-actionsheet-item-icon",icon:t})}),ma("span",{className:"k-actionsheet-item-text",children:[o&&st("span",{className:"k-actionsheet-item-title",children:o}),l&&st("span",{className:"k-actionsheet-item-description",children:l})]})]})}),e.children]})};ke.states=mr;ke.className=ua;import{jsx as nC,jsxs as lC}from"react/jsx-runtime";import{jsx as dC}from"react/jsx-runtime";import{jsx as uC}from"react/jsx-runtime";import{jsx as bC}from"react/jsx-runtime";import{jsx as z,jsxs as Ca}from"react/jsx-runtime";var Cr=D.options,fr=D.states,Ro={...D.defaultOptions,variant:"normal"},xr=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],br=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],$e=e=>{let{variant:t,modifiers:o,...l}={...Ro,...e},n={},i=Ca(pa,{children:[z(ke,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),z(ke,{text:"Add to Favorites",iconName:"heart"}),z(ke,{text:"Upload New",iconName:"upload",disabled:!0}),z("hr",{className:"k-hr"}),z(ke,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",c="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?p:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?z(D,{...l,adaptive:!0,fullscreen:n.fullScreen,header:z(j,{actionsStart:n.actionsStart?z(N,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?z(N,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtit