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

package/dist/esm/grid/templates/grid-with-selection-aggregates.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 S=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),w=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:i,checked:p,active:m,selected:h,disabled:N,indeterminate:v,loading:k,empty:u,readonly:M,highlighted:C,...A}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":i,"k-checked":p,"k-active":m,"k-selected":h,"k-disabled":N,"k-indeterminate":v&&!p,"k-loading":k,"k-empty":u,"k-readonly":M,"k-highlighted":C},Object.keys(A).reduce((O,R)=>(R.startsWith("k-")?O[R]=A[R]:O[`k-${R}`]=A[R],O),{}))};function dn(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 $="grid",J=$;import{jsx as md,jsxs as ud}from"react/jsx-runtime";var Da="k-grid",dd=[],cd={size:[s.undefined,s.small,s.medium,s.large]},pd=[],cn={pagerPosition:"bottom"},X=e=>{let{size:t,pagerPosition:o=cn.pagerPosition,toolbar:a,pager:l,groupingHeader:i,gridSelectionAggregates:p,_renderAriaRoot:m,resizable:h,...N}=e;return ud("div",{...N,className:r(e.className,Da,{[`${Da}-resizable`]:h},S(Da,{size:t})),children:[a,o==="top"&&l,i,e.children&&m?md("div",{className:"k-grid-aria-root",children:e.children}):e.children,p,o==="bottom"&&l]})};X.states=dd;X.options=cd;X.variants=pd;X.className=Da;X.defaultOptions=cn;X.moduleName=$;X.folderName=J;import{jsx as bd}from"react/jsx-runtime";var pn="k-grid-header",re=e=>{let{draggable:t,...o}=e;return bd("div",{...o,className:r(e.className,pn,{"k-grid-draggable-header":t}),children:e.children})};re.className=pn;re.moduleName=$;re.folderName=J;import{jsx as mn,jsxs as fd}from"react/jsx-runtime";var un="k-grouping-header",Gt=e=>{let{dropHint:t,dropClue:o,...a}=e;return fd("div",{...a,className:r(e.className,un),children:[o&&mn("div",{className:"k-grouping-dropclue"}),e.children,mn("div",{className:"k-grouping-drop-container",children:t})]})};Gt.className=un;Gt.moduleName=$;Gt.folderName=J;import{jsx as Td}from"react/jsx-runtime";var bn="k-grid-sticky-container",fn={position:"top"},_a=e=>{let{position:t=fn.position,...o}=e;return Td("div",{...o,className:r(e.className,bn,{"k-grid-sticky-top-container":t==="top","k-grid-sticky-bottom-container":t==="bottom"}),children:e.children})};_a.className=bn;_a.defaultProps=fn;_a.moduleName=$;_a.folderName=J;var Ce="table",Ae=Ce;import{jsx as gd}from"react/jsx-runtime";var Tn="k-data-table",hd=[],xd={size:[s.undefined,s.small,s.medium,s.large]},Nd={},At=e=>{let{size:t,...o}=e;return gd("div",{...o,className:r(e.className,Tn,S("k-table",{size:t})),children:e.children})};At.states=hd;At.options=xd;At.className=Tn;At.defaultOptions=Nd;At.moduleName=Ce;At.folderName=Ae;import{jsx as Cd}from"react/jsx-runtime";var vr="k-table-header-wrap",kd=[n.hover,n.focus,n.disabled],vd={},Ld={},Dt=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return Cd("div",{...i,className:r(e.className,vr,w(vr,{hover:o,focus:a,disabled:l})),children:t})};Dt.states=kd;Dt.options=vd;Dt.className=vr;Dt.defaultOptions=Ld;Dt.moduleName=Ce;Dt.folderName=Ae;import{jsx as Ad}from"react/jsx-runtime";var Lr="k-table",Md=[],yd={size:[s.undefined,s.small,s.medium,s.large]},Sd={},we=e=>{let{size:t,...o}=e;return Ad("table",{...o,className:r(e.className,Lr,S(Lr,{size:t})),children:e.children})};we.states=Md;we.options=yd;we.className=Lr;we.defaultOptions=Sd;we.moduleName=Ce;we.folderName=Ae;import{jsx as Cr}from"react/jsx-runtime";var Mr="k-table-header",wd=[n.hover,n.focus,n.disabled],Ed={},Id={},wt=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return Cr("div",{...i,className:r(e.className,Mr,w(Mr,{hover:o,focus:a,disabled:l})),children:Cr(Dt,{children:Cr(we,{children:t})})})};wt.states=wd;wt.options=Ed;wt.className=Mr;wt.defaultOptions=Id;wt.moduleName=Ce;wt.folderName=Ae;import{jsx as Hd}from"react/jsx-runtime";var hn="k-table-scroller",Rd=[],Od={},Pd={},ko=e=>{let{children:t,...o}=e;return Hd("div",{...o,className:r(e.className,hn),children:t})};ko.states=Rd;ko.options=Od;ko.className=hn;ko.defaultOptions=Pd;ko.moduleName=Ce;ko.folderName=Ae;import{jsx as ex}from"react/jsx-runtime";import{jsx as Dd}from"react/jsx-runtime";var xn="k-table-footer",Kd=[],Bd={},Gd={},_t=e=>{let{children:t,...o}=e;return Dd("div",{...o,className:r(e.className,xn),children:t})};_t.states=Kd;_t.options=Bd;_t.className=xn;_t.defaultOptions=Gd;_t.moduleName=Ce;_t.folderName=Ae;import{jsx as Fd}from"react/jsx-runtime";var yr="k-table-list",_d=[],zd={size:[s.undefined,s.small,s.medium,s.large]},Ud={},zt=e=>{let{size:t,virtualization:o,...a}=e;return Fd("ul",{...a,className:r(e.className,"k-table",yr,S(yr,{size:t}),{"k-virtual-table":o}),children:e.children})};zt.states=_d;zt.options=zd;zt.className=yr;zt.defaultOptions=Ud;zt.moduleName=Ce;zt.folderName=Ae;import{jsx as $d}from"react/jsx-runtime";var Vd="k-table-thead",j=e=>$d("thead",{className:r(e.className,Vd),children:e.children});import{jsx as Wd}from"react/jsx-runtime";var Xd="k-table-tbody",le=e=>Wd("tbody",{className:r(e.className,Xd),children:e.children});import{jsx as xx}from"react/jsx-runtime";import{jsx as qd}from"react/jsx-runtime";var Sr="k-table-row",Jd=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],y=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:i,alt:p,...m}=e;return qd("tr",{...m,className:r(e.className,Sr,{"k-table-alt-row":p},w(Sr,{hover:t,focus:o,disabled:i,selected:a,highlighted:l})),children:e.children})};y.states=Jd;y.className=Sr;import{jsx as Qd}from"react/jsx-runtime";var Ar="k-table-row",Yd=[n.hover,n.focus,n.selected,n.disabled],za=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:i,...p}=e;return Qd("li",{...p,className:r(e.className,Ar,{"k-table-alt-row":i},w(Ar,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};za.states=Yd;za.className=Ar;import{jsx as Zd}from"react/jsx-runtime";var Nn="k-table-th",Et=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,i=t||e.children;return Zd("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,Nn),children:i})};Et.className=Nn;Et.moduleName=Ce;Et.folderName=Ae;import{jsx as Rx}from"react/jsx-runtime";import{jsx as ec}from"react/jsx-runtime";var wr="k-table-td",jd=[n.focus,n.selected,n.highlighted],d=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:i,rowspan:p,...m}=e,h=l||e.children;return ec("td",{colSpan:i,rowSpan:p,...m,className:r(e.className,wr,w(wr,{focus:t,selected:o,highlighted:a})),children:h})};d.states=jd;d.className=wr;import{jsx as Dx}from"react/jsx-runtime";import{jsx as Fx}from"react/jsx-runtime";import{jsx as Wx}from"react/jsx-runtime";import{jsx as Qx}from"react/jsx-runtime";import{jsx as tN}from"react/jsx-runtime";import{jsx as sN,jsxs as dN}from"react/jsx-runtime";import{jsx as uN,jsxs as bN}from"react/jsx-runtime";import{jsx as xN,jsxs as NN}from"react/jsx-runtime";import{Fragment as MN,jsx as LN,jsxs as CN}from"react/jsx-runtime";import{jsx as rc}from"react/jsx-runtime";var kn="k-grid-header-table",ne=e=>rc(we,{...e,className:r(e.className,kn),children:e.children});ne.className=kn;ne.moduleName=$;ne.folderName=J;import{Fragment as sc,jsx as vn}from"react/jsx-runtime";var Er="k-font-icon",lc=[],nc={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]},ic={},zo=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:i,...p}=e;return a?vn("span",{...p,className:r(e.className,Er,S(Er,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true"}):vn(sc,{})};zo.states=lc;zo.options=nc;zo.className=Er;zo.defaultOptions=ic;var Ln=zo;import{Fragment as pc,jsx as Ua}from"react/jsx-runtime";var Ir="k-svg-icon",dc=[],cc={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]},Cn={viewBox:"0 0 24 24"},Uo=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:i=Cn.viewBox,icon:p,...m}=e;if(!p)return Ua(pc,{});if(p==="none")return Ua("span",{...m,className:r(e.className,Ir,S("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let h=typeof p=="object"&&p.name&&p.name;return Ua("span",{...m,className:r(e.className,Ir,S("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:Ua("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:i,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};Uo.states=dc;Uo.options=cc;Uo.className=Ir;Uo.defaultOptions=Cn;var Rr=Uo;import*as Or from"@progress/kendo-svg-icons";var Mn="icon",yn="icons";import{useContext as uc}from"react";import{createContext as mc}from"react";var Sn=mc({iconsType:"svg"});import{Fragment as An,jsx as Fo}from"react/jsx-runtime";var Fa="k-icon",bc=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),fc=[],Tc={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Pr={viewBox:"0 0 24 24",type:"svg"},g=e=>{let{iconsType:t}=uc(Sn),{size:o,themeColor:a,icon:l,type:i=t||Pr.type,rotate:p,flip:m,viewBox:h=Pr.viewBox,...N}=e;if(!l)return Fo(An,{});if((t||i)==="svg"){if(l==="none")return Fo(Rr,{...N,className:r(e.className,Fa),icon:l,size:o});let k=Or[l]?l:bc(`${l}-icon`);return Or[k]?Fo(Rr,{...N,className:r(e.className,Fa),icon:Or[k],size:o,themeColor:a,rotate:p,flip:m,viewBox:h}):Fo(An,{})}return Fo(Ln,{...N,className:r(e.className,Fa),icon:l,size:o,themeColor:a,rotate:p,flip:m})};g.states=fc;g.options=Tc;g.defaultOptions=Pr;g.className=Fa;g.moduleName=Mn;g.folderName=yn;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 Ut,jsxs as Hr}from"react/jsx-runtime";var Kr="k-header",hc=[n.hover,n.focus,n.active],wn={sortIcon:"sort-asc-small"},E=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:i,columnTitle:p,hover:m,focus:h,active:N,sortIcon:v=wn.sortIcon,sortOrder:k,accessibleLabel:u,...M}=e;return Hr(Et,{...M,className:r(e.className,Kr,{"k-filterable":t||a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":i},w(Kr,{hover:m,focus:h,active:N})),children:[p&&Hr("span",{className:"k-cell-inner",children:[Hr("span",{className:"k-link",children:[Ut("span",{className:"k-column-title",children:p}),o&&Ut("span",{className:"k-sort-icon",children:Ut(g,{icon:v})}),k&&Ut("span",{className:"k-sort-order",children:k})]}),t&&Ut("a",{href:"#",className:r("k-grid-header-menu",{"k-active":N,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:Ut(g,{icon:t==="filter"?"filter":"more-vertical"})})]}),!p&&u&&Ut("span",{className:"k-sr-only",children:u}),e.children,i&&Ut("span",{className:"k-column-resizer k-touch-action-none"})]})};E.states=hc;E.className=Kr;E.defaultOptions=wn;E.moduleName=$;E.folderName=J;import{jsx as xc}from"react/jsx-runtime";var En="k-grid-container",ee=e=>xc("div",{...e,className:r(e.className,En),children:e.children});ee.className=En;ee.moduleName=$;ee.folderName=J;import{jsx as Nc}from"react/jsx-runtime";var In="k-grid-content",te=e=>Nc("div",{...e,className:r(e.className,In),children:e.children});te.className=In;te.moduleName=$;te.folderName=J;import{jsx as gc}from"react/jsx-runtime";var Rn="k-grid-table",oe=e=>gc(we,{...e,className:r(e.className,Rn),children:e.children});oe.className=Rn;oe.moduleName=$;oe.folderName=J;import{jsx as kc}from"react/jsx-runtime";var On="k-grid-footer",Br=e=>kc("div",{...e,className:r(e.className,On),children:e.children});Br.className=On;Br.moduleName=$;Br.folderName=J;import{jsx as vc}from"react/jsx-runtime";var Pn="k-grid-footer-table",Gr=e=>vc(we,{...e,className:r(e.className,Pn),children:e.children});Gr.className=Pn;Gr.moduleName=$;Gr.folderName=J;var Dr="button",Hn=Dr;import{Fragment as yc,jsx as Vo,jsxs as Kn}from"react/jsx-runtime";var $o="k-button",Lc=["icon-button"],Cc=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Mc={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]},_r={showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:i,showArrow:p=_r.showArrow,arrowIconName:m=_r.arrowIconName,variant:h,hover:N,focus:v,active:k,selected:u,disabled:M,togglable:C,icon:A,text:O,iconClassName:R,className:_,...pe}=e,Te=A!==void 0,Re=e.children!==void 0;return Kn(t,{className:r(_,$o,dn($o,h),S($o,{size:o,rounded:a,fillMode:l,themeColor:i}),w($o,{hover:N,focus:v,active:k,disabled:M,selected:u}),{"k-icon-button":!O&&!Re&&Te}),...pe,"aria-pressed":C?u?"true":"false":void 0,disabled:M||void 0,children:[A&&Vo(g,{className:r(R,"k-button-icon"),icon:A}),O?Kn(yc,{children:[O&&Vo("span",{className:"k-button-text",children:O}),e.children]}):e.children&&Vo("span",{className:"k-button-text",children:e.children}),p&&Vo("span",{className:"k-menu-button-arrow k-button-arrow",children:Vo(g,{icon:m})})]})};c.states=Cc;c.options=Mc;c.variants=Lc;c.className=$o;c.defaultOptions=_r;c.moduleName=Dr;c.folderName=Hn;c.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Sc}from"react/jsx-runtime";var Ft=e=>Sc(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Ac}from"react/jsx-runtime";var Xo=e=>Ac(c,{icon:"folder",children:"Button",...e});import{jsx as wc}from"react/jsx-runtime";var ao=e=>wc(c,{children:"Button",...e});import{jsx as zr}from"react/jsx-runtime";var Ec=c.options,Ic=c.states,Rc={...c.defaultOptions,variant:"text"},Oc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Pc=[],Wo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return zr(Ft,{...o,icon:"star"});case"icon-and-text":return zr(Xo,{...o,icon:"star",children:"Button"});default:return zr(ao,{...o,children:"Button"})}};Wo.options=Ec;Wo.states=Ic;Wo.variants=Oc;Wo.defaultOptions=Rc;Wo.modifiers=Pc;var Jo="input",Va=Jo;import{jsx as Gc}from"react/jsx-runtime";var $a="k-input",Hc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Kc={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]},Bc={},he=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:p,readonly:m,size:h,rounded:N,fillMode:v,...k}=e;return Gc("span",{...k,className:r(e.className,$a,S($a,{size:h,rounded:N,fillMode:v}),w($a,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:p,readonly:m}))})};he.states=Hc;he.options=Kc;he.className=$a;he.defaultOptions=Bc;he.moduleName=Jo;he.folderName=Va;import{jsx as Uc}from"react/jsx-runtime";var Xa="k-picker",Dc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],_c={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]},zc={},Nt=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:p,readonly:m,size:h,rounded:N,fillMode:v,...k}=e;return Uc("span",{...k,className:r(e.className,Xa,S(Xa,{size:h,rounded:N,fillMode:v}),w(Xa,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:p,readonly:m})),children:e.children})};Nt.states=Dc;Nt.options=_c;Nt.className=Xa;Nt.defaultOptions=zc;Nt.moduleName=Jo;Nt.folderName=Va;import{Fragment as $c,jsx as Ur}from"react/jsx-runtime";var Bn="k-clear-value",Fc=[n.disabled,n.loading,n.readonly],Vc={},qe=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?Ur($c,{}):Ur("span",{className:r(e.className,Bn),children:Ur(g,{icon:"x"})})};qe.states=Fc;qe.options=Vc;qe.className=Bn;import{jsx as Jc}from"react/jsx-runtime";var Fr="k-input-inner",Xc=[],Wc={},Wa={type:"text",autocomplete:"off",value:"",placeholder:""},Ye=e=>{let{value:t=Wa.value,type:o=Wa.type,placeholder:a=Wa.placeholder,autocomplete:l=Wa.autocomplete,disabled:i,readOnly:p,...m}=e;return Jc("input",{...m,type:o,className:r(e.className,Fr,S(Fr,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:i||void 0,readOnly:p||void 0})};Ye.states=Xc;Ye.options=Wc;Ye.className=Fr;import{jsx as Gn,jsxs as Qc}from"react/jsx-runtime";var Vr="k-input-inner",qc=[],Yc={},ro=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:i,...p}=e;return Qc("span",{...p,className:r(e.className,Vr,S(Vr,e)),children:[l,!l&&i&&Gn(g,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Gn("span",{className:"k-input-value-text",children:t})]})};ro.states=qc;ro.options=Yc;ro.className=Vr;import{jsx as ep}from"react/jsx-runtime";var $r="k-input-inner",Zc=[],jc={},Dn={value:"",placeholder:""},Xr=e=>{let{value:t=Dn.value,placeholder:o=Dn.placeholder,rows:a,disabled:l,...i}=e;return ep("textarea",{...i,className:r(e.className,$r,S($r,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};Xr.states=Zc;Xr.options=jc;Xr.className=$r;import{Fragment as op,jsx as _n}from"react/jsx-runtime";var zn="k-input-loading-icon",tp=[n.disabled,n.loading],_e=e=>{let{disabled:t,loading:o}=e;return t||!o?_n(op,{}):_n("span",{className:r(e.className,zn,"k-icon k-i-loading")})};_e.states=tp;_e.className=zn;import{Fragment as lp,jsx as Un}from"react/jsx-runtime";var Fn="k-input-validation-icon",ap=[n.valid,n.invalid,n.disabled,n.loading],rp={},Oe=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,i=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?Un(lp,{}):Un(g,{className:r(Fn),icon:i})};Oe.states=ap;Oe.options=rp;Oe.className=Fn;import{Fragment as sp,jsx as Vn}from"react/jsx-runtime";var np="k-input-prefix",ip={direction:"horizontal"},at=e=>{let{direction:t=ip.direction,...o}=e;return e.children?Vn("span",{...o,className:r(np,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Vn(sp,{})};import{Fragment as pp,jsx as $n}from"react/jsx-runtime";var dp="k-input-suffix",cp={direction:"horizontal"},rt=e=>{let{direction:t=cp.direction,...o}=e;return e.children?$n("span",{...o,className:r(dp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):$n(pp,{})};import{jsx as fv}from"react/jsx-runtime";import{jsx as up}from"react/jsx-runtime";var mp="k-input-suffix-text",Wr=e=>{let{children:t,...o}=e;return up("span",{...o,className:r(mp,e.className),children:t})};import{jsx as fp}from"react/jsx-runtime";var Xn="k-input-separator",bp={direction:"vertical"},lt=e=>{let{direction:t=bp.direction,...o}=e;return fp("span",{...o,className:r(Xn,e.className,{[`${Xn}-${t}`]:t})})};import{Fragment as Wn,jsx as gt,jsxs as Jr}from"react/jsx-runtime";var Tp=he.states,hp=he.defaultOptions,xp=he.options,Np=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],gp=[],qo=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:i,readonly:p,...m}=e,h=t?.prefix,N=t?.suffix,v=t?.["clear-button"],k=t?.["validation-icon"],u=t?.separators;return Jr(he,{...m,valid:o,invalid:a,loading:l,disabled:i,readonly:p,style:{width:300},children:[h&&Jr(Wn,{children:[gt(at,{children:gt(g,{icon:"lock"})}),u&&gt(lt,{})]}),gt(Ye,{placeholder:"Placeholder",value:"Value"}),k&&gt(Oe,{valid:o,invalid:a,loading:l,disabled:i}),gt(_e,{loading:l,disabled:i}),v&&gt(qe,{loading:l,disabled:i,readonly:p,value:"Value"}),N&&Jr(Wn,{children:[u&&gt(lt,{}),gt(rt,{children:gt(ao,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};qo.options=xp;qo.states=Tp;qo.variants=gp;qo.defaultOptions=hp;qo.modifiers=Np;var qr="popup",Jn=qr;import{jsx as qn}from"react/jsx-runtime";var Yn="k-animation-container",kp=[],vp={},Qn={positionMode:"absolute"},kt=e=>{let{positionMode:t=Qn.positionMode,animationStyle:o,offset:a,...l}=e;return qn("div",{...l,style:{...a,...e.style},className:r(e.className,Yn,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:qn("div",{className:"k-child-animation-container",style:o,children:e.children})})};kt.states=kp;kt.options=vp;kt.className=Yn;kt.defaultOptions=Qn;kt.moduleName=qr;kt.folderName=Jn;var Yr="popup",Zn=Yr;import{jsx as jn}from"react/jsx-runtime";var ei="k-popup",Lp=[],Cp={},ti={positionMode:"absolute"},ie=e=>{let{offset:t,positionMode:o=ti.positionMode,animationStyle:a,containerClassName:l,containerRole:i,containerAriaLabel:p,...m}=e;return jn(kt,{positionMode:o,offset:t,animationStyle:a,className:l,role:i,"aria-label":p,children:jn("div",{...m,className:r(e.className,ei),children:e.children})})};ie.states=Lp;ie.options=Cp;ie.className=ei;ie.defaultOptions=ti;ie.moduleName=Yr;ie.folderName=Zn;ie.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",oi=Qr;import{jsx as Sp}from"react/jsx-runtime";var Ja="k-actions",Mp=[],yp={},Zr={alignment:"start",orientation:"horizontal"},vt=e=>{let{alignment:t=Zr.alignment,orientation:o=Zr.orientation,...a}=e;return Sp("div",{...a,className:r(Ja,{[`${Ja}-${t}`]:t,[`${Ja}-${o}`]:o},e.className),children:e.children})};vt.states=Mp;vt.options=yp;vt.className=Ja;vt.defaultOptions=Zr;vt.moduleName=Qr;vt.folderName=oi;import{jsx as wp}from"react/jsx-runtime";var Ap="k-actionsheet-footer",ai={alignment:"stretched",orientation:"horizontal"},Vt=e=>{let{alignment:t=ai.alignment,orientation:o=ai.orientation,template:a,as:l=a?"div":vt,...i}=e;return wp(l,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,Ap),children:e.children})};var jr="searchbox",ri=jr;import{jsx as Yo,jsxs as Rp}from"react/jsx-runtime";var li="k-searchbox",Ep=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],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]},el={showIcon:!0,icon:"search"},nt=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:i,hover:p,focus:m,valid:h,invalid:N,required:v,loading:k,disabled:u,showIcon:M=el.showIcon,icon:C=el.icon,...A}=e;return Rp(he,{...A,size:a,rounded:l,fillMode:i,hover:p,focus:m,valid:h,invalid:N,required:v,loading:k,disabled:u,className:r(e.className,li),children:[M&&Yo(g,{className:"k-input-icon",icon:C}),Yo(Ye,{placeholder:o,value:t}),Yo(_e,{...e}),Yo(Oe,{...e}),Yo(qe,{...e})]})};nt.states=Ep;nt.options=Ip;nt.className=li;nt.defaultOptions=el;nt.moduleName=jr;nt.folderName=ri;import{jsx as PL}from"react/jsx-runtime";var tl="textbox",ni=tl;import{Fragment as ii,jsx as $t,jsxs as ol}from"react/jsx-runtime";var si="k-textbox",Op=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Pp={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]},qa={showClearButton:!0,showValidationIcon:!0,separators:!0},se=e=>{let{size:t,rounded:o,fillMode:a,separators:l=qa.separators,showClearButton:i=qa.showClearButton,showValidationIcon:p=qa.showValidationIcon,prefix:m,suffix:h,type:N,value:v,placeholder:k,hover:u,focus:M,valid:C,invalid:A,required:O,loading:R,disabled:_,readonly:pe,id:Te,"aria-label":Re,"aria-describedby":We,...Je}=e;return ol(he,{...Je,size:t,rounded:o,fillMode:a,hover:u,focus:M,valid:C,invalid:A,required:O,loading:R,disabled:_,readonly:pe,className:r(e.className,si),children:[m&&ol(ii,{children:[$t(at,{children:m}),l&&$t(lt,{})]}),$t(Ye,{id:Te,placeholder:k,value:v,type:N,disabled:_,"aria-label":Re,"aria-describedby":We,"aria-invalid":A?"true":void 0}),p&&$t(Oe,{valid:C,invalid:A,loading:R,disabled:_}),$t(_e,{loading:R,disabled:_}),i&&$t(qe,{loading:R,disabled:_,readonly:pe,value:v}),h&&ol(ii,{children:[l&&$t(lt,{}),$t(rt,{children:h})]})]})};se.states=Op;se.options=Pp;se.className=si;se.defaultOptions=qa;se.moduleName=tl;se.folderName=ni;se.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=se;import{jsx as Hp}from"react/jsx-runtime";var di=e=>Hp(Qo,{...e});import{Fragment as ZL,jsx as QL}from"react/jsx-runtime";import{Fragment as rC,jsx as aC}from"react/jsx-runtime";import{jsx as sC}from"react/jsx-runtime";import{jsx as al}from"react/jsx-runtime";var Kp=se.states,Bp=se.defaultOptions,Gp=se.options,Dp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],_p=[],Zo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?al(g,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[l]?al(ao,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;default:break}}),al(di,{value:"Value",style:{width:300},...o,...a})};Zo.options=Gp;Zo.states=Kp;Zo.variants=_p;Zo.defaultOptions=Bp;Zo.modifiers=Dp;import{jsx as Xt,jsxs as rl}from"react/jsx-runtime";var ci="k-actionsheet-titlebar",zp={},Pe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:i,input:p,inputValue:m,inputPlaceholder:h,adaptive:N,titleId:v,children:k,...u}=e;return rl("div",{...u,className:r(e.className,ci),children:[rl("div",{className:"k-actionsheet-titlebar-group",children:[a&&Xt("div",{className:"k-actionsheet-actions",children:a}),!k&&rl("div",{className:"k-actionsheet-title",id:v,children:[t&&Xt("div",{className:"k-text-center",children:t}),o&&Xt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&Xt("div",{className:"k-actionsheet-title",id:v,children:k}),l&&Xt("div",{className:"k-actionsheet-actions",children:l})]}),(p||i)&&Xt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?Xt(se,{value:m,placeholder:h,size:N?"large":"medium","aria-label":t||h||"Input"}):Xt(nt,{placeholder:"Filter",size:N?"large":"medium","aria-label":"Filter options"})})]})};Pe.className=ci;Pe.defaultOptions=zp;import{jsx as ll,jsxs as $p}from"react/jsx-runtime";var nl="k-actionsheet-view",Up=[],Fp={},Vp={},vo=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:i,titleId:p,...m}=e,h=l?.type===Pe&&ll(Pe,{adaptive:t,titleId:p,...l?.props}),N=i?.type===Vt&&ll(Vt,{...i?.props});return $p("div",{...m,className:r(e.className,nl,{[`${nl}-animated`]:o}),children:[h,ll("div",{className:"k-actionsheet-content",children:a}),N]})};vo.states=Up;vo.options=Fp;vo.className=nl;vo.defaultOptions=Vp;var jo="action-sheet",Ya=jo;var il="overlay",pi=il;import{jsx as qp}from"react/jsx-runtime";var sl="k-overlay",Xp=[],Wp={themeColor:[f.undefined,f.light,f.dark,f.inverse]},Jp={},Wt=e=>{let{themeColor:t,...o}=e;return qp("div",{...o,className:r(e.className,sl,S(sl,{themeColor:t})),children:e.children})};Wt.states=Xp;Wt.options=Wp;Wt.className=sl;Wt.defaultOptions=Jp;Wt.moduleName=il;Wt.folderName=pi;import{jsx as Qa,jsxs as Zp}from"react/jsx-runtime";var mi="k-actionsheet",Yp=[],Qp={},ea={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ue=e=>{let{side:t=ea.side,fullscreen:o=ea.fullscreen,adaptive:a=ea.adaptive,overlay:l=ea.overlay,template:i,children:p,header:m,footer:h,id:N,...v}=e,k=N&&!i&&m?`${N}-title`:void 0;return Zp("div",{className:"k-actionsheet-container",children:[l&&Qa(Wt,{}),Qa(kt,{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,mi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i||Qa(vo,{header:m,footer:h,adaptive:a,titleId:k,...e,children:p})})})]})};ue.states=Yp;ue.options=Qp;ue.className=mi;ue.defaultOptions=ea;ue.moduleName=jo;ue.folderName=Ya;ue.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 om}from"react/jsx-runtime";var ui="k-actionsheet-container",jp=[],em={},tm={},Lo=e=>{let{children:t,...o}=e;return om("div",{...o,className:ui,children:t})};Lo.states=jp;Lo.options=em;Lo.className=ui;Lo.defaultOptions=tm;Lo.moduleName=jo;Lo.folderName=Ya;import{jsx as am}from"react/jsx-runtime";var dl=e=>{let{...t}=e;return am("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as lm,jsx as ta,jsxs as cl}from"react/jsx-runtime";var pl="k-actionsheet-item",rm=[n.hover,n.focus,n.selected,n.disabled],Jt=e=>{let{iconName:t,text:o,description:a,hover:l,focus:i,selected:p,disabled:m,...h}=e;return cl("span",{...h,className:r(e.className,pl,w(pl,{hover:l,focus:i,selected:p,disabled:m})),children:[!e.children&&ta(lm,{children:cl("span",{className:"k-actionsheet-action",children:[t&&ta("span",{className:"k-icon-wrap",children:ta(g,{className:"k-actionsheet-item-icon",icon:t})}),cl("span",{className:"k-actionsheet-item-text",children:[o&&ta("span",{className:"k-actionsheet-item-title",children:o}),a&&ta("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Jt.states=rm;Jt.className=pl;import{jsx as iM,jsxs as sM}from"react/jsx-runtime";import{jsx as mM}from"react/jsx-runtime";import{jsx as TM}from"react/jsx-runtime";import{jsx as gM}from"react/jsx-runtime";import{jsx as Me,jsxs as ml}from"react/jsx-runtime";var nm=ue.options,im=ue.states,fi={...ue.defaultOptions,variant:"normal"},sm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],dm=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],oa=e=>{let{variant:t,modifiers:o,...a}={...fi,...e},l={},i=ml(dl,{children:[Me(Jt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Me(Jt,{text:"Add to Favorites",iconName:"heart"}),Me(Jt,{text:"Upload New",iconName:"upload",disabled:!0}),Me("hr",{className:"k-hr"}),Me(Jt,{text:"Cancel",iconName:"cancel"})]}),p="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]?p:void 0;break;case"footer":l.footer=!!o?.[h];break;default:break}}),t==="adaptive"?Me(ue,{...a,adaptive:!0,fullscreen:l.fullScreen,header:Me(Pe,{actionsStart:l.actionsStart?Me(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Me(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:l.subtitle}),footer:l.footer?ml(Vt,{alignment:"stretched",children:[Me(c,{text:"Cancel",size:"large",themeColor:"base"}),Me(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):Me(ue,{...a,fullscreen:l.fullScreen,header:Me(Pe,{actionsStart:l.actionsStart?Me(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Me(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?ml(Vt,{alignment:"stretched",children:[Me(c,{text:"Apply",themeColor:"primary"}),Me(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};oa.options=nm;oa.states=im;oa.variants=sm;oa.defaultOptions=fi;oa.modifiers=dm;import bl from"react";import{jsx as Ti}from"react/jsx-runtime";var cm="k-list-group-sticky-header",ul=e=>Ti("div",{className:r(cm,e.className),children:Ti("div",{className:"k-list-header-text",children:e.children})});import{jsx as mm}from"react/jsx-runtime";var pm="k-no-data",Za=e=>{let{live:t,...o}=e;return mm("span",{...o,className:r(pm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var lo="list",Co=lo;import{jsx as hi,jsxs as xi}from"react/jsx-runtime";var fl="k-list",um=[],bm={size:[s.undefined,s.small,s.medium,s.large]},fm={},F=e=>{let{size:t,virtualization:o,children:a,header:l,optionLabel:i,customValue:p,noData:m,screenReaders:h,...N}=e,k=bl.Children.toArray(a)[0],u=k?.props?.children?bl.Children.count(k.props.children):bl.Children.count(a);return xi("div",{...N,className:r(e.className,fl,S(fl,{size:t}),{"k-virtual-list":o}),children:[i,p,l&&hi(ul,{children:l}),a||(m!==void 0?m:hi(Za,{live:!0,children:"No data found."})),h&&a&&xi(Za,{className:"k-sr-only",live:!0,children:[u," items found."]})]})};F.states=um;F.options=bm;F.className=fl;F.defaultOptions=fm;F.moduleName=lo;F.folderName=Co;F.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 Nm}from"react/jsx-runtime";var Ni="k-list-container",Tm=[],hm={},xm={},Mo=e=>{let{...t}=e;return Nm("div",{...t,className:r(e.className,Ni),children:e.children})};Mo.states=Tm;Mo.options=hm;Mo.className=Ni;Mo.defaultOptions=xm;Mo.moduleName=lo;Mo.folderName=Co;var no="checkbox",yo=no;import{jsx as gi}from"react/jsx-runtime";var ja="k-checkbox",gm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],km={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full]},vm={},ze=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:i,disabled:p,invalid:m,valid:h,required:N,size:v,rounded:k,...u}=e;return gi("span",{className:"k-checkbox-wrap",children:gi("input",{...u,id:t,type:"checkbox",defaultChecked:o,required:N,disabled:p||void 0,"aria-invalid":m?"true":void 0,className:r(e.className,ja,S(ja,{size:v,rounded:k}),w(ja,{hover:l,focus:i,disabled:p,invalid:m,valid:h,indeterminate:a,checked:o}))})})};ze.states=gm;ze.options=km;ze.className=ja;ze.defaultOptions=vm;ze.moduleName=no;ze.folderName=yo;ze.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var Lt=ze;import{jsx as Mm}from"react/jsx-runtime";var ki="k-checkbox-list",Lm=[],Cm={},vi={layout:"vertical"},Ue=e=>{let{layout:t=vi.layout,...o}=e;return Mm("ul",{...o,className:r(e.className,ki,{[`k-list-${t}`]:t}),children:e.children})};Ue.states=Lm;Ue.options=Cm;Ue.className=ki;Ue.defaultOptions=vi;Ue.moduleName=no;Ue.folderName=yo;import{jsx as wm}from"react/jsx-runtime";var Li="k-checkbox-list-item",ym=[],Sm={},Am={},He=e=>{let{...t}=e;return wm("li",{...t,className:r(e.className,Li),children:e.children})};He.states=ym;He.options=Sm;He.className=Li;He.defaultOptions=Am;He.moduleName=no;He.folderName=yo;import{Fragment as Em,jsx as Ci,jsxs as Im}from"react/jsx-runtime";var It=({children:e,id:t,...o})=>Im(Em,{children:[Ci(Lt,{id:t,...o}),Ci("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as wy,jsx as Ay,jsxs as Ey}from"react/jsx-runtime";import{Fragment as Hy,jsx as Py,jsxs as Ky}from"react/jsx-runtime";import{Fragment as zy,jsx as _y,jsxs as Uy}from"react/jsx-runtime";import{jsx as Xy}from"react/jsx-runtime";import{jsx as Yy}from"react/jsx-runtime";import{jsx as eS}from"react/jsx-runtime";import{jsx as it,jsxs as Mi}from"react/jsx-runtime";var Rm=Ue.options,Om=Ue.states,Pm={...Ue.defaultOptions,variant:"vertical"},Hm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Km=[],aa=e=>{let{variant:t,...o}=e;return t==="horizontal"?Mi(Ue,{layout:"horizontal",...o,children:[it(He,{children:it(It,{id:"first",defaultChecked:!0,children:"Label"})}),it(He,{children:it(It,{id:"second",children:"Label"})}),it(He,{children:it(It,{id:"third",children:"Label"})})]}):Mi(Ue,{...o,children:[it(He,{children:it(It,{id:"first",defaultChecked:!0,children:"Label"})}),it(He,{children:it(It,{id:"second",children:"Label"})}),it(He,{children:it(It,{id:"third",children:"Label"})})]})};aa.options=Rm;aa.states=Om;aa.variants=Hm;aa.defaultOptions=Pm;aa.modifiers=Km;import{jsx as Um}from"react/jsx-runtime";var Bm=Lt.options,Gm=Lt.states,Dm=Lt.defaultOptions,_m=[],zm=[],ra=e=>Um(It,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});ra.options=Bm;ra.states=Gm;ra.variants=_m;ra.defaultOptions=Dm;ra.modifiers=zm;import{jsx as io,jsxs as Xm}from"react/jsx-runtime";var Tl="k-list-item",Fm=[n.hover,n.focus,n.selected,n.disabled],Vm={},$m={},D=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:i,showCheckbox:p,checked:m,hover:h,focus:N,selected:v,disabled:k,actions:u,description:M,id:C,...A}=e,O=t||e.children;return Xm("li",{...A,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":Tl,w(Tl,{hover:h,focus:N,disabled:k,selected:v})),children:[p&&io(ze,{checked:m}),l&&io("span",{className:"k-list-item-icon-wrapper",children:io(g,{icon:l,className:r("k-list-item-icon",i)})}),io("span",{className:"k-list-item-text",children:O}),u&&io("div",{className:"k-list-item-actions",children:u}),M&&io("span",{className:"k-list-item-description",children:M}),o&&o!==""&&io("div",{className:"k-list-item-group-label",children:o})]})};D.states=Fm;D.options=Vm;D.className=Tl;D.defaultOptions=$m;D.moduleName=lo;D.folderName=Co;D.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 Jm}from"react/jsx-runtime";var Wm="k-list-ul",Rt=e=>{let{children:t,role:o,id:a,...l}=e;return Jm("ul",{...l,id:a,role:o,className:r(Wm,e.className),children:t})};Rt.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 hl,jsxs as Ym}from"react/jsx-runtime";var qm="k-list-content",Y=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:i,...p}=e;return Ym("div",{...p,className:r(qm,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:hl(Rt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&hl("div",{className:"k-height-container",children:hl("div",{})})]})};Y.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 US,jsx as zS,jsxs as FS}from"react/jsx-runtime";import{jsx as xl,jsxs as Zm}from"react/jsx-runtime";var Qm="k-list-group-item",so=e=>{let{groupIconName:t,...o}=e;return Zm("li",{...o,role:"presentation",className:r(Qm,e.className),children:[t&&xl("span",{className:"k-list-item-icon-wrapper",children:xl(g,{icon:t,className:"k-list-item-icon"})}),xl("span",{className:"k-list-item-text",children:e.children})]})};so.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 ou}from"react/jsx-runtime";var Nl="k-list-optionlabel",jm=[n.hover,n.focus,n.selected,n.disabled],eu={},tu={},er=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...p}=e;return ou("div",{...p,className:r(Nl,w(Nl,{hover:o,focus:a,selected:l,disabled:i})),children:t})};er.states=jm;er.options=eu;er.className=Nl;er.defaultOptions=tu;import{jsx as nu}from"react/jsx-runtime";var gl="k-list-custom-value",au=[n.hover,n.focus,n.selected,n.disabled],ru={},lu={},qt=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...p}=e;return nu("div",{...p,className:r(gl,w(gl,{hover:o,focus:a,selected:l,disabled:i})),children:t})};qt.states=au;qt.options=ru;qt.className=gl;qt.defaultOptions=lu;import{Fragment as lA,jsx as rA,jsxs as nA}from"react/jsx-runtime";import{Fragment as mA,jsx as pA,jsxs as uA}from"react/jsx-runtime";import{Fragment as gA,jsx as xA,jsxs as NA}from"react/jsx-runtime";import{Fragment as SA,jsx as MA,jsxs as yA}from"react/jsx-runtime";import{jsx as IA}from"react/jsx-runtime";import{Fragment as BA,jsx as KA,jsxs as GA}from"react/jsx-runtime";var yi="dropdown-list",Si="dropdownlist";import{Fragment as du,jsx as Ke,jsxs as kl}from"react/jsx-runtime";var Ai="k-dropdownlist",iu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],su={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]},vl={showValue:!0,arrowIconName:"caret-alt-down"},Q=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=vl.arrowIconName,showValue:i=vl.showValue,valueIconName:p,prefix:m,suffix:h,value:N,placeholder:v,hover:k,focus:u,valid:M,invalid:C,required:A,loading:O,disabled:R,readonly:_,popup:pe,opened:Te,adaptive:Re,adaptiveSettings:We,adaptiveTitle:Je,adaptiveSubtitle:go,adaptiveFilter:kr,...Ga}=e;return kl(du,{children:[kl(Nt,{...Ga,size:t,rounded:o,fillMode:a,hover:k,focus:u,valid:M,invalid:C,required:A,loading:O,disabled:R,readonly:_,className:r(e.className,Ai,{"k-icon-picker":!i&&p}),children:[Ke(at,{children:m}),Ke(ro,{placeholder:v,value:N,showValue:i,valueIconName:p}),Ke(Oe,{valid:M,invalid:C,loading:O,disabled:R}),Ke(_e,{loading:O,disabled:R}),Ke(rt,{children:h}),Ke(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":v||"Toggle dropdown"})]}),Te&&pe&&Ke(ie,{className:"k-list-container k-dropdownlist-popup",children:pe}),Re&&Ke(ue,{adaptive:!0,...We,header:Ke(Pe,{actionsEnd:Ke(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:kr,inputValue:N,inputPlaceholder:v,title:Je,subtitle:go}),children:Ke("div",{className:"k-list-container",children:Ke(F,{size:"large",children:kl(Y,{children:[Ke(D,{text:"List item"}),Ke(D,{text:"List item"}),Ke(D,{text:"List item"})]})})})})]})};Q.states=iu;Q.options=su;Q.className=Ai;Q.defaultOptions=vl;Q.moduleName=yi;Q.folderName=Si;import{jsx as Tw}from"react/jsx-runtime";import{jsx as kw,jsxs as vw}from"react/jsx-runtime";import{Fragment as Ew,jsx as Aw,jsxs as ww}from"react/jsx-runtime";import{jsx as Pw}from"react/jsx-runtime";import{jsx as Dw,jsxs as _w}from"react/jsx-runtime";import{Fragment as Jw,jsx as Xw,jsxs as Ww}from"react/jsx-runtime";import{Fragment as fu,jsx as Yt,jsxs as wi}from"react/jsx-runtime";var cu=Q.states,pu=Q.defaultOptions,mu=Q.options,uu=[{name:"opened",title:"Opened"}],bu=[],na=e=>{let{modifiers:t,...o}=e,a={},l=wi(fu,{children:[Yt("div",{className:"k-list-filter",children:Yt(nt,{})}),Yt(F,{style:{width:300},size:o.size,children:wi(Y,{children:[Yt(D,{children:"List item"}),Yt(D,{children:"List item"}),Yt(D,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?l:void 0)}),Yt("div",{children:Yt(Q,{placeholder:"Value",style:{width:300},...o,...a})})};na.options=mu;na.states=cu;na.variants=bu;na.defaultOptions=pu;na.modifiers=uu;import{jsx as Ei,jsxs as gu}from"react/jsx-runtime";var Ii="k-spin-button",xu=[],Nu={size:[s.undefined,s.small,s.medium,s.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Ll={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Qt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=Ll.increaseLabel,decreaseLabel:i=Ll.decreaseLabel,...p}=e;return gu("span",{...p,className:r(Ii,e.className),children:[Ei(c,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),Ei(c,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Qt.states=xu;Qt.options=Nu;Qt.className=Ii;Qt.defaultOptions=Ll;Qt.moduleName=null;Qt.folderName=null;var Ri="numeric-textbox",Oi="numerictextbox";import{Fragment as Pi,jsx as Ot,jsxs as Cl}from"react/jsx-runtime";var Hi="k-numerictextbox",ku=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],vu={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]},tr={showSpinButton:!0,showClearButton:!0,separators:!0},z=e=>{let{size:t,rounded:o,fillMode:a,separators:l=tr.separators,showClearButton:i=tr.showClearButton,showSpinButton:p=tr.showSpinButton,prefix:m,suffix:h,value:N,placeholder:v,hover:k,focus:u,valid:M,invalid:C,required:A,loading:O,disabled:R,readonly:_,id:pe,"aria-label":Te,"aria-describedby":Re,...We}=e;return Cl(he,{...We,size:t,rounded:o,fillMode:a,hover:k,focus:u,valid:M,invalid:C,required:A,loading:O,disabled:R,readonly:_,className:r(e.className,Hi),children:[m&&Cl(Pi,{children:[Ot(at,{children:m}),l&&Ot(lt,{})]}),Ot(Ye,{id:pe,placeholder:v,value:N,role:"spinbutton",disabled:R,"aria-label":Te,"aria-describedby":Re,"aria-invalid":C?"true":void 0}),Ot(Oe,{valid:M,invalid:C,loading:O,disabled:R}),Ot(_e,{loading:O,disabled:R}),i&&Ot(qe,{loading:O,disabled:R,readonly:_,value:N}),h&&Cl(Pi,{children:[l&&Ot(lt,{}),Ot(rt,{children:h})]}),p&&Ot(Qt,{className:"k-input-spinner",size:t,fillMode:a,disabled:R})]})};z.states=ku;z.options=vu;z.className=Hi;z.defaultOptions=tr;z.moduleName=Ri;z.folderName=Oi;z.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 ia=z;import{jsx as Lu}from"react/jsx-runtime";var Ki=e=>Lu(ia,{...e});import{Fragment as OE,jsx as RE}from"react/jsx-runtime";import{Fragment as DE,jsx as GE}from"react/jsx-runtime";import{jsx as FE}from"react/jsx-runtime";import{jsx as Ml}from"react/jsx-runtime";var Cu=z.states,Mu=z.defaultOptions,yu=z.options,Su=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Au=[],sa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Ml(Q,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[l]?Ml(Wr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;case"spin-button":a.showSpinButton=t?.[l];break;default:break}}),Ml(Ki,{value:"Value",style:{width:300},...o,...a})};sa.options=yu;sa.states=Cu;sa.variants=Au;sa.defaultOptions=Mu;sa.modifiers=Su;var yl="pager",Bi=yl;import{Fragment as Gi,jsx as Fe,jsxs as So}from"react/jsx-runtime";var or="k-pager",wu=[n.focus,n.disabled],Eu={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},xe=e=>{let{responsive:t=Qe.responsive,size:o,pagerSizeInfo:a=Qe.pagerSizeInfo,pageTitleInfo:l=Qe.pageTitleInfo,maxPagesInfo:i=Qe.maxPagesInfo,itemsPerPage:p=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:A,dir:O,...R}=e,_=[],pe=[];for(let Te=1;Te<=m;Te++)_.push(Fe(c,{selected:Te===h,fillMode:"flat",themeColor:"primary",size:o,children:Te})),pe.push(Fe("option",{selected:Te===h,children:Te}));return So("div",{dir:O,...R,className:r(e.className,or,S(or,{size:o}),w(or,{focus:C,disabled:A}),{"k-pager-responsive":t}),children:[So("div",{className:r("k-pager-numbers-wrap"),children:[N&&So(Gi,{children:[Fe(c,{className:r("k-pager-nav","k-pager-first"),disabled:h===1&&!A,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),Fe(c,{className:r("k-pager-nav"),disabled:h===1&&!A,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-right":"caret-alt-left"})]}),v==="numeric"&&Fe("div",{className:r("k-pager-numbers"),children:_}),v==="input"&&So("span",{className:r("k-pager-input"),children:[l&&Fe("span",{children:"Page"}),Fe(z,{value:`${h}`,size:o,showSpinButton:!1,showClearButton:!1}),Fe("span",{children:i&&`of ${m}`})]}),N&&So(Gi,{children:[Fe(c,{className:r("k-pager-nav"),disabled:h===m&&!A,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-left":"caret-alt-right"}),Fe(c,{className:r("k-pager-nav","k-pager-last"),disabled:h===m&&!A,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),k&&So("span",{className:r("k-pager-sizes"),children:[Fe(Q,{value:`${p}`,size:o}),a&&Fe("span",{children:"items per page"})]}),u&&Fe(c,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),M&&Fe("span",{className:r("k-pager-info"),children:M})]})};xe.states=wu;xe.options=Eu;xe.className=or;xe.defaultOptions=Qe;xe.moduleName=yl;xe.folderName=Bi;import{jsx as fI}from"react/jsx-runtime";import{jsx as NI}from"react/jsx-runtime";import{jsx as LI}from"react/jsx-runtime";import{jsx as Di}from"react/jsx-runtime";var Iu=xe.options,Ru=xe.states,Ou={...xe.defaultOptions,variant:"numeric"},Pu=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Hu=[],da=e=>{let{variant:t,...o}=e;return t==="input"?Di(xe,{...o,type:"input"}):Di(xe,{...o,type:"numeric"})};da.options=Iu;da.states=Ru;da.variants=Pu;da.defaultOptions=Ou;da.modifiers=Hu;import{jsx as Ku}from"react/jsx-runtime";var _i="k-grid-pager",Ct=e=>Ku(xe,{...e,className:r(e.className,_i),children:e.children});Ct.className=_i;Ct.moduleName=$;Ct.folderName=J;var Sl="button",zi=Sl;import{jsx as _u}from"react/jsx-runtime";var ca="k-button-group",Bu=[n.disabled],Gu={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Du={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return _u("div",{role:"group",...l,className:r(e.className,ca,S(ca,{fillMode:t}),w(ca,{disabled:o}),{[`${ca}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=Bu;B.options=Gu;B.className=ca;B.defaultOptions=Du;B.moduleName=Sl;B.folderName=zi;B.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 YI,jsx as qI,jsxs as QI}from"react/jsx-runtime";import{Fragment as aR,jsx as oR,jsxs as rR}from"react/jsx-runtime";import{Fragment as cR,jsx as dR,jsxs as pR}from"react/jsx-runtime";import{Fragment as hR,jsx as TR,jsxs as xR}from"react/jsx-runtime";import{Fragment as CR,jsx as LR,jsxs as MR}from"react/jsx-runtime";import{Fragment as IR,jsx as ER,jsxs as RR}from"react/jsx-runtime";import{jsx as Pt,jsxs as Al}from"react/jsx-runtime";var zu={...c.options,...B.options},Uu=c.states,Fu={...c.defaultOptions,...B.defaultOptions,variant:"text-button"},Vu=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],$u=[],pa=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Al(B,{fillMode:a.fillMode,className:o,children:[Pt(c,{...a,icon:"star"}),Pt(c,{...a,icon:"star"}),Pt(c,{...a,icon:"star"})]}):t==="icon-text-button"?Al(B,{fillMode:a.fillMode,className:o,children:[Pt(c,{...a,icon:"star",children:"First"}),Pt(c,{...a,icon:"star",children:"Middle"}),Pt(c,{...a,icon:"star",children:"Last"})]}):Al(B,{fillMode:a.fillMode,className:o,children:[Pt(c,{...a,children:"First"}),Pt(c,{...a,children:"Middle"}),Pt(c,{...a,children:"Last"})]})};pa.options=zu;pa.states=Uu;pa.variants=Vu;pa.defaultOptions=Fu;pa.modifiers=$u;import{jsx as Ui,jsxs as Ju}from"react/jsx-runtime";var Fi="k-color-preview",Xu=[],Wu={},Zt=e=>{let{color:t,iconName:o,...a}=e;return Ju("span",{...a,className:r(e.className,Fi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Ui(g,{icon:o,className:"k-color-preview-icon"}),Ui("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Zt.states=Xu;Zt.options=Wu;Zt.className=Fi;var wl="slider",Vi=wl;import{jsx as Ao,jsxs as El}from"react/jsx-runtime";var ma="k-slider",qu=[n.hover,n.focus,n.active,n.disabled,n.readonly],Yu={},dt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},de=e=>{let{type:t=dt.type,orientation:o=dt.orientation,gradientType:a=dt.gradientType,readonly:l=dt.readonly,disabled:i=dt.disabled,handlePosition:p=dt.handlePosition,showButtons:m=dt.showButtons,showTicks:h=dt.showTicks,value:N=dt.value,min:v=dt.min,max:k=dt.max,startValue:u,endValue:M,hover:C,focus:A,active:O,trackStyle:R,dir:_,...pe}=e,Re=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),We,Je;return o==="horizontal"?(We=_==="rtl"?"caret-alt-left":"caret-alt-right",Je=_==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(We="caret-alt-up",Je="caret-alt-down"),El("div",{...pe,className:r(ma,e.className,w(ma,{readonly:l,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:_,children:[m&&Ao(c,{className:"k-button-decrease",rounded:"full",icon:Je,tabIndex:-1,title:"Decrease"}),El("div",{className:"k-slider-track-wrap",children:[h&&Ao("ul",{className:"k-reset k-slider-items",children:e.children}),El("div",{className:"k-slider-track",style:R,children:[Ao("div",{className:"k-slider-selection"}),t==="range"&&Ao("span",{className:r("k-draghandle","k-draghandle-start",w(ma,{hover:C,focus:A,active:O})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":u??v,"aria-valuemin":v,"aria-valuemax":M??k,"aria-orientation":Re,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":pe["aria-label"]?`${pe["aria-label"]} start`:"Range start"}),Ao("span",{className:r("k-draghandle",`k-draghandle-${p}`,w(ma,{hover:C,focus:A,active:O})),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":Re,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?pe["aria-label"]?`${pe["aria-label"]} end`:"Range end":pe["aria-label"]})]})]}),m&&Ao(c,{className:"k-button-increase",rounded:"full",icon:We,tabIndex:-1,title:"Increase"})]})};de.states=qu;de.options=Yu;de.className=ma;de.defaultOptions=dt;de.moduleName=wl;de.folderName=Vi;de.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 $i}from"react/jsx-runtime";var Xi="k-tick",Qu=[],Zu={},Wi={label:!1},H=e=>{let{style:t,label:o=Wi.label,orientation:a,large:l,text:i,...p}=e;return $i("li",{...p,className:r(e.className,Xi,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&$i("span",{className:"k-label",children:i})})};H.states=Qu;H.options=Zu;H.className=Xi;H.defaultOptions=Wi;import{Fragment as ju,jsx as ct,jsxs as eb}from"react/jsx-runtime";var Ji=e=>ct(de,{"aria-label":e["aria-label"]||"Slider",children:eb(ju,{children:[ct(H,{className:"k-first",label:!0,large:!0,text:"0"}),ct(H,{}),ct(H,{}),ct(H,{}),ct(H,{}),ct(H,{label:!0,large:!0,text:"5"}),ct(H,{}),ct(H,{}),ct(H,{}),ct(H,{}),ct(H,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as tb,jsx as pt,jsxs as ob}from"react/jsx-runtime";var qi=e=>pt(de,{children:ob(tb,{children:[pt(H,{className:"k-first",label:!0,large:!0,text:"0"}),pt(H,{}),pt(H,{}),pt(H,{}),pt(H,{}),pt(H,{label:!0,large:!0,text:"5"}),pt(H,{}),pt(H,{}),pt(H,{}),pt(H,{}),pt(H,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as xO,jsx as hO,jsxs as NO}from"react/jsx-runtime";import{Fragment as CO,jsx as LO,jsxs as MO}from"react/jsx-runtime";import{jsx as ab}from"react/jsx-runtime";var Il=e=>ab(de,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as rb}from"react/jsx-runtime";var Rl=e=>rb(de,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as KO,jsx as HO,jsxs as BO}from"react/jsx-runtime";import{Fragment as UO,jsx as zO,jsxs as FO}from"react/jsx-runtime";import{jsx as Mt,jsxs as Yi}from"react/jsx-runtime";var lb=de.options,nb=de.states,Qi={...de.defaultOptions,variant:"horizontal",label:!0},ib=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],sb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],ua=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:p,showTicks:m}=l,h={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Yi(qi,{showTicks:m,showButtons:p,style:{height:"300px",...h},...a,children:[Mt(H,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Mt(H,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Mt(H,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Mt(H,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Mt(H,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Yi(Ji,{showTicks:m,showButtons:p,style:{width:"400px",...h},...a,children:[Mt(H,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Mt(H,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Mt(H,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Mt(H,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Mt(H,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};ua.options=lb;ua.states=nb;ua.variants=ib;ua.defaultOptions=Qi;ua.modifiers=sb;import{Fragment as ba,jsx as U,jsxs as be}from"react/jsx-runtime";var Zi="k-colorgradient-inputs",db=[],cb={size:[s.undefined,s.small,s.medium,s.large]},ji={mode:"rgba"},wo=e=>{let{mode:t=ji.mode,size:o,...a}=e;return be("div",{...a,className:r(Zi,"k-hstack"),children:[U("div",{className:"k-vstack",children:U(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&be(ba,{children:[be("div",{className:"k-vstack",children:[U(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),U("label",{className:"k-colorgradient-input-label",children:"R"})]}),be("div",{className:"k-vstack",children:[U(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),U("label",{className:"k-colorgradient-input-label",children:"G"})]}),be("div",{className:"k-vstack",children:[U(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),U("label",{className:"k-colorgradient-input-label",children:"B"})]}),be("div",{className:"k-vstack",children:[U(z,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),U("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&be(ba,{children:[be("div",{className:"k-vstack",children:[U(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),U("label",{className:"k-colorgradient-input-label",children:"R"})]}),be("div",{className:"k-vstack",children:[U(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),U("label",{className:"k-colorgradient-input-label",children:"G"})]}),be("div",{className:"k-vstack",children:[U(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),U("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&be(ba,{children:[be("div",{className:"k-vstack",children:[U(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),U("label",{className:"k-colorgradient-input-label",children:"H"})]}),be("div",{className:"k-vstack",children:[U(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),U("label",{className:"k-colorgradient-input-label",children:"S"})]}),be("div",{className:"k-vstack",children:[U(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),U("label",{className:"k-colorgradient-input-label",children:"V"})]}),be("div",{className:"k-vstack",children:[U(z,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),U("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&be(ba,{children:[be("div",{className:"k-vstack",children:[U(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),U("label",{className:"k-colorgradient-input-label",children:"H"})]}),be("div",{className:"k-vstack",children:[U(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),U("label",{className:"k-colorgradient-input-label",children:"S"})]}),be("div",{className:"k-vstack",children:[U(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),U("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&U(ba,{children:be("div",{className:"k-vstack k-flex-1",children:[U(se,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),U("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};wo.states=db;wo.options=cb;wo.className=Zi;wo.defaultOptions=ji;import{jsx as co,jsxs as po}from"react/jsx-runtime";var es="k-colorgradient-color-contrast",pb=[],mb={},ub={},Eo=()=>po("div",{className:r(es,"k-vbox"),children:[po("div",{className:"k-contrast-ratio",children:[co("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),po("span",{className:"k-contrast-validation !k-text-success",children:[co(g,{icon:"check"}),co(g,{icon:"check"})]})]}),po("div",{children:[co("span",{children:"AA: 4.5"}),po("span",{className:"k-contrast-validation !k-text-success",children:["Pass",co(g,{icon:"check"})]})]}),po("div",{children:[co("span",{children:"AAA: 7.0"}),po("span",{className:"k-contrast-validation !k-text-error",children:["Fail",co(g,{icon:"x"})]})]})]});Eo.states=pb;Eo.options=mb;Eo.className=es;Eo.defaultOptions=ub;var ts="color-gradient",os="colorgradient";import{jsx as mt,jsxs as fa}from"react/jsx-runtime";var ar="k-colorgradient",bb=[n.hover,n.focus,n.readonly,n.disabled],fb={size:[s.undefined,s.small,s.medium,s.large]},yt={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"},ye=e=>{let{size:t,mode:o=yt.mode,readonly:a=yt.readonly,disabled:l=yt.disabled,gradientStyle:i=yt.gradientStyle,dragHandleStyle:p=yt.dragHandleStyle,alphaStyle:m=yt.alphaStyle,alphaStyleHorizontal:h=yt.alphaStyleHorizontal,contrast:N=yt.contrast,dir:v,hover:k,focus:u,hoverHandle:M,focusHandle:C,canvasOrientation:A=yt.canvasOrientation,role:O,tabIndex:R,..._}=e;return fa("div",{..._,role:O??"textbox","aria-label":O==="none"?void 0:"Color gradient",tabIndex:R??0,"aria-disabled":l?"true":void 0,className:r(e.className,ar,S(ar,{size:t}),w(ar,{hover:k,focus:u,readonly:a,disabled:l})),dir:v,children:[!A||A==="horizontal"&&fa("div",{className:"k-colorgradient-canvas k-hstack",children:[mt("div",{className:"k-hsv-rectangle",style:i,children:mt("div",{className:"k-hsv-gradient",children:mt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:p,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})})}),fa("div",{className:"k-hsv-controls k-hstack",children:[mt(Rl,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&mt(Rl,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:m})]})]}),A==="vertical"&&fa("div",{className:"k-colorgradient-canvas k-vstack",children:[mt("div",{className:"k-hsv-rectangle",style:i,children:mt("div",{className:"k-hsv-gradient",children:mt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:p,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})})}),fa("div",{className:"k-hsv-controls k-vstack",children:[mt(Il,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&mt(Il,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:h})]})]}),mt(wo,{mode:e.mode,size:t}),N&&mt(Eo,{})]})};ye.states=bb;ye.options=fb;ye.className=ar;ye.defaultOptions=yt;ye.moduleName=ts;ye.folderName=os;ye.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 Tb}from"react/jsx-runtime";var rr=e=>Tb(ye,{...e});import{jsx as O0}from"react/jsx-runtime";import{jsx as B0}from"react/jsx-runtime";import{jsx as Ol}from"react/jsx-runtime";var hb=ye.options,xb=ye.states,Nb={...ye.defaultOptions,variant:"rgba"},gb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],kb=[],Ta=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Ol(rr,{...o,mode:t});case"rgb":return Ol(rr,{...o,mode:t});default:return Ol(rr,{...o,mode:t})}};Ta.options=hb;Ta.states=xb;Ta.variants=gb;Ta.defaultOptions=Nb;Ta.modifiers=kb;import{jsx as vb}from"react/jsx-runtime";var Pl=e=>vb("tr",{role:"row",children:e.children});import{jsx as Mb}from"react/jsx-runtime";var Hl="k-colorpalette-tile",Lb=[n.hover,n.focus,n.selected],Cb={},Io=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:i,...p}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Mb("td",{...p,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,Hl,w(Hl,{hover:a,focus:l,selected:i})),style:m})};Io.states=Lb;Io.options=Cb;Io.className=Hl;var as="color-palette",rs="colorpalette";import{jsx as ha}from"react/jsx-runtime";var lr="k-colorpalette",yb=[n.disabled],Sb={size:[s.undefined,s.small,s.medium,s.large]},ls={columns:10},Ve=e=>{let{size:t,palette:o,columns:a=ls.columns,tileSize:l,disabled:i,...p}=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,A)=>{u.push(ha(Io,{color:C,tileSize:l},A))});let M=ha(Pl,{children:u},k);m.push(M)})}return ha("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,lr,w(lr,{disabled:i}),S(lr,{size:t})),children:ha("table",{className:"k-colorpalette-table",role:"none",children:ha("tbody",{children:m.length>0?m:e.children})})})};Ve.states=yb;Ve.options=Sb;Ve.className=lr;Ve.defaultOptions=ls;Ve.moduleName=as;Ve.folderName=rs;Ve.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 nr=Ve;var xa={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 Ab}from"react/jsx-runtime";var ns=e=>Ab(nr,{palette:xa.basic,...e});import{jsx as xP}from"react/jsx-runtime";import{jsx as CP,jsxs as MP}from"react/jsx-runtime";import{jsx as Hb}from"react/jsx-runtime";var wb=Ve.options,Eb=Ve.states,Ib={...Ve.defaultOptions,variant:"basic"},Rb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Ob={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}},Pb=[],Na=e=>{let{variant:t="basic",...o}=e,a=Ob[t];return Hb(ns,{columns:a.columns,palette:a,...o})};Na.options=wb;Na.states=Eb;Na.variants=Rb;Na.defaultOptions=Ib;Na.modifiers=Pb;var is="color-editor",ss="coloreditor";import{jsx as ut,jsxs as Ro}from"react/jsx-runtime";var ir="k-coloreditor",Kb=[n.focus],Bb={size:[s.undefined,s.small,s.medium,s.large]},ga={view:"gradient",palette:xa.office,actionButtons:!0,canvasOrientation:"horizontal"},fe=e=>{let{size:t,view:o=ga.view,palette:a=ga.palette,color:l,currentColor:i,focus:p,focusView:m,dir:h,group:N,actionButtons:v=ga.actionButtons,canvasOrientation:k=ga.canvasOrientation,...u}=e;return Ro("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",ir,S(ir,{size:t}),w(ir,{focus:p})),dir:h,children:[Ro("div",{className:"k-coloreditor-header k-hstack",children:[ut("div",{className:"k-coloreditor-header-actions k-hstack",children:N&&Ro(B,{fillMode:"flat",children:[ut(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),ut(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),ut("div",{className:"k-spacer"}),Ro("div",{className:"k-coloreditor-header-actions k-hstack",children:[ut(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Ro("div",{className:"k-coloreditor-preview k-vstack",children:[ut(Zt,{className:"k-coloreditor-preview-color",color:l}),ut(Zt,{className:"k-coloreditor-current-color",color:i})]})]})]}),ut("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?ut(ye,{focus:m,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):ut(Ve,{palette:a,size:t})}),v&&Ro(vt,{className:"k-coloreditor-footer",alignment:"start",children:[ut(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),ut(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};fe.states=Kb;fe.options=Bb;fe.className=ir;fe.defaultOptions=ga;fe.moduleName=is;fe.folderName=ss;fe.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 Oo=fe;import{jsx as eH}from"react/jsx-runtime";import{jsx as rH}from"react/jsx-runtime";import{jsx as Gb}from"react/jsx-runtime";var ds=e=>Gb(Oo,{group:!0,currentColor:"fuchsia",...e});import{jsx as Db}from"react/jsx-runtime";var cs=e=>Db(Oo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as ps}from"react/jsx-runtime";var _b=fe.options,zb=fe.states,Ub={...fe.defaultOptions,variant:"gradient"},Fb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Vb=[],ka=e=>{let{variant:t,...o}=e;return t==="palette"?ps(cs,{...o,color:"white"}):ps(ds,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ka.options=_b;ka.states=zb;ka.variants=Fb;ka.defaultOptions=Ub;ka.modifiers=Vb;var ms="color-picker",us="colorpicker";import{Fragment as Wb,jsx as bt,jsxs as Kl}from"react/jsx-runtime";var bs="k-colorpicker",$b=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Xb={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]},fs={arrowIconName:"caret-alt-down"},Ze=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=fs.arrowIconName,prefix:i,suffix:p,value:m,placeholder:h,hover:N,focus:v,valid:k,invalid:u,required:M,disabled:C,valueIconName:A,popup:O,opened:R,adaptive:_,adaptiveSettings:pe,adaptiveTitle:Te,adaptiveSubtitle:Re,...We}=e,Je="colorpicker-popup";return Kl(Wb,{children:[Kl(Nt,{...We,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":R?"true":"false","aria-controls":R||_?Je:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:r(e.className,bs,"k-icon-picker"),children:[bt(at,{children:i}),bt(ro,{placeholder:h,value:m,showValue:!1,valueIcon:bt(Zt,{className:"k-value-icon",color:m,iconName:A}),valueIconName:A}),bt(rt,{children:p}),bt(c,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),R&&O&&bt(ie,{id:Je,className:"k-colorpicker-popup",children:O}),_&&bt(ue,{adaptive:!0,id:Je,...pe,header:bt(Pe,{actionsEnd:bt(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Te,subtitle:Re}),footer:Kl(Vt,{children:[bt(c,{text:"Cancel",size:"large"}),bt(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:bt(fe,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ze.states=$b;Ze.options=Xb;Ze.className=bs;Ze.defaultOptions=fs;Ze.moduleName=ms;Ze.folderName=us;Ze.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 jt=Ze;import{jsx as Jb}from"react/jsx-runtime";var sr=e=>Jb(jt,{...e});import{jsx as zH}from"react/jsx-runtime";import{jsx as XH}from"react/jsx-runtime";import{jsx as YH}from"react/jsx-runtime";import{jsx as eK}from"react/jsx-runtime";import{jsx as rK}from"react/jsx-runtime";import{jsx as sK}from"react/jsx-runtime";import{jsx as mo}from"react/jsx-runtime";var qb=jt.options,Yb=jt.states,Ts={...jt.defaultOptions,variant:"color"},Qb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Zb=[{name:"opened",title:"Opened"}],va=e=>{let{variant:t,modifiers:o,...a}={...Ts,...e},l={};Object.keys(o||{}).forEach(p=>{p==="opened"&&(l.opened=!!o?.[p],l.popup=o?.[p]?mo(fe,{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 mo("div",{style:i,children:mo(sr,{...a,...l})});case"icon":return mo("div",{style:i,children:mo(sr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return mo("div",{style:i,children:mo(sr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};va.options=qb;va.states=Yb;va.variants=Qb;va.defaultOptions=Ts;va.modifiers=Zb;var Bl="combobox",hs=Bl;import{Fragment as Gl,jsx as Ne,jsxs as La}from"react/jsx-runtime";var xs="k-combobox",jb=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],ef={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Ns={separators:!0},Be=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Ns.separators,prefix:i,suffix:p,value:m,placeholder:h,hover:N,focus:v,valid:k,invalid:u,required:M,loading:C,disabled:A,popup:O,opened:R,readonly:_,adaptive:pe,adaptiveSettings:Te,adaptiveTitle:Re,adaptiveSubtitle:We,adaptiveCustomValue:Je,id:go,autocomplete:kr,activeDescendant:Ga,"aria-label":nd,...id}=e,sd=go?`${go}-listbox`:void 0;return La(Gl,{children:[La(he,{...id,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:k,invalid:u,required:M,loading:C,disabled:A,readonly:_,className:r(e.className,xs),children:[i&&La(Gl,{children:[Ne(at,{children:i}),l&&Ne(lt,{})]}),Ne(Ye,{placeholder:h,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":R?"true":"false","aria-controls":R?sd:void 0,"aria-activedescendant":R&&Ga?Ga:void 0,"aria-autocomplete":kr,"aria-invalid":u?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":nd,disabled:A,readOnly:_}),Ne(Oe,{valid:k,invalid:u,loading:C,disabled:A}),Ne(_e,{loading:C,disabled:A}),Ne(qe,{loading:C,disabled:A,readonly:_,value:m}),p&&La(Gl,{children:[l&&Ne(lt,{}),Ne(rt,{children:p})]}),Ne(c,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:A})]}),R&&O&&Ne(ie,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:O}),pe&&Ne(ue,{adaptive:!0,id:go?`${go}-adaptive`:void 0,...Te,header:Ne(Pe,{actionsEnd:Ne(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:h,title:Re,subtitle:We}),children:Ne("div",{className:"k-list-container",children:Ne(F,{customValue:Je?Ne(qt,{text:`Use "${m}"`}):void 0,size:"large",children:La(Y,{"aria-label":Re||"Options",children:[Ne(D,{text:"List item"}),Ne(D,{text:"List item"}),Ne(D,{text:"List item"})]})})})})]})};Be.states=jb;Be.options=ef;Be.className=xs;Be.defaultOptions=Ns;Be.moduleName=Bl;Be.folderName=hs;Be.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 je=Be;import{jsx as tf}from"react/jsx-runtime";var gs=e=>tf(je,{...e});import{jsx as VK,jsxs as $K}from"react/jsx-runtime";import{jsx as QK,jsxs as ZK}from"react/jsx-runtime";import{jsx as rB,jsxs as lB}from"react/jsx-runtime";import{Fragment as pB,jsx as cB}from"react/jsx-runtime";import{Fragment as hB,jsx as TB}from"react/jsx-runtime";import{jsx as LB,jsxs as CB}from"react/jsx-runtime";import{Fragment as RB,jsx as EB,jsxs as IB}from"react/jsx-runtime";import{jsx as KB}from"react/jsx-runtime";import{jsx as _B}from"react/jsx-runtime";import{jsx as XB,jsxs as WB}from"react/jsx-runtime";import{jsx as jB,jsxs as eG}from"react/jsx-runtime";import{jsx as eo,jsxs as sf}from"react/jsx-runtime";var of=Be.states,af=Be.defaultOptions,rf=Be.options,lf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],nf=[],Ca=e=>{let{modifiers:t,...o}=e,a={},l=eo(F,{style:{width:300},size:o.size,children:sf(Y,{children:[eo(D,{children:"List item"}),eo(D,{children:"List item"}),eo(D,{children:"List item"})]})});return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?eo(g,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?eo(Ft,{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}}),eo("div",{children:eo(gs,{value:"Value",style:{width:300},...o,...a})})};Ca.options=rf;Ca.states=of;Ca.variants=nf;Ca.defaultOptions=af;Ca.modifiers=lf;var Dl="menu-button",ks=Dl;import{jsx as pf}from"react/jsx-runtime";var vs="k-menu-button",df=[n.hover,n.focus,n.active,n.selected,n.disabled],cf={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[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]},_l={showArrow:!0,arrowIconName:"caret-alt-down"},Z=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:p,active:m,selected:h,disabled:N,icon:v,text:k,showArrow:u=_l.showArrow,arrowIconName:M=_l.arrowIconName,expanded:C,...A}=e;return pf(c,{...A,className:r(e.className,vs),text:k,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:p,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"}})};Z.states=df;Z.options=cf;Z.className=vs;Z.defaultOptions=_l;Z.moduleName=Dl;Z.folderName=ks;Z.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 OG}from"react/jsx-runtime";import{jsx as BG}from"react/jsx-runtime";import{jsx as zG}from"react/jsx-runtime";var et="menu",ft=et;import{jsx as Ma,jsxs as Ls}from"react/jsx-runtime";var zl="k-menu-item",mf=[n.hover,n.focus,n.active,n.selected,n.disabled],uf={},Cs={iconPosition:"before"},Ee=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:p,text:m,first:h,last:N,showArrow:v,arrowIconName:k,iconPosition:u=Cs.iconPosition,dir:M,children:C,expanded:A,...O}=e,R=k;return R||(R=M==="rtl"?"caret-alt-left":"caret-alt-right"),Ls("li",{...O,className:r(e.className,zl,"k-item",w(zl,{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":A?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ls("span",{className:r("k-link k-menu-link"),children:[p&&u==="before"&&Ma(g,{className:"k-menu-link-icon",icon:p}),Ma("span",{className:"k-menu-link-text",children:m}),p&&u==="after"&&Ma(g,{className:"k-menu-link-icon",icon:p}),v&&Ma("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ma(g,{icon:R})})]}),C]})};Ee.states=mf;Ee.options=uf;Ee.className=zl;Ee.defaultOptions=Cs;Ee.moduleName=et;Ee.folderName=ft;import{jsx as ya,jsxs as Ms}from"react/jsx-runtime";var Ul="k-menu-item",bf=[n.hover,n.focus,n.active,n.selected,n.disabled],ff={},Fl={dir:"ltr",iconPosition:"before"},me=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:p,text:m,first:h,last:N,showArrow:v,arrowIconName:k,iconPosition:u=Fl.iconPosition,dir:M=Fl.dir,children:C,popup:A,expanded:O,...R}=e,_=k;return _||(_=M==="rtl"?"caret-alt-left":"caret-alt-right"),Ms("li",{...R,className:r(e.className,Ul,"k-item",w(Ul,{focus:o,disabled:i}),{"k-first":h,"k-last":N}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":O?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ms("span",{className:r("k-link k-menu-link",w("k-menu-link",{hover:t,active:a,selected:l,disabled:i})),children:[p&&u==="before"&&ya(g,{className:"k-menu-link-icon",icon:p}),ya("span",{className:"k-menu-link-text",children:m}),p&&u==="after"&&ya(g,{className:"k-menu-link-icon",icon:p}),v&&ya("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ya(g,{icon:_})})]}),C,A]})};me.states=bf;me.options=ff;me.className=Ul;me.defaultOptions=Fl;me.moduleName=et;me.folderName=ft;import{jsx as Nf}from"react/jsx-runtime";var ys="k-menu-scroll-wrapper",Tf=[],hf={},xf={},uo=e=>{let{className:t,children:o,orientation:a,...l}=e;return Nf("div",{...l,className:r(t,ys,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};uo.states=Tf;uo.options=hf;uo.className=ys;uo.defaultOptions=xf;uo.moduleName=et;uo.folderName=ft;var Ss=uo;import{Fragment as Vl,jsx as bo,jsxs as cr}from"react/jsx-runtime";var $l="k-menu",gf=[],kf={},pr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Se=e=>{let{children:t,orientation:o=pr.orientation,header:a=pr.header,scrollable:l,scrollButtonsPosition:i=pr.scrollButtonsPosition,wrapperStyles:p,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=bo("ul",{dir:m,...v,className:r(e.className,"k-reset",$l,{[`${$l}-${o}`]:o,"k-header":a}),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return cr(Vl,{children:[l?cr(Ss,{orientation:o,style:p,dir:e.dir,children:[i==="start"&&cr(Vl,{children:[bo(c,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),bo(c,{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"&&bo(c,{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"&&cr(Vl,{children:[bo(c,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),bo(c,{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"&&bo(c,{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]})};Se.states=gf;Se.options=kf;Se.className=$l;Se.defaultOptions=pr;Se.moduleName=et;Se.folderName=ft;Se.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 vf}from"react/jsx-runtime";var Xl="k-separator",As={orientation:"horizontal"},Po=e=>{let{orientation:t=As.orientation,...o}=e;return vf("li",{...o,className:r(e.className,"k-item",Xl,{[`${Xl}-${t}`]:t}),role:"separator"})};Po.className=Xl;Po.defaultOptions=As;Po.moduleName=et;Po.folderName=ft;import{Fragment as T1,jsx as h1}from"react/jsx-runtime";import{jsx as yf}from"react/jsx-runtime";var Wl="k-menu-group",Lf=[],Cf={size:[s.undefined,s.small,s.medium,s.large]},Mf={},Ie=e=>{let{children:t,size:o,...a}=e;return yf("ul",{...a,className:r(e.className,Wl,S(Wl,{size:o})),role:"menu",children:t})};Ie.states=Lf;Ie.options=Cf;Ie.className=Wl;Ie.defaultOptions=Mf;Ie.moduleName=et;Ie.folderName=ft;import{Fragment as Sf,jsx as Ho,jsxs as Af}from"react/jsx-runtime";var Jl=e=>Ho(Se,{children:Af(Sf,{children:[Ho(Ee,{first:!0,text:"Item 1"}),Ho(Ee,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Ho(Ee,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Ho(Ee,{text:"Item 4"}),Ho(Ee,{last:!0,text:"Item 5"})]}),...e});import{Fragment as I1,jsx as w1,jsxs as E1}from"react/jsx-runtime";import{Fragment as K1,jsx as H1,jsxs as B1}from"react/jsx-runtime";import{Fragment as U1,jsx as z1,jsxs as F1}from"react/jsx-runtime";import{Fragment as J1,jsx as W1,jsxs as q1}from"react/jsx-runtime";import{jsx as fo,jsxs as Of}from"react/jsx-runtime";var wf=Se.options,Ef=Se.states,ws={...Se.defaultOptions,variant:"horizontal"},If=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Rf=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Sa=e=>{let{variant:t,modifiers:o,...a}={...ws,...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=fo(ie,{className:"k-menu-popup",children:Of(Ie,{children:[fo(me,{text:"Item 1"}),fo(me,{text:"Item 2"}),fo(Po,{}),fo(me,{text:"Item 3"})]})});break}}),t==="vertical"?fo(Jl,{...a,...l,orientation:"vertical",style:{width:"200px"}}):fo(Jl,{...a,...l})};Sa.options=wf;Sa.states=Ef;Sa.variants=If;Sa.defaultOptions=ws;Sa.modifiers=Rf;import{Fragment as SD,jsx as MD,jsxs as yD}from"react/jsx-runtime";import{jsx as ID}from"react/jsx-runtime";import{Fragment as Gf,jsx as St,jsxs as Es}from"react/jsx-runtime";var Pf=c.states,Is={...c.defaultOptions,variant:"text"},Hf=c.options,Kf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Bf=[{name:"opened",title:"Opened"}],Aa=e=>{let{variant:t,modifiers:o,...a}={...Is,...e},l={},i=St(ie,{className:"k-menu-popup",children:Es(Ie,{size:a.size,children:[St(me,{first:!0,text:"Menu Item"}),St(me,{text:"Menu Item"}),St(me,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=St("div",{children:St(Z,{...a,...l,icon:"star"})});break;case"icon-and-text":p=St("div",{children:St(Z,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:p=St("div",{children:St(Z,{...a,...l,children:"Dropdown Button"})});break}return Es(Gf,{children:[p,o?.opened&&i]})};Aa.options=Hf;Aa.states=Pf;Aa.variants=Kf;Aa.defaultOptions=Is;Aa.modifiers=Bf;var ql="split-button",Rs=ql;import{Fragment as zf,jsx as Yl,jsxs as Os}from"react/jsx-runtime";var Ql="k-split-button",Df=[n.hover,n.focus,n.active,n.selected,n.disabled],_f={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]},Ps={arrowIconName:"caret-alt-down"},V=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:p,active:m,selected:h,disabled:N,icon:v,text:k,arrowIconName:u=Ps.arrowIconName,popup:M,opened:C,popupId:A,...O}=e;return Os(zf,{children:[Os("div",{...O,className:r(e.className,Ql,"k-button-group",S(Ql,{rounded:o})),children:[Yl(c,{text:k,icon:v,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:p,active:m,selected:h,disabled:N,...!k&&!e.children&&v&&{"aria-label":"Action"},children:e.children}),Yl(c,{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?A:void 0,tabIndex:-1,...N&&{"aria-disabled":"true"}})]}),C&&M&&Yl(ie,{className:"k-menu-popup",children:M})]})};V.states=Df;V.options=_f;V.className=Ql;V.defaultOptions=Ps;V.moduleName=ql;V.folderName=Rs;V.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Zl=V;import{jsx as Ff}from"react/jsx-runtime";var Uf="k-toolbar-separator",xt=e=>Ff("div",{className:r(Uf,e.className,"k-separator")});var Ht="toolbar",to=Ht;import{Fragment as jl,jsx as W,jsxs as Ko}from"react/jsx-runtime";var Kt="k-toolbar",Vf=[n.focus],$f={size:[s.undefined,s.small,s.medium,s.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Xf={scrollButtons:"around"},ae=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:i,scrollButtons:p,scrollingPosition:m,section:h,...N}=e,v=[],k=(u,M)=>{let C=[];if(u.type===c&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))C.push(W(c,{...u.props,className:`${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===c)C.push(W(c,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===Xo)C.push(W(Xo,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===Ft)C.push(W(Ft,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===Z)C.push(W(Z,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===Zl)C.push(W(Zl,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===B||u.props.className&&u.props.className.includes("k-button-group")){let A=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((R,_)=>{A.push(W(c,{...R.props,className:`${R.props.className?R.props.className:""}`},`${_}-${new Date().getTime()}`))}),C.push(W(B,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:A},`${M}-${new Date().getTime()}`))}else u.type===Be?C.push(W(Be,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):u.type===Q?C.push(W(Q,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):u.type===Ze?C.push(W(Ze,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):C.push(u);C.forEach(A=>{v.push(A)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,C)=>{k(M,C)}),Ko("div",{...N,className:r(e.className,Kt,S(Kt,{size:t,fillMode:o}),w(Kt,{focus:a}),{[`${Kt}-resizable`]:l,[`${Kt}-scrollable`]:i,[`${Kt}-scrollable-overlay`]:i&&p==="hidden",[`${Kt}-scrollable-${m}`]:m&&m!=="both",[`${Kt}-section`]:h}),role:"toolbar","aria-label":"Toolbar",children:[!i&&v,i&&p==="hidden"&&W("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),i&&p==="start"&&Ko(jl,{children:[Ko(B,{children:[W("span",{className:r("k-toolbar-prev","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:W(g,{className:"k-button-icon",icon:"caret-alt-left"})}),W("span",{className:r("k-toolbar-next","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:W(g,{className:"k-button-icon",icon:"caret-alt-right"})})]}),W(xt,{className:"k-toolbar-button-separator"}),W("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v})]}),i&&p==="end"&&Ko(jl,{children:[W("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),W(xt,{className:"k-toolbar-button-separator"}),Ko(B,{children:[W("span",{className:r("k-toolbar-prev","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:W(g,{className:"k-button-icon",icon:"caret-alt-left"})}),W("span",{className:r("k-toolbar-next","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:W(g,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),i&&(p==="around"||!p)&&Ko(jl,{children:[W("span",{className:r("k-toolbar-prev","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:W(g,{className:"k-button-icon",icon:"caret-alt-left"})}),W(xt,{className:"k-toolbar-button-separator"}),W("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),W(xt,{className:"k-toolbar-button-separator"}),W("span",{className:r("k-toolbar-next","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:W(g,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};ae.states=Vf;ae.options=$f;ae.className=Kt;ae.defaultOptions=Xf;ae.moduleName=Ht;ae.folderName=to;ae.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 Yf}from"react/jsx-runtime";var Hs="k-floating-toolbar",Wf=[],Jf={},qf={},Bo=e=>{let{...t}=e;return Yf("div",{...t,className:r(e.className,Hs),children:e.children})};Bo.states=Wf;Bo.options=Jf;Bo.className=Hs;Bo.defaultOptions=qf;Bo.moduleName=Ht;Bo.folderName=to;import{jsx as eT}from"react/jsx-runtime";var en="k-toolbar-item",Qf=[n.focus],Zf={},jf={},Go=e=>{let{focus:t,...o}=e;return eT("div",{...o,className:r(e.className,en,w(en,{focus:t})),children:e.children})};Go.states=Qf;Go.options=Zf;Go.className=en;Go.defaultOptions=jf;Go.moduleName=Ht;Go.folderName=to;import{jsx as Ks}from"react/jsx-runtime";var Bs="k-toolbar-popup",tT=[],oT={size:[s.undefined,s.small,s.medium,s.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},aT={},To=e=>{let{size:t,fillMode:o,section:a,...l}=e;return Ks(ie,{...l,className:r(e.className,Bs),children:a?Ks("span",{className:r("k-toolbar-items-list",S("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};To.states=tT;To.options=oT;To.className=Bs;To.defaultOptions=aT;To.moduleName=Ht;To.folderName=to;var mr=To;import{jsx as P_}from"react/jsx-runtime";import{jsx as G_}from"react/jsx-runtime";import{jsx as U_}from"react/jsx-runtime";import{jsx as J_,jsxs as q_}from"react/jsx-runtime";import{jsx as j_}from"react/jsx-runtime";import{jsx as Bt,jsxs as sT}from"react/jsx-runtime";var rT=V.states,Gs={...V.defaultOptions,variant:"text"},lT=V.options,nT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],iT=[{name:"opened",title:"Opened"}],wa=e=>{let{variant:t,modifiers:o,...a}={...Gs,...e},l={},i=sT(Ie,{size:a.size,children:[Bt(me,{first:!0,text:"Menu Item"}),Bt(me,{text:"Menu Item"}),Bt(me,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(p=>{p==="opened"&&(l.opened=!!o?.[p],l.popup=o?.[p]?i:"")}),t){case"icon-only":return Bt("div",{children:Bt(V,{...a,...l,icon:"star"})});case"icon-and-text":return Bt("div",{children:Bt(V,{...a,...l,icon:"star",children:"Split Button"})});default:return Bt("div",{children:Bt(V,{...a,...l,children:"Split Button"})})}};wa.options=lT;wa.states=rT;wa.variants=nT;wa.defaultOptions=Gs;wa.modifiers=iT;import{jsx as ho,jsxs as dT}from"react/jsx-runtime";var Ds=e=>ho(ae,{children:[ho(c,{children:"Button"},"toolbar-button"),ho(Z,{text:"Menu button"},"toolbar-menu-button"),ho(V,{children:"Split button"},"toolbar-split-button"),dT(B,{children:[ho(c,{className:"k-group-start",icon:"align-left",children:"Left"}),ho(c,{icon:"align-center",children:"Center"}),ho(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as A2,jsxs as w2}from"react/jsx-runtime";import{jsx as tt,jsxs as _s}from"react/jsx-runtime";var zs=e=>tt(ae,{scrollable:!0,...e,children:[tt(c,{children:"Button"},"toolbar-button"),tt(Z,{text:"Menu button"},"toolbar-menu-button"),tt(V,{children:"Split button"},"toolbar-split-button"),_s(B,{children:[tt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),tt(c,{icon:"align-center",children:"Center"}),tt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),tt(c,{children:"Button"},"toolbar-button"),tt(Z,{text:"Menu button"},"toolbar-menu-button"),tt(V,{children:"Split button"},"toolbar-split-button"),_s(B,{children:[tt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),tt(c,{icon:"align-center",children:"Center"}),tt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as ot,jsxs as Us}from"react/jsx-runtime";var Fs=({scrollingPosition:e="start",...t})=>ot(ae,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[ot(c,{children:"Button"},"toolbar-button"),ot(Z,{text:"Menu button"},"toolbar-menu-button"),ot(V,{children:"Split button"},"toolbar-split-button"),Us(B,{children:[ot(c,{className:"k-group-start",icon:"align-left",children:"Left"}),ot(c,{icon:"align-center",children:"Center"}),ot(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ot(c,{children:"Button"},"toolbar-button"),ot(Z,{text:"Menu button"},"toolbar-menu-button"),ot(V,{children:"Split button"},"toolbar-split-button"),Us(B,{children:[ot(c,{className:"k-group-start",icon:"align-left",children:"Left"}),ot(c,{icon:"align-center",children:"Center"}),ot(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as cT,jsx as $e,jsxs as ur}from"react/jsx-runtime";var Vs=({fillMode:e,size:t,...o})=>ur(cT,{children:[$e(ae,{section:!0,fillMode:e,size:t,children:[$e(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),ur(B,{fillMode:e,children:[$e(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),$e(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),$e(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),$e(xt,{className:"k-toolbar-button-separator"}),$e(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),ur(mr,{size:t,fillMode:e,section:!0,...o,children:[$e(V,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),$e(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),$e(xt,{}),$e(Z,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),ur(B,{fillMode:e,children:[$e(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),$e(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),$e(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as s5,jsx as n5,jsxs as i5}from"react/jsx-runtime";import{Fragment as N5,jsx as h5,jsxs as x5}from"react/jsx-runtime";import{jsx as oo}from"react/jsx-runtime";var pT=ae.options,mT=ae.states,$s={...ae.defaultOptions,variant:"default"},uT=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],bT=[],Ea=e=>{let{variant:t,...o}={...$s,...e};switch(t){case"responsive":return oo("div",{children:oo(Vs,{style:{width:"583px"},...o})});case"overlay":return oo("div",{children:oo(Fs,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return oo("div",{children:oo(zs,{style:{width:"583px"},...o})});default:return oo("div",{children:oo(Ds,{style:{width:"583px"},...o})})}};Ea.options=pT;Ea.states=mT;Ea.variants=uT;Ea.defaultOptions=$s;Ea.modifiers=bT;import{jsx as fT}from"react/jsx-runtime";var Xs="k-grid-toolbar",xo=e=>fT(ae,{...e,className:r(e.className,Xs),children:e.children});xo.className=Xs;xo.moduleName=$;xo.folderName=J;import{jsx as tn,jsxs as hT}from"react/jsx-runtime";var on="k-grid-stack-cell",TT=[n.focus,n.selected],br=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:i,focus:p,selected:m,...h}=e;return hT("div",{...h,className:r(e.className,on,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":i},w(on,{focus:p,selected:m})),children:[i&&tn("span",{className:"k-dirty"}),t&&tn("div",{className:"k-grid-stack-header",children:t}),tn("div",{className:"k-grid-stack-content",children:o}),e.children]})};br.states=TT;br.className=on;br.moduleName=$;br.folderName=J;import{jsx as xT}from"react/jsx-runtime";var Ws="k-grid-stack-row",fr=e=>{let{cols:t,...o}=e;return xT("div",{...o,className:r(e.className,Ws,{[`k-grid-cols-${t}`]:t}),children:e.children})};fr.className=Ws;fr.moduleName=$;fr.folderName=J;import{Fragment as s3,jsx as n3,jsxs as i3}from"react/jsx-runtime";import{Fragment as f3,jsx as u3,jsxs as b3}from"react/jsx-runtime";import{Fragment as v3,jsx as g3,jsxs as k3}from"react/jsx-runtime";import{Fragment as NT,jsx as L,jsxs as ce}from"react/jsx-runtime";var Js=({contentClassName:e,...t})=>L(X,{_renderAriaRoot:!0,pager:L(Ct,{refresh:!1}),children:ce(NT,{children:[L(re,{children:L("div",{className:"k-grid-header-wrap",children:ce(ne,{children:[ce("colgroup",{children:[L("col",{}),L("col",{style:{width:"225px"}}),L("col",{}),L("col",{}),L("col",{})]}),ce(j,{children:[ce(y,{children:[L(E,{rowspan:1,colspan:1,columnTitle:"Product Id"}),L(E,{rowspan:1,colspan:1,columnTitle:"Name"}),L(E,{rowspan:1,colspan:1,columnTitle:"Quantity"}),L(E,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),L(E,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),ce(y,{className:"k-filter-row",children:[L(d,{children:L("div",{className:"k-filtercell",children:ce("div",{className:"k-filtercell-wrapper",children:[L(z,{}),ce("div",{className:"k-filtercell-operator",children:[L(Q,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(c,{disabled:!0,icon:"filter-clear"})]})]})})}),L(d,{children:L("div",{className:"k-filtercell",children:ce("div",{className:"k-filtercell-wrapper",children:[L(se,{}),ce("div",{className:"k-filtercell-operator",children:[L(Q,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(c,{disabled:!0,icon:"filter-clear"})]})]})})}),L(d,{children:L("div",{className:"k-filtercell",children:ce("div",{className:"k-filtercell-wrapper",children:[L(se,{}),ce("div",{className:"k-filtercell-operator",children:[L(Q,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(c,{disabled:!0,icon:"filter-clear"})]})]})})}),L(d,{children:L("div",{className:"k-filtercell",children:ce("div",{className:"k-filtercell-wrapper",children:[L(z,{}),ce("div",{className:"k-filtercell-operator",children:[L(Q,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(c,{disabled:!0,icon:"filter-clear"})]})]})})}),L(d,{children:L("div",{className:"k-filtercell",children:ce("div",{className:"k-filtercell-wrapper",children:[L(Q,{}),L("div",{className:"k-filtercell-operator",children:L(c,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),L(ee,{children:L(te,{className:e,children:ce(oe,{children:[ce("colgroup",{children:[L("col",{}),L("col",{style:{width:"225px"}}),L("col",{}),L("col",{}),L("col",{})]}),ce(le,{children:[ce(y,{className:"k-master-row",children:[L(d,{children:"1"}),L(d,{children:"Chai"}),L(d,{children:"10 boxes x 20 bags"}),L(d,{children:"18"}),L(d,{children:"false"})]}),ce(y,{className:"k-master-row",alt:!0,children:[L(d,{children:"2"}),L(d,{children:"Chang"}),L(d,{children:"24 - 12 oz bottles"}),L(d,{children:"19"}),L(d,{children:"false"})]}),ce(y,{className:"k-master-row",children:[L(d,{children:"3"}),L(d,{children:"Aniseed Syrup"}),L(d,{children:"12 - 550 ml bottles"}),L(d,{children:"10"}),L(d,{children:"false"})]}),ce(y,{className:"k-master-row",alt:!0,children:[L(d,{children:"4"}),L(d,{children:"Chef Anton's Cajun Seasoning"}),L(d,{children:"48 - 6 oz jars"}),L(d,{children:"22"}),L(d,{children:"false"})]}),ce(y,{className:"k-master-row",children:[L(d,{children:"5"}),L(d,{children:"Grandma's Boysenberry Spread"}),L(d,{children:"12 - 8 oz jars"}),L(d,{children:"25"}),L(d,{children:"false"})]})]})]})})})]}),...t});import{jsx as Tr}from"react/jsx-runtime";var gT="k-chip-action";var ge=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Tr(g,{icon:"x-circle",size:"small"});break;case"more":a=Tr(g,{icon:"more-vertical",size:"small"});break;default:return Tr(g,{icon:t,size:"small"})}return Tr("span",{...o,className:r(e.className,gT,`k-chip-${t}-action`),children:a})};var an="avatar",qs=an;import{jsx as Ys}from"react/jsx-runtime";var Ia="k-avatar";var kT=[n.hover,n.focus,n.active,n.selected,n.disabled],vT={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]},rn={type:"text",border:!1},Xe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:i=rn.type,border:p=rn.border,...m}=e;return Ys("div",{...m,className:r(e.className,Ia,S(Ia,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Ia}-bordered`]:p}),children:Ys("span",{className:`${Ia}-${i}`,children:e.children})})};Xe.states=kT;Xe.options=vT;Xe.className=Ia;Xe.defaultOptions=rn;Xe.moduleName=an;Xe.folderName=qs;Xe.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var No=Xe;import{jsx as LT}from"react/jsx-runtime";var Qs=e=>LT(No,{type:"icon",...e});import{jsx as CT}from"react/jsx-runtime";var Zs=e=>CT(No,{type:"text",...e});import{jsx as MT}from"react/jsx-runtime";var js=e=>MT(No,{type:"image",...e});import{jsx as Z3}from"react/jsx-runtime";import{jsx as Ra}from"react/jsx-runtime";var yT=Xe.options,ST=Xe.states,AT={...Xe.defaultOptions,variant:"image"},wT=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],ET=[],Oa=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ra(Qs,{...o,children:Ra(g,{icon:"star"})});case"text":return Ra(Zs,{...o,children:"JO"});default:return Ra(js,{...o,children:Ra("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Oa.options=yT;Oa.states=ST;Oa.variants=wT;Oa.defaultOptions=AT;Oa.modifiers=ET;var Pa="chip",hr=Pa;import{jsx as Do,jsxs as OT}from"react/jsx-runtime";var xr="k-chip",IT=[n.hover,n.focus,n.active,n.selected,n.disabled],RT={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]},ed={avatarImage:"/packages/html/assets/avatar.jpg"},ke=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:i,icon:p,actions:m,showAvatar:h,avatarImage:N=ed.avatarImage,hover:v,focus:k,active:u,selected:M,disabled:C,...A}=e;return OT("div",{...A,className:r(e.className,xr,S(xr,{size:t,rounded:o,fillMode:a,themeColor:l}),w(xr,{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:[p&&Do(g,{className:"k-chip-icon",icon:p,size:"small"}),h&&Do(Xe,{className:"k-chip-avatar",type:"image",children:Do("img",{src:N,alt:""})}),Do("span",{className:"k-chip-content",children:e.children?e.children:i&&Do("span",{className:"k-chip-label",children:i})}),m&&Do("span",{className:"k-chip-actions",children:m})]})};ke.states=IT;ke.options=RT;ke.className=xr;ke.defaultOptions=ed;ke.moduleName=Pa;ke.folderName=hr;ke.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 Tt=ke;import{jsx as BT}from"react/jsx-runtime";var ln="k-chip-list",PT=[],HT={size:[s.undefined,s.small,s.medium,s.large]},KT={},ve=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return BT("div",{...l,className:r(e.className,ln,S(ln,{size:t})),role:"listbox","aria-label":a||"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};ve.states=PT;ve.options=HT;ve.className=ln;ve.defaultOptions=KT;ve.moduleName=Pa;ve.folderName=hr;ve.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 Az}from"react/jsx-runtime";import{jsx as Rz}from"react/jsx-runtime";import{jsx as GT}from"react/jsx-runtime";var Nr=e=>GT(Tt,{text:"text",...e});import{jsx as _z}from"react/jsx-runtime";import{jsx as Vz}from"react/jsx-runtime";import{Fragment as Yz,jsx as qz,jsxs as Qz}from"react/jsx-runtime";import{jsx as o6,jsxs as a6}from"react/jsx-runtime";import{jsx as s6,jsxs as d6}from"react/jsx-runtime";import{jsx as f6,jsxs as T6}from"react/jsx-runtime";import{jsx as _o,jsxs as VT}from"react/jsx-runtime";var DT={...Tt.options,...ve.options},_T=[],zT=ve.states,UT={...Tt.defaultOptions,...ve.defaultOptions},FT=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Ha=e=>{let{modifiers:t,className:o,...a}=e,l=t?.icon,i=t?.actions,p=t?.avatar;return VT(ve,{size:a.size,className:o,children:[_o(Nr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?_o(ge,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),_o(Nr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?_o(ge,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),_o(Nr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?_o(ge,{type:"remove"}):void 0,showAvatar:p,children:"Chip"})]})};Ha.options=DT;Ha.states=zT;Ha.variants=_T;Ha.defaultOptions=UT;Ha.modifiers=FT;import{jsx as nn}from"react/jsx-runtime";var $T=ke.states,XT=ke.defaultOptions,WT=ke.options,JT=[],qT=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Ka=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]?nn(ge,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[l]?nn(ge,{type:"remove"}):void 0;break;default:break}}),nn(ke,{...o,...a,children:"Chip component"})};Ka.options=WT;Ka.states=$T;Ka.variants=JT;Ka.defaultOptions=XT;Ka.modifiers=qT;import{Fragment as sn,jsx as P,jsxs as Ge}from"react/jsx-runtime";var td=({dropClue:e,contentClassName:t,...o})=>P(X,{_renderAriaRoot:!0,groupingHeader:P(Gt,{dropClue:e,children:Ge(ve,{children:[P(ke,{icon:"sort-asc-small",text:"ID",actions:Ge(sn,{children:[P(ge,{type:"more"}),P(ge,{type:"remove"})]})}),P(ke,{icon:"sort-desc-small",text:"Name",actions:Ge(sn,{children:[P(ge,{type:"more"}),P(ge,{type:"remove"})]})})]})}),children:Ge(sn,{children:[P(re,{draggable:!0,children:P("div",{className:"k-grid-header-wrap",children:Ge(ne,{children:[Ge("colgroup",{children:[P("col",{className:"k-group-col"}),P("col",{className:"k-group-col"}),P("col",{}),P("col",{}),P("col",{}),P("col",{})]}),P(j,{children:Ge(y,{children:[P(E,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),P(E,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),P(E,{colspan:1,columnTitle:"ID"}),P(E,{colspan:1,columnTitle:"Name"}),P(E,{colspan:1,columnTitle:"Price"}),P(E,{colspan:1,columnTitle:"Category"})]})})]})})}),P(ee,{children:P(te,{className:t,children:Ge(oe,{children:[Ge("colgroup",{children:[P("col",{className:"k-group-col"}),P("col",{className:"k-group-col"}),P("col",{}),P("col",{}),P("col",{}),P("col",{})]}),Ge(le,{children:[P(y,{className:"k-table-group-row k-grouping-row",children:P(d,{colspan:6,children:Ge("p",{className:"k-reset",children:[P(g,{icon:"caret-alt-right"}),"ID: 1"]})})}),P(y,{className:"k-table-group-row k-grouping-row",children:P(d,{colspan:6,children:Ge("p",{className:"k-reset",children:[P(g,{icon:"caret-alt-down"}),"ID: 2"]})})}),Ge(y,{className:"k-table-group-row k-grouping-row",children:[P(d,{className:"k-table-group-td k-group-cell"}),P(d,{colspan:5,children:Ge("p",{className:"k-reset",children:[P(g,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),Ge(y,{className:"k-master-row",alt:!0,children:[P(d,{className:"k-table-group-td k-group-cell"}),P(d,{className:"k-table-group-td k-group-cell"}),P(d,{colspan:0,children:"2"}),P(d,{colspan:0,children:"Chang"}),P(d,{colspan:0,children:"$19.00"}),P(d,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as r9,jsx as o9,jsxs as a9}from"react/jsx-runtime";import{Fragment as m9,jsx as c9,jsxs as p9}from"react/jsx-runtime";import{Fragment as YT,jsx as G,jsxs as De}from"react/jsx-runtime";var od=({headerWrapClassName:e,contentClassName:t,...o})=>G(X,{_renderAriaRoot:!0,children:De(YT,{children:[G(re,{children:G("div",{className:`k-grid-header-wrap ${e}`,children:De(ne,{children:[De("colgroup",{children:[G("col",{}),G("col",{}),G("col",{}),G("col",{})]}),De(j,{children:[De(y,{children:[G(E,{rowspan:3,colspan:1,columnTitle:"ID"}),G(E,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),De(y,{children:[G(E,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),G(E,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),De(y,{children:[G(E,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),G(E,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),G(ee,{children:G(te,{className:t,children:De(oe,{children:[De("colgroup",{children:[G("col",{}),G("col",{}),G("col",{}),G("col",{})]}),De(le,{children:[De(y,{className:"k-master-row",children:[G(d,{children:"1"}),G(d,{children:"Chai"}),G(d,{children:"39"}),G(d,{children:"18"})]}),De(y,{className:"k-master-row",alt:!0,children:[G(d,{children:"2"}),G(d,{children:"Chang"}),G(d,{children:"17"}),G(d,{children:"19"})]}),De(y,{className:"k-master-row",children:[G(d,{children:"3"}),G(d,{children:"Aniseed Syrup"}),G(d,{children:"13"}),G(d,{children:"10"})]}),De(y,{className:"k-master-row",alt:!0,children:[G(d,{children:"4"}),G(d,{children:"Chef Anton's Cajun Seasoning"}),G(d,{children:"53"}),G(d,{children:"22"})]}),De(y,{className:"k-master-row",children:[G(d,{children:"5"}),G(d,{children:"Chef Anton's Gumbo Mix"}),G(d,{children:"0"}),G(d,{children:"21.35"})]})]})]})})})]}),...o});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 QT,jsx as K,jsxs as ht}from"react/jsx-runtime";var ad=e=>K(X,{_renderAriaRoot:!0,toolbar:ht(xo,{children:[K(c,{children:"Add new"}),K(c,{children:"Save Changes"}),K(c,{children:"Cancel Changes"})]}),children:ht(QT,{children:[K(re,{children:K("div",{className:"k-grid-header-wrap",children:ht(ne,{children:[ht("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),K(j,{children:ht(y,{children:[K(E,{columnTitle:"Name"}),K(E,{columnTitle:"Price"}),K(E,{columnTitle:"Available"}),K(E,{accessibleLabel:"Commands"})]})})]})})}),K(ee,{children:K(te,{children:K("div",{children:ht(oe,{children:[ht("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),ht(le,{children:[ht(y,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[K(d,{children:K(se,{value:"Towel"})}),K(d,{children:K(z,{value:"42"})}),K(d,{children:K(ze,{})}),ht(d,{className:"k-command-cell",children:[K(c,{children:"Add"}),K(c,{children:"Cancel"})]})]}),ht(y,{className:"k-master-row",children:[K(d,{children:"Chai"}),K(d,{children:"18"}),K(d,{children:"false"}),K(d,{className:"k-command-cell",children:K(c,{children:"Remove"})})]}),ht(y,{className:"k-master-row",alt:!0,children:[K(d,{children:"Chang"}),K(d,{children:"19"}),K(d,{children:"false"}),K(d,{className:"k-command-cell",children:K(c,{children:"Remove"})})]})]})]})})})})]}),...e});import{Fragment as oU,jsx as tU,jsxs as aU}from"react/jsx-runtime";import{Fragment as gr,jsx as b,jsxs as q}from"react/jsx-runtime";var ZT=X.options,jT=X.states,rd={...X.defaultOptions,variant:"normal"},eh=[{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"}],th=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Ba=e=>{let{variant:t,modifiers:o,...a}={...rd,...e},l={toolbar:void 0,pager:void 0},i=q(xo,{children:[b(c,{icon:"plus",children:"Add New"}),b(c,{icon:"file-pdf",children:"Export to PDF"}),b("span",{className:"k-spacer"}),b(se,{prefix:b(g,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=b(xe,{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]?p:void 0;break;default:return}});let m={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},h=q(gr,{children:[b(re,{children:b("div",{className:"k-grid-header-wrap",children:q(ne,{children:[q("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(j,{children:q(y,{children:[b(E,{...m[t],columnTitle:"ID"}),b(E,{...m[t],columnTitle:"Product Name"}),b(E,{...m[t],columnTitle:"Units in Stock"}),b(E,{...m[t],columnTitle:"Units Price"})]})})]})})}),b(ee,{children:b(te,{children:q(oe,{children:[q("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),q(le,{children:[q(y,{children:[b(d,{children:"1"}),b(d,{children:"Chai"}),b(d,{children:"39"}),b(d,{children:"18"})]}),q(y,{className:"k-alt",alt:!0,children:[b(d,{children:"2"}),b(d,{children:"Chang"}),b(d,{children:"17"}),b(d,{children:"19"})]}),q(y,{children:[b(d,{children:"3"}),b(d,{children:"Aniseed Syrup"}),b(d,{children:"13"}),b(d,{children:"10"})]}),q(y,{className:"k-alt",alt:!0,children:[b(d,{children:"4"}),b(d,{children:"Chef Anton's Cajun Seasoning"}),b(d,{children:"53"}),b(d,{children:"22"})]}),q(y,{children:[b(d,{children:"5"}),b(d,{children:"Chef Anton's Gumbo Mix"}),b(d,{children:"0"}),b(d,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return b(od,{...a,...l});case"editing":return b(ad,{...a,...l});case"grouping":return b(td,{...a,...l,groupingHeader:b(Gt,{children:q(ve,{children:[b(ke,{icon:"sort-asc-small",actions:q(gr,{children:[b(ge,{type:"more"}),b(ge,{type:"remove"})]}),children:"ID"}),b(ke,{icon:"sort-desc-small",actions:q(gr,{children:[b(ge,{type:"more"}),b(ge,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return b(X,{...a,...l,children:q(gr,{children:[b(re,{children:q("div",{className:"k-grid-header-wrap",children:[" ",q(ne,{children:[q("colgroup",{children:[b("col",{className:"k-drag-col"}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(j,{children:q(y,{children:[b(E,{className:"k-drag-cell",accessibleLabel:"Reorder"}),b(E,{columnTitle:"ID"}),b(E,{columnTitle:"Product Name"}),b(E,{columnTitle:"Units in Stock"}),b(E,{columnTitle:"Units Price"})]})})]})]})}),b(ee,{children:b(te,{children:q(oe,{children:[q("colgroup",{children:[b("col",{className:"k-drag-col"}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),q(le,{children:[q(y,{children:[b(d,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(d,{children:"1"}),b(d,{children:"Chai"}),b(d,{children:"39"}),b(d,{children:"18"})]}),q(y,{className:"k-alt",alt:!0,children:[b(d,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(d,{children:"2"}),b(d,{children:"Chang"}),b(d,{children:"17"}),b(d,{children:"19"})]}),q(y,{children:[b(d,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(d,{children:"3"}),b(d,{children:"Aniseed Syrup"}),b(d,{children:"13"}),b(d,{children:"10"})]}),q(y,{className:"k-alt",alt:!0,children:[b(d,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(d,{children:"4"}),b(d,{children:"Chef Anton's Cajun Seasoning"}),b(d,{children:"53"}),b(d,{children:"22"})]}),q(y,{children:[b(d,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(d,{children:"5"}),b(d,{children:"Chef Anton's Gumbo Mix"}),b(d,{children:"0"}),b(d,{children:"21.35"})]})]})]})})})]})});case"filter-row":return b(Js,{...a,...l});default:return b(X,{...a,...l,children:h})}};Ba.options=ZT;Ba.states=jT;Ba.variants=eh;Ba.defaultOptions=rd;Ba.modifiers=th;import{Fragment as ld,jsx as I,jsxs as Le}from"react/jsx-runtime";var l7=({aggregated:e=!1,contentClassName:t,...o})=>I(X,{_renderAriaRoot:!0,children:Le(ld,{children:[I(re,{children:I("div",{className:"k-grid-header-wrap",children:Le(ne,{children:[Le("colgroup",{children:[I("col",{}),I("col",{}),I("col",{}),I("col",{})]}),I(j,{children:Le(y,{children:[I(E,{columnTitle:"Product Name"}),I(E,{columnTitle:"Units In Stock"}),I(E,{columnTitle:"Discontinued"}),I(E,{columnTitle:"Units in Order"})]})})]})})}),I(ee,{children:I(te,{className:t,children:Le(oe,{children:[Le("colgroup",{children:[I("col",{}),I("col",{}),I("col",{}),I("col",{})]}),Le(le,{children:[Le(y,{className:"k-master-row",children:[I(d,{selected:!!e,children:"Chai"}),I(d,{selected:!!e,children:"39"}),I(d,{children:"false"}),I(d,{children:"0"})]}),Le(y,{className:"k-master-row",alt:!0,children:[I(d,{selected:!!e,children:"Chang"}),I(d,{selected:!!e,children:"17"}),I(d,{children:"false"}),I(d,{children:"40"})]}),Le(y,{className:"k-master-row",children:[I(d,{selected:!!e,children:"Aniseed Syrup"}),I(d,{selected:!!e,children:"13"}),I(d,{children:"false"}),I(d,{children:"70"})]}),Le(y,{className:"k-master-row",alt:!0,children:[I(d,{selected:!!e,children:"Chef Anton's Cajun Seasoning"}),I(d,{selected:!!e,children:"53"}),I(d,{children:"false"}),I(d,{children:"0"})]}),Le(y,{className:"k-master-row",children:[I(d,{children:"Chef Anton's Gumbo Mix"}),I(d,{children:"0"}),I(d,{children:"true"}),I(d,{children:"0"})]})]})]})})})]}),gridSelectionAggregates:I("div",{className:"k-selection-aggregates k-grid-selection-aggregates",children:e?Le(ld,{children:[Le("div",{className:"k-selection-aggregates-item",children:[I("span",{className:"k-selection-aggregates-item-text",children:"Sum:"}),I("span",{className:"k-selection-aggregates-item-value",children:"122.00"})]}),Le("div",{className:"k-selection-aggregates-item",children:[I("span",{className:"k-selection-aggregates-item-text",children:"Avg:"}),I("span",{className:"k-selection-aggregates-item-value",children:"30.50"})]}),Le("div",{className:"k-selection-aggregates-item",children:[I("span",{className:"k-selection-aggregates-item-text",children:"Min:"}),I("span",{className:"k-selection-aggregates-item-value",children:"13"})]}),Le("div",{className:"k-selection-aggregates-item",children:[I("span",{className:"k-selection-aggregates-item-text",children:"Max:"}),I("span",{className:"k-selection-aggregates-item-value",children:"53"})]}),Le("div",{className:"k-selection-aggregates-item",children:[I("span",{className:"k-selection-aggregates-item-text",children:"Count:"}),I("span",{className:"k-selection-aggregates-item-value",children:"8"})]})]}):Le("div",{className:"k-selection-aggregates-item",children:[I("span",{className:"k-selection-aggregates-item-text",children:"Count:"}),I("span",{className:"k-selection-aggregates-item-value",children:"0"})]})}),...o});export{l7 as GridWithSelectionAggregates};
+var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var S=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),w=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:s,checked:p,active:m,selected:h,disabled:N,indeterminate:v,loading:k,empty:u,readonly:M,highlighted:C,...A}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":s,"k-checked":p,"k-active":m,"k-selected":h,"k-disabled":N,"k-indeterminate":v&&!p,"k-loading":k,"k-empty":u,"k-readonly":M,"k-highlighted":C},Object.keys(A).reduce((O,R)=>(R.startsWith("k-")?O[R]=A[R]:O[`k-${R}`]=A[R],O),{}))};function cn(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 U="grid",V=U;import{jsx as ud,jsxs as bd}from"react/jsx-runtime";var Da="k-grid",cd=[],pd={size:[i.undefined,i.small,i.medium,i.large]},md=[],pn={pagerPosition:"bottom"},W=e=>{let{size:t,pagerPosition:o=pn.pagerPosition,toolbar:a,pager:l,groupingHeader:s,gridSelectionAggregates:p,_renderAriaRoot:m,resizable:h,...N}=e;return bd("div",{...N,className:r(e.className,Da,{[`${Da}-resizable`]:h},S(Da,{size:t})),children:[a,o==="top"&&l,s,e.children&&m?ud("div",{className:"k-grid-aria-root",children:e.children}):e.children,p,o==="bottom"&&l]})};W.states=cd;W.options=pd;W.variants=md;W.className=Da;W.defaultOptions=pn;W.moduleName=U;W.folderName=V;import{jsx as fd}from"react/jsx-runtime";var mn="k-grid-header",re=e=>{let{draggable:t,...o}=e;return fd("div",{...o,className:r(e.className,mn,{"k-grid-draggable-header":t}),children:e.children})};re.className=mn;re.moduleName=U;re.folderName=V;import{jsx as un,jsxs as Td}from"react/jsx-runtime";var bn="k-grouping-header",Bt=e=>{let{dropHint:t,dropClue:o,...a}=e;return Td("div",{...a,className:r(e.className,bn),children:[o&&un("div",{className:"k-grouping-dropclue"}),e.children,un("div",{className:"k-grouping-drop-container",children:t})]})};Bt.className=bn;Bt.moduleName=U;Bt.folderName=V;import{jsx as hd}from"react/jsx-runtime";var fn="k-grid-pinned-container",kr=e=>{let{position:t,...o}=e;return hd("div",{...o,className:r(e.className,fn,{"k-pos-bottom":t==="bottom"}),children:e.children})};kr.className=fn;kr.moduleName=U;kr.folderName=V;import{jsx as xd}from"react/jsx-runtime";var Tn="k-grid-sticky-container",vr=e=>{let{position:t,...o}=e;return xd("div",{...o,className:r(e.className,Tn,{"k-pos-bottom":t==="bottom"}),children:e.children})};vr.className=Tn;vr.moduleName=U;vr.folderName=V;var Ce="table",Ae=Ce;import{jsx as vd}from"react/jsx-runtime";var hn="k-data-table",Nd=[],gd={size:[i.undefined,i.small,i.medium,i.large]},kd={},At=e=>{let{size:t,...o}=e;return vd("div",{...o,className:r(e.className,hn,S("k-table",{size:t})),children:e.children})};At.states=Nd;At.options=gd;At.className=hn;At.defaultOptions=kd;At.moduleName=Ce;At.folderName=Ae;import{jsx as yd}from"react/jsx-runtime";var Lr="k-table-header-wrap",Ld=[n.hover,n.focus,n.disabled],Cd={},Md={},Dt=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return yd("div",{...s,className:r(e.className,Lr,w(Lr,{hover:o,focus:a,disabled:l})),children:t})};Dt.states=Ld;Dt.options=Cd;Dt.className=Lr;Dt.defaultOptions=Md;Dt.moduleName=Ce;Dt.folderName=Ae;import{jsx as Ed}from"react/jsx-runtime";var Cr="k-table",Sd=[],Ad={size:[i.undefined,i.small,i.medium,i.large]},wd={},we=e=>{let{size:t,...o}=e;return Ed("table",{...o,className:r(e.className,Cr,S(Cr,{size:t})),children:e.children})};we.states=Sd;we.options=Ad;we.className=Cr;we.defaultOptions=wd;we.moduleName=Ce;we.folderName=Ae;import{jsx as Mr}from"react/jsx-runtime";var yr="k-table-header",Id=[n.hover,n.focus,n.disabled],Rd={},Od={},wt=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return Mr("div",{...s,className:r(e.className,yr,w(yr,{hover:o,focus:a,disabled:l})),children:Mr(Dt,{children:Mr(we,{children:t})})})};wt.states=Id;wt.options=Rd;wt.className=yr;wt.defaultOptions=Od;wt.moduleName=Ce;wt.folderName=Ae;import{jsx as Gd}from"react/jsx-runtime";var xn="k-table-scroller",Pd=[],Hd={},Kd={},ko=e=>{let{children:t,...o}=e;return Gd("div",{...o,className:r(e.className,xn),children:t})};ko.states=Pd;ko.options=Hd;ko.className=xn;ko.defaultOptions=Kd;ko.moduleName=Ce;ko.folderName=Ae;import{jsx as nx}from"react/jsx-runtime";import{jsx as zd}from"react/jsx-runtime";var Nn="k-table-footer",Bd=[],Dd={},_d={},_t=e=>{let{children:t,...o}=e;return zd("div",{...o,className:r(e.className,Nn),children:t})};_t.states=Bd;_t.options=Dd;_t.className=Nn;_t.defaultOptions=_d;_t.moduleName=Ce;_t.folderName=Ae;import{jsx as $d}from"react/jsx-runtime";var Sr="k-table-list",Ud=[],Fd={size:[i.undefined,i.small,i.medium,i.large]},Vd={},zt=e=>{let{size:t,virtualization:o,...a}=e;return $d("ul",{...a,className:r(e.className,"k-table",Sr,S(Sr,{size:t}),{"k-virtual-table":o}),children:e.children})};zt.states=Ud;zt.options=Fd;zt.className=Sr;zt.defaultOptions=Vd;zt.moduleName=Ce;zt.folderName=Ae;import{jsx as Wd}from"react/jsx-runtime";var Xd="k-table-thead",j=e=>Wd("thead",{className:r(e.className,Xd),children:e.children});import{jsx as qd}from"react/jsx-runtime";var Jd="k-table-tbody",le=e=>qd("tbody",{className:r(e.className,Jd),children:e.children});import{jsx as Cx}from"react/jsx-runtime";import{jsx as Qd}from"react/jsx-runtime";var Ar="k-table-row",Yd=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],y=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:s,alt:p,...m}=e;return Qd("tr",{...m,className:r(e.className,Ar,{"k-table-alt-row":p},w(Ar,{hover:t,focus:o,disabled:s,selected:a,highlighted:l})),children:e.children})};y.states=Yd;y.className=Ar;import{jsx as jd}from"react/jsx-runtime";var wr="k-table-row",Zd=[n.hover,n.focus,n.selected,n.disabled],_a=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:s,...p}=e;return jd("li",{...p,className:r(e.className,wr,{"k-table-alt-row":s},w(wr,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};_a.states=Zd;_a.className=wr;import{jsx as ec}from"react/jsx-runtime";var gn="k-table-th",Et=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,s=t||e.children;return ec("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,gn),children:s})};Et.className=gn;Et.moduleName=Ce;Et.folderName=Ae;import{jsx as Bx}from"react/jsx-runtime";import{jsx as oc}from"react/jsx-runtime";var Er="k-table-td",tc=[n.focus,n.selected,n.highlighted],d=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:s,rowspan:p,...m}=e,h=l||e.children;return oc("td",{colSpan:s,rowSpan:p,...m,className:r(e.className,Er,w(Er,{focus:t,selected:o,highlighted:a})),children:h})};d.states=tc;d.className=Er;import{jsx as $x}from"react/jsx-runtime";import{jsx as qx}from"react/jsx-runtime";import{jsx as jx}from"react/jsx-runtime";import{jsx as aN}from"react/jsx-runtime";import{jsx as sN}from"react/jsx-runtime";import{jsx as bN,jsxs as fN}from"react/jsx-runtime";import{jsx as NN,jsxs as gN}from"react/jsx-runtime";import{jsx as CN,jsxs as MN}from"react/jsx-runtime";import{Fragment as IN,jsx as wN,jsxs as EN}from"react/jsx-runtime";import{jsx as nc}from"react/jsx-runtime";var vn="k-grid-header-table",ne=e=>nc(we,{...e,className:r(e.className,vn),children:e.children});ne.className=vn;ne.moduleName=U;ne.folderName=V;import{Fragment as cc,jsx as Ln}from"react/jsx-runtime";var Ir="k-font-icon",sc=[],ic={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]},dc={},zo=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:s,...p}=e;return a?Ln("span",{...p,className:r(e.className,Ir,S(Ir,{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"}):Ln(cc,{})};zo.states=sc;zo.options=ic;zo.className=Ir;zo.defaultOptions=dc;var Cn=zo;import{Fragment as uc,jsx as za}from"react/jsx-runtime";var Rr="k-svg-icon",pc=[],mc={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]},Mn={viewBox:"0 0 24 24"},Uo=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:s=Mn.viewBox,icon:p,...m}=e;if(!p)return za(uc,{});if(p==="none")return za("span",{...m,className:r(e.className,Rr,S("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let h=typeof p=="object"&&p.name&&p.name;return za("span",{...m,className:r(e.className,Rr,S("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:za("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:s,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};Uo.states=pc;Uo.options=mc;Uo.className=Rr;Uo.defaultOptions=Mn;var Or=Uo;import*as Pr from"@progress/kendo-svg-icons";var yn="icon",Sn="icons";import{useContext as fc}from"react";import{createContext as bc}from"react";var An=bc({iconsType:"svg"});import{Fragment as wn,jsx as Fo}from"react/jsx-runtime";var Ua="k-icon",Tc=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),hc=[],xc={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]},Hr={viewBox:"0 0 24 24",type:"svg"},g=e=>{let{iconsType:t}=fc(An),{size:o,themeColor:a,icon:l,type:s=t||Hr.type,rotate:p,flip:m,viewBox:h=Hr.viewBox,...N}=e;if(!l)return Fo(wn,{});if((t||s)==="svg"){if(l==="none")return Fo(Or,{...N,className:r(e.className,Ua),icon:l,size:o});let k=Pr[l]?l:Tc(`${l}-icon`);return Pr[k]?Fo(Or,{...N,className:r(e.className,Ua),icon:Pr[k],size:o,themeColor:a,rotate:p,flip:m,viewBox:h}):Fo(wn,{})}return Fo(Cn,{...N,className:r(e.className,Ua),icon:l,size:o,themeColor:a,rotate:p,flip:m})};g.states=hc;g.options=xc;g.defaultOptions=Hr;g.className=Ua;g.moduleName=yn;g.folderName=Sn;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 Ut,jsxs as Kr}from"react/jsx-runtime";var Gr="k-header",Nc=[n.hover,n.focus,n.active],En={sortIcon:"sort-asc-small"},E=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:s,columnTitle:p,hover:m,focus:h,active:N,sortIcon:v=En.sortIcon,sortOrder:k,accessibleLabel:u,...M}=e;return Kr(Et,{...M,className:r(e.className,Gr,{"k-filterable":t||a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":s},w(Gr,{hover:m,focus:h,active:N})),children:[p&&Kr("span",{className:"k-cell-inner",children:[Kr("span",{className:"k-link",children:[Ut("span",{className:"k-column-title",children:p}),o&&Ut("span",{className:"k-sort-icon",children:Ut(g,{icon:v})}),k&&Ut("span",{className:"k-sort-order",children:k})]}),t&&Ut("a",{href:"#",className:r("k-grid-header-menu",{"k-active":N,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:Ut(g,{icon:t==="filter"?"filter":"more-vertical"})})]}),!p&&u&&Ut("span",{className:"k-sr-only",children:u}),e.children,s&&Ut("span",{className:"k-column-resizer k-touch-action-none"})]})};E.states=Nc;E.className=Gr;E.defaultOptions=En;E.moduleName=U;E.folderName=V;import{jsx as gc}from"react/jsx-runtime";var In="k-grid-container",ee=e=>gc("div",{...e,className:r(e.className,In),children:e.children});ee.className=In;ee.moduleName=U;ee.folderName=V;import{jsx as kc}from"react/jsx-runtime";var Rn="k-grid-content",te=e=>kc("div",{...e,className:r(e.className,Rn),children:e.children});te.className=Rn;te.moduleName=U;te.folderName=V;import{jsx as vc}from"react/jsx-runtime";var On="k-grid-table",oe=e=>vc(we,{...e,className:r(e.className,On),children:e.children});oe.className=On;oe.moduleName=U;oe.folderName=V;import{jsx as Lc}from"react/jsx-runtime";var Pn="k-grid-footer",Br=e=>Lc("div",{...e,className:r(e.className,Pn),children:e.children});Br.className=Pn;Br.moduleName=U;Br.folderName=V;import{jsx as Cc}from"react/jsx-runtime";var Hn="k-grid-footer-table",Dr=e=>Cc(we,{...e,className:r(e.className,Hn),children:e.children});Dr.className=Hn;Dr.moduleName=U;Dr.folderName=V;var _r="button",Kn=_r;import{Fragment as Ac,jsx as Vo,jsxs as Gn}from"react/jsx-runtime";var $o="k-button",Mc=["icon-button"],yc=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Sc={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]},zr={showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:s,showArrow:p=zr.showArrow,arrowIconName:m=zr.arrowIconName,variant:h,hover:N,focus:v,active:k,selected:u,disabled:M,togglable:C,icon:A,text:O,iconClassName:R,className:_,...pe}=e,Te=A!==void 0,Re=e.children!==void 0;return Gn(t,{className:r(_,$o,cn($o,h),S($o,{size:o,rounded:a,fillMode:l,themeColor:s}),w($o,{hover:N,focus:v,active:k,disabled:M,selected:u}),{"k-icon-button":!O&&!Re&&Te}),...pe,"aria-pressed":C?u?"true":"false":void 0,disabled:M||void 0,children:[A&&Vo(g,{className:r(R,"k-button-icon"),icon:A}),O?Gn(Ac,{children:[O&&Vo("span",{className:"k-button-text",children:O}),e.children]}):e.children&&Vo("span",{className:"k-button-text",children:e.children}),p&&Vo("span",{className:"k-menu-button-arrow k-button-arrow",children:Vo(g,{icon:m})})]})};c.states=yc;c.options=Sc;c.variants=Mc;c.className=$o;c.defaultOptions=zr;c.moduleName=_r;c.folderName=Kn;c.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as wc}from"react/jsx-runtime";var Ft=e=>wc(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Ec}from"react/jsx-runtime";var Xo=e=>Ec(c,{icon:"folder",children:"Button",...e});import{jsx as Ic}from"react/jsx-runtime";var ao=e=>Ic(c,{children:"Button",...e});import{jsx as Ur}from"react/jsx-runtime";var Rc=c.options,Oc=c.states,Pc={...c.defaultOptions,variant:"text"},Hc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Kc=[],Wo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Ur(Ft,{...o,icon:"star"});case"icon-and-text":return Ur(Xo,{...o,icon:"star",children:"Button"});default:return Ur(ao,{...o,children:"Button"})}};Wo.options=Rc;Wo.states=Oc;Wo.variants=Hc;Wo.defaultOptions=Pc;Wo.modifiers=Kc;var Jo="input",Fa=Jo;import{jsx as _c}from"react/jsx-runtime";var Va="k-input",Gc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Bc={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]},Dc={},he=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:m,size:h,rounded:N,fillMode:v,...k}=e;return _c("span",{...k,className:r(e.className,Va,S(Va,{size:h,rounded:N,fillMode:v}),w(Va,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:m}))})};he.states=Gc;he.options=Bc;he.className=Va;he.defaultOptions=Dc;he.moduleName=Jo;he.folderName=Fa;import{jsx as Vc}from"react/jsx-runtime";var $a="k-picker",zc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Uc={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]},Fc={},Nt=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:m,size:h,rounded:N,fillMode:v,...k}=e;return Vc("span",{...k,className:r(e.className,$a,S($a,{size:h,rounded:N,fillMode:v}),w($a,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:m})),children:e.children})};Nt.states=zc;Nt.options=Uc;Nt.className=$a;Nt.defaultOptions=Fc;Nt.moduleName=Jo;Nt.folderName=Fa;import{Fragment as Wc,jsx as Fr}from"react/jsx-runtime";var Bn="k-clear-value",$c=[n.disabled,n.loading,n.readonly],Xc={},qe=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?Fr(Wc,{}):Fr("span",{className:r(e.className,Bn),children:Fr(g,{icon:"x"})})};qe.states=$c;qe.options=Xc;qe.className=Bn;import{jsx as Yc}from"react/jsx-runtime";var Vr="k-input-inner",Jc=[],qc={},Xa={type:"text",autocomplete:"off",value:"",placeholder:""},Ye=e=>{let{value:t=Xa.value,type:o=Xa.type,placeholder:a=Xa.placeholder,autocomplete:l=Xa.autocomplete,disabled:s,readOnly:p,...m}=e;return Yc("input",{...m,type:o,className:r(e.className,Vr,S(Vr,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:s||void 0,readOnly:p||void 0})};Ye.states=Jc;Ye.options=qc;Ye.className=Vr;import{jsx as Dn,jsxs as jc}from"react/jsx-runtime";var $r="k-input-inner",Qc=[],Zc={},ro=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:s,...p}=e;return jc("span",{...p,className:r(e.className,$r,S($r,e)),children:[l,!l&&s&&Dn(g,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Dn("span",{className:"k-input-value-text",children:t})]})};ro.states=Qc;ro.options=Zc;ro.className=$r;import{jsx as op}from"react/jsx-runtime";var Xr="k-input-inner",ep=[],tp={},_n={value:"",placeholder:""},Wr=e=>{let{value:t=_n.value,placeholder:o=_n.placeholder,rows:a,disabled:l,...s}=e;return op("textarea",{...s,className:r(e.className,Xr,S(Xr,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};Wr.states=ep;Wr.options=tp;Wr.className=Xr;import{Fragment as rp,jsx as zn}from"react/jsx-runtime";var Un="k-input-loading-icon",ap=[n.disabled,n.loading],_e=e=>{let{disabled:t,loading:o}=e;return t||!o?zn(rp,{}):zn("span",{className:r(e.className,Un,"k-icon k-i-loading")})};_e.states=ap;_e.className=Un;import{Fragment as sp,jsx as Fn}from"react/jsx-runtime";var Vn="k-input-validation-icon",lp=[n.valid,n.invalid,n.disabled,n.loading],np={},Oe=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,s=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?Fn(sp,{}):Fn(g,{className:r(Vn),icon:s})};Oe.states=lp;Oe.options=np;Oe.className=Vn;import{Fragment as cp,jsx as $n}from"react/jsx-runtime";var ip="k-input-prefix",dp={direction:"horizontal"},at=e=>{let{direction:t=dp.direction,...o}=e;return e.children?$n("span",{...o,className:r(ip,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):$n(cp,{})};import{Fragment as up,jsx as Xn}from"react/jsx-runtime";var pp="k-input-suffix",mp={direction:"horizontal"},rt=e=>{let{direction:t=mp.direction,...o}=e;return e.children?Xn("span",{...o,className:r(pp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Xn(up,{})};import{jsx as kv}from"react/jsx-runtime";import{jsx as fp}from"react/jsx-runtime";var bp="k-input-suffix-text",Jr=e=>{let{children:t,...o}=e;return fp("span",{...o,className:r(bp,e.className),children:t})};import{jsx as hp}from"react/jsx-runtime";var Wn="k-input-separator",Tp={direction:"vertical"},lt=e=>{let{direction:t=Tp.direction,...o}=e;return hp("span",{...o,className:r(Wn,e.className,{[`${Wn}-${t}`]:t})})};import{Fragment as Jn,jsx as gt,jsxs as qr}from"react/jsx-runtime";var xp=he.states,Np=he.defaultOptions,gp=he.options,kp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],vp=[],qo=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:s,readonly:p,...m}=e,h=t?.prefix,N=t?.suffix,v=t?.["clear-button"],k=t?.["validation-icon"],u=t?.separators;return qr(he,{...m,valid:o,invalid:a,loading:l,disabled:s,readonly:p,style:{width:300},children:[h&&qr(Jn,{children:[gt(at,{children:gt(g,{icon:"lock"})}),u&&gt(lt,{})]}),gt(Ye,{placeholder:"Placeholder",value:"Value"}),k&&gt(Oe,{valid:o,invalid:a,loading:l,disabled:s}),gt(_e,{loading:l,disabled:s}),v&&gt(qe,{loading:l,disabled:s,readonly:p,value:"Value"}),N&&qr(Jn,{children:[u&&gt(lt,{}),gt(rt,{children:gt(ao,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};qo.options=gp;qo.states=xp;qo.variants=vp;qo.defaultOptions=Np;qo.modifiers=kp;var Yr="popup",qn=Yr;import{jsx as Yn}from"react/jsx-runtime";var Qn="k-animation-container",Lp=[],Cp={},Zn={positionMode:"absolute"},kt=e=>{let{positionMode:t=Zn.positionMode,animationStyle:o,offset:a,...l}=e;return Yn("div",{...l,style:{...a,...e.style},className:r(e.className,Qn,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Yn("div",{className:"k-child-animation-container",style:o,children:e.children})})};kt.states=Lp;kt.options=Cp;kt.className=Qn;kt.defaultOptions=Zn;kt.moduleName=Yr;kt.folderName=qn;var Qr="popup",jn=Qr;import{jsx as es}from"react/jsx-runtime";var ts="k-popup",Mp=[],yp={},os={positionMode:"absolute"},se=e=>{let{offset:t,positionMode:o=os.positionMode,animationStyle:a,containerClassName:l,containerRole:s,containerAriaLabel:p,...m}=e;return es(kt,{positionMode:o,offset:t,animationStyle:a,className:l,role:s,"aria-label":p,children:es("div",{...m,className:r(e.className,ts),children:e.children})})};se.states=Mp;se.options=yp;se.className=ts;se.defaultOptions=os;se.moduleName=Qr;se.folderName=jn;se.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var Zr="action-buttons",as=Zr;import{jsx as wp}from"react/jsx-runtime";var Wa="k-actions",Sp=[],Ap={},jr={alignment:"start",orientation:"horizontal"},vt=e=>{let{alignment:t=jr.alignment,orientation:o=jr.orientation,...a}=e;return wp("div",{...a,className:r(Wa,{[`${Wa}-${t}`]:t,[`${Wa}-${o}`]:o},e.className),children:e.children})};vt.states=Sp;vt.options=Ap;vt.className=Wa;vt.defaultOptions=jr;vt.moduleName=Zr;vt.folderName=as;import{jsx as Ip}from"react/jsx-runtime";var Ep="k-actionsheet-footer",rs={alignment:"stretched",orientation:"horizontal"},Vt=e=>{let{alignment:t=rs.alignment,orientation:o=rs.orientation,template:a,as:l=a?"div":vt,...s}=e;return Ip(l,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,Ep),children:e.children})};var el="searchbox",ls=el;import{jsx as Yo,jsxs as Pp}from"react/jsx-runtime";var ns="k-searchbox",Rp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],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]},tl={showIcon:!0,icon:"search"},nt=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:s,hover:p,focus:m,valid:h,invalid:N,required:v,loading:k,disabled:u,showIcon:M=tl.showIcon,icon:C=tl.icon,...A}=e;return Pp(he,{...A,size:a,rounded:l,fillMode:s,hover:p,focus:m,valid:h,invalid:N,required:v,loading:k,disabled:u,className:r(e.className,ns),children:[M&&Yo(g,{className:"k-input-icon",icon:C}),Yo(Ye,{placeholder:o,value:t}),Yo(_e,{...e}),Yo(Oe,{...e}),Yo(qe,{...e})]})};nt.states=Rp;nt.options=Op;nt.className=ns;nt.defaultOptions=tl;nt.moduleName=el;nt.folderName=ls;import{jsx as _L}from"react/jsx-runtime";var ol="textbox",ss=ol;import{Fragment as is,jsx as $t,jsxs as al}from"react/jsx-runtime";var ds="k-textbox",Hp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Kp={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]},Ja={showClearButton:!0,showValidationIcon:!0,separators:!0},ie=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Ja.separators,showClearButton:s=Ja.showClearButton,showValidationIcon:p=Ja.showValidationIcon,prefix:m,suffix:h,type:N,value:v,placeholder:k,hover:u,focus:M,valid:C,invalid:A,required:O,loading:R,disabled:_,readonly:pe,id:Te,"aria-label":Re,"aria-describedby":We,...Je}=e;return al(he,{...Je,size:t,rounded:o,fillMode:a,hover:u,focus:M,valid:C,invalid:A,required:O,loading:R,disabled:_,readonly:pe,className:r(e.className,ds),children:[m&&al(is,{children:[$t(at,{children:m}),l&&$t(lt,{})]}),$t(Ye,{id:Te,placeholder:k,value:v,type:N,disabled:_,"aria-label":Re,"aria-describedby":We,"aria-invalid":A?"true":void 0}),p&&$t(Oe,{valid:C,invalid:A,loading:R,disabled:_}),$t(_e,{loading:R,disabled:_}),s&&$t(qe,{loading:R,disabled:_,readonly:pe,value:v}),h&&al(is,{children:[l&&$t(lt,{}),$t(rt,{children:h})]})]})};ie.states=Hp;ie.options=Kp;ie.className=ds;ie.defaultOptions=Ja;ie.moduleName=ol;ie.folderName=ss;ie.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=ie;import{jsx as Gp}from"react/jsx-runtime";var cs=e=>Gp(Qo,{...e});import{Fragment as rC,jsx as aC}from"react/jsx-runtime";import{Fragment as cC,jsx as dC}from"react/jsx-runtime";import{jsx as bC}from"react/jsx-runtime";import{jsx as rl}from"react/jsx-runtime";var Bp=ie.states,Dp=ie.defaultOptions,_p=ie.options,zp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Up=[],Zo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?rl(g,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[l]?rl(ao,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;default:break}}),rl(cs,{value:"Value",style:{width:300},...o,...a})};Zo.options=_p;Zo.states=Bp;Zo.variants=Up;Zo.defaultOptions=Dp;Zo.modifiers=zp;import{jsx as Xt,jsxs as ll}from"react/jsx-runtime";var ps="k-actionsheet-titlebar",Fp={},Pe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:s,input:p,inputValue:m,inputPlaceholder:h,adaptive:N,titleId:v,children:k,...u}=e;return ll("div",{...u,className:r(e.className,ps),children:[ll("div",{className:"k-actionsheet-titlebar-group",children:[a&&Xt("div",{className:"k-actionsheet-actions",children:a}),!k&&ll("div",{className:"k-actionsheet-title",id:v,children:[t&&Xt("div",{className:"k-text-center",children:t}),o&&Xt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&Xt("div",{className:"k-actionsheet-title",id:v,children:k}),l&&Xt("div",{className:"k-actionsheet-actions",children:l})]}),(p||s)&&Xt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?Xt(ie,{value:m,placeholder:h,size:N?"large":"medium","aria-label":t||h||"Input"}):Xt(nt,{placeholder:"Filter",size:N?"large":"medium","aria-label":"Filter options"})})]})};Pe.className=ps;Pe.defaultOptions=Fp;import{jsx as nl,jsxs as Wp}from"react/jsx-runtime";var sl="k-actionsheet-view",Vp=[],$p={},Xp={},vo=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:s,titleId:p,...m}=e,h=l?.type===Pe&&nl(Pe,{adaptive:t,titleId:p,...l?.props}),N=s?.type===Vt&&nl(Vt,{...s?.props});return Wp("div",{...m,className:r(e.className,sl,{[`${sl}-animated`]:o}),children:[h,nl("div",{className:"k-actionsheet-content",children:a}),N]})};vo.states=Vp;vo.options=$p;vo.className=sl;vo.defaultOptions=Xp;var jo="action-sheet",qa=jo;var il="overlay",ms=il;import{jsx as Qp}from"react/jsx-runtime";var dl="k-overlay",Jp=[],qp={themeColor:[f.undefined,f.light,f.dark,f.inverse]},Yp={},Wt=e=>{let{themeColor:t,...o}=e;return Qp("div",{...o,className:r(e.className,dl,S(dl,{themeColor:t})),children:e.children})};Wt.states=Jp;Wt.options=qp;Wt.className=dl;Wt.defaultOptions=Yp;Wt.moduleName=il;Wt.folderName=ms;import{jsx as Ya,jsxs as em}from"react/jsx-runtime";var us="k-actionsheet",Zp=[],jp={},ea={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ue=e=>{let{side:t=ea.side,fullscreen:o=ea.fullscreen,adaptive:a=ea.adaptive,overlay:l=ea.overlay,template:s,children:p,header:m,footer:h,id:N,...v}=e,k=N&&!s&&m?`${N}-title`:void 0;return em("div",{className:"k-actionsheet-container",children:[l&&Ya(Wt,{}),Ya(kt,{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:Ya("div",{...v,id:N,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":k,className:r(e.className,us,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||Ya(vo,{header:m,footer:h,adaptive:a,titleId:k,...e,children:p})})})]})};ue.states=Zp;ue.options=jp;ue.className=us;ue.defaultOptions=ea;ue.moduleName=jo;ue.folderName=qa;ue.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 rm}from"react/jsx-runtime";var bs="k-actionsheet-container",tm=[],om={},am={},Lo=e=>{let{children:t,...o}=e;return rm("div",{...o,className:bs,children:t})};Lo.states=tm;Lo.options=om;Lo.className=bs;Lo.defaultOptions=am;Lo.moduleName=jo;Lo.folderName=qa;import{jsx as lm}from"react/jsx-runtime";var cl=e=>{let{...t}=e;return lm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as sm,jsx as ta,jsxs as pl}from"react/jsx-runtime";var ml="k-actionsheet-item",nm=[n.hover,n.focus,n.selected,n.disabled],Jt=e=>{let{iconName:t,text:o,description:a,hover:l,focus:s,selected:p,disabled:m,...h}=e;return pl("span",{...h,className:r(e.className,ml,w(ml,{hover:l,focus:s,selected:p,disabled:m})),children:[!e.children&&ta(sm,{children:pl("span",{className:"k-actionsheet-action",children:[t&&ta("span",{className:"k-icon-wrap",children:ta(g,{className:"k-actionsheet-item-icon",icon:t})}),pl("span",{className:"k-actionsheet-item-text",children:[o&&ta("span",{className:"k-actionsheet-item-title",children:o}),a&&ta("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Jt.states=nm;Jt.className=ml;import{jsx as uM,jsxs as bM}from"react/jsx-runtime";import{jsx as xM}from"react/jsx-runtime";import{jsx as vM}from"react/jsx-runtime";import{jsx as yM}from"react/jsx-runtime";import{jsx as Me,jsxs as ul}from"react/jsx-runtime";var im=ue.options,dm=ue.states,Ts={...ue.defaultOptions,variant:"normal"},cm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],pm=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],oa=e=>{let{variant:t,modifiers:o,...a}={...Ts,...e},l={},s=ul(cl,{children:[Me(Jt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Me(Jt,{text:"Add to Favorites",iconName:"heart"}),Me(Jt,{text:"Upload New",iconName:"upload",disabled:!0}),Me("hr",{className:"k-hr"}),Me(Jt,{text:"Cancel",iconName:"cancel"})]}),p="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]?p:void 0;break;case"footer":l.footer=!!o?.[h];break;default:break}}),t==="adaptive"?Me(ue,{...a,adaptive:!0,fullscreen:l.fullScreen,header:Me(Pe,{actionsStart:l.actionsStart?Me(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Me(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:l.subtitle}),footer:l.footer?ul(Vt,{alignment:"stretched",children:[Me(c,{text:"Cancel",size:"large",themeColor:"base"}),Me(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):Me(ue,{...a,fullscreen:l.fullScreen,header:Me(Pe,{actionsStart:l.actionsStart?Me(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Me(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?ul(Vt,{alignment:"stretched",children:[Me(c,{text:"Apply",themeColor:"primary"}),Me(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};oa.options=im;oa.states=dm;oa.variants=cm;oa.defaultOptions=Ts;oa.modifiers=pm;import fl from"react";import{jsx as hs}from"react/jsx-runtime";var mm="k-list-group-sticky-header",bl=e=>hs("div",{className:r(mm,e.className),children:hs("div",{className:"k-list-header-text",children:e.children})});import{jsx as bm}from"react/jsx-runtime";var um="k-no-data",Qa=e=>{let{live:t,...o}=e;return bm("span",{...o,className:r(um,e.className),"aria-live":t?"polite":void 0,children:e.children})};var lo="list",Co=lo;import{jsx as xs,jsxs as Ns}from"react/jsx-runtime";var Tl="k-list",fm=[],Tm={size:[i.undefined,i.small,i.medium,i.large]},hm={},$=e=>{let{size:t,virtualization:o,children:a,header:l,optionLabel:s,customValue:p,noData:m,screenReaders:h,...N}=e,k=fl.Children.toArray(a)[0],u=k?.props?.children?fl.Children.count(k.props.children):fl.Children.count(a);return Ns("div",{...N,className:r(e.className,Tl,S(Tl,{size:t}),{"k-virtual-list":o}),children:[s,p,l&&xs(bl,{children:l}),a||(m!==void 0?m:xs(Qa,{live:!0,children:"No data found."})),h&&a&&Ns(Qa,{className:"k-sr-only",live:!0,children:[u," items found."]})]})};$.states=fm;$.options=Tm;$.className=Tl;$.defaultOptions=hm;$.moduleName=lo;$.folderName=Co;$.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 km}from"react/jsx-runtime";var gs="k-list-container",xm=[],Nm={},gm={},Mo=e=>{let{...t}=e;return km("div",{...t,className:r(e.className,gs),children:e.children})};Mo.states=xm;Mo.options=Nm;Mo.className=gs;Mo.defaultOptions=gm;Mo.moduleName=lo;Mo.folderName=Co;var no="checkbox",yo=no;import{jsx as ks}from"react/jsx-runtime";var Za="k-checkbox",vm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Lm={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full]},Cm={},ze=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:s,disabled:p,invalid:m,valid:h,required:N,size:v,rounded:k,...u}=e;return ks("span",{className:"k-checkbox-wrap",children:ks("input",{...u,id:t,type:"checkbox",defaultChecked:o,required:N,disabled:p||void 0,"aria-invalid":m?"true":void 0,className:r(e.className,Za,S(Za,{size:v,rounded:k}),w(Za,{hover:l,focus:s,disabled:p,invalid:m,valid:h,indeterminate:a,checked:o}))})})};ze.states=vm;ze.options=Lm;ze.className=Za;ze.defaultOptions=Cm;ze.moduleName=no;ze.folderName=yo;ze.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var Lt=ze;import{jsx as Sm}from"react/jsx-runtime";var vs="k-checkbox-list",Mm=[],ym={},Ls={layout:"vertical"},Ue=e=>{let{layout:t=Ls.layout,...o}=e;return Sm("ul",{...o,className:r(e.className,vs,{[`k-list-${t}`]:t}),children:e.children})};Ue.states=Mm;Ue.options=ym;Ue.className=vs;Ue.defaultOptions=Ls;Ue.moduleName=no;Ue.folderName=yo;import{jsx as Im}from"react/jsx-runtime";var Cs="k-checkbox-list-item",Am=[],wm={},Em={},He=e=>{let{...t}=e;return Im("li",{...t,className:r(e.className,Cs),children:e.children})};He.states=Am;He.options=wm;He.className=Cs;He.defaultOptions=Em;He.moduleName=no;He.folderName=yo;import{Fragment as Rm,jsx as Ms,jsxs as Om}from"react/jsx-runtime";var It=({children:e,id:t,...o})=>Om(Rm,{children:[Ms(Lt,{id:t,...o}),Ms("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as Hy,jsx as Py,jsxs as Ky}from"react/jsx-runtime";import{Fragment as zy,jsx as _y,jsxs as Uy}from"react/jsx-runtime";import{Fragment as Wy,jsx as Xy,jsxs as Jy}from"react/jsx-runtime";import{jsx as Zy}from"react/jsx-runtime";import{jsx as oS}from"react/jsx-runtime";import{jsx as nS}from"react/jsx-runtime";import{jsx as st,jsxs as ys}from"react/jsx-runtime";var Pm=Ue.options,Hm=Ue.states,Km={...Ue.defaultOptions,variant:"vertical"},Gm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Bm=[],aa=e=>{let{variant:t,...o}=e;return t==="horizontal"?ys(Ue,{layout:"horizontal",...o,children:[st(He,{children:st(It,{id:"first",defaultChecked:!0,children:"Label"})}),st(He,{children:st(It,{id:"second",children:"Label"})}),st(He,{children:st(It,{id:"third",children:"Label"})})]}):ys(Ue,{...o,children:[st(He,{children:st(It,{id:"first",defaultChecked:!0,children:"Label"})}),st(He,{children:st(It,{id:"second",children:"Label"})}),st(He,{children:st(It,{id:"third",children:"Label"})})]})};aa.options=Pm;aa.states=Hm;aa.variants=Gm;aa.defaultOptions=Km;aa.modifiers=Bm;import{jsx as Vm}from"react/jsx-runtime";var Dm=Lt.options,_m=Lt.states,zm=Lt.defaultOptions,Um=[],Fm=[],ra=e=>Vm(It,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});ra.options=Dm;ra.states=_m;ra.variants=Um;ra.defaultOptions=zm;ra.modifiers=Fm;import{jsx as so,jsxs as Jm}from"react/jsx-runtime";var hl="k-list-item",$m=[n.hover,n.focus,n.selected,n.disabled],Xm={},Wm={},D=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:s,showCheckbox:p,checked:m,hover:h,focus:N,selected:v,disabled:k,actions:u,description:M,id:C,...A}=e,O=t||e.children;return Jm("li",{...A,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":hl,w(hl,{hover:h,focus:N,disabled:k,selected:v})),children:[p&&so(ze,{checked:m}),l&&so("span",{className:"k-list-item-icon-wrapper",children:so(g,{icon:l,className:r("k-list-item-icon",s)})}),so("span",{className:"k-list-item-text",children:O}),u&&so("div",{className:"k-list-item-actions",children:u}),M&&so("span",{className:"k-list-item-description",children:M}),o&&o!==""&&so("div",{className:"k-list-item-group-label",children:o})]})};D.states=$m;D.options=Xm;D.className=hl;D.defaultOptions=Wm;D.moduleName=lo;D.folderName=Co;D.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 Ym}from"react/jsx-runtime";var qm="k-list-ul",Rt=e=>{let{children:t,role:o,id:a,...l}=e;return Ym("ul",{...l,id:a,role:o,className:r(qm,e.className),children:t})};Rt.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 xl,jsxs as Zm}from"react/jsx-runtime";var Qm="k-list-content",Y=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:s,...p}=e;return Zm("div",{...p,className:r(Qm,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:xl(Rt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&xl("div",{className:"k-height-container",children:xl("div",{})})]})};Y.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 JS,jsx as WS,jsxs as qS}from"react/jsx-runtime";import{jsx as Nl,jsxs as eu}from"react/jsx-runtime";var jm="k-list-group-item",io=e=>{let{groupIconName:t,...o}=e;return eu("li",{...o,role:"presentation",className:r(jm,e.className),children:[t&&Nl("span",{className:"k-list-item-icon-wrapper",children:Nl(g,{icon:t,className:"k-list-item-icon"})}),Nl("span",{className:"k-list-item-text",children:e.children})]})};io.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 ru}from"react/jsx-runtime";var gl="k-list-optionlabel",tu=[n.hover,n.focus,n.selected,n.disabled],ou={},au={},ja=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...p}=e;return ru("div",{...p,className:r(gl,w(gl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};ja.states=tu;ja.options=ou;ja.className=gl;ja.defaultOptions=au;import{jsx as iu}from"react/jsx-runtime";var kl="k-list-custom-value",lu=[n.hover,n.focus,n.selected,n.disabled],nu={},su={},qt=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...p}=e;return iu("div",{...p,className:r(kl,w(kl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};qt.states=lu;qt.options=nu;qt.className=kl;qt.defaultOptions=su;import{Fragment as pA,jsx as cA,jsxs as mA}from"react/jsx-runtime";import{Fragment as xA,jsx as hA,jsxs as NA}from"react/jsx-runtime";import{Fragment as yA,jsx as CA,jsxs as MA}from"react/jsx-runtime";import{Fragment as OA,jsx as IA,jsxs as RA}from"react/jsx-runtime";import{jsx as GA}from"react/jsx-runtime";import{Fragment as FA,jsx as UA,jsxs as VA}from"react/jsx-runtime";var Ss="dropdown-list",As="dropdownlist";import{Fragment as pu,jsx as Ke,jsxs as vl}from"react/jsx-runtime";var ws="k-dropdownlist",du=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],cu={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]},Ll={showValue:!0,arrowIconName:"caret-alt-down"},Q=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Ll.arrowIconName,showValue:s=Ll.showValue,valueIconName:p,prefix:m,suffix:h,value:N,placeholder:v,hover:k,focus:u,valid:M,invalid:C,required:A,loading:O,disabled:R,readonly:_,popup:pe,opened:Te,adaptive:Re,adaptiveSettings:We,adaptiveTitle:Je,adaptiveSubtitle:go,adaptiveFilter:gr,...Ba}=e;return vl(pu,{children:[vl(Nt,{...Ba,size:t,rounded:o,fillMode:a,hover:k,focus:u,valid:M,invalid:C,required:A,loading:O,disabled:R,readonly:_,className:r(e.className,ws,{"k-icon-picker":!s&&p}),children:[Ke(at,{children:m}),Ke(ro,{placeholder:v,value:N,showValue:s,valueIconName:p}),Ke(Oe,{valid:M,invalid:C,loading:O,disabled:R}),Ke(_e,{loading:O,disabled:R}),Ke(rt,{children:h}),Ke(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":v||"Toggle dropdown"})]}),Te&&pe&&Ke(se,{className:"k-list-container k-dropdownlist-popup",children:pe}),Re&&Ke(ue,{adaptive:!0,...We,header:Ke(Pe,{actionsEnd:Ke(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:gr,inputValue:N,inputPlaceholder:v,title:Je,subtitle:go}),children:Ke("div",{className:"k-list-container",children:Ke($,{size:"large",children:vl(Y,{children:[Ke(D,{text:"List item"}),Ke(D,{text:"List item"}),Ke(D,{text:"List item"})]})})})})]})};Q.states=du;Q.options=cu;Q.className=ws;Q.defaultOptions=Ll;Q.moduleName=Ss;Q.folderName=As;import{jsx as vw}from"react/jsx-runtime";import{jsx as Sw,jsxs as Aw}from"react/jsx-runtime";import{Fragment as Kw,jsx as Pw,jsxs as Hw}from"react/jsx-runtime";import{jsx as _w}from"react/jsx-runtime";import{jsx as $w,jsxs as Xw}from"react/jsx-runtime";import{Fragment as eE,jsx as Zw,jsxs as jw}from"react/jsx-runtime";import{Fragment as hu,jsx as Yt,jsxs as Es}from"react/jsx-runtime";var mu=Q.states,uu=Q.defaultOptions,bu=Q.options,fu=[{name:"opened",title:"Opened"}],Tu=[],na=e=>{let{modifiers:t,...o}=e,a={},l=Es(hu,{children:[Yt("div",{className:"k-list-filter",children:Yt(nt,{})}),Yt($,{style:{width:300},size:o.size,children:Es(Y,{children:[Yt(D,{children:"List item"}),Yt(D,{children:"List item"}),Yt(D,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?l:void 0)}),Yt("div",{children:Yt(Q,{placeholder:"Value",style:{width:300},...o,...a})})};na.options=bu;na.states=mu;na.variants=Tu;na.defaultOptions=uu;na.modifiers=fu;import{jsx as Is,jsxs as vu}from"react/jsx-runtime";var Rs="k-spin-button",gu=[],ku={size:[i.undefined,i.small,i.medium,i.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Cl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Qt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=Cl.increaseLabel,decreaseLabel:s=Cl.decreaseLabel,...p}=e;return vu("span",{...p,className:r(Rs,e.className),children:[Is(c,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),Is(c,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};Qt.states=gu;Qt.options=ku;Qt.className=Rs;Qt.defaultOptions=Cl;Qt.moduleName=null;Qt.folderName=null;var Os="numeric-textbox",Ps="numerictextbox";import{Fragment as Hs,jsx as Ot,jsxs as Ml}from"react/jsx-runtime";var Ks="k-numerictextbox",Lu=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Cu={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]},er={showSpinButton:!0,showClearButton:!0,separators:!0},z=e=>{let{size:t,rounded:o,fillMode:a,separators:l=er.separators,showClearButton:s=er.showClearButton,showSpinButton:p=er.showSpinButton,prefix:m,suffix:h,value:N,placeholder:v,hover:k,focus:u,valid:M,invalid:C,required:A,loading:O,disabled:R,readonly:_,id:pe,"aria-label":Te,"aria-describedby":Re,...We}=e;return Ml(he,{...We,size:t,rounded:o,fillMode:a,hover:k,focus:u,valid:M,invalid:C,required:A,loading:O,disabled:R,readonly:_,className:r(e.className,Ks),children:[m&&Ml(Hs,{children:[Ot(at,{children:m}),l&&Ot(lt,{})]}),Ot(Ye,{id:pe,placeholder:v,value:N,role:"spinbutton",disabled:R,"aria-label":Te,"aria-describedby":Re,"aria-invalid":C?"true":void 0}),Ot(Oe,{valid:M,invalid:C,loading:O,disabled:R}),Ot(_e,{loading:O,disabled:R}),s&&Ot(qe,{loading:O,disabled:R,readonly:_,value:N}),h&&Ml(Hs,{children:[l&&Ot(lt,{}),Ot(rt,{children:h})]}),p&&Ot(Qt,{className:"k-input-spinner",size:t,fillMode:a,disabled:R})]})};z.states=Lu;z.options=Cu;z.className=Ks;z.defaultOptions=er;z.moduleName=Os;z.folderName=Ps;z.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 sa=z;import{jsx as Mu}from"react/jsx-runtime";var Gs=e=>Mu(sa,{...e});import{Fragment as DE,jsx as BE}from"react/jsx-runtime";import{Fragment as $E,jsx as VE}from"react/jsx-runtime";import{jsx as qE}from"react/jsx-runtime";import{jsx as yl}from"react/jsx-runtime";var yu=z.states,Su=z.defaultOptions,Au=z.options,wu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Eu=[],ia=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?yl(Q,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[l]?yl(Jr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;case"spin-button":a.showSpinButton=t?.[l];break;default:break}}),yl(Gs,{value:"Value",style:{width:300},...o,...a})};ia.options=Au;ia.states=yu;ia.variants=Eu;ia.defaultOptions=Su;ia.modifiers=wu;var Sl="pager",Bs=Sl;import{Fragment as Ds,jsx as Fe,jsxs as So}from"react/jsx-runtime";var tr="k-pager",Iu=[n.focus,n.disabled],Ru={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},xe=e=>{let{responsive:t=Qe.responsive,size:o,pagerSizeInfo:a=Qe.pagerSizeInfo,pageTitleInfo:l=Qe.pageTitleInfo,maxPagesInfo:s=Qe.maxPagesInfo,itemsPerPage:p=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:A,dir:O,...R}=e,_=[],pe=[];for(let Te=1;Te<=m;Te++)_.push(Fe(c,{selected:Te===h,fillMode:"flat",themeColor:"primary",size:o,children:Te})),pe.push(Fe("option",{selected:Te===h,children:Te}));return So("div",{dir:O,...R,className:r(e.className,tr,S(tr,{size:o}),w(tr,{focus:C,disabled:A}),{"k-pager-responsive":t}),children:[So("div",{className:r("k-pager-numbers-wrap"),children:[N&&So(Ds,{children:[Fe(c,{className:r("k-pager-nav","k-pager-first"),disabled:h===1&&!A,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),Fe(c,{className:r("k-pager-nav"),disabled:h===1&&!A,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-right":"caret-alt-left"})]}),v==="numeric"&&Fe("div",{className:r("k-pager-numbers"),children:_}),v==="input"&&So("span",{className:r("k-pager-input"),children:[l&&Fe("span",{children:"Page"}),Fe(z,{value:`${h}`,size:o,showSpinButton:!1,showClearButton:!1}),Fe("span",{children:s&&`of ${m}`})]}),N&&So(Ds,{children:[Fe(c,{className:r("k-pager-nav"),disabled:h===m&&!A,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-left":"caret-alt-right"}),Fe(c,{className:r("k-pager-nav","k-pager-last"),disabled:h===m&&!A,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),k&&So("span",{className:r("k-pager-sizes"),children:[Fe(Q,{value:`${p}`,size:o}),a&&Fe("span",{children:"items per page"})]}),u&&Fe(c,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),M&&Fe("span",{className:r("k-pager-info"),children:M})]})};xe.states=Iu;xe.options=Ru;xe.className=tr;xe.defaultOptions=Qe;xe.moduleName=Sl;xe.folderName=Bs;import{jsx as kI}from"react/jsx-runtime";import{jsx as MI}from"react/jsx-runtime";import{jsx as wI}from"react/jsx-runtime";import{jsx as _s}from"react/jsx-runtime";var Ou=xe.options,Pu=xe.states,Hu={...xe.defaultOptions,variant:"numeric"},Ku=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Gu=[],da=e=>{let{variant:t,...o}=e;return t==="input"?_s(xe,{...o,type:"input"}):_s(xe,{...o,type:"numeric"})};da.options=Ou;da.states=Pu;da.variants=Ku;da.defaultOptions=Hu;da.modifiers=Gu;import{jsx as Bu}from"react/jsx-runtime";var zs="k-grid-pager",Ct=e=>Bu(xe,{...e,className:r(e.className,zs),children:e.children});Ct.className=zs;Ct.moduleName=U;Ct.folderName=V;var Al="button",Us=Al;import{jsx as Uu}from"react/jsx-runtime";var ca="k-button-group",Du=[n.disabled],_u={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},zu={},G=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return Uu("div",{role:"group",...l,className:r(e.className,ca,S(ca,{fillMode:t}),w(ca,{disabled:o}),{[`${ca}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};G.states=Du;G.options=_u;G.className=ca;G.defaultOptions=zu;G.moduleName=Al;G.folderName=Us;G.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 oR,jsx as tR,jsxs as aR}from"react/jsx-runtime";import{Fragment as dR,jsx as iR,jsxs as cR}from"react/jsx-runtime";import{Fragment as TR,jsx as fR,jsxs as hR}from"react/jsx-runtime";import{Fragment as LR,jsx as vR,jsxs as CR}from"react/jsx-runtime";import{Fragment as ER,jsx as wR,jsxs as IR}from"react/jsx-runtime";import{Fragment as GR,jsx as KR,jsxs as BR}from"react/jsx-runtime";import{jsx as Pt,jsxs as wl}from"react/jsx-runtime";var Fu={...c.options,...G.options},Vu=c.states,$u={...c.defaultOptions,...G.defaultOptions,variant:"text-button"},Xu=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Wu=[],pa=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?wl(G,{fillMode:a.fillMode,className:o,children:[Pt(c,{...a,icon:"star"}),Pt(c,{...a,icon:"star"}),Pt(c,{...a,icon:"star"})]}):t==="icon-text-button"?wl(G,{fillMode:a.fillMode,className:o,children:[Pt(c,{...a,icon:"star",children:"First"}),Pt(c,{...a,icon:"star",children:"Middle"}),Pt(c,{...a,icon:"star",children:"Last"})]}):wl(G,{fillMode:a.fillMode,className:o,children:[Pt(c,{...a,children:"First"}),Pt(c,{...a,children:"Middle"}),Pt(c,{...a,children:"Last"})]})};pa.options=Fu;pa.states=Vu;pa.variants=Xu;pa.defaultOptions=$u;pa.modifiers=Wu;import{jsx as Fs,jsxs as Yu}from"react/jsx-runtime";var Vs="k-color-preview",Ju=[],qu={},Zt=e=>{let{color:t,iconName:o,...a}=e;return Yu("span",{...a,className:r(e.className,Vs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Fs(g,{icon:o,className:"k-color-preview-icon"}),Fs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Zt.states=Ju;Zt.options=qu;Zt.className=Vs;var El="slider",$s=El;import{jsx as Ao,jsxs as Il}from"react/jsx-runtime";var ma="k-slider",Qu=[n.hover,n.focus,n.active,n.disabled,n.readonly],Zu={},dt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},de=e=>{let{type:t=dt.type,orientation:o=dt.orientation,gradientType:a=dt.gradientType,readonly:l=dt.readonly,disabled:s=dt.disabled,handlePosition:p=dt.handlePosition,showButtons:m=dt.showButtons,showTicks:h=dt.showTicks,value:N=dt.value,min:v=dt.min,max:k=dt.max,startValue:u,endValue:M,hover:C,focus:A,active:O,trackStyle:R,dir:_,...pe}=e,Re=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),We,Je;return o==="horizontal"?(We=_==="rtl"?"caret-alt-left":"caret-alt-right",Je=_==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(We="caret-alt-up",Je="caret-alt-down"),Il("div",{...pe,className:r(ma,e.className,w(ma,{readonly:l,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:_,children:[m&&Ao(c,{className:"k-button-decrease",rounded:"full",icon:Je,tabIndex:-1,title:"Decrease"}),Il("div",{className:"k-slider-track-wrap",children:[h&&Ao("ul",{className:"k-reset k-slider-items",children:e.children}),Il("div",{className:"k-slider-track",style:R,children:[Ao("div",{className:"k-slider-selection"}),t==="range"&&Ao("span",{className:r("k-draghandle","k-draghandle-start",w(ma,{hover:C,focus:A,active:O})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":u??v,"aria-valuemin":v,"aria-valuemax":M??k,"aria-orientation":Re,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":pe["aria-label"]?`${pe["aria-label"]} start`:"Range start"}),Ao("span",{className:r("k-draghandle",`k-draghandle-${p}`,w(ma,{hover:C,focus:A,active:O})),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":Re,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?pe["aria-label"]?`${pe["aria-label"]} end`:"Range end":pe["aria-label"]})]})]}),m&&Ao(c,{className:"k-button-increase",rounded:"full",icon:We,tabIndex:-1,title:"Increase"})]})};de.states=Qu;de.options=Zu;de.className=ma;de.defaultOptions=dt;de.moduleName=El;de.folderName=$s;de.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 Xs}from"react/jsx-runtime";var Ws="k-tick",ju=[],eb={},Js={label:!1},H=e=>{let{style:t,label:o=Js.label,orientation:a,large:l,text:s,...p}=e;return Xs("li",{...p,className:r(e.className,Ws,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&Xs("span",{className:"k-label",children:s})})};H.states=ju;H.options=eb;H.className=Ws;H.defaultOptions=Js;import{Fragment as tb,jsx as ct,jsxs as ob}from"react/jsx-runtime";var qs=e=>ct(de,{"aria-label":e["aria-label"]||"Slider",children:ob(tb,{children:[ct(H,{className:"k-first",label:!0,large:!0,text:"0"}),ct(H,{}),ct(H,{}),ct(H,{}),ct(H,{}),ct(H,{label:!0,large:!0,text:"5"}),ct(H,{}),ct(H,{}),ct(H,{}),ct(H,{}),ct(H,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as ab,jsx as pt,jsxs as rb}from"react/jsx-runtime";var Ys=e=>pt(de,{children:rb(ab,{children:[pt(H,{className:"k-first",label:!0,large:!0,text:"0"}),pt(H,{}),pt(H,{}),pt(H,{}),pt(H,{}),pt(H,{label:!0,large:!0,text:"5"}),pt(H,{}),pt(H,{}),pt(H,{}),pt(H,{}),pt(H,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as CO,jsx as LO,jsxs as MO}from"react/jsx-runtime";import{Fragment as EO,jsx as wO,jsxs as IO}from"react/jsx-runtime";import{jsx as lb}from"react/jsx-runtime";var Rl=e=>lb(de,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as nb}from"react/jsx-runtime";var Ol=e=>nb(de,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as UO,jsx as zO,jsxs as FO}from"react/jsx-runtime";import{Fragment as JO,jsx as WO,jsxs as qO}from"react/jsx-runtime";import{jsx as Mt,jsxs as Qs}from"react/jsx-runtime";var sb=de.options,ib=de.states,Zs={...de.defaultOptions,variant:"horizontal",label:!0},db=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],cb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],ua=e=>{let{variant:t,modifiers:o,...a}={...Zs,...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:p,showTicks:m}=l,h={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Qs(Ys,{showTicks:m,showButtons:p,style:{height:"300px",...h},...a,children:[Mt(H,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Mt(H,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Mt(H,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Mt(H,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Mt(H,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Qs(qs,{showTicks:m,showButtons:p,style:{width:"400px",...h},...a,children:[Mt(H,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Mt(H,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Mt(H,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Mt(H,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Mt(H,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};ua.options=sb;ua.states=ib;ua.variants=db;ua.defaultOptions=Zs;ua.modifiers=cb;import{Fragment as ba,jsx as F,jsxs as be}from"react/jsx-runtime";var js="k-colorgradient-inputs",pb=[],mb={size:[i.undefined,i.small,i.medium,i.large]},ei={mode:"rgba"},wo=e=>{let{mode:t=ei.mode,size:o,...a}=e;return be("div",{...a,className:r(js,"k-hstack"),children:[F("div",{className:"k-vstack",children:F(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&be(ba,{children:[be("div",{className:"k-vstack",children:[F(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),F("label",{className:"k-colorgradient-input-label",children:"R"})]}),be("div",{className:"k-vstack",children:[F(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),F("label",{className:"k-colorgradient-input-label",children:"G"})]}),be("div",{className:"k-vstack",children:[F(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),F("label",{className:"k-colorgradient-input-label",children:"B"})]}),be("div",{className:"k-vstack",children:[F(z,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),F("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&be(ba,{children:[be("div",{className:"k-vstack",children:[F(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),F("label",{className:"k-colorgradient-input-label",children:"R"})]}),be("div",{className:"k-vstack",children:[F(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),F("label",{className:"k-colorgradient-input-label",children:"G"})]}),be("div",{className:"k-vstack",children:[F(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),F("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&be(ba,{children:[be("div",{className:"k-vstack",children:[F(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),F("label",{className:"k-colorgradient-input-label",children:"H"})]}),be("div",{className:"k-vstack",children:[F(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),F("label",{className:"k-colorgradient-input-label",children:"S"})]}),be("div",{className:"k-vstack",children:[F(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),F("label",{className:"k-colorgradient-input-label",children:"V"})]}),be("div",{className:"k-vstack",children:[F(z,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),F("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&be(ba,{children:[be("div",{className:"k-vstack",children:[F(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),F("label",{className:"k-colorgradient-input-label",children:"H"})]}),be("div",{className:"k-vstack",children:[F(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),F("label",{className:"k-colorgradient-input-label",children:"S"})]}),be("div",{className:"k-vstack",children:[F(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),F("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&F(ba,{children:be("div",{className:"k-vstack k-flex-1",children:[F(ie,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),F("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};wo.states=pb;wo.options=mb;wo.className=js;wo.defaultOptions=ei;import{jsx as co,jsxs as po}from"react/jsx-runtime";var ti="k-colorgradient-color-contrast",ub=[],bb={},fb={},Eo=()=>po("div",{className:r(ti,"k-vbox"),children:[po("div",{className:"k-contrast-ratio",children:[co("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),po("span",{className:"k-contrast-validation !k-text-success",children:[co(g,{icon:"check"}),co(g,{icon:"check"})]})]}),po("div",{children:[co("span",{children:"AA: 4.5"}),po("span",{className:"k-contrast-validation !k-text-success",children:["Pass",co(g,{icon:"check"})]})]}),po("div",{children:[co("span",{children:"AAA: 7.0"}),po("span",{className:"k-contrast-validation !k-text-error",children:["Fail",co(g,{icon:"x"})]})]})]});Eo.states=ub;Eo.options=bb;Eo.className=ti;Eo.defaultOptions=fb;var oi="color-gradient",ai="colorgradient";import{jsx as mt,jsxs as fa}from"react/jsx-runtime";var or="k-colorgradient",Tb=[n.hover,n.focus,n.readonly,n.disabled],hb={size:[i.undefined,i.small,i.medium,i.large]},yt={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"},ye=e=>{let{size:t,mode:o=yt.mode,readonly:a=yt.readonly,disabled:l=yt.disabled,gradientStyle:s=yt.gradientStyle,dragHandleStyle:p=yt.dragHandleStyle,alphaStyle:m=yt.alphaStyle,alphaStyleHorizontal:h=yt.alphaStyleHorizontal,contrast:N=yt.contrast,dir:v,hover:k,focus:u,hoverHandle:M,focusHandle:C,canvasOrientation:A=yt.canvasOrientation,role:O,tabIndex:R,..._}=e;return fa("div",{..._,role:O??"textbox","aria-label":O==="none"?void 0:"Color gradient",tabIndex:R??0,"aria-disabled":l?"true":void 0,className:r(e.className,or,S(or,{size:t}),w(or,{hover:k,focus:u,readonly:a,disabled:l})),dir:v,children:[!A||A==="horizontal"&&fa("div",{className:"k-colorgradient-canvas k-hstack",children:[mt("div",{className:"k-hsv-rectangle",style:s,children:mt("div",{className:"k-hsv-gradient",children:mt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:p,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})})}),fa("div",{className:"k-hsv-controls k-hstack",children:[mt(Ol,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&mt(Ol,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:m})]})]}),A==="vertical"&&fa("div",{className:"k-colorgradient-canvas k-vstack",children:[mt("div",{className:"k-hsv-rectangle",style:s,children:mt("div",{className:"k-hsv-gradient",children:mt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:p,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})})}),fa("div",{className:"k-hsv-controls k-vstack",children:[mt(Rl,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&mt(Rl,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:h})]})]}),mt(wo,{mode:e.mode,size:t}),N&&mt(Eo,{})]})};ye.states=Tb;ye.options=hb;ye.className=or;ye.defaultOptions=yt;ye.moduleName=oi;ye.folderName=ai;ye.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 xb}from"react/jsx-runtime";var ar=e=>xb(ye,{...e});import{jsx as D0}from"react/jsx-runtime";import{jsx as F0}from"react/jsx-runtime";import{jsx as Pl}from"react/jsx-runtime";var Nb=ye.options,gb=ye.states,kb={...ye.defaultOptions,variant:"rgba"},vb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Lb=[],Ta=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Pl(ar,{...o,mode:t});case"rgb":return Pl(ar,{...o,mode:t});default:return Pl(ar,{...o,mode:t})}};Ta.options=Nb;Ta.states=gb;Ta.variants=vb;Ta.defaultOptions=kb;Ta.modifiers=Lb;import{jsx as Cb}from"react/jsx-runtime";var Hl=e=>Cb("tr",{role:"row",children:e.children});import{jsx as Sb}from"react/jsx-runtime";var Kl="k-colorpalette-tile",Mb=[n.hover,n.focus,n.selected],yb={},Io=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:s,...p}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Sb("td",{...p,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,Kl,w(Kl,{hover:a,focus:l,selected:s})),style:m})};Io.states=Mb;Io.options=yb;Io.className=Kl;var ri="color-palette",li="colorpalette";import{jsx as ha}from"react/jsx-runtime";var rr="k-colorpalette",Ab=[n.disabled],wb={size:[i.undefined,i.small,i.medium,i.large]},ni={columns:10},Ve=e=>{let{size:t,palette:o,columns:a=ni.columns,tileSize:l,disabled:s,...p}=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,A)=>{u.push(ha(Io,{color:C,tileSize:l},A))});let M=ha(Hl,{children:u},k);m.push(M)})}return ha("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,rr,w(rr,{disabled:s}),S(rr,{size:t})),children:ha("table",{className:"k-colorpalette-table",role:"none",children:ha("tbody",{children:m.length>0?m:e.children})})})};Ve.states=Ab;Ve.options=wb;Ve.className=rr;Ve.defaultOptions=ni;Ve.moduleName=ri;Ve.folderName=li;Ve.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 lr=Ve;var xa={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 Eb}from"react/jsx-runtime";var si=e=>Eb(lr,{palette:xa.basic,...e});import{jsx as CP}from"react/jsx-runtime";import{jsx as EP,jsxs as IP}from"react/jsx-runtime";import{jsx as Gb}from"react/jsx-runtime";var Ib=Ve.options,Rb=Ve.states,Ob={...Ve.defaultOptions,variant:"basic"},Pb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Hb={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}},Kb=[],Na=e=>{let{variant:t="basic",...o}=e,a=Hb[t];return Gb(si,{columns:a.columns,palette:a,...o})};Na.options=Ib;Na.states=Rb;Na.variants=Pb;Na.defaultOptions=Ob;Na.modifiers=Kb;var ii="color-editor",di="coloreditor";import{jsx as ut,jsxs as Ro}from"react/jsx-runtime";var nr="k-coloreditor",Bb=[n.focus],Db={size:[i.undefined,i.small,i.medium,i.large]},ga={view:"gradient",palette:xa.office,actionButtons:!0,canvasOrientation:"horizontal"},fe=e=>{let{size:t,view:o=ga.view,palette:a=ga.palette,color:l,currentColor:s,focus:p,focusView:m,dir:h,group:N,actionButtons:v=ga.actionButtons,canvasOrientation:k=ga.canvasOrientation,...u}=e;return Ro("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",nr,S(nr,{size:t}),w(nr,{focus:p})),dir:h,children:[Ro("div",{className:"k-coloreditor-header k-hstack",children:[ut("div",{className:"k-coloreditor-header-actions k-hstack",children:N&&Ro(G,{fillMode:"flat",children:[ut(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),ut(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),ut("div",{className:"k-spacer"}),Ro("div",{className:"k-coloreditor-header-actions k-hstack",children:[ut(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Ro("div",{className:"k-coloreditor-preview k-vstack",children:[ut(Zt,{className:"k-coloreditor-preview-color",color:l}),ut(Zt,{className:"k-coloreditor-current-color",color:s})]})]})]}),ut("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?ut(ye,{focus:m,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):ut(Ve,{palette:a,size:t})}),v&&Ro(vt,{className:"k-coloreditor-footer",alignment:"start",children:[ut(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),ut(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};fe.states=Bb;fe.options=Db;fe.className=nr;fe.defaultOptions=ga;fe.moduleName=ii;fe.folderName=di;fe.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 Oo=fe;import{jsx as nH}from"react/jsx-runtime";import{jsx as cH}from"react/jsx-runtime";import{jsx as _b}from"react/jsx-runtime";var ci=e=>_b(Oo,{group:!0,currentColor:"fuchsia",...e});import{jsx as zb}from"react/jsx-runtime";var pi=e=>zb(Oo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as mi}from"react/jsx-runtime";var Ub=fe.options,Fb=fe.states,Vb={...fe.defaultOptions,variant:"gradient"},$b=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Xb=[],ka=e=>{let{variant:t,...o}=e;return t==="palette"?mi(pi,{...o,color:"white"}):mi(ci,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ka.options=Ub;ka.states=Fb;ka.variants=$b;ka.defaultOptions=Vb;ka.modifiers=Xb;var ui="color-picker",bi="colorpicker";import{Fragment as qb,jsx as bt,jsxs as Gl}from"react/jsx-runtime";var fi="k-colorpicker",Wb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],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]},Ti={arrowIconName:"caret-alt-down"},Ze=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Ti.arrowIconName,prefix:s,suffix:p,value:m,placeholder:h,hover:N,focus:v,valid:k,invalid:u,required:M,disabled:C,valueIconName:A,popup:O,opened:R,adaptive:_,adaptiveSettings:pe,adaptiveTitle:Te,adaptiveSubtitle:Re,...We}=e,Je="colorpicker-popup";return Gl(qb,{children:[Gl(Nt,{...We,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":R?"true":"false","aria-controls":R||_?Je:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:r(e.className,fi,"k-icon-picker"),children:[bt(at,{children:s}),bt(ro,{placeholder:h,value:m,showValue:!1,valueIcon:bt(Zt,{className:"k-value-icon",color:m,iconName:A}),valueIconName:A}),bt(rt,{children:p}),bt(c,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),R&&O&&bt(se,{id:Je,className:"k-colorpicker-popup",children:O}),_&&bt(ue,{adaptive:!0,id:Je,...pe,header:bt(Pe,{actionsEnd:bt(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Te,subtitle:Re}),footer:Gl(Vt,{children:[bt(c,{text:"Cancel",size:"large"}),bt(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:bt(fe,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ze.states=Wb;Ze.options=Jb;Ze.className=fi;Ze.defaultOptions=Ti;Ze.moduleName=ui;Ze.folderName=bi;Ze.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 jt=Ze;import{jsx as Yb}from"react/jsx-runtime";var sr=e=>Yb(jt,{...e});import{jsx as WH}from"react/jsx-runtime";import{jsx as ZH}from"react/jsx-runtime";import{jsx as oK}from"react/jsx-runtime";import{jsx as nK}from"react/jsx-runtime";import{jsx as cK}from"react/jsx-runtime";import{jsx as bK}from"react/jsx-runtime";import{jsx as mo}from"react/jsx-runtime";var Qb=jt.options,Zb=jt.states,hi={...jt.defaultOptions,variant:"color"},jb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],ef=[{name:"opened",title:"Opened"}],va=e=>{let{variant:t,modifiers:o,...a}={...hi,...e},l={};Object.keys(o||{}).forEach(p=>{p==="opened"&&(l.opened=!!o?.[p],l.popup=o?.[p]?mo(fe,{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 mo("div",{style:s,children:mo(sr,{...a,...l})});case"icon":return mo("div",{style:s,children:mo(sr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return mo("div",{style:s,children:mo(sr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};va.options=Qb;va.states=Zb;va.variants=jb;va.defaultOptions=hi;va.modifiers=ef;var Bl="combobox",xi=Bl;import{Fragment as Dl,jsx as Ne,jsxs as La}from"react/jsx-runtime";var Ni="k-combobox",tf=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],of={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]},gi={separators:!0},Ge=e=>{let{size:t,rounded:o,fillMode:a,separators:l=gi.separators,prefix:s,suffix:p,value:m,placeholder:h,hover:N,focus:v,valid:k,invalid:u,required:M,loading:C,disabled:A,popup:O,opened:R,readonly:_,adaptive:pe,adaptiveSettings:Te,adaptiveTitle:Re,adaptiveSubtitle:We,adaptiveCustomValue:Je,id:go,autocomplete:gr,activeDescendant:Ba,"aria-label":sd,...id}=e,dd=go?`${go}-listbox`:void 0;return La(Dl,{children:[La(he,{...id,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:k,invalid:u,required:M,loading:C,disabled:A,readonly:_,className:r(e.className,Ni),children:[s&&La(Dl,{children:[Ne(at,{children:s}),l&&Ne(lt,{})]}),Ne(Ye,{placeholder:h,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":R?"true":"false","aria-controls":R?dd:void 0,"aria-activedescendant":R&&Ba?Ba:void 0,"aria-autocomplete":gr,"aria-invalid":u?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":sd,disabled:A,readOnly:_}),Ne(Oe,{valid:k,invalid:u,loading:C,disabled:A}),Ne(_e,{loading:C,disabled:A}),Ne(qe,{loading:C,disabled:A,readonly:_,value:m}),p&&La(Dl,{children:[l&&Ne(lt,{}),Ne(rt,{children:p})]}),Ne(c,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:A})]}),R&&O&&Ne(se,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:O}),pe&&Ne(ue,{adaptive:!0,id:go?`${go}-adaptive`:void 0,...Te,header:Ne(Pe,{actionsEnd:Ne(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:h,title:Re,subtitle:We}),children:Ne("div",{className:"k-list-container",children:Ne($,{customValue:Je?Ne(qt,{text:`Use "${m}"`}):void 0,size:"large",children:La(Y,{"aria-label":Re||"Options",children:[Ne(D,{text:"List item"}),Ne(D,{text:"List item"}),Ne(D,{text:"List item"})]})})})})]})};Ge.states=tf;Ge.options=of;Ge.className=Ni;Ge.defaultOptions=gi;Ge.moduleName=Bl;Ge.folderName=xi;Ge.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 je=Ge;import{jsx as af}from"react/jsx-runtime";var ki=e=>af(je,{...e});import{jsx as YK,jsxs as QK}from"react/jsx-runtime";import{jsx as aG,jsxs as rG}from"react/jsx-runtime";import{jsx as cG,jsxs as pG}from"react/jsx-runtime";import{Fragment as hG,jsx as TG}from"react/jsx-runtime";import{Fragment as LG,jsx as vG}from"react/jsx-runtime";import{jsx as wG,jsxs as EG}from"react/jsx-runtime";import{Fragment as BG,jsx as KG,jsxs as GG}from"react/jsx-runtime";import{jsx as UG}from"react/jsx-runtime";import{jsx as XG}from"react/jsx-runtime";import{jsx as ZG,jsxs as jG}from"react/jsx-runtime";import{jsx as lB,jsxs as nB}from"react/jsx-runtime";import{jsx as eo,jsxs as cf}from"react/jsx-runtime";var rf=Ge.states,lf=Ge.defaultOptions,nf=Ge.options,sf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],df=[],Ca=e=>{let{modifiers:t,...o}=e,a={},l=eo($,{style:{width:300},size:o.size,children:cf(Y,{children:[eo(D,{children:"List item"}),eo(D,{children:"List item"}),eo(D,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?eo(g,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?eo(Ft,{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}}),eo("div",{children:eo(ki,{value:"Value",style:{width:300},...o,...a})})};Ca.options=nf;Ca.states=rf;Ca.variants=df;Ca.defaultOptions=lf;Ca.modifiers=sf;var _l="menu-button",vi=_l;import{jsx as uf}from"react/jsx-runtime";var Li="k-menu-button",pf=[n.hover,n.focus,n.active,n.selected,n.disabled],mf={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]},zl={showArrow:!0,arrowIconName:"caret-alt-down"},Z=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:m,selected:h,disabled:N,icon:v,text:k,showArrow:u=zl.showArrow,arrowIconName:M=zl.arrowIconName,expanded:C,...A}=e;return uf(c,{...A,className:r(e.className,Li),text:k,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,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"}})};Z.states=pf;Z.options=mf;Z.className=Li;Z.defaultOptions=zl;Z.moduleName=_l;Z.folderName=vi;Z.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 DB}from"react/jsx-runtime";import{jsx as FB}from"react/jsx-runtime";import{jsx as WB}from"react/jsx-runtime";var et="menu",ft=et;import{jsx as Ma,jsxs as Ci}from"react/jsx-runtime";var Ul="k-menu-item",bf=[n.hover,n.focus,n.active,n.selected,n.disabled],ff={},Mi={iconPosition:"before"},Ee=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:p,text:m,first:h,last:N,showArrow:v,arrowIconName:k,iconPosition:u=Mi.iconPosition,dir:M,children:C,expanded:A,...O}=e,R=k;return R||(R=M==="rtl"?"caret-alt-left":"caret-alt-right"),Ci("li",{...O,className:r(e.className,Ul,"k-item",w(Ul,{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":A?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ci("span",{className:r("k-link k-menu-link"),children:[p&&u==="before"&&Ma(g,{className:"k-menu-link-icon",icon:p}),Ma("span",{className:"k-menu-link-text",children:m}),p&&u==="after"&&Ma(g,{className:"k-menu-link-icon",icon:p}),v&&Ma("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ma(g,{icon:R})})]}),C]})};Ee.states=bf;Ee.options=ff;Ee.className=Ul;Ee.defaultOptions=Mi;Ee.moduleName=et;Ee.folderName=ft;import{jsx as ya,jsxs as yi}from"react/jsx-runtime";var Fl="k-menu-item",Tf=[n.hover,n.focus,n.active,n.selected,n.disabled],hf={},Vl={dir:"ltr",iconPosition:"before"},me=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:p,text:m,first:h,last:N,showArrow:v,arrowIconName:k,iconPosition:u=Vl.iconPosition,dir:M=Vl.dir,children:C,popup:A,expanded:O,...R}=e,_=k;return _||(_=M==="rtl"?"caret-alt-left":"caret-alt-right"),yi("li",{...R,className:r(e.className,Fl,"k-item",w(Fl,{focus:o,disabled:s}),{"k-first":h,"k-last":N}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":O?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[yi("span",{className:r("k-link k-menu-link",w("k-menu-link",{hover:t,active:a,selected:l,disabled:s})),children:[p&&u==="before"&&ya(g,{className:"k-menu-link-icon",icon:p}),ya("span",{className:"k-menu-link-text",children:m}),p&&u==="after"&&ya(g,{className:"k-menu-link-icon",icon:p}),v&&ya("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ya(g,{icon:_})})]}),C,A]})};me.states=Tf;me.options=hf;me.className=Fl;me.defaultOptions=Vl;me.moduleName=et;me.folderName=ft;import{jsx as kf}from"react/jsx-runtime";var Si="k-menu-scroll-wrapper",xf=[],Nf={},gf={},uo=e=>{let{className:t,children:o,orientation:a,...l}=e;return kf("div",{...l,className:r(t,Si,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};uo.states=xf;uo.options=Nf;uo.className=Si;uo.defaultOptions=gf;uo.moduleName=et;uo.folderName=ft;var Ai=uo;import{Fragment as $l,jsx as bo,jsxs as dr}from"react/jsx-runtime";var Xl="k-menu",vf=[],Lf={},cr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Se=e=>{let{children:t,orientation:o=cr.orientation,header:a=cr.header,scrollable:l,scrollButtonsPosition:s=cr.scrollButtonsPosition,wrapperStyles:p,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=bo("ul",{dir:m,...v,className:r(e.className,"k-reset",Xl,{[`${Xl}-${o}`]:o,"k-header":a}),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return dr($l,{children:[l?dr(Ai,{orientation:o,style:p,dir:e.dir,children:[s==="start"&&dr($l,{children:[bo(c,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),bo(c,{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"&&bo(c,{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"&&dr($l,{children:[bo(c,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),bo(c,{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"&&bo(c,{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]})};Se.states=vf;Se.options=Lf;Se.className=Xl;Se.defaultOptions=cr;Se.moduleName=et;Se.folderName=ft;Se.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 Cf}from"react/jsx-runtime";var Wl="k-separator",wi={orientation:"horizontal"},Po=e=>{let{orientation:t=wi.orientation,...o}=e;return Cf("li",{...o,className:r(e.className,"k-item",Wl,{[`${Wl}-${t}`]:t}),role:"separator"})};Po.className=Wl;Po.defaultOptions=wi;Po.moduleName=et;Po.folderName=ft;import{Fragment as v1,jsx as L1}from"react/jsx-runtime";import{jsx as Af}from"react/jsx-runtime";var Jl="k-menu-group",Mf=[],yf={size:[i.undefined,i.small,i.medium,i.large]},Sf={},Ie=e=>{let{children:t,size:o,...a}=e;return Af("ul",{...a,className:r(e.className,Jl,S(Jl,{size:o})),role:"menu",children:t})};Ie.states=Mf;Ie.options=yf;Ie.className=Jl;Ie.defaultOptions=Sf;Ie.moduleName=et;Ie.folderName=ft;import{Fragment as wf,jsx as Ho,jsxs as Ef}from"react/jsx-runtime";var ql=e=>Ho(Se,{children:Ef(wf,{children:[Ho(Ee,{first:!0,text:"Item 1"}),Ho(Ee,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Ho(Ee,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Ho(Ee,{text:"Item 4"}),Ho(Ee,{last:!0,text:"Item 5"})]}),...e});import{Fragment as G1,jsx as H1,jsxs as K1}from"react/jsx-runtime";import{Fragment as U1,jsx as z1,jsxs as F1}from"react/jsx-runtime";import{Fragment as J1,jsx as W1,jsxs as q1}from"react/jsx-runtime";import{Fragment as eD,jsx as j1,jsxs as tD}from"react/jsx-runtime";import{jsx as fo,jsxs as Hf}from"react/jsx-runtime";var If=Se.options,Rf=Se.states,Ei={...Se.defaultOptions,variant:"horizontal"},Of=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Pf=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Sa=e=>{let{variant:t,modifiers:o,...a}={...Ei,...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=fo(se,{className:"k-menu-popup",children:Hf(Ie,{children:[fo(me,{text:"Item 1"}),fo(me,{text:"Item 2"}),fo(Po,{}),fo(me,{text:"Item 3"})]})});break}}),t==="vertical"?fo(ql,{...a,...l,orientation:"vertical",style:{width:"200px"}}):fo(ql,{...a,...l})};Sa.options=If;Sa.states=Rf;Sa.variants=Of;Sa.defaultOptions=Ei;Sa.modifiers=Pf;import{Fragment as OD,jsx as ID,jsxs as RD}from"react/jsx-runtime";import{jsx as GD}from"react/jsx-runtime";import{Fragment as _f,jsx as St,jsxs as Ii}from"react/jsx-runtime";var Kf=c.states,Ri={...c.defaultOptions,variant:"text"},Gf=c.options,Bf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Df=[{name:"opened",title:"Opened"}],Aa=e=>{let{variant:t,modifiers:o,...a}={...Ri,...e},l={},s=St(se,{className:"k-menu-popup",children:Ii(Ie,{size:a.size,children:[St(me,{first:!0,text:"Menu Item"}),St(me,{text:"Menu Item"}),St(me,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=St("div",{children:St(Z,{...a,...l,icon:"star"})});break;case"icon-and-text":p=St("div",{children:St(Z,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:p=St("div",{children:St(Z,{...a,...l,children:"Dropdown Button"})});break}return Ii(_f,{children:[p,o?.opened&&s]})};Aa.options=Gf;Aa.states=Kf;Aa.variants=Bf;Aa.defaultOptions=Ri;Aa.modifiers=Df;var Yl="split-button",Oi=Yl;import{Fragment as Ff,jsx as Ql,jsxs as Pi}from"react/jsx-runtime";var Zl="k-split-button",zf=[n.hover,n.focus,n.active,n.selected,n.disabled],Uf={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]},Hi={arrowIconName:"caret-alt-down"},X=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:m,selected:h,disabled:N,icon:v,text:k,arrowIconName:u=Hi.arrowIconName,popup:M,opened:C,popupId:A,...O}=e;return Pi(Ff,{children:[Pi("div",{...O,className:r(e.className,Zl,"k-button-group",S(Zl,{rounded:o})),children:[Ql(c,{text:k,icon:v,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:m,selected:h,disabled:N,...!k&&!e.children&&v&&{"aria-label":"Action"},children:e.children}),Ql(c,{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?A:void 0,tabIndex:-1,...N&&{"aria-disabled":"true"}})]}),C&&M&&Ql(se,{className:"k-menu-popup",children:M})]})};X.states=zf;X.options=Uf;X.className=Zl;X.defaultOptions=Hi;X.moduleName=Yl;X.folderName=Oi;X.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var jl=X;import{jsx as $f}from"react/jsx-runtime";var Vf="k-toolbar-separator",xt=e=>$f("div",{className:r(Vf,e.className,"k-separator")});var Ht="toolbar",to=Ht;import{Fragment as en,jsx as J,jsxs as Ko}from"react/jsx-runtime";var Kt="k-toolbar",Xf=[n.focus],Wf={size:[i.undefined,i.small,i.medium,i.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Jf={scrollButtons:"around"},ae=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:s,scrollButtons:p,scrollingPosition:m,section:h,...N}=e,v=[],k=(u,M)=>{let C=[];if(u.type===c&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))C.push(J(c,{...u.props,className:`${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===c)C.push(J(c,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===Xo)C.push(J(Xo,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===Ft)C.push(J(Ft,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===Z)C.push(J(Z,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===jl)C.push(J(jl,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===G||u.props.className&&u.props.className.includes("k-button-group")){let A=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((R,_)=>{A.push(J(c,{...R.props,className:`${R.props.className?R.props.className:""}`},`${_}-${new Date().getTime()}`))}),C.push(J(G,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:A},`${M}-${new Date().getTime()}`))}else u.type===Ge?C.push(J(Ge,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):u.type===Q?C.push(J(Q,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):u.type===Ze?C.push(J(Ze,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):C.push(u);C.forEach(A=>{v.push(A)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,C)=>{k(M,C)}),Ko("div",{...N,className:r(e.className,Kt,S(Kt,{size:t,fillMode:o}),w(Kt,{focus:a}),{[`${Kt}-resizable`]:l,[`${Kt}-scrollable`]:s,[`${Kt}-scrollable-overlay`]:s&&p==="hidden",[`${Kt}-scrollable-${m}`]:m&&m!=="both",[`${Kt}-section`]:h}),role:"toolbar","aria-label":"Toolbar",children:[!s&&v,s&&p==="hidden"&&J("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),s&&p==="start"&&Ko(en,{children:[Ko(G,{children:[J("span",{className:r("k-toolbar-prev","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:J(g,{className:"k-button-icon",icon:"caret-alt-left"})}),J("span",{className:r("k-toolbar-next","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:J(g,{className:"k-button-icon",icon:"caret-alt-right"})})]}),J(xt,{className:"k-toolbar-button-separator"}),J("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v})]}),s&&p==="end"&&Ko(en,{children:[J("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),J(xt,{className:"k-toolbar-button-separator"}),Ko(G,{children:[J("span",{className:r("k-toolbar-prev","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:J(g,{className:"k-button-icon",icon:"caret-alt-left"})}),J("span",{className:r("k-toolbar-next","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:J(g,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(p==="around"||!p)&&Ko(en,{children:[J("span",{className:r("k-toolbar-prev","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:J(g,{className:"k-button-icon",icon:"caret-alt-left"})}),J(xt,{className:"k-toolbar-button-separator"}),J("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),J(xt,{className:"k-toolbar-button-separator"}),J("span",{className:r("k-toolbar-next","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:J(g,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};ae.states=Xf;ae.options=Wf;ae.className=Kt;ae.defaultOptions=Jf;ae.moduleName=Ht;ae.folderName=to;ae.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 Zf}from"react/jsx-runtime";var Ki="k-floating-toolbar",qf=[],Yf={},Qf={},Go=e=>{let{...t}=e;return Zf("div",{...t,className:r(e.className,Ki),children:e.children})};Go.states=qf;Go.options=Yf;Go.className=Ki;Go.defaultOptions=Qf;Go.moduleName=Ht;Go.folderName=to;import{jsx as oT}from"react/jsx-runtime";var tn="k-toolbar-item",jf=[n.focus],eT={},tT={},Bo=e=>{let{focus:t,...o}=e;return oT("div",{...o,className:r(e.className,tn,w(tn,{focus:t})),children:e.children})};Bo.states=jf;Bo.options=eT;Bo.className=tn;Bo.defaultOptions=tT;Bo.moduleName=Ht;Bo.folderName=to;import{jsx as Gi}from"react/jsx-runtime";var Bi="k-toolbar-popup",aT=[],rT={size:[i.undefined,i.small,i.medium,i.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},lT={},To=e=>{let{size:t,fillMode:o,section:a,...l}=e;return Gi(se,{...l,className:r(e.className,Bi),children:a?Gi("span",{className:r("k-toolbar-items-list",S("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};To.states=aT;To.options=rT;To.className=Bi;To.defaultOptions=lT;To.moduleName=Ht;To.folderName=to;var pr=To;import{jsx as __}from"react/jsx-runtime";import{jsx as V_}from"react/jsx-runtime";import{jsx as J_}from"react/jsx-runtime";import{jsx as e2,jsxs as t2}from"react/jsx-runtime";import{jsx as l2}from"react/jsx-runtime";import{jsx as Gt,jsxs as cT}from"react/jsx-runtime";var nT=X.states,Di={...X.defaultOptions,variant:"text"},sT=X.options,iT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],dT=[{name:"opened",title:"Opened"}],wa=e=>{let{variant:t,modifiers:o,...a}={...Di,...e},l={},s=cT(Ie,{size:a.size,children:[Gt(me,{first:!0,text:"Menu Item"}),Gt(me,{text:"Menu Item"}),Gt(me,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(p=>{p==="opened"&&(l.opened=!!o?.[p],l.popup=o?.[p]?s:"")}),t){case"icon-only":return Gt("div",{children:Gt(X,{...a,...l,icon:"star"})});case"icon-and-text":return Gt("div",{children:Gt(X,{...a,...l,icon:"star",children:"Split Button"})});default:return Gt("div",{children:Gt(X,{...a,...l,children:"Split Button"})})}};wa.options=sT;wa.states=nT;wa.variants=iT;wa.defaultOptions=Di;wa.modifiers=dT;import{jsx as ho,jsxs as pT}from"react/jsx-runtime";var _i=e=>ho(ae,{children:[ho(c,{children:"Button"},"toolbar-button"),ho(Z,{text:"Menu button"},"toolbar-menu-button"),ho(X,{children:"Split button"},"toolbar-split-button"),pT(G,{children:[ho(c,{className:"k-group-start",icon:"align-left",children:"Left"}),ho(c,{icon:"align-center",children:"Center"}),ho(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as P2,jsxs as H2}from"react/jsx-runtime";import{jsx as tt,jsxs as zi}from"react/jsx-runtime";var Ui=e=>tt(ae,{scrollable:!0,...e,children:[tt(c,{children:"Button"},"toolbar-button"),tt(Z,{text:"Menu button"},"toolbar-menu-button"),tt(X,{children:"Split button"},"toolbar-split-button"),zi(G,{children:[tt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),tt(c,{icon:"align-center",children:"Center"}),tt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),tt(c,{children:"Button"},"toolbar-button"),tt(Z,{text:"Menu button"},"toolbar-menu-button"),tt(X,{children:"Split button"},"toolbar-split-button"),zi(G,{children:[tt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),tt(c,{icon:"align-center",children:"Center"}),tt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as ot,jsxs as Fi}from"react/jsx-runtime";var Vi=({scrollingPosition:e="start",...t})=>ot(ae,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[ot(c,{children:"Button"},"toolbar-button"),ot(Z,{text:"Menu button"},"toolbar-menu-button"),ot(X,{children:"Split button"},"toolbar-split-button"),Fi(G,{children:[ot(c,{className:"k-group-start",icon:"align-left",children:"Left"}),ot(c,{icon:"align-center",children:"Center"}),ot(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ot(c,{children:"Button"},"toolbar-button"),ot(Z,{text:"Menu button"},"toolbar-menu-button"),ot(X,{children:"Split button"},"toolbar-split-button"),Fi(G,{children:[ot(c,{className:"k-group-start",icon:"align-left",children:"Left"}),ot(c,{icon:"align-center",children:"Center"}),ot(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as mT,jsx as $e,jsxs as mr}from"react/jsx-runtime";var $i=({fillMode:e,size:t,...o})=>mr(mT,{children:[$e(ae,{section:!0,fillMode:e,size:t,children:[$e(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),mr(G,{fillMode:e,children:[$e(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),$e(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),$e(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),$e(xt,{className:"k-toolbar-button-separator"}),$e(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),mr(pr,{size:t,fillMode:e,section:!0,...o,children:[$e(X,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),$e(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),$e(xt,{}),$e(Z,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),mr(G,{fillMode:e,children:[$e(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),$e(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),$e(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as b3,jsx as m3,jsxs as u3}from"react/jsx-runtime";import{Fragment as M3,jsx as L3,jsxs as C3}from"react/jsx-runtime";import{jsx as oo}from"react/jsx-runtime";var uT=ae.options,bT=ae.states,Xi={...ae.defaultOptions,variant:"default"},fT=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],TT=[],Ea=e=>{let{variant:t,...o}={...Xi,...e};switch(t){case"responsive":return oo("div",{children:oo($i,{style:{width:"583px"},...o})});case"overlay":return oo("div",{children:oo(Vi,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return oo("div",{children:oo(Ui,{style:{width:"583px"},...o})});default:return oo("div",{children:oo(_i,{style:{width:"583px"},...o})})}};Ea.options=uT;Ea.states=bT;Ea.variants=fT;Ea.defaultOptions=Xi;Ea.modifiers=TT;import{jsx as hT}from"react/jsx-runtime";var Wi="k-grid-toolbar",xo=e=>hT(ae,{...e,className:r(e.className,Wi),children:e.children});xo.className=Wi;xo.moduleName=U;xo.folderName=V;import{jsx as on,jsxs as NT}from"react/jsx-runtime";var an="k-grid-stack-cell",xT=[n.focus,n.selected],ur=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:s,focus:p,selected:m,...h}=e;return NT("div",{...h,className:r(e.className,an,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":s},w(an,{focus:p,selected:m})),children:[s&&on("span",{className:"k-dirty"}),t&&on("div",{className:"k-grid-stack-header",children:t}),on("div",{className:"k-grid-stack-content",children:o}),e.children]})};ur.states=xT;ur.className=an;ur.moduleName=U;ur.folderName=V;import{jsx as gT}from"react/jsx-runtime";var Ji="k-grid-stack-row",br=e=>{let{cols:t,...o}=e;return gT("div",{...o,className:r(e.className,Ji,{[`k-grid-cols-${t}`]:t}),children:e.children})};br.className=Ji;br.moduleName=U;br.folderName=V;import{Fragment as b5,jsx as m5,jsxs as u5}from"react/jsx-runtime";import{Fragment as k5,jsx as N5,jsxs as g5}from"react/jsx-runtime";import{Fragment as A5,jsx as y5,jsxs as S5}from"react/jsx-runtime";import{Fragment as kT,jsx as L,jsxs as ce}from"react/jsx-runtime";var qi=({contentClassName:e,...t})=>L(W,{_renderAriaRoot:!0,pager:L(Ct,{refresh:!1}),children:ce(kT,{children:[L(re,{children:L("div",{className:"k-grid-header-wrap",children:ce(ne,{children:[ce("colgroup",{children:[L("col",{}),L("col",{style:{width:"225px"}}),L("col",{}),L("col",{}),L("col",{})]}),ce(j,{children:[ce(y,{children:[L(E,{rowspan:1,colspan:1,columnTitle:"Product Id"}),L(E,{rowspan:1,colspan:1,columnTitle:"Name"}),L(E,{rowspan:1,colspan:1,columnTitle:"Quantity"}),L(E,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),L(E,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),ce(y,{className:"k-filter-row",children:[L(d,{children:L("div",{className:"k-filtercell",children:ce("div",{className:"k-filtercell-wrapper",children:[L(z,{}),ce("div",{className:"k-filtercell-operator",children:[L(Q,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(c,{disabled:!0,icon:"filter-clear"})]})]})})}),L(d,{children:L("div",{className:"k-filtercell",children:ce("div",{className:"k-filtercell-wrapper",children:[L(ie,{}),ce("div",{className:"k-filtercell-operator",children:[L(Q,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(c,{disabled:!0,icon:"filter-clear"})]})]})})}),L(d,{children:L("div",{className:"k-filtercell",children:ce("div",{className:"k-filtercell-wrapper",children:[L(ie,{}),ce("div",{className:"k-filtercell-operator",children:[L(Q,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(c,{disabled:!0,icon:"filter-clear"})]})]})})}),L(d,{children:L("div",{className:"k-filtercell",children:ce("div",{className:"k-filtercell-wrapper",children:[L(z,{}),ce("div",{className:"k-filtercell-operator",children:[L(Q,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(c,{disabled:!0,icon:"filter-clear"})]})]})})}),L(d,{children:L("div",{className:"k-filtercell",children:ce("div",{className:"k-filtercell-wrapper",children:[L(Q,{}),L("div",{className:"k-filtercell-operator",children:L(c,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),L(ee,{children:L(te,{className:e,children:ce(oe,{children:[ce("colgroup",{children:[L("col",{}),L("col",{style:{width:"225px"}}),L("col",{}),L("col",{}),L("col",{})]}),ce(le,{children:[ce(y,{className:"k-master-row",children:[L(d,{children:"1"}),L(d,{children:"Chai"}),L(d,{children:"10 boxes x 20 bags"}),L(d,{children:"18"}),L(d,{children:"false"})]}),ce(y,{className:"k-master-row",alt:!0,children:[L(d,{children:"2"}),L(d,{children:"Chang"}),L(d,{children:"24 - 12 oz bottles"}),L(d,{children:"19"}),L(d,{children:"false"})]}),ce(y,{className:"k-master-row",children:[L(d,{children:"3"}),L(d,{children:"Aniseed Syrup"}),L(d,{children:"12 - 550 ml bottles"}),L(d,{children:"10"}),L(d,{children:"false"})]}),ce(y,{className:"k-master-row",alt:!0,children:[L(d,{children:"4"}),L(d,{children:"Chef Anton's Cajun Seasoning"}),L(d,{children:"48 - 6 oz jars"}),L(d,{children:"22"}),L(d,{children:"false"})]}),ce(y,{className:"k-master-row",children:[L(d,{children:"5"}),L(d,{children:"Grandma's Boysenberry Spread"}),L(d,{children:"12 - 8 oz jars"}),L(d,{children:"25"}),L(d,{children:"false"})]})]})]})})})]}),...t});import{jsx as fr}from"react/jsx-runtime";var vT="k-chip-action";var ge=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=fr(g,{icon:"x-circle",size:"small"});break;case"more":a=fr(g,{icon:"more-vertical",size:"small"});break;default:return fr(g,{icon:t,size:"small"})}return fr("span",{...o,className:r(e.className,vT,`k-chip-${t}-action`),children:a})};var rn="avatar",Yi=rn;import{jsx as Qi}from"react/jsx-runtime";var Ia="k-avatar";var LT=[n.hover,n.focus,n.active,n.selected,n.disabled],CT={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]},ln={type:"text",border:!1},Xe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:s=ln.type,border:p=ln.border,...m}=e;return Qi("div",{...m,className:r(e.className,Ia,S(Ia,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Ia}-bordered`]:p}),children:Qi("span",{className:`${Ia}-${s}`,children:e.children})})};Xe.states=LT;Xe.options=CT;Xe.className=Ia;Xe.defaultOptions=ln;Xe.moduleName=rn;Xe.folderName=Yi;Xe.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var No=Xe;import{jsx as MT}from"react/jsx-runtime";var Zi=e=>MT(No,{type:"icon",...e});import{jsx as yT}from"react/jsx-runtime";var ji=e=>yT(No,{type:"text",...e});import{jsx as ST}from"react/jsx-runtime";var ed=e=>ST(No,{type:"image",...e});import{jsx as rz}from"react/jsx-runtime";import{jsx as Ra}from"react/jsx-runtime";var AT=Xe.options,wT=Xe.states,ET={...Xe.defaultOptions,variant:"image"},IT=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],RT=[],Oa=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ra(Zi,{...o,children:Ra(g,{icon:"star"})});case"text":return Ra(ji,{...o,children:"JO"});default:return Ra(ed,{...o,children:Ra("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Oa.options=AT;Oa.states=wT;Oa.variants=IT;Oa.defaultOptions=ET;Oa.modifiers=RT;var Pa="chip",Tr=Pa;import{jsx as Do,jsxs as HT}from"react/jsx-runtime";var hr="k-chip",OT=[n.hover,n.focus,n.active,n.selected,n.disabled],PT={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]},td={avatarImage:"/packages/html/assets/avatar.jpg"},ke=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:s,icon:p,actions:m,showAvatar:h,avatarImage:N=td.avatarImage,hover:v,focus:k,active:u,selected:M,disabled:C,...A}=e;return HT("div",{...A,className:r(e.className,hr,S(hr,{size:t,rounded:o,fillMode:a,themeColor:l}),w(hr,{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:[p&&Do(g,{className:"k-chip-icon",icon:p,size:"small"}),h&&Do(Xe,{className:"k-chip-avatar",type:"image",children:Do("img",{src:N,alt:""})}),Do("span",{className:"k-chip-content",children:e.children?e.children:s&&Do("span",{className:"k-chip-label",children:s})}),m&&Do("span",{className:"k-chip-actions",children:m})]})};ke.states=OT;ke.options=PT;ke.className=hr;ke.defaultOptions=td;ke.moduleName=Pa;ke.folderName=Tr;ke.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 Tt=ke;import{jsx as DT}from"react/jsx-runtime";var nn="k-chip-list",KT=[],GT={size:[i.undefined,i.small,i.medium,i.large]},BT={},ve=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return DT("div",{...l,className:r(e.className,nn,S(nn,{size:t})),role:"listbox","aria-label":a||"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};ve.states=KT;ve.options=GT;ve.className=nn;ve.defaultOptions=BT;ve.moduleName=Pa;ve.folderName=Tr;ve.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 Pz}from"react/jsx-runtime";import{jsx as Bz}from"react/jsx-runtime";import{jsx as _T}from"react/jsx-runtime";var xr=e=>_T(Tt,{text:"text",...e});import{jsx as Xz}from"react/jsx-runtime";import{jsx as Yz}from"react/jsx-runtime";import{Fragment as o6,jsx as t6,jsxs as a6}from"react/jsx-runtime";import{jsx as i6,jsxs as d6}from"react/jsx-runtime";import{jsx as b6,jsxs as f6}from"react/jsx-runtime";import{jsx as k6,jsxs as v6}from"react/jsx-runtime";import{jsx as _o,jsxs as XT}from"react/jsx-runtime";var zT={...Tt.options,...ve.options},UT=[],FT=ve.states,VT={...Tt.defaultOptions,...ve.defaultOptions},$T=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Ha=e=>{let{modifiers:t,className:o,...a}=e,l=t?.icon,s=t?.actions,p=t?.avatar;return XT(ve,{size:a.size,className:o,children:[_o(xr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?_o(ge,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),_o(xr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?_o(ge,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),_o(xr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?_o(ge,{type:"remove"}):void 0,showAvatar:p,children:"Chip"})]})};Ha.options=zT;Ha.states=FT;Ha.variants=UT;Ha.defaultOptions=VT;Ha.modifiers=$T;import{jsx as sn}from"react/jsx-runtime";var WT=ke.states,JT=ke.defaultOptions,qT=ke.options,YT=[],QT=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Ka=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]?sn(ge,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[l]?sn(ge,{type:"remove"}):void 0;break;default:break}}),sn(ke,{...o,...a,children:"Chip component"})};Ka.options=qT;Ka.states=WT;Ka.variants=YT;Ka.defaultOptions=JT;Ka.modifiers=QT;import{Fragment as dn,jsx as P,jsxs as Be}from"react/jsx-runtime";var od=({dropClue:e,contentClassName:t,...o})=>P(W,{_renderAriaRoot:!0,groupingHeader:P(Bt,{dropClue:e,children:Be(ve,{children:[P(ke,{icon:"sort-asc-small",text:"ID",actions:Be(dn,{children:[P(ge,{type:"more"}),P(ge,{type:"remove"})]})}),P(ke,{icon:"sort-desc-small",text:"Name",actions:Be(dn,{children:[P(ge,{type:"more"}),P(ge,{type:"remove"})]})})]})}),children:Be(dn,{children:[P(re,{draggable:!0,children:P("div",{className:"k-grid-header-wrap",children:Be(ne,{children:[Be("colgroup",{children:[P("col",{className:"k-group-col"}),P("col",{className:"k-group-col"}),P("col",{}),P("col",{}),P("col",{}),P("col",{})]}),P(j,{children:Be(y,{children:[P(E,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),P(E,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),P(E,{colspan:1,columnTitle:"ID"}),P(E,{colspan:1,columnTitle:"Name"}),P(E,{colspan:1,columnTitle:"Price"}),P(E,{colspan:1,columnTitle:"Category"})]})})]})})}),P(ee,{children:P(te,{className:t,children:Be(oe,{children:[Be("colgroup",{children:[P("col",{className:"k-group-col"}),P("col",{className:"k-group-col"}),P("col",{}),P("col",{}),P("col",{}),P("col",{})]}),Be(le,{children:[P(y,{className:"k-table-group-row k-grouping-row",children:P(d,{colspan:6,children:Be("p",{className:"k-reset",children:[P(g,{icon:"caret-alt-right"}),"ID: 1"]})})}),P(y,{className:"k-table-group-row k-grouping-row",children:P(d,{colspan:6,children:Be("p",{className:"k-reset",children:[P(g,{icon:"caret-alt-down"}),"ID: 2"]})})}),Be(y,{className:"k-table-group-row k-grouping-row",children:[P(d,{className:"k-table-group-td k-group-cell"}),P(d,{colspan:5,children:Be("p",{className:"k-reset",children:[P(g,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),Be(y,{className:"k-master-row",alt:!0,children:[P(d,{className:"k-table-group-td k-group-cell"}),P(d,{className:"k-table-group-td k-group-cell"}),P(d,{colspan:0,children:"2"}),P(d,{colspan:0,children:"Chang"}),P(d,{colspan:0,children:"$19.00"}),P(d,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as c9,jsx as i9,jsxs as d9}from"react/jsx-runtime";import{Fragment as x9,jsx as T9,jsxs as h9}from"react/jsx-runtime";import{Fragment as ZT,jsx as B,jsxs as De}from"react/jsx-runtime";var ad=({headerWrapClassName:e,contentClassName:t,...o})=>B(W,{_renderAriaRoot:!0,children:De(ZT,{children:[B(re,{children:B("div",{className:`k-grid-header-wrap ${e}`,children:De(ne,{children:[De("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),De(j,{children:[De(y,{children:[B(E,{rowspan:3,colspan:1,columnTitle:"ID"}),B(E,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),De(y,{children:[B(E,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),B(E,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),De(y,{children:[B(E,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),B(E,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),B(ee,{children:B(te,{className:t,children:De(oe,{children:[De("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),De(le,{children:[De(y,{className:"k-master-row",children:[B(d,{children:"1"}),B(d,{children:"Chai"}),B(d,{children:"39"}),B(d,{children:"18"})]}),De(y,{className:"k-master-row",alt:!0,children:[B(d,{children:"2"}),B(d,{children:"Chang"}),B(d,{children:"17"}),B(d,{children:"19"})]}),De(y,{className:"k-master-row",children:[B(d,{children:"3"}),B(d,{children:"Aniseed Syrup"}),B(d,{children:"13"}),B(d,{children:"10"})]}),De(y,{className:"k-master-row",alt:!0,children:[B(d,{children:"4"}),B(d,{children:"Chef Anton's Cajun Seasoning"}),B(d,{children:"53"}),B(d,{children:"22"})]}),De(y,{className:"k-master-row",children:[B(d,{children:"5"}),B(d,{children:"Chef Anton's Gumbo Mix"}),B(d,{children:"0"}),B(d,{children:"21.35"})]})]})]})})})]}),...o});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 jT,jsx as K,jsxs as ht}from"react/jsx-runtime";var rd=e=>K(W,{_renderAriaRoot:!0,toolbar:ht(xo,{children:[K(c,{children:"Add new"}),K(c,{children:"Save Changes"}),K(c,{children:"Cancel Changes"})]}),children:ht(jT,{children:[K(re,{children:K("div",{className:"k-grid-header-wrap",children:ht(ne,{children:[ht("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),K(j,{children:ht(y,{children:[K(E,{columnTitle:"Name"}),K(E,{columnTitle:"Price"}),K(E,{columnTitle:"Available"}),K(E,{accessibleLabel:"Commands"})]})})]})})}),K(ee,{children:K(te,{children:K("div",{children:ht(oe,{children:[ht("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),ht(le,{children:[ht(y,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[K(d,{children:K(ie,{value:"Towel"})}),K(d,{children:K(z,{value:"42"})}),K(d,{children:K(ze,{})}),ht(d,{className:"k-command-cell",children:[K(c,{children:"Add"}),K(c,{children:"Cancel"})]})]}),ht(y,{className:"k-master-row",children:[K(d,{children:"Chai"}),K(d,{children:"18"}),K(d,{children:"false"}),K(d,{className:"k-command-cell",children:K(c,{children:"Remove"})})]}),ht(y,{className:"k-master-row",alt:!0,children:[K(d,{children:"Chang"}),K(d,{children:"19"}),K(d,{children:"false"}),K(d,{className:"k-command-cell",children:K(c,{children:"Remove"})})]})]})]})})})})]}),...e});import{Fragment as iU,jsx as sU,jsxs as dU}from"react/jsx-runtime";import{Fragment as Nr,jsx as b,jsxs as q}from"react/jsx-runtime";var eh=W.options,th=W.states,ld={...W.defaultOptions,variant:"normal"},oh=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-menu",title:"Filter Menu"},{name:"filter-row",title:"Filter Row"},{name:"row-reordering",title:"Row Reordering"},{name:"multicolumn-headers",title:"Multicolumn Headers"},{name:"grouping",title:"Grouping"},{name:"editing",title:"Editing"}],ah=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Ga=e=>{let{variant:t,modifiers:o,...a}={...ld,...e},l={toolbar:void 0,pager:void 0},s=q(xo,{children:[b(c,{icon:"plus",children:"Add New"}),b(c,{icon:"file-pdf",children:"Export to PDF"}),b("span",{className:"k-spacer"}),b(ie,{prefix:b(g,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=b(xe,{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]?p:void 0;break;default:return}});let m={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},h=q(Nr,{children:[b(re,{children:b("div",{className:"k-grid-header-wrap",children:q(ne,{children:[q("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(j,{children:q(y,{children:[b(E,{...m[t],columnTitle:"ID"}),b(E,{...m[t],columnTitle:"Product Name"}),b(E,{...m[t],columnTitle:"Units in Stock"}),b(E,{...m[t],columnTitle:"Units Price"})]})})]})})}),b(ee,{children:b(te,{children:q(oe,{children:[q("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),q(le,{children:[q(y,{children:[b(d,{children:"1"}),b(d,{children:"Chai"}),b(d,{children:"39"}),b(d,{children:"18"})]}),q(y,{className:"k-alt",alt:!0,children:[b(d,{children:"2"}),b(d,{children:"Chang"}),b(d,{children:"17"}),b(d,{children:"19"})]}),q(y,{children:[b(d,{children:"3"}),b(d,{children:"Aniseed Syrup"}),b(d,{children:"13"}),b(d,{children:"10"})]}),q(y,{className:"k-alt",alt:!0,children:[b(d,{children:"4"}),b(d,{children:"Chef Anton's Cajun Seasoning"}),b(d,{children:"53"}),b(d,{children:"22"})]}),q(y,{children:[b(d,{children:"5"}),b(d,{children:"Chef Anton's Gumbo Mix"}),b(d,{children:"0"}),b(d,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return b(ad,{...a,...l});case"editing":return b(rd,{...a,...l});case"grouping":return b(od,{...a,...l,groupingHeader:b(Bt,{children:q(ve,{children:[b(ke,{icon:"sort-asc-small",actions:q(Nr,{children:[b(ge,{type:"more"}),b(ge,{type:"remove"})]}),children:"ID"}),b(ke,{icon:"sort-desc-small",actions:q(Nr,{children:[b(ge,{type:"more"}),b(ge,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return b(W,{...a,...l,children:q(Nr,{children:[b(re,{children:q("div",{className:"k-grid-header-wrap",children:[" ",q(ne,{children:[q("colgroup",{children:[b("col",{className:"k-drag-col"}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(j,{children:q(y,{children:[b(E,{className:"k-drag-cell",accessibleLabel:"Reorder"}),b(E,{columnTitle:"ID"}),b(E,{columnTitle:"Product Name"}),b(E,{columnTitle:"Units in Stock"}),b(E,{columnTitle:"Units Price"})]})})]})]})}),b(ee,{children:b(te,{children:q(oe,{children:[q("colgroup",{children:[b("col",{className:"k-drag-col"}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),q(le,{children:[q(y,{children:[b(d,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(d,{children:"1"}),b(d,{children:"Chai"}),b(d,{children:"39"}),b(d,{children:"18"})]}),q(y,{className:"k-alt",alt:!0,children:[b(d,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(d,{children:"2"}),b(d,{children:"Chang"}),b(d,{children:"17"}),b(d,{children:"19"})]}),q(y,{children:[b(d,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(d,{children:"3"}),b(d,{children:"Aniseed Syrup"}),b(d,{children:"13"}),b(d,{children:"10"})]}),q(y,{className:"k-alt",alt:!0,children:[b(d,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(d,{children:"4"}),b(d,{children:"Chef Anton's Cajun Seasoning"}),b(d,{children:"53"}),b(d,{children:"22"})]}),q(y,{children:[b(d,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(d,{children:"5"}),b(d,{children:"Chef Anton's Gumbo Mix"}),b(d,{children:"0"}),b(d,{children:"21.35"})]})]})]})})})]})});case"filter-row":return b(qi,{...a,...l});default:return b(W,{...a,...l,children:h})}};Ga.options=eh;Ga.states=th;Ga.variants=oh;Ga.defaultOptions=ld;Ga.modifiers=ah;import{Fragment as nd,jsx as I,jsxs as Le}from"react/jsx-runtime";var m7=({aggregated:e=!1,contentClassName:t,...o})=>I(W,{_renderAriaRoot:!0,children:Le(nd,{children:[I(re,{children:I("div",{className:"k-grid-header-wrap",children:Le(ne,{children:[Le("colgroup",{children:[I("col",{}),I("col",{}),I("col",{}),I("col",{})]}),I(j,{children:Le(y,{children:[I(E,{columnTitle:"Product Name"}),I(E,{columnTitle:"Units In Stock"}),I(E,{columnTitle:"Discontinued"}),I(E,{columnTitle:"Units in Order"})]})})]})})}),I(ee,{children:I(te,{className:t,children:Le(oe,{children:[Le("colgroup",{children:[I("col",{}),I("col",{}),I("col",{}),I("col",{})]}),Le(le,{children:[Le(y,{className:"k-master-row",children:[I(d,{selected:!!e,children:"Chai"}),I(d,{selected:!!e,children:"39"}),I(d,{children:"false"}),I(d,{children:"0"})]}),Le(y,{className:"k-master-row",alt:!0,children:[I(d,{selected:!!e,children:"Chang"}),I(d,{selected:!!e,children:"17"}),I(d,{children:"false"}),I(d,{children:"40"})]}),Le(y,{className:"k-master-row",children:[I(d,{selected:!!e,children:"Aniseed Syrup"}),I(d,{selected:!!e,children:"13"}),I(d,{children:"false"}),I(d,{children:"70"})]}),Le(y,{className:"k-master-row",alt:!0,children:[I(d,{selected:!!e,children:"Chef Anton's Cajun Seasoning"}),I(d,{selected:!!e,children:"53"}),I(d,{children:"false"}),I(d,{children:"0"})]}),Le(y,{className:"k-master-row",children:[I(d,{children:"Chef Anton's Gumbo Mix"}),I(d,{children:"0"}),I(d,{children:"true"}),I(d,{children:"0"})]})]})]})})})]}),gridSelectionAggregates:I("div",{className:"k-selection-aggregates k-grid-selection-aggregates",children:e?Le(nd,{children:[Le("div",{className:"k-selection-aggregates-item",children:[I("span",{className:"k-selection-aggregates-item-text",children:"Sum:"}),I("span",{className:"k-selection-aggregates-item-value",children:"122.00"})]}),Le("div",{className:"k-selection-aggregates-item",children:[I("span",{className:"k-selection-aggregates-item-text",children:"Avg:"}),I("span",{className:"k-selection-aggregates-item-value",children:"30.50"})]}),Le("div",{className:"k-selection-aggregates-item",children:[I("span",{className:"k-selection-aggregates-item-text",children:"Min:"}),I("span",{className:"k-selection-aggregates-item-value",children:"13"})]}),Le("div",{className:"k-selection-aggregates-item",children:[I("span",{className:"k-selection-aggregates-item-text",children:"Max:"}),I("span",{className:"k-selection-aggregates-item-value",children:"53"})]}),Le("div",{className:"k-selection-aggregates-item",children:[I("span",{className:"k-selection-aggregates-item-text",children:"Count:"}),I("span",{className:"k-selection-aggregates-item-value",children:"8"})]})]}):Le("div",{className:"k-selection-aggregates-item",children:[I("span",{className:"k-selection-aggregates-item-text",children:"Count:"}),I("span",{className:"k-selection-aggregates-item-value",children:"0"})]})}),...o});export{m7 as GridWithSelectionAggregates};