npm - @progress/kendo-themes-html - Versions diffs - 14.1.0-dev.0 → 14.1.0-dev.2 - Mend

@progress/kendo-themes-html 14.1.0-dev.0 → 14.1.0-dev.2

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

Files changed (98) hide show

package/dist/cjs/filemanager/templates/filemanager-grid.js CHANGED Viewed

	@@ -1 +1 @@
1	- var nf=Object.create;var El=Object.defineProperty;var sf=Object.getOwnPropertyDescriptor;var df=Object.getOwnPropertyNames;var cf=Object.getPrototypeOf,pf=Object.prototype.hasOwnProperty;var mf=(e,t)=>{for(var o in t)El(e,o,{get:t[o],enumerable:!0})},Od=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let l of df(t))!pf.call(e,l)&&l!==o&&El(e,l,{get:()=>t[l],enumerable:!(a=sf(t,l))\|\|a.enumerable});return e};var zr=(e,t,o)=>(o=e!=null?nf(cf(e)):{},Od(t\|\|!e\|\|!e.__esModule?El(o,"default",{value:e,enumerable:!0}):o,e)),uf=e=>Od(El({},"__esModule",{value:!0}),e);var AL={};mf(AL,{FileManagerGrid:()=>Ad});module.exports=uf(AL);var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var M=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),w=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:n,checked:d,active:p,selected:f,disabled:h,indeterminate:x,loading:v,empty:T,readonly:L,highlighted:C,...A}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":n,"k-checked":d,"k-active":p,"k-selected":f,"k-disabled":h,"k-indeterminate":x&&!d,"k-loading":v,"k-empty":T,"k-readonly":L,"k-highlighted":C},Object.keys(A).reduce((D,K)=>(K.startsWith("k-")?D[K]=A[K]:D[`k-${K}`]=A[K],D),{}))};function Pd(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},g={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},fo={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},S={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var Ei={};function $(e){return Ei[e]=(Ei[e]\|\|0)+1,`k-${e}-${Ei[e]}`}var Fr=require("react/jsx-runtime"),Ai="k-font-icon",bf=[],ff={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info]},Tf={},Ur=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:n,...d}=e;return a?(0,Fr.jsx)("span",{...d,className:r(e.className,Ai,M(Ai,{size:t}),{[`k-i-${a}`]:a,[`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,Fr.jsx)(Fr.Fragment,{})};Ur.states=bf;Ur.options=ff;Ur.className=Ai;Ur.defaultOptions=Tf;var Bd=Ur;var xa=require("react/jsx-runtime"),Ri="k-svg-icon",hf=[],gf={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info],variant:[fo.outline,fo.solid,fo.duotone]},Oi={viewBox:"0 0 24 24",variant:fo.outline},Vr=e=>{var v,T;let{size:t,themeColor:o,rotate:a,flip:l,viewBox:n=Oi.viewBox,variant:d=Oi.variant,icon:p,...f}=e;if(!p)return(0,xa.jsx)(xa.Fragment,{});if(p==="none")return(0,xa.jsx)("span",{...f,className:r(e.className,Ri,M("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let h=typeof p=="object"&&p.name&&p.name,x=typeof p=="object"?d&&((v=p.variants)==null?void 0:v[d])\|\|((T=p.variants)==null?void 0:T.outline)\|\|p.content:void 0;return(0,xa.jsx)("span",{...f,className:r(e.className,Ri,M("k-icon",{size:t}),{[`k-svg-i-${h}`]:h,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"\|\|l==="both","k-flip-v":l==="v"\|\|l==="both"}),"aria-hidden":"true",children:(0,xa.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:n,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:p?void 0:e.children})})};Vr.states=hf;Vr.options=gf;Vr.className=Ri;Vr.defaultOptions=Oi;var Pi=Vr;var Bi=zr(require("@progress/kendo-svg-icons"));var Gd="icon",Hd="icons";var Dd=require("react");var Kd=require("react"),_d=(0,Kd.createContext)({iconsType:"svg"});var Io=require("react/jsx-runtime"),Al="k-icon",xf=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Nf=[],kf={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info],variant:[fo.outline,fo.solid,fo.duotone]},Rl={viewBox:"0 0 24 24",type:"svg",variant:fo.outline},u=e=>{let{iconsType:t}=(0,Dd.useContext)(_d),{size:o,themeColor:a,icon:l,type:n=t\|\|Rl.type,rotate:d,flip:p,viewBox:f=Rl.viewBox,variant:h=Rl.variant,...x}=e;if(!l)return(0,Io.jsx)(Io.Fragment,{});if((t\|\|n)==="svg"){if(l==="none")return(0,Io.jsx)(Pi,{...x,className:r(e.className,Al),icon:l,size:o,variant:h});let T=Bi[l]?l:xf(`${l}-icon`);return Bi[T]?(0,Io.jsx)(Pi,{...x,className:r(e.className,Al),icon:Bi[T],size:o,themeColor:a,rotate:d,flip:p,viewBox:f,variant:h}):(0,Io.jsx)(Io.Fragment,{})}return(0,Io.jsx)(Bd,{...x,className:r(e.className,Al),icon:l,size:o,themeColor:a,rotate:d,flip:p})};u.states=Nf;u.options=kf;u.defaultOptions=Rl;u.className=Al;u.moduleName=Gd;u.folderName=Hd;u.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Gi="button",zd=Gi;var no=require("react/jsx-runtime"),$r="k-button",vf=["icon-button"],wf=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Lf={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},Hi={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:n,showArrow:d=Hi.showArrow,arrowIconName:p=Hi.arrowIconName,variant:f,hover:h,focus:x,active:v,selected:T,disabled:L,togglable:C,ariaDisabled:A,icon:D,text:K,iconClassName:W,className:ge,...ce}=e,ft=D!==void 0,Tt=e.children!==void 0;return(0,no.jsxs)(t,{className:r(ge,$r,Pd($r,f),M($r,{size:o,rounded:a,fillMode:l,themeColor:n}),w($r,{hover:h,focus:x,active:v,disabled:L\|\|A,selected:T}),{"k-icon-button":!K&&!Tt&&ft}),...ce,"aria-pressed":C?T?"true":"false":void 0,"aria-disabled":A?"true":void 0,disabled:L\|\|void 0,children:[D&&(0,no.jsx)(u,{className:r(W,"k-button-icon"),icon:D}),K?(0,no.jsxs)(no.Fragment,{children:[K&&(0,no.jsx)("span",{className:"k-button-text",children:K}),e.children]}):e.children&&(0,no.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,no.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,no.jsx)(u,{icon:p})})]})};c.states=wf;c.options=Lf;c.variants=vf;c.className=$r;c.defaultOptions=Hi;c.moduleName=Gi;c.folderName=zd;c.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 Fd=require("react/jsx-runtime"),qo=e=>(0,Fd.jsx)(c,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Ud=require("react/jsx-runtime"),Wr=e=>(0,Ud.jsx)(c,{icon:"folder",children:"Button",...e});var Vd=require("react/jsx-runtime"),Na=e=>(0,Vd.jsx)(c,{children:"Button",...e});var Ol=require("react/jsx-runtime"),Cf=c.options,Mf=c.states,Sf={...c.defaultOptions,variant:"text"},yf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],If=[],Ga=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Ol.jsx)(qo,{...o,icon:"star"});case"icon-and-text":return(0,Ol.jsx)(Wr,{...o,icon:"star",children:"Button"});default:return(0,Ol.jsx)(Na,{...o,children:"Button"})}};Ga.options=Cf;Ga.states=Mf;Ga.variants=yf;Ga.defaultOptions=Sf;Ga.modifiers=If;Ga.className=c.className;var Ki="button",$d=Ki;var Wd=require("react/jsx-runtime"),Xr="k-button-group",Ef=[i.disabled],Af={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Rf={},_=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return(0,Wd.jsx)("div",{role:"group",...l,className:r(e.className,Xr,M(Xr,{fillMode:t}),w(Xr,{disabled:o}),{[`${Xr}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};_.states=Ef;_.options=Af;_.className=Xr;_.defaultOptions=Rf;_.moduleName=Ki;_.folderName=$d;_.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 _i=require("react/jsx-runtime");var Di=require("react/jsx-runtime");var zi=require("react/jsx-runtime");var Fi=require("react/jsx-runtime");var Ui=require("react/jsx-runtime");var Vi=require("react/jsx-runtime");var St=require("react/jsx-runtime"),Of={...c.options,..._.options},Pf=c.states,Bf={...c.defaultOptions,..._.defaultOptions,variant:"text-button"},Gf=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Hf=[],Ha=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,St.jsxs)(_,{fillMode:a.fillMode,className:o,children:[(0,St.jsx)(c,{...a,icon:"star"}),(0,St.jsx)(c,{...a,icon:"star"}),(0,St.jsx)(c,{...a,icon:"star"})]}):t==="icon-text-button"?(0,St.jsxs)(_,{fillMode:a.fillMode,className:o,children:[(0,St.jsx)(c,{...a,icon:"star",children:"First"}),(0,St.jsx)(c,{...a,icon:"star",children:"Middle"}),(0,St.jsx)(c,{...a,icon:"star",children:"Last"})]}):(0,St.jsxs)(_,{fillMode:a.fillMode,className:o,children:[(0,St.jsx)(c,{...a,children:"First"}),(0,St.jsx)(c,{...a,children:"Middle"}),(0,St.jsx)(c,{...a,children:"Last"})]})};Ha.options=Of;Ha.states=Pf;Ha.variants=Gf;Ha.defaultOptions=Bf;Ha.modifiers=Hf;Ha.className=_.className;var Jr="input",Pl=Jr;var Xd=require("react/jsx-runtime"),Bl="k-input",Kf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],_f={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Df={},De=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:p,size:f,rounded:h,fillMode:x,...v}=e;return(0,Xd.jsx)("span",{...v,className:r(e.className,Bl,M(Bl,{size:f,rounded:h,fillMode:x}),w(Bl,{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:p}))})};De.states=Kf;De.options=_f;De.className=Bl;De.defaultOptions=Df;De.moduleName=Jr;De.folderName=Pl;var Jd=require("react/jsx-runtime"),Gl="k-picker",zf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ff={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Uf={},To=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:p,size:f,rounded:h,fillMode:x,...v}=e;return(0,Jd.jsx)("span",{...v,className:r(e.className,Gl,M(Gl,{size:f,rounded:h,fillMode:x}),w(Gl,{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:p})),children:e.children})};To.states=zf;To.options=Ff;To.className=Gl;To.defaultOptions=Uf;To.moduleName=Jr;To.folderName=Pl;var Ka=require("react/jsx-runtime"),qd="k-clear-value",Vf=[i.disabled,i.loading,i.readonly],$f={},Kt=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t\|\|a\|\|o\|\|!l?(0,Ka.jsx)(Ka.Fragment,{}):(0,Ka.jsx)("span",{className:r(e.className,qd),children:(0,Ka.jsx)(u,{icon:"x"})})};Kt.states=Vf;Kt.options=$f;Kt.className=qd;var Yd=require("react/jsx-runtime"),$i="k-input-inner",Wf=[],Xf={},Hl={type:"text",autocomplete:"off",value:"",placeholder:""},_t=e=>{let{value:t=Hl.value,type:o=Hl.type,placeholder:a=Hl.placeholder,autocomplete:l=Hl.autocomplete,disabled:n,readOnly:d,...p}=e;return(0,Yd.jsx)("input",{...p,type:o,className:r(e.className,$i,M($i,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:n\|\|void 0,readOnly:d\|\|void 0})};_t.states=Wf;_t.options=Xf;_t.className=$i;var qr=require("react/jsx-runtime"),Wi="k-input-inner",Jf=[],qf={},ka=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:n,...d}=e;return(0,qr.jsxs)("span",{...d,className:r(e.className,Wi,M(Wi,e)),children:[l,!l&&n&&(0,qr.jsx)(u,{className:"k-input-value-icon",icon:n}),a&&!t&&o,a&&t&&(0,qr.jsx)("span",{className:"k-input-value-text",children:t})]})};ka.states=Jf;ka.options=qf;ka.className=Wi;var Zd=require("react/jsx-runtime"),Xi="k-input-inner",Yf=[],Qf={},Qd={value:"",placeholder:""},Ji=e=>{let{value:t=Qd.value,placeholder:o=Qd.placeholder,rows:a,disabled:l,...n}=e;return(0,Zd.jsx)("textarea",{...n,className:r(e.className,Xi,M(Xi,e)),placeholder:o,rows:a,defaultValue:t,disabled:l\|\|void 0})};Ji.states=Yf;Ji.options=Qf;Ji.className=Xi;var Yr=require("react/jsx-runtime"),jd="k-input-loading-icon",Zf=[i.disabled,i.loading],yt=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,Yr.jsx)(Yr.Fragment,{}):(0,Yr.jsx)("span",{className:r(e.className,jd,"k-icon k-i-loading")})};yt.states=Zf;yt.className=jd;var Qr=require("react/jsx-runtime"),ec="k-input-validation-icon",jf=[i.valid,i.invalid,i.disabled,i.loading],eT={},ht=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,n=o?"warning-circle":"check-circle";return a\|\|l\|\|!!!(t\|\|o)?(0,Qr.jsx)(Qr.Fragment,{}):(0,Qr.jsx)(u,{className:r(ec),icon:n})};ht.states=jf;ht.options=eT;ht.className=ec;var Zr=require("react/jsx-runtime"),tT="k-input-prefix",oT={direction:"horizontal"},Jt=e=>{let{direction:t=oT.direction,...o}=e;return e.children?(0,Zr.jsx)("span",{...o,className:r(tT,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Zr.jsx)(Zr.Fragment,{})};var jr=require("react/jsx-runtime"),aT="k-input-suffix",rT={direction:"horizontal"},qt=e=>{let{direction:t=rT.direction,...o}=e;return e.children?(0,jr.jsx)("span",{...o,className:r(aT,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,jr.jsx)(jr.Fragment,{})};var lT=require("react/jsx-runtime");var tc=require("react/jsx-runtime"),iT="k-input-suffix-text",qi=e=>{let{children:t,...o}=e;return(0,tc.jsx)("span",{...o,className:r(iT,e.className),children:t})};var ac=require("react/jsx-runtime"),oc="k-input-separator",nT={direction:"vertical"},Yt=e=>{let{direction:t=nT.direction,...o}=e;return(0,ac.jsx)("span",{...o,className:r(oc,e.className,{[`${oc}-${t}`]:t})})};var Je=require("react/jsx-runtime"),sT=De.states,dT=De.defaultOptions,cT=De.options,pT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],mT=[],_a=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:n,readonly:d,...p}=e,f=t==null?void 0:t.prefix,h=t==null?void 0:t.suffix,x=t==null?void 0:t["clear-button"],v=t==null?void 0:t["validation-icon"],T=t==null?void 0:t.separators;return(0,Je.jsxs)(De,{...p,valid:o,invalid:a,loading:l,disabled:n,readonly:d,style:{width:300},children:[f&&(0,Je.jsxs)(Je.Fragment,{children:[(0,Je.jsx)(Jt,{children:(0,Je.jsx)(u,{icon:"lock"})}),T&&(0,Je.jsx)(Yt,{})]}),(0,Je.jsx)(_t,{placeholder:"Placeholder",value:"Value"}),v&&(0,Je.jsx)(ht,{valid:o,invalid:a,loading:l,disabled:n}),(0,Je.jsx)(yt,{loading:l,disabled:n}),x&&(0,Je.jsx)(Kt,{loading:l,disabled:n,readonly:d,value:"Value"}),h&&(0,Je.jsxs)(Je.Fragment,{children:[T&&(0,Je.jsx)(Yt,{}),(0,Je.jsx)(qt,{children:(0,Je.jsx)(Na,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};_a.options=cT;_a.states=sT;_a.variants=mT;_a.defaultOptions=dT;_a.modifiers=pT;_a.className=De.className;var el=require("react/jsx-runtime"),rc="k-color-preview",uT=[],bT={},Yo=e=>{let{color:t,iconName:o,...a}=e;return(0,el.jsxs)("span",{...a,className:r(e.className,rc,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,el.jsx)(u,{icon:o,className:"k-color-preview-icon"}),(0,el.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Yo.states=uT;Yo.options=bT;Yo.className=rc;var Yi="popup",lc=Yi;var Qi=require("react/jsx-runtime"),ic="k-animation-container",fT=[],TT={},nc={positionMode:"absolute"},ho=e=>{let{positionMode:t=nc.positionMode,animationStyle:o,offset:a,...l}=e;return(0,Qi.jsx)("div",{...l,style:{...a,...e.style},className:r(e.className,ic,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Qi.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};ho.states=fT;ho.options=TT;ho.className=ic;ho.defaultOptions=nc;ho.moduleName=Yi;ho.folderName=lc;var Zi="popup",sc=Zi;var ji=require("react/jsx-runtime"),dc="k-popup",hT=[],gT={},cc={positionMode:"absolute"},pe=e=>{let{offset:t,positionMode:o=cc.positionMode,animationStyle:a,containerClassName:l,containerRole:n,containerAriaLabel:d,...p}=e;return(0,ji.jsx)(ho,{positionMode:o,offset:t,animationStyle:a,className:l,role:n,"aria-label":d,children:(0,ji.jsx)("div",{...p,className:r(e.className,dc),children:e.children})})};pe.states=hT;pe.options=gT;pe.className=dc;pe.defaultOptions=cc;pe.moduleName=Zi;pe.folderName=sc;pe.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 en="action-buttons",pc=en;var mc=require("react/jsx-runtime"),Kl="k-actions",xT=[],NT={},tn={alignment:"start",orientation:"horizontal"},Qt=e=>{let{alignment:t=tn.alignment,orientation:o=tn.orientation,...a}=e;return(0,mc.jsx)("div",{...a,className:r(Kl,{[`${Kl}-${t}`]:t,[`${Kl}-${o}`]:o},e.className),children:e.children})};Qt.states=xT;Qt.options=NT;Qt.className=Kl;Qt.defaultOptions=tn;Qt.moduleName=en;Qt.folderName=pc;var bc=require("react/jsx-runtime"),kT="k-actionsheet-footer",uc={alignment:"stretched",orientation:"horizontal"},Qo=e=>{let{alignment:t=uc.alignment,orientation:o=uc.orientation,template:a,as:l=a?"div":Qt,...n}=e;return(0,bc.jsx)(l,{...n,...!a&&{alignment:t,orientation:o},className:r(e.className,kT),children:e.children})};var on="searchbox",fc=on;var Zo=require("react/jsx-runtime"),Tc="k-searchbox",vT=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],wT={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},an={showIcon:!0,icon:"search"},Me=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:n,hover:d,focus:p,valid:f,invalid:h,required:x,loading:v,disabled:T,showIcon:L=an.showIcon,icon:C=an.icon,"aria-label":A,...D}=e;return(0,Zo.jsxs)(De,{...D,size:a,rounded:l,fillMode:n,hover:d,focus:p,valid:f,invalid:h,required:x,loading:v,disabled:T,className:r(e.className,Tc),children:[L&&(0,Zo.jsx)(u,{className:"k-input-icon",icon:C}),(0,Zo.jsx)(_t,{placeholder:o,value:t,"aria-label":A}),(0,Zo.jsx)(yt,{...e}),(0,Zo.jsx)(ht,{...e}),(0,Zo.jsx)(Kt,{...e})]})};Me.states=vT;Me.options=wT;Me.className=Tc;Me.defaultOptions=an;Me.moduleName=on;Me.folderName=fc;var LT=require("react/jsx-runtime");var rn="textbox",hc=rn;var it=require("react/jsx-runtime"),gc="k-textbox",CT=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],MT={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},_l={showClearButton:!0,showValidationIcon:!0,separators:!0},Ne=e=>{let{size:t,rounded:o,fillMode:a,separators:l=_l.separators,showClearButton:n=_l.showClearButton,showValidationIcon:d=_l.showValidationIcon,prefix:p,suffix:f,type:h,value:x,placeholder:v,hover:T,focus:L,valid:C,invalid:A,required:D,loading:K,disabled:W,readonly:ge,id:ce,"aria-label":ft,"aria-describedby":Tt,...Ht}=e;return(0,it.jsxs)(De,{...Ht,size:t,rounded:o,fillMode:a,hover:T,focus:L,valid:C,invalid:A,required:D,loading:K,disabled:W,readonly:ge,className:r(e.className,gc),children:[p&&(0,it.jsxs)(it.Fragment,{children:[(0,it.jsx)(Jt,{children:p}),l&&(0,it.jsx)(Yt,{})]}),(0,it.jsx)(_t,{id:ce,placeholder:v,value:x,type:h,disabled:W,"aria-label":ft,"aria-describedby":Tt,"aria-invalid":A?"true":void 0}),d&&(0,it.jsx)(ht,{valid:C,invalid:A,loading:K,disabled:W}),(0,it.jsx)(yt,{loading:K,disabled:W}),n&&(0,it.jsx)(Kt,{loading:K,disabled:W,readonly:ge,value:x}),f&&(0,it.jsxs)(it.Fragment,{children:[l&&(0,it.jsx)(Yt,{}),(0,it.jsx)(qt,{children:f})]})]})};Ne.states=CT;Ne.options=MT;Ne.className=gc;Ne.defaultOptions=_l;Ne.moduleName=rn;Ne.folderName=hc;Ne.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 tl=Ne;var Nc=require("react/jsx-runtime"),xc=e=>(0,Nc.jsx)(tl,{...e});var kc=require("react/jsx-runtime");var vc=require("react/jsx-runtime");var ST=require("react/jsx-runtime");var Dl=require("react/jsx-runtime"),yT=Ne.states,IT=Ne.defaultOptions,ET=Ne.options,AT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],RT=[],Da=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,Dl.jsx)(u,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,Dl.jsx)(Na,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[l];break;default:break}}),(0,Dl.jsx)(xc,{value:"Value",style:{width:300},...o,...a})};Da.options=ET;Da.states=yT;Da.variants=RT;Da.defaultOptions=IT;Da.modifiers=AT;Da.className=Ne.className;var Dt=require("react/jsx-runtime"),wc="k-actionsheet-titlebar",OT={},gt=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:n,input:d,inputValue:p,inputPlaceholder:f,adaptive:h,titleId:x,children:v,...T}=e;return(0,Dt.jsxs)("div",{...T,className:r(e.className,wc),children:[(0,Dt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,Dt.jsx)("div",{className:"k-actionsheet-actions",children:a}),!v&&(0,Dt.jsxs)("div",{className:"k-actionsheet-title",id:x,children:[t&&(0,Dt.jsx)("div",{className:"k-text-center",children:t}),o&&(0,Dt.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&(0,Dt.jsx)("div",{className:"k-actionsheet-title",id:x,children:v}),l&&(0,Dt.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(d\|\|n)&&(0,Dt.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?(0,Dt.jsx)(Ne,{value:p,placeholder:f,size:h?"large":"medium","aria-label":t\|\|f\|\|"Input"}):(0,Dt.jsx)(Me,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};gt.className=wc;gt.defaultOptions=OT;var za=require("react/jsx-runtime"),ln="k-actionsheet-view",PT=[],BT={},GT={},Fa=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:n,titleId:d,...p}=e,f=(l==null?void 0:l.type)===gt&&(0,za.jsx)(gt,{adaptive:t,titleId:d,...l==null?void 0:l.props}),h=(n==null?void 0:n.type)===Qo&&(0,za.jsx)(Qo,{...n==null?void 0:n.props});return(0,za.jsxs)("div",{...p,className:r(e.className,ln,{[`${ln}-animated`]:o}),children:[f,(0,za.jsx)("div",{className:"k-actionsheet-content",children:a}),h]})};Fa.states=PT;Fa.options=BT;Fa.className=ln;Fa.defaultOptions=GT;var ol="action-sheet",zl=ol;var nn="overlay",Lc=nn;var Mc=require("react/jsx-runtime"),Cc="k-overlay",HT=[],KT={},_T={},jo=e=>{let{...t}=e;return(0,Mc.jsx)("div",{...t,className:r(e.className,Cc),children:e.children})};jo.states=HT;jo.options=KT;jo.className=Cc;jo.defaultOptions=_T;jo.moduleName=nn;jo.folderName=Lc;var va=require("react/jsx-runtime"),Sc="k-actionsheet",DT=[],zT={},al={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Ge=e=>{let{side:t=al.side,fullscreen:o=al.fullscreen,adaptive:a=al.adaptive,overlay:l=al.overlay,template:n,children:d,header:p,footer:f,id:h,...x}=e,v=h&&!n&&p?`${h}-title`:void 0;return(0,va.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,va.jsx)(jo,{}),(0,va.jsx)(ho,{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,va.jsx)("div",{...x,id:h,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":v,className:r(e.className,Sc,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:n\|\|(0,va.jsx)(Fa,{header:p,footer:f,adaptive:a,titleId:v,...e,children:d})})})]})};Ge.states=DT;Ge.options=zT;Ge.className=Sc;Ge.defaultOptions=al;Ge.moduleName=ol;Ge.folderName=zl;Ge.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 Ic=require("react/jsx-runtime"),yc="k-actionsheet-container",FT=[],UT={},VT={},Ua=e=>{let{children:t,...o}=e;return(0,Ic.jsx)("div",{...o,className:yc,children:t})};Ua.states=FT;Ua.options=UT;Ua.className=yc;Ua.defaultOptions=VT;Ua.moduleName=ol;Ua.folderName=zl;var Ec=require("react/jsx-runtime"),sn=e=>{let{...t}=e;return(0,Ec.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var Zt=require("react/jsx-runtime"),dn="k-actionsheet-item",$T=[i.hover,i.focus,i.selected,i.disabled],ea=e=>{let{iconName:t,text:o,description:a,hover:l,focus:n,selected:d,disabled:p,...f}=e;return(0,Zt.jsxs)("span",{...f,className:r(e.className,dn,w(dn,{hover:l,focus:n,selected:d,disabled:p})),children:[!e.children&&(0,Zt.jsx)(Zt.Fragment,{children:(0,Zt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,Zt.jsx)("span",{className:"k-icon-wrap",children:(0,Zt.jsx)(u,{className:"k-actionsheet-item-icon",icon:t})}),(0,Zt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,Zt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,Zt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};ea.states=$T;ea.className=dn;var Ac=require("react/jsx-runtime");var WT=require("react/jsx-runtime");var XT=require("react/jsx-runtime");var JT=require("react/jsx-runtime");var Ie=require("react/jsx-runtime"),qT=Ge.options,YT=Ge.states,Oc={...Ge.defaultOptions,variant:"normal"},QT=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],ZT=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Va=e=>{let{variant:t,modifiers:o,...a}={...Oc,...e},l={},n=(0,Ie.jsxs)(sn,{children:[(0,Ie.jsx)(ea,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Ie.jsx)(ea,{text:"Add to Favorites",iconName:"heart"}),(0,Ie.jsx)(ea,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Ie.jsx)("hr",{className:"k-hr"}),(0,Ie.jsx)(ea,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",p="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]?d:void 0;break;case"footer":l.footer=!!(o!=null&&o[f]);break;default:break}}),t==="adaptive"?(0,Ie.jsx)(Ge,{...a,adaptive:!0,fullscreen:l.fullScreen,header:(0,Ie.jsx)(gt,{actionsStart:l.actionsStart?(0,Ie.jsx)(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,Ie.jsx)(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:p,subtitle:l.subtitle}),footer:l.footer?(0,Ie.jsxs)(Qo,{alignment:"stretched",children:[(0,Ie.jsx)(c,{text:"Cancel",size:"large",themeColor:"base"}),(0,Ie.jsx)(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:n}):(0,Ie.jsx)(Ge,{...a,fullscreen:l.fullScreen,header:(0,Ie.jsx)(gt,{actionsStart:l.actionsStart?(0,Ie.jsx)(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,Ie.jsx)(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,Ie.jsxs)(Qo,{alignment:"stretched",children:[(0,Ie.jsx)(c,{text:"Apply",themeColor:"primary"}),(0,Ie.jsx)(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:n})};Va.options=qT;Va.states=YT;Va.variants=QT;Va.defaultOptions=Oc;Va.modifiers=ZT;Va.className=Ge.className;var cn="slider",Pc=cn;var so=require("react/jsx-runtime"),rl="k-slider",jT=[i.hover,i.focus,i.active,i.disabled,i.readonly],eh={},jt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},we=e=>{let{type:t=jt.type,orientation:o=jt.orientation,gradientType:a=jt.gradientType,readonly:l=jt.readonly,disabled:n=jt.disabled,handlePosition:d=jt.handlePosition,showButtons:p=jt.showButtons,showTicks:f=jt.showTicks,value:h=jt.value,min:x=jt.min,max:v=jt.max,startValue:T,endValue:L,hover:C,focus:A,active:D,trackStyle:K,dir:W,...ge}=e,ft=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Tt,Ht;return o==="horizontal"?(Tt=W==="rtl"?"chevron-left":"chevron-right",Ht=W==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(Tt="chevron-up",Ht="chevron-down"),(0,so.jsxs)("div",{...ge,className:r(rl,e.className,w(rl,{readonly:l,disabled:n}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:W,children:[p&&(0,so.jsx)(c,{className:"k-button-decrease",rounded:"full",icon:Ht,tabIndex:-1,title:"Decrease"}),(0,so.jsxs)("div",{className:"k-slider-track-wrap",children:[f&&(0,so.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,so.jsxs)("div",{className:"k-slider-track",style:K,children:[(0,so.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,so.jsx)("span",{className:r("k-draghandle","k-draghandle-start",w(rl,{hover:C,focus:A,active:D})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":T??x,"aria-valuemin":x,"aria-valuemax":L??v,"aria-orientation":ft,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":ge["aria-label"]?`${ge["aria-label"]} start`:"Range start"}),(0,so.jsx)("span",{className:r("k-draghandle",`k-draghandle-${d}`,w(rl,{hover:C,focus:A,active:D})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":t==="range"?L??v:h,"aria-valuemin":t==="range"?T??x:x,"aria-valuemax":v,"aria-orientation":ft,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?ge["aria-label"]?`${ge["aria-label"]} end`:"Range end":ge["aria-label"]})]})]}),p&&(0,so.jsx)(c,{className:"k-button-increase",rounded:"full",icon:Tt,tabIndex:-1,title:"Increase"})]})};we.states=jT;we.options=eh;we.className=rl;we.defaultOptions=jt;we.moduleName=cn;we.folderName=Pc;we.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 pn=require("react/jsx-runtime"),Bc="k-tick",th=[],oh={},Gc={label:!1},z=e=>{let{style:t,label:o=Gc.label,orientation:a,large:l,text:n,...d}=e;return(0,pn.jsx)("li",{...d,role:"presentation",title:n\|\|"Tick",className:r(e.className,Bc,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&(0,pn.jsx)("span",{className:"k-label",children:n})})};z.states=th;z.options=oh;z.className=Bc;z.defaultOptions=Gc;var Ze=require("react/jsx-runtime"),Hc=e=>(0,Ze.jsx)(we,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,Ze.jsxs)(Ze.Fragment,{children:[(0,Ze.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ze.jsx)(z,{}),(0,Ze.jsx)(z,{}),(0,Ze.jsx)(z,{}),(0,Ze.jsx)(z,{}),(0,Ze.jsx)(z,{label:!0,large:!0,text:"5"}),(0,Ze.jsx)(z,{}),(0,Ze.jsx)(z,{}),(0,Ze.jsx)(z,{}),(0,Ze.jsx)(z,{}),(0,Ze.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var je=require("react/jsx-runtime"),Kc=e=>(0,je.jsx)(we,{children:(0,je.jsxs)(je.Fragment,{children:[(0,je.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,je.jsx)(z,{}),(0,je.jsx)(z,{}),(0,je.jsx)(z,{}),(0,je.jsx)(z,{}),(0,je.jsx)(z,{label:!0,large:!0,text:"5"}),(0,je.jsx)(z,{}),(0,je.jsx)(z,{}),(0,je.jsx)(z,{}),(0,je.jsx)(z,{}),(0,je.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var mn=require("react/jsx-runtime");var un=require("react/jsx-runtime");var _c=require("react/jsx-runtime"),bn=e=>(0,_c.jsx)(we,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Dc=require("react/jsx-runtime"),fn=e=>(0,Dc.jsx)(we,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Tn=require("react/jsx-runtime");var hn=require("react/jsx-runtime");var It=require("react/jsx-runtime"),ah=we.options,rh=we.states,zc={...we.defaultOptions,variant:"horizontal",label:!0},lh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ih=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],$a=e=>{let{variant:t,modifiers:o,...a}={...zc,...e},l={};Object.keys(o\|\|{}).forEach(h=>{switch(h){case"button":{l.showButtons=!!(o!=null&&o[h]);break}case"label":{l.label=!!(o!=null&&o[h]);break}case"tick":{l.showTicks=!!(o!=null&&o[h]);break}}});let{label:n=!0,showButtons:d,showTicks:p}=l,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,It.jsxs)(Kc,{showTicks:p,showButtons:d,style:{height:"300px",...f},...a,children:[(0,It.jsx)(z,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,It.jsx)(z,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,It.jsx)(z,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,It.jsx)(z,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,It.jsx)(z,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,It.jsxs)(Hc,{showTicks:p,showButtons:d,style:{width:"400px",...f},...a,children:[(0,It.jsx)(z,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,It.jsx)(z,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,It.jsx)(z,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,It.jsx)(z,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,It.jsx)(z,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};$a.options=ah;$a.states=rh;$a.variants=lh;$a.defaultOptions=zc;$a.modifiers=ih;$a.className=we.className;var ll=require("react/jsx-runtime"),Fc="k-spin-button",dh=[],ch={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},gn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ta=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=gn.increaseLabel,decreaseLabel:n=gn.decreaseLabel,...d}=e;return(0,ll.jsxs)("span",{...d,className:r(Fc,e.className),children:[(0,ll.jsx)(c,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":l}),(0,ll.jsx)(c,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":n})]})};ta.states=dh;ta.options=ch;ta.className=Fc;ta.defaultOptions=gn;ta.moduleName=null;ta.folderName=null;var Uc="numeric-textbox",Vc="numerictextbox";var et=require("react/jsx-runtime"),$c="k-numerictextbox",ph=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],mh={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Fl={showSpinButton:!0,showClearButton:!0,separators:!0},Y=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Fl.separators,showClearButton:n=Fl.showClearButton,showSpinButton:d=Fl.showSpinButton,prefix:p,suffix:f,value:h,placeholder:x,hover:v,focus:T,valid:L,invalid:C,required:A,loading:D,disabled:K,readonly:W,id:ge,"aria-label":ce,"aria-describedby":ft,...Tt}=e;return(0,et.jsxs)(De,{...Tt,size:t,rounded:o,fillMode:a,hover:v,focus:T,valid:L,invalid:C,required:A,loading:D,disabled:K,readonly:W,className:r(e.className,$c),children:[p&&(0,et.jsxs)(et.Fragment,{children:[(0,et.jsx)(Jt,{children:p}),l&&(0,et.jsx)(Yt,{})]}),(0,et.jsx)(_t,{id:ge,placeholder:x,value:h,role:"spinbutton",disabled:K,"aria-label":ce,"aria-describedby":ft,"aria-invalid":C?"true":void 0}),(0,et.jsx)(ht,{valid:L,invalid:C,loading:D,disabled:K}),(0,et.jsx)(yt,{loading:D,disabled:K}),n&&(0,et.jsx)(Kt,{loading:D,disabled:K,readonly:W,value:h}),f&&(0,et.jsxs)(et.Fragment,{children:[l&&(0,et.jsx)(Yt,{}),(0,et.jsx)(qt,{children:f})]}),d&&(0,et.jsx)(ta,{className:"k-input-spinner",size:t,fillMode:a,disabled:K})]})};Y.states=ph;Y.options=mh;Y.className=$c;Y.defaultOptions=Fl;Y.moduleName=Uc;Y.folderName=Vc;Y.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 il=Y;var Xc=require("react/jsx-runtime"),Wc=e=>(0,Xc.jsx)(il,{...e});var Ul=zr(require("react"));var xn=require("react/jsx-runtime"),uh="k-list-group-sticky-header",Nn=e=>(0,xn.jsx)("div",{className:r(uh,e.className),children:(0,xn.jsx)("div",{className:"k-list-header-text",children:e.children})});var Jc=require("react/jsx-runtime"),bh="k-no-data",nl=e=>{let{live:t,...o}=e;return(0,Jc.jsx)("span",{...o,className:r(bh,e.className),"aria-live":t?"polite":void 0,children:e.children})};var wa="list",Wa=wa;var Xa=require("react/jsx-runtime"),kn="k-list",fh=[],Th={size:[s.undefined,s.small,s.medium,s.large]},hh={},ae=e=>{var L;let{size:t,virtualization:o,children:a,header:l,optionLabel:n,customValue:d,noData:p,screenReaders:f,...h}=e,v=Ul.default.Children.toArray(a)[0],T=(L=v==null?void 0:v.props)!=null&&L.children?Ul.default.Children.count(v.props.children):Ul.default.Children.count(a);return(0,Xa.jsxs)("div",{...h,className:r(e.className,kn,M(kn,{size:t}),{"k-virtual-list":o}),children:[n,d,l&&(0,Xa.jsx)(Nn,{children:l}),a\|\|(p!==void 0?p:(0,Xa.jsx)(nl,{live:!0,children:"No data found."})),f&&a&&(0,Xa.jsxs)(nl,{className:"k-sr-only",live:!0,children:[T," items found."]})]})};ae.states=fh;ae.options=Th;ae.className=kn;ae.defaultOptions=hh;ae.moduleName=wa;ae.folderName=Wa;ae.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var Yc=require("react/jsx-runtime"),qc="k-list-container",gh=[],xh={},Nh={},Ja=e=>{let{...t}=e;return(0,Yc.jsx)("div",{...t,className:r(e.className,qc),children:e.children})};Ja.states=gh;Ja.options=xh;Ja.className=qc;Ja.defaultOptions=Nh;Ja.moduleName=wa;Ja.folderName=Wa;var La="checkbox",qa=La;var vn=require("react/jsx-runtime"),Vl="k-checkbox",kh=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],vh={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full]},wh={},ze=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:n,disabled:d,invalid:p,valid:f,required:h,size:x,rounded:v,wrapperRole:T,...L}=e;return(0,vn.jsx)("span",{className:"k-checkbox-wrap",role:T,children:(0,vn.jsx)("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:d\|\|void 0,"aria-invalid":p?"true":void 0,className:r(e.className,Vl,M(Vl,{size:x,rounded:v}),w(Vl,{hover:l,focus:n,disabled:d,invalid:p,valid:f,indeterminate:a,checked:o}))})})};ze.states=kh;ze.options=vh;ze.className=Vl;ze.defaultOptions=wh;ze.moduleName=La;ze.folderName=qa;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 co=ze;var jc=require("react/jsx-runtime"),Qc="k-checkbox-list",Lh=[],Ch={},Zc={layout:"vertical"},xt=e=>{let{layout:t=Zc.layout,...o}=e;return(0,jc.jsx)("ul",{...o,className:r(e.className,Qc,{[`k-list-${t}`]:t}),children:e.children})};xt.states=Lh;xt.options=Ch;xt.className=Qc;xt.defaultOptions=Zc;xt.moduleName=La;xt.folderName=qa;var tp=require("react/jsx-runtime"),ep="k-checkbox-list-item",Mh=[],Sh={},yh={},Nt=e=>{let{...t}=e;return(0,tp.jsx)("li",{...t,className:r(e.className,ep),children:e.children})};Nt.states=Mh;Nt.options=Sh;Nt.className=ep;Nt.defaultOptions=yh;Nt.moduleName=La;Nt.folderName=qa;var Ca=require("react/jsx-runtime"),Eo=({children:e="Label",id:t="cb-label-after",...o})=>(0,Ca.jsxs)(Ca.Fragment,{children:[(0,Ca.jsx)(co,{id:t,...o}),(0,Ca.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var wn=require("react/jsx-runtime");var Ln=require("react/jsx-runtime");var Cn=require("react/jsx-runtime");var Ih=require("react/jsx-runtime");var Eh=require("react/jsx-runtime");var Ah=require("react/jsx-runtime");var nt=require("react/jsx-runtime"),Rh=xt.options,Oh=xt.states,Ph={...xt.defaultOptions,variant:"vertical"},Bh=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Gh=[],Ya=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,nt.jsxs)(xt,{layout:"horizontal",...o,children:[(0,nt.jsx)(Nt,{children:(0,nt.jsx)(Eo,{id:$("cb"),defaultChecked:!0,children:"Label"})}),(0,nt.jsx)(Nt,{children:(0,nt.jsx)(Eo,{id:$("cb"),children:"Label"})}),(0,nt.jsx)(Nt,{children:(0,nt.jsx)(Eo,{id:$("cb"),children:"Label"})})]}):(0,nt.jsxs)(xt,{...o,children:[(0,nt.jsx)(Nt,{children:(0,nt.jsx)(Eo,{id:$("cb"),defaultChecked:!0,children:"Label"})}),(0,nt.jsx)(Nt,{children:(0,nt.jsx)(Eo,{id:$("cb"),children:"Label"})}),(0,nt.jsx)(Nt,{children:(0,nt.jsx)(Eo,{id:$("cb"),children:"Label"})})]})};Ya.options=Rh;Ya.states=Oh;Ya.variants=Bh;Ya.defaultOptions=Ph;Ya.modifiers=Gh;Ya.className=xt.className;var op=require("react/jsx-runtime"),Hh=co.options,Kh=co.states,_h=co.defaultOptions,Dh=[],zh=[],Qa=e=>(0,op.jsx)(Eo,{id:$("checkbox"),...e,defaultChecked:!0,children:"Label"});Qa.options=Hh;Qa.states=Kh;Qa.variants=Dh;Qa.defaultOptions=_h;Qa.modifiers=zh;Qa.className=co.className;var go=require("react/jsx-runtime"),Mn="k-list-item",Fh=[i.hover,i.focus,i.selected,i.disabled],Uh={},Vh={},X=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:n,showCheckbox:d,checked:p,hover:f,focus:h,selected:x,disabled:v,actions:T,description:L,id:C,...A}=e,D=t\|\|e.children;return(0,go.jsxs)("li",{...A,id:C,role:a?"presentation":"option",tabIndex:a?void 0:h?0:-1,"aria-selected":!a&&x?"true":a?void 0:"false","aria-disabled":!a&&v?"true":void 0,className:r(e.className,a?"k-list-group-item":Mn,w(Mn,{hover:f,focus:h,disabled:v,selected:x})),children:[d&&(0,go.jsx)(ze,{checked:p}),l&&(0,go.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,go.jsx)(u,{icon:l,className:r("k-list-item-icon",n)})}),(0,go.jsx)("span",{className:"k-list-item-text",children:D}),T&&(0,go.jsx)("div",{className:"k-list-item-actions",children:T}),L&&(0,go.jsx)("span",{className:"k-list-item-description",children:L}),o&&o!==""&&(0,go.jsx)("div",{className:"k-list-item-group-label",children:o})]})};X.states=Fh;X.options=Uh;X.className=Mn;X.defaultOptions=Vh;X.moduleName=wa;X.folderName=Wa;X.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};var ap=require("react/jsx-runtime"),$h="k-list-ul",Ao=e=>{let{children:t,role:o,id:a,...l}=e;return(0,ap.jsx)("ul",{...l,id:a,role:o,className:r($h,e.className),children:t})};Ao.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 Za=require("react/jsx-runtime"),Wh="k-list-content",xe=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:n,...d}=e;return(0,Za.jsxs)("div",{...d,className:r(Wh,e.className),role:o?"listbox":void 0,id:o?n:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:(0,Za.jsx)(Ao,{role:"listbox",id:n,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&(0,Za.jsx)("div",{className:"k-height-container",children:(0,Za.jsx)("div",{})})]})};xe.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 Sn=require("react/jsx-runtime");var ja=require("react/jsx-runtime"),Xh="k-list-group-item",Ma=e=>{let{groupIconName:t,...o}=e;return(0,ja.jsxs)("li",{...o,role:"presentation",className:r(Xh,e.className),children:[t&&(0,ja.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,ja.jsx)(u,{icon:t,className:"k-list-item-icon"})}),(0,ja.jsx)("span",{className:"k-list-item-text",children:e.children})]})};Ma.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 rp=require("react/jsx-runtime"),yn="k-list-optionlabel",Jh=[i.hover,i.focus,i.selected,i.disabled],qh={},Yh={},$l=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:n,...d}=e;return(0,rp.jsx)("div",{...d,className:r(yn,w(yn,{hover:o,focus:a,selected:l,disabled:n})),children:t})};$l.states=Jh;$l.options=qh;$l.className=yn;$l.defaultOptions=Yh;var lp=require("react/jsx-runtime"),In="k-list-custom-value",Qh=[i.hover,i.focus,i.selected,i.disabled],Zh={},jh={},oa=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:n,...d}=e;return(0,lp.jsx)("div",{...d,className:r(In,w(In,{hover:o,focus:a,selected:l,disabled:n})),children:t})};oa.states=Qh;oa.options=Zh;oa.className=In;oa.defaultOptions=jh;var En=require("react/jsx-runtime");var An=require("react/jsx-runtime");var Rn=require("react/jsx-runtime");var On=require("react/jsx-runtime");var eg=require("react/jsx-runtime");var Pn=require("react/jsx-runtime");var ip="dropdown-list",np="dropdownlist";var Ee=require("react/jsx-runtime"),sp="k-dropdownlist",tg=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],og={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Bn={showValue:!0,arrowIconName:"chevron-down"},ue=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Bn.arrowIconName,showValue:n=Bn.showValue,valueIconName:d,prefix:p,suffix:f,value:h,placeholder:x,hover:v,focus:T,valid:L,invalid:C,required:A,loading:D,disabled:K,readonly:W,popup:ge,opened:ce,adaptive:ft,adaptiveSettings:Tt,adaptiveTitle:Ht,adaptiveSubtitle:ga,adaptiveFilter:Si,id:Jo,activeDescendant:Il,"aria-label":yi,...Ii}=e,lf=Jo?`${Jo}-listbox`:void 0,Rd=Jo?`${Jo}-value`:void 0;return(0,Ee.jsxs)(Ee.Fragment,{children:[(0,Ee.jsxs)(To,{...Ii,id:Jo,size:t,rounded:o,fillMode:a,hover:v,focus:T,valid:L,invalid:C,required:A,loading:D,disabled:K,readonly:W,className:r(e.className,sp,{"k-icon-picker":!n&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ce?"true":"false","aria-controls":ce?lf:void 0,"aria-activedescendant":ce&&Il?Il:void 0,"aria-describedby":ce?Rd:void 0,"aria-disabled":K?"true":void 0,"aria-label":yi,tabIndex:0,children:[(0,Ee.jsx)(Jt,{children:p}),(0,Ee.jsx)(ka,{placeholder:x,value:h,showValue:n,valueIconName:d,id:Rd}),(0,Ee.jsx)(ht,{valid:L,invalid:C,loading:D,disabled:K}),(0,Ee.jsx)(yt,{loading:D,disabled:K}),(0,Ee.jsx)(qt,{children:f}),(0,Ee.jsx)(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":x\|\|"Toggle dropdown",tabIndex:-1})]}),ce&&ge&&(0,Ee.jsx)(pe,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:ge}),ft&&(0,Ee.jsx)(Ge,{adaptive:!0,...Tt,header:(0,Ee.jsx)(gt,{actionsEnd:(0,Ee.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Si,inputValue:h,inputPlaceholder:x,title:Ht,subtitle:ga}),children:(0,Ee.jsx)("div",{className:"k-list-container",children:(0,Ee.jsx)(ae,{size:"large",children:(0,Ee.jsxs)(xe,{"aria-label":"Options",children:[(0,Ee.jsx)(X,{text:"List item"}),(0,Ee.jsx)(X,{text:"List item"}),(0,Ee.jsx)(X,{text:"List item"})]})})})})]})};ue.states=tg;ue.options=og;ue.className=sp;ue.defaultOptions=Bn;ue.moduleName=ip;ue.folderName=np;ue.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 ag=require("react/jsx-runtime");var dp=require("react/jsx-runtime");var Gn=require("react/jsx-runtime");var rg=require("react/jsx-runtime");var cp=require("react/jsx-runtime");var Hn=require("react/jsx-runtime");var lg=require("react/jsx-runtime");var Et=require("react/jsx-runtime"),ig=ue.states,ng=ue.defaultOptions,sg=ue.options,dg=[{name:"opened",title:"Opened"}],cg=[],tr=e=>{let{modifiers:t,...o}=e,a={},l=(0,Et.jsxs)(Et.Fragment,{children:[(0,Et.jsx)("div",{className:"k-list-filter",children:(0,Et.jsx)(Me,{})}),(0,Et.jsx)(ae,{style:{width:300},size:o.size,children:(0,Et.jsxs)(xe,{children:[(0,Et.jsx)(X,{children:"List item"}),(0,Et.jsx)(X,{children:"List item"}),(0,Et.jsx)(X,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(n=>{n==="opened"&&(a.opened=!!(t!=null&&t[n]),a.popup=t!=null&&t[n]?l:void 0)}),(0,Et.jsx)("div",{children:(0,Et.jsx)(ue,{placeholder:"Value",style:{width:300},...o,...a})})};tr.options=sg;tr.states=ig;tr.variants=cg;tr.defaultOptions=ng;tr.modifiers=dg;tr.className=ue.className;var pp=require("react/jsx-runtime");var mp=require("react/jsx-runtime");var pg=require("react/jsx-runtime");var Wl=require("react/jsx-runtime"),mg=Y.states,ug=Y.defaultOptions,bg=Y.options,fg=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Tg=[],or=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,Wl.jsx)(ue,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,Wl.jsx)(qi,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[l];break;case"spin-button":a.showSpinButton=t==null?void 0:t[l];break;default:break}}),(0,Wl.jsx)(Wc,{value:"Value",style:{width:300},...o,...a})};or.options=bg;or.states=mg;or.variants=Tg;or.defaultOptions=ug;or.modifiers=fg;or.className=Y.className;var P=require("react/jsx-runtime"),up="k-colorgradient-inputs",hg=[],gg={size:[s.undefined,s.small,s.medium,s.large]},bp={mode:"rgba"},ar=e=>{let{mode:t=bp.mode,size:o,...a}=e;return(0,P.jsxs)("div",{...a,className:r(up,"k-hstack"),children:[(0,P.jsx)("div",{className:"k-vstack",children:(0,P.jsx)(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,P.jsx)(P.Fragment,{children:(0,P.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,P.jsx)(Ne,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ar.states=hg;ar.options=gg;ar.className=up;ar.defaultOptions=bp;var st=require("react/jsx-runtime"),fp="k-colorgradient-color-contrast",xg=[],Ng={},kg={},rr=()=>(0,st.jsxs)("div",{className:r(fp,"k-vbox"),children:[(0,st.jsxs)("div",{className:"k-contrast-ratio",children:[(0,st.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,st.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,st.jsx)(u,{icon:"check"}),(0,st.jsx)(u,{icon:"check"})]})]}),(0,st.jsxs)("div",{children:[(0,st.jsx)("span",{children:"AA: 4.5"}),(0,st.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,st.jsx)(u,{icon:"check"})]})]}),(0,st.jsxs)("div",{children:[(0,st.jsx)("span",{children:"AAA: 7.0"}),(0,st.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,st.jsx)(u,{icon:"x"})]})]})]});rr.states=xg;rr.options=Ng;rr.className=fp;rr.defaultOptions=kg;var Tp="color-gradient",hp="colorgradient";var We=require("react/jsx-runtime"),Xl="k-colorgradient",vg=[i.hover,i.focus,i.readonly,i.disabled],wg={size:[s.undefined,s.small,s.medium,s.large]},xo={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"},qe=e=>{let{size:t,mode:o=xo.mode,readonly:a=xo.readonly,disabled:l=xo.disabled,gradientStyle:n=xo.gradientStyle,dragHandleStyle:d=xo.dragHandleStyle,alphaStyle:p=xo.alphaStyle,alphaStyleHorizontal:f=xo.alphaStyleHorizontal,contrast:h=xo.contrast,dir:x,hover:v,focus:T,hoverHandle:L,focusHandle:C,canvasOrientation:A=xo.canvasOrientation,role:D,tabIndex:K,...W}=e;return(0,We.jsxs)("div",{...W,role:D??"textbox","aria-label":D==="none"?void 0:"Color gradient",tabIndex:K??0,"aria-disabled":l?"true":void 0,className:r(e.className,Xl,M(Xl,{size:t}),w(Xl,{hover:v,focus:T,readonly:a,disabled:l})),dir:x,children:[!A\|\|A==="horizontal"&&(0,We.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,We.jsx)("div",{className:"k-hsv-rectangle",style:n,children:(0,We.jsx)("div",{className:"k-hsv-gradient",children:(0,We.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":C}),style:d,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,We.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,We.jsx)(fn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&(0,We.jsx)(fn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:p})]})]}),A==="vertical"&&(0,We.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,We.jsx)("div",{className:"k-hsv-rectangle",style:n,children:(0,We.jsx)("div",{className:"k-hsv-gradient",children:(0,We.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":C}),style:d,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,We.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,We.jsx)(bn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&(0,We.jsx)(bn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:f})]})]}),(0,We.jsx)(ar,{mode:e.mode,size:t}),h&&(0,We.jsx)(rr,{})]})};qe.states=vg;qe.options=wg;qe.className=Xl;qe.defaultOptions=xo;qe.moduleName=Tp;qe.folderName=hp;qe.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 gp=require("react/jsx-runtime"),Jl=e=>(0,gp.jsx)(qe,{...e});var Lg=require("react/jsx-runtime");var Cg=require("react/jsx-runtime");var ql=require("react/jsx-runtime"),Mg=qe.options,Sg=qe.states,yg={...qe.defaultOptions,variant:"rgba"},Ig=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Eg=[],lr=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,ql.jsx)(Jl,{...o,mode:t});case"rgb":return(0,ql.jsx)(Jl,{...o,mode:t});default:return(0,ql.jsx)(Jl,{...o,mode:t})}};lr.options=Mg;lr.states=Sg;lr.variants=Ig;lr.defaultOptions=yg;lr.modifiers=Eg;lr.className=qe.className;var xp=require("react/jsx-runtime"),Kn=e=>(0,xp.jsx)("tr",{role:"row",children:e.children});var Np=require("react/jsx-runtime"),_n="k-colorpalette-tile",Ag=[i.hover,i.focus,i.selected],Rg={},ir=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:n,...d}=e,p={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,Np.jsx)("td",{...d,role:"gridcell","aria-label":t,"aria-selected":n?"true":void 0,className:r(e.className,_n,w(_n,{hover:a,focus:l,selected:n})),style:p})};ir.states=Ag;ir.options=Rg;ir.className=_n;var kp="color-palette",vp="colorpalette";var nr=require("react/jsx-runtime"),Yl="k-colorpalette",Og=[i.disabled],Pg={size:[s.undefined,s.small,s.medium,s.large]},wp={columns:10},kt=e=>{let{size:t,palette:o,columns:a=wp.columns,tileSize:l,disabled:n,...d}=e,p=[];if(o){let f=a\|\|o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/f)},(x,v)=>{let T=[];h.slice(vf,(v+1)f).map((C,A)=>{T.push((0,nr.jsx)(ir,{color:C,tileSize:l},A))});let L=(0,nr.jsx)(Kn,{children:T},v);p.push(L)})}return(0,nr.jsx)("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":n?"true":void 0,className:r(e.className,Yl,w(Yl,{disabled:n}),M(Yl,{size:t})),children:(0,nr.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,nr.jsx)("tbody",{children:p.length>0?p:e.children})})})};kt.states=Og;kt.options=Pg;kt.className=Yl;kt.defaultOptions=wp;kt.moduleName=kp;kt.folderName=vp;kt.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 Ql=kt;var sl={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 Cp=require("react/jsx-runtime"),Lp=e=>(0,Cp.jsx)(Ql,{palette:sl.basic,...e});var Bg=require("react/jsx-runtime");var Mp=require("react/jsx-runtime");var Sp=require("react/jsx-runtime"),Gg=kt.options,Hg=kt.states,Kg={...kt.defaultOptions,variant:"basic"},_g=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Dg={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}},zg=[],sr=e=>{let{variant:t="basic",...o}=e,a=Dg[t];return(0,Sp.jsx)(Lp,{columns:a.columns,palette:a,...o})};sr.options=Gg;sr.states=Hg;sr.variants=_g;sr.defaultOptions=Kg;sr.modifiers=zg;sr.className=kt.className;var yp="color-editor",Ip="coloreditor";var Fe=require("react/jsx-runtime"),Zl="k-coloreditor",Fg=[i.focus],Ug={size:[s.undefined,s.small,s.medium,s.large]},dl={view:"gradient",palette:sl.office,actionButtons:!0,canvasOrientation:"horizontal"},He=e=>{let{size:t,view:o=dl.view,palette:a=dl.palette,color:l,currentColor:n,focus:d,focusView:p,dir:f,group:h,actionButtons:x=dl.actionButtons,canvasOrientation:v=dl.canvasOrientation,...T}=e;return(0,Fe.jsxs)("div",{...T,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Zl,M(Zl,{size:t}),w(Zl,{focus:d})),dir:f,children:[(0,Fe.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,Fe.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&(0,Fe.jsxs)(_,{fillMode:"flat",children:[(0,Fe.jsx)(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,Fe.jsx)(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,Fe.jsx)("div",{className:"k-spacer"}),(0,Fe.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,Fe.jsx)(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,Fe.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,Fe.jsx)(Yo,{className:"k-coloreditor-preview-color",color:l}),(0,Fe.jsx)(Yo,{className:"k-coloreditor-current-color",color:n})]})]})]}),(0,Fe.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,Fe.jsx)(qe,{focus:p,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):(0,Fe.jsx)(kt,{palette:a,size:t})}),x&&(0,Fe.jsxs)(Qt,{className:"k-coloreditor-footer",alignment:"start",children:[(0,Fe.jsx)(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,Fe.jsx)(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};He.states=Fg;He.options=Ug;He.className=Zl;He.defaultOptions=dl;He.moduleName=yp;He.folderName=Ip;He.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 dr=He;var Vg=require("react/jsx-runtime");var $g=require("react/jsx-runtime");var Ap=require("react/jsx-runtime"),Ep=e=>(0,Ap.jsx)(dr,{group:!0,currentColor:"fuchsia",...e});var Op=require("react/jsx-runtime"),Rp=e=>(0,Op.jsx)(dr,{view:"palette",group:!0,currentColor:"fuchsia",...e});var Dn=require("react/jsx-runtime"),Wg=He.options,Xg=He.states,Jg={...He.defaultOptions,variant:"gradient"},qg=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Yg=[],cr=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Dn.jsx)(Rp,{...o,color:"white"}):(0,Dn.jsx)(Ep,{...o,color:"rgba(183, 118 , 118, 1.00)"})};cr.options=Wg;cr.states=Xg;cr.variants=qg;cr.defaultOptions=Jg;cr.modifiers=Yg;cr.className=He.className;var Pp="color-picker",Bp="colorpicker";var Xe=require("react/jsx-runtime"),Gp="k-colorpicker",Qg=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Zg={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Hp={arrowIconName:"chevron-down"},zt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Hp.arrowIconName,prefix:n,suffix:d,value:p,placeholder:f,hover:h,focus:x,valid:v,invalid:T,required:L,disabled:C,valueIconName:A,popup:D,opened:K,adaptive:W,adaptiveSettings:ge,adaptiveTitle:ce,adaptiveSubtitle:ft,...Tt}=e,Ht="colorpicker-popup";return(0,Xe.jsxs)(Xe.Fragment,{children:[(0,Xe.jsxs)(To,{...Tt,size:t,rounded:o,fillMode:a,hover:h,focus:x,valid:v,invalid:T,required:L,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":K?"true":"false","aria-controls":K\|\|W?Ht:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:r(e.className,Gp,"k-icon-picker"),children:[(0,Xe.jsx)(Jt,{children:n}),(0,Xe.jsx)(ka,{placeholder:f,value:p,showValue:!1,valueIcon:(0,Xe.jsx)(Yo,{className:"k-value-icon",color:p,iconName:A}),valueIconName:A}),(0,Xe.jsx)(qt,{children:d}),(0,Xe.jsx)(c,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),K&&D&&(0,Xe.jsx)(pe,{id:Ht,className:"k-colorpicker-popup",children:D}),W&&(0,Xe.jsx)(Ge,{adaptive:!0,id:Ht,...ge,header:(0,Xe.jsx)(gt,{actionsEnd:(0,Xe.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ce,subtitle:ft}),footer:(0,Xe.jsxs)(Qo,{children:[(0,Xe.jsx)(c,{text:"Cancel",size:"large"}),(0,Xe.jsx)(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,Xe.jsx)(He,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};zt.states=Qg;zt.options=Zg;zt.className=Gp;zt.defaultOptions=Hp;zt.moduleName=Pp;zt.folderName=Bp;zt.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 Ro=zt;var Kp=require("react/jsx-runtime"),jl=e=>(0,Kp.jsx)(Ro,{...e});var jg=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 rx=require("react/jsx-runtime");var aa=require("react/jsx-runtime"),lx=Ro.options,ix=Ro.states,_p={...Ro.defaultOptions,variant:"color"},nx=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],sx=[{name:"opened",title:"Opened"}],pr=e=>{let{variant:t,modifiers:o,...a}={..._p,...e},l={};Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(l.opened=!!(o!=null&&o[d]),l.popup=o!=null&&o[d]?(0,aa.jsx)(He,{size:a.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,aa.jsx)("div",{style:n,children:(0,aa.jsx)(jl,{...a,...l})});case"icon":return(0,aa.jsx)("div",{style:n,children:(0,aa.jsx)(jl,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return(0,aa.jsx)("div",{style:n,children:(0,aa.jsx)(jl,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};pr.options=lx;pr.states=ix;pr.variants=nx;pr.defaultOptions=_p;pr.modifiers=sx;pr.className=Ro.className;var zn="combobox",Dp=zn;var se=require("react/jsx-runtime"),zp="k-combobox",dx=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],cx={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Fp={separators:!0},dt=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Fp.separators,prefix:n,suffix:d,value:p,placeholder:f,hover:h,focus:x,valid:v,invalid:T,required:L,loading:C,disabled:A,popup:D,opened:K,readonly:W,adaptive:ge,adaptiveSettings:ce,adaptiveTitle:ft,adaptiveSubtitle:Tt,adaptiveCustomValue:Ht,id:ga,autocomplete:Si,activeDescendant:Jo,"aria-label":Il,...yi}=e,Ii=ga?`${ga}-listbox`:void 0;return(0,se.jsxs)(se.Fragment,{children:[(0,se.jsxs)(De,{...yi,size:t,rounded:o,fillMode:a,hover:h,focus:x,valid:v,invalid:T,required:L,loading:C,disabled:A,readonly:W,className:r(e.className,zp),children:[n&&(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)(Jt,{children:n}),l&&(0,se.jsx)(Yt,{})]}),(0,se.jsx)(_t,{id:ga,placeholder:f,value:p,role:"combobox","aria-haspopup":"listbox","aria-expanded":K?"true":"false","aria-controls":K?Ii:void 0,"aria-activedescendant":K&&Jo?Jo:void 0,"aria-autocomplete":Si,"aria-invalid":T?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":Il,disabled:A,readOnly:W}),(0,se.jsx)(ht,{valid:v,invalid:T,loading:C,disabled:A}),(0,se.jsx)(yt,{loading:C,disabled:A}),(0,se.jsx)(Kt,{loading:C,disabled:A,readonly:W,value:p}),d&&(0,se.jsxs)(se.Fragment,{children:[l&&(0,se.jsx)(Yt,{}),(0,se.jsx)(qt,{children:d})]}),(0,se.jsx)(c,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:A})]}),K&&D&&(0,se.jsx)(pe,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:D}),ge&&(0,se.jsx)(Ge,{adaptive:!0,id:ga?`${ga}-adaptive`:void 0,...ce,header:(0,se.jsx)(gt,{actionsEnd:(0,se.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:p,inputPlaceholder:f,title:ft,subtitle:Tt}),children:(0,se.jsx)("div",{className:"k-list-container",children:(0,se.jsx)(ae,{customValue:Ht?(0,se.jsx)(oa,{text:`Use "${p}"`}):void 0,size:"large",children:(0,se.jsxs)(xe,{"aria-label":ft\|\|"Options",children:[(0,se.jsx)(X,{text:"List item"}),(0,se.jsx)(X,{text:"List item"}),(0,se.jsx)(X,{text:"List item"})]})})})})]})};dt.states=dx;dt.options=cx;dt.className=zp;dt.defaultOptions=Fp;dt.moduleName=zn;dt.folderName=Dp;dt.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Ft=dt;var Vp=require("react/jsx-runtime"),Up=e=>(0,Vp.jsx)(Ft,{...e});var $p=require("react/jsx-runtime");var Wp=require("react/jsx-runtime");var Xp=require("react/jsx-runtime");var Jp=require("react/jsx-runtime");var qp=require("react/jsx-runtime");var Yp=require("react/jsx-runtime");var Fn=require("react/jsx-runtime");var px=require("react/jsx-runtime");var mx=require("react/jsx-runtime");var Qp=require("react/jsx-runtime");var Zp=require("react/jsx-runtime");var po=require("react/jsx-runtime"),ux=dt.states,bx=dt.defaultOptions,fx=dt.options,Tx=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],hx=[],mr=e=>{let{modifiers:t,...o}=e,a={},l=(0,po.jsx)(ae,{style:{width:300},size:o.size,children:(0,po.jsxs)(xe,{children:[(0,po.jsx)(X,{children:"List item"}),(0,po.jsx)(X,{children:"List item"}),(0,po.jsx)(X,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,po.jsx)(u,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,po.jsx)(qo,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[n]),a.popup=t!=null&&t[n]?l:void 0;break;default:break}}),(0,po.jsx)("div",{children:(0,po.jsx)(Up,{value:"Value",style:{width:300},...o,...a})})};mr.options=fx;mr.states=ux;mr.variants=hx;mr.defaultOptions=bx;mr.modifiers=Tx;mr.className=dt.className;var Un="menu-button",jp=Un;var tm=require("react/jsx-runtime"),em="k-menu-button",gx=[i.hover,i.focus,i.active,i.selected,i.disabled],xx={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},Vn={showArrow:!0,arrowIconName:"chevron-down"},be=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:p,selected:f,disabled:h,icon:x,text:v,showArrow:T=Vn.showArrow,arrowIconName:L=Vn.arrowIconName,expanded:C,...A}=e;return(0,tm.jsx)(c,{...A,className:r(e.className,em),text:v,size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:p,selected:f,disabled:h,icon:x,showArrow:T,arrowIconName:L,"aria-expanded":C?"true":"false",...!v&&x&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};be.states=gx;be.options=xx;be.className=em;be.defaultOptions=Vn;be.moduleName=Un;be.folderName=jp;be.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 Nx=require("react/jsx-runtime");var kx=require("react/jsx-runtime");var vx=require("react/jsx-runtime");var Ut="menu",eo=Ut;var Oo=require("react/jsx-runtime"),$n="k-menu-item",wx=[i.hover,i.focus,i.active,i.selected,i.disabled],Lx={},om={iconPosition:"before"},ct=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:n,icon:d,text:p,first:f,last:h,showArrow:x,arrowIconName:v,iconPosition:T=om.iconPosition,dir:L,children:C,expanded:A,...D}=e,K=v;return K\|\|(K=L==="rtl"?"chevron-left":"chevron-right"),(0,Oo.jsxs)("li",{...D,className:r(e.className,$n,"k-item",w($n,{focus:o,disabled:n,hover:t,active:a,selected:l}),{"k-first":f,"k-last":h}),role:"menuitem",...x&&{"aria-haspopup":"menu"},...x&&{"aria-expanded":A?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Oo.jsxs)("span",{className:r("k-link k-menu-link"),children:[d&&T==="before"&&(0,Oo.jsx)(u,{className:"k-menu-link-icon",icon:d}),(0,Oo.jsx)("span",{className:"k-menu-link-text",children:p}),d&&T==="after"&&(0,Oo.jsx)(u,{className:"k-menu-link-icon",icon:d}),x&&(0,Oo.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Oo.jsx)(u,{icon:K})})]}),C]})};ct.states=wx;ct.options=Lx;ct.className=$n;ct.defaultOptions=om;ct.moduleName=Ut;ct.folderName=eo;var Po=require("react/jsx-runtime"),Wn="k-menu-item",Cx=[i.hover,i.focus,i.active,i.selected,i.disabled],Mx={},Xn={dir:"ltr",iconPosition:"before"},Q=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:n,icon:d,text:p,first:f,last:h,showArrow:x,arrowIconName:v,iconPosition:T=Xn.iconPosition,dir:L=Xn.dir,children:C,popup:A,expanded:D,...K}=e,W=v;return W\|\|(W=L==="rtl"?"chevron-left":"chevron-right"),(0,Po.jsxs)("li",{...K,className:r(e.className,Wn,"k-item",w(Wn,{focus:o,disabled:n}),{"k-first":f,"k-last":h}),role:"menuitem",...x&&{"aria-haspopup":"menu"},...x&&{"aria-expanded":D?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Po.jsxs)("span",{className:r("k-link k-menu-link",w("k-menu-link",{hover:t,active:a,selected:l,disabled:n})),children:[d&&T==="before"&&(0,Po.jsx)(u,{className:"k-menu-link-icon",icon:d}),(0,Po.jsx)("span",{className:"k-menu-link-text",children:p}),d&&T==="after"&&(0,Po.jsx)(u,{className:"k-menu-link-icon",icon:d}),x&&(0,Po.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Po.jsx)(u,{icon:W})})]}),C,A]})};Q.states=Cx;Q.options=Mx;Q.className=Wn;Q.defaultOptions=Xn;Q.moduleName=Ut;Q.folderName=eo;var lm=require("react/jsx-runtime"),am="k-menu-scroll-wrapper",Sx=[],yx={},Ix={},Sa=e=>{let{className:t,children:o,orientation:a,...l}=e;return(0,lm.jsx)("div",{...l,className:r(t,am,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Sa.states=Sx;Sa.options=yx;Sa.className=am;Sa.defaultOptions=Ix;Sa.moduleName=Ut;Sa.folderName=eo;var rm=Sa;var tt=require("react/jsx-runtime"),Jn="k-menu",Ex=[],Ax={},ti={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ae=e=>{let{children:t,orientation:o=ti.orientation,header:a=ti.header,scrollable:l,scrollButtonsPosition:n=ti.scrollButtonsPosition,wrapperStyles:d,dir:p,popup:f,contextMenu:h,...x}=e,v={horizontal:{prev:p!=="rtl"?"left":"right",next:p!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},T=(0,tt.jsx)("ul",{dir:p,...x,className:r(e.className,"k-reset",Jn,{[`${Jn}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,tt.jsxs)(tt.Fragment,{children:[l?(0,tt.jsxs)(rm,{orientation:o,style:d,dir:e.dir,children:[n==="start"&&(0,tt.jsxs)(tt.Fragment,{children:[(0,tt.jsx)(c,{fillMode:"flat",icon:`chevron-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,tt.jsx)(c,{fillMode:"flat",icon:`chevron-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&(0,tt.jsx)(c,{fillMode:"flat",icon:`chevron-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),T,n==="end"&&(0,tt.jsxs)(tt.Fragment,{children:[(0,tt.jsx)(c,{fillMode:"flat",icon:`chevron-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,tt.jsx)(c,{fillMode:"flat",icon:`chevron-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&(0,tt.jsx)(c,{fillMode:"flat",icon:`chevron-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):T,f]})};Ae.states=Ex;Ae.options=Ax;Ae.className=Jn;Ae.defaultOptions=ti;Ae.moduleName=Ut;Ae.folderName=eo;Ae.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 nm=require("react/jsx-runtime"),qn="k-separator",im={orientation:"horizontal"},ra=e=>{let{orientation:t=im.orientation,...o}=e;return(0,nm.jsx)("li",{...o,className:r(e.className,"k-item",qn,{[`${qn}-${t}`]:t}),role:"separator"})};ra.className=qn;ra.defaultOptions=im;ra.moduleName=Ut;ra.folderName=eo;var sm=require("react/jsx-runtime");var dm=require("react/jsx-runtime"),Yn="k-menu-group",Rx=[],Ox={size:[s.undefined,s.small,s.medium,s.large]},Px={},Ue=e=>{let{children:t,size:o,...a}=e;return(0,dm.jsx)("ul",{...a,className:r(e.className,Yn,M(Yn,{size:o})),role:"menu",children:t})};Ue.states=Rx;Ue.options=Ox;Ue.className=Yn;Ue.defaultOptions=Px;Ue.moduleName=Ut;Ue.folderName=eo;var mo=require("react/jsx-runtime"),Qn=e=>(0,mo.jsx)(Ae,{children:(0,mo.jsxs)(mo.Fragment,{children:[(0,mo.jsx)(ct,{first:!0,text:"Item 1"}),(0,mo.jsx)(ct,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,mo.jsx)(ct,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,mo.jsx)(ct,{text:"Item 4"}),(0,mo.jsx)(ct,{last:!0,text:"Item 5"})]}),...e});var Zn=require("react/jsx-runtime");var jn=require("react/jsx-runtime");var es=require("react/jsx-runtime");var ts=require("react/jsx-runtime");var No=require("react/jsx-runtime"),Bx={...Ae.options,scrollable:{type:"boolean"}},Gx=Ae.states,cm={...Ae.defaultOptions,variant:"horizontal"},Hx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Kx=[{name:"opened",title:"Opened"}],ur=e=>{let{variant:t,modifiers:o,...a}={...cm,...e},l={};return Object.keys(o\|\|{}).forEach(n=>{n==="opened"&&(l.opened=!!(o!=null&&o[n]),l.popup=(0,No.jsx)(pe,{className:"k-menu-popup",children:(0,No.jsxs)(Ue,{children:[(0,No.jsx)(Q,{text:"Item 1"}),(0,No.jsx)(Q,{text:"Item 2"}),(0,No.jsx)(ra,{}),(0,No.jsx)(Q,{text:"Item 3"})]})}))}),t==="vertical"?(0,No.jsx)(Qn,{...a,...l,orientation:"vertical",style:{width:"200px"}}):(0,No.jsx)(Qn,{...a,...l})};ur.options=Bx;ur.states=Gx;ur.variants=Hx;ur.defaultOptions=cm;ur.modifiers=Kx;ur.className=Ae.className;var os=require("react/jsx-runtime");var _x=require("react/jsx-runtime");var pt=require("react/jsx-runtime"),Dx=c.states,pm={...c.defaultOptions,variant:"text"},zx=c.options,Fx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ux=[{name:"opened",title:"Opened"}],br=e=>{let{variant:t,modifiers:o,...a}={...pm,...e},l={},n=(0,pt.jsx)(pe,{className:"k-menu-popup",children:(0,pt.jsxs)(Ue,{size:a.size,children:[(0,pt.jsx)(Q,{first:!0,text:"Menu Item"}),(0,pt.jsx)(Q,{text:"Menu Item"}),(0,pt.jsx)(Q,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=(0,pt.jsx)("div",{children:(0,pt.jsx)(be,{...a,...l,icon:"star"})});break;case"icon-and-text":d=(0,pt.jsx)("div",{children:(0,pt.jsx)(be,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:d=(0,pt.jsx)("div",{children:(0,pt.jsx)(be,{...a,...l,children:"Dropdown Button"})});break}return(0,pt.jsxs)(pt.Fragment,{children:[d,(o==null?void 0:o.opened)&&n]})};br.options=zx;br.states=Dx;br.variants=Fx;br.defaultOptions=pm;br.modifiers=Ux;br.className=be.className;var as="split-button",mm=as;var Bo=require("react/jsx-runtime"),rs="k-split-button",Vx=[i.hover,i.focus,i.active,i.selected,i.disabled],$x={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},um={arrowIconName:"chevron-down"},F=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:p,selected:f,disabled:h,icon:x,text:v,arrowIconName:T=um.arrowIconName,popup:L,opened:C,popupId:A,...D}=e;return(0,Bo.jsxs)(Bo.Fragment,{children:[(0,Bo.jsxs)("div",{...D,className:r(e.className,rs,"k-button-group",M(rs,{rounded:o})),children:[(0,Bo.jsx)(c,{text:v,icon:x,size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:p,selected:f,disabled:h,...!v&&!e.children&&x&&{"aria-label":"Action"},children:e.children}),(0,Bo.jsx)(c,{className:"k-split-button-arrow",icon:T,size:t,rounded:o,fillMode:a,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?A:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),C&&L&&(0,Bo.jsx)(pe,{className:"k-menu-popup",children:L})]})};F.states=Vx;F.options=$x;F.className=rs;F.defaultOptions=um;F.moduleName=as;F.folderName=mm;F.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 ls=F;var bm=require("react/jsx-runtime"),Wx="k-toolbar-separator",uo=e=>(0,bm.jsx)("div",{className:r(Wx,e.className,"k-separator")});var Go="toolbar",la=Go;var U=require("react/jsx-runtime"),Ho="k-toolbar",Xx=[i.focus],Jx={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},qx={scrollButtons:"around"},Te=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:n,scrollButtons:d,scrollingPosition:p,section:f,...h}=e,x=[],v=(T,L)=>{let C=[];if(T.type===c&&T.props.className&&T.props.className.includes("k-toolbar-overflow-button"))C.push((0,U.jsx)(c,{...T.props,className:`${T.props.className?T.props.className:""}`},`${L}-${new Date().getTime()}`));else if(T.type===c)C.push((0,U.jsx)(c,{...T.props,className:`k-toolbar-button ${T.props.className?T.props.className:""}`},`${L}-${new Date().getTime()}`));else if(T.type===Wr)C.push((0,U.jsx)(Wr,{...T.props,className:`k-toolbar-button ${T.props.className?T.props.className:""}`},`${L}-${new Date().getTime()}`));else if(T.type===qo)C.push((0,U.jsx)(qo,{...T.props,className:`k-toolbar-button ${T.props.className?T.props.className:""}`},`${L}-${new Date().getTime()}`));else if(T.type===be)C.push((0,U.jsx)(be,{...T.props,className:`k-toolbar-menu-button ${T.props.className?T.props.className:""}`},`${L}-${new Date().getTime()}`));else if(T.type===ls)C.push((0,U.jsx)(ls,{...T.props,className:`k-toolbar-split-button ${T.props.className?T.props.className:""}`},`${L}-${new Date().getTime()}`));else if(T.type===_\|\|T.props.className&&T.props.className.includes("k-button-group")){let A=[];(Array.isArray(T.props.children)?T.props.children:[T.props.children]).forEach((K,W)=>{A.push((0,U.jsx)(c,{...K.props,className:`${K.props.className?K.props.className:""}`},`${W}-${new Date().getTime()}`))}),C.push((0,U.jsx)(_,{...T.props,className:`k-toolbar-button-group ${T.props.className?T.props.className:""}`,children:A},`${L}-${new Date().getTime()}`))}else T.type===dt?C.push((0,U.jsx)(dt,{...T.props,className:`k-toolbar-combobox ${T.props.className?T.props.className:""}`},`${L}-${new Date().getTime()}`)):T.type===ue?C.push((0,U.jsx)(ue,{...T.props,className:`k-toolbar-dropdownlist ${T.props.className?T.props.className:""}`},`${L}-${new Date().getTime()}`)):T.type===zt?C.push((0,U.jsx)(zt,{...T.props,className:`k-toolbar-colorpicker ${T.props.className?T.props.className:""}`},`${L}-${new Date().getTime()}`)):C.push(T);C.forEach(A=>{x.push(A)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,C)=>{v(L,C)}),(0,U.jsxs)("div",{...h,className:r(e.className,Ho,M(Ho,{size:t,fillMode:o}),w(Ho,{focus:a}),{[`${Ho}-resizable`]:l,[`${Ho}-scrollable`]:n,[`${Ho}-scrollable-overlay`]:n&&d==="hidden",[`${Ho}-scrollable-${p}`]:p&&p!=="both",[`${Ho}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!n&&x,n&&d==="hidden"&&(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),n&&d==="start"&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)(_,{children:[(0,U.jsx)("span",{className:r("k-toolbar-prev","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"chevron-left"})}),(0,U.jsx)("span",{className:r("k-toolbar-next","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"chevron-right"})})]}),(0,U.jsx)(uo,{className:"k-toolbar-button-separator"}),(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x})]}),n&&d==="end"&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),(0,U.jsx)(uo,{className:"k-toolbar-button-separator"}),(0,U.jsxs)(_,{children:[(0,U.jsx)("span",{className:r("k-toolbar-prev","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"chevron-left"})}),(0,U.jsx)("span",{className:r("k-toolbar-next","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"chevron-right"})})]})]}),n&&(d==="around"\|\|!d)&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("span",{className:r("k-toolbar-prev","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"chevron-left"})}),(0,U.jsx)(uo,{className:"k-toolbar-button-separator"}),(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),(0,U.jsx)(uo,{className:"k-toolbar-button-separator"}),(0,U.jsx)("span",{className:r("k-toolbar-next","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"chevron-right"})})]})]})};Te.states=Xx;Te.options=Jx;Te.className=Ho;Te.defaultOptions=qx;Te.moduleName=Go;Te.folderName=la;Te.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 Tm=require("react/jsx-runtime"),fm="k-floating-toolbar",Yx=[],Qx={},Zx={},fr=e=>{let{...t}=e;return(0,Tm.jsx)("div",{...t,className:r(e.className,fm),children:e.children})};fr.states=Yx;fr.options=Qx;fr.className=fm;fr.defaultOptions=Zx;fr.moduleName=Go;fr.folderName=la;var hm=require("react/jsx-runtime"),is="k-toolbar-item",jx=[i.focus],eN={},tN={},Tr=e=>{let{focus:t,...o}=e;return(0,hm.jsx)("div",{...o,className:r(e.className,is,w(is,{focus:t})),children:e.children})};Tr.states=jx;Tr.options=eN;Tr.className=is;Tr.defaultOptions=tN;Tr.moduleName=Go;Tr.folderName=la;var ns=require("react/jsx-runtime"),gm="k-toolbar-popup",oN=[],aN={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},rN={},ya=e=>{let{size:t,fillMode:o,section:a,...l}=e;return(0,ns.jsx)(pe,{...l,className:r(e.className,gm),children:a?(0,ns.jsx)("span",{className:r("k-toolbar-items-list",M("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};ya.states=oN;ya.options=aN;ya.className=gm;ya.defaultOptions=rN;ya.moduleName=Go;ya.folderName=la;var oi=ya;var lN=require("react/jsx-runtime");var iN=require("react/jsx-runtime");var nN=require("react/jsx-runtime");var xm=require("react/jsx-runtime");var sN=require("react/jsx-runtime");var to=require("react/jsx-runtime"),dN=F.states,Nm={...F.defaultOptions,variant:"text"},cN=F.options,pN=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],mN=[{name:"opened",title:"Opened"}],hr=e=>{let{variant:t,modifiers:o,...a}={...Nm,...e},l={},n=(0,to.jsxs)(Ue,{size:a.size,children:[(0,to.jsx)(Q,{first:!0,text:"Menu Item"}),(0,to.jsx)(Q,{text:"Menu Item"}),(0,to.jsx)(Q,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(l.opened=!!(o!=null&&o[d]),l.popup=o!=null&&o[d]?n:"")}),t){case"icon-only":return(0,to.jsx)("div",{children:(0,to.jsx)(F,{...a,...l,icon:"star"})});case"icon-and-text":return(0,to.jsx)("div",{children:(0,to.jsx)(F,{...a,...l,icon:"star",children:"Split Button"})});default:return(0,to.jsx)("div",{children:(0,to.jsx)(F,{...a,...l,children:"Split Button"})})}};hr.options=cN;hr.states=dN;hr.variants=pN;hr.defaultOptions=Nm;hr.modifiers=mN;hr.className=F.className;var ko=require("react/jsx-runtime"),km=e=>(0,ko.jsx)(Te,{children:[(0,ko.jsx)(c,{children:"Button"},"toolbar-button"),(0,ko.jsx)(be,{text:"Menu button"},"toolbar-menu-button"),(0,ko.jsx)(F,{children:"Split button"},"toolbar-split-button"),(0,ko.jsxs)(_,{children:[(0,ko.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ko.jsx)(c,{icon:"align-center",children:"Center"}),(0,ko.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var vm=require("react/jsx-runtime");var ot=require("react/jsx-runtime"),wm=e=>(0,ot.jsx)(Te,{scrollable:!0,...e,children:[(0,ot.jsx)(c,{children:"Button"},"toolbar-button"),(0,ot.jsx)(be,{text:"Menu button"},"toolbar-menu-button"),(0,ot.jsx)(F,{children:"Split button"},"toolbar-split-button"),(0,ot.jsxs)(_,{children:[(0,ot.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ot.jsx)(c,{icon:"align-center",children:"Center"}),(0,ot.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,ot.jsx)(c,{children:"Button"},"toolbar-button"),(0,ot.jsx)(be,{text:"Menu button"},"toolbar-menu-button"),(0,ot.jsx)(F,{children:"Split button"},"toolbar-split-button"),(0,ot.jsxs)(_,{children:[(0,ot.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ot.jsx)(c,{icon:"align-center",children:"Center"}),(0,ot.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var at=require("react/jsx-runtime"),Lm=({scrollingPosition:e="start",...t})=>(0,at.jsx)(Te,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,at.jsx)(c,{children:"Button"},"toolbar-button"),(0,at.jsx)(be,{text:"Menu button"},"toolbar-menu-button"),(0,at.jsx)(F,{children:"Split button"},"toolbar-split-button"),(0,at.jsxs)(_,{children:[(0,at.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,at.jsx)(c,{icon:"align-center",children:"Center"}),(0,at.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,at.jsx)(c,{children:"Button"},"toolbar-button"),(0,at.jsx)(be,{text:"Menu button"},"toolbar-menu-button"),(0,at.jsx)(F,{children:"Split button"},"toolbar-split-button"),(0,at.jsxs)(_,{children:[(0,at.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,at.jsx)(c,{icon:"align-center",children:"Center"}),(0,at.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var Re=require("react/jsx-runtime"),Cm=({fillMode:e,size:t,...o})=>(0,Re.jsxs)(Re.Fragment,{children:[(0,Re.jsx)(Te,{section:!0,fillMode:e,size:t,children:[(0,Re.jsx)(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Re.jsxs)(_,{fillMode:e,children:[(0,Re.jsx)(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Re.jsx)(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Re.jsx)(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,Re.jsx)(uo,{className:"k-toolbar-button-separator"}),(0,Re.jsx)(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,Re.jsxs)(oi,{size:t,fillMode:e,section:!0,...o,children:[(0,Re.jsx)(F,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,Re.jsx)(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Re.jsx)(uo,{}),(0,Re.jsx)(be,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,Re.jsxs)(_,{fillMode:e,children:[(0,Re.jsx)(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Re.jsx)(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Re.jsx)(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var ss=require("react/jsx-runtime");var ds=require("react/jsx-runtime");var Ko=require("react/jsx-runtime"),uN=Te.options,bN=Te.states,Mm={...Te.defaultOptions,variant:"default"},fN=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],TN=[],gr=e=>{let{variant:t,...o}={...Mm,...e};switch(t){case"responsive":return(0,Ko.jsx)("div",{children:(0,Ko.jsx)(Cm,{style:{width:"583px"},...o})});case"overlay":return(0,Ko.jsx)("div",{children:(0,Ko.jsx)(Lm,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,Ko.jsx)("div",{children:(0,Ko.jsx)(wm,{style:{width:"583px"},...o})});default:return(0,Ko.jsx)("div",{children:(0,Ko.jsx)(km,{style:{width:"583px"},...o})})}};gr.options=uN;gr.states=bN;gr.variants=fN;gr.defaultOptions=Mm;gr.modifiers=TN;gr.className=Te.className;var vo="file-manager",wo="filemanager";var ym=require("react/jsx-runtime"),Sm="k-filemanager-toolbar",hN=[],gN={},xN={},mt=e=>{let{children:t,...o}=e;return(0,ym.jsx)(Te,{...o,className:r(e.className,Sm),children:t})};mt.states=hN;mt.options=gN;mt.className=Sm;mt.defaultOptions=xN;mt.moduleName=vo;mt.folderName=wo;var cs="switch",Im=cs;var na=require("react/jsx-runtime"),ia="k-switch",NN=[i.hover,i.focus,i.disabled,i.readonly,i.checked],kN={size:[s.undefined,s.small,s.medium,s.large],trackRounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],thumbRounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full]},vN={},Le=e=>{let{checked:t,onLabel:o,offLabel:a,size:l,trackRounded:n,thumbRounded:d,hover:p,focus:f,disabled:h,readonly:x,...v}=e;return(0,na.jsxs)("span",{...v,className:r(e.className,ia,M(ia,{size:l}),w(ia,{hover:p,focus:f,disabled:h,readonly:x}),{[`${ia}-on`]:t,[`${ia}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:h?void 0:0,"aria-disabled":h?"true":void 0,"aria-readonly":x?"true":void 0,children:[(0,na.jsxs)("span",{className:r("k-switch-track",M(ia,{rounded:n})),children:[o&&(0,na.jsx)("span",{className:"k-switch-label-on",children:o}),a&&(0,na.jsx)("span",{className:"k-switch-label-off",children:a})]}),(0,na.jsx)("span",{className:"k-switch-thumb-wrap",children:(0,na.jsx)("span",{className:r("k-switch-thumb",M(ia,{rounded:d}))})})]})};Le.states=NN;Le.options=kN;Le.className=ia;Le.defaultOptions=vN;Le.moduleName=cs;Le.folderName=Im;Le.ariaSpec={selector:".k-switch",rules:[{selector:".k-switch",attribute:"role=switch",usage:"Announces the switch role of the element."},{selector:".k-switch",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-switch",attribute:"aria-required=true (when required)",usage:'Rendered only when the Switch is in a form. Required because <span role="switch"> does not support the native required attribute.'},{selector:".k-switch",attribute:"aria-checked",usage:"Announces the checked state of the Switch."},{selector:".k-switch",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the switch."},{selector:".k-switch",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Switch is in a form and announces the invalid state."},{selector:".k-switch:not(.k-disabled)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled switches are removed from tab order."},{selector:".k-switch.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the Switch is disabled."},{selector:".k-switch.k-readonly",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Switch is readonly. Readonly switches remain focusable but their value cannot be changed."}]};var wN=require("react/jsx-runtime");var LN=require("react/jsx-runtime");var CN=require("react/jsx-runtime");var MN=require("react/jsx-runtime");var ms=require("react/jsx-runtime"),SN=Le.options,yN=Le.states,IN={...Le.defaultOptions,variant:"on"},EN=[{name:"on",title:"On"},{name:"off",title:"Off"}],AN=[],xr=e=>{let{variant:t,...o}=e;return t==="off"?(0,ms.jsx)(Le,{checked:!1,onLabel:"On",offLabel:"Off",...o}):(0,ms.jsx)(Le,{checked:!0,onLabel:"On",offLabel:"Off",...o})};xr.options=SN;xr.states=yN;xr.variants=EN;xr.defaultOptions=IN;xr.modifiers=AN;xr.className=Le.className;var Se=require("react/jsx-runtime"),us="k-filemanager",RN=[i.disabled],ON={},PN=(0,Se.jsx)(Se.Fragment,{children:(0,Se.jsxs)(mt,{children:[(0,Se.jsx)(c,{children:"New Folder"}),(0,Se.jsx)(c,{children:"Upload"}),(0,Se.jsxs)(_,{children:[(0,Se.jsx)(c,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),(0,Se.jsx)(c,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),(0,Se.jsx)(F,{text:"Sort By"}),(0,Se.jsxs)(_,{children:[(0,Se.jsx)(c,{className:"k-group-start",icon:"grid-layout","aria-label":"List view"}),(0,Se.jsx)(c,{className:"k-group-end",icon:"grid","aria-label":"Grid view"})]}),(0,Se.jsx)("div",{className:"k-spacer"}),(0,Se.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,Se.jsx)("label",{children:"View Details"}),(0,Se.jsx)(Le,{"aria-label":"View Details"})]}),(0,Se.jsx)(Me,{className:"k-filemanager-search-tool",placeholder:"Search..."})]})}),Em={toolbar:PN},Ve=e=>{let{disabled:t,toolbar:o=Em.toolbar,...a}=e;return(0,Se.jsxs)("div",{...a,className:r(e.className,us,w(us,{disabled:t})),children:[(0,Se.jsx)("div",{className:"k-filemanager-header",children:o}),(0,Se.jsx)("div",{className:"k-filemanager-content-container",children:e.children})]})};Ve.states=RN;Ve.options=ON;Ve.className=us;Ve.defaultOptions=Em;Ve.moduleName=vo;Ve.folderName=wo;Ve.ariaSpec={selector:".k-filemanager",rules:[{selector:".k-filemanager-preview",attribute:"tabindex=0",usage:"The element must be focusable, so that its content would be communicated to the users."}]};var bs="breadcrumb",Am=bs;var Om=require("react/jsx-runtime"),ai="k-breadcrumb",BN=[i.focus],GN={size:[s.undefined,s.small,s.medium,s.large]},Rm={collapsing:"auto"},$e=e=>{let{size:t,collapsing:o=Rm.collapsing,focus:a,...l}=e;return(0,Om.jsx)("nav",{...l,className:r(e.className,ai,w(ai,{focus:a}),M(ai,{size:t}),{"k-breadcrumb-wrap":o==="wrap"}),"aria-label":"Breadcrumb",children:e.children})};$e.states=BN;$e.options=GN;$e.className=ai;$e.defaultOptions=Rm;$e.moduleName=bs;$e.folderName=Am;$e.ariaSpec={selector:".k-breadcrumb",rules:[{selector:".k-breadcrumb",attribute:"aria-label=Breadcrumb",usage:"Indicates the type of navigation provided by the nav element."},{selector:".k-breadcrumb-item .k-breadcrumb-link,.k-breadcrumb-item .k-breadcrumb-root-link",attribute:"role=link or nodeName=a",usage:'The breadcrumb item should render an <a> element or have role="link".'},{selector:".k-breadcrumb-last-item .k-breadcrumb-link,.k-breadcrumb-last-item .k-breadcrumb-root-link",attribute:"aria-current=page",usage:"The last breadcrumb item points to the active page."},{selector:".k-breadcrumb-last-item .k-breadcrumb-link",attribute:"aria-disabled=true",usage:"The last breadcrumb item is disabled."},{selector:".k-breadcrumb-delimiter-icon",attribute:"aria-hidden=true",usage:"Delimiter icon should not be accessed through assistive technology."}]};var HN=require("react/jsx-runtime");var KN=require("react/jsx-runtime");var Pm=require("react/jsx-runtime"),_N="k-breadcrumb-container",DN={collapsing:"auto"},vt=e=>{let{collapsing:t=DN.collapsing,...o}=e;return(0,Pm.jsx)("ol",{...o,className:r(e.className,_N,{"!k-flex-wrap":t==="wrap","k-flex-none":t==="none"}),children:e.children})};var Bm=require("react/jsx-runtime"),zN="k-breadcrumb-item",Ce=e=>{let{root:t,last:o,...a}=e;return(0,Bm.jsx)("li",{...a,className:r(e.className,zN,{"k-breadcrumb-root-item":t,"k-breadcrumb-last-item":o}),children:e.children})};var Gm=require("react/jsx-runtime"),FN="",UN=[i.hover,i.focus,i.disabled],ke=e=>{let{root:t,icon:o,icontext:a,hover:l,focus:n,disabled:d,last:p,...f}=e;return(0,Gm.jsx)("a",{href:"#",...f,className:r(e.className,w(FN,{hover:l,focus:n,disabled:d}),{"k-breadcrumb-link":!t,"k-breadcrumb-root-link":t,"k-breadcrumb-icon-link":o,"k-breadcrumb-icontext-link":a}),...p&&{"aria-current":"page"},...p&&{"aria-disabled":"true"},children:e.children})};ke.states=UN;var Hm=require("react/jsx-runtime"),VN="k-breadcrumb-item-text",oo=e=>{let{text:t,...o}=e,a=t\|\|e.children;return(0,Hm.jsx)("span",{...o,className:r(e.className,VN),children:a})};var fs=require("react/jsx-runtime");var Ts=require("react/jsx-runtime");var hs=require("react/jsx-runtime");var G=require("react/jsx-runtime"),$N=$e.options,WN=$e.states,XN={...$e.defaultOptions,variant:"text"},JN=[{name:"text",title:"Text"},{name:"icon",title:"Icon"},{name:"icon-and-text",title:"Icon & Text"}],qN=[],Nr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,G.jsx)($e,{...o,children:(0,G.jsxs)(vt,{children:[(0,G.jsxs)(Ce,{root:!0,children:[(0,G.jsx)(ke,{root:!0,icon:!0,onClick:a=>a.preventDefault(),children:(0,G.jsx)(u,{icon:"cart"})}),(0,G.jsx)(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,G.jsxs)(Ce,{children:[(0,G.jsx)(ke,{icon:!0,onClick:a=>a.preventDefault(),children:(0,G.jsx)(u,{icon:"js"})}),(0,G.jsx)(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,G.jsxs)(Ce,{children:[(0,G.jsx)(ke,{icon:!0,onClick:a=>a.preventDefault(),children:(0,G.jsx)(u,{icon:"truck"})}),(0,G.jsx)(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,G.jsx)(Ce,{last:!0,children:(0,G.jsx)(ke,{icon:!0,onClick:a=>a.preventDefault(),children:(0,G.jsx)(u,{icon:"wallet-outline"})})})]})});case"icon-and-text":return(0,G.jsx)($e,{...o,children:(0,G.jsxs)(vt,{children:[(0,G.jsxs)(Ce,{root:!0,children:[(0,G.jsxs)(ke,{root:!0,icontext:!0,onClick:a=>a.preventDefault(),children:[(0,G.jsx)(u,{icon:"cart"}),(0,G.jsx)(oo,{text:"Cart"})]}),(0,G.jsx)(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,G.jsxs)(Ce,{children:[(0,G.jsxs)(ke,{icontext:!0,onClick:a=>a.preventDefault(),children:[(0,G.jsx)(u,{icon:"js"}),(0,G.jsx)(oo,{text:"Billing"})]}),(0,G.jsx)(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,G.jsxs)(Ce,{children:[(0,G.jsxs)(ke,{icontext:!0,onClick:a=>a.preventDefault(),children:[(0,G.jsx)(u,{icon:"truck"}),(0,G.jsx)(oo,{text:"Shipping"})]}),(0,G.jsx)(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,G.jsx)(Ce,{last:!0,children:(0,G.jsxs)(ke,{icontext:!0,onClick:a=>a.preventDefault(),children:[(0,G.jsx)(u,{icon:"wallet-outline"}),(0,G.jsx)(oo,{text:"Payment"})]})})]})});default:return(0,G.jsx)($e,{...o,children:(0,G.jsxs)(vt,{children:[(0,G.jsxs)(Ce,{root:!0,children:[(0,G.jsx)(ke,{root:!0,onClick:a=>a.preventDefault(),children:(0,G.jsx)(oo,{text:"Cart"})}),(0,G.jsx)(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,G.jsxs)(Ce,{children:[(0,G.jsx)(ke,{onClick:a=>a.preventDefault(),children:(0,G.jsx)(oo,{text:"Billing"})}),(0,G.jsx)(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,G.jsxs)(Ce,{children:[(0,G.jsx)(ke,{onClick:a=>a.preventDefault(),children:(0,G.jsx)(oo,{text:"Shipping"})}),(0,G.jsx)(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,G.jsx)(Ce,{last:!0,children:(0,G.jsx)(ke,{onClick:a=>a.preventDefault(),children:(0,G.jsx)(oo,{text:"Payment"})})})]})})}};Nr.options=$N;Nr.states=WN;Nr.variants=JN;Nr.defaultOptions=XN;Nr.modifiers=qN;Nr.className=$e.className;var _m=require("react/jsx-runtime"),Km="k-filemanager-breadcrumb",YN=[],QN={},ZN={},At=e=>{let{children:t,...o}=e;return(0,_m.jsx)($e,{className:r(e.className,Km),...o,children:t})};At.states=YN;At.options=QN;At.className=Km;At.defaultOptions=ZN;At.moduleName=vo;At.folderName=wo;var gs="pager",Dm=gs;var ve=require("react/jsx-runtime"),ri="k-pager",jN=[i.focus,i.disabled],ek={size:[s.undefined,s.small,s.medium,s.large]},Vt={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},Oe=e=>{let{responsive:t=Vt.responsive,size:o,pagerSizeInfo:a=Vt.pagerSizeInfo,pageTitleInfo:l=Vt.pageTitleInfo,maxPagesInfo:n=Vt.maxPagesInfo,itemsPerPage:d=Vt.itemsPerPage,maxPages:p=Vt.maxPages,currentPage:f=Vt.currentPage,previousNext:h=Vt.previousNext,type:x=Vt.type,pageSizes:v=Vt.pageSizes,refresh:T=Vt.refresh,info:L=Vt.info,focus:C,disabled:A,dir:D,...K}=e,W=[],ge=[];for(let ce=1;ce<=p;ce++)W.push((0,ve.jsx)(c,{selected:ce===f,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${ce}`,...ce===f&&{"aria-current":"page"},children:ce},ce)),ge.push((0,ve.jsx)("option",{selected:ce===f,children:ce},ce));return(0,ve.jsxs)("div",{dir:D,...K,className:r(e.className,ri,M(ri,{size:o}),w(ri,{focus:C,disabled:A}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${f} of ${p}`,children:[(0,ve.jsxs)("div",{className:r("k-pager-numbers-wrap"),children:[h&&(0,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsx)(c,{className:r("k-pager-nav","k-pager-first"),ariaDisabled:f===1,fillMode:"flat",size:o,icon:D==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),(0,ve.jsx)(c,{className:r("k-pager-nav"),ariaDisabled:f===1,fillMode:"flat",size:o,icon:D==="rtl"?"chevron-right":"chevron-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),x==="numeric"&&(0,ve.jsx)("div",{className:r("k-pager-numbers"),children:W}),x==="input"&&(0,ve.jsxs)("span",{className:r("k-pager-input"),children:[l&&(0,ve.jsx)("span",{children:"Page"}),(0,ve.jsx)(Y,{value:`${f}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),(0,ve.jsx)("span",{children:n&&`of ${p}`})]}),h&&(0,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsx)(c,{className:r("k-pager-nav"),ariaDisabled:f===p,fillMode:"flat",size:o,icon:D==="rtl"?"chevron-left":"chevron-right",title:"Go to the next page","aria-label":"Go to the next page"}),(0,ve.jsx)(c,{className:r("k-pager-nav","k-pager-last"),ariaDisabled:f===p,fillMode:"flat",size:o,icon:D==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),v&&(0,ve.jsxs)("span",{className:r("k-pager-sizes"),children:[(0,ve.jsx)(ue,{value:`${d}`,size:o,"aria-label":"Items per page"}),a&&(0,ve.jsx)("span",{children:"items per page"})]}),T&&(0,ve.jsx)(c,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),L&&(0,ve.jsx)("span",{className:r("k-pager-info"),children:L})]})};Oe.states=jN;Oe.options=ek;Oe.className=ri;Oe.defaultOptions=Vt;Oe.moduleName=gs;Oe.folderName=Dm;Oe.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 Fm=require("react/jsx-runtime"),zm=e=>(0,Fm.jsx)(Oe,{...e,responsive:!1});var tk=require("react/jsx-runtime");var ok=require("react/jsx-runtime");var xs=require("react/jsx-runtime"),ak=Oe.options,rk=Oe.states,lk={...Oe.defaultOptions,variant:"numeric"},ik=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],nk=[],kr=e=>{let{variant:t,...o}=e;return t==="input"?(0,xs.jsx)(Oe,{...o,type:"input"}):(0,xs.jsx)(Oe,{...o,type:"numeric"})};kr.options=ak;kr.states=rk;kr.variants=ik;kr.defaultOptions=lk;kr.modifiers=nk;kr.className=Oe.className;var cl="listview",li=cl;var Rt=require("react/jsx-runtime"),Ns="k-listview",sk=[i.loading,i.disabled],dk={},Um={pagerPosition:"bottom"},Ye=e=>{let{header:t,footer:o,pageable:a,pagerPosition:l=Um.pagerPosition,bordered:n,layout:d,flexDirection:p,flexWrap:f,gridColumns:h,loading:x,disabled:v,selectable:T,contentAriaLabel:L,...C}=e,A=(0,Rt.jsx)(zm,{className:`k-listview-pager k-listview-pager-${l}`}),D=(0,Rt.jsx)(Rt.Fragment,{children:(0,Rt.jsxs)("div",{className:"k-loading-mask",style:{height:"100%",width:"100%"},children:[(0,Rt.jsx)("span",{className:"k-loading-text",children:"Loading..."}),(0,Rt.jsx)("div",{className:"k-loading-image"}),(0,Rt.jsx)("div",{className:"k-loading-color"})]})});return(0,Rt.jsxs)("div",{...C,className:r(e.className,Ns,{"k-listview-bordered":n,"k-selectable":T},w(Ns,{disabled:v,loading:x})),children:[a&&l==="top"&&A,t&&(0,Rt.jsx)("div",{className:"k-listview-header",children:"Header"}),(0,Rt.jsx)("div",{className:r("k-listview-content",{[`k-d-${d}`]:d,[`k-flex-${p}`]:p,[`k-flex-${f}`]:f,[`k-grid-cols-${h}`]:h}),role:T?"listbox":"list","aria-label":L,children:e.children}),x&&D,o&&(0,Rt.jsx)("div",{className:"k-listview-footer",children:"Footer"}),a&&l==="bottom"&&A]})};Ye.states=sk;Ye.options=dk;Ye.className=Ns;Ye.defaultOptions=Um;Ye.moduleName=cl;Ye.folderName=li;Ye.ariaSpec={selector:".k-listview",rules:[{selector:".k-listview:not(.k-selectable) .k-listview-content",attribute:"role=list",usage:"Specifies the role of non selectable ListView content element."},{selector:".k-listview.k-selectable .k-listview-content",attribute:"role=listbox",usage:"Specifies the role of selectable ListView content element."},{selector:".k-listview:not(.k-selectable) .k-listview-item",attribute:"role=listitem",usage:"Specifies the role of each item in a non selectable ListView."},{selector:".k-listview.k-selectable .k-listview-item",attribute:"role=option",usage:"Specifies the role of each item in a selectable ListView."},{selector:".k-listview-item",attribute:"aria-setsize",usage:"Specifies the total number of items present in the ListView."},{selector:".k-listview-item",attribute:"aria-posinset",usage:"Specifies the position of the current item in the entire list."},{selector:".k-listview-item:nth-child(1)",attribute:"tabindex=0",usage:"The first item in the ListView must be focusable by default."}]};var Vm=require("react/jsx-runtime"),ks="k-listview-item",ck=[i.focus,i.selected],pk={},mk={},de=e=>{let{focus:t,selected:o,itemRole:a,ariaSetSize:l,ariaPosInSet:n,tabIndex:d,...p}=e;return(0,Vm.jsx)("div",{...p,className:r(e.className,ks,w(ks,{focus:t,selected:o})),role:a,"aria-setsize":l,"aria-posinset":n,tabIndex:d,"aria-selected":a==="option"&&o?"true":void 0,children:e.children})};de.states=ck;de.options=pk;de.className=ks;de.defaultOptions=mk;de.moduleName=cl;de.folderName=li;var ao=require("react/jsx-runtime"),vs=e=>(0,ao.jsx)(Ye,{children:(0,ao.jsxs)(ao.Fragment,{children:[(0,ao.jsx)(de,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:1,tabIndex:0,children:(0,ao.jsx)("div",{children:"Listview Item"})}),(0,ao.jsx)(de,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:2,children:(0,ao.jsx)("div",{children:"Listview Item"})}),(0,ao.jsx)(de,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:3,children:(0,ao.jsx)("div",{children:"Listview Item"})})]}),...e});var uk=require("react/jsx-runtime");var ws=require("react/jsx-runtime");var wt=require("react/jsx-runtime"),bk=Ye.options,fk=Ye.states,$m={...Ye.defaultOptions,variant:"flex"},Tk=[{name:"flex",title:"Flex"},{name:"grid",title:"Grid"},{name:"loading",title:"Loading"}],hk=[{name:"pageable",title:"Pager"}],vr=e=>{let{variant:t,modifiers:o,...a}={...$m,...e},l={};return l.loading=t==="loading",Object.keys(o\|\|{}).forEach(n=>{n==="pageable"&&(l.pageable=!!(o!=null&&o[n]))}),t==="grid"?(0,wt.jsxs)(vs,{style:{width:"324px"},...a,...l,bordered:!0,layout:"grid",gridColumns:2,children:[(0,wt.jsx)(de,{className:"k-p-2",children:"Listview Item"}),(0,wt.jsx)(de,{className:"k-p-2",children:"Listview Item"}),(0,wt.jsx)(de,{className:"k-p-2",selected:!0,children:"Listview Item"}),(0,wt.jsx)(de,{className:"k-p-2",children:"Listview Item"}),(0,wt.jsx)(de,{className:"k-p-2",children:"Listview Item"}),(0,wt.jsx)(de,{className:"k-p-2",children:"Listview Item"})]}):(0,wt.jsxs)(vs,{style:{width:"324px"},...a,...l,bordered:!0,layout:"flex",flexDirection:"col",children:[(0,wt.jsx)(de,{className:"k-p-2",children:"Listview Item"}),(0,wt.jsx)(de,{className:"k-p-2",children:"Listview Item"}),(0,wt.jsx)(de,{className:"k-p-2",selected:!0,children:"Listview Item"}),(0,wt.jsx)(de,{className:"k-p-2",children:"Listview Item"}),(0,wt.jsx)(de,{className:"k-p-2",children:"Listview Item"})]})};vr.options=bk;vr.states=fk;vr.variants=Tk;vr.defaultOptions=$m;vr.modifiers=hk;vr.className=Ye.className;var Xm=require("react/jsx-runtime"),Wm="k-filemanager-listview",gk=[],xk={},Nk={},Lo=e=>{let{children:t,...o}=e;return(0,Xm.jsx)(Ye,{className:r(e.className,Wm),layout:"flex",flexDirection:"row",flexWrap:"wrap",selectable:!0,contentAriaLabel:"Files",...o,children:t})};Lo.states=gk;Lo.options=xk;Lo.className=Wm;Lo.defaultOptions=Nk;Lo.moduleName=vo;Lo.folderName=wo;var si=zr(require("react"));var ii=zr(require("react"));var Jm=require("react/jsx-runtime"),kk="k-treeview-group",_o=e=>{let{children:t,dir:o,level:a=1,role:l="group",...n}=e;return(0,Jm.jsx)("ul",{...n,className:r(e.className,kk),role:l,children:ii.default.Children.map(t,(d,p)=>ii.default.isValidElement(d)?ii.default.cloneElement(d,{dir:o,level:a,key:p}):d)})};var pl="treeview",ni=pl;var Cs=require("react/jsx-runtime"),Ls="k-treeview",vk=[],wk={size:[s.undefined,s.small,s.medium,s.large]},Lk={},Ke=e=>{let{size:t,children:o,dir:a,...l}=e;return(0,Cs.jsx)("div",{...l,dir:a,className:r(e.className,Ls,M(Ls,{size:t})),children:(0,Cs.jsx)(_o,{className:"k-treeview-lines",role:"tree",dir:a,children:si.default.Children.map(o,(n,d)=>si.default.isValidElement(n)?si.default.cloneElement(n,{dir:a,key:d}):n)})})};Ke.states=vk;Ke.options=wk;Ke.className=Ls;Ke.defaultOptions=Lk;Ke.moduleName=pl;Ke.folderName=ni;Ke.ariaSpec={selector:".k-treeview",rules:[{selector:".k-treeview-lines",attribute:"role=tree",usage:"The root list element of the treeview."},{selector:".k-treeview-group:not(.k-treeview-lines)",attribute:"role=group",usage:"The ul element that wraps child nodes."},{selector:".k-treeview-item",attribute:"role=treeitem",usage:"The li element rendered for a tree node."},{selector:".k-treeview-item",attribute:"aria-expanded=true/false (when present)",usage:"Announces the expanded state of the node."},{selector:".k-treeview-item",attribute:"aria-checked=true/false (when present)",usage:"Announces the checked state of the node when checkboxes are enabled."},{selector:".k-treeview-item",attribute:"aria-selected=true (when present)",usage:"Announces the selected state of the node when selection is enabled."},{selector:".k-treeview-item .k-checkbox",attribute:"aria-label",usage:"The checkbox input must have an accessible name matching the treeview item text."},{selector:".k-treeview-item .k-checkbox",attribute:"tabindex=-1",usage:"The checkbox input must not be in the tab order. Keyboard interaction is handled by the treeitem."}]};var ci=zr(require("react"));var ml=require("react/jsx-runtime"),Ms="k-treeview-leaf",Ck=[i.hover,i.focus,i.selected],Mk={},di=e=>{let{text:t,showIcon:o,icon:a,hover:l,focus:n,selected:d,...p}=e;return(0,ml.jsxs)("span",{...p,className:r(e.className,Ms,w(Ms,{hover:l,focus:n,selected:d})),children:[o&&(0,ml.jsx)(u,{icon:a}),(0,ml.jsx)("span",{className:"k-treeview-leaf-text",children:t})]})};di.states=Ck;di.options=Mk;di.className=Ms;var qm=di;var sa=require("react/jsx-runtime"),Ym="k-treeview-item",Sk=[i.hover,i.focus,i.selected,i.disabled],yk={},Ik={},me=e=>{let{leafClassName:t,children:o,hasChildren:a,expanded:l,text:n,showIcon:d,icon:p,showCheckbox:f,checked:h,hover:x,focus:v,selected:T,disabled:L,dir:C,level:A=1,ariaSelected:D,...K}=e,W=a\|\|o;return(0,sa.jsxs)("li",{...K,className:r(e.className,Ym),style:{"--kendo-treeview-level":A},role:"treeitem","aria-expanded":W?l?"true":"false":void 0,"aria-checked":f?h?"true":"false":void 0,"aria-selected":D?"true":void 0,"aria-disabled":L?"true":void 0,children:[(0,sa.jsxs)("span",{className:r("k-treeview-item-content",w("k-treeview-item-content",{hover:x,focus:v,selected:T,disabled:L})),children:[W&&(0,sa.jsx)("span",{className:r("k-treeview-toggle",w("k-treeview-toggle",{disabled:L})),children:(0,sa.jsx)(u,{icon:l?"chevron-down":C==="rtl"?"chevron-left":"chevron-right"})}),f&&(0,sa.jsx)(ze,{checked:h,disabled:L,"aria-label":n,tabIndex:-1}),(0,sa.jsx)(qm,{className:t,text:n,showIcon:d,icon:p})]}),l&&W&&ci.default.Children.map(o,(ge,ce)=>ci.default.isValidElement(ge)?ci.default.cloneElement(ge,{dir:C,level:A+1,key:ce}):ge)]})};me.states=Sk;me.options=yk;me.className=Ym;me.defaultOptions=Ik;me.moduleName=pl;me.folderName=ni;var Ek=require("react/jsx-runtime");var Qm=require("react/jsx-runtime");var Zm=require("react/jsx-runtime");var jm=require("react/jsx-runtime");var eu=require("react/jsx-runtime");var tu=require("react/jsx-runtime");var ro=require("react/jsx-runtime"),Ak=Ke.options,Rk=Ke.states,Ok=Ke.defaultOptions,Pk=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],Bk=[],wr=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{l==="checkboxes"&&(a.showCheckbox=t==null?void 0:t[l])}),(0,ro.jsxs)(Ke,{...o,children:[(0,ro.jsx)(me,{text:"Furniture",expanded:!0,...a,children:(0,ro.jsxs)(_o,{children:[(0,ro.jsx)(me,{text:"Tables & Chairs",...a}),(0,ro.jsx)(me,{text:"Sofas",...a}),(0,ro.jsx)(me,{text:"Occasional Furniture",...a})]})}),(0,ro.jsxs)(me,{text:"Decor",expanded:!1,...a,children:[(0,ro.jsx)(me,{text:"Bed Linen",...a}),(0,ro.jsx)(me,{text:"Curtains & Blinds",...a}),(0,ro.jsx)(me,{text:"Carpets",...a})]})]})};wr.options=Ak;wr.states=Rk;wr.variants=Bk;wr.defaultOptions=Ok;wr.modifiers=Pk;wr.className=Ke.className;var au=require("react/jsx-runtime"),ou="k-filemanager-treeview",Gk=[],Hk={},Kk={},Ot=e=>{let{children:t,...o}=e;return(0,au.jsx)(Ke,{className:r(e.className,ou),...o,children:t})};Ot.states=Gk;Ot.options=Hk;Ot.className=ou;Ot.defaultOptions=Kk;Ot.moduleName=vo;Ot.folderName=wo;var ul=require("react/jsx-runtime"),ru="k-filemanager-drag-hint",_k=[],Dk={},lu={icon:"file"},pi=e=>{let{hint:t,icon:o=lu.icon,...a}=e;return(0,ul.jsxs)("div",{className:r(e.className,ru,"k-drag-clue"),...a,children:[(0,ul.jsx)(u,{icon:o}),(0,ul.jsx)("span",{children:t})]})};pi.states=_k;pi.options=Dk;pi.className=ru;pi.defaultOptions=lu;var fe=require("react/jsx-runtime"),iu="k-file-info",zk=[],Fk={},Ss={name:"No File Selected",icon:"file"},da=e=>{let{selection:t,name:o=Ss.name,icon:a=Ss.icon,fileType:l,fileSize:n,fileDateCreated:d,fileDateModified:p,...f}=e;return(0,fe.jsxs)("div",{...f,className:r(e.className,iu),children:[(0,fe.jsx)(Qe,{className:r({"k-single-file-selected":t==="single","k-multiple-files-selected":t==="multiple","k-no-file-selected":t==="none"}),icon:t==="none"?"none":a,name:o,size:"xxxlarge"}),t==="single"&&(0,fe.jsx)(fe.Fragment,{children:(0,fe.jsxs)("dl",{className:"k-file-meta",children:[l&&(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)("dt",{className:"k-file-meta-label",children:"Type: "}),(0,fe.jsx)("dd",{className:"k-file-meta-value k-file-type",children:l}),(0,fe.jsx)("dd",{className:"k-line-break"})]}),n&&(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)("dt",{className:"k-file-meta-label",children:"Size: "}),(0,fe.jsx)("dd",{className:"k-file-meta-value k-file-size",children:n}),(0,fe.jsx)("dd",{className:"k-line-break"})]}),d&&(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)("dt",{className:"k-file-meta-label",children:"Date Created: "}),(0,fe.jsx)("dd",{className:"k-file-meta-value k-file-created",children:d}),(0,fe.jsx)("dd",{className:"k-line-break"})]}),p&&(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)("dt",{className:"k-file-meta-label",children:"Date Modified: "}),(0,fe.jsx)("dd",{className:"k-file-meta-value k-file-modified",children:p}),(0,fe.jsx)("dd",{className:"k-line-break"})]})]})})]})};da.states=zk;da.options=Fk;da.className=iu;da.defaultOptions=Ss;var ca=require("react/jsx-runtime"),nu="k-file-preview",Uk=[],Vk={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge]},$k={},Qe=e=>{let{size:t,icon:o,name:a,...l}=e;return(0,ca.jsxs)(ca.Fragment,{children:[(0,ca.jsx)("span",{...l,className:r(nu),children:(0,ca.jsx)(u,{className:"k-file-icon",icon:o,size:t})}),(0,ca.jsx)("span",{className:r(e.className,"k-file-name"),children:a})]})};Qe.states=Uk;Qe.options=Vk;Qe.className=nu;Qe.defaultOptions=$k;var su=require("react/jsx-runtime"),Ia="k-pane",Wk=[],Xk={},ys={resizable:!0,flex:!1},he=e=>{let{scrollable:t,flexBasis:o,flex:a=ys.flex,collapsible:l,resizable:n=ys.resizable,pinned:d,unpinned:p,tabbed:f,...h}=e;return(0,su.jsx)("div",{...h,style:{flexBasis:o,...e.style},className:r(e.className,Ia,{[`${Ia}-static`]:o,[`${Ia}-flex`]:a,"k-scrollable":t,[`${Ia}-pinned`]:d,[`${Ia}-unpinned`]:p,[`${Ia}-tabbed`]:f}),role:"group",children:e.children})};he.states=Wk;he.options=Xk;he.className=Ia;he.defaultOptions=ys;var $t=require("react/jsx-runtime"),Lr="k-splitbar",Jk=[i.hover,i.focus],qk={},Is={orientation:"horizontal",draggable:!0},Cr=e=>{let{hover:t,focus:o,orientation:a=Is.orientation,draggable:l=Is.draggable,collapsePrev:n,collapseNext:d,ariaLabel:p,...f}=e;return(0,$t.jsxs)("div",{...f,className:r(e.className,Lr,w(Lr,{hover:t,focus:o}),{[`${Lr}-${a}`]:a,[`${Lr}-draggable-${a}`]:l,[`${Lr}-static-${a}`]:!l&&!n&&!d}),role:"separator","aria-label":p,...a==="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)(u,{icon:`chevron-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),(0,$t.jsx)("div",{className:"k-resize-handle","aria-hidden":"true"}),d&&(0,$t.jsx)($t.Fragment,{children:(0,$t.jsx)("div",{className:"k-collapse-next",children:(0,$t.jsx)(u,{icon:`chevron-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};Cr.states=Jk;Cr.options=qk;Cr.className=Lr;Cr.defaultOptions=Is;var Es="splitter",du=Es;var mi=require("react/jsx-runtime"),pu=require("react"),As="k-splitter",Yk={},cu={orientation:"horizontal"},ye=e=>{let{orientation:t=cu.orientation,children:o,panes:a,...l}=e,n=[];return a&&a.forEach((d,p)=>{let f=a[p+1],h=d.props,x=f==null?void 0:f.props;n.push((0,pu.createElement)(he,{...h,key:p})),f&&n.push((0,mi.jsx)(Cr,{draggable:h.resizable!==!1&&x.resizable!==!1,collapsePrev:h.collapsible,collapseNext:x.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${p}`))}),(0,mi.jsxs)("div",{...l,className:r(e.className,As,{[`${As}-${t}`]:t},"k-splitter-flex"),children:[n,o]})};ye.options=Yk;ye.className=As;ye.defaultOptions=cu;ye.moduleName=Es;ye.folderName=du;ye.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 mu=require("react/jsx-runtime");var uu=require("react/jsx-runtime");var Ea=require("react/jsx-runtime"),bl=require("react"),Qk=ye.options,Zk=ye.states,bu={...ye.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},jk=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ev=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],Mr=e=>{let{variant:t,modifiers:o,...a}={...bu,...e},l=f=>({collapsible:f,content:f?"Resizable and collapsible":"Resizable only"}),n=l(!0),d=l(!0),p={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o\|\|{}).forEach(f=>{let h=o==null?void 0:o[f];switch(f){case"secondPaneProps":d=l(!!h);break;case"firstPaneProps":n=l(!!h);break;default:break}}),t==="vertical"?(0,Ea.jsx)(ye,{style:{height:"238px"},...a,orientation:"vertical",panes:[(0,bl.createElement)(he,{...n,flexBasis:"50%",style:p,key:"pane-1"},(0,Ea.jsx)("p",{children:n.content})),(0,bl.createElement)(he,{...d,flexBasis:"50%",style:p,key:"pane-2"},(0,Ea.jsx)("p",{children:d.content}))]}):(0,Ea.jsx)(ye,{style:{height:"238px"},...a,orientation:"horizontal",panes:[(0,bl.createElement)(he,{...n,flexBasis:"50%",style:p,key:"pane-1"},(0,Ea.jsx)("p",{children:n.content})),(0,bl.createElement)(he,{...d,flexBasis:"50%",style:p,key:"pane-2"},(0,Ea.jsx)("p",{children:d.content}))]})};Mr.options=Qk;Mr.states=Zk;Mr.variants=jk;Mr.defaultOptions=bu;Mr.modifiers=ev;Mr.className=ye.className;var q=require("react/jsx-runtime"),fu=e=>(0,q.jsx)(Ve,{toolbar:(0,q.jsxs)(mt,{children:[(0,q.jsx)(c,{children:"New Folder"}),(0,q.jsx)(c,{children:"Upload"}),(0,q.jsxs)(_,{children:[(0,q.jsx)(c,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),(0,q.jsx)(c,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),(0,q.jsx)(F,{text:"Sort By"}),(0,q.jsxs)(_,{children:[(0,q.jsx)(c,{className:"k-group-start",icon:"grid","aria-label":"Grid view"}),(0,q.jsx)(c,{className:"k-group-end",icon:"grid-layout",selected:!0,"aria-label":"List view"})]}),(0,q.jsx)("div",{className:"k-spacer"}),(0,q.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,q.jsx)("label",{children:"View Details"}),(0,q.jsx)(Le,{"aria-label":"View Details"})]}),(0,q.jsx)(Me,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,q.jsx)(q.Fragment,{children:(0,q.jsx)(ye,{className:"k-filemanager-splitter",panes:[(0,q.jsx)(he,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,q.jsx)(Ot,{children:(0,q.jsx)(me,{text:"Folder"})})},"pane-1"),(0,q.jsxs)(he,{className:"k-filemanager-content",scrollable:!0,children:[(0,q.jsx)(At,{children:(0,q.jsx)(vt,{children:(0,q.jsx)(Ce,{root:!0,children:(0,q.jsx)(ke,{root:!0,icon:!0,"aria-label":"Home",children:(0,q.jsx)(u,{icon:"home"})})})})}),(0,q.jsxs)(Lo,{children:[(0,q.jsx)(de,{itemRole:"option",ariaSetSize:2,ariaPosInSet:1,tabIndex:0,children:(0,q.jsx)(Qe,{name:"Folder",icon:"folder",size:"xxxlarge"})}),(0,q.jsx)(de,{itemRole:"option",ariaSetSize:2,ariaPosInSet:2,tabIndex:-1,children:(0,q.jsx)(Qe,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2")]})}),...e});var J=require("react/jsx-runtime"),Tu=e=>(0,J.jsx)(Ve,{toolbar:(0,J.jsxs)(mt,{children:[(0,J.jsx)(c,{children:"New Folder"}),(0,J.jsx)(c,{children:"Upload"}),(0,J.jsxs)(_,{children:[(0,J.jsx)(c,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),(0,J.jsx)(c,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),(0,J.jsx)(F,{text:"Sort By"}),(0,J.jsxs)(_,{children:[(0,J.jsx)(c,{className:"k-group-start",icon:"grid","aria-label":"Grid view"}),(0,J.jsx)(c,{className:"k-group-end",icon:"grid-layout",selected:!0,"aria-label":"List view"})]}),(0,J.jsx)("div",{className:"k-spacer"}),(0,J.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,J.jsx)("label",{children:"View Details"}),(0,J.jsx)(Le,{checked:!0,"aria-label":"View Details"})]}),(0,J.jsx)(Me,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,J.jsx)(J.Fragment,{children:(0,J.jsx)(ye,{className:"k-filemanager-splitter",panes:[(0,J.jsx)(he,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,J.jsx)(Ot,{children:(0,J.jsx)(me,{text:"Folder"})})},"pane-1"),(0,J.jsxs)(he,{className:"k-filemanager-content",scrollable:!0,children:[(0,J.jsx)(At,{children:(0,J.jsx)(vt,{children:(0,J.jsx)(Ce,{root:!0,children:(0,J.jsx)(ke,{root:!0,icon:!0,"aria-label":"Home",children:(0,J.jsx)(u,{icon:"home"})})})})}),(0,J.jsxs)(Lo,{children:[(0,J.jsx)(de,{itemRole:"option",ariaSetSize:2,ariaPosInSet:1,tabIndex:0,children:(0,J.jsx)(Qe,{name:"Folder",icon:"folder",size:"xxxlarge"})}),(0,J.jsx)(de,{itemRole:"option",ariaSetSize:2,ariaPosInSet:2,tabIndex:-1,children:(0,J.jsx)(Qe,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2"),(0,J.jsx)(he,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",tabIndex:0,children:(0,J.jsx)(da,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});var rt="table",ut=rt;var gu=require("react/jsx-runtime"),hu="k-data-table",tv=[],ov={size:[s.undefined,s.small,s.medium,s.large]},av={},Do=e=>{let{size:t,...o}=e;return(0,gu.jsx)("div",{...o,className:r(e.className,hu,M("k-table",{size:t})),children:e.children})};Do.states=tv;Do.options=ov;Do.className=hu;Do.defaultOptions=av;Do.moduleName=rt;Do.folderName=ut;var xu=require("react/jsx-runtime"),Rs="k-table-header-wrap",rv=[i.hover,i.focus,i.disabled],lv={},iv={},pa=e=>{let{children:t,hover:o,focus:a,disabled:l,...n}=e;return(0,xu.jsx)("div",{...n,className:r(e.className,Rs,w(Rs,{hover:o,focus:a,disabled:l})),children:t})};pa.states=rv;pa.options=lv;pa.className=Rs;pa.defaultOptions=iv;pa.moduleName=rt;pa.folderName=ut;var Nu=require("react/jsx-runtime"),Os="k-table",nv=[],sv={size:[s.undefined,s.small,s.medium,s.large]},dv={},bt=e=>{let{size:t,...o}=e;return(0,Nu.jsx)("table",{...o,className:r(e.className,Os,M(Os,{size:t})),children:e.children})};bt.states=nv;bt.options=sv;bt.className=Os;bt.defaultOptions=dv;bt.moduleName=rt;bt.folderName=ut;var ui=require("react/jsx-runtime"),Ps="k-table-header",cv=[i.hover,i.focus,i.disabled],pv={},mv={},zo=e=>{let{children:t,hover:o,focus:a,disabled:l,...n}=e;return(0,ui.jsx)("div",{...n,className:r(e.className,Ps,w(Ps,{hover:o,focus:a,disabled:l})),children:(0,ui.jsx)(pa,{children:(0,ui.jsx)(bt,{children:t})})})};zo.states=cv;zo.options=pv;zo.className=Ps;zo.defaultOptions=mv;zo.moduleName=rt;zo.folderName=ut;var vu=require("react/jsx-runtime"),ku="k-table-scroller",uv=[],bv={},fv={},Sr=e=>{let{children:t,...o}=e;return(0,vu.jsx)("div",{...o,className:r(e.className,ku),children:t})};Sr.states=uv;Sr.options=bv;Sr.className=ku;Sr.defaultOptions=fv;Sr.moduleName=rt;Sr.folderName=ut;var Tv=require("react/jsx-runtime");var Lu=require("react/jsx-runtime"),wu="k-table-footer",hv=[],gv={},xv={},ma=e=>{let{children:t,...o}=e;return(0,Lu.jsx)("div",{...o,className:r(e.className,wu),children:t})};ma.states=hv;ma.options=gv;ma.className=wu;ma.defaultOptions=xv;ma.moduleName=rt;ma.folderName=ut;var Cu=require("react/jsx-runtime"),Bs="k-table-list",Nv=[],kv={size:[s.undefined,s.small,s.medium,s.large]},vv={},ua=e=>{let{size:t,virtualization:o,...a}=e;return(0,Cu.jsx)("ul",{...a,className:r(e.className,"k-table",Bs,M(Bs,{size:t}),{"k-virtual-table":o}),children:e.children})};ua.states=Nv;ua.options=kv;ua.className=Bs;ua.defaultOptions=vv;ua.moduleName=rt;ua.folderName=ut;var Mu=require("react/jsx-runtime"),wv="k-table-thead",Z=e=>(0,Mu.jsx)("thead",{className:r(e.className,wv),children:e.children});var Su=require("react/jsx-runtime"),Lv="k-table-tbody",re=e=>(0,Su.jsx)("tbody",{className:r(e.className,Lv),children:e.children});var Cv=require("react/jsx-runtime");var yu=require("react/jsx-runtime"),Gs="k-table-row",Mv=[i.hover,i.focus,i.selected,i.disabled,i.highlighted],y=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:n,alt:d,...p}=e;return(0,yu.jsx)("tr",{...p,className:r(e.className,Gs,{"k-table-alt-row":d},w(Gs,{hover:t,focus:o,disabled:n,selected:a,highlighted:l})),children:e.children})};y.states=Mv;y.className=Gs;var Iu=require("react/jsx-runtime"),Hs="k-table-row",Sv=[i.hover,i.focus,i.selected,i.disabled],bi=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:n,...d}=e;return(0,Iu.jsx)("li",{...d,className:r(e.className,Hs,{"k-table-alt-row":n},w(Hs,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};bi.states=Sv;bi.className=Hs;var Au=require("react/jsx-runtime"),Eu="k-table-th",Fo=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,n=t\|\|e.children;return(0,Au.jsx)("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,Eu),children:n})};Fo.className=Eu;Fo.moduleName=rt;Fo.folderName=ut;var yv=require("react/jsx-runtime");var Ru=require("react/jsx-runtime"),Ks="k-table-td",Iv=[i.focus,i.selected,i.highlighted],m=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:n,rowspan:d,...p}=e,f=l\|\|e.children;return(0,Ru.jsx)("td",{colSpan:n,rowSpan:d,...p,className:r(e.className,Ks,w(Ks,{focus:t,selected:o,highlighted:a})),children:f})};m.states=Iv;m.className=Ks;var Ev=require("react/jsx-runtime");var Av=require("react/jsx-runtime");var Rv=require("react/jsx-runtime");var Ov=require("react/jsx-runtime");var Pv=require("react/jsx-runtime");var Pu=require("react/jsx-runtime");var Bu=require("react/jsx-runtime");var Hu=require("react/jsx-runtime");var _s=require("react/jsx-runtime");var j="grid",le=j;var Ti=require("react/jsx-runtime"),fi="k-grid",Hv=[],Kv={size:[s.undefined,s.small,s.medium,s.large]},_v=[],Ku={pagerPosition:"bottom"},V=e=>{let{size:t,pagerPosition:o=Ku.pagerPosition,toolbar:a,pager:l,groupingHeader:n,gridSelectionAggregates:d,_renderAriaRoot:p,resizable:f,ariaColCount:h,ariaRowCount:x,ariaRootId:v,ariaRole:T="grid",...L}=e;return(0,Ti.jsxs)("div",{...L,className:r(e.className,fi,{[`${fi}-resizable`]:f},M(fi,{size:t})),children:[a,o==="top"&&l,n,e.children&&p?(0,Ti.jsx)("div",{className:"k-grid-aria-root",role:T,id:v,"aria-colcount":h,"aria-rowcount":x,children:e.children}):e.children,d,o==="bottom"&&l]})};V.states=Hv;V.options=Kv;V.variants=_v;V.className=fi;V.defaultOptions=Ku;V.moduleName=j;V.folderName=le;V.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 Du=require("react/jsx-runtime"),_u="k-grid-header",ie=e=>{let{draggable:t,...o}=e;return(0,Du.jsx)("div",{...o,className:r(e.className,_u,{"k-grid-draggable-header":t}),children:e.children})};ie.className=_u;ie.moduleName=j;ie.folderName=le;var fl=require("react/jsx-runtime"),zu="k-grouping-header",Co=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,fl.jsxs)("div",{...a,className:r(e.className,zu),children:[o&&(0,fl.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,fl.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};Co.className=zu;Co.moduleName=j;Co.folderName=le;var Uu=require("react/jsx-runtime"),Fu="k-grid-pinned-container",Tl=e=>{let{position:t,...o}=e;return(0,Uu.jsx)("div",{...o,className:r(e.className,Fu,{"k-pos-bottom":t==="bottom"}),children:e.children})};Tl.className=Fu;Tl.moduleName=j;Tl.folderName=le;var $u=require("react/jsx-runtime"),Vu="k-grid-sticky-container",hl=e=>{let{position:t,...o}=e;return(0,$u.jsx)("div",{...o,className:r(e.className,Vu,{"k-pos-bottom":t==="bottom"}),children:e.children})};hl.className=Vu;hl.moduleName=j;hl.folderName=le;var Xu=require("react/jsx-runtime"),Wu="k-grid-header-table",ne=e=>(0,Xu.jsx)(bt,{...e,className:r(e.className,Wu),children:e.children});ne.className=Wu;ne.moduleName=j;ne.folderName=le;var Wt=require("react/jsx-runtime"),Ds="k-header",Dv=[i.hover,i.focus,i.active],Ju={sortIcon:"sort-asc-small"},R=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:n,columnTitle:d,hover:p,focus:f,active:h,sortIcon:x=Ju.sortIcon,sortOrder:v,accessibleLabel:T,...L}=e;return(0,Wt.jsxs)(Fo,{...L,className:r(e.className,Ds,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":n},w(Ds,{hover:p,focus:f,active:h})),children:[d&&(0,Wt.jsxs)("span",{className:"k-cell-inner",children:[(0,Wt.jsxs)("span",{className:"k-link",children:[(0,Wt.jsx)("span",{className:"k-column-title",children:d}),o&&(0,Wt.jsx)("span",{className:"k-sort-icon",children:(0,Wt.jsx)(u,{icon:x})}),v&&(0,Wt.jsx)("span",{className:"k-sort-order",children:v})]}),t&&(0,Wt.jsx)("a",{className:r("k-grid-header-menu",{"k-active":h,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,Wt.jsx)(u,{icon:t==="filter"?"filter":"more-vertical"})})]}),!d&&T&&(0,Wt.jsx)("span",{className:"k-sr-only",children:T}),e.children,n&&(0,Wt.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};R.states=Dv;R.className=Ds;R.defaultOptions=Ju;R.moduleName=j;R.folderName=le;var Yu=require("react/jsx-runtime"),qu="k-grid-container",ee=e=>(0,Yu.jsx)("div",{...e,className:r(e.className,qu),children:e.children});ee.className=qu;ee.moduleName=j;ee.folderName=le;var Zu=require("react/jsx-runtime"),Qu="k-grid-content",te=e=>(0,Zu.jsx)("div",{...e,className:r(e.className,Qu),children:e.children});te.className=Qu;te.moduleName=j;te.folderName=le;var eb=require("react/jsx-runtime"),ju="k-grid-table",oe=e=>(0,eb.jsx)(bt,{...e,className:r(e.className,ju),children:e.children});oe.className=ju;oe.moduleName=j;oe.folderName=le;var ob=require("react/jsx-runtime"),tb="k-grid-footer",hi=e=>(0,ob.jsx)("div",{...e,className:r(e.className,tb),children:e.children});hi.className=tb;hi.moduleName=j;hi.folderName=le;var rb=require("react/jsx-runtime"),ab="k-grid-footer-table",gi=e=>(0,rb.jsx)(bt,{...e,className:r(e.className,ab),children:e.children});gi.className=ab;gi.moduleName=j;gi.folderName=le;var ib=require("react/jsx-runtime"),lb="k-grid-pager",lo=e=>(0,ib.jsx)(Oe,{...e,className:r(e.className,lb),children:e.children});lo.className=lb;lo.moduleName=j;lo.folderName=le;var sb=require("react/jsx-runtime"),nb="k-grid-toolbar",Aa=e=>(0,sb.jsx)(Te,{...e,className:r(e.className,nb),children:e.children});Aa.className=nb;Aa.moduleName=j;Aa.folderName=le;var yr=require("react/jsx-runtime"),zs="k-grid-stack-cell",zv=[i.focus,i.selected],xi=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:n,focus:d,selected:p,...f}=e;return(0,yr.jsxs)("div",{...f,className:r(e.className,zs,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":n},w(zs,{focus:d,selected:p})),children:[n&&(0,yr.jsx)("span",{className:"k-dirty"}),t&&(0,yr.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,yr.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};xi.states=zv;xi.className=zs;xi.moduleName=j;xi.folderName=le;var cb=require("react/jsx-runtime"),db="k-grid-stack-row",Ni=e=>{let{cols:t,...o}=e;return(0,cb.jsx)("div",{...o,className:r(e.className,db,{[`k-grid-cols-${t}`]:t}),children:e.children})};Ni.className=db;Ni.moduleName=j;Ni.folderName=le;var Fs=require("react/jsx-runtime");var Us=require("react/jsx-runtime");var Lt="column-menu",Pt=Lt;var mb=require("react/jsx-runtime"),Vs="k-column-menu",Fv=[],Uv={size:[s.undefined,s.small,s.medium,s.large]},pb={view:"list"},Uo=e=>{let{view:t=pb.view,size:o,...a}=e;return(0,mb.jsx)("div",{...a,className:r(e.className,Vs,M(Vs,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};Uo.states=Fv;Uo.options=Uv;Uo.className=Vs;Uo.defaultOptions=pb;Uo.moduleName=Lt;Uo.folderName=Pt;Uo.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 Ws=require("react/jsx-runtime"),$s="k-column-list",Vv=[],$v={size:[s.undefined,s.small,s.medium,s.large]},Wv={},Ra=e=>{let{size:t,...o}=e;return(0,Ws.jsx)("div",{className:"k-column-list-wrapper",children:(0,Ws.jsx)("div",{...o,className:r(e.className,$s,M($s,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};Ra.states=Vv;Ra.options=$v;Ra.className=$s;Ra.defaultOptions=Wv;Ra.moduleName=Lt;Ra.folderName=Pt;var gl=require("react/jsx-runtime"),Xs="k-column-list-item",Xv=[i.focus,i.disabled,i.hover],Jv={},qv={},xl=e=>{let{label:t,checked:o,focus:a,hover:l,disabled:n,...d}=e;return(0,gl.jsxs)("span",{...d,className:r(e.className,Xs,w(Xs,{focus:a,hover:l,disabled:n})),role:"option","aria-checked":o?"true":"false",children:[(0,gl.jsx)(ze,{disabled:n,checked:o,"aria-label":t}),(0,gl.jsx)("span",{className:"k-checkbox-label",children:t})]})};xl.states=Xv;xl.options=Jv;xl.className=Xs;xl.defaultOptions=qv;var Oa=require("react/jsx-runtime"),Js="k-columnmenu-item",Yv=[i.focus,i.selected],Qv={},Zv={},Vo=e=>{let{focus:t,selected:o,text:a,startIcon:l,endIcon:n,sortIndex:d,...p}=e;return(0,Oa.jsxs)("div",{...p,className:r(e.className,Js,w(Js,{focus:t,selected:o})),role:"button",tabIndex:0,children:[l&&(0,Oa.jsx)(u,{icon:l}),a,n&&(0,Oa.jsxs)("span",{className:"k-columnmenu-indicators",children:[(0,Oa.jsx)(u,{icon:n}),d&&(0,Oa.jsx)("span",{className:"k-sort-index",children:d})]}),e.children]})};Vo.states=Yv;Vo.options=Qv;Vo.className=Js;Vo.defaultOptions=Zv;Vo.moduleName=Lt;Vo.folderName=Pt;var jv=require("react/jsx-runtime");var bb=require("react/jsx-runtime"),ew="k-columnmenu-item-content",ub=e=>(0,bb.jsx)("div",{...e,className:r(e.className,ew,"k-columns-item"),children:e.children});var qs=require("react/jsx-runtime"),fb="k-filter-menu",tw=[],ow={},aw={},ba=e=>{let{...t}=e;return(0,qs.jsx)("form",{...t,className:r(e.className,fb),children:(0,qs.jsx)("div",{className:"k-filter-menu-container",children:e.children})})};ba.states=tw;ba.options=ow;ba.className=fb;ba.defaultOptions=aw;ba.moduleName=Lt;ba.folderName=Pt;var rw=require("react/jsx-runtime");var Ir=require("react/jsx-runtime"),lw="k-item",iw={size:[s.undefined,s.small,s.medium,s.large]},nw=[],Ys=e=>{let{text:t,size:o,...a}=e;return(0,Ir.jsx)("li",{...a,className:r(e.className,lw),children:(0,Ir.jsxs)("label",{className:"k-label k-checkbox-label",children:[(0,Ir.jsx)(ze,{size:o}),(0,Ir.jsx)("span",{children:t})]})})};Ys.states=nw;Ys.options=iw;var Mo=require("react/jsx-runtime"),Tb="k-expander",sw=[],dw={},cw={},Pa=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:a,itemSortIndex:l,expanded:n,itemContent:d,expanderIcon:p,contentId:f,...h}=e,x=f\|\|$("columnmenu-content"),v=!n&&!p?(0,Mo.jsx)(u,{icon:"chevron-down"}):n&&!p?(0,Mo.jsx)(u,{icon:"chevron-up"}):(0,Mo.jsx)(u,{icon:p});return(0,Mo.jsxs)("div",{...h,className:r(e.className,Tb),children:[(0,Mo.jsxs)(Vo,{text:t,startIcon:o,endIcon:a,sortIndex:l,"aria-expanded":n?"true":"false","aria-controls":x,children:[(0,Mo.jsx)("span",{className:"k-spacer"}),(0,Mo.jsx)("span",{className:"k-expander-indicator",children:v})]}),n&&(0,Mo.jsx)(ub,{id:x,children:d}),e.children]})};Pa.states=sw;Pa.options=dw;Pa.className=Tb;Pa.defaultOptions=cw;Pa.moduleName=Lt;Pa.folderName=Pt;var hb=require("react/jsx-runtime"),Qs="k-group-menu",pw=[],mw={size:[s.undefined,s.small,s.medium,s.large]},uw={},Er=e=>{let{size:t,...o}=e;return(0,hb.jsx)("div",{...o,className:r(e.className,Qs,M(Qs,{size:t})),children:e.children})};Er.states=pw;Er.options=mw;Er.className=Qs;Er.defaultOptions=uw;Er.moduleName=Lt;Er.folderName=Pt;var So=require("react/jsx-runtime"),Zs="k-group-menu-item",bw=[i.hover,i.selected],fw={},Tw={},Ar=e=>{let{hover:t,selected:o,text:a,actionsStart:l,actionsEnd:n,...d}=e;return(0,So.jsxs)("div",{...d,className:r(e.className,Zs,w(Zs,{hover:t,selected:o})),children:[l&&(0,So.jsx)("span",{className:"k-group-menu-item-actions",children:l}),(0,So.jsx)("span",{className:"k-group-item-text",children:a}),n&&(0,So.jsxs)(So.Fragment,{children:[(0,So.jsx)("span",{className:"k-spacer"}),(0,So.jsx)("span",{className:"k-group-menu-item-actions",children:n})]}),e.children]})};Ar.states=bw;Ar.options=fw;Ar.className=Zs;Ar.defaultOptions=Tw;Ar.moduleName=Lt;Ar.folderName=Pt;var fa=require("react/jsx-runtime"),js="k-group-menu-item-action",hw=[i.hover,i.disabled,i.selected],gw={size:[s.undefined,s.small,s.medium,s.large]};var ed=e=>{let{hover:t,disabled:o,selected:a,size:l,type:n,...d}=e,p;switch(n){case"remove":p=(0,fa.jsx)(u,{icon:"x-circle",size:l});break;case"add":p=(0,fa.jsx)(u,{icon:"plus-circle",size:l});break;case"drag":p=(0,fa.jsx)(u,{icon:"handle-drag-dots",size:l});break;case"up":p=(0,fa.jsx)(u,{icon:"chevron-up",size:l});break;case"down":p=(0,fa.jsx)(u,{icon:"chevron-down",size:l});break;default:p=(0,fa.jsx)(u,{icon:n,size:l});break}return(0,fa.jsx)("span",{...d,className:r(e.className,js,w(js,{selected:a,hover:t,disabled:o}),`k-group-menu-item-${n}-action`),children:p})};ed.options=hw;ed.options=gw;ed.className=js;var xw=require("react/jsx-runtime");var td=require("react/jsx-runtime");var Nb=require("react/jsx-runtime"),gb="k-tabstrip-items",Nw=[],kw={},vw={tabAlignment:"start"},Nl=e=>{let{children:t,tabAlignment:o,orientation:a,...l}=e;return(0,Nb.jsx)("ul",{...l,className:r(e.className,gb,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...a==="vertical"&&{"aria-orientation":"vertical"},children:t})};Nl.states=Nw;Nl.options=kw;Nl.className=gb;Nl.defaultOptions=vw;var xb=Nl;var Lb=require("react/jsx-runtime"),kb="k-tabstrip-items-wrapper",ww=[],Lw={},vb={orientation:"horizontal"},kl=e=>{let{children:t,orientation:o=vb.orientation,...a}=e;return(0,Lb.jsx)("div",{...a,className:r(e.className,kb,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};kl.states=ww;kl.options=Lw;kl.className=kb;kl.defaultOptions=vb;var wb=kl;var vl="tabstrip",ki=vl;var Ct=require("react/jsx-runtime"),Ta="k-tabstrip",Cw=[],Mw={size:[s.undefined,s.small,s.medium,s.large]},vi={position:"top",tabAlignment:"start",scrollButtons:"around"},lt=e=>{let{size:t,scrollable:o,children:a,tabStripItems:l,tabStripItemsId:n,position:d=vi.position,tabAlignment:p=vi.tabAlignment,scrollButtons:f=vi.scrollButtons,dir:h,scrollingPosition:x,overflow:v,...T}=e,L={top:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},bottom:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},C={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},A={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return(0,Ct.jsxs)("div",{dir:h,...T,className:r(Ta,e.className,{[`${Ta}-${d}`]:d,[`${Ta}-scrollable`]:o,[`${Ta}-scrollable-overlay`]:o&&(f==="hidden"\|\|!f),[`${Ta}-scrollable-${x}`]:x&&x!=="both",[`${Ta}-overflow`]:v},M(Ta,{size:t})),children:[d==="bottom"&&a,(0,Ct.jsxs)(wb,{orientation:C[d],children:[o&&(f==="around"\|\|f==="start")&&(0,Ct.jsx)("span",{className:r("k-tabstrip-prev","k-button",M("k-button",{size:t,fillMode:N.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,Ct.jsx)(u,{className:"k-button-icon",icon:`chevron-${L[d].prev}`})}),o&&f==="start"&&(0,Ct.jsx)("span",{className:r("k-tabstrip-next","k-button",M("k-button",{size:t,fillMode:N.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,Ct.jsx)(u,{className:"k-button-icon",icon:`chevron-${L[d].next}`})}),(0,Ct.jsx)(xb,{className:r({"k-tabstrip-items-scroll":o&&f==="hidden"}),tabAlignment:A[p],orientation:C[d],...n&&{id:n},children:l}),o&&f==="end"&&(0,Ct.jsx)("span",{className:r("k-tabstrip-prev","k-button",M("k-button",{size:t,fillMode:N.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,Ct.jsx)(u,{className:"k-button-icon",icon:`chevron-${L[d].prev}`})}),o&&(f==="around"\|\|f==="end")&&(0,Ct.jsx)("span",{className:r("k-tabstrip-next","k-button",M("k-button",{size:t,fillMode:N.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,Ct.jsx)(u,{className:"k-button-icon",icon:`chevron-${L[d].next}`})}),v&&(0,Ct.jsx)("div",{className:"k-tabstrip-actions k-hstack",children:(0,Ct.jsx)(be,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),d!=="bottom"&&a]})};lt.states=Cw;lt.options=Mw;lt.className=Ta;lt.defaultOptions=vi;lt.moduleName=vl;lt.folderName=ki;lt.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 Mb=require("react/jsx-runtime"),Cb="k-tabstrip-wrapper",Sw=[],yw={},Iw={},Rr=e=>{let{...t}=e;return(0,Mb.jsx)("div",{...t,className:r(e.className,Cb),children:e.children})};Rr.states=Sw;Rr.options=yw;Rr.className=Cb;Rr.defaultOptions=Iw;Rr.moduleName=vl;Rr.folderName=ki;var $o=require("react/jsx-runtime"),od="k-tabstrip-item",Ew=[i.active,i.hover,i.disabled,i.focus],Aw={},Sb={iconPosition:"before"},Bt=e=>{let{dragging:t,active:o,hover:a,focus:l,disabled:n,children:d,first:p,last:f,closable:h,icon:x,iconPosition:v=Sb.iconPosition,value:T,actions:L,...C}=e;return(0,$o.jsxs)("li",{...C,className:r(e.className,od,w(od,{hover:a,active:o,disabled:n,focus:l}),{"k-tabstrip-dragging":t,"k-first":p,"k-last":f}),role:"tab",...o&&{"aria-selected":"true"},...n&&{"aria-disabled":"true"},children:[(0,$o.jsxs)("span",{className:"k-link",children:[x&&v==="before"&&(0,$o.jsx)(u,{icon:x}),T&&(0,$o.jsx)("span",{className:"k-link-text",children:T}),x&&v==="after"&&(0,$o.jsx)(u,{icon:x})]}),(L\|\|h)&&(0,$o.jsxs)("span",{className:"k-item-actions",children:[L,h&&(0,$o.jsx)(c,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),d]})};Bt.states=Ew;Bt.options=Aw;Bt.className=od;Bt.item=Sb;var yb=require("react/jsx-runtime"),ad="k-tabstrip-content",Rw=[i.active,i.focus],Ow={},Pw={},yo=e=>{let{active:t,focus:o,children:a,...l}=e;return(0,yb.jsx)("div",{...l,className:r(e.className,ad,w(ad,{active:t,focus:o}),e.className),role:"tabpanel",children:a})};yo.states=Rw;yo.options=Ow;yo.className=ad;yo.defaultOptions=Pw;var Xt=require("react/jsx-runtime"),bo=({children:e,...t})=>(0,Xt.jsx)(lt,{tabStripItems:(0,Xt.jsxs)(Xt.Fragment,{children:[(0,Xt.jsx)(Bt,{first:!0,value:"First"}),(0,Xt.jsx)(Bt,{active:!0,value:"Second"}),(0,Xt.jsx)(Bt,{value:"Third"}),(0,Xt.jsx)(Bt,{value:"Fourth"}),(0,Xt.jsx)(Bt,{last:!0,value:"Fifth"})]}),...t,children:e\|\|(0,Xt.jsx)(yo,{active:!0,children:(0,Xt.jsx)("div",{children:"TabStrip Content"})})});var Eb=require("react/jsx-runtime"),Ib=e=>(0,Eb.jsx)(bo,{position:"bottom",...e});var Rb=require("react/jsx-runtime"),Ab=e=>(0,Rb.jsx)(bo,{position:"right",...e});var Pb=require("react/jsx-runtime"),Ob=e=>(0,Pb.jsx)(bo,{position:"left",...e});var Bw=require("react/jsx-runtime");var rd=require("react/jsx-runtime");var Gw=require("react/jsx-runtime");var ld=require("react/jsx-runtime");var id=require("react/jsx-runtime");var wl=require("react/jsx-runtime"),Hw={...lt.options,scrollable:{type:"boolean"}},Kw=lt.states,Bb={...lt.defaultOptions,scrollable:!1,variant:"up"},_w=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],Dw=[],Or=e=>{let{variant:t,...o}={...Bb,...e},a={};switch(t){case"right":return(0,wl.jsx)(Ab,{style:{height:"230px"},...o,...a,position:"right"});case"left":return(0,wl.jsx)(Ob,{style:{height:"230px"},...o,...a,position:"left"});case"bottom":return(0,wl.jsx)(Ib,{style:{width:"350px"},...o,...a,position:"bottom"});default:return(0,wl.jsx)(bo,{style:{width:"350px"},...o,...a})}};Or.options=Hw;Or.states=Kw;Or.variants=_w;Or.defaultOptions=Bb;Or.modifiers=Dw;Or.className=lt.className;var nd=require("react/jsx-runtime");var sd=require("react/jsx-runtime");var dd=require("react/jsx-runtime");var cd=require("react/jsx-runtime");var pd=require("react/jsx-runtime");var md=require("react/jsx-runtime");var k=require("react/jsx-runtime"),Gb=({contentClassName:e,...t})=>(0,k.jsx)(V,{_renderAriaRoot:!0,pager:(0,k.jsx)(lo,{refresh:!1}),children:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(ie,{children:(0,k.jsx)("div",{className:"k-grid-header-wrap",children:(0,k.jsxs)(ne,{role:"none",children:[(0,k.jsxs)("colgroup",{children:[(0,k.jsx)("col",{}),(0,k.jsx)("col",{style:{width:"225px"}}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{})]}),(0,k.jsxs)(Z,{role:"rowgroup",children:[(0,k.jsxs)(y,{role:"row",children:[(0,k.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Product Id",role:"columnheader"}),(0,k.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Name",role:"columnheader"}),(0,k.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Quantity",role:"columnheader"}),(0,k.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Unit Price",role:"columnheader"}),(0,k.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Discontinued",role:"columnheader"})]}),(0,k.jsxs)(y,{className:"k-filter-row",role:"row",children:[(0,k.jsx)(m,{role:"gridcell","aria-label":"Product Id filter",children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(Y,{"aria-label":"Product Id filter"}),(0,k.jsxs)("div",{className:"k-filtercell-operator",children:[(0,k.jsx)(ue,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Product Id filter operator"})," ",(0,k.jsx)(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Product Id filter"})]})]})})}),(0,k.jsx)(m,{role:"gridcell","aria-label":"Name filter",children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(Ne,{"aria-label":"Name filter"}),(0,k.jsxs)("div",{className:"k-filtercell-operator",children:[(0,k.jsx)(ue,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Name filter operator"})," ",(0,k.jsx)(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Name filter"})]})]})})}),(0,k.jsx)(m,{role:"gridcell","aria-label":"Quantity filter",children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(Ne,{"aria-label":"Quantity filter"}),(0,k.jsxs)("div",{className:"k-filtercell-operator",children:[(0,k.jsx)(ue,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Quantity filter operator"})," ",(0,k.jsx)(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Quantity filter"})]})]})})}),(0,k.jsx)(m,{role:"gridcell","aria-label":"Unit Price filter",children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(Y,{"aria-label":"Unit Price filter"}),(0,k.jsxs)("div",{className:"k-filtercell-operator",children:[(0,k.jsx)(ue,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Unit Price filter operator"})," ",(0,k.jsx)(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Unit Price filter"})]})]})})}),(0,k.jsx)(m,{role:"gridcell","aria-label":"Discontinued filter",children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(ue,{"aria-label":"Discontinued filter"}),(0,k.jsx)("div",{className:"k-filtercell-operator",children:(0,k.jsx)(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Discontinued filter"})})]})})})]})]})]})})}),(0,k.jsx)(ee,{children:(0,k.jsx)(te,{className:e,children:(0,k.jsxs)(oe,{role:"none",children:[(0,k.jsxs)("colgroup",{children:[(0,k.jsx)("col",{}),(0,k.jsx)("col",{style:{width:"225px"}}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{})]}),(0,k.jsxs)(re,{role:"rowgroup",children:[(0,k.jsxs)(y,{className:"k-master-row",role:"row",children:[(0,k.jsx)(m,{role:"gridcell",children:"1"}),(0,k.jsx)(m,{role:"gridcell",children:"Chai"}),(0,k.jsx)(m,{role:"gridcell",children:"10 boxes x 20 bags"}),(0,k.jsx)(m,{role:"gridcell",children:"18"}),(0,k.jsx)(m,{role:"gridcell",children:"false"})]}),(0,k.jsxs)(y,{className:"k-master-row",role:"row",alt:!0,children:[(0,k.jsx)(m,{role:"gridcell",children:"2"}),(0,k.jsx)(m,{role:"gridcell",children:"Chang"}),(0,k.jsx)(m,{role:"gridcell",children:"24 - 12 oz bottles"}),(0,k.jsx)(m,{role:"gridcell",children:"19"}),(0,k.jsx)(m,{role:"gridcell",children:"false"})]}),(0,k.jsxs)(y,{className:"k-master-row",role:"row",children:[(0,k.jsx)(m,{role:"gridcell",children:"3"}),(0,k.jsx)(m,{role:"gridcell",children:"Aniseed Syrup"}),(0,k.jsx)(m,{role:"gridcell",children:"12 - 550 ml bottles"}),(0,k.jsx)(m,{role:"gridcell",children:"10"}),(0,k.jsx)(m,{role:"gridcell",children:"false"})]}),(0,k.jsxs)(y,{className:"k-master-row",role:"row",alt:!0,children:[(0,k.jsx)(m,{role:"gridcell",children:"4"}),(0,k.jsx)(m,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,k.jsx)(m,{role:"gridcell",children:"48 - 6 oz jars"}),(0,k.jsx)(m,{role:"gridcell",children:"22"}),(0,k.jsx)(m,{role:"gridcell",children:"false"})]}),(0,k.jsxs)(y,{className:"k-master-row",role:"row",children:[(0,k.jsx)(m,{role:"gridcell",children:"5"}),(0,k.jsx)(m,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),(0,k.jsx)(m,{role:"gridcell",children:"12 - 8 oz jars"}),(0,k.jsx)(m,{role:"gridcell",children:"25"}),(0,k.jsx)(m,{role:"gridcell",children:"false"})]})]})]})})})]}),...t});var Ll=require("react/jsx-runtime"),zw="k-chip-action";var _e=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=(0,Ll.jsx)(u,{icon:"x-circle",size:"small"});break;case"more":a=(0,Ll.jsx)(u,{icon:"more-vertical",size:"small"});break;default:return(0,Ll.jsx)(u,{icon:t,size:"small"})}return(0,Ll.jsx)("span",{...o,className:r(e.className,zw,`k-chip-${t}-action`),children:a})};var ud="avatar",Hb=ud;var fd=require("react/jsx-runtime"),Cl="k-avatar";var Fw=[i.hover,i.focus,i.active,i.selected,i.disabled],Uw={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary]},bd={type:"text",border:!1},Mt=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:n=bd.type,border:d=bd.border,...p}=e;return(0,fd.jsx)("div",{...p,className:r(e.className,Cl,M(Cl,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Cl}-bordered`]:d}),children:(0,fd.jsx)("span",{className:`${Cl}-${n}`,children:e.children})})};Mt.states=Fw;Mt.options=Uw;Mt.className=Cl;Mt.defaultOptions=bd;Mt.moduleName=ud;Mt.folderName=Hb;Mt.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Ba=Mt;var _b=require("react/jsx-runtime"),Kb=e=>(0,_b.jsx)(Ba,{type:"icon",...e});var zb=require("react/jsx-runtime"),Db=e=>(0,zb.jsx)(Ba,{type:"text",...e});var Ub=require("react/jsx-runtime"),Fb=e=>(0,Ub.jsx)(Ba,{type:"image",...e});var Vw=require("react/jsx-runtime");var Pr=require("react/jsx-runtime"),$w=Mt.options,Ww=Mt.states,Xw={...Mt.defaultOptions,variant:"image"},Jw=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],qw=[],Br=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,Pr.jsx)(Kb,{...o,children:(0,Pr.jsx)(u,{icon:"star"})});case"text":return(0,Pr.jsx)(Db,{...o,children:"JO"});default:return(0,Pr.jsx)(Fb,{...o,children:(0,Pr.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Br.options=$w;Br.states=Ww;Br.variants=Jw;Br.defaultOptions=Xw;Br.modifiers=qw;Br.className=Mt.className;var Ml="chip",wi=Ml;var Wo=require("react/jsx-runtime"),Li="k-chip",Yw=[i.hover,i.focus,i.active,i.selected,i.disabled],Qw={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[S.undefined,S.base,S.success,S.warning,S.error,S.info]},Vb={avatarImage:"/packages/html/assets/avatar.jpg"},Pe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:n,icon:d,actions:p,showAvatar:f,avatarImage:h=Vb.avatarImage,hover:x,focus:v,active:T,selected:L,disabled:C,...A}=e;return(0,Wo.jsxs)("div",{...A,className:r(e.className,Li,M(Li,{size:t,rounded:o,fillMode:a,themeColor:l}),w(Li,{hover:x,focus:v,active:T,disabled:C,selected:L})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:L?"true":"false",...e.role==="option"&&L!==void 0&&{"aria-selected":L?"true":"false"},"aria-disabled":C?"true":void 0,children:[d&&(0,Wo.jsx)(u,{className:"k-chip-icon",icon:d,size:"small"}),f&&(0,Wo.jsx)(Mt,{className:"k-chip-avatar",type:"image",children:(0,Wo.jsx)("img",{src:h,alt:""})}),(0,Wo.jsx)("span",{className:"k-chip-content",children:e.children?e.children:n&&(0,Wo.jsx)("span",{className:"k-chip-label",children:n})}),p&&(0,Wo.jsx)("span",{className:"k-chip-actions",children:p})]})};Pe.states=Yw;Pe.options=Qw;Pe.className=Li;Pe.defaultOptions=Vb;Pe.moduleName=Ml;Pe.folderName=wi;Pe.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 io=Pe;var $b=require("react/jsx-runtime"),Td="k-chip-list",Zw=[],jw={size:[s.undefined,s.small,s.medium,s.large]},eL={},Be=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return(0,$b.jsx)("div",{...l,className:r(e.className,Td,M(Td,{size:t})),role:e.role\|\|"listbox","aria-label":e.role==="none"?void 0:a\|\|"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Be.states=Zw;Be.options=jw;Be.className=Td;Be.defaultOptions=eL;Be.moduleName=Ml;Be.folderName=wi;Be.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 tL=require("react/jsx-runtime");var oL=require("react/jsx-runtime");var Wb=require("react/jsx-runtime"),Ci=e=>(0,Wb.jsx)(io,{text:"text",...e});var aL=require("react/jsx-runtime");var rL=require("react/jsx-runtime");var hd=require("react/jsx-runtime");var Xb=require("react/jsx-runtime");var Jb=require("react/jsx-runtime");var qb=require("react/jsx-runtime");var Xo=require("react/jsx-runtime"),lL={...io.options,...Be.options},iL=[],nL=Be.states,sL={...io.defaultOptions,...Be.defaultOptions},dL=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Gr=e=>{let{modifiers:t,className:o,...a}=e,l=t==null?void 0:t.icon,n=t==null?void 0:t.actions,d=t==null?void 0:t.avatar;return(0,Xo.jsxs)(Be,{size:a.size,className:o,children:[(0,Xo.jsx)(Ci,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?(0,Xo.jsx)(_e,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),(0,Xo.jsx)(Ci,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?(0,Xo.jsx)(_e,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),(0,Xo.jsx)(Ci,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?(0,Xo.jsx)(_e,{type:"remove"}):void 0,showAvatar:d,children:"Chip"})]})};Gr.options=lL;Gr.states=nL;Gr.variants=iL;Gr.defaultOptions=sL;Gr.modifiers=dL;Gr.className=Be.className;var Mi=require("react/jsx-runtime"),cL=Pe.states,pL=Pe.defaultOptions,mL=Pe.options,uL=[],bL=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Hr=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"icon":a.icon=t!=null&&t[l]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!(t!=null&&t[l]),a.avatarImage=t!=null&&t[l]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions\|\|(a.actions=[]),a.actions[0]=t!=null&&t[l]?(0,Mi.jsx)(_e,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t!=null&&t[l]?(0,Mi.jsx)(_e,{type:"remove"}):void 0;break;default:break}}),(0,Mi.jsx)(Pe,{...o,...a,children:"Chip component"})};Hr.options=mL;Hr.states=cL;Hr.variants=uL;Hr.defaultOptions=pL;Hr.modifiers=bL;Hr.className=Pe.className;var I=require("react/jsx-runtime"),Yb=({dropClue:e,contentClassName:t,...o})=>(0,I.jsx)(V,{_renderAriaRoot:!0,groupingHeader:(0,I.jsx)(Co,{dropClue:e,role:"toolbar","aria-label":"Grouping",children:(0,I.jsxs)(Be,{role:"none",children:[(0,I.jsx)(Pe,{icon:"sort-asc-small",text:"ID",role:"button",actions:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_e,{type:"more"}),(0,I.jsx)(_e,{type:"remove"})]})}),(0,I.jsx)(Pe,{icon:"sort-desc-small",text:"Name",role:"button",actions:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_e,{type:"more"}),(0,I.jsx)(_e,{type:"remove"})]})})]})}),children:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(ie,{draggable:!0,children:(0,I.jsx)("div",{className:"k-grid-header-wrap",children:(0,I.jsxs)(ne,{role:"none",children:[(0,I.jsxs)("colgroup",{children:[(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{})]}),(0,I.jsx)(Z,{role:"rowgroup",children:(0,I.jsxs)(y,{role:"row",children:[(0,I.jsx)(R,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,I.jsx)(R,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,I.jsx)(R,{colspan:1,columnTitle:"ID",role:"columnheader"}),(0,I.jsx)(R,{colspan:1,columnTitle:"Name",role:"columnheader"}),(0,I.jsx)(R,{colspan:1,columnTitle:"Price",role:"columnheader"}),(0,I.jsx)(R,{colspan:1,columnTitle:"Category",role:"columnheader"})]})})]})})}),(0,I.jsx)(ee,{children:(0,I.jsx)(te,{className:t,children:(0,I.jsxs)(oe,{role:"none",children:[(0,I.jsxs)("colgroup",{children:[(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{})]}),(0,I.jsxs)(re,{role:"rowgroup",children:[(0,I.jsx)(y,{className:"k-table-group-row k-grouping-row",role:"row",children:(0,I.jsx)(m,{colspan:6,role:"gridcell","aria-expanded":"false",children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(u,{icon:"chevron-right"}),"ID: 1"]})})}),(0,I.jsx)(y,{className:"k-table-group-row k-grouping-row",role:"row",children:(0,I.jsx)(m,{colspan:6,role:"gridcell","aria-expanded":"true",children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(u,{icon:"chevron-down"}),"ID: 2"]})})}),(0,I.jsxs)(y,{className:"k-table-group-row k-grouping-row",role:"row",children:[(0,I.jsx)(m,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,I.jsx)(m,{colspan:5,role:"gridcell","aria-expanded":"true",children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(u,{icon:"chevron-down"}),"Name: Chang"]})})]}),(0,I.jsxs)(y,{className:"k-master-row",role:"row",alt:!0,children:[(0,I.jsx)(m,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,I.jsx)(m,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,I.jsx)(m,{colspan:0,role:"gridcell",children:"2"}),(0,I.jsx)(m,{colspan:0,role:"gridcell",children:"Chang"}),(0,I.jsx)(m,{colspan:0,role:"gridcell",children:"$19.00"}),(0,I.jsx)(m,{colspan:0,role:"gridcell",children:"Beverages"})]})]})]})})})]}),...o});var gd=require("react/jsx-runtime");var xd=require("react/jsx-runtime");var Nd=require("react/jsx-runtime");var B=require("react/jsx-runtime"),Qb=({headerWrapClassName:e,contentClassName:t,...o})=>(0,B.jsx)(V,{_renderAriaRoot:!0,children:(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(ie,{children:(0,B.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,B.jsxs)(ne,{role:"none",children:[(0,B.jsxs)("colgroup",{children:[(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{})]}),(0,B.jsxs)(Z,{role:"rowgroup",children:[(0,B.jsxs)(y,{role:"row",children:[(0,B.jsx)(R,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),(0,B.jsx)(R,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),(0,B.jsxs)(y,{role:"row",children:[(0,B.jsx)(R,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),(0,B.jsx)(R,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),(0,B.jsxs)(y,{role:"row",children:[(0,B.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),(0,B.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),(0,B.jsx)(ee,{children:(0,B.jsx)(te,{className:t,children:(0,B.jsxs)(oe,{role:"none",children:[(0,B.jsxs)("colgroup",{children:[(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{})]}),(0,B.jsxs)(re,{role:"rowgroup",children:[(0,B.jsxs)(y,{className:"k-master-row",role:"row",children:[(0,B.jsx)(m,{role:"gridcell",children:"1"}),(0,B.jsx)(m,{role:"gridcell",children:"Chai"}),(0,B.jsx)(m,{role:"gridcell",children:"39"}),(0,B.jsx)(m,{role:"gridcell",children:"18"})]}),(0,B.jsxs)(y,{className:"k-master-row",alt:!0,role:"row",children:[(0,B.jsx)(m,{role:"gridcell",children:"2"}),(0,B.jsx)(m,{role:"gridcell",children:"Chang"}),(0,B.jsx)(m,{role:"gridcell",children:"17"}),(0,B.jsx)(m,{role:"gridcell",children:"19"})]}),(0,B.jsxs)(y,{className:"k-master-row",role:"row",children:[(0,B.jsx)(m,{role:"gridcell",children:"3"}),(0,B.jsx)(m,{role:"gridcell",children:"Aniseed Syrup"}),(0,B.jsx)(m,{role:"gridcell",children:"13"}),(0,B.jsx)(m,{role:"gridcell",children:"10"})]}),(0,B.jsxs)(y,{className:"k-master-row",alt:!0,role:"row",children:[(0,B.jsx)(m,{role:"gridcell",children:"4"}),(0,B.jsx)(m,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,B.jsx)(m,{role:"gridcell",children:"53"}),(0,B.jsx)(m,{role:"gridcell",children:"22"})]}),(0,B.jsxs)(y,{className:"k-master-row",role:"row",children:[(0,B.jsx)(m,{role:"gridcell",children:"5"}),(0,B.jsx)(m,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),(0,B.jsx)(m,{role:"gridcell",children:"0"}),(0,B.jsx)(m,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});var kd=require("react/jsx-runtime");var vd=require("react/jsx-runtime");var H=require("react/jsx-runtime"),Zb=e=>{let t=$("grid");return(0,H.jsx)(V,{_renderAriaRoot:!0,ariaRootId:t,toolbar:(0,H.jsxs)(Aa,{role:"toolbar","aria-label":"Grid toolbar","aria-controls":t,children:[(0,H.jsx)(c,{children:"Add new"}),(0,H.jsx)(c,{children:"Save Changes"}),(0,H.jsx)(c,{children:"Cancel Changes"})]}),children:(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(ie,{children:(0,H.jsx)("div",{className:"k-grid-header-wrap",children:(0,H.jsxs)(ne,{role:"none",children:[(0,H.jsxs)("colgroup",{children:[(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{style:{width:"300px"}})]}),(0,H.jsx)(Z,{role:"rowgroup",children:(0,H.jsxs)(y,{role:"row",children:[(0,H.jsx)(R,{columnTitle:"Name",role:"columnheader"}),(0,H.jsx)(R,{columnTitle:"Price",role:"columnheader"}),(0,H.jsx)(R,{columnTitle:"Available",role:"columnheader"}),(0,H.jsx)(R,{accessibleLabel:"Commands"})]})})]})})}),(0,H.jsx)(ee,{children:(0,H.jsx)(te,{children:(0,H.jsx)("div",{children:(0,H.jsxs)(oe,{role:"none",children:[(0,H.jsxs)("colgroup",{children:[(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{style:{width:"300px"}})]}),(0,H.jsxs)(re,{role:"rowgroup",children:[(0,H.jsxs)(y,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[(0,H.jsx)(m,{role:"gridcell",children:(0,H.jsx)(Ne,{value:"Towel","aria-label":"Name"})}),(0,H.jsx)(m,{role:"gridcell",children:(0,H.jsx)(Y,{value:"42","aria-label":"Price"})}),(0,H.jsx)(m,{role:"gridcell",children:(0,H.jsx)(ze,{"aria-label":"Available"})}),(0,H.jsxs)(m,{className:"k-command-cell",role:"gridcell",children:[(0,H.jsx)(c,{children:"Add"}),(0,H.jsx)(c,{children:"Cancel"})]})]}),(0,H.jsxs)(y,{className:"k-master-row",role:"row",children:[(0,H.jsx)(m,{role:"gridcell",children:"Chai"}),(0,H.jsx)(m,{role:"gridcell",children:"18"}),(0,H.jsx)(m,{role:"gridcell",children:"false"}),(0,H.jsx)(m,{className:"k-command-cell",role:"gridcell",children:(0,H.jsx)(c,{children:"Remove"})})]}),(0,H.jsxs)(y,{className:"k-master-row",role:"row",alt:!0,children:[(0,H.jsx)(m,{role:"gridcell",children:"Chang"}),(0,H.jsx)(m,{role:"gridcell",children:"19"}),(0,H.jsx)(m,{role:"gridcell",children:"false"}),(0,H.jsx)(m,{className:"k-command-cell",role:"gridcell",children:(0,H.jsx)(c,{children:"Remove"})})]})]})]})})})})]}),...e})};var wd=require("react/jsx-runtime");var Ld="context-menu",jb=Ld;var tf=require("react/jsx-runtime"),ef="k-context-menu",fL=[],TL={},hL={},Gt=e=>{let{children:t,...o}=e;return(0,tf.jsx)(Ue,{...o,className:r(e.className,ef),role:"menu",children:t})};Gt.states=fL;Gt.options=TL;Gt.className=ef;Gt.defaultOptions=hL;Gt.moduleName=Ld;Gt.folderName=jb;Gt.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 Sl=require("react/jsx-runtime"),Cd=e=>(0,Sl.jsx)(Gt,{children:[(0,Sl.jsx)(Q,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),(0,Sl.jsx)(Q,{text:"Item 2"},"menu-item-2"),(0,Sl.jsx)(Q,{last:!0,text:"Item 3"},"menu-item-3")],...e});var Md=require("react/jsx-runtime");var ha=require("react/jsx-runtime"),gL=Ae.options,xL=Ae.states,of={...Ae.defaultOptions,variant:"normal"},NL=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],kL=[],Kr=e=>{let{variant:t,...o}={...of,...e};return t==="separators"?(0,ha.jsxs)(Cd,{...o,style:{width:"130px"},children:[(0,ha.jsx)(Q,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),(0,ha.jsx)(ra,{}),(0,ha.jsx)(Q,{text:"Item 2"},"menu-item-2"),(0,ha.jsx)(Q,{last:!0,text:"Item 3"},"menu-item-3")]}):(0,ha.jsx)(Cd,{...o,style:{width:"130px"}})};Kr.options=gL;Kr.states=xL;Kr.variants=NL;Kr.defaultOptions=of;Kr.modifiers=kL;Kr.className=Gt.className;var Sd=require("react/jsx-runtime");var yd=require("react/jsx-runtime");var Id=require("react/jsx-runtime");var Ed=require("react/jsx-runtime");var b=require("react/jsx-runtime"),vL=V.options,wL=V.states,af={...V.defaultOptions,variant:"normal"},LL=[{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"}],CL=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],_r=e=>{let{variant:t,modifiers:o,...a}={...af,...e},l={toolbar:void 0,pager:void 0},n=(0,b.jsxs)(Aa,{children:[(0,b.jsx)(c,{icon:"plus",children:"Add New"}),(0,b.jsx)(c,{icon:"file-pdf",children:"Export to PDF"}),(0,b.jsx)("span",{className:"k-spacer"}),(0,b.jsx)(Ne,{prefix:(0,b.jsx)(u,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),d=(0,b.jsx)(Oe,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(h=>{switch(h){case"toolbar":l.toolbar=o!=null&&o[h]?n:void 0;break;case"pager":l.pager=o!=null&&o[h]?d:void 0;break;default:return}});let p={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},f=(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(ie,{children:(0,b.jsx)("div",{className:"k-grid-header-wrap",children:(0,b.jsxs)(ne,{children:[(0,b.jsxs)("colgroup",{children:[(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{})]}),(0,b.jsx)(Z,{children:(0,b.jsxs)(y,{children:[(0,b.jsx)(R,{...p[t],columnTitle:"ID"}),(0,b.jsx)(R,{...p[t],columnTitle:"Product Name"}),(0,b.jsx)(R,{...p[t],columnTitle:"Units in Stock"}),(0,b.jsx)(R,{...p[t],columnTitle:"Units Price"})]})})]})})}),(0,b.jsx)(ee,{children:(0,b.jsx)(te,{children:(0,b.jsxs)(oe,{children:[(0,b.jsxs)("colgroup",{children:[(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{})]}),(0,b.jsxs)(re,{children:[(0,b.jsxs)(y,{children:[(0,b.jsx)(m,{children:"1"}),(0,b.jsx)(m,{children:"Chai"}),(0,b.jsx)(m,{children:"39"}),(0,b.jsx)(m,{children:"18"})]}),(0,b.jsxs)(y,{alt:!0,children:[(0,b.jsx)(m,{children:"2"}),(0,b.jsx)(m,{children:"Chang"}),(0,b.jsx)(m,{children:"17"}),(0,b.jsx)(m,{children:"19"})]}),(0,b.jsxs)(y,{children:[(0,b.jsx)(m,{children:"3"}),(0,b.jsx)(m,{children:"Aniseed Syrup"}),(0,b.jsx)(m,{children:"13"}),(0,b.jsx)(m,{children:"10"})]}),(0,b.jsxs)(y,{alt:!0,children:[(0,b.jsx)(m,{children:"4"}),(0,b.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,b.jsx)(m,{children:"53"}),(0,b.jsx)(m,{children:"22"})]}),(0,b.jsxs)(y,{children:[(0,b.jsx)(m,{children:"5"}),(0,b.jsx)(m,{children:"Chef Anton's Gumbo Mix"}),(0,b.jsx)(m,{children:"0"}),(0,b.jsx)(m,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,b.jsx)(Qb,{...a,...l});case"editing":return(0,b.jsx)(Zb,{...a,...l});case"grouping":return(0,b.jsx)(Yb,{...a,...l,groupingHeader:(0,b.jsx)(Co,{children:(0,b.jsxs)(Be,{children:[(0,b.jsx)(Pe,{icon:"sort-asc-small",actions:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(_e,{type:"more"}),(0,b.jsx)(_e,{type:"remove"})]}),children:"ID"}),(0,b.jsx)(Pe,{icon:"sort-desc-small",actions:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(_e,{type:"more"}),(0,b.jsx)(_e,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,b.jsx)(V,{...a,...l,children:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(ie,{children:(0,b.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,b.jsxs)(ne,{children:[(0,b.jsxs)("colgroup",{children:[(0,b.jsx)("col",{className:"k-drag-col"}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{})]}),(0,b.jsx)(Z,{children:(0,b.jsxs)(y,{children:[(0,b.jsx)(R,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,b.jsx)(R,{columnTitle:"ID"}),(0,b.jsx)(R,{columnTitle:"Product Name"}),(0,b.jsx)(R,{columnTitle:"Units in Stock"}),(0,b.jsx)(R,{columnTitle:"Units Price"})]})})]})]})}),(0,b.jsx)(ee,{children:(0,b.jsx)(te,{children:(0,b.jsxs)(oe,{children:[(0,b.jsxs)("colgroup",{children:[(0,b.jsx)("col",{className:"k-drag-col"}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{})]}),(0,b.jsxs)(re,{children:[(0,b.jsxs)(y,{children:[(0,b.jsx)(m,{className:"k-drag-cell",children:(0,b.jsx)(u,{icon:"reorder"})}),(0,b.jsx)(m,{children:"1"}),(0,b.jsx)(m,{children:"Chai"}),(0,b.jsx)(m,{children:"39"}),(0,b.jsx)(m,{children:"18"})]}),(0,b.jsxs)(y,{alt:!0,children:[(0,b.jsx)(m,{className:"k-drag-cell",children:(0,b.jsx)(u,{icon:"reorder"})}),(0,b.jsx)(m,{children:"2"}),(0,b.jsx)(m,{children:"Chang"}),(0,b.jsx)(m,{children:"17"}),(0,b.jsx)(m,{children:"19"})]}),(0,b.jsxs)(y,{children:[(0,b.jsx)(m,{className:"k-drag-cell",children:(0,b.jsx)(u,{icon:"reorder"})}),(0,b.jsx)(m,{children:"3"}),(0,b.jsx)(m,{children:"Aniseed Syrup"}),(0,b.jsx)(m,{children:"13"}),(0,b.jsx)(m,{children:"10"})]}),(0,b.jsxs)(y,{alt:!0,children:[(0,b.jsx)(m,{className:"k-drag-cell",children:(0,b.jsx)(u,{icon:"reorder"})}),(0,b.jsx)(m,{children:"4"}),(0,b.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,b.jsx)(m,{children:"53"}),(0,b.jsx)(m,{children:"22"})]}),(0,b.jsxs)(y,{children:[(0,b.jsx)(m,{className:"k-drag-cell",children:(0,b.jsx)(u,{icon:"reorder"})}),(0,b.jsx)(m,{children:"5"}),(0,b.jsx)(m,{children:"Chef Anton's Gumbo Mix"}),(0,b.jsx)(m,{children:"0"}),(0,b.jsx)(m,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,b.jsx)(Gb,{...a,...l});default:return(0,b.jsx)(V,{...a,...l,children:f})}};_r.options=vL;_r.states=wL;_r.variants=LL;_r.defaultOptions=af;_r.modifiers=CL;_r.className=V.className;var E=require("react/jsx-runtime"),rf=e=>(0,E.jsx)(Ve,{toolbar:(0,E.jsxs)(mt,{children:[(0,E.jsx)(c,{children:"New Folder"}),(0,E.jsx)(c,{children:"Upload"}),(0,E.jsxs)(_,{children:[(0,E.jsx)(c,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),(0,E.jsx)(c,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),(0,E.jsx)(F,{text:"Sort By"}),(0,E.jsxs)(_,{children:[(0,E.jsx)(c,{className:"k-group-start",icon:"grid",selected:!0,"aria-label":"Grid view"}),(0,E.jsx)(c,{className:"k-group-end",icon:"grid-layout","aria-label":"List view"})]}),(0,E.jsx)("div",{className:"k-spacer"}),(0,E.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,E.jsx)("label",{children:"View Details"}),(0,E.jsx)(Le,{checked:!0,"aria-label":"View Details"})]}),(0,E.jsx)(Me,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,E.jsx)(E.Fragment,{children:(0,E.jsx)(ye,{className:"k-filemanager-splitter",panes:[(0,E.jsx)(he,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,E.jsx)(Ot,{children:(0,E.jsx)(me,{text:"Folder"})})},"pane-1"),(0,E.jsxs)(he,{className:"k-filemanager-content",scrollable:!0,children:[(0,E.jsx)(At,{children:(0,E.jsx)(vt,{children:(0,E.jsx)(Ce,{root:!0,children:(0,E.jsx)(ke,{root:!0,icon:!0,"aria-label":"Home",children:(0,E.jsx)(u,{icon:"home"})})})})}),(0,E.jsxs)(V,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[(0,E.jsx)(ie,{children:(0,E.jsx)("div",{className:"k-grid-header-wrap k-auto-scrollable",children:(0,E.jsxs)(ne,{children:[(0,E.jsxs)("colgroup",{children:[(0,E.jsx)("col",{}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{})]}),(0,E.jsx)(Z,{children:(0,E.jsxs)(y,{children:[(0,E.jsx)(R,{sortable:!0,columnTitle:"Name"}),(0,E.jsx)(R,{columnTitle:"Date Created"}),(0,E.jsx)(R,{columnTitle:"File Size"})]})})]})})}),(0,E.jsx)(ee,{children:(0,E.jsx)(te,{className:"k-auto-scrollable",children:(0,E.jsxs)(oe,{className:"k-selectable",children:[(0,E.jsxs)("colgroup",{children:[(0,E.jsx)("col",{className:"k-sorted"}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{})]}),(0,E.jsxs)(re,{children:[(0,E.jsxs)(y,{className:"k-master-row",children:[(0,E.jsx)(m,{children:(0,E.jsx)(Qe,{name:"Folder",icon:"folder"})}),(0,E.jsx)(m,{children:"13/12/2019 at 12:22:04 PM"}),(0,E.jsx)(m,{children:"0"})]}),(0,E.jsxs)(y,{className:"k-master-row",alt:!0,children:[(0,E.jsx)(m,{children:(0,E.jsx)(Qe,{name:"file.png",icon:"file"})}),(0,E.jsx)(m,{children:"13/12/2019 at 12:22:04 PM"}),(0,E.jsx)(m,{children:"73289"})]})]})]})})})]})]},"pane-2"),(0,E.jsx)(he,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",tabIndex:0,children:(0,E.jsx)(da,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});var yl=require("react/jsx-runtime"),ML=Ve.options,SL=Ve.states,yL={...Ve.defaultOptions,variant:"listview"},IL=[{name:"listview",title:"ListView"},{name:"grid",title:"Grid"}],EL=[{name:"preview",title:"Preview"}],Dr=e=>{let{variant:t,modifiers:o,...a}={...e},l=!1;return Object.keys(o\|\|{}).forEach(n=>{n==="preview"&&(l=!!(o!=null&&o[n]))}),t==="grid"?l?(0,yl.jsx)(rf,{...a}):(0,yl.jsx)(Ad,{...a}):l?(0,yl.jsx)(Tu,{...a}):(0,yl.jsx)(fu,{...a})};Dr.options=ML;Dr.states=SL;Dr.variants=IL;Dr.defaultOptions=yL;Dr.modifiers=EL;Dr.className=Ve.className;var O=require("react/jsx-runtime"),Ad=e=>(0,O.jsx)(Ve,{toolbar:(0,O.jsxs)(mt,{children:[(0,O.jsx)(c,{children:"New Folder"}),(0,O.jsx)(c,{children:"Upload"}),(0,O.jsxs)(_,{children:[(0,O.jsx)(c,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),(0,O.jsx)(c,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),(0,O.jsx)(F,{text:"Sort By"}),(0,O.jsxs)(_,{children:[(0,O.jsx)(c,{className:"k-group-start",icon:"grid",selected:!0,"aria-label":"Grid view"}),(0,O.jsx)(c,{className:"k-group-end",icon:"grid-layout","aria-label":"List view"})]}),(0,O.jsx)("div",{className:"k-spacer"}),(0,O.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,O.jsx)("label",{children:"View Details"}),(0,O.jsx)(Le,{"aria-label":"View Details"})]}),(0,O.jsx)(Me,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(ye,{className:"k-filemanager-splitter",panes:[(0,O.jsx)(he,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,O.jsx)(Ot,{children:(0,O.jsx)(me,{text:"Folder"})})},"pane-1"),(0,O.jsxs)(he,{className:"k-filemanager-content",scrollable:!0,children:[(0,O.jsx)(At,{children:(0,O.jsx)(vt,{children:(0,O.jsx)(Ce,{root:!0,children:(0,O.jsx)(ke,{root:!0,icon:!0,"aria-label":"Home",children:(0,O.jsx)(u,{icon:"home"})})})})}),(0,O.jsxs)(V,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[(0,O.jsx)(ie,{children:(0,O.jsx)("div",{className:"k-grid-header-wrap k-auto-scrollable",children:(0,O.jsxs)(ne,{children:[(0,O.jsxs)("colgroup",{children:[(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{})]}),(0,O.jsx)(Z,{children:(0,O.jsxs)(y,{children:[(0,O.jsx)(R,{columnTitle:"Name",sortable:!0}),(0,O.jsx)(R,{columnTitle:"Date Created"}),(0,O.jsx)(R,{columnTitle:"File Size"})]})})]})})}),(0,O.jsx)(ee,{children:(0,O.jsx)(te,{className:"k-auto-scrollable",children:(0,O.jsxs)(oe,{className:"k-selectable",children:[(0,O.jsxs)("colgroup",{children:[(0,O.jsx)("col",{className:"k-sorted"}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{})]}),(0,O.jsxs)(re,{children:[(0,O.jsxs)(y,{className:"k-master-row",children:[(0,O.jsx)(m,{children:(0,O.jsx)(Qe,{name:"Folder",icon:"folder"})}),(0,O.jsx)(m,{children:"13/12/2019 at 12:22:04 PM"}),(0,O.jsx)(m,{children:"0"})]}),(0,O.jsxs)(y,{className:"k-master-row",alt:!0,children:[(0,O.jsx)(m,{children:(0,O.jsx)(Qe,{name:"file.png",icon:"file"})}),(0,O.jsx)(m,{children:"13/12/2019 at 12:22:04 PM"}),(0,O.jsx)(m,{children:"73289"})]})]})]})})})]})]},"pane-2")]})}),...e});
1	+ var nf=Object.create;var El=Object.defineProperty;var sf=Object.getOwnPropertyDescriptor;var df=Object.getOwnPropertyNames;var cf=Object.getPrototypeOf,pf=Object.prototype.hasOwnProperty;var mf=(e,t)=>{for(var o in t)El(e,o,{get:t[o],enumerable:!0})},Od=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let l of df(t))!pf.call(e,l)&&l!==o&&El(e,l,{get:()=>t[l],enumerable:!(a=sf(t,l))\|\|a.enumerable});return e};var zr=(e,t,o)=>(o=e!=null?nf(cf(e)):{},Od(t\|\|!e\|\|!e.__esModule?El(o,"default",{value:e,enumerable:!0}):o,e)),uf=e=>Od(El({},"__esModule",{value:!0}),e);var AL={};mf(AL,{FileManagerGrid:()=>Ad});module.exports=uf(AL);var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var M=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),w=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:n,checked:d,active:p,selected:f,disabled:h,indeterminate:x,loading:v,empty:T,readonly:L,highlighted:C,...A}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":n,"k-checked":d,"k-active":p,"k-selected":f,"k-disabled":h,"k-indeterminate":x&&!d,"k-loading":v,"k-empty":T,"k-readonly":L,"k-highlighted":C},Object.keys(A).reduce((D,K)=>(K.startsWith("k-")?D[K]=A[K]:D[`k-${K}`]=A[K],D),{}))};function Pd(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},g={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},fo={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},S={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var Ei={};function $(e){return Ei[e]=(Ei[e]\|\|0)+1,`k-${e}-${Ei[e]}`}var Fr=require("react/jsx-runtime"),Ai="k-font-icon",bf=[],ff={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info]},Tf={},Ur=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:n,...d}=e;return a?(0,Fr.jsx)("span",{...d,className:r(e.className,Ai,M(Ai,{size:t}),{[`k-i-${a}`]:a,[`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,Fr.jsx)(Fr.Fragment,{})};Ur.states=bf;Ur.options=ff;Ur.className=Ai;Ur.defaultOptions=Tf;var Bd=Ur;var xa=require("react/jsx-runtime"),Ri="k-svg-icon",hf=[],gf={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info],variant:[fo.outline,fo.solid,fo.duotone]},Oi={viewBox:"0 0 24 24",variant:fo.outline},Vr=e=>{var v,T;let{size:t,themeColor:o,rotate:a,flip:l,viewBox:n=Oi.viewBox,variant:d=Oi.variant,icon:p,...f}=e;if(!p)return(0,xa.jsx)(xa.Fragment,{});if(p==="none")return(0,xa.jsx)("span",{...f,className:r(e.className,Ri,M("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let h=typeof p=="object"&&p.name&&p.name,x=typeof p=="object"?d&&((v=p.variants)==null?void 0:v[d])\|\|((T=p.variants)==null?void 0:T.outline)\|\|p.content:void 0;return(0,xa.jsx)("span",{...f,className:r(e.className,Ri,M("k-icon",{size:t}),{[`k-svg-i-${h}`]:h,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"\|\|l==="both","k-flip-v":l==="v"\|\|l==="both"}),"aria-hidden":"true",children:(0,xa.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:n,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:p?void 0:e.children})})};Vr.states=hf;Vr.options=gf;Vr.className=Ri;Vr.defaultOptions=Oi;var Pi=Vr;var Bi=zr(require("@progress/kendo-svg-icons"));var Gd="icon",Hd="icons";var Dd=require("react");var Kd=require("react"),_d=(0,Kd.createContext)({iconsType:"svg"});var Io=require("react/jsx-runtime"),Al="k-icon",xf=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Nf=[],kf={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info],variant:[fo.outline,fo.solid,fo.duotone]},Rl={viewBox:"0 0 24 24",type:"svg",variant:fo.outline},u=e=>{let{iconsType:t}=(0,Dd.useContext)(_d),{size:o,themeColor:a,icon:l,type:n=t\|\|Rl.type,rotate:d,flip:p,viewBox:f=Rl.viewBox,variant:h=Rl.variant,...x}=e;if(!l)return(0,Io.jsx)(Io.Fragment,{});if((t\|\|n)==="svg"){if(l==="none")return(0,Io.jsx)(Pi,{...x,className:r(e.className,Al),icon:l,size:o,variant:h});let T=Bi[l]?l:xf(`${l}-icon`);return Bi[T]?(0,Io.jsx)(Pi,{...x,className:r(e.className,Al),icon:Bi[T],size:o,themeColor:a,rotate:d,flip:p,viewBox:f,variant:h}):(0,Io.jsx)(Io.Fragment,{})}return(0,Io.jsx)(Bd,{...x,className:r(e.className,Al),icon:l,size:o,themeColor:a,rotate:d,flip:p})};u.states=Nf;u.options=kf;u.defaultOptions=Rl;u.className=Al;u.moduleName=Gd;u.folderName=Hd;u.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Gi="button",zd=Gi;var no=require("react/jsx-runtime"),$r="k-button",vf=["icon-button"],wf=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Lf={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},Hi={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:n,showArrow:d=Hi.showArrow,arrowIconName:p=Hi.arrowIconName,variant:f,hover:h,focus:x,active:v,selected:T,disabled:L,togglable:C,ariaDisabled:A,icon:D,text:K,iconClassName:W,className:ge,...ce}=e,ft=D!==void 0,Tt=e.children!==void 0;return(0,no.jsxs)(t,{className:r(ge,$r,Pd($r,f),M($r,{size:o,rounded:a,fillMode:l,themeColor:n}),w($r,{hover:h,focus:x,active:v,disabled:L\|\|A,selected:T}),{"k-icon-button":!K&&!Tt&&ft}),...ce,"aria-pressed":C?T?"true":"false":void 0,"aria-disabled":A?"true":void 0,disabled:L\|\|void 0,children:[D&&(0,no.jsx)(u,{className:r(W,"k-button-icon"),icon:D}),K?(0,no.jsxs)(no.Fragment,{children:[K&&(0,no.jsx)("span",{className:"k-button-text",children:K}),e.children]}):e.children&&(0,no.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,no.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,no.jsx)(u,{icon:p})})]})};c.states=wf;c.options=Lf;c.variants=vf;c.className=$r;c.defaultOptions=Hi;c.moduleName=Gi;c.folderName=zd;c.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 Fd=require("react/jsx-runtime"),qo=e=>(0,Fd.jsx)(c,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Ud=require("react/jsx-runtime"),Wr=e=>(0,Ud.jsx)(c,{icon:"folder",children:"Button",...e});var Vd=require("react/jsx-runtime"),Na=e=>(0,Vd.jsx)(c,{children:"Button",...e});var Ol=require("react/jsx-runtime"),Cf=c.options,Mf=c.states,Sf={...c.defaultOptions,variant:"text"},yf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],If=[],Ga=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Ol.jsx)(qo,{...o,icon:"star"});case"icon-and-text":return(0,Ol.jsx)(Wr,{...o,icon:"star",children:"Button"});default:return(0,Ol.jsx)(Na,{...o,children:"Button"})}};Ga.options=Cf;Ga.states=Mf;Ga.variants=yf;Ga.defaultOptions=Sf;Ga.modifiers=If;Ga.className=c.className;var Ki="button",$d=Ki;var Wd=require("react/jsx-runtime"),Xr="k-button-group",Ef=[i.disabled],Af={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Rf={},_=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return(0,Wd.jsx)("div",{role:"group",...l,className:r(e.className,Xr,M(Xr,{fillMode:t}),w(Xr,{disabled:o}),{[`${Xr}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};_.states=Ef;_.options=Af;_.className=Xr;_.defaultOptions=Rf;_.moduleName=Ki;_.folderName=$d;_.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 _i=require("react/jsx-runtime");var Di=require("react/jsx-runtime");var zi=require("react/jsx-runtime");var Fi=require("react/jsx-runtime");var Ui=require("react/jsx-runtime");var Vi=require("react/jsx-runtime");var St=require("react/jsx-runtime"),Of={...c.options,..._.options},Pf=c.states,Bf={...c.defaultOptions,..._.defaultOptions,variant:"text-button"},Gf=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Hf=[],Ha=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,St.jsxs)(_,{fillMode:a.fillMode,className:o,children:[(0,St.jsx)(c,{...a,icon:"star"}),(0,St.jsx)(c,{...a,icon:"star"}),(0,St.jsx)(c,{...a,icon:"star"})]}):t==="icon-text-button"?(0,St.jsxs)(_,{fillMode:a.fillMode,className:o,children:[(0,St.jsx)(c,{...a,icon:"star",children:"First"}),(0,St.jsx)(c,{...a,icon:"star",children:"Middle"}),(0,St.jsx)(c,{...a,icon:"star",children:"Last"})]}):(0,St.jsxs)(_,{fillMode:a.fillMode,className:o,children:[(0,St.jsx)(c,{...a,children:"First"}),(0,St.jsx)(c,{...a,children:"Middle"}),(0,St.jsx)(c,{...a,children:"Last"})]})};Ha.options=Of;Ha.states=Pf;Ha.variants=Gf;Ha.defaultOptions=Bf;Ha.modifiers=Hf;Ha.className=_.className;var Jr="input",Pl=Jr;var Xd=require("react/jsx-runtime"),Bl="k-input",Kf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],_f={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Df={},De=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:p,size:f,rounded:h,fillMode:x,...v}=e;return(0,Xd.jsx)("span",{...v,className:r(e.className,Bl,M(Bl,{size:f,rounded:h,fillMode:x}),w(Bl,{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:p}))})};De.states=Kf;De.options=_f;De.className=Bl;De.defaultOptions=Df;De.moduleName=Jr;De.folderName=Pl;var Jd=require("react/jsx-runtime"),Gl="k-picker",zf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ff={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Uf={},To=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:p,size:f,rounded:h,fillMode:x,...v}=e;return(0,Jd.jsx)("span",{...v,className:r(e.className,Gl,M(Gl,{size:f,rounded:h,fillMode:x}),w(Gl,{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:p})),children:e.children})};To.states=zf;To.options=Ff;To.className=Gl;To.defaultOptions=Uf;To.moduleName=Jr;To.folderName=Pl;var Ka=require("react/jsx-runtime"),qd="k-clear-value",Vf=[i.disabled,i.loading,i.readonly],$f={},Kt=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t\|\|a\|\|o\|\|!l?(0,Ka.jsx)(Ka.Fragment,{}):(0,Ka.jsx)("span",{className:r(e.className,qd),children:(0,Ka.jsx)(u,{icon:"x"})})};Kt.states=Vf;Kt.options=$f;Kt.className=qd;var Yd=require("react/jsx-runtime"),$i="k-input-inner",Wf=[],Xf={},Hl={type:"text",autocomplete:"off",value:"",placeholder:""},_t=e=>{let{value:t=Hl.value,type:o=Hl.type,placeholder:a=Hl.placeholder,autocomplete:l=Hl.autocomplete,disabled:n,readOnly:d,...p}=e;return(0,Yd.jsx)("input",{...p,type:o,className:r(e.className,$i,M($i,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:n\|\|void 0,readOnly:d\|\|void 0})};_t.states=Wf;_t.options=Xf;_t.className=$i;var qr=require("react/jsx-runtime"),Wi="k-input-inner",Jf=[],qf={},ka=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:n,...d}=e;return(0,qr.jsxs)("span",{...d,className:r(e.className,Wi,M(Wi,e)),children:[l,!l&&n&&(0,qr.jsx)(u,{className:"k-input-value-icon",icon:n}),a&&!t&&o,a&&t&&(0,qr.jsx)("span",{className:"k-input-value-text",children:t})]})};ka.states=Jf;ka.options=qf;ka.className=Wi;var Zd=require("react/jsx-runtime"),Xi="k-input-inner",Yf=[],Qf={},Qd={value:"",placeholder:""},Ji=e=>{let{value:t=Qd.value,placeholder:o=Qd.placeholder,rows:a,disabled:l,...n}=e;return(0,Zd.jsx)("textarea",{...n,className:r(e.className,Xi,M(Xi,e)),placeholder:o,rows:a,defaultValue:t,disabled:l\|\|void 0})};Ji.states=Yf;Ji.options=Qf;Ji.className=Xi;var Yr=require("react/jsx-runtime"),jd="k-input-loading-icon",Zf=[i.disabled,i.loading],yt=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,Yr.jsx)(Yr.Fragment,{}):(0,Yr.jsx)("span",{className:r(e.className,jd,"k-icon k-i-loading")})};yt.states=Zf;yt.className=jd;var Qr=require("react/jsx-runtime"),ec="k-input-validation-icon",jf=[i.valid,i.invalid,i.disabled,i.loading],eT={},ht=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,n=o?"warning-circle":"check-circle";return a\|\|l\|\|!!!(t\|\|o)?(0,Qr.jsx)(Qr.Fragment,{}):(0,Qr.jsx)(u,{className:r(ec),icon:n})};ht.states=jf;ht.options=eT;ht.className=ec;var Zr=require("react/jsx-runtime"),tT="k-input-prefix",oT={direction:"horizontal"},Jt=e=>{let{direction:t=oT.direction,...o}=e;return e.children?(0,Zr.jsx)("span",{...o,className:r(tT,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Zr.jsx)(Zr.Fragment,{})};var jr=require("react/jsx-runtime"),aT="k-input-suffix",rT={direction:"horizontal"},qt=e=>{let{direction:t=rT.direction,...o}=e;return e.children?(0,jr.jsx)("span",{...o,className:r(aT,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,jr.jsx)(jr.Fragment,{})};var lT=require("react/jsx-runtime");var tc=require("react/jsx-runtime"),iT="k-input-suffix-text",qi=e=>{let{children:t,...o}=e;return(0,tc.jsx)("span",{...o,className:r(iT,e.className),children:t})};var ac=require("react/jsx-runtime"),oc="k-input-separator",nT={direction:"vertical"},Yt=e=>{let{direction:t=nT.direction,...o}=e;return(0,ac.jsx)("span",{...o,className:r(oc,e.className,{[`${oc}-${t}`]:t})})};var Je=require("react/jsx-runtime"),sT=De.states,dT=De.defaultOptions,cT=De.options,pT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],mT=[],_a=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:n,readonly:d,...p}=e,f=t==null?void 0:t.prefix,h=t==null?void 0:t.suffix,x=t==null?void 0:t["clear-button"],v=t==null?void 0:t["validation-icon"],T=t==null?void 0:t.separators;return(0,Je.jsxs)(De,{...p,valid:o,invalid:a,loading:l,disabled:n,readonly:d,style:{width:300},children:[f&&(0,Je.jsxs)(Je.Fragment,{children:[(0,Je.jsx)(Jt,{children:(0,Je.jsx)(u,{icon:"lock"})}),T&&(0,Je.jsx)(Yt,{})]}),(0,Je.jsx)(_t,{placeholder:"Placeholder",value:"Value"}),v&&(0,Je.jsx)(ht,{valid:o,invalid:a,loading:l,disabled:n}),(0,Je.jsx)(yt,{loading:l,disabled:n}),x&&(0,Je.jsx)(Kt,{loading:l,disabled:n,readonly:d,value:"Value"}),h&&(0,Je.jsxs)(Je.Fragment,{children:[T&&(0,Je.jsx)(Yt,{}),(0,Je.jsx)(qt,{children:(0,Je.jsx)(Na,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};_a.options=cT;_a.states=sT;_a.variants=mT;_a.defaultOptions=dT;_a.modifiers=pT;_a.className=De.className;var el=require("react/jsx-runtime"),rc="k-color-preview",uT=[],bT={},Yo=e=>{let{color:t,iconName:o,...a}=e;return(0,el.jsxs)("span",{...a,className:r(e.className,rc,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,el.jsx)(u,{icon:o,className:"k-color-preview-icon"}),(0,el.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Yo.states=uT;Yo.options=bT;Yo.className=rc;var Yi="popup",lc=Yi;var Qi=require("react/jsx-runtime"),ic="k-animation-container",fT=[],TT={},nc={positionMode:"absolute"},ho=e=>{let{positionMode:t=nc.positionMode,animationStyle:o,offset:a,...l}=e;return(0,Qi.jsx)("div",{...l,style:{...a,...e.style},className:r(e.className,ic,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Qi.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};ho.states=fT;ho.options=TT;ho.className=ic;ho.defaultOptions=nc;ho.moduleName=Yi;ho.folderName=lc;var Zi="popup",sc=Zi;var ji=require("react/jsx-runtime"),dc="k-popup",hT=[],gT={},cc={positionMode:"absolute"},pe=e=>{let{offset:t,positionMode:o=cc.positionMode,animationStyle:a,containerClassName:l,containerRole:n,containerAriaLabel:d,...p}=e;return(0,ji.jsx)(ho,{positionMode:o,offset:t,animationStyle:a,className:l,role:n,"aria-label":d,children:(0,ji.jsx)("div",{...p,className:r(e.className,dc),children:e.children})})};pe.states=hT;pe.options=gT;pe.className=dc;pe.defaultOptions=cc;pe.moduleName=Zi;pe.folderName=sc;pe.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 en="action-buttons",pc=en;var mc=require("react/jsx-runtime"),Kl="k-actions",xT=[],NT={},tn={alignment:"start",orientation:"horizontal"},Qt=e=>{let{alignment:t=tn.alignment,orientation:o=tn.orientation,...a}=e;return(0,mc.jsx)("div",{...a,className:r(Kl,{[`${Kl}-${t}`]:t,[`${Kl}-${o}`]:o},e.className),children:e.children})};Qt.states=xT;Qt.options=NT;Qt.className=Kl;Qt.defaultOptions=tn;Qt.moduleName=en;Qt.folderName=pc;var bc=require("react/jsx-runtime"),kT="k-actionsheet-footer",uc={alignment:"stretched",orientation:"horizontal"},Qo=e=>{let{alignment:t=uc.alignment,orientation:o=uc.orientation,template:a,as:l=a?"div":Qt,...n}=e;return(0,bc.jsx)(l,{...n,...!a&&{alignment:t,orientation:o},className:r(e.className,kT),children:e.children})};var on="searchbox",fc=on;var Zo=require("react/jsx-runtime"),Tc="k-searchbox",vT=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],wT={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},an={showIcon:!0,icon:"search"},Me=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:n,hover:d,focus:p,valid:f,invalid:h,required:x,loading:v,disabled:T,showIcon:L=an.showIcon,icon:C=an.icon,"aria-label":A,...D}=e;return(0,Zo.jsxs)(De,{...D,size:a,rounded:l,fillMode:n,hover:d,focus:p,valid:f,invalid:h,required:x,loading:v,disabled:T,className:r(e.className,Tc),children:[L&&(0,Zo.jsx)(u,{className:"k-input-icon",icon:C}),(0,Zo.jsx)(_t,{placeholder:o,value:t,"aria-label":A}),(0,Zo.jsx)(yt,{...e}),(0,Zo.jsx)(ht,{...e}),(0,Zo.jsx)(Kt,{...e})]})};Me.states=vT;Me.options=wT;Me.className=Tc;Me.defaultOptions=an;Me.moduleName=on;Me.folderName=fc;var LT=require("react/jsx-runtime");var rn="textbox",hc=rn;var it=require("react/jsx-runtime"),gc="k-textbox",CT=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],MT={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},_l={showClearButton:!0,showValidationIcon:!0,separators:!0},Ne=e=>{let{size:t,rounded:o,fillMode:a,separators:l=_l.separators,showClearButton:n=_l.showClearButton,showValidationIcon:d=_l.showValidationIcon,prefix:p,suffix:f,type:h,value:x,placeholder:v,hover:T,focus:L,valid:C,invalid:A,required:D,loading:K,disabled:W,readonly:ge,id:ce,"aria-label":ft,"aria-describedby":Tt,...Ht}=e;return(0,it.jsxs)(De,{...Ht,size:t,rounded:o,fillMode:a,hover:T,focus:L,valid:C,invalid:A,required:D,loading:K,disabled:W,readonly:ge,className:r(e.className,gc),children:[p&&(0,it.jsxs)(it.Fragment,{children:[(0,it.jsx)(Jt,{children:p}),l&&(0,it.jsx)(Yt,{})]}),(0,it.jsx)(_t,{id:ce,placeholder:v,value:x,type:h,disabled:W,"aria-label":ft,"aria-describedby":Tt,"aria-invalid":A?"true":void 0}),d&&(0,it.jsx)(ht,{valid:C,invalid:A,loading:K,disabled:W}),(0,it.jsx)(yt,{loading:K,disabled:W}),n&&(0,it.jsx)(Kt,{loading:K,disabled:W,readonly:ge,value:x}),f&&(0,it.jsxs)(it.Fragment,{children:[l&&(0,it.jsx)(Yt,{}),(0,it.jsx)(qt,{children:f})]})]})};Ne.states=CT;Ne.options=MT;Ne.className=gc;Ne.defaultOptions=_l;Ne.moduleName=rn;Ne.folderName=hc;Ne.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 tl=Ne;var Nc=require("react/jsx-runtime"),xc=e=>(0,Nc.jsx)(tl,{...e});var kc=require("react/jsx-runtime");var vc=require("react/jsx-runtime");var ST=require("react/jsx-runtime");var Dl=require("react/jsx-runtime"),yT=Ne.states,IT=Ne.defaultOptions,ET=Ne.options,AT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],RT=[],Da=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,Dl.jsx)(u,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,Dl.jsx)(Na,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[l];break;default:break}}),(0,Dl.jsx)(xc,{value:"Value",style:{width:300},...o,...a})};Da.options=ET;Da.states=yT;Da.variants=RT;Da.defaultOptions=IT;Da.modifiers=AT;Da.className=Ne.className;var Dt=require("react/jsx-runtime"),wc="k-actionsheet-titlebar",OT={},gt=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:n,input:d,inputValue:p,inputPlaceholder:f,adaptive:h,titleId:x,children:v,...T}=e;return(0,Dt.jsxs)("div",{...T,className:r(e.className,wc),children:[(0,Dt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,Dt.jsx)("div",{className:"k-actionsheet-actions",children:a}),!v&&(0,Dt.jsxs)("div",{className:"k-actionsheet-title",id:x,children:[t&&(0,Dt.jsx)("div",{className:"k-text-center",children:t}),o&&(0,Dt.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&(0,Dt.jsx)("div",{className:"k-actionsheet-title",id:x,children:v}),l&&(0,Dt.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(d\|\|n)&&(0,Dt.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?(0,Dt.jsx)(Ne,{value:p,placeholder:f,size:h?"large":"medium","aria-label":t\|\|f\|\|"Input"}):(0,Dt.jsx)(Me,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};gt.className=wc;gt.defaultOptions=OT;var za=require("react/jsx-runtime"),ln="k-actionsheet-view",PT=[],BT={},GT={},Fa=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:n,titleId:d,...p}=e,f=(l==null?void 0:l.type)===gt&&(0,za.jsx)(gt,{adaptive:t,titleId:d,...l==null?void 0:l.props}),h=(n==null?void 0:n.type)===Qo&&(0,za.jsx)(Qo,{...n==null?void 0:n.props});return(0,za.jsxs)("div",{...p,className:r(e.className,ln,{[`${ln}-animated`]:o}),children:[f,(0,za.jsx)("div",{className:"k-actionsheet-content",children:a}),h]})};Fa.states=PT;Fa.options=BT;Fa.className=ln;Fa.defaultOptions=GT;var ol="action-sheet",zl=ol;var nn="overlay",Lc=nn;var Mc=require("react/jsx-runtime"),Cc="k-overlay",HT=[],KT={},_T={},jo=e=>{let{...t}=e;return(0,Mc.jsx)("div",{...t,className:r(e.className,Cc),children:e.children})};jo.states=HT;jo.options=KT;jo.className=Cc;jo.defaultOptions=_T;jo.moduleName=nn;jo.folderName=Lc;var va=require("react/jsx-runtime"),Sc="k-actionsheet",DT=[],zT={},al={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Ge=e=>{let{side:t=al.side,fullscreen:o=al.fullscreen,adaptive:a=al.adaptive,overlay:l=al.overlay,template:n,children:d,header:p,footer:f,id:h,...x}=e,v=h&&!n&&p?`${h}-title`:void 0;return(0,va.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,va.jsx)(jo,{}),(0,va.jsx)(ho,{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,va.jsx)("div",{...x,id:h,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":v,className:r(e.className,Sc,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:n\|\|(0,va.jsx)(Fa,{header:p,footer:f,adaptive:a,titleId:v,...e,children:d})})})]})};Ge.states=DT;Ge.options=zT;Ge.className=Sc;Ge.defaultOptions=al;Ge.moduleName=ol;Ge.folderName=zl;Ge.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 Ic=require("react/jsx-runtime"),yc="k-actionsheet-container",FT=[],UT={},VT={},Ua=e=>{let{children:t,...o}=e;return(0,Ic.jsx)("div",{...o,className:yc,children:t})};Ua.states=FT;Ua.options=UT;Ua.className=yc;Ua.defaultOptions=VT;Ua.moduleName=ol;Ua.folderName=zl;var Ec=require("react/jsx-runtime"),sn=e=>{let{...t}=e;return(0,Ec.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var Zt=require("react/jsx-runtime"),dn="k-actionsheet-item",$T=[i.hover,i.focus,i.selected,i.disabled],ea=e=>{let{iconName:t,text:o,description:a,hover:l,focus:n,selected:d,disabled:p,...f}=e;return(0,Zt.jsxs)("span",{...f,className:r(e.className,dn,w(dn,{hover:l,focus:n,selected:d,disabled:p})),children:[!e.children&&(0,Zt.jsx)(Zt.Fragment,{children:(0,Zt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,Zt.jsx)("span",{className:"k-icon-wrap",children:(0,Zt.jsx)(u,{className:"k-actionsheet-item-icon",icon:t})}),(0,Zt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,Zt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,Zt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};ea.states=$T;ea.className=dn;var Ac=require("react/jsx-runtime");var WT=require("react/jsx-runtime");var XT=require("react/jsx-runtime");var JT=require("react/jsx-runtime");var Ie=require("react/jsx-runtime"),qT=Ge.options,YT=Ge.states,Oc={...Ge.defaultOptions,variant:"normal"},QT=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],ZT=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Va=e=>{let{variant:t,modifiers:o,...a}={...Oc,...e},l={},n=(0,Ie.jsxs)(sn,{children:[(0,Ie.jsx)(ea,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Ie.jsx)(ea,{text:"Add to Favorites",iconName:"heart"}),(0,Ie.jsx)(ea,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Ie.jsx)("hr",{className:"k-hr"}),(0,Ie.jsx)(ea,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",p="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]?d:void 0;break;case"footer":l.footer=!!(o!=null&&o[f]);break;default:break}}),t==="adaptive"?(0,Ie.jsx)(Ge,{...a,adaptive:!0,fullscreen:l.fullScreen,header:(0,Ie.jsx)(gt,{actionsStart:l.actionsStart?(0,Ie.jsx)(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,Ie.jsx)(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:p,subtitle:l.subtitle}),footer:l.footer?(0,Ie.jsxs)(Qo,{alignment:"stretched",children:[(0,Ie.jsx)(c,{text:"Cancel",size:"large",themeColor:"base"}),(0,Ie.jsx)(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:n}):(0,Ie.jsx)(Ge,{...a,fullscreen:l.fullScreen,header:(0,Ie.jsx)(gt,{actionsStart:l.actionsStart?(0,Ie.jsx)(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,Ie.jsx)(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,Ie.jsxs)(Qo,{alignment:"stretched",children:[(0,Ie.jsx)(c,{text:"Apply",themeColor:"primary"}),(0,Ie.jsx)(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:n})};Va.options=qT;Va.states=YT;Va.variants=QT;Va.defaultOptions=Oc;Va.modifiers=ZT;Va.className=Ge.className;var cn="slider",Pc=cn;var so=require("react/jsx-runtime"),rl="k-slider",jT=[i.hover,i.focus,i.active,i.disabled,i.readonly],eh={},jt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},we=e=>{let{type:t=jt.type,orientation:o=jt.orientation,gradientType:a=jt.gradientType,readonly:l=jt.readonly,disabled:n=jt.disabled,handlePosition:d=jt.handlePosition,showButtons:p=jt.showButtons,showTicks:f=jt.showTicks,value:h=jt.value,min:x=jt.min,max:v=jt.max,startValue:T,endValue:L,hover:C,focus:A,active:D,trackStyle:K,dir:W,...ge}=e,ft=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Tt,Ht;return o==="horizontal"?(Tt=W==="rtl"?"chevron-left":"chevron-right",Ht=W==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(Tt="chevron-up",Ht="chevron-down"),(0,so.jsxs)("div",{...ge,className:r(rl,e.className,w(rl,{readonly:l,disabled:n}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:W,children:[p&&(0,so.jsx)(c,{className:"k-button-decrease",rounded:"full",icon:Ht,tabIndex:-1,title:"Decrease"}),(0,so.jsxs)("div",{className:"k-slider-track-wrap",children:[f&&(0,so.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,so.jsxs)("div",{className:"k-slider-track",style:K,children:[(0,so.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,so.jsx)("span",{className:r("k-draghandle","k-draghandle-start",w(rl,{hover:C,focus:A,active:D})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":T??x,"aria-valuemin":x,"aria-valuemax":L??v,"aria-orientation":ft,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":ge["aria-label"]?`${ge["aria-label"]} start`:"Range start"}),(0,so.jsx)("span",{className:r("k-draghandle",`k-draghandle-${d}`,w(rl,{hover:C,focus:A,active:D})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":t==="range"?L??v:h,"aria-valuemin":t==="range"?T??x:x,"aria-valuemax":v,"aria-orientation":ft,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?ge["aria-label"]?`${ge["aria-label"]} end`:"Range end":ge["aria-label"]})]})]}),p&&(0,so.jsx)(c,{className:"k-button-increase",rounded:"full",icon:Tt,tabIndex:-1,title:"Increase"})]})};we.states=jT;we.options=eh;we.className=rl;we.defaultOptions=jt;we.moduleName=cn;we.folderName=Pc;we.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 pn=require("react/jsx-runtime"),Bc="k-tick",th=[],oh={},Gc={label:!1},z=e=>{let{style:t,label:o=Gc.label,orientation:a,large:l,text:n,...d}=e;return(0,pn.jsx)("li",{...d,role:"presentation",title:n\|\|"Tick",className:r(e.className,Bc,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&(0,pn.jsx)("span",{className:"k-label",children:n})})};z.states=th;z.options=oh;z.className=Bc;z.defaultOptions=Gc;var Ze=require("react/jsx-runtime"),Hc=e=>(0,Ze.jsx)(we,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,Ze.jsxs)(Ze.Fragment,{children:[(0,Ze.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ze.jsx)(z,{}),(0,Ze.jsx)(z,{}),(0,Ze.jsx)(z,{}),(0,Ze.jsx)(z,{}),(0,Ze.jsx)(z,{label:!0,large:!0,text:"5"}),(0,Ze.jsx)(z,{}),(0,Ze.jsx)(z,{}),(0,Ze.jsx)(z,{}),(0,Ze.jsx)(z,{}),(0,Ze.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var je=require("react/jsx-runtime"),Kc=e=>(0,je.jsx)(we,{children:(0,je.jsxs)(je.Fragment,{children:[(0,je.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,je.jsx)(z,{}),(0,je.jsx)(z,{}),(0,je.jsx)(z,{}),(0,je.jsx)(z,{}),(0,je.jsx)(z,{label:!0,large:!0,text:"5"}),(0,je.jsx)(z,{}),(0,je.jsx)(z,{}),(0,je.jsx)(z,{}),(0,je.jsx)(z,{}),(0,je.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var mn=require("react/jsx-runtime");var un=require("react/jsx-runtime");var _c=require("react/jsx-runtime"),bn=e=>(0,_c.jsx)(we,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Dc=require("react/jsx-runtime"),fn=e=>(0,Dc.jsx)(we,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Tn=require("react/jsx-runtime");var hn=require("react/jsx-runtime");var It=require("react/jsx-runtime"),ah=we.options,rh=we.states,zc={...we.defaultOptions,variant:"horizontal",label:!0},lh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ih=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],$a=e=>{let{variant:t,modifiers:o,...a}={...zc,...e},l={};Object.keys(o\|\|{}).forEach(h=>{switch(h){case"button":{l.showButtons=!!(o!=null&&o[h]);break}case"label":{l.label=!!(o!=null&&o[h]);break}case"tick":{l.showTicks=!!(o!=null&&o[h]);break}}});let{label:n=!0,showButtons:d,showTicks:p}=l,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,It.jsxs)(Kc,{showTicks:p,showButtons:d,style:{height:"300px",...f},...a,children:[(0,It.jsx)(z,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,It.jsx)(z,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,It.jsx)(z,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,It.jsx)(z,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,It.jsx)(z,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,It.jsxs)(Hc,{showTicks:p,showButtons:d,style:{width:"400px",...f},...a,children:[(0,It.jsx)(z,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,It.jsx)(z,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,It.jsx)(z,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,It.jsx)(z,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,It.jsx)(z,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};$a.options=ah;$a.states=rh;$a.variants=lh;$a.defaultOptions=zc;$a.modifiers=ih;$a.className=we.className;var ll=require("react/jsx-runtime"),Fc="k-spin-button",dh=[],ch={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},gn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ta=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=gn.increaseLabel,decreaseLabel:n=gn.decreaseLabel,...d}=e;return(0,ll.jsxs)("span",{...d,className:r(Fc,e.className),children:[(0,ll.jsx)(c,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":l}),(0,ll.jsx)(c,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":n})]})};ta.states=dh;ta.options=ch;ta.className=Fc;ta.defaultOptions=gn;ta.moduleName=null;ta.folderName=null;var Uc="numeric-textbox",Vc="numerictextbox";var et=require("react/jsx-runtime"),$c="k-numerictextbox",ph=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],mh={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Fl={showSpinButton:!0,showClearButton:!0,separators:!0},Y=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Fl.separators,showClearButton:n=Fl.showClearButton,showSpinButton:d=Fl.showSpinButton,prefix:p,suffix:f,value:h,placeholder:x,hover:v,focus:T,valid:L,invalid:C,required:A,loading:D,disabled:K,readonly:W,id:ge,"aria-label":ce,"aria-describedby":ft,...Tt}=e;return(0,et.jsxs)(De,{...Tt,size:t,rounded:o,fillMode:a,hover:v,focus:T,valid:L,invalid:C,required:A,loading:D,disabled:K,readonly:W,className:r(e.className,$c),children:[p&&(0,et.jsxs)(et.Fragment,{children:[(0,et.jsx)(Jt,{children:p}),l&&(0,et.jsx)(Yt,{})]}),(0,et.jsx)(_t,{id:ge,placeholder:x,value:h,role:"spinbutton",disabled:K,"aria-label":ce,"aria-describedby":ft,"aria-invalid":C?"true":void 0}),(0,et.jsx)(ht,{valid:L,invalid:C,loading:D,disabled:K}),(0,et.jsx)(yt,{loading:D,disabled:K}),n&&(0,et.jsx)(Kt,{loading:D,disabled:K,readonly:W,value:h}),f&&(0,et.jsxs)(et.Fragment,{children:[l&&(0,et.jsx)(Yt,{}),(0,et.jsx)(qt,{children:f})]}),d&&(0,et.jsx)(ta,{className:"k-input-spinner",size:t,fillMode:a,disabled:K})]})};Y.states=ph;Y.options=mh;Y.className=$c;Y.defaultOptions=Fl;Y.moduleName=Uc;Y.folderName=Vc;Y.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 il=Y;var Xc=require("react/jsx-runtime"),Wc=e=>(0,Xc.jsx)(il,{...e});var Ul=zr(require("react"));var xn=require("react/jsx-runtime"),uh="k-list-group-sticky-header",Nn=e=>(0,xn.jsx)("div",{className:r(uh,e.className),children:(0,xn.jsx)("div",{className:"k-list-header-text",children:e.children})});var Jc=require("react/jsx-runtime"),bh="k-no-data",nl=e=>{let{live:t,...o}=e;return(0,Jc.jsx)("span",{...o,className:r(bh,e.className),"aria-live":t?"polite":void 0,children:e.children})};var wa="list",Wa=wa;var Xa=require("react/jsx-runtime"),kn="k-list",fh=[],Th={size:[s.undefined,s.small,s.medium,s.large]},hh={},ae=e=>{var L;let{size:t,virtualization:o,children:a,header:l,optionLabel:n,customValue:d,noData:p,screenReaders:f,...h}=e,v=Ul.default.Children.toArray(a)[0],T=(L=v==null?void 0:v.props)!=null&&L.children?Ul.default.Children.count(v.props.children):Ul.default.Children.count(a);return(0,Xa.jsxs)("div",{...h,className:r(e.className,kn,M(kn,{size:t}),{"k-virtual-list":o}),children:[n,d,l&&(0,Xa.jsx)(Nn,{children:l}),a\|\|(p!==void 0?p:(0,Xa.jsx)(nl,{live:!0,children:"No data found."})),f&&a&&(0,Xa.jsxs)(nl,{className:"k-sr-only",live:!0,children:[T," items found."]})]})};ae.states=fh;ae.options=Th;ae.className=kn;ae.defaultOptions=hh;ae.moduleName=wa;ae.folderName=Wa;ae.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var Yc=require("react/jsx-runtime"),qc="k-list-container",gh=[],xh={},Nh={},Ja=e=>{let{...t}=e;return(0,Yc.jsx)("div",{...t,className:r(e.className,qc),children:e.children})};Ja.states=gh;Ja.options=xh;Ja.className=qc;Ja.defaultOptions=Nh;Ja.moduleName=wa;Ja.folderName=Wa;var La="checkbox",qa=La;var vn=require("react/jsx-runtime"),Vl="k-checkbox",kh=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],vh={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full]},wh={},ze=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:n,disabled:d,invalid:p,valid:f,required:h,size:x,rounded:v,wrapperRole:T,...L}=e;return(0,vn.jsx)("span",{className:"k-checkbox-wrap",role:T,children:(0,vn.jsx)("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:d\|\|void 0,"aria-invalid":p?"true":void 0,className:r(e.className,Vl,M(Vl,{size:x,rounded:v}),w(Vl,{hover:l,focus:n,disabled:d,invalid:p,valid:f,indeterminate:a,checked:o}))})})};ze.states=kh;ze.options=vh;ze.className=Vl;ze.defaultOptions=wh;ze.moduleName=La;ze.folderName=qa;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 co=ze;var jc=require("react/jsx-runtime"),Qc="k-checkbox-list",Lh=[],Ch={},Zc={layout:"vertical"},xt=e=>{let{layout:t=Zc.layout,...o}=e;return(0,jc.jsx)("ul",{...o,className:r(e.className,Qc,{[`k-list-${t}`]:t}),children:e.children})};xt.states=Lh;xt.options=Ch;xt.className=Qc;xt.defaultOptions=Zc;xt.moduleName=La;xt.folderName=qa;var tp=require("react/jsx-runtime"),ep="k-checkbox-list-item",Mh=[],Sh={},yh={},Nt=e=>{let{...t}=e;return(0,tp.jsx)("li",{...t,className:r(e.className,ep),children:e.children})};Nt.states=Mh;Nt.options=Sh;Nt.className=ep;Nt.defaultOptions=yh;Nt.moduleName=La;Nt.folderName=qa;var Ca=require("react/jsx-runtime"),Eo=({children:e="Label",id:t="cb-label-after",...o})=>(0,Ca.jsxs)(Ca.Fragment,{children:[(0,Ca.jsx)(co,{id:t,...o}),(0,Ca.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var wn=require("react/jsx-runtime");var Ln=require("react/jsx-runtime");var Cn=require("react/jsx-runtime");var Ih=require("react/jsx-runtime");var Eh=require("react/jsx-runtime");var Ah=require("react/jsx-runtime");var nt=require("react/jsx-runtime"),Rh=xt.options,Oh=xt.states,Ph={...xt.defaultOptions,variant:"vertical"},Bh=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Gh=[],Ya=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,nt.jsxs)(xt,{layout:"horizontal",...o,children:[(0,nt.jsx)(Nt,{children:(0,nt.jsx)(Eo,{id:$("cb"),defaultChecked:!0,children:"Label"})}),(0,nt.jsx)(Nt,{children:(0,nt.jsx)(Eo,{id:$("cb"),children:"Label"})}),(0,nt.jsx)(Nt,{children:(0,nt.jsx)(Eo,{id:$("cb"),children:"Label"})})]}):(0,nt.jsxs)(xt,{...o,children:[(0,nt.jsx)(Nt,{children:(0,nt.jsx)(Eo,{id:$("cb"),defaultChecked:!0,children:"Label"})}),(0,nt.jsx)(Nt,{children:(0,nt.jsx)(Eo,{id:$("cb"),children:"Label"})}),(0,nt.jsx)(Nt,{children:(0,nt.jsx)(Eo,{id:$("cb"),children:"Label"})})]})};Ya.options=Rh;Ya.states=Oh;Ya.variants=Bh;Ya.defaultOptions=Ph;Ya.modifiers=Gh;Ya.className=xt.className;var op=require("react/jsx-runtime"),Hh=co.options,Kh=co.states,_h=co.defaultOptions,Dh=[],zh=[],Qa=e=>(0,op.jsx)(Eo,{id:$("checkbox"),...e,defaultChecked:!0,children:"Label"});Qa.options=Hh;Qa.states=Kh;Qa.variants=Dh;Qa.defaultOptions=_h;Qa.modifiers=zh;Qa.className=co.className;var go=require("react/jsx-runtime"),Mn="k-list-item",Fh=[i.hover,i.focus,i.selected,i.disabled],Uh={},Vh={},X=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:n,showCheckbox:d,checked:p,hover:f,focus:h,selected:x,disabled:v,actions:T,description:L,id:C,...A}=e,D=t\|\|e.children;return(0,go.jsxs)("li",{...A,id:C,role:a?"presentation":"option",tabIndex:a?void 0:h?0:-1,"aria-selected":!a&&x?"true":a?void 0:"false","aria-disabled":!a&&v?"true":void 0,className:r(e.className,a?"k-list-group-item":Mn,w(Mn,{hover:f,focus:h,disabled:v,selected:x})),children:[d&&(0,go.jsx)(ze,{checked:p}),l&&(0,go.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,go.jsx)(u,{icon:l,className:r("k-list-item-icon",n)})}),(0,go.jsx)("span",{className:"k-list-item-text",children:D}),T&&(0,go.jsx)("div",{className:"k-list-item-actions",children:T}),L&&(0,go.jsx)("span",{className:"k-list-item-description",children:L}),o&&o!==""&&(0,go.jsx)("div",{className:"k-list-item-group-label",children:o})]})};X.states=Fh;X.options=Uh;X.className=Mn;X.defaultOptions=Vh;X.moduleName=wa;X.folderName=Wa;X.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};var ap=require("react/jsx-runtime"),$h="k-list-ul",Ao=e=>{let{children:t,role:o,id:a,...l}=e;return(0,ap.jsx)("ul",{...l,id:a,role:o,className:r($h,e.className),children:t})};Ao.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 Za=require("react/jsx-runtime"),Wh="k-list-content",xe=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:n,...d}=e;return(0,Za.jsxs)("div",{...d,className:r(Wh,e.className),role:o?"listbox":void 0,id:o?n:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:(0,Za.jsx)(Ao,{role:"listbox",id:n,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&(0,Za.jsx)("div",{className:"k-height-container",children:(0,Za.jsx)("div",{})})]})};xe.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 Sn=require("react/jsx-runtime");var ja=require("react/jsx-runtime"),Xh="k-list-group-item",Ma=e=>{let{groupIconName:t,...o}=e;return(0,ja.jsxs)("li",{...o,role:"presentation",className:r(Xh,e.className),children:[t&&(0,ja.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,ja.jsx)(u,{icon:t,className:"k-list-item-icon"})}),(0,ja.jsx)("span",{className:"k-list-item-text",children:e.children})]})};Ma.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 rp=require("react/jsx-runtime"),yn="k-list-optionlabel",Jh=[i.hover,i.focus,i.selected,i.disabled],qh={},Yh={},$l=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:n,...d}=e;return(0,rp.jsx)("div",{...d,className:r(yn,w(yn,{hover:o,focus:a,selected:l,disabled:n})),children:t})};$l.states=Jh;$l.options=qh;$l.className=yn;$l.defaultOptions=Yh;var lp=require("react/jsx-runtime"),In="k-list-custom-value",Qh=[i.hover,i.focus,i.selected,i.disabled],Zh={},jh={},oa=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:n,...d}=e;return(0,lp.jsx)("div",{...d,className:r(In,w(In,{hover:o,focus:a,selected:l,disabled:n})),children:t})};oa.states=Qh;oa.options=Zh;oa.className=In;oa.defaultOptions=jh;var En=require("react/jsx-runtime");var An=require("react/jsx-runtime");var Rn=require("react/jsx-runtime");var On=require("react/jsx-runtime");var eg=require("react/jsx-runtime");var Pn=require("react/jsx-runtime");var ip="dropdown-list",np="dropdownlist";var Ee=require("react/jsx-runtime"),sp="k-dropdownlist",tg=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],og={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Bn={showValue:!0,arrowIconName:"chevron-down"},ue=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Bn.arrowIconName,showValue:n=Bn.showValue,valueIconName:d,prefix:p,suffix:f,value:h,placeholder:x,hover:v,focus:T,valid:L,invalid:C,required:A,loading:D,disabled:K,readonly:W,popup:ge,opened:ce,adaptive:ft,adaptiveSettings:Tt,adaptiveTitle:Ht,adaptiveSubtitle:ga,adaptiveFilter:Si,id:Jo,activeDescendant:Il,"aria-label":yi,...Ii}=e,lf=Jo?`${Jo}-listbox`:void 0,Rd=Jo?`${Jo}-value`:void 0;return(0,Ee.jsxs)(Ee.Fragment,{children:[(0,Ee.jsxs)(To,{...Ii,id:Jo,size:t,rounded:o,fillMode:a,hover:v,focus:T,valid:L,invalid:C,required:A,loading:D,disabled:K,readonly:W,className:r(e.className,sp,{"k-icon-picker":!n&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ce?"true":"false","aria-controls":ce?lf:void 0,"aria-activedescendant":ce&&Il?Il:void 0,"aria-describedby":ce?Rd:void 0,"aria-disabled":K?"true":void 0,"aria-label":yi,tabIndex:0,children:[(0,Ee.jsx)(Jt,{children:p}),(0,Ee.jsx)(ka,{placeholder:x,value:h,showValue:n,valueIconName:d,id:Rd}),(0,Ee.jsx)(ht,{valid:L,invalid:C,loading:D,disabled:K}),(0,Ee.jsx)(yt,{loading:D,disabled:K}),(0,Ee.jsx)(qt,{children:f}),(0,Ee.jsx)(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":x\|\|"Toggle dropdown",tabIndex:-1})]}),ce&&ge&&(0,Ee.jsx)(pe,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:ge}),ft&&(0,Ee.jsx)(Ge,{adaptive:!0,...Tt,header:(0,Ee.jsx)(gt,{actionsEnd:(0,Ee.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Si,inputValue:h,inputPlaceholder:x,title:Ht,subtitle:ga}),children:(0,Ee.jsx)("div",{className:"k-list-container",children:(0,Ee.jsx)(ae,{size:"large",children:(0,Ee.jsxs)(xe,{"aria-label":"Options",children:[(0,Ee.jsx)(X,{text:"List item"}),(0,Ee.jsx)(X,{text:"List item"}),(0,Ee.jsx)(X,{text:"List item"})]})})})})]})};ue.states=tg;ue.options=og;ue.className=sp;ue.defaultOptions=Bn;ue.moduleName=ip;ue.folderName=np;ue.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 ag=require("react/jsx-runtime");var dp=require("react/jsx-runtime");var Gn=require("react/jsx-runtime");var rg=require("react/jsx-runtime");var cp=require("react/jsx-runtime");var Hn=require("react/jsx-runtime");var lg=require("react/jsx-runtime");var Et=require("react/jsx-runtime"),ig=ue.states,ng=ue.defaultOptions,sg=ue.options,dg=[{name:"opened",title:"Opened"}],cg=[],tr=e=>{let{modifiers:t,...o}=e,a={},l=(0,Et.jsxs)(Et.Fragment,{children:[(0,Et.jsx)("div",{className:"k-list-filter",children:(0,Et.jsx)(Me,{})}),(0,Et.jsx)(ae,{style:{width:300},size:o.size,children:(0,Et.jsxs)(xe,{children:[(0,Et.jsx)(X,{children:"List item"}),(0,Et.jsx)(X,{children:"List item"}),(0,Et.jsx)(X,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(n=>{n==="opened"&&(a.opened=!!(t!=null&&t[n]),a.popup=t!=null&&t[n]?l:void 0)}),(0,Et.jsx)("div",{children:(0,Et.jsx)(ue,{placeholder:"Value",style:{width:300},...o,...a})})};tr.options=sg;tr.states=ig;tr.variants=cg;tr.defaultOptions=ng;tr.modifiers=dg;tr.className=ue.className;var pp=require("react/jsx-runtime");var mp=require("react/jsx-runtime");var pg=require("react/jsx-runtime");var Wl=require("react/jsx-runtime"),mg=Y.states,ug=Y.defaultOptions,bg=Y.options,fg=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Tg=[],or=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,Wl.jsx)(ue,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,Wl.jsx)(qi,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[l];break;case"spin-button":a.showSpinButton=t==null?void 0:t[l];break;default:break}}),(0,Wl.jsx)(Wc,{value:"Value",style:{width:300},...o,...a})};or.options=bg;or.states=mg;or.variants=Tg;or.defaultOptions=ug;or.modifiers=fg;or.className=Y.className;var P=require("react/jsx-runtime"),up="k-colorgradient-inputs",hg=[],gg={size:[s.undefined,s.small,s.medium,s.large]},bp={mode:"rgba"},ar=e=>{let{mode:t=bp.mode,size:o,...a}=e;return(0,P.jsxs)("div",{...a,className:r(up,"k-hstack"),children:[(0,P.jsx)("div",{className:"k-vstack",children:(0,P.jsx)(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,P.jsxs)("div",{className:"k-vstack",children:[(0,P.jsx)(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,P.jsx)(P.Fragment,{children:(0,P.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,P.jsx)(Ne,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,P.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ar.states=hg;ar.options=gg;ar.className=up;ar.defaultOptions=bp;var st=require("react/jsx-runtime"),fp="k-colorgradient-color-contrast",xg=[],Ng={},kg={},rr=()=>(0,st.jsxs)("div",{className:r(fp,"k-vbox"),children:[(0,st.jsxs)("div",{className:"k-contrast-ratio",children:[(0,st.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,st.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,st.jsx)(u,{icon:"check"}),(0,st.jsx)(u,{icon:"check"})]})]}),(0,st.jsxs)("div",{children:[(0,st.jsx)("span",{children:"AA: 4.5"}),(0,st.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,st.jsx)(u,{icon:"check"})]})]}),(0,st.jsxs)("div",{children:[(0,st.jsx)("span",{children:"AAA: 7.0"}),(0,st.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,st.jsx)(u,{icon:"x"})]})]})]});rr.states=xg;rr.options=Ng;rr.className=fp;rr.defaultOptions=kg;var Tp="color-gradient",hp="colorgradient";var We=require("react/jsx-runtime"),Xl="k-colorgradient",vg=[i.hover,i.focus,i.readonly,i.disabled],wg={size:[s.undefined,s.small,s.medium,s.large]},xo={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"},qe=e=>{let{size:t,mode:o=xo.mode,readonly:a=xo.readonly,disabled:l=xo.disabled,gradientStyle:n=xo.gradientStyle,dragHandleStyle:d=xo.dragHandleStyle,alphaStyle:p=xo.alphaStyle,alphaStyleHorizontal:f=xo.alphaStyleHorizontal,contrast:h=xo.contrast,dir:x,hover:v,focus:T,hoverHandle:L,focusHandle:C,canvasOrientation:A=xo.canvasOrientation,role:D,tabIndex:K,...W}=e;return(0,We.jsxs)("div",{...W,role:D??"textbox","aria-label":D==="none"?void 0:"Color gradient",tabIndex:K??0,"aria-disabled":l?"true":void 0,className:r(e.className,Xl,M(Xl,{size:t}),w(Xl,{hover:v,focus:T,readonly:a,disabled:l})),dir:x,children:[!A\|\|A==="horizontal"&&(0,We.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,We.jsx)("div",{className:"k-hsv-rectangle",style:n,children:(0,We.jsx)("div",{className:"k-hsv-gradient",children:(0,We.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":C}),style:d,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,We.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,We.jsx)(fn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&(0,We.jsx)(fn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:p})]})]}),A==="vertical"&&(0,We.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,We.jsx)("div",{className:"k-hsv-rectangle",style:n,children:(0,We.jsx)("div",{className:"k-hsv-gradient",children:(0,We.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":C}),style:d,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,We.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,We.jsx)(bn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&(0,We.jsx)(bn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:f})]})]}),(0,We.jsx)(ar,{mode:e.mode,size:t}),h&&(0,We.jsx)(rr,{})]})};qe.states=vg;qe.options=wg;qe.className=Xl;qe.defaultOptions=xo;qe.moduleName=Tp;qe.folderName=hp;qe.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 gp=require("react/jsx-runtime"),Jl=e=>(0,gp.jsx)(qe,{...e});var Lg=require("react/jsx-runtime");var Cg=require("react/jsx-runtime");var ql=require("react/jsx-runtime"),Mg=qe.options,Sg=qe.states,yg={...qe.defaultOptions,variant:"rgba"},Ig=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Eg=[],lr=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,ql.jsx)(Jl,{...o,mode:t});case"rgb":return(0,ql.jsx)(Jl,{...o,mode:t});default:return(0,ql.jsx)(Jl,{...o,mode:t})}};lr.options=Mg;lr.states=Sg;lr.variants=Ig;lr.defaultOptions=yg;lr.modifiers=Eg;lr.className=qe.className;var xp=require("react/jsx-runtime"),Kn=e=>(0,xp.jsx)("tr",{role:"row",children:e.children});var Np=require("react/jsx-runtime"),_n="k-colorpalette-tile",Ag=[i.hover,i.focus,i.selected],Rg={},ir=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:n,...d}=e,p={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,Np.jsx)("td",{...d,role:"gridcell","aria-label":t,"aria-selected":n?"true":void 0,className:r(e.className,_n,w(_n,{hover:a,focus:l,selected:n})),style:p})};ir.states=Ag;ir.options=Rg;ir.className=_n;var kp="color-palette",vp="colorpalette";var nr=require("react/jsx-runtime"),Yl="k-colorpalette",Og=[i.disabled],Pg={size:[s.undefined,s.small,s.medium,s.large]},wp={columns:10},kt=e=>{let{size:t,palette:o,columns:a=wp.columns,tileSize:l,disabled:n,...d}=e,p=[];if(o){let f=a\|\|o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/f)},(x,v)=>{let T=[];h.slice(vf,(v+1)f).map((C,A)=>{T.push((0,nr.jsx)(ir,{color:C,tileSize:l},A))});let L=(0,nr.jsx)(Kn,{children:T},v);p.push(L)})}return(0,nr.jsx)("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":n?"true":void 0,className:r(e.className,Yl,w(Yl,{disabled:n}),M(Yl,{size:t})),children:(0,nr.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,nr.jsx)("tbody",{children:p.length>0?p:e.children})})})};kt.states=Og;kt.options=Pg;kt.className=Yl;kt.defaultOptions=wp;kt.moduleName=kp;kt.folderName=vp;kt.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 Ql=kt;var sl={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 Cp=require("react/jsx-runtime"),Lp=e=>(0,Cp.jsx)(Ql,{palette:sl.basic,...e});var Bg=require("react/jsx-runtime");var Mp=require("react/jsx-runtime");var Sp=require("react/jsx-runtime"),Gg=kt.options,Hg=kt.states,Kg={...kt.defaultOptions,variant:"basic"},_g=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Dg={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}},zg=[],sr=e=>{let{variant:t="basic",...o}=e,a=Dg[t];return(0,Sp.jsx)(Lp,{columns:a.columns,palette:a,...o})};sr.options=Gg;sr.states=Hg;sr.variants=_g;sr.defaultOptions=Kg;sr.modifiers=zg;sr.className=kt.className;var yp="color-editor",Ip="coloreditor";var Fe=require("react/jsx-runtime"),Zl="k-coloreditor",Fg=[i.focus],Ug={size:[s.undefined,s.small,s.medium,s.large]},dl={view:"gradient",palette:sl.office,actionButtons:!0,canvasOrientation:"horizontal"},He=e=>{let{size:t,view:o=dl.view,palette:a=dl.palette,color:l,currentColor:n,focus:d,focusView:p,dir:f,group:h,actionButtons:x=dl.actionButtons,canvasOrientation:v=dl.canvasOrientation,...T}=e;return(0,Fe.jsxs)("div",{...T,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Zl,M(Zl,{size:t}),w(Zl,{focus:d})),dir:f,children:[(0,Fe.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,Fe.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&(0,Fe.jsxs)(_,{fillMode:"flat",children:[(0,Fe.jsx)(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,Fe.jsx)(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,Fe.jsx)("div",{className:"k-spacer"}),(0,Fe.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,Fe.jsx)(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,Fe.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,Fe.jsx)(Yo,{className:"k-coloreditor-preview-color",color:l}),(0,Fe.jsx)(Yo,{className:"k-coloreditor-current-color",color:n})]})]})]}),(0,Fe.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,Fe.jsx)(qe,{focus:p,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):(0,Fe.jsx)(kt,{palette:a,size:t})}),x&&(0,Fe.jsxs)(Qt,{className:"k-coloreditor-footer",alignment:"start",children:[(0,Fe.jsx)(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,Fe.jsx)(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};He.states=Fg;He.options=Ug;He.className=Zl;He.defaultOptions=dl;He.moduleName=yp;He.folderName=Ip;He.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 dr=He;var Vg=require("react/jsx-runtime");var $g=require("react/jsx-runtime");var Ap=require("react/jsx-runtime"),Ep=e=>(0,Ap.jsx)(dr,{group:!0,currentColor:"fuchsia",...e});var Op=require("react/jsx-runtime"),Rp=e=>(0,Op.jsx)(dr,{view:"palette",group:!0,currentColor:"fuchsia",...e});var Dn=require("react/jsx-runtime"),Wg=He.options,Xg=He.states,Jg={...He.defaultOptions,variant:"gradient"},qg=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Yg=[],cr=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Dn.jsx)(Rp,{...o,color:"white"}):(0,Dn.jsx)(Ep,{...o,color:"rgba(183, 118 , 118, 1.00)"})};cr.options=Wg;cr.states=Xg;cr.variants=qg;cr.defaultOptions=Jg;cr.modifiers=Yg;cr.className=He.className;var Pp="color-picker",Bp="colorpicker";var Xe=require("react/jsx-runtime"),Gp="k-colorpicker",Qg=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Zg={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Hp={arrowIconName:"chevron-down"},zt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Hp.arrowIconName,prefix:n,suffix:d,value:p,placeholder:f,hover:h,focus:x,valid:v,invalid:T,required:L,disabled:C,valueIconName:A,popup:D,opened:K,adaptive:W,adaptiveSettings:ge,adaptiveTitle:ce,adaptiveSubtitle:ft,...Tt}=e,Ht="colorpicker-popup";return(0,Xe.jsxs)(Xe.Fragment,{children:[(0,Xe.jsxs)(To,{...Tt,size:t,rounded:o,fillMode:a,hover:h,focus:x,valid:v,invalid:T,required:L,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":K?"true":"false","aria-controls":K\|\|W?Ht:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:r(e.className,Gp,"k-icon-picker"),children:[(0,Xe.jsx)(Jt,{children:n}),(0,Xe.jsx)(ka,{placeholder:f,value:p,showValue:!1,valueIcon:(0,Xe.jsx)(Yo,{className:"k-value-icon",color:p,iconName:A}),valueIconName:A}),(0,Xe.jsx)(qt,{children:d}),(0,Xe.jsx)(c,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),K&&D&&(0,Xe.jsx)(pe,{id:Ht,className:"k-colorpicker-popup",children:D}),W&&(0,Xe.jsx)(Ge,{adaptive:!0,id:Ht,...ge,header:(0,Xe.jsx)(gt,{actionsEnd:(0,Xe.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ce,subtitle:ft}),footer:(0,Xe.jsxs)(Qo,{children:[(0,Xe.jsx)(c,{text:"Cancel",size:"large"}),(0,Xe.jsx)(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,Xe.jsx)(He,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};zt.states=Qg;zt.options=Zg;zt.className=Gp;zt.defaultOptions=Hp;zt.moduleName=Pp;zt.folderName=Bp;zt.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 Ro=zt;var Kp=require("react/jsx-runtime"),jl=e=>(0,Kp.jsx)(Ro,{...e});var jg=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 rx=require("react/jsx-runtime");var aa=require("react/jsx-runtime"),lx=Ro.options,ix=Ro.states,_p={...Ro.defaultOptions,variant:"color"},nx=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],sx=[{name:"opened",title:"Opened"}],pr=e=>{let{variant:t,modifiers:o,...a}={..._p,...e},l={};Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(l.opened=!!(o!=null&&o[d]),l.popup=o!=null&&o[d]?(0,aa.jsx)(He,{size:a.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,aa.jsx)("div",{style:n,children:(0,aa.jsx)(jl,{...a,...l})});case"icon":return(0,aa.jsx)("div",{style:n,children:(0,aa.jsx)(jl,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return(0,aa.jsx)("div",{style:n,children:(0,aa.jsx)(jl,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};pr.options=lx;pr.states=ix;pr.variants=nx;pr.defaultOptions=_p;pr.modifiers=sx;pr.className=Ro.className;var zn="combobox",Dp=zn;var se=require("react/jsx-runtime"),zp="k-combobox",dx=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],cx={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Fp={separators:!0},dt=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Fp.separators,prefix:n,suffix:d,value:p,placeholder:f,hover:h,focus:x,valid:v,invalid:T,required:L,loading:C,disabled:A,popup:D,opened:K,readonly:W,adaptive:ge,adaptiveSettings:ce,adaptiveTitle:ft,adaptiveSubtitle:Tt,adaptiveCustomValue:Ht,id:ga,autocomplete:Si,activeDescendant:Jo,"aria-label":Il,...yi}=e,Ii=ga?`${ga}-listbox`:void 0;return(0,se.jsxs)(se.Fragment,{children:[(0,se.jsxs)(De,{...yi,size:t,rounded:o,fillMode:a,hover:h,focus:x,valid:v,invalid:T,required:L,loading:C,disabled:A,readonly:W,className:r(e.className,zp),children:[n&&(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)(Jt,{children:n}),l&&(0,se.jsx)(Yt,{})]}),(0,se.jsx)(_t,{id:ga,placeholder:f,value:p,role:"combobox","aria-haspopup":"listbox","aria-expanded":K?"true":"false","aria-controls":K?Ii:void 0,"aria-activedescendant":K&&Jo?Jo:void 0,"aria-autocomplete":Si,"aria-invalid":T?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":Il,disabled:A,readOnly:W}),(0,se.jsx)(ht,{valid:v,invalid:T,loading:C,disabled:A}),(0,se.jsx)(yt,{loading:C,disabled:A}),(0,se.jsx)(Kt,{loading:C,disabled:A,readonly:W,value:p}),d&&(0,se.jsxs)(se.Fragment,{children:[l&&(0,se.jsx)(Yt,{}),(0,se.jsx)(qt,{children:d})]}),(0,se.jsx)(c,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:A})]}),K&&D&&(0,se.jsx)(pe,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:D}),ge&&(0,se.jsx)(Ge,{adaptive:!0,id:ga?`${ga}-adaptive`:void 0,...ce,header:(0,se.jsx)(gt,{actionsEnd:(0,se.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:p,inputPlaceholder:f,title:ft,subtitle:Tt}),children:(0,se.jsx)("div",{className:"k-list-container",children:(0,se.jsx)(ae,{customValue:Ht?(0,se.jsx)(oa,{text:`Use "${p}"`}):void 0,size:"large",children:(0,se.jsxs)(xe,{"aria-label":ft\|\|"Options",children:[(0,se.jsx)(X,{text:"List item"}),(0,se.jsx)(X,{text:"List item"}),(0,se.jsx)(X,{text:"List item"})]})})})})]})};dt.states=dx;dt.options=cx;dt.className=zp;dt.defaultOptions=Fp;dt.moduleName=zn;dt.folderName=Dp;dt.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Ft=dt;var Vp=require("react/jsx-runtime"),Up=e=>(0,Vp.jsx)(Ft,{...e});var $p=require("react/jsx-runtime");var Wp=require("react/jsx-runtime");var Xp=require("react/jsx-runtime");var Jp=require("react/jsx-runtime");var qp=require("react/jsx-runtime");var Yp=require("react/jsx-runtime");var Fn=require("react/jsx-runtime");var px=require("react/jsx-runtime");var mx=require("react/jsx-runtime");var Qp=require("react/jsx-runtime");var Zp=require("react/jsx-runtime");var po=require("react/jsx-runtime"),ux=dt.states,bx=dt.defaultOptions,fx=dt.options,Tx=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],hx=[],mr=e=>{let{modifiers:t,...o}=e,a={},l=(0,po.jsx)(ae,{style:{width:300},size:o.size,children:(0,po.jsxs)(xe,{children:[(0,po.jsx)(X,{children:"List item"}),(0,po.jsx)(X,{children:"List item"}),(0,po.jsx)(X,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,po.jsx)(u,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,po.jsx)(qo,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[n]),a.popup=t!=null&&t[n]?l:void 0;break;default:break}}),(0,po.jsx)("div",{children:(0,po.jsx)(Up,{value:"Value",style:{width:300},...o,...a})})};mr.options=fx;mr.states=ux;mr.variants=hx;mr.defaultOptions=bx;mr.modifiers=Tx;mr.className=dt.className;var Un="menu-button",jp=Un;var tm=require("react/jsx-runtime"),em="k-menu-button",gx=[i.hover,i.focus,i.active,i.selected,i.disabled],xx={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},Vn={showArrow:!0,arrowIconName:"chevron-down"},be=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:p,selected:f,disabled:h,icon:x,text:v,showArrow:T=Vn.showArrow,arrowIconName:L=Vn.arrowIconName,expanded:C,...A}=e;return(0,tm.jsx)(c,{...A,className:r(e.className,em),text:v,size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:p,selected:f,disabled:h,icon:x,showArrow:T,arrowIconName:L,"aria-expanded":C?"true":"false",...!v&&x&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};be.states=gx;be.options=xx;be.className=em;be.defaultOptions=Vn;be.moduleName=Un;be.folderName=jp;be.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 Nx=require("react/jsx-runtime");var kx=require("react/jsx-runtime");var vx=require("react/jsx-runtime");var Ut="menu",eo=Ut;var Oo=require("react/jsx-runtime"),$n="k-menu-item",wx=[i.hover,i.focus,i.active,i.selected,i.disabled],Lx={},om={iconPosition:"before"},ct=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:n,icon:d,text:p,first:f,last:h,showArrow:x,arrowIconName:v,iconPosition:T=om.iconPosition,dir:L,children:C,expanded:A,...D}=e,K=v;return K\|\|(K=L==="rtl"?"chevron-left":"chevron-right"),(0,Oo.jsxs)("li",{...D,className:r(e.className,$n,"k-item",w($n,{focus:o,disabled:n,hover:t,active:a,selected:l}),{"k-first":f,"k-last":h}),role:"menuitem",...x&&{"aria-haspopup":"menu"},...x&&{"aria-expanded":A?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Oo.jsxs)("span",{className:r("k-link k-menu-link"),children:[d&&T==="before"&&(0,Oo.jsx)(u,{className:"k-menu-link-icon",icon:d}),(0,Oo.jsx)("span",{className:"k-menu-link-text",children:p}),d&&T==="after"&&(0,Oo.jsx)(u,{className:"k-menu-link-icon",icon:d}),x&&(0,Oo.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Oo.jsx)(u,{icon:K})})]}),C]})};ct.states=wx;ct.options=Lx;ct.className=$n;ct.defaultOptions=om;ct.moduleName=Ut;ct.folderName=eo;var Po=require("react/jsx-runtime"),Wn="k-menu-item",Cx=[i.hover,i.focus,i.active,i.selected,i.disabled],Mx={},Xn={dir:"ltr",iconPosition:"before"},Q=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:n,icon:d,text:p,first:f,last:h,showArrow:x,arrowIconName:v,iconPosition:T=Xn.iconPosition,dir:L=Xn.dir,children:C,popup:A,expanded:D,...K}=e,W=v;return W\|\|(W=L==="rtl"?"chevron-left":"chevron-right"),(0,Po.jsxs)("li",{...K,className:r(e.className,Wn,"k-item",w(Wn,{focus:o,disabled:n}),{"k-first":f,"k-last":h}),role:"menuitem",...x&&{"aria-haspopup":"menu"},...x&&{"aria-expanded":D?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Po.jsxs)("span",{className:r("k-link k-menu-link",w("k-menu-link",{hover:t,active:a,selected:l,disabled:n})),children:[d&&T==="before"&&(0,Po.jsx)(u,{className:"k-menu-link-icon",icon:d}),(0,Po.jsx)("span",{className:"k-menu-link-text",children:p}),d&&T==="after"&&(0,Po.jsx)(u,{className:"k-menu-link-icon",icon:d}),x&&(0,Po.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Po.jsx)(u,{icon:W})})]}),C,A]})};Q.states=Cx;Q.options=Mx;Q.className=Wn;Q.defaultOptions=Xn;Q.moduleName=Ut;Q.folderName=eo;var lm=require("react/jsx-runtime"),am="k-menu-scroll-wrapper",Sx=[],yx={},Ix={},Sa=e=>{let{className:t,children:o,orientation:a,...l}=e;return(0,lm.jsx)("div",{...l,className:r(t,am,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Sa.states=Sx;Sa.options=yx;Sa.className=am;Sa.defaultOptions=Ix;Sa.moduleName=Ut;Sa.folderName=eo;var rm=Sa;var tt=require("react/jsx-runtime"),Jn="k-menu",Ex=[],Ax={},ti={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ae=e=>{let{children:t,orientation:o=ti.orientation,header:a=ti.header,scrollable:l,scrollButtonsPosition:n=ti.scrollButtonsPosition,wrapperStyles:d,dir:p,popup:f,contextMenu:h,...x}=e,v={horizontal:{prev:p!=="rtl"?"left":"right",next:p!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},T=(0,tt.jsx)("ul",{dir:p,...x,className:r(e.className,"k-reset",Jn,{[`${Jn}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,tt.jsxs)(tt.Fragment,{children:[l?(0,tt.jsxs)(rm,{orientation:o,style:d,dir:e.dir,children:[n==="start"&&(0,tt.jsxs)(tt.Fragment,{children:[(0,tt.jsx)(c,{fillMode:"flat",icon:`chevron-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,tt.jsx)(c,{fillMode:"flat",icon:`chevron-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&(0,tt.jsx)(c,{fillMode:"flat",icon:`chevron-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),T,n==="end"&&(0,tt.jsxs)(tt.Fragment,{children:[(0,tt.jsx)(c,{fillMode:"flat",icon:`chevron-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,tt.jsx)(c,{fillMode:"flat",icon:`chevron-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&(0,tt.jsx)(c,{fillMode:"flat",icon:`chevron-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):T,f]})};Ae.states=Ex;Ae.options=Ax;Ae.className=Jn;Ae.defaultOptions=ti;Ae.moduleName=Ut;Ae.folderName=eo;Ae.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 nm=require("react/jsx-runtime"),qn="k-separator",im={orientation:"horizontal"},ra=e=>{let{orientation:t=im.orientation,...o}=e;return(0,nm.jsx)("li",{...o,className:r(e.className,"k-item",qn,{[`${qn}-${t}`]:t}),role:"separator"})};ra.className=qn;ra.defaultOptions=im;ra.moduleName=Ut;ra.folderName=eo;var sm=require("react/jsx-runtime");var dm=require("react/jsx-runtime"),Yn="k-menu-group",Rx=[],Ox={size:[s.undefined,s.small,s.medium,s.large]},Px={},Ue=e=>{let{children:t,size:o,...a}=e;return(0,dm.jsx)("ul",{...a,className:r(e.className,Yn,M(Yn,{size:o})),role:"menu",children:t})};Ue.states=Rx;Ue.options=Ox;Ue.className=Yn;Ue.defaultOptions=Px;Ue.moduleName=Ut;Ue.folderName=eo;var mo=require("react/jsx-runtime"),Qn=e=>(0,mo.jsx)(Ae,{children:(0,mo.jsxs)(mo.Fragment,{children:[(0,mo.jsx)(ct,{first:!0,text:"Item 1"}),(0,mo.jsx)(ct,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,mo.jsx)(ct,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,mo.jsx)(ct,{text:"Item 4"}),(0,mo.jsx)(ct,{last:!0,text:"Item 5"})]}),...e});var Zn=require("react/jsx-runtime");var jn=require("react/jsx-runtime");var es=require("react/jsx-runtime");var ts=require("react/jsx-runtime");var No=require("react/jsx-runtime"),Bx={...Ae.options,scrollable:{type:"boolean"}},Gx=Ae.states,cm={...Ae.defaultOptions,variant:"horizontal"},Hx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Kx=[{name:"opened",title:"Opened"}],ur=e=>{let{variant:t,modifiers:o,...a}={...cm,...e},l={};return Object.keys(o\|\|{}).forEach(n=>{n==="opened"&&(l.opened=!!(o!=null&&o[n]),l.popup=(0,No.jsx)(pe,{className:"k-menu-popup",children:(0,No.jsxs)(Ue,{children:[(0,No.jsx)(Q,{text:"Item 1"}),(0,No.jsx)(Q,{text:"Item 2"}),(0,No.jsx)(ra,{}),(0,No.jsx)(Q,{text:"Item 3"})]})}))}),t==="vertical"?(0,No.jsx)(Qn,{...a,...l,orientation:"vertical",style:{width:"200px"}}):(0,No.jsx)(Qn,{...a,...l})};ur.options=Bx;ur.states=Gx;ur.variants=Hx;ur.defaultOptions=cm;ur.modifiers=Kx;ur.className=Ae.className;var os=require("react/jsx-runtime");var _x=require("react/jsx-runtime");var pt=require("react/jsx-runtime"),Dx=c.states,pm={...c.defaultOptions,variant:"text"},zx=c.options,Fx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ux=[{name:"opened",title:"Opened"}],br=e=>{let{variant:t,modifiers:o,...a}={...pm,...e},l={},n=(0,pt.jsx)(pe,{className:"k-menu-popup",children:(0,pt.jsxs)(Ue,{size:a.size,children:[(0,pt.jsx)(Q,{first:!0,text:"Menu Item"}),(0,pt.jsx)(Q,{text:"Menu Item"}),(0,pt.jsx)(Q,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=(0,pt.jsx)("div",{children:(0,pt.jsx)(be,{...a,...l,icon:"star"})});break;case"icon-and-text":d=(0,pt.jsx)("div",{children:(0,pt.jsx)(be,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:d=(0,pt.jsx)("div",{children:(0,pt.jsx)(be,{...a,...l,children:"Dropdown Button"})});break}return(0,pt.jsxs)(pt.Fragment,{children:[d,(o==null?void 0:o.opened)&&n]})};br.options=zx;br.states=Dx;br.variants=Fx;br.defaultOptions=pm;br.modifiers=Ux;br.className=be.className;var as="split-button",mm=as;var Bo=require("react/jsx-runtime"),rs="k-split-button",Vx=[i.hover,i.focus,i.active,i.selected,i.disabled],$x={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},um={arrowIconName:"chevron-down"},F=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:p,selected:f,disabled:h,icon:x,text:v,arrowIconName:T=um.arrowIconName,popup:L,opened:C,popupId:A,...D}=e;return(0,Bo.jsxs)(Bo.Fragment,{children:[(0,Bo.jsxs)("div",{...D,className:r(e.className,rs,"k-button-group",M(rs,{rounded:o})),children:[(0,Bo.jsx)(c,{text:v,icon:x,size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:p,selected:f,disabled:h,...!v&&!e.children&&x&&{"aria-label":"Action"},children:e.children}),(0,Bo.jsx)(c,{className:"k-split-button-arrow",icon:T,size:t,rounded:o,fillMode:a,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?A:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),C&&L&&(0,Bo.jsx)(pe,{className:"k-menu-popup",children:L})]})};F.states=Vx;F.options=$x;F.className=rs;F.defaultOptions=um;F.moduleName=as;F.folderName=mm;F.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 ls=F;var bm=require("react/jsx-runtime"),Wx="k-toolbar-separator",uo=e=>(0,bm.jsx)("div",{className:r(Wx,e.className,"k-separator")});var Go="toolbar",la=Go;var U=require("react/jsx-runtime"),Ho="k-toolbar",Xx=[i.focus],Jx={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},qx={scrollButtons:"around"},Te=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:n,scrollButtons:d,scrollingPosition:p,section:f,...h}=e,x=[],v=(T,L)=>{let C=[];if(T.type===c&&T.props.className&&T.props.className.includes("k-toolbar-overflow-button"))C.push((0,U.jsx)(c,{...T.props,className:`${T.props.className?T.props.className:""}`},`${L}-${new Date().getTime()}`));else if(T.type===c)C.push((0,U.jsx)(c,{...T.props,className:`k-toolbar-button ${T.props.className?T.props.className:""}`},`${L}-${new Date().getTime()}`));else if(T.type===Wr)C.push((0,U.jsx)(Wr,{...T.props,className:`k-toolbar-button ${T.props.className?T.props.className:""}`},`${L}-${new Date().getTime()}`));else if(T.type===qo)C.push((0,U.jsx)(qo,{...T.props,className:`k-toolbar-button ${T.props.className?T.props.className:""}`},`${L}-${new Date().getTime()}`));else if(T.type===be)C.push((0,U.jsx)(be,{...T.props,className:`k-toolbar-menu-button ${T.props.className?T.props.className:""}`},`${L}-${new Date().getTime()}`));else if(T.type===ls)C.push((0,U.jsx)(ls,{...T.props,className:`k-toolbar-split-button ${T.props.className?T.props.className:""}`},`${L}-${new Date().getTime()}`));else if(T.type===_\|\|T.props.className&&T.props.className.includes("k-button-group")){let A=[];(Array.isArray(T.props.children)?T.props.children:[T.props.children]).forEach((K,W)=>{A.push((0,U.jsx)(c,{...K.props,className:`${K.props.className?K.props.className:""}`},`${W}-${new Date().getTime()}`))}),C.push((0,U.jsx)(_,{...T.props,className:`k-toolbar-button-group ${T.props.className?T.props.className:""}`,children:A},`${L}-${new Date().getTime()}`))}else T.type===dt?C.push((0,U.jsx)(dt,{...T.props,className:`k-toolbar-combobox ${T.props.className?T.props.className:""}`},`${L}-${new Date().getTime()}`)):T.type===ue?C.push((0,U.jsx)(ue,{...T.props,className:`k-toolbar-dropdownlist ${T.props.className?T.props.className:""}`},`${L}-${new Date().getTime()}`)):T.type===zt?C.push((0,U.jsx)(zt,{...T.props,className:`k-toolbar-colorpicker ${T.props.className?T.props.className:""}`},`${L}-${new Date().getTime()}`)):C.push(T);C.forEach(A=>{x.push(A)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,C)=>{v(L,C)}),(0,U.jsxs)("div",{...h,className:r(e.className,Ho,M(Ho,{size:t,fillMode:o}),w(Ho,{focus:a}),{[`${Ho}-resizable`]:l,[`${Ho}-scrollable`]:n,[`${Ho}-scrollable-overlay`]:n&&d==="hidden",[`${Ho}-scrollable-${p}`]:p&&p!=="both",[`${Ho}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!n&&x,n&&d==="hidden"&&(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),n&&d==="start"&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)(_,{children:[(0,U.jsx)("span",{className:r("k-toolbar-prev","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"chevron-left"})}),(0,U.jsx)("span",{className:r("k-toolbar-next","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"chevron-right"})})]}),(0,U.jsx)(uo,{className:"k-toolbar-button-separator"}),(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x})]}),n&&d==="end"&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),(0,U.jsx)(uo,{className:"k-toolbar-button-separator"}),(0,U.jsxs)(_,{children:[(0,U.jsx)("span",{className:r("k-toolbar-prev","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"chevron-left"})}),(0,U.jsx)("span",{className:r("k-toolbar-next","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"chevron-right"})})]})]}),n&&(d==="around"\|\|!d)&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("span",{className:r("k-toolbar-prev","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"chevron-left"})}),(0,U.jsx)(uo,{className:"k-toolbar-button-separator"}),(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),(0,U.jsx)(uo,{className:"k-toolbar-button-separator"}),(0,U.jsx)("span",{className:r("k-toolbar-next","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(u,{className:"k-button-icon",icon:"chevron-right"})})]})]})};Te.states=Xx;Te.options=Jx;Te.className=Ho;Te.defaultOptions=qx;Te.moduleName=Go;Te.folderName=la;Te.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 Tm=require("react/jsx-runtime"),fm="k-floating-toolbar",Yx=[],Qx={},Zx={},fr=e=>{let{...t}=e;return(0,Tm.jsx)("div",{...t,className:r(e.className,fm),children:e.children})};fr.states=Yx;fr.options=Qx;fr.className=fm;fr.defaultOptions=Zx;fr.moduleName=Go;fr.folderName=la;var hm=require("react/jsx-runtime"),is="k-toolbar-item",jx=[i.focus],eN={},tN={},Tr=e=>{let{focus:t,...o}=e;return(0,hm.jsx)("div",{...o,className:r(e.className,is,w(is,{focus:t})),children:e.children})};Tr.states=jx;Tr.options=eN;Tr.className=is;Tr.defaultOptions=tN;Tr.moduleName=Go;Tr.folderName=la;var ns=require("react/jsx-runtime"),gm="k-toolbar-popup",oN=[],aN={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},rN={},ya=e=>{let{size:t,fillMode:o,section:a,...l}=e;return(0,ns.jsx)(pe,{...l,className:r(e.className,gm),children:a?(0,ns.jsx)("span",{className:r("k-toolbar-items-list",M("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};ya.states=oN;ya.options=aN;ya.className=gm;ya.defaultOptions=rN;ya.moduleName=Go;ya.folderName=la;var oi=ya;var lN=require("react/jsx-runtime");var iN=require("react/jsx-runtime");var nN=require("react/jsx-runtime");var xm=require("react/jsx-runtime");var sN=require("react/jsx-runtime");var to=require("react/jsx-runtime"),dN=F.states,Nm={...F.defaultOptions,variant:"text"},cN=F.options,pN=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],mN=[{name:"opened",title:"Opened"}],hr=e=>{let{variant:t,modifiers:o,...a}={...Nm,...e},l={},n=(0,to.jsxs)(Ue,{size:a.size,children:[(0,to.jsx)(Q,{first:!0,text:"Menu Item"}),(0,to.jsx)(Q,{text:"Menu Item"}),(0,to.jsx)(Q,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(l.opened=!!(o!=null&&o[d]),l.popup=o!=null&&o[d]?n:"")}),t){case"icon-only":return(0,to.jsx)("div",{children:(0,to.jsx)(F,{...a,...l,icon:"star"})});case"icon-and-text":return(0,to.jsx)("div",{children:(0,to.jsx)(F,{...a,...l,icon:"star",children:"Split Button"})});default:return(0,to.jsx)("div",{children:(0,to.jsx)(F,{...a,...l,children:"Split Button"})})}};hr.options=cN;hr.states=dN;hr.variants=pN;hr.defaultOptions=Nm;hr.modifiers=mN;hr.className=F.className;var ko=require("react/jsx-runtime"),km=e=>(0,ko.jsx)(Te,{children:[(0,ko.jsx)(c,{children:"Button"},"toolbar-button"),(0,ko.jsx)(be,{text:"Menu button"},"toolbar-menu-button"),(0,ko.jsx)(F,{children:"Split button"},"toolbar-split-button"),(0,ko.jsxs)(_,{children:[(0,ko.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ko.jsx)(c,{icon:"align-center",children:"Center"}),(0,ko.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var vm=require("react/jsx-runtime");var ot=require("react/jsx-runtime"),wm=e=>(0,ot.jsx)(Te,{scrollable:!0,...e,children:[(0,ot.jsx)(c,{children:"Button"},"toolbar-button"),(0,ot.jsx)(be,{text:"Menu button"},"toolbar-menu-button"),(0,ot.jsx)(F,{children:"Split button"},"toolbar-split-button"),(0,ot.jsxs)(_,{children:[(0,ot.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ot.jsx)(c,{icon:"align-center",children:"Center"}),(0,ot.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,ot.jsx)(c,{children:"Button"},"toolbar-button"),(0,ot.jsx)(be,{text:"Menu button"},"toolbar-menu-button"),(0,ot.jsx)(F,{children:"Split button"},"toolbar-split-button"),(0,ot.jsxs)(_,{children:[(0,ot.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ot.jsx)(c,{icon:"align-center",children:"Center"}),(0,ot.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var at=require("react/jsx-runtime"),Lm=({scrollingPosition:e="start",...t})=>(0,at.jsx)(Te,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,at.jsx)(c,{children:"Button"},"toolbar-button"),(0,at.jsx)(be,{text:"Menu button"},"toolbar-menu-button"),(0,at.jsx)(F,{children:"Split button"},"toolbar-split-button"),(0,at.jsxs)(_,{children:[(0,at.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,at.jsx)(c,{icon:"align-center",children:"Center"}),(0,at.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,at.jsx)(c,{children:"Button"},"toolbar-button"),(0,at.jsx)(be,{text:"Menu button"},"toolbar-menu-button"),(0,at.jsx)(F,{children:"Split button"},"toolbar-split-button"),(0,at.jsxs)(_,{children:[(0,at.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,at.jsx)(c,{icon:"align-center",children:"Center"}),(0,at.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var Re=require("react/jsx-runtime"),Cm=({fillMode:e,size:t,...o})=>(0,Re.jsxs)(Re.Fragment,{children:[(0,Re.jsx)(Te,{section:!0,fillMode:e,size:t,children:[(0,Re.jsx)(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Re.jsxs)(_,{fillMode:e,children:[(0,Re.jsx)(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Re.jsx)(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Re.jsx)(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,Re.jsx)(uo,{className:"k-toolbar-button-separator"}),(0,Re.jsx)(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,Re.jsxs)(oi,{size:t,fillMode:e,section:!0,...o,children:[(0,Re.jsx)(F,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,Re.jsx)(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Re.jsx)(uo,{}),(0,Re.jsx)(be,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,Re.jsxs)(_,{fillMode:e,children:[(0,Re.jsx)(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Re.jsx)(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Re.jsx)(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var ss=require("react/jsx-runtime");var ds=require("react/jsx-runtime");var Ko=require("react/jsx-runtime"),uN=Te.options,bN=Te.states,Mm={...Te.defaultOptions,variant:"default"},fN=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],TN=[],gr=e=>{let{variant:t,...o}={...Mm,...e};switch(t){case"responsive":return(0,Ko.jsx)("div",{children:(0,Ko.jsx)(Cm,{style:{width:"583px"},...o})});case"overlay":return(0,Ko.jsx)("div",{children:(0,Ko.jsx)(Lm,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,Ko.jsx)("div",{children:(0,Ko.jsx)(wm,{style:{width:"583px"},...o})});default:return(0,Ko.jsx)("div",{children:(0,Ko.jsx)(km,{style:{width:"583px"},...o})})}};gr.options=uN;gr.states=bN;gr.variants=fN;gr.defaultOptions=Mm;gr.modifiers=TN;gr.className=Te.className;var vo="file-manager",wo="filemanager";var ym=require("react/jsx-runtime"),Sm="k-filemanager-toolbar",hN=[],gN={},xN={},mt=e=>{let{children:t,...o}=e;return(0,ym.jsx)(Te,{...o,className:r(e.className,Sm),children:t})};mt.states=hN;mt.options=gN;mt.className=Sm;mt.defaultOptions=xN;mt.moduleName=vo;mt.folderName=wo;var cs="switch",Im=cs;var na=require("react/jsx-runtime"),ia="k-switch",NN=[i.hover,i.focus,i.disabled,i.readonly,i.checked],kN={size:[s.undefined,s.small,s.medium,s.large],trackRounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],thumbRounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full]},vN={},Le=e=>{let{checked:t,onLabel:o,offLabel:a,size:l,trackRounded:n,thumbRounded:d,hover:p,focus:f,disabled:h,readonly:x,...v}=e;return(0,na.jsxs)("span",{...v,className:r(e.className,ia,M(ia,{size:l}),w(ia,{hover:p,focus:f,disabled:h,readonly:x}),{[`${ia}-on`]:t,[`${ia}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:h?void 0:0,"aria-disabled":h?"true":void 0,"aria-readonly":x?"true":void 0,children:[(0,na.jsxs)("span",{className:r("k-switch-track",M(ia,{rounded:n})),children:[o&&(0,na.jsx)("span",{className:"k-switch-label-on",children:o}),a&&(0,na.jsx)("span",{className:"k-switch-label-off",children:a})]}),(0,na.jsx)("span",{className:"k-switch-thumb-wrap",children:(0,na.jsx)("span",{className:r("k-switch-thumb",M(ia,{rounded:d}))})})]})};Le.states=NN;Le.options=kN;Le.className=ia;Le.defaultOptions=vN;Le.moduleName=cs;Le.folderName=Im;Le.ariaSpec={selector:".k-switch",rules:[{selector:".k-switch",attribute:"role=switch",usage:"Announces the switch role of the element."},{selector:".k-switch",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-switch",attribute:"aria-required=true (when required)",usage:'Rendered only when the Switch is in a form. Required because <span role="switch"> does not support the native required attribute.'},{selector:".k-switch",attribute:"aria-checked",usage:"Announces the checked state of the Switch."},{selector:".k-switch",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the switch."},{selector:".k-switch",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Switch is in a form and announces the invalid state."},{selector:".k-switch:not(.k-disabled)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled switches are removed from tab order."},{selector:".k-switch.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the Switch is disabled."},{selector:".k-switch.k-readonly",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Switch is readonly. Readonly switches remain focusable but their value cannot be changed."}]};var wN=require("react/jsx-runtime");var LN=require("react/jsx-runtime");var CN=require("react/jsx-runtime");var MN=require("react/jsx-runtime");var ms=require("react/jsx-runtime"),SN=Le.options,yN=Le.states,IN={...Le.defaultOptions,variant:"on"},EN=[{name:"on",title:"On"},{name:"off",title:"Off"}],AN=[],xr=e=>{let{variant:t,...o}=e;return t==="off"?(0,ms.jsx)(Le,{checked:!1,onLabel:"On",offLabel:"Off",...o}):(0,ms.jsx)(Le,{checked:!0,onLabel:"On",offLabel:"Off",...o})};xr.options=SN;xr.states=yN;xr.variants=EN;xr.defaultOptions=IN;xr.modifiers=AN;xr.className=Le.className;var Se=require("react/jsx-runtime"),us="k-filemanager",RN=[i.disabled],ON={},PN=(0,Se.jsx)(Se.Fragment,{children:(0,Se.jsxs)(mt,{children:[(0,Se.jsx)(c,{children:"New Folder"}),(0,Se.jsx)(c,{children:"Upload"}),(0,Se.jsxs)(_,{children:[(0,Se.jsx)(c,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),(0,Se.jsx)(c,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),(0,Se.jsx)(F,{text:"Sort By"}),(0,Se.jsxs)(_,{children:[(0,Se.jsx)(c,{className:"k-group-start",icon:"grid-layout","aria-label":"List view"}),(0,Se.jsx)(c,{className:"k-group-end",icon:"grid","aria-label":"Grid view"})]}),(0,Se.jsx)("div",{className:"k-spacer"}),(0,Se.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,Se.jsx)("label",{children:"View Details"}),(0,Se.jsx)(Le,{"aria-label":"View Details"})]}),(0,Se.jsx)(Me,{className:"k-filemanager-search-tool",placeholder:"Search..."})]})}),Em={toolbar:PN},Ve=e=>{let{disabled:t,toolbar:o=Em.toolbar,...a}=e;return(0,Se.jsxs)("div",{...a,className:r(e.className,us,w(us,{disabled:t})),children:[(0,Se.jsx)("div",{className:"k-filemanager-header",children:o}),(0,Se.jsx)("div",{className:"k-filemanager-content-container",children:e.children})]})};Ve.states=RN;Ve.options=ON;Ve.className=us;Ve.defaultOptions=Em;Ve.moduleName=vo;Ve.folderName=wo;Ve.ariaSpec={selector:".k-filemanager",rules:[{selector:".k-filemanager-preview",attribute:"tabindex=0",usage:"The element must be focusable, so that its content would be communicated to the users."}]};var bs="breadcrumb",Am=bs;var Om=require("react/jsx-runtime"),ai="k-breadcrumb",BN=[i.focus],GN={size:[s.undefined,s.small,s.medium,s.large]},Rm={collapsing:"auto"},$e=e=>{let{size:t,collapsing:o=Rm.collapsing,focus:a,...l}=e;return(0,Om.jsx)("nav",{...l,className:r(e.className,ai,w(ai,{focus:a}),M(ai,{size:t}),{"k-breadcrumb-wrap":o==="wrap"}),"aria-label":"Breadcrumb",children:e.children})};$e.states=BN;$e.options=GN;$e.className=ai;$e.defaultOptions=Rm;$e.moduleName=bs;$e.folderName=Am;$e.ariaSpec={selector:".k-breadcrumb",rules:[{selector:".k-breadcrumb",attribute:"aria-label=Breadcrumb",usage:"Indicates the type of navigation provided by the nav element."},{selector:".k-breadcrumb-item .k-breadcrumb-link,.k-breadcrumb-item .k-breadcrumb-root-link",attribute:"role=link or nodeName=a",usage:'The breadcrumb item should render an <a> element or have role="link".'},{selector:".k-breadcrumb-last-item .k-breadcrumb-link,.k-breadcrumb-last-item .k-breadcrumb-root-link",attribute:"aria-current=page",usage:"The last breadcrumb item points to the active page."},{selector:".k-breadcrumb-last-item .k-breadcrumb-link",attribute:"aria-disabled=true",usage:"The last breadcrumb item is disabled."},{selector:".k-breadcrumb-delimiter-icon",attribute:"aria-hidden=true",usage:"Delimiter icon should not be accessed through assistive technology."}]};var HN=require("react/jsx-runtime");var KN=require("react/jsx-runtime");var Pm=require("react/jsx-runtime"),_N="k-breadcrumb-container",DN={collapsing:"auto"},vt=e=>{let{collapsing:t=DN.collapsing,...o}=e;return(0,Pm.jsx)("ol",{...o,className:r(e.className,_N,{"!k-flex-wrap":t==="wrap","k-flex-none":t==="none"}),children:e.children})};var Bm=require("react/jsx-runtime"),zN="k-breadcrumb-item",Ce=e=>{let{root:t,last:o,...a}=e;return(0,Bm.jsx)("li",{...a,className:r(e.className,zN,{"k-breadcrumb-root-item":t,"k-breadcrumb-last-item":o}),children:e.children})};var Gm=require("react/jsx-runtime"),FN="",UN=[i.hover,i.focus,i.disabled],ke=e=>{let{root:t,icon:o,icontext:a,hover:l,focus:n,disabled:d,last:p,...f}=e;return(0,Gm.jsx)("a",{href:"#",...f,className:r(e.className,w(FN,{hover:l,focus:n,disabled:d}),{"k-breadcrumb-link":!t,"k-breadcrumb-root-link":t,"k-breadcrumb-icon-link":o,"k-breadcrumb-icontext-link":a}),...p&&{"aria-current":"page"},...p&&{"aria-disabled":"true"},children:e.children})};ke.states=UN;var Hm=require("react/jsx-runtime"),VN="k-breadcrumb-item-text",oo=e=>{let{text:t,...o}=e,a=t\|\|e.children;return(0,Hm.jsx)("span",{...o,className:r(e.className,VN),children:a})};var fs=require("react/jsx-runtime");var Ts=require("react/jsx-runtime");var hs=require("react/jsx-runtime");var G=require("react/jsx-runtime"),$N=$e.options,WN=$e.states,XN={...$e.defaultOptions,variant:"text"},JN=[{name:"text",title:"Text"},{name:"icon",title:"Icon"},{name:"icon-and-text",title:"Icon & Text"}],qN=[],Nr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,G.jsx)($e,{...o,children:(0,G.jsxs)(vt,{children:[(0,G.jsxs)(Ce,{root:!0,children:[(0,G.jsx)(ke,{root:!0,icon:!0,onClick:a=>a.preventDefault(),children:(0,G.jsx)(u,{icon:"cart"})}),(0,G.jsx)(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,G.jsxs)(Ce,{children:[(0,G.jsx)(ke,{icon:!0,onClick:a=>a.preventDefault(),children:(0,G.jsx)(u,{icon:"js"})}),(0,G.jsx)(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,G.jsxs)(Ce,{children:[(0,G.jsx)(ke,{icon:!0,onClick:a=>a.preventDefault(),children:(0,G.jsx)(u,{icon:"truck"})}),(0,G.jsx)(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,G.jsx)(Ce,{last:!0,children:(0,G.jsx)(ke,{icon:!0,onClick:a=>a.preventDefault(),children:(0,G.jsx)(u,{icon:"wallet"})})})]})});case"icon-and-text":return(0,G.jsx)($e,{...o,children:(0,G.jsxs)(vt,{children:[(0,G.jsxs)(Ce,{root:!0,children:[(0,G.jsxs)(ke,{root:!0,icontext:!0,onClick:a=>a.preventDefault(),children:[(0,G.jsx)(u,{icon:"cart"}),(0,G.jsx)(oo,{text:"Cart"})]}),(0,G.jsx)(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,G.jsxs)(Ce,{children:[(0,G.jsxs)(ke,{icontext:!0,onClick:a=>a.preventDefault(),children:[(0,G.jsx)(u,{icon:"js"}),(0,G.jsx)(oo,{text:"Billing"})]}),(0,G.jsx)(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,G.jsxs)(Ce,{children:[(0,G.jsxs)(ke,{icontext:!0,onClick:a=>a.preventDefault(),children:[(0,G.jsx)(u,{icon:"truck"}),(0,G.jsx)(oo,{text:"Shipping"})]}),(0,G.jsx)(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,G.jsx)(Ce,{last:!0,children:(0,G.jsxs)(ke,{icontext:!0,onClick:a=>a.preventDefault(),children:[(0,G.jsx)(u,{icon:"wallet"}),(0,G.jsx)(oo,{text:"Payment"})]})})]})});default:return(0,G.jsx)($e,{...o,children:(0,G.jsxs)(vt,{children:[(0,G.jsxs)(Ce,{root:!0,children:[(0,G.jsx)(ke,{root:!0,onClick:a=>a.preventDefault(),children:(0,G.jsx)(oo,{text:"Cart"})}),(0,G.jsx)(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,G.jsxs)(Ce,{children:[(0,G.jsx)(ke,{onClick:a=>a.preventDefault(),children:(0,G.jsx)(oo,{text:"Billing"})}),(0,G.jsx)(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,G.jsxs)(Ce,{children:[(0,G.jsx)(ke,{onClick:a=>a.preventDefault(),children:(0,G.jsx)(oo,{text:"Shipping"})}),(0,G.jsx)(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,G.jsx)(Ce,{last:!0,children:(0,G.jsx)(ke,{onClick:a=>a.preventDefault(),children:(0,G.jsx)(oo,{text:"Payment"})})})]})})}};Nr.options=$N;Nr.states=WN;Nr.variants=JN;Nr.defaultOptions=XN;Nr.modifiers=qN;Nr.className=$e.className;var _m=require("react/jsx-runtime"),Km="k-filemanager-breadcrumb",YN=[],QN={},ZN={},At=e=>{let{children:t,...o}=e;return(0,_m.jsx)($e,{className:r(e.className,Km),...o,children:t})};At.states=YN;At.options=QN;At.className=Km;At.defaultOptions=ZN;At.moduleName=vo;At.folderName=wo;var gs="pager",Dm=gs;var ve=require("react/jsx-runtime"),ri="k-pager",jN=[i.focus,i.disabled],ek={size:[s.undefined,s.small,s.medium,s.large]},Vt={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},Oe=e=>{let{responsive:t=Vt.responsive,size:o,pagerSizeInfo:a=Vt.pagerSizeInfo,pageTitleInfo:l=Vt.pageTitleInfo,maxPagesInfo:n=Vt.maxPagesInfo,itemsPerPage:d=Vt.itemsPerPage,maxPages:p=Vt.maxPages,currentPage:f=Vt.currentPage,previousNext:h=Vt.previousNext,type:x=Vt.type,pageSizes:v=Vt.pageSizes,refresh:T=Vt.refresh,info:L=Vt.info,focus:C,disabled:A,dir:D,...K}=e,W=[],ge=[];for(let ce=1;ce<=p;ce++)W.push((0,ve.jsx)(c,{selected:ce===f,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${ce}`,...ce===f&&{"aria-current":"page"},children:ce},ce)),ge.push((0,ve.jsx)("option",{selected:ce===f,children:ce},ce));return(0,ve.jsxs)("div",{dir:D,...K,className:r(e.className,ri,M(ri,{size:o}),w(ri,{focus:C,disabled:A}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${f} of ${p}`,children:[(0,ve.jsxs)("div",{className:r("k-pager-numbers-wrap"),children:[h&&(0,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsx)(c,{className:r("k-pager-nav","k-pager-first"),ariaDisabled:f===1,fillMode:"flat",size:o,icon:D==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),(0,ve.jsx)(c,{className:r("k-pager-nav"),ariaDisabled:f===1,fillMode:"flat",size:o,icon:D==="rtl"?"chevron-right":"chevron-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),x==="numeric"&&(0,ve.jsx)("div",{className:r("k-pager-numbers"),children:W}),x==="input"&&(0,ve.jsxs)("span",{className:r("k-pager-input"),children:[l&&(0,ve.jsx)("span",{children:"Page"}),(0,ve.jsx)(Y,{value:`${f}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),(0,ve.jsx)("span",{children:n&&`of ${p}`})]}),h&&(0,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsx)(c,{className:r("k-pager-nav"),ariaDisabled:f===p,fillMode:"flat",size:o,icon:D==="rtl"?"chevron-left":"chevron-right",title:"Go to the next page","aria-label":"Go to the next page"}),(0,ve.jsx)(c,{className:r("k-pager-nav","k-pager-last"),ariaDisabled:f===p,fillMode:"flat",size:o,icon:D==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),v&&(0,ve.jsxs)("span",{className:r("k-pager-sizes"),children:[(0,ve.jsx)(ue,{value:`${d}`,size:o,"aria-label":"Items per page"}),a&&(0,ve.jsx)("span",{children:"items per page"})]}),T&&(0,ve.jsx)(c,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),L&&(0,ve.jsx)("span",{className:r("k-pager-info"),children:L})]})};Oe.states=jN;Oe.options=ek;Oe.className=ri;Oe.defaultOptions=Vt;Oe.moduleName=gs;Oe.folderName=Dm;Oe.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 Fm=require("react/jsx-runtime"),zm=e=>(0,Fm.jsx)(Oe,{...e,responsive:!1});var tk=require("react/jsx-runtime");var ok=require("react/jsx-runtime");var xs=require("react/jsx-runtime"),ak=Oe.options,rk=Oe.states,lk={...Oe.defaultOptions,variant:"numeric"},ik=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],nk=[],kr=e=>{let{variant:t,...o}=e;return t==="input"?(0,xs.jsx)(Oe,{...o,type:"input"}):(0,xs.jsx)(Oe,{...o,type:"numeric"})};kr.options=ak;kr.states=rk;kr.variants=ik;kr.defaultOptions=lk;kr.modifiers=nk;kr.className=Oe.className;var cl="listview",li=cl;var Rt=require("react/jsx-runtime"),Ns="k-listview",sk=[i.loading,i.disabled],dk={},Um={pagerPosition:"bottom"},Ye=e=>{let{header:t,footer:o,pageable:a,pagerPosition:l=Um.pagerPosition,bordered:n,layout:d,flexDirection:p,flexWrap:f,gridColumns:h,loading:x,disabled:v,selectable:T,contentAriaLabel:L,...C}=e,A=(0,Rt.jsx)(zm,{className:`k-listview-pager k-listview-pager-${l}`}),D=(0,Rt.jsx)(Rt.Fragment,{children:(0,Rt.jsxs)("div",{className:"k-loading-mask",style:{height:"100%",width:"100%"},children:[(0,Rt.jsx)("span",{className:"k-loading-text",children:"Loading..."}),(0,Rt.jsx)("div",{className:"k-loading-image"}),(0,Rt.jsx)("div",{className:"k-loading-color"})]})});return(0,Rt.jsxs)("div",{...C,className:r(e.className,Ns,{"k-listview-bordered":n,"k-selectable":T},w(Ns,{disabled:v,loading:x})),children:[a&&l==="top"&&A,t&&(0,Rt.jsx)("div",{className:"k-listview-header",children:"Header"}),(0,Rt.jsx)("div",{className:r("k-listview-content",{[`k-d-${d}`]:d,[`k-flex-${p}`]:p,[`k-flex-${f}`]:f,[`k-grid-cols-${h}`]:h}),role:T?"listbox":"list","aria-label":L,children:e.children}),x&&D,o&&(0,Rt.jsx)("div",{className:"k-listview-footer",children:"Footer"}),a&&l==="bottom"&&A]})};Ye.states=sk;Ye.options=dk;Ye.className=Ns;Ye.defaultOptions=Um;Ye.moduleName=cl;Ye.folderName=li;Ye.ariaSpec={selector:".k-listview",rules:[{selector:".k-listview:not(.k-selectable) .k-listview-content",attribute:"role=list",usage:"Specifies the role of non selectable ListView content element."},{selector:".k-listview.k-selectable .k-listview-content",attribute:"role=listbox",usage:"Specifies the role of selectable ListView content element."},{selector:".k-listview:not(.k-selectable) .k-listview-item",attribute:"role=listitem",usage:"Specifies the role of each item in a non selectable ListView."},{selector:".k-listview.k-selectable .k-listview-item",attribute:"role=option",usage:"Specifies the role of each item in a selectable ListView."},{selector:".k-listview-item",attribute:"aria-setsize",usage:"Specifies the total number of items present in the ListView."},{selector:".k-listview-item",attribute:"aria-posinset",usage:"Specifies the position of the current item in the entire list."},{selector:".k-listview-item:nth-child(1)",attribute:"tabindex=0",usage:"The first item in the ListView must be focusable by default."}]};var Vm=require("react/jsx-runtime"),ks="k-listview-item",ck=[i.focus,i.selected],pk={},mk={},de=e=>{let{focus:t,selected:o,itemRole:a,ariaSetSize:l,ariaPosInSet:n,tabIndex:d,...p}=e;return(0,Vm.jsx)("div",{...p,className:r(e.className,ks,w(ks,{focus:t,selected:o})),role:a,"aria-setsize":l,"aria-posinset":n,tabIndex:d,"aria-selected":a==="option"&&o?"true":void 0,children:e.children})};de.states=ck;de.options=pk;de.className=ks;de.defaultOptions=mk;de.moduleName=cl;de.folderName=li;var ao=require("react/jsx-runtime"),vs=e=>(0,ao.jsx)(Ye,{children:(0,ao.jsxs)(ao.Fragment,{children:[(0,ao.jsx)(de,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:1,tabIndex:0,children:(0,ao.jsx)("div",{children:"Listview Item"})}),(0,ao.jsx)(de,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:2,children:(0,ao.jsx)("div",{children:"Listview Item"})}),(0,ao.jsx)(de,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:3,children:(0,ao.jsx)("div",{children:"Listview Item"})})]}),...e});var uk=require("react/jsx-runtime");var ws=require("react/jsx-runtime");var wt=require("react/jsx-runtime"),bk=Ye.options,fk=Ye.states,$m={...Ye.defaultOptions,variant:"flex"},Tk=[{name:"flex",title:"Flex"},{name:"grid",title:"Grid"},{name:"loading",title:"Loading"}],hk=[{name:"pageable",title:"Pager"}],vr=e=>{let{variant:t,modifiers:o,...a}={...$m,...e},l={};return l.loading=t==="loading",Object.keys(o\|\|{}).forEach(n=>{n==="pageable"&&(l.pageable=!!(o!=null&&o[n]))}),t==="grid"?(0,wt.jsxs)(vs,{style:{width:"324px"},...a,...l,bordered:!0,layout:"grid",gridColumns:2,children:[(0,wt.jsx)(de,{className:"k-p-2",children:"Listview Item"}),(0,wt.jsx)(de,{className:"k-p-2",children:"Listview Item"}),(0,wt.jsx)(de,{className:"k-p-2",selected:!0,children:"Listview Item"}),(0,wt.jsx)(de,{className:"k-p-2",children:"Listview Item"}),(0,wt.jsx)(de,{className:"k-p-2",children:"Listview Item"}),(0,wt.jsx)(de,{className:"k-p-2",children:"Listview Item"})]}):(0,wt.jsxs)(vs,{style:{width:"324px"},...a,...l,bordered:!0,layout:"flex",flexDirection:"col",children:[(0,wt.jsx)(de,{className:"k-p-2",children:"Listview Item"}),(0,wt.jsx)(de,{className:"k-p-2",children:"Listview Item"}),(0,wt.jsx)(de,{className:"k-p-2",selected:!0,children:"Listview Item"}),(0,wt.jsx)(de,{className:"k-p-2",children:"Listview Item"}),(0,wt.jsx)(de,{className:"k-p-2",children:"Listview Item"})]})};vr.options=bk;vr.states=fk;vr.variants=Tk;vr.defaultOptions=$m;vr.modifiers=hk;vr.className=Ye.className;var Xm=require("react/jsx-runtime"),Wm="k-filemanager-listview",gk=[],xk={},Nk={},Lo=e=>{let{children:t,...o}=e;return(0,Xm.jsx)(Ye,{className:r(e.className,Wm),layout:"flex",flexDirection:"row",flexWrap:"wrap",selectable:!0,contentAriaLabel:"Files",...o,children:t})};Lo.states=gk;Lo.options=xk;Lo.className=Wm;Lo.defaultOptions=Nk;Lo.moduleName=vo;Lo.folderName=wo;var si=zr(require("react"));var ii=zr(require("react"));var Jm=require("react/jsx-runtime"),kk="k-treeview-group",_o=e=>{let{children:t,dir:o,level:a=1,role:l="group",...n}=e;return(0,Jm.jsx)("ul",{...n,className:r(e.className,kk),role:l,children:ii.default.Children.map(t,(d,p)=>ii.default.isValidElement(d)?ii.default.cloneElement(d,{dir:o,level:a,key:p}):d)})};var pl="treeview",ni=pl;var Cs=require("react/jsx-runtime"),Ls="k-treeview",vk=[],wk={size:[s.undefined,s.small,s.medium,s.large]},Lk={},Ke=e=>{let{size:t,children:o,dir:a,...l}=e;return(0,Cs.jsx)("div",{...l,dir:a,className:r(e.className,Ls,M(Ls,{size:t})),children:(0,Cs.jsx)(_o,{className:"k-treeview-lines",role:"tree",dir:a,children:si.default.Children.map(o,(n,d)=>si.default.isValidElement(n)?si.default.cloneElement(n,{dir:a,key:d}):n)})})};Ke.states=vk;Ke.options=wk;Ke.className=Ls;Ke.defaultOptions=Lk;Ke.moduleName=pl;Ke.folderName=ni;Ke.ariaSpec={selector:".k-treeview",rules:[{selector:".k-treeview-lines",attribute:"role=tree",usage:"The root list element of the treeview."},{selector:".k-treeview-group:not(.k-treeview-lines)",attribute:"role=group",usage:"The ul element that wraps child nodes."},{selector:".k-treeview-item",attribute:"role=treeitem",usage:"The li element rendered for a tree node."},{selector:".k-treeview-item",attribute:"aria-expanded=true/false (when present)",usage:"Announces the expanded state of the node."},{selector:".k-treeview-item",attribute:"aria-checked=true/false (when present)",usage:"Announces the checked state of the node when checkboxes are enabled."},{selector:".k-treeview-item",attribute:"aria-selected=true (when present)",usage:"Announces the selected state of the node when selection is enabled."},{selector:".k-treeview-item .k-checkbox",attribute:"aria-label",usage:"The checkbox input must have an accessible name matching the treeview item text."},{selector:".k-treeview-item .k-checkbox",attribute:"tabindex=-1",usage:"The checkbox input must not be in the tab order. Keyboard interaction is handled by the treeitem."}]};var ci=zr(require("react"));var ml=require("react/jsx-runtime"),Ms="k-treeview-leaf",Ck=[i.hover,i.focus,i.selected],Mk={},di=e=>{let{text:t,showIcon:o,icon:a,hover:l,focus:n,selected:d,...p}=e;return(0,ml.jsxs)("span",{...p,className:r(e.className,Ms,w(Ms,{hover:l,focus:n,selected:d})),children:[o&&(0,ml.jsx)(u,{icon:a}),(0,ml.jsx)("span",{className:"k-treeview-leaf-text",children:t})]})};di.states=Ck;di.options=Mk;di.className=Ms;var qm=di;var sa=require("react/jsx-runtime"),Ym="k-treeview-item",Sk=[i.hover,i.focus,i.selected,i.disabled],yk={},Ik={},me=e=>{let{leafClassName:t,children:o,hasChildren:a,expanded:l,text:n,showIcon:d,icon:p,showCheckbox:f,checked:h,hover:x,focus:v,selected:T,disabled:L,dir:C,level:A=1,ariaSelected:D,...K}=e,W=a\|\|o;return(0,sa.jsxs)("li",{...K,className:r(e.className,Ym),style:{"--kendo-treeview-level":A},role:"treeitem","aria-expanded":W?l?"true":"false":void 0,"aria-checked":f?h?"true":"false":void 0,"aria-selected":D?"true":void 0,"aria-disabled":L?"true":void 0,children:[(0,sa.jsxs)("span",{className:r("k-treeview-item-content",w("k-treeview-item-content",{hover:x,focus:v,selected:T,disabled:L})),children:[W&&(0,sa.jsx)("span",{className:r("k-treeview-toggle",w("k-treeview-toggle",{disabled:L})),children:(0,sa.jsx)(u,{icon:l?"chevron-down":C==="rtl"?"chevron-left":"chevron-right"})}),f&&(0,sa.jsx)(ze,{checked:h,disabled:L,"aria-label":n,tabIndex:-1}),(0,sa.jsx)(qm,{className:t,text:n,showIcon:d,icon:p})]}),l&&W&&ci.default.Children.map(o,(ge,ce)=>ci.default.isValidElement(ge)?ci.default.cloneElement(ge,{dir:C,level:A+1,key:ce}):ge)]})};me.states=Sk;me.options=yk;me.className=Ym;me.defaultOptions=Ik;me.moduleName=pl;me.folderName=ni;var Ek=require("react/jsx-runtime");var Qm=require("react/jsx-runtime");var Zm=require("react/jsx-runtime");var jm=require("react/jsx-runtime");var eu=require("react/jsx-runtime");var tu=require("react/jsx-runtime");var ro=require("react/jsx-runtime"),Ak=Ke.options,Rk=Ke.states,Ok=Ke.defaultOptions,Pk=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],Bk=[],wr=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{l==="checkboxes"&&(a.showCheckbox=t==null?void 0:t[l])}),(0,ro.jsxs)(Ke,{...o,children:[(0,ro.jsx)(me,{text:"Furniture",expanded:!0,...a,children:(0,ro.jsxs)(_o,{children:[(0,ro.jsx)(me,{text:"Tables & Chairs",...a}),(0,ro.jsx)(me,{text:"Sofas",...a}),(0,ro.jsx)(me,{text:"Occasional Furniture",...a})]})}),(0,ro.jsxs)(me,{text:"Decor",expanded:!1,...a,children:[(0,ro.jsx)(me,{text:"Bed Linen",...a}),(0,ro.jsx)(me,{text:"Curtains & Blinds",...a}),(0,ro.jsx)(me,{text:"Carpets",...a})]})]})};wr.options=Ak;wr.states=Rk;wr.variants=Bk;wr.defaultOptions=Ok;wr.modifiers=Pk;wr.className=Ke.className;var au=require("react/jsx-runtime"),ou="k-filemanager-treeview",Gk=[],Hk={},Kk={},Ot=e=>{let{children:t,...o}=e;return(0,au.jsx)(Ke,{className:r(e.className,ou),...o,children:t})};Ot.states=Gk;Ot.options=Hk;Ot.className=ou;Ot.defaultOptions=Kk;Ot.moduleName=vo;Ot.folderName=wo;var ul=require("react/jsx-runtime"),ru="k-filemanager-drag-hint",_k=[],Dk={},lu={icon:"file"},pi=e=>{let{hint:t,icon:o=lu.icon,...a}=e;return(0,ul.jsxs)("div",{className:r(e.className,ru,"k-drag-clue"),...a,children:[(0,ul.jsx)(u,{icon:o}),(0,ul.jsx)("span",{children:t})]})};pi.states=_k;pi.options=Dk;pi.className=ru;pi.defaultOptions=lu;var fe=require("react/jsx-runtime"),iu="k-file-info",zk=[],Fk={},Ss={name:"No File Selected",icon:"file"},da=e=>{let{selection:t,name:o=Ss.name,icon:a=Ss.icon,fileType:l,fileSize:n,fileDateCreated:d,fileDateModified:p,...f}=e;return(0,fe.jsxs)("div",{...f,className:r(e.className,iu),children:[(0,fe.jsx)(Qe,{className:r({"k-single-file-selected":t==="single","k-multiple-files-selected":t==="multiple","k-no-file-selected":t==="none"}),icon:t==="none"?"none":a,name:o,size:"xxxlarge"}),t==="single"&&(0,fe.jsx)(fe.Fragment,{children:(0,fe.jsxs)("dl",{className:"k-file-meta",children:[l&&(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)("dt",{className:"k-file-meta-label",children:"Type: "}),(0,fe.jsx)("dd",{className:"k-file-meta-value k-file-type",children:l}),(0,fe.jsx)("dd",{className:"k-line-break"})]}),n&&(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)("dt",{className:"k-file-meta-label",children:"Size: "}),(0,fe.jsx)("dd",{className:"k-file-meta-value k-file-size",children:n}),(0,fe.jsx)("dd",{className:"k-line-break"})]}),d&&(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)("dt",{className:"k-file-meta-label",children:"Date Created: "}),(0,fe.jsx)("dd",{className:"k-file-meta-value k-file-created",children:d}),(0,fe.jsx)("dd",{className:"k-line-break"})]}),p&&(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)("dt",{className:"k-file-meta-label",children:"Date Modified: "}),(0,fe.jsx)("dd",{className:"k-file-meta-value k-file-modified",children:p}),(0,fe.jsx)("dd",{className:"k-line-break"})]})]})})]})};da.states=zk;da.options=Fk;da.className=iu;da.defaultOptions=Ss;var ca=require("react/jsx-runtime"),nu="k-file-preview",Uk=[],Vk={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge]},$k={},Qe=e=>{let{size:t,icon:o,name:a,...l}=e;return(0,ca.jsxs)(ca.Fragment,{children:[(0,ca.jsx)("span",{...l,className:r(nu),children:(0,ca.jsx)(u,{className:"k-file-icon",icon:o,size:t})}),(0,ca.jsx)("span",{className:r(e.className,"k-file-name"),children:a})]})};Qe.states=Uk;Qe.options=Vk;Qe.className=nu;Qe.defaultOptions=$k;var su=require("react/jsx-runtime"),Ia="k-pane",Wk=[],Xk={},ys={resizable:!0,flex:!1},he=e=>{let{scrollable:t,flexBasis:o,flex:a=ys.flex,collapsible:l,resizable:n=ys.resizable,pinned:d,unpinned:p,tabbed:f,...h}=e;return(0,su.jsx)("div",{...h,style:{flexBasis:o,...e.style},className:r(e.className,Ia,{[`${Ia}-static`]:o,[`${Ia}-flex`]:a,"k-scrollable":t,[`${Ia}-pinned`]:d,[`${Ia}-unpinned`]:p,[`${Ia}-tabbed`]:f}),role:"group",children:e.children})};he.states=Wk;he.options=Xk;he.className=Ia;he.defaultOptions=ys;var $t=require("react/jsx-runtime"),Lr="k-splitbar",Jk=[i.hover,i.focus],qk={},Is={orientation:"horizontal",draggable:!0},Cr=e=>{let{hover:t,focus:o,orientation:a=Is.orientation,draggable:l=Is.draggable,collapsePrev:n,collapseNext:d,ariaLabel:p,...f}=e;return(0,$t.jsxs)("div",{...f,className:r(e.className,Lr,w(Lr,{hover:t,focus:o}),{[`${Lr}-${a}`]:a,[`${Lr}-draggable-${a}`]:l,[`${Lr}-static-${a}`]:!l&&!n&&!d}),role:"separator","aria-label":p,...a==="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)(u,{icon:`chevron-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),(0,$t.jsx)("div",{className:"k-resize-handle","aria-hidden":"true"}),d&&(0,$t.jsx)($t.Fragment,{children:(0,$t.jsx)("div",{className:"k-collapse-next",children:(0,$t.jsx)(u,{icon:`chevron-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};Cr.states=Jk;Cr.options=qk;Cr.className=Lr;Cr.defaultOptions=Is;var Es="splitter",du=Es;var mi=require("react/jsx-runtime"),pu=require("react"),As="k-splitter",Yk={},cu={orientation:"horizontal"},ye=e=>{let{orientation:t=cu.orientation,children:o,panes:a,...l}=e,n=[];return a&&a.forEach((d,p)=>{let f=a[p+1],h=d.props,x=f==null?void 0:f.props;n.push((0,pu.createElement)(he,{...h,key:p})),f&&n.push((0,mi.jsx)(Cr,{draggable:h.resizable!==!1&&x.resizable!==!1,collapsePrev:h.collapsible,collapseNext:x.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${p}`))}),(0,mi.jsxs)("div",{...l,className:r(e.className,As,{[`${As}-${t}`]:t},"k-splitter-flex"),children:[n,o]})};ye.options=Yk;ye.className=As;ye.defaultOptions=cu;ye.moduleName=Es;ye.folderName=du;ye.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 mu=require("react/jsx-runtime");var uu=require("react/jsx-runtime");var Ea=require("react/jsx-runtime"),bl=require("react"),Qk=ye.options,Zk=ye.states,bu={...ye.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},jk=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ev=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],Mr=e=>{let{variant:t,modifiers:o,...a}={...bu,...e},l=f=>({collapsible:f,content:f?"Resizable and collapsible":"Resizable only"}),n=l(!0),d=l(!0),p={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o\|\|{}).forEach(f=>{let h=o==null?void 0:o[f];switch(f){case"secondPaneProps":d=l(!!h);break;case"firstPaneProps":n=l(!!h);break;default:break}}),t==="vertical"?(0,Ea.jsx)(ye,{style:{height:"238px"},...a,orientation:"vertical",panes:[(0,bl.createElement)(he,{...n,flexBasis:"50%",style:p,key:"pane-1"},(0,Ea.jsx)("p",{children:n.content})),(0,bl.createElement)(he,{...d,flexBasis:"50%",style:p,key:"pane-2"},(0,Ea.jsx)("p",{children:d.content}))]}):(0,Ea.jsx)(ye,{style:{height:"238px"},...a,orientation:"horizontal",panes:[(0,bl.createElement)(he,{...n,flexBasis:"50%",style:p,key:"pane-1"},(0,Ea.jsx)("p",{children:n.content})),(0,bl.createElement)(he,{...d,flexBasis:"50%",style:p,key:"pane-2"},(0,Ea.jsx)("p",{children:d.content}))]})};Mr.options=Qk;Mr.states=Zk;Mr.variants=jk;Mr.defaultOptions=bu;Mr.modifiers=ev;Mr.className=ye.className;var q=require("react/jsx-runtime"),fu=e=>(0,q.jsx)(Ve,{toolbar:(0,q.jsxs)(mt,{children:[(0,q.jsx)(c,{children:"New Folder"}),(0,q.jsx)(c,{children:"Upload"}),(0,q.jsxs)(_,{children:[(0,q.jsx)(c,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),(0,q.jsx)(c,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),(0,q.jsx)(F,{text:"Sort By"}),(0,q.jsxs)(_,{children:[(0,q.jsx)(c,{className:"k-group-start",icon:"grid","aria-label":"Grid view"}),(0,q.jsx)(c,{className:"k-group-end",icon:"grid-layout",selected:!0,"aria-label":"List view"})]}),(0,q.jsx)("div",{className:"k-spacer"}),(0,q.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,q.jsx)("label",{children:"View Details"}),(0,q.jsx)(Le,{"aria-label":"View Details"})]}),(0,q.jsx)(Me,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,q.jsx)(q.Fragment,{children:(0,q.jsx)(ye,{className:"k-filemanager-splitter",panes:[(0,q.jsx)(he,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,q.jsx)(Ot,{children:(0,q.jsx)(me,{text:"Folder"})})},"pane-1"),(0,q.jsxs)(he,{className:"k-filemanager-content",scrollable:!0,children:[(0,q.jsx)(At,{children:(0,q.jsx)(vt,{children:(0,q.jsx)(Ce,{root:!0,children:(0,q.jsx)(ke,{root:!0,icon:!0,"aria-label":"Home",children:(0,q.jsx)(u,{icon:"home"})})})})}),(0,q.jsxs)(Lo,{children:[(0,q.jsx)(de,{itemRole:"option",ariaSetSize:2,ariaPosInSet:1,tabIndex:0,children:(0,q.jsx)(Qe,{name:"Folder",icon:"folder",size:"xxxlarge"})}),(0,q.jsx)(de,{itemRole:"option",ariaSetSize:2,ariaPosInSet:2,tabIndex:-1,children:(0,q.jsx)(Qe,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2")]})}),...e});var J=require("react/jsx-runtime"),Tu=e=>(0,J.jsx)(Ve,{toolbar:(0,J.jsxs)(mt,{children:[(0,J.jsx)(c,{children:"New Folder"}),(0,J.jsx)(c,{children:"Upload"}),(0,J.jsxs)(_,{children:[(0,J.jsx)(c,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),(0,J.jsx)(c,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),(0,J.jsx)(F,{text:"Sort By"}),(0,J.jsxs)(_,{children:[(0,J.jsx)(c,{className:"k-group-start",icon:"grid","aria-label":"Grid view"}),(0,J.jsx)(c,{className:"k-group-end",icon:"grid-layout",selected:!0,"aria-label":"List view"})]}),(0,J.jsx)("div",{className:"k-spacer"}),(0,J.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,J.jsx)("label",{children:"View Details"}),(0,J.jsx)(Le,{checked:!0,"aria-label":"View Details"})]}),(0,J.jsx)(Me,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,J.jsx)(J.Fragment,{children:(0,J.jsx)(ye,{className:"k-filemanager-splitter",panes:[(0,J.jsx)(he,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,J.jsx)(Ot,{children:(0,J.jsx)(me,{text:"Folder"})})},"pane-1"),(0,J.jsxs)(he,{className:"k-filemanager-content",scrollable:!0,children:[(0,J.jsx)(At,{children:(0,J.jsx)(vt,{children:(0,J.jsx)(Ce,{root:!0,children:(0,J.jsx)(ke,{root:!0,icon:!0,"aria-label":"Home",children:(0,J.jsx)(u,{icon:"home"})})})})}),(0,J.jsxs)(Lo,{children:[(0,J.jsx)(de,{itemRole:"option",ariaSetSize:2,ariaPosInSet:1,tabIndex:0,children:(0,J.jsx)(Qe,{name:"Folder",icon:"folder",size:"xxxlarge"})}),(0,J.jsx)(de,{itemRole:"option",ariaSetSize:2,ariaPosInSet:2,tabIndex:-1,children:(0,J.jsx)(Qe,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2"),(0,J.jsx)(he,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",tabIndex:0,children:(0,J.jsx)(da,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});var rt="table",ut=rt;var gu=require("react/jsx-runtime"),hu="k-data-table",tv=[],ov={size:[s.undefined,s.small,s.medium,s.large]},av={},Do=e=>{let{size:t,...o}=e;return(0,gu.jsx)("div",{...o,className:r(e.className,hu,M("k-table",{size:t})),children:e.children})};Do.states=tv;Do.options=ov;Do.className=hu;Do.defaultOptions=av;Do.moduleName=rt;Do.folderName=ut;var xu=require("react/jsx-runtime"),Rs="k-table-header-wrap",rv=[i.hover,i.focus,i.disabled],lv={},iv={},pa=e=>{let{children:t,hover:o,focus:a,disabled:l,...n}=e;return(0,xu.jsx)("div",{...n,className:r(e.className,Rs,w(Rs,{hover:o,focus:a,disabled:l})),children:t})};pa.states=rv;pa.options=lv;pa.className=Rs;pa.defaultOptions=iv;pa.moduleName=rt;pa.folderName=ut;var Nu=require("react/jsx-runtime"),Os="k-table",nv=[],sv={size:[s.undefined,s.small,s.medium,s.large]},dv={},bt=e=>{let{size:t,...o}=e;return(0,Nu.jsx)("table",{...o,className:r(e.className,Os,M(Os,{size:t})),children:e.children})};bt.states=nv;bt.options=sv;bt.className=Os;bt.defaultOptions=dv;bt.moduleName=rt;bt.folderName=ut;var ui=require("react/jsx-runtime"),Ps="k-table-header",cv=[i.hover,i.focus,i.disabled],pv={},mv={},zo=e=>{let{children:t,hover:o,focus:a,disabled:l,...n}=e;return(0,ui.jsx)("div",{...n,className:r(e.className,Ps,w(Ps,{hover:o,focus:a,disabled:l})),children:(0,ui.jsx)(pa,{children:(0,ui.jsx)(bt,{children:t})})})};zo.states=cv;zo.options=pv;zo.className=Ps;zo.defaultOptions=mv;zo.moduleName=rt;zo.folderName=ut;var vu=require("react/jsx-runtime"),ku="k-table-scroller",uv=[],bv={},fv={},Sr=e=>{let{children:t,...o}=e;return(0,vu.jsx)("div",{...o,className:r(e.className,ku),children:t})};Sr.states=uv;Sr.options=bv;Sr.className=ku;Sr.defaultOptions=fv;Sr.moduleName=rt;Sr.folderName=ut;var Tv=require("react/jsx-runtime");var Lu=require("react/jsx-runtime"),wu="k-table-footer",hv=[],gv={},xv={},ma=e=>{let{children:t,...o}=e;return(0,Lu.jsx)("div",{...o,className:r(e.className,wu),children:t})};ma.states=hv;ma.options=gv;ma.className=wu;ma.defaultOptions=xv;ma.moduleName=rt;ma.folderName=ut;var Cu=require("react/jsx-runtime"),Bs="k-table-list",Nv=[],kv={size:[s.undefined,s.small,s.medium,s.large]},vv={},ua=e=>{let{size:t,virtualization:o,...a}=e;return(0,Cu.jsx)("ul",{...a,className:r(e.className,"k-table",Bs,M(Bs,{size:t}),{"k-virtual-table":o}),children:e.children})};ua.states=Nv;ua.options=kv;ua.className=Bs;ua.defaultOptions=vv;ua.moduleName=rt;ua.folderName=ut;var Mu=require("react/jsx-runtime"),wv="k-table-thead",Z=e=>(0,Mu.jsx)("thead",{className:r(e.className,wv),children:e.children});var Su=require("react/jsx-runtime"),Lv="k-table-tbody",re=e=>(0,Su.jsx)("tbody",{className:r(e.className,Lv),children:e.children});var Cv=require("react/jsx-runtime");var yu=require("react/jsx-runtime"),Gs="k-table-row",Mv=[i.hover,i.focus,i.selected,i.disabled,i.highlighted],y=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:n,alt:d,...p}=e;return(0,yu.jsx)("tr",{...p,className:r(e.className,Gs,{"k-table-alt-row":d},w(Gs,{hover:t,focus:o,disabled:n,selected:a,highlighted:l})),children:e.children})};y.states=Mv;y.className=Gs;var Iu=require("react/jsx-runtime"),Hs="k-table-row",Sv=[i.hover,i.focus,i.selected,i.disabled],bi=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:n,...d}=e;return(0,Iu.jsx)("li",{...d,className:r(e.className,Hs,{"k-table-alt-row":n},w(Hs,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};bi.states=Sv;bi.className=Hs;var Au=require("react/jsx-runtime"),Eu="k-table-th",Fo=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,n=t\|\|e.children;return(0,Au.jsx)("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,Eu),children:n})};Fo.className=Eu;Fo.moduleName=rt;Fo.folderName=ut;var yv=require("react/jsx-runtime");var Ru=require("react/jsx-runtime"),Ks="k-table-td",Iv=[i.focus,i.selected,i.highlighted],m=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:n,rowspan:d,...p}=e,f=l\|\|e.children;return(0,Ru.jsx)("td",{colSpan:n,rowSpan:d,...p,className:r(e.className,Ks,w(Ks,{focus:t,selected:o,highlighted:a})),children:f})};m.states=Iv;m.className=Ks;var Ev=require("react/jsx-runtime");var Av=require("react/jsx-runtime");var Rv=require("react/jsx-runtime");var Ov=require("react/jsx-runtime");var Pv=require("react/jsx-runtime");var Pu=require("react/jsx-runtime");var Bu=require("react/jsx-runtime");var Hu=require("react/jsx-runtime");var _s=require("react/jsx-runtime");var j="grid",le=j;var Ti=require("react/jsx-runtime"),fi="k-grid",Hv=[],Kv={size:[s.undefined,s.small,s.medium,s.large]},_v=[],Ku={pagerPosition:"bottom"},V=e=>{let{size:t,pagerPosition:o=Ku.pagerPosition,toolbar:a,pager:l,groupingHeader:n,gridSelectionAggregates:d,_renderAriaRoot:p,resizable:f,ariaColCount:h,ariaRowCount:x,ariaRootId:v,ariaRole:T="grid",...L}=e;return(0,Ti.jsxs)("div",{...L,className:r(e.className,fi,{[`${fi}-resizable`]:f},M(fi,{size:t})),children:[a,o==="top"&&l,n,e.children&&p?(0,Ti.jsx)("div",{className:"k-grid-aria-root",role:T,id:v,"aria-colcount":h,"aria-rowcount":x,children:e.children}):e.children,d,o==="bottom"&&l]})};V.states=Hv;V.options=Kv;V.variants=_v;V.className=fi;V.defaultOptions=Ku;V.moduleName=j;V.folderName=le;V.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 Du=require("react/jsx-runtime"),_u="k-grid-header",ie=e=>{let{draggable:t,...o}=e;return(0,Du.jsx)("div",{...o,className:r(e.className,_u,{"k-grid-draggable-header":t}),children:e.children})};ie.className=_u;ie.moduleName=j;ie.folderName=le;var fl=require("react/jsx-runtime"),zu="k-grouping-header",Co=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,fl.jsxs)("div",{...a,className:r(e.className,zu),children:[o&&(0,fl.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,fl.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};Co.className=zu;Co.moduleName=j;Co.folderName=le;var Uu=require("react/jsx-runtime"),Fu="k-grid-pinned-container",Tl=e=>{let{position:t,...o}=e;return(0,Uu.jsx)("div",{...o,className:r(e.className,Fu,{"k-pos-bottom":t==="bottom"}),children:e.children})};Tl.className=Fu;Tl.moduleName=j;Tl.folderName=le;var $u=require("react/jsx-runtime"),Vu="k-grid-sticky-container",hl=e=>{let{position:t,...o}=e;return(0,$u.jsx)("div",{...o,className:r(e.className,Vu,{"k-pos-bottom":t==="bottom"}),children:e.children})};hl.className=Vu;hl.moduleName=j;hl.folderName=le;var Xu=require("react/jsx-runtime"),Wu="k-grid-header-table",ne=e=>(0,Xu.jsx)(bt,{...e,className:r(e.className,Wu),children:e.children});ne.className=Wu;ne.moduleName=j;ne.folderName=le;var Wt=require("react/jsx-runtime"),Ds="k-header",Dv=[i.hover,i.focus,i.active],Ju={sortIcon:"sort-asc-small"},R=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:n,columnTitle:d,hover:p,focus:f,active:h,sortIcon:x=Ju.sortIcon,sortOrder:v,accessibleLabel:T,...L}=e;return(0,Wt.jsxs)(Fo,{...L,className:r(e.className,Ds,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":n},w(Ds,{hover:p,focus:f,active:h})),children:[d&&(0,Wt.jsxs)("span",{className:"k-cell-inner",children:[(0,Wt.jsxs)("span",{className:"k-link",children:[(0,Wt.jsx)("span",{className:"k-column-title",children:d}),o&&(0,Wt.jsx)("span",{className:"k-sort-icon",children:(0,Wt.jsx)(u,{icon:x})}),v&&(0,Wt.jsx)("span",{className:"k-sort-order",children:v})]}),t&&(0,Wt.jsx)("a",{className:r("k-grid-header-menu",{"k-active":h,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,Wt.jsx)(u,{icon:t==="filter"?"filter":"more-vertical"})})]}),!d&&T&&(0,Wt.jsx)("span",{className:"k-sr-only",children:T}),e.children,n&&(0,Wt.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};R.states=Dv;R.className=Ds;R.defaultOptions=Ju;R.moduleName=j;R.folderName=le;var Yu=require("react/jsx-runtime"),qu="k-grid-container",ee=e=>(0,Yu.jsx)("div",{...e,className:r(e.className,qu),children:e.children});ee.className=qu;ee.moduleName=j;ee.folderName=le;var Zu=require("react/jsx-runtime"),Qu="k-grid-content",te=e=>(0,Zu.jsx)("div",{...e,className:r(e.className,Qu),children:e.children});te.className=Qu;te.moduleName=j;te.folderName=le;var eb=require("react/jsx-runtime"),ju="k-grid-table",oe=e=>(0,eb.jsx)(bt,{...e,className:r(e.className,ju),children:e.children});oe.className=ju;oe.moduleName=j;oe.folderName=le;var ob=require("react/jsx-runtime"),tb="k-grid-footer",hi=e=>(0,ob.jsx)("div",{...e,className:r(e.className,tb),children:e.children});hi.className=tb;hi.moduleName=j;hi.folderName=le;var rb=require("react/jsx-runtime"),ab="k-grid-footer-table",gi=e=>(0,rb.jsx)(bt,{...e,className:r(e.className,ab),children:e.children});gi.className=ab;gi.moduleName=j;gi.folderName=le;var ib=require("react/jsx-runtime"),lb="k-grid-pager",lo=e=>(0,ib.jsx)(Oe,{...e,className:r(e.className,lb),children:e.children});lo.className=lb;lo.moduleName=j;lo.folderName=le;var sb=require("react/jsx-runtime"),nb="k-grid-toolbar",Aa=e=>(0,sb.jsx)(Te,{...e,className:r(e.className,nb),children:e.children});Aa.className=nb;Aa.moduleName=j;Aa.folderName=le;var yr=require("react/jsx-runtime"),zs="k-grid-stack-cell",zv=[i.focus,i.selected],xi=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:n,focus:d,selected:p,...f}=e;return(0,yr.jsxs)("div",{...f,className:r(e.className,zs,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":n},w(zs,{focus:d,selected:p})),children:[n&&(0,yr.jsx)("span",{className:"k-dirty"}),t&&(0,yr.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,yr.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};xi.states=zv;xi.className=zs;xi.moduleName=j;xi.folderName=le;var cb=require("react/jsx-runtime"),db="k-grid-stack-row",Ni=e=>{let{cols:t,...o}=e;return(0,cb.jsx)("div",{...o,className:r(e.className,db,{[`k-grid-cols-${t}`]:t}),children:e.children})};Ni.className=db;Ni.moduleName=j;Ni.folderName=le;var Fs=require("react/jsx-runtime");var Us=require("react/jsx-runtime");var Lt="column-menu",Pt=Lt;var mb=require("react/jsx-runtime"),Vs="k-column-menu",Fv=[],Uv={size:[s.undefined,s.small,s.medium,s.large]},pb={view:"list"},Uo=e=>{let{view:t=pb.view,size:o,...a}=e;return(0,mb.jsx)("div",{...a,className:r(e.className,Vs,M(Vs,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};Uo.states=Fv;Uo.options=Uv;Uo.className=Vs;Uo.defaultOptions=pb;Uo.moduleName=Lt;Uo.folderName=Pt;Uo.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 Ws=require("react/jsx-runtime"),$s="k-column-list",Vv=[],$v={size:[s.undefined,s.small,s.medium,s.large]},Wv={},Ra=e=>{let{size:t,...o}=e;return(0,Ws.jsx)("div",{className:"k-column-list-wrapper",children:(0,Ws.jsx)("div",{...o,className:r(e.className,$s,M($s,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};Ra.states=Vv;Ra.options=$v;Ra.className=$s;Ra.defaultOptions=Wv;Ra.moduleName=Lt;Ra.folderName=Pt;var gl=require("react/jsx-runtime"),Xs="k-column-list-item",Xv=[i.focus,i.disabled,i.hover],Jv={},qv={},xl=e=>{let{label:t,checked:o,focus:a,hover:l,disabled:n,...d}=e;return(0,gl.jsxs)("span",{...d,className:r(e.className,Xs,w(Xs,{focus:a,hover:l,disabled:n})),role:"option","aria-checked":o?"true":"false",children:[(0,gl.jsx)(ze,{disabled:n,checked:o,"aria-label":t}),(0,gl.jsx)("span",{className:"k-checkbox-label",children:t})]})};xl.states=Xv;xl.options=Jv;xl.className=Xs;xl.defaultOptions=qv;var Oa=require("react/jsx-runtime"),Js="k-columnmenu-item",Yv=[i.focus,i.selected],Qv={},Zv={},Vo=e=>{let{focus:t,selected:o,text:a,startIcon:l,endIcon:n,sortIndex:d,...p}=e;return(0,Oa.jsxs)("div",{...p,className:r(e.className,Js,w(Js,{focus:t,selected:o})),role:"button",tabIndex:0,children:[l&&(0,Oa.jsx)(u,{icon:l}),a,n&&(0,Oa.jsxs)("span",{className:"k-columnmenu-indicators",children:[(0,Oa.jsx)(u,{icon:n}),d&&(0,Oa.jsx)("span",{className:"k-sort-index",children:d})]}),e.children]})};Vo.states=Yv;Vo.options=Qv;Vo.className=Js;Vo.defaultOptions=Zv;Vo.moduleName=Lt;Vo.folderName=Pt;var jv=require("react/jsx-runtime");var bb=require("react/jsx-runtime"),ew="k-columnmenu-item-content",ub=e=>(0,bb.jsx)("div",{...e,className:r(e.className,ew,"k-columns-item"),children:e.children});var qs=require("react/jsx-runtime"),fb="k-filter-menu",tw=[],ow={},aw={},ba=e=>{let{...t}=e;return(0,qs.jsx)("form",{...t,className:r(e.className,fb),children:(0,qs.jsx)("div",{className:"k-filter-menu-container",children:e.children})})};ba.states=tw;ba.options=ow;ba.className=fb;ba.defaultOptions=aw;ba.moduleName=Lt;ba.folderName=Pt;var rw=require("react/jsx-runtime");var Ir=require("react/jsx-runtime"),lw="k-item",iw={size:[s.undefined,s.small,s.medium,s.large]},nw=[],Ys=e=>{let{text:t,size:o,...a}=e;return(0,Ir.jsx)("li",{...a,className:r(e.className,lw),children:(0,Ir.jsxs)("label",{className:"k-label k-checkbox-label",children:[(0,Ir.jsx)(ze,{size:o}),(0,Ir.jsx)("span",{children:t})]})})};Ys.states=nw;Ys.options=iw;var Mo=require("react/jsx-runtime"),Tb="k-expander",sw=[],dw={},cw={},Pa=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:a,itemSortIndex:l,expanded:n,itemContent:d,expanderIcon:p,contentId:f,...h}=e,x=f\|\|$("columnmenu-content"),v=!n&&!p?(0,Mo.jsx)(u,{icon:"chevron-down"}):n&&!p?(0,Mo.jsx)(u,{icon:"chevron-up"}):(0,Mo.jsx)(u,{icon:p});return(0,Mo.jsxs)("div",{...h,className:r(e.className,Tb),children:[(0,Mo.jsxs)(Vo,{text:t,startIcon:o,endIcon:a,sortIndex:l,"aria-expanded":n?"true":"false","aria-controls":x,children:[(0,Mo.jsx)("span",{className:"k-spacer"}),(0,Mo.jsx)("span",{className:"k-expander-indicator",children:v})]}),n&&(0,Mo.jsx)(ub,{id:x,children:d}),e.children]})};Pa.states=sw;Pa.options=dw;Pa.className=Tb;Pa.defaultOptions=cw;Pa.moduleName=Lt;Pa.folderName=Pt;var hb=require("react/jsx-runtime"),Qs="k-group-menu",pw=[],mw={size:[s.undefined,s.small,s.medium,s.large]},uw={},Er=e=>{let{size:t,...o}=e;return(0,hb.jsx)("div",{...o,className:r(e.className,Qs,M(Qs,{size:t})),children:e.children})};Er.states=pw;Er.options=mw;Er.className=Qs;Er.defaultOptions=uw;Er.moduleName=Lt;Er.folderName=Pt;var So=require("react/jsx-runtime"),Zs="k-group-menu-item",bw=[i.hover,i.selected],fw={},Tw={},Ar=e=>{let{hover:t,selected:o,text:a,actionsStart:l,actionsEnd:n,...d}=e;return(0,So.jsxs)("div",{...d,className:r(e.className,Zs,w(Zs,{hover:t,selected:o})),children:[l&&(0,So.jsx)("span",{className:"k-group-menu-item-actions",children:l}),(0,So.jsx)("span",{className:"k-group-item-text",children:a}),n&&(0,So.jsxs)(So.Fragment,{children:[(0,So.jsx)("span",{className:"k-spacer"}),(0,So.jsx)("span",{className:"k-group-menu-item-actions",children:n})]}),e.children]})};Ar.states=bw;Ar.options=fw;Ar.className=Zs;Ar.defaultOptions=Tw;Ar.moduleName=Lt;Ar.folderName=Pt;var fa=require("react/jsx-runtime"),js="k-group-menu-item-action",hw=[i.hover,i.disabled,i.selected],gw={size:[s.undefined,s.small,s.medium,s.large]};var ed=e=>{let{hover:t,disabled:o,selected:a,size:l,type:n,...d}=e,p;switch(n){case"remove":p=(0,fa.jsx)(u,{icon:"x-circle",size:l});break;case"add":p=(0,fa.jsx)(u,{icon:"plus-circle",size:l});break;case"drag":p=(0,fa.jsx)(u,{icon:"handle-drag-dots",size:l});break;case"up":p=(0,fa.jsx)(u,{icon:"chevron-up",size:l});break;case"down":p=(0,fa.jsx)(u,{icon:"chevron-down",size:l});break;default:p=(0,fa.jsx)(u,{icon:n,size:l});break}return(0,fa.jsx)("span",{...d,className:r(e.className,js,w(js,{selected:a,hover:t,disabled:o}),`k-group-menu-item-${n}-action`),children:p})};ed.options=hw;ed.options=gw;ed.className=js;var xw=require("react/jsx-runtime");var td=require("react/jsx-runtime");var Nb=require("react/jsx-runtime"),gb="k-tabstrip-items",Nw=[],kw={},vw={tabAlignment:"start"},Nl=e=>{let{children:t,tabAlignment:o,orientation:a,...l}=e;return(0,Nb.jsx)("ul",{...l,className:r(e.className,gb,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...a==="vertical"&&{"aria-orientation":"vertical"},children:t})};Nl.states=Nw;Nl.options=kw;Nl.className=gb;Nl.defaultOptions=vw;var xb=Nl;var Lb=require("react/jsx-runtime"),kb="k-tabstrip-items-wrapper",ww=[],Lw={},vb={orientation:"horizontal"},kl=e=>{let{children:t,orientation:o=vb.orientation,...a}=e;return(0,Lb.jsx)("div",{...a,className:r(e.className,kb,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};kl.states=ww;kl.options=Lw;kl.className=kb;kl.defaultOptions=vb;var wb=kl;var vl="tabstrip",ki=vl;var Ct=require("react/jsx-runtime"),Ta="k-tabstrip",Cw=[],Mw={size:[s.undefined,s.small,s.medium,s.large]},vi={position:"top",tabAlignment:"start",scrollButtons:"around"},lt=e=>{let{size:t,scrollable:o,children:a,tabStripItems:l,tabStripItemsId:n,position:d=vi.position,tabAlignment:p=vi.tabAlignment,scrollButtons:f=vi.scrollButtons,dir:h,scrollingPosition:x,overflow:v,...T}=e,L={top:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},bottom:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},C={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},A={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return(0,Ct.jsxs)("div",{dir:h,...T,className:r(Ta,e.className,{[`${Ta}-${d}`]:d,[`${Ta}-scrollable`]:o,[`${Ta}-scrollable-overlay`]:o&&(f==="hidden"\|\|!f),[`${Ta}-scrollable-${x}`]:x&&x!=="both",[`${Ta}-overflow`]:v},M(Ta,{size:t})),children:[d==="bottom"&&a,(0,Ct.jsxs)(wb,{orientation:C[d],children:[o&&(f==="around"\|\|f==="start")&&(0,Ct.jsx)("span",{className:r("k-tabstrip-prev","k-button",M("k-button",{size:t,fillMode:N.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,Ct.jsx)(u,{className:"k-button-icon",icon:`chevron-${L[d].prev}`})}),o&&f==="start"&&(0,Ct.jsx)("span",{className:r("k-tabstrip-next","k-button",M("k-button",{size:t,fillMode:N.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,Ct.jsx)(u,{className:"k-button-icon",icon:`chevron-${L[d].next}`})}),(0,Ct.jsx)(xb,{className:r({"k-tabstrip-items-scroll":o&&f==="hidden"}),tabAlignment:A[p],orientation:C[d],...n&&{id:n},children:l}),o&&f==="end"&&(0,Ct.jsx)("span",{className:r("k-tabstrip-prev","k-button",M("k-button",{size:t,fillMode:N.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,Ct.jsx)(u,{className:"k-button-icon",icon:`chevron-${L[d].prev}`})}),o&&(f==="around"\|\|f==="end")&&(0,Ct.jsx)("span",{className:r("k-tabstrip-next","k-button",M("k-button",{size:t,fillMode:N.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,Ct.jsx)(u,{className:"k-button-icon",icon:`chevron-${L[d].next}`})}),v&&(0,Ct.jsx)("div",{className:"k-tabstrip-actions k-hstack",children:(0,Ct.jsx)(be,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),d!=="bottom"&&a]})};lt.states=Cw;lt.options=Mw;lt.className=Ta;lt.defaultOptions=vi;lt.moduleName=vl;lt.folderName=ki;lt.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 Mb=require("react/jsx-runtime"),Cb="k-tabstrip-wrapper",Sw=[],yw={},Iw={},Rr=e=>{let{...t}=e;return(0,Mb.jsx)("div",{...t,className:r(e.className,Cb),children:e.children})};Rr.states=Sw;Rr.options=yw;Rr.className=Cb;Rr.defaultOptions=Iw;Rr.moduleName=vl;Rr.folderName=ki;var $o=require("react/jsx-runtime"),od="k-tabstrip-item",Ew=[i.active,i.hover,i.disabled,i.focus],Aw={},Sb={iconPosition:"before"},Bt=e=>{let{dragging:t,active:o,hover:a,focus:l,disabled:n,children:d,first:p,last:f,closable:h,icon:x,iconPosition:v=Sb.iconPosition,value:T,actions:L,...C}=e;return(0,$o.jsxs)("li",{...C,className:r(e.className,od,w(od,{hover:a,active:o,disabled:n,focus:l}),{"k-tabstrip-dragging":t,"k-first":p,"k-last":f}),role:"tab",...o&&{"aria-selected":"true"},...n&&{"aria-disabled":"true"},children:[(0,$o.jsxs)("span",{className:"k-link",children:[x&&v==="before"&&(0,$o.jsx)(u,{icon:x}),T&&(0,$o.jsx)("span",{className:"k-link-text",children:T}),x&&v==="after"&&(0,$o.jsx)(u,{icon:x})]}),(L\|\|h)&&(0,$o.jsxs)("span",{className:"k-item-actions",children:[L,h&&(0,$o.jsx)(c,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),d]})};Bt.states=Ew;Bt.options=Aw;Bt.className=od;Bt.item=Sb;var yb=require("react/jsx-runtime"),ad="k-tabstrip-content",Rw=[i.active,i.focus],Ow={},Pw={},yo=e=>{let{active:t,focus:o,children:a,...l}=e;return(0,yb.jsx)("div",{...l,className:r(e.className,ad,w(ad,{active:t,focus:o}),e.className),role:"tabpanel",children:a})};yo.states=Rw;yo.options=Ow;yo.className=ad;yo.defaultOptions=Pw;var Xt=require("react/jsx-runtime"),bo=({children:e,...t})=>(0,Xt.jsx)(lt,{tabStripItems:(0,Xt.jsxs)(Xt.Fragment,{children:[(0,Xt.jsx)(Bt,{first:!0,value:"First"}),(0,Xt.jsx)(Bt,{active:!0,value:"Second"}),(0,Xt.jsx)(Bt,{value:"Third"}),(0,Xt.jsx)(Bt,{value:"Fourth"}),(0,Xt.jsx)(Bt,{last:!0,value:"Fifth"})]}),...t,children:e\|\|(0,Xt.jsx)(yo,{active:!0,children:(0,Xt.jsx)("div",{children:"TabStrip Content"})})});var Eb=require("react/jsx-runtime"),Ib=e=>(0,Eb.jsx)(bo,{position:"bottom",...e});var Rb=require("react/jsx-runtime"),Ab=e=>(0,Rb.jsx)(bo,{position:"right",...e});var Pb=require("react/jsx-runtime"),Ob=e=>(0,Pb.jsx)(bo,{position:"left",...e});var Bw=require("react/jsx-runtime");var rd=require("react/jsx-runtime");var Gw=require("react/jsx-runtime");var ld=require("react/jsx-runtime");var id=require("react/jsx-runtime");var wl=require("react/jsx-runtime"),Hw={...lt.options,scrollable:{type:"boolean"}},Kw=lt.states,Bb={...lt.defaultOptions,scrollable:!1,variant:"up"},_w=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],Dw=[],Or=e=>{let{variant:t,...o}={...Bb,...e},a={};switch(t){case"right":return(0,wl.jsx)(Ab,{style:{height:"230px"},...o,...a,position:"right"});case"left":return(0,wl.jsx)(Ob,{style:{height:"230px"},...o,...a,position:"left"});case"bottom":return(0,wl.jsx)(Ib,{style:{width:"350px"},...o,...a,position:"bottom"});default:return(0,wl.jsx)(bo,{style:{width:"350px"},...o,...a})}};Or.options=Hw;Or.states=Kw;Or.variants=_w;Or.defaultOptions=Bb;Or.modifiers=Dw;Or.className=lt.className;var nd=require("react/jsx-runtime");var sd=require("react/jsx-runtime");var dd=require("react/jsx-runtime");var cd=require("react/jsx-runtime");var pd=require("react/jsx-runtime");var md=require("react/jsx-runtime");var k=require("react/jsx-runtime"),Gb=({contentClassName:e,...t})=>(0,k.jsx)(V,{_renderAriaRoot:!0,pager:(0,k.jsx)(lo,{refresh:!1}),children:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(ie,{children:(0,k.jsx)("div",{className:"k-grid-header-wrap",children:(0,k.jsxs)(ne,{role:"none",children:[(0,k.jsxs)("colgroup",{children:[(0,k.jsx)("col",{}),(0,k.jsx)("col",{style:{width:"225px"}}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{})]}),(0,k.jsxs)(Z,{role:"rowgroup",children:[(0,k.jsxs)(y,{role:"row",children:[(0,k.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Product Id",role:"columnheader"}),(0,k.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Name",role:"columnheader"}),(0,k.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Quantity",role:"columnheader"}),(0,k.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Unit Price",role:"columnheader"}),(0,k.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Discontinued",role:"columnheader"})]}),(0,k.jsxs)(y,{className:"k-filter-row",role:"row",children:[(0,k.jsx)(m,{role:"gridcell","aria-label":"Product Id filter",children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(Y,{"aria-label":"Product Id filter"}),(0,k.jsxs)("div",{className:"k-filtercell-operator",children:[(0,k.jsx)(ue,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Product Id filter operator"})," ",(0,k.jsx)(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Product Id filter"})]})]})})}),(0,k.jsx)(m,{role:"gridcell","aria-label":"Name filter",children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(Ne,{"aria-label":"Name filter"}),(0,k.jsxs)("div",{className:"k-filtercell-operator",children:[(0,k.jsx)(ue,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Name filter operator"})," ",(0,k.jsx)(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Name filter"})]})]})})}),(0,k.jsx)(m,{role:"gridcell","aria-label":"Quantity filter",children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(Ne,{"aria-label":"Quantity filter"}),(0,k.jsxs)("div",{className:"k-filtercell-operator",children:[(0,k.jsx)(ue,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Quantity filter operator"})," ",(0,k.jsx)(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Quantity filter"})]})]})})}),(0,k.jsx)(m,{role:"gridcell","aria-label":"Unit Price filter",children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(Y,{"aria-label":"Unit Price filter"}),(0,k.jsxs)("div",{className:"k-filtercell-operator",children:[(0,k.jsx)(ue,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Unit Price filter operator"})," ",(0,k.jsx)(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Unit Price filter"})]})]})})}),(0,k.jsx)(m,{role:"gridcell","aria-label":"Discontinued filter",children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(ue,{"aria-label":"Discontinued filter"}),(0,k.jsx)("div",{className:"k-filtercell-operator",children:(0,k.jsx)(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Discontinued filter"})})]})})})]})]})]})})}),(0,k.jsx)(ee,{children:(0,k.jsx)(te,{className:e,children:(0,k.jsxs)(oe,{role:"none",children:[(0,k.jsxs)("colgroup",{children:[(0,k.jsx)("col",{}),(0,k.jsx)("col",{style:{width:"225px"}}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{})]}),(0,k.jsxs)(re,{role:"rowgroup",children:[(0,k.jsxs)(y,{className:"k-master-row",role:"row",children:[(0,k.jsx)(m,{role:"gridcell",children:"1"}),(0,k.jsx)(m,{role:"gridcell",children:"Chai"}),(0,k.jsx)(m,{role:"gridcell",children:"10 boxes x 20 bags"}),(0,k.jsx)(m,{role:"gridcell",children:"18"}),(0,k.jsx)(m,{role:"gridcell",children:"false"})]}),(0,k.jsxs)(y,{className:"k-master-row",role:"row",alt:!0,children:[(0,k.jsx)(m,{role:"gridcell",children:"2"}),(0,k.jsx)(m,{role:"gridcell",children:"Chang"}),(0,k.jsx)(m,{role:"gridcell",children:"24 - 12 oz bottles"}),(0,k.jsx)(m,{role:"gridcell",children:"19"}),(0,k.jsx)(m,{role:"gridcell",children:"false"})]}),(0,k.jsxs)(y,{className:"k-master-row",role:"row",children:[(0,k.jsx)(m,{role:"gridcell",children:"3"}),(0,k.jsx)(m,{role:"gridcell",children:"Aniseed Syrup"}),(0,k.jsx)(m,{role:"gridcell",children:"12 - 550 ml bottles"}),(0,k.jsx)(m,{role:"gridcell",children:"10"}),(0,k.jsx)(m,{role:"gridcell",children:"false"})]}),(0,k.jsxs)(y,{className:"k-master-row",role:"row",alt:!0,children:[(0,k.jsx)(m,{role:"gridcell",children:"4"}),(0,k.jsx)(m,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,k.jsx)(m,{role:"gridcell",children:"48 - 6 oz jars"}),(0,k.jsx)(m,{role:"gridcell",children:"22"}),(0,k.jsx)(m,{role:"gridcell",children:"false"})]}),(0,k.jsxs)(y,{className:"k-master-row",role:"row",children:[(0,k.jsx)(m,{role:"gridcell",children:"5"}),(0,k.jsx)(m,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),(0,k.jsx)(m,{role:"gridcell",children:"12 - 8 oz jars"}),(0,k.jsx)(m,{role:"gridcell",children:"25"}),(0,k.jsx)(m,{role:"gridcell",children:"false"})]})]})]})})})]}),...t});var Ll=require("react/jsx-runtime"),zw="k-chip-action";var _e=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=(0,Ll.jsx)(u,{icon:"x-circle",size:"small"});break;case"more":a=(0,Ll.jsx)(u,{icon:"more-vertical",size:"small"});break;default:return(0,Ll.jsx)(u,{icon:t,size:"small"})}return(0,Ll.jsx)("span",{...o,className:r(e.className,zw,`k-chip-${t}-action`),children:a})};var ud="avatar",Hb=ud;var fd=require("react/jsx-runtime"),Cl="k-avatar";var Fw=[i.hover,i.focus,i.active,i.selected,i.disabled],Uw={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary]},bd={type:"text",border:!1},Mt=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:n=bd.type,border:d=bd.border,...p}=e;return(0,fd.jsx)("div",{...p,className:r(e.className,Cl,M(Cl,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Cl}-bordered`]:d}),children:(0,fd.jsx)("span",{className:`${Cl}-${n}`,children:e.children})})};Mt.states=Fw;Mt.options=Uw;Mt.className=Cl;Mt.defaultOptions=bd;Mt.moduleName=ud;Mt.folderName=Hb;Mt.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Ba=Mt;var _b=require("react/jsx-runtime"),Kb=e=>(0,_b.jsx)(Ba,{type:"icon",...e});var zb=require("react/jsx-runtime"),Db=e=>(0,zb.jsx)(Ba,{type:"text",...e});var Ub=require("react/jsx-runtime"),Fb=e=>(0,Ub.jsx)(Ba,{type:"image",...e});var Vw=require("react/jsx-runtime");var Pr=require("react/jsx-runtime"),$w=Mt.options,Ww=Mt.states,Xw={...Mt.defaultOptions,variant:"image"},Jw=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],qw=[],Br=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,Pr.jsx)(Kb,{...o,children:(0,Pr.jsx)(u,{icon:"star"})});case"text":return(0,Pr.jsx)(Db,{...o,children:"JO"});default:return(0,Pr.jsx)(Fb,{...o,children:(0,Pr.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Br.options=$w;Br.states=Ww;Br.variants=Jw;Br.defaultOptions=Xw;Br.modifiers=qw;Br.className=Mt.className;var Ml="chip",wi=Ml;var Wo=require("react/jsx-runtime"),Li="k-chip",Yw=[i.hover,i.focus,i.active,i.selected,i.disabled],Qw={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[S.undefined,S.base,S.success,S.warning,S.error,S.info]},Vb={avatarImage:"/packages/html/assets/avatar.jpg"},Pe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:n,icon:d,actions:p,showAvatar:f,avatarImage:h=Vb.avatarImage,hover:x,focus:v,active:T,selected:L,disabled:C,...A}=e;return(0,Wo.jsxs)("div",{...A,className:r(e.className,Li,M(Li,{size:t,rounded:o,fillMode:a,themeColor:l}),w(Li,{hover:x,focus:v,active:T,disabled:C,selected:L})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:L?"true":"false",...e.role==="option"&&L!==void 0&&{"aria-selected":L?"true":"false"},"aria-disabled":C?"true":void 0,children:[d&&(0,Wo.jsx)(u,{className:"k-chip-icon",icon:d,size:"small"}),f&&(0,Wo.jsx)(Mt,{className:"k-chip-avatar",type:"image",children:(0,Wo.jsx)("img",{src:h,alt:""})}),(0,Wo.jsx)("span",{className:"k-chip-content",children:e.children?e.children:n&&(0,Wo.jsx)("span",{className:"k-chip-label",children:n})}),p&&(0,Wo.jsx)("span",{className:"k-chip-actions",children:p})]})};Pe.states=Yw;Pe.options=Qw;Pe.className=Li;Pe.defaultOptions=Vb;Pe.moduleName=Ml;Pe.folderName=wi;Pe.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 io=Pe;var $b=require("react/jsx-runtime"),Td="k-chip-list",Zw=[],jw={size:[s.undefined,s.small,s.medium,s.large]},eL={},Be=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return(0,$b.jsx)("div",{...l,className:r(e.className,Td,M(Td,{size:t})),role:e.role\|\|"listbox","aria-label":e.role==="none"?void 0:a\|\|"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Be.states=Zw;Be.options=jw;Be.className=Td;Be.defaultOptions=eL;Be.moduleName=Ml;Be.folderName=wi;Be.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 tL=require("react/jsx-runtime");var oL=require("react/jsx-runtime");var Wb=require("react/jsx-runtime"),Ci=e=>(0,Wb.jsx)(io,{text:"text",...e});var aL=require("react/jsx-runtime");var rL=require("react/jsx-runtime");var hd=require("react/jsx-runtime");var Xb=require("react/jsx-runtime");var Jb=require("react/jsx-runtime");var qb=require("react/jsx-runtime");var Xo=require("react/jsx-runtime"),lL={...io.options,...Be.options},iL=[],nL=Be.states,sL={...io.defaultOptions,...Be.defaultOptions},dL=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Gr=e=>{let{modifiers:t,className:o,...a}=e,l=t==null?void 0:t.icon,n=t==null?void 0:t.actions,d=t==null?void 0:t.avatar;return(0,Xo.jsxs)(Be,{size:a.size,className:o,children:[(0,Xo.jsx)(Ci,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?(0,Xo.jsx)(_e,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),(0,Xo.jsx)(Ci,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?(0,Xo.jsx)(_e,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),(0,Xo.jsx)(Ci,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?(0,Xo.jsx)(_e,{type:"remove"}):void 0,showAvatar:d,children:"Chip"})]})};Gr.options=lL;Gr.states=nL;Gr.variants=iL;Gr.defaultOptions=sL;Gr.modifiers=dL;Gr.className=Be.className;var Mi=require("react/jsx-runtime"),cL=Pe.states,pL=Pe.defaultOptions,mL=Pe.options,uL=[],bL=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Hr=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"icon":a.icon=t!=null&&t[l]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!(t!=null&&t[l]),a.avatarImage=t!=null&&t[l]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions\|\|(a.actions=[]),a.actions[0]=t!=null&&t[l]?(0,Mi.jsx)(_e,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t!=null&&t[l]?(0,Mi.jsx)(_e,{type:"remove"}):void 0;break;default:break}}),(0,Mi.jsx)(Pe,{...o,...a,children:"Chip component"})};Hr.options=mL;Hr.states=cL;Hr.variants=uL;Hr.defaultOptions=pL;Hr.modifiers=bL;Hr.className=Pe.className;var I=require("react/jsx-runtime"),Yb=({dropClue:e,contentClassName:t,...o})=>(0,I.jsx)(V,{_renderAriaRoot:!0,groupingHeader:(0,I.jsx)(Co,{dropClue:e,role:"toolbar","aria-label":"Grouping",children:(0,I.jsxs)(Be,{role:"none",children:[(0,I.jsx)(Pe,{icon:"sort-asc-small",text:"ID",role:"button",actions:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_e,{type:"more"}),(0,I.jsx)(_e,{type:"remove"})]})}),(0,I.jsx)(Pe,{icon:"sort-desc-small",text:"Name",role:"button",actions:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_e,{type:"more"}),(0,I.jsx)(_e,{type:"remove"})]})})]})}),children:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(ie,{draggable:!0,children:(0,I.jsx)("div",{className:"k-grid-header-wrap",children:(0,I.jsxs)(ne,{role:"none",children:[(0,I.jsxs)("colgroup",{children:[(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{})]}),(0,I.jsx)(Z,{role:"rowgroup",children:(0,I.jsxs)(y,{role:"row",children:[(0,I.jsx)(R,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,I.jsx)(R,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,I.jsx)(R,{colspan:1,columnTitle:"ID",role:"columnheader"}),(0,I.jsx)(R,{colspan:1,columnTitle:"Name",role:"columnheader"}),(0,I.jsx)(R,{colspan:1,columnTitle:"Price",role:"columnheader"}),(0,I.jsx)(R,{colspan:1,columnTitle:"Category",role:"columnheader"})]})})]})})}),(0,I.jsx)(ee,{children:(0,I.jsx)(te,{className:t,children:(0,I.jsxs)(oe,{role:"none",children:[(0,I.jsxs)("colgroup",{children:[(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{})]}),(0,I.jsxs)(re,{role:"rowgroup",children:[(0,I.jsx)(y,{className:"k-table-group-row k-grouping-row",role:"row",children:(0,I.jsx)(m,{colspan:6,role:"gridcell","aria-expanded":"false",children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(u,{icon:"chevron-right"}),"ID: 1"]})})}),(0,I.jsx)(y,{className:"k-table-group-row k-grouping-row",role:"row",children:(0,I.jsx)(m,{colspan:6,role:"gridcell","aria-expanded":"true",children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(u,{icon:"chevron-down"}),"ID: 2"]})})}),(0,I.jsxs)(y,{className:"k-table-group-row k-grouping-row",role:"row",children:[(0,I.jsx)(m,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,I.jsx)(m,{colspan:5,role:"gridcell","aria-expanded":"true",children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(u,{icon:"chevron-down"}),"Name: Chang"]})})]}),(0,I.jsxs)(y,{className:"k-master-row",role:"row",alt:!0,children:[(0,I.jsx)(m,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,I.jsx)(m,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,I.jsx)(m,{colspan:0,role:"gridcell",children:"2"}),(0,I.jsx)(m,{colspan:0,role:"gridcell",children:"Chang"}),(0,I.jsx)(m,{colspan:0,role:"gridcell",children:"$19.00"}),(0,I.jsx)(m,{colspan:0,role:"gridcell",children:"Beverages"})]})]})]})})})]}),...o});var gd=require("react/jsx-runtime");var xd=require("react/jsx-runtime");var Nd=require("react/jsx-runtime");var B=require("react/jsx-runtime"),Qb=({headerWrapClassName:e,contentClassName:t,...o})=>(0,B.jsx)(V,{_renderAriaRoot:!0,children:(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(ie,{children:(0,B.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,B.jsxs)(ne,{role:"none",children:[(0,B.jsxs)("colgroup",{children:[(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{})]}),(0,B.jsxs)(Z,{role:"rowgroup",children:[(0,B.jsxs)(y,{role:"row",children:[(0,B.jsx)(R,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),(0,B.jsx)(R,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),(0,B.jsxs)(y,{role:"row",children:[(0,B.jsx)(R,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),(0,B.jsx)(R,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),(0,B.jsxs)(y,{role:"row",children:[(0,B.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),(0,B.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),(0,B.jsx)(ee,{children:(0,B.jsx)(te,{className:t,children:(0,B.jsxs)(oe,{role:"none",children:[(0,B.jsxs)("colgroup",{children:[(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{})]}),(0,B.jsxs)(re,{role:"rowgroup",children:[(0,B.jsxs)(y,{className:"k-master-row",role:"row",children:[(0,B.jsx)(m,{role:"gridcell",children:"1"}),(0,B.jsx)(m,{role:"gridcell",children:"Chai"}),(0,B.jsx)(m,{role:"gridcell",children:"39"}),(0,B.jsx)(m,{role:"gridcell",children:"18"})]}),(0,B.jsxs)(y,{className:"k-master-row",alt:!0,role:"row",children:[(0,B.jsx)(m,{role:"gridcell",children:"2"}),(0,B.jsx)(m,{role:"gridcell",children:"Chang"}),(0,B.jsx)(m,{role:"gridcell",children:"17"}),(0,B.jsx)(m,{role:"gridcell",children:"19"})]}),(0,B.jsxs)(y,{className:"k-master-row",role:"row",children:[(0,B.jsx)(m,{role:"gridcell",children:"3"}),(0,B.jsx)(m,{role:"gridcell",children:"Aniseed Syrup"}),(0,B.jsx)(m,{role:"gridcell",children:"13"}),(0,B.jsx)(m,{role:"gridcell",children:"10"})]}),(0,B.jsxs)(y,{className:"k-master-row",alt:!0,role:"row",children:[(0,B.jsx)(m,{role:"gridcell",children:"4"}),(0,B.jsx)(m,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,B.jsx)(m,{role:"gridcell",children:"53"}),(0,B.jsx)(m,{role:"gridcell",children:"22"})]}),(0,B.jsxs)(y,{className:"k-master-row",role:"row",children:[(0,B.jsx)(m,{role:"gridcell",children:"5"}),(0,B.jsx)(m,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),(0,B.jsx)(m,{role:"gridcell",children:"0"}),(0,B.jsx)(m,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});var kd=require("react/jsx-runtime");var vd=require("react/jsx-runtime");var H=require("react/jsx-runtime"),Zb=e=>{let t=$("grid");return(0,H.jsx)(V,{_renderAriaRoot:!0,ariaRootId:t,toolbar:(0,H.jsxs)(Aa,{role:"toolbar","aria-label":"Grid toolbar","aria-controls":t,children:[(0,H.jsx)(c,{children:"Add new"}),(0,H.jsx)(c,{children:"Save Changes"}),(0,H.jsx)(c,{children:"Cancel Changes"})]}),children:(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(ie,{children:(0,H.jsx)("div",{className:"k-grid-header-wrap",children:(0,H.jsxs)(ne,{role:"none",children:[(0,H.jsxs)("colgroup",{children:[(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{style:{width:"300px"}})]}),(0,H.jsx)(Z,{role:"rowgroup",children:(0,H.jsxs)(y,{role:"row",children:[(0,H.jsx)(R,{columnTitle:"Name",role:"columnheader"}),(0,H.jsx)(R,{columnTitle:"Price",role:"columnheader"}),(0,H.jsx)(R,{columnTitle:"Available",role:"columnheader"}),(0,H.jsx)(R,{accessibleLabel:"Commands"})]})})]})})}),(0,H.jsx)(ee,{children:(0,H.jsx)(te,{children:(0,H.jsx)("div",{children:(0,H.jsxs)(oe,{role:"none",children:[(0,H.jsxs)("colgroup",{children:[(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{style:{width:"300px"}})]}),(0,H.jsxs)(re,{role:"rowgroup",children:[(0,H.jsxs)(y,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[(0,H.jsx)(m,{role:"gridcell",children:(0,H.jsx)(Ne,{value:"Towel","aria-label":"Name"})}),(0,H.jsx)(m,{role:"gridcell",children:(0,H.jsx)(Y,{value:"42","aria-label":"Price"})}),(0,H.jsx)(m,{role:"gridcell",children:(0,H.jsx)(ze,{"aria-label":"Available"})}),(0,H.jsxs)(m,{className:"k-command-cell",role:"gridcell",children:[(0,H.jsx)(c,{children:"Add"}),(0,H.jsx)(c,{children:"Cancel"})]})]}),(0,H.jsxs)(y,{className:"k-master-row",role:"row",children:[(0,H.jsx)(m,{role:"gridcell",children:"Chai"}),(0,H.jsx)(m,{role:"gridcell",children:"18"}),(0,H.jsx)(m,{role:"gridcell",children:"false"}),(0,H.jsx)(m,{className:"k-command-cell",role:"gridcell",children:(0,H.jsx)(c,{children:"Remove"})})]}),(0,H.jsxs)(y,{className:"k-master-row",role:"row",alt:!0,children:[(0,H.jsx)(m,{role:"gridcell",children:"Chang"}),(0,H.jsx)(m,{role:"gridcell",children:"19"}),(0,H.jsx)(m,{role:"gridcell",children:"false"}),(0,H.jsx)(m,{className:"k-command-cell",role:"gridcell",children:(0,H.jsx)(c,{children:"Remove"})})]})]})]})})})})]}),...e})};var wd=require("react/jsx-runtime");var Ld="context-menu",jb=Ld;var tf=require("react/jsx-runtime"),ef="k-context-menu",fL=[],TL={},hL={},Gt=e=>{let{children:t,...o}=e;return(0,tf.jsx)(Ue,{...o,className:r(e.className,ef),role:"menu",children:t})};Gt.states=fL;Gt.options=TL;Gt.className=ef;Gt.defaultOptions=hL;Gt.moduleName=Ld;Gt.folderName=jb;Gt.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 Sl=require("react/jsx-runtime"),Cd=e=>(0,Sl.jsx)(Gt,{children:[(0,Sl.jsx)(Q,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),(0,Sl.jsx)(Q,{text:"Item 2"},"menu-item-2"),(0,Sl.jsx)(Q,{last:!0,text:"Item 3"},"menu-item-3")],...e});var Md=require("react/jsx-runtime");var ha=require("react/jsx-runtime"),gL=Ae.options,xL=Ae.states,of={...Ae.defaultOptions,variant:"normal"},NL=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],kL=[],Kr=e=>{let{variant:t,...o}={...of,...e};return t==="separators"?(0,ha.jsxs)(Cd,{...o,style:{width:"130px"},children:[(0,ha.jsx)(Q,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),(0,ha.jsx)(ra,{}),(0,ha.jsx)(Q,{text:"Item 2"},"menu-item-2"),(0,ha.jsx)(Q,{last:!0,text:"Item 3"},"menu-item-3")]}):(0,ha.jsx)(Cd,{...o,style:{width:"130px"}})};Kr.options=gL;Kr.states=xL;Kr.variants=NL;Kr.defaultOptions=of;Kr.modifiers=kL;Kr.className=Gt.className;var Sd=require("react/jsx-runtime");var yd=require("react/jsx-runtime");var Id=require("react/jsx-runtime");var Ed=require("react/jsx-runtime");var b=require("react/jsx-runtime"),vL=V.options,wL=V.states,af={...V.defaultOptions,variant:"normal"},LL=[{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"}],CL=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],_r=e=>{let{variant:t,modifiers:o,...a}={...af,...e},l={toolbar:void 0,pager:void 0},n=(0,b.jsxs)(Aa,{children:[(0,b.jsx)(c,{icon:"plus",children:"Add New"}),(0,b.jsx)(c,{icon:"file-pdf",children:"Export to PDF"}),(0,b.jsx)("span",{className:"k-spacer"}),(0,b.jsx)(Ne,{prefix:(0,b.jsx)(u,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),d=(0,b.jsx)(Oe,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(h=>{switch(h){case"toolbar":l.toolbar=o!=null&&o[h]?n:void 0;break;case"pager":l.pager=o!=null&&o[h]?d:void 0;break;default:return}});let p={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},f=(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(ie,{children:(0,b.jsx)("div",{className:"k-grid-header-wrap",children:(0,b.jsxs)(ne,{children:[(0,b.jsxs)("colgroup",{children:[(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{})]}),(0,b.jsx)(Z,{children:(0,b.jsxs)(y,{children:[(0,b.jsx)(R,{...p[t],columnTitle:"ID"}),(0,b.jsx)(R,{...p[t],columnTitle:"Product Name"}),(0,b.jsx)(R,{...p[t],columnTitle:"Units in Stock"}),(0,b.jsx)(R,{...p[t],columnTitle:"Units Price"})]})})]})})}),(0,b.jsx)(ee,{children:(0,b.jsx)(te,{children:(0,b.jsxs)(oe,{children:[(0,b.jsxs)("colgroup",{children:[(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{})]}),(0,b.jsxs)(re,{children:[(0,b.jsxs)(y,{children:[(0,b.jsx)(m,{children:"1"}),(0,b.jsx)(m,{children:"Chai"}),(0,b.jsx)(m,{children:"39"}),(0,b.jsx)(m,{children:"18"})]}),(0,b.jsxs)(y,{alt:!0,children:[(0,b.jsx)(m,{children:"2"}),(0,b.jsx)(m,{children:"Chang"}),(0,b.jsx)(m,{children:"17"}),(0,b.jsx)(m,{children:"19"})]}),(0,b.jsxs)(y,{children:[(0,b.jsx)(m,{children:"3"}),(0,b.jsx)(m,{children:"Aniseed Syrup"}),(0,b.jsx)(m,{children:"13"}),(0,b.jsx)(m,{children:"10"})]}),(0,b.jsxs)(y,{alt:!0,children:[(0,b.jsx)(m,{children:"4"}),(0,b.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,b.jsx)(m,{children:"53"}),(0,b.jsx)(m,{children:"22"})]}),(0,b.jsxs)(y,{children:[(0,b.jsx)(m,{children:"5"}),(0,b.jsx)(m,{children:"Chef Anton's Gumbo Mix"}),(0,b.jsx)(m,{children:"0"}),(0,b.jsx)(m,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,b.jsx)(Qb,{...a,...l});case"editing":return(0,b.jsx)(Zb,{...a,...l});case"grouping":return(0,b.jsx)(Yb,{...a,...l,groupingHeader:(0,b.jsx)(Co,{children:(0,b.jsxs)(Be,{children:[(0,b.jsx)(Pe,{icon:"sort-asc-small",actions:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(_e,{type:"more"}),(0,b.jsx)(_e,{type:"remove"})]}),children:"ID"}),(0,b.jsx)(Pe,{icon:"sort-desc-small",actions:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(_e,{type:"more"}),(0,b.jsx)(_e,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,b.jsx)(V,{...a,...l,children:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(ie,{children:(0,b.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,b.jsxs)(ne,{children:[(0,b.jsxs)("colgroup",{children:[(0,b.jsx)("col",{className:"k-drag-col"}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{})]}),(0,b.jsx)(Z,{children:(0,b.jsxs)(y,{children:[(0,b.jsx)(R,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,b.jsx)(R,{columnTitle:"ID"}),(0,b.jsx)(R,{columnTitle:"Product Name"}),(0,b.jsx)(R,{columnTitle:"Units in Stock"}),(0,b.jsx)(R,{columnTitle:"Units Price"})]})})]})]})}),(0,b.jsx)(ee,{children:(0,b.jsx)(te,{children:(0,b.jsxs)(oe,{children:[(0,b.jsxs)("colgroup",{children:[(0,b.jsx)("col",{className:"k-drag-col"}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{})]}),(0,b.jsxs)(re,{children:[(0,b.jsxs)(y,{children:[(0,b.jsx)(m,{className:"k-drag-cell",children:(0,b.jsx)(u,{icon:"reorder"})}),(0,b.jsx)(m,{children:"1"}),(0,b.jsx)(m,{children:"Chai"}),(0,b.jsx)(m,{children:"39"}),(0,b.jsx)(m,{children:"18"})]}),(0,b.jsxs)(y,{alt:!0,children:[(0,b.jsx)(m,{className:"k-drag-cell",children:(0,b.jsx)(u,{icon:"reorder"})}),(0,b.jsx)(m,{children:"2"}),(0,b.jsx)(m,{children:"Chang"}),(0,b.jsx)(m,{children:"17"}),(0,b.jsx)(m,{children:"19"})]}),(0,b.jsxs)(y,{children:[(0,b.jsx)(m,{className:"k-drag-cell",children:(0,b.jsx)(u,{icon:"reorder"})}),(0,b.jsx)(m,{children:"3"}),(0,b.jsx)(m,{children:"Aniseed Syrup"}),(0,b.jsx)(m,{children:"13"}),(0,b.jsx)(m,{children:"10"})]}),(0,b.jsxs)(y,{alt:!0,children:[(0,b.jsx)(m,{className:"k-drag-cell",children:(0,b.jsx)(u,{icon:"reorder"})}),(0,b.jsx)(m,{children:"4"}),(0,b.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,b.jsx)(m,{children:"53"}),(0,b.jsx)(m,{children:"22"})]}),(0,b.jsxs)(y,{children:[(0,b.jsx)(m,{className:"k-drag-cell",children:(0,b.jsx)(u,{icon:"reorder"})}),(0,b.jsx)(m,{children:"5"}),(0,b.jsx)(m,{children:"Chef Anton's Gumbo Mix"}),(0,b.jsx)(m,{children:"0"}),(0,b.jsx)(m,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,b.jsx)(Gb,{...a,...l});default:return(0,b.jsx)(V,{...a,...l,children:f})}};_r.options=vL;_r.states=wL;_r.variants=LL;_r.defaultOptions=af;_r.modifiers=CL;_r.className=V.className;var E=require("react/jsx-runtime"),rf=e=>(0,E.jsx)(Ve,{toolbar:(0,E.jsxs)(mt,{children:[(0,E.jsx)(c,{children:"New Folder"}),(0,E.jsx)(c,{children:"Upload"}),(0,E.jsxs)(_,{children:[(0,E.jsx)(c,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),(0,E.jsx)(c,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),(0,E.jsx)(F,{text:"Sort By"}),(0,E.jsxs)(_,{children:[(0,E.jsx)(c,{className:"k-group-start",icon:"grid",selected:!0,"aria-label":"Grid view"}),(0,E.jsx)(c,{className:"k-group-end",icon:"grid-layout","aria-label":"List view"})]}),(0,E.jsx)("div",{className:"k-spacer"}),(0,E.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,E.jsx)("label",{children:"View Details"}),(0,E.jsx)(Le,{checked:!0,"aria-label":"View Details"})]}),(0,E.jsx)(Me,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,E.jsx)(E.Fragment,{children:(0,E.jsx)(ye,{className:"k-filemanager-splitter",panes:[(0,E.jsx)(he,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,E.jsx)(Ot,{children:(0,E.jsx)(me,{text:"Folder"})})},"pane-1"),(0,E.jsxs)(he,{className:"k-filemanager-content",scrollable:!0,children:[(0,E.jsx)(At,{children:(0,E.jsx)(vt,{children:(0,E.jsx)(Ce,{root:!0,children:(0,E.jsx)(ke,{root:!0,icon:!0,"aria-label":"Home",children:(0,E.jsx)(u,{icon:"home"})})})})}),(0,E.jsxs)(V,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[(0,E.jsx)(ie,{children:(0,E.jsx)("div",{className:"k-grid-header-wrap k-auto-scrollable",children:(0,E.jsxs)(ne,{children:[(0,E.jsxs)("colgroup",{children:[(0,E.jsx)("col",{}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{})]}),(0,E.jsx)(Z,{children:(0,E.jsxs)(y,{children:[(0,E.jsx)(R,{sortable:!0,columnTitle:"Name"}),(0,E.jsx)(R,{columnTitle:"Date Created"}),(0,E.jsx)(R,{columnTitle:"File Size"})]})})]})})}),(0,E.jsx)(ee,{children:(0,E.jsx)(te,{className:"k-auto-scrollable",children:(0,E.jsxs)(oe,{className:"k-selectable",children:[(0,E.jsxs)("colgroup",{children:[(0,E.jsx)("col",{className:"k-sorted"}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{})]}),(0,E.jsxs)(re,{children:[(0,E.jsxs)(y,{className:"k-master-row",children:[(0,E.jsx)(m,{children:(0,E.jsx)(Qe,{name:"Folder",icon:"folder"})}),(0,E.jsx)(m,{children:"13/12/2019 at 12:22:04 PM"}),(0,E.jsx)(m,{children:"0"})]}),(0,E.jsxs)(y,{className:"k-master-row",alt:!0,children:[(0,E.jsx)(m,{children:(0,E.jsx)(Qe,{name:"file.png",icon:"file"})}),(0,E.jsx)(m,{children:"13/12/2019 at 12:22:04 PM"}),(0,E.jsx)(m,{children:"73289"})]})]})]})})})]})]},"pane-2"),(0,E.jsx)(he,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",tabIndex:0,children:(0,E.jsx)(da,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});var yl=require("react/jsx-runtime"),ML=Ve.options,SL=Ve.states,yL={...Ve.defaultOptions,variant:"listview"},IL=[{name:"listview",title:"ListView"},{name:"grid",title:"Grid"}],EL=[{name:"preview",title:"Preview"}],Dr=e=>{let{variant:t,modifiers:o,...a}={...e},l=!1;return Object.keys(o\|\|{}).forEach(n=>{n==="preview"&&(l=!!(o!=null&&o[n]))}),t==="grid"?l?(0,yl.jsx)(rf,{...a}):(0,yl.jsx)(Ad,{...a}):l?(0,yl.jsx)(Tu,{...a}):(0,yl.jsx)(fu,{...a})};Dr.options=ML;Dr.states=SL;Dr.variants=IL;Dr.defaultOptions=yL;Dr.modifiers=EL;Dr.className=Ve.className;var O=require("react/jsx-runtime"),Ad=e=>(0,O.jsx)(Ve,{toolbar:(0,O.jsxs)(mt,{children:[(0,O.jsx)(c,{children:"New Folder"}),(0,O.jsx)(c,{children:"Upload"}),(0,O.jsxs)(_,{children:[(0,O.jsx)(c,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),(0,O.jsx)(c,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),(0,O.jsx)(F,{text:"Sort By"}),(0,O.jsxs)(_,{children:[(0,O.jsx)(c,{className:"k-group-start",icon:"grid",selected:!0,"aria-label":"Grid view"}),(0,O.jsx)(c,{className:"k-group-end",icon:"grid-layout","aria-label":"List view"})]}),(0,O.jsx)("div",{className:"k-spacer"}),(0,O.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,O.jsx)("label",{children:"View Details"}),(0,O.jsx)(Le,{"aria-label":"View Details"})]}),(0,O.jsx)(Me,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(ye,{className:"k-filemanager-splitter",panes:[(0,O.jsx)(he,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,O.jsx)(Ot,{children:(0,O.jsx)(me,{text:"Folder"})})},"pane-1"),(0,O.jsxs)(he,{className:"k-filemanager-content",scrollable:!0,children:[(0,O.jsx)(At,{children:(0,O.jsx)(vt,{children:(0,O.jsx)(Ce,{root:!0,children:(0,O.jsx)(ke,{root:!0,icon:!0,"aria-label":"Home",children:(0,O.jsx)(u,{icon:"home"})})})})}),(0,O.jsxs)(V,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[(0,O.jsx)(ie,{children:(0,O.jsx)("div",{className:"k-grid-header-wrap k-auto-scrollable",children:(0,O.jsxs)(ne,{children:[(0,O.jsxs)("colgroup",{children:[(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{})]}),(0,O.jsx)(Z,{children:(0,O.jsxs)(y,{children:[(0,O.jsx)(R,{columnTitle:"Name",sortable:!0}),(0,O.jsx)(R,{columnTitle:"Date Created"}),(0,O.jsx)(R,{columnTitle:"File Size"})]})})]})})}),(0,O.jsx)(ee,{children:(0,O.jsx)(te,{className:"k-auto-scrollable",children:(0,O.jsxs)(oe,{className:"k-selectable",children:[(0,O.jsxs)("colgroup",{children:[(0,O.jsx)("col",{className:"k-sorted"}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{})]}),(0,O.jsxs)(re,{children:[(0,O.jsxs)(y,{className:"k-master-row",children:[(0,O.jsx)(m,{children:(0,O.jsx)(Qe,{name:"Folder",icon:"folder"})}),(0,O.jsx)(m,{children:"13/12/2019 at 12:22:04 PM"}),(0,O.jsx)(m,{children:"0"})]}),(0,O.jsxs)(y,{className:"k-master-row",alt:!0,children:[(0,O.jsx)(m,{children:(0,O.jsx)(Qe,{name:"file.png",icon:"file"})}),(0,O.jsx)(m,{children:"13/12/2019 at 12:22:04 PM"}),(0,O.jsx)(m,{children:"73289"})]})]})]})})})]})]},"pane-2")]})}),...e});