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

package/dist/esm/propertygrid/demos/propertygrid.mjs

@@ -1 +1 @@
-var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),R=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:s,checked:c,active:u,selected:f,disabled:N,indeterminate:v,loading:L,empty:b,readonly:w,highlighted:S,...E}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":s,"k-checked":c,"k-active":u,"k-selected":f,"k-disabled":N,"k-indeterminate":v&&!c,"k-loading":L,"k-empty":b,"k-readonly":w,"k-highlighted":S},Object.keys(E).reduce((P,O)=>(O.startsWith("k-")?P[O]=E[O]:P[`k-${O}`]=E[O],P),{}))};function Kn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},x={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},g={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},h={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 ee="grid",ae=ee;import{jsx as Zd,jsxs as jd}from"react/jsx-runtime";var lr="k-grid",qd=[],Yd={size:[d.undefined,d.small,d.medium,d.large]},Qd=[],Bn={pagerPosition:"bottom"},X=e=>{let{size:t,pagerPosition:o=Bn.pagerPosition,toolbar:a,pager:l,groupingHeader:s,gridSelectionAggregates:c,_renderAriaRoot:u,resizable:f,...N}=e;return jd("div",{...N,className:r(e.className,lr,{[`${lr}-resizable`]:f},A(lr,{size:t})),children:[a,o==="top"&&l,s,e.children&&u?Zd("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&l]})};X.states=qd;X.options=Yd;X.variants=Qd;X.className=lr;X.defaultOptions=Bn;X.moduleName=ee;X.folderName=ae;import{jsx as ec}from"react/jsx-runtime";var Dn="k-grid-header",J=e=>{let{draggable:t,...o}=e;return ec("div",{...o,className:r(e.className,Dn,{"k-grid-draggable-header":t}),children:e.children})};J.className=Dn;J.moduleName=ee;J.folderName=ae;import{jsx as _n,jsxs as tc}from"react/jsx-runtime";var zn="k-grouping-header",qt=e=>{let{dropHint:t,dropClue:o,...a}=e;return tc("div",{...a,className:r(e.className,zn),children:[o&&_n("div",{className:"k-grouping-dropclue"}),e.children,_n("div",{className:"k-grouping-drop-container",children:t})]})};qt.className=zn;qt.moduleName=ee;qt.folderName=ae;import{jsx as oc}from"react/jsx-runtime";var Un="k-grid-sticky-container",Fn={position:"top"},nr=e=>{let{position:t=Fn.position,...o}=e;return oc("div",{...o,className:r(e.className,Un,{"k-grid-sticky-top-container":t==="top","k-grid-sticky-bottom-container":t==="bottom"}),children:e.children})};nr.className=Un;nr.defaultProps=Fn;nr.moduleName=ee;nr.folderName=ae;var we="table",Ke=we;import{jsx as nc}from"react/jsx-runtime";var $n="k-data-table",ac=[],rc={size:[d.undefined,d.small,d.medium,d.large]},lc={},Dt=e=>{let{size:t,...o}=e;return nc("div",{...o,className:r(e.className,$n,A("k-table",{size:t})),children:e.children})};Dt.states=ac;Dt.options=rc;Dt.className=$n;Dt.defaultOptions=lc;Dt.moduleName=we;Dt.folderName=Ke;import{jsx as cc}from"react/jsx-runtime";var $r="k-table-header-wrap",ic=[n.hover,n.focus,n.disabled],sc={},dc={},Yt=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return cc("div",{...s,className:r(e.className,$r,R($r,{hover:o,focus:a,disabled:l})),children:t})};Yt.states=ic;Yt.options=sc;Yt.className=$r;Yt.defaultOptions=dc;Yt.moduleName=we;Yt.folderName=Ke;import{jsx as bc}from"react/jsx-runtime";var Vr="k-table",pc=[],mc={size:[d.undefined,d.small,d.medium,d.large]},uc={},Be=e=>{let{size:t,...o}=e;return bc("table",{...o,className:r(e.className,Vr,A(Vr,{size:t})),children:e.children})};Be.states=pc;Be.options=mc;Be.className=Vr;Be.defaultOptions=uc;Be.moduleName=we;Be.folderName=Ke;import{jsx as Wr}from"react/jsx-runtime";var Xr="k-table-header",fc=[n.hover,n.focus,n.disabled],Tc={},hc={},_t=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return Wr("div",{...s,className:r(e.className,Xr,R(Xr,{hover:o,focus:a,disabled:l})),children:Wr(Yt,{children:Wr(Be,{children:t})})})};_t.states=fc;_t.options=Tc;_t.className=Xr;_t.defaultOptions=hc;_t.moduleName=we;_t.folderName=Ke;import{jsx as kc}from"react/jsx-runtime";var Vn="k-table-scroller",xc=[],Nc={},gc={},Po=e=>{let{children:t,...o}=e;return kc("div",{...o,className:r(e.className,Vn),children:t})};Po.states=xc;Po.options=Nc;Po.className=Vn;Po.defaultOptions=gc;Po.moduleName=we;Po.folderName=Ke;import{jsx as xN}from"react/jsx-runtime";import{jsx as yc}from"react/jsx-runtime";var Wn="k-table-footer",vc=[],Lc={},Cc={},Qt=e=>{let{children:t,...o}=e;return yc("div",{...o,className:r(e.className,Wn),children:t})};Qt.states=vc;Qt.options=Lc;Qt.className=Wn;Qt.defaultOptions=Cc;Qt.moduleName=we;Qt.folderName=Ke;import{jsx as Ac}from"react/jsx-runtime";var Jr="k-table-list",Mc=[],Sc={size:[d.undefined,d.small,d.medium,d.large]},wc={},Zt=e=>{let{size:t,virtualization:o,...a}=e;return Ac("ul",{...a,className:r(e.className,"k-table",Jr,A(Jr,{size:t}),{"k-virtual-table":o}),children:e.children})};Zt.states=Mc;Zt.options=Sc;Zt.className=Jr;Zt.defaultOptions=wc;Zt.moduleName=we;Zt.folderName=Ke;import{jsx as Rc}from"react/jsx-runtime";var Ec="k-table-thead",V=e=>Rc("thead",{className:r(e.className,Ec),children:e.children});import{jsx as Oc}from"react/jsx-runtime";var Ic="k-table-tbody",te=e=>Oc("tbody",{className:r(e.className,Ic),children:e.children});import{jsx as GN}from"react/jsx-runtime";import{jsx as Hc}from"react/jsx-runtime";var qr="k-table-row",Pc=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],k=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:s,alt:c,...u}=e;return Hc("tr",{...u,className:r(e.className,qr,{"k-table-alt-row":c},R(qr,{hover:t,focus:o,disabled:s,selected:a,highlighted:l})),children:e.children})};k.states=Pc;k.className=qr;import{jsx as Kc}from"react/jsx-runtime";var Yr="k-table-row",Gc=[n.hover,n.focus,n.selected,n.disabled],ir=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:s,...c}=e;return Kc("li",{...c,className:r(e.className,Yr,{"k-table-alt-row":s},R(Yr,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};ir.states=Gc;ir.className=Yr;import{jsx as Bc}from"react/jsx-runtime";var Xn="k-table-th",zt=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,s=t||e.children;return Bc("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,Xn),children:s})};zt.className=Xn;zt.moduleName=we;zt.folderName=Ke;import{jsx as YN}from"react/jsx-runtime";import{jsx as _c}from"react/jsx-runtime";var Qr="k-table-td",Dc=[n.focus,n.selected,n.highlighted],i=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:s,rowspan:c,...u}=e,f=l||e.children;return _c("td",{colSpan:s,rowSpan:c,...u,className:r(e.className,Qr,R(Qr,{focus:t,selected:o,highlighted:a})),children:f})};i.states=Dc;i.className=Qr;import{jsx as ag}from"react/jsx-runtime";import{jsx as ig}from"react/jsx-runtime";import{jsx as pg}from"react/jsx-runtime";import{jsx as fg}from"react/jsx-runtime";import{jsx as Ng}from"react/jsx-runtime";import{jsx as Mg,jsxs as Sg}from"react/jsx-runtime";import{jsx as Rg,jsxs as Ig}from"react/jsx-runtime";import{jsx as Gg,jsxs as Kg}from"react/jsx-runtime";import{Fragment as Fg,jsx as zg,jsxs as Ug}from"react/jsx-runtime";import{jsx as $c}from"react/jsx-runtime";var qn="k-grid-header-table",q=e=>$c(Be,{...e,className:r(e.className,qn),children:e.children});q.className=qn;q.moduleName=ee;q.folderName=ae;import{Fragment as Jc,jsx as Yn}from"react/jsx-runtime";var Zr="k-font-icon",Vc=[],Wc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark]},Xc={},la=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:s,...c}=e;return a?Yn("span",{...c,className:r(e.className,Zr,A(Zr,{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"}):Yn(Jc,{})};la.states=Vc;la.options=Wc;la.className=Zr;la.defaultOptions=Xc;var Qn=la;import{Fragment as Qc,jsx as sr}from"react/jsx-runtime";var jr="k-svg-icon",qc=[],Yc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark]},Zn={viewBox:"0 0 24 24"},na=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:s=Zn.viewBox,icon:c,...u}=e;if(!c)return sr(Qc,{});if(c==="none")return sr("span",{...u,className:r(e.className,jr,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name;return sr("span",{...u,className:r(e.className,jr,A("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`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:sr("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})})};na.states=qc;na.options=Yc;na.className=jr;na.defaultOptions=Zn;var el=na;import*as tl from"@progress/kendo-svg-icons";var jn="icon",ei="icons";import{useContext as jc}from"react";import{createContext as Zc}from"react";var ti=Zc({iconsType:"svg"});import{Fragment as oi,jsx as ia}from"react/jsx-runtime";var dr="k-icon",ep=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),tp=[],op={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark]},ol={viewBox:"0 0 24 24",type:"svg"},m=e=>{let{iconsType:t}=jc(ti),{size:o,themeColor:a,icon:l,type:s=t||ol.type,rotate:c,flip:u,viewBox:f=ol.viewBox,...N}=e;if(!l)return ia(oi,{});if((t||s)==="svg"){if(l==="none")return ia(el,{...N,className:r(e.className,dr),icon:l,size:o});let L=tl[l]?l:ep(`${l}-icon`);return tl[L]?ia(el,{...N,className:r(e.className,dr),icon:tl[L],size:o,themeColor:a,rotate:c,flip:u,viewBox:f}):ia(oi,{})}return ia(Qn,{...N,className:r(e.className,dr),icon:l,size:o,themeColor:a,rotate:c,flip:u})};m.states=tp;m.options=op;m.defaultOptions=ol;m.className=dr;m.moduleName=jn;m.folderName=ei;m.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};import{jsx as jt,jsxs as al}from"react/jsx-runtime";var rl="k-header",ap=[n.hover,n.focus,n.active],ai={sortIcon:"sort-asc-small"},y=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:s,columnTitle:c,hover:u,focus:f,active:N,sortIcon:v=ai.sortIcon,sortOrder:L,accessibleLabel:b,...w}=e;return al(zt,{...w,className:r(e.className,rl,{"k-filterable":t||a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":s},R(rl,{hover:u,focus:f,active:N})),children:[c&&al("span",{className:"k-cell-inner",children:[al("span",{className:"k-link",children:[jt("span",{className:"k-column-title",children:c}),o&&jt("span",{className:"k-sort-icon",children:jt(m,{icon:v})}),L&&jt("span",{className:"k-sort-order",children:L})]}),t&&jt("a",{href:"#",className:r("k-grid-header-menu",{"k-active":N,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:jt(m,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&b&&jt("span",{className:"k-sr-only",children:b}),e.children,s&&jt("span",{className:"k-column-resizer k-touch-action-none"})]})};y.states=ap;y.className=rl;y.defaultOptions=ai;y.moduleName=ee;y.folderName=ae;import{jsx as rp}from"react/jsx-runtime";var ri="k-grid-container",re=e=>rp("div",{...e,className:r(e.className,ri),children:e.children});re.className=ri;re.moduleName=ee;re.folderName=ae;import{jsx as lp}from"react/jsx-runtime";var li="k-grid-content",Y=e=>lp("div",{...e,className:r(e.className,li),children:e.children});Y.className=li;Y.moduleName=ee;Y.folderName=ae;import{jsx as np}from"react/jsx-runtime";var ni="k-grid-table",Q=e=>np(Be,{...e,className:r(e.className,ni),children:e.children});Q.className=ni;Q.moduleName=ee;Q.folderName=ae;import{jsx as ip}from"react/jsx-runtime";var ii="k-grid-footer",ll=e=>ip("div",{...e,className:r(e.className,ii),children:e.children});ll.className=ii;ll.moduleName=ee;ll.folderName=ae;import{jsx as sp}from"react/jsx-runtime";var si="k-grid-footer-table",nl=e=>sp(Be,{...e,className:r(e.className,si),children:e.children});nl.className=si;nl.moduleName=ee;nl.folderName=ae;var il="button",di=il;import{Fragment as mp,jsx as sa,jsxs as ci}from"react/jsx-runtime";var da="k-button",dp=["icon-button"],cp=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],pp={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},sl={showArrow:!1,arrowIconName:"caret-alt-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:s,showArrow:c=sl.showArrow,arrowIconName:u=sl.arrowIconName,variant:f,hover:N,focus:v,active:L,selected:b,disabled:w,togglable:S,icon:E,text:P,iconClassName:O,className:F,...fe}=e,ve=E!==void 0,ze=e.children!==void 0;return ci(t,{className:r(F,da,Kn(da,f),A(da,{size:o,rounded:a,fillMode:l,themeColor:s}),R(da,{hover:N,focus:v,active:L,disabled:w,selected:b}),{"k-icon-button":!P&&!ze&&ve}),...fe,"aria-pressed":S?b?"true":"false":void 0,disabled:w||void 0,children:[E&&sa(m,{className:r(O,"k-button-icon"),icon:E}),P?ci(mp,{children:[P&&sa("span",{className:"k-button-text",children:P}),e.children]}):e.children&&sa("span",{className:"k-button-text",children:e.children}),c&&sa("span",{className:"k-menu-button-arrow k-button-arrow",children:sa(m,{icon:u})})]})};p.states=cp;p.options=pp;p.variants=dp;p.className=da;p.defaultOptions=sl;p.moduleName=il;p.folderName=di;p.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 up}from"react/jsx-runtime";var eo=e=>up(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as bp}from"react/jsx-runtime";var ca=e=>bp(p,{icon:"folder",children:"Button",...e});import{jsx as fp}from"react/jsx-runtime";var fo=e=>fp(p,{children:"Button",...e});import{jsx as dl}from"react/jsx-runtime";var Tp=p.options,hp=p.states,xp={...p.defaultOptions,variant:"text"},Np=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],gp=[],pa=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return dl(eo,{...o,icon:"star"});case"icon-and-text":return dl(ca,{...o,icon:"star",children:"Button"});default:return dl(fo,{...o,children:"Button"})}};pa.options=Tp;pa.states=hp;pa.variants=Np;pa.defaultOptions=xp;pa.modifiers=gp;var ma="input",cr=ma;import{jsx as Cp}from"react/jsx-runtime";var pr="k-input",kp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],vp={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},Lp={},Le=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:u,size:f,rounded:N,fillMode:v,...L}=e;return Cp("span",{...L,className:r(e.className,pr,A(pr,{size:f,rounded:N,fillMode:v}),R(pr,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:u}))})};Le.states=kp;Le.options=vp;Le.className=pr;Le.defaultOptions=Lp;Le.moduleName=ma;Le.folderName=cr;import{jsx as wp}from"react/jsx-runtime";var mr="k-picker",yp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Mp={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},Sp={},Et=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:u,size:f,rounded:N,fillMode:v,...L}=e;return wp("span",{...L,className:r(e.className,mr,A(mr,{size:f,rounded:N,fillMode:v}),R(mr,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:u})),children:e.children})};Et.states=yp;Et.options=Mp;Et.className=mr;Et.defaultOptions=Sp;Et.moduleName=ma;Et.folderName=cr;import{Fragment as Rp,jsx as cl}from"react/jsx-runtime";var pi="k-clear-value",Ap=[n.disabled,n.loading,n.readonly],Ep={},rt=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?cl(Rp,{}):cl("span",{className:r(e.className,pi),children:cl(m,{icon:"x"})})};rt.states=Ap;rt.options=Ep;rt.className=pi;import{jsx as Pp}from"react/jsx-runtime";var pl="k-input-inner",Ip=[],Op={},ur={type:"text",autocomplete:"off",value:"",placeholder:""},lt=e=>{let{value:t=ur.value,type:o=ur.type,placeholder:a=ur.placeholder,autocomplete:l=ur.autocomplete,disabled:s,readOnly:c,...u}=e;return Pp("input",{...u,type:o,className:r(e.className,pl,A(pl,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:s||void 0,readOnly:c||void 0})};lt.states=Ip;lt.options=Op;lt.className=pl;import{jsx as mi,jsxs as Kp}from"react/jsx-runtime";var ml="k-input-inner",Hp=[],Gp={},To=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:s,...c}=e;return Kp("span",{...c,className:r(e.className,ml,A(ml,e)),children:[l,!l&&s&&mi(m,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&mi("span",{className:"k-input-value-text",children:t})]})};To.states=Hp;To.options=Gp;To.className=ml;import{jsx as _p}from"react/jsx-runtime";var ul="k-input-inner",Bp=[],Dp={},ui={value:"",placeholder:""},bl=e=>{let{value:t=ui.value,placeholder:o=ui.placeholder,rows:a,disabled:l,...s}=e;return _p("textarea",{...s,className:r(e.className,ul,A(ul,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};bl.states=Bp;bl.options=Dp;bl.className=ul;import{Fragment as Up,jsx as bi}from"react/jsx-runtime";var fi="k-input-loading-icon",zp=[n.disabled,n.loading],qe=e=>{let{disabled:t,loading:o}=e;return t||!o?bi(Up,{}):bi("span",{className:r(e.className,fi,"k-icon k-i-loading")})};qe.states=zp;qe.className=fi;import{Fragment as Vp,jsx as Ti}from"react/jsx-runtime";var hi="k-input-validation-icon",Fp=[n.valid,n.invalid,n.disabled,n.loading],$p={},Ue=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,s=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?Ti(Vp,{}):Ti(m,{className:r(hi),icon:s})};Ue.states=Fp;Ue.options=$p;Ue.className=hi;import{Fragment as Jp,jsx as xi}from"react/jsx-runtime";var Wp="k-input-prefix",Xp={direction:"horizontal"},mt=e=>{let{direction:t=Xp.direction,...o}=e;return e.children?xi("span",{...o,className:r(Wp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):xi(Jp,{})};import{Fragment as Qp,jsx as Ni}from"react/jsx-runtime";var qp="k-input-suffix",Yp={direction:"horizontal"},ut=e=>{let{direction:t=Yp.direction,...o}=e;return e.children?Ni("span",{...o,className:r(qp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ni(Qp,{})};import{jsx as OL}from"react/jsx-runtime";import{jsx as jp}from"react/jsx-runtime";var Zp="k-input-suffix-text",fl=e=>{let{children:t,...o}=e;return jp("span",{...o,className:r(Zp,e.className),children:t})};import{jsx as tm}from"react/jsx-runtime";var gi="k-input-separator",em={direction:"vertical"},bt=e=>{let{direction:t=em.direction,...o}=e;return tm("span",{...o,className:r(gi,e.className,{[`${gi}-${t}`]:t})})};import{Fragment as ki,jsx as Rt,jsxs as Tl}from"react/jsx-runtime";var om=Le.states,am=Le.defaultOptions,rm=Le.options,lm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],nm=[],ua=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:s,readonly:c,...u}=e,f=t?.prefix,N=t?.suffix,v=t?.["clear-button"],L=t?.["validation-icon"],b=t?.separators;return Tl(Le,{...u,valid:o,invalid:a,loading:l,disabled:s,readonly:c,style:{width:300},children:[f&&Tl(ki,{children:[Rt(mt,{children:Rt(m,{icon:"lock"})}),b&&Rt(bt,{})]}),Rt(lt,{placeholder:"Placeholder",value:"Value"}),L&&Rt(Ue,{valid:o,invalid:a,loading:l,disabled:s}),Rt(qe,{loading:l,disabled:s}),v&&Rt(rt,{loading:l,disabled:s,readonly:c,value:"Value"}),N&&Tl(ki,{children:[b&&Rt(bt,{}),Rt(ut,{children:Rt(fo,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ua.options=rm;ua.states=om;ua.variants=nm;ua.defaultOptions=am;ua.modifiers=lm;var hl="popup",vi=hl;import{jsx as Li}from"react/jsx-runtime";var Ci="k-animation-container",im=[],sm={},yi={positionMode:"absolute"},It=e=>{let{positionMode:t=yi.positionMode,animationStyle:o,offset:a,...l}=e;return Li("div",{...l,style:{...a,...e.style},className:r(e.className,Ci,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Li("div",{className:"k-child-animation-container",style:o,children:e.children})})};It.states=im;It.options=sm;It.className=Ci;It.defaultOptions=yi;It.moduleName=hl;It.folderName=vi;var xl="popup",Mi=xl;import{jsx as Si}from"react/jsx-runtime";var wi="k-popup",dm=[],cm={},Ai={positionMode:"absolute"},me=e=>{let{offset:t,positionMode:o=Ai.positionMode,animationStyle:a,containerClassName:l,containerRole:s,containerAriaLabel:c,...u}=e;return Si(It,{positionMode:o,offset:t,animationStyle:a,className:l,role:s,"aria-label":c,children:Si("div",{...u,className:r(e.className,wi),children:e.children})})};me.states=dm;me.options=cm;me.className=wi;me.defaultOptions=Ai;me.moduleName=xl;me.folderName=Mi;me.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var Nl="action-buttons",Ei=Nl;import{jsx as um}from"react/jsx-runtime";var br="k-actions",pm=[],mm={},gl={alignment:"start",orientation:"horizontal"},Ot=e=>{let{alignment:t=gl.alignment,orientation:o=gl.orientation,...a}=e;return um("div",{...a,className:r(br,{[`${br}-${t}`]:t,[`${br}-${o}`]:o},e.className),children:e.children})};Ot.states=pm;Ot.options=mm;Ot.className=br;Ot.defaultOptions=gl;Ot.moduleName=Nl;Ot.folderName=Ei;import{jsx as fm}from"react/jsx-runtime";var bm="k-actionsheet-footer",Ri={alignment:"stretched",orientation:"horizontal"},to=e=>{let{alignment:t=Ri.alignment,orientation:o=Ri.orientation,template:a,as:l=a?"div":Ot,...s}=e;return fm(l,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,bm),children:e.children})};var kl="searchbox",Ii=kl;import{jsx as ba,jsxs as xm}from"react/jsx-runtime";var Oi="k-searchbox",Tm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],hm={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},vl={showIcon:!0,icon:"search"},ft=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:s,hover:c,focus:u,valid:f,invalid:N,required:v,loading:L,disabled:b,showIcon:w=vl.showIcon,icon:S=vl.icon,...E}=e;return xm(Le,{...E,size:a,rounded:l,fillMode:s,hover:c,focus:u,valid:f,invalid:N,required:v,loading:L,disabled:b,className:r(e.className,Oi),children:[w&&ba(m,{className:"k-input-icon",icon:S}),ba(lt,{placeholder:o,value:t}),ba(qe,{...e}),ba(Ue,{...e}),ba(rt,{...e})]})};ft.states=Tm;ft.options=hm;ft.className=Oi;ft.defaultOptions=vl;ft.moduleName=kl;ft.folderName=Ii;import{jsx as ZC}from"react/jsx-runtime";var Ll="textbox",Pi=Ll;import{Fragment as Hi,jsx as oo,jsxs as Cl}from"react/jsx-runtime";var Gi="k-textbox",Nm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],gm={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},fr={showClearButton:!0,showValidationIcon:!0,separators:!0},ne=e=>{let{size:t,rounded:o,fillMode:a,separators:l=fr.separators,showClearButton:s=fr.showClearButton,showValidationIcon:c=fr.showValidationIcon,prefix:u,suffix:f,type:N,value:v,placeholder:L,hover:b,focus:w,valid:S,invalid:E,required:P,loading:O,disabled:F,readonly:fe,id:ve,"aria-label":ze,"aria-describedby":ot,...at}=e;return Cl(Le,{...at,size:t,rounded:o,fillMode:a,hover:b,focus:w,valid:S,invalid:E,required:P,loading:O,disabled:F,readonly:fe,className:r(e.className,Gi),children:[u&&Cl(Hi,{children:[oo(mt,{children:u}),l&&oo(bt,{})]}),oo(lt,{id:ve,placeholder:L,value:v,type:N,disabled:F,"aria-label":ze,"aria-describedby":ot,"aria-invalid":E?"true":void 0}),c&&oo(Ue,{valid:S,invalid:E,loading:O,disabled:F}),oo(qe,{loading:O,disabled:F}),s&&oo(rt,{loading:O,disabled:F,readonly:fe,value:v}),f&&Cl(Hi,{children:[l&&oo(bt,{}),oo(ut,{children:f})]})]})};ne.states=Nm;ne.options=gm;ne.className=Gi;ne.defaultOptions=fr;ne.moduleName=Ll;ne.folderName=Pi;ne.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 fa=ne;import{jsx as km}from"react/jsx-runtime";var Ki=e=>km(fa,{...e});import{Fragment as Ty,jsx as fy}from"react/jsx-runtime";import{Fragment as vy,jsx as ky}from"react/jsx-runtime";import{jsx as My}from"react/jsx-runtime";import{jsx as yl}from"react/jsx-runtime";var vm=ne.states,Lm=ne.defaultOptions,Cm=ne.options,ym=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Mm=[],Ta=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?yl(m,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[l]?yl(fo,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;default:break}}),yl(Ki,{value:"Value",style:{width:300},...o,...a})};Ta.options=Cm;Ta.states=vm;Ta.variants=Mm;Ta.defaultOptions=Lm;Ta.modifiers=ym;import{jsx as ao,jsxs as Ml}from"react/jsx-runtime";var Bi="k-actionsheet-titlebar",Sm={},Fe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:s,input:c,inputValue:u,inputPlaceholder:f,adaptive:N,titleId:v,children:L,...b}=e;return Ml("div",{...b,className:r(e.className,Bi),children:[Ml("div",{className:"k-actionsheet-titlebar-group",children:[a&&ao("div",{className:"k-actionsheet-actions",children:a}),!L&&Ml("div",{className:"k-actionsheet-title",id:v,children:[t&&ao("div",{className:"k-text-center",children:t}),o&&ao("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),L&&ao("div",{className:"k-actionsheet-title",id:v,children:L}),l&&ao("div",{className:"k-actionsheet-actions",children:l})]}),(c||s)&&ao("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?ao(ne,{value:u,placeholder:f,size:N?"large":"medium","aria-label":t||f||"Input"}):ao(ft,{placeholder:"Filter",size:N?"large":"medium","aria-label":"Filter options"})})]})};Fe.className=Bi;Fe.defaultOptions=Sm;import{jsx as Sl,jsxs as Rm}from"react/jsx-runtime";var wl="k-actionsheet-view",wm=[],Am={},Em={},Ho=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:s,titleId:c,...u}=e,f=l?.type===Fe&&Sl(Fe,{adaptive:t,titleId:c,...l?.props}),N=s?.type===to&&Sl(to,{...s?.props});return Rm("div",{...u,className:r(e.className,wl,{[`${wl}-animated`]:o}),children:[f,Sl("div",{className:"k-actionsheet-content",children:a}),N]})};Ho.states=wm;Ho.options=Am;Ho.className=wl;Ho.defaultOptions=Em;var ha="action-sheet",Tr=ha;var Al="overlay",Di=Al;import{jsx as Hm}from"react/jsx-runtime";var El="k-overlay",Im=[],Om={themeColor:[h.undefined,h.light,h.dark,h.inverse]},Pm={},ro=e=>{let{themeColor:t,...o}=e;return Hm("div",{...o,className:r(e.className,El,A(El,{themeColor:t})),children:e.children})};ro.states=Im;ro.options=Om;ro.className=El;ro.defaultOptions=Pm;ro.moduleName=Al;ro.folderName=Di;import{jsx as hr,jsxs as Bm}from"react/jsx-runtime";var _i="k-actionsheet",Gm=[],Km={},xa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},xe=e=>{let{side:t=xa.side,fullscreen:o=xa.fullscreen,adaptive:a=xa.adaptive,overlay:l=xa.overlay,template:s,children:c,header:u,footer:f,id:N,...v}=e,L=N&&!s&&u?`${N}-title`:void 0;return Bm("div",{className:"k-actionsheet-container",children:[l&&hr(ro,{}),hr(It,{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:hr("div",{...v,id:N,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":L,className:r(e.className,_i,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||hr(Ho,{header:u,footer:f,adaptive:a,titleId:L,...e,children:c})})})]})};xe.states=Gm;xe.options=Km;xe.className=_i;xe.defaultOptions=xa;xe.moduleName=ha;xe.folderName=Tr;xe.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 Um}from"react/jsx-runtime";var zi="k-actionsheet-container",Dm=[],_m={},zm={},Go=e=>{let{children:t,...o}=e;return Um("div",{...o,className:zi,children:t})};Go.states=Dm;Go.options=_m;Go.className=zi;Go.defaultOptions=zm;Go.moduleName=ha;Go.folderName=Tr;import{jsx as Fm}from"react/jsx-runtime";var Rl=e=>{let{...t}=e;return Fm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Vm,jsx as Na,jsxs as Il}from"react/jsx-runtime";var Ol="k-actionsheet-item",$m=[n.hover,n.focus,n.selected,n.disabled],lo=e=>{let{iconName:t,text:o,description:a,hover:l,focus:s,selected:c,disabled:u,...f}=e;return Il("span",{...f,className:r(e.className,Ol,R(Ol,{hover:l,focus:s,selected:c,disabled:u})),children:[!e.children&&Na(Vm,{children:Il("span",{className:"k-actionsheet-action",children:[t&&Na("span",{className:"k-icon-wrap",children:Na(m,{className:"k-actionsheet-item-icon",icon:t})}),Il("span",{className:"k-actionsheet-item-text",children:[o&&Na("span",{className:"k-actionsheet-item-title",children:o}),a&&Na("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};lo.states=$m;lo.className=Ol;import{jsx as yM,jsxs as MM}from"react/jsx-runtime";import{jsx as EM}from"react/jsx-runtime";import{jsx as PM}from"react/jsx-runtime";import{jsx as BM}from"react/jsx-runtime";import{jsx as Ae,jsxs as Pl}from"react/jsx-runtime";var Wm=xe.options,Xm=xe.states,Fi={...xe.defaultOptions,variant:"normal"},Jm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],qm=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ga=e=>{let{variant:t,modifiers:o,...a}={...Fi,...e},l={},s=Pl(Rl,{children:[Ae(lo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Ae(lo,{text:"Add to Favorites",iconName:"heart"}),Ae(lo,{text:"Upload New",iconName:"upload",disabled:!0}),Ae("hr",{className:"k-hr"}),Ae(lo,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",u="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":l.actionsStart=!!o?.[f],l.actionsEnd=!!o?.[f];break;case"subtitle":l.subtitle=o?.[f]?c:void 0;break;case"footer":l.footer=!!o?.[f];break;default:break}}),t==="adaptive"?Ae(xe,{...a,adaptive:!0,fullscreen:l.fullScreen,header:Ae(Fe,{actionsStart:l.actionsStart?Ae(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Ae(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?Pl(to,{alignment:"stretched",children:[Ae(p,{text:"Cancel",size:"large",themeColor:"base"}),Ae(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):Ae(xe,{...a,fullscreen:l.fullScreen,header:Ae(Fe,{actionsStart:l.actionsStart?Ae(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Ae(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Pl(to,{alignment:"stretched",children:[Ae(p,{text:"Apply",themeColor:"primary"}),Ae(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};ga.options=Wm;ga.states=Xm;ga.variants=Jm;ga.defaultOptions=Fi;ga.modifiers=qm;import Gl from"react";import{jsx as $i}from"react/jsx-runtime";var Ym="k-list-group-sticky-header",Hl=e=>$i("div",{className:r(Ym,e.className),children:$i("div",{className:"k-list-header-text",children:e.children})});import{jsx as Zm}from"react/jsx-runtime";var Qm="k-no-data",xr=e=>{let{live:t,...o}=e;return Zm("span",{...o,className:r(Qm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ho="list",Ko=ho;import{jsx as Vi,jsxs as Wi}from"react/jsx-runtime";var Kl="k-list",jm=[],eu={size:[d.undefined,d.small,d.medium,d.large]},tu={},Z=e=>{let{size:t,virtualization:o,children:a,header:l,optionLabel:s,customValue:c,noData:u,screenReaders:f,...N}=e,L=Gl.Children.toArray(a)[0],b=L?.props?.children?Gl.Children.count(L.props.children):Gl.Children.count(a);return Wi("div",{...N,className:r(e.className,Kl,A(Kl,{size:t}),{"k-virtual-list":o}),children:[s,c,l&&Vi(Hl,{children:l}),a||(u!==void 0?u:Vi(xr,{live:!0,children:"No data found."})),f&&a&&Wi(xr,{className:"k-sr-only",live:!0,children:[b," items found."]})]})};Z.states=jm;Z.options=eu;Z.className=Kl;Z.defaultOptions=tu;Z.moduleName=ho;Z.folderName=Ko;Z.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 lu}from"react/jsx-runtime";var Xi="k-list-container",ou=[],au={},ru={},Bo=e=>{let{...t}=e;return lu("div",{...t,className:r(e.className,Xi),children:e.children})};Bo.states=ou;Bo.options=au;Bo.className=Xi;Bo.defaultOptions=ru;Bo.moduleName=ho;Bo.folderName=Ko;var xo="checkbox",Do=xo;import{jsx as Ji}from"react/jsx-runtime";var Nr="k-checkbox",nu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],iu={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full]},su={},Ye=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:s,disabled:c,invalid:u,valid:f,required:N,size:v,rounded:L,...b}=e;return Ji("span",{className:"k-checkbox-wrap",children:Ji("input",{...b,id:t,type:"checkbox",defaultChecked:o,required:N,disabled:c||void 0,"aria-invalid":u?"true":void 0,className:r(e.className,Nr,A(Nr,{size:v,rounded:L}),R(Nr,{hover:l,focus:s,disabled:c,invalid:u,valid:f,indeterminate:a,checked:o}))})})};Ye.states=nu;Ye.options=iu;Ye.className=Nr;Ye.defaultOptions=su;Ye.moduleName=xo;Ye.folderName=Do;Ye.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 Pt=Ye;import{jsx as pu}from"react/jsx-runtime";var qi="k-checkbox-list",du=[],cu={},Yi={layout:"vertical"},Qe=e=>{let{layout:t=Yi.layout,...o}=e;return pu("ul",{...o,className:r(e.className,qi,{[`k-list-${t}`]:t}),children:e.children})};Qe.states=du;Qe.options=cu;Qe.className=qi;Qe.defaultOptions=Yi;Qe.moduleName=xo;Qe.folderName=Do;import{jsx as fu}from"react/jsx-runtime";var Qi="k-checkbox-list-item",mu=[],uu={},bu={},$e=e=>{let{...t}=e;return fu("li",{...t,className:r(e.className,Qi),children:e.children})};$e.states=mu;$e.options=uu;$e.className=Qi;$e.defaultOptions=bu;$e.moduleName=xo;$e.folderName=Do;import{Fragment as Tu,jsx as Zi,jsxs as hu}from"react/jsx-runtime";var Ut=({children:e,id:t,...o})=>hu(Tu,{children:[Zi(Pt,{id:t,...o}),Zi("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as XS,jsx as WS,jsxs as JS}from"react/jsx-runtime";import{Fragment as jS,jsx as ZS,jsxs as ew}from"react/jsx-runtime";import{Fragment as lw,jsx as rw,jsxs as nw}from"react/jsx-runtime";import{jsx as cw}from"react/jsx-runtime";import{jsx as bw}from"react/jsx-runtime";import{jsx as xw}from"react/jsx-runtime";import{jsx as Tt,jsxs as ji}from"react/jsx-runtime";var xu=Qe.options,Nu=Qe.states,gu={...Qe.defaultOptions,variant:"vertical"},ku=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],vu=[],ka=e=>{let{variant:t,...o}=e;return t==="horizontal"?ji(Qe,{layout:"horizontal",...o,children:[Tt($e,{children:Tt(Ut,{id:"first",defaultChecked:!0,children:"Label"})}),Tt($e,{children:Tt(Ut,{id:"second",children:"Label"})}),Tt($e,{children:Tt(Ut,{id:"third",children:"Label"})})]}):ji(Qe,{...o,children:[Tt($e,{children:Tt(Ut,{id:"first",defaultChecked:!0,children:"Label"})}),Tt($e,{children:Tt(Ut,{id:"second",children:"Label"})}),Tt($e,{children:Tt(Ut,{id:"third",children:"Label"})})]})};ka.options=xu;ka.states=Nu;ka.variants=ku;ka.defaultOptions=gu;ka.modifiers=vu;import{jsx as wu}from"react/jsx-runtime";var Lu=Pt.options,Cu=Pt.states,yu=Pt.defaultOptions,Mu=[],Su=[],va=e=>wu(Ut,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});va.options=Lu;va.states=Cu;va.variants=Mu;va.defaultOptions=yu;va.modifiers=Su;import{jsx as No,jsxs as Iu}from"react/jsx-runtime";var Bl="k-list-item",Au=[n.hover,n.focus,n.selected,n.disabled],Eu={},Ru={},z=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:s,showCheckbox:c,checked:u,hover:f,focus:N,selected:v,disabled:L,actions:b,description:w,id:S,...E}=e,P=t||e.children;return Iu("li",{...E,id:S,role:a?"presentation":"option",tabIndex:a?void 0:N?0:-1,"aria-selected":!a&&v?"true":a?void 0:"false","aria-disabled":!a&&L?"true":void 0,className:r(e.className,a?"k-list-group-item":Bl,R(Bl,{hover:f,focus:N,disabled:L,selected:v})),children:[c&&No(Ye,{checked:u}),l&&No("span",{className:"k-list-item-icon-wrapper",children:No(m,{icon:l,className:r("k-list-item-icon",s)})}),No("span",{className:"k-list-item-text",children:P}),b&&No("div",{className:"k-list-item-actions",children:b}),w&&No("span",{className:"k-list-item-description",children:w}),o&&o!==""&&No("div",{className:"k-list-item-group-label",children:o})]})};z.states=Au;z.options=Eu;z.className=Bl;z.defaultOptions=Ru;z.moduleName=ho;z.folderName=Ko;z.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as Pu}from"react/jsx-runtime";var Ou="k-list-ul",Ft=e=>{let{children:t,role:o,id:a,...l}=e;return Pu("ul",{...l,id:a,role:o,className:r(Ou,e.className),children:t})};Ft.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 Dl,jsxs as Gu}from"react/jsx-runtime";var Hu="k-list-content",se=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:s,...c}=e;return Gu("div",{...c,className:r(Hu,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:Dl(Ft,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&Dl("div",{className:"k-height-container",children:Dl("div",{})})]})};se.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 nA,jsx as lA,jsxs as iA}from"react/jsx-runtime";import{jsx as _l,jsxs as Bu}from"react/jsx-runtime";var Ku="k-list-group-item",go=e=>{let{groupIconName:t,...o}=e;return Bu("li",{...o,role:"presentation",className:r(Ku,e.className),children:[t&&_l("span",{className:"k-list-item-icon-wrapper",children:_l(m,{icon:t,className:"k-list-item-icon"})}),_l("span",{className:"k-list-item-text",children:e.children})]})};go.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as Uu}from"react/jsx-runtime";var zl="k-list-optionlabel",Du=[n.hover,n.focus,n.selected,n.disabled],_u={},zu={},gr=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...c}=e;return Uu("div",{...c,className:r(zl,R(zl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};gr.states=Du;gr.options=_u;gr.className=zl;gr.defaultOptions=zu;import{jsx as Wu}from"react/jsx-runtime";var Ul="k-list-custom-value",Fu=[n.hover,n.focus,n.selected,n.disabled],$u={},Vu={},no=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...c}=e;return Wu("div",{...c,className:r(Ul,R(Ul,{hover:o,focus:a,selected:l,disabled:s})),children:t})};no.states=Fu;no.options=$u;no.className=Ul;no.defaultOptions=Vu;import{Fragment as LA,jsx as vA,jsxs as CA}from"react/jsx-runtime";import{Fragment as EA,jsx as AA,jsxs as RA}from"react/jsx-runtime";import{Fragment as BA,jsx as GA,jsxs as KA}from"react/jsx-runtime";import{Fragment as VA,jsx as FA,jsxs as $A}from"react/jsx-runtime";import{jsx as qA}from"react/jsx-runtime";import{Fragment as tE,jsx as eE,jsxs as oE}from"react/jsx-runtime";var es="dropdown-list",ts="dropdownlist";import{Fragment as qu,jsx as Ve,jsxs as Fl}from"react/jsx-runtime";var os="k-dropdownlist",Xu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Ju={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},$l={showValue:!0,arrowIconName:"caret-alt-down"},ie=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=$l.arrowIconName,showValue:s=$l.showValue,valueIconName:c,prefix:u,suffix:f,value:N,placeholder:v,hover:L,focus:b,valid:w,invalid:S,required:E,loading:P,disabled:O,readonly:F,popup:fe,opened:ve,adaptive:ze,adaptiveSettings:ot,adaptiveTitle:at,adaptiveSubtitle:Oo,adaptiveFilter:Fr,...rr}=e;return Fl(qu,{children:[Fl(Et,{...rr,size:t,rounded:o,fillMode:a,hover:L,focus:b,valid:w,invalid:S,required:E,loading:P,disabled:O,readonly:F,className:r(e.className,os,{"k-icon-picker":!s&&c}),children:[Ve(mt,{children:u}),Ve(To,{placeholder:v,value:N,showValue:s,valueIconName:c}),Ve(Ue,{valid:w,invalid:S,loading:P,disabled:O}),Ve(qe,{loading:P,disabled:O}),Ve(ut,{children:f}),Ve(p,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":v||"Toggle dropdown"})]}),ve&&fe&&Ve(me,{className:"k-list-container k-dropdownlist-popup",children:fe}),ze&&Ve(xe,{adaptive:!0,...ot,header:Ve(Fe,{actionsEnd:Ve(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Fr,inputValue:N,inputPlaceholder:v,title:at,subtitle:Oo}),children:Ve("div",{className:"k-list-container",children:Ve(Z,{size:"large",children:Fl(se,{children:[Ve(z,{text:"List item"}),Ve(z,{text:"List item"}),Ve(z,{text:"List item"})]})})})})]})};ie.states=Xu;ie.options=Ju;ie.className=os;ie.defaultOptions=$l;ie.moduleName=es;ie.folderName=ts;import{jsx as PE}from"react/jsx-runtime";import{jsx as DE,jsxs as _E}from"react/jsx-runtime";import{Fragment as JE,jsx as WE,jsxs as XE}from"react/jsx-runtime";import{jsx as ZE}from"react/jsx-runtime";import{jsx as aR,jsxs as rR}from"react/jsx-runtime";import{Fragment as mR,jsx as cR,jsxs as pR}from"react/jsx-runtime";import{Fragment as tb,jsx as io,jsxs as as}from"react/jsx-runtime";var Yu=ie.states,Qu=ie.defaultOptions,Zu=ie.options,ju=[{name:"opened",title:"Opened"}],eb=[],Ca=e=>{let{modifiers:t,...o}=e,a={},l=as(tb,{children:[io("div",{className:"k-list-filter",children:io(ft,{})}),io(Z,{style:{width:300},size:o.size,children:as(se,{children:[io(z,{children:"List item"}),io(z,{children:"List item"}),io(z,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?l:void 0)}),io("div",{children:io(ie,{placeholder:"Value",style:{width:300},...o,...a})})};Ca.options=Zu;Ca.states=Yu;Ca.variants=eb;Ca.defaultOptions=Qu;Ca.modifiers=ju;import{jsx as rs,jsxs as nb}from"react/jsx-runtime";var ls="k-spin-button",rb=[],lb={size:[d.undefined,d.small,d.medium,d.large],fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link]},Vl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},so=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=Vl.increaseLabel,decreaseLabel:s=Vl.decreaseLabel,...c}=e;return nb("span",{...c,className:r(ls,e.className),children:[rs(p,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),rs(p,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};so.states=rb;so.options=lb;so.className=ls;so.defaultOptions=Vl;so.moduleName=null;so.folderName=null;var ns="numeric-textbox",is="numerictextbox";import{Fragment as ss,jsx as $t,jsxs as Wl}from"react/jsx-runtime";var ds="k-numerictextbox",ib=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],sb={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},kr={showSpinButton:!0,showClearButton:!0,separators:!0},$=e=>{let{size:t,rounded:o,fillMode:a,separators:l=kr.separators,showClearButton:s=kr.showClearButton,showSpinButton:c=kr.showSpinButton,prefix:u,suffix:f,value:N,placeholder:v,hover:L,focus:b,valid:w,invalid:S,required:E,loading:P,disabled:O,readonly:F,id:fe,"aria-label":ve,"aria-describedby":ze,...ot}=e;return Wl(Le,{...ot,size:t,rounded:o,fillMode:a,hover:L,focus:b,valid:w,invalid:S,required:E,loading:P,disabled:O,readonly:F,className:r(e.className,ds),children:[u&&Wl(ss,{children:[$t(mt,{children:u}),l&&$t(bt,{})]}),$t(lt,{id:fe,placeholder:v,value:N,role:"spinbutton",disabled:O,"aria-label":ve,"aria-describedby":ze,"aria-invalid":S?"true":void 0}),$t(Ue,{valid:w,invalid:S,loading:P,disabled:O}),$t(qe,{loading:P,disabled:O}),s&&$t(rt,{loading:P,disabled:O,readonly:F,value:N}),f&&Wl(ss,{children:[l&&$t(bt,{}),$t(ut,{children:f})]}),c&&$t(so,{className:"k-input-spinner",size:t,fillMode:a,disabled:O})]})};$.states=ib;$.options=sb;$.className=ds;$.defaultOptions=kr;$.moduleName=ns;$.folderName=is;$.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 ya=$;import{jsx as db}from"react/jsx-runtime";var cs=e=>db(ya,{...e});import{Fragment as QR,jsx as YR}from"react/jsx-runtime";import{Fragment as aI,jsx as oI}from"react/jsx-runtime";import{jsx as iI}from"react/jsx-runtime";import{jsx as Xl}from"react/jsx-runtime";var cb=$.states,pb=$.defaultOptions,mb=$.options,ub=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],bb=[],Ma=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Xl(ie,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[l]?Xl(fl,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;case"spin-button":a.showSpinButton=t?.[l];break;default:break}}),Xl(cs,{value:"Value",style:{width:300},...o,...a})};Ma.options=mb;Ma.states=cb;Ma.variants=bb;Ma.defaultOptions=pb;Ma.modifiers=ub;var Jl="pager",ps=Jl;import{Fragment as ms,jsx as Ze,jsxs as _o}from"react/jsx-runtime";var vr="k-pager",fb=[n.focus,n.disabled],Tb={size:[d.undefined,d.small,d.medium,d.large]},nt={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=nt.responsive,size:o,pagerSizeInfo:a=nt.pagerSizeInfo,pageTitleInfo:l=nt.pageTitleInfo,maxPagesInfo:s=nt.maxPagesInfo,itemsPerPage:c=nt.itemsPerPage,maxPages:u=nt.maxPages,currentPage:f=nt.currentPage,previousNext:N=nt.previousNext,type:v=nt.type,pageSizes:L=nt.pageSizes,refresh:b=nt.refresh,info:w=nt.info,focus:S,disabled:E,dir:P,...O}=e,F=[],fe=[];for(let ve=1;ve<=u;ve++)F.push(Ze(p,{selected:ve===f,fillMode:"flat",themeColor:"primary",size:o,children:ve})),fe.push(Ze("option",{selected:ve===f,children:ve}));return _o("div",{dir:P,...O,className:r(e.className,vr,A(vr,{size:o}),R(vr,{focus:S,disabled:E}),{"k-pager-responsive":t}),children:[_o("div",{className:r("k-pager-numbers-wrap"),children:[N&&_o(ms,{children:[Ze(p,{className:r("k-pager-nav","k-pager-first"),disabled:f===1&&!E,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),Ze(p,{className:r("k-pager-nav"),disabled:f===1&&!E,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-right":"caret-alt-left"})]}),v==="numeric"&&Ze("div",{className:r("k-pager-numbers"),children:F}),v==="input"&&_o("span",{className:r("k-pager-input"),children:[l&&Ze("span",{children:"Page"}),Ze($,{value:`${f}`,size:o,showSpinButton:!1,showClearButton:!1}),Ze("span",{children:s&&`of ${u}`})]}),N&&_o(ms,{children:[Ze(p,{className:r("k-pager-nav"),disabled:f===u&&!E,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-left":"caret-alt-right"}),Ze(p,{className:r("k-pager-nav","k-pager-last"),disabled:f===u&&!E,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),L&&_o("span",{className:r("k-pager-sizes"),children:[Ze(ie,{value:`${c}`,size:o}),a&&Ze("span",{children:"items per page"})]}),b&&Ze(p,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),w&&Ze("span",{className:r("k-pager-info"),children:w})]})};he.states=fb;he.options=Tb;he.className=vr;he.defaultOptions=nt;he.moduleName=Jl;he.folderName=ps;import{jsx as OI}from"react/jsx-runtime";import{jsx as KI}from"react/jsx-runtime";import{jsx as zI}from"react/jsx-runtime";import{jsx as us}from"react/jsx-runtime";var hb=he.options,xb=he.states,Nb={...he.defaultOptions,variant:"numeric"},gb=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],kb=[],Sa=e=>{let{variant:t,...o}=e;return t==="input"?us(he,{...o,type:"input"}):us(he,{...o,type:"numeric"})};Sa.options=hb;Sa.states=xb;Sa.variants=gb;Sa.defaultOptions=Nb;Sa.modifiers=kb;import{jsx as vb}from"react/jsx-runtime";var bs="k-grid-pager",Ht=e=>vb(he,{...e,className:r(e.className,bs),children:e.children});Ht.className=bs;Ht.moduleName=ee;Ht.folderName=ae;var ql="button",fs=ql;import{jsx as Mb}from"react/jsx-runtime";var wa="k-button-group",Lb=[n.disabled],Cb={fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link]},yb={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return Mb("div",{role:"group",...l,className:r(e.className,wa,A(wa,{fillMode:t}),R(wa,{disabled:o}),{[`${wa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=Lb;B.options=Cb;B.className=wa;B.defaultOptions=yb;B.moduleName=ql;B.folderName=fs;B.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as bO,jsx as uO,jsxs as fO}from"react/jsx-runtime";import{Fragment as kO,jsx as gO,jsxs as vO}from"react/jsx-runtime";import{Fragment as wO,jsx as SO,jsxs as AO}from"react/jsx-runtime";import{Fragment as HO,jsx as PO,jsxs as GO}from"react/jsx-runtime";import{Fragment as UO,jsx as zO,jsxs as FO}from"react/jsx-runtime";import{Fragment as qO,jsx as JO,jsxs as YO}from"react/jsx-runtime";import{jsx as Vt,jsxs as Yl}from"react/jsx-runtime";var Sb={...p.options,...B.options},wb=p.states,Ab={...p.defaultOptions,...B.defaultOptions,variant:"text-button"},Eb=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Rb=[],Aa=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Yl(B,{fillMode:a.fillMode,className:o,children:[Vt(p,{...a,icon:"star"}),Vt(p,{...a,icon:"star"}),Vt(p,{...a,icon:"star"})]}):t==="icon-text-button"?Yl(B,{fillMode:a.fillMode,className:o,children:[Vt(p,{...a,icon:"star",children:"First"}),Vt(p,{...a,icon:"star",children:"Middle"}),Vt(p,{...a,icon:"star",children:"Last"})]}):Yl(B,{fillMode:a.fillMode,className:o,children:[Vt(p,{...a,children:"First"}),Vt(p,{...a,children:"Middle"}),Vt(p,{...a,children:"Last"})]})};Aa.options=Sb;Aa.states=wb;Aa.variants=Eb;Aa.defaultOptions=Ab;Aa.modifiers=Rb;import{jsx as Ts,jsxs as Pb}from"react/jsx-runtime";var hs="k-color-preview",Ib=[],Ob={},co=e=>{let{color:t,iconName:o,...a}=e;return Pb("span",{...a,className:r(e.className,hs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Ts(m,{icon:o,className:"k-color-preview-icon"}),Ts("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};co.states=Ib;co.options=Ob;co.className=hs;var Ql="slider",xs=Ql;import{jsx as zo,jsxs as Zl}from"react/jsx-runtime";var Ea="k-slider",Hb=[n.hover,n.focus,n.active,n.disabled,n.readonly],Gb={},xt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ue=e=>{let{type:t=xt.type,orientation:o=xt.orientation,gradientType:a=xt.gradientType,readonly:l=xt.readonly,disabled:s=xt.disabled,handlePosition:c=xt.handlePosition,showButtons:u=xt.showButtons,showTicks:f=xt.showTicks,value:N=xt.value,min:v=xt.min,max:L=xt.max,startValue:b,endValue:w,hover:S,focus:E,active:P,trackStyle:O,dir:F,...fe}=e,ze=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ot,at;return o==="horizontal"?(ot=F==="rtl"?"caret-alt-left":"caret-alt-right",at=F==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(ot="caret-alt-up",at="caret-alt-down"),Zl("div",{...fe,className:r(Ea,e.className,R(Ea,{readonly:l,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:F,children:[u&&zo(p,{className:"k-button-decrease",rounded:"full",icon:at,tabIndex:-1,title:"Decrease"}),Zl("div",{className:"k-slider-track-wrap",children:[f&&zo("ul",{className:"k-reset k-slider-items",children:e.children}),Zl("div",{className:"k-slider-track",style:O,children:[zo("div",{className:"k-slider-selection"}),t==="range"&&zo("span",{className:r("k-draghandle","k-draghandle-start",R(Ea,{hover:S,focus:E,active:P})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":b??v,"aria-valuemin":v,"aria-valuemax":w??L,"aria-orientation":ze,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":fe["aria-label"]?`${fe["aria-label"]} start`:"Range start"}),zo("span",{className:r("k-draghandle",`k-draghandle-${c}`,R(Ea,{hover:S,focus:E,active:P})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?w??L:N,"aria-valuemin":t==="range"?b??v:v,"aria-valuemax":L,"aria-orientation":ze,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?fe["aria-label"]?`${fe["aria-label"]} end`:"Range end":fe["aria-label"]})]})]}),u&&zo(p,{className:"k-button-increase",rounded:"full",icon:ot,tabIndex:-1,title:"Increase"})]})};ue.states=Hb;ue.options=Gb;ue.className=Ea;ue.defaultOptions=xt;ue.moduleName=Ql;ue.folderName=xs;ue.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 Ns}from"react/jsx-runtime";var gs="k-tick",Kb=[],Bb={},ks={label:!1},G=e=>{let{style:t,label:o=ks.label,orientation:a,large:l,text:s,...c}=e;return Ns("li",{...c,className:r(e.className,gs,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&Ns("span",{className:"k-label",children:s})})};G.states=Kb;G.options=Bb;G.className=gs;G.defaultOptions=ks;import{Fragment as Db,jsx as Nt,jsxs as _b}from"react/jsx-runtime";var vs=e=>Nt(ue,{"aria-label":e["aria-label"]||"Slider",children:_b(Db,{children:[Nt(G,{className:"k-first",label:!0,large:!0,text:"0"}),Nt(G,{}),Nt(G,{}),Nt(G,{}),Nt(G,{}),Nt(G,{label:!0,large:!0,text:"5"}),Nt(G,{}),Nt(G,{}),Nt(G,{}),Nt(G,{}),Nt(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as zb,jsx as gt,jsxs as Ub}from"react/jsx-runtime";var Ls=e=>gt(ue,{children:Ub(zb,{children:[gt(G,{className:"k-first",label:!0,large:!0,text:"0"}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{label:!0,large:!0,text:"5"}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as GP,jsx as HP,jsxs as KP}from"react/jsx-runtime";import{Fragment as UP,jsx as zP,jsxs as FP}from"react/jsx-runtime";import{jsx as Fb}from"react/jsx-runtime";var jl=e=>Fb(ue,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as $b}from"react/jsx-runtime";var en=e=>$b(ue,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as e0,jsx as jP,jsxs as t0}from"react/jsx-runtime";import{Fragment as n0,jsx as l0,jsxs as i0}from"react/jsx-runtime";import{jsx as Gt,jsxs as Cs}from"react/jsx-runtime";var Vb=ue.options,Wb=ue.states,ys={...ue.defaultOptions,variant:"horizontal",label:!0},Xb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Jb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ra=e=>{let{variant:t,modifiers:o,...a}={...ys,...e},l={};Object.keys(o||{}).forEach(N=>{switch(N){case"button":{l.showButtons=!!o?.[N];break}case"label":{l.label=!!o?.[N];break}case"tick":{l.showTicks=!!o?.[N];break}}});let{label:s=!0,showButtons:c,showTicks:u}=l,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Cs(Ls,{showTicks:u,showButtons:c,style:{height:"300px",...f},...a,children:[Gt(G,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Gt(G,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Gt(G,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Gt(G,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Gt(G,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Cs(vs,{showTicks:u,showButtons:c,style:{width:"400px",...f},...a,children:[Gt(G,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Gt(G,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Gt(G,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Gt(G,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Gt(G,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ra.options=Vb;Ra.states=Wb;Ra.variants=Xb;Ra.defaultOptions=ys;Ra.modifiers=Jb;import{Fragment as Ia,jsx as W,jsxs as Ne}from"react/jsx-runtime";var Ms="k-colorgradient-inputs",qb=[],Yb={size:[d.undefined,d.small,d.medium,d.large]},Ss={mode:"rgba"},Uo=e=>{let{mode:t=Ss.mode,size:o,...a}=e;return Ne("div",{...a,className:r(Ms,"k-hstack"),children:[W("div",{className:"k-vstack",children:W(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Ne(Ia,{children:[Ne("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),W("label",{className:"k-colorgradient-input-label",children:"R"})]}),Ne("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),W("label",{className:"k-colorgradient-input-label",children:"G"})]}),Ne("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),W("label",{className:"k-colorgradient-input-label",children:"B"})]}),Ne("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),W("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Ne(Ia,{children:[Ne("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),W("label",{className:"k-colorgradient-input-label",children:"R"})]}),Ne("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),W("label",{className:"k-colorgradient-input-label",children:"G"})]}),Ne("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),W("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Ne(Ia,{children:[Ne("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),W("label",{className:"k-colorgradient-input-label",children:"H"})]}),Ne("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),W("label",{className:"k-colorgradient-input-label",children:"S"})]}),Ne("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),W("label",{className:"k-colorgradient-input-label",children:"V"})]}),Ne("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),W("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Ne(Ia,{children:[Ne("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),W("label",{className:"k-colorgradient-input-label",children:"H"})]}),Ne("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),W("label",{className:"k-colorgradient-input-label",children:"S"})]}),Ne("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),W("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&W(Ia,{children:Ne("div",{className:"k-vstack k-flex-1",children:[W(ne,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),W("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Uo.states=qb;Uo.options=Yb;Uo.className=Ms;Uo.defaultOptions=Ss;import{jsx as ko,jsxs as vo}from"react/jsx-runtime";var ws="k-colorgradient-color-contrast",Qb=[],Zb={},jb={},Fo=()=>vo("div",{className:r(ws,"k-vbox"),children:[vo("div",{className:"k-contrast-ratio",children:[ko("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),vo("span",{className:"k-contrast-validation !k-text-success",children:[ko(m,{icon:"check"}),ko(m,{icon:"check"})]})]}),vo("div",{children:[ko("span",{children:"AA: 4.5"}),vo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",ko(m,{icon:"check"})]})]}),vo("div",{children:[ko("span",{children:"AAA: 7.0"}),vo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",ko(m,{icon:"x"})]})]})]});Fo.states=Qb;Fo.options=Zb;Fo.className=ws;Fo.defaultOptions=jb;var As="color-gradient",Es="colorgradient";import{jsx as kt,jsxs as Oa}from"react/jsx-runtime";var Lr="k-colorgradient",ef=[n.hover,n.focus,n.readonly,n.disabled],tf={size:[d.undefined,d.small,d.medium,d.large]},Kt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},Ee=e=>{let{size:t,mode:o=Kt.mode,readonly:a=Kt.readonly,disabled:l=Kt.disabled,gradientStyle:s=Kt.gradientStyle,dragHandleStyle:c=Kt.dragHandleStyle,alphaStyle:u=Kt.alphaStyle,alphaStyleHorizontal:f=Kt.alphaStyleHorizontal,contrast:N=Kt.contrast,dir:v,hover:L,focus:b,hoverHandle:w,focusHandle:S,canvasOrientation:E=Kt.canvasOrientation,role:P,tabIndex:O,...F}=e;return Oa("div",{...F,role:P??"textbox","aria-label":P==="none"?void 0:"Color gradient",tabIndex:O??0,"aria-disabled":l?"true":void 0,className:r(e.className,Lr,A(Lr,{size:t}),R(Lr,{hover:L,focus:b,readonly:a,disabled:l})),dir:v,children:[!E||E==="horizontal"&&Oa("div",{className:"k-colorgradient-canvas k-hstack",children:[kt("div",{className:"k-hsv-rectangle",style:s,children:kt("div",{className:"k-hsv-gradient",children:kt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":w,"k-focus":S}),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})})}),Oa("div",{className:"k-hsv-controls k-hstack",children:[kt(en,{className:"k-hue-slider",hover:w,focus:S}),o!=="rgb"&&o!=="hsv"&&kt(en,{className:"k-alpha-slider",hover:w,focus:S,trackStyle:u})]})]}),E==="vertical"&&Oa("div",{className:"k-colorgradient-canvas k-vstack",children:[kt("div",{className:"k-hsv-rectangle",style:s,children:kt("div",{className:"k-hsv-gradient",children:kt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":w,"k-focus":S}),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})})}),Oa("div",{className:"k-hsv-controls k-vstack",children:[kt(jl,{className:"k-hue-slider",hover:w,focus:S}),o!=="rgb"&&o!=="hsv"&&kt(jl,{className:"k-alpha-slider",hover:w,focus:S,trackStyle:f})]})]}),kt(Uo,{mode:e.mode,size:t}),N&&kt(Fo,{})]})};Ee.states=ef;Ee.options=tf;Ee.className=Lr;Ee.defaultOptions=Kt;Ee.moduleName=As;Ee.folderName=Es;Ee.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as of}from"react/jsx-runtime";var Cr=e=>of(Ee,{...e});import{jsx as Q0}from"react/jsx-runtime";import{jsx as tH}from"react/jsx-runtime";import{jsx as tn}from"react/jsx-runtime";var af=Ee.options,rf=Ee.states,lf={...Ee.defaultOptions,variant:"rgba"},nf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],sf=[],Pa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return tn(Cr,{...o,mode:t});case"rgb":return tn(Cr,{...o,mode:t});default:return tn(Cr,{...o,mode:t})}};Pa.options=af;Pa.states=rf;Pa.variants=nf;Pa.defaultOptions=lf;Pa.modifiers=sf;import{jsx as df}from"react/jsx-runtime";var on=e=>df("tr",{role:"row",children:e.children});import{jsx as mf}from"react/jsx-runtime";var an="k-colorpalette-tile",cf=[n.hover,n.focus,n.selected],pf={},$o=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:s,...c}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return mf("td",{...c,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,an,R(an,{hover:a,focus:l,selected:s})),style:u})};$o.states=cf;$o.options=pf;$o.className=an;var Rs="color-palette",Is="colorpalette";import{jsx as Ha}from"react/jsx-runtime";var yr="k-colorpalette",uf=[n.disabled],bf={size:[d.undefined,d.small,d.medium,d.large]},Os={columns:10},je=e=>{let{size:t,palette:o,columns:a=Os.columns,tileSize:l,disabled:s,...c}=e,u=[];if(o){let f=a||o.columns,N=o.colors?o.colors:o;Array.isArray(N)&&Array.from({length:Math.ceil(N.length/f)},(v,L)=>{let b=[];N.slice(L*f,(L+1)*f).map((S,E)=>{b.push(Ha($o,{color:S,tileSize:l},E))});let w=Ha(on,{children:b},L);u.push(w)})}return Ha("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,yr,R(yr,{disabled:s}),A(yr,{size:t})),children:Ha("table",{className:"k-colorpalette-table",role:"none",children:Ha("tbody",{children:u.length>0?u:e.children})})})};je.states=uf;je.options=bf;je.className=yr;je.defaultOptions=Os;je.moduleName=Rs;je.folderName=Is;je.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 Mr=je;var Ga={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 ff}from"react/jsx-runtime";var Ps=e=>ff(Mr,{palette:Ga.basic,...e});import{jsx as GH}from"react/jsx-runtime";import{jsx as UH,jsxs as FH}from"react/jsx-runtime";import{jsx as vf}from"react/jsx-runtime";var Tf=je.options,hf=je.states,xf={...je.defaultOptions,variant:"basic"},Nf=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],gf={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}},kf=[],Ka=e=>{let{variant:t="basic",...o}=e,a=gf[t];return vf(Ps,{columns:a.columns,palette:a,...o})};Ka.options=Tf;Ka.states=hf;Ka.variants=Nf;Ka.defaultOptions=xf;Ka.modifiers=kf;var Hs="color-editor",Gs="coloreditor";import{jsx as vt,jsxs as Vo}from"react/jsx-runtime";var Sr="k-coloreditor",Lf=[n.focus],Cf={size:[d.undefined,d.small,d.medium,d.large]},Ba={view:"gradient",palette:Ga.office,actionButtons:!0,canvasOrientation:"horizontal"},ge=e=>{let{size:t,view:o=Ba.view,palette:a=Ba.palette,color:l,currentColor:s,focus:c,focusView:u,dir:f,group:N,actionButtons:v=Ba.actionButtons,canvasOrientation:L=Ba.canvasOrientation,...b}=e;return Vo("div",{...b,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Sr,A(Sr,{size:t}),R(Sr,{focus:c})),dir:f,children:[Vo("div",{className:"k-coloreditor-header k-hstack",children:[vt("div",{className:"k-coloreditor-header-actions k-hstack",children:N&&Vo(B,{fillMode:"flat",children:[vt(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),vt(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),vt("div",{className:"k-spacer"}),Vo("div",{className:"k-coloreditor-header-actions k-hstack",children:[vt(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Vo("div",{className:"k-coloreditor-preview k-vstack",children:[vt(co,{className:"k-coloreditor-preview-color",color:l}),vt(co,{className:"k-coloreditor-current-color",color:s})]})]})]}),vt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?vt(Ee,{focus:u,size:t,canvasOrientation:L,role:"none",tabIndex:-1}):vt(je,{palette:a,size:t})}),v&&Vo(Ot,{className:"k-coloreditor-footer",alignment:"start",children:[vt(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),vt(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ge.states=Lf;ge.options=Cf;ge.className=Sr;ge.defaultOptions=Ba;ge.moduleName=Hs;ge.folderName=Gs;ge.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 Wo=ge;import{jsx as xG}from"react/jsx-runtime";import{jsx as vG}from"react/jsx-runtime";import{jsx as yf}from"react/jsx-runtime";var Ks=e=>yf(Wo,{group:!0,currentColor:"fuchsia",...e});import{jsx as Mf}from"react/jsx-runtime";var Bs=e=>Mf(Wo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Ds}from"react/jsx-runtime";var Sf=ge.options,wf=ge.states,Af={...ge.defaultOptions,variant:"gradient"},Ef=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Rf=[],Da=e=>{let{variant:t,...o}=e;return t==="palette"?Ds(Bs,{...o,color:"white"}):Ds(Ks,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Da.options=Sf;Da.states=wf;Da.variants=Ef;Da.defaultOptions=Af;Da.modifiers=Rf;var _s="color-picker",zs="colorpicker";import{Fragment as Pf,jsx as Lt,jsxs as rn}from"react/jsx-runtime";var Us="k-colorpicker",If=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Of={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},Fs={arrowIconName:"caret-alt-down"},it=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Fs.arrowIconName,prefix:s,suffix:c,value:u,placeholder:f,hover:N,focus:v,valid:L,invalid:b,required:w,disabled:S,valueIconName:E,popup:P,opened:O,adaptive:F,adaptiveSettings:fe,adaptiveTitle:ve,adaptiveSubtitle:ze,...ot}=e,at="colorpicker-popup";return rn(Pf,{children:[rn(Et,{...ot,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:L,invalid:b,required:w,disabled:S,role:"combobox","aria-haspopup":"dialog","aria-expanded":O?"true":"false","aria-controls":O||F?at:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":S?"true":void 0,className:r(e.className,Us,"k-icon-picker"),children:[Lt(mt,{children:s}),Lt(To,{placeholder:f,value:u,showValue:!1,valueIcon:Lt(co,{className:"k-value-icon",color:u,iconName:E}),valueIconName:E}),Lt(ut,{children:c}),Lt(p,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:S})]}),O&&P&&Lt(me,{id:at,className:"k-colorpicker-popup",children:P}),F&&Lt(xe,{adaptive:!0,id:at,...fe,header:Lt(Fe,{actionsEnd:Lt(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ve,subtitle:ze}),footer:rn(to,{children:[Lt(p,{text:"Cancel",size:"large"}),Lt(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Lt(ge,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};it.states=If;it.options=Of;it.className=Us;it.defaultOptions=Fs;it.moduleName=_s;it.folderName=zs;it.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 po=it;import{jsx as Hf}from"react/jsx-runtime";var wr=e=>Hf(po,{...e});import{jsx as lK}from"react/jsx-runtime";import{jsx as cK}from"react/jsx-runtime";import{jsx as bK}from"react/jsx-runtime";import{jsx as xK}from"react/jsx-runtime";import{jsx as vK}from"react/jsx-runtime";import{jsx as MK}from"react/jsx-runtime";import{jsx as Lo}from"react/jsx-runtime";var Gf=po.options,Kf=po.states,$s={...po.defaultOptions,variant:"color"},Bf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Df=[{name:"opened",title:"Opened"}],_a=e=>{let{variant:t,modifiers:o,...a}={...$s,...e},l={};Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?Lo(ge,{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 Lo("div",{style:s,children:Lo(wr,{...a,...l})});case"icon":return Lo("div",{style:s,children:Lo(wr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return Lo("div",{style:s,children:Lo(wr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};_a.options=Gf;_a.states=Kf;_a.variants=Bf;_a.defaultOptions=$s;_a.modifiers=Df;var ln="combobox",Vs=ln;import{Fragment as nn,jsx as Ce,jsxs as za}from"react/jsx-runtime";var Ws="k-combobox",_f=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],zf={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},Xs={separators:!0},We=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Xs.separators,prefix:s,suffix:c,value:u,placeholder:f,hover:N,focus:v,valid:L,invalid:b,required:w,loading:S,disabled:E,popup:P,opened:O,readonly:F,adaptive:fe,adaptiveSettings:ve,adaptiveTitle:ze,adaptiveSubtitle:ot,adaptiveCustomValue:at,id:Oo,autocomplete:Fr,activeDescendant:rr,"aria-label":Wd,...Xd}=e,Jd=Oo?`${Oo}-listbox`:void 0;return za(nn,{children:[za(Le,{...Xd,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:L,invalid:b,required:w,loading:S,disabled:E,readonly:F,className:r(e.className,Ws),children:[s&&za(nn,{children:[Ce(mt,{children:s}),l&&Ce(bt,{})]}),Ce(lt,{placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":O?"true":"false","aria-controls":O?Jd:void 0,"aria-activedescendant":O&&rr?rr:void 0,"aria-autocomplete":Fr,"aria-invalid":b?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":Wd,disabled:E,readOnly:F}),Ce(Ue,{valid:L,invalid:b,loading:S,disabled:E}),Ce(qe,{loading:S,disabled:E}),Ce(rt,{loading:S,disabled:E,readonly:F,value:u}),c&&za(nn,{children:[l&&Ce(bt,{}),Ce(ut,{children:c})]}),Ce(p,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:E})]}),O&&P&&Ce(me,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:P}),fe&&Ce(xe,{adaptive:!0,id:Oo?`${Oo}-adaptive`:void 0,...ve,header:Ce(Fe,{actionsEnd:Ce(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:ze,subtitle:ot}),children:Ce("div",{className:"k-list-container",children:Ce(Z,{customValue:at?Ce(no,{text:`Use "${u}"`}):void 0,size:"large",children:za(se,{"aria-label":ze||"Options",children:[Ce(z,{text:"List item"}),Ce(z,{text:"List item"}),Ce(z,{text:"List item"})]})})})})]})};We.states=_f;We.options=zf;We.className=Ws;We.defaultOptions=Xs;We.moduleName=ln;We.folderName=Vs;We.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 st=We;import{jsx as Uf}from"react/jsx-runtime";var Js=e=>Uf(st,{...e});import{jsx as sB,jsxs as dB}from"react/jsx-runtime";import{jsx as fB,jsxs as TB}from"react/jsx-runtime";import{jsx as vB,jsxs as LB}from"react/jsx-runtime";import{Fragment as AB,jsx as wB}from"react/jsx-runtime";import{Fragment as HB,jsx as PB}from"react/jsx-runtime";import{jsx as zB,jsxs as UB}from"react/jsx-runtime";import{Fragment as YB,jsx as JB,jsxs as qB}from"react/jsx-runtime";import{jsx as eD}from"react/jsx-runtime";import{jsx as rD}from"react/jsx-runtime";import{jsx as cD,jsxs as pD}from"react/jsx-runtime";import{jsx as hD,jsxs as xD}from"react/jsx-runtime";import{jsx as mo,jsxs as Jf}from"react/jsx-runtime";var Ff=We.states,$f=We.defaultOptions,Vf=We.options,Wf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Xf=[],Ua=e=>{let{modifiers:t,...o}=e,a={},l=mo(Z,{style:{width:300},size:o.size,children:Jf(se,{children:[mo(z,{children:"List item"}),mo(z,{children:"List item"}),mo(z,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?mo(m,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?mo(eo,{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}}),mo("div",{children:mo(Js,{value:"Value",style:{width:300},...o,...a})})};Ua.options=Vf;Ua.states=Ff;Ua.variants=Xf;Ua.defaultOptions=$f;Ua.modifiers=Wf;var sn="menu-button",qs=sn;import{jsx as Qf}from"react/jsx-runtime";var Ys="k-menu-button",qf=[n.hover,n.focus,n.active,n.selected,n.disabled],Yf={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},dn={showArrow:!0,arrowIconName:"caret-alt-down"},ce=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:u,selected:f,disabled:N,icon:v,text:L,showArrow:b=dn.showArrow,arrowIconName:w=dn.arrowIconName,expanded:S,...E}=e;return Qf(p,{...E,className:r(e.className,Ys),text:L,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:u,selected:f,disabled:N,icon:v,showArrow:b,arrowIconName:w,"aria-expanded":S?"true":"false",...!L&&v&&!e["aria-label"]&&{"aria-label":"Menu"},...N&&{"aria-disabled":"true"}})};ce.states=qf;ce.options=Yf;ce.className=Ys;ce.defaultOptions=dn;ce.moduleName=sn;ce.folderName=qs;ce.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 QD}from"react/jsx-runtime";import{jsx as t1}from"react/jsx-runtime";import{jsx as l1}from"react/jsx-runtime";var dt="menu",Ct=dt;import{jsx as Fa,jsxs as Qs}from"react/jsx-runtime";var cn="k-menu-item",Zf=[n.hover,n.focus,n.active,n.selected,n.disabled],jf={},Zs={iconPosition:"before"},De=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:c,text:u,first:f,last:N,showArrow:v,arrowIconName:L,iconPosition:b=Zs.iconPosition,dir:w,children:S,expanded:E,...P}=e,O=L;return O||(O=w==="rtl"?"caret-alt-left":"caret-alt-right"),Qs("li",{...P,className:r(e.className,cn,"k-item",R(cn,{focus:o,disabled:s,hover:t,active:a,selected:l}),{"k-first":f,"k-last":N}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":E?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Qs("span",{className:r("k-link k-menu-link"),children:[c&&b==="before"&&Fa(m,{className:"k-menu-link-icon",icon:c}),Fa("span",{className:"k-menu-link-text",children:u}),c&&b==="after"&&Fa(m,{className:"k-menu-link-icon",icon:c}),v&&Fa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Fa(m,{icon:O})})]}),S]})};De.states=Zf;De.options=jf;De.className=cn;De.defaultOptions=Zs;De.moduleName=dt;De.folderName=Ct;import{jsx as $a,jsxs as js}from"react/jsx-runtime";var pn="k-menu-item",eT=[n.hover,n.focus,n.active,n.selected,n.disabled],tT={},mn={dir:"ltr",iconPosition:"before"},Te=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:c,text:u,first:f,last:N,showArrow:v,arrowIconName:L,iconPosition:b=mn.iconPosition,dir:w=mn.dir,children:S,popup:E,expanded:P,...O}=e,F=L;return F||(F=w==="rtl"?"caret-alt-left":"caret-alt-right"),js("li",{...O,className:r(e.className,pn,"k-item",R(pn,{focus:o,disabled:s}),{"k-first":f,"k-last":N}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":P?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[js("span",{className:r("k-link k-menu-link",R("k-menu-link",{hover:t,active:a,selected:l,disabled:s})),children:[c&&b==="before"&&$a(m,{className:"k-menu-link-icon",icon:c}),$a("span",{className:"k-menu-link-text",children:u}),c&&b==="after"&&$a(m,{className:"k-menu-link-icon",icon:c}),v&&$a("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:$a(m,{icon:F})})]}),S,E]})};Te.states=eT;Te.options=tT;Te.className=pn;Te.defaultOptions=mn;Te.moduleName=dt;Te.folderName=Ct;import{jsx as lT}from"react/jsx-runtime";var ed="k-menu-scroll-wrapper",oT=[],aT={},rT={},Co=e=>{let{className:t,children:o,orientation:a,...l}=e;return lT("div",{...l,className:r(t,ed,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Co.states=oT;Co.options=aT;Co.className=ed;Co.defaultOptions=rT;Co.moduleName=dt;Co.folderName=Ct;var td=Co;import{Fragment as un,jsx as yo,jsxs as Er}from"react/jsx-runtime";var bn="k-menu",nT=[],iT={},Rr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Re=e=>{let{children:t,orientation:o=Rr.orientation,header:a=Rr.header,scrollable:l,scrollButtonsPosition:s=Rr.scrollButtonsPosition,wrapperStyles:c,dir:u,popup:f,contextMenu:N,...v}=e,L={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=yo("ul",{dir:u,...v,className:r(e.className,"k-reset",bn,{[`${bn}-${o}`]:o,"k-header":a}),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Er(un,{children:[l?Er(td,{orientation:o,style:c,dir:e.dir,children:[s==="start"&&Er(un,{children:[yo(p,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),yo(p,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&yo(p,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),b,s==="end"&&Er(un,{children:[yo(p,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),yo(p,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&yo(p,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):b,f]})};Re.states=nT;Re.options=iT;Re.className=bn;Re.defaultOptions=Rr;Re.moduleName=dt;Re.folderName=Ct;Re.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-haspopup=menu",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-expanded=true/false",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item[aria-haspopup][aria-controls]",attribute:"aria-controls=ul.k-menu-group id",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as sT}from"react/jsx-runtime";var fn="k-separator",od={orientation:"horizontal"},Xo=e=>{let{orientation:t=od.orientation,...o}=e;return sT("li",{...o,className:r(e.className,"k-item",fn,{[`${fn}-${t}`]:t}),role:"separator"})};Xo.className=fn;Xo.defaultOptions=od;Xo.moduleName=dt;Xo.folderName=Ct;import{Fragment as P1,jsx as H1}from"react/jsx-runtime";import{jsx as mT}from"react/jsx-runtime";var Tn="k-menu-group",dT=[],cT={size:[d.undefined,d.small,d.medium,d.large]},pT={},_e=e=>{let{children:t,size:o,...a}=e;return mT("ul",{...a,className:r(e.className,Tn,A(Tn,{size:o})),role:"menu",children:t})};_e.states=dT;_e.options=cT;_e.className=Tn;_e.defaultOptions=pT;_e.moduleName=dt;_e.folderName=Ct;import{Fragment as uT,jsx as Jo,jsxs as bT}from"react/jsx-runtime";var hn=e=>Jo(Re,{children:bT(uT,{children:[Jo(De,{first:!0,text:"Item 1"}),Jo(De,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Jo(De,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Jo(De,{text:"Item 4"}),Jo(De,{last:!0,text:"Item 5"})]}),...e});import{Fragment as q1,jsx as X1,jsxs as J1}from"react/jsx-runtime";import{Fragment as e_,jsx as j1,jsxs as t_}from"react/jsx-runtime";import{Fragment as n_,jsx as l_,jsxs as i_}from"react/jsx-runtime";import{Fragment as m_,jsx as p_,jsxs as u_}from"react/jsx-runtime";import{jsx as Mo,jsxs as NT}from"react/jsx-runtime";var fT=Re.options,TT=Re.states,ad={...Re.defaultOptions,variant:"horizontal"},hT=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],xT=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Va=e=>{let{variant:t,modifiers:o,...a}={...ad,...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=Mo(me,{className:"k-menu-popup",children:NT(_e,{children:[Mo(Te,{text:"Item 1"}),Mo(Te,{text:"Item 2"}),Mo(Xo,{}),Mo(Te,{text:"Item 3"})]})});break}}),t==="vertical"?Mo(hn,{...a,...l,orientation:"vertical",style:{width:"200px"}}):Mo(hn,{...a,...l})};Va.options=fT;Va.states=TT;Va.variants=hT;Va.defaultOptions=ad;Va.modifiers=xT;import{Fragment as V_,jsx as F_,jsxs as $_}from"react/jsx-runtime";import{jsx as q_}from"react/jsx-runtime";import{Fragment as CT,jsx as Bt,jsxs as rd}from"react/jsx-runtime";var gT=p.states,ld={...p.defaultOptions,variant:"text"},kT=p.options,vT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],LT=[{name:"opened",title:"Opened"}],Wa=e=>{let{variant:t,modifiers:o,...a}={...ld,...e},l={},s=Bt(me,{className:"k-menu-popup",children:rd(_e,{size:a.size,children:[Bt(Te,{first:!0,text:"Menu Item"}),Bt(Te,{text:"Menu Item"}),Bt(Te,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=Bt("div",{children:Bt(ce,{...a,...l,icon:"star"})});break;case"icon-and-text":c=Bt("div",{children:Bt(ce,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:c=Bt("div",{children:Bt(ce,{...a,...l,children:"Dropdown Button"})});break}return rd(CT,{children:[c,o?.opened&&s]})};Wa.options=kT;Wa.states=gT;Wa.variants=vT;Wa.defaultOptions=ld;Wa.modifiers=LT;var xn="split-button",nd=xn;import{Fragment as ST,jsx as Nn,jsxs as id}from"react/jsx-runtime";var gn="k-split-button",yT=[n.hover,n.focus,n.active,n.selected,n.disabled],MT={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},sd={arrowIconName:"caret-alt-down"},j=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:u,selected:f,disabled:N,icon:v,text:L,arrowIconName:b=sd.arrowIconName,popup:w,opened:S,popupId:E,...P}=e;return id(ST,{children:[id("div",{...P,className:r(e.className,gn,"k-button-group",A(gn,{rounded:o})),children:[Nn(p,{text:L,icon:v,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:u,selected:f,disabled:N,...!L&&!e.children&&v&&{"aria-label":"Action"},children:e.children}),Nn(p,{className:"k-split-button-arrow",icon:b,size:t,rounded:o,fillMode:a,disabled:N,"aria-label":"Toggle dropdown","aria-expanded":S?"true":"false","aria-controls":S?E:void 0,tabIndex:-1,...N&&{"aria-disabled":"true"}})]}),S&&w&&Nn(me,{className:"k-menu-popup",children:w})]})};j.states=yT;j.options=MT;j.className=gn;j.defaultOptions=sd;j.moduleName=xn;j.folderName=nd;j.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 kn=j;import{jsx as AT}from"react/jsx-runtime";var wT="k-toolbar-separator",wt=e=>AT("div",{className:r(wT,e.className,"k-separator")});var Wt="toolbar",uo=Wt;import{Fragment as vn,jsx as oe,jsxs as qo}from"react/jsx-runtime";var Xt="k-toolbar",ET=[n.focus],RT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[g.undefined,g.solid,g.outline,g.flat]},IT={scrollButtons:"around"},pe=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:s,scrollButtons:c,scrollingPosition:u,section:f,...N}=e,v=[],L=(b,w)=>{let S=[];if(b.type===p&&b.props.className&&b.props.className.includes("k-toolbar-overflow-button"))S.push(oe(p,{...b.props,className:`${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===p)S.push(oe(p,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===ca)S.push(oe(ca,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===eo)S.push(oe(eo,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===ce)S.push(oe(ce,{...b.props,className:`k-toolbar-menu-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===kn)S.push(oe(kn,{...b.props,className:`k-toolbar-split-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===B||b.props.className&&b.props.className.includes("k-button-group")){let E=[];(Array.isArray(b.props.children)?b.props.children:[b.props.children]).forEach((O,F)=>{E.push(oe(p,{...O.props,className:`${O.props.className?O.props.className:""}`},`${F}-${new Date().getTime()}`))}),S.push(oe(B,{...b.props,className:`k-toolbar-button-group ${b.props.className?b.props.className:""}`,children:E},`${w}-${new Date().getTime()}`))}else b.type===We?S.push(oe(We,{...b.props,className:`k-toolbar-combobox ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`)):b.type===ie?S.push(oe(ie,{...b.props,className:`k-toolbar-dropdownlist ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`)):b.type===it?S.push(oe(it,{...b.props,className:`k-toolbar-colorpicker ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`)):S.push(b);S.forEach(E=>{v.push(E)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((w,S)=>{L(w,S)}),qo("div",{...N,className:r(e.className,Xt,A(Xt,{size:t,fillMode:o}),R(Xt,{focus:a}),{[`${Xt}-resizable`]:l,[`${Xt}-scrollable`]:s,[`${Xt}-scrollable-overlay`]:s&&c==="hidden",[`${Xt}-scrollable-${u}`]:u&&u!=="both",[`${Xt}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&v,s&&c==="hidden"&&oe("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),s&&c==="start"&&qo(vn,{children:[qo(B,{children:[oe("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:oe(m,{className:"k-button-icon",icon:"caret-alt-left"})}),oe("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:oe(m,{className:"k-button-icon",icon:"caret-alt-right"})})]}),oe(wt,{className:"k-toolbar-button-separator"}),oe("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v})]}),s&&c==="end"&&qo(vn,{children:[oe("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),oe(wt,{className:"k-toolbar-button-separator"}),qo(B,{children:[oe("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:oe(m,{className:"k-button-icon",icon:"caret-alt-left"})}),oe("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:oe(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(c==="around"||!c)&&qo(vn,{children:[oe("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:oe(m,{className:"k-button-icon",icon:"caret-alt-left"})}),oe(wt,{className:"k-toolbar-button-separator"}),oe("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),oe(wt,{className:"k-toolbar-button-separator"}),oe("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:oe(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};pe.states=ET;pe.options=RT;pe.className=Xt;pe.defaultOptions=IT;pe.moduleName=Wt;pe.folderName=uo;pe.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 GT}from"react/jsx-runtime";var dd="k-floating-toolbar",OT=[],PT={},HT={},Yo=e=>{let{...t}=e;return GT("div",{...t,className:r(e.className,dd),children:e.children})};Yo.states=OT;Yo.options=PT;Yo.className=dd;Yo.defaultOptions=HT;Yo.moduleName=Wt;Yo.folderName=uo;import{jsx as _T}from"react/jsx-runtime";var Ln="k-toolbar-item",KT=[n.focus],BT={},DT={},Qo=e=>{let{focus:t,...o}=e;return _T("div",{...o,className:r(e.className,Ln,R(Ln,{focus:t})),children:e.children})};Qo.states=KT;Qo.options=BT;Qo.className=Ln;Qo.defaultOptions=DT;Qo.moduleName=Wt;Qo.folderName=uo;import{jsx as cd}from"react/jsx-runtime";var pd="k-toolbar-popup",zT=[],UT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[g.undefined,g.solid,g.outline,g.flat]},FT={},So=e=>{let{size:t,fillMode:o,section:a,...l}=e;return cd(me,{...l,className:r(e.className,pd),children:a?cd("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};So.states=zT;So.options=UT;So.className=pd;So.defaultOptions=FT;So.moduleName=Wt;So.folderName=uo;var Ir=So;import{jsx as Z2}from"react/jsx-runtime";import{jsx as o5}from"react/jsx-runtime";import{jsx as n5}from"react/jsx-runtime";import{jsx as m5,jsxs as u5}from"react/jsx-runtime";import{jsx as h5}from"react/jsx-runtime";import{jsx as Jt,jsxs as JT}from"react/jsx-runtime";var $T=j.states,md={...j.defaultOptions,variant:"text"},VT=j.options,WT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],XT=[{name:"opened",title:"Opened"}],Xa=e=>{let{variant:t,modifiers:o,...a}={...md,...e},l={},s=JT(_e,{size:a.size,children:[Jt(Te,{first:!0,text:"Menu Item"}),Jt(Te,{text:"Menu Item"}),Jt(Te,{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 Jt("div",{children:Jt(j,{...a,...l,icon:"star"})});case"icon-and-text":return Jt("div",{children:Jt(j,{...a,...l,icon:"star",children:"Split Button"})});default:return Jt("div",{children:Jt(j,{...a,...l,children:"Split Button"})})}};Xa.options=VT;Xa.states=$T;Xa.variants=WT;Xa.defaultOptions=md;Xa.modifiers=XT;import{jsx as wo,jsxs as qT}from"react/jsx-runtime";var ud=e=>wo(pe,{children:[wo(p,{children:"Button"},"toolbar-button"),wo(ce,{text:"Menu button"},"toolbar-menu-button"),wo(j,{children:"Split button"},"toolbar-split-button"),qT(B,{children:[wo(p,{className:"k-group-start",icon:"align-left",children:"Left"}),wo(p,{icon:"align-center",children:"Center"}),wo(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as W5,jsxs as X5}from"react/jsx-runtime";import{jsx as ct,jsxs as bd}from"react/jsx-runtime";var fd=e=>ct(pe,{scrollable:!0,...e,children:[ct(p,{children:"Button"},"toolbar-button"),ct(ce,{text:"Menu button"},"toolbar-menu-button"),ct(j,{children:"Split button"},"toolbar-split-button"),bd(B,{children:[ct(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ct(p,{icon:"align-center",children:"Center"}),ct(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ct(p,{children:"Button"},"toolbar-button"),ct(ce,{text:"Menu button"},"toolbar-menu-button"),ct(j,{children:"Split button"},"toolbar-split-button"),bd(B,{children:[ct(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ct(p,{icon:"align-center",children:"Center"}),ct(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as pt,jsxs as Td}from"react/jsx-runtime";var hd=({scrollingPosition:e="start",...t})=>pt(pe,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[pt(p,{children:"Button"},"toolbar-button"),pt(ce,{text:"Menu button"},"toolbar-menu-button"),pt(j,{children:"Split button"},"toolbar-split-button"),Td(B,{children:[pt(p,{className:"k-group-start",icon:"align-left",children:"Left"}),pt(p,{icon:"align-center",children:"Center"}),pt(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),pt(p,{children:"Button"},"toolbar-button"),pt(ce,{text:"Menu button"},"toolbar-menu-button"),pt(j,{children:"Split button"},"toolbar-split-button"),Td(B,{children:[pt(p,{className:"k-group-start",icon:"align-left",children:"Left"}),pt(p,{icon:"align-center",children:"Center"}),pt(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as YT,jsx as et,jsxs as Or}from"react/jsx-runtime";var xd=({fillMode:e,size:t,...o})=>Or(YT,{children:[et(pe,{section:!0,fillMode:e,size:t,children:[et(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Or(B,{fillMode:e,children:[et(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),et(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),et(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),et(wt,{className:"k-toolbar-button-separator"}),et(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Or(Ir,{size:t,fillMode:e,section:!0,...o,children:[et(j,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),et(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),et(wt,{}),et(ce,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Or(B,{fillMode:e,children:[et(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),et(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),et(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as M3,jsx as C3,jsxs as y3}from"react/jsx-runtime";import{Fragment as K3,jsx as H3,jsxs as G3}from"react/jsx-runtime";import{jsx as bo}from"react/jsx-runtime";var QT=pe.options,ZT=pe.states,Nd={...pe.defaultOptions,variant:"default"},jT=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],eh=[],Ja=e=>{let{variant:t,...o}={...Nd,...e};switch(t){case"responsive":return bo("div",{children:bo(xd,{style:{width:"583px"},...o})});case"overlay":return bo("div",{children:bo(hd,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return bo("div",{children:bo(fd,{style:{width:"583px"},...o})});default:return bo("div",{children:bo(ud,{style:{width:"583px"},...o})})}};Ja.options=QT;Ja.states=ZT;Ja.variants=jT;Ja.defaultOptions=Nd;Ja.modifiers=eh;import{jsx as th}from"react/jsx-runtime";var gd="k-grid-toolbar",At=e=>th(pe,{...e,className:r(e.className,gd),children:e.children});At.className=gd;At.moduleName=ee;At.folderName=ae;import{jsx as Cn,jsxs as ah}from"react/jsx-runtime";var yn="k-grid-stack-cell",oh=[n.focus,n.selected],Pr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:s,focus:c,selected:u,...f}=e;return ah("div",{...f,className:r(e.className,yn,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":s},R(yn,{focus:c,selected:u})),children:[s&&Cn("span",{className:"k-dirty"}),t&&Cn("div",{className:"k-grid-stack-header",children:t}),Cn("div",{className:"k-grid-stack-content",children:o}),e.children]})};Pr.states=oh;Pr.className=yn;Pr.moduleName=ee;Pr.folderName=ae;import{jsx as rh}from"react/jsx-runtime";var kd="k-grid-stack-row",Hr=e=>{let{cols:t,...o}=e;return rh("div",{...o,className:r(e.className,kd,{[`k-grid-cols-${t}`]:t}),children:e.children})};Hr.className=kd;Hr.moduleName=ee;Hr.folderName=ae;import{Fragment as Mz,jsx as Cz,jsxs as yz}from"react/jsx-runtime";import{Fragment as Oz,jsx as Rz,jsxs as Iz}from"react/jsx-runtime";import{Fragment as _z,jsx as Bz,jsxs as Dz}from"react/jsx-runtime";import{Fragment as lh,jsx as M,jsxs as be}from"react/jsx-runtime";var vd=({contentClassName:e,...t})=>M(X,{_renderAriaRoot:!0,pager:M(Ht,{refresh:!1}),children:be(lh,{children:[M(J,{children:M("div",{className:"k-grid-header-wrap",children:be(q,{children:[be("colgroup",{children:[M("col",{}),M("col",{style:{width:"225px"}}),M("col",{}),M("col",{}),M("col",{})]}),be(V,{children:[be(k,{children:[M(y,{rowspan:1,colspan:1,columnTitle:"Product Id"}),M(y,{rowspan:1,colspan:1,columnTitle:"Name"}),M(y,{rowspan:1,colspan:1,columnTitle:"Quantity"}),M(y,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),M(y,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),be(k,{className:"k-filter-row",children:[M(i,{children:M("div",{className:"k-filtercell",children:be("div",{className:"k-filtercell-wrapper",children:[M($,{}),be("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",M(p,{disabled:!0,icon:"filter-clear"})]})]})})}),M(i,{children:M("div",{className:"k-filtercell",children:be("div",{className:"k-filtercell-wrapper",children:[M(ne,{}),be("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",M(p,{disabled:!0,icon:"filter-clear"})]})]})})}),M(i,{children:M("div",{className:"k-filtercell",children:be("div",{className:"k-filtercell-wrapper",children:[M(ne,{}),be("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",M(p,{disabled:!0,icon:"filter-clear"})]})]})})}),M(i,{children:M("div",{className:"k-filtercell",children:be("div",{className:"k-filtercell-wrapper",children:[M($,{}),be("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",M(p,{disabled:!0,icon:"filter-clear"})]})]})})}),M(i,{children:M("div",{className:"k-filtercell",children:be("div",{className:"k-filtercell-wrapper",children:[M(ie,{}),M("div",{className:"k-filtercell-operator",children:M(p,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),M(re,{children:M(Y,{className:e,children:be(Q,{children:[be("colgroup",{children:[M("col",{}),M("col",{style:{width:"225px"}}),M("col",{}),M("col",{}),M("col",{})]}),be(te,{children:[be(k,{className:"k-master-row",children:[M(i,{children:"1"}),M(i,{children:"Chai"}),M(i,{children:"10 boxes x 20 bags"}),M(i,{children:"18"}),M(i,{children:"false"})]}),be(k,{className:"k-master-row",alt:!0,children:[M(i,{children:"2"}),M(i,{children:"Chang"}),M(i,{children:"24 - 12 oz bottles"}),M(i,{children:"19"}),M(i,{children:"false"})]}),be(k,{className:"k-master-row",children:[M(i,{children:"3"}),M(i,{children:"Aniseed Syrup"}),M(i,{children:"12 - 550 ml bottles"}),M(i,{children:"10"}),M(i,{children:"false"})]}),be(k,{className:"k-master-row",alt:!0,children:[M(i,{children:"4"}),M(i,{children:"Chef Anton's Cajun Seasoning"}),M(i,{children:"48 - 6 oz jars"}),M(i,{children:"22"}),M(i,{children:"false"})]}),be(k,{className:"k-master-row",children:[M(i,{children:"5"}),M(i,{children:"Grandma's Boysenberry Spread"}),M(i,{children:"12 - 8 oz jars"}),M(i,{children:"25"}),M(i,{children:"false"})]})]})]})})})]}),...t});import{jsx as Gr}from"react/jsx-runtime";var nh="k-chip-action";var ye=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Gr(m,{icon:"x-circle",size:"small"});break;case"more":a=Gr(m,{icon:"more-vertical",size:"small"});break;default:return Gr(m,{icon:t,size:"small"})}return Gr("span",{...o,className:r(e.className,nh,`k-chip-${t}-action`),children:a})};var Mn="avatar",Ld=Mn;import{jsx as Cd}from"react/jsx-runtime";var qa="k-avatar";var ih=[n.hover,n.focus,n.active,n.selected,n.disabled],sh={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},Sn={type:"text",border:!1},tt=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:s=Sn.type,border:c=Sn.border,...u}=e;return Cd("div",{...u,className:r(e.className,qa,A(qa,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${qa}-bordered`]:c}),children:Cd("span",{className:`${qa}-${s}`,children:e.children})})};tt.states=ih;tt.options=sh;tt.className=qa;tt.defaultOptions=Sn;tt.moduleName=Mn;tt.folderName=Ld;tt.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Ao=tt;import{jsx as dh}from"react/jsx-runtime";var yd=e=>dh(Ao,{type:"icon",...e});import{jsx as ch}from"react/jsx-runtime";var Md=e=>ch(Ao,{type:"text",...e});import{jsx as ph}from"react/jsx-runtime";var Sd=e=>ph(Ao,{type:"image",...e});import{jsx as T6}from"react/jsx-runtime";import{jsx as Ya}from"react/jsx-runtime";var mh=tt.options,uh=tt.states,bh={...tt.defaultOptions,variant:"image"},fh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Th=[],Qa=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ya(yd,{...o,children:Ya(m,{icon:"star"})});case"text":return Ya(Md,{...o,children:"JO"});default:return Ya(Sd,{...o,children:Ya("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Qa.options=mh;Qa.states=uh;Qa.variants=fh;Qa.defaultOptions=bh;Qa.modifiers=Th;var Za="chip",Kr=Za;import{jsx as Zo,jsxs as Nh}from"react/jsx-runtime";var Br="k-chip",hh=[n.hover,n.focus,n.active,n.selected,n.disabled],xh={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.outline],themeColor:[h.undefined,h.base,h.success,h.warning,h.error,h.info]},wd={avatarImage:"/packages/html/assets/avatar.jpg"},Me=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:s,icon:c,actions:u,showAvatar:f,avatarImage:N=wd.avatarImage,hover:v,focus:L,active:b,selected:w,disabled:S,...E}=e;return Nh("div",{...E,className:r(e.className,Br,A(Br,{size:t,rounded:o,fillMode:a,themeColor:l}),R(Br,{hover:v,focus:L,active:b,disabled:S,selected:w})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:w?"true":"false","aria-selected":e.role==="option"?w?"true":"false":void 0,"aria-disabled":S?"true":void 0,children:[c&&Zo(m,{className:"k-chip-icon",icon:c,size:"small"}),f&&Zo(tt,{className:"k-chip-avatar",type:"image",children:Zo("img",{src:N,alt:""})}),Zo("span",{className:"k-chip-content",children:e.children?e.children:s&&Zo("span",{className:"k-chip-label",children:s})}),u&&Zo("span",{className:"k-chip-actions",children:u})]})};Me.states=hh;Me.options=xh;Me.className=Br;Me.defaultOptions=wd;Me.moduleName=Za;Me.folderName=Kr;Me.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 yt=Me;import{jsx as Lh}from"react/jsx-runtime";var wn="k-chip-list",gh=[],kh={size:[d.undefined,d.small,d.medium,d.large]},vh={},Se=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return Lh("div",{...l,className:r(e.className,wn,A(wn,{size:t})),role:"listbox","aria-label":a||"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Se.states=gh;Se.options=kh;Se.className=wn;Se.defaultOptions=vh;Se.moduleName=Za;Se.folderName=Kr;Se.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 W6}from"react/jsx-runtime";import{jsx as Y6}from"react/jsx-runtime";import{jsx as Ch}from"react/jsx-runtime";var Dr=e=>Ch(yt,{text:"text",...e});import{jsx as r9}from"react/jsx-runtime";import{jsx as s9}from"react/jsx-runtime";import{Fragment as b9,jsx as u9,jsxs as f9}from"react/jsx-runtime";import{jsx as g9,jsxs as k9}from"react/jsx-runtime";import{jsx as M9,jsxs as S9}from"react/jsx-runtime";import{jsx as O9,jsxs as P9}from"react/jsx-runtime";import{jsx as jo,jsxs as Eh}from"react/jsx-runtime";var yh={...yt.options,...Se.options},Mh=[],Sh=Se.states,wh={...yt.defaultOptions,...Se.defaultOptions},Ah=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],ja=e=>{let{modifiers:t,className:o,...a}=e,l=t?.icon,s=t?.actions,c=t?.avatar;return Eh(Se,{size:a.size,className:o,children:[jo(Dr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?jo(ye,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),jo(Dr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?jo(ye,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),jo(Dr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?jo(ye,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};ja.options=yh;ja.states=Sh;ja.variants=Mh;ja.defaultOptions=wh;ja.modifiers=Ah;import{jsx as An}from"react/jsx-runtime";var Rh=Me.states,Ih=Me.defaultOptions,Oh=Me.options,Ph=[],Hh=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],er=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]?An(ye,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[l]?An(ye,{type:"remove"}):void 0;break;default:break}}),An(Me,{...o,...a,children:"Chip component"})};er.options=Oh;er.states=Rh;er.variants=Ph;er.defaultOptions=Ih;er.modifiers=Hh;import{Fragment as En,jsx as H,jsxs as Xe}from"react/jsx-runtime";var Ad=({dropClue:e,contentClassName:t,...o})=>H(X,{_renderAriaRoot:!0,groupingHeader:H(qt,{dropClue:e,children:Xe(Se,{children:[H(Me,{icon:"sort-asc-small",text:"ID",actions:Xe(En,{children:[H(ye,{type:"more"}),H(ye,{type:"remove"})]})}),H(Me,{icon:"sort-desc-small",text:"Name",actions:Xe(En,{children:[H(ye,{type:"more"}),H(ye,{type:"remove"})]})})]})}),children:Xe(En,{children:[H(J,{draggable:!0,children:H("div",{className:"k-grid-header-wrap",children:Xe(q,{children:[Xe("colgroup",{children:[H("col",{className:"k-group-col"}),H("col",{className:"k-group-col"}),H("col",{}),H("col",{}),H("col",{}),H("col",{})]}),H(V,{children:Xe(k,{children:[H(y,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),H(y,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),H(y,{colspan:1,columnTitle:"ID"}),H(y,{colspan:1,columnTitle:"Name"}),H(y,{colspan:1,columnTitle:"Price"}),H(y,{colspan:1,columnTitle:"Category"})]})})]})})}),H(re,{children:H(Y,{className:t,children:Xe(Q,{children:[Xe("colgroup",{children:[H("col",{className:"k-group-col"}),H("col",{className:"k-group-col"}),H("col",{}),H("col",{}),H("col",{}),H("col",{})]}),Xe(te,{children:[H(k,{className:"k-table-group-row k-grouping-row",children:H(i,{colspan:6,children:Xe("p",{className:"k-reset",children:[H(m,{icon:"caret-alt-right"}),"ID: 1"]})})}),H(k,{className:"k-table-group-row k-grouping-row",children:H(i,{colspan:6,children:Xe("p",{className:"k-reset",children:[H(m,{icon:"caret-alt-down"}),"ID: 2"]})})}),Xe(k,{className:"k-table-group-row k-grouping-row",children:[H(i,{className:"k-table-group-td k-group-cell"}),H(i,{colspan:5,children:Xe("p",{className:"k-reset",children:[H(m,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),Xe(k,{className:"k-master-row",alt:!0,children:[H(i,{className:"k-table-group-td k-group-cell"}),H(i,{className:"k-table-group-td k-group-cell"}),H(i,{colspan:0,children:"2"}),H(i,{colspan:0,children:"Chang"}),H(i,{colspan:0,children:"$19.00"}),H(i,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as vU,jsx as gU,jsxs as kU}from"react/jsx-runtime";import{Fragment as EU,jsx as wU,jsxs as AU}from"react/jsx-runtime";import{Fragment as KU,jsx as HU,jsxs as GU}from"react/jsx-runtime";import{Fragment as Gh,jsx as D,jsxs as Je}from"react/jsx-runtime";var Ed=({headerWrapClassName:e,contentClassName:t,...o})=>D(X,{_renderAriaRoot:!0,children:Je(Gh,{children:[D(J,{children:D("div",{className:`k-grid-header-wrap ${e}`,children:Je(q,{children:[Je("colgroup",{children:[D("col",{}),D("col",{}),D("col",{}),D("col",{})]}),Je(V,{children:[Je(k,{children:[D(y,{rowspan:3,colspan:1,columnTitle:"ID"}),D(y,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),Je(k,{children:[D(y,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),D(y,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),Je(k,{children:[D(y,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),D(y,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),D(re,{children:D(Y,{className:t,children:Je(Q,{children:[Je("colgroup",{children:[D("col",{}),D("col",{}),D("col",{}),D("col",{})]}),Je(te,{children:[Je(k,{className:"k-master-row",children:[D(i,{children:"1"}),D(i,{children:"Chai"}),D(i,{children:"39"}),D(i,{children:"18"})]}),Je(k,{className:"k-master-row",alt:!0,children:[D(i,{children:"2"}),D(i,{children:"Chang"}),D(i,{children:"17"}),D(i,{children:"19"})]}),Je(k,{className:"k-master-row",children:[D(i,{children:"3"}),D(i,{children:"Aniseed Syrup"}),D(i,{children:"13"}),D(i,{children:"10"})]}),Je(k,{className:"k-master-row",alt:!0,children:[D(i,{children:"4"}),D(i,{children:"Chef Anton's Cajun Seasoning"}),D(i,{children:"53"}),D(i,{children:"22"})]}),Je(k,{className:"k-master-row",children:[D(i,{children:"5"}),D(i,{children:"Chef Anton's Gumbo Mix"}),D(i,{children:"0"}),D(i,{children:"21.35"})]})]})]})})})]}),...o});import{Fragment as qU,jsx as XU,jsxs as JU}from"react/jsx-runtime";import{Fragment as o7,jsx as e7,jsxs as t7}from"react/jsx-runtime";import{Fragment as Kh,jsx as K,jsxs as Mt}from"react/jsx-runtime";var Rd=e=>K(X,{_renderAriaRoot:!0,toolbar:Mt(At,{children:[K(p,{children:"Add new"}),K(p,{children:"Save Changes"}),K(p,{children:"Cancel Changes"})]}),children:Mt(Kh,{children:[K(J,{children:K("div",{className:"k-grid-header-wrap",children:Mt(q,{children:[Mt("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),K(V,{children:Mt(k,{children:[K(y,{columnTitle:"Name"}),K(y,{columnTitle:"Price"}),K(y,{columnTitle:"Available"}),K(y,{accessibleLabel:"Commands"})]})})]})})}),K(re,{children:K(Y,{children:K("div",{children:Mt(Q,{children:[Mt("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),Mt(te,{children:[Mt(k,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[K(i,{children:K(ne,{value:"Towel"})}),K(i,{children:K($,{value:"42"})}),K(i,{children:K(Ye,{})}),Mt(i,{className:"k-command-cell",children:[K(p,{children:"Add"}),K(p,{children:"Cancel"})]})]}),Mt(k,{className:"k-master-row",children:[K(i,{children:"Chai"}),K(i,{children:"18"}),K(i,{children:"false"}),K(i,{className:"k-command-cell",children:K(p,{children:"Remove"})})]}),Mt(k,{className:"k-master-row",alt:!0,children:[K(i,{children:"Chang"}),K(i,{children:"19"}),K(i,{children:"false"}),K(i,{className:"k-command-cell",children:K(p,{children:"Remove"})})]})]})]})})})})]}),...e});import{Fragment as S7,jsx as M7,jsxs as w7}from"react/jsx-runtime";import{Fragment as _r,jsx as T,jsxs as le}from"react/jsx-runtime";var Bh=X.options,Dh=X.states,Id={...X.defaultOptions,variant:"normal"},_h=[{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"}],zh=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],tr=e=>{let{variant:t,modifiers:o,...a}={...Id,...e},l={toolbar:void 0,pager:void 0},s=le(At,{children:[T(p,{icon:"plus",children:"Add New"}),T(p,{icon:"file-pdf",children:"Export to PDF"}),T("span",{className:"k-spacer"}),T(ne,{prefix:T(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=T(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 u={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},f=le(_r,{children:[T(J,{children:T("div",{className:"k-grid-header-wrap",children:le(q,{children:[le("colgroup",{children:[T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),T(V,{children:le(k,{children:[T(y,{...u[t],columnTitle:"ID"}),T(y,{...u[t],columnTitle:"Product Name"}),T(y,{...u[t],columnTitle:"Units in Stock"}),T(y,{...u[t],columnTitle:"Units Price"})]})})]})})}),T(re,{children:T(Y,{children:le(Q,{children:[le("colgroup",{children:[T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),le(te,{children:[le(k,{children:[T(i,{children:"1"}),T(i,{children:"Chai"}),T(i,{children:"39"}),T(i,{children:"18"})]}),le(k,{className:"k-alt",alt:!0,children:[T(i,{children:"2"}),T(i,{children:"Chang"}),T(i,{children:"17"}),T(i,{children:"19"})]}),le(k,{children:[T(i,{children:"3"}),T(i,{children:"Aniseed Syrup"}),T(i,{children:"13"}),T(i,{children:"10"})]}),le(k,{className:"k-alt",alt:!0,children:[T(i,{children:"4"}),T(i,{children:"Chef Anton's Cajun Seasoning"}),T(i,{children:"53"}),T(i,{children:"22"})]}),le(k,{children:[T(i,{children:"5"}),T(i,{children:"Chef Anton's Gumbo Mix"}),T(i,{children:"0"}),T(i,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return T(Ed,{...a,...l});case"editing":return T(Rd,{...a,...l});case"grouping":return T(Ad,{...a,...l,groupingHeader:T(qt,{children:le(Se,{children:[T(Me,{icon:"sort-asc-small",actions:le(_r,{children:[T(ye,{type:"more"}),T(ye,{type:"remove"})]}),children:"ID"}),T(Me,{icon:"sort-desc-small",actions:le(_r,{children:[T(ye,{type:"more"}),T(ye,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return T(X,{...a,...l,children:le(_r,{children:[T(J,{children:le("div",{className:"k-grid-header-wrap",children:[" ",le(q,{children:[le("colgroup",{children:[T("col",{className:"k-drag-col"}),T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),T(V,{children:le(k,{children:[T(y,{className:"k-drag-cell",accessibleLabel:"Reorder"}),T(y,{columnTitle:"ID"}),T(y,{columnTitle:"Product Name"}),T(y,{columnTitle:"Units in Stock"}),T(y,{columnTitle:"Units Price"})]})})]})]})}),T(re,{children:T(Y,{children:le(Q,{children:[le("colgroup",{children:[T("col",{className:"k-drag-col"}),T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),le(te,{children:[le(k,{children:[T(i,{className:"k-drag-cell",children:T(m,{icon:"reorder"})}),T(i,{children:"1"}),T(i,{children:"Chai"}),T(i,{children:"39"}),T(i,{children:"18"})]}),le(k,{className:"k-alt",alt:!0,children:[T(i,{className:"k-drag-cell",children:T(m,{icon:"reorder"})}),T(i,{children:"2"}),T(i,{children:"Chang"}),T(i,{children:"17"}),T(i,{children:"19"})]}),le(k,{children:[T(i,{className:"k-drag-cell",children:T(m,{icon:"reorder"})}),T(i,{children:"3"}),T(i,{children:"Aniseed Syrup"}),T(i,{children:"13"}),T(i,{children:"10"})]}),le(k,{className:"k-alt",alt:!0,children:[T(i,{className:"k-drag-cell",children:T(m,{icon:"reorder"})}),T(i,{children:"4"}),T(i,{children:"Chef Anton's Cajun Seasoning"}),T(i,{children:"53"}),T(i,{children:"22"})]}),le(k,{children:[T(i,{className:"k-drag-cell",children:T(m,{icon:"reorder"})}),T(i,{children:"5"}),T(i,{children:"Chef Anton's Gumbo Mix"}),T(i,{children:"0"}),T(i,{children:"21.35"})]})]})]})})})]})});case"filter-row":return T(vd,{...a,...l});default:return T(X,{...a,...l,children:f})}};tr.options=Bh;tr.states=Dh;tr.variants=_h;tr.defaultOptions=Id;tr.modifiers=zh;var Rn="treelist",Od=Rn;import{jsx as Vh}from"react/jsx-runtime";var Pd="k-treelist",Uh=[],Fh={},$h={},Ie=e=>Vh(X,{...e,className:r(Pd,e.className),children:e.children});Ie.states=Uh;Ie.options=Fh;Ie.className=Pd;Ie.defaultOptions=$h;Ie.moduleName=Rn;Ie.folderName=Od;import{jsx as _,jsxs as Oe}from"react/jsx-runtime";var Eo=({gridHeader:e,gridContent:t,menu:o,...a})=>Oe(Ie,{id:"treelist",_renderAriaRoot:!0,...a,children:[e||_(J,{children:_("div",{className:"k-grid-header-wrap",children:Oe(q,{children:[Oe("colgroup",{children:[_("col",{}),_("col",{}),_("col",{})]}),_(V,{children:Oe(k,{children:[_(y,{menu:o,columnTitle:"Name"}),_(y,{menu:o,columnTitle:"Position"}),_(y,{menu:o,columnTitle:"Hire Date"})]})})]})})}),_(re,{children:t||_(Y,{children:Oe(Q,{children:[Oe("colgroup",{children:[_("col",{}),_("col",{}),_("col",{})]}),Oe(te,{children:[Oe(k,{children:[Oe(i,{children:[_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),_(i,{children:"Sweeney"}),_(i,{children:"CEO"})]}),Oe(k,{alt:!0,children:[Oe(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),_(i,{children:"Wooten"}),_(i,{children:"Chief Technical Officer"})]}),Oe(k,{children:[Oe(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),_(i,{children:"Weber"}),_(i,{children:"VP, Engineering"})]}),Oe(k,{alt:!0,children:[Oe(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),_(i,{children:"Hood"}),_(i,{children:"Team Lead"})]}),Oe(k,{children:[Oe(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),_(i,{children:"Carr"}),_(i,{children:"Junior Software Developer"})]})]})]})})})]});import{jsx as Wh}from"react/jsx-runtime";var Hd=e=>Wh(Eo,{menu:"column",...e});import{jsx as Xh}from"react/jsx-runtime";var Gd=e=>Xh(Eo,{menu:"filter",...e});import{jsx as I,jsxs as Pe}from"react/jsx-runtime";var Kd=({gridHeader:e,gridContent:t,menu:o,...a})=>Pe(Ie,{id:"treelist",_renderAriaRoot:!0,...a,children:[e||I(J,{children:I("div",{className:"k-grid-header-wrap",children:Pe(q,{children:[Pe("colgroup",{children:[I("col",{className:"k-drag-col"}),I("col",{}),I("col",{}),I("col",{})]}),I(V,{children:Pe(k,{children:[I(y,{}),I(y,{menu:o,columnTitle:"First Name"}),I(y,{menu:o,columnTitle:"Last Name"}),I(y,{menu:o,columnTitle:"Position"})]})})]})})}),I(re,{children:t||I(Y,{children:Pe(Q,{children:[Pe("colgroup",{children:[I("col",{className:"k-drag-col"}),I("col",{}),I("col",{}),I("col",{})]}),Pe(te,{children:[Pe(k,{children:[I(i,{className:"k-drag-cell",children:I(m,{icon:"reorder"})}),Pe(i,{children:[I(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),I(i,{children:"Sweeney"}),I(i,{children:"CEO"})]}),Pe(k,{alt:!0,children:[I(i,{className:"k-drag-cell",children:I(m,{icon:"reorder"})}),Pe(i,{children:[I(m,{className:"k-treelist-toggle",icon:"none"}),I(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),I(i,{children:"Wooten"}),I(i,{children:"Chief Technical Officer"})]}),Pe(k,{children:[I(i,{className:"k-drag-cell",children:I(m,{icon:"reorder"})}),Pe(i,{children:[I(m,{className:"k-treelist-toggle",icon:"none"}),I(m,{className:"k-treelist-toggle",icon:"none"}),I(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),I(i,{children:"Weber"}),I(i,{children:"VP, Engineering"})]}),Pe(k,{alt:!0,children:[I(i,{className:"k-drag-cell",children:I(m,{icon:"reorder"})}),Pe(i,{children:[I(m,{className:"k-treelist-toggle",icon:"none"}),I(m,{className:"k-treelist-toggle",icon:"none"}),I(m,{className:"k-treelist-toggle",icon:"none"}),I(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),I(i,{children:"Hood"}),I(i,{children:"Team Lead"})]}),Pe(k,{children:[I(i,{className:"k-drag-cell",children:I(m,{icon:"reorder"})}),Pe(i,{children:[I(m,{className:"k-treelist-toggle",icon:"none"}),I(m,{className:"k-treelist-toggle",icon:"none"}),I(m,{className:"k-treelist-toggle",icon:"none"}),I(m,{className:"k-treelist-toggle",icon:"none"}),I(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),I(i,{children:"Carr"}),I(i,{children:"Junior Software Developer"})]})]})]})})})]});import{jsx as rF,jsxs as lF}from"react/jsx-runtime";import{jsx as C,jsxs as de}from"react/jsx-runtime";var Jh=Ie.options,qh=Ie.states,Bd={...Ie.defaultOptions,variant:"normal"},Yh=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-row",title:"Filter Row"},{name:"sorting",title:"Sorting"},{name:"row-reordering",title:"Row Reordering"}],Qh=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],or=e=>{let{variant:t,modifiers:o,...a}={...Bd,...e},l={},s=de(At,{children:[C(p,{icon:"plus",children:"Add New"}),C(p,{icon:"file-pdf",children:"Export to PDF"}),C("span",{className:"k-spacer"}),C(ne,{prefix:C(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=C(he,{pageSizes:!1,refresh:!1});switch(Object.keys(o||{}).forEach(u=>{switch(u){case"toolbar":l.toolbar=o?.[u]?s:void 0;break;case"pager":l.pager=o?.[u]?c:void 0;break;default:return}}),t){case"row-reordering":return C(Kd,{...a,...l});case"column-menu":return C(Hd,{...a,...l,gridHeader:C(J,{children:C("div",{className:"k-grid-header-wrap",children:de(q,{children:[de("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(V,{children:de(k,{children:[C(y,{menu:"column",columnTitle:"First Name"}),C(y,{menu:"column",columnTitle:"Last Name"}),C(y,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return C(Gd,{...a,...l,gridHeader:C(J,{children:C("div",{className:"k-grid-header-wrap",children:de(q,{children:[de("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(V,{children:de(k,{children:[C(y,{menu:"filter",columnTitle:"First Name"}),C(y,{menu:"filter",columnTitle:"Last Name"}),C(y,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return C(Eo,{...a,...l,gridHeader:C(J,{children:C("div",{className:"k-grid-header-wrap",children:de(q,{children:[de("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(V,{children:de(k,{children:[C(y,{columnTitle:"First Name"}),C(y,{columnTitle:"Last Name",sortable:!0}),C(y,{columnTitle:"Position"})]})})]})})}),gridContent:C(Y,{children:de(Q,{children:[de("colgroup",{children:[C("col",{}),C("col",{className:"k-sorted"}),C("col",{})]}),de(te,{children:[de(k,{className:"k-treelist-group",children:[de(i,{children:[C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),C(i,{children:"Sweeney"}),C(i,{children:"CEO"})]}),de(k,{className:"k-treelist-group k-alt",alt:!0,children:[de(i,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),C(i,{children:"Wooten"}),C(i,{children:"Chief Technical Officer"})]}),de(k,{className:"k-treelist-group",children:[de(i,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),C(i,{children:"Weber"}),C(i,{children:"VP, Engineering"})]}),de(k,{className:"k-treelist-group k-alt",alt:!0,children:[de(i,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),C(i,{children:"Hood"}),C(i,{children:"Team Lead"})]}),de(k,{children:[de(i,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),C(i,{children:"Carr"}),C(i,{children:"Junior Software Developer"})]})]})]})})});default:return C(Eo,{...a,...l,gridHeader:C(J,{children:C("div",{className:"k-grid-header-wrap",children:de(q,{children:[de("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(V,{children:de(k,{children:[C(y,{columnTitle:"First Name"}),C(y,{columnTitle:"Last Name"}),C(y,{columnTitle:"Position"})]})})]})})})})}};or.options=Jh;or.states=qh;or.variants=Yh;or.defaultOptions=Bd;or.modifiers=Qh;var In="propertygrid",Dd=In;import{jsx as tx}from"react/jsx-runtime";var _d="k-property-grid",Zh=[],jh={},ex={},St=e=>tx(Ie,{...e,className:r(_d,e.className),children:e.children});St.states=Zh;St.options=jh;St.className=_d;St.defaultOptions=ex;St.moduleName=In;St.folderName=Dd;import{jsx as rx}from"react/jsx-runtime";var Ro="k-pane",ox=[],ax={},On={resizable:!0,flex:!1},He=e=>{let{scrollable:t,flexBasis:o,flex:a=On.flex,collapsible:l,resizable:s=On.resizable,pinned:c,unpinned:u,tabbed:f,...N}=e;return rx("div",{...N,style:{flexBasis:o,...e.style},className:r(e.className,Ro,{[`${Ro}-static`]:o,[`${Ro}-flex`]:a,"k-scrollable":t,[`${Ro}-pinned`]:c,[`${Ro}-unpinned`]:u,[`${Ro}-tabbed`]:f}),role:"group",children:e.children})};He.states=ox;He.options=ax;He.className=Ro;He.defaultOptions=On;import{Fragment as zd,jsx as Io,jsxs as ix}from"react/jsx-runtime";var ea="k-splitbar",lx=[n.hover,n.focus],nx={},Pn={orientation:"horizontal",draggable:!0},ta=e=>{let{hover:t,focus:o,orientation:a=Pn.orientation,draggable:l=Pn.draggable,collapsePrev:s,collapseNext:c,ariaLabel:u,...f}=e;return ix("div",{...f,className:r(e.className,ea,R(ea,{hover:t,focus:o}),{[`${ea}-${a}`]:a,[`${ea}-draggable-${a}`]:l,[`${ea}-static-${a}`]:!l&&!s&&!c}),role:"separator","aria-label":u,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[s&&Io(zd,{children:Io("div",{className:"k-collapse-prev",children:Io(m,{icon:`caret-alt-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),Io("div",{className:"k-resize-handle"}),c&&Io(zd,{children:Io("div",{className:"k-collapse-next",children:Io(m,{icon:`caret-alt-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};ta.states=lx;ta.options=nx;ta.className=ea;ta.defaultOptions=Pn;var Hn="splitter",Ud=Hn;import{jsx as cx,jsxs as px}from"react/jsx-runtime";import{createElement as dx}from"react";var Gn="k-splitter",sx={},Fd={orientation:"horizontal"},Ge=e=>{let{orientation:t=Fd.orientation,children:o,panes:a,...l}=e,s=[];return a&&a.forEach((c,u)=>{let f=a[u+1],N=c.props,v=f?.props;s.push(dx(He,{...N,key:u})),f&&s.push(cx(ta,{draggable:N.resizable!==!1&&v.resizable!==!1,collapsePrev:N.collapsible,collapseNext:v.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${u}`))}),px("div",{...l,className:r(e.className,Gn,{[`${Gn}-${t}`]:t},"k-splitter-flex"),children:[s,o]})};Ge.options=sx;Ge.className=Gn;Ge.defaultOptions=Fd;Ge.moduleName=Hn;Ge.folderName=Ud;Ge.ariaSpec={selector:".k-splitter",rules:[{selector:".k-pane",attribute:"role=group",usage:"Sets the proper role for the Splitter pane."},{selector:".k-splitbar",attribute:"role=separator",usage:"Sets the proper role for the Splitter split-bar element."},{selector:".k-splitbar",attribute:"aria-label",usage:"An accessible name for the separator."},{selector:".k-splitbar-horizontal",attribute:"aria-orientation=vertical",usage:"When a splitbar separates two panes horizontally, its aria-orientation must be explicitly set to vertical."},{selector:".k-splitbar",attribute:"aria-keyshortcuts",usage:"Announces available keyboard shortcuts."}]};import{jsx as jF,jsxs as e8}from"react/jsx-runtime";import{jsx as r8,jsxs as l8}from"react/jsx-runtime";import{jsx as oa}from"react/jsx-runtime";import{createElement as zr}from"react";var mx=Ge.options,ux=Ge.states,$d={...Ge.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},bx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],fx=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],ar=e=>{let{variant:t,modifiers:o,...a}={...$d,...e},l=f=>({collapsible:f,content:f?"Resizable and collapsible":"Resizable only"}),s=l(!0),c=l(!0),u={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(f=>{let N=o?.[f];switch(f){case"secondPaneProps":c=l(!!N);break;case"firstPaneProps":s=l(!!N);break;default:break}}),t==="vertical"?oa(Ge,{style:{height:"238px"},...a,orientation:"vertical",panes:[zr(He,{...s,flexBasis:"50%",style:u,key:"pane-1"},oa("p",{children:s.content})),zr(He,{...c,flexBasis:"50%",style:u,key:"pane-2"},oa("p",{children:c.content}))]}):oa(Ge,{style:{height:"238px"},...a,orientation:"horizontal",panes:[zr(He,{...s,flexBasis:"50%",style:u,key:"pane-1"},oa("p",{children:s.content})),zr(He,{...c,flexBasis:"50%",style:u,key:"pane-2"},oa("p",{children:c.content}))]})};ar.options=mx;ar.states=ux;ar.variants=bx;ar.defaultOptions=$d;ar.modifiers=fx;import{jsx as C8}from"react/jsx-runtime";import{jsx as U,jsxs as ke}from"react/jsx-runtime";var Ur=({content:e,...t})=>U(St,{style:{height:"450px"},toolbar:ke(At,{resizable:!0,children:[U(ne,{prefix:U(m,{icon:"search"}),placeholder:"Search..."}),U(ie,{value:"Default Sort"}),U(p,{icon:"categorize"}),U(p,{icon:"info-circle"})]}),...t,children:U(re,{children:e||U(Y,{className:"k-auto-scrollable",children:ke(Q,{children:[ke("colgroup",{children:[U("col",{style:{width:"200px"}}),U("col",{style:{width:"250px"}})]}),ke(te,{children:[ke(k,{children:[ke(i,{children:[U(m,{className:"k-treelist-toggle",icon:"none"}),"size"]}),U(i,{children:U("b",{children:"medium"})})]}),ke(k,{alt:!0,children:[ke(i,{children:[U(m,{className:"k-treelist-toggle",icon:"none"}),"themeColor"]}),U(i,{children:U("b",{children:"base"})})]}),ke(k,{children:[ke(i,{children:[U(m,{className:"k-treelist-toggle",icon:"none"}),"fillMode"]}),U(i,{children:U("b",{children:"solid"})})]}),ke(k,{alt:!0,children:[ke(i,{children:[U(m,{className:"k-treelist-toggle",icon:"none"}),"rounded"]}),U(i,{children:U("b",{children:"medium"})})]}),ke(k,{children:[ke(i,{children:[U(m,{className:"k-treelist-toggle",icon:"none"}),"icon"]}),U(i,{children:U(m,{icon:"star"})})]}),ke(k,{alt:!0,children:[ke(i,{children:[U(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"font"]}),U(i,{children:"Roboto 400"})]}),ke(k,{children:[ke(i,{children:[U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"none"}),"font-weight"]}),U(i,{children:U("b",{children:"400"})})]}),ke(k,{alt:!0,children:[ke(i,{children:[U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"none"}),"font-family"]}),U(i,{children:U("b",{children:"Roboto"})})]}),U(k,{className:"k-hidden k-bottom k-sticky k-footer-template",children:U(i,{colspan:"2",children:U("span",{children:"\xA0"})})})]})]})})})});import{jsx as aa}from"react/jsx-runtime";var Tx=St.options,hx=St.states,Vd={...St.defaultOptions,variant:"normal"},xx=[{name:"normal",title:"Normal"},{name:"preview",title:"With Preview"}],Nx=[],ra=e=>{let{variant:t,...o}={...Vd,...e};return t==="preview"?aa(Ge,{panes:[aa(He,{className:"k-text-center k-mt-24",scrollable:!0,flexBasis:"215px",children:aa(p,{icon:"star",children:"Button"})},"pane-1"),aa(He,{scrollable:!0,children:aa(Ur,{style:{height:"auto"},...o})},"pane-2")]}):aa(Ur,{style:{height:"auto"},...o})};ra.options=Tx;ra.states=hx;ra.variants=xx;ra.defaultOptions=Vd;ra.modifiers=Nx;var $8=ra;export{ra as PropertygridDemo,$8 as default};
+var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),R=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:s,checked:c,active:u,selected:f,disabled:N,indeterminate:v,loading:L,empty:b,readonly:w,highlighted:S,...E}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":s,"k-checked":c,"k-active":u,"k-selected":f,"k-disabled":N,"k-indeterminate":v&&!c,"k-loading":L,"k-empty":b,"k-readonly":w,"k-highlighted":S},Object.keys(E).reduce((P,O)=>(O.startsWith("k-")?P[O]=E[O]:P[`k-${O}`]=E[O],P),{}))};function Dn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},x={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},g={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var V="grid",J=V;import{jsx as jd,jsxs as ec}from"react/jsx-runtime";var lr="k-grid",Yd=[],Qd={size:[d.undefined,d.small,d.medium,d.large]},Zd=[],Bn={pagerPosition:"bottom"},q=e=>{let{size:t,pagerPosition:o=Bn.pagerPosition,toolbar:a,pager:l,groupingHeader:s,gridSelectionAggregates:c,_renderAriaRoot:u,resizable:f,...N}=e;return ec("div",{...N,className:r(e.className,lr,{[`${lr}-resizable`]:f},A(lr,{size:t})),children:[a,o==="top"&&l,s,e.children&&u?jd("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&l]})};q.states=Yd;q.options=Qd;q.variants=Zd;q.className=lr;q.defaultOptions=Bn;q.moduleName=V;q.folderName=J;import{jsx as tc}from"react/jsx-runtime";var _n="k-grid-header",Y=e=>{let{draggable:t,...o}=e;return tc("div",{...o,className:r(e.className,_n,{"k-grid-draggable-header":t}),children:e.children})};Y.className=_n;Y.moduleName=V;Y.folderName=J;import{jsx as zn,jsxs as oc}from"react/jsx-runtime";var Un="k-grouping-header",qt=e=>{let{dropHint:t,dropClue:o,...a}=e;return oc("div",{...a,className:r(e.className,Un),children:[o&&zn("div",{className:"k-grouping-dropclue"}),e.children,zn("div",{className:"k-grouping-drop-container",children:t})]})};qt.className=Un;qt.moduleName=V;qt.folderName=J;import{jsx as ac}from"react/jsx-runtime";var Fn="k-grid-pinned-container",Fr=e=>{let{position:t,...o}=e;return ac("div",{...o,className:r(e.className,Fn,{"k-pos-bottom":t==="bottom"}),children:e.children})};Fr.className=Fn;Fr.moduleName=V;Fr.folderName=J;import{jsx as rc}from"react/jsx-runtime";var $n="k-grid-sticky-container",$r=e=>{let{position:t,...o}=e;return rc("div",{...o,className:r(e.className,$n,{"k-pos-bottom":t==="bottom"}),children:e.children})};$r.className=$n;$r.moduleName=V;$r.folderName=J;var we="table",Ke=we;import{jsx as sc}from"react/jsx-runtime";var Vn="k-data-table",lc=[],nc={size:[d.undefined,d.small,d.medium,d.large]},ic={},Bt=e=>{let{size:t,...o}=e;return sc("div",{...o,className:r(e.className,Vn,A("k-table",{size:t})),children:e.children})};Bt.states=lc;Bt.options=nc;Bt.className=Vn;Bt.defaultOptions=ic;Bt.moduleName=we;Bt.folderName=Ke;import{jsx as mc}from"react/jsx-runtime";var Vr="k-table-header-wrap",dc=[n.hover,n.focus,n.disabled],cc={},pc={},Yt=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return mc("div",{...s,className:r(e.className,Vr,R(Vr,{hover:o,focus:a,disabled:l})),children:t})};Yt.states=dc;Yt.options=cc;Yt.className=Vr;Yt.defaultOptions=pc;Yt.moduleName=we;Yt.folderName=Ke;import{jsx as Tc}from"react/jsx-runtime";var Wr="k-table",uc=[],bc={size:[d.undefined,d.small,d.medium,d.large]},fc={},De=e=>{let{size:t,...o}=e;return Tc("table",{...o,className:r(e.className,Wr,A(Wr,{size:t})),children:e.children})};De.states=uc;De.options=bc;De.className=Wr;De.defaultOptions=fc;De.moduleName=we;De.folderName=Ke;import{jsx as Xr}from"react/jsx-runtime";var Jr="k-table-header",hc=[n.hover,n.focus,n.disabled],xc={},Nc={},_t=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return Xr("div",{...s,className:r(e.className,Jr,R(Jr,{hover:o,focus:a,disabled:l})),children:Xr(Yt,{children:Xr(De,{children:t})})})};_t.states=hc;_t.options=xc;_t.className=Jr;_t.defaultOptions=Nc;_t.moduleName=we;_t.folderName=Ke;import{jsx as Lc}from"react/jsx-runtime";var Wn="k-table-scroller",gc=[],kc={},vc={},Po=e=>{let{children:t,...o}=e;return Lc("div",{...o,className:r(e.className,Wn),children:t})};Po.states=gc;Po.options=kc;Po.className=Wn;Po.defaultOptions=vc;Po.moduleName=we;Po.folderName=Ke;import{jsx as CN}from"react/jsx-runtime";import{jsx as Sc}from"react/jsx-runtime";var Xn="k-table-footer",Cc=[],yc={},Mc={},Qt=e=>{let{children:t,...o}=e;return Sc("div",{...o,className:r(e.className,Xn),children:t})};Qt.states=Cc;Qt.options=yc;Qt.className=Xn;Qt.defaultOptions=Mc;Qt.moduleName=we;Qt.folderName=Ke;import{jsx as Rc}from"react/jsx-runtime";var qr="k-table-list",wc=[],Ac={size:[d.undefined,d.small,d.medium,d.large]},Ec={},Zt=e=>{let{size:t,virtualization:o,...a}=e;return Rc("ul",{...a,className:r(e.className,"k-table",qr,A(qr,{size:t}),{"k-virtual-table":o}),children:e.children})};Zt.states=wc;Zt.options=Ac;Zt.className=qr;Zt.defaultOptions=Ec;Zt.moduleName=we;Zt.folderName=Ke;import{jsx as Oc}from"react/jsx-runtime";var Ic="k-table-thead",W=e=>Oc("thead",{className:r(e.className,Ic),children:e.children});import{jsx as Hc}from"react/jsx-runtime";var Pc="k-table-tbody",oe=e=>Hc("tbody",{className:r(e.className,Pc),children:e.children});import{jsx as UN}from"react/jsx-runtime";import{jsx as Kc}from"react/jsx-runtime";var Yr="k-table-row",Gc=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],k=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:s,alt:c,...u}=e;return Kc("tr",{...u,className:r(e.className,Yr,{"k-table-alt-row":c},R(Yr,{hover:t,focus:o,disabled:s,selected:a,highlighted:l})),children:e.children})};k.states=Gc;k.className=Yr;import{jsx as Bc}from"react/jsx-runtime";var Qr="k-table-row",Dc=[n.hover,n.focus,n.selected,n.disabled],nr=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:s,...c}=e;return Bc("li",{...c,className:r(e.className,Qr,{"k-table-alt-row":s},R(Qr,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};nr.states=Dc;nr.className=Qr;import{jsx as _c}from"react/jsx-runtime";var Jn="k-table-th",zt=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,s=t||e.children;return _c("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,Jn),children:s})};zt.className=Jn;zt.moduleName=we;zt.folderName=Ke;import{jsx as og}from"react/jsx-runtime";import{jsx as Uc}from"react/jsx-runtime";var Zr="k-table-td",zc=[n.focus,n.selected,n.highlighted],i=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:s,rowspan:c,...u}=e,f=l||e.children;return Uc("td",{colSpan:s,rowSpan:c,...u,className:r(e.className,Zr,R(Zr,{focus:t,selected:o,highlighted:a})),children:f})};i.states=zc;i.className=Zr;import{jsx as dg}from"react/jsx-runtime";import{jsx as ug}from"react/jsx-runtime";import{jsx as hg}from"react/jsx-runtime";import{jsx as kg}from"react/jsx-runtime";import{jsx as yg}from"react/jsx-runtime";import{jsx as Ig,jsxs as Og}from"react/jsx-runtime";import{jsx as Kg,jsxs as Dg}from"react/jsx-runtime";import{jsx as Ug,jsxs as Fg}from"react/jsx-runtime";import{Fragment as qg,jsx as Xg,jsxs as Jg}from"react/jsx-runtime";import{jsx as Wc}from"react/jsx-runtime";var Yn="k-grid-header-table",Q=e=>Wc(De,{...e,className:r(e.className,Yn),children:e.children});Q.className=Yn;Q.moduleName=V;Q.folderName=J;import{Fragment as Yc,jsx as Qn}from"react/jsx-runtime";var jr="k-font-icon",Xc=[],Jc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark]},qc={},la=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:s,...c}=e;return a?Qn("span",{...c,className:r(e.className,jr,A(jr,{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"}):Qn(Yc,{})};la.states=Xc;la.options=Jc;la.className=jr;la.defaultOptions=qc;var Zn=la;import{Fragment as jc,jsx as ir}from"react/jsx-runtime";var el="k-svg-icon",Qc=[],Zc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark]},jn={viewBox:"0 0 24 24"},na=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:s=jn.viewBox,icon:c,...u}=e;if(!c)return ir(jc,{});if(c==="none")return ir("span",{...u,className:r(e.className,el,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name;return ir("span",{...u,className:r(e.className,el,A("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`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:ir("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})})};na.states=Qc;na.options=Zc;na.className=el;na.defaultOptions=jn;var tl=na;import*as ol from"@progress/kendo-svg-icons";var ei="icon",ti="icons";import{useContext as tp}from"react";import{createContext as ep}from"react";var oi=ep({iconsType:"svg"});import{Fragment as ai,jsx as ia}from"react/jsx-runtime";var sr="k-icon",op=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ap=[],rp={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark]},al={viewBox:"0 0 24 24",type:"svg"},m=e=>{let{iconsType:t}=tp(oi),{size:o,themeColor:a,icon:l,type:s=t||al.type,rotate:c,flip:u,viewBox:f=al.viewBox,...N}=e;if(!l)return ia(ai,{});if((t||s)==="svg"){if(l==="none")return ia(tl,{...N,className:r(e.className,sr),icon:l,size:o});let L=ol[l]?l:op(`${l}-icon`);return ol[L]?ia(tl,{...N,className:r(e.className,sr),icon:ol[L],size:o,themeColor:a,rotate:c,flip:u,viewBox:f}):ia(ai,{})}return ia(Zn,{...N,className:r(e.className,sr),icon:l,size:o,themeColor:a,rotate:c,flip:u})};m.states=ap;m.options=rp;m.defaultOptions=al;m.className=sr;m.moduleName=ei;m.folderName=ti;m.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};import{jsx as jt,jsxs as rl}from"react/jsx-runtime";var ll="k-header",lp=[n.hover,n.focus,n.active],ri={sortIcon:"sort-asc-small"},y=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:s,columnTitle:c,hover:u,focus:f,active:N,sortIcon:v=ri.sortIcon,sortOrder:L,accessibleLabel:b,...w}=e;return rl(zt,{...w,className:r(e.className,ll,{"k-filterable":t||a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":s},R(ll,{hover:u,focus:f,active:N})),children:[c&&rl("span",{className:"k-cell-inner",children:[rl("span",{className:"k-link",children:[jt("span",{className:"k-column-title",children:c}),o&&jt("span",{className:"k-sort-icon",children:jt(m,{icon:v})}),L&&jt("span",{className:"k-sort-order",children:L})]}),t&&jt("a",{href:"#",className:r("k-grid-header-menu",{"k-active":N,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:jt(m,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&b&&jt("span",{className:"k-sr-only",children:b}),e.children,s&&jt("span",{className:"k-column-resizer k-touch-action-none"})]})};y.states=lp;y.className=ll;y.defaultOptions=ri;y.moduleName=V;y.folderName=J;import{jsx as np}from"react/jsx-runtime";var li="k-grid-container",re=e=>np("div",{...e,className:r(e.className,li),children:e.children});re.className=li;re.moduleName=V;re.folderName=J;import{jsx as ip}from"react/jsx-runtime";var ni="k-grid-content",Z=e=>ip("div",{...e,className:r(e.className,ni),children:e.children});Z.className=ni;Z.moduleName=V;Z.folderName=J;import{jsx as sp}from"react/jsx-runtime";var ii="k-grid-table",j=e=>sp(De,{...e,className:r(e.className,ii),children:e.children});j.className=ii;j.moduleName=V;j.folderName=J;import{jsx as dp}from"react/jsx-runtime";var si="k-grid-footer",nl=e=>dp("div",{...e,className:r(e.className,si),children:e.children});nl.className=si;nl.moduleName=V;nl.folderName=J;import{jsx as cp}from"react/jsx-runtime";var di="k-grid-footer-table",il=e=>cp(De,{...e,className:r(e.className,di),children:e.children});il.className=di;il.moduleName=V;il.folderName=J;var sl="button",ci=sl;import{Fragment as bp,jsx as sa,jsxs as pi}from"react/jsx-runtime";var da="k-button",pp=["icon-button"],mp=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],up={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},dl={showArrow:!1,arrowIconName:"caret-alt-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:s,showArrow:c=dl.showArrow,arrowIconName:u=dl.arrowIconName,variant:f,hover:N,focus:v,active:L,selected:b,disabled:w,togglable:S,icon:E,text:P,iconClassName:O,className:F,...fe}=e,ve=E!==void 0,ze=e.children!==void 0;return pi(t,{className:r(F,da,Dn(da,f),A(da,{size:o,rounded:a,fillMode:l,themeColor:s}),R(da,{hover:N,focus:v,active:L,disabled:w,selected:b}),{"k-icon-button":!P&&!ze&&ve}),...fe,"aria-pressed":S?b?"true":"false":void 0,disabled:w||void 0,children:[E&&sa(m,{className:r(O,"k-button-icon"),icon:E}),P?pi(bp,{children:[P&&sa("span",{className:"k-button-text",children:P}),e.children]}):e.children&&sa("span",{className:"k-button-text",children:e.children}),c&&sa("span",{className:"k-menu-button-arrow k-button-arrow",children:sa(m,{icon:u})})]})};p.states=mp;p.options=up;p.variants=pp;p.className=da;p.defaultOptions=dl;p.moduleName=sl;p.folderName=ci;p.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 fp}from"react/jsx-runtime";var eo=e=>fp(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Tp}from"react/jsx-runtime";var ca=e=>Tp(p,{icon:"folder",children:"Button",...e});import{jsx as hp}from"react/jsx-runtime";var fo=e=>hp(p,{children:"Button",...e});import{jsx as cl}from"react/jsx-runtime";var xp=p.options,Np=p.states,gp={...p.defaultOptions,variant:"text"},kp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],vp=[],pa=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return cl(eo,{...o,icon:"star"});case"icon-and-text":return cl(ca,{...o,icon:"star",children:"Button"});default:return cl(fo,{...o,children:"Button"})}};pa.options=xp;pa.states=Np;pa.variants=kp;pa.defaultOptions=gp;pa.modifiers=vp;var ma="input",dr=ma;import{jsx as Mp}from"react/jsx-runtime";var cr="k-input",Lp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Cp={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},yp={},Le=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:u,size:f,rounded:N,fillMode:v,...L}=e;return Mp("span",{...L,className:r(e.className,cr,A(cr,{size:f,rounded:N,fillMode:v}),R(cr,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:u}))})};Le.states=Lp;Le.options=Cp;Le.className=cr;Le.defaultOptions=yp;Le.moduleName=ma;Le.folderName=dr;import{jsx as Ep}from"react/jsx-runtime";var pr="k-picker",Sp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],wp={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},Ap={},Et=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:u,size:f,rounded:N,fillMode:v,...L}=e;return Ep("span",{...L,className:r(e.className,pr,A(pr,{size:f,rounded:N,fillMode:v}),R(pr,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:u})),children:e.children})};Et.states=Sp;Et.options=wp;Et.className=pr;Et.defaultOptions=Ap;Et.moduleName=ma;Et.folderName=dr;import{Fragment as Op,jsx as pl}from"react/jsx-runtime";var mi="k-clear-value",Rp=[n.disabled,n.loading,n.readonly],Ip={},rt=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?pl(Op,{}):pl("span",{className:r(e.className,mi),children:pl(m,{icon:"x"})})};rt.states=Rp;rt.options=Ip;rt.className=mi;import{jsx as Gp}from"react/jsx-runtime";var ml="k-input-inner",Pp=[],Hp={},mr={type:"text",autocomplete:"off",value:"",placeholder:""},lt=e=>{let{value:t=mr.value,type:o=mr.type,placeholder:a=mr.placeholder,autocomplete:l=mr.autocomplete,disabled:s,readOnly:c,...u}=e;return Gp("input",{...u,type:o,className:r(e.className,ml,A(ml,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:s||void 0,readOnly:c||void 0})};lt.states=Pp;lt.options=Hp;lt.className=ml;import{jsx as ui,jsxs as Bp}from"react/jsx-runtime";var ul="k-input-inner",Kp=[],Dp={},To=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:s,...c}=e;return Bp("span",{...c,className:r(e.className,ul,A(ul,e)),children:[l,!l&&s&&ui(m,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&ui("span",{className:"k-input-value-text",children:t})]})};To.states=Kp;To.options=Dp;To.className=ul;import{jsx as Up}from"react/jsx-runtime";var bl="k-input-inner",_p=[],zp={},bi={value:"",placeholder:""},fl=e=>{let{value:t=bi.value,placeholder:o=bi.placeholder,rows:a,disabled:l,...s}=e;return Up("textarea",{...s,className:r(e.className,bl,A(bl,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};fl.states=_p;fl.options=zp;fl.className=bl;import{Fragment as $p,jsx as fi}from"react/jsx-runtime";var Ti="k-input-loading-icon",Fp=[n.disabled,n.loading],qe=e=>{let{disabled:t,loading:o}=e;return t||!o?fi($p,{}):fi("span",{className:r(e.className,Ti,"k-icon k-i-loading")})};qe.states=Fp;qe.className=Ti;import{Fragment as Xp,jsx as hi}from"react/jsx-runtime";var xi="k-input-validation-icon",Vp=[n.valid,n.invalid,n.disabled,n.loading],Wp={},Ue=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,s=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?hi(Xp,{}):hi(m,{className:r(xi),icon:s})};Ue.states=Vp;Ue.options=Wp;Ue.className=xi;import{Fragment as Yp,jsx as Ni}from"react/jsx-runtime";var Jp="k-input-prefix",qp={direction:"horizontal"},mt=e=>{let{direction:t=qp.direction,...o}=e;return e.children?Ni("span",{...o,className:r(Jp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Ni(Yp,{})};import{Fragment as jp,jsx as gi}from"react/jsx-runtime";var Qp="k-input-suffix",Zp={direction:"horizontal"},ut=e=>{let{direction:t=Zp.direction,...o}=e;return e.children?gi("span",{...o,className:r(Qp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):gi(jp,{})};import{jsx as BL}from"react/jsx-runtime";import{jsx as tm}from"react/jsx-runtime";var em="k-input-suffix-text",Tl=e=>{let{children:t,...o}=e;return tm("span",{...o,className:r(em,e.className),children:t})};import{jsx as am}from"react/jsx-runtime";var ki="k-input-separator",om={direction:"vertical"},bt=e=>{let{direction:t=om.direction,...o}=e;return am("span",{...o,className:r(ki,e.className,{[`${ki}-${t}`]:t})})};import{Fragment as vi,jsx as Rt,jsxs as hl}from"react/jsx-runtime";var rm=Le.states,lm=Le.defaultOptions,nm=Le.options,im=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],sm=[],ua=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:s,readonly:c,...u}=e,f=t?.prefix,N=t?.suffix,v=t?.["clear-button"],L=t?.["validation-icon"],b=t?.separators;return hl(Le,{...u,valid:o,invalid:a,loading:l,disabled:s,readonly:c,style:{width:300},children:[f&&hl(vi,{children:[Rt(mt,{children:Rt(m,{icon:"lock"})}),b&&Rt(bt,{})]}),Rt(lt,{placeholder:"Placeholder",value:"Value"}),L&&Rt(Ue,{valid:o,invalid:a,loading:l,disabled:s}),Rt(qe,{loading:l,disabled:s}),v&&Rt(rt,{loading:l,disabled:s,readonly:c,value:"Value"}),N&&hl(vi,{children:[b&&Rt(bt,{}),Rt(ut,{children:Rt(fo,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ua.options=nm;ua.states=rm;ua.variants=sm;ua.defaultOptions=lm;ua.modifiers=im;var xl="popup",Li=xl;import{jsx as Ci}from"react/jsx-runtime";var yi="k-animation-container",dm=[],cm={},Mi={positionMode:"absolute"},It=e=>{let{positionMode:t=Mi.positionMode,animationStyle:o,offset:a,...l}=e;return Ci("div",{...l,style:{...a,...e.style},className:r(e.className,yi,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ci("div",{className:"k-child-animation-container",style:o,children:e.children})})};It.states=dm;It.options=cm;It.className=yi;It.defaultOptions=Mi;It.moduleName=xl;It.folderName=Li;var Nl="popup",Si=Nl;import{jsx as wi}from"react/jsx-runtime";var Ai="k-popup",pm=[],mm={},Ei={positionMode:"absolute"},me=e=>{let{offset:t,positionMode:o=Ei.positionMode,animationStyle:a,containerClassName:l,containerRole:s,containerAriaLabel:c,...u}=e;return wi(It,{positionMode:o,offset:t,animationStyle:a,className:l,role:s,"aria-label":c,children:wi("div",{...u,className:r(e.className,Ai),children:e.children})})};me.states=pm;me.options=mm;me.className=Ai;me.defaultOptions=Ei;me.moduleName=Nl;me.folderName=Si;me.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 gl="action-buttons",Ri=gl;import{jsx as fm}from"react/jsx-runtime";var ur="k-actions",um=[],bm={},kl={alignment:"start",orientation:"horizontal"},Ot=e=>{let{alignment:t=kl.alignment,orientation:o=kl.orientation,...a}=e;return fm("div",{...a,className:r(ur,{[`${ur}-${t}`]:t,[`${ur}-${o}`]:o},e.className),children:e.children})};Ot.states=um;Ot.options=bm;Ot.className=ur;Ot.defaultOptions=kl;Ot.moduleName=gl;Ot.folderName=Ri;import{jsx as hm}from"react/jsx-runtime";var Tm="k-actionsheet-footer",Ii={alignment:"stretched",orientation:"horizontal"},to=e=>{let{alignment:t=Ii.alignment,orientation:o=Ii.orientation,template:a,as:l=a?"div":Ot,...s}=e;return hm(l,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,Tm),children:e.children})};var vl="searchbox",Oi=vl;import{jsx as ba,jsxs as gm}from"react/jsx-runtime";var Pi="k-searchbox",xm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Nm={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},Ll={showIcon:!0,icon:"search"},ft=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:s,hover:c,focus:u,valid:f,invalid:N,required:v,loading:L,disabled:b,showIcon:w=Ll.showIcon,icon:S=Ll.icon,...E}=e;return gm(Le,{...E,size:a,rounded:l,fillMode:s,hover:c,focus:u,valid:f,invalid:N,required:v,loading:L,disabled:b,className:r(e.className,Pi),children:[w&&ba(m,{className:"k-input-icon",icon:S}),ba(lt,{placeholder:o,value:t}),ba(qe,{...e}),ba(Ue,{...e}),ba(rt,{...e})]})};ft.states=xm;ft.options=Nm;ft.className=Pi;ft.defaultOptions=Ll;ft.moduleName=vl;ft.folderName=Oi;import{jsx as ry}from"react/jsx-runtime";var Cl="textbox",Hi=Cl;import{Fragment as Gi,jsx as oo,jsxs as yl}from"react/jsx-runtime";var Ki="k-textbox",km=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],vm={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},br={showClearButton:!0,showValidationIcon:!0,separators:!0},ne=e=>{let{size:t,rounded:o,fillMode:a,separators:l=br.separators,showClearButton:s=br.showClearButton,showValidationIcon:c=br.showValidationIcon,prefix:u,suffix:f,type:N,value:v,placeholder:L,hover:b,focus:w,valid:S,invalid:E,required:P,loading:O,disabled:F,readonly:fe,id:ve,"aria-label":ze,"aria-describedby":ot,...at}=e;return yl(Le,{...at,size:t,rounded:o,fillMode:a,hover:b,focus:w,valid:S,invalid:E,required:P,loading:O,disabled:F,readonly:fe,className:r(e.className,Ki),children:[u&&yl(Gi,{children:[oo(mt,{children:u}),l&&oo(bt,{})]}),oo(lt,{id:ve,placeholder:L,value:v,type:N,disabled:F,"aria-label":ze,"aria-describedby":ot,"aria-invalid":E?"true":void 0}),c&&oo(Ue,{valid:S,invalid:E,loading:O,disabled:F}),oo(qe,{loading:O,disabled:F}),s&&oo(rt,{loading:O,disabled:F,readonly:fe,value:v}),f&&yl(Gi,{children:[l&&oo(bt,{}),oo(ut,{children:f})]})]})};ne.states=km;ne.options=vm;ne.className=Ki;ne.defaultOptions=br;ne.moduleName=Cl;ne.folderName=Hi;ne.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 fa=ne;import{jsx as Lm}from"react/jsx-runtime";var Di=e=>Lm(fa,{...e});import{Fragment as vy,jsx as ky}from"react/jsx-runtime";import{Fragment as wy,jsx as Sy}from"react/jsx-runtime";import{jsx as Iy}from"react/jsx-runtime";import{jsx as Ml}from"react/jsx-runtime";var Cm=ne.states,ym=ne.defaultOptions,Mm=ne.options,Sm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],wm=[],Ta=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Ml(m,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[l]?Ml(fo,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;default:break}}),Ml(Di,{value:"Value",style:{width:300},...o,...a})};Ta.options=Mm;Ta.states=Cm;Ta.variants=wm;Ta.defaultOptions=ym;Ta.modifiers=Sm;import{jsx as ao,jsxs as Sl}from"react/jsx-runtime";var Bi="k-actionsheet-titlebar",Am={},Fe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:s,input:c,inputValue:u,inputPlaceholder:f,adaptive:N,titleId:v,children:L,...b}=e;return Sl("div",{...b,className:r(e.className,Bi),children:[Sl("div",{className:"k-actionsheet-titlebar-group",children:[a&&ao("div",{className:"k-actionsheet-actions",children:a}),!L&&Sl("div",{className:"k-actionsheet-title",id:v,children:[t&&ao("div",{className:"k-text-center",children:t}),o&&ao("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),L&&ao("div",{className:"k-actionsheet-title",id:v,children:L}),l&&ao("div",{className:"k-actionsheet-actions",children:l})]}),(c||s)&&ao("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?ao(ne,{value:u,placeholder:f,size:N?"large":"medium","aria-label":t||f||"Input"}):ao(ft,{placeholder:"Filter",size:N?"large":"medium","aria-label":"Filter options"})})]})};Fe.className=Bi;Fe.defaultOptions=Am;import{jsx as wl,jsxs as Om}from"react/jsx-runtime";var Al="k-actionsheet-view",Em=[],Rm={},Im={},Ho=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:s,titleId:c,...u}=e,f=l?.type===Fe&&wl(Fe,{adaptive:t,titleId:c,...l?.props}),N=s?.type===to&&wl(to,{...s?.props});return Om("div",{...u,className:r(e.className,Al,{[`${Al}-animated`]:o}),children:[f,wl("div",{className:"k-actionsheet-content",children:a}),N]})};Ho.states=Em;Ho.options=Rm;Ho.className=Al;Ho.defaultOptions=Im;var ha="action-sheet",fr=ha;var El="overlay",_i=El;import{jsx as Km}from"react/jsx-runtime";var Rl="k-overlay",Pm=[],Hm={themeColor:[h.undefined,h.light,h.dark,h.inverse]},Gm={},ro=e=>{let{themeColor:t,...o}=e;return Km("div",{...o,className:r(e.className,Rl,A(Rl,{themeColor:t})),children:e.children})};ro.states=Pm;ro.options=Hm;ro.className=Rl;ro.defaultOptions=Gm;ro.moduleName=El;ro.folderName=_i;import{jsx as Tr,jsxs as _m}from"react/jsx-runtime";var zi="k-actionsheet",Dm=[],Bm={},xa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},xe=e=>{let{side:t=xa.side,fullscreen:o=xa.fullscreen,adaptive:a=xa.adaptive,overlay:l=xa.overlay,template:s,children:c,header:u,footer:f,id:N,...v}=e,L=N&&!s&&u?`${N}-title`:void 0;return _m("div",{className:"k-actionsheet-container",children:[l&&Tr(ro,{}),Tr(It,{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:Tr("div",{...v,id:N,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":L,className:r(e.className,zi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||Tr(Ho,{header:u,footer:f,adaptive:a,titleId:L,...e,children:c})})})]})};xe.states=Dm;xe.options=Bm;xe.className=zi;xe.defaultOptions=xa;xe.moduleName=ha;xe.folderName=fr;xe.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 $m}from"react/jsx-runtime";var Ui="k-actionsheet-container",zm=[],Um={},Fm={},Go=e=>{let{children:t,...o}=e;return $m("div",{...o,className:Ui,children:t})};Go.states=zm;Go.options=Um;Go.className=Ui;Go.defaultOptions=Fm;Go.moduleName=ha;Go.folderName=fr;import{jsx as Vm}from"react/jsx-runtime";var Il=e=>{let{...t}=e;return Vm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Xm,jsx as Na,jsxs as Ol}from"react/jsx-runtime";var Pl="k-actionsheet-item",Wm=[n.hover,n.focus,n.selected,n.disabled],lo=e=>{let{iconName:t,text:o,description:a,hover:l,focus:s,selected:c,disabled:u,...f}=e;return Ol("span",{...f,className:r(e.className,Pl,R(Pl,{hover:l,focus:s,selected:c,disabled:u})),children:[!e.children&&Na(Xm,{children:Ol("span",{className:"k-actionsheet-action",children:[t&&Na("span",{className:"k-icon-wrap",children:Na(m,{className:"k-actionsheet-item-icon",icon:t})}),Ol("span",{className:"k-actionsheet-item-text",children:[o&&Na("span",{className:"k-actionsheet-item-title",children:o}),a&&Na("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};lo.states=Wm;lo.className=Pl;import{jsx as RM,jsxs as IM}from"react/jsx-runtime";import{jsx as GM}from"react/jsx-runtime";import{jsx as _M}from"react/jsx-runtime";import{jsx as $M}from"react/jsx-runtime";import{jsx as Ae,jsxs as Hl}from"react/jsx-runtime";var Jm=xe.options,qm=xe.states,$i={...xe.defaultOptions,variant:"normal"},Ym=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Qm=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ga=e=>{let{variant:t,modifiers:o,...a}={...$i,...e},l={},s=Hl(Il,{children:[Ae(lo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Ae(lo,{text:"Add to Favorites",iconName:"heart"}),Ae(lo,{text:"Upload New",iconName:"upload",disabled:!0}),Ae("hr",{className:"k-hr"}),Ae(lo,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",u="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":l.actionsStart=!!o?.[f],l.actionsEnd=!!o?.[f];break;case"subtitle":l.subtitle=o?.[f]?c:void 0;break;case"footer":l.footer=!!o?.[f];break;default:break}}),t==="adaptive"?Ae(xe,{...a,adaptive:!0,fullscreen:l.fullScreen,header:Ae(Fe,{actionsStart:l.actionsStart?Ae(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Ae(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?Hl(to,{alignment:"stretched",children:[Ae(p,{text:"Cancel",size:"large",themeColor:"base"}),Ae(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):Ae(xe,{...a,fullscreen:l.fullScreen,header:Ae(Fe,{actionsStart:l.actionsStart?Ae(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Ae(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Hl(to,{alignment:"stretched",children:[Ae(p,{text:"Apply",themeColor:"primary"}),Ae(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};ga.options=Jm;ga.states=qm;ga.variants=Ym;ga.defaultOptions=$i;ga.modifiers=Qm;import Kl from"react";import{jsx as Vi}from"react/jsx-runtime";var Zm="k-list-group-sticky-header",Gl=e=>Vi("div",{className:r(Zm,e.className),children:Vi("div",{className:"k-list-header-text",children:e.children})});import{jsx as eu}from"react/jsx-runtime";var jm="k-no-data",hr=e=>{let{live:t,...o}=e;return eu("span",{...o,className:r(jm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ho="list",Ko=ho;import{jsx as Wi,jsxs as Xi}from"react/jsx-runtime";var Dl="k-list",tu=[],ou={size:[d.undefined,d.small,d.medium,d.large]},au={},ee=e=>{let{size:t,virtualization:o,children:a,header:l,optionLabel:s,customValue:c,noData:u,screenReaders:f,...N}=e,L=Kl.Children.toArray(a)[0],b=L?.props?.children?Kl.Children.count(L.props.children):Kl.Children.count(a);return Xi("div",{...N,className:r(e.className,Dl,A(Dl,{size:t}),{"k-virtual-list":o}),children:[s,c,l&&Wi(Gl,{children:l}),a||(u!==void 0?u:Wi(hr,{live:!0,children:"No data found."})),f&&a&&Xi(hr,{className:"k-sr-only",live:!0,children:[b," items found."]})]})};ee.states=tu;ee.options=ou;ee.className=Dl;ee.defaultOptions=au;ee.moduleName=ho;ee.folderName=Ko;ee.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 iu}from"react/jsx-runtime";var Ji="k-list-container",ru=[],lu={},nu={},Do=e=>{let{...t}=e;return iu("div",{...t,className:r(e.className,Ji),children:e.children})};Do.states=ru;Do.options=lu;Do.className=Ji;Do.defaultOptions=nu;Do.moduleName=ho;Do.folderName=Ko;var xo="checkbox",Bo=xo;import{jsx as qi}from"react/jsx-runtime";var xr="k-checkbox",su=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],du={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full]},cu={},Ye=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:s,disabled:c,invalid:u,valid:f,required:N,size:v,rounded:L,...b}=e;return qi("span",{className:"k-checkbox-wrap",children:qi("input",{...b,id:t,type:"checkbox",defaultChecked:o,required:N,disabled:c||void 0,"aria-invalid":u?"true":void 0,className:r(e.className,xr,A(xr,{size:v,rounded:L}),R(xr,{hover:l,focus:s,disabled:c,invalid:u,valid:f,indeterminate:a,checked:o}))})})};Ye.states=su;Ye.options=du;Ye.className=xr;Ye.defaultOptions=cu;Ye.moduleName=xo;Ye.folderName=Bo;Ye.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 Pt=Ye;import{jsx as uu}from"react/jsx-runtime";var Yi="k-checkbox-list",pu=[],mu={},Qi={layout:"vertical"},Qe=e=>{let{layout:t=Qi.layout,...o}=e;return uu("ul",{...o,className:r(e.className,Yi,{[`k-list-${t}`]:t}),children:e.children})};Qe.states=pu;Qe.options=mu;Qe.className=Yi;Qe.defaultOptions=Qi;Qe.moduleName=xo;Qe.folderName=Bo;import{jsx as hu}from"react/jsx-runtime";var Zi="k-checkbox-list-item",bu=[],fu={},Tu={},$e=e=>{let{...t}=e;return hu("li",{...t,className:r(e.className,Zi),children:e.children})};$e.states=bu;$e.options=fu;$e.className=Zi;$e.defaultOptions=Tu;$e.moduleName=xo;$e.folderName=Bo;import{Fragment as xu,jsx as ji,jsxs as Nu}from"react/jsx-runtime";var Ut=({children:e,id:t,...o})=>Nu(xu,{children:[ji(Pt,{id:t,...o}),ji("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as jS,jsx as ZS,jsxs as ew}from"react/jsx-runtime";import{Fragment as lw,jsx as rw,jsxs as nw}from"react/jsx-runtime";import{Fragment as pw,jsx as cw,jsxs as mw}from"react/jsx-runtime";import{jsx as Tw}from"react/jsx-runtime";import{jsx as gw}from"react/jsx-runtime";import{jsx as Cw}from"react/jsx-runtime";import{jsx as Tt,jsxs as es}from"react/jsx-runtime";var gu=Qe.options,ku=Qe.states,vu={...Qe.defaultOptions,variant:"vertical"},Lu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Cu=[],ka=e=>{let{variant:t,...o}=e;return t==="horizontal"?es(Qe,{layout:"horizontal",...o,children:[Tt($e,{children:Tt(Ut,{id:"first",defaultChecked:!0,children:"Label"})}),Tt($e,{children:Tt(Ut,{id:"second",children:"Label"})}),Tt($e,{children:Tt(Ut,{id:"third",children:"Label"})})]}):es(Qe,{...o,children:[Tt($e,{children:Tt(Ut,{id:"first",defaultChecked:!0,children:"Label"})}),Tt($e,{children:Tt(Ut,{id:"second",children:"Label"})}),Tt($e,{children:Tt(Ut,{id:"third",children:"Label"})})]})};ka.options=gu;ka.states=ku;ka.variants=Lu;ka.defaultOptions=vu;ka.modifiers=Cu;import{jsx as Eu}from"react/jsx-runtime";var yu=Pt.options,Mu=Pt.states,Su=Pt.defaultOptions,wu=[],Au=[],va=e=>Eu(Ut,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});va.options=yu;va.states=Mu;va.variants=wu;va.defaultOptions=Su;va.modifiers=Au;import{jsx as No,jsxs as Pu}from"react/jsx-runtime";var Bl="k-list-item",Ru=[n.hover,n.focus,n.selected,n.disabled],Iu={},Ou={},z=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:s,showCheckbox:c,checked:u,hover:f,focus:N,selected:v,disabled:L,actions:b,description:w,id:S,...E}=e,P=t||e.children;return Pu("li",{...E,id:S,role:a?"presentation":"option",tabIndex:a?void 0:N?0:-1,"aria-selected":!a&&v?"true":a?void 0:"false","aria-disabled":!a&&L?"true":void 0,className:r(e.className,a?"k-list-group-item":Bl,R(Bl,{hover:f,focus:N,disabled:L,selected:v})),children:[c&&No(Ye,{checked:u}),l&&No("span",{className:"k-list-item-icon-wrapper",children:No(m,{icon:l,className:r("k-list-item-icon",s)})}),No("span",{className:"k-list-item-text",children:P}),b&&No("div",{className:"k-list-item-actions",children:b}),w&&No("span",{className:"k-list-item-description",children:w}),o&&o!==""&&No("div",{className:"k-list-item-group-label",children:o})]})};z.states=Ru;z.options=Iu;z.className=Bl;z.defaultOptions=Ou;z.moduleName=ho;z.folderName=Ko;z.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as Gu}from"react/jsx-runtime";var Hu="k-list-ul",Ft=e=>{let{children:t,role:o,id:a,...l}=e;return Gu("ul",{...l,id:a,role:o,className:r(Hu,e.className),children:t})};Ft.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 _l,jsxs as Du}from"react/jsx-runtime";var Ku="k-list-content",se=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:s,...c}=e;return Du("div",{...c,className:r(Ku,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:_l(Ft,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&_l("div",{className:"k-height-container",children:_l("div",{})})]})};se.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 mA,jsx as pA,jsxs as uA}from"react/jsx-runtime";import{jsx as zl,jsxs as _u}from"react/jsx-runtime";var Bu="k-list-group-item",go=e=>{let{groupIconName:t,...o}=e;return _u("li",{...o,role:"presentation",className:r(Bu,e.className),children:[t&&zl("span",{className:"k-list-item-icon-wrapper",children:zl(m,{icon:t,className:"k-list-item-icon"})}),zl("span",{className:"k-list-item-text",children:e.children})]})};go.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as $u}from"react/jsx-runtime";var Ul="k-list-optionlabel",zu=[n.hover,n.focus,n.selected,n.disabled],Uu={},Fu={},Nr=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...c}=e;return $u("div",{...c,className:r(Ul,R(Ul,{hover:o,focus:a,selected:l,disabled:s})),children:t})};Nr.states=zu;Nr.options=Uu;Nr.className=Ul;Nr.defaultOptions=Fu;import{jsx as Ju}from"react/jsx-runtime";var Fl="k-list-custom-value",Vu=[n.hover,n.focus,n.selected,n.disabled],Wu={},Xu={},no=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...c}=e;return Ju("div",{...c,className:r(Fl,R(Fl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};no.states=Vu;no.options=Wu;no.className=Fl;no.defaultOptions=Xu;import{Fragment as AA,jsx as wA,jsxs as EA}from"react/jsx-runtime";import{Fragment as GA,jsx as HA,jsxs as KA}from"react/jsx-runtime";import{Fragment as $A,jsx as UA,jsxs as FA}from"react/jsx-runtime";import{Fragment as QA,jsx as qA,jsxs as YA}from"react/jsx-runtime";import{jsx as tE}from"react/jsx-runtime";import{Fragment as iE,jsx as nE,jsxs as sE}from"react/jsx-runtime";var ts="dropdown-list",os="dropdownlist";import{Fragment as Qu,jsx as Ve,jsxs as $l}from"react/jsx-runtime";var as="k-dropdownlist",qu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Yu={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},Vl={showValue:!0,arrowIconName:"caret-alt-down"},ie=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Vl.arrowIconName,showValue:s=Vl.showValue,valueIconName:c,prefix:u,suffix:f,value:N,placeholder:v,hover:L,focus:b,valid:w,invalid:S,required:E,loading:P,disabled:O,readonly:F,popup:fe,opened:ve,adaptive:ze,adaptiveSettings:ot,adaptiveTitle:at,adaptiveSubtitle:Oo,adaptiveFilter:Ur,...rr}=e;return $l(Qu,{children:[$l(Et,{...rr,size:t,rounded:o,fillMode:a,hover:L,focus:b,valid:w,invalid:S,required:E,loading:P,disabled:O,readonly:F,className:r(e.className,as,{"k-icon-picker":!s&&c}),children:[Ve(mt,{children:u}),Ve(To,{placeholder:v,value:N,showValue:s,valueIconName:c}),Ve(Ue,{valid:w,invalid:S,loading:P,disabled:O}),Ve(qe,{loading:P,disabled:O}),Ve(ut,{children:f}),Ve(p,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":v||"Toggle dropdown"})]}),ve&&fe&&Ve(me,{className:"k-list-container k-dropdownlist-popup",children:fe}),ze&&Ve(xe,{adaptive:!0,...ot,header:Ve(Fe,{actionsEnd:Ve(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Ur,inputValue:N,inputPlaceholder:v,title:at,subtitle:Oo}),children:Ve("div",{className:"k-list-container",children:Ve(ee,{size:"large",children:$l(se,{children:[Ve(z,{text:"List item"}),Ve(z,{text:"List item"}),Ve(z,{text:"List item"})]})})})})]})};ie.states=qu;ie.options=Yu;ie.className=as;ie.defaultOptions=Vl;ie.moduleName=ts;ie.folderName=os;import{jsx as _E}from"react/jsx-runtime";import{jsx as VE,jsxs as WE}from"react/jsx-runtime";import{Fragment as eR,jsx as ZE,jsxs as jE}from"react/jsx-runtime";import{jsx as rR}from"react/jsx-runtime";import{jsx as dR,jsxs as cR}from"react/jsx-runtime";import{Fragment as xR,jsx as TR,jsxs as hR}from"react/jsx-runtime";import{Fragment as ab,jsx as io,jsxs as rs}from"react/jsx-runtime";var Zu=ie.states,ju=ie.defaultOptions,eb=ie.options,tb=[{name:"opened",title:"Opened"}],ob=[],Ca=e=>{let{modifiers:t,...o}=e,a={},l=rs(ab,{children:[io("div",{className:"k-list-filter",children:io(ft,{})}),io(ee,{style:{width:300},size:o.size,children:rs(se,{children:[io(z,{children:"List item"}),io(z,{children:"List item"}),io(z,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?l:void 0)}),io("div",{children:io(ie,{placeholder:"Value",style:{width:300},...o,...a})})};Ca.options=eb;Ca.states=Zu;Ca.variants=ob;Ca.defaultOptions=ju;Ca.modifiers=tb;import{jsx as ls,jsxs as sb}from"react/jsx-runtime";var ns="k-spin-button",nb=[],ib={size:[d.undefined,d.small,d.medium,d.large],fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link]},Wl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},so=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=Wl.increaseLabel,decreaseLabel:s=Wl.decreaseLabel,...c}=e;return sb("span",{...c,className:r(ns,e.className),children:[ls(p,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),ls(p,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};so.states=nb;so.options=ib;so.className=ns;so.defaultOptions=Wl;so.moduleName=null;so.folderName=null;var is="numeric-textbox",ss="numerictextbox";import{Fragment as ds,jsx as $t,jsxs as Xl}from"react/jsx-runtime";var cs="k-numerictextbox",db=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],cb={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},gr={showSpinButton:!0,showClearButton:!0,separators:!0},$=e=>{let{size:t,rounded:o,fillMode:a,separators:l=gr.separators,showClearButton:s=gr.showClearButton,showSpinButton:c=gr.showSpinButton,prefix:u,suffix:f,value:N,placeholder:v,hover:L,focus:b,valid:w,invalid:S,required:E,loading:P,disabled:O,readonly:F,id:fe,"aria-label":ve,"aria-describedby":ze,...ot}=e;return Xl(Le,{...ot,size:t,rounded:o,fillMode:a,hover:L,focus:b,valid:w,invalid:S,required:E,loading:P,disabled:O,readonly:F,className:r(e.className,cs),children:[u&&Xl(ds,{children:[$t(mt,{children:u}),l&&$t(bt,{})]}),$t(lt,{id:fe,placeholder:v,value:N,role:"spinbutton",disabled:O,"aria-label":ve,"aria-describedby":ze,"aria-invalid":S?"true":void 0}),$t(Ue,{valid:w,invalid:S,loading:P,disabled:O}),$t(qe,{loading:P,disabled:O}),s&&$t(rt,{loading:P,disabled:O,readonly:F,value:N}),f&&Xl(ds,{children:[l&&$t(bt,{}),$t(ut,{children:f})]}),c&&$t(so,{className:"k-input-spinner",size:t,fillMode:a,disabled:O})]})};$.states=db;$.options=cb;$.className=cs;$.defaultOptions=gr;$.moduleName=is;$.folderName=ss;$.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 ya=$;import{jsx as pb}from"react/jsx-runtime";var ps=e=>pb(ya,{...e});import{Fragment as aI,jsx as oI}from"react/jsx-runtime";import{Fragment as dI,jsx as sI}from"react/jsx-runtime";import{jsx as uI}from"react/jsx-runtime";import{jsx as Jl}from"react/jsx-runtime";var mb=$.states,ub=$.defaultOptions,bb=$.options,fb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Tb=[],Ma=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Jl(ie,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[l]?Jl(Tl,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;case"spin-button":a.showSpinButton=t?.[l];break;default:break}}),Jl(ps,{value:"Value",style:{width:300},...o,...a})};Ma.options=bb;Ma.states=mb;Ma.variants=Tb;Ma.defaultOptions=ub;Ma.modifiers=fb;var ql="pager",ms=ql;import{Fragment as us,jsx as Ze,jsxs as _o}from"react/jsx-runtime";var kr="k-pager",hb=[n.focus,n.disabled],xb={size:[d.undefined,d.small,d.medium,d.large]},nt={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=nt.responsive,size:o,pagerSizeInfo:a=nt.pagerSizeInfo,pageTitleInfo:l=nt.pageTitleInfo,maxPagesInfo:s=nt.maxPagesInfo,itemsPerPage:c=nt.itemsPerPage,maxPages:u=nt.maxPages,currentPage:f=nt.currentPage,previousNext:N=nt.previousNext,type:v=nt.type,pageSizes:L=nt.pageSizes,refresh:b=nt.refresh,info:w=nt.info,focus:S,disabled:E,dir:P,...O}=e,F=[],fe=[];for(let ve=1;ve<=u;ve++)F.push(Ze(p,{selected:ve===f,fillMode:"flat",themeColor:"primary",size:o,children:ve})),fe.push(Ze("option",{selected:ve===f,children:ve}));return _o("div",{dir:P,...O,className:r(e.className,kr,A(kr,{size:o}),R(kr,{focus:S,disabled:E}),{"k-pager-responsive":t}),children:[_o("div",{className:r("k-pager-numbers-wrap"),children:[N&&_o(us,{children:[Ze(p,{className:r("k-pager-nav","k-pager-first"),disabled:f===1&&!E,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),Ze(p,{className:r("k-pager-nav"),disabled:f===1&&!E,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-right":"caret-alt-left"})]}),v==="numeric"&&Ze("div",{className:r("k-pager-numbers"),children:F}),v==="input"&&_o("span",{className:r("k-pager-input"),children:[l&&Ze("span",{children:"Page"}),Ze($,{value:`${f}`,size:o,showSpinButton:!1,showClearButton:!1}),Ze("span",{children:s&&`of ${u}`})]}),N&&_o(us,{children:[Ze(p,{className:r("k-pager-nav"),disabled:f===u&&!E,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-left":"caret-alt-right"}),Ze(p,{className:r("k-pager-nav","k-pager-last"),disabled:f===u&&!E,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),L&&_o("span",{className:r("k-pager-sizes"),children:[Ze(ie,{value:`${c}`,size:o}),a&&Ze("span",{children:"items per page"})]}),b&&Ze(p,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),w&&Ze("span",{className:r("k-pager-info"),children:w})]})};he.states=hb;he.options=xb;he.className=kr;he.defaultOptions=nt;he.moduleName=ql;he.folderName=ms;import{jsx as BI}from"react/jsx-runtime";import{jsx as FI}from"react/jsx-runtime";import{jsx as XI}from"react/jsx-runtime";import{jsx as bs}from"react/jsx-runtime";var Nb=he.options,gb=he.states,kb={...he.defaultOptions,variant:"numeric"},vb=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Lb=[],Sa=e=>{let{variant:t,...o}=e;return t==="input"?bs(he,{...o,type:"input"}):bs(he,{...o,type:"numeric"})};Sa.options=Nb;Sa.states=gb;Sa.variants=vb;Sa.defaultOptions=kb;Sa.modifiers=Lb;import{jsx as Cb}from"react/jsx-runtime";var fs="k-grid-pager",Ht=e=>Cb(he,{...e,className:r(e.className,fs),children:e.children});Ht.className=fs;Ht.moduleName=V;Ht.folderName=J;var Yl="button",Ts=Yl;import{jsx as wb}from"react/jsx-runtime";var wa="k-button-group",yb=[n.disabled],Mb={fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link]},Sb={},D=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return wb("div",{role:"group",...l,className:r(e.className,wa,A(wa,{fillMode:t}),R(wa,{disabled:o}),{[`${wa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};D.states=yb;D.options=Mb;D.className=wa;D.defaultOptions=Sb;D.moduleName=Yl;D.folderName=Ts;D.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as gO,jsx as NO,jsxs as kO}from"react/jsx-runtime";import{Fragment as SO,jsx as MO,jsxs as wO}from"react/jsx-runtime";import{Fragment as PO,jsx as OO,jsxs as HO}from"react/jsx-runtime";import{Fragment as zO,jsx as _O,jsxs as UO}from"react/jsx-runtime";import{Fragment as JO,jsx as XO,jsxs as qO}from"react/jsx-runtime";import{Fragment as tP,jsx as eP,jsxs as oP}from"react/jsx-runtime";import{jsx as Vt,jsxs as Ql}from"react/jsx-runtime";var Ab={...p.options,...D.options},Eb=p.states,Rb={...p.defaultOptions,...D.defaultOptions,variant:"text-button"},Ib=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Ob=[],Aa=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Ql(D,{fillMode:a.fillMode,className:o,children:[Vt(p,{...a,icon:"star"}),Vt(p,{...a,icon:"star"}),Vt(p,{...a,icon:"star"})]}):t==="icon-text-button"?Ql(D,{fillMode:a.fillMode,className:o,children:[Vt(p,{...a,icon:"star",children:"First"}),Vt(p,{...a,icon:"star",children:"Middle"}),Vt(p,{...a,icon:"star",children:"Last"})]}):Ql(D,{fillMode:a.fillMode,className:o,children:[Vt(p,{...a,children:"First"}),Vt(p,{...a,children:"Middle"}),Vt(p,{...a,children:"Last"})]})};Aa.options=Ab;Aa.states=Eb;Aa.variants=Ib;Aa.defaultOptions=Rb;Aa.modifiers=Ob;import{jsx as hs,jsxs as Gb}from"react/jsx-runtime";var xs="k-color-preview",Pb=[],Hb={},co=e=>{let{color:t,iconName:o,...a}=e;return Gb("span",{...a,className:r(e.className,xs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&hs(m,{icon:o,className:"k-color-preview-icon"}),hs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};co.states=Pb;co.options=Hb;co.className=xs;var Zl="slider",Ns=Zl;import{jsx as zo,jsxs as jl}from"react/jsx-runtime";var Ea="k-slider",Kb=[n.hover,n.focus,n.active,n.disabled,n.readonly],Db={},xt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ue=e=>{let{type:t=xt.type,orientation:o=xt.orientation,gradientType:a=xt.gradientType,readonly:l=xt.readonly,disabled:s=xt.disabled,handlePosition:c=xt.handlePosition,showButtons:u=xt.showButtons,showTicks:f=xt.showTicks,value:N=xt.value,min:v=xt.min,max:L=xt.max,startValue:b,endValue:w,hover:S,focus:E,active:P,trackStyle:O,dir:F,...fe}=e,ze=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ot,at;return o==="horizontal"?(ot=F==="rtl"?"caret-alt-left":"caret-alt-right",at=F==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(ot="caret-alt-up",at="caret-alt-down"),jl("div",{...fe,className:r(Ea,e.className,R(Ea,{readonly:l,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:F,children:[u&&zo(p,{className:"k-button-decrease",rounded:"full",icon:at,tabIndex:-1,title:"Decrease"}),jl("div",{className:"k-slider-track-wrap",children:[f&&zo("ul",{className:"k-reset k-slider-items",children:e.children}),jl("div",{className:"k-slider-track",style:O,children:[zo("div",{className:"k-slider-selection"}),t==="range"&&zo("span",{className:r("k-draghandle","k-draghandle-start",R(Ea,{hover:S,focus:E,active:P})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":b??v,"aria-valuemin":v,"aria-valuemax":w??L,"aria-orientation":ze,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":fe["aria-label"]?`${fe["aria-label"]} start`:"Range start"}),zo("span",{className:r("k-draghandle",`k-draghandle-${c}`,R(Ea,{hover:S,focus:E,active:P})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?w??L:N,"aria-valuemin":t==="range"?b??v:v,"aria-valuemax":L,"aria-orientation":ze,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?fe["aria-label"]?`${fe["aria-label"]} end`:"Range end":fe["aria-label"]})]})]}),u&&zo(p,{className:"k-button-increase",rounded:"full",icon:ot,tabIndex:-1,title:"Increase"})]})};ue.states=Kb;ue.options=Db;ue.className=Ea;ue.defaultOptions=xt;ue.moduleName=Zl;ue.folderName=Ns;ue.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 gs}from"react/jsx-runtime";var ks="k-tick",Bb=[],_b={},vs={label:!1},G=e=>{let{style:t,label:o=vs.label,orientation:a,large:l,text:s,...c}=e;return gs("li",{...c,className:r(e.className,ks,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&gs("span",{className:"k-label",children:s})})};G.states=Bb;G.options=_b;G.className=ks;G.defaultOptions=vs;import{Fragment as zb,jsx as Nt,jsxs as Ub}from"react/jsx-runtime";var Ls=e=>Nt(ue,{"aria-label":e["aria-label"]||"Slider",children:Ub(zb,{children:[Nt(G,{className:"k-first",label:!0,large:!0,text:"0"}),Nt(G,{}),Nt(G,{}),Nt(G,{}),Nt(G,{}),Nt(G,{label:!0,large:!0,text:"5"}),Nt(G,{}),Nt(G,{}),Nt(G,{}),Nt(G,{}),Nt(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Fb,jsx as gt,jsxs as $b}from"react/jsx-runtime";var Cs=e=>gt(ue,{children:$b(Fb,{children:[gt(G,{className:"k-first",label:!0,large:!0,text:"0"}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{label:!0,large:!0,text:"5"}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as UP,jsx as zP,jsxs as FP}from"react/jsx-runtime";import{Fragment as JP,jsx as XP,jsxs as qP}from"react/jsx-runtime";import{jsx as Vb}from"react/jsx-runtime";var en=e=>Vb(ue,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Wb}from"react/jsx-runtime";var tn=e=>Wb(ue,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as n0,jsx as l0,jsxs as i0}from"react/jsx-runtime";import{Fragment as m0,jsx as p0,jsxs as u0}from"react/jsx-runtime";import{jsx as Gt,jsxs as ys}from"react/jsx-runtime";var Xb=ue.options,Jb=ue.states,Ms={...ue.defaultOptions,variant:"horizontal",label:!0},qb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Yb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ra=e=>{let{variant:t,modifiers:o,...a}={...Ms,...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:u}=l,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?ys(Cs,{showTicks:u,showButtons:c,style:{height:"300px",...f},...a,children:[Gt(G,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Gt(G,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Gt(G,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Gt(G,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Gt(G,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):ys(Ls,{showTicks:u,showButtons:c,style:{width:"400px",...f},...a,children:[Gt(G,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Gt(G,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Gt(G,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Gt(G,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Gt(G,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ra.options=Xb;Ra.states=Jb;Ra.variants=qb;Ra.defaultOptions=Ms;Ra.modifiers=Yb;import{Fragment as Ia,jsx as X,jsxs as Ne}from"react/jsx-runtime";var Ss="k-colorgradient-inputs",Qb=[],Zb={size:[d.undefined,d.small,d.medium,d.large]},ws={mode:"rgba"},Uo=e=>{let{mode:t=ws.mode,size:o,...a}=e;return Ne("div",{...a,className:r(Ss,"k-hstack"),children:[X("div",{className:"k-vstack",children:X(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Ne(Ia,{children:[Ne("div",{className:"k-vstack",children:[X($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),X("label",{className:"k-colorgradient-input-label",children:"R"})]}),Ne("div",{className:"k-vstack",children:[X($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),X("label",{className:"k-colorgradient-input-label",children:"G"})]}),Ne("div",{className:"k-vstack",children:[X($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),X("label",{className:"k-colorgradient-input-label",children:"B"})]}),Ne("div",{className:"k-vstack",children:[X($,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),X("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Ne(Ia,{children:[Ne("div",{className:"k-vstack",children:[X($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),X("label",{className:"k-colorgradient-input-label",children:"R"})]}),Ne("div",{className:"k-vstack",children:[X($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),X("label",{className:"k-colorgradient-input-label",children:"G"})]}),Ne("div",{className:"k-vstack",children:[X($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),X("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Ne(Ia,{children:[Ne("div",{className:"k-vstack",children:[X($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),X("label",{className:"k-colorgradient-input-label",children:"H"})]}),Ne("div",{className:"k-vstack",children:[X($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),X("label",{className:"k-colorgradient-input-label",children:"S"})]}),Ne("div",{className:"k-vstack",children:[X($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),X("label",{className:"k-colorgradient-input-label",children:"V"})]}),Ne("div",{className:"k-vstack",children:[X($,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),X("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Ne(Ia,{children:[Ne("div",{className:"k-vstack",children:[X($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),X("label",{className:"k-colorgradient-input-label",children:"H"})]}),Ne("div",{className:"k-vstack",children:[X($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),X("label",{className:"k-colorgradient-input-label",children:"S"})]}),Ne("div",{className:"k-vstack",children:[X($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),X("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&X(Ia,{children:Ne("div",{className:"k-vstack k-flex-1",children:[X(ne,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),X("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Uo.states=Qb;Uo.options=Zb;Uo.className=Ss;Uo.defaultOptions=ws;import{jsx as ko,jsxs as vo}from"react/jsx-runtime";var As="k-colorgradient-color-contrast",jb=[],ef={},tf={},Fo=()=>vo("div",{className:r(As,"k-vbox"),children:[vo("div",{className:"k-contrast-ratio",children:[ko("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),vo("span",{className:"k-contrast-validation !k-text-success",children:[ko(m,{icon:"check"}),ko(m,{icon:"check"})]})]}),vo("div",{children:[ko("span",{children:"AA: 4.5"}),vo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",ko(m,{icon:"check"})]})]}),vo("div",{children:[ko("span",{children:"AAA: 7.0"}),vo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",ko(m,{icon:"x"})]})]})]});Fo.states=jb;Fo.options=ef;Fo.className=As;Fo.defaultOptions=tf;var Es="color-gradient",Rs="colorgradient";import{jsx as kt,jsxs as Oa}from"react/jsx-runtime";var vr="k-colorgradient",of=[n.hover,n.focus,n.readonly,n.disabled],af={size:[d.undefined,d.small,d.medium,d.large]},Kt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},Ee=e=>{let{size:t,mode:o=Kt.mode,readonly:a=Kt.readonly,disabled:l=Kt.disabled,gradientStyle:s=Kt.gradientStyle,dragHandleStyle:c=Kt.dragHandleStyle,alphaStyle:u=Kt.alphaStyle,alphaStyleHorizontal:f=Kt.alphaStyleHorizontal,contrast:N=Kt.contrast,dir:v,hover:L,focus:b,hoverHandle:w,focusHandle:S,canvasOrientation:E=Kt.canvasOrientation,role:P,tabIndex:O,...F}=e;return Oa("div",{...F,role:P??"textbox","aria-label":P==="none"?void 0:"Color gradient",tabIndex:O??0,"aria-disabled":l?"true":void 0,className:r(e.className,vr,A(vr,{size:t}),R(vr,{hover:L,focus:b,readonly:a,disabled:l})),dir:v,children:[!E||E==="horizontal"&&Oa("div",{className:"k-colorgradient-canvas k-hstack",children:[kt("div",{className:"k-hsv-rectangle",style:s,children:kt("div",{className:"k-hsv-gradient",children:kt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":w,"k-focus":S}),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})})}),Oa("div",{className:"k-hsv-controls k-hstack",children:[kt(tn,{className:"k-hue-slider",hover:w,focus:S}),o!=="rgb"&&o!=="hsv"&&kt(tn,{className:"k-alpha-slider",hover:w,focus:S,trackStyle:u})]})]}),E==="vertical"&&Oa("div",{className:"k-colorgradient-canvas k-vstack",children:[kt("div",{className:"k-hsv-rectangle",style:s,children:kt("div",{className:"k-hsv-gradient",children:kt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":w,"k-focus":S}),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})})}),Oa("div",{className:"k-hsv-controls k-vstack",children:[kt(en,{className:"k-hue-slider",hover:w,focus:S}),o!=="rgb"&&o!=="hsv"&&kt(en,{className:"k-alpha-slider",hover:w,focus:S,trackStyle:f})]})]}),kt(Uo,{mode:e.mode,size:t}),N&&kt(Fo,{})]})};Ee.states=of;Ee.options=af;Ee.className=vr;Ee.defaultOptions=Kt;Ee.moduleName=Es;Ee.folderName=Rs;Ee.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as rf}from"react/jsx-runtime";var Lr=e=>rf(Ee,{...e});import{jsx as aH}from"react/jsx-runtime";import{jsx as iH}from"react/jsx-runtime";import{jsx as on}from"react/jsx-runtime";var lf=Ee.options,nf=Ee.states,sf={...Ee.defaultOptions,variant:"rgba"},df=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],cf=[],Pa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return on(Lr,{...o,mode:t});case"rgb":return on(Lr,{...o,mode:t});default:return on(Lr,{...o,mode:t})}};Pa.options=lf;Pa.states=nf;Pa.variants=df;Pa.defaultOptions=sf;Pa.modifiers=cf;import{jsx as pf}from"react/jsx-runtime";var an=e=>pf("tr",{role:"row",children:e.children});import{jsx as bf}from"react/jsx-runtime";var rn="k-colorpalette-tile",mf=[n.hover,n.focus,n.selected],uf={},$o=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:s,...c}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return bf("td",{...c,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,rn,R(rn,{hover:a,focus:l,selected:s})),style:u})};$o.states=mf;$o.options=uf;$o.className=rn;var Is="color-palette",Os="colorpalette";import{jsx as Ha}from"react/jsx-runtime";var Cr="k-colorpalette",ff=[n.disabled],Tf={size:[d.undefined,d.small,d.medium,d.large]},Ps={columns:10},je=e=>{let{size:t,palette:o,columns:a=Ps.columns,tileSize:l,disabled:s,...c}=e,u=[];if(o){let f=a||o.columns,N=o.colors?o.colors:o;Array.isArray(N)&&Array.from({length:Math.ceil(N.length/f)},(v,L)=>{let b=[];N.slice(L*f,(L+1)*f).map((S,E)=>{b.push(Ha($o,{color:S,tileSize:l},E))});let w=Ha(an,{children:b},L);u.push(w)})}return Ha("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,Cr,R(Cr,{disabled:s}),A(Cr,{size:t})),children:Ha("table",{className:"k-colorpalette-table",role:"none",children:Ha("tbody",{children:u.length>0?u:e.children})})})};je.states=ff;je.options=Tf;je.className=Cr;je.defaultOptions=Ps;je.moduleName=Is;je.folderName=Os;je.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 yr=je;var Ga={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 hf}from"react/jsx-runtime";var Hs=e=>hf(yr,{palette:Ga.basic,...e});import{jsx as UH}from"react/jsx-runtime";import{jsx as JH,jsxs as qH}from"react/jsx-runtime";import{jsx as Cf}from"react/jsx-runtime";var xf=je.options,Nf=je.states,gf={...je.defaultOptions,variant:"basic"},kf=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],vf={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}},Lf=[],Ka=e=>{let{variant:t="basic",...o}=e,a=vf[t];return Cf(Hs,{columns:a.columns,palette:a,...o})};Ka.options=xf;Ka.states=Nf;Ka.variants=kf;Ka.defaultOptions=gf;Ka.modifiers=Lf;var Gs="color-editor",Ks="coloreditor";import{jsx as vt,jsxs as Vo}from"react/jsx-runtime";var Mr="k-coloreditor",yf=[n.focus],Mf={size:[d.undefined,d.small,d.medium,d.large]},Da={view:"gradient",palette:Ga.office,actionButtons:!0,canvasOrientation:"horizontal"},ge=e=>{let{size:t,view:o=Da.view,palette:a=Da.palette,color:l,currentColor:s,focus:c,focusView:u,dir:f,group:N,actionButtons:v=Da.actionButtons,canvasOrientation:L=Da.canvasOrientation,...b}=e;return Vo("div",{...b,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Mr,A(Mr,{size:t}),R(Mr,{focus:c})),dir:f,children:[Vo("div",{className:"k-coloreditor-header k-hstack",children:[vt("div",{className:"k-coloreditor-header-actions k-hstack",children:N&&Vo(D,{fillMode:"flat",children:[vt(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),vt(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),vt("div",{className:"k-spacer"}),Vo("div",{className:"k-coloreditor-header-actions k-hstack",children:[vt(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Vo("div",{className:"k-coloreditor-preview k-vstack",children:[vt(co,{className:"k-coloreditor-preview-color",color:l}),vt(co,{className:"k-coloreditor-current-color",color:s})]})]})]}),vt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?vt(Ee,{focus:u,size:t,canvasOrientation:L,role:"none",tabIndex:-1}):vt(je,{palette:a,size:t})}),v&&Vo(Ot,{className:"k-coloreditor-footer",alignment:"start",children:[vt(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),vt(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ge.states=yf;ge.options=Mf;ge.className=Mr;ge.defaultOptions=Da;ge.moduleName=Gs;ge.folderName=Ks;ge.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 Wo=ge;import{jsx as CG}from"react/jsx-runtime";import{jsx as wG}from"react/jsx-runtime";import{jsx as Sf}from"react/jsx-runtime";var Ds=e=>Sf(Wo,{group:!0,currentColor:"fuchsia",...e});import{jsx as wf}from"react/jsx-runtime";var Bs=e=>wf(Wo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as _s}from"react/jsx-runtime";var Af=ge.options,Ef=ge.states,Rf={...ge.defaultOptions,variant:"gradient"},If=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Of=[],Ba=e=>{let{variant:t,...o}=e;return t==="palette"?_s(Bs,{...o,color:"white"}):_s(Ds,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Ba.options=Af;Ba.states=Ef;Ba.variants=If;Ba.defaultOptions=Rf;Ba.modifiers=Of;var zs="color-picker",Us="colorpicker";import{Fragment as Gf,jsx as Lt,jsxs as ln}from"react/jsx-runtime";var Fs="k-colorpicker",Pf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Hf={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},$s={arrowIconName:"caret-alt-down"},it=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=$s.arrowIconName,prefix:s,suffix:c,value:u,placeholder:f,hover:N,focus:v,valid:L,invalid:b,required:w,disabled:S,valueIconName:E,popup:P,opened:O,adaptive:F,adaptiveSettings:fe,adaptiveTitle:ve,adaptiveSubtitle:ze,...ot}=e,at="colorpicker-popup";return ln(Gf,{children:[ln(Et,{...ot,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:L,invalid:b,required:w,disabled:S,role:"combobox","aria-haspopup":"dialog","aria-expanded":O?"true":"false","aria-controls":O||F?at:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":S?"true":void 0,className:r(e.className,Fs,"k-icon-picker"),children:[Lt(mt,{children:s}),Lt(To,{placeholder:f,value:u,showValue:!1,valueIcon:Lt(co,{className:"k-value-icon",color:u,iconName:E}),valueIconName:E}),Lt(ut,{children:c}),Lt(p,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:S})]}),O&&P&&Lt(me,{id:at,className:"k-colorpicker-popup",children:P}),F&&Lt(xe,{adaptive:!0,id:at,...fe,header:Lt(Fe,{actionsEnd:Lt(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ve,subtitle:ze}),footer:ln(to,{children:[Lt(p,{text:"Cancel",size:"large"}),Lt(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Lt(ge,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};it.states=Pf;it.options=Hf;it.className=Fs;it.defaultOptions=$s;it.moduleName=zs;it.folderName=Us;it.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 po=it;import{jsx as Kf}from"react/jsx-runtime";var Sr=e=>Kf(po,{...e});import{jsx as pK}from"react/jsx-runtime";import{jsx as TK}from"react/jsx-runtime";import{jsx as gK}from"react/jsx-runtime";import{jsx as CK}from"react/jsx-runtime";import{jsx as wK}from"react/jsx-runtime";import{jsx as IK}from"react/jsx-runtime";import{jsx as Lo}from"react/jsx-runtime";var Df=po.options,Bf=po.states,Vs={...po.defaultOptions,variant:"color"},_f=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],zf=[{name:"opened",title:"Opened"}],_a=e=>{let{variant:t,modifiers:o,...a}={...Vs,...e},l={};Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?Lo(ge,{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 Lo("div",{style:s,children:Lo(Sr,{...a,...l})});case"icon":return Lo("div",{style:s,children:Lo(Sr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return Lo("div",{style:s,children:Lo(Sr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};_a.options=Df;_a.states=Bf;_a.variants=_f;_a.defaultOptions=Vs;_a.modifiers=zf;var nn="combobox",Ws=nn;import{Fragment as sn,jsx as Ce,jsxs as za}from"react/jsx-runtime";var Xs="k-combobox",Uf=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Ff={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},Js={separators:!0},We=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Js.separators,prefix:s,suffix:c,value:u,placeholder:f,hover:N,focus:v,valid:L,invalid:b,required:w,loading:S,disabled:E,popup:P,opened:O,readonly:F,adaptive:fe,adaptiveSettings:ve,adaptiveTitle:ze,adaptiveSubtitle:ot,adaptiveCustomValue:at,id:Oo,autocomplete:Ur,activeDescendant:rr,"aria-label":Xd,...Jd}=e,qd=Oo?`${Oo}-listbox`:void 0;return za(sn,{children:[za(Le,{...Jd,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:L,invalid:b,required:w,loading:S,disabled:E,readonly:F,className:r(e.className,Xs),children:[s&&za(sn,{children:[Ce(mt,{children:s}),l&&Ce(bt,{})]}),Ce(lt,{placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":O?"true":"false","aria-controls":O?qd:void 0,"aria-activedescendant":O&&rr?rr:void 0,"aria-autocomplete":Ur,"aria-invalid":b?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":Xd,disabled:E,readOnly:F}),Ce(Ue,{valid:L,invalid:b,loading:S,disabled:E}),Ce(qe,{loading:S,disabled:E}),Ce(rt,{loading:S,disabled:E,readonly:F,value:u}),c&&za(sn,{children:[l&&Ce(bt,{}),Ce(ut,{children:c})]}),Ce(p,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:E})]}),O&&P&&Ce(me,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:P}),fe&&Ce(xe,{adaptive:!0,id:Oo?`${Oo}-adaptive`:void 0,...ve,header:Ce(Fe,{actionsEnd:Ce(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:ze,subtitle:ot}),children:Ce("div",{className:"k-list-container",children:Ce(ee,{customValue:at?Ce(no,{text:`Use "${u}"`}):void 0,size:"large",children:za(se,{"aria-label":ze||"Options",children:[Ce(z,{text:"List item"}),Ce(z,{text:"List item"}),Ce(z,{text:"List item"})]})})})})]})};We.states=Uf;We.options=Ff;We.className=Xs;We.defaultOptions=Js;We.moduleName=nn;We.folderName=Ws;We.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 st=We;import{jsx as $f}from"react/jsx-runtime";var qs=e=>$f(st,{...e});import{jsx as bD,jsxs as fD}from"react/jsx-runtime";import{jsx as kD,jsxs as vD}from"react/jsx-runtime";import{jsx as wD,jsxs as AD}from"react/jsx-runtime";import{Fragment as HD,jsx as PD}from"react/jsx-runtime";import{Fragment as zD,jsx as _D}from"react/jsx-runtime";import{jsx as XD,jsxs as JD}from"react/jsx-runtime";import{Fragment as oB,jsx as eB,jsxs as tB}from"react/jsx-runtime";import{jsx as nB}from"react/jsx-runtime";import{jsx as cB}from"react/jsx-runtime";import{jsx as TB,jsxs as hB}from"react/jsx-runtime";import{jsx as LB,jsxs as CB}from"react/jsx-runtime";import{jsx as mo,jsxs as Yf}from"react/jsx-runtime";var Vf=We.states,Wf=We.defaultOptions,Xf=We.options,Jf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],qf=[],Ua=e=>{let{modifiers:t,...o}=e,a={},l=mo(ee,{style:{width:300},size:o.size,children:Yf(se,{children:[mo(z,{children:"List item"}),mo(z,{children:"List item"}),mo(z,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?mo(m,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?mo(eo,{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}}),mo("div",{children:mo(qs,{value:"Value",style:{width:300},...o,...a})})};Ua.options=Xf;Ua.states=Vf;Ua.variants=qf;Ua.defaultOptions=Wf;Ua.modifiers=Jf;var dn="menu-button",Ys=dn;import{jsx as jf}from"react/jsx-runtime";var Qs="k-menu-button",Qf=[n.hover,n.focus,n.active,n.selected,n.disabled],Zf={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},cn={showArrow:!0,arrowIconName:"caret-alt-down"},ce=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:u,selected:f,disabled:N,icon:v,text:L,showArrow:b=cn.showArrow,arrowIconName:w=cn.arrowIconName,expanded:S,...E}=e;return jf(p,{...E,className:r(e.className,Qs),text:L,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:u,selected:f,disabled:N,icon:v,showArrow:b,arrowIconName:w,"aria-expanded":S?"true":"false",...!L&&v&&!e["aria-label"]&&{"aria-label":"Menu"},...N&&{"aria-disabled":"true"}})};ce.states=Qf;ce.options=Zf;ce.className=Qs;ce.defaultOptions=cn;ce.moduleName=dn;ce.folderName=Ys;ce.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 a1}from"react/jsx-runtime";import{jsx as i1}from"react/jsx-runtime";import{jsx as p1}from"react/jsx-runtime";var dt="menu",Ct=dt;import{jsx as Fa,jsxs as Zs}from"react/jsx-runtime";var pn="k-menu-item",eT=[n.hover,n.focus,n.active,n.selected,n.disabled],tT={},js={iconPosition:"before"},Be=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:c,text:u,first:f,last:N,showArrow:v,arrowIconName:L,iconPosition:b=js.iconPosition,dir:w,children:S,expanded:E,...P}=e,O=L;return O||(O=w==="rtl"?"caret-alt-left":"caret-alt-right"),Zs("li",{...P,className:r(e.className,pn,"k-item",R(pn,{focus:o,disabled:s,hover:t,active:a,selected:l}),{"k-first":f,"k-last":N}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":E?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Zs("span",{className:r("k-link k-menu-link"),children:[c&&b==="before"&&Fa(m,{className:"k-menu-link-icon",icon:c}),Fa("span",{className:"k-menu-link-text",children:u}),c&&b==="after"&&Fa(m,{className:"k-menu-link-icon",icon:c}),v&&Fa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Fa(m,{icon:O})})]}),S]})};Be.states=eT;Be.options=tT;Be.className=pn;Be.defaultOptions=js;Be.moduleName=dt;Be.folderName=Ct;import{jsx as $a,jsxs as ed}from"react/jsx-runtime";var mn="k-menu-item",oT=[n.hover,n.focus,n.active,n.selected,n.disabled],aT={},un={dir:"ltr",iconPosition:"before"},Te=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:c,text:u,first:f,last:N,showArrow:v,arrowIconName:L,iconPosition:b=un.iconPosition,dir:w=un.dir,children:S,popup:E,expanded:P,...O}=e,F=L;return F||(F=w==="rtl"?"caret-alt-left":"caret-alt-right"),ed("li",{...O,className:r(e.className,mn,"k-item",R(mn,{focus:o,disabled:s}),{"k-first":f,"k-last":N}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":P?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[ed("span",{className:r("k-link k-menu-link",R("k-menu-link",{hover:t,active:a,selected:l,disabled:s})),children:[c&&b==="before"&&$a(m,{className:"k-menu-link-icon",icon:c}),$a("span",{className:"k-menu-link-text",children:u}),c&&b==="after"&&$a(m,{className:"k-menu-link-icon",icon:c}),v&&$a("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:$a(m,{icon:F})})]}),S,E]})};Te.states=oT;Te.options=aT;Te.className=mn;Te.defaultOptions=un;Te.moduleName=dt;Te.folderName=Ct;import{jsx as iT}from"react/jsx-runtime";var td="k-menu-scroll-wrapper",rT=[],lT={},nT={},Co=e=>{let{className:t,children:o,orientation:a,...l}=e;return iT("div",{...l,className:r(t,td,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Co.states=rT;Co.options=lT;Co.className=td;Co.defaultOptions=nT;Co.moduleName=dt;Co.folderName=Ct;var od=Co;import{Fragment as bn,jsx as yo,jsxs as Ar}from"react/jsx-runtime";var fn="k-menu",sT=[],dT={},Er={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Re=e=>{let{children:t,orientation:o=Er.orientation,header:a=Er.header,scrollable:l,scrollButtonsPosition:s=Er.scrollButtonsPosition,wrapperStyles:c,dir:u,popup:f,contextMenu:N,...v}=e,L={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=yo("ul",{dir:u,...v,className:r(e.className,"k-reset",fn,{[`${fn}-${o}`]:o,"k-header":a}),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Ar(bn,{children:[l?Ar(od,{orientation:o,style:c,dir:e.dir,children:[s==="start"&&Ar(bn,{children:[yo(p,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),yo(p,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&yo(p,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),b,s==="end"&&Ar(bn,{children:[yo(p,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),yo(p,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&yo(p,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):b,f]})};Re.states=sT;Re.options=dT;Re.className=fn;Re.defaultOptions=Er;Re.moduleName=dt;Re.folderName=Ct;Re.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-haspopup=menu",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-expanded=true/false",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item[aria-haspopup][aria-controls]",attribute:"aria-controls=ul.k-menu-group id",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as cT}from"react/jsx-runtime";var Tn="k-separator",ad={orientation:"horizontal"},Xo=e=>{let{orientation:t=ad.orientation,...o}=e;return cT("li",{...o,className:r(e.className,"k-item",Tn,{[`${Tn}-${t}`]:t}),role:"separator"})};Xo.className=Tn;Xo.defaultOptions=ad;Xo.moduleName=dt;Xo.folderName=Ct;import{Fragment as _1,jsx as z1}from"react/jsx-runtime";import{jsx as bT}from"react/jsx-runtime";var hn="k-menu-group",pT=[],mT={size:[d.undefined,d.small,d.medium,d.large]},uT={},_e=e=>{let{children:t,size:o,...a}=e;return bT("ul",{...a,className:r(e.className,hn,A(hn,{size:o})),role:"menu",children:t})};_e.states=pT;_e.options=mT;_e.className=hn;_e.defaultOptions=uT;_e.moduleName=dt;_e.folderName=Ct;import{Fragment as fT,jsx as Jo,jsxs as TT}from"react/jsx-runtime";var xn=e=>Jo(Re,{children:TT(fT,{children:[Jo(Be,{first:!0,text:"Item 1"}),Jo(Be,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Jo(Be,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Jo(Be,{text:"Item 4"}),Jo(Be,{last:!0,text:"Item 5"})]}),...e});import{Fragment as t_,jsx as j1,jsxs as e_}from"react/jsx-runtime";import{Fragment as n_,jsx as l_,jsxs as i_}from"react/jsx-runtime";import{Fragment as m_,jsx as p_,jsxs as u_}from"react/jsx-runtime";import{Fragment as x_,jsx as h_,jsxs as N_}from"react/jsx-runtime";import{jsx as Mo,jsxs as kT}from"react/jsx-runtime";var hT=Re.options,xT=Re.states,rd={...Re.defaultOptions,variant:"horizontal"},NT=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],gT=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Va=e=>{let{variant:t,modifiers:o,...a}={...rd,...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=Mo(me,{className:"k-menu-popup",children:kT(_e,{children:[Mo(Te,{text:"Item 1"}),Mo(Te,{text:"Item 2"}),Mo(Xo,{}),Mo(Te,{text:"Item 3"})]})});break}}),t==="vertical"?Mo(xn,{...a,...l,orientation:"vertical",style:{width:"200px"}}):Mo(xn,{...a,...l})};Va.options=hT;Va.states=xT;Va.variants=NT;Va.defaultOptions=rd;Va.modifiers=gT;import{Fragment as Q_,jsx as q_,jsxs as Y_}from"react/jsx-runtime";import{jsx as t2}from"react/jsx-runtime";import{Fragment as MT,jsx as Dt,jsxs as ld}from"react/jsx-runtime";var vT=p.states,nd={...p.defaultOptions,variant:"text"},LT=p.options,CT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],yT=[{name:"opened",title:"Opened"}],Wa=e=>{let{variant:t,modifiers:o,...a}={...nd,...e},l={},s=Dt(me,{className:"k-menu-popup",children:ld(_e,{size:a.size,children:[Dt(Te,{first:!0,text:"Menu Item"}),Dt(Te,{text:"Menu Item"}),Dt(Te,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=Dt("div",{children:Dt(ce,{...a,...l,icon:"star"})});break;case"icon-and-text":c=Dt("div",{children:Dt(ce,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:c=Dt("div",{children:Dt(ce,{...a,...l,children:"Dropdown Button"})});break}return ld(MT,{children:[c,o?.opened&&s]})};Wa.options=LT;Wa.states=vT;Wa.variants=CT;Wa.defaultOptions=nd;Wa.modifiers=yT;var Nn="split-button",id=Nn;import{Fragment as AT,jsx as gn,jsxs as sd}from"react/jsx-runtime";var kn="k-split-button",ST=[n.hover,n.focus,n.active,n.selected,n.disabled],wT={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},dd={arrowIconName:"caret-alt-down"},te=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:u,selected:f,disabled:N,icon:v,text:L,arrowIconName:b=dd.arrowIconName,popup:w,opened:S,popupId:E,...P}=e;return sd(AT,{children:[sd("div",{...P,className:r(e.className,kn,"k-button-group",A(kn,{rounded:o})),children:[gn(p,{text:L,icon:v,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:u,selected:f,disabled:N,...!L&&!e.children&&v&&{"aria-label":"Action"},children:e.children}),gn(p,{className:"k-split-button-arrow",icon:b,size:t,rounded:o,fillMode:a,disabled:N,"aria-label":"Toggle dropdown","aria-expanded":S?"true":"false","aria-controls":S?E:void 0,tabIndex:-1,...N&&{"aria-disabled":"true"}})]}),S&&w&&gn(me,{className:"k-menu-popup",children:w})]})};te.states=ST;te.options=wT;te.className=kn;te.defaultOptions=dd;te.moduleName=Nn;te.folderName=id;te.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 vn=te;import{jsx as RT}from"react/jsx-runtime";var ET="k-toolbar-separator",wt=e=>RT("div",{className:r(ET,e.className,"k-separator")});var Wt="toolbar",uo=Wt;import{Fragment as Ln,jsx as ae,jsxs as qo}from"react/jsx-runtime";var Xt="k-toolbar",IT=[n.focus],OT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[g.undefined,g.solid,g.outline,g.flat]},PT={scrollButtons:"around"},pe=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:s,scrollButtons:c,scrollingPosition:u,section:f,...N}=e,v=[],L=(b,w)=>{let S=[];if(b.type===p&&b.props.className&&b.props.className.includes("k-toolbar-overflow-button"))S.push(ae(p,{...b.props,className:`${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===p)S.push(ae(p,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===ca)S.push(ae(ca,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===eo)S.push(ae(eo,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===ce)S.push(ae(ce,{...b.props,className:`k-toolbar-menu-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===vn)S.push(ae(vn,{...b.props,className:`k-toolbar-split-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===D||b.props.className&&b.props.className.includes("k-button-group")){let E=[];(Array.isArray(b.props.children)?b.props.children:[b.props.children]).forEach((O,F)=>{E.push(ae(p,{...O.props,className:`${O.props.className?O.props.className:""}`},`${F}-${new Date().getTime()}`))}),S.push(ae(D,{...b.props,className:`k-toolbar-button-group ${b.props.className?b.props.className:""}`,children:E},`${w}-${new Date().getTime()}`))}else b.type===We?S.push(ae(We,{...b.props,className:`k-toolbar-combobox ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`)):b.type===ie?S.push(ae(ie,{...b.props,className:`k-toolbar-dropdownlist ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`)):b.type===it?S.push(ae(it,{...b.props,className:`k-toolbar-colorpicker ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`)):S.push(b);S.forEach(E=>{v.push(E)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((w,S)=>{L(w,S)}),qo("div",{...N,className:r(e.className,Xt,A(Xt,{size:t,fillMode:o}),R(Xt,{focus:a}),{[`${Xt}-resizable`]:l,[`${Xt}-scrollable`]:s,[`${Xt}-scrollable-overlay`]:s&&c==="hidden",[`${Xt}-scrollable-${u}`]:u&&u!=="both",[`${Xt}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&v,s&&c==="hidden"&&ae("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),s&&c==="start"&&qo(Ln,{children:[qo(D,{children:[ae("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ae(m,{className:"k-button-icon",icon:"caret-alt-left"})}),ae("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ae(m,{className:"k-button-icon",icon:"caret-alt-right"})})]}),ae(wt,{className:"k-toolbar-button-separator"}),ae("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v})]}),s&&c==="end"&&qo(Ln,{children:[ae("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),ae(wt,{className:"k-toolbar-button-separator"}),qo(D,{children:[ae("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ae(m,{className:"k-button-icon",icon:"caret-alt-left"})}),ae("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ae(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(c==="around"||!c)&&qo(Ln,{children:[ae("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ae(m,{className:"k-button-icon",icon:"caret-alt-left"})}),ae(wt,{className:"k-toolbar-button-separator"}),ae("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),ae(wt,{className:"k-toolbar-button-separator"}),ae("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ae(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};pe.states=IT;pe.options=OT;pe.className=Xt;pe.defaultOptions=PT;pe.moduleName=Wt;pe.folderName=uo;pe.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 DT}from"react/jsx-runtime";var cd="k-floating-toolbar",HT=[],GT={},KT={},Yo=e=>{let{...t}=e;return DT("div",{...t,className:r(e.className,cd),children:e.children})};Yo.states=HT;Yo.options=GT;Yo.className=cd;Yo.defaultOptions=KT;Yo.moduleName=Wt;Yo.folderName=uo;import{jsx as UT}from"react/jsx-runtime";var Cn="k-toolbar-item",BT=[n.focus],_T={},zT={},Qo=e=>{let{focus:t,...o}=e;return UT("div",{...o,className:r(e.className,Cn,R(Cn,{focus:t})),children:e.children})};Qo.states=BT;Qo.options=_T;Qo.className=Cn;Qo.defaultOptions=zT;Qo.moduleName=Wt;Qo.folderName=uo;import{jsx as pd}from"react/jsx-runtime";var md="k-toolbar-popup",FT=[],$T={size:[d.undefined,d.small,d.medium,d.large],fillMode:[g.undefined,g.solid,g.outline,g.flat]},VT={},So=e=>{let{size:t,fillMode:o,section:a,...l}=e;return pd(me,{...l,className:r(e.className,md),children:a?pd("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};So.states=FT;So.options=$T;So.className=md;So.defaultOptions=VT;So.moduleName=Wt;So.folderName=uo;var Rr=So;import{jsx as r3}from"react/jsx-runtime";import{jsx as s3}from"react/jsx-runtime";import{jsx as m3}from"react/jsx-runtime";import{jsx as x3,jsxs as N3}from"react/jsx-runtime";import{jsx as L3}from"react/jsx-runtime";import{jsx as Jt,jsxs as YT}from"react/jsx-runtime";var WT=te.states,ud={...te.defaultOptions,variant:"text"},XT=te.options,JT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],qT=[{name:"opened",title:"Opened"}],Xa=e=>{let{variant:t,modifiers:o,...a}={...ud,...e},l={},s=YT(_e,{size:a.size,children:[Jt(Te,{first:!0,text:"Menu Item"}),Jt(Te,{text:"Menu Item"}),Jt(Te,{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 Jt("div",{children:Jt(te,{...a,...l,icon:"star"})});case"icon-and-text":return Jt("div",{children:Jt(te,{...a,...l,icon:"star",children:"Split Button"})});default:return Jt("div",{children:Jt(te,{...a,...l,children:"Split Button"})})}};Xa.options=XT;Xa.states=WT;Xa.variants=JT;Xa.defaultOptions=ud;Xa.modifiers=qT;import{jsx as wo,jsxs as QT}from"react/jsx-runtime";var bd=e=>wo(pe,{children:[wo(p,{children:"Button"},"toolbar-button"),wo(ce,{text:"Menu button"},"toolbar-menu-button"),wo(te,{children:"Split button"},"toolbar-split-button"),QT(D,{children:[wo(p,{className:"k-group-start",icon:"align-left",children:"Left"}),wo(p,{icon:"align-center",children:"Center"}),wo(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Z3,jsxs as j3}from"react/jsx-runtime";import{jsx as ct,jsxs as fd}from"react/jsx-runtime";var Td=e=>ct(pe,{scrollable:!0,...e,children:[ct(p,{children:"Button"},"toolbar-button"),ct(ce,{text:"Menu button"},"toolbar-menu-button"),ct(te,{children:"Split button"},"toolbar-split-button"),fd(D,{children:[ct(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ct(p,{icon:"align-center",children:"Center"}),ct(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ct(p,{children:"Button"},"toolbar-button"),ct(ce,{text:"Menu button"},"toolbar-menu-button"),ct(te,{children:"Split button"},"toolbar-split-button"),fd(D,{children:[ct(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ct(p,{icon:"align-center",children:"Center"}),ct(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as pt,jsxs as hd}from"react/jsx-runtime";var xd=({scrollingPosition:e="start",...t})=>pt(pe,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[pt(p,{children:"Button"},"toolbar-button"),pt(ce,{text:"Menu button"},"toolbar-menu-button"),pt(te,{children:"Split button"},"toolbar-split-button"),hd(D,{children:[pt(p,{className:"k-group-start",icon:"align-left",children:"Left"}),pt(p,{icon:"align-center",children:"Center"}),pt(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),pt(p,{children:"Button"},"toolbar-button"),pt(ce,{text:"Menu button"},"toolbar-menu-button"),pt(te,{children:"Split button"},"toolbar-split-button"),hd(D,{children:[pt(p,{className:"k-group-start",icon:"align-left",children:"Left"}),pt(p,{icon:"align-center",children:"Center"}),pt(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as ZT,jsx as et,jsxs as Ir}from"react/jsx-runtime";var Nd=({fillMode:e,size:t,...o})=>Ir(ZT,{children:[et(pe,{section:!0,fillMode:e,size:t,children:[et(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ir(D,{fillMode:e,children:[et(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),et(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),et(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),et(wt,{className:"k-toolbar-button-separator"}),et(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Ir(Rr,{size:t,fillMode:e,section:!0,...o,children:[et(te,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),et(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),et(wt,{}),et(ce,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Ir(D,{fillMode:e,children:[et(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),et(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),et(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as I5,jsx as E5,jsxs as R5}from"react/jsx-runtime";import{Fragment as F5,jsx as z5,jsxs as U5}from"react/jsx-runtime";import{jsx as bo}from"react/jsx-runtime";var jT=pe.options,eh=pe.states,gd={...pe.defaultOptions,variant:"default"},th=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],oh=[],Ja=e=>{let{variant:t,...o}={...gd,...e};switch(t){case"responsive":return bo("div",{children:bo(Nd,{style:{width:"583px"},...o})});case"overlay":return bo("div",{children:bo(xd,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return bo("div",{children:bo(Td,{style:{width:"583px"},...o})});default:return bo("div",{children:bo(bd,{style:{width:"583px"},...o})})}};Ja.options=jT;Ja.states=eh;Ja.variants=th;Ja.defaultOptions=gd;Ja.modifiers=oh;import{jsx as ah}from"react/jsx-runtime";var kd="k-grid-toolbar",At=e=>ah(pe,{...e,className:r(e.className,kd),children:e.children});At.className=kd;At.moduleName=V;At.folderName=J;import{jsx as yn,jsxs as lh}from"react/jsx-runtime";var Mn="k-grid-stack-cell",rh=[n.focus,n.selected],Or=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:s,focus:c,selected:u,...f}=e;return lh("div",{...f,className:r(e.className,Mn,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":s},R(Mn,{focus:c,selected:u})),children:[s&&yn("span",{className:"k-dirty"}),t&&yn("div",{className:"k-grid-stack-header",children:t}),yn("div",{className:"k-grid-stack-content",children:o}),e.children]})};Or.states=rh;Or.className=Mn;Or.moduleName=V;Or.folderName=J;import{jsx as nh}from"react/jsx-runtime";var vd="k-grid-stack-row",Pr=e=>{let{cols:t,...o}=e;return nh("div",{...o,className:r(e.className,vd,{[`k-grid-cols-${t}`]:t}),children:e.children})};Pr.className=vd;Pr.moduleName=V;Pr.folderName=J;import{Fragment as Iz,jsx as Ez,jsxs as Rz}from"react/jsx-runtime";import{Fragment as Bz,jsx as Kz,jsxs as Dz}from"react/jsx-runtime";import{Fragment as Wz,jsx as $z,jsxs as Vz}from"react/jsx-runtime";import{Fragment as ih,jsx as M,jsxs as be}from"react/jsx-runtime";var Ld=({contentClassName:e,...t})=>M(q,{_renderAriaRoot:!0,pager:M(Ht,{refresh:!1}),children:be(ih,{children:[M(Y,{children:M("div",{className:"k-grid-header-wrap",children:be(Q,{children:[be("colgroup",{children:[M("col",{}),M("col",{style:{width:"225px"}}),M("col",{}),M("col",{}),M("col",{})]}),be(W,{children:[be(k,{children:[M(y,{rowspan:1,colspan:1,columnTitle:"Product Id"}),M(y,{rowspan:1,colspan:1,columnTitle:"Name"}),M(y,{rowspan:1,colspan:1,columnTitle:"Quantity"}),M(y,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),M(y,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),be(k,{className:"k-filter-row",children:[M(i,{children:M("div",{className:"k-filtercell",children:be("div",{className:"k-filtercell-wrapper",children:[M($,{}),be("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",M(p,{disabled:!0,icon:"filter-clear"})]})]})})}),M(i,{children:M("div",{className:"k-filtercell",children:be("div",{className:"k-filtercell-wrapper",children:[M(ne,{}),be("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",M(p,{disabled:!0,icon:"filter-clear"})]})]})})}),M(i,{children:M("div",{className:"k-filtercell",children:be("div",{className:"k-filtercell-wrapper",children:[M(ne,{}),be("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",M(p,{disabled:!0,icon:"filter-clear"})]})]})})}),M(i,{children:M("div",{className:"k-filtercell",children:be("div",{className:"k-filtercell-wrapper",children:[M($,{}),be("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",M(p,{disabled:!0,icon:"filter-clear"})]})]})})}),M(i,{children:M("div",{className:"k-filtercell",children:be("div",{className:"k-filtercell-wrapper",children:[M(ie,{}),M("div",{className:"k-filtercell-operator",children:M(p,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),M(re,{children:M(Z,{className:e,children:be(j,{children:[be("colgroup",{children:[M("col",{}),M("col",{style:{width:"225px"}}),M("col",{}),M("col",{}),M("col",{})]}),be(oe,{children:[be(k,{className:"k-master-row",children:[M(i,{children:"1"}),M(i,{children:"Chai"}),M(i,{children:"10 boxes x 20 bags"}),M(i,{children:"18"}),M(i,{children:"false"})]}),be(k,{className:"k-master-row",alt:!0,children:[M(i,{children:"2"}),M(i,{children:"Chang"}),M(i,{children:"24 - 12 oz bottles"}),M(i,{children:"19"}),M(i,{children:"false"})]}),be(k,{className:"k-master-row",children:[M(i,{children:"3"}),M(i,{children:"Aniseed Syrup"}),M(i,{children:"12 - 550 ml bottles"}),M(i,{children:"10"}),M(i,{children:"false"})]}),be(k,{className:"k-master-row",alt:!0,children:[M(i,{children:"4"}),M(i,{children:"Chef Anton's Cajun Seasoning"}),M(i,{children:"48 - 6 oz jars"}),M(i,{children:"22"}),M(i,{children:"false"})]}),be(k,{className:"k-master-row",children:[M(i,{children:"5"}),M(i,{children:"Grandma's Boysenberry Spread"}),M(i,{children:"12 - 8 oz jars"}),M(i,{children:"25"}),M(i,{children:"false"})]})]})]})})})]}),...t});import{jsx as Hr}from"react/jsx-runtime";var sh="k-chip-action";var ye=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Hr(m,{icon:"x-circle",size:"small"});break;case"more":a=Hr(m,{icon:"more-vertical",size:"small"});break;default:return Hr(m,{icon:t,size:"small"})}return Hr("span",{...o,className:r(e.className,sh,`k-chip-${t}-action`),children:a})};var Sn="avatar",Cd=Sn;import{jsx as yd}from"react/jsx-runtime";var qa="k-avatar";var dh=[n.hover,n.focus,n.active,n.selected,n.disabled],ch={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},wn={type:"text",border:!1},tt=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:s=wn.type,border:c=wn.border,...u}=e;return yd("div",{...u,className:r(e.className,qa,A(qa,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${qa}-bordered`]:c}),children:yd("span",{className:`${qa}-${s}`,children:e.children})})};tt.states=dh;tt.options=ch;tt.className=qa;tt.defaultOptions=wn;tt.moduleName=Sn;tt.folderName=Cd;tt.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Ao=tt;import{jsx as ph}from"react/jsx-runtime";var Md=e=>ph(Ao,{type:"icon",...e});import{jsx as mh}from"react/jsx-runtime";var Sd=e=>mh(Ao,{type:"text",...e});import{jsx as uh}from"react/jsx-runtime";var wd=e=>uh(Ao,{type:"image",...e});import{jsx as v6}from"react/jsx-runtime";import{jsx as Ya}from"react/jsx-runtime";var bh=tt.options,fh=tt.states,Th={...tt.defaultOptions,variant:"image"},hh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],xh=[],Qa=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ya(Md,{...o,children:Ya(m,{icon:"star"})});case"text":return Ya(Sd,{...o,children:"JO"});default:return Ya(wd,{...o,children:Ya("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Qa.options=bh;Qa.states=fh;Qa.variants=hh;Qa.defaultOptions=Th;Qa.modifiers=xh;var Za="chip",Gr=Za;import{jsx as Zo,jsxs as kh}from"react/jsx-runtime";var Kr="k-chip",Nh=[n.hover,n.focus,n.active,n.selected,n.disabled],gh={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.outline],themeColor:[h.undefined,h.base,h.success,h.warning,h.error,h.info]},Ad={avatarImage:"/packages/html/assets/avatar.jpg"},Me=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:s,icon:c,actions:u,showAvatar:f,avatarImage:N=Ad.avatarImage,hover:v,focus:L,active:b,selected:w,disabled:S,...E}=e;return kh("div",{...E,className:r(e.className,Kr,A(Kr,{size:t,rounded:o,fillMode:a,themeColor:l}),R(Kr,{hover:v,focus:L,active:b,disabled:S,selected:w})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:w?"true":"false","aria-selected":e.role==="option"?w?"true":"false":void 0,"aria-disabled":S?"true":void 0,children:[c&&Zo(m,{className:"k-chip-icon",icon:c,size:"small"}),f&&Zo(tt,{className:"k-chip-avatar",type:"image",children:Zo("img",{src:N,alt:""})}),Zo("span",{className:"k-chip-content",children:e.children?e.children:s&&Zo("span",{className:"k-chip-label",children:s})}),u&&Zo("span",{className:"k-chip-actions",children:u})]})};Me.states=Nh;Me.options=gh;Me.className=Kr;Me.defaultOptions=Ad;Me.moduleName=Za;Me.folderName=Gr;Me.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 yt=Me;import{jsx as yh}from"react/jsx-runtime";var An="k-chip-list",vh=[],Lh={size:[d.undefined,d.small,d.medium,d.large]},Ch={},Se=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return yh("div",{...l,className:r(e.className,An,A(An,{size:t})),role:"listbox","aria-label":a||"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Se.states=vh;Se.options=Lh;Se.className=An;Se.defaultOptions=Ch;Se.moduleName=Za;Se.folderName=Gr;Se.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 Z6}from"react/jsx-runtime";import{jsx as o9}from"react/jsx-runtime";import{jsx as Mh}from"react/jsx-runtime";var Dr=e=>Mh(yt,{text:"text",...e});import{jsx as c9}from"react/jsx-runtime";import{jsx as b9}from"react/jsx-runtime";import{Fragment as g9,jsx as N9,jsxs as k9}from"react/jsx-runtime";import{jsx as M9,jsxs as S9}from"react/jsx-runtime";import{jsx as I9,jsxs as O9}from"react/jsx-runtime";import{jsx as B9,jsxs as _9}from"react/jsx-runtime";import{jsx as jo,jsxs as Ih}from"react/jsx-runtime";var Sh={...yt.options,...Se.options},wh=[],Ah=Se.states,Eh={...yt.defaultOptions,...Se.defaultOptions},Rh=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],ja=e=>{let{modifiers:t,className:o,...a}=e,l=t?.icon,s=t?.actions,c=t?.avatar;return Ih(Se,{size:a.size,className:o,children:[jo(Dr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?jo(ye,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),jo(Dr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?jo(ye,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),jo(Dr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?jo(ye,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};ja.options=Sh;ja.states=Ah;ja.variants=wh;ja.defaultOptions=Eh;ja.modifiers=Rh;import{jsx as En}from"react/jsx-runtime";var Oh=Me.states,Ph=Me.defaultOptions,Hh=Me.options,Gh=[],Kh=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],er=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]?En(ye,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[l]?En(ye,{type:"remove"}):void 0;break;default:break}}),En(Me,{...o,...a,children:"Chip component"})};er.options=Hh;er.states=Oh;er.variants=Gh;er.defaultOptions=Ph;er.modifiers=Kh;import{Fragment as Rn,jsx as H,jsxs as Xe}from"react/jsx-runtime";var Ed=({dropClue:e,contentClassName:t,...o})=>H(q,{_renderAriaRoot:!0,groupingHeader:H(qt,{dropClue:e,children:Xe(Se,{children:[H(Me,{icon:"sort-asc-small",text:"ID",actions:Xe(Rn,{children:[H(ye,{type:"more"}),H(ye,{type:"remove"})]})}),H(Me,{icon:"sort-desc-small",text:"Name",actions:Xe(Rn,{children:[H(ye,{type:"more"}),H(ye,{type:"remove"})]})})]})}),children:Xe(Rn,{children:[H(Y,{draggable:!0,children:H("div",{className:"k-grid-header-wrap",children:Xe(Q,{children:[Xe("colgroup",{children:[H("col",{className:"k-group-col"}),H("col",{className:"k-group-col"}),H("col",{}),H("col",{}),H("col",{}),H("col",{})]}),H(W,{children:Xe(k,{children:[H(y,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),H(y,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),H(y,{colspan:1,columnTitle:"ID"}),H(y,{colspan:1,columnTitle:"Name"}),H(y,{colspan:1,columnTitle:"Price"}),H(y,{colspan:1,columnTitle:"Category"})]})})]})})}),H(re,{children:H(Z,{className:t,children:Xe(j,{children:[Xe("colgroup",{children:[H("col",{className:"k-group-col"}),H("col",{className:"k-group-col"}),H("col",{}),H("col",{}),H("col",{}),H("col",{})]}),Xe(oe,{children:[H(k,{className:"k-table-group-row k-grouping-row",children:H(i,{colspan:6,children:Xe("p",{className:"k-reset",children:[H(m,{icon:"caret-alt-right"}),"ID: 1"]})})}),H(k,{className:"k-table-group-row k-grouping-row",children:H(i,{colspan:6,children:Xe("p",{className:"k-reset",children:[H(m,{icon:"caret-alt-down"}),"ID: 2"]})})}),Xe(k,{className:"k-table-group-row k-grouping-row",children:[H(i,{className:"k-table-group-td k-group-cell"}),H(i,{colspan:5,children:Xe("p",{className:"k-reset",children:[H(m,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),Xe(k,{className:"k-master-row",alt:!0,children:[H(i,{className:"k-table-group-td k-group-cell"}),H(i,{className:"k-table-group-td k-group-cell"}),H(i,{colspan:0,children:"2"}),H(i,{colspan:0,children:"Chang"}),H(i,{colspan:0,children:"$19.00"}),H(i,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as wU,jsx as MU,jsxs as SU}from"react/jsx-runtime";import{Fragment as GU,jsx as PU,jsxs as HU}from"react/jsx-runtime";import{Fragment as FU,jsx as zU,jsxs as UU}from"react/jsx-runtime";import{Fragment as Dh,jsx as B,jsxs as Je}from"react/jsx-runtime";var Rd=({headerWrapClassName:e,contentClassName:t,...o})=>B(q,{_renderAriaRoot:!0,children:Je(Dh,{children:[B(Y,{children:B("div",{className:`k-grid-header-wrap ${e}`,children:Je(Q,{children:[Je("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),Je(W,{children:[Je(k,{children:[B(y,{rowspan:3,colspan:1,columnTitle:"ID"}),B(y,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),Je(k,{children:[B(y,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),B(y,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),Je(k,{children:[B(y,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),B(y,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),B(re,{children:B(Z,{className:t,children:Je(j,{children:[Je("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),Je(oe,{children:[Je(k,{className:"k-master-row",children:[B(i,{children:"1"}),B(i,{children:"Chai"}),B(i,{children:"39"}),B(i,{children:"18"})]}),Je(k,{className:"k-master-row",alt:!0,children:[B(i,{children:"2"}),B(i,{children:"Chang"}),B(i,{children:"17"}),B(i,{children:"19"})]}),Je(k,{className:"k-master-row",children:[B(i,{children:"3"}),B(i,{children:"Aniseed Syrup"}),B(i,{children:"13"}),B(i,{children:"10"})]}),Je(k,{className:"k-master-row",alt:!0,children:[B(i,{children:"4"}),B(i,{children:"Chef Anton's Cajun Seasoning"}),B(i,{children:"53"}),B(i,{children:"22"})]}),Je(k,{className:"k-master-row",children:[B(i,{children:"5"}),B(i,{children:"Chef Anton's Gumbo Mix"}),B(i,{children:"0"}),B(i,{children:"21.35"})]})]})]})})})]}),...o});import{Fragment as t7,jsx as jU,jsxs as e7}from"react/jsx-runtime";import{Fragment as s7,jsx as n7,jsxs as i7}from"react/jsx-runtime";import{Fragment as Bh,jsx as K,jsxs as Mt}from"react/jsx-runtime";var Id=e=>K(q,{_renderAriaRoot:!0,toolbar:Mt(At,{children:[K(p,{children:"Add new"}),K(p,{children:"Save Changes"}),K(p,{children:"Cancel Changes"})]}),children:Mt(Bh,{children:[K(Y,{children:K("div",{className:"k-grid-header-wrap",children:Mt(Q,{children:[Mt("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),K(W,{children:Mt(k,{children:[K(y,{columnTitle:"Name"}),K(y,{columnTitle:"Price"}),K(y,{columnTitle:"Available"}),K(y,{accessibleLabel:"Commands"})]})})]})})}),K(re,{children:K(Z,{children:K("div",{children:Mt(j,{children:[Mt("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),Mt(oe,{children:[Mt(k,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[K(i,{children:K(ne,{value:"Towel"})}),K(i,{children:K($,{value:"42"})}),K(i,{children:K(Ye,{})}),Mt(i,{className:"k-command-cell",children:[K(p,{children:"Add"}),K(p,{children:"Cancel"})]})]}),Mt(k,{className:"k-master-row",children:[K(i,{children:"Chai"}),K(i,{children:"18"}),K(i,{children:"false"}),K(i,{className:"k-command-cell",children:K(p,{children:"Remove"})})]}),Mt(k,{className:"k-master-row",alt:!0,children:[K(i,{children:"Chang"}),K(i,{children:"19"}),K(i,{children:"false"}),K(i,{className:"k-command-cell",children:K(p,{children:"Remove"})})]})]})]})})})})]}),...e});import{Fragment as O7,jsx as I7,jsxs as P7}from"react/jsx-runtime";import{Fragment as Br,jsx as T,jsxs as le}from"react/jsx-runtime";var _h=q.options,zh=q.states,Od={...q.defaultOptions,variant:"normal"},Uh=[{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"}],Fh=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],tr=e=>{let{variant:t,modifiers:o,...a}={...Od,...e},l={toolbar:void 0,pager:void 0},s=le(At,{children:[T(p,{icon:"plus",children:"Add New"}),T(p,{icon:"file-pdf",children:"Export to PDF"}),T("span",{className:"k-spacer"}),T(ne,{prefix:T(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=T(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 u={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},f=le(Br,{children:[T(Y,{children:T("div",{className:"k-grid-header-wrap",children:le(Q,{children:[le("colgroup",{children:[T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),T(W,{children:le(k,{children:[T(y,{...u[t],columnTitle:"ID"}),T(y,{...u[t],columnTitle:"Product Name"}),T(y,{...u[t],columnTitle:"Units in Stock"}),T(y,{...u[t],columnTitle:"Units Price"})]})})]})})}),T(re,{children:T(Z,{children:le(j,{children:[le("colgroup",{children:[T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),le(oe,{children:[le(k,{children:[T(i,{children:"1"}),T(i,{children:"Chai"}),T(i,{children:"39"}),T(i,{children:"18"})]}),le(k,{className:"k-alt",alt:!0,children:[T(i,{children:"2"}),T(i,{children:"Chang"}),T(i,{children:"17"}),T(i,{children:"19"})]}),le(k,{children:[T(i,{children:"3"}),T(i,{children:"Aniseed Syrup"}),T(i,{children:"13"}),T(i,{children:"10"})]}),le(k,{className:"k-alt",alt:!0,children:[T(i,{children:"4"}),T(i,{children:"Chef Anton's Cajun Seasoning"}),T(i,{children:"53"}),T(i,{children:"22"})]}),le(k,{children:[T(i,{children:"5"}),T(i,{children:"Chef Anton's Gumbo Mix"}),T(i,{children:"0"}),T(i,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return T(Rd,{...a,...l});case"editing":return T(Id,{...a,...l});case"grouping":return T(Ed,{...a,...l,groupingHeader:T(qt,{children:le(Se,{children:[T(Me,{icon:"sort-asc-small",actions:le(Br,{children:[T(ye,{type:"more"}),T(ye,{type:"remove"})]}),children:"ID"}),T(Me,{icon:"sort-desc-small",actions:le(Br,{children:[T(ye,{type:"more"}),T(ye,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return T(q,{...a,...l,children:le(Br,{children:[T(Y,{children:le("div",{className:"k-grid-header-wrap",children:[" ",le(Q,{children:[le("colgroup",{children:[T("col",{className:"k-drag-col"}),T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),T(W,{children:le(k,{children:[T(y,{className:"k-drag-cell",accessibleLabel:"Reorder"}),T(y,{columnTitle:"ID"}),T(y,{columnTitle:"Product Name"}),T(y,{columnTitle:"Units in Stock"}),T(y,{columnTitle:"Units Price"})]})})]})]})}),T(re,{children:T(Z,{children:le(j,{children:[le("colgroup",{children:[T("col",{className:"k-drag-col"}),T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),le(oe,{children:[le(k,{children:[T(i,{className:"k-drag-cell",children:T(m,{icon:"reorder"})}),T(i,{children:"1"}),T(i,{children:"Chai"}),T(i,{children:"39"}),T(i,{children:"18"})]}),le(k,{className:"k-alt",alt:!0,children:[T(i,{className:"k-drag-cell",children:T(m,{icon:"reorder"})}),T(i,{children:"2"}),T(i,{children:"Chang"}),T(i,{children:"17"}),T(i,{children:"19"})]}),le(k,{children:[T(i,{className:"k-drag-cell",children:T(m,{icon:"reorder"})}),T(i,{children:"3"}),T(i,{children:"Aniseed Syrup"}),T(i,{children:"13"}),T(i,{children:"10"})]}),le(k,{className:"k-alt",alt:!0,children:[T(i,{className:"k-drag-cell",children:T(m,{icon:"reorder"})}),T(i,{children:"4"}),T(i,{children:"Chef Anton's Cajun Seasoning"}),T(i,{children:"53"}),T(i,{children:"22"})]}),le(k,{children:[T(i,{className:"k-drag-cell",children:T(m,{icon:"reorder"})}),T(i,{children:"5"}),T(i,{children:"Chef Anton's Gumbo Mix"}),T(i,{children:"0"}),T(i,{children:"21.35"})]})]})]})})})]})});case"filter-row":return T(Ld,{...a,...l});default:return T(q,{...a,...l,children:f})}};tr.options=_h;tr.states=zh;tr.variants=Uh;tr.defaultOptions=Od;tr.modifiers=Fh;var In="treelist",Pd=In;import{jsx as Xh}from"react/jsx-runtime";var Hd="k-treelist",$h=[],Vh={},Wh={},Ie=e=>Xh(q,{...e,className:r(Hd,e.className),children:e.children});Ie.states=$h;Ie.options=Vh;Ie.className=Hd;Ie.defaultOptions=Wh;Ie.moduleName=In;Ie.folderName=Pd;import{jsx as _,jsxs as Oe}from"react/jsx-runtime";var Eo=({gridHeader:e,gridContent:t,menu:o,...a})=>Oe(Ie,{id:"treelist",_renderAriaRoot:!0,...a,children:[e||_(Y,{children:_("div",{className:"k-grid-header-wrap",children:Oe(Q,{children:[Oe("colgroup",{children:[_("col",{}),_("col",{}),_("col",{})]}),_(W,{children:Oe(k,{children:[_(y,{menu:o,columnTitle:"Name"}),_(y,{menu:o,columnTitle:"Position"}),_(y,{menu:o,columnTitle:"Hire Date"})]})})]})})}),_(re,{children:t||_(Z,{children:Oe(j,{children:[Oe("colgroup",{children:[_("col",{}),_("col",{}),_("col",{})]}),Oe(oe,{children:[Oe(k,{children:[Oe(i,{children:[_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),_(i,{children:"Sweeney"}),_(i,{children:"CEO"})]}),Oe(k,{alt:!0,children:[Oe(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),_(i,{children:"Wooten"}),_(i,{children:"Chief Technical Officer"})]}),Oe(k,{children:[Oe(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),_(i,{children:"Weber"}),_(i,{children:"VP, Engineering"})]}),Oe(k,{alt:!0,children:[Oe(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),_(i,{children:"Hood"}),_(i,{children:"Team Lead"})]}),Oe(k,{children:[Oe(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),_(i,{children:"Carr"}),_(i,{children:"Junior Software Developer"})]})]})]})})})]});import{jsx as Jh}from"react/jsx-runtime";var Gd=e=>Jh(Eo,{menu:"column",...e});import{jsx as qh}from"react/jsx-runtime";var Kd=e=>qh(Eo,{menu:"filter",...e});import{jsx as I,jsxs as Pe}from"react/jsx-runtime";var Dd=({gridHeader:e,gridContent:t,menu:o,...a})=>Pe(Ie,{id:"treelist",_renderAriaRoot:!0,...a,children:[e||I(Y,{children:I("div",{className:"k-grid-header-wrap",children:Pe(Q,{children:[Pe("colgroup",{children:[I("col",{className:"k-drag-col"}),I("col",{}),I("col",{}),I("col",{})]}),I(W,{children:Pe(k,{children:[I(y,{}),I(y,{menu:o,columnTitle:"First Name"}),I(y,{menu:o,columnTitle:"Last Name"}),I(y,{menu:o,columnTitle:"Position"})]})})]})})}),I(re,{children:t||I(Z,{children:Pe(j,{children:[Pe("colgroup",{children:[I("col",{className:"k-drag-col"}),I("col",{}),I("col",{}),I("col",{})]}),Pe(oe,{children:[Pe(k,{children:[I(i,{className:"k-drag-cell",children:I(m,{icon:"reorder"})}),Pe(i,{children:[I(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),I(i,{children:"Sweeney"}),I(i,{children:"CEO"})]}),Pe(k,{alt:!0,children:[I(i,{className:"k-drag-cell",children:I(m,{icon:"reorder"})}),Pe(i,{children:[I(m,{className:"k-treelist-toggle",icon:"none"}),I(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),I(i,{children:"Wooten"}),I(i,{children:"Chief Technical Officer"})]}),Pe(k,{children:[I(i,{className:"k-drag-cell",children:I(m,{icon:"reorder"})}),Pe(i,{children:[I(m,{className:"k-treelist-toggle",icon:"none"}),I(m,{className:"k-treelist-toggle",icon:"none"}),I(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),I(i,{children:"Weber"}),I(i,{children:"VP, Engineering"})]}),Pe(k,{alt:!0,children:[I(i,{className:"k-drag-cell",children:I(m,{icon:"reorder"})}),Pe(i,{children:[I(m,{className:"k-treelist-toggle",icon:"none"}),I(m,{className:"k-treelist-toggle",icon:"none"}),I(m,{className:"k-treelist-toggle",icon:"none"}),I(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),I(i,{children:"Hood"}),I(i,{children:"Team Lead"})]}),Pe(k,{children:[I(i,{className:"k-drag-cell",children:I(m,{icon:"reorder"})}),Pe(i,{children:[I(m,{className:"k-treelist-toggle",icon:"none"}),I(m,{className:"k-treelist-toggle",icon:"none"}),I(m,{className:"k-treelist-toggle",icon:"none"}),I(m,{className:"k-treelist-toggle",icon:"none"}),I(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),I(i,{children:"Carr"}),I(i,{children:"Junior Software Developer"})]})]})]})})})]});import{jsx as pF,jsxs as mF}from"react/jsx-runtime";import{jsx as C,jsxs as de}from"react/jsx-runtime";var Yh=Ie.options,Qh=Ie.states,Bd={...Ie.defaultOptions,variant:"normal"},Zh=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-row",title:"Filter Row"},{name:"sorting",title:"Sorting"},{name:"row-reordering",title:"Row Reordering"}],jh=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],or=e=>{let{variant:t,modifiers:o,...a}={...Bd,...e},l={},s=de(At,{children:[C(p,{icon:"plus",children:"Add New"}),C(p,{icon:"file-pdf",children:"Export to PDF"}),C("span",{className:"k-spacer"}),C(ne,{prefix:C(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=C(he,{pageSizes:!1,refresh:!1});switch(Object.keys(o||{}).forEach(u=>{switch(u){case"toolbar":l.toolbar=o?.[u]?s:void 0;break;case"pager":l.pager=o?.[u]?c:void 0;break;default:return}}),t){case"row-reordering":return C(Dd,{...a,...l});case"column-menu":return C(Gd,{...a,...l,gridHeader:C(Y,{children:C("div",{className:"k-grid-header-wrap",children:de(Q,{children:[de("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(W,{children:de(k,{children:[C(y,{menu:"column",columnTitle:"First Name"}),C(y,{menu:"column",columnTitle:"Last Name"}),C(y,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return C(Kd,{...a,...l,gridHeader:C(Y,{children:C("div",{className:"k-grid-header-wrap",children:de(Q,{children:[de("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(W,{children:de(k,{children:[C(y,{menu:"filter",columnTitle:"First Name"}),C(y,{menu:"filter",columnTitle:"Last Name"}),C(y,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return C(Eo,{...a,...l,gridHeader:C(Y,{children:C("div",{className:"k-grid-header-wrap",children:de(Q,{children:[de("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(W,{children:de(k,{children:[C(y,{columnTitle:"First Name"}),C(y,{columnTitle:"Last Name",sortable:!0}),C(y,{columnTitle:"Position"})]})})]})})}),gridContent:C(Z,{children:de(j,{children:[de("colgroup",{children:[C("col",{}),C("col",{className:"k-sorted"}),C("col",{})]}),de(oe,{children:[de(k,{className:"k-treelist-group",children:[de(i,{children:[C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),C(i,{children:"Sweeney"}),C(i,{children:"CEO"})]}),de(k,{className:"k-treelist-group k-alt",alt:!0,children:[de(i,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),C(i,{children:"Wooten"}),C(i,{children:"Chief Technical Officer"})]}),de(k,{className:"k-treelist-group",children:[de(i,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),C(i,{children:"Weber"}),C(i,{children:"VP, Engineering"})]}),de(k,{className:"k-treelist-group k-alt",alt:!0,children:[de(i,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),C(i,{children:"Hood"}),C(i,{children:"Team Lead"})]}),de(k,{children:[de(i,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),C(i,{children:"Carr"}),C(i,{children:"Junior Software Developer"})]})]})]})})});default:return C(Eo,{...a,...l,gridHeader:C(Y,{children:C("div",{className:"k-grid-header-wrap",children:de(Q,{children:[de("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(W,{children:de(k,{children:[C(y,{columnTitle:"First Name"}),C(y,{columnTitle:"Last Name"}),C(y,{columnTitle:"Position"})]})})]})})})})}};or.options=Yh;or.states=Qh;or.variants=Zh;or.defaultOptions=Bd;or.modifiers=jh;var On="propertygrid",_d=On;import{jsx as ax}from"react/jsx-runtime";var zd="k-property-grid",ex=[],tx={},ox={},St=e=>ax(Ie,{...e,className:r(zd,e.className),children:e.children});St.states=ex;St.options=tx;St.className=zd;St.defaultOptions=ox;St.moduleName=On;St.folderName=_d;import{jsx as nx}from"react/jsx-runtime";var Ro="k-pane",rx=[],lx={},Pn={resizable:!0,flex:!1},He=e=>{let{scrollable:t,flexBasis:o,flex:a=Pn.flex,collapsible:l,resizable:s=Pn.resizable,pinned:c,unpinned:u,tabbed:f,...N}=e;return nx("div",{...N,style:{flexBasis:o,...e.style},className:r(e.className,Ro,{[`${Ro}-static`]:o,[`${Ro}-flex`]:a,"k-scrollable":t,[`${Ro}-pinned`]:c,[`${Ro}-unpinned`]:u,[`${Ro}-tabbed`]:f}),role:"group",children:e.children})};He.states=rx;He.options=lx;He.className=Ro;He.defaultOptions=Pn;import{Fragment as Ud,jsx as Io,jsxs as dx}from"react/jsx-runtime";var ea="k-splitbar",ix=[n.hover,n.focus],sx={},Hn={orientation:"horizontal",draggable:!0},ta=e=>{let{hover:t,focus:o,orientation:a=Hn.orientation,draggable:l=Hn.draggable,collapsePrev:s,collapseNext:c,ariaLabel:u,...f}=e;return dx("div",{...f,className:r(e.className,ea,R(ea,{hover:t,focus:o}),{[`${ea}-${a}`]:a,[`${ea}-draggable-${a}`]:l,[`${ea}-static-${a}`]:!l&&!s&&!c}),role:"separator","aria-label":u,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[s&&Io(Ud,{children:Io("div",{className:"k-collapse-prev",children:Io(m,{icon:`caret-alt-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),Io("div",{className:"k-resize-handle"}),c&&Io(Ud,{children:Io("div",{className:"k-collapse-next",children:Io(m,{icon:`caret-alt-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};ta.states=ix;ta.options=sx;ta.className=ea;ta.defaultOptions=Hn;var Gn="splitter",Fd=Gn;import{jsx as mx,jsxs as ux}from"react/jsx-runtime";import{createElement as px}from"react";var Kn="k-splitter",cx={},$d={orientation:"horizontal"},Ge=e=>{let{orientation:t=$d.orientation,children:o,panes:a,...l}=e,s=[];return a&&a.forEach((c,u)=>{let f=a[u+1],N=c.props,v=f?.props;s.push(px(He,{...N,key:u})),f&&s.push(mx(ta,{draggable:N.resizable!==!1&&v.resizable!==!1,collapsePrev:N.collapsible,collapseNext:v.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${u}`))}),ux("div",{...l,className:r(e.className,Kn,{[`${Kn}-${t}`]:t},"k-splitter-flex"),children:[s,o]})};Ge.options=cx;Ge.className=Kn;Ge.defaultOptions=$d;Ge.moduleName=Gn;Ge.folderName=Fd;Ge.ariaSpec={selector:".k-splitter",rules:[{selector:".k-pane",attribute:"role=group",usage:"Sets the proper role for the Splitter pane."},{selector:".k-splitbar",attribute:"role=separator",usage:"Sets the proper role for the Splitter split-bar element."},{selector:".k-splitbar",attribute:"aria-label",usage:"An accessible name for the separator."},{selector:".k-splitbar-horizontal",attribute:"aria-orientation=vertical",usage:"When a splitbar separates two panes horizontally, its aria-orientation must be explicitly set to vertical."},{selector:".k-splitbar",attribute:"aria-keyshortcuts",usage:"Announces available keyboard shortcuts."}]};import{jsx as n8,jsxs as i8}from"react/jsx-runtime";import{jsx as p8,jsxs as m8}from"react/jsx-runtime";import{jsx as oa}from"react/jsx-runtime";import{createElement as _r}from"react";var bx=Ge.options,fx=Ge.states,Vd={...Ge.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},Tx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],hx=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],ar=e=>{let{variant:t,modifiers:o,...a}={...Vd,...e},l=f=>({collapsible:f,content:f?"Resizable and collapsible":"Resizable only"}),s=l(!0),c=l(!0),u={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(f=>{let N=o?.[f];switch(f){case"secondPaneProps":c=l(!!N);break;case"firstPaneProps":s=l(!!N);break;default:break}}),t==="vertical"?oa(Ge,{style:{height:"238px"},...a,orientation:"vertical",panes:[_r(He,{...s,flexBasis:"50%",style:u,key:"pane-1"},oa("p",{children:s.content})),_r(He,{...c,flexBasis:"50%",style:u,key:"pane-2"},oa("p",{children:c.content}))]}):oa(Ge,{style:{height:"238px"},...a,orientation:"horizontal",panes:[_r(He,{...s,flexBasis:"50%",style:u,key:"pane-1"},oa("p",{children:s.content})),_r(He,{...c,flexBasis:"50%",style:u,key:"pane-2"},oa("p",{children:c.content}))]})};ar.options=bx;ar.states=fx;ar.variants=Tx;ar.defaultOptions=Vd;ar.modifiers=hx;import{jsx as R8}from"react/jsx-runtime";import{jsx as U,jsxs as ke}from"react/jsx-runtime";var zr=({content:e,...t})=>U(St,{style:{height:"450px"},toolbar:ke(At,{resizable:!0,children:[U(ne,{prefix:U(m,{icon:"search"}),placeholder:"Search..."}),U(ie,{value:"Default Sort"}),U(p,{icon:"categorize"}),U(p,{icon:"info-circle"})]}),...t,children:U(re,{children:e||U(Z,{className:"k-auto-scrollable",children:ke(j,{children:[ke("colgroup",{children:[U("col",{style:{width:"200px"}}),U("col",{style:{width:"250px"}})]}),ke(oe,{children:[ke(k,{children:[ke(i,{children:[U(m,{className:"k-treelist-toggle",icon:"none"}),"size"]}),U(i,{children:U("b",{children:"medium"})})]}),ke(k,{alt:!0,children:[ke(i,{children:[U(m,{className:"k-treelist-toggle",icon:"none"}),"themeColor"]}),U(i,{children:U("b",{children:"base"})})]}),ke(k,{children:[ke(i,{children:[U(m,{className:"k-treelist-toggle",icon:"none"}),"fillMode"]}),U(i,{children:U("b",{children:"solid"})})]}),ke(k,{alt:!0,children:[ke(i,{children:[U(m,{className:"k-treelist-toggle",icon:"none"}),"rounded"]}),U(i,{children:U("b",{children:"medium"})})]}),ke(k,{children:[ke(i,{children:[U(m,{className:"k-treelist-toggle",icon:"none"}),"icon"]}),U(i,{children:U(m,{icon:"star"})})]}),ke(k,{alt:!0,children:[ke(i,{children:[U(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"font"]}),U(i,{children:"Roboto 400"})]}),ke(k,{children:[ke(i,{children:[U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"none"}),"font-weight"]}),U(i,{children:U("b",{children:"400"})})]}),ke(k,{alt:!0,children:[ke(i,{children:[U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"none"}),"font-family"]}),U(i,{children:U("b",{children:"Roboto"})})]}),U(k,{className:"k-hidden k-bottom k-sticky k-footer-template",children:U(i,{colspan:"2",children:U("span",{children:"\xA0"})})})]})]})})})});import{jsx as aa}from"react/jsx-runtime";var xx=St.options,Nx=St.states,Wd={...St.defaultOptions,variant:"normal"},gx=[{name:"normal",title:"Normal"},{name:"preview",title:"With Preview"}],kx=[],ra=e=>{let{variant:t,...o}={...Wd,...e};return t==="preview"?aa(Ge,{panes:[aa(He,{className:"k-text-center k-mt-24",scrollable:!0,flexBasis:"215px",children:aa(p,{icon:"star",children:"Button"})},"pane-1"),aa(He,{scrollable:!0,children:aa(zr,{style:{height:"auto"},...o})},"pane-2")]}):aa(zr,{style:{height:"auto"},...o})};ra.options=xx;ra.states=Nx;ra.variants=gx;ra.defaultOptions=Wd;ra.modifiers=kx;var Q8=ra;export{ra as PropertygridDemo,Q8 as default};