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

package/dist/esm/propertygrid/templates/propertygrid-with-preview.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 Bn(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 jd,jsxs as ec}from"react/jsx-runtime";var ir="k-grid",Yd=[],Qd={size:[d.undefined,d.small,d.medium,d.large]},Zd=[],Dn={pagerPosition:"bottom"},X=e=>{let{size:t,pagerPosition:o=Dn.pagerPosition,toolbar:a,pager:l,groupingHeader:s,gridSelectionAggregates:c,_renderAriaRoot:u,resizable:f,...N}=e;return ec("div",{...N,className:r(e.className,ir,{[`${ir}-resizable`]:f},A(ir,{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]})};X.states=Yd;X.options=Qd;X.variants=Zd;X.className=ir;X.defaultOptions=Dn;X.moduleName=ee;X.folderName=ae;import{jsx as tc}from"react/jsx-runtime";var _n="k-grid-header",J=e=>{let{draggable:t,...o}=e;return tc("div",{...o,className:r(e.className,_n,{"k-grid-draggable-header":t}),children:e.children})};J.className=_n;J.moduleName=ee;J.folderName=ae;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=ee;qt.folderName=ae;import{jsx as ac}from"react/jsx-runtime";var Fn="k-grid-sticky-container",$n={position:"top"},sr=e=>{let{position:t=$n.position,...o}=e;return ac("div",{...o,className:r(e.className,Fn,{"k-grid-sticky-top-container":t==="top","k-grid-sticky-bottom-container":t==="bottom"}),children:e.children})};sr.className=Fn;sr.defaultProps=$n;sr.moduleName=ee;sr.folderName=ae;var Ee="table",Ke=Ee;import{jsx as ic}from"react/jsx-runtime";var Vn="k-data-table",rc=[],lc={size:[d.undefined,d.small,d.medium,d.large]},nc={},Dt=e=>{let{size:t,...o}=e;return ic("div",{...o,className:r(e.className,Vn,A("k-table",{size:t})),children:e.children})};Dt.states=rc;Dt.options=lc;Dt.className=Vn;Dt.defaultOptions=nc;Dt.moduleName=Ee;Dt.folderName=Ke;import{jsx as pc}from"react/jsx-runtime";var Vr="k-table-header-wrap",sc=[n.hover,n.focus,n.disabled],dc={},cc={},Yt=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return pc("div",{...s,className:r(e.className,Vr,R(Vr,{hover:o,focus:a,disabled:l})),children:t})};Yt.states=sc;Yt.options=dc;Yt.className=Vr;Yt.defaultOptions=cc;Yt.moduleName=Ee;Yt.folderName=Ke;import{jsx as fc}from"react/jsx-runtime";var Wr="k-table",mc=[],uc={size:[d.undefined,d.small,d.medium,d.large]},bc={},Be=e=>{let{size:t,...o}=e;return fc("table",{...o,className:r(e.className,Wr,A(Wr,{size:t})),children:e.children})};Be.states=mc;Be.options=uc;Be.className=Wr;Be.defaultOptions=bc;Be.moduleName=Ee;Be.folderName=Ke;import{jsx as Xr}from"react/jsx-runtime";var Jr="k-table-header",Tc=[n.hover,n.focus,n.disabled],hc={},xc={},_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(Be,{children:t})})})};_t.states=Tc;_t.options=hc;_t.className=Jr;_t.defaultOptions=xc;_t.moduleName=Ee;_t.folderName=Ke;import{jsx as vc}from"react/jsx-runtime";var Wn="k-table-scroller",Nc=[],gc={},kc={},Po=e=>{let{children:t,...o}=e;return vc("div",{...o,className:r(e.className,Wn),children:t})};Po.states=Nc;Po.options=gc;Po.className=Wn;Po.defaultOptions=kc;Po.moduleName=Ee;Po.folderName=Ke;import{jsx as NN}from"react/jsx-runtime";import{jsx as Mc}from"react/jsx-runtime";var Xn="k-table-footer",Lc=[],Cc={},yc={},Qt=e=>{let{children:t,...o}=e;return Mc("div",{...o,className:r(e.className,Xn),children:t})};Qt.states=Lc;Qt.options=Cc;Qt.className=Xn;Qt.defaultOptions=yc;Qt.moduleName=Ee;Qt.folderName=Ke;import{jsx as Ec}from"react/jsx-runtime";var qr="k-table-list",Sc=[],wc={size:[d.undefined,d.small,d.medium,d.large]},Ac={},Zt=e=>{let{size:t,virtualization:o,...a}=e;return Ec("ul",{...a,className:r(e.className,"k-table",qr,A(qr,{size:t}),{"k-virtual-table":o}),children:e.children})};Zt.states=Sc;Zt.options=wc;Zt.className=qr;Zt.defaultOptions=Ac;Zt.moduleName=Ee;Zt.folderName=Ke;import{jsx as Ic}from"react/jsx-runtime";var Rc="k-table-thead",V=e=>Ic("thead",{className:r(e.className,Rc),children:e.children});import{jsx as Pc}from"react/jsx-runtime";var Oc="k-table-tbody",te=e=>Pc("tbody",{className:r(e.className,Oc),children:e.children});import{jsx as KN}from"react/jsx-runtime";import{jsx as Gc}from"react/jsx-runtime";var Yr="k-table-row",Hc=[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 Gc("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=Hc;k.className=Yr;import{jsx as Bc}from"react/jsx-runtime";var Qr="k-table-row",Kc=[n.hover,n.focus,n.selected,n.disabled],dr=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})};dr.states=Kc;dr.className=Qr;import{jsx as Dc}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 Dc("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,Jn),children:s})};zt.className=Jn;zt.moduleName=Ee;zt.folderName=Ke;import{jsx as QN}from"react/jsx-runtime";import{jsx as zc}from"react/jsx-runtime";var Zr="k-table-td",_c=[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 zc("td",{colSpan:s,rowSpan:c,...u,className:r(e.className,Zr,R(Zr,{focus:t,selected:o,highlighted:a})),children:f})};i.states=_c;i.className=Zr;import{jsx as rg}from"react/jsx-runtime";import{jsx as sg}from"react/jsx-runtime";import{jsx as mg}from"react/jsx-runtime";import{jsx as Tg}from"react/jsx-runtime";import{jsx as gg}from"react/jsx-runtime";import{jsx as Sg,jsxs as wg}from"react/jsx-runtime";import{jsx as Ig,jsxs as Og}from"react/jsx-runtime";import{jsx as Kg,jsxs as Bg}from"react/jsx-runtime";import{Fragment as $g,jsx as Ug,jsxs as Fg}from"react/jsx-runtime";import{jsx as Vc}from"react/jsx-runtime";var Yn="k-grid-header-table",q=e=>Vc(Be,{...e,className:r(e.className,Yn),children:e.children});q.className=Yn;q.moduleName=ee;q.folderName=ae;import{Fragment as qc,jsx as Qn}from"react/jsx-runtime";var jr="k-font-icon",Wc=[],Xc={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]},Jc={},ra=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(qc,{})};ra.states=Wc;ra.options=Xc;ra.className=jr;ra.defaultOptions=Jc;var Zn=ra;import{Fragment as Zc,jsx as cr}from"react/jsx-runtime";var el="k-svg-icon",Yc=[],Qc={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"},la=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:s=jn.viewBox,icon:c,...u}=e;if(!c)return cr(Zc,{});if(c==="none")return cr("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 cr("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:cr("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})})};la.states=Yc;la.options=Qc;la.className=el;la.defaultOptions=jn;var tl=la;import*as ol from"@progress/kendo-svg-icons";var ei="icon",ti="icons";import{useContext as ep}from"react";import{createContext as jc}from"react";var oi=jc({iconsType:"svg"});import{Fragment as ai,jsx as na}from"react/jsx-runtime";var pr="k-icon",tp=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),op=[],ap={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}=ep(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 na(ai,{});if((t||s)==="svg"){if(l==="none")return na(tl,{...N,className:r(e.className,pr),icon:l,size:o});let L=ol[l]?l:tp(`${l}-icon`);return ol[L]?na(tl,{...N,className:r(e.className,pr),icon:ol[L],size:o,themeColor:a,rotate:c,flip:u,viewBox:f}):na(ai,{})}return na(Zn,{...N,className:r(e.className,pr),icon:l,size:o,themeColor:a,rotate:c,flip:u})};m.states=op;m.options=ap;m.defaultOptions=al;m.className=pr;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",rp=[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=rp;y.className=ll;y.defaultOptions=ri;y.moduleName=ee;y.folderName=ae;import{jsx as lp}from"react/jsx-runtime";var li="k-grid-container",re=e=>lp("div",{...e,className:r(e.className,li),children:e.children});re.className=li;re.moduleName=ee;re.folderName=ae;import{jsx as np}from"react/jsx-runtime";var ni="k-grid-content",Y=e=>np("div",{...e,className:r(e.className,ni),children:e.children});Y.className=ni;Y.moduleName=ee;Y.folderName=ae;import{jsx as ip}from"react/jsx-runtime";var ii="k-grid-table",Q=e=>ip(Be,{...e,className:r(e.className,ii),children:e.children});Q.className=ii;Q.moduleName=ee;Q.folderName=ae;import{jsx as sp}from"react/jsx-runtime";var si="k-grid-footer",nl=e=>sp("div",{...e,className:r(e.className,si),children:e.children});nl.className=si;nl.moduleName=ee;nl.folderName=ae;import{jsx as dp}from"react/jsx-runtime";var di="k-grid-footer-table",il=e=>dp(Be,{...e,className:r(e.className,di),children:e.children});il.className=di;il.moduleName=ee;il.folderName=ae;var sl="button",ci=sl;import{Fragment as up,jsx as ia,jsxs as pi}from"react/jsx-runtime";var sa="k-button",cp=["icon-button"],pp=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],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,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,sa,Bn(sa,f),A(sa,{size:o,rounded:a,fillMode:l,themeColor:s}),R(sa,{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&&ia(m,{className:r(O,"k-button-icon"),icon:E}),P?pi(up,{children:[P&&ia("span",{className:"k-button-text",children:P}),e.children]}):e.children&&ia("span",{className:"k-button-text",children:e.children}),c&&ia("span",{className:"k-menu-button-arrow k-button-arrow",children:ia(m,{icon:u})})]})};p.states=pp;p.options=mp;p.variants=cp;p.className=sa;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 bp}from"react/jsx-runtime";var eo=e=>bp(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as fp}from"react/jsx-runtime";var da=e=>fp(p,{icon:"folder",children:"Button",...e});import{jsx as Tp}from"react/jsx-runtime";var fo=e=>Tp(p,{children:"Button",...e});import{jsx as cl}from"react/jsx-runtime";var hp=p.options,xp=p.states,Np={...p.defaultOptions,variant:"text"},gp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],kp=[],ca=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return cl(eo,{...o,icon:"star"});case"icon-and-text":return cl(da,{...o,icon:"star",children:"Button"});default:return cl(fo,{...o,children:"Button"})}};ca.options=hp;ca.states=xp;ca.variants=gp;ca.defaultOptions=Np;ca.modifiers=kp;var pa="input",mr=pa;import{jsx as yp}from"react/jsx-runtime";var ur="k-input",vp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Lp={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},Cp={},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 yp("span",{...L,className:r(e.className,ur,A(ur,{size:f,rounded:N,fillMode:v}),R(ur,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:u}))})};Le.states=vp;Le.options=Lp;Le.className=ur;Le.defaultOptions=Cp;Le.moduleName=pa;Le.folderName=mr;import{jsx as Ap}from"react/jsx-runtime";var br="k-picker",Mp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Sp={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]},wp={},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 Ap("span",{...L,className:r(e.className,br,A(br,{size:f,rounded:N,fillMode:v}),R(br,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:u})),children:e.children})};Et.states=Mp;Et.options=Sp;Et.className=br;Et.defaultOptions=wp;Et.moduleName=pa;Et.folderName=mr;import{Fragment as Ip,jsx as pl}from"react/jsx-runtime";var mi="k-clear-value",Ep=[n.disabled,n.loading,n.readonly],Rp={},rt=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?pl(Ip,{}):pl("span",{className:r(e.className,mi),children:pl(m,{icon:"x"})})};rt.states=Ep;rt.options=Rp;rt.className=mi;import{jsx as Hp}from"react/jsx-runtime";var ml="k-input-inner",Op=[],Pp={},fr={type:"text",autocomplete:"off",value:"",placeholder:""},lt=e=>{let{value:t=fr.value,type:o=fr.type,placeholder:a=fr.placeholder,autocomplete:l=fr.autocomplete,disabled:s,readOnly:c,...u}=e;return Hp("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=Op;lt.options=Pp;lt.className=ml;import{jsx as ui,jsxs as Bp}from"react/jsx-runtime";var ul="k-input-inner",Gp=[],Kp={},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=Gp;To.options=Kp;To.className=ul;import{jsx as zp}from"react/jsx-runtime";var bl="k-input-inner",Dp=[],_p={},bi={value:"",placeholder:""},fl=e=>{let{value:t=bi.value,placeholder:o=bi.placeholder,rows:a,disabled:l,...s}=e;return zp("textarea",{...s,className:r(e.className,bl,A(bl,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};fl.states=Dp;fl.options=_p;fl.className=bl;import{Fragment as Fp,jsx as fi}from"react/jsx-runtime";var Ti="k-input-loading-icon",Up=[n.disabled,n.loading],qe=e=>{let{disabled:t,loading:o}=e;return t||!o?fi(Fp,{}):fi("span",{className:r(e.className,Ti,"k-icon k-i-loading")})};qe.states=Up;qe.className=Ti;import{Fragment as Wp,jsx as hi}from"react/jsx-runtime";var xi="k-input-validation-icon",$p=[n.valid,n.invalid,n.disabled,n.loading],Vp={},Ue=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,s=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?hi(Wp,{}):hi(m,{className:r(xi),icon:s})};Ue.states=$p;Ue.options=Vp;Ue.className=xi;import{Fragment as qp,jsx as Ni}from"react/jsx-runtime";var Xp="k-input-prefix",Jp={direction:"horizontal"},mt=e=>{let{direction:t=Jp.direction,...o}=e;return e.children?Ni("span",{...o,className:r(Xp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Ni(qp,{})};import{Fragment as Zp,jsx as gi}from"react/jsx-runtime";var Yp="k-input-suffix",Qp={direction:"horizontal"},ut=e=>{let{direction:t=Qp.direction,...o}=e;return e.children?gi("span",{...o,className:r(Yp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):gi(Zp,{})};import{jsx as PL}from"react/jsx-runtime";import{jsx as em}from"react/jsx-runtime";var jp="k-input-suffix-text",Tl=e=>{let{children:t,...o}=e;return em("span",{...o,className:r(jp,e.className),children:t})};import{jsx as om}from"react/jsx-runtime";var ki="k-input-separator",tm={direction:"vertical"},bt=e=>{let{direction:t=tm.direction,...o}=e;return om("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 am=Le.states,rm=Le.defaultOptions,lm=Le.options,nm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],im=[],ma=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"})})]})]})};ma.options=lm;ma.states=am;ma.variants=im;ma.defaultOptions=rm;ma.modifiers=nm;var xl="popup",Li=xl;import{jsx as Ci}from"react/jsx-runtime";var yi="k-animation-container",sm=[],dm={},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=sm;It.options=dm;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",cm=[],pm={},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=cm;me.options=pm;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 bm}from"react/jsx-runtime";var Tr="k-actions",mm=[],um={},kl={alignment:"start",orientation:"horizontal"},Ot=e=>{let{alignment:t=kl.alignment,orientation:o=kl.orientation,...a}=e;return bm("div",{...a,className:r(Tr,{[`${Tr}-${t}`]:t,[`${Tr}-${o}`]:o},e.className),children:e.children})};Ot.states=mm;Ot.options=um;Ot.className=Tr;Ot.defaultOptions=kl;Ot.moduleName=gl;Ot.folderName=Ri;import{jsx as Tm}from"react/jsx-runtime";var fm="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 Tm(l,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,fm),children:e.children})};var vl="searchbox",Oi=vl;import{jsx as ua,jsxs as Nm}from"react/jsx-runtime";var Pi="k-searchbox",hm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],xm={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 Nm(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&&ua(m,{className:"k-input-icon",icon:S}),ua(lt,{placeholder:o,value:t}),ua(qe,{...e}),ua(Ue,{...e}),ua(rt,{...e})]})};ft.states=hm;ft.options=xm;ft.className=Pi;ft.defaultOptions=Ll;ft.moduleName=vl;ft.folderName=Oi;import{jsx as jC}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",gm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],km={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]},hr={showClearButton:!0,showValidationIcon:!0,separators:!0},ne=e=>{let{size:t,rounded:o,fillMode:a,separators:l=hr.separators,showClearButton:s=hr.showClearButton,showValidationIcon:c=hr.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=gm;ne.options=km;ne.className=Ki;ne.defaultOptions=hr;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 ba=ne;import{jsx as vm}from"react/jsx-runtime";var Bi=e=>vm(ba,{...e});import{Fragment as hy,jsx as Ty}from"react/jsx-runtime";import{Fragment as Ly,jsx as vy}from"react/jsx-runtime";import{jsx as Sy}from"react/jsx-runtime";import{jsx as Ml}from"react/jsx-runtime";var Lm=ne.states,Cm=ne.defaultOptions,ym=ne.options,Mm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Sm=[],fa=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(Bi,{value:"Value",style:{width:300},...o,...a})};fa.options=ym;fa.states=Lm;fa.variants=Sm;fa.defaultOptions=Cm;fa.modifiers=Mm;import{jsx as ao,jsxs as Sl}from"react/jsx-runtime";var Di="k-actionsheet-titlebar",wm={},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,Di),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=Di;Fe.defaultOptions=wm;import{jsx as wl,jsxs as Im}from"react/jsx-runtime";var Al="k-actionsheet-view",Am=[],Em={},Rm={},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 Im("div",{...u,className:r(e.className,Al,{[`${Al}-animated`]:o}),children:[f,wl("div",{className:"k-actionsheet-content",children:a}),N]})};Ho.states=Am;Ho.options=Em;Ho.className=Al;Ho.defaultOptions=Rm;var Ta="action-sheet",xr=Ta;var El="overlay",_i=El;import{jsx as Gm}from"react/jsx-runtime";var Rl="k-overlay",Om=[],Pm={themeColor:[h.undefined,h.light,h.dark,h.inverse]},Hm={},ro=e=>{let{themeColor:t,...o}=e;return Gm("div",{...o,className:r(e.className,Rl,A(Rl,{themeColor:t})),children:e.children})};ro.states=Om;ro.options=Pm;ro.className=Rl;ro.defaultOptions=Hm;ro.moduleName=El;ro.folderName=_i;import{jsx as Nr,jsxs as Dm}from"react/jsx-runtime";var zi="k-actionsheet",Km=[],Bm={},ha={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},xe=e=>{let{side:t=ha.side,fullscreen:o=ha.fullscreen,adaptive:a=ha.adaptive,overlay:l=ha.overlay,template:s,children:c,header:u,footer:f,id:N,...v}=e,L=N&&!s&&u?`${N}-title`:void 0;return Dm("div",{className:"k-actionsheet-container",children:[l&&Nr(ro,{}),Nr(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:Nr("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||Nr(Ho,{header:u,footer:f,adaptive:a,titleId:L,...e,children:c})})})]})};xe.states=Km;xe.options=Bm;xe.className=zi;xe.defaultOptions=ha;xe.moduleName=Ta;xe.folderName=xr;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 Fm}from"react/jsx-runtime";var Ui="k-actionsheet-container",_m=[],zm={},Um={},Go=e=>{let{children:t,...o}=e;return Fm("div",{...o,className:Ui,children:t})};Go.states=_m;Go.options=zm;Go.className=Ui;Go.defaultOptions=Um;Go.moduleName=Ta;Go.folderName=xr;import{jsx as $m}from"react/jsx-runtime";var Il=e=>{let{...t}=e;return $m("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Wm,jsx as xa,jsxs as Ol}from"react/jsx-runtime";var Pl="k-actionsheet-item",Vm=[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&&xa(Wm,{children:Ol("span",{className:"k-actionsheet-action",children:[t&&xa("span",{className:"k-icon-wrap",children:xa(m,{className:"k-actionsheet-item-icon",icon:t})}),Ol("span",{className:"k-actionsheet-item-text",children:[o&&xa("span",{className:"k-actionsheet-item-title",children:o}),a&&xa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};lo.states=Vm;lo.className=Pl;import{jsx as MM,jsxs as SM}from"react/jsx-runtime";import{jsx as RM}from"react/jsx-runtime";import{jsx as HM}from"react/jsx-runtime";import{jsx as DM}from"react/jsx-runtime";import{jsx as Re,jsxs as Hl}from"react/jsx-runtime";var Xm=xe.options,Jm=xe.states,$i={...xe.defaultOptions,variant:"normal"},qm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Ym=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Na=e=>{let{variant:t,modifiers:o,...a}={...$i,...e},l={},s=Hl(Il,{children:[Re(lo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Re(lo,{text:"Add to Favorites",iconName:"heart"}),Re(lo,{text:"Upload New",iconName:"upload",disabled:!0}),Re("hr",{className:"k-hr"}),Re(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"?Re(xe,{...a,adaptive:!0,fullscreen:l.fullScreen,header:Re(Fe,{actionsStart:l.actionsStart?Re(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Re(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?Hl(to,{alignment:"stretched",children:[Re(p,{text:"Cancel",size:"large",themeColor:"base"}),Re(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):Re(xe,{...a,fullscreen:l.fullScreen,header:Re(Fe,{actionsStart:l.actionsStart?Re(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Re(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Hl(to,{alignment:"stretched",children:[Re(p,{text:"Apply",themeColor:"primary"}),Re(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Na.options=Xm;Na.states=Jm;Na.variants=qm;Na.defaultOptions=$i;Na.modifiers=Ym;import Kl from"react";import{jsx as Vi}from"react/jsx-runtime";var Qm="k-list-group-sticky-header",Gl=e=>Vi("div",{className:r(Qm,e.className),children:Vi("div",{className:"k-list-header-text",children:e.children})});import{jsx as jm}from"react/jsx-runtime";var Zm="k-no-data",gr=e=>{let{live:t,...o}=e;return jm("span",{...o,className:r(Zm,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 Bl="k-list",eu=[],tu={size:[d.undefined,d.small,d.medium,d.large]},ou={},Z=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,Bl,A(Bl,{size:t}),{"k-virtual-list":o}),children:[s,c,l&&Wi(Gl,{children:l}),a||(u!==void 0?u:Wi(gr,{live:!0,children:"No data found."})),f&&a&&Xi(gr,{className:"k-sr-only",live:!0,children:[b," items found."]})]})};Z.states=eu;Z.options=tu;Z.className=Bl;Z.defaultOptions=ou;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 nu}from"react/jsx-runtime";var Ji="k-list-container",au=[],ru={},lu={},Bo=e=>{let{...t}=e;return nu("div",{...t,className:r(e.className,Ji),children:e.children})};Bo.states=au;Bo.options=ru;Bo.className=Ji;Bo.defaultOptions=lu;Bo.moduleName=ho;Bo.folderName=Ko;var xo="checkbox",Do=xo;import{jsx as qi}from"react/jsx-runtime";var kr="k-checkbox",iu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],su={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full]},du={},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,kr,A(kr,{size:v,rounded:L}),R(kr,{hover:l,focus:s,disabled:c,invalid:u,valid:f,indeterminate:a,checked:o}))})})};Ye.states=iu;Ye.options=su;Ye.className=kr;Ye.defaultOptions=du;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 mu}from"react/jsx-runtime";var Yi="k-checkbox-list",cu=[],pu={},Qi={layout:"vertical"},Qe=e=>{let{layout:t=Qi.layout,...o}=e;return mu("ul",{...o,className:r(e.className,Yi,{[`k-list-${t}`]:t}),children:e.children})};Qe.states=cu;Qe.options=pu;Qe.className=Yi;Qe.defaultOptions=Qi;Qe.moduleName=xo;Qe.folderName=Do;import{jsx as Tu}from"react/jsx-runtime";var Zi="k-checkbox-list-item",uu=[],bu={},fu={},$e=e=>{let{...t}=e;return Tu("li",{...t,className:r(e.className,Zi),children:e.children})};$e.states=uu;$e.options=bu;$e.className=Zi;$e.defaultOptions=fu;$e.moduleName=xo;$e.folderName=Do;import{Fragment as hu,jsx as ji,jsxs as xu}from"react/jsx-runtime";var Ut=({children:e,id:t,...o})=>xu(hu,{children:[ji(Pt,{id:t,...o}),ji("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as JS,jsx as XS,jsxs as qS}from"react/jsx-runtime";import{Fragment as ew,jsx as jS,jsxs as tw}from"react/jsx-runtime";import{Fragment as nw,jsx as lw,jsxs as iw}from"react/jsx-runtime";import{jsx as pw}from"react/jsx-runtime";import{jsx as fw}from"react/jsx-runtime";import{jsx as Nw}from"react/jsx-runtime";import{jsx as Tt,jsxs as es}from"react/jsx-runtime";var Nu=Qe.options,gu=Qe.states,ku={...Qe.defaultOptions,variant:"vertical"},vu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Lu=[],ga=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"})})]})};ga.options=Nu;ga.states=gu;ga.variants=vu;ga.defaultOptions=ku;ga.modifiers=Lu;import{jsx as Au}from"react/jsx-runtime";var Cu=Pt.options,yu=Pt.states,Mu=Pt.defaultOptions,Su=[],wu=[],ka=e=>Au(Ut,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});ka.options=Cu;ka.states=yu;ka.variants=Su;ka.defaultOptions=Mu;ka.modifiers=wu;import{jsx as No,jsxs as Ou}from"react/jsx-runtime";var Dl="k-list-item",Eu=[n.hover,n.focus,n.selected,n.disabled],Ru={},Iu={},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 Ou("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":Dl,R(Dl,{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=Eu;z.options=Ru;z.className=Dl;z.defaultOptions=Iu;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 Hu}from"react/jsx-runtime";var Pu="k-list-ul",Ft=e=>{let{children:t,role:o,id:a,...l}=e;return Hu("ul",{...l,id:a,role:o,className:r(Pu,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 Ku}from"react/jsx-runtime";var Gu="k-list-content",se=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:s,...c}=e;return Ku("div",{...c,className:r(Gu,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 iA,jsx as nA,jsxs as sA}from"react/jsx-runtime";import{jsx as zl,jsxs as Du}from"react/jsx-runtime";var Bu="k-list-group-item",go=e=>{let{groupIconName:t,...o}=e;return Du("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 Fu}from"react/jsx-runtime";var Ul="k-list-optionlabel",_u=[n.hover,n.focus,n.selected,n.disabled],zu={},Uu={},vr=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...c}=e;return Fu("div",{...c,className:r(Ul,R(Ul,{hover:o,focus:a,selected:l,disabled:s})),children:t})};vr.states=_u;vr.options=zu;vr.className=Ul;vr.defaultOptions=Uu;import{jsx as Xu}from"react/jsx-runtime";var Fl="k-list-custom-value",$u=[n.hover,n.focus,n.selected,n.disabled],Vu={},Wu={},no=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...c}=e;return Xu("div",{...c,className:r(Fl,R(Fl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};no.states=$u;no.options=Vu;no.className=Fl;no.defaultOptions=Wu;import{Fragment as CA,jsx as LA,jsxs as yA}from"react/jsx-runtime";import{Fragment as RA,jsx as EA,jsxs as IA}from"react/jsx-runtime";import{Fragment as DA,jsx as KA,jsxs as BA}from"react/jsx-runtime";import{Fragment as WA,jsx as $A,jsxs as VA}from"react/jsx-runtime";import{jsx as YA}from"react/jsx-runtime";import{Fragment as oE,jsx as tE,jsxs as aE}from"react/jsx-runtime";var ts="dropdown-list",os="dropdownlist";import{Fragment as Yu,jsx as Ve,jsxs as $l}from"react/jsx-runtime";var as="k-dropdownlist",Ju=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],qu={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:$r,...nr}=e;return $l(Yu,{children:[$l(Et,{...nr,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:$r,inputValue:N,inputPlaceholder:v,title:at,subtitle:Oo}),children:Ve("div",{className:"k-list-container",children:Ve(Z,{size:"large",children:$l(se,{children:[Ve(z,{text:"List item"}),Ve(z,{text:"List item"}),Ve(z,{text:"List item"})]})})})})]})};ie.states=Ju;ie.options=qu;ie.className=as;ie.defaultOptions=Vl;ie.moduleName=ts;ie.folderName=os;import{jsx as HE}from"react/jsx-runtime";import{jsx as _E,jsxs as zE}from"react/jsx-runtime";import{Fragment as qE,jsx as XE,jsxs as JE}from"react/jsx-runtime";import{jsx as jE}from"react/jsx-runtime";import{jsx as rR,jsxs as lR}from"react/jsx-runtime";import{Fragment as uR,jsx as pR,jsxs as mR}from"react/jsx-runtime";import{Fragment as ob,jsx as io,jsxs as rs}from"react/jsx-runtime";var Qu=ie.states,Zu=ie.defaultOptions,ju=ie.options,eb=[{name:"opened",title:"Opened"}],tb=[],La=e=>{let{modifiers:t,...o}=e,a={},l=rs(ob,{children:[io("div",{className:"k-list-filter",children:io(ft,{})}),io(Z,{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})})};La.options=ju;La.states=Qu;La.variants=tb;La.defaultOptions=Zu;La.modifiers=eb;import{jsx as ls,jsxs as ib}from"react/jsx-runtime";var ns="k-spin-button",lb=[],nb={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 ib("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=lb;so.options=nb;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",sb=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],db={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]},Lr={showSpinButton:!0,showClearButton:!0,separators:!0},$=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Lr.separators,showClearButton:s=Lr.showClearButton,showSpinButton:c=Lr.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=sb;$.options=db;$.className=cs;$.defaultOptions=Lr;$.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 Ca=$;import{jsx as cb}from"react/jsx-runtime";var ps=e=>cb(Ca,{...e});import{Fragment as ZR,jsx as QR}from"react/jsx-runtime";import{Fragment as rI,jsx as aI}from"react/jsx-runtime";import{jsx as sI}from"react/jsx-runtime";import{jsx as Jl}from"react/jsx-runtime";var pb=$.states,mb=$.defaultOptions,ub=$.options,bb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],fb=[],ya=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})};ya.options=ub;ya.states=pb;ya.variants=fb;ya.defaultOptions=mb;ya.modifiers=bb;var ql="pager",ms=ql;import{Fragment as us,jsx as Ze,jsxs as _o}from"react/jsx-runtime";var Cr="k-pager",Tb=[n.focus,n.disabled],hb={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,Cr,A(Cr,{size:o}),R(Cr,{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=Tb;he.options=hb;he.className=Cr;he.defaultOptions=nt;he.moduleName=ql;he.folderName=ms;import{jsx as PI}from"react/jsx-runtime";import{jsx as BI}from"react/jsx-runtime";import{jsx as UI}from"react/jsx-runtime";import{jsx as bs}from"react/jsx-runtime";var xb=he.options,Nb=he.states,gb={...he.defaultOptions,variant:"numeric"},kb=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],vb=[],Ma=e=>{let{variant:t,...o}=e;return t==="input"?bs(he,{...o,type:"input"}):bs(he,{...o,type:"numeric"})};Ma.options=xb;Ma.states=Nb;Ma.variants=kb;Ma.defaultOptions=gb;Ma.modifiers=vb;import{jsx as Lb}from"react/jsx-runtime";var fs="k-grid-pager",Ht=e=>Lb(he,{...e,className:r(e.className,fs),children:e.children});Ht.className=fs;Ht.moduleName=ee;Ht.folderName=ae;var Yl="button",Ts=Yl;import{jsx as Sb}from"react/jsx-runtime";var Sa="k-button-group",Cb=[n.disabled],yb={fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link]},Mb={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return Sb("div",{role:"group",...l,className:r(e.className,Sa,A(Sa,{fillMode:t}),R(Sa,{disabled:o}),{[`${Sa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=Cb;B.options=yb;B.className=Sa;B.defaultOptions=Mb;B.moduleName=Yl;B.folderName=Ts;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 fO,jsx as bO,jsxs as TO}from"react/jsx-runtime";import{Fragment as vO,jsx as kO,jsxs as LO}from"react/jsx-runtime";import{Fragment as AO,jsx as wO,jsxs as EO}from"react/jsx-runtime";import{Fragment as GO,jsx as HO,jsxs as KO}from"react/jsx-runtime";import{Fragment as FO,jsx as UO,jsxs as $O}from"react/jsx-runtime";import{Fragment as YO,jsx as qO,jsxs as QO}from"react/jsx-runtime";import{jsx as Vt,jsxs as Ql}from"react/jsx-runtime";var wb={...p.options,...B.options},Ab=p.states,Eb={...p.defaultOptions,...B.defaultOptions,variant:"text-button"},Rb=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Ib=[],wa=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Ql(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"?Ql(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"})]}):Ql(B,{fillMode:a.fillMode,className:o,children:[Vt(p,{...a,children:"First"}),Vt(p,{...a,children:"Middle"}),Vt(p,{...a,children:"Last"})]})};wa.options=wb;wa.states=Ab;wa.variants=Rb;wa.defaultOptions=Eb;wa.modifiers=Ib;import{jsx as hs,jsxs as Hb}from"react/jsx-runtime";var xs="k-color-preview",Ob=[],Pb={},co=e=>{let{color:t,iconName:o,...a}=e;return Hb("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=Ob;co.options=Pb;co.className=xs;var Zl="slider",Ns=Zl;import{jsx as zo,jsxs as jl}from"react/jsx-runtime";var Aa="k-slider",Gb=[n.hover,n.focus,n.active,n.disabled,n.readonly],Kb={},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(Aa,e.className,R(Aa,{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(Aa,{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(Aa,{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=Gb;ue.options=Kb;ue.className=Aa;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=[],Db={},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=Db;G.className=ks;G.defaultOptions=vs;import{Fragment as _b,jsx as Nt,jsxs as zb}from"react/jsx-runtime";var Ls=e=>Nt(ue,{"aria-label":e["aria-label"]||"Slider",children:zb(_b,{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 Ub,jsx as gt,jsxs as Fb}from"react/jsx-runtime";var Cs=e=>gt(ue,{children:Fb(Ub,{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 KP,jsx as GP,jsxs as BP}from"react/jsx-runtime";import{Fragment as FP,jsx as UP,jsxs as $P}from"react/jsx-runtime";import{jsx as $b}from"react/jsx-runtime";var en=e=>$b(ue,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Vb}from"react/jsx-runtime";var tn=e=>Vb(ue,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as t0,jsx as e0,jsxs as o0}from"react/jsx-runtime";import{Fragment as i0,jsx as n0,jsxs as s0}from"react/jsx-runtime";import{jsx as Gt,jsxs as ys}from"react/jsx-runtime";var Wb=ue.options,Xb=ue.states,Ms={...ue.defaultOptions,variant:"horizontal",label:!0},Jb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],qb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ea=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%"}})]})};Ea.options=Wb;Ea.states=Xb;Ea.variants=Jb;Ea.defaultOptions=Ms;Ea.modifiers=qb;import{Fragment as Ra,jsx as W,jsxs as Ne}from"react/jsx-runtime";var Ss="k-colorgradient-inputs",Yb=[],Qb={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:[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(Ra,{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(Ra,{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(Ra,{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(Ra,{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(Ra,{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=Yb;Uo.options=Qb;Uo.className=Ss;Uo.defaultOptions=ws;import{jsx as ko,jsxs as vo}from"react/jsx-runtime";var As="k-colorgradient-color-contrast",Zb=[],jb={},ef={},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=Zb;Fo.options=jb;Fo.className=As;Fo.defaultOptions=ef;var Es="color-gradient",Rs="colorgradient";import{jsx as kt,jsxs as Ia}from"react/jsx-runtime";var yr="k-colorgradient",tf=[n.hover,n.focus,n.readonly,n.disabled],of={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"},Ie=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 Ia("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,yr,A(yr,{size:t}),R(yr,{hover:L,focus:b,readonly:a,disabled:l})),dir:v,children:[!E||E==="horizontal"&&Ia("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})})}),Ia("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"&&Ia("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})})}),Ia("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,{})]})};Ie.states=tf;Ie.options=of;Ie.className=yr;Ie.defaultOptions=Kt;Ie.moduleName=Es;Ie.folderName=Rs;Ie.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 af}from"react/jsx-runtime";var Mr=e=>af(Ie,{...e});import{jsx as Z0}from"react/jsx-runtime";import{jsx as oH}from"react/jsx-runtime";import{jsx as on}from"react/jsx-runtime";var rf=Ie.options,lf=Ie.states,nf={...Ie.defaultOptions,variant:"rgba"},sf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],df=[],Oa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return on(Mr,{...o,mode:t});case"rgb":return on(Mr,{...o,mode:t});default:return on(Mr,{...o,mode:t})}};Oa.options=rf;Oa.states=lf;Oa.variants=sf;Oa.defaultOptions=nf;Oa.modifiers=df;import{jsx as cf}from"react/jsx-runtime";var an=e=>cf("tr",{role:"row",children:e.children});import{jsx as uf}from"react/jsx-runtime";var rn="k-colorpalette-tile",pf=[n.hover,n.focus,n.selected],mf={},$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 uf("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=pf;$o.options=mf;$o.className=rn;var Is="color-palette",Os="colorpalette";import{jsx as Pa}from"react/jsx-runtime";var Sr="k-colorpalette",bf=[n.disabled],ff={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(Pa($o,{color:S,tileSize:l},E))});let w=Pa(an,{children:b},L);u.push(w)})}return Pa("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,Sr,R(Sr,{disabled:s}),A(Sr,{size:t})),children:Pa("table",{className:"k-colorpalette-table",role:"none",children:Pa("tbody",{children:u.length>0?u:e.children})})})};je.states=bf;je.options=ff;je.className=Sr;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 wr=je;var Ha={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as Tf}from"react/jsx-runtime";var Hs=e=>Tf(wr,{palette:Ha.basic,...e});import{jsx as KH}from"react/jsx-runtime";import{jsx as FH,jsxs as $H}from"react/jsx-runtime";import{jsx as Lf}from"react/jsx-runtime";var hf=je.options,xf=je.states,Nf={...je.defaultOptions,variant:"basic"},gf=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],kf={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}},vf=[],Ga=e=>{let{variant:t="basic",...o}=e,a=kf[t];return Lf(Hs,{columns:a.columns,palette:a,...o})};Ga.options=hf;Ga.states=xf;Ga.variants=gf;Ga.defaultOptions=Nf;Ga.modifiers=vf;var Gs="color-editor",Ks="coloreditor";import{jsx as vt,jsxs as Vo}from"react/jsx-runtime";var Ar="k-coloreditor",Cf=[n.focus],yf={size:[d.undefined,d.small,d.medium,d.large]},Ka={view:"gradient",palette:Ha.office,actionButtons:!0,canvasOrientation:"horizontal"},ge=e=>{let{size:t,view:o=Ka.view,palette:a=Ka.palette,color:l,currentColor:s,focus:c,focusView:u,dir:f,group:N,actionButtons:v=Ka.actionButtons,canvasOrientation:L=Ka.canvasOrientation,...b}=e;return Vo("div",{...b,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Ar,A(Ar,{size:t}),R(Ar,{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(Ie,{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=Cf;ge.options=yf;ge.className=Ar;ge.defaultOptions=Ka;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 NG}from"react/jsx-runtime";import{jsx as LG}from"react/jsx-runtime";import{jsx as Mf}from"react/jsx-runtime";var Bs=e=>Mf(Wo,{group:!0,currentColor:"fuchsia",...e});import{jsx as Sf}from"react/jsx-runtime";var Ds=e=>Sf(Wo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as _s}from"react/jsx-runtime";var wf=ge.options,Af=ge.states,Ef={...ge.defaultOptions,variant:"gradient"},Rf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],If=[],Ba=e=>{let{variant:t,...o}=e;return t==="palette"?_s(Ds,{...o,color:"white"}):_s(Bs,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Ba.options=wf;Ba.states=Af;Ba.variants=Rf;Ba.defaultOptions=Ef;Ba.modifiers=If;var zs="color-picker",Us="colorpicker";import{Fragment as Hf,jsx as Lt,jsxs as ln}from"react/jsx-runtime";var Fs="k-colorpicker",Of=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Pf={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(Hf,{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=Of;it.options=Pf;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 Gf}from"react/jsx-runtime";var Er=e=>Gf(po,{...e});import{jsx as nK}from"react/jsx-runtime";import{jsx as pK}from"react/jsx-runtime";import{jsx as fK}from"react/jsx-runtime";import{jsx as NK}from"react/jsx-runtime";import{jsx as LK}from"react/jsx-runtime";import{jsx as SK}from"react/jsx-runtime";import{jsx as Lo}from"react/jsx-runtime";var Kf=po.options,Bf=po.states,Vs={...po.defaultOptions,variant:"color"},Df=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],_f=[{name:"opened",title:"Opened"}],Da=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(Er,{...a,...l})});case"icon":return Lo("div",{style:s,children:Lo(Er,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return Lo("div",{style:s,children:Lo(Er,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};Da.options=Kf;Da.states=Bf;Da.variants=Df;Da.defaultOptions=Vs;Da.modifiers=_f;var nn="combobox",Ws=nn;import{Fragment as sn,jsx as Ce,jsxs as _a}from"react/jsx-runtime";var Xs="k-combobox",zf=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Uf={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:$r,activeDescendant:nr,"aria-label":Xd,...Jd}=e,qd=Oo?`${Oo}-listbox`:void 0;return _a(sn,{children:[_a(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&&_a(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&&nr?nr:void 0,"aria-autocomplete":$r,"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&&_a(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(Z,{customValue:at?Ce(no,{text:`Use "${u}"`}):void 0,size:"large",children:_a(se,{"aria-label":ze||"Options",children:[Ce(z,{text:"List item"}),Ce(z,{text:"List item"}),Ce(z,{text:"List item"})]})})})})]})};We.states=zf;We.options=Uf;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 Ff}from"react/jsx-runtime";var qs=e=>Ff(st,{...e});import{jsx as dB,jsxs 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{Fragment as EB,jsx as AB}from"react/jsx-runtime";import{Fragment as GB,jsx as HB}from"react/jsx-runtime";import{jsx as UB,jsxs as FB}from"react/jsx-runtime";import{Fragment as QB,jsx as qB,jsxs as YB}from"react/jsx-runtime";import{jsx as tD}from"react/jsx-runtime";import{jsx as lD}from"react/jsx-runtime";import{jsx as pD,jsxs as mD}from"react/jsx-runtime";import{jsx as xD,jsxs as ND}from"react/jsx-runtime";import{jsx as mo,jsxs as qf}from"react/jsx-runtime";var $f=We.states,Vf=We.defaultOptions,Wf=We.options,Xf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Jf=[],za=e=>{let{modifiers:t,...o}=e,a={},l=mo(Z,{style:{width:300},size:o.size,children:qf(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})})};za.options=Wf;za.states=$f;za.variants=Jf;za.defaultOptions=Vf;za.modifiers=Xf;var dn="menu-button",Ys=dn;import{jsx as Zf}from"react/jsx-runtime";var Qs="k-menu-button",Yf=[n.hover,n.focus,n.active,n.selected,n.disabled],Qf={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 Zf(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=Yf;ce.options=Qf;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 ZD}from"react/jsx-runtime";import{jsx as o1}from"react/jsx-runtime";import{jsx as n1}from"react/jsx-runtime";var dt="menu",Ct=dt;import{jsx as Ua,jsxs as Zs}from"react/jsx-runtime";var pn="k-menu-item",jf=[n.hover,n.focus,n.active,n.selected,n.disabled],eT={},js={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=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"&&Ua(m,{className:"k-menu-link-icon",icon:c}),Ua("span",{className:"k-menu-link-text",children:u}),c&&b==="after"&&Ua(m,{className:"k-menu-link-icon",icon:c}),v&&Ua("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ua(m,{icon:O})})]}),S]})};De.states=jf;De.options=eT;De.className=pn;De.defaultOptions=js;De.moduleName=dt;De.folderName=Ct;import{jsx as Fa,jsxs as ed}from"react/jsx-runtime";var mn="k-menu-item",tT=[n.hover,n.focus,n.active,n.selected,n.disabled],oT={},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"&&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:F})})]}),S,E]})};Te.states=tT;Te.options=oT;Te.className=mn;Te.defaultOptions=un;Te.moduleName=dt;Te.folderName=Ct;import{jsx as nT}from"react/jsx-runtime";var td="k-menu-scroll-wrapper",aT=[],rT={},lT={},Co=e=>{let{className:t,children:o,orientation:a,...l}=e;return nT("div",{...l,className:r(t,td,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Co.states=aT;Co.options=rT;Co.className=td;Co.defaultOptions=lT;Co.moduleName=dt;Co.folderName=Ct;var od=Co;import{Fragment as bn,jsx as yo,jsxs as Ir}from"react/jsx-runtime";var fn="k-menu",iT=[],sT={},Or={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Oe=e=>{let{children:t,orientation:o=Or.orientation,header:a=Or.header,scrollable:l,scrollButtonsPosition:s=Or.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 Ir(bn,{children:[l?Ir(od,{orientation:o,style:c,dir:e.dir,children:[s==="start"&&Ir(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"&&Ir(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]})};Oe.states=iT;Oe.options=sT;Oe.className=fn;Oe.defaultOptions=Or;Oe.moduleName=dt;Oe.folderName=Ct;Oe.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 dT}from"react/jsx-runtime";var Tn="k-separator",ad={orientation:"horizontal"},Xo=e=>{let{orientation:t=ad.orientation,...o}=e;return dT("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 H1,jsx as G1}from"react/jsx-runtime";import{jsx as uT}from"react/jsx-runtime";var hn="k-menu-group",cT=[],pT={size:[d.undefined,d.small,d.medium,d.large]},mT={},_e=e=>{let{children:t,size:o,...a}=e;return uT("ul",{...a,className:r(e.className,hn,A(hn,{size:o})),role:"menu",children:t})};_e.states=cT;_e.options=pT;_e.className=hn;_e.defaultOptions=mT;_e.moduleName=dt;_e.folderName=Ct;import{Fragment as bT,jsx as Jo,jsxs as fT}from"react/jsx-runtime";var xn=e=>Jo(Oe,{children:fT(bT,{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 Y1,jsx as J1,jsxs as q1}from"react/jsx-runtime";import{Fragment as t_,jsx as e_,jsxs as o_}from"react/jsx-runtime";import{Fragment as i_,jsx as n_,jsxs as s_}from"react/jsx-runtime";import{Fragment as u_,jsx as m_,jsxs as b_}from"react/jsx-runtime";import{jsx as Mo,jsxs as gT}from"react/jsx-runtime";var TT=Oe.options,hT=Oe.states,rd={...Oe.defaultOptions,variant:"horizontal"},xT=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],NT=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],$a=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:gT(_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})};$a.options=TT;$a.states=hT;$a.variants=xT;$a.defaultOptions=rd;$a.modifiers=NT;import{Fragment as W_,jsx as $_,jsxs as V_}from"react/jsx-runtime";import{jsx as Y_}from"react/jsx-runtime";import{Fragment as yT,jsx as Bt,jsxs as ld}from"react/jsx-runtime";var kT=p.states,nd={...p.defaultOptions,variant:"text"},vT=p.options,LT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],CT=[{name:"opened",title:"Opened"}],Va=e=>{let{variant:t,modifiers:o,...a}={...nd,...e},l={},s=Bt(me,{className:"k-menu-popup",children:ld(_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 ld(yT,{children:[c,o?.opened&&s]})};Va.options=vT;Va.states=kT;Va.variants=LT;Va.defaultOptions=nd;Va.modifiers=CT;var Nn="split-button",id=Nn;import{Fragment as wT,jsx as gn,jsxs as sd}from"react/jsx-runtime";var kn="k-split-button",MT=[n.hover,n.focus,n.active,n.selected,n.disabled],ST={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"},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=dd.arrowIconName,popup:w,opened:S,popupId:E,...P}=e;return sd(wT,{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})]})};j.states=MT;j.options=ST;j.className=kn;j.defaultOptions=dd;j.moduleName=Nn;j.folderName=id;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 vn=j;import{jsx as ET}from"react/jsx-runtime";var AT="k-toolbar-separator",wt=e=>ET("div",{className:r(AT,e.className,"k-separator")});var Wt="toolbar",uo=Wt;import{Fragment as Ln,jsx as oe,jsxs as qo}from"react/jsx-runtime";var Xt="k-toolbar",RT=[n.focus],IT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[g.undefined,g.solid,g.outline,g.flat]},OT={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===da)S.push(oe(da,{...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===vn)S.push(oe(vn,{...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(Ln,{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(Ln,{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(Ln,{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=RT;pe.options=IT;pe.className=Xt;pe.defaultOptions=OT;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 KT}from"react/jsx-runtime";var cd="k-floating-toolbar",PT=[],HT={},GT={},Yo=e=>{let{...t}=e;return KT("div",{...t,className:r(e.className,cd),children:e.children})};Yo.states=PT;Yo.options=HT;Yo.className=cd;Yo.defaultOptions=GT;Yo.moduleName=Wt;Yo.folderName=uo;import{jsx as zT}from"react/jsx-runtime";var Cn="k-toolbar-item",BT=[n.focus],DT={},_T={},Qo=e=>{let{focus:t,...o}=e;return zT("div",{...o,className:r(e.className,Cn,R(Cn,{focus:t})),children:e.children})};Qo.states=BT;Qo.options=DT;Qo.className=Cn;Qo.defaultOptions=_T;Qo.moduleName=Wt;Qo.folderName=uo;import{jsx as pd}from"react/jsx-runtime";var md="k-toolbar-popup",UT=[],FT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[g.undefined,g.solid,g.outline,g.flat]},$T={},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=UT;So.options=FT;So.className=md;So.defaultOptions=$T;So.moduleName=Wt;So.folderName=uo;var Pr=So;import{jsx as j2}from"react/jsx-runtime";import{jsx as a5}from"react/jsx-runtime";import{jsx as i5}from"react/jsx-runtime";import{jsx as u5,jsxs as b5}from"react/jsx-runtime";import{jsx as x5}from"react/jsx-runtime";import{jsx as Jt,jsxs as qT}from"react/jsx-runtime";var VT=j.states,ud={...j.defaultOptions,variant:"text"},WT=j.options,XT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],JT=[{name:"opened",title:"Opened"}],Wa=e=>{let{variant:t,modifiers:o,...a}={...ud,...e},l={},s=qT(_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"})})}};Wa.options=WT;Wa.states=VT;Wa.variants=XT;Wa.defaultOptions=ud;Wa.modifiers=JT;import{jsx as wo,jsxs as YT}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(j,{children:"Split button"},"toolbar-split-button"),YT(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 X5,jsxs as J5}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(j,{children:"Split button"},"toolbar-split-button"),fd(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"),fd(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 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(j,{children:"Split button"},"toolbar-split-button"),hd(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"),hd(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 QT,jsx as et,jsxs as Hr}from"react/jsx-runtime";var Nd=({fillMode:e,size:t,...o})=>Hr(QT,{children:[et(pe,{section:!0,fillMode:e,size:t,children:[et(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Hr(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}),Hr(Pr,{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"),Hr(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 S3,jsx as y3,jsxs as M3}from"react/jsx-runtime";import{Fragment as B3,jsx as G3,jsxs as K3}from"react/jsx-runtime";import{jsx as bo}from"react/jsx-runtime";var ZT=pe.options,jT=pe.states,gd={...pe.defaultOptions,variant:"default"},eh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],th=[],Xa=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})})}};Xa.options=ZT;Xa.states=jT;Xa.variants=eh;Xa.defaultOptions=gd;Xa.modifiers=th;import{jsx as oh}from"react/jsx-runtime";var kd="k-grid-toolbar",At=e=>oh(pe,{...e,className:r(e.className,kd),children:e.children});At.className=kd;At.moduleName=ee;At.folderName=ae;import{jsx as yn,jsxs as rh}from"react/jsx-runtime";var Mn="k-grid-stack-cell",ah=[n.focus,n.selected],Gr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:s,focus:c,selected:u,...f}=e;return rh("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]})};Gr.states=ah;Gr.className=Mn;Gr.moduleName=ee;Gr.folderName=ae;import{jsx as lh}from"react/jsx-runtime";var vd="k-grid-stack-row",Kr=e=>{let{cols:t,...o}=e;return lh("div",{...o,className:r(e.className,vd,{[`k-grid-cols-${t}`]:t}),children:e.children})};Kr.className=vd;Kr.moduleName=ee;Kr.folderName=ae;import{Fragment as Sz,jsx as yz,jsxs as Mz}from"react/jsx-runtime";import{Fragment as Pz,jsx as Iz,jsxs as Oz}from"react/jsx-runtime";import{Fragment as zz,jsx as Dz,jsxs as _z}from"react/jsx-runtime";import{Fragment as nh,jsx as M,jsxs as be}from"react/jsx-runtime";var Ld=({contentClassName:e,...t})=>M(X,{_renderAriaRoot:!0,pager:M(Ht,{refresh:!1}),children:be(nh,{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 Br}from"react/jsx-runtime";var ih="k-chip-action";var ye=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Br(m,{icon:"x-circle",size:"small"});break;case"more":a=Br(m,{icon:"more-vertical",size:"small"});break;default:return Br(m,{icon:t,size:"small"})}return Br("span",{...o,className:r(e.className,ih,`k-chip-${t}-action`),children:a})};var Sn="avatar",Cd=Sn;import{jsx as yd}from"react/jsx-runtime";var Ja="k-avatar";var sh=[n.hover,n.focus,n.active,n.selected,n.disabled],dh={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,Ja,A(Ja,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Ja}-bordered`]:c}),children:yd("span",{className:`${Ja}-${s}`,children:e.children})})};tt.states=sh;tt.options=dh;tt.className=Ja;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 ch}from"react/jsx-runtime";var Md=e=>ch(Ao,{type:"icon",...e});import{jsx as ph}from"react/jsx-runtime";var Sd=e=>ph(Ao,{type:"text",...e});import{jsx as mh}from"react/jsx-runtime";var wd=e=>mh(Ao,{type:"image",...e});import{jsx as h6}from"react/jsx-runtime";import{jsx as qa}from"react/jsx-runtime";var uh=tt.options,bh=tt.states,fh={...tt.defaultOptions,variant:"image"},Th=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],hh=[],Ya=e=>{let{variant:t,...o}=e;switch(t){case"icon":return qa(Md,{...o,children:qa(m,{icon:"star"})});case"text":return qa(Sd,{...o,children:"JO"});default:return qa(wd,{...o,children:qa("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Ya.options=uh;Ya.states=bh;Ya.variants=Th;Ya.defaultOptions=fh;Ya.modifiers=hh;var Qa="chip",Dr=Qa;import{jsx as Zo,jsxs as gh}from"react/jsx-runtime";var _r="k-chip",xh=[n.hover,n.focus,n.active,n.selected,n.disabled],Nh={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 gh("div",{...E,className:r(e.className,_r,A(_r,{size:t,rounded:o,fillMode:a,themeColor:l}),R(_r,{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=xh;Me.options=Nh;Me.className=_r;Me.defaultOptions=Ad;Me.moduleName=Qa;Me.folderName=Dr;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 Ch}from"react/jsx-runtime";var An="k-chip-list",kh=[],vh={size:[d.undefined,d.small,d.medium,d.large]},Lh={},Se=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return Ch("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=kh;Se.options=vh;Se.className=An;Se.defaultOptions=Lh;Se.moduleName=Qa;Se.folderName=Dr;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 X6}from"react/jsx-runtime";import{jsx as Q6}from"react/jsx-runtime";import{jsx as yh}from"react/jsx-runtime";var zr=e=>yh(yt,{text:"text",...e});import{jsx as l9}from"react/jsx-runtime";import{jsx as d9}from"react/jsx-runtime";import{Fragment as f9,jsx as b9,jsxs as T9}from"react/jsx-runtime";import{jsx as k9,jsxs as v9}from"react/jsx-runtime";import{jsx as S9,jsxs as w9}from"react/jsx-runtime";import{jsx as P9,jsxs as H9}from"react/jsx-runtime";import{jsx as jo,jsxs as Rh}from"react/jsx-runtime";var Mh={...yt.options,...Se.options},Sh=[],wh=Se.states,Ah={...yt.defaultOptions,...Se.defaultOptions},Eh=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Za=e=>{let{modifiers:t,className:o,...a}=e,l=t?.icon,s=t?.actions,c=t?.avatar;return Rh(Se,{size:a.size,className:o,children:[jo(zr,{...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(zr,{...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(zr,{...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"})]})};Za.options=Mh;Za.states=wh;Za.variants=Sh;Za.defaultOptions=Ah;Za.modifiers=Eh;import{jsx as En}from"react/jsx-runtime";var Ih=Me.states,Oh=Me.defaultOptions,Ph=Me.options,Hh=[],Gh=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],ja=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"})};ja.options=Ph;ja.states=Ih;ja.variants=Hh;ja.defaultOptions=Oh;ja.modifiers=Gh;import{Fragment as Rn,jsx as H,jsxs as Xe}from"react/jsx-runtime";var Ed=({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(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(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 LU,jsx as kU,jsxs as vU}from"react/jsx-runtime";import{Fragment as RU,jsx as AU,jsxs as EU}from"react/jsx-runtime";import{Fragment as BU,jsx as GU,jsxs as KU}from"react/jsx-runtime";import{Fragment as Kh,jsx as D,jsxs as Je}from"react/jsx-runtime";var Rd=({headerWrapClassName:e,contentClassName:t,...o})=>D(X,{_renderAriaRoot:!0,children:Je(Kh,{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 YU,jsx as JU,jsxs as qU}from"react/jsx-runtime";import{Fragment as a7,jsx as t7,jsxs as o7}from"react/jsx-runtime";import{Fragment as Bh,jsx as K,jsxs as Mt}from"react/jsx-runtime";var Id=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(Bh,{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 w7,jsx as S7,jsxs as A7}from"react/jsx-runtime";import{Fragment as Ur,jsx as T,jsxs as le}from"react/jsx-runtime";var Dh=X.options,_h=X.states,Od={...X.defaultOptions,variant:"normal"},zh=[{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"}],Uh=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],er=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(Ur,{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(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(Ur,{children:[T(ye,{type:"more"}),T(ye,{type:"remove"})]}),children:"ID"}),T(Me,{icon:"sort-desc-small",actions:le(Ur,{children:[T(ye,{type:"more"}),T(ye,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return T(X,{...a,...l,children:le(Ur,{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(Ld,{...a,...l});default:return T(X,{...a,...l,children:f})}};er.options=Dh;er.states=_h;er.variants=zh;er.defaultOptions=Od;er.modifiers=Uh;var In="treelist",Pd=In;import{jsx as Wh}from"react/jsx-runtime";var Hd="k-treelist",Fh=[],$h={},Vh={},Pe=e=>Wh(X,{...e,className:r(Hd,e.className),children:e.children});Pe.states=Fh;Pe.options=$h;Pe.className=Hd;Pe.defaultOptions=Vh;Pe.moduleName=In;Pe.folderName=Pd;import{jsx as _,jsxs as He}from"react/jsx-runtime";var Eo=({gridHeader:e,gridContent:t,menu:o,...a})=>He(Pe,{id:"treelist",_renderAriaRoot:!0,...a,children:[e||_(J,{children:_("div",{className:"k-grid-header-wrap",children:He(q,{children:[He("colgroup",{children:[_("col",{}),_("col",{}),_("col",{})]}),_(V,{children:He(k,{children:[_(y,{menu:o,columnTitle:"Name"}),_(y,{menu:o,columnTitle:"Position"}),_(y,{menu:o,columnTitle:"Hire Date"})]})})]})})}),_(re,{children:t||_(Y,{children:He(Q,{children:[He("colgroup",{children:[_("col",{}),_("col",{}),_("col",{})]}),He(te,{children:[He(k,{children:[He(i,{children:[_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),_(i,{children:"Sweeney"}),_(i,{children:"CEO"})]}),He(k,{alt:!0,children:[He(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"})]}),He(k,{children:[He(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"})]}),He(k,{alt:!0,children:[He(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"})]}),He(k,{children:[He(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 Xh}from"react/jsx-runtime";var Gd=e=>Xh(Eo,{menu:"column",...e});import{jsx as Jh}from"react/jsx-runtime";var Kd=e=>Jh(Eo,{menu:"filter",...e});import{jsx as I,jsxs as Ge}from"react/jsx-runtime";var Bd=({gridHeader:e,gridContent:t,menu:o,...a})=>Ge(Pe,{id:"treelist",_renderAriaRoot:!0,...a,children:[e||I(J,{children:I("div",{className:"k-grid-header-wrap",children:Ge(q,{children:[Ge("colgroup",{children:[I("col",{className:"k-drag-col"}),I("col",{}),I("col",{}),I("col",{})]}),I(V,{children:Ge(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:Ge(Q,{children:[Ge("colgroup",{children:[I("col",{className:"k-drag-col"}),I("col",{}),I("col",{}),I("col",{})]}),Ge(te,{children:[Ge(k,{children:[I(i,{className:"k-drag-cell",children:I(m,{icon:"reorder"})}),Ge(i,{children:[I(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),I(i,{children:"Sweeney"}),I(i,{children:"CEO"})]}),Ge(k,{alt:!0,children:[I(i,{className:"k-drag-cell",children:I(m,{icon:"reorder"})}),Ge(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"})]}),Ge(k,{children:[I(i,{className:"k-drag-cell",children:I(m,{icon:"reorder"})}),Ge(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"})]}),Ge(k,{alt:!0,children:[I(i,{className:"k-drag-cell",children:I(m,{icon:"reorder"})}),Ge(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"})]}),Ge(k,{children:[I(i,{className:"k-drag-cell",children:I(m,{icon:"reorder"})}),Ge(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 lF,jsxs as nF}from"react/jsx-runtime";import{jsx as C,jsxs as de}from"react/jsx-runtime";var qh=Pe.options,Yh=Pe.states,Dd={...Pe.defaultOptions,variant:"normal"},Qh=[{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"}],Zh=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],tr=e=>{let{variant:t,modifiers:o,...a}={...Dd,...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(Bd,{...a,...l});case"column-menu":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:"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(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"})]})})]})})})})}};tr.options=qh;tr.states=Yh;tr.variants=Qh;tr.defaultOptions=Dd;tr.modifiers=Zh;var On="propertygrid",_d=On;import{jsx as ox}from"react/jsx-runtime";var zd="k-property-grid",jh=[],ex={},tx={},St=e=>ox(Pe,{...e,className:r(zd,e.className),children:e.children});St.states=jh;St.options=ex;St.className=zd;St.defaultOptions=tx;St.moduleName=On;St.folderName=_d;import{jsx as U,jsxs as ke}from"react/jsx-runtime";var or=({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 lx}from"react/jsx-runtime";var Ro="k-pane",ax=[],rx={},Pn={resizable:!0,flex:!1},we=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 lx("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})};we.states=ax;we.options=rx;we.className=Ro;we.defaultOptions=Pn;import{Fragment as Ud,jsx as Io,jsxs as sx}from"react/jsx-runtime";var ea="k-splitbar",nx=[n.hover,n.focus],ix={},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 sx("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=nx;ta.options=ix;ta.className=ea;ta.defaultOptions=Hn;var Gn="splitter",Fd=Gn;import{jsx as px,jsxs as mx}from"react/jsx-runtime";import{createElement as cx}from"react";var Kn="k-splitter",dx={},$d={orientation:"horizontal"},Ae=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(cx(we,{...N,key:u})),f&&s.push(px(ta,{draggable:N.resizable!==!1&&v.resizable!==!1,collapsePrev:N.collapsible,collapseNext:v.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${u}`))}),mx("div",{...l,className:r(e.className,Kn,{[`${Kn}-${t}`]:t},"k-splitter-flex"),children:[s,o]})};Ae.options=dx;Ae.className=Kn;Ae.defaultOptions=$d;Ae.moduleName=Gn;Ae.folderName=Fd;Ae.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 d8,jsxs as c8}from"react/jsx-runtime";import{jsx as b8,jsxs as f8}from"react/jsx-runtime";import{jsx as oa}from"react/jsx-runtime";import{createElement as Fr}from"react";var ux=Ae.options,bx=Ae.states,Vd={...Ae.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},fx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Tx=[{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(Ae,{style:{height:"238px"},...a,orientation:"vertical",panes:[Fr(we,{...s,flexBasis:"50%",style:u,key:"pane-1"},oa("p",{children:s.content})),Fr(we,{...c,flexBasis:"50%",style:u,key:"pane-2"},oa("p",{children:c.content}))]}):oa(Ae,{style:{height:"238px"},...a,orientation:"horizontal",panes:[Fr(we,{...s,flexBasis:"50%",style:u,key:"pane-1"},oa("p",{children:s.content})),Fr(we,{...c,flexBasis:"50%",style:u,key:"pane-2"},oa("p",{children:c.content}))]})};ar.options=ux;ar.states=bx;ar.variants=fx;ar.defaultOptions=Vd;ar.modifiers=Tx;import{jsx as aa}from"react/jsx-runtime";var hx=St.options,xx=St.states,Wd={...St.defaultOptions,variant:"normal"},Nx=[{name:"normal",title:"Normal"},{name:"preview",title:"With Preview"}],gx=[],rr=e=>{let{variant:t,...o}={...Wd,...e};return t==="preview"?aa(Ae,{panes:[aa(we,{className:"k-text-center k-mt-24",scrollable:!0,flexBasis:"215px",children:aa(p,{icon:"star",children:"Button"})},"pane-1"),aa(we,{scrollable:!0,children:aa(or,{style:{height:"auto"},...o})},"pane-2")]}):aa(or,{style:{height:"auto"},...o})};rr.options=hx;rr.states=xx;rr.variants=Nx;rr.defaultOptions=Wd;rr.modifiers=gx;import{jsx as lr}from"react/jsx-runtime";var $8=({content:e,...t})=>lr(Ae,{panes:[lr(we,{scrollable:!0,flexBasis:"215px",children:lr(p,{icon:"star",children:"Button"})},"pane-1"),lr(we,{scrollable:!0,children:lr(or,{...t,content:e})},"pane-2")]});export{$8 as PropertyGridWithPreview};
+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 Bn(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 ec,jsxs as tc}from"react/jsx-runtime";var ir="k-grid",Qd=[],Zd={size:[d.undefined,d.small,d.medium,d.large]},jd=[],_n={pagerPosition:"bottom"},q=e=>{let{size:t,pagerPosition:o=_n.pagerPosition,toolbar:a,pager:l,groupingHeader:s,gridSelectionAggregates:c,_renderAriaRoot:u,resizable:f,...N}=e;return tc("div",{...N,className:r(e.className,ir,{[`${ir}-resizable`]:f},A(ir,{size:t})),children:[a,o==="top"&&l,s,e.children&&u?ec("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&l]})};q.states=Qd;q.options=Zd;q.variants=jd;q.className=ir;q.defaultOptions=_n;q.moduleName=V;q.folderName=J;import{jsx as oc}from"react/jsx-runtime";var zn="k-grid-header",Y=e=>{let{draggable:t,...o}=e;return oc("div",{...o,className:r(e.className,zn,{"k-grid-draggable-header":t}),children:e.children})};Y.className=zn;Y.moduleName=V;Y.folderName=J;import{jsx as Un,jsxs as ac}from"react/jsx-runtime";var Fn="k-grouping-header",qt=e=>{let{dropHint:t,dropClue:o,...a}=e;return ac("div",{...a,className:r(e.className,Fn),children:[o&&Un("div",{className:"k-grouping-dropclue"}),e.children,Un("div",{className:"k-grouping-drop-container",children:t})]})};qt.className=Fn;qt.moduleName=V;qt.folderName=J;import{jsx as rc}from"react/jsx-runtime";var $n="k-grid-pinned-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;import{jsx as lc}from"react/jsx-runtime";var Vn="k-grid-sticky-container",Vr=e=>{let{position:t,...o}=e;return lc("div",{...o,className:r(e.className,Vn,{"k-pos-bottom":t==="bottom"}),children:e.children})};Vr.className=Vn;Vr.moduleName=V;Vr.folderName=J;var Ee="table",Ke=Ee;import{jsx as dc}from"react/jsx-runtime";var Wn="k-data-table",nc=[],ic={size:[d.undefined,d.small,d.medium,d.large]},sc={},Bt=e=>{let{size:t,...o}=e;return dc("div",{...o,className:r(e.className,Wn,A("k-table",{size:t})),children:e.children})};Bt.states=nc;Bt.options=ic;Bt.className=Wn;Bt.defaultOptions=sc;Bt.moduleName=Ee;Bt.folderName=Ke;import{jsx as uc}from"react/jsx-runtime";var Wr="k-table-header-wrap",cc=[n.hover,n.focus,n.disabled],pc={},mc={},Yt=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return uc("div",{...s,className:r(e.className,Wr,R(Wr,{hover:o,focus:a,disabled:l})),children:t})};Yt.states=cc;Yt.options=pc;Yt.className=Wr;Yt.defaultOptions=mc;Yt.moduleName=Ee;Yt.folderName=Ke;import{jsx as hc}from"react/jsx-runtime";var Xr="k-table",bc=[],fc={size:[d.undefined,d.small,d.medium,d.large]},Tc={},De=e=>{let{size:t,...o}=e;return hc("table",{...o,className:r(e.className,Xr,A(Xr,{size:t})),children:e.children})};De.states=bc;De.options=fc;De.className=Xr;De.defaultOptions=Tc;De.moduleName=Ee;De.folderName=Ke;import{jsx as Jr}from"react/jsx-runtime";var qr="k-table-header",xc=[n.hover,n.focus,n.disabled],Nc={},gc={},_t=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return Jr("div",{...s,className:r(e.className,qr,R(qr,{hover:o,focus:a,disabled:l})),children:Jr(Yt,{children:Jr(De,{children:t})})})};_t.states=xc;_t.options=Nc;_t.className=qr;_t.defaultOptions=gc;_t.moduleName=Ee;_t.folderName=Ke;import{jsx as Cc}from"react/jsx-runtime";var Xn="k-table-scroller",kc=[],vc={},Lc={},Po=e=>{let{children:t,...o}=e;return Cc("div",{...o,className:r(e.className,Xn),children:t})};Po.states=kc;Po.options=vc;Po.className=Xn;Po.defaultOptions=Lc;Po.moduleName=Ee;Po.folderName=Ke;import{jsx as yN}from"react/jsx-runtime";import{jsx as wc}from"react/jsx-runtime";var Jn="k-table-footer",yc=[],Mc={},Sc={},Qt=e=>{let{children:t,...o}=e;return wc("div",{...o,className:r(e.className,Jn),children:t})};Qt.states=yc;Qt.options=Mc;Qt.className=Jn;Qt.defaultOptions=Sc;Qt.moduleName=Ee;Qt.folderName=Ke;import{jsx as Ic}from"react/jsx-runtime";var Yr="k-table-list",Ac=[],Ec={size:[d.undefined,d.small,d.medium,d.large]},Rc={},Zt=e=>{let{size:t,virtualization:o,...a}=e;return Ic("ul",{...a,className:r(e.className,"k-table",Yr,A(Yr,{size:t}),{"k-virtual-table":o}),children:e.children})};Zt.states=Ac;Zt.options=Ec;Zt.className=Yr;Zt.defaultOptions=Rc;Zt.moduleName=Ee;Zt.folderName=Ke;import{jsx as Pc}from"react/jsx-runtime";var Oc="k-table-thead",W=e=>Pc("thead",{className:r(e.className,Oc),children:e.children});import{jsx as Gc}from"react/jsx-runtime";var Hc="k-table-tbody",oe=e=>Gc("tbody",{className:r(e.className,Hc),children:e.children});import{jsx as FN}from"react/jsx-runtime";import{jsx as Dc}from"react/jsx-runtime";var Qr="k-table-row",Kc=[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 Dc("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=Kc;k.className=Qr;import{jsx as _c}from"react/jsx-runtime";var Zr="k-table-row",Bc=[n.hover,n.focus,n.selected,n.disabled],sr=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:s,...c}=e;return _c("li",{...c,className:r(e.className,Zr,{"k-table-alt-row":s},R(Zr,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};sr.states=Bc;sr.className=Zr;import{jsx as zc}from"react/jsx-runtime";var qn="k-table-th",zt=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,s=t||e.children;return zc("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,qn),children:s})};zt.className=qn;zt.moduleName=Ee;zt.folderName=Ke;import{jsx as ag}from"react/jsx-runtime";import{jsx as Fc}from"react/jsx-runtime";var jr="k-table-td",Uc=[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 Fc("td",{colSpan:s,rowSpan:c,...u,className:r(e.className,jr,R(jr,{focus:t,selected:o,highlighted:a})),children:f})};i.states=Uc;i.className=jr;import{jsx as cg}from"react/jsx-runtime";import{jsx as bg}from"react/jsx-runtime";import{jsx as xg}from"react/jsx-runtime";import{jsx as vg}from"react/jsx-runtime";import{jsx as Mg}from"react/jsx-runtime";import{jsx as Og,jsxs as Pg}from"react/jsx-runtime";import{jsx as Dg,jsxs as Bg}from"react/jsx-runtime";import{jsx as Fg,jsxs as $g}from"react/jsx-runtime";import{Fragment as Yg,jsx as Jg,jsxs as qg}from"react/jsx-runtime";import{jsx as Xc}from"react/jsx-runtime";var Qn="k-grid-header-table",Q=e=>Xc(De,{...e,className:r(e.className,Qn),children:e.children});Q.className=Qn;Q.moduleName=V;Q.folderName=J;import{Fragment as Qc,jsx as Zn}from"react/jsx-runtime";var el="k-font-icon",Jc=[],qc={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]},Yc={},ra=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:s,...c}=e;return a?Zn("span",{...c,className:r(e.className,el,A(el,{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"}):Zn(Qc,{})};ra.states=Jc;ra.options=qc;ra.className=el;ra.defaultOptions=Yc;var jn=ra;import{Fragment as ep,jsx as dr}from"react/jsx-runtime";var tl="k-svg-icon",Zc=[],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]},ei={viewBox:"0 0 24 24"},la=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:s=ei.viewBox,icon:c,...u}=e;if(!c)return dr(ep,{});if(c==="none")return dr("span",{...u,className:r(e.className,tl,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name;return dr("span",{...u,className:r(e.className,tl,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:dr("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})})};la.states=Zc;la.options=jc;la.className=tl;la.defaultOptions=ei;var ol=la;import*as al from"@progress/kendo-svg-icons";var ti="icon",oi="icons";import{useContext as op}from"react";import{createContext as tp}from"react";var ai=tp({iconsType:"svg"});import{Fragment as ri,jsx as na}from"react/jsx-runtime";var cr="k-icon",ap=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),rp=[],lp={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]},rl={viewBox:"0 0 24 24",type:"svg"},m=e=>{let{iconsType:t}=op(ai),{size:o,themeColor:a,icon:l,type:s=t||rl.type,rotate:c,flip:u,viewBox:f=rl.viewBox,...N}=e;if(!l)return na(ri,{});if((t||s)==="svg"){if(l==="none")return na(ol,{...N,className:r(e.className,cr),icon:l,size:o});let L=al[l]?l:ap(`${l}-icon`);return al[L]?na(ol,{...N,className:r(e.className,cr),icon:al[L],size:o,themeColor:a,rotate:c,flip:u,viewBox:f}):na(ri,{})}return na(jn,{...N,className:r(e.className,cr),icon:l,size:o,themeColor:a,rotate:c,flip:u})};m.states=rp;m.options=lp;m.defaultOptions=rl;m.className=cr;m.moduleName=ti;m.folderName=oi;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 ll}from"react/jsx-runtime";var nl="k-header",np=[n.hover,n.focus,n.active],li={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=li.sortIcon,sortOrder:L,accessibleLabel:b,...w}=e;return ll(zt,{...w,className:r(e.className,nl,{"k-filterable":t||a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":s},R(nl,{hover:u,focus:f,active:N})),children:[c&&ll("span",{className:"k-cell-inner",children:[ll("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=np;y.className=nl;y.defaultOptions=li;y.moduleName=V;y.folderName=J;import{jsx as ip}from"react/jsx-runtime";var ni="k-grid-container",re=e=>ip("div",{...e,className:r(e.className,ni),children:e.children});re.className=ni;re.moduleName=V;re.folderName=J;import{jsx as sp}from"react/jsx-runtime";var ii="k-grid-content",Z=e=>sp("div",{...e,className:r(e.className,ii),children:e.children});Z.className=ii;Z.moduleName=V;Z.folderName=J;import{jsx as dp}from"react/jsx-runtime";var si="k-grid-table",j=e=>dp(De,{...e,className:r(e.className,si),children:e.children});j.className=si;j.moduleName=V;j.folderName=J;import{jsx as cp}from"react/jsx-runtime";var di="k-grid-footer",il=e=>cp("div",{...e,className:r(e.className,di),children:e.children});il.className=di;il.moduleName=V;il.folderName=J;import{jsx as pp}from"react/jsx-runtime";var ci="k-grid-footer-table",sl=e=>pp(De,{...e,className:r(e.className,ci),children:e.children});sl.className=ci;sl.moduleName=V;sl.folderName=J;var dl="button",pi=dl;import{Fragment as fp,jsx as ia,jsxs as mi}from"react/jsx-runtime";var sa="k-button",mp=["icon-button"],up=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],bp={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]},cl={showArrow:!1,arrowIconName:"caret-alt-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:s,showArrow:c=cl.showArrow,arrowIconName:u=cl.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 mi(t,{className:r(F,sa,Bn(sa,f),A(sa,{size:o,rounded:a,fillMode:l,themeColor:s}),R(sa,{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&&ia(m,{className:r(O,"k-button-icon"),icon:E}),P?mi(fp,{children:[P&&ia("span",{className:"k-button-text",children:P}),e.children]}):e.children&&ia("span",{className:"k-button-text",children:e.children}),c&&ia("span",{className:"k-menu-button-arrow k-button-arrow",children:ia(m,{icon:u})})]})};p.states=up;p.options=bp;p.variants=mp;p.className=sa;p.defaultOptions=cl;p.moduleName=dl;p.folderName=pi;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 Tp}from"react/jsx-runtime";var eo=e=>Tp(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as hp}from"react/jsx-runtime";var da=e=>hp(p,{icon:"folder",children:"Button",...e});import{jsx as xp}from"react/jsx-runtime";var fo=e=>xp(p,{children:"Button",...e});import{jsx as pl}from"react/jsx-runtime";var Np=p.options,gp=p.states,kp={...p.defaultOptions,variant:"text"},vp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Lp=[],ca=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return pl(eo,{...o,icon:"star"});case"icon-and-text":return pl(da,{...o,icon:"star",children:"Button"});default:return pl(fo,{...o,children:"Button"})}};ca.options=Np;ca.states=gp;ca.variants=vp;ca.defaultOptions=kp;ca.modifiers=Lp;var pa="input",pr=pa;import{jsx as Sp}from"react/jsx-runtime";var mr="k-input",Cp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],yp={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]},Mp={},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 Sp("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}))})};Le.states=Cp;Le.options=yp;Le.className=mr;Le.defaultOptions=Mp;Le.moduleName=pa;Le.folderName=pr;import{jsx as Rp}from"react/jsx-runtime";var ur="k-picker",wp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Ap={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},Ep={},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 Rp("span",{...L,className:r(e.className,ur,A(ur,{size:f,rounded:N,fillMode:v}),R(ur,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:u})),children:e.children})};Et.states=wp;Et.options=Ap;Et.className=ur;Et.defaultOptions=Ep;Et.moduleName=pa;Et.folderName=pr;import{Fragment as Pp,jsx as ml}from"react/jsx-runtime";var ui="k-clear-value",Ip=[n.disabled,n.loading,n.readonly],Op={},rt=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?ml(Pp,{}):ml("span",{className:r(e.className,ui),children:ml(m,{icon:"x"})})};rt.states=Ip;rt.options=Op;rt.className=ui;import{jsx as Kp}from"react/jsx-runtime";var ul="k-input-inner",Hp=[],Gp={},br={type:"text",autocomplete:"off",value:"",placeholder:""},lt=e=>{let{value:t=br.value,type:o=br.type,placeholder:a=br.placeholder,autocomplete:l=br.autocomplete,disabled:s,readOnly:c,...u}=e;return Kp("input",{...u,type:o,className:r(e.className,ul,A(ul,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:s||void 0,readOnly:c||void 0})};lt.states=Hp;lt.options=Gp;lt.className=ul;import{jsx as bi,jsxs as _p}from"react/jsx-runtime";var bl="k-input-inner",Dp=[],Bp={},To=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:s,...c}=e;return _p("span",{...c,className:r(e.className,bl,A(bl,e)),children:[l,!l&&s&&bi(m,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&bi("span",{className:"k-input-value-text",children:t})]})};To.states=Dp;To.options=Bp;To.className=bl;import{jsx as Fp}from"react/jsx-runtime";var fl="k-input-inner",zp=[],Up={},fi={value:"",placeholder:""},Tl=e=>{let{value:t=fi.value,placeholder:o=fi.placeholder,rows:a,disabled:l,...s}=e;return Fp("textarea",{...s,className:r(e.className,fl,A(fl,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};Tl.states=zp;Tl.options=Up;Tl.className=fl;import{Fragment as Vp,jsx as Ti}from"react/jsx-runtime";var hi="k-input-loading-icon",$p=[n.disabled,n.loading],qe=e=>{let{disabled:t,loading:o}=e;return t||!o?Ti(Vp,{}):Ti("span",{className:r(e.className,hi,"k-icon k-i-loading")})};qe.states=$p;qe.className=hi;import{Fragment as Jp,jsx as xi}from"react/jsx-runtime";var Ni="k-input-validation-icon",Wp=[n.valid,n.invalid,n.disabled,n.loading],Xp={},Ue=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,s=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?xi(Jp,{}):xi(m,{className:r(Ni),icon:s})};Ue.states=Wp;Ue.options=Xp;Ue.className=Ni;import{Fragment as Qp,jsx as gi}from"react/jsx-runtime";var qp="k-input-prefix",Yp={direction:"horizontal"},mt=e=>{let{direction:t=Yp.direction,...o}=e;return e.children?gi("span",{...o,className:r(qp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):gi(Qp,{})};import{Fragment as em,jsx as ki}from"react/jsx-runtime";var Zp="k-input-suffix",jp={direction:"horizontal"},ut=e=>{let{direction:t=jp.direction,...o}=e;return e.children?ki("span",{...o,className:r(Zp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ki(em,{})};import{jsx as _L}from"react/jsx-runtime";import{jsx as om}from"react/jsx-runtime";var tm="k-input-suffix-text",hl=e=>{let{children:t,...o}=e;return om("span",{...o,className:r(tm,e.className),children:t})};import{jsx as rm}from"react/jsx-runtime";var vi="k-input-separator",am={direction:"vertical"},bt=e=>{let{direction:t=am.direction,...o}=e;return rm("span",{...o,className:r(vi,e.className,{[`${vi}-${t}`]:t})})};import{Fragment as Li,jsx as Rt,jsxs as xl}from"react/jsx-runtime";var lm=Le.states,nm=Le.defaultOptions,im=Le.options,sm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],dm=[],ma=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 xl(Le,{...u,valid:o,invalid:a,loading:l,disabled:s,readonly:c,style:{width:300},children:[f&&xl(Li,{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&&xl(Li,{children:[b&&Rt(bt,{}),Rt(ut,{children:Rt(fo,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ma.options=im;ma.states=lm;ma.variants=dm;ma.defaultOptions=nm;ma.modifiers=sm;var Nl="popup",Ci=Nl;import{jsx as yi}from"react/jsx-runtime";var Mi="k-animation-container",cm=[],pm={},Si={positionMode:"absolute"},It=e=>{let{positionMode:t=Si.positionMode,animationStyle:o,offset:a,...l}=e;return yi("div",{...l,style:{...a,...e.style},className:r(e.className,Mi,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:yi("div",{className:"k-child-animation-container",style:o,children:e.children})})};It.states=cm;It.options=pm;It.className=Mi;It.defaultOptions=Si;It.moduleName=Nl;It.folderName=Ci;var gl="popup",wi=gl;import{jsx as Ai}from"react/jsx-runtime";var Ei="k-popup",mm=[],um={},Ri={positionMode:"absolute"},me=e=>{let{offset:t,positionMode:o=Ri.positionMode,animationStyle:a,containerClassName:l,containerRole:s,containerAriaLabel:c,...u}=e;return Ai(It,{positionMode:o,offset:t,animationStyle:a,className:l,role:s,"aria-label":c,children:Ai("div",{...u,className:r(e.className,Ei),children:e.children})})};me.states=mm;me.options=um;me.className=Ei;me.defaultOptions=Ri;me.moduleName=gl;me.folderName=wi;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 kl="action-buttons",Ii=kl;import{jsx as Tm}from"react/jsx-runtime";var fr="k-actions",bm=[],fm={},vl={alignment:"start",orientation:"horizontal"},Ot=e=>{let{alignment:t=vl.alignment,orientation:o=vl.orientation,...a}=e;return Tm("div",{...a,className:r(fr,{[`${fr}-${t}`]:t,[`${fr}-${o}`]:o},e.className),children:e.children})};Ot.states=bm;Ot.options=fm;Ot.className=fr;Ot.defaultOptions=vl;Ot.moduleName=kl;Ot.folderName=Ii;import{jsx as xm}from"react/jsx-runtime";var hm="k-actionsheet-footer",Oi={alignment:"stretched",orientation:"horizontal"},to=e=>{let{alignment:t=Oi.alignment,orientation:o=Oi.orientation,template:a,as:l=a?"div":Ot,...s}=e;return xm(l,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,hm),children:e.children})};var Ll="searchbox",Pi=Ll;import{jsx as ua,jsxs as km}from"react/jsx-runtime";var Hi="k-searchbox",Nm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],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]},Cl={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=Cl.showIcon,icon:S=Cl.icon,...E}=e;return km(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,Hi),children:[w&&ua(m,{className:"k-input-icon",icon:S}),ua(lt,{placeholder:o,value:t}),ua(qe,{...e}),ua(Ue,{...e}),ua(rt,{...e})]})};ft.states=Nm;ft.options=gm;ft.className=Hi;ft.defaultOptions=Cl;ft.moduleName=Ll;ft.folderName=Pi;import{jsx as ly}from"react/jsx-runtime";var yl="textbox",Gi=yl;import{Fragment as Ki,jsx as oo,jsxs as Ml}from"react/jsx-runtime";var Di="k-textbox",vm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Lm={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]},Tr={showClearButton:!0,showValidationIcon:!0,separators:!0},ne=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Tr.separators,showClearButton:s=Tr.showClearButton,showValidationIcon:c=Tr.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 Ml(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,Di),children:[u&&Ml(Ki,{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&&Ml(Ki,{children:[l&&oo(bt,{}),oo(ut,{children:f})]})]})};ne.states=vm;ne.options=Lm;ne.className=Di;ne.defaultOptions=Tr;ne.moduleName=yl;ne.folderName=Gi;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 ba=ne;import{jsx as Cm}from"react/jsx-runtime";var Bi=e=>Cm(ba,{...e});import{Fragment as Ly,jsx as vy}from"react/jsx-runtime";import{Fragment as Ay,jsx as wy}from"react/jsx-runtime";import{jsx as Oy}from"react/jsx-runtime";import{jsx as Sl}from"react/jsx-runtime";var ym=ne.states,Mm=ne.defaultOptions,Sm=ne.options,wm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Am=[],fa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Sl(m,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[l]?Sl(fo,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;default:break}}),Sl(Bi,{value:"Value",style:{width:300},...o,...a})};fa.options=Sm;fa.states=ym;fa.variants=Am;fa.defaultOptions=Mm;fa.modifiers=wm;import{jsx as ao,jsxs as wl}from"react/jsx-runtime";var _i="k-actionsheet-titlebar",Em={},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 wl("div",{...b,className:r(e.className,_i),children:[wl("div",{className:"k-actionsheet-titlebar-group",children:[a&&ao("div",{className:"k-actionsheet-actions",children:a}),!L&&wl("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=_i;Fe.defaultOptions=Em;import{jsx as Al,jsxs as Pm}from"react/jsx-runtime";var El="k-actionsheet-view",Rm=[],Im={},Om={},Ho=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:s,titleId:c,...u}=e,f=l?.type===Fe&&Al(Fe,{adaptive:t,titleId:c,...l?.props}),N=s?.type===to&&Al(to,{...s?.props});return Pm("div",{...u,className:r(e.className,El,{[`${El}-animated`]:o}),children:[f,Al("div",{className:"k-actionsheet-content",children:a}),N]})};Ho.states=Rm;Ho.options=Im;Ho.className=El;Ho.defaultOptions=Om;var Ta="action-sheet",hr=Ta;var Rl="overlay",zi=Rl;import{jsx as Dm}from"react/jsx-runtime";var Il="k-overlay",Hm=[],Gm={themeColor:[h.undefined,h.light,h.dark,h.inverse]},Km={},ro=e=>{let{themeColor:t,...o}=e;return Dm("div",{...o,className:r(e.className,Il,A(Il,{themeColor:t})),children:e.children})};ro.states=Hm;ro.options=Gm;ro.className=Il;ro.defaultOptions=Km;ro.moduleName=Rl;ro.folderName=zi;import{jsx as xr,jsxs as zm}from"react/jsx-runtime";var Ui="k-actionsheet",Bm=[],_m={},ha={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},xe=e=>{let{side:t=ha.side,fullscreen:o=ha.fullscreen,adaptive:a=ha.adaptive,overlay:l=ha.overlay,template:s,children:c,header:u,footer:f,id:N,...v}=e,L=N&&!s&&u?`${N}-title`:void 0;return zm("div",{className:"k-actionsheet-container",children:[l&&xr(ro,{}),xr(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:xr("div",{...v,id:N,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":L,className:r(e.className,Ui,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||xr(Ho,{header:u,footer:f,adaptive:a,titleId:L,...e,children:c})})})]})};xe.states=Bm;xe.options=_m;xe.className=Ui;xe.defaultOptions=ha;xe.moduleName=Ta;xe.folderName=hr;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 Vm}from"react/jsx-runtime";var Fi="k-actionsheet-container",Um=[],Fm={},$m={},Go=e=>{let{children:t,...o}=e;return Vm("div",{...o,className:Fi,children:t})};Go.states=Um;Go.options=Fm;Go.className=Fi;Go.defaultOptions=$m;Go.moduleName=Ta;Go.folderName=hr;import{jsx as Wm}from"react/jsx-runtime";var Ol=e=>{let{...t}=e;return Wm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Jm,jsx as xa,jsxs as Pl}from"react/jsx-runtime";var Hl="k-actionsheet-item",Xm=[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 Pl("span",{...f,className:r(e.className,Hl,R(Hl,{hover:l,focus:s,selected:c,disabled:u})),children:[!e.children&&xa(Jm,{children:Pl("span",{className:"k-actionsheet-action",children:[t&&xa("span",{className:"k-icon-wrap",children:xa(m,{className:"k-actionsheet-item-icon",icon:t})}),Pl("span",{className:"k-actionsheet-item-text",children:[o&&xa("span",{className:"k-actionsheet-item-title",children:o}),a&&xa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};lo.states=Xm;lo.className=Hl;import{jsx as IM,jsxs as OM}from"react/jsx-runtime";import{jsx as KM}from"react/jsx-runtime";import{jsx as zM}from"react/jsx-runtime";import{jsx as VM}from"react/jsx-runtime";import{jsx as Re,jsxs as Gl}from"react/jsx-runtime";var qm=xe.options,Ym=xe.states,Vi={...xe.defaultOptions,variant:"normal"},Qm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Zm=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Na=e=>{let{variant:t,modifiers:o,...a}={...Vi,...e},l={},s=Gl(Ol,{children:[Re(lo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Re(lo,{text:"Add to Favorites",iconName:"heart"}),Re(lo,{text:"Upload New",iconName:"upload",disabled:!0}),Re("hr",{className:"k-hr"}),Re(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"?Re(xe,{...a,adaptive:!0,fullscreen:l.fullScreen,header:Re(Fe,{actionsStart:l.actionsStart?Re(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Re(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?Gl(to,{alignment:"stretched",children:[Re(p,{text:"Cancel",size:"large",themeColor:"base"}),Re(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):Re(xe,{...a,fullscreen:l.fullScreen,header:Re(Fe,{actionsStart:l.actionsStart?Re(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Re(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Gl(to,{alignment:"stretched",children:[Re(p,{text:"Apply",themeColor:"primary"}),Re(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Na.options=qm;Na.states=Ym;Na.variants=Qm;Na.defaultOptions=Vi;Na.modifiers=Zm;import Dl from"react";import{jsx as Wi}from"react/jsx-runtime";var jm="k-list-group-sticky-header",Kl=e=>Wi("div",{className:r(jm,e.className),children:Wi("div",{className:"k-list-header-text",children:e.children})});import{jsx as tu}from"react/jsx-runtime";var eu="k-no-data",Nr=e=>{let{live:t,...o}=e;return tu("span",{...o,className:r(eu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ho="list",Ko=ho;import{jsx as Xi,jsxs as Ji}from"react/jsx-runtime";var Bl="k-list",ou=[],au={size:[d.undefined,d.small,d.medium,d.large]},ru={},ee=e=>{let{size:t,virtualization:o,children:a,header:l,optionLabel:s,customValue:c,noData:u,screenReaders:f,...N}=e,L=Dl.Children.toArray(a)[0],b=L?.props?.children?Dl.Children.count(L.props.children):Dl.Children.count(a);return Ji("div",{...N,className:r(e.className,Bl,A(Bl,{size:t}),{"k-virtual-list":o}),children:[s,c,l&&Xi(Kl,{children:l}),a||(u!==void 0?u:Xi(Nr,{live:!0,children:"No data found."})),f&&a&&Ji(Nr,{className:"k-sr-only",live:!0,children:[b," items found."]})]})};ee.states=ou;ee.options=au;ee.className=Bl;ee.defaultOptions=ru;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 su}from"react/jsx-runtime";var qi="k-list-container",lu=[],nu={},iu={},Do=e=>{let{...t}=e;return su("div",{...t,className:r(e.className,qi),children:e.children})};Do.states=lu;Do.options=nu;Do.className=qi;Do.defaultOptions=iu;Do.moduleName=ho;Do.folderName=Ko;var xo="checkbox",Bo=xo;import{jsx as Yi}from"react/jsx-runtime";var gr="k-checkbox",du=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],cu={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full]},pu={},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 Yi("span",{className:"k-checkbox-wrap",children:Yi("input",{...b,id:t,type:"checkbox",defaultChecked:o,required:N,disabled:c||void 0,"aria-invalid":u?"true":void 0,className:r(e.className,gr,A(gr,{size:v,rounded:L}),R(gr,{hover:l,focus:s,disabled:c,invalid:u,valid:f,indeterminate:a,checked:o}))})})};Ye.states=du;Ye.options=cu;Ye.className=gr;Ye.defaultOptions=pu;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 bu}from"react/jsx-runtime";var Qi="k-checkbox-list",mu=[],uu={},Zi={layout:"vertical"},Qe=e=>{let{layout:t=Zi.layout,...o}=e;return bu("ul",{...o,className:r(e.className,Qi,{[`k-list-${t}`]:t}),children:e.children})};Qe.states=mu;Qe.options=uu;Qe.className=Qi;Qe.defaultOptions=Zi;Qe.moduleName=xo;Qe.folderName=Bo;import{jsx as xu}from"react/jsx-runtime";var ji="k-checkbox-list-item",fu=[],Tu={},hu={},$e=e=>{let{...t}=e;return xu("li",{...t,className:r(e.className,ji),children:e.children})};$e.states=fu;$e.options=Tu;$e.className=ji;$e.defaultOptions=hu;$e.moduleName=xo;$e.folderName=Bo;import{Fragment as Nu,jsx as es,jsxs as gu}from"react/jsx-runtime";var Ut=({children:e,id:t,...o})=>gu(Nu,{children:[es(Pt,{id:t,...o}),es("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as ew,jsx as jS,jsxs as tw}from"react/jsx-runtime";import{Fragment as nw,jsx as lw,jsxs as iw}from"react/jsx-runtime";import{Fragment as mw,jsx as pw,jsxs as uw}from"react/jsx-runtime";import{jsx as hw}from"react/jsx-runtime";import{jsx as kw}from"react/jsx-runtime";import{jsx as yw}from"react/jsx-runtime";import{jsx as Tt,jsxs as ts}from"react/jsx-runtime";var ku=Qe.options,vu=Qe.states,Lu={...Qe.defaultOptions,variant:"vertical"},Cu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],yu=[],ga=e=>{let{variant:t,...o}=e;return t==="horizontal"?ts(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"})})]}):ts(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"})})]})};ga.options=ku;ga.states=vu;ga.variants=Cu;ga.defaultOptions=Lu;ga.modifiers=yu;import{jsx as Ru}from"react/jsx-runtime";var Mu=Pt.options,Su=Pt.states,wu=Pt.defaultOptions,Au=[],Eu=[],ka=e=>Ru(Ut,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});ka.options=Mu;ka.states=Su;ka.variants=Au;ka.defaultOptions=wu;ka.modifiers=Eu;import{jsx as No,jsxs as Hu}from"react/jsx-runtime";var _l="k-list-item",Iu=[n.hover,n.focus,n.selected,n.disabled],Ou={},Pu={},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 Hu("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":_l,R(_l,{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=Iu;z.options=Ou;z.className=_l;z.defaultOptions=Pu;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 Ku}from"react/jsx-runtime";var Gu="k-list-ul",Ft=e=>{let{children:t,role:o,id:a,...l}=e;return Ku("ul",{...l,id:a,role:o,className:r(Gu,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 zl,jsxs as Bu}from"react/jsx-runtime";var Du="k-list-content",se=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:s,...c}=e;return Bu("div",{...c,className:r(Du,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:zl(Ft,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&zl("div",{className:"k-height-container",children:zl("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 uA,jsx as mA,jsxs as bA}from"react/jsx-runtime";import{jsx as Ul,jsxs as zu}from"react/jsx-runtime";var _u="k-list-group-item",go=e=>{let{groupIconName:t,...o}=e;return zu("li",{...o,role:"presentation",className:r(_u,e.className),children:[t&&Ul("span",{className:"k-list-item-icon-wrapper",children:Ul(m,{icon:t,className:"k-list-item-icon"})}),Ul("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 Vu}from"react/jsx-runtime";var Fl="k-list-optionlabel",Uu=[n.hover,n.focus,n.selected,n.disabled],Fu={},$u={},kr=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...c}=e;return Vu("div",{...c,className:r(Fl,R(Fl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};kr.states=Uu;kr.options=Fu;kr.className=Fl;kr.defaultOptions=$u;import{jsx as qu}from"react/jsx-runtime";var $l="k-list-custom-value",Wu=[n.hover,n.focus,n.selected,n.disabled],Xu={},Ju={},no=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...c}=e;return qu("div",{...c,className:r($l,R($l,{hover:o,focus:a,selected:l,disabled:s})),children:t})};no.states=Wu;no.options=Xu;no.className=$l;no.defaultOptions=Ju;import{Fragment as EA,jsx as AA,jsxs as RA}from"react/jsx-runtime";import{Fragment as KA,jsx as GA,jsxs as DA}from"react/jsx-runtime";import{Fragment as VA,jsx as FA,jsxs as $A}from"react/jsx-runtime";import{Fragment as ZA,jsx as YA,jsxs as QA}from"react/jsx-runtime";import{jsx as oE}from"react/jsx-runtime";import{Fragment as sE,jsx as iE,jsxs as dE}from"react/jsx-runtime";var os="dropdown-list",as="dropdownlist";import{Fragment as Zu,jsx as Ve,jsxs as Vl}from"react/jsx-runtime";var rs="k-dropdownlist",Yu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Qu={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]},Wl={showValue:!0,arrowIconName:"caret-alt-down"},ie=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Wl.arrowIconName,showValue:s=Wl.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,...nr}=e;return Vl(Zu,{children:[Vl(Et,{...nr,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,rs,{"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(ee,{size:"large",children:Vl(se,{children:[Ve(z,{text:"List item"}),Ve(z,{text:"List item"}),Ve(z,{text:"List item"})]})})})})]})};ie.states=Yu;ie.options=Qu;ie.className=rs;ie.defaultOptions=Wl;ie.moduleName=os;ie.folderName=as;import{jsx as zE}from"react/jsx-runtime";import{jsx as WE,jsxs as XE}from"react/jsx-runtime";import{Fragment as tR,jsx as jE,jsxs as eR}from"react/jsx-runtime";import{jsx as lR}from"react/jsx-runtime";import{jsx as cR,jsxs as pR}from"react/jsx-runtime";import{Fragment as NR,jsx as hR,jsxs as xR}from"react/jsx-runtime";import{Fragment as rb,jsx as io,jsxs as ls}from"react/jsx-runtime";var ju=ie.states,eb=ie.defaultOptions,tb=ie.options,ob=[{name:"opened",title:"Opened"}],ab=[],La=e=>{let{modifiers:t,...o}=e,a={},l=ls(rb,{children:[io("div",{className:"k-list-filter",children:io(ft,{})}),io(ee,{style:{width:300},size:o.size,children:ls(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})})};La.options=tb;La.states=ju;La.variants=ab;La.defaultOptions=eb;La.modifiers=ob;import{jsx as ns,jsxs as db}from"react/jsx-runtime";var is="k-spin-button",ib=[],sb={size:[d.undefined,d.small,d.medium,d.large],fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link]},Xl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},so=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=Xl.increaseLabel,decreaseLabel:s=Xl.decreaseLabel,...c}=e;return db("span",{...c,className:r(is,e.className),children:[ns(p,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),ns(p,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};so.states=ib;so.options=sb;so.className=is;so.defaultOptions=Xl;so.moduleName=null;so.folderName=null;var ss="numeric-textbox",ds="numerictextbox";import{Fragment as cs,jsx as $t,jsxs as Jl}from"react/jsx-runtime";var ps="k-numerictextbox",cb=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],pb={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]},vr={showSpinButton:!0,showClearButton:!0,separators:!0},$=e=>{let{size:t,rounded:o,fillMode:a,separators:l=vr.separators,showClearButton:s=vr.showClearButton,showSpinButton:c=vr.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 Jl(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,ps),children:[u&&Jl(cs,{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&&Jl(cs,{children:[l&&$t(bt,{}),$t(ut,{children:f})]}),c&&$t(so,{className:"k-input-spinner",size:t,fillMode:a,disabled:O})]})};$.states=cb;$.options=pb;$.className=ps;$.defaultOptions=vr;$.moduleName=ss;$.folderName=ds;$.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 Ca=$;import{jsx as mb}from"react/jsx-runtime";var ms=e=>mb(Ca,{...e});import{Fragment as rI,jsx as aI}from"react/jsx-runtime";import{Fragment as cI,jsx as dI}from"react/jsx-runtime";import{jsx as bI}from"react/jsx-runtime";import{jsx as ql}from"react/jsx-runtime";var ub=$.states,bb=$.defaultOptions,fb=$.options,Tb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],hb=[],ya=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?ql(ie,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[l]?ql(hl,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;case"spin-button":a.showSpinButton=t?.[l];break;default:break}}),ql(ms,{value:"Value",style:{width:300},...o,...a})};ya.options=fb;ya.states=ub;ya.variants=hb;ya.defaultOptions=bb;ya.modifiers=Tb;var Yl="pager",us=Yl;import{Fragment as bs,jsx as Ze,jsxs as _o}from"react/jsx-runtime";var Lr="k-pager",xb=[n.focus,n.disabled],Nb={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,Lr,A(Lr,{size:o}),R(Lr,{focus:S,disabled:E}),{"k-pager-responsive":t}),children:[_o("div",{className:r("k-pager-numbers-wrap"),children:[N&&_o(bs,{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(bs,{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=xb;he.options=Nb;he.className=Lr;he.defaultOptions=nt;he.moduleName=Yl;he.folderName=us;import{jsx as _I}from"react/jsx-runtime";import{jsx as $I}from"react/jsx-runtime";import{jsx as JI}from"react/jsx-runtime";import{jsx as fs}from"react/jsx-runtime";var gb=he.options,kb=he.states,vb={...he.defaultOptions,variant:"numeric"},Lb=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Cb=[],Ma=e=>{let{variant:t,...o}=e;return t==="input"?fs(he,{...o,type:"input"}):fs(he,{...o,type:"numeric"})};Ma.options=gb;Ma.states=kb;Ma.variants=Lb;Ma.defaultOptions=vb;Ma.modifiers=Cb;import{jsx as yb}from"react/jsx-runtime";var Ts="k-grid-pager",Ht=e=>yb(he,{...e,className:r(e.className,Ts),children:e.children});Ht.className=Ts;Ht.moduleName=V;Ht.folderName=J;var Ql="button",hs=Ql;import{jsx as Ab}from"react/jsx-runtime";var Sa="k-button-group",Mb=[n.disabled],Sb={fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link]},wb={},D=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return Ab("div",{role:"group",...l,className:r(e.className,Sa,A(Sa,{fillMode:t}),R(Sa,{disabled:o}),{[`${Sa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};D.states=Mb;D.options=Sb;D.className=Sa;D.defaultOptions=wb;D.moduleName=Ql;D.folderName=hs;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 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{Fragment as oP,jsx as tP,jsxs as aP}from"react/jsx-runtime";import{jsx as Vt,jsxs as Zl}from"react/jsx-runtime";var Eb={...p.options,...D.options},Rb=p.states,Ib={...p.defaultOptions,...D.defaultOptions,variant:"text-button"},Ob=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Pb=[],wa=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Zl(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"?Zl(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"})]}):Zl(D,{fillMode:a.fillMode,className:o,children:[Vt(p,{...a,children:"First"}),Vt(p,{...a,children:"Middle"}),Vt(p,{...a,children:"Last"})]})};wa.options=Eb;wa.states=Rb;wa.variants=Ob;wa.defaultOptions=Ib;wa.modifiers=Pb;import{jsx as xs,jsxs as Kb}from"react/jsx-runtime";var Ns="k-color-preview",Hb=[],Gb={},co=e=>{let{color:t,iconName:o,...a}=e;return Kb("span",{...a,className:r(e.className,Ns,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&xs(m,{icon:o,className:"k-color-preview-icon"}),xs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};co.states=Hb;co.options=Gb;co.className=Ns;var jl="slider",gs=jl;import{jsx as zo,jsxs as en}from"react/jsx-runtime";var Aa="k-slider",Db=[n.hover,n.focus,n.active,n.disabled,n.readonly],Bb={},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"),en("div",{...fe,className:r(Aa,e.className,R(Aa,{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"}),en("div",{className:"k-slider-track-wrap",children:[f&&zo("ul",{className:"k-reset k-slider-items",children:e.children}),en("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(Aa,{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(Aa,{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=Db;ue.options=Bb;ue.className=Aa;ue.defaultOptions=xt;ue.moduleName=jl;ue.folderName=gs;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 ks}from"react/jsx-runtime";var vs="k-tick",_b=[],zb={},Ls={label:!1},G=e=>{let{style:t,label:o=Ls.label,orientation:a,large:l,text:s,...c}=e;return ks("li",{...c,className:r(e.className,vs,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&ks("span",{className:"k-label",children:s})})};G.states=_b;G.options=zb;G.className=vs;G.defaultOptions=Ls;import{Fragment as Ub,jsx as Nt,jsxs as Fb}from"react/jsx-runtime";var Cs=e=>Nt(ue,{"aria-label":e["aria-label"]||"Slider",children:Fb(Ub,{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 $b,jsx as gt,jsxs as Vb}from"react/jsx-runtime";var ys=e=>gt(ue,{children:Vb($b,{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 FP,jsx as UP,jsxs as $P}from"react/jsx-runtime";import{Fragment as qP,jsx as JP,jsxs as YP}from"react/jsx-runtime";import{jsx as Wb}from"react/jsx-runtime";var tn=e=>Wb(ue,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Xb}from"react/jsx-runtime";var on=e=>Xb(ue,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as i0,jsx as n0,jsxs as s0}from"react/jsx-runtime";import{Fragment as u0,jsx as m0,jsxs as b0}from"react/jsx-runtime";import{jsx as Gt,jsxs as Ms}from"react/jsx-runtime";var Jb=ue.options,qb=ue.states,Ss={...ue.defaultOptions,variant:"horizontal",label:!0},Yb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Qb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ea=e=>{let{variant:t,modifiers:o,...a}={...Ss,...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"?Ms(ys,{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%"}})]}):Ms(Cs,{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%"}})]})};Ea.options=Jb;Ea.states=qb;Ea.variants=Yb;Ea.defaultOptions=Ss;Ea.modifiers=Qb;import{Fragment as Ra,jsx as X,jsxs as Ne}from"react/jsx-runtime";var ws="k-colorgradient-inputs",Zb=[],jb={size:[d.undefined,d.small,d.medium,d.large]},As={mode:"rgba"},Uo=e=>{let{mode:t=As.mode,size:o,...a}=e;return Ne("div",{...a,className:r(ws,"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(Ra,{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(Ra,{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(Ra,{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(Ra,{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(Ra,{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=Zb;Uo.options=jb;Uo.className=ws;Uo.defaultOptions=As;import{jsx as ko,jsxs as vo}from"react/jsx-runtime";var Es="k-colorgradient-color-contrast",ef=[],tf={},of={},Fo=()=>vo("div",{className:r(Es,"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=ef;Fo.options=tf;Fo.className=Es;Fo.defaultOptions=of;var Rs="color-gradient",Is="colorgradient";import{jsx as kt,jsxs as Ia}from"react/jsx-runtime";var Cr="k-colorgradient",af=[n.hover,n.focus,n.readonly,n.disabled],rf={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"},Ie=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 Ia("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,Cr,A(Cr,{size:t}),R(Cr,{hover:L,focus:b,readonly:a,disabled:l})),dir:v,children:[!E||E==="horizontal"&&Ia("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})})}),Ia("div",{className:"k-hsv-controls k-hstack",children:[kt(on,{className:"k-hue-slider",hover:w,focus:S}),o!=="rgb"&&o!=="hsv"&&kt(on,{className:"k-alpha-slider",hover:w,focus:S,trackStyle:u})]})]}),E==="vertical"&&Ia("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})})}),Ia("div",{className:"k-hsv-controls k-vstack",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:f})]})]}),kt(Uo,{mode:e.mode,size:t}),N&&kt(Fo,{})]})};Ie.states=af;Ie.options=rf;Ie.className=Cr;Ie.defaultOptions=Kt;Ie.moduleName=Rs;Ie.folderName=Is;Ie.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 lf}from"react/jsx-runtime";var yr=e=>lf(Ie,{...e});import{jsx as rH}from"react/jsx-runtime";import{jsx as sH}from"react/jsx-runtime";import{jsx as an}from"react/jsx-runtime";var nf=Ie.options,sf=Ie.states,df={...Ie.defaultOptions,variant:"rgba"},cf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],pf=[],Oa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return an(yr,{...o,mode:t});case"rgb":return an(yr,{...o,mode:t});default:return an(yr,{...o,mode:t})}};Oa.options=nf;Oa.states=sf;Oa.variants=cf;Oa.defaultOptions=df;Oa.modifiers=pf;import{jsx as mf}from"react/jsx-runtime";var rn=e=>mf("tr",{role:"row",children:e.children});import{jsx as ff}from"react/jsx-runtime";var ln="k-colorpalette-tile",uf=[n.hover,n.focus,n.selected],bf={},$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 ff("td",{...c,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,ln,R(ln,{hover:a,focus:l,selected:s})),style:u})};$o.states=uf;$o.options=bf;$o.className=ln;var Os="color-palette",Ps="colorpalette";import{jsx as Pa}from"react/jsx-runtime";var Mr="k-colorpalette",Tf=[n.disabled],hf={size:[d.undefined,d.small,d.medium,d.large]},Hs={columns:10},je=e=>{let{size:t,palette:o,columns:a=Hs.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(Pa($o,{color:S,tileSize:l},E))});let w=Pa(rn,{children:b},L);u.push(w)})}return Pa("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,Mr,R(Mr,{disabled:s}),A(Mr,{size:t})),children:Pa("table",{className:"k-colorpalette-table",role:"none",children:Pa("tbody",{children:u.length>0?u:e.children})})})};je.states=Tf;je.options=hf;je.className=Mr;je.defaultOptions=Hs;je.moduleName=Os;je.folderName=Ps;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 Sr=je;var Ha={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as xf}from"react/jsx-runtime";var Gs=e=>xf(Sr,{palette:Ha.basic,...e});import{jsx as FH}from"react/jsx-runtime";import{jsx as qH,jsxs as YH}from"react/jsx-runtime";import{jsx as yf}from"react/jsx-runtime";var Nf=je.options,gf=je.states,kf={...je.defaultOptions,variant:"basic"},vf=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Lf={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}},Cf=[],Ga=e=>{let{variant:t="basic",...o}=e,a=Lf[t];return yf(Gs,{columns:a.columns,palette:a,...o})};Ga.options=Nf;Ga.states=gf;Ga.variants=vf;Ga.defaultOptions=kf;Ga.modifiers=Cf;var Ks="color-editor",Ds="coloreditor";import{jsx as vt,jsxs as Vo}from"react/jsx-runtime";var wr="k-coloreditor",Mf=[n.focus],Sf={size:[d.undefined,d.small,d.medium,d.large]},Ka={view:"gradient",palette:Ha.office,actionButtons:!0,canvasOrientation:"horizontal"},ge=e=>{let{size:t,view:o=Ka.view,palette:a=Ka.palette,color:l,currentColor:s,focus:c,focusView:u,dir:f,group:N,actionButtons:v=Ka.actionButtons,canvasOrientation:L=Ka.canvasOrientation,...b}=e;return Vo("div",{...b,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",wr,A(wr,{size:t}),R(wr,{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(Ie,{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=Mf;ge.options=Sf;ge.className=wr;ge.defaultOptions=Ka;ge.moduleName=Ks;ge.folderName=Ds;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 yG}from"react/jsx-runtime";import{jsx as AG}from"react/jsx-runtime";import{jsx as wf}from"react/jsx-runtime";var Bs=e=>wf(Wo,{group:!0,currentColor:"fuchsia",...e});import{jsx as Af}from"react/jsx-runtime";var _s=e=>Af(Wo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as zs}from"react/jsx-runtime";var Ef=ge.options,Rf=ge.states,If={...ge.defaultOptions,variant:"gradient"},Of=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Pf=[],Da=e=>{let{variant:t,...o}=e;return t==="palette"?zs(_s,{...o,color:"white"}):zs(Bs,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Da.options=Ef;Da.states=Rf;Da.variants=Of;Da.defaultOptions=If;Da.modifiers=Pf;var Us="color-picker",Fs="colorpicker";import{Fragment as Kf,jsx as Lt,jsxs as nn}from"react/jsx-runtime";var $s="k-colorpicker",Hf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Gf={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]},Vs={arrowIconName:"caret-alt-down"},it=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Vs.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 nn(Kf,{children:[nn(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,$s,"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:nn(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=Hf;it.options=Gf;it.className=$s;it.defaultOptions=Vs;it.moduleName=Us;it.folderName=Fs;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 Df}from"react/jsx-runtime";var Ar=e=>Df(po,{...e});import{jsx as mK}from"react/jsx-runtime";import{jsx as hK}from"react/jsx-runtime";import{jsx as kK}from"react/jsx-runtime";import{jsx as yK}from"react/jsx-runtime";import{jsx as AK}from"react/jsx-runtime";import{jsx as OK}from"react/jsx-runtime";import{jsx as Lo}from"react/jsx-runtime";var Bf=po.options,_f=po.states,Ws={...po.defaultOptions,variant:"color"},zf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Uf=[{name:"opened",title:"Opened"}],Ba=e=>{let{variant:t,modifiers:o,...a}={...Ws,...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(Ar,{...a,...l})});case"icon":return Lo("div",{style:s,children:Lo(Ar,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return Lo("div",{style:s,children:Lo(Ar,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};Ba.options=Bf;Ba.states=_f;Ba.variants=zf;Ba.defaultOptions=Ws;Ba.modifiers=Uf;var sn="combobox",Xs=sn;import{Fragment as dn,jsx as Ce,jsxs as _a}from"react/jsx-runtime";var Js="k-combobox",Ff=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],$f={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]},qs={separators:!0},We=e=>{let{size:t,rounded:o,fillMode:a,separators:l=qs.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:nr,"aria-label":Jd,...qd}=e,Yd=Oo?`${Oo}-listbox`:void 0;return _a(dn,{children:[_a(Le,{...qd,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,Js),children:[s&&_a(dn,{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?Yd:void 0,"aria-activedescendant":O&&nr?nr:void 0,"aria-autocomplete":Fr,"aria-invalid":b?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":Jd,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&&_a(dn,{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:_a(se,{"aria-label":ze||"Options",children:[Ce(z,{text:"List item"}),Ce(z,{text:"List item"}),Ce(z,{text:"List item"})]})})})})]})};We.states=Ff;We.options=$f;We.className=Js;We.defaultOptions=qs;We.moduleName=sn;We.folderName=Xs;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 Vf}from"react/jsx-runtime";var Ys=e=>Vf(st,{...e});import{jsx as fD,jsxs as TD}from"react/jsx-runtime";import{jsx as vD,jsxs as LD}from"react/jsx-runtime";import{jsx as AD,jsxs as ED}from"react/jsx-runtime";import{Fragment as GD,jsx as HD}from"react/jsx-runtime";import{Fragment as UD,jsx as zD}from"react/jsx-runtime";import{jsx as JD,jsxs as qD}from"react/jsx-runtime";import{Fragment as aB,jsx as tB,jsxs as oB}from"react/jsx-runtime";import{jsx as iB}from"react/jsx-runtime";import{jsx as pB}from"react/jsx-runtime";import{jsx as hB,jsxs as xB}from"react/jsx-runtime";import{jsx as CB,jsxs as yB}from"react/jsx-runtime";import{jsx as mo,jsxs as Qf}from"react/jsx-runtime";var Wf=We.states,Xf=We.defaultOptions,Jf=We.options,qf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Yf=[],za=e=>{let{modifiers:t,...o}=e,a={},l=mo(ee,{style:{width:300},size:o.size,children:Qf(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(Ys,{value:"Value",style:{width:300},...o,...a})})};za.options=Jf;za.states=Wf;za.variants=Yf;za.defaultOptions=Xf;za.modifiers=qf;var cn="menu-button",Qs=cn;import{jsx as eT}from"react/jsx-runtime";var Zs="k-menu-button",Zf=[n.hover,n.focus,n.active,n.selected,n.disabled],jf={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]},pn={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=pn.showArrow,arrowIconName:w=pn.arrowIconName,expanded:S,...E}=e;return eT(p,{...E,className:r(e.className,Zs),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=Zf;ce.options=jf;ce.className=Zs;ce.defaultOptions=pn;ce.moduleName=cn;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 r1}from"react/jsx-runtime";import{jsx as s1}from"react/jsx-runtime";import{jsx as m1}from"react/jsx-runtime";var dt="menu",Ct=dt;import{jsx as Ua,jsxs as js}from"react/jsx-runtime";var mn="k-menu-item",tT=[n.hover,n.focus,n.active,n.selected,n.disabled],oT={},ed={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=ed.iconPosition,dir:w,children:S,expanded:E,...P}=e,O=L;return O||(O=w==="rtl"?"caret-alt-left":"caret-alt-right"),js("li",{...P,className:r(e.className,mn,"k-item",R(mn,{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:[js("span",{className:r("k-link k-menu-link"),children:[c&&b==="before"&&Ua(m,{className:"k-menu-link-icon",icon:c}),Ua("span",{className:"k-menu-link-text",children:u}),c&&b==="after"&&Ua(m,{className:"k-menu-link-icon",icon:c}),v&&Ua("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ua(m,{icon:O})})]}),S]})};Be.states=tT;Be.options=oT;Be.className=mn;Be.defaultOptions=ed;Be.moduleName=dt;Be.folderName=Ct;import{jsx as Fa,jsxs as td}from"react/jsx-runtime";var un="k-menu-item",aT=[n.hover,n.focus,n.active,n.selected,n.disabled],rT={},bn={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=bn.iconPosition,dir:w=bn.dir,children:S,popup:E,expanded:P,...O}=e,F=L;return F||(F=w==="rtl"?"caret-alt-left":"caret-alt-right"),td("li",{...O,className:r(e.className,un,"k-item",R(un,{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:[td("span",{className:r("k-link k-menu-link",R("k-menu-link",{hover:t,active:a,selected:l,disabled:s})),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:F})})]}),S,E]})};Te.states=aT;Te.options=rT;Te.className=un;Te.defaultOptions=bn;Te.moduleName=dt;Te.folderName=Ct;import{jsx as sT}from"react/jsx-runtime";var od="k-menu-scroll-wrapper",lT=[],nT={},iT={},Co=e=>{let{className:t,children:o,orientation:a,...l}=e;return sT("div",{...l,className:r(t,od,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Co.states=lT;Co.options=nT;Co.className=od;Co.defaultOptions=iT;Co.moduleName=dt;Co.folderName=Ct;var ad=Co;import{Fragment as fn,jsx as yo,jsxs as Rr}from"react/jsx-runtime";var Tn="k-menu",dT=[],cT={},Ir={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Oe=e=>{let{children:t,orientation:o=Ir.orientation,header:a=Ir.header,scrollable:l,scrollButtonsPosition:s=Ir.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",Tn,{[`${Tn}-${o}`]:o,"k-header":a}),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Rr(fn,{children:[l?Rr(ad,{orientation:o,style:c,dir:e.dir,children:[s==="start"&&Rr(fn,{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"&&Rr(fn,{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]})};Oe.states=dT;Oe.options=cT;Oe.className=Tn;Oe.defaultOptions=Ir;Oe.moduleName=dt;Oe.folderName=Ct;Oe.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 pT}from"react/jsx-runtime";var hn="k-separator",rd={orientation:"horizontal"},Xo=e=>{let{orientation:t=rd.orientation,...o}=e;return pT("li",{...o,className:r(e.className,"k-item",hn,{[`${hn}-${t}`]:t}),role:"separator"})};Xo.className=hn;Xo.defaultOptions=rd;Xo.moduleName=dt;Xo.folderName=Ct;import{Fragment as z1,jsx as U1}from"react/jsx-runtime";import{jsx as fT}from"react/jsx-runtime";var xn="k-menu-group",mT=[],uT={size:[d.undefined,d.small,d.medium,d.large]},bT={},_e=e=>{let{children:t,size:o,...a}=e;return fT("ul",{...a,className:r(e.className,xn,A(xn,{size:o})),role:"menu",children:t})};_e.states=mT;_e.options=uT;_e.className=xn;_e.defaultOptions=bT;_e.moduleName=dt;_e.folderName=Ct;import{Fragment as TT,jsx as Jo,jsxs as hT}from"react/jsx-runtime";var Nn=e=>Jo(Oe,{children:hT(TT,{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 o_,jsx as e_,jsxs as t_}from"react/jsx-runtime";import{Fragment as i_,jsx as n_,jsxs as s_}from"react/jsx-runtime";import{Fragment as u_,jsx as m_,jsxs as b_}from"react/jsx-runtime";import{Fragment as N_,jsx as x_,jsxs as g_}from"react/jsx-runtime";import{jsx as Mo,jsxs as vT}from"react/jsx-runtime";var xT=Oe.options,NT=Oe.states,ld={...Oe.defaultOptions,variant:"horizontal"},gT=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],kT=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],$a=e=>{let{variant:t,modifiers:o,...a}={...ld,...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:vT(_e,{children:[Mo(Te,{text:"Item 1"}),Mo(Te,{text:"Item 2"}),Mo(Xo,{}),Mo(Te,{text:"Item 3"})]})});break}}),t==="vertical"?Mo(Nn,{...a,...l,orientation:"vertical",style:{width:"200px"}}):Mo(Nn,{...a,...l})};$a.options=xT;$a.states=NT;$a.variants=gT;$a.defaultOptions=ld;$a.modifiers=kT;import{Fragment as Z_,jsx as Y_,jsxs as Q_}from"react/jsx-runtime";import{jsx as o2}from"react/jsx-runtime";import{Fragment as ST,jsx as Dt,jsxs as nd}from"react/jsx-runtime";var LT=p.states,id={...p.defaultOptions,variant:"text"},CT=p.options,yT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],MT=[{name:"opened",title:"Opened"}],Va=e=>{let{variant:t,modifiers:o,...a}={...id,...e},l={},s=Dt(me,{className:"k-menu-popup",children:nd(_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 nd(ST,{children:[c,o?.opened&&s]})};Va.options=CT;Va.states=LT;Va.variants=yT;Va.defaultOptions=id;Va.modifiers=MT;var gn="split-button",sd=gn;import{Fragment as ET,jsx as kn,jsxs as dd}from"react/jsx-runtime";var vn="k-split-button",wT=[n.hover,n.focus,n.active,n.selected,n.disabled],AT={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]},cd={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=cd.arrowIconName,popup:w,opened:S,popupId:E,...P}=e;return dd(ET,{children:[dd("div",{...P,className:r(e.className,vn,"k-button-group",A(vn,{rounded:o})),children:[kn(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}),kn(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&&kn(me,{className:"k-menu-popup",children:w})]})};te.states=wT;te.options=AT;te.className=vn;te.defaultOptions=cd;te.moduleName=gn;te.folderName=sd;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 Ln=te;import{jsx as IT}from"react/jsx-runtime";var RT="k-toolbar-separator",wt=e=>IT("div",{className:r(RT,e.className,"k-separator")});var Wt="toolbar",uo=Wt;import{Fragment as Cn,jsx as ae,jsxs as qo}from"react/jsx-runtime";var Xt="k-toolbar",OT=[n.focus],PT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[g.undefined,g.solid,g.outline,g.flat]},HT={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===da)S.push(ae(da,{...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===Ln)S.push(ae(Ln,{...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(Cn,{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(Cn,{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(Cn,{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=OT;pe.options=PT;pe.className=Xt;pe.defaultOptions=HT;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 BT}from"react/jsx-runtime";var pd="k-floating-toolbar",GT=[],KT={},DT={},Yo=e=>{let{...t}=e;return BT("div",{...t,className:r(e.className,pd),children:e.children})};Yo.states=GT;Yo.options=KT;Yo.className=pd;Yo.defaultOptions=DT;Yo.moduleName=Wt;Yo.folderName=uo;import{jsx as FT}from"react/jsx-runtime";var yn="k-toolbar-item",_T=[n.focus],zT={},UT={},Qo=e=>{let{focus:t,...o}=e;return FT("div",{...o,className:r(e.className,yn,R(yn,{focus:t})),children:e.children})};Qo.states=_T;Qo.options=zT;Qo.className=yn;Qo.defaultOptions=UT;Qo.moduleName=Wt;Qo.folderName=uo;import{jsx as md}from"react/jsx-runtime";var ud="k-toolbar-popup",$T=[],VT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[g.undefined,g.solid,g.outline,g.flat]},WT={},So=e=>{let{size:t,fillMode:o,section:a,...l}=e;return md(me,{...l,className:r(e.className,ud),children:a?md("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=$T;So.options=VT;So.className=ud;So.defaultOptions=WT;So.moduleName=Wt;So.folderName=uo;var Or=So;import{jsx as l3}from"react/jsx-runtime";import{jsx as d3}from"react/jsx-runtime";import{jsx as u3}from"react/jsx-runtime";import{jsx as N3,jsxs as g3}from"react/jsx-runtime";import{jsx as C3}from"react/jsx-runtime";import{jsx as Jt,jsxs as QT}from"react/jsx-runtime";var XT=te.states,bd={...te.defaultOptions,variant:"text"},JT=te.options,qT=[{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}={...bd,...e},l={},s=QT(_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"})})}};Wa.options=JT;Wa.states=XT;Wa.variants=qT;Wa.defaultOptions=bd;Wa.modifiers=YT;import{jsx as wo,jsxs as ZT}from"react/jsx-runtime";var fd=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"),ZT(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 j3,jsxs as e5}from"react/jsx-runtime";import{jsx as ct,jsxs as Td}from"react/jsx-runtime";var hd=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"),Td(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"),Td(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 xd}from"react/jsx-runtime";var Nd=({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"),xd(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"),xd(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 jT,jsx as et,jsxs as Pr}from"react/jsx-runtime";var gd=({fillMode:e,size:t,...o})=>Pr(jT,{children:[et(pe,{section:!0,fillMode:e,size:t,children:[et(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Pr(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}),Pr(Or,{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"),Pr(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 O5,jsx as R5,jsxs as I5}from"react/jsx-runtime";import{Fragment as $5,jsx as U5,jsxs as F5}from"react/jsx-runtime";import{jsx as bo}from"react/jsx-runtime";var eh=pe.options,th=pe.states,kd={...pe.defaultOptions,variant:"default"},oh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],ah=[],Xa=e=>{let{variant:t,...o}={...kd,...e};switch(t){case"responsive":return bo("div",{children:bo(gd,{style:{width:"583px"},...o})});case"overlay":return bo("div",{children:bo(Nd,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return bo("div",{children:bo(hd,{style:{width:"583px"},...o})});default:return bo("div",{children:bo(fd,{style:{width:"583px"},...o})})}};Xa.options=eh;Xa.states=th;Xa.variants=oh;Xa.defaultOptions=kd;Xa.modifiers=ah;import{jsx as rh}from"react/jsx-runtime";var vd="k-grid-toolbar",At=e=>rh(pe,{...e,className:r(e.className,vd),children:e.children});At.className=vd;At.moduleName=V;At.folderName=J;import{jsx as Mn,jsxs as nh}from"react/jsx-runtime";var Sn="k-grid-stack-cell",lh=[n.focus,n.selected],Hr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:s,focus:c,selected:u,...f}=e;return nh("div",{...f,className:r(e.className,Sn,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":s},R(Sn,{focus:c,selected:u})),children:[s&&Mn("span",{className:"k-dirty"}),t&&Mn("div",{className:"k-grid-stack-header",children:t}),Mn("div",{className:"k-grid-stack-content",children:o}),e.children]})};Hr.states=lh;Hr.className=Sn;Hr.moduleName=V;Hr.folderName=J;import{jsx as ih}from"react/jsx-runtime";var Ld="k-grid-stack-row",Gr=e=>{let{cols:t,...o}=e;return ih("div",{...o,className:r(e.className,Ld,{[`k-grid-cols-${t}`]:t}),children:e.children})};Gr.className=Ld;Gr.moduleName=V;Gr.folderName=J;import{Fragment as Oz,jsx as Rz,jsxs as Iz}from"react/jsx-runtime";import{Fragment as _z,jsx as Dz,jsxs as Bz}from"react/jsx-runtime";import{Fragment as Xz,jsx as Vz,jsxs as Wz}from"react/jsx-runtime";import{Fragment as sh,jsx as M,jsxs as be}from"react/jsx-runtime";var Cd=({contentClassName:e,...t})=>M(q,{_renderAriaRoot:!0,pager:M(Ht,{refresh:!1}),children:be(sh,{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 Kr}from"react/jsx-runtime";var dh="k-chip-action";var ye=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Kr(m,{icon:"x-circle",size:"small"});break;case"more":a=Kr(m,{icon:"more-vertical",size:"small"});break;default:return Kr(m,{icon:t,size:"small"})}return Kr("span",{...o,className:r(e.className,dh,`k-chip-${t}-action`),children:a})};var wn="avatar",yd=wn;import{jsx as Md}from"react/jsx-runtime";var Ja="k-avatar";var ch=[n.hover,n.focus,n.active,n.selected,n.disabled],ph={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]},An={type:"text",border:!1},tt=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:s=An.type,border:c=An.border,...u}=e;return Md("div",{...u,className:r(e.className,Ja,A(Ja,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Ja}-bordered`]:c}),children:Md("span",{className:`${Ja}-${s}`,children:e.children})})};tt.states=ch;tt.options=ph;tt.className=Ja;tt.defaultOptions=An;tt.moduleName=wn;tt.folderName=yd;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 mh}from"react/jsx-runtime";var Sd=e=>mh(Ao,{type:"icon",...e});import{jsx as uh}from"react/jsx-runtime";var wd=e=>uh(Ao,{type:"text",...e});import{jsx as bh}from"react/jsx-runtime";var Ad=e=>bh(Ao,{type:"image",...e});import{jsx as L6}from"react/jsx-runtime";import{jsx as qa}from"react/jsx-runtime";var fh=tt.options,Th=tt.states,hh={...tt.defaultOptions,variant:"image"},xh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Nh=[],Ya=e=>{let{variant:t,...o}=e;switch(t){case"icon":return qa(Sd,{...o,children:qa(m,{icon:"star"})});case"text":return qa(wd,{...o,children:"JO"});default:return qa(Ad,{...o,children:qa("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Ya.options=fh;Ya.states=Th;Ya.variants=xh;Ya.defaultOptions=hh;Ya.modifiers=Nh;var Qa="chip",Dr=Qa;import{jsx as Zo,jsxs as vh}from"react/jsx-runtime";var Br="k-chip",gh=[n.hover,n.focus,n.active,n.selected,n.disabled],kh={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]},Ed={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=Ed.avatarImage,hover:v,focus:L,active:b,selected:w,disabled:S,...E}=e;return vh("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=gh;Me.options=kh;Me.className=Br;Me.defaultOptions=Ed;Me.moduleName=Qa;Me.folderName=Dr;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 Mh}from"react/jsx-runtime";var En="k-chip-list",Lh=[],Ch={size:[d.undefined,d.small,d.medium,d.large]},yh={},Se=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return Mh("div",{...l,className:r(e.className,En,A(En,{size:t})),role:"listbox","aria-label":a||"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Se.states=Lh;Se.options=Ch;Se.className=En;Se.defaultOptions=yh;Se.moduleName=Qa;Se.folderName=Dr;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 j6}from"react/jsx-runtime";import{jsx as a9}from"react/jsx-runtime";import{jsx as Sh}from"react/jsx-runtime";var _r=e=>Sh(yt,{text:"text",...e});import{jsx as p9}from"react/jsx-runtime";import{jsx as f9}from"react/jsx-runtime";import{Fragment as k9,jsx as g9,jsxs as v9}from"react/jsx-runtime";import{jsx as S9,jsxs as w9}from"react/jsx-runtime";import{jsx as O9,jsxs as P9}from"react/jsx-runtime";import{jsx as _9,jsxs as z9}from"react/jsx-runtime";import{jsx as jo,jsxs as Oh}from"react/jsx-runtime";var wh={...yt.options,...Se.options},Ah=[],Eh=Se.states,Rh={...yt.defaultOptions,...Se.defaultOptions},Ih=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Za=e=>{let{modifiers:t,className:o,...a}=e,l=t?.icon,s=t?.actions,c=t?.avatar;return Oh(Se,{size:a.size,className:o,children:[jo(_r,{...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(_r,{...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(_r,{...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"})]})};Za.options=wh;Za.states=Eh;Za.variants=Ah;Za.defaultOptions=Rh;Za.modifiers=Ih;import{jsx as Rn}from"react/jsx-runtime";var Ph=Me.states,Hh=Me.defaultOptions,Gh=Me.options,Kh=[],Dh=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],ja=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"icon":a.icon=t?.[l]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[l],a.avatarImage=t?.[l]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions||(a.actions=[]),a.actions[0]=t?.[l]?Rn(ye,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[l]?Rn(ye,{type:"remove"}):void 0;break;default:break}}),Rn(Me,{...o,...a,children:"Chip component"})};ja.options=Gh;ja.states=Ph;ja.variants=Kh;ja.defaultOptions=Hh;ja.modifiers=Dh;import{Fragment as In,jsx as H,jsxs as Xe}from"react/jsx-runtime";var Rd=({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(In,{children:[H(ye,{type:"more"}),H(ye,{type:"remove"})]})}),H(Me,{icon:"sort-desc-small",text:"Name",actions:Xe(In,{children:[H(ye,{type:"more"}),H(ye,{type:"remove"})]})})]})}),children:Xe(In,{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 AU,jsx as SU,jsxs as wU}from"react/jsx-runtime";import{Fragment as KU,jsx as HU,jsxs as GU}from"react/jsx-runtime";import{Fragment as $U,jsx as UU,jsxs as FU}from"react/jsx-runtime";import{Fragment as Bh,jsx as B,jsxs as Je}from"react/jsx-runtime";var Id=({headerWrapClassName:e,contentClassName:t,...o})=>B(q,{_renderAriaRoot:!0,children:Je(Bh,{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 o7,jsx as e7,jsxs as t7}from"react/jsx-runtime";import{Fragment as d7,jsx as i7,jsxs as s7}from"react/jsx-runtime";import{Fragment as _h,jsx as K,jsxs as Mt}from"react/jsx-runtime";var Od=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(_h,{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 P7,jsx as O7,jsxs as H7}from"react/jsx-runtime";import{Fragment as zr,jsx as T,jsxs as le}from"react/jsx-runtime";var zh=q.options,Uh=q.states,Pd={...q.defaultOptions,variant:"normal"},Fh=[{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"}],$h=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],er=e=>{let{variant:t,modifiers:o,...a}={...Pd,...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(zr,{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(Id,{...a,...l});case"editing":return T(Od,{...a,...l});case"grouping":return T(Rd,{...a,...l,groupingHeader:T(qt,{children:le(Se,{children:[T(Me,{icon:"sort-asc-small",actions:le(zr,{children:[T(ye,{type:"more"}),T(ye,{type:"remove"})]}),children:"ID"}),T(Me,{icon:"sort-desc-small",actions:le(zr,{children:[T(ye,{type:"more"}),T(ye,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return T(q,{...a,...l,children:le(zr,{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(Cd,{...a,...l});default:return T(q,{...a,...l,children:f})}};er.options=zh;er.states=Uh;er.variants=Fh;er.defaultOptions=Pd;er.modifiers=$h;var On="treelist",Hd=On;import{jsx as Jh}from"react/jsx-runtime";var Gd="k-treelist",Vh=[],Wh={},Xh={},Pe=e=>Jh(q,{...e,className:r(Gd,e.className),children:e.children});Pe.states=Vh;Pe.options=Wh;Pe.className=Gd;Pe.defaultOptions=Xh;Pe.moduleName=On;Pe.folderName=Hd;import{jsx as _,jsxs as He}from"react/jsx-runtime";var Eo=({gridHeader:e,gridContent:t,menu:o,...a})=>He(Pe,{id:"treelist",_renderAriaRoot:!0,...a,children:[e||_(Y,{children:_("div",{className:"k-grid-header-wrap",children:He(Q,{children:[He("colgroup",{children:[_("col",{}),_("col",{}),_("col",{})]}),_(W,{children:He(k,{children:[_(y,{menu:o,columnTitle:"Name"}),_(y,{menu:o,columnTitle:"Position"}),_(y,{menu:o,columnTitle:"Hire Date"})]})})]})})}),_(re,{children:t||_(Z,{children:He(j,{children:[He("colgroup",{children:[_("col",{}),_("col",{}),_("col",{})]}),He(oe,{children:[He(k,{children:[He(i,{children:[_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),_(i,{children:"Sweeney"}),_(i,{children:"CEO"})]}),He(k,{alt:!0,children:[He(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"})]}),He(k,{children:[He(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"})]}),He(k,{alt:!0,children:[He(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"})]}),He(k,{children:[He(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 qh}from"react/jsx-runtime";var Kd=e=>qh(Eo,{menu:"column",...e});import{jsx as Yh}from"react/jsx-runtime";var Dd=e=>Yh(Eo,{menu:"filter",...e});import{jsx as I,jsxs as Ge}from"react/jsx-runtime";var Bd=({gridHeader:e,gridContent:t,menu:o,...a})=>Ge(Pe,{id:"treelist",_renderAriaRoot:!0,...a,children:[e||I(Y,{children:I("div",{className:"k-grid-header-wrap",children:Ge(Q,{children:[Ge("colgroup",{children:[I("col",{className:"k-drag-col"}),I("col",{}),I("col",{}),I("col",{})]}),I(W,{children:Ge(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:Ge(j,{children:[Ge("colgroup",{children:[I("col",{className:"k-drag-col"}),I("col",{}),I("col",{}),I("col",{})]}),Ge(oe,{children:[Ge(k,{children:[I(i,{className:"k-drag-cell",children:I(m,{icon:"reorder"})}),Ge(i,{children:[I(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),I(i,{children:"Sweeney"}),I(i,{children:"CEO"})]}),Ge(k,{alt:!0,children:[I(i,{className:"k-drag-cell",children:I(m,{icon:"reorder"})}),Ge(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"})]}),Ge(k,{children:[I(i,{className:"k-drag-cell",children:I(m,{icon:"reorder"})}),Ge(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"})]}),Ge(k,{alt:!0,children:[I(i,{className:"k-drag-cell",children:I(m,{icon:"reorder"})}),Ge(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"})]}),Ge(k,{children:[I(i,{className:"k-drag-cell",children:I(m,{icon:"reorder"})}),Ge(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 mF,jsxs as uF}from"react/jsx-runtime";import{jsx as C,jsxs as de}from"react/jsx-runtime";var Qh=Pe.options,Zh=Pe.states,_d={...Pe.defaultOptions,variant:"normal"},jh=[{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"}],ex=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],tr=e=>{let{variant:t,modifiers:o,...a}={..._d,...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(Bd,{...a,...l});case"column-menu":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:"column",columnTitle:"First Name"}),C(y,{menu:"column",columnTitle:"Last Name"}),C(y,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return C(Dd,{...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"})]})})]})})})})}};tr.options=Qh;tr.states=Zh;tr.variants=jh;tr.defaultOptions=_d;tr.modifiers=ex;var Pn="propertygrid",zd=Pn;import{jsx as rx}from"react/jsx-runtime";var Ud="k-property-grid",tx=[],ox={},ax={},St=e=>rx(Pe,{...e,className:r(Ud,e.className),children:e.children});St.states=tx;St.options=ox;St.className=Ud;St.defaultOptions=ax;St.moduleName=Pn;St.folderName=zd;import{jsx as U,jsxs as ke}from"react/jsx-runtime";var or=({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 ix}from"react/jsx-runtime";var Ro="k-pane",lx=[],nx={},Hn={resizable:!0,flex:!1},we=e=>{let{scrollable:t,flexBasis:o,flex:a=Hn.flex,collapsible:l,resizable:s=Hn.resizable,pinned:c,unpinned:u,tabbed:f,...N}=e;return ix("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})};we.states=lx;we.options=nx;we.className=Ro;we.defaultOptions=Hn;import{Fragment as Fd,jsx as Io,jsxs as cx}from"react/jsx-runtime";var ea="k-splitbar",sx=[n.hover,n.focus],dx={},Gn={orientation:"horizontal",draggable:!0},ta=e=>{let{hover:t,focus:o,orientation:a=Gn.orientation,draggable:l=Gn.draggable,collapsePrev:s,collapseNext:c,ariaLabel:u,...f}=e;return cx("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(Fd,{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(Fd,{children:Io("div",{className:"k-collapse-next",children:Io(m,{icon:`caret-alt-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};ta.states=sx;ta.options=dx;ta.className=ea;ta.defaultOptions=Gn;var Kn="splitter",$d=Kn;import{jsx as ux,jsxs as bx}from"react/jsx-runtime";import{createElement as mx}from"react";var Dn="k-splitter",px={},Vd={orientation:"horizontal"},Ae=e=>{let{orientation:t=Vd.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(mx(we,{...N,key:u})),f&&s.push(ux(ta,{draggable:N.resizable!==!1&&v.resizable!==!1,collapsePrev:N.collapsible,collapseNext:v.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${u}`))}),bx("div",{...l,className:r(e.className,Dn,{[`${Dn}-${t}`]:t},"k-splitter-flex"),children:[s,o]})};Ae.options=px;Ae.className=Dn;Ae.defaultOptions=Vd;Ae.moduleName=Kn;Ae.folderName=$d;Ae.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 T8,jsxs as h8}from"react/jsx-runtime";import{jsx as k8,jsxs as v8}from"react/jsx-runtime";import{jsx as oa}from"react/jsx-runtime";import{createElement as Ur}from"react";var fx=Ae.options,Tx=Ae.states,Wd={...Ae.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},hx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],xx=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],ar=e=>{let{variant:t,modifiers:o,...a}={...Wd,...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(Ae,{style:{height:"238px"},...a,orientation:"vertical",panes:[Ur(we,{...s,flexBasis:"50%",style:u,key:"pane-1"},oa("p",{children:s.content})),Ur(we,{...c,flexBasis:"50%",style:u,key:"pane-2"},oa("p",{children:c.content}))]}):oa(Ae,{style:{height:"238px"},...a,orientation:"horizontal",panes:[Ur(we,{...s,flexBasis:"50%",style:u,key:"pane-1"},oa("p",{children:s.content})),Ur(we,{...c,flexBasis:"50%",style:u,key:"pane-2"},oa("p",{children:c.content}))]})};ar.options=fx;ar.states=Tx;ar.variants=hx;ar.defaultOptions=Wd;ar.modifiers=xx;import{jsx as aa}from"react/jsx-runtime";var Nx=St.options,gx=St.states,Xd={...St.defaultOptions,variant:"normal"},kx=[{name:"normal",title:"Normal"},{name:"preview",title:"With Preview"}],vx=[],rr=e=>{let{variant:t,...o}={...Xd,...e};return t==="preview"?aa(Ae,{panes:[aa(we,{className:"k-text-center k-mt-24",scrollable:!0,flexBasis:"215px",children:aa(p,{icon:"star",children:"Button"})},"pane-1"),aa(we,{scrollable:!0,children:aa(or,{style:{height:"auto"},...o})},"pane-2")]}):aa(or,{style:{height:"auto"},...o})};rr.options=Nx;rr.states=gx;rr.variants=kx;rr.defaultOptions=Xd;rr.modifiers=vx;import{jsx as lr}from"react/jsx-runtime";var Q8=({content:e,...t})=>lr(Ae,{panes:[lr(we,{scrollable:!0,flexBasis:"215px",children:lr(p,{icon:"star",children:"Button"})},"pane-1"),lr(we,{scrollable:!0,children:lr(or,{...t,content:e})},"pane-2")]});export{Q8 as PropertyGridWithPreview};