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

package/dist/esm/grid/templates/grid-with-multicolumn-headers.mjs

@@ -1 +1 @@
-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 y=(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"}),A=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:i,checked:c,active:m,selected:h,disabled:N,indeterminate:v,loading:k,empty:u,readonly:M,highlighted:C,...S}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":i,"k-checked":c,"k-active":m,"k-selected":h,"k-disabled":N,"k-indeterminate":v&&!c,"k-loading":k,"k-empty":u,"k-readonly":M,"k-highlighted":C},Object.keys(S).reduce((R,E)=>(E.startsWith("k-")?R[E]=S[E]:R[`k-${E}`]=S[E],R),{}))};function nn(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"},x={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 V="grid",X=V;import{jsx as dd,jsxs as cd}from"react/jsx-runtime";var Ba="k-grid",nd=[],id={size:[s.undefined,s.small,s.medium,s.large]},sd=[],sn={pagerPosition:"bottom"},W=e=>{let{size:t,pagerPosition:o=sn.pagerPosition,toolbar:a,pager:l,groupingHeader:i,gridSelectionAggregates:c,_renderAriaRoot:m,resizable:h,...N}=e;return cd("div",{...N,className:r(e.className,Ba,{[`${Ba}-resizable`]:h},y(Ba,{size:t})),children:[a,o==="top"&&l,i,e.children&&m?dd("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&l]})};W.states=nd;W.options=id;W.variants=sd;W.className=Ba;W.defaultOptions=sn;W.moduleName=V;W.folderName=X;import{jsx as pd}from"react/jsx-runtime";var dn="k-grid-header",se=e=>{let{draggable:t,...o}=e;return pd("div",{...o,className:r(e.className,dn,{"k-grid-draggable-header":t}),children:e.children})};se.className=dn;se.moduleName=V;se.folderName=X;import{jsx as cn,jsxs as md}from"react/jsx-runtime";var pn="k-grouping-header",Kt=e=>{let{dropHint:t,dropClue:o,...a}=e;return md("div",{...a,className:r(e.className,pn),children:[o&&cn("div",{className:"k-grouping-dropclue"}),e.children,cn("div",{className:"k-grouping-drop-container",children:t})]})};Kt.className=pn;Kt.moduleName=V;Kt.folderName=X;import{jsx as ud}from"react/jsx-runtime";var mn="k-grid-sticky-container",un={position:"top"},Ga=e=>{let{position:t=un.position,...o}=e;return ud("div",{...o,className:r(e.className,mn,{"k-grid-sticky-top-container":t==="top","k-grid-sticky-bottom-container":t==="bottom"}),children:e.children})};Ga.className=mn;Ga.defaultProps=un;Ga.moduleName=V;Ga.folderName=X;var ve="table",ye=ve;import{jsx as hd}from"react/jsx-runtime";var bn="k-data-table",bd=[],fd={size:[s.undefined,s.small,s.medium,s.large]},Td={},yt=e=>{let{size:t,...o}=e;return hd("div",{...o,className:r(e.className,bn,y("k-table",{size:t})),children:e.children})};yt.states=bd;yt.options=fd;yt.className=bn;yt.defaultOptions=Td;yt.moduleName=ve;yt.folderName=ye;import{jsx as kd}from"react/jsx-runtime";var gr="k-table-header-wrap",xd=[n.hover,n.focus,n.disabled],Nd={},gd={},Bt=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return kd("div",{...i,className:r(e.className,gr,A(gr,{hover:o,focus:a,disabled:l})),children:t})};Bt.states=xd;Bt.options=Nd;Bt.className=gr;Bt.defaultOptions=gd;Bt.moduleName=ve;Bt.folderName=ye;import{jsx as Md}from"react/jsx-runtime";var kr="k-table",vd=[],Ld={size:[s.undefined,s.small,s.medium,s.large]},Cd={},Se=e=>{let{size:t,...o}=e;return Md("table",{...o,className:r(e.className,kr,y(kr,{size:t})),children:e.children})};Se.states=vd;Se.options=Ld;Se.className=kr;Se.defaultOptions=Cd;Se.moduleName=ve;Se.folderName=ye;import{jsx as vr}from"react/jsx-runtime";var Lr="k-table-header",yd=[n.hover,n.focus,n.disabled],Sd={},Ad={},St=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return vr("div",{...i,className:r(e.className,Lr,A(Lr,{hover:o,focus:a,disabled:l})),children:vr(Bt,{children:vr(Se,{children:t})})})};St.states=yd;St.options=Sd;St.className=Lr;St.defaultOptions=Ad;St.moduleName=ve;St.folderName=ye;import{jsx as Rd}from"react/jsx-runtime";var fn="k-table-scroller",wd=[],Ed={},Id={},No=e=>{let{children:t,...o}=e;return Rd("div",{...o,className:r(e.className,fn),children:t})};No.states=wd;No.options=Ed;No.className=fn;No.defaultOptions=Id;No.moduleName=ve;No.folderName=ye;import{jsx as Qh}from"react/jsx-runtime";import{jsx as Kd}from"react/jsx-runtime";var Tn="k-table-footer",Od=[],Pd={},Hd={},Gt=e=>{let{children:t,...o}=e;return Kd("div",{...o,className:r(e.className,Tn),children:t})};Gt.states=Od;Gt.options=Pd;Gt.className=Tn;Gt.defaultOptions=Hd;Gt.moduleName=ve;Gt.folderName=ye;import{jsx as _d}from"react/jsx-runtime";var Cr="k-table-list",Bd=[],Gd={size:[s.undefined,s.small,s.medium,s.large]},Dd={},Dt=e=>{let{size:t,virtualization:o,...a}=e;return _d("ul",{...a,className:r(e.className,"k-table",Cr,y(Cr,{size:t}),{"k-virtual-table":o}),children:e.children})};Dt.states=Bd;Dt.options=Gd;Dt.className=Cr;Dt.defaultOptions=Dd;Dt.moduleName=ve;Dt.folderName=ye;import{jsx as Ud}from"react/jsx-runtime";var zd="k-table-thead",j=e=>Ud("thead",{className:r(e.className,zd),children:e.children});import{jsx as Vd}from"react/jsx-runtime";var Fd="k-table-tbody",de=e=>Vd("tbody",{className:r(e.className,Fd),children:e.children});import{jsx as fx}from"react/jsx-runtime";import{jsx as Xd}from"react/jsx-runtime";var Mr="k-table-row",$d=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],w=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:i,alt:c,...m}=e;return Xd("tr",{...m,className:r(e.className,Mr,{"k-table-alt-row":c},A(Mr,{hover:t,focus:o,disabled:i,selected:a,highlighted:l})),children:e.children})};w.states=$d;w.className=Mr;import{jsx as Jd}from"react/jsx-runtime";var yr="k-table-row",Wd=[n.hover,n.focus,n.selected,n.disabled],Da=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:i,...c}=e;return Jd("li",{...c,className:r(e.className,yr,{"k-table-alt-row":i},A(yr,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};Da.states=Wd;Da.className=yr;import{jsx as qd}from"react/jsx-runtime";var hn="k-table-th",At=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,i=t||e.children;return qd("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,hn),children:i})};At.className=hn;At.moduleName=ve;At.folderName=ye;import{jsx as wx}from"react/jsx-runtime";import{jsx as Qd}from"react/jsx-runtime";var Sr="k-table-td",Yd=[n.focus,n.selected,n.highlighted],p=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:i,rowspan:c,...m}=e,h=l||e.children;return Qd("td",{colSpan:i,rowSpan:c,...m,className:r(e.className,Sr,A(Sr,{focus:t,selected:o,highlighted:a})),children:h})};p.states=Yd;p.className=Sr;import{jsx as Kx}from"react/jsx-runtime";import{jsx as _x}from"react/jsx-runtime";import{jsx as Vx}from"react/jsx-runtime";import{jsx as Jx}from"react/jsx-runtime";import{jsx as Zx}from"react/jsx-runtime";import{jsx as lN,jsxs as nN}from"react/jsx-runtime";import{jsx as cN,jsxs as pN}from"react/jsx-runtime";import{jsx as fN,jsxs as TN}from"react/jsx-runtime";import{Fragment as vN,jsx as gN,jsxs as kN}from"react/jsx-runtime";import{jsx as tc}from"react/jsx-runtime";var Nn="k-grid-header-table",ce=e=>tc(Se,{...e,className:r(e.className,Nn),children:e.children});ce.className=Nn;ce.moduleName=V;ce.folderName=X;import{Fragment as lc,jsx as gn}from"react/jsx-runtime";var Ar="k-font-icon",oc=[],ac={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]},rc={},Do=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:i,...c}=e;return a?gn("span",{...c,className:r(e.className,Ar,y(Ar,{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"}):gn(lc,{})};Do.states=oc;Do.options=ac;Do.className=Ar;Do.defaultOptions=rc;var kn=Do;import{Fragment as sc,jsx as _a}from"react/jsx-runtime";var wr="k-svg-icon",nc=[],ic={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"},_o=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:i=vn.viewBox,icon:c,...m}=e;if(!c)return _a(sc,{});if(c==="none")return _a("span",{...m,className:r(e.className,wr,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let h=typeof c=="object"&&c.name&&c.name;return _a("span",{...m,className:r(e.className,wr,y("k-icon",{size:t}),{[`k-svg-i-${h}`]:h,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:_a("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})})};_o.states=nc;_o.options=ic;_o.className=wr;_o.defaultOptions=vn;var Er=_o;import*as Ir from"@progress/kendo-svg-icons";var Ln="icon",Cn="icons";import{useContext as cc}from"react";import{createContext as dc}from"react";var Mn=dc({iconsType:"svg"});import{Fragment as yn,jsx as zo}from"react/jsx-runtime";var za="k-icon",pc=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),mc=[],uc={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]},Rr={viewBox:"0 0 24 24",type:"svg"},g=e=>{let{iconsType:t}=cc(Mn),{size:o,themeColor:a,icon:l,type:i=t||Rr.type,rotate:c,flip:m,viewBox:h=Rr.viewBox,...N}=e;if(!l)return zo(yn,{});if((t||i)==="svg"){if(l==="none")return zo(Er,{...N,className:r(e.className,za),icon:l,size:o});let k=Ir[l]?l:pc(`${l}-icon`);return Ir[k]?zo(Er,{...N,className:r(e.className,za),icon:Ir[k],size:o,themeColor:a,rotate:c,flip:m,viewBox:h}):zo(yn,{})}return zo(kn,{...N,className:r(e.className,za),icon:l,size:o,themeColor:a,rotate:c,flip:m})};g.states=mc;g.options=uc;g.defaultOptions=Rr;g.className=za;g.moduleName=Ln;g.folderName=Cn;g.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."}]};import{jsx as _t,jsxs as Or}from"react/jsx-runtime";var Pr="k-header",bc=[n.hover,n.focus,n.active],Sn={sortIcon:"sort-asc-small"},I=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:i,columnTitle:c,hover:m,focus:h,active:N,sortIcon:v=Sn.sortIcon,sortOrder:k,accessibleLabel:u,...M}=e;return Or(At,{...M,className:r(e.className,Pr,{"k-filterable":t||a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":i},A(Pr,{hover:m,focus:h,active:N})),children:[c&&Or("span",{className:"k-cell-inner",children:[Or("span",{className:"k-link",children:[_t("span",{className:"k-column-title",children:c}),o&&_t("span",{className:"k-sort-icon",children:_t(g,{icon:v})}),k&&_t("span",{className:"k-sort-order",children:k})]}),t&&_t("a",{href:"#",className:r("k-grid-header-menu",{"k-active":N,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:_t(g,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&u&&_t("span",{className:"k-sr-only",children:u}),e.children,i&&_t("span",{className:"k-column-resizer k-touch-action-none"})]})};I.states=bc;I.className=Pr;I.defaultOptions=Sn;I.moduleName=V;I.folderName=X;import{jsx as fc}from"react/jsx-runtime";var An="k-grid-container",ee=e=>fc("div",{...e,className:r(e.className,An),children:e.children});ee.className=An;ee.moduleName=V;ee.folderName=X;import{jsx as Tc}from"react/jsx-runtime";var wn="k-grid-content",te=e=>Tc("div",{...e,className:r(e.className,wn),children:e.children});te.className=wn;te.moduleName=V;te.folderName=X;import{jsx as hc}from"react/jsx-runtime";var En="k-grid-table",oe=e=>hc(Se,{...e,className:r(e.className,En),children:e.children});oe.className=En;oe.moduleName=V;oe.folderName=X;import{jsx as xc}from"react/jsx-runtime";var In="k-grid-footer",Hr=e=>xc("div",{...e,className:r(e.className,In),children:e.children});Hr.className=In;Hr.moduleName=V;Hr.folderName=X;import{jsx as Nc}from"react/jsx-runtime";var Rn="k-grid-footer-table",Kr=e=>Nc(Se,{...e,className:r(e.className,Rn),children:e.children});Kr.className=Rn;Kr.moduleName=V;Kr.folderName=X;var Br="button",On=Br;import{Fragment as Lc,jsx as Uo,jsxs as Pn}from"react/jsx-runtime";var Fo="k-button",gc=["icon-button"],kc=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],vc={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.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]},Gr={showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:i,showArrow:c=Gr.showArrow,arrowIconName:m=Gr.arrowIconName,variant:h,hover:N,focus:v,active:k,selected:u,disabled:M,togglable:C,icon:S,text:R,iconClassName:E,className:D,...ie}=e,fe=S!==void 0,Ee=e.children!==void 0;return Pn(t,{className:r(D,Fo,nn(Fo,h),y(Fo,{size:o,rounded:a,fillMode:l,themeColor:i}),A(Fo,{hover:N,focus:v,active:k,disabled:M,selected:u}),{"k-icon-button":!R&&!Ee&&fe}),...ie,"aria-pressed":C?u?"true":"false":void 0,disabled:M||void 0,children:[S&&Uo(g,{className:r(E,"k-button-icon"),icon:S}),R?Pn(Lc,{children:[R&&Uo("span",{className:"k-button-text",children:R}),e.children]}):e.children&&Uo("span",{className:"k-button-text",children:e.children}),c&&Uo("span",{className:"k-menu-button-arrow k-button-arrow",children:Uo(g,{icon:m})})]})};d.states=kc;d.options=vc;d.variants=gc;d.className=Fo;d.defaultOptions=Gr;d.moduleName=Br;d.folderName=On;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."}]};import{jsx as Cc}from"react/jsx-runtime";var zt=e=>Cc(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Mc}from"react/jsx-runtime";var Vo=e=>Mc(d,{icon:"folder",children:"Button",...e});import{jsx as yc}from"react/jsx-runtime";var to=e=>yc(d,{children:"Button",...e});import{jsx as Dr}from"react/jsx-runtime";var Sc=d.options,Ac=d.states,wc={...d.defaultOptions,variant:"text"},Ec=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ic=[],$o=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Dr(zt,{...o,icon:"star"});case"icon-and-text":return Dr(Vo,{...o,icon:"star",children:"Button"});default:return Dr(to,{...o,children:"Button"})}};$o.options=Sc;$o.states=Ac;$o.variants=Ec;$o.defaultOptions=wc;$o.modifiers=Ic;var Xo="input",Ua=Xo;import{jsx as Hc}from"react/jsx-runtime";var Fa="k-input",Rc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Oc={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Pc={},Te=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:m,size:h,rounded:N,fillMode:v,...k}=e;return Hc("span",{...k,className:r(e.className,Fa,y(Fa,{size:h,rounded:N,fillMode:v}),A(Fa,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:m}))})};Te.states=Rc;Te.options=Oc;Te.className=Fa;Te.defaultOptions=Pc;Te.moduleName=Xo;Te.folderName=Ua;import{jsx as Dc}from"react/jsx-runtime";var Va="k-picker",Kc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Bc={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Gc={},ht=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:m,size:h,rounded:N,fillMode:v,...k}=e;return Dc("span",{...k,className:r(e.className,Va,y(Va,{size:h,rounded:N,fillMode:v}),A(Va,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:m})),children:e.children})};ht.states=Kc;ht.options=Bc;ht.className=Va;ht.defaultOptions=Gc;ht.moduleName=Xo;ht.folderName=Ua;import{Fragment as Uc,jsx as _r}from"react/jsx-runtime";var Hn="k-clear-value",_c=[n.disabled,n.loading,n.readonly],zc={},We=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?_r(Uc,{}):_r("span",{className:r(e.className,Hn),children:_r(g,{icon:"x"})})};We.states=_c;We.options=zc;We.className=Hn;import{jsx as $c}from"react/jsx-runtime";var zr="k-input-inner",Fc=[],Vc={},$a={type:"text",autocomplete:"off",value:"",placeholder:""},Je=e=>{let{value:t=$a.value,type:o=$a.type,placeholder:a=$a.placeholder,autocomplete:l=$a.autocomplete,disabled:i,readOnly:c,...m}=e;return $c("input",{...m,type:o,className:r(e.className,zr,y(zr,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:i||void 0,readOnly:c||void 0})};Je.states=Fc;Je.options=Vc;Je.className=zr;import{jsx as Kn,jsxs as Jc}from"react/jsx-runtime";var Ur="k-input-inner",Xc=[],Wc={},oo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:i,...c}=e;return Jc("span",{...c,className:r(e.className,Ur,y(Ur,e)),children:[l,!l&&i&&Kn(g,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Kn("span",{className:"k-input-value-text",children:t})]})};oo.states=Xc;oo.options=Wc;oo.className=Ur;import{jsx as Qc}from"react/jsx-runtime";var Fr="k-input-inner",qc=[],Yc={},Bn={value:"",placeholder:""},Vr=e=>{let{value:t=Bn.value,placeholder:o=Bn.placeholder,rows:a,disabled:l,...i}=e;return Qc("textarea",{...i,className:r(e.className,Fr,y(Fr,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};Vr.states=qc;Vr.options=Yc;Vr.className=Fr;import{Fragment as jc,jsx as Gn}from"react/jsx-runtime";var Dn="k-input-loading-icon",Zc=[n.disabled,n.loading],Ge=e=>{let{disabled:t,loading:o}=e;return t||!o?Gn(jc,{}):Gn("span",{className:r(e.className,Dn,"k-icon k-i-loading")})};Ge.states=Zc;Ge.className=Dn;import{Fragment as op,jsx as _n}from"react/jsx-runtime";var zn="k-input-validation-icon",ep=[n.valid,n.invalid,n.disabled,n.loading],tp={},Ie=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,i=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?_n(op,{}):_n(g,{className:r(zn),icon:i})};Ie.states=ep;Ie.options=tp;Ie.className=zn;import{Fragment as lp,jsx as Un}from"react/jsx-runtime";var ap="k-input-prefix",rp={direction:"horizontal"},tt=e=>{let{direction:t=rp.direction,...o}=e;return e.children?Un("span",{...o,className:r(ap,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Un(lp,{})};import{Fragment as sp,jsx as Fn}from"react/jsx-runtime";var np="k-input-suffix",ip={direction:"horizontal"},ot=e=>{let{direction:t=ip.direction,...o}=e;return e.children?Fn("span",{...o,className:r(np,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Fn(sp,{})};import{jsx as mv}from"react/jsx-runtime";import{jsx as cp}from"react/jsx-runtime";var dp="k-input-suffix-text",$r=e=>{let{children:t,...o}=e;return cp("span",{...o,className:r(dp,e.className),children:t})};import{jsx as mp}from"react/jsx-runtime";var Vn="k-input-separator",pp={direction:"vertical"},at=e=>{let{direction:t=pp.direction,...o}=e;return mp("span",{...o,className:r(Vn,e.className,{[`${Vn}-${t}`]:t})})};import{Fragment as $n,jsx as xt,jsxs as Xr}from"react/jsx-runtime";var up=Te.states,bp=Te.defaultOptions,fp=Te.options,Tp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],hp=[],Wo=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:i,readonly:c,...m}=e,h=t?.prefix,N=t?.suffix,v=t?.["clear-button"],k=t?.["validation-icon"],u=t?.separators;return Xr(Te,{...m,valid:o,invalid:a,loading:l,disabled:i,readonly:c,style:{width:300},children:[h&&Xr($n,{children:[xt(tt,{children:xt(g,{icon:"lock"})}),u&&xt(at,{})]}),xt(Je,{placeholder:"Placeholder",value:"Value"}),k&&xt(Ie,{valid:o,invalid:a,loading:l,disabled:i}),xt(Ge,{loading:l,disabled:i}),v&&xt(We,{loading:l,disabled:i,readonly:c,value:"Value"}),N&&Xr($n,{children:[u&&xt(at,{}),xt(ot,{children:xt(to,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Wo.options=fp;Wo.states=up;Wo.variants=hp;Wo.defaultOptions=bp;Wo.modifiers=Tp;var Wr="popup",Xn=Wr;import{jsx as Wn}from"react/jsx-runtime";var Jn="k-animation-container",xp=[],Np={},qn={positionMode:"absolute"},Nt=e=>{let{positionMode:t=qn.positionMode,animationStyle:o,offset:a,...l}=e;return Wn("div",{...l,style:{...a,...e.style},className:r(e.className,Jn,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Wn("div",{className:"k-child-animation-container",style:o,children:e.children})})};Nt.states=xp;Nt.options=Np;Nt.className=Jn;Nt.defaultOptions=qn;Nt.moduleName=Wr;Nt.folderName=Xn;var Jr="popup",Yn=Jr;import{jsx as Qn}from"react/jsx-runtime";var Zn="k-popup",gp=[],kp={},jn={positionMode:"absolute"},ae=e=>{let{offset:t,positionMode:o=jn.positionMode,animationStyle:a,containerClassName:l,containerRole:i,containerAriaLabel:c,...m}=e;return Qn(Nt,{positionMode:o,offset:t,animationStyle:a,className:l,role:i,"aria-label":c,children:Qn("div",{...m,className:r(e.className,Zn),children:e.children})})};ae.states=gp;ae.options=kp;ae.className=Zn;ae.defaultOptions=jn;ae.moduleName=Jr;ae.folderName=Yn;ae.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 qr="action-buttons",ei=qr;import{jsx as Cp}from"react/jsx-runtime";var Xa="k-actions",vp=[],Lp={},Yr={alignment:"start",orientation:"horizontal"},gt=e=>{let{alignment:t=Yr.alignment,orientation:o=Yr.orientation,...a}=e;return Cp("div",{...a,className:r(Xa,{[`${Xa}-${t}`]:t,[`${Xa}-${o}`]:o},e.className),children:e.children})};gt.states=vp;gt.options=Lp;gt.className=Xa;gt.defaultOptions=Yr;gt.moduleName=qr;gt.folderName=ei;import{jsx as yp}from"react/jsx-runtime";var Mp="k-actionsheet-footer",ti={alignment:"stretched",orientation:"horizontal"},Ut=e=>{let{alignment:t=ti.alignment,orientation:o=ti.orientation,template:a,as:l=a?"div":gt,...i}=e;return yp(l,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,Mp),children:e.children})};var Qr="searchbox",oi=Qr;import{jsx as Jo,jsxs as wp}from"react/jsx-runtime";var ai="k-searchbox",Sp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Ap={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Zr={showIcon:!0,icon:"search"},rt=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:i,hover:c,focus:m,valid:h,invalid:N,required:v,loading:k,disabled:u,showIcon:M=Zr.showIcon,icon:C=Zr.icon,...S}=e;return wp(Te,{...S,size:a,rounded:l,fillMode:i,hover:c,focus:m,valid:h,invalid:N,required:v,loading:k,disabled:u,className:r(e.className,ai),children:[M&&Jo(g,{className:"k-input-icon",icon:C}),Jo(Je,{placeholder:o,value:t}),Jo(Ge,{...e}),Jo(Ie,{...e}),Jo(We,{...e})]})};rt.states=Sp;rt.options=Ap;rt.className=ai;rt.defaultOptions=Zr;rt.moduleName=Qr;rt.folderName=oi;import{jsx as IL}from"react/jsx-runtime";var jr="textbox",ri=jr;import{Fragment as li,jsx as Ft,jsxs as el}from"react/jsx-runtime";var ni="k-textbox",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:[x.undefined,x.solid,x.flat,x.outline]},Wa={showClearButton:!0,showValidationIcon:!0,separators:!0},re=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Wa.separators,showClearButton:i=Wa.showClearButton,showValidationIcon:c=Wa.showValidationIcon,prefix:m,suffix:h,type:N,value:v,placeholder:k,hover:u,focus:M,valid:C,invalid:S,required:R,loading:E,disabled:D,readonly:ie,id:fe,"aria-label":Ee,"aria-describedby":$e,...Xe}=e;return el(Te,{...Xe,size:t,rounded:o,fillMode:a,hover:u,focus:M,valid:C,invalid:S,required:R,loading:E,disabled:D,readonly:ie,className:r(e.className,ni),children:[m&&el(li,{children:[Ft(tt,{children:m}),l&&Ft(at,{})]}),Ft(Je,{id:fe,placeholder:k,value:v,type:N,disabled:D,"aria-label":Ee,"aria-describedby":$e,"aria-invalid":S?"true":void 0}),c&&Ft(Ie,{valid:C,invalid:S,loading:E,disabled:D}),Ft(Ge,{loading:E,disabled:D}),i&&Ft(We,{loading:E,disabled:D,readonly:ie,value:v}),h&&el(li,{children:[l&&Ft(at,{}),Ft(ot,{children:h})]})]})};re.states=Ep;re.options=Ip;re.className=ni;re.defaultOptions=Wa;re.moduleName=jr;re.folderName=ri;re.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 qo=re;import{jsx as Rp}from"react/jsx-runtime";var ii=e=>Rp(qo,{...e});import{Fragment as qL,jsx as JL}from"react/jsx-runtime";import{Fragment as tC,jsx as eC}from"react/jsx-runtime";import{jsx as lC}from"react/jsx-runtime";import{jsx as tl}from"react/jsx-runtime";var Op=re.states,Pp=re.defaultOptions,Hp=re.options,Kp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Bp=[],Yo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?tl(g,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[l]?tl(to,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;default:break}}),tl(ii,{value:"Value",style:{width:300},...o,...a})};Yo.options=Hp;Yo.states=Op;Yo.variants=Bp;Yo.defaultOptions=Pp;Yo.modifiers=Kp;import{jsx as Vt,jsxs as ol}from"react/jsx-runtime";var si="k-actionsheet-titlebar",Gp={},Re=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:i,input:c,inputValue:m,inputPlaceholder:h,adaptive:N,titleId:v,children:k,...u}=e;return ol("div",{...u,className:r(e.className,si),children:[ol("div",{className:"k-actionsheet-titlebar-group",children:[a&&Vt("div",{className:"k-actionsheet-actions",children:a}),!k&&ol("div",{className:"k-actionsheet-title",id:v,children:[t&&Vt("div",{className:"k-text-center",children:t}),o&&Vt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&Vt("div",{className:"k-actionsheet-title",id:v,children:k}),l&&Vt("div",{className:"k-actionsheet-actions",children:l})]}),(c||i)&&Vt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?Vt(re,{value:m,placeholder:h,size:N?"large":"medium","aria-label":t||h||"Input"}):Vt(rt,{placeholder:"Filter",size:N?"large":"medium","aria-label":"Filter options"})})]})};Re.className=si;Re.defaultOptions=Gp;import{jsx as al,jsxs as Up}from"react/jsx-runtime";var rl="k-actionsheet-view",Dp=[],_p={},zp={},go=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:i,titleId:c,...m}=e,h=l?.type===Re&&al(Re,{adaptive:t,titleId:c,...l?.props}),N=i?.type===Ut&&al(Ut,{...i?.props});return Up("div",{...m,className:r(e.className,rl,{[`${rl}-animated`]:o}),children:[h,al("div",{className:"k-actionsheet-content",children:a}),N]})};go.states=Dp;go.options=_p;go.className=rl;go.defaultOptions=zp;var Qo="action-sheet",Ja=Qo;var ll="overlay",di=ll;import{jsx as Xp}from"react/jsx-runtime";var nl="k-overlay",Fp=[],Vp={themeColor:[f.undefined,f.light,f.dark,f.inverse]},$p={},$t=e=>{let{themeColor:t,...o}=e;return Xp("div",{...o,className:r(e.className,nl,y(nl,{themeColor:t})),children:e.children})};$t.states=Fp;$t.options=Vp;$t.className=nl;$t.defaultOptions=$p;$t.moduleName=ll;$t.folderName=di;import{jsx as qa,jsxs as qp}from"react/jsx-runtime";var ci="k-actionsheet",Wp=[],Jp={},Zo={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},me=e=>{let{side:t=Zo.side,fullscreen:o=Zo.fullscreen,adaptive:a=Zo.adaptive,overlay:l=Zo.overlay,template:i,children:c,header:m,footer:h,id:N,...v}=e,k=N&&!i&&m?`${N}-title`:void 0;return qp("div",{className:"k-actionsheet-container",children:[l&&qa($t,{}),qa(Nt,{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:qa("div",{...v,id:N,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":k,className:r(e.className,ci,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i||qa(go,{header:m,footer:h,adaptive:a,titleId:k,...e,children:c})})})]})};me.states=Wp;me.options=Jp;me.className=ci;me.defaultOptions=Zo;me.moduleName=Qo;me.folderName=Ja;me.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."}]};import{jsx as jp}from"react/jsx-runtime";var pi="k-actionsheet-container",Yp=[],Qp={},Zp={},ko=e=>{let{children:t,...o}=e;return jp("div",{...o,className:pi,children:t})};ko.states=Yp;ko.options=Qp;ko.className=pi;ko.defaultOptions=Zp;ko.moduleName=Qo;ko.folderName=Ja;import{jsx as em}from"react/jsx-runtime";var il=e=>{let{...t}=e;return em("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as om,jsx as jo,jsxs as sl}from"react/jsx-runtime";var dl="k-actionsheet-item",tm=[n.hover,n.focus,n.selected,n.disabled],Xt=e=>{let{iconName:t,text:o,description:a,hover:l,focus:i,selected:c,disabled:m,...h}=e;return sl("span",{...h,className:r(e.className,dl,A(dl,{hover:l,focus:i,selected:c,disabled:m})),children:[!e.children&&jo(om,{children:sl("span",{className:"k-actionsheet-action",children:[t&&jo("span",{className:"k-icon-wrap",children:jo(g,{className:"k-actionsheet-item-icon",icon:t})}),sl("span",{className:"k-actionsheet-item-text",children:[o&&jo("span",{className:"k-actionsheet-item-title",children:o}),a&&jo("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Xt.states=tm;Xt.className=dl;import{jsx as rM,jsxs as lM}from"react/jsx-runtime";import{jsx as dM}from"react/jsx-runtime";import{jsx as uM}from"react/jsx-runtime";import{jsx as hM}from"react/jsx-runtime";import{jsx as Le,jsxs as cl}from"react/jsx-runtime";var am=me.options,rm=me.states,ui={...me.defaultOptions,variant:"normal"},lm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],nm=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ea=e=>{let{variant:t,modifiers:o,...a}={...ui,...e},l={},i=cl(il,{children:[Le(Xt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Le(Xt,{text:"Add to Favorites",iconName:"heart"}),Le(Xt,{text:"Upload New",iconName:"upload",disabled:!0}),Le("hr",{className:"k-hr"}),Le(Xt,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",m="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(h=>{switch(h){case"actions":l.actionsStart=!!o?.[h],l.actionsEnd=!!o?.[h];break;case"subtitle":l.subtitle=o?.[h]?c:void 0;break;case"footer":l.footer=!!o?.[h];break;default:break}}),t==="adaptive"?Le(me,{...a,adaptive:!0,fullscreen:l.fullScreen,header:Le(Re,{actionsStart:l.actionsStart?Le(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Le(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:l.subtitle}),footer:l.footer?cl(Ut,{alignment:"stretched",children:[Le(d,{text:"Cancel",size:"large",themeColor:"base"}),Le(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):Le(me,{...a,fullscreen:l.fullScreen,header:Le(Re,{actionsStart:l.actionsStart?Le(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Le(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?cl(Ut,{alignment:"stretched",children:[Le(d,{text:"Apply",themeColor:"primary"}),Le(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};ea.options=am;ea.states=rm;ea.variants=lm;ea.defaultOptions=ui;ea.modifiers=nm;import ml from"react";import{jsx as bi}from"react/jsx-runtime";var im="k-list-group-sticky-header",pl=e=>bi("div",{className:r(im,e.className),children:bi("div",{className:"k-list-header-text",children:e.children})});import{jsx as dm}from"react/jsx-runtime";var sm="k-no-data",Ya=e=>{let{live:t,...o}=e;return dm("span",{...o,className:r(sm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ao="list",vo=ao;import{jsx as fi,jsxs as Ti}from"react/jsx-runtime";var ul="k-list",cm=[],pm={size:[s.undefined,s.small,s.medium,s.large]},mm={},U=e=>{let{size:t,virtualization:o,children:a,header:l,optionLabel:i,customValue:c,noData:m,screenReaders:h,...N}=e,k=ml.Children.toArray(a)[0],u=k?.props?.children?ml.Children.count(k.props.children):ml.Children.count(a);return Ti("div",{...N,className:r(e.className,ul,y(ul,{size:t}),{"k-virtual-list":o}),children:[i,c,l&&fi(pl,{children:l}),a||(m!==void 0?m:fi(Ya,{live:!0,children:"No data found."})),h&&a&&Ti(Ya,{className:"k-sr-only",live:!0,children:[u," items found."]})]})};U.states=cm;U.options=pm;U.className=ul;U.defaultOptions=mm;U.moduleName=ao;U.folderName=vo;U.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as Tm}from"react/jsx-runtime";var hi="k-list-container",um=[],bm={},fm={},Lo=e=>{let{...t}=e;return Tm("div",{...t,className:r(e.className,hi),children:e.children})};Lo.states=um;Lo.options=bm;Lo.className=hi;Lo.defaultOptions=fm;Lo.moduleName=ao;Lo.folderName=vo;var ro="checkbox",Co=ro;import{jsx as xi}from"react/jsx-runtime";var Qa="k-checkbox",hm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],xm={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full]},Nm={},De=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:i,disabled:c,invalid:m,valid:h,required:N,size:v,rounded:k,...u}=e;return xi("span",{className:"k-checkbox-wrap",children:xi("input",{...u,id:t,type:"checkbox",defaultChecked:o,required:N,disabled:c||void 0,"aria-invalid":m?"true":void 0,className:r(e.className,Qa,y(Qa,{size:v,rounded:k}),A(Qa,{hover:l,focus:i,disabled:c,invalid:m,valid:h,indeterminate:a,checked:o}))})})};De.states=hm;De.options=xm;De.className=Qa;De.defaultOptions=Nm;De.moduleName=ro;De.folderName=Co;De.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 kt=De;import{jsx as vm}from"react/jsx-runtime";var Ni="k-checkbox-list",gm=[],km={},gi={layout:"vertical"},_e=e=>{let{layout:t=gi.layout,...o}=e;return vm("ul",{...o,className:r(e.className,Ni,{[`k-list-${t}`]:t}),children:e.children})};_e.states=gm;_e.options=km;_e.className=Ni;_e.defaultOptions=gi;_e.moduleName=ro;_e.folderName=Co;import{jsx as ym}from"react/jsx-runtime";var ki="k-checkbox-list-item",Lm=[],Cm={},Mm={},Oe=e=>{let{...t}=e;return ym("li",{...t,className:r(e.className,ki),children:e.children})};Oe.states=Lm;Oe.options=Cm;Oe.className=ki;Oe.defaultOptions=Mm;Oe.moduleName=ro;Oe.folderName=Co;import{Fragment as Sm,jsx as vi,jsxs as Am}from"react/jsx-runtime";var wt=({children:e,id:t,...o})=>Am(Sm,{children:[vi(kt,{id:t,...o}),vi("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as yy,jsx as My,jsxs as Sy}from"react/jsx-runtime";import{Fragment as Ry,jsx as Iy,jsxs as Oy}from"react/jsx-runtime";import{Fragment as Gy,jsx as By,jsxs as Dy}from"react/jsx-runtime";import{jsx as Fy}from"react/jsx-runtime";import{jsx as Wy}from"react/jsx-runtime";import{jsx as Qy}from"react/jsx-runtime";import{jsx as lt,jsxs as Li}from"react/jsx-runtime";var wm=_e.options,Em=_e.states,Im={..._e.defaultOptions,variant:"vertical"},Rm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Om=[],ta=e=>{let{variant:t,...o}=e;return t==="horizontal"?Li(_e,{layout:"horizontal",...o,children:[lt(Oe,{children:lt(wt,{id:"first",defaultChecked:!0,children:"Label"})}),lt(Oe,{children:lt(wt,{id:"second",children:"Label"})}),lt(Oe,{children:lt(wt,{id:"third",children:"Label"})})]}):Li(_e,{...o,children:[lt(Oe,{children:lt(wt,{id:"first",defaultChecked:!0,children:"Label"})}),lt(Oe,{children:lt(wt,{id:"second",children:"Label"})}),lt(Oe,{children:lt(wt,{id:"third",children:"Label"})})]})};ta.options=wm;ta.states=Em;ta.variants=Rm;ta.defaultOptions=Im;ta.modifiers=Om;import{jsx as Dm}from"react/jsx-runtime";var Pm=kt.options,Hm=kt.states,Km=kt.defaultOptions,Bm=[],Gm=[],oa=e=>Dm(wt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});oa.options=Pm;oa.states=Hm;oa.variants=Bm;oa.defaultOptions=Km;oa.modifiers=Gm;import{jsx as lo,jsxs as Fm}from"react/jsx-runtime";var bl="k-list-item",_m=[n.hover,n.focus,n.selected,n.disabled],zm={},Um={},G=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:i,showCheckbox:c,checked:m,hover:h,focus:N,selected:v,disabled:k,actions:u,description:M,id:C,...S}=e,R=t||e.children;return Fm("li",{...S,id:C,role:a?"presentation":"option",tabIndex:a?void 0:N?0:-1,"aria-selected":!a&&v?"true":a?void 0:"false","aria-disabled":!a&&k?"true":void 0,className:r(e.className,a?"k-list-group-item":bl,A(bl,{hover:h,focus:N,disabled:k,selected:v})),children:[c&&lo(De,{checked:m}),l&&lo("span",{className:"k-list-item-icon-wrapper",children:lo(g,{icon:l,className:r("k-list-item-icon",i)})}),lo("span",{className:"k-list-item-text",children:R}),u&&lo("div",{className:"k-list-item-actions",children:u}),M&&lo("span",{className:"k-list-item-description",children:M}),o&&o!==""&&lo("div",{className:"k-list-item-group-label",children:o})]})};G.states=_m;G.options=zm;G.className=bl;G.defaultOptions=Um;G.moduleName=ao;G.folderName=vo;G.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."}]};import{jsx as $m}from"react/jsx-runtime";var Vm="k-list-ul",Et=e=>{let{children:t,role:o,id:a,...l}=e;return $m("ul",{...l,id:a,role:o,className:r(Vm,e.className),children:t})};Et.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."}]};import{jsx as fl,jsxs as Wm}from"react/jsx-runtime";var Xm="k-list-content",q=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:i,...c}=e;return Wm("div",{...c,className:r(Xm,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:fl(Et,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&fl("div",{className:"k-height-container",children:fl("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."}]};import{Fragment as DS,jsx as GS,jsxs as _S}from"react/jsx-runtime";import{jsx as Tl,jsxs as qm}from"react/jsx-runtime";var Jm="k-list-group-item",no=e=>{let{groupIconName:t,...o}=e;return qm("li",{...o,role:"presentation",className:r(Jm,e.className),children:[t&&Tl("span",{className:"k-list-item-icon-wrapper",children:Tl(g,{icon:t,className:"k-list-item-icon"})}),Tl("span",{className:"k-list-item-text",children:e.children})]})};no.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."}]};import{jsx as jm}from"react/jsx-runtime";var hl="k-list-optionlabel",Ym=[n.hover,n.focus,n.selected,n.disabled],Qm={},Zm={},Za=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...c}=e;return jm("div",{...c,className:r(hl,A(hl,{hover:o,focus:a,selected:l,disabled:i})),children:t})};Za.states=Ym;Za.options=Qm;Za.className=hl;Za.defaultOptions=Zm;import{jsx as au}from"react/jsx-runtime";var xl="k-list-custom-value",eu=[n.hover,n.focus,n.selected,n.disabled],tu={},ou={},Wt=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...c}=e;return au("div",{...c,className:r(xl,A(xl,{hover:o,focus:a,selected:l,disabled:i})),children:t})};Wt.states=eu;Wt.options=tu;Wt.className=xl;Wt.defaultOptions=ou;import{Fragment as oA,jsx as tA,jsxs as aA}from"react/jsx-runtime";import{Fragment as dA,jsx as sA,jsxs as cA}from"react/jsx-runtime";import{Fragment as hA,jsx as fA,jsxs as TA}from"react/jsx-runtime";import{Fragment as CA,jsx as vA,jsxs as LA}from"react/jsx-runtime";import{jsx as AA}from"react/jsx-runtime";import{Fragment as PA,jsx as OA,jsxs as HA}from"react/jsx-runtime";var Ci="dropdown-list",Mi="dropdownlist";import{Fragment as nu,jsx as Pe,jsxs as Nl}from"react/jsx-runtime";var yi="k-dropdownlist",ru=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],lu={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},gl={showValue:!0,arrowIconName:"caret-alt-down"},Y=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=gl.arrowIconName,showValue:i=gl.showValue,valueIconName:c,prefix:m,suffix:h,value:N,placeholder:v,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:E,readonly:D,popup:ie,opened:fe,adaptive:Ee,adaptiveSettings:$e,adaptiveTitle:Xe,adaptiveSubtitle:xo,adaptiveFilter:Nr,...Ka}=e;return Nl(nu,{children:[Nl(ht,{...Ka,size:t,rounded:o,fillMode:a,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:E,readonly:D,className:r(e.className,yi,{"k-icon-picker":!i&&c}),children:[Pe(tt,{children:m}),Pe(oo,{placeholder:v,value:N,showValue:i,valueIconName:c}),Pe(Ie,{valid:M,invalid:C,loading:R,disabled:E}),Pe(Ge,{loading:R,disabled:E}),Pe(ot,{children:h}),Pe(d,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":v||"Toggle dropdown"})]}),fe&&ie&&Pe(ae,{className:"k-list-container k-dropdownlist-popup",children:ie}),Ee&&Pe(me,{adaptive:!0,...$e,header:Pe(Re,{actionsEnd:Pe(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Nr,inputValue:N,inputPlaceholder:v,title:Xe,subtitle:xo}),children:Pe("div",{className:"k-list-container",children:Pe(U,{size:"large",children:Nl(q,{children:[Pe(G,{text:"List item"}),Pe(G,{text:"List item"}),Pe(G,{text:"List item"})]})})})})]})};Y.states=ru;Y.options=lu;Y.className=yi;Y.defaultOptions=gl;Y.moduleName=Ci;Y.folderName=Mi;import{jsx as uw}from"react/jsx-runtime";import{jsx as xw,jsxs as Nw}from"react/jsx-runtime";import{Fragment as Sw,jsx as Mw,jsxs as yw}from"react/jsx-runtime";import{jsx as Iw}from"react/jsx-runtime";import{jsx as Kw,jsxs as Bw}from"react/jsx-runtime";import{Fragment as $w,jsx as Fw,jsxs as Vw}from"react/jsx-runtime";import{Fragment as mu,jsx as Jt,jsxs as Si}from"react/jsx-runtime";var iu=Y.states,su=Y.defaultOptions,du=Y.options,cu=[{name:"opened",title:"Opened"}],pu=[],ra=e=>{let{modifiers:t,...o}=e,a={},l=Si(mu,{children:[Jt("div",{className:"k-list-filter",children:Jt(rt,{})}),Jt(U,{style:{width:300},size:o.size,children:Si(q,{children:[Jt(G,{children:"List item"}),Jt(G,{children:"List item"}),Jt(G,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?l:void 0)}),Jt("div",{children:Jt(Y,{placeholder:"Value",style:{width:300},...o,...a})})};ra.options=du;ra.states=iu;ra.variants=pu;ra.defaultOptions=su;ra.modifiers=cu;import{jsx as Ai,jsxs as hu}from"react/jsx-runtime";var wi="k-spin-button",fu=[],Tu={size:[s.undefined,s.small,s.medium,s.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},kl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},qt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=kl.increaseLabel,decreaseLabel:i=kl.decreaseLabel,...c}=e;return hu("span",{...c,className:r(wi,e.className),children:[Ai(d,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),Ai(d,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};qt.states=fu;qt.options=Tu;qt.className=wi;qt.defaultOptions=kl;qt.moduleName=null;qt.folderName=null;var Ei="numeric-textbox",Ii="numerictextbox";import{Fragment as Ri,jsx as It,jsxs as vl}from"react/jsx-runtime";var Oi="k-numerictextbox",xu=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Nu={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ja={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:l=ja.separators,showClearButton:i=ja.showClearButton,showSpinButton:c=ja.showSpinButton,prefix:m,suffix:h,value:N,placeholder:v,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:E,readonly:D,id:ie,"aria-label":fe,"aria-describedby":Ee,...$e}=e;return vl(Te,{...$e,size:t,rounded:o,fillMode:a,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:E,readonly:D,className:r(e.className,Oi),children:[m&&vl(Ri,{children:[It(tt,{children:m}),l&&It(at,{})]}),It(Je,{id:ie,placeholder:v,value:N,role:"spinbutton",disabled:E,"aria-label":fe,"aria-describedby":Ee,"aria-invalid":C?"true":void 0}),It(Ie,{valid:M,invalid:C,loading:R,disabled:E}),It(Ge,{loading:R,disabled:E}),i&&It(We,{loading:R,disabled:E,readonly:D,value:N}),h&&vl(Ri,{children:[l&&It(at,{}),It(ot,{children:h})]}),c&&It(qt,{className:"k-input-spinner",size:t,fillMode:a,disabled:E})]})};_.states=xu;_.options=Nu;_.className=Oi;_.defaultOptions=ja;_.moduleName=Ei;_.folderName=Ii;_.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 la=_;import{jsx as gu}from"react/jsx-runtime";var Pi=e=>gu(la,{...e});import{Fragment as EE,jsx as wE}from"react/jsx-runtime";import{Fragment as KE,jsx as HE}from"react/jsx-runtime";import{jsx as _E}from"react/jsx-runtime";import{jsx as Ll}from"react/jsx-runtime";var ku=_.states,vu=_.defaultOptions,Lu=_.options,Cu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Mu=[],na=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Ll(Y,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[l]?Ll($r,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;case"spin-button":a.showSpinButton=t?.[l];break;default:break}}),Ll(Pi,{value:"Value",style:{width:300},...o,...a})};na.options=Lu;na.states=ku;na.variants=Mu;na.defaultOptions=vu;na.modifiers=Cu;var Cl="pager",Hi=Cl;import{Fragment as Ki,jsx as ze,jsxs as Mo}from"react/jsx-runtime";var er="k-pager",yu=[n.focus,n.disabled],Su={size:[s.undefined,s.small,s.medium,s.large]},qe={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},he=e=>{let{responsive:t=qe.responsive,size:o,pagerSizeInfo:a=qe.pagerSizeInfo,pageTitleInfo:l=qe.pageTitleInfo,maxPagesInfo:i=qe.maxPagesInfo,itemsPerPage:c=qe.itemsPerPage,maxPages:m=qe.maxPages,currentPage:h=qe.currentPage,previousNext:N=qe.previousNext,type:v=qe.type,pageSizes:k=qe.pageSizes,refresh:u=qe.refresh,info:M=qe.info,focus:C,disabled:S,dir:R,...E}=e,D=[],ie=[];for(let fe=1;fe<=m;fe++)D.push(ze(d,{selected:fe===h,fillMode:"flat",themeColor:"primary",size:o,children:fe})),ie.push(ze("option",{selected:fe===h,children:fe}));return Mo("div",{dir:R,...E,className:r(e.className,er,y(er,{size:o}),A(er,{focus:C,disabled:S}),{"k-pager-responsive":t}),children:[Mo("div",{className:r("k-pager-numbers-wrap"),children:[N&&Mo(Ki,{children:[ze(d,{className:r("k-pager-nav","k-pager-first"),disabled:h===1&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),ze(d,{className:r("k-pager-nav"),disabled:h===1&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-right":"caret-alt-left"})]}),v==="numeric"&&ze("div",{className:r("k-pager-numbers"),children:D}),v==="input"&&Mo("span",{className:r("k-pager-input"),children:[l&&ze("span",{children:"Page"}),ze(_,{value:`${h}`,size:o,showSpinButton:!1,showClearButton:!1}),ze("span",{children:i&&`of ${m}`})]}),N&&Mo(Ki,{children:[ze(d,{className:r("k-pager-nav"),disabled:h===m&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-left":"caret-alt-right"}),ze(d,{className:r("k-pager-nav","k-pager-last"),disabled:h===m&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),k&&Mo("span",{className:r("k-pager-sizes"),children:[ze(Y,{value:`${c}`,size:o}),a&&ze("span",{children:"items per page"})]}),u&&ze(d,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),M&&ze("span",{className:r("k-pager-info"),children:M})]})};he.states=yu;he.options=Su;he.className=er;he.defaultOptions=qe;he.moduleName=Cl;he.folderName=Hi;import{jsx as mI}from"react/jsx-runtime";import{jsx as TI}from"react/jsx-runtime";import{jsx as gI}from"react/jsx-runtime";import{jsx as Bi}from"react/jsx-runtime";var Au=he.options,wu=he.states,Eu={...he.defaultOptions,variant:"numeric"},Iu=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Ru=[],ia=e=>{let{variant:t,...o}=e;return t==="input"?Bi(he,{...o,type:"input"}):Bi(he,{...o,type:"numeric"})};ia.options=Au;ia.states=wu;ia.variants=Iu;ia.defaultOptions=Eu;ia.modifiers=Ru;import{jsx as Ou}from"react/jsx-runtime";var Gi="k-grid-pager",vt=e=>Ou(he,{...e,className:r(e.className,Gi),children:e.children});vt.className=Gi;vt.moduleName=V;vt.folderName=X;var Ml="button",Di=Ml;import{jsx as Bu}from"react/jsx-runtime";var sa="k-button-group",Pu=[n.disabled],Hu={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Ku={},K=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return Bu("div",{role:"group",...l,className:r(e.className,sa,y(sa,{fillMode:t}),A(sa,{disabled:o}),{[`${sa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};K.states=Pu;K.options=Hu;K.className=sa;K.defaultOptions=Ku;K.moduleName=Ml;K.folderName=Di;K.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."}]};import{Fragment as WI,jsx as XI,jsxs as JI}from"react/jsx-runtime";import{Fragment as eR,jsx as jI,jsxs as tR}from"react/jsx-runtime";import{Fragment as iR,jsx as nR,jsxs as sR}from"react/jsx-runtime";import{Fragment as bR,jsx as uR,jsxs as fR}from"react/jsx-runtime";import{Fragment as kR,jsx as gR,jsxs as vR}from"react/jsx-runtime";import{Fragment as AR,jsx as SR,jsxs as wR}from"react/jsx-runtime";import{jsx as Rt,jsxs as yl}from"react/jsx-runtime";var Gu={...d.options,...K.options},Du=d.states,_u={...d.defaultOptions,...K.defaultOptions,variant:"text-button"},zu=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Uu=[],da=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?yl(K,{fillMode:a.fillMode,className:o,children:[Rt(d,{...a,icon:"star"}),Rt(d,{...a,icon:"star"}),Rt(d,{...a,icon:"star"})]}):t==="icon-text-button"?yl(K,{fillMode:a.fillMode,className:o,children:[Rt(d,{...a,icon:"star",children:"First"}),Rt(d,{...a,icon:"star",children:"Middle"}),Rt(d,{...a,icon:"star",children:"Last"})]}):yl(K,{fillMode:a.fillMode,className:o,children:[Rt(d,{...a,children:"First"}),Rt(d,{...a,children:"Middle"}),Rt(d,{...a,children:"Last"})]})};da.options=Gu;da.states=Du;da.variants=zu;da.defaultOptions=_u;da.modifiers=Uu;import{jsx as _i,jsxs as $u}from"react/jsx-runtime";var zi="k-color-preview",Fu=[],Vu={},Yt=e=>{let{color:t,iconName:o,...a}=e;return $u("span",{...a,className:r(e.className,zi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&_i(g,{icon:o,className:"k-color-preview-icon"}),_i("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Yt.states=Fu;Yt.options=Vu;Yt.className=zi;var Sl="slider",Ui=Sl;import{jsx as yo,jsxs as Al}from"react/jsx-runtime";var ca="k-slider",Xu=[n.hover,n.focus,n.active,n.disabled,n.readonly],Wu={},it={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},le=e=>{let{type:t=it.type,orientation:o=it.orientation,gradientType:a=it.gradientType,readonly:l=it.readonly,disabled:i=it.disabled,handlePosition:c=it.handlePosition,showButtons:m=it.showButtons,showTicks:h=it.showTicks,value:N=it.value,min:v=it.min,max:k=it.max,startValue:u,endValue:M,hover:C,focus:S,active:R,trackStyle:E,dir:D,...ie}=e,Ee=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),$e,Xe;return o==="horizontal"?($e=D==="rtl"?"caret-alt-left":"caret-alt-right",Xe=D==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&($e="caret-alt-up",Xe="caret-alt-down"),Al("div",{...ie,className:r(ca,e.className,A(ca,{readonly:l,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:D,children:[m&&yo(d,{className:"k-button-decrease",rounded:"full",icon:Xe,tabIndex:-1,title:"Decrease"}),Al("div",{className:"k-slider-track-wrap",children:[h&&yo("ul",{className:"k-reset k-slider-items",children:e.children}),Al("div",{className:"k-slider-track",style:E,children:[yo("div",{className:"k-slider-selection"}),t==="range"&&yo("span",{className:r("k-draghandle","k-draghandle-start",A(ca,{hover:C,focus:S,active:R})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":u??v,"aria-valuemin":v,"aria-valuemax":M??k,"aria-orientation":Ee,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":ie["aria-label"]?`${ie["aria-label"]} start`:"Range start"}),yo("span",{className:r("k-draghandle",`k-draghandle-${c}`,A(ca,{hover:C,focus:S,active:R})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?M??k:N,"aria-valuemin":t==="range"?u??v:v,"aria-valuemax":k,"aria-orientation":Ee,"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"]})]})]}),m&&yo(d,{className:"k-button-increase",rounded:"full",icon:$e,tabIndex:-1,title:"Increase"})]})};le.states=Xu;le.options=Wu;le.className=ca;le.defaultOptions=it;le.moduleName=Sl;le.folderName=Ui;le.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").'}]};import{jsx as Fi}from"react/jsx-runtime";var Vi="k-tick",Ju=[],qu={},$i={label:!1},P=e=>{let{style:t,label:o=$i.label,orientation:a,large:l,text:i,...c}=e;return Fi("li",{...c,className:r(e.className,Vi,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&Fi("span",{className:"k-label",children:i})})};P.states=Ju;P.options=qu;P.className=Vi;P.defaultOptions=$i;import{Fragment as Yu,jsx as st,jsxs as Qu}from"react/jsx-runtime";var Xi=e=>st(le,{"aria-label":e["aria-label"]||"Slider",children:Qu(Yu,{children:[st(P,{className:"k-first",label:!0,large:!0,text:"0"}),st(P,{}),st(P,{}),st(P,{}),st(P,{}),st(P,{label:!0,large:!0,text:"5"}),st(P,{}),st(P,{}),st(P,{}),st(P,{}),st(P,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Zu,jsx as dt,jsxs as ju}from"react/jsx-runtime";var Wi=e=>dt(le,{children:ju(Zu,{children:[dt(P,{className:"k-first",label:!0,large:!0,text:"0"}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{label:!0,large:!0,text:"5"}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as fO,jsx as bO,jsxs as TO}from"react/jsx-runtime";import{Fragment as kO,jsx as gO,jsxs as vO}from"react/jsx-runtime";import{jsx as eb}from"react/jsx-runtime";var wl=e=>eb(le,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as tb}from"react/jsx-runtime";var El=e=>tb(le,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as OO,jsx as RO,jsxs as PO}from"react/jsx-runtime";import{Fragment as DO,jsx as GO,jsxs as _O}from"react/jsx-runtime";import{jsx as Lt,jsxs as Ji}from"react/jsx-runtime";var ob=le.options,ab=le.states,qi={...le.defaultOptions,variant:"horizontal",label:!0},rb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],lb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],pa=e=>{let{variant:t,modifiers:o,...a}={...qi,...e},l={};Object.keys(o||{}).forEach(N=>{switch(N){case"button":{l.showButtons=!!o?.[N];break}case"label":{l.label=!!o?.[N];break}case"tick":{l.showTicks=!!o?.[N];break}}});let{label:i=!0,showButtons:c,showTicks:m}=l,h={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Ji(Wi,{showTicks:m,showButtons:c,style:{height:"300px",...h},...a,children:[Lt(P,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Lt(P,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Lt(P,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Lt(P,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Lt(P,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Ji(Xi,{showTicks:m,showButtons:c,style:{width:"400px",...h},...a,children:[Lt(P,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Lt(P,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Lt(P,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Lt(P,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Lt(P,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};pa.options=ob;pa.states=ab;pa.variants=rb;pa.defaultOptions=qi;pa.modifiers=lb;import{Fragment as ma,jsx as z,jsxs as ue}from"react/jsx-runtime";var Yi="k-colorgradient-inputs",nb=[],ib={size:[s.undefined,s.small,s.medium,s.large]},Qi={mode:"rgba"},So=e=>{let{mode:t=Qi.mode,size:o,...a}=e;return ue("div",{...a,className:r(Yi,"k-hstack"),children:[z("div",{className:"k-vstack",children:z(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ue(ma,{children:[ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),z("label",{className:"k-colorgradient-input-label",children:"R"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),z("label",{className:"k-colorgradient-input-label",children:"G"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),z("label",{className:"k-colorgradient-input-label",children:"B"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),z("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ue(ma,{children:[ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),z("label",{className:"k-colorgradient-input-label",children:"R"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),z("label",{className:"k-colorgradient-input-label",children:"G"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),z("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ue(ma,{children:[ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),z("label",{className:"k-colorgradient-input-label",children:"H"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),z("label",{className:"k-colorgradient-input-label",children:"S"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),z("label",{className:"k-colorgradient-input-label",children:"V"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),z("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ue(ma,{children:[ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),z("label",{className:"k-colorgradient-input-label",children:"H"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),z("label",{className:"k-colorgradient-input-label",children:"S"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),z("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&z(ma,{children:ue("div",{className:"k-vstack k-flex-1",children:[z(re,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),z("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};So.states=nb;So.options=ib;So.className=Yi;So.defaultOptions=Qi;import{jsx as io,jsxs as so}from"react/jsx-runtime";var Zi="k-colorgradient-color-contrast",sb=[],db={},cb={},Ao=()=>so("div",{className:r(Zi,"k-vbox"),children:[so("div",{className:"k-contrast-ratio",children:[io("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),so("span",{className:"k-contrast-validation !k-text-success",children:[io(g,{icon:"check"}),io(g,{icon:"check"})]})]}),so("div",{children:[io("span",{children:"AA: 4.5"}),so("span",{className:"k-contrast-validation !k-text-success",children:["Pass",io(g,{icon:"check"})]})]}),so("div",{children:[io("span",{children:"AAA: 7.0"}),so("span",{className:"k-contrast-validation !k-text-error",children:["Fail",io(g,{icon:"x"})]})]})]});Ao.states=sb;Ao.options=db;Ao.className=Zi;Ao.defaultOptions=cb;var ji="color-gradient",es="colorgradient";import{jsx as ct,jsxs as ua}from"react/jsx-runtime";var tr="k-colorgradient",pb=[n.hover,n.focus,n.readonly,n.disabled],mb={size:[s.undefined,s.small,s.medium,s.large]},Ct={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"},Ce=e=>{let{size:t,mode:o=Ct.mode,readonly:a=Ct.readonly,disabled:l=Ct.disabled,gradientStyle:i=Ct.gradientStyle,dragHandleStyle:c=Ct.dragHandleStyle,alphaStyle:m=Ct.alphaStyle,alphaStyleHorizontal:h=Ct.alphaStyleHorizontal,contrast:N=Ct.contrast,dir:v,hover:k,focus:u,hoverHandle:M,focusHandle:C,canvasOrientation:S=Ct.canvasOrientation,role:R,tabIndex:E,...D}=e;return ua("div",{...D,role:R??"textbox","aria-label":R==="none"?void 0:"Color gradient",tabIndex:E??0,"aria-disabled":l?"true":void 0,className:r(e.className,tr,y(tr,{size:t}),A(tr,{hover:k,focus:u,readonly:a,disabled:l})),dir:v,children:[!S||S==="horizontal"&&ua("div",{className:"k-colorgradient-canvas k-hstack",children:[ct("div",{className:"k-hsv-rectangle",style:i,children:ct("div",{className:"k-hsv-gradient",children:ct("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})})}),ua("div",{className:"k-hsv-controls k-hstack",children:[ct(El,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&ct(El,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:m})]})]}),S==="vertical"&&ua("div",{className:"k-colorgradient-canvas k-vstack",children:[ct("div",{className:"k-hsv-rectangle",style:i,children:ct("div",{className:"k-hsv-gradient",children:ct("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})})}),ua("div",{className:"k-hsv-controls k-vstack",children:[ct(wl,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&ct(wl,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:h})]})]}),ct(So,{mode:e.mode,size:t}),N&&ct(Ao,{})]})};Ce.states=pb;Ce.options=mb;Ce.className=tr;Ce.defaultOptions=Ct;Ce.moduleName=ji;Ce.folderName=es;Ce.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)."}]};import{jsx as ub}from"react/jsx-runtime";var or=e=>ub(Ce,{...e});import{jsx as E0}from"react/jsx-runtime";import{jsx as P0}from"react/jsx-runtime";import{jsx as Il}from"react/jsx-runtime";var bb=Ce.options,fb=Ce.states,Tb={...Ce.defaultOptions,variant:"rgba"},hb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],xb=[],ba=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Il(or,{...o,mode:t});case"rgb":return Il(or,{...o,mode:t});default:return Il(or,{...o,mode:t})}};ba.options=bb;ba.states=fb;ba.variants=hb;ba.defaultOptions=Tb;ba.modifiers=xb;import{jsx as Nb}from"react/jsx-runtime";var Rl=e=>Nb("tr",{role:"row",children:e.children});import{jsx as vb}from"react/jsx-runtime";var Ol="k-colorpalette-tile",gb=[n.hover,n.focus,n.selected],kb={},wo=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:i,...c}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return vb("td",{...c,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,Ol,A(Ol,{hover:a,focus:l,selected:i})),style:m})};wo.states=gb;wo.options=kb;wo.className=Ol;var ts="color-palette",os="colorpalette";import{jsx as fa}from"react/jsx-runtime";var ar="k-colorpalette",Lb=[n.disabled],Cb={size:[s.undefined,s.small,s.medium,s.large]},as={columns:10},Ue=e=>{let{size:t,palette:o,columns:a=as.columns,tileSize:l,disabled:i,...c}=e,m=[];if(o){let h=a||o.columns,N=o.colors?o.colors:o;Array.isArray(N)&&Array.from({length:Math.ceil(N.length/h)},(v,k)=>{let u=[];N.slice(k*h,(k+1)*h).map((C,S)=>{u.push(fa(wo,{color:C,tileSize:l},S))});let M=fa(Rl,{children:u},k);m.push(M)})}return fa("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,ar,A(ar,{disabled:i}),y(ar,{size:t})),children:fa("table",{className:"k-colorpalette-table",role:"none",children:fa("tbody",{children:m.length>0?m:e.children})})})};Ue.states=Lb;Ue.options=Cb;Ue.className=ar;Ue.defaultOptions=as;Ue.moduleName=ts;Ue.folderName=os;Ue.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 rr=Ue;var Ta={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}};import{jsx as Mb}from"react/jsx-runtime";var rs=e=>Mb(rr,{palette:Ta.basic,...e});import{jsx as fP}from"react/jsx-runtime";import{jsx as kP,jsxs as vP}from"react/jsx-runtime";import{jsx as Rb}from"react/jsx-runtime";var yb=Ue.options,Sb=Ue.states,Ab={...Ue.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=[],ha=e=>{let{variant:t="basic",...o}=e,a=Eb[t];return Rb(rs,{columns:a.columns,palette:a,...o})};ha.options=yb;ha.states=Sb;ha.variants=wb;ha.defaultOptions=Ab;ha.modifiers=Ib;var ls="color-editor",ns="coloreditor";import{jsx as pt,jsxs as Eo}from"react/jsx-runtime";var lr="k-coloreditor",Ob=[n.focus],Pb={size:[s.undefined,s.small,s.medium,s.large]},xa={view:"gradient",palette:Ta.office,actionButtons:!0,canvasOrientation:"horizontal"},be=e=>{let{size:t,view:o=xa.view,palette:a=xa.palette,color:l,currentColor:i,focus:c,focusView:m,dir:h,group:N,actionButtons:v=xa.actionButtons,canvasOrientation:k=xa.canvasOrientation,...u}=e;return Eo("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",lr,y(lr,{size:t}),A(lr,{focus:c})),dir:h,children:[Eo("div",{className:"k-coloreditor-header k-hstack",children:[pt("div",{className:"k-coloreditor-header-actions k-hstack",children:N&&Eo(K,{fillMode:"flat",children:[pt(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),pt(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),pt("div",{className:"k-spacer"}),Eo("div",{className:"k-coloreditor-header-actions k-hstack",children:[pt(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Eo("div",{className:"k-coloreditor-preview k-vstack",children:[pt(Yt,{className:"k-coloreditor-preview-color",color:l}),pt(Yt,{className:"k-coloreditor-current-color",color:i})]})]})]}),pt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?pt(Ce,{focus:m,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):pt(Ue,{palette:a,size:t})}),v&&Eo(gt,{className:"k-coloreditor-footer",alignment:"start",children:[pt(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),pt(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};be.states=Ob;be.options=Pb;be.className=lr;be.defaultOptions=xa;be.moduleName=ls;be.folderName=ns;be.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 Io=be;import{jsx as QP}from"react/jsx-runtime";import{jsx as tH}from"react/jsx-runtime";import{jsx as Hb}from"react/jsx-runtime";var is=e=>Hb(Io,{group:!0,currentColor:"fuchsia",...e});import{jsx as Kb}from"react/jsx-runtime";var ss=e=>Kb(Io,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as ds}from"react/jsx-runtime";var Bb=be.options,Gb=be.states,Db={...be.defaultOptions,variant:"gradient"},_b=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],zb=[],Na=e=>{let{variant:t,...o}=e;return t==="palette"?ds(ss,{...o,color:"white"}):ds(is,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Na.options=Bb;Na.states=Gb;Na.variants=_b;Na.defaultOptions=Db;Na.modifiers=zb;var cs="color-picker",ps="colorpicker";import{Fragment as Vb,jsx as mt,jsxs as Pl}from"react/jsx-runtime";var ms="k-colorpicker",Ub=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Fb={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},us={arrowIconName:"caret-alt-down"},Ye=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=us.arrowIconName,prefix:i,suffix:c,value:m,placeholder:h,hover:N,focus:v,valid:k,invalid:u,required:M,disabled:C,valueIconName:S,popup:R,opened:E,adaptive:D,adaptiveSettings:ie,adaptiveTitle:fe,adaptiveSubtitle:Ee,...$e}=e,Xe="colorpicker-popup";return Pl(Vb,{children:[Pl(ht,{...$e,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:k,invalid:u,required:M,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":E?"true":"false","aria-controls":E||D?Xe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:r(e.className,ms,"k-icon-picker"),children:[mt(tt,{children:i}),mt(oo,{placeholder:h,value:m,showValue:!1,valueIcon:mt(Yt,{className:"k-value-icon",color:m,iconName:S}),valueIconName:S}),mt(ot,{children:c}),mt(d,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),E&&R&&mt(ae,{id:Xe,className:"k-colorpicker-popup",children:R}),D&&mt(me,{adaptive:!0,id:Xe,...ie,header:mt(Re,{actionsEnd:mt(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:fe,subtitle:Ee}),footer:Pl(Ut,{children:[mt(d,{text:"Cancel",size:"large"}),mt(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:mt(be,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ye.states=Ub;Ye.options=Fb;Ye.className=ms;Ye.defaultOptions=us;Ye.moduleName=cs;Ye.folderName=ps;Ye.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 Qt=Ye;import{jsx as $b}from"react/jsx-runtime";var nr=e=>$b(Qt,{...e});import{jsx as GH}from"react/jsx-runtime";import{jsx as FH}from"react/jsx-runtime";import{jsx as WH}from"react/jsx-runtime";import{jsx as QH}from"react/jsx-runtime";import{jsx as tK}from"react/jsx-runtime";import{jsx as lK}from"react/jsx-runtime";import{jsx as co}from"react/jsx-runtime";var Xb=Qt.options,Wb=Qt.states,bs={...Qt.defaultOptions,variant:"color"},Jb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],qb=[{name:"opened",title:"Opened"}],ga=e=>{let{variant:t,modifiers:o,...a}={...bs,...e},l={};Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?co(be,{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 co("div",{style:i,children:co(nr,{...a,...l})});case"icon":return co("div",{style:i,children:co(nr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return co("div",{style:i,children:co(nr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};ga.options=Xb;ga.states=Wb;ga.variants=Jb;ga.defaultOptions=bs;ga.modifiers=qb;var Hl="combobox",fs=Hl;import{Fragment as Kl,jsx as xe,jsxs as ka}from"react/jsx-runtime";var Ts="k-combobox",Yb=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Qb={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},hs={separators:!0},He=e=>{let{size:t,rounded:o,fillMode:a,separators:l=hs.separators,prefix:i,suffix:c,value:m,placeholder:h,hover:N,focus:v,valid:k,invalid:u,required:M,loading:C,disabled:S,popup:R,opened:E,readonly:D,adaptive:ie,adaptiveSettings:fe,adaptiveTitle:Ee,adaptiveSubtitle:$e,adaptiveCustomValue:Xe,id:xo,autocomplete:Nr,activeDescendant:Ka,"aria-label":ad,...rd}=e,ld=xo?`${xo}-listbox`:void 0;return ka(Kl,{children:[ka(Te,{...rd,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:k,invalid:u,required:M,loading:C,disabled:S,readonly:D,className:r(e.className,Ts),children:[i&&ka(Kl,{children:[xe(tt,{children:i}),l&&xe(at,{})]}),xe(Je,{placeholder:h,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":E?"true":"false","aria-controls":E?ld:void 0,"aria-activedescendant":E&&Ka?Ka:void 0,"aria-autocomplete":Nr,"aria-invalid":u?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":ad,disabled:S,readOnly:D}),xe(Ie,{valid:k,invalid:u,loading:C,disabled:S}),xe(Ge,{loading:C,disabled:S}),xe(We,{loading:C,disabled:S,readonly:D,value:m}),c&&ka(Kl,{children:[l&&xe(at,{}),xe(ot,{children:c})]}),xe(d,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:S})]}),E&&R&&xe(ae,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:R}),ie&&xe(me,{adaptive:!0,id:xo?`${xo}-adaptive`:void 0,...fe,header:xe(Re,{actionsEnd:xe(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:h,title:Ee,subtitle:$e}),children:xe("div",{className:"k-list-container",children:xe(U,{customValue:Xe?xe(Wt,{text:`Use "${m}"`}):void 0,size:"large",children:ka(q,{"aria-label":Ee||"Options",children:[xe(G,{text:"List item"}),xe(G,{text:"List item"}),xe(G,{text:"List item"})]})})})})]})};He.states=Yb;He.options=Qb;He.className=Ts;He.defaultOptions=hs;He.moduleName=Hl;He.folderName=fs;He.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 Qe=He;import{jsx as Zb}from"react/jsx-runtime";var xs=e=>Zb(Qe,{...e});import{jsx as zK,jsxs as UK}from"react/jsx-runtime";import{jsx as JK,jsxs as qK}from"react/jsx-runtime";import{jsx as tB,jsxs as oB}from"react/jsx-runtime";import{Fragment as sB,jsx as iB}from"react/jsx-runtime";import{Fragment as bB,jsx as uB}from"react/jsx-runtime";import{jsx as gB,jsxs as kB}from"react/jsx-runtime";import{Fragment as wB,jsx as SB,jsxs as AB}from"react/jsx-runtime";import{jsx as OB}from"react/jsx-runtime";import{jsx as BB}from"react/jsx-runtime";import{jsx as FB,jsxs as VB}from"react/jsx-runtime";import{jsx as YB,jsxs as QB}from"react/jsx-runtime";import{jsx as Zt,jsxs as rf}from"react/jsx-runtime";var jb=He.states,ef=He.defaultOptions,tf=He.options,of=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],af=[],va=e=>{let{modifiers:t,...o}=e,a={},l=Zt(U,{style:{width:300},size:o.size,children:rf(q,{children:[Zt(G,{children:"List item"}),Zt(G,{children:"List item"}),Zt(G,{children:"List item"})]})});return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Zt(g,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?Zt(zt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?l:void 0;break;default:break}}),Zt("div",{children:Zt(xs,{value:"Value",style:{width:300},...o,...a})})};va.options=tf;va.states=jb;va.variants=af;va.defaultOptions=ef;va.modifiers=of;var Bl="menu-button",Ns=Bl;import{jsx as sf}from"react/jsx-runtime";var gs="k-menu-button",lf=[n.hover,n.focus,n.active,n.selected,n.disabled],nf={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.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]},Gl={showArrow:!0,arrowIconName:"caret-alt-down"},Q=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:m,selected:h,disabled:N,icon:v,text:k,showArrow:u=Gl.showArrow,arrowIconName:M=Gl.arrowIconName,expanded:C,...S}=e;return sf(d,{...S,className:r(e.className,gs),text:k,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:m,selected:h,disabled:N,icon:v,showArrow:u,arrowIconName:M,"aria-expanded":C?"true":"false",...!k&&v&&!e["aria-label"]&&{"aria-label":"Menu"},...N&&{"aria-disabled":"true"}})};Q.states=lf;Q.options=nf;Q.className=gs;Q.defaultOptions=Gl;Q.moduleName=Bl;Q.folderName=Ns;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."}]};import{jsx as EG}from"react/jsx-runtime";import{jsx as PG}from"react/jsx-runtime";import{jsx as GG}from"react/jsx-runtime";var Ze="menu",ut=Ze;import{jsx as La,jsxs as ks}from"react/jsx-runtime";var Dl="k-menu-item",df=[n.hover,n.focus,n.active,n.selected,n.disabled],cf={},vs={iconPosition:"before"},Ae=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:c,text:m,first:h,last:N,showArrow:v,arrowIconName:k,iconPosition:u=vs.iconPosition,dir:M,children:C,expanded:S,...R}=e,E=k;return E||(E=M==="rtl"?"caret-alt-left":"caret-alt-right"),ks("li",{...R,className:r(e.className,Dl,"k-item",A(Dl,{focus:o,disabled:i,hover:t,active:a,selected:l}),{"k-first":h,"k-last":N}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":S?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[ks("span",{className:r("k-link k-menu-link"),children:[c&&u==="before"&&La(g,{className:"k-menu-link-icon",icon:c}),La("span",{className:"k-menu-link-text",children:m}),c&&u==="after"&&La(g,{className:"k-menu-link-icon",icon:c}),v&&La("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:La(g,{icon:E})})]}),C]})};Ae.states=df;Ae.options=cf;Ae.className=Dl;Ae.defaultOptions=vs;Ae.moduleName=Ze;Ae.folderName=ut;import{jsx as Ca,jsxs as Ls}from"react/jsx-runtime";var _l="k-menu-item",pf=[n.hover,n.focus,n.active,n.selected,n.disabled],mf={},zl={dir:"ltr",iconPosition:"before"},pe=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:c,text:m,first:h,last:N,showArrow:v,arrowIconName:k,iconPosition:u=zl.iconPosition,dir:M=zl.dir,children:C,popup:S,expanded:R,...E}=e,D=k;return D||(D=M==="rtl"?"caret-alt-left":"caret-alt-right"),Ls("li",{...E,className:r(e.className,_l,"k-item",A(_l,{focus:o,disabled:i}),{"k-first":h,"k-last":N}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":R?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ls("span",{className:r("k-link k-menu-link",A("k-menu-link",{hover:t,active:a,selected:l,disabled:i})),children:[c&&u==="before"&&Ca(g,{className:"k-menu-link-icon",icon:c}),Ca("span",{className:"k-menu-link-text",children:m}),c&&u==="after"&&Ca(g,{className:"k-menu-link-icon",icon:c}),v&&Ca("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ca(g,{icon:D})})]}),C,S]})};pe.states=pf;pe.options=mf;pe.className=_l;pe.defaultOptions=zl;pe.moduleName=Ze;pe.folderName=ut;import{jsx as Tf}from"react/jsx-runtime";var Cs="k-menu-scroll-wrapper",uf=[],bf={},ff={},po=e=>{let{className:t,children:o,orientation:a,...l}=e;return Tf("div",{...l,className:r(t,Cs,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};po.states=uf;po.options=bf;po.className=Cs;po.defaultOptions=ff;po.moduleName=Ze;po.folderName=ut;var Ms=po;import{Fragment as Ul,jsx as mo,jsxs as sr}from"react/jsx-runtime";var Fl="k-menu",hf=[],xf={},dr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Me=e=>{let{children:t,orientation:o=dr.orientation,header:a=dr.header,scrollable:l,scrollButtonsPosition:i=dr.scrollButtonsPosition,wrapperStyles:c,dir:m,popup:h,contextMenu:N,...v}=e,k={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},u=mo("ul",{dir:m,...v,className:r(e.className,"k-reset",Fl,{[`${Fl}-${o}`]:o,"k-header":a}),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return sr(Ul,{children:[l?sr(Ms,{orientation:o,style:c,dir:e.dir,children:[i==="start"&&sr(Ul,{children:[mo(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"}),mo(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"&&mo(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"}),u,i==="end"&&sr(Ul,{children:[mo(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"}),mo(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"&&mo(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"})]}):u,h]})};Me.states=hf;Me.options=xf;Me.className=Fl;Me.defaultOptions=dr;Me.moduleName=Ze;Me.folderName=ut;Me.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."}]};import{jsx as Nf}from"react/jsx-runtime";var Vl="k-separator",ys={orientation:"horizontal"},Ro=e=>{let{orientation:t=ys.orientation,...o}=e;return Nf("li",{...o,className:r(e.className,"k-item",Vl,{[`${Vl}-${t}`]:t}),role:"separator"})};Ro.className=Vl;Ro.defaultOptions=ys;Ro.moduleName=Ze;Ro.folderName=ut;import{Fragment as u1,jsx as b1}from"react/jsx-runtime";import{jsx as Lf}from"react/jsx-runtime";var $l="k-menu-group",gf=[],kf={size:[s.undefined,s.small,s.medium,s.large]},vf={},we=e=>{let{children:t,size:o,...a}=e;return Lf("ul",{...a,className:r(e.className,$l,y($l,{size:o})),role:"menu",children:t})};we.states=gf;we.options=kf;we.className=$l;we.defaultOptions=vf;we.moduleName=Ze;we.folderName=ut;import{Fragment as Cf,jsx as Oo,jsxs as Mf}from"react/jsx-runtime";var Xl=e=>Oo(Me,{children:Mf(Cf,{children:[Oo(Ae,{first:!0,text:"Item 1"}),Oo(Ae,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Oo(Ae,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Oo(Ae,{text:"Item 4"}),Oo(Ae,{last:!0,text:"Item 5"})]}),...e});import{Fragment as A1,jsx as y1,jsxs as S1}from"react/jsx-runtime";import{Fragment as O1,jsx as R1,jsxs as P1}from"react/jsx-runtime";import{Fragment as D1,jsx as G1,jsxs as _1}from"react/jsx-runtime";import{Fragment as $1,jsx as V1,jsxs as X1}from"react/jsx-runtime";import{jsx as uo,jsxs as Ef}from"react/jsx-runtime";var yf=Me.options,Sf=Me.states,Ss={...Me.defaultOptions,variant:"horizontal"},Af=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],wf=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ma=e=>{let{variant:t,modifiers:o,...a}={...Ss,...e},l={};return Object.keys(o||{}).forEach(i=>{switch(i){case"scrollable":l.scrollable=!!o?.[i];break;case"opened":l.opened=!!o?.[i],l.popup=uo(ae,{className:"k-menu-popup",children:Ef(we,{children:[uo(pe,{text:"Item 1"}),uo(pe,{text:"Item 2"}),uo(Ro,{}),uo(pe,{text:"Item 3"})]})});break}}),t==="vertical"?uo(Xl,{...a,...l,orientation:"vertical",style:{width:"200px"}}):uo(Xl,{...a,...l})};Ma.options=yf;Ma.states=Sf;Ma.variants=Af;Ma.defaultOptions=Ss;Ma.modifiers=wf;import{Fragment as CD,jsx as vD,jsxs as LD}from"react/jsx-runtime";import{jsx as AD}from"react/jsx-runtime";import{Fragment as Hf,jsx as Mt,jsxs as As}from"react/jsx-runtime";var If=d.states,ws={...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"}],ya=e=>{let{variant:t,modifiers:o,...a}={...ws,...e},l={},i=Mt(ae,{className:"k-menu-popup",children:As(we,{size:a.size,children:[Mt(pe,{first:!0,text:"Menu Item"}),Mt(pe,{text:"Menu Item"}),Mt(pe,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=Mt("div",{children:Mt(Q,{...a,...l,icon:"star"})});break;case"icon-and-text":c=Mt("div",{children:Mt(Q,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:c=Mt("div",{children:Mt(Q,{...a,...l,children:"Dropdown Button"})});break}return As(Hf,{children:[c,o?.opened&&i]})};ya.options=Rf;ya.states=If;ya.variants=Of;ya.defaultOptions=ws;ya.modifiers=Pf;var Wl="split-button",Es=Wl;import{Fragment as Gf,jsx as Jl,jsxs as Is}from"react/jsx-runtime";var ql="k-split-button",Kf=[n.hover,n.focus,n.active,n.selected,n.disabled],Bf={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.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]},Rs={arrowIconName:"caret-alt-down"},F=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:m,selected:h,disabled:N,icon:v,text:k,arrowIconName:u=Rs.arrowIconName,popup:M,opened:C,popupId:S,...R}=e;return Is(Gf,{children:[Is("div",{...R,className:r(e.className,ql,"k-button-group",y(ql,{rounded:o})),children:[Jl(d,{text:k,icon:v,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:m,selected:h,disabled:N,...!k&&!e.children&&v&&{"aria-label":"Action"},children:e.children}),Jl(d,{className:"k-split-button-arrow",icon:u,size:t,rounded:o,fillMode:a,disabled:N,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?S:void 0,tabIndex:-1,...N&&{"aria-disabled":"true"}})]}),C&&M&&Jl(ae,{className:"k-menu-popup",children:M})]})};F.states=Kf;F.options=Bf;F.className=ql;F.defaultOptions=Rs;F.moduleName=Wl;F.folderName=Es;F.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Yl=F;import{jsx as _f}from"react/jsx-runtime";var Df="k-toolbar-separator",Tt=e=>_f("div",{className:r(Df,e.className,"k-separator")});var Ot="toolbar",jt=Ot;import{Fragment as Ql,jsx as $,jsxs as Po}from"react/jsx-runtime";var Pt="k-toolbar",zf=[n.focus],Uf={size:[s.undefined,s.small,s.medium,s.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Ff={scrollButtons:"around"},Z=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:i,scrollButtons:c,scrollingPosition:m,section:h,...N}=e,v=[],k=(u,M)=>{let C=[];if(u.type===d&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))C.push($(d,{...u.props,className:`${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===d)C.push($(d,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===Vo)C.push($(Vo,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===zt)C.push($(zt,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===Q)C.push($(Q,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===Yl)C.push($(Yl,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===K||u.props.className&&u.props.className.includes("k-button-group")){let S=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((E,D)=>{S.push($(d,{...E.props,className:`${E.props.className?E.props.className:""}`},`${D}-${new Date().getTime()}`))}),C.push($(K,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:S},`${M}-${new Date().getTime()}`))}else u.type===He?C.push($(He,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):u.type===Y?C.push($(Y,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):u.type===Ye?C.push($(Ye,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):C.push(u);C.forEach(S=>{v.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,C)=>{k(M,C)}),Po("div",{...N,className:r(e.className,Pt,y(Pt,{size:t,fillMode:o}),A(Pt,{focus:a}),{[`${Pt}-resizable`]:l,[`${Pt}-scrollable`]:i,[`${Pt}-scrollable-overlay`]:i&&c==="hidden",[`${Pt}-scrollable-${m}`]:m&&m!=="both",[`${Pt}-section`]:h}),role:"toolbar","aria-label":"Toolbar",children:[!i&&v,i&&c==="hidden"&&$("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),i&&c==="start"&&Po(Ql,{children:[Po(K,{children:[$("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:$(g,{className:"k-button-icon",icon:"caret-alt-left"})}),$("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:$(g,{className:"k-button-icon",icon:"caret-alt-right"})})]}),$(Tt,{className:"k-toolbar-button-separator"}),$("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v})]}),i&&c==="end"&&Po(Ql,{children:[$("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),$(Tt,{className:"k-toolbar-button-separator"}),Po(K,{children:[$("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:$(g,{className:"k-button-icon",icon:"caret-alt-left"})}),$("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:$(g,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),i&&(c==="around"||!c)&&Po(Ql,{children:[$("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:$(g,{className:"k-button-icon",icon:"caret-alt-left"})}),$(Tt,{className:"k-toolbar-button-separator"}),$("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),$(Tt,{className:"k-toolbar-button-separator"}),$("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:$(g,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};Z.states=zf;Z.options=Uf;Z.className=Pt;Z.defaultOptions=Ff;Z.moduleName=Ot;Z.folderName=jt;Z.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."}]};import{jsx as Wf}from"react/jsx-runtime";var Os="k-floating-toolbar",Vf=[],$f={},Xf={},Ho=e=>{let{...t}=e;return Wf("div",{...t,className:r(e.className,Os),children:e.children})};Ho.states=Vf;Ho.options=$f;Ho.className=Os;Ho.defaultOptions=Xf;Ho.moduleName=Ot;Ho.folderName=jt;import{jsx as Qf}from"react/jsx-runtime";var Zl="k-toolbar-item",Jf=[n.focus],qf={},Yf={},Ko=e=>{let{focus:t,...o}=e;return Qf("div",{...o,className:r(e.className,Zl,A(Zl,{focus:t})),children:e.children})};Ko.states=Jf;Ko.options=qf;Ko.className=Zl;Ko.defaultOptions=Yf;Ko.moduleName=Ot;Ko.folderName=jt;import{jsx as Ps}from"react/jsx-runtime";var Hs="k-toolbar-popup",Zf=[],jf={size:[s.undefined,s.small,s.medium,s.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},eT={},bo=e=>{let{size:t,fillMode:o,section:a,...l}=e;return Ps(ae,{...l,className:r(e.className,Hs),children:a?Ps("span",{className:r("k-toolbar-items-list",y("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};bo.states=Zf;bo.options=jf;bo.className=Hs;bo.defaultOptions=eT;bo.moduleName=Ot;bo.folderName=jt;var cr=bo;import{jsx as I_}from"react/jsx-runtime";import{jsx as H_}from"react/jsx-runtime";import{jsx as D_}from"react/jsx-runtime";import{jsx as $_,jsxs as X_}from"react/jsx-runtime";import{jsx as Y_}from"react/jsx-runtime";import{jsx as Ht,jsxs as lT}from"react/jsx-runtime";var tT=F.states,Ks={...F.defaultOptions,variant:"text"},oT=F.options,aT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],rT=[{name:"opened",title:"Opened"}],Sa=e=>{let{variant:t,modifiers:o,...a}={...Ks,...e},l={},i=lT(we,{size:a.size,children:[Ht(pe,{first:!0,text:"Menu Item"}),Ht(pe,{text:"Menu Item"}),Ht(pe,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?i:"")}),t){case"icon-only":return Ht("div",{children:Ht(F,{...a,...l,icon:"star"})});case"icon-and-text":return Ht("div",{children:Ht(F,{...a,...l,icon:"star",children:"Split Button"})});default:return Ht("div",{children:Ht(F,{...a,...l,children:"Split Button"})})}};Sa.options=oT;Sa.states=tT;Sa.variants=aT;Sa.defaultOptions=Ks;Sa.modifiers=rT;import{jsx as fo,jsxs as nT}from"react/jsx-runtime";var Bs=e=>fo(Z,{children:[fo(d,{children:"Button"},"toolbar-button"),fo(Q,{text:"Menu button"},"toolbar-menu-button"),fo(F,{children:"Split button"},"toolbar-split-button"),nT(K,{children:[fo(d,{className:"k-group-start",icon:"align-left",children:"Left"}),fo(d,{icon:"align-center",children:"Center"}),fo(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as M2,jsxs as y2}from"react/jsx-runtime";import{jsx as je,jsxs as Gs}from"react/jsx-runtime";var Ds=e=>je(Z,{scrollable:!0,...e,children:[je(d,{children:"Button"},"toolbar-button"),je(Q,{text:"Menu button"},"toolbar-menu-button"),je(F,{children:"Split button"},"toolbar-split-button"),Gs(K,{children:[je(d,{className:"k-group-start",icon:"align-left",children:"Left"}),je(d,{icon:"align-center",children:"Center"}),je(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),je(d,{children:"Button"},"toolbar-button"),je(Q,{text:"Menu button"},"toolbar-menu-button"),je(F,{children:"Split button"},"toolbar-split-button"),Gs(K,{children:[je(d,{className:"k-group-start",icon:"align-left",children:"Left"}),je(d,{icon:"align-center",children:"Center"}),je(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as et,jsxs as _s}from"react/jsx-runtime";var zs=({scrollingPosition:e="start",...t})=>et(Z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[et(d,{children:"Button"},"toolbar-button"),et(Q,{text:"Menu button"},"toolbar-menu-button"),et(F,{children:"Split button"},"toolbar-split-button"),_s(K,{children:[et(d,{className:"k-group-start",icon:"align-left",children:"Left"}),et(d,{icon:"align-center",children:"Center"}),et(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),et(d,{children:"Button"},"toolbar-button"),et(Q,{text:"Menu button"},"toolbar-menu-button"),et(F,{children:"Split button"},"toolbar-split-button"),_s(K,{children:[et(d,{className:"k-group-start",icon:"align-left",children:"Left"}),et(d,{icon:"align-center",children:"Center"}),et(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as iT,jsx as Fe,jsxs as pr}from"react/jsx-runtime";var Us=({fillMode:e,size:t,...o})=>pr(iT,{children:[Fe(Z,{section:!0,fillMode:e,size:t,children:[Fe(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),pr(K,{fillMode:e,children:[Fe(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Fe(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Fe(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Fe(Tt,{className:"k-toolbar-button-separator"}),Fe(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),pr(cr,{size:t,fillMode:e,section:!0,...o,children:[Fe(F,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Fe(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Fe(Tt,{}),Fe(Q,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),pr(K,{fillMode:e,children:[Fe(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Fe(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Fe(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as l5,jsx as a5,jsxs as r5}from"react/jsx-runtime";import{Fragment as T5,jsx as b5,jsxs as f5}from"react/jsx-runtime";import{jsx as eo}from"react/jsx-runtime";var sT=Z.options,dT=Z.states,Fs={...Z.defaultOptions,variant:"default"},cT=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],pT=[],Aa=e=>{let{variant:t,...o}={...Fs,...e};switch(t){case"responsive":return eo("div",{children:eo(Us,{style:{width:"583px"},...o})});case"overlay":return eo("div",{children:eo(zs,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return eo("div",{children:eo(Ds,{style:{width:"583px"},...o})});default:return eo("div",{children:eo(Bs,{style:{width:"583px"},...o})})}};Aa.options=sT;Aa.states=dT;Aa.variants=cT;Aa.defaultOptions=Fs;Aa.modifiers=pT;import{jsx as mT}from"react/jsx-runtime";var Vs="k-grid-toolbar",To=e=>mT(Z,{...e,className:r(e.className,Vs),children:e.children});To.className=Vs;To.moduleName=V;To.folderName=X;import{jsx as jl,jsxs as bT}from"react/jsx-runtime";var en="k-grid-stack-cell",uT=[n.focus,n.selected],mr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:i,focus:c,selected:m,...h}=e;return bT("div",{...h,className:r(e.className,en,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":i},A(en,{focus:c,selected:m})),children:[i&&jl("span",{className:"k-dirty"}),t&&jl("div",{className:"k-grid-stack-header",children:t}),jl("div",{className:"k-grid-stack-content",children:o}),e.children]})};mr.states=uT;mr.className=en;mr.moduleName=V;mr.folderName=X;import{jsx as fT}from"react/jsx-runtime";var $s="k-grid-stack-row",ur=e=>{let{cols:t,...o}=e;return fT("div",{...o,className:r(e.className,$s,{[`k-grid-cols-${t}`]:t}),children:e.children})};ur.className=$s;ur.moduleName=V;ur.folderName=X;import{Fragment as l3,jsx as a3,jsxs as r3}from"react/jsx-runtime";import{Fragment as m3,jsx as c3,jsxs as p3}from"react/jsx-runtime";import{Fragment as N3,jsx as h3,jsxs as x3}from"react/jsx-runtime";import{Fragment as TT,jsx as L,jsxs as ne}from"react/jsx-runtime";var Xs=({contentClassName:e,...t})=>L(W,{_renderAriaRoot:!0,pager:L(vt,{refresh:!1}),children:ne(TT,{children:[L(se,{children:L("div",{className:"k-grid-header-wrap",children:ne(ce,{children:[ne("colgroup",{children:[L("col",{}),L("col",{style:{width:"225px"}}),L("col",{}),L("col",{}),L("col",{})]}),ne(j,{children:[ne(w,{children:[L(I,{rowspan:1,colspan:1,columnTitle:"Product Id"}),L(I,{rowspan:1,colspan:1,columnTitle:"Name"}),L(I,{rowspan:1,colspan:1,columnTitle:"Quantity"}),L(I,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),L(I,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),ne(w,{className:"k-filter-row",children:[L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(_,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(re,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(re,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(_,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(Y,{}),L("div",{className:"k-filtercell-operator",children:L(d,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),L(ee,{children:L(te,{className:e,children:ne(oe,{children:[ne("colgroup",{children:[L("col",{}),L("col",{style:{width:"225px"}}),L("col",{}),L("col",{}),L("col",{})]}),ne(de,{children:[ne(w,{className:"k-master-row",children:[L(p,{children:"1"}),L(p,{children:"Chai"}),L(p,{children:"10 boxes x 20 bags"}),L(p,{children:"18"}),L(p,{children:"false"})]}),ne(w,{className:"k-master-row",alt:!0,children:[L(p,{children:"2"}),L(p,{children:"Chang"}),L(p,{children:"24 - 12 oz bottles"}),L(p,{children:"19"}),L(p,{children:"false"})]}),ne(w,{className:"k-master-row",children:[L(p,{children:"3"}),L(p,{children:"Aniseed Syrup"}),L(p,{children:"12 - 550 ml bottles"}),L(p,{children:"10"}),L(p,{children:"false"})]}),ne(w,{className:"k-master-row",alt:!0,children:[L(p,{children:"4"}),L(p,{children:"Chef Anton's Cajun Seasoning"}),L(p,{children:"48 - 6 oz jars"}),L(p,{children:"22"}),L(p,{children:"false"})]}),ne(w,{className:"k-master-row",children:[L(p,{children:"5"}),L(p,{children:"Grandma's Boysenberry Spread"}),L(p,{children:"12 - 8 oz jars"}),L(p,{children:"25"}),L(p,{children:"false"})]})]})]})})})]}),...t});import{jsx as br}from"react/jsx-runtime";var hT="k-chip-action";var Ne=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=br(g,{icon:"x-circle",size:"small"});break;case"more":a=br(g,{icon:"more-vertical",size:"small"});break;default:return br(g,{icon:t,size:"small"})}return br("span",{...o,className:r(e.className,hT,`k-chip-${t}-action`),children:a})};var tn="avatar",Ws=tn;import{jsx as Js}from"react/jsx-runtime";var wa="k-avatar";var xT=[n.hover,n.focus,n.active,n.selected,n.disabled],NT={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.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]},on={type:"text",border:!1},Ve=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:i=on.type,border:c=on.border,...m}=e;return Js("div",{...m,className:r(e.className,wa,y(wa,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${wa}-bordered`]:c}),children:Js("span",{className:`${wa}-${i}`,children:e.children})})};Ve.states=xT;Ve.options=NT;Ve.className=wa;Ve.defaultOptions=on;Ve.moduleName=tn;Ve.folderName=Ws;Ve.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var ho=Ve;import{jsx as gT}from"react/jsx-runtime";var qs=e=>gT(ho,{type:"icon",...e});import{jsx as kT}from"react/jsx-runtime";var Ys=e=>kT(ho,{type:"text",...e});import{jsx as vT}from"react/jsx-runtime";var Qs=e=>vT(ho,{type:"image",...e});import{jsx as q3}from"react/jsx-runtime";import{jsx as Ea}from"react/jsx-runtime";var LT=Ve.options,CT=Ve.states,MT={...Ve.defaultOptions,variant:"image"},yT=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],ST=[],Ia=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ea(qs,{...o,children:Ea(g,{icon:"star"})});case"text":return Ea(Ys,{...o,children:"JO"});default:return Ea(Qs,{...o,children:Ea("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Ia.options=LT;Ia.states=CT;Ia.variants=yT;Ia.defaultOptions=MT;Ia.modifiers=ST;var Ra="chip",fr=Ra;import{jsx as Bo,jsxs as ET}from"react/jsx-runtime";var Tr="k-chip",AT=[n.hover,n.focus,n.active,n.selected,n.disabled],wT={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[f.undefined,f.base,f.success,f.warning,f.error,f.info]},Zs={avatarImage:"/packages/html/assets/avatar.jpg"},ge=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:i,icon:c,actions:m,showAvatar:h,avatarImage:N=Zs.avatarImage,hover:v,focus:k,active:u,selected:M,disabled:C,...S}=e;return ET("div",{...S,className:r(e.className,Tr,y(Tr,{size:t,rounded:o,fillMode:a,themeColor:l}),A(Tr,{hover:v,focus:k,active:u,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&&Bo(g,{className:"k-chip-icon",icon:c,size:"small"}),h&&Bo(Ve,{className:"k-chip-avatar",type:"image",children:Bo("img",{src:N,alt:""})}),Bo("span",{className:"k-chip-content",children:e.children?e.children:i&&Bo("span",{className:"k-chip-label",children:i})}),m&&Bo("span",{className:"k-chip-actions",children:m})]})};ge.states=AT;ge.options=wT;ge.className=Tr;ge.defaultOptions=Zs;ge.moduleName=Ra;ge.folderName=fr;ge.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 bt=ge;import{jsx as PT}from"react/jsx-runtime";var an="k-chip-list",IT=[],RT={size:[s.undefined,s.small,s.medium,s.large]},OT={},ke=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return PT("div",{...l,className:r(e.className,an,y(an,{size:t})),role:"listbox","aria-label":a||"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};ke.states=IT;ke.options=RT;ke.className=an;ke.defaultOptions=OT;ke.moduleName=Ra;ke.folderName=fr;ke.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."}]};import{jsx as Mz}from"react/jsx-runtime";import{jsx as wz}from"react/jsx-runtime";import{jsx as HT}from"react/jsx-runtime";var hr=e=>HT(bt,{text:"text",...e});import{jsx as Bz}from"react/jsx-runtime";import{jsx as zz}from"react/jsx-runtime";import{Fragment as Wz,jsx as Xz,jsxs as Jz}from"react/jsx-runtime";import{jsx as jz,jsxs as e6}from"react/jsx-runtime";import{jsx as l6,jsxs as n6}from"react/jsx-runtime";import{jsx as m6,jsxs as u6}from"react/jsx-runtime";import{jsx as Go,jsxs as zT}from"react/jsx-runtime";var KT={...bt.options,...ke.options},BT=[],GT=ke.states,DT={...bt.defaultOptions,...ke.defaultOptions},_T=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Oa=e=>{let{modifiers:t,className:o,...a}=e,l=t?.icon,i=t?.actions,c=t?.avatar;return zT(ke,{size:a.size,className:o,children:[Go(hr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?Go(Ne,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),Go(hr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?Go(Ne,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),Go(hr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?Go(Ne,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};Oa.options=KT;Oa.states=GT;Oa.variants=BT;Oa.defaultOptions=DT;Oa.modifiers=_T;import{jsx as rn}from"react/jsx-runtime";var UT=ge.states,FT=ge.defaultOptions,VT=ge.options,$T=[],XT=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Pa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"icon":a.icon=t?.[l]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[l],a.avatarImage=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?.[l]?rn(Ne,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[l]?rn(Ne,{type:"remove"}):void 0;break;default:break}}),rn(ge,{...o,...a,children:"Chip component"})};Pa.options=VT;Pa.states=UT;Pa.variants=$T;Pa.defaultOptions=FT;Pa.modifiers=XT;import{Fragment as ln,jsx as O,jsxs as Ke}from"react/jsx-runtime";var js=({dropClue:e,contentClassName:t,...o})=>O(W,{_renderAriaRoot:!0,groupingHeader:O(Kt,{dropClue:e,children:Ke(ke,{children:[O(ge,{icon:"sort-asc-small",text:"ID",actions:Ke(ln,{children:[O(Ne,{type:"more"}),O(Ne,{type:"remove"})]})}),O(ge,{icon:"sort-desc-small",text:"Name",actions:Ke(ln,{children:[O(Ne,{type:"more"}),O(Ne,{type:"remove"})]})})]})}),children:Ke(ln,{children:[O(se,{draggable:!0,children:O("div",{className:"k-grid-header-wrap",children:Ke(ce,{children:[Ke("colgroup",{children:[O("col",{className:"k-group-col"}),O("col",{className:"k-group-col"}),O("col",{}),O("col",{}),O("col",{}),O("col",{})]}),O(j,{children:Ke(w,{children:[O(I,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),O(I,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),O(I,{colspan:1,columnTitle:"ID"}),O(I,{colspan:1,columnTitle:"Name"}),O(I,{colspan:1,columnTitle:"Price"}),O(I,{colspan:1,columnTitle:"Category"})]})})]})})}),O(ee,{children:O(te,{className:t,children:Ke(oe,{children:[Ke("colgroup",{children:[O("col",{className:"k-group-col"}),O("col",{className:"k-group-col"}),O("col",{}),O("col",{}),O("col",{}),O("col",{})]}),Ke(de,{children:[O(w,{className:"k-table-group-row k-grouping-row",children:O(p,{colspan:6,children:Ke("p",{className:"k-reset",children:[O(g,{icon:"caret-alt-right"}),"ID: 1"]})})}),O(w,{className:"k-table-group-row k-grouping-row",children:O(p,{colspan:6,children:Ke("p",{className:"k-reset",children:[O(g,{icon:"caret-alt-down"}),"ID: 2"]})})}),Ke(w,{className:"k-table-group-row k-grouping-row",children:[O(p,{className:"k-table-group-td k-group-cell"}),O(p,{colspan:5,children:Ke("p",{className:"k-reset",children:[O(g,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),Ke(w,{className:"k-master-row",alt:!0,children:[O(p,{className:"k-table-group-td k-group-cell"}),O(p,{className:"k-table-group-td k-group-cell"}),O(p,{colspan:0,children:"2"}),O(p,{colspan:0,children:"Chang"}),O(p,{colspan:0,children:"$19.00"}),O(p,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as t9,jsx as j6,jsxs as e9}from"react/jsx-runtime";import{Fragment as d9,jsx as i9,jsxs as s9}from"react/jsx-runtime";import{Fragment as T9,jsx as b9,jsxs as f9}from"react/jsx-runtime";import{Fragment as C9,jsx as v9,jsxs as L9}from"react/jsx-runtime";import{Fragment as I9,jsx as w9,jsxs as E9}from"react/jsx-runtime";import{Fragment as WT,jsx as H,jsxs as ft}from"react/jsx-runtime";var ed=e=>H(W,{_renderAriaRoot:!0,toolbar:ft(To,{children:[H(d,{children:"Add new"}),H(d,{children:"Save Changes"}),H(d,{children:"Cancel Changes"})]}),children:ft(WT,{children:[H(se,{children:H("div",{className:"k-grid-header-wrap",children:ft(ce,{children:[ft("colgroup",{children:[H("col",{}),H("col",{}),H("col",{}),H("col",{style:{width:"300px"}})]}),H(j,{children:ft(w,{children:[H(I,{columnTitle:"Name"}),H(I,{columnTitle:"Price"}),H(I,{columnTitle:"Available"}),H(I,{accessibleLabel:"Commands"})]})})]})})}),H(ee,{children:H(te,{children:H("div",{children:ft(oe,{children:[ft("colgroup",{children:[H("col",{}),H("col",{}),H("col",{}),H("col",{style:{width:"300px"}})]}),ft(de,{children:[ft(w,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[H(p,{children:H(re,{value:"Towel"})}),H(p,{children:H(_,{value:"42"})}),H(p,{children:H(De,{})}),ft(p,{className:"k-command-cell",children:[H(d,{children:"Add"}),H(d,{children:"Cancel"})]})]}),ft(w,{className:"k-master-row",children:[H(p,{children:"Chai"}),H(p,{children:"18"}),H(p,{children:"false"}),H(p,{className:"k-command-cell",children:H(d,{children:"Remove"})})]}),ft(w,{className:"k-master-row",alt:!0,children:[H(p,{children:"Chang"}),H(p,{children:"19"}),H(p,{children:"false"}),H(p,{className:"k-command-cell",children:H(d,{children:"Remove"})})]})]})]})})})})]}),...e});import{Fragment as oU,jsx as tU,jsxs as aU}from"react/jsx-runtime";import{Fragment as xr,jsx as b,jsxs as J}from"react/jsx-runtime";var JT=W.options,qT=W.states,td={...W.defaultOptions,variant:"normal"},YT=[{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"}],QT=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Ha=e=>{let{variant:t,modifiers:o,...a}={...td,...e},l={toolbar:void 0,pager:void 0},i=J(To,{children:[b(d,{icon:"plus",children:"Add New"}),b(d,{icon:"file-pdf",children:"Export to PDF"}),b("span",{className:"k-spacer"}),b(re,{prefix:b(g,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=b(he,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(N=>{switch(N){case"toolbar":l.toolbar=o?.[N]?i:void 0;break;case"pager":l.pager=o?.[N]?c:void 0;break;default:return}});let m={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},h=J(xr,{children:[b(se,{children:b("div",{className:"k-grid-header-wrap",children:J(ce,{children:[J("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(j,{children:J(w,{children:[b(I,{...m[t],columnTitle:"ID"}),b(I,{...m[t],columnTitle:"Product Name"}),b(I,{...m[t],columnTitle:"Units in Stock"}),b(I,{...m[t],columnTitle:"Units Price"})]})})]})})}),b(ee,{children:b(te,{children:J(oe,{children:[J("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),J(de,{children:[J(w,{children:[b(p,{children:"1"}),b(p,{children:"Chai"}),b(p,{children:"39"}),b(p,{children:"18"})]}),J(w,{className:"k-alt",alt:!0,children:[b(p,{children:"2"}),b(p,{children:"Chang"}),b(p,{children:"17"}),b(p,{children:"19"})]}),J(w,{children:[b(p,{children:"3"}),b(p,{children:"Aniseed Syrup"}),b(p,{children:"13"}),b(p,{children:"10"})]}),J(w,{className:"k-alt",alt:!0,children:[b(p,{children:"4"}),b(p,{children:"Chef Anton's Cajun Seasoning"}),b(p,{children:"53"}),b(p,{children:"22"})]}),J(w,{children:[b(p,{children:"5"}),b(p,{children:"Chef Anton's Gumbo Mix"}),b(p,{children:"0"}),b(p,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return b(od,{...a,...l});case"editing":return b(ed,{...a,...l});case"grouping":return b(js,{...a,...l,groupingHeader:b(Kt,{children:J(ke,{children:[b(ge,{icon:"sort-asc-small",actions:J(xr,{children:[b(Ne,{type:"more"}),b(Ne,{type:"remove"})]}),children:"ID"}),b(ge,{icon:"sort-desc-small",actions:J(xr,{children:[b(Ne,{type:"more"}),b(Ne,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return b(W,{...a,...l,children:J(xr,{children:[b(se,{children:J("div",{className:"k-grid-header-wrap",children:[" ",J(ce,{children:[J("colgroup",{children:[b("col",{className:"k-drag-col"}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(j,{children:J(w,{children:[b(I,{className:"k-drag-cell",accessibleLabel:"Reorder"}),b(I,{columnTitle:"ID"}),b(I,{columnTitle:"Product Name"}),b(I,{columnTitle:"Units in Stock"}),b(I,{columnTitle:"Units Price"})]})})]})]})}),b(ee,{children:b(te,{children:J(oe,{children:[J("colgroup",{children:[b("col",{className:"k-drag-col"}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),J(de,{children:[J(w,{children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"1"}),b(p,{children:"Chai"}),b(p,{children:"39"}),b(p,{children:"18"})]}),J(w,{className:"k-alt",alt:!0,children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"2"}),b(p,{children:"Chang"}),b(p,{children:"17"}),b(p,{children:"19"})]}),J(w,{children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"3"}),b(p,{children:"Aniseed Syrup"}),b(p,{children:"13"}),b(p,{children:"10"})]}),J(w,{className:"k-alt",alt:!0,children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"4"}),b(p,{children:"Chef Anton's Cajun Seasoning"}),b(p,{children:"53"}),b(p,{children:"22"})]}),J(w,{children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"5"}),b(p,{children:"Chef Anton's Gumbo Mix"}),b(p,{children:"0"}),b(p,{children:"21.35"})]})]})]})})})]})});case"filter-row":return b(Xs,{...a,...l});default:return b(W,{...a,...l,children:h})}};Ha.options=JT;Ha.states=qT;Ha.variants=YT;Ha.defaultOptions=td;Ha.modifiers=QT;import{Fragment as ZT,jsx as B,jsxs as Be}from"react/jsx-runtime";var od=({headerWrapClassName:e,contentClassName:t,...o})=>B(W,{_renderAriaRoot:!0,children:Be(ZT,{children:[B(se,{children:B("div",{className:`k-grid-header-wrap ${e}`,children:Be(ce,{children:[Be("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),Be(j,{children:[Be(w,{children:[B(I,{rowspan:3,colspan:1,columnTitle:"ID"}),B(I,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),Be(w,{children:[B(I,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),B(I,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),Be(w,{children:[B(I,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),B(I,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),B(ee,{children:B(te,{className:t,children:Be(oe,{children:[Be("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),Be(de,{children:[Be(w,{className:"k-master-row",children:[B(p,{children:"1"}),B(p,{children:"Chai"}),B(p,{children:"39"}),B(p,{children:"18"})]}),Be(w,{className:"k-master-row",alt:!0,children:[B(p,{children:"2"}),B(p,{children:"Chang"}),B(p,{children:"17"}),B(p,{children:"19"})]}),Be(w,{className:"k-master-row",children:[B(p,{children:"3"}),B(p,{children:"Aniseed Syrup"}),B(p,{children:"13"}),B(p,{children:"10"})]}),Be(w,{className:"k-master-row",alt:!0,children:[B(p,{children:"4"}),B(p,{children:"Chef Anton's Cajun Seasoning"}),B(p,{children:"53"}),B(p,{children:"22"})]}),Be(w,{className:"k-master-row",children:[B(p,{children:"5"}),B(p,{children:"Chef Anton's Gumbo Mix"}),B(p,{children:"0"}),B(p,{children:"21.35"})]})]})]})})})]}),...o});export{od as GridWithMultiColumnHeaders};
+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 y=(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"}),A=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:s,checked:c,active:m,selected:h,disabled:N,indeterminate:v,loading:k,empty:u,readonly:M,highlighted:C,...S}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":s,"k-checked":c,"k-active":m,"k-selected":h,"k-disabled":N,"k-indeterminate":v&&!c,"k-loading":k,"k-empty":u,"k-readonly":M,"k-highlighted":C},Object.keys(S).reduce((R,E)=>(E.startsWith("k-")?R[E]=S[E]:R[`k-${E}`]=S[E],R),{}))};function sn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var i={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"},x={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 z="grid",F=z;import{jsx as cd,jsxs as pd}from"react/jsx-runtime";var Ga="k-grid",sd=[],id={size:[i.undefined,i.small,i.medium,i.large]},dd=[],dn={pagerPosition:"bottom"},W=e=>{let{size:t,pagerPosition:o=dn.pagerPosition,toolbar:a,pager:l,groupingHeader:s,gridSelectionAggregates:c,_renderAriaRoot:m,resizable:h,...N}=e;return pd("div",{...N,className:r(e.className,Ga,{[`${Ga}-resizable`]:h},y(Ga,{size:t})),children:[a,o==="top"&&l,s,e.children&&m?cd("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&l]})};W.states=sd;W.options=id;W.variants=dd;W.className=Ga;W.defaultOptions=dn;W.moduleName=z;W.folderName=F;import{jsx as md}from"react/jsx-runtime";var cn="k-grid-header",ie=e=>{let{draggable:t,...o}=e;return md("div",{...o,className:r(e.className,cn,{"k-grid-draggable-header":t}),children:e.children})};ie.className=cn;ie.moduleName=z;ie.folderName=F;import{jsx as pn,jsxs as ud}from"react/jsx-runtime";var mn="k-grouping-header",Kt=e=>{let{dropHint:t,dropClue:o,...a}=e;return ud("div",{...a,className:r(e.className,mn),children:[o&&pn("div",{className:"k-grouping-dropclue"}),e.children,pn("div",{className:"k-grouping-drop-container",children:t})]})};Kt.className=mn;Kt.moduleName=z;Kt.folderName=F;import{jsx as bd}from"react/jsx-runtime";var un="k-grid-pinned-container",Nr=e=>{let{position:t,...o}=e;return bd("div",{...o,className:r(e.className,un,{"k-pos-bottom":t==="bottom"}),children:e.children})};Nr.className=un;Nr.moduleName=z;Nr.folderName=F;import{jsx as fd}from"react/jsx-runtime";var bn="k-grid-sticky-container",gr=e=>{let{position:t,...o}=e;return fd("div",{...o,className:r(e.className,bn,{"k-pos-bottom":t==="bottom"}),children:e.children})};gr.className=bn;gr.moduleName=z;gr.folderName=F;var ve="table",ye=ve;import{jsx as Nd}from"react/jsx-runtime";var fn="k-data-table",Td=[],hd={size:[i.undefined,i.small,i.medium,i.large]},xd={},yt=e=>{let{size:t,...o}=e;return Nd("div",{...o,className:r(e.className,fn,y("k-table",{size:t})),children:e.children})};yt.states=Td;yt.options=hd;yt.className=fn;yt.defaultOptions=xd;yt.moduleName=ve;yt.folderName=ye;import{jsx as Ld}from"react/jsx-runtime";var kr="k-table-header-wrap",gd=[n.hover,n.focus,n.disabled],kd={},vd={},Gt=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return Ld("div",{...s,className:r(e.className,kr,A(kr,{hover:o,focus:a,disabled:l})),children:t})};Gt.states=gd;Gt.options=kd;Gt.className=kr;Gt.defaultOptions=vd;Gt.moduleName=ve;Gt.folderName=ye;import{jsx as Sd}from"react/jsx-runtime";var vr="k-table",Cd=[],Md={size:[i.undefined,i.small,i.medium,i.large]},yd={},Se=e=>{let{size:t,...o}=e;return Sd("table",{...o,className:r(e.className,vr,y(vr,{size:t})),children:e.children})};Se.states=Cd;Se.options=Md;Se.className=vr;Se.defaultOptions=yd;Se.moduleName=ve;Se.folderName=ye;import{jsx as Lr}from"react/jsx-runtime";var Cr="k-table-header",Ad=[n.hover,n.focus,n.disabled],wd={},Ed={},St=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return Lr("div",{...s,className:r(e.className,Cr,A(Cr,{hover:o,focus:a,disabled:l})),children:Lr(Gt,{children:Lr(Se,{children:t})})})};St.states=Ad;St.options=wd;St.className=Cr;St.defaultOptions=Ed;St.moduleName=ve;St.folderName=ye;import{jsx as Pd}from"react/jsx-runtime";var Tn="k-table-scroller",Id=[],Rd={},Od={},No=e=>{let{children:t,...o}=e;return Pd("div",{...o,className:r(e.className,Tn),children:t})};No.states=Id;No.options=Rd;No.className=Tn;No.defaultOptions=Od;No.moduleName=ve;No.folderName=ye;import{jsx as ax}from"react/jsx-runtime";import{jsx as Bd}from"react/jsx-runtime";var hn="k-table-footer",Hd=[],Kd={},Gd={},Bt=e=>{let{children:t,...o}=e;return Bd("div",{...o,className:r(e.className,hn),children:t})};Bt.states=Hd;Bt.options=Kd;Bt.className=hn;Bt.defaultOptions=Gd;Bt.moduleName=ve;Bt.folderName=ye;import{jsx as Ud}from"react/jsx-runtime";var Mr="k-table-list",Dd=[],_d={size:[i.undefined,i.small,i.medium,i.large]},zd={},Dt=e=>{let{size:t,virtualization:o,...a}=e;return Ud("ul",{...a,className:r(e.className,"k-table",Mr,y(Mr,{size:t}),{"k-virtual-table":o}),children:e.children})};Dt.states=Dd;Dt.options=_d;Dt.className=Mr;Dt.defaultOptions=zd;Dt.moduleName=ve;Dt.folderName=ye;import{jsx as Vd}from"react/jsx-runtime";var Fd="k-table-thead",j=e=>Vd("thead",{className:r(e.className,Fd),children:e.children});import{jsx as Xd}from"react/jsx-runtime";var $d="k-table-tbody",de=e=>Xd("tbody",{className:r(e.className,$d),children:e.children});import{jsx as kx}from"react/jsx-runtime";import{jsx as Jd}from"react/jsx-runtime";var yr="k-table-row",Wd=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],w=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:s,alt:c,...m}=e;return Jd("tr",{...m,className:r(e.className,yr,{"k-table-alt-row":c},A(yr,{hover:t,focus:o,disabled:s,selected:a,highlighted:l})),children:e.children})};w.states=Wd;w.className=yr;import{jsx as Yd}from"react/jsx-runtime";var Sr="k-table-row",qd=[n.hover,n.focus,n.selected,n.disabled],Ba=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:s,...c}=e;return Yd("li",{...c,className:r(e.className,Sr,{"k-table-alt-row":s},A(Sr,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};Ba.states=qd;Ba.className=Sr;import{jsx as Qd}from"react/jsx-runtime";var xn="k-table-th",At=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,s=t||e.children;return Qd("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,xn),children:s})};At.className=xn;At.moduleName=ve;At.folderName=ye;import{jsx as Hx}from"react/jsx-runtime";import{jsx as jd}from"react/jsx-runtime";var Ar="k-table-td",Zd=[n.focus,n.selected,n.highlighted],p=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:s,rowspan:c,...m}=e,h=l||e.children;return jd("td",{colSpan:s,rowSpan:c,...m,className:r(e.className,Ar,A(Ar,{focus:t,selected:o,highlighted:a})),children:h})};p.states=Zd;p.className=Ar;import{jsx as Ux}from"react/jsx-runtime";import{jsx as Xx}from"react/jsx-runtime";import{jsx as Yx}from"react/jsx-runtime";import{jsx as eN}from"react/jsx-runtime";import{jsx as rN}from"react/jsx-runtime";import{jsx as pN,jsxs as mN}from"react/jsx-runtime";import{jsx as TN,jsxs as hN}from"react/jsx-runtime";import{jsx as kN,jsxs as vN}from"react/jsx-runtime";import{Fragment as AN,jsx as yN,jsxs as SN}from"react/jsx-runtime";import{jsx as ac}from"react/jsx-runtime";var gn="k-grid-header-table",ce=e=>ac(Se,{...e,className:r(e.className,gn),children:e.children});ce.className=gn;ce.moduleName=z;ce.folderName=F;import{Fragment as sc,jsx as kn}from"react/jsx-runtime";var wr="k-font-icon",rc=[],lc={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},nc={},Do=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:s,...c}=e;return a?kn("span",{...c,className:r(e.className,wr,y(wr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):kn(sc,{})};Do.states=rc;Do.options=lc;Do.className=wr;Do.defaultOptions=nc;var vn=Do;import{Fragment as cc,jsx as Da}from"react/jsx-runtime";var Er="k-svg-icon",ic=[],dc={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Ln={viewBox:"0 0 24 24"},_o=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:s=Ln.viewBox,icon:c,...m}=e;if(!c)return Da(cc,{});if(c==="none")return Da("span",{...m,className:r(e.className,Er,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let h=typeof c=="object"&&c.name&&c.name;return Da("span",{...m,className:r(e.className,Er,y("k-icon",{size:t}),{[`k-svg-i-${h}`]:h,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:Da("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:s,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};_o.states=ic;_o.options=dc;_o.className=Er;_o.defaultOptions=Ln;var Ir=_o;import*as Rr from"@progress/kendo-svg-icons";var Cn="icon",Mn="icons";import{useContext as mc}from"react";import{createContext as pc}from"react";var yn=pc({iconsType:"svg"});import{Fragment as Sn,jsx as zo}from"react/jsx-runtime";var _a="k-icon",uc=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),bc=[],fc={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.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"},g=e=>{let{iconsType:t}=mc(yn),{size:o,themeColor:a,icon:l,type:s=t||Or.type,rotate:c,flip:m,viewBox:h=Or.viewBox,...N}=e;if(!l)return zo(Sn,{});if((t||s)==="svg"){if(l==="none")return zo(Ir,{...N,className:r(e.className,_a),icon:l,size:o});let k=Rr[l]?l:uc(`${l}-icon`);return Rr[k]?zo(Ir,{...N,className:r(e.className,_a),icon:Rr[k],size:o,themeColor:a,rotate:c,flip:m,viewBox:h}):zo(Sn,{})}return zo(vn,{...N,className:r(e.className,_a),icon:l,size:o,themeColor:a,rotate:c,flip:m})};g.states=bc;g.options=fc;g.defaultOptions=Or;g.className=_a;g.moduleName=Cn;g.folderName=Mn;g.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."}]};import{jsx as _t,jsxs as Pr}from"react/jsx-runtime";var Hr="k-header",Tc=[n.hover,n.focus,n.active],An={sortIcon:"sort-asc-small"},I=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:s,columnTitle:c,hover:m,focus:h,active:N,sortIcon:v=An.sortIcon,sortOrder:k,accessibleLabel:u,...M}=e;return Pr(At,{...M,className:r(e.className,Hr,{"k-filterable":t||a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":s},A(Hr,{hover:m,focus:h,active:N})),children:[c&&Pr("span",{className:"k-cell-inner",children:[Pr("span",{className:"k-link",children:[_t("span",{className:"k-column-title",children:c}),o&&_t("span",{className:"k-sort-icon",children:_t(g,{icon:v})}),k&&_t("span",{className:"k-sort-order",children:k})]}),t&&_t("a",{href:"#",className:r("k-grid-header-menu",{"k-active":N,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:_t(g,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&u&&_t("span",{className:"k-sr-only",children:u}),e.children,s&&_t("span",{className:"k-column-resizer k-touch-action-none"})]})};I.states=Tc;I.className=Hr;I.defaultOptions=An;I.moduleName=z;I.folderName=F;import{jsx as hc}from"react/jsx-runtime";var wn="k-grid-container",ee=e=>hc("div",{...e,className:r(e.className,wn),children:e.children});ee.className=wn;ee.moduleName=z;ee.folderName=F;import{jsx as xc}from"react/jsx-runtime";var En="k-grid-content",te=e=>xc("div",{...e,className:r(e.className,En),children:e.children});te.className=En;te.moduleName=z;te.folderName=F;import{jsx as Nc}from"react/jsx-runtime";var In="k-grid-table",oe=e=>Nc(Se,{...e,className:r(e.className,In),children:e.children});oe.className=In;oe.moduleName=z;oe.folderName=F;import{jsx as gc}from"react/jsx-runtime";var Rn="k-grid-footer",Kr=e=>gc("div",{...e,className:r(e.className,Rn),children:e.children});Kr.className=Rn;Kr.moduleName=z;Kr.folderName=F;import{jsx as kc}from"react/jsx-runtime";var On="k-grid-footer-table",Gr=e=>kc(Se,{...e,className:r(e.className,On),children:e.children});Gr.className=On;Gr.moduleName=z;Gr.folderName=F;var Br="button",Pn=Br;import{Fragment as Mc,jsx as Uo,jsxs as Hn}from"react/jsx-runtime";var Fo="k-button",vc=["icon-button"],Lc=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Cc={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.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]},Dr={showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:s,showArrow:c=Dr.showArrow,arrowIconName:m=Dr.arrowIconName,variant:h,hover:N,focus:v,active:k,selected:u,disabled:M,togglable:C,icon:S,text:R,iconClassName:E,className:D,...se}=e,fe=S!==void 0,Ee=e.children!==void 0;return Hn(t,{className:r(D,Fo,sn(Fo,h),y(Fo,{size:o,rounded:a,fillMode:l,themeColor:s}),A(Fo,{hover:N,focus:v,active:k,disabled:M,selected:u}),{"k-icon-button":!R&&!Ee&&fe}),...se,"aria-pressed":C?u?"true":"false":void 0,disabled:M||void 0,children:[S&&Uo(g,{className:r(E,"k-button-icon"),icon:S}),R?Hn(Mc,{children:[R&&Uo("span",{className:"k-button-text",children:R}),e.children]}):e.children&&Uo("span",{className:"k-button-text",children:e.children}),c&&Uo("span",{className:"k-menu-button-arrow k-button-arrow",children:Uo(g,{icon:m})})]})};d.states=Lc;d.options=Cc;d.variants=vc;d.className=Fo;d.defaultOptions=Dr;d.moduleName=Br;d.folderName=Pn;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."}]};import{jsx as yc}from"react/jsx-runtime";var zt=e=>yc(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Sc}from"react/jsx-runtime";var Vo=e=>Sc(d,{icon:"folder",children:"Button",...e});import{jsx as Ac}from"react/jsx-runtime";var to=e=>Ac(d,{children:"Button",...e});import{jsx as _r}from"react/jsx-runtime";var wc=d.options,Ec=d.states,Ic={...d.defaultOptions,variant:"text"},Rc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Oc=[],$o=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return _r(zt,{...o,icon:"star"});case"icon-and-text":return _r(Vo,{...o,icon:"star",children:"Button"});default:return _r(to,{...o,children:"Button"})}};$o.options=wc;$o.states=Ec;$o.variants=Rc;$o.defaultOptions=Ic;$o.modifiers=Oc;var Xo="input",za=Xo;import{jsx as Gc}from"react/jsx-runtime";var Ua="k-input",Pc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Hc={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Kc={},Te=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:m,size:h,rounded:N,fillMode:v,...k}=e;return Gc("span",{...k,className:r(e.className,Ua,y(Ua,{size:h,rounded:N,fillMode:v}),A(Ua,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:m}))})};Te.states=Pc;Te.options=Hc;Te.className=Ua;Te.defaultOptions=Kc;Te.moduleName=Xo;Te.folderName=za;import{jsx as zc}from"react/jsx-runtime";var Fa="k-picker",Bc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Dc={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},_c={},ht=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:m,size:h,rounded:N,fillMode:v,...k}=e;return zc("span",{...k,className:r(e.className,Fa,y(Fa,{size:h,rounded:N,fillMode:v}),A(Fa,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:m})),children:e.children})};ht.states=Bc;ht.options=Dc;ht.className=Fa;ht.defaultOptions=_c;ht.moduleName=Xo;ht.folderName=za;import{Fragment as Vc,jsx as zr}from"react/jsx-runtime";var Kn="k-clear-value",Uc=[n.disabled,n.loading,n.readonly],Fc={},We=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?zr(Vc,{}):zr("span",{className:r(e.className,Kn),children:zr(g,{icon:"x"})})};We.states=Uc;We.options=Fc;We.className=Kn;import{jsx as Wc}from"react/jsx-runtime";var Ur="k-input-inner",$c=[],Xc={},Va={type:"text",autocomplete:"off",value:"",placeholder:""},Je=e=>{let{value:t=Va.value,type:o=Va.type,placeholder:a=Va.placeholder,autocomplete:l=Va.autocomplete,disabled:s,readOnly:c,...m}=e;return Wc("input",{...m,type:o,className:r(e.className,Ur,y(Ur,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:s||void 0,readOnly:c||void 0})};Je.states=$c;Je.options=Xc;Je.className=Ur;import{jsx as Gn,jsxs as Yc}from"react/jsx-runtime";var Fr="k-input-inner",Jc=[],qc={},oo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:s,...c}=e;return Yc("span",{...c,className:r(e.className,Fr,y(Fr,e)),children:[l,!l&&s&&Gn(g,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Gn("span",{className:"k-input-value-text",children:t})]})};oo.states=Jc;oo.options=qc;oo.className=Fr;import{jsx as jc}from"react/jsx-runtime";var Vr="k-input-inner",Qc=[],Zc={},Bn={value:"",placeholder:""},$r=e=>{let{value:t=Bn.value,placeholder:o=Bn.placeholder,rows:a,disabled:l,...s}=e;return jc("textarea",{...s,className:r(e.className,Vr,y(Vr,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};$r.states=Qc;$r.options=Zc;$r.className=Vr;import{Fragment as tp,jsx as Dn}from"react/jsx-runtime";var _n="k-input-loading-icon",ep=[n.disabled,n.loading],Be=e=>{let{disabled:t,loading:o}=e;return t||!o?Dn(tp,{}):Dn("span",{className:r(e.className,_n,"k-icon k-i-loading")})};Be.states=ep;Be.className=_n;import{Fragment as rp,jsx as zn}from"react/jsx-runtime";var Un="k-input-validation-icon",op=[n.valid,n.invalid,n.disabled,n.loading],ap={},Ie=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,s=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?zn(rp,{}):zn(g,{className:r(Un),icon:s})};Ie.states=op;Ie.options=ap;Ie.className=Un;import{Fragment as sp,jsx as Fn}from"react/jsx-runtime";var lp="k-input-prefix",np={direction:"horizontal"},tt=e=>{let{direction:t=np.direction,...o}=e;return e.children?Fn("span",{...o,className:r(lp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Fn(sp,{})};import{Fragment as cp,jsx as Vn}from"react/jsx-runtime";var ip="k-input-suffix",dp={direction:"horizontal"},ot=e=>{let{direction:t=dp.direction,...o}=e;return e.children?Vn("span",{...o,className:r(ip,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Vn(cp,{})};import{jsx as xv}from"react/jsx-runtime";import{jsx as mp}from"react/jsx-runtime";var pp="k-input-suffix-text",Xr=e=>{let{children:t,...o}=e;return mp("span",{...o,className:r(pp,e.className),children:t})};import{jsx as bp}from"react/jsx-runtime";var $n="k-input-separator",up={direction:"vertical"},at=e=>{let{direction:t=up.direction,...o}=e;return bp("span",{...o,className:r($n,e.className,{[`${$n}-${t}`]:t})})};import{Fragment as Xn,jsx as xt,jsxs as Wr}from"react/jsx-runtime";var fp=Te.states,Tp=Te.defaultOptions,hp=Te.options,xp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Np=[],Wo=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:s,readonly:c,...m}=e,h=t?.prefix,N=t?.suffix,v=t?.["clear-button"],k=t?.["validation-icon"],u=t?.separators;return Wr(Te,{...m,valid:o,invalid:a,loading:l,disabled:s,readonly:c,style:{width:300},children:[h&&Wr(Xn,{children:[xt(tt,{children:xt(g,{icon:"lock"})}),u&&xt(at,{})]}),xt(Je,{placeholder:"Placeholder",value:"Value"}),k&&xt(Ie,{valid:o,invalid:a,loading:l,disabled:s}),xt(Be,{loading:l,disabled:s}),v&&xt(We,{loading:l,disabled:s,readonly:c,value:"Value"}),N&&Wr(Xn,{children:[u&&xt(at,{}),xt(ot,{children:xt(to,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Wo.options=hp;Wo.states=fp;Wo.variants=Np;Wo.defaultOptions=Tp;Wo.modifiers=xp;var Jr="popup",Wn=Jr;import{jsx as Jn}from"react/jsx-runtime";var qn="k-animation-container",gp=[],kp={},Yn={positionMode:"absolute"},Nt=e=>{let{positionMode:t=Yn.positionMode,animationStyle:o,offset:a,...l}=e;return Jn("div",{...l,style:{...a,...e.style},className:r(e.className,qn,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Jn("div",{className:"k-child-animation-container",style:o,children:e.children})})};Nt.states=gp;Nt.options=kp;Nt.className=qn;Nt.defaultOptions=Yn;Nt.moduleName=Jr;Nt.folderName=Wn;var qr="popup",Qn=qr;import{jsx as Zn}from"react/jsx-runtime";var jn="k-popup",vp=[],Lp={},es={positionMode:"absolute"},ae=e=>{let{offset:t,positionMode:o=es.positionMode,animationStyle:a,containerClassName:l,containerRole:s,containerAriaLabel:c,...m}=e;return Zn(Nt,{positionMode:o,offset:t,animationStyle:a,className:l,role:s,"aria-label":c,children:Zn("div",{...m,className:r(e.className,jn),children:e.children})})};ae.states=vp;ae.options=Lp;ae.className=jn;ae.defaultOptions=es;ae.moduleName=qr;ae.folderName=Qn;ae.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 Yr="action-buttons",ts=Yr;import{jsx as yp}from"react/jsx-runtime";var $a="k-actions",Cp=[],Mp={},Qr={alignment:"start",orientation:"horizontal"},gt=e=>{let{alignment:t=Qr.alignment,orientation:o=Qr.orientation,...a}=e;return yp("div",{...a,className:r($a,{[`${$a}-${t}`]:t,[`${$a}-${o}`]:o},e.className),children:e.children})};gt.states=Cp;gt.options=Mp;gt.className=$a;gt.defaultOptions=Qr;gt.moduleName=Yr;gt.folderName=ts;import{jsx as Ap}from"react/jsx-runtime";var Sp="k-actionsheet-footer",os={alignment:"stretched",orientation:"horizontal"},Ut=e=>{let{alignment:t=os.alignment,orientation:o=os.orientation,template:a,as:l=a?"div":gt,...s}=e;return Ap(l,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,Sp),children:e.children})};var Zr="searchbox",as=Zr;import{jsx as Jo,jsxs as Ip}from"react/jsx-runtime";var rs="k-searchbox",wp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Ep={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},jr={showIcon:!0,icon:"search"},rt=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:s,hover:c,focus:m,valid:h,invalid:N,required:v,loading:k,disabled:u,showIcon:M=jr.showIcon,icon:C=jr.icon,...S}=e;return Ip(Te,{...S,size:a,rounded:l,fillMode:s,hover:c,focus:m,valid:h,invalid:N,required:v,loading:k,disabled:u,className:r(e.className,rs),children:[M&&Jo(g,{className:"k-input-icon",icon:C}),Jo(Je,{placeholder:o,value:t}),Jo(Be,{...e}),Jo(Ie,{...e}),Jo(We,{...e})]})};rt.states=wp;rt.options=Ep;rt.className=rs;rt.defaultOptions=jr;rt.moduleName=Zr;rt.folderName=as;import{jsx as GL}from"react/jsx-runtime";var el="textbox",ls=el;import{Fragment as ns,jsx as Ft,jsxs as tl}from"react/jsx-runtime";var ss="k-textbox",Rp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Op={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Xa={showClearButton:!0,showValidationIcon:!0,separators:!0},re=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Xa.separators,showClearButton:s=Xa.showClearButton,showValidationIcon:c=Xa.showValidationIcon,prefix:m,suffix:h,type:N,value:v,placeholder:k,hover:u,focus:M,valid:C,invalid:S,required:R,loading:E,disabled:D,readonly:se,id:fe,"aria-label":Ee,"aria-describedby":$e,...Xe}=e;return tl(Te,{...Xe,size:t,rounded:o,fillMode:a,hover:u,focus:M,valid:C,invalid:S,required:R,loading:E,disabled:D,readonly:se,className:r(e.className,ss),children:[m&&tl(ns,{children:[Ft(tt,{children:m}),l&&Ft(at,{})]}),Ft(Je,{id:fe,placeholder:k,value:v,type:N,disabled:D,"aria-label":Ee,"aria-describedby":$e,"aria-invalid":S?"true":void 0}),c&&Ft(Ie,{valid:C,invalid:S,loading:E,disabled:D}),Ft(Be,{loading:E,disabled:D}),s&&Ft(We,{loading:E,disabled:D,readonly:se,value:v}),h&&tl(ns,{children:[l&&Ft(at,{}),Ft(ot,{children:h})]})]})};re.states=Rp;re.options=Op;re.className=ss;re.defaultOptions=Xa;re.moduleName=el;re.folderName=ls;re.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 qo=re;import{jsx as Pp}from"react/jsx-runtime";var is=e=>Pp(qo,{...e});import{Fragment as tC,jsx as eC}from"react/jsx-runtime";import{Fragment as sC,jsx as nC}from"react/jsx-runtime";import{jsx as pC}from"react/jsx-runtime";import{jsx as ol}from"react/jsx-runtime";var Hp=re.states,Kp=re.defaultOptions,Gp=re.options,Bp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Dp=[],Yo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?ol(g,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[l]?ol(to,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;default:break}}),ol(is,{value:"Value",style:{width:300},...o,...a})};Yo.options=Gp;Yo.states=Hp;Yo.variants=Dp;Yo.defaultOptions=Kp;Yo.modifiers=Bp;import{jsx as Vt,jsxs as al}from"react/jsx-runtime";var ds="k-actionsheet-titlebar",_p={},Re=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:s,input:c,inputValue:m,inputPlaceholder:h,adaptive:N,titleId:v,children:k,...u}=e;return al("div",{...u,className:r(e.className,ds),children:[al("div",{className:"k-actionsheet-titlebar-group",children:[a&&Vt("div",{className:"k-actionsheet-actions",children:a}),!k&&al("div",{className:"k-actionsheet-title",id:v,children:[t&&Vt("div",{className:"k-text-center",children:t}),o&&Vt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&Vt("div",{className:"k-actionsheet-title",id:v,children:k}),l&&Vt("div",{className:"k-actionsheet-actions",children:l})]}),(c||s)&&Vt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?Vt(re,{value:m,placeholder:h,size:N?"large":"medium","aria-label":t||h||"Input"}):Vt(rt,{placeholder:"Filter",size:N?"large":"medium","aria-label":"Filter options"})})]})};Re.className=ds;Re.defaultOptions=_p;import{jsx as rl,jsxs as Vp}from"react/jsx-runtime";var ll="k-actionsheet-view",zp=[],Up={},Fp={},go=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:s,titleId:c,...m}=e,h=l?.type===Re&&rl(Re,{adaptive:t,titleId:c,...l?.props}),N=s?.type===Ut&&rl(Ut,{...s?.props});return Vp("div",{...m,className:r(e.className,ll,{[`${ll}-animated`]:o}),children:[h,rl("div",{className:"k-actionsheet-content",children:a}),N]})};go.states=zp;go.options=Up;go.className=ll;go.defaultOptions=Fp;var Qo="action-sheet",Wa=Qo;var nl="overlay",cs=nl;import{jsx as Jp}from"react/jsx-runtime";var sl="k-overlay",$p=[],Xp={themeColor:[f.undefined,f.light,f.dark,f.inverse]},Wp={},$t=e=>{let{themeColor:t,...o}=e;return Jp("div",{...o,className:r(e.className,sl,y(sl,{themeColor:t})),children:e.children})};$t.states=$p;$t.options=Xp;$t.className=sl;$t.defaultOptions=Wp;$t.moduleName=nl;$t.folderName=cs;import{jsx as Ja,jsxs as Qp}from"react/jsx-runtime";var ps="k-actionsheet",qp=[],Yp={},Zo={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},me=e=>{let{side:t=Zo.side,fullscreen:o=Zo.fullscreen,adaptive:a=Zo.adaptive,overlay:l=Zo.overlay,template:s,children:c,header:m,footer:h,id:N,...v}=e,k=N&&!s&&m?`${N}-title`:void 0;return Qp("div",{className:"k-actionsheet-container",children:[l&&Ja($t,{}),Ja(Nt,{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:Ja("div",{...v,id:N,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":k,className:r(e.className,ps,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||Ja(go,{header:m,footer:h,adaptive:a,titleId:k,...e,children:c})})})]})};me.states=qp;me.options=Yp;me.className=ps;me.defaultOptions=Zo;me.moduleName=Qo;me.folderName=Wa;me.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."}]};import{jsx as tm}from"react/jsx-runtime";var ms="k-actionsheet-container",Zp=[],jp={},em={},ko=e=>{let{children:t,...o}=e;return tm("div",{...o,className:ms,children:t})};ko.states=Zp;ko.options=jp;ko.className=ms;ko.defaultOptions=em;ko.moduleName=Qo;ko.folderName=Wa;import{jsx as om}from"react/jsx-runtime";var il=e=>{let{...t}=e;return om("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as rm,jsx as jo,jsxs as dl}from"react/jsx-runtime";var cl="k-actionsheet-item",am=[n.hover,n.focus,n.selected,n.disabled],Xt=e=>{let{iconName:t,text:o,description:a,hover:l,focus:s,selected:c,disabled:m,...h}=e;return dl("span",{...h,className:r(e.className,cl,A(cl,{hover:l,focus:s,selected:c,disabled:m})),children:[!e.children&&jo(rm,{children:dl("span",{className:"k-actionsheet-action",children:[t&&jo("span",{className:"k-icon-wrap",children:jo(g,{className:"k-actionsheet-item-icon",icon:t})}),dl("span",{className:"k-actionsheet-item-text",children:[o&&jo("span",{className:"k-actionsheet-item-title",children:o}),a&&jo("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Xt.states=am;Xt.className=cl;import{jsx as cM,jsxs as pM}from"react/jsx-runtime";import{jsx as fM}from"react/jsx-runtime";import{jsx as NM}from"react/jsx-runtime";import{jsx as LM}from"react/jsx-runtime";import{jsx as Le,jsxs as pl}from"react/jsx-runtime";var lm=me.options,nm=me.states,bs={...me.defaultOptions,variant:"normal"},sm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],im=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ea=e=>{let{variant:t,modifiers:o,...a}={...bs,...e},l={},s=pl(il,{children:[Le(Xt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Le(Xt,{text:"Add to Favorites",iconName:"heart"}),Le(Xt,{text:"Upload New",iconName:"upload",disabled:!0}),Le("hr",{className:"k-hr"}),Le(Xt,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",m="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(h=>{switch(h){case"actions":l.actionsStart=!!o?.[h],l.actionsEnd=!!o?.[h];break;case"subtitle":l.subtitle=o?.[h]?c:void 0;break;case"footer":l.footer=!!o?.[h];break;default:break}}),t==="adaptive"?Le(me,{...a,adaptive:!0,fullscreen:l.fullScreen,header:Le(Re,{actionsStart:l.actionsStart?Le(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Le(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:l.subtitle}),footer:l.footer?pl(Ut,{alignment:"stretched",children:[Le(d,{text:"Cancel",size:"large",themeColor:"base"}),Le(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):Le(me,{...a,fullscreen:l.fullScreen,header:Le(Re,{actionsStart:l.actionsStart?Le(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Le(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?pl(Ut,{alignment:"stretched",children:[Le(d,{text:"Apply",themeColor:"primary"}),Le(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};ea.options=lm;ea.states=nm;ea.variants=sm;ea.defaultOptions=bs;ea.modifiers=im;import ul from"react";import{jsx as fs}from"react/jsx-runtime";var dm="k-list-group-sticky-header",ml=e=>fs("div",{className:r(dm,e.className),children:fs("div",{className:"k-list-header-text",children:e.children})});import{jsx as pm}from"react/jsx-runtime";var cm="k-no-data",qa=e=>{let{live:t,...o}=e;return pm("span",{...o,className:r(cm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ao="list",vo=ao;import{jsx as Ts,jsxs as hs}from"react/jsx-runtime";var bl="k-list",mm=[],um={size:[i.undefined,i.small,i.medium,i.large]},bm={},V=e=>{let{size:t,virtualization:o,children:a,header:l,optionLabel:s,customValue:c,noData:m,screenReaders:h,...N}=e,k=ul.Children.toArray(a)[0],u=k?.props?.children?ul.Children.count(k.props.children):ul.Children.count(a);return hs("div",{...N,className:r(e.className,bl,y(bl,{size:t}),{"k-virtual-list":o}),children:[s,c,l&&Ts(ml,{children:l}),a||(m!==void 0?m:Ts(qa,{live:!0,children:"No data found."})),h&&a&&hs(qa,{className:"k-sr-only",live:!0,children:[u," items found."]})]})};V.states=mm;V.options=um;V.className=bl;V.defaultOptions=bm;V.moduleName=ao;V.folderName=vo;V.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as xm}from"react/jsx-runtime";var xs="k-list-container",fm=[],Tm={},hm={},Lo=e=>{let{...t}=e;return xm("div",{...t,className:r(e.className,xs),children:e.children})};Lo.states=fm;Lo.options=Tm;Lo.className=xs;Lo.defaultOptions=hm;Lo.moduleName=ao;Lo.folderName=vo;var ro="checkbox",Co=ro;import{jsx as Ns}from"react/jsx-runtime";var Ya="k-checkbox",Nm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],gm={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full]},km={},De=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:s,disabled:c,invalid:m,valid:h,required:N,size:v,rounded:k,...u}=e;return Ns("span",{className:"k-checkbox-wrap",children:Ns("input",{...u,id:t,type:"checkbox",defaultChecked:o,required:N,disabled:c||void 0,"aria-invalid":m?"true":void 0,className:r(e.className,Ya,y(Ya,{size:v,rounded:k}),A(Ya,{hover:l,focus:s,disabled:c,invalid:m,valid:h,indeterminate:a,checked:o}))})})};De.states=Nm;De.options=gm;De.className=Ya;De.defaultOptions=km;De.moduleName=ro;De.folderName=Co;De.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 kt=De;import{jsx as Cm}from"react/jsx-runtime";var gs="k-checkbox-list",vm=[],Lm={},ks={layout:"vertical"},_e=e=>{let{layout:t=ks.layout,...o}=e;return Cm("ul",{...o,className:r(e.className,gs,{[`k-list-${t}`]:t}),children:e.children})};_e.states=vm;_e.options=Lm;_e.className=gs;_e.defaultOptions=ks;_e.moduleName=ro;_e.folderName=Co;import{jsx as Am}from"react/jsx-runtime";var vs="k-checkbox-list-item",Mm=[],ym={},Sm={},Oe=e=>{let{...t}=e;return Am("li",{...t,className:r(e.className,vs),children:e.children})};Oe.states=Mm;Oe.options=ym;Oe.className=vs;Oe.defaultOptions=Sm;Oe.moduleName=ro;Oe.folderName=Co;import{Fragment as wm,jsx as Ls,jsxs as Em}from"react/jsx-runtime";var wt=({children:e,id:t,...o})=>Em(wm,{children:[Ls(kt,{id:t,...o}),Ls("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as Ry,jsx as Iy,jsxs as Oy}from"react/jsx-runtime";import{Fragment as By,jsx as Gy,jsxs as Dy}from"react/jsx-runtime";import{Fragment as Vy,jsx as Fy,jsxs as $y}from"react/jsx-runtime";import{jsx as qy}from"react/jsx-runtime";import{jsx as jy}from"react/jsx-runtime";import{jsx as aS}from"react/jsx-runtime";import{jsx as lt,jsxs as Cs}from"react/jsx-runtime";var Im=_e.options,Rm=_e.states,Om={..._e.defaultOptions,variant:"vertical"},Pm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Hm=[],ta=e=>{let{variant:t,...o}=e;return t==="horizontal"?Cs(_e,{layout:"horizontal",...o,children:[lt(Oe,{children:lt(wt,{id:"first",defaultChecked:!0,children:"Label"})}),lt(Oe,{children:lt(wt,{id:"second",children:"Label"})}),lt(Oe,{children:lt(wt,{id:"third",children:"Label"})})]}):Cs(_e,{...o,children:[lt(Oe,{children:lt(wt,{id:"first",defaultChecked:!0,children:"Label"})}),lt(Oe,{children:lt(wt,{id:"second",children:"Label"})}),lt(Oe,{children:lt(wt,{id:"third",children:"Label"})})]})};ta.options=Im;ta.states=Rm;ta.variants=Pm;ta.defaultOptions=Om;ta.modifiers=Hm;import{jsx as zm}from"react/jsx-runtime";var Km=kt.options,Gm=kt.states,Bm=kt.defaultOptions,Dm=[],_m=[],oa=e=>zm(wt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});oa.options=Km;oa.states=Gm;oa.variants=Dm;oa.defaultOptions=Bm;oa.modifiers=_m;import{jsx as lo,jsxs as $m}from"react/jsx-runtime";var fl="k-list-item",Um=[n.hover,n.focus,n.selected,n.disabled],Fm={},Vm={},B=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:s,showCheckbox:c,checked:m,hover:h,focus:N,selected:v,disabled:k,actions:u,description:M,id:C,...S}=e,R=t||e.children;return $m("li",{...S,id:C,role:a?"presentation":"option",tabIndex:a?void 0:N?0:-1,"aria-selected":!a&&v?"true":a?void 0:"false","aria-disabled":!a&&k?"true":void 0,className:r(e.className,a?"k-list-group-item":fl,A(fl,{hover:h,focus:N,disabled:k,selected:v})),children:[c&&lo(De,{checked:m}),l&&lo("span",{className:"k-list-item-icon-wrapper",children:lo(g,{icon:l,className:r("k-list-item-icon",s)})}),lo("span",{className:"k-list-item-text",children:R}),u&&lo("div",{className:"k-list-item-actions",children:u}),M&&lo("span",{className:"k-list-item-description",children:M}),o&&o!==""&&lo("div",{className:"k-list-item-group-label",children:o})]})};B.states=Um;B.options=Fm;B.className=fl;B.defaultOptions=Vm;B.moduleName=ao;B.folderName=vo;B.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."}]};import{jsx as Wm}from"react/jsx-runtime";var Xm="k-list-ul",Et=e=>{let{children:t,role:o,id:a,...l}=e;return Wm("ul",{...l,id:a,role:o,className:r(Xm,e.className),children:t})};Et.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."}]};import{jsx as Tl,jsxs as qm}from"react/jsx-runtime";var Jm="k-list-content",q=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:s,...c}=e;return qm("div",{...c,className:r(Jm,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:Tl(Et,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&Tl("div",{className:"k-height-container",children:Tl("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."}]};import{Fragment as $S,jsx as VS,jsxs as XS}from"react/jsx-runtime";import{jsx as hl,jsxs as Qm}from"react/jsx-runtime";var Ym="k-list-group-item",no=e=>{let{groupIconName:t,...o}=e;return Qm("li",{...o,role:"presentation",className:r(Ym,e.className),children:[t&&hl("span",{className:"k-list-item-icon-wrapper",children:hl(g,{icon:t,className:"k-list-item-icon"})}),hl("span",{className:"k-list-item-text",children:e.children})]})};no.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."}]};import{jsx as tu}from"react/jsx-runtime";var xl="k-list-optionlabel",Zm=[n.hover,n.focus,n.selected,n.disabled],jm={},eu={},Qa=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...c}=e;return tu("div",{...c,className:r(xl,A(xl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};Qa.states=Zm;Qa.options=jm;Qa.className=xl;Qa.defaultOptions=eu;import{jsx as lu}from"react/jsx-runtime";var Nl="k-list-custom-value",ou=[n.hover,n.focus,n.selected,n.disabled],au={},ru={},Wt=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...c}=e;return lu("div",{...c,className:r(Nl,A(Nl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};Wt.states=ou;Wt.options=au;Wt.className=Nl;Wt.defaultOptions=ru;import{Fragment as iA,jsx as sA,jsxs as dA}from"react/jsx-runtime";import{Fragment as fA,jsx as bA,jsxs as TA}from"react/jsx-runtime";import{Fragment as LA,jsx as kA,jsxs as vA}from"react/jsx-runtime";import{Fragment as EA,jsx as AA,jsxs as wA}from"react/jsx-runtime";import{jsx as PA}from"react/jsx-runtime";import{Fragment as _A,jsx as DA,jsxs as zA}from"react/jsx-runtime";var Ms="dropdown-list",ys="dropdownlist";import{Fragment as iu,jsx as Pe,jsxs as gl}from"react/jsx-runtime";var Ss="k-dropdownlist",nu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],su={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},kl={showValue:!0,arrowIconName:"caret-alt-down"},Y=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=kl.arrowIconName,showValue:s=kl.showValue,valueIconName:c,prefix:m,suffix:h,value:N,placeholder:v,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:E,readonly:D,popup:se,opened:fe,adaptive:Ee,adaptiveSettings:$e,adaptiveTitle:Xe,adaptiveSubtitle:xo,adaptiveFilter:xr,...Ka}=e;return gl(iu,{children:[gl(ht,{...Ka,size:t,rounded:o,fillMode:a,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:E,readonly:D,className:r(e.className,Ss,{"k-icon-picker":!s&&c}),children:[Pe(tt,{children:m}),Pe(oo,{placeholder:v,value:N,showValue:s,valueIconName:c}),Pe(Ie,{valid:M,invalid:C,loading:R,disabled:E}),Pe(Be,{loading:R,disabled:E}),Pe(ot,{children:h}),Pe(d,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":v||"Toggle dropdown"})]}),fe&&se&&Pe(ae,{className:"k-list-container k-dropdownlist-popup",children:se}),Ee&&Pe(me,{adaptive:!0,...$e,header:Pe(Re,{actionsEnd:Pe(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:xr,inputValue:N,inputPlaceholder:v,title:Xe,subtitle:xo}),children:Pe("div",{className:"k-list-container",children:Pe(V,{size:"large",children:gl(q,{children:[Pe(B,{text:"List item"}),Pe(B,{text:"List item"}),Pe(B,{text:"List item"})]})})})})]})};Y.states=nu;Y.options=su;Y.className=Ss;Y.defaultOptions=kl;Y.moduleName=Ms;Y.folderName=ys;import{jsx as Nw}from"react/jsx-runtime";import{jsx as Cw,jsxs as Mw}from"react/jsx-runtime";import{Fragment as Ow,jsx as Iw,jsxs as Rw}from"react/jsx-runtime";import{jsx as Gw}from"react/jsx-runtime";import{jsx as Uw,jsxs as Fw}from"react/jsx-runtime";import{Fragment as Qw,jsx as qw,jsxs as Yw}from"react/jsx-runtime";import{Fragment as bu,jsx as Jt,jsxs as As}from"react/jsx-runtime";var du=Y.states,cu=Y.defaultOptions,pu=Y.options,mu=[{name:"opened",title:"Opened"}],uu=[],ra=e=>{let{modifiers:t,...o}=e,a={},l=As(bu,{children:[Jt("div",{className:"k-list-filter",children:Jt(rt,{})}),Jt(V,{style:{width:300},size:o.size,children:As(q,{children:[Jt(B,{children:"List item"}),Jt(B,{children:"List item"}),Jt(B,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?l:void 0)}),Jt("div",{children:Jt(Y,{placeholder:"Value",style:{width:300},...o,...a})})};ra.options=pu;ra.states=du;ra.variants=uu;ra.defaultOptions=cu;ra.modifiers=mu;import{jsx as ws,jsxs as Nu}from"react/jsx-runtime";var Es="k-spin-button",hu=[],xu={size:[i.undefined,i.small,i.medium,i.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},vl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},qt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=vl.increaseLabel,decreaseLabel:s=vl.decreaseLabel,...c}=e;return Nu("span",{...c,className:r(Es,e.className),children:[ws(d,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),ws(d,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};qt.states=hu;qt.options=xu;qt.className=Es;qt.defaultOptions=vl;qt.moduleName=null;qt.folderName=null;var Is="numeric-textbox",Rs="numerictextbox";import{Fragment as Os,jsx as It,jsxs as Ll}from"react/jsx-runtime";var Ps="k-numerictextbox",gu=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],ku={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Za={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Za.separators,showClearButton:s=Za.showClearButton,showSpinButton:c=Za.showSpinButton,prefix:m,suffix:h,value:N,placeholder:v,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:E,readonly:D,id:se,"aria-label":fe,"aria-describedby":Ee,...$e}=e;return Ll(Te,{...$e,size:t,rounded:o,fillMode:a,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:E,readonly:D,className:r(e.className,Ps),children:[m&&Ll(Os,{children:[It(tt,{children:m}),l&&It(at,{})]}),It(Je,{id:se,placeholder:v,value:N,role:"spinbutton",disabled:E,"aria-label":fe,"aria-describedby":Ee,"aria-invalid":C?"true":void 0}),It(Ie,{valid:M,invalid:C,loading:R,disabled:E}),It(Be,{loading:R,disabled:E}),s&&It(We,{loading:R,disabled:E,readonly:D,value:N}),h&&Ll(Os,{children:[l&&It(at,{}),It(ot,{children:h})]}),c&&It(qt,{className:"k-input-spinner",size:t,fillMode:a,disabled:E})]})};_.states=gu;_.options=ku;_.className=Ps;_.defaultOptions=Za;_.moduleName=Is;_.folderName=Rs;_.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 la=_;import{jsx as vu}from"react/jsx-runtime";var Hs=e=>vu(la,{...e});import{Fragment as KE,jsx as HE}from"react/jsx-runtime";import{Fragment as UE,jsx as zE}from"react/jsx-runtime";import{jsx as XE}from"react/jsx-runtime";import{jsx as Cl}from"react/jsx-runtime";var Lu=_.states,Cu=_.defaultOptions,Mu=_.options,yu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Su=[],na=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Cl(Y,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[l]?Cl(Xr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;case"spin-button":a.showSpinButton=t?.[l];break;default:break}}),Cl(Hs,{value:"Value",style:{width:300},...o,...a})};na.options=Mu;na.states=Lu;na.variants=Su;na.defaultOptions=Cu;na.modifiers=yu;var Ml="pager",Ks=Ml;import{Fragment as Gs,jsx as ze,jsxs as Mo}from"react/jsx-runtime";var ja="k-pager",Au=[n.focus,n.disabled],wu={size:[i.undefined,i.small,i.medium,i.large]},qe={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},he=e=>{let{responsive:t=qe.responsive,size:o,pagerSizeInfo:a=qe.pagerSizeInfo,pageTitleInfo:l=qe.pageTitleInfo,maxPagesInfo:s=qe.maxPagesInfo,itemsPerPage:c=qe.itemsPerPage,maxPages:m=qe.maxPages,currentPage:h=qe.currentPage,previousNext:N=qe.previousNext,type:v=qe.type,pageSizes:k=qe.pageSizes,refresh:u=qe.refresh,info:M=qe.info,focus:C,disabled:S,dir:R,...E}=e,D=[],se=[];for(let fe=1;fe<=m;fe++)D.push(ze(d,{selected:fe===h,fillMode:"flat",themeColor:"primary",size:o,children:fe})),se.push(ze("option",{selected:fe===h,children:fe}));return Mo("div",{dir:R,...E,className:r(e.className,ja,y(ja,{size:o}),A(ja,{focus:C,disabled:S}),{"k-pager-responsive":t}),children:[Mo("div",{className:r("k-pager-numbers-wrap"),children:[N&&Mo(Gs,{children:[ze(d,{className:r("k-pager-nav","k-pager-first"),disabled:h===1&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),ze(d,{className:r("k-pager-nav"),disabled:h===1&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-right":"caret-alt-left"})]}),v==="numeric"&&ze("div",{className:r("k-pager-numbers"),children:D}),v==="input"&&Mo("span",{className:r("k-pager-input"),children:[l&&ze("span",{children:"Page"}),ze(_,{value:`${h}`,size:o,showSpinButton:!1,showClearButton:!1}),ze("span",{children:s&&`of ${m}`})]}),N&&Mo(Gs,{children:[ze(d,{className:r("k-pager-nav"),disabled:h===m&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-left":"caret-alt-right"}),ze(d,{className:r("k-pager-nav","k-pager-last"),disabled:h===m&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),k&&Mo("span",{className:r("k-pager-sizes"),children:[ze(Y,{value:`${c}`,size:o}),a&&ze("span",{children:"items per page"})]}),u&&ze(d,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),M&&ze("span",{className:r("k-pager-info"),children:M})]})};he.states=Au;he.options=wu;he.className=ja;he.defaultOptions=qe;he.moduleName=Ml;he.folderName=Ks;import{jsx as xI}from"react/jsx-runtime";import{jsx as vI}from"react/jsx-runtime";import{jsx as yI}from"react/jsx-runtime";import{jsx as Bs}from"react/jsx-runtime";var Eu=he.options,Iu=he.states,Ru={...he.defaultOptions,variant:"numeric"},Ou=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Pu=[],sa=e=>{let{variant:t,...o}=e;return t==="input"?Bs(he,{...o,type:"input"}):Bs(he,{...o,type:"numeric"})};sa.options=Eu;sa.states=Iu;sa.variants=Ou;sa.defaultOptions=Ru;sa.modifiers=Pu;import{jsx as Hu}from"react/jsx-runtime";var Ds="k-grid-pager",vt=e=>Hu(he,{...e,className:r(e.className,Ds),children:e.children});vt.className=Ds;vt.moduleName=z;vt.folderName=F;var yl="button",_s=yl;import{jsx as Du}from"react/jsx-runtime";var ia="k-button-group",Ku=[n.disabled],Gu={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Bu={},K=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return Du("div",{role:"group",...l,className:r(e.className,ia,y(ia,{fillMode:t}),A(ia,{disabled:o}),{[`${ia}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};K.states=Ku;K.options=Gu;K.className=ia;K.defaultOptions=Bu;K.moduleName=yl;K.folderName=_s;K.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."}]};import{Fragment as jI,jsx as ZI,jsxs as eR}from"react/jsx-runtime";import{Fragment as nR,jsx as lR,jsxs as sR}from"react/jsx-runtime";import{Fragment as uR,jsx as mR,jsxs as bR}from"react/jsx-runtime";import{Fragment as gR,jsx as NR,jsxs as kR}from"react/jsx-runtime";import{Fragment as SR,jsx as yR,jsxs as AR}from"react/jsx-runtime";import{Fragment as PR,jsx as OR,jsxs as HR}from"react/jsx-runtime";import{jsx as Rt,jsxs as Sl}from"react/jsx-runtime";var _u={...d.options,...K.options},zu=d.states,Uu={...d.defaultOptions,...K.defaultOptions,variant:"text-button"},Fu=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Vu=[],da=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Sl(K,{fillMode:a.fillMode,className:o,children:[Rt(d,{...a,icon:"star"}),Rt(d,{...a,icon:"star"}),Rt(d,{...a,icon:"star"})]}):t==="icon-text-button"?Sl(K,{fillMode:a.fillMode,className:o,children:[Rt(d,{...a,icon:"star",children:"First"}),Rt(d,{...a,icon:"star",children:"Middle"}),Rt(d,{...a,icon:"star",children:"Last"})]}):Sl(K,{fillMode:a.fillMode,className:o,children:[Rt(d,{...a,children:"First"}),Rt(d,{...a,children:"Middle"}),Rt(d,{...a,children:"Last"})]})};da.options=_u;da.states=zu;da.variants=Fu;da.defaultOptions=Uu;da.modifiers=Vu;import{jsx as zs,jsxs as Wu}from"react/jsx-runtime";var Us="k-color-preview",$u=[],Xu={},Yt=e=>{let{color:t,iconName:o,...a}=e;return Wu("span",{...a,className:r(e.className,Us,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&zs(g,{icon:o,className:"k-color-preview-icon"}),zs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Yt.states=$u;Yt.options=Xu;Yt.className=Us;var Al="slider",Fs=Al;import{jsx as yo,jsxs as wl}from"react/jsx-runtime";var ca="k-slider",Ju=[n.hover,n.focus,n.active,n.disabled,n.readonly],qu={},st={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},le=e=>{let{type:t=st.type,orientation:o=st.orientation,gradientType:a=st.gradientType,readonly:l=st.readonly,disabled:s=st.disabled,handlePosition:c=st.handlePosition,showButtons:m=st.showButtons,showTicks:h=st.showTicks,value:N=st.value,min:v=st.min,max:k=st.max,startValue:u,endValue:M,hover:C,focus:S,active:R,trackStyle:E,dir:D,...se}=e,Ee=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),$e,Xe;return o==="horizontal"?($e=D==="rtl"?"caret-alt-left":"caret-alt-right",Xe=D==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&($e="caret-alt-up",Xe="caret-alt-down"),wl("div",{...se,className:r(ca,e.className,A(ca,{readonly:l,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:D,children:[m&&yo(d,{className:"k-button-decrease",rounded:"full",icon:Xe,tabIndex:-1,title:"Decrease"}),wl("div",{className:"k-slider-track-wrap",children:[h&&yo("ul",{className:"k-reset k-slider-items",children:e.children}),wl("div",{className:"k-slider-track",style:E,children:[yo("div",{className:"k-slider-selection"}),t==="range"&&yo("span",{className:r("k-draghandle","k-draghandle-start",A(ca,{hover:C,focus:S,active:R})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":u??v,"aria-valuemin":v,"aria-valuemax":M??k,"aria-orientation":Ee,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":se["aria-label"]?`${se["aria-label"]} start`:"Range start"}),yo("span",{className:r("k-draghandle",`k-draghandle-${c}`,A(ca,{hover:C,focus:S,active:R})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?M??k:N,"aria-valuemin":t==="range"?u??v:v,"aria-valuemax":k,"aria-orientation":Ee,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?se["aria-label"]?`${se["aria-label"]} end`:"Range end":se["aria-label"]})]})]}),m&&yo(d,{className:"k-button-increase",rounded:"full",icon:$e,tabIndex:-1,title:"Increase"})]})};le.states=Ju;le.options=qu;le.className=ca;le.defaultOptions=st;le.moduleName=Al;le.folderName=Fs;le.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").'}]};import{jsx as Vs}from"react/jsx-runtime";var $s="k-tick",Yu=[],Qu={},Xs={label:!1},P=e=>{let{style:t,label:o=Xs.label,orientation:a,large:l,text:s,...c}=e;return Vs("li",{...c,className:r(e.className,$s,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&Vs("span",{className:"k-label",children:s})})};P.states=Yu;P.options=Qu;P.className=$s;P.defaultOptions=Xs;import{Fragment as Zu,jsx as it,jsxs as ju}from"react/jsx-runtime";var Ws=e=>it(le,{"aria-label":e["aria-label"]||"Slider",children:ju(Zu,{children:[it(P,{className:"k-first",label:!0,large:!0,text:"0"}),it(P,{}),it(P,{}),it(P,{}),it(P,{}),it(P,{label:!0,large:!0,text:"5"}),it(P,{}),it(P,{}),it(P,{}),it(P,{}),it(P,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as eb,jsx as dt,jsxs as tb}from"react/jsx-runtime";var Js=e=>dt(le,{children:tb(eb,{children:[dt(P,{className:"k-first",label:!0,large:!0,text:"0"}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{label:!0,large:!0,text:"5"}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as kO,jsx as gO,jsxs as vO}from"react/jsx-runtime";import{Fragment as SO,jsx as yO,jsxs as AO}from"react/jsx-runtime";import{jsx as ob}from"react/jsx-runtime";var El=e=>ob(le,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as ab}from"react/jsx-runtime";var Il=e=>ab(le,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as DO,jsx as BO,jsxs as _O}from"react/jsx-runtime";import{Fragment as $O,jsx as VO,jsxs as XO}from"react/jsx-runtime";import{jsx as Lt,jsxs as qs}from"react/jsx-runtime";var rb=le.options,lb=le.states,Ys={...le.defaultOptions,variant:"horizontal",label:!0},nb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],sb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],pa=e=>{let{variant:t,modifiers:o,...a}={...Ys,...e},l={};Object.keys(o||{}).forEach(N=>{switch(N){case"button":{l.showButtons=!!o?.[N];break}case"label":{l.label=!!o?.[N];break}case"tick":{l.showTicks=!!o?.[N];break}}});let{label:s=!0,showButtons:c,showTicks:m}=l,h={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?qs(Js,{showTicks:m,showButtons:c,style:{height:"300px",...h},...a,children:[Lt(P,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Lt(P,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Lt(P,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Lt(P,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Lt(P,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):qs(Ws,{showTicks:m,showButtons:c,style:{width:"400px",...h},...a,children:[Lt(P,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Lt(P,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Lt(P,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Lt(P,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Lt(P,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};pa.options=rb;pa.states=lb;pa.variants=nb;pa.defaultOptions=Ys;pa.modifiers=sb;import{Fragment as ma,jsx as U,jsxs as ue}from"react/jsx-runtime";var Qs="k-colorgradient-inputs",ib=[],db={size:[i.undefined,i.small,i.medium,i.large]},Zs={mode:"rgba"},So=e=>{let{mode:t=Zs.mode,size:o,...a}=e;return ue("div",{...a,className:r(Qs,"k-hstack"),children:[U("div",{className:"k-vstack",children:U(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ue(ma,{children:[ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),U("label",{className:"k-colorgradient-input-label",children:"R"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),U("label",{className:"k-colorgradient-input-label",children:"G"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),U("label",{className:"k-colorgradient-input-label",children:"B"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),U("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ue(ma,{children:[ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),U("label",{className:"k-colorgradient-input-label",children:"R"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),U("label",{className:"k-colorgradient-input-label",children:"G"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),U("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ue(ma,{children:[ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),U("label",{className:"k-colorgradient-input-label",children:"H"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),U("label",{className:"k-colorgradient-input-label",children:"S"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),U("label",{className:"k-colorgradient-input-label",children:"V"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),U("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ue(ma,{children:[ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),U("label",{className:"k-colorgradient-input-label",children:"H"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),U("label",{className:"k-colorgradient-input-label",children:"S"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),U("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&U(ma,{children:ue("div",{className:"k-vstack k-flex-1",children:[U(re,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),U("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};So.states=ib;So.options=db;So.className=Qs;So.defaultOptions=Zs;import{jsx as so,jsxs as io}from"react/jsx-runtime";var js="k-colorgradient-color-contrast",cb=[],pb={},mb={},Ao=()=>io("div",{className:r(js,"k-vbox"),children:[io("div",{className:"k-contrast-ratio",children:[so("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),io("span",{className:"k-contrast-validation !k-text-success",children:[so(g,{icon:"check"}),so(g,{icon:"check"})]})]}),io("div",{children:[so("span",{children:"AA: 4.5"}),io("span",{className:"k-contrast-validation !k-text-success",children:["Pass",so(g,{icon:"check"})]})]}),io("div",{children:[so("span",{children:"AAA: 7.0"}),io("span",{className:"k-contrast-validation !k-text-error",children:["Fail",so(g,{icon:"x"})]})]})]});Ao.states=cb;Ao.options=pb;Ao.className=js;Ao.defaultOptions=mb;var ei="color-gradient",ti="colorgradient";import{jsx as ct,jsxs as ua}from"react/jsx-runtime";var er="k-colorgradient",ub=[n.hover,n.focus,n.readonly,n.disabled],bb={size:[i.undefined,i.small,i.medium,i.large]},Ct={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"},Ce=e=>{let{size:t,mode:o=Ct.mode,readonly:a=Ct.readonly,disabled:l=Ct.disabled,gradientStyle:s=Ct.gradientStyle,dragHandleStyle:c=Ct.dragHandleStyle,alphaStyle:m=Ct.alphaStyle,alphaStyleHorizontal:h=Ct.alphaStyleHorizontal,contrast:N=Ct.contrast,dir:v,hover:k,focus:u,hoverHandle:M,focusHandle:C,canvasOrientation:S=Ct.canvasOrientation,role:R,tabIndex:E,...D}=e;return ua("div",{...D,role:R??"textbox","aria-label":R==="none"?void 0:"Color gradient",tabIndex:E??0,"aria-disabled":l?"true":void 0,className:r(e.className,er,y(er,{size:t}),A(er,{hover:k,focus:u,readonly:a,disabled:l})),dir:v,children:[!S||S==="horizontal"&&ua("div",{className:"k-colorgradient-canvas k-hstack",children:[ct("div",{className:"k-hsv-rectangle",style:s,children:ct("div",{className:"k-hsv-gradient",children:ct("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})})}),ua("div",{className:"k-hsv-controls k-hstack",children:[ct(Il,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&ct(Il,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:m})]})]}),S==="vertical"&&ua("div",{className:"k-colorgradient-canvas k-vstack",children:[ct("div",{className:"k-hsv-rectangle",style:s,children:ct("div",{className:"k-hsv-gradient",children:ct("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})})}),ua("div",{className:"k-hsv-controls k-vstack",children:[ct(El,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&ct(El,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:h})]})]}),ct(So,{mode:e.mode,size:t}),N&&ct(Ao,{})]})};Ce.states=ub;Ce.options=bb;Ce.className=er;Ce.defaultOptions=Ct;Ce.moduleName=ei;Ce.folderName=ti;Ce.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)."}]};import{jsx as fb}from"react/jsx-runtime";var tr=e=>fb(Ce,{...e});import{jsx as K0}from"react/jsx-runtime";import{jsx as _0}from"react/jsx-runtime";import{jsx as Rl}from"react/jsx-runtime";var Tb=Ce.options,hb=Ce.states,xb={...Ce.defaultOptions,variant:"rgba"},Nb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],gb=[],ba=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Rl(tr,{...o,mode:t});case"rgb":return Rl(tr,{...o,mode:t});default:return Rl(tr,{...o,mode:t})}};ba.options=Tb;ba.states=hb;ba.variants=Nb;ba.defaultOptions=xb;ba.modifiers=gb;import{jsx as kb}from"react/jsx-runtime";var Ol=e=>kb("tr",{role:"row",children:e.children});import{jsx as Cb}from"react/jsx-runtime";var Pl="k-colorpalette-tile",vb=[n.hover,n.focus,n.selected],Lb={},wo=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:s,...c}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Cb("td",{...c,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,Pl,A(Pl,{hover:a,focus:l,selected:s})),style:m})};wo.states=vb;wo.options=Lb;wo.className=Pl;var oi="color-palette",ai="colorpalette";import{jsx as fa}from"react/jsx-runtime";var or="k-colorpalette",Mb=[n.disabled],yb={size:[i.undefined,i.small,i.medium,i.large]},ri={columns:10},Ue=e=>{let{size:t,palette:o,columns:a=ri.columns,tileSize:l,disabled:s,...c}=e,m=[];if(o){let h=a||o.columns,N=o.colors?o.colors:o;Array.isArray(N)&&Array.from({length:Math.ceil(N.length/h)},(v,k)=>{let u=[];N.slice(k*h,(k+1)*h).map((C,S)=>{u.push(fa(wo,{color:C,tileSize:l},S))});let M=fa(Ol,{children:u},k);m.push(M)})}return fa("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,or,A(or,{disabled:s}),y(or,{size:t})),children:fa("table",{className:"k-colorpalette-table",role:"none",children:fa("tbody",{children:m.length>0?m:e.children})})})};Ue.states=Mb;Ue.options=yb;Ue.className=or;Ue.defaultOptions=ri;Ue.moduleName=oi;Ue.folderName=ai;Ue.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 ar=Ue;var Ta={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}};import{jsx as Sb}from"react/jsx-runtime";var li=e=>Sb(ar,{palette:Ta.basic,...e});import{jsx as kP}from"react/jsx-runtime";import{jsx as SP,jsxs as AP}from"react/jsx-runtime";import{jsx as Pb}from"react/jsx-runtime";var Ab=Ue.options,wb=Ue.states,Eb={...Ue.defaultOptions,variant:"basic"},Ib=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Rb={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}},Ob=[],ha=e=>{let{variant:t="basic",...o}=e,a=Rb[t];return Pb(li,{columns:a.columns,palette:a,...o})};ha.options=Ab;ha.states=wb;ha.variants=Ib;ha.defaultOptions=Eb;ha.modifiers=Ob;var ni="color-editor",si="coloreditor";import{jsx as pt,jsxs as Eo}from"react/jsx-runtime";var rr="k-coloreditor",Hb=[n.focus],Kb={size:[i.undefined,i.small,i.medium,i.large]},xa={view:"gradient",palette:Ta.office,actionButtons:!0,canvasOrientation:"horizontal"},be=e=>{let{size:t,view:o=xa.view,palette:a=xa.palette,color:l,currentColor:s,focus:c,focusView:m,dir:h,group:N,actionButtons:v=xa.actionButtons,canvasOrientation:k=xa.canvasOrientation,...u}=e;return Eo("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",rr,y(rr,{size:t}),A(rr,{focus:c})),dir:h,children:[Eo("div",{className:"k-coloreditor-header k-hstack",children:[pt("div",{className:"k-coloreditor-header-actions k-hstack",children:N&&Eo(K,{fillMode:"flat",children:[pt(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),pt(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),pt("div",{className:"k-spacer"}),Eo("div",{className:"k-coloreditor-header-actions k-hstack",children:[pt(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Eo("div",{className:"k-coloreditor-preview k-vstack",children:[pt(Yt,{className:"k-coloreditor-preview-color",color:l}),pt(Yt,{className:"k-coloreditor-current-color",color:s})]})]})]}),pt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?pt(Ce,{focus:m,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):pt(Ue,{palette:a,size:t})}),v&&Eo(gt,{className:"k-coloreditor-footer",alignment:"start",children:[pt(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),pt(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};be.states=Hb;be.options=Kb;be.className=rr;be.defaultOptions=xa;be.moduleName=ni;be.folderName=si;be.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 Io=be;import{jsx as aH}from"react/jsx-runtime";import{jsx as sH}from"react/jsx-runtime";import{jsx as Gb}from"react/jsx-runtime";var ii=e=>Gb(Io,{group:!0,currentColor:"fuchsia",...e});import{jsx as Bb}from"react/jsx-runtime";var di=e=>Bb(Io,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as ci}from"react/jsx-runtime";var Db=be.options,_b=be.states,zb={...be.defaultOptions,variant:"gradient"},Ub=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Fb=[],Na=e=>{let{variant:t,...o}=e;return t==="palette"?ci(di,{...o,color:"white"}):ci(ii,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Na.options=Db;Na.states=_b;Na.variants=Ub;Na.defaultOptions=zb;Na.modifiers=Fb;var pi="color-picker",mi="colorpicker";import{Fragment as Xb,jsx as mt,jsxs as Hl}from"react/jsx-runtime";var ui="k-colorpicker",Vb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],$b={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},bi={arrowIconName:"caret-alt-down"},Ye=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=bi.arrowIconName,prefix:s,suffix:c,value:m,placeholder:h,hover:N,focus:v,valid:k,invalid:u,required:M,disabled:C,valueIconName:S,popup:R,opened:E,adaptive:D,adaptiveSettings:se,adaptiveTitle:fe,adaptiveSubtitle:Ee,...$e}=e,Xe="colorpicker-popup";return Hl(Xb,{children:[Hl(ht,{...$e,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:k,invalid:u,required:M,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":E?"true":"false","aria-controls":E||D?Xe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:r(e.className,ui,"k-icon-picker"),children:[mt(tt,{children:s}),mt(oo,{placeholder:h,value:m,showValue:!1,valueIcon:mt(Yt,{className:"k-value-icon",color:m,iconName:S}),valueIconName:S}),mt(ot,{children:c}),mt(d,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),E&&R&&mt(ae,{id:Xe,className:"k-colorpicker-popup",children:R}),D&&mt(me,{adaptive:!0,id:Xe,...se,header:mt(Re,{actionsEnd:mt(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:fe,subtitle:Ee}),footer:Hl(Ut,{children:[mt(d,{text:"Cancel",size:"large"}),mt(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:mt(be,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ye.states=Vb;Ye.options=$b;Ye.className=ui;Ye.defaultOptions=bi;Ye.moduleName=pi;Ye.folderName=mi;Ye.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 Qt=Ye;import{jsx as Wb}from"react/jsx-runtime";var lr=e=>Wb(Qt,{...e});import{jsx as VH}from"react/jsx-runtime";import{jsx as qH}from"react/jsx-runtime";import{jsx as jH}from"react/jsx-runtime";import{jsx as aK}from"react/jsx-runtime";import{jsx as sK}from"react/jsx-runtime";import{jsx as pK}from"react/jsx-runtime";import{jsx as co}from"react/jsx-runtime";var Jb=Qt.options,qb=Qt.states,fi={...Qt.defaultOptions,variant:"color"},Yb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Qb=[{name:"opened",title:"Opened"}],ga=e=>{let{variant:t,modifiers:o,...a}={...fi,...e},l={};Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?co(be,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return co("div",{style:s,children:co(lr,{...a,...l})});case"icon":return co("div",{style:s,children:co(lr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return co("div",{style:s,children:co(lr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};ga.options=Jb;ga.states=qb;ga.variants=Yb;ga.defaultOptions=fi;ga.modifiers=Qb;var Kl="combobox",Ti=Kl;import{Fragment as Gl,jsx as xe,jsxs as ka}from"react/jsx-runtime";var hi="k-combobox",Zb=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],jb={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},xi={separators:!0},He=e=>{let{size:t,rounded:o,fillMode:a,separators:l=xi.separators,prefix:s,suffix:c,value:m,placeholder:h,hover:N,focus:v,valid:k,invalid:u,required:M,loading:C,disabled:S,popup:R,opened:E,readonly:D,adaptive:se,adaptiveSettings:fe,adaptiveTitle:Ee,adaptiveSubtitle:$e,adaptiveCustomValue:Xe,id:xo,autocomplete:xr,activeDescendant:Ka,"aria-label":rd,...ld}=e,nd=xo?`${xo}-listbox`:void 0;return ka(Gl,{children:[ka(Te,{...ld,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:k,invalid:u,required:M,loading:C,disabled:S,readonly:D,className:r(e.className,hi),children:[s&&ka(Gl,{children:[xe(tt,{children:s}),l&&xe(at,{})]}),xe(Je,{placeholder:h,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":E?"true":"false","aria-controls":E?nd:void 0,"aria-activedescendant":E&&Ka?Ka:void 0,"aria-autocomplete":xr,"aria-invalid":u?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":rd,disabled:S,readOnly:D}),xe(Ie,{valid:k,invalid:u,loading:C,disabled:S}),xe(Be,{loading:C,disabled:S}),xe(We,{loading:C,disabled:S,readonly:D,value:m}),c&&ka(Gl,{children:[l&&xe(at,{}),xe(ot,{children:c})]}),xe(d,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:S})]}),E&&R&&xe(ae,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:R}),se&&xe(me,{adaptive:!0,id:xo?`${xo}-adaptive`:void 0,...fe,header:xe(Re,{actionsEnd:xe(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:h,title:Ee,subtitle:$e}),children:xe("div",{className:"k-list-container",children:xe(V,{customValue:Xe?xe(Wt,{text:`Use "${m}"`}):void 0,size:"large",children:ka(q,{"aria-label":Ee||"Options",children:[xe(B,{text:"List item"}),xe(B,{text:"List item"}),xe(B,{text:"List item"})]})})})})]})};He.states=Zb;He.options=jb;He.className=hi;He.defaultOptions=xi;He.moduleName=Kl;He.folderName=Ti;He.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 Qe=He;import{jsx as ef}from"react/jsx-runtime";var Ni=e=>ef(Qe,{...e});import{jsx as WK,jsxs as JK}from"react/jsx-runtime";import{jsx as eG,jsxs as tG}from"react/jsx-runtime";import{jsx as sG,jsxs as iG}from"react/jsx-runtime";import{Fragment as bG,jsx as uG}from"react/jsx-runtime";import{Fragment as gG,jsx as NG}from"react/jsx-runtime";import{jsx as yG,jsxs as SG}from"react/jsx-runtime";import{Fragment as HG,jsx as OG,jsxs as PG}from"react/jsx-runtime";import{jsx as DG}from"react/jsx-runtime";import{jsx as FG}from"react/jsx-runtime";import{jsx as qG,jsxs as YG}from"react/jsx-runtime";import{jsx as oB,jsxs as aB}from"react/jsx-runtime";import{jsx as Zt,jsxs as nf}from"react/jsx-runtime";var tf=He.states,of=He.defaultOptions,af=He.options,rf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],lf=[],va=e=>{let{modifiers:t,...o}=e,a={},l=Zt(V,{style:{width:300},size:o.size,children:nf(q,{children:[Zt(B,{children:"List item"}),Zt(B,{children:"List item"}),Zt(B,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?Zt(g,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?Zt(zt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?l:void 0;break;default:break}}),Zt("div",{children:Zt(Ni,{value:"Value",style:{width:300},...o,...a})})};va.options=af;va.states=tf;va.variants=lf;va.defaultOptions=of;va.modifiers=rf;var Bl="menu-button",gi=Bl;import{jsx as cf}from"react/jsx-runtime";var ki="k-menu-button",sf=[n.hover,n.focus,n.active,n.selected,n.disabled],df={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.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]},Dl={showArrow:!0,arrowIconName:"caret-alt-down"},Q=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:m,selected:h,disabled:N,icon:v,text:k,showArrow:u=Dl.showArrow,arrowIconName:M=Dl.arrowIconName,expanded:C,...S}=e;return cf(d,{...S,className:r(e.className,ki),text:k,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:m,selected:h,disabled:N,icon:v,showArrow:u,arrowIconName:M,"aria-expanded":C?"true":"false",...!k&&v&&!e["aria-label"]&&{"aria-label":"Menu"},...N&&{"aria-disabled":"true"}})};Q.states=sf;Q.options=df;Q.className=ki;Q.defaultOptions=Dl;Q.moduleName=Bl;Q.folderName=gi;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."}]};import{jsx as KB}from"react/jsx-runtime";import{jsx as _B}from"react/jsx-runtime";import{jsx as VB}from"react/jsx-runtime";var Ze="menu",ut=Ze;import{jsx as La,jsxs as vi}from"react/jsx-runtime";var _l="k-menu-item",pf=[n.hover,n.focus,n.active,n.selected,n.disabled],mf={},Li={iconPosition:"before"},Ae=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:c,text:m,first:h,last:N,showArrow:v,arrowIconName:k,iconPosition:u=Li.iconPosition,dir:M,children:C,expanded:S,...R}=e,E=k;return E||(E=M==="rtl"?"caret-alt-left":"caret-alt-right"),vi("li",{...R,className:r(e.className,_l,"k-item",A(_l,{focus:o,disabled:s,hover:t,active:a,selected:l}),{"k-first":h,"k-last":N}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":S?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[vi("span",{className:r("k-link k-menu-link"),children:[c&&u==="before"&&La(g,{className:"k-menu-link-icon",icon:c}),La("span",{className:"k-menu-link-text",children:m}),c&&u==="after"&&La(g,{className:"k-menu-link-icon",icon:c}),v&&La("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:La(g,{icon:E})})]}),C]})};Ae.states=pf;Ae.options=mf;Ae.className=_l;Ae.defaultOptions=Li;Ae.moduleName=Ze;Ae.folderName=ut;import{jsx as Ca,jsxs as Ci}from"react/jsx-runtime";var zl="k-menu-item",uf=[n.hover,n.focus,n.active,n.selected,n.disabled],bf={},Ul={dir:"ltr",iconPosition:"before"},pe=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:c,text:m,first:h,last:N,showArrow:v,arrowIconName:k,iconPosition:u=Ul.iconPosition,dir:M=Ul.dir,children:C,popup:S,expanded:R,...E}=e,D=k;return D||(D=M==="rtl"?"caret-alt-left":"caret-alt-right"),Ci("li",{...E,className:r(e.className,zl,"k-item",A(zl,{focus:o,disabled:s}),{"k-first":h,"k-last":N}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":R?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ci("span",{className:r("k-link k-menu-link",A("k-menu-link",{hover:t,active:a,selected:l,disabled:s})),children:[c&&u==="before"&&Ca(g,{className:"k-menu-link-icon",icon:c}),Ca("span",{className:"k-menu-link-text",children:m}),c&&u==="after"&&Ca(g,{className:"k-menu-link-icon",icon:c}),v&&Ca("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ca(g,{icon:D})})]}),C,S]})};pe.states=uf;pe.options=bf;pe.className=zl;pe.defaultOptions=Ul;pe.moduleName=Ze;pe.folderName=ut;import{jsx as xf}from"react/jsx-runtime";var Mi="k-menu-scroll-wrapper",ff=[],Tf={},hf={},po=e=>{let{className:t,children:o,orientation:a,...l}=e;return xf("div",{...l,className:r(t,Mi,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};po.states=ff;po.options=Tf;po.className=Mi;po.defaultOptions=hf;po.moduleName=Ze;po.folderName=ut;var yi=po;import{Fragment as Fl,jsx as mo,jsxs as sr}from"react/jsx-runtime";var Vl="k-menu",Nf=[],gf={},ir={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Me=e=>{let{children:t,orientation:o=ir.orientation,header:a=ir.header,scrollable:l,scrollButtonsPosition:s=ir.scrollButtonsPosition,wrapperStyles:c,dir:m,popup:h,contextMenu:N,...v}=e,k={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},u=mo("ul",{dir:m,...v,className:r(e.className,"k-reset",Vl,{[`${Vl}-${o}`]:o,"k-header":a}),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return sr(Fl,{children:[l?sr(yi,{orientation:o,style:c,dir:e.dir,children:[s==="start"&&sr(Fl,{children:[mo(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"}),mo(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"})]}),s==="around"&&mo(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"}),u,s==="end"&&sr(Fl,{children:[mo(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"}),mo(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"})]}),s==="around"&&mo(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"})]}):u,h]})};Me.states=Nf;Me.options=gf;Me.className=Vl;Me.defaultOptions=ir;Me.moduleName=Ze;Me.folderName=ut;Me.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."}]};import{jsx as kf}from"react/jsx-runtime";var $l="k-separator",Si={orientation:"horizontal"},Ro=e=>{let{orientation:t=Si.orientation,...o}=e;return kf("li",{...o,className:r(e.className,"k-item",$l,{[`${$l}-${t}`]:t}),role:"separator"})};Ro.className=$l;Ro.defaultOptions=Si;Ro.moduleName=Ze;Ro.folderName=ut;import{Fragment as N1,jsx as g1}from"react/jsx-runtime";import{jsx as Mf}from"react/jsx-runtime";var Xl="k-menu-group",vf=[],Lf={size:[i.undefined,i.small,i.medium,i.large]},Cf={},we=e=>{let{children:t,size:o,...a}=e;return Mf("ul",{...a,className:r(e.className,Xl,y(Xl,{size:o})),role:"menu",children:t})};we.states=vf;we.options=Lf;we.className=Xl;we.defaultOptions=Cf;we.moduleName=Ze;we.folderName=ut;import{Fragment as yf,jsx as Oo,jsxs as Sf}from"react/jsx-runtime";var Wl=e=>Oo(Me,{children:Sf(yf,{children:[Oo(Ae,{first:!0,text:"Item 1"}),Oo(Ae,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Oo(Ae,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Oo(Ae,{text:"Item 4"}),Oo(Ae,{last:!0,text:"Item 5"})]}),...e});import{Fragment as P1,jsx as R1,jsxs as O1}from"react/jsx-runtime";import{Fragment as D1,jsx as B1,jsxs as _1}from"react/jsx-runtime";import{Fragment as $1,jsx as V1,jsxs as X1}from"react/jsx-runtime";import{Fragment as Q1,jsx as Y1,jsxs as Z1}from"react/jsx-runtime";import{jsx as uo,jsxs as Rf}from"react/jsx-runtime";var Af=Me.options,wf=Me.states,Ai={...Me.defaultOptions,variant:"horizontal"},Ef=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],If=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ma=e=>{let{variant:t,modifiers:o,...a}={...Ai,...e},l={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":l.scrollable=!!o?.[s];break;case"opened":l.opened=!!o?.[s],l.popup=uo(ae,{className:"k-menu-popup",children:Rf(we,{children:[uo(pe,{text:"Item 1"}),uo(pe,{text:"Item 2"}),uo(Ro,{}),uo(pe,{text:"Item 3"})]})});break}}),t==="vertical"?uo(Wl,{...a,...l,orientation:"vertical",style:{width:"200px"}}):uo(Wl,{...a,...l})};Ma.options=Af;Ma.states=wf;Ma.variants=Ef;Ma.defaultOptions=Ai;Ma.modifiers=If;import{Fragment as ED,jsx as AD,jsxs as wD}from"react/jsx-runtime";import{jsx as PD}from"react/jsx-runtime";import{Fragment as Gf,jsx as Mt,jsxs as wi}from"react/jsx-runtime";var Of=d.states,Ei={...d.defaultOptions,variant:"text"},Pf=d.options,Hf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Kf=[{name:"opened",title:"Opened"}],ya=e=>{let{variant:t,modifiers:o,...a}={...Ei,...e},l={},s=Mt(ae,{className:"k-menu-popup",children:wi(we,{size:a.size,children:[Mt(pe,{first:!0,text:"Menu Item"}),Mt(pe,{text:"Menu Item"}),Mt(pe,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=Mt("div",{children:Mt(Q,{...a,...l,icon:"star"})});break;case"icon-and-text":c=Mt("div",{children:Mt(Q,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:c=Mt("div",{children:Mt(Q,{...a,...l,children:"Dropdown Button"})});break}return wi(Gf,{children:[c,o?.opened&&s]})};ya.options=Pf;ya.states=Of;ya.variants=Hf;ya.defaultOptions=Ei;ya.modifiers=Kf;var Jl="split-button",Ii=Jl;import{Fragment as _f,jsx as ql,jsxs as Ri}from"react/jsx-runtime";var Yl="k-split-button",Bf=[n.hover,n.focus,n.active,n.selected,n.disabled],Df={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.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]},Oi={arrowIconName:"caret-alt-down"},$=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:m,selected:h,disabled:N,icon:v,text:k,arrowIconName:u=Oi.arrowIconName,popup:M,opened:C,popupId:S,...R}=e;return Ri(_f,{children:[Ri("div",{...R,className:r(e.className,Yl,"k-button-group",y(Yl,{rounded:o})),children:[ql(d,{text:k,icon:v,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:m,selected:h,disabled:N,...!k&&!e.children&&v&&{"aria-label":"Action"},children:e.children}),ql(d,{className:"k-split-button-arrow",icon:u,size:t,rounded:o,fillMode:a,disabled:N,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?S:void 0,tabIndex:-1,...N&&{"aria-disabled":"true"}})]}),C&&M&&ql(ae,{className:"k-menu-popup",children:M})]})};$.states=Bf;$.options=Df;$.className=Yl;$.defaultOptions=Oi;$.moduleName=Jl;$.folderName=Ii;$.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 Ql=$;import{jsx as Uf}from"react/jsx-runtime";var zf="k-toolbar-separator",Tt=e=>Uf("div",{className:r(zf,e.className,"k-separator")});var Ot="toolbar",jt=Ot;import{Fragment as Zl,jsx as X,jsxs as Po}from"react/jsx-runtime";var Pt="k-toolbar",Ff=[n.focus],Vf={size:[i.undefined,i.small,i.medium,i.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},$f={scrollButtons:"around"},Z=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:s,scrollButtons:c,scrollingPosition:m,section:h,...N}=e,v=[],k=(u,M)=>{let C=[];if(u.type===d&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))C.push(X(d,{...u.props,className:`${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===d)C.push(X(d,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===Vo)C.push(X(Vo,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===zt)C.push(X(zt,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===Q)C.push(X(Q,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===Ql)C.push(X(Ql,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===K||u.props.className&&u.props.className.includes("k-button-group")){let S=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((E,D)=>{S.push(X(d,{...E.props,className:`${E.props.className?E.props.className:""}`},`${D}-${new Date().getTime()}`))}),C.push(X(K,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:S},`${M}-${new Date().getTime()}`))}else u.type===He?C.push(X(He,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):u.type===Y?C.push(X(Y,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):u.type===Ye?C.push(X(Ye,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):C.push(u);C.forEach(S=>{v.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,C)=>{k(M,C)}),Po("div",{...N,className:r(e.className,Pt,y(Pt,{size:t,fillMode:o}),A(Pt,{focus:a}),{[`${Pt}-resizable`]:l,[`${Pt}-scrollable`]:s,[`${Pt}-scrollable-overlay`]:s&&c==="hidden",[`${Pt}-scrollable-${m}`]:m&&m!=="both",[`${Pt}-section`]:h}),role:"toolbar","aria-label":"Toolbar",children:[!s&&v,s&&c==="hidden"&&X("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),s&&c==="start"&&Po(Zl,{children:[Po(K,{children:[X("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:X(g,{className:"k-button-icon",icon:"caret-alt-left"})}),X("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:X(g,{className:"k-button-icon",icon:"caret-alt-right"})})]}),X(Tt,{className:"k-toolbar-button-separator"}),X("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v})]}),s&&c==="end"&&Po(Zl,{children:[X("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),X(Tt,{className:"k-toolbar-button-separator"}),Po(K,{children:[X("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:X(g,{className:"k-button-icon",icon:"caret-alt-left"})}),X("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:X(g,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(c==="around"||!c)&&Po(Zl,{children:[X("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:X(g,{className:"k-button-icon",icon:"caret-alt-left"})}),X(Tt,{className:"k-toolbar-button-separator"}),X("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),X(Tt,{className:"k-toolbar-button-separator"}),X("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:X(g,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};Z.states=Ff;Z.options=Vf;Z.className=Pt;Z.defaultOptions=$f;Z.moduleName=Ot;Z.folderName=jt;Z.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."}]};import{jsx as qf}from"react/jsx-runtime";var Pi="k-floating-toolbar",Xf=[],Wf={},Jf={},Ho=e=>{let{...t}=e;return qf("div",{...t,className:r(e.className,Pi),children:e.children})};Ho.states=Xf;Ho.options=Wf;Ho.className=Pi;Ho.defaultOptions=Jf;Ho.moduleName=Ot;Ho.folderName=jt;import{jsx as jf}from"react/jsx-runtime";var jl="k-toolbar-item",Yf=[n.focus],Qf={},Zf={},Ko=e=>{let{focus:t,...o}=e;return jf("div",{...o,className:r(e.className,jl,A(jl,{focus:t})),children:e.children})};Ko.states=Yf;Ko.options=Qf;Ko.className=jl;Ko.defaultOptions=Zf;Ko.moduleName=Ot;Ko.folderName=jt;import{jsx as Hi}from"react/jsx-runtime";var Ki="k-toolbar-popup",eT=[],tT={size:[i.undefined,i.small,i.medium,i.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},oT={},bo=e=>{let{size:t,fillMode:o,section:a,...l}=e;return Hi(ae,{...l,className:r(e.className,Ki),children:a?Hi("span",{className:r("k-toolbar-items-list",y("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};bo.states=eT;bo.options=tT;bo.className=Ki;bo.defaultOptions=oT;bo.moduleName=Ot;bo.folderName=jt;var dr=bo;import{jsx as G_}from"react/jsx-runtime";import{jsx as z_}from"react/jsx-runtime";import{jsx as $_}from"react/jsx-runtime";import{jsx as Q_,jsxs as Z_}from"react/jsx-runtime";import{jsx as o2}from"react/jsx-runtime";import{jsx as Ht,jsxs as sT}from"react/jsx-runtime";var aT=$.states,Gi={...$.defaultOptions,variant:"text"},rT=$.options,lT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],nT=[{name:"opened",title:"Opened"}],Sa=e=>{let{variant:t,modifiers:o,...a}={...Gi,...e},l={},s=sT(we,{size:a.size,children:[Ht(pe,{first:!0,text:"Menu Item"}),Ht(pe,{text:"Menu Item"}),Ht(pe,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?s:"")}),t){case"icon-only":return Ht("div",{children:Ht($,{...a,...l,icon:"star"})});case"icon-and-text":return Ht("div",{children:Ht($,{...a,...l,icon:"star",children:"Split Button"})});default:return Ht("div",{children:Ht($,{...a,...l,children:"Split Button"})})}};Sa.options=rT;Sa.states=aT;Sa.variants=lT;Sa.defaultOptions=Gi;Sa.modifiers=nT;import{jsx as fo,jsxs as iT}from"react/jsx-runtime";var Bi=e=>fo(Z,{children:[fo(d,{children:"Button"},"toolbar-button"),fo(Q,{text:"Menu button"},"toolbar-menu-button"),fo($,{children:"Split button"},"toolbar-split-button"),iT(K,{children:[fo(d,{className:"k-group-start",icon:"align-left",children:"Left"}),fo(d,{icon:"align-center",children:"Center"}),fo(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as I2,jsxs as R2}from"react/jsx-runtime";import{jsx as je,jsxs as Di}from"react/jsx-runtime";var _i=e=>je(Z,{scrollable:!0,...e,children:[je(d,{children:"Button"},"toolbar-button"),je(Q,{text:"Menu button"},"toolbar-menu-button"),je($,{children:"Split button"},"toolbar-split-button"),Di(K,{children:[je(d,{className:"k-group-start",icon:"align-left",children:"Left"}),je(d,{icon:"align-center",children:"Center"}),je(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),je(d,{children:"Button"},"toolbar-button"),je(Q,{text:"Menu button"},"toolbar-menu-button"),je($,{children:"Split button"},"toolbar-split-button"),Di(K,{children:[je(d,{className:"k-group-start",icon:"align-left",children:"Left"}),je(d,{icon:"align-center",children:"Center"}),je(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as et,jsxs as zi}from"react/jsx-runtime";var Ui=({scrollingPosition:e="start",...t})=>et(Z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[et(d,{children:"Button"},"toolbar-button"),et(Q,{text:"Menu button"},"toolbar-menu-button"),et($,{children:"Split button"},"toolbar-split-button"),zi(K,{children:[et(d,{className:"k-group-start",icon:"align-left",children:"Left"}),et(d,{icon:"align-center",children:"Center"}),et(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),et(d,{children:"Button"},"toolbar-button"),et(Q,{text:"Menu button"},"toolbar-menu-button"),et($,{children:"Split button"},"toolbar-split-button"),zi(K,{children:[et(d,{className:"k-group-start",icon:"align-left",children:"Left"}),et(d,{icon:"align-center",children:"Center"}),et(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as dT,jsx as Fe,jsxs as cr}from"react/jsx-runtime";var Fi=({fillMode:e,size:t,...o})=>cr(dT,{children:[Fe(Z,{section:!0,fillMode:e,size:t,children:[Fe(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),cr(K,{fillMode:e,children:[Fe(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Fe(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Fe(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Fe(Tt,{className:"k-toolbar-button-separator"}),Fe(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),cr(dr,{size:t,fillMode:e,section:!0,...o,children:[Fe($,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Fe(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Fe(Tt,{}),Fe(Q,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),cr(K,{fillMode:e,children:[Fe(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Fe(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Fe(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as p3,jsx as d3,jsxs as c3}from"react/jsx-runtime";import{Fragment as v3,jsx as g3,jsxs as k3}from"react/jsx-runtime";import{jsx as eo}from"react/jsx-runtime";var cT=Z.options,pT=Z.states,Vi={...Z.defaultOptions,variant:"default"},mT=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],uT=[],Aa=e=>{let{variant:t,...o}={...Vi,...e};switch(t){case"responsive":return eo("div",{children:eo(Fi,{style:{width:"583px"},...o})});case"overlay":return eo("div",{children:eo(Ui,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return eo("div",{children:eo(_i,{style:{width:"583px"},...o})});default:return eo("div",{children:eo(Bi,{style:{width:"583px"},...o})})}};Aa.options=cT;Aa.states=pT;Aa.variants=mT;Aa.defaultOptions=Vi;Aa.modifiers=uT;import{jsx as bT}from"react/jsx-runtime";var $i="k-grid-toolbar",To=e=>bT(Z,{...e,className:r(e.className,$i),children:e.children});To.className=$i;To.moduleName=z;To.folderName=F;import{jsx as en,jsxs as TT}from"react/jsx-runtime";var tn="k-grid-stack-cell",fT=[n.focus,n.selected],pr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:s,focus:c,selected:m,...h}=e;return TT("div",{...h,className:r(e.className,tn,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":s},A(tn,{focus:c,selected:m})),children:[s&&en("span",{className:"k-dirty"}),t&&en("div",{className:"k-grid-stack-header",children:t}),en("div",{className:"k-grid-stack-content",children:o}),e.children]})};pr.states=fT;pr.className=tn;pr.moduleName=z;pr.folderName=F;import{jsx as hT}from"react/jsx-runtime";var Xi="k-grid-stack-row",mr=e=>{let{cols:t,...o}=e;return hT("div",{...o,className:r(e.className,Xi,{[`k-grid-cols-${t}`]:t}),children:e.children})};mr.className=Xi;mr.moduleName=z;mr.folderName=F;import{Fragment as p5,jsx as d5,jsxs as c5}from"react/jsx-runtime";import{Fragment as x5,jsx as T5,jsxs as h5}from"react/jsx-runtime";import{Fragment as M5,jsx as L5,jsxs as C5}from"react/jsx-runtime";import{Fragment as xT,jsx as L,jsxs as ne}from"react/jsx-runtime";var Wi=({contentClassName:e,...t})=>L(W,{_renderAriaRoot:!0,pager:L(vt,{refresh:!1}),children:ne(xT,{children:[L(ie,{children:L("div",{className:"k-grid-header-wrap",children:ne(ce,{children:[ne("colgroup",{children:[L("col",{}),L("col",{style:{width:"225px"}}),L("col",{}),L("col",{}),L("col",{})]}),ne(j,{children:[ne(w,{children:[L(I,{rowspan:1,colspan:1,columnTitle:"Product Id"}),L(I,{rowspan:1,colspan:1,columnTitle:"Name"}),L(I,{rowspan:1,colspan:1,columnTitle:"Quantity"}),L(I,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),L(I,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),ne(w,{className:"k-filter-row",children:[L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(_,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(re,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(re,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(_,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(Y,{}),L("div",{className:"k-filtercell-operator",children:L(d,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),L(ee,{children:L(te,{className:e,children:ne(oe,{children:[ne("colgroup",{children:[L("col",{}),L("col",{style:{width:"225px"}}),L("col",{}),L("col",{}),L("col",{})]}),ne(de,{children:[ne(w,{className:"k-master-row",children:[L(p,{children:"1"}),L(p,{children:"Chai"}),L(p,{children:"10 boxes x 20 bags"}),L(p,{children:"18"}),L(p,{children:"false"})]}),ne(w,{className:"k-master-row",alt:!0,children:[L(p,{children:"2"}),L(p,{children:"Chang"}),L(p,{children:"24 - 12 oz bottles"}),L(p,{children:"19"}),L(p,{children:"false"})]}),ne(w,{className:"k-master-row",children:[L(p,{children:"3"}),L(p,{children:"Aniseed Syrup"}),L(p,{children:"12 - 550 ml bottles"}),L(p,{children:"10"}),L(p,{children:"false"})]}),ne(w,{className:"k-master-row",alt:!0,children:[L(p,{children:"4"}),L(p,{children:"Chef Anton's Cajun Seasoning"}),L(p,{children:"48 - 6 oz jars"}),L(p,{children:"22"}),L(p,{children:"false"})]}),ne(w,{className:"k-master-row",children:[L(p,{children:"5"}),L(p,{children:"Grandma's Boysenberry Spread"}),L(p,{children:"12 - 8 oz jars"}),L(p,{children:"25"}),L(p,{children:"false"})]})]})]})})})]}),...t});import{jsx as ur}from"react/jsx-runtime";var NT="k-chip-action";var Ne=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=ur(g,{icon:"x-circle",size:"small"});break;case"more":a=ur(g,{icon:"more-vertical",size:"small"});break;default:return ur(g,{icon:t,size:"small"})}return ur("span",{...o,className:r(e.className,NT,`k-chip-${t}-action`),children:a})};var on="avatar",Ji=on;import{jsx as qi}from"react/jsx-runtime";var wa="k-avatar";var gT=[n.hover,n.focus,n.active,n.selected,n.disabled],kT={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.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},Ve=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:s=an.type,border:c=an.border,...m}=e;return qi("div",{...m,className:r(e.className,wa,y(wa,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${wa}-bordered`]:c}),children:qi("span",{className:`${wa}-${s}`,children:e.children})})};Ve.states=gT;Ve.options=kT;Ve.className=wa;Ve.defaultOptions=an;Ve.moduleName=on;Ve.folderName=Ji;Ve.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var ho=Ve;import{jsx as vT}from"react/jsx-runtime";var Yi=e=>vT(ho,{type:"icon",...e});import{jsx as LT}from"react/jsx-runtime";var Qi=e=>LT(ho,{type:"text",...e});import{jsx as CT}from"react/jsx-runtime";var Zi=e=>CT(ho,{type:"image",...e});import{jsx as tz}from"react/jsx-runtime";import{jsx as Ea}from"react/jsx-runtime";var MT=Ve.options,yT=Ve.states,ST={...Ve.defaultOptions,variant:"image"},AT=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],wT=[],Ia=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ea(Yi,{...o,children:Ea(g,{icon:"star"})});case"text":return Ea(Qi,{...o,children:"JO"});default:return Ea(Zi,{...o,children:Ea("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Ia.options=MT;Ia.states=yT;Ia.variants=AT;Ia.defaultOptions=ST;Ia.modifiers=wT;var Ra="chip",br=Ra;import{jsx as Go,jsxs as RT}from"react/jsx-runtime";var fr="k-chip",ET=[n.hover,n.focus,n.active,n.selected,n.disabled],IT={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[f.undefined,f.base,f.success,f.warning,f.error,f.info]},ji={avatarImage:"/packages/html/assets/avatar.jpg"},ge=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:s,icon:c,actions:m,showAvatar:h,avatarImage:N=ji.avatarImage,hover:v,focus:k,active:u,selected:M,disabled:C,...S}=e;return RT("div",{...S,className:r(e.className,fr,y(fr,{size:t,rounded:o,fillMode:a,themeColor:l}),A(fr,{hover:v,focus:k,active:u,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&&Go(g,{className:"k-chip-icon",icon:c,size:"small"}),h&&Go(Ve,{className:"k-chip-avatar",type:"image",children:Go("img",{src:N,alt:""})}),Go("span",{className:"k-chip-content",children:e.children?e.children:s&&Go("span",{className:"k-chip-label",children:s})}),m&&Go("span",{className:"k-chip-actions",children:m})]})};ge.states=ET;ge.options=IT;ge.className=fr;ge.defaultOptions=ji;ge.moduleName=Ra;ge.folderName=br;ge.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 bt=ge;import{jsx as KT}from"react/jsx-runtime";var rn="k-chip-list",OT=[],PT={size:[i.undefined,i.small,i.medium,i.large]},HT={},ke=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return KT("div",{...l,className:r(e.className,rn,y(rn,{size:t})),role:"listbox","aria-label":a||"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};ke.states=OT;ke.options=PT;ke.className=rn;ke.defaultOptions=HT;ke.moduleName=Ra;ke.folderName=br;ke.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."}]};import{jsx as Iz}from"react/jsx-runtime";import{jsx as Hz}from"react/jsx-runtime";import{jsx as GT}from"react/jsx-runtime";var Tr=e=>GT(bt,{text:"text",...e});import{jsx as Fz}from"react/jsx-runtime";import{jsx as Wz}from"react/jsx-runtime";import{Fragment as jz,jsx as Zz,jsxs as e6}from"react/jsx-runtime";import{jsx as l6,jsxs as n6}from"react/jsx-runtime";import{jsx as p6,jsxs as m6}from"react/jsx-runtime";import{jsx as x6,jsxs as N6}from"react/jsx-runtime";import{jsx as Bo,jsxs as FT}from"react/jsx-runtime";var BT={...bt.options,...ke.options},DT=[],_T=ke.states,zT={...bt.defaultOptions,...ke.defaultOptions},UT=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Oa=e=>{let{modifiers:t,className:o,...a}=e,l=t?.icon,s=t?.actions,c=t?.avatar;return FT(ke,{size:a.size,className:o,children:[Bo(Tr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Bo(Ne,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),Bo(Tr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Bo(Ne,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),Bo(Tr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Bo(Ne,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};Oa.options=BT;Oa.states=_T;Oa.variants=DT;Oa.defaultOptions=zT;Oa.modifiers=UT;import{jsx as ln}from"react/jsx-runtime";var VT=ge.states,$T=ge.defaultOptions,XT=ge.options,WT=[],JT=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Pa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"icon":a.icon=t?.[l]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[l],a.avatarImage=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?.[l]?ln(Ne,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[l]?ln(Ne,{type:"remove"}):void 0;break;default:break}}),ln(ge,{...o,...a,children:"Chip component"})};Pa.options=XT;Pa.states=VT;Pa.variants=WT;Pa.defaultOptions=$T;Pa.modifiers=JT;import{Fragment as nn,jsx as O,jsxs as Ke}from"react/jsx-runtime";var ed=({dropClue:e,contentClassName:t,...o})=>O(W,{_renderAriaRoot:!0,groupingHeader:O(Kt,{dropClue:e,children:Ke(ke,{children:[O(ge,{icon:"sort-asc-small",text:"ID",actions:Ke(nn,{children:[O(Ne,{type:"more"}),O(Ne,{type:"remove"})]})}),O(ge,{icon:"sort-desc-small",text:"Name",actions:Ke(nn,{children:[O(Ne,{type:"more"}),O(Ne,{type:"remove"})]})})]})}),children:Ke(nn,{children:[O(ie,{draggable:!0,children:O("div",{className:"k-grid-header-wrap",children:Ke(ce,{children:[Ke("colgroup",{children:[O("col",{className:"k-group-col"}),O("col",{className:"k-group-col"}),O("col",{}),O("col",{}),O("col",{}),O("col",{})]}),O(j,{children:Ke(w,{children:[O(I,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),O(I,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),O(I,{colspan:1,columnTitle:"ID"}),O(I,{colspan:1,columnTitle:"Name"}),O(I,{colspan:1,columnTitle:"Price"}),O(I,{colspan:1,columnTitle:"Category"})]})})]})})}),O(ee,{children:O(te,{className:t,children:Ke(oe,{children:[Ke("colgroup",{children:[O("col",{className:"k-group-col"}),O("col",{className:"k-group-col"}),O("col",{}),O("col",{}),O("col",{}),O("col",{})]}),Ke(de,{children:[O(w,{className:"k-table-group-row k-grouping-row",children:O(p,{colspan:6,children:Ke("p",{className:"k-reset",children:[O(g,{icon:"caret-alt-right"}),"ID: 1"]})})}),O(w,{className:"k-table-group-row k-grouping-row",children:O(p,{colspan:6,children:Ke("p",{className:"k-reset",children:[O(g,{icon:"caret-alt-down"}),"ID: 2"]})})}),Ke(w,{className:"k-table-group-row k-grouping-row",children:[O(p,{className:"k-table-group-td k-group-cell"}),O(p,{colspan:5,children:Ke("p",{className:"k-reset",children:[O(g,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),Ke(w,{className:"k-master-row",alt:!0,children:[O(p,{className:"k-table-group-td k-group-cell"}),O(p,{className:"k-table-group-td k-group-cell"}),O(p,{colspan:0,children:"2"}),O(p,{colspan:0,children:"Chang"}),O(p,{colspan:0,children:"$19.00"}),O(p,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as s9,jsx as l9,jsxs as n9}from"react/jsx-runtime";import{Fragment as f9,jsx as u9,jsxs as b9}from"react/jsx-runtime";import{Fragment as v9,jsx as g9,jsxs as k9}from"react/jsx-runtime";import{Fragment as E9,jsx as A9,jsxs as w9}from"react/jsx-runtime";import{Fragment as G9,jsx as H9,jsxs as K9}from"react/jsx-runtime";import{Fragment as qT,jsx as H,jsxs as ft}from"react/jsx-runtime";var td=e=>H(W,{_renderAriaRoot:!0,toolbar:ft(To,{children:[H(d,{children:"Add new"}),H(d,{children:"Save Changes"}),H(d,{children:"Cancel Changes"})]}),children:ft(qT,{children:[H(ie,{children:H("div",{className:"k-grid-header-wrap",children:ft(ce,{children:[ft("colgroup",{children:[H("col",{}),H("col",{}),H("col",{}),H("col",{style:{width:"300px"}})]}),H(j,{children:ft(w,{children:[H(I,{columnTitle:"Name"}),H(I,{columnTitle:"Price"}),H(I,{columnTitle:"Available"}),H(I,{accessibleLabel:"Commands"})]})})]})})}),H(ee,{children:H(te,{children:H("div",{children:ft(oe,{children:[ft("colgroup",{children:[H("col",{}),H("col",{}),H("col",{}),H("col",{style:{width:"300px"}})]}),ft(de,{children:[ft(w,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[H(p,{children:H(re,{value:"Towel"})}),H(p,{children:H(_,{value:"42"})}),H(p,{children:H(De,{})}),ft(p,{className:"k-command-cell",children:[H(d,{children:"Add"}),H(d,{children:"Cancel"})]})]}),ft(w,{className:"k-master-row",children:[H(p,{children:"Chai"}),H(p,{children:"18"}),H(p,{children:"false"}),H(p,{className:"k-command-cell",children:H(d,{children:"Remove"})})]}),ft(w,{className:"k-master-row",alt:!0,children:[H(p,{children:"Chang"}),H(p,{children:"19"}),H(p,{children:"false"}),H(p,{className:"k-command-cell",children:H(d,{children:"Remove"})})]})]})]})})})})]}),...e});import{Fragment as iU,jsx as sU,jsxs as dU}from"react/jsx-runtime";import{Fragment as hr,jsx as b,jsxs as J}from"react/jsx-runtime";var YT=W.options,QT=W.states,od={...W.defaultOptions,variant:"normal"},ZT=[{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"}],jT=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Ha=e=>{let{variant:t,modifiers:o,...a}={...od,...e},l={toolbar:void 0,pager:void 0},s=J(To,{children:[b(d,{icon:"plus",children:"Add New"}),b(d,{icon:"file-pdf",children:"Export to PDF"}),b("span",{className:"k-spacer"}),b(re,{prefix:b(g,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=b(he,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(N=>{switch(N){case"toolbar":l.toolbar=o?.[N]?s:void 0;break;case"pager":l.pager=o?.[N]?c:void 0;break;default:return}});let m={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},h=J(hr,{children:[b(ie,{children:b("div",{className:"k-grid-header-wrap",children:J(ce,{children:[J("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(j,{children:J(w,{children:[b(I,{...m[t],columnTitle:"ID"}),b(I,{...m[t],columnTitle:"Product Name"}),b(I,{...m[t],columnTitle:"Units in Stock"}),b(I,{...m[t],columnTitle:"Units Price"})]})})]})})}),b(ee,{children:b(te,{children:J(oe,{children:[J("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),J(de,{children:[J(w,{children:[b(p,{children:"1"}),b(p,{children:"Chai"}),b(p,{children:"39"}),b(p,{children:"18"})]}),J(w,{className:"k-alt",alt:!0,children:[b(p,{children:"2"}),b(p,{children:"Chang"}),b(p,{children:"17"}),b(p,{children:"19"})]}),J(w,{children:[b(p,{children:"3"}),b(p,{children:"Aniseed Syrup"}),b(p,{children:"13"}),b(p,{children:"10"})]}),J(w,{className:"k-alt",alt:!0,children:[b(p,{children:"4"}),b(p,{children:"Chef Anton's Cajun Seasoning"}),b(p,{children:"53"}),b(p,{children:"22"})]}),J(w,{children:[b(p,{children:"5"}),b(p,{children:"Chef Anton's Gumbo Mix"}),b(p,{children:"0"}),b(p,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return b(ad,{...a,...l});case"editing":return b(td,{...a,...l});case"grouping":return b(ed,{...a,...l,groupingHeader:b(Kt,{children:J(ke,{children:[b(ge,{icon:"sort-asc-small",actions:J(hr,{children:[b(Ne,{type:"more"}),b(Ne,{type:"remove"})]}),children:"ID"}),b(ge,{icon:"sort-desc-small",actions:J(hr,{children:[b(Ne,{type:"more"}),b(Ne,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return b(W,{...a,...l,children:J(hr,{children:[b(ie,{children:J("div",{className:"k-grid-header-wrap",children:[" ",J(ce,{children:[J("colgroup",{children:[b("col",{className:"k-drag-col"}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(j,{children:J(w,{children:[b(I,{className:"k-drag-cell",accessibleLabel:"Reorder"}),b(I,{columnTitle:"ID"}),b(I,{columnTitle:"Product Name"}),b(I,{columnTitle:"Units in Stock"}),b(I,{columnTitle:"Units Price"})]})})]})]})}),b(ee,{children:b(te,{children:J(oe,{children:[J("colgroup",{children:[b("col",{className:"k-drag-col"}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),J(de,{children:[J(w,{children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"1"}),b(p,{children:"Chai"}),b(p,{children:"39"}),b(p,{children:"18"})]}),J(w,{className:"k-alt",alt:!0,children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"2"}),b(p,{children:"Chang"}),b(p,{children:"17"}),b(p,{children:"19"})]}),J(w,{children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"3"}),b(p,{children:"Aniseed Syrup"}),b(p,{children:"13"}),b(p,{children:"10"})]}),J(w,{className:"k-alt",alt:!0,children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"4"}),b(p,{children:"Chef Anton's Cajun Seasoning"}),b(p,{children:"53"}),b(p,{children:"22"})]}),J(w,{children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"5"}),b(p,{children:"Chef Anton's Gumbo Mix"}),b(p,{children:"0"}),b(p,{children:"21.35"})]})]})]})})})]})});case"filter-row":return b(Wi,{...a,...l});default:return b(W,{...a,...l,children:h})}};Ha.options=YT;Ha.states=QT;Ha.variants=ZT;Ha.defaultOptions=od;Ha.modifiers=jT;import{Fragment as eh,jsx as G,jsxs as Ge}from"react/jsx-runtime";var ad=({headerWrapClassName:e,contentClassName:t,...o})=>G(W,{_renderAriaRoot:!0,children:Ge(eh,{children:[G(ie,{children:G("div",{className:`k-grid-header-wrap ${e}`,children:Ge(ce,{children:[Ge("colgroup",{children:[G("col",{}),G("col",{}),G("col",{}),G("col",{})]}),Ge(j,{children:[Ge(w,{children:[G(I,{rowspan:3,colspan:1,columnTitle:"ID"}),G(I,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),Ge(w,{children:[G(I,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),G(I,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),Ge(w,{children:[G(I,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),G(I,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),G(ee,{children:G(te,{className:t,children:Ge(oe,{children:[Ge("colgroup",{children:[G("col",{}),G("col",{}),G("col",{}),G("col",{})]}),Ge(de,{children:[Ge(w,{className:"k-master-row",children:[G(p,{children:"1"}),G(p,{children:"Chai"}),G(p,{children:"39"}),G(p,{children:"18"})]}),Ge(w,{className:"k-master-row",alt:!0,children:[G(p,{children:"2"}),G(p,{children:"Chang"}),G(p,{children:"17"}),G(p,{children:"19"})]}),Ge(w,{className:"k-master-row",children:[G(p,{children:"3"}),G(p,{children:"Aniseed Syrup"}),G(p,{children:"13"}),G(p,{children:"10"})]}),Ge(w,{className:"k-master-row",alt:!0,children:[G(p,{children:"4"}),G(p,{children:"Chef Anton's Cajun Seasoning"}),G(p,{children:"53"}),G(p,{children:"22"})]}),Ge(w,{className:"k-master-row",children:[G(p,{children:"5"}),G(p,{children:"Chef Anton's Gumbo Mix"}),G(p,{children:"0"}),G(p,{children:"21.35"})]})]})]})})})]}),...o});export{ad as GridWithMultiColumnHeaders};