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

package/dist/esm/propertygrid/propertygrid.spec.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 A=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),I=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:s,checked:p,active:u,selected:x,disabled:g,indeterminate:L,loading:v,empty:b,readonly:w,highlighted:S,...E}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":s,"k-checked":p,"k-active":u,"k-selected":x,"k-disabled":g,"k-indeterminate":L&&!p,"k-loading":v,"k-empty":b,"k-readonly":w,"k-highlighted":S},Object.keys(E).reduce((H,O)=>(O.startsWith("k-")?H[O]=E[O]:H[`k-${O}`]=E[O],H),{}))};function Nn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},h={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},T={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 Q="grid",j=Q;import{jsx as Ad,jsxs as Ed}from"react/jsx-runtime";var Wa="k-grid",yd=[],Sd={size:[d.undefined,d.small,d.medium,d.large]},wd=[],gn={pagerPosition:"bottom"},X=e=>{let{size:t,pagerPosition:o=gn.pagerPosition,toolbar:a,pager:l,groupingHeader:s,gridSelectionAggregates:p,_renderAriaRoot:u,resizable:x,...g}=e;return Ed("div",{...g,className:r(e.className,Wa,{[`${Wa}-resizable`]:x},A(Wa,{size:t})),children:[a,o==="top"&&l,s,e.children&&u?Ad("div",{className:"k-grid-aria-root",children:e.children}):e.children,p,o==="bottom"&&l]})};X.states=yd;X.options=Sd;X.variants=wd;X.className=Wa;X.defaultOptions=gn;X.moduleName=Q;X.folderName=j;import{jsx as Id}from"react/jsx-runtime";var kn="k-grid-header",W=e=>{let{draggable:t,...o}=e;return Id("div",{...o,className:r(e.className,kn,{"k-grid-draggable-header":t}),children:e.children})};W.className=kn;W.moduleName=Q;W.folderName=j;import{jsx as vn,jsxs as Rd}from"react/jsx-runtime";var Ln="k-grouping-header",Vt=e=>{let{dropHint:t,dropClue:o,...a}=e;return Rd("div",{...a,className:r(e.className,Ln),children:[o&&vn("div",{className:"k-grouping-dropclue"}),e.children,vn("div",{className:"k-grouping-drop-container",children:t})]})};Vt.className=Ln;Vt.moduleName=Q;Vt.folderName=j;import{jsx as Od}from"react/jsx-runtime";var Cn="k-grid-sticky-container",Mn={position:"top"},Ja=e=>{let{position:t=Mn.position,...o}=e;return Od("div",{...o,className:r(e.className,Cn,{"k-grid-sticky-top-container":t==="top","k-grid-sticky-bottom-container":t==="bottom"}),children:e.children})};Ja.className=Cn;Ja.defaultProps=Mn;Ja.moduleName=Q;Ja.folderName=j;var ye="table",Oe=ye;import{jsx as Kd}from"react/jsx-runtime";var yn="k-data-table",Hd=[],Pd={size:[d.undefined,d.small,d.medium,d.large]},Gd={},Ot=e=>{let{size:t,...o}=e;return Kd("div",{...o,className:r(e.className,yn,A("k-table",{size:t})),children:e.children})};Ot.states=Hd;Ot.options=Pd;Ot.className=yn;Ot.defaultOptions=Gd;Ot.moduleName=ye;Ot.folderName=Oe;import{jsx as zd}from"react/jsx-runtime";var Er="k-table-header-wrap",Dd=[n.hover,n.focus,n.disabled],Bd={},_d={},$t=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return zd("div",{...s,className:r(e.className,Er,I(Er,{hover:o,focus:a,disabled:l})),children:t})};$t.states=Dd;$t.options=Bd;$t.className=Er;$t.defaultOptions=_d;$t.moduleName=ye;$t.folderName=Oe;import{jsx as $d}from"react/jsx-runtime";var Ir="k-table",Ud=[],Fd={size:[d.undefined,d.small,d.medium,d.large]},Vd={},He=e=>{let{size:t,...o}=e;return $d("table",{...o,className:r(e.className,Ir,A(Ir,{size:t})),children:e.children})};He.states=Ud;He.options=Fd;He.className=Ir;He.defaultOptions=Vd;He.moduleName=ye;He.folderName=Oe;import{jsx as Rr}from"react/jsx-runtime";var Or="k-table-header",Xd=[n.hover,n.focus,n.disabled],Wd={},Jd={},Ht=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return Rr("div",{...s,className:r(e.className,Or,I(Or,{hover:o,focus:a,disabled:l})),children:Rr($t,{children:Rr(He,{children:t})})})};Ht.states=Xd;Ht.options=Wd;Ht.className=Or;Ht.defaultOptions=Jd;Ht.moduleName=ye;Ht.folderName=Oe;import{jsx as Zd}from"react/jsx-runtime";var Sn="k-table-scroller",qd=[],Yd={},Qd={},wo=e=>{let{children:t,...o}=e;return Zd("div",{...o,className:r(e.className,Sn),children:t})};wo.states=qd;wo.options=Yd;wo.className=Sn;wo.defaultOptions=Qd;wo.moduleName=ye;wo.folderName=Oe;import{jsx as Ix}from"react/jsx-runtime";import{jsx as oc}from"react/jsx-runtime";var wn="k-table-footer",jd=[],ec={},tc={},Xt=e=>{let{children:t,...o}=e;return oc("div",{...o,className:r(e.className,wn),children:t})};Xt.states=jd;Xt.options=ec;Xt.className=wn;Xt.defaultOptions=tc;Xt.moduleName=ye;Xt.folderName=Oe;import{jsx as nc}from"react/jsx-runtime";var Hr="k-table-list",ac=[],rc={size:[d.undefined,d.small,d.medium,d.large]},lc={},Wt=e=>{let{size:t,virtualization:o,...a}=e;return nc("ul",{...a,className:r(e.className,"k-table",Hr,A(Hr,{size:t}),{"k-virtual-table":o}),children:e.children})};Wt.states=ac;Wt.options=rc;Wt.className=Hr;Wt.defaultOptions=lc;Wt.moduleName=ye;Wt.folderName=Oe;import{jsx as sc}from"react/jsx-runtime";var ic="k-table-thead",V=e=>sc("thead",{className:r(e.className,ic),children:e.children});import{jsx as cc}from"react/jsx-runtime";var dc="k-table-tbody",oe=e=>cc("tbody",{className:r(e.className,dc),children:e.children});import{jsx as qx}from"react/jsx-runtime";import{jsx as mc}from"react/jsx-runtime";var Pr="k-table-row",pc=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],k=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:s,alt:p,...u}=e;return mc("tr",{...u,className:r(e.className,Pr,{"k-table-alt-row":p},I(Pr,{hover:t,focus:o,disabled:s,selected:a,highlighted:l})),children:e.children})};k.states=pc;k.className=Pr;import{jsx as bc}from"react/jsx-runtime";var Gr="k-table-row",uc=[n.hover,n.focus,n.selected,n.disabled],qa=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:s,...p}=e;return bc("li",{...p,className:r(e.className,Gr,{"k-table-alt-row":s},I(Gr,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};qa.states=uc;qa.className=Gr;import{jsx as fc}from"react/jsx-runtime";var An="k-table-th",Pt=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,s=t||e.children;return fc("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,An),children:s})};Pt.className=An;Pt.moduleName=ye;Pt.folderName=Oe;import{jsx as dN}from"react/jsx-runtime";import{jsx as hc}from"react/jsx-runtime";var Kr="k-table-td",Tc=[n.focus,n.selected,n.highlighted],i=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:s,rowspan:p,...u}=e,x=l||e.children;return hc("td",{colSpan:s,rowSpan:p,...u,className:r(e.className,Kr,I(Kr,{focus:t,selected:o,highlighted:a})),children:x})};i.states=Tc;i.className=Kr;import{jsx as TN}from"react/jsx-runtime";import{jsx as gN}from"react/jsx-runtime";import{jsx as CN}from"react/jsx-runtime";import{jsx as wN}from"react/jsx-runtime";import{jsx as RN}from"react/jsx-runtime";import{jsx as BN,jsxs as _N}from"react/jsx-runtime";import{jsx as VN,jsxs as $N}from"react/jsx-runtime";import{jsx as qN,jsxs as YN}from"react/jsx-runtime";import{Fragment as og,jsx as eg,jsxs as tg}from"react/jsx-runtime";import{jsx as kc}from"react/jsx-runtime";var In="k-grid-header-table",J=e=>kc(He,{...e,className:r(e.className,In),children:e.children});J.className=In;J.moduleName=Q;J.folderName=j;import{Fragment as Mc,jsx as Rn}from"react/jsx-runtime";var Dr="k-font-icon",vc=[],Lc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark]},Cc={},Jo=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:s,...p}=e;return a?Rn("span",{...p,className:r(e.className,Dr,A(Dr,{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"}):Rn(Mc,{})};Jo.states=vc;Jo.options=Lc;Jo.className=Dr;Jo.defaultOptions=Cc;var On=Jo;import{Fragment as wc,jsx as Ya}from"react/jsx-runtime";var Br="k-svg-icon",yc=[],Sc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark]},Hn={viewBox:"0 0 24 24"},qo=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:s=Hn.viewBox,icon:p,...u}=e;if(!p)return Ya(wc,{});if(p==="none")return Ya("span",{...u,className:r(e.className,Br,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof p=="object"&&p.name&&p.name;return Ya("span",{...u,className:r(e.className,Br,A("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:Ya("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})})};qo.states=yc;qo.options=Sc;qo.className=Br;qo.defaultOptions=Hn;var _r=qo;import*as zr from"@progress/kendo-svg-icons";var Pn="icon",Gn="icons";import{useContext as Ec}from"react";import{createContext as Ac}from"react";var Kn=Ac({iconsType:"svg"});import{Fragment as Dn,jsx as Yo}from"react/jsx-runtime";var Qa="k-icon",Ic=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Rc=[],Oc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark]},Ur={viewBox:"0 0 24 24",type:"svg"},m=e=>{let{iconsType:t}=Ec(Kn),{size:o,themeColor:a,icon:l,type:s=t||Ur.type,rotate:p,flip:u,viewBox:x=Ur.viewBox,...g}=e;if(!l)return Yo(Dn,{});if((t||s)==="svg"){if(l==="none")return Yo(_r,{...g,className:r(e.className,Qa),icon:l,size:o});let v=zr[l]?l:Ic(`${l}-icon`);return zr[v]?Yo(_r,{...g,className:r(e.className,Qa),icon:zr[v],size:o,themeColor:a,rotate:p,flip:u,viewBox:x}):Yo(Dn,{})}return Yo(On,{...g,className:r(e.className,Qa),icon:l,size:o,themeColor:a,rotate:p,flip:u})};m.states=Rc;m.options=Oc;m.defaultOptions=Ur;m.className=Qa;m.moduleName=Pn;m.folderName=Gn;m.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 Jt,jsxs as Fr}from"react/jsx-runtime";var Vr="k-header",Hc=[n.hover,n.focus,n.active],Bn={sortIcon:"sort-asc-small"},M=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:s,columnTitle:p,hover:u,focus:x,active:g,sortIcon:L=Bn.sortIcon,sortOrder:v,accessibleLabel:b,...w}=e;return Fr(Pt,{...w,className:r(e.className,Vr,{"k-filterable":t||a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":s},I(Vr,{hover:u,focus:x,active:g})),children:[p&&Fr("span",{className:"k-cell-inner",children:[Fr("span",{className:"k-link",children:[Jt("span",{className:"k-column-title",children:p}),o&&Jt("span",{className:"k-sort-icon",children:Jt(m,{icon:L})}),v&&Jt("span",{className:"k-sort-order",children:v})]}),t&&Jt("a",{href:"#",className:r("k-grid-header-menu",{"k-active":g,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:Jt(m,{icon:t==="filter"?"filter":"more-vertical"})})]}),!p&&b&&Jt("span",{className:"k-sr-only",children:b}),e.children,s&&Jt("span",{className:"k-column-resizer k-touch-action-none"})]})};M.states=Hc;M.className=Vr;M.defaultOptions=Bn;M.moduleName=Q;M.folderName=j;import{jsx as Pc}from"react/jsx-runtime";var _n="k-grid-container",re=e=>Pc("div",{...e,className:r(e.className,_n),children:e.children});re.className=_n;re.moduleName=Q;re.folderName=j;import{jsx as Gc}from"react/jsx-runtime";var zn="k-grid-content",ee=e=>Gc("div",{...e,className:r(e.className,zn),children:e.children});ee.className=zn;ee.moduleName=Q;ee.folderName=j;import{jsx as Kc}from"react/jsx-runtime";var Un="k-grid-table",te=e=>Kc(He,{...e,className:r(e.className,Un),children:e.children});te.className=Un;te.moduleName=Q;te.folderName=j;import{jsx as Dc}from"react/jsx-runtime";var Fn="k-grid-footer",$r=e=>Dc("div",{...e,className:r(e.className,Fn),children:e.children});$r.className=Fn;$r.moduleName=Q;$r.folderName=j;import{jsx as Bc}from"react/jsx-runtime";var Vn="k-grid-footer-table",Xr=e=>Bc(He,{...e,className:r(e.className,Vn),children:e.children});Xr.className=Vn;Xr.moduleName=Q;Xr.folderName=j;var Wr="button",$n=Wr;import{Fragment as Fc,jsx as Qo,jsxs as Xn}from"react/jsx-runtime";var Zo="k-button",_c=["icon-button"],zc=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Uc={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark,T.inverse]},Jr={showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:s,showArrow:p=Jr.showArrow,arrowIconName:u=Jr.arrowIconName,variant:x,hover:g,focus:L,active:v,selected:b,disabled:w,togglable:S,icon:E,text:H,iconClassName:O,className:U,...be}=e,ge=E!==void 0,Ke=e.children!==void 0;return Xn(t,{className:r(U,Zo,Nn(Zo,x),A(Zo,{size:o,rounded:a,fillMode:l,themeColor:s}),I(Zo,{hover:g,focus:L,active:v,disabled:w,selected:b}),{"k-icon-button":!H&&!Ke&&ge}),...be,"aria-pressed":S?b?"true":"false":void 0,disabled:w||void 0,children:[E&&Qo(m,{className:r(O,"k-button-icon"),icon:E}),H?Xn(Fc,{children:[H&&Qo("span",{className:"k-button-text",children:H}),e.children]}):e.children&&Qo("span",{className:"k-button-text",children:e.children}),p&&Qo("span",{className:"k-menu-button-arrow k-button-arrow",children:Qo(m,{icon:u})})]})};c.states=zc;c.options=Uc;c.variants=_c;c.className=Zo;c.defaultOptions=Jr;c.moduleName=Wr;c.folderName=$n;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 Vc}from"react/jsx-runtime";var qt=e=>Vc(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as $c}from"react/jsx-runtime";var jo=e=>$c(c,{icon:"folder",children:"Button",...e});import{jsx as Xc}from"react/jsx-runtime";var co=e=>Xc(c,{children:"Button",...e});import{jsx as qr}from"react/jsx-runtime";var Wc=c.options,Jc=c.states,qc={...c.defaultOptions,variant:"text"},Yc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Qc=[],ea=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return qr(qt,{...o,icon:"star"});case"icon-and-text":return qr(jo,{...o,icon:"star",children:"Button"});default:return qr(co,{...o,children:"Button"})}};ea.options=Wc;ea.states=Jc;ea.variants=Yc;ea.defaultOptions=qc;ea.modifiers=Qc;var ta="input",Za=ta;import{jsx as tp}from"react/jsx-runtime";var ja="k-input",Zc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],jc={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ep={},ke=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u,size:x,rounded:g,fillMode:L,...v}=e;return tp("span",{...v,className:r(e.className,ja,A(ja,{size:x,rounded:g,fillMode:L}),I(ja,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u}))})};ke.states=Zc;ke.options=jc;ke.className=ja;ke.defaultOptions=ep;ke.moduleName=ta;ke.folderName=Za;import{jsx as lp}from"react/jsx-runtime";var er="k-picker",op=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ap={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},rp={},Ct=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u,size:x,rounded:g,fillMode:L,...v}=e;return lp("span",{...v,className:r(e.className,er,A(er,{size:x,rounded:g,fillMode:L}),I(er,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u})),children:e.children})};Ct.states=op;Ct.options=ap;Ct.className=er;Ct.defaultOptions=rp;Ct.moduleName=ta;Ct.folderName=Za;import{Fragment as sp,jsx as Yr}from"react/jsx-runtime";var Wn="k-clear-value",np=[n.disabled,n.loading,n.readonly],ip={},et=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?Yr(sp,{}):Yr("span",{className:r(e.className,Wn),children:Yr(m,{icon:"x"})})};et.states=np;et.options=ip;et.className=Wn;import{jsx as pp}from"react/jsx-runtime";var Qr="k-input-inner",dp=[],cp={},tr={type:"text",autocomplete:"off",value:"",placeholder:""},tt=e=>{let{value:t=tr.value,type:o=tr.type,placeholder:a=tr.placeholder,autocomplete:l=tr.autocomplete,disabled:s,readOnly:p,...u}=e;return pp("input",{...u,type:o,className:r(e.className,Qr,A(Qr,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:s||void 0,readOnly:p||void 0})};tt.states=dp;tt.options=cp;tt.className=Qr;import{jsx as Jn,jsxs as bp}from"react/jsx-runtime";var Zr="k-input-inner",mp=[],up={},po=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:s,...p}=e;return bp("span",{...p,className:r(e.className,Zr,A(Zr,e)),children:[l,!l&&s&&Jn(m,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Jn("span",{className:"k-input-value-text",children:t})]})};po.states=mp;po.options=up;po.className=Zr;import{jsx as hp}from"react/jsx-runtime";var jr="k-input-inner",fp=[],Tp={},qn={value:"",placeholder:""},el=e=>{let{value:t=qn.value,placeholder:o=qn.placeholder,rows:a,disabled:l,...s}=e;return hp("textarea",{...s,className:r(e.className,jr,A(jr,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};el.states=fp;el.options=Tp;el.className=jr;import{Fragment as Np,jsx as Yn}from"react/jsx-runtime";var Qn="k-input-loading-icon",xp=[n.disabled,n.loading],$e=e=>{let{disabled:t,loading:o}=e;return t||!o?Yn(Np,{}):Yn("span",{className:r(e.className,Qn,"k-icon k-i-loading")})};$e.states=xp;$e.className=Qn;import{Fragment as vp,jsx as Zn}from"react/jsx-runtime";var jn="k-input-validation-icon",gp=[n.valid,n.invalid,n.disabled,n.loading],kp={},De=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,s=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?Zn(vp,{}):Zn(m,{className:r(jn),icon:s})};De.states=gp;De.options=kp;De.className=jn;import{Fragment as Mp,jsx as ei}from"react/jsx-runtime";var Lp="k-input-prefix",Cp={direction:"horizontal"},st=e=>{let{direction:t=Cp.direction,...o}=e;return e.children?ei("span",{...o,className:r(Lp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ei(Mp,{})};import{Fragment as wp,jsx as ti}from"react/jsx-runtime";var yp="k-input-suffix",Sp={direction:"horizontal"},dt=e=>{let{direction:t=Sp.direction,...o}=e;return e.children?ti("span",{...o,className:r(yp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ti(wp,{})};import{jsx as Xv}from"react/jsx-runtime";import{jsx as Ep}from"react/jsx-runtime";var Ap="k-input-suffix-text",tl=e=>{let{children:t,...o}=e;return Ep("span",{...o,className:r(Ap,e.className),children:t})};import{jsx as Rp}from"react/jsx-runtime";var oi="k-input-separator",Ip={direction:"vertical"},ct=e=>{let{direction:t=Ip.direction,...o}=e;return Rp("span",{...o,className:r(oi,e.className,{[`${oi}-${t}`]:t})})};import{Fragment as ai,jsx as Mt,jsxs as ol}from"react/jsx-runtime";var Op=ke.states,Hp=ke.defaultOptions,Pp=ke.options,Gp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Kp=[],oa=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:s,readonly:p,...u}=e,x=t?.prefix,g=t?.suffix,L=t?.["clear-button"],v=t?.["validation-icon"],b=t?.separators;return ol(ke,{...u,valid:o,invalid:a,loading:l,disabled:s,readonly:p,style:{width:300},children:[x&&ol(ai,{children:[Mt(st,{children:Mt(m,{icon:"lock"})}),b&&Mt(ct,{})]}),Mt(tt,{placeholder:"Placeholder",value:"Value"}),v&&Mt(De,{valid:o,invalid:a,loading:l,disabled:s}),Mt($e,{loading:l,disabled:s}),L&&Mt(et,{loading:l,disabled:s,readonly:p,value:"Value"}),g&&ol(ai,{children:[b&&Mt(ct,{}),Mt(dt,{children:Mt(co,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};oa.options=Pp;oa.states=Op;oa.variants=Kp;oa.defaultOptions=Hp;oa.modifiers=Gp;var al="popup",ri=al;import{jsx as li}from"react/jsx-runtime";var ni="k-animation-container",Dp=[],Bp={},ii={positionMode:"absolute"},yt=e=>{let{positionMode:t=ii.positionMode,animationStyle:o,offset:a,...l}=e;return li("div",{...l,style:{...a,...e.style},className:r(e.className,ni,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:li("div",{className:"k-child-animation-container",style:o,children:e.children})})};yt.states=Dp;yt.options=Bp;yt.className=ni;yt.defaultOptions=ii;yt.moduleName=al;yt.folderName=ri;var rl="popup",si=rl;import{jsx as di}from"react/jsx-runtime";var ci="k-popup",_p=[],zp={},pi={positionMode:"absolute"},pe=e=>{let{offset:t,positionMode:o=pi.positionMode,animationStyle:a,containerClassName:l,containerRole:s,containerAriaLabel:p,...u}=e;return di(yt,{positionMode:o,offset:t,animationStyle:a,className:l,role:s,"aria-label":p,children:di("div",{...u,className:r(e.className,ci),children:e.children})})};pe.states=_p;pe.options=zp;pe.className=ci;pe.defaultOptions=pi;pe.moduleName=rl;pe.folderName=si;pe.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var ll="action-buttons",mi=ll;import{jsx as Vp}from"react/jsx-runtime";var or="k-actions",Up=[],Fp={},nl={alignment:"start",orientation:"horizontal"},St=e=>{let{alignment:t=nl.alignment,orientation:o=nl.orientation,...a}=e;return Vp("div",{...a,className:r(or,{[`${or}-${t}`]:t,[`${or}-${o}`]:o},e.className),children:e.children})};St.states=Up;St.options=Fp;St.className=or;St.defaultOptions=nl;St.moduleName=ll;St.folderName=mi;import{jsx as Xp}from"react/jsx-runtime";var $p="k-actionsheet-footer",ui={alignment:"stretched",orientation:"horizontal"},Yt=e=>{let{alignment:t=ui.alignment,orientation:o=ui.orientation,template:a,as:l=a?"div":St,...s}=e;return Xp(l,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,$p),children:e.children})};var il="searchbox",bi=il;import{jsx as aa,jsxs as qp}from"react/jsx-runtime";var fi="k-searchbox",Wp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Jp={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},sl={showIcon:!0,icon:"search"},pt=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:s,hover:p,focus:u,valid:x,invalid:g,required:L,loading:v,disabled:b,showIcon:w=sl.showIcon,icon:S=sl.icon,...E}=e;return qp(ke,{...E,size:a,rounded:l,fillMode:s,hover:p,focus:u,valid:x,invalid:g,required:L,loading:v,disabled:b,className:r(e.className,fi),children:[w&&aa(m,{className:"k-input-icon",icon:S}),aa(tt,{placeholder:o,value:t}),aa($e,{...e}),aa(De,{...e}),aa(et,{...e})]})};pt.states=Wp;pt.options=Jp;pt.className=fi;pt.defaultOptions=sl;pt.moduleName=il;pt.folderName=bi;import{jsx as pC}from"react/jsx-runtime";var dl="textbox",Ti=dl;import{Fragment as hi,jsx as Qt,jsxs as cl}from"react/jsx-runtime";var xi="k-textbox",Yp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Qp={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ar={showClearButton:!0,showValidationIcon:!0,separators:!0},ie=e=>{let{size:t,rounded:o,fillMode:a,separators:l=ar.separators,showClearButton:s=ar.showClearButton,showValidationIcon:p=ar.showValidationIcon,prefix:u,suffix:x,type:g,value:L,placeholder:v,hover:b,focus:w,valid:S,invalid:E,required:H,loading:O,disabled:U,readonly:be,id:ge,"aria-label":Ke,"aria-describedby":Ze,...je}=e;return cl(ke,{...je,size:t,rounded:o,fillMode:a,hover:b,focus:w,valid:S,invalid:E,required:H,loading:O,disabled:U,readonly:be,className:r(e.className,xi),children:[u&&cl(hi,{children:[Qt(st,{children:u}),l&&Qt(ct,{})]}),Qt(tt,{id:ge,placeholder:v,value:L,type:g,disabled:U,"aria-label":Ke,"aria-describedby":Ze,"aria-invalid":E?"true":void 0}),p&&Qt(De,{valid:S,invalid:E,loading:O,disabled:U}),Qt($e,{loading:O,disabled:U}),s&&Qt(et,{loading:O,disabled:U,readonly:be,value:L}),x&&cl(hi,{children:[l&&Qt(ct,{}),Qt(dt,{children:x})]})]})};ie.states=Yp;ie.options=Qp;ie.className=xi;ie.defaultOptions=ar;ie.moduleName=dl;ie.folderName=Ti;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 ra=ie;import{jsx as Zp}from"react/jsx-runtime";var Ni=e=>Zp(ra,{...e});import{Fragment as AC,jsx as wC}from"react/jsx-runtime";import{Fragment as PC,jsx as HC}from"react/jsx-runtime";import{jsx as BC}from"react/jsx-runtime";import{jsx as pl}from"react/jsx-runtime";var jp=ie.states,em=ie.defaultOptions,tm=ie.options,om=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],am=[],la=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?pl(m,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[l]?pl(co,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;default:break}}),pl(Ni,{value:"Value",style:{width:300},...o,...a})};la.options=tm;la.states=jp;la.variants=am;la.defaultOptions=em;la.modifiers=om;import{jsx as Zt,jsxs as ml}from"react/jsx-runtime";var gi="k-actionsheet-titlebar",rm={},Be=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:s,input:p,inputValue:u,inputPlaceholder:x,adaptive:g,titleId:L,children:v,...b}=e;return ml("div",{...b,className:r(e.className,gi),children:[ml("div",{className:"k-actionsheet-titlebar-group",children:[a&&Zt("div",{className:"k-actionsheet-actions",children:a}),!v&&ml("div",{className:"k-actionsheet-title",id:L,children:[t&&Zt("div",{className:"k-text-center",children:t}),o&&Zt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&Zt("div",{className:"k-actionsheet-title",id:L,children:v}),l&&Zt("div",{className:"k-actionsheet-actions",children:l})]}),(p||s)&&Zt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?Zt(ie,{value:u,placeholder:x,size:g?"large":"medium","aria-label":t||x||"Input"}):Zt(pt,{placeholder:"Filter",size:g?"large":"medium","aria-label":"Filter options"})})]})};Be.className=gi;Be.defaultOptions=rm;import{jsx as ul,jsxs as sm}from"react/jsx-runtime";var bl="k-actionsheet-view",lm=[],nm={},im={},Ao=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:s,titleId:p,...u}=e,x=l?.type===Be&&ul(Be,{adaptive:t,titleId:p,...l?.props}),g=s?.type===Yt&&ul(Yt,{...s?.props});return sm("div",{...u,className:r(e.className,bl,{[`${bl}-animated`]:o}),children:[x,ul("div",{className:"k-actionsheet-content",children:a}),g]})};Ao.states=lm;Ao.options=nm;Ao.className=bl;Ao.defaultOptions=im;var na="action-sheet",rr=na;var fl="overlay",ki=fl;import{jsx as mm}from"react/jsx-runtime";var Tl="k-overlay",dm=[],cm={themeColor:[T.undefined,T.light,T.dark,T.inverse]},pm={},jt=e=>{let{themeColor:t,...o}=e;return mm("div",{...o,className:r(e.className,Tl,A(Tl,{themeColor:t})),children:e.children})};jt.states=dm;jt.options=cm;jt.className=Tl;jt.defaultOptions=pm;jt.moduleName=fl;jt.folderName=ki;import{jsx as lr,jsxs as fm}from"react/jsx-runtime";var vi="k-actionsheet",um=[],bm={},ia={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},he=e=>{let{side:t=ia.side,fullscreen:o=ia.fullscreen,adaptive:a=ia.adaptive,overlay:l=ia.overlay,template:s,children:p,header:u,footer:x,id:g,...L}=e,v=g&&!s&&u?`${g}-title`:void 0;return fm("div",{className:"k-actionsheet-container",children:[l&&lr(jt,{}),lr(yt,{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:lr("div",{...L,id:g,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":v,className:r(e.className,vi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||lr(Ao,{header:u,footer:x,adaptive:a,titleId:v,...e,children:p})})})]})};he.states=um;he.options=bm;he.className=vi;he.defaultOptions=ia;he.moduleName=na;he.folderName=rr;he.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 Nm}from"react/jsx-runtime";var Li="k-actionsheet-container",Tm=[],hm={},xm={},Eo=e=>{let{children:t,...o}=e;return Nm("div",{...o,className:Li,children:t})};Eo.states=Tm;Eo.options=hm;Eo.className=Li;Eo.defaultOptions=xm;Eo.moduleName=na;Eo.folderName=rr;import{jsx as gm}from"react/jsx-runtime";var hl=e=>{let{...t}=e;return gm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as vm,jsx as sa,jsxs as xl}from"react/jsx-runtime";var Nl="k-actionsheet-item",km=[n.hover,n.focus,n.selected,n.disabled],eo=e=>{let{iconName:t,text:o,description:a,hover:l,focus:s,selected:p,disabled:u,...x}=e;return xl("span",{...x,className:r(e.className,Nl,I(Nl,{hover:l,focus:s,selected:p,disabled:u})),children:[!e.children&&sa(vm,{children:xl("span",{className:"k-actionsheet-action",children:[t&&sa("span",{className:"k-icon-wrap",children:sa(m,{className:"k-actionsheet-item-icon",icon:t})}),xl("span",{className:"k-actionsheet-item-text",children:[o&&sa("span",{className:"k-actionsheet-item-title",children:o}),a&&sa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};eo.states=km;eo.className=Nl;import{jsx as DM,jsxs as BM}from"react/jsx-runtime";import{jsx as FM}from"react/jsx-runtime";import{jsx as WM}from"react/jsx-runtime";import{jsx as QM}from"react/jsx-runtime";import{jsx as Se,jsxs as gl}from"react/jsx-runtime";var Lm=he.options,Cm=he.states,Mi={...he.defaultOptions,variant:"normal"},Mm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],ym=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],da=e=>{let{variant:t,modifiers:o,...a}={...Mi,...e},l={},s=gl(hl,{children:[Se(eo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Se(eo,{text:"Add to Favorites",iconName:"heart"}),Se(eo,{text:"Upload New",iconName:"upload",disabled:!0}),Se("hr",{className:"k-hr"}),Se(eo,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",u="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(x=>{switch(x){case"actions":l.actionsStart=!!o?.[x],l.actionsEnd=!!o?.[x];break;case"subtitle":l.subtitle=o?.[x]?p:void 0;break;case"footer":l.footer=!!o?.[x];break;default:break}}),t==="adaptive"?Se(he,{...a,adaptive:!0,fullscreen:l.fullScreen,header:Se(Be,{actionsStart:l.actionsStart?Se(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Se(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?gl(Yt,{alignment:"stretched",children:[Se(c,{text:"Cancel",size:"large",themeColor:"base"}),Se(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):Se(he,{...a,fullscreen:l.fullScreen,header:Se(Be,{actionsStart:l.actionsStart?Se(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Se(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?gl(Yt,{alignment:"stretched",children:[Se(c,{text:"Apply",themeColor:"primary"}),Se(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};da.options=Lm;da.states=Cm;da.variants=Mm;da.defaultOptions=Mi;da.modifiers=ym;import vl from"react";import{jsx as yi}from"react/jsx-runtime";var Sm="k-list-group-sticky-header",kl=e=>yi("div",{className:r(Sm,e.className),children:yi("div",{className:"k-list-header-text",children:e.children})});import{jsx as Am}from"react/jsx-runtime";var wm="k-no-data",nr=e=>{let{live:t,...o}=e;return Am("span",{...o,className:r(wm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var mo="list",Io=mo;import{jsx as Si,jsxs as wi}from"react/jsx-runtime";var Ll="k-list",Em=[],Im={size:[d.undefined,d.small,d.medium,d.large]},Rm={},q=e=>{let{size:t,virtualization:o,children:a,header:l,optionLabel:s,customValue:p,noData:u,screenReaders:x,...g}=e,v=vl.Children.toArray(a)[0],b=v?.props?.children?vl.Children.count(v.props.children):vl.Children.count(a);return wi("div",{...g,className:r(e.className,Ll,A(Ll,{size:t}),{"k-virtual-list":o}),children:[s,p,l&&Si(kl,{children:l}),a||(u!==void 0?u:Si(nr,{live:!0,children:"No data found."})),x&&a&&wi(nr,{className:"k-sr-only",live:!0,children:[b," items found."]})]})};q.states=Em;q.options=Im;q.className=Ll;q.defaultOptions=Rm;q.moduleName=mo;q.folderName=Io;q.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 Gm}from"react/jsx-runtime";var Ai="k-list-container",Om=[],Hm={},Pm={},Ro=e=>{let{...t}=e;return Gm("div",{...t,className:r(e.className,Ai),children:e.children})};Ro.states=Om;Ro.options=Hm;Ro.className=Ai;Ro.defaultOptions=Pm;Ro.moduleName=mo;Ro.folderName=Io;var uo="checkbox",Oo=uo;import{jsx as Ei}from"react/jsx-runtime";var ir="k-checkbox",Km=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Dm={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full]},Bm={},Xe=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:s,disabled:p,invalid:u,valid:x,required:g,size:L,rounded:v,...b}=e;return Ei("span",{className:"k-checkbox-wrap",children:Ei("input",{...b,id:t,type:"checkbox",defaultChecked:o,required:g,disabled:p||void 0,"aria-invalid":u?"true":void 0,className:r(e.className,ir,A(ir,{size:L,rounded:v}),I(ir,{hover:l,focus:s,disabled:p,invalid:u,valid:x,indeterminate:a,checked:o}))})})};Xe.states=Km;Xe.options=Dm;Xe.className=ir;Xe.defaultOptions=Bm;Xe.moduleName=uo;Xe.folderName=Oo;Xe.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 wt=Xe;import{jsx as Um}from"react/jsx-runtime";var Ii="k-checkbox-list",_m=[],zm={},Ri={layout:"vertical"},We=e=>{let{layout:t=Ri.layout,...o}=e;return Um("ul",{...o,className:r(e.className,Ii,{[`k-list-${t}`]:t}),children:e.children})};We.states=_m;We.options=zm;We.className=Ii;We.defaultOptions=Ri;We.moduleName=uo;We.folderName=Oo;import{jsx as Xm}from"react/jsx-runtime";var Oi="k-checkbox-list-item",Fm=[],Vm={},$m={},_e=e=>{let{...t}=e;return Xm("li",{...t,className:r(e.className,Oi),children:e.children})};_e.states=Fm;_e.options=Vm;_e.className=Oi;_e.defaultOptions=$m;_e.moduleName=uo;_e.folderName=Oo;import{Fragment as Wm,jsx as Hi,jsxs as Jm}from"react/jsx-runtime";var Gt=({children:e,id:t,...o})=>Jm(Wm,{children:[Hi(wt,{id:t,...o}),Hi("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as nS,jsx as lS,jsxs as iS}from"react/jsx-runtime";import{Fragment as mS,jsx as pS,jsxs as uS}from"react/jsx-runtime";import{Fragment as xS,jsx as hS,jsxs as NS}from"react/jsx-runtime";import{jsx as LS}from"react/jsx-runtime";import{jsx as SS}from"react/jsx-runtime";import{jsx as IS}from"react/jsx-runtime";import{jsx as mt,jsxs as Pi}from"react/jsx-runtime";var qm=We.options,Ym=We.states,Qm={...We.defaultOptions,variant:"vertical"},Zm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],jm=[],ca=e=>{let{variant:t,...o}=e;return t==="horizontal"?Pi(We,{layout:"horizontal",...o,children:[mt(_e,{children:mt(Gt,{id:"first",defaultChecked:!0,children:"Label"})}),mt(_e,{children:mt(Gt,{id:"second",children:"Label"})}),mt(_e,{children:mt(Gt,{id:"third",children:"Label"})})]}):Pi(We,{...o,children:[mt(_e,{children:mt(Gt,{id:"first",defaultChecked:!0,children:"Label"})}),mt(_e,{children:mt(Gt,{id:"second",children:"Label"})}),mt(_e,{children:mt(Gt,{id:"third",children:"Label"})})]})};ca.options=qm;ca.states=Ym;ca.variants=Zm;ca.defaultOptions=Qm;ca.modifiers=jm;import{jsx as lu}from"react/jsx-runtime";var eu=wt.options,tu=wt.states,ou=wt.defaultOptions,au=[],ru=[],pa=e=>lu(Gt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});pa.options=eu;pa.states=tu;pa.variants=au;pa.defaultOptions=ou;pa.modifiers=ru;import{jsx as bo,jsxs as du}from"react/jsx-runtime";var Cl="k-list-item",nu=[n.hover,n.focus,n.selected,n.disabled],iu={},su={},z=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:s,showCheckbox:p,checked:u,hover:x,focus:g,selected:L,disabled:v,actions:b,description:w,id:S,...E}=e,H=t||e.children;return du("li",{...E,id:S,role:a?"presentation":"option",tabIndex:a?void 0:g?0:-1,"aria-selected":!a&&L?"true":a?void 0:"false","aria-disabled":!a&&v?"true":void 0,className:r(e.className,a?"k-list-group-item":Cl,I(Cl,{hover:x,focus:g,disabled:v,selected:L})),children:[p&&bo(Xe,{checked:u}),l&&bo("span",{className:"k-list-item-icon-wrapper",children:bo(m,{icon:l,className:r("k-list-item-icon",s)})}),bo("span",{className:"k-list-item-text",children:H}),b&&bo("div",{className:"k-list-item-actions",children:b}),w&&bo("span",{className:"k-list-item-description",children:w}),o&&o!==""&&bo("div",{className:"k-list-item-group-label",children:o})]})};z.states=nu;z.options=iu;z.className=Cl;z.defaultOptions=su;z.moduleName=mo;z.folderName=Io;z.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 pu}from"react/jsx-runtime";var cu="k-list-ul",Kt=e=>{let{children:t,role:o,id:a,...l}=e;return pu("ul",{...l,id:a,role:o,className:r(cu,e.className),children:t})};Kt.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 Ml,jsxs as uu}from"react/jsx-runtime";var mu="k-list-content",le=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:s,...p}=e;return uu("div",{...p,className:r(mu,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:Ml(Kt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&Ml("div",{className:"k-height-container",children:Ml("div",{})})]})};le.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 Nw,jsx as xw,jsxs as gw}from"react/jsx-runtime";import{jsx as yl,jsxs as fu}from"react/jsx-runtime";var bu="k-list-group-item",fo=e=>{let{groupIconName:t,...o}=e;return fu("li",{...o,role:"presentation",className:r(bu,e.className),children:[t&&yl("span",{className:"k-list-item-icon-wrapper",children:yl(m,{icon:t,className:"k-list-item-icon"})}),yl("span",{className:"k-list-item-text",children:e.children})]})};fo.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 Nu}from"react/jsx-runtime";var Sl="k-list-optionlabel",Tu=[n.hover,n.focus,n.selected,n.disabled],hu={},xu={},sr=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...p}=e;return Nu("div",{...p,className:r(Sl,I(Sl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};sr.states=Tu;sr.options=hu;sr.className=Sl;sr.defaultOptions=xu;import{jsx as Lu}from"react/jsx-runtime";var wl="k-list-custom-value",gu=[n.hover,n.focus,n.selected,n.disabled],ku={},vu={},to=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...p}=e;return Lu("div",{...p,className:r(wl,I(wl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};to.states=gu;to.options=ku;to.className=wl;to.defaultOptions=vu;import{Fragment as Gw,jsx as Pw,jsxs as Kw}from"react/jsx-runtime";import{Fragment as Fw,jsx as Uw,jsxs as Vw}from"react/jsx-runtime";import{Fragment as Qw,jsx as qw,jsxs as Yw}from"react/jsx-runtime";import{Fragment as rA,jsx as oA,jsxs as aA}from"react/jsx-runtime";import{jsx as sA}from"react/jsx-runtime";import{Fragment as bA,jsx as uA,jsxs as fA}from"react/jsx-runtime";var Gi="dropdown-list",Ki="dropdownlist";import{Fragment as yu,jsx as ze,jsxs as Al}from"react/jsx-runtime";var Di="k-dropdownlist",Cu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Mu={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},El={showValue:!0,arrowIconName:"caret-alt-down"},se=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=El.arrowIconName,showValue:s=El.showValue,valueIconName:p,prefix:u,suffix:x,value:g,placeholder:L,hover:v,focus:b,valid:w,invalid:S,required:E,loading:H,disabled:O,readonly:U,popup:be,opened:ge,adaptive:Ke,adaptiveSettings:Ze,adaptiveTitle:je,adaptiveSubtitle:So,adaptiveFilter:Ar,...Xa}=e;return Al(yu,{children:[Al(Ct,{...Xa,size:t,rounded:o,fillMode:a,hover:v,focus:b,valid:w,invalid:S,required:E,loading:H,disabled:O,readonly:U,className:r(e.className,Di,{"k-icon-picker":!s&&p}),children:[ze(st,{children:u}),ze(po,{placeholder:L,value:g,showValue:s,valueIconName:p}),ze(De,{valid:w,invalid:S,loading:H,disabled:O}),ze($e,{loading:H,disabled:O}),ze(dt,{children:x}),ze(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":L||"Toggle dropdown"})]}),ge&&be&&ze(pe,{className:"k-list-container k-dropdownlist-popup",children:be}),Ke&&ze(he,{adaptive:!0,...Ze,header:ze(Be,{actionsEnd:ze(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Ar,inputValue:g,inputPlaceholder:L,title:je,subtitle:So}),children:ze("div",{className:"k-list-container",children:ze(q,{size:"large",children:Al(le,{children:[ze(z,{text:"List item"}),ze(z,{text:"List item"}),ze(z,{text:"List item"})]})})})})]})};se.states=Cu;se.options=Mu;se.className=Di;se.defaultOptions=El;se.moduleName=Gi;se.folderName=Ki;import{jsx as WA}from"react/jsx-runtime";import{jsx as ZA,jsxs as jA}from"react/jsx-runtime";import{Fragment as iE,jsx as lE,jsxs as nE}from"react/jsx-runtime";import{jsx as pE}from"react/jsx-runtime";import{jsx as TE,jsxs as hE}from"react/jsx-runtime";import{Fragment as ME,jsx as LE,jsxs as CE}from"react/jsx-runtime";import{Fragment as Ru,jsx as oo,jsxs as Bi}from"react/jsx-runtime";var Su=se.states,wu=se.defaultOptions,Au=se.options,Eu=[{name:"opened",title:"Opened"}],Iu=[],ua=e=>{let{modifiers:t,...o}=e,a={},l=Bi(Ru,{children:[oo("div",{className:"k-list-filter",children:oo(pt,{})}),oo(q,{style:{width:300},size:o.size,children:Bi(le,{children:[oo(z,{children:"List item"}),oo(z,{children:"List item"}),oo(z,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?l:void 0)}),oo("div",{children:oo(se,{placeholder:"Value",style:{width:300},...o,...a})})};ua.options=Au;ua.states=Su;ua.variants=Iu;ua.defaultOptions=wu;ua.modifiers=Eu;import{jsx as _i,jsxs as Ku}from"react/jsx-runtime";var zi="k-spin-button",Pu=[],Gu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Il={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ao=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=Il.increaseLabel,decreaseLabel:s=Il.decreaseLabel,...p}=e;return Ku("span",{...p,className:r(zi,e.className),children:[_i(c,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),_i(c,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};ao.states=Pu;ao.options=Gu;ao.className=zi;ao.defaultOptions=Il;ao.moduleName=null;ao.folderName=null;var Ui="numeric-textbox",Fi="numerictextbox";import{Fragment as Vi,jsx as Dt,jsxs as Rl}from"react/jsx-runtime";var $i="k-numerictextbox",Du=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Bu={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},dr={showSpinButton:!0,showClearButton:!0,separators:!0},F=e=>{let{size:t,rounded:o,fillMode:a,separators:l=dr.separators,showClearButton:s=dr.showClearButton,showSpinButton:p=dr.showSpinButton,prefix:u,suffix:x,value:g,placeholder:L,hover:v,focus:b,valid:w,invalid:S,required:E,loading:H,disabled:O,readonly:U,id:be,"aria-label":ge,"aria-describedby":Ke,...Ze}=e;return Rl(ke,{...Ze,size:t,rounded:o,fillMode:a,hover:v,focus:b,valid:w,invalid:S,required:E,loading:H,disabled:O,readonly:U,className:r(e.className,$i),children:[u&&Rl(Vi,{children:[Dt(st,{children:u}),l&&Dt(ct,{})]}),Dt(tt,{id:be,placeholder:L,value:g,role:"spinbutton",disabled:O,"aria-label":ge,"aria-describedby":Ke,"aria-invalid":S?"true":void 0}),Dt(De,{valid:w,invalid:S,loading:H,disabled:O}),Dt($e,{loading:H,disabled:O}),s&&Dt(et,{loading:H,disabled:O,readonly:U,value:g}),x&&Rl(Vi,{children:[l&&Dt(ct,{}),Dt(dt,{children:x})]}),p&&Dt(ao,{className:"k-input-spinner",size:t,fillMode:a,disabled:O})]})};F.states=Du;F.options=Bu;F.className=$i;F.defaultOptions=dr;F.moduleName=Ui;F.folderName=Fi;F.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 ba=F;import{jsx as _u}from"react/jsx-runtime";var Xi=e=>_u(ba,{...e});import{Fragment as cI,jsx as dI}from"react/jsx-runtime";import{Fragment as TI,jsx as fI}from"react/jsx-runtime";import{jsx as gI}from"react/jsx-runtime";import{jsx as Ol}from"react/jsx-runtime";var zu=F.states,Uu=F.defaultOptions,Fu=F.options,Vu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],$u=[],fa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Ol(se,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[l]?Ol(tl,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;case"spin-button":a.showSpinButton=t?.[l];break;default:break}}),Ol(Xi,{value:"Value",style:{width:300},...o,...a})};fa.options=Fu;fa.states=zu;fa.variants=$u;fa.defaultOptions=Uu;fa.modifiers=Vu;var Hl="pager",Wi=Hl;import{Fragment as Ji,jsx as Je,jsxs as Ho}from"react/jsx-runtime";var cr="k-pager",Xu=[n.focus,n.disabled],Wu={size:[d.undefined,d.small,d.medium,d.large]},ot={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},Te=e=>{let{responsive:t=ot.responsive,size:o,pagerSizeInfo:a=ot.pagerSizeInfo,pageTitleInfo:l=ot.pageTitleInfo,maxPagesInfo:s=ot.maxPagesInfo,itemsPerPage:p=ot.itemsPerPage,maxPages:u=ot.maxPages,currentPage:x=ot.currentPage,previousNext:g=ot.previousNext,type:L=ot.type,pageSizes:v=ot.pageSizes,refresh:b=ot.refresh,info:w=ot.info,focus:S,disabled:E,dir:H,...O}=e,U=[],be=[];for(let ge=1;ge<=u;ge++)U.push(Je(c,{selected:ge===x,fillMode:"flat",themeColor:"primary",size:o,children:ge})),be.push(Je("option",{selected:ge===x,children:ge}));return Ho("div",{dir:H,...O,className:r(e.className,cr,A(cr,{size:o}),I(cr,{focus:S,disabled:E}),{"k-pager-responsive":t}),children:[Ho("div",{className:r("k-pager-numbers-wrap"),children:[g&&Ho(Ji,{children:[Je(c,{className:r("k-pager-nav","k-pager-first"),disabled:x===1&&!E,fillMode:"flat",size:o,icon:H==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),Je(c,{className:r("k-pager-nav"),disabled:x===1&&!E,fillMode:"flat",size:o,icon:H==="rtl"?"caret-alt-right":"caret-alt-left"})]}),L==="numeric"&&Je("div",{className:r("k-pager-numbers"),children:U}),L==="input"&&Ho("span",{className:r("k-pager-input"),children:[l&&Je("span",{children:"Page"}),Je(F,{value:`${x}`,size:o,showSpinButton:!1,showClearButton:!1}),Je("span",{children:s&&`of ${u}`})]}),g&&Ho(Ji,{children:[Je(c,{className:r("k-pager-nav"),disabled:x===u&&!E,fillMode:"flat",size:o,icon:H==="rtl"?"caret-alt-left":"caret-alt-right"}),Je(c,{className:r("k-pager-nav","k-pager-last"),disabled:x===u&&!E,fillMode:"flat",size:o,icon:H==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),v&&Ho("span",{className:r("k-pager-sizes"),children:[Je(se,{value:`${p}`,size:o}),a&&Je("span",{children:"items per page"})]}),b&&Je(c,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),w&&Je("span",{className:r("k-pager-info"),children:w})]})};Te.states=Xu;Te.options=Wu;Te.className=cr;Te.defaultOptions=ot;Te.moduleName=Hl;Te.folderName=Wi;import{jsx as XI}from"react/jsx-runtime";import{jsx as YI}from"react/jsx-runtime";import{jsx as eR}from"react/jsx-runtime";import{jsx as qi}from"react/jsx-runtime";var Ju=Te.options,qu=Te.states,Yu={...Te.defaultOptions,variant:"numeric"},Qu=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Zu=[],Ta=e=>{let{variant:t,...o}=e;return t==="input"?qi(Te,{...o,type:"input"}):qi(Te,{...o,type:"numeric"})};Ta.options=Ju;Ta.states=qu;Ta.variants=Qu;Ta.defaultOptions=Yu;Ta.modifiers=Zu;import{jsx as ju}from"react/jsx-runtime";var Yi="k-grid-pager",At=e=>ju(Te,{...e,className:r(e.className,Yi),children:e.children});At.className=Yi;At.moduleName=Q;At.folderName=j;var Pl="button",Qi=Pl;import{jsx as ab}from"react/jsx-runtime";var ha="k-button-group",eb=[n.disabled],tb={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},ob={},D=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return ab("div",{role:"group",...l,className:r(e.className,ha,A(ha,{fillMode:t}),I(ha,{disabled:o}),{[`${ha}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};D.states=eb;D.options=tb;D.className=ha;D.defaultOptions=ob;D.moduleName=Pl;D.folderName=Qi;D.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as SR,jsx as yR,jsxs as wR}from"react/jsx-runtime";import{Fragment as HR,jsx as OR,jsxs as PR}from"react/jsx-runtime";import{Fragment as zR,jsx as _R,jsxs as UR}from"react/jsx-runtime";import{Fragment as JR,jsx as WR,jsxs as qR}from"react/jsx-runtime";import{Fragment as tO,jsx as eO,jsxs as oO}from"react/jsx-runtime";import{Fragment as sO,jsx as iO,jsxs as dO}from"react/jsx-runtime";import{jsx as Bt,jsxs as Gl}from"react/jsx-runtime";var rb={...c.options,...D.options},lb=c.states,nb={...c.defaultOptions,...D.defaultOptions,variant:"text-button"},ib=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],sb=[],xa=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Gl(D,{fillMode:a.fillMode,className:o,children:[Bt(c,{...a,icon:"star"}),Bt(c,{...a,icon:"star"}),Bt(c,{...a,icon:"star"})]}):t==="icon-text-button"?Gl(D,{fillMode:a.fillMode,className:o,children:[Bt(c,{...a,icon:"star",children:"First"}),Bt(c,{...a,icon:"star",children:"Middle"}),Bt(c,{...a,icon:"star",children:"Last"})]}):Gl(D,{fillMode:a.fillMode,className:o,children:[Bt(c,{...a,children:"First"}),Bt(c,{...a,children:"Middle"}),Bt(c,{...a,children:"Last"})]})};xa.options=rb;xa.states=lb;xa.variants=ib;xa.defaultOptions=nb;xa.modifiers=sb;import{jsx as Zi,jsxs as pb}from"react/jsx-runtime";var ji="k-color-preview",db=[],cb={},ro=e=>{let{color:t,iconName:o,...a}=e;return pb("span",{...a,className:r(e.className,ji,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Zi(m,{icon:o,className:"k-color-preview-icon"}),Zi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};ro.states=db;ro.options=cb;ro.className=ji;var Kl="slider",es=Kl;import{jsx as Po,jsxs as Dl}from"react/jsx-runtime";var Na="k-slider",mb=[n.hover,n.focus,n.active,n.disabled,n.readonly],ub={},bt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},me=e=>{let{type:t=bt.type,orientation:o=bt.orientation,gradientType:a=bt.gradientType,readonly:l=bt.readonly,disabled:s=bt.disabled,handlePosition:p=bt.handlePosition,showButtons:u=bt.showButtons,showTicks:x=bt.showTicks,value:g=bt.value,min:L=bt.min,max:v=bt.max,startValue:b,endValue:w,hover:S,focus:E,active:H,trackStyle:O,dir:U,...be}=e,Ke=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Ze,je;return o==="horizontal"?(Ze=U==="rtl"?"caret-alt-left":"caret-alt-right",je=U==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(Ze="caret-alt-up",je="caret-alt-down"),Dl("div",{...be,className:r(Na,e.className,I(Na,{readonly:l,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:U,children:[u&&Po(c,{className:"k-button-decrease",rounded:"full",icon:je,tabIndex:-1,title:"Decrease"}),Dl("div",{className:"k-slider-track-wrap",children:[x&&Po("ul",{className:"k-reset k-slider-items",children:e.children}),Dl("div",{className:"k-slider-track",style:O,children:[Po("div",{className:"k-slider-selection"}),t==="range"&&Po("span",{className:r("k-draghandle","k-draghandle-start",I(Na,{hover:S,focus:E,active:H})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":b??L,"aria-valuemin":L,"aria-valuemax":w??v,"aria-orientation":Ke,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":be["aria-label"]?`${be["aria-label"]} start`:"Range start"}),Po("span",{className:r("k-draghandle",`k-draghandle-${p}`,I(Na,{hover:S,focus:E,active:H})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?w??v:g,"aria-valuemin":t==="range"?b??L:L,"aria-valuemax":v,"aria-orientation":Ke,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?be["aria-label"]?`${be["aria-label"]} end`:"Range end":be["aria-label"]})]})]}),u&&Po(c,{className:"k-button-increase",rounded:"full",icon:Ze,tabIndex:-1,title:"Increase"})]})};me.states=mb;me.options=ub;me.className=Na;me.defaultOptions=bt;me.moduleName=Kl;me.folderName=es;me.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 ts}from"react/jsx-runtime";var os="k-tick",bb=[],fb={},as={label:!1},G=e=>{let{style:t,label:o=as.label,orientation:a,large:l,text:s,...p}=e;return ts("li",{...p,className:r(e.className,os,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&ts("span",{className:"k-label",children:s})})};G.states=bb;G.options=fb;G.className=os;G.defaultOptions=as;import{Fragment as Tb,jsx as ft,jsxs as hb}from"react/jsx-runtime";var rs=e=>ft(me,{"aria-label":e["aria-label"]||"Slider",children:hb(Tb,{children:[ft(G,{className:"k-first",label:!0,large:!0,text:"0"}),ft(G,{}),ft(G,{}),ft(G,{}),ft(G,{}),ft(G,{label:!0,large:!0,text:"5"}),ft(G,{}),ft(G,{}),ft(G,{}),ft(G,{}),ft(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as xb,jsx as Tt,jsxs as Nb}from"react/jsx-runtime";var ls=e=>Tt(me,{children:Nb(xb,{children:[Tt(G,{className:"k-first",label:!0,large:!0,text:"0"}),Tt(G,{}),Tt(G,{}),Tt(G,{}),Tt(G,{}),Tt(G,{label:!0,large:!0,text:"5"}),Tt(G,{}),Tt(G,{}),Tt(G,{}),Tt(G,{}),Tt(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as qO,jsx as JO,jsxs as YO}from"react/jsx-runtime";import{Fragment as t0,jsx as e0,jsxs as o0}from"react/jsx-runtime";import{jsx as gb}from"react/jsx-runtime";var Bl=e=>gb(me,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as kb}from"react/jsx-runtime";var _l=e=>kb(me,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as u0,jsx as m0,jsxs as b0}from"react/jsx-runtime";import{Fragment as N0,jsx as x0,jsxs as g0}from"react/jsx-runtime";import{jsx as Et,jsxs as ns}from"react/jsx-runtime";var vb=me.options,Lb=me.states,is={...me.defaultOptions,variant:"horizontal",label:!0},Cb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Mb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],ga=e=>{let{variant:t,modifiers:o,...a}={...is,...e},l={};Object.keys(o||{}).forEach(g=>{switch(g){case"button":{l.showButtons=!!o?.[g];break}case"label":{l.label=!!o?.[g];break}case"tick":{l.showTicks=!!o?.[g];break}}});let{label:s=!0,showButtons:p,showTicks:u}=l,x={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?ns(ls,{showTicks:u,showButtons:p,style:{height:"300px",...x},...a,children:[Et(G,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Et(G,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Et(G,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Et(G,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Et(G,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):ns(rs,{showTicks:u,showButtons:p,style:{width:"400px",...x},...a,children:[Et(G,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Et(G,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Et(G,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Et(G,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Et(G,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};ga.options=vb;ga.states=Lb;ga.variants=Cb;ga.defaultOptions=is;ga.modifiers=Mb;import{Fragment as ka,jsx as $,jsxs as xe}from"react/jsx-runtime";var ss="k-colorgradient-inputs",yb=[],Sb={size:[d.undefined,d.small,d.medium,d.large]},ds={mode:"rgba"},Go=e=>{let{mode:t=ds.mode,size:o,...a}=e;return xe("div",{...a,className:r(ss,"k-hstack"),children:[$("div",{className:"k-vstack",children:$(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&xe(ka,{children:[xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),$("label",{className:"k-colorgradient-input-label",children:"R"})]}),xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),$("label",{className:"k-colorgradient-input-label",children:"G"})]}),xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),$("label",{className:"k-colorgradient-input-label",children:"B"})]}),xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),$("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&xe(ka,{children:[xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),$("label",{className:"k-colorgradient-input-label",children:"R"})]}),xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),$("label",{className:"k-colorgradient-input-label",children:"G"})]}),xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),$("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&xe(ka,{children:[xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),$("label",{className:"k-colorgradient-input-label",children:"H"})]}),xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),$("label",{className:"k-colorgradient-input-label",children:"S"})]}),xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),$("label",{className:"k-colorgradient-input-label",children:"V"})]}),xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),$("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&xe(ka,{children:[xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),$("label",{className:"k-colorgradient-input-label",children:"H"})]}),xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),$("label",{className:"k-colorgradient-input-label",children:"S"})]}),xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),$("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&$(ka,{children:xe("div",{className:"k-vstack k-flex-1",children:[$(ie,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),$("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Go.states=yb;Go.options=Sb;Go.className=ss;Go.defaultOptions=ds;import{jsx as To,jsxs as ho}from"react/jsx-runtime";var cs="k-colorgradient-color-contrast",wb=[],Ab={},Eb={},Ko=()=>ho("div",{className:r(cs,"k-vbox"),children:[ho("div",{className:"k-contrast-ratio",children:[To("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),ho("span",{className:"k-contrast-validation !k-text-success",children:[To(m,{icon:"check"}),To(m,{icon:"check"})]})]}),ho("div",{children:[To("span",{children:"AA: 4.5"}),ho("span",{className:"k-contrast-validation !k-text-success",children:["Pass",To(m,{icon:"check"})]})]}),ho("div",{children:[To("span",{children:"AAA: 7.0"}),ho("span",{className:"k-contrast-validation !k-text-error",children:["Fail",To(m,{icon:"x"})]})]})]});Ko.states=wb;Ko.options=Ab;Ko.className=cs;Ko.defaultOptions=Eb;var ps="color-gradient",ms="colorgradient";import{jsx as ht,jsxs as va}from"react/jsx-runtime";var pr="k-colorgradient",Ib=[n.hover,n.focus,n.readonly,n.disabled],Rb={size:[d.undefined,d.small,d.medium,d.large]},It={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"},we=e=>{let{size:t,mode:o=It.mode,readonly:a=It.readonly,disabled:l=It.disabled,gradientStyle:s=It.gradientStyle,dragHandleStyle:p=It.dragHandleStyle,alphaStyle:u=It.alphaStyle,alphaStyleHorizontal:x=It.alphaStyleHorizontal,contrast:g=It.contrast,dir:L,hover:v,focus:b,hoverHandle:w,focusHandle:S,canvasOrientation:E=It.canvasOrientation,role:H,tabIndex:O,...U}=e;return va("div",{...U,role:H??"textbox","aria-label":H==="none"?void 0:"Color gradient",tabIndex:O??0,"aria-disabled":l?"true":void 0,className:r(e.className,pr,A(pr,{size:t}),I(pr,{hover:v,focus:b,readonly:a,disabled:l})),dir:L,children:[!E||E==="horizontal"&&va("div",{className:"k-colorgradient-canvas k-hstack",children:[ht("div",{className:"k-hsv-rectangle",style:s,children:ht("div",{className:"k-hsv-gradient",children:ht("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":w,"k-focus":S}),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})})}),va("div",{className:"k-hsv-controls k-hstack",children:[ht(_l,{className:"k-hue-slider",hover:w,focus:S}),o!=="rgb"&&o!=="hsv"&&ht(_l,{className:"k-alpha-slider",hover:w,focus:S,trackStyle:u})]})]}),E==="vertical"&&va("div",{className:"k-colorgradient-canvas k-vstack",children:[ht("div",{className:"k-hsv-rectangle",style:s,children:ht("div",{className:"k-hsv-gradient",children:ht("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":w,"k-focus":S}),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})})}),va("div",{className:"k-hsv-controls k-vstack",children:[ht(Bl,{className:"k-hue-slider",hover:w,focus:S}),o!=="rgb"&&o!=="hsv"&&ht(Bl,{className:"k-alpha-slider",hover:w,focus:S,trackStyle:x})]})]}),ht(Go,{mode:e.mode,size:t}),g&&ht(Ko,{})]})};we.states=Ib;we.options=Rb;we.className=pr;we.defaultOptions=It;we.moduleName=ps;we.folderName=ms;we.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 Ob}from"react/jsx-runtime";var mr=e=>Ob(we,{...e});import{jsx as cH}from"react/jsx-runtime";import{jsx as bH}from"react/jsx-runtime";import{jsx as zl}from"react/jsx-runtime";var Hb=we.options,Pb=we.states,Gb={...we.defaultOptions,variant:"rgba"},Kb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Db=[],La=e=>{let{variant:t,...o}=e;switch(t){case"hex":return zl(mr,{...o,mode:t});case"rgb":return zl(mr,{...o,mode:t});default:return zl(mr,{...o,mode:t})}};La.options=Hb;La.states=Pb;La.variants=Kb;La.defaultOptions=Gb;La.modifiers=Db;import{jsx as Bb}from"react/jsx-runtime";var Ul=e=>Bb("tr",{role:"row",children:e.children});import{jsx as Ub}from"react/jsx-runtime";var Fl="k-colorpalette-tile",_b=[n.hover,n.focus,n.selected],zb={},Do=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:s,...p}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Ub("td",{...p,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,Fl,I(Fl,{hover:a,focus:l,selected:s})),style:u})};Do.states=_b;Do.options=zb;Do.className=Fl;var us="color-palette",bs="colorpalette";import{jsx as Ca}from"react/jsx-runtime";var ur="k-colorpalette",Fb=[n.disabled],Vb={size:[d.undefined,d.small,d.medium,d.large]},fs={columns:10},qe=e=>{let{size:t,palette:o,columns:a=fs.columns,tileSize:l,disabled:s,...p}=e,u=[];if(o){let x=a||o.columns,g=o.colors?o.colors:o;Array.isArray(g)&&Array.from({length:Math.ceil(g.length/x)},(L,v)=>{let b=[];g.slice(v*x,(v+1)*x).map((S,E)=>{b.push(Ca(Do,{color:S,tileSize:l},E))});let w=Ca(Ul,{children:b},v);u.push(w)})}return Ca("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,ur,I(ur,{disabled:s}),A(ur,{size:t})),children:Ca("table",{className:"k-colorpalette-table",role:"none",children:Ca("tbody",{children:u.length>0?u:e.children})})})};qe.states=Fb;qe.options=Vb;qe.className=ur;qe.defaultOptions=fs;qe.moduleName=us;qe.folderName=bs;qe.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 br=qe;var Ma={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as $b}from"react/jsx-runtime";var Ts=e=>$b(br,{palette:Ma.basic,...e});import{jsx as qH}from"react/jsx-runtime";import{jsx as tP,jsxs as oP}from"react/jsx-runtime";import{jsx as Zb}from"react/jsx-runtime";var Xb=qe.options,Wb=qe.states,Jb={...qe.defaultOptions,variant:"basic"},qb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Yb={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}},Qb=[],ya=e=>{let{variant:t="basic",...o}=e,a=Yb[t];return Zb(Ts,{columns:a.columns,palette:a,...o})};ya.options=Xb;ya.states=Wb;ya.variants=qb;ya.defaultOptions=Jb;ya.modifiers=Qb;var hs="color-editor",xs="coloreditor";import{jsx as xt,jsxs as Bo}from"react/jsx-runtime";var fr="k-coloreditor",jb=[n.focus],ef={size:[d.undefined,d.small,d.medium,d.large]},Sa={view:"gradient",palette:Ma.office,actionButtons:!0,canvasOrientation:"horizontal"},Ne=e=>{let{size:t,view:o=Sa.view,palette:a=Sa.palette,color:l,currentColor:s,focus:p,focusView:u,dir:x,group:g,actionButtons:L=Sa.actionButtons,canvasOrientation:v=Sa.canvasOrientation,...b}=e;return Bo("div",{...b,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",fr,A(fr,{size:t}),I(fr,{focus:p})),dir:x,children:[Bo("div",{className:"k-coloreditor-header k-hstack",children:[xt("div",{className:"k-coloreditor-header-actions k-hstack",children:g&&Bo(D,{fillMode:"flat",children:[xt(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),xt(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),xt("div",{className:"k-spacer"}),Bo("div",{className:"k-coloreditor-header-actions k-hstack",children:[xt(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Bo("div",{className:"k-coloreditor-preview k-vstack",children:[xt(ro,{className:"k-coloreditor-preview-color",color:l}),xt(ro,{className:"k-coloreditor-current-color",color:s})]})]})]}),xt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?xt(we,{focus:u,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):xt(qe,{palette:a,size:t})}),L&&Bo(St,{className:"k-coloreditor-footer",alignment:"start",children:[xt(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),xt(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Ne.states=jb;Ne.options=ef;Ne.className=fr;Ne.defaultOptions=Sa;Ne.moduleName=hs;Ne.folderName=xs;Ne.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 _o=Ne;import{jsx as IP}from"react/jsx-runtime";import{jsx as PP}from"react/jsx-runtime";import{jsx as tf}from"react/jsx-runtime";var Ns=e=>tf(_o,{group:!0,currentColor:"fuchsia",...e});import{jsx as of}from"react/jsx-runtime";var gs=e=>of(_o,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as ks}from"react/jsx-runtime";var af=Ne.options,rf=Ne.states,lf={...Ne.defaultOptions,variant:"gradient"},nf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],sf=[],wa=e=>{let{variant:t,...o}=e;return t==="palette"?ks(gs,{...o,color:"white"}):ks(Ns,{...o,color:"rgba(183, 118 , 118, 1.00)"})};wa.options=af;wa.states=rf;wa.variants=nf;wa.defaultOptions=lf;wa.modifiers=sf;var vs="color-picker",Ls="colorpicker";import{Fragment as pf,jsx as Nt,jsxs as Vl}from"react/jsx-runtime";var Cs="k-colorpicker",df=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],cf={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Ms={arrowIconName:"caret-alt-down"},at=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Ms.arrowIconName,prefix:s,suffix:p,value:u,placeholder:x,hover:g,focus:L,valid:v,invalid:b,required:w,disabled:S,valueIconName:E,popup:H,opened:O,adaptive:U,adaptiveSettings:be,adaptiveTitle:ge,adaptiveSubtitle:Ke,...Ze}=e,je="colorpicker-popup";return Vl(pf,{children:[Vl(Ct,{...Ze,size:t,rounded:o,fillMode:a,hover:g,focus:L,valid:v,invalid:b,required:w,disabled:S,role:"combobox","aria-haspopup":"dialog","aria-expanded":O?"true":"false","aria-controls":O||U?je:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":S?"true":void 0,className:r(e.className,Cs,"k-icon-picker"),children:[Nt(st,{children:s}),Nt(po,{placeholder:x,value:u,showValue:!1,valueIcon:Nt(ro,{className:"k-value-icon",color:u,iconName:E}),valueIconName:E}),Nt(dt,{children:p}),Nt(c,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:S})]}),O&&H&&Nt(pe,{id:je,className:"k-colorpicker-popup",children:H}),U&&Nt(he,{adaptive:!0,id:je,...be,header:Nt(Be,{actionsEnd:Nt(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ge,subtitle:Ke}),footer:Vl(Yt,{children:[Nt(c,{text:"Cancel",size:"large"}),Nt(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:Nt(Ne,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};at.states=df;at.options=cf;at.className=Cs;at.defaultOptions=Ms;at.moduleName=vs;at.folderName=Ls;at.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var lo=at;import{jsx as mf}from"react/jsx-runtime";var Tr=e=>mf(lo,{...e});import{jsx as xG}from"react/jsx-runtime";import{jsx as LG}from"react/jsx-runtime";import{jsx as SG}from"react/jsx-runtime";import{jsx as IG}from"react/jsx-runtime";import{jsx as PG}from"react/jsx-runtime";import{jsx as BG}from"react/jsx-runtime";import{jsx as xo}from"react/jsx-runtime";var uf=lo.options,bf=lo.states,ys={...lo.defaultOptions,variant:"color"},ff=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Tf=[{name:"opened",title:"Opened"}],Aa=e=>{let{variant:t,modifiers:o,...a}={...ys,...e},l={};Object.keys(o||{}).forEach(p=>{p==="opened"&&(l.opened=!!o?.[p],l.popup=o?.[p]?xo(Ne,{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 xo("div",{style:s,children:xo(Tr,{...a,...l})});case"icon":return xo("div",{style:s,children:xo(Tr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return xo("div",{style:s,children:xo(Tr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};Aa.options=uf;Aa.states=bf;Aa.variants=ff;Aa.defaultOptions=ys;Aa.modifiers=Tf;var $l="combobox",Ss=$l;import{Fragment as Xl,jsx as ve,jsxs as Ea}from"react/jsx-runtime";var ws="k-combobox",hf=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],xf={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},As={separators:!0},Ue=e=>{let{size:t,rounded:o,fillMode:a,separators:l=As.separators,prefix:s,suffix:p,value:u,placeholder:x,hover:g,focus:L,valid:v,invalid:b,required:w,loading:S,disabled:E,popup:H,opened:O,readonly:U,adaptive:be,adaptiveSettings:ge,adaptiveTitle:Ke,adaptiveSubtitle:Ze,adaptiveCustomValue:je,id:So,autocomplete:Ar,activeDescendant:Xa,"aria-label":Ld,...Cd}=e,Md=So?`${So}-listbox`:void 0;return Ea(Xl,{children:[Ea(ke,{...Cd,size:t,rounded:o,fillMode:a,hover:g,focus:L,valid:v,invalid:b,required:w,loading:S,disabled:E,readonly:U,className:r(e.className,ws),children:[s&&Ea(Xl,{children:[ve(st,{children:s}),l&&ve(ct,{})]}),ve(tt,{placeholder:x,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":O?"true":"false","aria-controls":O?Md:void 0,"aria-activedescendant":O&&Xa?Xa:void 0,"aria-autocomplete":Ar,"aria-invalid":b?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":Ld,disabled:E,readOnly:U}),ve(De,{valid:v,invalid:b,loading:S,disabled:E}),ve($e,{loading:S,disabled:E}),ve(et,{loading:S,disabled:E,readonly:U,value:u}),p&&Ea(Xl,{children:[l&&ve(ct,{}),ve(dt,{children:p})]}),ve(c,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:E})]}),O&&H&&ve(pe,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:H}),be&&ve(he,{adaptive:!0,id:So?`${So}-adaptive`:void 0,...ge,header:ve(Be,{actionsEnd:ve(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:x,title:Ke,subtitle:Ze}),children:ve("div",{className:"k-list-container",children:ve(q,{customValue:je?ve(to,{text:`Use "${u}"`}):void 0,size:"large",children:Ea(le,{"aria-label":Ke||"Options",children:[ve(z,{text:"List item"}),ve(z,{text:"List item"}),ve(z,{text:"List item"})]})})})})]})};Ue.states=hf;Ue.options=xf;Ue.className=ws;Ue.defaultOptions=As;Ue.moduleName=$l;Ue.folderName=Ss;Ue.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 rt=Ue;import{jsx as Nf}from"react/jsx-runtime";var Es=e=>Nf(rt,{...e});import{jsx as kK,jsxs as vK}from"react/jsx-runtime";import{jsx as wK,jsxs as AK}from"react/jsx-runtime";import{jsx as PK,jsxs as GK}from"react/jsx-runtime";import{Fragment as UK,jsx as zK}from"react/jsx-runtime";import{Fragment as JK,jsx as WK}from"react/jsx-runtime";import{jsx as eD,jsxs as tD}from"react/jsx-runtime";import{Fragment as dD,jsx as iD,jsxs as sD}from"react/jsx-runtime";import{jsx as uD}from"react/jsx-runtime";import{jsx as hD}from"react/jsx-runtime";import{jsx as LD,jsxs as CD}from"react/jsx-runtime";import{jsx as ED,jsxs as ID}from"react/jsx-runtime";import{jsx as no,jsxs as Mf}from"react/jsx-runtime";var gf=Ue.states,kf=Ue.defaultOptions,vf=Ue.options,Lf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Cf=[],Ia=e=>{let{modifiers:t,...o}=e,a={},l=no(q,{style:{width:300},size:o.size,children:Mf(le,{children:[no(z,{children:"List item"}),no(z,{children:"List item"}),no(z,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?no(m,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?no(qt,{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}}),no("div",{children:no(Es,{value:"Value",style:{width:300},...o,...a})})};Ia.options=vf;Ia.states=gf;Ia.variants=Cf;Ia.defaultOptions=kf;Ia.modifiers=Lf;var Wl="menu-button",Is=Wl;import{jsx as wf}from"react/jsx-runtime";var Rs="k-menu-button",yf=[n.hover,n.focus,n.active,n.selected,n.disabled],Sf={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark,T.inverse]},Jl={showArrow:!0,arrowIconName:"caret-alt-down"},de=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:g,icon:L,text:v,showArrow:b=Jl.showArrow,arrowIconName:w=Jl.arrowIconName,expanded:S,...E}=e;return wf(c,{...E,className:r(e.className,Rs),text:v,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:g,icon:L,showArrow:b,arrowIconName:w,"aria-expanded":S?"true":"false",...!v&&L&&!e["aria-label"]&&{"aria-label":"Menu"},...g&&{"aria-disabled":"true"}})};de.states=yf;de.options=Sf;de.className=Rs;de.defaultOptions=Jl;de.moduleName=Wl;de.folderName=Is;de.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 c1}from"react/jsx-runtime";import{jsx as b1}from"react/jsx-runtime";import{jsx as x1}from"react/jsx-runtime";var lt="menu",gt=lt;import{jsx as Ra,jsxs as Os}from"react/jsx-runtime";var ql="k-menu-item",Af=[n.hover,n.focus,n.active,n.selected,n.disabled],Ef={},Hs={iconPosition:"before"},Pe=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:p,text:u,first:x,last:g,showArrow:L,arrowIconName:v,iconPosition:b=Hs.iconPosition,dir:w,children:S,expanded:E,...H}=e,O=v;return O||(O=w==="rtl"?"caret-alt-left":"caret-alt-right"),Os("li",{...H,className:r(e.className,ql,"k-item",I(ql,{focus:o,disabled:s,hover:t,active:a,selected:l}),{"k-first":x,"k-last":g}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":E?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Os("span",{className:r("k-link k-menu-link"),children:[p&&b==="before"&&Ra(m,{className:"k-menu-link-icon",icon:p}),Ra("span",{className:"k-menu-link-text",children:u}),p&&b==="after"&&Ra(m,{className:"k-menu-link-icon",icon:p}),L&&Ra("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ra(m,{icon:O})})]}),S]})};Pe.states=Af;Pe.options=Ef;Pe.className=ql;Pe.defaultOptions=Hs;Pe.moduleName=lt;Pe.folderName=gt;import{jsx as Oa,jsxs as Ps}from"react/jsx-runtime";var Yl="k-menu-item",If=[n.hover,n.focus,n.active,n.selected,n.disabled],Rf={},Ql={dir:"ltr",iconPosition:"before"},fe=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:p,text:u,first:x,last:g,showArrow:L,arrowIconName:v,iconPosition:b=Ql.iconPosition,dir:w=Ql.dir,children:S,popup:E,expanded:H,...O}=e,U=v;return U||(U=w==="rtl"?"caret-alt-left":"caret-alt-right"),Ps("li",{...O,className:r(e.className,Yl,"k-item",I(Yl,{focus:o,disabled:s}),{"k-first":x,"k-last":g}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":H?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ps("span",{className:r("k-link k-menu-link",I("k-menu-link",{hover:t,active:a,selected:l,disabled:s})),children:[p&&b==="before"&&Oa(m,{className:"k-menu-link-icon",icon:p}),Oa("span",{className:"k-menu-link-text",children:u}),p&&b==="after"&&Oa(m,{className:"k-menu-link-icon",icon:p}),L&&Oa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Oa(m,{icon:U})})]}),S,E]})};fe.states=If;fe.options=Rf;fe.className=Yl;fe.defaultOptions=Ql;fe.moduleName=lt;fe.folderName=gt;import{jsx as Gf}from"react/jsx-runtime";var Gs="k-menu-scroll-wrapper",Of=[],Hf={},Pf={},No=e=>{let{className:t,children:o,orientation:a,...l}=e;return Gf("div",{...l,className:r(t,Gs,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};No.states=Of;No.options=Hf;No.className=Gs;No.defaultOptions=Pf;No.moduleName=lt;No.folderName=gt;var Ks=No;import{Fragment as Zl,jsx as go,jsxs as xr}from"react/jsx-runtime";var jl="k-menu",Kf=[],Df={},Nr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ae=e=>{let{children:t,orientation:o=Nr.orientation,header:a=Nr.header,scrollable:l,scrollButtonsPosition:s=Nr.scrollButtonsPosition,wrapperStyles:p,dir:u,popup:x,contextMenu:g,...L}=e,v={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=go("ul",{dir:u,...L,className:r(e.className,"k-reset",jl,{[`${jl}-${o}`]:o,"k-header":a}),role:g?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return xr(Zl,{children:[l?xr(Ks,{orientation:o,style:p,dir:e.dir,children:[s==="start"&&xr(Zl,{children:[go(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),go(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&go(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),b,s==="end"&&xr(Zl,{children:[go(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),go(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&go(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):b,x]})};Ae.states=Kf;Ae.options=Df;Ae.className=jl;Ae.defaultOptions=Nr;Ae.moduleName=lt;Ae.folderName=gt;Ae.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item[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 Bf}from"react/jsx-runtime";var en="k-separator",Ds={orientation:"horizontal"},zo=e=>{let{orientation:t=Ds.orientation,...o}=e;return Bf("li",{...o,className:r(e.className,"k-item",en,{[`${en}-${t}`]:t}),role:"separator"})};zo.className=en;zo.defaultOptions=Ds;zo.moduleName=lt;zo.folderName=gt;import{Fragment as W1,jsx as J1}from"react/jsx-runtime";import{jsx as Ff}from"react/jsx-runtime";var tn="k-menu-group",_f=[],zf={size:[d.undefined,d.small,d.medium,d.large]},Uf={},Ge=e=>{let{children:t,size:o,...a}=e;return Ff("ul",{...a,className:r(e.className,tn,A(tn,{size:o})),role:"menu",children:t})};Ge.states=_f;Ge.options=zf;Ge.className=tn;Ge.defaultOptions=Uf;Ge.moduleName=lt;Ge.folderName=gt;import{Fragment as Vf,jsx as Uo,jsxs as $f}from"react/jsx-runtime";var on=e=>Uo(Ae,{children:$f(Vf,{children:[Uo(Pe,{first:!0,text:"Item 1"}),Uo(Pe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Uo(Pe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Uo(Pe,{text:"Item 4"}),Uo(Pe,{last:!0,text:"Item 5"})]}),...e});import{Fragment as sB,jsx as nB,jsxs as iB}from"react/jsx-runtime";import{Fragment as uB,jsx as mB,jsxs as bB}from"react/jsx-runtime";import{Fragment as NB,jsx as xB,jsxs as gB}from"react/jsx-runtime";import{Fragment as MB,jsx as CB,jsxs as yB}from"react/jsx-runtime";import{jsx as ko,jsxs as Yf}from"react/jsx-runtime";var Xf=Ae.options,Wf=Ae.states,Bs={...Ae.defaultOptions,variant:"horizontal"},Jf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],qf=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ha=e=>{let{variant:t,modifiers:o,...a}={...Bs,...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=ko(pe,{className:"k-menu-popup",children:Yf(Ge,{children:[ko(fe,{text:"Item 1"}),ko(fe,{text:"Item 2"}),ko(zo,{}),ko(fe,{text:"Item 3"})]})});break}}),t==="vertical"?ko(on,{...a,...l,orientation:"vertical",style:{width:"200px"}}):ko(on,{...a,...l})};Ha.options=Xf;Ha.states=Wf;Ha.variants=Jf;Ha.defaultOptions=Bs;Ha.modifiers=qf;import{Fragment as r_,jsx as o_,jsxs as a_}from"react/jsx-runtime";import{jsx as s_}from"react/jsx-runtime";import{Fragment as tT,jsx as Rt,jsxs as _s}from"react/jsx-runtime";var Qf=c.states,zs={...c.defaultOptions,variant:"text"},Zf=c.options,jf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],eT=[{name:"opened",title:"Opened"}],Pa=e=>{let{variant:t,modifiers:o,...a}={...zs,...e},l={},s=Rt(pe,{className:"k-menu-popup",children:_s(Ge,{size:a.size,children:[Rt(fe,{first:!0,text:"Menu Item"}),Rt(fe,{text:"Menu Item"}),Rt(fe,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=Rt("div",{children:Rt(de,{...a,...l,icon:"star"})});break;case"icon-and-text":p=Rt("div",{children:Rt(de,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:p=Rt("div",{children:Rt(de,{...a,...l,children:"Dropdown Button"})});break}return _s(tT,{children:[p,o?.opened&&s]})};Pa.options=Zf;Pa.states=Qf;Pa.variants=jf;Pa.defaultOptions=zs;Pa.modifiers=eT;var an="split-button",Us=an;import{Fragment as rT,jsx as rn,jsxs as Fs}from"react/jsx-runtime";var ln="k-split-button",oT=[n.hover,n.focus,n.active,n.selected,n.disabled],aT={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark,T.inverse]},Vs={arrowIconName:"caret-alt-down"},Y=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:g,icon:L,text:v,arrowIconName:b=Vs.arrowIconName,popup:w,opened:S,popupId:E,...H}=e;return Fs(rT,{children:[Fs("div",{...H,className:r(e.className,ln,"k-button-group",A(ln,{rounded:o})),children:[rn(c,{text:v,icon:L,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:g,...!v&&!e.children&&L&&{"aria-label":"Action"},children:e.children}),rn(c,{className:"k-split-button-arrow",icon:b,size:t,rounded:o,fillMode:a,disabled:g,"aria-label":"Toggle dropdown","aria-expanded":S?"true":"false","aria-controls":S?E:void 0,tabIndex:-1,...g&&{"aria-disabled":"true"}})]}),S&&w&&rn(pe,{className:"k-menu-popup",children:w})]})};Y.states=oT;Y.options=aT;Y.className=ln;Y.defaultOptions=Vs;Y.moduleName=an;Y.folderName=Us;Y.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 nn=Y;import{jsx as nT}from"react/jsx-runtime";var lT="k-toolbar-separator",Lt=e=>nT("div",{className:r(lT,e.className,"k-separator")});var _t="toolbar",io=_t;import{Fragment as sn,jsx as Z,jsxs as Fo}from"react/jsx-runtime";var zt="k-toolbar",iT=[n.focus],sT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},dT={scrollButtons:"around"},ce=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:s,scrollButtons:p,scrollingPosition:u,section:x,...g}=e,L=[],v=(b,w)=>{let S=[];if(b.type===c&&b.props.className&&b.props.className.includes("k-toolbar-overflow-button"))S.push(Z(c,{...b.props,className:`${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===c)S.push(Z(c,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===jo)S.push(Z(jo,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===qt)S.push(Z(qt,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===de)S.push(Z(de,{...b.props,className:`k-toolbar-menu-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===nn)S.push(Z(nn,{...b.props,className:`k-toolbar-split-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===D||b.props.className&&b.props.className.includes("k-button-group")){let E=[];(Array.isArray(b.props.children)?b.props.children:[b.props.children]).forEach((O,U)=>{E.push(Z(c,{...O.props,className:`${O.props.className?O.props.className:""}`},`${U}-${new Date().getTime()}`))}),S.push(Z(D,{...b.props,className:`k-toolbar-button-group ${b.props.className?b.props.className:""}`,children:E},`${w}-${new Date().getTime()}`))}else b.type===Ue?S.push(Z(Ue,{...b.props,className:`k-toolbar-combobox ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`)):b.type===se?S.push(Z(se,{...b.props,className:`k-toolbar-dropdownlist ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`)):b.type===at?S.push(Z(at,{...b.props,className:`k-toolbar-colorpicker ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`)):S.push(b);S.forEach(E=>{L.push(E)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((w,S)=>{v(w,S)}),Fo("div",{...g,className:r(e.className,zt,A(zt,{size:t,fillMode:o}),I(zt,{focus:a}),{[`${zt}-resizable`]:l,[`${zt}-scrollable`]:s,[`${zt}-scrollable-overlay`]:s&&p==="hidden",[`${zt}-scrollable-${u}`]:u&&u!=="both",[`${zt}-section`]:x}),role:"toolbar","aria-label":"Toolbar",children:[!s&&L,s&&p==="hidden"&&Z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),s&&p==="start"&&Fo(sn,{children:[Fo(D,{children:[Z("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(m,{className:"k-button-icon",icon:"caret-alt-left"})}),Z("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(m,{className:"k-button-icon",icon:"caret-alt-right"})})]}),Z(Lt,{className:"k-toolbar-button-separator"}),Z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L})]}),s&&p==="end"&&Fo(sn,{children:[Z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),Z(Lt,{className:"k-toolbar-button-separator"}),Fo(D,{children:[Z("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(m,{className:"k-button-icon",icon:"caret-alt-left"})}),Z("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(p==="around"||!p)&&Fo(sn,{children:[Z("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(m,{className:"k-button-icon",icon:"caret-alt-left"})}),Z(Lt,{className:"k-toolbar-button-separator"}),Z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),Z(Lt,{className:"k-toolbar-button-separator"}),Z("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};ce.states=iT;ce.options=sT;ce.className=zt;ce.defaultOptions=dT;ce.moduleName=_t;ce.folderName=io;ce.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 uT}from"react/jsx-runtime";var $s="k-floating-toolbar",cT=[],pT={},mT={},Vo=e=>{let{...t}=e;return uT("div",{...t,className:r(e.className,$s),children:e.children})};Vo.states=cT;Vo.options=pT;Vo.className=$s;Vo.defaultOptions=mT;Vo.moduleName=_t;Vo.folderName=io;import{jsx as hT}from"react/jsx-runtime";var dn="k-toolbar-item",bT=[n.focus],fT={},TT={},$o=e=>{let{focus:t,...o}=e;return hT("div",{...o,className:r(e.className,dn,I(dn,{focus:t})),children:e.children})};$o.states=bT;$o.options=fT;$o.className=dn;$o.defaultOptions=TT;$o.moduleName=_t;$o.folderName=io;import{jsx as Xs}from"react/jsx-runtime";var Ws="k-toolbar-popup",xT=[],NT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},gT={},vo=e=>{let{size:t,fillMode:o,section:a,...l}=e;return Xs(pe,{...l,className:r(e.className,Ws),children:a?Xs("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};vo.states=xT;vo.options=NT;vo.className=Ws;vo.defaultOptions=gT;vo.moduleName=_t;vo.folderName=io;var gr=vo;import{jsx as p2}from"react/jsx-runtime";import{jsx as f2}from"react/jsx-runtime";import{jsx as N2}from"react/jsx-runtime";import{jsx as M2,jsxs as y2}from"react/jsx-runtime";import{jsx as E2}from"react/jsx-runtime";import{jsx as Ut,jsxs as MT}from"react/jsx-runtime";var kT=Y.states,Js={...Y.defaultOptions,variant:"text"},vT=Y.options,LT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],CT=[{name:"opened",title:"Opened"}],Ga=e=>{let{variant:t,modifiers:o,...a}={...Js,...e},l={},s=MT(Ge,{size:a.size,children:[Ut(fe,{first:!0,text:"Menu Item"}),Ut(fe,{text:"Menu Item"}),Ut(fe,{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 Ut("div",{children:Ut(Y,{...a,...l,icon:"star"})});case"icon-and-text":return Ut("div",{children:Ut(Y,{...a,...l,icon:"star",children:"Split Button"})});default:return Ut("div",{children:Ut(Y,{...a,...l,children:"Split Button"})})}};Ga.options=vT;Ga.states=kT;Ga.variants=LT;Ga.defaultOptions=Js;Ga.modifiers=CT;import{jsx as Lo,jsxs as yT}from"react/jsx-runtime";var qs=e=>Lo(ce,{children:[Lo(c,{children:"Button"},"toolbar-button"),Lo(de,{text:"Menu button"},"toolbar-menu-button"),Lo(Y,{children:"Split button"},"toolbar-split-button"),yT(D,{children:[Lo(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Lo(c,{icon:"align-center",children:"Center"}),Lo(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as l5,jsxs as n5}from"react/jsx-runtime";import{jsx as nt,jsxs as Ys}from"react/jsx-runtime";var Qs=e=>nt(ce,{scrollable:!0,...e,children:[nt(c,{children:"Button"},"toolbar-button"),nt(de,{text:"Menu button"},"toolbar-menu-button"),nt(Y,{children:"Split button"},"toolbar-split-button"),Ys(D,{children:[nt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),nt(c,{icon:"align-center",children:"Center"}),nt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),nt(c,{children:"Button"},"toolbar-button"),nt(de,{text:"Menu button"},"toolbar-menu-button"),nt(Y,{children:"Split button"},"toolbar-split-button"),Ys(D,{children:[nt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),nt(c,{icon:"align-center",children:"Center"}),nt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as it,jsxs as Zs}from"react/jsx-runtime";var js=({scrollingPosition:e="start",...t})=>it(ce,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[it(c,{children:"Button"},"toolbar-button"),it(de,{text:"Menu button"},"toolbar-menu-button"),it(Y,{children:"Split button"},"toolbar-split-button"),Zs(D,{children:[it(c,{className:"k-group-start",icon:"align-left",children:"Left"}),it(c,{icon:"align-center",children:"Center"}),it(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),it(c,{children:"Button"},"toolbar-button"),it(de,{text:"Menu button"},"toolbar-menu-button"),it(Y,{children:"Split button"},"toolbar-split-button"),Zs(D,{children:[it(c,{className:"k-group-start",icon:"align-left",children:"Left"}),it(c,{icon:"align-center",children:"Center"}),it(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as ST,jsx as Ye,jsxs as kr}from"react/jsx-runtime";var ed=({fillMode:e,size:t,...o})=>kr(ST,{children:[Ye(ce,{section:!0,fillMode:e,size:t,children:[Ye(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),kr(D,{fillMode:e,children:[Ye(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ye(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ye(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ye(Lt,{className:"k-toolbar-button-separator"}),Ye(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),kr(gr,{size:t,fillMode:e,section:!0,...o,children:[Ye(Y,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ye(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ye(Lt,{}),Ye(de,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),kr(D,{fillMode:e,children:[Ye(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ye(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ye(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as B5,jsx as K5,jsxs as D5}from"react/jsx-runtime";import{Fragment as Y5,jsx as J5,jsxs as q5}from"react/jsx-runtime";import{jsx as so}from"react/jsx-runtime";var wT=ce.options,AT=ce.states,td={...ce.defaultOptions,variant:"default"},ET=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],IT=[],Ka=e=>{let{variant:t,...o}={...td,...e};switch(t){case"responsive":return so("div",{children:so(ed,{style:{width:"583px"},...o})});case"overlay":return so("div",{children:so(js,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return so("div",{children:so(Qs,{style:{width:"583px"},...o})});default:return so("div",{children:so(qs,{style:{width:"583px"},...o})})}};Ka.options=wT;Ka.states=AT;Ka.variants=ET;Ka.defaultOptions=td;Ka.modifiers=IT;import{jsx as RT}from"react/jsx-runtime";var od="k-grid-toolbar",Ft=e=>RT(ce,{...e,className:r(e.className,od),children:e.children});Ft.className=od;Ft.moduleName=Q;Ft.folderName=j;import{jsx as cn,jsxs as HT}from"react/jsx-runtime";var pn="k-grid-stack-cell",OT=[n.focus,n.selected],vr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:s,focus:p,selected:u,...x}=e;return HT("div",{...x,className:r(e.className,pn,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":s},I(pn,{focus:p,selected:u})),children:[s&&cn("span",{className:"k-dirty"}),t&&cn("div",{className:"k-grid-stack-header",children:t}),cn("div",{className:"k-grid-stack-content",children:o}),e.children]})};vr.states=OT;vr.className=pn;vr.moduleName=Q;vr.folderName=j;import{jsx as PT}from"react/jsx-runtime";var ad="k-grid-stack-row",Lr=e=>{let{cols:t,...o}=e;return PT("div",{...o,className:r(e.className,ad,{[`k-grid-cols-${t}`]:t}),children:e.children})};Lr.className=ad;Lr.moduleName=Q;Lr.folderName=j;import{Fragment as B3,jsx as K3,jsxs as D3}from"react/jsx-runtime";import{Fragment as X3,jsx as V3,jsxs as $3}from"react/jsx-runtime";import{Fragment as j3,jsx as Q3,jsxs as Z3}from"react/jsx-runtime";import{Fragment as GT,jsx as y,jsxs as ue}from"react/jsx-runtime";var rd=({contentClassName:e,...t})=>y(X,{_renderAriaRoot:!0,pager:y(At,{refresh:!1}),children:ue(GT,{children:[y(W,{children:y("div",{className:"k-grid-header-wrap",children:ue(J,{children:[ue("colgroup",{children:[y("col",{}),y("col",{style:{width:"225px"}}),y("col",{}),y("col",{}),y("col",{})]}),ue(V,{children:[ue(k,{children:[y(M,{rowspan:1,colspan:1,columnTitle:"Product Id"}),y(M,{rowspan:1,colspan:1,columnTitle:"Name"}),y(M,{rowspan:1,colspan:1,columnTitle:"Quantity"}),y(M,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),y(M,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),ue(k,{className:"k-filter-row",children:[y(i,{children:y("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[y(F,{}),ue("div",{className:"k-filtercell-operator",children:[y(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(i,{children:y("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[y(ie,{}),ue("div",{className:"k-filtercell-operator",children:[y(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(i,{children:y("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[y(ie,{}),ue("div",{className:"k-filtercell-operator",children:[y(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(i,{children:y("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[y(F,{}),ue("div",{className:"k-filtercell-operator",children:[y(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(i,{children:y("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[y(se,{}),y("div",{className:"k-filtercell-operator",children:y(c,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),y(re,{children:y(ee,{className:e,children:ue(te,{children:[ue("colgroup",{children:[y("col",{}),y("col",{style:{width:"225px"}}),y("col",{}),y("col",{}),y("col",{})]}),ue(oe,{children:[ue(k,{className:"k-master-row",children:[y(i,{children:"1"}),y(i,{children:"Chai"}),y(i,{children:"10 boxes x 20 bags"}),y(i,{children:"18"}),y(i,{children:"false"})]}),ue(k,{className:"k-master-row",alt:!0,children:[y(i,{children:"2"}),y(i,{children:"Chang"}),y(i,{children:"24 - 12 oz bottles"}),y(i,{children:"19"}),y(i,{children:"false"})]}),ue(k,{className:"k-master-row",children:[y(i,{children:"3"}),y(i,{children:"Aniseed Syrup"}),y(i,{children:"12 - 550 ml bottles"}),y(i,{children:"10"}),y(i,{children:"false"})]}),ue(k,{className:"k-master-row",alt:!0,children:[y(i,{children:"4"}),y(i,{children:"Chef Anton's Cajun Seasoning"}),y(i,{children:"48 - 6 oz jars"}),y(i,{children:"22"}),y(i,{children:"false"})]}),ue(k,{className:"k-master-row",children:[y(i,{children:"5"}),y(i,{children:"Grandma's Boysenberry Spread"}),y(i,{children:"12 - 8 oz jars"}),y(i,{children:"25"}),y(i,{children:"false"})]})]})]})})})]}),...t});import{jsx as Cr}from"react/jsx-runtime";var KT="k-chip-action";var Le=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Cr(m,{icon:"x-circle",size:"small"});break;case"more":a=Cr(m,{icon:"more-vertical",size:"small"});break;default:return Cr(m,{icon:t,size:"small"})}return Cr("span",{...o,className:r(e.className,KT,`k-chip-${t}-action`),children:a})};var mn="avatar",ld=mn;import{jsx as nd}from"react/jsx-runtime";var Da="k-avatar";var DT=[n.hover,n.focus,n.active,n.selected,n.disabled],BT={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark,T.inverse]},un={type:"text",border:!1},Qe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:s=un.type,border:p=un.border,...u}=e;return nd("div",{...u,className:r(e.className,Da,A(Da,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Da}-bordered`]:p}),children:nd("span",{className:`${Da}-${s}`,children:e.children})})};Qe.states=DT;Qe.options=BT;Qe.className=Da;Qe.defaultOptions=un;Qe.moduleName=mn;Qe.folderName=ld;Qe.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Co=Qe;import{jsx as _T}from"react/jsx-runtime";var id=e=>_T(Co,{type:"icon",...e});import{jsx as zT}from"react/jsx-runtime";var sd=e=>zT(Co,{type:"text",...e});import{jsx as UT}from"react/jsx-runtime";var dd=e=>UT(Co,{type:"image",...e});import{jsx as Az}from"react/jsx-runtime";import{jsx as Ba}from"react/jsx-runtime";var FT=Qe.options,VT=Qe.states,$T={...Qe.defaultOptions,variant:"image"},XT=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],WT=[],_a=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ba(id,{...o,children:Ba(m,{icon:"star"})});case"text":return Ba(sd,{...o,children:"JO"});default:return Ba(dd,{...o,children:Ba("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};_a.options=FT;_a.states=VT;_a.variants=XT;_a.defaultOptions=$T;_a.modifiers=WT;var za="chip",Mr=za;import{jsx as Xo,jsxs as YT}from"react/jsx-runtime";var yr="k-chip",JT=[n.hover,n.focus,n.active,n.selected,n.disabled],qT={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[T.undefined,T.base,T.success,T.warning,T.error,T.info]},cd={avatarImage:"/packages/html/assets/avatar.jpg"},Ce=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:s,icon:p,actions:u,showAvatar:x,avatarImage:g=cd.avatarImage,hover:L,focus:v,active:b,selected:w,disabled:S,...E}=e;return YT("div",{...E,className:r(e.className,yr,A(yr,{size:t,rounded:o,fillMode:a,themeColor:l}),I(yr,{hover:L,focus:v,active:b,disabled:S,selected:w})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:w?"true":"false","aria-selected":e.role==="option"?w?"true":"false":void 0,"aria-disabled":S?"true":void 0,children:[p&&Xo(m,{className:"k-chip-icon",icon:p,size:"small"}),x&&Xo(Qe,{className:"k-chip-avatar",type:"image",children:Xo("img",{src:g,alt:""})}),Xo("span",{className:"k-chip-content",children:e.children?e.children:s&&Xo("span",{className:"k-chip-label",children:s})}),u&&Xo("span",{className:"k-chip-actions",children:u})]})};Ce.states=JT;Ce.options=qT;Ce.className=yr;Ce.defaultOptions=cd;Ce.moduleName=za;Ce.folderName=Mr;Ce.ariaSpec={selector:".k-chip",rules:[{selector:"*:not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:"*:not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var kt=Ce;import{jsx as eh}from"react/jsx-runtime";var bn="k-chip-list",QT=[],ZT={size:[d.undefined,d.small,d.medium,d.large]},jT={},Me=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return eh("div",{...l,className:r(e.className,bn,A(bn,{size:t})),role:"listbox","aria-label":a||"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Me.states=QT;Me.options=ZT;Me.className=bn;Me.defaultOptions=jT;Me.moduleName=za;Me.folderName=Mr;Me.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};import{jsx as l6}from"react/jsx-runtime";import{jsx as d6}from"react/jsx-runtime";import{jsx as th}from"react/jsx-runtime";var Sr=e=>th(kt,{text:"text",...e});import{jsx as h6}from"react/jsx-runtime";import{jsx as k6}from"react/jsx-runtime";import{Fragment as S6,jsx as y6,jsxs as w6}from"react/jsx-runtime";import{jsx as O6,jsxs as H6}from"react/jsx-runtime";import{jsx as B6,jsxs as _6}from"react/jsx-runtime";import{jsx as X6,jsxs as W6}from"react/jsx-runtime";import{jsx as Wo,jsxs as ih}from"react/jsx-runtime";var oh={...kt.options,...Me.options},ah=[],rh=Me.states,lh={...kt.defaultOptions,...Me.defaultOptions},nh=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Ua=e=>{let{modifiers:t,className:o,...a}=e,l=t?.icon,s=t?.actions,p=t?.avatar;return ih(Me,{size:a.size,className:o,children:[Wo(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Wo(Le,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),Wo(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Wo(Le,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),Wo(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Wo(Le,{type:"remove"}):void 0,showAvatar:p,children:"Chip"})]})};Ua.options=oh;Ua.states=rh;Ua.variants=ah;Ua.defaultOptions=lh;Ua.modifiers=nh;import{jsx as fn}from"react/jsx-runtime";var sh=Ce.states,dh=Ce.defaultOptions,ch=Ce.options,ph=[],mh=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Fa=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]?fn(Le,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[l]?fn(Le,{type:"remove"}):void 0;break;default:break}}),fn(Ce,{...o,...a,children:"Chip component"})};Fa.options=ch;Fa.states=sh;Fa.variants=ph;Fa.defaultOptions=dh;Fa.modifiers=mh;import{Fragment as Tn,jsx as P,jsxs as Fe}from"react/jsx-runtime";var pd=({dropClue:e,contentClassName:t,...o})=>P(X,{_renderAriaRoot:!0,groupingHeader:P(Vt,{dropClue:e,children:Fe(Me,{children:[P(Ce,{icon:"sort-asc-small",text:"ID",actions:Fe(Tn,{children:[P(Le,{type:"more"}),P(Le,{type:"remove"})]})}),P(Ce,{icon:"sort-desc-small",text:"Name",actions:Fe(Tn,{children:[P(Le,{type:"more"}),P(Le,{type:"remove"})]})})]})}),children:Fe(Tn,{children:[P(W,{draggable:!0,children:P("div",{className:"k-grid-header-wrap",children:Fe(J,{children:[Fe("colgroup",{children:[P("col",{className:"k-group-col"}),P("col",{className:"k-group-col"}),P("col",{}),P("col",{}),P("col",{}),P("col",{})]}),P(V,{children:Fe(k,{children:[P(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),P(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),P(M,{colspan:1,columnTitle:"ID"}),P(M,{colspan:1,columnTitle:"Name"}),P(M,{colspan:1,columnTitle:"Price"}),P(M,{colspan:1,columnTitle:"Category"})]})})]})})}),P(re,{children:P(ee,{className:t,children:Fe(te,{children:[Fe("colgroup",{children:[P("col",{className:"k-group-col"}),P("col",{className:"k-group-col"}),P("col",{}),P("col",{}),P("col",{}),P("col",{})]}),Fe(oe,{children:[P(k,{className:"k-table-group-row k-grouping-row",children:P(i,{colspan:6,children:Fe("p",{className:"k-reset",children:[P(m,{icon:"caret-alt-right"}),"ID: 1"]})})}),P(k,{className:"k-table-group-row k-grouping-row",children:P(i,{colspan:6,children:Fe("p",{className:"k-reset",children:[P(m,{icon:"caret-alt-down"}),"ID: 2"]})})}),Fe(k,{className:"k-table-group-row k-grouping-row",children:[P(i,{className:"k-table-group-td k-group-cell"}),P(i,{colspan:5,children:Fe("p",{className:"k-reset",children:[P(m,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),Fe(k,{className:"k-master-row",alt:!0,children:[P(i,{className:"k-table-group-td k-group-cell"}),P(i,{className:"k-table-group-td k-group-cell"}),P(i,{colspan:0,children:"2"}),P(i,{colspan:0,children:"Chang"}),P(i,{colspan:0,children:"$19.00"}),P(i,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as P9,jsx as O9,jsxs as H9}from"react/jsx-runtime";import{Fragment as F9,jsx as z9,jsxs as U9}from"react/jsx-runtime";import{Fragment as Y9,jsx as J9,jsxs as q9}from"react/jsx-runtime";import{Fragment as uh,jsx as B,jsxs as Ve}from"react/jsx-runtime";var md=({headerWrapClassName:e,contentClassName:t,...o})=>B(X,{_renderAriaRoot:!0,children:Ve(uh,{children:[B(W,{children:B("div",{className:`k-grid-header-wrap ${e}`,children:Ve(J,{children:[Ve("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),Ve(V,{children:[Ve(k,{children:[B(M,{rowspan:3,colspan:1,columnTitle:"ID"}),B(M,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),Ve(k,{children:[B(M,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),B(M,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),Ve(k,{children:[B(M,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),B(M,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),B(re,{children:B(ee,{className:t,children:Ve(te,{children:[Ve("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),Ve(oe,{children:[Ve(k,{className:"k-master-row",children:[B(i,{children:"1"}),B(i,{children:"Chai"}),B(i,{children:"39"}),B(i,{children:"18"})]}),Ve(k,{className:"k-master-row",alt:!0,children:[B(i,{children:"2"}),B(i,{children:"Chang"}),B(i,{children:"17"}),B(i,{children:"19"})]}),Ve(k,{className:"k-master-row",children:[B(i,{children:"3"}),B(i,{children:"Aniseed Syrup"}),B(i,{children:"13"}),B(i,{children:"10"})]}),Ve(k,{className:"k-master-row",alt:!0,children:[B(i,{children:"4"}),B(i,{children:"Chef Anton's Cajun Seasoning"}),B(i,{children:"53"}),B(i,{children:"22"})]}),Ve(k,{className:"k-master-row",children:[B(i,{children:"5"}),B(i,{children:"Chef Anton's Gumbo Mix"}),B(i,{children:"0"}),B(i,{children:"21.35"})]})]})]})})})]}),...o});import{Fragment as s7,jsx as n7,jsxs as i7}from"react/jsx-runtime";import{Fragment as f7,jsx as u7,jsxs as b7}from"react/jsx-runtime";import{Fragment as bh,jsx as K,jsxs as vt}from"react/jsx-runtime";var ud=e=>K(X,{_renderAriaRoot:!0,toolbar:vt(Ft,{children:[K(c,{children:"Add new"}),K(c,{children:"Save Changes"}),K(c,{children:"Cancel Changes"})]}),children:vt(bh,{children:[K(W,{children:K("div",{className:"k-grid-header-wrap",children:vt(J,{children:[vt("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),K(V,{children:vt(k,{children:[K(M,{columnTitle:"Name"}),K(M,{columnTitle:"Price"}),K(M,{columnTitle:"Available"}),K(M,{accessibleLabel:"Commands"})]})})]})})}),K(re,{children:K(ee,{children:K("div",{children:vt(te,{children:[vt("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),vt(oe,{children:[vt(k,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[K(i,{children:K(ie,{value:"Towel"})}),K(i,{children:K(F,{value:"42"})}),K(i,{children:K(Xe,{})}),vt(i,{className:"k-command-cell",children:[K(c,{children:"Add"}),K(c,{children:"Cancel"})]})]}),vt(k,{className:"k-master-row",children:[K(i,{children:"Chai"}),K(i,{children:"18"}),K(i,{children:"false"}),K(i,{className:"k-command-cell",children:K(c,{children:"Remove"})})]}),vt(k,{className:"k-master-row",alt:!0,children:[K(i,{children:"Chang"}),K(i,{children:"19"}),K(i,{children:"false"}),K(i,{className:"k-command-cell",children:K(c,{children:"Remove"})})]})]})]})})})})]}),...e});import{Fragment as _7,jsx as B7,jsxs as z7}from"react/jsx-runtime";import{Fragment as wr,jsx as f,jsxs as ae}from"react/jsx-runtime";var fh=X.options,Th=X.states,bd={...X.defaultOptions,variant:"normal"},hh=[{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"}],xh=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Va=e=>{let{variant:t,modifiers:o,...a}={...bd,...e},l={toolbar:void 0,pager:void 0},s=ae(Ft,{children:[f(c,{icon:"plus",children:"Add New"}),f(c,{icon:"file-pdf",children:"Export to PDF"}),f("span",{className:"k-spacer"}),f(ie,{prefix:f(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=f(Te,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(g=>{switch(g){case"toolbar":l.toolbar=o?.[g]?s:void 0;break;case"pager":l.pager=o?.[g]?p:void 0;break;default:return}});let u={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},x=ae(wr,{children:[f(W,{children:f("div",{className:"k-grid-header-wrap",children:ae(J,{children:[ae("colgroup",{children:[f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),f(V,{children:ae(k,{children:[f(M,{...u[t],columnTitle:"ID"}),f(M,{...u[t],columnTitle:"Product Name"}),f(M,{...u[t],columnTitle:"Units in Stock"}),f(M,{...u[t],columnTitle:"Units Price"})]})})]})})}),f(re,{children:f(ee,{children:ae(te,{children:[ae("colgroup",{children:[f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),ae(oe,{children:[ae(k,{children:[f(i,{children:"1"}),f(i,{children:"Chai"}),f(i,{children:"39"}),f(i,{children:"18"})]}),ae(k,{className:"k-alt",alt:!0,children:[f(i,{children:"2"}),f(i,{children:"Chang"}),f(i,{children:"17"}),f(i,{children:"19"})]}),ae(k,{children:[f(i,{children:"3"}),f(i,{children:"Aniseed Syrup"}),f(i,{children:"13"}),f(i,{children:"10"})]}),ae(k,{className:"k-alt",alt:!0,children:[f(i,{children:"4"}),f(i,{children:"Chef Anton's Cajun Seasoning"}),f(i,{children:"53"}),f(i,{children:"22"})]}),ae(k,{children:[f(i,{children:"5"}),f(i,{children:"Chef Anton's Gumbo Mix"}),f(i,{children:"0"}),f(i,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return f(md,{...a,...l});case"editing":return f(ud,{...a,...l});case"grouping":return f(pd,{...a,...l,groupingHeader:f(Vt,{children:ae(Me,{children:[f(Ce,{icon:"sort-asc-small",actions:ae(wr,{children:[f(Le,{type:"more"}),f(Le,{type:"remove"})]}),children:"ID"}),f(Ce,{icon:"sort-desc-small",actions:ae(wr,{children:[f(Le,{type:"more"}),f(Le,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return f(X,{...a,...l,children:ae(wr,{children:[f(W,{children:ae("div",{className:"k-grid-header-wrap",children:[" ",ae(J,{children:[ae("colgroup",{children:[f("col",{className:"k-drag-col"}),f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),f(V,{children:ae(k,{children:[f(M,{className:"k-drag-cell",accessibleLabel:"Reorder"}),f(M,{columnTitle:"ID"}),f(M,{columnTitle:"Product Name"}),f(M,{columnTitle:"Units in Stock"}),f(M,{columnTitle:"Units Price"})]})})]})]})}),f(re,{children:f(ee,{children:ae(te,{children:[ae("colgroup",{children:[f("col",{className:"k-drag-col"}),f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),ae(oe,{children:[ae(k,{children:[f(i,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(i,{children:"1"}),f(i,{children:"Chai"}),f(i,{children:"39"}),f(i,{children:"18"})]}),ae(k,{className:"k-alt",alt:!0,children:[f(i,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(i,{children:"2"}),f(i,{children:"Chang"}),f(i,{children:"17"}),f(i,{children:"19"})]}),ae(k,{children:[f(i,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(i,{children:"3"}),f(i,{children:"Aniseed Syrup"}),f(i,{children:"13"}),f(i,{children:"10"})]}),ae(k,{className:"k-alt",alt:!0,children:[f(i,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(i,{children:"4"}),f(i,{children:"Chef Anton's Cajun Seasoning"}),f(i,{children:"53"}),f(i,{children:"22"})]}),ae(k,{children:[f(i,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(i,{children:"5"}),f(i,{children:"Chef Anton's Gumbo Mix"}),f(i,{children:"0"}),f(i,{children:"21.35"})]})]})]})})})]})});case"filter-row":return f(rd,{...a,...l});default:return f(X,{...a,...l,children:x})}};Va.options=fh;Va.states=Th;Va.variants=hh;Va.defaultOptions=bd;Va.modifiers=xh;var hn="treelist",fd=hn;import{jsx as vh}from"react/jsx-runtime";var Td="k-treelist",Nh=[],gh={},kh={},Ee=e=>vh(X,{...e,className:r(Td,e.className),children:e.children});Ee.states=Nh;Ee.options=gh;Ee.className=Td;Ee.defaultOptions=kh;Ee.moduleName=hn;Ee.folderName=fd;import{jsx as _,jsxs as Ie}from"react/jsx-runtime";var Mo=({gridHeader:e,gridContent:t,menu:o,...a})=>Ie(Ee,{id:"treelist",_renderAriaRoot:!0,...a,children:[e||_(W,{children:_("div",{className:"k-grid-header-wrap",children:Ie(J,{children:[Ie("colgroup",{children:[_("col",{}),_("col",{}),_("col",{})]}),_(V,{children:Ie(k,{children:[_(M,{menu:o,columnTitle:"Name"}),_(M,{menu:o,columnTitle:"Position"}),_(M,{menu:o,columnTitle:"Hire Date"})]})})]})})}),_(re,{children:t||_(ee,{children:Ie(te,{children:[Ie("colgroup",{children:[_("col",{}),_("col",{}),_("col",{})]}),Ie(oe,{children:[Ie(k,{children:[Ie(i,{children:[_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),_(i,{children:"Sweeney"}),_(i,{children:"CEO"})]}),Ie(k,{alt:!0,children:[Ie(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),_(i,{children:"Wooten"}),_(i,{children:"Chief Technical Officer"})]}),Ie(k,{children:[Ie(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),_(i,{children:"Weber"}),_(i,{children:"VP, Engineering"})]}),Ie(k,{alt:!0,children:[Ie(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),_(i,{children:"Hood"}),_(i,{children:"Team Lead"})]}),Ie(k,{children:[Ie(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),_(i,{children:"Carr"}),_(i,{children:"Junior Software Developer"})]})]})]})})})]});import{jsx as Lh}from"react/jsx-runtime";var hd=e=>Lh(Mo,{menu:"column",...e});import{jsx as Ch}from"react/jsx-runtime";var xd=e=>Ch(Mo,{menu:"filter",...e});import{jsx as R,jsxs as Re}from"react/jsx-runtime";var Nd=({gridHeader:e,gridContent:t,menu:o,...a})=>Re(Ee,{id:"treelist",_renderAriaRoot:!0,...a,children:[e||R(W,{children:R("div",{className:"k-grid-header-wrap",children:Re(J,{children:[Re("colgroup",{children:[R("col",{className:"k-drag-col"}),R("col",{}),R("col",{}),R("col",{})]}),R(V,{children:Re(k,{children:[R(M,{}),R(M,{menu:o,columnTitle:"First Name"}),R(M,{menu:o,columnTitle:"Last Name"}),R(M,{menu:o,columnTitle:"Position"})]})})]})})}),R(re,{children:t||R(ee,{children:Re(te,{children:[Re("colgroup",{children:[R("col",{className:"k-drag-col"}),R("col",{}),R("col",{}),R("col",{})]}),Re(oe,{children:[Re(k,{children:[R(i,{className:"k-drag-cell",children:R(m,{icon:"reorder"})}),Re(i,{children:[R(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),R(i,{children:"Sweeney"}),R(i,{children:"CEO"})]}),Re(k,{alt:!0,children:[R(i,{className:"k-drag-cell",children:R(m,{icon:"reorder"})}),Re(i,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),R(i,{children:"Wooten"}),R(i,{children:"Chief Technical Officer"})]}),Re(k,{children:[R(i,{className:"k-drag-cell",children:R(m,{icon:"reorder"})}),Re(i,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),R(i,{children:"Weber"}),R(i,{children:"VP, Engineering"})]}),Re(k,{alt:!0,children:[R(i,{className:"k-drag-cell",children:R(m,{icon:"reorder"})}),Re(i,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),R(i,{children:"Hood"}),R(i,{children:"Team Lead"})]}),Re(k,{children:[R(i,{className:"k-drag-cell",children:R(m,{icon:"reorder"})}),Re(i,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),R(i,{children:"Carr"}),R(i,{children:"Junior Software Developer"})]})]})]})})})]});import{jsx as h4,jsxs as x4}from"react/jsx-runtime";import{jsx as C,jsxs as ne}from"react/jsx-runtime";var Mh=Ee.options,yh=Ee.states,gd={...Ee.defaultOptions,variant:"normal"},Sh=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-row",title:"Filter Row"},{name:"sorting",title:"Sorting"},{name:"row-reordering",title:"Row Reordering"}],wh=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],$a=e=>{let{variant:t,modifiers:o,...a}={...gd,...e},l={},s=ne(Ft,{children:[C(c,{icon:"plus",children:"Add New"}),C(c,{icon:"file-pdf",children:"Export to PDF"}),C("span",{className:"k-spacer"}),C(ie,{prefix:C(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=C(Te,{pageSizes:!1,refresh:!1});switch(Object.keys(o||{}).forEach(u=>{switch(u){case"toolbar":l.toolbar=o?.[u]?s:void 0;break;case"pager":l.pager=o?.[u]?p:void 0;break;default:return}}),t){case"row-reordering":return C(Nd,{...a,...l});case"column-menu":return C(hd,{...a,...l,gridHeader:C(W,{children:C("div",{className:"k-grid-header-wrap",children:ne(J,{children:[ne("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(V,{children:ne(k,{children:[C(M,{menu:"column",columnTitle:"First Name"}),C(M,{menu:"column",columnTitle:"Last Name"}),C(M,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return C(xd,{...a,...l,gridHeader:C(W,{children:C("div",{className:"k-grid-header-wrap",children:ne(J,{children:[ne("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(V,{children:ne(k,{children:[C(M,{menu:"filter",columnTitle:"First Name"}),C(M,{menu:"filter",columnTitle:"Last Name"}),C(M,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return C(Mo,{...a,...l,gridHeader:C(W,{children:C("div",{className:"k-grid-header-wrap",children:ne(J,{children:[ne("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(V,{children:ne(k,{children:[C(M,{columnTitle:"First Name"}),C(M,{columnTitle:"Last Name",sortable:!0}),C(M,{columnTitle:"Position"})]})})]})})}),gridContent:C(ee,{children:ne(te,{children:[ne("colgroup",{children:[C("col",{}),C("col",{className:"k-sorted"}),C("col",{})]}),ne(oe,{children:[ne(k,{className:"k-treelist-group",children:[ne(i,{children:[C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),C(i,{children:"Sweeney"}),C(i,{children:"CEO"})]}),ne(k,{className:"k-treelist-group k-alt",alt:!0,children:[ne(i,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),C(i,{children:"Wooten"}),C(i,{children:"Chief Technical Officer"})]}),ne(k,{className:"k-treelist-group",children:[ne(i,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),C(i,{children:"Weber"}),C(i,{children:"VP, Engineering"})]}),ne(k,{className:"k-treelist-group k-alt",alt:!0,children:[ne(i,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),C(i,{children:"Hood"}),C(i,{children:"Team Lead"})]}),ne(k,{children:[ne(i,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),C(i,{children:"Carr"}),C(i,{children:"Junior Software Developer"})]})]})]})})});default:return C(Mo,{...a,...l,gridHeader:C(W,{children:C("div",{className:"k-grid-header-wrap",children:ne(J,{children:[ne("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(V,{children:ne(k,{children:[C(M,{columnTitle:"First Name"}),C(M,{columnTitle:"Last Name"}),C(M,{columnTitle:"Position"})]})})]})})})})}};$a.options=Mh;$a.states=yh;$a.variants=Sh;$a.defaultOptions=gd;$a.modifiers=wh;var xn="propertygrid",kd=xn;import{jsx as Rh}from"react/jsx-runtime";var vd="k-property-grid",Ah=[],Eh={},Ih={},yo=e=>Rh(Ee,{...e,className:r(vd,e.className),children:e.children});yo.states=Ah;yo.options=Eh;yo.className=vd;yo.defaultOptions=Ih;yo.moduleName=xn;yo.folderName=kd;var X4=yo;export{yo as PropertyGrid,X4 as default};
+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 A=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),I=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:s,checked:p,active:u,selected:x,disabled:g,indeterminate:L,loading:v,empty:b,readonly:w,highlighted:S,...E}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":s,"k-checked":p,"k-active":u,"k-selected":x,"k-disabled":g,"k-indeterminate":L&&!p,"k-loading":v,"k-empty":b,"k-readonly":w,"k-highlighted":S},Object.keys(E).reduce((P,O)=>(O.startsWith("k-")?P[O]=E[O]:P[`k-${O}`]=E[O],P),{}))};function gn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},h={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},T={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var V="grid",W=V;import{jsx as Ed,jsxs as Id}from"react/jsx-runtime";var Wa="k-grid",Sd=[],wd={size:[d.undefined,d.small,d.medium,d.large]},Ad=[],kn={pagerPosition:"bottom"},J=e=>{let{size:t,pagerPosition:o=kn.pagerPosition,toolbar:a,pager:l,groupingHeader:s,gridSelectionAggregates:p,_renderAriaRoot:u,resizable:x,...g}=e;return Id("div",{...g,className:r(e.className,Wa,{[`${Wa}-resizable`]:x},A(Wa,{size:t})),children:[a,o==="top"&&l,s,e.children&&u?Ed("div",{className:"k-grid-aria-root",children:e.children}):e.children,p,o==="bottom"&&l]})};J.states=Sd;J.options=wd;J.variants=Ad;J.className=Wa;J.defaultOptions=kn;J.moduleName=V;J.folderName=W;import{jsx as Rd}from"react/jsx-runtime";var vn="k-grid-header",q=e=>{let{draggable:t,...o}=e;return Rd("div",{...o,className:r(e.className,vn,{"k-grid-draggable-header":t}),children:e.children})};q.className=vn;q.moduleName=V;q.folderName=W;import{jsx as Ln,jsxs as Od}from"react/jsx-runtime";var Cn="k-grouping-header",Vt=e=>{let{dropHint:t,dropClue:o,...a}=e;return Od("div",{...a,className:r(e.className,Cn),children:[o&&Ln("div",{className:"k-grouping-dropclue"}),e.children,Ln("div",{className:"k-grouping-drop-container",children:t})]})};Vt.className=Cn;Vt.moduleName=V;Vt.folderName=W;import{jsx as Pd}from"react/jsx-runtime";var Mn="k-grid-pinned-container",Ar=e=>{let{position:t,...o}=e;return Pd("div",{...o,className:r(e.className,Mn,{"k-pos-bottom":t==="bottom"}),children:e.children})};Ar.className=Mn;Ar.moduleName=V;Ar.folderName=W;import{jsx as Hd}from"react/jsx-runtime";var yn="k-grid-sticky-container",Er=e=>{let{position:t,...o}=e;return Hd("div",{...o,className:r(e.className,yn,{"k-pos-bottom":t==="bottom"}),children:e.children})};Er.className=yn;Er.moduleName=V;Er.folderName=W;var ye="table",Oe=ye;import{jsx as Bd}from"react/jsx-runtime";var Sn="k-data-table",Gd=[],Kd={size:[d.undefined,d.small,d.medium,d.large]},Dd={},Ot=e=>{let{size:t,...o}=e;return Bd("div",{...o,className:r(e.className,Sn,A("k-table",{size:t})),children:e.children})};Ot.states=Gd;Ot.options=Kd;Ot.className=Sn;Ot.defaultOptions=Dd;Ot.moduleName=ye;Ot.folderName=Oe;import{jsx as Fd}from"react/jsx-runtime";var Ir="k-table-header-wrap",_d=[n.hover,n.focus,n.disabled],zd={},Ud={},$t=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return Fd("div",{...s,className:r(e.className,Ir,I(Ir,{hover:o,focus:a,disabled:l})),children:t})};$t.states=_d;$t.options=zd;$t.className=Ir;$t.defaultOptions=Ud;$t.moduleName=ye;$t.folderName=Oe;import{jsx as Wd}from"react/jsx-runtime";var Rr="k-table",Vd=[],$d={size:[d.undefined,d.small,d.medium,d.large]},Xd={},Pe=e=>{let{size:t,...o}=e;return Wd("table",{...o,className:r(e.className,Rr,A(Rr,{size:t})),children:e.children})};Pe.states=Vd;Pe.options=$d;Pe.className=Rr;Pe.defaultOptions=Xd;Pe.moduleName=ye;Pe.folderName=Oe;import{jsx as Or}from"react/jsx-runtime";var Pr="k-table-header",Jd=[n.hover,n.focus,n.disabled],qd={},Yd={},Pt=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return Or("div",{...s,className:r(e.className,Pr,I(Pr,{hover:o,focus:a,disabled:l})),children:Or($t,{children:Or(Pe,{children:t})})})};Pt.states=Jd;Pt.options=qd;Pt.className=Pr;Pt.defaultOptions=Yd;Pt.moduleName=ye;Pt.folderName=Oe;import{jsx as ec}from"react/jsx-runtime";var wn="k-table-scroller",Qd=[],Zd={},jd={},wo=e=>{let{children:t,...o}=e;return ec("div",{...o,className:r(e.className,wn),children:t})};wo.states=Qd;wo.options=Zd;wo.className=wn;wo.defaultOptions=jd;wo.moduleName=ye;wo.folderName=Oe;import{jsx as Kx}from"react/jsx-runtime";import{jsx as rc}from"react/jsx-runtime";var An="k-table-footer",tc=[],oc={},ac={},Xt=e=>{let{children:t,...o}=e;return rc("div",{...o,className:r(e.className,An),children:t})};Xt.states=tc;Xt.options=oc;Xt.className=An;Xt.defaultOptions=ac;Xt.moduleName=ye;Xt.folderName=Oe;import{jsx as sc}from"react/jsx-runtime";var Hr="k-table-list",lc=[],nc={size:[d.undefined,d.small,d.medium,d.large]},ic={},Wt=e=>{let{size:t,virtualization:o,...a}=e;return sc("ul",{...a,className:r(e.className,"k-table",Hr,A(Hr,{size:t}),{"k-virtual-table":o}),children:e.children})};Wt.states=lc;Wt.options=nc;Wt.className=Hr;Wt.defaultOptions=ic;Wt.moduleName=ye;Wt.folderName=Oe;import{jsx as cc}from"react/jsx-runtime";var dc="k-table-thead",$=e=>cc("thead",{className:r(e.className,dc),children:e.children});import{jsx as mc}from"react/jsx-runtime";var pc="k-table-tbody",oe=e=>mc("tbody",{className:r(e.className,pc),children:e.children});import{jsx as tN}from"react/jsx-runtime";import{jsx as bc}from"react/jsx-runtime";var Gr="k-table-row",uc=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],k=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:s,alt:p,...u}=e;return bc("tr",{...u,className:r(e.className,Gr,{"k-table-alt-row":p},I(Gr,{hover:t,focus:o,disabled:s,selected:a,highlighted:l})),children:e.children})};k.states=uc;k.className=Gr;import{jsx as Tc}from"react/jsx-runtime";var Kr="k-table-row",fc=[n.hover,n.focus,n.selected,n.disabled],Ja=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:s,...p}=e;return Tc("li",{...p,className:r(e.className,Kr,{"k-table-alt-row":s},I(Kr,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};Ja.states=fc;Ja.className=Kr;import{jsx as hc}from"react/jsx-runtime";var En="k-table-th",Ht=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,s=t||e.children;return hc("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,En),children:s})};Ht.className=En;Ht.moduleName=ye;Ht.folderName=Oe;import{jsx as fN}from"react/jsx-runtime";import{jsx as Nc}from"react/jsx-runtime";var Dr="k-table-td",xc=[n.focus,n.selected,n.highlighted],i=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:s,rowspan:p,...u}=e,x=l||e.children;return Nc("td",{colSpan:s,rowSpan:p,...u,className:r(e.className,Dr,I(Dr,{focus:t,selected:o,highlighted:a})),children:x})};i.states=xc;i.className=Dr;import{jsx as vN}from"react/jsx-runtime";import{jsx as yN}from"react/jsx-runtime";import{jsx as EN}from"react/jsx-runtime";import{jsx as PN}from"react/jsx-runtime";import{jsx as DN}from"react/jsx-runtime";import{jsx as $N,jsxs as XN}from"react/jsx-runtime";import{jsx as YN,jsxs as QN}from"react/jsx-runtime";import{jsx as tg,jsxs as og}from"react/jsx-runtime";import{Fragment as sg,jsx as ng,jsxs as ig}from"react/jsx-runtime";import{jsx as Lc}from"react/jsx-runtime";var Rn="k-grid-header-table",Y=e=>Lc(Pe,{...e,className:r(e.className,Rn),children:e.children});Y.className=Rn;Y.moduleName=V;Y.folderName=W;import{Fragment as Sc,jsx as On}from"react/jsx-runtime";var Br="k-font-icon",Cc=[],Mc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark]},yc={},Jo=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:s,...p}=e;return a?On("span",{...p,className:r(e.className,Br,A(Br,{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"}):On(Sc,{})};Jo.states=Cc;Jo.options=Mc;Jo.className=Br;Jo.defaultOptions=yc;var Pn=Jo;import{Fragment as Ec,jsx as qa}from"react/jsx-runtime";var _r="k-svg-icon",wc=[],Ac={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark]},Hn={viewBox:"0 0 24 24"},qo=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:s=Hn.viewBox,icon:p,...u}=e;if(!p)return qa(Ec,{});if(p==="none")return qa("span",{...u,className:r(e.className,_r,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof p=="object"&&p.name&&p.name;return qa("span",{...u,className:r(e.className,_r,A("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:qa("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})})};qo.states=wc;qo.options=Ac;qo.className=_r;qo.defaultOptions=Hn;var zr=qo;import*as Ur from"@progress/kendo-svg-icons";var Gn="icon",Kn="icons";import{useContext as Rc}from"react";import{createContext as Ic}from"react";var Dn=Ic({iconsType:"svg"});import{Fragment as Bn,jsx as Yo}from"react/jsx-runtime";var Ya="k-icon",Oc=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Pc=[],Hc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark]},Fr={viewBox:"0 0 24 24",type:"svg"},m=e=>{let{iconsType:t}=Rc(Dn),{size:o,themeColor:a,icon:l,type:s=t||Fr.type,rotate:p,flip:u,viewBox:x=Fr.viewBox,...g}=e;if(!l)return Yo(Bn,{});if((t||s)==="svg"){if(l==="none")return Yo(zr,{...g,className:r(e.className,Ya),icon:l,size:o});let v=Ur[l]?l:Oc(`${l}-icon`);return Ur[v]?Yo(zr,{...g,className:r(e.className,Ya),icon:Ur[v],size:o,themeColor:a,rotate:p,flip:u,viewBox:x}):Yo(Bn,{})}return Yo(Pn,{...g,className:r(e.className,Ya),icon:l,size:o,themeColor:a,rotate:p,flip:u})};m.states=Pc;m.options=Hc;m.defaultOptions=Fr;m.className=Ya;m.moduleName=Gn;m.folderName=Kn;m.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 Jt,jsxs as Vr}from"react/jsx-runtime";var $r="k-header",Gc=[n.hover,n.focus,n.active],_n={sortIcon:"sort-asc-small"},M=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:s,columnTitle:p,hover:u,focus:x,active:g,sortIcon:L=_n.sortIcon,sortOrder:v,accessibleLabel:b,...w}=e;return Vr(Ht,{...w,className:r(e.className,$r,{"k-filterable":t||a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":s},I($r,{hover:u,focus:x,active:g})),children:[p&&Vr("span",{className:"k-cell-inner",children:[Vr("span",{className:"k-link",children:[Jt("span",{className:"k-column-title",children:p}),o&&Jt("span",{className:"k-sort-icon",children:Jt(m,{icon:L})}),v&&Jt("span",{className:"k-sort-order",children:v})]}),t&&Jt("a",{href:"#",className:r("k-grid-header-menu",{"k-active":g,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:Jt(m,{icon:t==="filter"?"filter":"more-vertical"})})]}),!p&&b&&Jt("span",{className:"k-sr-only",children:b}),e.children,s&&Jt("span",{className:"k-column-resizer k-touch-action-none"})]})};M.states=Gc;M.className=$r;M.defaultOptions=_n;M.moduleName=V;M.folderName=W;import{jsx as Kc}from"react/jsx-runtime";var zn="k-grid-container",re=e=>Kc("div",{...e,className:r(e.className,zn),children:e.children});re.className=zn;re.moduleName=V;re.folderName=W;import{jsx as Dc}from"react/jsx-runtime";var Un="k-grid-content",ee=e=>Dc("div",{...e,className:r(e.className,Un),children:e.children});ee.className=Un;ee.moduleName=V;ee.folderName=W;import{jsx as Bc}from"react/jsx-runtime";var Fn="k-grid-table",te=e=>Bc(Pe,{...e,className:r(e.className,Fn),children:e.children});te.className=Fn;te.moduleName=V;te.folderName=W;import{jsx as _c}from"react/jsx-runtime";var Vn="k-grid-footer",Xr=e=>_c("div",{...e,className:r(e.className,Vn),children:e.children});Xr.className=Vn;Xr.moduleName=V;Xr.folderName=W;import{jsx as zc}from"react/jsx-runtime";var $n="k-grid-footer-table",Wr=e=>zc(Pe,{...e,className:r(e.className,$n),children:e.children});Wr.className=$n;Wr.moduleName=V;Wr.folderName=W;var Jr="button",Xn=Jr;import{Fragment as $c,jsx as Qo,jsxs as Wn}from"react/jsx-runtime";var Zo="k-button",Uc=["icon-button"],Fc=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Vc={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark,T.inverse]},qr={showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:s,showArrow:p=qr.showArrow,arrowIconName:u=qr.arrowIconName,variant:x,hover:g,focus:L,active:v,selected:b,disabled:w,togglable:S,icon:E,text:P,iconClassName:O,className:U,...be}=e,ge=E!==void 0,Ke=e.children!==void 0;return Wn(t,{className:r(U,Zo,gn(Zo,x),A(Zo,{size:o,rounded:a,fillMode:l,themeColor:s}),I(Zo,{hover:g,focus:L,active:v,disabled:w,selected:b}),{"k-icon-button":!P&&!Ke&&ge}),...be,"aria-pressed":S?b?"true":"false":void 0,disabled:w||void 0,children:[E&&Qo(m,{className:r(O,"k-button-icon"),icon:E}),P?Wn($c,{children:[P&&Qo("span",{className:"k-button-text",children:P}),e.children]}):e.children&&Qo("span",{className:"k-button-text",children:e.children}),p&&Qo("span",{className:"k-menu-button-arrow k-button-arrow",children:Qo(m,{icon:u})})]})};c.states=Fc;c.options=Vc;c.variants=Uc;c.className=Zo;c.defaultOptions=qr;c.moduleName=Jr;c.folderName=Xn;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 Xc}from"react/jsx-runtime";var qt=e=>Xc(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Wc}from"react/jsx-runtime";var jo=e=>Wc(c,{icon:"folder",children:"Button",...e});import{jsx as Jc}from"react/jsx-runtime";var co=e=>Jc(c,{children:"Button",...e});import{jsx as Yr}from"react/jsx-runtime";var qc=c.options,Yc=c.states,Qc={...c.defaultOptions,variant:"text"},Zc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],jc=[],ea=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Yr(qt,{...o,icon:"star"});case"icon-and-text":return Yr(jo,{...o,icon:"star",children:"Button"});default:return Yr(co,{...o,children:"Button"})}};ea.options=qc;ea.states=Yc;ea.variants=Zc;ea.defaultOptions=Qc;ea.modifiers=jc;var ta="input",Qa=ta;import{jsx as ap}from"react/jsx-runtime";var Za="k-input",ep=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],tp={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},op={},ke=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u,size:x,rounded:g,fillMode:L,...v}=e;return ap("span",{...v,className:r(e.className,Za,A(Za,{size:x,rounded:g,fillMode:L}),I(Za,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u}))})};ke.states=ep;ke.options=tp;ke.className=Za;ke.defaultOptions=op;ke.moduleName=ta;ke.folderName=Qa;import{jsx as ip}from"react/jsx-runtime";var ja="k-picker",rp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],lp={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},np={},Ct=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u,size:x,rounded:g,fillMode:L,...v}=e;return ip("span",{...v,className:r(e.className,ja,A(ja,{size:x,rounded:g,fillMode:L}),I(ja,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u})),children:e.children})};Ct.states=rp;Ct.options=lp;Ct.className=ja;Ct.defaultOptions=np;Ct.moduleName=ta;Ct.folderName=Qa;import{Fragment as cp,jsx as Qr}from"react/jsx-runtime";var Jn="k-clear-value",sp=[n.disabled,n.loading,n.readonly],dp={},et=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?Qr(cp,{}):Qr("span",{className:r(e.className,Jn),children:Qr(m,{icon:"x"})})};et.states=sp;et.options=dp;et.className=Jn;import{jsx as up}from"react/jsx-runtime";var Zr="k-input-inner",pp=[],mp={},er={type:"text",autocomplete:"off",value:"",placeholder:""},tt=e=>{let{value:t=er.value,type:o=er.type,placeholder:a=er.placeholder,autocomplete:l=er.autocomplete,disabled:s,readOnly:p,...u}=e;return up("input",{...u,type:o,className:r(e.className,Zr,A(Zr,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:s||void 0,readOnly:p||void 0})};tt.states=pp;tt.options=mp;tt.className=Zr;import{jsx as qn,jsxs as Tp}from"react/jsx-runtime";var jr="k-input-inner",bp=[],fp={},po=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:s,...p}=e;return Tp("span",{...p,className:r(e.className,jr,A(jr,e)),children:[l,!l&&s&&qn(m,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&qn("span",{className:"k-input-value-text",children:t})]})};po.states=bp;po.options=fp;po.className=jr;import{jsx as Np}from"react/jsx-runtime";var el="k-input-inner",hp=[],xp={},Yn={value:"",placeholder:""},tl=e=>{let{value:t=Yn.value,placeholder:o=Yn.placeholder,rows:a,disabled:l,...s}=e;return Np("textarea",{...s,className:r(e.className,el,A(el,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};tl.states=hp;tl.options=xp;tl.className=el;import{Fragment as kp,jsx as Qn}from"react/jsx-runtime";var Zn="k-input-loading-icon",gp=[n.disabled,n.loading],$e=e=>{let{disabled:t,loading:o}=e;return t||!o?Qn(kp,{}):Qn("span",{className:r(e.className,Zn,"k-icon k-i-loading")})};$e.states=gp;$e.className=Zn;import{Fragment as Cp,jsx as jn}from"react/jsx-runtime";var ei="k-input-validation-icon",vp=[n.valid,n.invalid,n.disabled,n.loading],Lp={},De=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,s=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?jn(Cp,{}):jn(m,{className:r(ei),icon:s})};De.states=vp;De.options=Lp;De.className=ei;import{Fragment as Sp,jsx as ti}from"react/jsx-runtime";var Mp="k-input-prefix",yp={direction:"horizontal"},st=e=>{let{direction:t=yp.direction,...o}=e;return e.children?ti("span",{...o,className:r(Mp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ti(Sp,{})};import{Fragment as Ep,jsx as oi}from"react/jsx-runtime";var wp="k-input-suffix",Ap={direction:"horizontal"},dt=e=>{let{direction:t=Ap.direction,...o}=e;return e.children?oi("span",{...o,className:r(wp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):oi(Ep,{})};import{jsx as Zv}from"react/jsx-runtime";import{jsx as Rp}from"react/jsx-runtime";var Ip="k-input-suffix-text",ol=e=>{let{children:t,...o}=e;return Rp("span",{...o,className:r(Ip,e.className),children:t})};import{jsx as Pp}from"react/jsx-runtime";var ai="k-input-separator",Op={direction:"vertical"},ct=e=>{let{direction:t=Op.direction,...o}=e;return Pp("span",{...o,className:r(ai,e.className,{[`${ai}-${t}`]:t})})};import{Fragment as ri,jsx as Mt,jsxs as al}from"react/jsx-runtime";var Hp=ke.states,Gp=ke.defaultOptions,Kp=ke.options,Dp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Bp=[],oa=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:s,readonly:p,...u}=e,x=t?.prefix,g=t?.suffix,L=t?.["clear-button"],v=t?.["validation-icon"],b=t?.separators;return al(ke,{...u,valid:o,invalid:a,loading:l,disabled:s,readonly:p,style:{width:300},children:[x&&al(ri,{children:[Mt(st,{children:Mt(m,{icon:"lock"})}),b&&Mt(ct,{})]}),Mt(tt,{placeholder:"Placeholder",value:"Value"}),v&&Mt(De,{valid:o,invalid:a,loading:l,disabled:s}),Mt($e,{loading:l,disabled:s}),L&&Mt(et,{loading:l,disabled:s,readonly:p,value:"Value"}),g&&al(ri,{children:[b&&Mt(ct,{}),Mt(dt,{children:Mt(co,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};oa.options=Kp;oa.states=Hp;oa.variants=Bp;oa.defaultOptions=Gp;oa.modifiers=Dp;var rl="popup",li=rl;import{jsx as ni}from"react/jsx-runtime";var ii="k-animation-container",_p=[],zp={},si={positionMode:"absolute"},yt=e=>{let{positionMode:t=si.positionMode,animationStyle:o,offset:a,...l}=e;return ni("div",{...l,style:{...a,...e.style},className:r(e.className,ii,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:ni("div",{className:"k-child-animation-container",style:o,children:e.children})})};yt.states=_p;yt.options=zp;yt.className=ii;yt.defaultOptions=si;yt.moduleName=rl;yt.folderName=li;var ll="popup",di=ll;import{jsx as ci}from"react/jsx-runtime";var pi="k-popup",Up=[],Fp={},mi={positionMode:"absolute"},pe=e=>{let{offset:t,positionMode:o=mi.positionMode,animationStyle:a,containerClassName:l,containerRole:s,containerAriaLabel:p,...u}=e;return ci(yt,{positionMode:o,offset:t,animationStyle:a,className:l,role:s,"aria-label":p,children:ci("div",{...u,className:r(e.className,pi),children:e.children})})};pe.states=Up;pe.options=Fp;pe.className=pi;pe.defaultOptions=mi;pe.moduleName=ll;pe.folderName=di;pe.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var nl="action-buttons",ui=nl;import{jsx as Xp}from"react/jsx-runtime";var tr="k-actions",Vp=[],$p={},il={alignment:"start",orientation:"horizontal"},St=e=>{let{alignment:t=il.alignment,orientation:o=il.orientation,...a}=e;return Xp("div",{...a,className:r(tr,{[`${tr}-${t}`]:t,[`${tr}-${o}`]:o},e.className),children:e.children})};St.states=Vp;St.options=$p;St.className=tr;St.defaultOptions=il;St.moduleName=nl;St.folderName=ui;import{jsx as Jp}from"react/jsx-runtime";var Wp="k-actionsheet-footer",bi={alignment:"stretched",orientation:"horizontal"},Yt=e=>{let{alignment:t=bi.alignment,orientation:o=bi.orientation,template:a,as:l=a?"div":St,...s}=e;return Jp(l,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,Wp),children:e.children})};var sl="searchbox",fi=sl;import{jsx as aa,jsxs as Qp}from"react/jsx-runtime";var Ti="k-searchbox",qp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Yp={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},dl={showIcon:!0,icon:"search"},pt=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:s,hover:p,focus:u,valid:x,invalid:g,required:L,loading:v,disabled:b,showIcon:w=dl.showIcon,icon:S=dl.icon,...E}=e;return Qp(ke,{...E,size:a,rounded:l,fillMode:s,hover:p,focus:u,valid:x,invalid:g,required:L,loading:v,disabled:b,className:r(e.className,Ti),children:[w&&aa(m,{className:"k-input-icon",icon:S}),aa(tt,{placeholder:o,value:t}),aa($e,{...e}),aa(De,{...e}),aa(et,{...e})]})};pt.states=qp;pt.options=Yp;pt.className=Ti;pt.defaultOptions=dl;pt.moduleName=sl;pt.folderName=fi;import{jsx as hC}from"react/jsx-runtime";var cl="textbox",hi=cl;import{Fragment as xi,jsx as Qt,jsxs as pl}from"react/jsx-runtime";var Ni="k-textbox",Zp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],jp={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},or={showClearButton:!0,showValidationIcon:!0,separators:!0},ie=e=>{let{size:t,rounded:o,fillMode:a,separators:l=or.separators,showClearButton:s=or.showClearButton,showValidationIcon:p=or.showValidationIcon,prefix:u,suffix:x,type:g,value:L,placeholder:v,hover:b,focus:w,valid:S,invalid:E,required:P,loading:O,disabled:U,readonly:be,id:ge,"aria-label":Ke,"aria-describedby":Ze,...je}=e;return pl(ke,{...je,size:t,rounded:o,fillMode:a,hover:b,focus:w,valid:S,invalid:E,required:P,loading:O,disabled:U,readonly:be,className:r(e.className,Ni),children:[u&&pl(xi,{children:[Qt(st,{children:u}),l&&Qt(ct,{})]}),Qt(tt,{id:ge,placeholder:v,value:L,type:g,disabled:U,"aria-label":Ke,"aria-describedby":Ze,"aria-invalid":E?"true":void 0}),p&&Qt(De,{valid:S,invalid:E,loading:O,disabled:U}),Qt($e,{loading:O,disabled:U}),s&&Qt(et,{loading:O,disabled:U,readonly:be,value:L}),x&&pl(xi,{children:[l&&Qt(ct,{}),Qt(dt,{children:x})]})]})};ie.states=Zp;ie.options=jp;ie.className=Ni;ie.defaultOptions=or;ie.moduleName=cl;ie.folderName=hi;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 ra=ie;import{jsx as em}from"react/jsx-runtime";var gi=e=>em(ra,{...e});import{Fragment as HC,jsx as PC}from"react/jsx-runtime";import{Fragment as zC,jsx as _C}from"react/jsx-runtime";import{jsx as $C}from"react/jsx-runtime";import{jsx as ml}from"react/jsx-runtime";var tm=ie.states,om=ie.defaultOptions,am=ie.options,rm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],lm=[],la=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?ml(m,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[l]?ml(co,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;default:break}}),ml(gi,{value:"Value",style:{width:300},...o,...a})};la.options=am;la.states=tm;la.variants=lm;la.defaultOptions=om;la.modifiers=rm;import{jsx as Zt,jsxs as ul}from"react/jsx-runtime";var ki="k-actionsheet-titlebar",nm={},Be=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:s,input:p,inputValue:u,inputPlaceholder:x,adaptive:g,titleId:L,children:v,...b}=e;return ul("div",{...b,className:r(e.className,ki),children:[ul("div",{className:"k-actionsheet-titlebar-group",children:[a&&Zt("div",{className:"k-actionsheet-actions",children:a}),!v&&ul("div",{className:"k-actionsheet-title",id:L,children:[t&&Zt("div",{className:"k-text-center",children:t}),o&&Zt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&Zt("div",{className:"k-actionsheet-title",id:L,children:v}),l&&Zt("div",{className:"k-actionsheet-actions",children:l})]}),(p||s)&&Zt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?Zt(ie,{value:u,placeholder:x,size:g?"large":"medium","aria-label":t||x||"Input"}):Zt(pt,{placeholder:"Filter",size:g?"large":"medium","aria-label":"Filter options"})})]})};Be.className=ki;Be.defaultOptions=nm;import{jsx as bl,jsxs as cm}from"react/jsx-runtime";var fl="k-actionsheet-view",im=[],sm={},dm={},Ao=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:s,titleId:p,...u}=e,x=l?.type===Be&&bl(Be,{adaptive:t,titleId:p,...l?.props}),g=s?.type===Yt&&bl(Yt,{...s?.props});return cm("div",{...u,className:r(e.className,fl,{[`${fl}-animated`]:o}),children:[x,bl("div",{className:"k-actionsheet-content",children:a}),g]})};Ao.states=im;Ao.options=sm;Ao.className=fl;Ao.defaultOptions=dm;var na="action-sheet",ar=na;var Tl="overlay",vi=Tl;import{jsx as bm}from"react/jsx-runtime";var hl="k-overlay",pm=[],mm={themeColor:[T.undefined,T.light,T.dark,T.inverse]},um={},jt=e=>{let{themeColor:t,...o}=e;return bm("div",{...o,className:r(e.className,hl,A(hl,{themeColor:t})),children:e.children})};jt.states=pm;jt.options=mm;jt.className=hl;jt.defaultOptions=um;jt.moduleName=Tl;jt.folderName=vi;import{jsx as rr,jsxs as hm}from"react/jsx-runtime";var Li="k-actionsheet",fm=[],Tm={},ia={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},he=e=>{let{side:t=ia.side,fullscreen:o=ia.fullscreen,adaptive:a=ia.adaptive,overlay:l=ia.overlay,template:s,children:p,header:u,footer:x,id:g,...L}=e,v=g&&!s&&u?`${g}-title`:void 0;return hm("div",{className:"k-actionsheet-container",children:[l&&rr(jt,{}),rr(yt,{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:rr("div",{...L,id:g,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":v,className:r(e.className,Li,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||rr(Ao,{header:u,footer:x,adaptive:a,titleId:v,...e,children:p})})})]})};he.states=fm;he.options=Tm;he.className=Li;he.defaultOptions=ia;he.moduleName=na;he.folderName=ar;he.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 km}from"react/jsx-runtime";var Ci="k-actionsheet-container",xm=[],Nm={},gm={},Eo=e=>{let{children:t,...o}=e;return km("div",{...o,className:Ci,children:t})};Eo.states=xm;Eo.options=Nm;Eo.className=Ci;Eo.defaultOptions=gm;Eo.moduleName=na;Eo.folderName=ar;import{jsx as vm}from"react/jsx-runtime";var xl=e=>{let{...t}=e;return vm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Cm,jsx as sa,jsxs as Nl}from"react/jsx-runtime";var gl="k-actionsheet-item",Lm=[n.hover,n.focus,n.selected,n.disabled],eo=e=>{let{iconName:t,text:o,description:a,hover:l,focus:s,selected:p,disabled:u,...x}=e;return Nl("span",{...x,className:r(e.className,gl,I(gl,{hover:l,focus:s,selected:p,disabled:u})),children:[!e.children&&sa(Cm,{children:Nl("span",{className:"k-actionsheet-action",children:[t&&sa("span",{className:"k-icon-wrap",children:sa(m,{className:"k-actionsheet-item-icon",icon:t})}),Nl("span",{className:"k-actionsheet-item-text",children:[o&&sa("span",{className:"k-actionsheet-item-title",children:o}),a&&sa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};eo.states=Lm;eo.className=gl;import{jsx as VM,jsxs as $M}from"react/jsx-runtime";import{jsx as qM}from"react/jsx-runtime";import{jsx as jM}from"react/jsx-runtime";import{jsx as ay}from"react/jsx-runtime";import{jsx as Se,jsxs as kl}from"react/jsx-runtime";var Mm=he.options,ym=he.states,yi={...he.defaultOptions,variant:"normal"},Sm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],wm=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],da=e=>{let{variant:t,modifiers:o,...a}={...yi,...e},l={},s=kl(xl,{children:[Se(eo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Se(eo,{text:"Add to Favorites",iconName:"heart"}),Se(eo,{text:"Upload New",iconName:"upload",disabled:!0}),Se("hr",{className:"k-hr"}),Se(eo,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",u="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(x=>{switch(x){case"actions":l.actionsStart=!!o?.[x],l.actionsEnd=!!o?.[x];break;case"subtitle":l.subtitle=o?.[x]?p:void 0;break;case"footer":l.footer=!!o?.[x];break;default:break}}),t==="adaptive"?Se(he,{...a,adaptive:!0,fullscreen:l.fullScreen,header:Se(Be,{actionsStart:l.actionsStart?Se(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Se(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?kl(Yt,{alignment:"stretched",children:[Se(c,{text:"Cancel",size:"large",themeColor:"base"}),Se(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):Se(he,{...a,fullscreen:l.fullScreen,header:Se(Be,{actionsStart:l.actionsStart?Se(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Se(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?kl(Yt,{alignment:"stretched",children:[Se(c,{text:"Apply",themeColor:"primary"}),Se(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};da.options=Mm;da.states=ym;da.variants=Sm;da.defaultOptions=yi;da.modifiers=wm;import Ll from"react";import{jsx as Si}from"react/jsx-runtime";var Am="k-list-group-sticky-header",vl=e=>Si("div",{className:r(Am,e.className),children:Si("div",{className:"k-list-header-text",children:e.children})});import{jsx as Im}from"react/jsx-runtime";var Em="k-no-data",lr=e=>{let{live:t,...o}=e;return Im("span",{...o,className:r(Em,e.className),"aria-live":t?"polite":void 0,children:e.children})};var mo="list",Io=mo;import{jsx as wi,jsxs as Ai}from"react/jsx-runtime";var Cl="k-list",Rm=[],Om={size:[d.undefined,d.small,d.medium,d.large]},Pm={},Q=e=>{let{size:t,virtualization:o,children:a,header:l,optionLabel:s,customValue:p,noData:u,screenReaders:x,...g}=e,v=Ll.Children.toArray(a)[0],b=v?.props?.children?Ll.Children.count(v.props.children):Ll.Children.count(a);return Ai("div",{...g,className:r(e.className,Cl,A(Cl,{size:t}),{"k-virtual-list":o}),children:[s,p,l&&wi(vl,{children:l}),a||(u!==void 0?u:wi(lr,{live:!0,children:"No data found."})),x&&a&&Ai(lr,{className:"k-sr-only",live:!0,children:[b," items found."]})]})};Q.states=Rm;Q.options=Om;Q.className=Cl;Q.defaultOptions=Pm;Q.moduleName=mo;Q.folderName=Io;Q.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 Dm}from"react/jsx-runtime";var Ei="k-list-container",Hm=[],Gm={},Km={},Ro=e=>{let{...t}=e;return Dm("div",{...t,className:r(e.className,Ei),children:e.children})};Ro.states=Hm;Ro.options=Gm;Ro.className=Ei;Ro.defaultOptions=Km;Ro.moduleName=mo;Ro.folderName=Io;var uo="checkbox",Oo=uo;import{jsx as Ii}from"react/jsx-runtime";var nr="k-checkbox",Bm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],_m={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full]},zm={},Xe=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:s,disabled:p,invalid:u,valid:x,required:g,size:L,rounded:v,...b}=e;return Ii("span",{className:"k-checkbox-wrap",children:Ii("input",{...b,id:t,type:"checkbox",defaultChecked:o,required:g,disabled:p||void 0,"aria-invalid":u?"true":void 0,className:r(e.className,nr,A(nr,{size:L,rounded:v}),I(nr,{hover:l,focus:s,disabled:p,invalid:u,valid:x,indeterminate:a,checked:o}))})})};Xe.states=Bm;Xe.options=_m;Xe.className=nr;Xe.defaultOptions=zm;Xe.moduleName=uo;Xe.folderName=Oo;Xe.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 wt=Xe;import{jsx as Vm}from"react/jsx-runtime";var Ri="k-checkbox-list",Um=[],Fm={},Oi={layout:"vertical"},We=e=>{let{layout:t=Oi.layout,...o}=e;return Vm("ul",{...o,className:r(e.className,Ri,{[`k-list-${t}`]:t}),children:e.children})};We.states=Um;We.options=Fm;We.className=Ri;We.defaultOptions=Oi;We.moduleName=uo;We.folderName=Oo;import{jsx as Jm}from"react/jsx-runtime";var Pi="k-checkbox-list-item",$m=[],Xm={},Wm={},_e=e=>{let{...t}=e;return Jm("li",{...t,className:r(e.className,Pi),children:e.children})};_e.states=$m;_e.options=Xm;_e.className=Pi;_e.defaultOptions=Wm;_e.moduleName=uo;_e.folderName=Oo;import{Fragment as qm,jsx as Hi,jsxs as Ym}from"react/jsx-runtime";var Gt=({children:e,id:t,...o})=>Ym(qm,{children:[Hi(wt,{id:t,...o}),Hi("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as mS,jsx as pS,jsxs as uS}from"react/jsx-runtime";import{Fragment as xS,jsx as hS,jsxs as NS}from"react/jsx-runtime";import{Fragment as CS,jsx as LS,jsxs as MS}from"react/jsx-runtime";import{jsx as AS}from"react/jsx-runtime";import{jsx as OS}from"react/jsx-runtime";import{jsx as KS}from"react/jsx-runtime";import{jsx as mt,jsxs as Gi}from"react/jsx-runtime";var Qm=We.options,Zm=We.states,jm={...We.defaultOptions,variant:"vertical"},eu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],tu=[],ca=e=>{let{variant:t,...o}=e;return t==="horizontal"?Gi(We,{layout:"horizontal",...o,children:[mt(_e,{children:mt(Gt,{id:"first",defaultChecked:!0,children:"Label"})}),mt(_e,{children:mt(Gt,{id:"second",children:"Label"})}),mt(_e,{children:mt(Gt,{id:"third",children:"Label"})})]}):Gi(We,{...o,children:[mt(_e,{children:mt(Gt,{id:"first",defaultChecked:!0,children:"Label"})}),mt(_e,{children:mt(Gt,{id:"second",children:"Label"})}),mt(_e,{children:mt(Gt,{id:"third",children:"Label"})})]})};ca.options=Qm;ca.states=Zm;ca.variants=eu;ca.defaultOptions=jm;ca.modifiers=tu;import{jsx as iu}from"react/jsx-runtime";var ou=wt.options,au=wt.states,ru=wt.defaultOptions,lu=[],nu=[],pa=e=>iu(Gt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});pa.options=ou;pa.states=au;pa.variants=lu;pa.defaultOptions=ru;pa.modifiers=nu;import{jsx as bo,jsxs as pu}from"react/jsx-runtime";var Ml="k-list-item",su=[n.hover,n.focus,n.selected,n.disabled],du={},cu={},z=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:s,showCheckbox:p,checked:u,hover:x,focus:g,selected:L,disabled:v,actions:b,description:w,id:S,...E}=e,P=t||e.children;return pu("li",{...E,id:S,role:a?"presentation":"option",tabIndex:a?void 0:g?0:-1,"aria-selected":!a&&L?"true":a?void 0:"false","aria-disabled":!a&&v?"true":void 0,className:r(e.className,a?"k-list-group-item":Ml,I(Ml,{hover:x,focus:g,disabled:v,selected:L})),children:[p&&bo(Xe,{checked:u}),l&&bo("span",{className:"k-list-item-icon-wrapper",children:bo(m,{icon:l,className:r("k-list-item-icon",s)})}),bo("span",{className:"k-list-item-text",children:P}),b&&bo("div",{className:"k-list-item-actions",children:b}),w&&bo("span",{className:"k-list-item-description",children:w}),o&&o!==""&&bo("div",{className:"k-list-item-group-label",children:o})]})};z.states=su;z.options=du;z.className=Ml;z.defaultOptions=cu;z.moduleName=mo;z.folderName=Io;z.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 uu}from"react/jsx-runtime";var mu="k-list-ul",Kt=e=>{let{children:t,role:o,id:a,...l}=e;return uu("ul",{...l,id:a,role:o,className:r(mu,e.className),children:t})};Kt.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 yl,jsxs as fu}from"react/jsx-runtime";var bu="k-list-content",le=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:s,...p}=e;return fu("div",{...p,className:r(bu,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:yl(Kt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&yl("div",{className:"k-height-container",children:yl("div",{})})]})};le.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 Mw,jsx as Cw,jsxs as yw}from"react/jsx-runtime";import{jsx as Sl,jsxs as hu}from"react/jsx-runtime";var Tu="k-list-group-item",fo=e=>{let{groupIconName:t,...o}=e;return hu("li",{...o,role:"presentation",className:r(Tu,e.className),children:[t&&Sl("span",{className:"k-list-item-icon-wrapper",children:Sl(m,{icon:t,className:"k-list-item-icon"})}),Sl("span",{className:"k-list-item-text",children:e.children})]})};fo.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 ku}from"react/jsx-runtime";var wl="k-list-optionlabel",xu=[n.hover,n.focus,n.selected,n.disabled],Nu={},gu={},ir=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...p}=e;return ku("div",{...p,className:r(wl,I(wl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};ir.states=xu;ir.options=Nu;ir.className=wl;ir.defaultOptions=gu;import{jsx as Mu}from"react/jsx-runtime";var Al="k-list-custom-value",vu=[n.hover,n.focus,n.selected,n.disabled],Lu={},Cu={},to=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...p}=e;return Mu("div",{...p,className:r(Al,I(Al,{hover:o,focus:a,selected:l,disabled:s})),children:t})};to.states=vu;to.options=Lu;to.className=Al;to.defaultOptions=Cu;import{Fragment as Uw,jsx as zw,jsxs as Fw}from"react/jsx-runtime";import{Fragment as qw,jsx as Jw,jsxs as Yw}from"react/jsx-runtime";import{Fragment as aA,jsx as tA,jsxs as oA}from"react/jsx-runtime";import{Fragment as cA,jsx as sA,jsxs as dA}from"react/jsx-runtime";import{jsx as bA}from"react/jsx-runtime";import{Fragment as gA,jsx as NA,jsxs as kA}from"react/jsx-runtime";var Ki="dropdown-list",Di="dropdownlist";import{Fragment as wu,jsx as ze,jsxs as El}from"react/jsx-runtime";var Bi="k-dropdownlist",yu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Su={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Il={showValue:!0,arrowIconName:"caret-alt-down"},se=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Il.arrowIconName,showValue:s=Il.showValue,valueIconName:p,prefix:u,suffix:x,value:g,placeholder:L,hover:v,focus:b,valid:w,invalid:S,required:E,loading:P,disabled:O,readonly:U,popup:be,opened:ge,adaptive:Ke,adaptiveSettings:Ze,adaptiveTitle:je,adaptiveSubtitle:So,adaptiveFilter:wr,...Xa}=e;return El(wu,{children:[El(Ct,{...Xa,size:t,rounded:o,fillMode:a,hover:v,focus:b,valid:w,invalid:S,required:E,loading:P,disabled:O,readonly:U,className:r(e.className,Bi,{"k-icon-picker":!s&&p}),children:[ze(st,{children:u}),ze(po,{placeholder:L,value:g,showValue:s,valueIconName:p}),ze(De,{valid:w,invalid:S,loading:P,disabled:O}),ze($e,{loading:P,disabled:O}),ze(dt,{children:x}),ze(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":L||"Toggle dropdown"})]}),ge&&be&&ze(pe,{className:"k-list-container k-dropdownlist-popup",children:be}),Ke&&ze(he,{adaptive:!0,...Ze,header:ze(Be,{actionsEnd:ze(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:wr,inputValue:g,inputPlaceholder:L,title:je,subtitle:So}),children:ze("div",{className:"k-list-container",children:ze(Q,{size:"large",children:El(le,{children:[ze(z,{text:"List item"}),ze(z,{text:"List item"}),ze(z,{text:"List item"})]})})})})]})};se.states=yu;se.options=Su;se.className=Bi;se.defaultOptions=Il;se.moduleName=Ki;se.folderName=Di;import{jsx as jA}from"react/jsx-runtime";import{jsx as rE,jsxs as lE}from"react/jsx-runtime";import{Fragment as uE,jsx as pE,jsxs as mE}from"react/jsx-runtime";import{jsx as hE}from"react/jsx-runtime";import{jsx as vE,jsxs as LE}from"react/jsx-runtime";import{Fragment as IE,jsx as AE,jsxs as EE}from"react/jsx-runtime";import{Fragment as Pu,jsx as oo,jsxs as _i}from"react/jsx-runtime";var Au=se.states,Eu=se.defaultOptions,Iu=se.options,Ru=[{name:"opened",title:"Opened"}],Ou=[],ua=e=>{let{modifiers:t,...o}=e,a={},l=_i(Pu,{children:[oo("div",{className:"k-list-filter",children:oo(pt,{})}),oo(Q,{style:{width:300},size:o.size,children:_i(le,{children:[oo(z,{children:"List item"}),oo(z,{children:"List item"}),oo(z,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?l:void 0)}),oo("div",{children:oo(se,{placeholder:"Value",style:{width:300},...o,...a})})};ua.options=Iu;ua.states=Au;ua.variants=Ou;ua.defaultOptions=Eu;ua.modifiers=Ru;import{jsx as zi,jsxs as Bu}from"react/jsx-runtime";var Ui="k-spin-button",Ku=[],Du={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Rl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ao=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=Rl.increaseLabel,decreaseLabel:s=Rl.decreaseLabel,...p}=e;return Bu("span",{...p,className:r(Ui,e.className),children:[zi(c,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),zi(c,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};ao.states=Ku;ao.options=Du;ao.className=Ui;ao.defaultOptions=Rl;ao.moduleName=null;ao.folderName=null;var Fi="numeric-textbox",Vi="numerictextbox";import{Fragment as $i,jsx as Dt,jsxs as Ol}from"react/jsx-runtime";var Xi="k-numerictextbox",_u=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],zu={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},sr={showSpinButton:!0,showClearButton:!0,separators:!0},F=e=>{let{size:t,rounded:o,fillMode:a,separators:l=sr.separators,showClearButton:s=sr.showClearButton,showSpinButton:p=sr.showSpinButton,prefix:u,suffix:x,value:g,placeholder:L,hover:v,focus:b,valid:w,invalid:S,required:E,loading:P,disabled:O,readonly:U,id:be,"aria-label":ge,"aria-describedby":Ke,...Ze}=e;return Ol(ke,{...Ze,size:t,rounded:o,fillMode:a,hover:v,focus:b,valid:w,invalid:S,required:E,loading:P,disabled:O,readonly:U,className:r(e.className,Xi),children:[u&&Ol($i,{children:[Dt(st,{children:u}),l&&Dt(ct,{})]}),Dt(tt,{id:be,placeholder:L,value:g,role:"spinbutton",disabled:O,"aria-label":ge,"aria-describedby":Ke,"aria-invalid":S?"true":void 0}),Dt(De,{valid:w,invalid:S,loading:P,disabled:O}),Dt($e,{loading:P,disabled:O}),s&&Dt(et,{loading:P,disabled:O,readonly:U,value:g}),x&&Ol($i,{children:[l&&Dt(ct,{}),Dt(dt,{children:x})]}),p&&Dt(ao,{className:"k-input-spinner",size:t,fillMode:a,disabled:O})]})};F.states=_u;F.options=zu;F.className=Xi;F.defaultOptions=sr;F.moduleName=Fi;F.folderName=Vi;F.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 ba=F;import{jsx as Uu}from"react/jsx-runtime";var Wi=e=>Uu(ba,{...e});import{Fragment as TI,jsx as fI}from"react/jsx-runtime";import{Fragment as vI,jsx as kI}from"react/jsx-runtime";import{jsx as yI}from"react/jsx-runtime";import{jsx as Pl}from"react/jsx-runtime";var Fu=F.states,Vu=F.defaultOptions,$u=F.options,Xu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Wu=[],fa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Pl(se,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[l]?Pl(ol,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;case"spin-button":a.showSpinButton=t?.[l];break;default:break}}),Pl(Wi,{value:"Value",style:{width:300},...o,...a})};fa.options=$u;fa.states=Fu;fa.variants=Wu;fa.defaultOptions=Vu;fa.modifiers=Xu;var Hl="pager",Ji=Hl;import{Fragment as qi,jsx as Je,jsxs as Po}from"react/jsx-runtime";var dr="k-pager",Ju=[n.focus,n.disabled],qu={size:[d.undefined,d.small,d.medium,d.large]},ot={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},Te=e=>{let{responsive:t=ot.responsive,size:o,pagerSizeInfo:a=ot.pagerSizeInfo,pageTitleInfo:l=ot.pageTitleInfo,maxPagesInfo:s=ot.maxPagesInfo,itemsPerPage:p=ot.itemsPerPage,maxPages:u=ot.maxPages,currentPage:x=ot.currentPage,previousNext:g=ot.previousNext,type:L=ot.type,pageSizes:v=ot.pageSizes,refresh:b=ot.refresh,info:w=ot.info,focus:S,disabled:E,dir:P,...O}=e,U=[],be=[];for(let ge=1;ge<=u;ge++)U.push(Je(c,{selected:ge===x,fillMode:"flat",themeColor:"primary",size:o,children:ge})),be.push(Je("option",{selected:ge===x,children:ge}));return Po("div",{dir:P,...O,className:r(e.className,dr,A(dr,{size:o}),I(dr,{focus:S,disabled:E}),{"k-pager-responsive":t}),children:[Po("div",{className:r("k-pager-numbers-wrap"),children:[g&&Po(qi,{children:[Je(c,{className:r("k-pager-nav","k-pager-first"),disabled:x===1&&!E,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),Je(c,{className:r("k-pager-nav"),disabled:x===1&&!E,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-right":"caret-alt-left"})]}),L==="numeric"&&Je("div",{className:r("k-pager-numbers"),children:U}),L==="input"&&Po("span",{className:r("k-pager-input"),children:[l&&Je("span",{children:"Page"}),Je(F,{value:`${x}`,size:o,showSpinButton:!1,showClearButton:!1}),Je("span",{children:s&&`of ${u}`})]}),g&&Po(qi,{children:[Je(c,{className:r("k-pager-nav"),disabled:x===u&&!E,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-left":"caret-alt-right"}),Je(c,{className:r("k-pager-nav","k-pager-last"),disabled:x===u&&!E,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),v&&Po("span",{className:r("k-pager-sizes"),children:[Je(se,{value:`${p}`,size:o}),a&&Je("span",{children:"items per page"})]}),b&&Je(c,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),w&&Je("span",{className:r("k-pager-info"),children:w})]})};Te.states=Ju;Te.options=qu;Te.className=dr;Te.defaultOptions=ot;Te.moduleName=Hl;Te.folderName=Ji;import{jsx as ZI}from"react/jsx-runtime";import{jsx as oR}from"react/jsx-runtime";import{jsx as nR}from"react/jsx-runtime";import{jsx as Yi}from"react/jsx-runtime";var Yu=Te.options,Qu=Te.states,Zu={...Te.defaultOptions,variant:"numeric"},ju=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],eb=[],Ta=e=>{let{variant:t,...o}=e;return t==="input"?Yi(Te,{...o,type:"input"}):Yi(Te,{...o,type:"numeric"})};Ta.options=Yu;Ta.states=Qu;Ta.variants=ju;Ta.defaultOptions=Zu;Ta.modifiers=eb;import{jsx as tb}from"react/jsx-runtime";var Qi="k-grid-pager",At=e=>tb(Te,{...e,className:r(e.className,Qi),children:e.children});At.className=Qi;At.moduleName=V;At.folderName=W;var Gl="button",Zi=Gl;import{jsx as lb}from"react/jsx-runtime";var ha="k-button-group",ob=[n.disabled],ab={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},rb={},D=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return lb("div",{role:"group",...l,className:r(e.className,ha,A(ha,{fillMode:t}),I(ha,{disabled:o}),{[`${ha}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};D.states=ob;D.options=ab;D.className=ha;D.defaultOptions=rb;D.moduleName=Gl;D.folderName=Zi;D.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as OR,jsx as RR,jsxs as PR}from"react/jsx-runtime";import{Fragment as _R,jsx as BR,jsxs as zR}from"react/jsx-runtime";import{Fragment as WR,jsx as XR,jsxs as JR}from"react/jsx-runtime";import{Fragment as eO,jsx as jR,jsxs as tO}from"react/jsx-runtime";import{Fragment as iO,jsx as nO,jsxs as sO}from"react/jsx-runtime";import{Fragment as bO,jsx as uO,jsxs as fO}from"react/jsx-runtime";import{jsx as Bt,jsxs as Kl}from"react/jsx-runtime";var nb={...c.options,...D.options},ib=c.states,sb={...c.defaultOptions,...D.defaultOptions,variant:"text-button"},db=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],cb=[],xa=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Kl(D,{fillMode:a.fillMode,className:o,children:[Bt(c,{...a,icon:"star"}),Bt(c,{...a,icon:"star"}),Bt(c,{...a,icon:"star"})]}):t==="icon-text-button"?Kl(D,{fillMode:a.fillMode,className:o,children:[Bt(c,{...a,icon:"star",children:"First"}),Bt(c,{...a,icon:"star",children:"Middle"}),Bt(c,{...a,icon:"star",children:"Last"})]}):Kl(D,{fillMode:a.fillMode,className:o,children:[Bt(c,{...a,children:"First"}),Bt(c,{...a,children:"Middle"}),Bt(c,{...a,children:"Last"})]})};xa.options=nb;xa.states=ib;xa.variants=db;xa.defaultOptions=sb;xa.modifiers=cb;import{jsx as ji,jsxs as ub}from"react/jsx-runtime";var es="k-color-preview",pb=[],mb={},ro=e=>{let{color:t,iconName:o,...a}=e;return ub("span",{...a,className:r(e.className,es,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&ji(m,{icon:o,className:"k-color-preview-icon"}),ji("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};ro.states=pb;ro.options=mb;ro.className=es;var Dl="slider",ts=Dl;import{jsx as Ho,jsxs as Bl}from"react/jsx-runtime";var Na="k-slider",bb=[n.hover,n.focus,n.active,n.disabled,n.readonly],fb={},bt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},me=e=>{let{type:t=bt.type,orientation:o=bt.orientation,gradientType:a=bt.gradientType,readonly:l=bt.readonly,disabled:s=bt.disabled,handlePosition:p=bt.handlePosition,showButtons:u=bt.showButtons,showTicks:x=bt.showTicks,value:g=bt.value,min:L=bt.min,max:v=bt.max,startValue:b,endValue:w,hover:S,focus:E,active:P,trackStyle:O,dir:U,...be}=e,Ke=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Ze,je;return o==="horizontal"?(Ze=U==="rtl"?"caret-alt-left":"caret-alt-right",je=U==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(Ze="caret-alt-up",je="caret-alt-down"),Bl("div",{...be,className:r(Na,e.className,I(Na,{readonly:l,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:U,children:[u&&Ho(c,{className:"k-button-decrease",rounded:"full",icon:je,tabIndex:-1,title:"Decrease"}),Bl("div",{className:"k-slider-track-wrap",children:[x&&Ho("ul",{className:"k-reset k-slider-items",children:e.children}),Bl("div",{className:"k-slider-track",style:O,children:[Ho("div",{className:"k-slider-selection"}),t==="range"&&Ho("span",{className:r("k-draghandle","k-draghandle-start",I(Na,{hover:S,focus:E,active:P})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":b??L,"aria-valuemin":L,"aria-valuemax":w??v,"aria-orientation":Ke,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":be["aria-label"]?`${be["aria-label"]} start`:"Range start"}),Ho("span",{className:r("k-draghandle",`k-draghandle-${p}`,I(Na,{hover:S,focus:E,active:P})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?w??v:g,"aria-valuemin":t==="range"?b??L:L,"aria-valuemax":v,"aria-orientation":Ke,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?be["aria-label"]?`${be["aria-label"]} end`:"Range end":be["aria-label"]})]})]}),u&&Ho(c,{className:"k-button-increase",rounded:"full",icon:Ze,tabIndex:-1,title:"Increase"})]})};me.states=bb;me.options=fb;me.className=Na;me.defaultOptions=bt;me.moduleName=Dl;me.folderName=ts;me.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 os}from"react/jsx-runtime";var as="k-tick",Tb=[],hb={},rs={label:!1},G=e=>{let{style:t,label:o=rs.label,orientation:a,large:l,text:s,...p}=e;return os("li",{...p,className:r(e.className,as,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&os("span",{className:"k-label",children:s})})};G.states=Tb;G.options=hb;G.className=as;G.defaultOptions=rs;import{Fragment as xb,jsx as ft,jsxs as Nb}from"react/jsx-runtime";var ls=e=>ft(me,{"aria-label":e["aria-label"]||"Slider",children:Nb(xb,{children:[ft(G,{className:"k-first",label:!0,large:!0,text:"0"}),ft(G,{}),ft(G,{}),ft(G,{}),ft(G,{}),ft(G,{label:!0,large:!0,text:"5"}),ft(G,{}),ft(G,{}),ft(G,{}),ft(G,{}),ft(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as gb,jsx as Tt,jsxs as kb}from"react/jsx-runtime";var ns=e=>Tt(me,{children:kb(gb,{children:[Tt(G,{className:"k-first",label:!0,large:!0,text:"0"}),Tt(G,{}),Tt(G,{}),Tt(G,{}),Tt(G,{}),Tt(G,{label:!0,large:!0,text:"5"}),Tt(G,{}),Tt(G,{}),Tt(G,{}),Tt(G,{}),Tt(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as tP,jsx as eP,jsxs as oP}from"react/jsx-runtime";import{Fragment as iP,jsx as nP,jsxs as sP}from"react/jsx-runtime";import{jsx as vb}from"react/jsx-runtime";var _l=e=>vb(me,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Lb}from"react/jsx-runtime";var zl=e=>Lb(me,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as NP,jsx as xP,jsxs as gP}from"react/jsx-runtime";import{Fragment as MP,jsx as CP,jsxs as yP}from"react/jsx-runtime";import{jsx as Et,jsxs as is}from"react/jsx-runtime";var Cb=me.options,Mb=me.states,ss={...me.defaultOptions,variant:"horizontal",label:!0},yb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Sb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],ga=e=>{let{variant:t,modifiers:o,...a}={...ss,...e},l={};Object.keys(o||{}).forEach(g=>{switch(g){case"button":{l.showButtons=!!o?.[g];break}case"label":{l.label=!!o?.[g];break}case"tick":{l.showTicks=!!o?.[g];break}}});let{label:s=!0,showButtons:p,showTicks:u}=l,x={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?is(ns,{showTicks:u,showButtons:p,style:{height:"300px",...x},...a,children:[Et(G,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Et(G,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Et(G,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Et(G,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Et(G,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):is(ls,{showTicks:u,showButtons:p,style:{width:"400px",...x},...a,children:[Et(G,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Et(G,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Et(G,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Et(G,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Et(G,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};ga.options=Cb;ga.states=Mb;ga.variants=yb;ga.defaultOptions=ss;ga.modifiers=Sb;import{Fragment as ka,jsx as X,jsxs as xe}from"react/jsx-runtime";var ds="k-colorgradient-inputs",wb=[],Ab={size:[d.undefined,d.small,d.medium,d.large]},cs={mode:"rgba"},Go=e=>{let{mode:t=cs.mode,size:o,...a}=e;return xe("div",{...a,className:r(ds,"k-hstack"),children:[X("div",{className:"k-vstack",children:X(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&xe(ka,{children:[xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),X("label",{className:"k-colorgradient-input-label",children:"R"})]}),xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),X("label",{className:"k-colorgradient-input-label",children:"G"})]}),xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),X("label",{className:"k-colorgradient-input-label",children:"B"})]}),xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),X("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&xe(ka,{children:[xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),X("label",{className:"k-colorgradient-input-label",children:"R"})]}),xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),X("label",{className:"k-colorgradient-input-label",children:"G"})]}),xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),X("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&xe(ka,{children:[xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),X("label",{className:"k-colorgradient-input-label",children:"H"})]}),xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),X("label",{className:"k-colorgradient-input-label",children:"S"})]}),xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),X("label",{className:"k-colorgradient-input-label",children:"V"})]}),xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),X("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&xe(ka,{children:[xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),X("label",{className:"k-colorgradient-input-label",children:"H"})]}),xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),X("label",{className:"k-colorgradient-input-label",children:"S"})]}),xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),X("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&X(ka,{children:xe("div",{className:"k-vstack k-flex-1",children:[X(ie,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),X("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Go.states=wb;Go.options=Ab;Go.className=ds;Go.defaultOptions=cs;import{jsx as To,jsxs as ho}from"react/jsx-runtime";var ps="k-colorgradient-color-contrast",Eb=[],Ib={},Rb={},Ko=()=>ho("div",{className:r(ps,"k-vbox"),children:[ho("div",{className:"k-contrast-ratio",children:[To("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),ho("span",{className:"k-contrast-validation !k-text-success",children:[To(m,{icon:"check"}),To(m,{icon:"check"})]})]}),ho("div",{children:[To("span",{children:"AA: 4.5"}),ho("span",{className:"k-contrast-validation !k-text-success",children:["Pass",To(m,{icon:"check"})]})]}),ho("div",{children:[To("span",{children:"AAA: 7.0"}),ho("span",{className:"k-contrast-validation !k-text-error",children:["Fail",To(m,{icon:"x"})]})]})]});Ko.states=Eb;Ko.options=Ib;Ko.className=ps;Ko.defaultOptions=Rb;var ms="color-gradient",us="colorgradient";import{jsx as ht,jsxs as va}from"react/jsx-runtime";var cr="k-colorgradient",Ob=[n.hover,n.focus,n.readonly,n.disabled],Pb={size:[d.undefined,d.small,d.medium,d.large]},It={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"},we=e=>{let{size:t,mode:o=It.mode,readonly:a=It.readonly,disabled:l=It.disabled,gradientStyle:s=It.gradientStyle,dragHandleStyle:p=It.dragHandleStyle,alphaStyle:u=It.alphaStyle,alphaStyleHorizontal:x=It.alphaStyleHorizontal,contrast:g=It.contrast,dir:L,hover:v,focus:b,hoverHandle:w,focusHandle:S,canvasOrientation:E=It.canvasOrientation,role:P,tabIndex:O,...U}=e;return va("div",{...U,role:P??"textbox","aria-label":P==="none"?void 0:"Color gradient",tabIndex:O??0,"aria-disabled":l?"true":void 0,className:r(e.className,cr,A(cr,{size:t}),I(cr,{hover:v,focus:b,readonly:a,disabled:l})),dir:L,children:[!E||E==="horizontal"&&va("div",{className:"k-colorgradient-canvas k-hstack",children:[ht("div",{className:"k-hsv-rectangle",style:s,children:ht("div",{className:"k-hsv-gradient",children:ht("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":w,"k-focus":S}),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})})}),va("div",{className:"k-hsv-controls k-hstack",children:[ht(zl,{className:"k-hue-slider",hover:w,focus:S}),o!=="rgb"&&o!=="hsv"&&ht(zl,{className:"k-alpha-slider",hover:w,focus:S,trackStyle:u})]})]}),E==="vertical"&&va("div",{className:"k-colorgradient-canvas k-vstack",children:[ht("div",{className:"k-hsv-rectangle",style:s,children:ht("div",{className:"k-hsv-gradient",children:ht("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":w,"k-focus":S}),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})})}),va("div",{className:"k-hsv-controls k-vstack",children:[ht(_l,{className:"k-hue-slider",hover:w,focus:S}),o!=="rgb"&&o!=="hsv"&&ht(_l,{className:"k-alpha-slider",hover:w,focus:S,trackStyle:x})]})]}),ht(Go,{mode:e.mode,size:t}),g&&ht(Ko,{})]})};we.states=Ob;we.options=Pb;we.className=cr;we.defaultOptions=It;we.moduleName=ms;we.folderName=us;we.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 Hb}from"react/jsx-runtime";var pr=e=>Hb(we,{...e});import{jsx as TH}from"react/jsx-runtime";import{jsx as gH}from"react/jsx-runtime";import{jsx as Ul}from"react/jsx-runtime";var Gb=we.options,Kb=we.states,Db={...we.defaultOptions,variant:"rgba"},Bb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],_b=[],La=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Ul(pr,{...o,mode:t});case"rgb":return Ul(pr,{...o,mode:t});default:return Ul(pr,{...o,mode:t})}};La.options=Gb;La.states=Kb;La.variants=Bb;La.defaultOptions=Db;La.modifiers=_b;import{jsx as zb}from"react/jsx-runtime";var Fl=e=>zb("tr",{role:"row",children:e.children});import{jsx as Vb}from"react/jsx-runtime";var Vl="k-colorpalette-tile",Ub=[n.hover,n.focus,n.selected],Fb={},Do=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:s,...p}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Vb("td",{...p,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,Vl,I(Vl,{hover:a,focus:l,selected:s})),style:u})};Do.states=Ub;Do.options=Fb;Do.className=Vl;var bs="color-palette",fs="colorpalette";import{jsx as Ca}from"react/jsx-runtime";var mr="k-colorpalette",$b=[n.disabled],Xb={size:[d.undefined,d.small,d.medium,d.large]},Ts={columns:10},qe=e=>{let{size:t,palette:o,columns:a=Ts.columns,tileSize:l,disabled:s,...p}=e,u=[];if(o){let x=a||o.columns,g=o.colors?o.colors:o;Array.isArray(g)&&Array.from({length:Math.ceil(g.length/x)},(L,v)=>{let b=[];g.slice(v*x,(v+1)*x).map((S,E)=>{b.push(Ca(Do,{color:S,tileSize:l},E))});let w=Ca(Fl,{children:b},v);u.push(w)})}return Ca("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,mr,I(mr,{disabled:s}),A(mr,{size:t})),children:Ca("table",{className:"k-colorpalette-table",role:"none",children:Ca("tbody",{children:u.length>0?u:e.children})})})};qe.states=$b;qe.options=Xb;qe.className=mr;qe.defaultOptions=Ts;qe.moduleName=bs;qe.folderName=fs;qe.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var ur=qe;var Ma={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as Wb}from"react/jsx-runtime";var hs=e=>Wb(ur,{palette:Ma.basic,...e});import{jsx as t0}from"react/jsx-runtime";import{jsx as i0,jsxs as s0}from"react/jsx-runtime";import{jsx as ef}from"react/jsx-runtime";var Jb=qe.options,qb=qe.states,Yb={...qe.defaultOptions,variant:"basic"},Qb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Zb={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}},jb=[],ya=e=>{let{variant:t="basic",...o}=e,a=Zb[t];return ef(hs,{columns:a.columns,palette:a,...o})};ya.options=Jb;ya.states=qb;ya.variants=Qb;ya.defaultOptions=Yb;ya.modifiers=jb;var xs="color-editor",Ns="coloreditor";import{jsx as xt,jsxs as Bo}from"react/jsx-runtime";var br="k-coloreditor",tf=[n.focus],of={size:[d.undefined,d.small,d.medium,d.large]},Sa={view:"gradient",palette:Ma.office,actionButtons:!0,canvasOrientation:"horizontal"},Ne=e=>{let{size:t,view:o=Sa.view,palette:a=Sa.palette,color:l,currentColor:s,focus:p,focusView:u,dir:x,group:g,actionButtons:L=Sa.actionButtons,canvasOrientation:v=Sa.canvasOrientation,...b}=e;return Bo("div",{...b,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",br,A(br,{size:t}),I(br,{focus:p})),dir:x,children:[Bo("div",{className:"k-coloreditor-header k-hstack",children:[xt("div",{className:"k-coloreditor-header-actions k-hstack",children:g&&Bo(D,{fillMode:"flat",children:[xt(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),xt(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),xt("div",{className:"k-spacer"}),Bo("div",{className:"k-coloreditor-header-actions k-hstack",children:[xt(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Bo("div",{className:"k-coloreditor-preview k-vstack",children:[xt(ro,{className:"k-coloreditor-preview-color",color:l}),xt(ro,{className:"k-coloreditor-current-color",color:s})]})]})]}),xt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?xt(we,{focus:u,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):xt(qe,{palette:a,size:t})}),L&&Bo(St,{className:"k-coloreditor-footer",alignment:"start",children:[xt(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),xt(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Ne.states=tf;Ne.options=of;Ne.className=br;Ne.defaultOptions=Sa;Ne.moduleName=xs;Ne.folderName=Ns;Ne.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 _o=Ne;import{jsx as K0}from"react/jsx-runtime";import{jsx as z0}from"react/jsx-runtime";import{jsx as af}from"react/jsx-runtime";var gs=e=>af(_o,{group:!0,currentColor:"fuchsia",...e});import{jsx as rf}from"react/jsx-runtime";var ks=e=>rf(_o,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as vs}from"react/jsx-runtime";var lf=Ne.options,nf=Ne.states,sf={...Ne.defaultOptions,variant:"gradient"},df=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],cf=[],wa=e=>{let{variant:t,...o}=e;return t==="palette"?vs(ks,{...o,color:"white"}):vs(gs,{...o,color:"rgba(183, 118 , 118, 1.00)"})};wa.options=lf;wa.states=nf;wa.variants=df;wa.defaultOptions=sf;wa.modifiers=cf;var Ls="color-picker",Cs="colorpicker";import{Fragment as uf,jsx as Nt,jsxs as $l}from"react/jsx-runtime";var Ms="k-colorpicker",pf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],mf={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ys={arrowIconName:"caret-alt-down"},at=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=ys.arrowIconName,prefix:s,suffix:p,value:u,placeholder:x,hover:g,focus:L,valid:v,invalid:b,required:w,disabled:S,valueIconName:E,popup:P,opened:O,adaptive:U,adaptiveSettings:be,adaptiveTitle:ge,adaptiveSubtitle:Ke,...Ze}=e,je="colorpicker-popup";return $l(uf,{children:[$l(Ct,{...Ze,size:t,rounded:o,fillMode:a,hover:g,focus:L,valid:v,invalid:b,required:w,disabled:S,role:"combobox","aria-haspopup":"dialog","aria-expanded":O?"true":"false","aria-controls":O||U?je:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":S?"true":void 0,className:r(e.className,Ms,"k-icon-picker"),children:[Nt(st,{children:s}),Nt(po,{placeholder:x,value:u,showValue:!1,valueIcon:Nt(ro,{className:"k-value-icon",color:u,iconName:E}),valueIconName:E}),Nt(dt,{children:p}),Nt(c,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:S})]}),O&&P&&Nt(pe,{id:je,className:"k-colorpicker-popup",children:P}),U&&Nt(he,{adaptive:!0,id:je,...be,header:Nt(Be,{actionsEnd:Nt(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ge,subtitle:Ke}),footer:$l(Yt,{children:[Nt(c,{text:"Cancel",size:"large"}),Nt(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:Nt(Ne,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};at.states=pf;at.options=mf;at.className=Ms;at.defaultOptions=ys;at.moduleName=Ls;at.folderName=Cs;at.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var lo=at;import{jsx as bf}from"react/jsx-runtime";var fr=e=>bf(lo,{...e});import{jsx as CG}from"react/jsx-runtime";import{jsx as AG}from"react/jsx-runtime";import{jsx as OG}from"react/jsx-runtime";import{jsx as KG}from"react/jsx-runtime";import{jsx as zG}from"react/jsx-runtime";import{jsx as $G}from"react/jsx-runtime";import{jsx as xo}from"react/jsx-runtime";var ff=lo.options,Tf=lo.states,Ss={...lo.defaultOptions,variant:"color"},hf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],xf=[{name:"opened",title:"Opened"}],Aa=e=>{let{variant:t,modifiers:o,...a}={...Ss,...e},l={};Object.keys(o||{}).forEach(p=>{p==="opened"&&(l.opened=!!o?.[p],l.popup=o?.[p]?xo(Ne,{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 xo("div",{style:s,children:xo(fr,{...a,...l})});case"icon":return xo("div",{style:s,children:xo(fr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return xo("div",{style:s,children:xo(fr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};Aa.options=ff;Aa.states=Tf;Aa.variants=hf;Aa.defaultOptions=Ss;Aa.modifiers=xf;var Xl="combobox",ws=Xl;import{Fragment as Wl,jsx as ve,jsxs as Ea}from"react/jsx-runtime";var As="k-combobox",Nf=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],gf={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Es={separators:!0},Ue=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Es.separators,prefix:s,suffix:p,value:u,placeholder:x,hover:g,focus:L,valid:v,invalid:b,required:w,loading:S,disabled:E,popup:P,opened:O,readonly:U,adaptive:be,adaptiveSettings:ge,adaptiveTitle:Ke,adaptiveSubtitle:Ze,adaptiveCustomValue:je,id:So,autocomplete:wr,activeDescendant:Xa,"aria-label":Cd,...Md}=e,yd=So?`${So}-listbox`:void 0;return Ea(Wl,{children:[Ea(ke,{...Md,size:t,rounded:o,fillMode:a,hover:g,focus:L,valid:v,invalid:b,required:w,loading:S,disabled:E,readonly:U,className:r(e.className,As),children:[s&&Ea(Wl,{children:[ve(st,{children:s}),l&&ve(ct,{})]}),ve(tt,{placeholder:x,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":O?"true":"false","aria-controls":O?yd:void 0,"aria-activedescendant":O&&Xa?Xa:void 0,"aria-autocomplete":wr,"aria-invalid":b?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":Cd,disabled:E,readOnly:U}),ve(De,{valid:v,invalid:b,loading:S,disabled:E}),ve($e,{loading:S,disabled:E}),ve(et,{loading:S,disabled:E,readonly:U,value:u}),p&&Ea(Wl,{children:[l&&ve(ct,{}),ve(dt,{children:p})]}),ve(c,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:E})]}),O&&P&&ve(pe,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:P}),be&&ve(he,{adaptive:!0,id:So?`${So}-adaptive`:void 0,...ge,header:ve(Be,{actionsEnd:ve(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:x,title:Ke,subtitle:Ze}),children:ve("div",{className:"k-list-container",children:ve(Q,{customValue:je?ve(to,{text:`Use "${u}"`}):void 0,size:"large",children:Ea(le,{"aria-label":Ke||"Options",children:[ve(z,{text:"List item"}),ve(z,{text:"List item"}),ve(z,{text:"List item"})]})})})})]})};Ue.states=Nf;Ue.options=gf;Ue.className=As;Ue.defaultOptions=Es;Ue.moduleName=Xl;Ue.folderName=ws;Ue.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 rt=Ue;import{jsx as kf}from"react/jsx-runtime";var Is=e=>kf(rt,{...e});import{jsx as SK,jsxs as wK}from"react/jsx-runtime";import{jsx as PK,jsxs as HK}from"react/jsx-runtime";import{jsx as zK,jsxs as UK}from"react/jsx-runtime";import{Fragment as JK,jsx as WK}from"react/jsx-runtime";import{Fragment as eD,jsx as jK}from"react/jsx-runtime";import{jsx as nD,jsxs as iD}from"react/jsx-runtime";import{Fragment as fD,jsx as uD,jsxs as bD}from"react/jsx-runtime";import{jsx as ND}from"react/jsx-runtime";import{jsx as LD}from"react/jsx-runtime";import{jsx as AD,jsxs as ED}from"react/jsx-runtime";import{jsx as GD,jsxs as KD}from"react/jsx-runtime";import{jsx as no,jsxs as Sf}from"react/jsx-runtime";var vf=Ue.states,Lf=Ue.defaultOptions,Cf=Ue.options,Mf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],yf=[],Ia=e=>{let{modifiers:t,...o}=e,a={},l=no(Q,{style:{width:300},size:o.size,children:Sf(le,{children:[no(z,{children:"List item"}),no(z,{children:"List item"}),no(z,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?no(m,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?no(qt,{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}}),no("div",{children:no(Is,{value:"Value",style:{width:300},...o,...a})})};Ia.options=Cf;Ia.states=vf;Ia.variants=yf;Ia.defaultOptions=Lf;Ia.modifiers=Mf;var Jl="menu-button",Rs=Jl;import{jsx as Ef}from"react/jsx-runtime";var Os="k-menu-button",wf=[n.hover,n.focus,n.active,n.selected,n.disabled],Af={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark,T.inverse]},ql={showArrow:!0,arrowIconName:"caret-alt-down"},de=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:g,icon:L,text:v,showArrow:b=ql.showArrow,arrowIconName:w=ql.arrowIconName,expanded:S,...E}=e;return Ef(c,{...E,className:r(e.className,Os),text:v,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:g,icon:L,showArrow:b,arrowIconName:w,"aria-expanded":S?"true":"false",...!v&&L&&!e["aria-label"]&&{"aria-label":"Menu"},...g&&{"aria-disabled":"true"}})};de.states=wf;de.options=Af;de.className=Os;de.defaultOptions=ql;de.moduleName=Jl;de.folderName=Rs;de.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 T1}from"react/jsx-runtime";import{jsx as g1}from"react/jsx-runtime";import{jsx as C1}from"react/jsx-runtime";var lt="menu",gt=lt;import{jsx as Ra,jsxs as Ps}from"react/jsx-runtime";var Yl="k-menu-item",If=[n.hover,n.focus,n.active,n.selected,n.disabled],Rf={},Hs={iconPosition:"before"},He=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:p,text:u,first:x,last:g,showArrow:L,arrowIconName:v,iconPosition:b=Hs.iconPosition,dir:w,children:S,expanded:E,...P}=e,O=v;return O||(O=w==="rtl"?"caret-alt-left":"caret-alt-right"),Ps("li",{...P,className:r(e.className,Yl,"k-item",I(Yl,{focus:o,disabled:s,hover:t,active:a,selected:l}),{"k-first":x,"k-last":g}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":E?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ps("span",{className:r("k-link k-menu-link"),children:[p&&b==="before"&&Ra(m,{className:"k-menu-link-icon",icon:p}),Ra("span",{className:"k-menu-link-text",children:u}),p&&b==="after"&&Ra(m,{className:"k-menu-link-icon",icon:p}),L&&Ra("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ra(m,{icon:O})})]}),S]})};He.states=If;He.options=Rf;He.className=Yl;He.defaultOptions=Hs;He.moduleName=lt;He.folderName=gt;import{jsx as Oa,jsxs as Gs}from"react/jsx-runtime";var Ql="k-menu-item",Of=[n.hover,n.focus,n.active,n.selected,n.disabled],Pf={},Zl={dir:"ltr",iconPosition:"before"},fe=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:p,text:u,first:x,last:g,showArrow:L,arrowIconName:v,iconPosition:b=Zl.iconPosition,dir:w=Zl.dir,children:S,popup:E,expanded:P,...O}=e,U=v;return U||(U=w==="rtl"?"caret-alt-left":"caret-alt-right"),Gs("li",{...O,className:r(e.className,Ql,"k-item",I(Ql,{focus:o,disabled:s}),{"k-first":x,"k-last":g}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":P?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Gs("span",{className:r("k-link k-menu-link",I("k-menu-link",{hover:t,active:a,selected:l,disabled:s})),children:[p&&b==="before"&&Oa(m,{className:"k-menu-link-icon",icon:p}),Oa("span",{className:"k-menu-link-text",children:u}),p&&b==="after"&&Oa(m,{className:"k-menu-link-icon",icon:p}),L&&Oa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Oa(m,{icon:U})})]}),S,E]})};fe.states=Of;fe.options=Pf;fe.className=Ql;fe.defaultOptions=Zl;fe.moduleName=lt;fe.folderName=gt;import{jsx as Df}from"react/jsx-runtime";var Ks="k-menu-scroll-wrapper",Hf=[],Gf={},Kf={},No=e=>{let{className:t,children:o,orientation:a,...l}=e;return Df("div",{...l,className:r(t,Ks,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};No.states=Hf;No.options=Gf;No.className=Ks;No.defaultOptions=Kf;No.moduleName=lt;No.folderName=gt;var Ds=No;import{Fragment as jl,jsx as go,jsxs as hr}from"react/jsx-runtime";var en="k-menu",Bf=[],_f={},xr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ae=e=>{let{children:t,orientation:o=xr.orientation,header:a=xr.header,scrollable:l,scrollButtonsPosition:s=xr.scrollButtonsPosition,wrapperStyles:p,dir:u,popup:x,contextMenu:g,...L}=e,v={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=go("ul",{dir:u,...L,className:r(e.className,"k-reset",en,{[`${en}-${o}`]:o,"k-header":a}),role:g?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return hr(jl,{children:[l?hr(Ds,{orientation:o,style:p,dir:e.dir,children:[s==="start"&&hr(jl,{children:[go(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),go(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&go(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),b,s==="end"&&hr(jl,{children:[go(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),go(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&go(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):b,x]})};Ae.states=Bf;Ae.options=_f;Ae.className=en;Ae.defaultOptions=xr;Ae.moduleName=lt;Ae.folderName=gt;Ae.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item[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 zf}from"react/jsx-runtime";var tn="k-separator",Bs={orientation:"horizontal"},zo=e=>{let{orientation:t=Bs.orientation,...o}=e;return zf("li",{...o,className:r(e.className,"k-item",tn,{[`${tn}-${t}`]:t}),role:"separator"})};zo.className=tn;zo.defaultOptions=Bs;zo.moduleName=lt;zo.folderName=gt;import{Fragment as j1,jsx as eB}from"react/jsx-runtime";import{jsx as $f}from"react/jsx-runtime";var on="k-menu-group",Uf=[],Ff={size:[d.undefined,d.small,d.medium,d.large]},Vf={},Ge=e=>{let{children:t,size:o,...a}=e;return $f("ul",{...a,className:r(e.className,on,A(on,{size:o})),role:"menu",children:t})};Ge.states=Uf;Ge.options=Ff;Ge.className=on;Ge.defaultOptions=Vf;Ge.moduleName=lt;Ge.folderName=gt;import{Fragment as Xf,jsx as Uo,jsxs as Wf}from"react/jsx-runtime";var an=e=>Uo(Ae,{children:Wf(Xf,{children:[Uo(He,{first:!0,text:"Item 1"}),Uo(He,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Uo(He,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Uo(He,{text:"Item 4"}),Uo(He,{last:!0,text:"Item 5"})]}),...e});import{Fragment as bB,jsx as mB,jsxs as uB}from"react/jsx-runtime";import{Fragment as NB,jsx as xB,jsxs as gB}from"react/jsx-runtime";import{Fragment as MB,jsx as CB,jsxs as yB}from"react/jsx-runtime";import{Fragment as IB,jsx as EB,jsxs as RB}from"react/jsx-runtime";import{jsx as ko,jsxs as Zf}from"react/jsx-runtime";var Jf=Ae.options,qf=Ae.states,_s={...Ae.defaultOptions,variant:"horizontal"},Yf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Qf=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Pa=e=>{let{variant:t,modifiers:o,...a}={..._s,...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=ko(pe,{className:"k-menu-popup",children:Zf(Ge,{children:[ko(fe,{text:"Item 1"}),ko(fe,{text:"Item 2"}),ko(zo,{}),ko(fe,{text:"Item 3"})]})});break}}),t==="vertical"?ko(an,{...a,...l,orientation:"vertical",style:{width:"200px"}}):ko(an,{...a,...l})};Pa.options=Jf;Pa.states=qf;Pa.variants=Yf;Pa.defaultOptions=_s;Pa.modifiers=Qf;import{Fragment as c_,jsx as s_,jsxs as d_}from"react/jsx-runtime";import{jsx as b_}from"react/jsx-runtime";import{Fragment as aT,jsx as Rt,jsxs as zs}from"react/jsx-runtime";var jf=c.states,Us={...c.defaultOptions,variant:"text"},eT=c.options,tT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],oT=[{name:"opened",title:"Opened"}],Ha=e=>{let{variant:t,modifiers:o,...a}={...Us,...e},l={},s=Rt(pe,{className:"k-menu-popup",children:zs(Ge,{size:a.size,children:[Rt(fe,{first:!0,text:"Menu Item"}),Rt(fe,{text:"Menu Item"}),Rt(fe,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=Rt("div",{children:Rt(de,{...a,...l,icon:"star"})});break;case"icon-and-text":p=Rt("div",{children:Rt(de,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:p=Rt("div",{children:Rt(de,{...a,...l,children:"Dropdown Button"})});break}return zs(aT,{children:[p,o?.opened&&s]})};Ha.options=eT;Ha.states=jf;Ha.variants=tT;Ha.defaultOptions=Us;Ha.modifiers=oT;var rn="split-button",Fs=rn;import{Fragment as nT,jsx as ln,jsxs as Vs}from"react/jsx-runtime";var nn="k-split-button",rT=[n.hover,n.focus,n.active,n.selected,n.disabled],lT={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark,T.inverse]},$s={arrowIconName:"caret-alt-down"},Z=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:g,icon:L,text:v,arrowIconName:b=$s.arrowIconName,popup:w,opened:S,popupId:E,...P}=e;return Vs(nT,{children:[Vs("div",{...P,className:r(e.className,nn,"k-button-group",A(nn,{rounded:o})),children:[ln(c,{text:v,icon:L,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:g,...!v&&!e.children&&L&&{"aria-label":"Action"},children:e.children}),ln(c,{className:"k-split-button-arrow",icon:b,size:t,rounded:o,fillMode:a,disabled:g,"aria-label":"Toggle dropdown","aria-expanded":S?"true":"false","aria-controls":S?E:void 0,tabIndex:-1,...g&&{"aria-disabled":"true"}})]}),S&&w&&ln(pe,{className:"k-menu-popup",children:w})]})};Z.states=rT;Z.options=lT;Z.className=nn;Z.defaultOptions=$s;Z.moduleName=rn;Z.folderName=Fs;Z.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 sn=Z;import{jsx as sT}from"react/jsx-runtime";var iT="k-toolbar-separator",Lt=e=>sT("div",{className:r(iT,e.className,"k-separator")});var _t="toolbar",io=_t;import{Fragment as dn,jsx as j,jsxs as Fo}from"react/jsx-runtime";var zt="k-toolbar",dT=[n.focus],cT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},pT={scrollButtons:"around"},ce=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:s,scrollButtons:p,scrollingPosition:u,section:x,...g}=e,L=[],v=(b,w)=>{let S=[];if(b.type===c&&b.props.className&&b.props.className.includes("k-toolbar-overflow-button"))S.push(j(c,{...b.props,className:`${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===c)S.push(j(c,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===jo)S.push(j(jo,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===qt)S.push(j(qt,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===de)S.push(j(de,{...b.props,className:`k-toolbar-menu-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===sn)S.push(j(sn,{...b.props,className:`k-toolbar-split-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===D||b.props.className&&b.props.className.includes("k-button-group")){let E=[];(Array.isArray(b.props.children)?b.props.children:[b.props.children]).forEach((O,U)=>{E.push(j(c,{...O.props,className:`${O.props.className?O.props.className:""}`},`${U}-${new Date().getTime()}`))}),S.push(j(D,{...b.props,className:`k-toolbar-button-group ${b.props.className?b.props.className:""}`,children:E},`${w}-${new Date().getTime()}`))}else b.type===Ue?S.push(j(Ue,{...b.props,className:`k-toolbar-combobox ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`)):b.type===se?S.push(j(se,{...b.props,className:`k-toolbar-dropdownlist ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`)):b.type===at?S.push(j(at,{...b.props,className:`k-toolbar-colorpicker ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`)):S.push(b);S.forEach(E=>{L.push(E)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((w,S)=>{v(w,S)}),Fo("div",{...g,className:r(e.className,zt,A(zt,{size:t,fillMode:o}),I(zt,{focus:a}),{[`${zt}-resizable`]:l,[`${zt}-scrollable`]:s,[`${zt}-scrollable-overlay`]:s&&p==="hidden",[`${zt}-scrollable-${u}`]:u&&u!=="both",[`${zt}-section`]:x}),role:"toolbar","aria-label":"Toolbar",children:[!s&&L,s&&p==="hidden"&&j("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),s&&p==="start"&&Fo(dn,{children:[Fo(D,{children:[j("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(m,{className:"k-button-icon",icon:"caret-alt-left"})}),j("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(m,{className:"k-button-icon",icon:"caret-alt-right"})})]}),j(Lt,{className:"k-toolbar-button-separator"}),j("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L})]}),s&&p==="end"&&Fo(dn,{children:[j("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),j(Lt,{className:"k-toolbar-button-separator"}),Fo(D,{children:[j("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(m,{className:"k-button-icon",icon:"caret-alt-left"})}),j("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(p==="around"||!p)&&Fo(dn,{children:[j("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(m,{className:"k-button-icon",icon:"caret-alt-left"})}),j(Lt,{className:"k-toolbar-button-separator"}),j("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),j(Lt,{className:"k-toolbar-button-separator"}),j("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};ce.states=dT;ce.options=cT;ce.className=zt;ce.defaultOptions=pT;ce.moduleName=_t;ce.folderName=io;ce.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 fT}from"react/jsx-runtime";var Xs="k-floating-toolbar",mT=[],uT={},bT={},Vo=e=>{let{...t}=e;return fT("div",{...t,className:r(e.className,Xs),children:e.children})};Vo.states=mT;Vo.options=uT;Vo.className=Xs;Vo.defaultOptions=bT;Vo.moduleName=_t;Vo.folderName=io;import{jsx as NT}from"react/jsx-runtime";var cn="k-toolbar-item",TT=[n.focus],hT={},xT={},$o=e=>{let{focus:t,...o}=e;return NT("div",{...o,className:r(e.className,cn,I(cn,{focus:t})),children:e.children})};$o.states=TT;$o.options=hT;$o.className=cn;$o.defaultOptions=xT;$o.moduleName=_t;$o.folderName=io;import{jsx as Ws}from"react/jsx-runtime";var Js="k-toolbar-popup",gT=[],kT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},vT={},vo=e=>{let{size:t,fillMode:o,section:a,...l}=e;return Ws(pe,{...l,className:r(e.className,Js),children:a?Ws("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};vo.states=gT;vo.options=kT;vo.className=Js;vo.defaultOptions=vT;vo.moduleName=_t;vo.folderName=io;var Nr=vo;import{jsx as h2}from"react/jsx-runtime";import{jsx as k2}from"react/jsx-runtime";import{jsx as M2}from"react/jsx-runtime";import{jsx as I2,jsxs as R2}from"react/jsx-runtime";import{jsx as G2}from"react/jsx-runtime";import{jsx as Ut,jsxs as ST}from"react/jsx-runtime";var LT=Z.states,qs={...Z.defaultOptions,variant:"text"},CT=Z.options,MT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],yT=[{name:"opened",title:"Opened"}],Ga=e=>{let{variant:t,modifiers:o,...a}={...qs,...e},l={},s=ST(Ge,{size:a.size,children:[Ut(fe,{first:!0,text:"Menu Item"}),Ut(fe,{text:"Menu Item"}),Ut(fe,{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 Ut("div",{children:Ut(Z,{...a,...l,icon:"star"})});case"icon-and-text":return Ut("div",{children:Ut(Z,{...a,...l,icon:"star",children:"Split Button"})});default:return Ut("div",{children:Ut(Z,{...a,...l,children:"Split Button"})})}};Ga.options=CT;Ga.states=LT;Ga.variants=MT;Ga.defaultOptions=qs;Ga.modifiers=yT;import{jsx as Lo,jsxs as wT}from"react/jsx-runtime";var Ys=e=>Lo(ce,{children:[Lo(c,{children:"Button"},"toolbar-button"),Lo(de,{text:"Menu button"},"toolbar-menu-button"),Lo(Z,{children:"Split button"},"toolbar-split-button"),wT(D,{children:[Lo(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Lo(c,{icon:"align-center",children:"Center"}),Lo(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as p3,jsxs as m3}from"react/jsx-runtime";import{jsx as nt,jsxs as Qs}from"react/jsx-runtime";var Zs=e=>nt(ce,{scrollable:!0,...e,children:[nt(c,{children:"Button"},"toolbar-button"),nt(de,{text:"Menu button"},"toolbar-menu-button"),nt(Z,{children:"Split button"},"toolbar-split-button"),Qs(D,{children:[nt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),nt(c,{icon:"align-center",children:"Center"}),nt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),nt(c,{children:"Button"},"toolbar-button"),nt(de,{text:"Menu button"},"toolbar-menu-button"),nt(Z,{children:"Split button"},"toolbar-split-button"),Qs(D,{children:[nt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),nt(c,{icon:"align-center",children:"Center"}),nt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as it,jsxs as js}from"react/jsx-runtime";var ed=({scrollingPosition:e="start",...t})=>it(ce,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[it(c,{children:"Button"},"toolbar-button"),it(de,{text:"Menu button"},"toolbar-menu-button"),it(Z,{children:"Split button"},"toolbar-split-button"),js(D,{children:[it(c,{className:"k-group-start",icon:"align-left",children:"Left"}),it(c,{icon:"align-center",children:"Center"}),it(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),it(c,{children:"Button"},"toolbar-button"),it(de,{text:"Menu button"},"toolbar-menu-button"),it(Z,{children:"Split button"},"toolbar-split-button"),js(D,{children:[it(c,{className:"k-group-start",icon:"align-left",children:"Left"}),it(c,{icon:"align-center",children:"Center"}),it(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as AT,jsx as Ye,jsxs as gr}from"react/jsx-runtime";var td=({fillMode:e,size:t,...o})=>gr(AT,{children:[Ye(ce,{section:!0,fillMode:e,size:t,children:[Ye(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),gr(D,{fillMode:e,children:[Ye(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ye(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ye(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ye(Lt,{className:"k-toolbar-button-separator"}),Ye(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),gr(Nr,{size:t,fillMode:e,section:!0,...o,children:[Ye(Z,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ye(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ye(Lt,{}),Ye(de,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),gr(D,{fillMode:e,children:[Ye(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ye(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ye(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as $3,jsx as F3,jsxs as V3}from"react/jsx-runtime";import{Fragment as o5,jsx as e5,jsxs as t5}from"react/jsx-runtime";import{jsx as so}from"react/jsx-runtime";var ET=ce.options,IT=ce.states,od={...ce.defaultOptions,variant:"default"},RT=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],OT=[],Ka=e=>{let{variant:t,...o}={...od,...e};switch(t){case"responsive":return so("div",{children:so(td,{style:{width:"583px"},...o})});case"overlay":return so("div",{children:so(ed,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return so("div",{children:so(Zs,{style:{width:"583px"},...o})});default:return so("div",{children:so(Ys,{style:{width:"583px"},...o})})}};Ka.options=ET;Ka.states=IT;Ka.variants=RT;Ka.defaultOptions=od;Ka.modifiers=OT;import{jsx as PT}from"react/jsx-runtime";var ad="k-grid-toolbar",Ft=e=>PT(ce,{...e,className:r(e.className,ad),children:e.children});Ft.className=ad;Ft.moduleName=V;Ft.folderName=W;import{jsx as pn,jsxs as GT}from"react/jsx-runtime";var mn="k-grid-stack-cell",HT=[n.focus,n.selected],kr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:s,focus:p,selected:u,...x}=e;return GT("div",{...x,className:r(e.className,mn,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":s},I(mn,{focus:p,selected:u})),children:[s&&pn("span",{className:"k-dirty"}),t&&pn("div",{className:"k-grid-stack-header",children:t}),pn("div",{className:"k-grid-stack-content",children:o}),e.children]})};kr.states=HT;kr.className=mn;kr.moduleName=V;kr.folderName=W;import{jsx as KT}from"react/jsx-runtime";var rd="k-grid-stack-row",vr=e=>{let{cols:t,...o}=e;return KT("div",{...o,className:r(e.className,rd,{[`k-grid-cols-${t}`]:t}),children:e.children})};vr.className=rd;vr.moduleName=V;vr.folderName=W;import{Fragment as $5,jsx as F5,jsxs as V5}from"react/jsx-runtime";import{Fragment as Z5,jsx as Y5,jsxs as Q5}from"react/jsx-runtime";import{Fragment as lz,jsx as az,jsxs as rz}from"react/jsx-runtime";import{Fragment as DT,jsx as y,jsxs as ue}from"react/jsx-runtime";var ld=({contentClassName:e,...t})=>y(J,{_renderAriaRoot:!0,pager:y(At,{refresh:!1}),children:ue(DT,{children:[y(q,{children:y("div",{className:"k-grid-header-wrap",children:ue(Y,{children:[ue("colgroup",{children:[y("col",{}),y("col",{style:{width:"225px"}}),y("col",{}),y("col",{}),y("col",{})]}),ue($,{children:[ue(k,{children:[y(M,{rowspan:1,colspan:1,columnTitle:"Product Id"}),y(M,{rowspan:1,colspan:1,columnTitle:"Name"}),y(M,{rowspan:1,colspan:1,columnTitle:"Quantity"}),y(M,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),y(M,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),ue(k,{className:"k-filter-row",children:[y(i,{children:y("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[y(F,{}),ue("div",{className:"k-filtercell-operator",children:[y(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(i,{children:y("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[y(ie,{}),ue("div",{className:"k-filtercell-operator",children:[y(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(i,{children:y("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[y(ie,{}),ue("div",{className:"k-filtercell-operator",children:[y(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(i,{children:y("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[y(F,{}),ue("div",{className:"k-filtercell-operator",children:[y(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(i,{children:y("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[y(se,{}),y("div",{className:"k-filtercell-operator",children:y(c,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),y(re,{children:y(ee,{className:e,children:ue(te,{children:[ue("colgroup",{children:[y("col",{}),y("col",{style:{width:"225px"}}),y("col",{}),y("col",{}),y("col",{})]}),ue(oe,{children:[ue(k,{className:"k-master-row",children:[y(i,{children:"1"}),y(i,{children:"Chai"}),y(i,{children:"10 boxes x 20 bags"}),y(i,{children:"18"}),y(i,{children:"false"})]}),ue(k,{className:"k-master-row",alt:!0,children:[y(i,{children:"2"}),y(i,{children:"Chang"}),y(i,{children:"24 - 12 oz bottles"}),y(i,{children:"19"}),y(i,{children:"false"})]}),ue(k,{className:"k-master-row",children:[y(i,{children:"3"}),y(i,{children:"Aniseed Syrup"}),y(i,{children:"12 - 550 ml bottles"}),y(i,{children:"10"}),y(i,{children:"false"})]}),ue(k,{className:"k-master-row",alt:!0,children:[y(i,{children:"4"}),y(i,{children:"Chef Anton's Cajun Seasoning"}),y(i,{children:"48 - 6 oz jars"}),y(i,{children:"22"}),y(i,{children:"false"})]}),ue(k,{className:"k-master-row",children:[y(i,{children:"5"}),y(i,{children:"Grandma's Boysenberry Spread"}),y(i,{children:"12 - 8 oz jars"}),y(i,{children:"25"}),y(i,{children:"false"})]})]})]})})})]}),...t});import{jsx as Lr}from"react/jsx-runtime";var BT="k-chip-action";var Le=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Lr(m,{icon:"x-circle",size:"small"});break;case"more":a=Lr(m,{icon:"more-vertical",size:"small"});break;default:return Lr(m,{icon:t,size:"small"})}return Lr("span",{...o,className:r(e.className,BT,`k-chip-${t}-action`),children:a})};var un="avatar",nd=un;import{jsx as id}from"react/jsx-runtime";var Da="k-avatar";var _T=[n.hover,n.focus,n.active,n.selected,n.disabled],zT={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark,T.inverse]},bn={type:"text",border:!1},Qe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:s=bn.type,border:p=bn.border,...u}=e;return id("div",{...u,className:r(e.className,Da,A(Da,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Da}-bordered`]:p}),children:id("span",{className:`${Da}-${s}`,children:e.children})})};Qe.states=_T;Qe.options=zT;Qe.className=Da;Qe.defaultOptions=bn;Qe.moduleName=un;Qe.folderName=nd;Qe.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Co=Qe;import{jsx as UT}from"react/jsx-runtime";var sd=e=>UT(Co,{type:"icon",...e});import{jsx as FT}from"react/jsx-runtime";var dd=e=>FT(Co,{type:"text",...e});import{jsx as VT}from"react/jsx-runtime";var cd=e=>VT(Co,{type:"image",...e});import{jsx as Hz}from"react/jsx-runtime";import{jsx as Ba}from"react/jsx-runtime";var $T=Qe.options,XT=Qe.states,WT={...Qe.defaultOptions,variant:"image"},JT=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],qT=[],_a=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ba(sd,{...o,children:Ba(m,{icon:"star"})});case"text":return Ba(dd,{...o,children:"JO"});default:return Ba(cd,{...o,children:Ba("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};_a.options=$T;_a.states=XT;_a.variants=JT;_a.defaultOptions=WT;_a.modifiers=qT;var za="chip",Cr=za;import{jsx as Xo,jsxs as ZT}from"react/jsx-runtime";var Mr="k-chip",YT=[n.hover,n.focus,n.active,n.selected,n.disabled],QT={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[T.undefined,T.base,T.success,T.warning,T.error,T.info]},pd={avatarImage:"/packages/html/assets/avatar.jpg"},Ce=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:s,icon:p,actions:u,showAvatar:x,avatarImage:g=pd.avatarImage,hover:L,focus:v,active:b,selected:w,disabled:S,...E}=e;return ZT("div",{...E,className:r(e.className,Mr,A(Mr,{size:t,rounded:o,fillMode:a,themeColor:l}),I(Mr,{hover:L,focus:v,active:b,disabled:S,selected:w})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:w?"true":"false","aria-selected":e.role==="option"?w?"true":"false":void 0,"aria-disabled":S?"true":void 0,children:[p&&Xo(m,{className:"k-chip-icon",icon:p,size:"small"}),x&&Xo(Qe,{className:"k-chip-avatar",type:"image",children:Xo("img",{src:g,alt:""})}),Xo("span",{className:"k-chip-content",children:e.children?e.children:s&&Xo("span",{className:"k-chip-label",children:s})}),u&&Xo("span",{className:"k-chip-actions",children:u})]})};Ce.states=YT;Ce.options=QT;Ce.className=Mr;Ce.defaultOptions=pd;Ce.moduleName=za;Ce.folderName=Cr;Ce.ariaSpec={selector:".k-chip",rules:[{selector:"*:not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:"*:not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var kt=Ce;import{jsx as oh}from"react/jsx-runtime";var fn="k-chip-list",jT=[],eh={size:[d.undefined,d.small,d.medium,d.large]},th={},Me=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return oh("div",{...l,className:r(e.className,fn,A(fn,{size:t})),role:"listbox","aria-label":a||"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Me.states=jT;Me.options=eh;Me.className=fn;Me.defaultOptions=th;Me.moduleName=za;Me.folderName=Cr;Me.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};import{jsx as p6}from"react/jsx-runtime";import{jsx as f6}from"react/jsx-runtime";import{jsx as ah}from"react/jsx-runtime";var yr=e=>ah(kt,{text:"text",...e});import{jsx as L6}from"react/jsx-runtime";import{jsx as S6}from"react/jsx-runtime";import{Fragment as O6,jsx as R6,jsxs as P6}from"react/jsx-runtime";import{jsx as B6,jsxs as _6}from"react/jsx-runtime";import{jsx as $6,jsxs as X6}from"react/jsx-runtime";import{jsx as Z6,jsxs as j6}from"react/jsx-runtime";import{jsx as Wo,jsxs as dh}from"react/jsx-runtime";var rh={...kt.options,...Me.options},lh=[],nh=Me.states,ih={...kt.defaultOptions,...Me.defaultOptions},sh=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Ua=e=>{let{modifiers:t,className:o,...a}=e,l=t?.icon,s=t?.actions,p=t?.avatar;return dh(Me,{size:a.size,className:o,children:[Wo(yr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Wo(Le,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),Wo(yr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Wo(Le,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),Wo(yr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Wo(Le,{type:"remove"}):void 0,showAvatar:p,children:"Chip"})]})};Ua.options=rh;Ua.states=nh;Ua.variants=lh;Ua.defaultOptions=ih;Ua.modifiers=sh;import{jsx as Tn}from"react/jsx-runtime";var ch=Ce.states,ph=Ce.defaultOptions,mh=Ce.options,uh=[],bh=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Fa=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]?Tn(Le,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[l]?Tn(Le,{type:"remove"}):void 0;break;default:break}}),Tn(Ce,{...o,...a,children:"Chip component"})};Fa.options=mh;Fa.states=ch;Fa.variants=uh;Fa.defaultOptions=ph;Fa.modifiers=bh;import{Fragment as hn,jsx as H,jsxs as Fe}from"react/jsx-runtime";var md=({dropClue:e,contentClassName:t,...o})=>H(J,{_renderAriaRoot:!0,groupingHeader:H(Vt,{dropClue:e,children:Fe(Me,{children:[H(Ce,{icon:"sort-asc-small",text:"ID",actions:Fe(hn,{children:[H(Le,{type:"more"}),H(Le,{type:"remove"})]})}),H(Ce,{icon:"sort-desc-small",text:"Name",actions:Fe(hn,{children:[H(Le,{type:"more"}),H(Le,{type:"remove"})]})})]})}),children:Fe(hn,{children:[H(q,{draggable:!0,children:H("div",{className:"k-grid-header-wrap",children:Fe(Y,{children:[Fe("colgroup",{children:[H("col",{className:"k-group-col"}),H("col",{className:"k-group-col"}),H("col",{}),H("col",{}),H("col",{}),H("col",{})]}),H($,{children:Fe(k,{children:[H(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),H(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),H(M,{colspan:1,columnTitle:"ID"}),H(M,{colspan:1,columnTitle:"Name"}),H(M,{colspan:1,columnTitle:"Price"}),H(M,{colspan:1,columnTitle:"Category"})]})})]})})}),H(re,{children:H(ee,{className:t,children:Fe(te,{children:[Fe("colgroup",{children:[H("col",{className:"k-group-col"}),H("col",{className:"k-group-col"}),H("col",{}),H("col",{}),H("col",{}),H("col",{})]}),Fe(oe,{children:[H(k,{className:"k-table-group-row k-grouping-row",children:H(i,{colspan:6,children:Fe("p",{className:"k-reset",children:[H(m,{icon:"caret-alt-right"}),"ID: 1"]})})}),H(k,{className:"k-table-group-row k-grouping-row",children:H(i,{colspan:6,children:Fe("p",{className:"k-reset",children:[H(m,{icon:"caret-alt-down"}),"ID: 2"]})})}),Fe(k,{className:"k-table-group-row k-grouping-row",children:[H(i,{className:"k-table-group-td k-group-cell"}),H(i,{colspan:5,children:Fe("p",{className:"k-reset",children:[H(m,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),Fe(k,{className:"k-master-row",alt:!0,children:[H(i,{className:"k-table-group-td k-group-cell"}),H(i,{className:"k-table-group-td k-group-cell"}),H(i,{colspan:0,children:"2"}),H(i,{colspan:0,children:"Chang"}),H(i,{colspan:0,children:"$19.00"}),H(i,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as z9,jsx as B9,jsxs as _9}from"react/jsx-runtime";import{Fragment as q9,jsx as W9,jsxs as J9}from"react/jsx-runtime";import{Fragment as oU,jsx as eU,jsxs as tU}from"react/jsx-runtime";import{Fragment as fh,jsx as B,jsxs as Ve}from"react/jsx-runtime";var ud=({headerWrapClassName:e,contentClassName:t,...o})=>B(J,{_renderAriaRoot:!0,children:Ve(fh,{children:[B(q,{children:B("div",{className:`k-grid-header-wrap ${e}`,children:Ve(Y,{children:[Ve("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),Ve($,{children:[Ve(k,{children:[B(M,{rowspan:3,colspan:1,columnTitle:"ID"}),B(M,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),Ve(k,{children:[B(M,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),B(M,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),Ve(k,{children:[B(M,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),B(M,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),B(re,{children:B(ee,{className:t,children:Ve(te,{children:[Ve("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),Ve(oe,{children:[Ve(k,{className:"k-master-row",children:[B(i,{children:"1"}),B(i,{children:"Chai"}),B(i,{children:"39"}),B(i,{children:"18"})]}),Ve(k,{className:"k-master-row",alt:!0,children:[B(i,{children:"2"}),B(i,{children:"Chang"}),B(i,{children:"17"}),B(i,{children:"19"})]}),Ve(k,{className:"k-master-row",children:[B(i,{children:"3"}),B(i,{children:"Aniseed Syrup"}),B(i,{children:"13"}),B(i,{children:"10"})]}),Ve(k,{className:"k-master-row",alt:!0,children:[B(i,{children:"4"}),B(i,{children:"Chef Anton's Cajun Seasoning"}),B(i,{children:"53"}),B(i,{children:"22"})]}),Ve(k,{className:"k-master-row",children:[B(i,{children:"5"}),B(i,{children:"Chef Anton's Gumbo Mix"}),B(i,{children:"0"}),B(i,{children:"21.35"})]})]})]})})})]}),...o});import{Fragment as bU,jsx as mU,jsxs as uU}from"react/jsx-runtime";import{Fragment as kU,jsx as NU,jsxs as gU}from"react/jsx-runtime";import{Fragment as Th,jsx as K,jsxs as vt}from"react/jsx-runtime";var bd=e=>K(J,{_renderAriaRoot:!0,toolbar:vt(Ft,{children:[K(c,{children:"Add new"}),K(c,{children:"Save Changes"}),K(c,{children:"Cancel Changes"})]}),children:vt(Th,{children:[K(q,{children:K("div",{className:"k-grid-header-wrap",children:vt(Y,{children:[vt("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),K($,{children:vt(k,{children:[K(M,{columnTitle:"Name"}),K(M,{columnTitle:"Price"}),K(M,{columnTitle:"Available"}),K(M,{accessibleLabel:"Commands"})]})})]})})}),K(re,{children:K(ee,{children:K("div",{children:vt(te,{children:[vt("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),vt(oe,{children:[vt(k,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[K(i,{children:K(ie,{value:"Towel"})}),K(i,{children:K(F,{value:"42"})}),K(i,{children:K(Xe,{})}),vt(i,{className:"k-command-cell",children:[K(c,{children:"Add"}),K(c,{children:"Cancel"})]})]}),vt(k,{className:"k-master-row",children:[K(i,{children:"Chai"}),K(i,{children:"18"}),K(i,{children:"false"}),K(i,{className:"k-command-cell",children:K(c,{children:"Remove"})})]}),vt(k,{className:"k-master-row",alt:!0,children:[K(i,{children:"Chang"}),K(i,{children:"19"}),K(i,{children:"false"}),K(i,{className:"k-command-cell",children:K(c,{children:"Remove"})})]})]})]})})})})]}),...e});import{Fragment as XU,jsx as $U,jsxs as WU}from"react/jsx-runtime";import{Fragment as Sr,jsx as f,jsxs as ae}from"react/jsx-runtime";var hh=J.options,xh=J.states,fd={...J.defaultOptions,variant:"normal"},Nh=[{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"}],gh=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Va=e=>{let{variant:t,modifiers:o,...a}={...fd,...e},l={toolbar:void 0,pager:void 0},s=ae(Ft,{children:[f(c,{icon:"plus",children:"Add New"}),f(c,{icon:"file-pdf",children:"Export to PDF"}),f("span",{className:"k-spacer"}),f(ie,{prefix:f(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=f(Te,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(g=>{switch(g){case"toolbar":l.toolbar=o?.[g]?s:void 0;break;case"pager":l.pager=o?.[g]?p:void 0;break;default:return}});let u={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},x=ae(Sr,{children:[f(q,{children:f("div",{className:"k-grid-header-wrap",children:ae(Y,{children:[ae("colgroup",{children:[f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),f($,{children:ae(k,{children:[f(M,{...u[t],columnTitle:"ID"}),f(M,{...u[t],columnTitle:"Product Name"}),f(M,{...u[t],columnTitle:"Units in Stock"}),f(M,{...u[t],columnTitle:"Units Price"})]})})]})})}),f(re,{children:f(ee,{children:ae(te,{children:[ae("colgroup",{children:[f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),ae(oe,{children:[ae(k,{children:[f(i,{children:"1"}),f(i,{children:"Chai"}),f(i,{children:"39"}),f(i,{children:"18"})]}),ae(k,{className:"k-alt",alt:!0,children:[f(i,{children:"2"}),f(i,{children:"Chang"}),f(i,{children:"17"}),f(i,{children:"19"})]}),ae(k,{children:[f(i,{children:"3"}),f(i,{children:"Aniseed Syrup"}),f(i,{children:"13"}),f(i,{children:"10"})]}),ae(k,{className:"k-alt",alt:!0,children:[f(i,{children:"4"}),f(i,{children:"Chef Anton's Cajun Seasoning"}),f(i,{children:"53"}),f(i,{children:"22"})]}),ae(k,{children:[f(i,{children:"5"}),f(i,{children:"Chef Anton's Gumbo Mix"}),f(i,{children:"0"}),f(i,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return f(ud,{...a,...l});case"editing":return f(bd,{...a,...l});case"grouping":return f(md,{...a,...l,groupingHeader:f(Vt,{children:ae(Me,{children:[f(Ce,{icon:"sort-asc-small",actions:ae(Sr,{children:[f(Le,{type:"more"}),f(Le,{type:"remove"})]}),children:"ID"}),f(Ce,{icon:"sort-desc-small",actions:ae(Sr,{children:[f(Le,{type:"more"}),f(Le,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return f(J,{...a,...l,children:ae(Sr,{children:[f(q,{children:ae("div",{className:"k-grid-header-wrap",children:[" ",ae(Y,{children:[ae("colgroup",{children:[f("col",{className:"k-drag-col"}),f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),f($,{children:ae(k,{children:[f(M,{className:"k-drag-cell",accessibleLabel:"Reorder"}),f(M,{columnTitle:"ID"}),f(M,{columnTitle:"Product Name"}),f(M,{columnTitle:"Units in Stock"}),f(M,{columnTitle:"Units Price"})]})})]})]})}),f(re,{children:f(ee,{children:ae(te,{children:[ae("colgroup",{children:[f("col",{className:"k-drag-col"}),f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),ae(oe,{children:[ae(k,{children:[f(i,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(i,{children:"1"}),f(i,{children:"Chai"}),f(i,{children:"39"}),f(i,{children:"18"})]}),ae(k,{className:"k-alt",alt:!0,children:[f(i,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(i,{children:"2"}),f(i,{children:"Chang"}),f(i,{children:"17"}),f(i,{children:"19"})]}),ae(k,{children:[f(i,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(i,{children:"3"}),f(i,{children:"Aniseed Syrup"}),f(i,{children:"13"}),f(i,{children:"10"})]}),ae(k,{className:"k-alt",alt:!0,children:[f(i,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(i,{children:"4"}),f(i,{children:"Chef Anton's Cajun Seasoning"}),f(i,{children:"53"}),f(i,{children:"22"})]}),ae(k,{children:[f(i,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(i,{children:"5"}),f(i,{children:"Chef Anton's Gumbo Mix"}),f(i,{children:"0"}),f(i,{children:"21.35"})]})]})]})})})]})});case"filter-row":return f(ld,{...a,...l});default:return f(J,{...a,...l,children:x})}};Va.options=hh;Va.states=xh;Va.variants=Nh;Va.defaultOptions=fd;Va.modifiers=gh;var xn="treelist",Td=xn;import{jsx as Ch}from"react/jsx-runtime";var hd="k-treelist",kh=[],vh={},Lh={},Ee=e=>Ch(J,{...e,className:r(hd,e.className),children:e.children});Ee.states=kh;Ee.options=vh;Ee.className=hd;Ee.defaultOptions=Lh;Ee.moduleName=xn;Ee.folderName=Td;import{jsx as _,jsxs as Ie}from"react/jsx-runtime";var Mo=({gridHeader:e,gridContent:t,menu:o,...a})=>Ie(Ee,{id:"treelist",_renderAriaRoot:!0,...a,children:[e||_(q,{children:_("div",{className:"k-grid-header-wrap",children:Ie(Y,{children:[Ie("colgroup",{children:[_("col",{}),_("col",{}),_("col",{})]}),_($,{children:Ie(k,{children:[_(M,{menu:o,columnTitle:"Name"}),_(M,{menu:o,columnTitle:"Position"}),_(M,{menu:o,columnTitle:"Hire Date"})]})})]})})}),_(re,{children:t||_(ee,{children:Ie(te,{children:[Ie("colgroup",{children:[_("col",{}),_("col",{}),_("col",{})]}),Ie(oe,{children:[Ie(k,{children:[Ie(i,{children:[_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),_(i,{children:"Sweeney"}),_(i,{children:"CEO"})]}),Ie(k,{alt:!0,children:[Ie(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),_(i,{children:"Wooten"}),_(i,{children:"Chief Technical Officer"})]}),Ie(k,{children:[Ie(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),_(i,{children:"Weber"}),_(i,{children:"VP, Engineering"})]}),Ie(k,{alt:!0,children:[Ie(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),_(i,{children:"Hood"}),_(i,{children:"Team Lead"})]}),Ie(k,{children:[Ie(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),_(i,{children:"Carr"}),_(i,{children:"Junior Software Developer"})]})]})]})})})]});import{jsx as Mh}from"react/jsx-runtime";var xd=e=>Mh(Mo,{menu:"column",...e});import{jsx as yh}from"react/jsx-runtime";var Nd=e=>yh(Mo,{menu:"filter",...e});import{jsx as R,jsxs as Re}from"react/jsx-runtime";var gd=({gridHeader:e,gridContent:t,menu:o,...a})=>Re(Ee,{id:"treelist",_renderAriaRoot:!0,...a,children:[e||R(q,{children:R("div",{className:"k-grid-header-wrap",children:Re(Y,{children:[Re("colgroup",{children:[R("col",{className:"k-drag-col"}),R("col",{}),R("col",{}),R("col",{})]}),R($,{children:Re(k,{children:[R(M,{}),R(M,{menu:o,columnTitle:"First Name"}),R(M,{menu:o,columnTitle:"Last Name"}),R(M,{menu:o,columnTitle:"Position"})]})})]})})}),R(re,{children:t||R(ee,{children:Re(te,{children:[Re("colgroup",{children:[R("col",{className:"k-drag-col"}),R("col",{}),R("col",{}),R("col",{})]}),Re(oe,{children:[Re(k,{children:[R(i,{className:"k-drag-cell",children:R(m,{icon:"reorder"})}),Re(i,{children:[R(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),R(i,{children:"Sweeney"}),R(i,{children:"CEO"})]}),Re(k,{alt:!0,children:[R(i,{className:"k-drag-cell",children:R(m,{icon:"reorder"})}),Re(i,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),R(i,{children:"Wooten"}),R(i,{children:"Chief Technical Officer"})]}),Re(k,{children:[R(i,{className:"k-drag-cell",children:R(m,{icon:"reorder"})}),Re(i,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),R(i,{children:"Weber"}),R(i,{children:"VP, Engineering"})]}),Re(k,{alt:!0,children:[R(i,{className:"k-drag-cell",children:R(m,{icon:"reorder"})}),Re(i,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),R(i,{children:"Hood"}),R(i,{children:"Team Lead"})]}),Re(k,{children:[R(i,{className:"k-drag-cell",children:R(m,{icon:"reorder"})}),Re(i,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),R(i,{children:"Carr"}),R(i,{children:"Junior Software Developer"})]})]})]})})})]});import{jsx as C4,jsxs as M4}from"react/jsx-runtime";import{jsx as C,jsxs as ne}from"react/jsx-runtime";var Sh=Ee.options,wh=Ee.states,kd={...Ee.defaultOptions,variant:"normal"},Ah=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-row",title:"Filter Row"},{name:"sorting",title:"Sorting"},{name:"row-reordering",title:"Row Reordering"}],Eh=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],$a=e=>{let{variant:t,modifiers:o,...a}={...kd,...e},l={},s=ne(Ft,{children:[C(c,{icon:"plus",children:"Add New"}),C(c,{icon:"file-pdf",children:"Export to PDF"}),C("span",{className:"k-spacer"}),C(ie,{prefix:C(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=C(Te,{pageSizes:!1,refresh:!1});switch(Object.keys(o||{}).forEach(u=>{switch(u){case"toolbar":l.toolbar=o?.[u]?s:void 0;break;case"pager":l.pager=o?.[u]?p:void 0;break;default:return}}),t){case"row-reordering":return C(gd,{...a,...l});case"column-menu":return C(xd,{...a,...l,gridHeader:C(q,{children:C("div",{className:"k-grid-header-wrap",children:ne(Y,{children:[ne("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C($,{children:ne(k,{children:[C(M,{menu:"column",columnTitle:"First Name"}),C(M,{menu:"column",columnTitle:"Last Name"}),C(M,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return C(Nd,{...a,...l,gridHeader:C(q,{children:C("div",{className:"k-grid-header-wrap",children:ne(Y,{children:[ne("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C($,{children:ne(k,{children:[C(M,{menu:"filter",columnTitle:"First Name"}),C(M,{menu:"filter",columnTitle:"Last Name"}),C(M,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return C(Mo,{...a,...l,gridHeader:C(q,{children:C("div",{className:"k-grid-header-wrap",children:ne(Y,{children:[ne("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C($,{children:ne(k,{children:[C(M,{columnTitle:"First Name"}),C(M,{columnTitle:"Last Name",sortable:!0}),C(M,{columnTitle:"Position"})]})})]})})}),gridContent:C(ee,{children:ne(te,{children:[ne("colgroup",{children:[C("col",{}),C("col",{className:"k-sorted"}),C("col",{})]}),ne(oe,{children:[ne(k,{className:"k-treelist-group",children:[ne(i,{children:[C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),C(i,{children:"Sweeney"}),C(i,{children:"CEO"})]}),ne(k,{className:"k-treelist-group k-alt",alt:!0,children:[ne(i,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),C(i,{children:"Wooten"}),C(i,{children:"Chief Technical Officer"})]}),ne(k,{className:"k-treelist-group",children:[ne(i,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),C(i,{children:"Weber"}),C(i,{children:"VP, Engineering"})]}),ne(k,{className:"k-treelist-group k-alt",alt:!0,children:[ne(i,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),C(i,{children:"Hood"}),C(i,{children:"Team Lead"})]}),ne(k,{children:[ne(i,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),C(i,{children:"Carr"}),C(i,{children:"Junior Software Developer"})]})]})]})})});default:return C(Mo,{...a,...l,gridHeader:C(q,{children:C("div",{className:"k-grid-header-wrap",children:ne(Y,{children:[ne("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C($,{children:ne(k,{children:[C(M,{columnTitle:"First Name"}),C(M,{columnTitle:"Last Name"}),C(M,{columnTitle:"Position"})]})})]})})})})}};$a.options=Sh;$a.states=wh;$a.variants=Ah;$a.defaultOptions=kd;$a.modifiers=Eh;var Nn="propertygrid",vd=Nn;import{jsx as Ph}from"react/jsx-runtime";var Ld="k-property-grid",Ih=[],Rh={},Oh={},yo=e=>Ph(Ee,{...e,className:r(Ld,e.className),children:e.children});yo.states=Ih;yo.options=Rh;yo.className=Ld;yo.defaultOptions=Oh;yo.moduleName=Nn;yo.folderName=vd;var j4=yo;export{yo as PropertyGrid,j4 as default};