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

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

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

Files changed (86) hide show

package/dist/esm/treelist/treelist.spec.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var y=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),A=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:s,checked:c,active:m,selected:h,disabled:N,indeterminate:v,loading:k,empty:u,readonly:M,highlighted:C,...S}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":s,"k-checked":c,"k-active":m,"k-selected":h,"k-disabled":N,"k-indeterminate":v&&!c,"k-loading":k,"k-empty":u,"k-readonly":M,"k-highlighted":C},Object.keys(S).reduce((R,w)=>(w.startsWith("k-")?R[w]=S[w]:R[`k-${w}`]=S[w],R),{}))};function dn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var i={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},T={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},f={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var $="grid",W=$;import{jsx as ud,jsxs as bd}from"react/jsx-runtime";var Ga="k-grid",cd=[],pd={size:[i.undefined,i.small,i.medium,i.large]},md=[],cn={pagerPosition:"bottom"},U=e=>{let{size:t,pagerPosition:o=cn.pagerPosition,toolbar:a,pager:l,groupingHeader:s,gridSelectionAggregates:c,_renderAriaRoot:m,resizable:h,...N}=e;return bd("div",{...N,className:r(e.className,Ga,{[`${Ga}-resizable`]:h},y(Ga,{size:t})),children:[a,o==="top"&&l,s,e.children&&m?ud("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&l]})};U.states=cd;U.options=pd;U.variants=md;U.className=Ga;U.defaultOptions=cn;U.moduleName=$;U.folderName=W;import{jsx as fd}from"react/jsx-runtime";var pn="k-grid-header",ie=e=>{let{draggable:t,...o}=e;return fd("div",{...o,className:r(e.className,pn,{"k-grid-draggable-header":t}),children:e.children})};ie.className=pn;ie.moduleName=$;ie.folderName=W;import{jsx as mn,jsxs as Td}from"react/jsx-runtime";var un="k-grouping-header",Kt=e=>{let{dropHint:t,dropClue:o,...a}=e;return Td("div",{...a,className:r(e.className,un),children:[o&&mn("div",{className:"k-grouping-dropclue"}),e.children,mn("div",{className:"k-grouping-drop-container",children:t})]})};Kt.className=un;Kt.moduleName=$;Kt.folderName=W;import{jsx as hd}from"react/jsx-runtime";var bn="k-grid-sticky-container",fn={position:"top"},Da=e=>{let{position:t=fn.position,...o}=e;return hd("div",{...o,className:r(e.className,bn,{"k-grid-sticky-top-container":t==="top","k-grid-sticky-bottom-container":t==="bottom"}),children:e.children})};Da.className=bn;Da.defaultProps=fn;Da.moduleName=$;Da.folderName=W;var ve="table",ye=ve;import{jsx as kd}from"react/jsx-runtime";var Tn="k-data-table",xd=[],Nd={size:[i.undefined,i.small,i.medium,i.large]},gd={},yt=e=>{let{size:t,...o}=e;return kd("div",{...o,className:r(e.className,Tn,y("k-table",{size:t})),children:e.children})};yt.states=xd;yt.options=Nd;yt.className=Tn;yt.defaultOptions=gd;yt.moduleName=ve;yt.folderName=ye;import{jsx as Md}from"react/jsx-runtime";var kr="k-table-header-wrap",vd=[n.hover,n.focus,n.disabled],Ld={},Cd={},Bt=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return Md("div",{...s,className:r(e.className,kr,A(kr,{hover:o,focus:a,disabled:l})),children:t})};Bt.states=vd;Bt.options=Ld;Bt.className=kr;Bt.defaultOptions=Cd;Bt.moduleName=ve;Bt.folderName=ye;import{jsx as Ed}from"react/jsx-runtime";var vr="k-table",yd=[],Sd={size:[i.undefined,i.small,i.medium,i.large]},Ad={},Se=e=>{let{size:t,...o}=e;return Ed("table",{...o,className:r(e.className,vr,y(vr,{size:t})),children:e.children})};Se.states=yd;Se.options=Sd;Se.className=vr;Se.defaultOptions=Ad;Se.moduleName=ve;Se.folderName=ye;import{jsx as Lr}from"react/jsx-runtime";var Cr="k-table-header",wd=[n.hover,n.focus,n.disabled],Id={},Rd={},St=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return Lr("div",{...s,className:r(e.className,Cr,A(Cr,{hover:o,focus:a,disabled:l})),children:Lr(Bt,{children:Lr(Se,{children:t})})})};St.states=wd;St.options=Id;St.className=Cr;St.defaultOptions=Rd;St.moduleName=ve;St.folderName=ye;import{jsx as Kd}from"react/jsx-runtime";var hn="k-table-scroller",Od=[],Pd={},Hd={},go=e=>{let{children:t,...o}=e;return Kd("div",{...o,className:r(e.className,hn),children:t})};go.states=Od;go.options=Pd;go.className=hn;go.defaultOptions=Hd;go.moduleName=ve;go.folderName=ye;import{jsx as lx}from"react/jsx-runtime";import{jsx as _d}from"react/jsx-runtime";var xn="k-table-footer",Bd=[],Gd={},Dd={},Gt=e=>{let{children:t,...o}=e;return _d("div",{...o,className:r(e.className,xn),children:t})};Gt.states=Bd;Gt.options=Gd;Gt.className=xn;Gt.defaultOptions=Dd;Gt.moduleName=ve;Gt.folderName=ye;import{jsx as Vd}from"react/jsx-runtime";var Mr="k-table-list",zd=[],Ud={size:[i.undefined,i.small,i.medium,i.large]},Fd={},Dt=e=>{let{size:t,virtualization:o,...a}=e;return Vd("ul",{...a,className:r(e.className,"k-table",Mr,y(Mr,{size:t}),{"k-virtual-table":o}),children:e.children})};Dt.states=zd;Dt.options=Ud;Dt.className=Mr;Dt.defaultOptions=Fd;Dt.moduleName=ve;Dt.folderName=ye;import{jsx as Xd}from"react/jsx-runtime";var $d="k-table-thead",j=e=>Xd("thead",{className:r(e.className,$d),children:e.children});import{jsx as Jd}from"react/jsx-runtime";var Wd="k-table-tbody",de=e=>Jd("tbody",{className:r(e.className,Wd),children:e.children});import{jsx as Lx}from"react/jsx-runtime";import{jsx as Yd}from"react/jsx-runtime";var yr="k-table-row",qd=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],E=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:s,alt:c,...m}=e;return Yd("tr",{...m,className:r(e.className,yr,{"k-table-alt-row":c},A(yr,{hover:t,focus:o,disabled:s,selected:a,highlighted:l})),children:e.children})};E.states=qd;E.className=yr;import{jsx as Zd}from"react/jsx-runtime";var Sr="k-table-row",Qd=[n.hover,n.focus,n.selected,n.disabled],_a=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:s,...c}=e;return Zd("li",{...c,className:r(e.className,Sr,{"k-table-alt-row":s},A(Sr,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};_a.states=Qd;_a.className=Sr;import{jsx as jd}from"react/jsx-runtime";var Nn="k-table-th",At=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,s=t\|\|e.children;return jd("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,Nn),children:s})};At.className=Nn;At.moduleName=ve;At.folderName=ye;import{jsx as Bx}from"react/jsx-runtime";import{jsx as tc}from"react/jsx-runtime";var Ar="k-table-td",ec=[n.focus,n.selected,n.highlighted],p=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:s,rowspan:c,...m}=e,h=l\|\|e.children;return tc("td",{colSpan:s,rowSpan:c,...m,className:r(e.className,Ar,A(Ar,{focus:t,selected:o,highlighted:a})),children:h})};p.states=ec;p.className=Ar;import{jsx as Vx}from"react/jsx-runtime";import{jsx as Jx}from"react/jsx-runtime";import{jsx as Zx}from"react/jsx-runtime";import{jsx as oN}from"react/jsx-runtime";import{jsx as nN}from"react/jsx-runtime";import{jsx as uN,jsxs as bN}from"react/jsx-runtime";import{jsx as xN,jsxs as NN}from"react/jsx-runtime";import{jsx as LN,jsxs as CN}from"react/jsx-runtime";import{Fragment as wN,jsx as AN,jsxs as EN}from"react/jsx-runtime";import{jsx as lc}from"react/jsx-runtime";var kn="k-grid-header-table",ce=e=>lc(Se,{...e,className:r(e.className,kn),children:e.children});ce.className=kn;ce.moduleName=$;ce.folderName=W;import{Fragment as dc,jsx as vn}from"react/jsx-runtime";var Er="k-font-icon",nc=[],sc={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},ic={},_o=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:s,...c}=e;return a?vn("span",{...c,className:r(e.className,Er,y(Er,{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"}):vn(dc,{})};_o.states=nc;_o.options=sc;_o.className=Er;_o.defaultOptions=ic;var Ln=_o;import{Fragment as mc,jsx as za}from"react/jsx-runtime";var wr="k-svg-icon",cc=[],pc={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Cn={viewBox:"0 0 24 24"},zo=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:s=Cn.viewBox,icon:c,...m}=e;if(!c)return za(mc,{});if(c==="none")return za("span",{...m,className:r(e.className,wr,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let h=typeof c=="object"&&c.name&&c.name;return za("span",{...m,className:r(e.className,wr,y("k-icon",{size:t}),{[`k-svg-i-${h}`]:h,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"\|\|l==="both","k-flip-v":l==="v"\|\|l==="both"}),"aria-hidden":"true",children:za("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:s,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};zo.states=cc;zo.options=pc;zo.className=wr;zo.defaultOptions=Cn;var Ir=zo;importas Rr from"@progress/kendo-svg-icons";var Mn="icon",yn="icons";import{useContext as bc}from"react";import{createContext as uc}from"react";var Sn=uc({iconsType:"svg"});import{Fragment as An,jsx as Uo}from"react/jsx-runtime";var Ua="k-icon",fc=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Tc=[],hc={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Or={viewBox:"0 0 24 24",type:"svg"},g=e=>{let{iconsType:t}=bc(Sn),{size:o,themeColor:a,icon:l,type:s=t\|\|Or.type,rotate:c,flip:m,viewBox:h=Or.viewBox,...N}=e;if(!l)return Uo(An,{});if((t\|\|s)==="svg"){if(l==="none")return Uo(Ir,{...N,className:r(e.className,Ua),icon:l,size:o});let k=Rr[l]?l:fc(`${l}-icon`);return Rr[k]?Uo(Ir,{...N,className:r(e.className,Ua),icon:Rr[k],size:o,themeColor:a,rotate:c,flip:m,viewBox:h}):Uo(An,{})}return Uo(Ln,{...N,className:r(e.className,Ua),icon:l,size:o,themeColor:a,rotate:c,flip:m})};g.states=Tc;g.options=hc;g.defaultOptions=Or;g.className=Ua;g.moduleName=Mn;g.folderName=yn;g.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};import{jsx as _t,jsxs as Pr}from"react/jsx-runtime";var Hr="k-header",xc=[n.hover,n.focus,n.active],En={sortIcon:"sort-asc-small"},I=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:s,columnTitle:c,hover:m,focus:h,active:N,sortIcon:v=En.sortIcon,sortOrder:k,accessibleLabel:u,...M}=e;return Pr(At,{...M,className:r(e.className,Hr,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":s},A(Hr,{hover:m,focus:h,active:N})),children:[c&&Pr("span",{className:"k-cell-inner",children:[Pr("span",{className:"k-link",children:[_t("span",{className:"k-column-title",children:c}),o&&_t("span",{className:"k-sort-icon",children:_t(g,{icon:v})}),k&&_t("span",{className:"k-sort-order",children:k})]}),t&&_t("a",{href:"#",className:r("k-grid-header-menu",{"k-active":N,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:_t(g,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&u&&_t("span",{className:"k-sr-only",children:u}),e.children,s&&_t("span",{className:"k-column-resizer k-touch-action-none"})]})};I.states=xc;I.className=Hr;I.defaultOptions=En;I.moduleName=$;I.folderName=W;import{jsx as Nc}from"react/jsx-runtime";var wn="k-grid-container",ee=e=>Nc("div",{...e,className:r(e.className,wn),children:e.children});ee.className=wn;ee.moduleName=$;ee.folderName=W;import{jsx as gc}from"react/jsx-runtime";var In="k-grid-content",te=e=>gc("div",{...e,className:r(e.className,In),children:e.children});te.className=In;te.moduleName=$;te.folderName=W;import{jsx as kc}from"react/jsx-runtime";var Rn="k-grid-table",oe=e=>kc(Se,{...e,className:r(e.className,Rn),children:e.children});oe.className=Rn;oe.moduleName=$;oe.folderName=W;import{jsx as vc}from"react/jsx-runtime";var On="k-grid-footer",Kr=e=>vc("div",{...e,className:r(e.className,On),children:e.children});Kr.className=On;Kr.moduleName=$;Kr.folderName=W;import{jsx as Lc}from"react/jsx-runtime";var Pn="k-grid-footer-table",Br=e=>Lc(Se,{...e,className:r(e.className,Pn),children:e.children});Br.className=Pn;Br.moduleName=$;Br.folderName=W;var Gr="button",Hn=Gr;import{Fragment as Sc,jsx as Fo,jsxs as Kn}from"react/jsx-runtime";var Vo="k-button",Cc=["icon-button"],Mc=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],yc={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Dr={showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:s,showArrow:c=Dr.showArrow,arrowIconName:m=Dr.arrowIconName,variant:h,hover:N,focus:v,active:k,selected:u,disabled:M,togglable:C,icon:S,text:R,iconClassName:w,className:D,...se}=e,fe=S!==void 0,we=e.children!==void 0;return Kn(t,{className:r(D,Vo,dn(Vo,h),y(Vo,{size:o,rounded:a,fillMode:l,themeColor:s}),A(Vo,{hover:N,focus:v,active:k,disabled:M,selected:u}),{"k-icon-button":!R&&!we&&fe}),...se,"aria-pressed":C?u?"true":"false":void 0,disabled:M\|\|void 0,children:[S&&Fo(g,{className:r(w,"k-button-icon"),icon:S}),R?Kn(Sc,{children:[R&&Fo("span",{className:"k-button-text",children:R}),e.children]}):e.children&&Fo("span",{className:"k-button-text",children:e.children}),c&&Fo("span",{className:"k-menu-button-arrow k-button-arrow",children:Fo(g,{icon:m})})]})};d.states=Mc;d.options=yc;d.variants=Cc;d.className=Vo;d.defaultOptions=Dr;d.moduleName=Gr;d.folderName=Hn;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Ac}from"react/jsx-runtime";var zt=e=>Ac(d,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Ec}from"react/jsx-runtime";var $o=e=>Ec(d,{icon:"folder",children:"Button",...e});import{jsx as wc}from"react/jsx-runtime";var to=e=>wc(d,{children:"Button",...e});import{jsx as _r}from"react/jsx-runtime";var Ic=d.options,Rc=d.states,Oc={...d.defaultOptions,variant:"text"},Pc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Hc=[],Xo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return _r(zt,{...o,icon:"star"});case"icon-and-text":return _r($o,{...o,icon:"star",children:"Button"});default:return _r(to,{...o,children:"Button"})}};Xo.options=Ic;Xo.states=Rc;Xo.variants=Pc;Xo.defaultOptions=Oc;Xo.modifiers=Hc;var Wo="input",Fa=Wo;import{jsx as Dc}from"react/jsx-runtime";var Va="k-input",Kc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Bc={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Gc={},Te=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:m,size:h,rounded:N,fillMode:v,...k}=e;return Dc("span",{...k,className:r(e.className,Va,y(Va,{size:h,rounded:N,fillMode:v}),A(Va,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:m}))})};Te.states=Kc;Te.options=Bc;Te.className=Va;Te.defaultOptions=Gc;Te.moduleName=Wo;Te.folderName=Fa;import{jsx as Fc}from"react/jsx-runtime";var $a="k-picker",_c=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],zc={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Uc={},ht=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:m,size:h,rounded:N,fillMode:v,...k}=e;return Fc("span",{...k,className:r(e.className,$a,y($a,{size:h,rounded:N,fillMode:v}),A($a,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:m})),children:e.children})};ht.states=_c;ht.options=zc;ht.className=$a;ht.defaultOptions=Uc;ht.moduleName=Wo;ht.folderName=Fa;import{Fragment as Xc,jsx as zr}from"react/jsx-runtime";var Bn="k-clear-value",Vc=[n.disabled,n.loading,n.readonly],$c={},We=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t\|\|a\|\|o\|\|!l?zr(Xc,{}):zr("span",{className:r(e.className,Bn),children:zr(g,{icon:"x"})})};We.states=Vc;We.options=$c;We.className=Bn;import{jsx as qc}from"react/jsx-runtime";var Ur="k-input-inner",Wc=[],Jc={},Xa={type:"text",autocomplete:"off",value:"",placeholder:""},Je=e=>{let{value:t=Xa.value,type:o=Xa.type,placeholder:a=Xa.placeholder,autocomplete:l=Xa.autocomplete,disabled:s,readOnly:c,...m}=e;return qc("input",{...m,type:o,className:r(e.className,Ur,y(Ur,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:s\|\|void 0,readOnly:c\|\|void 0})};Je.states=Wc;Je.options=Jc;Je.className=Ur;import{jsx as Gn,jsxs as Zc}from"react/jsx-runtime";var Fr="k-input-inner",Yc=[],Qc={},oo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:s,...c}=e;return Zc("span",{...c,className:r(e.className,Fr,y(Fr,e)),children:[l,!l&&s&&Gn(g,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Gn("span",{className:"k-input-value-text",children:t})]})};oo.states=Yc;oo.options=Qc;oo.className=Fr;import{jsx as tp}from"react/jsx-runtime";var Vr="k-input-inner",jc=[],ep={},Dn={value:"",placeholder:""},$r=e=>{let{value:t=Dn.value,placeholder:o=Dn.placeholder,rows:a,disabled:l,...s}=e;return tp("textarea",{...s,className:r(e.className,Vr,y(Vr,e)),placeholder:o,rows:a,defaultValue:t,disabled:l\|\|void 0})};$r.states=jc;$r.options=ep;$r.className=Vr;import{Fragment as ap,jsx as _n}from"react/jsx-runtime";var zn="k-input-loading-icon",op=[n.disabled,n.loading],Ge=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?_n(ap,{}):_n("span",{className:r(e.className,zn,"k-icon k-i-loading")})};Ge.states=op;Ge.className=zn;import{Fragment as np,jsx as Un}from"react/jsx-runtime";var Fn="k-input-validation-icon",rp=[n.valid,n.invalid,n.disabled,n.loading],lp={},Ie=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,s=o?"warning-circle":"check-circle";return a\|\|l\|\|!!!(t\|\|o)?Un(np,{}):Un(g,{className:r(Fn),icon:s})};Ie.states=rp;Ie.options=lp;Ie.className=Fn;import{Fragment as dp,jsx as Vn}from"react/jsx-runtime";var sp="k-input-prefix",ip={direction:"horizontal"},tt=e=>{let{direction:t=ip.direction,...o}=e;return e.children?Vn("span",{...o,className:r(sp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Vn(dp,{})};import{Fragment as mp,jsx as $n}from"react/jsx-runtime";var cp="k-input-suffix",pp={direction:"horizontal"},ot=e=>{let{direction:t=pp.direction,...o}=e;return e.children?$n("span",{...o,className:r(cp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):$n(mp,{})};import{jsx as gv}from"react/jsx-runtime";import{jsx as bp}from"react/jsx-runtime";var up="k-input-suffix-text",Xr=e=>{let{children:t,...o}=e;return bp("span",{...o,className:r(up,e.className),children:t})};import{jsx as Tp}from"react/jsx-runtime";var Xn="k-input-separator",fp={direction:"vertical"},at=e=>{let{direction:t=fp.direction,...o}=e;return Tp("span",{...o,className:r(Xn,e.className,{[`${Xn}-${t}`]:t})})};import{Fragment as Wn,jsx as xt,jsxs as Wr}from"react/jsx-runtime";var hp=Te.states,xp=Te.defaultOptions,Np=Te.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=[],Jo=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:s,readonly:c,...m}=e,h=t?.prefix,N=t?.suffix,v=t?.["clear-button"],k=t?.["validation-icon"],u=t?.separators;return Wr(Te,{...m,valid:o,invalid:a,loading:l,disabled:s,readonly:c,style:{width:300},children:[h&&Wr(Wn,{children:[xt(tt,{children:xt(g,{icon:"lock"})}),u&&xt(at,{})]}),xt(Je,{placeholder:"Placeholder",value:"Value"}),k&&xt(Ie,{valid:o,invalid:a,loading:l,disabled:s}),xt(Ge,{loading:l,disabled:s}),v&&xt(We,{loading:l,disabled:s,readonly:c,value:"Value"}),N&&Wr(Wn,{children:[u&&xt(at,{}),xt(ot,{children:xt(to,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Jo.options=Np;Jo.states=hp;Jo.variants=kp;Jo.defaultOptions=xp;Jo.modifiers=gp;var Jr="popup",Jn=Jr;import{jsx as qn}from"react/jsx-runtime";var Yn="k-animation-container",vp=[],Lp={},Qn={positionMode:"absolute"},Nt=e=>{let{positionMode:t=Qn.positionMode,animationStyle:o,offset:a,...l}=e;return qn("div",{...l,style:{...a,...e.style},className:r(e.className,Yn,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:qn("div",{className:"k-child-animation-container",style:o,children:e.children})})};Nt.states=vp;Nt.options=Lp;Nt.className=Yn;Nt.defaultOptions=Qn;Nt.moduleName=Jr;Nt.folderName=Jn;var qr="popup",Zn=qr;import{jsx as jn}from"react/jsx-runtime";var es="k-popup",Cp=[],Mp={},ts={positionMode:"absolute"},ae=e=>{let{offset:t,positionMode:o=ts.positionMode,animationStyle:a,containerClassName:l,containerRole:s,containerAriaLabel:c,...m}=e;return jn(Nt,{positionMode:o,offset:t,animationStyle:a,className:l,role:s,"aria-label":c,children:jn("div",{...m,className:r(e.className,es),children:e.children})})};ae.states=Cp;ae.options=Mp;ae.className=es;ae.defaultOptions=ts;ae.moduleName=qr;ae.folderName=Zn;ae.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var Yr="action-buttons",os=Yr;import{jsx as Ap}from"react/jsx-runtime";var Wa="k-actions",yp=[],Sp={},Qr={alignment:"start",orientation:"horizontal"},gt=e=>{let{alignment:t=Qr.alignment,orientation:o=Qr.orientation,...a}=e;return Ap("div",{...a,className:r(Wa,{[`${Wa}-${t}`]:t,[`${Wa}-${o}`]:o},e.className),children:e.children})};gt.states=yp;gt.options=Sp;gt.className=Wa;gt.defaultOptions=Qr;gt.moduleName=Yr;gt.folderName=os;import{jsx as wp}from"react/jsx-runtime";var Ep="k-actionsheet-footer",as={alignment:"stretched",orientation:"horizontal"},Ut=e=>{let{alignment:t=as.alignment,orientation:o=as.orientation,template:a,as:l=a?"div":gt,...s}=e;return wp(l,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,Ep),children:e.children})};var Zr="searchbox",rs=Zr;import{jsx as qo,jsxs as Op}from"react/jsx-runtime";var ls="k-searchbox",Ip=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Rp={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},jr={showIcon:!0,icon:"search"},rt=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:s,hover:c,focus:m,valid:h,invalid:N,required:v,loading:k,disabled:u,showIcon:M=jr.showIcon,icon:C=jr.icon,...S}=e;return Op(Te,{...S,size:a,rounded:l,fillMode:s,hover:c,focus:m,valid:h,invalid:N,required:v,loading:k,disabled:u,className:r(e.className,ls),children:[M&&qo(g,{className:"k-input-icon",icon:C}),qo(Je,{placeholder:o,value:t}),qo(Ge,{...e}),qo(Ie,{...e}),qo(We,{...e})]})};rt.states=Ip;rt.options=Rp;rt.className=ls;rt.defaultOptions=jr;rt.moduleName=Zr;rt.folderName=rs;import{jsx as DL}from"react/jsx-runtime";var el="textbox",ns=el;import{Fragment as ss,jsx as Ft,jsxs as tl}from"react/jsx-runtime";var is="k-textbox",Pp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Hp={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Ja={showClearButton:!0,showValidationIcon:!0,separators:!0},re=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Ja.separators,showClearButton:s=Ja.showClearButton,showValidationIcon:c=Ja.showValidationIcon,prefix:m,suffix:h,type:N,value:v,placeholder:k,hover:u,focus:M,valid:C,invalid:S,required:R,loading:w,disabled:D,readonly:se,id:fe,"aria-label":we,"aria-describedby":$e,...Xe}=e;return tl(Te,{...Xe,size:t,rounded:o,fillMode:a,hover:u,focus:M,valid:C,invalid:S,required:R,loading:w,disabled:D,readonly:se,className:r(e.className,is),children:[m&&tl(ss,{children:[Ft(tt,{children:m}),l&&Ft(at,{})]}),Ft(Je,{id:fe,placeholder:k,value:v,type:N,disabled:D,"aria-label":we,"aria-describedby":$e,"aria-invalid":S?"true":void 0}),c&&Ft(Ie,{valid:C,invalid:S,loading:w,disabled:D}),Ft(Ge,{loading:w,disabled:D}),s&&Ft(We,{loading:w,disabled:D,readonly:se,value:v}),h&&tl(ss,{children:[l&&Ft(at,{}),Ft(ot,{children:h})]})]})};re.states=Pp;re.options=Hp;re.className=is;re.defaultOptions=Ja;re.moduleName=el;re.folderName=ns;re.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Yo=re;import{jsx as Kp}from"react/jsx-runtime";var ds=e=>Kp(Yo,{...e});import{Fragment as aC,jsx as oC}from"react/jsx-runtime";import{Fragment as dC,jsx as iC}from"react/jsx-runtime";import{jsx as uC}from"react/jsx-runtime";import{jsx as ol}from"react/jsx-runtime";var Bp=re.states,Gp=re.defaultOptions,Dp=re.options,_p=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],zp=[],Qo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?ol(g,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[l]?ol(to,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;default:break}}),ol(ds,{value:"Value",style:{width:300},...o,...a})};Qo.options=Dp;Qo.states=Bp;Qo.variants=zp;Qo.defaultOptions=Gp;Qo.modifiers=_p;import{jsx as Vt,jsxs as al}from"react/jsx-runtime";var cs="k-actionsheet-titlebar",Up={},Re=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:s,input:c,inputValue:m,inputPlaceholder:h,adaptive:N,titleId:v,children:k,...u}=e;return al("div",{...u,className:r(e.className,cs),children:[al("div",{className:"k-actionsheet-titlebar-group",children:[a&&Vt("div",{className:"k-actionsheet-actions",children:a}),!k&&al("div",{className:"k-actionsheet-title",id:v,children:[t&&Vt("div",{className:"k-text-center",children:t}),o&&Vt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&Vt("div",{className:"k-actionsheet-title",id:v,children:k}),l&&Vt("div",{className:"k-actionsheet-actions",children:l})]}),(c\|\|s)&&Vt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?Vt(re,{value:m,placeholder:h,size:N?"large":"medium","aria-label":t\|\|h\|\|"Input"}):Vt(rt,{placeholder:"Filter",size:N?"large":"medium","aria-label":"Filter options"})})]})};Re.className=cs;Re.defaultOptions=Up;import{jsx as rl,jsxs as Xp}from"react/jsx-runtime";var ll="k-actionsheet-view",Fp=[],Vp={},$p={},ko=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:s,titleId:c,...m}=e,h=l?.type===Re&&rl(Re,{adaptive:t,titleId:c,...l?.props}),N=s?.type===Ut&&rl(Ut,{...s?.props});return Xp("div",{...m,className:r(e.className,ll,{[`${ll}-animated`]:o}),children:[h,rl("div",{className:"k-actionsheet-content",children:a}),N]})};ko.states=Fp;ko.options=Vp;ko.className=ll;ko.defaultOptions=$p;var Zo="action-sheet",qa=Zo;var nl="overlay",ps=nl;import{jsx as Yp}from"react/jsx-runtime";var sl="k-overlay",Wp=[],Jp={themeColor:[f.undefined,f.light,f.dark,f.inverse]},qp={},$t=e=>{let{themeColor:t,...o}=e;return Yp("div",{...o,className:r(e.className,sl,y(sl,{themeColor:t})),children:e.children})};$t.states=Wp;$t.options=Jp;$t.className=sl;$t.defaultOptions=qp;$t.moduleName=nl;$t.folderName=ps;import{jsx as Ya,jsxs as jp}from"react/jsx-runtime";var ms="k-actionsheet",Qp=[],Zp={},jo={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},me=e=>{let{side:t=jo.side,fullscreen:o=jo.fullscreen,adaptive:a=jo.adaptive,overlay:l=jo.overlay,template:s,children:c,header:m,footer:h,id:N,...v}=e,k=N&&!s&&m?`${N}-title`:void 0;return jp("div",{className:"k-actionsheet-container",children:[l&&Ya($t,{}),Ya(Nt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:Ya("div",{...v,id:N,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":k,className:r(e.className,ms,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|Ya(ko,{header:m,footer:h,adaptive:a,titleId:k,...e,children:c})})})]})};me.states=Qp;me.options=Zp;me.className=ms;me.defaultOptions=jo;me.moduleName=Zo;me.folderName=qa;me.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as am}from"react/jsx-runtime";var us="k-actionsheet-container",em=[],tm={},om={},vo=e=>{let{children:t,...o}=e;return am("div",{...o,className:us,children:t})};vo.states=em;vo.options=tm;vo.className=us;vo.defaultOptions=om;vo.moduleName=Zo;vo.folderName=qa;import{jsx as rm}from"react/jsx-runtime";var il=e=>{let{...t}=e;return rm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as nm,jsx as ea,jsxs as dl}from"react/jsx-runtime";var cl="k-actionsheet-item",lm=[n.hover,n.focus,n.selected,n.disabled],Xt=e=>{let{iconName:t,text:o,description:a,hover:l,focus:s,selected:c,disabled:m,...h}=e;return dl("span",{...h,className:r(e.className,cl,A(cl,{hover:l,focus:s,selected:c,disabled:m})),children:[!e.children&&ea(nm,{children:dl("span",{className:"k-actionsheet-action",children:[t&&ea("span",{className:"k-icon-wrap",children:ea(g,{className:"k-actionsheet-item-icon",icon:t})}),dl("span",{className:"k-actionsheet-item-text",children:[o&&ea("span",{className:"k-actionsheet-item-title",children:o}),a&&ea("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Xt.states=lm;Xt.className=cl;import{jsx as mM,jsxs as uM}from"react/jsx-runtime";import{jsx as hM}from"react/jsx-runtime";import{jsx as kM}from"react/jsx-runtime";import{jsx as MM}from"react/jsx-runtime";import{jsx as Le,jsxs as pl}from"react/jsx-runtime";var sm=me.options,im=me.states,fs={...me.defaultOptions,variant:"normal"},dm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],cm=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ta=e=>{let{variant:t,modifiers:o,...a}={...fs,...e},l={},s=pl(il,{children:[Le(Xt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Le(Xt,{text:"Add to Favorites",iconName:"heart"}),Le(Xt,{text:"Upload New",iconName:"upload",disabled:!0}),Le("hr",{className:"k-hr"}),Le(Xt,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",m="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o\|\|{}).forEach(h=>{switch(h){case"actions":l.actionsStart=!!o?.[h],l.actionsEnd=!!o?.[h];break;case"subtitle":l.subtitle=o?.[h]?c:void 0;break;case"footer":l.footer=!!o?.[h];break;default:break}}),t==="adaptive"?Le(me,{...a,adaptive:!0,fullscreen:l.fullScreen,header:Le(Re,{actionsStart:l.actionsStart?Le(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Le(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:l.subtitle}),footer:l.footer?pl(Ut,{alignment:"stretched",children:[Le(d,{text:"Cancel",size:"large",themeColor:"base"}),Le(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):Le(me,{...a,fullscreen:l.fullScreen,header:Le(Re,{actionsStart:l.actionsStart?Le(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Le(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?pl(Ut,{alignment:"stretched",children:[Le(d,{text:"Apply",themeColor:"primary"}),Le(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};ta.options=sm;ta.states=im;ta.variants=dm;ta.defaultOptions=fs;ta.modifiers=cm;import ul from"react";import{jsx as Ts}from"react/jsx-runtime";var pm="k-list-group-sticky-header",ml=e=>Ts("div",{className:r(pm,e.className),children:Ts("div",{className:"k-list-header-text",children:e.children})});import{jsx as um}from"react/jsx-runtime";var mm="k-no-data",Qa=e=>{let{live:t,...o}=e;return um("span",{...o,className:r(mm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ao="list",Lo=ao;import{jsx as hs,jsxs as xs}from"react/jsx-runtime";var bl="k-list",bm=[],fm={size:[i.undefined,i.small,i.medium,i.large]},Tm={},F=e=>{let{size:t,virtualization:o,children:a,header:l,optionLabel:s,customValue:c,noData:m,screenReaders:h,...N}=e,k=ul.Children.toArray(a)[0],u=k?.props?.children?ul.Children.count(k.props.children):ul.Children.count(a);return xs("div",{...N,className:r(e.className,bl,y(bl,{size:t}),{"k-virtual-list":o}),children:[s,c,l&&hs(ml,{children:l}),a\|\|(m!==void 0?m:hs(Qa,{live:!0,children:"No data found."})),h&&a&&xs(Qa,{className:"k-sr-only",live:!0,children:[u," items found."]})]})};F.states=bm;F.options=fm;F.className=bl;F.defaultOptions=Tm;F.moduleName=ao;F.folderName=Lo;F.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as gm}from"react/jsx-runtime";var Ns="k-list-container",hm=[],xm={},Nm={},Co=e=>{let{...t}=e;return gm("div",{...t,className:r(e.className,Ns),children:e.children})};Co.states=hm;Co.options=xm;Co.className=Ns;Co.defaultOptions=Nm;Co.moduleName=ao;Co.folderName=Lo;var ro="checkbox",Mo=ro;import{jsx as gs}from"react/jsx-runtime";var Za="k-checkbox",km=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],vm={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full]},Lm={},De=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:s,disabled:c,invalid:m,valid:h,required:N,size:v,rounded:k,...u}=e;return gs("span",{className:"k-checkbox-wrap",children:gs("input",{...u,id:t,type:"checkbox",defaultChecked:o,required:N,disabled:c\|\|void 0,"aria-invalid":m?"true":void 0,className:r(e.className,Za,y(Za,{size:v,rounded:k}),A(Za,{hover:l,focus:s,disabled:c,invalid:m,valid:h,indeterminate:a,checked:o}))})})};De.states=km;De.options=vm;De.className=Za;De.defaultOptions=Lm;De.moduleName=ro;De.folderName=Mo;De.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var kt=De;import{jsx as ym}from"react/jsx-runtime";var ks="k-checkbox-list",Cm=[],Mm={},vs={layout:"vertical"},_e=e=>{let{layout:t=vs.layout,...o}=e;return ym("ul",{...o,className:r(e.className,ks,{[`k-list-${t}`]:t}),children:e.children})};_e.states=Cm;_e.options=Mm;_e.className=ks;_e.defaultOptions=vs;_e.moduleName=ro;_e.folderName=Mo;import{jsx as wm}from"react/jsx-runtime";var Ls="k-checkbox-list-item",Sm=[],Am={},Em={},Oe=e=>{let{...t}=e;return wm("li",{...t,className:r(e.className,Ls),children:e.children})};Oe.states=Sm;Oe.options=Am;Oe.className=Ls;Oe.defaultOptions=Em;Oe.moduleName=ro;Oe.folderName=Mo;import{Fragment as Im,jsx as Cs,jsxs as Rm}from"react/jsx-runtime";var Et=({children:e,id:t,...o})=>Rm(Im,{children:[Cs(kt,{id:t,...o}),Cs("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as Py,jsx as Oy,jsxs as Hy}from"react/jsx-runtime";import{Fragment as _y,jsx as Dy,jsxs as zy}from"react/jsx-runtime";import{Fragment as Xy,jsx as $y,jsxs as Wy}from"react/jsx-runtime";import{jsx as Qy}from"react/jsx-runtime";import{jsx as tS}from"react/jsx-runtime";import{jsx as lS}from"react/jsx-runtime";import{jsx as lt,jsxs as Ms}from"react/jsx-runtime";var Om=_e.options,Pm=_e.states,Hm={..._e.defaultOptions,variant:"vertical"},Km=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Bm=[],oa=e=>{let{variant:t,...o}=e;return t==="horizontal"?Ms(_e,{layout:"horizontal",...o,children:[lt(Oe,{children:lt(Et,{id:"first",defaultChecked:!0,children:"Label"})}),lt(Oe,{children:lt(Et,{id:"second",children:"Label"})}),lt(Oe,{children:lt(Et,{id:"third",children:"Label"})})]}):Ms(_e,{...o,children:[lt(Oe,{children:lt(Et,{id:"first",defaultChecked:!0,children:"Label"})}),lt(Oe,{children:lt(Et,{id:"second",children:"Label"})}),lt(Oe,{children:lt(Et,{id:"third",children:"Label"})})]})};oa.options=Om;oa.states=Pm;oa.variants=Km;oa.defaultOptions=Hm;oa.modifiers=Bm;import{jsx as Fm}from"react/jsx-runtime";var Gm=kt.options,Dm=kt.states,_m=kt.defaultOptions,zm=[],Um=[],aa=e=>Fm(Et,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});aa.options=Gm;aa.states=Dm;aa.variants=zm;aa.defaultOptions=_m;aa.modifiers=Um;import{jsx as lo,jsxs as Wm}from"react/jsx-runtime";var fl="k-list-item",Vm=[n.hover,n.focus,n.selected,n.disabled],$m={},Xm={},G=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:s,showCheckbox:c,checked:m,hover:h,focus:N,selected:v,disabled:k,actions:u,description:M,id:C,...S}=e,R=t\|\|e.children;return Wm("li",{...S,id:C,role:a?"presentation":"option",tabIndex:a?void 0:N?0:-1,"aria-selected":!a&&v?"true":a?void 0:"false","aria-disabled":!a&&k?"true":void 0,className:r(e.className,a?"k-list-group-item":fl,A(fl,{hover:h,focus:N,disabled:k,selected:v})),children:[c&&lo(De,{checked:m}),l&&lo("span",{className:"k-list-item-icon-wrapper",children:lo(g,{icon:l,className:r("k-list-item-icon",s)})}),lo("span",{className:"k-list-item-text",children:R}),u&&lo("div",{className:"k-list-item-actions",children:u}),M&&lo("span",{className:"k-list-item-description",children:M}),o&&o!==""&&lo("div",{className:"k-list-item-group-label",children:o})]})};G.states=Vm;G.options=$m;G.className=fl;G.defaultOptions=Xm;G.moduleName=ao;G.folderName=Lo;G.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as qm}from"react/jsx-runtime";var Jm="k-list-ul",wt=e=>{let{children:t,role:o,id:a,...l}=e;return qm("ul",{...l,id:a,role:o,className:r(Jm,e.className),children:t})};wt.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as Tl,jsxs as Qm}from"react/jsx-runtime";var Ym="k-list-content",q=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:s,...c}=e;return Qm("div",{...c,className:r(Ym,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:Tl(wt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&Tl("div",{className:"k-height-container",children:Tl("div",{})})]})};q.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as WS,jsx as XS,jsxs as JS}from"react/jsx-runtime";import{jsx as hl,jsxs as jm}from"react/jsx-runtime";var Zm="k-list-group-item",no=e=>{let{groupIconName:t,...o}=e;return jm("li",{...o,role:"presentation",className:r(Zm,e.className),children:[t&&hl("span",{className:"k-list-item-icon-wrapper",children:hl(g,{icon:t,className:"k-list-item-icon"})}),hl("span",{className:"k-list-item-text",children:e.children})]})};no.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as au}from"react/jsx-runtime";var xl="k-list-optionlabel",eu=[n.hover,n.focus,n.selected,n.disabled],tu={},ou={},ja=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...c}=e;return au("div",{...c,className:r(xl,A(xl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};ja.states=eu;ja.options=tu;ja.className=xl;ja.defaultOptions=ou;import{jsx as su}from"react/jsx-runtime";var Nl="k-list-custom-value",ru=[n.hover,n.focus,n.selected,n.disabled],lu={},nu={},Wt=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...c}=e;return su("div",{...c,className:r(Nl,A(Nl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};Wt.states=ru;Wt.options=lu;Wt.className=Nl;Wt.defaultOptions=nu;import{Fragment as cA,jsx as dA,jsxs as pA}from"react/jsx-runtime";import{Fragment as hA,jsx as TA,jsxs as xA}from"react/jsx-runtime";import{Fragment as MA,jsx as LA,jsxs as CA}from"react/jsx-runtime";import{Fragment as RA,jsx as wA,jsxs as IA}from"react/jsx-runtime";import{jsx as KA}from"react/jsx-runtime";import{Fragment as UA,jsx as zA,jsxs as FA}from"react/jsx-runtime";var ys="dropdown-list",Ss="dropdownlist";import{Fragment as cu,jsx as Pe,jsxs as gl}from"react/jsx-runtime";var As="k-dropdownlist",iu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],du={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},kl={showValue:!0,arrowIconName:"caret-alt-down"},Y=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=kl.arrowIconName,showValue:s=kl.showValue,valueIconName:c,prefix:m,suffix:h,value:N,placeholder:v,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:w,readonly:D,popup:se,opened:fe,adaptive:we,adaptiveSettings:$e,adaptiveTitle:Xe,adaptiveSubtitle:No,adaptiveFilter:gr,...Ba}=e;return gl(cu,{children:[gl(ht,{...Ba,size:t,rounded:o,fillMode:a,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:w,readonly:D,className:r(e.className,As,{"k-icon-picker":!s&&c}),children:[Pe(tt,{children:m}),Pe(oo,{placeholder:v,value:N,showValue:s,valueIconName:c}),Pe(Ie,{valid:M,invalid:C,loading:R,disabled:w}),Pe(Ge,{loading:R,disabled:w}),Pe(ot,{children:h}),Pe(d,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":v\|\|"Toggle dropdown"})]}),fe&&se&&Pe(ae,{className:"k-list-container k-dropdownlist-popup",children:se}),we&&Pe(me,{adaptive:!0,...$e,header:Pe(Re,{actionsEnd:Pe(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:gr,inputValue:N,inputPlaceholder:v,title:Xe,subtitle:No}),children:Pe("div",{className:"k-list-container",children:Pe(F,{size:"large",children:gl(q,{children:[Pe(G,{text:"List item"}),Pe(G,{text:"List item"}),Pe(G,{text:"List item"})]})})})})]})};Y.states=iu;Y.options=du;Y.className=As;Y.defaultOptions=kl;Y.moduleName=ys;Y.folderName=Ss;import{jsx as kE}from"react/jsx-runtime";import{jsx as yE,jsxs as SE}from"react/jsx-runtime";import{Fragment as HE,jsx as OE,jsxs as PE}from"react/jsx-runtime";import{jsx as DE}from"react/jsx-runtime";import{jsx as VE,jsxs as $E}from"react/jsx-runtime";import{Fragment as jE,jsx as QE,jsxs as ZE}from"react/jsx-runtime";import{Fragment as Tu,jsx as Jt,jsxs as Es}from"react/jsx-runtime";var pu=Y.states,mu=Y.defaultOptions,uu=Y.options,bu=[{name:"opened",title:"Opened"}],fu=[],la=e=>{let{modifiers:t,...o}=e,a={},l=Es(Tu,{children:[Jt("div",{className:"k-list-filter",children:Jt(rt,{})}),Jt(F,{style:{width:300},size:o.size,children:Es(q,{children:[Jt(G,{children:"List item"}),Jt(G,{children:"List item"}),Jt(G,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?l:void 0)}),Jt("div",{children:Jt(Y,{placeholder:"Value",style:{width:300},...o,...a})})};la.options=uu;la.states=pu;la.variants=fu;la.defaultOptions=mu;la.modifiers=bu;import{jsx as ws,jsxs as ku}from"react/jsx-runtime";var Is="k-spin-button",Nu=[],gu={size:[i.undefined,i.small,i.medium,i.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},vl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},qt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=vl.increaseLabel,decreaseLabel:s=vl.decreaseLabel,...c}=e;return ku("span",{...c,className:r(Is,e.className),children:[ws(d,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),ws(d,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};qt.states=Nu;qt.options=gu;qt.className=Is;qt.defaultOptions=vl;qt.moduleName=null;qt.folderName=null;var Rs="numeric-textbox",Os="numerictextbox";import{Fragment as Ps,jsx as It,jsxs as Ll}from"react/jsx-runtime";var Hs="k-numerictextbox",vu=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Lu={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},er={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:l=er.separators,showClearButton:s=er.showClearButton,showSpinButton:c=er.showSpinButton,prefix:m,suffix:h,value:N,placeholder:v,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:w,readonly:D,id:se,"aria-label":fe,"aria-describedby":we,...$e}=e;return Ll(Te,{...$e,size:t,rounded:o,fillMode:a,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:w,readonly:D,className:r(e.className,Hs),children:[m&&Ll(Ps,{children:[It(tt,{children:m}),l&&It(at,{})]}),It(Je,{id:se,placeholder:v,value:N,role:"spinbutton",disabled:w,"aria-label":fe,"aria-describedby":we,"aria-invalid":C?"true":void 0}),It(Ie,{valid:M,invalid:C,loading:R,disabled:w}),It(Ge,{loading:R,disabled:w}),s&&It(We,{loading:R,disabled:w,readonly:D,value:N}),h&&Ll(Ps,{children:[l&&It(at,{}),It(ot,{children:h})]}),c&&It(qt,{className:"k-input-spinner",size:t,fillMode:a,disabled:w})]})};_.states=vu;_.options=Lu;_.className=Hs;_.defaultOptions=er;_.moduleName=Rs;_.folderName=Os;_.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 na=_;import{jsx as Cu}from"react/jsx-runtime";var Ks=e=>Cu(na,{...e});import{Fragment as Gw,jsx as Bw}from"react/jsx-runtime";import{Fragment as Vw,jsx as Fw}from"react/jsx-runtime";import{jsx as Jw}from"react/jsx-runtime";import{jsx as Cl}from"react/jsx-runtime";var Mu=_.states,yu=_.defaultOptions,Su=_.options,Au=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Eu=[],sa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Cl(Y,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[l]?Cl(Xr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;case"spin-button":a.showSpinButton=t?.[l];break;default:break}}),Cl(Ks,{value:"Value",style:{width:300},...o,...a})};sa.options=Su;sa.states=Mu;sa.variants=Eu;sa.defaultOptions=yu;sa.modifiers=Au;var Ml="pager",Bs=Ml;import{Fragment as Gs,jsx as ze,jsxs as yo}from"react/jsx-runtime";var tr="k-pager",wu=[n.focus,n.disabled],Iu={size:[i.undefined,i.small,i.medium,i.large]},qe={responsive:!0,pagerSizeInfo:!0,pageTitleInfo:!0,maxPagesInfo:!0,type:"numeric",pageSizes:!0,refresh:!0,previousNext:!0,info:"1 - 5 of 20 items",itemsPerPage:5,maxPages:6,currentPage:1},he=e=>{let{responsive:t=qe.responsive,size:o,pagerSizeInfo:a=qe.pagerSizeInfo,pageTitleInfo:l=qe.pageTitleInfo,maxPagesInfo:s=qe.maxPagesInfo,itemsPerPage:c=qe.itemsPerPage,maxPages:m=qe.maxPages,currentPage:h=qe.currentPage,previousNext:N=qe.previousNext,type:v=qe.type,pageSizes:k=qe.pageSizes,refresh:u=qe.refresh,info:M=qe.info,focus:C,disabled:S,dir:R,...w}=e,D=[],se=[];for(let fe=1;fe<=m;fe++)D.push(ze(d,{selected:fe===h,fillMode:"flat",themeColor:"primary",size:o,children:fe})),se.push(ze("option",{selected:fe===h,children:fe}));return yo("div",{dir:R,...w,className:r(e.className,tr,y(tr,{size:o}),A(tr,{focus:C,disabled:S}),{"k-pager-responsive":t}),children:[yo("div",{className:r("k-pager-numbers-wrap"),children:[N&&yo(Gs,{children:[ze(d,{className:r("k-pager-nav","k-pager-first"),disabled:h===1&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),ze(d,{className:r("k-pager-nav"),disabled:h===1&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-right":"caret-alt-left"})]}),v==="numeric"&&ze("div",{className:r("k-pager-numbers"),children:D}),v==="input"&&yo("span",{className:r("k-pager-input"),children:[l&&ze("span",{children:"Page"}),ze(_,{value:`${h}`,size:o,showSpinButton:!1,showClearButton:!1}),ze("span",{children:s&&`of ${m}`})]}),N&&yo(Gs,{children:[ze(d,{className:r("k-pager-nav"),disabled:h===m&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-left":"caret-alt-right"}),ze(d,{className:r("k-pager-nav","k-pager-last"),disabled:h===m&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),k&&yo("span",{className:r("k-pager-sizes"),children:[ze(Y,{value:`${c}`,size:o}),a&&ze("span",{children:"items per page"})]}),u&&ze(d,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),M&&ze("span",{className:r("k-pager-info"),children:M})]})};he.states=wu;he.options=Iu;he.className=tr;he.defaultOptions=qe;he.moduleName=Ml;he.folderName=Bs;import{jsx as gI}from"react/jsx-runtime";import{jsx as CI}from"react/jsx-runtime";import{jsx as AI}from"react/jsx-runtime";import{jsx as Ds}from"react/jsx-runtime";var Ru=he.options,Ou=he.states,Pu={...he.defaultOptions,variant:"numeric"},Hu=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Ku=[],ia=e=>{let{variant:t,...o}=e;return t==="input"?Ds(he,{...o,type:"input"}):Ds(he,{...o,type:"numeric"})};ia.options=Ru;ia.states=Ou;ia.variants=Hu;ia.defaultOptions=Pu;ia.modifiers=Ku;import{jsx as Bu}from"react/jsx-runtime";var _s="k-grid-pager",vt=e=>Bu(he,{...e,className:r(e.className,_s),children:e.children});vt.className=_s;vt.moduleName=$;vt.folderName=W;var yl="button",zs=yl;import{jsx as zu}from"react/jsx-runtime";var da="k-button-group",Gu=[n.disabled],Du={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},_u={},K=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return zu("div",{role:"group",...l,className:r(e.className,da,y(da,{fillMode:t}),A(da,{disabled:o}),{[`${da}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};K.states=Gu;K.options=Du;K.className=da;K.defaultOptions=_u;K.moduleName=yl;K.folderName=zs;K.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as tR,jsx as eR,jsxs as oR}from"react/jsx-runtime";import{Fragment as iR,jsx as sR,jsxs as dR}from"react/jsx-runtime";import{Fragment as fR,jsx as bR,jsxs as TR}from"react/jsx-runtime";import{Fragment as vR,jsx as kR,jsxs as LR}from"react/jsx-runtime";import{Fragment as ER,jsx as AR,jsxs as wR}from"react/jsx-runtime";import{Fragment as KR,jsx as HR,jsxs as BR}from"react/jsx-runtime";import{jsx as Rt,jsxs as Sl}from"react/jsx-runtime";var Uu={...d.options,...K.options},Fu=d.states,Vu={...d.defaultOptions,...K.defaultOptions,variant:"text-button"},$u=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Xu=[],ca=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Sl(K,{fillMode:a.fillMode,className:o,children:[Rt(d,{...a,icon:"star"}),Rt(d,{...a,icon:"star"}),Rt(d,{...a,icon:"star"})]}):t==="icon-text-button"?Sl(K,{fillMode:a.fillMode,className:o,children:[Rt(d,{...a,icon:"star",children:"First"}),Rt(d,{...a,icon:"star",children:"Middle"}),Rt(d,{...a,icon:"star",children:"Last"})]}):Sl(K,{fillMode:a.fillMode,className:o,children:[Rt(d,{...a,children:"First"}),Rt(d,{...a,children:"Middle"}),Rt(d,{...a,children:"Last"})]})};ca.options=Uu;ca.states=Fu;ca.variants=$u;ca.defaultOptions=Vu;ca.modifiers=Xu;import{jsx as Us,jsxs as qu}from"react/jsx-runtime";var Fs="k-color-preview",Wu=[],Ju={},Yt=e=>{let{color:t,iconName:o,...a}=e;return qu("span",{...a,className:r(e.className,Fs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Us(g,{icon:o,className:"k-color-preview-icon"}),Us("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Yt.states=Wu;Yt.options=Ju;Yt.className=Fs;var Al="slider",Vs=Al;import{jsx as So,jsxs as El}from"react/jsx-runtime";var pa="k-slider",Yu=[n.hover,n.focus,n.active,n.disabled,n.readonly],Qu={},st={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},le=e=>{let{type:t=st.type,orientation:o=st.orientation,gradientType:a=st.gradientType,readonly:l=st.readonly,disabled:s=st.disabled,handlePosition:c=st.handlePosition,showButtons:m=st.showButtons,showTicks:h=st.showTicks,value:N=st.value,min:v=st.min,max:k=st.max,startValue:u,endValue:M,hover:C,focus:S,active:R,trackStyle:w,dir:D,...se}=e,we=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),$e,Xe;return o==="horizontal"?($e=D==="rtl"?"caret-alt-left":"caret-alt-right",Xe=D==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&($e="caret-alt-up",Xe="caret-alt-down"),El("div",{...se,className:r(pa,e.className,A(pa,{readonly:l,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:D,children:[m&&So(d,{className:"k-button-decrease",rounded:"full",icon:Xe,tabIndex:-1,title:"Decrease"}),El("div",{className:"k-slider-track-wrap",children:[h&&So("ul",{className:"k-reset k-slider-items",children:e.children}),El("div",{className:"k-slider-track",style:w,children:[So("div",{className:"k-slider-selection"}),t==="range"&&So("span",{className:r("k-draghandle","k-draghandle-start",A(pa,{hover:C,focus:S,active:R})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":u??v,"aria-valuemin":v,"aria-valuemax":M??k,"aria-orientation":we,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":se["aria-label"]?`${se["aria-label"]} start`:"Range start"}),So("span",{className:r("k-draghandle",`k-draghandle-${c}`,A(pa,{hover:C,focus:S,active:R})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?M??k:N,"aria-valuemin":t==="range"?u??v:v,"aria-valuemax":k,"aria-orientation":we,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?se["aria-label"]?`${se["aria-label"]} end`:"Range end":se["aria-label"]})]})]}),m&&So(d,{className:"k-button-increase",rounded:"full",icon:$e,tabIndex:-1,title:"Increase"})]})};le.states=Yu;le.options=Qu;le.className=pa;le.defaultOptions=st;le.moduleName=Al;le.folderName=Vs;le.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'}]};import{jsx as $s}from"react/jsx-runtime";var Xs="k-tick",Zu=[],ju={},Ws={label:!1},P=e=>{let{style:t,label:o=Ws.label,orientation:a,large:l,text:s,...c}=e;return $s("li",{...c,className:r(e.className,Xs,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&$s("span",{className:"k-label",children:s})})};P.states=Zu;P.options=ju;P.className=Xs;P.defaultOptions=Ws;import{Fragment as eb,jsx as it,jsxs as tb}from"react/jsx-runtime";var Js=e=>it(le,{"aria-label":e["aria-label"]\|\|"Slider",children:tb(eb,{children:[it(P,{className:"k-first",label:!0,large:!0,text:"0"}),it(P,{}),it(P,{}),it(P,{}),it(P,{}),it(P,{label:!0,large:!0,text:"5"}),it(P,{}),it(P,{}),it(P,{}),it(P,{}),it(P,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as ob,jsx as dt,jsxs as ab}from"react/jsx-runtime";var qs=e=>dt(le,{children:ab(ob,{children:[dt(P,{className:"k-first",label:!0,large:!0,text:"0"}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{label:!0,large:!0,text:"5"}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as LO,jsx as vO,jsxs as CO}from"react/jsx-runtime";import{Fragment as EO,jsx as AO,jsxs as wO}from"react/jsx-runtime";import{jsx as rb}from"react/jsx-runtime";var wl=e=>rb(le,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as lb}from"react/jsx-runtime";var Il=e=>lb(le,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as zO,jsx as _O,jsxs as UO}from"react/jsx-runtime";import{Fragment as WO,jsx as XO,jsxs as JO}from"react/jsx-runtime";import{jsx as Lt,jsxs as Ys}from"react/jsx-runtime";var nb=le.options,sb=le.states,Qs={...le.defaultOptions,variant:"horizontal",label:!0},ib=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],db=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],ma=e=>{let{variant:t,modifiers:o,...a}={...Qs,...e},l={};Object.keys(o\|\|{}).forEach(N=>{switch(N){case"button":{l.showButtons=!!o?.[N];break}case"label":{l.label=!!o?.[N];break}case"tick":{l.showTicks=!!o?.[N];break}}});let{label:s=!0,showButtons:c,showTicks:m}=l,h={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Ys(qs,{showTicks:m,showButtons:c,style:{height:"300px",...h},...a,children:[Lt(P,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Lt(P,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Lt(P,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Lt(P,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Lt(P,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Ys(Js,{showTicks:m,showButtons:c,style:{width:"400px",...h},...a,children:[Lt(P,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Lt(P,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Lt(P,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Lt(P,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Lt(P,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};ma.options=nb;ma.states=sb;ma.variants=ib;ma.defaultOptions=Qs;ma.modifiers=db;import{Fragment as ua,jsx as z,jsxs as ue}from"react/jsx-runtime";var Zs="k-colorgradient-inputs",cb=[],pb={size:[i.undefined,i.small,i.medium,i.large]},js={mode:"rgba"},Ao=e=>{let{mode:t=js.mode,size:o,...a}=e;return ue("div",{...a,className:r(Zs,"k-hstack"),children:[z("div",{className:"k-vstack",children:z(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ue(ua,{children:[ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),z("label",{className:"k-colorgradient-input-label",children:"R"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),z("label",{className:"k-colorgradient-input-label",children:"G"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),z("label",{className:"k-colorgradient-input-label",children:"B"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),z("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ue(ua,{children:[ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),z("label",{className:"k-colorgradient-input-label",children:"R"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),z("label",{className:"k-colorgradient-input-label",children:"G"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),z("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ue(ua,{children:[ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),z("label",{className:"k-colorgradient-input-label",children:"H"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),z("label",{className:"k-colorgradient-input-label",children:"S"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),z("label",{className:"k-colorgradient-input-label",children:"V"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),z("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ue(ua,{children:[ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),z("label",{className:"k-colorgradient-input-label",children:"H"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),z("label",{className:"k-colorgradient-input-label",children:"S"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),z("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&z(ua,{children:ue("div",{className:"k-vstack k-flex-1",children:[z(re,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),z("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Ao.states=cb;Ao.options=pb;Ao.className=Zs;Ao.defaultOptions=js;import{jsx as so,jsxs as io}from"react/jsx-runtime";var ei="k-colorgradient-color-contrast",mb=[],ub={},bb={},Eo=()=>io("div",{className:r(ei,"k-vbox"),children:[io("div",{className:"k-contrast-ratio",children:[so("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),io("span",{className:"k-contrast-validation !k-text-success",children:[so(g,{icon:"check"}),so(g,{icon:"check"})]})]}),io("div",{children:[so("span",{children:"AA: 4.5"}),io("span",{className:"k-contrast-validation !k-text-success",children:["Pass",so(g,{icon:"check"})]})]}),io("div",{children:[so("span",{children:"AAA: 7.0"}),io("span",{className:"k-contrast-validation !k-text-error",children:["Fail",so(g,{icon:"x"})]})]})]});Eo.states=mb;Eo.options=ub;Eo.className=ei;Eo.defaultOptions=bb;var ti="color-gradient",oi="colorgradient";import{jsx as ct,jsxs as ba}from"react/jsx-runtime";var or="k-colorgradient",fb=[n.hover,n.focus,n.readonly,n.disabled],Tb={size:[i.undefined,i.small,i.medium,i.large]},Ct={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},Ce=e=>{let{size:t,mode:o=Ct.mode,readonly:a=Ct.readonly,disabled:l=Ct.disabled,gradientStyle:s=Ct.gradientStyle,dragHandleStyle:c=Ct.dragHandleStyle,alphaStyle:m=Ct.alphaStyle,alphaStyleHorizontal:h=Ct.alphaStyleHorizontal,contrast:N=Ct.contrast,dir:v,hover:k,focus:u,hoverHandle:M,focusHandle:C,canvasOrientation:S=Ct.canvasOrientation,role:R,tabIndex:w,...D}=e;return ba("div",{...D,role:R??"textbox","aria-label":R==="none"?void 0:"Color gradient",tabIndex:w??0,"aria-disabled":l?"true":void 0,className:r(e.className,or,y(or,{size:t}),A(or,{hover:k,focus:u,readonly:a,disabled:l})),dir:v,children:[!S\|\|S==="horizontal"&&ba("div",{className:"k-colorgradient-canvas k-hstack",children:[ct("div",{className:"k-hsv-rectangle",style:s,children:ct("div",{className:"k-hsv-gradient",children:ct("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),ba("div",{className:"k-hsv-controls k-hstack",children:[ct(Il,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&ct(Il,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:m})]})]}),S==="vertical"&&ba("div",{className:"k-colorgradient-canvas k-vstack",children:[ct("div",{className:"k-hsv-rectangle",style:s,children:ct("div",{className:"k-hsv-gradient",children:ct("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),ba("div",{className:"k-hsv-controls k-vstack",children:[ct(wl,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&ct(wl,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:h})]})]}),ct(Ao,{mode:e.mode,size:t}),N&&ct(Eo,{})]})};Ce.states=fb;Ce.options=Tb;Ce.className=or;Ce.defaultOptions=Ct;Ce.moduleName=ti;Ce.folderName=oi;Ce.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as hb}from"react/jsx-runtime";var ar=e=>hb(Ce,{...e});import{jsx as G0}from"react/jsx-runtime";import{jsx as U0}from"react/jsx-runtime";import{jsx as Rl}from"react/jsx-runtime";var xb=Ce.options,Nb=Ce.states,gb={...Ce.defaultOptions,variant:"rgba"},kb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],vb=[],fa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Rl(ar,{...o,mode:t});case"rgb":return Rl(ar,{...o,mode:t});default:return Rl(ar,{...o,mode:t})}};fa.options=xb;fa.states=Nb;fa.variants=kb;fa.defaultOptions=gb;fa.modifiers=vb;import{jsx as Lb}from"react/jsx-runtime";var Ol=e=>Lb("tr",{role:"row",children:e.children});import{jsx as yb}from"react/jsx-runtime";var Pl="k-colorpalette-tile",Cb=[n.hover,n.focus,n.selected],Mb={},wo=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:s,...c}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return yb("td",{...c,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,Pl,A(Pl,{hover:a,focus:l,selected:s})),style:m})};wo.states=Cb;wo.options=Mb;wo.className=Pl;var ai="color-palette",ri="colorpalette";import{jsx as Ta}from"react/jsx-runtime";var rr="k-colorpalette",Sb=[n.disabled],Ab={size:[i.undefined,i.small,i.medium,i.large]},li={columns:10},Ue=e=>{let{size:t,palette:o,columns:a=li.columns,tileSize:l,disabled:s,...c}=e,m=[];if(o){let h=a\|\|o.columns,N=o.colors?o.colors:o;Array.isArray(N)&&Array.from({length:Math.ceil(N.length/h)},(v,k)=>{let u=[];N.slice(kh,(k+1)h).map((C,S)=>{u.push(Ta(wo,{color:C,tileSize:l},S))});let M=Ta(Ol,{children:u},k);m.push(M)})}return Ta("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,rr,A(rr,{disabled:s}),y(rr,{size:t})),children:Ta("table",{className:"k-colorpalette-table",role:"none",children:Ta("tbody",{children:m.length>0?m:e.children})})})};Ue.states=Sb;Ue.options=Ab;Ue.className=rr;Ue.defaultOptions=li;Ue.moduleName=ai;Ue.folderName=ri;Ue.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var lr=Ue;var ha={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as Eb}from"react/jsx-runtime";var ni=e=>Eb(lr,{palette:ha.basic,...e});import{jsx as LP}from"react/jsx-runtime";import{jsx as EP,jsxs as wP}from"react/jsx-runtime";import{jsx as Kb}from"react/jsx-runtime";var wb=Ue.options,Ib=Ue.states,Rb={...Ue.defaultOptions,variant:"basic"},Ob=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Pb={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}},Hb=[],xa=e=>{let{variant:t="basic",...o}=e,a=Pb[t];return Kb(ni,{columns:a.columns,palette:a,...o})};xa.options=wb;xa.states=Ib;xa.variants=Ob;xa.defaultOptions=Rb;xa.modifiers=Hb;var si="color-editor",ii="coloreditor";import{jsx as pt,jsxs as Io}from"react/jsx-runtime";var nr="k-coloreditor",Bb=[n.focus],Gb={size:[i.undefined,i.small,i.medium,i.large]},Na={view:"gradient",palette:ha.office,actionButtons:!0,canvasOrientation:"horizontal"},be=e=>{let{size:t,view:o=Na.view,palette:a=Na.palette,color:l,currentColor:s,focus:c,focusView:m,dir:h,group:N,actionButtons:v=Na.actionButtons,canvasOrientation:k=Na.canvasOrientation,...u}=e;return Io("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",nr,y(nr,{size:t}),A(nr,{focus:c})),dir:h,children:[Io("div",{className:"k-coloreditor-header k-hstack",children:[pt("div",{className:"k-coloreditor-header-actions k-hstack",children:N&&Io(K,{fillMode:"flat",children:[pt(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),pt(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),pt("div",{className:"k-spacer"}),Io("div",{className:"k-coloreditor-header-actions k-hstack",children:[pt(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Io("div",{className:"k-coloreditor-preview k-vstack",children:[pt(Yt,{className:"k-coloreditor-preview-color",color:l}),pt(Yt,{className:"k-coloreditor-current-color",color:s})]})]})]}),pt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?pt(Ce,{focus:m,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):pt(Ue,{palette:a,size:t})}),v&&Io(gt,{className:"k-coloreditor-footer",alignment:"start",children:[pt(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),pt(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};be.states=Bb;be.options=Gb;be.className=nr;be.defaultOptions=Na;be.moduleName=si;be.folderName=ii;be.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Ro=be;import{jsx as lH}from"react/jsx-runtime";import{jsx as dH}from"react/jsx-runtime";import{jsx as Db}from"react/jsx-runtime";var di=e=>Db(Ro,{group:!0,currentColor:"fuchsia",...e});import{jsx as _b}from"react/jsx-runtime";var ci=e=>_b(Ro,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as pi}from"react/jsx-runtime";var zb=be.options,Ub=be.states,Fb={...be.defaultOptions,variant:"gradient"},Vb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],$b=[],ga=e=>{let{variant:t,...o}=e;return t==="palette"?pi(ci,{...o,color:"white"}):pi(di,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ga.options=zb;ga.states=Ub;ga.variants=Vb;ga.defaultOptions=Fb;ga.modifiers=$b;var mi="color-picker",ui="colorpicker";import{Fragment as Jb,jsx as mt,jsxs as Hl}from"react/jsx-runtime";var bi="k-colorpicker",Xb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Wb={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},fi={arrowIconName:"caret-alt-down"},Ye=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=fi.arrowIconName,prefix:s,suffix:c,value:m,placeholder:h,hover:N,focus:v,valid:k,invalid:u,required:M,disabled:C,valueIconName:S,popup:R,opened:w,adaptive:D,adaptiveSettings:se,adaptiveTitle:fe,adaptiveSubtitle:we,...$e}=e,Xe="colorpicker-popup";return Hl(Jb,{children:[Hl(ht,{...$e,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:k,invalid:u,required:M,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":w?"true":"false","aria-controls":w\|\|D?Xe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:r(e.className,bi,"k-icon-picker"),children:[mt(tt,{children:s}),mt(oo,{placeholder:h,value:m,showValue:!1,valueIcon:mt(Yt,{className:"k-value-icon",color:m,iconName:S}),valueIconName:S}),mt(ot,{children:c}),mt(d,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),w&&R&&mt(ae,{id:Xe,className:"k-colorpicker-popup",children:R}),D&&mt(me,{adaptive:!0,id:Xe,...se,header:mt(Re,{actionsEnd:mt(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:fe,subtitle:we}),footer:Hl(Ut,{children:[mt(d,{text:"Cancel",size:"large"}),mt(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:mt(be,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ye.states=Xb;Ye.options=Wb;Ye.className=bi;Ye.defaultOptions=fi;Ye.moduleName=mi;Ye.folderName=ui;Ye.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Qt=Ye;import{jsx as qb}from"react/jsx-runtime";var sr=e=>qb(Qt,{...e});import{jsx as XH}from"react/jsx-runtime";import{jsx as QH}from"react/jsx-runtime";import{jsx as tK}from"react/jsx-runtime";import{jsx as lK}from"react/jsx-runtime";import{jsx as dK}from"react/jsx-runtime";import{jsx as uK}from"react/jsx-runtime";import{jsx as co}from"react/jsx-runtime";var Yb=Qt.options,Qb=Qt.states,Ti={...Qt.defaultOptions,variant:"color"},Zb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],jb=[{name:"opened",title:"Opened"}],ka=e=>{let{variant:t,modifiers:o,...a}={...Ti,...e},l={};Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?co(be,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return co("div",{style:s,children:co(sr,{...a,...l})});case"icon":return co("div",{style:s,children:co(sr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return co("div",{style:s,children:co(sr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};ka.options=Yb;ka.states=Qb;ka.variants=Zb;ka.defaultOptions=Ti;ka.modifiers=jb;var Kl="combobox",hi=Kl;import{Fragment as Bl,jsx as xe,jsxs as va}from"react/jsx-runtime";var xi="k-combobox",ef=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],tf={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Ni={separators:!0},He=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Ni.separators,prefix:s,suffix:c,value:m,placeholder:h,hover:N,focus:v,valid:k,invalid:u,required:M,loading:C,disabled:S,popup:R,opened:w,readonly:D,adaptive:se,adaptiveSettings:fe,adaptiveTitle:we,adaptiveSubtitle:$e,adaptiveCustomValue:Xe,id:No,autocomplete:gr,activeDescendant:Ba,"aria-label":sd,...id}=e,dd=No?`${No}-listbox`:void 0;return va(Bl,{children:[va(Te,{...id,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:k,invalid:u,required:M,loading:C,disabled:S,readonly:D,className:r(e.className,xi),children:[s&&va(Bl,{children:[xe(tt,{children:s}),l&&xe(at,{})]}),xe(Je,{placeholder:h,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":w?"true":"false","aria-controls":w?dd:void 0,"aria-activedescendant":w&&Ba?Ba:void 0,"aria-autocomplete":gr,"aria-invalid":u?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":sd,disabled:S,readOnly:D}),xe(Ie,{valid:k,invalid:u,loading:C,disabled:S}),xe(Ge,{loading:C,disabled:S}),xe(We,{loading:C,disabled:S,readonly:D,value:m}),c&&va(Bl,{children:[l&&xe(at,{}),xe(ot,{children:c})]}),xe(d,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:S})]}),w&&R&&xe(ae,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:R}),se&&xe(me,{adaptive:!0,id:No?`${No}-adaptive`:void 0,...fe,header:xe(Re,{actionsEnd:xe(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:h,title:we,subtitle:$e}),children:xe("div",{className:"k-list-container",children:xe(F,{customValue:Xe?xe(Wt,{text:`Use "${m}"`}):void 0,size:"large",children:va(q,{"aria-label":we\|\|"Options",children:[xe(G,{text:"List item"}),xe(G,{text:"List item"}),xe(G,{text:"List item"})]})})})})]})};He.states=ef;He.options=tf;He.className=xi;He.defaultOptions=Ni;He.moduleName=Kl;He.folderName=hi;He.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Qe=He;import{jsx as of}from"react/jsx-runtime";var gi=e=>of(Qe,{...e});import{jsx as qK,jsxs as YK}from"react/jsx-runtime";import{jsx as oB,jsxs as aB}from"react/jsx-runtime";import{jsx as dB,jsxs as cB}from"react/jsx-runtime";import{Fragment as TB,jsx as fB}from"react/jsx-runtime";import{Fragment as vB,jsx as kB}from"react/jsx-runtime";import{jsx as AB,jsxs as EB}from"react/jsx-runtime";import{Fragment as BB,jsx as HB,jsxs as KB}from"react/jsx-runtime";import{jsx as zB}from"react/jsx-runtime";import{jsx as $B}from"react/jsx-runtime";import{jsx as QB,jsxs as ZB}from"react/jsx-runtime";import{jsx as rG,jsxs as lG}from"react/jsx-runtime";import{jsx as Zt,jsxs as df}from"react/jsx-runtime";var af=He.states,rf=He.defaultOptions,lf=He.options,nf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],sf=[],La=e=>{let{modifiers:t,...o}=e,a={},l=Zt(F,{style:{width:300},size:o.size,children:df(q,{children:[Zt(G,{children:"List item"}),Zt(G,{children:"List item"}),Zt(G,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?Zt(g,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?Zt(zt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?l:void 0;break;default:break}}),Zt("div",{children:Zt(gi,{value:"Value",style:{width:300},...o,...a})})};La.options=lf;La.states=af;La.variants=sf;La.defaultOptions=rf;La.modifiers=nf;var Gl="menu-button",ki=Gl;import{jsx as mf}from"react/jsx-runtime";var vi="k-menu-button",cf=[n.hover,n.focus,n.active,n.selected,n.disabled],pf={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Dl={showArrow:!0,arrowIconName:"caret-alt-down"},Q=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:m,selected:h,disabled:N,icon:v,text:k,showArrow:u=Dl.showArrow,arrowIconName:M=Dl.arrowIconName,expanded:C,...S}=e;return mf(d,{...S,className:r(e.className,vi),text:k,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:m,selected:h,disabled:N,icon:v,showArrow:u,arrowIconName:M,"aria-expanded":C?"true":"false",...!k&&v&&!e["aria-label"]&&{"aria-label":"Menu"},...N&&{"aria-disabled":"true"}})};Q.states=cf;Q.options=pf;Q.className=vi;Q.defaultOptions=Dl;Q.moduleName=Gl;Q.folderName=ki;Q.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as GG}from"react/jsx-runtime";import{jsx as UG}from"react/jsx-runtime";import{jsx as XG}from"react/jsx-runtime";var Ze="menu",ut=Ze;import{jsx as Ca,jsxs as Li}from"react/jsx-runtime";var _l="k-menu-item",uf=[n.hover,n.focus,n.active,n.selected,n.disabled],bf={},Ci={iconPosition:"before"},Ae=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:c,text:m,first:h,last:N,showArrow:v,arrowIconName:k,iconPosition:u=Ci.iconPosition,dir:M,children:C,expanded:S,...R}=e,w=k;return w\|\|(w=M==="rtl"?"caret-alt-left":"caret-alt-right"),Li("li",{...R,className:r(e.className,_l,"k-item",A(_l,{focus:o,disabled:s,hover:t,active:a,selected:l}),{"k-first":h,"k-last":N}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":S?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Li("span",{className:r("k-link k-menu-link"),children:[c&&u==="before"&&Ca(g,{className:"k-menu-link-icon",icon:c}),Ca("span",{className:"k-menu-link-text",children:m}),c&&u==="after"&&Ca(g,{className:"k-menu-link-icon",icon:c}),v&&Ca("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ca(g,{icon:w})})]}),C]})};Ae.states=uf;Ae.options=bf;Ae.className=_l;Ae.defaultOptions=Ci;Ae.moduleName=Ze;Ae.folderName=ut;import{jsx as Ma,jsxs as Mi}from"react/jsx-runtime";var zl="k-menu-item",ff=[n.hover,n.focus,n.active,n.selected,n.disabled],Tf={},Ul={dir:"ltr",iconPosition:"before"},pe=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:c,text:m,first:h,last:N,showArrow:v,arrowIconName:k,iconPosition:u=Ul.iconPosition,dir:M=Ul.dir,children:C,popup:S,expanded:R,...w}=e,D=k;return D\|\|(D=M==="rtl"?"caret-alt-left":"caret-alt-right"),Mi("li",{...w,className:r(e.className,zl,"k-item",A(zl,{focus:o,disabled:s}),{"k-first":h,"k-last":N}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":R?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Mi("span",{className:r("k-link k-menu-link",A("k-menu-link",{hover:t,active:a,selected:l,disabled:s})),children:[c&&u==="before"&&Ma(g,{className:"k-menu-link-icon",icon:c}),Ma("span",{className:"k-menu-link-text",children:m}),c&&u==="after"&&Ma(g,{className:"k-menu-link-icon",icon:c}),v&&Ma("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ma(g,{icon:D})})]}),C,S]})};pe.states=ff;pe.options=Tf;pe.className=zl;pe.defaultOptions=Ul;pe.moduleName=Ze;pe.folderName=ut;import{jsx as gf}from"react/jsx-runtime";var yi="k-menu-scroll-wrapper",hf=[],xf={},Nf={},po=e=>{let{className:t,children:o,orientation:a,...l}=e;return gf("div",{...l,className:r(t,yi,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};po.states=hf;po.options=xf;po.className=yi;po.defaultOptions=Nf;po.moduleName=Ze;po.folderName=ut;var Si=po;import{Fragment as Fl,jsx as mo,jsxs as dr}from"react/jsx-runtime";var Vl="k-menu",kf=[],vf={},cr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Me=e=>{let{children:t,orientation:o=cr.orientation,header:a=cr.header,scrollable:l,scrollButtonsPosition:s=cr.scrollButtonsPosition,wrapperStyles:c,dir:m,popup:h,contextMenu:N,...v}=e,k={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},u=mo("ul",{dir:m,...v,className:r(e.className,"k-reset",Vl,{[`${Vl}-${o}`]:o,"k-header":a}),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return dr(Fl,{children:[l?dr(Si,{orientation:o,style:c,dir:e.dir,children:[s==="start"&&dr(Fl,{children:[mo(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),mo(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&mo(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),u,s==="end"&&dr(Fl,{children:[mo(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),mo(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&mo(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):u,h]})};Me.states=kf;Me.options=vf;Me.className=Vl;Me.defaultOptions=cr;Me.moduleName=Ze;Me.folderName=ut;Me.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-haspopup=menu",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-expanded=true/false",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item[aria-haspopup][aria-controls]",attribute:"aria-controls=ul.k-menu-group id",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as Lf}from"react/jsx-runtime";var $l="k-separator",Ai={orientation:"horizontal"},Oo=e=>{let{orientation:t=Ai.orientation,...o}=e;return Lf("li",{...o,className:r(e.className,"k-item",$l,{[`${$l}-${t}`]:t}),role:"separator"})};Oo.className=$l;Oo.defaultOptions=Ai;Oo.moduleName=Ze;Oo.folderName=ut;import{Fragment as k1,jsx as v1}from"react/jsx-runtime";import{jsx as Sf}from"react/jsx-runtime";var Xl="k-menu-group",Cf=[],Mf={size:[i.undefined,i.small,i.medium,i.large]},yf={},Ee=e=>{let{children:t,size:o,...a}=e;return Sf("ul",{...a,className:r(e.className,Xl,y(Xl,{size:o})),role:"menu",children:t})};Ee.states=Cf;Ee.options=Mf;Ee.className=Xl;Ee.defaultOptions=yf;Ee.moduleName=Ze;Ee.folderName=ut;import{Fragment as Af,jsx as Po,jsxs as Ef}from"react/jsx-runtime";var Wl=e=>Po(Me,{children:Ef(Af,{children:[Po(Ae,{first:!0,text:"Item 1"}),Po(Ae,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Po(Ae,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Po(Ae,{text:"Item 4"}),Po(Ae,{last:!0,text:"Item 5"})]}),...e});import{Fragment as K1,jsx as P1,jsxs as H1}from"react/jsx-runtime";import{Fragment as z1,jsx as _1,jsxs as U1}from"react/jsx-runtime";import{Fragment as W1,jsx as X1,jsxs as J1}from"react/jsx-runtime";import{Fragment as j1,jsx as Z1,jsxs as eD}from"react/jsx-runtime";import{jsx as uo,jsxs as Pf}from"react/jsx-runtime";var wf=Me.options,If=Me.states,Ei={...Me.defaultOptions,variant:"horizontal"},Rf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Of=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],ya=e=>{let{variant:t,modifiers:o,...a}={...Ei,...e},l={};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"scrollable":l.scrollable=!!o?.[s];break;case"opened":l.opened=!!o?.[s],l.popup=uo(ae,{className:"k-menu-popup",children:Pf(Ee,{children:[uo(pe,{text:"Item 1"}),uo(pe,{text:"Item 2"}),uo(Oo,{}),uo(pe,{text:"Item 3"})]})});break}}),t==="vertical"?uo(Wl,{...a,...l,orientation:"vertical",style:{width:"200px"}}):uo(Wl,{...a,...l})};ya.options=wf;ya.states=If;ya.variants=Rf;ya.defaultOptions=Ei;ya.modifiers=Of;import{Fragment as RD,jsx as wD,jsxs as ID}from"react/jsx-runtime";import{jsx as KD}from"react/jsx-runtime";import{Fragment as Df,jsx as Mt,jsxs as wi}from"react/jsx-runtime";var Hf=d.states,Ii={...d.defaultOptions,variant:"text"},Kf=d.options,Bf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Gf=[{name:"opened",title:"Opened"}],Sa=e=>{let{variant:t,modifiers:o,...a}={...Ii,...e},l={},s=Mt(ae,{className:"k-menu-popup",children:wi(Ee,{size:a.size,children:[Mt(pe,{first:!0,text:"Menu Item"}),Mt(pe,{text:"Menu Item"}),Mt(pe,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=Mt("div",{children:Mt(Q,{...a,...l,icon:"star"})});break;case"icon-and-text":c=Mt("div",{children:Mt(Q,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:c=Mt("div",{children:Mt(Q,{...a,...l,children:"Dropdown Button"})});break}return wi(Df,{children:[c,o?.opened&&s]})};Sa.options=Kf;Sa.states=Hf;Sa.variants=Bf;Sa.defaultOptions=Ii;Sa.modifiers=Gf;var Jl="split-button",Ri=Jl;import{Fragment as Uf,jsx as ql,jsxs as Oi}from"react/jsx-runtime";var Yl="k-split-button",_f=[n.hover,n.focus,n.active,n.selected,n.disabled],zf={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Pi={arrowIconName:"caret-alt-down"},V=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:m,selected:h,disabled:N,icon:v,text:k,arrowIconName:u=Pi.arrowIconName,popup:M,opened:C,popupId:S,...R}=e;return Oi(Uf,{children:[Oi("div",{...R,className:r(e.className,Yl,"k-button-group",y(Yl,{rounded:o})),children:[ql(d,{text:k,icon:v,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:m,selected:h,disabled:N,...!k&&!e.children&&v&&{"aria-label":"Action"},children:e.children}),ql(d,{className:"k-split-button-arrow",icon:u,size:t,rounded:o,fillMode:a,disabled:N,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?S:void 0,tabIndex:-1,...N&&{"aria-disabled":"true"}})]}),C&&M&&ql(ae,{className:"k-menu-popup",children:M})]})};V.states=_f;V.options=zf;V.className=Yl;V.defaultOptions=Pi;V.moduleName=Jl;V.folderName=Ri;V.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Ql=V;import{jsx as Vf}from"react/jsx-runtime";var Ff="k-toolbar-separator",Tt=e=>Vf("div",{className:r(Ff,e.className,"k-separator")});var Ot="toolbar",jt=Ot;import{Fragment as Zl,jsx as X,jsxs as Ho}from"react/jsx-runtime";var Pt="k-toolbar",$f=[n.focus],Xf={size:[i.undefined,i.small,i.medium,i.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Wf={scrollButtons:"around"},Z=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:s,scrollButtons:c,scrollingPosition:m,section:h,...N}=e,v=[],k=(u,M)=>{let C=[];if(u.type===d&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))C.push(X(d,{...u.props,className:`${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===d)C.push(X(d,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===$o)C.push(X($o,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===zt)C.push(X(zt,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===Q)C.push(X(Q,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===Ql)C.push(X(Ql,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===K\|\|u.props.className&&u.props.className.includes("k-button-group")){let S=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((w,D)=>{S.push(X(d,{...w.props,className:`${w.props.className?w.props.className:""}`},`${D}-${new Date().getTime()}`))}),C.push(X(K,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:S},`${M}-${new Date().getTime()}`))}else u.type===He?C.push(X(He,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):u.type===Y?C.push(X(Y,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):u.type===Ye?C.push(X(Ye,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):C.push(u);C.forEach(S=>{v.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,C)=>{k(M,C)}),Ho("div",{...N,className:r(e.className,Pt,y(Pt,{size:t,fillMode:o}),A(Pt,{focus:a}),{[`${Pt}-resizable`]:l,[`${Pt}-scrollable`]:s,[`${Pt}-scrollable-overlay`]:s&&c==="hidden",[`${Pt}-scrollable-${m}`]:m&&m!=="both",[`${Pt}-section`]:h}),role:"toolbar","aria-label":"Toolbar",children:[!s&&v,s&&c==="hidden"&&X("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),s&&c==="start"&&Ho(Zl,{children:[Ho(K,{children:[X("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:X(g,{className:"k-button-icon",icon:"caret-alt-left"})}),X("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:X(g,{className:"k-button-icon",icon:"caret-alt-right"})})]}),X(Tt,{className:"k-toolbar-button-separator"}),X("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v})]}),s&&c==="end"&&Ho(Zl,{children:[X("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),X(Tt,{className:"k-toolbar-button-separator"}),Ho(K,{children:[X("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:X(g,{className:"k-button-icon",icon:"caret-alt-left"})}),X("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:X(g,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(c==="around"\|\|!c)&&Ho(Zl,{children:[X("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:X(g,{className:"k-button-icon",icon:"caret-alt-left"})}),X(Tt,{className:"k-toolbar-button-separator"}),X("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),X(Tt,{className:"k-toolbar-button-separator"}),X("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:X(g,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};Z.states=$f;Z.options=Xf;Z.className=Pt;Z.defaultOptions=Wf;Z.moduleName=Ot;Z.folderName=jt;Z.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the section toggle button."}]};import{jsx as Qf}from"react/jsx-runtime";var Hi="k-floating-toolbar",Jf=[],qf={},Yf={},Ko=e=>{let{...t}=e;return Qf("div",{...t,className:r(e.className,Hi),children:e.children})};Ko.states=Jf;Ko.options=qf;Ko.className=Hi;Ko.defaultOptions=Yf;Ko.moduleName=Ot;Ko.folderName=jt;import{jsx as tT}from"react/jsx-runtime";var jl="k-toolbar-item",Zf=[n.focus],jf={},eT={},Bo=e=>{let{focus:t,...o}=e;return tT("div",{...o,className:r(e.className,jl,A(jl,{focus:t})),children:e.children})};Bo.states=Zf;Bo.options=jf;Bo.className=jl;Bo.defaultOptions=eT;Bo.moduleName=Ot;Bo.folderName=jt;import{jsx as Ki}from"react/jsx-runtime";var Bi="k-toolbar-popup",oT=[],aT={size:[i.undefined,i.small,i.medium,i.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},rT={},bo=e=>{let{size:t,fillMode:o,section:a,...l}=e;return Ki(ae,{...l,className:r(e.className,Bi),children:a?Ki("span",{className:r("k-toolbar-items-list",y("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};bo.states=oT;bo.options=aT;bo.className=Bi;bo.defaultOptions=rT;bo.moduleName=Ot;bo.folderName=jt;var pr=bo;import{jsx as D_}from"react/jsx-runtime";import{jsx as F_}from"react/jsx-runtime";import{jsx as W_}from"react/jsx-runtime";import{jsx as j_,jsxs as e2}from"react/jsx-runtime";import{jsx as r2}from"react/jsx-runtime";import{jsx as Ht,jsxs as dT}from"react/jsx-runtime";var lT=V.states,Gi={...V.defaultOptions,variant:"text"},nT=V.options,sT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],iT=[{name:"opened",title:"Opened"}],Aa=e=>{let{variant:t,modifiers:o,...a}={...Gi,...e},l={},s=dT(Ee,{size:a.size,children:[Ht(pe,{first:!0,text:"Menu Item"}),Ht(pe,{text:"Menu Item"}),Ht(pe,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?s:"")}),t){case"icon-only":return Ht("div",{children:Ht(V,{...a,...l,icon:"star"})});case"icon-and-text":return Ht("div",{children:Ht(V,{...a,...l,icon:"star",children:"Split Button"})});default:return Ht("div",{children:Ht(V,{...a,...l,children:"Split Button"})})}};Aa.options=nT;Aa.states=lT;Aa.variants=sT;Aa.defaultOptions=Gi;Aa.modifiers=iT;import{jsx as fo,jsxs as cT}from"react/jsx-runtime";var Di=e=>fo(Z,{children:[fo(d,{children:"Button"},"toolbar-button"),fo(Q,{text:"Menu button"},"toolbar-menu-button"),fo(V,{children:"Split button"},"toolbar-split-button"),cT(K,{children:[fo(d,{className:"k-group-start",icon:"align-left",children:"Left"}),fo(d,{icon:"align-center",children:"Center"}),fo(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as O2,jsxs as P2}from"react/jsx-runtime";import{jsx as je,jsxs as _i}from"react/jsx-runtime";var zi=e=>je(Z,{scrollable:!0,...e,children:[je(d,{children:"Button"},"toolbar-button"),je(Q,{text:"Menu button"},"toolbar-menu-button"),je(V,{children:"Split button"},"toolbar-split-button"),_i(K,{children:[je(d,{className:"k-group-start",icon:"align-left",children:"Left"}),je(d,{icon:"align-center",children:"Center"}),je(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),je(d,{children:"Button"},"toolbar-button"),je(Q,{text:"Menu button"},"toolbar-menu-button"),je(V,{children:"Split button"},"toolbar-split-button"),_i(K,{children:[je(d,{className:"k-group-start",icon:"align-left",children:"Left"}),je(d,{icon:"align-center",children:"Center"}),je(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as et,jsxs as Ui}from"react/jsx-runtime";var Fi=({scrollingPosition:e="start",...t})=>et(Z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[et(d,{children:"Button"},"toolbar-button"),et(Q,{text:"Menu button"},"toolbar-menu-button"),et(V,{children:"Split button"},"toolbar-split-button"),Ui(K,{children:[et(d,{className:"k-group-start",icon:"align-left",children:"Left"}),et(d,{icon:"align-center",children:"Center"}),et(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),et(d,{children:"Button"},"toolbar-button"),et(Q,{text:"Menu button"},"toolbar-menu-button"),et(V,{children:"Split button"},"toolbar-split-button"),Ui(K,{children:[et(d,{className:"k-group-start",icon:"align-left",children:"Left"}),et(d,{icon:"align-center",children:"Center"}),et(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as pT,jsx as Fe,jsxs as mr}from"react/jsx-runtime";var Vi=({fillMode:e,size:t,...o})=>mr(pT,{children:[Fe(Z,{section:!0,fillMode:e,size:t,children:[Fe(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),mr(K,{fillMode:e,children:[Fe(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Fe(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Fe(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Fe(Tt,{className:"k-toolbar-button-separator"}),Fe(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),mr(pr,{size:t,fillMode:e,section:!0,...o,children:[Fe(V,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Fe(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Fe(Tt,{}),Fe(Q,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),mr(K,{fillMode:e,children:[Fe(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Fe(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Fe(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as u5,jsx as p5,jsxs as m5}from"react/jsx-runtime";import{Fragment as C5,jsx as v5,jsxs as L5}from"react/jsx-runtime";import{jsx as eo}from"react/jsx-runtime";var mT=Z.options,uT=Z.states,$i={...Z.defaultOptions,variant:"default"},bT=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],fT=[],Ea=e=>{let{variant:t,...o}={...$i,...e};switch(t){case"responsive":return eo("div",{children:eo(Vi,{style:{width:"583px"},...o})});case"overlay":return eo("div",{children:eo(Fi,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return eo("div",{children:eo(zi,{style:{width:"583px"},...o})});default:return eo("div",{children:eo(Di,{style:{width:"583px"},...o})})}};Ea.options=mT;Ea.states=uT;Ea.variants=bT;Ea.defaultOptions=$i;Ea.modifiers=fT;import{jsx as TT}from"react/jsx-runtime";var Xi="k-grid-toolbar",To=e=>TT(Z,{...e,className:r(e.className,Xi),children:e.children});To.className=Xi;To.moduleName=$;To.folderName=W;import{jsx as en,jsxs as xT}from"react/jsx-runtime";var tn="k-grid-stack-cell",hT=[n.focus,n.selected],ur=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:s,focus:c,selected:m,...h}=e;return xT("div",{...h,className:r(e.className,tn,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":s},A(tn,{focus:c,selected:m})),children:[s&&en("span",{className:"k-dirty"}),t&&en("div",{className:"k-grid-stack-header",children:t}),en("div",{className:"k-grid-stack-content",children:o}),e.children]})};ur.states=hT;ur.className=tn;ur.moduleName=$;ur.folderName=W;import{jsx as NT}from"react/jsx-runtime";var Wi="k-grid-stack-row",br=e=>{let{cols:t,...o}=e;return NT("div",{...o,className:r(e.className,Wi,{[`k-grid-cols-${t}`]:t}),children:e.children})};br.className=Wi;br.moduleName=$;br.folderName=W;import{Fragment as u3,jsx as p3,jsxs as m3}from"react/jsx-runtime";import{Fragment as g3,jsx as x3,jsxs as N3}from"react/jsx-runtime";import{Fragment as S3,jsx as M3,jsxs as y3}from"react/jsx-runtime";import{Fragment as gT,jsx as L,jsxs as ne}from"react/jsx-runtime";var Ji=({contentClassName:e,...t})=>L(U,{_renderAriaRoot:!0,pager:L(vt,{refresh:!1}),children:ne(gT,{children:[L(ie,{children:L("div",{className:"k-grid-header-wrap",children:ne(ce,{children:[ne("colgroup",{children:[L("col",{}),L("col",{style:{width:"225px"}}),L("col",{}),L("col",{}),L("col",{})]}),ne(j,{children:[ne(E,{children:[L(I,{rowspan:1,colspan:1,columnTitle:"Product Id"}),L(I,{rowspan:1,colspan:1,columnTitle:"Name"}),L(I,{rowspan:1,colspan:1,columnTitle:"Quantity"}),L(I,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),L(I,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),ne(E,{className:"k-filter-row",children:[L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(_,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(re,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(re,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(_,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(Y,{}),L("div",{className:"k-filtercell-operator",children:L(d,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),L(ee,{children:L(te,{className:e,children:ne(oe,{children:[ne("colgroup",{children:[L("col",{}),L("col",{style:{width:"225px"}}),L("col",{}),L("col",{}),L("col",{})]}),ne(de,{children:[ne(E,{className:"k-master-row",children:[L(p,{children:"1"}),L(p,{children:"Chai"}),L(p,{children:"10 boxes x 20 bags"}),L(p,{children:"18"}),L(p,{children:"false"})]}),ne(E,{className:"k-master-row",alt:!0,children:[L(p,{children:"2"}),L(p,{children:"Chang"}),L(p,{children:"24 - 12 oz bottles"}),L(p,{children:"19"}),L(p,{children:"false"})]}),ne(E,{className:"k-master-row",children:[L(p,{children:"3"}),L(p,{children:"Aniseed Syrup"}),L(p,{children:"12 - 550 ml bottles"}),L(p,{children:"10"}),L(p,{children:"false"})]}),ne(E,{className:"k-master-row",alt:!0,children:[L(p,{children:"4"}),L(p,{children:"Chef Anton's Cajun Seasoning"}),L(p,{children:"48 - 6 oz jars"}),L(p,{children:"22"}),L(p,{children:"false"})]}),ne(E,{className:"k-master-row",children:[L(p,{children:"5"}),L(p,{children:"Grandma's Boysenberry Spread"}),L(p,{children:"12 - 8 oz jars"}),L(p,{children:"25"}),L(p,{children:"false"})]})]})]})})})]}),...t});import{jsx as fr}from"react/jsx-runtime";var kT="k-chip-action";var Ne=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=fr(g,{icon:"x-circle",size:"small"});break;case"more":a=fr(g,{icon:"more-vertical",size:"small"});break;default:return fr(g,{icon:t,size:"small"})}return fr("span",{...o,className:r(e.className,kT,`k-chip-${t}-action`),children:a})};var on="avatar",qi=on;import{jsx as Yi}from"react/jsx-runtime";var wa="k-avatar";var vT=[n.hover,n.focus,n.active,n.selected,n.disabled],LT={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},an={type:"text",border:!1},Ve=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:s=an.type,border:c=an.border,...m}=e;return Yi("div",{...m,className:r(e.className,wa,y(wa,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${wa}-bordered`]:c}),children:Yi("span",{className:`${wa}-${s}`,children:e.children})})};Ve.states=vT;Ve.options=LT;Ve.className=wa;Ve.defaultOptions=an;Ve.moduleName=on;Ve.folderName=qi;Ve.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var ho=Ve;import{jsx as CT}from"react/jsx-runtime";var Qi=e=>CT(ho,{type:"icon",...e});import{jsx as MT}from"react/jsx-runtime";var Zi=e=>MT(ho,{type:"text",...e});import{jsx as yT}from"react/jsx-runtime";var ji=e=>yT(ho,{type:"image",...e});import{jsx as az}from"react/jsx-runtime";import{jsx as Ia}from"react/jsx-runtime";var ST=Ve.options,AT=Ve.states,ET={...Ve.defaultOptions,variant:"image"},wT=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],IT=[],Ra=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ia(Qi,{...o,children:Ia(g,{icon:"star"})});case"text":return Ia(Zi,{...o,children:"JO"});default:return Ia(ji,{...o,children:Ia("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Ra.options=ST;Ra.states=AT;Ra.variants=wT;Ra.defaultOptions=ET;Ra.modifiers=IT;var Oa="chip",Tr=Oa;import{jsx as Go,jsxs as PT}from"react/jsx-runtime";var hr="k-chip",RT=[n.hover,n.focus,n.active,n.selected,n.disabled],OT={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[f.undefined,f.base,f.success,f.warning,f.error,f.info]},ed={avatarImage:"/packages/html/assets/avatar.jpg"},ge=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:s,icon:c,actions:m,showAvatar:h,avatarImage:N=ed.avatarImage,hover:v,focus:k,active:u,selected:M,disabled:C,...S}=e;return PT("div",{...S,className:r(e.className,hr,y(hr,{size:t,rounded:o,fillMode:a,themeColor:l}),A(hr,{hover:v,focus:k,active:u,disabled:C,selected:M})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:M?"true":"false","aria-selected":e.role==="option"?M?"true":"false":void 0,"aria-disabled":C?"true":void 0,children:[c&&Go(g,{className:"k-chip-icon",icon:c,size:"small"}),h&&Go(Ve,{className:"k-chip-avatar",type:"image",children:Go("img",{src:N,alt:""})}),Go("span",{className:"k-chip-content",children:e.children?e.children:s&&Go("span",{className:"k-chip-label",children:s})}),m&&Go("span",{className:"k-chip-actions",children:m})]})};ge.states=RT;ge.options=OT;ge.className=hr;ge.defaultOptions=ed;ge.moduleName=Oa;ge.folderName=Tr;ge.ariaSpec={selector:".k-chip",rules:[{selector:":not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:":not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var bt=ge;import{jsx as GT}from"react/jsx-runtime";var rn="k-chip-list",HT=[],KT={size:[i.undefined,i.small,i.medium,i.large]},BT={},ke=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return GT("div",{...l,className:r(e.className,rn,y(rn,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};ke.states=HT;ke.options=KT;ke.className=rn;ke.defaultOptions=BT;ke.moduleName=Oa;ke.folderName=Tr;ke.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};import{jsx as Oz}from"react/jsx-runtime";import{jsx as Bz}from"react/jsx-runtime";import{jsx as DT}from"react/jsx-runtime";var xr=e=>DT(bt,{text:"text",...e});import{jsx as $z}from"react/jsx-runtime";import{jsx as qz}from"react/jsx-runtime";import{Fragment as t6,jsx as e6,jsxs as o6}from"react/jsx-runtime";import{jsx as s6,jsxs as i6}from"react/jsx-runtime";import{jsx as u6,jsxs as b6}from"react/jsx-runtime";import{jsx as g6,jsxs as k6}from"react/jsx-runtime";import{jsx as Do,jsxs as $T}from"react/jsx-runtime";var _T={...bt.options,...ke.options},zT=[],UT=ke.states,FT={...bt.defaultOptions,...ke.defaultOptions},VT=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Pa=e=>{let{modifiers:t,className:o,...a}=e,l=t?.icon,s=t?.actions,c=t?.avatar;return $T(ke,{size:a.size,className:o,children:[Do(xr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Do(Ne,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),Do(xr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Do(Ne,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),Do(xr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Do(Ne,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};Pa.options=_T;Pa.states=UT;Pa.variants=zT;Pa.defaultOptions=FT;Pa.modifiers=VT;import{jsx as ln}from"react/jsx-runtime";var XT=ge.states,WT=ge.defaultOptions,JT=ge.options,qT=[],YT=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Ha=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"icon":a.icon=t?.[l]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[l],a.avatarImage=t?.[l]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions\|\|(a.actions=[]),a.actions[0]=t?.[l]?ln(Ne,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t?.[l]?ln(Ne,{type:"remove"}):void 0;break;default:break}}),ln(ge,{...o,...a,children:"Chip component"})};Ha.options=JT;Ha.states=XT;Ha.variants=qT;Ha.defaultOptions=WT;Ha.modifiers=YT;import{Fragment as nn,jsx as O,jsxs as Ke}from"react/jsx-runtime";var td=({dropClue:e,contentClassName:t,...o})=>O(U,{_renderAriaRoot:!0,groupingHeader:O(Kt,{dropClue:e,children:Ke(ke,{children:[O(ge,{icon:"sort-asc-small",text:"ID",actions:Ke(nn,{children:[O(Ne,{type:"more"}),O(Ne,{type:"remove"})]})}),O(ge,{icon:"sort-desc-small",text:"Name",actions:Ke(nn,{children:[O(Ne,{type:"more"}),O(Ne,{type:"remove"})]})})]})}),children:Ke(nn,{children:[O(ie,{draggable:!0,children:O("div",{className:"k-grid-header-wrap",children:Ke(ce,{children:[Ke("colgroup",{children:[O("col",{className:"k-group-col"}),O("col",{className:"k-group-col"}),O("col",{}),O("col",{}),O("col",{}),O("col",{})]}),O(j,{children:Ke(E,{children:[O(I,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),O(I,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),O(I,{colspan:1,columnTitle:"ID"}),O(I,{colspan:1,columnTitle:"Name"}),O(I,{colspan:1,columnTitle:"Price"}),O(I,{colspan:1,columnTitle:"Category"})]})})]})})}),O(ee,{children:O(te,{className:t,children:Ke(oe,{children:[Ke("colgroup",{children:[O("col",{className:"k-group-col"}),O("col",{className:"k-group-col"}),O("col",{}),O("col",{}),O("col",{}),O("col",{})]}),Ke(de,{children:[O(E,{className:"k-table-group-row k-grouping-row",children:O(p,{colspan:6,children:Ke("p",{className:"k-reset",children:[O(g,{icon:"caret-alt-right"}),"ID: 1"]})})}),O(E,{className:"k-table-group-row k-grouping-row",children:O(p,{colspan:6,children:Ke("p",{className:"k-reset",children:[O(g,{icon:"caret-alt-down"}),"ID: 2"]})})}),Ke(E,{className:"k-table-group-row k-grouping-row",children:[O(p,{className:"k-table-group-td k-group-cell"}),O(p,{colspan:5,children:Ke("p",{className:"k-reset",children:[O(g,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),Ke(E,{className:"k-master-row",alt:!0,children:[O(p,{className:"k-table-group-td k-group-cell"}),O(p,{className:"k-table-group-td k-group-cell"}),O(p,{colspan:0,children:"2"}),O(p,{colspan:0,children:"Chang"}),O(p,{colspan:0,children:"$19.00"}),O(p,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as d9,jsx as s9,jsxs as i9}from"react/jsx-runtime";import{Fragment as h9,jsx as f9,jsxs as T9}from"react/jsx-runtime";import{Fragment as C9,jsx as v9,jsxs as L9}from"react/jsx-runtime";import{Fragment as QT,jsx as B,jsxs as Be}from"react/jsx-runtime";var od=({headerWrapClassName:e,contentClassName:t,...o})=>B(U,{_renderAriaRoot:!0,children:Be(QT,{children:[B(ie,{children:B("div",{className:`k-grid-header-wrap ${e}`,children:Be(ce,{children:[Be("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),Be(j,{children:[Be(E,{children:[B(I,{rowspan:3,colspan:1,columnTitle:"ID"}),B(I,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),Be(E,{children:[B(I,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),B(I,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),Be(E,{children:[B(I,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),B(I,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),B(ee,{children:B(te,{className:t,children:Be(oe,{children:[Be("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),Be(de,{children:[Be(E,{className:"k-master-row",children:[B(p,{children:"1"}),B(p,{children:"Chai"}),B(p,{children:"39"}),B(p,{children:"18"})]}),Be(E,{className:"k-master-row",alt:!0,children:[B(p,{children:"2"}),B(p,{children:"Chang"}),B(p,{children:"17"}),B(p,{children:"19"})]}),Be(E,{className:"k-master-row",children:[B(p,{children:"3"}),B(p,{children:"Aniseed Syrup"}),B(p,{children:"13"}),B(p,{children:"10"})]}),Be(E,{className:"k-master-row",alt:!0,children:[B(p,{children:"4"}),B(p,{children:"Chef Anton's Cajun Seasoning"}),B(p,{children:"53"}),B(p,{children:"22"})]}),Be(E,{className:"k-master-row",children:[B(p,{children:"5"}),B(p,{children:"Chef Anton's Gumbo Mix"}),B(p,{children:"0"}),B(p,{children:"21.35"})]})]})]})})})]}),...o});import{Fragment as K9,jsx as P9,jsxs as H9}from"react/jsx-runtime";import{Fragment as F9,jsx as z9,jsxs as U9}from"react/jsx-runtime";import{Fragment as ZT,jsx as H,jsxs as ft}from"react/jsx-runtime";var ad=e=>H(U,{_renderAriaRoot:!0,toolbar:ft(To,{children:[H(d,{children:"Add new"}),H(d,{children:"Save Changes"}),H(d,{children:"Cancel Changes"})]}),children:ft(ZT,{children:[H(ie,{children:H("div",{className:"k-grid-header-wrap",children:ft(ce,{children:[ft("colgroup",{children:[H("col",{}),H("col",{}),H("col",{}),H("col",{style:{width:"300px"}})]}),H(j,{children:ft(E,{children:[H(I,{columnTitle:"Name"}),H(I,{columnTitle:"Price"}),H(I,{columnTitle:"Available"}),H(I,{accessibleLabel:"Commands"})]})})]})})}),H(ee,{children:H(te,{children:H("div",{children:ft(oe,{children:[ft("colgroup",{children:[H("col",{}),H("col",{}),H("col",{}),H("col",{style:{width:"300px"}})]}),ft(de,{children:[ft(E,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[H(p,{children:H(re,{value:"Towel"})}),H(p,{children:H(_,{value:"42"})}),H(p,{children:H(De,{})}),ft(p,{className:"k-command-cell",children:[H(d,{children:"Add"}),H(d,{children:"Cancel"})]})]}),ft(E,{className:"k-master-row",children:[H(p,{children:"Chai"}),H(p,{children:"18"}),H(p,{children:"false"}),H(p,{className:"k-command-cell",children:H(d,{children:"Remove"})})]}),ft(E,{className:"k-master-row",alt:!0,children:[H(p,{children:"Chang"}),H(p,{children:"19"}),H(p,{children:"false"}),H(p,{className:"k-command-cell",children:H(d,{children:"Remove"})})]})]})]})})})})]}),...e});import{Fragment as bU,jsx as uU,jsxs as fU}from"react/jsx-runtime";import{Fragment as Nr,jsx as b,jsxs as J}from"react/jsx-runtime";var jT=U.options,eh=U.states,rd={...U.defaultOptions,variant:"normal"},th=[{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"}],oh=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Ka=e=>{let{variant:t,modifiers:o,...a}={...rd,...e},l={toolbar:void 0,pager:void 0},s=J(To,{children:[b(d,{icon:"plus",children:"Add New"}),b(d,{icon:"file-pdf",children:"Export to PDF"}),b("span",{className:"k-spacer"}),b(re,{prefix:b(g,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=b(he,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(N=>{switch(N){case"toolbar":l.toolbar=o?.[N]?s:void 0;break;case"pager":l.pager=o?.[N]?c:void 0;break;default:return}});let m={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},h=J(Nr,{children:[b(ie,{children:b("div",{className:"k-grid-header-wrap",children:J(ce,{children:[J("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(j,{children:J(E,{children:[b(I,{...m[t],columnTitle:"ID"}),b(I,{...m[t],columnTitle:"Product Name"}),b(I,{...m[t],columnTitle:"Units in Stock"}),b(I,{...m[t],columnTitle:"Units Price"})]})})]})})}),b(ee,{children:b(te,{children:J(oe,{children:[J("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),J(de,{children:[J(E,{children:[b(p,{children:"1"}),b(p,{children:"Chai"}),b(p,{children:"39"}),b(p,{children:"18"})]}),J(E,{className:"k-alt",alt:!0,children:[b(p,{children:"2"}),b(p,{children:"Chang"}),b(p,{children:"17"}),b(p,{children:"19"})]}),J(E,{children:[b(p,{children:"3"}),b(p,{children:"Aniseed Syrup"}),b(p,{children:"13"}),b(p,{children:"10"})]}),J(E,{className:"k-alt",alt:!0,children:[b(p,{children:"4"}),b(p,{children:"Chef Anton's Cajun Seasoning"}),b(p,{children:"53"}),b(p,{children:"22"})]}),J(E,{children:[b(p,{children:"5"}),b(p,{children:"Chef Anton's Gumbo Mix"}),b(p,{children:"0"}),b(p,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return b(od,{...a,...l});case"editing":return b(ad,{...a,...l});case"grouping":return b(td,{...a,...l,groupingHeader:b(Kt,{children:J(ke,{children:[b(ge,{icon:"sort-asc-small",actions:J(Nr,{children:[b(Ne,{type:"more"}),b(Ne,{type:"remove"})]}),children:"ID"}),b(ge,{icon:"sort-desc-small",actions:J(Nr,{children:[b(Ne,{type:"more"}),b(Ne,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return b(U,{...a,...l,children:J(Nr,{children:[b(ie,{children:J("div",{className:"k-grid-header-wrap",children:[" ",J(ce,{children:[J("colgroup",{children:[b("col",{className:"k-drag-col"}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(j,{children:J(E,{children:[b(I,{className:"k-drag-cell",accessibleLabel:"Reorder"}),b(I,{columnTitle:"ID"}),b(I,{columnTitle:"Product Name"}),b(I,{columnTitle:"Units in Stock"}),b(I,{columnTitle:"Units Price"})]})})]})]})}),b(ee,{children:b(te,{children:J(oe,{children:[J("colgroup",{children:[b("col",{className:"k-drag-col"}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),J(de,{children:[J(E,{children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"1"}),b(p,{children:"Chai"}),b(p,{children:"39"}),b(p,{children:"18"})]}),J(E,{className:"k-alt",alt:!0,children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"2"}),b(p,{children:"Chang"}),b(p,{children:"17"}),b(p,{children:"19"})]}),J(E,{children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"3"}),b(p,{children:"Aniseed Syrup"}),b(p,{children:"13"}),b(p,{children:"10"})]}),J(E,{className:"k-alt",alt:!0,children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"4"}),b(p,{children:"Chef Anton's Cajun Seasoning"}),b(p,{children:"53"}),b(p,{children:"22"})]}),J(E,{children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"5"}),b(p,{children:"Chef Anton's Gumbo Mix"}),b(p,{children:"0"}),b(p,{children:"21.35"})]})]})]})})})]})});case"filter-row":return b(Ji,{...a,...l});default:return b(U,{...a,...l,children:h})}};Ka.options=jT;Ka.states=eh;Ka.variants=th;Ka.defaultOptions=rd;Ka.modifiers=oh;var sn="treelist",ld=sn;import{jsx as nh}from"react/jsx-runtime";var nd="k-treelist",ah=[],rh={},lh={},xo=e=>nh(U,{...e,className:r(nd,e.className),children:e.children});xo.states=ah;xo.options=rh;xo.className=nd;xo.defaultOptions=lh;xo.moduleName=sn;xo.folderName=ld;var g7=xo;export{xo as TreeList,g7 as default};
1	+ var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var y=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),A=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:s,checked:c,active:m,selected:h,disabled:N,indeterminate:v,loading:k,empty:u,readonly:M,highlighted:C,...S}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":s,"k-checked":c,"k-active":m,"k-selected":h,"k-disabled":N,"k-indeterminate":v&&!c,"k-loading":k,"k-empty":u,"k-readonly":M,"k-highlighted":C},Object.keys(S).reduce((R,w)=>(w.startsWith("k-")?R[w]=S[w]:R[`k-${w}`]=S[w],R),{}))};function cn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var i={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},T={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},f={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var z="grid",F=z;import{jsx as bd,jsxs as fd}from"react/jsx-runtime";var Ba="k-grid",pd=[],md={size:[i.undefined,i.small,i.medium,i.large]},ud=[],pn={pagerPosition:"bottom"},V=e=>{let{size:t,pagerPosition:o=pn.pagerPosition,toolbar:a,pager:l,groupingHeader:s,gridSelectionAggregates:c,_renderAriaRoot:m,resizable:h,...N}=e;return fd("div",{...N,className:r(e.className,Ba,{[`${Ba}-resizable`]:h},y(Ba,{size:t})),children:[a,o==="top"&&l,s,e.children&&m?bd("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&l]})};V.states=pd;V.options=md;V.variants=ud;V.className=Ba;V.defaultOptions=pn;V.moduleName=z;V.folderName=F;import{jsx as Td}from"react/jsx-runtime";var mn="k-grid-header",ie=e=>{let{draggable:t,...o}=e;return Td("div",{...o,className:r(e.className,mn,{"k-grid-draggable-header":t}),children:e.children})};ie.className=mn;ie.moduleName=z;ie.folderName=F;import{jsx as un,jsxs as hd}from"react/jsx-runtime";var bn="k-grouping-header",Kt=e=>{let{dropHint:t,dropClue:o,...a}=e;return hd("div",{...a,className:r(e.className,bn),children:[o&&un("div",{className:"k-grouping-dropclue"}),e.children,un("div",{className:"k-grouping-drop-container",children:t})]})};Kt.className=bn;Kt.moduleName=z;Kt.folderName=F;import{jsx as xd}from"react/jsx-runtime";var fn="k-grid-pinned-container",gr=e=>{let{position:t,...o}=e;return xd("div",{...o,className:r(e.className,fn,{"k-pos-bottom":t==="bottom"}),children:e.children})};gr.className=fn;gr.moduleName=z;gr.folderName=F;import{jsx as Nd}from"react/jsx-runtime";var Tn="k-grid-sticky-container",kr=e=>{let{position:t,...o}=e;return Nd("div",{...o,className:r(e.className,Tn,{"k-pos-bottom":t==="bottom"}),children:e.children})};kr.className=Tn;kr.moduleName=z;kr.folderName=F;var ve="table",ye=ve;import{jsx as Ld}from"react/jsx-runtime";var hn="k-data-table",gd=[],kd={size:[i.undefined,i.small,i.medium,i.large]},vd={},yt=e=>{let{size:t,...o}=e;return Ld("div",{...o,className:r(e.className,hn,y("k-table",{size:t})),children:e.children})};yt.states=gd;yt.options=kd;yt.className=hn;yt.defaultOptions=vd;yt.moduleName=ve;yt.folderName=ye;import{jsx as Sd}from"react/jsx-runtime";var vr="k-table-header-wrap",Cd=[n.hover,n.focus,n.disabled],Md={},yd={},Gt=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return Sd("div",{...s,className:r(e.className,vr,A(vr,{hover:o,focus:a,disabled:l})),children:t})};Gt.states=Cd;Gt.options=Md;Gt.className=vr;Gt.defaultOptions=yd;Gt.moduleName=ve;Gt.folderName=ye;import{jsx as Id}from"react/jsx-runtime";var Lr="k-table",Ad=[],Ed={size:[i.undefined,i.small,i.medium,i.large]},wd={},Se=e=>{let{size:t,...o}=e;return Id("table",{...o,className:r(e.className,Lr,y(Lr,{size:t})),children:e.children})};Se.states=Ad;Se.options=Ed;Se.className=Lr;Se.defaultOptions=wd;Se.moduleName=ve;Se.folderName=ye;import{jsx as Cr}from"react/jsx-runtime";var Mr="k-table-header",Rd=[n.hover,n.focus,n.disabled],Od={},Pd={},St=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return Cr("div",{...s,className:r(e.className,Mr,A(Mr,{hover:o,focus:a,disabled:l})),children:Cr(Gt,{children:Cr(Se,{children:t})})})};St.states=Rd;St.options=Od;St.className=Mr;St.defaultOptions=Pd;St.moduleName=ve;St.folderName=ye;import{jsx as Bd}from"react/jsx-runtime";var xn="k-table-scroller",Hd=[],Kd={},Gd={},go=e=>{let{children:t,...o}=e;return Bd("div",{...o,className:r(e.className,xn),children:t})};go.states=Hd;go.options=Kd;go.className=xn;go.defaultOptions=Gd;go.moduleName=ve;go.folderName=ye;import{jsx as px}from"react/jsx-runtime";import{jsx as Ud}from"react/jsx-runtime";var Nn="k-table-footer",Dd=[],_d={},zd={},Bt=e=>{let{children:t,...o}=e;return Ud("div",{...o,className:r(e.className,Nn),children:t})};Bt.states=Dd;Bt.options=_d;Bt.className=Nn;Bt.defaultOptions=zd;Bt.moduleName=ve;Bt.folderName=ye;import{jsx as Xd}from"react/jsx-runtime";var yr="k-table-list",Fd=[],Vd={size:[i.undefined,i.small,i.medium,i.large]},$d={},Dt=e=>{let{size:t,virtualization:o,...a}=e;return Xd("ul",{...a,className:r(e.className,"k-table",yr,y(yr,{size:t}),{"k-virtual-table":o}),children:e.children})};Dt.states=Fd;Dt.options=Vd;Dt.className=yr;Dt.defaultOptions=$d;Dt.moduleName=ve;Dt.folderName=ye;import{jsx as Jd}from"react/jsx-runtime";var Wd="k-table-thead",j=e=>Jd("thead",{className:r(e.className,Wd),children:e.children});import{jsx as Yd}from"react/jsx-runtime";var qd="k-table-tbody",de=e=>Yd("tbody",{className:r(e.className,qd),children:e.children});import{jsx as Ex}from"react/jsx-runtime";import{jsx as Zd}from"react/jsx-runtime";var Sr="k-table-row",Qd=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],E=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:s,alt:c,...m}=e;return Zd("tr",{...m,className:r(e.className,Sr,{"k-table-alt-row":c},A(Sr,{hover:t,focus:o,disabled:s,selected:a,highlighted:l})),children:e.children})};E.states=Qd;E.className=Sr;import{jsx as ec}from"react/jsx-runtime";var Ar="k-table-row",jd=[n.hover,n.focus,n.selected,n.disabled],Da=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:s,...c}=e;return ec("li",{...c,className:r(e.className,Ar,{"k-table-alt-row":s},A(Ar,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};Da.states=jd;Da.className=Ar;import{jsx as tc}from"react/jsx-runtime";var gn="k-table-th",At=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,s=t\|\|e.children;return tc("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,gn),children:s})};At.className=gn;At.moduleName=ve;At.folderName=ye;import{jsx as Fx}from"react/jsx-runtime";import{jsx as ac}from"react/jsx-runtime";var Er="k-table-td",oc=[n.focus,n.selected,n.highlighted],p=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:s,rowspan:c,...m}=e,h=l\|\|e.children;return ac("td",{colSpan:s,rowSpan:c,...m,className:r(e.className,Er,A(Er,{focus:t,selected:o,highlighted:a})),children:h})};p.states=oc;p.className=Er;import{jsx as Yx}from"react/jsx-runtime";import{jsx as eN}from"react/jsx-runtime";import{jsx as rN}from"react/jsx-runtime";import{jsx as iN}from"react/jsx-runtime";import{jsx as mN}from"react/jsx-runtime";import{jsx as NN,jsxs as gN}from"react/jsx-runtime";import{jsx as CN,jsxs as MN}from"react/jsx-runtime";import{jsx as EN,jsxs as wN}from"react/jsx-runtime";import{Fragment as KN,jsx as PN,jsxs as HN}from"react/jsx-runtime";import{jsx as sc}from"react/jsx-runtime";var vn="k-grid-header-table",ce=e=>sc(Se,{...e,className:r(e.className,vn),children:e.children});ce.className=vn;ce.moduleName=z;ce.folderName=F;import{Fragment as pc,jsx as Ln}from"react/jsx-runtime";var wr="k-font-icon",ic=[],dc={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},cc={},_o=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:s,...c}=e;return a?Ln("span",{...c,className:r(e.className,wr,y(wr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true"}):Ln(pc,{})};_o.states=ic;_o.options=dc;_o.className=wr;_o.defaultOptions=cc;var Cn=_o;import{Fragment as bc,jsx as _a}from"react/jsx-runtime";var Ir="k-svg-icon",mc=[],uc={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Mn={viewBox:"0 0 24 24"},zo=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:s=Mn.viewBox,icon:c,...m}=e;if(!c)return _a(bc,{});if(c==="none")return _a("span",{...m,className:r(e.className,Ir,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let h=typeof c=="object"&&c.name&&c.name;return _a("span",{...m,className:r(e.className,Ir,y("k-icon",{size:t}),{[`k-svg-i-${h}`]:h,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"\|\|l==="both","k-flip-v":l==="v"\|\|l==="both"}),"aria-hidden":"true",children:_a("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:s,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};zo.states=mc;zo.options=uc;zo.className=Ir;zo.defaultOptions=Mn;var Rr=zo;importas Or from"@progress/kendo-svg-icons";var yn="icon",Sn="icons";import{useContext as Tc}from"react";import{createContext as fc}from"react";var An=fc({iconsType:"svg"});import{Fragment as En,jsx as Uo}from"react/jsx-runtime";var za="k-icon",hc=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),xc=[],Nc={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Pr={viewBox:"0 0 24 24",type:"svg"},g=e=>{let{iconsType:t}=Tc(An),{size:o,themeColor:a,icon:l,type:s=t\|\|Pr.type,rotate:c,flip:m,viewBox:h=Pr.viewBox,...N}=e;if(!l)return Uo(En,{});if((t\|\|s)==="svg"){if(l==="none")return Uo(Rr,{...N,className:r(e.className,za),icon:l,size:o});let k=Or[l]?l:hc(`${l}-icon`);return Or[k]?Uo(Rr,{...N,className:r(e.className,za),icon:Or[k],size:o,themeColor:a,rotate:c,flip:m,viewBox:h}):Uo(En,{})}return Uo(Cn,{...N,className:r(e.className,za),icon:l,size:o,themeColor:a,rotate:c,flip:m})};g.states=xc;g.options=Nc;g.defaultOptions=Pr;g.className=za;g.moduleName=yn;g.folderName=Sn;g.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};import{jsx as _t,jsxs as Hr}from"react/jsx-runtime";var Kr="k-header",gc=[n.hover,n.focus,n.active],wn={sortIcon:"sort-asc-small"},I=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:s,columnTitle:c,hover:m,focus:h,active:N,sortIcon:v=wn.sortIcon,sortOrder:k,accessibleLabel:u,...M}=e;return Hr(At,{...M,className:r(e.className,Kr,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":s},A(Kr,{hover:m,focus:h,active:N})),children:[c&&Hr("span",{className:"k-cell-inner",children:[Hr("span",{className:"k-link",children:[_t("span",{className:"k-column-title",children:c}),o&&_t("span",{className:"k-sort-icon",children:_t(g,{icon:v})}),k&&_t("span",{className:"k-sort-order",children:k})]}),t&&_t("a",{href:"#",className:r("k-grid-header-menu",{"k-active":N,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:_t(g,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&u&&_t("span",{className:"k-sr-only",children:u}),e.children,s&&_t("span",{className:"k-column-resizer k-touch-action-none"})]})};I.states=gc;I.className=Kr;I.defaultOptions=wn;I.moduleName=z;I.folderName=F;import{jsx as kc}from"react/jsx-runtime";var In="k-grid-container",ee=e=>kc("div",{...e,className:r(e.className,In),children:e.children});ee.className=In;ee.moduleName=z;ee.folderName=F;import{jsx as vc}from"react/jsx-runtime";var Rn="k-grid-content",te=e=>vc("div",{...e,className:r(e.className,Rn),children:e.children});te.className=Rn;te.moduleName=z;te.folderName=F;import{jsx as Lc}from"react/jsx-runtime";var On="k-grid-table",oe=e=>Lc(Se,{...e,className:r(e.className,On),children:e.children});oe.className=On;oe.moduleName=z;oe.folderName=F;import{jsx as Cc}from"react/jsx-runtime";var Pn="k-grid-footer",Gr=e=>Cc("div",{...e,className:r(e.className,Pn),children:e.children});Gr.className=Pn;Gr.moduleName=z;Gr.folderName=F;import{jsx as Mc}from"react/jsx-runtime";var Hn="k-grid-footer-table",Br=e=>Mc(Se,{...e,className:r(e.className,Hn),children:e.children});Br.className=Hn;Br.moduleName=z;Br.folderName=F;var Dr="button",Kn=Dr;import{Fragment as Ec,jsx as Fo,jsxs as Gn}from"react/jsx-runtime";var Vo="k-button",yc=["icon-button"],Sc=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Ac={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},_r={showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:s,showArrow:c=_r.showArrow,arrowIconName:m=_r.arrowIconName,variant:h,hover:N,focus:v,active:k,selected:u,disabled:M,togglable:C,icon:S,text:R,iconClassName:w,className:D,...se}=e,fe=S!==void 0,we=e.children!==void 0;return Gn(t,{className:r(D,Vo,cn(Vo,h),y(Vo,{size:o,rounded:a,fillMode:l,themeColor:s}),A(Vo,{hover:N,focus:v,active:k,disabled:M,selected:u}),{"k-icon-button":!R&&!we&&fe}),...se,"aria-pressed":C?u?"true":"false":void 0,disabled:M\|\|void 0,children:[S&&Fo(g,{className:r(w,"k-button-icon"),icon:S}),R?Gn(Ec,{children:[R&&Fo("span",{className:"k-button-text",children:R}),e.children]}):e.children&&Fo("span",{className:"k-button-text",children:e.children}),c&&Fo("span",{className:"k-menu-button-arrow k-button-arrow",children:Fo(g,{icon:m})})]})};d.states=Sc;d.options=Ac;d.variants=yc;d.className=Vo;d.defaultOptions=_r;d.moduleName=Dr;d.folderName=Kn;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as wc}from"react/jsx-runtime";var zt=e=>wc(d,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Ic}from"react/jsx-runtime";var $o=e=>Ic(d,{icon:"folder",children:"Button",...e});import{jsx as Rc}from"react/jsx-runtime";var to=e=>Rc(d,{children:"Button",...e});import{jsx as zr}from"react/jsx-runtime";var Oc=d.options,Pc=d.states,Hc={...d.defaultOptions,variant:"text"},Kc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Gc=[],Xo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return zr(zt,{...o,icon:"star"});case"icon-and-text":return zr($o,{...o,icon:"star",children:"Button"});default:return zr(to,{...o,children:"Button"})}};Xo.options=Oc;Xo.states=Pc;Xo.variants=Kc;Xo.defaultOptions=Hc;Xo.modifiers=Gc;var Wo="input",Ua=Wo;import{jsx as zc}from"react/jsx-runtime";var Fa="k-input",Bc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Dc={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},_c={},Te=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:m,size:h,rounded:N,fillMode:v,...k}=e;return zc("span",{...k,className:r(e.className,Fa,y(Fa,{size:h,rounded:N,fillMode:v}),A(Fa,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:m}))})};Te.states=Bc;Te.options=Dc;Te.className=Fa;Te.defaultOptions=_c;Te.moduleName=Wo;Te.folderName=Ua;import{jsx as $c}from"react/jsx-runtime";var Va="k-picker",Uc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Fc={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Vc={},ht=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:m,size:h,rounded:N,fillMode:v,...k}=e;return $c("span",{...k,className:r(e.className,Va,y(Va,{size:h,rounded:N,fillMode:v}),A(Va,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:m})),children:e.children})};ht.states=Uc;ht.options=Fc;ht.className=Va;ht.defaultOptions=Vc;ht.moduleName=Wo;ht.folderName=Ua;import{Fragment as Jc,jsx as Ur}from"react/jsx-runtime";var Bn="k-clear-value",Xc=[n.disabled,n.loading,n.readonly],Wc={},We=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t\|\|a\|\|o\|\|!l?Ur(Jc,{}):Ur("span",{className:r(e.className,Bn),children:Ur(g,{icon:"x"})})};We.states=Xc;We.options=Wc;We.className=Bn;import{jsx as Qc}from"react/jsx-runtime";var Fr="k-input-inner",qc=[],Yc={},$a={type:"text",autocomplete:"off",value:"",placeholder:""},Je=e=>{let{value:t=$a.value,type:o=$a.type,placeholder:a=$a.placeholder,autocomplete:l=$a.autocomplete,disabled:s,readOnly:c,...m}=e;return Qc("input",{...m,type:o,className:r(e.className,Fr,y(Fr,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:s\|\|void 0,readOnly:c\|\|void 0})};Je.states=qc;Je.options=Yc;Je.className=Fr;import{jsx as Dn,jsxs as ep}from"react/jsx-runtime";var Vr="k-input-inner",Zc=[],jc={},oo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:s,...c}=e;return ep("span",{...c,className:r(e.className,Vr,y(Vr,e)),children:[l,!l&&s&&Dn(g,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Dn("span",{className:"k-input-value-text",children:t})]})};oo.states=Zc;oo.options=jc;oo.className=Vr;import{jsx as ap}from"react/jsx-runtime";var $r="k-input-inner",tp=[],op={},_n={value:"",placeholder:""},Xr=e=>{let{value:t=_n.value,placeholder:o=_n.placeholder,rows:a,disabled:l,...s}=e;return ap("textarea",{...s,className:r(e.className,$r,y($r,e)),placeholder:o,rows:a,defaultValue:t,disabled:l\|\|void 0})};Xr.states=tp;Xr.options=op;Xr.className=$r;import{Fragment as lp,jsx as zn}from"react/jsx-runtime";var Un="k-input-loading-icon",rp=[n.disabled,n.loading],Be=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?zn(lp,{}):zn("span",{className:r(e.className,Un,"k-icon k-i-loading")})};Be.states=rp;Be.className=Un;import{Fragment as ip,jsx as Fn}from"react/jsx-runtime";var Vn="k-input-validation-icon",np=[n.valid,n.invalid,n.disabled,n.loading],sp={},Ie=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,s=o?"warning-circle":"check-circle";return a\|\|l\|\|!!!(t\|\|o)?Fn(ip,{}):Fn(g,{className:r(Vn),icon:s})};Ie.states=np;Ie.options=sp;Ie.className=Vn;import{Fragment as pp,jsx as $n}from"react/jsx-runtime";var dp="k-input-prefix",cp={direction:"horizontal"},tt=e=>{let{direction:t=cp.direction,...o}=e;return e.children?$n("span",{...o,className:r(dp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):$n(pp,{})};import{Fragment as bp,jsx as Xn}from"react/jsx-runtime";var mp="k-input-suffix",up={direction:"horizontal"},ot=e=>{let{direction:t=up.direction,...o}=e;return e.children?Xn("span",{...o,className:r(mp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Xn(bp,{})};import{jsx as yv}from"react/jsx-runtime";import{jsx as Tp}from"react/jsx-runtime";var fp="k-input-suffix-text",Wr=e=>{let{children:t,...o}=e;return Tp("span",{...o,className:r(fp,e.className),children:t})};import{jsx as xp}from"react/jsx-runtime";var Wn="k-input-separator",hp={direction:"vertical"},at=e=>{let{direction:t=hp.direction,...o}=e;return xp("span",{...o,className:r(Wn,e.className,{[`${Wn}-${t}`]:t})})};import{Fragment as Jn,jsx as xt,jsxs as Jr}from"react/jsx-runtime";var Np=Te.states,gp=Te.defaultOptions,kp=Te.options,vp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Lp=[],Jo=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:s,readonly:c,...m}=e,h=t?.prefix,N=t?.suffix,v=t?.["clear-button"],k=t?.["validation-icon"],u=t?.separators;return Jr(Te,{...m,valid:o,invalid:a,loading:l,disabled:s,readonly:c,style:{width:300},children:[h&&Jr(Jn,{children:[xt(tt,{children:xt(g,{icon:"lock"})}),u&&xt(at,{})]}),xt(Je,{placeholder:"Placeholder",value:"Value"}),k&&xt(Ie,{valid:o,invalid:a,loading:l,disabled:s}),xt(Be,{loading:l,disabled:s}),v&&xt(We,{loading:l,disabled:s,readonly:c,value:"Value"}),N&&Jr(Jn,{children:[u&&xt(at,{}),xt(ot,{children:xt(to,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Jo.options=kp;Jo.states=Np;Jo.variants=Lp;Jo.defaultOptions=gp;Jo.modifiers=vp;var qr="popup",qn=qr;import{jsx as Yn}from"react/jsx-runtime";var Qn="k-animation-container",Cp=[],Mp={},Zn={positionMode:"absolute"},Nt=e=>{let{positionMode:t=Zn.positionMode,animationStyle:o,offset:a,...l}=e;return Yn("div",{...l,style:{...a,...e.style},className:r(e.className,Qn,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Yn("div",{className:"k-child-animation-container",style:o,children:e.children})})};Nt.states=Cp;Nt.options=Mp;Nt.className=Qn;Nt.defaultOptions=Zn;Nt.moduleName=qr;Nt.folderName=qn;var Yr="popup",jn=Yr;import{jsx as es}from"react/jsx-runtime";var ts="k-popup",yp=[],Sp={},os={positionMode:"absolute"},ae=e=>{let{offset:t,positionMode:o=os.positionMode,animationStyle:a,containerClassName:l,containerRole:s,containerAriaLabel:c,...m}=e;return es(Nt,{positionMode:o,offset:t,animationStyle:a,className:l,role:s,"aria-label":c,children:es("div",{...m,className:r(e.className,ts),children:e.children})})};ae.states=yp;ae.options=Sp;ae.className=ts;ae.defaultOptions=os;ae.moduleName=Yr;ae.folderName=jn;ae.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var Qr="action-buttons",as=Qr;import{jsx as wp}from"react/jsx-runtime";var Xa="k-actions",Ap=[],Ep={},Zr={alignment:"start",orientation:"horizontal"},gt=e=>{let{alignment:t=Zr.alignment,orientation:o=Zr.orientation,...a}=e;return wp("div",{...a,className:r(Xa,{[`${Xa}-${t}`]:t,[`${Xa}-${o}`]:o},e.className),children:e.children})};gt.states=Ap;gt.options=Ep;gt.className=Xa;gt.defaultOptions=Zr;gt.moduleName=Qr;gt.folderName=as;import{jsx as Rp}from"react/jsx-runtime";var Ip="k-actionsheet-footer",rs={alignment:"stretched",orientation:"horizontal"},Ut=e=>{let{alignment:t=rs.alignment,orientation:o=rs.orientation,template:a,as:l=a?"div":gt,...s}=e;return Rp(l,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,Ip),children:e.children})};var jr="searchbox",ls=jr;import{jsx as qo,jsxs as Hp}from"react/jsx-runtime";var ns="k-searchbox",Op=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Pp={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},el={showIcon:!0,icon:"search"},rt=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:s,hover:c,focus:m,valid:h,invalid:N,required:v,loading:k,disabled:u,showIcon:M=el.showIcon,icon:C=el.icon,...S}=e;return Hp(Te,{...S,size:a,rounded:l,fillMode:s,hover:c,focus:m,valid:h,invalid:N,required:v,loading:k,disabled:u,className:r(e.className,ns),children:[M&&qo(g,{className:"k-input-icon",icon:C}),qo(Je,{placeholder:o,value:t}),qo(Be,{...e}),qo(Ie,{...e}),qo(We,{...e})]})};rt.states=Op;rt.options=Pp;rt.className=ns;rt.defaultOptions=el;rt.moduleName=jr;rt.folderName=ls;import{jsx as $L}from"react/jsx-runtime";var tl="textbox",ss=tl;import{Fragment as is,jsx as Ft,jsxs as ol}from"react/jsx-runtime";var ds="k-textbox",Kp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Gp={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Wa={showClearButton:!0,showValidationIcon:!0,separators:!0},re=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Wa.separators,showClearButton:s=Wa.showClearButton,showValidationIcon:c=Wa.showValidationIcon,prefix:m,suffix:h,type:N,value:v,placeholder:k,hover:u,focus:M,valid:C,invalid:S,required:R,loading:w,disabled:D,readonly:se,id:fe,"aria-label":we,"aria-describedby":$e,...Xe}=e;return ol(Te,{...Xe,size:t,rounded:o,fillMode:a,hover:u,focus:M,valid:C,invalid:S,required:R,loading:w,disabled:D,readonly:se,className:r(e.className,ds),children:[m&&ol(is,{children:[Ft(tt,{children:m}),l&&Ft(at,{})]}),Ft(Je,{id:fe,placeholder:k,value:v,type:N,disabled:D,"aria-label":we,"aria-describedby":$e,"aria-invalid":S?"true":void 0}),c&&Ft(Ie,{valid:C,invalid:S,loading:w,disabled:D}),Ft(Be,{loading:w,disabled:D}),s&&Ft(We,{loading:w,disabled:D,readonly:se,value:v}),h&&ol(is,{children:[l&&Ft(at,{}),Ft(ot,{children:h})]})]})};re.states=Kp;re.options=Gp;re.className=ds;re.defaultOptions=Wa;re.moduleName=tl;re.folderName=ss;re.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Yo=re;import{jsx as Bp}from"react/jsx-runtime";var cs=e=>Bp(Yo,{...e});import{Fragment as dC,jsx as iC}from"react/jsx-runtime";import{Fragment as fC,jsx as bC}from"react/jsx-runtime";import{jsx as NC}from"react/jsx-runtime";import{jsx as al}from"react/jsx-runtime";var Dp=re.states,_p=re.defaultOptions,zp=re.options,Up=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Fp=[],Qo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?al(g,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[l]?al(to,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;default:break}}),al(cs,{value:"Value",style:{width:300},...o,...a})};Qo.options=zp;Qo.states=Dp;Qo.variants=Fp;Qo.defaultOptions=_p;Qo.modifiers=Up;import{jsx as Vt,jsxs as rl}from"react/jsx-runtime";var ps="k-actionsheet-titlebar",Vp={},Re=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:s,input:c,inputValue:m,inputPlaceholder:h,adaptive:N,titleId:v,children:k,...u}=e;return rl("div",{...u,className:r(e.className,ps),children:[rl("div",{className:"k-actionsheet-titlebar-group",children:[a&&Vt("div",{className:"k-actionsheet-actions",children:a}),!k&&rl("div",{className:"k-actionsheet-title",id:v,children:[t&&Vt("div",{className:"k-text-center",children:t}),o&&Vt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&Vt("div",{className:"k-actionsheet-title",id:v,children:k}),l&&Vt("div",{className:"k-actionsheet-actions",children:l})]}),(c\|\|s)&&Vt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?Vt(re,{value:m,placeholder:h,size:N?"large":"medium","aria-label":t\|\|h\|\|"Input"}):Vt(rt,{placeholder:"Filter",size:N?"large":"medium","aria-label":"Filter options"})})]})};Re.className=ps;Re.defaultOptions=Vp;import{jsx as ll,jsxs as Jp}from"react/jsx-runtime";var nl="k-actionsheet-view",$p=[],Xp={},Wp={},ko=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:s,titleId:c,...m}=e,h=l?.type===Re&&ll(Re,{adaptive:t,titleId:c,...l?.props}),N=s?.type===Ut&&ll(Ut,{...s?.props});return Jp("div",{...m,className:r(e.className,nl,{[`${nl}-animated`]:o}),children:[h,ll("div",{className:"k-actionsheet-content",children:a}),N]})};ko.states=$p;ko.options=Xp;ko.className=nl;ko.defaultOptions=Wp;var Zo="action-sheet",Ja=Zo;var sl="overlay",ms=sl;import{jsx as Zp}from"react/jsx-runtime";var il="k-overlay",qp=[],Yp={themeColor:[f.undefined,f.light,f.dark,f.inverse]},Qp={},$t=e=>{let{themeColor:t,...o}=e;return Zp("div",{...o,className:r(e.className,il,y(il,{themeColor:t})),children:e.children})};$t.states=qp;$t.options=Yp;$t.className=il;$t.defaultOptions=Qp;$t.moduleName=sl;$t.folderName=ms;import{jsx as qa,jsxs as tm}from"react/jsx-runtime";var us="k-actionsheet",jp=[],em={},jo={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},me=e=>{let{side:t=jo.side,fullscreen:o=jo.fullscreen,adaptive:a=jo.adaptive,overlay:l=jo.overlay,template:s,children:c,header:m,footer:h,id:N,...v}=e,k=N&&!s&&m?`${N}-title`:void 0;return tm("div",{className:"k-actionsheet-container",children:[l&&qa($t,{}),qa(Nt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:qa("div",{...v,id:N,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":k,className:r(e.className,us,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|qa(ko,{header:m,footer:h,adaptive:a,titleId:k,...e,children:c})})})]})};me.states=jp;me.options=em;me.className=us;me.defaultOptions=jo;me.moduleName=Zo;me.folderName=Ja;me.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as lm}from"react/jsx-runtime";var bs="k-actionsheet-container",om=[],am={},rm={},vo=e=>{let{children:t,...o}=e;return lm("div",{...o,className:bs,children:t})};vo.states=om;vo.options=am;vo.className=bs;vo.defaultOptions=rm;vo.moduleName=Zo;vo.folderName=Ja;import{jsx as nm}from"react/jsx-runtime";var dl=e=>{let{...t}=e;return nm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as im,jsx as ea,jsxs as cl}from"react/jsx-runtime";var pl="k-actionsheet-item",sm=[n.hover,n.focus,n.selected,n.disabled],Xt=e=>{let{iconName:t,text:o,description:a,hover:l,focus:s,selected:c,disabled:m,...h}=e;return cl("span",{...h,className:r(e.className,pl,A(pl,{hover:l,focus:s,selected:c,disabled:m})),children:[!e.children&&ea(im,{children:cl("span",{className:"k-actionsheet-action",children:[t&&ea("span",{className:"k-icon-wrap",children:ea(g,{className:"k-actionsheet-item-icon",icon:t})}),cl("span",{className:"k-actionsheet-item-text",children:[o&&ea("span",{className:"k-actionsheet-item-title",children:o}),a&&ea("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Xt.states=sm;Xt.className=pl;import{jsx as xM,jsxs as NM}from"react/jsx-runtime";import{jsx as LM}from"react/jsx-runtime";import{jsx as SM}from"react/jsx-runtime";import{jsx as IM}from"react/jsx-runtime";import{jsx as Le,jsxs as ml}from"react/jsx-runtime";var dm=me.options,cm=me.states,Ts={...me.defaultOptions,variant:"normal"},pm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],mm=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ta=e=>{let{variant:t,modifiers:o,...a}={...Ts,...e},l={},s=ml(dl,{children:[Le(Xt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Le(Xt,{text:"Add to Favorites",iconName:"heart"}),Le(Xt,{text:"Upload New",iconName:"upload",disabled:!0}),Le("hr",{className:"k-hr"}),Le(Xt,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",m="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o\|\|{}).forEach(h=>{switch(h){case"actions":l.actionsStart=!!o?.[h],l.actionsEnd=!!o?.[h];break;case"subtitle":l.subtitle=o?.[h]?c:void 0;break;case"footer":l.footer=!!o?.[h];break;default:break}}),t==="adaptive"?Le(me,{...a,adaptive:!0,fullscreen:l.fullScreen,header:Le(Re,{actionsStart:l.actionsStart?Le(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Le(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:l.subtitle}),footer:l.footer?ml(Ut,{alignment:"stretched",children:[Le(d,{text:"Cancel",size:"large",themeColor:"base"}),Le(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):Le(me,{...a,fullscreen:l.fullScreen,header:Le(Re,{actionsStart:l.actionsStart?Le(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Le(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?ml(Ut,{alignment:"stretched",children:[Le(d,{text:"Apply",themeColor:"primary"}),Le(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};ta.options=dm;ta.states=cm;ta.variants=pm;ta.defaultOptions=Ts;ta.modifiers=mm;import bl from"react";import{jsx as hs}from"react/jsx-runtime";var um="k-list-group-sticky-header",ul=e=>hs("div",{className:r(um,e.className),children:hs("div",{className:"k-list-header-text",children:e.children})});import{jsx as fm}from"react/jsx-runtime";var bm="k-no-data",Ya=e=>{let{live:t,...o}=e;return fm("span",{...o,className:r(bm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ao="list",Lo=ao;import{jsx as xs,jsxs as Ns}from"react/jsx-runtime";var fl="k-list",Tm=[],hm={size:[i.undefined,i.small,i.medium,i.large]},xm={},$=e=>{let{size:t,virtualization:o,children:a,header:l,optionLabel:s,customValue:c,noData:m,screenReaders:h,...N}=e,k=bl.Children.toArray(a)[0],u=k?.props?.children?bl.Children.count(k.props.children):bl.Children.count(a);return Ns("div",{...N,className:r(e.className,fl,y(fl,{size:t}),{"k-virtual-list":o}),children:[s,c,l&&xs(ul,{children:l}),a\|\|(m!==void 0?m:xs(Ya,{live:!0,children:"No data found."})),h&&a&&Ns(Ya,{className:"k-sr-only",live:!0,children:[u," items found."]})]})};$.states=Tm;$.options=hm;$.className=fl;$.defaultOptions=xm;$.moduleName=ao;$.folderName=Lo;$.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 vm}from"react/jsx-runtime";var gs="k-list-container",Nm=[],gm={},km={},Co=e=>{let{...t}=e;return vm("div",{...t,className:r(e.className,gs),children:e.children})};Co.states=Nm;Co.options=gm;Co.className=gs;Co.defaultOptions=km;Co.moduleName=ao;Co.folderName=Lo;var ro="checkbox",Mo=ro;import{jsx as ks}from"react/jsx-runtime";var Qa="k-checkbox",Lm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Cm={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full]},Mm={},De=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:s,disabled:c,invalid:m,valid:h,required:N,size:v,rounded:k,...u}=e;return ks("span",{className:"k-checkbox-wrap",children:ks("input",{...u,id:t,type:"checkbox",defaultChecked:o,required:N,disabled:c\|\|void 0,"aria-invalid":m?"true":void 0,className:r(e.className,Qa,y(Qa,{size:v,rounded:k}),A(Qa,{hover:l,focus:s,disabled:c,invalid:m,valid:h,indeterminate:a,checked:o}))})})};De.states=Lm;De.options=Cm;De.className=Qa;De.defaultOptions=Mm;De.moduleName=ro;De.folderName=Mo;De.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var kt=De;import{jsx as Am}from"react/jsx-runtime";var vs="k-checkbox-list",ym=[],Sm={},Ls={layout:"vertical"},_e=e=>{let{layout:t=Ls.layout,...o}=e;return Am("ul",{...o,className:r(e.className,vs,{[`k-list-${t}`]:t}),children:e.children})};_e.states=ym;_e.options=Sm;_e.className=vs;_e.defaultOptions=Ls;_e.moduleName=ro;_e.folderName=Mo;import{jsx as Rm}from"react/jsx-runtime";var Cs="k-checkbox-list-item",Em=[],wm={},Im={},Oe=e=>{let{...t}=e;return Rm("li",{...t,className:r(e.className,Cs),children:e.children})};Oe.states=Em;Oe.options=wm;Oe.className=Cs;Oe.defaultOptions=Im;Oe.moduleName=ro;Oe.folderName=Mo;import{Fragment as Om,jsx as Ms,jsxs as Pm}from"react/jsx-runtime";var Et=({children:e,id:t,...o})=>Pm(Om,{children:[Ms(kt,{id:t,...o}),Ms("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as _y,jsx as Dy,jsxs as zy}from"react/jsx-runtime";import{Fragment as Xy,jsx as $y,jsxs as Wy}from"react/jsx-runtime";import{Fragment as Zy,jsx as Qy,jsxs as jy}from"react/jsx-runtime";import{jsx as aS}from"react/jsx-runtime";import{jsx as sS}from"react/jsx-runtime";import{jsx as pS}from"react/jsx-runtime";import{jsx as lt,jsxs as ys}from"react/jsx-runtime";var Hm=_e.options,Km=_e.states,Gm={..._e.defaultOptions,variant:"vertical"},Bm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Dm=[],oa=e=>{let{variant:t,...o}=e;return t==="horizontal"?ys(_e,{layout:"horizontal",...o,children:[lt(Oe,{children:lt(Et,{id:"first",defaultChecked:!0,children:"Label"})}),lt(Oe,{children:lt(Et,{id:"second",children:"Label"})}),lt(Oe,{children:lt(Et,{id:"third",children:"Label"})})]}):ys(_e,{...o,children:[lt(Oe,{children:lt(Et,{id:"first",defaultChecked:!0,children:"Label"})}),lt(Oe,{children:lt(Et,{id:"second",children:"Label"})}),lt(Oe,{children:lt(Et,{id:"third",children:"Label"})})]})};oa.options=Hm;oa.states=Km;oa.variants=Bm;oa.defaultOptions=Gm;oa.modifiers=Dm;import{jsx as $m}from"react/jsx-runtime";var _m=kt.options,zm=kt.states,Um=kt.defaultOptions,Fm=[],Vm=[],aa=e=>$m(Et,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});aa.options=_m;aa.states=zm;aa.variants=Fm;aa.defaultOptions=Um;aa.modifiers=Vm;import{jsx as lo,jsxs as qm}from"react/jsx-runtime";var Tl="k-list-item",Xm=[n.hover,n.focus,n.selected,n.disabled],Wm={},Jm={},B=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:s,showCheckbox:c,checked:m,hover:h,focus:N,selected:v,disabled:k,actions:u,description:M,id:C,...S}=e,R=t\|\|e.children;return qm("li",{...S,id:C,role:a?"presentation":"option",tabIndex:a?void 0:N?0:-1,"aria-selected":!a&&v?"true":a?void 0:"false","aria-disabled":!a&&k?"true":void 0,className:r(e.className,a?"k-list-group-item":Tl,A(Tl,{hover:h,focus:N,disabled:k,selected:v})),children:[c&&lo(De,{checked:m}),l&&lo("span",{className:"k-list-item-icon-wrapper",children:lo(g,{icon:l,className:r("k-list-item-icon",s)})}),lo("span",{className:"k-list-item-text",children:R}),u&&lo("div",{className:"k-list-item-actions",children:u}),M&&lo("span",{className:"k-list-item-description",children:M}),o&&o!==""&&lo("div",{className:"k-list-item-group-label",children:o})]})};B.states=Xm;B.options=Wm;B.className=Tl;B.defaultOptions=Jm;B.moduleName=ao;B.folderName=Lo;B.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as Qm}from"react/jsx-runtime";var Ym="k-list-ul",wt=e=>{let{children:t,role:o,id:a,...l}=e;return Qm("ul",{...l,id:a,role:o,className:r(Ym,e.className),children:t})};wt.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as hl,jsxs as jm}from"react/jsx-runtime";var Zm="k-list-content",q=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:s,...c}=e;return jm("div",{...c,className:r(Zm,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:hl(wt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&hl("div",{className:"k-height-container",children:hl("div",{})})]})};q.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as jS,jsx as ZS,jsxs as eA}from"react/jsx-runtime";import{jsx as xl,jsxs as tu}from"react/jsx-runtime";var eu="k-list-group-item",no=e=>{let{groupIconName:t,...o}=e;return tu("li",{...o,role:"presentation",className:r(eu,e.className),children:[t&&xl("span",{className:"k-list-item-icon-wrapper",children:xl(g,{icon:t,className:"k-list-item-icon"})}),xl("span",{className:"k-list-item-text",children:e.children})]})};no.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as lu}from"react/jsx-runtime";var Nl="k-list-optionlabel",ou=[n.hover,n.focus,n.selected,n.disabled],au={},ru={},Za=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...c}=e;return lu("div",{...c,className:r(Nl,A(Nl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};Za.states=ou;Za.options=au;Za.className=Nl;Za.defaultOptions=ru;import{jsx as du}from"react/jsx-runtime";var gl="k-list-custom-value",nu=[n.hover,n.focus,n.selected,n.disabled],su={},iu={},Wt=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...c}=e;return du("div",{...c,className:r(gl,A(gl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};Wt.states=nu;Wt.options=su;Wt.className=gl;Wt.defaultOptions=iu;import{Fragment as TA,jsx as fA,jsxs as hA}from"react/jsx-runtime";import{Fragment as LA,jsx as vA,jsxs as CA}from"react/jsx-runtime";import{Fragment as IA,jsx as EA,jsxs as wA}from"react/jsx-runtime";import{Fragment as BA,jsx as KA,jsxs as GA}from"react/jsx-runtime";import{jsx as UA}from"react/jsx-runtime";import{Fragment as JA,jsx as WA,jsxs as qA}from"react/jsx-runtime";var Ss="dropdown-list",As="dropdownlist";import{Fragment as mu,jsx as Pe,jsxs as kl}from"react/jsx-runtime";var Es="k-dropdownlist",cu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],pu={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},vl={showValue:!0,arrowIconName:"caret-alt-down"},Y=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=vl.arrowIconName,showValue:s=vl.showValue,valueIconName:c,prefix:m,suffix:h,value:N,placeholder:v,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:w,readonly:D,popup:se,opened:fe,adaptive:we,adaptiveSettings:$e,adaptiveTitle:Xe,adaptiveSubtitle:No,adaptiveFilter:Nr,...Ga}=e;return kl(mu,{children:[kl(ht,{...Ga,size:t,rounded:o,fillMode:a,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:w,readonly:D,className:r(e.className,Es,{"k-icon-picker":!s&&c}),children:[Pe(tt,{children:m}),Pe(oo,{placeholder:v,value:N,showValue:s,valueIconName:c}),Pe(Ie,{valid:M,invalid:C,loading:R,disabled:w}),Pe(Be,{loading:R,disabled:w}),Pe(ot,{children:h}),Pe(d,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":v\|\|"Toggle dropdown"})]}),fe&&se&&Pe(ae,{className:"k-list-container k-dropdownlist-popup",children:se}),we&&Pe(me,{adaptive:!0,...$e,header:Pe(Re,{actionsEnd:Pe(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Nr,inputValue:N,inputPlaceholder:v,title:Xe,subtitle:No}),children:Pe("div",{className:"k-list-container",children:Pe($,{size:"large",children:kl(q,{children:[Pe(B,{text:"List item"}),Pe(B,{text:"List item"}),Pe(B,{text:"List item"})]})})})})]})};Y.states=cu;Y.options=pu;Y.className=Es;Y.defaultOptions=vl;Y.moduleName=Ss;Y.folderName=As;import{jsx as SE}from"react/jsx-runtime";import{jsx as RE,jsxs as OE}from"react/jsx-runtime";import{Fragment as zE,jsx as DE,jsxs as _E}from"react/jsx-runtime";import{jsx as $E}from"react/jsx-runtime";import{jsx as YE,jsxs as QE}from"react/jsx-runtime";import{Fragment as lw,jsx as aw,jsxs as rw}from"react/jsx-runtime";import{Fragment as xu,jsx as Jt,jsxs as ws}from"react/jsx-runtime";var uu=Y.states,bu=Y.defaultOptions,fu=Y.options,Tu=[{name:"opened",title:"Opened"}],hu=[],la=e=>{let{modifiers:t,...o}=e,a={},l=ws(xu,{children:[Jt("div",{className:"k-list-filter",children:Jt(rt,{})}),Jt($,{style:{width:300},size:o.size,children:ws(q,{children:[Jt(B,{children:"List item"}),Jt(B,{children:"List item"}),Jt(B,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?l:void 0)}),Jt("div",{children:Jt(Y,{placeholder:"Value",style:{width:300},...o,...a})})};la.options=fu;la.states=uu;la.variants=hu;la.defaultOptions=bu;la.modifiers=Tu;import{jsx as Is,jsxs as Lu}from"react/jsx-runtime";var Rs="k-spin-button",ku=[],vu={size:[i.undefined,i.small,i.medium,i.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Ll={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},qt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=Ll.increaseLabel,decreaseLabel:s=Ll.decreaseLabel,...c}=e;return Lu("span",{...c,className:r(Rs,e.className),children:[Is(d,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),Is(d,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};qt.states=ku;qt.options=vu;qt.className=Rs;qt.defaultOptions=Ll;qt.moduleName=null;qt.folderName=null;var Os="numeric-textbox",Ps="numerictextbox";import{Fragment as Hs,jsx as It,jsxs as Cl}from"react/jsx-runtime";var Ks="k-numerictextbox",Cu=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Mu={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ja={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:l=ja.separators,showClearButton:s=ja.showClearButton,showSpinButton:c=ja.showSpinButton,prefix:m,suffix:h,value:N,placeholder:v,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:w,readonly:D,id:se,"aria-label":fe,"aria-describedby":we,...$e}=e;return Cl(Te,{...$e,size:t,rounded:o,fillMode:a,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:w,readonly:D,className:r(e.className,Ks),children:[m&&Cl(Hs,{children:[It(tt,{children:m}),l&&It(at,{})]}),It(Je,{id:se,placeholder:v,value:N,role:"spinbutton",disabled:w,"aria-label":fe,"aria-describedby":we,"aria-invalid":C?"true":void 0}),It(Ie,{valid:M,invalid:C,loading:R,disabled:w}),It(Be,{loading:R,disabled:w}),s&&It(We,{loading:R,disabled:w,readonly:D,value:N}),h&&Cl(Hs,{children:[l&&It(at,{}),It(ot,{children:h})]}),c&&It(qt,{className:"k-input-spinner",size:t,fillMode:a,disabled:w})]})};_.states=Cu;_.options=Mu;_.className=Ks;_.defaultOptions=ja;_.moduleName=Os;_.folderName=Ps;_.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 na=_;import{jsx as yu}from"react/jsx-runtime";var Gs=e=>yu(na,{...e});import{Fragment as Vw,jsx as Fw}from"react/jsx-runtime";import{Fragment as Yw,jsx as qw}from"react/jsx-runtime";import{jsx as eI}from"react/jsx-runtime";import{jsx as Ml}from"react/jsx-runtime";var Su=_.states,Au=_.defaultOptions,Eu=_.options,wu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Iu=[],sa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Ml(Y,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[l]?Ml(Wr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;case"spin-button":a.showSpinButton=t?.[l];break;default:break}}),Ml(Gs,{value:"Value",style:{width:300},...o,...a})};sa.options=Eu;sa.states=Su;sa.variants=Iu;sa.defaultOptions=Au;sa.modifiers=wu;var yl="pager",Bs=yl;import{Fragment as Ds,jsx as ze,jsxs as yo}from"react/jsx-runtime";var er="k-pager",Ru=[n.focus,n.disabled],Ou={size:[i.undefined,i.small,i.medium,i.large]},qe={responsive:!0,pagerSizeInfo:!0,pageTitleInfo:!0,maxPagesInfo:!0,type:"numeric",pageSizes:!0,refresh:!0,previousNext:!0,info:"1 - 5 of 20 items",itemsPerPage:5,maxPages:6,currentPage:1},he=e=>{let{responsive:t=qe.responsive,size:o,pagerSizeInfo:a=qe.pagerSizeInfo,pageTitleInfo:l=qe.pageTitleInfo,maxPagesInfo:s=qe.maxPagesInfo,itemsPerPage:c=qe.itemsPerPage,maxPages:m=qe.maxPages,currentPage:h=qe.currentPage,previousNext:N=qe.previousNext,type:v=qe.type,pageSizes:k=qe.pageSizes,refresh:u=qe.refresh,info:M=qe.info,focus:C,disabled:S,dir:R,...w}=e,D=[],se=[];for(let fe=1;fe<=m;fe++)D.push(ze(d,{selected:fe===h,fillMode:"flat",themeColor:"primary",size:o,children:fe})),se.push(ze("option",{selected:fe===h,children:fe}));return yo("div",{dir:R,...w,className:r(e.className,er,y(er,{size:o}),A(er,{focus:C,disabled:S}),{"k-pager-responsive":t}),children:[yo("div",{className:r("k-pager-numbers-wrap"),children:[N&&yo(Ds,{children:[ze(d,{className:r("k-pager-nav","k-pager-first"),disabled:h===1&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),ze(d,{className:r("k-pager-nav"),disabled:h===1&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-right":"caret-alt-left"})]}),v==="numeric"&&ze("div",{className:r("k-pager-numbers"),children:D}),v==="input"&&yo("span",{className:r("k-pager-input"),children:[l&&ze("span",{children:"Page"}),ze(_,{value:`${h}`,size:o,showSpinButton:!1,showClearButton:!1}),ze("span",{children:s&&`of ${m}`})]}),N&&yo(Ds,{children:[ze(d,{className:r("k-pager-nav"),disabled:h===m&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-left":"caret-alt-right"}),ze(d,{className:r("k-pager-nav","k-pager-last"),disabled:h===m&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),k&&yo("span",{className:r("k-pager-sizes"),children:[ze(Y,{value:`${c}`,size:o}),a&&ze("span",{children:"items per page"})]}),u&&ze(d,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),M&&ze("span",{className:r("k-pager-info"),children:M})]})};he.states=Ru;he.options=Ou;he.className=er;he.defaultOptions=qe;he.moduleName=yl;he.folderName=Bs;import{jsx as yI}from"react/jsx-runtime";import{jsx as wI}from"react/jsx-runtime";import{jsx as PI}from"react/jsx-runtime";import{jsx as _s}from"react/jsx-runtime";var Pu=he.options,Hu=he.states,Ku={...he.defaultOptions,variant:"numeric"},Gu=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Bu=[],ia=e=>{let{variant:t,...o}=e;return t==="input"?_s(he,{...o,type:"input"}):_s(he,{...o,type:"numeric"})};ia.options=Pu;ia.states=Hu;ia.variants=Gu;ia.defaultOptions=Ku;ia.modifiers=Bu;import{jsx as Du}from"react/jsx-runtime";var zs="k-grid-pager",vt=e=>Du(he,{...e,className:r(e.className,zs),children:e.children});vt.className=zs;vt.moduleName=z;vt.folderName=F;var Sl="button",Us=Sl;import{jsx as Fu}from"react/jsx-runtime";var da="k-button-group",_u=[n.disabled],zu={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Uu={},K=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return Fu("div",{role:"group",...l,className:r(e.className,da,y(da,{fillMode:t}),A(da,{disabled:o}),{[`${da}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};K.states=_u;K.options=zu;K.className=da;K.defaultOptions=Uu;K.moduleName=Sl;K.folderName=Us;K.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as sR,jsx as nR,jsxs as iR}from"react/jsx-runtime";import{Fragment as bR,jsx as uR,jsxs as fR}from"react/jsx-runtime";import{Fragment as kR,jsx as gR,jsxs as vR}from"react/jsx-runtime";import{Fragment as AR,jsx as SR,jsxs as ER}from"react/jsx-runtime";import{Fragment as HR,jsx as PR,jsxs as KR}from"react/jsx-runtime";import{Fragment as UR,jsx as zR,jsxs as FR}from"react/jsx-runtime";import{jsx as Rt,jsxs as Al}from"react/jsx-runtime";var Vu={...d.options,...K.options},$u=d.states,Xu={...d.defaultOptions,...K.defaultOptions,variant:"text-button"},Wu=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Ju=[],ca=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Al(K,{fillMode:a.fillMode,className:o,children:[Rt(d,{...a,icon:"star"}),Rt(d,{...a,icon:"star"}),Rt(d,{...a,icon:"star"})]}):t==="icon-text-button"?Al(K,{fillMode:a.fillMode,className:o,children:[Rt(d,{...a,icon:"star",children:"First"}),Rt(d,{...a,icon:"star",children:"Middle"}),Rt(d,{...a,icon:"star",children:"Last"})]}):Al(K,{fillMode:a.fillMode,className:o,children:[Rt(d,{...a,children:"First"}),Rt(d,{...a,children:"Middle"}),Rt(d,{...a,children:"Last"})]})};ca.options=Vu;ca.states=$u;ca.variants=Wu;ca.defaultOptions=Xu;ca.modifiers=Ju;import{jsx as Fs,jsxs as Qu}from"react/jsx-runtime";var Vs="k-color-preview",qu=[],Yu={},Yt=e=>{let{color:t,iconName:o,...a}=e;return Qu("span",{...a,className:r(e.className,Vs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Fs(g,{icon:o,className:"k-color-preview-icon"}),Fs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Yt.states=qu;Yt.options=Yu;Yt.className=Vs;var El="slider",$s=El;import{jsx as So,jsxs as wl}from"react/jsx-runtime";var pa="k-slider",Zu=[n.hover,n.focus,n.active,n.disabled,n.readonly],ju={},st={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},le=e=>{let{type:t=st.type,orientation:o=st.orientation,gradientType:a=st.gradientType,readonly:l=st.readonly,disabled:s=st.disabled,handlePosition:c=st.handlePosition,showButtons:m=st.showButtons,showTicks:h=st.showTicks,value:N=st.value,min:v=st.min,max:k=st.max,startValue:u,endValue:M,hover:C,focus:S,active:R,trackStyle:w,dir:D,...se}=e,we=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),$e,Xe;return o==="horizontal"?($e=D==="rtl"?"caret-alt-left":"caret-alt-right",Xe=D==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&($e="caret-alt-up",Xe="caret-alt-down"),wl("div",{...se,className:r(pa,e.className,A(pa,{readonly:l,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:D,children:[m&&So(d,{className:"k-button-decrease",rounded:"full",icon:Xe,tabIndex:-1,title:"Decrease"}),wl("div",{className:"k-slider-track-wrap",children:[h&&So("ul",{className:"k-reset k-slider-items",children:e.children}),wl("div",{className:"k-slider-track",style:w,children:[So("div",{className:"k-slider-selection"}),t==="range"&&So("span",{className:r("k-draghandle","k-draghandle-start",A(pa,{hover:C,focus:S,active:R})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":u??v,"aria-valuemin":v,"aria-valuemax":M??k,"aria-orientation":we,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":se["aria-label"]?`${se["aria-label"]} start`:"Range start"}),So("span",{className:r("k-draghandle",`k-draghandle-${c}`,A(pa,{hover:C,focus:S,active:R})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?M??k:N,"aria-valuemin":t==="range"?u??v:v,"aria-valuemax":k,"aria-orientation":we,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?se["aria-label"]?`${se["aria-label"]} end`:"Range end":se["aria-label"]})]})]}),m&&So(d,{className:"k-button-increase",rounded:"full",icon:$e,tabIndex:-1,title:"Increase"})]})};le.states=Zu;le.options=ju;le.className=pa;le.defaultOptions=st;le.moduleName=El;le.folderName=$s;le.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'}]};import{jsx as Xs}from"react/jsx-runtime";var Ws="k-tick",eb=[],tb={},Js={label:!1},P=e=>{let{style:t,label:o=Js.label,orientation:a,large:l,text:s,...c}=e;return Xs("li",{...c,className:r(e.className,Ws,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&Xs("span",{className:"k-label",children:s})})};P.states=eb;P.options=tb;P.className=Ws;P.defaultOptions=Js;import{Fragment as ob,jsx as it,jsxs as ab}from"react/jsx-runtime";var qs=e=>it(le,{"aria-label":e["aria-label"]\|\|"Slider",children:ab(ob,{children:[it(P,{className:"k-first",label:!0,large:!0,text:"0"}),it(P,{}),it(P,{}),it(P,{}),it(P,{}),it(P,{label:!0,large:!0,text:"5"}),it(P,{}),it(P,{}),it(P,{}),it(P,{}),it(P,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as rb,jsx as dt,jsxs as lb}from"react/jsx-runtime";var Ys=e=>dt(le,{children:lb(rb,{children:[dt(P,{className:"k-first",label:!0,large:!0,text:"0"}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{label:!0,large:!0,text:"5"}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as EO,jsx as AO,jsxs as wO}from"react/jsx-runtime";import{Fragment as HO,jsx as PO,jsxs as KO}from"react/jsx-runtime";import{jsx as nb}from"react/jsx-runtime";var Il=e=>nb(le,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as sb}from"react/jsx-runtime";var Rl=e=>sb(le,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as WO,jsx as XO,jsxs as JO}from"react/jsx-runtime";import{Fragment as jO,jsx as ZO,jsxs as e0}from"react/jsx-runtime";import{jsx as Lt,jsxs as Qs}from"react/jsx-runtime";var ib=le.options,db=le.states,Zs={...le.defaultOptions,variant:"horizontal",label:!0},cb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],pb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],ma=e=>{let{variant:t,modifiers:o,...a}={...Zs,...e},l={};Object.keys(o\|\|{}).forEach(N=>{switch(N){case"button":{l.showButtons=!!o?.[N];break}case"label":{l.label=!!o?.[N];break}case"tick":{l.showTicks=!!o?.[N];break}}});let{label:s=!0,showButtons:c,showTicks:m}=l,h={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Qs(Ys,{showTicks:m,showButtons:c,style:{height:"300px",...h},...a,children:[Lt(P,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Lt(P,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Lt(P,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Lt(P,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Lt(P,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Qs(qs,{showTicks:m,showButtons:c,style:{width:"400px",...h},...a,children:[Lt(P,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Lt(P,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Lt(P,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Lt(P,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Lt(P,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};ma.options=ib;ma.states=db;ma.variants=cb;ma.defaultOptions=Zs;ma.modifiers=pb;import{Fragment as ua,jsx as U,jsxs as ue}from"react/jsx-runtime";var js="k-colorgradient-inputs",mb=[],ub={size:[i.undefined,i.small,i.medium,i.large]},ei={mode:"rgba"},Ao=e=>{let{mode:t=ei.mode,size:o,...a}=e;return ue("div",{...a,className:r(js,"k-hstack"),children:[U("div",{className:"k-vstack",children:U(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ue(ua,{children:[ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),U("label",{className:"k-colorgradient-input-label",children:"R"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),U("label",{className:"k-colorgradient-input-label",children:"G"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),U("label",{className:"k-colorgradient-input-label",children:"B"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),U("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ue(ua,{children:[ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),U("label",{className:"k-colorgradient-input-label",children:"R"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),U("label",{className:"k-colorgradient-input-label",children:"G"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),U("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ue(ua,{children:[ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),U("label",{className:"k-colorgradient-input-label",children:"H"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),U("label",{className:"k-colorgradient-input-label",children:"S"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),U("label",{className:"k-colorgradient-input-label",children:"V"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),U("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ue(ua,{children:[ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),U("label",{className:"k-colorgradient-input-label",children:"H"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),U("label",{className:"k-colorgradient-input-label",children:"S"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),U("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&U(ua,{children:ue("div",{className:"k-vstack k-flex-1",children:[U(re,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),U("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Ao.states=mb;Ao.options=ub;Ao.className=js;Ao.defaultOptions=ei;import{jsx as so,jsxs as io}from"react/jsx-runtime";var ti="k-colorgradient-color-contrast",bb=[],fb={},Tb={},Eo=()=>io("div",{className:r(ti,"k-vbox"),children:[io("div",{className:"k-contrast-ratio",children:[so("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),io("span",{className:"k-contrast-validation !k-text-success",children:[so(g,{icon:"check"}),so(g,{icon:"check"})]})]}),io("div",{children:[so("span",{children:"AA: 4.5"}),io("span",{className:"k-contrast-validation !k-text-success",children:["Pass",so(g,{icon:"check"})]})]}),io("div",{children:[so("span",{children:"AAA: 7.0"}),io("span",{className:"k-contrast-validation !k-text-error",children:["Fail",so(g,{icon:"x"})]})]})]});Eo.states=bb;Eo.options=fb;Eo.className=ti;Eo.defaultOptions=Tb;var oi="color-gradient",ai="colorgradient";import{jsx as ct,jsxs as ba}from"react/jsx-runtime";var tr="k-colorgradient",hb=[n.hover,n.focus,n.readonly,n.disabled],xb={size:[i.undefined,i.small,i.medium,i.large]},Ct={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},Ce=e=>{let{size:t,mode:o=Ct.mode,readonly:a=Ct.readonly,disabled:l=Ct.disabled,gradientStyle:s=Ct.gradientStyle,dragHandleStyle:c=Ct.dragHandleStyle,alphaStyle:m=Ct.alphaStyle,alphaStyleHorizontal:h=Ct.alphaStyleHorizontal,contrast:N=Ct.contrast,dir:v,hover:k,focus:u,hoverHandle:M,focusHandle:C,canvasOrientation:S=Ct.canvasOrientation,role:R,tabIndex:w,...D}=e;return ba("div",{...D,role:R??"textbox","aria-label":R==="none"?void 0:"Color gradient",tabIndex:w??0,"aria-disabled":l?"true":void 0,className:r(e.className,tr,y(tr,{size:t}),A(tr,{hover:k,focus:u,readonly:a,disabled:l})),dir:v,children:[!S\|\|S==="horizontal"&&ba("div",{className:"k-colorgradient-canvas k-hstack",children:[ct("div",{className:"k-hsv-rectangle",style:s,children:ct("div",{className:"k-hsv-gradient",children:ct("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),ba("div",{className:"k-hsv-controls k-hstack",children:[ct(Rl,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&ct(Rl,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:m})]})]}),S==="vertical"&&ba("div",{className:"k-colorgradient-canvas k-vstack",children:[ct("div",{className:"k-hsv-rectangle",style:s,children:ct("div",{className:"k-hsv-gradient",children:ct("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),ba("div",{className:"k-hsv-controls k-vstack",children:[ct(Il,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&ct(Il,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:h})]})]}),ct(Ao,{mode:e.mode,size:t}),N&&ct(Eo,{})]})};Ce.states=hb;Ce.options=xb;Ce.className=tr;Ce.defaultOptions=Ct;Ce.moduleName=oi;Ce.folderName=ai;Ce.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as Nb}from"react/jsx-runtime";var or=e=>Nb(Ce,{...e});import{jsx as V0}from"react/jsx-runtime";import{jsx as J0}from"react/jsx-runtime";import{jsx as Ol}from"react/jsx-runtime";var gb=Ce.options,kb=Ce.states,vb={...Ce.defaultOptions,variant:"rgba"},Lb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Cb=[],fa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Ol(or,{...o,mode:t});case"rgb":return Ol(or,{...o,mode:t});default:return Ol(or,{...o,mode:t})}};fa.options=gb;fa.states=kb;fa.variants=Lb;fa.defaultOptions=vb;fa.modifiers=Cb;import{jsx as Mb}from"react/jsx-runtime";var Pl=e=>Mb("tr",{role:"row",children:e.children});import{jsx as Ab}from"react/jsx-runtime";var Hl="k-colorpalette-tile",yb=[n.hover,n.focus,n.selected],Sb={},wo=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:s,...c}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Ab("td",{...c,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,Hl,A(Hl,{hover:a,focus:l,selected:s})),style:m})};wo.states=yb;wo.options=Sb;wo.className=Hl;var ri="color-palette",li="colorpalette";import{jsx as Ta}from"react/jsx-runtime";var ar="k-colorpalette",Eb=[n.disabled],wb={size:[i.undefined,i.small,i.medium,i.large]},ni={columns:10},Ue=e=>{let{size:t,palette:o,columns:a=ni.columns,tileSize:l,disabled:s,...c}=e,m=[];if(o){let h=a\|\|o.columns,N=o.colors?o.colors:o;Array.isArray(N)&&Array.from({length:Math.ceil(N.length/h)},(v,k)=>{let u=[];N.slice(kh,(k+1)h).map((C,S)=>{u.push(Ta(wo,{color:C,tileSize:l},S))});let M=Ta(Pl,{children:u},k);m.push(M)})}return Ta("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,ar,A(ar,{disabled:s}),y(ar,{size:t})),children:Ta("table",{className:"k-colorpalette-table",role:"none",children:Ta("tbody",{children:m.length>0?m:e.children})})})};Ue.states=Eb;Ue.options=wb;Ue.className=ar;Ue.defaultOptions=ni;Ue.moduleName=ri;Ue.folderName=li;Ue.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var rr=Ue;var ha={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 Ib}from"react/jsx-runtime";var si=e=>Ib(rr,{palette:ha.basic,...e});import{jsx as EP}from"react/jsx-runtime";import{jsx as HP,jsxs as KP}from"react/jsx-runtime";import{jsx as Bb}from"react/jsx-runtime";var Rb=Ue.options,Ob=Ue.states,Pb={...Ue.defaultOptions,variant:"basic"},Hb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Kb={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}},Gb=[],xa=e=>{let{variant:t="basic",...o}=e,a=Kb[t];return Bb(si,{columns:a.columns,palette:a,...o})};xa.options=Rb;xa.states=Ob;xa.variants=Hb;xa.defaultOptions=Pb;xa.modifiers=Gb;var ii="color-editor",di="coloreditor";import{jsx as pt,jsxs as Io}from"react/jsx-runtime";var lr="k-coloreditor",Db=[n.focus],_b={size:[i.undefined,i.small,i.medium,i.large]},Na={view:"gradient",palette:ha.office,actionButtons:!0,canvasOrientation:"horizontal"},be=e=>{let{size:t,view:o=Na.view,palette:a=Na.palette,color:l,currentColor:s,focus:c,focusView:m,dir:h,group:N,actionButtons:v=Na.actionButtons,canvasOrientation:k=Na.canvasOrientation,...u}=e;return Io("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",lr,y(lr,{size:t}),A(lr,{focus:c})),dir:h,children:[Io("div",{className:"k-coloreditor-header k-hstack",children:[pt("div",{className:"k-coloreditor-header-actions k-hstack",children:N&&Io(K,{fillMode:"flat",children:[pt(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),pt(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),pt("div",{className:"k-spacer"}),Io("div",{className:"k-coloreditor-header-actions k-hstack",children:[pt(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Io("div",{className:"k-coloreditor-preview k-vstack",children:[pt(Yt,{className:"k-coloreditor-preview-color",color:l}),pt(Yt,{className:"k-coloreditor-current-color",color:s})]})]})]}),pt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?pt(Ce,{focus:m,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):pt(Ue,{palette:a,size:t})}),v&&Io(gt,{className:"k-coloreditor-footer",alignment:"start",children:[pt(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),pt(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};be.states=Db;be.options=_b;be.className=lr;be.defaultOptions=Na;be.moduleName=ii;be.folderName=di;be.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Ro=be;import{jsx as pH}from"react/jsx-runtime";import{jsx as fH}from"react/jsx-runtime";import{jsx as zb}from"react/jsx-runtime";var ci=e=>zb(Ro,{group:!0,currentColor:"fuchsia",...e});import{jsx as Ub}from"react/jsx-runtime";var pi=e=>Ub(Ro,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as mi}from"react/jsx-runtime";var Fb=be.options,Vb=be.states,$b={...be.defaultOptions,variant:"gradient"},Xb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Wb=[],ga=e=>{let{variant:t,...o}=e;return t==="palette"?mi(pi,{...o,color:"white"}):mi(ci,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ga.options=Fb;ga.states=Vb;ga.variants=Xb;ga.defaultOptions=$b;ga.modifiers=Wb;var ui="color-picker",bi="colorpicker";import{Fragment as Yb,jsx as mt,jsxs as Kl}from"react/jsx-runtime";var fi="k-colorpicker",Jb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],qb={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Ti={arrowIconName:"caret-alt-down"},Ye=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Ti.arrowIconName,prefix:s,suffix:c,value:m,placeholder:h,hover:N,focus:v,valid:k,invalid:u,required:M,disabled:C,valueIconName:S,popup:R,opened:w,adaptive:D,adaptiveSettings:se,adaptiveTitle:fe,adaptiveSubtitle:we,...$e}=e,Xe="colorpicker-popup";return Kl(Yb,{children:[Kl(ht,{...$e,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:k,invalid:u,required:M,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":w?"true":"false","aria-controls":w\|\|D?Xe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:r(e.className,fi,"k-icon-picker"),children:[mt(tt,{children:s}),mt(oo,{placeholder:h,value:m,showValue:!1,valueIcon:mt(Yt,{className:"k-value-icon",color:m,iconName:S}),valueIconName:S}),mt(ot,{children:c}),mt(d,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),w&&R&&mt(ae,{id:Xe,className:"k-colorpicker-popup",children:R}),D&&mt(me,{adaptive:!0,id:Xe,...se,header:mt(Re,{actionsEnd:mt(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:fe,subtitle:we}),footer:Kl(Ut,{children:[mt(d,{text:"Cancel",size:"large"}),mt(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:mt(be,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ye.states=Jb;Ye.options=qb;Ye.className=fi;Ye.defaultOptions=Ti;Ye.moduleName=ui;Ye.folderName=bi;Ye.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Qt=Ye;import{jsx as Qb}from"react/jsx-runtime";var nr=e=>Qb(Qt,{...e});import{jsx as ZH}from"react/jsx-runtime";import{jsx as aK}from"react/jsx-runtime";import{jsx as sK}from"react/jsx-runtime";import{jsx as pK}from"react/jsx-runtime";import{jsx as fK}from"react/jsx-runtime";import{jsx as NK}from"react/jsx-runtime";import{jsx as co}from"react/jsx-runtime";var Zb=Qt.options,jb=Qt.states,hi={...Qt.defaultOptions,variant:"color"},ef=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],tf=[{name:"opened",title:"Opened"}],ka=e=>{let{variant:t,modifiers:o,...a}={...hi,...e},l={};Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?co(be,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return co("div",{style:s,children:co(nr,{...a,...l})});case"icon":return co("div",{style:s,children:co(nr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return co("div",{style:s,children:co(nr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};ka.options=Zb;ka.states=jb;ka.variants=ef;ka.defaultOptions=hi;ka.modifiers=tf;var Gl="combobox",xi=Gl;import{Fragment as Bl,jsx as xe,jsxs as va}from"react/jsx-runtime";var Ni="k-combobox",of=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],af={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},gi={separators:!0},He=e=>{let{size:t,rounded:o,fillMode:a,separators:l=gi.separators,prefix:s,suffix:c,value:m,placeholder:h,hover:N,focus:v,valid:k,invalid:u,required:M,loading:C,disabled:S,popup:R,opened:w,readonly:D,adaptive:se,adaptiveSettings:fe,adaptiveTitle:we,adaptiveSubtitle:$e,adaptiveCustomValue:Xe,id:No,autocomplete:Nr,activeDescendant:Ga,"aria-label":id,...dd}=e,cd=No?`${No}-listbox`:void 0;return va(Bl,{children:[va(Te,{...dd,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:k,invalid:u,required:M,loading:C,disabled:S,readonly:D,className:r(e.className,Ni),children:[s&&va(Bl,{children:[xe(tt,{children:s}),l&&xe(at,{})]}),xe(Je,{placeholder:h,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":w?"true":"false","aria-controls":w?cd:void 0,"aria-activedescendant":w&&Ga?Ga:void 0,"aria-autocomplete":Nr,"aria-invalid":u?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":id,disabled:S,readOnly:D}),xe(Ie,{valid:k,invalid:u,loading:C,disabled:S}),xe(Be,{loading:C,disabled:S}),xe(We,{loading:C,disabled:S,readonly:D,value:m}),c&&va(Bl,{children:[l&&xe(at,{}),xe(ot,{children:c})]}),xe(d,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:S})]}),w&&R&&xe(ae,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:R}),se&&xe(me,{adaptive:!0,id:No?`${No}-adaptive`:void 0,...fe,header:xe(Re,{actionsEnd:xe(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:h,title:we,subtitle:$e}),children:xe("div",{className:"k-list-container",children:xe($,{customValue:Xe?xe(Wt,{text:`Use "${m}"`}):void 0,size:"large",children:va(q,{"aria-label":we\|\|"Options",children:[xe(B,{text:"List item"}),xe(B,{text:"List item"}),xe(B,{text:"List item"})]})})})})]})};He.states=of;He.options=af;He.className=Ni;He.defaultOptions=gi;He.moduleName=Gl;He.folderName=xi;He.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Qe=He;import{jsx as rf}from"react/jsx-runtime";var ki=e=>rf(Qe,{...e});import{jsx as tG,jsxs as oG}from"react/jsx-runtime";import{jsx as iG,jsxs as dG}from"react/jsx-runtime";import{jsx as fG,jsxs as TG}from"react/jsx-runtime";import{Fragment as vG,jsx as kG}from"react/jsx-runtime";import{Fragment as AG,jsx as SG}from"react/jsx-runtime";import{jsx as PG,jsxs as HG}from"react/jsx-runtime";import{Fragment as FG,jsx as zG,jsxs as UG}from"react/jsx-runtime";import{jsx as WG}from"react/jsx-runtime";import{jsx as QG}from"react/jsx-runtime";import{jsx as aB,jsxs as rB}from"react/jsx-runtime";import{jsx as cB,jsxs as pB}from"react/jsx-runtime";import{jsx as Zt,jsxs as pf}from"react/jsx-runtime";var lf=He.states,nf=He.defaultOptions,sf=He.options,df=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],cf=[],La=e=>{let{modifiers:t,...o}=e,a={},l=Zt($,{style:{width:300},size:o.size,children:pf(q,{children:[Zt(B,{children:"List item"}),Zt(B,{children:"List item"}),Zt(B,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?Zt(g,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?Zt(zt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?l:void 0;break;default:break}}),Zt("div",{children:Zt(ki,{value:"Value",style:{width:300},...o,...a})})};La.options=sf;La.states=lf;La.variants=cf;La.defaultOptions=nf;La.modifiers=df;var Dl="menu-button",vi=Dl;import{jsx as bf}from"react/jsx-runtime";var Li="k-menu-button",mf=[n.hover,n.focus,n.active,n.selected,n.disabled],uf={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},_l={showArrow:!0,arrowIconName:"caret-alt-down"},Q=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:m,selected:h,disabled:N,icon:v,text:k,showArrow:u=_l.showArrow,arrowIconName:M=_l.arrowIconName,expanded:C,...S}=e;return bf(d,{...S,className:r(e.className,Li),text:k,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:m,selected:h,disabled:N,icon:v,showArrow:u,arrowIconName:M,"aria-expanded":C?"true":"false",...!k&&v&&!e["aria-label"]&&{"aria-label":"Menu"},...N&&{"aria-disabled":"true"}})};Q.states=mf;Q.options=uf;Q.className=Li;Q.defaultOptions=_l;Q.moduleName=Dl;Q.folderName=vi;Q.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as VB}from"react/jsx-runtime";import{jsx as JB}from"react/jsx-runtime";import{jsx as ZB}from"react/jsx-runtime";var Ze="menu",ut=Ze;import{jsx as Ca,jsxs as Ci}from"react/jsx-runtime";var zl="k-menu-item",ff=[n.hover,n.focus,n.active,n.selected,n.disabled],Tf={},Mi={iconPosition:"before"},Ae=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:c,text:m,first:h,last:N,showArrow:v,arrowIconName:k,iconPosition:u=Mi.iconPosition,dir:M,children:C,expanded:S,...R}=e,w=k;return w\|\|(w=M==="rtl"?"caret-alt-left":"caret-alt-right"),Ci("li",{...R,className:r(e.className,zl,"k-item",A(zl,{focus:o,disabled:s,hover:t,active:a,selected:l}),{"k-first":h,"k-last":N}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":S?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ci("span",{className:r("k-link k-menu-link"),children:[c&&u==="before"&&Ca(g,{className:"k-menu-link-icon",icon:c}),Ca("span",{className:"k-menu-link-text",children:m}),c&&u==="after"&&Ca(g,{className:"k-menu-link-icon",icon:c}),v&&Ca("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ca(g,{icon:w})})]}),C]})};Ae.states=ff;Ae.options=Tf;Ae.className=zl;Ae.defaultOptions=Mi;Ae.moduleName=Ze;Ae.folderName=ut;import{jsx as Ma,jsxs as yi}from"react/jsx-runtime";var Ul="k-menu-item",hf=[n.hover,n.focus,n.active,n.selected,n.disabled],xf={},Fl={dir:"ltr",iconPosition:"before"},pe=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:c,text:m,first:h,last:N,showArrow:v,arrowIconName:k,iconPosition:u=Fl.iconPosition,dir:M=Fl.dir,children:C,popup:S,expanded:R,...w}=e,D=k;return D\|\|(D=M==="rtl"?"caret-alt-left":"caret-alt-right"),yi("li",{...w,className:r(e.className,Ul,"k-item",A(Ul,{focus:o,disabled:s}),{"k-first":h,"k-last":N}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":R?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[yi("span",{className:r("k-link k-menu-link",A("k-menu-link",{hover:t,active:a,selected:l,disabled:s})),children:[c&&u==="before"&&Ma(g,{className:"k-menu-link-icon",icon:c}),Ma("span",{className:"k-menu-link-text",children:m}),c&&u==="after"&&Ma(g,{className:"k-menu-link-icon",icon:c}),v&&Ma("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ma(g,{icon:D})})]}),C,S]})};pe.states=hf;pe.options=xf;pe.className=Ul;pe.defaultOptions=Fl;pe.moduleName=Ze;pe.folderName=ut;import{jsx as vf}from"react/jsx-runtime";var Si="k-menu-scroll-wrapper",Nf=[],gf={},kf={},po=e=>{let{className:t,children:o,orientation:a,...l}=e;return vf("div",{...l,className:r(t,Si,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};po.states=Nf;po.options=gf;po.className=Si;po.defaultOptions=kf;po.moduleName=Ze;po.folderName=ut;var Ai=po;import{Fragment as Vl,jsx as mo,jsxs as ir}from"react/jsx-runtime";var $l="k-menu",Lf=[],Cf={},dr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Me=e=>{let{children:t,orientation:o=dr.orientation,header:a=dr.header,scrollable:l,scrollButtonsPosition:s=dr.scrollButtonsPosition,wrapperStyles:c,dir:m,popup:h,contextMenu:N,...v}=e,k={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},u=mo("ul",{dir:m,...v,className:r(e.className,"k-reset",$l,{[`${$l}-${o}`]:o,"k-header":a}),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return ir(Vl,{children:[l?ir(Ai,{orientation:o,style:c,dir:e.dir,children:[s==="start"&&ir(Vl,{children:[mo(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),mo(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&mo(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),u,s==="end"&&ir(Vl,{children:[mo(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),mo(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&mo(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):u,h]})};Me.states=Lf;Me.options=Cf;Me.className=$l;Me.defaultOptions=dr;Me.moduleName=Ze;Me.folderName=ut;Me.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-haspopup=menu",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-expanded=true/false",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item[aria-haspopup][aria-controls]",attribute:"aria-controls=ul.k-menu-group id",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as Mf}from"react/jsx-runtime";var Xl="k-separator",Ei={orientation:"horizontal"},Oo=e=>{let{orientation:t=Ei.orientation,...o}=e;return Mf("li",{...o,className:r(e.className,"k-item",Xl,{[`${Xl}-${t}`]:t}),role:"separator"})};Oo.className=Xl;Oo.defaultOptions=Ei;Oo.moduleName=Ze;Oo.folderName=ut;import{Fragment as SD,jsx as AD}from"react/jsx-runtime";import{jsx as Ef}from"react/jsx-runtime";var Wl="k-menu-group",yf=[],Sf={size:[i.undefined,i.small,i.medium,i.large]},Af={},Ee=e=>{let{children:t,size:o,...a}=e;return Ef("ul",{...a,className:r(e.className,Wl,y(Wl,{size:o})),role:"menu",children:t})};Ee.states=yf;Ee.options=Sf;Ee.className=Wl;Ee.defaultOptions=Af;Ee.moduleName=Ze;Ee.folderName=ut;import{Fragment as wf,jsx as Po,jsxs as If}from"react/jsx-runtime";var Jl=e=>Po(Me,{children:If(wf,{children:[Po(Ae,{first:!0,text:"Item 1"}),Po(Ae,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Po(Ae,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Po(Ae,{text:"Item 4"}),Po(Ae,{last:!0,text:"Item 5"})]}),...e});import{Fragment as UD,jsx as _D,jsxs as zD}from"react/jsx-runtime";import{Fragment as WD,jsx as XD,jsxs as JD}from"react/jsx-runtime";import{Fragment as jD,jsx as ZD,jsxs as e1}from"react/jsx-runtime";import{Fragment as l1,jsx as r1,jsxs as n1}from"react/jsx-runtime";import{jsx as uo,jsxs as Kf}from"react/jsx-runtime";var Rf=Me.options,Of=Me.states,wi={...Me.defaultOptions,variant:"horizontal"},Pf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Hf=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],ya=e=>{let{variant:t,modifiers:o,...a}={...wi,...e},l={};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"scrollable":l.scrollable=!!o?.[s];break;case"opened":l.opened=!!o?.[s],l.popup=uo(ae,{className:"k-menu-popup",children:Kf(Ee,{children:[uo(pe,{text:"Item 1"}),uo(pe,{text:"Item 2"}),uo(Oo,{}),uo(pe,{text:"Item 3"})]})});break}}),t==="vertical"?uo(Jl,{...a,...l,orientation:"vertical",style:{width:"200px"}}):uo(Jl,{...a,...l})};ya.options=Rf;ya.states=Of;ya.variants=Pf;ya.defaultOptions=wi;ya.modifiers=Hf;import{Fragment as B1,jsx as K1,jsxs as G1}from"react/jsx-runtime";import{jsx as U1}from"react/jsx-runtime";import{Fragment as zf,jsx as Mt,jsxs as Ii}from"react/jsx-runtime";var Gf=d.states,Ri={...d.defaultOptions,variant:"text"},Bf=d.options,Df=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],_f=[{name:"opened",title:"Opened"}],Sa=e=>{let{variant:t,modifiers:o,...a}={...Ri,...e},l={},s=Mt(ae,{className:"k-menu-popup",children:Ii(Ee,{size:a.size,children:[Mt(pe,{first:!0,text:"Menu Item"}),Mt(pe,{text:"Menu Item"}),Mt(pe,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=Mt("div",{children:Mt(Q,{...a,...l,icon:"star"})});break;case"icon-and-text":c=Mt("div",{children:Mt(Q,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:c=Mt("div",{children:Mt(Q,{...a,...l,children:"Dropdown Button"})});break}return Ii(zf,{children:[c,o?.opened&&s]})};Sa.options=Bf;Sa.states=Gf;Sa.variants=Df;Sa.defaultOptions=Ri;Sa.modifiers=_f;var ql="split-button",Oi=ql;import{Fragment as Vf,jsx as Yl,jsxs as Pi}from"react/jsx-runtime";var Ql="k-split-button",Uf=[n.hover,n.focus,n.active,n.selected,n.disabled],Ff={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Hi={arrowIconName:"caret-alt-down"},X=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:m,selected:h,disabled:N,icon:v,text:k,arrowIconName:u=Hi.arrowIconName,popup:M,opened:C,popupId:S,...R}=e;return Pi(Vf,{children:[Pi("div",{...R,className:r(e.className,Ql,"k-button-group",y(Ql,{rounded:o})),children:[Yl(d,{text:k,icon:v,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:m,selected:h,disabled:N,...!k&&!e.children&&v&&{"aria-label":"Action"},children:e.children}),Yl(d,{className:"k-split-button-arrow",icon:u,size:t,rounded:o,fillMode:a,disabled:N,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?S:void 0,tabIndex:-1,...N&&{"aria-disabled":"true"}})]}),C&&M&&Yl(ae,{className:"k-menu-popup",children:M})]})};X.states=Uf;X.options=Ff;X.className=Ql;X.defaultOptions=Hi;X.moduleName=ql;X.folderName=Oi;X.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Zl=X;import{jsx as Xf}from"react/jsx-runtime";var $f="k-toolbar-separator",Tt=e=>Xf("div",{className:r($f,e.className,"k-separator")});var Ot="toolbar",jt=Ot;import{Fragment as jl,jsx as W,jsxs as Ho}from"react/jsx-runtime";var Pt="k-toolbar",Wf=[n.focus],Jf={size:[i.undefined,i.small,i.medium,i.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},qf={scrollButtons:"around"},Z=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:s,scrollButtons:c,scrollingPosition:m,section:h,...N}=e,v=[],k=(u,M)=>{let C=[];if(u.type===d&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))C.push(W(d,{...u.props,className:`${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===d)C.push(W(d,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===$o)C.push(W($o,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===zt)C.push(W(zt,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===Q)C.push(W(Q,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===Zl)C.push(W(Zl,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===K\|\|u.props.className&&u.props.className.includes("k-button-group")){let S=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((w,D)=>{S.push(W(d,{...w.props,className:`${w.props.className?w.props.className:""}`},`${D}-${new Date().getTime()}`))}),C.push(W(K,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:S},`${M}-${new Date().getTime()}`))}else u.type===He?C.push(W(He,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):u.type===Y?C.push(W(Y,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):u.type===Ye?C.push(W(Ye,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):C.push(u);C.forEach(S=>{v.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,C)=>{k(M,C)}),Ho("div",{...N,className:r(e.className,Pt,y(Pt,{size:t,fillMode:o}),A(Pt,{focus:a}),{[`${Pt}-resizable`]:l,[`${Pt}-scrollable`]:s,[`${Pt}-scrollable-overlay`]:s&&c==="hidden",[`${Pt}-scrollable-${m}`]:m&&m!=="both",[`${Pt}-section`]:h}),role:"toolbar","aria-label":"Toolbar",children:[!s&&v,s&&c==="hidden"&&W("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),s&&c==="start"&&Ho(jl,{children:[Ho(K,{children:[W("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:W(g,{className:"k-button-icon",icon:"caret-alt-left"})}),W("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:W(g,{className:"k-button-icon",icon:"caret-alt-right"})})]}),W(Tt,{className:"k-toolbar-button-separator"}),W("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v})]}),s&&c==="end"&&Ho(jl,{children:[W("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),W(Tt,{className:"k-toolbar-button-separator"}),Ho(K,{children:[W("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:W(g,{className:"k-button-icon",icon:"caret-alt-left"})}),W("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:W(g,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(c==="around"\|\|!c)&&Ho(jl,{children:[W("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:W(g,{className:"k-button-icon",icon:"caret-alt-left"})}),W(Tt,{className:"k-toolbar-button-separator"}),W("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),W(Tt,{className:"k-toolbar-button-separator"}),W("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:W(g,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};Z.states=Wf;Z.options=Jf;Z.className=Pt;Z.defaultOptions=qf;Z.moduleName=Ot;Z.folderName=jt;Z.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the section toggle button."}]};import{jsx as jf}from"react/jsx-runtime";var Ki="k-floating-toolbar",Yf=[],Qf={},Zf={},Ko=e=>{let{...t}=e;return jf("div",{...t,className:r(e.className,Ki),children:e.children})};Ko.states=Yf;Ko.options=Qf;Ko.className=Ki;Ko.defaultOptions=Zf;Ko.moduleName=Ot;Ko.folderName=jt;import{jsx as aT}from"react/jsx-runtime";var en="k-toolbar-item",eT=[n.focus],tT={},oT={},Go=e=>{let{focus:t,...o}=e;return aT("div",{...o,className:r(e.className,en,A(en,{focus:t})),children:e.children})};Go.states=eT;Go.options=tT;Go.className=en;Go.defaultOptions=oT;Go.moduleName=Ot;Go.folderName=jt;import{jsx as Gi}from"react/jsx-runtime";var Bi="k-toolbar-popup",rT=[],lT={size:[i.undefined,i.small,i.medium,i.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},nT={},bo=e=>{let{size:t,fillMode:o,section:a,...l}=e;return Gi(ae,{...l,className:r(e.className,Bi),children:a?Gi("span",{className:r("k-toolbar-items-list",y("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};bo.states=rT;bo.options=lT;bo.className=Bi;bo.defaultOptions=nT;bo.moduleName=Ot;bo.folderName=jt;var cr=bo;import{jsx as $_}from"react/jsx-runtime";import{jsx as q_}from"react/jsx-runtime";import{jsx as j_}from"react/jsx-runtime";import{jsx as l2,jsxs as n2}from"react/jsx-runtime";import{jsx as c2}from"react/jsx-runtime";import{jsx as Ht,jsxs as pT}from"react/jsx-runtime";var sT=X.states,Di={...X.defaultOptions,variant:"text"},iT=X.options,dT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],cT=[{name:"opened",title:"Opened"}],Aa=e=>{let{variant:t,modifiers:o,...a}={...Di,...e},l={},s=pT(Ee,{size:a.size,children:[Ht(pe,{first:!0,text:"Menu Item"}),Ht(pe,{text:"Menu Item"}),Ht(pe,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?s:"")}),t){case"icon-only":return Ht("div",{children:Ht(X,{...a,...l,icon:"star"})});case"icon-and-text":return Ht("div",{children:Ht(X,{...a,...l,icon:"star",children:"Split Button"})});default:return Ht("div",{children:Ht(X,{...a,...l,children:"Split Button"})})}};Aa.options=iT;Aa.states=sT;Aa.variants=dT;Aa.defaultOptions=Di;Aa.modifiers=cT;import{jsx as fo,jsxs as mT}from"react/jsx-runtime";var _i=e=>fo(Z,{children:[fo(d,{children:"Button"},"toolbar-button"),fo(Q,{text:"Menu button"},"toolbar-menu-button"),fo(X,{children:"Split button"},"toolbar-split-button"),mT(K,{children:[fo(d,{className:"k-group-start",icon:"align-left",children:"Left"}),fo(d,{icon:"align-center",children:"Center"}),fo(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as D2,jsxs as _2}from"react/jsx-runtime";import{jsx as je,jsxs as zi}from"react/jsx-runtime";var Ui=e=>je(Z,{scrollable:!0,...e,children:[je(d,{children:"Button"},"toolbar-button"),je(Q,{text:"Menu button"},"toolbar-menu-button"),je(X,{children:"Split button"},"toolbar-split-button"),zi(K,{children:[je(d,{className:"k-group-start",icon:"align-left",children:"Left"}),je(d,{icon:"align-center",children:"Center"}),je(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),je(d,{children:"Button"},"toolbar-button"),je(Q,{text:"Menu button"},"toolbar-menu-button"),je(X,{children:"Split button"},"toolbar-split-button"),zi(K,{children:[je(d,{className:"k-group-start",icon:"align-left",children:"Left"}),je(d,{icon:"align-center",children:"Center"}),je(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as et,jsxs as Fi}from"react/jsx-runtime";var Vi=({scrollingPosition:e="start",...t})=>et(Z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[et(d,{children:"Button"},"toolbar-button"),et(Q,{text:"Menu button"},"toolbar-menu-button"),et(X,{children:"Split button"},"toolbar-split-button"),Fi(K,{children:[et(d,{className:"k-group-start",icon:"align-left",children:"Left"}),et(d,{icon:"align-center",children:"Center"}),et(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),et(d,{children:"Button"},"toolbar-button"),et(Q,{text:"Menu button"},"toolbar-menu-button"),et(X,{children:"Split button"},"toolbar-split-button"),Fi(K,{children:[et(d,{className:"k-group-start",icon:"align-left",children:"Left"}),et(d,{icon:"align-center",children:"Center"}),et(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as uT,jsx as Fe,jsxs as pr}from"react/jsx-runtime";var $i=({fillMode:e,size:t,...o})=>pr(uT,{children:[Fe(Z,{section:!0,fillMode:e,size:t,children:[Fe(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),pr(K,{fillMode:e,children:[Fe(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Fe(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Fe(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Fe(Tt,{className:"k-toolbar-button-separator"}),Fe(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),pr(cr,{size:t,fillMode:e,section:!0,...o,children:[Fe(X,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Fe(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Fe(Tt,{}),Fe(Q,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),pr(K,{fillMode:e,children:[Fe(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Fe(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Fe(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as N3,jsx as h3,jsxs as x3}from"react/jsx-runtime";import{Fragment as w3,jsx as A3,jsxs as E3}from"react/jsx-runtime";import{jsx as eo}from"react/jsx-runtime";var bT=Z.options,fT=Z.states,Xi={...Z.defaultOptions,variant:"default"},TT=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],hT=[],Ea=e=>{let{variant:t,...o}={...Xi,...e};switch(t){case"responsive":return eo("div",{children:eo($i,{style:{width:"583px"},...o})});case"overlay":return eo("div",{children:eo(Vi,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return eo("div",{children:eo(Ui,{style:{width:"583px"},...o})});default:return eo("div",{children:eo(_i,{style:{width:"583px"},...o})})}};Ea.options=bT;Ea.states=fT;Ea.variants=TT;Ea.defaultOptions=Xi;Ea.modifiers=hT;import{jsx as xT}from"react/jsx-runtime";var Wi="k-grid-toolbar",To=e=>xT(Z,{...e,className:r(e.className,Wi),children:e.children});To.className=Wi;To.moduleName=z;To.folderName=F;import{jsx as tn,jsxs as gT}from"react/jsx-runtime";var on="k-grid-stack-cell",NT=[n.focus,n.selected],mr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:s,focus:c,selected:m,...h}=e;return gT("div",{...h,className:r(e.className,on,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":s},A(on,{focus:c,selected:m})),children:[s&&tn("span",{className:"k-dirty"}),t&&tn("div",{className:"k-grid-stack-header",children:t}),tn("div",{className:"k-grid-stack-content",children:o}),e.children]})};mr.states=NT;mr.className=on;mr.moduleName=z;mr.folderName=F;import{jsx as kT}from"react/jsx-runtime";var Ji="k-grid-stack-row",ur=e=>{let{cols:t,...o}=e;return kT("div",{...o,className:r(e.className,Ji,{[`k-grid-cols-${t}`]:t}),children:e.children})};ur.className=Ji;ur.moduleName=z;ur.folderName=F;import{Fragment as N5,jsx as h5,jsxs as x5}from"react/jsx-runtime";import{Fragment as y5,jsx as C5,jsxs as M5}from"react/jsx-runtime";import{Fragment as O5,jsx as I5,jsxs as R5}from"react/jsx-runtime";import{Fragment as vT,jsx as L,jsxs as ne}from"react/jsx-runtime";var qi=({contentClassName:e,...t})=>L(V,{_renderAriaRoot:!0,pager:L(vt,{refresh:!1}),children:ne(vT,{children:[L(ie,{children:L("div",{className:"k-grid-header-wrap",children:ne(ce,{children:[ne("colgroup",{children:[L("col",{}),L("col",{style:{width:"225px"}}),L("col",{}),L("col",{}),L("col",{})]}),ne(j,{children:[ne(E,{children:[L(I,{rowspan:1,colspan:1,columnTitle:"Product Id"}),L(I,{rowspan:1,colspan:1,columnTitle:"Name"}),L(I,{rowspan:1,colspan:1,columnTitle:"Quantity"}),L(I,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),L(I,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),ne(E,{className:"k-filter-row",children:[L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(_,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(re,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(re,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(_,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(Y,{}),L("div",{className:"k-filtercell-operator",children:L(d,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),L(ee,{children:L(te,{className:e,children:ne(oe,{children:[ne("colgroup",{children:[L("col",{}),L("col",{style:{width:"225px"}}),L("col",{}),L("col",{}),L("col",{})]}),ne(de,{children:[ne(E,{className:"k-master-row",children:[L(p,{children:"1"}),L(p,{children:"Chai"}),L(p,{children:"10 boxes x 20 bags"}),L(p,{children:"18"}),L(p,{children:"false"})]}),ne(E,{className:"k-master-row",alt:!0,children:[L(p,{children:"2"}),L(p,{children:"Chang"}),L(p,{children:"24 - 12 oz bottles"}),L(p,{children:"19"}),L(p,{children:"false"})]}),ne(E,{className:"k-master-row",children:[L(p,{children:"3"}),L(p,{children:"Aniseed Syrup"}),L(p,{children:"12 - 550 ml bottles"}),L(p,{children:"10"}),L(p,{children:"false"})]}),ne(E,{className:"k-master-row",alt:!0,children:[L(p,{children:"4"}),L(p,{children:"Chef Anton's Cajun Seasoning"}),L(p,{children:"48 - 6 oz jars"}),L(p,{children:"22"}),L(p,{children:"false"})]}),ne(E,{className:"k-master-row",children:[L(p,{children:"5"}),L(p,{children:"Grandma's Boysenberry Spread"}),L(p,{children:"12 - 8 oz jars"}),L(p,{children:"25"}),L(p,{children:"false"})]})]})]})})})]}),...t});import{jsx as br}from"react/jsx-runtime";var LT="k-chip-action";var Ne=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=br(g,{icon:"x-circle",size:"small"});break;case"more":a=br(g,{icon:"more-vertical",size:"small"});break;default:return br(g,{icon:t,size:"small"})}return br("span",{...o,className:r(e.className,LT,`k-chip-${t}-action`),children:a})};var an="avatar",Yi=an;import{jsx as Qi}from"react/jsx-runtime";var wa="k-avatar";var CT=[n.hover,n.focus,n.active,n.selected,n.disabled],MT={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},rn={type:"text",border:!1},Ve=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:s=rn.type,border:c=rn.border,...m}=e;return Qi("div",{...m,className:r(e.className,wa,y(wa,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${wa}-bordered`]:c}),children:Qi("span",{className:`${wa}-${s}`,children:e.children})})};Ve.states=CT;Ve.options=MT;Ve.className=wa;Ve.defaultOptions=rn;Ve.moduleName=an;Ve.folderName=Yi;Ve.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var ho=Ve;import{jsx as yT}from"react/jsx-runtime";var Zi=e=>yT(ho,{type:"icon",...e});import{jsx as ST}from"react/jsx-runtime";var ji=e=>ST(ho,{type:"text",...e});import{jsx as AT}from"react/jsx-runtime";var ed=e=>AT(ho,{type:"image",...e});import{jsx as dz}from"react/jsx-runtime";import{jsx as Ia}from"react/jsx-runtime";var ET=Ve.options,wT=Ve.states,IT={...Ve.defaultOptions,variant:"image"},RT=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],OT=[],Ra=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ia(Zi,{...o,children:Ia(g,{icon:"star"})});case"text":return Ia(ji,{...o,children:"JO"});default:return Ia(ed,{...o,children:Ia("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Ra.options=ET;Ra.states=wT;Ra.variants=RT;Ra.defaultOptions=IT;Ra.modifiers=OT;var Oa="chip",fr=Oa;import{jsx as Bo,jsxs as KT}from"react/jsx-runtime";var Tr="k-chip",PT=[n.hover,n.focus,n.active,n.selected,n.disabled],HT={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[f.undefined,f.base,f.success,f.warning,f.error,f.info]},td={avatarImage:"/packages/html/assets/avatar.jpg"},ge=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:s,icon:c,actions:m,showAvatar:h,avatarImage:N=td.avatarImage,hover:v,focus:k,active:u,selected:M,disabled:C,...S}=e;return KT("div",{...S,className:r(e.className,Tr,y(Tr,{size:t,rounded:o,fillMode:a,themeColor:l}),A(Tr,{hover:v,focus:k,active:u,disabled:C,selected:M})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:M?"true":"false","aria-selected":e.role==="option"?M?"true":"false":void 0,"aria-disabled":C?"true":void 0,children:[c&&Bo(g,{className:"k-chip-icon",icon:c,size:"small"}),h&&Bo(Ve,{className:"k-chip-avatar",type:"image",children:Bo("img",{src:N,alt:""})}),Bo("span",{className:"k-chip-content",children:e.children?e.children:s&&Bo("span",{className:"k-chip-label",children:s})}),m&&Bo("span",{className:"k-chip-actions",children:m})]})};ge.states=PT;ge.options=HT;ge.className=Tr;ge.defaultOptions=td;ge.moduleName=Oa;ge.folderName=fr;ge.ariaSpec={selector:".k-chip",rules:[{selector:":not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:":not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var bt=ge;import{jsx as _T}from"react/jsx-runtime";var ln="k-chip-list",GT=[],BT={size:[i.undefined,i.small,i.medium,i.large]},DT={},ke=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return _T("div",{...l,className:r(e.className,ln,y(ln,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};ke.states=GT;ke.options=BT;ke.className=ln;ke.defaultOptions=DT;ke.moduleName=Oa;ke.folderName=fr;ke.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};import{jsx as Dz}from"react/jsx-runtime";import{jsx as Fz}from"react/jsx-runtime";import{jsx as zT}from"react/jsx-runtime";var hr=e=>zT(bt,{text:"text",...e});import{jsx as Qz}from"react/jsx-runtime";import{jsx as t6}from"react/jsx-runtime";import{Fragment as s6,jsx as n6,jsxs as i6}from"react/jsx-runtime";import{jsx as u6,jsxs as b6}from"react/jsx-runtime";import{jsx as N6,jsxs as g6}from"react/jsx-runtime";import{jsx as y6,jsxs as S6}from"react/jsx-runtime";import{jsx as Do,jsxs as WT}from"react/jsx-runtime";var UT={...bt.options,...ke.options},FT=[],VT=ke.states,$T={...bt.defaultOptions,...ke.defaultOptions},XT=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Pa=e=>{let{modifiers:t,className:o,...a}=e,l=t?.icon,s=t?.actions,c=t?.avatar;return WT(ke,{size:a.size,className:o,children:[Do(hr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Do(Ne,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),Do(hr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Do(Ne,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),Do(hr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Do(Ne,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};Pa.options=UT;Pa.states=VT;Pa.variants=FT;Pa.defaultOptions=$T;Pa.modifiers=XT;import{jsx as nn}from"react/jsx-runtime";var JT=ge.states,qT=ge.defaultOptions,YT=ge.options,QT=[],ZT=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Ha=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"icon":a.icon=t?.[l]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[l],a.avatarImage=t?.[l]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions\|\|(a.actions=[]),a.actions[0]=t?.[l]?nn(Ne,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t?.[l]?nn(Ne,{type:"remove"}):void 0;break;default:break}}),nn(ge,{...o,...a,children:"Chip component"})};Ha.options=YT;Ha.states=JT;Ha.variants=QT;Ha.defaultOptions=qT;Ha.modifiers=ZT;import{Fragment as sn,jsx as O,jsxs as Ke}from"react/jsx-runtime";var od=({dropClue:e,contentClassName:t,...o})=>O(V,{_renderAriaRoot:!0,groupingHeader:O(Kt,{dropClue:e,children:Ke(ke,{children:[O(ge,{icon:"sort-asc-small",text:"ID",actions:Ke(sn,{children:[O(Ne,{type:"more"}),O(Ne,{type:"remove"})]})}),O(ge,{icon:"sort-desc-small",text:"Name",actions:Ke(sn,{children:[O(Ne,{type:"more"}),O(Ne,{type:"remove"})]})})]})}),children:Ke(sn,{children:[O(ie,{draggable:!0,children:O("div",{className:"k-grid-header-wrap",children:Ke(ce,{children:[Ke("colgroup",{children:[O("col",{className:"k-group-col"}),O("col",{className:"k-group-col"}),O("col",{}),O("col",{}),O("col",{}),O("col",{})]}),O(j,{children:Ke(E,{children:[O(I,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),O(I,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),O(I,{colspan:1,columnTitle:"ID"}),O(I,{colspan:1,columnTitle:"Name"}),O(I,{colspan:1,columnTitle:"Price"}),O(I,{colspan:1,columnTitle:"Category"})]})})]})})}),O(ee,{children:O(te,{className:t,children:Ke(oe,{children:[Ke("colgroup",{children:[O("col",{className:"k-group-col"}),O("col",{className:"k-group-col"}),O("col",{}),O("col",{}),O("col",{}),O("col",{})]}),Ke(de,{children:[O(E,{className:"k-table-group-row k-grouping-row",children:O(p,{colspan:6,children:Ke("p",{className:"k-reset",children:[O(g,{icon:"caret-alt-right"}),"ID: 1"]})})}),O(E,{className:"k-table-group-row k-grouping-row",children:O(p,{colspan:6,children:Ke("p",{className:"k-reset",children:[O(g,{icon:"caret-alt-down"}),"ID: 2"]})})}),Ke(E,{className:"k-table-group-row k-grouping-row",children:[O(p,{className:"k-table-group-td k-group-cell"}),O(p,{colspan:5,children:Ke("p",{className:"k-reset",children:[O(g,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),Ke(E,{className:"k-master-row",alt:!0,children:[O(p,{className:"k-table-group-td k-group-cell"}),O(p,{className:"k-table-group-td k-group-cell"}),O(p,{colspan:0,children:"2"}),O(p,{colspan:0,children:"Chang"}),O(p,{colspan:0,children:"$19.00"}),O(p,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as f9,jsx as u9,jsxs as b9}from"react/jsx-runtime";import{Fragment as L9,jsx as k9,jsxs as v9}from"react/jsx-runtime";import{Fragment as w9,jsx as A9,jsxs as E9}from"react/jsx-runtime";import{Fragment as jT,jsx as G,jsxs as Ge}from"react/jsx-runtime";var ad=({headerWrapClassName:e,contentClassName:t,...o})=>G(V,{_renderAriaRoot:!0,children:Ge(jT,{children:[G(ie,{children:G("div",{className:`k-grid-header-wrap ${e}`,children:Ge(ce,{children:[Ge("colgroup",{children:[G("col",{}),G("col",{}),G("col",{}),G("col",{})]}),Ge(j,{children:[Ge(E,{children:[G(I,{rowspan:3,colspan:1,columnTitle:"ID"}),G(I,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),Ge(E,{children:[G(I,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),G(I,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),Ge(E,{children:[G(I,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),G(I,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),G(ee,{children:G(te,{className:t,children:Ge(oe,{children:[Ge("colgroup",{children:[G("col",{}),G("col",{}),G("col",{}),G("col",{})]}),Ge(de,{children:[Ge(E,{className:"k-master-row",children:[G(p,{children:"1"}),G(p,{children:"Chai"}),G(p,{children:"39"}),G(p,{children:"18"})]}),Ge(E,{className:"k-master-row",alt:!0,children:[G(p,{children:"2"}),G(p,{children:"Chang"}),G(p,{children:"17"}),G(p,{children:"19"})]}),Ge(E,{className:"k-master-row",children:[G(p,{children:"3"}),G(p,{children:"Aniseed Syrup"}),G(p,{children:"13"}),G(p,{children:"10"})]}),Ge(E,{className:"k-master-row",alt:!0,children:[G(p,{children:"4"}),G(p,{children:"Chef Anton's Cajun Seasoning"}),G(p,{children:"53"}),G(p,{children:"22"})]}),Ge(E,{className:"k-master-row",children:[G(p,{children:"5"}),G(p,{children:"Chef Anton's Gumbo Mix"}),G(p,{children:"0"}),G(p,{children:"21.35"})]})]})]})})})]}),...o});import{Fragment as U9,jsx as _9,jsxs as z9}from"react/jsx-runtime";import{Fragment as q9,jsx as W9,jsxs as J9}from"react/jsx-runtime";import{Fragment as eh,jsx as H,jsxs as ft}from"react/jsx-runtime";var rd=e=>H(V,{_renderAriaRoot:!0,toolbar:ft(To,{children:[H(d,{children:"Add new"}),H(d,{children:"Save Changes"}),H(d,{children:"Cancel Changes"})]}),children:ft(eh,{children:[H(ie,{children:H("div",{className:"k-grid-header-wrap",children:ft(ce,{children:[ft("colgroup",{children:[H("col",{}),H("col",{}),H("col",{}),H("col",{style:{width:"300px"}})]}),H(j,{children:ft(E,{children:[H(I,{columnTitle:"Name"}),H(I,{columnTitle:"Price"}),H(I,{columnTitle:"Available"}),H(I,{accessibleLabel:"Commands"})]})})]})})}),H(ee,{children:H(te,{children:H("div",{children:ft(oe,{children:[ft("colgroup",{children:[H("col",{}),H("col",{}),H("col",{}),H("col",{style:{width:"300px"}})]}),ft(de,{children:[ft(E,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[H(p,{children:H(re,{value:"Towel"})}),H(p,{children:H(_,{value:"42"})}),H(p,{children:H(De,{})}),ft(p,{className:"k-command-cell",children:[H(d,{children:"Add"}),H(d,{children:"Cancel"})]})]}),ft(E,{className:"k-master-row",children:[H(p,{children:"Chai"}),H(p,{children:"18"}),H(p,{children:"false"}),H(p,{className:"k-command-cell",children:H(d,{children:"Remove"})})]}),ft(E,{className:"k-master-row",alt:!0,children:[H(p,{children:"Chang"}),H(p,{children:"19"}),H(p,{children:"false"}),H(p,{className:"k-command-cell",children:H(d,{children:"Remove"})})]})]})]})})})})]}),...e});import{Fragment as gU,jsx as NU,jsxs as kU}from"react/jsx-runtime";import{Fragment as xr,jsx as b,jsxs as J}from"react/jsx-runtime";var th=V.options,oh=V.states,ld={...V.defaultOptions,variant:"normal"},ah=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-menu",title:"Filter Menu"},{name:"filter-row",title:"Filter Row"},{name:"row-reordering",title:"Row Reordering"},{name:"multicolumn-headers",title:"Multicolumn Headers"},{name:"grouping",title:"Grouping"},{name:"editing",title:"Editing"}],rh=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Ka=e=>{let{variant:t,modifiers:o,...a}={...ld,...e},l={toolbar:void 0,pager:void 0},s=J(To,{children:[b(d,{icon:"plus",children:"Add New"}),b(d,{icon:"file-pdf",children:"Export to PDF"}),b("span",{className:"k-spacer"}),b(re,{prefix:b(g,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=b(he,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(N=>{switch(N){case"toolbar":l.toolbar=o?.[N]?s:void 0;break;case"pager":l.pager=o?.[N]?c:void 0;break;default:return}});let m={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},h=J(xr,{children:[b(ie,{children:b("div",{className:"k-grid-header-wrap",children:J(ce,{children:[J("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(j,{children:J(E,{children:[b(I,{...m[t],columnTitle:"ID"}),b(I,{...m[t],columnTitle:"Product Name"}),b(I,{...m[t],columnTitle:"Units in Stock"}),b(I,{...m[t],columnTitle:"Units Price"})]})})]})})}),b(ee,{children:b(te,{children:J(oe,{children:[J("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),J(de,{children:[J(E,{children:[b(p,{children:"1"}),b(p,{children:"Chai"}),b(p,{children:"39"}),b(p,{children:"18"})]}),J(E,{className:"k-alt",alt:!0,children:[b(p,{children:"2"}),b(p,{children:"Chang"}),b(p,{children:"17"}),b(p,{children:"19"})]}),J(E,{children:[b(p,{children:"3"}),b(p,{children:"Aniseed Syrup"}),b(p,{children:"13"}),b(p,{children:"10"})]}),J(E,{className:"k-alt",alt:!0,children:[b(p,{children:"4"}),b(p,{children:"Chef Anton's Cajun Seasoning"}),b(p,{children:"53"}),b(p,{children:"22"})]}),J(E,{children:[b(p,{children:"5"}),b(p,{children:"Chef Anton's Gumbo Mix"}),b(p,{children:"0"}),b(p,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return b(ad,{...a,...l});case"editing":return b(rd,{...a,...l});case"grouping":return b(od,{...a,...l,groupingHeader:b(Kt,{children:J(ke,{children:[b(ge,{icon:"sort-asc-small",actions:J(xr,{children:[b(Ne,{type:"more"}),b(Ne,{type:"remove"})]}),children:"ID"}),b(ge,{icon:"sort-desc-small",actions:J(xr,{children:[b(Ne,{type:"more"}),b(Ne,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return b(V,{...a,...l,children:J(xr,{children:[b(ie,{children:J("div",{className:"k-grid-header-wrap",children:[" ",J(ce,{children:[J("colgroup",{children:[b("col",{className:"k-drag-col"}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(j,{children:J(E,{children:[b(I,{className:"k-drag-cell",accessibleLabel:"Reorder"}),b(I,{columnTitle:"ID"}),b(I,{columnTitle:"Product Name"}),b(I,{columnTitle:"Units in Stock"}),b(I,{columnTitle:"Units Price"})]})})]})]})}),b(ee,{children:b(te,{children:J(oe,{children:[J("colgroup",{children:[b("col",{className:"k-drag-col"}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),J(de,{children:[J(E,{children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"1"}),b(p,{children:"Chai"}),b(p,{children:"39"}),b(p,{children:"18"})]}),J(E,{className:"k-alt",alt:!0,children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"2"}),b(p,{children:"Chang"}),b(p,{children:"17"}),b(p,{children:"19"})]}),J(E,{children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"3"}),b(p,{children:"Aniseed Syrup"}),b(p,{children:"13"}),b(p,{children:"10"})]}),J(E,{className:"k-alt",alt:!0,children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"4"}),b(p,{children:"Chef Anton's Cajun Seasoning"}),b(p,{children:"53"}),b(p,{children:"22"})]}),J(E,{children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"5"}),b(p,{children:"Chef Anton's Gumbo Mix"}),b(p,{children:"0"}),b(p,{children:"21.35"})]})]})]})})})]})});case"filter-row":return b(qi,{...a,...l});default:return b(V,{...a,...l,children:h})}};Ka.options=th;Ka.states=oh;Ka.variants=ah;Ka.defaultOptions=ld;Ka.modifiers=rh;var dn="treelist",nd=dn;import{jsx as ih}from"react/jsx-runtime";var sd="k-treelist",lh=[],nh={},sh={},xo=e=>ih(V,{...e,className:r(sd,e.className),children:e.children});xo.states=lh;xo.options=nh;xo.className=sd;xo.defaultOptions=sh;xo.moduleName=dn;xo.folderName=nd;var S7=xo;export{xo as TreeList,S7 as default};