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

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

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

Files changed (86) hide show

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

	@@ -1 +1 @@
1	- var Wc=Object.create;var Va=Object.defineProperty;var Jc=Object.getOwnPropertyDescriptor;var qc=Object.getOwnPropertyNames;var Yc=Object.getPrototypeOf,Qc=Object.prototype.hasOwnProperty;var Zc=(e,t)=>{for(var o in t)Va(e,o,{get:t[o],enumerable:!0})},Gn=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let l of qc(t))!Qc.call(e,l)&&l!==o&&Va(e,l,{get:()=>t[l],enumerable:!(a=Jc(t,l))\|\|a.enumerable});return e};var Dn=(e,t,o)=>(o=e!=null?Wc(Yc(e)):{},Gn(t\|\|!e\|\|!e.__esModule?Va(o,"default",{value:e,enumerable:!0}):o,e)),jc=e=>Gn(Va({},"__esModule",{value:!0}),e);var Ph={};Zc(Ph,{GridDemo:()=>Mo,default:()=>Oh});module.exports=jc(Ph);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 S=(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"}),I=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:i,checked:c,active:u,selected:x,disabled:g,indeterminate:L,loading:k,empty:b,readonly:M,highlighted:C,...w}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":i,"k-checked":c,"k-active":u,"k-selected":x,"k-disabled":g,"k-indeterminate":L&&!c,"k-loading":k,"k-empty":b,"k-readonly":M,"k-highlighted":C},Object.keys(w).reduce((K,P)=>(P.startsWith("k-")?K[P]=w[P]:K[`k-${P}`]=w[P],K),{}))};function _n(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"},T={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"},f={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var $="grid",X=$;var Xa=require("react/jsx-runtime"),$a="k-grid",ep=[],tp={size:[s.undefined,s.small,s.medium,s.large]},op=[],zn={pagerPosition:"bottom"},W=e=>{let{size:t,pagerPosition:o=zn.pagerPosition,toolbar:a,pager:l,groupingHeader:i,gridSelectionAggregates:c,_renderAriaRoot:u,resizable:x,...g}=e;return(0,Xa.jsxs)("div",{...g,className:r(e.className,$a,{[`${$a}-resizable`]:x},S($a,{size:t})),children:[a,o==="top"&&l,i,e.children&&u?(0,Xa.jsx)("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&l]})};W.states=ep;W.options=tp;W.variants=op;W.className=$a;W.defaultOptions=zn;W.moduleName=$;W.folderName=X;var Jo=require("react/jsx-runtime"),Er="k-font-icon",ap=[],rp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},lp={},qo=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:i,...c}=e;return a?(0,Jo.jsx)("span",{...c,className:r(e.className,Er,S(Er,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):(0,Jo.jsx)(Jo.Fragment,{})};qo.states=ap;qo.options=rp;qo.className=Er;qo.defaultOptions=lp;var Un=qo;var uo=require("react/jsx-runtime"),Ir="k-svg-icon",np=[],ip={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Fn={viewBox:"0 0 24 24"},Yo=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:i=Fn.viewBox,icon:c,...u}=e;if(!c)return(0,uo.jsx)(uo.Fragment,{});if(c==="none")return(0,uo.jsx)("span",{...u,className:r(e.className,Ir,S("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof c=="object"&&c.name&&c.name;return(0,uo.jsx)("span",{...u,className:r(e.className,Ir,S("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`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,uo.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};Yo.states=np;Yo.options=ip;Yo.className=Ir;Yo.defaultOptions=Fn;var Rr=Yo;var Or=Dn(require("@progress/kendo-svg-icons"));var Vn="icon",$n="icons";var Jn=require("react");var Xn=require("react"),Wn=(0,Xn.createContext)({iconsType:"svg"});var Bt=require("react/jsx-runtime"),Wa="k-icon",sp=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),dp=[],cp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Pr={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=(0,Jn.useContext)(Wn),{size:o,themeColor:a,icon:l,type:i=t\|\|Pr.type,rotate:c,flip:u,viewBox:x=Pr.viewBox,...g}=e;if(!l)return(0,Bt.jsx)(Bt.Fragment,{});if((t\|\|i)==="svg"){if(l==="none")return(0,Bt.jsx)(Rr,{...g,className:r(e.className,Wa),icon:l,size:o});let k=Or[l]?l:sp(`${l}-icon`);return Or[k]?(0,Bt.jsx)(Rr,{...g,className:r(e.className,Wa),icon:Or[k],size:o,themeColor:a,rotate:c,flip:u,viewBox:x}):(0,Bt.jsx)(Bt.Fragment,{})}return(0,Bt.jsx)(Un,{...g,className:r(e.className,Wa),icon:l,size:o,themeColor:a,rotate:c,flip:u})};v.states=dp;v.options=cp;v.defaultOptions=Pr;v.className=Wa;v.moduleName=Vn;v.folderName=$n;v.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 Hr="button",qn=Hr;var Lt=require("react/jsx-runtime"),Qo="k-button",pp=["icon-button"],mp=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],up={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Kr={showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:i,showArrow:c=Kr.showArrow,arrowIconName:u=Kr.arrowIconName,variant:x,hover:g,focus:L,active:k,selected:b,disabled:M,togglable:C,icon:w,text:K,iconClassName:P,className:z,...ie}=e,xe=w!==void 0,Ve=e.children!==void 0;return(0,Lt.jsxs)(t,{className:r(z,Qo,_n(Qo,x),S(Qo,{size:o,rounded:a,fillMode:l,themeColor:i}),I(Qo,{hover:g,focus:L,active:k,disabled:M,selected:b}),{"k-icon-button":!K&&!Ve&&xe}),...ie,"aria-pressed":C?b?"true":"false":void 0,disabled:M\|\|void 0,children:[w&&(0,Lt.jsx)(v,{className:r(P,"k-button-icon"),icon:w}),K?(0,Lt.jsxs)(Lt.Fragment,{children:[K&&(0,Lt.jsx)("span",{className:"k-button-text",children:K}),e.children]}):e.children&&(0,Lt.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,Lt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Lt.jsx)(v,{icon:u})})]})};d.states=mp;d.options=up;d.variants=pp;d.className=Qo;d.defaultOptions=Kr;d.moduleName=Hr;d.folderName=qn;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var Yn=require("react/jsx-runtime"),Qt=e=>(0,Yn.jsx)(d,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Qn=require("react/jsx-runtime"),Zo=e=>(0,Qn.jsx)(d,{icon:"folder",children:"Button",...e});var Zn=require("react/jsx-runtime"),bo=e=>(0,Zn.jsx)(d,{children:"Button",...e});var Ja=require("react/jsx-runtime"),bp=d.options,fp=d.states,Tp={...d.defaultOptions,variant:"text"},hp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],xp=[],jo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Ja.jsx)(Qt,{...o,icon:"star"});case"icon-and-text":return(0,Ja.jsx)(Zo,{...o,icon:"star",children:"Button"});default:return(0,Ja.jsx)(bo,{...o,children:"Button"})}};jo.options=bp;jo.states=fp;jo.variants=hp;jo.defaultOptions=Tp;jo.modifiers=xp;var Br="button",jn=Br;var ei=require("react/jsx-runtime"),ea="k-button-group",Np=[n.disabled],gp={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},kp={},D=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return(0,ei.jsx)("div",{role:"group",...l,className:r(e.className,ea,S(ea,{fillMode:t}),I(ea,{disabled:o}),{[`${ea}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};D.states=Np;D.options=gp;D.className=ea;D.defaultOptions=kp;D.moduleName=Br;D.folderName=jn;D.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var Gr=require("react/jsx-runtime");var Dr=require("react/jsx-runtime");var _r=require("react/jsx-runtime");var zr=require("react/jsx-runtime");var Ur=require("react/jsx-runtime");var Fr=require("react/jsx-runtime");var qe=require("react/jsx-runtime"),vp={...d.options,...D.options},Lp=d.states,Cp={...d.defaultOptions,...D.defaultOptions,variant:"text-button"},Mp=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],yp=[],ta=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,qe.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,qe.jsx)(d,{...a,icon:"star"}),(0,qe.jsx)(d,{...a,icon:"star"}),(0,qe.jsx)(d,{...a,icon:"star"})]}):t==="icon-text-button"?(0,qe.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,qe.jsx)(d,{...a,icon:"star",children:"First"}),(0,qe.jsx)(d,{...a,icon:"star",children:"Middle"}),(0,qe.jsx)(d,{...a,icon:"star",children:"Last"})]}):(0,qe.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,qe.jsx)(d,{...a,children:"First"}),(0,qe.jsx)(d,{...a,children:"Middle"}),(0,qe.jsx)(d,{...a,children:"Last"})]})};ta.options=vp;ta.states=Lp;ta.variants=Mp;ta.defaultOptions=Cp;ta.modifiers=yp;var oa="input",qa=oa;var ti=require("react/jsx-runtime"),Ya="k-input",Sp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Ap={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},wp={},Ne=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:u,size:x,rounded:g,fillMode:L,...k}=e;return(0,ti.jsx)("span",{...k,className:r(e.className,Ya,S(Ya,{size:x,rounded:g,fillMode:L}),I(Ya,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:u}))})};Ne.states=Sp;Ne.options=Ap;Ne.className=Ya;Ne.defaultOptions=wp;Ne.moduleName=oa;Ne.folderName=qa;var oi=require("react/jsx-runtime"),Qa="k-picker",Ep=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Ip={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Rp={},At=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:u,size:x,rounded:g,fillMode:L,...k}=e;return(0,oi.jsx)("span",{...k,className:r(e.className,Qa,S(Qa,{size:x,rounded:g,fillMode:L}),I(Qa,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:u})),children:e.children})};At.states=Ep;At.options=Ip;At.className=Qa;At.defaultOptions=Rp;At.moduleName=oa;At.folderName=qa;var So=require("react/jsx-runtime"),ai="k-clear-value",Op=[n.disabled,n.loading,n.readonly],Pp={},lt=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t\|\|a\|\|o\|\|!l?(0,So.jsx)(So.Fragment,{}):(0,So.jsx)("span",{className:r(e.className,ai),children:(0,So.jsx)(v,{icon:"x"})})};lt.states=Op;lt.options=Pp;lt.className=ai;var ri=require("react/jsx-runtime"),Vr="k-input-inner",Hp=[],Kp={},Za={type:"text",autocomplete:"off",value:"",placeholder:""},nt=e=>{let{value:t=Za.value,type:o=Za.type,placeholder:a=Za.placeholder,autocomplete:l=Za.autocomplete,disabled:i,readOnly:c,...u}=e;return(0,ri.jsx)("input",{...u,type:o,className:r(e.className,Vr,S(Vr,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:i\|\|void 0,readOnly:c\|\|void 0})};nt.states=Hp;nt.options=Kp;nt.className=Vr;var aa=require("react/jsx-runtime"),$r="k-input-inner",Bp=[],Gp={},fo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:i,...c}=e;return(0,aa.jsxs)("span",{...c,className:r(e.className,$r,S($r,e)),children:[l,!l&&i&&(0,aa.jsx)(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,aa.jsx)("span",{className:"k-input-value-text",children:t})]})};fo.states=Bp;fo.options=Gp;fo.className=$r;var ni=require("react/jsx-runtime"),Xr="k-input-inner",Dp=[],_p={},li={value:"",placeholder:""},Wr=e=>{let{value:t=li.value,placeholder:o=li.placeholder,rows:a,disabled:l,...i}=e;return(0,ni.jsx)("textarea",{...i,className:r(e.className,Xr,S(Xr,e)),placeholder:o,rows:a,defaultValue:t,disabled:l\|\|void 0})};Wr.states=Dp;Wr.options=_p;Wr.className=Xr;var ra=require("react/jsx-runtime"),ii="k-input-loading-icon",zp=[n.disabled,n.loading],Ye=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,ra.jsx)(ra.Fragment,{}):(0,ra.jsx)("span",{className:r(e.className,ii,"k-icon k-i-loading")})};Ye.states=zp;Ye.className=ii;var la=require("react/jsx-runtime"),si="k-input-validation-icon",Up=[n.valid,n.invalid,n.disabled,n.loading],Fp={},$e=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,i=o?"warning-circle":"check-circle";return a\|\|l\|\|!!!(t\|\|o)?(0,la.jsx)(la.Fragment,{}):(0,la.jsx)(v,{className:r(si),icon:i})};$e.states=Up;$e.options=Fp;$e.className=si;var na=require("react/jsx-runtime"),Vp="k-input-prefix",$p={direction:"horizontal"},ut=e=>{let{direction:t=$p.direction,...o}=e;return e.children?(0,na.jsx)("span",{...o,className:r(Vp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,na.jsx)(na.Fragment,{})};var ia=require("react/jsx-runtime"),Xp="k-input-suffix",Wp={direction:"horizontal"},bt=e=>{let{direction:t=Wp.direction,...o}=e;return e.children?(0,ia.jsx)("span",{...o,className:r(Xp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,ia.jsx)(ia.Fragment,{})};var Jp=require("react/jsx-runtime");var di=require("react/jsx-runtime"),qp="k-input-suffix-text",Jr=e=>{let{children:t,...o}=e;return(0,di.jsx)("span",{...o,className:r(qp,e.className),children:t})};var pi=require("react/jsx-runtime"),ci="k-input-separator",Yp={direction:"vertical"},ft=e=>{let{direction:t=Yp.direction,...o}=e;return(0,pi.jsx)("span",{...o,className:r(ci,e.className,{[`${ci}-${t}`]:t})})};var ye=require("react/jsx-runtime"),Qp=Ne.states,Zp=Ne.defaultOptions,jp=Ne.options,em=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],tm=[],sa=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:i,readonly:c,...u}=e,x=t==null?void 0:t.prefix,g=t==null?void 0:t.suffix,L=t==null?void 0:t["clear-button"],k=t==null?void 0:t["validation-icon"],b=t==null?void 0:t.separators;return(0,ye.jsxs)(Ne,{...u,valid:o,invalid:a,loading:l,disabled:i,readonly:c,style:{width:300},children:[x&&(0,ye.jsxs)(ye.Fragment,{children:[(0,ye.jsx)(ut,{children:(0,ye.jsx)(v,{icon:"lock"})}),b&&(0,ye.jsx)(ft,{})]}),(0,ye.jsx)(nt,{placeholder:"Placeholder",value:"Value"}),k&&(0,ye.jsx)($e,{valid:o,invalid:a,loading:l,disabled:i}),(0,ye.jsx)(Ye,{loading:l,disabled:i}),L&&(0,ye.jsx)(lt,{loading:l,disabled:i,readonly:c,value:"Value"}),g&&(0,ye.jsxs)(ye.Fragment,{children:[b&&(0,ye.jsx)(ft,{}),(0,ye.jsx)(bt,{children:(0,ye.jsx)(bo,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};sa.options=jp;sa.states=Qp;sa.variants=tm;sa.defaultOptions=Zp;sa.modifiers=em;var da=require("react/jsx-runtime"),mi="k-color-preview",om=[],am={},Zt=e=>{let{color:t,iconName:o,...a}=e;return(0,da.jsxs)("span",{...a,className:r(e.className,mi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,da.jsx)(v,{icon:o,className:"k-color-preview-icon"}),(0,da.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Zt.states=om;Zt.options=am;Zt.className=mi;var qr="popup",ui=qr;var Yr=require("react/jsx-runtime"),bi="k-animation-container",rm=[],lm={},fi={positionMode:"absolute"},wt=e=>{let{positionMode:t=fi.positionMode,animationStyle:o,offset:a,...l}=e;return(0,Yr.jsx)("div",{...l,style:{...a,...e.style},className:r(e.className,bi,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Yr.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};wt.states=rm;wt.options=lm;wt.className=bi;wt.defaultOptions=fi;wt.moduleName=qr;wt.folderName=ui;var Qr="popup",Ti=Qr;var Zr=require("react/jsx-runtime"),hi="k-popup",nm=[],im={},xi={positionMode:"absolute"},ee=e=>{let{offset:t,positionMode:o=xi.positionMode,animationStyle:a,containerClassName:l,containerRole:i,containerAriaLabel:c,...u}=e;return(0,Zr.jsx)(wt,{positionMode:o,offset:t,animationStyle:a,className:l,role:i,"aria-label":c,children:(0,Zr.jsx)("div",{...u,className:r(e.className,hi),children:e.children})})};ee.states=nm;ee.options=im;ee.className=hi;ee.defaultOptions=xi;ee.moduleName=Qr;ee.folderName=Ti;ee.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 jr="action-buttons",Ni=jr;var gi=require("react/jsx-runtime"),ja="k-actions",sm=[],dm={},el={alignment:"start",orientation:"horizontal"},Et=e=>{let{alignment:t=el.alignment,orientation:o=el.orientation,...a}=e;return(0,gi.jsx)("div",{...a,className:r(ja,{[`${ja}-${t}`]:t,[`${ja}-${o}`]:o},e.className),children:e.children})};Et.states=sm;Et.options=dm;Et.className=ja;Et.defaultOptions=el;Et.moduleName=jr;Et.folderName=Ni;var vi=require("react/jsx-runtime"),cm="k-actionsheet-footer",ki={alignment:"stretched",orientation:"horizontal"},jt=e=>{let{alignment:t=ki.alignment,orientation:o=ki.orientation,template:a,as:l=a?"div":Et,...i}=e;return(0,vi.jsx)(l,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,cm),children:e.children})};var tl="searchbox",Li=tl;var eo=require("react/jsx-runtime"),Ci="k-searchbox",pm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],mm={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ol={showIcon:!0,icon:"search"},Tt=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:i,hover:c,focus:u,valid:x,invalid:g,required:L,loading:k,disabled:b,showIcon:M=ol.showIcon,icon:C=ol.icon,...w}=e;return(0,eo.jsxs)(Ne,{...w,size:a,rounded:l,fillMode:i,hover:c,focus:u,valid:x,invalid:g,required:L,loading:k,disabled:b,className:r(e.className,Ci),children:[M&&(0,eo.jsx)(v,{className:"k-input-icon",icon:C}),(0,eo.jsx)(nt,{placeholder:o,value:t}),(0,eo.jsx)(Ye,{...e}),(0,eo.jsx)($e,{...e}),(0,eo.jsx)(lt,{...e})]})};Tt.states=pm;Tt.options=mm;Tt.className=Ci;Tt.defaultOptions=ol;Tt.moduleName=tl;Tt.folderName=Li;var um=require("react/jsx-runtime");var al="textbox",Mi=al;var Ke=require("react/jsx-runtime"),yi="k-textbox",bm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],fm={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},er={showClearButton:!0,showValidationIcon:!0,separators:!0},te=e=>{let{size:t,rounded:o,fillMode:a,separators:l=er.separators,showClearButton:i=er.showClearButton,showValidationIcon:c=er.showValidationIcon,prefix:u,suffix:x,type:g,value:L,placeholder:k,hover:b,focus:M,valid:C,invalid:w,required:K,loading:P,disabled:z,readonly:ie,id:xe,"aria-label":Ve,"aria-describedby":at,...rt}=e;return(0,Ke.jsxs)(Ne,{...rt,size:t,rounded:o,fillMode:a,hover:b,focus:M,valid:C,invalid:w,required:K,loading:P,disabled:z,readonly:ie,className:r(e.className,yi),children:[u&&(0,Ke.jsxs)(Ke.Fragment,{children:[(0,Ke.jsx)(ut,{children:u}),l&&(0,Ke.jsx)(ft,{})]}),(0,Ke.jsx)(nt,{id:xe,placeholder:k,value:L,type:g,disabled:z,"aria-label":Ve,"aria-describedby":at,"aria-invalid":w?"true":void 0}),c&&(0,Ke.jsx)($e,{valid:C,invalid:w,loading:P,disabled:z}),(0,Ke.jsx)(Ye,{loading:P,disabled:z}),i&&(0,Ke.jsx)(lt,{loading:P,disabled:z,readonly:ie,value:L}),x&&(0,Ke.jsxs)(Ke.Fragment,{children:[l&&(0,Ke.jsx)(ft,{}),(0,Ke.jsx)(bt,{children:x})]})]})};te.states=bm;te.options=fm;te.className=yi;te.defaultOptions=er;te.moduleName=al;te.folderName=Mi;te.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 ca=te;var Ai=require("react/jsx-runtime"),Si=e=>(0,Ai.jsx)(ca,{...e});var wi=require("react/jsx-runtime");var Ei=require("react/jsx-runtime");var Tm=require("react/jsx-runtime");var tr=require("react/jsx-runtime"),hm=te.states,xm=te.defaultOptions,Nm=te.options,gm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],km=[],pa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,tr.jsx)(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,tr.jsx)(bo,{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,tr.jsx)(Si,{value:"Value",style:{width:300},...o,...a})};pa.options=Nm;pa.states=hm;pa.variants=km;pa.defaultOptions=xm;pa.modifiers=gm;var it=require("react/jsx-runtime"),Ii="k-actionsheet-titlebar",vm={},Xe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:i,input:c,inputValue:u,inputPlaceholder:x,adaptive:g,titleId:L,children:k,...b}=e;return(0,it.jsxs)("div",{...b,className:r(e.className,Ii),children:[(0,it.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,it.jsx)("div",{className:"k-actionsheet-actions",children:a}),!k&&(0,it.jsxs)("div",{className:"k-actionsheet-title",id:L,children:[t&&(0,it.jsx)("div",{className:"k-text-center",children:t}),o&&(0,it.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&(0,it.jsx)("div",{className:"k-actionsheet-title",id:L,children:k}),l&&(0,it.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(c\|\|i)&&(0,it.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?(0,it.jsx)(te,{value:u,placeholder:x,size:g?"large":"medium","aria-label":t\|\|x\|\|"Input"}):(0,it.jsx)(Tt,{placeholder:"Filter",size:g?"large":"medium","aria-label":"Filter options"})})]})};Xe.className=Ii;Xe.defaultOptions=vm;var Ao=require("react/jsx-runtime"),rl="k-actionsheet-view",Lm=[],Cm={},Mm={},wo=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:i,titleId:c,...u}=e,x=(l==null?void 0:l.type)===Xe&&(0,Ao.jsx)(Xe,{adaptive:t,titleId:c,...l==null?void 0:l.props}),g=(i==null?void 0:i.type)===jt&&(0,Ao.jsx)(jt,{...i==null?void 0:i.props});return(0,Ao.jsxs)("div",{...u,className:r(e.className,rl,{[`${rl}-animated`]:o}),children:[x,(0,Ao.jsx)("div",{className:"k-actionsheet-content",children:a}),g]})};wo.states=Lm;wo.options=Cm;wo.className=rl;wo.defaultOptions=Mm;var ma="action-sheet",or=ma;var ll="overlay",Ri=ll;var Oi=require("react/jsx-runtime"),nl="k-overlay",ym=[],Sm={themeColor:[f.undefined,f.light,f.dark,f.inverse]},Am={},to=e=>{let{themeColor:t,...o}=e;return(0,Oi.jsx)("div",{...o,className:r(e.className,nl,S(nl,{themeColor:t})),children:e.children})};to.states=ym;to.options=Sm;to.className=nl;to.defaultOptions=Am;to.moduleName=ll;to.folderName=Ri;var To=require("react/jsx-runtime"),Pi="k-actionsheet",wm=[],Em={},ua={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},fe=e=>{let{side:t=ua.side,fullscreen:o=ua.fullscreen,adaptive:a=ua.adaptive,overlay:l=ua.overlay,template:i,children:c,header:u,footer:x,id:g,...L}=e,k=g&&!i&&u?`${g}-title`:void 0;return(0,To.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,To.jsx)(to,{}),(0,To.jsx)(wt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:(0,To.jsx)("div",{...L,id:g,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":k,className:r(e.className,Pi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|(0,To.jsx)(wo,{header:u,footer:x,adaptive:a,titleId:k,...e,children:c})})})]})};fe.states=wm;fe.options=Em;fe.className=Pi;fe.defaultOptions=ua;fe.moduleName=ma;fe.folderName=or;fe.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 Ki=require("react/jsx-runtime"),Hi="k-actionsheet-container",Im=[],Rm={},Om={},Eo=e=>{let{children:t,...o}=e;return(0,Ki.jsx)("div",{...o,className:Hi,children:t})};Eo.states=Im;Eo.options=Rm;Eo.className=Hi;Eo.defaultOptions=Om;Eo.moduleName=ma;Eo.folderName=or;var Bi=require("react/jsx-runtime"),il=e=>{let{...t}=e;return(0,Bi.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var ht=require("react/jsx-runtime"),sl="k-actionsheet-item",Pm=[n.hover,n.focus,n.selected,n.disabled],oo=e=>{let{iconName:t,text:o,description:a,hover:l,focus:i,selected:c,disabled:u,...x}=e;return(0,ht.jsxs)("span",{...x,className:r(e.className,sl,I(sl,{hover:l,focus:i,selected:c,disabled:u})),children:[!e.children&&(0,ht.jsx)(ht.Fragment,{children:(0,ht.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,ht.jsx)("span",{className:"k-icon-wrap",children:(0,ht.jsx)(v,{className:"k-actionsheet-item-icon",icon:t})}),(0,ht.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,ht.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,ht.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};oo.states=Pm;oo.className=sl;var Gi=require("react/jsx-runtime");var Hm=require("react/jsx-runtime");var Km=require("react/jsx-runtime");var Bm=require("react/jsx-runtime");var se=require("react/jsx-runtime"),Gm=fe.options,Dm=fe.states,_i={...fe.defaultOptions,variant:"normal"},_m=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],zm=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ba=e=>{let{variant:t,modifiers:o,...a}={..._i,...e},l={},i=(0,se.jsxs)(il,{children:[(0,se.jsx)(oo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,se.jsx)(oo,{text:"Add to Favorites",iconName:"heart"}),(0,se.jsx)(oo,{text:"Upload New",iconName:"upload",disabled:!0}),(0,se.jsx)("hr",{className:"k-hr"}),(0,se.jsx)(oo,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",u="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o\|\|{}).forEach(x=>{switch(x){case"actions":l.actionsStart=!!(o!=null&&o[x]),l.actionsEnd=!!(o!=null&&o[x]);break;case"subtitle":l.subtitle=o!=null&&o[x]?c:void 0;break;case"footer":l.footer=!!(o!=null&&o[x]);break;default:break}}),t==="adaptive"?(0,se.jsx)(fe,{...a,adaptive:!0,fullscreen:l.fullScreen,header:(0,se.jsx)(Xe,{actionsStart:l.actionsStart?(0,se.jsx)(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,se.jsx)(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?(0,se.jsxs)(jt,{alignment:"stretched",children:[(0,se.jsx)(d,{text:"Cancel",size:"large",themeColor:"base"}),(0,se.jsx)(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,se.jsx)(fe,{...a,fullscreen:l.fullScreen,header:(0,se.jsx)(Xe,{actionsStart:l.actionsStart?(0,se.jsx)(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,se.jsx)(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,se.jsxs)(jt,{alignment:"stretched",children:[(0,se.jsx)(d,{text:"Apply",themeColor:"primary"}),(0,se.jsx)(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};ba.options=Gm;ba.states=Dm;ba.variants=_m;ba.defaultOptions=_i;ba.modifiers=zm;var dl="slider",zi=dl;var Ct=require("react/jsx-runtime"),fa="k-slider",Um=[n.hover,n.focus,n.active,n.disabled,n.readonly],Fm={},xt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},oe=e=>{let{type:t=xt.type,orientation:o=xt.orientation,gradientType:a=xt.gradientType,readonly:l=xt.readonly,disabled:i=xt.disabled,handlePosition:c=xt.handlePosition,showButtons:u=xt.showButtons,showTicks:x=xt.showTicks,value:g=xt.value,min:L=xt.min,max:k=xt.max,startValue:b,endValue:M,hover:C,focus:w,active:K,trackStyle:P,dir:z,...ie}=e,Ve=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),at,rt;return o==="horizontal"?(at=z==="rtl"?"caret-alt-left":"caret-alt-right",rt=z==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(at="caret-alt-up",rt="caret-alt-down"),(0,Ct.jsxs)("div",{...ie,className:r(fa,e.className,I(fa,{readonly:l,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:z,children:[u&&(0,Ct.jsx)(d,{className:"k-button-decrease",rounded:"full",icon:rt,tabIndex:-1,title:"Decrease"}),(0,Ct.jsxs)("div",{className:"k-slider-track-wrap",children:[x&&(0,Ct.jsx)("ul",{className:"k-reset k-slider-items",children:e.children}),(0,Ct.jsxs)("div",{className:"k-slider-track",style:P,children:[(0,Ct.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Ct.jsx)("span",{className:r("k-draghandle","k-draghandle-start",I(fa,{hover:C,focus:w,active:K})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":b??L,"aria-valuemin":L,"aria-valuemax":M??k,"aria-orientation":Ve,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":ie["aria-label"]?`${ie["aria-label"]} start`:"Range start"}),(0,Ct.jsx)("span",{className:r("k-draghandle",`k-draghandle-${c}`,I(fa,{hover:C,focus:w,active:K})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?M??k:g,"aria-valuemin":t==="range"?b??L:L,"aria-valuemax":k,"aria-orientation":Ve,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?ie["aria-label"]?`${ie["aria-label"]} end`:"Range end":ie["aria-label"]})]})]}),u&&(0,Ct.jsx)(d,{className:"k-button-increase",rounded:"full",icon:at,tabIndex:-1,title:"Increase"})]})};oe.states=Um;oe.options=Fm;oe.className=fa;oe.defaultOptions=xt;oe.moduleName=dl;oe.folderName=zi;oe.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'}]};var cl=require("react/jsx-runtime"),Ui="k-tick",Vm=[],$m={},Fi={label:!1},B=e=>{let{style:t,label:o=Fi.label,orientation:a,large:l,text:i,...c}=e;return(0,cl.jsx)("li",{...c,className:r(e.className,Ui,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&(0,cl.jsx)("span",{className:"k-label",children:i})})};B.states=Vm;B.options=$m;B.className=Ui;B.defaultOptions=Fi;var Se=require("react/jsx-runtime"),Vi=e=>(0,Se.jsx)(oe,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,Se.jsxs)(Se.Fragment,{children:[(0,Se.jsx)(B,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Se.jsx)(B,{}),(0,Se.jsx)(B,{}),(0,Se.jsx)(B,{}),(0,Se.jsx)(B,{}),(0,Se.jsx)(B,{label:!0,large:!0,text:"5"}),(0,Se.jsx)(B,{}),(0,Se.jsx)(B,{}),(0,Se.jsx)(B,{}),(0,Se.jsx)(B,{}),(0,Se.jsx)(B,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Ae=require("react/jsx-runtime"),$i=e=>(0,Ae.jsx)(oe,{children:(0,Ae.jsxs)(Ae.Fragment,{children:[(0,Ae.jsx)(B,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ae.jsx)(B,{}),(0,Ae.jsx)(B,{}),(0,Ae.jsx)(B,{}),(0,Ae.jsx)(B,{}),(0,Ae.jsx)(B,{label:!0,large:!0,text:"5"}),(0,Ae.jsx)(B,{}),(0,Ae.jsx)(B,{}),(0,Ae.jsx)(B,{}),(0,Ae.jsx)(B,{}),(0,Ae.jsx)(B,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var pl=require("react/jsx-runtime");var ml=require("react/jsx-runtime");var Xi=require("react/jsx-runtime"),ul=e=>(0,Xi.jsx)(oe,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Wi=require("react/jsx-runtime"),bl=e=>(0,Wi.jsx)(oe,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var fl=require("react/jsx-runtime");var Tl=require("react/jsx-runtime");var Qe=require("react/jsx-runtime"),Xm=oe.options,Wm=oe.states,Ji={...oe.defaultOptions,variant:"horizontal",label:!0},Jm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],qm=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ta=e=>{let{variant:t,modifiers:o,...a}={...Ji,...e},l={};Object.keys(o\|\|{}).forEach(g=>{switch(g){case"button":{l.showButtons=!!(o!=null&&o[g]);break}case"label":{l.label=!!(o!=null&&o[g]);break}case"tick":{l.showTicks=!!(o!=null&&o[g]);break}}});let{label:i=!0,showButtons:c,showTicks:u}=l,x={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,Qe.jsxs)($i,{showTicks:u,showButtons:c,style:{height:"300px",...x},...a,children:[(0,Qe.jsx)(B,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,Qe.jsx)(B,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,Qe.jsx)(B,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,Qe.jsx)(B,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,Qe.jsx)(B,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,Qe.jsxs)(Vi,{showTicks:u,showButtons:c,style:{width:"400px",...x},...a,children:[(0,Qe.jsx)(B,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,Qe.jsx)(B,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,Qe.jsx)(B,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,Qe.jsx)(B,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,Qe.jsx)(B,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ta.options=Xm;Ta.states=Wm;Ta.variants=Jm;Ta.defaultOptions=Ji;Ta.modifiers=qm;var ha=require("react/jsx-runtime"),qi="k-spin-button",Zm=[],jm={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},hl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ao=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=hl.increaseLabel,decreaseLabel:i=hl.decreaseLabel,...c}=e;return(0,ha.jsxs)("span",{...c,className:r(qi,e.className),children:[(0,ha.jsx)(d,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),(0,ha.jsx)(d,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};ao.states=Zm;ao.options=jm;ao.className=qi;ao.defaultOptions=hl;ao.moduleName=null;ao.folderName=null;var Yi="numeric-textbox",Qi="numerictextbox";var we=require("react/jsx-runtime"),Zi="k-numerictextbox",eu=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],tu={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ar={showSpinButton:!0,showClearButton:!0,separators:!0},U=e=>{let{size:t,rounded:o,fillMode:a,separators:l=ar.separators,showClearButton:i=ar.showClearButton,showSpinButton:c=ar.showSpinButton,prefix:u,suffix:x,value:g,placeholder:L,hover:k,focus:b,valid:M,invalid:C,required:w,loading:K,disabled:P,readonly:z,id:ie,"aria-label":xe,"aria-describedby":Ve,...at}=e;return(0,we.jsxs)(Ne,{...at,size:t,rounded:o,fillMode:a,hover:k,focus:b,valid:M,invalid:C,required:w,loading:K,disabled:P,readonly:z,className:r(e.className,Zi),children:[u&&(0,we.jsxs)(we.Fragment,{children:[(0,we.jsx)(ut,{children:u}),l&&(0,we.jsx)(ft,{})]}),(0,we.jsx)(nt,{id:ie,placeholder:L,value:g,role:"spinbutton",disabled:P,"aria-label":xe,"aria-describedby":Ve,"aria-invalid":C?"true":void 0}),(0,we.jsx)($e,{valid:M,invalid:C,loading:K,disabled:P}),(0,we.jsx)(Ye,{loading:K,disabled:P}),i&&(0,we.jsx)(lt,{loading:K,disabled:P,readonly:z,value:g}),x&&(0,we.jsxs)(we.Fragment,{children:[l&&(0,we.jsx)(ft,{}),(0,we.jsx)(bt,{children:x})]}),c&&(0,we.jsx)(ao,{className:"k-input-spinner",size:t,fillMode:a,disabled:P})]})};U.states=eu;U.options=tu;U.className=Zi;U.defaultOptions=ar;U.moduleName=Yi;U.folderName=Qi;U.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var xa=U;var es=require("react/jsx-runtime"),ji=e=>(0,es.jsx)(xa,{...e});var lr=Dn(require("react"));var xl=require("react/jsx-runtime"),ou="k-list-group-sticky-header",Nl=e=>(0,xl.jsx)("div",{className:r(ou,e.className),children:(0,xl.jsx)("div",{className:"k-list-header-text",children:e.children})});var ts=require("react/jsx-runtime"),au="k-no-data",rr=e=>{let{live:t,...o}=e;return(0,ts.jsx)("span",{...o,className:r(au,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ho="list",Io=ho;var Ro=require("react/jsx-runtime"),gl="k-list",ru=[],lu={size:[s.undefined,s.small,s.medium,s.large]},nu={},F=e=>{var M;let{size:t,virtualization:o,children:a,header:l,optionLabel:i,customValue:c,noData:u,screenReaders:x,...g}=e,k=lr.default.Children.toArray(a)[0],b=(M=k==null?void 0:k.props)!=null&&M.children?lr.default.Children.count(k.props.children):lr.default.Children.count(a);return(0,Ro.jsxs)("div",{...g,className:r(e.className,gl,S(gl,{size:t}),{"k-virtual-list":o}),children:[i,c,l&&(0,Ro.jsx)(Nl,{children:l}),a\|\|(u!==void 0?u:(0,Ro.jsx)(rr,{live:!0,children:"No data found."})),x&&a&&(0,Ro.jsxs)(rr,{className:"k-sr-only",live:!0,children:[b," items found."]})]})};F.states=ru;F.options=lu;F.className=gl;F.defaultOptions=nu;F.moduleName=ho;F.folderName=Io;F.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var as=require("react/jsx-runtime"),os="k-list-container",iu=[],su={},du={},Oo=e=>{let{...t}=e;return(0,as.jsx)("div",{...t,className:r(e.className,os),children:e.children})};Oo.states=iu;Oo.options=su;Oo.className=os;Oo.defaultOptions=du;Oo.moduleName=ho;Oo.folderName=Io;var xo="checkbox",Po=xo;var kl=require("react/jsx-runtime"),nr="k-checkbox",cu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],pu={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full]},mu={},Ze=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:i,disabled:c,invalid:u,valid:x,required:g,size:L,rounded:k,...b}=e;return(0,kl.jsx)("span",{className:"k-checkbox-wrap",children:(0,kl.jsx)("input",{...b,id:t,type:"checkbox",defaultChecked:o,required:g,disabled:c\|\|void 0,"aria-invalid":u?"true":void 0,className:r(e.className,nr,S(nr,{size:L,rounded:k}),I(nr,{hover:l,focus:i,disabled:c,invalid:u,valid:x,indeterminate:a,checked:o}))})})};Ze.states=cu;Ze.options=pu;Ze.className=nr;Ze.defaultOptions=mu;Ze.moduleName=xo;Ze.folderName=Po;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 It=Ze;var ns=require("react/jsx-runtime"),rs="k-checkbox-list",uu=[],bu={},ls={layout:"vertical"},je=e=>{let{layout:t=ls.layout,...o}=e;return(0,ns.jsx)("ul",{...o,className:r(e.className,rs,{[`k-list-${t}`]:t}),children:e.children})};je.states=uu;je.options=bu;je.className=rs;je.defaultOptions=ls;je.moduleName=xo;je.folderName=Po;var ss=require("react/jsx-runtime"),is="k-checkbox-list-item",fu=[],Tu={},hu={},We=e=>{let{...t}=e;return(0,ss.jsx)("li",{...t,className:r(e.className,is),children:e.children})};We.states=fu;We.options=Tu;We.className=is;We.defaultOptions=hu;We.moduleName=xo;We.folderName=Po;var No=require("react/jsx-runtime"),Gt=({children:e,id:t,...o})=>(0,No.jsxs)(No.Fragment,{children:[(0,No.jsx)(It,{id:t,...o}),(0,No.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var vl=require("react/jsx-runtime");var Ll=require("react/jsx-runtime");var Cl=require("react/jsx-runtime");var xu=require("react/jsx-runtime");var Nu=require("react/jsx-runtime");var gu=require("react/jsx-runtime");var Be=require("react/jsx-runtime"),ku=je.options,vu=je.states,Lu={...je.defaultOptions,variant:"vertical"},Cu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Mu=[],Na=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Be.jsxs)(je,{layout:"horizontal",...o,children:[(0,Be.jsx)(We,{children:(0,Be.jsx)(Gt,{id:"first",defaultChecked:!0,children:"Label"})}),(0,Be.jsx)(We,{children:(0,Be.jsx)(Gt,{id:"second",children:"Label"})}),(0,Be.jsx)(We,{children:(0,Be.jsx)(Gt,{id:"third",children:"Label"})})]}):(0,Be.jsxs)(je,{...o,children:[(0,Be.jsx)(We,{children:(0,Be.jsx)(Gt,{id:"first",defaultChecked:!0,children:"Label"})}),(0,Be.jsx)(We,{children:(0,Be.jsx)(Gt,{id:"second",children:"Label"})}),(0,Be.jsx)(We,{children:(0,Be.jsx)(Gt,{id:"third",children:"Label"})})]})};Na.options=ku;Na.states=vu;Na.variants=Cu;Na.defaultOptions=Lu;Na.modifiers=Mu;var ds=require("react/jsx-runtime"),yu=It.options,Su=It.states,Au=It.defaultOptions,wu=[],Eu=[],ga=e=>(0,ds.jsx)(Gt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});ga.options=yu;ga.states=Su;ga.variants=wu;ga.defaultOptions=Au;ga.modifiers=Eu;var Rt=require("react/jsx-runtime"),Ml="k-list-item",Iu=[n.hover,n.focus,n.selected,n.disabled],Ru={},Ou={},_=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:i,showCheckbox:c,checked:u,hover:x,focus:g,selected:L,disabled:k,actions:b,description:M,id:C,...w}=e,K=t\|\|e.children;return(0,Rt.jsxs)("li",{...w,id:C,role:a?"presentation":"option",tabIndex:a?void 0:g?0:-1,"aria-selected":!a&&L?"true":a?void 0:"false","aria-disabled":!a&&k?"true":void 0,className:r(e.className,a?"k-list-group-item":Ml,I(Ml,{hover:x,focus:g,disabled:k,selected:L})),children:[c&&(0,Rt.jsx)(Ze,{checked:u}),l&&(0,Rt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Rt.jsx)(v,{icon:l,className:r("k-list-item-icon",i)})}),(0,Rt.jsx)("span",{className:"k-list-item-text",children:K}),b&&(0,Rt.jsx)("div",{className:"k-list-item-actions",children:b}),M&&(0,Rt.jsx)("span",{className:"k-list-item-description",children:M}),o&&o!==""&&(0,Rt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};_.states=Iu;_.options=Ru;_.className=Ml;_.defaultOptions=Ou;_.moduleName=ho;_.folderName=Io;_.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 cs=require("react/jsx-runtime"),Pu="k-list-ul",Dt=e=>{let{children:t,role:o,id:a,...l}=e;return(0,cs.jsx)("ul",{...l,id:a,role:o,className:r(Pu,e.className),children:t})};Dt.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 Ho=require("react/jsx-runtime"),Hu="k-list-content",q=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:i,...c}=e;return(0,Ho.jsxs)("div",{...c,className:r(Hu,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:(0,Ho.jsx)(Dt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&(0,Ho.jsx)("div",{className:"k-height-container",children:(0,Ho.jsx)("div",{})})]})};q.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 yl=require("react/jsx-runtime");var Ko=require("react/jsx-runtime"),Ku="k-list-group-item",go=e=>{let{groupIconName:t,...o}=e;return(0,Ko.jsxs)("li",{...o,role:"presentation",className:r(Ku,e.className),children:[t&&(0,Ko.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Ko.jsx)(v,{icon:t,className:"k-list-item-icon"})}),(0,Ko.jsx)("span",{className:"k-list-item-text",children:e.children})]})};go.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 ps=require("react/jsx-runtime"),Sl="k-list-optionlabel",Bu=[n.hover,n.focus,n.selected,n.disabled],Gu={},Du={},ir=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...c}=e;return(0,ps.jsx)("div",{...c,className:r(Sl,I(Sl,{hover:o,focus:a,selected:l,disabled:i})),children:t})};ir.states=Bu;ir.options=Gu;ir.className=Sl;ir.defaultOptions=Du;var ms=require("react/jsx-runtime"),Al="k-list-custom-value",_u=[n.hover,n.focus,n.selected,n.disabled],zu={},Uu={},ro=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...c}=e;return(0,ms.jsx)("div",{...c,className:r(Al,I(Al,{hover:o,focus:a,selected:l,disabled:i})),children:t})};ro.states=_u;ro.options=zu;ro.className=Al;ro.defaultOptions=Uu;var wl=require("react/jsx-runtime");var El=require("react/jsx-runtime");var Il=require("react/jsx-runtime");var Rl=require("react/jsx-runtime");var Fu=require("react/jsx-runtime");var Ol=require("react/jsx-runtime");var us="dropdown-list",bs="dropdownlist";var de=require("react/jsx-runtime"),fs="k-dropdownlist",Vu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],$u={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Pl={showValue:!0,arrowIconName:"caret-alt-down"},Y=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Pl.arrowIconName,showValue:i=Pl.showValue,valueIconName:c,prefix:u,suffix:x,value:g,placeholder:L,hover:k,focus:b,valid:M,invalid:C,required:w,loading:K,disabled:P,readonly:z,popup:ie,opened:xe,adaptive:Ve,adaptiveSettings:at,adaptiveTitle:rt,adaptiveSubtitle:yo,adaptiveFilter:wr,...Fa}=e;return(0,de.jsxs)(de.Fragment,{children:[(0,de.jsxs)(At,{...Fa,size:t,rounded:o,fillMode:a,hover:k,focus:b,valid:M,invalid:C,required:w,loading:K,disabled:P,readonly:z,className:r(e.className,fs,{"k-icon-picker":!i&&c}),children:[(0,de.jsx)(ut,{children:u}),(0,de.jsx)(fo,{placeholder:L,value:g,showValue:i,valueIconName:c}),(0,de.jsx)($e,{valid:M,invalid:C,loading:K,disabled:P}),(0,de.jsx)(Ye,{loading:K,disabled:P}),(0,de.jsx)(bt,{children:x}),(0,de.jsx)(d,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":L\|\|"Toggle dropdown"})]}),xe&&ie&&(0,de.jsx)(ee,{className:"k-list-container k-dropdownlist-popup",children:ie}),Ve&&(0,de.jsx)(fe,{adaptive:!0,...at,header:(0,de.jsx)(Xe,{actionsEnd:(0,de.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:wr,inputValue:g,inputPlaceholder:L,title:rt,subtitle:yo}),children:(0,de.jsx)("div",{className:"k-list-container",children:(0,de.jsx)(F,{size:"large",children:(0,de.jsxs)(q,{children:[(0,de.jsx)(_,{text:"List item"}),(0,de.jsx)(_,{text:"List item"}),(0,de.jsx)(_,{text:"List item"})]})})})})]})};Y.states=Vu;Y.options=$u;Y.className=fs;Y.defaultOptions=Pl;Y.moduleName=us;Y.folderName=bs;var Xu=require("react/jsx-runtime");var Ts=require("react/jsx-runtime");var Hl=require("react/jsx-runtime");var Wu=require("react/jsx-runtime");var hs=require("react/jsx-runtime");var Kl=require("react/jsx-runtime");var et=require("react/jsx-runtime"),Ju=Y.states,qu=Y.defaultOptions,Yu=Y.options,Qu=[{name:"opened",title:"Opened"}],Zu=[],va=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)(Tt,{})}),(0,et.jsx)(F,{style:{width:300},size:o.size,children:(0,et.jsxs)(q,{children:[(0,et.jsx)(_,{children:"List item"}),(0,et.jsx)(_,{children:"List item"}),(0,et.jsx)(_,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?l:void 0)}),(0,et.jsx)("div",{children:(0,et.jsx)(Y,{placeholder:"Value",style:{width:300},...o,...a})})};va.options=Yu;va.states=Ju;va.variants=Zu;va.defaultOptions=qu;va.modifiers=Qu;var xs=require("react/jsx-runtime");var Ns=require("react/jsx-runtime");var ju=require("react/jsx-runtime");var sr=require("react/jsx-runtime"),eb=U.states,tb=U.defaultOptions,ob=U.options,ab=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],rb=[],La=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,sr.jsx)(Y,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,sr.jsx)(Jr,{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,sr.jsx)(ji,{value:"Value",style:{width:300},...o,...a})};La.options=ob;La.states=eb;La.variants=rb;La.defaultOptions=tb;La.modifiers=ab;var A=require("react/jsx-runtime"),gs="k-colorgradient-inputs",lb=[],nb={size:[s.undefined,s.small,s.medium,s.large]},ks={mode:"rgba"},Bo=e=>{let{mode:t=ks.mode,size:o,...a}=e;return(0,A.jsxs)("div",{...a,className:r(gs,"k-hstack"),children:[(0,A.jsx)("div",{className:"k-vstack",children:(0,A.jsx)(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,A.jsx)(A.Fragment,{children:(0,A.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,A.jsx)(te,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Bo.states=lb;Bo.options=nb;Bo.className=gs;Bo.defaultOptions=ks;var Ge=require("react/jsx-runtime"),vs="k-colorgradient-color-contrast",ib=[],sb={},db={},Go=()=>(0,Ge.jsxs)("div",{className:r(vs,"k-vbox"),children:[(0,Ge.jsxs)("div",{className:"k-contrast-ratio",children:[(0,Ge.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,Ge.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,Ge.jsx)(v,{icon:"check"}),(0,Ge.jsx)(v,{icon:"check"})]})]}),(0,Ge.jsxs)("div",{children:[(0,Ge.jsx)("span",{children:"AA: 4.5"}),(0,Ge.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,Ge.jsx)(v,{icon:"check"})]})]}),(0,Ge.jsxs)("div",{children:[(0,Ge.jsx)("span",{children:"AAA: 7.0"}),(0,Ge.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,Ge.jsx)(v,{icon:"x"})]})]})]});Go.states=ib;Go.options=sb;Go.className=vs;Go.defaultOptions=db;var Ls="color-gradient",Cs="colorgradient";var ge=require("react/jsx-runtime"),dr="k-colorgradient",cb=[n.hover,n.focus,n.readonly,n.disabled],pb={size:[s.undefined,s.small,s.medium,s.large]},Ot={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"},Ee=e=>{let{size:t,mode:o=Ot.mode,readonly:a=Ot.readonly,disabled:l=Ot.disabled,gradientStyle:i=Ot.gradientStyle,dragHandleStyle:c=Ot.dragHandleStyle,alphaStyle:u=Ot.alphaStyle,alphaStyleHorizontal:x=Ot.alphaStyleHorizontal,contrast:g=Ot.contrast,dir:L,hover:k,focus:b,hoverHandle:M,focusHandle:C,canvasOrientation:w=Ot.canvasOrientation,role:K,tabIndex:P,...z}=e;return(0,ge.jsxs)("div",{...z,role:K??"textbox","aria-label":K==="none"?void 0:"Color gradient",tabIndex:P??0,"aria-disabled":l?"true":void 0,className:r(e.className,dr,S(dr,{size:t}),I(dr,{hover:k,focus:b,readonly:a,disabled:l})),dir:L,children:[!w\|\|w==="horizontal"&&(0,ge.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,ge.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,ge.jsx)("div",{className:"k-hsv-gradient",children:(0,ge.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,ge.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,ge.jsx)(bl,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&(0,ge.jsx)(bl,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:u})]})]}),w==="vertical"&&(0,ge.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,ge.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,ge.jsx)("div",{className:"k-hsv-gradient",children:(0,ge.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,ge.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,ge.jsx)(ul,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&(0,ge.jsx)(ul,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:x})]})]}),(0,ge.jsx)(Bo,{mode:e.mode,size:t}),g&&(0,ge.jsx)(Go,{})]})};Ee.states=cb;Ee.options=pb;Ee.className=dr;Ee.defaultOptions=Ot;Ee.moduleName=Ls;Ee.folderName=Cs;Ee.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 Ms=require("react/jsx-runtime"),cr=e=>(0,Ms.jsx)(Ee,{...e});var mb=require("react/jsx-runtime");var ub=require("react/jsx-runtime");var pr=require("react/jsx-runtime"),bb=Ee.options,fb=Ee.states,Tb={...Ee.defaultOptions,variant:"rgba"},hb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],xb=[],Ca=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,pr.jsx)(cr,{...o,mode:t});case"rgb":return(0,pr.jsx)(cr,{...o,mode:t});default:return(0,pr.jsx)(cr,{...o,mode:t})}};Ca.options=bb;Ca.states=fb;Ca.variants=hb;Ca.defaultOptions=Tb;Ca.modifiers=xb;var ys=require("react/jsx-runtime"),Bl=e=>(0,ys.jsx)("tr",{role:"row",children:e.children});var Ss=require("react/jsx-runtime"),Gl="k-colorpalette-tile",Nb=[n.hover,n.focus,n.selected],gb={},Do=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:i,...c}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,Ss.jsx)("td",{...c,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,Gl,I(Gl,{hover:a,focus:l,selected:i})),style:u})};Do.states=Nb;Do.options=gb;Do.className=Gl;var As="color-palette",ws="colorpalette";var _o=require("react/jsx-runtime"),mr="k-colorpalette",kb=[n.disabled],vb={size:[s.undefined,s.small,s.medium,s.large]},Es={columns:10},tt=e=>{let{size:t,palette:o,columns:a=Es.columns,tileSize:l,disabled:i,...c}=e,u=[];if(o){let x=a\|\|o.columns,g=o.colors?o.colors:o;Array.isArray(g)&&Array.from({length:Math.ceil(g.length/x)},(L,k)=>{let b=[];g.slice(kx,(k+1)x).map((C,w)=>{b.push((0,_o.jsx)(Do,{color:C,tileSize:l},w))});let M=(0,_o.jsx)(Bl,{children:b},k);u.push(M)})}return(0,_o.jsx)("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,mr,I(mr,{disabled:i}),S(mr,{size:t})),children:(0,_o.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,_o.jsx)("tbody",{children:u.length>0?u:e.children})})})};tt.states=kb;tt.options=vb;tt.className=mr;tt.defaultOptions=Es;tt.moduleName=As;tt.folderName=ws;tt.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 ur=tt;var Ma={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 Rs=require("react/jsx-runtime"),Is=e=>(0,Rs.jsx)(ur,{palette:Ma.basic,...e});var Lb=require("react/jsx-runtime");var Os=require("react/jsx-runtime");var Ps=require("react/jsx-runtime"),Cb=tt.options,Mb=tt.states,yb={...tt.defaultOptions,variant:"basic"},Sb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Ab={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}},wb=[],ya=e=>{let{variant:t="basic",...o}=e,a=Ab[t];return(0,Ps.jsx)(Is,{columns:a.columns,palette:a,...o})};ya.options=Cb;ya.states=Mb;ya.variants=Sb;ya.defaultOptions=yb;ya.modifiers=wb;var Hs="color-editor",Ks="coloreditor";var Te=require("react/jsx-runtime"),br="k-coloreditor",Eb=[n.focus],Ib={size:[s.undefined,s.small,s.medium,s.large]},Sa={view:"gradient",palette:Ma.office,actionButtons:!0,canvasOrientation:"horizontal"},he=e=>{let{size:t,view:o=Sa.view,palette:a=Sa.palette,color:l,currentColor:i,focus:c,focusView:u,dir:x,group:g,actionButtons:L=Sa.actionButtons,canvasOrientation:k=Sa.canvasOrientation,...b}=e;return(0,Te.jsxs)("div",{...b,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",br,S(br,{size:t}),I(br,{focus:c})),dir:x,children:[(0,Te.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,Te.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:g&&(0,Te.jsxs)(D,{fillMode:"flat",children:[(0,Te.jsx)(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,Te.jsx)(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,Te.jsx)("div",{className:"k-spacer"}),(0,Te.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,Te.jsx)(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,Te.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,Te.jsx)(Zt,{className:"k-coloreditor-preview-color",color:l}),(0,Te.jsx)(Zt,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,Te.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,Te.jsx)(Ee,{focus:u,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):(0,Te.jsx)(tt,{palette:a,size:t})}),L&&(0,Te.jsxs)(Et,{className:"k-coloreditor-footer",alignment:"start",children:[(0,Te.jsx)(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,Te.jsx)(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};he.states=Eb;he.options=Ib;he.className=br;he.defaultOptions=Sa;he.moduleName=Hs;he.folderName=Ks;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 zo=he;var Rb=require("react/jsx-runtime");var Ob=require("react/jsx-runtime");var Gs=require("react/jsx-runtime"),Bs=e=>(0,Gs.jsx)(zo,{group:!0,currentColor:"fuchsia",...e});var _s=require("react/jsx-runtime"),Ds=e=>(0,_s.jsx)(zo,{view:"palette",group:!0,currentColor:"fuchsia",...e});var Dl=require("react/jsx-runtime"),Pb=he.options,Hb=he.states,Kb={...he.defaultOptions,variant:"gradient"},Bb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Gb=[],Aa=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Dl.jsx)(Ds,{...o,color:"white"}):(0,Dl.jsx)(Bs,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Aa.options=Pb;Aa.states=Hb;Aa.variants=Bb;Aa.defaultOptions=Kb;Aa.modifiers=Gb;var zs="color-picker",Us="colorpicker";var ke=require("react/jsx-runtime"),Fs="k-colorpicker",Db=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],_b={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Vs={arrowIconName:"caret-alt-down"},st=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Vs.arrowIconName,prefix:i,suffix:c,value:u,placeholder:x,hover:g,focus:L,valid:k,invalid:b,required:M,disabled:C,valueIconName:w,popup:K,opened:P,adaptive:z,adaptiveSettings:ie,adaptiveTitle:xe,adaptiveSubtitle:Ve,...at}=e,rt="colorpicker-popup";return(0,ke.jsxs)(ke.Fragment,{children:[(0,ke.jsxs)(At,{...at,size:t,rounded:o,fillMode:a,hover:g,focus:L,valid:k,invalid:b,required:M,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":P?"true":"false","aria-controls":P\|\|z?rt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:r(e.className,Fs,"k-icon-picker"),children:[(0,ke.jsx)(ut,{children:i}),(0,ke.jsx)(fo,{placeholder:x,value:u,showValue:!1,valueIcon:(0,ke.jsx)(Zt,{className:"k-value-icon",color:u,iconName:w}),valueIconName:w}),(0,ke.jsx)(bt,{children:c}),(0,ke.jsx)(d,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),P&&K&&(0,ke.jsx)(ee,{id:rt,className:"k-colorpicker-popup",children:K}),z&&(0,ke.jsx)(fe,{adaptive:!0,id:rt,...ie,header:(0,ke.jsx)(Xe,{actionsEnd:(0,ke.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:xe,subtitle:Ve}),footer:(0,ke.jsxs)(jt,{children:[(0,ke.jsx)(d,{text:"Cancel",size:"large"}),(0,ke.jsx)(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,ke.jsx)(he,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};st.states=Db;st.options=_b;st.className=Fs;st.defaultOptions=Vs;st.moduleName=zs;st.folderName=Us;st.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 lo=st;var $s=require("react/jsx-runtime"),fr=e=>(0,$s.jsx)(lo,{...e});var zb=require("react/jsx-runtime");var Ub=require("react/jsx-runtime");var Fb=require("react/jsx-runtime");var Vb=require("react/jsx-runtime");var $b=require("react/jsx-runtime");var Xb=require("react/jsx-runtime");var no=require("react/jsx-runtime"),Wb=lo.options,Jb=lo.states,Xs={...lo.defaultOptions,variant:"color"},qb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Yb=[{name:"opened",title:"Opened"}],wa=e=>{let{variant:t,modifiers:o,...a}={...Xs,...e},l={};Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(l.opened=!!(o!=null&&o[c]),l.popup=o!=null&&o[c]?(0,no.jsx)(he,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,no.jsx)("div",{style:i,children:(0,no.jsx)(fr,{...a,...l})});case"icon":return(0,no.jsx)("div",{style:i,children:(0,no.jsx)(fr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return(0,no.jsx)("div",{style:i,children:(0,no.jsx)(fr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};wa.options=Wb;wa.states=Jb;wa.variants=qb;wa.defaultOptions=Xs;wa.modifiers=Yb;var _l="combobox",Ws=_l;var J=require("react/jsx-runtime"),Js="k-combobox",Qb=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Zb={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},qs={separators:!0},Je=e=>{let{size:t,rounded:o,fillMode:a,separators:l=qs.separators,prefix:i,suffix:c,value:u,placeholder:x,hover:g,focus:L,valid:k,invalid:b,required:M,loading:C,disabled:w,popup:K,opened:P,readonly:z,adaptive:ie,adaptiveSettings:xe,adaptiveTitle:Ve,adaptiveSubtitle:at,adaptiveCustomValue:rt,id:yo,autocomplete:wr,activeDescendant:Fa,"aria-label":Vc,...$c}=e,Xc=yo?`${yo}-listbox`:void 0;return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(Ne,{...$c,size:t,rounded:o,fillMode:a,hover:g,focus:L,valid:k,invalid:b,required:M,loading:C,disabled:w,readonly:z,className:r(e.className,Js),children:[i&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(ut,{children:i}),l&&(0,J.jsx)(ft,{})]}),(0,J.jsx)(nt,{placeholder:x,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":P?"true":"false","aria-controls":P?Xc:void 0,"aria-activedescendant":P&&Fa?Fa:void 0,"aria-autocomplete":wr,"aria-invalid":b?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":Vc,disabled:w,readOnly:z}),(0,J.jsx)($e,{valid:k,invalid:b,loading:C,disabled:w}),(0,J.jsx)(Ye,{loading:C,disabled:w}),(0,J.jsx)(lt,{loading:C,disabled:w,readonly:z,value:u}),c&&(0,J.jsxs)(J.Fragment,{children:[l&&(0,J.jsx)(ft,{}),(0,J.jsx)(bt,{children:c})]}),(0,J.jsx)(d,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:w})]}),P&&K&&(0,J.jsx)(ee,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:K}),ie&&(0,J.jsx)(fe,{adaptive:!0,id:yo?`${yo}-adaptive`:void 0,...xe,header:(0,J.jsx)(Xe,{actionsEnd:(0,J.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:x,title:Ve,subtitle:at}),children:(0,J.jsx)("div",{className:"k-list-container",children:(0,J.jsx)(F,{customValue:rt?(0,J.jsx)(ro,{text:`Use "${u}"`}):void 0,size:"large",children:(0,J.jsxs)(q,{"aria-label":Ve\|\|"Options",children:[(0,J.jsx)(_,{text:"List item"}),(0,J.jsx)(_,{text:"List item"}),(0,J.jsx)(_,{text:"List item"})]})})})})]})};Je.states=Qb;Je.options=Zb;Je.className=Js;Je.defaultOptions=qs;Je.moduleName=_l;Je.folderName=Ws;Je.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var dt=Je;var Qs=require("react/jsx-runtime"),Ys=e=>(0,Qs.jsx)(dt,{...e});var Zs=require("react/jsx-runtime");var js=require("react/jsx-runtime");var ed=require("react/jsx-runtime");var td=require("react/jsx-runtime");var od=require("react/jsx-runtime");var ad=require("react/jsx-runtime");var zl=require("react/jsx-runtime");var jb=require("react/jsx-runtime");var ef=require("react/jsx-runtime");var rd=require("react/jsx-runtime");var ld=require("react/jsx-runtime");var Mt=require("react/jsx-runtime"),tf=Je.states,of=Je.defaultOptions,af=Je.options,rf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],lf=[],Ea=e=>{let{modifiers:t,...o}=e,a={},l=(0,Mt.jsx)(F,{style:{width:300},size:o.size,children:(0,Mt.jsxs)(q,{children:[(0,Mt.jsx)(_,{children:"List item"}),(0,Mt.jsx)(_,{children:"List item"}),(0,Mt.jsx)(_,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,Mt.jsx)(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,Mt.jsx)(Qt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?l:void 0;break;default:break}}),(0,Mt.jsx)("div",{children:(0,Mt.jsx)(Ys,{value:"Value",style:{width:300},...o,...a})})};Ea.options=af;Ea.states=tf;Ea.variants=lf;Ea.defaultOptions=of;Ea.modifiers=rf;var Ul="menu-button",nd=Ul;var sd=require("react/jsx-runtime"),id="k-menu-button",nf=[n.hover,n.focus,n.active,n.selected,n.disabled],sf={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Fl={showArrow:!0,arrowIconName:"caret-alt-down"},Q=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:u,selected:x,disabled:g,icon:L,text:k,showArrow:b=Fl.showArrow,arrowIconName:M=Fl.arrowIconName,expanded:C,...w}=e;return(0,sd.jsx)(d,{...w,className:r(e.className,id),text:k,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:u,selected:x,disabled:g,icon:L,showArrow:b,arrowIconName:M,"aria-expanded":C?"true":"false",...!k&&L&&!e["aria-label"]&&{"aria-label":"Menu"},...g&&{"aria-disabled":"true"}})};Q.states=nf;Q.options=sf;Q.className=id;Q.defaultOptions=Fl;Q.moduleName=Ul;Q.folderName=nd;Q.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 df=require("react/jsx-runtime");var cf=require("react/jsx-runtime");var pf=require("react/jsx-runtime");var ct="menu",gt=ct;var _t=require("react/jsx-runtime"),Vl="k-menu-item",mf=[n.hover,n.focus,n.active,n.selected,n.disabled],uf={},dd={iconPosition:"before"},De=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:c,text:u,first:x,last:g,showArrow:L,arrowIconName:k,iconPosition:b=dd.iconPosition,dir:M,children:C,expanded:w,...K}=e,P=k;return P\|\|(P=M==="rtl"?"caret-alt-left":"caret-alt-right"),(0,_t.jsxs)("li",{...K,className:r(e.className,Vl,"k-item",I(Vl,{focus:o,disabled:i,hover:t,active:a,selected:l}),{"k-first":x,"k-last":g}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":w?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,_t.jsxs)("span",{className:r("k-link k-menu-link"),children:[c&&b==="before"&&(0,_t.jsx)(v,{className:"k-menu-link-icon",icon:c}),(0,_t.jsx)("span",{className:"k-menu-link-text",children:u}),c&&b==="after"&&(0,_t.jsx)(v,{className:"k-menu-link-icon",icon:c}),L&&(0,_t.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,_t.jsx)(v,{icon:P})})]}),C]})};De.states=mf;De.options=uf;De.className=Vl;De.defaultOptions=dd;De.moduleName=ct;De.folderName=gt;var zt=require("react/jsx-runtime"),$l="k-menu-item",bf=[n.hover,n.focus,n.active,n.selected,n.disabled],ff={},Xl={dir:"ltr",iconPosition:"before"},ce=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:c,text:u,first:x,last:g,showArrow:L,arrowIconName:k,iconPosition:b=Xl.iconPosition,dir:M=Xl.dir,children:C,popup:w,expanded:K,...P}=e,z=k;return z\|\|(z=M==="rtl"?"caret-alt-left":"caret-alt-right"),(0,zt.jsxs)("li",{...P,className:r(e.className,$l,"k-item",I($l,{focus:o,disabled:i}),{"k-first":x,"k-last":g}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":K?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,zt.jsxs)("span",{className:r("k-link k-menu-link",I("k-menu-link",{hover:t,active:a,selected:l,disabled:i})),children:[c&&b==="before"&&(0,zt.jsx)(v,{className:"k-menu-link-icon",icon:c}),(0,zt.jsx)("span",{className:"k-menu-link-text",children:u}),c&&b==="after"&&(0,zt.jsx)(v,{className:"k-menu-link-icon",icon:c}),L&&(0,zt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,zt.jsx)(v,{icon:z})})]}),C,w]})};ce.states=bf;ce.options=ff;ce.className=$l;ce.defaultOptions=Xl;ce.moduleName=ct;ce.folderName=gt;var md=require("react/jsx-runtime"),cd="k-menu-scroll-wrapper",Tf=[],hf={},xf={},ko=e=>{let{className:t,children:o,orientation:a,...l}=e;return(0,md.jsx)("div",{...l,className:r(t,cd,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ko.states=Tf;ko.options=hf;ko.className=cd;ko.defaultOptions=xf;ko.moduleName=ct;ko.folderName=gt;var pd=ko;var Ie=require("react/jsx-runtime"),Wl="k-menu",Nf=[],gf={},hr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Re=e=>{let{children:t,orientation:o=hr.orientation,header:a=hr.header,scrollable:l,scrollButtonsPosition:i=hr.scrollButtonsPosition,wrapperStyles:c,dir:u,popup:x,contextMenu:g,...L}=e,k={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=(0,Ie.jsx)("ul",{dir:u,...L,className:r(e.className,"k-reset",Wl,{[`${Wl}-${o}`]:o,"k-header":a}),role:g?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Ie.jsxs)(Ie.Fragment,{children:[l?(0,Ie.jsxs)(pd,{orientation:o,style:c,dir:e.dir,children:[i==="start"&&(0,Ie.jsxs)(Ie.Fragment,{children:[(0,Ie.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Ie.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,Ie.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),b,i==="end"&&(0,Ie.jsxs)(Ie.Fragment,{children:[(0,Ie.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Ie.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,Ie.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):b,x]})};Re.states=Nf;Re.options=gf;Re.className=Wl;Re.defaultOptions=hr;Re.moduleName=ct;Re.folderName=gt;Re.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-haspopup=menu",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-expanded=true/false",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item[aria-haspopup][aria-controls]",attribute:"aria-controls=ul.k-menu-group id",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var bd=require("react/jsx-runtime"),Jl="k-separator",ud={orientation:"horizontal"},Uo=e=>{let{orientation:t=ud.orientation,...o}=e;return(0,bd.jsx)("li",{...o,className:r(e.className,"k-item",Jl,{[`${Jl}-${t}`]:t}),role:"separator"})};Uo.className=Jl;Uo.defaultOptions=ud;Uo.moduleName=ct;Uo.folderName=gt;var fd=require("react/jsx-runtime");var Td=require("react/jsx-runtime"),ql="k-menu-group",kf=[],vf={size:[s.undefined,s.small,s.medium,s.large]},Lf={},_e=e=>{let{children:t,size:o,...a}=e;return(0,Td.jsx)("ul",{...a,className:r(e.className,ql,S(ql,{size:o})),role:"menu",children:t})};_e.states=kf;_e.options=vf;_e.className=ql;_e.defaultOptions=Lf;_e.moduleName=ct;_e.folderName=gt;var yt=require("react/jsx-runtime"),Yl=e=>(0,yt.jsx)(Re,{children:(0,yt.jsxs)(yt.Fragment,{children:[(0,yt.jsx)(De,{first:!0,text:"Item 1"}),(0,yt.jsx)(De,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,yt.jsx)(De,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,yt.jsx)(De,{text:"Item 4"}),(0,yt.jsx)(De,{last:!0,text:"Item 5"})]}),...e});var Ql=require("react/jsx-runtime");var Zl=require("react/jsx-runtime");var jl=require("react/jsx-runtime");var en=require("react/jsx-runtime");var Pt=require("react/jsx-runtime"),Cf=Re.options,Mf=Re.states,hd={...Re.defaultOptions,variant:"horizontal"},yf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Sf=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ia=e=>{let{variant:t,modifiers:o,...a}={...hd,...e},l={};return Object.keys(o\|\|{}).forEach(i=>{switch(i){case"scrollable":l.scrollable=!!(o!=null&&o[i]);break;case"opened":l.opened=!!(o!=null&&o[i]),l.popup=(0,Pt.jsx)(ee,{className:"k-menu-popup",children:(0,Pt.jsxs)(_e,{children:[(0,Pt.jsx)(ce,{text:"Item 1"}),(0,Pt.jsx)(ce,{text:"Item 2"}),(0,Pt.jsx)(Uo,{}),(0,Pt.jsx)(ce,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Pt.jsx)(Yl,{...a,...l,orientation:"vertical",style:{width:"200px"}}):(0,Pt.jsx)(Yl,{...a,...l})};Ia.options=Cf;Ia.states=Mf;Ia.variants=yf;Ia.defaultOptions=hd;Ia.modifiers=Sf;var tn=require("react/jsx-runtime");var Af=require("react/jsx-runtime");var ze=require("react/jsx-runtime"),wf=d.states,xd={...d.defaultOptions,variant:"text"},Ef=d.options,If=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Rf=[{name:"opened",title:"Opened"}],Ra=e=>{let{variant:t,modifiers:o,...a}={...xd,...e},l={},i=(0,ze.jsx)(ee,{className:"k-menu-popup",children:(0,ze.jsxs)(_e,{size:a.size,children:[(0,ze.jsx)(ce,{first:!0,text:"Menu Item"}),(0,ze.jsx)(ce,{text:"Menu Item"}),(0,ze.jsx)(ce,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=(0,ze.jsx)("div",{children:(0,ze.jsx)(Q,{...a,...l,icon:"star"})});break;case"icon-and-text":c=(0,ze.jsx)("div",{children:(0,ze.jsx)(Q,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:c=(0,ze.jsx)("div",{children:(0,ze.jsx)(Q,{...a,...l,children:"Dropdown Button"})});break}return(0,ze.jsxs)(ze.Fragment,{children:[c,(o==null?void 0:o.opened)&&i]})};Ra.options=Ef;Ra.states=wf;Ra.variants=If;Ra.defaultOptions=xd;Ra.modifiers=Rf;var on="split-button",Nd=on;var Ut=require("react/jsx-runtime"),an="k-split-button",Of=[n.hover,n.focus,n.active,n.selected,n.disabled],Pf={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},gd={arrowIconName:"caret-alt-down"},V=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:u,selected:x,disabled:g,icon:L,text:k,arrowIconName:b=gd.arrowIconName,popup:M,opened:C,popupId:w,...K}=e;return(0,Ut.jsxs)(Ut.Fragment,{children:[(0,Ut.jsxs)("div",{...K,className:r(e.className,an,"k-button-group",S(an,{rounded:o})),children:[(0,Ut.jsx)(d,{text:k,icon:L,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:u,selected:x,disabled:g,...!k&&!e.children&&L&&{"aria-label":"Action"},children:e.children}),(0,Ut.jsx)(d,{className:"k-split-button-arrow",icon:b,size:t,rounded:o,fillMode:a,disabled:g,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?w:void 0,tabIndex:-1,...g&&{"aria-disabled":"true"}})]}),C&&M&&(0,Ut.jsx)(ee,{className:"k-menu-popup",children:M})]})};V.states=Of;V.options=Pf;V.className=an;V.defaultOptions=gd;V.moduleName=on;V.folderName=Nd;V.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 rn=V;var kd=require("react/jsx-runtime"),Hf="k-toolbar-separator",St=e=>(0,kd.jsx)("div",{className:r(Hf,e.className,"k-separator")});var Ft="toolbar",io=Ft;var G=require("react/jsx-runtime"),Vt="k-toolbar",Kf=[n.focus],Bf={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},Gf={scrollButtons:"around"},j=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:i,scrollButtons:c,scrollingPosition:u,section:x,...g}=e,L=[],k=(b,M)=>{let C=[];if(b.type===d&&b.props.className&&b.props.className.includes("k-toolbar-overflow-button"))C.push((0,G.jsx)(d,{...b.props,className:`${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===d)C.push((0,G.jsx)(d,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===Zo)C.push((0,G.jsx)(Zo,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===Qt)C.push((0,G.jsx)(Qt,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===Q)C.push((0,G.jsx)(Q,{...b.props,className:`k-toolbar-menu-button ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===rn)C.push((0,G.jsx)(rn,{...b.props,className:`k-toolbar-split-button ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===D\|\|b.props.className&&b.props.className.includes("k-button-group")){let w=[];(Array.isArray(b.props.children)?b.props.children:[b.props.children]).forEach((P,z)=>{w.push((0,G.jsx)(d,{...P.props,className:`${P.props.className?P.props.className:""}`},`${z}-${new Date().getTime()}`))}),C.push((0,G.jsx)(D,{...b.props,className:`k-toolbar-button-group ${b.props.className?b.props.className:""}`,children:w},`${M}-${new Date().getTime()}`))}else b.type===Je?C.push((0,G.jsx)(Je,{...b.props,className:`k-toolbar-combobox ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`)):b.type===Y?C.push((0,G.jsx)(Y,{...b.props,className:`k-toolbar-dropdownlist ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`)):b.type===st?C.push((0,G.jsx)(st,{...b.props,className:`k-toolbar-colorpicker ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`)):C.push(b);C.forEach(w=>{L.push(w)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,C)=>{k(M,C)}),(0,G.jsxs)("div",{...g,className:r(e.className,Vt,S(Vt,{size:t,fillMode:o}),I(Vt,{focus:a}),{[`${Vt}-resizable`]:l,[`${Vt}-scrollable`]:i,[`${Vt}-scrollable-overlay`]:i&&c==="hidden",[`${Vt}-scrollable-${u}`]:u&&u!=="both",[`${Vt}-section`]:x}),role:"toolbar","aria-label":"Toolbar",children:[!i&&L,i&&c==="hidden"&&(0,G.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),i&&c==="start"&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsxs)(D,{children:[(0,G.jsx)("span",{className:r("k-toolbar-prev","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,G.jsx)(v,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,G.jsx)("span",{className:r("k-toolbar-next","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,G.jsx)(v,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,G.jsx)(St,{className:"k-toolbar-button-separator"}),(0,G.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L})]}),i&&c==="end"&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),(0,G.jsx)(St,{className:"k-toolbar-button-separator"}),(0,G.jsxs)(D,{children:[(0,G.jsx)("span",{className:r("k-toolbar-prev","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,G.jsx)(v,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,G.jsx)("span",{className:r("k-toolbar-next","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,G.jsx)(v,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),i&&(c==="around"\|\|!c)&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)("span",{className:r("k-toolbar-prev","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,G.jsx)(v,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,G.jsx)(St,{className:"k-toolbar-button-separator"}),(0,G.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),(0,G.jsx)(St,{className:"k-toolbar-button-separator"}),(0,G.jsx)("span",{className:r("k-toolbar-next","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,G.jsx)(v,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};j.states=Kf;j.options=Bf;j.className=Vt;j.defaultOptions=Gf;j.moduleName=Ft;j.folderName=io;j.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the section toggle button."}]};var Ld=require("react/jsx-runtime"),vd="k-floating-toolbar",Df=[],_f={},zf={},Fo=e=>{let{...t}=e;return(0,Ld.jsx)("div",{...t,className:r(e.className,vd),children:e.children})};Fo.states=Df;Fo.options=_f;Fo.className=vd;Fo.defaultOptions=zf;Fo.moduleName=Ft;Fo.folderName=io;var Cd=require("react/jsx-runtime"),ln="k-toolbar-item",Uf=[n.focus],Ff={},Vf={},Vo=e=>{let{focus:t,...o}=e;return(0,Cd.jsx)("div",{...o,className:r(e.className,ln,I(ln,{focus:t})),children:e.children})};Vo.states=Uf;Vo.options=Ff;Vo.className=ln;Vo.defaultOptions=Vf;Vo.moduleName=Ft;Vo.folderName=io;var nn=require("react/jsx-runtime"),Md="k-toolbar-popup",$f=[],Xf={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},Wf={},vo=e=>{let{size:t,fillMode:o,section:a,...l}=e;return(0,nn.jsx)(ee,{...l,className:r(e.className,Md),children:a?(0,nn.jsx)("span",{className:r("k-toolbar-items-list",S("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};vo.states=$f;vo.options=Xf;vo.className=Md;vo.defaultOptions=Wf;vo.moduleName=Ft;vo.folderName=io;var xr=vo;var Jf=require("react/jsx-runtime");var qf=require("react/jsx-runtime");var Yf=require("react/jsx-runtime");var yd=require("react/jsx-runtime");var Qf=require("react/jsx-runtime");var kt=require("react/jsx-runtime"),Zf=V.states,Sd={...V.defaultOptions,variant:"text"},jf=V.options,eT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],tT=[{name:"opened",title:"Opened"}],Oa=e=>{let{variant:t,modifiers:o,...a}={...Sd,...e},l={},i=(0,kt.jsxs)(_e,{size:a.size,children:[(0,kt.jsx)(ce,{first:!0,text:"Menu Item"}),(0,kt.jsx)(ce,{text:"Menu Item"}),(0,kt.jsx)(ce,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(l.opened=!!(o!=null&&o[c]),l.popup=o!=null&&o[c]?i:"")}),t){case"icon-only":return(0,kt.jsx)("div",{children:(0,kt.jsx)(V,{...a,...l,icon:"star"})});case"icon-and-text":return(0,kt.jsx)("div",{children:(0,kt.jsx)(V,{...a,...l,icon:"star",children:"Split Button"})});default:return(0,kt.jsx)("div",{children:(0,kt.jsx)(V,{...a,...l,children:"Split Button"})})}};Oa.options=jf;Oa.states=Zf;Oa.variants=eT;Oa.defaultOptions=Sd;Oa.modifiers=tT;var Ht=require("react/jsx-runtime"),Ad=e=>(0,Ht.jsx)(j,{children:[(0,Ht.jsx)(d,{children:"Button"},"toolbar-button"),(0,Ht.jsx)(Q,{text:"Menu button"},"toolbar-menu-button"),(0,Ht.jsx)(V,{children:"Split button"},"toolbar-split-button"),(0,Ht.jsxs)(D,{children:[(0,Ht.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ht.jsx)(d,{icon:"align-center",children:"Center"}),(0,Ht.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var wd=require("react/jsx-runtime");var Oe=require("react/jsx-runtime"),Ed=e=>(0,Oe.jsx)(j,{scrollable:!0,...e,children:[(0,Oe.jsx)(d,{children:"Button"},"toolbar-button"),(0,Oe.jsx)(Q,{text:"Menu button"},"toolbar-menu-button"),(0,Oe.jsx)(V,{children:"Split button"},"toolbar-split-button"),(0,Oe.jsxs)(D,{children:[(0,Oe.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Oe.jsx)(d,{icon:"align-center",children:"Center"}),(0,Oe.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Oe.jsx)(d,{children:"Button"},"toolbar-button"),(0,Oe.jsx)(Q,{text:"Menu button"},"toolbar-menu-button"),(0,Oe.jsx)(V,{children:"Split button"},"toolbar-split-button"),(0,Oe.jsxs)(D,{children:[(0,Oe.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Oe.jsx)(d,{icon:"align-center",children:"Center"}),(0,Oe.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Pe=require("react/jsx-runtime"),Id=({scrollingPosition:e="start",...t})=>(0,Pe.jsx)(j,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,Pe.jsx)(d,{children:"Button"},"toolbar-button"),(0,Pe.jsx)(Q,{text:"Menu button"},"toolbar-menu-button"),(0,Pe.jsx)(V,{children:"Split button"},"toolbar-split-button"),(0,Pe.jsxs)(D,{children:[(0,Pe.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Pe.jsx)(d,{icon:"align-center",children:"Center"}),(0,Pe.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Pe.jsx)(d,{children:"Button"},"toolbar-button"),(0,Pe.jsx)(Q,{text:"Menu button"},"toolbar-menu-button"),(0,Pe.jsx)(V,{children:"Split button"},"toolbar-split-button"),(0,Pe.jsxs)(D,{children:[(0,Pe.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Pe.jsx)(d,{icon:"align-center",children:"Center"}),(0,Pe.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var pe=require("react/jsx-runtime"),Rd=({fillMode:e,size:t,...o})=>(0,pe.jsxs)(pe.Fragment,{children:[(0,pe.jsx)(j,{section:!0,fillMode:e,size:t,children:[(0,pe.jsx)(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,pe.jsxs)(D,{fillMode:e,children:[(0,pe.jsx)(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,pe.jsx)(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,pe.jsx)(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,pe.jsx)(St,{className:"k-toolbar-button-separator"}),(0,pe.jsx)(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,pe.jsxs)(xr,{size:t,fillMode:e,section:!0,...o,children:[(0,pe.jsx)(V,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,pe.jsx)(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,pe.jsx)(St,{}),(0,pe.jsx)(Q,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,pe.jsxs)(D,{fillMode:e,children:[(0,pe.jsx)(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,pe.jsx)(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,pe.jsx)(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var sn=require("react/jsx-runtime");var dn=require("react/jsx-runtime");var $t=require("react/jsx-runtime"),oT=j.options,aT=j.states,Od={...j.defaultOptions,variant:"default"},rT=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],lT=[],Pa=e=>{let{variant:t,...o}={...Od,...e};switch(t){case"responsive":return(0,$t.jsx)("div",{children:(0,$t.jsx)(Rd,{style:{width:"583px"},...o})});case"overlay":return(0,$t.jsx)("div",{children:(0,$t.jsx)(Id,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,$t.jsx)("div",{children:(0,$t.jsx)(Ed,{style:{width:"583px"},...o})});default:return(0,$t.jsx)("div",{children:(0,$t.jsx)(Ad,{style:{width:"583px"},...o})})}};Pa.options=oT;Pa.states=aT;Pa.variants=rT;Pa.defaultOptions=Od;Pa.modifiers=lT;var Hd=require("react/jsx-runtime"),Pd="k-grid-toolbar",Lo=e=>(0,Hd.jsx)(j,{...e,className:r(e.className,Pd),children:e.children});Lo.className=Pd;Lo.moduleName=$;Lo.folderName=X;var Bd=require("react/jsx-runtime"),Kd="k-grid-container",ae=e=>(0,Bd.jsx)("div",{...e,className:r(e.className,Kd),children:e.children});ae.className=Kd;ae.moduleName=$;ae.folderName=X;var Dd=require("react/jsx-runtime"),Gd="k-grid-content",re=e=>(0,Dd.jsx)("div",{...e,className:r(e.className,Gd),children:e.children});re.className=Gd;re.moduleName=$;re.folderName=X;var zd=require("react/jsx-runtime"),_d="k-grid-header",me=e=>{let{draggable:t,...o}=e;return(0,zd.jsx)("div",{...o,className:r(e.className,_d,{"k-grid-draggable-header":t}),children:e.children})};me.className=_d;me.moduleName=$;me.folderName=X;var He="table",Ue=He;var Fd=require("react/jsx-runtime"),Ud="k-table-th",Xt=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,i=t\|\|e.children;return(0,Fd.jsx)("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,Ud),children:i})};Xt.className=Ud;Xt.moduleName=He;Xt.folderName=Ue;var pt=require("react/jsx-runtime"),cn="k-header",nT=[n.hover,n.focus,n.active],Vd={sortIcon:"sort-asc-small"},H=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:i,columnTitle:c,hover:u,focus:x,active:g,sortIcon:L=Vd.sortIcon,sortOrder:k,accessibleLabel:b,...M}=e;return(0,pt.jsxs)(Xt,{...M,className:r(e.className,cn,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":i},I(cn,{hover:u,focus:x,active:g})),children:[c&&(0,pt.jsxs)("span",{className:"k-cell-inner",children:[(0,pt.jsxs)("span",{className:"k-link",children:[(0,pt.jsx)("span",{className:"k-column-title",children:c}),o&&(0,pt.jsx)("span",{className:"k-sort-icon",children:(0,pt.jsx)(v,{icon:L})}),k&&(0,pt.jsx)("span",{className:"k-sort-order",children:k})]}),t&&(0,pt.jsx)("a",{href:"#",className:r("k-grid-header-menu",{"k-active":g,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,pt.jsx)(v,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&b&&(0,pt.jsx)("span",{className:"k-sr-only",children:b}),e.children,i&&(0,pt.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};H.states=nT;H.className=cn;H.defaultOptions=Vd;H.moduleName=$;H.folderName=X;var Xd=require("react/jsx-runtime"),$d="k-data-table",iT=[],sT={size:[s.undefined,s.small,s.medium,s.large]},dT={},Wt=e=>{let{size:t,...o}=e;return(0,Xd.jsx)("div",{...o,className:r(e.className,$d,S("k-table",{size:t})),children:e.children})};Wt.states=iT;Wt.options=sT;Wt.className=$d;Wt.defaultOptions=dT;Wt.moduleName=He;Wt.folderName=Ue;var Wd=require("react/jsx-runtime"),pn="k-table-header-wrap",cT=[n.hover,n.focus,n.disabled],pT={},mT={},so=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return(0,Wd.jsx)("div",{...i,className:r(e.className,pn,I(pn,{hover:o,focus:a,disabled:l})),children:t})};so.states=cT;so.options=pT;so.className=pn;so.defaultOptions=mT;so.moduleName=He;so.folderName=Ue;var Jd=require("react/jsx-runtime"),mn="k-table",uT=[],bT={size:[s.undefined,s.small,s.medium,s.large]},fT={},Fe=e=>{let{size:t,...o}=e;return(0,Jd.jsx)("table",{...o,className:r(e.className,mn,S(mn,{size:t})),children:e.children})};Fe.states=uT;Fe.options=bT;Fe.className=mn;Fe.defaultOptions=fT;Fe.moduleName=He;Fe.folderName=Ue;var Nr=require("react/jsx-runtime"),un="k-table-header",TT=[n.hover,n.focus,n.disabled],hT={},xT={},Jt=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return(0,Nr.jsx)("div",{...i,className:r(e.className,un,I(un,{hover:o,focus:a,disabled:l})),children:(0,Nr.jsx)(so,{children:(0,Nr.jsx)(Fe,{children:t})})})};Jt.states=TT;Jt.options=hT;Jt.className=un;Jt.defaultOptions=xT;Jt.moduleName=He;Jt.folderName=Ue;var Yd=require("react/jsx-runtime"),qd="k-table-scroller",NT=[],gT={},kT={},$o=e=>{let{children:t,...o}=e;return(0,Yd.jsx)("div",{...o,className:r(e.className,qd),children:t})};$o.states=NT;$o.options=gT;$o.className=qd;$o.defaultOptions=kT;$o.moduleName=He;$o.folderName=Ue;var vT=require("react/jsx-runtime");var Zd=require("react/jsx-runtime"),Qd="k-table-footer",LT=[],CT={},MT={},co=e=>{let{children:t,...o}=e;return(0,Zd.jsx)("div",{...o,className:r(e.className,Qd),children:t})};co.states=LT;co.options=CT;co.className=Qd;co.defaultOptions=MT;co.moduleName=He;co.folderName=Ue;var jd=require("react/jsx-runtime"),bn="k-table-list",yT=[],ST={size:[s.undefined,s.small,s.medium,s.large]},AT={},po=e=>{let{size:t,virtualization:o,...a}=e;return(0,jd.jsx)("ul",{...a,className:r(e.className,"k-table",bn,S(bn,{size:t}),{"k-virtual-table":o}),children:e.children})};po.states=yT;po.options=ST;po.className=bn;po.defaultOptions=AT;po.moduleName=He;po.folderName=Ue;var ec=require("react/jsx-runtime"),wT="k-table-thead",le=e=>(0,ec.jsx)("thead",{className:r(e.className,wT),children:e.children});var tc=require("react/jsx-runtime"),ET="k-table-tbody",ue=e=>(0,tc.jsx)("tbody",{className:r(e.className,ET),children:e.children});var IT=require("react/jsx-runtime");var oc=require("react/jsx-runtime"),fn="k-table-row",RT=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],R=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:i,alt:c,...u}=e;return(0,oc.jsx)("tr",{...u,className:r(e.className,fn,{"k-table-alt-row":c},I(fn,{hover:t,focus:o,disabled:i,selected:a,highlighted:l})),children:e.children})};R.states=RT;R.className=fn;var ac=require("react/jsx-runtime"),Tn="k-table-row",OT=[n.hover,n.focus,n.selected,n.disabled],gr=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:i,...c}=e;return(0,ac.jsx)("li",{...c,className:r(e.className,Tn,{"k-table-alt-row":i},I(Tn,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};gr.states=OT;gr.className=Tn;var PT=require("react/jsx-runtime");var rc=require("react/jsx-runtime"),hn="k-table-td",HT=[n.focus,n.selected,n.highlighted],m=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:i,rowspan:c,...u}=e,x=l\|\|e.children;return(0,rc.jsx)("td",{colSpan:i,rowSpan:c,...u,className:r(e.className,hn,I(hn,{focus:t,selected:o,highlighted:a})),children:x})};m.states=HT;m.className=hn;var KT=require("react/jsx-runtime");var BT=require("react/jsx-runtime");var GT=require("react/jsx-runtime");var DT=require("react/jsx-runtime");var _T=require("react/jsx-runtime");var nc=require("react/jsx-runtime");var ic=require("react/jsx-runtime");var sc=require("react/jsx-runtime");var xn=require("react/jsx-runtime");var cc=require("react/jsx-runtime"),dc="k-grid-header-table",be=e=>(0,cc.jsx)(Fe,{...e,className:r(e.className,dc),children:e.children});be.className=dc;be.moduleName=$;be.folderName=X;var mc=require("react/jsx-runtime"),pc="k-grid-table",ne=e=>(0,mc.jsx)(Fe,{...e,className:r(e.className,pc),children:e.children});ne.className=pc;ne.moduleName=$;ne.folderName=X;var Ha=require("react/jsx-runtime"),uc="k-grouping-header",mo=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,Ha.jsxs)("div",{...a,className:r(e.className,uc),children:[o&&(0,Ha.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,Ha.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};mo.className=uc;mo.moduleName=$;mo.folderName=X;var Tc=require("react/jsx-runtime"),bc="k-grid-sticky-container",fc={position:"top"},kr=e=>{let{position:t=fc.position,...o}=e;return(0,Tc.jsx)("div",{...o,className:r(e.className,bc,{"k-grid-sticky-top-container":t==="top","k-grid-sticky-bottom-container":t==="bottom"}),children:e.children})};kr.className=bc;kr.defaultProps=fc;kr.moduleName=$;kr.folderName=X;var xc=require("react/jsx-runtime"),hc="k-grid-footer",Nn=e=>(0,xc.jsx)("div",{...e,className:r(e.className,hc),children:e.children});Nn.className=hc;Nn.moduleName=$;Nn.folderName=X;var gc=require("react/jsx-runtime"),Nc="k-grid-footer-table",gn=e=>(0,gc.jsx)(Fe,{...e,className:r(e.className,Nc),children:e.children});gn.className=Nc;gn.moduleName=$;gn.folderName=X;var kn="pager",kc=kn;var Z=require("react/jsx-runtime"),vr="k-pager",VT=[n.focus,n.disabled],$T={size:[s.undefined,s.small,s.medium,s.large]},mt={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},ve=e=>{let{responsive:t=mt.responsive,size:o,pagerSizeInfo:a=mt.pagerSizeInfo,pageTitleInfo:l=mt.pageTitleInfo,maxPagesInfo:i=mt.maxPagesInfo,itemsPerPage:c=mt.itemsPerPage,maxPages:u=mt.maxPages,currentPage:x=mt.currentPage,previousNext:g=mt.previousNext,type:L=mt.type,pageSizes:k=mt.pageSizes,refresh:b=mt.refresh,info:M=mt.info,focus:C,disabled:w,dir:K,...P}=e,z=[],ie=[];for(let xe=1;xe<=u;xe++)z.push((0,Z.jsx)(d,{selected:xe===x,fillMode:"flat",themeColor:"primary",size:o,children:xe})),ie.push((0,Z.jsx)("option",{selected:xe===x,children:xe}));return(0,Z.jsxs)("div",{dir:K,...P,className:r(e.className,vr,S(vr,{size:o}),I(vr,{focus:C,disabled:w}),{"k-pager-responsive":t}),children:[(0,Z.jsxs)("div",{className:r("k-pager-numbers-wrap"),children:[g&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(d,{className:r("k-pager-nav","k-pager-first"),disabled:x===1&&!w,fillMode:"flat",size:o,icon:K==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),(0,Z.jsx)(d,{className:r("k-pager-nav"),disabled:x===1&&!w,fillMode:"flat",size:o,icon:K==="rtl"?"caret-alt-right":"caret-alt-left"})]}),L==="numeric"&&(0,Z.jsx)("div",{className:r("k-pager-numbers"),children:z}),L==="input"&&(0,Z.jsxs)("span",{className:r("k-pager-input"),children:[l&&(0,Z.jsx)("span",{children:"Page"}),(0,Z.jsx)(U,{value:`${x}`,size:o,showSpinButton:!1,showClearButton:!1}),(0,Z.jsx)("span",{children:i&&`of ${u}`})]}),g&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(d,{className:r("k-pager-nav"),disabled:x===u&&!w,fillMode:"flat",size:o,icon:K==="rtl"?"caret-alt-left":"caret-alt-right"}),(0,Z.jsx)(d,{className:r("k-pager-nav","k-pager-last"),disabled:x===u&&!w,fillMode:"flat",size:o,icon:K==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),k&&(0,Z.jsxs)("span",{className:r("k-pager-sizes"),children:[(0,Z.jsx)(Y,{value:`${c}`,size:o}),a&&(0,Z.jsx)("span",{children:"items per page"})]}),b&&(0,Z.jsx)(d,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),M&&(0,Z.jsx)("span",{className:r("k-pager-info"),children:M})]})};ve.states=VT;ve.options=$T;ve.className=vr;ve.defaultOptions=mt;ve.moduleName=kn;ve.folderName=kc;var XT=require("react/jsx-runtime");var WT=require("react/jsx-runtime");var JT=require("react/jsx-runtime");var vn=require("react/jsx-runtime"),qT=ve.options,YT=ve.states,QT={...ve.defaultOptions,variant:"numeric"},ZT=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],jT=[],Ka=e=>{let{variant:t,...o}=e;return t==="input"?(0,vn.jsx)(ve,{...o,type:"input"}):(0,vn.jsx)(ve,{...o,type:"numeric"})};Ka.options=qT;Ka.states=YT;Ka.variants=ZT;Ka.defaultOptions=QT;Ka.modifiers=jT;var Lc=require("react/jsx-runtime"),vc="k-grid-pager",Kt=e=>(0,Lc.jsx)(ve,{...e,className:r(e.className,vc),children:e.children});Kt.className=vc;Kt.moduleName=$;Kt.folderName=X;var Xo=require("react/jsx-runtime"),Ln="k-grid-stack-cell",eh=[n.focus,n.selected],Lr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:i,focus:c,selected:u,...x}=e;return(0,Xo.jsxs)("div",{...x,className:r(e.className,Ln,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":i},I(Ln,{focus:c,selected:u})),children:[i&&(0,Xo.jsx)("span",{className:"k-dirty"}),t&&(0,Xo.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,Xo.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};Lr.states=eh;Lr.className=Ln;Lr.moduleName=$;Lr.folderName=X;var Mc=require("react/jsx-runtime"),Cc="k-grid-stack-row",Cr=e=>{let{cols:t,...o}=e;return(0,Mc.jsx)("div",{...o,className:r(e.className,Cc,{[`k-grid-cols-${t}`]:t}),children:e.children})};Cr.className=Cc;Cr.moduleName=$;Cr.folderName=X;var Cn=require("react/jsx-runtime");var Mn=require("react/jsx-runtime");var yn=require("react/jsx-runtime");var h=require("react/jsx-runtime"),yc=({contentClassName:e,...t})=>(0,h.jsx)(W,{_renderAriaRoot:!0,pager:(0,h.jsx)(Kt,{refresh:!1}),children:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(me,{children:(0,h.jsx)("div",{className:"k-grid-header-wrap",children:(0,h.jsxs)(be,{children:[(0,h.jsxs)("colgroup",{children:[(0,h.jsx)("col",{}),(0,h.jsx)("col",{style:{width:"225px"}}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{})]}),(0,h.jsxs)(le,{children:[(0,h.jsxs)(R,{children:[(0,h.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Product Id"}),(0,h.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Name"}),(0,h.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Quantity"}),(0,h.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),(0,h.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),(0,h.jsxs)(R,{className:"k-filter-row",children:[(0,h.jsx)(m,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(U,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(m,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(te,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(m,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(te,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(m,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(U,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(m,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(Y,{}),(0,h.jsx)("div",{className:"k-filtercell-operator",children:(0,h.jsx)(d,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),(0,h.jsx)(ae,{children:(0,h.jsx)(re,{className:e,children:(0,h.jsxs)(ne,{children:[(0,h.jsxs)("colgroup",{children:[(0,h.jsx)("col",{}),(0,h.jsx)("col",{style:{width:"225px"}}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{})]}),(0,h.jsxs)(ue,{children:[(0,h.jsxs)(R,{className:"k-master-row",children:[(0,h.jsx)(m,{children:"1"}),(0,h.jsx)(m,{children:"Chai"}),(0,h.jsx)(m,{children:"10 boxes x 20 bags"}),(0,h.jsx)(m,{children:"18"}),(0,h.jsx)(m,{children:"false"})]}),(0,h.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,h.jsx)(m,{children:"2"}),(0,h.jsx)(m,{children:"Chang"}),(0,h.jsx)(m,{children:"24 - 12 oz bottles"}),(0,h.jsx)(m,{children:"19"}),(0,h.jsx)(m,{children:"false"})]}),(0,h.jsxs)(R,{className:"k-master-row",children:[(0,h.jsx)(m,{children:"3"}),(0,h.jsx)(m,{children:"Aniseed Syrup"}),(0,h.jsx)(m,{children:"12 - 550 ml bottles"}),(0,h.jsx)(m,{children:"10"}),(0,h.jsx)(m,{children:"false"})]}),(0,h.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,h.jsx)(m,{children:"4"}),(0,h.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,h.jsx)(m,{children:"48 - 6 oz jars"}),(0,h.jsx)(m,{children:"22"}),(0,h.jsx)(m,{children:"false"})]}),(0,h.jsxs)(R,{className:"k-master-row",children:[(0,h.jsx)(m,{children:"5"}),(0,h.jsx)(m,{children:"Grandma's Boysenberry Spread"}),(0,h.jsx)(m,{children:"12 - 8 oz jars"}),(0,h.jsx)(m,{children:"25"}),(0,h.jsx)(m,{children:"false"})]})]})]})})})]}),...t});var Ba=require("react/jsx-runtime"),th="k-chip-action";var Le=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=(0,Ba.jsx)(v,{icon:"x-circle",size:"small"});break;case"more":a=(0,Ba.jsx)(v,{icon:"more-vertical",size:"small"});break;default:return(0,Ba.jsx)(v,{icon:t,size:"small"})}return(0,Ba.jsx)("span",{...o,className:r(e.className,th,`k-chip-${t}-action`),children:a})};var Sn="avatar",Sc=Sn;var wn=require("react/jsx-runtime"),Ga="k-avatar";var oh=[n.hover,n.focus,n.active,n.selected,n.disabled],ah={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},An={type:"text",border:!1},ot=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:i=An.type,border:c=An.border,...u}=e;return(0,wn.jsx)("div",{...u,className:r(e.className,Ga,S(Ga,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Ga}-bordered`]:c}),children:(0,wn.jsx)("span",{className:`${Ga}-${i}`,children:e.children})})};ot.states=oh;ot.options=ah;ot.className=Ga;ot.defaultOptions=An;ot.moduleName=Sn;ot.folderName=Sc;ot.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Co=ot;var wc=require("react/jsx-runtime"),Ac=e=>(0,wc.jsx)(Co,{type:"icon",...e});var Ic=require("react/jsx-runtime"),Ec=e=>(0,Ic.jsx)(Co,{type:"text",...e});var Oc=require("react/jsx-runtime"),Rc=e=>(0,Oc.jsx)(Co,{type:"image",...e});var rh=require("react/jsx-runtime");var Wo=require("react/jsx-runtime"),lh=ot.options,nh=ot.states,ih={...ot.defaultOptions,variant:"image"},sh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],dh=[],Da=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,Wo.jsx)(Ac,{...o,children:(0,Wo.jsx)(v,{icon:"star"})});case"text":return(0,Wo.jsx)(Ec,{...o,children:"JO"});default:return(0,Wo.jsx)(Rc,{...o,children:(0,Wo.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Da.options=lh;Da.states=nh;Da.variants=sh;Da.defaultOptions=ih;Da.modifiers=dh;var _a="chip",Mr=_a;var qt=require("react/jsx-runtime"),yr="k-chip",ch=[n.hover,n.focus,n.active,n.selected,n.disabled],ph={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[f.undefined,f.base,f.success,f.warning,f.error,f.info]},Pc={avatarImage:"/packages/html/assets/avatar.jpg"},Ce=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:i,icon:c,actions:u,showAvatar:x,avatarImage:g=Pc.avatarImage,hover:L,focus:k,active:b,selected:M,disabled:C,...w}=e;return(0,qt.jsxs)("div",{...w,className:r(e.className,yr,S(yr,{size:t,rounded:o,fillMode:a,themeColor:l}),I(yr,{hover:L,focus:k,active:b,disabled:C,selected:M})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:M?"true":"false","aria-selected":e.role==="option"?M?"true":"false":void 0,"aria-disabled":C?"true":void 0,children:[c&&(0,qt.jsx)(v,{className:"k-chip-icon",icon:c,size:"small"}),x&&(0,qt.jsx)(ot,{className:"k-chip-avatar",type:"image",children:(0,qt.jsx)("img",{src:g,alt:""})}),(0,qt.jsx)("span",{className:"k-chip-content",children:e.children?e.children:i&&(0,qt.jsx)("span",{className:"k-chip-label",children:i})}),u&&(0,qt.jsx)("span",{className:"k-chip-actions",children:u})]})};Ce.states=ch;Ce.options=ph;Ce.className=yr;Ce.defaultOptions=Pc;Ce.moduleName=_a;Ce.folderName=Mr;Ce.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 vt=Ce;var Hc=require("react/jsx-runtime"),En="k-chip-list",mh=[],uh={size:[s.undefined,s.small,s.medium,s.large]},bh={},Me=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return(0,Hc.jsx)("div",{...l,className:r(e.className,En,S(En,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Me.states=mh;Me.options=uh;Me.className=En;Me.defaultOptions=bh;Me.moduleName=_a;Me.folderName=Mr;Me.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 fh=require("react/jsx-runtime");var Th=require("react/jsx-runtime");var Kc=require("react/jsx-runtime"),Sr=e=>(0,Kc.jsx)(vt,{text:"text",...e});var hh=require("react/jsx-runtime");var xh=require("react/jsx-runtime");var In=require("react/jsx-runtime");var Bc=require("react/jsx-runtime");var Gc=require("react/jsx-runtime");var Dc=require("react/jsx-runtime");var Yt=require("react/jsx-runtime"),Nh={...vt.options,...Me.options},gh=[],kh=Me.states,vh={...vt.defaultOptions,...Me.defaultOptions},Lh=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],za=e=>{let{modifiers:t,className:o,...a}=e,l=t==null?void 0:t.icon,i=t==null?void 0:t.actions,c=t==null?void 0:t.avatar;return(0,Yt.jsxs)(Me,{size:a.size,className:o,children:[(0,Yt.jsx)(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Yt.jsx)(Le,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Yt.jsx)(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Yt.jsx)(Le,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Yt.jsx)(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Yt.jsx)(Le,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};za.options=Nh;za.states=kh;za.variants=gh;za.defaultOptions=vh;za.modifiers=Lh;var Ar=require("react/jsx-runtime"),Ch=Ce.states,Mh=Ce.defaultOptions,yh=Ce.options,Sh=[],Ah=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Ua=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,Ar.jsx)(Le,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t!=null&&t[l]?(0,Ar.jsx)(Le,{type:"remove"}):void 0;break;default:break}}),(0,Ar.jsx)(Ce,{...o,...a,children:"Chip component"})};Ua.options=yh;Ua.states=Ch;Ua.variants=Sh;Ua.defaultOptions=Mh;Ua.modifiers=Ah;var y=require("react/jsx-runtime"),_c=({dropClue:e,contentClassName:t,...o})=>(0,y.jsx)(W,{_renderAriaRoot:!0,groupingHeader:(0,y.jsx)(mo,{dropClue:e,children:(0,y.jsxs)(Me,{children:[(0,y.jsx)(Ce,{icon:"sort-asc-small",text:"ID",actions:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(Le,{type:"more"}),(0,y.jsx)(Le,{type:"remove"})]})}),(0,y.jsx)(Ce,{icon:"sort-desc-small",text:"Name",actions:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(Le,{type:"more"}),(0,y.jsx)(Le,{type:"remove"})]})})]})}),children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(me,{draggable:!0,children:(0,y.jsx)("div",{className:"k-grid-header-wrap",children:(0,y.jsxs)(be,{children:[(0,y.jsxs)("colgroup",{children:[(0,y.jsx)("col",{className:"k-group-col"}),(0,y.jsx)("col",{className:"k-group-col"}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{})]}),(0,y.jsx)(le,{children:(0,y.jsxs)(R,{children:[(0,y.jsx)(H,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,y.jsx)(H,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,y.jsx)(H,{colspan:1,columnTitle:"ID"}),(0,y.jsx)(H,{colspan:1,columnTitle:"Name"}),(0,y.jsx)(H,{colspan:1,columnTitle:"Price"}),(0,y.jsx)(H,{colspan:1,columnTitle:"Category"})]})})]})})}),(0,y.jsx)(ae,{children:(0,y.jsx)(re,{className:t,children:(0,y.jsxs)(ne,{children:[(0,y.jsxs)("colgroup",{children:[(0,y.jsx)("col",{className:"k-group-col"}),(0,y.jsx)("col",{className:"k-group-col"}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{})]}),(0,y.jsxs)(ue,{children:[(0,y.jsx)(R,{className:"k-table-group-row k-grouping-row",children:(0,y.jsx)(m,{colspan:6,children:(0,y.jsxs)("p",{className:"k-reset",children:[(0,y.jsx)(v,{icon:"caret-alt-right"}),"ID: 1"]})})}),(0,y.jsx)(R,{className:"k-table-group-row k-grouping-row",children:(0,y.jsx)(m,{colspan:6,children:(0,y.jsxs)("p",{className:"k-reset",children:[(0,y.jsx)(v,{icon:"caret-alt-down"}),"ID: 2"]})})}),(0,y.jsxs)(R,{className:"k-table-group-row k-grouping-row",children:[(0,y.jsx)(m,{className:"k-table-group-td k-group-cell"}),(0,y.jsx)(m,{colspan:5,children:(0,y.jsxs)("p",{className:"k-reset",children:[(0,y.jsx)(v,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),(0,y.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,y.jsx)(m,{className:"k-table-group-td k-group-cell"}),(0,y.jsx)(m,{className:"k-table-group-td k-group-cell"}),(0,y.jsx)(m,{colspan:0,children:"2"}),(0,y.jsx)(m,{colspan:0,children:"Chang"}),(0,y.jsx)(m,{colspan:0,children:"$19.00"}),(0,y.jsx)(m,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});var Rn=require("react/jsx-runtime");var On=require("react/jsx-runtime");var Pn=require("react/jsx-runtime");var E=require("react/jsx-runtime"),zc=({headerWrapClassName:e,contentClassName:t,...o})=>(0,E.jsx)(W,{_renderAriaRoot:!0,children:(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(me,{children:(0,E.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,E.jsxs)(be,{children:[(0,E.jsxs)("colgroup",{children:[(0,E.jsx)("col",{}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{})]}),(0,E.jsxs)(le,{children:[(0,E.jsxs)(R,{children:[(0,E.jsx)(H,{rowspan:3,colspan:1,columnTitle:"ID"}),(0,E.jsx)(H,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),(0,E.jsxs)(R,{children:[(0,E.jsx)(H,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),(0,E.jsx)(H,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),(0,E.jsxs)(R,{children:[(0,E.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),(0,E.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),(0,E.jsx)(ae,{children:(0,E.jsx)(re,{className:t,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)("col",{})]}),(0,E.jsxs)(ue,{children:[(0,E.jsxs)(R,{className:"k-master-row",children:[(0,E.jsx)(m,{children:"1"}),(0,E.jsx)(m,{children:"Chai"}),(0,E.jsx)(m,{children:"39"}),(0,E.jsx)(m,{children:"18"})]}),(0,E.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,E.jsx)(m,{children:"2"}),(0,E.jsx)(m,{children:"Chang"}),(0,E.jsx)(m,{children:"17"}),(0,E.jsx)(m,{children:"19"})]}),(0,E.jsxs)(R,{className:"k-master-row",children:[(0,E.jsx)(m,{children:"3"}),(0,E.jsx)(m,{children:"Aniseed Syrup"}),(0,E.jsx)(m,{children:"13"}),(0,E.jsx)(m,{children:"10"})]}),(0,E.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,E.jsx)(m,{children:"4"}),(0,E.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,E.jsx)(m,{children:"53"}),(0,E.jsx)(m,{children:"22"})]}),(0,E.jsxs)(R,{className:"k-master-row",children:[(0,E.jsx)(m,{children:"5"}),(0,E.jsx)(m,{children:"Chef Anton's Gumbo Mix"}),(0,E.jsx)(m,{children:"0"}),(0,E.jsx)(m,{children:"21.35"})]})]})]})})})]}),...o});var Hn=require("react/jsx-runtime");var Kn=require("react/jsx-runtime");var Bn=require("react/jsx-runtime");var O=require("react/jsx-runtime"),Uc=e=>(0,O.jsx)(W,{_renderAriaRoot:!0,toolbar:(0,O.jsxs)(Lo,{children:[(0,O.jsx)(d,{children:"Add new"}),(0,O.jsx)(d,{children:"Save Changes"}),(0,O.jsx)(d,{children:"Cancel Changes"})]}),children:(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(me,{children:(0,O.jsx)("div",{className:"k-grid-header-wrap",children:(0,O.jsxs)(be,{children:[(0,O.jsxs)("colgroup",{children:[(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{style:{width:"300px"}})]}),(0,O.jsx)(le,{children:(0,O.jsxs)(R,{children:[(0,O.jsx)(H,{columnTitle:"Name"}),(0,O.jsx)(H,{columnTitle:"Price"}),(0,O.jsx)(H,{columnTitle:"Available"}),(0,O.jsx)(H,{accessibleLabel:"Commands"})]})})]})})}),(0,O.jsx)(ae,{children:(0,O.jsx)(re,{children:(0,O.jsx)("div",{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)("col",{style:{width:"300px"}})]}),(0,O.jsxs)(ue,{children:[(0,O.jsxs)(R,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[(0,O.jsx)(m,{children:(0,O.jsx)(te,{value:"Towel"})}),(0,O.jsx)(m,{children:(0,O.jsx)(U,{value:"42"})}),(0,O.jsx)(m,{children:(0,O.jsx)(Ze,{})}),(0,O.jsxs)(m,{className:"k-command-cell",children:[(0,O.jsx)(d,{children:"Add"}),(0,O.jsx)(d,{children:"Cancel"})]})]}),(0,O.jsxs)(R,{className:"k-master-row",children:[(0,O.jsx)(m,{children:"Chai"}),(0,O.jsx)(m,{children:"18"}),(0,O.jsx)(m,{children:"false"}),(0,O.jsx)(m,{className:"k-command-cell",children:(0,O.jsx)(d,{children:"Remove"})})]}),(0,O.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,O.jsx)(m,{children:"Chang"}),(0,O.jsx)(m,{children:"19"}),(0,O.jsx)(m,{children:"false"}),(0,O.jsx)(m,{className:"k-command-cell",children:(0,O.jsx)(d,{children:"Remove"})})]})]})]})})})})]}),...e});var p=require("react/jsx-runtime"),wh=W.options,Eh=W.states,Fc={...W.defaultOptions,variant:"normal"},Ih=[{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"}],Rh=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Mo=e=>{let{variant:t,modifiers:o,...a}={...Fc,...e},l={toolbar:void 0,pager:void 0},i=(0,p.jsxs)(Lo,{children:[(0,p.jsx)(d,{icon:"plus",children:"Add New"}),(0,p.jsx)(d,{icon:"file-pdf",children:"Export to PDF"}),(0,p.jsx)("span",{className:"k-spacer"}),(0,p.jsx)(te,{prefix:(0,p.jsx)(v,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=(0,p.jsx)(ve,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(g=>{switch(g){case"toolbar":l.toolbar=o!=null&&o[g]?i:void 0;break;case"pager":l.pager=o!=null&&o[g]?c:void 0;break;default:return}});let u={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},x=(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(me,{children:(0,p.jsx)("div",{className:"k-grid-header-wrap",children:(0,p.jsxs)(be,{children:[(0,p.jsxs)("colgroup",{children:[(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{})]}),(0,p.jsx)(le,{children:(0,p.jsxs)(R,{children:[(0,p.jsx)(H,{...u[t],columnTitle:"ID"}),(0,p.jsx)(H,{...u[t],columnTitle:"Product Name"}),(0,p.jsx)(H,{...u[t],columnTitle:"Units in Stock"}),(0,p.jsx)(H,{...u[t],columnTitle:"Units Price"})]})})]})})}),(0,p.jsx)(ae,{children:(0,p.jsx)(re,{children:(0,p.jsxs)(ne,{children:[(0,p.jsxs)("colgroup",{children:[(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{})]}),(0,p.jsxs)(ue,{children:[(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{children:"1"}),(0,p.jsx)(m,{children:"Chai"}),(0,p.jsx)(m,{children:"39"}),(0,p.jsx)(m,{children:"18"})]}),(0,p.jsxs)(R,{className:"k-alt",alt:!0,children:[(0,p.jsx)(m,{children:"2"}),(0,p.jsx)(m,{children:"Chang"}),(0,p.jsx)(m,{children:"17"}),(0,p.jsx)(m,{children:"19"})]}),(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{children:"3"}),(0,p.jsx)(m,{children:"Aniseed Syrup"}),(0,p.jsx)(m,{children:"13"}),(0,p.jsx)(m,{children:"10"})]}),(0,p.jsxs)(R,{className:"k-alt",alt:!0,children:[(0,p.jsx)(m,{children:"4"}),(0,p.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,p.jsx)(m,{children:"53"}),(0,p.jsx)(m,{children:"22"})]}),(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{children:"5"}),(0,p.jsx)(m,{children:"Chef Anton's Gumbo Mix"}),(0,p.jsx)(m,{children:"0"}),(0,p.jsx)(m,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,p.jsx)(zc,{...a,...l});case"editing":return(0,p.jsx)(Uc,{...a,...l});case"grouping":return(0,p.jsx)(_c,{...a,...l,groupingHeader:(0,p.jsx)(mo,{children:(0,p.jsxs)(Me,{children:[(0,p.jsx)(Ce,{icon:"sort-asc-small",actions:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(Le,{type:"more"}),(0,p.jsx)(Le,{type:"remove"})]}),children:"ID"}),(0,p.jsx)(Ce,{icon:"sort-desc-small",actions:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(Le,{type:"more"}),(0,p.jsx)(Le,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,p.jsx)(W,{...a,...l,children:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(me,{children:(0,p.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,p.jsxs)(be,{children:[(0,p.jsxs)("colgroup",{children:[(0,p.jsx)("col",{className:"k-drag-col"}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{})]}),(0,p.jsx)(le,{children:(0,p.jsxs)(R,{children:[(0,p.jsx)(H,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,p.jsx)(H,{columnTitle:"ID"}),(0,p.jsx)(H,{columnTitle:"Product Name"}),(0,p.jsx)(H,{columnTitle:"Units in Stock"}),(0,p.jsx)(H,{columnTitle:"Units Price"})]})})]})]})}),(0,p.jsx)(ae,{children:(0,p.jsx)(re,{children:(0,p.jsxs)(ne,{children:[(0,p.jsxs)("colgroup",{children:[(0,p.jsx)("col",{className:"k-drag-col"}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{})]}),(0,p.jsxs)(ue,{children:[(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{className:"k-drag-cell",children:(0,p.jsx)(v,{icon:"reorder"})}),(0,p.jsx)(m,{children:"1"}),(0,p.jsx)(m,{children:"Chai"}),(0,p.jsx)(m,{children:"39"}),(0,p.jsx)(m,{children:"18"})]}),(0,p.jsxs)(R,{className:"k-alt",alt:!0,children:[(0,p.jsx)(m,{className:"k-drag-cell",children:(0,p.jsx)(v,{icon:"reorder"})}),(0,p.jsx)(m,{children:"2"}),(0,p.jsx)(m,{children:"Chang"}),(0,p.jsx)(m,{children:"17"}),(0,p.jsx)(m,{children:"19"})]}),(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{className:"k-drag-cell",children:(0,p.jsx)(v,{icon:"reorder"})}),(0,p.jsx)(m,{children:"3"}),(0,p.jsx)(m,{children:"Aniseed Syrup"}),(0,p.jsx)(m,{children:"13"}),(0,p.jsx)(m,{children:"10"})]}),(0,p.jsxs)(R,{className:"k-alt",alt:!0,children:[(0,p.jsx)(m,{className:"k-drag-cell",children:(0,p.jsx)(v,{icon:"reorder"})}),(0,p.jsx)(m,{children:"4"}),(0,p.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,p.jsx)(m,{children:"53"}),(0,p.jsx)(m,{children:"22"})]}),(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{className:"k-drag-cell",children:(0,p.jsx)(v,{icon:"reorder"})}),(0,p.jsx)(m,{children:"5"}),(0,p.jsx)(m,{children:"Chef Anton's Gumbo Mix"}),(0,p.jsx)(m,{children:"0"}),(0,p.jsx)(m,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,p.jsx)(yc,{...a,...l});default:return(0,p.jsx)(W,{...a,...l,children:x})}};Mo.options=wh;Mo.states=Eh;Mo.variants=Ih;Mo.defaultOptions=Fc;Mo.modifiers=Rh;var Oh=Mo;
1	+ var qc=Object.create;var Va=Object.defineProperty;var Yc=Object.getOwnPropertyDescriptor;var Qc=Object.getOwnPropertyNames;var Zc=Object.getPrototypeOf,jc=Object.prototype.hasOwnProperty;var ep=(e,t)=>{for(var o in t)Va(e,o,{get:t[o],enumerable:!0})},Dn=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let l of Qc(t))!jc.call(e,l)&&l!==o&&Va(e,l,{get:()=>t[l],enumerable:!(a=Yc(t,l))\|\|a.enumerable});return e};var _n=(e,t,o)=>(o=e!=null?qc(Zc(e)):{},Dn(t\|\|!e\|\|!e.__esModule?Va(o,"default",{value:e,enumerable:!0}):o,e)),tp=e=>Dn(Va({},"__esModule",{value:!0}),e);var Kh={};ep(Kh,{GridDemo:()=>Mo,default:()=>Hh});module.exports=tp(Kh);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 S=(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"}),I=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:i,checked:c,active:u,selected:x,disabled:g,indeterminate:L,loading:k,empty:b,readonly:M,highlighted:C,...w}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":i,"k-checked":c,"k-active":u,"k-selected":x,"k-disabled":g,"k-indeterminate":L&&!c,"k-loading":k,"k-empty":b,"k-readonly":M,"k-highlighted":C},Object.keys(w).reduce((K,P)=>(P.startsWith("k-")?K[P]=w[P]:K[`k-${P}`]=w[P],K),{}))};function zn(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"},T={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"},f={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var F="grid",V=F;var Xa=require("react/jsx-runtime"),$a="k-grid",op=[],ap={size:[s.undefined,s.small,s.medium,s.large]},rp=[],Un={pagerPosition:"bottom"},W=e=>{let{size:t,pagerPosition:o=Un.pagerPosition,toolbar:a,pager:l,groupingHeader:i,gridSelectionAggregates:c,_renderAriaRoot:u,resizable:x,...g}=e;return(0,Xa.jsxs)("div",{...g,className:r(e.className,$a,{[`${$a}-resizable`]:x},S($a,{size:t})),children:[a,o==="top"&&l,i,e.children&&u?(0,Xa.jsx)("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&l]})};W.states=op;W.options=ap;W.variants=rp;W.className=$a;W.defaultOptions=Un;W.moduleName=F;W.folderName=V;var Jo=require("react/jsx-runtime"),wr="k-font-icon",lp=[],np={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},ip={},qo=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:i,...c}=e;return a?(0,Jo.jsx)("span",{...c,className:r(e.className,wr,S(wr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):(0,Jo.jsx)(Jo.Fragment,{})};qo.states=lp;qo.options=np;qo.className=wr;qo.defaultOptions=ip;var Fn=qo;var uo=require("react/jsx-runtime"),Er="k-svg-icon",sp=[],dp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Vn={viewBox:"0 0 24 24"},Yo=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:i=Vn.viewBox,icon:c,...u}=e;if(!c)return(0,uo.jsx)(uo.Fragment,{});if(c==="none")return(0,uo.jsx)("span",{...u,className:r(e.className,Er,S("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof c=="object"&&c.name&&c.name;return(0,uo.jsx)("span",{...u,className:r(e.className,Er,S("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`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,uo.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};Yo.states=sp;Yo.options=dp;Yo.className=Er;Yo.defaultOptions=Vn;var Ir=Yo;var Rr=_n(require("@progress/kendo-svg-icons"));var $n="icon",Xn="icons";var qn=require("react");var Wn=require("react"),Jn=(0,Wn.createContext)({iconsType:"svg"});var Gt=require("react/jsx-runtime"),Wa="k-icon",cp=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),pp=[],mp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Or={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=(0,qn.useContext)(Jn),{size:o,themeColor:a,icon:l,type:i=t\|\|Or.type,rotate:c,flip:u,viewBox:x=Or.viewBox,...g}=e;if(!l)return(0,Gt.jsx)(Gt.Fragment,{});if((t\|\|i)==="svg"){if(l==="none")return(0,Gt.jsx)(Ir,{...g,className:r(e.className,Wa),icon:l,size:o});let k=Rr[l]?l:cp(`${l}-icon`);return Rr[k]?(0,Gt.jsx)(Ir,{...g,className:r(e.className,Wa),icon:Rr[k],size:o,themeColor:a,rotate:c,flip:u,viewBox:x}):(0,Gt.jsx)(Gt.Fragment,{})}return(0,Gt.jsx)(Fn,{...g,className:r(e.className,Wa),icon:l,size:o,themeColor:a,rotate:c,flip:u})};v.states=pp;v.options=mp;v.defaultOptions=Or;v.className=Wa;v.moduleName=$n;v.folderName=Xn;v.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 Pr="button",Yn=Pr;var Lt=require("react/jsx-runtime"),Qo="k-button",up=["icon-button"],bp=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],fp={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Hr={showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:i,showArrow:c=Hr.showArrow,arrowIconName:u=Hr.arrowIconName,variant:x,hover:g,focus:L,active:k,selected:b,disabled:M,togglable:C,icon:w,text:K,iconClassName:P,className:z,...ie}=e,xe=w!==void 0,Ve=e.children!==void 0;return(0,Lt.jsxs)(t,{className:r(z,Qo,zn(Qo,x),S(Qo,{size:o,rounded:a,fillMode:l,themeColor:i}),I(Qo,{hover:g,focus:L,active:k,disabled:M,selected:b}),{"k-icon-button":!K&&!Ve&&xe}),...ie,"aria-pressed":C?b?"true":"false":void 0,disabled:M\|\|void 0,children:[w&&(0,Lt.jsx)(v,{className:r(P,"k-button-icon"),icon:w}),K?(0,Lt.jsxs)(Lt.Fragment,{children:[K&&(0,Lt.jsx)("span",{className:"k-button-text",children:K}),e.children]}):e.children&&(0,Lt.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,Lt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Lt.jsx)(v,{icon:u})})]})};d.states=bp;d.options=fp;d.variants=up;d.className=Qo;d.defaultOptions=Hr;d.moduleName=Pr;d.folderName=Yn;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var Qn=require("react/jsx-runtime"),Qt=e=>(0,Qn.jsx)(d,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Zn=require("react/jsx-runtime"),Zo=e=>(0,Zn.jsx)(d,{icon:"folder",children:"Button",...e});var jn=require("react/jsx-runtime"),bo=e=>(0,jn.jsx)(d,{children:"Button",...e});var Ja=require("react/jsx-runtime"),Tp=d.options,hp=d.states,xp={...d.defaultOptions,variant:"text"},Np=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],gp=[],jo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Ja.jsx)(Qt,{...o,icon:"star"});case"icon-and-text":return(0,Ja.jsx)(Zo,{...o,icon:"star",children:"Button"});default:return(0,Ja.jsx)(bo,{...o,children:"Button"})}};jo.options=Tp;jo.states=hp;jo.variants=Np;jo.defaultOptions=xp;jo.modifiers=gp;var Kr="button",ei=Kr;var ti=require("react/jsx-runtime"),ea="k-button-group",kp=[n.disabled],vp={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Lp={},D=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return(0,ti.jsx)("div",{role:"group",...l,className:r(e.className,ea,S(ea,{fillMode:t}),I(ea,{disabled:o}),{[`${ea}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};D.states=kp;D.options=vp;D.className=ea;D.defaultOptions=Lp;D.moduleName=Kr;D.folderName=ei;D.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var Gr=require("react/jsx-runtime");var Br=require("react/jsx-runtime");var Dr=require("react/jsx-runtime");var _r=require("react/jsx-runtime");var zr=require("react/jsx-runtime");var Ur=require("react/jsx-runtime");var qe=require("react/jsx-runtime"),Cp={...d.options,...D.options},Mp=d.states,yp={...d.defaultOptions,...D.defaultOptions,variant:"text-button"},Sp=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Ap=[],ta=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,qe.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,qe.jsx)(d,{...a,icon:"star"}),(0,qe.jsx)(d,{...a,icon:"star"}),(0,qe.jsx)(d,{...a,icon:"star"})]}):t==="icon-text-button"?(0,qe.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,qe.jsx)(d,{...a,icon:"star",children:"First"}),(0,qe.jsx)(d,{...a,icon:"star",children:"Middle"}),(0,qe.jsx)(d,{...a,icon:"star",children:"Last"})]}):(0,qe.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,qe.jsx)(d,{...a,children:"First"}),(0,qe.jsx)(d,{...a,children:"Middle"}),(0,qe.jsx)(d,{...a,children:"Last"})]})};ta.options=Cp;ta.states=Mp;ta.variants=Sp;ta.defaultOptions=yp;ta.modifiers=Ap;var oa="input",qa=oa;var oi=require("react/jsx-runtime"),Ya="k-input",wp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Ep={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Ip={},Ne=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:u,size:x,rounded:g,fillMode:L,...k}=e;return(0,oi.jsx)("span",{...k,className:r(e.className,Ya,S(Ya,{size:x,rounded:g,fillMode:L}),I(Ya,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:u}))})};Ne.states=wp;Ne.options=Ep;Ne.className=Ya;Ne.defaultOptions=Ip;Ne.moduleName=oa;Ne.folderName=qa;var ai=require("react/jsx-runtime"),Qa="k-picker",Rp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Op={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Pp={},At=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:u,size:x,rounded:g,fillMode:L,...k}=e;return(0,ai.jsx)("span",{...k,className:r(e.className,Qa,S(Qa,{size:x,rounded:g,fillMode:L}),I(Qa,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:u})),children:e.children})};At.states=Rp;At.options=Op;At.className=Qa;At.defaultOptions=Pp;At.moduleName=oa;At.folderName=qa;var So=require("react/jsx-runtime"),ri="k-clear-value",Hp=[n.disabled,n.loading,n.readonly],Kp={},lt=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t\|\|a\|\|o\|\|!l?(0,So.jsx)(So.Fragment,{}):(0,So.jsx)("span",{className:r(e.className,ri),children:(0,So.jsx)(v,{icon:"x"})})};lt.states=Hp;lt.options=Kp;lt.className=ri;var li=require("react/jsx-runtime"),Fr="k-input-inner",Gp=[],Bp={},Za={type:"text",autocomplete:"off",value:"",placeholder:""},nt=e=>{let{value:t=Za.value,type:o=Za.type,placeholder:a=Za.placeholder,autocomplete:l=Za.autocomplete,disabled:i,readOnly:c,...u}=e;return(0,li.jsx)("input",{...u,type:o,className:r(e.className,Fr,S(Fr,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:i\|\|void 0,readOnly:c\|\|void 0})};nt.states=Gp;nt.options=Bp;nt.className=Fr;var aa=require("react/jsx-runtime"),Vr="k-input-inner",Dp=[],_p={},fo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:i,...c}=e;return(0,aa.jsxs)("span",{...c,className:r(e.className,Vr,S(Vr,e)),children:[l,!l&&i&&(0,aa.jsx)(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,aa.jsx)("span",{className:"k-input-value-text",children:t})]})};fo.states=Dp;fo.options=_p;fo.className=Vr;var ii=require("react/jsx-runtime"),$r="k-input-inner",zp=[],Up={},ni={value:"",placeholder:""},Xr=e=>{let{value:t=ni.value,placeholder:o=ni.placeholder,rows:a,disabled:l,...i}=e;return(0,ii.jsx)("textarea",{...i,className:r(e.className,$r,S($r,e)),placeholder:o,rows:a,defaultValue:t,disabled:l\|\|void 0})};Xr.states=zp;Xr.options=Up;Xr.className=$r;var ra=require("react/jsx-runtime"),si="k-input-loading-icon",Fp=[n.disabled,n.loading],Ye=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,ra.jsx)(ra.Fragment,{}):(0,ra.jsx)("span",{className:r(e.className,si,"k-icon k-i-loading")})};Ye.states=Fp;Ye.className=si;var la=require("react/jsx-runtime"),di="k-input-validation-icon",Vp=[n.valid,n.invalid,n.disabled,n.loading],$p={},$e=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,i=o?"warning-circle":"check-circle";return a\|\|l\|\|!!!(t\|\|o)?(0,la.jsx)(la.Fragment,{}):(0,la.jsx)(v,{className:r(di),icon:i})};$e.states=Vp;$e.options=$p;$e.className=di;var na=require("react/jsx-runtime"),Xp="k-input-prefix",Wp={direction:"horizontal"},ut=e=>{let{direction:t=Wp.direction,...o}=e;return e.children?(0,na.jsx)("span",{...o,className:r(Xp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,na.jsx)(na.Fragment,{})};var ia=require("react/jsx-runtime"),Jp="k-input-suffix",qp={direction:"horizontal"},bt=e=>{let{direction:t=qp.direction,...o}=e;return e.children?(0,ia.jsx)("span",{...o,className:r(Jp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,ia.jsx)(ia.Fragment,{})};var Yp=require("react/jsx-runtime");var ci=require("react/jsx-runtime"),Qp="k-input-suffix-text",Wr=e=>{let{children:t,...o}=e;return(0,ci.jsx)("span",{...o,className:r(Qp,e.className),children:t})};var mi=require("react/jsx-runtime"),pi="k-input-separator",Zp={direction:"vertical"},ft=e=>{let{direction:t=Zp.direction,...o}=e;return(0,mi.jsx)("span",{...o,className:r(pi,e.className,{[`${pi}-${t}`]:t})})};var ye=require("react/jsx-runtime"),jp=Ne.states,em=Ne.defaultOptions,tm=Ne.options,om=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],am=[],sa=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:i,readonly:c,...u}=e,x=t==null?void 0:t.prefix,g=t==null?void 0:t.suffix,L=t==null?void 0:t["clear-button"],k=t==null?void 0:t["validation-icon"],b=t==null?void 0:t.separators;return(0,ye.jsxs)(Ne,{...u,valid:o,invalid:a,loading:l,disabled:i,readonly:c,style:{width:300},children:[x&&(0,ye.jsxs)(ye.Fragment,{children:[(0,ye.jsx)(ut,{children:(0,ye.jsx)(v,{icon:"lock"})}),b&&(0,ye.jsx)(ft,{})]}),(0,ye.jsx)(nt,{placeholder:"Placeholder",value:"Value"}),k&&(0,ye.jsx)($e,{valid:o,invalid:a,loading:l,disabled:i}),(0,ye.jsx)(Ye,{loading:l,disabled:i}),L&&(0,ye.jsx)(lt,{loading:l,disabled:i,readonly:c,value:"Value"}),g&&(0,ye.jsxs)(ye.Fragment,{children:[b&&(0,ye.jsx)(ft,{}),(0,ye.jsx)(bt,{children:(0,ye.jsx)(bo,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};sa.options=tm;sa.states=jp;sa.variants=am;sa.defaultOptions=em;sa.modifiers=om;var da=require("react/jsx-runtime"),ui="k-color-preview",rm=[],lm={},Zt=e=>{let{color:t,iconName:o,...a}=e;return(0,da.jsxs)("span",{...a,className:r(e.className,ui,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,da.jsx)(v,{icon:o,className:"k-color-preview-icon"}),(0,da.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Zt.states=rm;Zt.options=lm;Zt.className=ui;var Jr="popup",bi=Jr;var qr=require("react/jsx-runtime"),fi="k-animation-container",nm=[],im={},Ti={positionMode:"absolute"},wt=e=>{let{positionMode:t=Ti.positionMode,animationStyle:o,offset:a,...l}=e;return(0,qr.jsx)("div",{...l,style:{...a,...e.style},className:r(e.className,fi,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,qr.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};wt.states=nm;wt.options=im;wt.className=fi;wt.defaultOptions=Ti;wt.moduleName=Jr;wt.folderName=bi;var Yr="popup",hi=Yr;var Qr=require("react/jsx-runtime"),xi="k-popup",sm=[],dm={},Ni={positionMode:"absolute"},ee=e=>{let{offset:t,positionMode:o=Ni.positionMode,animationStyle:a,containerClassName:l,containerRole:i,containerAriaLabel:c,...u}=e;return(0,Qr.jsx)(wt,{positionMode:o,offset:t,animationStyle:a,className:l,role:i,"aria-label":c,children:(0,Qr.jsx)("div",{...u,className:r(e.className,xi),children:e.children})})};ee.states=sm;ee.options=dm;ee.className=xi;ee.defaultOptions=Ni;ee.moduleName=Yr;ee.folderName=hi;ee.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 Zr="action-buttons",gi=Zr;var ki=require("react/jsx-runtime"),ja="k-actions",cm=[],pm={},jr={alignment:"start",orientation:"horizontal"},Et=e=>{let{alignment:t=jr.alignment,orientation:o=jr.orientation,...a}=e;return(0,ki.jsx)("div",{...a,className:r(ja,{[`${ja}-${t}`]:t,[`${ja}-${o}`]:o},e.className),children:e.children})};Et.states=cm;Et.options=pm;Et.className=ja;Et.defaultOptions=jr;Et.moduleName=Zr;Et.folderName=gi;var Li=require("react/jsx-runtime"),mm="k-actionsheet-footer",vi={alignment:"stretched",orientation:"horizontal"},jt=e=>{let{alignment:t=vi.alignment,orientation:o=vi.orientation,template:a,as:l=a?"div":Et,...i}=e;return(0,Li.jsx)(l,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,mm),children:e.children})};var el="searchbox",Ci=el;var eo=require("react/jsx-runtime"),Mi="k-searchbox",um=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],bm={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},tl={showIcon:!0,icon:"search"},Tt=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:i,hover:c,focus:u,valid:x,invalid:g,required:L,loading:k,disabled:b,showIcon:M=tl.showIcon,icon:C=tl.icon,...w}=e;return(0,eo.jsxs)(Ne,{...w,size:a,rounded:l,fillMode:i,hover:c,focus:u,valid:x,invalid:g,required:L,loading:k,disabled:b,className:r(e.className,Mi),children:[M&&(0,eo.jsx)(v,{className:"k-input-icon",icon:C}),(0,eo.jsx)(nt,{placeholder:o,value:t}),(0,eo.jsx)(Ye,{...e}),(0,eo.jsx)($e,{...e}),(0,eo.jsx)(lt,{...e})]})};Tt.states=um;Tt.options=bm;Tt.className=Mi;Tt.defaultOptions=tl;Tt.moduleName=el;Tt.folderName=Ci;var fm=require("react/jsx-runtime");var ol="textbox",yi=ol;var Ke=require("react/jsx-runtime"),Si="k-textbox",Tm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],hm={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},er={showClearButton:!0,showValidationIcon:!0,separators:!0},te=e=>{let{size:t,rounded:o,fillMode:a,separators:l=er.separators,showClearButton:i=er.showClearButton,showValidationIcon:c=er.showValidationIcon,prefix:u,suffix:x,type:g,value:L,placeholder:k,hover:b,focus:M,valid:C,invalid:w,required:K,loading:P,disabled:z,readonly:ie,id:xe,"aria-label":Ve,"aria-describedby":at,...rt}=e;return(0,Ke.jsxs)(Ne,{...rt,size:t,rounded:o,fillMode:a,hover:b,focus:M,valid:C,invalid:w,required:K,loading:P,disabled:z,readonly:ie,className:r(e.className,Si),children:[u&&(0,Ke.jsxs)(Ke.Fragment,{children:[(0,Ke.jsx)(ut,{children:u}),l&&(0,Ke.jsx)(ft,{})]}),(0,Ke.jsx)(nt,{id:xe,placeholder:k,value:L,type:g,disabled:z,"aria-label":Ve,"aria-describedby":at,"aria-invalid":w?"true":void 0}),c&&(0,Ke.jsx)($e,{valid:C,invalid:w,loading:P,disabled:z}),(0,Ke.jsx)(Ye,{loading:P,disabled:z}),i&&(0,Ke.jsx)(lt,{loading:P,disabled:z,readonly:ie,value:L}),x&&(0,Ke.jsxs)(Ke.Fragment,{children:[l&&(0,Ke.jsx)(ft,{}),(0,Ke.jsx)(bt,{children:x})]})]})};te.states=Tm;te.options=hm;te.className=Si;te.defaultOptions=er;te.moduleName=ol;te.folderName=yi;te.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 ca=te;var wi=require("react/jsx-runtime"),Ai=e=>(0,wi.jsx)(ca,{...e});var Ei=require("react/jsx-runtime");var Ii=require("react/jsx-runtime");var xm=require("react/jsx-runtime");var tr=require("react/jsx-runtime"),Nm=te.states,gm=te.defaultOptions,km=te.options,vm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Lm=[],pa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,tr.jsx)(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,tr.jsx)(bo,{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,tr.jsx)(Ai,{value:"Value",style:{width:300},...o,...a})};pa.options=km;pa.states=Nm;pa.variants=Lm;pa.defaultOptions=gm;pa.modifiers=vm;var it=require("react/jsx-runtime"),Ri="k-actionsheet-titlebar",Cm={},Xe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:i,input:c,inputValue:u,inputPlaceholder:x,adaptive:g,titleId:L,children:k,...b}=e;return(0,it.jsxs)("div",{...b,className:r(e.className,Ri),children:[(0,it.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,it.jsx)("div",{className:"k-actionsheet-actions",children:a}),!k&&(0,it.jsxs)("div",{className:"k-actionsheet-title",id:L,children:[t&&(0,it.jsx)("div",{className:"k-text-center",children:t}),o&&(0,it.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&(0,it.jsx)("div",{className:"k-actionsheet-title",id:L,children:k}),l&&(0,it.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(c\|\|i)&&(0,it.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?(0,it.jsx)(te,{value:u,placeholder:x,size:g?"large":"medium","aria-label":t\|\|x\|\|"Input"}):(0,it.jsx)(Tt,{placeholder:"Filter",size:g?"large":"medium","aria-label":"Filter options"})})]})};Xe.className=Ri;Xe.defaultOptions=Cm;var Ao=require("react/jsx-runtime"),al="k-actionsheet-view",Mm=[],ym={},Sm={},wo=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:i,titleId:c,...u}=e,x=(l==null?void 0:l.type)===Xe&&(0,Ao.jsx)(Xe,{adaptive:t,titleId:c,...l==null?void 0:l.props}),g=(i==null?void 0:i.type)===jt&&(0,Ao.jsx)(jt,{...i==null?void 0:i.props});return(0,Ao.jsxs)("div",{...u,className:r(e.className,al,{[`${al}-animated`]:o}),children:[x,(0,Ao.jsx)("div",{className:"k-actionsheet-content",children:a}),g]})};wo.states=Mm;wo.options=ym;wo.className=al;wo.defaultOptions=Sm;var ma="action-sheet",or=ma;var rl="overlay",Oi=rl;var Pi=require("react/jsx-runtime"),ll="k-overlay",Am=[],wm={themeColor:[f.undefined,f.light,f.dark,f.inverse]},Em={},to=e=>{let{themeColor:t,...o}=e;return(0,Pi.jsx)("div",{...o,className:r(e.className,ll,S(ll,{themeColor:t})),children:e.children})};to.states=Am;to.options=wm;to.className=ll;to.defaultOptions=Em;to.moduleName=rl;to.folderName=Oi;var To=require("react/jsx-runtime"),Hi="k-actionsheet",Im=[],Rm={},ua={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},fe=e=>{let{side:t=ua.side,fullscreen:o=ua.fullscreen,adaptive:a=ua.adaptive,overlay:l=ua.overlay,template:i,children:c,header:u,footer:x,id:g,...L}=e,k=g&&!i&&u?`${g}-title`:void 0;return(0,To.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,To.jsx)(to,{}),(0,To.jsx)(wt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:(0,To.jsx)("div",{...L,id:g,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":k,className:r(e.className,Hi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|(0,To.jsx)(wo,{header:u,footer:x,adaptive:a,titleId:k,...e,children:c})})})]})};fe.states=Im;fe.options=Rm;fe.className=Hi;fe.defaultOptions=ua;fe.moduleName=ma;fe.folderName=or;fe.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 Gi=require("react/jsx-runtime"),Ki="k-actionsheet-container",Om=[],Pm={},Hm={},Eo=e=>{let{children:t,...o}=e;return(0,Gi.jsx)("div",{...o,className:Ki,children:t})};Eo.states=Om;Eo.options=Pm;Eo.className=Ki;Eo.defaultOptions=Hm;Eo.moduleName=ma;Eo.folderName=or;var Bi=require("react/jsx-runtime"),nl=e=>{let{...t}=e;return(0,Bi.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var ht=require("react/jsx-runtime"),il="k-actionsheet-item",Km=[n.hover,n.focus,n.selected,n.disabled],oo=e=>{let{iconName:t,text:o,description:a,hover:l,focus:i,selected:c,disabled:u,...x}=e;return(0,ht.jsxs)("span",{...x,className:r(e.className,il,I(il,{hover:l,focus:i,selected:c,disabled:u})),children:[!e.children&&(0,ht.jsx)(ht.Fragment,{children:(0,ht.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,ht.jsx)("span",{className:"k-icon-wrap",children:(0,ht.jsx)(v,{className:"k-actionsheet-item-icon",icon:t})}),(0,ht.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,ht.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,ht.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};oo.states=Km;oo.className=il;var Di=require("react/jsx-runtime");var Gm=require("react/jsx-runtime");var Bm=require("react/jsx-runtime");var Dm=require("react/jsx-runtime");var se=require("react/jsx-runtime"),_m=fe.options,zm=fe.states,zi={...fe.defaultOptions,variant:"normal"},Um=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Fm=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ba=e=>{let{variant:t,modifiers:o,...a}={...zi,...e},l={},i=(0,se.jsxs)(nl,{children:[(0,se.jsx)(oo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,se.jsx)(oo,{text:"Add to Favorites",iconName:"heart"}),(0,se.jsx)(oo,{text:"Upload New",iconName:"upload",disabled:!0}),(0,se.jsx)("hr",{className:"k-hr"}),(0,se.jsx)(oo,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",u="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o\|\|{}).forEach(x=>{switch(x){case"actions":l.actionsStart=!!(o!=null&&o[x]),l.actionsEnd=!!(o!=null&&o[x]);break;case"subtitle":l.subtitle=o!=null&&o[x]?c:void 0;break;case"footer":l.footer=!!(o!=null&&o[x]);break;default:break}}),t==="adaptive"?(0,se.jsx)(fe,{...a,adaptive:!0,fullscreen:l.fullScreen,header:(0,se.jsx)(Xe,{actionsStart:l.actionsStart?(0,se.jsx)(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,se.jsx)(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?(0,se.jsxs)(jt,{alignment:"stretched",children:[(0,se.jsx)(d,{text:"Cancel",size:"large",themeColor:"base"}),(0,se.jsx)(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,se.jsx)(fe,{...a,fullscreen:l.fullScreen,header:(0,se.jsx)(Xe,{actionsStart:l.actionsStart?(0,se.jsx)(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,se.jsx)(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,se.jsxs)(jt,{alignment:"stretched",children:[(0,se.jsx)(d,{text:"Apply",themeColor:"primary"}),(0,se.jsx)(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};ba.options=_m;ba.states=zm;ba.variants=Um;ba.defaultOptions=zi;ba.modifiers=Fm;var sl="slider",Ui=sl;var Ct=require("react/jsx-runtime"),fa="k-slider",Vm=[n.hover,n.focus,n.active,n.disabled,n.readonly],$m={},xt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},oe=e=>{let{type:t=xt.type,orientation:o=xt.orientation,gradientType:a=xt.gradientType,readonly:l=xt.readonly,disabled:i=xt.disabled,handlePosition:c=xt.handlePosition,showButtons:u=xt.showButtons,showTicks:x=xt.showTicks,value:g=xt.value,min:L=xt.min,max:k=xt.max,startValue:b,endValue:M,hover:C,focus:w,active:K,trackStyle:P,dir:z,...ie}=e,Ve=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),at,rt;return o==="horizontal"?(at=z==="rtl"?"caret-alt-left":"caret-alt-right",rt=z==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(at="caret-alt-up",rt="caret-alt-down"),(0,Ct.jsxs)("div",{...ie,className:r(fa,e.className,I(fa,{readonly:l,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:z,children:[u&&(0,Ct.jsx)(d,{className:"k-button-decrease",rounded:"full",icon:rt,tabIndex:-1,title:"Decrease"}),(0,Ct.jsxs)("div",{className:"k-slider-track-wrap",children:[x&&(0,Ct.jsx)("ul",{className:"k-reset k-slider-items",children:e.children}),(0,Ct.jsxs)("div",{className:"k-slider-track",style:P,children:[(0,Ct.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Ct.jsx)("span",{className:r("k-draghandle","k-draghandle-start",I(fa,{hover:C,focus:w,active:K})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":b??L,"aria-valuemin":L,"aria-valuemax":M??k,"aria-orientation":Ve,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":ie["aria-label"]?`${ie["aria-label"]} start`:"Range start"}),(0,Ct.jsx)("span",{className:r("k-draghandle",`k-draghandle-${c}`,I(fa,{hover:C,focus:w,active:K})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?M??k:g,"aria-valuemin":t==="range"?b??L:L,"aria-valuemax":k,"aria-orientation":Ve,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?ie["aria-label"]?`${ie["aria-label"]} end`:"Range end":ie["aria-label"]})]})]}),u&&(0,Ct.jsx)(d,{className:"k-button-increase",rounded:"full",icon:at,tabIndex:-1,title:"Increase"})]})};oe.states=Vm;oe.options=$m;oe.className=fa;oe.defaultOptions=xt;oe.moduleName=sl;oe.folderName=Ui;oe.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'}]};var dl=require("react/jsx-runtime"),Fi="k-tick",Xm=[],Wm={},Vi={label:!1},G=e=>{let{style:t,label:o=Vi.label,orientation:a,large:l,text:i,...c}=e;return(0,dl.jsx)("li",{...c,className:r(e.className,Fi,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&(0,dl.jsx)("span",{className:"k-label",children:i})})};G.states=Xm;G.options=Wm;G.className=Fi;G.defaultOptions=Vi;var Se=require("react/jsx-runtime"),$i=e=>(0,Se.jsx)(oe,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,Se.jsxs)(Se.Fragment,{children:[(0,Se.jsx)(G,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Se.jsx)(G,{}),(0,Se.jsx)(G,{}),(0,Se.jsx)(G,{}),(0,Se.jsx)(G,{}),(0,Se.jsx)(G,{label:!0,large:!0,text:"5"}),(0,Se.jsx)(G,{}),(0,Se.jsx)(G,{}),(0,Se.jsx)(G,{}),(0,Se.jsx)(G,{}),(0,Se.jsx)(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Ae=require("react/jsx-runtime"),Xi=e=>(0,Ae.jsx)(oe,{children:(0,Ae.jsxs)(Ae.Fragment,{children:[(0,Ae.jsx)(G,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ae.jsx)(G,{}),(0,Ae.jsx)(G,{}),(0,Ae.jsx)(G,{}),(0,Ae.jsx)(G,{}),(0,Ae.jsx)(G,{label:!0,large:!0,text:"5"}),(0,Ae.jsx)(G,{}),(0,Ae.jsx)(G,{}),(0,Ae.jsx)(G,{}),(0,Ae.jsx)(G,{}),(0,Ae.jsx)(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var cl=require("react/jsx-runtime");var pl=require("react/jsx-runtime");var Wi=require("react/jsx-runtime"),ml=e=>(0,Wi.jsx)(oe,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Ji=require("react/jsx-runtime"),ul=e=>(0,Ji.jsx)(oe,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var bl=require("react/jsx-runtime");var fl=require("react/jsx-runtime");var Qe=require("react/jsx-runtime"),Jm=oe.options,qm=oe.states,qi={...oe.defaultOptions,variant:"horizontal",label:!0},Ym=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Qm=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ta=e=>{let{variant:t,modifiers:o,...a}={...qi,...e},l={};Object.keys(o\|\|{}).forEach(g=>{switch(g){case"button":{l.showButtons=!!(o!=null&&o[g]);break}case"label":{l.label=!!(o!=null&&o[g]);break}case"tick":{l.showTicks=!!(o!=null&&o[g]);break}}});let{label:i=!0,showButtons:c,showTicks:u}=l,x={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,Qe.jsxs)(Xi,{showTicks:u,showButtons:c,style:{height:"300px",...x},...a,children:[(0,Qe.jsx)(G,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,Qe.jsx)(G,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,Qe.jsx)(G,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,Qe.jsx)(G,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,Qe.jsx)(G,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,Qe.jsxs)($i,{showTicks:u,showButtons:c,style:{width:"400px",...x},...a,children:[(0,Qe.jsx)(G,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,Qe.jsx)(G,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,Qe.jsx)(G,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,Qe.jsx)(G,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,Qe.jsx)(G,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ta.options=Jm;Ta.states=qm;Ta.variants=Ym;Ta.defaultOptions=qi;Ta.modifiers=Qm;var ha=require("react/jsx-runtime"),Yi="k-spin-button",eu=[],tu={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Tl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ao=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=Tl.increaseLabel,decreaseLabel:i=Tl.decreaseLabel,...c}=e;return(0,ha.jsxs)("span",{...c,className:r(Yi,e.className),children:[(0,ha.jsx)(d,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),(0,ha.jsx)(d,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};ao.states=eu;ao.options=tu;ao.className=Yi;ao.defaultOptions=Tl;ao.moduleName=null;ao.folderName=null;var Qi="numeric-textbox",Zi="numerictextbox";var we=require("react/jsx-runtime"),ji="k-numerictextbox",ou=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],au={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ar={showSpinButton:!0,showClearButton:!0,separators:!0},U=e=>{let{size:t,rounded:o,fillMode:a,separators:l=ar.separators,showClearButton:i=ar.showClearButton,showSpinButton:c=ar.showSpinButton,prefix:u,suffix:x,value:g,placeholder:L,hover:k,focus:b,valid:M,invalid:C,required:w,loading:K,disabled:P,readonly:z,id:ie,"aria-label":xe,"aria-describedby":Ve,...at}=e;return(0,we.jsxs)(Ne,{...at,size:t,rounded:o,fillMode:a,hover:k,focus:b,valid:M,invalid:C,required:w,loading:K,disabled:P,readonly:z,className:r(e.className,ji),children:[u&&(0,we.jsxs)(we.Fragment,{children:[(0,we.jsx)(ut,{children:u}),l&&(0,we.jsx)(ft,{})]}),(0,we.jsx)(nt,{id:ie,placeholder:L,value:g,role:"spinbutton",disabled:P,"aria-label":xe,"aria-describedby":Ve,"aria-invalid":C?"true":void 0}),(0,we.jsx)($e,{valid:M,invalid:C,loading:K,disabled:P}),(0,we.jsx)(Ye,{loading:K,disabled:P}),i&&(0,we.jsx)(lt,{loading:K,disabled:P,readonly:z,value:g}),x&&(0,we.jsxs)(we.Fragment,{children:[l&&(0,we.jsx)(ft,{}),(0,we.jsx)(bt,{children:x})]}),c&&(0,we.jsx)(ao,{className:"k-input-spinner",size:t,fillMode:a,disabled:P})]})};U.states=ou;U.options=au;U.className=ji;U.defaultOptions=ar;U.moduleName=Qi;U.folderName=Zi;U.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var xa=U;var ts=require("react/jsx-runtime"),es=e=>(0,ts.jsx)(xa,{...e});var lr=_n(require("react"));var hl=require("react/jsx-runtime"),ru="k-list-group-sticky-header",xl=e=>(0,hl.jsx)("div",{className:r(ru,e.className),children:(0,hl.jsx)("div",{className:"k-list-header-text",children:e.children})});var os=require("react/jsx-runtime"),lu="k-no-data",rr=e=>{let{live:t,...o}=e;return(0,os.jsx)("span",{...o,className:r(lu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ho="list",Io=ho;var Ro=require("react/jsx-runtime"),Nl="k-list",nu=[],iu={size:[s.undefined,s.small,s.medium,s.large]},su={},$=e=>{var M;let{size:t,virtualization:o,children:a,header:l,optionLabel:i,customValue:c,noData:u,screenReaders:x,...g}=e,k=lr.default.Children.toArray(a)[0],b=(M=k==null?void 0:k.props)!=null&&M.children?lr.default.Children.count(k.props.children):lr.default.Children.count(a);return(0,Ro.jsxs)("div",{...g,className:r(e.className,Nl,S(Nl,{size:t}),{"k-virtual-list":o}),children:[i,c,l&&(0,Ro.jsx)(xl,{children:l}),a\|\|(u!==void 0?u:(0,Ro.jsx)(rr,{live:!0,children:"No data found."})),x&&a&&(0,Ro.jsxs)(rr,{className:"k-sr-only",live:!0,children:[b," items found."]})]})};$.states=nu;$.options=iu;$.className=Nl;$.defaultOptions=su;$.moduleName=ho;$.folderName=Io;$.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var rs=require("react/jsx-runtime"),as="k-list-container",du=[],cu={},pu={},Oo=e=>{let{...t}=e;return(0,rs.jsx)("div",{...t,className:r(e.className,as),children:e.children})};Oo.states=du;Oo.options=cu;Oo.className=as;Oo.defaultOptions=pu;Oo.moduleName=ho;Oo.folderName=Io;var xo="checkbox",Po=xo;var gl=require("react/jsx-runtime"),nr="k-checkbox",mu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],uu={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full]},bu={},Ze=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:i,disabled:c,invalid:u,valid:x,required:g,size:L,rounded:k,...b}=e;return(0,gl.jsx)("span",{className:"k-checkbox-wrap",children:(0,gl.jsx)("input",{...b,id:t,type:"checkbox",defaultChecked:o,required:g,disabled:c\|\|void 0,"aria-invalid":u?"true":void 0,className:r(e.className,nr,S(nr,{size:L,rounded:k}),I(nr,{hover:l,focus:i,disabled:c,invalid:u,valid:x,indeterminate:a,checked:o}))})})};Ze.states=mu;Ze.options=uu;Ze.className=nr;Ze.defaultOptions=bu;Ze.moduleName=xo;Ze.folderName=Po;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 It=Ze;var is=require("react/jsx-runtime"),ls="k-checkbox-list",fu=[],Tu={},ns={layout:"vertical"},je=e=>{let{layout:t=ns.layout,...o}=e;return(0,is.jsx)("ul",{...o,className:r(e.className,ls,{[`k-list-${t}`]:t}),children:e.children})};je.states=fu;je.options=Tu;je.className=ls;je.defaultOptions=ns;je.moduleName=xo;je.folderName=Po;var ds=require("react/jsx-runtime"),ss="k-checkbox-list-item",hu=[],xu={},Nu={},We=e=>{let{...t}=e;return(0,ds.jsx)("li",{...t,className:r(e.className,ss),children:e.children})};We.states=hu;We.options=xu;We.className=ss;We.defaultOptions=Nu;We.moduleName=xo;We.folderName=Po;var No=require("react/jsx-runtime"),Bt=({children:e,id:t,...o})=>(0,No.jsxs)(No.Fragment,{children:[(0,No.jsx)(It,{id:t,...o}),(0,No.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var kl=require("react/jsx-runtime");var vl=require("react/jsx-runtime");var Ll=require("react/jsx-runtime");var gu=require("react/jsx-runtime");var ku=require("react/jsx-runtime");var vu=require("react/jsx-runtime");var Ge=require("react/jsx-runtime"),Lu=je.options,Cu=je.states,Mu={...je.defaultOptions,variant:"vertical"},yu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Su=[],Na=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Ge.jsxs)(je,{layout:"horizontal",...o,children:[(0,Ge.jsx)(We,{children:(0,Ge.jsx)(Bt,{id:"first",defaultChecked:!0,children:"Label"})}),(0,Ge.jsx)(We,{children:(0,Ge.jsx)(Bt,{id:"second",children:"Label"})}),(0,Ge.jsx)(We,{children:(0,Ge.jsx)(Bt,{id:"third",children:"Label"})})]}):(0,Ge.jsxs)(je,{...o,children:[(0,Ge.jsx)(We,{children:(0,Ge.jsx)(Bt,{id:"first",defaultChecked:!0,children:"Label"})}),(0,Ge.jsx)(We,{children:(0,Ge.jsx)(Bt,{id:"second",children:"Label"})}),(0,Ge.jsx)(We,{children:(0,Ge.jsx)(Bt,{id:"third",children:"Label"})})]})};Na.options=Lu;Na.states=Cu;Na.variants=yu;Na.defaultOptions=Mu;Na.modifiers=Su;var cs=require("react/jsx-runtime"),Au=It.options,wu=It.states,Eu=It.defaultOptions,Iu=[],Ru=[],ga=e=>(0,cs.jsx)(Bt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});ga.options=Au;ga.states=wu;ga.variants=Iu;ga.defaultOptions=Eu;ga.modifiers=Ru;var Rt=require("react/jsx-runtime"),Cl="k-list-item",Ou=[n.hover,n.focus,n.selected,n.disabled],Pu={},Hu={},_=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:i,showCheckbox:c,checked:u,hover:x,focus:g,selected:L,disabled:k,actions:b,description:M,id:C,...w}=e,K=t\|\|e.children;return(0,Rt.jsxs)("li",{...w,id:C,role:a?"presentation":"option",tabIndex:a?void 0:g?0:-1,"aria-selected":!a&&L?"true":a?void 0:"false","aria-disabled":!a&&k?"true":void 0,className:r(e.className,a?"k-list-group-item":Cl,I(Cl,{hover:x,focus:g,disabled:k,selected:L})),children:[c&&(0,Rt.jsx)(Ze,{checked:u}),l&&(0,Rt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Rt.jsx)(v,{icon:l,className:r("k-list-item-icon",i)})}),(0,Rt.jsx)("span",{className:"k-list-item-text",children:K}),b&&(0,Rt.jsx)("div",{className:"k-list-item-actions",children:b}),M&&(0,Rt.jsx)("span",{className:"k-list-item-description",children:M}),o&&o!==""&&(0,Rt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};_.states=Ou;_.options=Pu;_.className=Cl;_.defaultOptions=Hu;_.moduleName=ho;_.folderName=Io;_.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 ps=require("react/jsx-runtime"),Ku="k-list-ul",Dt=e=>{let{children:t,role:o,id:a,...l}=e;return(0,ps.jsx)("ul",{...l,id:a,role:o,className:r(Ku,e.className),children:t})};Dt.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 Ho=require("react/jsx-runtime"),Gu="k-list-content",q=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:i,...c}=e;return(0,Ho.jsxs)("div",{...c,className:r(Gu,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:(0,Ho.jsx)(Dt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&(0,Ho.jsx)("div",{className:"k-height-container",children:(0,Ho.jsx)("div",{})})]})};q.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 Ml=require("react/jsx-runtime");var Ko=require("react/jsx-runtime"),Bu="k-list-group-item",go=e=>{let{groupIconName:t,...o}=e;return(0,Ko.jsxs)("li",{...o,role:"presentation",className:r(Bu,e.className),children:[t&&(0,Ko.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Ko.jsx)(v,{icon:t,className:"k-list-item-icon"})}),(0,Ko.jsx)("span",{className:"k-list-item-text",children:e.children})]})};go.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 ms=require("react/jsx-runtime"),yl="k-list-optionlabel",Du=[n.hover,n.focus,n.selected,n.disabled],_u={},zu={},ir=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...c}=e;return(0,ms.jsx)("div",{...c,className:r(yl,I(yl,{hover:o,focus:a,selected:l,disabled:i})),children:t})};ir.states=Du;ir.options=_u;ir.className=yl;ir.defaultOptions=zu;var us=require("react/jsx-runtime"),Sl="k-list-custom-value",Uu=[n.hover,n.focus,n.selected,n.disabled],Fu={},Vu={},ro=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...c}=e;return(0,us.jsx)("div",{...c,className:r(Sl,I(Sl,{hover:o,focus:a,selected:l,disabled:i})),children:t})};ro.states=Uu;ro.options=Fu;ro.className=Sl;ro.defaultOptions=Vu;var Al=require("react/jsx-runtime");var wl=require("react/jsx-runtime");var El=require("react/jsx-runtime");var Il=require("react/jsx-runtime");var $u=require("react/jsx-runtime");var Rl=require("react/jsx-runtime");var bs="dropdown-list",fs="dropdownlist";var de=require("react/jsx-runtime"),Ts="k-dropdownlist",Xu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Wu={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Ol={showValue:!0,arrowIconName:"caret-alt-down"},Y=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Ol.arrowIconName,showValue:i=Ol.showValue,valueIconName:c,prefix:u,suffix:x,value:g,placeholder:L,hover:k,focus:b,valid:M,invalid:C,required:w,loading:K,disabled:P,readonly:z,popup:ie,opened:xe,adaptive:Ve,adaptiveSettings:at,adaptiveTitle:rt,adaptiveSubtitle:yo,adaptiveFilter:Ar,...Fa}=e;return(0,de.jsxs)(de.Fragment,{children:[(0,de.jsxs)(At,{...Fa,size:t,rounded:o,fillMode:a,hover:k,focus:b,valid:M,invalid:C,required:w,loading:K,disabled:P,readonly:z,className:r(e.className,Ts,{"k-icon-picker":!i&&c}),children:[(0,de.jsx)(ut,{children:u}),(0,de.jsx)(fo,{placeholder:L,value:g,showValue:i,valueIconName:c}),(0,de.jsx)($e,{valid:M,invalid:C,loading:K,disabled:P}),(0,de.jsx)(Ye,{loading:K,disabled:P}),(0,de.jsx)(bt,{children:x}),(0,de.jsx)(d,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":L\|\|"Toggle dropdown"})]}),xe&&ie&&(0,de.jsx)(ee,{className:"k-list-container k-dropdownlist-popup",children:ie}),Ve&&(0,de.jsx)(fe,{adaptive:!0,...at,header:(0,de.jsx)(Xe,{actionsEnd:(0,de.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Ar,inputValue:g,inputPlaceholder:L,title:rt,subtitle:yo}),children:(0,de.jsx)("div",{className:"k-list-container",children:(0,de.jsx)($,{size:"large",children:(0,de.jsxs)(q,{children:[(0,de.jsx)(_,{text:"List item"}),(0,de.jsx)(_,{text:"List item"}),(0,de.jsx)(_,{text:"List item"})]})})})})]})};Y.states=Xu;Y.options=Wu;Y.className=Ts;Y.defaultOptions=Ol;Y.moduleName=bs;Y.folderName=fs;var Ju=require("react/jsx-runtime");var hs=require("react/jsx-runtime");var Pl=require("react/jsx-runtime");var qu=require("react/jsx-runtime");var xs=require("react/jsx-runtime");var Hl=require("react/jsx-runtime");var et=require("react/jsx-runtime"),Yu=Y.states,Qu=Y.defaultOptions,Zu=Y.options,ju=[{name:"opened",title:"Opened"}],eb=[],va=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)(Tt,{})}),(0,et.jsx)($,{style:{width:300},size:o.size,children:(0,et.jsxs)(q,{children:[(0,et.jsx)(_,{children:"List item"}),(0,et.jsx)(_,{children:"List item"}),(0,et.jsx)(_,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?l:void 0)}),(0,et.jsx)("div",{children:(0,et.jsx)(Y,{placeholder:"Value",style:{width:300},...o,...a})})};va.options=Zu;va.states=Yu;va.variants=eb;va.defaultOptions=Qu;va.modifiers=ju;var Ns=require("react/jsx-runtime");var gs=require("react/jsx-runtime");var tb=require("react/jsx-runtime");var sr=require("react/jsx-runtime"),ob=U.states,ab=U.defaultOptions,rb=U.options,lb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],nb=[],La=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,sr.jsx)(Y,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,sr.jsx)(Wr,{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,sr.jsx)(es,{value:"Value",style:{width:300},...o,...a})};La.options=rb;La.states=ob;La.variants=nb;La.defaultOptions=ab;La.modifiers=lb;var A=require("react/jsx-runtime"),ks="k-colorgradient-inputs",ib=[],sb={size:[s.undefined,s.small,s.medium,s.large]},vs={mode:"rgba"},Go=e=>{let{mode:t=vs.mode,size:o,...a}=e;return(0,A.jsxs)("div",{...a,className:r(ks,"k-hstack"),children:[(0,A.jsx)("div",{className:"k-vstack",children:(0,A.jsx)(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,A.jsx)(A.Fragment,{children:(0,A.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,A.jsx)(te,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Go.states=ib;Go.options=sb;Go.className=ks;Go.defaultOptions=vs;var Be=require("react/jsx-runtime"),Ls="k-colorgradient-color-contrast",db=[],cb={},pb={},Bo=()=>(0,Be.jsxs)("div",{className:r(Ls,"k-vbox"),children:[(0,Be.jsxs)("div",{className:"k-contrast-ratio",children:[(0,Be.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,Be.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,Be.jsx)(v,{icon:"check"}),(0,Be.jsx)(v,{icon:"check"})]})]}),(0,Be.jsxs)("div",{children:[(0,Be.jsx)("span",{children:"AA: 4.5"}),(0,Be.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,Be.jsx)(v,{icon:"check"})]})]}),(0,Be.jsxs)("div",{children:[(0,Be.jsx)("span",{children:"AAA: 7.0"}),(0,Be.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,Be.jsx)(v,{icon:"x"})]})]})]});Bo.states=db;Bo.options=cb;Bo.className=Ls;Bo.defaultOptions=pb;var Cs="color-gradient",Ms="colorgradient";var ge=require("react/jsx-runtime"),dr="k-colorgradient",mb=[n.hover,n.focus,n.readonly,n.disabled],ub={size:[s.undefined,s.small,s.medium,s.large]},Ot={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"},Ee=e=>{let{size:t,mode:o=Ot.mode,readonly:a=Ot.readonly,disabled:l=Ot.disabled,gradientStyle:i=Ot.gradientStyle,dragHandleStyle:c=Ot.dragHandleStyle,alphaStyle:u=Ot.alphaStyle,alphaStyleHorizontal:x=Ot.alphaStyleHorizontal,contrast:g=Ot.contrast,dir:L,hover:k,focus:b,hoverHandle:M,focusHandle:C,canvasOrientation:w=Ot.canvasOrientation,role:K,tabIndex:P,...z}=e;return(0,ge.jsxs)("div",{...z,role:K??"textbox","aria-label":K==="none"?void 0:"Color gradient",tabIndex:P??0,"aria-disabled":l?"true":void 0,className:r(e.className,dr,S(dr,{size:t}),I(dr,{hover:k,focus:b,readonly:a,disabled:l})),dir:L,children:[!w\|\|w==="horizontal"&&(0,ge.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,ge.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,ge.jsx)("div",{className:"k-hsv-gradient",children:(0,ge.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,ge.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,ge.jsx)(ul,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&(0,ge.jsx)(ul,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:u})]})]}),w==="vertical"&&(0,ge.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,ge.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,ge.jsx)("div",{className:"k-hsv-gradient",children:(0,ge.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,ge.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,ge.jsx)(ml,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&(0,ge.jsx)(ml,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:x})]})]}),(0,ge.jsx)(Go,{mode:e.mode,size:t}),g&&(0,ge.jsx)(Bo,{})]})};Ee.states=mb;Ee.options=ub;Ee.className=dr;Ee.defaultOptions=Ot;Ee.moduleName=Cs;Ee.folderName=Ms;Ee.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 ys=require("react/jsx-runtime"),cr=e=>(0,ys.jsx)(Ee,{...e});var bb=require("react/jsx-runtime");var fb=require("react/jsx-runtime");var pr=require("react/jsx-runtime"),Tb=Ee.options,hb=Ee.states,xb={...Ee.defaultOptions,variant:"rgba"},Nb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],gb=[],Ca=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,pr.jsx)(cr,{...o,mode:t});case"rgb":return(0,pr.jsx)(cr,{...o,mode:t});default:return(0,pr.jsx)(cr,{...o,mode:t})}};Ca.options=Tb;Ca.states=hb;Ca.variants=Nb;Ca.defaultOptions=xb;Ca.modifiers=gb;var Ss=require("react/jsx-runtime"),Kl=e=>(0,Ss.jsx)("tr",{role:"row",children:e.children});var As=require("react/jsx-runtime"),Gl="k-colorpalette-tile",kb=[n.hover,n.focus,n.selected],vb={},Do=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:i,...c}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,As.jsx)("td",{...c,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,Gl,I(Gl,{hover:a,focus:l,selected:i})),style:u})};Do.states=kb;Do.options=vb;Do.className=Gl;var ws="color-palette",Es="colorpalette";var _o=require("react/jsx-runtime"),mr="k-colorpalette",Lb=[n.disabled],Cb={size:[s.undefined,s.small,s.medium,s.large]},Is={columns:10},tt=e=>{let{size:t,palette:o,columns:a=Is.columns,tileSize:l,disabled:i,...c}=e,u=[];if(o){let x=a\|\|o.columns,g=o.colors?o.colors:o;Array.isArray(g)&&Array.from({length:Math.ceil(g.length/x)},(L,k)=>{let b=[];g.slice(kx,(k+1)x).map((C,w)=>{b.push((0,_o.jsx)(Do,{color:C,tileSize:l},w))});let M=(0,_o.jsx)(Kl,{children:b},k);u.push(M)})}return(0,_o.jsx)("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,mr,I(mr,{disabled:i}),S(mr,{size:t})),children:(0,_o.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,_o.jsx)("tbody",{children:u.length>0?u:e.children})})})};tt.states=Lb;tt.options=Cb;tt.className=mr;tt.defaultOptions=Is;tt.moduleName=ws;tt.folderName=Es;tt.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 ur=tt;var Ma={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 Os=require("react/jsx-runtime"),Rs=e=>(0,Os.jsx)(ur,{palette:Ma.basic,...e});var Mb=require("react/jsx-runtime");var Ps=require("react/jsx-runtime");var Hs=require("react/jsx-runtime"),yb=tt.options,Sb=tt.states,Ab={...tt.defaultOptions,variant:"basic"},wb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Eb={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}},Ib=[],ya=e=>{let{variant:t="basic",...o}=e,a=Eb[t];return(0,Hs.jsx)(Rs,{columns:a.columns,palette:a,...o})};ya.options=yb;ya.states=Sb;ya.variants=wb;ya.defaultOptions=Ab;ya.modifiers=Ib;var Ks="color-editor",Gs="coloreditor";var Te=require("react/jsx-runtime"),br="k-coloreditor",Rb=[n.focus],Ob={size:[s.undefined,s.small,s.medium,s.large]},Sa={view:"gradient",palette:Ma.office,actionButtons:!0,canvasOrientation:"horizontal"},he=e=>{let{size:t,view:o=Sa.view,palette:a=Sa.palette,color:l,currentColor:i,focus:c,focusView:u,dir:x,group:g,actionButtons:L=Sa.actionButtons,canvasOrientation:k=Sa.canvasOrientation,...b}=e;return(0,Te.jsxs)("div",{...b,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",br,S(br,{size:t}),I(br,{focus:c})),dir:x,children:[(0,Te.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,Te.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:g&&(0,Te.jsxs)(D,{fillMode:"flat",children:[(0,Te.jsx)(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,Te.jsx)(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,Te.jsx)("div",{className:"k-spacer"}),(0,Te.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,Te.jsx)(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,Te.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,Te.jsx)(Zt,{className:"k-coloreditor-preview-color",color:l}),(0,Te.jsx)(Zt,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,Te.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,Te.jsx)(Ee,{focus:u,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):(0,Te.jsx)(tt,{palette:a,size:t})}),L&&(0,Te.jsxs)(Et,{className:"k-coloreditor-footer",alignment:"start",children:[(0,Te.jsx)(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,Te.jsx)(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};he.states=Rb;he.options=Ob;he.className=br;he.defaultOptions=Sa;he.moduleName=Ks;he.folderName=Gs;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 zo=he;var Pb=require("react/jsx-runtime");var Hb=require("react/jsx-runtime");var Ds=require("react/jsx-runtime"),Bs=e=>(0,Ds.jsx)(zo,{group:!0,currentColor:"fuchsia",...e});var zs=require("react/jsx-runtime"),_s=e=>(0,zs.jsx)(zo,{view:"palette",group:!0,currentColor:"fuchsia",...e});var Bl=require("react/jsx-runtime"),Kb=he.options,Gb=he.states,Bb={...he.defaultOptions,variant:"gradient"},Db=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],_b=[],Aa=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Bl.jsx)(_s,{...o,color:"white"}):(0,Bl.jsx)(Bs,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Aa.options=Kb;Aa.states=Gb;Aa.variants=Db;Aa.defaultOptions=Bb;Aa.modifiers=_b;var Us="color-picker",Fs="colorpicker";var ke=require("react/jsx-runtime"),Vs="k-colorpicker",zb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Ub={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},$s={arrowIconName:"caret-alt-down"},st=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=$s.arrowIconName,prefix:i,suffix:c,value:u,placeholder:x,hover:g,focus:L,valid:k,invalid:b,required:M,disabled:C,valueIconName:w,popup:K,opened:P,adaptive:z,adaptiveSettings:ie,adaptiveTitle:xe,adaptiveSubtitle:Ve,...at}=e,rt="colorpicker-popup";return(0,ke.jsxs)(ke.Fragment,{children:[(0,ke.jsxs)(At,{...at,size:t,rounded:o,fillMode:a,hover:g,focus:L,valid:k,invalid:b,required:M,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":P?"true":"false","aria-controls":P\|\|z?rt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:r(e.className,Vs,"k-icon-picker"),children:[(0,ke.jsx)(ut,{children:i}),(0,ke.jsx)(fo,{placeholder:x,value:u,showValue:!1,valueIcon:(0,ke.jsx)(Zt,{className:"k-value-icon",color:u,iconName:w}),valueIconName:w}),(0,ke.jsx)(bt,{children:c}),(0,ke.jsx)(d,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),P&&K&&(0,ke.jsx)(ee,{id:rt,className:"k-colorpicker-popup",children:K}),z&&(0,ke.jsx)(fe,{adaptive:!0,id:rt,...ie,header:(0,ke.jsx)(Xe,{actionsEnd:(0,ke.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:xe,subtitle:Ve}),footer:(0,ke.jsxs)(jt,{children:[(0,ke.jsx)(d,{text:"Cancel",size:"large"}),(0,ke.jsx)(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,ke.jsx)(he,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};st.states=zb;st.options=Ub;st.className=Vs;st.defaultOptions=$s;st.moduleName=Us;st.folderName=Fs;st.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 lo=st;var Xs=require("react/jsx-runtime"),fr=e=>(0,Xs.jsx)(lo,{...e});var Fb=require("react/jsx-runtime");var Vb=require("react/jsx-runtime");var $b=require("react/jsx-runtime");var Xb=require("react/jsx-runtime");var Wb=require("react/jsx-runtime");var Jb=require("react/jsx-runtime");var no=require("react/jsx-runtime"),qb=lo.options,Yb=lo.states,Ws={...lo.defaultOptions,variant:"color"},Qb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Zb=[{name:"opened",title:"Opened"}],wa=e=>{let{variant:t,modifiers:o,...a}={...Ws,...e},l={};Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(l.opened=!!(o!=null&&o[c]),l.popup=o!=null&&o[c]?(0,no.jsx)(he,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,no.jsx)("div",{style:i,children:(0,no.jsx)(fr,{...a,...l})});case"icon":return(0,no.jsx)("div",{style:i,children:(0,no.jsx)(fr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return(0,no.jsx)("div",{style:i,children:(0,no.jsx)(fr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};wa.options=qb;wa.states=Yb;wa.variants=Qb;wa.defaultOptions=Ws;wa.modifiers=Zb;var Dl="combobox",Js=Dl;var J=require("react/jsx-runtime"),qs="k-combobox",jb=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],ef={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Ys={separators:!0},Je=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Ys.separators,prefix:i,suffix:c,value:u,placeholder:x,hover:g,focus:L,valid:k,invalid:b,required:M,loading:C,disabled:w,popup:K,opened:P,readonly:z,adaptive:ie,adaptiveSettings:xe,adaptiveTitle:Ve,adaptiveSubtitle:at,adaptiveCustomValue:rt,id:yo,autocomplete:Ar,activeDescendant:Fa,"aria-label":Xc,...Wc}=e,Jc=yo?`${yo}-listbox`:void 0;return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(Ne,{...Wc,size:t,rounded:o,fillMode:a,hover:g,focus:L,valid:k,invalid:b,required:M,loading:C,disabled:w,readonly:z,className:r(e.className,qs),children:[i&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(ut,{children:i}),l&&(0,J.jsx)(ft,{})]}),(0,J.jsx)(nt,{placeholder:x,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":P?"true":"false","aria-controls":P?Jc:void 0,"aria-activedescendant":P&&Fa?Fa:void 0,"aria-autocomplete":Ar,"aria-invalid":b?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":Xc,disabled:w,readOnly:z}),(0,J.jsx)($e,{valid:k,invalid:b,loading:C,disabled:w}),(0,J.jsx)(Ye,{loading:C,disabled:w}),(0,J.jsx)(lt,{loading:C,disabled:w,readonly:z,value:u}),c&&(0,J.jsxs)(J.Fragment,{children:[l&&(0,J.jsx)(ft,{}),(0,J.jsx)(bt,{children:c})]}),(0,J.jsx)(d,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:w})]}),P&&K&&(0,J.jsx)(ee,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:K}),ie&&(0,J.jsx)(fe,{adaptive:!0,id:yo?`${yo}-adaptive`:void 0,...xe,header:(0,J.jsx)(Xe,{actionsEnd:(0,J.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:x,title:Ve,subtitle:at}),children:(0,J.jsx)("div",{className:"k-list-container",children:(0,J.jsx)($,{customValue:rt?(0,J.jsx)(ro,{text:`Use "${u}"`}):void 0,size:"large",children:(0,J.jsxs)(q,{"aria-label":Ve\|\|"Options",children:[(0,J.jsx)(_,{text:"List item"}),(0,J.jsx)(_,{text:"List item"}),(0,J.jsx)(_,{text:"List item"})]})})})})]})};Je.states=jb;Je.options=ef;Je.className=qs;Je.defaultOptions=Ys;Je.moduleName=Dl;Je.folderName=Js;Je.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var dt=Je;var Zs=require("react/jsx-runtime"),Qs=e=>(0,Zs.jsx)(dt,{...e});var js=require("react/jsx-runtime");var ed=require("react/jsx-runtime");var td=require("react/jsx-runtime");var od=require("react/jsx-runtime");var ad=require("react/jsx-runtime");var rd=require("react/jsx-runtime");var _l=require("react/jsx-runtime");var tf=require("react/jsx-runtime");var of=require("react/jsx-runtime");var ld=require("react/jsx-runtime");var nd=require("react/jsx-runtime");var Mt=require("react/jsx-runtime"),af=Je.states,rf=Je.defaultOptions,lf=Je.options,nf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],sf=[],Ea=e=>{let{modifiers:t,...o}=e,a={},l=(0,Mt.jsx)($,{style:{width:300},size:o.size,children:(0,Mt.jsxs)(q,{children:[(0,Mt.jsx)(_,{children:"List item"}),(0,Mt.jsx)(_,{children:"List item"}),(0,Mt.jsx)(_,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,Mt.jsx)(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,Mt.jsx)(Qt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?l:void 0;break;default:break}}),(0,Mt.jsx)("div",{children:(0,Mt.jsx)(Qs,{value:"Value",style:{width:300},...o,...a})})};Ea.options=lf;Ea.states=af;Ea.variants=sf;Ea.defaultOptions=rf;Ea.modifiers=nf;var zl="menu-button",id=zl;var dd=require("react/jsx-runtime"),sd="k-menu-button",df=[n.hover,n.focus,n.active,n.selected,n.disabled],cf={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Ul={showArrow:!0,arrowIconName:"caret-alt-down"},Q=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:u,selected:x,disabled:g,icon:L,text:k,showArrow:b=Ul.showArrow,arrowIconName:M=Ul.arrowIconName,expanded:C,...w}=e;return(0,dd.jsx)(d,{...w,className:r(e.className,sd),text:k,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:u,selected:x,disabled:g,icon:L,showArrow:b,arrowIconName:M,"aria-expanded":C?"true":"false",...!k&&L&&!e["aria-label"]&&{"aria-label":"Menu"},...g&&{"aria-disabled":"true"}})};Q.states=df;Q.options=cf;Q.className=sd;Q.defaultOptions=Ul;Q.moduleName=zl;Q.folderName=id;Q.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 pf=require("react/jsx-runtime");var mf=require("react/jsx-runtime");var uf=require("react/jsx-runtime");var ct="menu",gt=ct;var _t=require("react/jsx-runtime"),Fl="k-menu-item",bf=[n.hover,n.focus,n.active,n.selected,n.disabled],ff={},cd={iconPosition:"before"},De=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:c,text:u,first:x,last:g,showArrow:L,arrowIconName:k,iconPosition:b=cd.iconPosition,dir:M,children:C,expanded:w,...K}=e,P=k;return P\|\|(P=M==="rtl"?"caret-alt-left":"caret-alt-right"),(0,_t.jsxs)("li",{...K,className:r(e.className,Fl,"k-item",I(Fl,{focus:o,disabled:i,hover:t,active:a,selected:l}),{"k-first":x,"k-last":g}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":w?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,_t.jsxs)("span",{className:r("k-link k-menu-link"),children:[c&&b==="before"&&(0,_t.jsx)(v,{className:"k-menu-link-icon",icon:c}),(0,_t.jsx)("span",{className:"k-menu-link-text",children:u}),c&&b==="after"&&(0,_t.jsx)(v,{className:"k-menu-link-icon",icon:c}),L&&(0,_t.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,_t.jsx)(v,{icon:P})})]}),C]})};De.states=bf;De.options=ff;De.className=Fl;De.defaultOptions=cd;De.moduleName=ct;De.folderName=gt;var zt=require("react/jsx-runtime"),Vl="k-menu-item",Tf=[n.hover,n.focus,n.active,n.selected,n.disabled],hf={},$l={dir:"ltr",iconPosition:"before"},ce=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:c,text:u,first:x,last:g,showArrow:L,arrowIconName:k,iconPosition:b=$l.iconPosition,dir:M=$l.dir,children:C,popup:w,expanded:K,...P}=e,z=k;return z\|\|(z=M==="rtl"?"caret-alt-left":"caret-alt-right"),(0,zt.jsxs)("li",{...P,className:r(e.className,Vl,"k-item",I(Vl,{focus:o,disabled:i}),{"k-first":x,"k-last":g}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":K?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,zt.jsxs)("span",{className:r("k-link k-menu-link",I("k-menu-link",{hover:t,active:a,selected:l,disabled:i})),children:[c&&b==="before"&&(0,zt.jsx)(v,{className:"k-menu-link-icon",icon:c}),(0,zt.jsx)("span",{className:"k-menu-link-text",children:u}),c&&b==="after"&&(0,zt.jsx)(v,{className:"k-menu-link-icon",icon:c}),L&&(0,zt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,zt.jsx)(v,{icon:z})})]}),C,w]})};ce.states=Tf;ce.options=hf;ce.className=Vl;ce.defaultOptions=$l;ce.moduleName=ct;ce.folderName=gt;var ud=require("react/jsx-runtime"),pd="k-menu-scroll-wrapper",xf=[],Nf={},gf={},ko=e=>{let{className:t,children:o,orientation:a,...l}=e;return(0,ud.jsx)("div",{...l,className:r(t,pd,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ko.states=xf;ko.options=Nf;ko.className=pd;ko.defaultOptions=gf;ko.moduleName=ct;ko.folderName=gt;var md=ko;var Ie=require("react/jsx-runtime"),Xl="k-menu",kf=[],vf={},hr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Re=e=>{let{children:t,orientation:o=hr.orientation,header:a=hr.header,scrollable:l,scrollButtonsPosition:i=hr.scrollButtonsPosition,wrapperStyles:c,dir:u,popup:x,contextMenu:g,...L}=e,k={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=(0,Ie.jsx)("ul",{dir:u,...L,className:r(e.className,"k-reset",Xl,{[`${Xl}-${o}`]:o,"k-header":a}),role:g?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Ie.jsxs)(Ie.Fragment,{children:[l?(0,Ie.jsxs)(md,{orientation:o,style:c,dir:e.dir,children:[i==="start"&&(0,Ie.jsxs)(Ie.Fragment,{children:[(0,Ie.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Ie.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,Ie.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),b,i==="end"&&(0,Ie.jsxs)(Ie.Fragment,{children:[(0,Ie.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Ie.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,Ie.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):b,x]})};Re.states=kf;Re.options=vf;Re.className=Xl;Re.defaultOptions=hr;Re.moduleName=ct;Re.folderName=gt;Re.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-haspopup=menu",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-expanded=true/false",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item[aria-haspopup][aria-controls]",attribute:"aria-controls=ul.k-menu-group id",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var fd=require("react/jsx-runtime"),Wl="k-separator",bd={orientation:"horizontal"},Uo=e=>{let{orientation:t=bd.orientation,...o}=e;return(0,fd.jsx)("li",{...o,className:r(e.className,"k-item",Wl,{[`${Wl}-${t}`]:t}),role:"separator"})};Uo.className=Wl;Uo.defaultOptions=bd;Uo.moduleName=ct;Uo.folderName=gt;var Td=require("react/jsx-runtime");var hd=require("react/jsx-runtime"),Jl="k-menu-group",Lf=[],Cf={size:[s.undefined,s.small,s.medium,s.large]},Mf={},_e=e=>{let{children:t,size:o,...a}=e;return(0,hd.jsx)("ul",{...a,className:r(e.className,Jl,S(Jl,{size:o})),role:"menu",children:t})};_e.states=Lf;_e.options=Cf;_e.className=Jl;_e.defaultOptions=Mf;_e.moduleName=ct;_e.folderName=gt;var yt=require("react/jsx-runtime"),ql=e=>(0,yt.jsx)(Re,{children:(0,yt.jsxs)(yt.Fragment,{children:[(0,yt.jsx)(De,{first:!0,text:"Item 1"}),(0,yt.jsx)(De,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,yt.jsx)(De,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,yt.jsx)(De,{text:"Item 4"}),(0,yt.jsx)(De,{last:!0,text:"Item 5"})]}),...e});var Yl=require("react/jsx-runtime");var Ql=require("react/jsx-runtime");var Zl=require("react/jsx-runtime");var jl=require("react/jsx-runtime");var Pt=require("react/jsx-runtime"),yf=Re.options,Sf=Re.states,xd={...Re.defaultOptions,variant:"horizontal"},Af=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],wf=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ia=e=>{let{variant:t,modifiers:o,...a}={...xd,...e},l={};return Object.keys(o\|\|{}).forEach(i=>{switch(i){case"scrollable":l.scrollable=!!(o!=null&&o[i]);break;case"opened":l.opened=!!(o!=null&&o[i]),l.popup=(0,Pt.jsx)(ee,{className:"k-menu-popup",children:(0,Pt.jsxs)(_e,{children:[(0,Pt.jsx)(ce,{text:"Item 1"}),(0,Pt.jsx)(ce,{text:"Item 2"}),(0,Pt.jsx)(Uo,{}),(0,Pt.jsx)(ce,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Pt.jsx)(ql,{...a,...l,orientation:"vertical",style:{width:"200px"}}):(0,Pt.jsx)(ql,{...a,...l})};Ia.options=yf;Ia.states=Sf;Ia.variants=Af;Ia.defaultOptions=xd;Ia.modifiers=wf;var en=require("react/jsx-runtime");var Ef=require("react/jsx-runtime");var ze=require("react/jsx-runtime"),If=d.states,Nd={...d.defaultOptions,variant:"text"},Rf=d.options,Of=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Pf=[{name:"opened",title:"Opened"}],Ra=e=>{let{variant:t,modifiers:o,...a}={...Nd,...e},l={},i=(0,ze.jsx)(ee,{className:"k-menu-popup",children:(0,ze.jsxs)(_e,{size:a.size,children:[(0,ze.jsx)(ce,{first:!0,text:"Menu Item"}),(0,ze.jsx)(ce,{text:"Menu Item"}),(0,ze.jsx)(ce,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=(0,ze.jsx)("div",{children:(0,ze.jsx)(Q,{...a,...l,icon:"star"})});break;case"icon-and-text":c=(0,ze.jsx)("div",{children:(0,ze.jsx)(Q,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:c=(0,ze.jsx)("div",{children:(0,ze.jsx)(Q,{...a,...l,children:"Dropdown Button"})});break}return(0,ze.jsxs)(ze.Fragment,{children:[c,(o==null?void 0:o.opened)&&i]})};Ra.options=Rf;Ra.states=If;Ra.variants=Of;Ra.defaultOptions=Nd;Ra.modifiers=Pf;var tn="split-button",gd=tn;var Ut=require("react/jsx-runtime"),on="k-split-button",Hf=[n.hover,n.focus,n.active,n.selected,n.disabled],Kf={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},kd={arrowIconName:"caret-alt-down"},X=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:u,selected:x,disabled:g,icon:L,text:k,arrowIconName:b=kd.arrowIconName,popup:M,opened:C,popupId:w,...K}=e;return(0,Ut.jsxs)(Ut.Fragment,{children:[(0,Ut.jsxs)("div",{...K,className:r(e.className,on,"k-button-group",S(on,{rounded:o})),children:[(0,Ut.jsx)(d,{text:k,icon:L,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:u,selected:x,disabled:g,...!k&&!e.children&&L&&{"aria-label":"Action"},children:e.children}),(0,Ut.jsx)(d,{className:"k-split-button-arrow",icon:b,size:t,rounded:o,fillMode:a,disabled:g,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?w:void 0,tabIndex:-1,...g&&{"aria-disabled":"true"}})]}),C&&M&&(0,Ut.jsx)(ee,{className:"k-menu-popup",children:M})]})};X.states=Hf;X.options=Kf;X.className=on;X.defaultOptions=kd;X.moduleName=tn;X.folderName=gd;X.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 an=X;var vd=require("react/jsx-runtime"),Gf="k-toolbar-separator",St=e=>(0,vd.jsx)("div",{className:r(Gf,e.className,"k-separator")});var Ft="toolbar",io=Ft;var B=require("react/jsx-runtime"),Vt="k-toolbar",Bf=[n.focus],Df={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},_f={scrollButtons:"around"},j=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:i,scrollButtons:c,scrollingPosition:u,section:x,...g}=e,L=[],k=(b,M)=>{let C=[];if(b.type===d&&b.props.className&&b.props.className.includes("k-toolbar-overflow-button"))C.push((0,B.jsx)(d,{...b.props,className:`${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===d)C.push((0,B.jsx)(d,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===Zo)C.push((0,B.jsx)(Zo,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===Qt)C.push((0,B.jsx)(Qt,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===Q)C.push((0,B.jsx)(Q,{...b.props,className:`k-toolbar-menu-button ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===an)C.push((0,B.jsx)(an,{...b.props,className:`k-toolbar-split-button ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===D\|\|b.props.className&&b.props.className.includes("k-button-group")){let w=[];(Array.isArray(b.props.children)?b.props.children:[b.props.children]).forEach((P,z)=>{w.push((0,B.jsx)(d,{...P.props,className:`${P.props.className?P.props.className:""}`},`${z}-${new Date().getTime()}`))}),C.push((0,B.jsx)(D,{...b.props,className:`k-toolbar-button-group ${b.props.className?b.props.className:""}`,children:w},`${M}-${new Date().getTime()}`))}else b.type===Je?C.push((0,B.jsx)(Je,{...b.props,className:`k-toolbar-combobox ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`)):b.type===Y?C.push((0,B.jsx)(Y,{...b.props,className:`k-toolbar-dropdownlist ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`)):b.type===st?C.push((0,B.jsx)(st,{...b.props,className:`k-toolbar-colorpicker ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`)):C.push(b);C.forEach(w=>{L.push(w)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,C)=>{k(M,C)}),(0,B.jsxs)("div",{...g,className:r(e.className,Vt,S(Vt,{size:t,fillMode:o}),I(Vt,{focus:a}),{[`${Vt}-resizable`]:l,[`${Vt}-scrollable`]:i,[`${Vt}-scrollable-overlay`]:i&&c==="hidden",[`${Vt}-scrollable-${u}`]:u&&u!=="both",[`${Vt}-section`]:x}),role:"toolbar","aria-label":"Toolbar",children:[!i&&L,i&&c==="hidden"&&(0,B.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),i&&c==="start"&&(0,B.jsxs)(B.Fragment,{children:[(0,B.jsxs)(D,{children:[(0,B.jsx)("span",{className:r("k-toolbar-prev","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,B.jsx)(v,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,B.jsx)("span",{className:r("k-toolbar-next","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,B.jsx)(v,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,B.jsx)(St,{className:"k-toolbar-button-separator"}),(0,B.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L})]}),i&&c==="end"&&(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),(0,B.jsx)(St,{className:"k-toolbar-button-separator"}),(0,B.jsxs)(D,{children:[(0,B.jsx)("span",{className:r("k-toolbar-prev","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,B.jsx)(v,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,B.jsx)("span",{className:r("k-toolbar-next","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,B.jsx)(v,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),i&&(c==="around"\|\|!c)&&(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)("span",{className:r("k-toolbar-prev","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,B.jsx)(v,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,B.jsx)(St,{className:"k-toolbar-button-separator"}),(0,B.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),(0,B.jsx)(St,{className:"k-toolbar-button-separator"}),(0,B.jsx)("span",{className:r("k-toolbar-next","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,B.jsx)(v,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};j.states=Bf;j.options=Df;j.className=Vt;j.defaultOptions=_f;j.moduleName=Ft;j.folderName=io;j.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the section toggle button."}]};var Cd=require("react/jsx-runtime"),Ld="k-floating-toolbar",zf=[],Uf={},Ff={},Fo=e=>{let{...t}=e;return(0,Cd.jsx)("div",{...t,className:r(e.className,Ld),children:e.children})};Fo.states=zf;Fo.options=Uf;Fo.className=Ld;Fo.defaultOptions=Ff;Fo.moduleName=Ft;Fo.folderName=io;var Md=require("react/jsx-runtime"),rn="k-toolbar-item",Vf=[n.focus],$f={},Xf={},Vo=e=>{let{focus:t,...o}=e;return(0,Md.jsx)("div",{...o,className:r(e.className,rn,I(rn,{focus:t})),children:e.children})};Vo.states=Vf;Vo.options=$f;Vo.className=rn;Vo.defaultOptions=Xf;Vo.moduleName=Ft;Vo.folderName=io;var ln=require("react/jsx-runtime"),yd="k-toolbar-popup",Wf=[],Jf={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},qf={},vo=e=>{let{size:t,fillMode:o,section:a,...l}=e;return(0,ln.jsx)(ee,{...l,className:r(e.className,yd),children:a?(0,ln.jsx)("span",{className:r("k-toolbar-items-list",S("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};vo.states=Wf;vo.options=Jf;vo.className=yd;vo.defaultOptions=qf;vo.moduleName=Ft;vo.folderName=io;var xr=vo;var Yf=require("react/jsx-runtime");var Qf=require("react/jsx-runtime");var Zf=require("react/jsx-runtime");var Sd=require("react/jsx-runtime");var jf=require("react/jsx-runtime");var kt=require("react/jsx-runtime"),eT=X.states,Ad={...X.defaultOptions,variant:"text"},tT=X.options,oT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],aT=[{name:"opened",title:"Opened"}],Oa=e=>{let{variant:t,modifiers:o,...a}={...Ad,...e},l={},i=(0,kt.jsxs)(_e,{size:a.size,children:[(0,kt.jsx)(ce,{first:!0,text:"Menu Item"}),(0,kt.jsx)(ce,{text:"Menu Item"}),(0,kt.jsx)(ce,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(l.opened=!!(o!=null&&o[c]),l.popup=o!=null&&o[c]?i:"")}),t){case"icon-only":return(0,kt.jsx)("div",{children:(0,kt.jsx)(X,{...a,...l,icon:"star"})});case"icon-and-text":return(0,kt.jsx)("div",{children:(0,kt.jsx)(X,{...a,...l,icon:"star",children:"Split Button"})});default:return(0,kt.jsx)("div",{children:(0,kt.jsx)(X,{...a,...l,children:"Split Button"})})}};Oa.options=tT;Oa.states=eT;Oa.variants=oT;Oa.defaultOptions=Ad;Oa.modifiers=aT;var Ht=require("react/jsx-runtime"),wd=e=>(0,Ht.jsx)(j,{children:[(0,Ht.jsx)(d,{children:"Button"},"toolbar-button"),(0,Ht.jsx)(Q,{text:"Menu button"},"toolbar-menu-button"),(0,Ht.jsx)(X,{children:"Split button"},"toolbar-split-button"),(0,Ht.jsxs)(D,{children:[(0,Ht.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ht.jsx)(d,{icon:"align-center",children:"Center"}),(0,Ht.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Ed=require("react/jsx-runtime");var Oe=require("react/jsx-runtime"),Id=e=>(0,Oe.jsx)(j,{scrollable:!0,...e,children:[(0,Oe.jsx)(d,{children:"Button"},"toolbar-button"),(0,Oe.jsx)(Q,{text:"Menu button"},"toolbar-menu-button"),(0,Oe.jsx)(X,{children:"Split button"},"toolbar-split-button"),(0,Oe.jsxs)(D,{children:[(0,Oe.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Oe.jsx)(d,{icon:"align-center",children:"Center"}),(0,Oe.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Oe.jsx)(d,{children:"Button"},"toolbar-button"),(0,Oe.jsx)(Q,{text:"Menu button"},"toolbar-menu-button"),(0,Oe.jsx)(X,{children:"Split button"},"toolbar-split-button"),(0,Oe.jsxs)(D,{children:[(0,Oe.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Oe.jsx)(d,{icon:"align-center",children:"Center"}),(0,Oe.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Pe=require("react/jsx-runtime"),Rd=({scrollingPosition:e="start",...t})=>(0,Pe.jsx)(j,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,Pe.jsx)(d,{children:"Button"},"toolbar-button"),(0,Pe.jsx)(Q,{text:"Menu button"},"toolbar-menu-button"),(0,Pe.jsx)(X,{children:"Split button"},"toolbar-split-button"),(0,Pe.jsxs)(D,{children:[(0,Pe.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Pe.jsx)(d,{icon:"align-center",children:"Center"}),(0,Pe.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Pe.jsx)(d,{children:"Button"},"toolbar-button"),(0,Pe.jsx)(Q,{text:"Menu button"},"toolbar-menu-button"),(0,Pe.jsx)(X,{children:"Split button"},"toolbar-split-button"),(0,Pe.jsxs)(D,{children:[(0,Pe.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Pe.jsx)(d,{icon:"align-center",children:"Center"}),(0,Pe.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var pe=require("react/jsx-runtime"),Od=({fillMode:e,size:t,...o})=>(0,pe.jsxs)(pe.Fragment,{children:[(0,pe.jsx)(j,{section:!0,fillMode:e,size:t,children:[(0,pe.jsx)(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,pe.jsxs)(D,{fillMode:e,children:[(0,pe.jsx)(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,pe.jsx)(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,pe.jsx)(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,pe.jsx)(St,{className:"k-toolbar-button-separator"}),(0,pe.jsx)(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,pe.jsxs)(xr,{size:t,fillMode:e,section:!0,...o,children:[(0,pe.jsx)(X,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,pe.jsx)(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,pe.jsx)(St,{}),(0,pe.jsx)(Q,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,pe.jsxs)(D,{fillMode:e,children:[(0,pe.jsx)(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,pe.jsx)(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,pe.jsx)(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var nn=require("react/jsx-runtime");var sn=require("react/jsx-runtime");var $t=require("react/jsx-runtime"),rT=j.options,lT=j.states,Pd={...j.defaultOptions,variant:"default"},nT=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],iT=[],Pa=e=>{let{variant:t,...o}={...Pd,...e};switch(t){case"responsive":return(0,$t.jsx)("div",{children:(0,$t.jsx)(Od,{style:{width:"583px"},...o})});case"overlay":return(0,$t.jsx)("div",{children:(0,$t.jsx)(Rd,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,$t.jsx)("div",{children:(0,$t.jsx)(Id,{style:{width:"583px"},...o})});default:return(0,$t.jsx)("div",{children:(0,$t.jsx)(wd,{style:{width:"583px"},...o})})}};Pa.options=rT;Pa.states=lT;Pa.variants=nT;Pa.defaultOptions=Pd;Pa.modifiers=iT;var Kd=require("react/jsx-runtime"),Hd="k-grid-toolbar",Lo=e=>(0,Kd.jsx)(j,{...e,className:r(e.className,Hd),children:e.children});Lo.className=Hd;Lo.moduleName=F;Lo.folderName=V;var Bd=require("react/jsx-runtime"),Gd="k-grid-container",ae=e=>(0,Bd.jsx)("div",{...e,className:r(e.className,Gd),children:e.children});ae.className=Gd;ae.moduleName=F;ae.folderName=V;var _d=require("react/jsx-runtime"),Dd="k-grid-content",re=e=>(0,_d.jsx)("div",{...e,className:r(e.className,Dd),children:e.children});re.className=Dd;re.moduleName=F;re.folderName=V;var Ud=require("react/jsx-runtime"),zd="k-grid-header",me=e=>{let{draggable:t,...o}=e;return(0,Ud.jsx)("div",{...o,className:r(e.className,zd,{"k-grid-draggable-header":t}),children:e.children})};me.className=zd;me.moduleName=F;me.folderName=V;var He="table",Ue=He;var Vd=require("react/jsx-runtime"),Fd="k-table-th",Xt=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,i=t\|\|e.children;return(0,Vd.jsx)("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,Fd),children:i})};Xt.className=Fd;Xt.moduleName=He;Xt.folderName=Ue;var pt=require("react/jsx-runtime"),dn="k-header",sT=[n.hover,n.focus,n.active],$d={sortIcon:"sort-asc-small"},H=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:i,columnTitle:c,hover:u,focus:x,active:g,sortIcon:L=$d.sortIcon,sortOrder:k,accessibleLabel:b,...M}=e;return(0,pt.jsxs)(Xt,{...M,className:r(e.className,dn,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":i},I(dn,{hover:u,focus:x,active:g})),children:[c&&(0,pt.jsxs)("span",{className:"k-cell-inner",children:[(0,pt.jsxs)("span",{className:"k-link",children:[(0,pt.jsx)("span",{className:"k-column-title",children:c}),o&&(0,pt.jsx)("span",{className:"k-sort-icon",children:(0,pt.jsx)(v,{icon:L})}),k&&(0,pt.jsx)("span",{className:"k-sort-order",children:k})]}),t&&(0,pt.jsx)("a",{href:"#",className:r("k-grid-header-menu",{"k-active":g,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,pt.jsx)(v,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&b&&(0,pt.jsx)("span",{className:"k-sr-only",children:b}),e.children,i&&(0,pt.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};H.states=sT;H.className=dn;H.defaultOptions=$d;H.moduleName=F;H.folderName=V;var Wd=require("react/jsx-runtime"),Xd="k-data-table",dT=[],cT={size:[s.undefined,s.small,s.medium,s.large]},pT={},Wt=e=>{let{size:t,...o}=e;return(0,Wd.jsx)("div",{...o,className:r(e.className,Xd,S("k-table",{size:t})),children:e.children})};Wt.states=dT;Wt.options=cT;Wt.className=Xd;Wt.defaultOptions=pT;Wt.moduleName=He;Wt.folderName=Ue;var Jd=require("react/jsx-runtime"),cn="k-table-header-wrap",mT=[n.hover,n.focus,n.disabled],uT={},bT={},so=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return(0,Jd.jsx)("div",{...i,className:r(e.className,cn,I(cn,{hover:o,focus:a,disabled:l})),children:t})};so.states=mT;so.options=uT;so.className=cn;so.defaultOptions=bT;so.moduleName=He;so.folderName=Ue;var qd=require("react/jsx-runtime"),pn="k-table",fT=[],TT={size:[s.undefined,s.small,s.medium,s.large]},hT={},Fe=e=>{let{size:t,...o}=e;return(0,qd.jsx)("table",{...o,className:r(e.className,pn,S(pn,{size:t})),children:e.children})};Fe.states=fT;Fe.options=TT;Fe.className=pn;Fe.defaultOptions=hT;Fe.moduleName=He;Fe.folderName=Ue;var Nr=require("react/jsx-runtime"),mn="k-table-header",xT=[n.hover,n.focus,n.disabled],NT={},gT={},Jt=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return(0,Nr.jsx)("div",{...i,className:r(e.className,mn,I(mn,{hover:o,focus:a,disabled:l})),children:(0,Nr.jsx)(so,{children:(0,Nr.jsx)(Fe,{children:t})})})};Jt.states=xT;Jt.options=NT;Jt.className=mn;Jt.defaultOptions=gT;Jt.moduleName=He;Jt.folderName=Ue;var Qd=require("react/jsx-runtime"),Yd="k-table-scroller",kT=[],vT={},LT={},$o=e=>{let{children:t,...o}=e;return(0,Qd.jsx)("div",{...o,className:r(e.className,Yd),children:t})};$o.states=kT;$o.options=vT;$o.className=Yd;$o.defaultOptions=LT;$o.moduleName=He;$o.folderName=Ue;var CT=require("react/jsx-runtime");var jd=require("react/jsx-runtime"),Zd="k-table-footer",MT=[],yT={},ST={},co=e=>{let{children:t,...o}=e;return(0,jd.jsx)("div",{...o,className:r(e.className,Zd),children:t})};co.states=MT;co.options=yT;co.className=Zd;co.defaultOptions=ST;co.moduleName=He;co.folderName=Ue;var ec=require("react/jsx-runtime"),un="k-table-list",AT=[],wT={size:[s.undefined,s.small,s.medium,s.large]},ET={},po=e=>{let{size:t,virtualization:o,...a}=e;return(0,ec.jsx)("ul",{...a,className:r(e.className,"k-table",un,S(un,{size:t}),{"k-virtual-table":o}),children:e.children})};po.states=AT;po.options=wT;po.className=un;po.defaultOptions=ET;po.moduleName=He;po.folderName=Ue;var tc=require("react/jsx-runtime"),IT="k-table-thead",le=e=>(0,tc.jsx)("thead",{className:r(e.className,IT),children:e.children});var oc=require("react/jsx-runtime"),RT="k-table-tbody",ue=e=>(0,oc.jsx)("tbody",{className:r(e.className,RT),children:e.children});var OT=require("react/jsx-runtime");var ac=require("react/jsx-runtime"),bn="k-table-row",PT=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],R=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:i,alt:c,...u}=e;return(0,ac.jsx)("tr",{...u,className:r(e.className,bn,{"k-table-alt-row":c},I(bn,{hover:t,focus:o,disabled:i,selected:a,highlighted:l})),children:e.children})};R.states=PT;R.className=bn;var rc=require("react/jsx-runtime"),fn="k-table-row",HT=[n.hover,n.focus,n.selected,n.disabled],gr=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:i,...c}=e;return(0,rc.jsx)("li",{...c,className:r(e.className,fn,{"k-table-alt-row":i},I(fn,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};gr.states=HT;gr.className=fn;var KT=require("react/jsx-runtime");var lc=require("react/jsx-runtime"),Tn="k-table-td",GT=[n.focus,n.selected,n.highlighted],m=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:i,rowspan:c,...u}=e,x=l\|\|e.children;return(0,lc.jsx)("td",{colSpan:i,rowSpan:c,...u,className:r(e.className,Tn,I(Tn,{focus:t,selected:o,highlighted:a})),children:x})};m.states=GT;m.className=Tn;var BT=require("react/jsx-runtime");var DT=require("react/jsx-runtime");var _T=require("react/jsx-runtime");var zT=require("react/jsx-runtime");var UT=require("react/jsx-runtime");var ic=require("react/jsx-runtime");var sc=require("react/jsx-runtime");var dc=require("react/jsx-runtime");var hn=require("react/jsx-runtime");var pc=require("react/jsx-runtime"),cc="k-grid-header-table",be=e=>(0,pc.jsx)(Fe,{...e,className:r(e.className,cc),children:e.children});be.className=cc;be.moduleName=F;be.folderName=V;var uc=require("react/jsx-runtime"),mc="k-grid-table",ne=e=>(0,uc.jsx)(Fe,{...e,className:r(e.className,mc),children:e.children});ne.className=mc;ne.moduleName=F;ne.folderName=V;var Ha=require("react/jsx-runtime"),bc="k-grouping-header",mo=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,Ha.jsxs)("div",{...a,className:r(e.className,bc),children:[o&&(0,Ha.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,Ha.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};mo.className=bc;mo.moduleName=F;mo.folderName=V;var Tc=require("react/jsx-runtime"),fc="k-grid-pinned-container",xn=e=>{let{position:t,...o}=e;return(0,Tc.jsx)("div",{...o,className:r(e.className,fc,{"k-pos-bottom":t==="bottom"}),children:e.children})};xn.className=fc;xn.moduleName=F;xn.folderName=V;var xc=require("react/jsx-runtime"),hc="k-grid-sticky-container",Nn=e=>{let{position:t,...o}=e;return(0,xc.jsx)("div",{...o,className:r(e.className,hc,{"k-pos-bottom":t==="bottom"}),children:e.children})};Nn.className=hc;Nn.moduleName=F;Nn.folderName=V;var gc=require("react/jsx-runtime"),Nc="k-grid-footer",gn=e=>(0,gc.jsx)("div",{...e,className:r(e.className,Nc),children:e.children});gn.className=Nc;gn.moduleName=F;gn.folderName=V;var vc=require("react/jsx-runtime"),kc="k-grid-footer-table",kn=e=>(0,vc.jsx)(Fe,{...e,className:r(e.className,kc),children:e.children});kn.className=kc;kn.moduleName=F;kn.folderName=V;var vn="pager",Lc=vn;var Z=require("react/jsx-runtime"),kr="k-pager",XT=[n.focus,n.disabled],WT={size:[s.undefined,s.small,s.medium,s.large]},mt={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},ve=e=>{let{responsive:t=mt.responsive,size:o,pagerSizeInfo:a=mt.pagerSizeInfo,pageTitleInfo:l=mt.pageTitleInfo,maxPagesInfo:i=mt.maxPagesInfo,itemsPerPage:c=mt.itemsPerPage,maxPages:u=mt.maxPages,currentPage:x=mt.currentPage,previousNext:g=mt.previousNext,type:L=mt.type,pageSizes:k=mt.pageSizes,refresh:b=mt.refresh,info:M=mt.info,focus:C,disabled:w,dir:K,...P}=e,z=[],ie=[];for(let xe=1;xe<=u;xe++)z.push((0,Z.jsx)(d,{selected:xe===x,fillMode:"flat",themeColor:"primary",size:o,children:xe})),ie.push((0,Z.jsx)("option",{selected:xe===x,children:xe}));return(0,Z.jsxs)("div",{dir:K,...P,className:r(e.className,kr,S(kr,{size:o}),I(kr,{focus:C,disabled:w}),{"k-pager-responsive":t}),children:[(0,Z.jsxs)("div",{className:r("k-pager-numbers-wrap"),children:[g&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(d,{className:r("k-pager-nav","k-pager-first"),disabled:x===1&&!w,fillMode:"flat",size:o,icon:K==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),(0,Z.jsx)(d,{className:r("k-pager-nav"),disabled:x===1&&!w,fillMode:"flat",size:o,icon:K==="rtl"?"caret-alt-right":"caret-alt-left"})]}),L==="numeric"&&(0,Z.jsx)("div",{className:r("k-pager-numbers"),children:z}),L==="input"&&(0,Z.jsxs)("span",{className:r("k-pager-input"),children:[l&&(0,Z.jsx)("span",{children:"Page"}),(0,Z.jsx)(U,{value:`${x}`,size:o,showSpinButton:!1,showClearButton:!1}),(0,Z.jsx)("span",{children:i&&`of ${u}`})]}),g&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(d,{className:r("k-pager-nav"),disabled:x===u&&!w,fillMode:"flat",size:o,icon:K==="rtl"?"caret-alt-left":"caret-alt-right"}),(0,Z.jsx)(d,{className:r("k-pager-nav","k-pager-last"),disabled:x===u&&!w,fillMode:"flat",size:o,icon:K==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),k&&(0,Z.jsxs)("span",{className:r("k-pager-sizes"),children:[(0,Z.jsx)(Y,{value:`${c}`,size:o}),a&&(0,Z.jsx)("span",{children:"items per page"})]}),b&&(0,Z.jsx)(d,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),M&&(0,Z.jsx)("span",{className:r("k-pager-info"),children:M})]})};ve.states=XT;ve.options=WT;ve.className=kr;ve.defaultOptions=mt;ve.moduleName=vn;ve.folderName=Lc;var JT=require("react/jsx-runtime");var qT=require("react/jsx-runtime");var YT=require("react/jsx-runtime");var Ln=require("react/jsx-runtime"),QT=ve.options,ZT=ve.states,jT={...ve.defaultOptions,variant:"numeric"},eh=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],th=[],Ka=e=>{let{variant:t,...o}=e;return t==="input"?(0,Ln.jsx)(ve,{...o,type:"input"}):(0,Ln.jsx)(ve,{...o,type:"numeric"})};Ka.options=QT;Ka.states=ZT;Ka.variants=eh;Ka.defaultOptions=jT;Ka.modifiers=th;var Mc=require("react/jsx-runtime"),Cc="k-grid-pager",Kt=e=>(0,Mc.jsx)(ve,{...e,className:r(e.className,Cc),children:e.children});Kt.className=Cc;Kt.moduleName=F;Kt.folderName=V;var Xo=require("react/jsx-runtime"),Cn="k-grid-stack-cell",oh=[n.focus,n.selected],vr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:i,focus:c,selected:u,...x}=e;return(0,Xo.jsxs)("div",{...x,className:r(e.className,Cn,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":i},I(Cn,{focus:c,selected:u})),children:[i&&(0,Xo.jsx)("span",{className:"k-dirty"}),t&&(0,Xo.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,Xo.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};vr.states=oh;vr.className=Cn;vr.moduleName=F;vr.folderName=V;var Sc=require("react/jsx-runtime"),yc="k-grid-stack-row",Lr=e=>{let{cols:t,...o}=e;return(0,Sc.jsx)("div",{...o,className:r(e.className,yc,{[`k-grid-cols-${t}`]:t}),children:e.children})};Lr.className=yc;Lr.moduleName=F;Lr.folderName=V;var Mn=require("react/jsx-runtime");var yn=require("react/jsx-runtime");var Sn=require("react/jsx-runtime");var h=require("react/jsx-runtime"),Ac=({contentClassName:e,...t})=>(0,h.jsx)(W,{_renderAriaRoot:!0,pager:(0,h.jsx)(Kt,{refresh:!1}),children:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(me,{children:(0,h.jsx)("div",{className:"k-grid-header-wrap",children:(0,h.jsxs)(be,{children:[(0,h.jsxs)("colgroup",{children:[(0,h.jsx)("col",{}),(0,h.jsx)("col",{style:{width:"225px"}}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{})]}),(0,h.jsxs)(le,{children:[(0,h.jsxs)(R,{children:[(0,h.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Product Id"}),(0,h.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Name"}),(0,h.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Quantity"}),(0,h.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),(0,h.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),(0,h.jsxs)(R,{className:"k-filter-row",children:[(0,h.jsx)(m,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(U,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(m,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(te,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(m,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(te,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(m,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(U,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(m,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(Y,{}),(0,h.jsx)("div",{className:"k-filtercell-operator",children:(0,h.jsx)(d,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),(0,h.jsx)(ae,{children:(0,h.jsx)(re,{className:e,children:(0,h.jsxs)(ne,{children:[(0,h.jsxs)("colgroup",{children:[(0,h.jsx)("col",{}),(0,h.jsx)("col",{style:{width:"225px"}}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{})]}),(0,h.jsxs)(ue,{children:[(0,h.jsxs)(R,{className:"k-master-row",children:[(0,h.jsx)(m,{children:"1"}),(0,h.jsx)(m,{children:"Chai"}),(0,h.jsx)(m,{children:"10 boxes x 20 bags"}),(0,h.jsx)(m,{children:"18"}),(0,h.jsx)(m,{children:"false"})]}),(0,h.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,h.jsx)(m,{children:"2"}),(0,h.jsx)(m,{children:"Chang"}),(0,h.jsx)(m,{children:"24 - 12 oz bottles"}),(0,h.jsx)(m,{children:"19"}),(0,h.jsx)(m,{children:"false"})]}),(0,h.jsxs)(R,{className:"k-master-row",children:[(0,h.jsx)(m,{children:"3"}),(0,h.jsx)(m,{children:"Aniseed Syrup"}),(0,h.jsx)(m,{children:"12 - 550 ml bottles"}),(0,h.jsx)(m,{children:"10"}),(0,h.jsx)(m,{children:"false"})]}),(0,h.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,h.jsx)(m,{children:"4"}),(0,h.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,h.jsx)(m,{children:"48 - 6 oz jars"}),(0,h.jsx)(m,{children:"22"}),(0,h.jsx)(m,{children:"false"})]}),(0,h.jsxs)(R,{className:"k-master-row",children:[(0,h.jsx)(m,{children:"5"}),(0,h.jsx)(m,{children:"Grandma's Boysenberry Spread"}),(0,h.jsx)(m,{children:"12 - 8 oz jars"}),(0,h.jsx)(m,{children:"25"}),(0,h.jsx)(m,{children:"false"})]})]})]})})})]}),...t});var Ga=require("react/jsx-runtime"),ah="k-chip-action";var Le=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=(0,Ga.jsx)(v,{icon:"x-circle",size:"small"});break;case"more":a=(0,Ga.jsx)(v,{icon:"more-vertical",size:"small"});break;default:return(0,Ga.jsx)(v,{icon:t,size:"small"})}return(0,Ga.jsx)("span",{...o,className:r(e.className,ah,`k-chip-${t}-action`),children:a})};var An="avatar",wc=An;var En=require("react/jsx-runtime"),Ba="k-avatar";var rh=[n.hover,n.focus,n.active,n.selected,n.disabled],lh={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},wn={type:"text",border:!1},ot=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:i=wn.type,border:c=wn.border,...u}=e;return(0,En.jsx)("div",{...u,className:r(e.className,Ba,S(Ba,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Ba}-bordered`]:c}),children:(0,En.jsx)("span",{className:`${Ba}-${i}`,children:e.children})})};ot.states=rh;ot.options=lh;ot.className=Ba;ot.defaultOptions=wn;ot.moduleName=An;ot.folderName=wc;ot.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Co=ot;var Ic=require("react/jsx-runtime"),Ec=e=>(0,Ic.jsx)(Co,{type:"icon",...e});var Oc=require("react/jsx-runtime"),Rc=e=>(0,Oc.jsx)(Co,{type:"text",...e});var Hc=require("react/jsx-runtime"),Pc=e=>(0,Hc.jsx)(Co,{type:"image",...e});var nh=require("react/jsx-runtime");var Wo=require("react/jsx-runtime"),ih=ot.options,sh=ot.states,dh={...ot.defaultOptions,variant:"image"},ch=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],ph=[],Da=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,Wo.jsx)(Ec,{...o,children:(0,Wo.jsx)(v,{icon:"star"})});case"text":return(0,Wo.jsx)(Rc,{...o,children:"JO"});default:return(0,Wo.jsx)(Pc,{...o,children:(0,Wo.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Da.options=ih;Da.states=sh;Da.variants=ch;Da.defaultOptions=dh;Da.modifiers=ph;var _a="chip",Cr=_a;var qt=require("react/jsx-runtime"),Mr="k-chip",mh=[n.hover,n.focus,n.active,n.selected,n.disabled],uh={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[f.undefined,f.base,f.success,f.warning,f.error,f.info]},Kc={avatarImage:"/packages/html/assets/avatar.jpg"},Ce=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:i,icon:c,actions:u,showAvatar:x,avatarImage:g=Kc.avatarImage,hover:L,focus:k,active:b,selected:M,disabled:C,...w}=e;return(0,qt.jsxs)("div",{...w,className:r(e.className,Mr,S(Mr,{size:t,rounded:o,fillMode:a,themeColor:l}),I(Mr,{hover:L,focus:k,active:b,disabled:C,selected:M})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:M?"true":"false","aria-selected":e.role==="option"?M?"true":"false":void 0,"aria-disabled":C?"true":void 0,children:[c&&(0,qt.jsx)(v,{className:"k-chip-icon",icon:c,size:"small"}),x&&(0,qt.jsx)(ot,{className:"k-chip-avatar",type:"image",children:(0,qt.jsx)("img",{src:g,alt:""})}),(0,qt.jsx)("span",{className:"k-chip-content",children:e.children?e.children:i&&(0,qt.jsx)("span",{className:"k-chip-label",children:i})}),u&&(0,qt.jsx)("span",{className:"k-chip-actions",children:u})]})};Ce.states=mh;Ce.options=uh;Ce.className=Mr;Ce.defaultOptions=Kc;Ce.moduleName=_a;Ce.folderName=Cr;Ce.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 vt=Ce;var Gc=require("react/jsx-runtime"),In="k-chip-list",bh=[],fh={size:[s.undefined,s.small,s.medium,s.large]},Th={},Me=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return(0,Gc.jsx)("div",{...l,className:r(e.className,In,S(In,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Me.states=bh;Me.options=fh;Me.className=In;Me.defaultOptions=Th;Me.moduleName=_a;Me.folderName=Cr;Me.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 hh=require("react/jsx-runtime");var xh=require("react/jsx-runtime");var Bc=require("react/jsx-runtime"),yr=e=>(0,Bc.jsx)(vt,{text:"text",...e});var Nh=require("react/jsx-runtime");var gh=require("react/jsx-runtime");var Rn=require("react/jsx-runtime");var Dc=require("react/jsx-runtime");var _c=require("react/jsx-runtime");var zc=require("react/jsx-runtime");var Yt=require("react/jsx-runtime"),kh={...vt.options,...Me.options},vh=[],Lh=Me.states,Ch={...vt.defaultOptions,...Me.defaultOptions},Mh=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],za=e=>{let{modifiers:t,className:o,...a}=e,l=t==null?void 0:t.icon,i=t==null?void 0:t.actions,c=t==null?void 0:t.avatar;return(0,Yt.jsxs)(Me,{size:a.size,className:o,children:[(0,Yt.jsx)(yr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Yt.jsx)(Le,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Yt.jsx)(yr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Yt.jsx)(Le,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Yt.jsx)(yr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Yt.jsx)(Le,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};za.options=kh;za.states=Lh;za.variants=vh;za.defaultOptions=Ch;za.modifiers=Mh;var Sr=require("react/jsx-runtime"),yh=Ce.states,Sh=Ce.defaultOptions,Ah=Ce.options,wh=[],Eh=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Ua=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,Sr.jsx)(Le,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t!=null&&t[l]?(0,Sr.jsx)(Le,{type:"remove"}):void 0;break;default:break}}),(0,Sr.jsx)(Ce,{...o,...a,children:"Chip component"})};Ua.options=Ah;Ua.states=yh;Ua.variants=wh;Ua.defaultOptions=Sh;Ua.modifiers=Eh;var y=require("react/jsx-runtime"),Uc=({dropClue:e,contentClassName:t,...o})=>(0,y.jsx)(W,{_renderAriaRoot:!0,groupingHeader:(0,y.jsx)(mo,{dropClue:e,children:(0,y.jsxs)(Me,{children:[(0,y.jsx)(Ce,{icon:"sort-asc-small",text:"ID",actions:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(Le,{type:"more"}),(0,y.jsx)(Le,{type:"remove"})]})}),(0,y.jsx)(Ce,{icon:"sort-desc-small",text:"Name",actions:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(Le,{type:"more"}),(0,y.jsx)(Le,{type:"remove"})]})})]})}),children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(me,{draggable:!0,children:(0,y.jsx)("div",{className:"k-grid-header-wrap",children:(0,y.jsxs)(be,{children:[(0,y.jsxs)("colgroup",{children:[(0,y.jsx)("col",{className:"k-group-col"}),(0,y.jsx)("col",{className:"k-group-col"}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{})]}),(0,y.jsx)(le,{children:(0,y.jsxs)(R,{children:[(0,y.jsx)(H,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,y.jsx)(H,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,y.jsx)(H,{colspan:1,columnTitle:"ID"}),(0,y.jsx)(H,{colspan:1,columnTitle:"Name"}),(0,y.jsx)(H,{colspan:1,columnTitle:"Price"}),(0,y.jsx)(H,{colspan:1,columnTitle:"Category"})]})})]})})}),(0,y.jsx)(ae,{children:(0,y.jsx)(re,{className:t,children:(0,y.jsxs)(ne,{children:[(0,y.jsxs)("colgroup",{children:[(0,y.jsx)("col",{className:"k-group-col"}),(0,y.jsx)("col",{className:"k-group-col"}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{})]}),(0,y.jsxs)(ue,{children:[(0,y.jsx)(R,{className:"k-table-group-row k-grouping-row",children:(0,y.jsx)(m,{colspan:6,children:(0,y.jsxs)("p",{className:"k-reset",children:[(0,y.jsx)(v,{icon:"caret-alt-right"}),"ID: 1"]})})}),(0,y.jsx)(R,{className:"k-table-group-row k-grouping-row",children:(0,y.jsx)(m,{colspan:6,children:(0,y.jsxs)("p",{className:"k-reset",children:[(0,y.jsx)(v,{icon:"caret-alt-down"}),"ID: 2"]})})}),(0,y.jsxs)(R,{className:"k-table-group-row k-grouping-row",children:[(0,y.jsx)(m,{className:"k-table-group-td k-group-cell"}),(0,y.jsx)(m,{colspan:5,children:(0,y.jsxs)("p",{className:"k-reset",children:[(0,y.jsx)(v,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),(0,y.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,y.jsx)(m,{className:"k-table-group-td k-group-cell"}),(0,y.jsx)(m,{className:"k-table-group-td k-group-cell"}),(0,y.jsx)(m,{colspan:0,children:"2"}),(0,y.jsx)(m,{colspan:0,children:"Chang"}),(0,y.jsx)(m,{colspan:0,children:"$19.00"}),(0,y.jsx)(m,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});var On=require("react/jsx-runtime");var Pn=require("react/jsx-runtime");var Hn=require("react/jsx-runtime");var E=require("react/jsx-runtime"),Fc=({headerWrapClassName:e,contentClassName:t,...o})=>(0,E.jsx)(W,{_renderAriaRoot:!0,children:(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(me,{children:(0,E.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,E.jsxs)(be,{children:[(0,E.jsxs)("colgroup",{children:[(0,E.jsx)("col",{}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{})]}),(0,E.jsxs)(le,{children:[(0,E.jsxs)(R,{children:[(0,E.jsx)(H,{rowspan:3,colspan:1,columnTitle:"ID"}),(0,E.jsx)(H,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),(0,E.jsxs)(R,{children:[(0,E.jsx)(H,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),(0,E.jsx)(H,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),(0,E.jsxs)(R,{children:[(0,E.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),(0,E.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),(0,E.jsx)(ae,{children:(0,E.jsx)(re,{className:t,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)("col",{})]}),(0,E.jsxs)(ue,{children:[(0,E.jsxs)(R,{className:"k-master-row",children:[(0,E.jsx)(m,{children:"1"}),(0,E.jsx)(m,{children:"Chai"}),(0,E.jsx)(m,{children:"39"}),(0,E.jsx)(m,{children:"18"})]}),(0,E.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,E.jsx)(m,{children:"2"}),(0,E.jsx)(m,{children:"Chang"}),(0,E.jsx)(m,{children:"17"}),(0,E.jsx)(m,{children:"19"})]}),(0,E.jsxs)(R,{className:"k-master-row",children:[(0,E.jsx)(m,{children:"3"}),(0,E.jsx)(m,{children:"Aniseed Syrup"}),(0,E.jsx)(m,{children:"13"}),(0,E.jsx)(m,{children:"10"})]}),(0,E.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,E.jsx)(m,{children:"4"}),(0,E.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,E.jsx)(m,{children:"53"}),(0,E.jsx)(m,{children:"22"})]}),(0,E.jsxs)(R,{className:"k-master-row",children:[(0,E.jsx)(m,{children:"5"}),(0,E.jsx)(m,{children:"Chef Anton's Gumbo Mix"}),(0,E.jsx)(m,{children:"0"}),(0,E.jsx)(m,{children:"21.35"})]})]})]})})})]}),...o});var Kn=require("react/jsx-runtime");var Gn=require("react/jsx-runtime");var Bn=require("react/jsx-runtime");var O=require("react/jsx-runtime"),Vc=e=>(0,O.jsx)(W,{_renderAriaRoot:!0,toolbar:(0,O.jsxs)(Lo,{children:[(0,O.jsx)(d,{children:"Add new"}),(0,O.jsx)(d,{children:"Save Changes"}),(0,O.jsx)(d,{children:"Cancel Changes"})]}),children:(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(me,{children:(0,O.jsx)("div",{className:"k-grid-header-wrap",children:(0,O.jsxs)(be,{children:[(0,O.jsxs)("colgroup",{children:[(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{style:{width:"300px"}})]}),(0,O.jsx)(le,{children:(0,O.jsxs)(R,{children:[(0,O.jsx)(H,{columnTitle:"Name"}),(0,O.jsx)(H,{columnTitle:"Price"}),(0,O.jsx)(H,{columnTitle:"Available"}),(0,O.jsx)(H,{accessibleLabel:"Commands"})]})})]})})}),(0,O.jsx)(ae,{children:(0,O.jsx)(re,{children:(0,O.jsx)("div",{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)("col",{style:{width:"300px"}})]}),(0,O.jsxs)(ue,{children:[(0,O.jsxs)(R,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[(0,O.jsx)(m,{children:(0,O.jsx)(te,{value:"Towel"})}),(0,O.jsx)(m,{children:(0,O.jsx)(U,{value:"42"})}),(0,O.jsx)(m,{children:(0,O.jsx)(Ze,{})}),(0,O.jsxs)(m,{className:"k-command-cell",children:[(0,O.jsx)(d,{children:"Add"}),(0,O.jsx)(d,{children:"Cancel"})]})]}),(0,O.jsxs)(R,{className:"k-master-row",children:[(0,O.jsx)(m,{children:"Chai"}),(0,O.jsx)(m,{children:"18"}),(0,O.jsx)(m,{children:"false"}),(0,O.jsx)(m,{className:"k-command-cell",children:(0,O.jsx)(d,{children:"Remove"})})]}),(0,O.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,O.jsx)(m,{children:"Chang"}),(0,O.jsx)(m,{children:"19"}),(0,O.jsx)(m,{children:"false"}),(0,O.jsx)(m,{className:"k-command-cell",children:(0,O.jsx)(d,{children:"Remove"})})]})]})]})})})})]}),...e});var p=require("react/jsx-runtime"),Ih=W.options,Rh=W.states,$c={...W.defaultOptions,variant:"normal"},Oh=[{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"}],Ph=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Mo=e=>{let{variant:t,modifiers:o,...a}={...$c,...e},l={toolbar:void 0,pager:void 0},i=(0,p.jsxs)(Lo,{children:[(0,p.jsx)(d,{icon:"plus",children:"Add New"}),(0,p.jsx)(d,{icon:"file-pdf",children:"Export to PDF"}),(0,p.jsx)("span",{className:"k-spacer"}),(0,p.jsx)(te,{prefix:(0,p.jsx)(v,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=(0,p.jsx)(ve,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(g=>{switch(g){case"toolbar":l.toolbar=o!=null&&o[g]?i:void 0;break;case"pager":l.pager=o!=null&&o[g]?c:void 0;break;default:return}});let u={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},x=(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(me,{children:(0,p.jsx)("div",{className:"k-grid-header-wrap",children:(0,p.jsxs)(be,{children:[(0,p.jsxs)("colgroup",{children:[(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{})]}),(0,p.jsx)(le,{children:(0,p.jsxs)(R,{children:[(0,p.jsx)(H,{...u[t],columnTitle:"ID"}),(0,p.jsx)(H,{...u[t],columnTitle:"Product Name"}),(0,p.jsx)(H,{...u[t],columnTitle:"Units in Stock"}),(0,p.jsx)(H,{...u[t],columnTitle:"Units Price"})]})})]})})}),(0,p.jsx)(ae,{children:(0,p.jsx)(re,{children:(0,p.jsxs)(ne,{children:[(0,p.jsxs)("colgroup",{children:[(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{})]}),(0,p.jsxs)(ue,{children:[(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{children:"1"}),(0,p.jsx)(m,{children:"Chai"}),(0,p.jsx)(m,{children:"39"}),(0,p.jsx)(m,{children:"18"})]}),(0,p.jsxs)(R,{className:"k-alt",alt:!0,children:[(0,p.jsx)(m,{children:"2"}),(0,p.jsx)(m,{children:"Chang"}),(0,p.jsx)(m,{children:"17"}),(0,p.jsx)(m,{children:"19"})]}),(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{children:"3"}),(0,p.jsx)(m,{children:"Aniseed Syrup"}),(0,p.jsx)(m,{children:"13"}),(0,p.jsx)(m,{children:"10"})]}),(0,p.jsxs)(R,{className:"k-alt",alt:!0,children:[(0,p.jsx)(m,{children:"4"}),(0,p.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,p.jsx)(m,{children:"53"}),(0,p.jsx)(m,{children:"22"})]}),(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{children:"5"}),(0,p.jsx)(m,{children:"Chef Anton's Gumbo Mix"}),(0,p.jsx)(m,{children:"0"}),(0,p.jsx)(m,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,p.jsx)(Fc,{...a,...l});case"editing":return(0,p.jsx)(Vc,{...a,...l});case"grouping":return(0,p.jsx)(Uc,{...a,...l,groupingHeader:(0,p.jsx)(mo,{children:(0,p.jsxs)(Me,{children:[(0,p.jsx)(Ce,{icon:"sort-asc-small",actions:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(Le,{type:"more"}),(0,p.jsx)(Le,{type:"remove"})]}),children:"ID"}),(0,p.jsx)(Ce,{icon:"sort-desc-small",actions:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(Le,{type:"more"}),(0,p.jsx)(Le,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,p.jsx)(W,{...a,...l,children:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(me,{children:(0,p.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,p.jsxs)(be,{children:[(0,p.jsxs)("colgroup",{children:[(0,p.jsx)("col",{className:"k-drag-col"}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{})]}),(0,p.jsx)(le,{children:(0,p.jsxs)(R,{children:[(0,p.jsx)(H,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,p.jsx)(H,{columnTitle:"ID"}),(0,p.jsx)(H,{columnTitle:"Product Name"}),(0,p.jsx)(H,{columnTitle:"Units in Stock"}),(0,p.jsx)(H,{columnTitle:"Units Price"})]})})]})]})}),(0,p.jsx)(ae,{children:(0,p.jsx)(re,{children:(0,p.jsxs)(ne,{children:[(0,p.jsxs)("colgroup",{children:[(0,p.jsx)("col",{className:"k-drag-col"}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{})]}),(0,p.jsxs)(ue,{children:[(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{className:"k-drag-cell",children:(0,p.jsx)(v,{icon:"reorder"})}),(0,p.jsx)(m,{children:"1"}),(0,p.jsx)(m,{children:"Chai"}),(0,p.jsx)(m,{children:"39"}),(0,p.jsx)(m,{children:"18"})]}),(0,p.jsxs)(R,{className:"k-alt",alt:!0,children:[(0,p.jsx)(m,{className:"k-drag-cell",children:(0,p.jsx)(v,{icon:"reorder"})}),(0,p.jsx)(m,{children:"2"}),(0,p.jsx)(m,{children:"Chang"}),(0,p.jsx)(m,{children:"17"}),(0,p.jsx)(m,{children:"19"})]}),(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{className:"k-drag-cell",children:(0,p.jsx)(v,{icon:"reorder"})}),(0,p.jsx)(m,{children:"3"}),(0,p.jsx)(m,{children:"Aniseed Syrup"}),(0,p.jsx)(m,{children:"13"}),(0,p.jsx)(m,{children:"10"})]}),(0,p.jsxs)(R,{className:"k-alt",alt:!0,children:[(0,p.jsx)(m,{className:"k-drag-cell",children:(0,p.jsx)(v,{icon:"reorder"})}),(0,p.jsx)(m,{children:"4"}),(0,p.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,p.jsx)(m,{children:"53"}),(0,p.jsx)(m,{children:"22"})]}),(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{className:"k-drag-cell",children:(0,p.jsx)(v,{icon:"reorder"})}),(0,p.jsx)(m,{children:"5"}),(0,p.jsx)(m,{children:"Chef Anton's Gumbo Mix"}),(0,p.jsx)(m,{children:"0"}),(0,p.jsx)(m,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,p.jsx)(Ac,{...a,...l});default:return(0,p.jsx)(W,{...a,...l,children:x})}};Mo.options=Ih;Mo.states=Rh;Mo.variants=Oh;Mo.defaultOptions=$c;Mo.modifiers=Ph;var Hh=Mo;