@progress/kendo-themes-html 13.2.0-dev.2 → 13.2.0-dev.3

package/dist/cjs/scheduler/demos/scheduler.js

@@ -1 +1 @@
-var Fc=Object.create;var al=Object.defineProperty;var Wc=Object.getOwnPropertyDescriptor;var Vc=Object.getOwnPropertyNames;var $c=Object.getPrototypeOf,Xc=Object.prototype.hasOwnProperty;var Jc=(e,t)=>{for(var o in t)al(e,o,{get:t[o],enumerable:!0})},Pn=(e,t,o,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Vc(t))!Xc.call(e,r)&&r!==o&&al(e,r,{get:()=>t[r],enumerable:!(l=Wc(t,r))||l.enumerable});return e};var Dn=(e,t,o)=>(o=e!=null?Fc($c(e)):{},Pn(t||!e||!e.__esModule?al(o,"default",{value:e,enumerable:!0}):o,e)),qc=e=>Pn(al({},"__esModule",{value:!0}),e);var Uf={};Jc(Uf,{SchedulerDemo:()=>vo,default:()=>Gf});module.exports=qc(Uf);var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...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 H=(e,t)=>n({[`${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"}),U=(e,t)=>{let{valid:o,invalid:l,hover:r,focus:i,checked:u,active:b,selected:f,disabled:x,indeterminate:N,loading:y,empty:h,readonly:R,highlighted:E,...D}=t;return n({"k-valid":o,"k-invalid":l,"k-hover":r,"k-focus":i,"k-checked":u,"k-active":b,"k-selected":f,"k-disabled":x,"k-indeterminate":N&&!u,"k-loading":y,"k-empty":h,"k-readonly":R,"k-highlighted":E},Object.keys(D).reduce((G,P)=>(P.startsWith("k-")?G[P]=D[P]:G[`k-${P}`]=D[P],G),{}))};function Kn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(l=>[`k-${l}`,!0]))}var p={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},S={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},k={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},T={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},c={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 Dl={};function X(e){return Dl[e]=(Dl[e]||0)+1,`k-${e}-${Dl[e]}`}var Z="scheduler",j=Z;var zn=require("react/jsx-runtime"),Hn="k-scheduler-layout",Yc=[],Qc={},Zc={},yo=e=>{let{as:t="div",view:o,...l}=e,r=o==="agenda"?"grid":o==="year"?void 0:"none";return(0,zn.jsx)(t,{...l,className:n(e.className,Hn,{[`k-scheduler-${o}view`]:o}),...r&&{role:r},children:e.children})};yo.states=Yc;yo.options=Qc;yo.className=Hn;yo.defaultOptions=Zc;yo.moduleName=Z;yo.folderName=j;var _n=yo;var ll=require("react/jsx-runtime"),Gn="k-scheduler",jc=[],ep={},tp={},Y=e=>{let{view:t,toolbar:o,footer:l,layout:r,...i}=e;return(0,ll.jsxs)("div",{...i,className:n(e.className,Gn),role:"application",children:[o,(0,ll.jsx)(_n,{className:n({"k-scheduler-layout-flex":r==="flex"}),as:r==="table"?"table":"div",view:t,children:e.children}),l]})};Y.states=jc;Y.options=ep;Y.className=Gn;Y.defaultOptions=tp;Y.moduleName=Z;Y.folderName=j;Y.ariaSpec={selector:".k-scheduler",rules:[{selector:".k-scheduler",attribute:"role=application",usage:"Specifies the role of the component."},{selector:".k-scheduler-toolbar",attribute:"role=toolbar",usage:"Follows Toolbar spec: sets the component role."},{selector:".k-scheduler-toolbar",attribute:"aria-label or title",usage:"Follows Toolbar spec: each toolbar must have a label specifying its purpose."},{selector:'.k-scheduler-navigation .k-button:has([class*="i-caret-alt-left"])',attribute:"aria-label",usage:"Required as the previous navigation button contains only an icon (no text)."},{selector:'.k-scheduler-navigation .k-button:has([class*="i-caret-alt-right"])',attribute:"aria-label",usage:"Required as the next navigation button contains only an icon (no text)."},{selector:".k-nav-current",attribute:"aria-live=polite",usage:"The new date of the Scheduler view will be announced upon navigation to a new time span or view type."},{selector:".k-views-dropdown",attribute:"aria-label",usage:"The <select> element visible on the toolbar on small screens must have its aria-label set."},{selector:".k-scheduler-views",attribute:"role=group",usage:"Follows ButtonGroup spec: sets the proper role for the group of view buttons."},{selector:".k-scheduler-views .k-button",attribute:"aria-pressed (when selected)",usage:"Follows ButtonGroup spec: specifies the current state of the view ButtonGroup. Only the selected button within the group will have this attribute set to true."},{selector:".k-scheduler-agendaview",attribute:"role=grid",usage:"The main table of the Agenda view must indicate it is a Data Grid."},{selector:".k-scheduler-agendaview>tbody",attribute:"role=none/presentation",usage:"The <tbody> element must have its semantics removed."},{selector:".k-scheduler-agendaview .k-scheduler-table",attribute:"role=none/presentation",usage:"Inner <table> elements within the Agenda Scheduler must have their semantic role removed."},{selector:".k-scheduler-agendaview .k-scheduler-table>tbody",attribute:"role=rowgroup",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-agendaview .k-scheduler-table>tbody>tr",attribute:"role=row",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-agendaview .k-scheduler-table>tbody>tr>th",attribute:"role=columnheader",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-agendaview .k-scheduler-content tr .k-selected",attribute:"aria-selected",usage:"Used to signify the currently selected row in Agenda view."},{selector:".k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-groupcolumn,.k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-datecolumn",attribute:"role=rowheader",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-timecolumn,.k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-timecolumn+td",attribute:"role=gridcell",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-dayview,.k-scheduler-weekview,.k-scheduler-monthview,.k-scheduler-timelineview",attribute:"role=none/presentation",usage:"All <table> elements within the Scheduler must have their semantic role removed."},{selector:".k-scheduler-times .k-scheduler-table",attribute:"role=none/presentation",usage:"Times sidebar tables must have their semantics removed. The role propagates to child th/tr elements, resolving empty-table-header violations."},{selector:".k-event",attribute:"role=button",usage:"Indicating that the event element is interactive."},{selector:".k-event",attribute:"aria-label",usage:"Label containing the title, start, and end date of the appointment."},{selector:".k-scheduler-layout:not(.k-scheduler-agendaview) .k-scheduler-content",attribute:"tabindex=0",usage:"Scrollable elements need to be focusable to ensure scrolling with arrow keys is available (does not apply to agenda view)."}]};var La=require("react/jsx-runtime"),Kl="k-font-icon",op=[],ap={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark]},lp={},Ea=e=>{let{size:t,themeColor:o,icon:l,rotate:r,flip:i,...u}=e;return l?(0,La.jsx)("span",{...u,className:n(e.className,Kl,H(Kl,{size:t}),{[`k-i-${l}`]:l,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true"}):(0,La.jsx)(La.Fragment,{})};Ea.states=op;Ea.options=ap;Ea.className=Kl;Ea.defaultOptions=lp;var Un=Ea;var ko=require("react/jsx-runtime"),Hl="k-svg-icon",rp=[],np={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark]},Fn={viewBox:"0 0 24 24"},Aa=e=>{let{size:t,themeColor:o,rotate:l,flip:r,viewBox:i=Fn.viewBox,icon:u,...b}=e;if(!u)return(0,ko.jsx)(ko.Fragment,{});if(u==="none")return(0,ko.jsx)("span",{...b,className:n(e.className,Hl,H("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof u=="object"&&u.name&&u.name;return(0,ko.jsx)("span",{...b,className:n(e.className,Hl,H("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:(0,ko.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof u=="object"?u.viewBox:i,dangerouslySetInnerHTML:typeof u=="object"?{__html:u.content}:void 0,children:u?void 0:e.children})})};Aa.states=rp;Aa.options=np;Aa.className=Hl;Aa.defaultOptions=Fn;var _l=Aa;var zl=Dn(require("@progress/kendo-svg-icons"));var Wn="icon",Vn="icons";var Jn=require("react");var $n=require("react"),Xn=(0,$n.createContext)({iconsType:"svg"});var Xt=require("react/jsx-runtime"),rl="k-icon",sp=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ip=[],dp={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark]},Gl={viewBox:"0 0 24 24",type:"svg"},O=e=>{let{iconsType:t}=(0,Jn.useContext)(Xn),{size:o,themeColor:l,icon:r,type:i=t||Gl.type,rotate:u,flip:b,viewBox:f=Gl.viewBox,...x}=e;if(!r)return(0,Xt.jsx)(Xt.Fragment,{});if((t||i)==="svg"){if(r==="none")return(0,Xt.jsx)(_l,{...x,className:n(e.className,rl),icon:r,size:o});let y=zl[r]?r:sp(`${r}-icon`);return zl[y]?(0,Xt.jsx)(_l,{...x,className:n(e.className,rl),icon:zl[y],size:o,themeColor:l,rotate:u,flip:b,viewBox:f}):(0,Xt.jsx)(Xt.Fragment,{})}return(0,Xt.jsx)(Un,{...x,className:n(e.className,rl),icon:r,size:o,themeColor:l,rotate:u,flip:b})};O.states=ip;O.options=dp;O.defaultOptions=Gl;O.className=rl;O.moduleName=Wn;O.folderName=Vn;O.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."}]};var Ul=O;var Fl="button",qn=Fl;var Lt=require("react/jsx-runtime"),Ra="k-button",cp=["icon-button"],pp=[c.hover,c.focus,c.active,c.selected,c.disabled,c.generating],up={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark,T.inverse]},Wl={showArrow:!1,arrowIconName:"caret-alt-down"},s=e=>{let{as:t="button",size:o,rounded:l,fillMode:r,themeColor:i,showArrow:u=Wl.showArrow,arrowIconName:b=Wl.arrowIconName,variant:f,hover:x,focus:N,active:y,selected:h,disabled:R,togglable:E,ariaDisabled:D,icon:G,text:P,iconClassName:J,className:de,...ke}=e,De=G!==void 0,Re=e.children!==void 0;return(0,Lt.jsxs)(t,{className:n(de,Ra,Kn(Ra,f),H(Ra,{size:o,rounded:l,fillMode:r,themeColor:i}),U(Ra,{hover:x,focus:N,active:y,disabled:R||D,selected:h}),{"k-icon-button":!P&&!Re&&De}),...ke,"aria-pressed":E?h?"true":"false":void 0,"aria-disabled":D?"true":void 0,disabled:R||void 0,children:[G&&(0,Lt.jsx)(O,{className:n(J,"k-button-icon"),icon:G}),P?(0,Lt.jsxs)(Lt.Fragment,{children:[P&&(0,Lt.jsx)("span",{className:"k-button-text",children:P}),e.children]}):e.children&&(0,Lt.jsx)("span",{className:"k-button-text",children:e.children}),u&&(0,Lt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Lt.jsx)(O,{icon:b})})]})};s.states=pp;s.options=up;s.variants=cp;s.className=Ra;s.defaultOptions=Wl;s.moduleName=Fl;s.folderName=qn;s.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."}]};var Yn=require("react/jsx-runtime"),ro=e=>(0,Yn.jsx)(s,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Qn=require("react/jsx-runtime"),Ia=e=>(0,Qn.jsx)(s,{icon:"folder",children:"Button",...e});var Zn=require("react/jsx-runtime"),So=e=>(0,Zn.jsx)(s,{children:"Button",...e});var nl=require("react/jsx-runtime"),mp=s.options,bp=s.states,hp={...s.defaultOptions,variant:"text"},fp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],xp=[],Bo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,nl.jsx)(ro,{...o,icon:"star"});case"icon-and-text":return(0,nl.jsx)(Ia,{...o,icon:"star",children:"Button"});default:return(0,nl.jsx)(So,{...o,children:"Button"})}};Bo.options=mp;Bo.states=bp;Bo.variants=fp;Bo.defaultOptions=hp;Bo.modifiers=xp;Bo.className=s.className;var Vl="button",jn=Vl;var es=require("react/jsx-runtime"),Oa="k-button-group",vp=[c.disabled],Cp={fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link]},yp={},A=e=>{let{fillMode:t,disabled:o,stretched:l,...r}=e;return(0,es.jsx)("div",{role:"group",...r,className:n(e.className,Oa,H(Oa,{fillMode:t}),U(Oa,{disabled:o}),{[`${Oa}-stretched`]:l}),...o&&{"aria-disabled":"true"},children:e.children})};A.states=vp;A.options=Cp;A.className=Oa;A.defaultOptions=yp;A.moduleName=Vl;A.folderName=jn;A.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var $l=require("react/jsx-runtime");var Xl=require("react/jsx-runtime");var Jl=require("react/jsx-runtime");var ql=require("react/jsx-runtime");var Yl=require("react/jsx-runtime");var Ql=require("react/jsx-runtime");var st=require("react/jsx-runtime"),kp={...s.options,...A.options},Sp=s.states,Np={...s.defaultOptions,...A.defaultOptions,variant:"text-button"},Tp=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],gp=[],Po=e=>{let{variant:t,className:o,...l}=e;return t==="icon-button"?(0,st.jsxs)(A,{fillMode:l.fillMode,className:o,children:[(0,st.jsx)(s,{...l,icon:"star"}),(0,st.jsx)(s,{...l,icon:"star"}),(0,st.jsx)(s,{...l,icon:"star"})]}):t==="icon-text-button"?(0,st.jsxs)(A,{fillMode:l.fillMode,className:o,children:[(0,st.jsx)(s,{...l,icon:"star",children:"First"}),(0,st.jsx)(s,{...l,icon:"star",children:"Middle"}),(0,st.jsx)(s,{...l,icon:"star",children:"Last"})]}):(0,st.jsxs)(A,{fillMode:l.fillMode,className:o,children:[(0,st.jsx)(s,{...l,children:"First"}),(0,st.jsx)(s,{...l,children:"Middle"}),(0,st.jsx)(s,{...l,children:"Last"})]})};Po.options=kp;Po.states=Sp;Po.variants=Tp;Po.defaultOptions=Np;Po.modifiers=gp;Po.className=A.className;var Ba="input",sl=Ba;var ts=require("react/jsx-runtime"),il="k-input",wp=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],Mp={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Lp={},Se=e=>{let{hover:t,focus:o,disabled:l,invalid:r,valid:i,loading:u,readonly:b,size:f,rounded:x,fillMode:N,...y}=e;return(0,ts.jsx)("span",{...y,className:n(e.className,il,H(il,{size:f,rounded:x,fillMode:N}),U(il,{hover:t,focus:o,disabled:l,invalid:r,valid:i,loading:u,readonly:b}))})};Se.states=wp;Se.options=Mp;Se.className=il;Se.defaultOptions=Lp;Se.moduleName=Ba;Se.folderName=sl;var os=require("react/jsx-runtime"),dl="k-picker",Ep=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],Ap={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Rp={},Kt=e=>{let{hover:t,focus:o,disabled:l,invalid:r,valid:i,loading:u,readonly:b,size:f,rounded:x,fillMode:N,...y}=e;return(0,os.jsx)("span",{...y,className:n(e.className,dl,H(dl,{size:f,rounded:x,fillMode:N}),U(dl,{hover:t,focus:o,disabled:l,invalid:r,valid:i,loading:u,readonly:b})),children:e.children})};Kt.states=Ep;Kt.options=Ap;Kt.className=dl;Kt.defaultOptions=Rp;Kt.moduleName=Ba;Kt.folderName=sl;var Do=require("react/jsx-runtime"),as="k-clear-value",Ip=[c.disabled,c.loading,c.readonly],Op={},ut=e=>{let{disabled:t,loading:o,readonly:l,value:r}=e;return t||l||o||!r?(0,Do.jsx)(Do.Fragment,{}):(0,Do.jsx)("span",{className:n(e.className,as),children:(0,Do.jsx)(O,{icon:"x"})})};ut.states=Ip;ut.options=Op;ut.className=as;var ls=require("react/jsx-runtime"),Zl="k-input-inner",Bp=[],Pp={},cl={type:"text",autocomplete:"off",value:"",placeholder:""},mt=e=>{let{value:t=cl.value,type:o=cl.type,placeholder:l=cl.placeholder,autocomplete:r=cl.autocomplete,disabled:i,readOnly:u,...b}=e;return(0,ls.jsx)("input",{...b,type:o,className:n(e.className,Zl,H(Zl,e)),placeholder:l,autoComplete:r,defaultValue:t,disabled:i||void 0,readOnly:u||void 0})};mt.states=Bp;mt.options=Pp;mt.className=Zl;var Pa=require("react/jsx-runtime"),jl="k-input-inner",Dp=[],Kp={},No=e=>{let{value:t,placeholder:o,showValue:l,valueIcon:r,valueIconName:i,...u}=e;return(0,Pa.jsxs)("span",{...u,className:n(e.className,jl,H(jl,e)),children:[r,!r&&i&&(0,Pa.jsx)(O,{className:"k-input-value-icon",icon:i}),l&&!t&&o,l&&t&&(0,Pa.jsx)("span",{className:"k-input-value-text",children:t})]})};No.states=Dp;No.options=Kp;No.className=jl;var ns=require("react/jsx-runtime"),er="k-input-inner",Hp=[],_p={},rs={value:"",placeholder:""},tr=e=>{let{value:t=rs.value,placeholder:o=rs.placeholder,rows:l,disabled:r,...i}=e;return(0,ns.jsx)("textarea",{...i,className:n(e.className,er,H(er,e)),placeholder:o,rows:l,defaultValue:t,disabled:r||void 0})};tr.states=Hp;tr.options=_p;tr.className=er;var Da=require("react/jsx-runtime"),ss="k-input-loading-icon",zp=[c.disabled,c.loading],it=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Da.jsx)(Da.Fragment,{}):(0,Da.jsx)("span",{className:n(e.className,ss,"k-icon k-i-loading")})};it.states=zp;it.className=ss;var Ka=require("react/jsx-runtime"),is="k-input-validation-icon",Gp=[c.valid,c.invalid,c.disabled,c.loading],Up={},tt=e=>{let{valid:t,invalid:o,disabled:l,loading:r}=e,i=o?"warning-circle":"check-circle";return l||r||!!!(t||o)?(0,Ka.jsx)(Ka.Fragment,{}):(0,Ka.jsx)(O,{className:n(is),icon:i})};tt.states=Gp;tt.options=Up;tt.className=is;var Ha=require("react/jsx-runtime"),Fp="k-input-prefix",Wp={direction:"horizontal"},Ct=e=>{let{direction:t=Wp.direction,...o}=e;return e.children?(0,Ha.jsx)("span",{...o,className:n(Fp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Ha.jsx)(Ha.Fragment,{})};var _a=require("react/jsx-runtime"),Vp="k-input-suffix",$p={direction:"horizontal"},yt=e=>{let{direction:t=$p.direction,...o}=e;return e.children?(0,_a.jsx)("span",{...o,className:n(Vp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,_a.jsx)(_a.Fragment,{})};var Xp=require("react/jsx-runtime");var ds=require("react/jsx-runtime"),Jp="k-input-suffix-text",or=e=>{let{children:t,...o}=e;return(0,ds.jsx)("span",{...o,className:n(Jp,e.className),children:t})};var ps=require("react/jsx-runtime"),cs="k-input-separator",qp={direction:"vertical"},kt=e=>{let{direction:t=qp.direction,...o}=e;return(0,ps.jsx)("span",{...o,className:n(cs,e.className,{[`${cs}-${t}`]:t})})};var Ie=require("react/jsx-runtime"),Yp=Se.states,Qp=Se.defaultOptions,Zp=Se.options,jp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],eu=[],Ko=e=>{let{modifiers:t,valid:o,invalid:l,loading:r,disabled:i,readonly:u,...b}=e,f=t==null?void 0:t.prefix,x=t==null?void 0:t.suffix,N=t==null?void 0:t["clear-button"],y=t==null?void 0:t["validation-icon"],h=t==null?void 0:t.separators;return(0,Ie.jsxs)(Se,{...b,valid:o,invalid:l,loading:r,disabled:i,readonly:u,style:{width:300},children:[f&&(0,Ie.jsxs)(Ie.Fragment,{children:[(0,Ie.jsx)(Ct,{children:(0,Ie.jsx)(O,{icon:"lock"})}),h&&(0,Ie.jsx)(kt,{})]}),(0,Ie.jsx)(mt,{placeholder:"Placeholder",value:"Value"}),y&&(0,Ie.jsx)(tt,{valid:o,invalid:l,loading:r,disabled:i}),(0,Ie.jsx)(it,{loading:r,disabled:i}),N&&(0,Ie.jsx)(ut,{loading:r,disabled:i,readonly:u,value:"Value"}),x&&(0,Ie.jsxs)(Ie.Fragment,{children:[h&&(0,Ie.jsx)(kt,{}),(0,Ie.jsx)(yt,{children:(0,Ie.jsx)(So,{size:b.size,fillMode:"clear",children:"Send"})})]})]})};Ko.options=Zp;Ko.states=Yp;Ko.variants=eu;Ko.defaultOptions=Qp;Ko.modifiers=jp;Ko.className=Se.className;var za=require("react/jsx-runtime"),us="k-color-preview",tu=[],ou={},no=e=>{let{color:t,iconName:o,...l}=e;return(0,za.jsxs)("span",{...l,className:n(e.className,us,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,za.jsx)(O,{icon:o,className:"k-color-preview-icon"}),(0,za.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};no.states=tu;no.options=ou;no.className=us;var ar="popup",ms=ar;var lr=require("react/jsx-runtime"),bs="k-animation-container",au=[],lu={},hs={positionMode:"absolute"},Ht=e=>{let{positionMode:t=hs.positionMode,animationStyle:o,offset:l,...r}=e;return(0,lr.jsx)("div",{...r,style:{...l,...e.style},className:n(e.className,bs,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,lr.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ht.states=au;Ht.options=lu;Ht.className=bs;Ht.defaultOptions=hs;Ht.moduleName=ar;Ht.folderName=ms;var rr="popup",fs=rr;var nr=require("react/jsx-runtime"),xs="k-popup",ru=[],nu={},vs={positionMode:"absolute"},ce=e=>{let{offset:t,positionMode:o=vs.positionMode,animationStyle:l,containerClassName:r,containerRole:i,containerAriaLabel:u,...b}=e;return(0,nr.jsx)(Ht,{positionMode:o,offset:t,animationStyle:l,className:r,role:i,"aria-label":u,children:(0,nr.jsx)("div",{...b,className:n(e.className,xs),children:e.children})})};ce.states=ru;ce.options=nu;ce.className=xs;ce.defaultOptions=vs;ce.moduleName=rr;ce.folderName=fs;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.'}]};var sr="action-buttons",Cs=sr;var ys=require("react/jsx-runtime"),pl="k-actions",su=[],iu={},ir={alignment:"start",orientation:"horizontal"},_t=e=>{let{alignment:t=ir.alignment,orientation:o=ir.orientation,...l}=e;return(0,ys.jsx)("div",{...l,className:n(pl,{[`${pl}-${t}`]:t,[`${pl}-${o}`]:o},e.className),children:e.children})};_t.states=su;_t.options=iu;_t.className=pl;_t.defaultOptions=ir;_t.moduleName=sr;_t.folderName=Cs;var Ss=require("react/jsx-runtime"),du="k-actionsheet-footer",ks={alignment:"stretched",orientation:"horizontal"},so=e=>{let{alignment:t=ks.alignment,orientation:o=ks.orientation,template:l,as:r=l?"div":_t,...i}=e;return(0,Ss.jsx)(r,{...i,...!l&&{alignment:t,orientation:o},className:n(e.className,du),children:e.children})};var dr="searchbox",Ns=dr;var io=require("react/jsx-runtime"),Ts="k-searchbox",cu=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading],pu={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},cr={showIcon:!0,icon:"search"},St=e=>{let{value:t,placeholder:o,size:l,rounded:r,fillMode:i,hover:u,focus:b,valid:f,invalid:x,required:N,loading:y,disabled:h,showIcon:R=cr.showIcon,icon:E=cr.icon,"aria-label":D,...G}=e;return(0,io.jsxs)(Se,{...G,size:l,rounded:r,fillMode:i,hover:u,focus:b,valid:f,invalid:x,required:N,loading:y,disabled:h,className:n(e.className,Ts),children:[R&&(0,io.jsx)(O,{className:"k-input-icon",icon:E}),(0,io.jsx)(mt,{placeholder:o,value:t,"aria-label":D}),(0,io.jsx)(it,{...e}),(0,io.jsx)(tt,{...e}),(0,io.jsx)(ut,{...e})]})};St.states=cu;St.options=pu;St.className=Ts;St.defaultOptions=cr;St.moduleName=dr;St.folderName=Ns;var uu=require("react/jsx-runtime");var pr="textbox",gs=pr;var $e=require("react/jsx-runtime"),ws="k-textbox",mu=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],bu={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},ul={showClearButton:!0,showValidationIcon:!0,separators:!0},Ke=e=>{let{size:t,rounded:o,fillMode:l,separators:r=ul.separators,showClearButton:i=ul.showClearButton,showValidationIcon:u=ul.showValidationIcon,prefix:b,suffix:f,type:x,value:N,placeholder:y,hover:h,focus:R,valid:E,invalid:D,required:G,loading:P,disabled:J,readonly:de,id:ke,"aria-label":De,"aria-describedby":Re,...pt}=e;return(0,$e.jsxs)(Se,{...pt,size:t,rounded:o,fillMode:l,hover:h,focus:R,valid:E,invalid:D,required:G,loading:P,disabled:J,readonly:de,className:n(e.className,ws),children:[b&&(0,$e.jsxs)($e.Fragment,{children:[(0,$e.jsx)(Ct,{children:b}),r&&(0,$e.jsx)(kt,{})]}),(0,$e.jsx)(mt,{id:ke,placeholder:y,value:N,type:x,disabled:J,"aria-label":De,"aria-describedby":Re,"aria-invalid":D?"true":void 0}),u&&(0,$e.jsx)(tt,{valid:E,invalid:D,loading:P,disabled:J}),(0,$e.jsx)(it,{loading:P,disabled:J}),i&&(0,$e.jsx)(ut,{loading:P,disabled:J,readonly:de,value:N}),f&&(0,$e.jsxs)($e.Fragment,{children:[r&&(0,$e.jsx)(kt,{}),(0,$e.jsx)(yt,{children:f})]})]})};Ke.states=mu;Ke.options=bu;Ke.className=ws;Ke.defaultOptions=ul;Ke.moduleName=pr;Ke.folderName=gs;Ke.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 Ga=Ke;var Ls=require("react/jsx-runtime"),Ms=e=>(0,Ls.jsx)(Ga,{...e});var Es=require("react/jsx-runtime");var As=require("react/jsx-runtime");var hu=require("react/jsx-runtime");var ml=require("react/jsx-runtime"),fu=Ke.states,xu=Ke.defaultOptions,vu=Ke.options,Cu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],yu=[],Ho=e=>{let{modifiers:t,...o}=e,l={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":l.prefix=t!=null&&t[r]?(0,ml.jsx)(O,{icon:"lock"}):void 0;break;case"suffix":l.suffix=t!=null&&t[r]?(0,ml.jsx)(So,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":l.showClearButton=t==null?void 0:t[r];break;default:break}}),(0,ml.jsx)(Ms,{value:"Value",style:{width:300},...o,...l})};Ho.options=vu;Ho.states=fu;Ho.variants=yu;Ho.defaultOptions=xu;Ho.modifiers=Cu;Ho.className=Ke.className;var bt=require("react/jsx-runtime"),Rs="k-actionsheet-titlebar",ku={},ot=e=>{let{title:t,subtitle:o,actionsStart:l,actionsEnd:r,filter:i,input:u,inputValue:b,inputPlaceholder:f,adaptive:x,titleId:N,children:y,...h}=e;return(0,bt.jsxs)("div",{...h,className:n(e.className,Rs),children:[(0,bt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[l&&(0,bt.jsx)("div",{className:"k-actionsheet-actions",children:l}),!y&&(0,bt.jsxs)("div",{className:"k-actionsheet-title",id:N,children:[t&&(0,bt.jsx)("div",{className:"k-text-center",children:t}),o&&(0,bt.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),y&&(0,bt.jsx)("div",{className:"k-actionsheet-title",id:N,children:y}),r&&(0,bt.jsx)("div",{className:"k-actionsheet-actions",children:r})]}),(u||i)&&(0,bt.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:u?(0,bt.jsx)(Ke,{value:b,placeholder:f,size:x?"large":"medium","aria-label":t||f||"Input"}):(0,bt.jsx)(St,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};ot.className=Rs;ot.defaultOptions=ku;var _o=require("react/jsx-runtime"),ur="k-actionsheet-view",Su=[],Nu={},Tu={},zo=e=>{let{adaptive:t,animated:o,children:l,header:r,footer:i,titleId:u,...b}=e,f=(r==null?void 0:r.type)===ot&&(0,_o.jsx)(ot,{adaptive:t,titleId:u,...r==null?void 0:r.props}),x=(i==null?void 0:i.type)===so&&(0,_o.jsx)(so,{...i==null?void 0:i.props});return(0,_o.jsxs)("div",{...b,className:n(e.className,ur,{[`${ur}-animated`]:o}),children:[f,(0,_o.jsx)("div",{className:"k-actionsheet-content",children:l}),x]})};zo.states=Su;zo.options=Nu;zo.className=ur;zo.defaultOptions=Tu;var Ua="action-sheet",bl=Ua;var mr="overlay",Is=mr;var Os=require("react/jsx-runtime"),br="k-overlay",gu=[],wu={themeColor:[T.undefined,T.light,T.dark,T.inverse]},Mu={},co=e=>{let{themeColor:t,...o}=e;return(0,Os.jsx)("div",{...o,className:n(e.className,br,H(br,{themeColor:t})),children:e.children})};co.states=gu;co.options=wu;co.className=br;co.defaultOptions=Mu;co.moduleName=mr;co.folderName=Is;var To=require("react/jsx-runtime"),Bs="k-actionsheet",Lu=[],Eu={},Fa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ve=e=>{let{side:t=Fa.side,fullscreen:o=Fa.fullscreen,adaptive:l=Fa.adaptive,overlay:r=Fa.overlay,template:i,children:u,header:b,footer:f,id:x,...N}=e,y=x&&!i&&b?`${x}-title`:void 0;return(0,To.jsxs)("div",{className:"k-actionsheet-container",children:[r&&(0,To.jsx)(co,{}),(0,To.jsx)(Ht,{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:(0,To.jsx)("div",{...N,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":y,className:n(e.className,Bs,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":l}),children:i||(0,To.jsx)(zo,{header:b,footer:f,adaptive:l,titleId:y,...e,children:u})})})]})};ve.states=Lu;ve.options=Eu;ve.className=Bs;ve.defaultOptions=Fa;ve.moduleName=Ua;ve.folderName=bl;ve.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."}]};var Ds=require("react/jsx-runtime"),Ps="k-actionsheet-container",Au=[],Ru={},Iu={},Go=e=>{let{children:t,...o}=e;return(0,Ds.jsx)("div",{...o,className:Ps,children:t})};Go.states=Au;Go.options=Ru;Go.className=Ps;Go.defaultOptions=Iu;Go.moduleName=Ua;Go.folderName=bl;var Ks=require("react/jsx-runtime"),hr=e=>{let{...t}=e;return(0,Ks.jsx)("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};var Nt=require("react/jsx-runtime"),fr="k-actionsheet-item",Ou=[c.hover,c.focus,c.selected,c.disabled],po=e=>{let{iconName:t,text:o,description:l,hover:r,focus:i,selected:u,disabled:b,...f}=e;return(0,Nt.jsxs)("span",{...f,className:n(e.className,fr,U(fr,{hover:r,focus:i,selected:u,disabled:b})),children:[!e.children&&(0,Nt.jsx)(Nt.Fragment,{children:(0,Nt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,Nt.jsx)("span",{className:"k-icon-wrap",children:(0,Nt.jsx)(O,{className:"k-actionsheet-item-icon",icon:t})}),(0,Nt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,Nt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),l&&(0,Nt.jsx)("span",{className:"k-actionsheet-item-description",children:l})]})]})}),e.children]})};po.states=Ou;po.className=fr;var Hs=require("react/jsx-runtime");var Bu=require("react/jsx-runtime");var Pu=require("react/jsx-runtime");var Du=require("react/jsx-runtime");var me=require("react/jsx-runtime"),Ku=ve.options,Hu=ve.states,zs={...ve.defaultOptions,variant:"normal"},_u=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],zu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Uo=e=>{let{variant:t,modifiers:o,...l}={...zs,...e},r={},i=(0,me.jsxs)(hr,{children:[(0,me.jsx)(po,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,me.jsx)(po,{text:"Add to Favorites",iconName:"heart"}),(0,me.jsx)(po,{text:"Upload New",iconName:"upload",disabled:!0}),(0,me.jsx)("hr",{className:"k-hr"}),(0,me.jsx)(po,{text:"Cancel",iconName:"cancel"})]}),u="Choose from the items below",b="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":r.actionsStart=!!(o!=null&&o[f]),r.actionsEnd=!!(o!=null&&o[f]);break;case"subtitle":r.subtitle=o!=null&&o[f]?u:void 0;break;case"footer":r.footer=!!(o!=null&&o[f]);break;default:break}}),t==="adaptive"?(0,me.jsx)(ve,{...l,adaptive:!0,fullscreen:r.fullScreen,header:(0,me.jsx)(ot,{actionsStart:r.actionsStart?(0,me.jsx)(s,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,me.jsx)(s,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:b,subtitle:r.subtitle}),footer:r.footer?(0,me.jsxs)(so,{alignment:"stretched",children:[(0,me.jsx)(s,{text:"Cancel",size:"large",themeColor:"base"}),(0,me.jsx)(s,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,me.jsx)(ve,{...l,fullscreen:r.fullScreen,header:(0,me.jsx)(ot,{actionsStart:r.actionsStart?(0,me.jsx)(s,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,me.jsx)(s,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?(0,me.jsxs)(so,{alignment:"stretched",children:[(0,me.jsx)(s,{text:"Apply",themeColor:"primary"}),(0,me.jsx)(s,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Uo.options=Ku;Uo.states=Hu;Uo.variants=_u;Uo.defaultOptions=zs;Uo.modifiers=zu;Uo.className=ve.className;var xr="slider",Gs=xr;var Et=require("react/jsx-runtime"),Wa="k-slider",Gu=[c.hover,c.focus,c.active,c.disabled,c.readonly],Uu={},Tt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ie=e=>{let{type:t=Tt.type,orientation:o=Tt.orientation,gradientType:l=Tt.gradientType,readonly:r=Tt.readonly,disabled:i=Tt.disabled,handlePosition:u=Tt.handlePosition,showButtons:b=Tt.showButtons,showTicks:f=Tt.showTicks,value:x=Tt.value,min:N=Tt.min,max:y=Tt.max,startValue:h,endValue:R,hover:E,focus:D,active:G,trackStyle:P,dir:J,...de}=e,De=(()=>{if(t==="gradient"&&l==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Re,pt;return o==="horizontal"?(Re=J==="rtl"?"caret-alt-left":"caret-alt-right",pt=J==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(Re="caret-alt-up",pt="caret-alt-down"),(0,Et.jsxs)("div",{...de,className:n(Wa,e.className,U(Wa,{readonly:r,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:J,children:[b&&(0,Et.jsx)(s,{className:"k-button-decrease",rounded:"full",icon:pt,tabIndex:-1,title:"Decrease"}),(0,Et.jsxs)("div",{className:"k-slider-track-wrap",children:[f&&(0,Et.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,Et.jsxs)("div",{className:"k-slider-track",style:P,children:[(0,Et.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Et.jsx)("span",{className:n("k-draghandle","k-draghandle-start",U(Wa,{hover:E,focus:D,active:G})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":h??N,"aria-valuemin":N,"aria-valuemax":R??y,"aria-orientation":De,"aria-disabled":i?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":de["aria-label"]?`${de["aria-label"]} start`:"Range start"}),(0,Et.jsx)("span",{className:n("k-draghandle",`k-draghandle-${u}`,U(Wa,{hover:E,focus:D,active:G})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?R??y:x,"aria-valuemin":t==="range"?h??N:N,"aria-valuemax":y,"aria-orientation":De,"aria-disabled":i?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?de["aria-label"]?`${de["aria-label"]} end`:"Range end":de["aria-label"]})]})]}),b&&(0,Et.jsx)(s,{className:"k-button-increase",rounded:"full",icon:Re,tabIndex:-1,title:"Increase"})]})};ie.states=Gu;ie.options=Uu;ie.className=Wa;ie.defaultOptions=Tt;ie.moduleName=xr;ie.folderName=Gs;ie.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};var vr=require("react/jsx-runtime"),Us="k-tick",Fu=[],Wu={},Fs={label:!1},F=e=>{let{style:t,label:o=Fs.label,orientation:l,large:r,text:i,...u}=e;return(0,vr.jsx)("li",{...u,role:"presentation",title:i||"Tick",className:n(e.className,Us,{[`k-tick-${l}`]:l,"k-tick-large":r}),style:t,children:o&&(0,vr.jsx)("span",{className:"k-label",children:i})})};F.states=Fu;F.options=Wu;F.className=Us;F.defaultOptions=Fs;var He=require("react/jsx-runtime"),Ws=e=>(0,He.jsx)(ie,{"aria-label":e["aria-label"]||"Slider",children:(0,He.jsxs)(He.Fragment,{children:[(0,He.jsx)(F,{className:"k-first",label:!0,large:!0,text:"0"}),(0,He.jsx)(F,{}),(0,He.jsx)(F,{}),(0,He.jsx)(F,{}),(0,He.jsx)(F,{}),(0,He.jsx)(F,{label:!0,large:!0,text:"5"}),(0,He.jsx)(F,{}),(0,He.jsx)(F,{}),(0,He.jsx)(F,{}),(0,He.jsx)(F,{}),(0,He.jsx)(F,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var _e=require("react/jsx-runtime"),Vs=e=>(0,_e.jsx)(ie,{children:(0,_e.jsxs)(_e.Fragment,{children:[(0,_e.jsx)(F,{className:"k-first",label:!0,large:!0,text:"0"}),(0,_e.jsx)(F,{}),(0,_e.jsx)(F,{}),(0,_e.jsx)(F,{}),(0,_e.jsx)(F,{}),(0,_e.jsx)(F,{label:!0,large:!0,text:"5"}),(0,_e.jsx)(F,{}),(0,_e.jsx)(F,{}),(0,_e.jsx)(F,{}),(0,_e.jsx)(F,{}),(0,_e.jsx)(F,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});var Cr=require("react/jsx-runtime");var yr=require("react/jsx-runtime");var $s=require("react/jsx-runtime"),kr=e=>(0,$s.jsx)(ie,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var Xs=require("react/jsx-runtime"),Sr=e=>(0,Xs.jsx)(ie,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var Nr=require("react/jsx-runtime");var Tr=require("react/jsx-runtime");var dt=require("react/jsx-runtime"),Vu=ie.options,$u=ie.states,Js={...ie.defaultOptions,variant:"horizontal",label:!0},Xu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Ju=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Fo=e=>{let{variant:t,modifiers:o,...l}={...Js,...e},r={};Object.keys(o||{}).forEach(x=>{switch(x){case"button":{r.showButtons=!!(o!=null&&o[x]);break}case"label":{r.label=!!(o!=null&&o[x]);break}case"tick":{r.showTicks=!!(o!=null&&o[x]);break}}});let{label:i=!0,showButtons:u,showTicks:b}=r,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,dt.jsxs)(Vs,{showTicks:b,showButtons:u,style:{height:"300px",...f},...l,children:[(0,dt.jsx)(F,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,dt.jsx)(F,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,dt.jsx)(F,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,dt.jsx)(F,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,dt.jsx)(F,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,dt.jsxs)(Ws,{showTicks:b,showButtons:u,style:{width:"400px",...f},...l,children:[(0,dt.jsx)(F,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,dt.jsx)(F,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,dt.jsx)(F,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,dt.jsx)(F,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,dt.jsx)(F,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Fo.options=Vu;Fo.states=$u;Fo.variants=Xu;Fo.defaultOptions=Js;Fo.modifiers=Ju;Fo.className=ie.className;var Va=require("react/jsx-runtime"),qs="k-spin-button",Qu=[],Zu={size:[p.undefined,p.small,p.medium,p.large],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link]},gr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},uo=e=>{let{size:t,fillMode:o,disabled:l,increaseLabel:r=gr.increaseLabel,decreaseLabel:i=gr.decreaseLabel,...u}=e;return(0,Va.jsxs)("span",{...u,className:n(qs,e.className),children:[(0,Va.jsx)(s,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:l,"aria-label":r}),(0,Va.jsx)(s,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:l,"aria-label":i})]})};uo.states=Qu;uo.options=Zu;uo.className=qs;uo.defaultOptions=gr;uo.moduleName=null;uo.folderName=null;var Ys="numeric-textbox",Qs="numerictextbox";var ze=require("react/jsx-runtime"),Zs="k-numerictextbox",ju=[c.hover,c.focus,c.valid,c.invalid,c.loading,c.required,c.disabled,c.readonly],em={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},hl={showSpinButton:!0,showClearButton:!0,separators:!0},oe=e=>{let{size:t,rounded:o,fillMode:l,separators:r=hl.separators,showClearButton:i=hl.showClearButton,showSpinButton:u=hl.showSpinButton,prefix:b,suffix:f,value:x,placeholder:N,hover:y,focus:h,valid:R,invalid:E,required:D,loading:G,disabled:P,readonly:J,id:de,"aria-label":ke,"aria-describedby":De,...Re}=e;return(0,ze.jsxs)(Se,{...Re,size:t,rounded:o,fillMode:l,hover:y,focus:h,valid:R,invalid:E,required:D,loading:G,disabled:P,readonly:J,className:n(e.className,Zs),children:[b&&(0,ze.jsxs)(ze.Fragment,{children:[(0,ze.jsx)(Ct,{children:b}),r&&(0,ze.jsx)(kt,{})]}),(0,ze.jsx)(mt,{id:de,placeholder:N,value:x,role:"spinbutton",disabled:P,"aria-label":ke,"aria-describedby":De,"aria-invalid":E?"true":void 0}),(0,ze.jsx)(tt,{valid:R,invalid:E,loading:G,disabled:P}),(0,ze.jsx)(it,{loading:G,disabled:P}),i&&(0,ze.jsx)(ut,{loading:G,disabled:P,readonly:J,value:x}),f&&(0,ze.jsxs)(ze.Fragment,{children:[r&&(0,ze.jsx)(kt,{}),(0,ze.jsx)(yt,{children:f})]}),u&&(0,ze.jsx)(uo,{className:"k-input-spinner",size:t,fillMode:l,disabled:P})]})};oe.states=ju;oe.options=em;oe.className=Zs;oe.defaultOptions=hl;oe.moduleName=Ys;oe.folderName=Qs;oe.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .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-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var $a=oe;var ei=require("react/jsx-runtime"),js=e=>(0,ei.jsx)($a,{...e});var xl=Dn(require("react"));var wr=require("react/jsx-runtime"),tm="k-list-group-sticky-header",Mr=e=>(0,wr.jsx)("div",{className:n(tm,e.className),children:(0,wr.jsx)("div",{className:"k-list-header-text",children:e.children})});var ti=require("react/jsx-runtime"),om="k-no-data",fl=e=>{let{live:t,...o}=e;return(0,ti.jsx)("span",{...o,className:n(om,e.className),"aria-live":t?"polite":void 0,children:e.children})};var go="list",Wo=go;var Vo=require("react/jsx-runtime"),Lr="k-list",am=[],lm={size:[p.undefined,p.small,p.medium,p.large]},rm={},Q=e=>{var R;let{size:t,virtualization:o,children:l,header:r,optionLabel:i,customValue:u,noData:b,screenReaders:f,...x}=e,y=xl.default.Children.toArray(l)[0],h=(R=y==null?void 0:y.props)!=null&&R.children?xl.default.Children.count(y.props.children):xl.default.Children.count(l);return(0,Vo.jsxs)("div",{...x,className:n(e.className,Lr,H(Lr,{size:t}),{"k-virtual-list":o}),children:[i,u,r&&(0,Vo.jsx)(Mr,{children:r}),l||(b!==void 0?b:(0,Vo.jsx)(fl,{live:!0,children:"No data found."})),f&&l&&(0,Vo.jsxs)(fl,{className:"k-sr-only",live:!0,children:[h," items found."]})]})};Q.states=am;Q.options=lm;Q.className=Lr;Q.defaultOptions=rm;Q.moduleName=go;Q.folderName=Wo;Q.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var ai=require("react/jsx-runtime"),oi="k-list-container",nm=[],sm={},im={},$o=e=>{let{...t}=e;return(0,ai.jsx)("div",{...t,className:n(e.className,oi),children:e.children})};$o.states=nm;$o.options=sm;$o.className=oi;$o.defaultOptions=im;$o.moduleName=go;$o.folderName=Wo;var wo="checkbox",Xo=wo;var Er=require("react/jsx-runtime"),vl="k-checkbox",dm=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.checked,c.indeterminate],cm={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full]},pm={},gt=e=>{let{id:t,checked:o,indeterminate:l,hover:r,focus:i,disabled:u,invalid:b,valid:f,required:x,size:N,rounded:y,wrapperRole:h,...R}=e;return(0,Er.jsx)("span",{className:"k-checkbox-wrap",role:h,children:(0,Er.jsx)("input",{...R,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:u||void 0,"aria-invalid":b?"true":void 0,className:n(e.className,vl,H(vl,{size:N,rounded:y}),U(vl,{hover:r,focus:i,disabled:u,invalid:b,valid:f,indeterminate:l,checked:o}))})})};gt.states=dm;gt.options=cm;gt.className=vl;gt.defaultOptions=pm;gt.moduleName=wo;gt.folderName=Xo;gt.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var At=gt;var ni=require("react/jsx-runtime"),li="k-checkbox-list",um=[],mm={},ri={layout:"vertical"},at=e=>{let{layout:t=ri.layout,...o}=e;return(0,ni.jsx)("ul",{...o,className:n(e.className,li,{[`k-list-${t}`]:t}),children:e.children})};at.states=um;at.options=mm;at.className=li;at.defaultOptions=ri;at.moduleName=wo;at.folderName=Xo;var ii=require("react/jsx-runtime"),si="k-checkbox-list-item",bm=[],hm={},fm={},lt=e=>{let{...t}=e;return(0,ii.jsx)("li",{...t,className:n(e.className,si),children:e.children})};lt.states=bm;lt.options=hm;lt.className=si;lt.defaultOptions=fm;lt.moduleName=wo;lt.folderName=Xo;var Mo=require("react/jsx-runtime"),Jt=({children:e="Label",id:t="cb-label-after",...o})=>(0,Mo.jsxs)(Mo.Fragment,{children:[(0,Mo.jsx)(At,{id:t,...o}),(0,Mo.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Ar=require("react/jsx-runtime");var Rr=require("react/jsx-runtime");var Ir=require("react/jsx-runtime");var xm=require("react/jsx-runtime");var vm=require("react/jsx-runtime");var Cm=require("react/jsx-runtime");var Xe=require("react/jsx-runtime"),ym=at.options,km=at.states,Sm={...at.defaultOptions,variant:"vertical"},Nm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Tm=[],Jo=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Xe.jsxs)(at,{layout:"horizontal",...o,children:[(0,Xe.jsx)(lt,{children:(0,Xe.jsx)(Jt,{id:X("cb"),defaultChecked:!0,children:"Label"})}),(0,Xe.jsx)(lt,{children:(0,Xe.jsx)(Jt,{id:X("cb"),children:"Label"})}),(0,Xe.jsx)(lt,{children:(0,Xe.jsx)(Jt,{id:X("cb"),children:"Label"})})]}):(0,Xe.jsxs)(at,{...o,children:[(0,Xe.jsx)(lt,{children:(0,Xe.jsx)(Jt,{id:X("cb"),defaultChecked:!0,children:"Label"})}),(0,Xe.jsx)(lt,{children:(0,Xe.jsx)(Jt,{id:X("cb"),children:"Label"})}),(0,Xe.jsx)(lt,{children:(0,Xe.jsx)(Jt,{id:X("cb"),children:"Label"})})]})};Jo.options=ym;Jo.states=km;Jo.variants=Nm;Jo.defaultOptions=Sm;Jo.modifiers=Tm;Jo.className=at.className;var di=require("react/jsx-runtime"),gm=At.options,wm=At.states,Mm=At.defaultOptions,Lm=[],Em=[],qo=e=>(0,di.jsx)(Jt,{id:X("checkbox"),...e,defaultChecked:!0,children:"Label"});qo.options=gm;qo.states=wm;qo.variants=Lm;qo.defaultOptions=Mm;qo.modifiers=Em;qo.className=At.className;var zt=require("react/jsx-runtime"),Or="k-list-item",Am=[c.hover,c.focus,c.selected,c.disabled],Rm={},Im={},$=e=>{let{text:t,groupLabel:o,group:l,iconName:r,iconClassName:i,showCheckbox:u,checked:b,hover:f,focus:x,selected:N,disabled:y,actions:h,description:R,id:E,...D}=e,G=t||e.children;return(0,zt.jsxs)("li",{...D,id:E,role:l?"presentation":"option",tabIndex:l?void 0:x?0:-1,"aria-selected":!l&&N?"true":l?void 0:"false","aria-disabled":!l&&y?"true":void 0,className:n(e.className,l?"k-list-group-item":Or,U(Or,{hover:f,focus:x,disabled:y,selected:N})),children:[u&&(0,zt.jsx)(gt,{checked:b}),r&&(0,zt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,zt.jsx)(O,{icon:r,className:n("k-list-item-icon",i)})}),(0,zt.jsx)("span",{className:"k-list-item-text",children:G}),h&&(0,zt.jsx)("div",{className:"k-list-item-actions",children:h}),R&&(0,zt.jsx)("span",{className:"k-list-item-description",children:R}),o&&o!==""&&(0,zt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};$.states=Am;$.options=Rm;$.className=Or;$.defaultOptions=Im;$.moduleName=go;$.folderName=Wo;$.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};var ci=require("react/jsx-runtime"),Om="k-list-ul",qt=e=>{let{children:t,role:o,id:l,...r}=e;return(0,ci.jsx)("ul",{...r,id:l,role:o,className:n(Om,e.className),children:t})};qt.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};var Yo=require("react/jsx-runtime"),Bm="k-list-content",le=e=>{let{virtualization:t,grouping:o,"aria-label":l,"aria-labelledby":r,listboxId:i,...u}=e;return(0,Yo.jsxs)("div",{...u,className:n(Bm,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?l:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:(0,Yo.jsx)(qt,{role:"listbox",id:i,"aria-label":l,"aria-labelledby":r,children:e.children}),t&&(0,Yo.jsx)("div",{className:"k-height-container",children:(0,Yo.jsx)("div",{})})]})};le.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};var Br=require("react/jsx-runtime");var Qo=require("react/jsx-runtime"),Pm="k-list-group-item",Lo=e=>{let{groupIconName:t,...o}=e;return(0,Qo.jsxs)("li",{...o,role:"presentation",className:n(Pm,e.className),children:[t&&(0,Qo.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Qo.jsx)(O,{icon:t,className:"k-list-item-icon"})}),(0,Qo.jsx)("span",{className:"k-list-item-text",children:e.children})]})};Lo.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};var pi=require("react/jsx-runtime"),Pr="k-list-optionlabel",Dm=[c.hover,c.focus,c.selected,c.disabled],Km={},Hm={},Cl=e=>{let{text:t,hover:o,focus:l,selected:r,disabled:i,...u}=e;return(0,pi.jsx)("div",{...u,className:n(Pr,U(Pr,{hover:o,focus:l,selected:r,disabled:i})),children:t})};Cl.states=Dm;Cl.options=Km;Cl.className=Pr;Cl.defaultOptions=Hm;var ui=require("react/jsx-runtime"),Dr="k-list-custom-value",_m=[c.hover,c.focus,c.selected,c.disabled],zm={},Gm={},mo=e=>{let{text:t,hover:o,focus:l,selected:r,disabled:i,...u}=e;return(0,ui.jsx)("div",{...u,className:n(Dr,U(Dr,{hover:o,focus:l,selected:r,disabled:i})),children:t})};mo.states=_m;mo.options=zm;mo.className=Dr;mo.defaultOptions=Gm;var Kr=require("react/jsx-runtime");var Hr=require("react/jsx-runtime");var _r=require("react/jsx-runtime");var zr=require("react/jsx-runtime");var Um=require("react/jsx-runtime");var Gr=require("react/jsx-runtime");var mi="dropdown-list",bi="dropdownlist";var be=require("react/jsx-runtime"),hi="k-dropdownlist",Fm=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],Wm={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Ur={showValue:!0,arrowIconName:"caret-alt-down"},Te=e=>{let{size:t,rounded:o,fillMode:l,arrowIconName:r=Ur.arrowIconName,showValue:i=Ur.showValue,valueIconName:u,prefix:b,suffix:f,value:x,placeholder:N,hover:y,focus:h,valid:R,invalid:E,required:D,loading:G,disabled:P,readonly:J,popup:de,opened:ke,adaptive:De,adaptiveSettings:Re,adaptiveTitle:pt,adaptiveSubtitle:Co,adaptiveFilter:Ol,id:lo,activeDescendant:ol,"aria-label":Bl,...Pl}=e,Uc=lo?`${lo}-listbox`:void 0,Bn=lo?`${lo}-value`:void 0;return(0,be.jsxs)(be.Fragment,{children:[(0,be.jsxs)(Kt,{...Pl,id:lo,size:t,rounded:o,fillMode:l,hover:y,focus:h,valid:R,invalid:E,required:D,loading:G,disabled:P,readonly:J,className:n(e.className,hi,{"k-icon-picker":!i&&u}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ke?"true":"false","aria-controls":ke?Uc:void 0,"aria-activedescendant":ke&&ol?ol:void 0,"aria-describedby":ke?Bn:void 0,"aria-disabled":P?"true":void 0,"aria-label":Bl,tabIndex:0,children:[(0,be.jsx)(Ct,{children:b}),(0,be.jsx)(No,{placeholder:N,value:x,showValue:i,valueIconName:u,id:Bn}),(0,be.jsx)(tt,{valid:R,invalid:E,loading:G,disabled:P}),(0,be.jsx)(it,{loading:G,disabled:P}),(0,be.jsx)(yt,{children:f}),(0,be.jsx)(s,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":N||"Toggle dropdown",tabIndex:-1})]}),ke&&de&&(0,be.jsx)(ce,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:de}),De&&(0,be.jsx)(ve,{adaptive:!0,...Re,header:(0,be.jsx)(ot,{actionsEnd:(0,be.jsx)(s,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Ol,inputValue:x,inputPlaceholder:N,title:pt,subtitle:Co}),children:(0,be.jsx)("div",{className:"k-list-container",children:(0,be.jsx)(Q,{size:"large",children:(0,be.jsxs)(le,{"aria-label":"Options",children:[(0,be.jsx)($,{text:"List item"}),(0,be.jsx)($,{text:"List item"}),(0,be.jsx)($,{text:"List item"})]})})})})]})};Te.states=Fm;Te.options=Wm;Te.className=hi;Te.defaultOptions=Ur;Te.moduleName=mi;Te.folderName=bi;Te.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};var Vm=require("react/jsx-runtime");var fi=require("react/jsx-runtime");var Fr=require("react/jsx-runtime");var $m=require("react/jsx-runtime");var xi=require("react/jsx-runtime");var Wr=require("react/jsx-runtime");var Xm=require("react/jsx-runtime");var ct=require("react/jsx-runtime"),Jm=Te.states,qm=Te.defaultOptions,Ym=Te.options,Qm=[{name:"opened",title:"Opened"}],Zm=[],jo=e=>{let{modifiers:t,...o}=e,l={},r=(0,ct.jsxs)(ct.Fragment,{children:[(0,ct.jsx)("div",{className:"k-list-filter",children:(0,ct.jsx)(St,{})}),(0,ct.jsx)(Q,{style:{width:300},size:o.size,children:(0,ct.jsxs)(le,{children:[(0,ct.jsx)($,{children:"List item"}),(0,ct.jsx)($,{children:"List item"}),(0,ct.jsx)($,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(i=>{i==="opened"&&(l.opened=!!(t!=null&&t[i]),l.popup=t!=null&&t[i]?r:void 0)}),(0,ct.jsx)("div",{children:(0,ct.jsx)(Te,{placeholder:"Value",style:{width:300},...o,...l})})};jo.options=Ym;jo.states=Jm;jo.variants=Zm;jo.defaultOptions=qm;jo.modifiers=Qm;jo.className=Te.className;var vi=require("react/jsx-runtime");var Ci=require("react/jsx-runtime");var jm=require("react/jsx-runtime");var yl=require("react/jsx-runtime"),eb=oe.states,tb=oe.defaultOptions,ob=oe.options,ab=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],lb=[],ea=e=>{let{modifiers:t,...o}=e,l={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":l.prefix=t!=null&&t[r]?(0,yl.jsx)(Te,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":l.suffix=t!=null&&t[r]?(0,yl.jsx)(or,{children:"mm"}):void 0;break;case"clear-button":l.showClearButton=t==null?void 0:t[r];break;case"spin-button":l.showSpinButton=t==null?void 0:t[r];break;default:break}}),(0,yl.jsx)(js,{value:"Value",style:{width:300},...o,...l})};ea.options=ob;ea.states=eb;ea.variants=lb;ea.defaultOptions=tb;ea.modifiers=ab;ea.className=oe.className;var I=require("react/jsx-runtime"),yi="k-colorgradient-inputs",rb=[],nb={size:[p.undefined,p.small,p.medium,p.large]},ki={mode:"rgba"},ta=e=>{let{mode:t=ki.mode,size:o,...l}=e;return(0,I.jsxs)("div",{...l,className:n(yi,"k-hstack"),children:[(0,I.jsx)("div",{className:"k-vstack",children:(0,I.jsx)(s,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,I.jsx)(I.Fragment,{children:(0,I.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,I.jsx)(Ke,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ta.states=rb;ta.options=nb;ta.className=yi;ta.defaultOptions=ki;var Je=require("react/jsx-runtime"),Si="k-colorgradient-color-contrast",sb=[],ib={},db={},oa=()=>(0,Je.jsxs)("div",{className:n(Si,"k-vbox"),children:[(0,Je.jsxs)("div",{className:"k-contrast-ratio",children:[(0,Je.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,Je.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,Je.jsx)(O,{icon:"check"}),(0,Je.jsx)(O,{icon:"check"})]})]}),(0,Je.jsxs)("div",{children:[(0,Je.jsx)("span",{children:"AA: 4.5"}),(0,Je.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,Je.jsx)(O,{icon:"check"})]})]}),(0,Je.jsxs)("div",{children:[(0,Je.jsx)("span",{children:"AAA: 7.0"}),(0,Je.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,Je.jsx)(O,{icon:"x"})]})]})]});oa.states=sb;oa.options=ib;oa.className=Si;oa.defaultOptions=db;var Ni="color-gradient",Ti="colorgradient";var ge=require("react/jsx-runtime"),kl="k-colorgradient",cb=[c.hover,c.focus,c.readonly,c.disabled],pb={size:[p.undefined,p.small,p.medium,p.large]},Gt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},Oe=e=>{let{size:t,mode:o=Gt.mode,readonly:l=Gt.readonly,disabled:r=Gt.disabled,gradientStyle:i=Gt.gradientStyle,dragHandleStyle:u=Gt.dragHandleStyle,alphaStyle:b=Gt.alphaStyle,alphaStyleHorizontal:f=Gt.alphaStyleHorizontal,contrast:x=Gt.contrast,dir:N,hover:y,focus:h,hoverHandle:R,focusHandle:E,canvasOrientation:D=Gt.canvasOrientation,role:G,tabIndex:P,...J}=e;return(0,ge.jsxs)("div",{...J,role:G??"textbox","aria-label":G==="none"?void 0:"Color gradient",tabIndex:P??0,"aria-disabled":r?"true":void 0,className:n(e.className,kl,H(kl,{size:t}),U(kl,{hover:y,focus:h,readonly:l,disabled:r})),dir:N,children:[!D||D==="horizontal"&&(0,ge.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,ge.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,ge.jsx)("div",{className:"k-hsv-gradient",children:(0,ge.jsx)("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":R,"k-focus":E}),style:u,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,ge.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,ge.jsx)(Sr,{className:"k-hue-slider",hover:R,focus:E}),o!=="rgb"&&o!=="hsv"&&(0,ge.jsx)(Sr,{className:"k-alpha-slider",hover:R,focus:E,trackStyle:b})]})]}),D==="vertical"&&(0,ge.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,ge.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,ge.jsx)("div",{className:"k-hsv-gradient",children:(0,ge.jsx)("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":R,"k-focus":E}),style:u,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,ge.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,ge.jsx)(kr,{className:"k-hue-slider",hover:R,focus:E}),o!=="rgb"&&o!=="hsv"&&(0,ge.jsx)(kr,{className:"k-alpha-slider",hover:R,focus:E,trackStyle:f})]})]}),(0,ge.jsx)(ta,{mode:e.mode,size:t}),x&&(0,ge.jsx)(oa,{})]})};Oe.states=cb;Oe.options=pb;Oe.className=kl;Oe.defaultOptions=Gt;Oe.moduleName=Ni;Oe.folderName=Ti;Oe.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};var gi=require("react/jsx-runtime"),Sl=e=>(0,gi.jsx)(Oe,{...e});var ub=require("react/jsx-runtime");var mb=require("react/jsx-runtime");var Nl=require("react/jsx-runtime"),bb=Oe.options,hb=Oe.states,fb={...Oe.defaultOptions,variant:"rgba"},xb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],vb=[],aa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,Nl.jsx)(Sl,{...o,mode:t});case"rgb":return(0,Nl.jsx)(Sl,{...o,mode:t});default:return(0,Nl.jsx)(Sl,{...o,mode:t})}};aa.options=bb;aa.states=hb;aa.variants=xb;aa.defaultOptions=fb;aa.modifiers=vb;aa.className=Oe.className;var wi=require("react/jsx-runtime"),Vr=e=>(0,wi.jsx)("tr",{role:"row",children:e.children});var Mi=require("react/jsx-runtime"),$r="k-colorpalette-tile",Cb=[c.hover,c.focus,c.selected],yb={},la=e=>{let{color:t,tileSize:o,hover:l,focus:r,selected:i,...u}=e,b={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,Mi.jsx)("td",{...u,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:n(e.className,$r,U($r,{hover:l,focus:r,selected:i})),style:b})};la.states=Cb;la.options=yb;la.className=$r;var Li="color-palette",Ei="colorpalette";var ra=require("react/jsx-runtime"),Tl="k-colorpalette",kb=[c.disabled],Sb={size:[p.undefined,p.small,p.medium,p.large]},Ai={columns:10},rt=e=>{let{size:t,palette:o,columns:l=Ai.columns,tileSize:r,disabled:i,...u}=e,b=[];if(o){let f=l||o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/f)},(N,y)=>{let h=[];x.slice(y*f,(y+1)*f).map((E,D)=>{h.push((0,ra.jsx)(la,{color:E,tileSize:r},D))});let R=(0,ra.jsx)(Vr,{children:h},y);b.push(R)})}return(0,ra.jsx)("div",{...u,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:n(e.className,Tl,U(Tl,{disabled:i}),H(Tl,{size:t})),children:(0,ra.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,ra.jsx)("tbody",{children:b.length>0?b:e.children})})})};rt.states=kb;rt.options=Sb;rt.className=Tl;rt.defaultOptions=Ai;rt.moduleName=Li;rt.folderName=Ei;rt.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var gl=rt;var Xa={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};var Ii=require("react/jsx-runtime"),Ri=e=>(0,Ii.jsx)(gl,{palette:Xa.basic,...e});var Nb=require("react/jsx-runtime");var Oi=require("react/jsx-runtime");var Bi=require("react/jsx-runtime"),Tb=rt.options,gb=rt.states,wb={...rt.defaultOptions,variant:"basic"},Mb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Lb={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Eb=[],na=e=>{let{variant:t="basic",...o}=e,l=Lb[t];return(0,Bi.jsx)(Ri,{columns:l.columns,palette:l,...o})};na.options=Tb;na.states=gb;na.variants=Mb;na.defaultOptions=wb;na.modifiers=Eb;na.className=rt.className;var Pi="color-editor",Di="coloreditor";var Ne=require("react/jsx-runtime"),wl="k-coloreditor",Ab=[c.focus],Rb={size:[p.undefined,p.small,p.medium,p.large]},Ja={view:"gradient",palette:Xa.office,actionButtons:!0,canvasOrientation:"horizontal"},Ce=e=>{let{size:t,view:o=Ja.view,palette:l=Ja.palette,color:r,currentColor:i,focus:u,focusView:b,dir:f,group:x,actionButtons:N=Ja.actionButtons,canvasOrientation:y=Ja.canvasOrientation,...h}=e;return(0,Ne.jsxs)("div",{...h,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",wl,H(wl,{size:t}),U(wl,{focus:u})),dir:f,children:[(0,Ne.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,Ne.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&(0,Ne.jsxs)(A,{fillMode:"flat",children:[(0,Ne.jsx)(s,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,Ne.jsx)(s,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,Ne.jsx)("div",{className:"k-spacer"}),(0,Ne.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,Ne.jsx)(s,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,Ne.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,Ne.jsx)(no,{className:"k-coloreditor-preview-color",color:r}),(0,Ne.jsx)(no,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,Ne.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,Ne.jsx)(Oe,{focus:b,size:t,canvasOrientation:y,role:"none",tabIndex:-1}):(0,Ne.jsx)(rt,{palette:l,size:t})}),N&&(0,Ne.jsxs)(_t,{className:"k-coloreditor-footer",alignment:"start",children:[(0,Ne.jsx)(s,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,Ne.jsx)(s,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Ce.states=Ab;Ce.options=Rb;Ce.className=wl;Ce.defaultOptions=Ja;Ce.moduleName=Pi;Ce.folderName=Di;Ce.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var sa=Ce;var Ib=require("react/jsx-runtime");var Ob=require("react/jsx-runtime");var Hi=require("react/jsx-runtime"),Ki=e=>(0,Hi.jsx)(sa,{group:!0,currentColor:"fuchsia",...e});var zi=require("react/jsx-runtime"),_i=e=>(0,zi.jsx)(sa,{view:"palette",group:!0,currentColor:"fuchsia",...e});var Xr=require("react/jsx-runtime"),Bb=Ce.options,Pb=Ce.states,Db={...Ce.defaultOptions,variant:"gradient"},Kb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Hb=[],ia=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Xr.jsx)(_i,{...o,color:"white"}):(0,Xr.jsx)(Ki,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ia.options=Bb;ia.states=Pb;ia.variants=Kb;ia.defaultOptions=Db;ia.modifiers=Hb;ia.className=Ce.className;var Gi="color-picker",Ui="colorpicker";var we=require("react/jsx-runtime"),Fi="k-colorpicker",_b=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled],zb={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Wi={arrowIconName:"caret-alt-down"},ht=e=>{let{size:t,rounded:o,fillMode:l,arrowIconName:r=Wi.arrowIconName,prefix:i,suffix:u,value:b,placeholder:f,hover:x,focus:N,valid:y,invalid:h,required:R,disabled:E,valueIconName:D,popup:G,opened:P,adaptive:J,adaptiveSettings:de,adaptiveTitle:ke,adaptiveSubtitle:De,...Re}=e,pt="colorpicker-popup";return(0,we.jsxs)(we.Fragment,{children:[(0,we.jsxs)(Kt,{...Re,size:t,rounded:o,fillMode:l,hover:x,focus:N,valid:y,invalid:h,required:R,disabled:E,role:"combobox","aria-haspopup":"dialog","aria-expanded":P?"true":"false","aria-controls":P||J?pt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":E?"true":void 0,className:n(e.className,Fi,"k-icon-picker"),children:[(0,we.jsx)(Ct,{children:i}),(0,we.jsx)(No,{placeholder:f,value:b,showValue:!1,valueIcon:(0,we.jsx)(no,{className:"k-value-icon",color:b,iconName:D}),valueIconName:D}),(0,we.jsx)(yt,{children:u}),(0,we.jsx)(s,{className:"k-input-button",icon:r,size:t,fillMode:l,tabIndex:-1,"aria-label":"Open color picker",disabled:E})]}),P&&G&&(0,we.jsx)(ce,{id:pt,className:"k-colorpicker-popup",children:G}),J&&(0,we.jsx)(ve,{adaptive:!0,id:pt,...de,header:(0,we.jsx)(ot,{actionsEnd:(0,we.jsx)(s,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ke,subtitle:De}),footer:(0,we.jsxs)(so,{children:[(0,we.jsx)(s,{text:"Cancel",size:"large"}),(0,we.jsx)(s,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,we.jsx)(Ce,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};ht.states=_b;ht.options=zb;ht.className=Fi;ht.defaultOptions=Wi;ht.moduleName=Gi;ht.folderName=Ui;ht.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Yt=ht;var Vi=require("react/jsx-runtime"),Ml=e=>(0,Vi.jsx)(Yt,{...e});var Gb=require("react/jsx-runtime");var Ub=require("react/jsx-runtime");var Fb=require("react/jsx-runtime");var Wb=require("react/jsx-runtime");var Vb=require("react/jsx-runtime");var $b=require("react/jsx-runtime");var bo=require("react/jsx-runtime"),Xb=Yt.options,Jb=Yt.states,$i={...Yt.defaultOptions,variant:"color"},qb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Yb=[{name:"opened",title:"Opened"}],da=e=>{let{variant:t,modifiers:o,...l}={...$i,...e},r={};Object.keys(o||{}).forEach(u=>{u==="opened"&&(r.opened=!!(o!=null&&o[u]),r.popup=o!=null&&o[u]?(0,bo.jsx)(Ce,{size:l.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,bo.jsx)("div",{style:i,children:(0,bo.jsx)(Ml,{...l,...r})});case"icon":return(0,bo.jsx)("div",{style:i,children:(0,bo.jsx)(Ml,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...l,...r})});default:return(0,bo.jsx)("div",{style:i,children:(0,bo.jsx)(Ml,{value:"rgba(183, 118 , 118, 1.00)",...l,...r})})}};da.options=Xb;da.states=Jb;da.variants=qb;da.defaultOptions=$i;da.modifiers=Yb;da.className=Yt.className;var Jr="combobox",Xi=Jr;var ee=require("react/jsx-runtime"),Ji="k-combobox",Qb=[c.hover,c.focus,c.valid,c.invalid,c.loading,c.required,c.disabled,c.readonly],Zb={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},qi={separators:!0},qe=e=>{let{size:t,rounded:o,fillMode:l,separators:r=qi.separators,prefix:i,suffix:u,value:b,placeholder:f,hover:x,focus:N,valid:y,invalid:h,required:R,loading:E,disabled:D,popup:G,opened:P,readonly:J,adaptive:de,adaptiveSettings:ke,adaptiveTitle:De,adaptiveSubtitle:Re,adaptiveCustomValue:pt,id:Co,autocomplete:Ol,activeDescendant:lo,"aria-label":ol,...Bl}=e,Pl=Co?`${Co}-listbox`:void 0;return(0,ee.jsxs)(ee.Fragment,{children:[(0,ee.jsxs)(Se,{...Bl,size:t,rounded:o,fillMode:l,hover:x,focus:N,valid:y,invalid:h,required:R,loading:E,disabled:D,readonly:J,className:n(e.className,Ji),children:[i&&(0,ee.jsxs)(ee.Fragment,{children:[(0,ee.jsx)(Ct,{children:i}),r&&(0,ee.jsx)(kt,{})]}),(0,ee.jsx)(mt,{id:Co,placeholder:f,value:b,role:"combobox","aria-haspopup":"listbox","aria-expanded":P?"true":"false","aria-controls":P?Pl:void 0,"aria-activedescendant":P&&lo?lo:void 0,"aria-autocomplete":Ol,"aria-invalid":h?"true":void 0,"aria-busy":E?"true":void 0,"aria-label":ol,disabled:D,readOnly:J}),(0,ee.jsx)(tt,{valid:y,invalid:h,loading:E,disabled:D}),(0,ee.jsx)(it,{loading:E,disabled:D}),(0,ee.jsx)(ut,{loading:E,disabled:D,readonly:J,value:b}),u&&(0,ee.jsxs)(ee.Fragment,{children:[r&&(0,ee.jsx)(kt,{}),(0,ee.jsx)(yt,{children:u})]}),(0,ee.jsx)(s,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:l,"aria-label":"Open popup",tabIndex:-1,disabled:D})]}),P&&G&&(0,ee.jsx)(ce,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:G}),de&&(0,ee.jsx)(ve,{adaptive:!0,id:Co?`${Co}-adaptive`:void 0,...ke,header:(0,ee.jsx)(ot,{actionsEnd:(0,ee.jsx)(s,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:b,inputPlaceholder:f,title:De,subtitle:Re}),children:(0,ee.jsx)("div",{className:"k-list-container",children:(0,ee.jsx)(Q,{customValue:pt?(0,ee.jsx)(mo,{text:`Use "${b}"`}):void 0,size:"large",children:(0,ee.jsxs)(le,{"aria-label":De||"Options",children:[(0,ee.jsx)($,{text:"List item"}),(0,ee.jsx)($,{text:"List item"}),(0,ee.jsx)($,{text:"List item"})]})})})})]})};qe.states=Qb;qe.options=Zb;qe.className=Ji;qe.defaultOptions=qi;qe.moduleName=Jr;qe.folderName=Xi;qe.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var ft=qe;var Qi=require("react/jsx-runtime"),Yi=e=>(0,Qi.jsx)(ft,{...e});var Zi=require("react/jsx-runtime");var ji=require("react/jsx-runtime");var ed=require("react/jsx-runtime");var td=require("react/jsx-runtime");var od=require("react/jsx-runtime");var ad=require("react/jsx-runtime");var qr=require("react/jsx-runtime");var jb=require("react/jsx-runtime");var eh=require("react/jsx-runtime");var ld=require("react/jsx-runtime");var rd=require("react/jsx-runtime");var Rt=require("react/jsx-runtime"),th=qe.states,oh=qe.defaultOptions,ah=qe.options,lh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],rh=[],ca=e=>{let{modifiers:t,...o}=e,l={},r=(0,Rt.jsx)(Q,{style:{width:300},size:o.size,children:(0,Rt.jsxs)(le,{children:[(0,Rt.jsx)($,{children:"List item"}),(0,Rt.jsx)($,{children:"List item"}),(0,Rt.jsx)($,{children:"List item"})]})});return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":l.prefix=t!=null&&t[i]?(0,Rt.jsx)(O,{icon:"map-marker-target"}):void 0;break;case"suffix":l.suffix=t!=null&&t[i]?(0,Rt.jsx)(ro,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":l.opened=!!(t!=null&&t[i]),l.popup=t!=null&&t[i]?r:void 0;break;default:break}}),(0,Rt.jsx)("div",{children:(0,Rt.jsx)(Yi,{value:"Value",style:{width:300},...o,...l})})};ca.options=ah;ca.states=th;ca.variants=rh;ca.defaultOptions=oh;ca.modifiers=lh;ca.className=qe.className;var Yr="menu-button",nd=Yr;var id=require("react/jsx-runtime"),sd="k-menu-button",nh=[c.hover,c.focus,c.active,c.selected,c.disabled],sh={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark,T.inverse]},Qr={showArrow:!0,arrowIconName:"caret-alt-down"},re=e=>{let{size:t,rounded:o,fillMode:l,themeColor:r,hover:i,focus:u,active:b,selected:f,disabled:x,icon:N,text:y,showArrow:h=Qr.showArrow,arrowIconName:R=Qr.arrowIconName,expanded:E,...D}=e;return(0,id.jsx)(s,{...D,className:n(e.className,sd),text:y,size:t,rounded:o,fillMode:l,themeColor:r,hover:i,focus:u,active:b,selected:f,disabled:x,icon:N,showArrow:h,arrowIconName:R,"aria-expanded":E?"true":"false",...!y&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};re.states=nh;re.options=sh;re.className=sd;re.defaultOptions=Qr;re.moduleName=Yr;re.folderName=nd;re.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var ih=require("react/jsx-runtime");var dh=require("react/jsx-runtime");var ch=require("react/jsx-runtime");var xt="menu",wt=xt;var Qt=require("react/jsx-runtime"),Zr="k-menu-item",ph=[c.hover,c.focus,c.active,c.selected,c.disabled],uh={},dd={iconPosition:"before"},Ye=e=>{let{hover:t,focus:o,active:l,selected:r,disabled:i,icon:u,text:b,first:f,last:x,showArrow:N,arrowIconName:y,iconPosition:h=dd.iconPosition,dir:R,children:E,expanded:D,...G}=e,P=y;return P||(P=R==="rtl"?"caret-alt-left":"caret-alt-right"),(0,Qt.jsxs)("li",{...G,className:n(e.className,Zr,"k-item",U(Zr,{focus:o,disabled:i,hover:t,active:l,selected:r}),{"k-first":f,"k-last":x}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":D?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Qt.jsxs)("span",{className:n("k-link k-menu-link"),children:[u&&h==="before"&&(0,Qt.jsx)(O,{className:"k-menu-link-icon",icon:u}),(0,Qt.jsx)("span",{className:"k-menu-link-text",children:b}),u&&h==="after"&&(0,Qt.jsx)(O,{className:"k-menu-link-icon",icon:u}),N&&(0,Qt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Qt.jsx)(O,{icon:P})})]}),E]})};Ye.states=ph;Ye.options=uh;Ye.className=Zr;Ye.defaultOptions=dd;Ye.moduleName=xt;Ye.folderName=wt;var Zt=require("react/jsx-runtime"),jr="k-menu-item",mh=[c.hover,c.focus,c.active,c.selected,c.disabled],bh={},en={dir:"ltr",iconPosition:"before"},he=e=>{let{hover:t,focus:o,active:l,selected:r,disabled:i,icon:u,text:b,first:f,last:x,showArrow:N,arrowIconName:y,iconPosition:h=en.iconPosition,dir:R=en.dir,children:E,popup:D,expanded:G,...P}=e,J=y;return J||(J=R==="rtl"?"caret-alt-left":"caret-alt-right"),(0,Zt.jsxs)("li",{...P,className:n(e.className,jr,"k-item",U(jr,{focus:o,disabled:i}),{"k-first":f,"k-last":x}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":G?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Zt.jsxs)("span",{className:n("k-link k-menu-link",U("k-menu-link",{hover:t,active:l,selected:r,disabled:i})),children:[u&&h==="before"&&(0,Zt.jsx)(O,{className:"k-menu-link-icon",icon:u}),(0,Zt.jsx)("span",{className:"k-menu-link-text",children:b}),u&&h==="after"&&(0,Zt.jsx)(O,{className:"k-menu-link-icon",icon:u}),N&&(0,Zt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Zt.jsx)(O,{icon:J})})]}),E,D]})};he.states=mh;he.options=bh;he.className=jr;he.defaultOptions=en;he.moduleName=xt;he.folderName=wt;var ud=require("react/jsx-runtime"),cd="k-menu-scroll-wrapper",hh=[],fh={},xh={},Eo=e=>{let{className:t,children:o,orientation:l,...r}=e;return(0,ud.jsx)("div",{...r,className:n(t,cd,{"k-menu-scroll-wrapper-vertical":l==="vertical"}),children:o})};Eo.states=hh;Eo.options=fh;Eo.className=cd;Eo.defaultOptions=xh;Eo.moduleName=xt;Eo.folderName=wt;var pd=Eo;var Ge=require("react/jsx-runtime"),tn="k-menu",vh=[],Ch={},El={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Be=e=>{let{children:t,orientation:o=El.orientation,header:l=El.header,scrollable:r,scrollButtonsPosition:i=El.scrollButtonsPosition,wrapperStyles:u,dir:b,popup:f,contextMenu:x,...N}=e,y={horizontal:{prev:b!=="rtl"?"left":"right",next:b!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},h=(0,Ge.jsx)("ul",{dir:b,...N,className:n(e.className,"k-reset",tn,{[`${tn}-${o}`]:o,"k-header":l}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Ge.jsxs)(Ge.Fragment,{children:[r?(0,Ge.jsxs)(pd,{orientation:o,style:u,dir:e.dir,children:[i==="start"&&(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)(s,{fillMode:"flat",icon:`caret-alt-${y[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Ge.jsx)(s,{fillMode:"flat",icon:`caret-alt-${y[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,Ge.jsx)(s,{fillMode:"flat",icon:`caret-alt-${y[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),h,i==="end"&&(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)(s,{fillMode:"flat",icon:`caret-alt-${y[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Ge.jsx)(s,{fillMode:"flat",icon:`caret-alt-${y[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,Ge.jsx)(s,{fillMode:"flat",icon:`caret-alt-${y[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):h,f]})};Be.states=vh;Be.options=Ch;Be.className=tn;Be.defaultOptions=El;Be.moduleName=xt;Be.folderName=wt;Be.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var bd=require("react/jsx-runtime"),on="k-separator",md={orientation:"horizontal"},pa=e=>{let{orientation:t=md.orientation,...o}=e;return(0,bd.jsx)("li",{...o,className:n(e.className,"k-item",on,{[`${on}-${t}`]:t}),role:"separator"})};pa.className=on;pa.defaultOptions=md;pa.moduleName=xt;pa.folderName=wt;var hd=require("react/jsx-runtime");var fd=require("react/jsx-runtime"),an="k-menu-group",yh=[],kh={size:[p.undefined,p.small,p.medium,p.large]},Sh={},Qe=e=>{let{children:t,size:o,...l}=e;return(0,fd.jsx)("ul",{...l,className:n(e.className,an,H(an,{size:o})),role:"menu",children:t})};Qe.states=yh;Qe.options=kh;Qe.className=an;Qe.defaultOptions=Sh;Qe.moduleName=xt;Qe.folderName=wt;var It=require("react/jsx-runtime"),ln=e=>(0,It.jsx)(Be,{children:(0,It.jsxs)(It.Fragment,{children:[(0,It.jsx)(Ye,{first:!0,text:"Item 1"}),(0,It.jsx)(Ye,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,It.jsx)(Ye,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,It.jsx)(Ye,{text:"Item 4"}),(0,It.jsx)(Ye,{last:!0,text:"Item 5"})]}),...e});var rn=require("react/jsx-runtime");var nn=require("react/jsx-runtime");var sn=require("react/jsx-runtime");var dn=require("react/jsx-runtime");var Ut=require("react/jsx-runtime"),Nh=Be.options,Th=Be.states,xd={...Be.defaultOptions,variant:"horizontal"},gh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],wh=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],ua=e=>{let{variant:t,modifiers:o,...l}={...xd,...e},r={};return Object.keys(o||{}).forEach(i=>{switch(i){case"scrollable":r.scrollable=!!(o!=null&&o[i]);break;case"opened":r.opened=!!(o!=null&&o[i]),r.popup=(0,Ut.jsx)(ce,{className:"k-menu-popup",children:(0,Ut.jsxs)(Qe,{children:[(0,Ut.jsx)(he,{text:"Item 1"}),(0,Ut.jsx)(he,{text:"Item 2"}),(0,Ut.jsx)(pa,{}),(0,Ut.jsx)(he,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Ut.jsx)(ln,{...l,...r,orientation:"vertical",style:{width:"200px"}}):(0,Ut.jsx)(ln,{...l,...r})};ua.options=Nh;ua.states=Th;ua.variants=gh;ua.defaultOptions=xd;ua.modifiers=wh;ua.className=Be.className;var cn=require("react/jsx-runtime");var Mh=require("react/jsx-runtime");var Ze=require("react/jsx-runtime"),Lh=s.states,vd={...s.defaultOptions,variant:"text"},Eh=s.options,Ah=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Rh=[{name:"opened",title:"Opened"}],ma=e=>{let{variant:t,modifiers:o,...l}={...vd,...e},r={},i=(0,Ze.jsx)(ce,{className:"k-menu-popup",children:(0,Ze.jsxs)(Qe,{size:l.size,children:[(0,Ze.jsx)(he,{first:!0,text:"Menu Item"}),(0,Ze.jsx)(he,{text:"Menu Item"}),(0,Ze.jsx)(he,{last:!0,text:"Menu Item"})]})}),u;switch(t){case"icon-only":u=(0,Ze.jsx)("div",{children:(0,Ze.jsx)(re,{...l,...r,icon:"star"})});break;case"icon-and-text":u=(0,Ze.jsx)("div",{children:(0,Ze.jsx)(re,{...l,...r,icon:"star",children:"Dropdown Button"})});break;default:u=(0,Ze.jsx)("div",{children:(0,Ze.jsx)(re,{...l,...r,children:"Dropdown Button"})});break}return(0,Ze.jsxs)(Ze.Fragment,{children:[u,(o==null?void 0:o.opened)&&i]})};ma.options=Eh;ma.states=Lh;ma.variants=Ah;ma.defaultOptions=vd;ma.modifiers=Rh;ma.className=re.className;var pn="split-button",Cd=pn;var jt=require("react/jsx-runtime"),un="k-split-button",Ih=[c.hover,c.focus,c.active,c.selected,c.disabled],Oh={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark,T.inverse]},yd={arrowIconName:"caret-alt-down"},q=e=>{let{size:t,rounded:o,fillMode:l,themeColor:r,hover:i,focus:u,active:b,selected:f,disabled:x,icon:N,text:y,arrowIconName:h=yd.arrowIconName,popup:R,opened:E,popupId:D,...G}=e;return(0,jt.jsxs)(jt.Fragment,{children:[(0,jt.jsxs)("div",{...G,className:n(e.className,un,"k-button-group",H(un,{rounded:o})),children:[(0,jt.jsx)(s,{text:y,icon:N,size:t,rounded:o,fillMode:l,themeColor:r,hover:i,focus:u,active:b,selected:f,disabled:x,...!y&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),(0,jt.jsx)(s,{className:"k-split-button-arrow",icon:h,size:t,rounded:o,fillMode:l,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":E?"true":"false","aria-controls":E?D:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),E&&R&&(0,jt.jsx)(ce,{className:"k-menu-popup",children:R})]})};q.states=Ih;q.options=Oh;q.className=un;q.defaultOptions=yd;q.moduleName=pn;q.folderName=Cd;q.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var mn=q;var kd=require("react/jsx-runtime"),Bh="k-toolbar-separator",Ot=e=>(0,kd.jsx)("div",{className:n(Bh,e.className,"k-separator")});var eo="toolbar",ho=eo;var W=require("react/jsx-runtime"),to="k-toolbar",Ph=[c.focus],Dh={size:[p.undefined,p.small,p.medium,p.large],fillMode:[k.undefined,k.solid,k.outline,k.flat]},Kh={scrollButtons:"around"},se=e=>{let{size:t,fillMode:o,focus:l,resizable:r,scrollable:i,scrollButtons:u,scrollingPosition:b,section:f,...x}=e,N=[],y=(h,R)=>{let E=[];if(h.type===s&&h.props.className&&h.props.className.includes("k-toolbar-overflow-button"))E.push((0,W.jsx)(s,{...h.props,className:`${h.props.className?h.props.className:""}`},`${R}-${new Date().getTime()}`));else if(h.type===s)E.push((0,W.jsx)(s,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${R}-${new Date().getTime()}`));else if(h.type===Ia)E.push((0,W.jsx)(Ia,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${R}-${new Date().getTime()}`));else if(h.type===ro)E.push((0,W.jsx)(ro,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${R}-${new Date().getTime()}`));else if(h.type===re)E.push((0,W.jsx)(re,{...h.props,className:`k-toolbar-menu-button ${h.props.className?h.props.className:""}`},`${R}-${new Date().getTime()}`));else if(h.type===mn)E.push((0,W.jsx)(mn,{...h.props,className:`k-toolbar-split-button ${h.props.className?h.props.className:""}`},`${R}-${new Date().getTime()}`));else if(h.type===A||h.props.className&&h.props.className.includes("k-button-group")){let D=[];(Array.isArray(h.props.children)?h.props.children:[h.props.children]).forEach((P,J)=>{D.push((0,W.jsx)(s,{...P.props,className:`${P.props.className?P.props.className:""}`},`${J}-${new Date().getTime()}`))}),E.push((0,W.jsx)(A,{...h.props,className:`k-toolbar-button-group ${h.props.className?h.props.className:""}`,children:D},`${R}-${new Date().getTime()}`))}else h.type===qe?E.push((0,W.jsx)(qe,{...h.props,className:`k-toolbar-combobox ${h.props.className?h.props.className:""}`},`${R}-${new Date().getTime()}`)):h.type===Te?E.push((0,W.jsx)(Te,{...h.props,className:`k-toolbar-dropdownlist ${h.props.className?h.props.className:""}`},`${R}-${new Date().getTime()}`)):h.type===ht?E.push((0,W.jsx)(ht,{...h.props,className:`k-toolbar-colorpicker ${h.props.className?h.props.className:""}`},`${R}-${new Date().getTime()}`)):E.push(h);E.forEach(D=>{N.push(D)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((R,E)=>{y(R,E)}),(0,W.jsxs)("div",{...x,className:n(e.className,to,H(to,{size:t,fillMode:o}),U(to,{focus:l}),{[`${to}-resizable`]:r,[`${to}-scrollable`]:i,[`${to}-scrollable-overlay`]:i&&u==="hidden",[`${to}-scrollable-${b}`]:b&&b!=="both",[`${to}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!i&&N,i&&u==="hidden"&&(0,W.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),i&&u==="start"&&(0,W.jsxs)(W.Fragment,{children:[(0,W.jsxs)(A,{children:[(0,W.jsx)("span",{className:n("k-toolbar-prev","k-button",H("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,W.jsx)(O,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,W.jsx)("span",{className:n("k-toolbar-next","k-button",H("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,W.jsx)(O,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,W.jsx)(Ot,{className:"k-toolbar-button-separator"}),(0,W.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&u==="end"&&(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,W.jsx)(Ot,{className:"k-toolbar-button-separator"}),(0,W.jsxs)(A,{children:[(0,W.jsx)("span",{className:n("k-toolbar-prev","k-button",H("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,W.jsx)(O,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,W.jsx)("span",{className:n("k-toolbar-next","k-button",H("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,W.jsx)(O,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),i&&(u==="around"||!u)&&(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)("span",{className:n("k-toolbar-prev","k-button",H("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,W.jsx)(O,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,W.jsx)(Ot,{className:"k-toolbar-button-separator"}),(0,W.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,W.jsx)(Ot,{className:"k-toolbar-button-separator"}),(0,W.jsx)("span",{className:n("k-toolbar-next","k-button",H("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,W.jsx)(O,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};se.states=Ph;se.options=Dh;se.className=to;se.defaultOptions=Kh;se.moduleName=eo;se.folderName=ho;se.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};var Nd=require("react/jsx-runtime"),Sd="k-floating-toolbar",Hh=[],_h={},zh={},ba=e=>{let{...t}=e;return(0,Nd.jsx)("div",{...t,className:n(e.className,Sd),children:e.children})};ba.states=Hh;ba.options=_h;ba.className=Sd;ba.defaultOptions=zh;ba.moduleName=eo;ba.folderName=ho;var Td=require("react/jsx-runtime"),bn="k-toolbar-item",Gh=[c.focus],Uh={},Fh={},ha=e=>{let{focus:t,...o}=e;return(0,Td.jsx)("div",{...o,className:n(e.className,bn,U(bn,{focus:t})),children:e.children})};ha.states=Gh;ha.options=Uh;ha.className=bn;ha.defaultOptions=Fh;ha.moduleName=eo;ha.folderName=ho;var hn=require("react/jsx-runtime"),gd="k-toolbar-popup",Wh=[],Vh={size:[p.undefined,p.small,p.medium,p.large],fillMode:[k.undefined,k.solid,k.outline,k.flat]},$h={},Ao=e=>{let{size:t,fillMode:o,section:l,...r}=e;return(0,hn.jsx)(ce,{...r,className:n(e.className,gd),children:l?(0,hn.jsx)("span",{className:n("k-toolbar-items-list",H("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Ao.states=Wh;Ao.options=Vh;Ao.className=gd;Ao.defaultOptions=$h;Ao.moduleName=eo;Ao.folderName=ho;var Al=Ao;var Xh=require("react/jsx-runtime");var Jh=require("react/jsx-runtime");var qh=require("react/jsx-runtime");var wd=require("react/jsx-runtime");var Yh=require("react/jsx-runtime");var Mt=require("react/jsx-runtime"),Qh=q.states,Md={...q.defaultOptions,variant:"text"},Zh=q.options,jh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ef=[{name:"opened",title:"Opened"}],fa=e=>{let{variant:t,modifiers:o,...l}={...Md,...e},r={},i=(0,Mt.jsxs)(Qe,{size:l.size,children:[(0,Mt.jsx)(he,{first:!0,text:"Menu Item"}),(0,Mt.jsx)(he,{text:"Menu Item"}),(0,Mt.jsx)(he,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(u=>{u==="opened"&&(r.opened=!!(o!=null&&o[u]),r.popup=o!=null&&o[u]?i:"")}),t){case"icon-only":return(0,Mt.jsx)("div",{children:(0,Mt.jsx)(q,{...l,...r,icon:"star"})});case"icon-and-text":return(0,Mt.jsx)("div",{children:(0,Mt.jsx)(q,{...l,...r,icon:"star",children:"Split Button"})});default:return(0,Mt.jsx)("div",{children:(0,Mt.jsx)(q,{...l,...r,children:"Split Button"})})}};fa.options=Zh;fa.states=Qh;fa.variants=jh;fa.defaultOptions=Md;fa.modifiers=ef;fa.className=q.className;var Ft=require("react/jsx-runtime"),Ld=e=>(0,Ft.jsx)(se,{children:[(0,Ft.jsx)(s,{children:"Button"},"toolbar-button"),(0,Ft.jsx)(re,{text:"Menu button"},"toolbar-menu-button"),(0,Ft.jsx)(q,{children:"Split button"},"toolbar-split-button"),(0,Ft.jsxs)(A,{children:[(0,Ft.jsx)(s,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ft.jsx)(s,{icon:"align-center",children:"Center"}),(0,Ft.jsx)(s,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Ed=require("react/jsx-runtime");var Ue=require("react/jsx-runtime"),Ad=e=>(0,Ue.jsx)(se,{scrollable:!0,...e,children:[(0,Ue.jsx)(s,{children:"Button"},"toolbar-button"),(0,Ue.jsx)(re,{text:"Menu button"},"toolbar-menu-button"),(0,Ue.jsx)(q,{children:"Split button"},"toolbar-split-button"),(0,Ue.jsxs)(A,{children:[(0,Ue.jsx)(s,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ue.jsx)(s,{icon:"align-center",children:"Center"}),(0,Ue.jsx)(s,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Ue.jsx)(s,{children:"Button"},"toolbar-button"),(0,Ue.jsx)(re,{text:"Menu button"},"toolbar-menu-button"),(0,Ue.jsx)(q,{children:"Split button"},"toolbar-split-button"),(0,Ue.jsxs)(A,{children:[(0,Ue.jsx)(s,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ue.jsx)(s,{icon:"align-center",children:"Center"}),(0,Ue.jsx)(s,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Fe=require("react/jsx-runtime"),Rd=({scrollingPosition:e="start",...t})=>(0,Fe.jsx)(se,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,Fe.jsx)(s,{children:"Button"},"toolbar-button"),(0,Fe.jsx)(re,{text:"Menu button"},"toolbar-menu-button"),(0,Fe.jsx)(q,{children:"Split button"},"toolbar-split-button"),(0,Fe.jsxs)(A,{children:[(0,Fe.jsx)(s,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Fe.jsx)(s,{icon:"align-center",children:"Center"}),(0,Fe.jsx)(s,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Fe.jsx)(s,{children:"Button"},"toolbar-button"),(0,Fe.jsx)(re,{text:"Menu button"},"toolbar-menu-button"),(0,Fe.jsx)(q,{children:"Split button"},"toolbar-split-button"),(0,Fe.jsxs)(A,{children:[(0,Fe.jsx)(s,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Fe.jsx)(s,{icon:"align-center",children:"Center"}),(0,Fe.jsx)(s,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var fe=require("react/jsx-runtime"),Id=({fillMode:e,size:t,...o})=>(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)(se,{section:!0,fillMode:e,size:t,children:[(0,fe.jsx)(s,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,fe.jsxs)(A,{fillMode:e,children:[(0,fe.jsx)(s,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,fe.jsx)(s,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,fe.jsx)(s,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,fe.jsx)(Ot,{className:"k-toolbar-button-separator"}),(0,fe.jsx)(s,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,fe.jsxs)(Al,{size:t,fillMode:e,section:!0,...o,children:[(0,fe.jsx)(q,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,fe.jsx)(s,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,fe.jsx)(Ot,{}),(0,fe.jsx)(re,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,fe.jsxs)(A,{fillMode:e,children:[(0,fe.jsx)(s,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,fe.jsx)(s,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,fe.jsx)(s,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var fn=require("react/jsx-runtime");var xn=require("react/jsx-runtime");var oo=require("react/jsx-runtime"),tf=se.options,of=se.states,Od={...se.defaultOptions,variant:"default"},af=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],lf=[],xa=e=>{let{variant:t,...o}={...Od,...e};switch(t){case"responsive":return(0,oo.jsx)("div",{children:(0,oo.jsx)(Id,{style:{width:"583px"},...o})});case"overlay":return(0,oo.jsx)("div",{children:(0,oo.jsx)(Rd,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,oo.jsx)("div",{children:(0,oo.jsx)(Ad,{style:{width:"583px"},...o})});default:return(0,oo.jsx)("div",{children:(0,oo.jsx)(Ld,{style:{width:"583px"},...o})})}};xa.options=tf;xa.states=of;xa.variants=af;xa.defaultOptions=Od;xa.modifiers=lf;xa.className=se.className;var nt=require("react/jsx-runtime"),Bd="k-scheduler-toolbar",ae=e=>{let{footer:t,...o}=e;return(0,nt.jsx)(se,{...o,className:n(e.className,{[t?"k-scheduler-footer":Bd]:!0}),"aria-label":o["aria-label"]||(t?"Scheduler footer":"Scheduler toolbar"),children:e.children||[(0,nt.jsxs)(A,{className:"k-scheduler-navigation",children:[(0,nt.jsx)(s,{className:"k-group-start",children:"Today"}),(0,nt.jsx)(s,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),(0,nt.jsx)(s,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]},"nav"),(0,nt.jsx)(s,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"Monday, June 13, 2022"},"current"),(0,nt.jsx)("span",{className:"k-spacer"},"spacer"),(0,nt.jsxs)(A,{className:"k-scheduler-views",children:[(0,nt.jsx)(s,{className:"k-group-start",selected:!0,children:"Day"}),(0,nt.jsx)(s,{children:"Week"}),(0,nt.jsx)(s,{children:"Month"}),(0,nt.jsx)(s,{children:"Timeline"}),(0,nt.jsx)(s,{className:"k-group-end",children:"Agenda"})]},"views")]})};ae.className=Bd;ae.moduleName=Z;ae.folderName=j;var vn=require("react/jsx-runtime");var Cn=require("react/jsx-runtime"),Pd="k-scheduler-header",Wt=e=>(0,Cn.jsx)("div",{...e,className:n(Pd,e.className),children:(0,Cn.jsx)("div",{className:"k-scheduler-header-wrap",children:e.children})});Wt.className=Pd;Wt.moduleName=Z;Wt.folderName=j;var Kd=require("react/jsx-runtime"),Dd="k-scheduler-content",Vt=e=>(0,Kd.jsx)("div",{...e,className:n(Dd,e.className),children:e.children});Vt.className=Dd;Vt.moduleName=Z;Vt.folderName=j;var _d=require("react/jsx-runtime"),Hd="k-scheduler-times",fo=e=>(0,_d.jsx)("div",{...e,className:n(Hd,e.className),children:e.children});fo.className=Hd;fo.moduleName=Z;fo.folderName=j;var Gd=require("react/jsx-runtime"),zd="k-scheduler-table",$t=e=>(0,Gd.jsx)("table",{...e,className:n(zd,e.className),children:e.children});$t.className=zd;$t.moduleName=Z;$t.folderName=j;var yn=require("react/jsx-runtime"),Ud="k-scheduler-cell",rf=[],nf={},sf={},a=e=>{let{cellType:t,allDay:o,text:l,colspan:r,rowspan:i,as:u="div",...b}=e,f=l||e.children,x=!l&&!e.children,N=u==="th"&&x&&!b.role?"presentation":void 0;return(0,yn.jsx)(u,{...b,colSpan:r,rowSpan:i,...N&&{role:N},className:n(Ud,e.className,{"k-scheduler-times-all-day":o},t==null?void 0:t.map(y=>({[`k-${y}-cell`]:!0}))),children:!o&&l?(0,yn.jsx)("span",{className:"k-link k-nav-day",children:f}):f})};a.states=rf;a.options=nf;a.defaultOptions=sf;a.className=Ud;a.moduleName=Z;a.folderName=j;var Wd=require("react/jsx-runtime"),Fd="k-sticky-cell",va=e=>(0,Wd.jsx)("div",{...e,className:n(Fd,e.className),children:e.children});va.className=Fd;va.moduleName=Z;va.folderName=j;var $d=require("react/jsx-runtime"),Vd="k-scheduler-row",w=e=>(0,$d.jsx)("div",{...e,className:n(Vd,e.className),children:e.children});w.className=Vd;w.moduleName=Z;w.folderName=j;var Jd=require("react/jsx-runtime"),Xd="k-scheduler-body",pe=e=>{let{as:t="div",...o}=e;return(0,Jd.jsx)(t,{...o,className:n(Xd,e.className),children:e.children})};pe.className=Xd;pe.moduleName=Z;pe.folderName=j;var Yd=require("react/jsx-runtime"),qd="k-scheduler-head",xe=e=>{let{as:t="div",...o}=e;return(0,Yd.jsx)(t,{...o,className:n(qd,e.className),children:e.children})};xe.className=qd;xe.moduleName=Z;xe.folderName=j;var jd=require("react/jsx-runtime"),Qd="k-scheduler-group",df=[],cf={},Zd={orientation:"horizontal"},V=e=>{let{orientation:t=Zd.orientation,...o}=e;return(0,jd.jsx)("div",{...o,className:n(Qd,e.className,{"k-group-horizontal":t==="horizontal"}),children:e.children})};V.states=df;V.options=cf;V.defaultOptions=Zd;V.className=Qd;V.moduleName=Z;V.folderName=j;var ne=require("react/jsx-runtime"),kn="k-event",pf=[c.hover,c.focus,c.selected],uf={},Rl={resizable:"vertical",eventPrefix:(0,ne.jsx)(O,{icon:"arrow-rotate-cw"}),eventSuffix:(0,ne.jsx)(ne.Fragment,{children:(0,ne.jsx)("a",{className:"k-link k-event-delete","aria-label":"Delete event",children:(0,ne.jsx)(O,{icon:"x"})})})},Me=e=>{let{inverse:t,ongoing:o,multiDay:l,resizable:r=Rl.resizable,hover:i,focus:u,selected:b,eventPrefix:f=Rl.eventPrefix,eventSuffix:x=Rl.eventSuffix,...N}=e;return(0,ne.jsxs)("div",{...N,className:n(kn,e.className,U(kn,{hover:i,focus:u,selected:b}),{"k-event-inverse":t,"k-event-ongoing":o}),role:"button","aria-label":N["aria-label"]||"Event",children:[(0,ne.jsx)("span",{className:"k-event-actions",children:f}),(0,ne.jsx)("div",{children:e.children}),(0,ne.jsx)("span",{className:"k-event-actions",children:x}),l&&(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)("span",{className:"k-event-top-actions",children:(0,ne.jsx)(O,{icon:"caret-alt-up"})}),(0,ne.jsx)("span",{className:"k-event-bottom-actions",children:(0,ne.jsx)(O,{icon:"caret-alt-down"})})]}),r==="vertical"?(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)("span",{className:"k-resize-handle k-resize-n"}),(0,ne.jsx)("span",{className:"k-resize-handle k-resize-s"})]}):r==="horizontal"&&(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)("span",{className:"k-resize-handle k-resize-w"}),(0,ne.jsx)("span",{className:"k-resize-handle k-resize-e"})]})]})};Me.states=pf;Me.options=uf;Me.defaultOptions=Rl;Me.className=kn;Me.moduleName=Z;Me.folderName=j;var xo=require("react/jsx-runtime"),ec="k-task",mf=[],bf={},tc={markStyle:{backgroundColor:"gold"}},vt=e=>{let{text:t,markStyle:o=tc.markStyle,recurring:l,closable:r,...i}=e;return(0,xo.jsxs)("div",{...i,className:n(ec,e.className),children:[(0,xo.jsx)("span",{className:"k-scheduler-mark",style:o}),l&&(0,xo.jsx)(Ul,{icon:"arrow-rotate-cw"}),(0,xo.jsx)("span",{className:"k-scheduler-task-text",children:t}),r&&(0,xo.jsx)("a",{className:"k-link k-event-delete","aria-label":"Delete event",children:(0,xo.jsx)(Ul,{icon:"x"})})]})};vt.states=mf;vt.options=bf;vt.defaultOptions=tc;vt.className=ec;vt.moduleName=Z;vt.folderName=j;var Sn=require("react/jsx-runtime");var Nn=require("react/jsx-runtime");var oc=require("react/jsx-runtime");var ac=require("react/jsx-runtime");var C=require("react/jsx-runtime"),lc=({style:e,...t})=>(0,C.jsx)(Y,{style:e,layout:"flex",view:"day",toolbar:(0,C.jsxs)(ae,{children:[(0,C.jsxs)(A,{className:"k-scheduler-navigation",children:[(0,C.jsx)(s,{className:"k-group-start",children:"Today"}),(0,C.jsx)(s,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),(0,C.jsx)(s,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),(0,C.jsx)(s,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"Monday, June 24, 2024"}),(0,C.jsx)("span",{className:"k-spacer"}),(0,C.jsxs)(A,{className:"k-scheduler-views",children:[(0,C.jsx)(s,{className:"k-group-start",selected:!0,children:"Day"}),(0,C.jsx)(s,{children:"Week"}),(0,C.jsx)(s,{children:"Month"}),(0,C.jsx)(s,{children:"Timeline"}),(0,C.jsx)(s,{className:"k-group-end",children:"Agenda"})]})]}),footer:(0,C.jsx)(ae,{footer:!0,children:(0,C.jsx)(s,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})}),children:(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)(xe,{as:"div",children:[(0,C.jsx)(V,{children:(0,C.jsxs)(w,{children:[(0,C.jsx)(a,{as:"div",cellType:["side"],style:{minWidth:"65px"}}),(0,C.jsx)(a,{as:"div",cellType:["group"],children:(0,C.jsx)(w,{children:(0,C.jsx)(a,{as:"div",cellType:["heading"],text:"Mon, 6/24"})})})]})}),(0,C.jsx)(V,{children:(0,C.jsxs)(w,{children:[(0,C.jsx)(a,{as:"div",cellType:["heading","side"],allDay:!0,style:{minWidth:"65px"},children:"all day"}),(0,C.jsx)(a,{as:"div",cellType:["group"],children:(0,C.jsx)(w,{children:(0,C.jsx)(a,{as:"div",cellType:["slot"]})})})]})})]}),(0,C.jsxs)(pe,{as:"div",children:[(0,C.jsx)(V,{children:(0,C.jsxs)(w,{children:[(0,C.jsx)(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"8:00 AM"}),(0,C.jsx)(a,{as:"div",cellType:["group"],children:(0,C.jsx)(w,{className:"k-middle-row",children:(0,C.jsx)(a,{as:"div",cellType:["slot"]})})})]})}),(0,C.jsx)(V,{children:(0,C.jsxs)(w,{children:[(0,C.jsx)(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),(0,C.jsx)(a,{as:"div",cellType:["group"],children:(0,C.jsx)(w,{children:(0,C.jsx)(a,{as:"div",cellType:["slot"]})})})]})}),(0,C.jsx)(V,{children:(0,C.jsxs)(w,{children:[(0,C.jsx)(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"9:00 AM"}),(0,C.jsx)(a,{as:"div",cellType:["group"],children:(0,C.jsx)(w,{className:"k-middle-row",children:(0,C.jsx)(a,{as:"div",cellType:["slot"]})})})]})}),(0,C.jsx)(V,{children:(0,C.jsxs)(w,{children:[(0,C.jsx)(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),(0,C.jsx)(a,{as:"div",cellType:["group"],children:(0,C.jsx)(w,{children:(0,C.jsx)(a,{as:"div",cellType:["slot"]})})})]})}),(0,C.jsx)(V,{children:(0,C.jsxs)(w,{children:[(0,C.jsx)(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"10:00 AM"}),(0,C.jsx)(a,{as:"div",cellType:["group"],children:(0,C.jsx)(w,{className:"k-middle-row",children:(0,C.jsx)(a,{as:"div",cellType:["slot"]})})})]})}),(0,C.jsx)(V,{children:(0,C.jsxs)(w,{children:[(0,C.jsx)(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),(0,C.jsx)(a,{as:"div",cellType:["group"],children:(0,C.jsx)(w,{children:(0,C.jsx)(a,{as:"div",cellType:["slot"]})})})]})}),(0,C.jsx)(V,{children:(0,C.jsxs)(w,{children:[(0,C.jsx)(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"11:00 AM"}),(0,C.jsx)(a,{as:"div",cellType:["group"],children:(0,C.jsx)(w,{className:"k-middle-row",children:(0,C.jsx)(a,{as:"div",cellType:["slot"]})})})]})}),(0,C.jsx)(V,{children:(0,C.jsxs)(w,{children:[(0,C.jsx)(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),(0,C.jsx)(a,{as:"div",cellType:["group"],children:(0,C.jsx)(w,{children:(0,C.jsx)(a,{as:"div",cellType:["slot"]})})})]})}),(0,C.jsxs)(Me,{ongoing:!0,style:{top:"0px",left:"80px",height:"72px",width:"200px"},children:[(0,C.jsx)("div",{className:"k-event-template k-event-time",children:"8:00 AM - 9:00 AM"}),(0,C.jsx)("div",{className:"k-event-template",children:"Event Title"})]})]})]}),...t});var m=require("react/jsx-runtime"),rc=({style:e,...t})=>(0,m.jsx)(Y,{style:e,layout:"flex",view:"week",toolbar:(0,m.jsxs)(ae,{children:[(0,m.jsxs)(A,{className:"k-scheduler-navigation",children:[(0,m.jsx)(s,{className:"k-group-start",children:"Today"}),(0,m.jsx)(s,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),(0,m.jsx)(s,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),(0,m.jsx)(s,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"6/23/2022 - 6/29/2022"}),(0,m.jsx)("span",{className:"k-spacer"}),(0,m.jsxs)(A,{className:"k-scheduler-views",children:[(0,m.jsx)(s,{className:"k-group-start",children:"Day"}),(0,m.jsx)(s,{selected:!0,children:"Week"}),(0,m.jsx)(s,{children:"Month"}),(0,m.jsx)(s,{children:"Timeline"}),(0,m.jsx)(s,{className:"k-group-end",children:"Agenda"})]})]}),footer:(0,m.jsx)(ae,{footer:!0,children:(0,m.jsx)(s,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})}),children:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(xe,{as:"div",children:[(0,m.jsx)(V,{children:(0,m.jsxs)(w,{children:[(0,m.jsx)(a,{as:"div",cellType:["side"],style:{minWidth:"65px"}}),(0,m.jsx)(a,{as:"div",cellType:["group"],children:(0,m.jsxs)(w,{children:[(0,m.jsx)(a,{as:"div",cellType:["heading"],text:"Sun, 6/23"}),(0,m.jsx)(a,{as:"div",cellType:["heading"],text:"Sun, 6/24"}),(0,m.jsx)(a,{as:"div",cellType:["heading"],text:"Sun, 6/25"}),(0,m.jsx)(a,{as:"div",cellType:["heading"],text:"Sun, 6/26"}),(0,m.jsx)(a,{as:"div",cellType:["heading"],text:"Sun, 6/27"}),(0,m.jsx)(a,{as:"div",cellType:["heading"],text:"Sun, 6/28"}),(0,m.jsx)(a,{as:"div",cellType:["heading"],text:"Sun, 6/29"})]})})]})}),(0,m.jsx)(V,{children:(0,m.jsxs)(w,{children:[(0,m.jsx)(a,{as:"div",cellType:["heading","side"],allDay:!0,style:{minWidth:"65px"},children:"all day"}),(0,m.jsx)(a,{as:"div",cellType:["group"],children:(0,m.jsxs)(w,{children:[(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]})]})})]})})]}),(0,m.jsxs)(pe,{as:"div",children:[(0,m.jsx)(V,{children:(0,m.jsxs)(w,{children:[(0,m.jsx)(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"8:00 AM"}),(0,m.jsx)(a,{as:"div",cellType:["group"],children:(0,m.jsxs)(w,{className:"k-middle-row",children:[(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]})]})})]})}),(0,m.jsx)(V,{children:(0,m.jsxs)(w,{children:[(0,m.jsx)(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),(0,m.jsx)(a,{as:"div",cellType:["group"],children:(0,m.jsxs)(w,{children:[(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]})]})})]})}),(0,m.jsx)(V,{children:(0,m.jsxs)(w,{children:[(0,m.jsx)(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"9:00 AM"}),(0,m.jsx)(a,{as:"div",cellType:["group"],children:(0,m.jsxs)(w,{className:"k-middle-row",children:[(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]})]})})]})}),(0,m.jsx)(V,{children:(0,m.jsxs)(w,{children:[(0,m.jsx)(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),(0,m.jsx)(a,{as:"div",cellType:["group"],children:(0,m.jsxs)(w,{children:[(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]})]})})]})}),(0,m.jsx)(V,{children:(0,m.jsxs)(w,{children:[(0,m.jsx)(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"10:00 AM"}),(0,m.jsx)(a,{as:"div",cellType:["group"],children:(0,m.jsxs)(w,{className:"k-middle-row",children:[(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]})]})})]})}),(0,m.jsx)(V,{children:(0,m.jsxs)(w,{children:[(0,m.jsx)(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),(0,m.jsx)(a,{as:"div",cellType:["group"],children:(0,m.jsxs)(w,{children:[(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]})]})})]})}),(0,m.jsx)(V,{children:(0,m.jsxs)(w,{children:[(0,m.jsx)(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"11:00 AM"}),(0,m.jsx)(a,{as:"div",cellType:["group"],children:(0,m.jsxs)(w,{className:"k-middle-row",children:[(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]})]})})]})}),(0,m.jsx)(V,{children:(0,m.jsxs)(w,{children:[(0,m.jsx)(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),(0,m.jsx)(a,{as:"div",cellType:["group"],children:(0,m.jsxs)(w,{children:[(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]}),(0,m.jsx)(a,{as:"div",cellType:["slot"]})]})})]})})]})]}),...t});var sc=require("react/jsx-runtime"),nc="k-calendar-view",Tn={orientation:"horizontal",calendarView:"month"},Il=e=>{let{orientation:t=Tn.orientation,calendarView:o=Tn.calendarView,gridRole:l,ariaLabelledBy:r,...i}=e;return(0,sc.jsx)("div",{...i,className:n(e.className,nc,`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":r,tabIndex:0}:{},children:e.children})};Il.className=nc;Il.defaultOptions=Tn;var ao=require("react/jsx-runtime"),ic="k-calendar-header",hf={size:[p.undefined,p.small,p.medium,p.large]},qa={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},Ro=e=>{let{calendarTitleText:t=qa.calendarTitleText,showToday:o=qa.showToday,showNavigationButtons:l=qa.showNavigationButtons,orientation:r=qa.orientation,size:i,calendarView:u,dir:b,titleId:f,...x}=e,N=b==="rtl"?"chevron-right":"chevron-left",y=b==="rtl"?"chevron-left":"chevron-right",h=f||X("calendar-title");return(0,ao.jsxs)("div",{...x,className:n(e.className,ic,{"k-vstack":r==="vertical"}),children:[(0,ao.jsx)(s,{disabled:u==="century",className:"k-calendar-title",text:t,size:i,fillMode:"flat",themeColor:"primary",id:h,tabIndex:-1,"aria-label":`Navigate to parent view: ${t}`,...u==="century"?{"aria-disabled":"true"}:{}}),(0,ao.jsx)("span",{className:"k-spacer"}),(0,ao.jsxs)("span",{className:"k-calendar-nav",children:[l&&(0,ao.jsx)(s,{className:"k-calendar-nav-prev",icon:N,size:i,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),o&&(0,ao.jsx)(s,{size:i,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),l&&(0,ao.jsx)(s,{className:"k-calendar-nav-next",icon:y,size:i,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};Ro.options=hf;Ro.className=ic;Ro.defaultOptions=qa;var gn=require("react/jsx-runtime"),dc="k-calendar-footer",ff={size:[p.undefined,p.small,p.medium,p.large]},cc={calendarFooterText:"Tuesday, October 12, 2021"},Ya=e=>{let{size:t,calendarFooterText:o=cc.calendarFooterText,...l}=e;return(0,gn.jsx)("div",{...l,className:n(e.className,dc),children:(0,gn.jsx)(s,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:o})})};Ya.options=ff;Ya.className=dc;Ya.defaultOptions=cc;var We="calendar",je=We;var Ca=require("react/jsx-runtime"),wn="k-calendar",xf=[],vf={size:[p.undefined,p.small,p.medium,p.large]},Qa={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},ue=e=>{let{size:t,orientation:o=Qa.orientation,calendarView:l=Qa.calendarView,calendarTitleText:r=Qa.calendarTitleText,showCalendarHeader:i=Qa.showCalendarHeader,showWeek:u,showCalendarFooter:b,calendarFooterText:f,dir:x,...N}=e,y=X("calendar-title");return(0,Ca.jsxs)("div",{...N,dir:x,className:n(e.className,wn,H(wn,{size:t}),{"k-week-number":u}),children:[i&&(0,Ca.jsx)(Ro,{calendarView:l,showToday:!b,calendarTitleText:r,orientation:o,size:t,dir:x,titleId:y}),(0,Ca.jsx)(Il,{calendarView:l,orientation:o,gridRole:!0,ariaLabelledBy:y,children:e.children}),b&&(0,Ca.jsx)(Ya,{calendarFooterText:f,size:t})]})};ue.states=xf;ue.options=vf;ue.className=wn;ue.defaultOptions=Qa;ue.moduleName=We;ue.folderName=je;ue.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."}]};var uc=require("react/jsx-runtime"),pc="k-calendar-container",Cf=[],yf={},kf={},ya=e=>{let{...t}=e;return(0,uc.jsx)("div",{...t,className:n(e.className,pc),children:e.children})};ya.states=Cf;ya.options=yf;ya.className=pc;ya.defaultOptions=kf;ya.moduleName=We;ya.folderName=je;var Bt=require("react/jsx-runtime"),Sf=[c.hover,c.focus,c.active,c.selected,c.disabled],d=e=>{let{text:t,headerCell:o,today:l,weekend:r,showOtherMonth:i,weekCell:u,rangeStart:b,rangeMid:f,rangeEnd:x,dayIndicator:N,empty:y,hover:h,focus:R,active:E,selected:D,disabled:G,...P}=e,de=`k-calendar-${o?"th":"td"}`,ke=[e.className,de,U(de,{hover:h,focus:R,active:E,selected:D,disabled:G}),{"k-today":l,"k-weekend":r,"k-other-month":i,"k-alt":u,"k-range-start":b,"k-range-mid":f,"k-range-end":x,"k-empty":y}],De={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(o){let Re=t?De[t]||t:void 0;return(0,Bt.jsx)("th",{...P,className:n(ke),role:"columnheader",scope:"col","aria-label":Re,children:u?(0,Bt.jsx)("span",{className:"k-sr-only",children:Re}):t})}return u?(0,Bt.jsx)("td",{...P,className:n(ke),children:t}):(0,Bt.jsx)("td",{...P,className:n(ke),role:"gridcell",...D?{"aria-selected":"true"}:{},...G?{"aria-disabled":"true"}:{},children:y&&!i?(0,Bt.jsx)(Bt.Fragment,{children:"\xA0"}):(0,Bt.jsxs)("span",{className:"k-link",children:[t,N&&(0,Bt.jsx)("span",{className:"k-day-indicator"})]})})};d.states=Sf;var ka=require("react/jsx-runtime"),mc="k-calendar-thead",bc={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},Sa=e=>{let{showWeek:t,cellsText:o=bc.cellsText,...l}=e;return(0,ka.jsx)("thead",{...l,className:n(e.className,mc),role:"rowgroup",children:(0,ka.jsxs)("tr",{className:"k-calendar-tr",role:"row",children:[t&&(0,ka.jsx)(d,{weekCell:!0,headerCell:!0,text:"W"}),o.map((r,i)=>(0,ka.jsx)(d,{text:r,headerCell:!0},i))]})})};Sa.className=mc;Sa.defaultOptions=bc;var fc=require("react/jsx-runtime"),hc="k-calendar-tbody",Pe=e=>{let{...t}=e;return(0,fc.jsx)("tbody",{...t,className:n(e.className,hc),role:"rowgroup",children:e.children})};Pe.className=hc;Pe.moduleName=We;Pe.folderName=je;var Na=require("react/jsx-runtime"),Nf="k-calendar-table",Pt=e=>{let{calendarCaption:t,showTableHead:o,showWeek:l,ariaLabelledBy:r,ariaActiveDescendant:i,gridRole:u,...b}=e;return(0,Na.jsxs)("table",{...b,className:n(e.className,Nf),...u?{role:"grid","aria-labelledby":r,"aria-activedescendant":i,tabIndex:0}:{role:"none"},children:[t&&(0,Na.jsx)("caption",{className:"k-calendar-caption",children:t}),o&&(0,Na.jsx)(Sa,{showWeek:l}),(0,Na.jsx)(Pe,{children:e.children})]})};var Io=require("react/jsx-runtime"),xc="k-calendar-navigation",Za=e=>(0,Io.jsxs)("div",{...e,className:n(e.className,xc),children:[(0,Io.jsx)("span",{className:"k-calendar-navigation-highlight"}),(0,Io.jsxs)("div",{className:"k-content k-scrollable",children:[(0,Io.jsx)("ul",{className:"k-reset",children:e.children}),(0,Io.jsx)("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]});Za.className=xc;Za.moduleName=We;Za.folderName=je;var vc=require("react/jsx-runtime"),Tf="k-calendar-table",Mn=e=>{let{tableRole:t="none",ariaLabelledBy:o,...l}=e;return(0,vc.jsx)("table",{...l,className:n(e.className,Tf),role:t,...o?{"aria-labelledby":o}:{},...t==="grid"?{tabIndex:0}:{},children:e.children})};var Ve=require("react/jsx-runtime"),Cc="k-calendar-view",Ta={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},ga=e=>{let{orientation:t=Ta.orientation,calendarView:o=Ta.calendarView,headerText:l=Ta.headerText,showWeekdays:r=Ta.showWeekdays,showNavigationButtons:i=Ta.showNavigationButtons,showWeekNumbers:u,weekdayCellsText:b,gridLabelledBy:f,...x}=e;return(0,Ve.jsxs)("div",{...x,className:n(Cc,`k-calendar-${o}view`,e.className,{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),children:[(0,Ve.jsx)(Ro,{showNavigationButtons:i,calendarTitleText:l,orientation:"horizontal"}),r&&(0,Ve.jsxs)(Mn,{className:"k-calendar-weekdays",tableRole:"table",children:[(0,Ve.jsxs)("colgroup",{children:[(0,Ve.jsx)("col",{}),(0,Ve.jsx)("col",{}),(0,Ve.jsx)("col",{}),(0,Ve.jsx)("col",{}),(0,Ve.jsx)("col",{}),(0,Ve.jsx)("col",{}),(0,Ve.jsx)("col",{})]}),(0,Ve.jsx)(Sa,{cellsText:b,showWeek:u})]}),(0,Ve.jsxs)("div",{className:"k-content k-scrollable",role:"none",children:[(0,Ve.jsx)(Mn,{tableRole:"grid",ariaLabelledBy:f,children:e.children}),(0,Ve.jsx)("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};ga.className=Cc;ga.defaultOptions=Ta;ga.moduleName=We;ga.folderName=je;var Oo=require("react/jsx-runtime"),yc="k-calendar-infinite",gf={size:[p.undefined,p.small,p.medium,p.large]},wf=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],Mf={2021:"marker",2022:"marker"},Lf=(e,t)=>e.map((o,l)=>(0,Oo.jsx)("li",{children:(0,Oo.jsx)("span",{className:t[o]==="marker"?"k-calendar-navigation-marker":void 0,children:o})},l)),ja={showNavigation:!0,calendarView:"month",navigationItems:wf,navigationMarkerConfig:Mf},ye=e=>{let{size:t,showNavigation:o=ja.showNavigation,calendarView:l=ja.calendarView,navigationItems:r=ja.navigationItems,navigationMarkerConfig:i=ja.navigationMarkerConfig,calendarTitleText:u,showWeekdays:b,showWeekNumbers:f,showNavigationButtons:x,calendarWeekdays:N,...y}=e,h=X("calendar-infinite-title");return(0,Oo.jsxs)("div",{...y,className:n(e.className,"k-calendar",yc,H("k-calendar",{size:t})),children:[o&&(0,Oo.jsx)(Za,{children:Lf(r,i)}),(0,Oo.jsx)(ga,{calendarView:l,headerText:u,showWeekdays:b,showWeekNumbers:f,showNavigationButtons:x,orientation:"vertical",weekdayCellsText:N,gridLabelledBy:h,children:e.children})]})};ye.options=gf;ye.className=yc;ye.defaultOptions=ja;ye.moduleName=We;ye.folderName=je;ye.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."}]};var Sc=require("react/jsx-runtime"),kc="k-calendar-tr",B=e=>{let{...t}=e;return(0,Sc.jsx)("tr",{...t,className:n(e.className,kc),role:"row",children:e.children})};B.className=kc;B.moduleName=We;B.folderName=je;var Tc=require("react/jsx-runtime"),Nc="k-calendar-caption",et=e=>{let{text:t,scope:o,colSpan:l,rowSpan:r,...i}=e;return(0,Tc.jsx)("th",{...i,scope:o,colSpan:l,rowSpan:r,className:n(e.className,Nc),children:t})};et.className=Nc;et.moduleName=We;et.folderName=je;var Le=require("react/jsx-runtime"),gc=({showOtherCentury:e,...t})=>(0,Le.jsx)(ue,{calendarView:"century",calendarTitleText:"2000 - 2099",children:(0,Le.jsxs)(Pt,{children:[(0,Le.jsxs)(B,{children:[(0,Le.jsx)(d,{text:"1990 - 1999"}),(0,Le.jsx)(d,{text:"2000 - 2009"}),(0,Le.jsx)(d,{text:"2010 - 2019",today:!0}),(0,Le.jsx)(d,{text:"2020 - 2029"})]}),(0,Le.jsxs)(B,{children:[(0,Le.jsx)(d,{text:"2030 - 2039"}),(0,Le.jsx)(d,{text:"2040 - 2049"}),(0,Le.jsx)(d,{text:"2050 - 2059"}),(0,Le.jsx)(d,{text:"2060 - 2069"})]}),(0,Le.jsxs)(B,{children:[(0,Le.jsx)(d,{text:"2070 - 2079"}),(0,Le.jsx)(d,{text:"2080 - 2089"}),(0,Le.jsx)(d,{text:"2090 - 2099"}),(0,Le.jsx)(d,{text:"2100 - 2109",empty:!e})]})]}),...t});var Ee=require("react/jsx-runtime"),wc=({showOtherDecade:e,...t})=>(0,Ee.jsx)(ue,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:(0,Ee.jsxs)(Pt,{children:[(0,Ee.jsxs)(B,{children:[(0,Ee.jsx)(d,{text:"2019",empty:!e}),(0,Ee.jsx)(d,{text:"2020"}),(0,Ee.jsx)(d,{text:"2021",today:!0}),(0,Ee.jsx)(d,{text:"2022"})]}),(0,Ee.jsxs)(B,{children:[(0,Ee.jsx)(d,{text:"2023"}),(0,Ee.jsx)(d,{text:"2024"}),(0,Ee.jsx)(d,{text:"2025"}),(0,Ee.jsx)(d,{text:"2026"})]}),(0,Ee.jsxs)(B,{children:[(0,Ee.jsx)(d,{text:"2027"}),(0,Ee.jsx)(d,{text:"2028"}),(0,Ee.jsx)(d,{text:"2029"}),(0,Ee.jsx)(d,{text:"2030",empty:!e})]})]}),...t});var K=require("react/jsx-runtime"),Mc=({showCaptions:e,showOtherMonth:t,...o})=>(0,K.jsx)(ue,{calendarView:"month",children:(0,K.jsxs)(Pt,{calendarCaption:e&&"October 2021",showTableHead:!0,children:[(0,K.jsxs)(B,{children:[(0,K.jsx)(d,{text:"26",showOtherMonth:t,empty:!t,weekend:t}),(0,K.jsx)(d,{text:"27",showOtherMonth:t,empty:!t}),(0,K.jsx)(d,{text:"28",showOtherMonth:t,empty:!t}),(0,K.jsx)(d,{text:"29",showOtherMonth:t,empty:!t}),(0,K.jsx)(d,{text:"30",showOtherMonth:t,empty:!t}),(0,K.jsx)(d,{text:"1"}),(0,K.jsx)(d,{text:"2",weekend:!0})]}),(0,K.jsxs)(B,{children:[(0,K.jsx)(d,{text:"3",weekend:!0}),(0,K.jsx)(d,{text:"4"}),(0,K.jsx)(d,{text:"5"}),(0,K.jsx)(d,{text:"6"}),(0,K.jsx)(d,{text:"7"}),(0,K.jsx)(d,{text:"8"}),(0,K.jsx)(d,{text:"9",weekend:!0})]}),(0,K.jsxs)(B,{children:[(0,K.jsx)(d,{text:"10",weekend:!0}),(0,K.jsx)(d,{text:"11"}),(0,K.jsx)(d,{text:"12",today:!0}),(0,K.jsx)(d,{text:"13"}),(0,K.jsx)(d,{text:"14"}),(0,K.jsx)(d,{text:"15"}),(0,K.jsx)(d,{text:"16",weekend:!0})]}),(0,K.jsxs)(B,{children:[(0,K.jsx)(d,{text:"17",weekend:!0}),(0,K.jsx)(d,{text:"18"}),(0,K.jsx)(d,{text:"19"}),(0,K.jsx)(d,{text:"20"}),(0,K.jsx)(d,{text:"21"}),(0,K.jsx)(d,{text:"22"}),(0,K.jsx)(d,{text:"23",weekend:!0})]}),(0,K.jsxs)(B,{children:[(0,K.jsx)(d,{text:"24",weekend:!0}),(0,K.jsx)(d,{text:"25"}),(0,K.jsx)(d,{text:"26"}),(0,K.jsx)(d,{text:"27"}),(0,K.jsx)(d,{text:"28"}),(0,K.jsx)(d,{text:"29"}),(0,K.jsx)(d,{text:"30",weekend:!0})]}),(0,K.jsxs)(B,{children:[(0,K.jsx)(d,{text:"31",weekend:!0}),(0,K.jsx)(d,{text:"1",showOtherMonth:t,empty:!t}),(0,K.jsx)(d,{text:"2",showOtherMonth:t,empty:!t}),(0,K.jsx)(d,{text:"3",showOtherMonth:t,empty:!t}),(0,K.jsx)(d,{text:"4",showOtherMonth:t,empty:!t}),(0,K.jsx)(d,{text:"5",showOtherMonth:t,empty:!t}),(0,K.jsx)(d,{text:"6",showOtherMonth:t,empty:!t,weekend:t})]})]}),...o});var Lc=require("react/jsx-runtime");var Ae=require("react/jsx-runtime"),Ec=e=>(0,Ae.jsx)(ue,{calendarView:"year",calendarTitleText:"2019",children:(0,Ae.jsxs)(Pt,{children:[(0,Ae.jsxs)(B,{children:[(0,Ae.jsx)(d,{text:"Jan"}),(0,Ae.jsx)(d,{text:"Feb"}),(0,Ae.jsx)(d,{text:"Mar"}),(0,Ae.jsx)(d,{text:"Apr"})]}),(0,Ae.jsxs)(B,{children:[(0,Ae.jsx)(d,{text:"May"}),(0,Ae.jsx)(d,{text:"Jun"}),(0,Ae.jsx)(d,{text:"Jul"}),(0,Ae.jsx)(d,{text:"Au"})]}),(0,Ae.jsxs)(B,{children:[(0,Ae.jsx)(d,{text:"Sep"}),(0,Ae.jsx)(d,{text:"Oct",today:!0}),(0,Ae.jsx)(d,{text:"Nov"}),(0,Ae.jsx)(d,{text:"Dec"})]})]}),...e});var L=require("react/jsx-runtime"),Ac=({firstCaption:e="January 2021",secondCaption:t="February 2021",...o})=>(0,L.jsx)(ye,{calendarTitleText:"January 2021",children:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)("colgroup",{children:[(0,L.jsx)("col",{}),(0,L.jsx)("col",{}),(0,L.jsx)("col",{}),(0,L.jsx)("col",{}),(0,L.jsx)("col",{}),(0,L.jsx)("col",{}),(0,L.jsx)("col",{})]}),(0,L.jsxs)(Pe,{children:[(0,L.jsx)(B,{"aria-hidden":"true",children:(0,L.jsx)(et,{scope:"col",colSpan:7,text:e})}),(0,L.jsxs)(B,{children:[(0,L.jsx)(d,{empty:!0}),(0,L.jsx)(d,{empty:!0}),(0,L.jsx)(d,{empty:!0}),(0,L.jsx)(d,{empty:!0}),(0,L.jsx)(d,{empty:!0}),(0,L.jsx)(d,{text:"1"}),(0,L.jsx)(d,{text:"2",weekend:!0})]}),(0,L.jsxs)(B,{children:[(0,L.jsx)(d,{text:"3",weekend:!0}),(0,L.jsx)(d,{text:"4"}),(0,L.jsx)(d,{text:"5"}),(0,L.jsx)(d,{text:"6"}),(0,L.jsx)(d,{text:"7"}),(0,L.jsx)(d,{text:"8"}),(0,L.jsx)(d,{text:"9",weekend:!0})]}),(0,L.jsxs)(B,{children:[(0,L.jsx)(d,{text:"10",weekend:!0}),(0,L.jsx)(d,{text:"11"}),(0,L.jsx)(d,{text:"12"}),(0,L.jsx)(d,{text:"13"}),(0,L.jsx)(d,{text:"14"}),(0,L.jsx)(d,{text:"15"}),(0,L.jsx)(d,{text:"16",weekend:!0})]}),(0,L.jsxs)(B,{children:[(0,L.jsx)(d,{text:"17",weekend:!0}),(0,L.jsx)(d,{text:"18"}),(0,L.jsx)(d,{text:"19"}),(0,L.jsx)(d,{text:"20"}),(0,L.jsx)(d,{text:"21"}),(0,L.jsx)(d,{text:"22"}),(0,L.jsx)(d,{text:"23",weekend:!0})]}),(0,L.jsxs)(B,{children:[(0,L.jsx)(d,{text:"24",weekend:!0}),(0,L.jsx)(d,{text:"25"}),(0,L.jsx)(d,{text:"26"}),(0,L.jsx)(d,{text:"27"}),(0,L.jsx)(d,{text:"28"}),(0,L.jsx)(d,{text:"29"}),(0,L.jsx)(d,{text:"30",weekend:!0})]}),(0,L.jsxs)(B,{children:[(0,L.jsx)(d,{text:"31",weekend:!0}),(0,L.jsx)(d,{empty:!0}),(0,L.jsx)(d,{empty:!0}),(0,L.jsx)(d,{empty:!0}),(0,L.jsx)(d,{empty:!0}),(0,L.jsx)(d,{empty:!0}),(0,L.jsx)(d,{empty:!0})]})]}),(0,L.jsx)(Pe,{children:(0,L.jsx)(B,{"aria-hidden":"true",children:(0,L.jsx)(et,{scope:"col",colSpan:7,text:t})})})]}),...o});var _=require("react/jsx-runtime"),Rc=({firstCaption:e="2021",secondCaption:t="2022",...o})=>(0,_.jsx)(ye,{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:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)("colgroup",{children:[(0,_.jsx)("col",{}),(0,_.jsx)("col",{}),(0,_.jsx)("col",{}),(0,_.jsx)("col",{})]}),(0,_.jsxs)(Pe,{children:[(0,_.jsx)(B,{"aria-hidden":"true",children:(0,_.jsx)(et,{scope:"col",colSpan:4,text:e})}),(0,_.jsxs)(B,{children:[(0,_.jsx)(d,{text:"Jan",today:!0}),(0,_.jsx)(d,{text:"Feb"}),(0,_.jsx)(d,{text:"Mar"}),(0,_.jsx)(d,{text:"Apr"})]}),(0,_.jsxs)(B,{children:[(0,_.jsx)(d,{text:"May"}),(0,_.jsx)(d,{text:"Jun"}),(0,_.jsx)(d,{text:"Jul"}),(0,_.jsx)(d,{text:"Aug"})]}),(0,_.jsxs)(B,{children:[(0,_.jsx)(d,{text:"Sep"}),(0,_.jsx)(d,{text:"Oct"}),(0,_.jsx)(d,{text:"Nov"}),(0,_.jsx)(d,{text:"Dec"})]})]}),(0,_.jsxs)(Pe,{children:[(0,_.jsx)(B,{"aria-hidden":"true",children:(0,_.jsx)(et,{scope:"col",colSpan:4,text:t})}),(0,_.jsxs)(B,{children:[(0,_.jsx)(d,{text:"Jan"}),(0,_.jsx)(d,{text:"Feb"}),(0,_.jsx)(d,{text:"Mar"}),(0,_.jsx)(d,{text:"Apr"})]}),(0,_.jsxs)(B,{children:[(0,_.jsx)(d,{text:"May"}),(0,_.jsx)(d,{text:"Jun"}),(0,_.jsx)(d,{text:"Jul"}),(0,_.jsx)(d,{text:"Aug"})]}),(0,_.jsxs)(B,{children:[(0,_.jsx)(d,{text:"Sep"}),(0,_.jsx)(d,{text:"Oct"}),(0,_.jsx)(d,{text:"Nov"}),(0,_.jsx)(d,{text:"Dec"})]})]})]}),...o});var z=require("react/jsx-runtime"),Ic=({firstCaption:e="2020 - 2029",secondCaption:t="2030 - 2039",...o})=>(0,z.jsx)(ye,{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:(0,z.jsxs)(z.Fragment,{children:[(0,z.jsxs)("colgroup",{children:[(0,z.jsx)("col",{}),(0,z.jsx)("col",{}),(0,z.jsx)("col",{}),(0,z.jsx)("col",{})]}),(0,z.jsxs)(Pe,{children:[(0,z.jsx)(B,{"aria-hidden":"true",children:(0,z.jsx)(et,{scope:"col",colSpan:4,text:e})}),(0,z.jsxs)(B,{children:[(0,z.jsx)(d,{text:"2020",today:!0}),(0,z.jsx)(d,{text:"2021"}),(0,z.jsx)(d,{text:"2022"}),(0,z.jsx)(d,{text:"2023"})]}),(0,z.jsxs)(B,{children:[(0,z.jsx)(d,{text:"2024"}),(0,z.jsx)(d,{text:"2025"}),(0,z.jsx)(d,{text:"2026"}),(0,z.jsx)(d,{text:"2027"})]}),(0,z.jsxs)(B,{children:[(0,z.jsx)(d,{text:"2028"}),(0,z.jsx)(d,{text:"2029"}),(0,z.jsx)(d,{empty:!0}),(0,z.jsx)(d,{empty:!0})]})]}),(0,z.jsxs)(Pe,{children:[(0,z.jsx)(B,{"aria-hidden":"true",children:(0,z.jsx)(et,{scope:"col",colSpan:4,text:t})}),(0,z.jsxs)(B,{children:[(0,z.jsx)(d,{text:"2030"}),(0,z.jsx)(d,{text:"2031"}),(0,z.jsx)(d,{text:"2032"}),(0,z.jsx)(d,{text:"2033"})]}),(0,z.jsxs)(B,{children:[(0,z.jsx)(d,{text:"2034"}),(0,z.jsx)(d,{text:"2035"}),(0,z.jsx)(d,{text:"2036"}),(0,z.jsx)(d,{text:"2037"})]}),(0,z.jsxs)(B,{children:[(0,z.jsx)(d,{text:"2038"}),(0,z.jsx)(d,{text:"2039"}),(0,z.jsx)(d,{empty:!0}),(0,z.jsx)(d,{empty:!0})]})]})]}),...o});var te=require("react/jsx-runtime"),Oc=({firstCaption:e="2000 - 2099",...t})=>(0,te.jsx)(ye,{calendarView:"century",showWeekdays:!1,calendarTitleText:"2000 - 2099",navigationItems:["1900","2000"],navigationMarkerConfig:{2e3:"marker"},children:(0,te.jsxs)(te.Fragment,{children:[(0,te.jsxs)("colgroup",{children:[(0,te.jsx)("col",{}),(0,te.jsx)("col",{}),(0,te.jsx)("col",{}),(0,te.jsx)("col",{})]}),(0,te.jsxs)(Pe,{children:[(0,te.jsx)(B,{"aria-hidden":"true",children:(0,te.jsx)(et,{scope:"col",colSpan:4,text:e})}),(0,te.jsxs)(B,{children:[(0,te.jsx)(d,{text:"1900 - 1999"}),(0,te.jsx)(d,{text:"2000 - 2009"}),(0,te.jsx)(d,{text:"2010 - 2019"}),(0,te.jsx)(d,{text:"2020 - 2029"})]}),(0,te.jsxs)(B,{children:[(0,te.jsx)(d,{text:"2030 - 2039"}),(0,te.jsx)(d,{text:"2040 - 2049"}),(0,te.jsx)(d,{text:"2050 - 2059"}),(0,te.jsx)(d,{text:"2060 - 2069"})]}),(0,te.jsxs)(B,{children:[(0,te.jsx)(d,{text:"2070 - 2079"}),(0,te.jsx)(d,{text:"2080 - 2089"}),(0,te.jsx)(d,{text:"2090 - 2099"}),(0,te.jsx)(d,{empty:!0})]})]})]}),...t});var Ln=require("react/jsx-runtime");var Bc=require("react/jsx-runtime");var En=require("react/jsx-runtime");var el=require("react/jsx-runtime"),Ef=ue.options,Af=ue.states,Pc={...ue.defaultOptions,variant:"month"},Rf=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],If=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],wa=e=>{let{variant:t,modifiers:o,...l}={...Pc,...e},r={showCalendarFooter:!1};Object.keys(o||{}).forEach(x=>{switch(x){case"other":r.showOtherMonth=!!(o!=null&&o[x]),r.showOtherCentury=!!(o!=null&&o[x]),r.showOtherDecade=!!(o!=null&&o[x]);break;case"footer":r.showCalendarFooter=!!(o!=null&&o[x]);break;default:return}});let{showOtherMonth:i,showOtherDecade:u,showOtherCentury:b,showCalendarFooter:f}=r;switch(t){case"century":return(0,el.jsx)(gc,{size:l.size,showOtherCentury:b,showCalendarFooter:f});case"decade":return(0,el.jsx)(wc,{size:l.size,showOtherDecade:u,showCalendarFooter:f});case"year":return(0,el.jsx)(Ec,{calendarTitleText:"2021",size:l.size,showCalendarFooter:f});default:return(0,el.jsx)(Mc,{size:l.size,showOtherMonth:i,showCalendarFooter:f})}};wa.options=Ef;wa.states=Af;wa.variants=Rf;wa.defaultOptions=Pc;wa.modifiers=If;wa.className=ue.className;var tl=require("react/jsx-runtime"),Of=ye.options,Bf=ye.states,Dc={...ye.defaultOptions,variant:"month"},Pf=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Df=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],Ma=e=>{let{variant:t,modifiers:o,...l}={...Dc,...e},r={showCalendarFooter:!1};Object.keys(o||{}).forEach(x=>{switch(x){case"other":r.showOtherMonth=!!(o!=null&&o[x]),r.showOtherCentury=!!(o!=null&&o[x]),r.showOtherDecade=!!(o!=null&&o[x]);break;case"footer":r.showCalendarFooter=!!(o!=null&&o[x]);break;default:return}});let{showOtherMonth:i,showOtherDecade:u,showOtherCentury:b,showCalendarFooter:f}=r;switch(t){case"century":return(0,tl.jsx)(Oc,{size:l.size,showOtherCentury:b,showCalendarFooter:f});case"decade":return(0,tl.jsx)(Ic,{size:l.size,showOtherDecade:u,showCalendarFooter:f});case"year":return(0,tl.jsx)(Rc,{size:l.size,showCalendarFooter:f});default:return(0,tl.jsx)(Ac,{size:l.size,showOtherMonth:i,showCalendarFooter:f})}};Ma.options=Of;Ma.states=Bf;Ma.variants=Pf;Ma.defaultOptions=Dc;Ma.modifiers=Df;Ma.className=ye.className;var Kc=require("react/jsx-runtime");var v=require("react/jsx-runtime"),Hc=({style:e,...t})=>(0,v.jsx)(Y,{style:e,layout:"flex",view:"month",toolbar:(0,v.jsxs)(ae,{children:[(0,v.jsxs)(A,{className:"k-scheduler-navigation",children:[(0,v.jsx)(s,{className:"k-group-start",children:"Today"}),(0,v.jsx)(s,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),(0,v.jsx)(s,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),(0,v.jsx)(s,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"June 23 2024"}),(0,v.jsx)("span",{className:"k-spacer"}),(0,v.jsxs)(A,{className:"k-scheduler-views",children:[(0,v.jsx)(s,{className:"k-group-start",children:"Day"}),(0,v.jsx)(s,{children:"Week"}),(0,v.jsx)(s,{selected:!0,children:"Month"}),(0,v.jsx)(s,{children:"Timeline"}),(0,v.jsx)(s,{className:"k-group-end",children:"Agenda"})]})]}),children:(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(xe,{as:"div",children:(0,v.jsx)(V,{children:(0,v.jsx)(w,{children:(0,v.jsx)(a,{as:"div",cellType:["group"],children:(0,v.jsxs)(w,{children:[(0,v.jsx)(a,{as:"div",cellType:["heading"],text:"Sunday"}),(0,v.jsx)(a,{as:"div",cellType:["heading"],text:"Monday"}),(0,v.jsx)(a,{as:"div",cellType:["heading"],text:"Tuesday"}),(0,v.jsx)(a,{as:"div",cellType:["heading"],text:"Wednesday"}),(0,v.jsx)(a,{as:"div",cellType:["heading"],text:"Tuesday"}),(0,v.jsx)(a,{as:"div",cellType:["heading"],text:"Friday"}),(0,v.jsx)(a,{as:"div",cellType:["heading"],text:"Saturday"})]})})})})}),(0,v.jsxs)(pe,{as:"div",children:[(0,v.jsx)(V,{children:(0,v.jsx)(w,{children:(0,v.jsxs)(a,{as:"div",cellType:["group"],children:[(0,v.jsxs)(w,{children:[(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"26",className:"k-other-month"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"27",className:"k-other-month"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"28",className:"k-other-month"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"29",className:"k-other-month"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"30",className:"k-other-month"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"31",className:"k-other-month"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"01"})]}),(0,v.jsxs)(w,{children:[(0,v.jsxs)(a,{as:"div",cellType:["slot"],children:[(0,v.jsx)("span",{className:"k-link k-nav-day",children:"02"}),(0,v.jsx)(s,{className:"k-more-events",icon:"more-horizontal","aria-label":"Show more events"})]}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"03"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"04"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"05"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"06"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"07"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"08"})]}),(0,v.jsxs)(w,{children:[(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"09"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"10"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"11"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"12"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"13"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"14"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"15"})]}),(0,v.jsxs)(w,{children:[(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"16"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"17"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"18"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"19"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"20"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"21"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"22"})]}),(0,v.jsxs)(w,{children:[(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"23"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"24"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"25"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"26"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"27"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"28"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"29"})]}),(0,v.jsxs)(w,{children:[(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"30"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"31"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"01",className:"k-other-month"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"02",className:"k-other-month"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"03",className:"k-other-month"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"04",className:"k-other-month"}),(0,v.jsx)(a,{as:"div",cellType:["slot"],text:"05",className:"k-other-month"})]})]})})}),(0,v.jsx)(Me,{eventPrefix:null,eventSuffix:null,resizable:"none",style:{top:"137px",width:"138px"},children:(0,v.jsx)("div",{children:(0,v.jsx)("div",{className:"k-event-template",children:"Event 1 Title"})})}),(0,v.jsx)(Me,{eventPrefix:null,eventSuffix:null,resizable:"none",style:{top:"137px",left:"141px",width:"138px"},children:(0,v.jsx)("div",{children:(0,v.jsx)("div",{className:"k-event-template",children:"Event 2 Title"})})}),(0,v.jsx)(Me,{eventPrefix:null,eventSuffix:null,resizable:"none",style:{top:"165px",left:"141px",width:"138px"},children:(0,v.jsx)("div",{children:(0,v.jsx)("div",{className:"k-event-template",children:"Event 3 Title"})})}),(0,v.jsx)(Me,{eventSuffix:null,resizable:"none",style:{top:"137px",left:"282px",width:"410px"},children:(0,v.jsx)("div",{children:(0,v.jsx)("div",{className:"k-event-template",children:"Event 4 Title"})})})]})]}),...t});var g=require("react/jsx-runtime"),_c=({style:e,...t})=>(0,g.jsx)(Y,{style:e,layout:"flex",view:"timeline",toolbar:(0,g.jsxs)(ae,{children:[(0,g.jsxs)(A,{className:"k-scheduler-navigation",children:[(0,g.jsx)(s,{className:"k-group-start",children:"Today"}),(0,g.jsx)(s,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),(0,g.jsx)(s,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),(0,g.jsx)(s,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"Friday, June 21, 2024"}),(0,g.jsx)("span",{className:"k-spacer"}),(0,g.jsxs)(A,{className:"k-scheduler-views",children:[(0,g.jsx)(s,{className:"k-group-start",children:"Day"}),(0,g.jsx)(s,{children:"Week"}),(0,g.jsx)(s,{children:"Month"}),(0,g.jsx)(s,{selected:!0,children:"Timeline"}),(0,g.jsx)(s,{className:"k-group-end",children:"Agenda"})]})]}),footer:(0,g.jsx)(ae,{footer:!0,children:(0,g.jsx)(s,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})}),children:(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(xe,{as:"div",style:{width:"1874px"},children:(0,g.jsx)(V,{children:(0,g.jsxs)(w,{children:[(0,g.jsx)(va,{children:(0,g.jsx)(a,{as:"div",cellType:["side"],style:{minWidth:"72px"}})}),(0,g.jsxs)(a,{as:"div",cellType:["group"],children:[(0,g.jsx)(w,{children:(0,g.jsx)(a,{as:"div",cellType:["heading"],text:"June 21"})}),(0,g.jsxs)(w,{children:[(0,g.jsx)(a,{as:"div",cellType:["heading"],children:"8:00 AM"}),(0,g.jsx)(a,{as:"div",cellType:["heading"],children:"9:00 AM"}),(0,g.jsx)(a,{as:"div",cellType:["heading"],children:"10:00 AM"}),(0,g.jsx)(a,{as:"div",cellType:["heading"],children:"11:00 AM"}),(0,g.jsx)(a,{as:"div",cellType:["heading"],children:"12:00 PM"}),(0,g.jsx)(a,{as:"div",cellType:["heading"],children:"1:00 PM"}),(0,g.jsx)(a,{as:"div",cellType:["heading"],children:"2:00 PM"}),(0,g.jsx)(a,{as:"div",cellType:["heading"],children:"3:00 PM"}),(0,g.jsx)(a,{as:"div",cellType:["heading"],children:"4:00 PM"}),(0,g.jsx)(a,{as:"div",cellType:["heading"],children:"5:00 PM"}),(0,g.jsx)(a,{as:"div",cellType:["heading"],children:"6:00 PM"}),(0,g.jsx)(a,{as:"div",cellType:["heading"],children:"7:00 PM"}),(0,g.jsx)(a,{as:"div",cellType:["heading"],children:"8:00 PM"})]})]})]})})}),(0,g.jsx)(pe,{as:"div",style:{width:"1874px",minHeight:"100px"},children:(0,g.jsx)(V,{children:(0,g.jsxs)(w,{children:[(0,g.jsx)(va,{children:(0,g.jsx)(a,{as:"div",cellType:["heading","side"],allDay:!0,style:{minWidth:"72px"},children:"All events"})}),(0,g.jsx)(a,{as:"div",cellType:["group"],children:(0,g.jsxs)(w,{children:[(0,g.jsx)(a,{as:"div",cellType:["slot"],className:"k-nonwork-hour"}),(0,g.jsx)(a,{as:"div",cellType:["slot"],className:"k-nonwork-hour"}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]}),(0,g.jsx)(a,{as:"div",cellType:["slot"]})]})})]})})})]}),...t});var An=require("react/jsx-runtime");var Rn=require("react/jsx-runtime");var In=require("react/jsx-runtime");var On=require("react/jsx-runtime");var M=require("react/jsx-runtime"),zc=({style:e,...t})=>(0,M.jsx)(Y,{style:e,layout:"flex",view:"agenda",toolbar:(0,M.jsxs)(ae,{children:[(0,M.jsxs)(A,{className:"k-scheduler-navigation",children:[(0,M.jsx)(s,{className:"k-group-start",children:"Today"}),(0,M.jsx)(s,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),(0,M.jsx)(s,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),(0,M.jsx)(s,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"6/24/2024 - 6/25/2024"}),(0,M.jsx)("span",{className:"k-spacer"}),(0,M.jsxs)(A,{className:"k-scheduler-views",children:[(0,M.jsx)(s,{className:"k-group-start",children:"Day"}),(0,M.jsx)(s,{children:"Week"}),(0,M.jsx)(s,{children:"Month"}),(0,M.jsx)(s,{children:"Timeline"}),(0,M.jsx)(s,{className:"k-group-end",selected:!0,children:"Agenda"})]})]}),children:(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(xe,{as:"div",role:"rowgroup",children:(0,M.jsx)(V,{orientation:"vertical",role:"presentation",children:(0,M.jsx)(w,{role:"presentation",children:(0,M.jsx)(a,{as:"div",className:"k-group-content",role:"presentation",children:(0,M.jsxs)(w,{role:"row",children:[(0,M.jsx)(a,{as:"div",cellType:["heading","group"],className:"k-scheduler-datecolumn",style:{minWidth:"168px"},role:"columnheader",children:"Date"}),(0,M.jsx)(a,{as:"div",cellType:["heading","group"],className:"k-scheduler-timecolumn",style:{minWidth:"595px"},role:"columnheader",children:"Time"}),(0,M.jsx)(a,{as:"div",cellType:["heading","group"],className:"k-scheduler-eventcolumn",style:{minWidth:"168px"},role:"columnheader",children:"Event"})]})})})})}),(0,M.jsx)(pe,{as:"div",role:"rowgroup",children:(0,M.jsxs)(V,{orientation:"vertical",role:"presentation",children:[(0,M.jsxs)(w,{className:"k-scheduler-content",role:"row",children:[(0,M.jsx)(a,{as:"div",cellType:["group","slot"],className:"k-scheduler-datecolumn",style:{minWidth:"168px"},role:"rowheader",children:(0,M.jsxs)("div",{children:[(0,M.jsx)("strong",{className:"k-scheduler-agendaday",children:"25"}),(0,M.jsx)("em",{className:"k-scheduler-agendaweek",children:"Monday"}),(0,M.jsx)("span",{className:"k-scheduler-agendadate",children:"Jun 2024"})]})}),(0,M.jsxs)(a,{as:"div",className:"k-group-content",role:"gridcell",children:[(0,M.jsxs)(w,{children:[(0,M.jsx)(a,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:(0,M.jsx)("div",{children:"11:30 AM-1:00 PM"})}),(0,M.jsx)(a,{as:"div",children:(0,M.jsx)(vt,{text:"Task 1 Title",closable:!0})})]}),(0,M.jsxs)(w,{children:[(0,M.jsx)(a,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:(0,M.jsx)("div",{children:"12:45 PM-2:30 PM"})}),(0,M.jsx)(a,{as:"div",children:(0,M.jsx)(vt,{text:"Task 2 Title",recurring:!0,closable:!0})})]}),(0,M.jsxs)(w,{children:[(0,M.jsx)(a,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:(0,M.jsx)("div",{children:"all day"})}),(0,M.jsx)(a,{as:"div",children:(0,M.jsx)(vt,{text:"Task 3 Title",closable:!0})})]})]})]}),(0,M.jsxs)(w,{className:"k-scheduler-content",role:"row",children:[(0,M.jsx)(a,{as:"div",cellType:["group","slot"],className:"k-scheduler-datecolumn",style:{minWidth:"168px"},role:"rowheader",children:(0,M.jsxs)("div",{children:[(0,M.jsx)("strong",{className:"k-scheduler-agendaday",children:"25"}),(0,M.jsx)("em",{className:"k-scheduler-agendaweek",children:"Tuesday"}),(0,M.jsx)("span",{className:"k-scheduler-agendadate",children:"Jun 2024"})]})}),(0,M.jsxs)(a,{as:"div",className:"k-group-content",role:"gridcell",children:[(0,M.jsxs)(w,{children:[(0,M.jsx)(a,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:(0,M.jsx)("div",{children:"9:30 AM-11:00 AM"})}),(0,M.jsx)(a,{as:"div",children:(0,M.jsx)(vt,{text:"Task 1 Title",closable:!0})})]}),(0,M.jsxs)(w,{children:[(0,M.jsx)(a,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:(0,M.jsx)("div",{children:"3:00 PM-4:30 PM"})}),(0,M.jsx)(a,{as:"div",children:(0,M.jsx)(vt,{text:"Task 2 Title",recurring:!0,closable:!0})})]}),(0,M.jsxs)(w,{children:[(0,M.jsx)(a,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:(0,M.jsx)("div",{children:"6:00 PM-7:00 PM"})}),(0,M.jsx)(a,{as:"div",children:(0,M.jsx)(vt,{text:"Task 3 Title",closable:!0})})]})]})]})]})})]}),...t});var Dt=require("react/jsx-runtime"),Kf=Y.options,Hf=Y.states,Gc={...Y.defaultOptions,variant:"day"},_f=[{name:"day",title:"Day View"},{name:"week",title:"Week View"},{name:"month",title:"Month View"},{name:"timeline",title:"Timeline View"},{name:"agenda",title:"Agenda View"}],zf=[{name:"footer",title:"Footer"}],vo=e=>{let{variant:t,modifiers:o,...l}={...Gc,...e},r=(0,Dt.jsx)(Dt.Fragment,{children:(0,Dt.jsx)(ae,{footer:!0,children:(0,Dt.jsx)(s,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})})}),i={footer:r};switch(Object.keys(o||{}).forEach(u=>{u==="footer"&&(i.footer=o!=null&&o[u]?r:void 0)}),t){case"agenda":return(0,Dt.jsx)(zc,{style:{height:"350px",width:"100%"},...l,...i});case"timeline":return(0,Dt.jsx)(_c,{style:{height:"350px",width:"100%"},...l,...i});case"month":return(0,Dt.jsx)(Hc,{style:{height:"350px",width:"100%"},...l,...i});case"week":return(0,Dt.jsx)(rc,{style:{height:"350px",width:"100%"},...l,...i});default:return(0,Dt.jsx)(lc,{style:{height:"350px",width:"100%"},...l,...i})}};vo.options=Kf;vo.states=Hf;vo.variants=_f;vo.defaultOptions=Gc;vo.modifiers=zf;vo.className=Y.className;var Gf=vo;
+var np=Object.create;var nl=Object.defineProperty;var sp=Object.getOwnPropertyDescriptor;var ip=Object.getOwnPropertyNames;var dp=Object.getPrototypeOf,cp=Object.prototype.hasOwnProperty;var pp=(e,t)=>{for(var o in t)nl(e,o,{get:t[o],enumerable:!0})},qn=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of ip(t))!cp.call(e,r)&&r!==o&&nl(e,r,{get:()=>t[r],enumerable:!(a=sp(t,r))||a.enumerable});return e};var Yn=(e,t,o)=>(o=e!=null?np(dp(e)):{},qn(t||!e||!e.__esModule?nl(o,"default",{value:e,enumerable:!0}):o,e)),up=e=>qn(nl({},"__esModule",{value:!0}),e);var cx={};pp(cx,{SchedulerDemo:()=>yo,default:()=>dx});module.exports=up(cx);var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var H=(e,t)=>n({[`${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"}),U=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:u,active:b,selected:f,disabled:x,indeterminate:N,loading:y,empty:h,readonly:A,highlighted:E,...D}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":u,"k-active":b,"k-selected":f,"k-disabled":x,"k-indeterminate":N&&!u,"k-loading":y,"k-empty":h,"k-readonly":A,"k-highlighted":E},Object.keys(D).reduce((F,P)=>(P.startsWith("k-")?F[P]=D[P]:F[`k-${P}`]=D[P],F),{}))};function Qn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var p={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},S={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},k={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},g={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},c={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 Fl={};function J(e){return Fl[e]=(Fl[e]||0)+1,`k-${e}-${Fl[e]}`}var j="scheduler",ee=j;var es=require("react/jsx-runtime"),Zn="k-scheduler-layout",mp=[],bp={},hp={},So=e=>{let{as:t="div",view:o,...a}=e,r=o==="agenda"?"grid":o==="year"?void 0:"none";return(0,es.jsx)(t,{...a,className:n(e.className,Zn,{[`k-scheduler-${o}view`]:o}),...r&&{role:r},children:e.children})};So.states=mp;So.options=bp;So.className=Zn;So.defaultOptions=hp;So.moduleName=j;So.folderName=ee;var jn=So;var sl=require("react/jsx-runtime"),ts="k-scheduler",fp=[],xp={},Cp={},Q=e=>{let{view:t,toolbar:o,footer:a,layout:r,...s}=e;return(0,sl.jsxs)("div",{...s,className:n(e.className,ts),role:"application",children:[o,(0,sl.jsx)(jn,{className:n({"k-scheduler-layout-flex":r==="flex"}),as:r==="table"?"table":"div",view:t,children:e.children}),a]})};Q.states=fp;Q.options=xp;Q.className=ts;Q.defaultOptions=Cp;Q.moduleName=j;Q.folderName=ee;Q.ariaSpec={selector:".k-scheduler",rules:[{selector:".k-scheduler",attribute:"role=application",usage:"Specifies the role of the component."},{selector:".k-scheduler-toolbar",attribute:"role=toolbar",usage:"Follows Toolbar spec: sets the component role."},{selector:".k-scheduler-toolbar",attribute:"aria-label or title",usage:"Follows Toolbar spec: each toolbar must have a label specifying its purpose."},{selector:'.k-scheduler-navigation .k-button:has([class*="i-caret-alt-left"])',attribute:"aria-label",usage:"Required as the previous navigation button contains only an icon (no text)."},{selector:'.k-scheduler-navigation .k-button:has([class*="i-caret-alt-right"])',attribute:"aria-label",usage:"Required as the next navigation button contains only an icon (no text)."},{selector:".k-nav-current",attribute:"aria-live=polite",usage:"The new date of the Scheduler view will be announced upon navigation to a new time span or view type."},{selector:".k-views-dropdown",attribute:"aria-label",usage:"The <select> element visible on the toolbar on small screens must have its aria-label set."},{selector:".k-scheduler-views",attribute:"role=group",usage:"Follows SegmentedControl spec: sets the proper role for the group of view buttons."},{selector:".k-scheduler-views .k-segmented-control-button",attribute:"aria-pressed (when selected)",usage:"Follows SegmentedControl spec: specifies the current state of the view SegmentedControl. Only the selected button within the group will have this attribute set to true."},{selector:".k-scheduler-agendaview",attribute:"role=grid",usage:"The main table of the Agenda view must indicate it is a Data Grid."},{selector:".k-scheduler-agendaview>tbody",attribute:"role=none/presentation",usage:"The <tbody> element must have its semantics removed."},{selector:".k-scheduler-agendaview .k-scheduler-table",attribute:"role=none/presentation",usage:"Inner <table> elements within the Agenda Scheduler must have their semantic role removed."},{selector:".k-scheduler-agendaview .k-scheduler-table>tbody",attribute:"role=rowgroup",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-agendaview .k-scheduler-table>tbody>tr",attribute:"role=row",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-agendaview .k-scheduler-table>tbody>tr>th",attribute:"role=columnheader",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-agendaview .k-scheduler-content tr .k-selected",attribute:"aria-selected",usage:"Used to signify the currently selected row in Agenda view."},{selector:".k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-groupcolumn,.k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-datecolumn",attribute:"role=rowheader",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-timecolumn,.k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-timecolumn+td",attribute:"role=gridcell",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-dayview,.k-scheduler-weekview,.k-scheduler-monthview,.k-scheduler-timelineview",attribute:"role=none/presentation",usage:"All <table> elements within the Scheduler must have their semantic role removed."},{selector:".k-scheduler-times .k-scheduler-table",attribute:"role=none/presentation",usage:"Times sidebar tables must have their semantics removed. The role propagates to child th/tr elements, resolving empty-table-header violations."},{selector:".k-event",attribute:"role=button",usage:"Indicating that the event element is interactive."},{selector:".k-event",attribute:"aria-label",usage:"Label containing the title, start, and end date of the appointment."},{selector:".k-scheduler-layout:not(.k-scheduler-agendaview) .k-scheduler-content",attribute:"tabindex=0",usage:"Scrollable elements need to be focusable to ensure scrolling with arrow keys is available (does not apply to agenda view)."}]};var Aa=require("react/jsx-runtime"),Wl="k-font-icon",vp=[],yp={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},kp={},Ra=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...u}=e;return a?(0,Aa.jsx)("span",{...u,className:n(e.className,Wl,H(Wl,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):(0,Aa.jsx)(Aa.Fragment,{})};Ra.states=vp;Ra.options=yp;Ra.className=Wl;Ra.defaultOptions=kp;var os=Ra;var No=require("react/jsx-runtime"),Vl="k-svg-icon",Sp=[],Np={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},as={viewBox:"0 0 24 24"},Ia=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=as.viewBox,icon:u,...b}=e;if(!u)return(0,No.jsx)(No.Fragment,{});if(u==="none")return(0,No.jsx)("span",{...b,className:n(e.className,Vl,H("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof u=="object"&&u.name&&u.name;return(0,No.jsx)("span",{...b,className:n(e.className,Vl,H("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:(0,No.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof u=="object"?u.viewBox:s,dangerouslySetInnerHTML:typeof u=="object"?{__html:u.content}:void 0,children:u?void 0:e.children})})};Ia.states=Sp;Ia.options=Np;Ia.className=Vl;Ia.defaultOptions=as;var $l=Ia;var Xl=Yn(require("@progress/kendo-svg-icons"));var ls="icon",rs="icons";var is=require("react");var ns=require("react"),ss=(0,ns.createContext)({iconsType:"svg"});var qt=require("react/jsx-runtime"),il="k-icon",gp=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Tp=[],wp={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},Jl={viewBox:"0 0 24 24",type:"svg"},R=e=>{let{iconsType:t}=(0,is.useContext)(ss),{size:o,themeColor:a,icon:r,type:s=t||Jl.type,rotate:u,flip:b,viewBox:f=Jl.viewBox,...x}=e;if(!r)return(0,qt.jsx)(qt.Fragment,{});if((t||s)==="svg"){if(r==="none")return(0,qt.jsx)($l,{...x,className:n(e.className,il),icon:r,size:o});let y=Xl[r]?r:gp(`${r}-icon`);return Xl[y]?(0,qt.jsx)($l,{...x,className:n(e.className,il),icon:Xl[y],size:o,themeColor:a,rotate:u,flip:b,viewBox:f}):(0,qt.jsx)(qt.Fragment,{})}return(0,qt.jsx)(os,{...x,className:n(e.className,il),icon:r,size:o,themeColor:a,rotate:u,flip:b})};R.states=Tp;R.options=wp;R.defaultOptions=Jl;R.className=il;R.moduleName=ls;R.folderName=rs;R.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."}]};var ql=R;var Yl="button",ds=Yl;var At=require("react/jsx-runtime"),Oa="k-button",Mp=["icon-button"],Lp=[c.hover,c.focus,c.active,c.selected,c.disabled,c.generating],Ep={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},Ql={showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:u=Ql.showArrow,arrowIconName:b=Ql.arrowIconName,variant:f,hover:x,focus:N,active:y,selected:h,disabled:A,togglable:E,ariaDisabled:D,icon:F,text:P,iconClassName:q,className:ce,...Ne}=e,He=F!==void 0,Oe=e.children!==void 0;return(0,At.jsxs)(t,{className:n(ce,Oa,Qn(Oa,f),H(Oa,{size:o,rounded:a,fillMode:r,themeColor:s}),U(Oa,{hover:x,focus:N,active:y,disabled:A||D,selected:h}),{"k-icon-button":!P&&!Oe&&He}),...Ne,"aria-pressed":E?h?"true":"false":void 0,"aria-disabled":D?"true":void 0,disabled:A||void 0,children:[F&&(0,At.jsx)(R,{className:n(q,"k-button-icon"),icon:F}),P?(0,At.jsxs)(At.Fragment,{children:[P&&(0,At.jsx)("span",{className:"k-button-text",children:P}),e.children]}):e.children&&(0,At.jsx)("span",{className:"k-button-text",children:e.children}),u&&(0,At.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,At.jsx)(R,{icon:b})})]})};d.states=Lp;d.options=Ep;d.variants=Mp;d.className=Oa;d.defaultOptions=Ql;d.moduleName=Yl;d.folderName=ds;d.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."}]};var cs=require("react/jsx-runtime"),so=e=>(0,cs.jsx)(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var ps=require("react/jsx-runtime"),Ba=e=>(0,ps.jsx)(d,{icon:"folder",children:"Button",...e});var us=require("react/jsx-runtime"),go=e=>(0,us.jsx)(d,{children:"Button",...e});var dl=require("react/jsx-runtime"),Ap=d.options,Rp=d.states,Ip={...d.defaultOptions,variant:"text"},Op=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Bp=[],Do=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,dl.jsx)(so,{...o,icon:"star"});case"icon-and-text":return(0,dl.jsx)(Ba,{...o,icon:"star",children:"Button"});default:return(0,dl.jsx)(go,{...o,children:"Button"})}};Do.options=Ap;Do.states=Rp;Do.variants=Op;Do.defaultOptions=Ip;Do.modifiers=Bp;Do.className=d.className;var Zl="button",ms=Zl;var bs=require("react/jsx-runtime"),Pa="k-button-group",Pp=[c.disabled],Dp={fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link]},Kp={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return(0,bs.jsx)("div",{role:"group",...r,className:n(e.className,Pa,H(Pa,{fillMode:t}),U(Pa,{disabled:o}),{[`${Pa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=Pp;B.options=Dp;B.className=Pa;B.defaultOptions=Kp;B.moduleName=Zl;B.folderName=ms;B.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var jl=require("react/jsx-runtime");var er=require("react/jsx-runtime");var tr=require("react/jsx-runtime");var or=require("react/jsx-runtime");var ar=require("react/jsx-runtime");var lr=require("react/jsx-runtime");var dt=require("react/jsx-runtime"),Hp={...d.options,...B.options},_p=d.states,zp={...d.defaultOptions,...B.defaultOptions,variant:"text-button"},Gp=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Up=[],Ko=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,dt.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,dt.jsx)(d,{...a,icon:"star"}),(0,dt.jsx)(d,{...a,icon:"star"}),(0,dt.jsx)(d,{...a,icon:"star"})]}):t==="icon-text-button"?(0,dt.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,dt.jsx)(d,{...a,icon:"star",children:"First"}),(0,dt.jsx)(d,{...a,icon:"star",children:"Middle"}),(0,dt.jsx)(d,{...a,icon:"star",children:"Last"})]}):(0,dt.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,dt.jsx)(d,{...a,children:"First"}),(0,dt.jsx)(d,{...a,children:"Middle"}),(0,dt.jsx)(d,{...a,children:"Last"})]})};Ko.options=Hp;Ko.states=_p;Ko.variants=Gp;Ko.defaultOptions=zp;Ko.modifiers=Up;Ko.className=B.className;var rr="segmented-control",hs=rr,fs="segmented-control-button",xs="segmented-control";var pl=require("react/jsx-runtime"),cl="k-segmented-control",Fp=[],Wp={size:[p.undefined,p.small,p.medium,p.large]},pe=e=>{let{size:t,stretched:o,children:a,thumbStyles:r,...s}=e;return(0,pl.jsxs)("div",{...s,className:n(e.className,cl,H(cl,{size:t}),{[`${cl}-stretched`]:o}),role:"group",children:[(0,pl.jsx)("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:r}),a]})};pe.states=Fp;pe.options=Wp;pe.className=cl;pe.moduleName=rr;pe.folderName=hs;pe.ariaSpec={selector:".k-segmented-control",rules:[{selector:".k-segmented-control",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-segmented-control-button",attribute:"role=button or nodeName=button",usage:"Each button must have the appropriate button role."},{selector:".k-segmented-control-button.k-selected",attribute:"aria-pressed=true",usage:"Only the selected button within the group will have this attribute set to true."},{selector:".k-segmented-control-button.k-disabled",attribute:"aria-disabled=true",usage:"Indicates that the button is disabled and cannot be interacted with."},{selector:".k-segmented-control-thumb",attribute:"aria-hidden=true",usage:"The thumb is purely decorative and should be hidden from screen readers."}]};var Da=require("react/jsx-runtime"),nr="k-segmented-control-button",Vp=[c.selected,c.hover,c.focus,c.disabled],$p={},Xp={},_=e=>{let{hover:t,focus:o,selected:a,disabled:r,icon:s,text:u,iconClassName:b,...f}=e;return(0,Da.jsxs)("button",{...f,className:n(e.className,nr,U(nr,{hover:t,focus:o,disabled:r,selected:a})),"aria-pressed":a?"true":"false","aria-disabled":r?"true":void 0,children:[s&&(0,Da.jsx)(R,{className:n(b,"k-segmented-control-button-icon"),icon:s}),(u||e.children)&&(0,Da.jsx)("span",{className:"k-segmented-control-button-text",children:u||e.children})]})};_.states=Vp;_.options=$p;_.className=nr;_.defaultOptions=Xp;_.moduleName=fs;_.folderName=xs;var sr=require("react/jsx-runtime");var ir=require("react/jsx-runtime");var dr=require("react/jsx-runtime");var cr=require("react/jsx-runtime");var pr=require("react/jsx-runtime");var Ka="input",bl=Ka;var Cs=require("react/jsx-runtime"),hl="k-input",Jp=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],qp={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Yp={},ge=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:u,readonly:b,size:f,rounded:x,fillMode:N,...y}=e;return(0,Cs.jsx)("span",{...y,className:n(e.className,hl,H(hl,{size:f,rounded:x,fillMode:N}),U(hl,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:u,readonly:b}))})};ge.states=Jp;ge.options=qp;ge.className=hl;ge.defaultOptions=Yp;ge.moduleName=Ka;ge.folderName=bl;var vs=require("react/jsx-runtime"),fl="k-picker",Qp=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],Zp={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},jp={},_t=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:u,readonly:b,size:f,rounded:x,fillMode:N,...y}=e;return(0,vs.jsx)("span",{...y,className:n(e.className,fl,H(fl,{size:f,rounded:x,fillMode:N}),U(fl,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:u,readonly:b})),children:e.children})};_t.states=Qp;_t.options=Zp;_t.className=fl;_t.defaultOptions=jp;_t.moduleName=Ka;_t.folderName=bl;var Ho=require("react/jsx-runtime"),ys="k-clear-value",eu=[c.disabled,c.loading,c.readonly],tu={},bt=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?(0,Ho.jsx)(Ho.Fragment,{}):(0,Ho.jsx)("span",{className:n(e.className,ys),children:(0,Ho.jsx)(R,{icon:"x"})})};bt.states=eu;bt.options=tu;bt.className=ys;var ks=require("react/jsx-runtime"),ur="k-input-inner",ou=[],au={},xl={type:"text",autocomplete:"off",value:"",placeholder:""},ht=e=>{let{value:t=xl.value,type:o=xl.type,placeholder:a=xl.placeholder,autocomplete:r=xl.autocomplete,disabled:s,readOnly:u,...b}=e;return(0,ks.jsx)("input",{...b,type:o,className:n(e.className,ur,H(ur,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:u||void 0})};ht.states=ou;ht.options=au;ht.className=ur;var Ha=require("react/jsx-runtime"),mr="k-input-inner",lu=[],ru={},To=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...u}=e;return(0,Ha.jsxs)("span",{...u,className:n(e.className,mr,H(mr,e)),children:[r,!r&&s&&(0,Ha.jsx)(R,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&(0,Ha.jsx)("span",{className:"k-input-value-text",children:t})]})};To.states=lu;To.options=ru;To.className=mr;var Ns=require("react/jsx-runtime"),br="k-input-inner",nu=[],su={},Ss={value:"",placeholder:""},hr=e=>{let{value:t=Ss.value,placeholder:o=Ss.placeholder,rows:a,disabled:r,...s}=e;return(0,Ns.jsx)("textarea",{...s,className:n(e.className,br,H(br,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};hr.states=nu;hr.options=su;hr.className=br;var _a=require("react/jsx-runtime"),gs="k-input-loading-icon",iu=[c.disabled,c.loading],ct=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,_a.jsx)(_a.Fragment,{}):(0,_a.jsx)("span",{className:n(e.className,gs,"k-icon k-i-loading")})};ct.states=iu;ct.className=gs;var za=require("react/jsx-runtime"),Ts="k-input-validation-icon",du=[c.valid,c.invalid,c.disabled,c.loading],cu={},at=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?(0,za.jsx)(za.Fragment,{}):(0,za.jsx)(R,{className:n(Ts),icon:s})};at.states=du;at.options=cu;at.className=Ts;var Ga=require("react/jsx-runtime"),pu="k-input-prefix",uu={direction:"horizontal"},kt=e=>{let{direction:t=uu.direction,...o}=e;return e.children?(0,Ga.jsx)("span",{...o,className:n(pu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Ga.jsx)(Ga.Fragment,{})};var Ua=require("react/jsx-runtime"),mu="k-input-suffix",bu={direction:"horizontal"},St=e=>{let{direction:t=bu.direction,...o}=e;return e.children?(0,Ua.jsx)("span",{...o,className:n(mu,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Ua.jsx)(Ua.Fragment,{})};var hu=require("react/jsx-runtime");var ws=require("react/jsx-runtime"),fu="k-input-suffix-text",fr=e=>{let{children:t,...o}=e;return(0,ws.jsx)("span",{...o,className:n(fu,e.className),children:t})};var Ls=require("react/jsx-runtime"),Ms="k-input-separator",xu={direction:"vertical"},Nt=e=>{let{direction:t=xu.direction,...o}=e;return(0,Ls.jsx)("span",{...o,className:n(Ms,e.className,{[`${Ms}-${t}`]:t})})};var Be=require("react/jsx-runtime"),Cu=ge.states,vu=ge.defaultOptions,yu=ge.options,ku=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Su=[],_o=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:u,...b}=e,f=t==null?void 0:t.prefix,x=t==null?void 0:t.suffix,N=t==null?void 0:t["clear-button"],y=t==null?void 0:t["validation-icon"],h=t==null?void 0:t.separators;return(0,Be.jsxs)(ge,{...b,valid:o,invalid:a,loading:r,disabled:s,readonly:u,style:{width:300},children:[f&&(0,Be.jsxs)(Be.Fragment,{children:[(0,Be.jsx)(kt,{children:(0,Be.jsx)(R,{icon:"lock"})}),h&&(0,Be.jsx)(Nt,{})]}),(0,Be.jsx)(ht,{placeholder:"Placeholder",value:"Value"}),y&&(0,Be.jsx)(at,{valid:o,invalid:a,loading:r,disabled:s}),(0,Be.jsx)(ct,{loading:r,disabled:s}),N&&(0,Be.jsx)(bt,{loading:r,disabled:s,readonly:u,value:"Value"}),x&&(0,Be.jsxs)(Be.Fragment,{children:[h&&(0,Be.jsx)(Nt,{}),(0,Be.jsx)(St,{children:(0,Be.jsx)(go,{size:b.size,fillMode:"clear",children:"Send"})})]})]})};_o.options=yu;_o.states=Cu;_o.variants=Su;_o.defaultOptions=vu;_o.modifiers=ku;_o.className=ge.className;var Fa=require("react/jsx-runtime"),Es="k-color-preview",Nu=[],gu={},io=e=>{let{color:t,iconName:o,...a}=e;return(0,Fa.jsxs)("span",{...a,className:n(e.className,Es,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Fa.jsx)(R,{icon:o,className:"k-color-preview-icon"}),(0,Fa.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};io.states=Nu;io.options=gu;io.className=Es;var xr="popup",As=xr;var Cr=require("react/jsx-runtime"),Rs="k-animation-container",Tu=[],wu={},Is={positionMode:"absolute"},zt=e=>{let{positionMode:t=Is.positionMode,animationStyle:o,offset:a,...r}=e;return(0,Cr.jsx)("div",{...r,style:{...a,...e.style},className:n(e.className,Rs,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Cr.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};zt.states=Tu;zt.options=wu;zt.className=Rs;zt.defaultOptions=Is;zt.moduleName=xr;zt.folderName=As;var vr="popup",Os=vr;var yr=require("react/jsx-runtime"),Bs="k-popup",Mu=[],Lu={},Ps={positionMode:"absolute"},ue=e=>{let{offset:t,positionMode:o=Ps.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:u,...b}=e;return(0,yr.jsx)(zt,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":u,children:(0,yr.jsx)("div",{...b,className:n(e.className,Bs),children:e.children})})};ue.states=Mu;ue.options=Lu;ue.className=Bs;ue.defaultOptions=Ps;ue.moduleName=vr;ue.folderName=Os;ue.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.'}]};var kr="action-buttons",Ds=kr;var Ks=require("react/jsx-runtime"),Cl="k-actions",Eu=[],Au={},Sr={alignment:"start",orientation:"horizontal"},Gt=e=>{let{alignment:t=Sr.alignment,orientation:o=Sr.orientation,...a}=e;return(0,Ks.jsx)("div",{...a,className:n(Cl,{[`${Cl}-${t}`]:t,[`${Cl}-${o}`]:o},e.className),children:e.children})};Gt.states=Eu;Gt.options=Au;Gt.className=Cl;Gt.defaultOptions=Sr;Gt.moduleName=kr;Gt.folderName=Ds;var _s=require("react/jsx-runtime"),Ru="k-actionsheet-footer",Hs={alignment:"stretched",orientation:"horizontal"},co=e=>{let{alignment:t=Hs.alignment,orientation:o=Hs.orientation,template:a,as:r=a?"div":Gt,...s}=e;return(0,_s.jsx)(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,Ru),children:e.children})};var Nr="searchbox",zs=Nr;var po=require("react/jsx-runtime"),Gs="k-searchbox",Iu=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading],Ou={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},gr={showIcon:!0,icon:"search"},gt=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:u,focus:b,valid:f,invalid:x,required:N,loading:y,disabled:h,showIcon:A=gr.showIcon,icon:E=gr.icon,"aria-label":D,...F}=e;return(0,po.jsxs)(ge,{...F,size:a,rounded:r,fillMode:s,hover:u,focus:b,valid:f,invalid:x,required:N,loading:y,disabled:h,className:n(e.className,Gs),children:[A&&(0,po.jsx)(R,{className:"k-input-icon",icon:E}),(0,po.jsx)(ht,{placeholder:o,value:t,"aria-label":D}),(0,po.jsx)(ct,{...e}),(0,po.jsx)(at,{...e}),(0,po.jsx)(bt,{...e})]})};gt.states=Iu;gt.options=Ou;gt.className=Gs;gt.defaultOptions=gr;gt.moduleName=Nr;gt.folderName=zs;var Bu=require("react/jsx-runtime");var Tr="textbox",Us=Tr;var Je=require("react/jsx-runtime"),Fs="k-textbox",Pu=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],Du={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},vl={showClearButton:!0,showValidationIcon:!0,separators:!0},_e=e=>{let{size:t,rounded:o,fillMode:a,separators:r=vl.separators,showClearButton:s=vl.showClearButton,showValidationIcon:u=vl.showValidationIcon,prefix:b,suffix:f,type:x,value:N,placeholder:y,hover:h,focus:A,valid:E,invalid:D,required:F,loading:P,disabled:q,readonly:ce,id:Ne,"aria-label":He,"aria-describedby":Oe,...mt}=e;return(0,Je.jsxs)(ge,{...mt,size:t,rounded:o,fillMode:a,hover:h,focus:A,valid:E,invalid:D,required:F,loading:P,disabled:q,readonly:ce,className:n(e.className,Fs),children:[b&&(0,Je.jsxs)(Je.Fragment,{children:[(0,Je.jsx)(kt,{children:b}),r&&(0,Je.jsx)(Nt,{})]}),(0,Je.jsx)(ht,{id:Ne,placeholder:y,value:N,type:x,disabled:q,"aria-label":He,"aria-describedby":Oe,"aria-invalid":D?"true":void 0}),u&&(0,Je.jsx)(at,{valid:E,invalid:D,loading:P,disabled:q}),(0,Je.jsx)(ct,{loading:P,disabled:q}),s&&(0,Je.jsx)(bt,{loading:P,disabled:q,readonly:ce,value:N}),f&&(0,Je.jsxs)(Je.Fragment,{children:[r&&(0,Je.jsx)(Nt,{}),(0,Je.jsx)(St,{children:f})]})]})};_e.states=Pu;_e.options=Du;_e.className=Fs;_e.defaultOptions=vl;_e.moduleName=Tr;_e.folderName=Us;_e.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 Wa=_e;var Vs=require("react/jsx-runtime"),Ws=e=>(0,Vs.jsx)(Wa,{...e});var $s=require("react/jsx-runtime");var Xs=require("react/jsx-runtime");var Ku=require("react/jsx-runtime");var yl=require("react/jsx-runtime"),Hu=_e.states,_u=_e.defaultOptions,zu=_e.options,Gu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Uu=[],zo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t!=null&&t[r]?(0,yl.jsx)(R,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,yl.jsx)(go,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[r];break;default:break}}),(0,yl.jsx)(Ws,{value:"Value",style:{width:300},...o,...a})};zo.options=zu;zo.states=Hu;zo.variants=Uu;zo.defaultOptions=_u;zo.modifiers=Gu;zo.className=_e.className;var ft=require("react/jsx-runtime"),Js="k-actionsheet-titlebar",Fu={},lt=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:u,inputValue:b,inputPlaceholder:f,adaptive:x,titleId:N,children:y,...h}=e;return(0,ft.jsxs)("div",{...h,className:n(e.className,Js),children:[(0,ft.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,ft.jsx)("div",{className:"k-actionsheet-actions",children:a}),!y&&(0,ft.jsxs)("div",{className:"k-actionsheet-title",id:N,children:[t&&(0,ft.jsx)("div",{className:"k-text-center",children:t}),o&&(0,ft.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),y&&(0,ft.jsx)("div",{className:"k-actionsheet-title",id:N,children:y}),r&&(0,ft.jsx)("div",{className:"k-actionsheet-actions",children:r})]}),(u||s)&&(0,ft.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:u?(0,ft.jsx)(_e,{value:b,placeholder:f,size:x?"large":"medium","aria-label":t||f||"Input"}):(0,ft.jsx)(gt,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};lt.className=Js;lt.defaultOptions=Fu;var Go=require("react/jsx-runtime"),wr="k-actionsheet-view",Wu=[],Vu={},$u={},Uo=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:u,...b}=e,f=(r==null?void 0:r.type)===lt&&(0,Go.jsx)(lt,{adaptive:t,titleId:u,...r==null?void 0:r.props}),x=(s==null?void 0:s.type)===co&&(0,Go.jsx)(co,{...s==null?void 0:s.props});return(0,Go.jsxs)("div",{...b,className:n(e.className,wr,{[`${wr}-animated`]:o}),children:[f,(0,Go.jsx)("div",{className:"k-actionsheet-content",children:a}),x]})};Uo.states=Wu;Uo.options=Vu;Uo.className=wr;Uo.defaultOptions=$u;var Va="action-sheet",kl=Va;var Mr="overlay",qs=Mr;var Ys=require("react/jsx-runtime"),Lr="k-overlay",Xu=[],Ju={themeColor:[g.undefined,g.light,g.dark,g.inverse]},qu={},uo=e=>{let{themeColor:t,...o}=e;return(0,Ys.jsx)("div",{...o,className:n(e.className,Lr,H(Lr,{themeColor:t})),children:e.children})};uo.states=Xu;uo.options=Ju;uo.className=Lr;uo.defaultOptions=qu;uo.moduleName=Mr;uo.folderName=qs;var wo=require("react/jsx-runtime"),Qs="k-actionsheet",Yu=[],Qu={},$a={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ye=e=>{let{side:t=$a.side,fullscreen:o=$a.fullscreen,adaptive:a=$a.adaptive,overlay:r=$a.overlay,template:s,children:u,header:b,footer:f,id:x,...N}=e,y=x&&!s&&b?`${x}-title`:void 0;return(0,wo.jsxs)("div",{className:"k-actionsheet-container",children:[r&&(0,wo.jsx)(uo,{}),(0,wo.jsx)(zt,{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:(0,wo.jsx)("div",{...N,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":y,className:n(e.className,Qs,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||(0,wo.jsx)(Uo,{header:b,footer:f,adaptive:a,titleId:y,...e,children:u})})})]})};ye.states=Yu;ye.options=Qu;ye.className=Qs;ye.defaultOptions=$a;ye.moduleName=Va;ye.folderName=kl;ye.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."}]};var js=require("react/jsx-runtime"),Zs="k-actionsheet-container",Zu=[],ju={},em={},Fo=e=>{let{children:t,...o}=e;return(0,js.jsx)("div",{...o,className:Zs,children:t})};Fo.states=Zu;Fo.options=ju;Fo.className=Zs;Fo.defaultOptions=em;Fo.moduleName=Va;Fo.folderName=kl;var ei=require("react/jsx-runtime"),Er=e=>{let{...t}=e;return(0,ei.jsx)("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};var Tt=require("react/jsx-runtime"),Ar="k-actionsheet-item",tm=[c.hover,c.focus,c.selected,c.disabled],mo=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:u,disabled:b,...f}=e;return(0,Tt.jsxs)("span",{...f,className:n(e.className,Ar,U(Ar,{hover:r,focus:s,selected:u,disabled:b})),children:[!e.children&&(0,Tt.jsx)(Tt.Fragment,{children:(0,Tt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,Tt.jsx)("span",{className:"k-icon-wrap",children:(0,Tt.jsx)(R,{className:"k-actionsheet-item-icon",icon:t})}),(0,Tt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,Tt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,Tt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};mo.states=tm;mo.className=Ar;var ti=require("react/jsx-runtime");var om=require("react/jsx-runtime");var am=require("react/jsx-runtime");var lm=require("react/jsx-runtime");var he=require("react/jsx-runtime"),rm=ye.options,nm=ye.states,ai={...ye.defaultOptions,variant:"normal"},sm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],im=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...ai,...e},r={},s=(0,he.jsxs)(Er,{children:[(0,he.jsx)(mo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,he.jsx)(mo,{text:"Add to Favorites",iconName:"heart"}),(0,he.jsx)(mo,{text:"Upload New",iconName:"upload",disabled:!0}),(0,he.jsx)("hr",{className:"k-hr"}),(0,he.jsx)(mo,{text:"Cancel",iconName:"cancel"})]}),u="Choose from the items below",b="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":r.actionsStart=!!(o!=null&&o[f]),r.actionsEnd=!!(o!=null&&o[f]);break;case"subtitle":r.subtitle=o!=null&&o[f]?u:void 0;break;case"footer":r.footer=!!(o!=null&&o[f]);break;default:break}}),t==="adaptive"?(0,he.jsx)(ye,{...a,adaptive:!0,fullscreen:r.fullScreen,header:(0,he.jsx)(lt,{actionsStart:r.actionsStart?(0,he.jsx)(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,he.jsx)(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:b,subtitle:r.subtitle}),footer:r.footer?(0,he.jsxs)(co,{alignment:"stretched",children:[(0,he.jsx)(d,{text:"Cancel",size:"large",themeColor:"base"}),(0,he.jsx)(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,he.jsx)(ye,{...a,fullscreen:r.fullScreen,header:(0,he.jsx)(lt,{actionsStart:r.actionsStart?(0,he.jsx)(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,he.jsx)(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?(0,he.jsxs)(co,{alignment:"stretched",children:[(0,he.jsx)(d,{text:"Apply",themeColor:"primary"}),(0,he.jsx)(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Wo.options=rm;Wo.states=nm;Wo.variants=sm;Wo.defaultOptions=ai;Wo.modifiers=im;Wo.className=ye.className;var Rr="slider",li=Rr;var Rt=require("react/jsx-runtime"),Xa="k-slider",dm=[c.hover,c.focus,c.active,c.disabled,c.readonly],cm={},wt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},de=e=>{let{type:t=wt.type,orientation:o=wt.orientation,gradientType:a=wt.gradientType,readonly:r=wt.readonly,disabled:s=wt.disabled,handlePosition:u=wt.handlePosition,showButtons:b=wt.showButtons,showTicks:f=wt.showTicks,value:x=wt.value,min:N=wt.min,max:y=wt.max,startValue:h,endValue:A,hover:E,focus:D,active:F,trackStyle:P,dir:q,...ce}=e,He=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Oe,mt;return o==="horizontal"?(Oe=q==="rtl"?"caret-alt-left":"caret-alt-right",mt=q==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(Oe="caret-alt-up",mt="caret-alt-down"),(0,Rt.jsxs)("div",{...ce,className:n(Xa,e.className,U(Xa,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:q,children:[b&&(0,Rt.jsx)(d,{className:"k-button-decrease",rounded:"full",icon:mt,tabIndex:-1,title:"Decrease"}),(0,Rt.jsxs)("div",{className:"k-slider-track-wrap",children:[f&&(0,Rt.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,Rt.jsxs)("div",{className:"k-slider-track",style:P,children:[(0,Rt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Rt.jsx)("span",{className:n("k-draghandle","k-draghandle-start",U(Xa,{hover:E,focus:D,active:F})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":h??N,"aria-valuemin":N,"aria-valuemax":A??y,"aria-orientation":He,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":ce["aria-label"]?`${ce["aria-label"]} start`:"Range start"}),(0,Rt.jsx)("span",{className:n("k-draghandle",`k-draghandle-${u}`,U(Xa,{hover:E,focus:D,active:F})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?A??y:x,"aria-valuemin":t==="range"?h??N:N,"aria-valuemax":y,"aria-orientation":He,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?ce["aria-label"]?`${ce["aria-label"]} end`:"Range end":ce["aria-label"]})]})]}),b&&(0,Rt.jsx)(d,{className:"k-button-increase",rounded:"full",icon:Oe,tabIndex:-1,title:"Increase"})]})};de.states=dm;de.options=cm;de.className=Xa;de.defaultOptions=wt;de.moduleName=Rr;de.folderName=li;de.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};var Ir=require("react/jsx-runtime"),ri="k-tick",pm=[],um={},ni={label:!1},W=e=>{let{style:t,label:o=ni.label,orientation:a,large:r,text:s,...u}=e;return(0,Ir.jsx)("li",{...u,role:"presentation",title:s||"Tick",className:n(e.className,ri,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&(0,Ir.jsx)("span",{className:"k-label",children:s})})};W.states=pm;W.options=um;W.className=ri;W.defaultOptions=ni;var ze=require("react/jsx-runtime"),si=e=>(0,ze.jsx)(de,{"aria-label":e["aria-label"]||"Slider",children:(0,ze.jsxs)(ze.Fragment,{children:[(0,ze.jsx)(W,{className:"k-first",label:!0,large:!0,text:"0"}),(0,ze.jsx)(W,{}),(0,ze.jsx)(W,{}),(0,ze.jsx)(W,{}),(0,ze.jsx)(W,{}),(0,ze.jsx)(W,{label:!0,large:!0,text:"5"}),(0,ze.jsx)(W,{}),(0,ze.jsx)(W,{}),(0,ze.jsx)(W,{}),(0,ze.jsx)(W,{}),(0,ze.jsx)(W,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Ge=require("react/jsx-runtime"),ii=e=>(0,Ge.jsx)(de,{children:(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)(W,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ge.jsx)(W,{}),(0,Ge.jsx)(W,{}),(0,Ge.jsx)(W,{}),(0,Ge.jsx)(W,{}),(0,Ge.jsx)(W,{label:!0,large:!0,text:"5"}),(0,Ge.jsx)(W,{}),(0,Ge.jsx)(W,{}),(0,Ge.jsx)(W,{}),(0,Ge.jsx)(W,{}),(0,Ge.jsx)(W,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});var Or=require("react/jsx-runtime");var Br=require("react/jsx-runtime");var di=require("react/jsx-runtime"),Pr=e=>(0,di.jsx)(de,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var ci=require("react/jsx-runtime"),Dr=e=>(0,ci.jsx)(de,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var Kr=require("react/jsx-runtime");var Hr=require("react/jsx-runtime");var pt=require("react/jsx-runtime"),mm=de.options,bm=de.states,pi={...de.defaultOptions,variant:"horizontal",label:!0},hm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],fm=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Vo=e=>{let{variant:t,modifiers:o,...a}={...pi,...e},r={};Object.keys(o||{}).forEach(x=>{switch(x){case"button":{r.showButtons=!!(o!=null&&o[x]);break}case"label":{r.label=!!(o!=null&&o[x]);break}case"tick":{r.showTicks=!!(o!=null&&o[x]);break}}});let{label:s=!0,showButtons:u,showTicks:b}=r,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,pt.jsxs)(ii,{showTicks:b,showButtons:u,style:{height:"300px",...f},...a,children:[(0,pt.jsx)(W,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,pt.jsx)(W,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,pt.jsx)(W,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,pt.jsx)(W,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,pt.jsx)(W,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,pt.jsxs)(si,{showTicks:b,showButtons:u,style:{width:"400px",...f},...a,children:[(0,pt.jsx)(W,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,pt.jsx)(W,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,pt.jsx)(W,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,pt.jsx)(W,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,pt.jsx)(W,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Vo.options=mm;Vo.states=bm;Vo.variants=hm;Vo.defaultOptions=pi;Vo.modifiers=fm;Vo.className=de.className;var Ja=require("react/jsx-runtime"),ui="k-spin-button",vm=[],ym={size:[p.undefined,p.small,p.medium,p.large],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link]},_r={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},bo=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=_r.increaseLabel,decreaseLabel:s=_r.decreaseLabel,...u}=e;return(0,Ja.jsxs)("span",{...u,className:n(ui,e.className),children:[(0,Ja.jsx)(d,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":r}),(0,Ja.jsx)(d,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};bo.states=vm;bo.options=ym;bo.className=ui;bo.defaultOptions=_r;bo.moduleName=null;bo.folderName=null;var mi="numeric-textbox",bi="numerictextbox";var Ue=require("react/jsx-runtime"),hi="k-numerictextbox",km=[c.hover,c.focus,c.valid,c.invalid,c.loading,c.required,c.disabled,c.readonly],Sm={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Sl={showSpinButton:!0,showClearButton:!0,separators:!0},ae=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Sl.separators,showClearButton:s=Sl.showClearButton,showSpinButton:u=Sl.showSpinButton,prefix:b,suffix:f,value:x,placeholder:N,hover:y,focus:h,valid:A,invalid:E,required:D,loading:F,disabled:P,readonly:q,id:ce,"aria-label":Ne,"aria-describedby":He,...Oe}=e;return(0,Ue.jsxs)(ge,{...Oe,size:t,rounded:o,fillMode:a,hover:y,focus:h,valid:A,invalid:E,required:D,loading:F,disabled:P,readonly:q,className:n(e.className,hi),children:[b&&(0,Ue.jsxs)(Ue.Fragment,{children:[(0,Ue.jsx)(kt,{children:b}),r&&(0,Ue.jsx)(Nt,{})]}),(0,Ue.jsx)(ht,{id:ce,placeholder:N,value:x,role:"spinbutton",disabled:P,"aria-label":Ne,"aria-describedby":He,"aria-invalid":E?"true":void 0}),(0,Ue.jsx)(at,{valid:A,invalid:E,loading:F,disabled:P}),(0,Ue.jsx)(ct,{loading:F,disabled:P}),s&&(0,Ue.jsx)(bt,{loading:F,disabled:P,readonly:q,value:x}),f&&(0,Ue.jsxs)(Ue.Fragment,{children:[r&&(0,Ue.jsx)(Nt,{}),(0,Ue.jsx)(St,{children:f})]}),u&&(0,Ue.jsx)(bo,{className:"k-input-spinner",size:t,fillMode:a,disabled:P})]})};ae.states=km;ae.options=Sm;ae.className=hi;ae.defaultOptions=Sl;ae.moduleName=mi;ae.folderName=bi;ae.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .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-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var qa=ae;var xi=require("react/jsx-runtime"),fi=e=>(0,xi.jsx)(qa,{...e});var gl=Yn(require("react"));var zr=require("react/jsx-runtime"),Nm="k-list-group-sticky-header",Gr=e=>(0,zr.jsx)("div",{className:n(Nm,e.className),children:(0,zr.jsx)("div",{className:"k-list-header-text",children:e.children})});var Ci=require("react/jsx-runtime"),gm="k-no-data",Nl=e=>{let{live:t,...o}=e;return(0,Ci.jsx)("span",{...o,className:n(gm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Mo="list",$o=Mo;var Xo=require("react/jsx-runtime"),Ur="k-list",Tm=[],wm={size:[p.undefined,p.small,p.medium,p.large]},Mm={},Z=e=>{var A;let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:u,noData:b,screenReaders:f,...x}=e,y=gl.default.Children.toArray(a)[0],h=(A=y==null?void 0:y.props)!=null&&A.children?gl.default.Children.count(y.props.children):gl.default.Children.count(a);return(0,Xo.jsxs)("div",{...x,className:n(e.className,Ur,H(Ur,{size:t}),{"k-virtual-list":o}),children:[s,u,r&&(0,Xo.jsx)(Gr,{children:r}),a||(b!==void 0?b:(0,Xo.jsx)(Nl,{live:!0,children:"No data found."})),f&&a&&(0,Xo.jsxs)(Nl,{className:"k-sr-only",live:!0,children:[h," items found."]})]})};Z.states=Tm;Z.options=wm;Z.className=Ur;Z.defaultOptions=Mm;Z.moduleName=Mo;Z.folderName=$o;Z.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var yi=require("react/jsx-runtime"),vi="k-list-container",Lm=[],Em={},Am={},Jo=e=>{let{...t}=e;return(0,yi.jsx)("div",{...t,className:n(e.className,vi),children:e.children})};Jo.states=Lm;Jo.options=Em;Jo.className=vi;Jo.defaultOptions=Am;Jo.moduleName=Mo;Jo.folderName=$o;var Lo="checkbox",qo=Lo;var Fr=require("react/jsx-runtime"),Tl="k-checkbox",Rm=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.checked,c.indeterminate],Im={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full]},Om={},Mt=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:u,invalid:b,valid:f,required:x,size:N,rounded:y,wrapperRole:h,...A}=e;return(0,Fr.jsx)("span",{className:"k-checkbox-wrap",role:h,children:(0,Fr.jsx)("input",{...A,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:u||void 0,"aria-invalid":b?"true":void 0,className:n(e.className,Tl,H(Tl,{size:N,rounded:y}),U(Tl,{hover:r,focus:s,disabled:u,invalid:b,valid:f,indeterminate:a,checked:o}))})})};Mt.states=Rm;Mt.options=Im;Mt.className=Tl;Mt.defaultOptions=Om;Mt.moduleName=Lo;Mt.folderName=qo;Mt.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var It=Mt;var Ni=require("react/jsx-runtime"),ki="k-checkbox-list",Bm=[],Pm={},Si={layout:"vertical"},rt=e=>{let{layout:t=Si.layout,...o}=e;return(0,Ni.jsx)("ul",{...o,className:n(e.className,ki,{[`k-list-${t}`]:t}),children:e.children})};rt.states=Bm;rt.options=Pm;rt.className=ki;rt.defaultOptions=Si;rt.moduleName=Lo;rt.folderName=qo;var Ti=require("react/jsx-runtime"),gi="k-checkbox-list-item",Dm=[],Km={},Hm={},nt=e=>{let{...t}=e;return(0,Ti.jsx)("li",{...t,className:n(e.className,gi),children:e.children})};nt.states=Dm;nt.options=Km;nt.className=gi;nt.defaultOptions=Hm;nt.moduleName=Lo;nt.folderName=qo;var Eo=require("react/jsx-runtime"),Yt=({children:e="Label",id:t="cb-label-after",...o})=>(0,Eo.jsxs)(Eo.Fragment,{children:[(0,Eo.jsx)(It,{id:t,...o}),(0,Eo.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Wr=require("react/jsx-runtime");var Vr=require("react/jsx-runtime");var $r=require("react/jsx-runtime");var _m=require("react/jsx-runtime");var zm=require("react/jsx-runtime");var Gm=require("react/jsx-runtime");var qe=require("react/jsx-runtime"),Um=rt.options,Fm=rt.states,Wm={...rt.defaultOptions,variant:"vertical"},Vm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],$m=[],Yo=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,qe.jsxs)(rt,{layout:"horizontal",...o,children:[(0,qe.jsx)(nt,{children:(0,qe.jsx)(Yt,{id:J("cb"),defaultChecked:!0,children:"Label"})}),(0,qe.jsx)(nt,{children:(0,qe.jsx)(Yt,{id:J("cb"),children:"Label"})}),(0,qe.jsx)(nt,{children:(0,qe.jsx)(Yt,{id:J("cb"),children:"Label"})})]}):(0,qe.jsxs)(rt,{...o,children:[(0,qe.jsx)(nt,{children:(0,qe.jsx)(Yt,{id:J("cb"),defaultChecked:!0,children:"Label"})}),(0,qe.jsx)(nt,{children:(0,qe.jsx)(Yt,{id:J("cb"),children:"Label"})}),(0,qe.jsx)(nt,{children:(0,qe.jsx)(Yt,{id:J("cb"),children:"Label"})})]})};Yo.options=Um;Yo.states=Fm;Yo.variants=Vm;Yo.defaultOptions=Wm;Yo.modifiers=$m;Yo.className=rt.className;var wi=require("react/jsx-runtime"),Xm=It.options,Jm=It.states,qm=It.defaultOptions,Ym=[],Qm=[],Qo=e=>(0,wi.jsx)(Yt,{id:J("checkbox"),...e,defaultChecked:!0,children:"Label"});Qo.options=Xm;Qo.states=Jm;Qo.variants=Ym;Qo.defaultOptions=qm;Qo.modifiers=Qm;Qo.className=It.className;var Ut=require("react/jsx-runtime"),Xr="k-list-item",Zm=[c.hover,c.focus,c.selected,c.disabled],jm={},eb={},X=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:u,checked:b,hover:f,focus:x,selected:N,disabled:y,actions:h,description:A,id:E,...D}=e,F=t||e.children;return(0,Ut.jsxs)("li",{...D,id:E,role:a?"presentation":"option",tabIndex:a?void 0:x?0:-1,"aria-selected":!a&&N?"true":a?void 0:"false","aria-disabled":!a&&y?"true":void 0,className:n(e.className,a?"k-list-group-item":Xr,U(Xr,{hover:f,focus:x,disabled:y,selected:N})),children:[u&&(0,Ut.jsx)(Mt,{checked:b}),r&&(0,Ut.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Ut.jsx)(R,{icon:r,className:n("k-list-item-icon",s)})}),(0,Ut.jsx)("span",{className:"k-list-item-text",children:F}),h&&(0,Ut.jsx)("div",{className:"k-list-item-actions",children:h}),A&&(0,Ut.jsx)("span",{className:"k-list-item-description",children:A}),o&&o!==""&&(0,Ut.jsx)("div",{className:"k-list-item-group-label",children:o})]})};X.states=Zm;X.options=jm;X.className=Xr;X.defaultOptions=eb;X.moduleName=Mo;X.folderName=$o;X.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};var Mi=require("react/jsx-runtime"),tb="k-list-ul",Qt=e=>{let{children:t,role:o,id:a,...r}=e;return(0,Mi.jsx)("ul",{...r,id:a,role:o,className:n(tb,e.className),children:t})};Qt.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};var Zo=require("react/jsx-runtime"),ob="k-list-content",re=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...u}=e;return(0,Zo.jsxs)("div",{...u,className:n(ob,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:(0,Zo.jsx)(Qt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&(0,Zo.jsx)("div",{className:"k-height-container",children:(0,Zo.jsx)("div",{})})]})};re.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};var Jr=require("react/jsx-runtime");var jo=require("react/jsx-runtime"),ab="k-list-group-item",Ao=e=>{let{groupIconName:t,...o}=e;return(0,jo.jsxs)("li",{...o,role:"presentation",className:n(ab,e.className),children:[t&&(0,jo.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,jo.jsx)(R,{icon:t,className:"k-list-item-icon"})}),(0,jo.jsx)("span",{className:"k-list-item-text",children:e.children})]})};Ao.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};var Li=require("react/jsx-runtime"),qr="k-list-optionlabel",lb=[c.hover,c.focus,c.selected,c.disabled],rb={},nb={},wl=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...u}=e;return(0,Li.jsx)("div",{...u,className:n(qr,U(qr,{hover:o,focus:a,selected:r,disabled:s})),children:t})};wl.states=lb;wl.options=rb;wl.className=qr;wl.defaultOptions=nb;var Ei=require("react/jsx-runtime"),Yr="k-list-custom-value",sb=[c.hover,c.focus,c.selected,c.disabled],ib={},db={},ho=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...u}=e;return(0,Ei.jsx)("div",{...u,className:n(Yr,U(Yr,{hover:o,focus:a,selected:r,disabled:s})),children:t})};ho.states=sb;ho.options=ib;ho.className=Yr;ho.defaultOptions=db;var Qr=require("react/jsx-runtime");var Zr=require("react/jsx-runtime");var jr=require("react/jsx-runtime");var en=require("react/jsx-runtime");var cb=require("react/jsx-runtime");var tn=require("react/jsx-runtime");var Ai="dropdown-list",Ri="dropdownlist";var fe=require("react/jsx-runtime"),Ii="k-dropdownlist",pb=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],ub={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},on={showValue:!0,arrowIconName:"caret-alt-down"},we=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=on.arrowIconName,showValue:s=on.showValue,valueIconName:u,prefix:b,suffix:f,value:x,placeholder:N,hover:y,focus:h,valid:A,invalid:E,required:D,loading:F,disabled:P,readonly:q,popup:ce,opened:Ne,adaptive:He,adaptiveSettings:Oe,adaptiveTitle:mt,adaptiveSubtitle:ko,adaptiveFilter:zl,id:no,activeDescendant:rl,"aria-label":Gl,...Ul}=e,rp=no?`${no}-listbox`:void 0,Jn=no?`${no}-value`:void 0;return(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsxs)(_t,{...Ul,id:no,size:t,rounded:o,fillMode:a,hover:y,focus:h,valid:A,invalid:E,required:D,loading:F,disabled:P,readonly:q,className:n(e.className,Ii,{"k-icon-picker":!s&&u}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Ne?"true":"false","aria-controls":Ne?rp:void 0,"aria-activedescendant":Ne&&rl?rl:void 0,"aria-describedby":Ne?Jn:void 0,"aria-disabled":P?"true":void 0,"aria-label":Gl,tabIndex:0,children:[(0,fe.jsx)(kt,{children:b}),(0,fe.jsx)(To,{placeholder:N,value:x,showValue:s,valueIconName:u,id:Jn}),(0,fe.jsx)(at,{valid:A,invalid:E,loading:F,disabled:P}),(0,fe.jsx)(ct,{loading:F,disabled:P}),(0,fe.jsx)(St,{children:f}),(0,fe.jsx)(d,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":N||"Toggle dropdown",tabIndex:-1})]}),Ne&&ce&&(0,fe.jsx)(ue,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:ce}),He&&(0,fe.jsx)(ye,{adaptive:!0,...Oe,header:(0,fe.jsx)(lt,{actionsEnd:(0,fe.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:zl,inputValue:x,inputPlaceholder:N,title:mt,subtitle:ko}),children:(0,fe.jsx)("div",{className:"k-list-container",children:(0,fe.jsx)(Z,{size:"large",children:(0,fe.jsxs)(re,{"aria-label":"Options",children:[(0,fe.jsx)(X,{text:"List item"}),(0,fe.jsx)(X,{text:"List item"}),(0,fe.jsx)(X,{text:"List item"})]})})})})]})};we.states=pb;we.options=ub;we.className=Ii;we.defaultOptions=on;we.moduleName=Ai;we.folderName=Ri;we.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};var mb=require("react/jsx-runtime");var Oi=require("react/jsx-runtime");var an=require("react/jsx-runtime");var bb=require("react/jsx-runtime");var Bi=require("react/jsx-runtime");var ln=require("react/jsx-runtime");var hb=require("react/jsx-runtime");var ut=require("react/jsx-runtime"),fb=we.states,xb=we.defaultOptions,Cb=we.options,vb=[{name:"opened",title:"Opened"}],yb=[],ta=e=>{let{modifiers:t,...o}=e,a={},r=(0,ut.jsxs)(ut.Fragment,{children:[(0,ut.jsx)("div",{className:"k-list-filter",children:(0,ut.jsx)(gt,{})}),(0,ut.jsx)(Z,{style:{width:300},size:o.size,children:(0,ut.jsxs)(re,{children:[(0,ut.jsx)(X,{children:"List item"}),(0,ut.jsx)(X,{children:"List item"}),(0,ut.jsx)(X,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?r:void 0)}),(0,ut.jsx)("div",{children:(0,ut.jsx)(we,{placeholder:"Value",style:{width:300},...o,...a})})};ta.options=Cb;ta.states=fb;ta.variants=yb;ta.defaultOptions=xb;ta.modifiers=vb;ta.className=we.className;var Pi=require("react/jsx-runtime");var Di=require("react/jsx-runtime");var kb=require("react/jsx-runtime");var Ml=require("react/jsx-runtime"),Sb=ae.states,Nb=ae.defaultOptions,gb=ae.options,Tb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],wb=[],oa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t!=null&&t[r]?(0,Ml.jsx)(we,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,Ml.jsx)(fr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[r];break;case"spin-button":a.showSpinButton=t==null?void 0:t[r];break;default:break}}),(0,Ml.jsx)(fi,{value:"Value",style:{width:300},...o,...a})};oa.options=gb;oa.states=Sb;oa.variants=wb;oa.defaultOptions=Nb;oa.modifiers=Tb;oa.className=ae.className;var I=require("react/jsx-runtime"),Ki="k-colorgradient-inputs",Mb=[],Lb={size:[p.undefined,p.small,p.medium,p.large]},Hi={mode:"rgba"},aa=e=>{let{mode:t=Hi.mode,size:o,...a}=e;return(0,I.jsxs)("div",{...a,className:n(Ki,"k-hstack"),children:[(0,I.jsx)("div",{className:"k-vstack",children:(0,I.jsx)(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(ae,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(ae,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(ae,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(ae,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(ae,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,I.jsx)(I.Fragment,{children:(0,I.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,I.jsx)(_e,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};aa.states=Mb;aa.options=Lb;aa.className=Ki;aa.defaultOptions=Hi;var Ye=require("react/jsx-runtime"),_i="k-colorgradient-color-contrast",Eb=[],Ab={},Rb={},la=()=>(0,Ye.jsxs)("div",{className:n(_i,"k-vbox"),children:[(0,Ye.jsxs)("div",{className:"k-contrast-ratio",children:[(0,Ye.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,Ye.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,Ye.jsx)(R,{icon:"check"}),(0,Ye.jsx)(R,{icon:"check"})]})]}),(0,Ye.jsxs)("div",{children:[(0,Ye.jsx)("span",{children:"AA: 4.5"}),(0,Ye.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,Ye.jsx)(R,{icon:"check"})]})]}),(0,Ye.jsxs)("div",{children:[(0,Ye.jsx)("span",{children:"AAA: 7.0"}),(0,Ye.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,Ye.jsx)(R,{icon:"x"})]})]})]});la.states=Eb;la.options=Ab;la.className=_i;la.defaultOptions=Rb;var zi="color-gradient",Gi="colorgradient";var Me=require("react/jsx-runtime"),Ll="k-colorgradient",Ib=[c.hover,c.focus,c.readonly,c.disabled],Ob={size:[p.undefined,p.small,p.medium,p.large]},Ft={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},Pe=e=>{let{size:t,mode:o=Ft.mode,readonly:a=Ft.readonly,disabled:r=Ft.disabled,gradientStyle:s=Ft.gradientStyle,dragHandleStyle:u=Ft.dragHandleStyle,alphaStyle:b=Ft.alphaStyle,alphaStyleHorizontal:f=Ft.alphaStyleHorizontal,contrast:x=Ft.contrast,dir:N,hover:y,focus:h,hoverHandle:A,focusHandle:E,canvasOrientation:D=Ft.canvasOrientation,role:F,tabIndex:P,...q}=e;return(0,Me.jsxs)("div",{...q,role:F??"textbox","aria-label":F==="none"?void 0:"Color gradient",tabIndex:P??0,"aria-disabled":r?"true":void 0,className:n(e.className,Ll,H(Ll,{size:t}),U(Ll,{hover:y,focus:h,readonly:a,disabled:r})),dir:N,children:[!D||D==="horizontal"&&(0,Me.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,Me.jsx)("div",{className:"k-hsv-rectangle",style:s,children:(0,Me.jsx)("div",{className:"k-hsv-gradient",children:(0,Me.jsx)("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":A,"k-focus":E}),style:u,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,Me.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,Me.jsx)(Dr,{className:"k-hue-slider",hover:A,focus:E}),o!=="rgb"&&o!=="hsv"&&(0,Me.jsx)(Dr,{className:"k-alpha-slider",hover:A,focus:E,trackStyle:b})]})]}),D==="vertical"&&(0,Me.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,Me.jsx)("div",{className:"k-hsv-rectangle",style:s,children:(0,Me.jsx)("div",{className:"k-hsv-gradient",children:(0,Me.jsx)("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":A,"k-focus":E}),style:u,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,Me.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,Me.jsx)(Pr,{className:"k-hue-slider",hover:A,focus:E}),o!=="rgb"&&o!=="hsv"&&(0,Me.jsx)(Pr,{className:"k-alpha-slider",hover:A,focus:E,trackStyle:f})]})]}),(0,Me.jsx)(aa,{mode:e.mode,size:t}),x&&(0,Me.jsx)(la,{})]})};Pe.states=Ib;Pe.options=Ob;Pe.className=Ll;Pe.defaultOptions=Ft;Pe.moduleName=zi;Pe.folderName=Gi;Pe.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};var Ui=require("react/jsx-runtime"),El=e=>(0,Ui.jsx)(Pe,{...e});var Bb=require("react/jsx-runtime");var Pb=require("react/jsx-runtime");var Al=require("react/jsx-runtime"),Db=Pe.options,Kb=Pe.states,Hb={...Pe.defaultOptions,variant:"rgba"},_b=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],zb=[],ra=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,Al.jsx)(El,{...o,mode:t});case"rgb":return(0,Al.jsx)(El,{...o,mode:t});default:return(0,Al.jsx)(El,{...o,mode:t})}};ra.options=Db;ra.states=Kb;ra.variants=_b;ra.defaultOptions=Hb;ra.modifiers=zb;ra.className=Pe.className;var Fi=require("react/jsx-runtime"),rn=e=>(0,Fi.jsx)("tr",{role:"row",children:e.children});var Wi=require("react/jsx-runtime"),nn="k-colorpalette-tile",Gb=[c.hover,c.focus,c.selected],Ub={},na=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:s,...u}=e,b={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,Wi.jsx)("td",{...u,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:n(e.className,nn,U(nn,{hover:a,focus:r,selected:s})),style:b})};na.states=Gb;na.options=Ub;na.className=nn;var Vi="color-palette",$i="colorpalette";var sa=require("react/jsx-runtime"),Rl="k-colorpalette",Fb=[c.disabled],Wb={size:[p.undefined,p.small,p.medium,p.large]},Xi={columns:10},st=e=>{let{size:t,palette:o,columns:a=Xi.columns,tileSize:r,disabled:s,...u}=e,b=[];if(o){let f=a||o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/f)},(N,y)=>{let h=[];x.slice(y*f,(y+1)*f).map((E,D)=>{h.push((0,sa.jsx)(na,{color:E,tileSize:r},D))});let A=(0,sa.jsx)(rn,{children:h},y);b.push(A)})}return(0,sa.jsx)("div",{...u,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:n(e.className,Rl,U(Rl,{disabled:s}),H(Rl,{size:t})),children:(0,sa.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,sa.jsx)("tbody",{children:b.length>0?b:e.children})})})};st.states=Fb;st.options=Wb;st.className=Rl;st.defaultOptions=Xi;st.moduleName=Vi;st.folderName=$i;st.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var Il=st;var Ya={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};var qi=require("react/jsx-runtime"),Ji=e=>(0,qi.jsx)(Il,{palette:Ya.basic,...e});var Vb=require("react/jsx-runtime");var Yi=require("react/jsx-runtime");var Qi=require("react/jsx-runtime"),$b=st.options,Xb=st.states,Jb={...st.defaultOptions,variant:"basic"},qb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Yb={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Qb=[],ia=e=>{let{variant:t="basic",...o}=e,a=Yb[t];return(0,Qi.jsx)(Ji,{columns:a.columns,palette:a,...o})};ia.options=$b;ia.states=Xb;ia.variants=qb;ia.defaultOptions=Jb;ia.modifiers=Qb;ia.className=st.className;var Zi="color-editor",ji="coloreditor";var Te=require("react/jsx-runtime"),Ol="k-coloreditor",Zb=[c.focus],jb={size:[p.undefined,p.small,p.medium,p.large]},Qa={view:"gradient",palette:Ya.office,actionButtons:!0,canvasOrientation:"horizontal"},ke=e=>{let{size:t,view:o=Qa.view,palette:a=Qa.palette,color:r,currentColor:s,focus:u,focusView:b,dir:f,group:x,actionButtons:N=Qa.actionButtons,canvasOrientation:y=Qa.canvasOrientation,...h}=e;return(0,Te.jsxs)("div",{...h,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",Ol,H(Ol,{size:t}),U(Ol,{focus:u})),dir:f,children:[(0,Te.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,Te.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&(0,Te.jsxs)(B,{fillMode:"flat",children:[(0,Te.jsx)(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,Te.jsx)(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,Te.jsx)("div",{className:"k-spacer"}),(0,Te.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,Te.jsx)(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,Te.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,Te.jsx)(io,{className:"k-coloreditor-preview-color",color:r}),(0,Te.jsx)(io,{className:"k-coloreditor-current-color",color:s})]})]})]}),(0,Te.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,Te.jsx)(Pe,{focus:b,size:t,canvasOrientation:y,role:"none",tabIndex:-1}):(0,Te.jsx)(st,{palette:a,size:t})}),N&&(0,Te.jsxs)(Gt,{className:"k-coloreditor-footer",alignment:"start",children:[(0,Te.jsx)(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,Te.jsx)(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ke.states=Zb;ke.options=jb;ke.className=Ol;ke.defaultOptions=Qa;ke.moduleName=Zi;ke.folderName=ji;ke.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var da=ke;var eh=require("react/jsx-runtime");var th=require("react/jsx-runtime");var td=require("react/jsx-runtime"),ed=e=>(0,td.jsx)(da,{group:!0,currentColor:"fuchsia",...e});var ad=require("react/jsx-runtime"),od=e=>(0,ad.jsx)(da,{view:"palette",group:!0,currentColor:"fuchsia",...e});var sn=require("react/jsx-runtime"),oh=ke.options,ah=ke.states,lh={...ke.defaultOptions,variant:"gradient"},rh=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],nh=[],ca=e=>{let{variant:t,...o}=e;return t==="palette"?(0,sn.jsx)(od,{...o,color:"white"}):(0,sn.jsx)(ed,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ca.options=oh;ca.states=ah;ca.variants=rh;ca.defaultOptions=lh;ca.modifiers=nh;ca.className=ke.className;var ld="color-picker",rd="colorpicker";var Le=require("react/jsx-runtime"),nd="k-colorpicker",sh=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled],ih={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},sd={arrowIconName:"caret-alt-down"},xt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=sd.arrowIconName,prefix:s,suffix:u,value:b,placeholder:f,hover:x,focus:N,valid:y,invalid:h,required:A,disabled:E,valueIconName:D,popup:F,opened:P,adaptive:q,adaptiveSettings:ce,adaptiveTitle:Ne,adaptiveSubtitle:He,...Oe}=e,mt="colorpicker-popup";return(0,Le.jsxs)(Le.Fragment,{children:[(0,Le.jsxs)(_t,{...Oe,size:t,rounded:o,fillMode:a,hover:x,focus:N,valid:y,invalid:h,required:A,disabled:E,role:"combobox","aria-haspopup":"dialog","aria-expanded":P?"true":"false","aria-controls":P||q?mt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":E?"true":void 0,className:n(e.className,nd,"k-icon-picker"),children:[(0,Le.jsx)(kt,{children:s}),(0,Le.jsx)(To,{placeholder:f,value:b,showValue:!1,valueIcon:(0,Le.jsx)(io,{className:"k-value-icon",color:b,iconName:D}),valueIconName:D}),(0,Le.jsx)(St,{children:u}),(0,Le.jsx)(d,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:E})]}),P&&F&&(0,Le.jsx)(ue,{id:mt,className:"k-colorpicker-popup",children:F}),q&&(0,Le.jsx)(ye,{adaptive:!0,id:mt,...ce,header:(0,Le.jsx)(lt,{actionsEnd:(0,Le.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Ne,subtitle:He}),footer:(0,Le.jsxs)(co,{children:[(0,Le.jsx)(d,{text:"Cancel",size:"large"}),(0,Le.jsx)(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,Le.jsx)(ke,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};xt.states=sh;xt.options=ih;xt.className=nd;xt.defaultOptions=sd;xt.moduleName=ld;xt.folderName=rd;xt.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Zt=xt;var id=require("react/jsx-runtime"),Bl=e=>(0,id.jsx)(Zt,{...e});var dh=require("react/jsx-runtime");var ch=require("react/jsx-runtime");var ph=require("react/jsx-runtime");var uh=require("react/jsx-runtime");var mh=require("react/jsx-runtime");var bh=require("react/jsx-runtime");var fo=require("react/jsx-runtime"),hh=Zt.options,fh=Zt.states,dd={...Zt.defaultOptions,variant:"color"},xh=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Ch=[{name:"opened",title:"Opened"}],pa=e=>{let{variant:t,modifiers:o,...a}={...dd,...e},r={};Object.keys(o||{}).forEach(u=>{u==="opened"&&(r.opened=!!(o!=null&&o[u]),r.popup=o!=null&&o[u]?(0,fo.jsx)(ke,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,fo.jsx)("div",{style:s,children:(0,fo.jsx)(Bl,{...a,...r})});case"icon":return(0,fo.jsx)("div",{style:s,children:(0,fo.jsx)(Bl,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return(0,fo.jsx)("div",{style:s,children:(0,fo.jsx)(Bl,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};pa.options=hh;pa.states=fh;pa.variants=xh;pa.defaultOptions=dd;pa.modifiers=Ch;pa.className=Zt.className;var dn="combobox",cd=dn;var te=require("react/jsx-runtime"),pd="k-combobox",vh=[c.hover,c.focus,c.valid,c.invalid,c.loading,c.required,c.disabled,c.readonly],yh={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},ud={separators:!0},Qe=e=>{let{size:t,rounded:o,fillMode:a,separators:r=ud.separators,prefix:s,suffix:u,value:b,placeholder:f,hover:x,focus:N,valid:y,invalid:h,required:A,loading:E,disabled:D,popup:F,opened:P,readonly:q,adaptive:ce,adaptiveSettings:Ne,adaptiveTitle:He,adaptiveSubtitle:Oe,adaptiveCustomValue:mt,id:ko,autocomplete:zl,activeDescendant:no,"aria-label":rl,...Gl}=e,Ul=ko?`${ko}-listbox`:void 0;return(0,te.jsxs)(te.Fragment,{children:[(0,te.jsxs)(ge,{...Gl,size:t,rounded:o,fillMode:a,hover:x,focus:N,valid:y,invalid:h,required:A,loading:E,disabled:D,readonly:q,className:n(e.className,pd),children:[s&&(0,te.jsxs)(te.Fragment,{children:[(0,te.jsx)(kt,{children:s}),r&&(0,te.jsx)(Nt,{})]}),(0,te.jsx)(ht,{id:ko,placeholder:f,value:b,role:"combobox","aria-haspopup":"listbox","aria-expanded":P?"true":"false","aria-controls":P?Ul:void 0,"aria-activedescendant":P&&no?no:void 0,"aria-autocomplete":zl,"aria-invalid":h?"true":void 0,"aria-busy":E?"true":void 0,"aria-label":rl,disabled:D,readOnly:q}),(0,te.jsx)(at,{valid:y,invalid:h,loading:E,disabled:D}),(0,te.jsx)(ct,{loading:E,disabled:D}),(0,te.jsx)(bt,{loading:E,disabled:D,readonly:q,value:b}),u&&(0,te.jsxs)(te.Fragment,{children:[r&&(0,te.jsx)(Nt,{}),(0,te.jsx)(St,{children:u})]}),(0,te.jsx)(d,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:D})]}),P&&F&&(0,te.jsx)(ue,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:F}),ce&&(0,te.jsx)(ye,{adaptive:!0,id:ko?`${ko}-adaptive`:void 0,...Ne,header:(0,te.jsx)(lt,{actionsEnd:(0,te.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:b,inputPlaceholder:f,title:He,subtitle:Oe}),children:(0,te.jsx)("div",{className:"k-list-container",children:(0,te.jsx)(Z,{customValue:mt?(0,te.jsx)(ho,{text:`Use "${b}"`}):void 0,size:"large",children:(0,te.jsxs)(re,{"aria-label":He||"Options",children:[(0,te.jsx)(X,{text:"List item"}),(0,te.jsx)(X,{text:"List item"}),(0,te.jsx)(X,{text:"List item"})]})})})})]})};Qe.states=vh;Qe.options=yh;Qe.className=pd;Qe.defaultOptions=ud;Qe.moduleName=dn;Qe.folderName=cd;Qe.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Ct=Qe;var bd=require("react/jsx-runtime"),md=e=>(0,bd.jsx)(Ct,{...e});var hd=require("react/jsx-runtime");var fd=require("react/jsx-runtime");var xd=require("react/jsx-runtime");var Cd=require("react/jsx-runtime");var vd=require("react/jsx-runtime");var yd=require("react/jsx-runtime");var cn=require("react/jsx-runtime");var kh=require("react/jsx-runtime");var Sh=require("react/jsx-runtime");var kd=require("react/jsx-runtime");var Sd=require("react/jsx-runtime");var Ot=require("react/jsx-runtime"),Nh=Qe.states,gh=Qe.defaultOptions,Th=Qe.options,wh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Mh=[],ua=e=>{let{modifiers:t,...o}=e,a={},r=(0,Ot.jsx)(Z,{style:{width:300},size:o.size,children:(0,Ot.jsxs)(re,{children:[(0,Ot.jsx)(X,{children:"List item"}),(0,Ot.jsx)(X,{children:"List item"}),(0,Ot.jsx)(X,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t!=null&&t[s]?(0,Ot.jsx)(R,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[s]?(0,Ot.jsx)(so,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?r:void 0;break;default:break}}),(0,Ot.jsx)("div",{children:(0,Ot.jsx)(md,{value:"Value",style:{width:300},...o,...a})})};ua.options=Th;ua.states=Nh;ua.variants=Mh;ua.defaultOptions=gh;ua.modifiers=wh;ua.className=Qe.className;var pn="menu-button",Nd=pn;var Td=require("react/jsx-runtime"),gd="k-menu-button",Lh=[c.hover,c.focus,c.active,c.selected,c.disabled],Eh={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},un={showArrow:!0,arrowIconName:"caret-alt-down"},ne=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:u,active:b,selected:f,disabled:x,icon:N,text:y,showArrow:h=un.showArrow,arrowIconName:A=un.arrowIconName,expanded:E,...D}=e;return(0,Td.jsx)(d,{...D,className:n(e.className,gd),text:y,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:u,active:b,selected:f,disabled:x,icon:N,showArrow:h,arrowIconName:A,"aria-expanded":E?"true":"false",...!y&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};ne.states=Lh;ne.options=Eh;ne.className=gd;ne.defaultOptions=un;ne.moduleName=pn;ne.folderName=Nd;ne.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Ah=require("react/jsx-runtime");var Rh=require("react/jsx-runtime");var Ih=require("react/jsx-runtime");var vt="menu",Lt=vt;var jt=require("react/jsx-runtime"),mn="k-menu-item",Oh=[c.hover,c.focus,c.active,c.selected,c.disabled],Bh={},wd={iconPosition:"before"},Ze=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:u,text:b,first:f,last:x,showArrow:N,arrowIconName:y,iconPosition:h=wd.iconPosition,dir:A,children:E,expanded:D,...F}=e,P=y;return P||(P=A==="rtl"?"caret-alt-left":"caret-alt-right"),(0,jt.jsxs)("li",{...F,className:n(e.className,mn,"k-item",U(mn,{focus:o,disabled:s,hover:t,active:a,selected:r}),{"k-first":f,"k-last":x}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":D?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,jt.jsxs)("span",{className:n("k-link k-menu-link"),children:[u&&h==="before"&&(0,jt.jsx)(R,{className:"k-menu-link-icon",icon:u}),(0,jt.jsx)("span",{className:"k-menu-link-text",children:b}),u&&h==="after"&&(0,jt.jsx)(R,{className:"k-menu-link-icon",icon:u}),N&&(0,jt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,jt.jsx)(R,{icon:P})})]}),E]})};Ze.states=Oh;Ze.options=Bh;Ze.className=mn;Ze.defaultOptions=wd;Ze.moduleName=vt;Ze.folderName=Lt;var eo=require("react/jsx-runtime"),bn="k-menu-item",Ph=[c.hover,c.focus,c.active,c.selected,c.disabled],Dh={},hn={dir:"ltr",iconPosition:"before"},xe=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:u,text:b,first:f,last:x,showArrow:N,arrowIconName:y,iconPosition:h=hn.iconPosition,dir:A=hn.dir,children:E,popup:D,expanded:F,...P}=e,q=y;return q||(q=A==="rtl"?"caret-alt-left":"caret-alt-right"),(0,eo.jsxs)("li",{...P,className:n(e.className,bn,"k-item",U(bn,{focus:o,disabled:s}),{"k-first":f,"k-last":x}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":F?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,eo.jsxs)("span",{className:n("k-link k-menu-link",U("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[u&&h==="before"&&(0,eo.jsx)(R,{className:"k-menu-link-icon",icon:u}),(0,eo.jsx)("span",{className:"k-menu-link-text",children:b}),u&&h==="after"&&(0,eo.jsx)(R,{className:"k-menu-link-icon",icon:u}),N&&(0,eo.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,eo.jsx)(R,{icon:q})})]}),E,D]})};xe.states=Ph;xe.options=Dh;xe.className=bn;xe.defaultOptions=hn;xe.moduleName=vt;xe.folderName=Lt;var Ed=require("react/jsx-runtime"),Md="k-menu-scroll-wrapper",Kh=[],Hh={},_h={},Ro=e=>{let{className:t,children:o,orientation:a,...r}=e;return(0,Ed.jsx)("div",{...r,className:n(t,Md,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Ro.states=Kh;Ro.options=Hh;Ro.className=Md;Ro.defaultOptions=_h;Ro.moduleName=vt;Ro.folderName=Lt;var Ld=Ro;var Fe=require("react/jsx-runtime"),fn="k-menu",zh=[],Gh={},Dl={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},De=e=>{let{children:t,orientation:o=Dl.orientation,header:a=Dl.header,scrollable:r,scrollButtonsPosition:s=Dl.scrollButtonsPosition,wrapperStyles:u,dir:b,popup:f,contextMenu:x,...N}=e,y={horizontal:{prev:b!=="rtl"?"left":"right",next:b!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},h=(0,Fe.jsx)("ul",{dir:b,...N,className:n(e.className,"k-reset",fn,{[`${fn}-${o}`]:o,"k-header":a}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Fe.jsxs)(Fe.Fragment,{children:[r?(0,Fe.jsxs)(Ld,{orientation:o,style:u,dir:e.dir,children:[s==="start"&&(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)(d,{fillMode:"flat",icon:`caret-alt-${y[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Fe.jsx)(d,{fillMode:"flat",icon:`caret-alt-${y[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&(0,Fe.jsx)(d,{fillMode:"flat",icon:`caret-alt-${y[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),h,s==="end"&&(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)(d,{fillMode:"flat",icon:`caret-alt-${y[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Fe.jsx)(d,{fillMode:"flat",icon:`caret-alt-${y[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&(0,Fe.jsx)(d,{fillMode:"flat",icon:`caret-alt-${y[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):h,f]})};De.states=zh;De.options=Gh;De.className=fn;De.defaultOptions=Dl;De.moduleName=vt;De.folderName=Lt;De.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var Rd=require("react/jsx-runtime"),xn="k-separator",Ad={orientation:"horizontal"},ma=e=>{let{orientation:t=Ad.orientation,...o}=e;return(0,Rd.jsx)("li",{...o,className:n(e.className,"k-item",xn,{[`${xn}-${t}`]:t}),role:"separator"})};ma.className=xn;ma.defaultOptions=Ad;ma.moduleName=vt;ma.folderName=Lt;var Id=require("react/jsx-runtime");var Od=require("react/jsx-runtime"),Cn="k-menu-group",Uh=[],Fh={size:[p.undefined,p.small,p.medium,p.large]},Wh={},je=e=>{let{children:t,size:o,...a}=e;return(0,Od.jsx)("ul",{...a,className:n(e.className,Cn,H(Cn,{size:o})),role:"menu",children:t})};je.states=Uh;je.options=Fh;je.className=Cn;je.defaultOptions=Wh;je.moduleName=vt;je.folderName=Lt;var Bt=require("react/jsx-runtime"),vn=e=>(0,Bt.jsx)(De,{children:(0,Bt.jsxs)(Bt.Fragment,{children:[(0,Bt.jsx)(Ze,{first:!0,text:"Item 1"}),(0,Bt.jsx)(Ze,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,Bt.jsx)(Ze,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,Bt.jsx)(Ze,{text:"Item 4"}),(0,Bt.jsx)(Ze,{last:!0,text:"Item 5"})]}),...e});var yn=require("react/jsx-runtime");var kn=require("react/jsx-runtime");var Sn=require("react/jsx-runtime");var Nn=require("react/jsx-runtime");var Wt=require("react/jsx-runtime"),Vh=De.options,$h=De.states,Bd={...De.defaultOptions,variant:"horizontal"},Xh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Jh=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],ba=e=>{let{variant:t,modifiers:o,...a}={...Bd,...e},r={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":r.scrollable=!!(o!=null&&o[s]);break;case"opened":r.opened=!!(o!=null&&o[s]),r.popup=(0,Wt.jsx)(ue,{className:"k-menu-popup",children:(0,Wt.jsxs)(je,{children:[(0,Wt.jsx)(xe,{text:"Item 1"}),(0,Wt.jsx)(xe,{text:"Item 2"}),(0,Wt.jsx)(ma,{}),(0,Wt.jsx)(xe,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Wt.jsx)(vn,{...a,...r,orientation:"vertical",style:{width:"200px"}}):(0,Wt.jsx)(vn,{...a,...r})};ba.options=Vh;ba.states=$h;ba.variants=Xh;ba.defaultOptions=Bd;ba.modifiers=Jh;ba.className=De.className;var gn=require("react/jsx-runtime");var qh=require("react/jsx-runtime");var et=require("react/jsx-runtime"),Yh=d.states,Pd={...d.defaultOptions,variant:"text"},Qh=d.options,Zh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],jh=[{name:"opened",title:"Opened"}],ha=e=>{let{variant:t,modifiers:o,...a}={...Pd,...e},r={},s=(0,et.jsx)(ue,{className:"k-menu-popup",children:(0,et.jsxs)(je,{size:a.size,children:[(0,et.jsx)(xe,{first:!0,text:"Menu Item"}),(0,et.jsx)(xe,{text:"Menu Item"}),(0,et.jsx)(xe,{last:!0,text:"Menu Item"})]})}),u;switch(t){case"icon-only":u=(0,et.jsx)("div",{children:(0,et.jsx)(ne,{...a,...r,icon:"star"})});break;case"icon-and-text":u=(0,et.jsx)("div",{children:(0,et.jsx)(ne,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:u=(0,et.jsx)("div",{children:(0,et.jsx)(ne,{...a,...r,children:"Dropdown Button"})});break}return(0,et.jsxs)(et.Fragment,{children:[u,(o==null?void 0:o.opened)&&s]})};ha.options=Qh;ha.states=Yh;ha.variants=Zh;ha.defaultOptions=Pd;ha.modifiers=jh;ha.className=ne.className;var Tn="split-button",Dd=Tn;var to=require("react/jsx-runtime"),wn="k-split-button",ef=[c.hover,c.focus,c.active,c.selected,c.disabled],tf={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},Kd={arrowIconName:"caret-alt-down"},Y=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:u,active:b,selected:f,disabled:x,icon:N,text:y,arrowIconName:h=Kd.arrowIconName,popup:A,opened:E,popupId:D,...F}=e;return(0,to.jsxs)(to.Fragment,{children:[(0,to.jsxs)("div",{...F,className:n(e.className,wn,"k-button-group",H(wn,{rounded:o})),children:[(0,to.jsx)(d,{text:y,icon:N,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:u,active:b,selected:f,disabled:x,...!y&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),(0,to.jsx)(d,{className:"k-split-button-arrow",icon:h,size:t,rounded:o,fillMode:a,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":E?"true":"false","aria-controls":E?D:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),E&&A&&(0,to.jsx)(ue,{className:"k-menu-popup",children:A})]})};Y.states=ef;Y.options=tf;Y.className=wn;Y.defaultOptions=Kd;Y.moduleName=Tn;Y.folderName=Dd;Y.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Mn=Y;var Hd=require("react/jsx-runtime"),of="k-toolbar-separator",Pt=e=>(0,Hd.jsx)("div",{className:n(of,e.className,"k-separator")});var oo="toolbar",xo=oo;var V=require("react/jsx-runtime"),ao="k-toolbar",af=[c.focus],lf={size:[p.undefined,p.small,p.medium,p.large],fillMode:[k.undefined,k.solid,k.outline,k.flat]},rf={scrollButtons:"around"},ie=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:u,scrollingPosition:b,section:f,...x}=e,N=[],y=(h,A)=>{let E=[];if(h.type===d&&h.props.className&&h.props.className.includes("k-toolbar-overflow-button"))E.push((0,V.jsx)(d,{...h.props,className:`${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`));else if(h.type===d)E.push((0,V.jsx)(d,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`));else if(h.type===Ba)E.push((0,V.jsx)(Ba,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`));else if(h.type===so)E.push((0,V.jsx)(so,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`));else if(h.type===ne)E.push((0,V.jsx)(ne,{...h.props,className:`k-toolbar-menu-button ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`));else if(h.type===Mn)E.push((0,V.jsx)(Mn,{...h.props,className:`k-toolbar-split-button ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`));else if(h.type===B||h.props.className&&h.props.className.includes("k-button-group")){let D=[];(Array.isArray(h.props.children)?h.props.children:[h.props.children]).forEach((P,q)=>{D.push((0,V.jsx)(d,{...P.props,className:`${P.props.className?P.props.className:""}`},`${q}-${new Date().getTime()}`))}),E.push((0,V.jsx)(B,{...h.props,className:`k-toolbar-button-group ${h.props.className?h.props.className:""}`,children:D},`${A}-${new Date().getTime()}`))}else h.type===Qe?E.push((0,V.jsx)(Qe,{...h.props,className:`k-toolbar-combobox ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`)):h.type===we?E.push((0,V.jsx)(we,{...h.props,className:`k-toolbar-dropdownlist ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`)):h.type===xt?E.push((0,V.jsx)(xt,{...h.props,className:`k-toolbar-colorpicker ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`)):E.push(h);E.forEach(D=>{N.push(D)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((A,E)=>{y(A,E)}),(0,V.jsxs)("div",{...x,className:n(e.className,ao,H(ao,{size:t,fillMode:o}),U(ao,{focus:a}),{[`${ao}-resizable`]:r,[`${ao}-scrollable`]:s,[`${ao}-scrollable-overlay`]:s&&u==="hidden",[`${ao}-scrollable-${b}`]:b&&b!=="both",[`${ao}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&N,s&&u==="hidden"&&(0,V.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),s&&u==="start"&&(0,V.jsxs)(V.Fragment,{children:[(0,V.jsxs)(B,{children:[(0,V.jsx)("span",{className:n("k-toolbar-prev","k-button",H("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,V.jsx)(R,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,V.jsx)("span",{className:n("k-toolbar-next","k-button",H("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,V.jsx)(R,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,V.jsx)(Pt,{className:"k-toolbar-button-separator"}),(0,V.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&u==="end"&&(0,V.jsxs)(V.Fragment,{children:[(0,V.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,V.jsx)(Pt,{className:"k-toolbar-button-separator"}),(0,V.jsxs)(B,{children:[(0,V.jsx)("span",{className:n("k-toolbar-prev","k-button",H("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,V.jsx)(R,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,V.jsx)("span",{className:n("k-toolbar-next","k-button",H("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,V.jsx)(R,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(u==="around"||!u)&&(0,V.jsxs)(V.Fragment,{children:[(0,V.jsx)("span",{className:n("k-toolbar-prev","k-button",H("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,V.jsx)(R,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,V.jsx)(Pt,{className:"k-toolbar-button-separator"}),(0,V.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,V.jsx)(Pt,{className:"k-toolbar-button-separator"}),(0,V.jsx)("span",{className:n("k-toolbar-next","k-button",H("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,V.jsx)(R,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};ie.states=af;ie.options=lf;ie.className=ao;ie.defaultOptions=rf;ie.moduleName=oo;ie.folderName=xo;ie.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};var zd=require("react/jsx-runtime"),_d="k-floating-toolbar",nf=[],sf={},df={},fa=e=>{let{...t}=e;return(0,zd.jsx)("div",{...t,className:n(e.className,_d),children:e.children})};fa.states=nf;fa.options=sf;fa.className=_d;fa.defaultOptions=df;fa.moduleName=oo;fa.folderName=xo;var Gd=require("react/jsx-runtime"),Ln="k-toolbar-item",cf=[c.focus],pf={},uf={},xa=e=>{let{focus:t,...o}=e;return(0,Gd.jsx)("div",{...o,className:n(e.className,Ln,U(Ln,{focus:t})),children:e.children})};xa.states=cf;xa.options=pf;xa.className=Ln;xa.defaultOptions=uf;xa.moduleName=oo;xa.folderName=xo;var En=require("react/jsx-runtime"),Ud="k-toolbar-popup",mf=[],bf={size:[p.undefined,p.small,p.medium,p.large],fillMode:[k.undefined,k.solid,k.outline,k.flat]},hf={},Io=e=>{let{size:t,fillMode:o,section:a,...r}=e;return(0,En.jsx)(ue,{...r,className:n(e.className,Ud),children:a?(0,En.jsx)("span",{className:n("k-toolbar-items-list",H("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Io.states=mf;Io.options=bf;Io.className=Ud;Io.defaultOptions=hf;Io.moduleName=oo;Io.folderName=xo;var Kl=Io;var ff=require("react/jsx-runtime");var xf=require("react/jsx-runtime");var Cf=require("react/jsx-runtime");var Fd=require("react/jsx-runtime");var vf=require("react/jsx-runtime");var Et=require("react/jsx-runtime"),yf=Y.states,Wd={...Y.defaultOptions,variant:"text"},kf=Y.options,Sf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Nf=[{name:"opened",title:"Opened"}],Ca=e=>{let{variant:t,modifiers:o,...a}={...Wd,...e},r={},s=(0,Et.jsxs)(je,{size:a.size,children:[(0,Et.jsx)(xe,{first:!0,text:"Menu Item"}),(0,Et.jsx)(xe,{text:"Menu Item"}),(0,Et.jsx)(xe,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(u=>{u==="opened"&&(r.opened=!!(o!=null&&o[u]),r.popup=o!=null&&o[u]?s:"")}),t){case"icon-only":return(0,Et.jsx)("div",{children:(0,Et.jsx)(Y,{...a,...r,icon:"star"})});case"icon-and-text":return(0,Et.jsx)("div",{children:(0,Et.jsx)(Y,{...a,...r,icon:"star",children:"Split Button"})});default:return(0,Et.jsx)("div",{children:(0,Et.jsx)(Y,{...a,...r,children:"Split Button"})})}};Ca.options=kf;Ca.states=yf;Ca.variants=Sf;Ca.defaultOptions=Wd;Ca.modifiers=Nf;Ca.className=Y.className;var Vt=require("react/jsx-runtime"),Vd=e=>(0,Vt.jsx)(ie,{children:[(0,Vt.jsx)(d,{children:"Button"},"toolbar-button"),(0,Vt.jsx)(ne,{text:"Menu button"},"toolbar-menu-button"),(0,Vt.jsx)(Y,{children:"Split button"},"toolbar-split-button"),(0,Vt.jsxs)(B,{children:[(0,Vt.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Vt.jsx)(d,{icon:"align-center",children:"Center"}),(0,Vt.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var $d=require("react/jsx-runtime");var We=require("react/jsx-runtime"),Xd=e=>(0,We.jsx)(ie,{scrollable:!0,...e,children:[(0,We.jsx)(d,{children:"Button"},"toolbar-button"),(0,We.jsx)(ne,{text:"Menu button"},"toolbar-menu-button"),(0,We.jsx)(Y,{children:"Split button"},"toolbar-split-button"),(0,We.jsxs)(B,{children:[(0,We.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,We.jsx)(d,{icon:"align-center",children:"Center"}),(0,We.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,We.jsx)(d,{children:"Button"},"toolbar-button"),(0,We.jsx)(ne,{text:"Menu button"},"toolbar-menu-button"),(0,We.jsx)(Y,{children:"Split button"},"toolbar-split-button"),(0,We.jsxs)(B,{children:[(0,We.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,We.jsx)(d,{icon:"align-center",children:"Center"}),(0,We.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Ve=require("react/jsx-runtime"),Jd=({scrollingPosition:e="start",...t})=>(0,Ve.jsx)(ie,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,Ve.jsx)(d,{children:"Button"},"toolbar-button"),(0,Ve.jsx)(ne,{text:"Menu button"},"toolbar-menu-button"),(0,Ve.jsx)(Y,{children:"Split button"},"toolbar-split-button"),(0,Ve.jsxs)(B,{children:[(0,Ve.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ve.jsx)(d,{icon:"align-center",children:"Center"}),(0,Ve.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Ve.jsx)(d,{children:"Button"},"toolbar-button"),(0,Ve.jsx)(ne,{text:"Menu button"},"toolbar-menu-button"),(0,Ve.jsx)(Y,{children:"Split button"},"toolbar-split-button"),(0,Ve.jsxs)(B,{children:[(0,Ve.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ve.jsx)(d,{icon:"align-center",children:"Center"}),(0,Ve.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var Ce=require("react/jsx-runtime"),qd=({fillMode:e,size:t,...o})=>(0,Ce.jsxs)(Ce.Fragment,{children:[(0,Ce.jsx)(ie,{section:!0,fillMode:e,size:t,children:[(0,Ce.jsx)(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Ce.jsxs)(B,{fillMode:e,children:[(0,Ce.jsx)(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Ce.jsx)(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Ce.jsx)(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,Ce.jsx)(Pt,{className:"k-toolbar-button-separator"}),(0,Ce.jsx)(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,Ce.jsxs)(Kl,{size:t,fillMode:e,section:!0,...o,children:[(0,Ce.jsx)(Y,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,Ce.jsx)(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Ce.jsx)(Pt,{}),(0,Ce.jsx)(ne,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,Ce.jsxs)(B,{fillMode:e,children:[(0,Ce.jsx)(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Ce.jsx)(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Ce.jsx)(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var An=require("react/jsx-runtime");var Rn=require("react/jsx-runtime");var lo=require("react/jsx-runtime"),gf=ie.options,Tf=ie.states,Yd={...ie.defaultOptions,variant:"default"},wf=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Mf=[],va=e=>{let{variant:t,...o}={...Yd,...e};switch(t){case"responsive":return(0,lo.jsx)("div",{children:(0,lo.jsx)(qd,{style:{width:"583px"},...o})});case"overlay":return(0,lo.jsx)("div",{children:(0,lo.jsx)(Jd,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,lo.jsx)("div",{children:(0,lo.jsx)(Xd,{style:{width:"583px"},...o})});default:return(0,lo.jsx)("div",{children:(0,lo.jsx)(Vd,{style:{width:"583px"},...o})})}};va.options=gf;va.states=Tf;va.variants=wf;va.defaultOptions=Yd;va.modifiers=Mf;va.className=ie.className;var it=require("react/jsx-runtime"),Qd="k-scheduler-toolbar",le=e=>{let{footer:t,...o}=e;return(0,it.jsx)(ie,{...o,className:n(e.className,{[t?"k-scheduler-footer":Qd]:!0}),"aria-label":o["aria-label"]||(t?"Scheduler footer":"Scheduler toolbar"),children:e.children||[(0,it.jsxs)(B,{className:"k-scheduler-navigation",children:[(0,it.jsx)(d,{className:"k-group-start",children:"Today"}),(0,it.jsx)(d,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),(0,it.jsx)(d,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]},"nav"),(0,it.jsx)(d,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"Monday, June 13, 2022"},"current"),(0,it.jsx)("span",{className:"k-spacer"},"spacer"),(0,it.jsxs)(pe,{thumbStyles:{width:"15%",left:"2px"},className:"k-scheduler-views",children:[(0,it.jsx)(_,{selected:!0,children:"Day"}),(0,it.jsx)(_,{children:"Week"}),(0,it.jsx)(_,{children:"Month"}),(0,it.jsx)(_,{children:"Timeline"}),(0,it.jsx)(_,{children:"Agenda"})]},"views")]})};le.className=Qd;le.moduleName=j;le.folderName=ee;var In=require("react/jsx-runtime");var On=require("react/jsx-runtime"),Zd="k-scheduler-header",$t=e=>(0,On.jsx)("div",{...e,className:n(Zd,e.className),children:(0,On.jsx)("div",{className:"k-scheduler-header-wrap",children:e.children})});$t.className=Zd;$t.moduleName=j;$t.folderName=ee;var ec=require("react/jsx-runtime"),jd="k-scheduler-content",Xt=e=>(0,ec.jsx)("div",{...e,className:n(jd,e.className),children:e.children});Xt.className=jd;Xt.moduleName=j;Xt.folderName=ee;var oc=require("react/jsx-runtime"),tc="k-scheduler-times",Co=e=>(0,oc.jsx)("div",{...e,className:n(tc,e.className),children:e.children});Co.className=tc;Co.moduleName=j;Co.folderName=ee;var lc=require("react/jsx-runtime"),ac="k-scheduler-table",Jt=e=>(0,lc.jsx)("table",{...e,className:n(ac,e.className),children:e.children});Jt.className=ac;Jt.moduleName=j;Jt.folderName=ee;var Bn=require("react/jsx-runtime"),rc="k-scheduler-cell",Lf=[],Ef={},Af={},l=e=>{let{cellType:t,allDay:o,text:a,colspan:r,rowspan:s,as:u="div",...b}=e,f=a||e.children,x=!a&&!e.children,N=u==="th"&&x&&!b.role?"presentation":void 0;return(0,Bn.jsx)(u,{...b,colSpan:r,rowSpan:s,...N&&{role:N},className:n(rc,e.className,{"k-scheduler-times-all-day":o},t==null?void 0:t.map(y=>({[`k-${y}-cell`]:!0}))),children:!o&&a?(0,Bn.jsx)("span",{className:"k-link k-nav-day",children:f}):f})};l.states=Lf;l.options=Ef;l.defaultOptions=Af;l.className=rc;l.moduleName=j;l.folderName=ee;var sc=require("react/jsx-runtime"),nc="k-sticky-cell",ya=e=>(0,sc.jsx)("div",{...e,className:n(nc,e.className),children:e.children});ya.className=nc;ya.moduleName=j;ya.folderName=ee;var dc=require("react/jsx-runtime"),ic="k-scheduler-row",w=e=>(0,dc.jsx)("div",{...e,className:n(ic,e.className),children:e.children});w.className=ic;w.moduleName=j;w.folderName=ee;var pc=require("react/jsx-runtime"),cc="k-scheduler-body",me=e=>{let{as:t="div",...o}=e;return(0,pc.jsx)(t,{...o,className:n(cc,e.className),children:e.children})};me.className=cc;me.moduleName=j;me.folderName=ee;var mc=require("react/jsx-runtime"),uc="k-scheduler-head",ve=e=>{let{as:t="div",...o}=e;return(0,mc.jsx)(t,{...o,className:n(uc,e.className),children:e.children})};ve.className=uc;ve.moduleName=j;ve.folderName=ee;var fc=require("react/jsx-runtime"),bc="k-scheduler-group",Rf=[],If={},hc={orientation:"horizontal"},$=e=>{let{orientation:t=hc.orientation,...o}=e;return(0,fc.jsx)("div",{...o,className:n(bc,e.className,{"k-group-horizontal":t==="horizontal"}),children:e.children})};$.states=Rf;$.options=If;$.defaultOptions=hc;$.className=bc;$.moduleName=j;$.folderName=ee;var se=require("react/jsx-runtime"),Pn="k-event",Of=[c.hover,c.focus,c.selected],Bf={},Hl={resizable:"vertical",eventPrefix:(0,se.jsx)(R,{icon:"arrow-rotate-cw"}),eventSuffix:(0,se.jsx)(se.Fragment,{children:(0,se.jsx)("a",{className:"k-link k-event-delete","aria-label":"Delete event",children:(0,se.jsx)(R,{icon:"x"})})})},Ee=e=>{let{inverse:t,ongoing:o,multiDay:a,resizable:r=Hl.resizable,hover:s,focus:u,selected:b,eventPrefix:f=Hl.eventPrefix,eventSuffix:x=Hl.eventSuffix,...N}=e;return(0,se.jsxs)("div",{...N,className:n(Pn,e.className,U(Pn,{hover:s,focus:u,selected:b}),{"k-event-inverse":t,"k-event-ongoing":o}),role:"button","aria-label":N["aria-label"]||"Event",children:[(0,se.jsx)("span",{className:"k-event-actions",children:f}),(0,se.jsx)("div",{children:e.children}),(0,se.jsx)("span",{className:"k-event-actions",children:x}),a&&(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)("span",{className:"k-event-top-actions",children:(0,se.jsx)(R,{icon:"caret-alt-up"})}),(0,se.jsx)("span",{className:"k-event-bottom-actions",children:(0,se.jsx)(R,{icon:"caret-alt-down"})})]}),r==="vertical"?(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)("span",{className:"k-resize-handle k-resize-n"}),(0,se.jsx)("span",{className:"k-resize-handle k-resize-s"})]}):r==="horizontal"&&(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)("span",{className:"k-resize-handle k-resize-w"}),(0,se.jsx)("span",{className:"k-resize-handle k-resize-e"})]})]})};Ee.states=Of;Ee.options=Bf;Ee.defaultOptions=Hl;Ee.className=Pn;Ee.moduleName=j;Ee.folderName=ee;var vo=require("react/jsx-runtime"),xc="k-task",Pf=[],Df={},Cc={markStyle:{backgroundColor:"gold"}},yt=e=>{let{text:t,markStyle:o=Cc.markStyle,recurring:a,closable:r,...s}=e;return(0,vo.jsxs)("div",{...s,className:n(xc,e.className),children:[(0,vo.jsx)("span",{className:"k-scheduler-mark",style:o}),a&&(0,vo.jsx)(ql,{icon:"arrow-rotate-cw"}),(0,vo.jsx)("span",{className:"k-scheduler-task-text",children:t}),r&&(0,vo.jsx)("a",{className:"k-link k-event-delete","aria-label":"Delete event",children:(0,vo.jsx)(ql,{icon:"x"})})]})};yt.states=Pf;yt.options=Df;yt.defaultOptions=Cc;yt.className=xc;yt.moduleName=j;yt.folderName=ee;var Dn=require("react/jsx-runtime");var Kn=require("react/jsx-runtime");var vc=require("react/jsx-runtime");var yc=require("react/jsx-runtime");var v=require("react/jsx-runtime"),kc=({style:e,...t})=>(0,v.jsx)(Q,{style:e,layout:"flex",view:"day",toolbar:(0,v.jsxs)(le,{children:[(0,v.jsxs)(B,{className:"k-scheduler-navigation",children:[(0,v.jsx)(d,{className:"k-group-start",children:"Today"}),(0,v.jsx)(d,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),(0,v.jsx)(d,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),(0,v.jsx)(d,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"Monday, June 24, 2024"}),(0,v.jsx)("span",{className:"k-spacer"}),(0,v.jsxs)(pe,{thumbStyles:{width:"15%",left:"2px"},className:"k-scheduler-views",children:[(0,v.jsx)(_,{selected:!0,children:"Day"}),(0,v.jsx)(_,{children:"Week"}),(0,v.jsx)(_,{children:"Month"}),(0,v.jsx)(_,{children:"Timeline"}),(0,v.jsx)(_,{children:"Agenda"})]})]}),footer:(0,v.jsx)(le,{footer:!0,children:(0,v.jsx)(d,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})}),children:(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(ve,{as:"div",children:[(0,v.jsx)($,{children:(0,v.jsxs)(w,{children:[(0,v.jsx)(l,{as:"div",cellType:["side"],style:{minWidth:"65px"}}),(0,v.jsx)(l,{as:"div",cellType:["group"],children:(0,v.jsx)(w,{children:(0,v.jsx)(l,{as:"div",cellType:["heading"],text:"Mon, 6/24"})})})]})}),(0,v.jsx)($,{children:(0,v.jsxs)(w,{children:[(0,v.jsx)(l,{as:"div",cellType:["heading","side"],allDay:!0,style:{minWidth:"65px"},children:"all day"}),(0,v.jsx)(l,{as:"div",cellType:["group"],children:(0,v.jsx)(w,{children:(0,v.jsx)(l,{as:"div",cellType:["slot"]})})})]})})]}),(0,v.jsxs)(me,{as:"div",children:[(0,v.jsx)($,{children:(0,v.jsxs)(w,{children:[(0,v.jsx)(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"8:00 AM"}),(0,v.jsx)(l,{as:"div",cellType:["group"],children:(0,v.jsx)(w,{className:"k-middle-row",children:(0,v.jsx)(l,{as:"div",cellType:["slot"]})})})]})}),(0,v.jsx)($,{children:(0,v.jsxs)(w,{children:[(0,v.jsx)(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),(0,v.jsx)(l,{as:"div",cellType:["group"],children:(0,v.jsx)(w,{children:(0,v.jsx)(l,{as:"div",cellType:["slot"]})})})]})}),(0,v.jsx)($,{children:(0,v.jsxs)(w,{children:[(0,v.jsx)(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"9:00 AM"}),(0,v.jsx)(l,{as:"div",cellType:["group"],children:(0,v.jsx)(w,{className:"k-middle-row",children:(0,v.jsx)(l,{as:"div",cellType:["slot"]})})})]})}),(0,v.jsx)($,{children:(0,v.jsxs)(w,{children:[(0,v.jsx)(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),(0,v.jsx)(l,{as:"div",cellType:["group"],children:(0,v.jsx)(w,{children:(0,v.jsx)(l,{as:"div",cellType:["slot"]})})})]})}),(0,v.jsx)($,{children:(0,v.jsxs)(w,{children:[(0,v.jsx)(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"10:00 AM"}),(0,v.jsx)(l,{as:"div",cellType:["group"],children:(0,v.jsx)(w,{className:"k-middle-row",children:(0,v.jsx)(l,{as:"div",cellType:["slot"]})})})]})}),(0,v.jsx)($,{children:(0,v.jsxs)(w,{children:[(0,v.jsx)(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),(0,v.jsx)(l,{as:"div",cellType:["group"],children:(0,v.jsx)(w,{children:(0,v.jsx)(l,{as:"div",cellType:["slot"]})})})]})}),(0,v.jsx)($,{children:(0,v.jsxs)(w,{children:[(0,v.jsx)(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"11:00 AM"}),(0,v.jsx)(l,{as:"div",cellType:["group"],children:(0,v.jsx)(w,{className:"k-middle-row",children:(0,v.jsx)(l,{as:"div",cellType:["slot"]})})})]})}),(0,v.jsx)($,{children:(0,v.jsxs)(w,{children:[(0,v.jsx)(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),(0,v.jsx)(l,{as:"div",cellType:["group"],children:(0,v.jsx)(w,{children:(0,v.jsx)(l,{as:"div",cellType:["slot"]})})})]})}),(0,v.jsxs)(Ee,{ongoing:!0,style:{top:"0px",left:"80px",height:"72px",width:"200px"},children:[(0,v.jsx)("div",{className:"k-event-template k-event-time",children:"8:00 AM - 9:00 AM"}),(0,v.jsx)("div",{className:"k-event-template",children:"Event Title"})]})]})]}),...t});var m=require("react/jsx-runtime"),Sc=({style:e,...t})=>(0,m.jsx)(Q,{style:e,layout:"flex",view:"week",toolbar:(0,m.jsxs)(le,{children:[(0,m.jsxs)(B,{className:"k-scheduler-navigation",children:[(0,m.jsx)(d,{className:"k-group-start",children:"Today"}),(0,m.jsx)(d,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),(0,m.jsx)(d,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),(0,m.jsx)(d,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"6/23/2022 - 6/29/2022"}),(0,m.jsx)("span",{className:"k-spacer"}),(0,m.jsxs)(pe,{thumbStyles:{width:"18%",left:"16%"},className:"k-scheduler-views",children:[(0,m.jsx)(_,{children:"Day"}),(0,m.jsx)(_,{selected:!0,children:"Week"}),(0,m.jsx)(_,{children:"Month"}),(0,m.jsx)(_,{children:"Timeline"}),(0,m.jsx)(_,{children:"Agenda"})]})]}),footer:(0,m.jsx)(le,{footer:!0,children:(0,m.jsx)(d,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})}),children:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(ve,{as:"div",children:[(0,m.jsx)($,{children:(0,m.jsxs)(w,{children:[(0,m.jsx)(l,{as:"div",cellType:["side"],style:{minWidth:"65px"}}),(0,m.jsx)(l,{as:"div",cellType:["group"],children:(0,m.jsxs)(w,{children:[(0,m.jsx)(l,{as:"div",cellType:["heading"],text:"Sun, 6/23"}),(0,m.jsx)(l,{as:"div",cellType:["heading"],text:"Sun, 6/24"}),(0,m.jsx)(l,{as:"div",cellType:["heading"],text:"Sun, 6/25"}),(0,m.jsx)(l,{as:"div",cellType:["heading"],text:"Sun, 6/26"}),(0,m.jsx)(l,{as:"div",cellType:["heading"],text:"Sun, 6/27"}),(0,m.jsx)(l,{as:"div",cellType:["heading"],text:"Sun, 6/28"}),(0,m.jsx)(l,{as:"div",cellType:["heading"],text:"Sun, 6/29"})]})})]})}),(0,m.jsx)($,{children:(0,m.jsxs)(w,{children:[(0,m.jsx)(l,{as:"div",cellType:["heading","side"],allDay:!0,style:{minWidth:"65px"},children:"all day"}),(0,m.jsx)(l,{as:"div",cellType:["group"],children:(0,m.jsxs)(w,{children:[(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]})]})})]})})]}),(0,m.jsxs)(me,{as:"div",children:[(0,m.jsx)($,{children:(0,m.jsxs)(w,{children:[(0,m.jsx)(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"8:00 AM"}),(0,m.jsx)(l,{as:"div",cellType:["group"],children:(0,m.jsxs)(w,{className:"k-middle-row",children:[(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]})]})})]})}),(0,m.jsx)($,{children:(0,m.jsxs)(w,{children:[(0,m.jsx)(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),(0,m.jsx)(l,{as:"div",cellType:["group"],children:(0,m.jsxs)(w,{children:[(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]})]})})]})}),(0,m.jsx)($,{children:(0,m.jsxs)(w,{children:[(0,m.jsx)(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"9:00 AM"}),(0,m.jsx)(l,{as:"div",cellType:["group"],children:(0,m.jsxs)(w,{className:"k-middle-row",children:[(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]})]})})]})}),(0,m.jsx)($,{children:(0,m.jsxs)(w,{children:[(0,m.jsx)(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),(0,m.jsx)(l,{as:"div",cellType:["group"],children:(0,m.jsxs)(w,{children:[(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]})]})})]})}),(0,m.jsx)($,{children:(0,m.jsxs)(w,{children:[(0,m.jsx)(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"10:00 AM"}),(0,m.jsx)(l,{as:"div",cellType:["group"],children:(0,m.jsxs)(w,{className:"k-middle-row",children:[(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]})]})})]})}),(0,m.jsx)($,{children:(0,m.jsxs)(w,{children:[(0,m.jsx)(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),(0,m.jsx)(l,{as:"div",cellType:["group"],children:(0,m.jsxs)(w,{children:[(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]})]})})]})}),(0,m.jsx)($,{children:(0,m.jsxs)(w,{children:[(0,m.jsx)(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"11:00 AM"}),(0,m.jsx)(l,{as:"div",cellType:["group"],children:(0,m.jsxs)(w,{className:"k-middle-row",children:[(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]})]})})]})}),(0,m.jsx)($,{children:(0,m.jsxs)(w,{children:[(0,m.jsx)(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),(0,m.jsx)(l,{as:"div",cellType:["group"],children:(0,m.jsxs)(w,{children:[(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]}),(0,m.jsx)(l,{as:"div",cellType:["slot"]})]})})]})})]})]}),...t});var gc=require("react/jsx-runtime"),Nc="k-calendar-view",Hn={orientation:"horizontal",calendarView:"month"},_l=e=>{let{orientation:t=Hn.orientation,calendarView:o=Hn.calendarView,gridRole:a,ariaLabelledBy:r,...s}=e;return(0,gc.jsx)("div",{...s,className:n(e.className,Nc,`k-calendar-${o}view`,"k-align-items-start","k-justify-content-center",{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),...a?{role:"grid","aria-labelledby":r,tabIndex:0}:{},children:e.children})};_l.className=Nc;_l.defaultOptions=Hn;var ro=require("react/jsx-runtime"),Tc="k-calendar-header",Kf={size:[p.undefined,p.small,p.medium,p.large]},Za={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},Oo=e=>{let{calendarTitleText:t=Za.calendarTitleText,showToday:o=Za.showToday,showNavigationButtons:a=Za.showNavigationButtons,orientation:r=Za.orientation,size:s,calendarView:u,dir:b,titleId:f,...x}=e,N=b==="rtl"?"chevron-right":"chevron-left",y=b==="rtl"?"chevron-left":"chevron-right",h=f||J("calendar-title");return(0,ro.jsxs)("div",{...x,className:n(e.className,Tc,{"k-vstack":r==="vertical"}),children:[(0,ro.jsx)(d,{disabled:u==="century",className:"k-calendar-title",text:t,size:s,fillMode:"flat",themeColor:"primary",id:h,tabIndex:-1,"aria-label":`Navigate to parent view: ${t}`,...u==="century"?{"aria-disabled":"true"}:{}}),(0,ro.jsx)("span",{className:"k-spacer"}),(0,ro.jsxs)("span",{className:"k-calendar-nav",children:[a&&(0,ro.jsx)(d,{className:"k-calendar-nav-prev",icon:N,size:s,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),o&&(0,ro.jsx)(d,{size:s,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),a&&(0,ro.jsx)(d,{className:"k-calendar-nav-next",icon:y,size:s,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};Oo.options=Kf;Oo.className=Tc;Oo.defaultOptions=Za;var _n=require("react/jsx-runtime"),wc="k-calendar-footer",Hf={size:[p.undefined,p.small,p.medium,p.large]},Mc={calendarFooterText:"Tuesday, October 12, 2021"},ja=e=>{let{size:t,calendarFooterText:o=Mc.calendarFooterText,...a}=e;return(0,_n.jsx)("div",{...a,className:n(e.className,wc),children:(0,_n.jsx)(d,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:o})})};ja.options=Hf;ja.className=wc;ja.defaultOptions=Mc;var $e="calendar",tt=$e;var ka=require("react/jsx-runtime"),zn="k-calendar",_f=[],zf={size:[p.undefined,p.small,p.medium,p.large]},el={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},be=e=>{let{size:t,orientation:o=el.orientation,calendarView:a=el.calendarView,calendarTitleText:r=el.calendarTitleText,showCalendarHeader:s=el.showCalendarHeader,showWeek:u,showCalendarFooter:b,calendarFooterText:f,dir:x,...N}=e,y=J("calendar-title");return(0,ka.jsxs)("div",{...N,dir:x,className:n(e.className,zn,H(zn,{size:t}),{"k-week-number":u}),children:[s&&(0,ka.jsx)(Oo,{calendarView:a,showToday:!b,calendarTitleText:r,orientation:o,size:t,dir:x,titleId:y}),(0,ka.jsx)(_l,{calendarView:a,orientation:o,gridRole:!0,ariaLabelledBy:y,children:e.children}),b&&(0,ka.jsx)(ja,{calendarFooterText:f,size:t})]})};be.states=_f;be.options=zf;be.className=zn;be.defaultOptions=el;be.moduleName=$e;be.folderName=tt;be.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."}]};var Ec=require("react/jsx-runtime"),Lc="k-calendar-container",Gf=[],Uf={},Ff={},Sa=e=>{let{...t}=e;return(0,Ec.jsx)("div",{...t,className:n(e.className,Lc),children:e.children})};Sa.states=Gf;Sa.options=Uf;Sa.className=Lc;Sa.defaultOptions=Ff;Sa.moduleName=$e;Sa.folderName=tt;var Dt=require("react/jsx-runtime"),Wf=[c.hover,c.focus,c.active,c.selected,c.disabled],i=e=>{let{text:t,headerCell:o,today:a,weekend:r,showOtherMonth:s,weekCell:u,rangeStart:b,rangeMid:f,rangeEnd:x,dayIndicator:N,empty:y,hover:h,focus:A,active:E,selected:D,disabled:F,...P}=e,ce=`k-calendar-${o?"th":"td"}`,Ne=[e.className,ce,U(ce,{hover:h,focus:A,active:E,selected:D,disabled:F}),{"k-today":a,"k-weekend":r,"k-other-month":s,"k-alt":u,"k-range-start":b,"k-range-mid":f,"k-range-end":x,"k-empty":y}],He={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(o){let Oe=t?He[t]||t:void 0;return(0,Dt.jsx)("th",{...P,className:n(Ne),role:"columnheader",scope:"col","aria-label":Oe,children:u?(0,Dt.jsx)("span",{className:"k-sr-only",children:Oe}):t})}return u?(0,Dt.jsx)("td",{...P,className:n(Ne),children:t}):(0,Dt.jsx)("td",{...P,className:n(Ne),role:"gridcell",...D?{"aria-selected":"true"}:{},...F?{"aria-disabled":"true"}:{},children:y&&!s?(0,Dt.jsx)(Dt.Fragment,{children:"\xA0"}):(0,Dt.jsxs)("span",{className:"k-link",children:[t,N&&(0,Dt.jsx)("span",{className:"k-day-indicator"})]})})};i.states=Wf;var Na=require("react/jsx-runtime"),Ac="k-calendar-thead",Rc={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},ga=e=>{let{showWeek:t,cellsText:o=Rc.cellsText,...a}=e;return(0,Na.jsx)("thead",{...a,className:n(e.className,Ac),role:"rowgroup",children:(0,Na.jsxs)("tr",{className:"k-calendar-tr",role:"row",children:[t&&(0,Na.jsx)(i,{weekCell:!0,headerCell:!0,text:"W"}),o.map((r,s)=>(0,Na.jsx)(i,{text:r,headerCell:!0},s))]})})};ga.className=Ac;ga.defaultOptions=Rc;var Oc=require("react/jsx-runtime"),Ic="k-calendar-tbody",Ke=e=>{let{...t}=e;return(0,Oc.jsx)("tbody",{...t,className:n(e.className,Ic),role:"rowgroup",children:e.children})};Ke.className=Ic;Ke.moduleName=$e;Ke.folderName=tt;var Ta=require("react/jsx-runtime"),Vf="k-calendar-table",Kt=e=>{let{calendarCaption:t,showTableHead:o,showWeek:a,ariaLabelledBy:r,ariaActiveDescendant:s,gridRole:u,...b}=e;return(0,Ta.jsxs)("table",{...b,className:n(e.className,Vf),...u?{role:"grid","aria-labelledby":r,"aria-activedescendant":s,tabIndex:0}:{role:"none"},children:[t&&(0,Ta.jsx)("caption",{className:"k-calendar-caption",children:t}),o&&(0,Ta.jsx)(ga,{showWeek:a}),(0,Ta.jsx)(Ke,{children:e.children})]})};var Bo=require("react/jsx-runtime"),Bc="k-calendar-navigation",tl=e=>(0,Bo.jsxs)("div",{...e,className:n(e.className,Bc),children:[(0,Bo.jsx)("span",{className:"k-calendar-navigation-highlight"}),(0,Bo.jsxs)("div",{className:"k-content k-scrollable",children:[(0,Bo.jsx)("ul",{className:"k-reset",children:e.children}),(0,Bo.jsx)("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]});tl.className=Bc;tl.moduleName=$e;tl.folderName=tt;var Pc=require("react/jsx-runtime"),$f="k-calendar-table",Gn=e=>{let{tableRole:t="none",ariaLabelledBy:o,...a}=e;return(0,Pc.jsx)("table",{...a,className:n(e.className,$f),role:t,...o?{"aria-labelledby":o}:{},...t==="grid"?{tabIndex:0}:{},children:e.children})};var Xe=require("react/jsx-runtime"),Dc="k-calendar-view",wa={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},Ma=e=>{let{orientation:t=wa.orientation,calendarView:o=wa.calendarView,headerText:a=wa.headerText,showWeekdays:r=wa.showWeekdays,showNavigationButtons:s=wa.showNavigationButtons,showWeekNumbers:u,weekdayCellsText:b,gridLabelledBy:f,...x}=e;return(0,Xe.jsxs)("div",{...x,className:n(Dc,`k-calendar-${o}view`,e.className,{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),children:[(0,Xe.jsx)(Oo,{showNavigationButtons:s,calendarTitleText:a,orientation:"horizontal"}),r&&(0,Xe.jsxs)(Gn,{className:"k-calendar-weekdays",tableRole:"table",children:[(0,Xe.jsxs)("colgroup",{children:[(0,Xe.jsx)("col",{}),(0,Xe.jsx)("col",{}),(0,Xe.jsx)("col",{}),(0,Xe.jsx)("col",{}),(0,Xe.jsx)("col",{}),(0,Xe.jsx)("col",{}),(0,Xe.jsx)("col",{})]}),(0,Xe.jsx)(ga,{cellsText:b,showWeek:u})]}),(0,Xe.jsxs)("div",{className:"k-content k-scrollable",role:"none",children:[(0,Xe.jsx)(Gn,{tableRole:"grid",ariaLabelledBy:f,children:e.children}),(0,Xe.jsx)("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};Ma.className=Dc;Ma.defaultOptions=wa;Ma.moduleName=$e;Ma.folderName=tt;var Po=require("react/jsx-runtime"),Kc="k-calendar-infinite",Xf={size:[p.undefined,p.small,p.medium,p.large]},Jf=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],qf={2021:"marker",2022:"marker"},Yf=(e,t)=>e.map((o,a)=>(0,Po.jsx)("li",{children:(0,Po.jsx)("span",{className:t[o]==="marker"?"k-calendar-navigation-marker":void 0,children:o})},a)),ol={showNavigation:!0,calendarView:"month",navigationItems:Jf,navigationMarkerConfig:qf},Se=e=>{let{size:t,showNavigation:o=ol.showNavigation,calendarView:a=ol.calendarView,navigationItems:r=ol.navigationItems,navigationMarkerConfig:s=ol.navigationMarkerConfig,calendarTitleText:u,showWeekdays:b,showWeekNumbers:f,showNavigationButtons:x,calendarWeekdays:N,...y}=e,h=J("calendar-infinite-title");return(0,Po.jsxs)("div",{...y,className:n(e.className,"k-calendar",Kc,H("k-calendar",{size:t})),children:[o&&(0,Po.jsx)(tl,{children:Yf(r,s)}),(0,Po.jsx)(Ma,{calendarView:a,headerText:u,showWeekdays:b,showWeekNumbers:f,showNavigationButtons:x,orientation:"vertical",weekdayCellsText:N,gridLabelledBy:h,children:e.children})]})};Se.options=Xf;Se.className=Kc;Se.defaultOptions=ol;Se.moduleName=$e;Se.folderName=tt;Se.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."}]};var _c=require("react/jsx-runtime"),Hc="k-calendar-tr",O=e=>{let{...t}=e;return(0,_c.jsx)("tr",{...t,className:n(e.className,Hc),role:"row",children:e.children})};O.className=Hc;O.moduleName=$e;O.folderName=tt;var Gc=require("react/jsx-runtime"),zc="k-calendar-caption",ot=e=>{let{text:t,scope:o,colSpan:a,rowSpan:r,...s}=e;return(0,Gc.jsx)("th",{...s,scope:o,colSpan:a,rowSpan:r,className:n(e.className,zc),children:t})};ot.className=zc;ot.moduleName=$e;ot.folderName=tt;var Ae=require("react/jsx-runtime"),Uc=({showOtherCentury:e,...t})=>(0,Ae.jsx)(be,{calendarView:"century",calendarTitleText:"2000 - 2099",children:(0,Ae.jsxs)(Kt,{children:[(0,Ae.jsxs)(O,{children:[(0,Ae.jsx)(i,{text:"1990 - 1999"}),(0,Ae.jsx)(i,{text:"2000 - 2009"}),(0,Ae.jsx)(i,{text:"2010 - 2019",today:!0}),(0,Ae.jsx)(i,{text:"2020 - 2029"})]}),(0,Ae.jsxs)(O,{children:[(0,Ae.jsx)(i,{text:"2030 - 2039"}),(0,Ae.jsx)(i,{text:"2040 - 2049"}),(0,Ae.jsx)(i,{text:"2050 - 2059"}),(0,Ae.jsx)(i,{text:"2060 - 2069"})]}),(0,Ae.jsxs)(O,{children:[(0,Ae.jsx)(i,{text:"2070 - 2079"}),(0,Ae.jsx)(i,{text:"2080 - 2089"}),(0,Ae.jsx)(i,{text:"2090 - 2099"}),(0,Ae.jsx)(i,{text:"2100 - 2109",empty:!e})]})]}),...t});var Re=require("react/jsx-runtime"),Fc=({showOtherDecade:e,...t})=>(0,Re.jsx)(be,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:(0,Re.jsxs)(Kt,{children:[(0,Re.jsxs)(O,{children:[(0,Re.jsx)(i,{text:"2019",empty:!e}),(0,Re.jsx)(i,{text:"2020"}),(0,Re.jsx)(i,{text:"2021",today:!0}),(0,Re.jsx)(i,{text:"2022"})]}),(0,Re.jsxs)(O,{children:[(0,Re.jsx)(i,{text:"2023"}),(0,Re.jsx)(i,{text:"2024"}),(0,Re.jsx)(i,{text:"2025"}),(0,Re.jsx)(i,{text:"2026"})]}),(0,Re.jsxs)(O,{children:[(0,Re.jsx)(i,{text:"2027"}),(0,Re.jsx)(i,{text:"2028"}),(0,Re.jsx)(i,{text:"2029"}),(0,Re.jsx)(i,{text:"2030",empty:!e})]})]}),...t});var K=require("react/jsx-runtime"),Wc=({showCaptions:e,showOtherMonth:t,...o})=>(0,K.jsx)(be,{calendarView:"month",children:(0,K.jsxs)(Kt,{calendarCaption:e&&"October 2021",showTableHead:!0,children:[(0,K.jsxs)(O,{children:[(0,K.jsx)(i,{text:"26",showOtherMonth:t,empty:!t,weekend:t}),(0,K.jsx)(i,{text:"27",showOtherMonth:t,empty:!t}),(0,K.jsx)(i,{text:"28",showOtherMonth:t,empty:!t}),(0,K.jsx)(i,{text:"29",showOtherMonth:t,empty:!t}),(0,K.jsx)(i,{text:"30",showOtherMonth:t,empty:!t}),(0,K.jsx)(i,{text:"1"}),(0,K.jsx)(i,{text:"2",weekend:!0})]}),(0,K.jsxs)(O,{children:[(0,K.jsx)(i,{text:"3",weekend:!0}),(0,K.jsx)(i,{text:"4"}),(0,K.jsx)(i,{text:"5"}),(0,K.jsx)(i,{text:"6"}),(0,K.jsx)(i,{text:"7"}),(0,K.jsx)(i,{text:"8"}),(0,K.jsx)(i,{text:"9",weekend:!0})]}),(0,K.jsxs)(O,{children:[(0,K.jsx)(i,{text:"10",weekend:!0}),(0,K.jsx)(i,{text:"11"}),(0,K.jsx)(i,{text:"12",today:!0}),(0,K.jsx)(i,{text:"13"}),(0,K.jsx)(i,{text:"14"}),(0,K.jsx)(i,{text:"15"}),(0,K.jsx)(i,{text:"16",weekend:!0})]}),(0,K.jsxs)(O,{children:[(0,K.jsx)(i,{text:"17",weekend:!0}),(0,K.jsx)(i,{text:"18"}),(0,K.jsx)(i,{text:"19"}),(0,K.jsx)(i,{text:"20"}),(0,K.jsx)(i,{text:"21"}),(0,K.jsx)(i,{text:"22"}),(0,K.jsx)(i,{text:"23",weekend:!0})]}),(0,K.jsxs)(O,{children:[(0,K.jsx)(i,{text:"24",weekend:!0}),(0,K.jsx)(i,{text:"25"}),(0,K.jsx)(i,{text:"26"}),(0,K.jsx)(i,{text:"27"}),(0,K.jsx)(i,{text:"28"}),(0,K.jsx)(i,{text:"29"}),(0,K.jsx)(i,{text:"30",weekend:!0})]}),(0,K.jsxs)(O,{children:[(0,K.jsx)(i,{text:"31",weekend:!0}),(0,K.jsx)(i,{text:"1",showOtherMonth:t,empty:!t}),(0,K.jsx)(i,{text:"2",showOtherMonth:t,empty:!t}),(0,K.jsx)(i,{text:"3",showOtherMonth:t,empty:!t}),(0,K.jsx)(i,{text:"4",showOtherMonth:t,empty:!t}),(0,K.jsx)(i,{text:"5",showOtherMonth:t,empty:!t}),(0,K.jsx)(i,{text:"6",showOtherMonth:t,empty:!t,weekend:t})]})]}),...o});var Vc=require("react/jsx-runtime");var Ie=require("react/jsx-runtime"),$c=e=>(0,Ie.jsx)(be,{calendarView:"year",calendarTitleText:"2019",children:(0,Ie.jsxs)(Kt,{children:[(0,Ie.jsxs)(O,{children:[(0,Ie.jsx)(i,{text:"Jan"}),(0,Ie.jsx)(i,{text:"Feb"}),(0,Ie.jsx)(i,{text:"Mar"}),(0,Ie.jsx)(i,{text:"Apr"})]}),(0,Ie.jsxs)(O,{children:[(0,Ie.jsx)(i,{text:"May"}),(0,Ie.jsx)(i,{text:"Jun"}),(0,Ie.jsx)(i,{text:"Jul"}),(0,Ie.jsx)(i,{text:"Au"})]}),(0,Ie.jsxs)(O,{children:[(0,Ie.jsx)(i,{text:"Sep"}),(0,Ie.jsx)(i,{text:"Oct",today:!0}),(0,Ie.jsx)(i,{text:"Nov"}),(0,Ie.jsx)(i,{text:"Dec"})]})]}),...e});var L=require("react/jsx-runtime"),Xc=({firstCaption:e="January 2021",secondCaption:t="February 2021",...o})=>(0,L.jsx)(Se,{calendarTitleText:"January 2021",children:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)("colgroup",{children:[(0,L.jsx)("col",{}),(0,L.jsx)("col",{}),(0,L.jsx)("col",{}),(0,L.jsx)("col",{}),(0,L.jsx)("col",{}),(0,L.jsx)("col",{}),(0,L.jsx)("col",{})]}),(0,L.jsxs)(Ke,{children:[(0,L.jsx)(O,{"aria-hidden":"true",children:(0,L.jsx)(ot,{scope:"col",colSpan:7,text:e})}),(0,L.jsxs)(O,{children:[(0,L.jsx)(i,{empty:!0}),(0,L.jsx)(i,{empty:!0}),(0,L.jsx)(i,{empty:!0}),(0,L.jsx)(i,{empty:!0}),(0,L.jsx)(i,{empty:!0}),(0,L.jsx)(i,{text:"1"}),(0,L.jsx)(i,{text:"2",weekend:!0})]}),(0,L.jsxs)(O,{children:[(0,L.jsx)(i,{text:"3",weekend:!0}),(0,L.jsx)(i,{text:"4"}),(0,L.jsx)(i,{text:"5"}),(0,L.jsx)(i,{text:"6"}),(0,L.jsx)(i,{text:"7"}),(0,L.jsx)(i,{text:"8"}),(0,L.jsx)(i,{text:"9",weekend:!0})]}),(0,L.jsxs)(O,{children:[(0,L.jsx)(i,{text:"10",weekend:!0}),(0,L.jsx)(i,{text:"11"}),(0,L.jsx)(i,{text:"12"}),(0,L.jsx)(i,{text:"13"}),(0,L.jsx)(i,{text:"14"}),(0,L.jsx)(i,{text:"15"}),(0,L.jsx)(i,{text:"16",weekend:!0})]}),(0,L.jsxs)(O,{children:[(0,L.jsx)(i,{text:"17",weekend:!0}),(0,L.jsx)(i,{text:"18"}),(0,L.jsx)(i,{text:"19"}),(0,L.jsx)(i,{text:"20"}),(0,L.jsx)(i,{text:"21"}),(0,L.jsx)(i,{text:"22"}),(0,L.jsx)(i,{text:"23",weekend:!0})]}),(0,L.jsxs)(O,{children:[(0,L.jsx)(i,{text:"24",weekend:!0}),(0,L.jsx)(i,{text:"25"}),(0,L.jsx)(i,{text:"26"}),(0,L.jsx)(i,{text:"27"}),(0,L.jsx)(i,{text:"28"}),(0,L.jsx)(i,{text:"29"}),(0,L.jsx)(i,{text:"30",weekend:!0})]}),(0,L.jsxs)(O,{children:[(0,L.jsx)(i,{text:"31",weekend:!0}),(0,L.jsx)(i,{empty:!0}),(0,L.jsx)(i,{empty:!0}),(0,L.jsx)(i,{empty:!0}),(0,L.jsx)(i,{empty:!0}),(0,L.jsx)(i,{empty:!0}),(0,L.jsx)(i,{empty:!0})]})]}),(0,L.jsx)(Ke,{children:(0,L.jsx)(O,{"aria-hidden":"true",children:(0,L.jsx)(ot,{scope:"col",colSpan:7,text:t})})})]}),...o});var z=require("react/jsx-runtime"),Jc=({firstCaption:e="2021",secondCaption:t="2022",...o})=>(0,z.jsx)(Se,{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:(0,z.jsxs)(z.Fragment,{children:[(0,z.jsxs)("colgroup",{children:[(0,z.jsx)("col",{}),(0,z.jsx)("col",{}),(0,z.jsx)("col",{}),(0,z.jsx)("col",{})]}),(0,z.jsxs)(Ke,{children:[(0,z.jsx)(O,{"aria-hidden":"true",children:(0,z.jsx)(ot,{scope:"col",colSpan:4,text:e})}),(0,z.jsxs)(O,{children:[(0,z.jsx)(i,{text:"Jan",today:!0}),(0,z.jsx)(i,{text:"Feb"}),(0,z.jsx)(i,{text:"Mar"}),(0,z.jsx)(i,{text:"Apr"})]}),(0,z.jsxs)(O,{children:[(0,z.jsx)(i,{text:"May"}),(0,z.jsx)(i,{text:"Jun"}),(0,z.jsx)(i,{text:"Jul"}),(0,z.jsx)(i,{text:"Aug"})]}),(0,z.jsxs)(O,{children:[(0,z.jsx)(i,{text:"Sep"}),(0,z.jsx)(i,{text:"Oct"}),(0,z.jsx)(i,{text:"Nov"}),(0,z.jsx)(i,{text:"Dec"})]})]}),(0,z.jsxs)(Ke,{children:[(0,z.jsx)(O,{"aria-hidden":"true",children:(0,z.jsx)(ot,{scope:"col",colSpan:4,text:t})}),(0,z.jsxs)(O,{children:[(0,z.jsx)(i,{text:"Jan"}),(0,z.jsx)(i,{text:"Feb"}),(0,z.jsx)(i,{text:"Mar"}),(0,z.jsx)(i,{text:"Apr"})]}),(0,z.jsxs)(O,{children:[(0,z.jsx)(i,{text:"May"}),(0,z.jsx)(i,{text:"Jun"}),(0,z.jsx)(i,{text:"Jul"}),(0,z.jsx)(i,{text:"Aug"})]}),(0,z.jsxs)(O,{children:[(0,z.jsx)(i,{text:"Sep"}),(0,z.jsx)(i,{text:"Oct"}),(0,z.jsx)(i,{text:"Nov"}),(0,z.jsx)(i,{text:"Dec"})]})]})]}),...o});var G=require("react/jsx-runtime"),qc=({firstCaption:e="2020 - 2029",secondCaption:t="2030 - 2039",...o})=>(0,G.jsx)(Se,{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:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsxs)("colgroup",{children:[(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{})]}),(0,G.jsxs)(Ke,{children:[(0,G.jsx)(O,{"aria-hidden":"true",children:(0,G.jsx)(ot,{scope:"col",colSpan:4,text:e})}),(0,G.jsxs)(O,{children:[(0,G.jsx)(i,{text:"2020",today:!0}),(0,G.jsx)(i,{text:"2021"}),(0,G.jsx)(i,{text:"2022"}),(0,G.jsx)(i,{text:"2023"})]}),(0,G.jsxs)(O,{children:[(0,G.jsx)(i,{text:"2024"}),(0,G.jsx)(i,{text:"2025"}),(0,G.jsx)(i,{text:"2026"}),(0,G.jsx)(i,{text:"2027"})]}),(0,G.jsxs)(O,{children:[(0,G.jsx)(i,{text:"2028"}),(0,G.jsx)(i,{text:"2029"}),(0,G.jsx)(i,{empty:!0}),(0,G.jsx)(i,{empty:!0})]})]}),(0,G.jsxs)(Ke,{children:[(0,G.jsx)(O,{"aria-hidden":"true",children:(0,G.jsx)(ot,{scope:"col",colSpan:4,text:t})}),(0,G.jsxs)(O,{children:[(0,G.jsx)(i,{text:"2030"}),(0,G.jsx)(i,{text:"2031"}),(0,G.jsx)(i,{text:"2032"}),(0,G.jsx)(i,{text:"2033"})]}),(0,G.jsxs)(O,{children:[(0,G.jsx)(i,{text:"2034"}),(0,G.jsx)(i,{text:"2035"}),(0,G.jsx)(i,{text:"2036"}),(0,G.jsx)(i,{text:"2037"})]}),(0,G.jsxs)(O,{children:[(0,G.jsx)(i,{text:"2038"}),(0,G.jsx)(i,{text:"2039"}),(0,G.jsx)(i,{empty:!0}),(0,G.jsx)(i,{empty:!0})]})]})]}),...o});var oe=require("react/jsx-runtime"),Yc=({firstCaption:e="2000 - 2099",...t})=>(0,oe.jsx)(Se,{calendarView:"century",showWeekdays:!1,calendarTitleText:"2000 - 2099",navigationItems:["1900","2000"],navigationMarkerConfig:{2e3:"marker"},children:(0,oe.jsxs)(oe.Fragment,{children:[(0,oe.jsxs)("colgroup",{children:[(0,oe.jsx)("col",{}),(0,oe.jsx)("col",{}),(0,oe.jsx)("col",{}),(0,oe.jsx)("col",{})]}),(0,oe.jsxs)(Ke,{children:[(0,oe.jsx)(O,{"aria-hidden":"true",children:(0,oe.jsx)(ot,{scope:"col",colSpan:4,text:e})}),(0,oe.jsxs)(O,{children:[(0,oe.jsx)(i,{text:"1900 - 1999"}),(0,oe.jsx)(i,{text:"2000 - 2009"}),(0,oe.jsx)(i,{text:"2010 - 2019"}),(0,oe.jsx)(i,{text:"2020 - 2029"})]}),(0,oe.jsxs)(O,{children:[(0,oe.jsx)(i,{text:"2030 - 2039"}),(0,oe.jsx)(i,{text:"2040 - 2049"}),(0,oe.jsx)(i,{text:"2050 - 2059"}),(0,oe.jsx)(i,{text:"2060 - 2069"})]}),(0,oe.jsxs)(O,{children:[(0,oe.jsx)(i,{text:"2070 - 2079"}),(0,oe.jsx)(i,{text:"2080 - 2089"}),(0,oe.jsx)(i,{text:"2090 - 2099"}),(0,oe.jsx)(i,{empty:!0})]})]})]}),...t});var Un=require("react/jsx-runtime");var Qc=require("react/jsx-runtime");var Fn=require("react/jsx-runtime");var al=require("react/jsx-runtime"),Qf=be.options,Zf=be.states,Zc={...be.defaultOptions,variant:"month"},jf=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],ex=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],La=e=>{let{variant:t,modifiers:o,...a}={...Zc,...e},r={showCalendarFooter:!1};Object.keys(o||{}).forEach(x=>{switch(x){case"other":r.showOtherMonth=!!(o!=null&&o[x]),r.showOtherCentury=!!(o!=null&&o[x]),r.showOtherDecade=!!(o!=null&&o[x]);break;case"footer":r.showCalendarFooter=!!(o!=null&&o[x]);break;default:return}});let{showOtherMonth:s,showOtherDecade:u,showOtherCentury:b,showCalendarFooter:f}=r;switch(t){case"century":return(0,al.jsx)(Uc,{size:a.size,showOtherCentury:b,showCalendarFooter:f});case"decade":return(0,al.jsx)(Fc,{size:a.size,showOtherDecade:u,showCalendarFooter:f});case"year":return(0,al.jsx)($c,{calendarTitleText:"2021",size:a.size,showCalendarFooter:f});default:return(0,al.jsx)(Wc,{size:a.size,showOtherMonth:s,showCalendarFooter:f})}};La.options=Qf;La.states=Zf;La.variants=jf;La.defaultOptions=Zc;La.modifiers=ex;La.className=be.className;var ll=require("react/jsx-runtime"),tx=Se.options,ox=Se.states,jc={...Se.defaultOptions,variant:"month"},ax=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],lx=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],Ea=e=>{let{variant:t,modifiers:o,...a}={...jc,...e},r={showCalendarFooter:!1};Object.keys(o||{}).forEach(x=>{switch(x){case"other":r.showOtherMonth=!!(o!=null&&o[x]),r.showOtherCentury=!!(o!=null&&o[x]),r.showOtherDecade=!!(o!=null&&o[x]);break;case"footer":r.showCalendarFooter=!!(o!=null&&o[x]);break;default:return}});let{showOtherMonth:s,showOtherDecade:u,showOtherCentury:b,showCalendarFooter:f}=r;switch(t){case"century":return(0,ll.jsx)(Yc,{size:a.size,showOtherCentury:b,showCalendarFooter:f});case"decade":return(0,ll.jsx)(qc,{size:a.size,showOtherDecade:u,showCalendarFooter:f});case"year":return(0,ll.jsx)(Jc,{size:a.size,showCalendarFooter:f});default:return(0,ll.jsx)(Xc,{size:a.size,showOtherMonth:s,showCalendarFooter:f})}};Ea.options=tx;Ea.states=ox;Ea.variants=ax;Ea.defaultOptions=jc;Ea.modifiers=lx;Ea.className=Se.className;var ep=require("react/jsx-runtime");var C=require("react/jsx-runtime"),tp=({style:e,...t})=>(0,C.jsx)(Q,{style:e,layout:"flex",view:"month",toolbar:(0,C.jsxs)(le,{children:[(0,C.jsxs)(B,{className:"k-scheduler-navigation",children:[(0,C.jsx)(d,{className:"k-group-start",children:"Today"}),(0,C.jsx)(d,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),(0,C.jsx)(d,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),(0,C.jsx)(d,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"June 23 2024"}),(0,C.jsx)("span",{className:"k-spacer"}),(0,C.jsxs)(pe,{thumbStyles:{width:"19%",left:"34%"},className:"k-scheduler-views",children:[(0,C.jsx)(_,{children:"Day"}),(0,C.jsx)(_,{children:"Week"}),(0,C.jsx)(_,{selected:!0,children:"Month"}),(0,C.jsx)(_,{children:"Timeline"}),(0,C.jsx)(_,{children:"Agenda"})]})]}),children:(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(ve,{as:"div",children:(0,C.jsx)($,{children:(0,C.jsx)(w,{children:(0,C.jsx)(l,{as:"div",cellType:["group"],children:(0,C.jsxs)(w,{children:[(0,C.jsx)(l,{as:"div",cellType:["heading"],text:"Sunday"}),(0,C.jsx)(l,{as:"div",cellType:["heading"],text:"Monday"}),(0,C.jsx)(l,{as:"div",cellType:["heading"],text:"Tuesday"}),(0,C.jsx)(l,{as:"div",cellType:["heading"],text:"Wednesday"}),(0,C.jsx)(l,{as:"div",cellType:["heading"],text:"Tuesday"}),(0,C.jsx)(l,{as:"div",cellType:["heading"],text:"Friday"}),(0,C.jsx)(l,{as:"div",cellType:["heading"],text:"Saturday"})]})})})})}),(0,C.jsxs)(me,{as:"div",children:[(0,C.jsx)($,{children:(0,C.jsx)(w,{children:(0,C.jsxs)(l,{as:"div",cellType:["group"],children:[(0,C.jsxs)(w,{children:[(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"26",className:"k-other-month"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"27",className:"k-other-month"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"28",className:"k-other-month"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"29",className:"k-other-month"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"30",className:"k-other-month"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"31",className:"k-other-month"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"01"})]}),(0,C.jsxs)(w,{children:[(0,C.jsxs)(l,{as:"div",cellType:["slot"],children:[(0,C.jsx)("span",{className:"k-link k-nav-day",children:"02"}),(0,C.jsx)(d,{className:"k-more-events",icon:"more-horizontal","aria-label":"Show more events"})]}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"03"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"04"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"05"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"06"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"07"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"08"})]}),(0,C.jsxs)(w,{children:[(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"09"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"10"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"11"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"12"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"13"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"14"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"15"})]}),(0,C.jsxs)(w,{children:[(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"16"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"17"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"18"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"19"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"20"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"21"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"22"})]}),(0,C.jsxs)(w,{children:[(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"23"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"24"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"25"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"26"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"27"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"28"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"29"})]}),(0,C.jsxs)(w,{children:[(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"30"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"31"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"01",className:"k-other-month"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"02",className:"k-other-month"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"03",className:"k-other-month"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"04",className:"k-other-month"}),(0,C.jsx)(l,{as:"div",cellType:["slot"],text:"05",className:"k-other-month"})]})]})})}),(0,C.jsx)(Ee,{eventPrefix:null,eventSuffix:null,resizable:"none",style:{top:"137px",width:"138px"},children:(0,C.jsx)("div",{children:(0,C.jsx)("div",{className:"k-event-template",children:"Event 1 Title"})})}),(0,C.jsx)(Ee,{eventPrefix:null,eventSuffix:null,resizable:"none",style:{top:"137px",left:"141px",width:"138px"},children:(0,C.jsx)("div",{children:(0,C.jsx)("div",{className:"k-event-template",children:"Event 2 Title"})})}),(0,C.jsx)(Ee,{eventPrefix:null,eventSuffix:null,resizable:"none",style:{top:"165px",left:"141px",width:"138px"},children:(0,C.jsx)("div",{children:(0,C.jsx)("div",{className:"k-event-template",children:"Event 3 Title"})})}),(0,C.jsx)(Ee,{eventSuffix:null,resizable:"none",style:{top:"137px",left:"282px",width:"410px"},children:(0,C.jsx)("div",{children:(0,C.jsx)("div",{className:"k-event-template",children:"Event 4 Title"})})})]})]}),...t});var T=require("react/jsx-runtime"),op=({style:e,...t})=>(0,T.jsx)(Q,{style:e,layout:"flex",view:"timeline",toolbar:(0,T.jsxs)(le,{children:[(0,T.jsxs)(B,{className:"k-scheduler-navigation",children:[(0,T.jsx)(d,{className:"k-group-start",children:"Today"}),(0,T.jsx)(d,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),(0,T.jsx)(d,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),(0,T.jsx)(d,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"Friday, June 21, 2024"}),(0,T.jsx)("span",{className:"k-spacer"}),(0,T.jsxs)(pe,{thumbStyles:{width:"23%",left:"54%"},className:"k-scheduler-views",children:[(0,T.jsx)(_,{children:"Day"}),(0,T.jsx)(_,{children:"Week"}),(0,T.jsx)(_,{children:"Month"}),(0,T.jsx)(_,{selected:!0,children:"Timeline"}),(0,T.jsx)(_,{children:"Agenda"})]})]}),footer:(0,T.jsx)(le,{footer:!0,children:(0,T.jsx)(d,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})}),children:(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(ve,{as:"div",style:{width:"1874px"},children:(0,T.jsx)($,{children:(0,T.jsxs)(w,{children:[(0,T.jsx)(ya,{children:(0,T.jsx)(l,{as:"div",cellType:["side"],style:{minWidth:"72px"}})}),(0,T.jsxs)(l,{as:"div",cellType:["group"],children:[(0,T.jsx)(w,{children:(0,T.jsx)(l,{as:"div",cellType:["heading"],text:"June 21"})}),(0,T.jsxs)(w,{children:[(0,T.jsx)(l,{as:"div",cellType:["heading"],children:"8:00 AM"}),(0,T.jsx)(l,{as:"div",cellType:["heading"],children:"9:00 AM"}),(0,T.jsx)(l,{as:"div",cellType:["heading"],children:"10:00 AM"}),(0,T.jsx)(l,{as:"div",cellType:["heading"],children:"11:00 AM"}),(0,T.jsx)(l,{as:"div",cellType:["heading"],children:"12:00 PM"}),(0,T.jsx)(l,{as:"div",cellType:["heading"],children:"1:00 PM"}),(0,T.jsx)(l,{as:"div",cellType:["heading"],children:"2:00 PM"}),(0,T.jsx)(l,{as:"div",cellType:["heading"],children:"3:00 PM"}),(0,T.jsx)(l,{as:"div",cellType:["heading"],children:"4:00 PM"}),(0,T.jsx)(l,{as:"div",cellType:["heading"],children:"5:00 PM"}),(0,T.jsx)(l,{as:"div",cellType:["heading"],children:"6:00 PM"}),(0,T.jsx)(l,{as:"div",cellType:["heading"],children:"7:00 PM"}),(0,T.jsx)(l,{as:"div",cellType:["heading"],children:"8:00 PM"})]})]})]})})}),(0,T.jsx)(me,{as:"div",style:{width:"1874px",minHeight:"100px"},children:(0,T.jsx)($,{children:(0,T.jsxs)(w,{children:[(0,T.jsx)(ya,{children:(0,T.jsx)(l,{as:"div",cellType:["heading","side"],allDay:!0,style:{minWidth:"72px"},children:"All events"})}),(0,T.jsx)(l,{as:"div",cellType:["group"],children:(0,T.jsxs)(w,{children:[(0,T.jsx)(l,{as:"div",cellType:["slot"],className:"k-nonwork-hour"}),(0,T.jsx)(l,{as:"div",cellType:["slot"],className:"k-nonwork-hour"}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]}),(0,T.jsx)(l,{as:"div",cellType:["slot"]})]})})]})})})]}),...t});var Wn=require("react/jsx-runtime");var Vn=require("react/jsx-runtime");var $n=require("react/jsx-runtime");var Xn=require("react/jsx-runtime");var M=require("react/jsx-runtime"),ap=({style:e,...t})=>(0,M.jsx)(Q,{style:e,layout:"flex",view:"agenda",toolbar:(0,M.jsxs)(le,{children:[(0,M.jsxs)(B,{className:"k-scheduler-navigation",children:[(0,M.jsx)(d,{className:"k-group-start",children:"Today"}),(0,M.jsx)(d,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),(0,M.jsx)(d,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),(0,M.jsx)(d,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"6/24/2024 - 6/25/2024"}),(0,M.jsx)("span",{className:"k-spacer"}),(0,M.jsxs)(pe,{thumbStyles:{width:"22%",right:"2px"},className:"k-scheduler-views",children:[(0,M.jsx)(_,{children:"Day"}),(0,M.jsx)(_,{children:"Week"}),(0,M.jsx)(_,{children:"Month"}),(0,M.jsx)(_,{children:"Timeline"}),(0,M.jsx)(_,{selected:!0,children:"Agenda"})]})]}),children:(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(ve,{as:"div",role:"rowgroup",children:(0,M.jsx)($,{orientation:"vertical",role:"presentation",children:(0,M.jsx)(w,{role:"presentation",children:(0,M.jsx)(l,{as:"div",className:"k-group-content",role:"presentation",children:(0,M.jsxs)(w,{role:"row",children:[(0,M.jsx)(l,{as:"div",cellType:["heading","group"],className:"k-scheduler-datecolumn",style:{minWidth:"168px"},role:"columnheader",children:"Date"}),(0,M.jsx)(l,{as:"div",cellType:["heading","group"],className:"k-scheduler-timecolumn",style:{minWidth:"595px"},role:"columnheader",children:"Time"}),(0,M.jsx)(l,{as:"div",cellType:["heading","group"],className:"k-scheduler-eventcolumn",style:{minWidth:"168px"},role:"columnheader",children:"Event"})]})})})})}),(0,M.jsx)(me,{as:"div",role:"rowgroup",children:(0,M.jsxs)($,{orientation:"vertical",role:"presentation",children:[(0,M.jsxs)(w,{className:"k-scheduler-content",role:"row",children:[(0,M.jsx)(l,{as:"div",cellType:["group","slot"],className:"k-scheduler-datecolumn",style:{minWidth:"168px"},role:"rowheader",children:(0,M.jsxs)("div",{children:[(0,M.jsx)("strong",{className:"k-scheduler-agendaday",children:"25"}),(0,M.jsx)("em",{className:"k-scheduler-agendaweek",children:"Monday"}),(0,M.jsx)("span",{className:"k-scheduler-agendadate",children:"Jun 2024"})]})}),(0,M.jsxs)(l,{as:"div",className:"k-group-content",role:"gridcell",children:[(0,M.jsxs)(w,{children:[(0,M.jsx)(l,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:(0,M.jsx)("div",{children:"11:30 AM-1:00 PM"})}),(0,M.jsx)(l,{as:"div",children:(0,M.jsx)(yt,{text:"Task 1 Title",closable:!0})})]}),(0,M.jsxs)(w,{children:[(0,M.jsx)(l,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:(0,M.jsx)("div",{children:"12:45 PM-2:30 PM"})}),(0,M.jsx)(l,{as:"div",children:(0,M.jsx)(yt,{text:"Task 2 Title",recurring:!0,closable:!0})})]}),(0,M.jsxs)(w,{children:[(0,M.jsx)(l,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:(0,M.jsx)("div",{children:"all day"})}),(0,M.jsx)(l,{as:"div",children:(0,M.jsx)(yt,{text:"Task 3 Title",closable:!0})})]})]})]}),(0,M.jsxs)(w,{className:"k-scheduler-content",role:"row",children:[(0,M.jsx)(l,{as:"div",cellType:["group","slot"],className:"k-scheduler-datecolumn",style:{minWidth:"168px"},role:"rowheader",children:(0,M.jsxs)("div",{children:[(0,M.jsx)("strong",{className:"k-scheduler-agendaday",children:"25"}),(0,M.jsx)("em",{className:"k-scheduler-agendaweek",children:"Tuesday"}),(0,M.jsx)("span",{className:"k-scheduler-agendadate",children:"Jun 2024"})]})}),(0,M.jsxs)(l,{as:"div",className:"k-group-content",role:"gridcell",children:[(0,M.jsxs)(w,{children:[(0,M.jsx)(l,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:(0,M.jsx)("div",{children:"9:30 AM-11:00 AM"})}),(0,M.jsx)(l,{as:"div",children:(0,M.jsx)(yt,{text:"Task 1 Title",closable:!0})})]}),(0,M.jsxs)(w,{children:[(0,M.jsx)(l,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:(0,M.jsx)("div",{children:"3:00 PM-4:30 PM"})}),(0,M.jsx)(l,{as:"div",children:(0,M.jsx)(yt,{text:"Task 2 Title",recurring:!0,closable:!0})})]}),(0,M.jsxs)(w,{children:[(0,M.jsx)(l,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:(0,M.jsx)("div",{children:"6:00 PM-7:00 PM"})}),(0,M.jsx)(l,{as:"div",children:(0,M.jsx)(yt,{text:"Task 3 Title",closable:!0})})]})]})]})]})})]}),...t});var Ht=require("react/jsx-runtime"),rx=Q.options,nx=Q.states,lp={...Q.defaultOptions,variant:"day"},sx=[{name:"day",title:"Day View"},{name:"week",title:"Week View"},{name:"month",title:"Month View"},{name:"timeline",title:"Timeline View"},{name:"agenda",title:"Agenda View"}],ix=[{name:"footer",title:"Footer"}],yo=e=>{let{variant:t,modifiers:o,...a}={...lp,...e},r=(0,Ht.jsx)(Ht.Fragment,{children:(0,Ht.jsx)(le,{footer:!0,children:(0,Ht.jsx)(d,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})})}),s={footer:r};switch(Object.keys(o||{}).forEach(u=>{u==="footer"&&(s.footer=o!=null&&o[u]?r:void 0)}),t){case"agenda":return(0,Ht.jsx)(ap,{style:{height:"350px",width:"100%"},...a,...s});case"timeline":return(0,Ht.jsx)(op,{style:{height:"350px",width:"100%"},...a,...s});case"month":return(0,Ht.jsx)(tp,{style:{height:"350px",width:"100%"},...a,...s});case"week":return(0,Ht.jsx)(Sc,{style:{height:"350px",width:"100%"},...a,...s});default:return(0,Ht.jsx)(kc,{style:{height:"350px",width:"100%"},...a,...s})}};yo.options=rx;yo.states=nx;yo.variants=sx;yo.defaultOptions=lp;yo.modifiers=ix;yo.className=Q.className;var dx=yo;