npm - @progress/kendo-themes-html - Versions diffs - 13.1.0-dev.1 → 13.1.0-dev.2 - Mend

@progress/kendo-themes-html 13.1.0-dev.1 → 13.1.0-dev.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (86) hide show

package/dist/cjs/gantt/demos/gantt.js CHANGED Viewed

	@@ -1 +1 @@
1	- var wm=Object.create;var Lr=Object.defineProperty;var Sm=Object.getOwnPropertyDescriptor;var Am=Object.getOwnPropertyNames;var Em=Object.getPrototypeOf,Rm=Object.prototype.hasOwnProperty;var Im=(e,t)=>{for(var o in t)Lr(e,o,{get:t[o],enumerable:!0})},Ls=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let l of Am(t))!Rm.call(e,l)&&l!==o&&Lr(e,l,{get:()=>t[l],enumerable:!(a=Sm(t,l))\|\|a.enumerable});return e};var Cs=(e,t,o)=>(o=e!=null?wm(Em(e)):{},Ls(t\|\|!e\|\|!e.__esModule?Lr(o,"default",{value:e,enumerable:!0}):o,e)),Om=e=>Ls(Lr({},"__esModule",{value:!0}),e);var qN={};Im(qN,{GanttDemo:()=>Vo,default:()=>JN});module.exports=Om(qN);var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...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 I=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),P=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:i,checked:p,active:f,selected:T,disabled:L,indeterminate:M,loading:y,empty:h,readonly:E,highlighted:A,...G}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":i,"k-checked":p,"k-active":f,"k-selected":T,"k-disabled":L,"k-indeterminate":M&&!p,"k-loading":y,"k-empty":h,"k-readonly":E,"k-highlighted":A},Object.keys(G).reduce((_,B)=>(B.startsWith("k-")?_[B]=G[B]:_[`k-${B}`]=G[B],_),{}))};function ys(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var c={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},k={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},C={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"},s={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 se="gantt",ie=se;var ws=require("react/jsx-runtime"),Ms="k-gantt",Gm=[],Pm={},Hm={},Zt=e=>{let{headerToolbar:t,footerToolbar:o,...a}=e;return(0,ws.jsxs)("div",{...a,className:r(e.className,Ms),children:[t,e.children,o]})};Zt.states=Gm;Zt.options=Pm;Zt.className=Ms;Zt.defaultOptions=Hm;Zt.moduleName=se;Zt.folderName=ie;var La=require("react/jsx-runtime"),cl="k-font-icon",Km=[],Dm={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},Bm={},Ca=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:i,...p}=e;return a?(0,La.jsx)("span",{...p,className:r(e.className,cl,I(cl,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):(0,La.jsx)(La.Fragment,{})};Ca.states=Km;Ca.options=Dm;Ca.className=cl;Ca.defaultOptions=Bm;var Ss=Ca;var Ro=require("react/jsx-runtime"),pl="k-svg-icon",_m=[],zm={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.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"},ya=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:i=As.viewBox,icon:p,...f}=e;if(!p)return(0,Ro.jsx)(Ro.Fragment,{});if(p==="none")return(0,Ro.jsx)("span",{...f,className:r(e.className,pl,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let T=typeof p=="object"&&p.name&&p.name;return(0,Ro.jsx)("span",{...f,className:r(e.className,pl,I("k-icon",{size:t}),{[`k-svg-i-${T}`]:T,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"\|\|l==="both","k-flip-v":l==="v"\|\|l==="both"}),"aria-hidden":"true",children:(0,Ro.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:i,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};ya.states=_m;ya.options=zm;ya.className=pl;ya.defaultOptions=As;var ml=ya;var ul=Cs(require("@progress/kendo-svg-icons"));var Es="icon",Rs="icons";var Gs=require("react");var Is=require("react"),Os=(0,Is.createContext)({iconsType:"svg"});var jt=require("react/jsx-runtime"),Cr="k-icon",Um=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Fm=[],$m={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},bl={viewBox:"0 0 24 24",type:"svg"},u=e=>{let{iconsType:t}=(0,Gs.useContext)(Os),{size:o,themeColor:a,icon:l,type:i=t\|\|bl.type,rotate:p,flip:f,viewBox:T=bl.viewBox,...L}=e;if(!l)return(0,jt.jsx)(jt.Fragment,{});if((t\|\|i)==="svg"){if(l==="none")return(0,jt.jsx)(ml,{...L,className:r(e.className,Cr),icon:l,size:o});let y=ul[l]?l:Um(`${l}-icon`);return ul[y]?(0,jt.jsx)(ml,{...L,className:r(e.className,Cr),icon:ul[y],size:o,themeColor:a,rotate:p,flip:f,viewBox:T}):(0,jt.jsx)(jt.Fragment,{})}return(0,jt.jsx)(Ss,{...L,className:r(e.className,Cr),icon:l,size:o,themeColor:a,rotate:p,flip:f})};u.states=Fm;u.options=$m;u.defaultOptions=bl;u.className=Cr;u.moduleName=Es;u.folderName=Rs;u.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 fl="button",Ps=fl;var Kt=require("react/jsx-runtime"),Ma="k-button",Vm=["icon-button"],Wm=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Xm={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.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]},Tl={showArrow:!1,arrowIconName:"caret-alt-down"},m=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:i,showArrow:p=Tl.showArrow,arrowIconName:f=Tl.arrowIconName,variant:T,hover:L,focus:M,active:y,selected:h,disabled:E,togglable:A,icon:G,text:_,iconClassName:B,className:q,...Te}=e,we=G!==void 0,tt=e.children!==void 0;return(0,Kt.jsxs)(t,{className:r(q,Ma,ys(Ma,T),I(Ma,{size:o,rounded:a,fillMode:l,themeColor:i}),P(Ma,{hover:L,focus:M,active:y,disabled:E,selected:h}),{"k-icon-button":!_&&!tt&&we}),...Te,"aria-pressed":A?h?"true":"false":void 0,disabled:E\|\|void 0,children:[G&&(0,Kt.jsx)(u,{className:r(B,"k-button-icon"),icon:G}),_?(0,Kt.jsxs)(Kt.Fragment,{children:[_&&(0,Kt.jsx)("span",{className:"k-button-text",children:_}),e.children]}):e.children&&(0,Kt.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,Kt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Kt.jsx)(u,{icon:f})})]})};m.states=Wm;m.options=Xm;m.variants=Vm;m.className=Ma;m.defaultOptions=Tl;m.moduleName=fl;m.folderName=Ps;m.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 Hs=require("react/jsx-runtime"),To=e=>(0,Hs.jsx)(m,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Ks=require("react/jsx-runtime"),wa=e=>(0,Ks.jsx)(m,{icon:"folder",children:"Button",...e});var Ds=require("react/jsx-runtime"),Io=e=>(0,Ds.jsx)(m,{children:"Button",...e});var yr=require("react/jsx-runtime"),Jm=m.options,qm=m.states,Ym={...m.defaultOptions,variant:"text"},Qm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Zm=[],Sa=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,yr.jsx)(To,{...o,icon:"star"});case"icon-and-text":return(0,yr.jsx)(wa,{...o,icon:"star",children:"Button"});default:return(0,yr.jsx)(Io,{...o,children:"Button"})}};Sa.options=Jm;Sa.states=qm;Sa.variants=Qm;Sa.defaultOptions=Ym;Sa.modifiers=Zm;var hl="button",Bs=hl;var _s=require("react/jsx-runtime"),Aa="k-button-group",jm=[s.disabled],eu={fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.link]},tu={},F=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return(0,_s.jsx)("div",{role:"group",...l,className:r(e.className,Aa,I(Aa,{fillMode:t}),P(Aa,{disabled:o}),{[`${Aa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};F.states=jm;F.options=eu;F.className=Aa;F.defaultOptions=tu;F.moduleName=hl;F.folderName=Bs;F.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 xl=require("react/jsx-runtime");var Nl=require("react/jsx-runtime");var gl=require("react/jsx-runtime");var kl=require("react/jsx-runtime");var vl=require("react/jsx-runtime");var Ll=require("react/jsx-runtime");var nt=require("react/jsx-runtime"),ou={...m.options,...F.options},au=m.states,ru={...m.defaultOptions,...F.defaultOptions,variant:"text-button"},lu=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],nu=[],Ea=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,nt.jsxs)(F,{fillMode:a.fillMode,className:o,children:[(0,nt.jsx)(m,{...a,icon:"star"}),(0,nt.jsx)(m,{...a,icon:"star"}),(0,nt.jsx)(m,{...a,icon:"star"})]}):t==="icon-text-button"?(0,nt.jsxs)(F,{fillMode:a.fillMode,className:o,children:[(0,nt.jsx)(m,{...a,icon:"star",children:"First"}),(0,nt.jsx)(m,{...a,icon:"star",children:"Middle"}),(0,nt.jsx)(m,{...a,icon:"star",children:"Last"})]}):(0,nt.jsxs)(F,{fillMode:a.fillMode,className:o,children:[(0,nt.jsx)(m,{...a,children:"First"}),(0,nt.jsx)(m,{...a,children:"Middle"}),(0,nt.jsx)(m,{...a,children:"Last"})]})};Ea.options=ou;Ea.states=au;Ea.variants=lu;Ea.defaultOptions=ru;Ea.modifiers=nu;var Ra="input",Mr=Ra;var zs=require("react/jsx-runtime"),wr="k-input",su=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],iu={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},du={},Se=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:p,readonly:f,size:T,rounded:L,fillMode:M,...y}=e;return(0,zs.jsx)("span",{...y,className:r(e.className,wr,I(wr,{size:T,rounded:L,fillMode:M}),P(wr,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:p,readonly:f}))})};Se.states=su;Se.options=iu;Se.className=wr;Se.defaultOptions=du;Se.moduleName=Ra;Se.folderName=Mr;var Us=require("react/jsx-runtime"),Sr="k-picker",cu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],pu={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},mu={},Ut=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:p,readonly:f,size:T,rounded:L,fillMode:M,...y}=e;return(0,Us.jsx)("span",{...y,className:r(e.className,Sr,I(Sr,{size:T,rounded:L,fillMode:M}),P(Sr,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:p,readonly:f})),children:e.children})};Ut.states=cu;Ut.options=pu;Ut.className=Sr;Ut.defaultOptions=mu;Ut.moduleName=Ra;Ut.folderName=Mr;var Xo=require("react/jsx-runtime"),Fs="k-clear-value",uu=[s.disabled,s.loading,s.readonly],bu={},Tt=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t\|\|a\|\|o\|\|!l?(0,Xo.jsx)(Xo.Fragment,{}):(0,Xo.jsx)("span",{className:r(e.className,Fs),children:(0,Xo.jsx)(u,{icon:"x"})})};Tt.states=uu;Tt.options=bu;Tt.className=Fs;var $s=require("react/jsx-runtime"),Cl="k-input-inner",fu=[],Tu={},Ar={type:"text",autocomplete:"off",value:"",placeholder:""},ht=e=>{let{value:t=Ar.value,type:o=Ar.type,placeholder:a=Ar.placeholder,autocomplete:l=Ar.autocomplete,disabled:i,readOnly:p,...f}=e;return(0,$s.jsx)("input",{...f,type:o,className:r(e.className,Cl,I(Cl,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:i\|\|void 0,readOnly:p\|\|void 0})};ht.states=fu;ht.options=Tu;ht.className=Cl;var Ia=require("react/jsx-runtime"),yl="k-input-inner",hu=[],xu={},Oo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:i,...p}=e;return(0,Ia.jsxs)("span",{...p,className:r(e.className,yl,I(yl,e)),children:[l,!l&&i&&(0,Ia.jsx)(u,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,Ia.jsx)("span",{className:"k-input-value-text",children:t})]})};Oo.states=hu;Oo.options=xu;Oo.className=yl;var Ws=require("react/jsx-runtime"),Ml="k-input-inner",Nu=[],gu={},Vs={value:"",placeholder:""},wl=e=>{let{value:t=Vs.value,placeholder:o=Vs.placeholder,rows:a,disabled:l,...i}=e;return(0,Ws.jsx)("textarea",{...i,className:r(e.className,Ml,I(Ml,e)),placeholder:o,rows:a,defaultValue:t,disabled:l\|\|void 0})};wl.states=Nu;wl.options=gu;wl.className=Ml;var Oa=require("react/jsx-runtime"),Xs="k-input-loading-icon",ku=[s.disabled,s.loading],st=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,Oa.jsx)(Oa.Fragment,{}):(0,Oa.jsx)("span",{className:r(e.className,Xs,"k-icon k-i-loading")})};st.states=ku;st.className=Xs;var Ga=require("react/jsx-runtime"),Js="k-input-validation-icon",vu=[s.valid,s.invalid,s.disabled,s.loading],Lu={},ot=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,i=o?"warning-circle":"check-circle";return a\|\|l\|\|!!!(t\|\|o)?(0,Ga.jsx)(Ga.Fragment,{}):(0,Ga.jsx)(u,{className:r(Js),icon:i})};ot.states=vu;ot.options=Lu;ot.className=Js;var Pa=require("react/jsx-runtime"),Cu="k-input-prefix",yu={direction:"horizontal"},wt=e=>{let{direction:t=yu.direction,...o}=e;return e.children?(0,Pa.jsx)("span",{...o,className:r(Cu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Pa.jsx)(Pa.Fragment,{})};var Ha=require("react/jsx-runtime"),Mu="k-input-suffix",wu={direction:"horizontal"},St=e=>{let{direction:t=wu.direction,...o}=e;return e.children?(0,Ha.jsx)("span",{...o,className:r(Mu,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Ha.jsx)(Ha.Fragment,{})};var Su=require("react/jsx-runtime");var qs=require("react/jsx-runtime"),Au="k-input-suffix-text",Sl=e=>{let{children:t,...o}=e;return(0,qs.jsx)("span",{...o,className:r(Au,e.className),children:t})};var Qs=require("react/jsx-runtime"),Ys="k-input-separator",Eu={direction:"vertical"},At=e=>{let{direction:t=Eu.direction,...o}=e;return(0,Qs.jsx)("span",{...o,className:r(Ys,e.className,{[`${Ys}-${t}`]:t})})};var Ge=require("react/jsx-runtime"),Ru=Se.states,Iu=Se.defaultOptions,Ou=Se.options,Gu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Pu=[],Ka=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:i,readonly:p,...f}=e,T=t==null?void 0:t.prefix,L=t==null?void 0:t.suffix,M=t==null?void 0:t["clear-button"],y=t==null?void 0:t["validation-icon"],h=t==null?void 0:t.separators;return(0,Ge.jsxs)(Se,{...f,valid:o,invalid:a,loading:l,disabled:i,readonly:p,style:{width:300},children:[T&&(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)(wt,{children:(0,Ge.jsx)(u,{icon:"lock"})}),h&&(0,Ge.jsx)(At,{})]}),(0,Ge.jsx)(ht,{placeholder:"Placeholder",value:"Value"}),y&&(0,Ge.jsx)(ot,{valid:o,invalid:a,loading:l,disabled:i}),(0,Ge.jsx)(st,{loading:l,disabled:i}),M&&(0,Ge.jsx)(Tt,{loading:l,disabled:i,readonly:p,value:"Value"}),L&&(0,Ge.jsxs)(Ge.Fragment,{children:[h&&(0,Ge.jsx)(At,{}),(0,Ge.jsx)(St,{children:(0,Ge.jsx)(Io,{size:f.size,fillMode:"clear",children:"Send"})})]})]})};Ka.options=Ou;Ka.states=Ru;Ka.variants=Pu;Ka.defaultOptions=Iu;Ka.modifiers=Gu;var Da=require("react/jsx-runtime"),Zs="k-color-preview",Hu=[],Ku={},ho=e=>{let{color:t,iconName:o,...a}=e;return(0,Da.jsxs)("span",{...a,className:r(e.className,Zs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Da.jsx)(u,{icon:o,className:"k-color-preview-icon"}),(0,Da.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};ho.states=Hu;ho.options=Ku;ho.className=Zs;var Al="popup",js=Al;var El=require("react/jsx-runtime"),ei="k-animation-container",Du=[],Bu={},ti={positionMode:"absolute"},Ft=e=>{let{positionMode:t=ti.positionMode,animationStyle:o,offset:a,...l}=e;return(0,El.jsx)("div",{...l,style:{...a,...e.style},className:r(e.className,ei,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,El.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ft.states=Du;Ft.options=Bu;Ft.className=ei;Ft.defaultOptions=ti;Ft.moduleName=Al;Ft.folderName=js;var Rl="popup",oi=Rl;var Il=require("react/jsx-runtime"),ai="k-popup",_u=[],zu={},ri={positionMode:"absolute"},be=e=>{let{offset:t,positionMode:o=ri.positionMode,animationStyle:a,containerClassName:l,containerRole:i,containerAriaLabel:p,...f}=e;return(0,Il.jsx)(Ft,{positionMode:o,offset:t,animationStyle:a,className:l,role:i,"aria-label":p,children:(0,Il.jsx)("div",{...f,className:r(e.className,ai),children:e.children})})};be.states=_u;be.options=zu;be.className=ai;be.defaultOptions=ri;be.moduleName=Rl;be.folderName=oi;be.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 Ol="action-buttons",li=Ol;var ni=require("react/jsx-runtime"),Er="k-actions",Uu=[],Fu={},Gl={alignment:"start",orientation:"horizontal"},$t=e=>{let{alignment:t=Gl.alignment,orientation:o=Gl.orientation,...a}=e;return(0,ni.jsx)("div",{...a,className:r(Er,{[`${Er}-${t}`]:t,[`${Er}-${o}`]:o},e.className),children:e.children})};$t.states=Uu;$t.options=Fu;$t.className=Er;$t.defaultOptions=Gl;$t.moduleName=Ol;$t.folderName=li;var ii=require("react/jsx-runtime"),$u="k-actionsheet-footer",si={alignment:"stretched",orientation:"horizontal"},xo=e=>{let{alignment:t=si.alignment,orientation:o=si.orientation,template:a,as:l=a?"div":$t,...i}=e;return(0,ii.jsx)(l,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,$u),children:e.children})};var Pl="searchbox",di=Pl;var No=require("react/jsx-runtime"),ci="k-searchbox",Vu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Wu={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},Hl={showIcon:!0,icon:"search"},Et=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:i,hover:p,focus:f,valid:T,invalid:L,required:M,loading:y,disabled:h,showIcon:E=Hl.showIcon,icon:A=Hl.icon,...G}=e;return(0,No.jsxs)(Se,{...G,size:a,rounded:l,fillMode:i,hover:p,focus:f,valid:T,invalid:L,required:M,loading:y,disabled:h,className:r(e.className,ci),children:[E&&(0,No.jsx)(u,{className:"k-input-icon",icon:A}),(0,No.jsx)(ht,{placeholder:o,value:t}),(0,No.jsx)(st,{...e}),(0,No.jsx)(ot,{...e}),(0,No.jsx)(Tt,{...e})]})};Et.states=Vu;Et.options=Wu;Et.className=ci;Et.defaultOptions=Hl;Et.moduleName=Pl;Et.folderName=di;var Xu=require("react/jsx-runtime");var Kl="textbox",pi=Kl;var Je=require("react/jsx-runtime"),mi="k-textbox",Ju=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],qu={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},Rr={showClearButton:!0,showValidationIcon:!0,separators:!0},ce=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Rr.separators,showClearButton:i=Rr.showClearButton,showValidationIcon:p=Rr.showValidationIcon,prefix:f,suffix:T,type:L,value:M,placeholder:y,hover:h,focus:E,valid:A,invalid:G,required:_,loading:B,disabled:q,readonly:Te,id:we,"aria-label":tt,"aria-describedby":bt,...ft}=e;return(0,Je.jsxs)(Se,{...ft,size:t,rounded:o,fillMode:a,hover:h,focus:E,valid:A,invalid:G,required:_,loading:B,disabled:q,readonly:Te,className:r(e.className,mi),children:[f&&(0,Je.jsxs)(Je.Fragment,{children:[(0,Je.jsx)(wt,{children:f}),l&&(0,Je.jsx)(At,{})]}),(0,Je.jsx)(ht,{id:we,placeholder:y,value:M,type:L,disabled:q,"aria-label":tt,"aria-describedby":bt,"aria-invalid":G?"true":void 0}),p&&(0,Je.jsx)(ot,{valid:A,invalid:G,loading:B,disabled:q}),(0,Je.jsx)(st,{loading:B,disabled:q}),i&&(0,Je.jsx)(Tt,{loading:B,disabled:q,readonly:Te,value:M}),T&&(0,Je.jsxs)(Je.Fragment,{children:[l&&(0,Je.jsx)(At,{}),(0,Je.jsx)(St,{children:T})]})]})};ce.states=Ju;ce.options=qu;ce.className=mi;ce.defaultOptions=Rr;ce.moduleName=Kl;ce.folderName=pi;ce.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 Ba=ce;var bi=require("react/jsx-runtime"),ui=e=>(0,bi.jsx)(Ba,{...e});var fi=require("react/jsx-runtime");var Ti=require("react/jsx-runtime");var Yu=require("react/jsx-runtime");var Ir=require("react/jsx-runtime"),Qu=ce.states,Zu=ce.defaultOptions,ju=ce.options,eb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],tb=[],_a=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,Ir.jsx)(u,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,Ir.jsx)(Io,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[l];break;default:break}}),(0,Ir.jsx)(ui,{value:"Value",style:{width:300},...o,...a})};_a.options=ju;_a.states=Qu;_a.variants=tb;_a.defaultOptions=Zu;_a.modifiers=eb;var xt=require("react/jsx-runtime"),hi="k-actionsheet-titlebar",ob={},at=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:i,input:p,inputValue:f,inputPlaceholder:T,adaptive:L,titleId:M,children:y,...h}=e;return(0,xt.jsxs)("div",{...h,className:r(e.className,hi),children:[(0,xt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,xt.jsx)("div",{className:"k-actionsheet-actions",children:a}),!y&&(0,xt.jsxs)("div",{className:"k-actionsheet-title",id:M,children:[t&&(0,xt.jsx)("div",{className:"k-text-center",children:t}),o&&(0,xt.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),y&&(0,xt.jsx)("div",{className:"k-actionsheet-title",id:M,children:y}),l&&(0,xt.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(p\|\|i)&&(0,xt.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?(0,xt.jsx)(ce,{value:f,placeholder:T,size:L?"large":"medium","aria-label":t\|\|T\|\|"Input"}):(0,xt.jsx)(Et,{placeholder:"Filter",size:L?"large":"medium","aria-label":"Filter options"})})]})};at.className=hi;at.defaultOptions=ob;var Jo=require("react/jsx-runtime"),Dl="k-actionsheet-view",ab=[],rb={},lb={},qo=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:i,titleId:p,...f}=e,T=(l==null?void 0:l.type)===at&&(0,Jo.jsx)(at,{adaptive:t,titleId:p,...l==null?void 0:l.props}),L=(i==null?void 0:i.type)===xo&&(0,Jo.jsx)(xo,{...i==null?void 0:i.props});return(0,Jo.jsxs)("div",{...f,className:r(e.className,Dl,{[`${Dl}-animated`]:o}),children:[T,(0,Jo.jsx)("div",{className:"k-actionsheet-content",children:a}),L]})};qo.states=ab;qo.options=rb;qo.className=Dl;qo.defaultOptions=lb;var za="action-sheet",Or=za;var Bl="overlay",xi=Bl;var Ni=require("react/jsx-runtime"),_l="k-overlay",nb=[],sb={themeColor:[g.undefined,g.light,g.dark,g.inverse]},ib={},go=e=>{let{themeColor:t,...o}=e;return(0,Ni.jsx)("div",{...o,className:r(e.className,_l,I(_l,{themeColor:t})),children:e.children})};go.states=nb;go.options=sb;go.className=_l;go.defaultOptions=ib;go.moduleName=Bl;go.folderName=xi;var Go=require("react/jsx-runtime"),gi="k-actionsheet",db=[],cb={},Ua={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Ce=e=>{let{side:t=Ua.side,fullscreen:o=Ua.fullscreen,adaptive:a=Ua.adaptive,overlay:l=Ua.overlay,template:i,children:p,header:f,footer:T,id:L,...M}=e,y=L&&!i&&f?`${L}-title`:void 0;return(0,Go.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,Go.jsx)(go,{}),(0,Go.jsx)(Ft,{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,Go.jsx)("div",{...M,id:L,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":y,className:r(e.className,gi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|(0,Go.jsx)(qo,{header:f,footer:T,adaptive:a,titleId:y,...e,children:p})})})]})};Ce.states=db;Ce.options=cb;Ce.className=gi;Ce.defaultOptions=Ua;Ce.moduleName=za;Ce.folderName=Or;Ce.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 vi=require("react/jsx-runtime"),ki="k-actionsheet-container",pb=[],mb={},ub={},Yo=e=>{let{children:t,...o}=e;return(0,vi.jsx)("div",{...o,className:ki,children:t})};Yo.states=pb;Yo.options=mb;Yo.className=ki;Yo.defaultOptions=ub;Yo.moduleName=za;Yo.folderName=Or;var Li=require("react/jsx-runtime"),zl=e=>{let{...t}=e;return(0,Li.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var Rt=require("react/jsx-runtime"),Ul="k-actionsheet-item",bb=[s.hover,s.focus,s.selected,s.disabled],ko=e=>{let{iconName:t,text:o,description:a,hover:l,focus:i,selected:p,disabled:f,...T}=e;return(0,Rt.jsxs)("span",{...T,className:r(e.className,Ul,P(Ul,{hover:l,focus:i,selected:p,disabled:f})),children:[!e.children&&(0,Rt.jsx)(Rt.Fragment,{children:(0,Rt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,Rt.jsx)("span",{className:"k-icon-wrap",children:(0,Rt.jsx)(u,{className:"k-actionsheet-item-icon",icon:t})}),(0,Rt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,Rt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,Rt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};ko.states=bb;ko.className=Ul;var Ci=require("react/jsx-runtime");var fb=require("react/jsx-runtime");var Tb=require("react/jsx-runtime");var hb=require("react/jsx-runtime");var he=require("react/jsx-runtime"),xb=Ce.options,Nb=Ce.states,Mi={...Ce.defaultOptions,variant:"normal"},gb=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],kb=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Fa=e=>{let{variant:t,modifiers:o,...a}={...Mi,...e},l={},i=(0,he.jsxs)(zl,{children:[(0,he.jsx)(ko,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,he.jsx)(ko,{text:"Add to Favorites",iconName:"heart"}),(0,he.jsx)(ko,{text:"Upload New",iconName:"upload",disabled:!0}),(0,he.jsx)("hr",{className:"k-hr"}),(0,he.jsx)(ko,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",f="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o\|\|{}).forEach(T=>{switch(T){case"actions":l.actionsStart=!!(o!=null&&o[T]),l.actionsEnd=!!(o!=null&&o[T]);break;case"subtitle":l.subtitle=o!=null&&o[T]?p:void 0;break;case"footer":l.footer=!!(o!=null&&o[T]);break;default:break}}),t==="adaptive"?(0,he.jsx)(Ce,{...a,adaptive:!0,fullscreen:l.fullScreen,header:(0,he.jsx)(at,{actionsStart:l.actionsStart?(0,he.jsx)(m,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,he.jsx)(m,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:f,subtitle:l.subtitle}),footer:l.footer?(0,he.jsxs)(xo,{alignment:"stretched",children:[(0,he.jsx)(m,{text:"Cancel",size:"large",themeColor:"base"}),(0,he.jsx)(m,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,he.jsx)(Ce,{...a,fullscreen:l.fullScreen,header:(0,he.jsx)(at,{actionsStart:l.actionsStart?(0,he.jsx)(m,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,he.jsx)(m,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,he.jsxs)(xo,{alignment:"stretched",children:[(0,he.jsx)(m,{text:"Apply",themeColor:"primary"}),(0,he.jsx)(m,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Fa.options=xb;Fa.states=Nb;Fa.variants=gb;Fa.defaultOptions=Mi;Fa.modifiers=kb;var Fl="slider",wi=Fl;var Dt=require("react/jsx-runtime"),$a="k-slider",vb=[s.hover,s.focus,s.active,s.disabled,s.readonly],Lb={},It={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},fe=e=>{let{type:t=It.type,orientation:o=It.orientation,gradientType:a=It.gradientType,readonly:l=It.readonly,disabled:i=It.disabled,handlePosition:p=It.handlePosition,showButtons:f=It.showButtons,showTicks:T=It.showTicks,value:L=It.value,min:M=It.min,max:y=It.max,startValue:h,endValue:E,hover:A,focus:G,active:_,trackStyle:B,dir:q,...Te}=e,tt=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),bt,ft;return o==="horizontal"?(bt=q==="rtl"?"caret-alt-left":"caret-alt-right",ft=q==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(bt="caret-alt-up",ft="caret-alt-down"),(0,Dt.jsxs)("div",{...Te,className:r($a,e.className,P($a,{readonly:l,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:q,children:[f&&(0,Dt.jsx)(m,{className:"k-button-decrease",rounded:"full",icon:ft,tabIndex:-1,title:"Decrease"}),(0,Dt.jsxs)("div",{className:"k-slider-track-wrap",children:[T&&(0,Dt.jsx)("ul",{className:"k-reset k-slider-items",children:e.children}),(0,Dt.jsxs)("div",{className:"k-slider-track",style:B,children:[(0,Dt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Dt.jsx)("span",{className:r("k-draghandle","k-draghandle-start",P($a,{hover:A,focus:G,active:_})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":h??M,"aria-valuemin":M,"aria-valuemax":E??y,"aria-orientation":tt,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":Te["aria-label"]?`${Te["aria-label"]} start`:"Range start"}),(0,Dt.jsx)("span",{className:r("k-draghandle",`k-draghandle-${p}`,P($a,{hover:A,focus:G,active:_})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?E??y:L,"aria-valuemin":t==="range"?h??M:M,"aria-valuemax":y,"aria-orientation":tt,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?Te["aria-label"]?`${Te["aria-label"]} end`:"Range end":Te["aria-label"]})]})]}),f&&(0,Dt.jsx)(m,{className:"k-button-increase",rounded:"full",icon:bt,tabIndex:-1,title:"Increase"})]})};fe.states=vb;fe.options=Lb;fe.className=$a;fe.defaultOptions=It;fe.moduleName=Fl;fe.folderName=wi;fe.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").'}]};var $l=require("react/jsx-runtime"),Si="k-tick",Cb=[],yb={},Ai={label:!1},z=e=>{let{style:t,label:o=Ai.label,orientation:a,large:l,text:i,...p}=e;return(0,$l.jsx)("li",{...p,className:r(e.className,Si,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&(0,$l.jsx)("span",{className:"k-label",children:i})})};z.states=Cb;z.options=yb;z.className=Si;z.defaultOptions=Ai;var Ke=require("react/jsx-runtime"),Ei=e=>(0,Ke.jsx)(fe,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,Ke.jsxs)(Ke.Fragment,{children:[(0,Ke.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ke.jsx)(z,{}),(0,Ke.jsx)(z,{}),(0,Ke.jsx)(z,{}),(0,Ke.jsx)(z,{}),(0,Ke.jsx)(z,{label:!0,large:!0,text:"5"}),(0,Ke.jsx)(z,{}),(0,Ke.jsx)(z,{}),(0,Ke.jsx)(z,{}),(0,Ke.jsx)(z,{}),(0,Ke.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var De=require("react/jsx-runtime"),Ri=e=>(0,De.jsx)(fe,{children:(0,De.jsxs)(De.Fragment,{children:[(0,De.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,De.jsx)(z,{}),(0,De.jsx)(z,{}),(0,De.jsx)(z,{}),(0,De.jsx)(z,{}),(0,De.jsx)(z,{label:!0,large:!0,text:"5"}),(0,De.jsx)(z,{}),(0,De.jsx)(z,{}),(0,De.jsx)(z,{}),(0,De.jsx)(z,{}),(0,De.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var Vl=require("react/jsx-runtime");var Wl=require("react/jsx-runtime");var Ii=require("react/jsx-runtime"),Xl=e=>(0,Ii.jsx)(fe,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Oi=require("react/jsx-runtime"),Jl=e=>(0,Oi.jsx)(fe,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var ql=require("react/jsx-runtime");var Yl=require("react/jsx-runtime");var it=require("react/jsx-runtime"),Mb=fe.options,wb=fe.states,Gi={...fe.defaultOptions,variant:"horizontal",label:!0},Sb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Ab=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Va=e=>{let{variant:t,modifiers:o,...a}={...Gi,...e},l={};Object.keys(o\|\|{}).forEach(L=>{switch(L){case"button":{l.showButtons=!!(o!=null&&o[L]);break}case"label":{l.label=!!(o!=null&&o[L]);break}case"tick":{l.showTicks=!!(o!=null&&o[L]);break}}});let{label:i=!0,showButtons:p,showTicks:f}=l,T={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,it.jsxs)(Ri,{showTicks:f,showButtons:p,style:{height:"300px",...T},...a,children:[(0,it.jsx)(z,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,it.jsx)(z,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,it.jsx)(z,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,it.jsx)(z,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,it.jsx)(z,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,it.jsxs)(Ei,{showTicks:f,showButtons:p,style:{width:"400px",...T},...a,children:[(0,it.jsx)(z,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,it.jsx)(z,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,it.jsx)(z,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,it.jsx)(z,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,it.jsx)(z,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Va.options=Mb;Va.states=wb;Va.variants=Sb;Va.defaultOptions=Gi;Va.modifiers=Ab;var Wa=require("react/jsx-runtime"),Pi="k-spin-button",Ib=[],Ob={size:[c.undefined,c.small,c.medium,c.large],fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.link]},Ql={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},vo=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=Ql.increaseLabel,decreaseLabel:i=Ql.decreaseLabel,...p}=e;return(0,Wa.jsxs)("span",{...p,className:r(Pi,e.className),children:[(0,Wa.jsx)(m,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),(0,Wa.jsx)(m,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};vo.states=Ib;vo.options=Ob;vo.className=Pi;vo.defaultOptions=Ql;vo.moduleName=null;vo.folderName=null;var Hi="numeric-textbox",Ki="numerictextbox";var Be=require("react/jsx-runtime"),Di="k-numerictextbox",Gb=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Pb={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},Gr={showSpinButton:!0,showClearButton:!0,separators:!0},Q=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Gr.separators,showClearButton:i=Gr.showClearButton,showSpinButton:p=Gr.showSpinButton,prefix:f,suffix:T,value:L,placeholder:M,hover:y,focus:h,valid:E,invalid:A,required:G,loading:_,disabled:B,readonly:q,id:Te,"aria-label":we,"aria-describedby":tt,...bt}=e;return(0,Be.jsxs)(Se,{...bt,size:t,rounded:o,fillMode:a,hover:y,focus:h,valid:E,invalid:A,required:G,loading:_,disabled:B,readonly:q,className:r(e.className,Di),children:[f&&(0,Be.jsxs)(Be.Fragment,{children:[(0,Be.jsx)(wt,{children:f}),l&&(0,Be.jsx)(At,{})]}),(0,Be.jsx)(ht,{id:Te,placeholder:M,value:L,role:"spinbutton",disabled:B,"aria-label":we,"aria-describedby":tt,"aria-invalid":A?"true":void 0}),(0,Be.jsx)(ot,{valid:E,invalid:A,loading:_,disabled:B}),(0,Be.jsx)(st,{loading:_,disabled:B}),i&&(0,Be.jsx)(Tt,{loading:_,disabled:B,readonly:q,value:L}),T&&(0,Be.jsxs)(Be.Fragment,{children:[l&&(0,Be.jsx)(At,{}),(0,Be.jsx)(St,{children:T})]}),p&&(0,Be.jsx)(vo,{className:"k-input-spinner",size:t,fillMode:a,disabled:B})]})};Q.states=Gb;Q.options=Pb;Q.className=Di;Q.defaultOptions=Gr;Q.moduleName=Hi;Q.folderName=Ki;Q.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 Xa=Q;var _i=require("react/jsx-runtime"),Bi=e=>(0,_i.jsx)(Xa,{...e});var Hr=Cs(require("react"));var Zl=require("react/jsx-runtime"),Hb="k-list-group-sticky-header",jl=e=>(0,Zl.jsx)("div",{className:r(Hb,e.className),children:(0,Zl.jsx)("div",{className:"k-list-header-text",children:e.children})});var zi=require("react/jsx-runtime"),Kb="k-no-data",Pr=e=>{let{live:t,...o}=e;return(0,zi.jsx)("span",{...o,className:r(Kb,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Po="list",Qo=Po;var Zo=require("react/jsx-runtime"),en="k-list",Db=[],Bb={size:[c.undefined,c.small,c.medium,c.large]},_b={},ee=e=>{var E;let{size:t,virtualization:o,children:a,header:l,optionLabel:i,customValue:p,noData:f,screenReaders:T,...L}=e,y=Hr.default.Children.toArray(a)[0],h=(E=y==null?void 0:y.props)!=null&&E.children?Hr.default.Children.count(y.props.children):Hr.default.Children.count(a);return(0,Zo.jsxs)("div",{...L,className:r(e.className,en,I(en,{size:t}),{"k-virtual-list":o}),children:[i,p,l&&(0,Zo.jsx)(jl,{children:l}),a\|\|(f!==void 0?f:(0,Zo.jsx)(Pr,{live:!0,children:"No data found."})),T&&a&&(0,Zo.jsxs)(Pr,{className:"k-sr-only",live:!0,children:[h," items found."]})]})};ee.states=Db;ee.options=Bb;ee.className=en;ee.defaultOptions=_b;ee.moduleName=Po;ee.folderName=Qo;ee.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var Fi=require("react/jsx-runtime"),Ui="k-list-container",zb=[],Ub={},Fb={},jo=e=>{let{...t}=e;return(0,Fi.jsx)("div",{...t,className:r(e.className,Ui),children:e.children})};jo.states=zb;jo.options=Ub;jo.className=Ui;jo.defaultOptions=Fb;jo.moduleName=Po;jo.folderName=Qo;var Ho="checkbox",ea=Ho;var tn=require("react/jsx-runtime"),Kr="k-checkbox",$b=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Vb={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full]},Wb={},dt=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:i,disabled:p,invalid:f,valid:T,required:L,size:M,rounded:y,...h}=e;return(0,tn.jsx)("span",{className:"k-checkbox-wrap",children:(0,tn.jsx)("input",{...h,id:t,type:"checkbox",defaultChecked:o,required:L,disabled:p\|\|void 0,"aria-invalid":f?"true":void 0,className:r(e.className,Kr,I(Kr,{size:M,rounded:y}),P(Kr,{hover:l,focus:i,disabled:p,invalid:f,valid:T,indeterminate:a,checked:o}))})})};dt.states=$b;dt.options=Vb;dt.className=Kr;dt.defaultOptions=Wb;dt.moduleName=Ho;dt.folderName=ea;dt.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 Vt=dt;var Wi=require("react/jsx-runtime"),$i="k-checkbox-list",Xb=[],Jb={},Vi={layout:"vertical"},ct=e=>{let{layout:t=Vi.layout,...o}=e;return(0,Wi.jsx)("ul",{...o,className:r(e.className,$i,{[`k-list-${t}`]:t}),children:e.children})};ct.states=Xb;ct.options=Jb;ct.className=$i;ct.defaultOptions=Vi;ct.moduleName=Ho;ct.folderName=ea;var Ji=require("react/jsx-runtime"),Xi="k-checkbox-list-item",qb=[],Yb={},Qb={},rt=e=>{let{...t}=e;return(0,Ji.jsx)("li",{...t,className:r(e.className,Xi),children:e.children})};rt.states=qb;rt.options=Yb;rt.className=Xi;rt.defaultOptions=Qb;rt.moduleName=Ho;rt.folderName=ea;var Ko=require("react/jsx-runtime"),eo=({children:e,id:t,...o})=>(0,Ko.jsxs)(Ko.Fragment,{children:[(0,Ko.jsx)(Vt,{id:t,...o}),(0,Ko.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var on=require("react/jsx-runtime");var an=require("react/jsx-runtime");var rn=require("react/jsx-runtime");var Zb=require("react/jsx-runtime");var jb=require("react/jsx-runtime");var ef=require("react/jsx-runtime");var qe=require("react/jsx-runtime"),tf=ct.options,of=ct.states,af={...ct.defaultOptions,variant:"vertical"},rf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],lf=[],Ja=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,qe.jsxs)(ct,{layout:"horizontal",...o,children:[(0,qe.jsx)(rt,{children:(0,qe.jsx)(eo,{id:"first",defaultChecked:!0,children:"Label"})}),(0,qe.jsx)(rt,{children:(0,qe.jsx)(eo,{id:"second",children:"Label"})}),(0,qe.jsx)(rt,{children:(0,qe.jsx)(eo,{id:"third",children:"Label"})})]}):(0,qe.jsxs)(ct,{...o,children:[(0,qe.jsx)(rt,{children:(0,qe.jsx)(eo,{id:"first",defaultChecked:!0,children:"Label"})}),(0,qe.jsx)(rt,{children:(0,qe.jsx)(eo,{id:"second",children:"Label"})}),(0,qe.jsx)(rt,{children:(0,qe.jsx)(eo,{id:"third",children:"Label"})})]})};Ja.options=tf;Ja.states=of;Ja.variants=rf;Ja.defaultOptions=af;Ja.modifiers=lf;var qi=require("react/jsx-runtime"),nf=Vt.options,sf=Vt.states,df=Vt.defaultOptions,cf=[],pf=[],qa=e=>(0,qi.jsx)(eo,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});qa.options=nf;qa.states=sf;qa.variants=cf;qa.defaultOptions=df;qa.modifiers=pf;var Wt=require("react/jsx-runtime"),ln="k-list-item",mf=[s.hover,s.focus,s.selected,s.disabled],uf={},bf={},$=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:i,showCheckbox:p,checked:f,hover:T,focus:L,selected:M,disabled:y,actions:h,description:E,id:A,...G}=e,_=t\|\|e.children;return(0,Wt.jsxs)("li",{...G,id:A,role:a?"presentation":"option",tabIndex:a?void 0:L?0:-1,"aria-selected":!a&&M?"true":a?void 0:"false","aria-disabled":!a&&y?"true":void 0,className:r(e.className,a?"k-list-group-item":ln,P(ln,{hover:T,focus:L,disabled:y,selected:M})),children:[p&&(0,Wt.jsx)(dt,{checked:f}),l&&(0,Wt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Wt.jsx)(u,{icon:l,className:r("k-list-item-icon",i)})}),(0,Wt.jsx)("span",{className:"k-list-item-text",children:_}),h&&(0,Wt.jsx)("div",{className:"k-list-item-actions",children:h}),E&&(0,Wt.jsx)("span",{className:"k-list-item-description",children:E}),o&&o!==""&&(0,Wt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};$.states=mf;$.options=uf;$.className=ln;$.defaultOptions=bf;$.moduleName=Po;$.folderName=Qo;$.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 Yi=require("react/jsx-runtime"),ff="k-list-ul",to=e=>{let{children:t,role:o,id:a,...l}=e;return(0,Yi.jsx)("ul",{...l,id:a,role:o,className:r(ff,e.className),children:t})};to.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 ta=require("react/jsx-runtime"),Tf="k-list-content",de=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:i,...p}=e;return(0,ta.jsxs)("div",{...p,className:r(Tf,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:(0,ta.jsx)(to,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&(0,ta.jsx)("div",{className:"k-height-container",children:(0,ta.jsx)("div",{})})]})};de.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 nn=require("react/jsx-runtime");var oa=require("react/jsx-runtime"),hf="k-list-group-item",Do=e=>{let{groupIconName:t,...o}=e;return(0,oa.jsxs)("li",{...o,role:"presentation",className:r(hf,e.className),children:[t&&(0,oa.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,oa.jsx)(u,{icon:t,className:"k-list-item-icon"})}),(0,oa.jsx)("span",{className:"k-list-item-text",children:e.children})]})};Do.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 Qi=require("react/jsx-runtime"),sn="k-list-optionlabel",xf=[s.hover,s.focus,s.selected,s.disabled],Nf={},gf={},Dr=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...p}=e;return(0,Qi.jsx)("div",{...p,className:r(sn,P(sn,{hover:o,focus:a,selected:l,disabled:i})),children:t})};Dr.states=xf;Dr.options=Nf;Dr.className=sn;Dr.defaultOptions=gf;var Zi=require("react/jsx-runtime"),dn="k-list-custom-value",kf=[s.hover,s.focus,s.selected,s.disabled],vf={},Lf={},Lo=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...p}=e;return(0,Zi.jsx)("div",{...p,className:r(dn,P(dn,{hover:o,focus:a,selected:l,disabled:i})),children:t})};Lo.states=kf;Lo.options=vf;Lo.className=dn;Lo.defaultOptions=Lf;var cn=require("react/jsx-runtime");var pn=require("react/jsx-runtime");var mn=require("react/jsx-runtime");var un=require("react/jsx-runtime");var Cf=require("react/jsx-runtime");var bn=require("react/jsx-runtime");var ji="dropdown-list",ed="dropdownlist";var xe=require("react/jsx-runtime"),td="k-dropdownlist",yf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Mf={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},fn={showValue:!0,arrowIconName:"caret-alt-down"},pe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=fn.arrowIconName,showValue:i=fn.showValue,valueIconName:p,prefix:f,suffix:T,value:L,placeholder:M,hover:y,focus:h,valid:E,invalid:A,required:G,loading:_,disabled:B,readonly:q,popup:Te,opened:we,adaptive:tt,adaptiveSettings:bt,adaptiveTitle:ft,adaptiveSubtitle:Wo,adaptiveFilter:dl,...vr}=e;return(0,xe.jsxs)(xe.Fragment,{children:[(0,xe.jsxs)(Ut,{...vr,size:t,rounded:o,fillMode:a,hover:y,focus:h,valid:E,invalid:A,required:G,loading:_,disabled:B,readonly:q,className:r(e.className,td,{"k-icon-picker":!i&&p}),children:[(0,xe.jsx)(wt,{children:f}),(0,xe.jsx)(Oo,{placeholder:M,value:L,showValue:i,valueIconName:p}),(0,xe.jsx)(ot,{valid:E,invalid:A,loading:_,disabled:B}),(0,xe.jsx)(st,{loading:_,disabled:B}),(0,xe.jsx)(St,{children:T}),(0,xe.jsx)(m,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":M\|\|"Toggle dropdown"})]}),we&&Te&&(0,xe.jsx)(be,{className:"k-list-container k-dropdownlist-popup",children:Te}),tt&&(0,xe.jsx)(Ce,{adaptive:!0,...bt,header:(0,xe.jsx)(at,{actionsEnd:(0,xe.jsx)(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:dl,inputValue:L,inputPlaceholder:M,title:ft,subtitle:Wo}),children:(0,xe.jsx)("div",{className:"k-list-container",children:(0,xe.jsx)(ee,{size:"large",children:(0,xe.jsxs)(de,{children:[(0,xe.jsx)($,{text:"List item"}),(0,xe.jsx)($,{text:"List item"}),(0,xe.jsx)($,{text:"List item"})]})})})})]})};pe.states=yf;pe.options=Mf;pe.className=td;pe.defaultOptions=fn;pe.moduleName=ji;pe.folderName=ed;var wf=require("react/jsx-runtime");var od=require("react/jsx-runtime");var Tn=require("react/jsx-runtime");var Sf=require("react/jsx-runtime");var ad=require("react/jsx-runtime");var hn=require("react/jsx-runtime");var pt=require("react/jsx-runtime"),Af=pe.states,Ef=pe.defaultOptions,Rf=pe.options,If=[{name:"opened",title:"Opened"}],Of=[],Qa=e=>{let{modifiers:t,...o}=e,a={},l=(0,pt.jsxs)(pt.Fragment,{children:[(0,pt.jsx)("div",{className:"k-list-filter",children:(0,pt.jsx)(Et,{})}),(0,pt.jsx)(ee,{style:{width:300},size:o.size,children:(0,pt.jsxs)(de,{children:[(0,pt.jsx)($,{children:"List item"}),(0,pt.jsx)($,{children:"List item"}),(0,pt.jsx)($,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?l:void 0)}),(0,pt.jsx)("div",{children:(0,pt.jsx)(pe,{placeholder:"Value",style:{width:300},...o,...a})})};Qa.options=Rf;Qa.states=Af;Qa.variants=Of;Qa.defaultOptions=Ef;Qa.modifiers=If;var rd=require("react/jsx-runtime");var ld=require("react/jsx-runtime");var Gf=require("react/jsx-runtime");var Br=require("react/jsx-runtime"),Pf=Q.states,Hf=Q.defaultOptions,Kf=Q.options,Df=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Bf=[],Za=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,Br.jsx)(pe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,Br.jsx)(Sl,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[l];break;case"spin-button":a.showSpinButton=t==null?void 0:t[l];break;default:break}}),(0,Br.jsx)(Bi,{value:"Value",style:{width:300},...o,...a})};Za.options=Kf;Za.states=Pf;Za.variants=Bf;Za.defaultOptions=Hf;Za.modifiers=Df;var O=require("react/jsx-runtime"),nd="k-colorgradient-inputs",_f=[],zf={size:[c.undefined,c.small,c.medium,c.large]},sd={mode:"rgba"},aa=e=>{let{mode:t=sd.mode,size:o,...a}=e;return(0,O.jsxs)("div",{...a,className:r(nd,"k-hstack"),children:[(0,O.jsx)("div",{className:"k-vstack",children:(0,O.jsx)(m,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,O.jsx)(ce,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};aa.states=_f;aa.options=zf;aa.className=nd;aa.defaultOptions=sd;var Ye=require("react/jsx-runtime"),id="k-colorgradient-color-contrast",Uf=[],Ff={},$f={},ra=()=>(0,Ye.jsxs)("div",{className:r(id,"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)(u,{icon:"check"}),(0,Ye.jsx)(u,{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)(u,{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)(u,{icon:"x"})]})]})]});ra.states=Uf;ra.options=Ff;ra.className=id;ra.defaultOptions=$f;var dd="color-gradient",cd="colorgradient";var Ae=require("react/jsx-runtime"),_r="k-colorgradient",Vf=[s.hover,s.focus,s.readonly,s.disabled],Wf={size:[c.undefined,c.small,c.medium,c.large]},Xt={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"},_e=e=>{let{size:t,mode:o=Xt.mode,readonly:a=Xt.readonly,disabled:l=Xt.disabled,gradientStyle:i=Xt.gradientStyle,dragHandleStyle:p=Xt.dragHandleStyle,alphaStyle:f=Xt.alphaStyle,alphaStyleHorizontal:T=Xt.alphaStyleHorizontal,contrast:L=Xt.contrast,dir:M,hover:y,focus:h,hoverHandle:E,focusHandle:A,canvasOrientation:G=Xt.canvasOrientation,role:_,tabIndex:B,...q}=e;return(0,Ae.jsxs)("div",{...q,role:_??"textbox","aria-label":_==="none"?void 0:"Color gradient",tabIndex:B??0,"aria-disabled":l?"true":void 0,className:r(e.className,_r,I(_r,{size:t}),P(_r,{hover:y,focus:h,readonly:a,disabled:l})),dir:M,children:[!G\|\|G==="horizontal"&&(0,Ae.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,Ae.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,Ae.jsx)("div",{className:"k-hsv-gradient",children:(0,Ae.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":E,"k-focus":A}),style:p,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,Ae.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,Ae.jsx)(Jl,{className:"k-hue-slider",hover:E,focus:A}),o!=="rgb"&&o!=="hsv"&&(0,Ae.jsx)(Jl,{className:"k-alpha-slider",hover:E,focus:A,trackStyle:f})]})]}),G==="vertical"&&(0,Ae.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,Ae.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,Ae.jsx)("div",{className:"k-hsv-gradient",children:(0,Ae.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":E,"k-focus":A}),style:p,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,Ae.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,Ae.jsx)(Xl,{className:"k-hue-slider",hover:E,focus:A}),o!=="rgb"&&o!=="hsv"&&(0,Ae.jsx)(Xl,{className:"k-alpha-slider",hover:E,focus:A,trackStyle:T})]})]}),(0,Ae.jsx)(aa,{mode:e.mode,size:t}),L&&(0,Ae.jsx)(ra,{})]})};_e.states=Vf;_e.options=Wf;_e.className=_r;_e.defaultOptions=Xt;_e.moduleName=dd;_e.folderName=cd;_e.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 pd=require("react/jsx-runtime"),zr=e=>(0,pd.jsx)(_e,{...e});var Xf=require("react/jsx-runtime");var Jf=require("react/jsx-runtime");var Ur=require("react/jsx-runtime"),qf=_e.options,Yf=_e.states,Qf={..._e.defaultOptions,variant:"rgba"},Zf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],jf=[],ja=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,Ur.jsx)(zr,{...o,mode:t});case"rgb":return(0,Ur.jsx)(zr,{...o,mode:t});default:return(0,Ur.jsx)(zr,{...o,mode:t})}};ja.options=qf;ja.states=Yf;ja.variants=Zf;ja.defaultOptions=Qf;ja.modifiers=jf;var md=require("react/jsx-runtime"),xn=e=>(0,md.jsx)("tr",{role:"row",children:e.children});var ud=require("react/jsx-runtime"),Nn="k-colorpalette-tile",eT=[s.hover,s.focus,s.selected],tT={},la=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:i,...p}=e,f={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,ud.jsx)("td",{...p,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,Nn,P(Nn,{hover:a,focus:l,selected:i})),style:f})};la.states=eT;la.options=tT;la.className=Nn;var bd="color-palette",fd="colorpalette";var na=require("react/jsx-runtime"),Fr="k-colorpalette",oT=[s.disabled],aT={size:[c.undefined,c.small,c.medium,c.large]},Td={columns:10},mt=e=>{let{size:t,palette:o,columns:a=Td.columns,tileSize:l,disabled:i,...p}=e,f=[];if(o){let T=a\|\|o.columns,L=o.colors?o.colors:o;Array.isArray(L)&&Array.from({length:Math.ceil(L.length/T)},(M,y)=>{let h=[];L.slice(yT,(y+1)T).map((A,G)=>{h.push((0,na.jsx)(la,{color:A,tileSize:l},G))});let E=(0,na.jsx)(xn,{children:h},y);f.push(E)})}return(0,na.jsx)("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,Fr,P(Fr,{disabled:i}),I(Fr,{size:t})),children:(0,na.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,na.jsx)("tbody",{children:f.length>0?f:e.children})})})};mt.states=oT;mt.options=aT;mt.className=Fr;mt.defaultOptions=Td;mt.moduleName=bd;mt.folderName=fd;mt.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 $r=mt;var er={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 xd=require("react/jsx-runtime"),hd=e=>(0,xd.jsx)($r,{palette:er.basic,...e});var rT=require("react/jsx-runtime");var Nd=require("react/jsx-runtime");var gd=require("react/jsx-runtime"),lT=mt.options,nT=mt.states,sT={...mt.defaultOptions,variant:"basic"},iT=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],dT={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}},cT=[],tr=e=>{let{variant:t="basic",...o}=e,a=dT[t];return(0,gd.jsx)(hd,{columns:a.columns,palette:a,...o})};tr.options=lT;tr.states=nT;tr.variants=iT;tr.defaultOptions=sT;tr.modifiers=cT;var kd="color-editor",vd="coloreditor";var ye=require("react/jsx-runtime"),Vr="k-coloreditor",pT=[s.focus],mT={size:[c.undefined,c.small,c.medium,c.large]},or={view:"gradient",palette:er.office,actionButtons:!0,canvasOrientation:"horizontal"},Me=e=>{let{size:t,view:o=or.view,palette:a=or.palette,color:l,currentColor:i,focus:p,focusView:f,dir:T,group:L,actionButtons:M=or.actionButtons,canvasOrientation:y=or.canvasOrientation,...h}=e;return(0,ye.jsxs)("div",{...h,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Vr,I(Vr,{size:t}),P(Vr,{focus:p})),dir:T,children:[(0,ye.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,ye.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:L&&(0,ye.jsxs)(F,{fillMode:"flat",children:[(0,ye.jsx)(m,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,ye.jsx)(m,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,ye.jsx)("div",{className:"k-spacer"}),(0,ye.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,ye.jsx)(m,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,ye.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,ye.jsx)(ho,{className:"k-coloreditor-preview-color",color:l}),(0,ye.jsx)(ho,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,ye.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,ye.jsx)(_e,{focus:f,size:t,canvasOrientation:y,role:"none",tabIndex:-1}):(0,ye.jsx)(mt,{palette:a,size:t})}),M&&(0,ye.jsxs)($t,{className:"k-coloreditor-footer",alignment:"start",children:[(0,ye.jsx)(m,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,ye.jsx)(m,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Me.states=pT;Me.options=mT;Me.className=Vr;Me.defaultOptions=or;Me.moduleName=kd;Me.folderName=vd;Me.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=Me;var uT=require("react/jsx-runtime");var bT=require("react/jsx-runtime");var Cd=require("react/jsx-runtime"),Ld=e=>(0,Cd.jsx)(sa,{group:!0,currentColor:"fuchsia",...e});var Md=require("react/jsx-runtime"),yd=e=>(0,Md.jsx)(sa,{view:"palette",group:!0,currentColor:"fuchsia",...e});var gn=require("react/jsx-runtime"),fT=Me.options,TT=Me.states,hT={...Me.defaultOptions,variant:"gradient"},xT=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],NT=[],ar=e=>{let{variant:t,...o}=e;return t==="palette"?(0,gn.jsx)(yd,{...o,color:"white"}):(0,gn.jsx)(Ld,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ar.options=fT;ar.states=TT;ar.variants=xT;ar.defaultOptions=hT;ar.modifiers=NT;var wd="color-picker",Sd="colorpicker";var Ee=require("react/jsx-runtime"),Ad="k-colorpicker",gT=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],kT={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},Ed={arrowIconName:"caret-alt-down"},Nt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Ed.arrowIconName,prefix:i,suffix:p,value:f,placeholder:T,hover:L,focus:M,valid:y,invalid:h,required:E,disabled:A,valueIconName:G,popup:_,opened:B,adaptive:q,adaptiveSettings:Te,adaptiveTitle:we,adaptiveSubtitle:tt,...bt}=e,ft="colorpicker-popup";return(0,Ee.jsxs)(Ee.Fragment,{children:[(0,Ee.jsxs)(Ut,{...bt,size:t,rounded:o,fillMode:a,hover:L,focus:M,valid:y,invalid:h,required:E,disabled:A,role:"combobox","aria-haspopup":"dialog","aria-expanded":B?"true":"false","aria-controls":B\|\|q?ft:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":A?"true":void 0,className:r(e.className,Ad,"k-icon-picker"),children:[(0,Ee.jsx)(wt,{children:i}),(0,Ee.jsx)(Oo,{placeholder:T,value:f,showValue:!1,valueIcon:(0,Ee.jsx)(ho,{className:"k-value-icon",color:f,iconName:G}),valueIconName:G}),(0,Ee.jsx)(St,{children:p}),(0,Ee.jsx)(m,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:A})]}),B&&_&&(0,Ee.jsx)(be,{id:ft,className:"k-colorpicker-popup",children:_}),q&&(0,Ee.jsx)(Ce,{adaptive:!0,id:ft,...Te,header:(0,Ee.jsx)(at,{actionsEnd:(0,Ee.jsx)(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:we,subtitle:tt}),footer:(0,Ee.jsxs)(xo,{children:[(0,Ee.jsx)(m,{text:"Cancel",size:"large"}),(0,Ee.jsx)(m,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,Ee.jsx)(Me,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Nt.states=gT;Nt.options=kT;Nt.className=Ad;Nt.defaultOptions=Ed;Nt.moduleName=wd;Nt.folderName=Sd;Nt.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 Co=Nt;var Rd=require("react/jsx-runtime"),Wr=e=>(0,Rd.jsx)(Co,{...e});var vT=require("react/jsx-runtime");var LT=require("react/jsx-runtime");var CT=require("react/jsx-runtime");var yT=require("react/jsx-runtime");var MT=require("react/jsx-runtime");var wT=require("react/jsx-runtime");var yo=require("react/jsx-runtime"),ST=Co.options,AT=Co.states,Id={...Co.defaultOptions,variant:"color"},ET=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],RT=[{name:"opened",title:"Opened"}],rr=e=>{let{variant:t,modifiers:o,...a}={...Id,...e},l={};Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(l.opened=!!(o!=null&&o[p]),l.popup=o!=null&&o[p]?(0,yo.jsx)(Me,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,yo.jsx)("div",{style:i,children:(0,yo.jsx)(Wr,{...a,...l})});case"icon":return(0,yo.jsx)("div",{style:i,children:(0,yo.jsx)(Wr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return(0,yo.jsx)("div",{style:i,children:(0,yo.jsx)(Wr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};rr.options=ST;rr.states=AT;rr.variants=ET;rr.defaultOptions=Id;rr.modifiers=RT;var kn="combobox",Od=kn;var re=require("react/jsx-runtime"),Gd="k-combobox",IT=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],OT={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},Pd={separators:!0},lt=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Pd.separators,prefix:i,suffix:p,value:f,placeholder:T,hover:L,focus:M,valid:y,invalid:h,required:E,loading:A,disabled:G,popup:_,opened:B,readonly:q,adaptive:Te,adaptiveSettings:we,adaptiveTitle:tt,adaptiveSubtitle:bt,adaptiveCustomValue:ft,id:Wo,autocomplete:dl,activeDescendant:vr,"aria-label":Cm,...ym}=e,Mm=Wo?`${Wo}-listbox`:void 0;return(0,re.jsxs)(re.Fragment,{children:[(0,re.jsxs)(Se,{...ym,size:t,rounded:o,fillMode:a,hover:L,focus:M,valid:y,invalid:h,required:E,loading:A,disabled:G,readonly:q,className:r(e.className,Gd),children:[i&&(0,re.jsxs)(re.Fragment,{children:[(0,re.jsx)(wt,{children:i}),l&&(0,re.jsx)(At,{})]}),(0,re.jsx)(ht,{placeholder:T,value:f,role:"combobox","aria-haspopup":"listbox","aria-expanded":B?"true":"false","aria-controls":B?Mm:void 0,"aria-activedescendant":B&&vr?vr:void 0,"aria-autocomplete":dl,"aria-invalid":h?"true":void 0,"aria-busy":A?"true":void 0,"aria-label":Cm,disabled:G,readOnly:q}),(0,re.jsx)(ot,{valid:y,invalid:h,loading:A,disabled:G}),(0,re.jsx)(st,{loading:A,disabled:G}),(0,re.jsx)(Tt,{loading:A,disabled:G,readonly:q,value:f}),p&&(0,re.jsxs)(re.Fragment,{children:[l&&(0,re.jsx)(At,{}),(0,re.jsx)(St,{children:p})]}),(0,re.jsx)(m,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:G})]}),B&&_&&(0,re.jsx)(be,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:_}),Te&&(0,re.jsx)(Ce,{adaptive:!0,id:Wo?`${Wo}-adaptive`:void 0,...we,header:(0,re.jsx)(at,{actionsEnd:(0,re.jsx)(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:f,inputPlaceholder:T,title:tt,subtitle:bt}),children:(0,re.jsx)("div",{className:"k-list-container",children:(0,re.jsx)(ee,{customValue:ft?(0,re.jsx)(Lo,{text:`Use "${f}"`}):void 0,size:"large",children:(0,re.jsxs)(de,{"aria-label":tt\|\|"Options",children:[(0,re.jsx)($,{text:"List item"}),(0,re.jsx)($,{text:"List item"}),(0,re.jsx)($,{text:"List item"})]})})})})]})};lt.states=IT;lt.options=OT;lt.className=Gd;lt.defaultOptions=Pd;lt.moduleName=kn;lt.folderName=Od;lt.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-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 gt=lt;var Kd=require("react/jsx-runtime"),Hd=e=>(0,Kd.jsx)(gt,{...e});var Dd=require("react/jsx-runtime");var Bd=require("react/jsx-runtime");var _d=require("react/jsx-runtime");var zd=require("react/jsx-runtime");var Ud=require("react/jsx-runtime");var Fd=require("react/jsx-runtime");var vn=require("react/jsx-runtime");var GT=require("react/jsx-runtime");var PT=require("react/jsx-runtime");var $d=require("react/jsx-runtime");var Vd=require("react/jsx-runtime");var Bt=require("react/jsx-runtime"),HT=lt.states,KT=lt.defaultOptions,DT=lt.options,BT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],_T=[],lr=e=>{let{modifiers:t,...o}=e,a={},l=(0,Bt.jsx)(ee,{style:{width:300},size:o.size,children:(0,Bt.jsxs)(de,{children:[(0,Bt.jsx)($,{children:"List item"}),(0,Bt.jsx)($,{children:"List item"}),(0,Bt.jsx)($,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,Bt.jsx)(u,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,Bt.jsx)(To,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?l:void 0;break;default:break}}),(0,Bt.jsx)("div",{children:(0,Bt.jsx)(Hd,{value:"Value",style:{width:300},...o,...a})})};lr.options=DT;lr.states=HT;lr.variants=_T;lr.defaultOptions=KT;lr.modifiers=BT;var Ln="menu-button",Wd=Ln;var Jd=require("react/jsx-runtime"),Xd="k-menu-button",zT=[s.hover,s.focus,s.active,s.selected,s.disabled],UT={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.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]},Cn={showArrow:!0,arrowIconName:"caret-alt-down"},me=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:p,active:f,selected:T,disabled:L,icon:M,text:y,showArrow:h=Cn.showArrow,arrowIconName:E=Cn.arrowIconName,expanded:A,...G}=e;return(0,Jd.jsx)(m,{...G,className:r(e.className,Xd),text:y,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:p,active:f,selected:T,disabled:L,icon:M,showArrow:h,arrowIconName:E,"aria-expanded":A?"true":"false",...!y&&M&&!e["aria-label"]&&{"aria-label":"Menu"},...L&&{"aria-disabled":"true"}})};me.states=zT;me.options=UT;me.className=Xd;me.defaultOptions=Cn;me.moduleName=Ln;me.folderName=Wd;me.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 FT=require("react/jsx-runtime");var $T=require("react/jsx-runtime");var VT=require("react/jsx-runtime");var kt="menu",Gt=kt;var oo=require("react/jsx-runtime"),yn="k-menu-item",WT=[s.hover,s.focus,s.active,s.selected,s.disabled],XT={},qd={iconPosition:"before"},Qe=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:p,text:f,first:T,last:L,showArrow:M,arrowIconName:y,iconPosition:h=qd.iconPosition,dir:E,children:A,expanded:G,..._}=e,B=y;return B\|\|(B=E==="rtl"?"caret-alt-left":"caret-alt-right"),(0,oo.jsxs)("li",{..._,className:r(e.className,yn,"k-item",P(yn,{focus:o,disabled:i,hover:t,active:a,selected:l}),{"k-first":T,"k-last":L}),role:"menuitem",...M&&{"aria-haspopup":"menu"},...M&&{"aria-expanded":G?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,oo.jsxs)("span",{className:r("k-link k-menu-link"),children:[p&&h==="before"&&(0,oo.jsx)(u,{className:"k-menu-link-icon",icon:p}),(0,oo.jsx)("span",{className:"k-menu-link-text",children:f}),p&&h==="after"&&(0,oo.jsx)(u,{className:"k-menu-link-icon",icon:p}),M&&(0,oo.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,oo.jsx)(u,{icon:B})})]}),A]})};Qe.states=WT;Qe.options=XT;Qe.className=yn;Qe.defaultOptions=qd;Qe.moduleName=kt;Qe.folderName=Gt;var ao=require("react/jsx-runtime"),Mn="k-menu-item",JT=[s.hover,s.focus,s.active,s.selected,s.disabled],qT={},wn={dir:"ltr",iconPosition:"before"},Ne=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:p,text:f,first:T,last:L,showArrow:M,arrowIconName:y,iconPosition:h=wn.iconPosition,dir:E=wn.dir,children:A,popup:G,expanded:_,...B}=e,q=y;return q\|\|(q=E==="rtl"?"caret-alt-left":"caret-alt-right"),(0,ao.jsxs)("li",{...B,className:r(e.className,Mn,"k-item",P(Mn,{focus:o,disabled:i}),{"k-first":T,"k-last":L}),role:"menuitem",...M&&{"aria-haspopup":"menu"},...M&&{"aria-expanded":_?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,ao.jsxs)("span",{className:r("k-link k-menu-link",P("k-menu-link",{hover:t,active:a,selected:l,disabled:i})),children:[p&&h==="before"&&(0,ao.jsx)(u,{className:"k-menu-link-icon",icon:p}),(0,ao.jsx)("span",{className:"k-menu-link-text",children:f}),p&&h==="after"&&(0,ao.jsx)(u,{className:"k-menu-link-icon",icon:p}),M&&(0,ao.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,ao.jsx)(u,{icon:q})})]}),A,G]})};Ne.states=JT;Ne.options=qT;Ne.className=Mn;Ne.defaultOptions=wn;Ne.moduleName=kt;Ne.folderName=Gt;var Zd=require("react/jsx-runtime"),Yd="k-menu-scroll-wrapper",YT=[],QT={},ZT={},Bo=e=>{let{className:t,children:o,orientation:a,...l}=e;return(0,Zd.jsx)("div",{...l,className:r(t,Yd,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Bo.states=YT;Bo.options=QT;Bo.className=Yd;Bo.defaultOptions=ZT;Bo.moduleName=kt;Bo.folderName=Gt;var Qd=Bo;var ze=require("react/jsx-runtime"),Sn="k-menu",jT=[],eh={},Jr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ue=e=>{let{children:t,orientation:o=Jr.orientation,header:a=Jr.header,scrollable:l,scrollButtonsPosition:i=Jr.scrollButtonsPosition,wrapperStyles:p,dir:f,popup:T,contextMenu:L,...M}=e,y={horizontal:{prev:f!=="rtl"?"left":"right",next:f!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},h=(0,ze.jsx)("ul",{dir:f,...M,className:r(e.className,"k-reset",Sn,{[`${Sn}-${o}`]:o,"k-header":a}),role:L?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,ze.jsxs)(ze.Fragment,{children:[l?(0,ze.jsxs)(Qd,{orientation:o,style:p,dir:e.dir,children:[i==="start"&&(0,ze.jsxs)(ze.Fragment,{children:[(0,ze.jsx)(m,{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,ze.jsx)(m,{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,ze.jsx)(m,{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,ze.jsxs)(ze.Fragment,{children:[(0,ze.jsx)(m,{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,ze.jsx)(m,{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,ze.jsx)(m,{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,T]})};Ue.states=jT;Ue.options=eh;Ue.className=Sn;Ue.defaultOptions=Jr;Ue.moduleName=kt;Ue.folderName=Gt;Ue.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[aria-haspopup]",attribute:"aria-haspopup=menu",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-expanded=true/false",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[aria-haspopup][aria-controls]",attribute:"aria-controls=ul.k-menu-group id",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 ec=require("react/jsx-runtime"),An="k-separator",jd={orientation:"horizontal"},ia=e=>{let{orientation:t=jd.orientation,...o}=e;return(0,ec.jsx)("li",{...o,className:r(e.className,"k-item",An,{[`${An}-${t}`]:t}),role:"separator"})};ia.className=An;ia.defaultOptions=jd;ia.moduleName=kt;ia.folderName=Gt;var tc=require("react/jsx-runtime");var oc=require("react/jsx-runtime"),En="k-menu-group",th=[],oh={size:[c.undefined,c.small,c.medium,c.large]},ah={},Ze=e=>{let{children:t,size:o,...a}=e;return(0,oc.jsx)("ul",{...a,className:r(e.className,En,I(En,{size:o})),role:"menu",children:t})};Ze.states=th;Ze.options=oh;Ze.className=En;Ze.defaultOptions=ah;Ze.moduleName=kt;Ze.folderName=Gt;var _t=require("react/jsx-runtime"),Rn=e=>(0,_t.jsx)(Ue,{children:(0,_t.jsxs)(_t.Fragment,{children:[(0,_t.jsx)(Qe,{first:!0,text:"Item 1"}),(0,_t.jsx)(Qe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,_t.jsx)(Qe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,_t.jsx)(Qe,{text:"Item 4"}),(0,_t.jsx)(Qe,{last:!0,text:"Item 5"})]}),...e});var In=require("react/jsx-runtime");var On=require("react/jsx-runtime");var Gn=require("react/jsx-runtime");var Pn=require("react/jsx-runtime");var Jt=require("react/jsx-runtime"),rh=Ue.options,lh=Ue.states,ac={...Ue.defaultOptions,variant:"horizontal"},nh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],sh=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],nr=e=>{let{variant:t,modifiers:o,...a}={...ac,...e},l={};return Object.keys(o\|\|{}).forEach(i=>{switch(i){case"scrollable":l.scrollable=!!(o!=null&&o[i]);break;case"opened":l.opened=!!(o!=null&&o[i]),l.popup=(0,Jt.jsx)(be,{className:"k-menu-popup",children:(0,Jt.jsxs)(Ze,{children:[(0,Jt.jsx)(Ne,{text:"Item 1"}),(0,Jt.jsx)(Ne,{text:"Item 2"}),(0,Jt.jsx)(ia,{}),(0,Jt.jsx)(Ne,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Jt.jsx)(Rn,{...a,...l,orientation:"vertical",style:{width:"200px"}}):(0,Jt.jsx)(Rn,{...a,...l})};nr.options=rh;nr.states=lh;nr.variants=nh;nr.defaultOptions=ac;nr.modifiers=sh;var Hn=require("react/jsx-runtime");var ih=require("react/jsx-runtime");var je=require("react/jsx-runtime"),dh=m.states,rc={...m.defaultOptions,variant:"text"},ch=m.options,ph=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],mh=[{name:"opened",title:"Opened"}],sr=e=>{let{variant:t,modifiers:o,...a}={...rc,...e},l={},i=(0,je.jsx)(be,{className:"k-menu-popup",children:(0,je.jsxs)(Ze,{size:a.size,children:[(0,je.jsx)(Ne,{first:!0,text:"Menu Item"}),(0,je.jsx)(Ne,{text:"Menu Item"}),(0,je.jsx)(Ne,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=(0,je.jsx)("div",{children:(0,je.jsx)(me,{...a,...l,icon:"star"})});break;case"icon-and-text":p=(0,je.jsx)("div",{children:(0,je.jsx)(me,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:p=(0,je.jsx)("div",{children:(0,je.jsx)(me,{...a,...l,children:"Dropdown Button"})});break}return(0,je.jsxs)(je.Fragment,{children:[p,(o==null?void 0:o.opened)&&i]})};sr.options=ch;sr.states=dh;sr.variants=ph;sr.defaultOptions=rc;sr.modifiers=mh;var Kn="split-button",lc=Kn;var ro=require("react/jsx-runtime"),Dn="k-split-button",uh=[s.hover,s.focus,s.active,s.selected,s.disabled],bh={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.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]},nc={arrowIconName:"caret-alt-down"},te=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:p,active:f,selected:T,disabled:L,icon:M,text:y,arrowIconName:h=nc.arrowIconName,popup:E,opened:A,popupId:G,..._}=e;return(0,ro.jsxs)(ro.Fragment,{children:[(0,ro.jsxs)("div",{..._,className:r(e.className,Dn,"k-button-group",I(Dn,{rounded:o})),children:[(0,ro.jsx)(m,{text:y,icon:M,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:p,active:f,selected:T,disabled:L,...!y&&!e.children&&M&&{"aria-label":"Action"},children:e.children}),(0,ro.jsx)(m,{className:"k-split-button-arrow",icon:h,size:t,rounded:o,fillMode:a,disabled:L,"aria-label":"Toggle dropdown","aria-expanded":A?"true":"false","aria-controls":A?G:void 0,tabIndex:-1,...L&&{"aria-disabled":"true"}})]}),A&&E&&(0,ro.jsx)(be,{className:"k-menu-popup",children:E})]})};te.states=uh;te.options=bh;te.className=Dn;te.defaultOptions=nc;te.moduleName=Kn;te.folderName=lc;te.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 Bn=te;var sc=require("react/jsx-runtime"),fh="k-toolbar-separator",zt=e=>(0,sc.jsx)("div",{className:r(fh,e.className,"k-separator")});var lo="toolbar",Mo=lo;var U=require("react/jsx-runtime"),no="k-toolbar",Th=[s.focus],hh={size:[c.undefined,c.small,c.medium,c.large],fillMode:[C.undefined,C.solid,C.outline,C.flat]},xh={scrollButtons:"around"},ne=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:i,scrollButtons:p,scrollingPosition:f,section:T,...L}=e,M=[],y=(h,E)=>{let A=[];if(h.type===m&&h.props.className&&h.props.className.includes("k-toolbar-overflow-button"))A.push((0,U.jsx)(m,{...h.props,className:`${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===m)A.push((0,U.jsx)(m,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===wa)A.push((0,U.jsx)(wa,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===To)A.push((0,U.jsx)(To,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===me)A.push((0,U.jsx)(me,{...h.props,className:`k-toolbar-menu-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===Bn)A.push((0,U.jsx)(Bn,{...h.props,className:`k-toolbar-split-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===F\|\|h.props.className&&h.props.className.includes("k-button-group")){let G=[];(Array.isArray(h.props.children)?h.props.children:[h.props.children]).forEach((B,q)=>{G.push((0,U.jsx)(m,{...B.props,className:`${B.props.className?B.props.className:""}`},`${q}-${new Date().getTime()}`))}),A.push((0,U.jsx)(F,{...h.props,className:`k-toolbar-button-group ${h.props.className?h.props.className:""}`,children:G},`${E}-${new Date().getTime()}`))}else h.type===lt?A.push((0,U.jsx)(lt,{...h.props,className:`k-toolbar-combobox ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`)):h.type===pe?A.push((0,U.jsx)(pe,{...h.props,className:`k-toolbar-dropdownlist ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`)):h.type===Nt?A.push((0,U.jsx)(Nt,{...h.props,className:`k-toolbar-colorpicker ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`)):A.push(h);A.forEach(G=>{M.push(G)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((E,A)=>{y(E,A)}),(0,U.jsxs)("div",{...L,className:r(e.className,no,I(no,{size:t,fillMode:o}),P(no,{focus:a}),{[`${no}-resizable`]:l,[`${no}-scrollable`]:i,[`${no}-scrollable-overlay`]:i&&p==="hidden",[`${no}-scrollable-${f}`]:f&&f!=="both",[`${no}-section`]:T}),role:"toolbar","aria-label":"Toolbar",children:[!i&&M,i&&p==="hidden"&&(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:M}),i&&p==="start"&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)(F,{children:[(0,U.jsx)("span",{className:r("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,U.jsx)("span",{className:r("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,U.jsx)(zt,{className:"k-toolbar-button-separator"}),(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:M})]}),i&&p==="end"&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:M}),(0,U.jsx)(zt,{className:"k-toolbar-button-separator"}),(0,U.jsxs)(F,{children:[(0,U.jsx)("span",{className:r("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,U.jsx)("span",{className:r("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),i&&(p==="around"\|\|!p)&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("span",{className:r("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,U.jsx)(zt,{className:"k-toolbar-button-separator"}),(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:M}),(0,U.jsx)(zt,{className:"k-toolbar-button-separator"}),(0,U.jsx)("span",{className:r("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};ne.states=Th;ne.options=hh;ne.className=no;ne.defaultOptions=xh;ne.moduleName=lo;ne.folderName=Mo;ne.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"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id",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[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",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"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id",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[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the section toggle button."}]};var dc=require("react/jsx-runtime"),ic="k-floating-toolbar",Nh=[],gh={},kh={},da=e=>{let{...t}=e;return(0,dc.jsx)("div",{...t,className:r(e.className,ic),children:e.children})};da.states=Nh;da.options=gh;da.className=ic;da.defaultOptions=kh;da.moduleName=lo;da.folderName=Mo;var cc=require("react/jsx-runtime"),_n="k-toolbar-item",vh=[s.focus],Lh={},Ch={},ca=e=>{let{focus:t,...o}=e;return(0,cc.jsx)("div",{...o,className:r(e.className,_n,P(_n,{focus:t})),children:e.children})};ca.states=vh;ca.options=Lh;ca.className=_n;ca.defaultOptions=Ch;ca.moduleName=lo;ca.folderName=Mo;var zn=require("react/jsx-runtime"),pc="k-toolbar-popup",yh=[],Mh={size:[c.undefined,c.small,c.medium,c.large],fillMode:[C.undefined,C.solid,C.outline,C.flat]},wh={},_o=e=>{let{size:t,fillMode:o,section:a,...l}=e;return(0,zn.jsx)(be,{...l,className:r(e.className,pc),children:a?(0,zn.jsx)("span",{className:r("k-toolbar-items-list",I("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};_o.states=yh;_o.options=Mh;_o.className=pc;_o.defaultOptions=wh;_o.moduleName=lo;_o.folderName=Mo;var qr=_o;var Sh=require("react/jsx-runtime");var Ah=require("react/jsx-runtime");var Eh=require("react/jsx-runtime");var mc=require("react/jsx-runtime");var Rh=require("react/jsx-runtime");var Pt=require("react/jsx-runtime"),Ih=te.states,uc={...te.defaultOptions,variant:"text"},Oh=te.options,Gh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ph=[{name:"opened",title:"Opened"}],ir=e=>{let{variant:t,modifiers:o,...a}={...uc,...e},l={},i=(0,Pt.jsxs)(Ze,{size:a.size,children:[(0,Pt.jsx)(Ne,{first:!0,text:"Menu Item"}),(0,Pt.jsx)(Ne,{text:"Menu Item"}),(0,Pt.jsx)(Ne,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(l.opened=!!(o!=null&&o[p]),l.popup=o!=null&&o[p]?i:"")}),t){case"icon-only":return(0,Pt.jsx)("div",{children:(0,Pt.jsx)(te,{...a,...l,icon:"star"})});case"icon-and-text":return(0,Pt.jsx)("div",{children:(0,Pt.jsx)(te,{...a,...l,icon:"star",children:"Split Button"})});default:return(0,Pt.jsx)("div",{children:(0,Pt.jsx)(te,{...a,...l,children:"Split Button"})})}};ir.options=Oh;ir.states=Ih;ir.variants=Gh;ir.defaultOptions=uc;ir.modifiers=Ph;var qt=require("react/jsx-runtime"),bc=e=>(0,qt.jsx)(ne,{children:[(0,qt.jsx)(m,{children:"Button"},"toolbar-button"),(0,qt.jsx)(me,{text:"Menu button"},"toolbar-menu-button"),(0,qt.jsx)(te,{children:"Split button"},"toolbar-split-button"),(0,qt.jsxs)(F,{children:[(0,qt.jsx)(m,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,qt.jsx)(m,{icon:"align-center",children:"Center"}),(0,qt.jsx)(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var fc=require("react/jsx-runtime");var Fe=require("react/jsx-runtime"),Tc=e=>(0,Fe.jsx)(ne,{scrollable:!0,...e,children:[(0,Fe.jsx)(m,{children:"Button"},"toolbar-button"),(0,Fe.jsx)(me,{text:"Menu button"},"toolbar-menu-button"),(0,Fe.jsx)(te,{children:"Split button"},"toolbar-split-button"),(0,Fe.jsxs)(F,{children:[(0,Fe.jsx)(m,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Fe.jsx)(m,{icon:"align-center",children:"Center"}),(0,Fe.jsx)(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Fe.jsx)(m,{children:"Button"},"toolbar-button"),(0,Fe.jsx)(me,{text:"Menu button"},"toolbar-menu-button"),(0,Fe.jsx)(te,{children:"Split button"},"toolbar-split-button"),(0,Fe.jsxs)(F,{children:[(0,Fe.jsx)(m,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Fe.jsx)(m,{icon:"align-center",children:"Center"}),(0,Fe.jsx)(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var $e=require("react/jsx-runtime"),hc=({scrollingPosition:e="start",...t})=>(0,$e.jsx)(ne,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,$e.jsx)(m,{children:"Button"},"toolbar-button"),(0,$e.jsx)(me,{text:"Menu button"},"toolbar-menu-button"),(0,$e.jsx)(te,{children:"Split button"},"toolbar-split-button"),(0,$e.jsxs)(F,{children:[(0,$e.jsx)(m,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,$e.jsx)(m,{icon:"align-center",children:"Center"}),(0,$e.jsx)(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,$e.jsx)(m,{children:"Button"},"toolbar-button"),(0,$e.jsx)(me,{text:"Menu button"},"toolbar-menu-button"),(0,$e.jsx)(te,{children:"Split button"},"toolbar-split-button"),(0,$e.jsxs)(F,{children:[(0,$e.jsx)(m,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,$e.jsx)(m,{icon:"align-center",children:"Center"}),(0,$e.jsx)(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var ge=require("react/jsx-runtime"),xc=({fillMode:e,size:t,...o})=>(0,ge.jsxs)(ge.Fragment,{children:[(0,ge.jsx)(ne,{section:!0,fillMode:e,size:t,children:[(0,ge.jsx)(m,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,ge.jsxs)(F,{fillMode:e,children:[(0,ge.jsx)(m,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,ge.jsx)(m,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,ge.jsx)(m,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,ge.jsx)(zt,{className:"k-toolbar-button-separator"}),(0,ge.jsx)(m,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,ge.jsxs)(qr,{size:t,fillMode:e,section:!0,...o,children:[(0,ge.jsx)(te,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,ge.jsx)(m,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,ge.jsx)(zt,{}),(0,ge.jsx)(me,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,ge.jsxs)(F,{fillMode:e,children:[(0,ge.jsx)(m,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,ge.jsx)(m,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,ge.jsx)(m,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var Un=require("react/jsx-runtime");var Fn=require("react/jsx-runtime");var so=require("react/jsx-runtime"),Hh=ne.options,Kh=ne.states,Nc={...ne.defaultOptions,variant:"default"},Dh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Bh=[],dr=e=>{let{variant:t,...o}={...Nc,...e};switch(t){case"responsive":return(0,so.jsx)("div",{children:(0,so.jsx)(xc,{style:{width:"583px"},...o})});case"overlay":return(0,so.jsx)("div",{children:(0,so.jsx)(hc,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,so.jsx)("div",{children:(0,so.jsx)(Tc,{style:{width:"583px"},...o})});default:return(0,so.jsx)("div",{children:(0,so.jsx)(bc,{style:{width:"583px"},...o})})}};dr.options=Hh;dr.states=Kh;dr.variants=Dh;dr.defaultOptions=Nc;dr.modifiers=Bh;var kc=require("react/jsx-runtime"),gc="k-gantt-header",pa=e=>(0,kc.jsx)(ne,{...e,className:r(e.className,gc,"k-gantt-toolbar"),children:e.children});pa.className=gc;pa.moduleName=se;pa.folderName=ie;var Lc=require("react/jsx-runtime"),vc="k-gantt-footer",ma=e=>(0,Lc.jsx)(ne,{...e,className:r(e.className,vc,"k-gantt-toolbar"),children:e.children});ma.className=vc;ma.moduleName=se;ma.folderName=ie;var yc=require("react/jsx-runtime"),Cc="k-gantt-content",ua=e=>(0,yc.jsx)("div",{...e,className:r(e.className,Cc),children:e.children});ua.className=Cc;ua.moduleName=se;ua.folderName=ie;var wc=require("react/jsx-runtime"),Mc="k-gantt-tables",ba=e=>(0,wc.jsx)("div",{...e,className:r(e.className,Mc),children:e.children});ba.className=Mc;ba.moduleName=se;ba.folderName=ie;var Ve="table",et=Ve;var Ac=require("react/jsx-runtime"),Sc="k-data-table",_h=[],zh={size:[c.undefined,c.small,c.medium,c.large]},Uh={},io=e=>{let{size:t,...o}=e;return(0,Ac.jsx)("div",{...o,className:r(e.className,Sc,I("k-table",{size:t})),children:e.children})};io.states=_h;io.options=zh;io.className=Sc;io.defaultOptions=Uh;io.moduleName=Ve;io.folderName=et;var Ec=require("react/jsx-runtime"),$n="k-table-header-wrap",Fh=[s.hover,s.focus,s.disabled],$h={},Vh={},wo=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return(0,Ec.jsx)("div",{...i,className:r(e.className,$n,P($n,{hover:o,focus:a,disabled:l})),children:t})};wo.states=Fh;wo.options=$h;wo.className=$n;wo.defaultOptions=Vh;wo.moduleName=Ve;wo.folderName=et;var Rc=require("react/jsx-runtime"),Vn="k-table",Wh=[],Xh={size:[c.undefined,c.small,c.medium,c.large]},Jh={},ke=e=>{let{size:t,...o}=e;return(0,Rc.jsx)("table",{...o,className:r(e.className,Vn,I(Vn,{size:t})),children:e.children})};ke.states=Wh;ke.options=Xh;ke.className=Vn;ke.defaultOptions=Jh;ke.moduleName=Ve;ke.folderName=et;var Yr=require("react/jsx-runtime"),Wn="k-table-header",qh=[s.hover,s.focus,s.disabled],Yh={},Qh={},co=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return(0,Yr.jsx)("div",{...i,className:r(e.className,Wn,P(Wn,{hover:o,focus:a,disabled:l})),children:(0,Yr.jsx)(wo,{children:(0,Yr.jsx)(ke,{children:t})})})};co.states=qh;co.options=Yh;co.className=Wn;co.defaultOptions=Qh;co.moduleName=Ve;co.folderName=et;var Oc=require("react/jsx-runtime"),Ic="k-table-scroller",Zh=[],jh={},ex={},fa=e=>{let{children:t,...o}=e;return(0,Oc.jsx)("div",{...o,className:r(e.className,Ic),children:t})};fa.states=Zh;fa.options=jh;fa.className=Ic;fa.defaultOptions=ex;fa.moduleName=Ve;fa.folderName=et;var tx=require("react/jsx-runtime");var Pc=require("react/jsx-runtime"),Gc="k-table-footer",ox=[],ax={},rx={},So=e=>{let{children:t,...o}=e;return(0,Pc.jsx)("div",{...o,className:r(e.className,Gc),children:t})};So.states=ox;So.options=ax;So.className=Gc;So.defaultOptions=rx;So.moduleName=Ve;So.folderName=et;var Hc=require("react/jsx-runtime"),Xn="k-table-list",lx=[],nx={size:[c.undefined,c.small,c.medium,c.large]},sx={},Ao=e=>{let{size:t,virtualization:o,...a}=e;return(0,Hc.jsx)("ul",{...a,className:r(e.className,"k-table",Xn,I(Xn,{size:t}),{"k-virtual-table":o}),children:e.children})};Ao.states=lx;Ao.options=nx;Ao.className=Xn;Ao.defaultOptions=sx;Ao.moduleName=Ve;Ao.folderName=et;var Kc=require("react/jsx-runtime"),ix="k-table-thead",V=e=>(0,Kc.jsx)("thead",{className:r(e.className,ix),children:e.children});var Dc=require("react/jsx-runtime"),dx="k-table-tbody",W=e=>(0,Dc.jsx)("tbody",{className:r(e.className,dx),children:e.children});var cx=require("react/jsx-runtime");var Bc=require("react/jsx-runtime"),Jn="k-table-row",px=[s.hover,s.focus,s.selected,s.disabled,s.highlighted],N=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:i,alt:p,...f}=e;return(0,Bc.jsx)("tr",{...f,className:r(e.className,Jn,{"k-table-alt-row":p},P(Jn,{hover:t,focus:o,disabled:i,selected:a,highlighted:l})),children:e.children})};N.states=px;N.className=Jn;var _c=require("react/jsx-runtime"),qn="k-table-row",mx=[s.hover,s.focus,s.selected,s.disabled],Qr=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:i,...p}=e;return(0,_c.jsx)("li",{...p,className:r(e.className,qn,{"k-table-alt-row":i},P(qn,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};Qr.states=mx;Qr.className=qn;var Uc=require("react/jsx-runtime"),zc="k-table-th",po=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,i=t\|\|e.children;return(0,Uc.jsx)("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,zc),children:i})};po.className=zc;po.moduleName=Ve;po.folderName=et;var ux=require("react/jsx-runtime");var Fc=require("react/jsx-runtime"),Yn="k-table-td",bx=[s.focus,s.selected,s.highlighted],n=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:i,rowspan:p,...f}=e,T=l\|\|e.children;return(0,Fc.jsx)("td",{colSpan:i,rowSpan:p,...f,className:r(e.className,Yn,P(Yn,{focus:t,selected:o,highlighted:a})),children:T})};n.states=bx;n.className=Yn;var fx=require("react/jsx-runtime");var Tx=require("react/jsx-runtime");var hx=require("react/jsx-runtime");var xx=require("react/jsx-runtime");var Nx=require("react/jsx-runtime");var Vc=require("react/jsx-runtime");var Wc=require("react/jsx-runtime");var Xc=require("react/jsx-runtime");var Qn=require("react/jsx-runtime");var qc=require("react/jsx-runtime"),Jc="k-gantt-columns",Ta=e=>(0,qc.jsx)(ke,{...e,className:r(e.className,Jc),children:e.children});Ta.className=Jc;Ta.moduleName=se;Ta.folderName=ie;var Qc=require("react/jsx-runtime"),Yc="k-gantt-rows",ha=e=>(0,Qc.jsx)(ke,{...e,className:r(e.className,Yc),children:e.children});ha.className=Yc;ha.moduleName=se;ha.folderName=ie;var jc=require("react/jsx-runtime"),Zc="k-gantt-tasks",xa=e=>(0,jc.jsx)(ke,{...e,className:r(e.className,Zc),children:e.children});xa.className=Zc;xa.moduleName=se;xa.folderName=ie;var op=require("react/jsx-runtime"),ep="k-task",Lx=[],Cx={},tp={type:"single"},vt=e=>{let{type:t=tp.type,...o}=e;return(0,op.jsx)("div",{...o,className:r(e.className,ep,{"k-task-single":t==="single","k-task-milestone":t==="milestone","k-task-summary":t==="summary"})})};vt.states=Lx;vt.options=Cx;vt.className=ep;vt.defaultOptions=tp;vt.moduleName=se;vt.folderName=ie;var lp=require("react/jsx-runtime"),ap="k-task-wrap",yx=[],Mx={},rp={type:"single"},Lt=e=>{let{type:t=rp.type,...o}=e;return(0,lp.jsx)("div",{...o,className:r(e.className,ap,{"k-milestone-wrap":t==="milestone","k-summary-wrap":t==="summary"})})};Lt.states=yx;Lt.options=Mx;Lt.className=ap;Lt.defaultOptions=rp;Lt.moduleName=se;Lt.folderName=ie;var ip=require("react/jsx-runtime"),np="k-task-dot",wx=[],Sx={},sp={position:"start"},Pe=e=>{let{position:t=sp.position,...o}=e;return(0,ip.jsx)("div",{...o,className:r(e.className,np,{"k-task-start":t==="start","k-task-end":t==="end"})})};Pe.states=wx;Pe.options=Sx;Pe.className=np;Pe.defaultOptions=sp;Pe.moduleName=se;Pe.folderName=ie;var mo=require("react/jsx-runtime"),dp="k-task-content",Ax=[],Ex={},Rx={},Yt=e=>{let{content:t,...o}=e;return(0,mo.jsxs)("div",{...o,className:r(e.className,dp),children:[t&&(0,mo.jsx)("div",{className:"k-task-template",children:t}),(0,mo.jsx)("span",{className:"k-task-actions",children:(0,mo.jsx)("a",{className:"k-link k-task-delete",children:(0,mo.jsx)(u,{icon:"x"})})}),(0,mo.jsx)("span",{className:"k-resize-handle k-resize-w"}),(0,mo.jsx)("span",{className:"k-resize-handle k-resize-e"})]})};Yt.states=Ax;Yt.options=Ex;Yt.className=dp;Yt.defaultOptions=Rx;Yt.moduleName=se;Yt.folderName=ie;var mp=require("react/jsx-runtime"),cp="k-gantt-line",Ix=[],Ox={},pp={orientation:"horizontal"},ve=e=>{let{orientation:t=pp.orientation,...o}=e;return(0,mp.jsx)("div",{...o,className:r(e.className,cp,{"k-gantt-line-h":t==="horizontal","k-gantt-line-v":t==="vertical"})})};ve.states=Ix;ve.options=Ox;ve.className=cp;ve.defaultOptions=pp;ve.moduleName=se;ve.folderName=ie;var oe="grid",le=oe;var jr=require("react/jsx-runtime"),Zr="k-grid",Gx=[],Px={size:[c.undefined,c.small,c.medium,c.large]},Hx=[],up={pagerPosition:"bottom"},Y=e=>{let{size:t,pagerPosition:o=up.pagerPosition,toolbar:a,pager:l,groupingHeader:i,gridSelectionAggregates:p,_renderAriaRoot:f,resizable:T,...L}=e;return(0,jr.jsxs)("div",{...L,className:r(e.className,Zr,{[`${Zr}-resizable`]:T},I(Zr,{size:t})),children:[a,o==="top"&&l,i,e.children&&f?(0,jr.jsx)("div",{className:"k-grid-aria-root",children:e.children}):e.children,p,o==="bottom"&&l]})};Y.states=Gx;Y.options=Px;Y.variants=Hx;Y.className=Zr;Y.defaultOptions=up;Y.moduleName=oe;Y.folderName=le;var fp=require("react/jsx-runtime"),bp="k-grid-header",X=e=>{let{draggable:t,...o}=e;return(0,fp.jsx)("div",{...o,className:r(e.className,bp,{"k-grid-draggable-header":t}),children:e.children})};X.className=bp;X.moduleName=oe;X.folderName=le;var cr=require("react/jsx-runtime"),Tp="k-grouping-header",Eo=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,cr.jsxs)("div",{...a,className:r(e.className,Tp),children:[o&&(0,cr.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,cr.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};Eo.className=Tp;Eo.moduleName=oe;Eo.folderName=le;var Np=require("react/jsx-runtime"),hp="k-grid-sticky-container",xp={position:"top"},el=e=>{let{position:t=xp.position,...o}=e;return(0,Np.jsx)("div",{...o,className:r(e.className,hp,{"k-grid-sticky-top-container":t==="top","k-grid-sticky-bottom-container":t==="bottom"}),children:e.children})};el.className=hp;el.defaultProps=xp;el.moduleName=oe;el.folderName=le;var kp=require("react/jsx-runtime"),gp="k-grid-header-table",J=e=>(0,kp.jsx)(ke,{...e,className:r(e.className,gp),children:e.children});J.className=gp;J.moduleName=oe;J.folderName=le;var Ct=require("react/jsx-runtime"),Zn="k-header",Kx=[s.hover,s.focus,s.active],vp={sortIcon:"sort-asc-small"},w=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:i,columnTitle:p,hover:f,focus:T,active:L,sortIcon:M=vp.sortIcon,sortOrder:y,accessibleLabel:h,...E}=e;return(0,Ct.jsxs)(po,{...E,className:r(e.className,Zn,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":i},P(Zn,{hover:f,focus:T,active:L})),children:[p&&(0,Ct.jsxs)("span",{className:"k-cell-inner",children:[(0,Ct.jsxs)("span",{className:"k-link",children:[(0,Ct.jsx)("span",{className:"k-column-title",children:p}),o&&(0,Ct.jsx)("span",{className:"k-sort-icon",children:(0,Ct.jsx)(u,{icon:M})}),y&&(0,Ct.jsx)("span",{className:"k-sort-order",children:y})]}),t&&(0,Ct.jsx)("a",{href:"#",className:r("k-grid-header-menu",{"k-active":L,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,Ct.jsx)(u,{icon:t==="filter"?"filter":"more-vertical"})})]}),!p&&h&&(0,Ct.jsx)("span",{className:"k-sr-only",children:h}),e.children,i&&(0,Ct.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};w.states=Kx;w.className=Zn;w.defaultOptions=vp;w.moduleName=oe;w.folderName=le;var Cp=require("react/jsx-runtime"),Lp="k-grid-container",ae=e=>(0,Cp.jsx)("div",{...e,className:r(e.className,Lp),children:e.children});ae.className=Lp;ae.moduleName=oe;ae.folderName=le;var Mp=require("react/jsx-runtime"),yp="k-grid-content",Z=e=>(0,Mp.jsx)("div",{...e,className:r(e.className,yp),children:e.children});Z.className=yp;Z.moduleName=oe;Z.folderName=le;var Sp=require("react/jsx-runtime"),wp="k-grid-table",j=e=>(0,Sp.jsx)(ke,{...e,className:r(e.className,wp),children:e.children});j.className=wp;j.moduleName=oe;j.folderName=le;var Ep=require("react/jsx-runtime"),Ap="k-grid-footer",jn=e=>(0,Ep.jsx)("div",{...e,className:r(e.className,Ap),children:e.children});jn.className=Ap;jn.moduleName=oe;jn.folderName=le;var Ip=require("react/jsx-runtime"),Rp="k-grid-footer-table",es=e=>(0,Ip.jsx)(ke,{...e,className:r(e.className,Rp),children:e.children});es.className=Rp;es.moduleName=oe;es.folderName=le;var ts="pager",Op=ts;var ue=require("react/jsx-runtime"),tl="k-pager",Dx=[s.focus,s.disabled],Bx={size:[c.undefined,c.small,c.medium,c.large]},yt={responsive:!0,pagerSizeInfo:!0,pageTitleInfo:!0,maxPagesInfo:!0,type:"numeric",pageSizes:!0,refresh:!0,previousNext:!0,info:"1 - 5 of 20 items",itemsPerPage:5,maxPages:6,currentPage:1},Le=e=>{let{responsive:t=yt.responsive,size:o,pagerSizeInfo:a=yt.pagerSizeInfo,pageTitleInfo:l=yt.pageTitleInfo,maxPagesInfo:i=yt.maxPagesInfo,itemsPerPage:p=yt.itemsPerPage,maxPages:f=yt.maxPages,currentPage:T=yt.currentPage,previousNext:L=yt.previousNext,type:M=yt.type,pageSizes:y=yt.pageSizes,refresh:h=yt.refresh,info:E=yt.info,focus:A,disabled:G,dir:_,...B}=e,q=[],Te=[];for(let we=1;we<=f;we++)q.push((0,ue.jsx)(m,{selected:we===T,fillMode:"flat",themeColor:"primary",size:o,children:we})),Te.push((0,ue.jsx)("option",{selected:we===T,children:we}));return(0,ue.jsxs)("div",{dir:_,...B,className:r(e.className,tl,I(tl,{size:o}),P(tl,{focus:A,disabled:G}),{"k-pager-responsive":t}),children:[(0,ue.jsxs)("div",{className:r("k-pager-numbers-wrap"),children:[L&&(0,ue.jsxs)(ue.Fragment,{children:[(0,ue.jsx)(m,{className:r("k-pager-nav","k-pager-first"),disabled:T===1&&!G,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),(0,ue.jsx)(m,{className:r("k-pager-nav"),disabled:T===1&&!G,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-right":"caret-alt-left"})]}),M==="numeric"&&(0,ue.jsx)("div",{className:r("k-pager-numbers"),children:q}),M==="input"&&(0,ue.jsxs)("span",{className:r("k-pager-input"),children:[l&&(0,ue.jsx)("span",{children:"Page"}),(0,ue.jsx)(Q,{value:`${T}`,size:o,showSpinButton:!1,showClearButton:!1}),(0,ue.jsx)("span",{children:i&&`of ${f}`})]}),L&&(0,ue.jsxs)(ue.Fragment,{children:[(0,ue.jsx)(m,{className:r("k-pager-nav"),disabled:T===f&&!G,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-left":"caret-alt-right"}),(0,ue.jsx)(m,{className:r("k-pager-nav","k-pager-last"),disabled:T===f&&!G,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),y&&(0,ue.jsxs)("span",{className:r("k-pager-sizes"),children:[(0,ue.jsx)(pe,{value:`${p}`,size:o}),a&&(0,ue.jsx)("span",{children:"items per page"})]}),h&&(0,ue.jsx)(m,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),E&&(0,ue.jsx)("span",{className:r("k-pager-info"),children:E})]})};Le.states=Dx;Le.options=Bx;Le.className=tl;Le.defaultOptions=yt;Le.moduleName=ts;Le.folderName=Op;var _x=require("react/jsx-runtime");var zx=require("react/jsx-runtime");var Ux=require("react/jsx-runtime");var os=require("react/jsx-runtime"),Fx=Le.options,$x=Le.states,Vx={...Le.defaultOptions,variant:"numeric"},Wx=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Xx=[],pr=e=>{let{variant:t,...o}=e;return t==="input"?(0,os.jsx)(Le,{...o,type:"input"}):(0,os.jsx)(Le,{...o,type:"numeric"})};pr.options=Fx;pr.states=$x;pr.variants=Wx;pr.defaultOptions=Vx;pr.modifiers=Xx;var Pp=require("react/jsx-runtime"),Gp="k-grid-pager",Qt=e=>(0,Pp.jsx)(Le,{...e,className:r(e.className,Gp),children:e.children});Qt.className=Gp;Qt.moduleName=oe;Qt.folderName=le;var Kp=require("react/jsx-runtime"),Hp="k-grid-toolbar",uo=e=>(0,Kp.jsx)(ne,{...e,className:r(e.className,Hp),children:e.children});uo.className=Hp;uo.moduleName=oe;uo.folderName=le;var Na=require("react/jsx-runtime"),as="k-grid-stack-cell",Jx=[s.focus,s.selected],ol=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:i,focus:p,selected:f,...T}=e;return(0,Na.jsxs)("div",{...T,className:r(e.className,as,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":i},P(as,{focus:p,selected:f})),children:[i&&(0,Na.jsx)("span",{className:"k-dirty"}),t&&(0,Na.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,Na.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};ol.states=Jx;ol.className=as;ol.moduleName=oe;ol.folderName=le;var Bp=require("react/jsx-runtime"),Dp="k-grid-stack-row",al=e=>{let{cols:t,...o}=e;return(0,Bp.jsx)("div",{...o,className:r(e.className,Dp,{[`k-grid-cols-${t}`]:t}),children:e.children})};al.className=Dp;al.moduleName=oe;al.folderName=le;var rs=require("react/jsx-runtime");var ls=require("react/jsx-runtime");var ns=require("react/jsx-runtime");var v=require("react/jsx-runtime"),_p=({contentClassName:e,...t})=>(0,v.jsx)(Y,{_renderAriaRoot:!0,pager:(0,v.jsx)(Qt,{refresh:!1}),children:(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(X,{children:(0,v.jsx)("div",{className:"k-grid-header-wrap",children:(0,v.jsxs)(J,{children:[(0,v.jsxs)("colgroup",{children:[(0,v.jsx)("col",{}),(0,v.jsx)("col",{style:{width:"225px"}}),(0,v.jsx)("col",{}),(0,v.jsx)("col",{}),(0,v.jsx)("col",{})]}),(0,v.jsxs)(V,{children:[(0,v.jsxs)(N,{children:[(0,v.jsx)(w,{rowspan:1,colspan:1,columnTitle:"Product Id"}),(0,v.jsx)(w,{rowspan:1,colspan:1,columnTitle:"Name"}),(0,v.jsx)(w,{rowspan:1,colspan:1,columnTitle:"Quantity"}),(0,v.jsx)(w,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),(0,v.jsx)(w,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),(0,v.jsxs)(N,{className:"k-filter-row",children:[(0,v.jsx)(n,{children:(0,v.jsx)("div",{className:"k-filtercell",children:(0,v.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,v.jsx)(Q,{}),(0,v.jsxs)("div",{className:"k-filtercell-operator",children:[(0,v.jsx)(pe,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,v.jsx)(m,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,v.jsx)(n,{children:(0,v.jsx)("div",{className:"k-filtercell",children:(0,v.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,v.jsx)(ce,{}),(0,v.jsxs)("div",{className:"k-filtercell-operator",children:[(0,v.jsx)(pe,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,v.jsx)(m,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,v.jsx)(n,{children:(0,v.jsx)("div",{className:"k-filtercell",children:(0,v.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,v.jsx)(ce,{}),(0,v.jsxs)("div",{className:"k-filtercell-operator",children:[(0,v.jsx)(pe,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,v.jsx)(m,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,v.jsx)(n,{children:(0,v.jsx)("div",{className:"k-filtercell",children:(0,v.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,v.jsx)(Q,{}),(0,v.jsxs)("div",{className:"k-filtercell-operator",children:[(0,v.jsx)(pe,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,v.jsx)(m,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,v.jsx)(n,{children:(0,v.jsx)("div",{className:"k-filtercell",children:(0,v.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,v.jsx)(pe,{}),(0,v.jsx)("div",{className:"k-filtercell-operator",children:(0,v.jsx)(m,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),(0,v.jsx)(ae,{children:(0,v.jsx)(Z,{className:e,children:(0,v.jsxs)(j,{children:[(0,v.jsxs)("colgroup",{children:[(0,v.jsx)("col",{}),(0,v.jsx)("col",{style:{width:"225px"}}),(0,v.jsx)("col",{}),(0,v.jsx)("col",{}),(0,v.jsx)("col",{})]}),(0,v.jsxs)(W,{children:[(0,v.jsxs)(N,{className:"k-master-row",children:[(0,v.jsx)(n,{children:"1"}),(0,v.jsx)(n,{children:"Chai"}),(0,v.jsx)(n,{children:"10 boxes x 20 bags"}),(0,v.jsx)(n,{children:"18"}),(0,v.jsx)(n,{children:"false"})]}),(0,v.jsxs)(N,{className:"k-master-row",alt:!0,children:[(0,v.jsx)(n,{children:"2"}),(0,v.jsx)(n,{children:"Chang"}),(0,v.jsx)(n,{children:"24 - 12 oz bottles"}),(0,v.jsx)(n,{children:"19"}),(0,v.jsx)(n,{children:"false"})]}),(0,v.jsxs)(N,{className:"k-master-row",children:[(0,v.jsx)(n,{children:"3"}),(0,v.jsx)(n,{children:"Aniseed Syrup"}),(0,v.jsx)(n,{children:"12 - 550 ml bottles"}),(0,v.jsx)(n,{children:"10"}),(0,v.jsx)(n,{children:"false"})]}),(0,v.jsxs)(N,{className:"k-master-row",alt:!0,children:[(0,v.jsx)(n,{children:"4"}),(0,v.jsx)(n,{children:"Chef Anton's Cajun Seasoning"}),(0,v.jsx)(n,{children:"48 - 6 oz jars"}),(0,v.jsx)(n,{children:"22"}),(0,v.jsx)(n,{children:"false"})]}),(0,v.jsxs)(N,{className:"k-master-row",children:[(0,v.jsx)(n,{children:"5"}),(0,v.jsx)(n,{children:"Grandma's Boysenberry Spread"}),(0,v.jsx)(n,{children:"12 - 8 oz jars"}),(0,v.jsx)(n,{children:"25"}),(0,v.jsx)(n,{children:"false"})]})]})]})})})]}),...t});var mr=require("react/jsx-runtime"),qx="k-chip-action";var Re=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=(0,mr.jsx)(u,{icon:"x-circle",size:"small"});break;case"more":a=(0,mr.jsx)(u,{icon:"more-vertical",size:"small"});break;default:return(0,mr.jsx)(u,{icon:t,size:"small"})}return(0,mr.jsx)("span",{...o,className:r(e.className,qx,`k-chip-${t}-action`),children:a})};var ss="avatar",zp=ss;var ds=require("react/jsx-runtime"),ur="k-avatar";var Yx=[s.hover,s.focus,s.active,s.selected,s.disabled],Qx={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.outline],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]},is={type:"text",border:!1},ut=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:i=is.type,border:p=is.border,...f}=e;return(0,ds.jsx)("div",{...f,className:r(e.className,ur,I(ur,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${ur}-bordered`]:p}),children:(0,ds.jsx)("span",{className:`${ur}-${i}`,children:e.children})})};ut.states=Yx;ut.options=Qx;ut.className=ur;ut.defaultOptions=is;ut.moduleName=ss;ut.folderName=zp;ut.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var zo=ut;var Fp=require("react/jsx-runtime"),Up=e=>(0,Fp.jsx)(zo,{type:"icon",...e});var Vp=require("react/jsx-runtime"),$p=e=>(0,Vp.jsx)(zo,{type:"text",...e});var Xp=require("react/jsx-runtime"),Wp=e=>(0,Xp.jsx)(zo,{type:"image",...e});var Zx=require("react/jsx-runtime");var ga=require("react/jsx-runtime"),jx=ut.options,eN=ut.states,tN={...ut.defaultOptions,variant:"image"},oN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],aN=[],br=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,ga.jsx)(Up,{...o,children:(0,ga.jsx)(u,{icon:"star"})});case"text":return(0,ga.jsx)($p,{...o,children:"JO"});default:return(0,ga.jsx)(Wp,{...o,children:(0,ga.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};br.options=jx;br.states=eN;br.variants=oN;br.defaultOptions=tN;br.modifiers=aN;var fr="chip",rl=fr;var bo=require("react/jsx-runtime"),ll="k-chip",rN=[s.hover,s.focus,s.active,s.selected,s.disabled],lN={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.outline],themeColor:[g.undefined,g.base,g.success,g.warning,g.error,g.info]},Jp={avatarImage:"/packages/html/assets/avatar.jpg"},Ie=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:i,icon:p,actions:f,showAvatar:T,avatarImage:L=Jp.avatarImage,hover:M,focus:y,active:h,selected:E,disabled:A,...G}=e;return(0,bo.jsxs)("div",{...G,className:r(e.className,ll,I(ll,{size:t,rounded:o,fillMode:a,themeColor:l}),P(ll,{hover:M,focus:y,active:h,disabled:A,selected:E})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:E?"true":"false","aria-selected":e.role==="option"?E?"true":"false":void 0,"aria-disabled":A?"true":void 0,children:[p&&(0,bo.jsx)(u,{className:"k-chip-icon",icon:p,size:"small"}),T&&(0,bo.jsx)(ut,{className:"k-chip-avatar",type:"image",children:(0,bo.jsx)("img",{src:L,alt:""})}),(0,bo.jsx)("span",{className:"k-chip-content",children:e.children?e.children:i&&(0,bo.jsx)("span",{className:"k-chip-label",children:i})}),f&&(0,bo.jsx)("span",{className:"k-chip-actions",children:f})]})};Ie.states=rN;Ie.options=lN;Ie.className=ll;Ie.defaultOptions=Jp;Ie.moduleName=fr;Ie.folderName=rl;Ie.ariaSpec={selector:".k-chip",rules:[{selector:":not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:":not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:":not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var Ht=Ie;var qp=require("react/jsx-runtime"),cs="k-chip-list",nN=[],sN={size:[c.undefined,c.small,c.medium,c.large]},iN={},Oe=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return(0,qp.jsx)("div",{...l,className:r(e.className,cs,I(cs,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Oe.states=nN;Oe.options=sN;Oe.className=cs;Oe.defaultOptions=iN;Oe.moduleName=fr;Oe.folderName=rl;Oe.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};var dN=require("react/jsx-runtime");var cN=require("react/jsx-runtime");var Yp=require("react/jsx-runtime"),nl=e=>(0,Yp.jsx)(Ht,{text:"text",...e});var pN=require("react/jsx-runtime");var mN=require("react/jsx-runtime");var ps=require("react/jsx-runtime");var Qp=require("react/jsx-runtime");var Zp=require("react/jsx-runtime");var jp=require("react/jsx-runtime");var fo=require("react/jsx-runtime"),uN={...Ht.options,...Oe.options},bN=[],fN=Oe.states,TN={...Ht.defaultOptions,...Oe.defaultOptions},hN=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Tr=e=>{let{modifiers:t,className:o,...a}=e,l=t==null?void 0:t.icon,i=t==null?void 0:t.actions,p=t==null?void 0:t.avatar;return(0,fo.jsxs)(Oe,{size:a.size,className:o,children:[(0,fo.jsx)(nl,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,fo.jsx)(Re,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),(0,fo.jsx)(nl,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,fo.jsx)(Re,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),(0,fo.jsx)(nl,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,fo.jsx)(Re,{type:"remove"}):void 0,showAvatar:p,children:"Chip"})]})};Tr.options=uN;Tr.states=fN;Tr.variants=bN;Tr.defaultOptions=TN;Tr.modifiers=hN;var sl=require("react/jsx-runtime"),xN=Ie.states,NN=Ie.defaultOptions,gN=Ie.options,kN=[],vN=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],hr=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"icon":a.icon=t!=null&&t[l]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!(t!=null&&t[l]),a.avatarImage=t!=null&&t[l]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions\|\|(a.actions=[]),a.actions[0]=t!=null&&t[l]?(0,sl.jsx)(Re,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t!=null&&t[l]?(0,sl.jsx)(Re,{type:"remove"}):void 0;break;default:break}}),(0,sl.jsx)(Ie,{...o,...a,children:"Chip component"})};hr.options=gN;hr.states=xN;hr.variants=kN;hr.defaultOptions=NN;hr.modifiers=vN;var R=require("react/jsx-runtime"),em=({dropClue:e,contentClassName:t,...o})=>(0,R.jsx)(Y,{_renderAriaRoot:!0,groupingHeader:(0,R.jsx)(Eo,{dropClue:e,children:(0,R.jsxs)(Oe,{children:[(0,R.jsx)(Ie,{icon:"sort-asc-small",text:"ID",actions:(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Re,{type:"more"}),(0,R.jsx)(Re,{type:"remove"})]})}),(0,R.jsx)(Ie,{icon:"sort-desc-small",text:"Name",actions:(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Re,{type:"more"}),(0,R.jsx)(Re,{type:"remove"})]})})]})}),children:(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(X,{draggable:!0,children:(0,R.jsx)("div",{className:"k-grid-header-wrap",children:(0,R.jsxs)(J,{children:[(0,R.jsxs)("colgroup",{children:[(0,R.jsx)("col",{className:"k-group-col"}),(0,R.jsx)("col",{className:"k-group-col"}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{})]}),(0,R.jsx)(V,{children:(0,R.jsxs)(N,{children:[(0,R.jsx)(w,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,R.jsx)(w,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,R.jsx)(w,{colspan:1,columnTitle:"ID"}),(0,R.jsx)(w,{colspan:1,columnTitle:"Name"}),(0,R.jsx)(w,{colspan:1,columnTitle:"Price"}),(0,R.jsx)(w,{colspan:1,columnTitle:"Category"})]})})]})})}),(0,R.jsx)(ae,{children:(0,R.jsx)(Z,{className:t,children:(0,R.jsxs)(j,{children:[(0,R.jsxs)("colgroup",{children:[(0,R.jsx)("col",{className:"k-group-col"}),(0,R.jsx)("col",{className:"k-group-col"}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{})]}),(0,R.jsxs)(W,{children:[(0,R.jsx)(N,{className:"k-table-group-row k-grouping-row",children:(0,R.jsx)(n,{colspan:6,children:(0,R.jsxs)("p",{className:"k-reset",children:[(0,R.jsx)(u,{icon:"caret-alt-right"}),"ID: 1"]})})}),(0,R.jsx)(N,{className:"k-table-group-row k-grouping-row",children:(0,R.jsx)(n,{colspan:6,children:(0,R.jsxs)("p",{className:"k-reset",children:[(0,R.jsx)(u,{icon:"caret-alt-down"}),"ID: 2"]})})}),(0,R.jsxs)(N,{className:"k-table-group-row k-grouping-row",children:[(0,R.jsx)(n,{className:"k-table-group-td k-group-cell"}),(0,R.jsx)(n,{colspan:5,children:(0,R.jsxs)("p",{className:"k-reset",children:[(0,R.jsx)(u,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),(0,R.jsxs)(N,{className:"k-master-row",alt:!0,children:[(0,R.jsx)(n,{className:"k-table-group-td k-group-cell"}),(0,R.jsx)(n,{className:"k-table-group-td k-group-cell"}),(0,R.jsx)(n,{colspan:0,children:"2"}),(0,R.jsx)(n,{colspan:0,children:"Chang"}),(0,R.jsx)(n,{colspan:0,children:"$19.00"}),(0,R.jsx)(n,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});var ms=require("react/jsx-runtime");var us=require("react/jsx-runtime");var bs=require("react/jsx-runtime");var H=require("react/jsx-runtime"),tm=({headerWrapClassName:e,contentClassName:t,...o})=>(0,H.jsx)(Y,{_renderAriaRoot:!0,children:(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(X,{children:(0,H.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,H.jsxs)(J,{children:[(0,H.jsxs)("colgroup",{children:[(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{})]}),(0,H.jsxs)(V,{children:[(0,H.jsxs)(N,{children:[(0,H.jsx)(w,{rowspan:3,colspan:1,columnTitle:"ID"}),(0,H.jsx)(w,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),(0,H.jsxs)(N,{children:[(0,H.jsx)(w,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),(0,H.jsx)(w,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),(0,H.jsxs)(N,{children:[(0,H.jsx)(w,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),(0,H.jsx)(w,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),(0,H.jsx)(ae,{children:(0,H.jsx)(Z,{className:t,children:(0,H.jsxs)(j,{children:[(0,H.jsxs)("colgroup",{children:[(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{})]}),(0,H.jsxs)(W,{children:[(0,H.jsxs)(N,{className:"k-master-row",children:[(0,H.jsx)(n,{children:"1"}),(0,H.jsx)(n,{children:"Chai"}),(0,H.jsx)(n,{children:"39"}),(0,H.jsx)(n,{children:"18"})]}),(0,H.jsxs)(N,{className:"k-master-row",alt:!0,children:[(0,H.jsx)(n,{children:"2"}),(0,H.jsx)(n,{children:"Chang"}),(0,H.jsx)(n,{children:"17"}),(0,H.jsx)(n,{children:"19"})]}),(0,H.jsxs)(N,{className:"k-master-row",children:[(0,H.jsx)(n,{children:"3"}),(0,H.jsx)(n,{children:"Aniseed Syrup"}),(0,H.jsx)(n,{children:"13"}),(0,H.jsx)(n,{children:"10"})]}),(0,H.jsxs)(N,{className:"k-master-row",alt:!0,children:[(0,H.jsx)(n,{children:"4"}),(0,H.jsx)(n,{children:"Chef Anton's Cajun Seasoning"}),(0,H.jsx)(n,{children:"53"}),(0,H.jsx)(n,{children:"22"})]}),(0,H.jsxs)(N,{className:"k-master-row",children:[(0,H.jsx)(n,{children:"5"}),(0,H.jsx)(n,{children:"Chef Anton's Gumbo Mix"}),(0,H.jsx)(n,{children:"0"}),(0,H.jsx)(n,{children:"21.35"})]})]})]})})})]}),...o});var fs=require("react/jsx-runtime");var Ts=require("react/jsx-runtime");var D=require("react/jsx-runtime"),om=e=>(0,D.jsx)(Y,{_renderAriaRoot:!0,toolbar:(0,D.jsxs)(uo,{children:[(0,D.jsx)(m,{children:"Add new"}),(0,D.jsx)(m,{children:"Save Changes"}),(0,D.jsx)(m,{children:"Cancel Changes"})]}),children:(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(X,{children:(0,D.jsx)("div",{className:"k-grid-header-wrap",children:(0,D.jsxs)(J,{children:[(0,D.jsxs)("colgroup",{children:[(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{style:{width:"300px"}})]}),(0,D.jsx)(V,{children:(0,D.jsxs)(N,{children:[(0,D.jsx)(w,{columnTitle:"Name"}),(0,D.jsx)(w,{columnTitle:"Price"}),(0,D.jsx)(w,{columnTitle:"Available"}),(0,D.jsx)(w,{accessibleLabel:"Commands"})]})})]})})}),(0,D.jsx)(ae,{children:(0,D.jsx)(Z,{children:(0,D.jsx)("div",{children:(0,D.jsxs)(j,{children:[(0,D.jsxs)("colgroup",{children:[(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{style:{width:"300px"}})]}),(0,D.jsxs)(W,{children:[(0,D.jsxs)(N,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[(0,D.jsx)(n,{children:(0,D.jsx)(ce,{value:"Towel"})}),(0,D.jsx)(n,{children:(0,D.jsx)(Q,{value:"42"})}),(0,D.jsx)(n,{children:(0,D.jsx)(dt,{})}),(0,D.jsxs)(n,{className:"k-command-cell",children:[(0,D.jsx)(m,{children:"Add"}),(0,D.jsx)(m,{children:"Cancel"})]})]}),(0,D.jsxs)(N,{className:"k-master-row",children:[(0,D.jsx)(n,{children:"Chai"}),(0,D.jsx)(n,{children:"18"}),(0,D.jsx)(n,{children:"false"}),(0,D.jsx)(n,{className:"k-command-cell",children:(0,D.jsx)(m,{children:"Remove"})})]}),(0,D.jsxs)(N,{className:"k-master-row",alt:!0,children:[(0,D.jsx)(n,{children:"Chang"}),(0,D.jsx)(n,{children:"19"}),(0,D.jsx)(n,{children:"false"}),(0,D.jsx)(n,{className:"k-command-cell",children:(0,D.jsx)(m,{children:"Remove"})})]})]})]})})})})]}),...e});var hs=require("react/jsx-runtime");var b=require("react/jsx-runtime"),LN=Y.options,CN=Y.states,am={...Y.defaultOptions,variant:"normal"},yN=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-menu",title:"Filter Menu"},{name:"filter-row",title:"Filter Row"},{name:"row-reordering",title:"Row Reordering"},{name:"multicolumn-headers",title:"Multicolumn Headers"},{name:"grouping",title:"Grouping"},{name:"editing",title:"Editing"}],MN=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],xr=e=>{let{variant:t,modifiers:o,...a}={...am,...e},l={toolbar:void 0,pager:void 0},i=(0,b.jsxs)(uo,{children:[(0,b.jsx)(m,{icon:"plus",children:"Add New"}),(0,b.jsx)(m,{icon:"file-pdf",children:"Export to PDF"}),(0,b.jsx)("span",{className:"k-spacer"}),(0,b.jsx)(ce,{prefix:(0,b.jsx)(u,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=(0,b.jsx)(Le,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(L=>{switch(L){case"toolbar":l.toolbar=o!=null&&o[L]?i:void 0;break;case"pager":l.pager=o!=null&&o[L]?p:void 0;break;default:return}});let f={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},T=(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(X,{children:(0,b.jsx)("div",{className:"k-grid-header-wrap",children:(0,b.jsxs)(J,{children:[(0,b.jsxs)("colgroup",{children:[(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{})]}),(0,b.jsx)(V,{children:(0,b.jsxs)(N,{children:[(0,b.jsx)(w,{...f[t],columnTitle:"ID"}),(0,b.jsx)(w,{...f[t],columnTitle:"Product Name"}),(0,b.jsx)(w,{...f[t],columnTitle:"Units in Stock"}),(0,b.jsx)(w,{...f[t],columnTitle:"Units Price"})]})})]})})}),(0,b.jsx)(ae,{children:(0,b.jsx)(Z,{children:(0,b.jsxs)(j,{children:[(0,b.jsxs)("colgroup",{children:[(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{})]}),(0,b.jsxs)(W,{children:[(0,b.jsxs)(N,{children:[(0,b.jsx)(n,{children:"1"}),(0,b.jsx)(n,{children:"Chai"}),(0,b.jsx)(n,{children:"39"}),(0,b.jsx)(n,{children:"18"})]}),(0,b.jsxs)(N,{className:"k-alt",alt:!0,children:[(0,b.jsx)(n,{children:"2"}),(0,b.jsx)(n,{children:"Chang"}),(0,b.jsx)(n,{children:"17"}),(0,b.jsx)(n,{children:"19"})]}),(0,b.jsxs)(N,{children:[(0,b.jsx)(n,{children:"3"}),(0,b.jsx)(n,{children:"Aniseed Syrup"}),(0,b.jsx)(n,{children:"13"}),(0,b.jsx)(n,{children:"10"})]}),(0,b.jsxs)(N,{className:"k-alt",alt:!0,children:[(0,b.jsx)(n,{children:"4"}),(0,b.jsx)(n,{children:"Chef Anton's Cajun Seasoning"}),(0,b.jsx)(n,{children:"53"}),(0,b.jsx)(n,{children:"22"})]}),(0,b.jsxs)(N,{children:[(0,b.jsx)(n,{children:"5"}),(0,b.jsx)(n,{children:"Chef Anton's Gumbo Mix"}),(0,b.jsx)(n,{children:"0"}),(0,b.jsx)(n,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,b.jsx)(tm,{...a,...l});case"editing":return(0,b.jsx)(om,{...a,...l});case"grouping":return(0,b.jsx)(em,{...a,...l,groupingHeader:(0,b.jsx)(Eo,{children:(0,b.jsxs)(Oe,{children:[(0,b.jsx)(Ie,{icon:"sort-asc-small",actions:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(Re,{type:"more"}),(0,b.jsx)(Re,{type:"remove"})]}),children:"ID"}),(0,b.jsx)(Ie,{icon:"sort-desc-small",actions:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(Re,{type:"more"}),(0,b.jsx)(Re,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,b.jsx)(Y,{...a,...l,children:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(X,{children:(0,b.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,b.jsxs)(J,{children:[(0,b.jsxs)("colgroup",{children:[(0,b.jsx)("col",{className:"k-drag-col"}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{})]}),(0,b.jsx)(V,{children:(0,b.jsxs)(N,{children:[(0,b.jsx)(w,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,b.jsx)(w,{columnTitle:"ID"}),(0,b.jsx)(w,{columnTitle:"Product Name"}),(0,b.jsx)(w,{columnTitle:"Units in Stock"}),(0,b.jsx)(w,{columnTitle:"Units Price"})]})})]})]})}),(0,b.jsx)(ae,{children:(0,b.jsx)(Z,{children:(0,b.jsxs)(j,{children:[(0,b.jsxs)("colgroup",{children:[(0,b.jsx)("col",{className:"k-drag-col"}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{})]}),(0,b.jsxs)(W,{children:[(0,b.jsxs)(N,{children:[(0,b.jsx)(n,{className:"k-drag-cell",children:(0,b.jsx)(u,{icon:"reorder"})}),(0,b.jsx)(n,{children:"1"}),(0,b.jsx)(n,{children:"Chai"}),(0,b.jsx)(n,{children:"39"}),(0,b.jsx)(n,{children:"18"})]}),(0,b.jsxs)(N,{className:"k-alt",alt:!0,children:[(0,b.jsx)(n,{className:"k-drag-cell",children:(0,b.jsx)(u,{icon:"reorder"})}),(0,b.jsx)(n,{children:"2"}),(0,b.jsx)(n,{children:"Chang"}),(0,b.jsx)(n,{children:"17"}),(0,b.jsx)(n,{children:"19"})]}),(0,b.jsxs)(N,{children:[(0,b.jsx)(n,{className:"k-drag-cell",children:(0,b.jsx)(u,{icon:"reorder"})}),(0,b.jsx)(n,{children:"3"}),(0,b.jsx)(n,{children:"Aniseed Syrup"}),(0,b.jsx)(n,{children:"13"}),(0,b.jsx)(n,{children:"10"})]}),(0,b.jsxs)(N,{className:"k-alt",alt:!0,children:[(0,b.jsx)(n,{className:"k-drag-cell",children:(0,b.jsx)(u,{icon:"reorder"})}),(0,b.jsx)(n,{children:"4"}),(0,b.jsx)(n,{children:"Chef Anton's Cajun Seasoning"}),(0,b.jsx)(n,{children:"53"}),(0,b.jsx)(n,{children:"22"})]}),(0,b.jsxs)(N,{children:[(0,b.jsx)(n,{className:"k-drag-cell",children:(0,b.jsx)(u,{icon:"reorder"})}),(0,b.jsx)(n,{children:"5"}),(0,b.jsx)(n,{children:"Chef Anton's Gumbo Mix"}),(0,b.jsx)(n,{children:"0"}),(0,b.jsx)(n,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,b.jsx)(_p,{...a,...l});default:return(0,b.jsx)(Y,{...a,...l,children:T})}};xr.options=LN;xr.states=CN;xr.variants=yN;xr.defaultOptions=am;xr.modifiers=MN;var rm=require("react/jsx-runtime"),Uo="k-pane",wN=[],SN={},xs={resizable:!0,flex:!1},We=e=>{let{scrollable:t,flexBasis:o,flex:a=xs.flex,collapsible:l,resizable:i=xs.resizable,pinned:p,unpinned:f,tabbed:T,...L}=e;return(0,rm.jsx)("div",{...L,style:{flexBasis:o,...e.style},className:r(e.className,Uo,{[`${Uo}-static`]:o,[`${Uo}-flex`]:a,"k-scrollable":t,[`${Uo}-pinned`]:p,[`${Uo}-unpinned`]:f,[`${Uo}-tabbed`]:T}),role:"group",children:e.children})};We.states=wN;We.options=SN;We.className=Uo;We.defaultOptions=xs;var Mt=require("react/jsx-runtime"),ka="k-splitbar",AN=[s.hover,s.focus],EN={},Ns={orientation:"horizontal",draggable:!0},va=e=>{let{hover:t,focus:o,orientation:a=Ns.orientation,draggable:l=Ns.draggable,collapsePrev:i,collapseNext:p,ariaLabel:f,...T}=e;return(0,Mt.jsxs)("div",{...T,className:r(e.className,ka,P(ka,{hover:t,focus:o}),{[`${ka}-${a}`]:a,[`${ka}-draggable-${a}`]:l,[`${ka}-static-${a}`]:!l&&!i&&!p}),role:"separator","aria-label":f,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[i&&(0,Mt.jsx)(Mt.Fragment,{children:(0,Mt.jsx)("div",{className:"k-collapse-prev",children:(0,Mt.jsx)(u,{icon:`caret-alt-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),(0,Mt.jsx)("div",{className:"k-resize-handle"}),p&&(0,Mt.jsx)(Mt.Fragment,{children:(0,Mt.jsx)("div",{className:"k-collapse-next",children:(0,Mt.jsx)(u,{icon:`caret-alt-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};va.states=AN;va.options=EN;va.className=ka;va.defaultOptions=Ns;var gs="splitter",lm=gs;var il=require("react/jsx-runtime"),sm=require("react"),ks="k-splitter",RN={},nm={orientation:"horizontal"},Xe=e=>{let{orientation:t=nm.orientation,children:o,panes:a,...l}=e,i=[];return a&&a.forEach((p,f)=>{let T=a[f+1],L=p.props,M=T==null?void 0:T.props;i.push((0,sm.createElement)(We,{...L,key:f})),T&&i.push((0,il.jsx)(va,{draggable:L.resizable!==!1&&M.resizable!==!1,collapsePrev:L.collapsible,collapseNext:M.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${f}`))}),(0,il.jsxs)("div",{...l,className:r(e.className,ks,{[`${ks}-${t}`]:t},"k-splitter-flex"),children:[i,o]})};Xe.options=RN;Xe.className=ks;Xe.defaultOptions=nm;Xe.moduleName=gs;Xe.folderName=lm;Xe.ariaSpec={selector:".k-splitter",rules:[{selector:".k-pane",attribute:"role=group",usage:"Sets the proper role for the Splitter pane."},{selector:".k-splitbar",attribute:"role=separator",usage:"Sets the proper role for the Splitter split-bar element."},{selector:".k-splitbar",attribute:"aria-label",usage:"An accessible name for the separator."},{selector:".k-splitbar-horizontal",attribute:"aria-orientation=vertical",usage:"When a splitbar separates two panes horizontally, its aria-orientation must be explicitly set to vertical."},{selector:".k-splitbar",attribute:"aria-keyshortcuts",usage:"Announces available keyboard shortcuts."}]};var im=require("react/jsx-runtime");var dm=require("react/jsx-runtime");var Fo=require("react/jsx-runtime"),Nr=require("react"),IN=Xe.options,ON=Xe.states,cm={...Xe.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},GN=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],PN=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],gr=e=>{let{variant:t,modifiers:o,...a}={...cm,...e},l=T=>({collapsible:T,content:T?"Resizable and collapsible":"Resizable only"}),i=l(!0),p=l(!0),f={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o\|\|{}).forEach(T=>{let L=o==null?void 0:o[T];switch(T){case"secondPaneProps":p=l(!!L);break;case"firstPaneProps":i=l(!!L);break;default:break}}),t==="vertical"?(0,Fo.jsx)(Xe,{style:{height:"238px"},...a,orientation:"vertical",panes:[(0,Nr.createElement)(We,{...i,flexBasis:"50%",style:f,key:"pane-1"},(0,Fo.jsx)("p",{children:i.content})),(0,Nr.createElement)(We,{...p,flexBasis:"50%",style:f,key:"pane-2"},(0,Fo.jsx)("p",{children:p.content}))]}):(0,Fo.jsx)(Xe,{style:{height:"238px"},...a,orientation:"horizontal",panes:[(0,Nr.createElement)(We,{...i,flexBasis:"50%",style:f,key:"pane-1"},(0,Fo.jsx)("p",{children:i.content})),(0,Nr.createElement)(We,{...p,flexBasis:"50%",style:f,key:"pane-2"},(0,Fo.jsx)("p",{children:p.content}))]})};gr.options=IN;gr.states=ON;gr.variants=GN;gr.defaultOptions=cm;gr.modifiers=PN;var vs="treelist",pm=vs;var um=require("react/jsx-runtime"),mm="k-treelist",HN=[],KN={},DN={},He=e=>(0,um.jsx)(Y,{...e,className:r(mm,e.className),children:e.children});He.states=HN;He.options=KN;He.className=mm;He.defaultOptions=DN;He.moduleName=vs;He.folderName=pm;var K=require("react/jsx-runtime"),$o=({gridHeader:e,gridContent:t,menu:o,...a})=>(0,K.jsxs)(He,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|(0,K.jsx)(X,{children:(0,K.jsx)("div",{className:"k-grid-header-wrap",children:(0,K.jsxs)(J,{children:[(0,K.jsxs)("colgroup",{children:[(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{})]}),(0,K.jsx)(V,{children:(0,K.jsxs)(N,{children:[(0,K.jsx)(w,{menu:o,columnTitle:"Name"}),(0,K.jsx)(w,{menu:o,columnTitle:"Position"}),(0,K.jsx)(w,{menu:o,columnTitle:"Hire Date"})]})})]})})}),(0,K.jsx)(ae,{children:t\|\|(0,K.jsx)(Z,{children:(0,K.jsxs)(j,{children:[(0,K.jsxs)("colgroup",{children:[(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{})]}),(0,K.jsxs)(W,{children:[(0,K.jsxs)(N,{children:[(0,K.jsxs)(n,{children:[(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,K.jsx)(n,{children:"Sweeney"}),(0,K.jsx)(n,{children:"CEO"})]}),(0,K.jsxs)(N,{alt:!0,children:[(0,K.jsxs)(n,{children:[(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,K.jsx)(n,{children:"Wooten"}),(0,K.jsx)(n,{children:"Chief Technical Officer"})]}),(0,K.jsxs)(N,{children:[(0,K.jsxs)(n,{children:[(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,K.jsx)(n,{children:"Weber"}),(0,K.jsx)(n,{children:"VP, Engineering"})]}),(0,K.jsxs)(N,{alt:!0,children:[(0,K.jsxs)(n,{children:[(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,K.jsx)(n,{children:"Hood"}),(0,K.jsx)(n,{children:"Team Lead"})]}),(0,K.jsxs)(N,{children:[(0,K.jsxs)(n,{children:[(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,K.jsx)(n,{children:"Carr"}),(0,K.jsx)(n,{children:"Junior Software Developer"})]})]})]})})})]});var fm=require("react/jsx-runtime"),bm=e=>(0,fm.jsx)($o,{menu:"column",...e});var hm=require("react/jsx-runtime"),Tm=e=>(0,hm.jsx)($o,{menu:"filter",...e});var S=require("react/jsx-runtime"),xm=({gridHeader:e,gridContent:t,menu:o,...a})=>(0,S.jsxs)(He,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|(0,S.jsx)(X,{children:(0,S.jsx)("div",{className:"k-grid-header-wrap",children:(0,S.jsxs)(J,{children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{className:"k-drag-col"}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{})]}),(0,S.jsx)(V,{children:(0,S.jsxs)(N,{children:[(0,S.jsx)(w,{}),(0,S.jsx)(w,{menu:o,columnTitle:"First Name"}),(0,S.jsx)(w,{menu:o,columnTitle:"Last Name"}),(0,S.jsx)(w,{menu:o,columnTitle:"Position"})]})})]})})}),(0,S.jsx)(ae,{children:t\|\|(0,S.jsx)(Z,{children:(0,S.jsxs)(j,{children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{className:"k-drag-col"}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{})]}),(0,S.jsxs)(W,{children:[(0,S.jsxs)(N,{children:[(0,S.jsx)(n,{className:"k-drag-cell",children:(0,S.jsx)(u,{icon:"reorder"})}),(0,S.jsxs)(n,{children:[(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,S.jsx)(n,{children:"Sweeney"}),(0,S.jsx)(n,{children:"CEO"})]}),(0,S.jsxs)(N,{alt:!0,children:[(0,S.jsx)(n,{className:"k-drag-cell",children:(0,S.jsx)(u,{icon:"reorder"})}),(0,S.jsxs)(n,{children:[(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,S.jsx)(n,{children:"Wooten"}),(0,S.jsx)(n,{children:"Chief Technical Officer"})]}),(0,S.jsxs)(N,{children:[(0,S.jsx)(n,{className:"k-drag-cell",children:(0,S.jsx)(u,{icon:"reorder"})}),(0,S.jsxs)(n,{children:[(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,S.jsx)(n,{children:"Weber"}),(0,S.jsx)(n,{children:"VP, Engineering"})]}),(0,S.jsxs)(N,{alt:!0,children:[(0,S.jsx)(n,{className:"k-drag-cell",children:(0,S.jsx)(u,{icon:"reorder"})}),(0,S.jsxs)(n,{children:[(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,S.jsx)(n,{children:"Hood"}),(0,S.jsx)(n,{children:"Team Lead"})]}),(0,S.jsxs)(N,{children:[(0,S.jsx)(n,{className:"k-drag-cell",children:(0,S.jsx)(u,{icon:"reorder"})}),(0,S.jsxs)(n,{children:[(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,S.jsx)(n,{children:"Carr"}),(0,S.jsx)(n,{children:"Junior Software Developer"})]})]})]})})})]});var Nm=require("react/jsx-runtime");var x=require("react/jsx-runtime"),BN=He.options,_N=He.states,gm={...He.defaultOptions,variant:"normal"},zN=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-row",title:"Filter Row"},{name:"sorting",title:"Sorting"},{name:"row-reordering",title:"Row Reordering"}],UN=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],kr=e=>{let{variant:t,modifiers:o,...a}={...gm,...e},l={},i=(0,x.jsxs)(uo,{children:[(0,x.jsx)(m,{icon:"plus",children:"Add New"}),(0,x.jsx)(m,{icon:"file-pdf",children:"Export to PDF"}),(0,x.jsx)("span",{className:"k-spacer"}),(0,x.jsx)(ce,{prefix:(0,x.jsx)(u,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=(0,x.jsx)(Le,{pageSizes:!1,refresh:!1});switch(Object.keys(o\|\|{}).forEach(f=>{switch(f){case"toolbar":l.toolbar=o!=null&&o[f]?i:void 0;break;case"pager":l.pager=o!=null&&o[f]?p:void 0;break;default:return}}),t){case"row-reordering":return(0,x.jsx)(xm,{...a,...l});case"column-menu":return(0,x.jsx)(bm,{...a,...l,gridHeader:(0,x.jsx)(X,{children:(0,x.jsx)("div",{className:"k-grid-header-wrap",children:(0,x.jsxs)(J,{children:[(0,x.jsxs)("colgroup",{children:[(0,x.jsx)("col",{}),(0,x.jsx)("col",{}),(0,x.jsx)("col",{})]}),(0,x.jsx)(V,{children:(0,x.jsxs)(N,{children:[(0,x.jsx)(w,{menu:"column",columnTitle:"First Name"}),(0,x.jsx)(w,{menu:"column",columnTitle:"Last Name"}),(0,x.jsx)(w,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return(0,x.jsx)(Tm,{...a,...l,gridHeader:(0,x.jsx)(X,{children:(0,x.jsx)("div",{className:"k-grid-header-wrap",children:(0,x.jsxs)(J,{children:[(0,x.jsxs)("colgroup",{children:[(0,x.jsx)("col",{}),(0,x.jsx)("col",{}),(0,x.jsx)("col",{})]}),(0,x.jsx)(V,{children:(0,x.jsxs)(N,{children:[(0,x.jsx)(w,{menu:"filter",columnTitle:"First Name"}),(0,x.jsx)(w,{menu:"filter",columnTitle:"Last Name"}),(0,x.jsx)(w,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return(0,x.jsx)($o,{...a,...l,gridHeader:(0,x.jsx)(X,{children:(0,x.jsx)("div",{className:"k-grid-header-wrap",children:(0,x.jsxs)(J,{children:[(0,x.jsxs)("colgroup",{children:[(0,x.jsx)("col",{}),(0,x.jsx)("col",{}),(0,x.jsx)("col",{})]}),(0,x.jsx)(V,{children:(0,x.jsxs)(N,{children:[(0,x.jsx)(w,{columnTitle:"First Name"}),(0,x.jsx)(w,{columnTitle:"Last Name",sortable:!0}),(0,x.jsx)(w,{columnTitle:"Position"})]})})]})})}),gridContent:(0,x.jsx)(Z,{children:(0,x.jsxs)(j,{children:[(0,x.jsxs)("colgroup",{children:[(0,x.jsx)("col",{}),(0,x.jsx)("col",{className:"k-sorted"}),(0,x.jsx)("col",{})]}),(0,x.jsxs)(W,{children:[(0,x.jsxs)(N,{className:"k-treelist-group",children:[(0,x.jsxs)(n,{children:[(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,x.jsx)(n,{children:"Sweeney"}),(0,x.jsx)(n,{children:"CEO"})]}),(0,x.jsxs)(N,{className:"k-treelist-group k-alt",alt:!0,children:[(0,x.jsxs)(n,{children:[(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,x.jsx)(n,{children:"Wooten"}),(0,x.jsx)(n,{children:"Chief Technical Officer"})]}),(0,x.jsxs)(N,{className:"k-treelist-group",children:[(0,x.jsxs)(n,{children:[(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,x.jsx)(n,{children:"Weber"}),(0,x.jsx)(n,{children:"VP, Engineering"})]}),(0,x.jsxs)(N,{className:"k-treelist-group k-alt",alt:!0,children:[(0,x.jsxs)(n,{children:[(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,x.jsx)(n,{children:"Hood"}),(0,x.jsx)(n,{children:"Team Lead"})]}),(0,x.jsxs)(N,{children:[(0,x.jsxs)(n,{children:[(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,x.jsx)(n,{children:"Carr"}),(0,x.jsx)(n,{children:"Junior Software Developer"})]})]})]})})});default:return(0,x.jsx)($o,{...a,...l,gridHeader:(0,x.jsx)(X,{children:(0,x.jsx)("div",{className:"k-grid-header-wrap",children:(0,x.jsxs)(J,{children:[(0,x.jsxs)("colgroup",{children:[(0,x.jsx)("col",{}),(0,x.jsx)("col",{}),(0,x.jsx)("col",{})]}),(0,x.jsx)(V,{children:(0,x.jsxs)(N,{children:[(0,x.jsx)(w,{columnTitle:"First Name"}),(0,x.jsx)(w,{columnTitle:"Last Name"}),(0,x.jsx)(w,{columnTitle:"Position"})]})})]})})})})}};kr.options=BN;kr.states=_N;kr.variants=zN;kr.defaultOptions=gm;kr.modifiers=UN;var km=require("react/jsx-runtime");var d=require("react/jsx-runtime"),vm=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:a="828px",currentTimeLeftOffset:l="243px",ganttDependencies:i,menu:p,...f})=>(0,d.jsx)(Zt,{headerToolbar:(0,d.jsxs)(pa,{children:[(0,d.jsx)(m,{className:"k-gantt-toggle",icon:"layout-1-by-4"}),(0,d.jsx)(m,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),(0,d.jsx)("span",{className:"k-spacer"}),(0,d.jsxs)("div",{className:"k-gantt-views-wrapper",children:[(0,d.jsxs)("select",{className:"k-picker k-dropdown-list k-dropdown k-views-dropdown",children:[(0,d.jsx)("option",{value:"day",children:"Day"}),(0,d.jsx)("option",{value:"week",children:"Week"}),(0,d.jsx)("option",{value:"month",children:"Month"})]}),(0,d.jsxs)(F,{className:"k-gantt-views",children:[(0,d.jsx)(m,{className:"k-view-day k-group-start",children:"Day"}),(0,d.jsx)(m,{className:"k-view-week",selected:!0,children:"Week"}),(0,d.jsx)(m,{className:"k-view-month k-group-end",children:"Month"})]})]})]}),footerToolbar:(0,d.jsx)(ma,{children:(0,d.jsx)(m,{className:"k-gantt-create",icon:"plus",children:"Add Task"})}),...f,children:(0,d.jsx)(ua,{children:f.children\|\|(0,d.jsx)(Xe,{className:"k-gantt-splitter",panes:[(0,d.jsx)(We,{className:"k-gantt-treelist",flexBasis:e,children:(0,d.jsxs)(He,{_renderAriaRoot:!0,children:[(0,d.jsx)(X,{children:(0,d.jsx)("div",{className:"k-grid-header-wrap",children:(0,d.jsxs)(J,{style:{minWidth:"250px"},children:[(0,d.jsxs)("colgroup",{children:[(0,d.jsx)("col",{style:{width:"50px"}}),(0,d.jsx)("col",{})]}),(0,d.jsx)(V,{children:(0,d.jsxs)(N,{children:[(0,d.jsx)(w,{menu:p,rowspan:1,columnTitle:"ID"}),(0,d.jsx)(w,{menu:p,rowspan:1,columnTitle:"Title"})]})})]})})}),(0,d.jsx)(ae,{children:(0,d.jsx)(Z,{style:{height:t},children:(0,d.jsxs)(j,{style:{minWidth:"250px"},children:[(0,d.jsxs)("colgroup",{children:[(0,d.jsx)("col",{style:{width:"50px"}}),(0,d.jsx)("col",{})]}),(0,d.jsxs)(W,{children:[(0,d.jsxs)(N,{children:[(0,d.jsx)(n,{children:"7"}),(0,d.jsxs)(n,{children:[(0,d.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),(0,d.jsxs)(N,{alt:!0,children:[(0,d.jsx)(n,{children:"18"}),(0,d.jsxs)(n,{children:[(0,d.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),(0,d.jsxs)(N,{children:[(0,d.jsx)(n,{children:"11"}),(0,d.jsxs)(n,{children:[(0,d.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),(0,d.jsxs)(N,{alt:!0,children:[(0,d.jsx)(n,{children:"19"}),(0,d.jsxs)(n,{children:[(0,d.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),(0,d.jsxs)(N,{children:[(0,d.jsx)(n,{children:"20"}),(0,d.jsxs)(n,{children:[(0,d.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),(0,d.jsx)(We,{className:"k-gantt-timeline-pane",children:(0,d.jsxs)(Y,{className:"k-gantt-timeline",children:[(0,d.jsx)(X,{children:(0,d.jsx)("div",{className:"k-grid-header-wrap",children:(0,d.jsxs)(J,{style:{width:o},children:[(0,d.jsxs)("colgroup",{children:[(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{})]}),(0,d.jsxs)(W,{children:[(0,d.jsx)(N,{children:(0,d.jsx)(n,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),(0,d.jsxs)(N,{children:[(0,d.jsx)(n,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),(0,d.jsx)(n,{className:"k-header",colspan:1,children:"Mon 6/02"}),(0,d.jsx)(n,{className:"k-header",colspan:1,children:"Tue 6/03"}),(0,d.jsx)(n,{className:"k-header",colspan:1,children:"Wed 6/04"}),(0,d.jsx)(n,{className:"k-header",colspan:1,children:"Thu 6/05"}),(0,d.jsx)(n,{className:"k-header",colspan:1,children:"Fri 6/06"}),(0,d.jsx)(n,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),(0,d.jsxs)(Z,{style:{height:t},children:[(0,d.jsxs)(ba,{children:[(0,d.jsxs)(ha,{className:"k-grid-table",style:{width:o},children:[(0,d.jsx)("colgroup",{children:(0,d.jsx)("col",{})}),(0,d.jsxs)(W,{children:[(0,d.jsx)(N,{children:(0,d.jsx)(n,{})}),(0,d.jsx)(N,{alt:!0,children:(0,d.jsx)(n,{})}),(0,d.jsx)(N,{children:(0,d.jsx)(n,{})}),(0,d.jsx)(N,{alt:!0,children:(0,d.jsx)(n,{})}),(0,d.jsx)(N,{children:(0,d.jsx)(n,{})})]})]}),(0,d.jsxs)(Ta,{style:{width:o,height:a},children:[(0,d.jsxs)("colgroup",{children:[(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{})]}),(0,d.jsx)(W,{children:(0,d.jsxs)(N,{children:[(0,d.jsx)(n,{className:"k-nonwork-hour"}),(0,d.jsx)(n,{}),(0,d.jsx)(n,{}),(0,d.jsx)(n,{}),(0,d.jsx)(n,{}),(0,d.jsx)(n,{}),(0,d.jsx)(n,{className:"k-nonwork-hour"})]})})]}),(0,d.jsxs)(xa,{style:{width:o},children:[(0,d.jsx)("colgroup",{children:(0,d.jsx)("col",{})}),(0,d.jsxs)(W,{children:[(0,d.jsx)(N,{children:(0,d.jsx)(n,{children:(0,d.jsxs)(Lt,{type:"summary",style:{left:"113px"},children:[(0,d.jsx)(vt,{type:"summary",style:{width:"4000px"},children:(0,d.jsx)("div",{className:"k-task-summary-progress",style:{width:"1720px"},children:(0,d.jsx)("div",{className:"k-task-summary-complete",style:{width:"4000px"}})})}),(0,d.jsx)(Pe,{}),(0,d.jsx)(Pe,{position:"end",style:{right:"0px"}})]})})}),(0,d.jsx)(N,{children:(0,d.jsx)(n,{children:(0,d.jsxs)(Lt,{type:"milestone",style:{left:"113px"},children:[(0,d.jsx)(vt,{type:"milestone"}),(0,d.jsx)(Pe,{}),(0,d.jsx)(Pe,{position:"end",style:{right:"0px"}})]})})}),(0,d.jsx)(N,{children:(0,d.jsx)(n,{children:(0,d.jsxs)(Lt,{type:"summary",style:{left:"113px"},children:[(0,d.jsx)(vt,{type:"summary",style:{width:"500px"},children:(0,d.jsx)("div",{className:"k-task-summary-progress",style:{width:"215px"},children:(0,d.jsx)("div",{className:"k-task-summary-complete",style:{width:"500px"}})})}),(0,d.jsx)(Pe,{}),(0,d.jsx)(Pe,{position:"end",style:{right:"0px"}})]})})}),(0,d.jsx)(N,{children:(0,d.jsx)(n,{children:(0,d.jsxs)(Lt,{style:{left:"113px"},children:[(0,d.jsxs)(vt,{style:{width:"200px"},children:[(0,d.jsx)("div",{className:"k-task-complete",style:{width:"50px"}}),(0,d.jsx)(Yt,{content:"Validation with Customers"})]}),(0,d.jsx)(Pe,{}),(0,d.jsx)(Pe,{position:"end",style:{right:"0px"}}),(0,d.jsx)("div",{className:"k-task-draghandle",style:{left:"50px"}})]})})}),(0,d.jsx)(N,{children:(0,d.jsx)(n,{children:(0,d.jsxs)(Lt,{style:{left:"113px"},children:[(0,d.jsxs)(vt,{style:{width:"200px"},children:[(0,d.jsx)("div",{className:"k-task-complete",style:{width:"164px"}}),(0,d.jsx)(Yt,{content:"Market Research"})]}),(0,d.jsx)(Pe,{}),(0,d.jsx)(Pe,{position:"end",style:{right:"0px"}}),(0,d.jsx)("div",{className:"k-task-draghandle",style:{left:"164px"}})]})})})]})]})]}),i\|\|(0,d.jsxs)("div",{className:"k-gantt-dependencies",style:{width:o},children:[(0,d.jsx)(ve,{style:{left:"124.5px",top:"53px",width:"10px"}}),(0,d.jsx)(ve,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),(0,d.jsx)(ve,{style:{left:"103px",top:"71px",width:"31.5px"}}),(0,d.jsx)(ve,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),(0,d.jsx)(ve,{style:{left:"103px",top:"125px",width:"9px"},children:(0,d.jsx)("span",{className:"k-arrow-e"})}),(0,d.jsx)(ve,{style:{left:"124.5px",top:"53px",width:"10px"}}),(0,d.jsx)(ve,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),(0,d.jsx)(ve,{style:{left:"103px",top:"71px",width:"31.5px"}}),(0,d.jsx)(ve,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),(0,d.jsx)(ve,{style:{left:"103px",top:"161px",width:"9px"},children:(0,d.jsx)("span",{className:"k-arrow-e"})}),(0,d.jsx)(ve,{style:{left:"313px",top:"125px",width:"10px"}}),(0,d.jsx)(ve,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),(0,d.jsx)(ve,{style:{left:"303px",top:"143px",width:"20px"}}),(0,d.jsx)(ve,{orientation:"vertical",style:{left:"303px",top:"143px",height:"18px"}})]}),(0,d.jsx)("div",{className:"k-current-time",style:{left:l,top:"0px",width:"1px",height:a}})]})]})},"gantt-timeline-pane")]})})});var Lm=require("react/jsx-runtime"),FN={},$N=[],VN=[],WN={},XN=[],Vo=()=>(0,Lm.jsx)(vm,{flexBasis:"40%",gridContentHeight:"197px",style:{width:"90%",height:"367px"}});Vo.options=FN;Vo.states=$N;Vo.variants=VN;Vo.defaultOptions=WN;Vo.modifiers=XN;var JN=Vo;
1	+ var Am=Object.create;var Lr=Object.defineProperty;var Em=Object.getOwnPropertyDescriptor;var Rm=Object.getOwnPropertyNames;var Im=Object.getPrototypeOf,Om=Object.prototype.hasOwnProperty;var Gm=(e,t)=>{for(var o in t)Lr(e,o,{get:t[o],enumerable:!0})},Cs=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let l of Rm(t))!Om.call(e,l)&&l!==o&&Lr(e,l,{get:()=>t[l],enumerable:!(a=Em(t,l))\|\|a.enumerable});return e};var ys=(e,t,o)=>(o=e!=null?Am(Im(e)):{},Cs(t\|\|!e\|\|!e.__esModule?Lr(o,"default",{value:e,enumerable:!0}):o,e)),Pm=e=>Cs(Lr({},"__esModule",{value:!0}),e);var QN={};Gm(QN,{GanttDemo:()=>Vo,default:()=>YN});module.exports=Pm(QN);var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...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 I=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),P=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:i,checked:p,active:f,selected:T,disabled:L,indeterminate:M,loading:y,empty:h,readonly:E,highlighted:A,...G}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":i,"k-checked":p,"k-active":f,"k-selected":T,"k-disabled":L,"k-indeterminate":M&&!p,"k-loading":y,"k-empty":h,"k-readonly":E,"k-highlighted":A},Object.keys(G).reduce((_,B)=>(B.startsWith("k-")?_[B]=G[B]:_[`k-${B}`]=G[B],_),{}))};function Ms(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var c={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},k={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},C={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"},s={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 se="gantt",ie=se;var Ss=require("react/jsx-runtime"),ws="k-gantt",Hm=[],Km={},Dm={},Zt=e=>{let{headerToolbar:t,footerToolbar:o,...a}=e;return(0,Ss.jsxs)("div",{...a,className:r(e.className,ws),children:[t,e.children,o]})};Zt.states=Hm;Zt.options=Km;Zt.className=ws;Zt.defaultOptions=Dm;Zt.moduleName=se;Zt.folderName=ie;var La=require("react/jsx-runtime"),dl="k-font-icon",Bm=[],_m={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},zm={},Ca=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:i,...p}=e;return a?(0,La.jsx)("span",{...p,className:r(e.className,dl,I(dl,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):(0,La.jsx)(La.Fragment,{})};Ca.states=Bm;Ca.options=_m;Ca.className=dl;Ca.defaultOptions=zm;var As=Ca;var Ro=require("react/jsx-runtime"),cl="k-svg-icon",Um=[],Fm={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},Es={viewBox:"0 0 24 24"},ya=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:i=Es.viewBox,icon:p,...f}=e;if(!p)return(0,Ro.jsx)(Ro.Fragment,{});if(p==="none")return(0,Ro.jsx)("span",{...f,className:r(e.className,cl,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let T=typeof p=="object"&&p.name&&p.name;return(0,Ro.jsx)("span",{...f,className:r(e.className,cl,I("k-icon",{size:t}),{[`k-svg-i-${T}`]:T,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"\|\|l==="both","k-flip-v":l==="v"\|\|l==="both"}),"aria-hidden":"true",children:(0,Ro.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:i,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};ya.states=Um;ya.options=Fm;ya.className=cl;ya.defaultOptions=Es;var pl=ya;var ml=ys(require("@progress/kendo-svg-icons"));var Rs="icon",Is="icons";var Ps=require("react");var Os=require("react"),Gs=(0,Os.createContext)({iconsType:"svg"});var jt=require("react/jsx-runtime"),Cr="k-icon",$m=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Vm=[],Wm={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},ul={viewBox:"0 0 24 24",type:"svg"},u=e=>{let{iconsType:t}=(0,Ps.useContext)(Gs),{size:o,themeColor:a,icon:l,type:i=t\|\|ul.type,rotate:p,flip:f,viewBox:T=ul.viewBox,...L}=e;if(!l)return(0,jt.jsx)(jt.Fragment,{});if((t\|\|i)==="svg"){if(l==="none")return(0,jt.jsx)(pl,{...L,className:r(e.className,Cr),icon:l,size:o});let y=ml[l]?l:$m(`${l}-icon`);return ml[y]?(0,jt.jsx)(pl,{...L,className:r(e.className,Cr),icon:ml[y],size:o,themeColor:a,rotate:p,flip:f,viewBox:T}):(0,jt.jsx)(jt.Fragment,{})}return(0,jt.jsx)(As,{...L,className:r(e.className,Cr),icon:l,size:o,themeColor:a,rotate:p,flip:f})};u.states=Vm;u.options=Wm;u.defaultOptions=ul;u.className=Cr;u.moduleName=Rs;u.folderName=Is;u.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 bl="button",Hs=bl;var Kt=require("react/jsx-runtime"),Ma="k-button",Xm=["icon-button"],Jm=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],qm={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.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]},fl={showArrow:!1,arrowIconName:"caret-alt-down"},m=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:i,showArrow:p=fl.showArrow,arrowIconName:f=fl.arrowIconName,variant:T,hover:L,focus:M,active:y,selected:h,disabled:E,togglable:A,icon:G,text:_,iconClassName:B,className:q,...Te}=e,we=G!==void 0,tt=e.children!==void 0;return(0,Kt.jsxs)(t,{className:r(q,Ma,Ms(Ma,T),I(Ma,{size:o,rounded:a,fillMode:l,themeColor:i}),P(Ma,{hover:L,focus:M,active:y,disabled:E,selected:h}),{"k-icon-button":!_&&!tt&&we}),...Te,"aria-pressed":A?h?"true":"false":void 0,disabled:E\|\|void 0,children:[G&&(0,Kt.jsx)(u,{className:r(B,"k-button-icon"),icon:G}),_?(0,Kt.jsxs)(Kt.Fragment,{children:[_&&(0,Kt.jsx)("span",{className:"k-button-text",children:_}),e.children]}):e.children&&(0,Kt.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,Kt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Kt.jsx)(u,{icon:f})})]})};m.states=Jm;m.options=qm;m.variants=Xm;m.className=Ma;m.defaultOptions=fl;m.moduleName=bl;m.folderName=Hs;m.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 Ks=require("react/jsx-runtime"),To=e=>(0,Ks.jsx)(m,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Ds=require("react/jsx-runtime"),wa=e=>(0,Ds.jsx)(m,{icon:"folder",children:"Button",...e});var Bs=require("react/jsx-runtime"),Io=e=>(0,Bs.jsx)(m,{children:"Button",...e});var yr=require("react/jsx-runtime"),Ym=m.options,Qm=m.states,Zm={...m.defaultOptions,variant:"text"},jm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],eu=[],Sa=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,yr.jsx)(To,{...o,icon:"star"});case"icon-and-text":return(0,yr.jsx)(wa,{...o,icon:"star",children:"Button"});default:return(0,yr.jsx)(Io,{...o,children:"Button"})}};Sa.options=Ym;Sa.states=Qm;Sa.variants=jm;Sa.defaultOptions=Zm;Sa.modifiers=eu;var Tl="button",_s=Tl;var zs=require("react/jsx-runtime"),Aa="k-button-group",tu=[s.disabled],ou={fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.link]},au={},F=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return(0,zs.jsx)("div",{role:"group",...l,className:r(e.className,Aa,I(Aa,{fillMode:t}),P(Aa,{disabled:o}),{[`${Aa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};F.states=tu;F.options=ou;F.className=Aa;F.defaultOptions=au;F.moduleName=Tl;F.folderName=_s;F.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 hl=require("react/jsx-runtime");var xl=require("react/jsx-runtime");var Nl=require("react/jsx-runtime");var gl=require("react/jsx-runtime");var kl=require("react/jsx-runtime");var vl=require("react/jsx-runtime");var nt=require("react/jsx-runtime"),ru={...m.options,...F.options},lu=m.states,nu={...m.defaultOptions,...F.defaultOptions,variant:"text-button"},su=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],iu=[],Ea=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,nt.jsxs)(F,{fillMode:a.fillMode,className:o,children:[(0,nt.jsx)(m,{...a,icon:"star"}),(0,nt.jsx)(m,{...a,icon:"star"}),(0,nt.jsx)(m,{...a,icon:"star"})]}):t==="icon-text-button"?(0,nt.jsxs)(F,{fillMode:a.fillMode,className:o,children:[(0,nt.jsx)(m,{...a,icon:"star",children:"First"}),(0,nt.jsx)(m,{...a,icon:"star",children:"Middle"}),(0,nt.jsx)(m,{...a,icon:"star",children:"Last"})]}):(0,nt.jsxs)(F,{fillMode:a.fillMode,className:o,children:[(0,nt.jsx)(m,{...a,children:"First"}),(0,nt.jsx)(m,{...a,children:"Middle"}),(0,nt.jsx)(m,{...a,children:"Last"})]})};Ea.options=ru;Ea.states=lu;Ea.variants=su;Ea.defaultOptions=nu;Ea.modifiers=iu;var Ra="input",Mr=Ra;var Us=require("react/jsx-runtime"),wr="k-input",du=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],cu={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},pu={},Se=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:p,readonly:f,size:T,rounded:L,fillMode:M,...y}=e;return(0,Us.jsx)("span",{...y,className:r(e.className,wr,I(wr,{size:T,rounded:L,fillMode:M}),P(wr,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:p,readonly:f}))})};Se.states=du;Se.options=cu;Se.className=wr;Se.defaultOptions=pu;Se.moduleName=Ra;Se.folderName=Mr;var Fs=require("react/jsx-runtime"),Sr="k-picker",mu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],uu={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},bu={},Ut=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:p,readonly:f,size:T,rounded:L,fillMode:M,...y}=e;return(0,Fs.jsx)("span",{...y,className:r(e.className,Sr,I(Sr,{size:T,rounded:L,fillMode:M}),P(Sr,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:p,readonly:f})),children:e.children})};Ut.states=mu;Ut.options=uu;Ut.className=Sr;Ut.defaultOptions=bu;Ut.moduleName=Ra;Ut.folderName=Mr;var Xo=require("react/jsx-runtime"),$s="k-clear-value",fu=[s.disabled,s.loading,s.readonly],Tu={},Tt=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t\|\|a\|\|o\|\|!l?(0,Xo.jsx)(Xo.Fragment,{}):(0,Xo.jsx)("span",{className:r(e.className,$s),children:(0,Xo.jsx)(u,{icon:"x"})})};Tt.states=fu;Tt.options=Tu;Tt.className=$s;var Vs=require("react/jsx-runtime"),Ll="k-input-inner",hu=[],xu={},Ar={type:"text",autocomplete:"off",value:"",placeholder:""},ht=e=>{let{value:t=Ar.value,type:o=Ar.type,placeholder:a=Ar.placeholder,autocomplete:l=Ar.autocomplete,disabled:i,readOnly:p,...f}=e;return(0,Vs.jsx)("input",{...f,type:o,className:r(e.className,Ll,I(Ll,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:i\|\|void 0,readOnly:p\|\|void 0})};ht.states=hu;ht.options=xu;ht.className=Ll;var Ia=require("react/jsx-runtime"),Cl="k-input-inner",Nu=[],gu={},Oo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:i,...p}=e;return(0,Ia.jsxs)("span",{...p,className:r(e.className,Cl,I(Cl,e)),children:[l,!l&&i&&(0,Ia.jsx)(u,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,Ia.jsx)("span",{className:"k-input-value-text",children:t})]})};Oo.states=Nu;Oo.options=gu;Oo.className=Cl;var Xs=require("react/jsx-runtime"),yl="k-input-inner",ku=[],vu={},Ws={value:"",placeholder:""},Ml=e=>{let{value:t=Ws.value,placeholder:o=Ws.placeholder,rows:a,disabled:l,...i}=e;return(0,Xs.jsx)("textarea",{...i,className:r(e.className,yl,I(yl,e)),placeholder:o,rows:a,defaultValue:t,disabled:l\|\|void 0})};Ml.states=ku;Ml.options=vu;Ml.className=yl;var Oa=require("react/jsx-runtime"),Js="k-input-loading-icon",Lu=[s.disabled,s.loading],st=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,Oa.jsx)(Oa.Fragment,{}):(0,Oa.jsx)("span",{className:r(e.className,Js,"k-icon k-i-loading")})};st.states=Lu;st.className=Js;var Ga=require("react/jsx-runtime"),qs="k-input-validation-icon",Cu=[s.valid,s.invalid,s.disabled,s.loading],yu={},ot=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,i=o?"warning-circle":"check-circle";return a\|\|l\|\|!!!(t\|\|o)?(0,Ga.jsx)(Ga.Fragment,{}):(0,Ga.jsx)(u,{className:r(qs),icon:i})};ot.states=Cu;ot.options=yu;ot.className=qs;var Pa=require("react/jsx-runtime"),Mu="k-input-prefix",wu={direction:"horizontal"},wt=e=>{let{direction:t=wu.direction,...o}=e;return e.children?(0,Pa.jsx)("span",{...o,className:r(Mu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Pa.jsx)(Pa.Fragment,{})};var Ha=require("react/jsx-runtime"),Su="k-input-suffix",Au={direction:"horizontal"},St=e=>{let{direction:t=Au.direction,...o}=e;return e.children?(0,Ha.jsx)("span",{...o,className:r(Su,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Ha.jsx)(Ha.Fragment,{})};var Eu=require("react/jsx-runtime");var Ys=require("react/jsx-runtime"),Ru="k-input-suffix-text",wl=e=>{let{children:t,...o}=e;return(0,Ys.jsx)("span",{...o,className:r(Ru,e.className),children:t})};var Zs=require("react/jsx-runtime"),Qs="k-input-separator",Iu={direction:"vertical"},At=e=>{let{direction:t=Iu.direction,...o}=e;return(0,Zs.jsx)("span",{...o,className:r(Qs,e.className,{[`${Qs}-${t}`]:t})})};var Ge=require("react/jsx-runtime"),Ou=Se.states,Gu=Se.defaultOptions,Pu=Se.options,Hu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Ku=[],Ka=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:i,readonly:p,...f}=e,T=t==null?void 0:t.prefix,L=t==null?void 0:t.suffix,M=t==null?void 0:t["clear-button"],y=t==null?void 0:t["validation-icon"],h=t==null?void 0:t.separators;return(0,Ge.jsxs)(Se,{...f,valid:o,invalid:a,loading:l,disabled:i,readonly:p,style:{width:300},children:[T&&(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)(wt,{children:(0,Ge.jsx)(u,{icon:"lock"})}),h&&(0,Ge.jsx)(At,{})]}),(0,Ge.jsx)(ht,{placeholder:"Placeholder",value:"Value"}),y&&(0,Ge.jsx)(ot,{valid:o,invalid:a,loading:l,disabled:i}),(0,Ge.jsx)(st,{loading:l,disabled:i}),M&&(0,Ge.jsx)(Tt,{loading:l,disabled:i,readonly:p,value:"Value"}),L&&(0,Ge.jsxs)(Ge.Fragment,{children:[h&&(0,Ge.jsx)(At,{}),(0,Ge.jsx)(St,{children:(0,Ge.jsx)(Io,{size:f.size,fillMode:"clear",children:"Send"})})]})]})};Ka.options=Pu;Ka.states=Ou;Ka.variants=Ku;Ka.defaultOptions=Gu;Ka.modifiers=Hu;var Da=require("react/jsx-runtime"),js="k-color-preview",Du=[],Bu={},ho=e=>{let{color:t,iconName:o,...a}=e;return(0,Da.jsxs)("span",{...a,className:r(e.className,js,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Da.jsx)(u,{icon:o,className:"k-color-preview-icon"}),(0,Da.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};ho.states=Du;ho.options=Bu;ho.className=js;var Sl="popup",ei=Sl;var Al=require("react/jsx-runtime"),ti="k-animation-container",_u=[],zu={},oi={positionMode:"absolute"},Ft=e=>{let{positionMode:t=oi.positionMode,animationStyle:o,offset:a,...l}=e;return(0,Al.jsx)("div",{...l,style:{...a,...e.style},className:r(e.className,ti,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Al.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ft.states=_u;Ft.options=zu;Ft.className=ti;Ft.defaultOptions=oi;Ft.moduleName=Sl;Ft.folderName=ei;var El="popup",ai=El;var Rl=require("react/jsx-runtime"),ri="k-popup",Uu=[],Fu={},li={positionMode:"absolute"},be=e=>{let{offset:t,positionMode:o=li.positionMode,animationStyle:a,containerClassName:l,containerRole:i,containerAriaLabel:p,...f}=e;return(0,Rl.jsx)(Ft,{positionMode:o,offset:t,animationStyle:a,className:l,role:i,"aria-label":p,children:(0,Rl.jsx)("div",{...f,className:r(e.className,ri),children:e.children})})};be.states=Uu;be.options=Fu;be.className=ri;be.defaultOptions=li;be.moduleName=El;be.folderName=ai;be.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 Il="action-buttons",ni=Il;var si=require("react/jsx-runtime"),Er="k-actions",$u=[],Vu={},Ol={alignment:"start",orientation:"horizontal"},$t=e=>{let{alignment:t=Ol.alignment,orientation:o=Ol.orientation,...a}=e;return(0,si.jsx)("div",{...a,className:r(Er,{[`${Er}-${t}`]:t,[`${Er}-${o}`]:o},e.className),children:e.children})};$t.states=$u;$t.options=Vu;$t.className=Er;$t.defaultOptions=Ol;$t.moduleName=Il;$t.folderName=ni;var di=require("react/jsx-runtime"),Wu="k-actionsheet-footer",ii={alignment:"stretched",orientation:"horizontal"},xo=e=>{let{alignment:t=ii.alignment,orientation:o=ii.orientation,template:a,as:l=a?"div":$t,...i}=e;return(0,di.jsx)(l,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,Wu),children:e.children})};var Gl="searchbox",ci=Gl;var No=require("react/jsx-runtime"),pi="k-searchbox",Xu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Ju={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},Pl={showIcon:!0,icon:"search"},Et=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:i,hover:p,focus:f,valid:T,invalid:L,required:M,loading:y,disabled:h,showIcon:E=Pl.showIcon,icon:A=Pl.icon,...G}=e;return(0,No.jsxs)(Se,{...G,size:a,rounded:l,fillMode:i,hover:p,focus:f,valid:T,invalid:L,required:M,loading:y,disabled:h,className:r(e.className,pi),children:[E&&(0,No.jsx)(u,{className:"k-input-icon",icon:A}),(0,No.jsx)(ht,{placeholder:o,value:t}),(0,No.jsx)(st,{...e}),(0,No.jsx)(ot,{...e}),(0,No.jsx)(Tt,{...e})]})};Et.states=Xu;Et.options=Ju;Et.className=pi;Et.defaultOptions=Pl;Et.moduleName=Gl;Et.folderName=ci;var qu=require("react/jsx-runtime");var Hl="textbox",mi=Hl;var Je=require("react/jsx-runtime"),ui="k-textbox",Yu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Qu={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},Rr={showClearButton:!0,showValidationIcon:!0,separators:!0},ce=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Rr.separators,showClearButton:i=Rr.showClearButton,showValidationIcon:p=Rr.showValidationIcon,prefix:f,suffix:T,type:L,value:M,placeholder:y,hover:h,focus:E,valid:A,invalid:G,required:_,loading:B,disabled:q,readonly:Te,id:we,"aria-label":tt,"aria-describedby":bt,...ft}=e;return(0,Je.jsxs)(Se,{...ft,size:t,rounded:o,fillMode:a,hover:h,focus:E,valid:A,invalid:G,required:_,loading:B,disabled:q,readonly:Te,className:r(e.className,ui),children:[f&&(0,Je.jsxs)(Je.Fragment,{children:[(0,Je.jsx)(wt,{children:f}),l&&(0,Je.jsx)(At,{})]}),(0,Je.jsx)(ht,{id:we,placeholder:y,value:M,type:L,disabled:q,"aria-label":tt,"aria-describedby":bt,"aria-invalid":G?"true":void 0}),p&&(0,Je.jsx)(ot,{valid:A,invalid:G,loading:B,disabled:q}),(0,Je.jsx)(st,{loading:B,disabled:q}),i&&(0,Je.jsx)(Tt,{loading:B,disabled:q,readonly:Te,value:M}),T&&(0,Je.jsxs)(Je.Fragment,{children:[l&&(0,Je.jsx)(At,{}),(0,Je.jsx)(St,{children:T})]})]})};ce.states=Yu;ce.options=Qu;ce.className=ui;ce.defaultOptions=Rr;ce.moduleName=Hl;ce.folderName=mi;ce.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 Ba=ce;var fi=require("react/jsx-runtime"),bi=e=>(0,fi.jsx)(Ba,{...e});var Ti=require("react/jsx-runtime");var hi=require("react/jsx-runtime");var Zu=require("react/jsx-runtime");var Ir=require("react/jsx-runtime"),ju=ce.states,eb=ce.defaultOptions,tb=ce.options,ob=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],ab=[],_a=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,Ir.jsx)(u,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,Ir.jsx)(Io,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[l];break;default:break}}),(0,Ir.jsx)(bi,{value:"Value",style:{width:300},...o,...a})};_a.options=tb;_a.states=ju;_a.variants=ab;_a.defaultOptions=eb;_a.modifiers=ob;var xt=require("react/jsx-runtime"),xi="k-actionsheet-titlebar",rb={},at=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:i,input:p,inputValue:f,inputPlaceholder:T,adaptive:L,titleId:M,children:y,...h}=e;return(0,xt.jsxs)("div",{...h,className:r(e.className,xi),children:[(0,xt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,xt.jsx)("div",{className:"k-actionsheet-actions",children:a}),!y&&(0,xt.jsxs)("div",{className:"k-actionsheet-title",id:M,children:[t&&(0,xt.jsx)("div",{className:"k-text-center",children:t}),o&&(0,xt.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),y&&(0,xt.jsx)("div",{className:"k-actionsheet-title",id:M,children:y}),l&&(0,xt.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(p\|\|i)&&(0,xt.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?(0,xt.jsx)(ce,{value:f,placeholder:T,size:L?"large":"medium","aria-label":t\|\|T\|\|"Input"}):(0,xt.jsx)(Et,{placeholder:"Filter",size:L?"large":"medium","aria-label":"Filter options"})})]})};at.className=xi;at.defaultOptions=rb;var Jo=require("react/jsx-runtime"),Kl="k-actionsheet-view",lb=[],nb={},sb={},qo=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:i,titleId:p,...f}=e,T=(l==null?void 0:l.type)===at&&(0,Jo.jsx)(at,{adaptive:t,titleId:p,...l==null?void 0:l.props}),L=(i==null?void 0:i.type)===xo&&(0,Jo.jsx)(xo,{...i==null?void 0:i.props});return(0,Jo.jsxs)("div",{...f,className:r(e.className,Kl,{[`${Kl}-animated`]:o}),children:[T,(0,Jo.jsx)("div",{className:"k-actionsheet-content",children:a}),L]})};qo.states=lb;qo.options=nb;qo.className=Kl;qo.defaultOptions=sb;var za="action-sheet",Or=za;var Dl="overlay",Ni=Dl;var gi=require("react/jsx-runtime"),Bl="k-overlay",ib=[],db={themeColor:[g.undefined,g.light,g.dark,g.inverse]},cb={},go=e=>{let{themeColor:t,...o}=e;return(0,gi.jsx)("div",{...o,className:r(e.className,Bl,I(Bl,{themeColor:t})),children:e.children})};go.states=ib;go.options=db;go.className=Bl;go.defaultOptions=cb;go.moduleName=Dl;go.folderName=Ni;var Go=require("react/jsx-runtime"),ki="k-actionsheet",pb=[],mb={},Ua={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Ce=e=>{let{side:t=Ua.side,fullscreen:o=Ua.fullscreen,adaptive:a=Ua.adaptive,overlay:l=Ua.overlay,template:i,children:p,header:f,footer:T,id:L,...M}=e,y=L&&!i&&f?`${L}-title`:void 0;return(0,Go.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,Go.jsx)(go,{}),(0,Go.jsx)(Ft,{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,Go.jsx)("div",{...M,id:L,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":y,className:r(e.className,ki,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|(0,Go.jsx)(qo,{header:f,footer:T,adaptive:a,titleId:y,...e,children:p})})})]})};Ce.states=pb;Ce.options=mb;Ce.className=ki;Ce.defaultOptions=Ua;Ce.moduleName=za;Ce.folderName=Or;Ce.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 Li=require("react/jsx-runtime"),vi="k-actionsheet-container",ub=[],bb={},fb={},Yo=e=>{let{children:t,...o}=e;return(0,Li.jsx)("div",{...o,className:vi,children:t})};Yo.states=ub;Yo.options=bb;Yo.className=vi;Yo.defaultOptions=fb;Yo.moduleName=za;Yo.folderName=Or;var Ci=require("react/jsx-runtime"),_l=e=>{let{...t}=e;return(0,Ci.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var Rt=require("react/jsx-runtime"),zl="k-actionsheet-item",Tb=[s.hover,s.focus,s.selected,s.disabled],ko=e=>{let{iconName:t,text:o,description:a,hover:l,focus:i,selected:p,disabled:f,...T}=e;return(0,Rt.jsxs)("span",{...T,className:r(e.className,zl,P(zl,{hover:l,focus:i,selected:p,disabled:f})),children:[!e.children&&(0,Rt.jsx)(Rt.Fragment,{children:(0,Rt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,Rt.jsx)("span",{className:"k-icon-wrap",children:(0,Rt.jsx)(u,{className:"k-actionsheet-item-icon",icon:t})}),(0,Rt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,Rt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,Rt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};ko.states=Tb;ko.className=zl;var yi=require("react/jsx-runtime");var hb=require("react/jsx-runtime");var xb=require("react/jsx-runtime");var Nb=require("react/jsx-runtime");var he=require("react/jsx-runtime"),gb=Ce.options,kb=Ce.states,wi={...Ce.defaultOptions,variant:"normal"},vb=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Lb=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Fa=e=>{let{variant:t,modifiers:o,...a}={...wi,...e},l={},i=(0,he.jsxs)(_l,{children:[(0,he.jsx)(ko,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,he.jsx)(ko,{text:"Add to Favorites",iconName:"heart"}),(0,he.jsx)(ko,{text:"Upload New",iconName:"upload",disabled:!0}),(0,he.jsx)("hr",{className:"k-hr"}),(0,he.jsx)(ko,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",f="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o\|\|{}).forEach(T=>{switch(T){case"actions":l.actionsStart=!!(o!=null&&o[T]),l.actionsEnd=!!(o!=null&&o[T]);break;case"subtitle":l.subtitle=o!=null&&o[T]?p:void 0;break;case"footer":l.footer=!!(o!=null&&o[T]);break;default:break}}),t==="adaptive"?(0,he.jsx)(Ce,{...a,adaptive:!0,fullscreen:l.fullScreen,header:(0,he.jsx)(at,{actionsStart:l.actionsStart?(0,he.jsx)(m,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,he.jsx)(m,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:f,subtitle:l.subtitle}),footer:l.footer?(0,he.jsxs)(xo,{alignment:"stretched",children:[(0,he.jsx)(m,{text:"Cancel",size:"large",themeColor:"base"}),(0,he.jsx)(m,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,he.jsx)(Ce,{...a,fullscreen:l.fullScreen,header:(0,he.jsx)(at,{actionsStart:l.actionsStart?(0,he.jsx)(m,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,he.jsx)(m,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,he.jsxs)(xo,{alignment:"stretched",children:[(0,he.jsx)(m,{text:"Apply",themeColor:"primary"}),(0,he.jsx)(m,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Fa.options=gb;Fa.states=kb;Fa.variants=vb;Fa.defaultOptions=wi;Fa.modifiers=Lb;var Ul="slider",Si=Ul;var Dt=require("react/jsx-runtime"),$a="k-slider",Cb=[s.hover,s.focus,s.active,s.disabled,s.readonly],yb={},It={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},fe=e=>{let{type:t=It.type,orientation:o=It.orientation,gradientType:a=It.gradientType,readonly:l=It.readonly,disabled:i=It.disabled,handlePosition:p=It.handlePosition,showButtons:f=It.showButtons,showTicks:T=It.showTicks,value:L=It.value,min:M=It.min,max:y=It.max,startValue:h,endValue:E,hover:A,focus:G,active:_,trackStyle:B,dir:q,...Te}=e,tt=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),bt,ft;return o==="horizontal"?(bt=q==="rtl"?"caret-alt-left":"caret-alt-right",ft=q==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(bt="caret-alt-up",ft="caret-alt-down"),(0,Dt.jsxs)("div",{...Te,className:r($a,e.className,P($a,{readonly:l,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:q,children:[f&&(0,Dt.jsx)(m,{className:"k-button-decrease",rounded:"full",icon:ft,tabIndex:-1,title:"Decrease"}),(0,Dt.jsxs)("div",{className:"k-slider-track-wrap",children:[T&&(0,Dt.jsx)("ul",{className:"k-reset k-slider-items",children:e.children}),(0,Dt.jsxs)("div",{className:"k-slider-track",style:B,children:[(0,Dt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Dt.jsx)("span",{className:r("k-draghandle","k-draghandle-start",P($a,{hover:A,focus:G,active:_})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":h??M,"aria-valuemin":M,"aria-valuemax":E??y,"aria-orientation":tt,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":Te["aria-label"]?`${Te["aria-label"]} start`:"Range start"}),(0,Dt.jsx)("span",{className:r("k-draghandle",`k-draghandle-${p}`,P($a,{hover:A,focus:G,active:_})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?E??y:L,"aria-valuemin":t==="range"?h??M:M,"aria-valuemax":y,"aria-orientation":tt,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?Te["aria-label"]?`${Te["aria-label"]} end`:"Range end":Te["aria-label"]})]})]}),f&&(0,Dt.jsx)(m,{className:"k-button-increase",rounded:"full",icon:bt,tabIndex:-1,title:"Increase"})]})};fe.states=Cb;fe.options=yb;fe.className=$a;fe.defaultOptions=It;fe.moduleName=Ul;fe.folderName=Si;fe.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").'}]};var Fl=require("react/jsx-runtime"),Ai="k-tick",Mb=[],wb={},Ei={label:!1},z=e=>{let{style:t,label:o=Ei.label,orientation:a,large:l,text:i,...p}=e;return(0,Fl.jsx)("li",{...p,className:r(e.className,Ai,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&(0,Fl.jsx)("span",{className:"k-label",children:i})})};z.states=Mb;z.options=wb;z.className=Ai;z.defaultOptions=Ei;var Ke=require("react/jsx-runtime"),Ri=e=>(0,Ke.jsx)(fe,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,Ke.jsxs)(Ke.Fragment,{children:[(0,Ke.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ke.jsx)(z,{}),(0,Ke.jsx)(z,{}),(0,Ke.jsx)(z,{}),(0,Ke.jsx)(z,{}),(0,Ke.jsx)(z,{label:!0,large:!0,text:"5"}),(0,Ke.jsx)(z,{}),(0,Ke.jsx)(z,{}),(0,Ke.jsx)(z,{}),(0,Ke.jsx)(z,{}),(0,Ke.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var De=require("react/jsx-runtime"),Ii=e=>(0,De.jsx)(fe,{children:(0,De.jsxs)(De.Fragment,{children:[(0,De.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,De.jsx)(z,{}),(0,De.jsx)(z,{}),(0,De.jsx)(z,{}),(0,De.jsx)(z,{}),(0,De.jsx)(z,{label:!0,large:!0,text:"5"}),(0,De.jsx)(z,{}),(0,De.jsx)(z,{}),(0,De.jsx)(z,{}),(0,De.jsx)(z,{}),(0,De.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var $l=require("react/jsx-runtime");var Vl=require("react/jsx-runtime");var Oi=require("react/jsx-runtime"),Wl=e=>(0,Oi.jsx)(fe,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Gi=require("react/jsx-runtime"),Xl=e=>(0,Gi.jsx)(fe,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Jl=require("react/jsx-runtime");var ql=require("react/jsx-runtime");var it=require("react/jsx-runtime"),Sb=fe.options,Ab=fe.states,Pi={...fe.defaultOptions,variant:"horizontal",label:!0},Eb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Rb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Va=e=>{let{variant:t,modifiers:o,...a}={...Pi,...e},l={};Object.keys(o\|\|{}).forEach(L=>{switch(L){case"button":{l.showButtons=!!(o!=null&&o[L]);break}case"label":{l.label=!!(o!=null&&o[L]);break}case"tick":{l.showTicks=!!(o!=null&&o[L]);break}}});let{label:i=!0,showButtons:p,showTicks:f}=l,T={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,it.jsxs)(Ii,{showTicks:f,showButtons:p,style:{height:"300px",...T},...a,children:[(0,it.jsx)(z,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,it.jsx)(z,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,it.jsx)(z,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,it.jsx)(z,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,it.jsx)(z,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,it.jsxs)(Ri,{showTicks:f,showButtons:p,style:{width:"400px",...T},...a,children:[(0,it.jsx)(z,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,it.jsx)(z,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,it.jsx)(z,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,it.jsx)(z,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,it.jsx)(z,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Va.options=Sb;Va.states=Ab;Va.variants=Eb;Va.defaultOptions=Pi;Va.modifiers=Rb;var Wa=require("react/jsx-runtime"),Hi="k-spin-button",Gb=[],Pb={size:[c.undefined,c.small,c.medium,c.large],fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.link]},Yl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},vo=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=Yl.increaseLabel,decreaseLabel:i=Yl.decreaseLabel,...p}=e;return(0,Wa.jsxs)("span",{...p,className:r(Hi,e.className),children:[(0,Wa.jsx)(m,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),(0,Wa.jsx)(m,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};vo.states=Gb;vo.options=Pb;vo.className=Hi;vo.defaultOptions=Yl;vo.moduleName=null;vo.folderName=null;var Ki="numeric-textbox",Di="numerictextbox";var Be=require("react/jsx-runtime"),Bi="k-numerictextbox",Hb=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Kb={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},Gr={showSpinButton:!0,showClearButton:!0,separators:!0},Q=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Gr.separators,showClearButton:i=Gr.showClearButton,showSpinButton:p=Gr.showSpinButton,prefix:f,suffix:T,value:L,placeholder:M,hover:y,focus:h,valid:E,invalid:A,required:G,loading:_,disabled:B,readonly:q,id:Te,"aria-label":we,"aria-describedby":tt,...bt}=e;return(0,Be.jsxs)(Se,{...bt,size:t,rounded:o,fillMode:a,hover:y,focus:h,valid:E,invalid:A,required:G,loading:_,disabled:B,readonly:q,className:r(e.className,Bi),children:[f&&(0,Be.jsxs)(Be.Fragment,{children:[(0,Be.jsx)(wt,{children:f}),l&&(0,Be.jsx)(At,{})]}),(0,Be.jsx)(ht,{id:Te,placeholder:M,value:L,role:"spinbutton",disabled:B,"aria-label":we,"aria-describedby":tt,"aria-invalid":A?"true":void 0}),(0,Be.jsx)(ot,{valid:E,invalid:A,loading:_,disabled:B}),(0,Be.jsx)(st,{loading:_,disabled:B}),i&&(0,Be.jsx)(Tt,{loading:_,disabled:B,readonly:q,value:L}),T&&(0,Be.jsxs)(Be.Fragment,{children:[l&&(0,Be.jsx)(At,{}),(0,Be.jsx)(St,{children:T})]}),p&&(0,Be.jsx)(vo,{className:"k-input-spinner",size:t,fillMode:a,disabled:B})]})};Q.states=Hb;Q.options=Kb;Q.className=Bi;Q.defaultOptions=Gr;Q.moduleName=Ki;Q.folderName=Di;Q.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 Xa=Q;var zi=require("react/jsx-runtime"),_i=e=>(0,zi.jsx)(Xa,{...e});var Hr=ys(require("react"));var Ql=require("react/jsx-runtime"),Db="k-list-group-sticky-header",Zl=e=>(0,Ql.jsx)("div",{className:r(Db,e.className),children:(0,Ql.jsx)("div",{className:"k-list-header-text",children:e.children})});var Ui=require("react/jsx-runtime"),Bb="k-no-data",Pr=e=>{let{live:t,...o}=e;return(0,Ui.jsx)("span",{...o,className:r(Bb,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Po="list",Qo=Po;var Zo=require("react/jsx-runtime"),jl="k-list",_b=[],zb={size:[c.undefined,c.small,c.medium,c.large]},Ub={},te=e=>{var E;let{size:t,virtualization:o,children:a,header:l,optionLabel:i,customValue:p,noData:f,screenReaders:T,...L}=e,y=Hr.default.Children.toArray(a)[0],h=(E=y==null?void 0:y.props)!=null&&E.children?Hr.default.Children.count(y.props.children):Hr.default.Children.count(a);return(0,Zo.jsxs)("div",{...L,className:r(e.className,jl,I(jl,{size:t}),{"k-virtual-list":o}),children:[i,p,l&&(0,Zo.jsx)(Zl,{children:l}),a\|\|(f!==void 0?f:(0,Zo.jsx)(Pr,{live:!0,children:"No data found."})),T&&a&&(0,Zo.jsxs)(Pr,{className:"k-sr-only",live:!0,children:[h," items found."]})]})};te.states=_b;te.options=zb;te.className=jl;te.defaultOptions=Ub;te.moduleName=Po;te.folderName=Qo;te.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var $i=require("react/jsx-runtime"),Fi="k-list-container",Fb=[],$b={},Vb={},jo=e=>{let{...t}=e;return(0,$i.jsx)("div",{...t,className:r(e.className,Fi),children:e.children})};jo.states=Fb;jo.options=$b;jo.className=Fi;jo.defaultOptions=Vb;jo.moduleName=Po;jo.folderName=Qo;var Ho="checkbox",ea=Ho;var en=require("react/jsx-runtime"),Kr="k-checkbox",Wb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Xb={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full]},Jb={},dt=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:i,disabled:p,invalid:f,valid:T,required:L,size:M,rounded:y,...h}=e;return(0,en.jsx)("span",{className:"k-checkbox-wrap",children:(0,en.jsx)("input",{...h,id:t,type:"checkbox",defaultChecked:o,required:L,disabled:p\|\|void 0,"aria-invalid":f?"true":void 0,className:r(e.className,Kr,I(Kr,{size:M,rounded:y}),P(Kr,{hover:l,focus:i,disabled:p,invalid:f,valid:T,indeterminate:a,checked:o}))})})};dt.states=Wb;dt.options=Xb;dt.className=Kr;dt.defaultOptions=Jb;dt.moduleName=Ho;dt.folderName=ea;dt.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 Vt=dt;var Xi=require("react/jsx-runtime"),Vi="k-checkbox-list",qb=[],Yb={},Wi={layout:"vertical"},ct=e=>{let{layout:t=Wi.layout,...o}=e;return(0,Xi.jsx)("ul",{...o,className:r(e.className,Vi,{[`k-list-${t}`]:t}),children:e.children})};ct.states=qb;ct.options=Yb;ct.className=Vi;ct.defaultOptions=Wi;ct.moduleName=Ho;ct.folderName=ea;var qi=require("react/jsx-runtime"),Ji="k-checkbox-list-item",Qb=[],Zb={},jb={},rt=e=>{let{...t}=e;return(0,qi.jsx)("li",{...t,className:r(e.className,Ji),children:e.children})};rt.states=Qb;rt.options=Zb;rt.className=Ji;rt.defaultOptions=jb;rt.moduleName=Ho;rt.folderName=ea;var Ko=require("react/jsx-runtime"),eo=({children:e,id:t,...o})=>(0,Ko.jsxs)(Ko.Fragment,{children:[(0,Ko.jsx)(Vt,{id:t,...o}),(0,Ko.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var tn=require("react/jsx-runtime");var on=require("react/jsx-runtime");var an=require("react/jsx-runtime");var ef=require("react/jsx-runtime");var tf=require("react/jsx-runtime");var of=require("react/jsx-runtime");var qe=require("react/jsx-runtime"),af=ct.options,rf=ct.states,lf={...ct.defaultOptions,variant:"vertical"},nf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],sf=[],Ja=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,qe.jsxs)(ct,{layout:"horizontal",...o,children:[(0,qe.jsx)(rt,{children:(0,qe.jsx)(eo,{id:"first",defaultChecked:!0,children:"Label"})}),(0,qe.jsx)(rt,{children:(0,qe.jsx)(eo,{id:"second",children:"Label"})}),(0,qe.jsx)(rt,{children:(0,qe.jsx)(eo,{id:"third",children:"Label"})})]}):(0,qe.jsxs)(ct,{...o,children:[(0,qe.jsx)(rt,{children:(0,qe.jsx)(eo,{id:"first",defaultChecked:!0,children:"Label"})}),(0,qe.jsx)(rt,{children:(0,qe.jsx)(eo,{id:"second",children:"Label"})}),(0,qe.jsx)(rt,{children:(0,qe.jsx)(eo,{id:"third",children:"Label"})})]})};Ja.options=af;Ja.states=rf;Ja.variants=nf;Ja.defaultOptions=lf;Ja.modifiers=sf;var Yi=require("react/jsx-runtime"),df=Vt.options,cf=Vt.states,pf=Vt.defaultOptions,mf=[],uf=[],qa=e=>(0,Yi.jsx)(eo,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});qa.options=df;qa.states=cf;qa.variants=mf;qa.defaultOptions=pf;qa.modifiers=uf;var Wt=require("react/jsx-runtime"),rn="k-list-item",bf=[s.hover,s.focus,s.selected,s.disabled],ff={},Tf={},$=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:i,showCheckbox:p,checked:f,hover:T,focus:L,selected:M,disabled:y,actions:h,description:E,id:A,...G}=e,_=t\|\|e.children;return(0,Wt.jsxs)("li",{...G,id:A,role:a?"presentation":"option",tabIndex:a?void 0:L?0:-1,"aria-selected":!a&&M?"true":a?void 0:"false","aria-disabled":!a&&y?"true":void 0,className:r(e.className,a?"k-list-group-item":rn,P(rn,{hover:T,focus:L,disabled:y,selected:M})),children:[p&&(0,Wt.jsx)(dt,{checked:f}),l&&(0,Wt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Wt.jsx)(u,{icon:l,className:r("k-list-item-icon",i)})}),(0,Wt.jsx)("span",{className:"k-list-item-text",children:_}),h&&(0,Wt.jsx)("div",{className:"k-list-item-actions",children:h}),E&&(0,Wt.jsx)("span",{className:"k-list-item-description",children:E}),o&&o!==""&&(0,Wt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};$.states=bf;$.options=ff;$.className=rn;$.defaultOptions=Tf;$.moduleName=Po;$.folderName=Qo;$.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 Qi=require("react/jsx-runtime"),hf="k-list-ul",to=e=>{let{children:t,role:o,id:a,...l}=e;return(0,Qi.jsx)("ul",{...l,id:a,role:o,className:r(hf,e.className),children:t})};to.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 ta=require("react/jsx-runtime"),xf="k-list-content",de=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:i,...p}=e;return(0,ta.jsxs)("div",{...p,className:r(xf,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:(0,ta.jsx)(to,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&(0,ta.jsx)("div",{className:"k-height-container",children:(0,ta.jsx)("div",{})})]})};de.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 ln=require("react/jsx-runtime");var oa=require("react/jsx-runtime"),Nf="k-list-group-item",Do=e=>{let{groupIconName:t,...o}=e;return(0,oa.jsxs)("li",{...o,role:"presentation",className:r(Nf,e.className),children:[t&&(0,oa.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,oa.jsx)(u,{icon:t,className:"k-list-item-icon"})}),(0,oa.jsx)("span",{className:"k-list-item-text",children:e.children})]})};Do.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 Zi=require("react/jsx-runtime"),nn="k-list-optionlabel",gf=[s.hover,s.focus,s.selected,s.disabled],kf={},vf={},Dr=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...p}=e;return(0,Zi.jsx)("div",{...p,className:r(nn,P(nn,{hover:o,focus:a,selected:l,disabled:i})),children:t})};Dr.states=gf;Dr.options=kf;Dr.className=nn;Dr.defaultOptions=vf;var ji=require("react/jsx-runtime"),sn="k-list-custom-value",Lf=[s.hover,s.focus,s.selected,s.disabled],Cf={},yf={},Lo=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...p}=e;return(0,ji.jsx)("div",{...p,className:r(sn,P(sn,{hover:o,focus:a,selected:l,disabled:i})),children:t})};Lo.states=Lf;Lo.options=Cf;Lo.className=sn;Lo.defaultOptions=yf;var dn=require("react/jsx-runtime");var cn=require("react/jsx-runtime");var pn=require("react/jsx-runtime");var mn=require("react/jsx-runtime");var Mf=require("react/jsx-runtime");var un=require("react/jsx-runtime");var ed="dropdown-list",td="dropdownlist";var xe=require("react/jsx-runtime"),od="k-dropdownlist",wf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Sf={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},bn={showValue:!0,arrowIconName:"caret-alt-down"},pe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=bn.arrowIconName,showValue:i=bn.showValue,valueIconName:p,prefix:f,suffix:T,value:L,placeholder:M,hover:y,focus:h,valid:E,invalid:A,required:G,loading:_,disabled:B,readonly:q,popup:Te,opened:we,adaptive:tt,adaptiveSettings:bt,adaptiveTitle:ft,adaptiveSubtitle:Wo,adaptiveFilter:il,...vr}=e;return(0,xe.jsxs)(xe.Fragment,{children:[(0,xe.jsxs)(Ut,{...vr,size:t,rounded:o,fillMode:a,hover:y,focus:h,valid:E,invalid:A,required:G,loading:_,disabled:B,readonly:q,className:r(e.className,od,{"k-icon-picker":!i&&p}),children:[(0,xe.jsx)(wt,{children:f}),(0,xe.jsx)(Oo,{placeholder:M,value:L,showValue:i,valueIconName:p}),(0,xe.jsx)(ot,{valid:E,invalid:A,loading:_,disabled:B}),(0,xe.jsx)(st,{loading:_,disabled:B}),(0,xe.jsx)(St,{children:T}),(0,xe.jsx)(m,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":M\|\|"Toggle dropdown"})]}),we&&Te&&(0,xe.jsx)(be,{className:"k-list-container k-dropdownlist-popup",children:Te}),tt&&(0,xe.jsx)(Ce,{adaptive:!0,...bt,header:(0,xe.jsx)(at,{actionsEnd:(0,xe.jsx)(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:il,inputValue:L,inputPlaceholder:M,title:ft,subtitle:Wo}),children:(0,xe.jsx)("div",{className:"k-list-container",children:(0,xe.jsx)(te,{size:"large",children:(0,xe.jsxs)(de,{children:[(0,xe.jsx)($,{text:"List item"}),(0,xe.jsx)($,{text:"List item"}),(0,xe.jsx)($,{text:"List item"})]})})})})]})};pe.states=wf;pe.options=Sf;pe.className=od;pe.defaultOptions=bn;pe.moduleName=ed;pe.folderName=td;var Af=require("react/jsx-runtime");var ad=require("react/jsx-runtime");var fn=require("react/jsx-runtime");var Ef=require("react/jsx-runtime");var rd=require("react/jsx-runtime");var Tn=require("react/jsx-runtime");var pt=require("react/jsx-runtime"),Rf=pe.states,If=pe.defaultOptions,Of=pe.options,Gf=[{name:"opened",title:"Opened"}],Pf=[],Qa=e=>{let{modifiers:t,...o}=e,a={},l=(0,pt.jsxs)(pt.Fragment,{children:[(0,pt.jsx)("div",{className:"k-list-filter",children:(0,pt.jsx)(Et,{})}),(0,pt.jsx)(te,{style:{width:300},size:o.size,children:(0,pt.jsxs)(de,{children:[(0,pt.jsx)($,{children:"List item"}),(0,pt.jsx)($,{children:"List item"}),(0,pt.jsx)($,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?l:void 0)}),(0,pt.jsx)("div",{children:(0,pt.jsx)(pe,{placeholder:"Value",style:{width:300},...o,...a})})};Qa.options=Of;Qa.states=Rf;Qa.variants=Pf;Qa.defaultOptions=If;Qa.modifiers=Gf;var ld=require("react/jsx-runtime");var nd=require("react/jsx-runtime");var Hf=require("react/jsx-runtime");var Br=require("react/jsx-runtime"),Kf=Q.states,Df=Q.defaultOptions,Bf=Q.options,_f=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],zf=[],Za=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,Br.jsx)(pe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,Br.jsx)(wl,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[l];break;case"spin-button":a.showSpinButton=t==null?void 0:t[l];break;default:break}}),(0,Br.jsx)(_i,{value:"Value",style:{width:300},...o,...a})};Za.options=Bf;Za.states=Kf;Za.variants=zf;Za.defaultOptions=Df;Za.modifiers=_f;var O=require("react/jsx-runtime"),sd="k-colorgradient-inputs",Uf=[],Ff={size:[c.undefined,c.small,c.medium,c.large]},id={mode:"rgba"},aa=e=>{let{mode:t=id.mode,size:o,...a}=e;return(0,O.jsxs)("div",{...a,className:r(sd,"k-hstack"),children:[(0,O.jsx)("div",{className:"k-vstack",children:(0,O.jsx)(m,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(Q,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,O.jsx)(ce,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};aa.states=Uf;aa.options=Ff;aa.className=sd;aa.defaultOptions=id;var Ye=require("react/jsx-runtime"),dd="k-colorgradient-color-contrast",$f=[],Vf={},Wf={},ra=()=>(0,Ye.jsxs)("div",{className:r(dd,"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)(u,{icon:"check"}),(0,Ye.jsx)(u,{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)(u,{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)(u,{icon:"x"})]})]})]});ra.states=$f;ra.options=Vf;ra.className=dd;ra.defaultOptions=Wf;var cd="color-gradient",pd="colorgradient";var Ae=require("react/jsx-runtime"),_r="k-colorgradient",Xf=[s.hover,s.focus,s.readonly,s.disabled],Jf={size:[c.undefined,c.small,c.medium,c.large]},Xt={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"},_e=e=>{let{size:t,mode:o=Xt.mode,readonly:a=Xt.readonly,disabled:l=Xt.disabled,gradientStyle:i=Xt.gradientStyle,dragHandleStyle:p=Xt.dragHandleStyle,alphaStyle:f=Xt.alphaStyle,alphaStyleHorizontal:T=Xt.alphaStyleHorizontal,contrast:L=Xt.contrast,dir:M,hover:y,focus:h,hoverHandle:E,focusHandle:A,canvasOrientation:G=Xt.canvasOrientation,role:_,tabIndex:B,...q}=e;return(0,Ae.jsxs)("div",{...q,role:_??"textbox","aria-label":_==="none"?void 0:"Color gradient",tabIndex:B??0,"aria-disabled":l?"true":void 0,className:r(e.className,_r,I(_r,{size:t}),P(_r,{hover:y,focus:h,readonly:a,disabled:l})),dir:M,children:[!G\|\|G==="horizontal"&&(0,Ae.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,Ae.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,Ae.jsx)("div",{className:"k-hsv-gradient",children:(0,Ae.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":E,"k-focus":A}),style:p,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,Ae.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,Ae.jsx)(Xl,{className:"k-hue-slider",hover:E,focus:A}),o!=="rgb"&&o!=="hsv"&&(0,Ae.jsx)(Xl,{className:"k-alpha-slider",hover:E,focus:A,trackStyle:f})]})]}),G==="vertical"&&(0,Ae.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,Ae.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,Ae.jsx)("div",{className:"k-hsv-gradient",children:(0,Ae.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":E,"k-focus":A}),style:p,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,Ae.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,Ae.jsx)(Wl,{className:"k-hue-slider",hover:E,focus:A}),o!=="rgb"&&o!=="hsv"&&(0,Ae.jsx)(Wl,{className:"k-alpha-slider",hover:E,focus:A,trackStyle:T})]})]}),(0,Ae.jsx)(aa,{mode:e.mode,size:t}),L&&(0,Ae.jsx)(ra,{})]})};_e.states=Xf;_e.options=Jf;_e.className=_r;_e.defaultOptions=Xt;_e.moduleName=cd;_e.folderName=pd;_e.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 md=require("react/jsx-runtime"),zr=e=>(0,md.jsx)(_e,{...e});var qf=require("react/jsx-runtime");var Yf=require("react/jsx-runtime");var Ur=require("react/jsx-runtime"),Qf=_e.options,Zf=_e.states,jf={..._e.defaultOptions,variant:"rgba"},eT=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],tT=[],ja=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,Ur.jsx)(zr,{...o,mode:t});case"rgb":return(0,Ur.jsx)(zr,{...o,mode:t});default:return(0,Ur.jsx)(zr,{...o,mode:t})}};ja.options=Qf;ja.states=Zf;ja.variants=eT;ja.defaultOptions=jf;ja.modifiers=tT;var ud=require("react/jsx-runtime"),hn=e=>(0,ud.jsx)("tr",{role:"row",children:e.children});var bd=require("react/jsx-runtime"),xn="k-colorpalette-tile",oT=[s.hover,s.focus,s.selected],aT={},la=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:i,...p}=e,f={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,bd.jsx)("td",{...p,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,xn,P(xn,{hover:a,focus:l,selected:i})),style:f})};la.states=oT;la.options=aT;la.className=xn;var fd="color-palette",Td="colorpalette";var na=require("react/jsx-runtime"),Fr="k-colorpalette",rT=[s.disabled],lT={size:[c.undefined,c.small,c.medium,c.large]},hd={columns:10},mt=e=>{let{size:t,palette:o,columns:a=hd.columns,tileSize:l,disabled:i,...p}=e,f=[];if(o){let T=a\|\|o.columns,L=o.colors?o.colors:o;Array.isArray(L)&&Array.from({length:Math.ceil(L.length/T)},(M,y)=>{let h=[];L.slice(yT,(y+1)T).map((A,G)=>{h.push((0,na.jsx)(la,{color:A,tileSize:l},G))});let E=(0,na.jsx)(hn,{children:h},y);f.push(E)})}return(0,na.jsx)("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,Fr,P(Fr,{disabled:i}),I(Fr,{size:t})),children:(0,na.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,na.jsx)("tbody",{children:f.length>0?f:e.children})})})};mt.states=rT;mt.options=lT;mt.className=Fr;mt.defaultOptions=hd;mt.moduleName=fd;mt.folderName=Td;mt.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 $r=mt;var er={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 Nd=require("react/jsx-runtime"),xd=e=>(0,Nd.jsx)($r,{palette:er.basic,...e});var nT=require("react/jsx-runtime");var gd=require("react/jsx-runtime");var kd=require("react/jsx-runtime"),sT=mt.options,iT=mt.states,dT={...mt.defaultOptions,variant:"basic"},cT=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],pT={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}},mT=[],tr=e=>{let{variant:t="basic",...o}=e,a=pT[t];return(0,kd.jsx)(xd,{columns:a.columns,palette:a,...o})};tr.options=sT;tr.states=iT;tr.variants=cT;tr.defaultOptions=dT;tr.modifiers=mT;var vd="color-editor",Ld="coloreditor";var ye=require("react/jsx-runtime"),Vr="k-coloreditor",uT=[s.focus],bT={size:[c.undefined,c.small,c.medium,c.large]},or={view:"gradient",palette:er.office,actionButtons:!0,canvasOrientation:"horizontal"},Me=e=>{let{size:t,view:o=or.view,palette:a=or.palette,color:l,currentColor:i,focus:p,focusView:f,dir:T,group:L,actionButtons:M=or.actionButtons,canvasOrientation:y=or.canvasOrientation,...h}=e;return(0,ye.jsxs)("div",{...h,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Vr,I(Vr,{size:t}),P(Vr,{focus:p})),dir:T,children:[(0,ye.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,ye.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:L&&(0,ye.jsxs)(F,{fillMode:"flat",children:[(0,ye.jsx)(m,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,ye.jsx)(m,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,ye.jsx)("div",{className:"k-spacer"}),(0,ye.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,ye.jsx)(m,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,ye.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,ye.jsx)(ho,{className:"k-coloreditor-preview-color",color:l}),(0,ye.jsx)(ho,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,ye.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,ye.jsx)(_e,{focus:f,size:t,canvasOrientation:y,role:"none",tabIndex:-1}):(0,ye.jsx)(mt,{palette:a,size:t})}),M&&(0,ye.jsxs)($t,{className:"k-coloreditor-footer",alignment:"start",children:[(0,ye.jsx)(m,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,ye.jsx)(m,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Me.states=uT;Me.options=bT;Me.className=Vr;Me.defaultOptions=or;Me.moduleName=vd;Me.folderName=Ld;Me.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=Me;var fT=require("react/jsx-runtime");var TT=require("react/jsx-runtime");var yd=require("react/jsx-runtime"),Cd=e=>(0,yd.jsx)(sa,{group:!0,currentColor:"fuchsia",...e});var wd=require("react/jsx-runtime"),Md=e=>(0,wd.jsx)(sa,{view:"palette",group:!0,currentColor:"fuchsia",...e});var Nn=require("react/jsx-runtime"),hT=Me.options,xT=Me.states,NT={...Me.defaultOptions,variant:"gradient"},gT=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],kT=[],ar=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Nn.jsx)(Md,{...o,color:"white"}):(0,Nn.jsx)(Cd,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ar.options=hT;ar.states=xT;ar.variants=gT;ar.defaultOptions=NT;ar.modifiers=kT;var Sd="color-picker",Ad="colorpicker";var Ee=require("react/jsx-runtime"),Ed="k-colorpicker",vT=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],LT={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},Rd={arrowIconName:"caret-alt-down"},Nt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Rd.arrowIconName,prefix:i,suffix:p,value:f,placeholder:T,hover:L,focus:M,valid:y,invalid:h,required:E,disabled:A,valueIconName:G,popup:_,opened:B,adaptive:q,adaptiveSettings:Te,adaptiveTitle:we,adaptiveSubtitle:tt,...bt}=e,ft="colorpicker-popup";return(0,Ee.jsxs)(Ee.Fragment,{children:[(0,Ee.jsxs)(Ut,{...bt,size:t,rounded:o,fillMode:a,hover:L,focus:M,valid:y,invalid:h,required:E,disabled:A,role:"combobox","aria-haspopup":"dialog","aria-expanded":B?"true":"false","aria-controls":B\|\|q?ft:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":A?"true":void 0,className:r(e.className,Ed,"k-icon-picker"),children:[(0,Ee.jsx)(wt,{children:i}),(0,Ee.jsx)(Oo,{placeholder:T,value:f,showValue:!1,valueIcon:(0,Ee.jsx)(ho,{className:"k-value-icon",color:f,iconName:G}),valueIconName:G}),(0,Ee.jsx)(St,{children:p}),(0,Ee.jsx)(m,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:A})]}),B&&_&&(0,Ee.jsx)(be,{id:ft,className:"k-colorpicker-popup",children:_}),q&&(0,Ee.jsx)(Ce,{adaptive:!0,id:ft,...Te,header:(0,Ee.jsx)(at,{actionsEnd:(0,Ee.jsx)(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:we,subtitle:tt}),footer:(0,Ee.jsxs)(xo,{children:[(0,Ee.jsx)(m,{text:"Cancel",size:"large"}),(0,Ee.jsx)(m,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,Ee.jsx)(Me,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Nt.states=vT;Nt.options=LT;Nt.className=Ed;Nt.defaultOptions=Rd;Nt.moduleName=Sd;Nt.folderName=Ad;Nt.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 Co=Nt;var Id=require("react/jsx-runtime"),Wr=e=>(0,Id.jsx)(Co,{...e});var CT=require("react/jsx-runtime");var yT=require("react/jsx-runtime");var MT=require("react/jsx-runtime");var wT=require("react/jsx-runtime");var ST=require("react/jsx-runtime");var AT=require("react/jsx-runtime");var yo=require("react/jsx-runtime"),ET=Co.options,RT=Co.states,Od={...Co.defaultOptions,variant:"color"},IT=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],OT=[{name:"opened",title:"Opened"}],rr=e=>{let{variant:t,modifiers:o,...a}={...Od,...e},l={};Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(l.opened=!!(o!=null&&o[p]),l.popup=o!=null&&o[p]?(0,yo.jsx)(Me,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,yo.jsx)("div",{style:i,children:(0,yo.jsx)(Wr,{...a,...l})});case"icon":return(0,yo.jsx)("div",{style:i,children:(0,yo.jsx)(Wr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return(0,yo.jsx)("div",{style:i,children:(0,yo.jsx)(Wr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};rr.options=ET;rr.states=RT;rr.variants=IT;rr.defaultOptions=Od;rr.modifiers=OT;var gn="combobox",Gd=gn;var le=require("react/jsx-runtime"),Pd="k-combobox",GT=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],PT={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},Hd={separators:!0},lt=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Hd.separators,prefix:i,suffix:p,value:f,placeholder:T,hover:L,focus:M,valid:y,invalid:h,required:E,loading:A,disabled:G,popup:_,opened:B,readonly:q,adaptive:Te,adaptiveSettings:we,adaptiveTitle:tt,adaptiveSubtitle:bt,adaptiveCustomValue:ft,id:Wo,autocomplete:il,activeDescendant:vr,"aria-label":Mm,...wm}=e,Sm=Wo?`${Wo}-listbox`:void 0;return(0,le.jsxs)(le.Fragment,{children:[(0,le.jsxs)(Se,{...wm,size:t,rounded:o,fillMode:a,hover:L,focus:M,valid:y,invalid:h,required:E,loading:A,disabled:G,readonly:q,className:r(e.className,Pd),children:[i&&(0,le.jsxs)(le.Fragment,{children:[(0,le.jsx)(wt,{children:i}),l&&(0,le.jsx)(At,{})]}),(0,le.jsx)(ht,{placeholder:T,value:f,role:"combobox","aria-haspopup":"listbox","aria-expanded":B?"true":"false","aria-controls":B?Sm:void 0,"aria-activedescendant":B&&vr?vr:void 0,"aria-autocomplete":il,"aria-invalid":h?"true":void 0,"aria-busy":A?"true":void 0,"aria-label":Mm,disabled:G,readOnly:q}),(0,le.jsx)(ot,{valid:y,invalid:h,loading:A,disabled:G}),(0,le.jsx)(st,{loading:A,disabled:G}),(0,le.jsx)(Tt,{loading:A,disabled:G,readonly:q,value:f}),p&&(0,le.jsxs)(le.Fragment,{children:[l&&(0,le.jsx)(At,{}),(0,le.jsx)(St,{children:p})]}),(0,le.jsx)(m,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:G})]}),B&&_&&(0,le.jsx)(be,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:_}),Te&&(0,le.jsx)(Ce,{adaptive:!0,id:Wo?`${Wo}-adaptive`:void 0,...we,header:(0,le.jsx)(at,{actionsEnd:(0,le.jsx)(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:f,inputPlaceholder:T,title:tt,subtitle:bt}),children:(0,le.jsx)("div",{className:"k-list-container",children:(0,le.jsx)(te,{customValue:ft?(0,le.jsx)(Lo,{text:`Use "${f}"`}):void 0,size:"large",children:(0,le.jsxs)(de,{"aria-label":tt\|\|"Options",children:[(0,le.jsx)($,{text:"List item"}),(0,le.jsx)($,{text:"List item"}),(0,le.jsx)($,{text:"List item"})]})})})})]})};lt.states=GT;lt.options=PT;lt.className=Pd;lt.defaultOptions=Hd;lt.moduleName=gn;lt.folderName=Gd;lt.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-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 gt=lt;var Dd=require("react/jsx-runtime"),Kd=e=>(0,Dd.jsx)(gt,{...e});var Bd=require("react/jsx-runtime");var _d=require("react/jsx-runtime");var zd=require("react/jsx-runtime");var Ud=require("react/jsx-runtime");var Fd=require("react/jsx-runtime");var $d=require("react/jsx-runtime");var kn=require("react/jsx-runtime");var HT=require("react/jsx-runtime");var KT=require("react/jsx-runtime");var Vd=require("react/jsx-runtime");var Wd=require("react/jsx-runtime");var Bt=require("react/jsx-runtime"),DT=lt.states,BT=lt.defaultOptions,_T=lt.options,zT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],UT=[],lr=e=>{let{modifiers:t,...o}=e,a={},l=(0,Bt.jsx)(te,{style:{width:300},size:o.size,children:(0,Bt.jsxs)(de,{children:[(0,Bt.jsx)($,{children:"List item"}),(0,Bt.jsx)($,{children:"List item"}),(0,Bt.jsx)($,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,Bt.jsx)(u,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,Bt.jsx)(To,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?l:void 0;break;default:break}}),(0,Bt.jsx)("div",{children:(0,Bt.jsx)(Kd,{value:"Value",style:{width:300},...o,...a})})};lr.options=_T;lr.states=DT;lr.variants=UT;lr.defaultOptions=BT;lr.modifiers=zT;var vn="menu-button",Xd=vn;var qd=require("react/jsx-runtime"),Jd="k-menu-button",FT=[s.hover,s.focus,s.active,s.selected,s.disabled],$T={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.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]},Ln={showArrow:!0,arrowIconName:"caret-alt-down"},me=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:p,active:f,selected:T,disabled:L,icon:M,text:y,showArrow:h=Ln.showArrow,arrowIconName:E=Ln.arrowIconName,expanded:A,...G}=e;return(0,qd.jsx)(m,{...G,className:r(e.className,Jd),text:y,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:p,active:f,selected:T,disabled:L,icon:M,showArrow:h,arrowIconName:E,"aria-expanded":A?"true":"false",...!y&&M&&!e["aria-label"]&&{"aria-label":"Menu"},...L&&{"aria-disabled":"true"}})};me.states=FT;me.options=$T;me.className=Jd;me.defaultOptions=Ln;me.moduleName=vn;me.folderName=Xd;me.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 VT=require("react/jsx-runtime");var WT=require("react/jsx-runtime");var XT=require("react/jsx-runtime");var kt="menu",Gt=kt;var oo=require("react/jsx-runtime"),Cn="k-menu-item",JT=[s.hover,s.focus,s.active,s.selected,s.disabled],qT={},Yd={iconPosition:"before"},Qe=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:p,text:f,first:T,last:L,showArrow:M,arrowIconName:y,iconPosition:h=Yd.iconPosition,dir:E,children:A,expanded:G,..._}=e,B=y;return B\|\|(B=E==="rtl"?"caret-alt-left":"caret-alt-right"),(0,oo.jsxs)("li",{..._,className:r(e.className,Cn,"k-item",P(Cn,{focus:o,disabled:i,hover:t,active:a,selected:l}),{"k-first":T,"k-last":L}),role:"menuitem",...M&&{"aria-haspopup":"menu"},...M&&{"aria-expanded":G?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,oo.jsxs)("span",{className:r("k-link k-menu-link"),children:[p&&h==="before"&&(0,oo.jsx)(u,{className:"k-menu-link-icon",icon:p}),(0,oo.jsx)("span",{className:"k-menu-link-text",children:f}),p&&h==="after"&&(0,oo.jsx)(u,{className:"k-menu-link-icon",icon:p}),M&&(0,oo.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,oo.jsx)(u,{icon:B})})]}),A]})};Qe.states=JT;Qe.options=qT;Qe.className=Cn;Qe.defaultOptions=Yd;Qe.moduleName=kt;Qe.folderName=Gt;var ao=require("react/jsx-runtime"),yn="k-menu-item",YT=[s.hover,s.focus,s.active,s.selected,s.disabled],QT={},Mn={dir:"ltr",iconPosition:"before"},Ne=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:p,text:f,first:T,last:L,showArrow:M,arrowIconName:y,iconPosition:h=Mn.iconPosition,dir:E=Mn.dir,children:A,popup:G,expanded:_,...B}=e,q=y;return q\|\|(q=E==="rtl"?"caret-alt-left":"caret-alt-right"),(0,ao.jsxs)("li",{...B,className:r(e.className,yn,"k-item",P(yn,{focus:o,disabled:i}),{"k-first":T,"k-last":L}),role:"menuitem",...M&&{"aria-haspopup":"menu"},...M&&{"aria-expanded":_?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,ao.jsxs)("span",{className:r("k-link k-menu-link",P("k-menu-link",{hover:t,active:a,selected:l,disabled:i})),children:[p&&h==="before"&&(0,ao.jsx)(u,{className:"k-menu-link-icon",icon:p}),(0,ao.jsx)("span",{className:"k-menu-link-text",children:f}),p&&h==="after"&&(0,ao.jsx)(u,{className:"k-menu-link-icon",icon:p}),M&&(0,ao.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,ao.jsx)(u,{icon:q})})]}),A,G]})};Ne.states=YT;Ne.options=QT;Ne.className=yn;Ne.defaultOptions=Mn;Ne.moduleName=kt;Ne.folderName=Gt;var jd=require("react/jsx-runtime"),Qd="k-menu-scroll-wrapper",ZT=[],jT={},eh={},Bo=e=>{let{className:t,children:o,orientation:a,...l}=e;return(0,jd.jsx)("div",{...l,className:r(t,Qd,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Bo.states=ZT;Bo.options=jT;Bo.className=Qd;Bo.defaultOptions=eh;Bo.moduleName=kt;Bo.folderName=Gt;var Zd=Bo;var ze=require("react/jsx-runtime"),wn="k-menu",th=[],oh={},Jr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ue=e=>{let{children:t,orientation:o=Jr.orientation,header:a=Jr.header,scrollable:l,scrollButtonsPosition:i=Jr.scrollButtonsPosition,wrapperStyles:p,dir:f,popup:T,contextMenu:L,...M}=e,y={horizontal:{prev:f!=="rtl"?"left":"right",next:f!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},h=(0,ze.jsx)("ul",{dir:f,...M,className:r(e.className,"k-reset",wn,{[`${wn}-${o}`]:o,"k-header":a}),role:L?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,ze.jsxs)(ze.Fragment,{children:[l?(0,ze.jsxs)(Zd,{orientation:o,style:p,dir:e.dir,children:[i==="start"&&(0,ze.jsxs)(ze.Fragment,{children:[(0,ze.jsx)(m,{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,ze.jsx)(m,{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,ze.jsx)(m,{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,ze.jsxs)(ze.Fragment,{children:[(0,ze.jsx)(m,{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,ze.jsx)(m,{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,ze.jsx)(m,{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,T]})};Ue.states=th;Ue.options=oh;Ue.className=wn;Ue.defaultOptions=Jr;Ue.moduleName=kt;Ue.folderName=Gt;Ue.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[aria-haspopup]",attribute:"aria-haspopup=menu",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-expanded=true/false",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[aria-haspopup][aria-controls]",attribute:"aria-controls=ul.k-menu-group id",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 tc=require("react/jsx-runtime"),Sn="k-separator",ec={orientation:"horizontal"},ia=e=>{let{orientation:t=ec.orientation,...o}=e;return(0,tc.jsx)("li",{...o,className:r(e.className,"k-item",Sn,{[`${Sn}-${t}`]:t}),role:"separator"})};ia.className=Sn;ia.defaultOptions=ec;ia.moduleName=kt;ia.folderName=Gt;var oc=require("react/jsx-runtime");var ac=require("react/jsx-runtime"),An="k-menu-group",ah=[],rh={size:[c.undefined,c.small,c.medium,c.large]},lh={},Ze=e=>{let{children:t,size:o,...a}=e;return(0,ac.jsx)("ul",{...a,className:r(e.className,An,I(An,{size:o})),role:"menu",children:t})};Ze.states=ah;Ze.options=rh;Ze.className=An;Ze.defaultOptions=lh;Ze.moduleName=kt;Ze.folderName=Gt;var _t=require("react/jsx-runtime"),En=e=>(0,_t.jsx)(Ue,{children:(0,_t.jsxs)(_t.Fragment,{children:[(0,_t.jsx)(Qe,{first:!0,text:"Item 1"}),(0,_t.jsx)(Qe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,_t.jsx)(Qe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,_t.jsx)(Qe,{text:"Item 4"}),(0,_t.jsx)(Qe,{last:!0,text:"Item 5"})]}),...e});var Rn=require("react/jsx-runtime");var In=require("react/jsx-runtime");var On=require("react/jsx-runtime");var Gn=require("react/jsx-runtime");var Jt=require("react/jsx-runtime"),nh=Ue.options,sh=Ue.states,rc={...Ue.defaultOptions,variant:"horizontal"},ih=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],dh=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],nr=e=>{let{variant:t,modifiers:o,...a}={...rc,...e},l={};return Object.keys(o\|\|{}).forEach(i=>{switch(i){case"scrollable":l.scrollable=!!(o!=null&&o[i]);break;case"opened":l.opened=!!(o!=null&&o[i]),l.popup=(0,Jt.jsx)(be,{className:"k-menu-popup",children:(0,Jt.jsxs)(Ze,{children:[(0,Jt.jsx)(Ne,{text:"Item 1"}),(0,Jt.jsx)(Ne,{text:"Item 2"}),(0,Jt.jsx)(ia,{}),(0,Jt.jsx)(Ne,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Jt.jsx)(En,{...a,...l,orientation:"vertical",style:{width:"200px"}}):(0,Jt.jsx)(En,{...a,...l})};nr.options=nh;nr.states=sh;nr.variants=ih;nr.defaultOptions=rc;nr.modifiers=dh;var Pn=require("react/jsx-runtime");var ch=require("react/jsx-runtime");var je=require("react/jsx-runtime"),ph=m.states,lc={...m.defaultOptions,variant:"text"},mh=m.options,uh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],bh=[{name:"opened",title:"Opened"}],sr=e=>{let{variant:t,modifiers:o,...a}={...lc,...e},l={},i=(0,je.jsx)(be,{className:"k-menu-popup",children:(0,je.jsxs)(Ze,{size:a.size,children:[(0,je.jsx)(Ne,{first:!0,text:"Menu Item"}),(0,je.jsx)(Ne,{text:"Menu Item"}),(0,je.jsx)(Ne,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=(0,je.jsx)("div",{children:(0,je.jsx)(me,{...a,...l,icon:"star"})});break;case"icon-and-text":p=(0,je.jsx)("div",{children:(0,je.jsx)(me,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:p=(0,je.jsx)("div",{children:(0,je.jsx)(me,{...a,...l,children:"Dropdown Button"})});break}return(0,je.jsxs)(je.Fragment,{children:[p,(o==null?void 0:o.opened)&&i]})};sr.options=mh;sr.states=ph;sr.variants=uh;sr.defaultOptions=lc;sr.modifiers=bh;var Hn="split-button",nc=Hn;var ro=require("react/jsx-runtime"),Kn="k-split-button",fh=[s.hover,s.focus,s.active,s.selected,s.disabled],Th={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.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]},sc={arrowIconName:"caret-alt-down"},oe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:p,active:f,selected:T,disabled:L,icon:M,text:y,arrowIconName:h=sc.arrowIconName,popup:E,opened:A,popupId:G,..._}=e;return(0,ro.jsxs)(ro.Fragment,{children:[(0,ro.jsxs)("div",{..._,className:r(e.className,Kn,"k-button-group",I(Kn,{rounded:o})),children:[(0,ro.jsx)(m,{text:y,icon:M,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:p,active:f,selected:T,disabled:L,...!y&&!e.children&&M&&{"aria-label":"Action"},children:e.children}),(0,ro.jsx)(m,{className:"k-split-button-arrow",icon:h,size:t,rounded:o,fillMode:a,disabled:L,"aria-label":"Toggle dropdown","aria-expanded":A?"true":"false","aria-controls":A?G:void 0,tabIndex:-1,...L&&{"aria-disabled":"true"}})]}),A&&E&&(0,ro.jsx)(be,{className:"k-menu-popup",children:E})]})};oe.states=fh;oe.options=Th;oe.className=Kn;oe.defaultOptions=sc;oe.moduleName=Hn;oe.folderName=nc;oe.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 Dn=oe;var ic=require("react/jsx-runtime"),hh="k-toolbar-separator",zt=e=>(0,ic.jsx)("div",{className:r(hh,e.className,"k-separator")});var lo="toolbar",Mo=lo;var U=require("react/jsx-runtime"),no="k-toolbar",xh=[s.focus],Nh={size:[c.undefined,c.small,c.medium,c.large],fillMode:[C.undefined,C.solid,C.outline,C.flat]},gh={scrollButtons:"around"},ne=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:i,scrollButtons:p,scrollingPosition:f,section:T,...L}=e,M=[],y=(h,E)=>{let A=[];if(h.type===m&&h.props.className&&h.props.className.includes("k-toolbar-overflow-button"))A.push((0,U.jsx)(m,{...h.props,className:`${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===m)A.push((0,U.jsx)(m,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===wa)A.push((0,U.jsx)(wa,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===To)A.push((0,U.jsx)(To,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===me)A.push((0,U.jsx)(me,{...h.props,className:`k-toolbar-menu-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===Dn)A.push((0,U.jsx)(Dn,{...h.props,className:`k-toolbar-split-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===F\|\|h.props.className&&h.props.className.includes("k-button-group")){let G=[];(Array.isArray(h.props.children)?h.props.children:[h.props.children]).forEach((B,q)=>{G.push((0,U.jsx)(m,{...B.props,className:`${B.props.className?B.props.className:""}`},`${q}-${new Date().getTime()}`))}),A.push((0,U.jsx)(F,{...h.props,className:`k-toolbar-button-group ${h.props.className?h.props.className:""}`,children:G},`${E}-${new Date().getTime()}`))}else h.type===lt?A.push((0,U.jsx)(lt,{...h.props,className:`k-toolbar-combobox ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`)):h.type===pe?A.push((0,U.jsx)(pe,{...h.props,className:`k-toolbar-dropdownlist ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`)):h.type===Nt?A.push((0,U.jsx)(Nt,{...h.props,className:`k-toolbar-colorpicker ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`)):A.push(h);A.forEach(G=>{M.push(G)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((E,A)=>{y(E,A)}),(0,U.jsxs)("div",{...L,className:r(e.className,no,I(no,{size:t,fillMode:o}),P(no,{focus:a}),{[`${no}-resizable`]:l,[`${no}-scrollable`]:i,[`${no}-scrollable-overlay`]:i&&p==="hidden",[`${no}-scrollable-${f}`]:f&&f!=="both",[`${no}-section`]:T}),role:"toolbar","aria-label":"Toolbar",children:[!i&&M,i&&p==="hidden"&&(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:M}),i&&p==="start"&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)(F,{children:[(0,U.jsx)("span",{className:r("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,U.jsx)("span",{className:r("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,U.jsx)(zt,{className:"k-toolbar-button-separator"}),(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:M})]}),i&&p==="end"&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:M}),(0,U.jsx)(zt,{className:"k-toolbar-button-separator"}),(0,U.jsxs)(F,{children:[(0,U.jsx)("span",{className:r("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,U.jsx)("span",{className:r("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),i&&(p==="around"\|\|!p)&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("span",{className:r("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,U.jsx)(zt,{className:"k-toolbar-button-separator"}),(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:M}),(0,U.jsx)(zt,{className:"k-toolbar-button-separator"}),(0,U.jsx)("span",{className:r("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};ne.states=xh;ne.options=Nh;ne.className=no;ne.defaultOptions=gh;ne.moduleName=lo;ne.folderName=Mo;ne.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"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id",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[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",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"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id",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[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the section toggle button."}]};var cc=require("react/jsx-runtime"),dc="k-floating-toolbar",kh=[],vh={},Lh={},da=e=>{let{...t}=e;return(0,cc.jsx)("div",{...t,className:r(e.className,dc),children:e.children})};da.states=kh;da.options=vh;da.className=dc;da.defaultOptions=Lh;da.moduleName=lo;da.folderName=Mo;var pc=require("react/jsx-runtime"),Bn="k-toolbar-item",Ch=[s.focus],yh={},Mh={},ca=e=>{let{focus:t,...o}=e;return(0,pc.jsx)("div",{...o,className:r(e.className,Bn,P(Bn,{focus:t})),children:e.children})};ca.states=Ch;ca.options=yh;ca.className=Bn;ca.defaultOptions=Mh;ca.moduleName=lo;ca.folderName=Mo;var _n=require("react/jsx-runtime"),mc="k-toolbar-popup",wh=[],Sh={size:[c.undefined,c.small,c.medium,c.large],fillMode:[C.undefined,C.solid,C.outline,C.flat]},Ah={},_o=e=>{let{size:t,fillMode:o,section:a,...l}=e;return(0,_n.jsx)(be,{...l,className:r(e.className,mc),children:a?(0,_n.jsx)("span",{className:r("k-toolbar-items-list",I("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};_o.states=wh;_o.options=Sh;_o.className=mc;_o.defaultOptions=Ah;_o.moduleName=lo;_o.folderName=Mo;var qr=_o;var Eh=require("react/jsx-runtime");var Rh=require("react/jsx-runtime");var Ih=require("react/jsx-runtime");var uc=require("react/jsx-runtime");var Oh=require("react/jsx-runtime");var Pt=require("react/jsx-runtime"),Gh=oe.states,bc={...oe.defaultOptions,variant:"text"},Ph=oe.options,Hh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Kh=[{name:"opened",title:"Opened"}],ir=e=>{let{variant:t,modifiers:o,...a}={...bc,...e},l={},i=(0,Pt.jsxs)(Ze,{size:a.size,children:[(0,Pt.jsx)(Ne,{first:!0,text:"Menu Item"}),(0,Pt.jsx)(Ne,{text:"Menu Item"}),(0,Pt.jsx)(Ne,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(l.opened=!!(o!=null&&o[p]),l.popup=o!=null&&o[p]?i:"")}),t){case"icon-only":return(0,Pt.jsx)("div",{children:(0,Pt.jsx)(oe,{...a,...l,icon:"star"})});case"icon-and-text":return(0,Pt.jsx)("div",{children:(0,Pt.jsx)(oe,{...a,...l,icon:"star",children:"Split Button"})});default:return(0,Pt.jsx)("div",{children:(0,Pt.jsx)(oe,{...a,...l,children:"Split Button"})})}};ir.options=Ph;ir.states=Gh;ir.variants=Hh;ir.defaultOptions=bc;ir.modifiers=Kh;var qt=require("react/jsx-runtime"),fc=e=>(0,qt.jsx)(ne,{children:[(0,qt.jsx)(m,{children:"Button"},"toolbar-button"),(0,qt.jsx)(me,{text:"Menu button"},"toolbar-menu-button"),(0,qt.jsx)(oe,{children:"Split button"},"toolbar-split-button"),(0,qt.jsxs)(F,{children:[(0,qt.jsx)(m,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,qt.jsx)(m,{icon:"align-center",children:"Center"}),(0,qt.jsx)(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Tc=require("react/jsx-runtime");var Fe=require("react/jsx-runtime"),hc=e=>(0,Fe.jsx)(ne,{scrollable:!0,...e,children:[(0,Fe.jsx)(m,{children:"Button"},"toolbar-button"),(0,Fe.jsx)(me,{text:"Menu button"},"toolbar-menu-button"),(0,Fe.jsx)(oe,{children:"Split button"},"toolbar-split-button"),(0,Fe.jsxs)(F,{children:[(0,Fe.jsx)(m,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Fe.jsx)(m,{icon:"align-center",children:"Center"}),(0,Fe.jsx)(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Fe.jsx)(m,{children:"Button"},"toolbar-button"),(0,Fe.jsx)(me,{text:"Menu button"},"toolbar-menu-button"),(0,Fe.jsx)(oe,{children:"Split button"},"toolbar-split-button"),(0,Fe.jsxs)(F,{children:[(0,Fe.jsx)(m,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Fe.jsx)(m,{icon:"align-center",children:"Center"}),(0,Fe.jsx)(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var $e=require("react/jsx-runtime"),xc=({scrollingPosition:e="start",...t})=>(0,$e.jsx)(ne,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,$e.jsx)(m,{children:"Button"},"toolbar-button"),(0,$e.jsx)(me,{text:"Menu button"},"toolbar-menu-button"),(0,$e.jsx)(oe,{children:"Split button"},"toolbar-split-button"),(0,$e.jsxs)(F,{children:[(0,$e.jsx)(m,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,$e.jsx)(m,{icon:"align-center",children:"Center"}),(0,$e.jsx)(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,$e.jsx)(m,{children:"Button"},"toolbar-button"),(0,$e.jsx)(me,{text:"Menu button"},"toolbar-menu-button"),(0,$e.jsx)(oe,{children:"Split button"},"toolbar-split-button"),(0,$e.jsxs)(F,{children:[(0,$e.jsx)(m,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,$e.jsx)(m,{icon:"align-center",children:"Center"}),(0,$e.jsx)(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var ge=require("react/jsx-runtime"),Nc=({fillMode:e,size:t,...o})=>(0,ge.jsxs)(ge.Fragment,{children:[(0,ge.jsx)(ne,{section:!0,fillMode:e,size:t,children:[(0,ge.jsx)(m,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,ge.jsxs)(F,{fillMode:e,children:[(0,ge.jsx)(m,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,ge.jsx)(m,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,ge.jsx)(m,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,ge.jsx)(zt,{className:"k-toolbar-button-separator"}),(0,ge.jsx)(m,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,ge.jsxs)(qr,{size:t,fillMode:e,section:!0,...o,children:[(0,ge.jsx)(oe,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,ge.jsx)(m,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,ge.jsx)(zt,{}),(0,ge.jsx)(me,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,ge.jsxs)(F,{fillMode:e,children:[(0,ge.jsx)(m,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,ge.jsx)(m,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,ge.jsx)(m,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var zn=require("react/jsx-runtime");var Un=require("react/jsx-runtime");var so=require("react/jsx-runtime"),Dh=ne.options,Bh=ne.states,gc={...ne.defaultOptions,variant:"default"},_h=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],zh=[],dr=e=>{let{variant:t,...o}={...gc,...e};switch(t){case"responsive":return(0,so.jsx)("div",{children:(0,so.jsx)(Nc,{style:{width:"583px"},...o})});case"overlay":return(0,so.jsx)("div",{children:(0,so.jsx)(xc,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,so.jsx)("div",{children:(0,so.jsx)(hc,{style:{width:"583px"},...o})});default:return(0,so.jsx)("div",{children:(0,so.jsx)(fc,{style:{width:"583px"},...o})})}};dr.options=Dh;dr.states=Bh;dr.variants=_h;dr.defaultOptions=gc;dr.modifiers=zh;var vc=require("react/jsx-runtime"),kc="k-gantt-header",pa=e=>(0,vc.jsx)(ne,{...e,className:r(e.className,kc,"k-gantt-toolbar"),children:e.children});pa.className=kc;pa.moduleName=se;pa.folderName=ie;var Cc=require("react/jsx-runtime"),Lc="k-gantt-footer",ma=e=>(0,Cc.jsx)(ne,{...e,className:r(e.className,Lc,"k-gantt-toolbar"),children:e.children});ma.className=Lc;ma.moduleName=se;ma.folderName=ie;var Mc=require("react/jsx-runtime"),yc="k-gantt-content",ua=e=>(0,Mc.jsx)("div",{...e,className:r(e.className,yc),children:e.children});ua.className=yc;ua.moduleName=se;ua.folderName=ie;var Sc=require("react/jsx-runtime"),wc="k-gantt-tables",ba=e=>(0,Sc.jsx)("div",{...e,className:r(e.className,wc),children:e.children});ba.className=wc;ba.moduleName=se;ba.folderName=ie;var Ve="table",et=Ve;var Ec=require("react/jsx-runtime"),Ac="k-data-table",Uh=[],Fh={size:[c.undefined,c.small,c.medium,c.large]},$h={},io=e=>{let{size:t,...o}=e;return(0,Ec.jsx)("div",{...o,className:r(e.className,Ac,I("k-table",{size:t})),children:e.children})};io.states=Uh;io.options=Fh;io.className=Ac;io.defaultOptions=$h;io.moduleName=Ve;io.folderName=et;var Rc=require("react/jsx-runtime"),Fn="k-table-header-wrap",Vh=[s.hover,s.focus,s.disabled],Wh={},Xh={},wo=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return(0,Rc.jsx)("div",{...i,className:r(e.className,Fn,P(Fn,{hover:o,focus:a,disabled:l})),children:t})};wo.states=Vh;wo.options=Wh;wo.className=Fn;wo.defaultOptions=Xh;wo.moduleName=Ve;wo.folderName=et;var Ic=require("react/jsx-runtime"),$n="k-table",Jh=[],qh={size:[c.undefined,c.small,c.medium,c.large]},Yh={},ke=e=>{let{size:t,...o}=e;return(0,Ic.jsx)("table",{...o,className:r(e.className,$n,I($n,{size:t})),children:e.children})};ke.states=Jh;ke.options=qh;ke.className=$n;ke.defaultOptions=Yh;ke.moduleName=Ve;ke.folderName=et;var Yr=require("react/jsx-runtime"),Vn="k-table-header",Qh=[s.hover,s.focus,s.disabled],Zh={},jh={},co=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return(0,Yr.jsx)("div",{...i,className:r(e.className,Vn,P(Vn,{hover:o,focus:a,disabled:l})),children:(0,Yr.jsx)(wo,{children:(0,Yr.jsx)(ke,{children:t})})})};co.states=Qh;co.options=Zh;co.className=Vn;co.defaultOptions=jh;co.moduleName=Ve;co.folderName=et;var Gc=require("react/jsx-runtime"),Oc="k-table-scroller",ex=[],tx={},ox={},fa=e=>{let{children:t,...o}=e;return(0,Gc.jsx)("div",{...o,className:r(e.className,Oc),children:t})};fa.states=ex;fa.options=tx;fa.className=Oc;fa.defaultOptions=ox;fa.moduleName=Ve;fa.folderName=et;var ax=require("react/jsx-runtime");var Hc=require("react/jsx-runtime"),Pc="k-table-footer",rx=[],lx={},nx={},So=e=>{let{children:t,...o}=e;return(0,Hc.jsx)("div",{...o,className:r(e.className,Pc),children:t})};So.states=rx;So.options=lx;So.className=Pc;So.defaultOptions=nx;So.moduleName=Ve;So.folderName=et;var Kc=require("react/jsx-runtime"),Wn="k-table-list",sx=[],ix={size:[c.undefined,c.small,c.medium,c.large]},dx={},Ao=e=>{let{size:t,virtualization:o,...a}=e;return(0,Kc.jsx)("ul",{...a,className:r(e.className,"k-table",Wn,I(Wn,{size:t}),{"k-virtual-table":o}),children:e.children})};Ao.states=sx;Ao.options=ix;Ao.className=Wn;Ao.defaultOptions=dx;Ao.moduleName=Ve;Ao.folderName=et;var Dc=require("react/jsx-runtime"),cx="k-table-thead",V=e=>(0,Dc.jsx)("thead",{className:r(e.className,cx),children:e.children});var Bc=require("react/jsx-runtime"),px="k-table-tbody",W=e=>(0,Bc.jsx)("tbody",{className:r(e.className,px),children:e.children});var mx=require("react/jsx-runtime");var _c=require("react/jsx-runtime"),Xn="k-table-row",ux=[s.hover,s.focus,s.selected,s.disabled,s.highlighted],N=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:i,alt:p,...f}=e;return(0,_c.jsx)("tr",{...f,className:r(e.className,Xn,{"k-table-alt-row":p},P(Xn,{hover:t,focus:o,disabled:i,selected:a,highlighted:l})),children:e.children})};N.states=ux;N.className=Xn;var zc=require("react/jsx-runtime"),Jn="k-table-row",bx=[s.hover,s.focus,s.selected,s.disabled],Qr=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:i,...p}=e;return(0,zc.jsx)("li",{...p,className:r(e.className,Jn,{"k-table-alt-row":i},P(Jn,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};Qr.states=bx;Qr.className=Jn;var Fc=require("react/jsx-runtime"),Uc="k-table-th",po=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,i=t\|\|e.children;return(0,Fc.jsx)("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,Uc),children:i})};po.className=Uc;po.moduleName=Ve;po.folderName=et;var fx=require("react/jsx-runtime");var $c=require("react/jsx-runtime"),qn="k-table-td",Tx=[s.focus,s.selected,s.highlighted],n=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:i,rowspan:p,...f}=e,T=l\|\|e.children;return(0,$c.jsx)("td",{colSpan:i,rowSpan:p,...f,className:r(e.className,qn,P(qn,{focus:t,selected:o,highlighted:a})),children:T})};n.states=Tx;n.className=qn;var hx=require("react/jsx-runtime");var xx=require("react/jsx-runtime");var Nx=require("react/jsx-runtime");var gx=require("react/jsx-runtime");var kx=require("react/jsx-runtime");var Wc=require("react/jsx-runtime");var Xc=require("react/jsx-runtime");var Jc=require("react/jsx-runtime");var Yn=require("react/jsx-runtime");var Yc=require("react/jsx-runtime"),qc="k-gantt-columns",Ta=e=>(0,Yc.jsx)(ke,{...e,className:r(e.className,qc),children:e.children});Ta.className=qc;Ta.moduleName=se;Ta.folderName=ie;var Zc=require("react/jsx-runtime"),Qc="k-gantt-rows",ha=e=>(0,Zc.jsx)(ke,{...e,className:r(e.className,Qc),children:e.children});ha.className=Qc;ha.moduleName=se;ha.folderName=ie;var ep=require("react/jsx-runtime"),jc="k-gantt-tasks",xa=e=>(0,ep.jsx)(ke,{...e,className:r(e.className,jc),children:e.children});xa.className=jc;xa.moduleName=se;xa.folderName=ie;var ap=require("react/jsx-runtime"),tp="k-task",yx=[],Mx={},op={type:"single"},vt=e=>{let{type:t=op.type,...o}=e;return(0,ap.jsx)("div",{...o,className:r(e.className,tp,{"k-task-single":t==="single","k-task-milestone":t==="milestone","k-task-summary":t==="summary"})})};vt.states=yx;vt.options=Mx;vt.className=tp;vt.defaultOptions=op;vt.moduleName=se;vt.folderName=ie;var np=require("react/jsx-runtime"),rp="k-task-wrap",wx=[],Sx={},lp={type:"single"},Lt=e=>{let{type:t=lp.type,...o}=e;return(0,np.jsx)("div",{...o,className:r(e.className,rp,{"k-milestone-wrap":t==="milestone","k-summary-wrap":t==="summary"})})};Lt.states=wx;Lt.options=Sx;Lt.className=rp;Lt.defaultOptions=lp;Lt.moduleName=se;Lt.folderName=ie;var dp=require("react/jsx-runtime"),sp="k-task-dot",Ax=[],Ex={},ip={position:"start"},Pe=e=>{let{position:t=ip.position,...o}=e;return(0,dp.jsx)("div",{...o,className:r(e.className,sp,{"k-task-start":t==="start","k-task-end":t==="end"})})};Pe.states=Ax;Pe.options=Ex;Pe.className=sp;Pe.defaultOptions=ip;Pe.moduleName=se;Pe.folderName=ie;var mo=require("react/jsx-runtime"),cp="k-task-content",Rx=[],Ix={},Ox={},Yt=e=>{let{content:t,...o}=e;return(0,mo.jsxs)("div",{...o,className:r(e.className,cp),children:[t&&(0,mo.jsx)("div",{className:"k-task-template",children:t}),(0,mo.jsx)("span",{className:"k-task-actions",children:(0,mo.jsx)("a",{className:"k-link k-task-delete",children:(0,mo.jsx)(u,{icon:"x"})})}),(0,mo.jsx)("span",{className:"k-resize-handle k-resize-w"}),(0,mo.jsx)("span",{className:"k-resize-handle k-resize-e"})]})};Yt.states=Rx;Yt.options=Ix;Yt.className=cp;Yt.defaultOptions=Ox;Yt.moduleName=se;Yt.folderName=ie;var up=require("react/jsx-runtime"),pp="k-gantt-line",Gx=[],Px={},mp={orientation:"horizontal"},ve=e=>{let{orientation:t=mp.orientation,...o}=e;return(0,up.jsx)("div",{...o,className:r(e.className,pp,{"k-gantt-line-h":t==="horizontal","k-gantt-line-v":t==="vertical"})})};ve.states=Gx;ve.options=Px;ve.className=pp;ve.defaultOptions=mp;ve.moduleName=se;ve.folderName=ie;var j="grid",ae=j;var jr=require("react/jsx-runtime"),Zr="k-grid",Hx=[],Kx={size:[c.undefined,c.small,c.medium,c.large]},Dx=[],bp={pagerPosition:"bottom"},Y=e=>{let{size:t,pagerPosition:o=bp.pagerPosition,toolbar:a,pager:l,groupingHeader:i,gridSelectionAggregates:p,_renderAriaRoot:f,resizable:T,...L}=e;return(0,jr.jsxs)("div",{...L,className:r(e.className,Zr,{[`${Zr}-resizable`]:T},I(Zr,{size:t})),children:[a,o==="top"&&l,i,e.children&&f?(0,jr.jsx)("div",{className:"k-grid-aria-root",children:e.children}):e.children,p,o==="bottom"&&l]})};Y.states=Hx;Y.options=Kx;Y.variants=Dx;Y.className=Zr;Y.defaultOptions=bp;Y.moduleName=j;Y.folderName=ae;var Tp=require("react/jsx-runtime"),fp="k-grid-header",X=e=>{let{draggable:t,...o}=e;return(0,Tp.jsx)("div",{...o,className:r(e.className,fp,{"k-grid-draggable-header":t}),children:e.children})};X.className=fp;X.moduleName=j;X.folderName=ae;var cr=require("react/jsx-runtime"),hp="k-grouping-header",Eo=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,cr.jsxs)("div",{...a,className:r(e.className,hp),children:[o&&(0,cr.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,cr.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};Eo.className=hp;Eo.moduleName=j;Eo.folderName=ae;var Np=require("react/jsx-runtime"),xp="k-grid-pinned-container",Qn=e=>{let{position:t,...o}=e;return(0,Np.jsx)("div",{...o,className:r(e.className,xp,{"k-pos-bottom":t==="bottom"}),children:e.children})};Qn.className=xp;Qn.moduleName=j;Qn.folderName=ae;var kp=require("react/jsx-runtime"),gp="k-grid-sticky-container",Zn=e=>{let{position:t,...o}=e;return(0,kp.jsx)("div",{...o,className:r(e.className,gp,{"k-pos-bottom":t==="bottom"}),children:e.children})};Zn.className=gp;Zn.moduleName=j;Zn.folderName=ae;var Lp=require("react/jsx-runtime"),vp="k-grid-header-table",J=e=>(0,Lp.jsx)(ke,{...e,className:r(e.className,vp),children:e.children});J.className=vp;J.moduleName=j;J.folderName=ae;var Ct=require("react/jsx-runtime"),jn="k-header",Bx=[s.hover,s.focus,s.active],Cp={sortIcon:"sort-asc-small"},w=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:i,columnTitle:p,hover:f,focus:T,active:L,sortIcon:M=Cp.sortIcon,sortOrder:y,accessibleLabel:h,...E}=e;return(0,Ct.jsxs)(po,{...E,className:r(e.className,jn,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":i},P(jn,{hover:f,focus:T,active:L})),children:[p&&(0,Ct.jsxs)("span",{className:"k-cell-inner",children:[(0,Ct.jsxs)("span",{className:"k-link",children:[(0,Ct.jsx)("span",{className:"k-column-title",children:p}),o&&(0,Ct.jsx)("span",{className:"k-sort-icon",children:(0,Ct.jsx)(u,{icon:M})}),y&&(0,Ct.jsx)("span",{className:"k-sort-order",children:y})]}),t&&(0,Ct.jsx)("a",{href:"#",className:r("k-grid-header-menu",{"k-active":L,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,Ct.jsx)(u,{icon:t==="filter"?"filter":"more-vertical"})})]}),!p&&h&&(0,Ct.jsx)("span",{className:"k-sr-only",children:h}),e.children,i&&(0,Ct.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};w.states=Bx;w.className=jn;w.defaultOptions=Cp;w.moduleName=j;w.folderName=ae;var Mp=require("react/jsx-runtime"),yp="k-grid-container",re=e=>(0,Mp.jsx)("div",{...e,className:r(e.className,yp),children:e.children});re.className=yp;re.moduleName=j;re.folderName=ae;var Sp=require("react/jsx-runtime"),wp="k-grid-content",Z=e=>(0,Sp.jsx)("div",{...e,className:r(e.className,wp),children:e.children});Z.className=wp;Z.moduleName=j;Z.folderName=ae;var Ep=require("react/jsx-runtime"),Ap="k-grid-table",ee=e=>(0,Ep.jsx)(ke,{...e,className:r(e.className,Ap),children:e.children});ee.className=Ap;ee.moduleName=j;ee.folderName=ae;var Ip=require("react/jsx-runtime"),Rp="k-grid-footer",es=e=>(0,Ip.jsx)("div",{...e,className:r(e.className,Rp),children:e.children});es.className=Rp;es.moduleName=j;es.folderName=ae;var Gp=require("react/jsx-runtime"),Op="k-grid-footer-table",ts=e=>(0,Gp.jsx)(ke,{...e,className:r(e.className,Op),children:e.children});ts.className=Op;ts.moduleName=j;ts.folderName=ae;var os="pager",Pp=os;var ue=require("react/jsx-runtime"),el="k-pager",_x=[s.focus,s.disabled],zx={size:[c.undefined,c.small,c.medium,c.large]},yt={responsive:!0,pagerSizeInfo:!0,pageTitleInfo:!0,maxPagesInfo:!0,type:"numeric",pageSizes:!0,refresh:!0,previousNext:!0,info:"1 - 5 of 20 items",itemsPerPage:5,maxPages:6,currentPage:1},Le=e=>{let{responsive:t=yt.responsive,size:o,pagerSizeInfo:a=yt.pagerSizeInfo,pageTitleInfo:l=yt.pageTitleInfo,maxPagesInfo:i=yt.maxPagesInfo,itemsPerPage:p=yt.itemsPerPage,maxPages:f=yt.maxPages,currentPage:T=yt.currentPage,previousNext:L=yt.previousNext,type:M=yt.type,pageSizes:y=yt.pageSizes,refresh:h=yt.refresh,info:E=yt.info,focus:A,disabled:G,dir:_,...B}=e,q=[],Te=[];for(let we=1;we<=f;we++)q.push((0,ue.jsx)(m,{selected:we===T,fillMode:"flat",themeColor:"primary",size:o,children:we})),Te.push((0,ue.jsx)("option",{selected:we===T,children:we}));return(0,ue.jsxs)("div",{dir:_,...B,className:r(e.className,el,I(el,{size:o}),P(el,{focus:A,disabled:G}),{"k-pager-responsive":t}),children:[(0,ue.jsxs)("div",{className:r("k-pager-numbers-wrap"),children:[L&&(0,ue.jsxs)(ue.Fragment,{children:[(0,ue.jsx)(m,{className:r("k-pager-nav","k-pager-first"),disabled:T===1&&!G,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),(0,ue.jsx)(m,{className:r("k-pager-nav"),disabled:T===1&&!G,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-right":"caret-alt-left"})]}),M==="numeric"&&(0,ue.jsx)("div",{className:r("k-pager-numbers"),children:q}),M==="input"&&(0,ue.jsxs)("span",{className:r("k-pager-input"),children:[l&&(0,ue.jsx)("span",{children:"Page"}),(0,ue.jsx)(Q,{value:`${T}`,size:o,showSpinButton:!1,showClearButton:!1}),(0,ue.jsx)("span",{children:i&&`of ${f}`})]}),L&&(0,ue.jsxs)(ue.Fragment,{children:[(0,ue.jsx)(m,{className:r("k-pager-nav"),disabled:T===f&&!G,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-left":"caret-alt-right"}),(0,ue.jsx)(m,{className:r("k-pager-nav","k-pager-last"),disabled:T===f&&!G,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),y&&(0,ue.jsxs)("span",{className:r("k-pager-sizes"),children:[(0,ue.jsx)(pe,{value:`${p}`,size:o}),a&&(0,ue.jsx)("span",{children:"items per page"})]}),h&&(0,ue.jsx)(m,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),E&&(0,ue.jsx)("span",{className:r("k-pager-info"),children:E})]})};Le.states=_x;Le.options=zx;Le.className=el;Le.defaultOptions=yt;Le.moduleName=os;Le.folderName=Pp;var Ux=require("react/jsx-runtime");var Fx=require("react/jsx-runtime");var $x=require("react/jsx-runtime");var as=require("react/jsx-runtime"),Vx=Le.options,Wx=Le.states,Xx={...Le.defaultOptions,variant:"numeric"},Jx=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],qx=[],pr=e=>{let{variant:t,...o}=e;return t==="input"?(0,as.jsx)(Le,{...o,type:"input"}):(0,as.jsx)(Le,{...o,type:"numeric"})};pr.options=Vx;pr.states=Wx;pr.variants=Jx;pr.defaultOptions=Xx;pr.modifiers=qx;var Kp=require("react/jsx-runtime"),Hp="k-grid-pager",Qt=e=>(0,Kp.jsx)(Le,{...e,className:r(e.className,Hp),children:e.children});Qt.className=Hp;Qt.moduleName=j;Qt.folderName=ae;var Bp=require("react/jsx-runtime"),Dp="k-grid-toolbar",uo=e=>(0,Bp.jsx)(ne,{...e,className:r(e.className,Dp),children:e.children});uo.className=Dp;uo.moduleName=j;uo.folderName=ae;var Na=require("react/jsx-runtime"),rs="k-grid-stack-cell",Yx=[s.focus,s.selected],tl=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:i,focus:p,selected:f,...T}=e;return(0,Na.jsxs)("div",{...T,className:r(e.className,rs,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":i},P(rs,{focus:p,selected:f})),children:[i&&(0,Na.jsx)("span",{className:"k-dirty"}),t&&(0,Na.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,Na.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};tl.states=Yx;tl.className=rs;tl.moduleName=j;tl.folderName=ae;var zp=require("react/jsx-runtime"),_p="k-grid-stack-row",ol=e=>{let{cols:t,...o}=e;return(0,zp.jsx)("div",{...o,className:r(e.className,_p,{[`k-grid-cols-${t}`]:t}),children:e.children})};ol.className=_p;ol.moduleName=j;ol.folderName=ae;var ls=require("react/jsx-runtime");var ns=require("react/jsx-runtime");var ss=require("react/jsx-runtime");var v=require("react/jsx-runtime"),Up=({contentClassName:e,...t})=>(0,v.jsx)(Y,{_renderAriaRoot:!0,pager:(0,v.jsx)(Qt,{refresh:!1}),children:(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(X,{children:(0,v.jsx)("div",{className:"k-grid-header-wrap",children:(0,v.jsxs)(J,{children:[(0,v.jsxs)("colgroup",{children:[(0,v.jsx)("col",{}),(0,v.jsx)("col",{style:{width:"225px"}}),(0,v.jsx)("col",{}),(0,v.jsx)("col",{}),(0,v.jsx)("col",{})]}),(0,v.jsxs)(V,{children:[(0,v.jsxs)(N,{children:[(0,v.jsx)(w,{rowspan:1,colspan:1,columnTitle:"Product Id"}),(0,v.jsx)(w,{rowspan:1,colspan:1,columnTitle:"Name"}),(0,v.jsx)(w,{rowspan:1,colspan:1,columnTitle:"Quantity"}),(0,v.jsx)(w,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),(0,v.jsx)(w,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),(0,v.jsxs)(N,{className:"k-filter-row",children:[(0,v.jsx)(n,{children:(0,v.jsx)("div",{className:"k-filtercell",children:(0,v.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,v.jsx)(Q,{}),(0,v.jsxs)("div",{className:"k-filtercell-operator",children:[(0,v.jsx)(pe,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,v.jsx)(m,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,v.jsx)(n,{children:(0,v.jsx)("div",{className:"k-filtercell",children:(0,v.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,v.jsx)(ce,{}),(0,v.jsxs)("div",{className:"k-filtercell-operator",children:[(0,v.jsx)(pe,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,v.jsx)(m,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,v.jsx)(n,{children:(0,v.jsx)("div",{className:"k-filtercell",children:(0,v.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,v.jsx)(ce,{}),(0,v.jsxs)("div",{className:"k-filtercell-operator",children:[(0,v.jsx)(pe,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,v.jsx)(m,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,v.jsx)(n,{children:(0,v.jsx)("div",{className:"k-filtercell",children:(0,v.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,v.jsx)(Q,{}),(0,v.jsxs)("div",{className:"k-filtercell-operator",children:[(0,v.jsx)(pe,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,v.jsx)(m,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,v.jsx)(n,{children:(0,v.jsx)("div",{className:"k-filtercell",children:(0,v.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,v.jsx)(pe,{}),(0,v.jsx)("div",{className:"k-filtercell-operator",children:(0,v.jsx)(m,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),(0,v.jsx)(re,{children:(0,v.jsx)(Z,{className:e,children:(0,v.jsxs)(ee,{children:[(0,v.jsxs)("colgroup",{children:[(0,v.jsx)("col",{}),(0,v.jsx)("col",{style:{width:"225px"}}),(0,v.jsx)("col",{}),(0,v.jsx)("col",{}),(0,v.jsx)("col",{})]}),(0,v.jsxs)(W,{children:[(0,v.jsxs)(N,{className:"k-master-row",children:[(0,v.jsx)(n,{children:"1"}),(0,v.jsx)(n,{children:"Chai"}),(0,v.jsx)(n,{children:"10 boxes x 20 bags"}),(0,v.jsx)(n,{children:"18"}),(0,v.jsx)(n,{children:"false"})]}),(0,v.jsxs)(N,{className:"k-master-row",alt:!0,children:[(0,v.jsx)(n,{children:"2"}),(0,v.jsx)(n,{children:"Chang"}),(0,v.jsx)(n,{children:"24 - 12 oz bottles"}),(0,v.jsx)(n,{children:"19"}),(0,v.jsx)(n,{children:"false"})]}),(0,v.jsxs)(N,{className:"k-master-row",children:[(0,v.jsx)(n,{children:"3"}),(0,v.jsx)(n,{children:"Aniseed Syrup"}),(0,v.jsx)(n,{children:"12 - 550 ml bottles"}),(0,v.jsx)(n,{children:"10"}),(0,v.jsx)(n,{children:"false"})]}),(0,v.jsxs)(N,{className:"k-master-row",alt:!0,children:[(0,v.jsx)(n,{children:"4"}),(0,v.jsx)(n,{children:"Chef Anton's Cajun Seasoning"}),(0,v.jsx)(n,{children:"48 - 6 oz jars"}),(0,v.jsx)(n,{children:"22"}),(0,v.jsx)(n,{children:"false"})]}),(0,v.jsxs)(N,{className:"k-master-row",children:[(0,v.jsx)(n,{children:"5"}),(0,v.jsx)(n,{children:"Grandma's Boysenberry Spread"}),(0,v.jsx)(n,{children:"12 - 8 oz jars"}),(0,v.jsx)(n,{children:"25"}),(0,v.jsx)(n,{children:"false"})]})]})]})})})]}),...t});var mr=require("react/jsx-runtime"),Qx="k-chip-action";var Re=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=(0,mr.jsx)(u,{icon:"x-circle",size:"small"});break;case"more":a=(0,mr.jsx)(u,{icon:"more-vertical",size:"small"});break;default:return(0,mr.jsx)(u,{icon:t,size:"small"})}return(0,mr.jsx)("span",{...o,className:r(e.className,Qx,`k-chip-${t}-action`),children:a})};var is="avatar",Fp=is;var cs=require("react/jsx-runtime"),ur="k-avatar";var Zx=[s.hover,s.focus,s.active,s.selected,s.disabled],jx={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.outline],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]},ds={type:"text",border:!1},ut=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:i=ds.type,border:p=ds.border,...f}=e;return(0,cs.jsx)("div",{...f,className:r(e.className,ur,I(ur,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${ur}-bordered`]:p}),children:(0,cs.jsx)("span",{className:`${ur}-${i}`,children:e.children})})};ut.states=Zx;ut.options=jx;ut.className=ur;ut.defaultOptions=ds;ut.moduleName=is;ut.folderName=Fp;ut.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var zo=ut;var Vp=require("react/jsx-runtime"),$p=e=>(0,Vp.jsx)(zo,{type:"icon",...e});var Xp=require("react/jsx-runtime"),Wp=e=>(0,Xp.jsx)(zo,{type:"text",...e});var qp=require("react/jsx-runtime"),Jp=e=>(0,qp.jsx)(zo,{type:"image",...e});var eN=require("react/jsx-runtime");var ga=require("react/jsx-runtime"),tN=ut.options,oN=ut.states,aN={...ut.defaultOptions,variant:"image"},rN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],lN=[],br=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,ga.jsx)($p,{...o,children:(0,ga.jsx)(u,{icon:"star"})});case"text":return(0,ga.jsx)(Wp,{...o,children:"JO"});default:return(0,ga.jsx)(Jp,{...o,children:(0,ga.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};br.options=tN;br.states=oN;br.variants=rN;br.defaultOptions=aN;br.modifiers=lN;var fr="chip",al=fr;var bo=require("react/jsx-runtime"),rl="k-chip",nN=[s.hover,s.focus,s.active,s.selected,s.disabled],sN={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.outline],themeColor:[g.undefined,g.base,g.success,g.warning,g.error,g.info]},Yp={avatarImage:"/packages/html/assets/avatar.jpg"},Ie=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:i,icon:p,actions:f,showAvatar:T,avatarImage:L=Yp.avatarImage,hover:M,focus:y,active:h,selected:E,disabled:A,...G}=e;return(0,bo.jsxs)("div",{...G,className:r(e.className,rl,I(rl,{size:t,rounded:o,fillMode:a,themeColor:l}),P(rl,{hover:M,focus:y,active:h,disabled:A,selected:E})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:E?"true":"false","aria-selected":e.role==="option"?E?"true":"false":void 0,"aria-disabled":A?"true":void 0,children:[p&&(0,bo.jsx)(u,{className:"k-chip-icon",icon:p,size:"small"}),T&&(0,bo.jsx)(ut,{className:"k-chip-avatar",type:"image",children:(0,bo.jsx)("img",{src:L,alt:""})}),(0,bo.jsx)("span",{className:"k-chip-content",children:e.children?e.children:i&&(0,bo.jsx)("span",{className:"k-chip-label",children:i})}),f&&(0,bo.jsx)("span",{className:"k-chip-actions",children:f})]})};Ie.states=nN;Ie.options=sN;Ie.className=rl;Ie.defaultOptions=Yp;Ie.moduleName=fr;Ie.folderName=al;Ie.ariaSpec={selector:".k-chip",rules:[{selector:":not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:":not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:":not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var Ht=Ie;var Qp=require("react/jsx-runtime"),ps="k-chip-list",iN=[],dN={size:[c.undefined,c.small,c.medium,c.large]},cN={},Oe=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return(0,Qp.jsx)("div",{...l,className:r(e.className,ps,I(ps,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Oe.states=iN;Oe.options=dN;Oe.className=ps;Oe.defaultOptions=cN;Oe.moduleName=fr;Oe.folderName=al;Oe.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};var pN=require("react/jsx-runtime");var mN=require("react/jsx-runtime");var Zp=require("react/jsx-runtime"),ll=e=>(0,Zp.jsx)(Ht,{text:"text",...e});var uN=require("react/jsx-runtime");var bN=require("react/jsx-runtime");var ms=require("react/jsx-runtime");var jp=require("react/jsx-runtime");var em=require("react/jsx-runtime");var tm=require("react/jsx-runtime");var fo=require("react/jsx-runtime"),fN={...Ht.options,...Oe.options},TN=[],hN=Oe.states,xN={...Ht.defaultOptions,...Oe.defaultOptions},NN=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Tr=e=>{let{modifiers:t,className:o,...a}=e,l=t==null?void 0:t.icon,i=t==null?void 0:t.actions,p=t==null?void 0:t.avatar;return(0,fo.jsxs)(Oe,{size:a.size,className:o,children:[(0,fo.jsx)(ll,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,fo.jsx)(Re,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),(0,fo.jsx)(ll,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,fo.jsx)(Re,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),(0,fo.jsx)(ll,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,fo.jsx)(Re,{type:"remove"}):void 0,showAvatar:p,children:"Chip"})]})};Tr.options=fN;Tr.states=hN;Tr.variants=TN;Tr.defaultOptions=xN;Tr.modifiers=NN;var nl=require("react/jsx-runtime"),gN=Ie.states,kN=Ie.defaultOptions,vN=Ie.options,LN=[],CN=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],hr=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"icon":a.icon=t!=null&&t[l]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!(t!=null&&t[l]),a.avatarImage=t!=null&&t[l]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions\|\|(a.actions=[]),a.actions[0]=t!=null&&t[l]?(0,nl.jsx)(Re,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t!=null&&t[l]?(0,nl.jsx)(Re,{type:"remove"}):void 0;break;default:break}}),(0,nl.jsx)(Ie,{...o,...a,children:"Chip component"})};hr.options=vN;hr.states=gN;hr.variants=LN;hr.defaultOptions=kN;hr.modifiers=CN;var R=require("react/jsx-runtime"),om=({dropClue:e,contentClassName:t,...o})=>(0,R.jsx)(Y,{_renderAriaRoot:!0,groupingHeader:(0,R.jsx)(Eo,{dropClue:e,children:(0,R.jsxs)(Oe,{children:[(0,R.jsx)(Ie,{icon:"sort-asc-small",text:"ID",actions:(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Re,{type:"more"}),(0,R.jsx)(Re,{type:"remove"})]})}),(0,R.jsx)(Ie,{icon:"sort-desc-small",text:"Name",actions:(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Re,{type:"more"}),(0,R.jsx)(Re,{type:"remove"})]})})]})}),children:(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(X,{draggable:!0,children:(0,R.jsx)("div",{className:"k-grid-header-wrap",children:(0,R.jsxs)(J,{children:[(0,R.jsxs)("colgroup",{children:[(0,R.jsx)("col",{className:"k-group-col"}),(0,R.jsx)("col",{className:"k-group-col"}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{})]}),(0,R.jsx)(V,{children:(0,R.jsxs)(N,{children:[(0,R.jsx)(w,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,R.jsx)(w,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,R.jsx)(w,{colspan:1,columnTitle:"ID"}),(0,R.jsx)(w,{colspan:1,columnTitle:"Name"}),(0,R.jsx)(w,{colspan:1,columnTitle:"Price"}),(0,R.jsx)(w,{colspan:1,columnTitle:"Category"})]})})]})})}),(0,R.jsx)(re,{children:(0,R.jsx)(Z,{className:t,children:(0,R.jsxs)(ee,{children:[(0,R.jsxs)("colgroup",{children:[(0,R.jsx)("col",{className:"k-group-col"}),(0,R.jsx)("col",{className:"k-group-col"}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{})]}),(0,R.jsxs)(W,{children:[(0,R.jsx)(N,{className:"k-table-group-row k-grouping-row",children:(0,R.jsx)(n,{colspan:6,children:(0,R.jsxs)("p",{className:"k-reset",children:[(0,R.jsx)(u,{icon:"caret-alt-right"}),"ID: 1"]})})}),(0,R.jsx)(N,{className:"k-table-group-row k-grouping-row",children:(0,R.jsx)(n,{colspan:6,children:(0,R.jsxs)("p",{className:"k-reset",children:[(0,R.jsx)(u,{icon:"caret-alt-down"}),"ID: 2"]})})}),(0,R.jsxs)(N,{className:"k-table-group-row k-grouping-row",children:[(0,R.jsx)(n,{className:"k-table-group-td k-group-cell"}),(0,R.jsx)(n,{colspan:5,children:(0,R.jsxs)("p",{className:"k-reset",children:[(0,R.jsx)(u,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),(0,R.jsxs)(N,{className:"k-master-row",alt:!0,children:[(0,R.jsx)(n,{className:"k-table-group-td k-group-cell"}),(0,R.jsx)(n,{className:"k-table-group-td k-group-cell"}),(0,R.jsx)(n,{colspan:0,children:"2"}),(0,R.jsx)(n,{colspan:0,children:"Chang"}),(0,R.jsx)(n,{colspan:0,children:"$19.00"}),(0,R.jsx)(n,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});var us=require("react/jsx-runtime");var bs=require("react/jsx-runtime");var fs=require("react/jsx-runtime");var H=require("react/jsx-runtime"),am=({headerWrapClassName:e,contentClassName:t,...o})=>(0,H.jsx)(Y,{_renderAriaRoot:!0,children:(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(X,{children:(0,H.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,H.jsxs)(J,{children:[(0,H.jsxs)("colgroup",{children:[(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{})]}),(0,H.jsxs)(V,{children:[(0,H.jsxs)(N,{children:[(0,H.jsx)(w,{rowspan:3,colspan:1,columnTitle:"ID"}),(0,H.jsx)(w,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),(0,H.jsxs)(N,{children:[(0,H.jsx)(w,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),(0,H.jsx)(w,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),(0,H.jsxs)(N,{children:[(0,H.jsx)(w,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),(0,H.jsx)(w,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),(0,H.jsx)(re,{children:(0,H.jsx)(Z,{className:t,children:(0,H.jsxs)(ee,{children:[(0,H.jsxs)("colgroup",{children:[(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{})]}),(0,H.jsxs)(W,{children:[(0,H.jsxs)(N,{className:"k-master-row",children:[(0,H.jsx)(n,{children:"1"}),(0,H.jsx)(n,{children:"Chai"}),(0,H.jsx)(n,{children:"39"}),(0,H.jsx)(n,{children:"18"})]}),(0,H.jsxs)(N,{className:"k-master-row",alt:!0,children:[(0,H.jsx)(n,{children:"2"}),(0,H.jsx)(n,{children:"Chang"}),(0,H.jsx)(n,{children:"17"}),(0,H.jsx)(n,{children:"19"})]}),(0,H.jsxs)(N,{className:"k-master-row",children:[(0,H.jsx)(n,{children:"3"}),(0,H.jsx)(n,{children:"Aniseed Syrup"}),(0,H.jsx)(n,{children:"13"}),(0,H.jsx)(n,{children:"10"})]}),(0,H.jsxs)(N,{className:"k-master-row",alt:!0,children:[(0,H.jsx)(n,{children:"4"}),(0,H.jsx)(n,{children:"Chef Anton's Cajun Seasoning"}),(0,H.jsx)(n,{children:"53"}),(0,H.jsx)(n,{children:"22"})]}),(0,H.jsxs)(N,{className:"k-master-row",children:[(0,H.jsx)(n,{children:"5"}),(0,H.jsx)(n,{children:"Chef Anton's Gumbo Mix"}),(0,H.jsx)(n,{children:"0"}),(0,H.jsx)(n,{children:"21.35"})]})]})]})})})]}),...o});var Ts=require("react/jsx-runtime");var hs=require("react/jsx-runtime");var D=require("react/jsx-runtime"),rm=e=>(0,D.jsx)(Y,{_renderAriaRoot:!0,toolbar:(0,D.jsxs)(uo,{children:[(0,D.jsx)(m,{children:"Add new"}),(0,D.jsx)(m,{children:"Save Changes"}),(0,D.jsx)(m,{children:"Cancel Changes"})]}),children:(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(X,{children:(0,D.jsx)("div",{className:"k-grid-header-wrap",children:(0,D.jsxs)(J,{children:[(0,D.jsxs)("colgroup",{children:[(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{style:{width:"300px"}})]}),(0,D.jsx)(V,{children:(0,D.jsxs)(N,{children:[(0,D.jsx)(w,{columnTitle:"Name"}),(0,D.jsx)(w,{columnTitle:"Price"}),(0,D.jsx)(w,{columnTitle:"Available"}),(0,D.jsx)(w,{accessibleLabel:"Commands"})]})})]})})}),(0,D.jsx)(re,{children:(0,D.jsx)(Z,{children:(0,D.jsx)("div",{children:(0,D.jsxs)(ee,{children:[(0,D.jsxs)("colgroup",{children:[(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{style:{width:"300px"}})]}),(0,D.jsxs)(W,{children:[(0,D.jsxs)(N,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[(0,D.jsx)(n,{children:(0,D.jsx)(ce,{value:"Towel"})}),(0,D.jsx)(n,{children:(0,D.jsx)(Q,{value:"42"})}),(0,D.jsx)(n,{children:(0,D.jsx)(dt,{})}),(0,D.jsxs)(n,{className:"k-command-cell",children:[(0,D.jsx)(m,{children:"Add"}),(0,D.jsx)(m,{children:"Cancel"})]})]}),(0,D.jsxs)(N,{className:"k-master-row",children:[(0,D.jsx)(n,{children:"Chai"}),(0,D.jsx)(n,{children:"18"}),(0,D.jsx)(n,{children:"false"}),(0,D.jsx)(n,{className:"k-command-cell",children:(0,D.jsx)(m,{children:"Remove"})})]}),(0,D.jsxs)(N,{className:"k-master-row",alt:!0,children:[(0,D.jsx)(n,{children:"Chang"}),(0,D.jsx)(n,{children:"19"}),(0,D.jsx)(n,{children:"false"}),(0,D.jsx)(n,{className:"k-command-cell",children:(0,D.jsx)(m,{children:"Remove"})})]})]})]})})})})]}),...e});var xs=require("react/jsx-runtime");var b=require("react/jsx-runtime"),yN=Y.options,MN=Y.states,lm={...Y.defaultOptions,variant:"normal"},wN=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-menu",title:"Filter Menu"},{name:"filter-row",title:"Filter Row"},{name:"row-reordering",title:"Row Reordering"},{name:"multicolumn-headers",title:"Multicolumn Headers"},{name:"grouping",title:"Grouping"},{name:"editing",title:"Editing"}],SN=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],xr=e=>{let{variant:t,modifiers:o,...a}={...lm,...e},l={toolbar:void 0,pager:void 0},i=(0,b.jsxs)(uo,{children:[(0,b.jsx)(m,{icon:"plus",children:"Add New"}),(0,b.jsx)(m,{icon:"file-pdf",children:"Export to PDF"}),(0,b.jsx)("span",{className:"k-spacer"}),(0,b.jsx)(ce,{prefix:(0,b.jsx)(u,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=(0,b.jsx)(Le,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(L=>{switch(L){case"toolbar":l.toolbar=o!=null&&o[L]?i:void 0;break;case"pager":l.pager=o!=null&&o[L]?p:void 0;break;default:return}});let f={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},T=(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(X,{children:(0,b.jsx)("div",{className:"k-grid-header-wrap",children:(0,b.jsxs)(J,{children:[(0,b.jsxs)("colgroup",{children:[(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{})]}),(0,b.jsx)(V,{children:(0,b.jsxs)(N,{children:[(0,b.jsx)(w,{...f[t],columnTitle:"ID"}),(0,b.jsx)(w,{...f[t],columnTitle:"Product Name"}),(0,b.jsx)(w,{...f[t],columnTitle:"Units in Stock"}),(0,b.jsx)(w,{...f[t],columnTitle:"Units Price"})]})})]})})}),(0,b.jsx)(re,{children:(0,b.jsx)(Z,{children:(0,b.jsxs)(ee,{children:[(0,b.jsxs)("colgroup",{children:[(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{})]}),(0,b.jsxs)(W,{children:[(0,b.jsxs)(N,{children:[(0,b.jsx)(n,{children:"1"}),(0,b.jsx)(n,{children:"Chai"}),(0,b.jsx)(n,{children:"39"}),(0,b.jsx)(n,{children:"18"})]}),(0,b.jsxs)(N,{className:"k-alt",alt:!0,children:[(0,b.jsx)(n,{children:"2"}),(0,b.jsx)(n,{children:"Chang"}),(0,b.jsx)(n,{children:"17"}),(0,b.jsx)(n,{children:"19"})]}),(0,b.jsxs)(N,{children:[(0,b.jsx)(n,{children:"3"}),(0,b.jsx)(n,{children:"Aniseed Syrup"}),(0,b.jsx)(n,{children:"13"}),(0,b.jsx)(n,{children:"10"})]}),(0,b.jsxs)(N,{className:"k-alt",alt:!0,children:[(0,b.jsx)(n,{children:"4"}),(0,b.jsx)(n,{children:"Chef Anton's Cajun Seasoning"}),(0,b.jsx)(n,{children:"53"}),(0,b.jsx)(n,{children:"22"})]}),(0,b.jsxs)(N,{children:[(0,b.jsx)(n,{children:"5"}),(0,b.jsx)(n,{children:"Chef Anton's Gumbo Mix"}),(0,b.jsx)(n,{children:"0"}),(0,b.jsx)(n,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,b.jsx)(am,{...a,...l});case"editing":return(0,b.jsx)(rm,{...a,...l});case"grouping":return(0,b.jsx)(om,{...a,...l,groupingHeader:(0,b.jsx)(Eo,{children:(0,b.jsxs)(Oe,{children:[(0,b.jsx)(Ie,{icon:"sort-asc-small",actions:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(Re,{type:"more"}),(0,b.jsx)(Re,{type:"remove"})]}),children:"ID"}),(0,b.jsx)(Ie,{icon:"sort-desc-small",actions:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(Re,{type:"more"}),(0,b.jsx)(Re,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,b.jsx)(Y,{...a,...l,children:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(X,{children:(0,b.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,b.jsxs)(J,{children:[(0,b.jsxs)("colgroup",{children:[(0,b.jsx)("col",{className:"k-drag-col"}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{})]}),(0,b.jsx)(V,{children:(0,b.jsxs)(N,{children:[(0,b.jsx)(w,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,b.jsx)(w,{columnTitle:"ID"}),(0,b.jsx)(w,{columnTitle:"Product Name"}),(0,b.jsx)(w,{columnTitle:"Units in Stock"}),(0,b.jsx)(w,{columnTitle:"Units Price"})]})})]})]})}),(0,b.jsx)(re,{children:(0,b.jsx)(Z,{children:(0,b.jsxs)(ee,{children:[(0,b.jsxs)("colgroup",{children:[(0,b.jsx)("col",{className:"k-drag-col"}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{})]}),(0,b.jsxs)(W,{children:[(0,b.jsxs)(N,{children:[(0,b.jsx)(n,{className:"k-drag-cell",children:(0,b.jsx)(u,{icon:"reorder"})}),(0,b.jsx)(n,{children:"1"}),(0,b.jsx)(n,{children:"Chai"}),(0,b.jsx)(n,{children:"39"}),(0,b.jsx)(n,{children:"18"})]}),(0,b.jsxs)(N,{className:"k-alt",alt:!0,children:[(0,b.jsx)(n,{className:"k-drag-cell",children:(0,b.jsx)(u,{icon:"reorder"})}),(0,b.jsx)(n,{children:"2"}),(0,b.jsx)(n,{children:"Chang"}),(0,b.jsx)(n,{children:"17"}),(0,b.jsx)(n,{children:"19"})]}),(0,b.jsxs)(N,{children:[(0,b.jsx)(n,{className:"k-drag-cell",children:(0,b.jsx)(u,{icon:"reorder"})}),(0,b.jsx)(n,{children:"3"}),(0,b.jsx)(n,{children:"Aniseed Syrup"}),(0,b.jsx)(n,{children:"13"}),(0,b.jsx)(n,{children:"10"})]}),(0,b.jsxs)(N,{className:"k-alt",alt:!0,children:[(0,b.jsx)(n,{className:"k-drag-cell",children:(0,b.jsx)(u,{icon:"reorder"})}),(0,b.jsx)(n,{children:"4"}),(0,b.jsx)(n,{children:"Chef Anton's Cajun Seasoning"}),(0,b.jsx)(n,{children:"53"}),(0,b.jsx)(n,{children:"22"})]}),(0,b.jsxs)(N,{children:[(0,b.jsx)(n,{className:"k-drag-cell",children:(0,b.jsx)(u,{icon:"reorder"})}),(0,b.jsx)(n,{children:"5"}),(0,b.jsx)(n,{children:"Chef Anton's Gumbo Mix"}),(0,b.jsx)(n,{children:"0"}),(0,b.jsx)(n,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,b.jsx)(Up,{...a,...l});default:return(0,b.jsx)(Y,{...a,...l,children:T})}};xr.options=yN;xr.states=MN;xr.variants=wN;xr.defaultOptions=lm;xr.modifiers=SN;var nm=require("react/jsx-runtime"),Uo="k-pane",AN=[],EN={},Ns={resizable:!0,flex:!1},We=e=>{let{scrollable:t,flexBasis:o,flex:a=Ns.flex,collapsible:l,resizable:i=Ns.resizable,pinned:p,unpinned:f,tabbed:T,...L}=e;return(0,nm.jsx)("div",{...L,style:{flexBasis:o,...e.style},className:r(e.className,Uo,{[`${Uo}-static`]:o,[`${Uo}-flex`]:a,"k-scrollable":t,[`${Uo}-pinned`]:p,[`${Uo}-unpinned`]:f,[`${Uo}-tabbed`]:T}),role:"group",children:e.children})};We.states=AN;We.options=EN;We.className=Uo;We.defaultOptions=Ns;var Mt=require("react/jsx-runtime"),ka="k-splitbar",RN=[s.hover,s.focus],IN={},gs={orientation:"horizontal",draggable:!0},va=e=>{let{hover:t,focus:o,orientation:a=gs.orientation,draggable:l=gs.draggable,collapsePrev:i,collapseNext:p,ariaLabel:f,...T}=e;return(0,Mt.jsxs)("div",{...T,className:r(e.className,ka,P(ka,{hover:t,focus:o}),{[`${ka}-${a}`]:a,[`${ka}-draggable-${a}`]:l,[`${ka}-static-${a}`]:!l&&!i&&!p}),role:"separator","aria-label":f,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[i&&(0,Mt.jsx)(Mt.Fragment,{children:(0,Mt.jsx)("div",{className:"k-collapse-prev",children:(0,Mt.jsx)(u,{icon:`caret-alt-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),(0,Mt.jsx)("div",{className:"k-resize-handle"}),p&&(0,Mt.jsx)(Mt.Fragment,{children:(0,Mt.jsx)("div",{className:"k-collapse-next",children:(0,Mt.jsx)(u,{icon:`caret-alt-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};va.states=RN;va.options=IN;va.className=ka;va.defaultOptions=gs;var ks="splitter",sm=ks;var sl=require("react/jsx-runtime"),dm=require("react"),vs="k-splitter",ON={},im={orientation:"horizontal"},Xe=e=>{let{orientation:t=im.orientation,children:o,panes:a,...l}=e,i=[];return a&&a.forEach((p,f)=>{let T=a[f+1],L=p.props,M=T==null?void 0:T.props;i.push((0,dm.createElement)(We,{...L,key:f})),T&&i.push((0,sl.jsx)(va,{draggable:L.resizable!==!1&&M.resizable!==!1,collapsePrev:L.collapsible,collapseNext:M.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${f}`))}),(0,sl.jsxs)("div",{...l,className:r(e.className,vs,{[`${vs}-${t}`]:t},"k-splitter-flex"),children:[i,o]})};Xe.options=ON;Xe.className=vs;Xe.defaultOptions=im;Xe.moduleName=ks;Xe.folderName=sm;Xe.ariaSpec={selector:".k-splitter",rules:[{selector:".k-pane",attribute:"role=group",usage:"Sets the proper role for the Splitter pane."},{selector:".k-splitbar",attribute:"role=separator",usage:"Sets the proper role for the Splitter split-bar element."},{selector:".k-splitbar",attribute:"aria-label",usage:"An accessible name for the separator."},{selector:".k-splitbar-horizontal",attribute:"aria-orientation=vertical",usage:"When a splitbar separates two panes horizontally, its aria-orientation must be explicitly set to vertical."},{selector:".k-splitbar",attribute:"aria-keyshortcuts",usage:"Announces available keyboard shortcuts."}]};var cm=require("react/jsx-runtime");var pm=require("react/jsx-runtime");var Fo=require("react/jsx-runtime"),Nr=require("react"),GN=Xe.options,PN=Xe.states,mm={...Xe.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},HN=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],KN=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],gr=e=>{let{variant:t,modifiers:o,...a}={...mm,...e},l=T=>({collapsible:T,content:T?"Resizable and collapsible":"Resizable only"}),i=l(!0),p=l(!0),f={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o\|\|{}).forEach(T=>{let L=o==null?void 0:o[T];switch(T){case"secondPaneProps":p=l(!!L);break;case"firstPaneProps":i=l(!!L);break;default:break}}),t==="vertical"?(0,Fo.jsx)(Xe,{style:{height:"238px"},...a,orientation:"vertical",panes:[(0,Nr.createElement)(We,{...i,flexBasis:"50%",style:f,key:"pane-1"},(0,Fo.jsx)("p",{children:i.content})),(0,Nr.createElement)(We,{...p,flexBasis:"50%",style:f,key:"pane-2"},(0,Fo.jsx)("p",{children:p.content}))]}):(0,Fo.jsx)(Xe,{style:{height:"238px"},...a,orientation:"horizontal",panes:[(0,Nr.createElement)(We,{...i,flexBasis:"50%",style:f,key:"pane-1"},(0,Fo.jsx)("p",{children:i.content})),(0,Nr.createElement)(We,{...p,flexBasis:"50%",style:f,key:"pane-2"},(0,Fo.jsx)("p",{children:p.content}))]})};gr.options=GN;gr.states=PN;gr.variants=HN;gr.defaultOptions=mm;gr.modifiers=KN;var Ls="treelist",um=Ls;var fm=require("react/jsx-runtime"),bm="k-treelist",DN=[],BN={},_N={},He=e=>(0,fm.jsx)(Y,{...e,className:r(bm,e.className),children:e.children});He.states=DN;He.options=BN;He.className=bm;He.defaultOptions=_N;He.moduleName=Ls;He.folderName=um;var K=require("react/jsx-runtime"),$o=({gridHeader:e,gridContent:t,menu:o,...a})=>(0,K.jsxs)(He,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|(0,K.jsx)(X,{children:(0,K.jsx)("div",{className:"k-grid-header-wrap",children:(0,K.jsxs)(J,{children:[(0,K.jsxs)("colgroup",{children:[(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{})]}),(0,K.jsx)(V,{children:(0,K.jsxs)(N,{children:[(0,K.jsx)(w,{menu:o,columnTitle:"Name"}),(0,K.jsx)(w,{menu:o,columnTitle:"Position"}),(0,K.jsx)(w,{menu:o,columnTitle:"Hire Date"})]})})]})})}),(0,K.jsx)(re,{children:t\|\|(0,K.jsx)(Z,{children:(0,K.jsxs)(ee,{children:[(0,K.jsxs)("colgroup",{children:[(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{})]}),(0,K.jsxs)(W,{children:[(0,K.jsxs)(N,{children:[(0,K.jsxs)(n,{children:[(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,K.jsx)(n,{children:"Sweeney"}),(0,K.jsx)(n,{children:"CEO"})]}),(0,K.jsxs)(N,{alt:!0,children:[(0,K.jsxs)(n,{children:[(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,K.jsx)(n,{children:"Wooten"}),(0,K.jsx)(n,{children:"Chief Technical Officer"})]}),(0,K.jsxs)(N,{children:[(0,K.jsxs)(n,{children:[(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,K.jsx)(n,{children:"Weber"}),(0,K.jsx)(n,{children:"VP, Engineering"})]}),(0,K.jsxs)(N,{alt:!0,children:[(0,K.jsxs)(n,{children:[(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,K.jsx)(n,{children:"Hood"}),(0,K.jsx)(n,{children:"Team Lead"})]}),(0,K.jsxs)(N,{children:[(0,K.jsxs)(n,{children:[(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,K.jsx)(n,{children:"Carr"}),(0,K.jsx)(n,{children:"Junior Software Developer"})]})]})]})})})]});var hm=require("react/jsx-runtime"),Tm=e=>(0,hm.jsx)($o,{menu:"column",...e});var Nm=require("react/jsx-runtime"),xm=e=>(0,Nm.jsx)($o,{menu:"filter",...e});var S=require("react/jsx-runtime"),gm=({gridHeader:e,gridContent:t,menu:o,...a})=>(0,S.jsxs)(He,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|(0,S.jsx)(X,{children:(0,S.jsx)("div",{className:"k-grid-header-wrap",children:(0,S.jsxs)(J,{children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{className:"k-drag-col"}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{})]}),(0,S.jsx)(V,{children:(0,S.jsxs)(N,{children:[(0,S.jsx)(w,{}),(0,S.jsx)(w,{menu:o,columnTitle:"First Name"}),(0,S.jsx)(w,{menu:o,columnTitle:"Last Name"}),(0,S.jsx)(w,{menu:o,columnTitle:"Position"})]})})]})})}),(0,S.jsx)(re,{children:t\|\|(0,S.jsx)(Z,{children:(0,S.jsxs)(ee,{children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{className:"k-drag-col"}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{})]}),(0,S.jsxs)(W,{children:[(0,S.jsxs)(N,{children:[(0,S.jsx)(n,{className:"k-drag-cell",children:(0,S.jsx)(u,{icon:"reorder"})}),(0,S.jsxs)(n,{children:[(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,S.jsx)(n,{children:"Sweeney"}),(0,S.jsx)(n,{children:"CEO"})]}),(0,S.jsxs)(N,{alt:!0,children:[(0,S.jsx)(n,{className:"k-drag-cell",children:(0,S.jsx)(u,{icon:"reorder"})}),(0,S.jsxs)(n,{children:[(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,S.jsx)(n,{children:"Wooten"}),(0,S.jsx)(n,{children:"Chief Technical Officer"})]}),(0,S.jsxs)(N,{children:[(0,S.jsx)(n,{className:"k-drag-cell",children:(0,S.jsx)(u,{icon:"reorder"})}),(0,S.jsxs)(n,{children:[(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,S.jsx)(n,{children:"Weber"}),(0,S.jsx)(n,{children:"VP, Engineering"})]}),(0,S.jsxs)(N,{alt:!0,children:[(0,S.jsx)(n,{className:"k-drag-cell",children:(0,S.jsx)(u,{icon:"reorder"})}),(0,S.jsxs)(n,{children:[(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,S.jsx)(n,{children:"Hood"}),(0,S.jsx)(n,{children:"Team Lead"})]}),(0,S.jsxs)(N,{children:[(0,S.jsx)(n,{className:"k-drag-cell",children:(0,S.jsx)(u,{icon:"reorder"})}),(0,S.jsxs)(n,{children:[(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,S.jsx)(n,{children:"Carr"}),(0,S.jsx)(n,{children:"Junior Software Developer"})]})]})]})})})]});var km=require("react/jsx-runtime");var x=require("react/jsx-runtime"),zN=He.options,UN=He.states,vm={...He.defaultOptions,variant:"normal"},FN=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-row",title:"Filter Row"},{name:"sorting",title:"Sorting"},{name:"row-reordering",title:"Row Reordering"}],$N=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],kr=e=>{let{variant:t,modifiers:o,...a}={...vm,...e},l={},i=(0,x.jsxs)(uo,{children:[(0,x.jsx)(m,{icon:"plus",children:"Add New"}),(0,x.jsx)(m,{icon:"file-pdf",children:"Export to PDF"}),(0,x.jsx)("span",{className:"k-spacer"}),(0,x.jsx)(ce,{prefix:(0,x.jsx)(u,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=(0,x.jsx)(Le,{pageSizes:!1,refresh:!1});switch(Object.keys(o\|\|{}).forEach(f=>{switch(f){case"toolbar":l.toolbar=o!=null&&o[f]?i:void 0;break;case"pager":l.pager=o!=null&&o[f]?p:void 0;break;default:return}}),t){case"row-reordering":return(0,x.jsx)(gm,{...a,...l});case"column-menu":return(0,x.jsx)(Tm,{...a,...l,gridHeader:(0,x.jsx)(X,{children:(0,x.jsx)("div",{className:"k-grid-header-wrap",children:(0,x.jsxs)(J,{children:[(0,x.jsxs)("colgroup",{children:[(0,x.jsx)("col",{}),(0,x.jsx)("col",{}),(0,x.jsx)("col",{})]}),(0,x.jsx)(V,{children:(0,x.jsxs)(N,{children:[(0,x.jsx)(w,{menu:"column",columnTitle:"First Name"}),(0,x.jsx)(w,{menu:"column",columnTitle:"Last Name"}),(0,x.jsx)(w,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return(0,x.jsx)(xm,{...a,...l,gridHeader:(0,x.jsx)(X,{children:(0,x.jsx)("div",{className:"k-grid-header-wrap",children:(0,x.jsxs)(J,{children:[(0,x.jsxs)("colgroup",{children:[(0,x.jsx)("col",{}),(0,x.jsx)("col",{}),(0,x.jsx)("col",{})]}),(0,x.jsx)(V,{children:(0,x.jsxs)(N,{children:[(0,x.jsx)(w,{menu:"filter",columnTitle:"First Name"}),(0,x.jsx)(w,{menu:"filter",columnTitle:"Last Name"}),(0,x.jsx)(w,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return(0,x.jsx)($o,{...a,...l,gridHeader:(0,x.jsx)(X,{children:(0,x.jsx)("div",{className:"k-grid-header-wrap",children:(0,x.jsxs)(J,{children:[(0,x.jsxs)("colgroup",{children:[(0,x.jsx)("col",{}),(0,x.jsx)("col",{}),(0,x.jsx)("col",{})]}),(0,x.jsx)(V,{children:(0,x.jsxs)(N,{children:[(0,x.jsx)(w,{columnTitle:"First Name"}),(0,x.jsx)(w,{columnTitle:"Last Name",sortable:!0}),(0,x.jsx)(w,{columnTitle:"Position"})]})})]})})}),gridContent:(0,x.jsx)(Z,{children:(0,x.jsxs)(ee,{children:[(0,x.jsxs)("colgroup",{children:[(0,x.jsx)("col",{}),(0,x.jsx)("col",{className:"k-sorted"}),(0,x.jsx)("col",{})]}),(0,x.jsxs)(W,{children:[(0,x.jsxs)(N,{className:"k-treelist-group",children:[(0,x.jsxs)(n,{children:[(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,x.jsx)(n,{children:"Sweeney"}),(0,x.jsx)(n,{children:"CEO"})]}),(0,x.jsxs)(N,{className:"k-treelist-group k-alt",alt:!0,children:[(0,x.jsxs)(n,{children:[(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,x.jsx)(n,{children:"Wooten"}),(0,x.jsx)(n,{children:"Chief Technical Officer"})]}),(0,x.jsxs)(N,{className:"k-treelist-group",children:[(0,x.jsxs)(n,{children:[(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,x.jsx)(n,{children:"Weber"}),(0,x.jsx)(n,{children:"VP, Engineering"})]}),(0,x.jsxs)(N,{className:"k-treelist-group k-alt",alt:!0,children:[(0,x.jsxs)(n,{children:[(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,x.jsx)(n,{children:"Hood"}),(0,x.jsx)(n,{children:"Team Lead"})]}),(0,x.jsxs)(N,{children:[(0,x.jsxs)(n,{children:[(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,x.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,x.jsx)(n,{children:"Carr"}),(0,x.jsx)(n,{children:"Junior Software Developer"})]})]})]})})});default:return(0,x.jsx)($o,{...a,...l,gridHeader:(0,x.jsx)(X,{children:(0,x.jsx)("div",{className:"k-grid-header-wrap",children:(0,x.jsxs)(J,{children:[(0,x.jsxs)("colgroup",{children:[(0,x.jsx)("col",{}),(0,x.jsx)("col",{}),(0,x.jsx)("col",{})]}),(0,x.jsx)(V,{children:(0,x.jsxs)(N,{children:[(0,x.jsx)(w,{columnTitle:"First Name"}),(0,x.jsx)(w,{columnTitle:"Last Name"}),(0,x.jsx)(w,{columnTitle:"Position"})]})})]})})})})}};kr.options=zN;kr.states=UN;kr.variants=FN;kr.defaultOptions=vm;kr.modifiers=$N;var Lm=require("react/jsx-runtime");var d=require("react/jsx-runtime"),Cm=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:a="828px",currentTimeLeftOffset:l="243px",ganttDependencies:i,menu:p,...f})=>(0,d.jsx)(Zt,{headerToolbar:(0,d.jsxs)(pa,{children:[(0,d.jsx)(m,{className:"k-gantt-toggle",icon:"layout-1-by-4"}),(0,d.jsx)(m,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),(0,d.jsx)("span",{className:"k-spacer"}),(0,d.jsxs)("div",{className:"k-gantt-views-wrapper",children:[(0,d.jsxs)("select",{className:"k-picker k-dropdown-list k-dropdown k-views-dropdown",children:[(0,d.jsx)("option",{value:"day",children:"Day"}),(0,d.jsx)("option",{value:"week",children:"Week"}),(0,d.jsx)("option",{value:"month",children:"Month"})]}),(0,d.jsxs)(F,{className:"k-gantt-views",children:[(0,d.jsx)(m,{className:"k-view-day k-group-start",children:"Day"}),(0,d.jsx)(m,{className:"k-view-week",selected:!0,children:"Week"}),(0,d.jsx)(m,{className:"k-view-month k-group-end",children:"Month"})]})]})]}),footerToolbar:(0,d.jsx)(ma,{children:(0,d.jsx)(m,{className:"k-gantt-create",icon:"plus",children:"Add Task"})}),...f,children:(0,d.jsx)(ua,{children:f.children\|\|(0,d.jsx)(Xe,{className:"k-gantt-splitter",panes:[(0,d.jsx)(We,{className:"k-gantt-treelist",flexBasis:e,children:(0,d.jsxs)(He,{_renderAriaRoot:!0,children:[(0,d.jsx)(X,{children:(0,d.jsx)("div",{className:"k-grid-header-wrap",children:(0,d.jsxs)(J,{style:{minWidth:"250px"},children:[(0,d.jsxs)("colgroup",{children:[(0,d.jsx)("col",{style:{width:"50px"}}),(0,d.jsx)("col",{})]}),(0,d.jsx)(V,{children:(0,d.jsxs)(N,{children:[(0,d.jsx)(w,{menu:p,rowspan:1,columnTitle:"ID"}),(0,d.jsx)(w,{menu:p,rowspan:1,columnTitle:"Title"})]})})]})})}),(0,d.jsx)(re,{children:(0,d.jsx)(Z,{style:{height:t},children:(0,d.jsxs)(ee,{style:{minWidth:"250px"},children:[(0,d.jsxs)("colgroup",{children:[(0,d.jsx)("col",{style:{width:"50px"}}),(0,d.jsx)("col",{})]}),(0,d.jsxs)(W,{children:[(0,d.jsxs)(N,{children:[(0,d.jsx)(n,{children:"7"}),(0,d.jsxs)(n,{children:[(0,d.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),(0,d.jsxs)(N,{alt:!0,children:[(0,d.jsx)(n,{children:"18"}),(0,d.jsxs)(n,{children:[(0,d.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),(0,d.jsxs)(N,{children:[(0,d.jsx)(n,{children:"11"}),(0,d.jsxs)(n,{children:[(0,d.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(u,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),(0,d.jsxs)(N,{alt:!0,children:[(0,d.jsx)(n,{children:"19"}),(0,d.jsxs)(n,{children:[(0,d.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),(0,d.jsxs)(N,{children:[(0,d.jsx)(n,{children:"20"}),(0,d.jsxs)(n,{children:[(0,d.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(u,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),(0,d.jsx)(We,{className:"k-gantt-timeline-pane",children:(0,d.jsxs)(Y,{className:"k-gantt-timeline",children:[(0,d.jsx)(X,{children:(0,d.jsx)("div",{className:"k-grid-header-wrap",children:(0,d.jsxs)(J,{style:{width:o},children:[(0,d.jsxs)("colgroup",{children:[(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{})]}),(0,d.jsxs)(W,{children:[(0,d.jsx)(N,{children:(0,d.jsx)(n,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),(0,d.jsxs)(N,{children:[(0,d.jsx)(n,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),(0,d.jsx)(n,{className:"k-header",colspan:1,children:"Mon 6/02"}),(0,d.jsx)(n,{className:"k-header",colspan:1,children:"Tue 6/03"}),(0,d.jsx)(n,{className:"k-header",colspan:1,children:"Wed 6/04"}),(0,d.jsx)(n,{className:"k-header",colspan:1,children:"Thu 6/05"}),(0,d.jsx)(n,{className:"k-header",colspan:1,children:"Fri 6/06"}),(0,d.jsx)(n,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),(0,d.jsxs)(Z,{style:{height:t},children:[(0,d.jsxs)(ba,{children:[(0,d.jsxs)(ha,{className:"k-grid-table",style:{width:o},children:[(0,d.jsx)("colgroup",{children:(0,d.jsx)("col",{})}),(0,d.jsxs)(W,{children:[(0,d.jsx)(N,{children:(0,d.jsx)(n,{})}),(0,d.jsx)(N,{alt:!0,children:(0,d.jsx)(n,{})}),(0,d.jsx)(N,{children:(0,d.jsx)(n,{})}),(0,d.jsx)(N,{alt:!0,children:(0,d.jsx)(n,{})}),(0,d.jsx)(N,{children:(0,d.jsx)(n,{})})]})]}),(0,d.jsxs)(Ta,{style:{width:o,height:a},children:[(0,d.jsxs)("colgroup",{children:[(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{})]}),(0,d.jsx)(W,{children:(0,d.jsxs)(N,{children:[(0,d.jsx)(n,{className:"k-nonwork-hour"}),(0,d.jsx)(n,{}),(0,d.jsx)(n,{}),(0,d.jsx)(n,{}),(0,d.jsx)(n,{}),(0,d.jsx)(n,{}),(0,d.jsx)(n,{className:"k-nonwork-hour"})]})})]}),(0,d.jsxs)(xa,{style:{width:o},children:[(0,d.jsx)("colgroup",{children:(0,d.jsx)("col",{})}),(0,d.jsxs)(W,{children:[(0,d.jsx)(N,{children:(0,d.jsx)(n,{children:(0,d.jsxs)(Lt,{type:"summary",style:{left:"113px"},children:[(0,d.jsx)(vt,{type:"summary",style:{width:"4000px"},children:(0,d.jsx)("div",{className:"k-task-summary-progress",style:{width:"1720px"},children:(0,d.jsx)("div",{className:"k-task-summary-complete",style:{width:"4000px"}})})}),(0,d.jsx)(Pe,{}),(0,d.jsx)(Pe,{position:"end",style:{right:"0px"}})]})})}),(0,d.jsx)(N,{children:(0,d.jsx)(n,{children:(0,d.jsxs)(Lt,{type:"milestone",style:{left:"113px"},children:[(0,d.jsx)(vt,{type:"milestone"}),(0,d.jsx)(Pe,{}),(0,d.jsx)(Pe,{position:"end",style:{right:"0px"}})]})})}),(0,d.jsx)(N,{children:(0,d.jsx)(n,{children:(0,d.jsxs)(Lt,{type:"summary",style:{left:"113px"},children:[(0,d.jsx)(vt,{type:"summary",style:{width:"500px"},children:(0,d.jsx)("div",{className:"k-task-summary-progress",style:{width:"215px"},children:(0,d.jsx)("div",{className:"k-task-summary-complete",style:{width:"500px"}})})}),(0,d.jsx)(Pe,{}),(0,d.jsx)(Pe,{position:"end",style:{right:"0px"}})]})})}),(0,d.jsx)(N,{children:(0,d.jsx)(n,{children:(0,d.jsxs)(Lt,{style:{left:"113px"},children:[(0,d.jsxs)(vt,{style:{width:"200px"},children:[(0,d.jsx)("div",{className:"k-task-complete",style:{width:"50px"}}),(0,d.jsx)(Yt,{content:"Validation with Customers"})]}),(0,d.jsx)(Pe,{}),(0,d.jsx)(Pe,{position:"end",style:{right:"0px"}}),(0,d.jsx)("div",{className:"k-task-draghandle",style:{left:"50px"}})]})})}),(0,d.jsx)(N,{children:(0,d.jsx)(n,{children:(0,d.jsxs)(Lt,{style:{left:"113px"},children:[(0,d.jsxs)(vt,{style:{width:"200px"},children:[(0,d.jsx)("div",{className:"k-task-complete",style:{width:"164px"}}),(0,d.jsx)(Yt,{content:"Market Research"})]}),(0,d.jsx)(Pe,{}),(0,d.jsx)(Pe,{position:"end",style:{right:"0px"}}),(0,d.jsx)("div",{className:"k-task-draghandle",style:{left:"164px"}})]})})})]})]})]}),i\|\|(0,d.jsxs)("div",{className:"k-gantt-dependencies",style:{width:o},children:[(0,d.jsx)(ve,{style:{left:"124.5px",top:"53px",width:"10px"}}),(0,d.jsx)(ve,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),(0,d.jsx)(ve,{style:{left:"103px",top:"71px",width:"31.5px"}}),(0,d.jsx)(ve,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),(0,d.jsx)(ve,{style:{left:"103px",top:"125px",width:"9px"},children:(0,d.jsx)("span",{className:"k-arrow-e"})}),(0,d.jsx)(ve,{style:{left:"124.5px",top:"53px",width:"10px"}}),(0,d.jsx)(ve,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),(0,d.jsx)(ve,{style:{left:"103px",top:"71px",width:"31.5px"}}),(0,d.jsx)(ve,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),(0,d.jsx)(ve,{style:{left:"103px",top:"161px",width:"9px"},children:(0,d.jsx)("span",{className:"k-arrow-e"})}),(0,d.jsx)(ve,{style:{left:"313px",top:"125px",width:"10px"}}),(0,d.jsx)(ve,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),(0,d.jsx)(ve,{style:{left:"303px",top:"143px",width:"20px"}}),(0,d.jsx)(ve,{orientation:"vertical",style:{left:"303px",top:"143px",height:"18px"}})]}),(0,d.jsx)("div",{className:"k-current-time",style:{left:l,top:"0px",width:"1px",height:a}})]})]})},"gantt-timeline-pane")]})})});var ym=require("react/jsx-runtime"),VN={},WN=[],XN=[],JN={},qN=[],Vo=()=>(0,ym.jsx)(Cm,{flexBasis:"40%",gridContentHeight:"197px",style:{width:"90%",height:"367px"}});Vo.options=VN;Vo.states=WN;Vo.variants=XN;Vo.defaultOptions=JN;Vo.modifiers=qN;var YN=Vo;