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

package/dist/cjs/filemanager/demos/filemanager.js

@@ -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})},Rd=(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)):{},Rd(t||!e||!e.__esModule?El(o,"default",{value:e,enumerable:!0}):o,e)),uf=e=>Rd(El({},"__esModule",{value:!0}),e);var RL={};mf(RL,{FilemanagerDemo:()=>ga,default:()=>AL});module.exports=uf(RL);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 Od(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 Pd=Ur;var Na=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,Na.jsx)(Na.Fragment,{});if(p==="none")return(0,Na.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,Na.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,Na.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 Bd="icon",Gd="icons";var _d=require("react");var Hd=require("react"),Kd=(0,Hd.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,_d.useContext)(Kd),{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)(Pd,{...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=Bd;u.folderName=Gd;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",Dd=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,Od($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=Dd;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 zd=require("react/jsx-runtime"),qo=e=>(0,zd.jsx)(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Fd=require("react/jsx-runtime"),Wr=e=>(0,Fd.jsx)(c,{icon:"folder",children:"Button",...e});var Ud=require("react/jsx-runtime"),ka=e=>(0,Ud.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=[],Ha=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)(ka,{...o,children:"Button"})}};Ha.options=Cf;Ha.states=Mf;Ha.variants=yf;Ha.defaultOptions=Sf;Ha.modifiers=If;Ha.className=c.className;var Ki="button",Vd=Ki;var $d=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,$d.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=Vd;_.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=[],Ka=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"})]})};Ka.options=Of;Ka.states=Pf;Ka.variants=Gf;Ka.defaultOptions=Bf;Ka.modifiers=Hf;Ka.className=_.className;var Jr="input",Pl=Jr;var Wd=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,Wd.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 Xd=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,Xd.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 _a=require("react/jsx-runtime"),Jd="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,_a.jsx)(_a.Fragment,{}):(0,_a.jsx)("span",{className:r(e.className,Jd),children:(0,_a.jsx)(u,{icon:"x"})})};Kt.states=Vf;Kt.options=$f;Kt.className=Jd;var qd=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,qd.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={},va=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})]})};va.states=Jf;va.options=qf;va.className=Wi;var Qd=require("react/jsx-runtime"),Xi="k-input-inner",Yf=[],Qf={},Yd={value:"",placeholder:""},Ji=e=>{let{value:t=Yd.value,placeholder:o=Yd.placeholder,rows:a,disabled:l,...n}=e;return(0,Qd.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"),Zd="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,Zd,"k-icon k-i-loading")})};yt.states=Zf;yt.className=Zd;var Qr=require("react/jsx-runtime"),jd="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(jd),icon:n})};ht.states=jf;ht.options=eT;ht.className=jd;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 ec=require("react/jsx-runtime"),iT="k-input-suffix-text",qi=e=>{let{children:t,...o}=e;return(0,ec.jsx)("span",{...o,className:r(iT,e.className),children:t})};var oc=require("react/jsx-runtime"),tc="k-input-separator",nT={direction:"vertical"},Yt=e=>{let{direction:t=nT.direction,...o}=e;return(0,oc.jsx)("span",{...o,className:r(tc,e.className,{[`${tc}-${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=[],Da=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)(ka,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};Da.options=cT;Da.states=sT;Da.variants=mT;Da.defaultOptions=dT;Da.modifiers=pT;Da.className=De.className;var el=require("react/jsx-runtime"),ac="k-color-preview",uT=[],bT={},Yo=e=>{let{color:t,iconName:o,...a}=e;return(0,el.jsxs)("span",{...a,className:r(e.className,ac,{"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=ac;var Yi="popup",rc=Yi;var Qi=require("react/jsx-runtime"),lc="k-animation-container",fT=[],TT={},ic={positionMode:"absolute"},ho=e=>{let{positionMode:t=ic.positionMode,animationStyle:o,offset:a,...l}=e;return(0,Qi.jsx)("div",{...l,style:{...a,...e.style},className:r(e.className,lc,"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=lc;ho.defaultOptions=ic;ho.moduleName=Yi;ho.folderName=rc;var Zi="popup",nc=Zi;var ji=require("react/jsx-runtime"),sc="k-popup",hT=[],gT={},dc={positionMode:"absolute"},pe=e=>{let{offset:t,positionMode:o=dc.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,sc),children:e.children})})};pe.states=hT;pe.options=gT;pe.className=sc;pe.defaultOptions=dc;pe.moduleName=Zi;pe.folderName=nc;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",cc=en;var pc=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,pc.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=cc;var uc=require("react/jsx-runtime"),kT="k-actionsheet-footer",mc={alignment:"stretched",orientation:"horizontal"},Qo=e=>{let{alignment:t=mc.alignment,orientation:o=mc.orientation,template:a,as:l=a?"div":Qt,...n}=e;return(0,uc.jsx)(l,{...n,...!a&&{alignment:t,orientation:o},className:r(e.className,kT),children:e.children})};var on="searchbox",bc=on;var Zo=require("react/jsx-runtime"),fc="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,fc),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=fc;Me.defaultOptions=an;Me.moduleName=on;Me.folderName=bc;var LT=require("react/jsx-runtime");var rn="textbox",Tc=rn;var it=require("react/jsx-runtime"),hc="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,hc),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=hc;Ne.defaultOptions=_l;Ne.moduleName=rn;Ne.folderName=Tc;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 xc=require("react/jsx-runtime"),gc=e=>(0,xc.jsx)(tl,{...e});var Nc=require("react/jsx-runtime");var kc=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=[],za=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,Dl.jsx)(u,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,Dl.jsx)(ka,{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)(gc,{value:"Value",style:{width:300},...o,...a})};za.options=ET;za.states=yT;za.variants=RT;za.defaultOptions=IT;za.modifiers=AT;za.className=Ne.className;var Dt=require("react/jsx-runtime"),vc="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,vc),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=vc;gt.defaultOptions=OT;var Fa=require("react/jsx-runtime"),ln="k-actionsheet-view",PT=[],BT={},GT={},Ua=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,Fa.jsx)(gt,{adaptive:t,titleId:d,...l==null?void 0:l.props}),h=(n==null?void 0:n.type)===Qo&&(0,Fa.jsx)(Qo,{...n==null?void 0:n.props});return(0,Fa.jsxs)("div",{...p,className:r(e.className,ln,{[`${ln}-animated`]:o}),children:[f,(0,Fa.jsx)("div",{className:"k-actionsheet-content",children:a}),h]})};Ua.states=PT;Ua.options=BT;Ua.className=ln;Ua.defaultOptions=GT;var ol="action-sheet",zl=ol;var nn="overlay",wc=nn;var Cc=require("react/jsx-runtime"),Lc="k-overlay",HT=[],KT={},_T={},jo=e=>{let{...t}=e;return(0,Cc.jsx)("div",{...t,className:r(e.className,Lc),children:e.children})};jo.states=HT;jo.options=KT;jo.className=Lc;jo.defaultOptions=_T;jo.moduleName=nn;jo.folderName=wc;var wa=require("react/jsx-runtime"),Mc="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,wa.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,wa.jsx)(jo,{}),(0,wa.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,wa.jsx)("div",{...x,id:h,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":v,className:r(e.className,Mc,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:n||(0,wa.jsx)(Ua,{header:p,footer:f,adaptive:a,titleId:v,...e,children:d})})})]})};Ge.states=DT;Ge.options=zT;Ge.className=Mc;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 yc=require("react/jsx-runtime"),Sc="k-actionsheet-container",FT=[],UT={},VT={},Va=e=>{let{children:t,...o}=e;return(0,yc.jsx)("div",{...o,className:Sc,children:t})};Va.states=FT;Va.options=UT;Va.className=Sc;Va.defaultOptions=VT;Va.moduleName=ol;Va.folderName=zl;var Ic=require("react/jsx-runtime"),sn=e=>{let{...t}=e;return(0,Ic.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 Ec=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,Rc={...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"}],$a=e=>{let{variant:t,modifiers:o,...a}={...Rc,...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})};$a.options=qT;$a.states=YT;$a.variants=QT;$a.defaultOptions=Rc;$a.modifiers=ZT;$a.className=Ge.className;var cn="slider",Oc=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=Oc;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"),Pc="k-tick",th=[],oh={},Bc={label:!1},z=e=>{let{style:t,label:o=Bc.label,orientation:a,large:l,text:n,...d}=e;return(0,pn.jsx)("li",{...d,role:"presentation",title:n||"Tick",className:r(e.className,Pc,{[`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=Pc;z.defaultOptions=Bc;var Ze=require("react/jsx-runtime"),Gc=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"),Hc=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 Kc=require("react/jsx-runtime"),bn=e=>(0,Kc.jsx)(we,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var _c=require("react/jsx-runtime"),fn=e=>(0,_c.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,Dc={...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"}],Wa=e=>{let{variant:t,modifiers:o,...a}={...Dc,...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)(Hc,{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)(Gc,{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%"}})]})};Wa.options=ah;Wa.states=rh;Wa.variants=lh;Wa.defaultOptions=Dc;Wa.modifiers=ih;Wa.className=we.className;var ll=require("react/jsx-runtime"),zc="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(zc,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=zc;ta.defaultOptions=gn;ta.moduleName=null;ta.folderName=null;var Fc="numeric-textbox",Uc="numerictextbox";var et=require("react/jsx-runtime"),Vc="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,Vc),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=Vc;Y.defaultOptions=Fl;Y.moduleName=Fc;Y.folderName=Uc;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 Wc=require("react/jsx-runtime"),$c=e=>(0,Wc.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 Xc=require("react/jsx-runtime"),bh="k-no-data",nl=e=>{let{live:t,...o}=e;return(0,Xc.jsx)("span",{...o,className:r(bh,e.className),"aria-live":t?"polite":void 0,children:e.children})};var La="list",Xa=La;var Ja=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,Ja.jsxs)("div",{...h,className:r(e.className,kn,M(kn,{size:t}),{"k-virtual-list":o}),children:[n,d,l&&(0,Ja.jsx)(Nn,{children:l}),a||(p!==void 0?p:(0,Ja.jsx)(nl,{live:!0,children:"No data found."})),f&&a&&(0,Ja.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=La;ae.folderName=Xa;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 qc=require("react/jsx-runtime"),Jc="k-list-container",gh=[],xh={},Nh={},qa=e=>{let{...t}=e;return(0,qc.jsx)("div",{...t,className:r(e.className,Jc),children:e.children})};qa.states=gh;qa.options=xh;qa.className=Jc;qa.defaultOptions=Nh;qa.moduleName=La;qa.folderName=Xa;var Ca="checkbox",Ya=Ca;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=Ca;ze.folderName=Ya;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 Zc=require("react/jsx-runtime"),Yc="k-checkbox-list",Lh=[],Ch={},Qc={layout:"vertical"},xt=e=>{let{layout:t=Qc.layout,...o}=e;return(0,Zc.jsx)("ul",{...o,className:r(e.className,Yc,{[`k-list-${t}`]:t}),children:e.children})};xt.states=Lh;xt.options=Ch;xt.className=Yc;xt.defaultOptions=Qc;xt.moduleName=Ca;xt.folderName=Ya;var ep=require("react/jsx-runtime"),jc="k-checkbox-list-item",Mh=[],Sh={},yh={},Nt=e=>{let{...t}=e;return(0,ep.jsx)("li",{...t,className:r(e.className,jc),children:e.children})};Nt.states=Mh;Nt.options=Sh;Nt.className=jc;Nt.defaultOptions=yh;Nt.moduleName=Ca;Nt.folderName=Ya;var Ma=require("react/jsx-runtime"),Eo=({children:e="Label",id:t="cb-label-after",...o})=>(0,Ma.jsxs)(Ma.Fragment,{children:[(0,Ma.jsx)(co,{id:t,...o}),(0,Ma.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=[],Qa=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"})})]})};Qa.options=Rh;Qa.states=Oh;Qa.variants=Bh;Qa.defaultOptions=Ph;Qa.modifiers=Gh;Qa.className=xt.className;var tp=require("react/jsx-runtime"),Hh=co.options,Kh=co.states,_h=co.defaultOptions,Dh=[],zh=[],Za=e=>(0,tp.jsx)(Eo,{id:$("checkbox"),...e,defaultChecked:!0,children:"Label"});Za.options=Hh;Za.states=Kh;Za.variants=Dh;Za.defaultOptions=_h;Za.modifiers=zh;Za.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=La;X.folderName=Xa;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 op=require("react/jsx-runtime"),$h="k-list-ul",Ao=e=>{let{children:t,role:o,id:a,...l}=e;return(0,op.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 ja=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,ja.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,ja.jsx)(Ao,{role:"listbox",id:n,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&(0,ja.jsx)("div",{className:"k-height-container",children:(0,ja.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 er=require("react/jsx-runtime"),Xh="k-list-group-item",Sa=e=>{let{groupIconName:t,...o}=e;return(0,er.jsxs)("li",{...o,role:"presentation",className:r(Xh,e.className),children:[t&&(0,er.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,er.jsx)(u,{icon:t,className:"k-list-item-icon"})}),(0,er.jsx)("span",{className:"k-list-item-text",children:e.children})]})};Sa.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};var ap=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,ap.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 rp=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,rp.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 lp="dropdown-list",ip="dropdownlist";var Ee=require("react/jsx-runtime"),np="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:xa,adaptiveFilter:Si,id:Jo,activeDescendant:Il,"aria-label":yi,...Ii}=e,lf=Jo?`${Jo}-listbox`:void 0,Ad=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,np,{"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?Ad:void 0,"aria-disabled":K?"true":void 0,"aria-label":yi,tabIndex:0,children:[(0,Ee.jsx)(Jt,{children:p}),(0,Ee.jsx)(va,{placeholder:x,value:h,showValue:n,valueIconName:d,id:Ad}),(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:xa}),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=np;ue.defaultOptions=Bn;ue.moduleName=lp;ue.folderName=ip;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 sp=require("react/jsx-runtime");var Gn=require("react/jsx-runtime");var rg=require("react/jsx-runtime");var dp=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=[],or=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})})};or.options=sg;or.states=ig;or.variants=cg;or.defaultOptions=ng;or.modifiers=dg;or.className=ue.className;var cp=require("react/jsx-runtime");var pp=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=[],ar=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)($c,{value:"Value",style:{width:300},...o,...a})};ar.options=bg;ar.states=mg;ar.variants=Tg;ar.defaultOptions=ug;ar.modifiers=fg;ar.className=Y.className;var P=require("react/jsx-runtime"),mp="k-colorgradient-inputs",hg=[],gg={size:[s.undefined,s.small,s.medium,s.large]},up={mode:"rgba"},rr=e=>{let{mode:t=up.mode,size:o,...a}=e;return(0,P.jsxs)("div",{...a,className:r(mp,"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"})]})})]})};rr.states=hg;rr.options=gg;rr.className=mp;rr.defaultOptions=up;var st=require("react/jsx-runtime"),bp="k-colorgradient-color-contrast",xg=[],Ng={},kg={},lr=()=>(0,st.jsxs)("div",{className:r(bp,"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"})]})]})]});lr.states=xg;lr.options=Ng;lr.className=bp;lr.defaultOptions=kg;var fp="color-gradient",Tp="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)(rr,{mode:e.mode,size:t}),h&&(0,We.jsx)(lr,{})]})};qe.states=vg;qe.options=wg;qe.className=Xl;qe.defaultOptions=xo;qe.moduleName=fp;qe.folderName=Tp;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 hp=require("react/jsx-runtime"),Jl=e=>(0,hp.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=[],ir=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})}};ir.options=Mg;ir.states=Sg;ir.variants=Ig;ir.defaultOptions=yg;ir.modifiers=Eg;ir.className=qe.className;var gp=require("react/jsx-runtime"),Kn=e=>(0,gp.jsx)("tr",{role:"row",children:e.children});var xp=require("react/jsx-runtime"),_n="k-colorpalette-tile",Ag=[i.hover,i.focus,i.selected],Rg={},nr=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,xp.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})};nr.states=Ag;nr.options=Rg;nr.className=_n;var Np="color-palette",kp="colorpalette";var sr=require("react/jsx-runtime"),Yl="k-colorpalette",Og=[i.disabled],Pg={size:[s.undefined,s.small,s.medium,s.large]},vp={columns:10},kt=e=>{let{size:t,palette:o,columns:a=vp.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(v*f,(v+1)*f).map((C,A)=>{T.push((0,sr.jsx)(nr,{color:C,tileSize:l},A))});let L=(0,sr.jsx)(Kn,{children:T},v);p.push(L)})}return(0,sr.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,sr.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,sr.jsx)("tbody",{children:p.length>0?p:e.children})})})};kt.states=Og;kt.options=Pg;kt.className=Yl;kt.defaultOptions=vp;kt.moduleName=Np;kt.folderName=kp;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 Lp=require("react/jsx-runtime"),wp=e=>(0,Lp.jsx)(Ql,{palette:sl.basic,...e});var Bg=require("react/jsx-runtime");var Cp=require("react/jsx-runtime");var Mp=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=[],dr=e=>{let{variant:t="basic",...o}=e,a=Dg[t];return(0,Mp.jsx)(wp,{columns:a.columns,palette:a,...o})};dr.options=Gg;dr.states=Hg;dr.variants=_g;dr.defaultOptions=Kg;dr.modifiers=zg;dr.className=kt.className;var Sp="color-editor",yp="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=Sp;He.folderName=yp;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 cr=He;var Vg=require("react/jsx-runtime");var $g=require("react/jsx-runtime");var Ep=require("react/jsx-runtime"),Ip=e=>(0,Ep.jsx)(cr,{group:!0,currentColor:"fuchsia",...e});var Rp=require("react/jsx-runtime"),Ap=e=>(0,Rp.jsx)(cr,{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=[],pr=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Dn.jsx)(Ap,{...o,color:"white"}):(0,Dn.jsx)(Ip,{...o,color:"rgba(183, 118 , 118, 1.00)"})};pr.options=Wg;pr.states=Xg;pr.variants=qg;pr.defaultOptions=Jg;pr.modifiers=Yg;pr.className=He.className;var Op="color-picker",Pp="colorpicker";var Xe=require("react/jsx-runtime"),Bp="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]},Gp={arrowIconName:"chevron-down"},zt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Gp.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,Bp,"k-icon-picker"),children:[(0,Xe.jsx)(Jt,{children:n}),(0,Xe.jsx)(va,{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=Bp;zt.defaultOptions=Gp;zt.moduleName=Op;zt.folderName=Pp;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 Hp=require("react/jsx-runtime"),jl=e=>(0,Hp.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,Kp={...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"}],mr=e=>{let{variant:t,modifiers:o,...a}={...Kp,...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})})}};mr.options=lx;mr.states=ix;mr.variants=nx;mr.defaultOptions=Kp;mr.modifiers=sx;mr.className=Ro.className;var zn="combobox",_p=zn;var se=require("react/jsx-runtime"),Dp="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]},zp={separators:!0},dt=e=>{let{size:t,rounded:o,fillMode:a,separators:l=zp.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:xa,autocomplete:Si,activeDescendant:Jo,"aria-label":Il,...yi}=e,Ii=xa?`${xa}-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,Dp),children:[n&&(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)(Jt,{children:n}),l&&(0,se.jsx)(Yt,{})]}),(0,se.jsx)(_t,{id:xa,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:xa?`${xa}-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=Dp;dt.defaultOptions=zp;dt.moduleName=zn;dt.folderName=_p;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 Up=require("react/jsx-runtime"),Fp=e=>(0,Up.jsx)(Ft,{...e});var Vp=require("react/jsx-runtime");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 Fn=require("react/jsx-runtime");var px=require("react/jsx-runtime");var mx=require("react/jsx-runtime");var Yp=require("react/jsx-runtime");var Qp=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=[],ur=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)(Fp,{value:"Value",style:{width:300},...o,...a})})};ur.options=fx;ur.states=ux;ur.variants=hx;ur.defaultOptions=bx;ur.modifiers=Tx;ur.className=dt.className;var Un="menu-button",Zp=Un;var em=require("react/jsx-runtime"),jp="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,em.jsx)(c,{...A,className:r(e.className,jp),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=jp;be.defaultOptions=Vn;be.moduleName=Un;be.folderName=Zp;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={},tm={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=tm.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=tm;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 rm=require("react/jsx-runtime"),om="k-menu-scroll-wrapper",Sx=[],yx={},Ix={},ya=e=>{let{className:t,children:o,orientation:a,...l}=e;return(0,rm.jsx)("div",{...l,className:r(t,om,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ya.states=Sx;ya.options=yx;ya.className=om;ya.defaultOptions=Ix;ya.moduleName=Ut;ya.folderName=eo;var am=ya;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)(am,{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 im=require("react/jsx-runtime"),qn="k-separator",lm={orientation:"horizontal"},ra=e=>{let{orientation:t=lm.orientation,...o}=e;return(0,im.jsx)("li",{...o,className:r(e.className,"k-item",qn,{[`${qn}-${t}`]:t}),role:"separator"})};ra.className=qn;ra.defaultOptions=lm;ra.moduleName=Ut;ra.folderName=eo;var nm=require("react/jsx-runtime");var sm=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,sm.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,dm={...Ae.defaultOptions,variant:"horizontal"},Hx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Kx=[{name:"opened",title:"Opened"}],br=e=>{let{variant:t,modifiers:o,...a}={...dm,...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})};br.options=Bx;br.states=Gx;br.variants=Hx;br.defaultOptions=dm;br.modifiers=Kx;br.className=Ae.className;var os=require("react/jsx-runtime");var _x=require("react/jsx-runtime");var pt=require("react/jsx-runtime"),Dx=c.states,cm={...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"}],fr=e=>{let{variant:t,modifiers:o,...a}={...cm,...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]})};fr.options=zx;fr.states=Dx;fr.variants=Fx;fr.defaultOptions=cm;fr.modifiers=Ux;fr.className=be.className;var as="split-button",pm=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]},mm={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=mm.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=mm;F.moduleName=as;F.folderName=pm;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 um=require("react/jsx-runtime"),Wx="k-toolbar-separator",uo=e=>(0,um.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 fm=require("react/jsx-runtime"),bm="k-floating-toolbar",Yx=[],Qx={},Zx={},Tr=e=>{let{...t}=e;return(0,fm.jsx)("div",{...t,className:r(e.className,bm),children:e.children})};Tr.states=Yx;Tr.options=Qx;Tr.className=bm;Tr.defaultOptions=Zx;Tr.moduleName=Go;Tr.folderName=la;var Tm=require("react/jsx-runtime"),is="k-toolbar-item",jx=[i.focus],eN={},tN={},hr=e=>{let{focus:t,...o}=e;return(0,Tm.jsx)("div",{...o,className:r(e.className,is,w(is,{focus:t})),children:e.children})};hr.states=jx;hr.options=eN;hr.className=is;hr.defaultOptions=tN;hr.moduleName=Go;hr.folderName=la;var ns=require("react/jsx-runtime"),hm="k-toolbar-popup",oN=[],aN={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},rN={},Ia=e=>{let{size:t,fillMode:o,section:a,...l}=e;return(0,ns.jsx)(pe,{...l,className:r(e.className,hm),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})};Ia.states=oN;Ia.options=aN;Ia.className=hm;Ia.defaultOptions=rN;Ia.moduleName=Go;Ia.folderName=la;var oi=Ia;var lN=require("react/jsx-runtime");var iN=require("react/jsx-runtime");var nN=require("react/jsx-runtime");var gm=require("react/jsx-runtime");var sN=require("react/jsx-runtime");var to=require("react/jsx-runtime"),dN=F.states,xm={...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"}],gr=e=>{let{variant:t,modifiers:o,...a}={...xm,...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"})})}};gr.options=cN;gr.states=dN;gr.variants=pN;gr.defaultOptions=xm;gr.modifiers=mN;gr.className=F.className;var ko=require("react/jsx-runtime"),Nm=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 km=require("react/jsx-runtime");var ot=require("react/jsx-runtime"),vm=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"),wm=({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"),Lm=({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,Cm={...Te.defaultOptions,variant:"default"},fN=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],TN=[],xr=e=>{let{variant:t,...o}={...Cm,...e};switch(t){case"responsive":return(0,Ko.jsx)("div",{children:(0,Ko.jsx)(Lm,{style:{width:"583px"},...o})});case"overlay":return(0,Ko.jsx)("div",{children:(0,Ko.jsx)(wm,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,Ko.jsx)("div",{children:(0,Ko.jsx)(vm,{style:{width:"583px"},...o})});default:return(0,Ko.jsx)("div",{children:(0,Ko.jsx)(Nm,{style:{width:"583px"},...o})})}};xr.options=uN;xr.states=bN;xr.variants=fN;xr.defaultOptions=Cm;xr.modifiers=TN;xr.className=Te.className;var vo="file-manager",wo="filemanager";var Sm=require("react/jsx-runtime"),Mm="k-filemanager-toolbar",hN=[],gN={},xN={},mt=e=>{let{children:t,...o}=e;return(0,Sm.jsx)(Te,{...o,className:r(e.className,Mm),children:t})};mt.states=hN;mt.options=gN;mt.className=Mm;mt.defaultOptions=xN;mt.moduleName=vo;mt.folderName=wo;var cs="switch",ym=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=ym;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=[],Nr=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})};Nr.options=SN;Nr.states=yN;Nr.variants=EN;Nr.defaultOptions=IN;Nr.modifiers=AN;Nr.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..."})]})}),Im={toolbar:PN},Ve=e=>{let{disabled:t,toolbar:o=Im.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=Im;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",Em=bs;var Rm=require("react/jsx-runtime"),ai="k-breadcrumb",BN=[i.focus],GN={size:[s.undefined,s.small,s.medium,s.large]},Am={collapsing:"auto"},$e=e=>{let{size:t,collapsing:o=Am.collapsing,focus:a,...l}=e;return(0,Rm.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=Am;$e.moduleName=bs;$e.folderName=Em;$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 Om=require("react/jsx-runtime"),_N="k-breadcrumb-container",DN={collapsing:"auto"},vt=e=>{let{collapsing:t=DN.collapsing,...o}=e;return(0,Om.jsx)("ol",{...o,className:r(e.className,_N,{"!k-flex-wrap":t==="wrap","k-flex-none":t==="none"}),children:e.children})};var Pm=require("react/jsx-runtime"),zN="k-breadcrumb-item",Ce=e=>{let{root:t,last:o,...a}=e;return(0,Pm.jsx)("li",{...a,className:r(e.className,zN,{"k-breadcrumb-root-item":t,"k-breadcrumb-last-item":o}),children:e.children})};var Bm=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,Bm.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 Gm=require("react/jsx-runtime"),VN="k-breadcrumb-item-text",oo=e=>{let{text:t,...o}=e,a=t||e.children;return(0,Gm.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=[],kr=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"})})})]})})}};kr.options=$N;kr.states=WN;kr.variants=JN;kr.defaultOptions=XN;kr.modifiers=qN;kr.className=$e.className;var Km=require("react/jsx-runtime"),Hm="k-filemanager-breadcrumb",YN=[],QN={},ZN={},At=e=>{let{children:t,...o}=e;return(0,Km.jsx)($e,{className:r(e.className,Hm),...o,children:t})};At.states=YN;At.options=QN;At.className=Hm;At.defaultOptions=ZN;At.moduleName=vo;At.folderName=wo;var gs="pager",_m=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=_m;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 zm=require("react/jsx-runtime"),Dm=e=>(0,zm.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=[],vr=e=>{let{variant:t,...o}=e;return t==="input"?(0,xs.jsx)(Oe,{...o,type:"input"}):(0,xs.jsx)(Oe,{...o,type:"numeric"})};vr.options=ak;vr.states=rk;vr.variants=ik;vr.defaultOptions=lk;vr.modifiers=nk;vr.className=Oe.className;var cl="listview",li=cl;var Rt=require("react/jsx-runtime"),Ns="k-listview",sk=[i.loading,i.disabled],dk={},Fm={pagerPosition:"bottom"},Ye=e=>{let{header:t,footer:o,pageable:a,pagerPosition:l=Fm.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)(Dm,{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=Fm;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 Um=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,Um.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,Vm={...Ye.defaultOptions,variant:"flex"},Tk=[{name:"flex",title:"Flex"},{name:"grid",title:"Grid"},{name:"loading",title:"Loading"}],hk=[{name:"pageable",title:"Pager"}],wr=e=>{let{variant:t,modifiers:o,...a}={...Vm,...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"})]})};wr.options=bk;wr.states=fk;wr.variants=Tk;wr.defaultOptions=Vm;wr.modifiers=hk;wr.className=Ye.className;var Wm=require("react/jsx-runtime"),$m="k-filemanager-listview",gk=[],xk={},Nk={},Lo=e=>{let{children:t,...o}=e;return(0,Wm.jsx)(Ye,{className:r(e.className,$m),layout:"flex",flexDirection:"row",flexWrap:"wrap",selectable:!0,contentAriaLabel:"Files",...o,children:t})};Lo.states=gk;Lo.options=xk;Lo.className=$m;Lo.defaultOptions=Nk;Lo.moduleName=vo;Lo.folderName=wo;var si=zr(require("react"));var ii=zr(require("react"));var Xm=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,Xm.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 Jm=di;var sa=require("react/jsx-runtime"),qm="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,qm),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)(Jm,{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=qm;me.defaultOptions=Ik;me.moduleName=pl;me.folderName=ni;var Ek=require("react/jsx-runtime");var Ym=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 ro=require("react/jsx-runtime"),Ak=Ke.options,Rk=Ke.states,Ok=Ke.defaultOptions,Pk=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],Bk=[],Lr=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})]})]})};Lr.options=Ak;Lr.states=Rk;Lr.variants=Bk;Lr.defaultOptions=Ok;Lr.modifiers=Pk;Lr.className=Ke.className;var ou=require("react/jsx-runtime"),tu="k-filemanager-treeview",Gk=[],Hk={},Kk={},Ot=e=>{let{children:t,...o}=e;return(0,ou.jsx)(Ke,{className:r(e.className,tu),...o,children:t})};Ot.states=Gk;Ot.options=Hk;Ot.className=tu;Ot.defaultOptions=Kk;Ot.moduleName=vo;Ot.folderName=wo;var ul=require("react/jsx-runtime"),au="k-filemanager-drag-hint",_k=[],Dk={},ru={icon:"file"},pi=e=>{let{hint:t,icon:o=ru.icon,...a}=e;return(0,ul.jsxs)("div",{className:r(e.className,au,"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=au;pi.defaultOptions=ru;var fe=require("react/jsx-runtime"),lu="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,lu),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=lu;da.defaultOptions=Ss;var ca=require("react/jsx-runtime"),iu="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(iu),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=iu;Qe.defaultOptions=$k;var nu=require("react/jsx-runtime"),Ea="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,nu.jsx)("div",{...h,style:{flexBasis:o,...e.style},className:r(e.className,Ea,{[`${Ea}-static`]:o,[`${Ea}-flex`]:a,"k-scrollable":t,[`${Ea}-pinned`]:d,[`${Ea}-unpinned`]:p,[`${Ea}-tabbed`]:f}),role:"group",children:e.children})};he.states=Wk;he.options=Xk;he.className=Ea;he.defaultOptions=ys;var $t=require("react/jsx-runtime"),Cr="k-splitbar",Jk=[i.hover,i.focus],qk={},Is={orientation:"horizontal",draggable:!0},Mr=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,Cr,w(Cr,{hover:t,focus:o}),{[`${Cr}-${a}`]:a,[`${Cr}-draggable-${a}`]:l,[`${Cr}-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"})})})]})};Mr.states=Jk;Mr.options=qk;Mr.className=Cr;Mr.defaultOptions=Is;var Es="splitter",su=Es;var mi=require("react/jsx-runtime"),cu=require("react"),As="k-splitter",Yk={},du={orientation:"horizontal"},ye=e=>{let{orientation:t=du.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,cu.createElement)(he,{...h,key:p})),f&&n.push((0,mi.jsx)(Mr,{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=du;ye.moduleName=Es;ye.folderName=su;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 pu=require("react/jsx-runtime");var mu=require("react/jsx-runtime");var Aa=require("react/jsx-runtime"),bl=require("react"),Qk=ye.options,Zk=ye.states,uu={...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"}],Sr=e=>{let{variant:t,modifiers:o,...a}={...uu,...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,Aa.jsx)(ye,{style:{height:"238px"},...a,orientation:"vertical",panes:[(0,bl.createElement)(he,{...n,flexBasis:"50%",style:p,key:"pane-1"},(0,Aa.jsx)("p",{children:n.content})),(0,bl.createElement)(he,{...d,flexBasis:"50%",style:p,key:"pane-2"},(0,Aa.jsx)("p",{children:d.content}))]}):(0,Aa.jsx)(ye,{style:{height:"238px"},...a,orientation:"horizontal",panes:[(0,bl.createElement)(he,{...n,flexBasis:"50%",style:p,key:"pane-1"},(0,Aa.jsx)("p",{children:n.content})),(0,bl.createElement)(he,{...d,flexBasis:"50%",style:p,key:"pane-2"},(0,Aa.jsx)("p",{children:d.content}))]})};Sr.options=Qk;Sr.states=Zk;Sr.variants=jk;Sr.defaultOptions=uu;Sr.modifiers=ev;Sr.className=ye.className;var J=require("react/jsx-runtime"),bu=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 Tu=require("react/jsx-runtime"),fu="k-data-table",tv=[],ov={size:[s.undefined,s.small,s.medium,s.large]},av={},Do=e=>{let{size:t,...o}=e;return(0,Tu.jsx)("div",{...o,className:r(e.className,fu,M("k-table",{size:t})),children:e.children})};Do.states=tv;Do.options=ov;Do.className=fu;Do.defaultOptions=av;Do.moduleName=rt;Do.folderName=ut;var hu=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,hu.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 gu=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,gu.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 Nu=require("react/jsx-runtime"),xu="k-table-scroller",uv=[],bv={},fv={},yr=e=>{let{children:t,...o}=e;return(0,Nu.jsx)("div",{...o,className:r(e.className,xu),children:t})};yr.states=uv;yr.options=bv;yr.className=xu;yr.defaultOptions=fv;yr.moduleName=rt;yr.folderName=ut;var Tv=require("react/jsx-runtime");var vu=require("react/jsx-runtime"),ku="k-table-footer",hv=[],gv={},xv={},ma=e=>{let{children:t,...o}=e;return(0,vu.jsx)("div",{...o,className:r(e.className,ku),children:t})};ma.states=hv;ma.options=gv;ma.className=ku;ma.defaultOptions=xv;ma.moduleName=rt;ma.folderName=ut;var wu=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,wu.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 Lu=require("react/jsx-runtime"),wv="k-table-thead",Z=e=>(0,Lu.jsx)("thead",{className:r(e.className,wv),children:e.children});var Cu=require("react/jsx-runtime"),Lv="k-table-tbody",re=e=>(0,Cu.jsx)("tbody",{className:r(e.className,Lv),children:e.children});var Cv=require("react/jsx-runtime");var Mu=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,Mu.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 Su=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,Su.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 Iu=require("react/jsx-runtime"),yu="k-table-th",Fo=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,n=t||e.children;return(0,Iu.jsx)("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,yu),children:n})};Fo.className=yu;Fo.moduleName=rt;Fo.folderName=ut;var yv=require("react/jsx-runtime");var Eu=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,Eu.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 Ru=require("react/jsx-runtime");var Ou=require("react/jsx-runtime");var Bu=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=[],Gu={pagerPosition:"bottom"},V=e=>{let{size:t,pagerPosition:o=Gu.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=Gu;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 Ku=require("react/jsx-runtime"),Hu="k-grid-header",ie=e=>{let{draggable:t,...o}=e;return(0,Ku.jsx)("div",{...o,className:r(e.className,Hu,{"k-grid-draggable-header":t}),children:e.children})};ie.className=Hu;ie.moduleName=j;ie.folderName=le;var fl=require("react/jsx-runtime"),_u="k-grouping-header",Co=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,fl.jsxs)("div",{...a,className:r(e.className,_u),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=_u;Co.moduleName=j;Co.folderName=le;var zu=require("react/jsx-runtime"),Du="k-grid-pinned-container",Tl=e=>{let{position:t,...o}=e;return(0,zu.jsx)("div",{...o,className:r(e.className,Du,{"k-pos-bottom":t==="bottom"}),children:e.children})};Tl.className=Du;Tl.moduleName=j;Tl.folderName=le;var Uu=require("react/jsx-runtime"),Fu="k-grid-sticky-container",hl=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})};hl.className=Fu;hl.moduleName=j;hl.folderName=le;var $u=require("react/jsx-runtime"),Vu="k-grid-header-table",ne=e=>(0,$u.jsx)(bt,{...e,className:r(e.className,Vu),children:e.children});ne.className=Vu;ne.moduleName=j;ne.folderName=le;var Wt=require("react/jsx-runtime"),Ds="k-header",Dv=[i.hover,i.focus,i.active],Wu={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=Wu.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=Wu;R.moduleName=j;R.folderName=le;var Ju=require("react/jsx-runtime"),Xu="k-grid-container",ee=e=>(0,Ju.jsx)("div",{...e,className:r(e.className,Xu),children:e.children});ee.className=Xu;ee.moduleName=j;ee.folderName=le;var Yu=require("react/jsx-runtime"),qu="k-grid-content",te=e=>(0,Yu.jsx)("div",{...e,className:r(e.className,qu),children:e.children});te.className=qu;te.moduleName=j;te.folderName=le;var Zu=require("react/jsx-runtime"),Qu="k-grid-table",oe=e=>(0,Zu.jsx)(bt,{...e,className:r(e.className,Qu),children:e.children});oe.className=Qu;oe.moduleName=j;oe.folderName=le;var eb=require("react/jsx-runtime"),ju="k-grid-footer",hi=e=>(0,eb.jsx)("div",{...e,className:r(e.className,ju),children:e.children});hi.className=ju;hi.moduleName=j;hi.folderName=le;var ob=require("react/jsx-runtime"),tb="k-grid-footer-table",gi=e=>(0,ob.jsx)(bt,{...e,className:r(e.className,tb),children:e.children});gi.className=tb;gi.moduleName=j;gi.folderName=le;var rb=require("react/jsx-runtime"),ab="k-grid-pager",lo=e=>(0,rb.jsx)(Oe,{...e,className:r(e.className,ab),children:e.children});lo.className=ab;lo.moduleName=j;lo.folderName=le;var ib=require("react/jsx-runtime"),lb="k-grid-toolbar",Ra=e=>(0,ib.jsx)(Te,{...e,className:r(e.className,lb),children:e.children});Ra.className=lb;Ra.moduleName=j;Ra.folderName=le;var Ir=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,Ir.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,Ir.jsx)("span",{className:"k-dirty"}),t&&(0,Ir.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,Ir.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};xi.states=zv;xi.className=zs;xi.moduleName=j;xi.folderName=le;var sb=require("react/jsx-runtime"),nb="k-grid-stack-row",Ni=e=>{let{cols:t,...o}=e;return(0,sb.jsx)("div",{...o,className:r(e.className,nb,{[`k-grid-cols-${t}`]:t}),children:e.children})};Ni.className=nb;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 cb=require("react/jsx-runtime"),Vs="k-column-menu",Fv=[],Uv={size:[s.undefined,s.small,s.medium,s.large]},db={view:"list"},Uo=e=>{let{view:t=db.view,size:o,...a}=e;return(0,cb.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=db;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={},Oa=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})})};Oa.states=Vv;Oa.options=$v;Oa.className=$s;Oa.defaultOptions=Wv;Oa.moduleName=Lt;Oa.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 Pa=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,Pa.jsxs)("div",{...p,className:r(e.className,Js,w(Js,{focus:t,selected:o})),role:"button",tabIndex:0,children:[l&&(0,Pa.jsx)(u,{icon:l}),a,n&&(0,Pa.jsxs)("span",{className:"k-columnmenu-indicators",children:[(0,Pa.jsx)(u,{icon:n}),d&&(0,Pa.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 mb=require("react/jsx-runtime"),ew="k-columnmenu-item-content",pb=e=>(0,mb.jsx)("div",{...e,className:r(e.className,ew,"k-columns-item"),children:e.children});var qs=require("react/jsx-runtime"),ub="k-filter-menu",tw=[],ow={},aw={},ba=e=>{let{...t}=e;return(0,qs.jsx)("form",{...t,className:r(e.className,ub),children:(0,qs.jsx)("div",{className:"k-filter-menu-container",children:e.children})})};ba.states=tw;ba.options=ow;ba.className=ub;ba.defaultOptions=aw;ba.moduleName=Lt;ba.folderName=Pt;var rw=require("react/jsx-runtime");var Er=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,Er.jsx)("li",{...a,className:r(e.className,lw),children:(0,Er.jsxs)("label",{className:"k-label k-checkbox-label",children:[(0,Er.jsx)(ze,{size:o}),(0,Er.jsx)("span",{children:t})]})})};Ys.states=nw;Ys.options=iw;var Mo=require("react/jsx-runtime"),bb="k-expander",sw=[],dw={},cw={},Ba=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,bb),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)(pb,{id:x,children:d}),e.children]})};Ba.states=sw;Ba.options=dw;Ba.className=bb;Ba.defaultOptions=cw;Ba.moduleName=Lt;Ba.folderName=Pt;var fb=require("react/jsx-runtime"),Qs="k-group-menu",pw=[],mw={size:[s.undefined,s.small,s.medium,s.large]},uw={},Ar=e=>{let{size:t,...o}=e;return(0,fb.jsx)("div",{...o,className:r(e.className,Qs,M(Qs,{size:t})),children:e.children})};Ar.states=pw;Ar.options=mw;Ar.className=Qs;Ar.defaultOptions=uw;Ar.moduleName=Lt;Ar.folderName=Pt;var So=require("react/jsx-runtime"),Zs="k-group-menu-item",bw=[i.hover,i.selected],fw={},Tw={},Rr=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]})};Rr.states=bw;Rr.options=fw;Rr.className=Zs;Rr.defaultOptions=Tw;Rr.moduleName=Lt;Rr.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 gb=require("react/jsx-runtime"),Tb="k-tabstrip-items",Nw=[],kw={},vw={tabAlignment:"start"},Nl=e=>{let{children:t,tabAlignment:o,orientation:a,...l}=e;return(0,gb.jsx)("ul",{...l,className:r(e.className,Tb,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...a==="vertical"&&{"aria-orientation":"vertical"},children:t})};Nl.states=Nw;Nl.options=kw;Nl.className=Tb;Nl.defaultOptions=vw;var hb=Nl;var vb=require("react/jsx-runtime"),xb="k-tabstrip-items-wrapper",ww=[],Lw={},Nb={orientation:"horizontal"},kl=e=>{let{children:t,orientation:o=Nb.orientation,...a}=e;return(0,vb.jsx)("div",{...a,className:r(e.className,xb,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};kl.states=ww;kl.options=Lw;kl.className=xb;kl.defaultOptions=Nb;var kb=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)(kb,{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)(hb,{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 Lb=require("react/jsx-runtime"),wb="k-tabstrip-wrapper",Sw=[],yw={},Iw={},Or=e=>{let{...t}=e;return(0,Lb.jsx)("div",{...t,className:r(e.className,wb),children:e.children})};Or.states=Sw;Or.options=yw;Or.className=wb;Or.defaultOptions=Iw;Or.moduleName=vl;Or.folderName=ki;var $o=require("react/jsx-runtime"),od="k-tabstrip-item",Ew=[i.active,i.hover,i.disabled,i.focus],Aw={},Cb={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=Cb.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=Cb;var Mb=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,Mb.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 yb=require("react/jsx-runtime"),Sb=e=>(0,yb.jsx)(bo,{position:"bottom",...e});var Eb=require("react/jsx-runtime"),Ib=e=>(0,Eb.jsx)(bo,{position:"right",...e});var Rb=require("react/jsx-runtime"),Ab=e=>(0,Rb.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,Ob={...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=[],Pr=e=>{let{variant:t,...o}={...Ob,...e},a={};switch(t){case"right":return(0,wl.jsx)(Ib,{style:{height:"230px"},...o,...a,position:"right"});case"left":return(0,wl.jsx)(Ab,{style:{height:"230px"},...o,...a,position:"left"});case"bottom":return(0,wl.jsx)(Sb,{style:{width:"350px"},...o,...a,position:"bottom"});default:return(0,wl.jsx)(bo,{style:{width:"350px"},...o,...a})}};Pr.options=Hw;Pr.states=Kw;Pr.variants=_w;Pr.defaultOptions=Ob;Pr.modifiers=Dw;Pr.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"),Pb=({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",Bb=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=Bb;Mt.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Ga=Mt;var Hb=require("react/jsx-runtime"),Gb=e=>(0,Hb.jsx)(Ga,{type:"icon",...e});var _b=require("react/jsx-runtime"),Kb=e=>(0,_b.jsx)(Ga,{type:"text",...e});var zb=require("react/jsx-runtime"),Db=e=>(0,zb.jsx)(Ga,{type:"image",...e});var Vw=require("react/jsx-runtime");var Br=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=[],Gr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,Br.jsx)(Gb,{...o,children:(0,Br.jsx)(u,{icon:"star"})});case"text":return(0,Br.jsx)(Kb,{...o,children:"JO"});default:return(0,Br.jsx)(Db,{...o,children:(0,Br.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Gr.options=$w;Gr.states=Ww;Gr.variants=Jw;Gr.defaultOptions=Xw;Gr.modifiers=qw;Gr.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]},Fb={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=Fb.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=Fb;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 Ub=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,Ub.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 Vb=require("react/jsx-runtime"),Ci=e=>(0,Vb.jsx)(io,{text:"text",...e});var aL=require("react/jsx-runtime");var rL=require("react/jsx-runtime");var hd=require("react/jsx-runtime");var $b=require("react/jsx-runtime");var Wb=require("react/jsx-runtime");var Xb=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"}],Hr=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"})]})};Hr.options=lL;Hr.states=nL;Hr.variants=iL;Hr.defaultOptions=sL;Hr.modifiers=dL;Hr.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"}],Kr=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"})};Kr.options=mL;Kr.states=cL;Kr.variants=uL;Kr.defaultOptions=pL;Kr.modifiers=bL;Kr.className=Pe.className;var I=require("react/jsx-runtime"),Jb=({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"),Yb=e=>{let t=$("grid");return(0,H.jsx)(V,{_renderAriaRoot:!0,ariaRootId:t,toolbar:(0,H.jsxs)(Ra,{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",Qb=Ld;var jb=require("react/jsx-runtime"),Zb="k-context-menu",fL=[],TL={},hL={},Gt=e=>{let{children:t,...o}=e;return(0,jb.jsx)(Ue,{...o,className:r(e.className,Zb),role:"menu",children:t})};Gt.states=fL;Gt.options=TL;Gt.className=Zb;Gt.defaultOptions=hL;Gt.moduleName=Ld;Gt.folderName=Qb;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,ef={...Ae.defaultOptions,variant:"normal"},NL=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],kL=[],_r=e=>{let{variant:t,...o}={...ef,...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"}})};_r.options=gL;_r.states=xL;_r.variants=NL;_r.defaultOptions=ef;_r.modifiers=kL;_r.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,tf={...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"}],Dr=e=>{let{variant:t,modifiers:o,...a}={...tf,...e},l={toolbar:void 0,pager:void 0},n=(0,b.jsxs)(Ra,{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)(Yb,{...a,...l});case"grouping":return(0,b.jsx)(Jb,{...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)(Pb,{...a,...l});default:return(0,b.jsx)(V,{...a,...l,children:f})}};Dr.options=vL;Dr.states=wL;Dr.variants=LL;Dr.defaultOptions=tf;Dr.modifiers=CL;Dr.className=V.className;var O=require("react/jsx-runtime"),of=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});var E=require("react/jsx-runtime"),af=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 q=require("react/jsx-runtime"),rf=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 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"}],ga=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)(af,{...a}):(0,yl.jsx)(of,{...a}):l?(0,yl.jsx)(bu,{...a}):(0,yl.jsx)(rf,{...a})};ga.options=ML;ga.states=SL;ga.variants=IL;ga.defaultOptions=yL;ga.modifiers=EL;ga.className=Ve.className;var AL=ga;
+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})},Rd=(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)):{},Rd(t||!e||!e.__esModule?El(o,"default",{value:e,enumerable:!0}):o,e)),uf=e=>Rd(El({},"__esModule",{value:!0}),e);var RL={};mf(RL,{FilemanagerDemo:()=>ga,default:()=>AL});module.exports=uf(RL);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 Od(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 Pd=Ur;var Na=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,Na.jsx)(Na.Fragment,{});if(p==="none")return(0,Na.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,Na.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,Na.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 Bd="icon",Gd="icons";var _d=require("react");var Hd=require("react"),Kd=(0,Hd.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,_d.useContext)(Kd),{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)(Pd,{...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=Bd;u.folderName=Gd;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",Dd=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,Od($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=Dd;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 zd=require("react/jsx-runtime"),qo=e=>(0,zd.jsx)(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Fd=require("react/jsx-runtime"),Wr=e=>(0,Fd.jsx)(c,{icon:"folder",children:"Button",...e});var Ud=require("react/jsx-runtime"),ka=e=>(0,Ud.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=[],Ha=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)(ka,{...o,children:"Button"})}};Ha.options=Cf;Ha.states=Mf;Ha.variants=yf;Ha.defaultOptions=Sf;Ha.modifiers=If;Ha.className=c.className;var Ki="button",Vd=Ki;var $d=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,$d.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=Vd;_.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=[],Ka=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"})]})};Ka.options=Of;Ka.states=Pf;Ka.variants=Gf;Ka.defaultOptions=Bf;Ka.modifiers=Hf;Ka.className=_.className;var Jr="input",Pl=Jr;var Wd=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,Wd.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 Xd=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,Xd.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 _a=require("react/jsx-runtime"),Jd="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,_a.jsx)(_a.Fragment,{}):(0,_a.jsx)("span",{className:r(e.className,Jd),children:(0,_a.jsx)(u,{icon:"x"})})};Kt.states=Vf;Kt.options=$f;Kt.className=Jd;var qd=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,qd.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={},va=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})]})};va.states=Jf;va.options=qf;va.className=Wi;var Qd=require("react/jsx-runtime"),Xi="k-input-inner",Yf=[],Qf={},Yd={value:"",placeholder:""},Ji=e=>{let{value:t=Yd.value,placeholder:o=Yd.placeholder,rows:a,disabled:l,...n}=e;return(0,Qd.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"),Zd="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,Zd,"k-icon k-i-loading")})};yt.states=Zf;yt.className=Zd;var Qr=require("react/jsx-runtime"),jd="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(jd),icon:n})};ht.states=jf;ht.options=eT;ht.className=jd;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 ec=require("react/jsx-runtime"),iT="k-input-suffix-text",qi=e=>{let{children:t,...o}=e;return(0,ec.jsx)("span",{...o,className:r(iT,e.className),children:t})};var oc=require("react/jsx-runtime"),tc="k-input-separator",nT={direction:"vertical"},Yt=e=>{let{direction:t=nT.direction,...o}=e;return(0,oc.jsx)("span",{...o,className:r(tc,e.className,{[`${tc}-${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=[],Da=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)(ka,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};Da.options=cT;Da.states=sT;Da.variants=mT;Da.defaultOptions=dT;Da.modifiers=pT;Da.className=De.className;var el=require("react/jsx-runtime"),ac="k-color-preview",uT=[],bT={},Yo=e=>{let{color:t,iconName:o,...a}=e;return(0,el.jsxs)("span",{...a,className:r(e.className,ac,{"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=ac;var Yi="popup",rc=Yi;var Qi=require("react/jsx-runtime"),lc="k-animation-container",fT=[],TT={},ic={positionMode:"absolute"},ho=e=>{let{positionMode:t=ic.positionMode,animationStyle:o,offset:a,...l}=e;return(0,Qi.jsx)("div",{...l,style:{...a,...e.style},className:r(e.className,lc,"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=lc;ho.defaultOptions=ic;ho.moduleName=Yi;ho.folderName=rc;var Zi="popup",nc=Zi;var ji=require("react/jsx-runtime"),sc="k-popup",hT=[],gT={},dc={positionMode:"absolute"},pe=e=>{let{offset:t,positionMode:o=dc.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,sc),children:e.children})})};pe.states=hT;pe.options=gT;pe.className=sc;pe.defaultOptions=dc;pe.moduleName=Zi;pe.folderName=nc;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",cc=en;var pc=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,pc.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=cc;var uc=require("react/jsx-runtime"),kT="k-actionsheet-footer",mc={alignment:"stretched",orientation:"horizontal"},Qo=e=>{let{alignment:t=mc.alignment,orientation:o=mc.orientation,template:a,as:l=a?"div":Qt,...n}=e;return(0,uc.jsx)(l,{...n,...!a&&{alignment:t,orientation:o},className:r(e.className,kT),children:e.children})};var on="searchbox",bc=on;var Zo=require("react/jsx-runtime"),fc="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,fc),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=fc;Me.defaultOptions=an;Me.moduleName=on;Me.folderName=bc;var LT=require("react/jsx-runtime");var rn="textbox",Tc=rn;var it=require("react/jsx-runtime"),hc="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,hc),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=hc;Ne.defaultOptions=_l;Ne.moduleName=rn;Ne.folderName=Tc;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 xc=require("react/jsx-runtime"),gc=e=>(0,xc.jsx)(tl,{...e});var Nc=require("react/jsx-runtime");var kc=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=[],za=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,Dl.jsx)(u,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,Dl.jsx)(ka,{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)(gc,{value:"Value",style:{width:300},...o,...a})};za.options=ET;za.states=yT;za.variants=RT;za.defaultOptions=IT;za.modifiers=AT;za.className=Ne.className;var Dt=require("react/jsx-runtime"),vc="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,vc),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=vc;gt.defaultOptions=OT;var Fa=require("react/jsx-runtime"),ln="k-actionsheet-view",PT=[],BT={},GT={},Ua=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,Fa.jsx)(gt,{adaptive:t,titleId:d,...l==null?void 0:l.props}),h=(n==null?void 0:n.type)===Qo&&(0,Fa.jsx)(Qo,{...n==null?void 0:n.props});return(0,Fa.jsxs)("div",{...p,className:r(e.className,ln,{[`${ln}-animated`]:o}),children:[f,(0,Fa.jsx)("div",{className:"k-actionsheet-content",children:a}),h]})};Ua.states=PT;Ua.options=BT;Ua.className=ln;Ua.defaultOptions=GT;var ol="action-sheet",zl=ol;var nn="overlay",wc=nn;var Cc=require("react/jsx-runtime"),Lc="k-overlay",HT=[],KT={},_T={},jo=e=>{let{...t}=e;return(0,Cc.jsx)("div",{...t,className:r(e.className,Lc),children:e.children})};jo.states=HT;jo.options=KT;jo.className=Lc;jo.defaultOptions=_T;jo.moduleName=nn;jo.folderName=wc;var wa=require("react/jsx-runtime"),Mc="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,wa.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,wa.jsx)(jo,{}),(0,wa.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,wa.jsx)("div",{...x,id:h,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":v,className:r(e.className,Mc,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:n||(0,wa.jsx)(Ua,{header:p,footer:f,adaptive:a,titleId:v,...e,children:d})})})]})};Ge.states=DT;Ge.options=zT;Ge.className=Mc;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 yc=require("react/jsx-runtime"),Sc="k-actionsheet-container",FT=[],UT={},VT={},Va=e=>{let{children:t,...o}=e;return(0,yc.jsx)("div",{...o,className:Sc,children:t})};Va.states=FT;Va.options=UT;Va.className=Sc;Va.defaultOptions=VT;Va.moduleName=ol;Va.folderName=zl;var Ic=require("react/jsx-runtime"),sn=e=>{let{...t}=e;return(0,Ic.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 Ec=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,Rc={...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"}],$a=e=>{let{variant:t,modifiers:o,...a}={...Rc,...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})};$a.options=qT;$a.states=YT;$a.variants=QT;$a.defaultOptions=Rc;$a.modifiers=ZT;$a.className=Ge.className;var cn="slider",Oc=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=Oc;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"),Pc="k-tick",th=[],oh={},Bc={label:!1},z=e=>{let{style:t,label:o=Bc.label,orientation:a,large:l,text:n,...d}=e;return(0,pn.jsx)("li",{...d,role:"presentation",title:n||"Tick",className:r(e.className,Pc,{[`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=Pc;z.defaultOptions=Bc;var Ze=require("react/jsx-runtime"),Gc=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"),Hc=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 Kc=require("react/jsx-runtime"),bn=e=>(0,Kc.jsx)(we,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var _c=require("react/jsx-runtime"),fn=e=>(0,_c.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,Dc={...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"}],Wa=e=>{let{variant:t,modifiers:o,...a}={...Dc,...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)(Hc,{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)(Gc,{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%"}})]})};Wa.options=ah;Wa.states=rh;Wa.variants=lh;Wa.defaultOptions=Dc;Wa.modifiers=ih;Wa.className=we.className;var ll=require("react/jsx-runtime"),zc="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(zc,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=zc;ta.defaultOptions=gn;ta.moduleName=null;ta.folderName=null;var Fc="numeric-textbox",Uc="numerictextbox";var et=require("react/jsx-runtime"),Vc="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,Vc),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=Vc;Y.defaultOptions=Fl;Y.moduleName=Fc;Y.folderName=Uc;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 Wc=require("react/jsx-runtime"),$c=e=>(0,Wc.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 Xc=require("react/jsx-runtime"),bh="k-no-data",nl=e=>{let{live:t,...o}=e;return(0,Xc.jsx)("span",{...o,className:r(bh,e.className),"aria-live":t?"polite":void 0,children:e.children})};var La="list",Xa=La;var Ja=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,Ja.jsxs)("div",{...h,className:r(e.className,kn,M(kn,{size:t}),{"k-virtual-list":o}),children:[n,d,l&&(0,Ja.jsx)(Nn,{children:l}),a||(p!==void 0?p:(0,Ja.jsx)(nl,{live:!0,children:"No data found."})),f&&a&&(0,Ja.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=La;ae.folderName=Xa;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 qc=require("react/jsx-runtime"),Jc="k-list-container",gh=[],xh={},Nh={},qa=e=>{let{...t}=e;return(0,qc.jsx)("div",{...t,className:r(e.className,Jc),children:e.children})};qa.states=gh;qa.options=xh;qa.className=Jc;qa.defaultOptions=Nh;qa.moduleName=La;qa.folderName=Xa;var Ca="checkbox",Ya=Ca;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=Ca;ze.folderName=Ya;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 Zc=require("react/jsx-runtime"),Yc="k-checkbox-list",Lh=[],Ch={},Qc={layout:"vertical"},xt=e=>{let{layout:t=Qc.layout,...o}=e;return(0,Zc.jsx)("ul",{...o,className:r(e.className,Yc,{[`k-list-${t}`]:t}),children:e.children})};xt.states=Lh;xt.options=Ch;xt.className=Yc;xt.defaultOptions=Qc;xt.moduleName=Ca;xt.folderName=Ya;var ep=require("react/jsx-runtime"),jc="k-checkbox-list-item",Mh=[],Sh={},yh={},Nt=e=>{let{...t}=e;return(0,ep.jsx)("li",{...t,className:r(e.className,jc),children:e.children})};Nt.states=Mh;Nt.options=Sh;Nt.className=jc;Nt.defaultOptions=yh;Nt.moduleName=Ca;Nt.folderName=Ya;var Ma=require("react/jsx-runtime"),Eo=({children:e="Label",id:t="cb-label-after",...o})=>(0,Ma.jsxs)(Ma.Fragment,{children:[(0,Ma.jsx)(co,{id:t,...o}),(0,Ma.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=[],Qa=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"})})]})};Qa.options=Rh;Qa.states=Oh;Qa.variants=Bh;Qa.defaultOptions=Ph;Qa.modifiers=Gh;Qa.className=xt.className;var tp=require("react/jsx-runtime"),Hh=co.options,Kh=co.states,_h=co.defaultOptions,Dh=[],zh=[],Za=e=>(0,tp.jsx)(Eo,{id:$("checkbox"),...e,defaultChecked:!0,children:"Label"});Za.options=Hh;Za.states=Kh;Za.variants=Dh;Za.defaultOptions=_h;Za.modifiers=zh;Za.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=La;X.folderName=Xa;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 op=require("react/jsx-runtime"),$h="k-list-ul",Ao=e=>{let{children:t,role:o,id:a,...l}=e;return(0,op.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 ja=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,ja.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,ja.jsx)(Ao,{role:"listbox",id:n,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&(0,ja.jsx)("div",{className:"k-height-container",children:(0,ja.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 er=require("react/jsx-runtime"),Xh="k-list-group-item",Sa=e=>{let{groupIconName:t,...o}=e;return(0,er.jsxs)("li",{...o,role:"presentation",className:r(Xh,e.className),children:[t&&(0,er.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,er.jsx)(u,{icon:t,className:"k-list-item-icon"})}),(0,er.jsx)("span",{className:"k-list-item-text",children:e.children})]})};Sa.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};var ap=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,ap.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 rp=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,rp.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 lp="dropdown-list",ip="dropdownlist";var Ee=require("react/jsx-runtime"),np="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:xa,adaptiveFilter:Si,id:Jo,activeDescendant:Il,"aria-label":yi,...Ii}=e,lf=Jo?`${Jo}-listbox`:void 0,Ad=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,np,{"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?Ad:void 0,"aria-disabled":K?"true":void 0,"aria-label":yi,tabIndex:0,children:[(0,Ee.jsx)(Jt,{children:p}),(0,Ee.jsx)(va,{placeholder:x,value:h,showValue:n,valueIconName:d,id:Ad}),(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:xa}),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=np;ue.defaultOptions=Bn;ue.moduleName=lp;ue.folderName=ip;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 sp=require("react/jsx-runtime");var Gn=require("react/jsx-runtime");var rg=require("react/jsx-runtime");var dp=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=[],or=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})})};or.options=sg;or.states=ig;or.variants=cg;or.defaultOptions=ng;or.modifiers=dg;or.className=ue.className;var cp=require("react/jsx-runtime");var pp=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=[],ar=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)($c,{value:"Value",style:{width:300},...o,...a})};ar.options=bg;ar.states=mg;ar.variants=Tg;ar.defaultOptions=ug;ar.modifiers=fg;ar.className=Y.className;var P=require("react/jsx-runtime"),mp="k-colorgradient-inputs",hg=[],gg={size:[s.undefined,s.small,s.medium,s.large]},up={mode:"rgba"},rr=e=>{let{mode:t=up.mode,size:o,...a}=e;return(0,P.jsxs)("div",{...a,className:r(mp,"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"})]})})]})};rr.states=hg;rr.options=gg;rr.className=mp;rr.defaultOptions=up;var st=require("react/jsx-runtime"),bp="k-colorgradient-color-contrast",xg=[],Ng={},kg={},lr=()=>(0,st.jsxs)("div",{className:r(bp,"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"})]})]})]});lr.states=xg;lr.options=Ng;lr.className=bp;lr.defaultOptions=kg;var fp="color-gradient",Tp="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)(rr,{mode:e.mode,size:t}),h&&(0,We.jsx)(lr,{})]})};qe.states=vg;qe.options=wg;qe.className=Xl;qe.defaultOptions=xo;qe.moduleName=fp;qe.folderName=Tp;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 hp=require("react/jsx-runtime"),Jl=e=>(0,hp.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=[],ir=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})}};ir.options=Mg;ir.states=Sg;ir.variants=Ig;ir.defaultOptions=yg;ir.modifiers=Eg;ir.className=qe.className;var gp=require("react/jsx-runtime"),Kn=e=>(0,gp.jsx)("tr",{role:"row",children:e.children});var xp=require("react/jsx-runtime"),_n="k-colorpalette-tile",Ag=[i.hover,i.focus,i.selected],Rg={},nr=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,xp.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})};nr.states=Ag;nr.options=Rg;nr.className=_n;var Np="color-palette",kp="colorpalette";var sr=require("react/jsx-runtime"),Yl="k-colorpalette",Og=[i.disabled],Pg={size:[s.undefined,s.small,s.medium,s.large]},vp={columns:10},kt=e=>{let{size:t,palette:o,columns:a=vp.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(v*f,(v+1)*f).map((C,A)=>{T.push((0,sr.jsx)(nr,{color:C,tileSize:l},A))});let L=(0,sr.jsx)(Kn,{children:T},v);p.push(L)})}return(0,sr.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,sr.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,sr.jsx)("tbody",{children:p.length>0?p:e.children})})})};kt.states=Og;kt.options=Pg;kt.className=Yl;kt.defaultOptions=vp;kt.moduleName=Np;kt.folderName=kp;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 Lp=require("react/jsx-runtime"),wp=e=>(0,Lp.jsx)(Ql,{palette:sl.basic,...e});var Bg=require("react/jsx-runtime");var Cp=require("react/jsx-runtime");var Mp=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=[],dr=e=>{let{variant:t="basic",...o}=e,a=Dg[t];return(0,Mp.jsx)(wp,{columns:a.columns,palette:a,...o})};dr.options=Gg;dr.states=Hg;dr.variants=_g;dr.defaultOptions=Kg;dr.modifiers=zg;dr.className=kt.className;var Sp="color-editor",yp="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=Sp;He.folderName=yp;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 cr=He;var Vg=require("react/jsx-runtime");var $g=require("react/jsx-runtime");var Ep=require("react/jsx-runtime"),Ip=e=>(0,Ep.jsx)(cr,{group:!0,currentColor:"fuchsia",...e});var Rp=require("react/jsx-runtime"),Ap=e=>(0,Rp.jsx)(cr,{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=[],pr=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Dn.jsx)(Ap,{...o,color:"white"}):(0,Dn.jsx)(Ip,{...o,color:"rgba(183, 118 , 118, 1.00)"})};pr.options=Wg;pr.states=Xg;pr.variants=qg;pr.defaultOptions=Jg;pr.modifiers=Yg;pr.className=He.className;var Op="color-picker",Pp="colorpicker";var Xe=require("react/jsx-runtime"),Bp="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]},Gp={arrowIconName:"chevron-down"},zt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Gp.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,Bp,"k-icon-picker"),children:[(0,Xe.jsx)(Jt,{children:n}),(0,Xe.jsx)(va,{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=Bp;zt.defaultOptions=Gp;zt.moduleName=Op;zt.folderName=Pp;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 Hp=require("react/jsx-runtime"),jl=e=>(0,Hp.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,Kp={...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"}],mr=e=>{let{variant:t,modifiers:o,...a}={...Kp,...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})})}};mr.options=lx;mr.states=ix;mr.variants=nx;mr.defaultOptions=Kp;mr.modifiers=sx;mr.className=Ro.className;var zn="combobox",_p=zn;var se=require("react/jsx-runtime"),Dp="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]},zp={separators:!0},dt=e=>{let{size:t,rounded:o,fillMode:a,separators:l=zp.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:xa,autocomplete:Si,activeDescendant:Jo,"aria-label":Il,...yi}=e,Ii=xa?`${xa}-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,Dp),children:[n&&(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)(Jt,{children:n}),l&&(0,se.jsx)(Yt,{})]}),(0,se.jsx)(_t,{id:xa,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:xa?`${xa}-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=Dp;dt.defaultOptions=zp;dt.moduleName=zn;dt.folderName=_p;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 Up=require("react/jsx-runtime"),Fp=e=>(0,Up.jsx)(Ft,{...e});var Vp=require("react/jsx-runtime");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 Fn=require("react/jsx-runtime");var px=require("react/jsx-runtime");var mx=require("react/jsx-runtime");var Yp=require("react/jsx-runtime");var Qp=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=[],ur=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)(Fp,{value:"Value",style:{width:300},...o,...a})})};ur.options=fx;ur.states=ux;ur.variants=hx;ur.defaultOptions=bx;ur.modifiers=Tx;ur.className=dt.className;var Un="menu-button",Zp=Un;var em=require("react/jsx-runtime"),jp="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,em.jsx)(c,{...A,className:r(e.className,jp),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=jp;be.defaultOptions=Vn;be.moduleName=Un;be.folderName=Zp;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={},tm={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=tm.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=tm;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 rm=require("react/jsx-runtime"),om="k-menu-scroll-wrapper",Sx=[],yx={},Ix={},ya=e=>{let{className:t,children:o,orientation:a,...l}=e;return(0,rm.jsx)("div",{...l,className:r(t,om,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ya.states=Sx;ya.options=yx;ya.className=om;ya.defaultOptions=Ix;ya.moduleName=Ut;ya.folderName=eo;var am=ya;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)(am,{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 im=require("react/jsx-runtime"),qn="k-separator",lm={orientation:"horizontal"},ra=e=>{let{orientation:t=lm.orientation,...o}=e;return(0,im.jsx)("li",{...o,className:r(e.className,"k-item",qn,{[`${qn}-${t}`]:t}),role:"separator"})};ra.className=qn;ra.defaultOptions=lm;ra.moduleName=Ut;ra.folderName=eo;var nm=require("react/jsx-runtime");var sm=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,sm.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,dm={...Ae.defaultOptions,variant:"horizontal"},Hx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Kx=[{name:"opened",title:"Opened"}],br=e=>{let{variant:t,modifiers:o,...a}={...dm,...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})};br.options=Bx;br.states=Gx;br.variants=Hx;br.defaultOptions=dm;br.modifiers=Kx;br.className=Ae.className;var os=require("react/jsx-runtime");var _x=require("react/jsx-runtime");var pt=require("react/jsx-runtime"),Dx=c.states,cm={...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"}],fr=e=>{let{variant:t,modifiers:o,...a}={...cm,...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]})};fr.options=zx;fr.states=Dx;fr.variants=Fx;fr.defaultOptions=cm;fr.modifiers=Ux;fr.className=be.className;var as="split-button",pm=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]},mm={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=mm.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=mm;F.moduleName=as;F.folderName=pm;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 um=require("react/jsx-runtime"),Wx="k-toolbar-separator",uo=e=>(0,um.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 fm=require("react/jsx-runtime"),bm="k-floating-toolbar",Yx=[],Qx={},Zx={},Tr=e=>{let{...t}=e;return(0,fm.jsx)("div",{...t,className:r(e.className,bm),children:e.children})};Tr.states=Yx;Tr.options=Qx;Tr.className=bm;Tr.defaultOptions=Zx;Tr.moduleName=Go;Tr.folderName=la;var Tm=require("react/jsx-runtime"),is="k-toolbar-item",jx=[i.focus],eN={},tN={},hr=e=>{let{focus:t,...o}=e;return(0,Tm.jsx)("div",{...o,className:r(e.className,is,w(is,{focus:t})),children:e.children})};hr.states=jx;hr.options=eN;hr.className=is;hr.defaultOptions=tN;hr.moduleName=Go;hr.folderName=la;var ns=require("react/jsx-runtime"),hm="k-toolbar-popup",oN=[],aN={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},rN={},Ia=e=>{let{size:t,fillMode:o,section:a,...l}=e;return(0,ns.jsx)(pe,{...l,className:r(e.className,hm),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})};Ia.states=oN;Ia.options=aN;Ia.className=hm;Ia.defaultOptions=rN;Ia.moduleName=Go;Ia.folderName=la;var oi=Ia;var lN=require("react/jsx-runtime");var iN=require("react/jsx-runtime");var nN=require("react/jsx-runtime");var gm=require("react/jsx-runtime");var sN=require("react/jsx-runtime");var to=require("react/jsx-runtime"),dN=F.states,xm={...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"}],gr=e=>{let{variant:t,modifiers:o,...a}={...xm,...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"})})}};gr.options=cN;gr.states=dN;gr.variants=pN;gr.defaultOptions=xm;gr.modifiers=mN;gr.className=F.className;var ko=require("react/jsx-runtime"),Nm=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 km=require("react/jsx-runtime");var ot=require("react/jsx-runtime"),vm=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"),wm=({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"),Lm=({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,Cm={...Te.defaultOptions,variant:"default"},fN=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],TN=[],xr=e=>{let{variant:t,...o}={...Cm,...e};switch(t){case"responsive":return(0,Ko.jsx)("div",{children:(0,Ko.jsx)(Lm,{style:{width:"583px"},...o})});case"overlay":return(0,Ko.jsx)("div",{children:(0,Ko.jsx)(wm,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,Ko.jsx)("div",{children:(0,Ko.jsx)(vm,{style:{width:"583px"},...o})});default:return(0,Ko.jsx)("div",{children:(0,Ko.jsx)(Nm,{style:{width:"583px"},...o})})}};xr.options=uN;xr.states=bN;xr.variants=fN;xr.defaultOptions=Cm;xr.modifiers=TN;xr.className=Te.className;var vo="file-manager",wo="filemanager";var Sm=require("react/jsx-runtime"),Mm="k-filemanager-toolbar",hN=[],gN={},xN={},mt=e=>{let{children:t,...o}=e;return(0,Sm.jsx)(Te,{...o,className:r(e.className,Mm),children:t})};mt.states=hN;mt.options=gN;mt.className=Mm;mt.defaultOptions=xN;mt.moduleName=vo;mt.folderName=wo;var cs="switch",ym=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=ym;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=[],Nr=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})};Nr.options=SN;Nr.states=yN;Nr.variants=EN;Nr.defaultOptions=IN;Nr.modifiers=AN;Nr.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..."})]})}),Im={toolbar:PN},Ve=e=>{let{disabled:t,toolbar:o=Im.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=Im;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",Em=bs;var Rm=require("react/jsx-runtime"),ai="k-breadcrumb",BN=[i.focus],GN={size:[s.undefined,s.small,s.medium,s.large]},Am={collapsing:"auto"},$e=e=>{let{size:t,collapsing:o=Am.collapsing,focus:a,...l}=e;return(0,Rm.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=Am;$e.moduleName=bs;$e.folderName=Em;$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 Om=require("react/jsx-runtime"),_N="k-breadcrumb-container",DN={collapsing:"auto"},vt=e=>{let{collapsing:t=DN.collapsing,...o}=e;return(0,Om.jsx)("ol",{...o,className:r(e.className,_N,{"!k-flex-wrap":t==="wrap","k-flex-none":t==="none"}),children:e.children})};var Pm=require("react/jsx-runtime"),zN="k-breadcrumb-item",Ce=e=>{let{root:t,last:o,...a}=e;return(0,Pm.jsx)("li",{...a,className:r(e.className,zN,{"k-breadcrumb-root-item":t,"k-breadcrumb-last-item":o}),children:e.children})};var Bm=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,Bm.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 Gm=require("react/jsx-runtime"),VN="k-breadcrumb-item-text",oo=e=>{let{text:t,...o}=e,a=t||e.children;return(0,Gm.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=[],kr=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"})})})]})})}};kr.options=$N;kr.states=WN;kr.variants=JN;kr.defaultOptions=XN;kr.modifiers=qN;kr.className=$e.className;var Km=require("react/jsx-runtime"),Hm="k-filemanager-breadcrumb",YN=[],QN={},ZN={},At=e=>{let{children:t,...o}=e;return(0,Km.jsx)($e,{className:r(e.className,Hm),...o,children:t})};At.states=YN;At.options=QN;At.className=Hm;At.defaultOptions=ZN;At.moduleName=vo;At.folderName=wo;var gs="pager",_m=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=_m;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 zm=require("react/jsx-runtime"),Dm=e=>(0,zm.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=[],vr=e=>{let{variant:t,...o}=e;return t==="input"?(0,xs.jsx)(Oe,{...o,type:"input"}):(0,xs.jsx)(Oe,{...o,type:"numeric"})};vr.options=ak;vr.states=rk;vr.variants=ik;vr.defaultOptions=lk;vr.modifiers=nk;vr.className=Oe.className;var cl="listview",li=cl;var Rt=require("react/jsx-runtime"),Ns="k-listview",sk=[i.loading,i.disabled],dk={},Fm={pagerPosition:"bottom"},Ye=e=>{let{header:t,footer:o,pageable:a,pagerPosition:l=Fm.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)(Dm,{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=Fm;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 Um=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,Um.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,Vm={...Ye.defaultOptions,variant:"flex"},Tk=[{name:"flex",title:"Flex"},{name:"grid",title:"Grid"},{name:"loading",title:"Loading"}],hk=[{name:"pageable",title:"Pager"}],wr=e=>{let{variant:t,modifiers:o,...a}={...Vm,...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"})]})};wr.options=bk;wr.states=fk;wr.variants=Tk;wr.defaultOptions=Vm;wr.modifiers=hk;wr.className=Ye.className;var Wm=require("react/jsx-runtime"),$m="k-filemanager-listview",gk=[],xk={},Nk={},Lo=e=>{let{children:t,...o}=e;return(0,Wm.jsx)(Ye,{className:r(e.className,$m),layout:"flex",flexDirection:"row",flexWrap:"wrap",selectable:!0,contentAriaLabel:"Files",...o,children:t})};Lo.states=gk;Lo.options=xk;Lo.className=$m;Lo.defaultOptions=Nk;Lo.moduleName=vo;Lo.folderName=wo;var si=zr(require("react"));var ii=zr(require("react"));var Xm=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,Xm.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 Jm=di;var sa=require("react/jsx-runtime"),qm="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,qm),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)(Jm,{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=qm;me.defaultOptions=Ik;me.moduleName=pl;me.folderName=ni;var Ek=require("react/jsx-runtime");var Ym=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 ro=require("react/jsx-runtime"),Ak=Ke.options,Rk=Ke.states,Ok=Ke.defaultOptions,Pk=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],Bk=[],Lr=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})]})]})};Lr.options=Ak;Lr.states=Rk;Lr.variants=Bk;Lr.defaultOptions=Ok;Lr.modifiers=Pk;Lr.className=Ke.className;var ou=require("react/jsx-runtime"),tu="k-filemanager-treeview",Gk=[],Hk={},Kk={},Ot=e=>{let{children:t,...o}=e;return(0,ou.jsx)(Ke,{className:r(e.className,tu),...o,children:t})};Ot.states=Gk;Ot.options=Hk;Ot.className=tu;Ot.defaultOptions=Kk;Ot.moduleName=vo;Ot.folderName=wo;var ul=require("react/jsx-runtime"),au="k-filemanager-drag-hint",_k=[],Dk={},ru={icon:"file"},pi=e=>{let{hint:t,icon:o=ru.icon,...a}=e;return(0,ul.jsxs)("div",{className:r(e.className,au,"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=au;pi.defaultOptions=ru;var fe=require("react/jsx-runtime"),lu="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,lu),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=lu;da.defaultOptions=Ss;var ca=require("react/jsx-runtime"),iu="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(iu),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=iu;Qe.defaultOptions=$k;var nu=require("react/jsx-runtime"),Ea="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,nu.jsx)("div",{...h,style:{flexBasis:o,...e.style},className:r(e.className,Ea,{[`${Ea}-static`]:o,[`${Ea}-flex`]:a,"k-scrollable":t,[`${Ea}-pinned`]:d,[`${Ea}-unpinned`]:p,[`${Ea}-tabbed`]:f}),role:"group",children:e.children})};he.states=Wk;he.options=Xk;he.className=Ea;he.defaultOptions=ys;var $t=require("react/jsx-runtime"),Cr="k-splitbar",Jk=[i.hover,i.focus],qk={},Is={orientation:"horizontal",draggable:!0},Mr=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,Cr,w(Cr,{hover:t,focus:o}),{[`${Cr}-${a}`]:a,[`${Cr}-draggable-${a}`]:l,[`${Cr}-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"})})})]})};Mr.states=Jk;Mr.options=qk;Mr.className=Cr;Mr.defaultOptions=Is;var Es="splitter",su=Es;var mi=require("react/jsx-runtime"),cu=require("react"),As="k-splitter",Yk={},du={orientation:"horizontal"},ye=e=>{let{orientation:t=du.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,cu.createElement)(he,{...h,key:p})),f&&n.push((0,mi.jsx)(Mr,{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=du;ye.moduleName=Es;ye.folderName=su;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 pu=require("react/jsx-runtime");var mu=require("react/jsx-runtime");var Aa=require("react/jsx-runtime"),bl=require("react"),Qk=ye.options,Zk=ye.states,uu={...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"}],Sr=e=>{let{variant:t,modifiers:o,...a}={...uu,...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,Aa.jsx)(ye,{style:{height:"238px"},...a,orientation:"vertical",panes:[(0,bl.createElement)(he,{...n,flexBasis:"50%",style:p,key:"pane-1"},(0,Aa.jsx)("p",{children:n.content})),(0,bl.createElement)(he,{...d,flexBasis:"50%",style:p,key:"pane-2"},(0,Aa.jsx)("p",{children:d.content}))]}):(0,Aa.jsx)(ye,{style:{height:"238px"},...a,orientation:"horizontal",panes:[(0,bl.createElement)(he,{...n,flexBasis:"50%",style:p,key:"pane-1"},(0,Aa.jsx)("p",{children:n.content})),(0,bl.createElement)(he,{...d,flexBasis:"50%",style:p,key:"pane-2"},(0,Aa.jsx)("p",{children:d.content}))]})};Sr.options=Qk;Sr.states=Zk;Sr.variants=jk;Sr.defaultOptions=uu;Sr.modifiers=ev;Sr.className=ye.className;var J=require("react/jsx-runtime"),bu=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 Tu=require("react/jsx-runtime"),fu="k-data-table",tv=[],ov={size:[s.undefined,s.small,s.medium,s.large]},av={},Do=e=>{let{size:t,...o}=e;return(0,Tu.jsx)("div",{...o,className:r(e.className,fu,M("k-table",{size:t})),children:e.children})};Do.states=tv;Do.options=ov;Do.className=fu;Do.defaultOptions=av;Do.moduleName=rt;Do.folderName=ut;var hu=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,hu.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 gu=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,gu.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 Nu=require("react/jsx-runtime"),xu="k-table-scroller",uv=[],bv={},fv={},yr=e=>{let{children:t,...o}=e;return(0,Nu.jsx)("div",{...o,className:r(e.className,xu),children:t})};yr.states=uv;yr.options=bv;yr.className=xu;yr.defaultOptions=fv;yr.moduleName=rt;yr.folderName=ut;var Tv=require("react/jsx-runtime");var vu=require("react/jsx-runtime"),ku="k-table-footer",hv=[],gv={},xv={},ma=e=>{let{children:t,...o}=e;return(0,vu.jsx)("div",{...o,className:r(e.className,ku),children:t})};ma.states=hv;ma.options=gv;ma.className=ku;ma.defaultOptions=xv;ma.moduleName=rt;ma.folderName=ut;var wu=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,wu.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 Lu=require("react/jsx-runtime"),wv="k-table-thead",Z=e=>(0,Lu.jsx)("thead",{className:r(e.className,wv),children:e.children});var Cu=require("react/jsx-runtime"),Lv="k-table-tbody",re=e=>(0,Cu.jsx)("tbody",{className:r(e.className,Lv),children:e.children});var Cv=require("react/jsx-runtime");var Mu=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,Mu.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 Su=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,Su.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 Iu=require("react/jsx-runtime"),yu="k-table-th",Fo=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,n=t||e.children;return(0,Iu.jsx)("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,yu),children:n})};Fo.className=yu;Fo.moduleName=rt;Fo.folderName=ut;var yv=require("react/jsx-runtime");var Eu=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,Eu.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 Ru=require("react/jsx-runtime");var Ou=require("react/jsx-runtime");var Bu=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=[],Gu={pagerPosition:"bottom"},V=e=>{let{size:t,pagerPosition:o=Gu.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=Gu;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 Ku=require("react/jsx-runtime"),Hu="k-grid-header",ie=e=>{let{draggable:t,...o}=e;return(0,Ku.jsx)("div",{...o,className:r(e.className,Hu,{"k-grid-draggable-header":t}),children:e.children})};ie.className=Hu;ie.moduleName=j;ie.folderName=le;var fl=require("react/jsx-runtime"),_u="k-grouping-header",Co=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,fl.jsxs)("div",{...a,className:r(e.className,_u),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=_u;Co.moduleName=j;Co.folderName=le;var zu=require("react/jsx-runtime"),Du="k-grid-pinned-container",Tl=e=>{let{position:t,...o}=e;return(0,zu.jsx)("div",{...o,className:r(e.className,Du,{"k-pos-bottom":t==="bottom"}),children:e.children})};Tl.className=Du;Tl.moduleName=j;Tl.folderName=le;var Uu=require("react/jsx-runtime"),Fu="k-grid-sticky-container",hl=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})};hl.className=Fu;hl.moduleName=j;hl.folderName=le;var $u=require("react/jsx-runtime"),Vu="k-grid-header-table",ne=e=>(0,$u.jsx)(bt,{...e,className:r(e.className,Vu),children:e.children});ne.className=Vu;ne.moduleName=j;ne.folderName=le;var Wt=require("react/jsx-runtime"),Ds="k-header",Dv=[i.hover,i.focus,i.active],Wu={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=Wu.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=Wu;R.moduleName=j;R.folderName=le;var Ju=require("react/jsx-runtime"),Xu="k-grid-container",ee=e=>(0,Ju.jsx)("div",{...e,className:r(e.className,Xu),children:e.children});ee.className=Xu;ee.moduleName=j;ee.folderName=le;var Yu=require("react/jsx-runtime"),qu="k-grid-content",te=e=>(0,Yu.jsx)("div",{...e,className:r(e.className,qu),children:e.children});te.className=qu;te.moduleName=j;te.folderName=le;var Zu=require("react/jsx-runtime"),Qu="k-grid-table",oe=e=>(0,Zu.jsx)(bt,{...e,className:r(e.className,Qu),children:e.children});oe.className=Qu;oe.moduleName=j;oe.folderName=le;var eb=require("react/jsx-runtime"),ju="k-grid-footer",hi=e=>(0,eb.jsx)("div",{...e,className:r(e.className,ju),children:e.children});hi.className=ju;hi.moduleName=j;hi.folderName=le;var ob=require("react/jsx-runtime"),tb="k-grid-footer-table",gi=e=>(0,ob.jsx)(bt,{...e,className:r(e.className,tb),children:e.children});gi.className=tb;gi.moduleName=j;gi.folderName=le;var rb=require("react/jsx-runtime"),ab="k-grid-pager",lo=e=>(0,rb.jsx)(Oe,{...e,className:r(e.className,ab),children:e.children});lo.className=ab;lo.moduleName=j;lo.folderName=le;var ib=require("react/jsx-runtime"),lb="k-grid-toolbar",Ra=e=>(0,ib.jsx)(Te,{...e,className:r(e.className,lb),children:e.children});Ra.className=lb;Ra.moduleName=j;Ra.folderName=le;var Ir=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,Ir.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,Ir.jsx)("span",{className:"k-dirty"}),t&&(0,Ir.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,Ir.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};xi.states=zv;xi.className=zs;xi.moduleName=j;xi.folderName=le;var sb=require("react/jsx-runtime"),nb="k-grid-stack-row",Ni=e=>{let{cols:t,...o}=e;return(0,sb.jsx)("div",{...o,className:r(e.className,nb,{[`k-grid-cols-${t}`]:t}),children:e.children})};Ni.className=nb;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 cb=require("react/jsx-runtime"),Vs="k-column-menu",Fv=[],Uv={size:[s.undefined,s.small,s.medium,s.large]},db={view:"list"},Uo=e=>{let{view:t=db.view,size:o,...a}=e;return(0,cb.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=db;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={},Oa=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})})};Oa.states=Vv;Oa.options=$v;Oa.className=$s;Oa.defaultOptions=Wv;Oa.moduleName=Lt;Oa.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 Pa=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,Pa.jsxs)("div",{...p,className:r(e.className,Js,w(Js,{focus:t,selected:o})),role:"button",tabIndex:0,children:[l&&(0,Pa.jsx)(u,{icon:l}),a,n&&(0,Pa.jsxs)("span",{className:"k-columnmenu-indicators",children:[(0,Pa.jsx)(u,{icon:n}),d&&(0,Pa.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 mb=require("react/jsx-runtime"),ew="k-columnmenu-item-content",pb=e=>(0,mb.jsx)("div",{...e,className:r(e.className,ew,"k-columns-item"),children:e.children});var qs=require("react/jsx-runtime"),ub="k-filter-menu",tw=[],ow={},aw={},ba=e=>{let{...t}=e;return(0,qs.jsx)("form",{...t,className:r(e.className,ub),children:(0,qs.jsx)("div",{className:"k-filter-menu-container",children:e.children})})};ba.states=tw;ba.options=ow;ba.className=ub;ba.defaultOptions=aw;ba.moduleName=Lt;ba.folderName=Pt;var rw=require("react/jsx-runtime");var Er=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,Er.jsx)("li",{...a,className:r(e.className,lw),children:(0,Er.jsxs)("label",{className:"k-label k-checkbox-label",children:[(0,Er.jsx)(ze,{size:o}),(0,Er.jsx)("span",{children:t})]})})};Ys.states=nw;Ys.options=iw;var Mo=require("react/jsx-runtime"),bb="k-expander",sw=[],dw={},cw={},Ba=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,bb),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)(pb,{id:x,children:d}),e.children]})};Ba.states=sw;Ba.options=dw;Ba.className=bb;Ba.defaultOptions=cw;Ba.moduleName=Lt;Ba.folderName=Pt;var fb=require("react/jsx-runtime"),Qs="k-group-menu",pw=[],mw={size:[s.undefined,s.small,s.medium,s.large]},uw={},Ar=e=>{let{size:t,...o}=e;return(0,fb.jsx)("div",{...o,className:r(e.className,Qs,M(Qs,{size:t})),children:e.children})};Ar.states=pw;Ar.options=mw;Ar.className=Qs;Ar.defaultOptions=uw;Ar.moduleName=Lt;Ar.folderName=Pt;var So=require("react/jsx-runtime"),Zs="k-group-menu-item",bw=[i.hover,i.selected],fw={},Tw={},Rr=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]})};Rr.states=bw;Rr.options=fw;Rr.className=Zs;Rr.defaultOptions=Tw;Rr.moduleName=Lt;Rr.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 gb=require("react/jsx-runtime"),Tb="k-tabstrip-items",Nw=[],kw={},vw={tabAlignment:"start"},Nl=e=>{let{children:t,tabAlignment:o,orientation:a,...l}=e;return(0,gb.jsx)("ul",{...l,className:r(e.className,Tb,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...a==="vertical"&&{"aria-orientation":"vertical"},children:t})};Nl.states=Nw;Nl.options=kw;Nl.className=Tb;Nl.defaultOptions=vw;var hb=Nl;var vb=require("react/jsx-runtime"),xb="k-tabstrip-items-wrapper",ww=[],Lw={},Nb={orientation:"horizontal"},kl=e=>{let{children:t,orientation:o=Nb.orientation,...a}=e;return(0,vb.jsx)("div",{...a,className:r(e.className,xb,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};kl.states=ww;kl.options=Lw;kl.className=xb;kl.defaultOptions=Nb;var kb=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)(kb,{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)(hb,{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 Lb=require("react/jsx-runtime"),wb="k-tabstrip-wrapper",Sw=[],yw={},Iw={},Or=e=>{let{...t}=e;return(0,Lb.jsx)("div",{...t,className:r(e.className,wb),children:e.children})};Or.states=Sw;Or.options=yw;Or.className=wb;Or.defaultOptions=Iw;Or.moduleName=vl;Or.folderName=ki;var $o=require("react/jsx-runtime"),od="k-tabstrip-item",Ew=[i.active,i.hover,i.disabled,i.focus],Aw={},Cb={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=Cb.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=Cb;var Mb=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,Mb.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 yb=require("react/jsx-runtime"),Sb=e=>(0,yb.jsx)(bo,{position:"bottom",...e});var Eb=require("react/jsx-runtime"),Ib=e=>(0,Eb.jsx)(bo,{position:"right",...e});var Rb=require("react/jsx-runtime"),Ab=e=>(0,Rb.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,Ob={...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=[],Pr=e=>{let{variant:t,...o}={...Ob,...e},a={};switch(t){case"right":return(0,wl.jsx)(Ib,{style:{height:"230px"},...o,...a,position:"right"});case"left":return(0,wl.jsx)(Ab,{style:{height:"230px"},...o,...a,position:"left"});case"bottom":return(0,wl.jsx)(Sb,{style:{width:"350px"},...o,...a,position:"bottom"});default:return(0,wl.jsx)(bo,{style:{width:"350px"},...o,...a})}};Pr.options=Hw;Pr.states=Kw;Pr.variants=_w;Pr.defaultOptions=Ob;Pr.modifiers=Dw;Pr.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"),Pb=({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",Bb=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=Bb;Mt.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Ga=Mt;var Hb=require("react/jsx-runtime"),Gb=e=>(0,Hb.jsx)(Ga,{type:"icon",...e});var _b=require("react/jsx-runtime"),Kb=e=>(0,_b.jsx)(Ga,{type:"text",...e});var zb=require("react/jsx-runtime"),Db=e=>(0,zb.jsx)(Ga,{type:"image",...e});var Vw=require("react/jsx-runtime");var Br=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=[],Gr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,Br.jsx)(Gb,{...o,children:(0,Br.jsx)(u,{icon:"star"})});case"text":return(0,Br.jsx)(Kb,{...o,children:"JO"});default:return(0,Br.jsx)(Db,{...o,children:(0,Br.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Gr.options=$w;Gr.states=Ww;Gr.variants=Jw;Gr.defaultOptions=Xw;Gr.modifiers=qw;Gr.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]},Fb={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=Fb.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=Fb;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 Ub=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,Ub.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 Vb=require("react/jsx-runtime"),Ci=e=>(0,Vb.jsx)(io,{text:"text",...e});var aL=require("react/jsx-runtime");var rL=require("react/jsx-runtime");var hd=require("react/jsx-runtime");var $b=require("react/jsx-runtime");var Wb=require("react/jsx-runtime");var Xb=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"}],Hr=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"})]})};Hr.options=lL;Hr.states=nL;Hr.variants=iL;Hr.defaultOptions=sL;Hr.modifiers=dL;Hr.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"}],Kr=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"})};Kr.options=mL;Kr.states=cL;Kr.variants=uL;Kr.defaultOptions=pL;Kr.modifiers=bL;Kr.className=Pe.className;var I=require("react/jsx-runtime"),Jb=({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"),Yb=e=>{let t=$("grid");return(0,H.jsx)(V,{_renderAriaRoot:!0,ariaRootId:t,toolbar:(0,H.jsxs)(Ra,{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",Qb=Ld;var jb=require("react/jsx-runtime"),Zb="k-context-menu",fL=[],TL={},hL={},Gt=e=>{let{children:t,...o}=e;return(0,jb.jsx)(Ue,{...o,className:r(e.className,Zb),role:"menu",children:t})};Gt.states=fL;Gt.options=TL;Gt.className=Zb;Gt.defaultOptions=hL;Gt.moduleName=Ld;Gt.folderName=Qb;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,ef={...Ae.defaultOptions,variant:"normal"},NL=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],kL=[],_r=e=>{let{variant:t,...o}={...ef,...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"}})};_r.options=gL;_r.states=xL;_r.variants=NL;_r.defaultOptions=ef;_r.modifiers=kL;_r.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,tf={...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"}],Dr=e=>{let{variant:t,modifiers:o,...a}={...tf,...e},l={toolbar:void 0,pager:void 0},n=(0,b.jsxs)(Ra,{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)(Yb,{...a,...l});case"grouping":return(0,b.jsx)(Jb,{...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)(Pb,{...a,...l});default:return(0,b.jsx)(V,{...a,...l,children:f})}};Dr.options=vL;Dr.states=wL;Dr.variants=LL;Dr.defaultOptions=tf;Dr.modifiers=CL;Dr.className=V.className;var O=require("react/jsx-runtime"),of=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});var E=require("react/jsx-runtime"),af=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 q=require("react/jsx-runtime"),rf=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 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"}],ga=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)(af,{...a}):(0,yl.jsx)(of,{...a}):l?(0,yl.jsx)(bu,{...a}):(0,yl.jsx)(rf,{...a})};ga.options=ML;ga.states=SL;ga.variants=IL;ga.defaultOptions=yL;ga.modifiers=EL;ga.className=Ve.className;var AL=ga;