@progress/kendo-themes-html 13.2.0-dev.4 → 14.0.0-dev.0

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

@@ -1 +1 @@
-var Db=Object.create;var cl=Object.defineProperty;var Bb=Object.getOwnPropertyDescriptor;var zb=Object.getOwnPropertyNames;var Ub=Object.getPrototypeOf,Fb=Object.prototype.hasOwnProperty;var $b=(e,t)=>{for(var o in t)cl(e,o,{get:t[o],enumerable:!0})},Ys=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of zb(t))!Fb.call(e,l)&&l!==o&&cl(e,l,{get:()=>t[l],enumerable:!(r=Bb(t,l))||r.enumerable});return e};var Qs=(e,t,o)=>(o=e!=null?Db(Ub(e)):{},Ys(t||!e||!e.__esModule?cl(o,"default",{value:e,enumerable:!0}):o,e)),Wb=e=>Ys(cl({},"__esModule",{value:!0}),e);var Nv={};$b(Nv,{GanttDemo:()=>jo,default:()=>kv});module.exports=Wb(Nv);var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(e,t)=>a({[`${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"}),E=(e,t)=>{let{valid:o,invalid:r,hover:l,focus:n,checked:c,active:b,selected:f,disabled:x,indeterminate:C,loading:L,empty:g,readonly:S,highlighted:R,..._}=t;return a({"k-valid":o,"k-invalid":r,"k-hover":l,"k-focus":n,"k-checked":c,"k-active":b,"k-selected":f,"k-disabled":x,"k-indeterminate":C&&!c,"k-loading":L,"k-empty":g,"k-readonly":S,"k-highlighted":R},Object.keys(_).reduce((W,B)=>(B.startsWith("k-")?W[B]=_[B]:W[`k-${B}`]=_[B],W),{}))};function Zs(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},N={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},w={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},M={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",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"},js={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var oi={};function D(e){return oi[e]=(oi[e]||0)+1,`k-${e}-${oi[e]}`}var ue="gantt",fe=ue;var td=require("react/jsx-runtime"),ed="k-gantt",Vb=[],Xb={},Jb={},yt=e=>{let{headerToolbar:t,footerToolbar:o,...r}=e;return(0,td.jsxs)("div",{...r,className:a(e.className,ed),role:"application","aria-roledescription":"Gantt Chart",children:[t,e.children,o]})};yt.states=Vb;yt.options=Xb;yt.className=ed;yt.defaultOptions=Jb;yt.moduleName=ue;yt.folderName=fe;yt.ariaSpec={selector:".k-gantt",rules:[{selector:".k-gantt",attribute:"role=application",usage:"The Gantt uses role=application to indicate a complex interactive widget."},{selector:".k-gantt",attribute:"aria-roledescription",usage:"Provides a human-readable description of the component role."},{selector:".k-gantt-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-gantt-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-gantt-toggle",attribute:"aria-label",usage:"Icon-only toggle button must have accessible text."},{selector:"select.k-views-dropdown",attribute:"aria-label",usage:"The view selector dropdown must have an accessible name."},{selector:".k-gantt-timeline .k-grid-content",attribute:"role=tree",usage:"The timeline content area is a tree structure."},{selector:".k-gantt-timeline .k-gantt-rows",attribute:"role=presentation",usage:"The rows grid is presentational."},{selector:".k-gantt-timeline .k-gantt-columns",attribute:"role=presentation",usage:"The columns grid is presentational."},{selector:".k-gantt-timeline .k-gantt-tasks",attribute:"role=presentation",usage:"The tasks table is presentational."},{selector:".k-gantt-timeline .k-task",attribute:"role=treeitem",usage:"Each task in the timeline is a tree item."},{selector:".k-gantt-timeline .k-task",attribute:"aria-level (when present)",usage:"Specifies the nesting level of the task."},{selector:".k-gantt-timeline .k-task",attribute:"aria-describedby (when present)",usage:"References the tooltip providing task details (when visible)."},{selector:".k-gantt-timeline .k-task .k-task-complete",attribute:"aria-hidden=true",usage:"The progress indicator is decorative."},{selector:".k-gantt-timeline .k-task .k-task-actions",attribute:"aria-hidden=true",usage:"Task action buttons are hidden from the accessibility tree."},{selector:".k-gantt-dependencies",attribute:"aria-hidden=true",usage:"Dependency lines are decorative."},{selector:".k-current-time",attribute:"aria-hidden=true",usage:"The current time marker is decorative."},{selector:".k-task-dot",attribute:"aria-hidden=true",usage:"Task connection dots are decorative."},{selector:".k-gantt-line",attribute:"aria-hidden=true",usage:"Dependency connector lines are decorative."},{selector:".k-task-draghandle",attribute:"aria-hidden=true",usage:"The progress drag handle is decorative."},{selector:".k-resize-handle",attribute:"aria-hidden=true",usage:"Resize handles are decorative."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Drag cells must have an accessible name."}]};var Sr=require("react/jsx-runtime"),ai="k-font-icon",qb=[],Yb={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info]},Qb={},Rr=e=>{let{size:t,themeColor:o,icon:r,rotate:l,flip:n,...c}=e;return r?(0,Sr.jsx)("span",{...c,className:a(e.className,ai,A(ai,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true"}):(0,Sr.jsx)(Sr.Fragment,{})};Rr.states=qb;Rr.options=Yb;Rr.className=ai;Rr.defaultOptions=Qb;var od=Rr;var ta=require("react/jsx-runtime"),ri="k-svg-icon",Zb=[],jb={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info]},ad={viewBox:"0 0 24 24"},Ar=e=>{let{size:t,themeColor:o,rotate:r,flip:l,viewBox:n=ad.viewBox,icon:c,...b}=e;if(!c)return(0,ta.jsx)(ta.Fragment,{});if(c==="none")return(0,ta.jsx)("span",{...b,className:a(e.className,ri,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name;return(0,ta.jsx)("span",{...b,className:a(e.className,ri,A("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:(0,ta.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:n,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};Ar.states=Zb;Ar.options=jb;Ar.className=ri;Ar.defaultOptions=ad;var li=Ar;var ii=Qs(require("@progress/kendo-svg-icons"));var rd="icon",ld="icons";var sd=require("react");var id=require("react"),nd=(0,id.createContext)({iconsType:"svg"});var bo=require("react/jsx-runtime"),pl="k-icon",eT=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),tT=[],oT={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info]},ni={viewBox:"0 0 24 24",type:"svg"},p=e=>{let{iconsType:t}=(0,sd.useContext)(nd),{size:o,themeColor:r,icon:l,type:n=t||ni.type,rotate:c,flip:b,viewBox:f=ni.viewBox,...x}=e;if(!l)return(0,bo.jsx)(bo.Fragment,{});if((t||n)==="svg"){if(l==="none")return(0,bo.jsx)(li,{...x,className:a(e.className,pl),icon:l,size:o});let L=ii[l]?l:eT(`${l}-icon`);return ii[L]?(0,bo.jsx)(li,{...x,className:a(e.className,pl),icon:ii[L],size:o,themeColor:r,rotate:c,flip:b,viewBox:f}):(0,bo.jsx)(bo.Fragment,{})}return(0,bo.jsx)(od,{...x,className:a(e.className,pl),icon:l,size:o,themeColor:r,rotate:c,flip:b})};p.states=tT;p.options=oT;p.defaultOptions=ni;p.className=pl;p.moduleName=rd;p.folderName=ld;p.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 si="button",dd=si;var qt=require("react/jsx-runtime"),Er="k-button",aT=["icon-button"],rT=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],lT={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info,M.inverse]},di={showArrow:!1,arrowIconName:"caret-alt-down"},u=e=>{let{as:t="button",size:o,rounded:r,fillMode:l,themeColor:n,showArrow:c=di.showArrow,arrowIconName:b=di.arrowIconName,variant:f,hover:x,focus:C,active:L,selected:g,disabled:S,togglable:R,ariaDisabled:_,icon:W,text:B,iconClassName:ee,className:Ne,...me}=e,lt=W!==void 0,it=e.children!==void 0;return(0,qt.jsxs)(t,{className:a(Ne,Er,Zs(Er,f),A(Er,{size:o,rounded:r,fillMode:l,themeColor:n}),E(Er,{hover:x,focus:C,active:L,disabled:S||_,selected:g}),{"k-icon-button":!B&&!it&&lt}),...me,"aria-pressed":R?g?"true":"false":void 0,"aria-disabled":_?"true":void 0,disabled:S||void 0,children:[W&&(0,qt.jsx)(p,{className:a(ee,"k-button-icon"),icon:W}),B?(0,qt.jsxs)(qt.Fragment,{children:[B&&(0,qt.jsx)("span",{className:"k-button-text",children:B}),e.children]}):e.children&&(0,qt.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,qt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,qt.jsx)(p,{icon:b})})]})};u.states=rT;u.options=lT;u.variants=aT;u.className=Er;u.defaultOptions=di;u.moduleName=si;u.folderName=dd;u.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 cd=require("react/jsx-runtime"),Ho=e=>(0,cd.jsx)(u,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var pd=require("react/jsx-runtime"),Ir=e=>(0,pd.jsx)(u,{icon:"folder",children:"Button",...e});var md=require("react/jsx-runtime"),oa=e=>(0,md.jsx)(u,{children:"Button",...e});var ml=require("react/jsx-runtime"),iT=u.options,nT=u.states,sT={...u.defaultOptions,variant:"text"},dT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],cT=[],Ca=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,ml.jsx)(Ho,{...o,icon:"star"});case"icon-and-text":return(0,ml.jsx)(Ir,{...o,icon:"star",children:"Button"});default:return(0,ml.jsx)(oa,{...o,children:"Button"})}};Ca.options=iT;Ca.states=nT;Ca.variants=dT;Ca.defaultOptions=sT;Ca.modifiers=cT;Ca.className=u.className;var ci="button",ud=ci;var bd=require("react/jsx-runtime"),Gr="k-button-group",pT=[s.disabled],mT={fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link]},uT={},J=e=>{let{fillMode:t,disabled:o,stretched:r,...l}=e;return(0,bd.jsx)("div",{role:"group",...l,className:a(e.className,Gr,A(Gr,{fillMode:t}),E(Gr,{disabled:o}),{[`${Gr}-stretched`]:r}),...o&&{"aria-disabled":"true"},children:e.children})};J.states=pT;J.options=mT;J.className=Gr;J.defaultOptions=uT;J.moduleName=ci;J.folderName=ud;J.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 pi=require("react/jsx-runtime");var mi=require("react/jsx-runtime");var ui=require("react/jsx-runtime");var bi=require("react/jsx-runtime");var Ti=require("react/jsx-runtime");var fi=require("react/jsx-runtime");var Tt=require("react/jsx-runtime"),bT={...u.options,...J.options},TT=u.states,fT={...u.defaultOptions,...J.defaultOptions,variant:"text-button"},gT=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],hT=[],La=e=>{let{variant:t,className:o,...r}=e;return t==="icon-button"?(0,Tt.jsxs)(J,{fillMode:r.fillMode,className:o,children:[(0,Tt.jsx)(u,{...r,icon:"star"}),(0,Tt.jsx)(u,{...r,icon:"star"}),(0,Tt.jsx)(u,{...r,icon:"star"})]}):t==="icon-text-button"?(0,Tt.jsxs)(J,{fillMode:r.fillMode,className:o,children:[(0,Tt.jsx)(u,{...r,icon:"star",children:"First"}),(0,Tt.jsx)(u,{...r,icon:"star",children:"Middle"}),(0,Tt.jsx)(u,{...r,icon:"star",children:"Last"})]}):(0,Tt.jsxs)(J,{fillMode:r.fillMode,className:o,children:[(0,Tt.jsx)(u,{...r,children:"First"}),(0,Tt.jsx)(u,{...r,children:"Middle"}),(0,Tt.jsx)(u,{...r,children:"Last"})]})};La.options=bT;La.states=TT;La.variants=gT;La.defaultOptions=fT;La.modifiers=hT;La.className=J.className;var Or="input",ul=Or;var Td=require("react/jsx-runtime"),bl="k-input",xT=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],kT={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},NT={},Ge=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:c,readonly:b,size:f,rounded:x,fillMode:C,...L}=e;return(0,Td.jsx)("span",{...L,className:a(e.className,bl,A(bl,{size:f,rounded:x,fillMode:C}),E(bl,{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:c,readonly:b}))})};Ge.states=xT;Ge.options=kT;Ge.className=bl;Ge.defaultOptions=NT;Ge.moduleName=Or;Ge.folderName=ul;var fd=require("react/jsx-runtime"),Tl="k-picker",wT=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],vT={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},CT={},ao=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:c,readonly:b,size:f,rounded:x,fillMode:C,...L}=e;return(0,fd.jsx)("span",{...L,className:a(e.className,Tl,A(Tl,{size:f,rounded:x,fillMode:C}),E(Tl,{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:c,readonly:b})),children:e.children})};ao.states=wT;ao.options=vT;ao.className=Tl;ao.defaultOptions=CT;ao.moduleName=Or;ao.folderName=ul;var ya=require("react/jsx-runtime"),gd="k-clear-value",LT=[s.disabled,s.loading,s.readonly],yT={},Mt=e=>{let{disabled:t,loading:o,readonly:r,value:l}=e;return t||r||o||!l?(0,ya.jsx)(ya.Fragment,{}):(0,ya.jsx)("span",{className:a(e.className,gd),children:(0,ya.jsx)(p,{icon:"x"})})};Mt.states=LT;Mt.options=yT;Mt.className=gd;var hd=require("react/jsx-runtime"),gi="k-input-inner",MT=[],ST={},fl={type:"text",autocomplete:"off",value:"",placeholder:""},St=e=>{let{value:t=fl.value,type:o=fl.type,placeholder:r=fl.placeholder,autocomplete:l=fl.autocomplete,disabled:n,readOnly:c,...b}=e;return(0,hd.jsx)("input",{...b,type:o,className:a(e.className,gi,A(gi,e)),placeholder:r,autoComplete:l,defaultValue:t,disabled:n||void 0,readOnly:c||void 0})};St.states=MT;St.options=ST;St.className=gi;var Hr=require("react/jsx-runtime"),hi="k-input-inner",RT=[],AT={},aa=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:l,valueIconName:n,...c}=e;return(0,Hr.jsxs)("span",{...c,className:a(e.className,hi,A(hi,e)),children:[l,!l&&n&&(0,Hr.jsx)(p,{className:"k-input-value-icon",icon:n}),r&&!t&&o,r&&t&&(0,Hr.jsx)("span",{className:"k-input-value-text",children:t})]})};aa.states=RT;aa.options=AT;aa.className=hi;var kd=require("react/jsx-runtime"),xi="k-input-inner",ET=[],IT={},xd={value:"",placeholder:""},ki=e=>{let{value:t=xd.value,placeholder:o=xd.placeholder,rows:r,disabled:l,...n}=e;return(0,kd.jsx)("textarea",{...n,className:a(e.className,xi,A(xi,e)),placeholder:o,rows:r,defaultValue:t,disabled:l||void 0})};ki.states=ET;ki.options=IT;ki.className=xi;var Pr=require("react/jsx-runtime"),Nd="k-input-loading-icon",GT=[s.disabled,s.loading],ft=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Pr.jsx)(Pr.Fragment,{}):(0,Pr.jsx)("span",{className:a(e.className,Nd,"k-icon k-i-loading")})};ft.states=GT;ft.className=Nd;var _r=require("react/jsx-runtime"),wd="k-input-validation-icon",OT=[s.valid,s.invalid,s.disabled,s.loading],HT={},nt=e=>{let{valid:t,invalid:o,disabled:r,loading:l}=e,n=o?"warning-circle":"check-circle";return r||l||!!!(t||o)?(0,_r.jsx)(_r.Fragment,{}):(0,_r.jsx)(p,{className:a(wd),icon:n})};nt.states=OT;nt.options=HT;nt.className=wd;var Kr=require("react/jsx-runtime"),PT="k-input-prefix",_T={direction:"horizontal"},Kt=e=>{let{direction:t=_T.direction,...o}=e;return e.children?(0,Kr.jsx)("span",{...o,className:a(PT,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Kr.jsx)(Kr.Fragment,{})};var Dr=require("react/jsx-runtime"),KT="k-input-suffix",DT={direction:"horizontal"},Dt=e=>{let{direction:t=DT.direction,...o}=e;return e.children?(0,Dr.jsx)("span",{...o,className:a(KT,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Dr.jsx)(Dr.Fragment,{})};var BT=require("react/jsx-runtime");var vd=require("react/jsx-runtime"),zT="k-input-suffix-text",Ni=e=>{let{children:t,...o}=e;return(0,vd.jsx)("span",{...o,className:a(zT,e.className),children:t})};var Ld=require("react/jsx-runtime"),Cd="k-input-separator",UT={direction:"vertical"},Bt=e=>{let{direction:t=UT.direction,...o}=e;return(0,Ld.jsx)("span",{...o,className:a(Cd,e.className,{[`${Cd}-${t}`]:t})})};var Be=require("react/jsx-runtime"),FT=Ge.states,$T=Ge.defaultOptions,WT=Ge.options,VT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],XT=[],Ma=e=>{let{modifiers:t,valid:o,invalid:r,loading:l,disabled:n,readonly:c,...b}=e,f=t==null?void 0:t.prefix,x=t==null?void 0:t.suffix,C=t==null?void 0:t["clear-button"],L=t==null?void 0:t["validation-icon"],g=t==null?void 0:t.separators;return(0,Be.jsxs)(Ge,{...b,valid:o,invalid:r,loading:l,disabled:n,readonly:c,style:{width:300},children:[f&&(0,Be.jsxs)(Be.Fragment,{children:[(0,Be.jsx)(Kt,{children:(0,Be.jsx)(p,{icon:"lock"})}),g&&(0,Be.jsx)(Bt,{})]}),(0,Be.jsx)(St,{placeholder:"Placeholder",value:"Value"}),L&&(0,Be.jsx)(nt,{valid:o,invalid:r,loading:l,disabled:n}),(0,Be.jsx)(ft,{loading:l,disabled:n}),C&&(0,Be.jsx)(Mt,{loading:l,disabled:n,readonly:c,value:"Value"}),x&&(0,Be.jsxs)(Be.Fragment,{children:[g&&(0,Be.jsx)(Bt,{}),(0,Be.jsx)(Dt,{children:(0,Be.jsx)(oa,{size:b.size,fillMode:"clear",children:"Send"})})]})]})};Ma.options=WT;Ma.states=FT;Ma.variants=XT;Ma.defaultOptions=$T;Ma.modifiers=VT;Ma.className=Ge.className;var Br=require("react/jsx-runtime"),yd="k-color-preview",JT=[],qT={},Po=e=>{let{color:t,iconName:o,...r}=e;return(0,Br.jsxs)("span",{...r,className:a(e.className,yd,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Br.jsx)(p,{icon:o,className:"k-color-preview-icon"}),(0,Br.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Po.states=JT;Po.options=qT;Po.className=yd;var wi="popup",Md=wi;var vi=require("react/jsx-runtime"),Sd="k-animation-container",YT=[],QT={},Rd={positionMode:"absolute"},zt=e=>{let{positionMode:t=Rd.positionMode,animationStyle:o,offset:r,...l}=e;return(0,vi.jsx)("div",{...l,style:{...r,...e.style},className:a(e.className,Sd,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,vi.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};zt.states=YT;zt.options=QT;zt.className=Sd;zt.defaultOptions=Rd;zt.moduleName=wi;zt.folderName=Md;var Ci="popup",Ad=Ci;var Li=require("react/jsx-runtime"),Ed="k-popup",ZT=[],jT={},Id={positionMode:"absolute"},ne=e=>{let{offset:t,positionMode:o=Id.positionMode,animationStyle:r,containerClassName:l,containerRole:n,containerAriaLabel:c,...b}=e;return(0,Li.jsx)(zt,{positionMode:o,offset:t,animationStyle:r,className:l,role:n,"aria-label":c,children:(0,Li.jsx)("div",{...b,className:a(e.className,Ed),children:e.children})})};ne.states=ZT;ne.options=jT;ne.className=Ed;ne.defaultOptions=Id;ne.moduleName=Ci;ne.folderName=Ad;ne.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 yi="action-buttons",Gd=yi;var Od=require("react/jsx-runtime"),gl="k-actions",ef=[],tf={},Mi={alignment:"start",orientation:"horizontal"},Ut=e=>{let{alignment:t=Mi.alignment,orientation:o=Mi.orientation,...r}=e;return(0,Od.jsx)("div",{...r,className:a(gl,{[`${gl}-${t}`]:t,[`${gl}-${o}`]:o},e.className),children:e.children})};Ut.states=ef;Ut.options=tf;Ut.className=gl;Ut.defaultOptions=Mi;Ut.moduleName=yi;Ut.folderName=Gd;var Pd=require("react/jsx-runtime"),of="k-actionsheet-footer",Hd={alignment:"stretched",orientation:"horizontal"},_o=e=>{let{alignment:t=Hd.alignment,orientation:o=Hd.orientation,template:r,as:l=r?"div":Ut,...n}=e;return(0,Pd.jsx)(l,{...n,...!r&&{alignment:t,orientation:o},className:a(e.className,of),children:e.children})};var Si="searchbox",_d=Si;var Ko=require("react/jsx-runtime"),Kd="k-searchbox",af=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],rf={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},Ri={showIcon:!0,icon:"search"},Rt=e=>{let{value:t,placeholder:o,size:r,rounded:l,fillMode:n,hover:c,focus:b,valid:f,invalid:x,required:C,loading:L,disabled:g,showIcon:S=Ri.showIcon,icon:R=Ri.icon,"aria-label":_,...W}=e;return(0,Ko.jsxs)(Ge,{...W,size:r,rounded:l,fillMode:n,hover:c,focus:b,valid:f,invalid:x,required:C,loading:L,disabled:g,className:a(e.className,Kd),children:[S&&(0,Ko.jsx)(p,{className:"k-input-icon",icon:R}),(0,Ko.jsx)(St,{placeholder:o,value:t,"aria-label":_}),(0,Ko.jsx)(ft,{...e}),(0,Ko.jsx)(nt,{...e}),(0,Ko.jsx)(Mt,{...e})]})};Rt.states=af;Rt.options=rf;Rt.className=Kd;Rt.defaultOptions=Ri;Rt.moduleName=Si;Rt.folderName=_d;var lf=require("react/jsx-runtime");var Ai="textbox",Dd=Ai;var Ze=require("react/jsx-runtime"),Bd="k-textbox",nf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],sf={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},hl={showClearButton:!0,showValidationIcon:!0,separators:!0},be=e=>{let{size:t,rounded:o,fillMode:r,separators:l=hl.separators,showClearButton:n=hl.showClearButton,showValidationIcon:c=hl.showValidationIcon,prefix:b,suffix:f,type:x,value:C,placeholder:L,hover:g,focus:S,valid:R,invalid:_,required:W,loading:B,disabled:ee,readonly:Ne,id:me,"aria-label":lt,"aria-describedby":it,...Lt}=e;return(0,Ze.jsxs)(Ge,{...Lt,size:t,rounded:o,fillMode:r,hover:g,focus:S,valid:R,invalid:_,required:W,loading:B,disabled:ee,readonly:Ne,className:a(e.className,Bd),children:[b&&(0,Ze.jsxs)(Ze.Fragment,{children:[(0,Ze.jsx)(Kt,{children:b}),l&&(0,Ze.jsx)(Bt,{})]}),(0,Ze.jsx)(St,{id:me,placeholder:L,value:C,type:x,disabled:ee,"aria-label":lt,"aria-describedby":it,"aria-invalid":_?"true":void 0}),c&&(0,Ze.jsx)(nt,{valid:R,invalid:_,loading:B,disabled:ee}),(0,Ze.jsx)(ft,{loading:B,disabled:ee}),n&&(0,Ze.jsx)(Mt,{loading:B,disabled:ee,readonly:Ne,value:C}),f&&(0,Ze.jsxs)(Ze.Fragment,{children:[l&&(0,Ze.jsx)(Bt,{}),(0,Ze.jsx)(Dt,{children:f})]})]})};be.states=nf;be.options=sf;be.className=Bd;be.defaultOptions=hl;be.moduleName=Ai;be.folderName=Dd;be.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 zr=be;var Ud=require("react/jsx-runtime"),zd=e=>(0,Ud.jsx)(zr,{...e});var Fd=require("react/jsx-runtime");var $d=require("react/jsx-runtime");var df=require("react/jsx-runtime");var xl=require("react/jsx-runtime"),cf=be.states,pf=be.defaultOptions,mf=be.options,uf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],bf=[],Sa=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t!=null&&t[l]?(0,xl.jsx)(p,{icon:"lock"}):void 0;break;case"suffix":r.suffix=t!=null&&t[l]?(0,xl.jsx)(oa,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=t==null?void 0:t[l];break;default:break}}),(0,xl.jsx)(zd,{value:"Value",style:{width:300},...o,...r})};Sa.options=mf;Sa.states=cf;Sa.variants=bf;Sa.defaultOptions=pf;Sa.modifiers=uf;Sa.className=be.className;var At=require("react/jsx-runtime"),Wd="k-actionsheet-titlebar",Tf={},st=e=>{let{title:t,subtitle:o,actionsStart:r,actionsEnd:l,filter:n,input:c,inputValue:b,inputPlaceholder:f,adaptive:x,titleId:C,children:L,...g}=e;return(0,At.jsxs)("div",{...g,className:a(e.className,Wd),children:[(0,At.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[r&&(0,At.jsx)("div",{className:"k-actionsheet-actions",children:r}),!L&&(0,At.jsxs)("div",{className:"k-actionsheet-title",id:C,children:[t&&(0,At.jsx)("div",{className:"k-text-center",children:t}),o&&(0,At.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),L&&(0,At.jsx)("div",{className:"k-actionsheet-title",id:C,children:L}),l&&(0,At.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(c||n)&&(0,At.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?(0,At.jsx)(be,{value:b,placeholder:f,size:x?"large":"medium","aria-label":t||f||"Input"}):(0,At.jsx)(Rt,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};st.className=Wd;st.defaultOptions=Tf;var Ra=require("react/jsx-runtime"),Ei="k-actionsheet-view",ff=[],gf={},hf={},Aa=e=>{let{adaptive:t,animated:o,children:r,header:l,footer:n,titleId:c,...b}=e,f=(l==null?void 0:l.type)===st&&(0,Ra.jsx)(st,{adaptive:t,titleId:c,...l==null?void 0:l.props}),x=(n==null?void 0:n.type)===_o&&(0,Ra.jsx)(_o,{...n==null?void 0:n.props});return(0,Ra.jsxs)("div",{...b,className:a(e.className,Ei,{[`${Ei}-animated`]:o}),children:[f,(0,Ra.jsx)("div",{className:"k-actionsheet-content",children:r}),x]})};Aa.states=ff;Aa.options=gf;Aa.className=Ei;Aa.defaultOptions=hf;var Ur="action-sheet",kl=Ur;var Ii="overlay",Vd=Ii;var Jd=require("react/jsx-runtime"),Xd="k-overlay",xf=[],kf={},Nf={},Do=e=>{let{...t}=e;return(0,Jd.jsx)("div",{...t,className:a(e.className,Xd),children:e.children})};Do.states=xf;Do.options=kf;Do.className=Xd;Do.defaultOptions=Nf;Do.moduleName=Ii;Do.folderName=Vd;var ra=require("react/jsx-runtime"),qd="k-actionsheet",wf=[],vf={},Fr={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Ae=e=>{let{side:t=Fr.side,fullscreen:o=Fr.fullscreen,adaptive:r=Fr.adaptive,overlay:l=Fr.overlay,template:n,children:c,header:b,footer:f,id:x,...C}=e,L=x&&!n&&b?`${x}-title`:void 0;return(0,ra.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,ra.jsx)(Do,{}),(0,ra.jsx)(zt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:(0,ra.jsx)("div",{...C,id:x,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":L,className:a(e.className,qd,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":r}),children:n||(0,ra.jsx)(Aa,{header:b,footer:f,adaptive:r,titleId:L,...e,children:c})})})]})};Ae.states=wf;Ae.options=vf;Ae.className=qd;Ae.defaultOptions=Fr;Ae.moduleName=Ur;Ae.folderName=kl;Ae.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 Qd=require("react/jsx-runtime"),Yd="k-actionsheet-container",Cf=[],Lf={},yf={},Ea=e=>{let{children:t,...o}=e;return(0,Qd.jsx)("div",{...o,className:Yd,children:t})};Ea.states=Cf;Ea.options=Lf;Ea.className=Yd;Ea.defaultOptions=yf;Ea.moduleName=Ur;Ea.folderName=kl;var Zd=require("react/jsx-runtime"),Gi=e=>{let{...t}=e;return(0,Zd.jsx)("div",{...t,className:a(e.className,"k-list-ul"),children:e.children})};var Ft=require("react/jsx-runtime"),Oi="k-actionsheet-item",Mf=[s.hover,s.focus,s.selected,s.disabled],Bo=e=>{let{iconName:t,text:o,description:r,hover:l,focus:n,selected:c,disabled:b,...f}=e;return(0,Ft.jsxs)("span",{...f,className:a(e.className,Oi,E(Oi,{hover:l,focus:n,selected:c,disabled:b})),children:[!e.children&&(0,Ft.jsx)(Ft.Fragment,{children:(0,Ft.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,Ft.jsx)("span",{className:"k-icon-wrap",children:(0,Ft.jsx)(p,{className:"k-actionsheet-item-icon",icon:t})}),(0,Ft.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,Ft.jsx)("span",{className:"k-actionsheet-item-title",children:o}),r&&(0,Ft.jsx)("span",{className:"k-actionsheet-item-description",children:r})]})]})}),e.children]})};Bo.states=Mf;Bo.className=Oi;var jd=require("react/jsx-runtime");var Sf=require("react/jsx-runtime");var Rf=require("react/jsx-runtime");var Af=require("react/jsx-runtime");var we=require("react/jsx-runtime"),Ef=Ae.options,If=Ae.states,tc={...Ae.defaultOptions,variant:"normal"},Gf=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Of=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Ia=e=>{let{variant:t,modifiers:o,...r}={...tc,...e},l={},n=(0,we.jsxs)(Gi,{children:[(0,we.jsx)(Bo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,we.jsx)(Bo,{text:"Add to Favorites",iconName:"heart"}),(0,we.jsx)(Bo,{text:"Upload New",iconName:"upload",disabled:!0}),(0,we.jsx)("hr",{className:"k-hr"}),(0,we.jsx)(Bo,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",b="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":l.actionsStart=!!(o!=null&&o[f]),l.actionsEnd=!!(o!=null&&o[f]);break;case"subtitle":l.subtitle=o!=null&&o[f]?c:void 0;break;case"footer":l.footer=!!(o!=null&&o[f]);break;default:break}}),t==="adaptive"?(0,we.jsx)(Ae,{...r,adaptive:!0,fullscreen:l.fullScreen,header:(0,we.jsx)(st,{actionsStart:l.actionsStart?(0,we.jsx)(u,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,we.jsx)(u,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:b,subtitle:l.subtitle}),footer:l.footer?(0,we.jsxs)(_o,{alignment:"stretched",children:[(0,we.jsx)(u,{text:"Cancel",size:"large",themeColor:"base"}),(0,we.jsx)(u,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:n}):(0,we.jsx)(Ae,{...r,fullscreen:l.fullScreen,header:(0,we.jsx)(st,{actionsStart:l.actionsStart?(0,we.jsx)(u,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,we.jsx)(u,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,we.jsxs)(_o,{alignment:"stretched",children:[(0,we.jsx)(u,{text:"Apply",themeColor:"primary"}),(0,we.jsx)(u,{text:"Cancel",themeColor:"base"})]}):void 0,children:n})};Ia.options=Ef;Ia.states=If;Ia.variants=Gf;Ia.defaultOptions=tc;Ia.modifiers=Of;Ia.className=Ae.className;var Hi="slider",oc=Hi;var Yt=require("react/jsx-runtime"),$r="k-slider",Hf=[s.hover,s.focus,s.active,s.disabled,s.readonly],Pf={},$t={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},xe=e=>{let{type:t=$t.type,orientation:o=$t.orientation,gradientType:r=$t.gradientType,readonly:l=$t.readonly,disabled:n=$t.disabled,handlePosition:c=$t.handlePosition,showButtons:b=$t.showButtons,showTicks:f=$t.showTicks,value:x=$t.value,min:C=$t.min,max:L=$t.max,startValue:g,endValue:S,hover:R,focus:_,active:W,trackStyle:B,dir:ee,...Ne}=e,lt=(()=>{if(t==="gradient"&&r==="2d")return"undefined";if(o==="vertical")return"vertical"})(),it,Lt;return o==="horizontal"?(it=ee==="rtl"?"caret-alt-left":"caret-alt-right",Lt=ee==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(it="caret-alt-up",Lt="caret-alt-down"),(0,Yt.jsxs)("div",{...Ne,className:a($r,e.className,E($r,{readonly:l,disabled:n}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:ee,children:[b&&(0,Yt.jsx)(u,{className:"k-button-decrease",rounded:"full",icon:Lt,tabIndex:-1,title:"Decrease"}),(0,Yt.jsxs)("div",{className:"k-slider-track-wrap",children:[f&&(0,Yt.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,Yt.jsxs)("div",{className:"k-slider-track",style:B,children:[(0,Yt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Yt.jsx)("span",{className:a("k-draghandle","k-draghandle-start",E($r,{hover:R,focus:_,active:W})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":g??C,"aria-valuemin":C,"aria-valuemax":S??L,"aria-orientation":lt,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":Ne["aria-label"]?`${Ne["aria-label"]} start`:"Range start"}),(0,Yt.jsx)("span",{className:a("k-draghandle",`k-draghandle-${c}`,E($r,{hover:R,focus:_,active:W})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":t==="range"?S??L:x,"aria-valuemin":t==="range"?g??C:C,"aria-valuemax":L,"aria-orientation":lt,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?Ne["aria-label"]?`${Ne["aria-label"]} end`:"Range end":Ne["aria-label"]})]})]}),b&&(0,Yt.jsx)(u,{className:"k-button-increase",rounded:"full",icon:it,tabIndex:-1,title:"Increase"})]})};xe.states=Hf;xe.options=Pf;xe.className=$r;xe.defaultOptions=$t;xe.moduleName=Hi;xe.folderName=oc;xe.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};var Pi=require("react/jsx-runtime"),ac="k-tick",_f=[],Kf={},rc={label:!1},Q=e=>{let{style:t,label:o=rc.label,orientation:r,large:l,text:n,...c}=e;return(0,Pi.jsx)("li",{...c,role:"presentation",title:n||"Tick",className:a(e.className,ac,{[`k-tick-${r}`]:r,"k-tick-large":l}),style:t,children:o&&(0,Pi.jsx)("span",{className:"k-label",children:n})})};Q.states=_f;Q.options=Kf;Q.className=ac;Q.defaultOptions=rc;var $e=require("react/jsx-runtime"),lc=e=>(0,$e.jsx)(xe,{"aria-label":e["aria-label"]||"Slider",children:(0,$e.jsxs)($e.Fragment,{children:[(0,$e.jsx)(Q,{className:"k-first",label:!0,large:!0,text:"0"}),(0,$e.jsx)(Q,{}),(0,$e.jsx)(Q,{}),(0,$e.jsx)(Q,{}),(0,$e.jsx)(Q,{}),(0,$e.jsx)(Q,{label:!0,large:!0,text:"5"}),(0,$e.jsx)(Q,{}),(0,$e.jsx)(Q,{}),(0,$e.jsx)(Q,{}),(0,$e.jsx)(Q,{}),(0,$e.jsx)(Q,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var We=require("react/jsx-runtime"),ic=e=>(0,We.jsx)(xe,{children:(0,We.jsxs)(We.Fragment,{children:[(0,We.jsx)(Q,{className:"k-first",label:!0,large:!0,text:"0"}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{label:!0,large:!0,text:"5"}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});var _i=require("react/jsx-runtime");var Ki=require("react/jsx-runtime");var nc=require("react/jsx-runtime"),Di=e=>(0,nc.jsx)(xe,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var sc=require("react/jsx-runtime"),Bi=e=>(0,sc.jsx)(xe,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var zi=require("react/jsx-runtime");var Ui=require("react/jsx-runtime");var gt=require("react/jsx-runtime"),Df=xe.options,Bf=xe.states,dc={...xe.defaultOptions,variant:"horizontal",label:!0},zf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Uf=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ga=e=>{let{variant:t,modifiers:o,...r}={...dc,...e},l={};Object.keys(o||{}).forEach(x=>{switch(x){case"button":{l.showButtons=!!(o!=null&&o[x]);break}case"label":{l.label=!!(o!=null&&o[x]);break}case"tick":{l.showTicks=!!(o!=null&&o[x]);break}}});let{label:n=!0,showButtons:c,showTicks:b}=l,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,gt.jsxs)(ic,{showTicks:b,showButtons:c,style:{height:"300px",...f},...r,children:[(0,gt.jsx)(Q,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,gt.jsx)(Q,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,gt.jsx)(Q,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,gt.jsx)(Q,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,gt.jsx)(Q,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,gt.jsxs)(lc,{showTicks:b,showButtons:c,style:{width:"400px",...f},...r,children:[(0,gt.jsx)(Q,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,gt.jsx)(Q,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,gt.jsx)(Q,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,gt.jsx)(Q,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,gt.jsx)(Q,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ga.options=Df;Ga.states=Bf;Ga.variants=zf;Ga.defaultOptions=dc;Ga.modifiers=Uf;Ga.className=xe.className;var Wr=require("react/jsx-runtime"),cc="k-spin-button",Wf=[],Vf={size:[d.undefined,d.small,d.medium,d.large],fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link]},Fi={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},zo=e=>{let{size:t,fillMode:o,disabled:r,increaseLabel:l=Fi.increaseLabel,decreaseLabel:n=Fi.decreaseLabel,...c}=e;return(0,Wr.jsxs)("span",{...c,className:a(cc,e.className),children:[(0,Wr.jsx)(u,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:r,"aria-label":l}),(0,Wr.jsx)(u,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:r,"aria-label":n})]})};zo.states=Wf;zo.options=Vf;zo.className=cc;zo.defaultOptions=Fi;zo.moduleName=null;zo.folderName=null;var pc="numeric-textbox",mc="numerictextbox";var Ve=require("react/jsx-runtime"),uc="k-numerictextbox",Xf=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Jf={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},Nl={showSpinButton:!0,showClearButton:!0,separators:!0},te=e=>{let{size:t,rounded:o,fillMode:r,separators:l=Nl.separators,showClearButton:n=Nl.showClearButton,showSpinButton:c=Nl.showSpinButton,prefix:b,suffix:f,value:x,placeholder:C,hover:L,focus:g,valid:S,invalid:R,required:_,loading:W,disabled:B,readonly:ee,id:Ne,"aria-label":me,"aria-describedby":lt,...it}=e;return(0,Ve.jsxs)(Ge,{...it,size:t,rounded:o,fillMode:r,hover:L,focus:g,valid:S,invalid:R,required:_,loading:W,disabled:B,readonly:ee,className:a(e.className,uc),children:[b&&(0,Ve.jsxs)(Ve.Fragment,{children:[(0,Ve.jsx)(Kt,{children:b}),l&&(0,Ve.jsx)(Bt,{})]}),(0,Ve.jsx)(St,{id:Ne,placeholder:C,value:x,role:"spinbutton",disabled:B,"aria-label":me,"aria-describedby":lt,"aria-invalid":R?"true":void 0}),(0,Ve.jsx)(nt,{valid:S,invalid:R,loading:W,disabled:B}),(0,Ve.jsx)(ft,{loading:W,disabled:B}),n&&(0,Ve.jsx)(Mt,{loading:W,disabled:B,readonly:ee,value:x}),f&&(0,Ve.jsxs)(Ve.Fragment,{children:[l&&(0,Ve.jsx)(Bt,{}),(0,Ve.jsx)(Dt,{children:f})]}),c&&(0,Ve.jsx)(zo,{className:"k-input-spinner",size:t,fillMode:r,disabled:B})]})};te.states=Xf;te.options=Jf;te.className=uc;te.defaultOptions=Nl;te.moduleName=pc;te.folderName=mc;te.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 Vr=te;var Tc=require("react/jsx-runtime"),bc=e=>(0,Tc.jsx)(Vr,{...e});var vl=Qs(require("react"));var $i=require("react/jsx-runtime"),qf="k-list-group-sticky-header",Wi=e=>(0,$i.jsx)("div",{className:a(qf,e.className),children:(0,$i.jsx)("div",{className:"k-list-header-text",children:e.children})});var fc=require("react/jsx-runtime"),Yf="k-no-data",wl=e=>{let{live:t,...o}=e;return(0,fc.jsx)("span",{...o,className:a(Yf,e.className),"aria-live":t?"polite":void 0,children:e.children})};var la="list",Oa=la;var Ha=require("react/jsx-runtime"),Vi="k-list",Qf=[],Zf={size:[d.undefined,d.small,d.medium,d.large]},jf={},le=e=>{var S;let{size:t,virtualization:o,children:r,header:l,optionLabel:n,customValue:c,noData:b,screenReaders:f,...x}=e,L=vl.default.Children.toArray(r)[0],g=(S=L==null?void 0:L.props)!=null&&S.children?vl.default.Children.count(L.props.children):vl.default.Children.count(r);return(0,Ha.jsxs)("div",{...x,className:a(e.className,Vi,A(Vi,{size:t}),{"k-virtual-list":o}),children:[n,c,l&&(0,Ha.jsx)(Wi,{children:l}),r||(b!==void 0?b:(0,Ha.jsx)(wl,{live:!0,children:"No data found."})),f&&r&&(0,Ha.jsxs)(wl,{className:"k-sr-only",live:!0,children:[g," items found."]})]})};le.states=Qf;le.options=Zf;le.className=Vi;le.defaultOptions=jf;le.moduleName=la;le.folderName=Oa;le.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var hc=require("react/jsx-runtime"),gc="k-list-container",eg=[],tg={},og={},Pa=e=>{let{...t}=e;return(0,hc.jsx)("div",{...t,className:a(e.className,gc),children:e.children})};Pa.states=eg;Pa.options=tg;Pa.className=gc;Pa.defaultOptions=og;Pa.moduleName=la;Pa.folderName=Oa;var ia="checkbox",_a=ia;var Xi=require("react/jsx-runtime"),Cl="k-checkbox",ag=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],rg={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full]},lg={},ze=e=>{let{id:t,checked:o,indeterminate:r,hover:l,focus:n,disabled:c,invalid:b,valid:f,required:x,size:C,rounded:L,wrapperRole:g,...S}=e;return(0,Xi.jsx)("span",{className:"k-checkbox-wrap",role:g,children:(0,Xi.jsx)("input",{...S,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:c||void 0,"aria-invalid":b?"true":void 0,className:a(e.className,Cl,A(Cl,{size:C,rounded:L}),E(Cl,{hover:l,focus:n,disabled:c,invalid:b,valid:f,indeterminate:r,checked:o}))})})};ze.states=ag;ze.options=rg;ze.className=Cl;ze.defaultOptions=lg;ze.moduleName=ia;ze.folderName=_a;ze.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 Qt=ze;var Nc=require("react/jsx-runtime"),xc="k-checkbox-list",ig=[],ng={},kc={layout:"vertical"},dt=e=>{let{layout:t=kc.layout,...o}=e;return(0,Nc.jsx)("ul",{...o,className:a(e.className,xc,{[`k-list-${t}`]:t}),children:e.children})};dt.states=ig;dt.options=ng;dt.className=xc;dt.defaultOptions=kc;dt.moduleName=ia;dt.folderName=_a;var vc=require("react/jsx-runtime"),wc="k-checkbox-list-item",sg=[],dg={},cg={},ct=e=>{let{...t}=e;return(0,vc.jsx)("li",{...t,className:a(e.className,wc),children:e.children})};ct.states=sg;ct.options=dg;ct.className=wc;ct.defaultOptions=cg;ct.moduleName=ia;ct.folderName=_a;var na=require("react/jsx-runtime"),To=({children:e="Label",id:t="cb-label-after",...o})=>(0,na.jsxs)(na.Fragment,{children:[(0,na.jsx)(Qt,{id:t,...o}),(0,na.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Ji=require("react/jsx-runtime");var qi=require("react/jsx-runtime");var Yi=require("react/jsx-runtime");var pg=require("react/jsx-runtime");var mg=require("react/jsx-runtime");var ug=require("react/jsx-runtime");var je=require("react/jsx-runtime"),bg=dt.options,Tg=dt.states,fg={...dt.defaultOptions,variant:"vertical"},gg=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],hg=[],Ka=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,je.jsxs)(dt,{layout:"horizontal",...o,children:[(0,je.jsx)(ct,{children:(0,je.jsx)(To,{id:D("cb"),defaultChecked:!0,children:"Label"})}),(0,je.jsx)(ct,{children:(0,je.jsx)(To,{id:D("cb"),children:"Label"})}),(0,je.jsx)(ct,{children:(0,je.jsx)(To,{id:D("cb"),children:"Label"})})]}):(0,je.jsxs)(dt,{...o,children:[(0,je.jsx)(ct,{children:(0,je.jsx)(To,{id:D("cb"),defaultChecked:!0,children:"Label"})}),(0,je.jsx)(ct,{children:(0,je.jsx)(To,{id:D("cb"),children:"Label"})}),(0,je.jsx)(ct,{children:(0,je.jsx)(To,{id:D("cb"),children:"Label"})})]})};Ka.options=bg;Ka.states=Tg;Ka.variants=gg;Ka.defaultOptions=fg;Ka.modifiers=hg;Ka.className=dt.className;var Cc=require("react/jsx-runtime"),xg=Qt.options,kg=Qt.states,Ng=Qt.defaultOptions,wg=[],vg=[],Da=e=>(0,Cc.jsx)(To,{id:D("checkbox"),...e,defaultChecked:!0,children:"Label"});Da.options=xg;Da.states=kg;Da.variants=wg;Da.defaultOptions=Ng;Da.modifiers=vg;Da.className=Qt.className;var ro=require("react/jsx-runtime"),Qi="k-list-item",Cg=[s.hover,s.focus,s.selected,s.disabled],Lg={},yg={},j=e=>{let{text:t,groupLabel:o,group:r,iconName:l,iconClassName:n,showCheckbox:c,checked:b,hover:f,focus:x,selected:C,disabled:L,actions:g,description:S,id:R,..._}=e,W=t||e.children;return(0,ro.jsxs)("li",{..._,id:R,role:r?"presentation":"option",tabIndex:r?void 0:x?0:-1,"aria-selected":!r&&C?"true":r?void 0:"false","aria-disabled":!r&&L?"true":void 0,className:a(e.className,r?"k-list-group-item":Qi,E(Qi,{hover:f,focus:x,disabled:L,selected:C})),children:[c&&(0,ro.jsx)(ze,{checked:b}),l&&(0,ro.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,ro.jsx)(p,{icon:l,className:a("k-list-item-icon",n)})}),(0,ro.jsx)("span",{className:"k-list-item-text",children:W}),g&&(0,ro.jsx)("div",{className:"k-list-item-actions",children:g}),S&&(0,ro.jsx)("span",{className:"k-list-item-description",children:S}),o&&o!==""&&(0,ro.jsx)("div",{className:"k-list-item-group-label",children:o})]})};j.states=Cg;j.options=Lg;j.className=Qi;j.defaultOptions=yg;j.moduleName=la;j.folderName=Oa;j.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 Lc=require("react/jsx-runtime"),Mg="k-list-ul",fo=e=>{let{children:t,role:o,id:r,...l}=e;return(0,Lc.jsx)("ul",{...l,id:r,role:o,className:a(Mg,e.className),children:t})};fo.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 Ba=require("react/jsx-runtime"),Sg="k-list-content",ge=e=>{let{virtualization:t,grouping:o,"aria-label":r,"aria-labelledby":l,listboxId:n,...c}=e;return(0,Ba.jsxs)("div",{...c,className:a(Sg,e.className),role:o?"listbox":void 0,id:o?n:void 0,"aria-label":o?r:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:(0,Ba.jsx)(fo,{role:"listbox",id:n,"aria-label":r,"aria-labelledby":l,children:e.children}),t&&(0,Ba.jsx)("div",{className:"k-height-container",children:(0,Ba.jsx)("div",{})})]})};ge.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 Zi=require("react/jsx-runtime");var za=require("react/jsx-runtime"),Rg="k-list-group-item",sa=e=>{let{groupIconName:t,...o}=e;return(0,za.jsxs)("li",{...o,role:"presentation",className:a(Rg,e.className),children:[t&&(0,za.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,za.jsx)(p,{icon:t,className:"k-list-item-icon"})}),(0,za.jsx)("span",{className:"k-list-item-text",children:e.children})]})};sa.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 yc=require("react/jsx-runtime"),ji="k-list-optionlabel",Ag=[s.hover,s.focus,s.selected,s.disabled],Eg={},Ig={},Ll=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:n,...c}=e;return(0,yc.jsx)("div",{...c,className:a(ji,E(ji,{hover:o,focus:r,selected:l,disabled:n})),children:t})};Ll.states=Ag;Ll.options=Eg;Ll.className=ji;Ll.defaultOptions=Ig;var Mc=require("react/jsx-runtime"),en="k-list-custom-value",Gg=[s.hover,s.focus,s.selected,s.disabled],Og={},Hg={},Uo=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:n,...c}=e;return(0,Mc.jsx)("div",{...c,className:a(en,E(en,{hover:o,focus:r,selected:l,disabled:n})),children:t})};Uo.states=Gg;Uo.options=Og;Uo.className=en;Uo.defaultOptions=Hg;var tn=require("react/jsx-runtime");var on=require("react/jsx-runtime");var an=require("react/jsx-runtime");var rn=require("react/jsx-runtime");var Pg=require("react/jsx-runtime");var ln=require("react/jsx-runtime");var Sc="dropdown-list",Rc="dropdownlist";var ve=require("react/jsx-runtime"),Ac="k-dropdownlist",_g=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Kg={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},nn={showValue:!0,arrowIconName:"caret-alt-down"},ce=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=nn.arrowIconName,showValue:n=nn.showValue,valueIconName:c,prefix:b,suffix:f,value:x,placeholder:C,hover:L,focus:g,valid:S,invalid:R,required:_,loading:W,disabled:B,readonly:ee,popup:Ne,opened:me,adaptive:lt,adaptiveSettings:it,adaptiveTitle:Lt,adaptiveSubtitle:ea,adaptiveFilter:jl,id:Oo,activeDescendant:dl,"aria-label":ei,...ti}=e,Kb=Oo?`${Oo}-listbox`:void 0,qs=Oo?`${Oo}-value`:void 0;return(0,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsxs)(ao,{...ti,id:Oo,size:t,rounded:o,fillMode:r,hover:L,focus:g,valid:S,invalid:R,required:_,loading:W,disabled:B,readonly:ee,className:a(e.className,Ac,{"k-icon-picker":!n&&c}),role:"combobox","aria-haspopup":"listbox","aria-expanded":me?"true":"false","aria-controls":me?Kb:void 0,"aria-activedescendant":me&&dl?dl:void 0,"aria-describedby":me?qs:void 0,"aria-disabled":B?"true":void 0,"aria-label":ei,tabIndex:0,children:[(0,ve.jsx)(Kt,{children:b}),(0,ve.jsx)(aa,{placeholder:C,value:x,showValue:n,valueIconName:c,id:qs}),(0,ve.jsx)(nt,{valid:S,invalid:R,loading:W,disabled:B}),(0,ve.jsx)(ft,{loading:W,disabled:B}),(0,ve.jsx)(Dt,{children:f}),(0,ve.jsx)(u,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":C||"Toggle dropdown",tabIndex:-1})]}),me&&Ne&&(0,ve.jsx)(ne,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:Ne}),lt&&(0,ve.jsx)(Ae,{adaptive:!0,...it,header:(0,ve.jsx)(st,{actionsEnd:(0,ve.jsx)(u,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:jl,inputValue:x,inputPlaceholder:C,title:Lt,subtitle:ea}),children:(0,ve.jsx)("div",{className:"k-list-container",children:(0,ve.jsx)(le,{size:"large",children:(0,ve.jsxs)(ge,{"aria-label":"Options",children:[(0,ve.jsx)(j,{text:"List item"}),(0,ve.jsx)(j,{text:"List item"}),(0,ve.jsx)(j,{text:"List item"})]})})})})]})};ce.states=_g;ce.options=Kg;ce.className=Ac;ce.defaultOptions=nn;ce.moduleName=Sc;ce.folderName=Rc;ce.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};var Dg=require("react/jsx-runtime");var Ec=require("react/jsx-runtime");var sn=require("react/jsx-runtime");var Bg=require("react/jsx-runtime");var Ic=require("react/jsx-runtime");var dn=require("react/jsx-runtime");var zg=require("react/jsx-runtime");var ht=require("react/jsx-runtime"),Ug=ce.states,Fg=ce.defaultOptions,$g=ce.options,Wg=[{name:"opened",title:"Opened"}],Vg=[],Fa=e=>{let{modifiers:t,...o}=e,r={},l=(0,ht.jsxs)(ht.Fragment,{children:[(0,ht.jsx)("div",{className:"k-list-filter",children:(0,ht.jsx)(Rt,{})}),(0,ht.jsx)(le,{style:{width:300},size:o.size,children:(0,ht.jsxs)(ge,{children:[(0,ht.jsx)(j,{children:"List item"}),(0,ht.jsx)(j,{children:"List item"}),(0,ht.jsx)(j,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(n=>{n==="opened"&&(r.opened=!!(t!=null&&t[n]),r.popup=t!=null&&t[n]?l:void 0)}),(0,ht.jsx)("div",{children:(0,ht.jsx)(ce,{placeholder:"Value",style:{width:300},...o,...r})})};Fa.options=$g;Fa.states=Ug;Fa.variants=Vg;Fa.defaultOptions=Fg;Fa.modifiers=Wg;Fa.className=ce.className;var Gc=require("react/jsx-runtime");var Oc=require("react/jsx-runtime");var Xg=require("react/jsx-runtime");var yl=require("react/jsx-runtime"),Jg=te.states,qg=te.defaultOptions,Yg=te.options,Qg=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Zg=[],$a=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t!=null&&t[l]?(0,yl.jsx)(ce,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":r.suffix=t!=null&&t[l]?(0,yl.jsx)(Ni,{children:"mm"}):void 0;break;case"clear-button":r.showClearButton=t==null?void 0:t[l];break;case"spin-button":r.showSpinButton=t==null?void 0:t[l];break;default:break}}),(0,yl.jsx)(bc,{value:"Value",style:{width:300},...o,...r})};$a.options=Yg;$a.states=Jg;$a.variants=Zg;$a.defaultOptions=qg;$a.modifiers=Qg;$a.className=te.className;var O=require("react/jsx-runtime"),Hc="k-colorgradient-inputs",jg=[],eh={size:[d.undefined,d.small,d.medium,d.large]},Pc={mode:"rgba"},Wa=e=>{let{mode:t=Pc.mode,size:o,...r}=e;return(0,O.jsxs)("div",{...r,className:a(Hc,"k-hstack"),children:[(0,O.jsx)("div",{className:"k-vstack",children:(0,O.jsx)(u,{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)(te,{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)(te,{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)(te,{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)(te,{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)(te,{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)(te,{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)(te,{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)(te,{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)(te,{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)(te,{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)(te,{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)(te,{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)(te,{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)(te,{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)(be,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Wa.states=jg;Wa.options=eh;Wa.className=Hc;Wa.defaultOptions=Pc;var et=require("react/jsx-runtime"),_c="k-colorgradient-color-contrast",th=[],oh={},ah={},Va=()=>(0,et.jsxs)("div",{className:a(_c,"k-vbox"),children:[(0,et.jsxs)("div",{className:"k-contrast-ratio",children:[(0,et.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,et.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,et.jsx)(p,{icon:"check"}),(0,et.jsx)(p,{icon:"check"})]})]}),(0,et.jsxs)("div",{children:[(0,et.jsx)("span",{children:"AA: 4.5"}),(0,et.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,et.jsx)(p,{icon:"check"})]})]}),(0,et.jsxs)("div",{children:[(0,et.jsx)("span",{children:"AAA: 7.0"}),(0,et.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,et.jsx)(p,{icon:"x"})]})]})]});Va.states=th;Va.options=oh;Va.className=_c;Va.defaultOptions=ah;var Kc="color-gradient",Dc="colorgradient";var Pe=require("react/jsx-runtime"),Ml="k-colorgradient",rh=[s.hover,s.focus,s.readonly,s.disabled],lh={size:[d.undefined,d.small,d.medium,d.large]},lo={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"},Ue=e=>{let{size:t,mode:o=lo.mode,readonly:r=lo.readonly,disabled:l=lo.disabled,gradientStyle:n=lo.gradientStyle,dragHandleStyle:c=lo.dragHandleStyle,alphaStyle:b=lo.alphaStyle,alphaStyleHorizontal:f=lo.alphaStyleHorizontal,contrast:x=lo.contrast,dir:C,hover:L,focus:g,hoverHandle:S,focusHandle:R,canvasOrientation:_=lo.canvasOrientation,role:W,tabIndex:B,...ee}=e;return(0,Pe.jsxs)("div",{...ee,role:W??"textbox","aria-label":W==="none"?void 0:"Color gradient",tabIndex:B??0,"aria-disabled":l?"true":void 0,className:a(e.className,Ml,A(Ml,{size:t}),E(Ml,{hover:L,focus:g,readonly:r,disabled:l})),dir:C,children:[!_||_==="horizontal"&&(0,Pe.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,Pe.jsx)("div",{className:"k-hsv-rectangle",style:n,children:(0,Pe.jsx)("div",{className:"k-hsv-gradient",children:(0,Pe.jsx)("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":S,"k-focus":R}),style:c,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,Pe.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,Pe.jsx)(Bi,{className:"k-hue-slider",hover:S,focus:R}),o!=="rgb"&&o!=="hsv"&&(0,Pe.jsx)(Bi,{className:"k-alpha-slider",hover:S,focus:R,trackStyle:b})]})]}),_==="vertical"&&(0,Pe.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,Pe.jsx)("div",{className:"k-hsv-rectangle",style:n,children:(0,Pe.jsx)("div",{className:"k-hsv-gradient",children:(0,Pe.jsx)("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":S,"k-focus":R}),style:c,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,Pe.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,Pe.jsx)(Di,{className:"k-hue-slider",hover:S,focus:R}),o!=="rgb"&&o!=="hsv"&&(0,Pe.jsx)(Di,{className:"k-alpha-slider",hover:S,focus:R,trackStyle:f})]})]}),(0,Pe.jsx)(Wa,{mode:e.mode,size:t}),x&&(0,Pe.jsx)(Va,{})]})};Ue.states=rh;Ue.options=lh;Ue.className=Ml;Ue.defaultOptions=lo;Ue.moduleName=Kc;Ue.folderName=Dc;Ue.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 Bc=require("react/jsx-runtime"),Sl=e=>(0,Bc.jsx)(Ue,{...e});var ih=require("react/jsx-runtime");var nh=require("react/jsx-runtime");var Rl=require("react/jsx-runtime"),sh=Ue.options,dh=Ue.states,ch={...Ue.defaultOptions,variant:"rgba"},ph=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],mh=[],Xa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,Rl.jsx)(Sl,{...o,mode:t});case"rgb":return(0,Rl.jsx)(Sl,{...o,mode:t});default:return(0,Rl.jsx)(Sl,{...o,mode:t})}};Xa.options=sh;Xa.states=dh;Xa.variants=ph;Xa.defaultOptions=ch;Xa.modifiers=mh;Xa.className=Ue.className;var zc=require("react/jsx-runtime"),cn=e=>(0,zc.jsx)("tr",{role:"row",children:e.children});var Uc=require("react/jsx-runtime"),pn="k-colorpalette-tile",uh=[s.hover,s.focus,s.selected],bh={},Ja=e=>{let{color:t,tileSize:o,hover:r,focus:l,selected:n,...c}=e,b={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,Uc.jsx)("td",{...c,role:"gridcell","aria-label":t,"aria-selected":n?"true":void 0,className:a(e.className,pn,E(pn,{hover:r,focus:l,selected:n})),style:b})};Ja.states=uh;Ja.options=bh;Ja.className=pn;var Fc="color-palette",$c="colorpalette";var qa=require("react/jsx-runtime"),Al="k-colorpalette",Th=[s.disabled],fh={size:[d.undefined,d.small,d.medium,d.large]},Wc={columns:10},pt=e=>{let{size:t,palette:o,columns:r=Wc.columns,tileSize:l,disabled:n,...c}=e,b=[];if(o){let f=r||o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/f)},(C,L)=>{let g=[];x.slice(L*f,(L+1)*f).map((R,_)=>{g.push((0,qa.jsx)(Ja,{color:R,tileSize:l},_))});let S=(0,qa.jsx)(cn,{children:g},L);b.push(S)})}return(0,qa.jsx)("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":n?"true":void 0,className:a(e.className,Al,E(Al,{disabled:n}),A(Al,{size:t})),children:(0,qa.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,qa.jsx)("tbody",{children:b.length>0?b:e.children})})})};pt.states=Th;pt.options=fh;pt.className=Al;pt.defaultOptions=Wc;pt.moduleName=Fc;pt.folderName=$c;pt.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 El=pt;var Xr={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 Xc=require("react/jsx-runtime"),Vc=e=>(0,Xc.jsx)(El,{palette:Xr.basic,...e});var gh=require("react/jsx-runtime");var Jc=require("react/jsx-runtime");var qc=require("react/jsx-runtime"),hh=pt.options,xh=pt.states,kh={...pt.defaultOptions,variant:"basic"},Nh=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],wh={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}},vh=[],Ya=e=>{let{variant:t="basic",...o}=e,r=wh[t];return(0,qc.jsx)(Vc,{columns:r.columns,palette:r,...o})};Ya.options=hh;Ya.states=xh;Ya.variants=Nh;Ya.defaultOptions=kh;Ya.modifiers=vh;Ya.className=pt.className;var Yc="color-editor",Qc="coloreditor";var Oe=require("react/jsx-runtime"),Il="k-coloreditor",Ch=[s.focus],Lh={size:[d.undefined,d.small,d.medium,d.large]},Jr={view:"gradient",palette:Xr.office,actionButtons:!0,canvasOrientation:"horizontal"},Ee=e=>{let{size:t,view:o=Jr.view,palette:r=Jr.palette,color:l,currentColor:n,focus:c,focusView:b,dir:f,group:x,actionButtons:C=Jr.actionButtons,canvasOrientation:L=Jr.canvasOrientation,...g}=e;return(0,Oe.jsxs)("div",{...g,role:"textbox","aria-label":"Color editor",tabIndex:0,className:a(e.className,"k-flatcolorpicker",Il,A(Il,{size:t}),E(Il,{focus:c})),dir:f,children:[(0,Oe.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,Oe.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&(0,Oe.jsxs)(J,{fillMode:"flat",children:[(0,Oe.jsx)(u,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,Oe.jsx)(u,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,Oe.jsx)("div",{className:"k-spacer"}),(0,Oe.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,Oe.jsx)(u,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,Oe.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,Oe.jsx)(Po,{className:"k-coloreditor-preview-color",color:l}),(0,Oe.jsx)(Po,{className:"k-coloreditor-current-color",color:n})]})]})]}),(0,Oe.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,Oe.jsx)(Ue,{focus:b,size:t,canvasOrientation:L,role:"none",tabIndex:-1}):(0,Oe.jsx)(pt,{palette:r,size:t})}),C&&(0,Oe.jsxs)(Ut,{className:"k-coloreditor-footer",alignment:"start",children:[(0,Oe.jsx)(u,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,Oe.jsx)(u,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Ee.states=Ch;Ee.options=Lh;Ee.className=Il;Ee.defaultOptions=Jr;Ee.moduleName=Yc;Ee.folderName=Qc;Ee.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 Qa=Ee;var yh=require("react/jsx-runtime");var Mh=require("react/jsx-runtime");var jc=require("react/jsx-runtime"),Zc=e=>(0,jc.jsx)(Qa,{group:!0,currentColor:"fuchsia",...e});var tp=require("react/jsx-runtime"),ep=e=>(0,tp.jsx)(Qa,{view:"palette",group:!0,currentColor:"fuchsia",...e});var mn=require("react/jsx-runtime"),Sh=Ee.options,Rh=Ee.states,Ah={...Ee.defaultOptions,variant:"gradient"},Eh=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Ih=[],Za=e=>{let{variant:t,...o}=e;return t==="palette"?(0,mn.jsx)(ep,{...o,color:"white"}):(0,mn.jsx)(Zc,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Za.options=Sh;Za.states=Rh;Za.variants=Eh;Za.defaultOptions=Ah;Za.modifiers=Ih;Za.className=Ee.className;var op="color-picker",ap="colorpicker";var _e=require("react/jsx-runtime"),rp="k-colorpicker",Gh=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],Oh={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},lp={arrowIconName:"caret-alt-down"},Et=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=lp.arrowIconName,prefix:n,suffix:c,value:b,placeholder:f,hover:x,focus:C,valid:L,invalid:g,required:S,disabled:R,valueIconName:_,popup:W,opened:B,adaptive:ee,adaptiveSettings:Ne,adaptiveTitle:me,adaptiveSubtitle:lt,...it}=e,Lt="colorpicker-popup";return(0,_e.jsxs)(_e.Fragment,{children:[(0,_e.jsxs)(ao,{...it,size:t,rounded:o,fillMode:r,hover:x,focus:C,valid:L,invalid:g,required:S,disabled:R,role:"combobox","aria-haspopup":"dialog","aria-expanded":B?"true":"false","aria-controls":B||ee?Lt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":R?"true":void 0,className:a(e.className,rp,"k-icon-picker"),children:[(0,_e.jsx)(Kt,{children:n}),(0,_e.jsx)(aa,{placeholder:f,value:b,showValue:!1,valueIcon:(0,_e.jsx)(Po,{className:"k-value-icon",color:b,iconName:_}),valueIconName:_}),(0,_e.jsx)(Dt,{children:c}),(0,_e.jsx)(u,{className:"k-input-button",icon:l,size:t,fillMode:r,tabIndex:-1,"aria-label":"Open color picker",disabled:R})]}),B&&W&&(0,_e.jsx)(ne,{id:Lt,className:"k-colorpicker-popup",children:W}),ee&&(0,_e.jsx)(Ae,{adaptive:!0,id:Lt,...Ne,header:(0,_e.jsx)(st,{actionsEnd:(0,_e.jsx)(u,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:me,subtitle:lt}),footer:(0,_e.jsxs)(_o,{children:[(0,_e.jsx)(u,{text:"Cancel",size:"large"}),(0,_e.jsx)(u,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,_e.jsx)(Ee,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Et.states=Gh;Et.options=Oh;Et.className=rp;Et.defaultOptions=lp;Et.moduleName=op;Et.folderName=ap;Et.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 go=Et;var ip=require("react/jsx-runtime"),Gl=e=>(0,ip.jsx)(go,{...e});var Hh=require("react/jsx-runtime");var Ph=require("react/jsx-runtime");var _h=require("react/jsx-runtime");var Kh=require("react/jsx-runtime");var Dh=require("react/jsx-runtime");var Bh=require("react/jsx-runtime");var Fo=require("react/jsx-runtime"),zh=go.options,Uh=go.states,np={...go.defaultOptions,variant:"color"},Fh=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],$h=[{name:"opened",title:"Opened"}],ja=e=>{let{variant:t,modifiers:o,...r}={...np,...e},l={};Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!(o!=null&&o[c]),l.popup=o!=null&&o[c]?(0,Fo.jsx)(Ee,{size:r.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let n=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,Fo.jsx)("div",{style:n,children:(0,Fo.jsx)(Gl,{...r,...l})});case"icon":return(0,Fo.jsx)("div",{style:n,children:(0,Fo.jsx)(Gl,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...r,...l})});default:return(0,Fo.jsx)("div",{style:n,children:(0,Fo.jsx)(Gl,{value:"rgba(183, 118 , 118, 1.00)",...r,...l})})}};ja.options=zh;ja.states=Uh;ja.variants=Fh;ja.defaultOptions=np;ja.modifiers=$h;ja.className=go.className;var un="combobox",sp=un;var se=require("react/jsx-runtime"),dp="k-combobox",Wh=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Vh={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},cp={separators:!0},tt=e=>{let{size:t,rounded:o,fillMode:r,separators:l=cp.separators,prefix:n,suffix:c,value:b,placeholder:f,hover:x,focus:C,valid:L,invalid:g,required:S,loading:R,disabled:_,popup:W,opened:B,readonly:ee,adaptive:Ne,adaptiveSettings:me,adaptiveTitle:lt,adaptiveSubtitle:it,adaptiveCustomValue:Lt,id:ea,autocomplete:jl,activeDescendant:Oo,"aria-label":dl,...ei}=e,ti=ea?`${ea}-listbox`:void 0;return(0,se.jsxs)(se.Fragment,{children:[(0,se.jsxs)(Ge,{...ei,size:t,rounded:o,fillMode:r,hover:x,focus:C,valid:L,invalid:g,required:S,loading:R,disabled:_,readonly:ee,className:a(e.className,dp),children:[n&&(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)(Kt,{children:n}),l&&(0,se.jsx)(Bt,{})]}),(0,se.jsx)(St,{id:ea,placeholder:f,value:b,role:"combobox","aria-haspopup":"listbox","aria-expanded":B?"true":"false","aria-controls":B?ti:void 0,"aria-activedescendant":B&&Oo?Oo:void 0,"aria-autocomplete":jl,"aria-invalid":g?"true":void 0,"aria-busy":R?"true":void 0,"aria-label":dl,disabled:_,readOnly:ee}),(0,se.jsx)(nt,{valid:L,invalid:g,loading:R,disabled:_}),(0,se.jsx)(ft,{loading:R,disabled:_}),(0,se.jsx)(Mt,{loading:R,disabled:_,readonly:ee,value:b}),c&&(0,se.jsxs)(se.Fragment,{children:[l&&(0,se.jsx)(Bt,{}),(0,se.jsx)(Dt,{children:c})]}),(0,se.jsx)(u,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:r,"aria-label":"Open popup",tabIndex:-1,disabled:_})]}),B&&W&&(0,se.jsx)(ne,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:W}),Ne&&(0,se.jsx)(Ae,{adaptive:!0,id:ea?`${ea}-adaptive`:void 0,...me,header:(0,se.jsx)(st,{actionsEnd:(0,se.jsx)(u,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:b,inputPlaceholder:f,title:lt,subtitle:it}),children:(0,se.jsx)("div",{className:"k-list-container",children:(0,se.jsx)(le,{customValue:Lt?(0,se.jsx)(Uo,{text:`Use "${b}"`}):void 0,size:"large",children:(0,se.jsxs)(ge,{"aria-label":lt||"Options",children:[(0,se.jsx)(j,{text:"List item"}),(0,se.jsx)(j,{text:"List item"}),(0,se.jsx)(j,{text:"List item"})]})})})})]})};tt.states=Wh;tt.options=Vh;tt.className=dp;tt.defaultOptions=cp;tt.moduleName=un;tt.folderName=sp;tt.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var It=tt;var mp=require("react/jsx-runtime"),pp=e=>(0,mp.jsx)(It,{...e});var up=require("react/jsx-runtime");var bp=require("react/jsx-runtime");var Tp=require("react/jsx-runtime");var fp=require("react/jsx-runtime");var gp=require("react/jsx-runtime");var hp=require("react/jsx-runtime");var bn=require("react/jsx-runtime");var Xh=require("react/jsx-runtime");var Jh=require("react/jsx-runtime");var xp=require("react/jsx-runtime");var kp=require("react/jsx-runtime");var Zt=require("react/jsx-runtime"),qh=tt.states,Yh=tt.defaultOptions,Qh=tt.options,Zh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],jh=[],er=e=>{let{modifiers:t,...o}=e,r={},l=(0,Zt.jsx)(le,{style:{width:300},size:o.size,children:(0,Zt.jsxs)(ge,{children:[(0,Zt.jsx)(j,{children:"List item"}),(0,Zt.jsx)(j,{children:"List item"}),(0,Zt.jsx)(j,{children:"List item"})]})});return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":r.prefix=t!=null&&t[n]?(0,Zt.jsx)(p,{icon:"map-marker-target"}):void 0;break;case"suffix":r.suffix=t!=null&&t[n]?(0,Zt.jsx)(Ho,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":r.opened=!!(t!=null&&t[n]),r.popup=t!=null&&t[n]?l:void 0;break;default:break}}),(0,Zt.jsx)("div",{children:(0,Zt.jsx)(pp,{value:"Value",style:{width:300},...o,...r})})};er.options=Qh;er.states=qh;er.variants=jh;er.defaultOptions=Yh;er.modifiers=Zh;er.className=tt.className;var Tn="menu-button",Np=Tn;var vp=require("react/jsx-runtime"),wp="k-menu-button",ex=[s.hover,s.focus,s.active,s.selected,s.disabled],tx={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info,M.inverse]},fn={showArrow:!0,arrowIconName:"caret-alt-down"},pe=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:c,active:b,selected:f,disabled:x,icon:C,text:L,showArrow:g=fn.showArrow,arrowIconName:S=fn.arrowIconName,expanded:R,..._}=e;return(0,vp.jsx)(u,{..._,className:a(e.className,wp),text:L,size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:c,active:b,selected:f,disabled:x,icon:C,showArrow:g,arrowIconName:S,"aria-expanded":R?"true":"false",...!L&&C&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};pe.states=ex;pe.options=tx;pe.className=wp;pe.defaultOptions=fn;pe.moduleName=Tn;pe.folderName=Np;pe.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 ox=require("react/jsx-runtime");var ax=require("react/jsx-runtime");var rx=require("react/jsx-runtime");var Gt="menu",Wt=Gt;var ho=require("react/jsx-runtime"),gn="k-menu-item",lx=[s.hover,s.focus,s.active,s.selected,s.disabled],ix={},Cp={iconPosition:"before"},ot=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:n,icon:c,text:b,first:f,last:x,showArrow:C,arrowIconName:L,iconPosition:g=Cp.iconPosition,dir:S,children:R,expanded:_,...W}=e,B=L;return B||(B=S==="rtl"?"caret-alt-left":"caret-alt-right"),(0,ho.jsxs)("li",{...W,className:a(e.className,gn,"k-item",E(gn,{focus:o,disabled:n,hover:t,active:r,selected:l}),{"k-first":f,"k-last":x}),role:"menuitem",...C&&{"aria-haspopup":"menu"},...C&&{"aria-expanded":_?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,ho.jsxs)("span",{className:a("k-link k-menu-link"),children:[c&&g==="before"&&(0,ho.jsx)(p,{className:"k-menu-link-icon",icon:c}),(0,ho.jsx)("span",{className:"k-menu-link-text",children:b}),c&&g==="after"&&(0,ho.jsx)(p,{className:"k-menu-link-icon",icon:c}),C&&(0,ho.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,ho.jsx)(p,{icon:B})})]}),R]})};ot.states=lx;ot.options=ix;ot.className=gn;ot.defaultOptions=Cp;ot.moduleName=Gt;ot.folderName=Wt;var xo=require("react/jsx-runtime"),hn="k-menu-item",nx=[s.hover,s.focus,s.active,s.selected,s.disabled],sx={},xn={dir:"ltr",iconPosition:"before"},oe=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:n,icon:c,text:b,first:f,last:x,showArrow:C,arrowIconName:L,iconPosition:g=xn.iconPosition,dir:S=xn.dir,children:R,popup:_,expanded:W,...B}=e,ee=L;return ee||(ee=S==="rtl"?"caret-alt-left":"caret-alt-right"),(0,xo.jsxs)("li",{...B,className:a(e.className,hn,"k-item",E(hn,{focus:o,disabled:n}),{"k-first":f,"k-last":x}),role:"menuitem",...C&&{"aria-haspopup":"menu"},...C&&{"aria-expanded":W?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,xo.jsxs)("span",{className:a("k-link k-menu-link",E("k-menu-link",{hover:t,active:r,selected:l,disabled:n})),children:[c&&g==="before"&&(0,xo.jsx)(p,{className:"k-menu-link-icon",icon:c}),(0,xo.jsx)("span",{className:"k-menu-link-text",children:b}),c&&g==="after"&&(0,xo.jsx)(p,{className:"k-menu-link-icon",icon:c}),C&&(0,xo.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,xo.jsx)(p,{icon:ee})})]}),R,_]})};oe.states=nx;oe.options=sx;oe.className=hn;oe.defaultOptions=xn;oe.moduleName=Gt;oe.folderName=Wt;var Mp=require("react/jsx-runtime"),Lp="k-menu-scroll-wrapper",dx=[],cx={},px={},da=e=>{let{className:t,children:o,orientation:r,...l}=e;return(0,Mp.jsx)("div",{...l,className:a(t,Lp,{"k-menu-scroll-wrapper-vertical":r==="vertical"}),children:o})};da.states=dx;da.options=cx;da.className=Lp;da.defaultOptions=px;da.moduleName=Gt;da.folderName=Wt;var yp=da;var Xe=require("react/jsx-runtime"),kn="k-menu",mx=[],ux={},Hl={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ce=e=>{let{children:t,orientation:o=Hl.orientation,header:r=Hl.header,scrollable:l,scrollButtonsPosition:n=Hl.scrollButtonsPosition,wrapperStyles:c,dir:b,popup:f,contextMenu:x,...C}=e,L={horizontal:{prev:b!=="rtl"?"left":"right",next:b!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},g=(0,Xe.jsx)("ul",{dir:b,...C,className:a(e.className,"k-reset",kn,{[`${kn}-${o}`]:o,"k-header":r}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Xe.jsxs)(Xe.Fragment,{children:[l?(0,Xe.jsxs)(yp,{orientation:o,style:c,dir:e.dir,children:[n==="start"&&(0,Xe.jsxs)(Xe.Fragment,{children:[(0,Xe.jsx)(u,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Xe.jsx)(u,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&(0,Xe.jsx)(u,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),g,n==="end"&&(0,Xe.jsxs)(Xe.Fragment,{children:[(0,Xe.jsx)(u,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Xe.jsx)(u,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&(0,Xe.jsx)(u,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):g,f]})};Ce.states=mx;Ce.options=ux;Ce.className=kn;Ce.defaultOptions=Hl;Ce.moduleName=Gt;Ce.folderName=Wt;Ce.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var Rp=require("react/jsx-runtime"),Nn="k-separator",Sp={orientation:"horizontal"},$o=e=>{let{orientation:t=Sp.orientation,...o}=e;return(0,Rp.jsx)("li",{...o,className:a(e.className,"k-item",Nn,{[`${Nn}-${t}`]:t}),role:"separator"})};$o.className=Nn;$o.defaultOptions=Sp;$o.moduleName=Gt;$o.folderName=Wt;var Ap=require("react/jsx-runtime");var Ep=require("react/jsx-runtime"),wn="k-menu-group",bx=[],Tx={size:[d.undefined,d.small,d.medium,d.large]},fx={},He=e=>{let{children:t,size:o,...r}=e;return(0,Ep.jsx)("ul",{...r,className:a(e.className,wn,A(wn,{size:o})),role:"menu",children:t})};He.states=bx;He.options=Tx;He.className=wn;He.defaultOptions=fx;He.moduleName=Gt;He.folderName=Wt;var jt=require("react/jsx-runtime"),vn=e=>(0,jt.jsx)(Ce,{children:(0,jt.jsxs)(jt.Fragment,{children:[(0,jt.jsx)(ot,{first:!0,text:"Item 1"}),(0,jt.jsx)(ot,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,jt.jsx)(ot,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,jt.jsx)(ot,{text:"Item 4"}),(0,jt.jsx)(ot,{last:!0,text:"Item 5"})]}),...e});var Cn=require("react/jsx-runtime");var Ln=require("react/jsx-runtime");var yn=require("react/jsx-runtime");var Mn=require("react/jsx-runtime");var io=require("react/jsx-runtime"),gx=Ce.options,hx=Ce.states,Ip={...Ce.defaultOptions,variant:"horizontal"},xx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],kx=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],tr=e=>{let{variant:t,modifiers:o,...r}={...Ip,...e},l={};return Object.keys(o||{}).forEach(n=>{switch(n){case"scrollable":l.scrollable=!!(o!=null&&o[n]);break;case"opened":l.opened=!!(o!=null&&o[n]),l.popup=(0,io.jsx)(ne,{className:"k-menu-popup",children:(0,io.jsxs)(He,{children:[(0,io.jsx)(oe,{text:"Item 1"}),(0,io.jsx)(oe,{text:"Item 2"}),(0,io.jsx)($o,{}),(0,io.jsx)(oe,{text:"Item 3"})]})});break}}),t==="vertical"?(0,io.jsx)(vn,{...r,...l,orientation:"vertical",style:{width:"200px"}}):(0,io.jsx)(vn,{...r,...l})};tr.options=gx;tr.states=hx;tr.variants=xx;tr.defaultOptions=Ip;tr.modifiers=kx;tr.className=Ce.className;var Sn=require("react/jsx-runtime");var Nx=require("react/jsx-runtime");var at=require("react/jsx-runtime"),wx=u.states,Gp={...u.defaultOptions,variant:"text"},vx=u.options,Cx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Lx=[{name:"opened",title:"Opened"}],or=e=>{let{variant:t,modifiers:o,...r}={...Gp,...e},l={},n=(0,at.jsx)(ne,{className:"k-menu-popup",children:(0,at.jsxs)(He,{size:r.size,children:[(0,at.jsx)(oe,{first:!0,text:"Menu Item"}),(0,at.jsx)(oe,{text:"Menu Item"}),(0,at.jsx)(oe,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=(0,at.jsx)("div",{children:(0,at.jsx)(pe,{...r,...l,icon:"star"})});break;case"icon-and-text":c=(0,at.jsx)("div",{children:(0,at.jsx)(pe,{...r,...l,icon:"star",children:"Dropdown Button"})});break;default:c=(0,at.jsx)("div",{children:(0,at.jsx)(pe,{...r,...l,children:"Dropdown Button"})});break}return(0,at.jsxs)(at.Fragment,{children:[c,(o==null?void 0:o.opened)&&n]})};or.options=vx;or.states=wx;or.variants=Cx;or.defaultOptions=Gp;or.modifiers=Lx;or.className=pe.className;var Rn="split-button",Op=Rn;var ko=require("react/jsx-runtime"),An="k-split-button",yx=[s.hover,s.focus,s.active,s.selected,s.disabled],Mx={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info,M.inverse]},Hp={arrowIconName:"caret-alt-down"},ae=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:c,active:b,selected:f,disabled:x,icon:C,text:L,arrowIconName:g=Hp.arrowIconName,popup:S,opened:R,popupId:_,...W}=e;return(0,ko.jsxs)(ko.Fragment,{children:[(0,ko.jsxs)("div",{...W,className:a(e.className,An,"k-button-group",A(An,{rounded:o})),children:[(0,ko.jsx)(u,{text:L,icon:C,size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:c,active:b,selected:f,disabled:x,...!L&&!e.children&&C&&{"aria-label":"Action"},children:e.children}),(0,ko.jsx)(u,{className:"k-split-button-arrow",icon:g,size:t,rounded:o,fillMode:r,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":R?"true":"false","aria-controls":R?_:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),R&&S&&(0,ko.jsx)(ne,{className:"k-menu-popup",children:S})]})};ae.states=yx;ae.options=Mx;ae.className=An;ae.defaultOptions=Hp;ae.moduleName=Rn;ae.folderName=Op;ae.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 En=ae;var Pp=require("react/jsx-runtime"),Sx="k-toolbar-separator",eo=e=>(0,Pp.jsx)("div",{className:a(Sx,e.className,"k-separator")});var No="toolbar",Wo=No;var Z=require("react/jsx-runtime"),wo="k-toolbar",Rx=[s.focus],Ax={size:[d.undefined,d.small,d.medium,d.large],fillMode:[w.undefined,w.solid,w.outline,w.flat]},Ex={scrollButtons:"around"},de=e=>{let{size:t,fillMode:o,focus:r,resizable:l,scrollable:n,scrollButtons:c,scrollingPosition:b,section:f,...x}=e,C=[],L=(g,S)=>{let R=[];if(g.type===u&&g.props.className&&g.props.className.includes("k-toolbar-overflow-button"))R.push((0,Z.jsx)(u,{...g.props,className:`${g.props.className?g.props.className:""}`},`${S}-${new Date().getTime()}`));else if(g.type===u)R.push((0,Z.jsx)(u,{...g.props,className:`k-toolbar-button ${g.props.className?g.props.className:""}`},`${S}-${new Date().getTime()}`));else if(g.type===Ir)R.push((0,Z.jsx)(Ir,{...g.props,className:`k-toolbar-button ${g.props.className?g.props.className:""}`},`${S}-${new Date().getTime()}`));else if(g.type===Ho)R.push((0,Z.jsx)(Ho,{...g.props,className:`k-toolbar-button ${g.props.className?g.props.className:""}`},`${S}-${new Date().getTime()}`));else if(g.type===pe)R.push((0,Z.jsx)(pe,{...g.props,className:`k-toolbar-menu-button ${g.props.className?g.props.className:""}`},`${S}-${new Date().getTime()}`));else if(g.type===En)R.push((0,Z.jsx)(En,{...g.props,className:`k-toolbar-split-button ${g.props.className?g.props.className:""}`},`${S}-${new Date().getTime()}`));else if(g.type===J||g.props.className&&g.props.className.includes("k-button-group")){let _=[];(Array.isArray(g.props.children)?g.props.children:[g.props.children]).forEach((B,ee)=>{_.push((0,Z.jsx)(u,{...B.props,className:`${B.props.className?B.props.className:""}`},`${ee}-${new Date().getTime()}`))}),R.push((0,Z.jsx)(J,{...g.props,className:`k-toolbar-button-group ${g.props.className?g.props.className:""}`,children:_},`${S}-${new Date().getTime()}`))}else g.type===tt?R.push((0,Z.jsx)(tt,{...g.props,className:`k-toolbar-combobox ${g.props.className?g.props.className:""}`},`${S}-${new Date().getTime()}`)):g.type===ce?R.push((0,Z.jsx)(ce,{...g.props,className:`k-toolbar-dropdownlist ${g.props.className?g.props.className:""}`},`${S}-${new Date().getTime()}`)):g.type===Et?R.push((0,Z.jsx)(Et,{...g.props,className:`k-toolbar-colorpicker ${g.props.className?g.props.className:""}`},`${S}-${new Date().getTime()}`)):R.push(g);R.forEach(_=>{C.push(_)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((S,R)=>{L(S,R)}),(0,Z.jsxs)("div",{...x,className:a(e.className,wo,A(wo,{size:t,fillMode:o}),E(wo,{focus:r}),{[`${wo}-resizable`]:l,[`${wo}-scrollable`]:n,[`${wo}-scrollable-overlay`]:n&&c==="hidden",[`${wo}-scrollable-${b}`]:b&&b!=="both",[`${wo}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!n&&C,n&&c==="hidden"&&(0,Z.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C}),n&&c==="start"&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(J,{children:[(0,Z.jsx)("span",{className:a("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,Z.jsx)(p,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,Z.jsx)("span",{className:a("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,Z.jsx)(p,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,Z.jsx)(eo,{className:"k-toolbar-button-separator"}),(0,Z.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C})]}),n&&c==="end"&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C}),(0,Z.jsx)(eo,{className:"k-toolbar-button-separator"}),(0,Z.jsxs)(J,{children:[(0,Z.jsx)("span",{className:a("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,Z.jsx)(p,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,Z.jsx)("span",{className:a("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,Z.jsx)(p,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),n&&(c==="around"||!c)&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)("span",{className:a("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,Z.jsx)(p,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,Z.jsx)(eo,{className:"k-toolbar-button-separator"}),(0,Z.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C}),(0,Z.jsx)(eo,{className:"k-toolbar-button-separator"}),(0,Z.jsx)("span",{className:a("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,Z.jsx)(p,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};de.states=Rx;de.options=Ax;de.className=wo;de.defaultOptions=Ex;de.moduleName=No;de.folderName=Wo;de.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};var Kp=require("react/jsx-runtime"),_p="k-floating-toolbar",Ix=[],Gx={},Ox={},ar=e=>{let{...t}=e;return(0,Kp.jsx)("div",{...t,className:a(e.className,_p),children:e.children})};ar.states=Ix;ar.options=Gx;ar.className=_p;ar.defaultOptions=Ox;ar.moduleName=No;ar.folderName=Wo;var Dp=require("react/jsx-runtime"),In="k-toolbar-item",Hx=[s.focus],Px={},_x={},rr=e=>{let{focus:t,...o}=e;return(0,Dp.jsx)("div",{...o,className:a(e.className,In,E(In,{focus:t})),children:e.children})};rr.states=Hx;rr.options=Px;rr.className=In;rr.defaultOptions=_x;rr.moduleName=No;rr.folderName=Wo;var Gn=require("react/jsx-runtime"),Bp="k-toolbar-popup",Kx=[],Dx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[w.undefined,w.solid,w.outline,w.flat]},Bx={},ca=e=>{let{size:t,fillMode:o,section:r,...l}=e;return(0,Gn.jsx)(ne,{...l,className:a(e.className,Bp),children:r?(0,Gn.jsx)("span",{className:a("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};ca.states=Kx;ca.options=Dx;ca.className=Bp;ca.defaultOptions=Bx;ca.moduleName=No;ca.folderName=Wo;var Pl=ca;var zx=require("react/jsx-runtime");var Ux=require("react/jsx-runtime");var Fx=require("react/jsx-runtime");var zp=require("react/jsx-runtime");var $x=require("react/jsx-runtime");var Vt=require("react/jsx-runtime"),Wx=ae.states,Up={...ae.defaultOptions,variant:"text"},Vx=ae.options,Xx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Jx=[{name:"opened",title:"Opened"}],lr=e=>{let{variant:t,modifiers:o,...r}={...Up,...e},l={},n=(0,Vt.jsxs)(He,{size:r.size,children:[(0,Vt.jsx)(oe,{first:!0,text:"Menu Item"}),(0,Vt.jsx)(oe,{text:"Menu Item"}),(0,Vt.jsx)(oe,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!(o!=null&&o[c]),l.popup=o!=null&&o[c]?n:"")}),t){case"icon-only":return(0,Vt.jsx)("div",{children:(0,Vt.jsx)(ae,{...r,...l,icon:"star"})});case"icon-and-text":return(0,Vt.jsx)("div",{children:(0,Vt.jsx)(ae,{...r,...l,icon:"star",children:"Split Button"})});default:return(0,Vt.jsx)("div",{children:(0,Vt.jsx)(ae,{...r,...l,children:"Split Button"})})}};lr.options=Vx;lr.states=Wx;lr.variants=Xx;lr.defaultOptions=Up;lr.modifiers=Jx;lr.className=ae.className;var no=require("react/jsx-runtime"),Fp=e=>(0,no.jsx)(de,{children:[(0,no.jsx)(u,{children:"Button"},"toolbar-button"),(0,no.jsx)(pe,{text:"Menu button"},"toolbar-menu-button"),(0,no.jsx)(ae,{children:"Split button"},"toolbar-split-button"),(0,no.jsxs)(J,{children:[(0,no.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,no.jsx)(u,{icon:"align-center",children:"Center"}),(0,no.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var $p=require("react/jsx-runtime");var Je=require("react/jsx-runtime"),Wp=e=>(0,Je.jsx)(de,{scrollable:!0,...e,children:[(0,Je.jsx)(u,{children:"Button"},"toolbar-button"),(0,Je.jsx)(pe,{text:"Menu button"},"toolbar-menu-button"),(0,Je.jsx)(ae,{children:"Split button"},"toolbar-split-button"),(0,Je.jsxs)(J,{children:[(0,Je.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Je.jsx)(u,{icon:"align-center",children:"Center"}),(0,Je.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Je.jsx)(u,{children:"Button"},"toolbar-button"),(0,Je.jsx)(pe,{text:"Menu button"},"toolbar-menu-button"),(0,Je.jsx)(ae,{children:"Split button"},"toolbar-split-button"),(0,Je.jsxs)(J,{children:[(0,Je.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Je.jsx)(u,{icon:"align-center",children:"Center"}),(0,Je.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var qe=require("react/jsx-runtime"),Vp=({scrollingPosition:e="start",...t})=>(0,qe.jsx)(de,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,qe.jsx)(u,{children:"Button"},"toolbar-button"),(0,qe.jsx)(pe,{text:"Menu button"},"toolbar-menu-button"),(0,qe.jsx)(ae,{children:"Split button"},"toolbar-split-button"),(0,qe.jsxs)(J,{children:[(0,qe.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,qe.jsx)(u,{icon:"align-center",children:"Center"}),(0,qe.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,qe.jsx)(u,{children:"Button"},"toolbar-button"),(0,qe.jsx)(pe,{text:"Menu button"},"toolbar-menu-button"),(0,qe.jsx)(ae,{children:"Split button"},"toolbar-split-button"),(0,qe.jsxs)(J,{children:[(0,qe.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,qe.jsx)(u,{icon:"align-center",children:"Center"}),(0,qe.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var Le=require("react/jsx-runtime"),Xp=({fillMode:e,size:t,...o})=>(0,Le.jsxs)(Le.Fragment,{children:[(0,Le.jsx)(de,{section:!0,fillMode:e,size:t,children:[(0,Le.jsx)(u,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Le.jsxs)(J,{fillMode:e,children:[(0,Le.jsx)(u,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Le.jsx)(u,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Le.jsx)(u,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,Le.jsx)(eo,{className:"k-toolbar-button-separator"}),(0,Le.jsx)(u,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,Le.jsxs)(Pl,{size:t,fillMode:e,section:!0,...o,children:[(0,Le.jsx)(ae,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,Le.jsx)(u,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Le.jsx)(eo,{}),(0,Le.jsx)(pe,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,Le.jsxs)(J,{fillMode:e,children:[(0,Le.jsx)(u,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Le.jsx)(u,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Le.jsx)(u,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var On=require("react/jsx-runtime");var Hn=require("react/jsx-runtime");var vo=require("react/jsx-runtime"),qx=de.options,Yx=de.states,Jp={...de.defaultOptions,variant:"default"},Qx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Zx=[],ir=e=>{let{variant:t,...o}={...Jp,...e};switch(t){case"responsive":return(0,vo.jsx)("div",{children:(0,vo.jsx)(Xp,{style:{width:"583px"},...o})});case"overlay":return(0,vo.jsx)("div",{children:(0,vo.jsx)(Vp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,vo.jsx)("div",{children:(0,vo.jsx)(Wp,{style:{width:"583px"},...o})});default:return(0,vo.jsx)("div",{children:(0,vo.jsx)(Fp,{style:{width:"583px"},...o})})}};ir.options=qx;ir.states=Yx;ir.variants=Qx;ir.defaultOptions=Jp;ir.modifiers=Zx;ir.className=de.className;var Yp=require("react/jsx-runtime"),qp="k-gantt-header",pa=e=>(0,Yp.jsx)(de,{...e,className:a(e.className,qp,"k-gantt-toolbar"),children:e.children});pa.className=qp;pa.moduleName=ue;pa.folderName=fe;var Zp=require("react/jsx-runtime"),Qp="k-gantt-footer",nr=e=>(0,Zp.jsx)(de,{...e,className:a(e.className,Qp,"k-gantt-toolbar"),children:e.children});nr.className=Qp;nr.moduleName=ue;nr.folderName=fe;var em=require("react/jsx-runtime"),jp="k-gantt-content",ma=e=>(0,em.jsx)("div",{...e,className:a(e.className,jp),children:e.children});ma.className=jp;ma.moduleName=ue;ma.folderName=fe;var om=require("react/jsx-runtime"),tm="k-gantt-tables",ua=e=>(0,om.jsx)("div",{...e,className:a(e.className,tm),children:e.children});ua.className=tm;ua.moduleName=ue;ua.folderName=fe;var Ye="table",rt=Ye;var rm=require("react/jsx-runtime"),am="k-data-table",jx=[],ek={size:[d.undefined,d.small,d.medium,d.large]},tk={},Co=e=>{let{size:t,...o}=e;return(0,rm.jsx)("div",{...o,className:a(e.className,am,A("k-table",{size:t})),children:e.children})};Co.states=jx;Co.options=ek;Co.className=am;Co.defaultOptions=tk;Co.moduleName=Ye;Co.folderName=rt;var lm=require("react/jsx-runtime"),Pn="k-table-header-wrap",ok=[s.hover,s.focus,s.disabled],ak={},rk={},Vo=e=>{let{children:t,hover:o,focus:r,disabled:l,...n}=e;return(0,lm.jsx)("div",{...n,className:a(e.className,Pn,E(Pn,{hover:o,focus:r,disabled:l})),children:t})};Vo.states=ok;Vo.options=ak;Vo.className=Pn;Vo.defaultOptions=rk;Vo.moduleName=Ye;Vo.folderName=rt;var im=require("react/jsx-runtime"),_n="k-table",lk=[],ik={size:[d.undefined,d.small,d.medium,d.large]},nk={},ye=e=>{let{size:t,...o}=e;return(0,im.jsx)("table",{...o,className:a(e.className,_n,A(_n,{size:t})),children:e.children})};ye.states=lk;ye.options=ik;ye.className=_n;ye.defaultOptions=nk;ye.moduleName=Ye;ye.folderName=rt;var _l=require("react/jsx-runtime"),Kn="k-table-header",sk=[s.hover,s.focus,s.disabled],dk={},ck={},Lo=e=>{let{children:t,hover:o,focus:r,disabled:l,...n}=e;return(0,_l.jsx)("div",{...n,className:a(e.className,Kn,E(Kn,{hover:o,focus:r,disabled:l})),children:(0,_l.jsx)(Vo,{children:(0,_l.jsx)(ye,{children:t})})})};Lo.states=sk;Lo.options=dk;Lo.className=Kn;Lo.defaultOptions=ck;Lo.moduleName=Ye;Lo.folderName=rt;var sm=require("react/jsx-runtime"),nm="k-table-scroller",pk=[],mk={},uk={},sr=e=>{let{children:t,...o}=e;return(0,sm.jsx)("div",{...o,className:a(e.className,nm),children:t})};sr.states=pk;sr.options=mk;sr.className=nm;sr.defaultOptions=uk;sr.moduleName=Ye;sr.folderName=rt;var bk=require("react/jsx-runtime");var cm=require("react/jsx-runtime"),dm="k-table-footer",Tk=[],fk={},gk={},Xo=e=>{let{children:t,...o}=e;return(0,cm.jsx)("div",{...o,className:a(e.className,dm),children:t})};Xo.states=Tk;Xo.options=fk;Xo.className=dm;Xo.defaultOptions=gk;Xo.moduleName=Ye;Xo.folderName=rt;var pm=require("react/jsx-runtime"),Dn="k-table-list",hk=[],xk={size:[d.undefined,d.small,d.medium,d.large]},kk={},Jo=e=>{let{size:t,virtualization:o,...r}=e;return(0,pm.jsx)("ul",{...r,className:a(e.className,"k-table",Dn,A(Dn,{size:t}),{"k-virtual-table":o}),children:e.children})};Jo.states=hk;Jo.options=xk;Jo.className=Dn;Jo.defaultOptions=kk;Jo.moduleName=Ye;Jo.folderName=rt;var mm=require("react/jsx-runtime"),Nk="k-table-thead",z=e=>(0,mm.jsx)("thead",{className:a(e.className,Nk),children:e.children});var um=require("react/jsx-runtime"),wk="k-table-tbody",U=e=>(0,um.jsx)("tbody",{className:a(e.className,wk),children:e.children});var vk=require("react/jsx-runtime");var bm=require("react/jsx-runtime"),Bn="k-table-row",Ck=[s.hover,s.focus,s.selected,s.disabled,s.highlighted],h=e=>{let{hover:t,focus:o,selected:r,highlighted:l,disabled:n,alt:c,...b}=e;return(0,bm.jsx)("tr",{...b,className:a(e.className,Bn,{"k-table-alt-row":c},E(Bn,{hover:t,focus:o,disabled:n,selected:r,highlighted:l})),children:e.children})};h.states=Ck;h.className=Bn;var Tm=require("react/jsx-runtime"),zn="k-table-row",Lk=[s.hover,s.focus,s.selected,s.disabled],Kl=e=>{let{hover:t,focus:o,selected:r,disabled:l,alt:n,...c}=e;return(0,Tm.jsx)("li",{...c,className:a(e.className,zn,{"k-table-alt-row":n},E(zn,{hover:t,focus:o,disabled:l,selected:r})),children:e.children})};Kl.states=Lk;Kl.className=zn;var gm=require("react/jsx-runtime"),fm="k-table-th",yo=e=>{let{text:t,colspan:o,rowspan:r,...l}=e,n=t||e.children;return(0,gm.jsx)("th",{colSpan:o,rowSpan:r,...l,className:a(e.className,fm),children:n})};yo.className=fm;yo.moduleName=Ye;yo.folderName=rt;var yk=require("react/jsx-runtime");var hm=require("react/jsx-runtime"),Un="k-table-td",Mk=[s.focus,s.selected,s.highlighted],i=e=>{let{focus:t,selected:o,highlighted:r,text:l,colspan:n,rowspan:c,...b}=e,f=l||e.children;return(0,hm.jsx)("td",{colSpan:n,rowSpan:c,...b,className:a(e.className,Un,E(Un,{focus:t,selected:o,highlighted:r})),children:f})};i.states=Mk;i.className=Un;var Sk=require("react/jsx-runtime");var Rk=require("react/jsx-runtime");var Ak=require("react/jsx-runtime");var Ek=require("react/jsx-runtime");var Ik=require("react/jsx-runtime");var km=require("react/jsx-runtime");var Nm=require("react/jsx-runtime");var vm=require("react/jsx-runtime");var Fn=require("react/jsx-runtime");var Lm=require("react/jsx-runtime"),Cm="k-gantt-columns",ba=e=>(0,Lm.jsx)(ye,{...e,className:a(e.className,Cm),role:"presentation",children:e.children});ba.className=Cm;ba.moduleName=ue;ba.folderName=fe;var Mm=require("react/jsx-runtime"),ym="k-gantt-rows",Ta=e=>(0,Mm.jsx)(ye,{...e,className:a(e.className,ym),role:"presentation",children:e.children});Ta.className=ym;Ta.moduleName=ue;Ta.folderName=fe;var Rm=require("react/jsx-runtime"),Sm="k-gantt-tasks",fa=e=>(0,Rm.jsx)(ye,{...e,className:a(e.className,Sm),role:"presentation",children:e.children});fa.className=Sm;fa.moduleName=ue;fa.folderName=fe;var Im=require("react/jsx-runtime"),Am="k-task",Hk=[],Pk={},Em={type:"single"},xt=e=>{let{type:t=Em.type,ariaLevel:o,...r}=e;return(0,Im.jsx)("div",{...r,className:a(e.className,Am,{"k-task-single":t==="single","k-task-milestone":t==="milestone","k-task-summary":t==="summary"}),role:"treeitem",...o!==void 0&&{"aria-level":o}})};xt.states=Hk;xt.options=Pk;xt.className=Am;xt.defaultOptions=Em;xt.moduleName=ue;xt.folderName=fe;var Hm=require("react/jsx-runtime"),Gm="k-task-wrap",_k=[],Kk={},Om={type:"single"},kt=e=>{let{type:t=Om.type,...o}=e;return(0,Hm.jsx)("div",{...o,className:a(e.className,Gm,{"k-milestone-wrap":t==="milestone","k-summary-wrap":t==="summary"})})};kt.states=_k;kt.options=Kk;kt.className=Gm;kt.defaultOptions=Om;kt.moduleName=ue;kt.folderName=fe;var Km=require("react/jsx-runtime"),Pm="k-task-dot",Dk=[],Bk={},_m={position:"start"},Ke=e=>{let{position:t=_m.position,...o}=e;return(0,Km.jsx)("div",{...o,className:a(e.className,Pm,{"k-task-start":t==="start","k-task-end":t==="end"}),"aria-hidden":"true"})};Ke.states=Dk;Ke.options=Bk;Ke.className=Pm;Ke.defaultOptions=_m;Ke.moduleName=ue;Ke.folderName=fe;var Mo=require("react/jsx-runtime"),Dm="k-task-content",zk=[],Uk={},Fk={},to=e=>{let{content:t,...o}=e;return(0,Mo.jsxs)("div",{...o,className:a(e.className,Dm),children:[t&&(0,Mo.jsx)("div",{className:"k-task-template",children:t}),(0,Mo.jsx)("span",{className:"k-task-actions","aria-hidden":"true",children:(0,Mo.jsx)("a",{className:"k-link k-task-delete",children:(0,Mo.jsx)(p,{icon:"x"})})}),(0,Mo.jsx)("span",{className:"k-resize-handle k-resize-w","aria-hidden":"true"}),(0,Mo.jsx)("span",{className:"k-resize-handle k-resize-e","aria-hidden":"true"})]})};to.states=zk;to.options=Uk;to.className=Dm;to.defaultOptions=Fk;to.moduleName=ue;to.folderName=fe;var Um=require("react/jsx-runtime"),Bm="k-gantt-line",$k=[],Wk={},zm={orientation:"horizontal"},Me=e=>{let{orientation:t=zm.orientation,...o}=e;return(0,Um.jsx)("div",{...o,className:a(e.className,Bm,{"k-gantt-line-h":t==="horizontal","k-gantt-line-v":t==="vertical"}),"aria-hidden":"true"})};Me.states=$k;Me.options=Wk;Me.className=Bm;Me.defaultOptions=zm;Me.moduleName=ue;Me.folderName=fe;var re="grid",ie=re;var Bl=require("react/jsx-runtime"),Dl="k-grid",Vk=[],Xk={size:[d.undefined,d.small,d.medium,d.large]},Jk=[],Fm={pagerPosition:"bottom"},q=e=>{let{size:t,pagerPosition:o=Fm.pagerPosition,toolbar:r,pager:l,groupingHeader:n,gridSelectionAggregates:c,_renderAriaRoot:b,resizable:f,ariaColCount:x,ariaRowCount:C,ariaRootId:L,ariaRole:g="grid",...S}=e;return(0,Bl.jsxs)("div",{...S,className:a(e.className,Dl,{[`${Dl}-resizable`]:f},A(Dl,{size:t})),children:[r,o==="top"&&l,n,e.children&&b?(0,Bl.jsx)("div",{className:"k-grid-aria-root",role:g,id:L,"aria-colcount":x,"aria-rowcount":C,children:e.children}):e.children,c,o==="bottom"&&l]})};q.states=Vk;q.options=Xk;q.variants=Jk;q.className=Dl;q.defaultOptions=Fm;q.moduleName=re;q.folderName=ie;q.ariaSpec={selector:".k-grid",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header",attribute:"role=toolbar",usage:"The Grouping pane is a ToolBar (collection of buttons)."},{selector:".k-grouping-header",attribute:"aria-label",usage:"Clarifies the purpose of the grouping pane."},{selector:".k-grouping-header",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header .k-chip-list",attribute:"role=none",usage:"The ChipList default listbox role is removed to keep the toolbar --> button roles hierarchy."},{selector:".k-grouping-header .k-chip",attribute:"role=button",usage:"If the element used is not <button>, then the role must be specified."},{selector:".k-grid:not(.k-treelist) .k-grid-aria-root",attribute:"role=grid",usage:"The role specifies the element is a Data Grid."},{selector:".k-grid-aria-root",attribute:"aria-colcount (when present)",usage:"The total number of columns in the Grid. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-aria-root",attribute:"aria-rowcount (when present)",usage:"The total number of rows in the table. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-header-wrap>table>thead",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th:not(.k-hierarchy-cell):not(.k-group-cell):not(.k-drag-cell)",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-sort (when present)",usage:"Present if sorting is enabled for that column."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-haspopup=dialog (when present)",usage:"Present if the column has a ColumnMenu or FilterMenu."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"aria-label",usage:"Has a label indicating that the cell is part of a filter row."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table, .k-grid-pinned-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody, .k-grid-pinned-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:"tr.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected row(s) in row selection mode. All cells within the selected row also carry aria-selected=true (without k-selected class). Applies to both regular and pinned rows."},{selector:"td.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected cell(s) in cell selection mode. The k-selected class on cells is only applied in cell selection mode, but aria-selected=true is present on cells regardless of selection mode."},{selector:".k-master-row .k-hierarchy-cell, .k-grouping-row>td",attribute:"aria-expanded",usage:"For cells holding grouping criteria values and for Master row cells in Detail template scenario."},{selector:".k-group-cell",attribute:"role=presentation",usage:"Group offset cells (header and content) are non-interactive placeholders with no semantic role."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Must be present in a Drag Row scenario on the cell containing the drag handle."},{selector:".k-grid-header-locked table tr",attribute:"aria-owns",usage:"Locked header rows own cells from the corresponding non-locked header table rows."},{selector:".k-grid-content-locked table tr:not(.k-grouping-row)",attribute:"aria-owns",usage:"Locked content rows own cells from the corresponding non-locked content table rows. Group header rows are excluded because the non-locked group header rows are presentational."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap table tr",attribute:"role=none",usage:"Non-locked header rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-content table tr",attribute:"role=none",usage:"Non-locked content rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap th",attribute:"role=columnheader",usage:"Non-locked header cells retain columnheader role so they are announced correctly when owned via aria-owns."},{selector:".k-grid-lockedcolumns .k-grid-content td:not(.k-grouping-row td)",attribute:"role=gridcell",usage:"Non-locked data cells retain gridcell role so they are announced correctly when owned via aria-owns. Cells inside group header rows are excluded as those rows are presentational."},{selector:".k-grid-filter-popup",attribute:"role=dialog",usage:"The filter menu popup has dialog role."},{selector:".k-grid-filter-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-filter-popup",attribute:"aria-label",usage:'Descriptive label for the filter menu, e.g. "Column Title Filter Menu".'},{selector:".k-grid-columnmenu-popup",attribute:"role=dialog",usage:"The column menu popup has dialog role."},{selector:".k-grid-columnmenu-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-columnmenu-popup",attribute:"aria-label",usage:'Descriptive label for the column menu, e.g. "Column Title Column Menu".'},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"role=button",usage:"Column menu items have button role."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"tabindex=0",usage:"Column menu items are focusable."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-expanded",usage:"Expandable column menu items announce their expanded state."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-controls",usage:"Expandable items point to the id of the content they control."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"role=listbox",usage:"The column list is a listbox."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-multiselectable=true",usage:"The column list supports multiple selections."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"role=option",usage:"Column list items are options."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"aria-checked",usage:"Column list items announce their checked state."},{selector:"tfoot",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:"tfoot tr td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-selection-aggregates",attribute:"aria-live=polite",usage:"Ensures that changes in the calculated selection aggregates are announced by assistive technologies."},{selector:".k-grid-stack-cell",attribute:"tabindex=0",usage:"Stacked cell elements receive tabindex 0 when focus is within their parent .k-grid-stack-row element."},{selector:".k-grid-sticky-container",attribute:"role=none",usage:"Sticky group container has no semantic role."},{selector:".k-grid-sticky-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the sticky group <table> element."},{selector:".k-grid-sticky-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"aria-rowindex",usage:"Matches the aria-rowindex of the real group header/footer row it mirrors."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed. Group offset cells are excluded as they retain role=presentation."},{selector:".k-grid-sticky-container .k-grouping-row>td",attribute:"aria-expanded",usage:"Mirrors the expanded/collapsed state of the real group header row."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"tabindex",usage:"Receives tabindex 0 when focused, -1 otherwise, for keyboard navigation. Group offset cells are excluded as they are presentational."},{selector:".k-grid-sticky-container td",attribute:"aria-colindex (when present)",usage:"Col number. Typically 1 for the group header cell spanning all columns."},{selector:".k-grid-pinned-container",attribute:"role=none",usage:"Container for pinned rows has no semantic role."},{selector:".k-grid-pinned-container .k-grid-pinned-wrap",attribute:"role=none",usage:"Inner wrapper for the pinned rows table has no semantic role."},{selector:".k-grid-pinned-container tbody",attribute:"aria-label",usage:'Describes the purpose of the pinned rows group, e.g. "Top pinned rows" or "Bottom pinned rows".'},{selector:".k-grid-pinned-container td",attribute:"aria-haspopup=menu (when present)",usage:"Pinned row cells announce the context menu for row pinning operations."},{selector:".k-grid-pinned-container td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-pinned-container td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:".k-grid-content td",attribute:"aria-haspopup=menu (when present)",usage:"Regular data cells announce context menu when row pinning uses contextual mode."},{selector:".k-grid-content td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-content td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:'.k-pin-cell [class*="k-icon"]',attribute:"aria-hidden=true",usage:"Pin/unpin icon inside the dedicated column is decorative and must be hidden from assistive technologies."}]};var Wm=require("react/jsx-runtime"),$m="k-grid-header",F=e=>{let{draggable:t,...o}=e;return(0,Wm.jsx)("div",{...o,className:a(e.className,$m,{"k-grid-draggable-header":t}),children:e.children})};F.className=$m;F.moduleName=re;F.folderName=ie;var qr=require("react/jsx-runtime"),Vm="k-grouping-header",so=e=>{let{dropHint:t,dropClue:o,...r}=e;return(0,qr.jsxs)("div",{...r,className:a(e.className,Vm),children:[o&&(0,qr.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,qr.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};so.className=Vm;so.moduleName=re;so.folderName=ie;var Jm=require("react/jsx-runtime"),Xm="k-grid-pinned-container",Yr=e=>{let{position:t,...o}=e;return(0,Jm.jsx)("div",{...o,className:a(e.className,Xm,{"k-pos-bottom":t==="bottom"}),children:e.children})};Yr.className=Xm;Yr.moduleName=re;Yr.folderName=ie;var Ym=require("react/jsx-runtime"),qm="k-grid-sticky-container",Qr=e=>{let{position:t,...o}=e;return(0,Ym.jsx)("div",{...o,className:a(e.className,qm,{"k-pos-bottom":t==="bottom"}),children:e.children})};Qr.className=qm;Qr.moduleName=re;Qr.folderName=ie;var Zm=require("react/jsx-runtime"),Qm="k-grid-header-table",$=e=>(0,Zm.jsx)(ye,{...e,className:a(e.className,Qm),children:e.children});$.className=Qm;$.moduleName=re;$.folderName=ie;var Ot=require("react/jsx-runtime"),$n="k-header",qk=[s.hover,s.focus,s.active],jm={sortIcon:"sort-asc-small"},y=e=>{let{menu:t,sortable:o,filterable:r,sticky:l,resizable:n,columnTitle:c,hover:b,focus:f,active:x,sortIcon:C=jm.sortIcon,sortOrder:L,accessibleLabel:g,...S}=e;return(0,Ot.jsxs)(yo,{...S,className:a(e.className,$n,{"k-filterable":t||r,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":n},E($n,{hover:b,focus:f,active:x})),children:[c&&(0,Ot.jsxs)("span",{className:"k-cell-inner",children:[(0,Ot.jsxs)("span",{className:"k-link",children:[(0,Ot.jsx)("span",{className:"k-column-title",children:c}),o&&(0,Ot.jsx)("span",{className:"k-sort-icon",children:(0,Ot.jsx)(p,{icon:C})}),L&&(0,Ot.jsx)("span",{className:"k-sort-order",children:L})]}),t&&(0,Ot.jsx)("a",{className:a("k-grid-header-menu",{"k-active":x,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,Ot.jsx)(p,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&g&&(0,Ot.jsx)("span",{className:"k-sr-only",children:g}),e.children,n&&(0,Ot.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};y.states=qk;y.className=$n;y.defaultOptions=jm;y.moduleName=re;y.folderName=ie;var tu=require("react/jsx-runtime"),eu="k-grid-container",Y=e=>(0,tu.jsx)("div",{...e,className:a(e.className,eu),children:e.children});Y.className=eu;Y.moduleName=re;Y.folderName=ie;var au=require("react/jsx-runtime"),ou="k-grid-content",V=e=>(0,au.jsx)("div",{...e,className:a(e.className,ou),children:e.children});V.className=ou;V.moduleName=re;V.folderName=ie;var lu=require("react/jsx-runtime"),ru="k-grid-table",X=e=>(0,lu.jsx)(ye,{...e,className:a(e.className,ru),children:e.children});X.className=ru;X.moduleName=re;X.folderName=ie;var nu=require("react/jsx-runtime"),iu="k-grid-footer",zl=e=>(0,nu.jsx)("div",{...e,className:a(e.className,iu),children:e.children});zl.className=iu;zl.moduleName=re;zl.folderName=ie;var du=require("react/jsx-runtime"),su="k-grid-footer-table",Ul=e=>(0,du.jsx)(ye,{...e,className:a(e.className,su),children:e.children});Ul.className=su;Ul.moduleName=re;Ul.folderName=ie;var Wn="pager",cu=Wn;var he=require("react/jsx-runtime"),Fl="k-pager",Yk=[s.focus,s.disabled],Qk={size:[d.undefined,d.small,d.medium,d.large]},Ht={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},ke=e=>{let{responsive:t=Ht.responsive,size:o,pagerSizeInfo:r=Ht.pagerSizeInfo,pageTitleInfo:l=Ht.pageTitleInfo,maxPagesInfo:n=Ht.maxPagesInfo,itemsPerPage:c=Ht.itemsPerPage,maxPages:b=Ht.maxPages,currentPage:f=Ht.currentPage,previousNext:x=Ht.previousNext,type:C=Ht.type,pageSizes:L=Ht.pageSizes,refresh:g=Ht.refresh,info:S=Ht.info,focus:R,disabled:_,dir:W,...B}=e,ee=[],Ne=[];for(let me=1;me<=b;me++)ee.push((0,he.jsx)(u,{selected:me===f,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${me}`,...me===f&&{"aria-current":"page"},children:me},me)),Ne.push((0,he.jsx)("option",{selected:me===f,children:me},me));return(0,he.jsxs)("div",{dir:W,...B,className:a(e.className,Fl,A(Fl,{size:o}),E(Fl,{focus:R,disabled:_}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${f} of ${b}`,children:[(0,he.jsxs)("div",{className:a("k-pager-numbers-wrap"),children:[x&&(0,he.jsxs)(he.Fragment,{children:[(0,he.jsx)(u,{className:a("k-pager-nav","k-pager-first"),ariaDisabled:f===1,fillMode:"flat",size:o,icon:W==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),(0,he.jsx)(u,{className:a("k-pager-nav"),ariaDisabled:f===1,fillMode:"flat",size:o,icon:W==="rtl"?"caret-alt-right":"caret-alt-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),C==="numeric"&&(0,he.jsx)("div",{className:a("k-pager-numbers"),children:ee}),C==="input"&&(0,he.jsxs)("span",{className:a("k-pager-input"),children:[l&&(0,he.jsx)("span",{children:"Page"}),(0,he.jsx)(te,{value:`${f}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),(0,he.jsx)("span",{children:n&&`of ${b}`})]}),x&&(0,he.jsxs)(he.Fragment,{children:[(0,he.jsx)(u,{className:a("k-pager-nav"),ariaDisabled:f===b,fillMode:"flat",size:o,icon:W==="rtl"?"caret-alt-left":"caret-alt-right",title:"Go to the next page","aria-label":"Go to the next page"}),(0,he.jsx)(u,{className:a("k-pager-nav","k-pager-last"),ariaDisabled:f===b,fillMode:"flat",size:o,icon:W==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),L&&(0,he.jsxs)("span",{className:a("k-pager-sizes"),children:[(0,he.jsx)(ce,{value:`${c}`,size:o,"aria-label":"Items per page"}),r&&(0,he.jsx)("span",{children:"items per page"})]}),g&&(0,he.jsx)(u,{className:a("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),S&&(0,he.jsx)("span",{className:a("k-pager-info"),children:S})]})};ke.states=Yk;ke.options=Qk;ke.className=Fl;ke.defaultOptions=Ht;ke.moduleName=Wn;ke.folderName=cu;ke.ariaSpec={selector:".k-pager",rules:[{selector:".k-pager",attribute:"role=application",usage:"Indicates that the pager has its own keyboard navigation implemented."},{selector:".k-pager",attribute:"aria-roledescription=pager",usage:"Clarifies the role of the Pager."},{selector:".k-pager",attribute:"aria-keyshortcuts=Enter ArrowRight ArrowLeft",usage:"Announces the available keyboard shortcuts."},{selector:".k-pager",attribute:"aria-label",usage:"Announces the currently selected page and the number of available pages."},{selector:".k-pager-nav",attribute:"role=button or nodeName=button",usage:"Specifies the role of the navigation element."},{selector:".k-pager-nav.k-disabled",attribute:"aria-disabled=true",usage:"Present when the navigation button is non-interactive."},{selector:".k-pager-nav",attribute:"title",usage:"Specifies the purpose of each navigation button."},{selector:".k-pager-numbers .k-button",attribute:"aria-label or title",usage:"Specifies the purpose of each page link, e.g., Page 6."},{selector:".k-pager-numbers .k-button.k-selected",attribute:"aria-current=page",usage:"Present on the currently selected page element."},{selector:".k-pager-sizes .k-dropdownlist",attribute:"aria-label or aria-labelledby",usage:"The DropDownList requires a label to specify its purpose."},{selector:".k-pager-input .k-input-inner",attribute:"aria-label",usage:"The input requires a label to specify its purpose."}]};var Zk=require("react/jsx-runtime");var jk=require("react/jsx-runtime");var eN=require("react/jsx-runtime");var Vn=require("react/jsx-runtime"),tN=ke.options,oN=ke.states,aN={...ke.defaultOptions,variant:"numeric"},rN=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],lN=[],dr=e=>{let{variant:t,...o}=e;return t==="input"?(0,Vn.jsx)(ke,{...o,type:"input"}):(0,Vn.jsx)(ke,{...o,type:"numeric"})};dr.options=tN;dr.states=oN;dr.variants=rN;dr.defaultOptions=aN;dr.modifiers=lN;dr.className=ke.className;var mu=require("react/jsx-runtime"),pu="k-grid-pager",Xt=e=>(0,mu.jsx)(ke,{...e,className:a(e.className,pu),children:e.children});Xt.className=pu;Xt.moduleName=re;Xt.folderName=ie;var bu=require("react/jsx-runtime"),uu="k-grid-toolbar",co=e=>(0,bu.jsx)(de,{...e,className:a(e.className,uu),children:e.children});co.className=uu;co.moduleName=re;co.folderName=ie;var cr=require("react/jsx-runtime"),Xn="k-grid-stack-cell",iN=[s.focus,s.selected],$l=e=>{let{cellHeader:t,cellContent:o,edit:r,commandCell:l,dirty:n,focus:c,selected:b,...f}=e;return(0,cr.jsxs)("div",{...f,className:a(e.className,Xn,{"k-grid-stack-edit-cell":r,"k-command-cell":l,"k-dirty-cell":n},E(Xn,{focus:c,selected:b})),children:[n&&(0,cr.jsx)("span",{className:"k-dirty"}),t&&(0,cr.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,cr.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};$l.states=iN;$l.className=Xn;$l.moduleName=re;$l.folderName=ie;var fu=require("react/jsx-runtime"),Tu="k-grid-stack-row",Wl=e=>{let{cols:t,...o}=e;return(0,fu.jsx)("div",{...o,className:a(e.className,Tu,{[`k-grid-cols-${t}`]:t}),children:e.children})};Wl.className=Tu;Wl.moduleName=re;Wl.folderName=ie;var Jn=require("react/jsx-runtime");var qn=require("react/jsx-runtime");var mt="column-menu",Nt=mt;var hu=require("react/jsx-runtime"),Yn="k-column-menu",nN=[],sN={size:[d.undefined,d.small,d.medium,d.large]},gu={view:"list"},So=e=>{let{view:t=gu.view,size:o,...r}=e;return(0,hu.jsx)("div",{...r,className:a(e.className,Yn,A(Yn,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};So.states=nN;So.options=sN;So.className=Yn;So.defaultOptions=gu;So.moduleName=mt;So.folderName=Nt;So.ariaSpec={selector:".k-column-menu",rules:[{selector:".k-columnmenu-item",attribute:"role=button",usage:"Sets column menu item role to button."},{selector:".k-columnmenu-item",attribute:"tabindex=0",usage:"Sets column menu item tabindex."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-expanded=true/false",usage:"Sets the expanded state of an expandable item."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-controls",usage:"Points to id attribute of the content whose visibility the expandable item controls."},{selector:".k-expander .k-columnmenu-item-content",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding expandable item."},{selector:".k-column-list",attribute:"role=listbox",usage:"Sets the listbox role of the list of columns wrapper."},{selector:".k-column-list",attribute:"aria-multiselectable=true",usage:"Specifies that the list is multiselectable."},{selector:".k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-column-list .k-column-list-item",attribute:"role=option",usage:"Sets the option role of the list item."},{selector:".k-column-list .k-column-list-item",attribute:"aria-checked=true/false",usage:"Sets the checked state of list item."}]};var Zn=require("react/jsx-runtime"),Qn="k-column-list",dN=[],cN={size:[d.undefined,d.small,d.medium,d.large]},pN={},ga=e=>{let{size:t,...o}=e;return(0,Zn.jsx)("div",{className:"k-column-list-wrapper",children:(0,Zn.jsx)("div",{...o,className:a(e.className,Qn,A(Qn,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};ga.states=dN;ga.options=cN;ga.className=Qn;ga.defaultOptions=pN;ga.moduleName=mt;ga.folderName=Nt;var Zr=require("react/jsx-runtime"),jn="k-column-list-item",mN=[s.focus,s.disabled,s.hover],uN={},bN={},jr=e=>{let{label:t,checked:o,focus:r,hover:l,disabled:n,...c}=e;return(0,Zr.jsxs)("span",{...c,className:a(e.className,jn,E(jn,{focus:r,hover:l,disabled:n})),role:"option","aria-checked":o?"true":"false",children:[(0,Zr.jsx)(ze,{disabled:n,checked:o,"aria-label":t}),(0,Zr.jsx)("span",{className:"k-checkbox-label",children:t})]})};jr.states=mN;jr.options=uN;jr.className=jn;jr.defaultOptions=bN;var ha=require("react/jsx-runtime"),es="k-columnmenu-item",TN=[s.focus,s.selected],fN={},gN={},Ro=e=>{let{focus:t,selected:o,text:r,startIcon:l,endIcon:n,sortIndex:c,...b}=e;return(0,ha.jsxs)("div",{...b,className:a(e.className,es,E(es,{focus:t,selected:o})),role:"button",tabIndex:0,children:[l&&(0,ha.jsx)(p,{icon:l}),r,n&&(0,ha.jsxs)("span",{className:"k-columnmenu-indicators",children:[(0,ha.jsx)(p,{icon:n}),c&&(0,ha.jsx)("span",{className:"k-sort-index",children:c})]}),e.children]})};Ro.states=TN;Ro.options=fN;Ro.className=es;Ro.defaultOptions=gN;Ro.moduleName=mt;Ro.folderName=Nt;var hN=require("react/jsx-runtime");var ku=require("react/jsx-runtime"),xN="k-columnmenu-item-content",xu=e=>(0,ku.jsx)("div",{...e,className:a(e.className,xN,"k-columns-item"),children:e.children});var ts=require("react/jsx-runtime"),Nu="k-filter-menu",kN=[],NN={},wN={},qo=e=>{let{...t}=e;return(0,ts.jsx)("form",{...t,className:a(e.className,Nu),children:(0,ts.jsx)("div",{className:"k-filter-menu-container",children:e.children})})};qo.states=kN;qo.options=NN;qo.className=Nu;qo.defaultOptions=wN;qo.moduleName=mt;qo.folderName=Nt;var vN=require("react/jsx-runtime");var pr=require("react/jsx-runtime"),CN="k-item",LN={size:[d.undefined,d.small,d.medium,d.large]},yN=[],os=e=>{let{text:t,size:o,...r}=e;return(0,pr.jsx)("li",{...r,className:a(e.className,CN),children:(0,pr.jsxs)("label",{className:"k-label k-checkbox-label",children:[(0,pr.jsx)(ze,{size:o}),(0,pr.jsx)("span",{children:t})]})})};os.states=yN;os.options=LN;var po=require("react/jsx-runtime"),wu="k-expander",MN=[],SN={},RN={},xa=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:r,itemSortIndex:l,expanded:n,itemContent:c,expanderIcon:b,contentId:f,...x}=e,C=f||D("columnmenu-content"),L=!n&&!b?(0,po.jsx)(p,{icon:"chevron-down"}):n&&!b?(0,po.jsx)(p,{icon:"chevron-up"}):(0,po.jsx)(p,{icon:b});return(0,po.jsxs)("div",{...x,className:a(e.className,wu),children:[(0,po.jsxs)(Ro,{text:t,startIcon:o,endIcon:r,sortIndex:l,"aria-expanded":n?"true":"false","aria-controls":C,children:[(0,po.jsx)("span",{className:"k-spacer"}),(0,po.jsx)("span",{className:"k-expander-indicator",children:L})]}),n&&(0,po.jsx)(xu,{id:C,children:c}),e.children]})};xa.states=MN;xa.options=SN;xa.className=wu;xa.defaultOptions=RN;xa.moduleName=mt;xa.folderName=Nt;var vu=require("react/jsx-runtime"),as="k-group-menu",AN=[],EN={size:[d.undefined,d.small,d.medium,d.large]},IN={},mr=e=>{let{size:t,...o}=e;return(0,vu.jsx)("div",{...o,className:a(e.className,as,A(as,{size:t})),children:e.children})};mr.states=AN;mr.options=EN;mr.className=as;mr.defaultOptions=IN;mr.moduleName=mt;mr.folderName=Nt;var mo=require("react/jsx-runtime"),rs="k-group-menu-item",GN=[s.hover,s.selected],ON={},HN={},ur=e=>{let{hover:t,selected:o,text:r,actionsStart:l,actionsEnd:n,...c}=e;return(0,mo.jsxs)("div",{...c,className:a(e.className,rs,E(rs,{hover:t,selected:o})),children:[l&&(0,mo.jsx)("span",{className:"k-group-menu-item-actions",children:l}),(0,mo.jsx)("span",{className:"k-group-item-text",children:r}),n&&(0,mo.jsxs)(mo.Fragment,{children:[(0,mo.jsx)("span",{className:"k-spacer"}),(0,mo.jsx)("span",{className:"k-group-menu-item-actions",children:n})]}),e.children]})};ur.states=GN;ur.options=ON;ur.className=rs;ur.defaultOptions=HN;ur.moduleName=mt;ur.folderName=Nt;var Yo=require("react/jsx-runtime"),ls="k-group-menu-item-action",PN=[s.hover,s.disabled,s.selected],_N={size:[d.undefined,d.small,d.medium,d.large]};var is=e=>{let{hover:t,disabled:o,selected:r,size:l,type:n,...c}=e,b;switch(n){case"remove":b=(0,Yo.jsx)(p,{icon:"x-circle",size:l});break;case"add":b=(0,Yo.jsx)(p,{icon:"plus-circle",size:l});break;case"drag":b=(0,Yo.jsx)(p,{icon:"handle-drag-dots",size:l});break;case"up":b=(0,Yo.jsx)(p,{icon:"chevron-up",size:l});break;case"down":b=(0,Yo.jsx)(p,{icon:"chevron-down",size:l});break;default:b=(0,Yo.jsx)(p,{icon:n,size:l});break}return(0,Yo.jsx)("span",{...c,className:a(e.className,ls,E(ls,{selected:r,hover:t,disabled:o}),`k-group-menu-item-${n}-action`),children:b})};is.options=PN;is.options=_N;is.className=ls;var KN=require("react/jsx-runtime");var ns=require("react/jsx-runtime");var yu=require("react/jsx-runtime"),Cu="k-tabstrip-items",DN=[],BN={},zN={tabAlignment:"start"},el=e=>{let{children:t,tabAlignment:o,orientation:r,...l}=e;return(0,yu.jsx)("ul",{...l,className:a(e.className,Cu,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...r==="vertical"&&{"aria-orientation":"vertical"},children:t})};el.states=DN;el.options=BN;el.className=Cu;el.defaultOptions=zN;var Lu=el;var Au=require("react/jsx-runtime"),Mu="k-tabstrip-items-wrapper",UN=[],FN={},Su={orientation:"horizontal"},tl=e=>{let{children:t,orientation:o=Su.orientation,...r}=e;return(0,Au.jsx)("div",{...r,className:a(e.className,Mu,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};tl.states=UN;tl.options=FN;tl.className=Mu;tl.defaultOptions=Su;var Ru=tl;var ol="tabstrip",Vl=ol;var ut=require("react/jsx-runtime"),Qo="k-tabstrip",$N=[],WN={size:[d.undefined,d.small,d.medium,d.large]},Xl={position:"top",tabAlignment:"start",scrollButtons:"around"},Qe=e=>{let{size:t,scrollable:o,children:r,tabStripItems:l,tabStripItemsId:n,position:c=Xl.position,tabAlignment:b=Xl.tabAlignment,scrollButtons:f=Xl.scrollButtons,dir:x,scrollingPosition:C,overflow:L,...g}=e,S={top:{prev:x!=="rtl"?"left":"right",next:x!=="rtl"?"right":"left"},bottom:{prev:x!=="rtl"?"left":"right",next:x!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},R={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},_={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return(0,ut.jsxs)("div",{dir:x,...g,className:a(Qo,e.className,{[`${Qo}-${c}`]:c,[`${Qo}-scrollable`]:o,[`${Qo}-scrollable-overlay`]:o&&(f==="hidden"||!f),[`${Qo}-scrollable-${C}`]:C&&C!=="both",[`${Qo}-overflow`]:L},A(Qo,{size:t})),children:[c==="bottom"&&r,(0,ut.jsxs)(Ru,{orientation:R[c],children:[o&&(f==="around"||f==="start")&&(0,ut.jsx)("span",{className:a("k-tabstrip-prev","k-button",A("k-button",{size:t,fillMode:w.flat,rounded:N.none}),"k-icon-button"),"aria-hidden":"true",children:(0,ut.jsx)(p,{className:"k-button-icon",icon:`caret-alt-${S[c].prev}`})}),o&&f==="start"&&(0,ut.jsx)("span",{className:a("k-tabstrip-next","k-button",A("k-button",{size:t,fillMode:w.flat,rounded:N.none}),"k-icon-button"),"aria-hidden":"true",children:(0,ut.jsx)(p,{className:"k-button-icon",icon:`caret-alt-${S[c].next}`})}),(0,ut.jsx)(Lu,{className:a({"k-tabstrip-items-scroll":o&&f==="hidden"}),tabAlignment:_[b],orientation:R[c],...n&&{id:n},children:l}),o&&f==="end"&&(0,ut.jsx)("span",{className:a("k-tabstrip-prev","k-button",A("k-button",{size:t,fillMode:w.flat,rounded:N.none}),"k-icon-button"),"aria-hidden":"true",children:(0,ut.jsx)(p,{className:"k-button-icon",icon:`caret-alt-${S[c].prev}`})}),o&&(f==="around"||f==="end")&&(0,ut.jsx)("span",{className:a("k-tabstrip-next","k-button",A("k-button",{size:t,fillMode:w.flat,rounded:N.none}),"k-icon-button"),"aria-hidden":"true",children:(0,ut.jsx)(p,{className:"k-button-icon",icon:`caret-alt-${S[c].next}`})}),L&&(0,ut.jsx)("div",{className:"k-tabstrip-actions k-hstack",children:(0,ut.jsx)(pe,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),c!=="bottom"&&r]})};Qe.states=$N;Qe.options=WN;Qe.className=Qo;Qe.defaultOptions=Xl;Qe.moduleName=ol;Qe.folderName=Vl;Qe.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};var Iu=require("react/jsx-runtime"),Eu="k-tabstrip-wrapper",VN=[],XN={},JN={},br=e=>{let{...t}=e;return(0,Iu.jsx)("div",{...t,className:a(e.className,Eu),children:e.children})};br.states=VN;br.options=XN;br.className=Eu;br.defaultOptions=JN;br.moduleName=ol;br.folderName=Vl;var Ao=require("react/jsx-runtime"),ss="k-tabstrip-item",qN=[s.active,s.hover,s.disabled,s.focus],YN={},Gu={iconPosition:"before"},wt=e=>{let{dragging:t,active:o,hover:r,focus:l,disabled:n,children:c,first:b,last:f,closable:x,icon:C,iconPosition:L=Gu.iconPosition,value:g,actions:S,...R}=e;return(0,Ao.jsxs)("li",{...R,className:a(e.className,ss,E(ss,{hover:r,active:o,disabled:n,focus:l}),{"k-tabstrip-dragging":t,"k-first":b,"k-last":f}),role:"tab",...o&&{"aria-selected":"true"},...n&&{"aria-disabled":"true"},children:[(0,Ao.jsxs)("span",{className:"k-link",children:[C&&L==="before"&&(0,Ao.jsx)(p,{icon:C}),g&&(0,Ao.jsx)("span",{className:"k-link-text",children:g}),C&&L==="after"&&(0,Ao.jsx)(p,{icon:C})]}),(S||x)&&(0,Ao.jsxs)("span",{className:"k-item-actions",children:[S,x&&(0,Ao.jsx)(u,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),c]})};wt.states=qN;wt.options=YN;wt.className=ss;wt.item=Gu;var Ou=require("react/jsx-runtime"),ds="k-tabstrip-content",QN=[s.active,s.focus],ZN={},jN={},uo=e=>{let{active:t,focus:o,children:r,...l}=e;return(0,Ou.jsx)("div",{...l,className:a(e.className,ds,E(ds,{active:t,focus:o}),e.className),role:"tabpanel",children:r})};uo.states=QN;uo.options=ZN;uo.className=ds;uo.defaultOptions=jN;var Pt=require("react/jsx-runtime"),oo=({children:e,...t})=>(0,Pt.jsx)(Qe,{tabStripItems:(0,Pt.jsxs)(Pt.Fragment,{children:[(0,Pt.jsx)(wt,{first:!0,value:"First"}),(0,Pt.jsx)(wt,{active:!0,value:"Second"}),(0,Pt.jsx)(wt,{value:"Third"}),(0,Pt.jsx)(wt,{value:"Fourth"}),(0,Pt.jsx)(wt,{last:!0,value:"Fifth"})]}),...t,children:e||(0,Pt.jsx)(uo,{active:!0,children:(0,Pt.jsx)("div",{children:"TabStrip Content"})})});var Pu=require("react/jsx-runtime"),Hu=e=>(0,Pu.jsx)(oo,{position:"bottom",...e});var Ku=require("react/jsx-runtime"),_u=e=>(0,Ku.jsx)(oo,{position:"right",...e});var Bu=require("react/jsx-runtime"),Du=e=>(0,Bu.jsx)(oo,{position:"left",...e});var ew=require("react/jsx-runtime");var cs=require("react/jsx-runtime");var tw=require("react/jsx-runtime");var ps=require("react/jsx-runtime");var ms=require("react/jsx-runtime");var al=require("react/jsx-runtime"),ow={...Qe.options,scrollable:{type:"boolean"}},aw=Qe.states,zu={...Qe.defaultOptions,scrollable:!1,variant:"up"},rw=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],lw=[],Tr=e=>{let{variant:t,...o}={...zu,...e},r={};switch(t){case"right":return(0,al.jsx)(_u,{style:{height:"230px"},...o,...r,position:"right"});case"left":return(0,al.jsx)(Du,{style:{height:"230px"},...o,...r,position:"left"});case"bottom":return(0,al.jsx)(Hu,{style:{width:"350px"},...o,...r,position:"bottom"});default:return(0,al.jsx)(oo,{style:{width:"350px"},...o,...r})}};Tr.options=ow;Tr.states=aw;Tr.variants=rw;Tr.defaultOptions=zu;Tr.modifiers=lw;Tr.className=Qe.className;var us=require("react/jsx-runtime");var bs=require("react/jsx-runtime");var Ts=require("react/jsx-runtime");var fs=require("react/jsx-runtime");var gs=require("react/jsx-runtime");var hs=require("react/jsx-runtime");var v=require("react/jsx-runtime"),Uu=({contentClassName:e,...t})=>(0,v.jsx)(q,{_renderAriaRoot:!0,pager:(0,v.jsx)(Xt,{refresh:!1}),children:(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(F,{children:(0,v.jsx)("div",{className:"k-grid-header-wrap",children:(0,v.jsxs)($,{role:"none",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)(z,{role:"rowgroup",children:[(0,v.jsxs)(h,{role:"row",children:[(0,v.jsx)(y,{rowspan:1,colspan:1,columnTitle:"Product Id",role:"columnheader"}),(0,v.jsx)(y,{rowspan:1,colspan:1,columnTitle:"Name",role:"columnheader"}),(0,v.jsx)(y,{rowspan:1,colspan:1,columnTitle:"Quantity",role:"columnheader"}),(0,v.jsx)(y,{rowspan:1,colspan:1,columnTitle:"Unit Price",role:"columnheader"}),(0,v.jsx)(y,{rowspan:1,colspan:1,columnTitle:"Discontinued",role:"columnheader"})]}),(0,v.jsxs)(h,{className:"k-filter-row",role:"row",children:[(0,v.jsx)(i,{role:"gridcell","aria-label":"Product Id filter",children:(0,v.jsx)("div",{className:"k-filtercell",children:(0,v.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,v.jsx)(te,{"aria-label":"Product Id filter"}),(0,v.jsxs)("div",{className:"k-filtercell-operator",children:[(0,v.jsx)(ce,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Product Id filter operator"})," ",(0,v.jsx)(u,{disabled:!0,icon:"filter-clear","aria-label":"Clear Product Id filter"})]})]})})}),(0,v.jsx)(i,{role:"gridcell","aria-label":"Name filter",children:(0,v.jsx)("div",{className:"k-filtercell",children:(0,v.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,v.jsx)(be,{"aria-label":"Name filter"}),(0,v.jsxs)("div",{className:"k-filtercell-operator",children:[(0,v.jsx)(ce,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Name filter operator"})," ",(0,v.jsx)(u,{disabled:!0,icon:"filter-clear","aria-label":"Clear Name filter"})]})]})})}),(0,v.jsx)(i,{role:"gridcell","aria-label":"Quantity filter",children:(0,v.jsx)("div",{className:"k-filtercell",children:(0,v.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,v.jsx)(be,{"aria-label":"Quantity filter"}),(0,v.jsxs)("div",{className:"k-filtercell-operator",children:[(0,v.jsx)(ce,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Quantity filter operator"})," ",(0,v.jsx)(u,{disabled:!0,icon:"filter-clear","aria-label":"Clear Quantity filter"})]})]})})}),(0,v.jsx)(i,{role:"gridcell","aria-label":"Unit Price filter",children:(0,v.jsx)("div",{className:"k-filtercell",children:(0,v.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,v.jsx)(te,{"aria-label":"Unit Price filter"}),(0,v.jsxs)("div",{className:"k-filtercell-operator",children:[(0,v.jsx)(ce,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Unit Price filter operator"})," ",(0,v.jsx)(u,{disabled:!0,icon:"filter-clear","aria-label":"Clear Unit Price filter"})]})]})})}),(0,v.jsx)(i,{role:"gridcell","aria-label":"Discontinued filter",children:(0,v.jsx)("div",{className:"k-filtercell",children:(0,v.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,v.jsx)(ce,{"aria-label":"Discontinued filter"}),(0,v.jsx)("div",{className:"k-filtercell-operator",children:(0,v.jsx)(u,{disabled:!0,icon:"filter-clear","aria-label":"Clear Discontinued filter"})})]})})})]})]})]})})}),(0,v.jsx)(Y,{children:(0,v.jsx)(V,{className:e,children:(0,v.jsxs)(X,{role:"none",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)(U,{role:"rowgroup",children:[(0,v.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,v.jsx)(i,{role:"gridcell",children:"1"}),(0,v.jsx)(i,{role:"gridcell",children:"Chai"}),(0,v.jsx)(i,{role:"gridcell",children:"10 boxes x 20 bags"}),(0,v.jsx)(i,{role:"gridcell",children:"18"}),(0,v.jsx)(i,{role:"gridcell",children:"false"})]}),(0,v.jsxs)(h,{className:"k-master-row",role:"row",alt:!0,children:[(0,v.jsx)(i,{role:"gridcell",children:"2"}),(0,v.jsx)(i,{role:"gridcell",children:"Chang"}),(0,v.jsx)(i,{role:"gridcell",children:"24 - 12 oz bottles"}),(0,v.jsx)(i,{role:"gridcell",children:"19"}),(0,v.jsx)(i,{role:"gridcell",children:"false"})]}),(0,v.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,v.jsx)(i,{role:"gridcell",children:"3"}),(0,v.jsx)(i,{role:"gridcell",children:"Aniseed Syrup"}),(0,v.jsx)(i,{role:"gridcell",children:"12 - 550 ml bottles"}),(0,v.jsx)(i,{role:"gridcell",children:"10"}),(0,v.jsx)(i,{role:"gridcell",children:"false"})]}),(0,v.jsxs)(h,{className:"k-master-row",role:"row",alt:!0,children:[(0,v.jsx)(i,{role:"gridcell",children:"4"}),(0,v.jsx)(i,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,v.jsx)(i,{role:"gridcell",children:"48 - 6 oz jars"}),(0,v.jsx)(i,{role:"gridcell",children:"22"}),(0,v.jsx)(i,{role:"gridcell",children:"false"})]}),(0,v.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,v.jsx)(i,{role:"gridcell",children:"5"}),(0,v.jsx)(i,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),(0,v.jsx)(i,{role:"gridcell",children:"12 - 8 oz jars"}),(0,v.jsx)(i,{role:"gridcell",children:"25"}),(0,v.jsx)(i,{role:"gridcell",children:"false"})]})]})]})})})]}),...t});var rl=require("react/jsx-runtime"),sw="k-chip-action";var Ie=e=>{let{type:t,...o}=e,r;switch(t){case"remove":r=(0,rl.jsx)(p,{icon:"x-circle",size:"small"});break;case"more":r=(0,rl.jsx)(p,{icon:"more-vertical",size:"small"});break;default:return(0,rl.jsx)(p,{icon:t,size:"small"})}return(0,rl.jsx)("span",{...o,className:a(e.className,sw,`k-chip-${t}-action`),children:r})};var xs="avatar",Fu=xs;var Ns=require("react/jsx-runtime"),ll="k-avatar";var dw=[s.hover,s.focus,s.active,s.selected,s.disabled],cw={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.outline],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary]},ks={type:"text",border:!1},bt=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,type:n=ks.type,border:c=ks.border,...b}=e;return(0,Ns.jsx)("div",{...b,className:a(e.className,ll,A(ll,{size:t,rounded:o,fillMode:r,themeColor:l}),{[`${ll}-bordered`]:c}),children:(0,Ns.jsx)("span",{className:`${ll}-${n}`,children:e.children})})};bt.states=dw;bt.options=cw;bt.className=ll;bt.defaultOptions=ks;bt.moduleName=xs;bt.folderName=Fu;bt.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var ka=bt;var Wu=require("react/jsx-runtime"),$u=e=>(0,Wu.jsx)(ka,{type:"icon",...e});var Xu=require("react/jsx-runtime"),Vu=e=>(0,Xu.jsx)(ka,{type:"text",...e});var qu=require("react/jsx-runtime"),Ju=e=>(0,qu.jsx)(ka,{type:"image",...e});var pw=require("react/jsx-runtime");var fr=require("react/jsx-runtime"),mw=bt.options,uw=bt.states,bw={...bt.defaultOptions,variant:"image"},Tw=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],fw=[],gr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,fr.jsx)($u,{...o,children:(0,fr.jsx)(p,{icon:"star"})});case"text":return(0,fr.jsx)(Vu,{...o,children:"JO"});default:return(0,fr.jsx)(Ju,{...o,children:(0,fr.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};gr.options=mw;gr.states=uw;gr.variants=Tw;gr.defaultOptions=bw;gr.modifiers=fw;gr.className=bt.className;var il="chip",Jl=il;var Eo=require("react/jsx-runtime"),ql="k-chip",gw=[s.hover,s.focus,s.active,s.selected,s.disabled],hw={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.outline],themeColor:[M.undefined,M.base,M.success,M.warning,M.error,M.info]},Yu={avatarImage:"/packages/html/assets/avatar.jpg"},Se=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,text:n,icon:c,actions:b,showAvatar:f,avatarImage:x=Yu.avatarImage,hover:C,focus:L,active:g,selected:S,disabled:R,..._}=e;return(0,Eo.jsxs)("div",{..._,className:a(e.className,ql,A(ql,{size:t,rounded:o,fillMode:r,themeColor:l}),E(ql,{hover:C,focus:L,active:g,disabled:R,selected:S})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:S?"true":"false",...e.role==="option"&&S!==void 0&&{"aria-selected":S?"true":"false"},"aria-disabled":R?"true":void 0,children:[c&&(0,Eo.jsx)(p,{className:"k-chip-icon",icon:c,size:"small"}),f&&(0,Eo.jsx)(bt,{className:"k-chip-avatar",type:"image",children:(0,Eo.jsx)("img",{src:x,alt:""})}),(0,Eo.jsx)("span",{className:"k-chip-content",children:e.children?e.children:n&&(0,Eo.jsx)("span",{className:"k-chip-label",children:n})}),b&&(0,Eo.jsx)("span",{className:"k-chip-actions",children:b})]})};Se.states=gw;Se.options=hw;Se.className=ql;Se.defaultOptions=Yu;Se.moduleName=il;Se.folderName=Jl;Se.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 Jt=Se;var Qu=require("react/jsx-runtime"),ws="k-chip-list",xw=[],kw={size:[d.undefined,d.small,d.medium,d.large]},Nw={},Re=e=>{let{size:t,multiselectable:o,ariaLabel:r,...l}=e;return(0,Qu.jsx)("div",{...l,className:a(e.className,ws,A(ws,{size:t})),role:e.role||"listbox","aria-label":e.role==="none"?void 0:r||"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Re.states=xw;Re.options=kw;Re.className=ws;Re.defaultOptions=Nw;Re.moduleName=il;Re.folderName=Jl;Re.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 ww=require("react/jsx-runtime");var vw=require("react/jsx-runtime");var Zu=require("react/jsx-runtime"),Yl=e=>(0,Zu.jsx)(Jt,{text:"text",...e});var Cw=require("react/jsx-runtime");var Lw=require("react/jsx-runtime");var vs=require("react/jsx-runtime");var ju=require("react/jsx-runtime");var eb=require("react/jsx-runtime");var tb=require("react/jsx-runtime");var Io=require("react/jsx-runtime"),yw={...Jt.options,...Re.options},Mw=[],Sw=Re.states,Rw={...Jt.defaultOptions,...Re.defaultOptions},Aw=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],hr=e=>{let{modifiers:t,className:o,...r}=e,l=t==null?void 0:t.icon,n=t==null?void 0:t.actions,c=t==null?void 0:t.avatar;return(0,Io.jsxs)(Re,{size:r.size,className:o,children:[(0,Io.jsx)(Yl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?(0,Io.jsx)(Ie,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Io.jsx)(Yl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?(0,Io.jsx)(Ie,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Io.jsx)(Yl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?(0,Io.jsx)(Ie,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};hr.options=yw;hr.states=Sw;hr.variants=Mw;hr.defaultOptions=Rw;hr.modifiers=Aw;hr.className=Re.className;var Ql=require("react/jsx-runtime"),Ew=Se.states,Iw=Se.defaultOptions,Gw=Se.options,Ow=[],Hw=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],xr=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"icon":r.icon=t!=null&&t[l]?"arrow-down":void 0;break;case"avatar":r.showAvatar=!!(t!=null&&t[l]),r.avatarImage=t!=null&&t[l]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":r.actions||(r.actions=[]),r.actions[0]=t!=null&&t[l]?(0,Ql.jsx)(Ie,{type:"more"}):void 0;break;case"remove-icon":r.actions||(r.actions=[]),r.actions[1]=t!=null&&t[l]?(0,Ql.jsx)(Ie,{type:"remove"}):void 0;break;default:break}}),(0,Ql.jsx)(Se,{...o,...r,children:"Chip component"})};xr.options=Gw;xr.states=Ew;xr.variants=Ow;xr.defaultOptions=Iw;xr.modifiers=Hw;xr.className=Se.className;var G=require("react/jsx-runtime"),ob=({dropClue:e,contentClassName:t,...o})=>(0,G.jsx)(q,{_renderAriaRoot:!0,groupingHeader:(0,G.jsx)(so,{dropClue:e,role:"toolbar","aria-label":"Grouping",children:(0,G.jsxs)(Re,{role:"none",children:[(0,G.jsx)(Se,{icon:"sort-asc-small",text:"ID",role:"button",actions:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(Ie,{type:"more"}),(0,G.jsx)(Ie,{type:"remove"})]})}),(0,G.jsx)(Se,{icon:"sort-desc-small",text:"Name",role:"button",actions:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(Ie,{type:"more"}),(0,G.jsx)(Ie,{type:"remove"})]})})]})}),children:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(F,{draggable:!0,children:(0,G.jsx)("div",{className:"k-grid-header-wrap",children:(0,G.jsxs)($,{role:"none",children:[(0,G.jsxs)("colgroup",{children:[(0,G.jsx)("col",{className:"k-group-col"}),(0,G.jsx)("col",{className:"k-group-col"}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{})]}),(0,G.jsx)(z,{role:"rowgroup",children:(0,G.jsxs)(h,{role:"row",children:[(0,G.jsx)(y,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,G.jsx)(y,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,G.jsx)(y,{colspan:1,columnTitle:"ID",role:"columnheader"}),(0,G.jsx)(y,{colspan:1,columnTitle:"Name",role:"columnheader"}),(0,G.jsx)(y,{colspan:1,columnTitle:"Price",role:"columnheader"}),(0,G.jsx)(y,{colspan:1,columnTitle:"Category",role:"columnheader"})]})})]})})}),(0,G.jsx)(Y,{children:(0,G.jsx)(V,{className:t,children:(0,G.jsxs)(X,{role:"none",children:[(0,G.jsxs)("colgroup",{children:[(0,G.jsx)("col",{className:"k-group-col"}),(0,G.jsx)("col",{className:"k-group-col"}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{})]}),(0,G.jsxs)(U,{role:"rowgroup",children:[(0,G.jsx)(h,{className:"k-table-group-row k-grouping-row",role:"row",children:(0,G.jsx)(i,{colspan:6,role:"gridcell","aria-expanded":"false",children:(0,G.jsxs)("p",{className:"k-reset",children:[(0,G.jsx)(p,{icon:"caret-alt-right"}),"ID: 1"]})})}),(0,G.jsx)(h,{className:"k-table-group-row k-grouping-row",role:"row",children:(0,G.jsx)(i,{colspan:6,role:"gridcell","aria-expanded":"true",children:(0,G.jsxs)("p",{className:"k-reset",children:[(0,G.jsx)(p,{icon:"caret-alt-down"}),"ID: 2"]})})}),(0,G.jsxs)(h,{className:"k-table-group-row k-grouping-row",role:"row",children:[(0,G.jsx)(i,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,G.jsx)(i,{colspan:5,role:"gridcell","aria-expanded":"true",children:(0,G.jsxs)("p",{className:"k-reset",children:[(0,G.jsx)(p,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),(0,G.jsxs)(h,{className:"k-master-row",role:"row",alt:!0,children:[(0,G.jsx)(i,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,G.jsx)(i,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,G.jsx)(i,{colspan:0,role:"gridcell",children:"2"}),(0,G.jsx)(i,{colspan:0,role:"gridcell",children:"Chang"}),(0,G.jsx)(i,{colspan:0,role:"gridcell",children:"$19.00"}),(0,G.jsx)(i,{colspan:0,role:"gridcell",children:"Beverages"})]})]})]})})})]}),...o});var Cs=require("react/jsx-runtime");var Ls=require("react/jsx-runtime");var ys=require("react/jsx-runtime");var H=require("react/jsx-runtime"),ab=({headerWrapClassName:e,contentClassName:t,...o})=>(0,H.jsx)(q,{_renderAriaRoot:!0,children:(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(F,{children:(0,H.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,H.jsxs)($,{role:"none",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)(z,{role:"rowgroup",children:[(0,H.jsxs)(h,{role:"row",children:[(0,H.jsx)(y,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),(0,H.jsx)(y,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),(0,H.jsxs)(h,{role:"row",children:[(0,H.jsx)(y,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),(0,H.jsx)(y,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),(0,H.jsxs)(h,{role:"row",children:[(0,H.jsx)(y,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),(0,H.jsx)(y,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),(0,H.jsx)(Y,{children:(0,H.jsx)(V,{className:t,children:(0,H.jsxs)(X,{role:"none",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)(U,{role:"rowgroup",children:[(0,H.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,H.jsx)(i,{role:"gridcell",children:"1"}),(0,H.jsx)(i,{role:"gridcell",children:"Chai"}),(0,H.jsx)(i,{role:"gridcell",children:"39"}),(0,H.jsx)(i,{role:"gridcell",children:"18"})]}),(0,H.jsxs)(h,{className:"k-master-row",alt:!0,role:"row",children:[(0,H.jsx)(i,{role:"gridcell",children:"2"}),(0,H.jsx)(i,{role:"gridcell",children:"Chang"}),(0,H.jsx)(i,{role:"gridcell",children:"17"}),(0,H.jsx)(i,{role:"gridcell",children:"19"})]}),(0,H.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,H.jsx)(i,{role:"gridcell",children:"3"}),(0,H.jsx)(i,{role:"gridcell",children:"Aniseed Syrup"}),(0,H.jsx)(i,{role:"gridcell",children:"13"}),(0,H.jsx)(i,{role:"gridcell",children:"10"})]}),(0,H.jsxs)(h,{className:"k-master-row",alt:!0,role:"row",children:[(0,H.jsx)(i,{role:"gridcell",children:"4"}),(0,H.jsx)(i,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,H.jsx)(i,{role:"gridcell",children:"53"}),(0,H.jsx)(i,{role:"gridcell",children:"22"})]}),(0,H.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,H.jsx)(i,{role:"gridcell",children:"5"}),(0,H.jsx)(i,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),(0,H.jsx)(i,{role:"gridcell",children:"0"}),(0,H.jsx)(i,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});var Ms=require("react/jsx-runtime");var Ss=require("react/jsx-runtime");var K=require("react/jsx-runtime"),rb=e=>{let t=D("grid");return(0,K.jsx)(q,{_renderAriaRoot:!0,ariaRootId:t,toolbar:(0,K.jsxs)(co,{role:"toolbar","aria-label":"Grid toolbar","aria-controls":t,children:[(0,K.jsx)(u,{children:"Add new"}),(0,K.jsx)(u,{children:"Save Changes"}),(0,K.jsx)(u,{children:"Cancel Changes"})]}),children:(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(F,{children:(0,K.jsx)("div",{className:"k-grid-header-wrap",children:(0,K.jsxs)($,{role:"none",children:[(0,K.jsxs)("colgroup",{children:[(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{style:{width:"300px"}})]}),(0,K.jsx)(z,{role:"rowgroup",children:(0,K.jsxs)(h,{role:"row",children:[(0,K.jsx)(y,{columnTitle:"Name",role:"columnheader"}),(0,K.jsx)(y,{columnTitle:"Price",role:"columnheader"}),(0,K.jsx)(y,{columnTitle:"Available",role:"columnheader"}),(0,K.jsx)(y,{accessibleLabel:"Commands"})]})})]})})}),(0,K.jsx)(Y,{children:(0,K.jsx)(V,{children:(0,K.jsx)("div",{children:(0,K.jsxs)(X,{role:"none",children:[(0,K.jsxs)("colgroup",{children:[(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{style:{width:"300px"}})]}),(0,K.jsxs)(U,{role:"rowgroup",children:[(0,K.jsxs)(h,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[(0,K.jsx)(i,{role:"gridcell",children:(0,K.jsx)(be,{value:"Towel","aria-label":"Name"})}),(0,K.jsx)(i,{role:"gridcell",children:(0,K.jsx)(te,{value:"42","aria-label":"Price"})}),(0,K.jsx)(i,{role:"gridcell",children:(0,K.jsx)(ze,{"aria-label":"Available"})}),(0,K.jsxs)(i,{className:"k-command-cell",role:"gridcell",children:[(0,K.jsx)(u,{children:"Add"}),(0,K.jsx)(u,{children:"Cancel"})]})]}),(0,K.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,K.jsx)(i,{role:"gridcell",children:"Chai"}),(0,K.jsx)(i,{role:"gridcell",children:"18"}),(0,K.jsx)(i,{role:"gridcell",children:"false"}),(0,K.jsx)(i,{className:"k-command-cell",role:"gridcell",children:(0,K.jsx)(u,{children:"Remove"})})]}),(0,K.jsxs)(h,{className:"k-master-row",role:"row",alt:!0,children:[(0,K.jsx)(i,{role:"gridcell",children:"Chang"}),(0,K.jsx)(i,{role:"gridcell",children:"19"}),(0,K.jsx)(i,{role:"gridcell",children:"false"}),(0,K.jsx)(i,{className:"k-command-cell",role:"gridcell",children:(0,K.jsx)(u,{children:"Remove"})})]})]})]})})})})]}),...e})};var Rs=require("react/jsx-runtime");var As="context-menu",lb=As;var nb=require("react/jsx-runtime"),ib="k-context-menu",Pw=[],_w={},Kw={},vt=e=>{let{children:t,...o}=e;return(0,nb.jsx)(He,{...o,className:a(e.className,ib),role:"menu",children:t})};vt.states=Pw;vt.options=_w;vt.className=ib;vt.defaultOptions=Kw;vt.moduleName=As;vt.folderName=lb;vt.ariaSpec={selector:".k-context-menu",rules:[{selector:".k-context-menu",attribute:"role=menu",usage:"The context menu implements the menu role."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has an id linked to parent aria-controls."}]};var nl=require("react/jsx-runtime"),Es=e=>(0,nl.jsx)(vt,{children:[(0,nl.jsx)(oe,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),(0,nl.jsx)(oe,{text:"Item 2"},"menu-item-2"),(0,nl.jsx)(oe,{last:!0,text:"Item 3"},"menu-item-3")],...e});var Is=require("react/jsx-runtime");var Zo=require("react/jsx-runtime"),Dw=Ce.options,Bw=Ce.states,sb={...Ce.defaultOptions,variant:"normal"},zw=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],Uw=[],kr=e=>{let{variant:t,...o}={...sb,...e};return t==="separators"?(0,Zo.jsxs)(Es,{...o,style:{width:"130px"},children:[(0,Zo.jsx)(oe,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),(0,Zo.jsx)($o,{}),(0,Zo.jsx)(oe,{text:"Item 2"},"menu-item-2"),(0,Zo.jsx)(oe,{last:!0,text:"Item 3"},"menu-item-3")]}):(0,Zo.jsx)(Es,{...o,style:{width:"130px"}})};kr.options=Dw;kr.states=Bw;kr.variants=zw;kr.defaultOptions=sb;kr.modifiers=Uw;kr.className=vt.className;var Gs=require("react/jsx-runtime");var Os=require("react/jsx-runtime");var Hs=require("react/jsx-runtime");var Ps=require("react/jsx-runtime");var T=require("react/jsx-runtime"),Fw=q.options,$w=q.states,db={...q.defaultOptions,variant:"normal"},Ww=[{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"}],Vw=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Nr=e=>{let{variant:t,modifiers:o,...r}={...db,...e},l={toolbar:void 0,pager:void 0},n=(0,T.jsxs)(co,{children:[(0,T.jsx)(u,{icon:"plus",children:"Add New"}),(0,T.jsx)(u,{icon:"file-pdf",children:"Export to PDF"}),(0,T.jsx)("span",{className:"k-spacer"}),(0,T.jsx)(be,{prefix:(0,T.jsx)(p,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=(0,T.jsx)(ke,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(x=>{switch(x){case"toolbar":l.toolbar=o!=null&&o[x]?n:void 0;break;case"pager":l.pager=o!=null&&o[x]?c:void 0;break;default:return}});let b={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},f=(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(F,{children:(0,T.jsx)("div",{className:"k-grid-header-wrap",children:(0,T.jsxs)($,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsx)(z,{children:(0,T.jsxs)(h,{children:[(0,T.jsx)(y,{...b[t],columnTitle:"ID"}),(0,T.jsx)(y,{...b[t],columnTitle:"Product Name"}),(0,T.jsx)(y,{...b[t],columnTitle:"Units in Stock"}),(0,T.jsx)(y,{...b[t],columnTitle:"Units Price"})]})})]})})}),(0,T.jsx)(Y,{children:(0,T.jsx)(V,{children:(0,T.jsxs)(X,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsxs)(U,{children:[(0,T.jsxs)(h,{children:[(0,T.jsx)(i,{children:"1"}),(0,T.jsx)(i,{children:"Chai"}),(0,T.jsx)(i,{children:"39"}),(0,T.jsx)(i,{children:"18"})]}),(0,T.jsxs)(h,{alt:!0,children:[(0,T.jsx)(i,{children:"2"}),(0,T.jsx)(i,{children:"Chang"}),(0,T.jsx)(i,{children:"17"}),(0,T.jsx)(i,{children:"19"})]}),(0,T.jsxs)(h,{children:[(0,T.jsx)(i,{children:"3"}),(0,T.jsx)(i,{children:"Aniseed Syrup"}),(0,T.jsx)(i,{children:"13"}),(0,T.jsx)(i,{children:"10"})]}),(0,T.jsxs)(h,{alt:!0,children:[(0,T.jsx)(i,{children:"4"}),(0,T.jsx)(i,{children:"Chef Anton's Cajun Seasoning"}),(0,T.jsx)(i,{children:"53"}),(0,T.jsx)(i,{children:"22"})]}),(0,T.jsxs)(h,{children:[(0,T.jsx)(i,{children:"5"}),(0,T.jsx)(i,{children:"Chef Anton's Gumbo Mix"}),(0,T.jsx)(i,{children:"0"}),(0,T.jsx)(i,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,T.jsx)(ab,{...r,...l});case"editing":return(0,T.jsx)(rb,{...r,...l});case"grouping":return(0,T.jsx)(ob,{...r,...l,groupingHeader:(0,T.jsx)(so,{children:(0,T.jsxs)(Re,{children:[(0,T.jsx)(Se,{icon:"sort-asc-small",actions:(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(Ie,{type:"more"}),(0,T.jsx)(Ie,{type:"remove"})]}),children:"ID"}),(0,T.jsx)(Se,{icon:"sort-desc-small",actions:(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(Ie,{type:"more"}),(0,T.jsx)(Ie,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,T.jsx)(q,{...r,...l,children:(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(F,{children:(0,T.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,T.jsxs)($,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{className:"k-drag-col"}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsx)(z,{children:(0,T.jsxs)(h,{children:[(0,T.jsx)(y,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,T.jsx)(y,{columnTitle:"ID"}),(0,T.jsx)(y,{columnTitle:"Product Name"}),(0,T.jsx)(y,{columnTitle:"Units in Stock"}),(0,T.jsx)(y,{columnTitle:"Units Price"})]})})]})]})}),(0,T.jsx)(Y,{children:(0,T.jsx)(V,{children:(0,T.jsxs)(X,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{className:"k-drag-col"}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsxs)(U,{children:[(0,T.jsxs)(h,{children:[(0,T.jsx)(i,{className:"k-drag-cell",children:(0,T.jsx)(p,{icon:"reorder"})}),(0,T.jsx)(i,{children:"1"}),(0,T.jsx)(i,{children:"Chai"}),(0,T.jsx)(i,{children:"39"}),(0,T.jsx)(i,{children:"18"})]}),(0,T.jsxs)(h,{alt:!0,children:[(0,T.jsx)(i,{className:"k-drag-cell",children:(0,T.jsx)(p,{icon:"reorder"})}),(0,T.jsx)(i,{children:"2"}),(0,T.jsx)(i,{children:"Chang"}),(0,T.jsx)(i,{children:"17"}),(0,T.jsx)(i,{children:"19"})]}),(0,T.jsxs)(h,{children:[(0,T.jsx)(i,{className:"k-drag-cell",children:(0,T.jsx)(p,{icon:"reorder"})}),(0,T.jsx)(i,{children:"3"}),(0,T.jsx)(i,{children:"Aniseed Syrup"}),(0,T.jsx)(i,{children:"13"}),(0,T.jsx)(i,{children:"10"})]}),(0,T.jsxs)(h,{alt:!0,children:[(0,T.jsx)(i,{className:"k-drag-cell",children:(0,T.jsx)(p,{icon:"reorder"})}),(0,T.jsx)(i,{children:"4"}),(0,T.jsx)(i,{children:"Chef Anton's Cajun Seasoning"}),(0,T.jsx)(i,{children:"53"}),(0,T.jsx)(i,{children:"22"})]}),(0,T.jsxs)(h,{children:[(0,T.jsx)(i,{className:"k-drag-cell",children:(0,T.jsx)(p,{icon:"reorder"})}),(0,T.jsx)(i,{children:"5"}),(0,T.jsx)(i,{children:"Chef Anton's Gumbo Mix"}),(0,T.jsx)(i,{children:"0"}),(0,T.jsx)(i,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,T.jsx)(Uu,{...r,...l});default:return(0,T.jsx)(q,{...r,...l,children:f})}};Nr.options=Fw;Nr.states=$w;Nr.variants=Ww;Nr.defaultOptions=db;Nr.modifiers=Vw;Nr.className=q.className;var cb=require("react/jsx-runtime"),Na="k-pane",Xw=[],Jw={},_s={resizable:!0,flex:!1},Fe=e=>{let{scrollable:t,flexBasis:o,flex:r=_s.flex,collapsible:l,resizable:n=_s.resizable,pinned:c,unpinned:b,tabbed:f,...x}=e;return(0,cb.jsx)("div",{...x,style:{flexBasis:o,...e.style},className:a(e.className,Na,{[`${Na}-static`]:o,[`${Na}-flex`]:r,"k-scrollable":t,[`${Na}-pinned`]:c,[`${Na}-unpinned`]:b,[`${Na}-tabbed`]:f}),role:"group",children:e.children})};Fe.states=Xw;Fe.options=Jw;Fe.className=Na;Fe.defaultOptions=_s;var _t=require("react/jsx-runtime"),wr="k-splitbar",qw=[s.hover,s.focus],Yw={},Ks={orientation:"horizontal",draggable:!0},vr=e=>{let{hover:t,focus:o,orientation:r=Ks.orientation,draggable:l=Ks.draggable,collapsePrev:n,collapseNext:c,ariaLabel:b,...f}=e;return(0,_t.jsxs)("div",{...f,className:a(e.className,wr,E(wr,{hover:t,focus:o}),{[`${wr}-${r}`]:r,[`${wr}-draggable-${r}`]:l,[`${wr}-static-${r}`]:!l&&!n&&!c}),role:"separator","aria-label":b,...r==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[n&&(0,_t.jsx)(_t.Fragment,{children:(0,_t.jsx)("div",{className:"k-collapse-prev",children:(0,_t.jsx)(p,{icon:`caret-alt-${r==="horizontal"?"left":"up"}`,size:"xsmall"})})}),(0,_t.jsx)("div",{className:"k-resize-handle","aria-hidden":"true"}),c&&(0,_t.jsx)(_t.Fragment,{children:(0,_t.jsx)("div",{className:"k-collapse-next",children:(0,_t.jsx)(p,{icon:`caret-alt-${r==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};vr.states=qw;vr.options=Yw;vr.className=wr;vr.defaultOptions=Ks;var Ds="splitter",pb=Ds;var Zl=require("react/jsx-runtime"),ub=require("react"),Bs="k-splitter",Qw={},mb={orientation:"horizontal"},De=e=>{let{orientation:t=mb.orientation,children:o,panes:r,...l}=e,n=[];return r&&r.forEach((c,b)=>{let f=r[b+1],x=c.props,C=f==null?void 0:f.props;n.push((0,ub.createElement)(Fe,{...x,key:b})),f&&n.push((0,Zl.jsx)(vr,{draggable:x.resizable!==!1&&C.resizable!==!1,collapsePrev:x.collapsible,collapseNext:C.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${b}`))}),(0,Zl.jsxs)("div",{...l,className:a(e.className,Bs,{[`${Bs}-${t}`]:t},"k-splitter-flex"),children:[n,o]})};De.options=Qw;De.className=Bs;De.defaultOptions=mb;De.moduleName=Ds;De.folderName=pb;De.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 bb=require("react/jsx-runtime");var Tb=require("react/jsx-runtime");var wa=require("react/jsx-runtime"),sl=require("react"),Zw=De.options,jw=De.states,fb={...De.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},ev=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],tv=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],Cr=e=>{let{variant:t,modifiers:o,...r}={...fb,...e},l=f=>({collapsible:f,content:f?"Resizable and collapsible":"Resizable only"}),n=l(!0),c=l(!0),b={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(f=>{let x=o==null?void 0:o[f];switch(f){case"secondPaneProps":c=l(!!x);break;case"firstPaneProps":n=l(!!x);break;default:break}}),t==="vertical"?(0,wa.jsx)(De,{style:{height:"238px"},...r,orientation:"vertical",panes:[(0,sl.createElement)(Fe,{...n,flexBasis:"50%",style:b,key:"pane-1"},(0,wa.jsx)("p",{children:n.content})),(0,sl.createElement)(Fe,{...c,flexBasis:"50%",style:b,key:"pane-2"},(0,wa.jsx)("p",{children:c.content}))]}):(0,wa.jsx)(De,{style:{height:"238px"},...r,orientation:"horizontal",panes:[(0,sl.createElement)(Fe,{...n,flexBasis:"50%",style:b,key:"pane-1"},(0,wa.jsx)("p",{children:n.content})),(0,sl.createElement)(Fe,{...c,flexBasis:"50%",style:b,key:"pane-2"},(0,wa.jsx)("p",{children:c.content}))]})};Cr.options=Zw;Cr.states=jw;Cr.variants=ev;Cr.defaultOptions=fb;Cr.modifiers=tv;Cr.className=De.className;var zs="treelist",gb=zs;var xb=require("react/jsx-runtime"),hb="k-treelist",ov=[],av={},rv={},Te=e=>(0,xb.jsx)(q,{...e,ariaRole:"treegrid",className:a(hb,e.className),children:e.children});Te.states=ov;Te.options=av;Te.className=hb;Te.defaultOptions=rv;Te.moduleName=zs;Te.folderName=gb;Te.ariaSpec={selector:".k-treelist",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=treegrid."},{selector:".k-treelist .k-grid-aria-root",attribute:"role=treegrid",usage:"The role specifies the element is a TreeGrid."},{selector:".k-grid-aria-root",attribute:"aria-colcount (when present)",usage:"The total number of columns."},{selector:".k-grid-aria-root",attribute:"aria-rowcount (when present)",usage:"The total number of rows in the table."},{selector:".k-grid-header-wrap>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-header-wrap>table>thead",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr",attribute:"aria-rowindex (when present)",usage:"Row number."},{selector:".k-grid-header-wrap>table>thead>tr>th:not(.k-hierarchy-cell):not(.k-group-cell):not(.k-drag-cell)",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-sort (when present)",usage:"Present if sorting is enabled for that column."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-colindex (when present)",usage:"Col number."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-haspopup=dialog (when present)",usage:"Present if the column has a ColumnMenu or FilterMenu."},{selector:".k-grid-content>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-content>table>tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr",attribute:"aria-rowindex (when present)",usage:"Row number."},{selector:".k-grid-content>table>tbody>tr>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr>td",attribute:"aria-colindex (when present)",usage:"Col number."},{selector:"tr.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected row(s) in row selection mode. All cells within the selected row also carry aria-selected=true (without k-selected class)."},{selector:"td.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected cell(s) in cell selection mode. The k-selected class on cells is only applied in cell selection mode, but aria-selected=true is present on cells regardless of selection mode."},{selector:".k-grid-content>table>tbody>tr",attribute:"aria-expanded (when present)",usage:"Set on the currently expanded row(s)."},{selector:".k-grid-content>table>tbody>tr td",attribute:"aria-expanded (when present)",usage:"The cell containing the expand/collapse toggle also carries aria-expanded matching the row value, as it is the navigable focusable element."},{selector:'.k-treelist-toggle[class*="i-caret-alt-down"],.k-treelist-toggle[class*="i-caret-alt-right"]',attribute:"aria-hidden=true",usage:"Removes the expand/collapse icon from the accessibility tree."},{selector:".k-grid-filter-popup",attribute:"role=dialog",usage:"The filter menu popup has dialog role."},{selector:".k-grid-filter-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-filter-popup",attribute:"aria-label",usage:"Descriptive label for the filter menu."},{selector:".k-grid-columnmenu-popup",attribute:"role=dialog",usage:"The column menu popup has dialog role."},{selector:".k-grid-columnmenu-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-columnmenu-popup",attribute:"aria-label",usage:"Descriptive label for the column menu."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"role=button",usage:"Column menu items have button role."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"tabindex=0",usage:"Column menu items are focusable."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-expanded (when present)",usage:"Expandable column menu items announce their expanded state."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-controls (when present)",usage:"Expandable items point to the id of the content they control."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"role=listbox",usage:"The column list is a listbox."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-multiselectable=true",usage:"The column list supports multiple selections."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"role=option",usage:"Column list items are options."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"aria-checked",usage:"Column list items announce their checked state."},{selector:".k-grid-header-locked table tr",attribute:"aria-owns",usage:"Locked header rows own cells from the corresponding non-locked header table rows."},{selector:".k-grid-content-locked table tr",attribute:"aria-owns",usage:"Locked content rows own cells from the corresponding non-locked content table rows."},{selector:".k-grid-lockedcolumns .k-grid-header-wrap table tr",attribute:"role=none",usage:"Non-locked header rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-content table tr",attribute:"role=none",usage:"Non-locked content rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-header-wrap th",attribute:"role=columnheader",usage:"Non-locked header cells retain columnheader role so they are announced correctly when owned via aria-owns."},{selector:".k-grid-lockedcolumns .k-grid-content td",attribute:"role=gridcell",usage:"Non-locked data cells retain gridcell role so they are announced correctly when owned via aria-owns."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Must be present in a Drag Row scenario on the cell containing the drag handle."}]};var P=require("react/jsx-runtime"),va=({gridHeader:e,gridContent:t,menu:o,...r})=>{let l=D("treelist");return(0,P.jsxs)(Te,{id:D("treelist"),_renderAriaRoot:!0,ariaRootId:l,ariaColCount:3,ariaRowCount:6,...r,children:[e||(0,P.jsx)(F,{children:(0,P.jsx)("div",{className:"k-grid-header-wrap",children:(0,P.jsxs)($,{role:"none",children:[(0,P.jsxs)("colgroup",{children:[(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{})]}),(0,P.jsx)(z,{role:"rowgroup",children:(0,P.jsxs)(h,{role:"row","aria-rowindex":1,children:[(0,P.jsx)(y,{menu:o,columnTitle:"Name",role:"columnheader","aria-sort":"ascending","aria-colindex":1,...o?{"aria-haspopup":"dialog"}:{}}),(0,P.jsx)(y,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":2,...o?{"aria-haspopup":"dialog"}:{}}),(0,P.jsx)(y,{menu:o,columnTitle:"Hire Date",role:"columnheader","aria-colindex":3,...o?{"aria-haspopup":"dialog"}:{}})]})})]})})}),(0,P.jsx)(Y,{children:t||(0,P.jsx)(V,{children:(0,P.jsxs)(X,{role:"none",children:[(0,P.jsxs)("colgroup",{children:[(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{})]}),(0,P.jsxs)(U,{role:"rowgroup",children:[(0,P.jsxs)(h,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[(0,P.jsxs)(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,P.jsx)(i,{role:"gridcell","aria-colindex":2,children:"Sweeney"}),(0,P.jsx)(i,{role:"gridcell","aria-colindex":3,children:"CEO"})]}),(0,P.jsxs)(h,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[(0,P.jsxs)(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,P.jsx)(i,{role:"gridcell","aria-colindex":2,children:"Wooten"}),(0,P.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Chief Technical Officer"})]}),(0,P.jsxs)(h,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[(0,P.jsxs)(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,P.jsx)(i,{role:"gridcell","aria-colindex":2,children:"Weber"}),(0,P.jsx)(i,{role:"gridcell","aria-colindex":3,children:"VP, Engineering"})]}),(0,P.jsxs)(h,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[(0,P.jsxs)(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,P.jsx)(i,{role:"gridcell","aria-colindex":2,children:"Hood"}),(0,P.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Team Lead"})]}),(0,P.jsxs)(h,{role:"row","aria-rowindex":6,children:[(0,P.jsxs)(i,{role:"gridcell","aria-colindex":1,children:[(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,P.jsx)(i,{role:"gridcell","aria-colindex":2,children:"Carr"}),(0,P.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Junior Software Developer"})]})]})]})})})]})};var Nb=require("react/jsx-runtime"),kb=e=>(0,Nb.jsx)(va,{menu:"column",...e});var Us=require("react/jsx-runtime");var vb=require("react/jsx-runtime"),wb=e=>(0,vb.jsx)(va,{menu:"filter",...e});var Fs=require("react/jsx-runtime");var $s=require("react/jsx-runtime");var I=require("react/jsx-runtime"),Cb=({gridHeader:e,gridContent:t,menu:o,...r})=>{let l=D("treelist");return(0,I.jsxs)(Te,{id:D("treelist"),_renderAriaRoot:!0,ariaRootId:l,ariaColCount:4,ariaRowCount:6,...r,children:[e||(0,I.jsx)(F,{children:(0,I.jsx)("div",{className:"k-grid-header-wrap",children:(0,I.jsxs)($,{role:"none",children:[(0,I.jsxs)("colgroup",{children:[(0,I.jsx)("col",{className:"k-drag-col"}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{})]}),(0,I.jsx)(z,{role:"rowgroup",children:(0,I.jsxs)(h,{role:"row","aria-rowindex":1,children:[(0,I.jsx)(y,{role:"columnheader",accessibleLabel:"Drag column"}),(0,I.jsx)(y,{menu:o,columnTitle:"First Name",role:"columnheader","aria-colindex":2}),(0,I.jsx)(y,{menu:o,columnTitle:"Last Name",role:"columnheader","aria-colindex":3}),(0,I.jsx)(y,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":4})]})})]})})}),(0,I.jsx)(Y,{children:t||(0,I.jsx)(V,{children:(0,I.jsxs)(X,{role:"none",children:[(0,I.jsxs)("colgroup",{children:[(0,I.jsx)("col",{className:"k-drag-col"}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{})]}),(0,I.jsxs)(U,{role:"rowgroup",children:[(0,I.jsxs)(h,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[(0,I.jsx)(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,I.jsx)(p,{icon:"reorder"})}),(0,I.jsxs)(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,I.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Sweeney"}),(0,I.jsx)(i,{role:"gridcell","aria-colindex":4,children:"CEO"})]}),(0,I.jsxs)(h,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[(0,I.jsx)(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,I.jsx)(p,{icon:"reorder"})}),(0,I.jsxs)(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,I.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Wooten"}),(0,I.jsx)(i,{role:"gridcell","aria-colindex":4,children:"Chief Technical Officer"})]}),(0,I.jsxs)(h,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[(0,I.jsx)(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,I.jsx)(p,{icon:"reorder"})}),(0,I.jsxs)(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,I.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Weber"}),(0,I.jsx)(i,{role:"gridcell","aria-colindex":4,children:"VP, Engineering"})]}),(0,I.jsxs)(h,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[(0,I.jsx)(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,I.jsx)(p,{icon:"reorder"})}),(0,I.jsxs)(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,I.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Hood"}),(0,I.jsx)(i,{role:"gridcell","aria-colindex":4,children:"Team Lead"})]}),(0,I.jsxs)(h,{role:"row","aria-rowindex":6,children:[(0,I.jsx)(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,I.jsx)(p,{icon:"reorder"})}),(0,I.jsxs)(i,{role:"gridcell","aria-colindex":2,children:[(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,I.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Carr"}),(0,I.jsx)(i,{role:"gridcell","aria-colindex":4,children:"Junior Software Developer"})]})]})]})})})]})};var Lb=require("react/jsx-runtime");var yb=require("react/jsx-runtime");var Mb=require("react/jsx-runtime");var Sb=require("react/jsx-runtime");var k=require("react/jsx-runtime"),lv=Te.options,iv=Te.states,Rb={...Te.defaultOptions,variant:"normal"},nv=[{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"}],sv=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],Lr=e=>{let{variant:t,modifiers:o,...r}={...Rb,...e},l={},n=(0,k.jsxs)(co,{children:[(0,k.jsx)(u,{icon:"plus",children:"Add New"}),(0,k.jsx)(u,{icon:"file-pdf",children:"Export to PDF"}),(0,k.jsx)("span",{className:"k-spacer"}),(0,k.jsx)(be,{prefix:(0,k.jsx)(p,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=(0,k.jsx)(ke,{pageSizes:!1,refresh:!1});switch(Object.keys(o||{}).forEach(b=>{switch(b){case"toolbar":l.toolbar=o!=null&&o[b]?n:void 0;break;case"pager":l.pager=o!=null&&o[b]?c:void 0;break;default:return}}),t){case"row-reordering":return(0,k.jsx)(Cb,{...r,...l});case"column-menu":return(0,k.jsx)(kb,{...r,...l,gridHeader:(0,k.jsx)(F,{children:(0,k.jsx)("div",{className:"k-grid-header-wrap",children:(0,k.jsxs)($,{children:[(0,k.jsxs)("colgroup",{children:[(0,k.jsx)("col",{}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{})]}),(0,k.jsx)(z,{children:(0,k.jsxs)(h,{children:[(0,k.jsx)(y,{menu:"column",columnTitle:"First Name"}),(0,k.jsx)(y,{menu:"column",columnTitle:"Last Name"}),(0,k.jsx)(y,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return(0,k.jsx)(wb,{...r,...l,gridHeader:(0,k.jsx)(F,{children:(0,k.jsx)("div",{className:"k-grid-header-wrap",children:(0,k.jsxs)($,{children:[(0,k.jsxs)("colgroup",{children:[(0,k.jsx)("col",{}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{})]}),(0,k.jsx)(z,{children:(0,k.jsxs)(h,{children:[(0,k.jsx)(y,{menu:"filter",columnTitle:"First Name"}),(0,k.jsx)(y,{menu:"filter",columnTitle:"Last Name"}),(0,k.jsx)(y,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return(0,k.jsx)(va,{...r,...l,gridHeader:(0,k.jsx)(F,{children:(0,k.jsx)("div",{className:"k-grid-header-wrap",children:(0,k.jsxs)($,{children:[(0,k.jsxs)("colgroup",{children:[(0,k.jsx)("col",{}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{})]}),(0,k.jsx)(z,{children:(0,k.jsxs)(h,{children:[(0,k.jsx)(y,{columnTitle:"First Name"}),(0,k.jsx)(y,{columnTitle:"Last Name",sortable:!0}),(0,k.jsx)(y,{columnTitle:"Position"})]})})]})})}),gridContent:(0,k.jsx)(V,{children:(0,k.jsxs)(X,{children:[(0,k.jsxs)("colgroup",{children:[(0,k.jsx)("col",{}),(0,k.jsx)("col",{className:"k-sorted"}),(0,k.jsx)("col",{})]}),(0,k.jsxs)(U,{children:[(0,k.jsxs)(h,{className:"k-treelist-group",children:[(0,k.jsxs)(i,{children:[(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,k.jsx)(i,{children:"Sweeney"}),(0,k.jsx)(i,{children:"CEO"})]}),(0,k.jsxs)(h,{className:"k-treelist-group",alt:!0,children:[(0,k.jsxs)(i,{children:[(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,k.jsx)(i,{children:"Wooten"}),(0,k.jsx)(i,{children:"Chief Technical Officer"})]}),(0,k.jsxs)(h,{className:"k-treelist-group",children:[(0,k.jsxs)(i,{children:[(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,k.jsx)(i,{children:"Weber"}),(0,k.jsx)(i,{children:"VP, Engineering"})]}),(0,k.jsxs)(h,{className:"k-treelist-group",alt:!0,children:[(0,k.jsxs)(i,{children:[(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,k.jsx)(i,{children:"Hood"}),(0,k.jsx)(i,{children:"Team Lead"})]}),(0,k.jsxs)(h,{children:[(0,k.jsxs)(i,{children:[(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,k.jsx)(i,{children:"Carr"}),(0,k.jsx)(i,{children:"Junior Software Developer"})]})]})]})})});default:return(0,k.jsx)(va,{...r,...l,gridHeader:(0,k.jsx)(F,{children:(0,k.jsx)("div",{className:"k-grid-header-wrap",children:(0,k.jsxs)($,{children:[(0,k.jsxs)("colgroup",{children:[(0,k.jsx)("col",{}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{})]}),(0,k.jsx)(z,{children:(0,k.jsxs)(h,{children:[(0,k.jsx)(y,{columnTitle:"First Name"}),(0,k.jsx)(y,{columnTitle:"Last Name"}),(0,k.jsx)(y,{columnTitle:"Position"})]})})]})})})})}};Lr.options=lv;Lr.states=iv;Lr.variants=nv;Lr.defaultOptions=Rb;Lr.modifiers=sv;Lr.className=Te.className;var Ab=require("react/jsx-runtime");var Ws="tooltip",Eb=Ws;var Go=require("react/jsx-runtime"),Vs="k-tooltip",dv=[],cv={themeColor:[M.undefined,M.base,M.inverse,M.info,M.success,M.warning,M.error]},Ib={closable:!1},Ct=e=>{let{closable:t=Ib.closable,callout:o,themeColor:r,title:l,content:n,icon:c,id:b=D("tooltip"),...f}=e;return(0,Go.jsxs)("div",{...f,className:a(e.className,Vs,A(Vs,{themeColor:r}),{"k-tooltip-closable":t}),role:"tooltip",id:b,children:[c&&(0,Go.jsx)(p,{className:"k-tooltip-icon",icon:c}),(0,Go.jsxs)("div",{className:"k-tooltip-content",children:[l&&(0,Go.jsx)("div",{className:"k-tooltip-title",children:l}),n]}),t&&(0,Go.jsx)("div",{className:"k-tooltip-button",role:"button","aria-label":"Close",tabIndex:0,children:(0,Go.jsx)(p,{icon:"x"})}),o&&(0,Go.jsx)("div",{className:a("k-callout",{[`k-callout-${js.calloutMap[o]||o}`]:o})})]})};Ct.states=dv;Ct.options=cv;Ct.className=Vs;Ct.defaultOptions=Ib;Ct.moduleName=Ws;Ct.folderName=Eb;Ct.ariaSpec={selector:".k-tooltip",implicitRole:"tooltip",rules:[{selector:".k-tooltip",attribute:"role=tooltip",usage:"Specifies the tooltip role of the tooltip container."},{selector:".k-tooltip",attribute:"id",usage:"The element needs an id to be associated with the aria-describedby attribute of the trigger element."},{selector:".k-tooltip .k-tooltip-button",attribute:"role=button",usage:"The close button needs an explicit button role."},{selector:".k-tooltip .k-tooltip-button",attribute:"aria-label",usage:"The close button needs an accessible name."}]};var Xs=Ct;var Ob=require("react/jsx-runtime"),Gb=e=>(0,Ob.jsx)(Xs,{content:"Tooltip Content",...e});var pv=require("react/jsx-runtime");var yr=require("react/jsx-runtime"),mv={...Ct.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},uv=Ct.states,Hb={...Ct.defaultOptions,callout:"top"},bv=[],Mr=e=>{let{callout:t="top",...o}={...Hb,...e},r={none:{top:"-33px",left:"-17px",calloutDirection:null},right:{top:"2px",left:"61px",calloutDirection:"left"},left:{top:"2px",left:"-94px",calloutDirection:"right"},bottom:{top:"38px",left:"-17px",calloutDirection:"top"},top:{top:"-33px",left:"-17px",calloutDirection:"bottom"}},{top:l,left:n,calloutDirection:c}=r[t]||{};return(0,yr.jsxs)("div",{style:{position:"absolute"},children:[(0,yr.jsx)(zt,{style:{top:l,left:n},children:(0,yr.jsx)(Gb,{style:{width:"86px",textAlign:"center"},callout:c,content:"Content",...o})}),(0,yr.jsx)(u,{text:"Show"})]})};Mr.options=mv;Mr.states=uv;Mr.variants=bv;Mr.defaultOptions=Hb;Mr.modifiers=[];Mr.className=Ct.className;var Js=require("react/jsx-runtime");var m=require("react/jsx-runtime"),Pb=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:r="828px",currentTimeLeftOffset:l="243px",ganttDependencies:n,menu:c,...b})=>(0,m.jsx)(yt,{headerToolbar:(0,m.jsxs)(pa,{"aria-label":"Toolbar",children:[(0,m.jsx)(u,{className:"k-gantt-toggle",icon:"layout-1-by-4","aria-label":"Toggle TreeList"}),(0,m.jsx)(u,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),(0,m.jsx)("span",{className:"k-spacer"}),(0,m.jsxs)("div",{className:"k-gantt-views-wrapper",children:[(0,m.jsxs)("select",{className:"k-picker k-dropdown-list k-dropdown k-views-dropdown","aria-label":"Select view",children:[(0,m.jsx)("option",{value:"day",children:"Day"}),(0,m.jsx)("option",{value:"week",children:"Week"}),(0,m.jsx)("option",{value:"month",children:"Month"})]}),(0,m.jsxs)(J,{className:"k-gantt-views",children:[(0,m.jsx)(u,{className:"k-view-day k-group-start",children:"Day"}),(0,m.jsx)(u,{className:"k-view-week",selected:!0,children:"Week"}),(0,m.jsx)(u,{className:"k-view-month k-group-end",children:"Month"})]})]})]}),footerToolbar:(0,m.jsx)(nr,{"aria-label":"Toolbar",children:(0,m.jsx)(u,{className:"k-gantt-create",icon:"plus",children:"Add Task"})}),...b,children:(0,m.jsx)(ma,{children:b.children||(0,m.jsx)(De,{className:"k-gantt-splitter",panes:[(0,m.jsx)(Fe,{className:"k-gantt-treelist",flexBasis:e,children:(0,m.jsxs)(Te,{_renderAriaRoot:!0,children:[(0,m.jsx)(F,{children:(0,m.jsx)("div",{className:"k-grid-header-wrap",children:(0,m.jsxs)($,{style:{minWidth:"250px"},children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{style:{width:"50px"}}),(0,m.jsx)("col",{})]}),(0,m.jsx)(z,{children:(0,m.jsxs)(h,{children:[(0,m.jsx)(y,{menu:c,rowspan:1,columnTitle:"ID"}),(0,m.jsx)(y,{menu:c,rowspan:1,columnTitle:"Title"})]})})]})})}),(0,m.jsx)(Y,{children:(0,m.jsx)(V,{style:{height:t},children:(0,m.jsxs)(X,{style:{minWidth:"250px"},children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{style:{width:"50px"}}),(0,m.jsx)("col",{})]}),(0,m.jsxs)(U,{children:[(0,m.jsxs)(h,{children:[(0,m.jsx)(i,{children:"7"}),(0,m.jsxs)(i,{children:[(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),(0,m.jsxs)(h,{alt:!0,children:[(0,m.jsx)(i,{children:"18"}),(0,m.jsxs)(i,{children:[(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),(0,m.jsxs)(h,{children:[(0,m.jsx)(i,{children:"11"}),(0,m.jsxs)(i,{children:[(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),(0,m.jsxs)(h,{alt:!0,children:[(0,m.jsx)(i,{children:"19"}),(0,m.jsxs)(i,{children:[(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),(0,m.jsxs)(h,{children:[(0,m.jsx)(i,{children:"20"}),(0,m.jsxs)(i,{children:[(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),(0,m.jsx)(Fe,{className:"k-gantt-timeline-pane",children:(0,m.jsxs)(q,{className:"k-gantt-timeline",children:[(0,m.jsx)(F,{children:(0,m.jsx)("div",{className:"k-grid-header-wrap",children:(0,m.jsxs)($,{style:{width:o},children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsxs)(U,{children:[(0,m.jsx)(h,{children:(0,m.jsx)(i,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),(0,m.jsxs)(h,{children:[(0,m.jsx)(i,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),(0,m.jsx)(i,{className:"k-header",colspan:1,children:"Mon 6/02"}),(0,m.jsx)(i,{className:"k-header",colspan:1,children:"Tue 6/03"}),(0,m.jsx)(i,{className:"k-header",colspan:1,children:"Wed 6/04"}),(0,m.jsx)(i,{className:"k-header",colspan:1,children:"Thu 6/05"}),(0,m.jsx)(i,{className:"k-header",colspan:1,children:"Fri 6/06"}),(0,m.jsx)(i,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),(0,m.jsxs)(V,{style:{height:t},role:"tree",children:[(0,m.jsxs)(ua,{children:[(0,m.jsxs)(Ta,{className:"k-grid-table",style:{width:o},children:[(0,m.jsx)("colgroup",{children:(0,m.jsx)("col",{})}),(0,m.jsxs)(U,{children:[(0,m.jsx)(h,{children:(0,m.jsx)(i,{})}),(0,m.jsx)(h,{alt:!0,children:(0,m.jsx)(i,{})}),(0,m.jsx)(h,{children:(0,m.jsx)(i,{})}),(0,m.jsx)(h,{alt:!0,children:(0,m.jsx)(i,{})}),(0,m.jsx)(h,{children:(0,m.jsx)(i,{})})]})]}),(0,m.jsxs)(ba,{style:{width:o,height:r},children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsx)(U,{children:(0,m.jsxs)(h,{children:[(0,m.jsx)(i,{className:"k-nonwork-hour"}),(0,m.jsx)(i,{}),(0,m.jsx)(i,{}),(0,m.jsx)(i,{}),(0,m.jsx)(i,{}),(0,m.jsx)(i,{}),(0,m.jsx)(i,{className:"k-nonwork-hour"})]})})]}),(0,m.jsxs)(fa,{style:{width:o},children:[(0,m.jsx)("colgroup",{children:(0,m.jsx)("col",{})}),(0,m.jsxs)(U,{children:[(0,m.jsx)(h,{children:(0,m.jsx)(i,{children:(0,m.jsxs)(kt,{type:"summary",style:{left:"113px"},children:[(0,m.jsx)(xt,{type:"summary",ariaLevel:1,"aria-label":"Software validation, research and implementation",style:{width:"4000px"},children:(0,m.jsx)("div",{className:"k-task-summary-progress",style:{width:"1720px"},children:(0,m.jsx)("div",{className:"k-task-summary-complete",style:{width:"4000px"}})})}),(0,m.jsx)(Ke,{}),(0,m.jsx)(Ke,{position:"end",style:{right:"0px"}})]})})}),(0,m.jsx)(h,{children:(0,m.jsx)(i,{children:(0,m.jsxs)(kt,{type:"milestone",style:{left:"113px"},children:[(0,m.jsx)(xt,{type:"milestone",ariaLevel:2,"aria-label":"Project Kickoff"}),(0,m.jsx)(Ke,{}),(0,m.jsx)(Ke,{position:"end",style:{right:"0px"}})]})})}),(0,m.jsx)(h,{children:(0,m.jsx)(i,{children:(0,m.jsxs)(kt,{type:"summary",style:{left:"113px"},children:[(0,m.jsx)(xt,{type:"summary",ariaLevel:2,"aria-label":"Research",style:{width:"500px"},children:(0,m.jsx)("div",{className:"k-task-summary-progress",style:{width:"215px"},children:(0,m.jsx)("div",{className:"k-task-summary-complete",style:{width:"500px"}})})}),(0,m.jsx)(Ke,{}),(0,m.jsx)(Ke,{position:"end",style:{right:"0px"}})]})})}),(0,m.jsx)(h,{children:(0,m.jsx)(i,{children:(0,m.jsxs)(kt,{style:{left:"113px"},children:[(0,m.jsxs)(xt,{ariaLevel:3,"aria-label":"Validation with Customers",style:{width:"200px"},children:[(0,m.jsx)("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"50px"}}),(0,m.jsx)(to,{content:"Validation with Customers"})]}),(0,m.jsx)(Ke,{}),(0,m.jsx)(Ke,{position:"end",style:{right:"0px"}}),(0,m.jsx)("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"50px"}})]})})}),(0,m.jsx)(h,{children:(0,m.jsx)(i,{children:(0,m.jsxs)(kt,{style:{left:"113px"},children:[(0,m.jsxs)(xt,{ariaLevel:3,"aria-label":"Market Research",style:{width:"200px"},children:[(0,m.jsx)("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"164px"}}),(0,m.jsx)(to,{content:"Market Research"})]}),(0,m.jsx)(Ke,{}),(0,m.jsx)(Ke,{position:"end",style:{right:"0px"}}),(0,m.jsx)("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"164px"}})]})})})]})]})]}),n||(0,m.jsxs)("div",{className:"k-gantt-dependencies","aria-hidden":"true",style:{width:o},children:[(0,m.jsx)(Me,{style:{left:"124.5px",top:"53px",width:"10px"}}),(0,m.jsx)(Me,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),(0,m.jsx)(Me,{style:{left:"103px",top:"71px",width:"31.5px"}}),(0,m.jsx)(Me,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),(0,m.jsx)(Me,{style:{left:"103px",top:"125px",width:"9px"},children:(0,m.jsx)("span",{className:"k-arrow-e"})}),(0,m.jsx)(Me,{style:{left:"124.5px",top:"53px",width:"10px"}}),(0,m.jsx)(Me,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),(0,m.jsx)(Me,{style:{left:"103px",top:"71px",width:"31.5px"}}),(0,m.jsx)(Me,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),(0,m.jsx)(Me,{style:{left:"103px",top:"161px",width:"9px"},children:(0,m.jsx)("span",{className:"k-arrow-e"})}),(0,m.jsx)(Me,{style:{left:"313px",top:"125px",width:"10px"}}),(0,m.jsx)(Me,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),(0,m.jsx)(Me,{style:{left:"303px",top:"143px",width:"20px"}}),(0,m.jsx)(Me,{orientation:"vertical",style:{left:"303px",top:"143px",height:"18px"}})]}),(0,m.jsx)("div",{className:"k-current-time","aria-hidden":"true",style:{left:l,top:"0px",width:"1px",height:r}})]})]})},"gantt-timeline-pane")]})})});var _b=require("react/jsx-runtime"),Tv={},fv=[],gv=[],hv={},xv=[],jo=()=>(0,_b.jsx)(Pb,{flexBasis:"40%",gridContentHeight:"197px",style:{width:"90%",height:"367px"}});jo.options=Tv;jo.states=fv;jo.variants=gv;jo.defaultOptions=hv;jo.modifiers=xv;jo.className=yt.className;var kv=jo;
+var oT=Object.create;var ul=Object.defineProperty;var aT=Object.getOwnPropertyDescriptor;var rT=Object.getOwnPropertyNames;var lT=Object.getPrototypeOf,iT=Object.prototype.hasOwnProperty;var nT=(e,t)=>{for(var o in t)ul(e,o,{get:t[o],enumerable:!0})},cd=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of rT(t))!iT.call(e,l)&&l!==o&&ul(e,l,{get:()=>t[l],enumerable:!(r=aT(t,l))||r.enumerable});return e};var pd=(e,t,o)=>(o=e!=null?oT(lT(e)):{},cd(t||!e||!e.__esModule?ul(o,"default",{value:e,enumerable:!0}):o,e)),sT=e=>cd(ul({},"__esModule",{value:!0}),e);var Fv={};nT(Fv,{GanttDemo:()=>ta,default:()=>Uv});module.exports=sT(Fv);var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var R=(e,t)=>a({[`${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"}),E=(e,t)=>{let{valid:o,invalid:r,hover:l,focus:i,checked:c,active:b,selected:f,disabled:x,indeterminate:C,loading:L,empty:g,readonly:S,highlighted:A,..._}=t;return a({"k-valid":o,"k-invalid":r,"k-hover":l,"k-focus":i,"k-checked":c,"k-active":b,"k-selected":f,"k-disabled":x,"k-indeterminate":C&&!c,"k-loading":L,"k-empty":g,"k-readonly":S,"k-highlighted":A},Object.keys(_).reduce((W,B)=>(B.startsWith("k-")?W[B]=_[B]:W[`k-${B}`]=_[B],W),{}))};function md(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var d={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"},w={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},M={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},n={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"},ud={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var di={};function D(e){return di[e]=(di[e]||0)+1,`k-${e}-${di[e]}`}var ue="gantt",fe=ue;var Td=require("react/jsx-runtime"),bd="k-gantt",dT=[],cT={},pT={},yt=e=>{let{headerToolbar:t,footerToolbar:o,...r}=e;return(0,Td.jsxs)("div",{...r,className:a(e.className,bd),role:"application","aria-roledescription":"Gantt Chart",children:[t,e.children,o]})};yt.states=dT;yt.options=cT;yt.className=bd;yt.defaultOptions=pT;yt.moduleName=ue;yt.folderName=fe;yt.ariaSpec={selector:".k-gantt",rules:[{selector:".k-gantt",attribute:"role=application",usage:"The Gantt uses role=application to indicate a complex interactive widget."},{selector:".k-gantt",attribute:"aria-roledescription",usage:"Provides a human-readable description of the component role."},{selector:".k-gantt-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-gantt-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-gantt-toggle",attribute:"aria-label",usage:"Icon-only toggle button must have accessible text."},{selector:"select.k-views-dropdown",attribute:"aria-label",usage:"The view selector dropdown must have an accessible name."},{selector:".k-gantt-timeline .k-grid-content",attribute:"role=tree",usage:"The timeline content area is a tree structure."},{selector:".k-gantt-timeline .k-gantt-rows",attribute:"role=presentation",usage:"The rows grid is presentational."},{selector:".k-gantt-timeline .k-gantt-columns",attribute:"role=presentation",usage:"The columns grid is presentational."},{selector:".k-gantt-timeline .k-gantt-tasks",attribute:"role=presentation",usage:"The tasks table is presentational."},{selector:".k-gantt-timeline .k-task",attribute:"role=treeitem",usage:"Each task in the timeline is a tree item."},{selector:".k-gantt-timeline .k-task",attribute:"aria-level (when present)",usage:"Specifies the nesting level of the task."},{selector:".k-gantt-timeline .k-task",attribute:"aria-describedby (when present)",usage:"References the tooltip providing task details (when visible)."},{selector:".k-gantt-timeline .k-task .k-task-complete",attribute:"aria-hidden=true",usage:"The progress indicator is decorative."},{selector:".k-gantt-timeline .k-task .k-task-actions",attribute:"aria-hidden=true",usage:"Task action buttons are hidden from the accessibility tree."},{selector:".k-gantt-dependencies",attribute:"aria-hidden=true",usage:"Dependency lines are decorative."},{selector:".k-current-time",attribute:"aria-hidden=true",usage:"The current time marker is decorative."},{selector:".k-task-dot",attribute:"aria-hidden=true",usage:"Task connection dots are decorative."},{selector:".k-gantt-line",attribute:"aria-hidden=true",usage:"Dependency connector lines are decorative."},{selector:".k-task-draghandle",attribute:"aria-hidden=true",usage:"The progress drag handle is decorative."},{selector:".k-resize-handle",attribute:"aria-hidden=true",usage:"Resize handles are decorative."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Drag cells must have an accessible name."}]};var Ar=require("react/jsx-runtime"),ci="k-font-icon",mT=[],uT={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info]},bT={},Er=e=>{let{size:t,themeColor:o,icon:r,rotate:l,flip:i,...c}=e;return r?(0,Ar.jsx)("span",{...c,className:a(e.className,ci,R(ci,{size:t}),{[`k-i-${r}`]:r,[`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,Ar.jsx)(Ar.Fragment,{})};Er.states=mT;Er.options=uT;Er.className=ci;Er.defaultOptions=bT;var fd=Er;var aa=require("react/jsx-runtime"),pi="k-svg-icon",TT=[],fT={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info]},gd={viewBox:"0 0 24 24"},Ir=e=>{let{size:t,themeColor:o,rotate:r,flip:l,viewBox:i=gd.viewBox,icon:c,...b}=e;if(!c)return(0,aa.jsx)(aa.Fragment,{});if(c==="none")return(0,aa.jsx)("span",{...b,className:a(e.className,pi,R("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name;return(0,aa.jsx)("span",{...b,className:a(e.className,pi,R("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:(0,aa.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};Ir.states=TT;Ir.options=fT;Ir.className=pi;Ir.defaultOptions=gd;var mi=Ir;var ui=pd(require("@progress/kendo-svg-icons"));var hd="icon",xd="icons";var wd=require("react");var Nd=require("react"),kd=(0,Nd.createContext)({iconsType:"svg"});var fo=require("react/jsx-runtime"),bl="k-icon",gT=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),hT=[],xT={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info]},bi={viewBox:"0 0 24 24",type:"svg"},p=e=>{let{iconsType:t}=(0,wd.useContext)(kd),{size:o,themeColor:r,icon:l,type:i=t||bi.type,rotate:c,flip:b,viewBox:f=bi.viewBox,...x}=e;if(!l)return(0,fo.jsx)(fo.Fragment,{});if((t||i)==="svg"){if(l==="none")return(0,fo.jsx)(mi,{...x,className:a(e.className,bl),icon:l,size:o});let L=ui[l]?l:gT(`${l}-icon`);return ui[L]?(0,fo.jsx)(mi,{...x,className:a(e.className,bl),icon:ui[L],size:o,themeColor:r,rotate:c,flip:b,viewBox:f}):(0,fo.jsx)(fo.Fragment,{})}return(0,fo.jsx)(fd,{...x,className:a(e.className,bl),icon:l,size:o,themeColor:r,rotate:c,flip:b})};p.states=hT;p.options=xT;p.defaultOptions=bi;p.className=bl;p.moduleName=hd;p.folderName=xd;p.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 Ti="button",vd=Ti;var Yt=require("react/jsx-runtime"),Gr="k-button",NT=["icon-button"],kT=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],wT={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info,M.inverse]},fi={showArrow:!1,arrowIconName:"caret-alt-down"},u=e=>{let{as:t="button",size:o,rounded:r,fillMode:l,themeColor:i,showArrow:c=fi.showArrow,arrowIconName:b=fi.arrowIconName,variant:f,hover:x,focus:C,active:L,selected:g,disabled:S,togglable:A,ariaDisabled:_,icon:W,text:B,iconClassName:ee,className:ke,...me}=e,lt=W!==void 0,it=e.children!==void 0;return(0,Yt.jsxs)(t,{className:a(ke,Gr,md(Gr,f),R(Gr,{size:o,rounded:r,fillMode:l,themeColor:i}),E(Gr,{hover:x,focus:C,active:L,disabled:S||_,selected:g}),{"k-icon-button":!B&&!it&&lt}),...me,"aria-pressed":A?g?"true":"false":void 0,"aria-disabled":_?"true":void 0,disabled:S||void 0,children:[W&&(0,Yt.jsx)(p,{className:a(ee,"k-button-icon"),icon:W}),B?(0,Yt.jsxs)(Yt.Fragment,{children:[B&&(0,Yt.jsx)("span",{className:"k-button-text",children:B}),e.children]}):e.children&&(0,Yt.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,Yt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Yt.jsx)(p,{icon:b})})]})};u.states=kT;u.options=wT;u.variants=NT;u.className=Gr;u.defaultOptions=fi;u.moduleName=Ti;u.folderName=vd;u.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 Cd=require("react/jsx-runtime"),_o=e=>(0,Cd.jsx)(u,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Ld=require("react/jsx-runtime"),Or=e=>(0,Ld.jsx)(u,{icon:"folder",children:"Button",...e});var yd=require("react/jsx-runtime"),ra=e=>(0,yd.jsx)(u,{children:"Button",...e});var Tl=require("react/jsx-runtime"),vT=u.options,CT=u.states,LT={...u.defaultOptions,variant:"text"},yT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],MT=[],ya=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Tl.jsx)(_o,{...o,icon:"star"});case"icon-and-text":return(0,Tl.jsx)(Or,{...o,icon:"star",children:"Button"});default:return(0,Tl.jsx)(ra,{...o,children:"Button"})}};ya.options=vT;ya.states=CT;ya.variants=yT;ya.defaultOptions=LT;ya.modifiers=MT;ya.className=u.className;var gi="button",Md=gi;var Sd=require("react/jsx-runtime"),Hr="k-button-group",ST=[n.disabled],RT={fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link]},AT={},Z=e=>{let{fillMode:t,disabled:o,stretched:r,...l}=e;return(0,Sd.jsx)("div",{role:"group",...l,className:a(e.className,Hr,R(Hr,{fillMode:t}),E(Hr,{disabled:o}),{[`${Hr}-stretched`]:r}),...o&&{"aria-disabled":"true"},children:e.children})};Z.states=ST;Z.options=RT;Z.className=Hr;Z.defaultOptions=AT;Z.moduleName=gi;Z.folderName=Md;Z.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 hi=require("react/jsx-runtime");var xi=require("react/jsx-runtime");var Ni=require("react/jsx-runtime");var ki=require("react/jsx-runtime");var wi=require("react/jsx-runtime");var vi=require("react/jsx-runtime");var Tt=require("react/jsx-runtime"),ET={...u.options,...Z.options},IT=u.states,GT={...u.defaultOptions,...Z.defaultOptions,variant:"text-button"},OT=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],HT=[],Ma=e=>{let{variant:t,className:o,...r}=e;return t==="icon-button"?(0,Tt.jsxs)(Z,{fillMode:r.fillMode,className:o,children:[(0,Tt.jsx)(u,{...r,icon:"star"}),(0,Tt.jsx)(u,{...r,icon:"star"}),(0,Tt.jsx)(u,{...r,icon:"star"})]}):t==="icon-text-button"?(0,Tt.jsxs)(Z,{fillMode:r.fillMode,className:o,children:[(0,Tt.jsx)(u,{...r,icon:"star",children:"First"}),(0,Tt.jsx)(u,{...r,icon:"star",children:"Middle"}),(0,Tt.jsx)(u,{...r,icon:"star",children:"Last"})]}):(0,Tt.jsxs)(Z,{fillMode:r.fillMode,className:o,children:[(0,Tt.jsx)(u,{...r,children:"First"}),(0,Tt.jsx)(u,{...r,children:"Middle"}),(0,Tt.jsx)(u,{...r,children:"Last"})]})};Ma.options=ET;Ma.states=IT;Ma.variants=OT;Ma.defaultOptions=GT;Ma.modifiers=HT;Ma.className=Z.className;var Pr="input",fl=Pr;var Rd=require("react/jsx-runtime"),gl="k-input",PT=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],_T={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},KT={},Ge=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:i,loading:c,readonly:b,size:f,rounded:x,fillMode:C,...L}=e;return(0,Rd.jsx)("span",{...L,className:a(e.className,gl,R(gl,{size:f,rounded:x,fillMode:C}),E(gl,{hover:t,focus:o,disabled:r,invalid:l,valid:i,loading:c,readonly:b}))})};Ge.states=PT;Ge.options=_T;Ge.className=gl;Ge.defaultOptions=KT;Ge.moduleName=Pr;Ge.folderName=fl;var Ad=require("react/jsx-runtime"),hl="k-picker",DT=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],BT={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},zT={},ro=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:i,loading:c,readonly:b,size:f,rounded:x,fillMode:C,...L}=e;return(0,Ad.jsx)("span",{...L,className:a(e.className,hl,R(hl,{size:f,rounded:x,fillMode:C}),E(hl,{hover:t,focus:o,disabled:r,invalid:l,valid:i,loading:c,readonly:b})),children:e.children})};ro.states=DT;ro.options=BT;ro.className=hl;ro.defaultOptions=zT;ro.moduleName=Pr;ro.folderName=fl;var Sa=require("react/jsx-runtime"),Ed="k-clear-value",UT=[n.disabled,n.loading,n.readonly],FT={},Mt=e=>{let{disabled:t,loading:o,readonly:r,value:l}=e;return t||r||o||!l?(0,Sa.jsx)(Sa.Fragment,{}):(0,Sa.jsx)("span",{className:a(e.className,Ed),children:(0,Sa.jsx)(p,{icon:"x"})})};Mt.states=UT;Mt.options=FT;Mt.className=Ed;var Id=require("react/jsx-runtime"),Ci="k-input-inner",$T=[],WT={},xl={type:"text",autocomplete:"off",value:"",placeholder:""},St=e=>{let{value:t=xl.value,type:o=xl.type,placeholder:r=xl.placeholder,autocomplete:l=xl.autocomplete,disabled:i,readOnly:c,...b}=e;return(0,Id.jsx)("input",{...b,type:o,className:a(e.className,Ci,R(Ci,e)),placeholder:r,autoComplete:l,defaultValue:t,disabled:i||void 0,readOnly:c||void 0})};St.states=$T;St.options=WT;St.className=Ci;var _r=require("react/jsx-runtime"),Li="k-input-inner",VT=[],XT={},la=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:l,valueIconName:i,...c}=e;return(0,_r.jsxs)("span",{...c,className:a(e.className,Li,R(Li,e)),children:[l,!l&&i&&(0,_r.jsx)(p,{className:"k-input-value-icon",icon:i}),r&&!t&&o,r&&t&&(0,_r.jsx)("span",{className:"k-input-value-text",children:t})]})};la.states=VT;la.options=XT;la.className=Li;var Od=require("react/jsx-runtime"),yi="k-input-inner",JT=[],qT={},Gd={value:"",placeholder:""},Mi=e=>{let{value:t=Gd.value,placeholder:o=Gd.placeholder,rows:r,disabled:l,...i}=e;return(0,Od.jsx)("textarea",{...i,className:a(e.className,yi,R(yi,e)),placeholder:o,rows:r,defaultValue:t,disabled:l||void 0})};Mi.states=JT;Mi.options=qT;Mi.className=yi;var Kr=require("react/jsx-runtime"),Hd="k-input-loading-icon",YT=[n.disabled,n.loading],ft=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Kr.jsx)(Kr.Fragment,{}):(0,Kr.jsx)("span",{className:a(e.className,Hd,"k-icon k-i-loading")})};ft.states=YT;ft.className=Hd;var Dr=require("react/jsx-runtime"),Pd="k-input-validation-icon",QT=[n.valid,n.invalid,n.disabled,n.loading],ZT={},nt=e=>{let{valid:t,invalid:o,disabled:r,loading:l}=e,i=o?"warning-circle":"check-circle";return r||l||!!!(t||o)?(0,Dr.jsx)(Dr.Fragment,{}):(0,Dr.jsx)(p,{className:a(Pd),icon:i})};nt.states=QT;nt.options=ZT;nt.className=Pd;var Br=require("react/jsx-runtime"),jT="k-input-prefix",ef={direction:"horizontal"},Kt=e=>{let{direction:t=ef.direction,...o}=e;return e.children?(0,Br.jsx)("span",{...o,className:a(jT,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Br.jsx)(Br.Fragment,{})};var zr=require("react/jsx-runtime"),tf="k-input-suffix",of={direction:"horizontal"},Dt=e=>{let{direction:t=of.direction,...o}=e;return e.children?(0,zr.jsx)("span",{...o,className:a(tf,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,zr.jsx)(zr.Fragment,{})};var af=require("react/jsx-runtime");var _d=require("react/jsx-runtime"),rf="k-input-suffix-text",Si=e=>{let{children:t,...o}=e;return(0,_d.jsx)("span",{...o,className:a(rf,e.className),children:t})};var Dd=require("react/jsx-runtime"),Kd="k-input-separator",lf={direction:"vertical"},Bt=e=>{let{direction:t=lf.direction,...o}=e;return(0,Dd.jsx)("span",{...o,className:a(Kd,e.className,{[`${Kd}-${t}`]:t})})};var Be=require("react/jsx-runtime"),nf=Ge.states,sf=Ge.defaultOptions,df=Ge.options,cf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],pf=[],Ra=e=>{let{modifiers:t,valid:o,invalid:r,loading:l,disabled:i,readonly:c,...b}=e,f=t==null?void 0:t.prefix,x=t==null?void 0:t.suffix,C=t==null?void 0:t["clear-button"],L=t==null?void 0:t["validation-icon"],g=t==null?void 0:t.separators;return(0,Be.jsxs)(Ge,{...b,valid:o,invalid:r,loading:l,disabled:i,readonly:c,style:{width:300},children:[f&&(0,Be.jsxs)(Be.Fragment,{children:[(0,Be.jsx)(Kt,{children:(0,Be.jsx)(p,{icon:"lock"})}),g&&(0,Be.jsx)(Bt,{})]}),(0,Be.jsx)(St,{placeholder:"Placeholder",value:"Value"}),L&&(0,Be.jsx)(nt,{valid:o,invalid:r,loading:l,disabled:i}),(0,Be.jsx)(ft,{loading:l,disabled:i}),C&&(0,Be.jsx)(Mt,{loading:l,disabled:i,readonly:c,value:"Value"}),x&&(0,Be.jsxs)(Be.Fragment,{children:[g&&(0,Be.jsx)(Bt,{}),(0,Be.jsx)(Dt,{children:(0,Be.jsx)(ra,{size:b.size,fillMode:"clear",children:"Send"})})]})]})};Ra.options=df;Ra.states=nf;Ra.variants=pf;Ra.defaultOptions=sf;Ra.modifiers=cf;Ra.className=Ge.className;var Ur=require("react/jsx-runtime"),Bd="k-color-preview",mf=[],uf={},Ko=e=>{let{color:t,iconName:o,...r}=e;return(0,Ur.jsxs)("span",{...r,className:a(e.className,Bd,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Ur.jsx)(p,{icon:o,className:"k-color-preview-icon"}),(0,Ur.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ko.states=mf;Ko.options=uf;Ko.className=Bd;var Ri="popup",zd=Ri;var Ai=require("react/jsx-runtime"),Ud="k-animation-container",bf=[],Tf={},Fd={positionMode:"absolute"},zt=e=>{let{positionMode:t=Fd.positionMode,animationStyle:o,offset:r,...l}=e;return(0,Ai.jsx)("div",{...l,style:{...r,...e.style},className:a(e.className,Ud,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Ai.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};zt.states=bf;zt.options=Tf;zt.className=Ud;zt.defaultOptions=Fd;zt.moduleName=Ri;zt.folderName=zd;var Ei="popup",$d=Ei;var Ii=require("react/jsx-runtime"),Wd="k-popup",ff=[],gf={},Vd={positionMode:"absolute"},ne=e=>{let{offset:t,positionMode:o=Vd.positionMode,animationStyle:r,containerClassName:l,containerRole:i,containerAriaLabel:c,...b}=e;return(0,Ii.jsx)(zt,{positionMode:o,offset:t,animationStyle:r,className:l,role:i,"aria-label":c,children:(0,Ii.jsx)("div",{...b,className:a(e.className,Wd),children:e.children})})};ne.states=ff;ne.options=gf;ne.className=Wd;ne.defaultOptions=Vd;ne.moduleName=Ei;ne.folderName=$d;ne.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 Gi="action-buttons",Xd=Gi;var Jd=require("react/jsx-runtime"),Nl="k-actions",hf=[],xf={},Oi={alignment:"start",orientation:"horizontal"},Ut=e=>{let{alignment:t=Oi.alignment,orientation:o=Oi.orientation,...r}=e;return(0,Jd.jsx)("div",{...r,className:a(Nl,{[`${Nl}-${t}`]:t,[`${Nl}-${o}`]:o},e.className),children:e.children})};Ut.states=hf;Ut.options=xf;Ut.className=Nl;Ut.defaultOptions=Oi;Ut.moduleName=Gi;Ut.folderName=Xd;var Yd=require("react/jsx-runtime"),Nf="k-actionsheet-footer",qd={alignment:"stretched",orientation:"horizontal"},Do=e=>{let{alignment:t=qd.alignment,orientation:o=qd.orientation,template:r,as:l=r?"div":Ut,...i}=e;return(0,Yd.jsx)(l,{...i,...!r&&{alignment:t,orientation:o},className:a(e.className,Nf),children:e.children})};var Hi="searchbox",Qd=Hi;var Bo=require("react/jsx-runtime"),Zd="k-searchbox",kf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],wf={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},Pi={showIcon:!0,icon:"search"},Rt=e=>{let{value:t,placeholder:o,size:r,rounded:l,fillMode:i,hover:c,focus:b,valid:f,invalid:x,required:C,loading:L,disabled:g,showIcon:S=Pi.showIcon,icon:A=Pi.icon,"aria-label":_,...W}=e;return(0,Bo.jsxs)(Ge,{...W,size:r,rounded:l,fillMode:i,hover:c,focus:b,valid:f,invalid:x,required:C,loading:L,disabled:g,className:a(e.className,Zd),children:[S&&(0,Bo.jsx)(p,{className:"k-input-icon",icon:A}),(0,Bo.jsx)(St,{placeholder:o,value:t,"aria-label":_}),(0,Bo.jsx)(ft,{...e}),(0,Bo.jsx)(nt,{...e}),(0,Bo.jsx)(Mt,{...e})]})};Rt.states=kf;Rt.options=wf;Rt.className=Zd;Rt.defaultOptions=Pi;Rt.moduleName=Hi;Rt.folderName=Qd;var vf=require("react/jsx-runtime");var _i="textbox",jd=_i;var Ze=require("react/jsx-runtime"),ec="k-textbox",Cf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Lf={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},kl={showClearButton:!0,showValidationIcon:!0,separators:!0},be=e=>{let{size:t,rounded:o,fillMode:r,separators:l=kl.separators,showClearButton:i=kl.showClearButton,showValidationIcon:c=kl.showValidationIcon,prefix:b,suffix:f,type:x,value:C,placeholder:L,hover:g,focus:S,valid:A,invalid:_,required:W,loading:B,disabled:ee,readonly:ke,id:me,"aria-label":lt,"aria-describedby":it,...Lt}=e;return(0,Ze.jsxs)(Ge,{...Lt,size:t,rounded:o,fillMode:r,hover:g,focus:S,valid:A,invalid:_,required:W,loading:B,disabled:ee,readonly:ke,className:a(e.className,ec),children:[b&&(0,Ze.jsxs)(Ze.Fragment,{children:[(0,Ze.jsx)(Kt,{children:b}),l&&(0,Ze.jsx)(Bt,{})]}),(0,Ze.jsx)(St,{id:me,placeholder:L,value:C,type:x,disabled:ee,"aria-label":lt,"aria-describedby":it,"aria-invalid":_?"true":void 0}),c&&(0,Ze.jsx)(nt,{valid:A,invalid:_,loading:B,disabled:ee}),(0,Ze.jsx)(ft,{loading:B,disabled:ee}),i&&(0,Ze.jsx)(Mt,{loading:B,disabled:ee,readonly:ke,value:C}),f&&(0,Ze.jsxs)(Ze.Fragment,{children:[l&&(0,Ze.jsx)(Bt,{}),(0,Ze.jsx)(Dt,{children:f})]})]})};be.states=Cf;be.options=Lf;be.className=ec;be.defaultOptions=kl;be.moduleName=_i;be.folderName=jd;be.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 Fr=be;var oc=require("react/jsx-runtime"),tc=e=>(0,oc.jsx)(Fr,{...e});var ac=require("react/jsx-runtime");var rc=require("react/jsx-runtime");var yf=require("react/jsx-runtime");var wl=require("react/jsx-runtime"),Mf=be.states,Sf=be.defaultOptions,Rf=be.options,Af=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Ef=[],Aa=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t!=null&&t[l]?(0,wl.jsx)(p,{icon:"lock"}):void 0;break;case"suffix":r.suffix=t!=null&&t[l]?(0,wl.jsx)(ra,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=t==null?void 0:t[l];break;default:break}}),(0,wl.jsx)(tc,{value:"Value",style:{width:300},...o,...r})};Aa.options=Rf;Aa.states=Mf;Aa.variants=Ef;Aa.defaultOptions=Sf;Aa.modifiers=Af;Aa.className=be.className;var At=require("react/jsx-runtime"),lc="k-actionsheet-titlebar",If={},st=e=>{let{title:t,subtitle:o,actionsStart:r,actionsEnd:l,filter:i,input:c,inputValue:b,inputPlaceholder:f,adaptive:x,titleId:C,children:L,...g}=e;return(0,At.jsxs)("div",{...g,className:a(e.className,lc),children:[(0,At.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[r&&(0,At.jsx)("div",{className:"k-actionsheet-actions",children:r}),!L&&(0,At.jsxs)("div",{className:"k-actionsheet-title",id:C,children:[t&&(0,At.jsx)("div",{className:"k-text-center",children:t}),o&&(0,At.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),L&&(0,At.jsx)("div",{className:"k-actionsheet-title",id:C,children:L}),l&&(0,At.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(c||i)&&(0,At.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?(0,At.jsx)(be,{value:b,placeholder:f,size:x?"large":"medium","aria-label":t||f||"Input"}):(0,At.jsx)(Rt,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};st.className=lc;st.defaultOptions=If;var Ea=require("react/jsx-runtime"),Ki="k-actionsheet-view",Gf=[],Of={},Hf={},Ia=e=>{let{adaptive:t,animated:o,children:r,header:l,footer:i,titleId:c,...b}=e,f=(l==null?void 0:l.type)===st&&(0,Ea.jsx)(st,{adaptive:t,titleId:c,...l==null?void 0:l.props}),x=(i==null?void 0:i.type)===Do&&(0,Ea.jsx)(Do,{...i==null?void 0:i.props});return(0,Ea.jsxs)("div",{...b,className:a(e.className,Ki,{[`${Ki}-animated`]:o}),children:[f,(0,Ea.jsx)("div",{className:"k-actionsheet-content",children:r}),x]})};Ia.states=Gf;Ia.options=Of;Ia.className=Ki;Ia.defaultOptions=Hf;var $r="action-sheet",vl=$r;var Di="overlay",ic=Di;var sc=require("react/jsx-runtime"),nc="k-overlay",Pf=[],_f={},Kf={},zo=e=>{let{...t}=e;return(0,sc.jsx)("div",{...t,className:a(e.className,nc),children:e.children})};zo.states=Pf;zo.options=_f;zo.className=nc;zo.defaultOptions=Kf;zo.moduleName=Di;zo.folderName=ic;var ia=require("react/jsx-runtime"),dc="k-actionsheet",Df=[],Bf={},Wr={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Ae=e=>{let{side:t=Wr.side,fullscreen:o=Wr.fullscreen,adaptive:r=Wr.adaptive,overlay:l=Wr.overlay,template:i,children:c,header:b,footer:f,id:x,...C}=e,L=x&&!i&&b?`${x}-title`:void 0;return(0,ia.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,ia.jsx)(zo,{}),(0,ia.jsx)(zt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:(0,ia.jsx)("div",{...C,id:x,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":L,className:a(e.className,dc,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":r}),children:i||(0,ia.jsx)(Ia,{header:b,footer:f,adaptive:r,titleId:L,...e,children:c})})})]})};Ae.states=Df;Ae.options=Bf;Ae.className=dc;Ae.defaultOptions=Wr;Ae.moduleName=$r;Ae.folderName=vl;Ae.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 pc=require("react/jsx-runtime"),cc="k-actionsheet-container",zf=[],Uf={},Ff={},Ga=e=>{let{children:t,...o}=e;return(0,pc.jsx)("div",{...o,className:cc,children:t})};Ga.states=zf;Ga.options=Uf;Ga.className=cc;Ga.defaultOptions=Ff;Ga.moduleName=$r;Ga.folderName=vl;var mc=require("react/jsx-runtime"),Bi=e=>{let{...t}=e;return(0,mc.jsx)("div",{...t,className:a(e.className,"k-list-ul"),children:e.children})};var Ft=require("react/jsx-runtime"),zi="k-actionsheet-item",$f=[n.hover,n.focus,n.selected,n.disabled],Uo=e=>{let{iconName:t,text:o,description:r,hover:l,focus:i,selected:c,disabled:b,...f}=e;return(0,Ft.jsxs)("span",{...f,className:a(e.className,zi,E(zi,{hover:l,focus:i,selected:c,disabled:b})),children:[!e.children&&(0,Ft.jsx)(Ft.Fragment,{children:(0,Ft.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,Ft.jsx)("span",{className:"k-icon-wrap",children:(0,Ft.jsx)(p,{className:"k-actionsheet-item-icon",icon:t})}),(0,Ft.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,Ft.jsx)("span",{className:"k-actionsheet-item-title",children:o}),r&&(0,Ft.jsx)("span",{className:"k-actionsheet-item-description",children:r})]})]})}),e.children]})};Uo.states=$f;Uo.className=zi;var uc=require("react/jsx-runtime");var Wf=require("react/jsx-runtime");var Vf=require("react/jsx-runtime");var Xf=require("react/jsx-runtime");var we=require("react/jsx-runtime"),Jf=Ae.options,qf=Ae.states,Tc={...Ae.defaultOptions,variant:"normal"},Yf=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Qf=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Oa=e=>{let{variant:t,modifiers:o,...r}={...Tc,...e},l={},i=(0,we.jsxs)(Bi,{children:[(0,we.jsx)(Uo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,we.jsx)(Uo,{text:"Add to Favorites",iconName:"heart"}),(0,we.jsx)(Uo,{text:"Upload New",iconName:"upload",disabled:!0}),(0,we.jsx)("hr",{className:"k-hr"}),(0,we.jsx)(Uo,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",b="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":l.actionsStart=!!(o!=null&&o[f]),l.actionsEnd=!!(o!=null&&o[f]);break;case"subtitle":l.subtitle=o!=null&&o[f]?c:void 0;break;case"footer":l.footer=!!(o!=null&&o[f]);break;default:break}}),t==="adaptive"?(0,we.jsx)(Ae,{...r,adaptive:!0,fullscreen:l.fullScreen,header:(0,we.jsx)(st,{actionsStart:l.actionsStart?(0,we.jsx)(u,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,we.jsx)(u,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:b,subtitle:l.subtitle}),footer:l.footer?(0,we.jsxs)(Do,{alignment:"stretched",children:[(0,we.jsx)(u,{text:"Cancel",size:"large",themeColor:"base"}),(0,we.jsx)(u,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,we.jsx)(Ae,{...r,fullscreen:l.fullScreen,header:(0,we.jsx)(st,{actionsStart:l.actionsStart?(0,we.jsx)(u,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,we.jsx)(u,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,we.jsxs)(Do,{alignment:"stretched",children:[(0,we.jsx)(u,{text:"Apply",themeColor:"primary"}),(0,we.jsx)(u,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Oa.options=Jf;Oa.states=qf;Oa.variants=Yf;Oa.defaultOptions=Tc;Oa.modifiers=Qf;Oa.className=Ae.className;var Ui="slider",fc=Ui;var Qt=require("react/jsx-runtime"),Vr="k-slider",Zf=[n.hover,n.focus,n.active,n.disabled,n.readonly],jf={},$t={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},xe=e=>{let{type:t=$t.type,orientation:o=$t.orientation,gradientType:r=$t.gradientType,readonly:l=$t.readonly,disabled:i=$t.disabled,handlePosition:c=$t.handlePosition,showButtons:b=$t.showButtons,showTicks:f=$t.showTicks,value:x=$t.value,min:C=$t.min,max:L=$t.max,startValue:g,endValue:S,hover:A,focus:_,active:W,trackStyle:B,dir:ee,...ke}=e,lt=(()=>{if(t==="gradient"&&r==="2d")return"undefined";if(o==="vertical")return"vertical"})(),it,Lt;return o==="horizontal"?(it=ee==="rtl"?"caret-alt-left":"caret-alt-right",Lt=ee==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(it="caret-alt-up",Lt="caret-alt-down"),(0,Qt.jsxs)("div",{...ke,className:a(Vr,e.className,E(Vr,{readonly:l,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:ee,children:[b&&(0,Qt.jsx)(u,{className:"k-button-decrease",rounded:"full",icon:Lt,tabIndex:-1,title:"Decrease"}),(0,Qt.jsxs)("div",{className:"k-slider-track-wrap",children:[f&&(0,Qt.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,Qt.jsxs)("div",{className:"k-slider-track",style:B,children:[(0,Qt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Qt.jsx)("span",{className:a("k-draghandle","k-draghandle-start",E(Vr,{hover:A,focus:_,active:W})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":g??C,"aria-valuemin":C,"aria-valuemax":S??L,"aria-orientation":lt,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":ke["aria-label"]?`${ke["aria-label"]} start`:"Range start"}),(0,Qt.jsx)("span",{className:a("k-draghandle",`k-draghandle-${c}`,E(Vr,{hover:A,focus:_,active:W})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?S??L:x,"aria-valuemin":t==="range"?g??C:C,"aria-valuemax":L,"aria-orientation":lt,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?ke["aria-label"]?`${ke["aria-label"]} end`:"Range end":ke["aria-label"]})]})]}),b&&(0,Qt.jsx)(u,{className:"k-button-increase",rounded:"full",icon:it,tabIndex:-1,title:"Increase"})]})};xe.states=Zf;xe.options=jf;xe.className=Vr;xe.defaultOptions=$t;xe.moduleName=Ui;xe.folderName=fc;xe.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};var Fi=require("react/jsx-runtime"),gc="k-tick",eg=[],tg={},hc={label:!1},Y=e=>{let{style:t,label:o=hc.label,orientation:r,large:l,text:i,...c}=e;return(0,Fi.jsx)("li",{...c,role:"presentation",title:i||"Tick",className:a(e.className,gc,{[`k-tick-${r}`]:r,"k-tick-large":l}),style:t,children:o&&(0,Fi.jsx)("span",{className:"k-label",children:i})})};Y.states=eg;Y.options=tg;Y.className=gc;Y.defaultOptions=hc;var $e=require("react/jsx-runtime"),xc=e=>(0,$e.jsx)(xe,{"aria-label":e["aria-label"]||"Slider",children:(0,$e.jsxs)($e.Fragment,{children:[(0,$e.jsx)(Y,{className:"k-first",label:!0,large:!0,text:"0"}),(0,$e.jsx)(Y,{}),(0,$e.jsx)(Y,{}),(0,$e.jsx)(Y,{}),(0,$e.jsx)(Y,{}),(0,$e.jsx)(Y,{label:!0,large:!0,text:"5"}),(0,$e.jsx)(Y,{}),(0,$e.jsx)(Y,{}),(0,$e.jsx)(Y,{}),(0,$e.jsx)(Y,{}),(0,$e.jsx)(Y,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var We=require("react/jsx-runtime"),Nc=e=>(0,We.jsx)(xe,{children:(0,We.jsxs)(We.Fragment,{children:[(0,We.jsx)(Y,{className:"k-first",label:!0,large:!0,text:"0"}),(0,We.jsx)(Y,{}),(0,We.jsx)(Y,{}),(0,We.jsx)(Y,{}),(0,We.jsx)(Y,{}),(0,We.jsx)(Y,{label:!0,large:!0,text:"5"}),(0,We.jsx)(Y,{}),(0,We.jsx)(Y,{}),(0,We.jsx)(Y,{}),(0,We.jsx)(Y,{}),(0,We.jsx)(Y,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});var $i=require("react/jsx-runtime");var Wi=require("react/jsx-runtime");var kc=require("react/jsx-runtime"),Vi=e=>(0,kc.jsx)(xe,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var wc=require("react/jsx-runtime"),Xi=e=>(0,wc.jsx)(xe,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var Ji=require("react/jsx-runtime");var qi=require("react/jsx-runtime");var gt=require("react/jsx-runtime"),og=xe.options,ag=xe.states,vc={...xe.defaultOptions,variant:"horizontal",label:!0},rg=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],lg=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ha=e=>{let{variant:t,modifiers:o,...r}={...vc,...e},l={};Object.keys(o||{}).forEach(x=>{switch(x){case"button":{l.showButtons=!!(o!=null&&o[x]);break}case"label":{l.label=!!(o!=null&&o[x]);break}case"tick":{l.showTicks=!!(o!=null&&o[x]);break}}});let{label:i=!0,showButtons:c,showTicks:b}=l,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,gt.jsxs)(Nc,{showTicks:b,showButtons:c,style:{height:"300px",...f},...r,children:[(0,gt.jsx)(Y,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,gt.jsx)(Y,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,gt.jsx)(Y,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,gt.jsx)(Y,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,gt.jsx)(Y,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,gt.jsxs)(xc,{showTicks:b,showButtons:c,style:{width:"400px",...f},...r,children:[(0,gt.jsx)(Y,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,gt.jsx)(Y,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,gt.jsx)(Y,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,gt.jsx)(Y,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,gt.jsx)(Y,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ha.options=og;Ha.states=ag;Ha.variants=rg;Ha.defaultOptions=vc;Ha.modifiers=lg;Ha.className=xe.className;var Xr=require("react/jsx-runtime"),Cc="k-spin-button",sg=[],dg={size:[d.undefined,d.small,d.medium,d.large],fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link]},Yi={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Fo=e=>{let{size:t,fillMode:o,disabled:r,increaseLabel:l=Yi.increaseLabel,decreaseLabel:i=Yi.decreaseLabel,...c}=e;return(0,Xr.jsxs)("span",{...c,className:a(Cc,e.className),children:[(0,Xr.jsx)(u,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:r,"aria-label":l}),(0,Xr.jsx)(u,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:r,"aria-label":i})]})};Fo.states=sg;Fo.options=dg;Fo.className=Cc;Fo.defaultOptions=Yi;Fo.moduleName=null;Fo.folderName=null;var Lc="numeric-textbox",yc="numerictextbox";var Ve=require("react/jsx-runtime"),Mc="k-numerictextbox",cg=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],pg={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},Cl={showSpinButton:!0,showClearButton:!0,separators:!0},te=e=>{let{size:t,rounded:o,fillMode:r,separators:l=Cl.separators,showClearButton:i=Cl.showClearButton,showSpinButton:c=Cl.showSpinButton,prefix:b,suffix:f,value:x,placeholder:C,hover:L,focus:g,valid:S,invalid:A,required:_,loading:W,disabled:B,readonly:ee,id:ke,"aria-label":me,"aria-describedby":lt,...it}=e;return(0,Ve.jsxs)(Ge,{...it,size:t,rounded:o,fillMode:r,hover:L,focus:g,valid:S,invalid:A,required:_,loading:W,disabled:B,readonly:ee,className:a(e.className,Mc),children:[b&&(0,Ve.jsxs)(Ve.Fragment,{children:[(0,Ve.jsx)(Kt,{children:b}),l&&(0,Ve.jsx)(Bt,{})]}),(0,Ve.jsx)(St,{id:ke,placeholder:C,value:x,role:"spinbutton",disabled:B,"aria-label":me,"aria-describedby":lt,"aria-invalid":A?"true":void 0}),(0,Ve.jsx)(nt,{valid:S,invalid:A,loading:W,disabled:B}),(0,Ve.jsx)(ft,{loading:W,disabled:B}),i&&(0,Ve.jsx)(Mt,{loading:W,disabled:B,readonly:ee,value:x}),f&&(0,Ve.jsxs)(Ve.Fragment,{children:[l&&(0,Ve.jsx)(Bt,{}),(0,Ve.jsx)(Dt,{children:f})]}),c&&(0,Ve.jsx)(Fo,{className:"k-input-spinner",size:t,fillMode:r,disabled:B})]})};te.states=cg;te.options=pg;te.className=Mc;te.defaultOptions=Cl;te.moduleName=Lc;te.folderName=yc;te.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 Jr=te;var Rc=require("react/jsx-runtime"),Sc=e=>(0,Rc.jsx)(Jr,{...e});var yl=pd(require("react"));var Qi=require("react/jsx-runtime"),mg="k-list-group-sticky-header",Zi=e=>(0,Qi.jsx)("div",{className:a(mg,e.className),children:(0,Qi.jsx)("div",{className:"k-list-header-text",children:e.children})});var Ac=require("react/jsx-runtime"),ug="k-no-data",Ll=e=>{let{live:t,...o}=e;return(0,Ac.jsx)("span",{...o,className:a(ug,e.className),"aria-live":t?"polite":void 0,children:e.children})};var na="list",Pa=na;var _a=require("react/jsx-runtime"),ji="k-list",bg=[],Tg={size:[d.undefined,d.small,d.medium,d.large]},fg={},le=e=>{var S;let{size:t,virtualization:o,children:r,header:l,optionLabel:i,customValue:c,noData:b,screenReaders:f,...x}=e,L=yl.default.Children.toArray(r)[0],g=(S=L==null?void 0:L.props)!=null&&S.children?yl.default.Children.count(L.props.children):yl.default.Children.count(r);return(0,_a.jsxs)("div",{...x,className:a(e.className,ji,R(ji,{size:t}),{"k-virtual-list":o}),children:[i,c,l&&(0,_a.jsx)(Zi,{children:l}),r||(b!==void 0?b:(0,_a.jsx)(Ll,{live:!0,children:"No data found."})),f&&r&&(0,_a.jsxs)(Ll,{className:"k-sr-only",live:!0,children:[g," items found."]})]})};le.states=bg;le.options=Tg;le.className=ji;le.defaultOptions=fg;le.moduleName=na;le.folderName=Pa;le.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var Ic=require("react/jsx-runtime"),Ec="k-list-container",gg=[],hg={},xg={},Ka=e=>{let{...t}=e;return(0,Ic.jsx)("div",{...t,className:a(e.className,Ec),children:e.children})};Ka.states=gg;Ka.options=hg;Ka.className=Ec;Ka.defaultOptions=xg;Ka.moduleName=na;Ka.folderName=Pa;var sa="checkbox",Da=sa;var en=require("react/jsx-runtime"),Ml="k-checkbox",Ng=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],kg={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full]},wg={},ze=e=>{let{id:t,checked:o,indeterminate:r,hover:l,focus:i,disabled:c,invalid:b,valid:f,required:x,size:C,rounded:L,wrapperRole:g,...S}=e;return(0,en.jsx)("span",{className:"k-checkbox-wrap",role:g,children:(0,en.jsx)("input",{...S,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:c||void 0,"aria-invalid":b?"true":void 0,className:a(e.className,Ml,R(Ml,{size:C,rounded:L}),E(Ml,{hover:l,focus:i,disabled:c,invalid:b,valid:f,indeterminate:r,checked:o}))})})};ze.states=Ng;ze.options=kg;ze.className=Ml;ze.defaultOptions=wg;ze.moduleName=sa;ze.folderName=Da;ze.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 Zt=ze;var Hc=require("react/jsx-runtime"),Gc="k-checkbox-list",vg=[],Cg={},Oc={layout:"vertical"},dt=e=>{let{layout:t=Oc.layout,...o}=e;return(0,Hc.jsx)("ul",{...o,className:a(e.className,Gc,{[`k-list-${t}`]:t}),children:e.children})};dt.states=vg;dt.options=Cg;dt.className=Gc;dt.defaultOptions=Oc;dt.moduleName=sa;dt.folderName=Da;var _c=require("react/jsx-runtime"),Pc="k-checkbox-list-item",Lg=[],yg={},Mg={},ct=e=>{let{...t}=e;return(0,_c.jsx)("li",{...t,className:a(e.className,Pc),children:e.children})};ct.states=Lg;ct.options=yg;ct.className=Pc;ct.defaultOptions=Mg;ct.moduleName=sa;ct.folderName=Da;var da=require("react/jsx-runtime"),go=({children:e="Label",id:t="cb-label-after",...o})=>(0,da.jsxs)(da.Fragment,{children:[(0,da.jsx)(Zt,{id:t,...o}),(0,da.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 Sg=require("react/jsx-runtime");var Rg=require("react/jsx-runtime");var Ag=require("react/jsx-runtime");var je=require("react/jsx-runtime"),Eg=dt.options,Ig=dt.states,Gg={...dt.defaultOptions,variant:"vertical"},Og=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Hg=[],Ba=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,je.jsxs)(dt,{layout:"horizontal",...o,children:[(0,je.jsx)(ct,{children:(0,je.jsx)(go,{id:D("cb"),defaultChecked:!0,children:"Label"})}),(0,je.jsx)(ct,{children:(0,je.jsx)(go,{id:D("cb"),children:"Label"})}),(0,je.jsx)(ct,{children:(0,je.jsx)(go,{id:D("cb"),children:"Label"})})]}):(0,je.jsxs)(dt,{...o,children:[(0,je.jsx)(ct,{children:(0,je.jsx)(go,{id:D("cb"),defaultChecked:!0,children:"Label"})}),(0,je.jsx)(ct,{children:(0,je.jsx)(go,{id:D("cb"),children:"Label"})}),(0,je.jsx)(ct,{children:(0,je.jsx)(go,{id:D("cb"),children:"Label"})})]})};Ba.options=Eg;Ba.states=Ig;Ba.variants=Og;Ba.defaultOptions=Gg;Ba.modifiers=Hg;Ba.className=dt.className;var Kc=require("react/jsx-runtime"),Pg=Zt.options,_g=Zt.states,Kg=Zt.defaultOptions,Dg=[],Bg=[],za=e=>(0,Kc.jsx)(go,{id:D("checkbox"),...e,defaultChecked:!0,children:"Label"});za.options=Pg;za.states=_g;za.variants=Dg;za.defaultOptions=Kg;za.modifiers=Bg;za.className=Zt.className;var lo=require("react/jsx-runtime"),rn="k-list-item",zg=[n.hover,n.focus,n.selected,n.disabled],Ug={},Fg={},j=e=>{let{text:t,groupLabel:o,group:r,iconName:l,iconClassName:i,showCheckbox:c,checked:b,hover:f,focus:x,selected:C,disabled:L,actions:g,description:S,id:A,..._}=e,W=t||e.children;return(0,lo.jsxs)("li",{..._,id:A,role:r?"presentation":"option",tabIndex:r?void 0:x?0:-1,"aria-selected":!r&&C?"true":r?void 0:"false","aria-disabled":!r&&L?"true":void 0,className:a(e.className,r?"k-list-group-item":rn,E(rn,{hover:f,focus:x,disabled:L,selected:C})),children:[c&&(0,lo.jsx)(ze,{checked:b}),l&&(0,lo.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,lo.jsx)(p,{icon:l,className:a("k-list-item-icon",i)})}),(0,lo.jsx)("span",{className:"k-list-item-text",children:W}),g&&(0,lo.jsx)("div",{className:"k-list-item-actions",children:g}),S&&(0,lo.jsx)("span",{className:"k-list-item-description",children:S}),o&&o!==""&&(0,lo.jsx)("div",{className:"k-list-item-group-label",children:o})]})};j.states=zg;j.options=Ug;j.className=rn;j.defaultOptions=Fg;j.moduleName=na;j.folderName=Pa;j.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 Dc=require("react/jsx-runtime"),$g="k-list-ul",ho=e=>{let{children:t,role:o,id:r,...l}=e;return(0,Dc.jsx)("ul",{...l,id:r,role:o,className:a($g,e.className),children:t})};ho.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 Ua=require("react/jsx-runtime"),Wg="k-list-content",ge=e=>{let{virtualization:t,grouping:o,"aria-label":r,"aria-labelledby":l,listboxId:i,...c}=e;return(0,Ua.jsxs)("div",{...c,className:a(Wg,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?r:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:(0,Ua.jsx)(ho,{role:"listbox",id:i,"aria-label":r,"aria-labelledby":l,children:e.children}),t&&(0,Ua.jsx)("div",{className:"k-height-container",children:(0,Ua.jsx)("div",{})})]})};ge.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 Fa=require("react/jsx-runtime"),Vg="k-list-group-item",ca=e=>{let{groupIconName:t,...o}=e;return(0,Fa.jsxs)("li",{...o,role:"presentation",className:a(Vg,e.className),children:[t&&(0,Fa.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Fa.jsx)(p,{icon:t,className:"k-list-item-icon"})}),(0,Fa.jsx)("span",{className:"k-list-item-text",children:e.children})]})};ca.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 Bc=require("react/jsx-runtime"),nn="k-list-optionlabel",Xg=[n.hover,n.focus,n.selected,n.disabled],Jg={},qg={},Sl=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:i,...c}=e;return(0,Bc.jsx)("div",{...c,className:a(nn,E(nn,{hover:o,focus:r,selected:l,disabled:i})),children:t})};Sl.states=Xg;Sl.options=Jg;Sl.className=nn;Sl.defaultOptions=qg;var zc=require("react/jsx-runtime"),sn="k-list-custom-value",Yg=[n.hover,n.focus,n.selected,n.disabled],Qg={},Zg={},$o=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:i,...c}=e;return(0,zc.jsx)("div",{...c,className:a(sn,E(sn,{hover:o,focus:r,selected:l,disabled:i})),children:t})};$o.states=Yg;$o.options=Qg;$o.className=sn;$o.defaultOptions=Zg;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 jg=require("react/jsx-runtime");var un=require("react/jsx-runtime");var Uc="dropdown-list",Fc="dropdownlist";var ve=require("react/jsx-runtime"),$c="k-dropdownlist",eh=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],th={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},bn={showValue:!0,arrowIconName:"caret-alt-down"},ce=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=bn.arrowIconName,showValue:i=bn.showValue,valueIconName:c,prefix:b,suffix:f,value:x,placeholder:C,hover:L,focus:g,valid:S,invalid:A,required:_,loading:W,disabled:B,readonly:ee,popup:ke,opened:me,adaptive:lt,adaptiveSettings:it,adaptiveTitle:Lt,adaptiveSubtitle:oa,adaptiveFilter:ii,id:Po,activeDescendant:ml,"aria-label":ni,...si}=e,tT=Po?`${Po}-listbox`:void 0,dd=Po?`${Po}-value`:void 0;return(0,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsxs)(ro,{...si,id:Po,size:t,rounded:o,fillMode:r,hover:L,focus:g,valid:S,invalid:A,required:_,loading:W,disabled:B,readonly:ee,className:a(e.className,$c,{"k-icon-picker":!i&&c}),role:"combobox","aria-haspopup":"listbox","aria-expanded":me?"true":"false","aria-controls":me?tT:void 0,"aria-activedescendant":me&&ml?ml:void 0,"aria-describedby":me?dd:void 0,"aria-disabled":B?"true":void 0,"aria-label":ni,tabIndex:0,children:[(0,ve.jsx)(Kt,{children:b}),(0,ve.jsx)(la,{placeholder:C,value:x,showValue:i,valueIconName:c,id:dd}),(0,ve.jsx)(nt,{valid:S,invalid:A,loading:W,disabled:B}),(0,ve.jsx)(ft,{loading:W,disabled:B}),(0,ve.jsx)(Dt,{children:f}),(0,ve.jsx)(u,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":C||"Toggle dropdown",tabIndex:-1})]}),me&&ke&&(0,ve.jsx)(ne,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:ke}),lt&&(0,ve.jsx)(Ae,{adaptive:!0,...it,header:(0,ve.jsx)(st,{actionsEnd:(0,ve.jsx)(u,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:ii,inputValue:x,inputPlaceholder:C,title:Lt,subtitle:oa}),children:(0,ve.jsx)("div",{className:"k-list-container",children:(0,ve.jsx)(le,{size:"large",children:(0,ve.jsxs)(ge,{"aria-label":"Options",children:[(0,ve.jsx)(j,{text:"List item"}),(0,ve.jsx)(j,{text:"List item"}),(0,ve.jsx)(j,{text:"List item"})]})})})})]})};ce.states=eh;ce.options=th;ce.className=$c;ce.defaultOptions=bn;ce.moduleName=Uc;ce.folderName=Fc;ce.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};var oh=require("react/jsx-runtime");var Wc=require("react/jsx-runtime");var Tn=require("react/jsx-runtime");var ah=require("react/jsx-runtime");var Vc=require("react/jsx-runtime");var fn=require("react/jsx-runtime");var rh=require("react/jsx-runtime");var ht=require("react/jsx-runtime"),lh=ce.states,ih=ce.defaultOptions,nh=ce.options,sh=[{name:"opened",title:"Opened"}],dh=[],Wa=e=>{let{modifiers:t,...o}=e,r={},l=(0,ht.jsxs)(ht.Fragment,{children:[(0,ht.jsx)("div",{className:"k-list-filter",children:(0,ht.jsx)(Rt,{})}),(0,ht.jsx)(le,{style:{width:300},size:o.size,children:(0,ht.jsxs)(ge,{children:[(0,ht.jsx)(j,{children:"List item"}),(0,ht.jsx)(j,{children:"List item"}),(0,ht.jsx)(j,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(i=>{i==="opened"&&(r.opened=!!(t!=null&&t[i]),r.popup=t!=null&&t[i]?l:void 0)}),(0,ht.jsx)("div",{children:(0,ht.jsx)(ce,{placeholder:"Value",style:{width:300},...o,...r})})};Wa.options=nh;Wa.states=lh;Wa.variants=dh;Wa.defaultOptions=ih;Wa.modifiers=sh;Wa.className=ce.className;var Xc=require("react/jsx-runtime");var Jc=require("react/jsx-runtime");var ch=require("react/jsx-runtime");var Rl=require("react/jsx-runtime"),ph=te.states,mh=te.defaultOptions,uh=te.options,bh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Th=[],Va=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t!=null&&t[l]?(0,Rl.jsx)(ce,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":r.suffix=t!=null&&t[l]?(0,Rl.jsx)(Si,{children:"mm"}):void 0;break;case"clear-button":r.showClearButton=t==null?void 0:t[l];break;case"spin-button":r.showSpinButton=t==null?void 0:t[l];break;default:break}}),(0,Rl.jsx)(Sc,{value:"Value",style:{width:300},...o,...r})};Va.options=uh;Va.states=ph;Va.variants=Th;Va.defaultOptions=mh;Va.modifiers=bh;Va.className=te.className;var O=require("react/jsx-runtime"),qc="k-colorgradient-inputs",fh=[],gh={size:[d.undefined,d.small,d.medium,d.large]},Yc={mode:"rgba"},Xa=e=>{let{mode:t=Yc.mode,size:o,...r}=e;return(0,O.jsxs)("div",{...r,className:a(qc,"k-hstack"),children:[(0,O.jsx)("div",{className:"k-vstack",children:(0,O.jsx)(u,{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)(te,{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)(te,{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)(te,{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)(te,{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)(te,{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)(te,{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)(te,{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)(te,{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)(te,{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)(te,{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)(te,{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)(te,{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)(te,{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)(te,{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)(be,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Xa.states=fh;Xa.options=gh;Xa.className=qc;Xa.defaultOptions=Yc;var et=require("react/jsx-runtime"),Qc="k-colorgradient-color-contrast",hh=[],xh={},Nh={},Ja=()=>(0,et.jsxs)("div",{className:a(Qc,"k-vbox"),children:[(0,et.jsxs)("div",{className:"k-contrast-ratio",children:[(0,et.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,et.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,et.jsx)(p,{icon:"check"}),(0,et.jsx)(p,{icon:"check"})]})]}),(0,et.jsxs)("div",{children:[(0,et.jsx)("span",{children:"AA: 4.5"}),(0,et.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,et.jsx)(p,{icon:"check"})]})]}),(0,et.jsxs)("div",{children:[(0,et.jsx)("span",{children:"AAA: 7.0"}),(0,et.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,et.jsx)(p,{icon:"x"})]})]})]});Ja.states=hh;Ja.options=xh;Ja.className=Qc;Ja.defaultOptions=Nh;var Zc="color-gradient",jc="colorgradient";var Pe=require("react/jsx-runtime"),Al="k-colorgradient",kh=[n.hover,n.focus,n.readonly,n.disabled],wh={size:[d.undefined,d.small,d.medium,d.large]},io={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"},Ue=e=>{let{size:t,mode:o=io.mode,readonly:r=io.readonly,disabled:l=io.disabled,gradientStyle:i=io.gradientStyle,dragHandleStyle:c=io.dragHandleStyle,alphaStyle:b=io.alphaStyle,alphaStyleHorizontal:f=io.alphaStyleHorizontal,contrast:x=io.contrast,dir:C,hover:L,focus:g,hoverHandle:S,focusHandle:A,canvasOrientation:_=io.canvasOrientation,role:W,tabIndex:B,...ee}=e;return(0,Pe.jsxs)("div",{...ee,role:W??"textbox","aria-label":W==="none"?void 0:"Color gradient",tabIndex:B??0,"aria-disabled":l?"true":void 0,className:a(e.className,Al,R(Al,{size:t}),E(Al,{hover:L,focus:g,readonly:r,disabled:l})),dir:C,children:[!_||_==="horizontal"&&(0,Pe.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,Pe.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,Pe.jsx)("div",{className:"k-hsv-gradient",children:(0,Pe.jsx)("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":S,"k-focus":A}),style:c,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,Pe.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,Pe.jsx)(Xi,{className:"k-hue-slider",hover:S,focus:A}),o!=="rgb"&&o!=="hsv"&&(0,Pe.jsx)(Xi,{className:"k-alpha-slider",hover:S,focus:A,trackStyle:b})]})]}),_==="vertical"&&(0,Pe.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,Pe.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,Pe.jsx)("div",{className:"k-hsv-gradient",children:(0,Pe.jsx)("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":S,"k-focus":A}),style:c,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,Pe.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,Pe.jsx)(Vi,{className:"k-hue-slider",hover:S,focus:A}),o!=="rgb"&&o!=="hsv"&&(0,Pe.jsx)(Vi,{className:"k-alpha-slider",hover:S,focus:A,trackStyle:f})]})]}),(0,Pe.jsx)(Xa,{mode:e.mode,size:t}),x&&(0,Pe.jsx)(Ja,{})]})};Ue.states=kh;Ue.options=wh;Ue.className=Al;Ue.defaultOptions=io;Ue.moduleName=Zc;Ue.folderName=jc;Ue.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 ep=require("react/jsx-runtime"),El=e=>(0,ep.jsx)(Ue,{...e});var vh=require("react/jsx-runtime");var Ch=require("react/jsx-runtime");var Il=require("react/jsx-runtime"),Lh=Ue.options,yh=Ue.states,Mh={...Ue.defaultOptions,variant:"rgba"},Sh=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Rh=[],qa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,Il.jsx)(El,{...o,mode:t});case"rgb":return(0,Il.jsx)(El,{...o,mode:t});default:return(0,Il.jsx)(El,{...o,mode:t})}};qa.options=Lh;qa.states=yh;qa.variants=Sh;qa.defaultOptions=Mh;qa.modifiers=Rh;qa.className=Ue.className;var tp=require("react/jsx-runtime"),gn=e=>(0,tp.jsx)("tr",{role:"row",children:e.children});var op=require("react/jsx-runtime"),hn="k-colorpalette-tile",Ah=[n.hover,n.focus,n.selected],Eh={},Ya=e=>{let{color:t,tileSize:o,hover:r,focus:l,selected:i,...c}=e,b={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,op.jsx)("td",{...c,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:a(e.className,hn,E(hn,{hover:r,focus:l,selected:i})),style:b})};Ya.states=Ah;Ya.options=Eh;Ya.className=hn;var ap="color-palette",rp="colorpalette";var Qa=require("react/jsx-runtime"),Gl="k-colorpalette",Ih=[n.disabled],Gh={size:[d.undefined,d.small,d.medium,d.large]},lp={columns:10},pt=e=>{let{size:t,palette:o,columns:r=lp.columns,tileSize:l,disabled:i,...c}=e,b=[];if(o){let f=r||o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/f)},(C,L)=>{let g=[];x.slice(L*f,(L+1)*f).map((A,_)=>{g.push((0,Qa.jsx)(Ya,{color:A,tileSize:l},_))});let S=(0,Qa.jsx)(gn,{children:g},L);b.push(S)})}return(0,Qa.jsx)("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:a(e.className,Gl,E(Gl,{disabled:i}),R(Gl,{size:t})),children:(0,Qa.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,Qa.jsx)("tbody",{children:b.length>0?b:e.children})})})};pt.states=Ih;pt.options=Gh;pt.className=Gl;pt.defaultOptions=lp;pt.moduleName=ap;pt.folderName=rp;pt.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 Ol=pt;var qr={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 np=require("react/jsx-runtime"),ip=e=>(0,np.jsx)(Ol,{palette:qr.basic,...e});var Oh=require("react/jsx-runtime");var sp=require("react/jsx-runtime");var dp=require("react/jsx-runtime"),Hh=pt.options,Ph=pt.states,_h={...pt.defaultOptions,variant:"basic"},Kh=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Dh={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}},Bh=[],Za=e=>{let{variant:t="basic",...o}=e,r=Dh[t];return(0,dp.jsx)(ip,{columns:r.columns,palette:r,...o})};Za.options=Hh;Za.states=Ph;Za.variants=Kh;Za.defaultOptions=_h;Za.modifiers=Bh;Za.className=pt.className;var cp="color-editor",pp="coloreditor";var Oe=require("react/jsx-runtime"),Hl="k-coloreditor",zh=[n.focus],Uh={size:[d.undefined,d.small,d.medium,d.large]},Yr={view:"gradient",palette:qr.office,actionButtons:!0,canvasOrientation:"horizontal"},Ee=e=>{let{size:t,view:o=Yr.view,palette:r=Yr.palette,color:l,currentColor:i,focus:c,focusView:b,dir:f,group:x,actionButtons:C=Yr.actionButtons,canvasOrientation:L=Yr.canvasOrientation,...g}=e;return(0,Oe.jsxs)("div",{...g,role:"textbox","aria-label":"Color editor",tabIndex:0,className:a(e.className,"k-flatcolorpicker",Hl,R(Hl,{size:t}),E(Hl,{focus:c})),dir:f,children:[(0,Oe.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,Oe.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&(0,Oe.jsxs)(Z,{fillMode:"flat",children:[(0,Oe.jsx)(u,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,Oe.jsx)(u,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,Oe.jsx)("div",{className:"k-spacer"}),(0,Oe.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,Oe.jsx)(u,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,Oe.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,Oe.jsx)(Ko,{className:"k-coloreditor-preview-color",color:l}),(0,Oe.jsx)(Ko,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,Oe.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,Oe.jsx)(Ue,{focus:b,size:t,canvasOrientation:L,role:"none",tabIndex:-1}):(0,Oe.jsx)(pt,{palette:r,size:t})}),C&&(0,Oe.jsxs)(Ut,{className:"k-coloreditor-footer",alignment:"start",children:[(0,Oe.jsx)(u,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,Oe.jsx)(u,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Ee.states=zh;Ee.options=Uh;Ee.className=Hl;Ee.defaultOptions=Yr;Ee.moduleName=cp;Ee.folderName=pp;Ee.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 ja=Ee;var Fh=require("react/jsx-runtime");var $h=require("react/jsx-runtime");var up=require("react/jsx-runtime"),mp=e=>(0,up.jsx)(ja,{group:!0,currentColor:"fuchsia",...e});var Tp=require("react/jsx-runtime"),bp=e=>(0,Tp.jsx)(ja,{view:"palette",group:!0,currentColor:"fuchsia",...e});var xn=require("react/jsx-runtime"),Wh=Ee.options,Vh=Ee.states,Xh={...Ee.defaultOptions,variant:"gradient"},Jh=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],qh=[],er=e=>{let{variant:t,...o}=e;return t==="palette"?(0,xn.jsx)(bp,{...o,color:"white"}):(0,xn.jsx)(mp,{...o,color:"rgba(183, 118 , 118, 1.00)"})};er.options=Wh;er.states=Vh;er.variants=Jh;er.defaultOptions=Xh;er.modifiers=qh;er.className=Ee.className;var fp="color-picker",gp="colorpicker";var _e=require("react/jsx-runtime"),hp="k-colorpicker",Yh=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Qh={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},xp={arrowIconName:"caret-alt-down"},Et=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=xp.arrowIconName,prefix:i,suffix:c,value:b,placeholder:f,hover:x,focus:C,valid:L,invalid:g,required:S,disabled:A,valueIconName:_,popup:W,opened:B,adaptive:ee,adaptiveSettings:ke,adaptiveTitle:me,adaptiveSubtitle:lt,...it}=e,Lt="colorpicker-popup";return(0,_e.jsxs)(_e.Fragment,{children:[(0,_e.jsxs)(ro,{...it,size:t,rounded:o,fillMode:r,hover:x,focus:C,valid:L,invalid:g,required:S,disabled:A,role:"combobox","aria-haspopup":"dialog","aria-expanded":B?"true":"false","aria-controls":B||ee?Lt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":A?"true":void 0,className:a(e.className,hp,"k-icon-picker"),children:[(0,_e.jsx)(Kt,{children:i}),(0,_e.jsx)(la,{placeholder:f,value:b,showValue:!1,valueIcon:(0,_e.jsx)(Ko,{className:"k-value-icon",color:b,iconName:_}),valueIconName:_}),(0,_e.jsx)(Dt,{children:c}),(0,_e.jsx)(u,{className:"k-input-button",icon:l,size:t,fillMode:r,tabIndex:-1,"aria-label":"Open color picker",disabled:A})]}),B&&W&&(0,_e.jsx)(ne,{id:Lt,className:"k-colorpicker-popup",children:W}),ee&&(0,_e.jsx)(Ae,{adaptive:!0,id:Lt,...ke,header:(0,_e.jsx)(st,{actionsEnd:(0,_e.jsx)(u,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:me,subtitle:lt}),footer:(0,_e.jsxs)(Do,{children:[(0,_e.jsx)(u,{text:"Cancel",size:"large"}),(0,_e.jsx)(u,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,_e.jsx)(Ee,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Et.states=Yh;Et.options=Qh;Et.className=hp;Et.defaultOptions=xp;Et.moduleName=fp;Et.folderName=gp;Et.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 xo=Et;var Np=require("react/jsx-runtime"),Pl=e=>(0,Np.jsx)(xo,{...e});var Zh=require("react/jsx-runtime");var jh=require("react/jsx-runtime");var ex=require("react/jsx-runtime");var tx=require("react/jsx-runtime");var ox=require("react/jsx-runtime");var ax=require("react/jsx-runtime");var Wo=require("react/jsx-runtime"),rx=xo.options,lx=xo.states,kp={...xo.defaultOptions,variant:"color"},ix=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],nx=[{name:"opened",title:"Opened"}],tr=e=>{let{variant:t,modifiers:o,...r}={...kp,...e},l={};Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!(o!=null&&o[c]),l.popup=o!=null&&o[c]?(0,Wo.jsx)(Ee,{size:r.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,Wo.jsx)("div",{style:i,children:(0,Wo.jsx)(Pl,{...r,...l})});case"icon":return(0,Wo.jsx)("div",{style:i,children:(0,Wo.jsx)(Pl,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...r,...l})});default:return(0,Wo.jsx)("div",{style:i,children:(0,Wo.jsx)(Pl,{value:"rgba(183, 118 , 118, 1.00)",...r,...l})})}};tr.options=rx;tr.states=lx;tr.variants=ix;tr.defaultOptions=kp;tr.modifiers=nx;tr.className=xo.className;var Nn="combobox",wp=Nn;var se=require("react/jsx-runtime"),vp="k-combobox",sx=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],dx={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},Cp={separators:!0},tt=e=>{let{size:t,rounded:o,fillMode:r,separators:l=Cp.separators,prefix:i,suffix:c,value:b,placeholder:f,hover:x,focus:C,valid:L,invalid:g,required:S,loading:A,disabled:_,popup:W,opened:B,readonly:ee,adaptive:ke,adaptiveSettings:me,adaptiveTitle:lt,adaptiveSubtitle:it,adaptiveCustomValue:Lt,id:oa,autocomplete:ii,activeDescendant:Po,"aria-label":ml,...ni}=e,si=oa?`${oa}-listbox`:void 0;return(0,se.jsxs)(se.Fragment,{children:[(0,se.jsxs)(Ge,{...ni,size:t,rounded:o,fillMode:r,hover:x,focus:C,valid:L,invalid:g,required:S,loading:A,disabled:_,readonly:ee,className:a(e.className,vp),children:[i&&(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)(Kt,{children:i}),l&&(0,se.jsx)(Bt,{})]}),(0,se.jsx)(St,{id:oa,placeholder:f,value:b,role:"combobox","aria-haspopup":"listbox","aria-expanded":B?"true":"false","aria-controls":B?si:void 0,"aria-activedescendant":B&&Po?Po:void 0,"aria-autocomplete":ii,"aria-invalid":g?"true":void 0,"aria-busy":A?"true":void 0,"aria-label":ml,disabled:_,readOnly:ee}),(0,se.jsx)(nt,{valid:L,invalid:g,loading:A,disabled:_}),(0,se.jsx)(ft,{loading:A,disabled:_}),(0,se.jsx)(Mt,{loading:A,disabled:_,readonly:ee,value:b}),c&&(0,se.jsxs)(se.Fragment,{children:[l&&(0,se.jsx)(Bt,{}),(0,se.jsx)(Dt,{children:c})]}),(0,se.jsx)(u,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:r,"aria-label":"Open popup",tabIndex:-1,disabled:_})]}),B&&W&&(0,se.jsx)(ne,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:W}),ke&&(0,se.jsx)(Ae,{adaptive:!0,id:oa?`${oa}-adaptive`:void 0,...me,header:(0,se.jsx)(st,{actionsEnd:(0,se.jsx)(u,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:b,inputPlaceholder:f,title:lt,subtitle:it}),children:(0,se.jsx)("div",{className:"k-list-container",children:(0,se.jsx)(le,{customValue:Lt?(0,se.jsx)($o,{text:`Use "${b}"`}):void 0,size:"large",children:(0,se.jsxs)(ge,{"aria-label":lt||"Options",children:[(0,se.jsx)(j,{text:"List item"}),(0,se.jsx)(j,{text:"List item"}),(0,se.jsx)(j,{text:"List item"})]})})})})]})};tt.states=sx;tt.options=dx;tt.className=vp;tt.defaultOptions=Cp;tt.moduleName=Nn;tt.folderName=wp;tt.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var It=tt;var yp=require("react/jsx-runtime"),Lp=e=>(0,yp.jsx)(It,{...e});var Mp=require("react/jsx-runtime");var Sp=require("react/jsx-runtime");var Rp=require("react/jsx-runtime");var Ap=require("react/jsx-runtime");var Ep=require("react/jsx-runtime");var Ip=require("react/jsx-runtime");var kn=require("react/jsx-runtime");var cx=require("react/jsx-runtime");var px=require("react/jsx-runtime");var Gp=require("react/jsx-runtime");var Op=require("react/jsx-runtime");var jt=require("react/jsx-runtime"),mx=tt.states,ux=tt.defaultOptions,bx=tt.options,Tx=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],fx=[],or=e=>{let{modifiers:t,...o}=e,r={},l=(0,jt.jsx)(le,{style:{width:300},size:o.size,children:(0,jt.jsxs)(ge,{children:[(0,jt.jsx)(j,{children:"List item"}),(0,jt.jsx)(j,{children:"List item"}),(0,jt.jsx)(j,{children:"List item"})]})});return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":r.prefix=t!=null&&t[i]?(0,jt.jsx)(p,{icon:"map-marker-target"}):void 0;break;case"suffix":r.suffix=t!=null&&t[i]?(0,jt.jsx)(_o,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":r.opened=!!(t!=null&&t[i]),r.popup=t!=null&&t[i]?l:void 0;break;default:break}}),(0,jt.jsx)("div",{children:(0,jt.jsx)(Lp,{value:"Value",style:{width:300},...o,...r})})};or.options=bx;or.states=mx;or.variants=fx;or.defaultOptions=ux;or.modifiers=Tx;or.className=tt.className;var wn="menu-button",Hp=wn;var _p=require("react/jsx-runtime"),Pp="k-menu-button",gx=[n.hover,n.focus,n.active,n.selected,n.disabled],hx={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info,M.inverse]},vn={showArrow:!0,arrowIconName:"caret-alt-down"},pe=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:i,focus:c,active:b,selected:f,disabled:x,icon:C,text:L,showArrow:g=vn.showArrow,arrowIconName:S=vn.arrowIconName,expanded:A,..._}=e;return(0,_p.jsx)(u,{..._,className:a(e.className,Pp),text:L,size:t,rounded:o,fillMode:r,themeColor:l,hover:i,focus:c,active:b,selected:f,disabled:x,icon:C,showArrow:g,arrowIconName:S,"aria-expanded":A?"true":"false",...!L&&C&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};pe.states=gx;pe.options=hx;pe.className=Pp;pe.defaultOptions=vn;pe.moduleName=wn;pe.folderName=Hp;pe.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 xx=require("react/jsx-runtime");var Nx=require("react/jsx-runtime");var kx=require("react/jsx-runtime");var Gt="menu",Wt=Gt;var No=require("react/jsx-runtime"),Cn="k-menu-item",wx=[n.hover,n.focus,n.active,n.selected,n.disabled],vx={},Kp={iconPosition:"before"},ot=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:i,icon:c,text:b,first:f,last:x,showArrow:C,arrowIconName:L,iconPosition:g=Kp.iconPosition,dir:S,children:A,expanded:_,...W}=e,B=L;return B||(B=S==="rtl"?"caret-alt-left":"caret-alt-right"),(0,No.jsxs)("li",{...W,className:a(e.className,Cn,"k-item",E(Cn,{focus:o,disabled:i,hover:t,active:r,selected:l}),{"k-first":f,"k-last":x}),role:"menuitem",...C&&{"aria-haspopup":"menu"},...C&&{"aria-expanded":_?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,No.jsxs)("span",{className:a("k-link k-menu-link"),children:[c&&g==="before"&&(0,No.jsx)(p,{className:"k-menu-link-icon",icon:c}),(0,No.jsx)("span",{className:"k-menu-link-text",children:b}),c&&g==="after"&&(0,No.jsx)(p,{className:"k-menu-link-icon",icon:c}),C&&(0,No.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,No.jsx)(p,{icon:B})})]}),A]})};ot.states=wx;ot.options=vx;ot.className=Cn;ot.defaultOptions=Kp;ot.moduleName=Gt;ot.folderName=Wt;var ko=require("react/jsx-runtime"),Ln="k-menu-item",Cx=[n.hover,n.focus,n.active,n.selected,n.disabled],Lx={},yn={dir:"ltr",iconPosition:"before"},oe=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:i,icon:c,text:b,first:f,last:x,showArrow:C,arrowIconName:L,iconPosition:g=yn.iconPosition,dir:S=yn.dir,children:A,popup:_,expanded:W,...B}=e,ee=L;return ee||(ee=S==="rtl"?"caret-alt-left":"caret-alt-right"),(0,ko.jsxs)("li",{...B,className:a(e.className,Ln,"k-item",E(Ln,{focus:o,disabled:i}),{"k-first":f,"k-last":x}),role:"menuitem",...C&&{"aria-haspopup":"menu"},...C&&{"aria-expanded":W?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,ko.jsxs)("span",{className:a("k-link k-menu-link",E("k-menu-link",{hover:t,active:r,selected:l,disabled:i})),children:[c&&g==="before"&&(0,ko.jsx)(p,{className:"k-menu-link-icon",icon:c}),(0,ko.jsx)("span",{className:"k-menu-link-text",children:b}),c&&g==="after"&&(0,ko.jsx)(p,{className:"k-menu-link-icon",icon:c}),C&&(0,ko.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,ko.jsx)(p,{icon:ee})})]}),A,_]})};oe.states=Cx;oe.options=Lx;oe.className=Ln;oe.defaultOptions=yn;oe.moduleName=Gt;oe.folderName=Wt;var zp=require("react/jsx-runtime"),Dp="k-menu-scroll-wrapper",yx=[],Mx={},Sx={},pa=e=>{let{className:t,children:o,orientation:r,...l}=e;return(0,zp.jsx)("div",{...l,className:a(t,Dp,{"k-menu-scroll-wrapper-vertical":r==="vertical"}),children:o})};pa.states=yx;pa.options=Mx;pa.className=Dp;pa.defaultOptions=Sx;pa.moduleName=Gt;pa.folderName=Wt;var Bp=pa;var Xe=require("react/jsx-runtime"),Mn="k-menu",Rx=[],Ax={},Kl={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ce=e=>{let{children:t,orientation:o=Kl.orientation,header:r=Kl.header,scrollable:l,scrollButtonsPosition:i=Kl.scrollButtonsPosition,wrapperStyles:c,dir:b,popup:f,contextMenu:x,...C}=e,L={horizontal:{prev:b!=="rtl"?"left":"right",next:b!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},g=(0,Xe.jsx)("ul",{dir:b,...C,className:a(e.className,"k-reset",Mn,{[`${Mn}-${o}`]:o,"k-header":r}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Xe.jsxs)(Xe.Fragment,{children:[l?(0,Xe.jsxs)(Bp,{orientation:o,style:c,dir:e.dir,children:[i==="start"&&(0,Xe.jsxs)(Xe.Fragment,{children:[(0,Xe.jsx)(u,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Xe.jsx)(u,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,Xe.jsx)(u,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),g,i==="end"&&(0,Xe.jsxs)(Xe.Fragment,{children:[(0,Xe.jsx)(u,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Xe.jsx)(u,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,Xe.jsx)(u,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):g,f]})};Ce.states=Rx;Ce.options=Ax;Ce.className=Mn;Ce.defaultOptions=Kl;Ce.moduleName=Gt;Ce.folderName=Wt;Ce.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var Fp=require("react/jsx-runtime"),Sn="k-separator",Up={orientation:"horizontal"},Vo=e=>{let{orientation:t=Up.orientation,...o}=e;return(0,Fp.jsx)("li",{...o,className:a(e.className,"k-item",Sn,{[`${Sn}-${t}`]:t}),role:"separator"})};Vo.className=Sn;Vo.defaultOptions=Up;Vo.moduleName=Gt;Vo.folderName=Wt;var $p=require("react/jsx-runtime");var Wp=require("react/jsx-runtime"),Rn="k-menu-group",Ex=[],Ix={size:[d.undefined,d.small,d.medium,d.large]},Gx={},He=e=>{let{children:t,size:o,...r}=e;return(0,Wp.jsx)("ul",{...r,className:a(e.className,Rn,R(Rn,{size:o})),role:"menu",children:t})};He.states=Ex;He.options=Ix;He.className=Rn;He.defaultOptions=Gx;He.moduleName=Gt;He.folderName=Wt;var eo=require("react/jsx-runtime"),An=e=>(0,eo.jsx)(Ce,{children:(0,eo.jsxs)(eo.Fragment,{children:[(0,eo.jsx)(ot,{first:!0,text:"Item 1"}),(0,eo.jsx)(ot,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,eo.jsx)(ot,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,eo.jsx)(ot,{text:"Item 4"}),(0,eo.jsx)(ot,{last:!0,text:"Item 5"})]}),...e});var En=require("react/jsx-runtime");var In=require("react/jsx-runtime");var Gn=require("react/jsx-runtime");var On=require("react/jsx-runtime");var no=require("react/jsx-runtime"),Ox=Ce.options,Hx=Ce.states,Vp={...Ce.defaultOptions,variant:"horizontal"},Px=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],_x=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],ar=e=>{let{variant:t,modifiers:o,...r}={...Vp,...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,no.jsx)(ne,{className:"k-menu-popup",children:(0,no.jsxs)(He,{children:[(0,no.jsx)(oe,{text:"Item 1"}),(0,no.jsx)(oe,{text:"Item 2"}),(0,no.jsx)(Vo,{}),(0,no.jsx)(oe,{text:"Item 3"})]})});break}}),t==="vertical"?(0,no.jsx)(An,{...r,...l,orientation:"vertical",style:{width:"200px"}}):(0,no.jsx)(An,{...r,...l})};ar.options=Ox;ar.states=Hx;ar.variants=Px;ar.defaultOptions=Vp;ar.modifiers=_x;ar.className=Ce.className;var Hn=require("react/jsx-runtime");var Kx=require("react/jsx-runtime");var at=require("react/jsx-runtime"),Dx=u.states,Xp={...u.defaultOptions,variant:"text"},Bx=u.options,zx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ux=[{name:"opened",title:"Opened"}],rr=e=>{let{variant:t,modifiers:o,...r}={...Xp,...e},l={},i=(0,at.jsx)(ne,{className:"k-menu-popup",children:(0,at.jsxs)(He,{size:r.size,children:[(0,at.jsx)(oe,{first:!0,text:"Menu Item"}),(0,at.jsx)(oe,{text:"Menu Item"}),(0,at.jsx)(oe,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=(0,at.jsx)("div",{children:(0,at.jsx)(pe,{...r,...l,icon:"star"})});break;case"icon-and-text":c=(0,at.jsx)("div",{children:(0,at.jsx)(pe,{...r,...l,icon:"star",children:"Dropdown Button"})});break;default:c=(0,at.jsx)("div",{children:(0,at.jsx)(pe,{...r,...l,children:"Dropdown Button"})});break}return(0,at.jsxs)(at.Fragment,{children:[c,(o==null?void 0:o.opened)&&i]})};rr.options=Bx;rr.states=Dx;rr.variants=zx;rr.defaultOptions=Xp;rr.modifiers=Ux;rr.className=pe.className;var Pn="split-button",Jp=Pn;var wo=require("react/jsx-runtime"),_n="k-split-button",Fx=[n.hover,n.focus,n.active,n.selected,n.disabled],$x={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info,M.inverse]},qp={arrowIconName:"caret-alt-down"},ae=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:i,focus:c,active:b,selected:f,disabled:x,icon:C,text:L,arrowIconName:g=qp.arrowIconName,popup:S,opened:A,popupId:_,...W}=e;return(0,wo.jsxs)(wo.Fragment,{children:[(0,wo.jsxs)("div",{...W,className:a(e.className,_n,"k-button-group",R(_n,{rounded:o})),children:[(0,wo.jsx)(u,{text:L,icon:C,size:t,rounded:o,fillMode:r,themeColor:l,hover:i,focus:c,active:b,selected:f,disabled:x,...!L&&!e.children&&C&&{"aria-label":"Action"},children:e.children}),(0,wo.jsx)(u,{className:"k-split-button-arrow",icon:g,size:t,rounded:o,fillMode:r,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":A?"true":"false","aria-controls":A?_:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),A&&S&&(0,wo.jsx)(ne,{className:"k-menu-popup",children:S})]})};ae.states=Fx;ae.options=$x;ae.className=_n;ae.defaultOptions=qp;ae.moduleName=Pn;ae.folderName=Jp;ae.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 Kn=ae;var Yp=require("react/jsx-runtime"),Wx="k-toolbar-separator",to=e=>(0,Yp.jsx)("div",{className:a(Wx,e.className,"k-separator")});var vo="toolbar",Xo=vo;var Q=require("react/jsx-runtime"),Co="k-toolbar",Vx=[n.focus],Xx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[w.undefined,w.solid,w.outline,w.flat]},Jx={scrollButtons:"around"},de=e=>{let{size:t,fillMode:o,focus:r,resizable:l,scrollable:i,scrollButtons:c,scrollingPosition:b,section:f,...x}=e,C=[],L=(g,S)=>{let A=[];if(g.type===u&&g.props.className&&g.props.className.includes("k-toolbar-overflow-button"))A.push((0,Q.jsx)(u,{...g.props,className:`${g.props.className?g.props.className:""}`},`${S}-${new Date().getTime()}`));else if(g.type===u)A.push((0,Q.jsx)(u,{...g.props,className:`k-toolbar-button ${g.props.className?g.props.className:""}`},`${S}-${new Date().getTime()}`));else if(g.type===Or)A.push((0,Q.jsx)(Or,{...g.props,className:`k-toolbar-button ${g.props.className?g.props.className:""}`},`${S}-${new Date().getTime()}`));else if(g.type===_o)A.push((0,Q.jsx)(_o,{...g.props,className:`k-toolbar-button ${g.props.className?g.props.className:""}`},`${S}-${new Date().getTime()}`));else if(g.type===pe)A.push((0,Q.jsx)(pe,{...g.props,className:`k-toolbar-menu-button ${g.props.className?g.props.className:""}`},`${S}-${new Date().getTime()}`));else if(g.type===Kn)A.push((0,Q.jsx)(Kn,{...g.props,className:`k-toolbar-split-button ${g.props.className?g.props.className:""}`},`${S}-${new Date().getTime()}`));else if(g.type===Z||g.props.className&&g.props.className.includes("k-button-group")){let _=[];(Array.isArray(g.props.children)?g.props.children:[g.props.children]).forEach((B,ee)=>{_.push((0,Q.jsx)(u,{...B.props,className:`${B.props.className?B.props.className:""}`},`${ee}-${new Date().getTime()}`))}),A.push((0,Q.jsx)(Z,{...g.props,className:`k-toolbar-button-group ${g.props.className?g.props.className:""}`,children:_},`${S}-${new Date().getTime()}`))}else g.type===tt?A.push((0,Q.jsx)(tt,{...g.props,className:`k-toolbar-combobox ${g.props.className?g.props.className:""}`},`${S}-${new Date().getTime()}`)):g.type===ce?A.push((0,Q.jsx)(ce,{...g.props,className:`k-toolbar-dropdownlist ${g.props.className?g.props.className:""}`},`${S}-${new Date().getTime()}`)):g.type===Et?A.push((0,Q.jsx)(Et,{...g.props,className:`k-toolbar-colorpicker ${g.props.className?g.props.className:""}`},`${S}-${new Date().getTime()}`)):A.push(g);A.forEach(_=>{C.push(_)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((S,A)=>{L(S,A)}),(0,Q.jsxs)("div",{...x,className:a(e.className,Co,R(Co,{size:t,fillMode:o}),E(Co,{focus:r}),{[`${Co}-resizable`]:l,[`${Co}-scrollable`]:i,[`${Co}-scrollable-overlay`]:i&&c==="hidden",[`${Co}-scrollable-${b}`]:b&&b!=="both",[`${Co}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!i&&C,i&&c==="hidden"&&(0,Q.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C}),i&&c==="start"&&(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsxs)(Z,{children:[(0,Q.jsx)("span",{className:a("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,Q.jsx)(p,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,Q.jsx)("span",{className:a("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,Q.jsx)(p,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,Q.jsx)(to,{className:"k-toolbar-button-separator"}),(0,Q.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C})]}),i&&c==="end"&&(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C}),(0,Q.jsx)(to,{className:"k-toolbar-button-separator"}),(0,Q.jsxs)(Z,{children:[(0,Q.jsx)("span",{className:a("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,Q.jsx)(p,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,Q.jsx)("span",{className:a("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,Q.jsx)(p,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),i&&(c==="around"||!c)&&(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)("span",{className:a("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,Q.jsx)(p,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,Q.jsx)(to,{className:"k-toolbar-button-separator"}),(0,Q.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C}),(0,Q.jsx)(to,{className:"k-toolbar-button-separator"}),(0,Q.jsx)("span",{className:a("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,Q.jsx)(p,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};de.states=Vx;de.options=Xx;de.className=Co;de.defaultOptions=Jx;de.moduleName=vo;de.folderName=Xo;de.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};var Zp=require("react/jsx-runtime"),Qp="k-floating-toolbar",qx=[],Yx={},Qx={},lr=e=>{let{...t}=e;return(0,Zp.jsx)("div",{...t,className:a(e.className,Qp),children:e.children})};lr.states=qx;lr.options=Yx;lr.className=Qp;lr.defaultOptions=Qx;lr.moduleName=vo;lr.folderName=Xo;var jp=require("react/jsx-runtime"),Dn="k-toolbar-item",Zx=[n.focus],jx={},eN={},ir=e=>{let{focus:t,...o}=e;return(0,jp.jsx)("div",{...o,className:a(e.className,Dn,E(Dn,{focus:t})),children:e.children})};ir.states=Zx;ir.options=jx;ir.className=Dn;ir.defaultOptions=eN;ir.moduleName=vo;ir.folderName=Xo;var Bn=require("react/jsx-runtime"),em="k-toolbar-popup",tN=[],oN={size:[d.undefined,d.small,d.medium,d.large],fillMode:[w.undefined,w.solid,w.outline,w.flat]},aN={},ma=e=>{let{size:t,fillMode:o,section:r,...l}=e;return(0,Bn.jsx)(ne,{...l,className:a(e.className,em),children:r?(0,Bn.jsx)("span",{className:a("k-toolbar-items-list",R("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};ma.states=tN;ma.options=oN;ma.className=em;ma.defaultOptions=aN;ma.moduleName=vo;ma.folderName=Xo;var Dl=ma;var rN=require("react/jsx-runtime");var lN=require("react/jsx-runtime");var iN=require("react/jsx-runtime");var tm=require("react/jsx-runtime");var nN=require("react/jsx-runtime");var Vt=require("react/jsx-runtime"),sN=ae.states,om={...ae.defaultOptions,variant:"text"},dN=ae.options,cN=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],pN=[{name:"opened",title:"Opened"}],nr=e=>{let{variant:t,modifiers:o,...r}={...om,...e},l={},i=(0,Vt.jsxs)(He,{size:r.size,children:[(0,Vt.jsx)(oe,{first:!0,text:"Menu Item"}),(0,Vt.jsx)(oe,{text:"Menu Item"}),(0,Vt.jsx)(oe,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!(o!=null&&o[c]),l.popup=o!=null&&o[c]?i:"")}),t){case"icon-only":return(0,Vt.jsx)("div",{children:(0,Vt.jsx)(ae,{...r,...l,icon:"star"})});case"icon-and-text":return(0,Vt.jsx)("div",{children:(0,Vt.jsx)(ae,{...r,...l,icon:"star",children:"Split Button"})});default:return(0,Vt.jsx)("div",{children:(0,Vt.jsx)(ae,{...r,...l,children:"Split Button"})})}};nr.options=dN;nr.states=sN;nr.variants=cN;nr.defaultOptions=om;nr.modifiers=pN;nr.className=ae.className;var so=require("react/jsx-runtime"),am=e=>(0,so.jsx)(de,{children:[(0,so.jsx)(u,{children:"Button"},"toolbar-button"),(0,so.jsx)(pe,{text:"Menu button"},"toolbar-menu-button"),(0,so.jsx)(ae,{children:"Split button"},"toolbar-split-button"),(0,so.jsxs)(Z,{children:[(0,so.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,so.jsx)(u,{icon:"align-center",children:"Center"}),(0,so.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var rm=require("react/jsx-runtime");var Je=require("react/jsx-runtime"),lm=e=>(0,Je.jsx)(de,{scrollable:!0,...e,children:[(0,Je.jsx)(u,{children:"Button"},"toolbar-button"),(0,Je.jsx)(pe,{text:"Menu button"},"toolbar-menu-button"),(0,Je.jsx)(ae,{children:"Split button"},"toolbar-split-button"),(0,Je.jsxs)(Z,{children:[(0,Je.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Je.jsx)(u,{icon:"align-center",children:"Center"}),(0,Je.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Je.jsx)(u,{children:"Button"},"toolbar-button"),(0,Je.jsx)(pe,{text:"Menu button"},"toolbar-menu-button"),(0,Je.jsx)(ae,{children:"Split button"},"toolbar-split-button"),(0,Je.jsxs)(Z,{children:[(0,Je.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Je.jsx)(u,{icon:"align-center",children:"Center"}),(0,Je.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var qe=require("react/jsx-runtime"),im=({scrollingPosition:e="start",...t})=>(0,qe.jsx)(de,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,qe.jsx)(u,{children:"Button"},"toolbar-button"),(0,qe.jsx)(pe,{text:"Menu button"},"toolbar-menu-button"),(0,qe.jsx)(ae,{children:"Split button"},"toolbar-split-button"),(0,qe.jsxs)(Z,{children:[(0,qe.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,qe.jsx)(u,{icon:"align-center",children:"Center"}),(0,qe.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,qe.jsx)(u,{children:"Button"},"toolbar-button"),(0,qe.jsx)(pe,{text:"Menu button"},"toolbar-menu-button"),(0,qe.jsx)(ae,{children:"Split button"},"toolbar-split-button"),(0,qe.jsxs)(Z,{children:[(0,qe.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,qe.jsx)(u,{icon:"align-center",children:"Center"}),(0,qe.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var Le=require("react/jsx-runtime"),nm=({fillMode:e,size:t,...o})=>(0,Le.jsxs)(Le.Fragment,{children:[(0,Le.jsx)(de,{section:!0,fillMode:e,size:t,children:[(0,Le.jsx)(u,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Le.jsxs)(Z,{fillMode:e,children:[(0,Le.jsx)(u,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Le.jsx)(u,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Le.jsx)(u,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,Le.jsx)(to,{className:"k-toolbar-button-separator"}),(0,Le.jsx)(u,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,Le.jsxs)(Dl,{size:t,fillMode:e,section:!0,...o,children:[(0,Le.jsx)(ae,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,Le.jsx)(u,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Le.jsx)(to,{}),(0,Le.jsx)(pe,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,Le.jsxs)(Z,{fillMode:e,children:[(0,Le.jsx)(u,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Le.jsx)(u,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Le.jsx)(u,{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 Lo=require("react/jsx-runtime"),mN=de.options,uN=de.states,sm={...de.defaultOptions,variant:"default"},bN=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],TN=[],sr=e=>{let{variant:t,...o}={...sm,...e};switch(t){case"responsive":return(0,Lo.jsx)("div",{children:(0,Lo.jsx)(nm,{style:{width:"583px"},...o})});case"overlay":return(0,Lo.jsx)("div",{children:(0,Lo.jsx)(im,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,Lo.jsx)("div",{children:(0,Lo.jsx)(lm,{style:{width:"583px"},...o})});default:return(0,Lo.jsx)("div",{children:(0,Lo.jsx)(am,{style:{width:"583px"},...o})})}};sr.options=mN;sr.states=uN;sr.variants=bN;sr.defaultOptions=sm;sr.modifiers=TN;sr.className=de.className;var cm=require("react/jsx-runtime"),dm="k-gantt-header",ua=e=>(0,cm.jsx)(de,{...e,className:a(e.className,dm,"k-gantt-toolbar"),children:e.children});ua.className=dm;ua.moduleName=ue;ua.folderName=fe;var mm=require("react/jsx-runtime"),pm="k-gantt-footer",dr=e=>(0,mm.jsx)(de,{...e,className:a(e.className,pm,"k-gantt-toolbar"),children:e.children});dr.className=pm;dr.moduleName=ue;dr.folderName=fe;var bm=require("react/jsx-runtime"),um="k-gantt-content",ba=e=>(0,bm.jsx)("div",{...e,className:a(e.className,um),children:e.children});ba.className=um;ba.moduleName=ue;ba.folderName=fe;var fm=require("react/jsx-runtime"),Tm="k-gantt-tables",Ta=e=>(0,fm.jsx)("div",{...e,className:a(e.className,Tm),children:e.children});Ta.className=Tm;Ta.moduleName=ue;Ta.folderName=fe;var Ye="table",rt=Ye;var hm=require("react/jsx-runtime"),gm="k-data-table",fN=[],gN={size:[d.undefined,d.small,d.medium,d.large]},hN={},yo=e=>{let{size:t,...o}=e;return(0,hm.jsx)("div",{...o,className:a(e.className,gm,R("k-table",{size:t})),children:e.children})};yo.states=fN;yo.options=gN;yo.className=gm;yo.defaultOptions=hN;yo.moduleName=Ye;yo.folderName=rt;var xm=require("react/jsx-runtime"),Fn="k-table-header-wrap",xN=[n.hover,n.focus,n.disabled],NN={},kN={},Jo=e=>{let{children:t,hover:o,focus:r,disabled:l,...i}=e;return(0,xm.jsx)("div",{...i,className:a(e.className,Fn,E(Fn,{hover:o,focus:r,disabled:l})),children:t})};Jo.states=xN;Jo.options=NN;Jo.className=Fn;Jo.defaultOptions=kN;Jo.moduleName=Ye;Jo.folderName=rt;var Nm=require("react/jsx-runtime"),$n="k-table",wN=[],vN={size:[d.undefined,d.small,d.medium,d.large]},CN={},ye=e=>{let{size:t,...o}=e;return(0,Nm.jsx)("table",{...o,className:a(e.className,$n,R($n,{size:t})),children:e.children})};ye.states=wN;ye.options=vN;ye.className=$n;ye.defaultOptions=CN;ye.moduleName=Ye;ye.folderName=rt;var Bl=require("react/jsx-runtime"),Wn="k-table-header",LN=[n.hover,n.focus,n.disabled],yN={},MN={},Mo=e=>{let{children:t,hover:o,focus:r,disabled:l,...i}=e;return(0,Bl.jsx)("div",{...i,className:a(e.className,Wn,E(Wn,{hover:o,focus:r,disabled:l})),children:(0,Bl.jsx)(Jo,{children:(0,Bl.jsx)(ye,{children:t})})})};Mo.states=LN;Mo.options=yN;Mo.className=Wn;Mo.defaultOptions=MN;Mo.moduleName=Ye;Mo.folderName=rt;var wm=require("react/jsx-runtime"),km="k-table-scroller",SN=[],RN={},AN={},cr=e=>{let{children:t,...o}=e;return(0,wm.jsx)("div",{...o,className:a(e.className,km),children:t})};cr.states=SN;cr.options=RN;cr.className=km;cr.defaultOptions=AN;cr.moduleName=Ye;cr.folderName=rt;var EN=require("react/jsx-runtime");var Cm=require("react/jsx-runtime"),vm="k-table-footer",IN=[],GN={},ON={},qo=e=>{let{children:t,...o}=e;return(0,Cm.jsx)("div",{...o,className:a(e.className,vm),children:t})};qo.states=IN;qo.options=GN;qo.className=vm;qo.defaultOptions=ON;qo.moduleName=Ye;qo.folderName=rt;var Lm=require("react/jsx-runtime"),Vn="k-table-list",HN=[],PN={size:[d.undefined,d.small,d.medium,d.large]},_N={},Yo=e=>{let{size:t,virtualization:o,...r}=e;return(0,Lm.jsx)("ul",{...r,className:a(e.className,"k-table",Vn,R(Vn,{size:t}),{"k-virtual-table":o}),children:e.children})};Yo.states=HN;Yo.options=PN;Yo.className=Vn;Yo.defaultOptions=_N;Yo.moduleName=Ye;Yo.folderName=rt;var ym=require("react/jsx-runtime"),KN="k-table-thead",z=e=>(0,ym.jsx)("thead",{className:a(e.className,KN),children:e.children});var Mm=require("react/jsx-runtime"),DN="k-table-tbody",U=e=>(0,Mm.jsx)("tbody",{className:a(e.className,DN),children:e.children});var BN=require("react/jsx-runtime");var Sm=require("react/jsx-runtime"),Xn="k-table-row",zN=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],h=e=>{let{hover:t,focus:o,selected:r,highlighted:l,disabled:i,alt:c,...b}=e;return(0,Sm.jsx)("tr",{...b,className:a(e.className,Xn,{"k-table-alt-row":c},E(Xn,{hover:t,focus:o,disabled:i,selected:r,highlighted:l})),children:e.children})};h.states=zN;h.className=Xn;var Rm=require("react/jsx-runtime"),Jn="k-table-row",UN=[n.hover,n.focus,n.selected,n.disabled],zl=e=>{let{hover:t,focus:o,selected:r,disabled:l,alt:i,...c}=e;return(0,Rm.jsx)("li",{...c,className:a(e.className,Jn,{"k-table-alt-row":i},E(Jn,{hover:t,focus:o,disabled:l,selected:r})),children:e.children})};zl.states=UN;zl.className=Jn;var Em=require("react/jsx-runtime"),Am="k-table-th",So=e=>{let{text:t,colspan:o,rowspan:r,...l}=e,i=t||e.children;return(0,Em.jsx)("th",{colSpan:o,rowSpan:r,...l,className:a(e.className,Am),children:i})};So.className=Am;So.moduleName=Ye;So.folderName=rt;var FN=require("react/jsx-runtime");var Im=require("react/jsx-runtime"),qn="k-table-td",$N=[n.focus,n.selected,n.highlighted],s=e=>{let{focus:t,selected:o,highlighted:r,text:l,colspan:i,rowspan:c,...b}=e,f=l||e.children;return(0,Im.jsx)("td",{colSpan:i,rowSpan:c,...b,className:a(e.className,qn,E(qn,{focus:t,selected:o,highlighted:r})),children:f})};s.states=$N;s.className=qn;var WN=require("react/jsx-runtime");var VN=require("react/jsx-runtime");var XN=require("react/jsx-runtime");var JN=require("react/jsx-runtime");var qN=require("react/jsx-runtime");var Om=require("react/jsx-runtime");var Hm=require("react/jsx-runtime");var _m=require("react/jsx-runtime");var Yn=require("react/jsx-runtime");var Dm=require("react/jsx-runtime"),Km="k-gantt-columns",fa=e=>(0,Dm.jsx)(ye,{...e,className:a(e.className,Km),role:"presentation",children:e.children});fa.className=Km;fa.moduleName=ue;fa.folderName=fe;var zm=require("react/jsx-runtime"),Bm="k-gantt-rows",ga=e=>(0,zm.jsx)(ye,{...e,className:a(e.className,Bm),role:"presentation",children:e.children});ga.className=Bm;ga.moduleName=ue;ga.folderName=fe;var Fm=require("react/jsx-runtime"),Um="k-gantt-tasks",ha=e=>(0,Fm.jsx)(ye,{...e,className:a(e.className,Um),role:"presentation",children:e.children});ha.className=Um;ha.moduleName=ue;ha.folderName=fe;var Vm=require("react/jsx-runtime"),$m="k-task",ZN=[],jN={},Wm={type:"single"},xt=e=>{let{type:t=Wm.type,ariaLevel:o,...r}=e;return(0,Vm.jsx)("div",{...r,className:a(e.className,$m,{"k-task-single":t==="single","k-task-milestone":t==="milestone","k-task-summary":t==="summary"}),role:"treeitem",...o!==void 0&&{"aria-level":o}})};xt.states=ZN;xt.options=jN;xt.className=$m;xt.defaultOptions=Wm;xt.moduleName=ue;xt.folderName=fe;var qm=require("react/jsx-runtime"),Xm="k-task-wrap",ek=[],tk={},Jm={type:"single"},Nt=e=>{let{type:t=Jm.type,...o}=e;return(0,qm.jsx)("div",{...o,className:a(e.className,Xm,{"k-milestone-wrap":t==="milestone","k-summary-wrap":t==="summary"})})};Nt.states=ek;Nt.options=tk;Nt.className=Xm;Nt.defaultOptions=Jm;Nt.moduleName=ue;Nt.folderName=fe;var Zm=require("react/jsx-runtime"),Ym="k-task-dot",ok=[],ak={},Qm={position:"start"},Ke=e=>{let{position:t=Qm.position,...o}=e;return(0,Zm.jsx)("div",{...o,className:a(e.className,Ym,{"k-task-start":t==="start","k-task-end":t==="end"}),"aria-hidden":"true"})};Ke.states=ok;Ke.options=ak;Ke.className=Ym;Ke.defaultOptions=Qm;Ke.moduleName=ue;Ke.folderName=fe;var Ro=require("react/jsx-runtime"),jm="k-task-content",rk=[],lk={},ik={},oo=e=>{let{content:t,...o}=e;return(0,Ro.jsxs)("div",{...o,className:a(e.className,jm),children:[t&&(0,Ro.jsx)("div",{className:"k-task-template",children:t}),(0,Ro.jsx)("span",{className:"k-task-actions","aria-hidden":"true",children:(0,Ro.jsx)("a",{className:"k-link k-task-delete",children:(0,Ro.jsx)(p,{icon:"x"})})}),(0,Ro.jsx)("span",{className:"k-resize-handle k-resize-w","aria-hidden":"true"}),(0,Ro.jsx)("span",{className:"k-resize-handle k-resize-e","aria-hidden":"true"})]})};oo.states=rk;oo.options=lk;oo.className=jm;oo.defaultOptions=ik;oo.moduleName=ue;oo.folderName=fe;var ou=require("react/jsx-runtime"),eu="k-gantt-line",nk=[],sk={},tu={orientation:"horizontal"},Me=e=>{let{orientation:t=tu.orientation,...o}=e;return(0,ou.jsx)("div",{...o,className:a(e.className,eu,{"k-gantt-line-h":t==="horizontal","k-gantt-line-v":t==="vertical"}),"aria-hidden":"true"})};Me.states=nk;Me.options=sk;Me.className=eu;Me.defaultOptions=tu;Me.moduleName=ue;Me.folderName=fe;var re="grid",ie=re;var Fl=require("react/jsx-runtime"),Ul="k-grid",dk=[],ck={size:[d.undefined,d.small,d.medium,d.large]},pk=[],au={pagerPosition:"bottom"},J=e=>{let{size:t,pagerPosition:o=au.pagerPosition,toolbar:r,pager:l,groupingHeader:i,gridSelectionAggregates:c,_renderAriaRoot:b,resizable:f,ariaColCount:x,ariaRowCount:C,ariaRootId:L,ariaRole:g="grid",...S}=e;return(0,Fl.jsxs)("div",{...S,className:a(e.className,Ul,{[`${Ul}-resizable`]:f},R(Ul,{size:t})),children:[r,o==="top"&&l,i,e.children&&b?(0,Fl.jsx)("div",{className:"k-grid-aria-root",role:g,id:L,"aria-colcount":x,"aria-rowcount":C,children:e.children}):e.children,c,o==="bottom"&&l]})};J.states=dk;J.options=ck;J.variants=pk;J.className=Ul;J.defaultOptions=au;J.moduleName=re;J.folderName=ie;J.ariaSpec={selector:".k-grid",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header",attribute:"role=toolbar",usage:"The Grouping pane is a ToolBar (collection of buttons)."},{selector:".k-grouping-header",attribute:"aria-label",usage:"Clarifies the purpose of the grouping pane."},{selector:".k-grouping-header",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header .k-chip-list",attribute:"role=none",usage:"The ChipList default listbox role is removed to keep the toolbar --> button roles hierarchy."},{selector:".k-grouping-header .k-chip",attribute:"role=button",usage:"If the element used is not <button>, then the role must be specified."},{selector:".k-grid:not(.k-treelist) .k-grid-aria-root",attribute:"role=grid",usage:"The role specifies the element is a Data Grid."},{selector:".k-grid-aria-root",attribute:"aria-colcount (when present)",usage:"The total number of columns in the Grid. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-aria-root",attribute:"aria-rowcount (when present)",usage:"The total number of rows in the table. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-header-wrap>table>thead",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th:not(.k-hierarchy-cell):not(.k-group-cell):not(.k-drag-cell)",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-sort (when present)",usage:"Present if sorting is enabled for that column."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-haspopup=dialog (when present)",usage:"Present if the column has a ColumnMenu or FilterMenu."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"aria-label",usage:"Has a label indicating that the cell is part of a filter row."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table, .k-grid-pinned-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody, .k-grid-pinned-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:"tr.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected row(s) in row selection mode. All cells within the selected row also carry aria-selected=true (without k-selected class). Applies to both regular and pinned rows."},{selector:"td.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected cell(s) in cell selection mode. The k-selected class on cells is only applied in cell selection mode, but aria-selected=true is present on cells regardless of selection mode."},{selector:".k-master-row .k-hierarchy-cell, .k-grouping-row>td",attribute:"aria-expanded",usage:"For cells holding grouping criteria values and for Master row cells in Detail template scenario."},{selector:".k-group-cell",attribute:"role=presentation",usage:"Group offset cells (header and content) are non-interactive placeholders with no semantic role."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Must be present in a Drag Row scenario on the cell containing the drag handle."},{selector:".k-grid-header-locked table tr",attribute:"aria-owns",usage:"Locked header rows own cells from the corresponding non-locked header table rows."},{selector:".k-grid-content-locked table tr:not(.k-grouping-row)",attribute:"aria-owns",usage:"Locked content rows own cells from the corresponding non-locked content table rows. Group header rows are excluded because the non-locked group header rows are presentational."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap table tr",attribute:"role=none",usage:"Non-locked header rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-content table tr",attribute:"role=none",usage:"Non-locked content rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap th",attribute:"role=columnheader",usage:"Non-locked header cells retain columnheader role so they are announced correctly when owned via aria-owns."},{selector:".k-grid-lockedcolumns .k-grid-content td:not(.k-grouping-row td)",attribute:"role=gridcell",usage:"Non-locked data cells retain gridcell role so they are announced correctly when owned via aria-owns. Cells inside group header rows are excluded as those rows are presentational."},{selector:".k-grid-filter-popup",attribute:"role=dialog",usage:"The filter menu popup has dialog role."},{selector:".k-grid-filter-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-filter-popup",attribute:"aria-label",usage:'Descriptive label for the filter menu, e.g. "Column Title Filter Menu".'},{selector:".k-grid-columnmenu-popup",attribute:"role=dialog",usage:"The column menu popup has dialog role."},{selector:".k-grid-columnmenu-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-columnmenu-popup",attribute:"aria-label",usage:'Descriptive label for the column menu, e.g. "Column Title Column Menu".'},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"role=button",usage:"Column menu items have button role."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"tabindex=0",usage:"Column menu items are focusable."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-expanded",usage:"Expandable column menu items announce their expanded state."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-controls",usage:"Expandable items point to the id of the content they control."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"role=listbox",usage:"The column list is a listbox."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-multiselectable=true",usage:"The column list supports multiple selections."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"role=option",usage:"Column list items are options."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"aria-checked",usage:"Column list items announce their checked state."},{selector:"tfoot",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:"tfoot tr td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-selection-aggregates",attribute:"aria-live=polite",usage:"Ensures that changes in the calculated selection aggregates are announced by assistive technologies."},{selector:".k-grid-stack-cell",attribute:"tabindex=0",usage:"Stacked cell elements receive tabindex 0 when focus is within their parent .k-grid-stack-row element."},{selector:".k-grid-sticky-container",attribute:"role=none",usage:"Sticky group container has no semantic role."},{selector:".k-grid-sticky-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the sticky group <table> element."},{selector:".k-grid-sticky-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"aria-rowindex",usage:"Matches the aria-rowindex of the real group header/footer row it mirrors."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed. Group offset cells are excluded as they retain role=presentation."},{selector:".k-grid-sticky-container .k-grouping-row>td",attribute:"aria-expanded",usage:"Mirrors the expanded/collapsed state of the real group header row."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"tabindex",usage:"Receives tabindex 0 when focused, -1 otherwise, for keyboard navigation. Group offset cells are excluded as they are presentational."},{selector:".k-grid-sticky-container td",attribute:"aria-colindex (when present)",usage:"Col number. Typically 1 for the group header cell spanning all columns."},{selector:".k-grid-pinned-container",attribute:"role=none",usage:"Container for pinned rows has no semantic role."},{selector:".k-grid-pinned-container .k-grid-pinned-wrap",attribute:"role=none",usage:"Inner wrapper for the pinned rows table has no semantic role."},{selector:".k-grid-pinned-container tbody",attribute:"aria-label",usage:'Describes the purpose of the pinned rows group, e.g. "Top pinned rows" or "Bottom pinned rows".'},{selector:".k-grid-pinned-container td",attribute:"aria-haspopup=menu (when present)",usage:"Pinned row cells announce the context menu for row pinning operations."},{selector:".k-grid-pinned-container td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-pinned-container td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:".k-grid-content td",attribute:"aria-haspopup=menu (when present)",usage:"Regular data cells announce context menu when row pinning uses contextual mode."},{selector:".k-grid-content td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-content td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:'.k-pin-cell [class*="k-icon"]',attribute:"aria-hidden=true",usage:"Pin/unpin icon inside the dedicated column is decorative and must be hidden from assistive technologies."}]};var lu=require("react/jsx-runtime"),ru="k-grid-header",F=e=>{let{draggable:t,...o}=e;return(0,lu.jsx)("div",{...o,className:a(e.className,ru,{"k-grid-draggable-header":t}),children:e.children})};F.className=ru;F.moduleName=re;F.folderName=ie;var Qr=require("react/jsx-runtime"),iu="k-grouping-header",co=e=>{let{dropHint:t,dropClue:o,...r}=e;return(0,Qr.jsxs)("div",{...r,className:a(e.className,iu),children:[o&&(0,Qr.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,Qr.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};co.className=iu;co.moduleName=re;co.folderName=ie;var su=require("react/jsx-runtime"),nu="k-grid-pinned-container",Zr=e=>{let{position:t,...o}=e;return(0,su.jsx)("div",{...o,className:a(e.className,nu,{"k-pos-bottom":t==="bottom"}),children:e.children})};Zr.className=nu;Zr.moduleName=re;Zr.folderName=ie;var cu=require("react/jsx-runtime"),du="k-grid-sticky-container",jr=e=>{let{position:t,...o}=e;return(0,cu.jsx)("div",{...o,className:a(e.className,du,{"k-pos-bottom":t==="bottom"}),children:e.children})};jr.className=du;jr.moduleName=re;jr.folderName=ie;var mu=require("react/jsx-runtime"),pu="k-grid-header-table",$=e=>(0,mu.jsx)(ye,{...e,className:a(e.className,pu),children:e.children});$.className=pu;$.moduleName=re;$.folderName=ie;var Ot=require("react/jsx-runtime"),Qn="k-header",mk=[n.hover,n.focus,n.active],uu={sortIcon:"sort-asc-small"},y=e=>{let{menu:t,sortable:o,filterable:r,sticky:l,resizable:i,columnTitle:c,hover:b,focus:f,active:x,sortIcon:C=uu.sortIcon,sortOrder:L,accessibleLabel:g,...S}=e;return(0,Ot.jsxs)(So,{...S,className:a(e.className,Qn,{"k-filterable":t||r,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":i},E(Qn,{hover:b,focus:f,active:x})),children:[c&&(0,Ot.jsxs)("span",{className:"k-cell-inner",children:[(0,Ot.jsxs)("span",{className:"k-link",children:[(0,Ot.jsx)("span",{className:"k-column-title",children:c}),o&&(0,Ot.jsx)("span",{className:"k-sort-icon",children:(0,Ot.jsx)(p,{icon:C})}),L&&(0,Ot.jsx)("span",{className:"k-sort-order",children:L})]}),t&&(0,Ot.jsx)("a",{className:a("k-grid-header-menu",{"k-active":x,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,Ot.jsx)(p,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&g&&(0,Ot.jsx)("span",{className:"k-sr-only",children:g}),e.children,i&&(0,Ot.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};y.states=mk;y.className=Qn;y.defaultOptions=uu;y.moduleName=re;y.folderName=ie;var Tu=require("react/jsx-runtime"),bu="k-grid-container",q=e=>(0,Tu.jsx)("div",{...e,className:a(e.className,bu),children:e.children});q.className=bu;q.moduleName=re;q.folderName=ie;var gu=require("react/jsx-runtime"),fu="k-grid-content",V=e=>(0,gu.jsx)("div",{...e,className:a(e.className,fu),children:e.children});V.className=fu;V.moduleName=re;V.folderName=ie;var xu=require("react/jsx-runtime"),hu="k-grid-table",X=e=>(0,xu.jsx)(ye,{...e,className:a(e.className,hu),children:e.children});X.className=hu;X.moduleName=re;X.folderName=ie;var ku=require("react/jsx-runtime"),Nu="k-grid-footer",$l=e=>(0,ku.jsx)("div",{...e,className:a(e.className,Nu),children:e.children});$l.className=Nu;$l.moduleName=re;$l.folderName=ie;var vu=require("react/jsx-runtime"),wu="k-grid-footer-table",Wl=e=>(0,vu.jsx)(ye,{...e,className:a(e.className,wu),children:e.children});Wl.className=wu;Wl.moduleName=re;Wl.folderName=ie;var Zn="pager",Cu=Zn;var he=require("react/jsx-runtime"),Vl="k-pager",uk=[n.focus,n.disabled],bk={size:[d.undefined,d.small,d.medium,d.large]},Ht={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},Ne=e=>{let{responsive:t=Ht.responsive,size:o,pagerSizeInfo:r=Ht.pagerSizeInfo,pageTitleInfo:l=Ht.pageTitleInfo,maxPagesInfo:i=Ht.maxPagesInfo,itemsPerPage:c=Ht.itemsPerPage,maxPages:b=Ht.maxPages,currentPage:f=Ht.currentPage,previousNext:x=Ht.previousNext,type:C=Ht.type,pageSizes:L=Ht.pageSizes,refresh:g=Ht.refresh,info:S=Ht.info,focus:A,disabled:_,dir:W,...B}=e,ee=[],ke=[];for(let me=1;me<=b;me++)ee.push((0,he.jsx)(u,{selected:me===f,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${me}`,...me===f&&{"aria-current":"page"},children:me},me)),ke.push((0,he.jsx)("option",{selected:me===f,children:me},me));return(0,he.jsxs)("div",{dir:W,...B,className:a(e.className,Vl,R(Vl,{size:o}),E(Vl,{focus:A,disabled:_}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${f} of ${b}`,children:[(0,he.jsxs)("div",{className:a("k-pager-numbers-wrap"),children:[x&&(0,he.jsxs)(he.Fragment,{children:[(0,he.jsx)(u,{className:a("k-pager-nav","k-pager-first"),ariaDisabled:f===1,fillMode:"flat",size:o,icon:W==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),(0,he.jsx)(u,{className:a("k-pager-nav"),ariaDisabled:f===1,fillMode:"flat",size:o,icon:W==="rtl"?"caret-alt-right":"caret-alt-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),C==="numeric"&&(0,he.jsx)("div",{className:a("k-pager-numbers"),children:ee}),C==="input"&&(0,he.jsxs)("span",{className:a("k-pager-input"),children:[l&&(0,he.jsx)("span",{children:"Page"}),(0,he.jsx)(te,{value:`${f}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),(0,he.jsx)("span",{children:i&&`of ${b}`})]}),x&&(0,he.jsxs)(he.Fragment,{children:[(0,he.jsx)(u,{className:a("k-pager-nav"),ariaDisabled:f===b,fillMode:"flat",size:o,icon:W==="rtl"?"caret-alt-left":"caret-alt-right",title:"Go to the next page","aria-label":"Go to the next page"}),(0,he.jsx)(u,{className:a("k-pager-nav","k-pager-last"),ariaDisabled:f===b,fillMode:"flat",size:o,icon:W==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),L&&(0,he.jsxs)("span",{className:a("k-pager-sizes"),children:[(0,he.jsx)(ce,{value:`${c}`,size:o,"aria-label":"Items per page"}),r&&(0,he.jsx)("span",{children:"items per page"})]}),g&&(0,he.jsx)(u,{className:a("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),S&&(0,he.jsx)("span",{className:a("k-pager-info"),children:S})]})};Ne.states=uk;Ne.options=bk;Ne.className=Vl;Ne.defaultOptions=Ht;Ne.moduleName=Zn;Ne.folderName=Cu;Ne.ariaSpec={selector:".k-pager",rules:[{selector:".k-pager",attribute:"role=application",usage:"Indicates that the pager has its own keyboard navigation implemented."},{selector:".k-pager",attribute:"aria-roledescription=pager",usage:"Clarifies the role of the Pager."},{selector:".k-pager",attribute:"aria-keyshortcuts=Enter ArrowRight ArrowLeft",usage:"Announces the available keyboard shortcuts."},{selector:".k-pager",attribute:"aria-label",usage:"Announces the currently selected page and the number of available pages."},{selector:".k-pager-nav",attribute:"role=button or nodeName=button",usage:"Specifies the role of the navigation element."},{selector:".k-pager-nav.k-disabled",attribute:"aria-disabled=true",usage:"Present when the navigation button is non-interactive."},{selector:".k-pager-nav",attribute:"title",usage:"Specifies the purpose of each navigation button."},{selector:".k-pager-numbers .k-button",attribute:"aria-label or title",usage:"Specifies the purpose of each page link, e.g., Page 6."},{selector:".k-pager-numbers .k-button.k-selected",attribute:"aria-current=page",usage:"Present on the currently selected page element."},{selector:".k-pager-sizes .k-dropdownlist",attribute:"aria-label or aria-labelledby",usage:"The DropDownList requires a label to specify its purpose."},{selector:".k-pager-input .k-input-inner",attribute:"aria-label",usage:"The input requires a label to specify its purpose."}]};var Tk=require("react/jsx-runtime");var fk=require("react/jsx-runtime");var gk=require("react/jsx-runtime");var jn=require("react/jsx-runtime"),hk=Ne.options,xk=Ne.states,Nk={...Ne.defaultOptions,variant:"numeric"},kk=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],wk=[],pr=e=>{let{variant:t,...o}=e;return t==="input"?(0,jn.jsx)(Ne,{...o,type:"input"}):(0,jn.jsx)(Ne,{...o,type:"numeric"})};pr.options=hk;pr.states=xk;pr.variants=kk;pr.defaultOptions=Nk;pr.modifiers=wk;pr.className=Ne.className;var yu=require("react/jsx-runtime"),Lu="k-grid-pager",Xt=e=>(0,yu.jsx)(Ne,{...e,className:a(e.className,Lu),children:e.children});Xt.className=Lu;Xt.moduleName=re;Xt.folderName=ie;var Su=require("react/jsx-runtime"),Mu="k-grid-toolbar",po=e=>(0,Su.jsx)(de,{...e,className:a(e.className,Mu),children:e.children});po.className=Mu;po.moduleName=re;po.folderName=ie;var mr=require("react/jsx-runtime"),es="k-grid-stack-cell",vk=[n.focus,n.selected],Xl=e=>{let{cellHeader:t,cellContent:o,edit:r,commandCell:l,dirty:i,focus:c,selected:b,...f}=e;return(0,mr.jsxs)("div",{...f,className:a(e.className,es,{"k-grid-stack-edit-cell":r,"k-command-cell":l,"k-dirty-cell":i},E(es,{focus:c,selected:b})),children:[i&&(0,mr.jsx)("span",{className:"k-dirty"}),t&&(0,mr.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,mr.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};Xl.states=vk;Xl.className=es;Xl.moduleName=re;Xl.folderName=ie;var Au=require("react/jsx-runtime"),Ru="k-grid-stack-row",Jl=e=>{let{cols:t,...o}=e;return(0,Au.jsx)("div",{...o,className:a(e.className,Ru,{[`k-grid-cols-${t}`]:t}),children:e.children})};Jl.className=Ru;Jl.moduleName=re;Jl.folderName=ie;var ts=require("react/jsx-runtime");var os=require("react/jsx-runtime");var mt="column-menu",kt=mt;var Iu=require("react/jsx-runtime"),as="k-column-menu",Ck=[],Lk={size:[d.undefined,d.small,d.medium,d.large]},Eu={view:"list"},Ao=e=>{let{view:t=Eu.view,size:o,...r}=e;return(0,Iu.jsx)("div",{...r,className:a(e.className,as,R(as,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};Ao.states=Ck;Ao.options=Lk;Ao.className=as;Ao.defaultOptions=Eu;Ao.moduleName=mt;Ao.folderName=kt;Ao.ariaSpec={selector:".k-column-menu",rules:[{selector:".k-columnmenu-item",attribute:"role=button",usage:"Sets column menu item role to button."},{selector:".k-columnmenu-item",attribute:"tabindex=0",usage:"Sets column menu item tabindex."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-expanded=true/false",usage:"Sets the expanded state of an expandable item."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-controls",usage:"Points to id attribute of the content whose visibility the expandable item controls."},{selector:".k-expander .k-columnmenu-item-content",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding expandable item."},{selector:".k-column-list",attribute:"role=listbox",usage:"Sets the listbox role of the list of columns wrapper."},{selector:".k-column-list",attribute:"aria-multiselectable=true",usage:"Specifies that the list is multiselectable."},{selector:".k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-column-list .k-column-list-item",attribute:"role=option",usage:"Sets the option role of the list item."},{selector:".k-column-list .k-column-list-item",attribute:"aria-checked=true/false",usage:"Sets the checked state of list item."}]};var ls=require("react/jsx-runtime"),rs="k-column-list",yk=[],Mk={size:[d.undefined,d.small,d.medium,d.large]},Sk={},xa=e=>{let{size:t,...o}=e;return(0,ls.jsx)("div",{className:"k-column-list-wrapper",children:(0,ls.jsx)("div",{...o,className:a(e.className,rs,R(rs,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};xa.states=yk;xa.options=Mk;xa.className=rs;xa.defaultOptions=Sk;xa.moduleName=mt;xa.folderName=kt;var el=require("react/jsx-runtime"),is="k-column-list-item",Rk=[n.focus,n.disabled,n.hover],Ak={},Ek={},tl=e=>{let{label:t,checked:o,focus:r,hover:l,disabled:i,...c}=e;return(0,el.jsxs)("span",{...c,className:a(e.className,is,E(is,{focus:r,hover:l,disabled:i})),role:"option","aria-checked":o?"true":"false",children:[(0,el.jsx)(ze,{disabled:i,checked:o,"aria-label":t}),(0,el.jsx)("span",{className:"k-checkbox-label",children:t})]})};tl.states=Rk;tl.options=Ak;tl.className=is;tl.defaultOptions=Ek;var Na=require("react/jsx-runtime"),ns="k-columnmenu-item",Ik=[n.focus,n.selected],Gk={},Ok={},Eo=e=>{let{focus:t,selected:o,text:r,startIcon:l,endIcon:i,sortIndex:c,...b}=e;return(0,Na.jsxs)("div",{...b,className:a(e.className,ns,E(ns,{focus:t,selected:o})),role:"button",tabIndex:0,children:[l&&(0,Na.jsx)(p,{icon:l}),r,i&&(0,Na.jsxs)("span",{className:"k-columnmenu-indicators",children:[(0,Na.jsx)(p,{icon:i}),c&&(0,Na.jsx)("span",{className:"k-sort-index",children:c})]}),e.children]})};Eo.states=Ik;Eo.options=Gk;Eo.className=ns;Eo.defaultOptions=Ok;Eo.moduleName=mt;Eo.folderName=kt;var Hk=require("react/jsx-runtime");var Ou=require("react/jsx-runtime"),Pk="k-columnmenu-item-content",Gu=e=>(0,Ou.jsx)("div",{...e,className:a(e.className,Pk,"k-columns-item"),children:e.children});var ss=require("react/jsx-runtime"),Hu="k-filter-menu",_k=[],Kk={},Dk={},Qo=e=>{let{...t}=e;return(0,ss.jsx)("form",{...t,className:a(e.className,Hu),children:(0,ss.jsx)("div",{className:"k-filter-menu-container",children:e.children})})};Qo.states=_k;Qo.options=Kk;Qo.className=Hu;Qo.defaultOptions=Dk;Qo.moduleName=mt;Qo.folderName=kt;var Bk=require("react/jsx-runtime");var ur=require("react/jsx-runtime"),zk="k-item",Uk={size:[d.undefined,d.small,d.medium,d.large]},Fk=[],ds=e=>{let{text:t,size:o,...r}=e;return(0,ur.jsx)("li",{...r,className:a(e.className,zk),children:(0,ur.jsxs)("label",{className:"k-label k-checkbox-label",children:[(0,ur.jsx)(ze,{size:o}),(0,ur.jsx)("span",{children:t})]})})};ds.states=Fk;ds.options=Uk;var mo=require("react/jsx-runtime"),Pu="k-expander",$k=[],Wk={},Vk={},ka=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:r,itemSortIndex:l,expanded:i,itemContent:c,expanderIcon:b,contentId:f,...x}=e,C=f||D("columnmenu-content"),L=!i&&!b?(0,mo.jsx)(p,{icon:"chevron-down"}):i&&!b?(0,mo.jsx)(p,{icon:"chevron-up"}):(0,mo.jsx)(p,{icon:b});return(0,mo.jsxs)("div",{...x,className:a(e.className,Pu),children:[(0,mo.jsxs)(Eo,{text:t,startIcon:o,endIcon:r,sortIndex:l,"aria-expanded":i?"true":"false","aria-controls":C,children:[(0,mo.jsx)("span",{className:"k-spacer"}),(0,mo.jsx)("span",{className:"k-expander-indicator",children:L})]}),i&&(0,mo.jsx)(Gu,{id:C,children:c}),e.children]})};ka.states=$k;ka.options=Wk;ka.className=Pu;ka.defaultOptions=Vk;ka.moduleName=mt;ka.folderName=kt;var _u=require("react/jsx-runtime"),cs="k-group-menu",Xk=[],Jk={size:[d.undefined,d.small,d.medium,d.large]},qk={},br=e=>{let{size:t,...o}=e;return(0,_u.jsx)("div",{...o,className:a(e.className,cs,R(cs,{size:t})),children:e.children})};br.states=Xk;br.options=Jk;br.className=cs;br.defaultOptions=qk;br.moduleName=mt;br.folderName=kt;var uo=require("react/jsx-runtime"),ps="k-group-menu-item",Yk=[n.hover,n.selected],Qk={},Zk={},Tr=e=>{let{hover:t,selected:o,text:r,actionsStart:l,actionsEnd:i,...c}=e;return(0,uo.jsxs)("div",{...c,className:a(e.className,ps,E(ps,{hover:t,selected:o})),children:[l&&(0,uo.jsx)("span",{className:"k-group-menu-item-actions",children:l}),(0,uo.jsx)("span",{className:"k-group-item-text",children:r}),i&&(0,uo.jsxs)(uo.Fragment,{children:[(0,uo.jsx)("span",{className:"k-spacer"}),(0,uo.jsx)("span",{className:"k-group-menu-item-actions",children:i})]}),e.children]})};Tr.states=Yk;Tr.options=Qk;Tr.className=ps;Tr.defaultOptions=Zk;Tr.moduleName=mt;Tr.folderName=kt;var Zo=require("react/jsx-runtime"),ms="k-group-menu-item-action",jk=[n.hover,n.disabled,n.selected],ew={size:[d.undefined,d.small,d.medium,d.large]};var us=e=>{let{hover:t,disabled:o,selected:r,size:l,type:i,...c}=e,b;switch(i){case"remove":b=(0,Zo.jsx)(p,{icon:"x-circle",size:l});break;case"add":b=(0,Zo.jsx)(p,{icon:"plus-circle",size:l});break;case"drag":b=(0,Zo.jsx)(p,{icon:"handle-drag-dots",size:l});break;case"up":b=(0,Zo.jsx)(p,{icon:"chevron-up",size:l});break;case"down":b=(0,Zo.jsx)(p,{icon:"chevron-down",size:l});break;default:b=(0,Zo.jsx)(p,{icon:i,size:l});break}return(0,Zo.jsx)("span",{...c,className:a(e.className,ms,E(ms,{selected:r,hover:t,disabled:o}),`k-group-menu-item-${i}-action`),children:b})};us.options=jk;us.options=ew;us.className=ms;var tw=require("react/jsx-runtime");var bs=require("react/jsx-runtime");var Bu=require("react/jsx-runtime"),Ku="k-tabstrip-items",ow=[],aw={},rw={tabAlignment:"start"},ol=e=>{let{children:t,tabAlignment:o,orientation:r,...l}=e;return(0,Bu.jsx)("ul",{...l,className:a(e.className,Ku,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...r==="vertical"&&{"aria-orientation":"vertical"},children:t})};ol.states=ow;ol.options=aw;ol.className=Ku;ol.defaultOptions=rw;var Du=ol;var $u=require("react/jsx-runtime"),zu="k-tabstrip-items-wrapper",lw=[],iw={},Uu={orientation:"horizontal"},al=e=>{let{children:t,orientation:o=Uu.orientation,...r}=e;return(0,$u.jsx)("div",{...r,className:a(e.className,zu,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};al.states=lw;al.options=iw;al.className=zu;al.defaultOptions=Uu;var Fu=al;var rl="tabstrip",ql=rl;var ut=require("react/jsx-runtime"),jo="k-tabstrip",nw=[],sw={size:[d.undefined,d.small,d.medium,d.large]},Yl={position:"top",tabAlignment:"start",scrollButtons:"around"},Qe=e=>{let{size:t,scrollable:o,children:r,tabStripItems:l,tabStripItemsId:i,position:c=Yl.position,tabAlignment:b=Yl.tabAlignment,scrollButtons:f=Yl.scrollButtons,dir:x,scrollingPosition:C,overflow:L,...g}=e,S={top:{prev:x!=="rtl"?"left":"right",next:x!=="rtl"?"right":"left"},bottom:{prev:x!=="rtl"?"left":"right",next:x!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},A={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},_={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return(0,ut.jsxs)("div",{dir:x,...g,className:a(jo,e.className,{[`${jo}-${c}`]:c,[`${jo}-scrollable`]:o,[`${jo}-scrollable-overlay`]:o&&(f==="hidden"||!f),[`${jo}-scrollable-${C}`]:C&&C!=="both",[`${jo}-overflow`]:L},R(jo,{size:t})),children:[c==="bottom"&&r,(0,ut.jsxs)(Fu,{orientation:A[c],children:[o&&(f==="around"||f==="start")&&(0,ut.jsx)("span",{className:a("k-tabstrip-prev","k-button",R("k-button",{size:t,fillMode:w.flat,rounded:k.none}),"k-icon-button"),"aria-hidden":"true",children:(0,ut.jsx)(p,{className:"k-button-icon",icon:`caret-alt-${S[c].prev}`})}),o&&f==="start"&&(0,ut.jsx)("span",{className:a("k-tabstrip-next","k-button",R("k-button",{size:t,fillMode:w.flat,rounded:k.none}),"k-icon-button"),"aria-hidden":"true",children:(0,ut.jsx)(p,{className:"k-button-icon",icon:`caret-alt-${S[c].next}`})}),(0,ut.jsx)(Du,{className:a({"k-tabstrip-items-scroll":o&&f==="hidden"}),tabAlignment:_[b],orientation:A[c],...i&&{id:i},children:l}),o&&f==="end"&&(0,ut.jsx)("span",{className:a("k-tabstrip-prev","k-button",R("k-button",{size:t,fillMode:w.flat,rounded:k.none}),"k-icon-button"),"aria-hidden":"true",children:(0,ut.jsx)(p,{className:"k-button-icon",icon:`caret-alt-${S[c].prev}`})}),o&&(f==="around"||f==="end")&&(0,ut.jsx)("span",{className:a("k-tabstrip-next","k-button",R("k-button",{size:t,fillMode:w.flat,rounded:k.none}),"k-icon-button"),"aria-hidden":"true",children:(0,ut.jsx)(p,{className:"k-button-icon",icon:`caret-alt-${S[c].next}`})}),L&&(0,ut.jsx)("div",{className:"k-tabstrip-actions k-hstack",children:(0,ut.jsx)(pe,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),c!=="bottom"&&r]})};Qe.states=nw;Qe.options=sw;Qe.className=jo;Qe.defaultOptions=Yl;Qe.moduleName=rl;Qe.folderName=ql;Qe.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};var Vu=require("react/jsx-runtime"),Wu="k-tabstrip-wrapper",dw=[],cw={},pw={},fr=e=>{let{...t}=e;return(0,Vu.jsx)("div",{...t,className:a(e.className,Wu),children:e.children})};fr.states=dw;fr.options=cw;fr.className=Wu;fr.defaultOptions=pw;fr.moduleName=rl;fr.folderName=ql;var Io=require("react/jsx-runtime"),Ts="k-tabstrip-item",mw=[n.active,n.hover,n.disabled,n.focus],uw={},Xu={iconPosition:"before"},wt=e=>{let{dragging:t,active:o,hover:r,focus:l,disabled:i,children:c,first:b,last:f,closable:x,icon:C,iconPosition:L=Xu.iconPosition,value:g,actions:S,...A}=e;return(0,Io.jsxs)("li",{...A,className:a(e.className,Ts,E(Ts,{hover:r,active:o,disabled:i,focus:l}),{"k-tabstrip-dragging":t,"k-first":b,"k-last":f}),role:"tab",...o&&{"aria-selected":"true"},...i&&{"aria-disabled":"true"},children:[(0,Io.jsxs)("span",{className:"k-link",children:[C&&L==="before"&&(0,Io.jsx)(p,{icon:C}),g&&(0,Io.jsx)("span",{className:"k-link-text",children:g}),C&&L==="after"&&(0,Io.jsx)(p,{icon:C})]}),(S||x)&&(0,Io.jsxs)("span",{className:"k-item-actions",children:[S,x&&(0,Io.jsx)(u,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),c]})};wt.states=mw;wt.options=uw;wt.className=Ts;wt.item=Xu;var Ju=require("react/jsx-runtime"),fs="k-tabstrip-content",bw=[n.active,n.focus],Tw={},fw={},bo=e=>{let{active:t,focus:o,children:r,...l}=e;return(0,Ju.jsx)("div",{...l,className:a(e.className,fs,E(fs,{active:t,focus:o}),e.className),role:"tabpanel",children:r})};bo.states=bw;bo.options=Tw;bo.className=fs;bo.defaultOptions=fw;var Pt=require("react/jsx-runtime"),ao=({children:e,...t})=>(0,Pt.jsx)(Qe,{tabStripItems:(0,Pt.jsxs)(Pt.Fragment,{children:[(0,Pt.jsx)(wt,{first:!0,value:"First"}),(0,Pt.jsx)(wt,{active:!0,value:"Second"}),(0,Pt.jsx)(wt,{value:"Third"}),(0,Pt.jsx)(wt,{value:"Fourth"}),(0,Pt.jsx)(wt,{last:!0,value:"Fifth"})]}),...t,children:e||(0,Pt.jsx)(bo,{active:!0,children:(0,Pt.jsx)("div",{children:"TabStrip Content"})})});var Yu=require("react/jsx-runtime"),qu=e=>(0,Yu.jsx)(ao,{position:"bottom",...e});var Zu=require("react/jsx-runtime"),Qu=e=>(0,Zu.jsx)(ao,{position:"right",...e});var eb=require("react/jsx-runtime"),ju=e=>(0,eb.jsx)(ao,{position:"left",...e});var gw=require("react/jsx-runtime");var gs=require("react/jsx-runtime");var hw=require("react/jsx-runtime");var hs=require("react/jsx-runtime");var xs=require("react/jsx-runtime");var ll=require("react/jsx-runtime"),xw={...Qe.options,scrollable:{type:"boolean"}},Nw=Qe.states,tb={...Qe.defaultOptions,scrollable:!1,variant:"up"},kw=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],ww=[],gr=e=>{let{variant:t,...o}={...tb,...e},r={};switch(t){case"right":return(0,ll.jsx)(Qu,{style:{height:"230px"},...o,...r,position:"right"});case"left":return(0,ll.jsx)(ju,{style:{height:"230px"},...o,...r,position:"left"});case"bottom":return(0,ll.jsx)(qu,{style:{width:"350px"},...o,...r,position:"bottom"});default:return(0,ll.jsx)(ao,{style:{width:"350px"},...o,...r})}};gr.options=xw;gr.states=Nw;gr.variants=kw;gr.defaultOptions=tb;gr.modifiers=ww;gr.className=Qe.className;var Ns=require("react/jsx-runtime");var ks=require("react/jsx-runtime");var ws=require("react/jsx-runtime");var vs=require("react/jsx-runtime");var Cs=require("react/jsx-runtime");var Ls=require("react/jsx-runtime");var v=require("react/jsx-runtime"),ob=({contentClassName:e,...t})=>(0,v.jsx)(J,{_renderAriaRoot:!0,pager:(0,v.jsx)(Xt,{refresh:!1}),children:(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(F,{children:(0,v.jsx)("div",{className:"k-grid-header-wrap",children:(0,v.jsxs)($,{role:"none",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)(z,{role:"rowgroup",children:[(0,v.jsxs)(h,{role:"row",children:[(0,v.jsx)(y,{rowspan:1,colspan:1,columnTitle:"Product Id",role:"columnheader"}),(0,v.jsx)(y,{rowspan:1,colspan:1,columnTitle:"Name",role:"columnheader"}),(0,v.jsx)(y,{rowspan:1,colspan:1,columnTitle:"Quantity",role:"columnheader"}),(0,v.jsx)(y,{rowspan:1,colspan:1,columnTitle:"Unit Price",role:"columnheader"}),(0,v.jsx)(y,{rowspan:1,colspan:1,columnTitle:"Discontinued",role:"columnheader"})]}),(0,v.jsxs)(h,{className:"k-filter-row",role:"row",children:[(0,v.jsx)(s,{role:"gridcell","aria-label":"Product Id filter",children:(0,v.jsx)("div",{className:"k-filtercell",children:(0,v.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,v.jsx)(te,{"aria-label":"Product Id filter"}),(0,v.jsxs)("div",{className:"k-filtercell-operator",children:[(0,v.jsx)(ce,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Product Id filter operator"})," ",(0,v.jsx)(u,{disabled:!0,icon:"filter-clear","aria-label":"Clear Product Id filter"})]})]})})}),(0,v.jsx)(s,{role:"gridcell","aria-label":"Name filter",children:(0,v.jsx)("div",{className:"k-filtercell",children:(0,v.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,v.jsx)(be,{"aria-label":"Name filter"}),(0,v.jsxs)("div",{className:"k-filtercell-operator",children:[(0,v.jsx)(ce,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Name filter operator"})," ",(0,v.jsx)(u,{disabled:!0,icon:"filter-clear","aria-label":"Clear Name filter"})]})]})})}),(0,v.jsx)(s,{role:"gridcell","aria-label":"Quantity filter",children:(0,v.jsx)("div",{className:"k-filtercell",children:(0,v.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,v.jsx)(be,{"aria-label":"Quantity filter"}),(0,v.jsxs)("div",{className:"k-filtercell-operator",children:[(0,v.jsx)(ce,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Quantity filter operator"})," ",(0,v.jsx)(u,{disabled:!0,icon:"filter-clear","aria-label":"Clear Quantity filter"})]})]})})}),(0,v.jsx)(s,{role:"gridcell","aria-label":"Unit Price filter",children:(0,v.jsx)("div",{className:"k-filtercell",children:(0,v.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,v.jsx)(te,{"aria-label":"Unit Price filter"}),(0,v.jsxs)("div",{className:"k-filtercell-operator",children:[(0,v.jsx)(ce,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Unit Price filter operator"})," ",(0,v.jsx)(u,{disabled:!0,icon:"filter-clear","aria-label":"Clear Unit Price filter"})]})]})})}),(0,v.jsx)(s,{role:"gridcell","aria-label":"Discontinued filter",children:(0,v.jsx)("div",{className:"k-filtercell",children:(0,v.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,v.jsx)(ce,{"aria-label":"Discontinued filter"}),(0,v.jsx)("div",{className:"k-filtercell-operator",children:(0,v.jsx)(u,{disabled:!0,icon:"filter-clear","aria-label":"Clear Discontinued filter"})})]})})})]})]})]})})}),(0,v.jsx)(q,{children:(0,v.jsx)(V,{className:e,children:(0,v.jsxs)(X,{role:"none",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)(U,{role:"rowgroup",children:[(0,v.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,v.jsx)(s,{role:"gridcell",children:"1"}),(0,v.jsx)(s,{role:"gridcell",children:"Chai"}),(0,v.jsx)(s,{role:"gridcell",children:"10 boxes x 20 bags"}),(0,v.jsx)(s,{role:"gridcell",children:"18"}),(0,v.jsx)(s,{role:"gridcell",children:"false"})]}),(0,v.jsxs)(h,{className:"k-master-row",role:"row",alt:!0,children:[(0,v.jsx)(s,{role:"gridcell",children:"2"}),(0,v.jsx)(s,{role:"gridcell",children:"Chang"}),(0,v.jsx)(s,{role:"gridcell",children:"24 - 12 oz bottles"}),(0,v.jsx)(s,{role:"gridcell",children:"19"}),(0,v.jsx)(s,{role:"gridcell",children:"false"})]}),(0,v.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,v.jsx)(s,{role:"gridcell",children:"3"}),(0,v.jsx)(s,{role:"gridcell",children:"Aniseed Syrup"}),(0,v.jsx)(s,{role:"gridcell",children:"12 - 550 ml bottles"}),(0,v.jsx)(s,{role:"gridcell",children:"10"}),(0,v.jsx)(s,{role:"gridcell",children:"false"})]}),(0,v.jsxs)(h,{className:"k-master-row",role:"row",alt:!0,children:[(0,v.jsx)(s,{role:"gridcell",children:"4"}),(0,v.jsx)(s,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,v.jsx)(s,{role:"gridcell",children:"48 - 6 oz jars"}),(0,v.jsx)(s,{role:"gridcell",children:"22"}),(0,v.jsx)(s,{role:"gridcell",children:"false"})]}),(0,v.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,v.jsx)(s,{role:"gridcell",children:"5"}),(0,v.jsx)(s,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),(0,v.jsx)(s,{role:"gridcell",children:"12 - 8 oz jars"}),(0,v.jsx)(s,{role:"gridcell",children:"25"}),(0,v.jsx)(s,{role:"gridcell",children:"false"})]})]})]})})})]}),...t});var il=require("react/jsx-runtime"),Lw="k-chip-action";var Ie=e=>{let{type:t,...o}=e,r;switch(t){case"remove":r=(0,il.jsx)(p,{icon:"x-circle",size:"small"});break;case"more":r=(0,il.jsx)(p,{icon:"more-vertical",size:"small"});break;default:return(0,il.jsx)(p,{icon:t,size:"small"})}return(0,il.jsx)("span",{...o,className:a(e.className,Lw,`k-chip-${t}-action`),children:r})};var ys="avatar",ab=ys;var Ss=require("react/jsx-runtime"),nl="k-avatar";var yw=[n.hover,n.focus,n.active,n.selected,n.disabled],Mw={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.outline],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary]},Ms={type:"text",border:!1},bt=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,type:i=Ms.type,border:c=Ms.border,...b}=e;return(0,Ss.jsx)("div",{...b,className:a(e.className,nl,R(nl,{size:t,rounded:o,fillMode:r,themeColor:l}),{[`${nl}-bordered`]:c}),children:(0,Ss.jsx)("span",{className:`${nl}-${i}`,children:e.children})})};bt.states=yw;bt.options=Mw;bt.className=nl;bt.defaultOptions=Ms;bt.moduleName=ys;bt.folderName=ab;bt.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var wa=bt;var lb=require("react/jsx-runtime"),rb=e=>(0,lb.jsx)(wa,{type:"icon",...e});var nb=require("react/jsx-runtime"),ib=e=>(0,nb.jsx)(wa,{type:"text",...e});var db=require("react/jsx-runtime"),sb=e=>(0,db.jsx)(wa,{type:"image",...e});var Sw=require("react/jsx-runtime");var hr=require("react/jsx-runtime"),Rw=bt.options,Aw=bt.states,Ew={...bt.defaultOptions,variant:"image"},Iw=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Gw=[],xr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,hr.jsx)(rb,{...o,children:(0,hr.jsx)(p,{icon:"star"})});case"text":return(0,hr.jsx)(ib,{...o,children:"JO"});default:return(0,hr.jsx)(sb,{...o,children:(0,hr.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};xr.options=Rw;xr.states=Aw;xr.variants=Iw;xr.defaultOptions=Ew;xr.modifiers=Gw;xr.className=bt.className;var sl="chip",Ql=sl;var Go=require("react/jsx-runtime"),Zl="k-chip",Ow=[n.hover,n.focus,n.active,n.selected,n.disabled],Hw={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.outline],themeColor:[M.undefined,M.base,M.success,M.warning,M.error,M.info]},cb={avatarImage:"/packages/html/assets/avatar.jpg"},Se=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,text:i,icon:c,actions:b,showAvatar:f,avatarImage:x=cb.avatarImage,hover:C,focus:L,active:g,selected:S,disabled:A,..._}=e;return(0,Go.jsxs)("div",{..._,className:a(e.className,Zl,R(Zl,{size:t,rounded:o,fillMode:r,themeColor:l}),E(Zl,{hover:C,focus:L,active:g,disabled:A,selected:S})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:S?"true":"false",...e.role==="option"&&S!==void 0&&{"aria-selected":S?"true":"false"},"aria-disabled":A?"true":void 0,children:[c&&(0,Go.jsx)(p,{className:"k-chip-icon",icon:c,size:"small"}),f&&(0,Go.jsx)(bt,{className:"k-chip-avatar",type:"image",children:(0,Go.jsx)("img",{src:x,alt:""})}),(0,Go.jsx)("span",{className:"k-chip-content",children:e.children?e.children:i&&(0,Go.jsx)("span",{className:"k-chip-label",children:i})}),b&&(0,Go.jsx)("span",{className:"k-chip-actions",children:b})]})};Se.states=Ow;Se.options=Hw;Se.className=Zl;Se.defaultOptions=cb;Se.moduleName=sl;Se.folderName=Ql;Se.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 Jt=Se;var pb=require("react/jsx-runtime"),Rs="k-chip-list",Pw=[],_w={size:[d.undefined,d.small,d.medium,d.large]},Kw={},Re=e=>{let{size:t,multiselectable:o,ariaLabel:r,...l}=e;return(0,pb.jsx)("div",{...l,className:a(e.className,Rs,R(Rs,{size:t})),role:e.role||"listbox","aria-label":e.role==="none"?void 0:r||"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Re.states=Pw;Re.options=_w;Re.className=Rs;Re.defaultOptions=Kw;Re.moduleName=sl;Re.folderName=Ql;Re.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 Dw=require("react/jsx-runtime");var Bw=require("react/jsx-runtime");var mb=require("react/jsx-runtime"),jl=e=>(0,mb.jsx)(Jt,{text:"text",...e});var zw=require("react/jsx-runtime");var Uw=require("react/jsx-runtime");var As=require("react/jsx-runtime");var ub=require("react/jsx-runtime");var bb=require("react/jsx-runtime");var Tb=require("react/jsx-runtime");var Oo=require("react/jsx-runtime"),Fw={...Jt.options,...Re.options},$w=[],Ww=Re.states,Vw={...Jt.defaultOptions,...Re.defaultOptions},Xw=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Nr=e=>{let{modifiers:t,className:o,...r}=e,l=t==null?void 0:t.icon,i=t==null?void 0:t.actions,c=t==null?void 0:t.avatar;return(0,Oo.jsxs)(Re,{size:r.size,className:o,children:[(0,Oo.jsx)(jl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Oo.jsx)(Ie,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Oo.jsx)(jl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Oo.jsx)(Ie,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Oo.jsx)(jl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Oo.jsx)(Ie,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};Nr.options=Fw;Nr.states=Ww;Nr.variants=$w;Nr.defaultOptions=Vw;Nr.modifiers=Xw;Nr.className=Re.className;var ei=require("react/jsx-runtime"),Jw=Se.states,qw=Se.defaultOptions,Yw=Se.options,Qw=[],Zw=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],kr=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"icon":r.icon=t!=null&&t[l]?"arrow-down":void 0;break;case"avatar":r.showAvatar=!!(t!=null&&t[l]),r.avatarImage=t!=null&&t[l]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":r.actions||(r.actions=[]),r.actions[0]=t!=null&&t[l]?(0,ei.jsx)(Ie,{type:"more"}):void 0;break;case"remove-icon":r.actions||(r.actions=[]),r.actions[1]=t!=null&&t[l]?(0,ei.jsx)(Ie,{type:"remove"}):void 0;break;default:break}}),(0,ei.jsx)(Se,{...o,...r,children:"Chip component"})};kr.options=Yw;kr.states=Jw;kr.variants=Qw;kr.defaultOptions=qw;kr.modifiers=Zw;kr.className=Se.className;var G=require("react/jsx-runtime"),fb=({dropClue:e,contentClassName:t,...o})=>(0,G.jsx)(J,{_renderAriaRoot:!0,groupingHeader:(0,G.jsx)(co,{dropClue:e,role:"toolbar","aria-label":"Grouping",children:(0,G.jsxs)(Re,{role:"none",children:[(0,G.jsx)(Se,{icon:"sort-asc-small",text:"ID",role:"button",actions:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(Ie,{type:"more"}),(0,G.jsx)(Ie,{type:"remove"})]})}),(0,G.jsx)(Se,{icon:"sort-desc-small",text:"Name",role:"button",actions:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(Ie,{type:"more"}),(0,G.jsx)(Ie,{type:"remove"})]})})]})}),children:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(F,{draggable:!0,children:(0,G.jsx)("div",{className:"k-grid-header-wrap",children:(0,G.jsxs)($,{role:"none",children:[(0,G.jsxs)("colgroup",{children:[(0,G.jsx)("col",{className:"k-group-col"}),(0,G.jsx)("col",{className:"k-group-col"}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{})]}),(0,G.jsx)(z,{role:"rowgroup",children:(0,G.jsxs)(h,{role:"row",children:[(0,G.jsx)(y,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,G.jsx)(y,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,G.jsx)(y,{colspan:1,columnTitle:"ID",role:"columnheader"}),(0,G.jsx)(y,{colspan:1,columnTitle:"Name",role:"columnheader"}),(0,G.jsx)(y,{colspan:1,columnTitle:"Price",role:"columnheader"}),(0,G.jsx)(y,{colspan:1,columnTitle:"Category",role:"columnheader"})]})})]})})}),(0,G.jsx)(q,{children:(0,G.jsx)(V,{className:t,children:(0,G.jsxs)(X,{role:"none",children:[(0,G.jsxs)("colgroup",{children:[(0,G.jsx)("col",{className:"k-group-col"}),(0,G.jsx)("col",{className:"k-group-col"}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{})]}),(0,G.jsxs)(U,{role:"rowgroup",children:[(0,G.jsx)(h,{className:"k-table-group-row k-grouping-row",role:"row",children:(0,G.jsx)(s,{colspan:6,role:"gridcell","aria-expanded":"false",children:(0,G.jsxs)("p",{className:"k-reset",children:[(0,G.jsx)(p,{icon:"caret-alt-right"}),"ID: 1"]})})}),(0,G.jsx)(h,{className:"k-table-group-row k-grouping-row",role:"row",children:(0,G.jsx)(s,{colspan:6,role:"gridcell","aria-expanded":"true",children:(0,G.jsxs)("p",{className:"k-reset",children:[(0,G.jsx)(p,{icon:"caret-alt-down"}),"ID: 2"]})})}),(0,G.jsxs)(h,{className:"k-table-group-row k-grouping-row",role:"row",children:[(0,G.jsx)(s,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,G.jsx)(s,{colspan:5,role:"gridcell","aria-expanded":"true",children:(0,G.jsxs)("p",{className:"k-reset",children:[(0,G.jsx)(p,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),(0,G.jsxs)(h,{className:"k-master-row",role:"row",alt:!0,children:[(0,G.jsx)(s,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,G.jsx)(s,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,G.jsx)(s,{colspan:0,role:"gridcell",children:"2"}),(0,G.jsx)(s,{colspan:0,role:"gridcell",children:"Chang"}),(0,G.jsx)(s,{colspan:0,role:"gridcell",children:"$19.00"}),(0,G.jsx)(s,{colspan:0,role:"gridcell",children:"Beverages"})]})]})]})})})]}),...o});var Es=require("react/jsx-runtime");var Is=require("react/jsx-runtime");var Gs=require("react/jsx-runtime");var H=require("react/jsx-runtime"),gb=({headerWrapClassName:e,contentClassName:t,...o})=>(0,H.jsx)(J,{_renderAriaRoot:!0,children:(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(F,{children:(0,H.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,H.jsxs)($,{role:"none",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)(z,{role:"rowgroup",children:[(0,H.jsxs)(h,{role:"row",children:[(0,H.jsx)(y,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),(0,H.jsx)(y,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),(0,H.jsxs)(h,{role:"row",children:[(0,H.jsx)(y,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),(0,H.jsx)(y,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),(0,H.jsxs)(h,{role:"row",children:[(0,H.jsx)(y,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),(0,H.jsx)(y,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),(0,H.jsx)(q,{children:(0,H.jsx)(V,{className:t,children:(0,H.jsxs)(X,{role:"none",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)(U,{role:"rowgroup",children:[(0,H.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,H.jsx)(s,{role:"gridcell",children:"1"}),(0,H.jsx)(s,{role:"gridcell",children:"Chai"}),(0,H.jsx)(s,{role:"gridcell",children:"39"}),(0,H.jsx)(s,{role:"gridcell",children:"18"})]}),(0,H.jsxs)(h,{className:"k-master-row",alt:!0,role:"row",children:[(0,H.jsx)(s,{role:"gridcell",children:"2"}),(0,H.jsx)(s,{role:"gridcell",children:"Chang"}),(0,H.jsx)(s,{role:"gridcell",children:"17"}),(0,H.jsx)(s,{role:"gridcell",children:"19"})]}),(0,H.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,H.jsx)(s,{role:"gridcell",children:"3"}),(0,H.jsx)(s,{role:"gridcell",children:"Aniseed Syrup"}),(0,H.jsx)(s,{role:"gridcell",children:"13"}),(0,H.jsx)(s,{role:"gridcell",children:"10"})]}),(0,H.jsxs)(h,{className:"k-master-row",alt:!0,role:"row",children:[(0,H.jsx)(s,{role:"gridcell",children:"4"}),(0,H.jsx)(s,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,H.jsx)(s,{role:"gridcell",children:"53"}),(0,H.jsx)(s,{role:"gridcell",children:"22"})]}),(0,H.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,H.jsx)(s,{role:"gridcell",children:"5"}),(0,H.jsx)(s,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),(0,H.jsx)(s,{role:"gridcell",children:"0"}),(0,H.jsx)(s,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});var Os=require("react/jsx-runtime");var Hs=require("react/jsx-runtime");var K=require("react/jsx-runtime"),hb=e=>{let t=D("grid");return(0,K.jsx)(J,{_renderAriaRoot:!0,ariaRootId:t,toolbar:(0,K.jsxs)(po,{role:"toolbar","aria-label":"Grid toolbar","aria-controls":t,children:[(0,K.jsx)(u,{children:"Add new"}),(0,K.jsx)(u,{children:"Save Changes"}),(0,K.jsx)(u,{children:"Cancel Changes"})]}),children:(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(F,{children:(0,K.jsx)("div",{className:"k-grid-header-wrap",children:(0,K.jsxs)($,{role:"none",children:[(0,K.jsxs)("colgroup",{children:[(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{style:{width:"300px"}})]}),(0,K.jsx)(z,{role:"rowgroup",children:(0,K.jsxs)(h,{role:"row",children:[(0,K.jsx)(y,{columnTitle:"Name",role:"columnheader"}),(0,K.jsx)(y,{columnTitle:"Price",role:"columnheader"}),(0,K.jsx)(y,{columnTitle:"Available",role:"columnheader"}),(0,K.jsx)(y,{accessibleLabel:"Commands"})]})})]})})}),(0,K.jsx)(q,{children:(0,K.jsx)(V,{children:(0,K.jsx)("div",{children:(0,K.jsxs)(X,{role:"none",children:[(0,K.jsxs)("colgroup",{children:[(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{style:{width:"300px"}})]}),(0,K.jsxs)(U,{role:"rowgroup",children:[(0,K.jsxs)(h,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[(0,K.jsx)(s,{role:"gridcell",children:(0,K.jsx)(be,{value:"Towel","aria-label":"Name"})}),(0,K.jsx)(s,{role:"gridcell",children:(0,K.jsx)(te,{value:"42","aria-label":"Price"})}),(0,K.jsx)(s,{role:"gridcell",children:(0,K.jsx)(ze,{"aria-label":"Available"})}),(0,K.jsxs)(s,{className:"k-command-cell",role:"gridcell",children:[(0,K.jsx)(u,{children:"Add"}),(0,K.jsx)(u,{children:"Cancel"})]})]}),(0,K.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,K.jsx)(s,{role:"gridcell",children:"Chai"}),(0,K.jsx)(s,{role:"gridcell",children:"18"}),(0,K.jsx)(s,{role:"gridcell",children:"false"}),(0,K.jsx)(s,{className:"k-command-cell",role:"gridcell",children:(0,K.jsx)(u,{children:"Remove"})})]}),(0,K.jsxs)(h,{className:"k-master-row",role:"row",alt:!0,children:[(0,K.jsx)(s,{role:"gridcell",children:"Chang"}),(0,K.jsx)(s,{role:"gridcell",children:"19"}),(0,K.jsx)(s,{role:"gridcell",children:"false"}),(0,K.jsx)(s,{className:"k-command-cell",role:"gridcell",children:(0,K.jsx)(u,{children:"Remove"})})]})]})]})})})})]}),...e})};var Ps=require("react/jsx-runtime");var _s="context-menu",xb=_s;var kb=require("react/jsx-runtime"),Nb="k-context-menu",jw=[],ev={},tv={},vt=e=>{let{children:t,...o}=e;return(0,kb.jsx)(He,{...o,className:a(e.className,Nb),role:"menu",children:t})};vt.states=jw;vt.options=ev;vt.className=Nb;vt.defaultOptions=tv;vt.moduleName=_s;vt.folderName=xb;vt.ariaSpec={selector:".k-context-menu",rules:[{selector:".k-context-menu",attribute:"role=menu",usage:"The context menu implements the menu role."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has an id linked to parent aria-controls."}]};var dl=require("react/jsx-runtime"),Ks=e=>(0,dl.jsx)(vt,{children:[(0,dl.jsx)(oe,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),(0,dl.jsx)(oe,{text:"Item 2"},"menu-item-2"),(0,dl.jsx)(oe,{last:!0,text:"Item 3"},"menu-item-3")],...e});var Ds=require("react/jsx-runtime");var ea=require("react/jsx-runtime"),ov=Ce.options,av=Ce.states,wb={...Ce.defaultOptions,variant:"normal"},rv=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],lv=[],wr=e=>{let{variant:t,...o}={...wb,...e};return t==="separators"?(0,ea.jsxs)(Ks,{...o,style:{width:"130px"},children:[(0,ea.jsx)(oe,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),(0,ea.jsx)(Vo,{}),(0,ea.jsx)(oe,{text:"Item 2"},"menu-item-2"),(0,ea.jsx)(oe,{last:!0,text:"Item 3"},"menu-item-3")]}):(0,ea.jsx)(Ks,{...o,style:{width:"130px"}})};wr.options=ov;wr.states=av;wr.variants=rv;wr.defaultOptions=wb;wr.modifiers=lv;wr.className=vt.className;var Bs=require("react/jsx-runtime");var zs=require("react/jsx-runtime");var Us=require("react/jsx-runtime");var Fs=require("react/jsx-runtime");var T=require("react/jsx-runtime"),iv=J.options,nv=J.states,vb={...J.defaultOptions,variant:"normal"},sv=[{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"}],dv=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],vr=e=>{let{variant:t,modifiers:o,...r}={...vb,...e},l={toolbar:void 0,pager:void 0},i=(0,T.jsxs)(po,{children:[(0,T.jsx)(u,{icon:"plus",children:"Add New"}),(0,T.jsx)(u,{icon:"file-pdf",children:"Export to PDF"}),(0,T.jsx)("span",{className:"k-spacer"}),(0,T.jsx)(be,{prefix:(0,T.jsx)(p,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=(0,T.jsx)(Ne,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(x=>{switch(x){case"toolbar":l.toolbar=o!=null&&o[x]?i:void 0;break;case"pager":l.pager=o!=null&&o[x]?c:void 0;break;default:return}});let b={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},f=(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(F,{children:(0,T.jsx)("div",{className:"k-grid-header-wrap",children:(0,T.jsxs)($,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsx)(z,{children:(0,T.jsxs)(h,{children:[(0,T.jsx)(y,{...b[t],columnTitle:"ID"}),(0,T.jsx)(y,{...b[t],columnTitle:"Product Name"}),(0,T.jsx)(y,{...b[t],columnTitle:"Units in Stock"}),(0,T.jsx)(y,{...b[t],columnTitle:"Units Price"})]})})]})})}),(0,T.jsx)(q,{children:(0,T.jsx)(V,{children:(0,T.jsxs)(X,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsxs)(U,{children:[(0,T.jsxs)(h,{children:[(0,T.jsx)(s,{children:"1"}),(0,T.jsx)(s,{children:"Chai"}),(0,T.jsx)(s,{children:"39"}),(0,T.jsx)(s,{children:"18"})]}),(0,T.jsxs)(h,{alt:!0,children:[(0,T.jsx)(s,{children:"2"}),(0,T.jsx)(s,{children:"Chang"}),(0,T.jsx)(s,{children:"17"}),(0,T.jsx)(s,{children:"19"})]}),(0,T.jsxs)(h,{children:[(0,T.jsx)(s,{children:"3"}),(0,T.jsx)(s,{children:"Aniseed Syrup"}),(0,T.jsx)(s,{children:"13"}),(0,T.jsx)(s,{children:"10"})]}),(0,T.jsxs)(h,{alt:!0,children:[(0,T.jsx)(s,{children:"4"}),(0,T.jsx)(s,{children:"Chef Anton's Cajun Seasoning"}),(0,T.jsx)(s,{children:"53"}),(0,T.jsx)(s,{children:"22"})]}),(0,T.jsxs)(h,{children:[(0,T.jsx)(s,{children:"5"}),(0,T.jsx)(s,{children:"Chef Anton's Gumbo Mix"}),(0,T.jsx)(s,{children:"0"}),(0,T.jsx)(s,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,T.jsx)(gb,{...r,...l});case"editing":return(0,T.jsx)(hb,{...r,...l});case"grouping":return(0,T.jsx)(fb,{...r,...l,groupingHeader:(0,T.jsx)(co,{children:(0,T.jsxs)(Re,{children:[(0,T.jsx)(Se,{icon:"sort-asc-small",actions:(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(Ie,{type:"more"}),(0,T.jsx)(Ie,{type:"remove"})]}),children:"ID"}),(0,T.jsx)(Se,{icon:"sort-desc-small",actions:(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(Ie,{type:"more"}),(0,T.jsx)(Ie,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,T.jsx)(J,{...r,...l,children:(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(F,{children:(0,T.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,T.jsxs)($,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{className:"k-drag-col"}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsx)(z,{children:(0,T.jsxs)(h,{children:[(0,T.jsx)(y,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,T.jsx)(y,{columnTitle:"ID"}),(0,T.jsx)(y,{columnTitle:"Product Name"}),(0,T.jsx)(y,{columnTitle:"Units in Stock"}),(0,T.jsx)(y,{columnTitle:"Units Price"})]})})]})]})}),(0,T.jsx)(q,{children:(0,T.jsx)(V,{children:(0,T.jsxs)(X,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{className:"k-drag-col"}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsxs)(U,{children:[(0,T.jsxs)(h,{children:[(0,T.jsx)(s,{className:"k-drag-cell",children:(0,T.jsx)(p,{icon:"reorder"})}),(0,T.jsx)(s,{children:"1"}),(0,T.jsx)(s,{children:"Chai"}),(0,T.jsx)(s,{children:"39"}),(0,T.jsx)(s,{children:"18"})]}),(0,T.jsxs)(h,{alt:!0,children:[(0,T.jsx)(s,{className:"k-drag-cell",children:(0,T.jsx)(p,{icon:"reorder"})}),(0,T.jsx)(s,{children:"2"}),(0,T.jsx)(s,{children:"Chang"}),(0,T.jsx)(s,{children:"17"}),(0,T.jsx)(s,{children:"19"})]}),(0,T.jsxs)(h,{children:[(0,T.jsx)(s,{className:"k-drag-cell",children:(0,T.jsx)(p,{icon:"reorder"})}),(0,T.jsx)(s,{children:"3"}),(0,T.jsx)(s,{children:"Aniseed Syrup"}),(0,T.jsx)(s,{children:"13"}),(0,T.jsx)(s,{children:"10"})]}),(0,T.jsxs)(h,{alt:!0,children:[(0,T.jsx)(s,{className:"k-drag-cell",children:(0,T.jsx)(p,{icon:"reorder"})}),(0,T.jsx)(s,{children:"4"}),(0,T.jsx)(s,{children:"Chef Anton's Cajun Seasoning"}),(0,T.jsx)(s,{children:"53"}),(0,T.jsx)(s,{children:"22"})]}),(0,T.jsxs)(h,{children:[(0,T.jsx)(s,{className:"k-drag-cell",children:(0,T.jsx)(p,{icon:"reorder"})}),(0,T.jsx)(s,{children:"5"}),(0,T.jsx)(s,{children:"Chef Anton's Gumbo Mix"}),(0,T.jsx)(s,{children:"0"}),(0,T.jsx)(s,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,T.jsx)(ob,{...r,...l});default:return(0,T.jsx)(J,{...r,...l,children:f})}};vr.options=iv;vr.states=nv;vr.variants=sv;vr.defaultOptions=vb;vr.modifiers=dv;vr.className=J.className;var Cb=require("react/jsx-runtime"),va="k-pane",cv=[],pv={},$s={resizable:!0,flex:!1},Fe=e=>{let{scrollable:t,flexBasis:o,flex:r=$s.flex,collapsible:l,resizable:i=$s.resizable,pinned:c,unpinned:b,tabbed:f,...x}=e;return(0,Cb.jsx)("div",{...x,style:{flexBasis:o,...e.style},className:a(e.className,va,{[`${va}-static`]:o,[`${va}-flex`]:r,"k-scrollable":t,[`${va}-pinned`]:c,[`${va}-unpinned`]:b,[`${va}-tabbed`]:f}),role:"group",children:e.children})};Fe.states=cv;Fe.options=pv;Fe.className=va;Fe.defaultOptions=$s;var _t=require("react/jsx-runtime"),Cr="k-splitbar",mv=[n.hover,n.focus],uv={},Ws={orientation:"horizontal",draggable:!0},Lr=e=>{let{hover:t,focus:o,orientation:r=Ws.orientation,draggable:l=Ws.draggable,collapsePrev:i,collapseNext:c,ariaLabel:b,...f}=e;return(0,_t.jsxs)("div",{...f,className:a(e.className,Cr,E(Cr,{hover:t,focus:o}),{[`${Cr}-${r}`]:r,[`${Cr}-draggable-${r}`]:l,[`${Cr}-static-${r}`]:!l&&!i&&!c}),role:"separator","aria-label":b,...r==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[i&&(0,_t.jsx)(_t.Fragment,{children:(0,_t.jsx)("div",{className:"k-collapse-prev",children:(0,_t.jsx)(p,{icon:`caret-alt-${r==="horizontal"?"left":"up"}`,size:"xsmall"})})}),(0,_t.jsx)("div",{className:"k-resize-handle","aria-hidden":"true"}),c&&(0,_t.jsx)(_t.Fragment,{children:(0,_t.jsx)("div",{className:"k-collapse-next",children:(0,_t.jsx)(p,{icon:`caret-alt-${r==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};Lr.states=mv;Lr.options=uv;Lr.className=Cr;Lr.defaultOptions=Ws;var Vs="splitter",Lb=Vs;var ti=require("react/jsx-runtime"),Mb=require("react"),Xs="k-splitter",bv={},yb={orientation:"horizontal"},De=e=>{let{orientation:t=yb.orientation,children:o,panes:r,...l}=e,i=[];return r&&r.forEach((c,b)=>{let f=r[b+1],x=c.props,C=f==null?void 0:f.props;i.push((0,Mb.createElement)(Fe,{...x,key:b})),f&&i.push((0,ti.jsx)(Lr,{draggable:x.resizable!==!1&&C.resizable!==!1,collapsePrev:x.collapsible,collapseNext:C.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${b}`))}),(0,ti.jsxs)("div",{...l,className:a(e.className,Xs,{[`${Xs}-${t}`]:t},"k-splitter-flex"),children:[i,o]})};De.options=bv;De.className=Xs;De.defaultOptions=yb;De.moduleName=Vs;De.folderName=Lb;De.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 Sb=require("react/jsx-runtime");var Rb=require("react/jsx-runtime");var Ca=require("react/jsx-runtime"),cl=require("react"),Tv=De.options,fv=De.states,Ab={...De.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},gv=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],hv=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],yr=e=>{let{variant:t,modifiers:o,...r}={...Ab,...e},l=f=>({collapsible:f,content:f?"Resizable and collapsible":"Resizable only"}),i=l(!0),c=l(!0),b={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(f=>{let x=o==null?void 0:o[f];switch(f){case"secondPaneProps":c=l(!!x);break;case"firstPaneProps":i=l(!!x);break;default:break}}),t==="vertical"?(0,Ca.jsx)(De,{style:{height:"238px"},...r,orientation:"vertical",panes:[(0,cl.createElement)(Fe,{...i,flexBasis:"50%",style:b,key:"pane-1"},(0,Ca.jsx)("p",{children:i.content})),(0,cl.createElement)(Fe,{...c,flexBasis:"50%",style:b,key:"pane-2"},(0,Ca.jsx)("p",{children:c.content}))]}):(0,Ca.jsx)(De,{style:{height:"238px"},...r,orientation:"horizontal",panes:[(0,cl.createElement)(Fe,{...i,flexBasis:"50%",style:b,key:"pane-1"},(0,Ca.jsx)("p",{children:i.content})),(0,cl.createElement)(Fe,{...c,flexBasis:"50%",style:b,key:"pane-2"},(0,Ca.jsx)("p",{children:c.content}))]})};yr.options=Tv;yr.states=fv;yr.variants=gv;yr.defaultOptions=Ab;yr.modifiers=hv;yr.className=De.className;var Js="segmented-control",Eb=Js,Ib="segmented-control-button",Gb="segmented-control";var ai=require("react/jsx-runtime"),oi="k-segmented-control",xv=[],Nv={size:[d.undefined,d.small,d.medium,d.large]},To=e=>{let{size:t,stretched:o,children:r,thumbStyles:l,...i}=e;return(0,ai.jsxs)("div",{...i,className:a(e.className,oi,R(oi,{size:t}),{[`${oi}-stretched`]:o}),role:"group",children:[(0,ai.jsx)("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:l}),r]})};To.states=xv;To.options=Nv;To.className=oi;To.moduleName=Js;To.folderName=Eb;To.ariaSpec={selector:".k-segmented-control",rules:[{selector:".k-segmented-control",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-segmented-control-button",attribute:"role=button or nodeName=button",usage:"Each button must have the appropriate button role."},{selector:".k-segmented-control-button.k-selected",attribute:"aria-pressed=true",usage:"Only the selected button within the group will have this attribute set to true."},{selector:".k-segmented-control-button.k-disabled",attribute:"aria-disabled=true",usage:"Indicates that the button is disabled and cannot be interacted with."},{selector:".k-segmented-control-thumb",attribute:"aria-hidden=true",usage:"The thumb is purely decorative and should be hidden from screen readers."}]};var pl=require("react/jsx-runtime"),qs="k-segmented-control-button",kv=[n.selected,n.hover,n.focus,n.disabled],wv={},vv={},qt=e=>{let{hover:t,focus:o,selected:r,disabled:l,icon:i,text:c,iconClassName:b,...f}=e;return(0,pl.jsxs)("button",{...f,className:a(e.className,qs,E(qs,{hover:t,focus:o,disabled:l,selected:r})),"aria-pressed":r?"true":"false","aria-disabled":l?"true":void 0,children:[i&&(0,pl.jsx)(p,{className:a(b,"k-segmented-control-button-icon"),icon:i}),(c||e.children)&&(0,pl.jsx)("span",{className:"k-segmented-control-button-text",children:c||e.children})]})};qt.states=kv;qt.options=wv;qt.className=qs;qt.defaultOptions=vv;qt.moduleName=Ib;qt.folderName=Gb;var Ys=require("react/jsx-runtime");var Qs=require("react/jsx-runtime");var Zs=require("react/jsx-runtime");var js=require("react/jsx-runtime");var ed=require("react/jsx-runtime");var td="treelist",Ob=td;var Pb=require("react/jsx-runtime"),Hb="k-treelist",Cv=[],Lv={},yv={},Te=e=>(0,Pb.jsx)(J,{...e,ariaRole:"treegrid",className:a(Hb,e.className),children:e.children});Te.states=Cv;Te.options=Lv;Te.className=Hb;Te.defaultOptions=yv;Te.moduleName=td;Te.folderName=Ob;Te.ariaSpec={selector:".k-treelist",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=treegrid."},{selector:".k-treelist .k-grid-aria-root",attribute:"role=treegrid",usage:"The role specifies the element is a TreeGrid."},{selector:".k-grid-aria-root",attribute:"aria-colcount (when present)",usage:"The total number of columns."},{selector:".k-grid-aria-root",attribute:"aria-rowcount (when present)",usage:"The total number of rows in the table."},{selector:".k-grid-header-wrap>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-header-wrap>table>thead",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr",attribute:"aria-rowindex (when present)",usage:"Row number."},{selector:".k-grid-header-wrap>table>thead>tr>th:not(.k-hierarchy-cell):not(.k-group-cell):not(.k-drag-cell)",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-sort (when present)",usage:"Present if sorting is enabled for that column."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-colindex (when present)",usage:"Col number."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-haspopup=dialog (when present)",usage:"Present if the column has a ColumnMenu or FilterMenu."},{selector:".k-grid-content>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-content>table>tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr",attribute:"aria-rowindex (when present)",usage:"Row number."},{selector:".k-grid-content>table>tbody>tr>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr>td",attribute:"aria-colindex (when present)",usage:"Col number."},{selector:"tr.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected row(s) in row selection mode. All cells within the selected row also carry aria-selected=true (without k-selected class)."},{selector:"td.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected cell(s) in cell selection mode. The k-selected class on cells is only applied in cell selection mode, but aria-selected=true is present on cells regardless of selection mode."},{selector:".k-grid-content>table>tbody>tr",attribute:"aria-expanded (when present)",usage:"Set on the currently expanded row(s)."},{selector:".k-grid-content>table>tbody>tr td",attribute:"aria-expanded (when present)",usage:"The cell containing the expand/collapse toggle also carries aria-expanded matching the row value, as it is the navigable focusable element."},{selector:'.k-treelist-toggle[class*="i-caret-alt-down"],.k-treelist-toggle[class*="i-caret-alt-right"]',attribute:"aria-hidden=true",usage:"Removes the expand/collapse icon from the accessibility tree."},{selector:".k-grid-filter-popup",attribute:"role=dialog",usage:"The filter menu popup has dialog role."},{selector:".k-grid-filter-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-filter-popup",attribute:"aria-label",usage:"Descriptive label for the filter menu."},{selector:".k-grid-columnmenu-popup",attribute:"role=dialog",usage:"The column menu popup has dialog role."},{selector:".k-grid-columnmenu-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-columnmenu-popup",attribute:"aria-label",usage:"Descriptive label for the column menu."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"role=button",usage:"Column menu items have button role."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"tabindex=0",usage:"Column menu items are focusable."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-expanded (when present)",usage:"Expandable column menu items announce their expanded state."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-controls (when present)",usage:"Expandable items point to the id of the content they control."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"role=listbox",usage:"The column list is a listbox."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-multiselectable=true",usage:"The column list supports multiple selections."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"role=option",usage:"Column list items are options."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"aria-checked",usage:"Column list items announce their checked state."},{selector:".k-grid-header-locked table tr",attribute:"aria-owns",usage:"Locked header rows own cells from the corresponding non-locked header table rows."},{selector:".k-grid-content-locked table tr",attribute:"aria-owns",usage:"Locked content rows own cells from the corresponding non-locked content table rows."},{selector:".k-grid-lockedcolumns .k-grid-header-wrap table tr",attribute:"role=none",usage:"Non-locked header rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-content table tr",attribute:"role=none",usage:"Non-locked content rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-header-wrap th",attribute:"role=columnheader",usage:"Non-locked header cells retain columnheader role so they are announced correctly when owned via aria-owns."},{selector:".k-grid-lockedcolumns .k-grid-content td",attribute:"role=gridcell",usage:"Non-locked data cells retain gridcell role so they are announced correctly when owned via aria-owns."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Must be present in a Drag Row scenario on the cell containing the drag handle."}]};var P=require("react/jsx-runtime"),La=({gridHeader:e,gridContent:t,menu:o,...r})=>{let l=D("treelist");return(0,P.jsxs)(Te,{id:D("treelist"),_renderAriaRoot:!0,ariaRootId:l,ariaColCount:3,ariaRowCount:6,...r,children:[e||(0,P.jsx)(F,{children:(0,P.jsx)("div",{className:"k-grid-header-wrap",children:(0,P.jsxs)($,{role:"none",children:[(0,P.jsxs)("colgroup",{children:[(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{})]}),(0,P.jsx)(z,{role:"rowgroup",children:(0,P.jsxs)(h,{role:"row","aria-rowindex":1,children:[(0,P.jsx)(y,{menu:o,columnTitle:"Name",role:"columnheader","aria-sort":"ascending","aria-colindex":1,...o?{"aria-haspopup":"dialog"}:{}}),(0,P.jsx)(y,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":2,...o?{"aria-haspopup":"dialog"}:{}}),(0,P.jsx)(y,{menu:o,columnTitle:"Hire Date",role:"columnheader","aria-colindex":3,...o?{"aria-haspopup":"dialog"}:{}})]})})]})})}),(0,P.jsx)(q,{children:t||(0,P.jsx)(V,{children:(0,P.jsxs)(X,{role:"none",children:[(0,P.jsxs)("colgroup",{children:[(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{})]}),(0,P.jsxs)(U,{role:"rowgroup",children:[(0,P.jsxs)(h,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[(0,P.jsxs)(s,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,P.jsx)(s,{role:"gridcell","aria-colindex":2,children:"Sweeney"}),(0,P.jsx)(s,{role:"gridcell","aria-colindex":3,children:"CEO"})]}),(0,P.jsxs)(h,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[(0,P.jsxs)(s,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,P.jsx)(s,{role:"gridcell","aria-colindex":2,children:"Wooten"}),(0,P.jsx)(s,{role:"gridcell","aria-colindex":3,children:"Chief Technical Officer"})]}),(0,P.jsxs)(h,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[(0,P.jsxs)(s,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,P.jsx)(s,{role:"gridcell","aria-colindex":2,children:"Weber"}),(0,P.jsx)(s,{role:"gridcell","aria-colindex":3,children:"VP, Engineering"})]}),(0,P.jsxs)(h,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[(0,P.jsxs)(s,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,P.jsx)(s,{role:"gridcell","aria-colindex":2,children:"Hood"}),(0,P.jsx)(s,{role:"gridcell","aria-colindex":3,children:"Team Lead"})]}),(0,P.jsxs)(h,{role:"row","aria-rowindex":6,children:[(0,P.jsxs)(s,{role:"gridcell","aria-colindex":1,children:[(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,P.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,P.jsx)(s,{role:"gridcell","aria-colindex":2,children:"Carr"}),(0,P.jsx)(s,{role:"gridcell","aria-colindex":3,children:"Junior Software Developer"})]})]})]})})})]})};var Kb=require("react/jsx-runtime"),_b=e=>(0,Kb.jsx)(La,{menu:"column",...e});var od=require("react/jsx-runtime");var Bb=require("react/jsx-runtime"),Db=e=>(0,Bb.jsx)(La,{menu:"filter",...e});var ad=require("react/jsx-runtime");var rd=require("react/jsx-runtime");var I=require("react/jsx-runtime"),zb=({gridHeader:e,gridContent:t,menu:o,...r})=>{let l=D("treelist");return(0,I.jsxs)(Te,{id:D("treelist"),_renderAriaRoot:!0,ariaRootId:l,ariaColCount:4,ariaRowCount:6,...r,children:[e||(0,I.jsx)(F,{children:(0,I.jsx)("div",{className:"k-grid-header-wrap",children:(0,I.jsxs)($,{role:"none",children:[(0,I.jsxs)("colgroup",{children:[(0,I.jsx)("col",{className:"k-drag-col"}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{})]}),(0,I.jsx)(z,{role:"rowgroup",children:(0,I.jsxs)(h,{role:"row","aria-rowindex":1,children:[(0,I.jsx)(y,{role:"columnheader",accessibleLabel:"Drag column"}),(0,I.jsx)(y,{menu:o,columnTitle:"First Name",role:"columnheader","aria-colindex":2}),(0,I.jsx)(y,{menu:o,columnTitle:"Last Name",role:"columnheader","aria-colindex":3}),(0,I.jsx)(y,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":4})]})})]})})}),(0,I.jsx)(q,{children:t||(0,I.jsx)(V,{children:(0,I.jsxs)(X,{role:"none",children:[(0,I.jsxs)("colgroup",{children:[(0,I.jsx)("col",{className:"k-drag-col"}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{})]}),(0,I.jsxs)(U,{role:"rowgroup",children:[(0,I.jsxs)(h,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[(0,I.jsx)(s,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,I.jsx)(p,{icon:"reorder"})}),(0,I.jsxs)(s,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,I.jsx)(s,{role:"gridcell","aria-colindex":3,children:"Sweeney"}),(0,I.jsx)(s,{role:"gridcell","aria-colindex":4,children:"CEO"})]}),(0,I.jsxs)(h,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[(0,I.jsx)(s,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,I.jsx)(p,{icon:"reorder"})}),(0,I.jsxs)(s,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,I.jsx)(s,{role:"gridcell","aria-colindex":3,children:"Wooten"}),(0,I.jsx)(s,{role:"gridcell","aria-colindex":4,children:"Chief Technical Officer"})]}),(0,I.jsxs)(h,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[(0,I.jsx)(s,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,I.jsx)(p,{icon:"reorder"})}),(0,I.jsxs)(s,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,I.jsx)(s,{role:"gridcell","aria-colindex":3,children:"Weber"}),(0,I.jsx)(s,{role:"gridcell","aria-colindex":4,children:"VP, Engineering"})]}),(0,I.jsxs)(h,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[(0,I.jsx)(s,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,I.jsx)(p,{icon:"reorder"})}),(0,I.jsxs)(s,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,I.jsx)(s,{role:"gridcell","aria-colindex":3,children:"Hood"}),(0,I.jsx)(s,{role:"gridcell","aria-colindex":4,children:"Team Lead"})]}),(0,I.jsxs)(h,{role:"row","aria-rowindex":6,children:[(0,I.jsx)(s,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,I.jsx)(p,{icon:"reorder"})}),(0,I.jsxs)(s,{role:"gridcell","aria-colindex":2,children:[(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,I.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,I.jsx)(s,{role:"gridcell","aria-colindex":3,children:"Carr"}),(0,I.jsx)(s,{role:"gridcell","aria-colindex":4,children:"Junior Software Developer"})]})]})]})})})]})};var Ub=require("react/jsx-runtime");var Fb=require("react/jsx-runtime");var $b=require("react/jsx-runtime");var Wb=require("react/jsx-runtime");var N=require("react/jsx-runtime"),Mv=Te.options,Sv=Te.states,Vb={...Te.defaultOptions,variant:"normal"},Rv=[{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"}],Av=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],Mr=e=>{let{variant:t,modifiers:o,...r}={...Vb,...e},l={},i=(0,N.jsxs)(po,{children:[(0,N.jsx)(u,{icon:"plus",children:"Add New"}),(0,N.jsx)(u,{icon:"file-pdf",children:"Export to PDF"}),(0,N.jsx)("span",{className:"k-spacer"}),(0,N.jsx)(be,{prefix:(0,N.jsx)(p,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=(0,N.jsx)(Ne,{pageSizes:!1,refresh:!1});switch(Object.keys(o||{}).forEach(b=>{switch(b){case"toolbar":l.toolbar=o!=null&&o[b]?i:void 0;break;case"pager":l.pager=o!=null&&o[b]?c:void 0;break;default:return}}),t){case"row-reordering":return(0,N.jsx)(zb,{...r,...l});case"column-menu":return(0,N.jsx)(_b,{...r,...l,gridHeader:(0,N.jsx)(F,{children:(0,N.jsx)("div",{className:"k-grid-header-wrap",children:(0,N.jsxs)($,{children:[(0,N.jsxs)("colgroup",{children:[(0,N.jsx)("col",{}),(0,N.jsx)("col",{}),(0,N.jsx)("col",{})]}),(0,N.jsx)(z,{children:(0,N.jsxs)(h,{children:[(0,N.jsx)(y,{menu:"column",columnTitle:"First Name"}),(0,N.jsx)(y,{menu:"column",columnTitle:"Last Name"}),(0,N.jsx)(y,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return(0,N.jsx)(Db,{...r,...l,gridHeader:(0,N.jsx)(F,{children:(0,N.jsx)("div",{className:"k-grid-header-wrap",children:(0,N.jsxs)($,{children:[(0,N.jsxs)("colgroup",{children:[(0,N.jsx)("col",{}),(0,N.jsx)("col",{}),(0,N.jsx)("col",{})]}),(0,N.jsx)(z,{children:(0,N.jsxs)(h,{children:[(0,N.jsx)(y,{menu:"filter",columnTitle:"First Name"}),(0,N.jsx)(y,{menu:"filter",columnTitle:"Last Name"}),(0,N.jsx)(y,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return(0,N.jsx)(La,{...r,...l,gridHeader:(0,N.jsx)(F,{children:(0,N.jsx)("div",{className:"k-grid-header-wrap",children:(0,N.jsxs)($,{children:[(0,N.jsxs)("colgroup",{children:[(0,N.jsx)("col",{}),(0,N.jsx)("col",{}),(0,N.jsx)("col",{})]}),(0,N.jsx)(z,{children:(0,N.jsxs)(h,{children:[(0,N.jsx)(y,{columnTitle:"First Name"}),(0,N.jsx)(y,{columnTitle:"Last Name",sortable:!0}),(0,N.jsx)(y,{columnTitle:"Position"})]})})]})})}),gridContent:(0,N.jsx)(V,{children:(0,N.jsxs)(X,{children:[(0,N.jsxs)("colgroup",{children:[(0,N.jsx)("col",{}),(0,N.jsx)("col",{className:"k-sorted"}),(0,N.jsx)("col",{})]}),(0,N.jsxs)(U,{children:[(0,N.jsxs)(h,{className:"k-treelist-group",children:[(0,N.jsxs)(s,{children:[(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,N.jsx)(s,{children:"Sweeney"}),(0,N.jsx)(s,{children:"CEO"})]}),(0,N.jsxs)(h,{className:"k-treelist-group",alt:!0,children:[(0,N.jsxs)(s,{children:[(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,N.jsx)(s,{children:"Wooten"}),(0,N.jsx)(s,{children:"Chief Technical Officer"})]}),(0,N.jsxs)(h,{className:"k-treelist-group",children:[(0,N.jsxs)(s,{children:[(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,N.jsx)(s,{children:"Weber"}),(0,N.jsx)(s,{children:"VP, Engineering"})]}),(0,N.jsxs)(h,{className:"k-treelist-group",alt:!0,children:[(0,N.jsxs)(s,{children:[(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,N.jsx)(s,{children:"Hood"}),(0,N.jsx)(s,{children:"Team Lead"})]}),(0,N.jsxs)(h,{children:[(0,N.jsxs)(s,{children:[(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,N.jsx)(s,{children:"Carr"}),(0,N.jsx)(s,{children:"Junior Software Developer"})]})]})]})})});default:return(0,N.jsx)(La,{...r,...l,gridHeader:(0,N.jsx)(F,{children:(0,N.jsx)("div",{className:"k-grid-header-wrap",children:(0,N.jsxs)($,{children:[(0,N.jsxs)("colgroup",{children:[(0,N.jsx)("col",{}),(0,N.jsx)("col",{}),(0,N.jsx)("col",{})]}),(0,N.jsx)(z,{children:(0,N.jsxs)(h,{children:[(0,N.jsx)(y,{columnTitle:"First Name"}),(0,N.jsx)(y,{columnTitle:"Last Name"}),(0,N.jsx)(y,{columnTitle:"Position"})]})})]})})})})}};Mr.options=Mv;Mr.states=Sv;Mr.variants=Rv;Mr.defaultOptions=Vb;Mr.modifiers=Av;Mr.className=Te.className;var Xb=require("react/jsx-runtime");var ld="tooltip",Jb=ld;var Ho=require("react/jsx-runtime"),id="k-tooltip",Ev=[],Iv={themeColor:[M.undefined,M.base,M.inverse,M.info,M.success,M.warning,M.error]},qb={closable:!1},Ct=e=>{let{closable:t=qb.closable,callout:o,themeColor:r,title:l,content:i,icon:c,id:b=D("tooltip"),...f}=e;return(0,Ho.jsxs)("div",{...f,className:a(e.className,id,R(id,{themeColor:r}),{"k-tooltip-closable":t}),role:"tooltip",id:b,children:[c&&(0,Ho.jsx)(p,{className:"k-tooltip-icon",icon:c}),(0,Ho.jsxs)("div",{className:"k-tooltip-content",children:[l&&(0,Ho.jsx)("div",{className:"k-tooltip-title",children:l}),i]}),t&&(0,Ho.jsx)("div",{className:"k-tooltip-button",role:"button","aria-label":"Close",tabIndex:0,children:(0,Ho.jsx)(p,{icon:"x"})}),o&&(0,Ho.jsx)("div",{className:a("k-callout",{[`k-callout-${ud.calloutMap[o]||o}`]:o})})]})};Ct.states=Ev;Ct.options=Iv;Ct.className=id;Ct.defaultOptions=qb;Ct.moduleName=ld;Ct.folderName=Jb;Ct.ariaSpec={selector:".k-tooltip",implicitRole:"tooltip",rules:[{selector:".k-tooltip",attribute:"role=tooltip",usage:"Specifies the tooltip role of the tooltip container."},{selector:".k-tooltip",attribute:"id",usage:"The element needs an id to be associated with the aria-describedby attribute of the trigger element."},{selector:".k-tooltip .k-tooltip-button",attribute:"role=button",usage:"The close button needs an explicit button role."},{selector:".k-tooltip .k-tooltip-button",attribute:"aria-label",usage:"The close button needs an accessible name."}]};var nd=Ct;var Qb=require("react/jsx-runtime"),Yb=e=>(0,Qb.jsx)(nd,{content:"Tooltip Content",...e});var Gv=require("react/jsx-runtime");var Sr=require("react/jsx-runtime"),Ov={...Ct.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},Hv=Ct.states,Zb={...Ct.defaultOptions,callout:"top"},Pv=[],Rr=e=>{let{callout:t="top",...o}={...Zb,...e},r={none:{top:"-33px",left:"-17px",calloutDirection:null},right:{top:"2px",left:"61px",calloutDirection:"left"},left:{top:"2px",left:"-94px",calloutDirection:"right"},bottom:{top:"38px",left:"-17px",calloutDirection:"top"},top:{top:"-33px",left:"-17px",calloutDirection:"bottom"}},{top:l,left:i,calloutDirection:c}=r[t]||{};return(0,Sr.jsxs)("div",{style:{position:"absolute"},children:[(0,Sr.jsx)(zt,{style:{top:l,left:i},children:(0,Sr.jsx)(Yb,{style:{width:"86px",textAlign:"center"},callout:c,content:"Content",...o})}),(0,Sr.jsx)(u,{text:"Show"})]})};Rr.options=Ov;Rr.states=Hv;Rr.variants=Pv;Rr.defaultOptions=Zb;Rr.modifiers=[];Rr.className=Ct.className;var sd=require("react/jsx-runtime");var m=require("react/jsx-runtime"),jb=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:r="828px",currentTimeLeftOffset:l="243px",ganttDependencies:i,menu:c,...b})=>(0,m.jsx)(yt,{headerToolbar:(0,m.jsxs)(ua,{"aria-label":"Toolbar",children:[(0,m.jsx)(u,{className:"k-gantt-toggle",icon:"layout-1-by-4","aria-label":"Toggle TreeList"}),(0,m.jsx)(u,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),(0,m.jsx)("span",{className:"k-spacer"}),(0,m.jsxs)("div",{className:"k-gantt-views-wrapper",children:[(0,m.jsxs)("select",{className:"k-picker k-dropdown-list k-dropdown k-views-dropdown","aria-label":"Select view",children:[(0,m.jsx)("option",{value:"day",children:"Day"}),(0,m.jsx)("option",{value:"week",children:"Week"}),(0,m.jsx)("option",{value:"month",children:"Month"})]}),(0,m.jsxs)(To,{thumbStyles:{width:"33%",left:"30%"},className:"k-gantt-views",children:[(0,m.jsx)(qt,{children:"Day"}),(0,m.jsx)(qt,{selected:!0,children:"Week"}),(0,m.jsx)(qt,{children:"Month"})]})]})]}),footerToolbar:(0,m.jsx)(dr,{"aria-label":"Toolbar",children:(0,m.jsx)(u,{className:"k-gantt-create",icon:"plus",children:"Add Task"})}),...b,children:(0,m.jsx)(ba,{children:b.children||(0,m.jsx)(De,{className:"k-gantt-splitter",panes:[(0,m.jsx)(Fe,{className:"k-gantt-treelist",flexBasis:e,children:(0,m.jsxs)(Te,{_renderAriaRoot:!0,children:[(0,m.jsx)(F,{children:(0,m.jsx)("div",{className:"k-grid-header-wrap",children:(0,m.jsxs)($,{style:{minWidth:"250px"},children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{style:{width:"50px"}}),(0,m.jsx)("col",{})]}),(0,m.jsx)(z,{children:(0,m.jsxs)(h,{children:[(0,m.jsx)(y,{menu:c,rowspan:1,columnTitle:"ID"}),(0,m.jsx)(y,{menu:c,rowspan:1,columnTitle:"Title"})]})})]})})}),(0,m.jsx)(q,{children:(0,m.jsx)(V,{style:{height:t},children:(0,m.jsxs)(X,{style:{minWidth:"250px"},children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{style:{width:"50px"}}),(0,m.jsx)("col",{})]}),(0,m.jsxs)(U,{children:[(0,m.jsxs)(h,{children:[(0,m.jsx)(s,{children:"7"}),(0,m.jsxs)(s,{children:[(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),(0,m.jsxs)(h,{alt:!0,children:[(0,m.jsx)(s,{children:"18"}),(0,m.jsxs)(s,{children:[(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),(0,m.jsxs)(h,{children:[(0,m.jsx)(s,{children:"11"}),(0,m.jsxs)(s,{children:[(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),(0,m.jsxs)(h,{alt:!0,children:[(0,m.jsx)(s,{children:"19"}),(0,m.jsxs)(s,{children:[(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),(0,m.jsxs)(h,{children:[(0,m.jsx)(s,{children:"20"}),(0,m.jsxs)(s,{children:[(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),(0,m.jsx)(Fe,{className:"k-gantt-timeline-pane",children:(0,m.jsxs)(J,{className:"k-gantt-timeline",children:[(0,m.jsx)(F,{children:(0,m.jsx)("div",{className:"k-grid-header-wrap",children:(0,m.jsxs)($,{style:{width:o},children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsxs)(U,{children:[(0,m.jsx)(h,{children:(0,m.jsx)(s,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),(0,m.jsxs)(h,{children:[(0,m.jsx)(s,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),(0,m.jsx)(s,{className:"k-header",colspan:1,children:"Mon 6/02"}),(0,m.jsx)(s,{className:"k-header",colspan:1,children:"Tue 6/03"}),(0,m.jsx)(s,{className:"k-header",colspan:1,children:"Wed 6/04"}),(0,m.jsx)(s,{className:"k-header",colspan:1,children:"Thu 6/05"}),(0,m.jsx)(s,{className:"k-header",colspan:1,children:"Fri 6/06"}),(0,m.jsx)(s,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),(0,m.jsxs)(V,{style:{height:t},role:"tree",children:[(0,m.jsxs)(Ta,{children:[(0,m.jsxs)(ga,{className:"k-grid-table",style:{width:o},children:[(0,m.jsx)("colgroup",{children:(0,m.jsx)("col",{})}),(0,m.jsxs)(U,{children:[(0,m.jsx)(h,{children:(0,m.jsx)(s,{})}),(0,m.jsx)(h,{alt:!0,children:(0,m.jsx)(s,{})}),(0,m.jsx)(h,{children:(0,m.jsx)(s,{})}),(0,m.jsx)(h,{alt:!0,children:(0,m.jsx)(s,{})}),(0,m.jsx)(h,{children:(0,m.jsx)(s,{})})]})]}),(0,m.jsxs)(fa,{style:{width:o,height:r},children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsx)(U,{children:(0,m.jsxs)(h,{children:[(0,m.jsx)(s,{className:"k-nonwork-hour"}),(0,m.jsx)(s,{}),(0,m.jsx)(s,{}),(0,m.jsx)(s,{}),(0,m.jsx)(s,{}),(0,m.jsx)(s,{}),(0,m.jsx)(s,{className:"k-nonwork-hour"})]})})]}),(0,m.jsxs)(ha,{style:{width:o},children:[(0,m.jsx)("colgroup",{children:(0,m.jsx)("col",{})}),(0,m.jsxs)(U,{children:[(0,m.jsx)(h,{children:(0,m.jsx)(s,{children:(0,m.jsxs)(Nt,{type:"summary",style:{left:"113px"},children:[(0,m.jsx)(xt,{type:"summary",ariaLevel:1,"aria-label":"Software validation, research and implementation",style:{width:"4000px"},children:(0,m.jsx)("div",{className:"k-task-summary-progress",style:{width:"1720px"},children:(0,m.jsx)("div",{className:"k-task-summary-complete",style:{width:"4000px"}})})}),(0,m.jsx)(Ke,{}),(0,m.jsx)(Ke,{position:"end",style:{right:"0px"}})]})})}),(0,m.jsx)(h,{children:(0,m.jsx)(s,{children:(0,m.jsxs)(Nt,{type:"milestone",style:{left:"113px"},children:[(0,m.jsx)(xt,{type:"milestone",ariaLevel:2,"aria-label":"Project Kickoff"}),(0,m.jsx)(Ke,{}),(0,m.jsx)(Ke,{position:"end",style:{right:"0px"}})]})})}),(0,m.jsx)(h,{children:(0,m.jsx)(s,{children:(0,m.jsxs)(Nt,{type:"summary",style:{left:"113px"},children:[(0,m.jsx)(xt,{type:"summary",ariaLevel:2,"aria-label":"Research",style:{width:"500px"},children:(0,m.jsx)("div",{className:"k-task-summary-progress",style:{width:"215px"},children:(0,m.jsx)("div",{className:"k-task-summary-complete",style:{width:"500px"}})})}),(0,m.jsx)(Ke,{}),(0,m.jsx)(Ke,{position:"end",style:{right:"0px"}})]})})}),(0,m.jsx)(h,{children:(0,m.jsx)(s,{children:(0,m.jsxs)(Nt,{style:{left:"113px"},children:[(0,m.jsxs)(xt,{ariaLevel:3,"aria-label":"Validation with Customers",style:{width:"200px"},children:[(0,m.jsx)("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"50px"}}),(0,m.jsx)(oo,{content:"Validation with Customers"})]}),(0,m.jsx)(Ke,{}),(0,m.jsx)(Ke,{position:"end",style:{right:"0px"}}),(0,m.jsx)("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"50px"}})]})})}),(0,m.jsx)(h,{children:(0,m.jsx)(s,{children:(0,m.jsxs)(Nt,{style:{left:"113px"},children:[(0,m.jsxs)(xt,{ariaLevel:3,"aria-label":"Market Research",style:{width:"200px"},children:[(0,m.jsx)("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"164px"}}),(0,m.jsx)(oo,{content:"Market Research"})]}),(0,m.jsx)(Ke,{}),(0,m.jsx)(Ke,{position:"end",style:{right:"0px"}}),(0,m.jsx)("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"164px"}})]})})})]})]})]}),i||(0,m.jsxs)("div",{className:"k-gantt-dependencies","aria-hidden":"true",style:{width:o},children:[(0,m.jsx)(Me,{style:{left:"124.5px",top:"53px",width:"10px"}}),(0,m.jsx)(Me,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),(0,m.jsx)(Me,{style:{left:"103px",top:"71px",width:"31.5px"}}),(0,m.jsx)(Me,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),(0,m.jsx)(Me,{style:{left:"103px",top:"125px",width:"9px"},children:(0,m.jsx)("span",{className:"k-arrow-e"})}),(0,m.jsx)(Me,{style:{left:"124.5px",top:"53px",width:"10px"}}),(0,m.jsx)(Me,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),(0,m.jsx)(Me,{style:{left:"103px",top:"71px",width:"31.5px"}}),(0,m.jsx)(Me,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),(0,m.jsx)(Me,{style:{left:"103px",top:"161px",width:"9px"},children:(0,m.jsx)("span",{className:"k-arrow-e"})}),(0,m.jsx)(Me,{style:{left:"313px",top:"125px",width:"10px"}}),(0,m.jsx)(Me,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),(0,m.jsx)(Me,{style:{left:"303px",top:"143px",width:"20px"}}),(0,m.jsx)(Me,{orientation:"vertical",style:{left:"303px",top:"143px",height:"18px"}})]}),(0,m.jsx)("div",{className:"k-current-time","aria-hidden":"true",style:{left:l,top:"0px",width:"1px",height:r}})]})]})},"gantt-timeline-pane")]})})});var eT=require("react/jsx-runtime"),_v={},Kv=[],Dv=[],Bv={},zv=[],ta=()=>(0,eT.jsx)(jb,{flexBasis:"40%",gridContentHeight:"197px",style:{width:"90%",height:"367px"}});ta.options=_v;ta.states=Kv;ta.variants=Dv;ta.defaultOptions=Bv;ta.modifiers=zv;ta.className=yt.className;var Uv=ta;