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

package/dist/esm/grid/templates/grid-with-grouping.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 y=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),A=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:i,checked:c,active:m,selected:h,disabled:N,indeterminate:v,loading:k,empty:u,readonly:M,highlighted:C,...S}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":i,"k-checked":c,"k-active":m,"k-selected":h,"k-disabled":N,"k-indeterminate":v&&!c,"k-loading":k,"k-empty":u,"k-readonly":M,"k-highlighted":C},Object.keys(S).reduce((R,E)=>(E.startsWith("k-")?R[E]=S[E]:R[`k-${E}`]=S[E],R),{}))};function nn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},T={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},f={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};import{Fragment as dd,jsx as sn}from"react/jsx-runtime";var gr="k-font-icon",nd=[],id={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},sd={},Do=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:i,...c}=e;return a?sn("span",{...c,className:r(e.className,gr,y(gr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true"}):sn(dd,{})};Do.states=nd;Do.options=id;Do.className=gr;Do.defaultOptions=sd;var dn=Do;import{Fragment as md,jsx as Ba}from"react/jsx-runtime";var kr="k-svg-icon",cd=[],pd={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},cn={viewBox:"0 0 24 24"},_o=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:i=cn.viewBox,icon:c,...m}=e;if(!c)return Ba(md,{});if(c==="none")return Ba("span",{...m,className:r(e.className,kr,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let h=typeof c=="object"&&c.name&&c.name;return Ba("span",{...m,className:r(e.className,kr,y("k-icon",{size:t}),{[`k-svg-i-${h}`]:h,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:Ba("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};_o.states=cd;_o.options=pd;_o.className=kr;_o.defaultOptions=cn;var vr=_o;import*as Lr from"@progress/kendo-svg-icons";var pn="icon",mn="icons";import{useContext as bd}from"react";import{createContext as ud}from"react";var un=ud({iconsType:"svg"});import{Fragment as bn,jsx as zo}from"react/jsx-runtime";var Ga="k-icon",fd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Td=[],hd={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Cr={viewBox:"0 0 24 24",type:"svg"},g=e=>{let{iconsType:t}=bd(un),{size:o,themeColor:a,icon:l,type:i=t||Cr.type,rotate:c,flip:m,viewBox:h=Cr.viewBox,...N}=e;if(!l)return zo(bn,{});if((t||i)==="svg"){if(l==="none")return zo(vr,{...N,className:r(e.className,Ga),icon:l,size:o});let k=Lr[l]?l:fd(`${l}-icon`);return Lr[k]?zo(vr,{...N,className:r(e.className,Ga),icon:Lr[k],size:o,themeColor:a,rotate:c,flip:m,viewBox:h}):zo(bn,{})}return zo(dn,{...N,className:r(e.className,Ga),icon:l,size:o,themeColor:a,rotate:c,flip:m})};g.states=Td;g.options=hd;g.defaultOptions=Cr;g.className=Ga;g.moduleName=pn;g.folderName=mn;g.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};import{jsx as Da}from"react/jsx-runtime";var xd="k-chip-action";var Te=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Da(g,{icon:"x-circle",size:"small"});break;case"more":a=Da(g,{icon:"more-vertical",size:"small"});break;default:return Da(g,{icon:t,size:"small"})}return Da("span",{...o,className:r(e.className,xd,`k-chip-${t}-action`),children:a})};var Mr="avatar",fn=Mr;import{jsx as Tn}from"react/jsx-runtime";var Uo="k-avatar";var Nd=[n.hover,n.focus,n.active,n.selected,n.disabled],gd={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},yr={type:"text",border:!1},Ge=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:i=yr.type,border:c=yr.border,...m}=e;return Tn("div",{...m,className:r(e.className,Uo,y(Uo,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Uo}-bordered`]:c}),children:Tn("span",{className:`${Uo}-${i}`,children:e.children})})};Ge.states=Nd;Ge.options=gd;Ge.className=Uo;Ge.defaultOptions=yr;Ge.moduleName=Mr;Ge.folderName=fn;Ge.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var to=Ge;import{jsx as kd}from"react/jsx-runtime";var hn=e=>kd(to,{type:"icon",...e});import{jsx as vd}from"react/jsx-runtime";var xn=e=>vd(to,{type:"text",...e});import{jsx as Ld}from"react/jsx-runtime";var Nn=e=>Ld(to,{type:"image",...e});import{jsx as Yh}from"react/jsx-runtime";import{jsx as Fo}from"react/jsx-runtime";var Cd=Ge.options,Md=Ge.states,yd={...Ge.defaultOptions,variant:"image"},Sd=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Ad=[],Vo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Fo(hn,{...o,children:Fo(g,{icon:"star"})});case"text":return Fo(xn,{...o,children:"JO"});default:return Fo(Nn,{...o,children:Fo("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Vo.options=Cd;Vo.states=Md;Vo.variants=Sd;Vo.defaultOptions=yd;Vo.modifiers=Ad;var $o="chip",_a=$o;import{jsx as No,jsxs as Id}from"react/jsx-runtime";var za="k-chip",wd=[n.hover,n.focus,n.active,n.selected,n.disabled],Ed={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[f.undefined,f.base,f.success,f.warning,f.error,f.info]},gn={avatarImage:"/packages/html/assets/avatar.jpg"},he=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:i,icon:c,actions:m,showAvatar:h,avatarImage:N=gn.avatarImage,hover:v,focus:k,active:u,selected:M,disabled:C,...S}=e;return Id("div",{...S,className:r(e.className,za,y(za,{size:t,rounded:o,fillMode:a,themeColor:l}),A(za,{hover:v,focus:k,active:u,disabled:C,selected:M})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:M?"true":"false","aria-selected":e.role==="option"?M?"true":"false":void 0,"aria-disabled":C?"true":void 0,children:[c&&No(g,{className:"k-chip-icon",icon:c,size:"small"}),h&&No(Ge,{className:"k-chip-avatar",type:"image",children:No("img",{src:N,alt:""})}),No("span",{className:"k-chip-content",children:e.children?e.children:i&&No("span",{className:"k-chip-label",children:i})}),m&&No("span",{className:"k-chip-actions",children:m})]})};he.states=wd;he.options=Ed;he.className=za;he.defaultOptions=gn;he.moduleName=$o;he.folderName=_a;he.ariaSpec={selector:".k-chip",rules:[{selector:"*:not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:"*:not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var tt=he;import{jsx as Hd}from"react/jsx-runtime";var Sr="k-chip-list",Rd=[],Od={size:[s.undefined,s.small,s.medium,s.large]},Pd={},xe=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return Hd("div",{...l,className:r(e.className,Sr,y(Sr,{size:t})),role:"listbox","aria-label":a||"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};xe.states=Rd;xe.options=Od;xe.className=Sr;xe.defaultOptions=Pd;xe.moduleName=$o;xe.folderName=_a;xe.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 yx}from"react/jsx-runtime";import{jsx as Ex}from"react/jsx-runtime";import{jsx as Kd}from"react/jsx-runtime";var Ua=e=>Kd(tt,{text:"text",...e});import{jsx as Gx}from"react/jsx-runtime";import{jsx as Ux}from"react/jsx-runtime";import{Fragment as Jx,jsx as Wx,jsxs as qx}from"react/jsx-runtime";import{jsx as eN,jsxs as tN}from"react/jsx-runtime";import{jsx as nN,jsxs as iN}from"react/jsx-runtime";import{jsx as uN,jsxs as bN}from"react/jsx-runtime";import{jsx as go,jsxs as Ud}from"react/jsx-runtime";var Bd={...tt.options,...xe.options},Gd=[],Dd=xe.states,_d={...tt.defaultOptions,...xe.defaultOptions},zd=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Xo=e=>{let{modifiers:t,className:o,...a}=e,l=t?.icon,i=t?.actions,c=t?.avatar;return Ud(xe,{size:a.size,className:o,children:[go(Ua,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?go(Te,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),go(Ua,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?go(Te,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),go(Ua,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?go(Te,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};Xo.options=Bd;Xo.states=Dd;Xo.variants=Gd;Xo.defaultOptions=_d;Xo.modifiers=zd;import{jsx as Ar}from"react/jsx-runtime";var Fd=he.states,Vd=he.defaultOptions,$d=he.options,Xd=[],Wd=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Wo=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]?Ar(Te,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[l]?Ar(Te,{type:"remove"}):void 0;break;default:break}}),Ar(he,{...o,...a,children:"Chip component"})};Wo.options=$d;Wo.states=Fd;Wo.variants=Xd;Wo.defaultOptions=Vd;Wo.modifiers=Wd;var V="grid",X=V;import{jsx as Qd,jsxs as Zd}from"react/jsx-runtime";var Fa="k-grid",Jd=[],qd={size:[s.undefined,s.small,s.medium,s.large]},Yd=[],kn={pagerPosition:"bottom"},W=e=>{let{size:t,pagerPosition:o=kn.pagerPosition,toolbar:a,pager:l,groupingHeader:i,gridSelectionAggregates:c,_renderAriaRoot:m,resizable:h,...N}=e;return Zd("div",{...N,className:r(e.className,Fa,{[`${Fa}-resizable`]:h},y(Fa,{size:t})),children:[a,o==="top"&&l,i,e.children&&m?Qd("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&l]})};W.states=Jd;W.options=qd;W.variants=Yd;W.className=Fa;W.defaultOptions=kn;W.moduleName=V;W.folderName=X;import{jsx as jd}from"react/jsx-runtime";var vn="k-grid-header",se=e=>{let{draggable:t,...o}=e;return jd("div",{...o,className:r(e.className,vn,{"k-grid-draggable-header":t}),children:e.children})};se.className=vn;se.moduleName=V;se.folderName=X;import{jsx as Ln,jsxs as ec}from"react/jsx-runtime";var Cn="k-grouping-header",Kt=e=>{let{dropHint:t,dropClue:o,...a}=e;return ec("div",{...a,className:r(e.className,Cn),children:[o&&Ln("div",{className:"k-grouping-dropclue"}),e.children,Ln("div",{className:"k-grouping-drop-container",children:t})]})};Kt.className=Cn;Kt.moduleName=V;Kt.folderName=X;import{jsx as tc}from"react/jsx-runtime";var Mn="k-grid-sticky-container",yn={position:"top"},Va=e=>{let{position:t=yn.position,...o}=e;return tc("div",{...o,className:r(e.className,Mn,{"k-grid-sticky-top-container":t==="top","k-grid-sticky-bottom-container":t==="bottom"}),children:e.children})};Va.className=Mn;Va.defaultProps=yn;Va.moduleName=V;Va.folderName=X;var ve="table",ye=ve;import{jsx as lc}from"react/jsx-runtime";var Sn="k-data-table",oc=[],ac={size:[s.undefined,s.small,s.medium,s.large]},rc={},yt=e=>{let{size:t,...o}=e;return lc("div",{...o,className:r(e.className,Sn,y("k-table",{size:t})),children:e.children})};yt.states=oc;yt.options=ac;yt.className=Sn;yt.defaultOptions=rc;yt.moduleName=ve;yt.folderName=ye;import{jsx as dc}from"react/jsx-runtime";var wr="k-table-header-wrap",nc=[n.hover,n.focus,n.disabled],ic={},sc={},Bt=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return dc("div",{...i,className:r(e.className,wr,A(wr,{hover:o,focus:a,disabled:l})),children:t})};Bt.states=nc;Bt.options=ic;Bt.className=wr;Bt.defaultOptions=sc;Bt.moduleName=ve;Bt.folderName=ye;import{jsx as uc}from"react/jsx-runtime";var Er="k-table",cc=[],pc={size:[s.undefined,s.small,s.medium,s.large]},mc={},Se=e=>{let{size:t,...o}=e;return uc("table",{...o,className:r(e.className,Er,y(Er,{size:t})),children:e.children})};Se.states=cc;Se.options=pc;Se.className=Er;Se.defaultOptions=mc;Se.moduleName=ve;Se.folderName=ye;import{jsx as Ir}from"react/jsx-runtime";var Rr="k-table-header",bc=[n.hover,n.focus,n.disabled],fc={},Tc={},St=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return Ir("div",{...i,className:r(e.className,Rr,A(Rr,{hover:o,focus:a,disabled:l})),children:Ir(Bt,{children:Ir(Se,{children:t})})})};St.states=bc;St.options=fc;St.className=Rr;St.defaultOptions=Tc;St.moduleName=ve;St.folderName=ye;import{jsx as gc}from"react/jsx-runtime";var An="k-table-scroller",hc=[],xc={},Nc={},ko=e=>{let{children:t,...o}=e;return gc("div",{...o,className:r(e.className,An),children:t})};ko.states=hc;ko.options=xc;ko.className=An;ko.defaultOptions=Nc;ko.moduleName=ve;ko.folderName=ye;import{jsx as Rg}from"react/jsx-runtime";import{jsx as Cc}from"react/jsx-runtime";var wn="k-table-footer",kc=[],vc={},Lc={},Gt=e=>{let{children:t,...o}=e;return Cc("div",{...o,className:r(e.className,wn),children:t})};Gt.states=kc;Gt.options=vc;Gt.className=wn;Gt.defaultOptions=Lc;Gt.moduleName=ve;Gt.folderName=ye;import{jsx as Ac}from"react/jsx-runtime";var Or="k-table-list",Mc=[],yc={size:[s.undefined,s.small,s.medium,s.large]},Sc={},Dt=e=>{let{size:t,virtualization:o,...a}=e;return Ac("ul",{...a,className:r(e.className,"k-table",Or,y(Or,{size:t}),{"k-virtual-table":o}),children:e.children})};Dt.states=Mc;Dt.options=yc;Dt.className=Or;Dt.defaultOptions=Sc;Dt.moduleName=ve;Dt.folderName=ye;import{jsx as Ec}from"react/jsx-runtime";var wc="k-table-thead",j=e=>Ec("thead",{className:r(e.className,wc),children:e.children});import{jsx as Rc}from"react/jsx-runtime";var Ic="k-table-tbody",de=e=>Rc("tbody",{className:r(e.className,Ic),children:e.children});import{jsx as Yg}from"react/jsx-runtime";import{jsx as Pc}from"react/jsx-runtime";var Pr="k-table-row",Oc=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],w=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:i,alt:c,...m}=e;return Pc("tr",{...m,className:r(e.className,Pr,{"k-table-alt-row":c},A(Pr,{hover:t,focus:o,disabled:i,selected:a,highlighted:l})),children:e.children})};w.states=Oc;w.className=Pr;import{jsx as Kc}from"react/jsx-runtime";var Hr="k-table-row",Hc=[n.hover,n.focus,n.selected,n.disabled],$a=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:i,...c}=e;return Kc("li",{...c,className:r(e.className,Hr,{"k-table-alt-row":i},A(Hr,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};$a.states=Hc;$a.className=Hr;import{jsx as Bc}from"react/jsx-runtime";var En="k-table-th",At=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,i=t||e.children;return Bc("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,En),children:i})};At.className=En;At.moduleName=ve;At.folderName=ye;import{jsx as ck}from"react/jsx-runtime";import{jsx as Dc}from"react/jsx-runtime";var Kr="k-table-td",Gc=[n.focus,n.selected,n.highlighted],p=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:i,rowspan:c,...m}=e,h=l||e.children;return Dc("td",{colSpan:i,rowSpan:c,...m,className:r(e.className,Kr,A(Kr,{focus:t,selected:o,highlighted:a})),children:h})};p.states=Gc;p.className=Kr;import{jsx as hk}from"react/jsx-runtime";import{jsx as kk}from"react/jsx-runtime";import{jsx as Mk}from"react/jsx-runtime";import{jsx as wk}from"react/jsx-runtime";import{jsx as Ok}from"react/jsx-runtime";import{jsx as _k,jsxs as zk}from"react/jsx-runtime";import{jsx as $k,jsxs as Xk}from"react/jsx-runtime";import{jsx as Yk,jsxs as Qk}from"react/jsx-runtime";import{Fragment as av,jsx as tv,jsxs as ov}from"react/jsx-runtime";import{jsx as Fc}from"react/jsx-runtime";var Rn="k-grid-header-table",ce=e=>Fc(Se,{...e,className:r(e.className,Rn),children:e.children});ce.className=Rn;ce.moduleName=V;ce.folderName=X;import{jsx as _t,jsxs as Br}from"react/jsx-runtime";var Gr="k-header",Vc=[n.hover,n.focus,n.active],On={sortIcon:"sort-asc-small"},I=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:i,columnTitle:c,hover:m,focus:h,active:N,sortIcon:v=On.sortIcon,sortOrder:k,accessibleLabel:u,...M}=e;return Br(At,{...M,className:r(e.className,Gr,{"k-filterable":t||a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":i},A(Gr,{hover:m,focus:h,active:N})),children:[c&&Br("span",{className:"k-cell-inner",children:[Br("span",{className:"k-link",children:[_t("span",{className:"k-column-title",children:c}),o&&_t("span",{className:"k-sort-icon",children:_t(g,{icon:v})}),k&&_t("span",{className:"k-sort-order",children:k})]}),t&&_t("a",{href:"#",className:r("k-grid-header-menu",{"k-active":N,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:_t(g,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&u&&_t("span",{className:"k-sr-only",children:u}),e.children,i&&_t("span",{className:"k-column-resizer k-touch-action-none"})]})};I.states=Vc;I.className=Gr;I.defaultOptions=On;I.moduleName=V;I.folderName=X;import{jsx as $c}from"react/jsx-runtime";var Pn="k-grid-container",ee=e=>$c("div",{...e,className:r(e.className,Pn),children:e.children});ee.className=Pn;ee.moduleName=V;ee.folderName=X;import{jsx as Xc}from"react/jsx-runtime";var Hn="k-grid-content",te=e=>Xc("div",{...e,className:r(e.className,Hn),children:e.children});te.className=Hn;te.moduleName=V;te.folderName=X;import{jsx as Wc}from"react/jsx-runtime";var Kn="k-grid-table",oe=e=>Wc(Se,{...e,className:r(e.className,Kn),children:e.children});oe.className=Kn;oe.moduleName=V;oe.folderName=X;import{jsx as Jc}from"react/jsx-runtime";var Bn="k-grid-footer",Dr=e=>Jc("div",{...e,className:r(e.className,Bn),children:e.children});Dr.className=Bn;Dr.moduleName=V;Dr.folderName=X;import{jsx as qc}from"react/jsx-runtime";var Gn="k-grid-footer-table",_r=e=>qc(Se,{...e,className:r(e.className,Gn),children:e.children});_r.className=Gn;_r.moduleName=V;_r.folderName=X;var zr="button",Dn=zr;import{Fragment as jc,jsx as Jo,jsxs as _n}from"react/jsx-runtime";var qo="k-button",Yc=["icon-button"],Qc=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Zc={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Ur={showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:i,showArrow:c=Ur.showArrow,arrowIconName:m=Ur.arrowIconName,variant:h,hover:N,focus:v,active:k,selected:u,disabled:M,togglable:C,icon:S,text:R,iconClassName:E,className:D,...ie}=e,fe=S!==void 0,Ee=e.children!==void 0;return _n(t,{className:r(D,qo,nn(qo,h),y(qo,{size:o,rounded:a,fillMode:l,themeColor:i}),A(qo,{hover:N,focus:v,active:k,disabled:M,selected:u}),{"k-icon-button":!R&&!Ee&&fe}),...ie,"aria-pressed":C?u?"true":"false":void 0,disabled:M||void 0,children:[S&&Jo(g,{className:r(E,"k-button-icon"),icon:S}),R?_n(jc,{children:[R&&Jo("span",{className:"k-button-text",children:R}),e.children]}):e.children&&Jo("span",{className:"k-button-text",children:e.children}),c&&Jo("span",{className:"k-menu-button-arrow k-button-arrow",children:Jo(g,{icon:m})})]})};d.states=Qc;d.options=Zc;d.variants=Yc;d.className=qo;d.defaultOptions=Ur;d.moduleName=zr;d.folderName=Dn;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as ep}from"react/jsx-runtime";var zt=e=>ep(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as tp}from"react/jsx-runtime";var Yo=e=>tp(d,{icon:"folder",children:"Button",...e});import{jsx as op}from"react/jsx-runtime";var oo=e=>op(d,{children:"Button",...e});import{jsx as Fr}from"react/jsx-runtime";var ap=d.options,rp=d.states,lp={...d.defaultOptions,variant:"text"},np=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ip=[],Qo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Fr(zt,{...o,icon:"star"});case"icon-and-text":return Fr(Yo,{...o,icon:"star",children:"Button"});default:return Fr(oo,{...o,children:"Button"})}};Qo.options=ap;Qo.states=rp;Qo.variants=np;Qo.defaultOptions=lp;Qo.modifiers=ip;var Zo="input",Xa=Zo;import{jsx as pp}from"react/jsx-runtime";var Wa="k-input",sp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],dp={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},cp={},Ne=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:m,size:h,rounded:N,fillMode:v,...k}=e;return pp("span",{...k,className:r(e.className,Wa,y(Wa,{size:h,rounded:N,fillMode:v}),A(Wa,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:m}))})};Ne.states=sp;Ne.options=dp;Ne.className=Wa;Ne.defaultOptions=cp;Ne.moduleName=Zo;Ne.folderName=Xa;import{jsx as fp}from"react/jsx-runtime";var Ja="k-picker",mp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],up={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},bp={},ht=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:m,size:h,rounded:N,fillMode:v,...k}=e;return fp("span",{...k,className:r(e.className,Ja,y(Ja,{size:h,rounded:N,fillMode:v}),A(Ja,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:m})),children:e.children})};ht.states=mp;ht.options=up;ht.className=Ja;ht.defaultOptions=bp;ht.moduleName=Zo;ht.folderName=Xa;import{Fragment as xp,jsx as Vr}from"react/jsx-runtime";var zn="k-clear-value",Tp=[n.disabled,n.loading,n.readonly],hp={},We=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?Vr(xp,{}):Vr("span",{className:r(e.className,zn),children:Vr(g,{icon:"x"})})};We.states=Tp;We.options=hp;We.className=zn;import{jsx as kp}from"react/jsx-runtime";var $r="k-input-inner",Np=[],gp={},qa={type:"text",autocomplete:"off",value:"",placeholder:""},Je=e=>{let{value:t=qa.value,type:o=qa.type,placeholder:a=qa.placeholder,autocomplete:l=qa.autocomplete,disabled:i,readOnly:c,...m}=e;return kp("input",{...m,type:o,className:r(e.className,$r,y($r,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:i||void 0,readOnly:c||void 0})};Je.states=Np;Je.options=gp;Je.className=$r;import{jsx as Un,jsxs as Cp}from"react/jsx-runtime";var Xr="k-input-inner",vp=[],Lp={},ao=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:i,...c}=e;return Cp("span",{...c,className:r(e.className,Xr,y(Xr,e)),children:[l,!l&&i&&Un(g,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Un("span",{className:"k-input-value-text",children:t})]})};ao.states=vp;ao.options=Lp;ao.className=Xr;import{jsx as Sp}from"react/jsx-runtime";var Wr="k-input-inner",Mp=[],yp={},Fn={value:"",placeholder:""},Jr=e=>{let{value:t=Fn.value,placeholder:o=Fn.placeholder,rows:a,disabled:l,...i}=e;return Sp("textarea",{...i,className:r(e.className,Wr,y(Wr,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};Jr.states=Mp;Jr.options=yp;Jr.className=Wr;import{Fragment as wp,jsx as Vn}from"react/jsx-runtime";var $n="k-input-loading-icon",Ap=[n.disabled,n.loading],De=e=>{let{disabled:t,loading:o}=e;return t||!o?Vn(wp,{}):Vn("span",{className:r(e.className,$n,"k-icon k-i-loading")})};De.states=Ap;De.className=$n;import{Fragment as Rp,jsx as Xn}from"react/jsx-runtime";var Wn="k-input-validation-icon",Ep=[n.valid,n.invalid,n.disabled,n.loading],Ip={},Ie=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,i=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?Xn(Rp,{}):Xn(g,{className:r(Wn),icon:i})};Ie.states=Ep;Ie.options=Ip;Ie.className=Wn;import{Fragment as Hp,jsx as Jn}from"react/jsx-runtime";var Op="k-input-prefix",Pp={direction:"horizontal"},ot=e=>{let{direction:t=Pp.direction,...o}=e;return e.children?Jn("span",{...o,className:r(Op,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Jn(Hp,{})};import{Fragment as Gp,jsx as qn}from"react/jsx-runtime";var Kp="k-input-suffix",Bp={direction:"horizontal"},at=e=>{let{direction:t=Bp.direction,...o}=e;return e.children?qn("span",{...o,className:r(Kp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):qn(Gp,{})};import{jsx as yC}from"react/jsx-runtime";import{jsx as _p}from"react/jsx-runtime";var Dp="k-input-suffix-text",qr=e=>{let{children:t,...o}=e;return _p("span",{...o,className:r(Dp,e.className),children:t})};import{jsx as Up}from"react/jsx-runtime";var Yn="k-input-separator",zp={direction:"vertical"},rt=e=>{let{direction:t=zp.direction,...o}=e;return Up("span",{...o,className:r(Yn,e.className,{[`${Yn}-${t}`]:t})})};import{Fragment as Qn,jsx as xt,jsxs as Yr}from"react/jsx-runtime";var Fp=Ne.states,Vp=Ne.defaultOptions,$p=Ne.options,Xp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Wp=[],jo=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:i,readonly:c,...m}=e,h=t?.prefix,N=t?.suffix,v=t?.["clear-button"],k=t?.["validation-icon"],u=t?.separators;return Yr(Ne,{...m,valid:o,invalid:a,loading:l,disabled:i,readonly:c,style:{width:300},children:[h&&Yr(Qn,{children:[xt(ot,{children:xt(g,{icon:"lock"})}),u&&xt(rt,{})]}),xt(Je,{placeholder:"Placeholder",value:"Value"}),k&&xt(Ie,{valid:o,invalid:a,loading:l,disabled:i}),xt(De,{loading:l,disabled:i}),v&&xt(We,{loading:l,disabled:i,readonly:c,value:"Value"}),N&&Yr(Qn,{children:[u&&xt(rt,{}),xt(at,{children:xt(oo,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};jo.options=$p;jo.states=Fp;jo.variants=Wp;jo.defaultOptions=Vp;jo.modifiers=Xp;var Qr="popup",Zn=Qr;import{jsx as jn}from"react/jsx-runtime";var ei="k-animation-container",Jp=[],qp={},ti={positionMode:"absolute"},Nt=e=>{let{positionMode:t=ti.positionMode,animationStyle:o,offset:a,...l}=e;return jn("div",{...l,style:{...a,...e.style},className:r(e.className,ei,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:jn("div",{className:"k-child-animation-container",style:o,children:e.children})})};Nt.states=Jp;Nt.options=qp;Nt.className=ei;Nt.defaultOptions=ti;Nt.moduleName=Qr;Nt.folderName=Zn;var Zr="popup",oi=Zr;import{jsx as ai}from"react/jsx-runtime";var ri="k-popup",Yp=[],Qp={},li={positionMode:"absolute"},ae=e=>{let{offset:t,positionMode:o=li.positionMode,animationStyle:a,containerClassName:l,containerRole:i,containerAriaLabel:c,...m}=e;return ai(Nt,{positionMode:o,offset:t,animationStyle:a,className:l,role:i,"aria-label":c,children:ai("div",{...m,className:r(e.className,ri),children:e.children})})};ae.states=Yp;ae.options=Qp;ae.className=ri;ae.defaultOptions=li;ae.moduleName=Zr;ae.folderName=oi;ae.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var jr="action-buttons",ni=jr;import{jsx as em}from"react/jsx-runtime";var Ya="k-actions",Zp=[],jp={},el={alignment:"start",orientation:"horizontal"},gt=e=>{let{alignment:t=el.alignment,orientation:o=el.orientation,...a}=e;return em("div",{...a,className:r(Ya,{[`${Ya}-${t}`]:t,[`${Ya}-${o}`]:o},e.className),children:e.children})};gt.states=Zp;gt.options=jp;gt.className=Ya;gt.defaultOptions=el;gt.moduleName=jr;gt.folderName=ni;import{jsx as om}from"react/jsx-runtime";var tm="k-actionsheet-footer",ii={alignment:"stretched",orientation:"horizontal"},Ut=e=>{let{alignment:t=ii.alignment,orientation:o=ii.orientation,template:a,as:l=a?"div":gt,...i}=e;return om(l,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,tm),children:e.children})};var tl="searchbox",si=tl;import{jsx as ea,jsxs as lm}from"react/jsx-runtime";var di="k-searchbox",am=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],rm={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ol={showIcon:!0,icon:"search"},lt=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:i,hover:c,focus:m,valid:h,invalid:N,required:v,loading:k,disabled:u,showIcon:M=ol.showIcon,icon:C=ol.icon,...S}=e;return lm(Ne,{...S,size:a,rounded:l,fillMode:i,hover:c,focus:m,valid:h,invalid:N,required:v,loading:k,disabled:u,className:r(e.className,di),children:[M&&ea(g,{className:"k-input-icon",icon:C}),ea(Je,{placeholder:o,value:t}),ea(De,{...e}),ea(Ie,{...e}),ea(We,{...e})]})};lt.states=am;lt.options=rm;lt.className=di;lt.defaultOptions=ol;lt.moduleName=tl;lt.folderName=si;import{jsx as $M}from"react/jsx-runtime";var al="textbox",ci=al;import{Fragment as pi,jsx as Ft,jsxs as rl}from"react/jsx-runtime";var mi="k-textbox",nm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],im={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Qa={showClearButton:!0,showValidationIcon:!0,separators:!0},re=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Qa.separators,showClearButton:i=Qa.showClearButton,showValidationIcon:c=Qa.showValidationIcon,prefix:m,suffix:h,type:N,value:v,placeholder:k,hover:u,focus:M,valid:C,invalid:S,required:R,loading:E,disabled:D,readonly:ie,id:fe,"aria-label":Ee,"aria-describedby":$e,...Xe}=e;return rl(Ne,{...Xe,size:t,rounded:o,fillMode:a,hover:u,focus:M,valid:C,invalid:S,required:R,loading:E,disabled:D,readonly:ie,className:r(e.className,mi),children:[m&&rl(pi,{children:[Ft(ot,{children:m}),l&&Ft(rt,{})]}),Ft(Je,{id:fe,placeholder:k,value:v,type:N,disabled:D,"aria-label":Ee,"aria-describedby":$e,"aria-invalid":S?"true":void 0}),c&&Ft(Ie,{valid:C,invalid:S,loading:E,disabled:D}),Ft(De,{loading:E,disabled:D}),i&&Ft(We,{loading:E,disabled:D,readonly:ie,value:v}),h&&rl(pi,{children:[l&&Ft(rt,{}),Ft(at,{children:h})]})]})};re.states=nm;re.options=im;re.className=mi;re.defaultOptions=Qa;re.moduleName=al;re.folderName=ci;re.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var ta=re;import{jsx as sm}from"react/jsx-runtime";var ui=e=>sm(ta,{...e});import{Fragment as dy,jsx as sy}from"react/jsx-runtime";import{Fragment as fy,jsx as by}from"react/jsx-runtime";import{jsx as Ny}from"react/jsx-runtime";import{jsx as ll}from"react/jsx-runtime";var dm=re.states,cm=re.defaultOptions,pm=re.options,mm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],um=[],oa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?ll(g,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[l]?ll(oo,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;default:break}}),ll(ui,{value:"Value",style:{width:300},...o,...a})};oa.options=pm;oa.states=dm;oa.variants=um;oa.defaultOptions=cm;oa.modifiers=mm;import{jsx as Vt,jsxs as nl}from"react/jsx-runtime";var bi="k-actionsheet-titlebar",bm={},Re=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:i,input:c,inputValue:m,inputPlaceholder:h,adaptive:N,titleId:v,children:k,...u}=e;return nl("div",{...u,className:r(e.className,bi),children:[nl("div",{className:"k-actionsheet-titlebar-group",children:[a&&Vt("div",{className:"k-actionsheet-actions",children:a}),!k&&nl("div",{className:"k-actionsheet-title",id:v,children:[t&&Vt("div",{className:"k-text-center",children:t}),o&&Vt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&Vt("div",{className:"k-actionsheet-title",id:v,children:k}),l&&Vt("div",{className:"k-actionsheet-actions",children:l})]}),(c||i)&&Vt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?Vt(re,{value:m,placeholder:h,size:N?"large":"medium","aria-label":t||h||"Input"}):Vt(lt,{placeholder:"Filter",size:N?"large":"medium","aria-label":"Filter options"})})]})};Re.className=bi;Re.defaultOptions=bm;import{jsx as il,jsxs as xm}from"react/jsx-runtime";var sl="k-actionsheet-view",fm=[],Tm={},hm={},vo=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:i,titleId:c,...m}=e,h=l?.type===Re&&il(Re,{adaptive:t,titleId:c,...l?.props}),N=i?.type===Ut&&il(Ut,{...i?.props});return xm("div",{...m,className:r(e.className,sl,{[`${sl}-animated`]:o}),children:[h,il("div",{className:"k-actionsheet-content",children:a}),N]})};vo.states=fm;vo.options=Tm;vo.className=sl;vo.defaultOptions=hm;var aa="action-sheet",Za=aa;var dl="overlay",fi=dl;import{jsx as vm}from"react/jsx-runtime";var cl="k-overlay",Nm=[],gm={themeColor:[f.undefined,f.light,f.dark,f.inverse]},km={},$t=e=>{let{themeColor:t,...o}=e;return vm("div",{...o,className:r(e.className,cl,y(cl,{themeColor:t})),children:e.children})};$t.states=Nm;$t.options=gm;$t.className=cl;$t.defaultOptions=km;$t.moduleName=dl;$t.folderName=fi;import{jsx as ja,jsxs as Mm}from"react/jsx-runtime";var Ti="k-actionsheet",Lm=[],Cm={},ra={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},me=e=>{let{side:t=ra.side,fullscreen:o=ra.fullscreen,adaptive:a=ra.adaptive,overlay:l=ra.overlay,template:i,children:c,header:m,footer:h,id:N,...v}=e,k=N&&!i&&m?`${N}-title`:void 0;return Mm("div",{className:"k-actionsheet-container",children:[l&&ja($t,{}),ja(Nt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:ja("div",{...v,id:N,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":k,className:r(e.className,Ti,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i||ja(vo,{header:m,footer:h,adaptive:a,titleId:k,...e,children:c})})})]})};me.states=Lm;me.options=Cm;me.className=Ti;me.defaultOptions=ra;me.moduleName=aa;me.folderName=Za;me.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as wm}from"react/jsx-runtime";var hi="k-actionsheet-container",ym=[],Sm={},Am={},Lo=e=>{let{children:t,...o}=e;return wm("div",{...o,className:hi,children:t})};Lo.states=ym;Lo.options=Sm;Lo.className=hi;Lo.defaultOptions=Am;Lo.moduleName=aa;Lo.folderName=Za;import{jsx as Em}from"react/jsx-runtime";var pl=e=>{let{...t}=e;return Em("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Rm,jsx as la,jsxs as ml}from"react/jsx-runtime";var ul="k-actionsheet-item",Im=[n.hover,n.focus,n.selected,n.disabled],Xt=e=>{let{iconName:t,text:o,description:a,hover:l,focus:i,selected:c,disabled:m,...h}=e;return ml("span",{...h,className:r(e.className,ul,A(ul,{hover:l,focus:i,selected:c,disabled:m})),children:[!e.children&&la(Rm,{children:ml("span",{className:"k-actionsheet-action",children:[t&&la("span",{className:"k-icon-wrap",children:la(g,{className:"k-actionsheet-item-icon",icon:t})}),ml("span",{className:"k-actionsheet-item-text",children:[o&&la("span",{className:"k-actionsheet-item-title",children:o}),a&&la("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Xt.states=Im;Xt.className=ul;import{jsx as xS,jsxs as NS}from"react/jsx-runtime";import{jsx as LS}from"react/jsx-runtime";import{jsx as SS}from"react/jsx-runtime";import{jsx as IS}from"react/jsx-runtime";import{jsx as Le,jsxs as bl}from"react/jsx-runtime";var Om=me.options,Pm=me.states,Ni={...me.defaultOptions,variant:"normal"},Hm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Km=[{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}={...Ni,...e},l={},i=bl(pl,{children:[Le(Xt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Le(Xt,{text:"Add to Favorites",iconName:"heart"}),Le(Xt,{text:"Upload New",iconName:"upload",disabled:!0}),Le("hr",{className:"k-hr"}),Le(Xt,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",m="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(h=>{switch(h){case"actions":l.actionsStart=!!o?.[h],l.actionsEnd=!!o?.[h];break;case"subtitle":l.subtitle=o?.[h]?c:void 0;break;case"footer":l.footer=!!o?.[h];break;default:break}}),t==="adaptive"?Le(me,{...a,adaptive:!0,fullscreen:l.fullScreen,header:Le(Re,{actionsStart:l.actionsStart?Le(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Le(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:l.subtitle}),footer:l.footer?bl(Ut,{alignment:"stretched",children:[Le(d,{text:"Cancel",size:"large",themeColor:"base"}),Le(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):Le(me,{...a,fullscreen:l.fullScreen,header:Le(Re,{actionsStart:l.actionsStart?Le(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Le(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?bl(Ut,{alignment:"stretched",children:[Le(d,{text:"Apply",themeColor:"primary"}),Le(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};na.options=Om;na.states=Pm;na.variants=Hm;na.defaultOptions=Ni;na.modifiers=Km;import Tl from"react";import{jsx as gi}from"react/jsx-runtime";var Bm="k-list-group-sticky-header",fl=e=>gi("div",{className:r(Bm,e.className),children:gi("div",{className:"k-list-header-text",children:e.children})});import{jsx as Dm}from"react/jsx-runtime";var Gm="k-no-data",er=e=>{let{live:t,...o}=e;return Dm("span",{...o,className:r(Gm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ro="list",Co=ro;import{jsx as ki,jsxs as vi}from"react/jsx-runtime";var hl="k-list",_m=[],zm={size:[s.undefined,s.small,s.medium,s.large]},Um={},U=e=>{let{size:t,virtualization:o,children:a,header:l,optionLabel:i,customValue:c,noData:m,screenReaders:h,...N}=e,k=Tl.Children.toArray(a)[0],u=k?.props?.children?Tl.Children.count(k.props.children):Tl.Children.count(a);return vi("div",{...N,className:r(e.className,hl,y(hl,{size:t}),{"k-virtual-list":o}),children:[i,c,l&&ki(fl,{children:l}),a||(m!==void 0?m:ki(er,{live:!0,children:"No data found."})),h&&a&&vi(er,{className:"k-sr-only",live:!0,children:[u," items found."]})]})};U.states=_m;U.options=zm;U.className=hl;U.defaultOptions=Um;U.moduleName=ro;U.folderName=Co;U.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 Xm}from"react/jsx-runtime";var Li="k-list-container",Fm=[],Vm={},$m={},Mo=e=>{let{...t}=e;return Xm("div",{...t,className:r(e.className,Li),children:e.children})};Mo.states=Fm;Mo.options=Vm;Mo.className=Li;Mo.defaultOptions=$m;Mo.moduleName=ro;Mo.folderName=Co;var lo="checkbox",yo=lo;import{jsx as Ci}from"react/jsx-runtime";var tr="k-checkbox",Wm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Jm={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full]},qm={},_e=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:i,disabled:c,invalid:m,valid:h,required:N,size:v,rounded:k,...u}=e;return Ci("span",{className:"k-checkbox-wrap",children:Ci("input",{...u,id:t,type:"checkbox",defaultChecked:o,required:N,disabled:c||void 0,"aria-invalid":m?"true":void 0,className:r(e.className,tr,y(tr,{size:v,rounded:k}),A(tr,{hover:l,focus:i,disabled:c,invalid:m,valid:h,indeterminate:a,checked:o}))})})};_e.states=Wm;_e.options=Jm;_e.className=tr;_e.defaultOptions=qm;_e.moduleName=lo;_e.folderName=yo;_e.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var kt=_e;import{jsx as Zm}from"react/jsx-runtime";var Mi="k-checkbox-list",Ym=[],Qm={},yi={layout:"vertical"},ze=e=>{let{layout:t=yi.layout,...o}=e;return Zm("ul",{...o,className:r(e.className,Mi,{[`k-list-${t}`]:t}),children:e.children})};ze.states=Ym;ze.options=Qm;ze.className=Mi;ze.defaultOptions=yi;ze.moduleName=lo;ze.folderName=yo;import{jsx as ou}from"react/jsx-runtime";var Si="k-checkbox-list-item",jm=[],eu={},tu={},Oe=e=>{let{...t}=e;return ou("li",{...t,className:r(e.className,Si),children:e.children})};Oe.states=jm;Oe.options=eu;Oe.className=Si;Oe.defaultOptions=tu;Oe.moduleName=lo;Oe.folderName=yo;import{Fragment as au,jsx as Ai,jsxs as ru}from"react/jsx-runtime";var wt=({children:e,id:t,...o})=>ru(au,{children:[Ai(kt,{id:t,...o}),Ai("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as _A,jsx as DA,jsxs as zA}from"react/jsx-runtime";import{Fragment as XA,jsx as $A,jsxs as WA}from"react/jsx-runtime";import{Fragment as ZA,jsx as QA,jsxs as jA}from"react/jsx-runtime";import{jsx as aw}from"react/jsx-runtime";import{jsx as iw}from"react/jsx-runtime";import{jsx as pw}from"react/jsx-runtime";import{jsx as nt,jsxs as wi}from"react/jsx-runtime";var lu=ze.options,nu=ze.states,iu={...ze.defaultOptions,variant:"vertical"},su=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],du=[],ia=e=>{let{variant:t,...o}=e;return t==="horizontal"?wi(ze,{layout:"horizontal",...o,children:[nt(Oe,{children:nt(wt,{id:"first",defaultChecked:!0,children:"Label"})}),nt(Oe,{children:nt(wt,{id:"second",children:"Label"})}),nt(Oe,{children:nt(wt,{id:"third",children:"Label"})})]}):wi(ze,{...o,children:[nt(Oe,{children:nt(wt,{id:"first",defaultChecked:!0,children:"Label"})}),nt(Oe,{children:nt(wt,{id:"second",children:"Label"})}),nt(Oe,{children:nt(wt,{id:"third",children:"Label"})})]})};ia.options=lu;ia.states=nu;ia.variants=su;ia.defaultOptions=iu;ia.modifiers=du;import{jsx as fu}from"react/jsx-runtime";var cu=kt.options,pu=kt.states,mu=kt.defaultOptions,uu=[],bu=[],sa=e=>fu(wt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});sa.options=cu;sa.states=pu;sa.variants=uu;sa.defaultOptions=mu;sa.modifiers=bu;import{jsx as no,jsxs as Nu}from"react/jsx-runtime";var xl="k-list-item",Tu=[n.hover,n.focus,n.selected,n.disabled],hu={},xu={},G=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:i,showCheckbox:c,checked:m,hover:h,focus:N,selected:v,disabled:k,actions:u,description:M,id:C,...S}=e,R=t||e.children;return Nu("li",{...S,id:C,role:a?"presentation":"option",tabIndex:a?void 0:N?0:-1,"aria-selected":!a&&v?"true":a?void 0:"false","aria-disabled":!a&&k?"true":void 0,className:r(e.className,a?"k-list-group-item":xl,A(xl,{hover:h,focus:N,disabled:k,selected:v})),children:[c&&no(_e,{checked:m}),l&&no("span",{className:"k-list-item-icon-wrapper",children:no(g,{icon:l,className:r("k-list-item-icon",i)})}),no("span",{className:"k-list-item-text",children:R}),u&&no("div",{className:"k-list-item-actions",children:u}),M&&no("span",{className:"k-list-item-description",children:M}),o&&o!==""&&no("div",{className:"k-list-item-group-label",children:o})]})};G.states=Tu;G.options=hu;G.className=xl;G.defaultOptions=xu;G.moduleName=ro;G.folderName=Co;G.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as ku}from"react/jsx-runtime";var gu="k-list-ul",Et=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})};Et.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 Nl,jsxs as Lu}from"react/jsx-runtime";var vu="k-list-content",q=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:i,...c}=e;return Lu("div",{...c,className:r(vu,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:Nl(Et,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&Nl("div",{className:"k-height-container",children:Nl("div",{})})]})};q.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as jw,jsx as Zw,jsxs as eE}from"react/jsx-runtime";import{jsx as gl,jsxs as Mu}from"react/jsx-runtime";var Cu="k-list-group-item",io=e=>{let{groupIconName:t,...o}=e;return Mu("li",{...o,role:"presentation",className:r(Cu,e.className),children:[t&&gl("span",{className:"k-list-item-icon-wrapper",children:gl(g,{icon:t,className:"k-list-item-icon"})}),gl("span",{className:"k-list-item-text",children:e.children})]})};io.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as wu}from"react/jsx-runtime";var kl="k-list-optionlabel",yu=[n.hover,n.focus,n.selected,n.disabled],Su={},Au={},or=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...c}=e;return wu("div",{...c,className:r(kl,A(kl,{hover:o,focus:a,selected:l,disabled:i})),children:t})};or.states=yu;or.options=Su;or.className=kl;or.defaultOptions=Au;import{jsx as Ou}from"react/jsx-runtime";var vl="k-list-custom-value",Eu=[n.hover,n.focus,n.selected,n.disabled],Iu={},Ru={},Wt=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...c}=e;return Ou("div",{...c,className:r(vl,A(vl,{hover:o,focus:a,selected:l,disabled:i})),children:t})};Wt.states=Eu;Wt.options=Iu;Wt.className=vl;Wt.defaultOptions=Ru;import{Fragment as TE,jsx as fE,jsxs as hE}from"react/jsx-runtime";import{Fragment as LE,jsx as vE,jsxs as CE}from"react/jsx-runtime";import{Fragment as IE,jsx as wE,jsxs as EE}from"react/jsx-runtime";import{Fragment as GE,jsx as KE,jsxs as BE}from"react/jsx-runtime";import{jsx as UE}from"react/jsx-runtime";import{Fragment as JE,jsx as WE,jsxs as qE}from"react/jsx-runtime";var Ei="dropdown-list",Ii="dropdownlist";import{Fragment as Ku,jsx as Pe,jsxs as Ll}from"react/jsx-runtime";var Ri="k-dropdownlist",Pu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Hu={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Cl={showValue:!0,arrowIconName:"caret-alt-down"},Y=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Cl.arrowIconName,showValue:i=Cl.showValue,valueIconName:c,prefix:m,suffix:h,value:N,placeholder:v,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:E,readonly:D,popup:ie,opened:fe,adaptive:Ee,adaptiveSettings:$e,adaptiveTitle:Xe,adaptiveSubtitle:xo,adaptiveFilter:Nr,...Ka}=e;return Ll(Ku,{children:[Ll(ht,{...Ka,size:t,rounded:o,fillMode:a,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:E,readonly:D,className:r(e.className,Ri,{"k-icon-picker":!i&&c}),children:[Pe(ot,{children:m}),Pe(ao,{placeholder:v,value:N,showValue:i,valueIconName:c}),Pe(Ie,{valid:M,invalid:C,loading:R,disabled:E}),Pe(De,{loading:R,disabled:E}),Pe(at,{children:h}),Pe(d,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":v||"Toggle dropdown"})]}),fe&&ie&&Pe(ae,{className:"k-list-container k-dropdownlist-popup",children:ie}),Ee&&Pe(me,{adaptive:!0,...$e,header:Pe(Re,{actionsEnd:Pe(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Nr,inputValue:N,inputPlaceholder:v,title:Xe,subtitle:xo}),children:Pe("div",{className:"k-list-container",children:Pe(U,{size:"large",children:Ll(q,{children:[Pe(G,{text:"List item"}),Pe(G,{text:"List item"}),Pe(G,{text:"List item"})]})})})})]})};Y.states=Pu;Y.options=Hu;Y.className=Ri;Y.defaultOptions=Cl;Y.moduleName=Ei;Y.folderName=Ii;import{jsx as SI}from"react/jsx-runtime";import{jsx as RI,jsxs as OI}from"react/jsx-runtime";import{Fragment as zI,jsx as DI,jsxs as _I}from"react/jsx-runtime";import{jsx as $I}from"react/jsx-runtime";import{jsx as YI,jsxs as QI}from"react/jsx-runtime";import{Fragment as lR,jsx as aR,jsxs as rR}from"react/jsx-runtime";import{Fragment as Uu,jsx as Jt,jsxs as Oi}from"react/jsx-runtime";var Bu=Y.states,Gu=Y.defaultOptions,Du=Y.options,_u=[{name:"opened",title:"Opened"}],zu=[],ca=e=>{let{modifiers:t,...o}=e,a={},l=Oi(Uu,{children:[Jt("div",{className:"k-list-filter",children:Jt(lt,{})}),Jt(U,{style:{width:300},size:o.size,children:Oi(q,{children:[Jt(G,{children:"List item"}),Jt(G,{children:"List item"}),Jt(G,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?l:void 0)}),Jt("div",{children:Jt(Y,{placeholder:"Value",style:{width:300},...o,...a})})};ca.options=Du;ca.states=Bu;ca.variants=zu;ca.defaultOptions=Gu;ca.modifiers=_u;import{jsx as Pi,jsxs as Wu}from"react/jsx-runtime";var Hi="k-spin-button",$u=[],Xu={size:[s.undefined,s.small,s.medium,s.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Ml={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},qt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=Ml.increaseLabel,decreaseLabel:i=Ml.decreaseLabel,...c}=e;return Wu("span",{...c,className:r(Hi,e.className),children:[Pi(d,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),Pi(d,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};qt.states=$u;qt.options=Xu;qt.className=Hi;qt.defaultOptions=Ml;qt.moduleName=null;qt.folderName=null;var Ki="numeric-textbox",Bi="numerictextbox";import{Fragment as Gi,jsx as It,jsxs as yl}from"react/jsx-runtime";var Di="k-numerictextbox",Ju=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],qu={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ar={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:l=ar.separators,showClearButton:i=ar.showClearButton,showSpinButton:c=ar.showSpinButton,prefix:m,suffix:h,value:N,placeholder:v,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:E,readonly:D,id:ie,"aria-label":fe,"aria-describedby":Ee,...$e}=e;return yl(Ne,{...$e,size:t,rounded:o,fillMode:a,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:E,readonly:D,className:r(e.className,Di),children:[m&&yl(Gi,{children:[It(ot,{children:m}),l&&It(rt,{})]}),It(Je,{id:ie,placeholder:v,value:N,role:"spinbutton",disabled:E,"aria-label":fe,"aria-describedby":Ee,"aria-invalid":C?"true":void 0}),It(Ie,{valid:M,invalid:C,loading:R,disabled:E}),It(De,{loading:R,disabled:E}),i&&It(We,{loading:R,disabled:E,readonly:D,value:N}),h&&yl(Gi,{children:[l&&It(rt,{}),It(at,{children:h})]}),c&&It(qt,{className:"k-input-spinner",size:t,fillMode:a,disabled:E})]})};_.states=Ju;_.options=qu;_.className=Di;_.defaultOptions=ar;_.moduleName=Ki;_.folderName=Bi;_.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 pa=_;import{jsx as Yu}from"react/jsx-runtime";var _i=e=>Yu(pa,{...e});import{Fragment as VR,jsx as FR}from"react/jsx-runtime";import{Fragment as YR,jsx as qR}from"react/jsx-runtime";import{jsx as eO}from"react/jsx-runtime";import{jsx as Sl}from"react/jsx-runtime";var Qu=_.states,Zu=_.defaultOptions,ju=_.options,eb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],tb=[],ma=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Sl(Y,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[l]?Sl(qr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;case"spin-button":a.showSpinButton=t?.[l];break;default:break}}),Sl(_i,{value:"Value",style:{width:300},...o,...a})};ma.options=ju;ma.states=Qu;ma.variants=tb;ma.defaultOptions=Zu;ma.modifiers=eb;var Al="pager",zi=Al;import{Fragment as Ui,jsx as Ue,jsxs as So}from"react/jsx-runtime";var rr="k-pager",ob=[n.focus,n.disabled],ab={size:[s.undefined,s.small,s.medium,s.large]},qe={responsive:!0,pagerSizeInfo:!0,pageTitleInfo:!0,maxPagesInfo:!0,type:"numeric",pageSizes:!0,refresh:!0,previousNext:!0,info:"1 - 5 of 20 items",itemsPerPage:5,maxPages:6,currentPage:1},ge=e=>{let{responsive:t=qe.responsive,size:o,pagerSizeInfo:a=qe.pagerSizeInfo,pageTitleInfo:l=qe.pageTitleInfo,maxPagesInfo:i=qe.maxPagesInfo,itemsPerPage:c=qe.itemsPerPage,maxPages:m=qe.maxPages,currentPage:h=qe.currentPage,previousNext:N=qe.previousNext,type:v=qe.type,pageSizes:k=qe.pageSizes,refresh:u=qe.refresh,info:M=qe.info,focus:C,disabled:S,dir:R,...E}=e,D=[],ie=[];for(let fe=1;fe<=m;fe++)D.push(Ue(d,{selected:fe===h,fillMode:"flat",themeColor:"primary",size:o,children:fe})),ie.push(Ue("option",{selected:fe===h,children:fe}));return So("div",{dir:R,...E,className:r(e.className,rr,y(rr,{size:o}),A(rr,{focus:C,disabled:S}),{"k-pager-responsive":t}),children:[So("div",{className:r("k-pager-numbers-wrap"),children:[N&&So(Ui,{children:[Ue(d,{className:r("k-pager-nav","k-pager-first"),disabled:h===1&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),Ue(d,{className:r("k-pager-nav"),disabled:h===1&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-right":"caret-alt-left"})]}),v==="numeric"&&Ue("div",{className:r("k-pager-numbers"),children:D}),v==="input"&&So("span",{className:r("k-pager-input"),children:[l&&Ue("span",{children:"Page"}),Ue(_,{value:`${h}`,size:o,showSpinButton:!1,showClearButton:!1}),Ue("span",{children:i&&`of ${m}`})]}),N&&So(Ui,{children:[Ue(d,{className:r("k-pager-nav"),disabled:h===m&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-left":"caret-alt-right"}),Ue(d,{className:r("k-pager-nav","k-pager-last"),disabled:h===m&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),k&&So("span",{className:r("k-pager-sizes"),children:[Ue(Y,{value:`${c}`,size:o}),a&&Ue("span",{children:"items per page"})]}),u&&Ue(d,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),M&&Ue("span",{className:r("k-pager-info"),children:M})]})};ge.states=ob;ge.options=ab;ge.className=rr;ge.defaultOptions=qe;ge.moduleName=Al;ge.folderName=zi;import{jsx as yO}from"react/jsx-runtime";import{jsx as EO}from"react/jsx-runtime";import{jsx as PO}from"react/jsx-runtime";import{jsx as Fi}from"react/jsx-runtime";var rb=ge.options,lb=ge.states,nb={...ge.defaultOptions,variant:"numeric"},ib=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],sb=[],ua=e=>{let{variant:t,...o}=e;return t==="input"?Fi(ge,{...o,type:"input"}):Fi(ge,{...o,type:"numeric"})};ua.options=rb;ua.states=lb;ua.variants=ib;ua.defaultOptions=nb;ua.modifiers=sb;import{jsx as db}from"react/jsx-runtime";var Vi="k-grid-pager",vt=e=>db(ge,{...e,className:r(e.className,Vi),children:e.children});vt.className=Vi;vt.moduleName=V;vt.folderName=X;var wl="button",$i=wl;import{jsx as ub}from"react/jsx-runtime";var ba="k-button-group",cb=[n.disabled],pb={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},mb={},K=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return ub("div",{role:"group",...l,className:r(e.className,ba,y(ba,{fillMode:t}),A(ba,{disabled:o}),{[`${ba}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};K.states=cb;K.options=pb;K.className=ba;K.defaultOptions=mb;K.moduleName=wl;K.folderName=$i;K.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as i0,jsx as n0,jsxs as s0}from"react/jsx-runtime";import{Fragment as b0,jsx as u0,jsxs as f0}from"react/jsx-runtime";import{Fragment as k0,jsx as g0,jsxs as v0}from"react/jsx-runtime";import{Fragment as A0,jsx as S0,jsxs as w0}from"react/jsx-runtime";import{Fragment as H0,jsx as P0,jsxs as K0}from"react/jsx-runtime";import{Fragment as U0,jsx as z0,jsxs as F0}from"react/jsx-runtime";import{jsx as Rt,jsxs as El}from"react/jsx-runtime";var bb={...d.options,...K.options},fb=d.states,Tb={...d.defaultOptions,...K.defaultOptions,variant:"text-button"},hb=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],xb=[],fa=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?El(K,{fillMode:a.fillMode,className:o,children:[Rt(d,{...a,icon:"star"}),Rt(d,{...a,icon:"star"}),Rt(d,{...a,icon:"star"})]}):t==="icon-text-button"?El(K,{fillMode:a.fillMode,className:o,children:[Rt(d,{...a,icon:"star",children:"First"}),Rt(d,{...a,icon:"star",children:"Middle"}),Rt(d,{...a,icon:"star",children:"Last"})]}):El(K,{fillMode:a.fillMode,className:o,children:[Rt(d,{...a,children:"First"}),Rt(d,{...a,children:"Middle"}),Rt(d,{...a,children:"Last"})]})};fa.options=bb;fa.states=fb;fa.variants=hb;fa.defaultOptions=Tb;fa.modifiers=xb;import{jsx as Xi,jsxs as kb}from"react/jsx-runtime";var Wi="k-color-preview",Nb=[],gb={},Yt=e=>{let{color:t,iconName:o,...a}=e;return kb("span",{...a,className:r(e.className,Wi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Xi(g,{icon:o,className:"k-color-preview-icon"}),Xi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Yt.states=Nb;Yt.options=gb;Yt.className=Wi;var Il="slider",Ji=Il;import{jsx as Ao,jsxs as Rl}from"react/jsx-runtime";var Ta="k-slider",vb=[n.hover,n.focus,n.active,n.disabled,n.readonly],Lb={},st={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},le=e=>{let{type:t=st.type,orientation:o=st.orientation,gradientType:a=st.gradientType,readonly:l=st.readonly,disabled:i=st.disabled,handlePosition:c=st.handlePosition,showButtons:m=st.showButtons,showTicks:h=st.showTicks,value:N=st.value,min:v=st.min,max:k=st.max,startValue:u,endValue:M,hover:C,focus:S,active:R,trackStyle:E,dir:D,...ie}=e,Ee=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),$e,Xe;return o==="horizontal"?($e=D==="rtl"?"caret-alt-left":"caret-alt-right",Xe=D==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&($e="caret-alt-up",Xe="caret-alt-down"),Rl("div",{...ie,className:r(Ta,e.className,A(Ta,{readonly:l,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:D,children:[m&&Ao(d,{className:"k-button-decrease",rounded:"full",icon:Xe,tabIndex:-1,title:"Decrease"}),Rl("div",{className:"k-slider-track-wrap",children:[h&&Ao("ul",{className:"k-reset k-slider-items",children:e.children}),Rl("div",{className:"k-slider-track",style:E,children:[Ao("div",{className:"k-slider-selection"}),t==="range"&&Ao("span",{className:r("k-draghandle","k-draghandle-start",A(Ta,{hover:C,focus:S,active:R})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":u??v,"aria-valuemin":v,"aria-valuemax":M??k,"aria-orientation":Ee,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":ie["aria-label"]?`${ie["aria-label"]} start`:"Range start"}),Ao("span",{className:r("k-draghandle",`k-draghandle-${c}`,A(Ta,{hover:C,focus:S,active:R})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?M??k:N,"aria-valuemin":t==="range"?u??v:v,"aria-valuemax":k,"aria-orientation":Ee,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?ie["aria-label"]?`${ie["aria-label"]} end`:"Range end":ie["aria-label"]})]})]}),m&&Ao(d,{className:"k-button-increase",rounded:"full",icon:$e,tabIndex:-1,title:"Increase"})]})};le.states=vb;le.options=Lb;le.className=Ta;le.defaultOptions=st;le.moduleName=Il;le.folderName=Ji;le.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'}]};import{jsx as qi}from"react/jsx-runtime";var Yi="k-tick",Cb=[],Mb={},Qi={label:!1},P=e=>{let{style:t,label:o=Qi.label,orientation:a,large:l,text:i,...c}=e;return qi("li",{...c,className:r(e.className,Yi,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&qi("span",{className:"k-label",children:i})})};P.states=Cb;P.options=Mb;P.className=Yi;P.defaultOptions=Qi;import{Fragment as yb,jsx as dt,jsxs as Sb}from"react/jsx-runtime";var Zi=e=>dt(le,{"aria-label":e["aria-label"]||"Slider",children:Sb(yb,{children:[dt(P,{className:"k-first",label:!0,large:!0,text:"0"}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{label:!0,large:!0,text:"5"}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Ab,jsx as ct,jsxs as wb}from"react/jsx-runtime";var ji=e=>ct(le,{children:wb(Ab,{children:[ct(P,{className:"k-first",label:!0,large:!0,text:"0"}),ct(P,{}),ct(P,{}),ct(P,{}),ct(P,{}),ct(P,{label:!0,large:!0,text:"5"}),ct(P,{}),ct(P,{}),ct(P,{}),ct(P,{}),ct(P,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as wP,jsx as AP,jsxs as EP}from"react/jsx-runtime";import{Fragment as HP,jsx as PP,jsxs as KP}from"react/jsx-runtime";import{jsx as Eb}from"react/jsx-runtime";var Ol=e=>Eb(le,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Ib}from"react/jsx-runtime";var Pl=e=>Ib(le,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as WP,jsx as XP,jsxs as JP}from"react/jsx-runtime";import{Fragment as jP,jsx as ZP,jsxs as eH}from"react/jsx-runtime";import{jsx as Lt,jsxs as es}from"react/jsx-runtime";var Rb=le.options,Ob=le.states,ts={...le.defaultOptions,variant:"horizontal",label:!0},Pb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Hb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],ha=e=>{let{variant:t,modifiers:o,...a}={...ts,...e},l={};Object.keys(o||{}).forEach(N=>{switch(N){case"button":{l.showButtons=!!o?.[N];break}case"label":{l.label=!!o?.[N];break}case"tick":{l.showTicks=!!o?.[N];break}}});let{label:i=!0,showButtons:c,showTicks:m}=l,h={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?es(ji,{showTicks:m,showButtons:c,style:{height:"300px",...h},...a,children:[Lt(P,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Lt(P,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Lt(P,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Lt(P,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Lt(P,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):es(Zi,{showTicks:m,showButtons:c,style:{width:"400px",...h},...a,children:[Lt(P,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Lt(P,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Lt(P,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Lt(P,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Lt(P,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};ha.options=Rb;ha.states=Ob;ha.variants=Pb;ha.defaultOptions=ts;ha.modifiers=Hb;import{Fragment as xa,jsx as z,jsxs as ue}from"react/jsx-runtime";var os="k-colorgradient-inputs",Kb=[],Bb={size:[s.undefined,s.small,s.medium,s.large]},as={mode:"rgba"},wo=e=>{let{mode:t=as.mode,size:o,...a}=e;return ue("div",{...a,className:r(os,"k-hstack"),children:[z("div",{className:"k-vstack",children:z(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ue(xa,{children:[ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),z("label",{className:"k-colorgradient-input-label",children:"R"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),z("label",{className:"k-colorgradient-input-label",children:"G"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),z("label",{className:"k-colorgradient-input-label",children:"B"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),z("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ue(xa,{children:[ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),z("label",{className:"k-colorgradient-input-label",children:"R"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),z("label",{className:"k-colorgradient-input-label",children:"G"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),z("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ue(xa,{children:[ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),z("label",{className:"k-colorgradient-input-label",children:"H"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),z("label",{className:"k-colorgradient-input-label",children:"S"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),z("label",{className:"k-colorgradient-input-label",children:"V"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),z("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ue(xa,{children:[ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),z("label",{className:"k-colorgradient-input-label",children:"H"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),z("label",{className:"k-colorgradient-input-label",children:"S"})]}),ue("div",{className:"k-vstack",children:[z(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),z("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&z(xa,{children:ue("div",{className:"k-vstack k-flex-1",children:[z(re,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),z("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};wo.states=Kb;wo.options=Bb;wo.className=os;wo.defaultOptions=as;import{jsx as so,jsxs as co}from"react/jsx-runtime";var rs="k-colorgradient-color-contrast",Gb=[],Db={},_b={},Eo=()=>co("div",{className:r(rs,"k-vbox"),children:[co("div",{className:"k-contrast-ratio",children:[so("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),co("span",{className:"k-contrast-validation !k-text-success",children:[so(g,{icon:"check"}),so(g,{icon:"check"})]})]}),co("div",{children:[so("span",{children:"AA: 4.5"}),co("span",{className:"k-contrast-validation !k-text-success",children:["Pass",so(g,{icon:"check"})]})]}),co("div",{children:[so("span",{children:"AAA: 7.0"}),co("span",{className:"k-contrast-validation !k-text-error",children:["Fail",so(g,{icon:"x"})]})]})]});Eo.states=Gb;Eo.options=Db;Eo.className=rs;Eo.defaultOptions=_b;var ls="color-gradient",ns="colorgradient";import{jsx as pt,jsxs as Na}from"react/jsx-runtime";var lr="k-colorgradient",zb=[n.hover,n.focus,n.readonly,n.disabled],Ub={size:[s.undefined,s.small,s.medium,s.large]},Ct={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},Ce=e=>{let{size:t,mode:o=Ct.mode,readonly:a=Ct.readonly,disabled:l=Ct.disabled,gradientStyle:i=Ct.gradientStyle,dragHandleStyle:c=Ct.dragHandleStyle,alphaStyle:m=Ct.alphaStyle,alphaStyleHorizontal:h=Ct.alphaStyleHorizontal,contrast:N=Ct.contrast,dir:v,hover:k,focus:u,hoverHandle:M,focusHandle:C,canvasOrientation:S=Ct.canvasOrientation,role:R,tabIndex:E,...D}=e;return Na("div",{...D,role:R??"textbox","aria-label":R==="none"?void 0:"Color gradient",tabIndex:E??0,"aria-disabled":l?"true":void 0,className:r(e.className,lr,y(lr,{size:t}),A(lr,{hover:k,focus:u,readonly:a,disabled:l})),dir:v,children:[!S||S==="horizontal"&&Na("div",{className:"k-colorgradient-canvas k-hstack",children:[pt("div",{className:"k-hsv-rectangle",style:i,children:pt("div",{className:"k-hsv-gradient",children:pt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Na("div",{className:"k-hsv-controls k-hstack",children:[pt(Pl,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&pt(Pl,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:m})]})]}),S==="vertical"&&Na("div",{className:"k-colorgradient-canvas k-vstack",children:[pt("div",{className:"k-hsv-rectangle",style:i,children:pt("div",{className:"k-hsv-gradient",children:pt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Na("div",{className:"k-hsv-controls k-vstack",children:[pt(Ol,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&pt(Ol,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:h})]})]}),pt(wo,{mode:e.mode,size:t}),N&&pt(Eo,{})]})};Ce.states=zb;Ce.options=Ub;Ce.className=lr;Ce.defaultOptions=Ct;Ce.moduleName=ls;Ce.folderName=ns;Ce.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as Fb}from"react/jsx-runtime";var nr=e=>Fb(Ce,{...e});import{jsx as VH}from"react/jsx-runtime";import{jsx as JH}from"react/jsx-runtime";import{jsx as Hl}from"react/jsx-runtime";var Vb=Ce.options,$b=Ce.states,Xb={...Ce.defaultOptions,variant:"rgba"},Wb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Jb=[],ga=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Hl(nr,{...o,mode:t});case"rgb":return Hl(nr,{...o,mode:t});default:return Hl(nr,{...o,mode:t})}};ga.options=Vb;ga.states=$b;ga.variants=Wb;ga.defaultOptions=Xb;ga.modifiers=Jb;import{jsx as qb}from"react/jsx-runtime";var Kl=e=>qb("tr",{role:"row",children:e.children});import{jsx as Zb}from"react/jsx-runtime";var Bl="k-colorpalette-tile",Yb=[n.hover,n.focus,n.selected],Qb={},Io=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:i,...c}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Zb("td",{...c,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,Bl,A(Bl,{hover:a,focus:l,selected:i})),style:m})};Io.states=Yb;Io.options=Qb;Io.className=Bl;var is="color-palette",ss="colorpalette";import{jsx as ka}from"react/jsx-runtime";var ir="k-colorpalette",jb=[n.disabled],ef={size:[s.undefined,s.small,s.medium,s.large]},ds={columns:10},Fe=e=>{let{size:t,palette:o,columns:a=ds.columns,tileSize:l,disabled:i,...c}=e,m=[];if(o){let h=a||o.columns,N=o.colors?o.colors:o;Array.isArray(N)&&Array.from({length:Math.ceil(N.length/h)},(v,k)=>{let u=[];N.slice(k*h,(k+1)*h).map((C,S)=>{u.push(ka(Io,{color:C,tileSize:l},S))});let M=ka(Kl,{children:u},k);m.push(M)})}return ka("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,ir,A(ir,{disabled:i}),y(ir,{size:t})),children:ka("table",{className:"k-colorpalette-table",role:"none",children:ka("tbody",{children:m.length>0?m:e.children})})})};Fe.states=jb;Fe.options=ef;Fe.className=ir;Fe.defaultOptions=ds;Fe.moduleName=is;Fe.folderName=ss;Fe.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=Fe;var va={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 cs=e=>tf(sr,{palette:va.basic,...e});import{jsx as wK}from"react/jsx-runtime";import{jsx as HK,jsxs as KK}from"react/jsx-runtime";import{jsx as df}from"react/jsx-runtime";var of=Fe.options,af=Fe.states,rf={...Fe.defaultOptions,variant:"basic"},lf=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],nf={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}},sf=[],La=e=>{let{variant:t="basic",...o}=e,a=nf[t];return df(cs,{columns:a.columns,palette:a,...o})};La.options=of;La.states=af;La.variants=lf;La.defaultOptions=rf;La.modifiers=sf;var ps="color-editor",ms="coloreditor";import{jsx as mt,jsxs as Ro}from"react/jsx-runtime";var dr="k-coloreditor",cf=[n.focus],pf={size:[s.undefined,s.small,s.medium,s.large]},Ca={view:"gradient",palette:va.office,actionButtons:!0,canvasOrientation:"horizontal"},be=e=>{let{size:t,view:o=Ca.view,palette:a=Ca.palette,color:l,currentColor:i,focus:c,focusView:m,dir:h,group:N,actionButtons:v=Ca.actionButtons,canvasOrientation:k=Ca.canvasOrientation,...u}=e;return Ro("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",dr,y(dr,{size:t}),A(dr,{focus:c})),dir:h,children:[Ro("div",{className:"k-coloreditor-header k-hstack",children:[mt("div",{className:"k-coloreditor-header-actions k-hstack",children:N&&Ro(K,{fillMode:"flat",children:[mt(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),mt(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),mt("div",{className:"k-spacer"}),Ro("div",{className:"k-coloreditor-header-actions k-hstack",children:[mt(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Ro("div",{className:"k-coloreditor-preview k-vstack",children:[mt(Yt,{className:"k-coloreditor-preview-color",color:l}),mt(Yt,{className:"k-coloreditor-current-color",color:i})]})]})]}),mt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?mt(Ce,{focus:m,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):mt(Fe,{palette:a,size:t})}),v&&Ro(gt,{className:"k-coloreditor-footer",alignment:"start",children:[mt(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),mt(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};be.states=cf;be.options=pf;be.className=dr;be.defaultOptions=Ca;be.moduleName=ps;be.folderName=ms;be.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Oo=be;import{jsx as pB}from"react/jsx-runtime";import{jsx as fB}from"react/jsx-runtime";import{jsx as mf}from"react/jsx-runtime";var us=e=>mf(Oo,{group:!0,currentColor:"fuchsia",...e});import{jsx as uf}from"react/jsx-runtime";var bs=e=>uf(Oo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as fs}from"react/jsx-runtime";var bf=be.options,ff=be.states,Tf={...be.defaultOptions,variant:"gradient"},hf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],xf=[],Ma=e=>{let{variant:t,...o}=e;return t==="palette"?fs(bs,{...o,color:"white"}):fs(us,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Ma.options=bf;Ma.states=ff;Ma.variants=hf;Ma.defaultOptions=Tf;Ma.modifiers=xf;var Ts="color-picker",hs="colorpicker";import{Fragment as kf,jsx as ut,jsxs as Gl}from"react/jsx-runtime";var xs="k-colorpicker",Nf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],gf={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Ns={arrowIconName:"caret-alt-down"},Ye=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Ns.arrowIconName,prefix:i,suffix:c,value:m,placeholder:h,hover:N,focus:v,valid:k,invalid:u,required:M,disabled:C,valueIconName:S,popup:R,opened:E,adaptive:D,adaptiveSettings:ie,adaptiveTitle:fe,adaptiveSubtitle:Ee,...$e}=e,Xe="colorpicker-popup";return Gl(kf,{children:[Gl(ht,{...$e,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:k,invalid:u,required:M,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":E?"true":"false","aria-controls":E||D?Xe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:r(e.className,xs,"k-icon-picker"),children:[ut(ot,{children:i}),ut(ao,{placeholder:h,value:m,showValue:!1,valueIcon:ut(Yt,{className:"k-value-icon",color:m,iconName:S}),valueIconName:S}),ut(at,{children:c}),ut(d,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),E&&R&&ut(ae,{id:Xe,className:"k-colorpicker-popup",children:R}),D&&ut(me,{adaptive:!0,id:Xe,...ie,header:ut(Re,{actionsEnd:ut(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:fe,subtitle:Ee}),footer:Gl(Ut,{children:[ut(d,{text:"Cancel",size:"large"}),ut(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:ut(be,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ye.states=Nf;Ye.options=gf;Ye.className=xs;Ye.defaultOptions=Ns;Ye.moduleName=Ts;Ye.folderName=hs;Ye.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Qt=Ye;import{jsx as vf}from"react/jsx-runtime";var cr=e=>vf(Qt,{...e});import{jsx as ZB}from"react/jsx-runtime";import{jsx as aG}from"react/jsx-runtime";import{jsx as iG}from"react/jsx-runtime";import{jsx as pG}from"react/jsx-runtime";import{jsx as fG}from"react/jsx-runtime";import{jsx as NG}from"react/jsx-runtime";import{jsx as po}from"react/jsx-runtime";var Lf=Qt.options,Cf=Qt.states,gs={...Qt.defaultOptions,variant:"color"},Mf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],yf=[{name:"opened",title:"Opened"}],ya=e=>{let{variant:t,modifiers:o,...a}={...gs,...e},l={};Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?po(be,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return po("div",{style:i,children:po(cr,{...a,...l})});case"icon":return po("div",{style:i,children:po(cr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return po("div",{style:i,children:po(cr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};ya.options=Lf;ya.states=Cf;ya.variants=Mf;ya.defaultOptions=gs;ya.modifiers=yf;var Dl="combobox",ks=Dl;import{Fragment as _l,jsx as ke,jsxs as Sa}from"react/jsx-runtime";var vs="k-combobox",Sf=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Af={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Ls={separators:!0},He=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Ls.separators,prefix:i,suffix:c,value:m,placeholder:h,hover:N,focus:v,valid:k,invalid:u,required:M,loading:C,disabled:S,popup:R,opened:E,readonly:D,adaptive:ie,adaptiveSettings:fe,adaptiveTitle:Ee,adaptiveSubtitle:$e,adaptiveCustomValue:Xe,id:xo,autocomplete:Nr,activeDescendant:Ka,"aria-label":ad,...rd}=e,ld=xo?`${xo}-listbox`:void 0;return Sa(_l,{children:[Sa(Ne,{...rd,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:k,invalid:u,required:M,loading:C,disabled:S,readonly:D,className:r(e.className,vs),children:[i&&Sa(_l,{children:[ke(ot,{children:i}),l&&ke(rt,{})]}),ke(Je,{placeholder:h,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":E?"true":"false","aria-controls":E?ld:void 0,"aria-activedescendant":E&&Ka?Ka:void 0,"aria-autocomplete":Nr,"aria-invalid":u?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":ad,disabled:S,readOnly:D}),ke(Ie,{valid:k,invalid:u,loading:C,disabled:S}),ke(De,{loading:C,disabled:S}),ke(We,{loading:C,disabled:S,readonly:D,value:m}),c&&Sa(_l,{children:[l&&ke(rt,{}),ke(at,{children:c})]}),ke(d,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:S})]}),E&&R&&ke(ae,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:R}),ie&&ke(me,{adaptive:!0,id:xo?`${xo}-adaptive`:void 0,...fe,header:ke(Re,{actionsEnd:ke(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:h,title:Ee,subtitle:$e}),children:ke("div",{className:"k-list-container",children:ke(U,{customValue:Xe?ke(Wt,{text:`Use "${m}"`}):void 0,size:"large",children:Sa(q,{"aria-label":Ee||"Options",children:[ke(G,{text:"List item"}),ke(G,{text:"List item"}),ke(G,{text:"List item"})]})})})})]})};He.states=Sf;He.options=Af;He.className=vs;He.defaultOptions=Ls;He.moduleName=Dl;He.folderName=ks;He.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Qe=He;import{jsx as wf}from"react/jsx-runtime";var Cs=e=>wf(Qe,{...e});import{jsx as t1,jsxs as o1}from"react/jsx-runtime";import{jsx as s1,jsxs as d1}from"react/jsx-runtime";import{jsx as f1,jsxs as T1}from"react/jsx-runtime";import{Fragment as v1,jsx as k1}from"react/jsx-runtime";import{Fragment as A1,jsx as S1}from"react/jsx-runtime";import{jsx as P1,jsxs as H1}from"react/jsx-runtime";import{Fragment as F1,jsx as z1,jsxs as U1}from"react/jsx-runtime";import{jsx as W1}from"react/jsx-runtime";import{jsx as Q1}from"react/jsx-runtime";import{jsx as aD,jsxs as rD}from"react/jsx-runtime";import{jsx as cD,jsxs as pD}from"react/jsx-runtime";import{jsx as Zt,jsxs as Hf}from"react/jsx-runtime";var Ef=He.states,If=He.defaultOptions,Rf=He.options,Of=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Pf=[],Aa=e=>{let{modifiers:t,...o}=e,a={},l=Zt(U,{style:{width:300},size:o.size,children:Hf(q,{children:[Zt(G,{children:"List item"}),Zt(G,{children:"List item"}),Zt(G,{children:"List item"})]})});return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Zt(g,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?Zt(zt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?l:void 0;break;default:break}}),Zt("div",{children:Zt(Cs,{value:"Value",style:{width:300},...o,...a})})};Aa.options=Rf;Aa.states=Ef;Aa.variants=Pf;Aa.defaultOptions=If;Aa.modifiers=Of;var zl="menu-button",Ms=zl;import{jsx as Gf}from"react/jsx-runtime";var ys="k-menu-button",Kf=[n.hover,n.focus,n.active,n.selected,n.disabled],Bf={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Ul={showArrow:!0,arrowIconName:"caret-alt-down"},Q=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:m,selected:h,disabled:N,icon:v,text:k,showArrow:u=Ul.showArrow,arrowIconName:M=Ul.arrowIconName,expanded:C,...S}=e;return Gf(d,{...S,className:r(e.className,ys),text:k,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:m,selected:h,disabled:N,icon:v,showArrow:u,arrowIconName:M,"aria-expanded":C?"true":"false",...!k&&v&&!e["aria-label"]&&{"aria-label":"Menu"},...N&&{"aria-disabled":"true"}})};Q.states=Kf;Q.options=Bf;Q.className=ys;Q.defaultOptions=Ul;Q.moduleName=zl;Q.folderName=Ms;Q.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as VD}from"react/jsx-runtime";import{jsx as JD}from"react/jsx-runtime";import{jsx as ZD}from"react/jsx-runtime";var Ze="menu",bt=Ze;import{jsx as wa,jsxs as Ss}from"react/jsx-runtime";var Fl="k-menu-item",Df=[n.hover,n.focus,n.active,n.selected,n.disabled],_f={},As={iconPosition:"before"},Ae=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:c,text:m,first:h,last:N,showArrow:v,arrowIconName:k,iconPosition:u=As.iconPosition,dir:M,children:C,expanded:S,...R}=e,E=k;return E||(E=M==="rtl"?"caret-alt-left":"caret-alt-right"),Ss("li",{...R,className:r(e.className,Fl,"k-item",A(Fl,{focus:o,disabled:i,hover:t,active:a,selected:l}),{"k-first":h,"k-last":N}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":S?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ss("span",{className:r("k-link k-menu-link"),children:[c&&u==="before"&&wa(g,{className:"k-menu-link-icon",icon:c}),wa("span",{className:"k-menu-link-text",children:m}),c&&u==="after"&&wa(g,{className:"k-menu-link-icon",icon:c}),v&&wa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:wa(g,{icon:E})})]}),C]})};Ae.states=Df;Ae.options=_f;Ae.className=Fl;Ae.defaultOptions=As;Ae.moduleName=Ze;Ae.folderName=bt;import{jsx as Ea,jsxs as ws}from"react/jsx-runtime";var Vl="k-menu-item",zf=[n.hover,n.focus,n.active,n.selected,n.disabled],Uf={},$l={dir:"ltr",iconPosition:"before"},pe=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:c,text:m,first:h,last:N,showArrow:v,arrowIconName:k,iconPosition:u=$l.iconPosition,dir:M=$l.dir,children:C,popup:S,expanded:R,...E}=e,D=k;return D||(D=M==="rtl"?"caret-alt-left":"caret-alt-right"),ws("li",{...E,className:r(e.className,Vl,"k-item",A(Vl,{focus:o,disabled:i}),{"k-first":h,"k-last":N}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":R?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[ws("span",{className:r("k-link k-menu-link",A("k-menu-link",{hover:t,active:a,selected:l,disabled:i})),children:[c&&u==="before"&&Ea(g,{className:"k-menu-link-icon",icon:c}),Ea("span",{className:"k-menu-link-text",children:m}),c&&u==="after"&&Ea(g,{className:"k-menu-link-icon",icon:c}),v&&Ea("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ea(g,{icon:D})})]}),C,S]})};pe.states=zf;pe.options=Uf;pe.className=Vl;pe.defaultOptions=$l;pe.moduleName=Ze;pe.folderName=bt;import{jsx as Xf}from"react/jsx-runtime";var Es="k-menu-scroll-wrapper",Ff=[],Vf={},$f={},mo=e=>{let{className:t,children:o,orientation:a,...l}=e;return Xf("div",{...l,className:r(t,Es,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};mo.states=Ff;mo.options=Vf;mo.className=Es;mo.defaultOptions=$f;mo.moduleName=Ze;mo.folderName=bt;var Is=mo;import{Fragment as Xl,jsx as uo,jsxs as mr}from"react/jsx-runtime";var Wl="k-menu",Wf=[],Jf={},ur={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Me=e=>{let{children:t,orientation:o=ur.orientation,header:a=ur.header,scrollable:l,scrollButtonsPosition:i=ur.scrollButtonsPosition,wrapperStyles:c,dir:m,popup:h,contextMenu:N,...v}=e,k={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},u=uo("ul",{dir:m,...v,className:r(e.className,"k-reset",Wl,{[`${Wl}-${o}`]:o,"k-header":a}),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return mr(Xl,{children:[l?mr(Is,{orientation:o,style:c,dir:e.dir,children:[i==="start"&&mr(Xl,{children:[uo(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),uo(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&uo(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),u,i==="end"&&mr(Xl,{children:[uo(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),uo(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&uo(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):u,h]})};Me.states=Wf;Me.options=Jf;Me.className=Wl;Me.defaultOptions=ur;Me.moduleName=Ze;Me.folderName=bt;Me.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-haspopup=menu",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-expanded=true/false",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item[aria-haspopup][aria-controls]",attribute:"aria-controls=ul.k-menu-group id",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as qf}from"react/jsx-runtime";var Jl="k-separator",Rs={orientation:"horizontal"},Po=e=>{let{orientation:t=Rs.orientation,...o}=e;return qf("li",{...o,className:r(e.className,"k-item",Jl,{[`${Jl}-${t}`]:t}),role:"separator"})};Po.className=Jl;Po.defaultOptions=Rs;Po.moduleName=Ze;Po.folderName=bt;import{Fragment as S_,jsx as A_}from"react/jsx-runtime";import{jsx as jf}from"react/jsx-runtime";var ql="k-menu-group",Yf=[],Qf={size:[s.undefined,s.small,s.medium,s.large]},Zf={},we=e=>{let{children:t,size:o,...a}=e;return jf("ul",{...a,className:r(e.className,ql,y(ql,{size:o})),role:"menu",children:t})};we.states=Yf;we.options=Qf;we.className=ql;we.defaultOptions=Zf;we.moduleName=Ze;we.folderName=bt;import{Fragment as eT,jsx as Ho,jsxs as tT}from"react/jsx-runtime";var Yl=e=>Ho(Me,{children:tT(eT,{children:[Ho(Ae,{first:!0,text:"Item 1"}),Ho(Ae,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Ho(Ae,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Ho(Ae,{text:"Item 4"}),Ho(Ae,{last:!0,text:"Item 5"})]}),...e});import{Fragment as U_,jsx as __,jsxs as z_}from"react/jsx-runtime";import{Fragment as W_,jsx as X_,jsxs as J_}from"react/jsx-runtime";import{Fragment as j_,jsx as Z_,jsxs as e2}from"react/jsx-runtime";import{Fragment as l2,jsx as r2,jsxs as n2}from"react/jsx-runtime";import{jsx as bo,jsxs as nT}from"react/jsx-runtime";var oT=Me.options,aT=Me.states,Os={...Me.defaultOptions,variant:"horizontal"},rT=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],lT=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ia=e=>{let{variant:t,modifiers:o,...a}={...Os,...e},l={};return Object.keys(o||{}).forEach(i=>{switch(i){case"scrollable":l.scrollable=!!o?.[i];break;case"opened":l.opened=!!o?.[i],l.popup=bo(ae,{className:"k-menu-popup",children:nT(we,{children:[bo(pe,{text:"Item 1"}),bo(pe,{text:"Item 2"}),bo(Po,{}),bo(pe,{text:"Item 3"})]})});break}}),t==="vertical"?bo(Yl,{...a,...l,orientation:"vertical",style:{width:"200px"}}):bo(Yl,{...a,...l})};Ia.options=oT;Ia.states=aT;Ia.variants=rT;Ia.defaultOptions=Os;Ia.modifiers=lT;import{Fragment as G2,jsx as K2,jsxs as B2}from"react/jsx-runtime";import{jsx as U2}from"react/jsx-runtime";import{Fragment as pT,jsx as Mt,jsxs as Ps}from"react/jsx-runtime";var iT=d.states,Hs={...d.defaultOptions,variant:"text"},sT=d.options,dT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],cT=[{name:"opened",title:"Opened"}],Ra=e=>{let{variant:t,modifiers:o,...a}={...Hs,...e},l={},i=Mt(ae,{className:"k-menu-popup",children:Ps(we,{size:a.size,children:[Mt(pe,{first:!0,text:"Menu Item"}),Mt(pe,{text:"Menu Item"}),Mt(pe,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=Mt("div",{children:Mt(Q,{...a,...l,icon:"star"})});break;case"icon-and-text":c=Mt("div",{children:Mt(Q,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:c=Mt("div",{children:Mt(Q,{...a,...l,children:"Dropdown Button"})});break}return Ps(pT,{children:[c,o?.opened&&i]})};Ra.options=sT;Ra.states=iT;Ra.variants=dT;Ra.defaultOptions=Hs;Ra.modifiers=cT;var Ql="split-button",Ks=Ql;import{Fragment as bT,jsx as Zl,jsxs as Bs}from"react/jsx-runtime";var jl="k-split-button",mT=[n.hover,n.focus,n.active,n.selected,n.disabled],uT={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Gs={arrowIconName:"caret-alt-down"},F=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:m,selected:h,disabled:N,icon:v,text:k,arrowIconName:u=Gs.arrowIconName,popup:M,opened:C,popupId:S,...R}=e;return Bs(bT,{children:[Bs("div",{...R,className:r(e.className,jl,"k-button-group",y(jl,{rounded:o})),children:[Zl(d,{text:k,icon:v,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:m,selected:h,disabled:N,...!k&&!e.children&&v&&{"aria-label":"Action"},children:e.children}),Zl(d,{className:"k-split-button-arrow",icon:u,size:t,rounded:o,fillMode:a,disabled:N,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?S:void 0,tabIndex:-1,...N&&{"aria-disabled":"true"}})]}),C&&M&&Zl(ae,{className:"k-menu-popup",children:M})]})};F.states=mT;F.options=uT;F.className=jl;F.defaultOptions=Gs;F.moduleName=Ql;F.folderName=Ks;F.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 en=F;import{jsx as TT}from"react/jsx-runtime";var fT="k-toolbar-separator",Tt=e=>TT("div",{className:r(fT,e.className,"k-separator")});var Ot="toolbar",jt=Ot;import{Fragment as tn,jsx as $,jsxs as Ko}from"react/jsx-runtime";var Pt="k-toolbar",hT=[n.focus],xT={size:[s.undefined,s.small,s.medium,s.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},NT={scrollButtons:"around"},Z=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:i,scrollButtons:c,scrollingPosition:m,section:h,...N}=e,v=[],k=(u,M)=>{let C=[];if(u.type===d&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))C.push($(d,{...u.props,className:`${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===d)C.push($(d,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===Yo)C.push($(Yo,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===zt)C.push($(zt,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===Q)C.push($(Q,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===en)C.push($(en,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===K||u.props.className&&u.props.className.includes("k-button-group")){let S=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((E,D)=>{S.push($(d,{...E.props,className:`${E.props.className?E.props.className:""}`},`${D}-${new Date().getTime()}`))}),C.push($(K,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:S},`${M}-${new Date().getTime()}`))}else u.type===He?C.push($(He,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):u.type===Y?C.push($(Y,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):u.type===Ye?C.push($(Ye,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):C.push(u);C.forEach(S=>{v.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,C)=>{k(M,C)}),Ko("div",{...N,className:r(e.className,Pt,y(Pt,{size:t,fillMode:o}),A(Pt,{focus:a}),{[`${Pt}-resizable`]:l,[`${Pt}-scrollable`]:i,[`${Pt}-scrollable-overlay`]:i&&c==="hidden",[`${Pt}-scrollable-${m}`]:m&&m!=="both",[`${Pt}-section`]:h}),role:"toolbar","aria-label":"Toolbar",children:[!i&&v,i&&c==="hidden"&&$("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),i&&c==="start"&&Ko(tn,{children:[Ko(K,{children:[$("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:$(g,{className:"k-button-icon",icon:"caret-alt-left"})}),$("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:$(g,{className:"k-button-icon",icon:"caret-alt-right"})})]}),$(Tt,{className:"k-toolbar-button-separator"}),$("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v})]}),i&&c==="end"&&Ko(tn,{children:[$("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),$(Tt,{className:"k-toolbar-button-separator"}),Ko(K,{children:[$("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:$(g,{className:"k-button-icon",icon:"caret-alt-left"})}),$("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:$(g,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),i&&(c==="around"||!c)&&Ko(tn,{children:[$("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:$(g,{className:"k-button-icon",icon:"caret-alt-left"})}),$(Tt,{className:"k-toolbar-button-separator"}),$("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),$(Tt,{className:"k-toolbar-button-separator"}),$("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:$(g,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};Z.states=hT;Z.options=xT;Z.className=Pt;Z.defaultOptions=NT;Z.moduleName=Ot;Z.folderName=jt;Z.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the section toggle button."}]};import{jsx as LT}from"react/jsx-runtime";var Ds="k-floating-toolbar",gT=[],kT={},vT={},Bo=e=>{let{...t}=e;return LT("div",{...t,className:r(e.className,Ds),children:e.children})};Bo.states=gT;Bo.options=kT;Bo.className=Ds;Bo.defaultOptions=vT;Bo.moduleName=Ot;Bo.folderName=jt;import{jsx as ST}from"react/jsx-runtime";var on="k-toolbar-item",CT=[n.focus],MT={},yT={},Go=e=>{let{focus:t,...o}=e;return ST("div",{...o,className:r(e.className,on,A(on,{focus:t})),children:e.children})};Go.states=CT;Go.options=MT;Go.className=on;Go.defaultOptions=yT;Go.moduleName=Ot;Go.folderName=jt;import{jsx as _s}from"react/jsx-runtime";var zs="k-toolbar-popup",AT=[],wT={size:[s.undefined,s.small,s.medium,s.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},ET={},fo=e=>{let{size:t,fillMode:o,section:a,...l}=e;return _s(ae,{...l,className:r(e.className,zs),children:a?_s("span",{className:r("k-toolbar-items-list",y("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};fo.states=AT;fo.options=wT;fo.className=zs;fo.defaultOptions=ET;fo.moduleName=Ot;fo.folderName=jt;var br=fo;import{jsx as $5}from"react/jsx-runtime";import{jsx as q5}from"react/jsx-runtime";import{jsx as j5}from"react/jsx-runtime";import{jsx as l3,jsxs as n3}from"react/jsx-runtime";import{jsx as c3}from"react/jsx-runtime";import{jsx as Ht,jsxs as HT}from"react/jsx-runtime";var IT=F.states,Us={...F.defaultOptions,variant:"text"},RT=F.options,OT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],PT=[{name:"opened",title:"Opened"}],Oa=e=>{let{variant:t,modifiers:o,...a}={...Us,...e},l={},i=HT(we,{size:a.size,children:[Ht(pe,{first:!0,text:"Menu Item"}),Ht(pe,{text:"Menu Item"}),Ht(pe,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?i:"")}),t){case"icon-only":return Ht("div",{children:Ht(F,{...a,...l,icon:"star"})});case"icon-and-text":return Ht("div",{children:Ht(F,{...a,...l,icon:"star",children:"Split Button"})});default:return Ht("div",{children:Ht(F,{...a,...l,children:"Split Button"})})}};Oa.options=RT;Oa.states=IT;Oa.variants=OT;Oa.defaultOptions=Us;Oa.modifiers=PT;import{jsx as To,jsxs as KT}from"react/jsx-runtime";var Fs=e=>To(Z,{children:[To(d,{children:"Button"},"toolbar-button"),To(Q,{text:"Menu button"},"toolbar-menu-button"),To(F,{children:"Split button"},"toolbar-split-button"),KT(K,{children:[To(d,{className:"k-group-start",icon:"align-left",children:"Left"}),To(d,{icon:"align-center",children:"Center"}),To(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as D3,jsxs as _3}from"react/jsx-runtime";import{jsx as je,jsxs as Vs}from"react/jsx-runtime";var $s=e=>je(Z,{scrollable:!0,...e,children:[je(d,{children:"Button"},"toolbar-button"),je(Q,{text:"Menu button"},"toolbar-menu-button"),je(F,{children:"Split button"},"toolbar-split-button"),Vs(K,{children:[je(d,{className:"k-group-start",icon:"align-left",children:"Left"}),je(d,{icon:"align-center",children:"Center"}),je(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),je(d,{children:"Button"},"toolbar-button"),je(Q,{text:"Menu button"},"toolbar-menu-button"),je(F,{children:"Split button"},"toolbar-split-button"),Vs(K,{children:[je(d,{className:"k-group-start",icon:"align-left",children:"Left"}),je(d,{icon:"align-center",children:"Center"}),je(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as et,jsxs as Xs}from"react/jsx-runtime";var Ws=({scrollingPosition:e="start",...t})=>et(Z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[et(d,{children:"Button"},"toolbar-button"),et(Q,{text:"Menu button"},"toolbar-menu-button"),et(F,{children:"Split button"},"toolbar-split-button"),Xs(K,{children:[et(d,{className:"k-group-start",icon:"align-left",children:"Left"}),et(d,{icon:"align-center",children:"Center"}),et(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),et(d,{children:"Button"},"toolbar-button"),et(Q,{text:"Menu button"},"toolbar-menu-button"),et(F,{children:"Split button"},"toolbar-split-button"),Xs(K,{children:[et(d,{className:"k-group-start",icon:"align-left",children:"Left"}),et(d,{icon:"align-center",children:"Center"}),et(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as BT,jsx as Ve,jsxs as fr}from"react/jsx-runtime";var Js=({fillMode:e,size:t,...o})=>fr(BT,{children:[Ve(Z,{section:!0,fillMode:e,size:t,children:[Ve(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),fr(K,{fillMode:e,children:[Ve(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ve(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ve(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ve(Tt,{className:"k-toolbar-button-separator"}),Ve(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),fr(br,{size:t,fillMode:e,section:!0,...o,children:[Ve(F,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ve(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ve(Tt,{}),Ve(Q,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),fr(K,{fillMode:e,children:[Ve(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ve(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ve(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as Nz,jsx as hz,jsxs as xz}from"react/jsx-runtime";import{Fragment as Ez,jsx as Az,jsxs as wz}from"react/jsx-runtime";import{jsx as eo}from"react/jsx-runtime";var GT=Z.options,DT=Z.states,qs={...Z.defaultOptions,variant:"default"},_T=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],zT=[],Pa=e=>{let{variant:t,...o}={...qs,...e};switch(t){case"responsive":return eo("div",{children:eo(Js,{style:{width:"583px"},...o})});case"overlay":return eo("div",{children:eo(Ws,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return eo("div",{children:eo($s,{style:{width:"583px"},...o})});default:return eo("div",{children:eo(Fs,{style:{width:"583px"},...o})})}};Pa.options=GT;Pa.states=DT;Pa.variants=_T;Pa.defaultOptions=qs;Pa.modifiers=zT;import{jsx as UT}from"react/jsx-runtime";var Ys="k-grid-toolbar",ho=e=>UT(Z,{...e,className:r(e.className,Ys),children:e.children});ho.className=Ys;ho.moduleName=V;ho.folderName=X;import{jsx as an,jsxs as VT}from"react/jsx-runtime";var rn="k-grid-stack-cell",FT=[n.focus,n.selected],Tr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:i,focus:c,selected:m,...h}=e;return VT("div",{...h,className:r(e.className,rn,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":i},A(rn,{focus:c,selected:m})),children:[i&&an("span",{className:"k-dirty"}),t&&an("div",{className:"k-grid-stack-header",children:t}),an("div",{className:"k-grid-stack-content",children:o}),e.children]})};Tr.states=FT;Tr.className=rn;Tr.moduleName=V;Tr.folderName=X;import{jsx as $T}from"react/jsx-runtime";var Qs="k-grid-stack-row",hr=e=>{let{cols:t,...o}=e;return $T("div",{...o,className:r(e.className,Qs,{[`k-grid-cols-${t}`]:t}),children:e.children})};hr.className=Qs;hr.moduleName=V;hr.folderName=X;import{Fragment as N6,jsx as h6,jsxs as x6}from"react/jsx-runtime";import{Fragment as y6,jsx as C6,jsxs as M6}from"react/jsx-runtime";import{Fragment as O6,jsx as I6,jsxs as R6}from"react/jsx-runtime";import{Fragment as XT,jsx as L,jsxs as ne}from"react/jsx-runtime";var Zs=({contentClassName:e,...t})=>L(W,{_renderAriaRoot:!0,pager:L(vt,{refresh:!1}),children:ne(XT,{children:[L(se,{children:L("div",{className:"k-grid-header-wrap",children:ne(ce,{children:[ne("colgroup",{children:[L("col",{}),L("col",{style:{width:"225px"}}),L("col",{}),L("col",{}),L("col",{})]}),ne(j,{children:[ne(w,{children:[L(I,{rowspan:1,colspan:1,columnTitle:"Product Id"}),L(I,{rowspan:1,colspan:1,columnTitle:"Name"}),L(I,{rowspan:1,colspan:1,columnTitle:"Quantity"}),L(I,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),L(I,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),ne(w,{className:"k-filter-row",children:[L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(_,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(re,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(re,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(_,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(Y,{}),L("div",{className:"k-filtercell-operator",children:L(d,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),L(ee,{children:L(te,{className:e,children:ne(oe,{children:[ne("colgroup",{children:[L("col",{}),L("col",{style:{width:"225px"}}),L("col",{}),L("col",{}),L("col",{})]}),ne(de,{children:[ne(w,{className:"k-master-row",children:[L(p,{children:"1"}),L(p,{children:"Chai"}),L(p,{children:"10 boxes x 20 bags"}),L(p,{children:"18"}),L(p,{children:"false"})]}),ne(w,{className:"k-master-row",alt:!0,children:[L(p,{children:"2"}),L(p,{children:"Chang"}),L(p,{children:"24 - 12 oz bottles"}),L(p,{children:"19"}),L(p,{children:"false"})]}),ne(w,{className:"k-master-row",children:[L(p,{children:"3"}),L(p,{children:"Aniseed Syrup"}),L(p,{children:"12 - 550 ml bottles"}),L(p,{children:"10"}),L(p,{children:"false"})]}),ne(w,{className:"k-master-row",alt:!0,children:[L(p,{children:"4"}),L(p,{children:"Chef Anton's Cajun Seasoning"}),L(p,{children:"48 - 6 oz jars"}),L(p,{children:"22"}),L(p,{children:"false"})]}),ne(w,{className:"k-master-row",children:[L(p,{children:"5"}),L(p,{children:"Grandma's Boysenberry Spread"}),L(p,{children:"12 - 8 oz jars"}),L(p,{children:"25"}),L(p,{children:"false"})]})]})]})})})]}),...t});import{Fragment as q6,jsx as W6,jsxs as J6}from"react/jsx-runtime";import{Fragment as a9,jsx as t9,jsxs as o9}from"react/jsx-runtime";import{Fragment as c9,jsx as s9,jsxs as d9}from"react/jsx-runtime";import{Fragment as WT,jsx as B,jsxs as Ke}from"react/jsx-runtime";var js=({headerWrapClassName:e,contentClassName:t,...o})=>B(W,{_renderAriaRoot:!0,children:Ke(WT,{children:[B(se,{children:B("div",{className:`k-grid-header-wrap ${e}`,children:Ke(ce,{children:[Ke("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),Ke(j,{children:[Ke(w,{children:[B(I,{rowspan:3,colspan:1,columnTitle:"ID"}),B(I,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),Ke(w,{children:[B(I,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),B(I,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),Ke(w,{children:[B(I,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),B(I,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),B(ee,{children:B(te,{className:t,children:Ke(oe,{children:[Ke("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),Ke(de,{children:[Ke(w,{className:"k-master-row",children:[B(p,{children:"1"}),B(p,{children:"Chai"}),B(p,{children:"39"}),B(p,{children:"18"})]}),Ke(w,{className:"k-master-row",alt:!0,children:[B(p,{children:"2"}),B(p,{children:"Chang"}),B(p,{children:"17"}),B(p,{children:"19"})]}),Ke(w,{className:"k-master-row",children:[B(p,{children:"3"}),B(p,{children:"Aniseed Syrup"}),B(p,{children:"13"}),B(p,{children:"10"})]}),Ke(w,{className:"k-master-row",alt:!0,children:[B(p,{children:"4"}),B(p,{children:"Chef Anton's Cajun Seasoning"}),B(p,{children:"53"}),B(p,{children:"22"})]}),Ke(w,{className:"k-master-row",children:[B(p,{children:"5"}),B(p,{children:"Chef Anton's Gumbo Mix"}),B(p,{children:"0"}),B(p,{children:"21.35"})]})]})]})})})]}),...o});import{Fragment as v9,jsx as g9,jsxs as k9}from"react/jsx-runtime";import{Fragment as w9,jsx as S9,jsxs as A9}from"react/jsx-runtime";import{Fragment as JT,jsx as H,jsxs as ft}from"react/jsx-runtime";var ed=e=>H(W,{_renderAriaRoot:!0,toolbar:ft(ho,{children:[H(d,{children:"Add new"}),H(d,{children:"Save Changes"}),H(d,{children:"Cancel Changes"})]}),children:ft(JT,{children:[H(se,{children:H("div",{className:"k-grid-header-wrap",children:ft(ce,{children:[ft("colgroup",{children:[H("col",{}),H("col",{}),H("col",{}),H("col",{style:{width:"300px"}})]}),H(j,{children:ft(w,{children:[H(I,{columnTitle:"Name"}),H(I,{columnTitle:"Price"}),H(I,{columnTitle:"Available"}),H(I,{accessibleLabel:"Commands"})]})})]})})}),H(ee,{children:H(te,{children:H("div",{children:ft(oe,{children:[ft("colgroup",{children:[H("col",{}),H("col",{}),H("col",{}),H("col",{style:{width:"300px"}})]}),ft(de,{children:[ft(w,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[H(p,{children:H(re,{value:"Towel"})}),H(p,{children:H(_,{value:"42"})}),H(p,{children:H(_e,{})}),ft(p,{className:"k-command-cell",children:[H(d,{children:"Add"}),H(d,{children:"Cancel"})]})]}),ft(w,{className:"k-master-row",children:[H(p,{children:"Chai"}),H(p,{children:"18"}),H(p,{children:"false"}),H(p,{className:"k-command-cell",children:H(d,{children:"Remove"})})]}),ft(w,{className:"k-master-row",alt:!0,children:[H(p,{children:"Chang"}),H(p,{children:"19"}),H(p,{children:"false"}),H(p,{className:"k-command-cell",children:H(d,{children:"Remove"})})]})]})]})})})})]}),...e});import{Fragment as eU,jsx as j9,jsxs as tU}from"react/jsx-runtime";import{Fragment as xr,jsx as b,jsxs as J}from"react/jsx-runtime";var qT=W.options,YT=W.states,td={...W.defaultOptions,variant:"normal"},QT=[{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"}],ZT=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Ha=e=>{let{variant:t,modifiers:o,...a}={...td,...e},l={toolbar:void 0,pager:void 0},i=J(ho,{children:[b(d,{icon:"plus",children:"Add New"}),b(d,{icon:"file-pdf",children:"Export to PDF"}),b("span",{className:"k-spacer"}),b(re,{prefix:b(g,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=b(ge,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(N=>{switch(N){case"toolbar":l.toolbar=o?.[N]?i:void 0;break;case"pager":l.pager=o?.[N]?c:void 0;break;default:return}});let m={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},h=J(xr,{children:[b(se,{children:b("div",{className:"k-grid-header-wrap",children:J(ce,{children:[J("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(j,{children:J(w,{children:[b(I,{...m[t],columnTitle:"ID"}),b(I,{...m[t],columnTitle:"Product Name"}),b(I,{...m[t],columnTitle:"Units in Stock"}),b(I,{...m[t],columnTitle:"Units Price"})]})})]})})}),b(ee,{children:b(te,{children:J(oe,{children:[J("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),J(de,{children:[J(w,{children:[b(p,{children:"1"}),b(p,{children:"Chai"}),b(p,{children:"39"}),b(p,{children:"18"})]}),J(w,{className:"k-alt",alt:!0,children:[b(p,{children:"2"}),b(p,{children:"Chang"}),b(p,{children:"17"}),b(p,{children:"19"})]}),J(w,{children:[b(p,{children:"3"}),b(p,{children:"Aniseed Syrup"}),b(p,{children:"13"}),b(p,{children:"10"})]}),J(w,{className:"k-alt",alt:!0,children:[b(p,{children:"4"}),b(p,{children:"Chef Anton's Cajun Seasoning"}),b(p,{children:"53"}),b(p,{children:"22"})]}),J(w,{children:[b(p,{children:"5"}),b(p,{children:"Chef Anton's Gumbo Mix"}),b(p,{children:"0"}),b(p,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return b(js,{...a,...l});case"editing":return b(ed,{...a,...l});case"grouping":return b(od,{...a,...l,groupingHeader:b(Kt,{children:J(xe,{children:[b(he,{icon:"sort-asc-small",actions:J(xr,{children:[b(Te,{type:"more"}),b(Te,{type:"remove"})]}),children:"ID"}),b(he,{icon:"sort-desc-small",actions:J(xr,{children:[b(Te,{type:"more"}),b(Te,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return b(W,{...a,...l,children:J(xr,{children:[b(se,{children:J("div",{className:"k-grid-header-wrap",children:[" ",J(ce,{children:[J("colgroup",{children:[b("col",{className:"k-drag-col"}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(j,{children:J(w,{children:[b(I,{className:"k-drag-cell",accessibleLabel:"Reorder"}),b(I,{columnTitle:"ID"}),b(I,{columnTitle:"Product Name"}),b(I,{columnTitle:"Units in Stock"}),b(I,{columnTitle:"Units Price"})]})})]})]})}),b(ee,{children:b(te,{children:J(oe,{children:[J("colgroup",{children:[b("col",{className:"k-drag-col"}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),J(de,{children:[J(w,{children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"1"}),b(p,{children:"Chai"}),b(p,{children:"39"}),b(p,{children:"18"})]}),J(w,{className:"k-alt",alt:!0,children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"2"}),b(p,{children:"Chang"}),b(p,{children:"17"}),b(p,{children:"19"})]}),J(w,{children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"3"}),b(p,{children:"Aniseed Syrup"}),b(p,{children:"13"}),b(p,{children:"10"})]}),J(w,{className:"k-alt",alt:!0,children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"4"}),b(p,{children:"Chef Anton's Cajun Seasoning"}),b(p,{children:"53"}),b(p,{children:"22"})]}),J(w,{children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"5"}),b(p,{children:"Chef Anton's Gumbo Mix"}),b(p,{children:"0"}),b(p,{children:"21.35"})]})]})]})})})]})});case"filter-row":return b(Zs,{...a,...l});default:return b(W,{...a,...l,children:h})}};Ha.options=qT;Ha.states=YT;Ha.variants=QT;Ha.defaultOptions=td;Ha.modifiers=ZT;import{Fragment as ln,jsx as O,jsxs as Be}from"react/jsx-runtime";var od=({dropClue:e,contentClassName:t,...o})=>O(W,{_renderAriaRoot:!0,groupingHeader:O(Kt,{dropClue:e,children:Be(xe,{children:[O(he,{icon:"sort-asc-small",text:"ID",actions:Be(ln,{children:[O(Te,{type:"more"}),O(Te,{type:"remove"})]})}),O(he,{icon:"sort-desc-small",text:"Name",actions:Be(ln,{children:[O(Te,{type:"more"}),O(Te,{type:"remove"})]})})]})}),children:Be(ln,{children:[O(se,{draggable:!0,children:O("div",{className:"k-grid-header-wrap",children:Be(ce,{children:[Be("colgroup",{children:[O("col",{className:"k-group-col"}),O("col",{className:"k-group-col"}),O("col",{}),O("col",{}),O("col",{}),O("col",{})]}),O(j,{children:Be(w,{children:[O(I,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),O(I,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),O(I,{colspan:1,columnTitle:"ID"}),O(I,{colspan:1,columnTitle:"Name"}),O(I,{colspan:1,columnTitle:"Price"}),O(I,{colspan:1,columnTitle:"Category"})]})})]})})}),O(ee,{children:O(te,{className:t,children:Be(oe,{children:[Be("colgroup",{children:[O("col",{className:"k-group-col"}),O("col",{className:"k-group-col"}),O("col",{}),O("col",{}),O("col",{}),O("col",{})]}),Be(de,{children:[O(w,{className:"k-table-group-row k-grouping-row",children:O(p,{colspan:6,children:Be("p",{className:"k-reset",children:[O(g,{icon:"caret-alt-right"}),"ID: 1"]})})}),O(w,{className:"k-table-group-row k-grouping-row",children:O(p,{colspan:6,children:Be("p",{className:"k-reset",children:[O(g,{icon:"caret-alt-down"}),"ID: 2"]})})}),Be(w,{className:"k-table-group-row k-grouping-row",children:[O(p,{className:"k-table-group-td k-group-cell"}),O(p,{colspan:5,children:Be("p",{className:"k-reset",children:[O(g,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),Be(w,{className:"k-master-row",alt:!0,children:[O(p,{className:"k-table-group-td k-group-cell"}),O(p,{className:"k-table-group-td k-group-cell"}),O(p,{colspan:0,children:"2"}),O(p,{colspan:0,children:"Chang"}),O(p,{colspan:0,children:"$19.00"}),O(p,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});export{od as GridWithGrouping};
+var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var y=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),A=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:s,checked:c,active:m,selected:h,disabled:N,indeterminate:v,loading:k,empty:u,readonly:M,highlighted:C,...S}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":s,"k-checked":c,"k-active":m,"k-selected":h,"k-disabled":N,"k-indeterminate":v&&!c,"k-loading":k,"k-empty":u,"k-readonly":M,"k-highlighted":C},Object.keys(S).reduce((R,E)=>(E.startsWith("k-")?R[E]=S[E]:R[`k-${E}`]=S[E],R),{}))};function sn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var i={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},T={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},f={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};import{Fragment as cd,jsx as dn}from"react/jsx-runtime";var Nr="k-font-icon",sd=[],id={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},dd={},Do=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:s,...c}=e;return a?dn("span",{...c,className:r(e.className,Nr,y(Nr,{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"}):dn(cd,{})};Do.states=sd;Do.options=id;Do.className=Nr;Do.defaultOptions=dd;var cn=Do;import{Fragment as ud,jsx as Ga}from"react/jsx-runtime";var gr="k-svg-icon",pd=[],md={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},pn={viewBox:"0 0 24 24"},_o=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:s=pn.viewBox,icon:c,...m}=e;if(!c)return Ga(ud,{});if(c==="none")return Ga("span",{...m,className:r(e.className,gr,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let h=typeof c=="object"&&c.name&&c.name;return Ga("span",{...m,className:r(e.className,gr,y("k-icon",{size:t}),{[`k-svg-i-${h}`]:h,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:Ga("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})})};_o.states=pd;_o.options=md;_o.className=gr;_o.defaultOptions=pn;var kr=_o;import*as vr from"@progress/kendo-svg-icons";var mn="icon",un="icons";import{useContext as fd}from"react";import{createContext as bd}from"react";var bn=bd({iconsType:"svg"});import{Fragment as fn,jsx as zo}from"react/jsx-runtime";var Ba="k-icon",Td=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),hd=[],xd={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Lr={viewBox:"0 0 24 24",type:"svg"},g=e=>{let{iconsType:t}=fd(bn),{size:o,themeColor:a,icon:l,type:s=t||Lr.type,rotate:c,flip:m,viewBox:h=Lr.viewBox,...N}=e;if(!l)return zo(fn,{});if((t||s)==="svg"){if(l==="none")return zo(kr,{...N,className:r(e.className,Ba),icon:l,size:o});let k=vr[l]?l:Td(`${l}-icon`);return vr[k]?zo(kr,{...N,className:r(e.className,Ba),icon:vr[k],size:o,themeColor:a,rotate:c,flip:m,viewBox:h}):zo(fn,{})}return zo(cn,{...N,className:r(e.className,Ba),icon:l,size:o,themeColor:a,rotate:c,flip:m})};g.states=hd;g.options=xd;g.defaultOptions=Lr;g.className=Ba;g.moduleName=mn;g.folderName=un;g.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};import{jsx as Da}from"react/jsx-runtime";var Nd="k-chip-action";var Te=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Da(g,{icon:"x-circle",size:"small"});break;case"more":a=Da(g,{icon:"more-vertical",size:"small"});break;default:return Da(g,{icon:t,size:"small"})}return Da("span",{...o,className:r(e.className,Nd,`k-chip-${t}-action`),children:a})};var Cr="avatar",Tn=Cr;import{jsx as hn}from"react/jsx-runtime";var Uo="k-avatar";var gd=[n.hover,n.focus,n.active,n.selected,n.disabled],kd={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Mr={type:"text",border:!1},Be=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:s=Mr.type,border:c=Mr.border,...m}=e;return hn("div",{...m,className:r(e.className,Uo,y(Uo,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Uo}-bordered`]:c}),children:hn("span",{className:`${Uo}-${s}`,children:e.children})})};Be.states=gd;Be.options=kd;Be.className=Uo;Be.defaultOptions=Mr;Be.moduleName=Cr;Be.folderName=Tn;Be.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var to=Be;import{jsx as vd}from"react/jsx-runtime";var xn=e=>vd(to,{type:"icon",...e});import{jsx as Ld}from"react/jsx-runtime";var Nn=e=>Ld(to,{type:"text",...e});import{jsx as Cd}from"react/jsx-runtime";var gn=e=>Cd(to,{type:"image",...e});import{jsx as Zh}from"react/jsx-runtime";import{jsx as Fo}from"react/jsx-runtime";var Md=Be.options,yd=Be.states,Sd={...Be.defaultOptions,variant:"image"},Ad=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],wd=[],Vo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Fo(xn,{...o,children:Fo(g,{icon:"star"})});case"text":return Fo(Nn,{...o,children:"JO"});default:return Fo(gn,{...o,children:Fo("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Vo.options=Md;Vo.states=yd;Vo.variants=Ad;Vo.defaultOptions=Sd;Vo.modifiers=wd;var $o="chip",_a=$o;import{jsx as No,jsxs as Rd}from"react/jsx-runtime";var za="k-chip",Ed=[n.hover,n.focus,n.active,n.selected,n.disabled],Id={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[f.undefined,f.base,f.success,f.warning,f.error,f.info]},kn={avatarImage:"/packages/html/assets/avatar.jpg"},he=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:s,icon:c,actions:m,showAvatar:h,avatarImage:N=kn.avatarImage,hover:v,focus:k,active:u,selected:M,disabled:C,...S}=e;return Rd("div",{...S,className:r(e.className,za,y(za,{size:t,rounded:o,fillMode:a,themeColor:l}),A(za,{hover:v,focus:k,active:u,disabled:C,selected:M})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:M?"true":"false","aria-selected":e.role==="option"?M?"true":"false":void 0,"aria-disabled":C?"true":void 0,children:[c&&No(g,{className:"k-chip-icon",icon:c,size:"small"}),h&&No(Be,{className:"k-chip-avatar",type:"image",children:No("img",{src:N,alt:""})}),No("span",{className:"k-chip-content",children:e.children?e.children:s&&No("span",{className:"k-chip-label",children:s})}),m&&No("span",{className:"k-chip-actions",children:m})]})};he.states=Ed;he.options=Id;he.className=za;he.defaultOptions=kn;he.moduleName=$o;he.folderName=_a;he.ariaSpec={selector:".k-chip",rules:[{selector:"*:not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:"*:not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var tt=he;import{jsx as Kd}from"react/jsx-runtime";var yr="k-chip-list",Od=[],Pd={size:[i.undefined,i.small,i.medium,i.large]},Hd={},xe=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return Kd("div",{...l,className:r(e.className,yr,y(yr,{size:t})),role:"listbox","aria-label":a||"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};xe.states=Od;xe.options=Pd;xe.className=yr;xe.defaultOptions=Hd;xe.moduleName=$o;xe.folderName=_a;xe.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 Ax}from"react/jsx-runtime";import{jsx as Rx}from"react/jsx-runtime";import{jsx as Gd}from"react/jsx-runtime";var Ua=e=>Gd(tt,{text:"text",...e});import{jsx as _x}from"react/jsx-runtime";import{jsx as Vx}from"react/jsx-runtime";import{Fragment as Yx,jsx as qx,jsxs as Qx}from"react/jsx-runtime";import{jsx as oN,jsxs as aN}from"react/jsx-runtime";import{jsx as iN,jsxs as dN}from"react/jsx-runtime";import{jsx as fN,jsxs as TN}from"react/jsx-runtime";import{jsx as go,jsxs as Fd}from"react/jsx-runtime";var Bd={...tt.options,...xe.options},Dd=[],_d=xe.states,zd={...tt.defaultOptions,...xe.defaultOptions},Ud=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Xo=e=>{let{modifiers:t,className:o,...a}=e,l=t?.icon,s=t?.actions,c=t?.avatar;return Fd(xe,{size:a.size,className:o,children:[go(Ua,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?go(Te,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),go(Ua,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?go(Te,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),go(Ua,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?go(Te,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};Xo.options=Bd;Xo.states=_d;Xo.variants=Dd;Xo.defaultOptions=zd;Xo.modifiers=Ud;import{jsx as Sr}from"react/jsx-runtime";var Vd=he.states,$d=he.defaultOptions,Xd=he.options,Wd=[],Jd=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Wo=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]?Sr(Te,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[l]?Sr(Te,{type:"remove"}):void 0;break;default:break}}),Sr(he,{...o,...a,children:"Chip component"})};Wo.options=Xd;Wo.states=Vd;Wo.variants=Wd;Wo.defaultOptions=$d;Wo.modifiers=Jd;var z="grid",F=z;import{jsx as Zd,jsxs as jd}from"react/jsx-runtime";var Fa="k-grid",qd=[],Yd={size:[i.undefined,i.small,i.medium,i.large]},Qd=[],vn={pagerPosition:"bottom"},W=e=>{let{size:t,pagerPosition:o=vn.pagerPosition,toolbar:a,pager:l,groupingHeader:s,gridSelectionAggregates:c,_renderAriaRoot:m,resizable:h,...N}=e;return jd("div",{...N,className:r(e.className,Fa,{[`${Fa}-resizable`]:h},y(Fa,{size:t})),children:[a,o==="top"&&l,s,e.children&&m?Zd("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&l]})};W.states=qd;W.options=Yd;W.variants=Qd;W.className=Fa;W.defaultOptions=vn;W.moduleName=z;W.folderName=F;import{jsx as ec}from"react/jsx-runtime";var Ln="k-grid-header",ie=e=>{let{draggable:t,...o}=e;return ec("div",{...o,className:r(e.className,Ln,{"k-grid-draggable-header":t}),children:e.children})};ie.className=Ln;ie.moduleName=z;ie.folderName=F;import{jsx as Cn,jsxs as tc}from"react/jsx-runtime";var Mn="k-grouping-header",Kt=e=>{let{dropHint:t,dropClue:o,...a}=e;return tc("div",{...a,className:r(e.className,Mn),children:[o&&Cn("div",{className:"k-grouping-dropclue"}),e.children,Cn("div",{className:"k-grouping-drop-container",children:t})]})};Kt.className=Mn;Kt.moduleName=z;Kt.folderName=F;import{jsx as oc}from"react/jsx-runtime";var yn="k-grid-pinned-container",Ar=e=>{let{position:t,...o}=e;return oc("div",{...o,className:r(e.className,yn,{"k-pos-bottom":t==="bottom"}),children:e.children})};Ar.className=yn;Ar.moduleName=z;Ar.folderName=F;import{jsx as ac}from"react/jsx-runtime";var Sn="k-grid-sticky-container",wr=e=>{let{position:t,...o}=e;return ac("div",{...o,className:r(e.className,Sn,{"k-pos-bottom":t==="bottom"}),children:e.children})};wr.className=Sn;wr.moduleName=z;wr.folderName=F;var ve="table",ye=ve;import{jsx as sc}from"react/jsx-runtime";var An="k-data-table",rc=[],lc={size:[i.undefined,i.small,i.medium,i.large]},nc={},yt=e=>{let{size:t,...o}=e;return sc("div",{...o,className:r(e.className,An,y("k-table",{size:t})),children:e.children})};yt.states=rc;yt.options=lc;yt.className=An;yt.defaultOptions=nc;yt.moduleName=ve;yt.folderName=ye;import{jsx as pc}from"react/jsx-runtime";var Er="k-table-header-wrap",ic=[n.hover,n.focus,n.disabled],dc={},cc={},Gt=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return pc("div",{...s,className:r(e.className,Er,A(Er,{hover:o,focus:a,disabled:l})),children:t})};Gt.states=ic;Gt.options=dc;Gt.className=Er;Gt.defaultOptions=cc;Gt.moduleName=ve;Gt.folderName=ye;import{jsx as fc}from"react/jsx-runtime";var Ir="k-table",mc=[],uc={size:[i.undefined,i.small,i.medium,i.large]},bc={},Se=e=>{let{size:t,...o}=e;return fc("table",{...o,className:r(e.className,Ir,y(Ir,{size:t})),children:e.children})};Se.states=mc;Se.options=uc;Se.className=Ir;Se.defaultOptions=bc;Se.moduleName=ve;Se.folderName=ye;import{jsx as Rr}from"react/jsx-runtime";var Or="k-table-header",Tc=[n.hover,n.focus,n.disabled],hc={},xc={},St=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return Rr("div",{...s,className:r(e.className,Or,A(Or,{hover:o,focus:a,disabled:l})),children:Rr(Gt,{children:Rr(Se,{children:t})})})};St.states=Tc;St.options=hc;St.className=Or;St.defaultOptions=xc;St.moduleName=ve;St.folderName=ye;import{jsx as vc}from"react/jsx-runtime";var wn="k-table-scroller",Nc=[],gc={},kc={},ko=e=>{let{children:t,...o}=e;return vc("div",{...o,className:r(e.className,wn),children:t})};ko.states=Nc;ko.options=gc;ko.className=wn;ko.defaultOptions=kc;ko.moduleName=ve;ko.folderName=ye;import{jsx as Bg}from"react/jsx-runtime";import{jsx as yc}from"react/jsx-runtime";var En="k-table-footer",Lc=[],Cc={},Mc={},Bt=e=>{let{children:t,...o}=e;return yc("div",{...o,className:r(e.className,En),children:t})};Bt.states=Lc;Bt.options=Cc;Bt.className=En;Bt.defaultOptions=Mc;Bt.moduleName=ve;Bt.folderName=ye;import{jsx as Ec}from"react/jsx-runtime";var Pr="k-table-list",Sc=[],Ac={size:[i.undefined,i.small,i.medium,i.large]},wc={},Dt=e=>{let{size:t,virtualization:o,...a}=e;return Ec("ul",{...a,className:r(e.className,"k-table",Pr,y(Pr,{size:t}),{"k-virtual-table":o}),children:e.children})};Dt.states=Sc;Dt.options=Ac;Dt.className=Pr;Dt.defaultOptions=wc;Dt.moduleName=ve;Dt.folderName=ye;import{jsx as Rc}from"react/jsx-runtime";var Ic="k-table-thead",j=e=>Rc("thead",{className:r(e.className,Ic),children:e.children});import{jsx as Pc}from"react/jsx-runtime";var Oc="k-table-tbody",de=e=>Pc("tbody",{className:r(e.className,Oc),children:e.children});import{jsx as ok}from"react/jsx-runtime";import{jsx as Kc}from"react/jsx-runtime";var Hr="k-table-row",Hc=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],w=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:s,alt:c,...m}=e;return Kc("tr",{...m,className:r(e.className,Hr,{"k-table-alt-row":c},A(Hr,{hover:t,focus:o,disabled:s,selected:a,highlighted:l})),children:e.children})};w.states=Hc;w.className=Hr;import{jsx as Bc}from"react/jsx-runtime";var Kr="k-table-row",Gc=[n.hover,n.focus,n.selected,n.disabled],Va=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:s,...c}=e;return Bc("li",{...c,className:r(e.className,Kr,{"k-table-alt-row":s},A(Kr,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};Va.states=Gc;Va.className=Kr;import{jsx as Dc}from"react/jsx-runtime";var In="k-table-th",At=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,In),children:s})};At.className=In;At.moduleName=ve;At.folderName=ye;import{jsx as Tk}from"react/jsx-runtime";import{jsx as zc}from"react/jsx-runtime";var Gr="k-table-td",_c=[n.focus,n.selected,n.highlighted],p=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:s,rowspan:c,...m}=e,h=l||e.children;return zc("td",{colSpan:s,rowSpan:c,...m,className:r(e.className,Gr,A(Gr,{focus:t,selected:o,highlighted:a})),children:h})};p.states=_c;p.className=Gr;import{jsx as Lk}from"react/jsx-runtime";import{jsx as Sk}from"react/jsx-runtime";import{jsx as Ik}from"react/jsx-runtime";import{jsx as Hk}from"react/jsx-runtime";import{jsx as Dk}from"react/jsx-runtime";import{jsx as Xk,jsxs as Wk}from"react/jsx-runtime";import{jsx as Qk,jsxs as Zk}from"react/jsx-runtime";import{jsx as ov,jsxs as av}from"react/jsx-runtime";import{Fragment as dv,jsx as sv,jsxs as iv}from"react/jsx-runtime";import{jsx as $c}from"react/jsx-runtime";var On="k-grid-header-table",ce=e=>$c(Se,{...e,className:r(e.className,On),children:e.children});ce.className=On;ce.moduleName=z;ce.folderName=F;import{jsx as _t,jsxs as Br}from"react/jsx-runtime";var Dr="k-header",Xc=[n.hover,n.focus,n.active],Pn={sortIcon:"sort-asc-small"},I=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:s,columnTitle:c,hover:m,focus:h,active:N,sortIcon:v=Pn.sortIcon,sortOrder:k,accessibleLabel:u,...M}=e;return Br(At,{...M,className:r(e.className,Dr,{"k-filterable":t||a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":s},A(Dr,{hover:m,focus:h,active:N})),children:[c&&Br("span",{className:"k-cell-inner",children:[Br("span",{className:"k-link",children:[_t("span",{className:"k-column-title",children:c}),o&&_t("span",{className:"k-sort-icon",children:_t(g,{icon:v})}),k&&_t("span",{className:"k-sort-order",children:k})]}),t&&_t("a",{href:"#",className:r("k-grid-header-menu",{"k-active":N,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:_t(g,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&u&&_t("span",{className:"k-sr-only",children:u}),e.children,s&&_t("span",{className:"k-column-resizer k-touch-action-none"})]})};I.states=Xc;I.className=Dr;I.defaultOptions=Pn;I.moduleName=z;I.folderName=F;import{jsx as Wc}from"react/jsx-runtime";var Hn="k-grid-container",ee=e=>Wc("div",{...e,className:r(e.className,Hn),children:e.children});ee.className=Hn;ee.moduleName=z;ee.folderName=F;import{jsx as Jc}from"react/jsx-runtime";var Kn="k-grid-content",te=e=>Jc("div",{...e,className:r(e.className,Kn),children:e.children});te.className=Kn;te.moduleName=z;te.folderName=F;import{jsx as qc}from"react/jsx-runtime";var Gn="k-grid-table",oe=e=>qc(Se,{...e,className:r(e.className,Gn),children:e.children});oe.className=Gn;oe.moduleName=z;oe.folderName=F;import{jsx as Yc}from"react/jsx-runtime";var Bn="k-grid-footer",_r=e=>Yc("div",{...e,className:r(e.className,Bn),children:e.children});_r.className=Bn;_r.moduleName=z;_r.folderName=F;import{jsx as Qc}from"react/jsx-runtime";var Dn="k-grid-footer-table",zr=e=>Qc(Se,{...e,className:r(e.className,Dn),children:e.children});zr.className=Dn;zr.moduleName=z;zr.folderName=F;var Ur="button",_n=Ur;import{Fragment as tp,jsx as Jo,jsxs as zn}from"react/jsx-runtime";var qo="k-button",Zc=["icon-button"],jc=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],ep={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Fr={showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:s,showArrow:c=Fr.showArrow,arrowIconName:m=Fr.arrowIconName,variant:h,hover:N,focus:v,active:k,selected:u,disabled:M,togglable:C,icon:S,text:R,iconClassName:E,className:D,...se}=e,fe=S!==void 0,Ee=e.children!==void 0;return zn(t,{className:r(D,qo,sn(qo,h),y(qo,{size:o,rounded:a,fillMode:l,themeColor:s}),A(qo,{hover:N,focus:v,active:k,disabled:M,selected:u}),{"k-icon-button":!R&&!Ee&&fe}),...se,"aria-pressed":C?u?"true":"false":void 0,disabled:M||void 0,children:[S&&Jo(g,{className:r(E,"k-button-icon"),icon:S}),R?zn(tp,{children:[R&&Jo("span",{className:"k-button-text",children:R}),e.children]}):e.children&&Jo("span",{className:"k-button-text",children:e.children}),c&&Jo("span",{className:"k-menu-button-arrow k-button-arrow",children:Jo(g,{icon:m})})]})};d.states=jc;d.options=ep;d.variants=Zc;d.className=qo;d.defaultOptions=Fr;d.moduleName=Ur;d.folderName=_n;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as op}from"react/jsx-runtime";var zt=e=>op(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as ap}from"react/jsx-runtime";var Yo=e=>ap(d,{icon:"folder",children:"Button",...e});import{jsx as rp}from"react/jsx-runtime";var oo=e=>rp(d,{children:"Button",...e});import{jsx as Vr}from"react/jsx-runtime";var lp=d.options,np=d.states,sp={...d.defaultOptions,variant:"text"},ip=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],dp=[],Qo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Vr(zt,{...o,icon:"star"});case"icon-and-text":return Vr(Yo,{...o,icon:"star",children:"Button"});default:return Vr(oo,{...o,children:"Button"})}};Qo.options=lp;Qo.states=np;Qo.variants=ip;Qo.defaultOptions=sp;Qo.modifiers=dp;var Zo="input",$a=Zo;import{jsx as up}from"react/jsx-runtime";var Xa="k-input",cp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],pp={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},mp={},Ne=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:m,size:h,rounded:N,fillMode:v,...k}=e;return up("span",{...k,className:r(e.className,Xa,y(Xa,{size:h,rounded:N,fillMode:v}),A(Xa,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:m}))})};Ne.states=cp;Ne.options=pp;Ne.className=Xa;Ne.defaultOptions=mp;Ne.moduleName=Zo;Ne.folderName=$a;import{jsx as hp}from"react/jsx-runtime";var Wa="k-picker",bp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],fp={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Tp={},ht=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:m,size:h,rounded:N,fillMode:v,...k}=e;return hp("span",{...k,className:r(e.className,Wa,y(Wa,{size:h,rounded:N,fillMode:v}),A(Wa,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:m})),children:e.children})};ht.states=bp;ht.options=fp;ht.className=Wa;ht.defaultOptions=Tp;ht.moduleName=Zo;ht.folderName=$a;import{Fragment as gp,jsx as $r}from"react/jsx-runtime";var Un="k-clear-value",xp=[n.disabled,n.loading,n.readonly],Np={},We=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?$r(gp,{}):$r("span",{className:r(e.className,Un),children:$r(g,{icon:"x"})})};We.states=xp;We.options=Np;We.className=Un;import{jsx as Lp}from"react/jsx-runtime";var Xr="k-input-inner",kp=[],vp={},Ja={type:"text",autocomplete:"off",value:"",placeholder:""},Je=e=>{let{value:t=Ja.value,type:o=Ja.type,placeholder:a=Ja.placeholder,autocomplete:l=Ja.autocomplete,disabled:s,readOnly:c,...m}=e;return Lp("input",{...m,type:o,className:r(e.className,Xr,y(Xr,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:s||void 0,readOnly:c||void 0})};Je.states=kp;Je.options=vp;Je.className=Xr;import{jsx as Fn,jsxs as yp}from"react/jsx-runtime";var Wr="k-input-inner",Cp=[],Mp={},ao=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:s,...c}=e;return yp("span",{...c,className:r(e.className,Wr,y(Wr,e)),children:[l,!l&&s&&Fn(g,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Fn("span",{className:"k-input-value-text",children:t})]})};ao.states=Cp;ao.options=Mp;ao.className=Wr;import{jsx as wp}from"react/jsx-runtime";var Jr="k-input-inner",Sp=[],Ap={},Vn={value:"",placeholder:""},qr=e=>{let{value:t=Vn.value,placeholder:o=Vn.placeholder,rows:a,disabled:l,...s}=e;return wp("textarea",{...s,className:r(e.className,Jr,y(Jr,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};qr.states=Sp;qr.options=Ap;qr.className=Jr;import{Fragment as Ip,jsx as $n}from"react/jsx-runtime";var Xn="k-input-loading-icon",Ep=[n.disabled,n.loading],De=e=>{let{disabled:t,loading:o}=e;return t||!o?$n(Ip,{}):$n("span",{className:r(e.className,Xn,"k-icon k-i-loading")})};De.states=Ep;De.className=Xn;import{Fragment as Pp,jsx as Wn}from"react/jsx-runtime";var Jn="k-input-validation-icon",Rp=[n.valid,n.invalid,n.disabled,n.loading],Op={},Ie=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,s=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?Wn(Pp,{}):Wn(g,{className:r(Jn),icon:s})};Ie.states=Rp;Ie.options=Op;Ie.className=Jn;import{Fragment as Gp,jsx as qn}from"react/jsx-runtime";var Hp="k-input-prefix",Kp={direction:"horizontal"},ot=e=>{let{direction:t=Kp.direction,...o}=e;return e.children?qn("span",{...o,className:r(Hp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):qn(Gp,{})};import{Fragment as _p,jsx as Yn}from"react/jsx-runtime";var Bp="k-input-suffix",Dp={direction:"horizontal"},at=e=>{let{direction:t=Dp.direction,...o}=e;return e.children?Yn("span",{...o,className:r(Bp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Yn(_p,{})};import{jsx as RC}from"react/jsx-runtime";import{jsx as Up}from"react/jsx-runtime";var zp="k-input-suffix-text",Yr=e=>{let{children:t,...o}=e;return Up("span",{...o,className:r(zp,e.className),children:t})};import{jsx as Vp}from"react/jsx-runtime";var Qn="k-input-separator",Fp={direction:"vertical"},rt=e=>{let{direction:t=Fp.direction,...o}=e;return Vp("span",{...o,className:r(Qn,e.className,{[`${Qn}-${t}`]:t})})};import{Fragment as Zn,jsx as xt,jsxs as Qr}from"react/jsx-runtime";var $p=Ne.states,Xp=Ne.defaultOptions,Wp=Ne.options,Jp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],qp=[],jo=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:s,readonly:c,...m}=e,h=t?.prefix,N=t?.suffix,v=t?.["clear-button"],k=t?.["validation-icon"],u=t?.separators;return Qr(Ne,{...m,valid:o,invalid:a,loading:l,disabled:s,readonly:c,style:{width:300},children:[h&&Qr(Zn,{children:[xt(ot,{children:xt(g,{icon:"lock"})}),u&&xt(rt,{})]}),xt(Je,{placeholder:"Placeholder",value:"Value"}),k&&xt(Ie,{valid:o,invalid:a,loading:l,disabled:s}),xt(De,{loading:l,disabled:s}),v&&xt(We,{loading:l,disabled:s,readonly:c,value:"Value"}),N&&Qr(Zn,{children:[u&&xt(rt,{}),xt(at,{children:xt(oo,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};jo.options=Wp;jo.states=$p;jo.variants=qp;jo.defaultOptions=Xp;jo.modifiers=Jp;var Zr="popup",jn=Zr;import{jsx as es}from"react/jsx-runtime";var ts="k-animation-container",Yp=[],Qp={},os={positionMode:"absolute"},Nt=e=>{let{positionMode:t=os.positionMode,animationStyle:o,offset:a,...l}=e;return es("div",{...l,style:{...a,...e.style},className:r(e.className,ts,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:es("div",{className:"k-child-animation-container",style:o,children:e.children})})};Nt.states=Yp;Nt.options=Qp;Nt.className=ts;Nt.defaultOptions=os;Nt.moduleName=Zr;Nt.folderName=jn;var jr="popup",as=jr;import{jsx as rs}from"react/jsx-runtime";var ls="k-popup",Zp=[],jp={},ns={positionMode:"absolute"},ae=e=>{let{offset:t,positionMode:o=ns.positionMode,animationStyle:a,containerClassName:l,containerRole:s,containerAriaLabel:c,...m}=e;return rs(Nt,{positionMode:o,offset:t,animationStyle:a,className:l,role:s,"aria-label":c,children:rs("div",{...m,className:r(e.className,ls),children:e.children})})};ae.states=Zp;ae.options=jp;ae.className=ls;ae.defaultOptions=ns;ae.moduleName=jr;ae.folderName=as;ae.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var el="action-buttons",ss=el;import{jsx as om}from"react/jsx-runtime";var qa="k-actions",em=[],tm={},tl={alignment:"start",orientation:"horizontal"},gt=e=>{let{alignment:t=tl.alignment,orientation:o=tl.orientation,...a}=e;return om("div",{...a,className:r(qa,{[`${qa}-${t}`]:t,[`${qa}-${o}`]:o},e.className),children:e.children})};gt.states=em;gt.options=tm;gt.className=qa;gt.defaultOptions=tl;gt.moduleName=el;gt.folderName=ss;import{jsx as rm}from"react/jsx-runtime";var am="k-actionsheet-footer",is={alignment:"stretched",orientation:"horizontal"},Ut=e=>{let{alignment:t=is.alignment,orientation:o=is.orientation,template:a,as:l=a?"div":gt,...s}=e;return rm(l,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,am),children:e.children})};var ol="searchbox",ds=ol;import{jsx as ea,jsxs as sm}from"react/jsx-runtime";var cs="k-searchbox",lm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],nm={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},al={showIcon:!0,icon:"search"},lt=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:s,hover:c,focus:m,valid:h,invalid:N,required:v,loading:k,disabled:u,showIcon:M=al.showIcon,icon:C=al.icon,...S}=e;return sm(Ne,{...S,size:a,rounded:l,fillMode:s,hover:c,focus:m,valid:h,invalid:N,required:v,loading:k,disabled:u,className:r(e.className,cs),children:[M&&ea(g,{className:"k-input-icon",icon:C}),ea(Je,{placeholder:o,value:t}),ea(De,{...e}),ea(Ie,{...e}),ea(We,{...e})]})};lt.states=lm;lt.options=nm;lt.className=cs;lt.defaultOptions=al;lt.moduleName=ol;lt.folderName=ds;import{jsx as QM}from"react/jsx-runtime";var rl="textbox",ps=rl;import{Fragment as ms,jsx as Ft,jsxs as ll}from"react/jsx-runtime";var us="k-textbox",im=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],dm={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Ya={showClearButton:!0,showValidationIcon:!0,separators:!0},re=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Ya.separators,showClearButton:s=Ya.showClearButton,showValidationIcon:c=Ya.showValidationIcon,prefix:m,suffix:h,type:N,value:v,placeholder:k,hover:u,focus:M,valid:C,invalid:S,required:R,loading:E,disabled:D,readonly:se,id:fe,"aria-label":Ee,"aria-describedby":$e,...Xe}=e;return ll(Ne,{...Xe,size:t,rounded:o,fillMode:a,hover:u,focus:M,valid:C,invalid:S,required:R,loading:E,disabled:D,readonly:se,className:r(e.className,us),children:[m&&ll(ms,{children:[Ft(ot,{children:m}),l&&Ft(rt,{})]}),Ft(Je,{id:fe,placeholder:k,value:v,type:N,disabled:D,"aria-label":Ee,"aria-describedby":$e,"aria-invalid":S?"true":void 0}),c&&Ft(Ie,{valid:C,invalid:S,loading:E,disabled:D}),Ft(De,{loading:E,disabled:D}),s&&Ft(We,{loading:E,disabled:D,readonly:se,value:v}),h&&ll(ms,{children:[l&&Ft(rt,{}),Ft(at,{children:h})]})]})};re.states=im;re.options=dm;re.className=us;re.defaultOptions=Ya;re.moduleName=rl;re.folderName=ps;re.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var ta=re;import{jsx as cm}from"react/jsx-runtime";var bs=e=>cm(ta,{...e});import{Fragment as fy,jsx as by}from"react/jsx-runtime";import{Fragment as ky,jsx as gy}from"react/jsx-runtime";import{jsx as My}from"react/jsx-runtime";import{jsx as nl}from"react/jsx-runtime";var pm=re.states,mm=re.defaultOptions,um=re.options,bm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],fm=[],oa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?nl(g,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[l]?nl(oo,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;default:break}}),nl(bs,{value:"Value",style:{width:300},...o,...a})};oa.options=um;oa.states=pm;oa.variants=fm;oa.defaultOptions=mm;oa.modifiers=bm;import{jsx as Vt,jsxs as sl}from"react/jsx-runtime";var fs="k-actionsheet-titlebar",Tm={},Re=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:s,input:c,inputValue:m,inputPlaceholder:h,adaptive:N,titleId:v,children:k,...u}=e;return sl("div",{...u,className:r(e.className,fs),children:[sl("div",{className:"k-actionsheet-titlebar-group",children:[a&&Vt("div",{className:"k-actionsheet-actions",children:a}),!k&&sl("div",{className:"k-actionsheet-title",id:v,children:[t&&Vt("div",{className:"k-text-center",children:t}),o&&Vt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&Vt("div",{className:"k-actionsheet-title",id:v,children:k}),l&&Vt("div",{className:"k-actionsheet-actions",children:l})]}),(c||s)&&Vt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?Vt(re,{value:m,placeholder:h,size:N?"large":"medium","aria-label":t||h||"Input"}):Vt(lt,{placeholder:"Filter",size:N?"large":"medium","aria-label":"Filter options"})})]})};Re.className=fs;Re.defaultOptions=Tm;import{jsx as il,jsxs as gm}from"react/jsx-runtime";var dl="k-actionsheet-view",hm=[],xm={},Nm={},vo=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:s,titleId:c,...m}=e,h=l?.type===Re&&il(Re,{adaptive:t,titleId:c,...l?.props}),N=s?.type===Ut&&il(Ut,{...s?.props});return gm("div",{...m,className:r(e.className,dl,{[`${dl}-animated`]:o}),children:[h,il("div",{className:"k-actionsheet-content",children:a}),N]})};vo.states=hm;vo.options=xm;vo.className=dl;vo.defaultOptions=Nm;var aa="action-sheet",Qa=aa;var cl="overlay",Ts=cl;import{jsx as Cm}from"react/jsx-runtime";var pl="k-overlay",km=[],vm={themeColor:[f.undefined,f.light,f.dark,f.inverse]},Lm={},$t=e=>{let{themeColor:t,...o}=e;return Cm("div",{...o,className:r(e.className,pl,y(pl,{themeColor:t})),children:e.children})};$t.states=km;$t.options=vm;$t.className=pl;$t.defaultOptions=Lm;$t.moduleName=cl;$t.folderName=Ts;import{jsx as Za,jsxs as Sm}from"react/jsx-runtime";var hs="k-actionsheet",Mm=[],ym={},ra={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},me=e=>{let{side:t=ra.side,fullscreen:o=ra.fullscreen,adaptive:a=ra.adaptive,overlay:l=ra.overlay,template:s,children:c,header:m,footer:h,id:N,...v}=e,k=N&&!s&&m?`${N}-title`:void 0;return Sm("div",{className:"k-actionsheet-container",children:[l&&Za($t,{}),Za(Nt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:Za("div",{...v,id:N,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":k,className:r(e.className,hs,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||Za(vo,{header:m,footer:h,adaptive:a,titleId:k,...e,children:c})})})]})};me.states=Mm;me.options=ym;me.className=hs;me.defaultOptions=ra;me.moduleName=aa;me.folderName=Qa;me.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as Im}from"react/jsx-runtime";var xs="k-actionsheet-container",Am=[],wm={},Em={},Lo=e=>{let{children:t,...o}=e;return Im("div",{...o,className:xs,children:t})};Lo.states=Am;Lo.options=wm;Lo.className=xs;Lo.defaultOptions=Em;Lo.moduleName=aa;Lo.folderName=Qa;import{jsx as Rm}from"react/jsx-runtime";var ml=e=>{let{...t}=e;return Rm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Pm,jsx as la,jsxs as ul}from"react/jsx-runtime";var bl="k-actionsheet-item",Om=[n.hover,n.focus,n.selected,n.disabled],Xt=e=>{let{iconName:t,text:o,description:a,hover:l,focus:s,selected:c,disabled:m,...h}=e;return ul("span",{...h,className:r(e.className,bl,A(bl,{hover:l,focus:s,selected:c,disabled:m})),children:[!e.children&&la(Pm,{children:ul("span",{className:"k-actionsheet-action",children:[t&&la("span",{className:"k-icon-wrap",children:la(g,{className:"k-actionsheet-item-icon",icon:t})}),ul("span",{className:"k-actionsheet-item-text",children:[o&&la("span",{className:"k-actionsheet-item-title",children:o}),a&&la("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Xt.states=Om;Xt.className=bl;import{jsx as CS,jsxs as MS}from"react/jsx-runtime";import{jsx as wS}from"react/jsx-runtime";import{jsx as OS}from"react/jsx-runtime";import{jsx as GS}from"react/jsx-runtime";import{jsx as Le,jsxs as fl}from"react/jsx-runtime";var Hm=me.options,Km=me.states,gs={...me.defaultOptions,variant:"normal"},Gm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Bm=[{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}={...gs,...e},l={},s=fl(ml,{children:[Le(Xt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Le(Xt,{text:"Add to Favorites",iconName:"heart"}),Le(Xt,{text:"Upload New",iconName:"upload",disabled:!0}),Le("hr",{className:"k-hr"}),Le(Xt,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",m="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(h=>{switch(h){case"actions":l.actionsStart=!!o?.[h],l.actionsEnd=!!o?.[h];break;case"subtitle":l.subtitle=o?.[h]?c:void 0;break;case"footer":l.footer=!!o?.[h];break;default:break}}),t==="adaptive"?Le(me,{...a,adaptive:!0,fullscreen:l.fullScreen,header:Le(Re,{actionsStart:l.actionsStart?Le(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Le(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:l.subtitle}),footer:l.footer?fl(Ut,{alignment:"stretched",children:[Le(d,{text:"Cancel",size:"large",themeColor:"base"}),Le(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):Le(me,{...a,fullscreen:l.fullScreen,header:Le(Re,{actionsStart:l.actionsStart?Le(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Le(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?fl(Ut,{alignment:"stretched",children:[Le(d,{text:"Apply",themeColor:"primary"}),Le(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};na.options=Hm;na.states=Km;na.variants=Gm;na.defaultOptions=gs;na.modifiers=Bm;import hl from"react";import{jsx as ks}from"react/jsx-runtime";var Dm="k-list-group-sticky-header",Tl=e=>ks("div",{className:r(Dm,e.className),children:ks("div",{className:"k-list-header-text",children:e.children})});import{jsx as zm}from"react/jsx-runtime";var _m="k-no-data",ja=e=>{let{live:t,...o}=e;return zm("span",{...o,className:r(_m,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ro="list",Co=ro;import{jsx as vs,jsxs as Ls}from"react/jsx-runtime";var xl="k-list",Um=[],Fm={size:[i.undefined,i.small,i.medium,i.large]},Vm={},V=e=>{let{size:t,virtualization:o,children:a,header:l,optionLabel:s,customValue:c,noData:m,screenReaders:h,...N}=e,k=hl.Children.toArray(a)[0],u=k?.props?.children?hl.Children.count(k.props.children):hl.Children.count(a);return Ls("div",{...N,className:r(e.className,xl,y(xl,{size:t}),{"k-virtual-list":o}),children:[s,c,l&&vs(Tl,{children:l}),a||(m!==void 0?m:vs(ja,{live:!0,children:"No data found."})),h&&a&&Ls(ja,{className:"k-sr-only",live:!0,children:[u," items found."]})]})};V.states=Um;V.options=Fm;V.className=xl;V.defaultOptions=Vm;V.moduleName=ro;V.folderName=Co;V.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 Jm}from"react/jsx-runtime";var Cs="k-list-container",$m=[],Xm={},Wm={},Mo=e=>{let{...t}=e;return Jm("div",{...t,className:r(e.className,Cs),children:e.children})};Mo.states=$m;Mo.options=Xm;Mo.className=Cs;Mo.defaultOptions=Wm;Mo.moduleName=ro;Mo.folderName=Co;var lo="checkbox",yo=lo;import{jsx as Ms}from"react/jsx-runtime";var er="k-checkbox",qm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Ym={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full]},Qm={},_e=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:s,disabled:c,invalid:m,valid:h,required:N,size:v,rounded:k,...u}=e;return Ms("span",{className:"k-checkbox-wrap",children:Ms("input",{...u,id:t,type:"checkbox",defaultChecked:o,required:N,disabled:c||void 0,"aria-invalid":m?"true":void 0,className:r(e.className,er,y(er,{size:v,rounded:k}),A(er,{hover:l,focus:s,disabled:c,invalid:m,valid:h,indeterminate:a,checked:o}))})})};_e.states=qm;_e.options=Ym;_e.className=er;_e.defaultOptions=Qm;_e.moduleName=lo;_e.folderName=yo;_e.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var kt=_e;import{jsx as eu}from"react/jsx-runtime";var ys="k-checkbox-list",Zm=[],jm={},Ss={layout:"vertical"},ze=e=>{let{layout:t=Ss.layout,...o}=e;return eu("ul",{...o,className:r(e.className,ys,{[`k-list-${t}`]:t}),children:e.children})};ze.states=Zm;ze.options=jm;ze.className=ys;ze.defaultOptions=Ss;ze.moduleName=lo;ze.folderName=yo;import{jsx as ru}from"react/jsx-runtime";var As="k-checkbox-list-item",tu=[],ou={},au={},Oe=e=>{let{...t}=e;return ru("li",{...t,className:r(e.className,As),children:e.children})};Oe.states=tu;Oe.options=ou;Oe.className=As;Oe.defaultOptions=au;Oe.moduleName=lo;Oe.folderName=yo;import{Fragment as lu,jsx as ws,jsxs as nu}from"react/jsx-runtime";var wt=({children:e,id:t,...o})=>nu(lu,{children:[ws(kt,{id:t,...o}),ws("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as XA,jsx as $A,jsxs as WA}from"react/jsx-runtime";import{Fragment as ZA,jsx as QA,jsxs as jA}from"react/jsx-runtime";import{Fragment as rw,jsx as aw,jsxs as lw}from"react/jsx-runtime";import{jsx as dw}from"react/jsx-runtime";import{jsx as uw}from"react/jsx-runtime";import{jsx as hw}from"react/jsx-runtime";import{jsx as nt,jsxs as Es}from"react/jsx-runtime";var su=ze.options,iu=ze.states,du={...ze.defaultOptions,variant:"vertical"},cu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],pu=[],sa=e=>{let{variant:t,...o}=e;return t==="horizontal"?Es(ze,{layout:"horizontal",...o,children:[nt(Oe,{children:nt(wt,{id:"first",defaultChecked:!0,children:"Label"})}),nt(Oe,{children:nt(wt,{id:"second",children:"Label"})}),nt(Oe,{children:nt(wt,{id:"third",children:"Label"})})]}):Es(ze,{...o,children:[nt(Oe,{children:nt(wt,{id:"first",defaultChecked:!0,children:"Label"})}),nt(Oe,{children:nt(wt,{id:"second",children:"Label"})}),nt(Oe,{children:nt(wt,{id:"third",children:"Label"})})]})};sa.options=su;sa.states=iu;sa.variants=cu;sa.defaultOptions=du;sa.modifiers=pu;import{jsx as hu}from"react/jsx-runtime";var mu=kt.options,uu=kt.states,bu=kt.defaultOptions,fu=[],Tu=[],ia=e=>hu(wt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});ia.options=mu;ia.states=uu;ia.variants=fu;ia.defaultOptions=bu;ia.modifiers=Tu;import{jsx as no,jsxs as ku}from"react/jsx-runtime";var Nl="k-list-item",xu=[n.hover,n.focus,n.selected,n.disabled],Nu={},gu={},B=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:s,showCheckbox:c,checked:m,hover:h,focus:N,selected:v,disabled:k,actions:u,description:M,id:C,...S}=e,R=t||e.children;return ku("li",{...S,id:C,role:a?"presentation":"option",tabIndex:a?void 0:N?0:-1,"aria-selected":!a&&v?"true":a?void 0:"false","aria-disabled":!a&&k?"true":void 0,className:r(e.className,a?"k-list-group-item":Nl,A(Nl,{hover:h,focus:N,disabled:k,selected:v})),children:[c&&no(_e,{checked:m}),l&&no("span",{className:"k-list-item-icon-wrapper",children:no(g,{icon:l,className:r("k-list-item-icon",s)})}),no("span",{className:"k-list-item-text",children:R}),u&&no("div",{className:"k-list-item-actions",children:u}),M&&no("span",{className:"k-list-item-description",children:M}),o&&o!==""&&no("div",{className:"k-list-item-group-label",children:o})]})};B.states=xu;B.options=Nu;B.className=Nl;B.defaultOptions=gu;B.moduleName=ro;B.folderName=Co;B.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as Lu}from"react/jsx-runtime";var vu="k-list-ul",Et=e=>{let{children:t,role:o,id:a,...l}=e;return Lu("ul",{...l,id:a,role:o,className:r(vu,e.className),children:t})};Et.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 gl,jsxs as Mu}from"react/jsx-runtime";var Cu="k-list-content",q=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:s,...c}=e;return Mu("div",{...c,className:r(Cu,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:gl(Et,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&gl("div",{className:"k-height-container",children:gl("div",{})})]})};q.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as lE,jsx as rE,jsxs as nE}from"react/jsx-runtime";import{jsx as kl,jsxs as Su}from"react/jsx-runtime";var yu="k-list-group-item",so=e=>{let{groupIconName:t,...o}=e;return Su("li",{...o,role:"presentation",className:r(yu,e.className),children:[t&&kl("span",{className:"k-list-item-icon-wrapper",children:kl(g,{icon:t,className:"k-list-item-icon"})}),kl("span",{className:"k-list-item-text",children:e.children})]})};so.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as Iu}from"react/jsx-runtime";var vl="k-list-optionlabel",Au=[n.hover,n.focus,n.selected,n.disabled],wu={},Eu={},tr=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...c}=e;return Iu("div",{...c,className:r(vl,A(vl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};tr.states=Au;tr.options=wu;tr.className=vl;tr.defaultOptions=Eu;import{jsx as Hu}from"react/jsx-runtime";var Ll="k-list-custom-value",Ru=[n.hover,n.focus,n.selected,n.disabled],Ou={},Pu={},Wt=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...c}=e;return Hu("div",{...c,className:r(Ll,A(Ll,{hover:o,focus:a,selected:l,disabled:s})),children:t})};Wt.states=Ru;Wt.options=Ou;Wt.className=Ll;Wt.defaultOptions=Pu;import{Fragment as vE,jsx as kE,jsxs as LE}from"react/jsx-runtime";import{Fragment as wE,jsx as AE,jsxs as EE}from"react/jsx-runtime";import{Fragment as GE,jsx as HE,jsxs as KE}from"react/jsx-runtime";import{Fragment as VE,jsx as UE,jsxs as FE}from"react/jsx-runtime";import{jsx as JE}from"react/jsx-runtime";import{Fragment as eI,jsx as jE,jsxs as tI}from"react/jsx-runtime";var Is="dropdown-list",Rs="dropdownlist";import{Fragment as Bu,jsx as Pe,jsxs as Cl}from"react/jsx-runtime";var Os="k-dropdownlist",Ku=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Gu={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Ml={showValue:!0,arrowIconName:"caret-alt-down"},Y=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Ml.arrowIconName,showValue:s=Ml.showValue,valueIconName:c,prefix:m,suffix:h,value:N,placeholder:v,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:E,readonly:D,popup:se,opened:fe,adaptive:Ee,adaptiveSettings:$e,adaptiveTitle:Xe,adaptiveSubtitle:xo,adaptiveFilter:xr,...Ka}=e;return Cl(Bu,{children:[Cl(ht,{...Ka,size:t,rounded:o,fillMode:a,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:E,readonly:D,className:r(e.className,Os,{"k-icon-picker":!s&&c}),children:[Pe(ot,{children:m}),Pe(ao,{placeholder:v,value:N,showValue:s,valueIconName:c}),Pe(Ie,{valid:M,invalid:C,loading:R,disabled:E}),Pe(De,{loading:R,disabled:E}),Pe(at,{children:h}),Pe(d,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":v||"Toggle dropdown"})]}),fe&&se&&Pe(ae,{className:"k-list-container k-dropdownlist-popup",children:se}),Ee&&Pe(me,{adaptive:!0,...$e,header:Pe(Re,{actionsEnd:Pe(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:xr,inputValue:N,inputPlaceholder:v,title:Xe,subtitle:xo}),children:Pe("div",{className:"k-list-container",children:Pe(V,{size:"large",children:Cl(q,{children:[Pe(B,{text:"List item"}),Pe(B,{text:"List item"}),Pe(B,{text:"List item"})]})})})})]})};Y.states=Ku;Y.options=Gu;Y.className=Os;Y.defaultOptions=Ml;Y.moduleName=Is;Y.folderName=Rs;import{jsx as OI}from"react/jsx-runtime";import{jsx as BI,jsxs as DI}from"react/jsx-runtime";import{Fragment as WI,jsx as $I,jsxs as XI}from"react/jsx-runtime";import{jsx as QI}from"react/jsx-runtime";import{jsx as oR,jsxs as aR}from"react/jsx-runtime";import{Fragment as pR,jsx as dR,jsxs as cR}from"react/jsx-runtime";import{Fragment as Vu,jsx as Jt,jsxs as Ps}from"react/jsx-runtime";var Du=Y.states,_u=Y.defaultOptions,zu=Y.options,Uu=[{name:"opened",title:"Opened"}],Fu=[],ca=e=>{let{modifiers:t,...o}=e,a={},l=Ps(Vu,{children:[Jt("div",{className:"k-list-filter",children:Jt(lt,{})}),Jt(V,{style:{width:300},size:o.size,children:Ps(q,{children:[Jt(B,{children:"List item"}),Jt(B,{children:"List item"}),Jt(B,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?l:void 0)}),Jt("div",{children:Jt(Y,{placeholder:"Value",style:{width:300},...o,...a})})};ca.options=zu;ca.states=Du;ca.variants=Fu;ca.defaultOptions=_u;ca.modifiers=Uu;import{jsx as Hs,jsxs as qu}from"react/jsx-runtime";var Ks="k-spin-button",Wu=[],Ju={size:[i.undefined,i.small,i.medium,i.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},yl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},qt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=yl.increaseLabel,decreaseLabel:s=yl.decreaseLabel,...c}=e;return qu("span",{...c,className:r(Ks,e.className),children:[Hs(d,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),Hs(d,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};qt.states=Wu;qt.options=Ju;qt.className=Ks;qt.defaultOptions=yl;qt.moduleName=null;qt.folderName=null;var Gs="numeric-textbox",Bs="numerictextbox";import{Fragment as Ds,jsx as It,jsxs as Sl}from"react/jsx-runtime";var _s="k-numerictextbox",Yu=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Qu={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},or={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:l=or.separators,showClearButton:s=or.showClearButton,showSpinButton:c=or.showSpinButton,prefix:m,suffix:h,value:N,placeholder:v,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:E,readonly:D,id:se,"aria-label":fe,"aria-describedby":Ee,...$e}=e;return Sl(Ne,{...$e,size:t,rounded:o,fillMode:a,hover:k,focus:u,valid:M,invalid:C,required:S,loading:R,disabled:E,readonly:D,className:r(e.className,_s),children:[m&&Sl(Ds,{children:[It(ot,{children:m}),l&&It(rt,{})]}),It(Je,{id:se,placeholder:v,value:N,role:"spinbutton",disabled:E,"aria-label":fe,"aria-describedby":Ee,"aria-invalid":C?"true":void 0}),It(Ie,{valid:M,invalid:C,loading:R,disabled:E}),It(De,{loading:R,disabled:E}),s&&It(We,{loading:R,disabled:E,readonly:D,value:N}),h&&Sl(Ds,{children:[l&&It(rt,{}),It(at,{children:h})]}),c&&It(qt,{className:"k-input-spinner",size:t,fillMode:a,disabled:E})]})};_.states=Yu;_.options=Qu;_.className=_s;_.defaultOptions=or;_.moduleName=Gs;_.folderName=Bs;_.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 pa=_;import{jsx as Zu}from"react/jsx-runtime";var zs=e=>Zu(pa,{...e});import{Fragment as YR,jsx as qR}from"react/jsx-runtime";import{Fragment as oO,jsx as tO}from"react/jsx-runtime";import{jsx as nO}from"react/jsx-runtime";import{jsx as Al}from"react/jsx-runtime";var ju=_.states,eb=_.defaultOptions,tb=_.options,ob=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],ab=[],ma=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Al(Y,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[l]?Al(Yr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;case"spin-button":a.showSpinButton=t?.[l];break;default:break}}),Al(zs,{value:"Value",style:{width:300},...o,...a})};ma.options=tb;ma.states=ju;ma.variants=ab;ma.defaultOptions=eb;ma.modifiers=ob;var wl="pager",Us=wl;import{Fragment as Fs,jsx as Ue,jsxs as So}from"react/jsx-runtime";var ar="k-pager",rb=[n.focus,n.disabled],lb={size:[i.undefined,i.small,i.medium,i.large]},qe={responsive:!0,pagerSizeInfo:!0,pageTitleInfo:!0,maxPagesInfo:!0,type:"numeric",pageSizes:!0,refresh:!0,previousNext:!0,info:"1 - 5 of 20 items",itemsPerPage:5,maxPages:6,currentPage:1},ge=e=>{let{responsive:t=qe.responsive,size:o,pagerSizeInfo:a=qe.pagerSizeInfo,pageTitleInfo:l=qe.pageTitleInfo,maxPagesInfo:s=qe.maxPagesInfo,itemsPerPage:c=qe.itemsPerPage,maxPages:m=qe.maxPages,currentPage:h=qe.currentPage,previousNext:N=qe.previousNext,type:v=qe.type,pageSizes:k=qe.pageSizes,refresh:u=qe.refresh,info:M=qe.info,focus:C,disabled:S,dir:R,...E}=e,D=[],se=[];for(let fe=1;fe<=m;fe++)D.push(Ue(d,{selected:fe===h,fillMode:"flat",themeColor:"primary",size:o,children:fe})),se.push(Ue("option",{selected:fe===h,children:fe}));return So("div",{dir:R,...E,className:r(e.className,ar,y(ar,{size:o}),A(ar,{focus:C,disabled:S}),{"k-pager-responsive":t}),children:[So("div",{className:r("k-pager-numbers-wrap"),children:[N&&So(Fs,{children:[Ue(d,{className:r("k-pager-nav","k-pager-first"),disabled:h===1&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),Ue(d,{className:r("k-pager-nav"),disabled:h===1&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-right":"caret-alt-left"})]}),v==="numeric"&&Ue("div",{className:r("k-pager-numbers"),children:D}),v==="input"&&So("span",{className:r("k-pager-input"),children:[l&&Ue("span",{children:"Page"}),Ue(_,{value:`${h}`,size:o,showSpinButton:!1,showClearButton:!1}),Ue("span",{children:s&&`of ${m}`})]}),N&&So(Fs,{children:[Ue(d,{className:r("k-pager-nav"),disabled:h===m&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-left":"caret-alt-right"}),Ue(d,{className:r("k-pager-nav","k-pager-last"),disabled:h===m&&!S,fillMode:"flat",size:o,icon:R==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),k&&So("span",{className:r("k-pager-sizes"),children:[Ue(Y,{value:`${c}`,size:o}),a&&Ue("span",{children:"items per page"})]}),u&&Ue(d,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),M&&Ue("span",{className:r("k-pager-info"),children:M})]})};ge.states=rb;ge.options=lb;ge.className=ar;ge.defaultOptions=qe;ge.moduleName=wl;ge.folderName=Us;import{jsx as RO}from"react/jsx-runtime";import{jsx as KO}from"react/jsx-runtime";import{jsx as _O}from"react/jsx-runtime";import{jsx as Vs}from"react/jsx-runtime";var nb=ge.options,sb=ge.states,ib={...ge.defaultOptions,variant:"numeric"},db=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],cb=[],ua=e=>{let{variant:t,...o}=e;return t==="input"?Vs(ge,{...o,type:"input"}):Vs(ge,{...o,type:"numeric"})};ua.options=nb;ua.states=sb;ua.variants=db;ua.defaultOptions=ib;ua.modifiers=cb;import{jsx as pb}from"react/jsx-runtime";var $s="k-grid-pager",vt=e=>pb(ge,{...e,className:r(e.className,$s),children:e.children});vt.className=$s;vt.moduleName=z;vt.folderName=F;var El="button",Xs=El;import{jsx as fb}from"react/jsx-runtime";var ba="k-button-group",mb=[n.disabled],ub={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},bb={},K=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return fb("div",{role:"group",...l,className:r(e.className,ba,y(ba,{fillMode:t}),A(ba,{disabled:o}),{[`${ba}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};K.states=mb;K.options=ub;K.className=ba;K.defaultOptions=bb;K.moduleName=El;K.folderName=Xs;K.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as u0,jsx as m0,jsxs as b0}from"react/jsx-runtime";import{Fragment as g0,jsx as N0,jsxs as k0}from"react/jsx-runtime";import{Fragment as S0,jsx as y0,jsxs as A0}from"react/jsx-runtime";import{Fragment as P0,jsx as O0,jsxs as H0}from"react/jsx-runtime";import{Fragment as z0,jsx as _0,jsxs as U0}from"react/jsx-runtime";import{Fragment as J0,jsx as W0,jsxs as q0}from"react/jsx-runtime";import{jsx as Rt,jsxs as Il}from"react/jsx-runtime";var Tb={...d.options,...K.options},hb=d.states,xb={...d.defaultOptions,...K.defaultOptions,variant:"text-button"},Nb=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],gb=[],fa=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Il(K,{fillMode:a.fillMode,className:o,children:[Rt(d,{...a,icon:"star"}),Rt(d,{...a,icon:"star"}),Rt(d,{...a,icon:"star"})]}):t==="icon-text-button"?Il(K,{fillMode:a.fillMode,className:o,children:[Rt(d,{...a,icon:"star",children:"First"}),Rt(d,{...a,icon:"star",children:"Middle"}),Rt(d,{...a,icon:"star",children:"Last"})]}):Il(K,{fillMode:a.fillMode,className:o,children:[Rt(d,{...a,children:"First"}),Rt(d,{...a,children:"Middle"}),Rt(d,{...a,children:"Last"})]})};fa.options=Tb;fa.states=hb;fa.variants=Nb;fa.defaultOptions=xb;fa.modifiers=gb;import{jsx as Ws,jsxs as Lb}from"react/jsx-runtime";var Js="k-color-preview",kb=[],vb={},Yt=e=>{let{color:t,iconName:o,...a}=e;return Lb("span",{...a,className:r(e.className,Js,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Ws(g,{icon:o,className:"k-color-preview-icon"}),Ws("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Yt.states=kb;Yt.options=vb;Yt.className=Js;var Rl="slider",qs=Rl;import{jsx as Ao,jsxs as Ol}from"react/jsx-runtime";var Ta="k-slider",Cb=[n.hover,n.focus,n.active,n.disabled,n.readonly],Mb={},it={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},le=e=>{let{type:t=it.type,orientation:o=it.orientation,gradientType:a=it.gradientType,readonly:l=it.readonly,disabled:s=it.disabled,handlePosition:c=it.handlePosition,showButtons:m=it.showButtons,showTicks:h=it.showTicks,value:N=it.value,min:v=it.min,max:k=it.max,startValue:u,endValue:M,hover:C,focus:S,active:R,trackStyle:E,dir:D,...se}=e,Ee=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),$e,Xe;return o==="horizontal"?($e=D==="rtl"?"caret-alt-left":"caret-alt-right",Xe=D==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&($e="caret-alt-up",Xe="caret-alt-down"),Ol("div",{...se,className:r(Ta,e.className,A(Ta,{readonly:l,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:D,children:[m&&Ao(d,{className:"k-button-decrease",rounded:"full",icon:Xe,tabIndex:-1,title:"Decrease"}),Ol("div",{className:"k-slider-track-wrap",children:[h&&Ao("ul",{className:"k-reset k-slider-items",children:e.children}),Ol("div",{className:"k-slider-track",style:E,children:[Ao("div",{className:"k-slider-selection"}),t==="range"&&Ao("span",{className:r("k-draghandle","k-draghandle-start",A(Ta,{hover:C,focus:S,active:R})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":u??v,"aria-valuemin":v,"aria-valuemax":M??k,"aria-orientation":Ee,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":se["aria-label"]?`${se["aria-label"]} start`:"Range start"}),Ao("span",{className:r("k-draghandle",`k-draghandle-${c}`,A(Ta,{hover:C,focus:S,active:R})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?M??k:N,"aria-valuemin":t==="range"?u??v:v,"aria-valuemax":k,"aria-orientation":Ee,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?se["aria-label"]?`${se["aria-label"]} end`:"Range end":se["aria-label"]})]})]}),m&&Ao(d,{className:"k-button-increase",rounded:"full",icon:$e,tabIndex:-1,title:"Increase"})]})};le.states=Cb;le.options=Mb;le.className=Ta;le.defaultOptions=it;le.moduleName=Rl;le.folderName=qs;le.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'}]};import{jsx as Ys}from"react/jsx-runtime";var Qs="k-tick",yb=[],Sb={},Zs={label:!1},P=e=>{let{style:t,label:o=Zs.label,orientation:a,large:l,text:s,...c}=e;return Ys("li",{...c,className:r(e.className,Qs,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&Ys("span",{className:"k-label",children:s})})};P.states=yb;P.options=Sb;P.className=Qs;P.defaultOptions=Zs;import{Fragment as Ab,jsx as dt,jsxs as wb}from"react/jsx-runtime";var js=e=>dt(le,{"aria-label":e["aria-label"]||"Slider",children:wb(Ab,{children:[dt(P,{className:"k-first",label:!0,large:!0,text:"0"}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{label:!0,large:!0,text:"5"}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{}),dt(P,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Eb,jsx as ct,jsxs as Ib}from"react/jsx-runtime";var ei=e=>ct(le,{children:Ib(Eb,{children:[ct(P,{className:"k-first",label:!0,large:!0,text:"0"}),ct(P,{}),ct(P,{}),ct(P,{}),ct(P,{}),ct(P,{label:!0,large:!0,text:"5"}),ct(P,{}),ct(P,{}),ct(P,{}),ct(P,{}),ct(P,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as HP,jsx as PP,jsxs as KP}from"react/jsx-runtime";import{Fragment as zP,jsx as _P,jsxs as UP}from"react/jsx-runtime";import{jsx as Rb}from"react/jsx-runtime";var Pl=e=>Rb(le,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Ob}from"react/jsx-runtime";var Hl=e=>Ob(le,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as jP,jsx as ZP,jsxs as eH}from"react/jsx-runtime";import{Fragment as lH,jsx as rH,jsxs as nH}from"react/jsx-runtime";import{jsx as Lt,jsxs as ti}from"react/jsx-runtime";var Pb=le.options,Hb=le.states,oi={...le.defaultOptions,variant:"horizontal",label:!0},Kb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Gb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],ha=e=>{let{variant:t,modifiers:o,...a}={...oi,...e},l={};Object.keys(o||{}).forEach(N=>{switch(N){case"button":{l.showButtons=!!o?.[N];break}case"label":{l.label=!!o?.[N];break}case"tick":{l.showTicks=!!o?.[N];break}}});let{label:s=!0,showButtons:c,showTicks:m}=l,h={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?ti(ei,{showTicks:m,showButtons:c,style:{height:"300px",...h},...a,children:[Lt(P,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Lt(P,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Lt(P,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Lt(P,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Lt(P,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):ti(js,{showTicks:m,showButtons:c,style:{width:"400px",...h},...a,children:[Lt(P,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Lt(P,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Lt(P,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Lt(P,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Lt(P,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};ha.options=Pb;ha.states=Hb;ha.variants=Kb;ha.defaultOptions=oi;ha.modifiers=Gb;import{Fragment as xa,jsx as U,jsxs as ue}from"react/jsx-runtime";var ai="k-colorgradient-inputs",Bb=[],Db={size:[i.undefined,i.small,i.medium,i.large]},ri={mode:"rgba"},wo=e=>{let{mode:t=ri.mode,size:o,...a}=e;return ue("div",{...a,className:r(ai,"k-hstack"),children:[U("div",{className:"k-vstack",children:U(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ue(xa,{children:[ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),U("label",{className:"k-colorgradient-input-label",children:"R"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),U("label",{className:"k-colorgradient-input-label",children:"G"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),U("label",{className:"k-colorgradient-input-label",children:"B"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),U("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ue(xa,{children:[ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),U("label",{className:"k-colorgradient-input-label",children:"R"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),U("label",{className:"k-colorgradient-input-label",children:"G"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),U("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ue(xa,{children:[ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),U("label",{className:"k-colorgradient-input-label",children:"H"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),U("label",{className:"k-colorgradient-input-label",children:"S"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),U("label",{className:"k-colorgradient-input-label",children:"V"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),U("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ue(xa,{children:[ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),U("label",{className:"k-colorgradient-input-label",children:"H"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),U("label",{className:"k-colorgradient-input-label",children:"S"})]}),ue("div",{className:"k-vstack",children:[U(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),U("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&U(xa,{children:ue("div",{className:"k-vstack k-flex-1",children:[U(re,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),U("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};wo.states=Bb;wo.options=Db;wo.className=ai;wo.defaultOptions=ri;import{jsx as io,jsxs as co}from"react/jsx-runtime";var li="k-colorgradient-color-contrast",_b=[],zb={},Ub={},Eo=()=>co("div",{className:r(li,"k-vbox"),children:[co("div",{className:"k-contrast-ratio",children:[io("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),co("span",{className:"k-contrast-validation !k-text-success",children:[io(g,{icon:"check"}),io(g,{icon:"check"})]})]}),co("div",{children:[io("span",{children:"AA: 4.5"}),co("span",{className:"k-contrast-validation !k-text-success",children:["Pass",io(g,{icon:"check"})]})]}),co("div",{children:[io("span",{children:"AAA: 7.0"}),co("span",{className:"k-contrast-validation !k-text-error",children:["Fail",io(g,{icon:"x"})]})]})]});Eo.states=_b;Eo.options=zb;Eo.className=li;Eo.defaultOptions=Ub;var ni="color-gradient",si="colorgradient";import{jsx as pt,jsxs as Na}from"react/jsx-runtime";var rr="k-colorgradient",Fb=[n.hover,n.focus,n.readonly,n.disabled],Vb={size:[i.undefined,i.small,i.medium,i.large]},Ct={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},Ce=e=>{let{size:t,mode:o=Ct.mode,readonly:a=Ct.readonly,disabled:l=Ct.disabled,gradientStyle:s=Ct.gradientStyle,dragHandleStyle:c=Ct.dragHandleStyle,alphaStyle:m=Ct.alphaStyle,alphaStyleHorizontal:h=Ct.alphaStyleHorizontal,contrast:N=Ct.contrast,dir:v,hover:k,focus:u,hoverHandle:M,focusHandle:C,canvasOrientation:S=Ct.canvasOrientation,role:R,tabIndex:E,...D}=e;return Na("div",{...D,role:R??"textbox","aria-label":R==="none"?void 0:"Color gradient",tabIndex:E??0,"aria-disabled":l?"true":void 0,className:r(e.className,rr,y(rr,{size:t}),A(rr,{hover:k,focus:u,readonly:a,disabled:l})),dir:v,children:[!S||S==="horizontal"&&Na("div",{className:"k-colorgradient-canvas k-hstack",children:[pt("div",{className:"k-hsv-rectangle",style:s,children:pt("div",{className:"k-hsv-gradient",children:pt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Na("div",{className:"k-hsv-controls k-hstack",children:[pt(Hl,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&pt(Hl,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:m})]})]}),S==="vertical"&&Na("div",{className:"k-colorgradient-canvas k-vstack",children:[pt("div",{className:"k-hsv-rectangle",style:s,children:pt("div",{className:"k-hsv-gradient",children:pt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Na("div",{className:"k-hsv-controls k-vstack",children:[pt(Pl,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&pt(Pl,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:h})]})]}),pt(wo,{mode:e.mode,size:t}),N&&pt(Eo,{})]})};Ce.states=Fb;Ce.options=Vb;Ce.className=rr;Ce.defaultOptions=Ct;Ce.moduleName=ni;Ce.folderName=si;Ce.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as $b}from"react/jsx-runtime";var lr=e=>$b(Ce,{...e});import{jsx as YH}from"react/jsx-runtime";import{jsx as eK}from"react/jsx-runtime";import{jsx as Kl}from"react/jsx-runtime";var Xb=Ce.options,Wb=Ce.states,Jb={...Ce.defaultOptions,variant:"rgba"},qb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Yb=[],ga=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Kl(lr,{...o,mode:t});case"rgb":return Kl(lr,{...o,mode:t});default:return Kl(lr,{...o,mode:t})}};ga.options=Xb;ga.states=Wb;ga.variants=qb;ga.defaultOptions=Jb;ga.modifiers=Yb;import{jsx as Qb}from"react/jsx-runtime";var Gl=e=>Qb("tr",{role:"row",children:e.children});import{jsx as ef}from"react/jsx-runtime";var Bl="k-colorpalette-tile",Zb=[n.hover,n.focus,n.selected],jb={},Io=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:s,...c}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return ef("td",{...c,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,Bl,A(Bl,{hover:a,focus:l,selected:s})),style:m})};Io.states=Zb;Io.options=jb;Io.className=Bl;var ii="color-palette",di="colorpalette";import{jsx as ka}from"react/jsx-runtime";var nr="k-colorpalette",tf=[n.disabled],of={size:[i.undefined,i.small,i.medium,i.large]},ci={columns:10},Fe=e=>{let{size:t,palette:o,columns:a=ci.columns,tileSize:l,disabled:s,...c}=e,m=[];if(o){let h=a||o.columns,N=o.colors?o.colors:o;Array.isArray(N)&&Array.from({length:Math.ceil(N.length/h)},(v,k)=>{let u=[];N.slice(k*h,(k+1)*h).map((C,S)=>{u.push(ka(Io,{color:C,tileSize:l},S))});let M=ka(Gl,{children:u},k);m.push(M)})}return ka("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,nr,A(nr,{disabled:s}),y(nr,{size:t})),children:ka("table",{className:"k-colorpalette-table",role:"none",children:ka("tbody",{children:m.length>0?m:e.children})})})};Fe.states=tf;Fe.options=of;Fe.className=nr;Fe.defaultOptions=ci;Fe.moduleName=ii;Fe.folderName=di;Fe.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=Fe;var va={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 af}from"react/jsx-runtime";var pi=e=>af(sr,{palette:va.basic,...e});import{jsx as HK}from"react/jsx-runtime";import{jsx as zK,jsxs as UK}from"react/jsx-runtime";import{jsx as pf}from"react/jsx-runtime";var rf=Fe.options,lf=Fe.states,nf={...Fe.defaultOptions,variant:"basic"},sf=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],df={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=[],La=e=>{let{variant:t="basic",...o}=e,a=df[t];return pf(pi,{columns:a.columns,palette:a,...o})};La.options=rf;La.states=lf;La.variants=sf;La.defaultOptions=nf;La.modifiers=cf;var mi="color-editor",ui="coloreditor";import{jsx as mt,jsxs as Ro}from"react/jsx-runtime";var ir="k-coloreditor",mf=[n.focus],uf={size:[i.undefined,i.small,i.medium,i.large]},Ca={view:"gradient",palette:va.office,actionButtons:!0,canvasOrientation:"horizontal"},be=e=>{let{size:t,view:o=Ca.view,palette:a=Ca.palette,color:l,currentColor:s,focus:c,focusView:m,dir:h,group:N,actionButtons:v=Ca.actionButtons,canvasOrientation:k=Ca.canvasOrientation,...u}=e;return Ro("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",ir,y(ir,{size:t}),A(ir,{focus:c})),dir:h,children:[Ro("div",{className:"k-coloreditor-header k-hstack",children:[mt("div",{className:"k-coloreditor-header-actions k-hstack",children:N&&Ro(K,{fillMode:"flat",children:[mt(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),mt(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),mt("div",{className:"k-spacer"}),Ro("div",{className:"k-coloreditor-header-actions k-hstack",children:[mt(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Ro("div",{className:"k-coloreditor-preview k-vstack",children:[mt(Yt,{className:"k-coloreditor-preview-color",color:l}),mt(Yt,{className:"k-coloreditor-current-color",color:s})]})]})]}),mt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?mt(Ce,{focus:m,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):mt(Fe,{palette:a,size:t})}),v&&Ro(gt,{className:"k-coloreditor-footer",alignment:"start",children:[mt(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),mt(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};be.states=mf;be.options=uf;be.className=ir;be.defaultOptions=Ca;be.moduleName=mi;be.folderName=ui;be.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Oo=be;import{jsx as hG}from"react/jsx-runtime";import{jsx as kG}from"react/jsx-runtime";import{jsx as bf}from"react/jsx-runtime";var bi=e=>bf(Oo,{group:!0,currentColor:"fuchsia",...e});import{jsx as ff}from"react/jsx-runtime";var fi=e=>ff(Oo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Ti}from"react/jsx-runtime";var Tf=be.options,hf=be.states,xf={...be.defaultOptions,variant:"gradient"},Nf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],gf=[],Ma=e=>{let{variant:t,...o}=e;return t==="palette"?Ti(fi,{...o,color:"white"}):Ti(bi,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Ma.options=Tf;Ma.states=hf;Ma.variants=Nf;Ma.defaultOptions=xf;Ma.modifiers=gf;var hi="color-picker",xi="colorpicker";import{Fragment as Lf,jsx as ut,jsxs as Dl}from"react/jsx-runtime";var Ni="k-colorpicker",kf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],vf={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},gi={arrowIconName:"caret-alt-down"},Ye=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=gi.arrowIconName,prefix:s,suffix:c,value:m,placeholder:h,hover:N,focus:v,valid:k,invalid:u,required:M,disabled:C,valueIconName:S,popup:R,opened:E,adaptive:D,adaptiveSettings:se,adaptiveTitle:fe,adaptiveSubtitle:Ee,...$e}=e,Xe="colorpicker-popup";return Dl(Lf,{children:[Dl(ht,{...$e,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:k,invalid:u,required:M,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":E?"true":"false","aria-controls":E||D?Xe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:r(e.className,Ni,"k-icon-picker"),children:[ut(ot,{children:s}),ut(ao,{placeholder:h,value:m,showValue:!1,valueIcon:ut(Yt,{className:"k-value-icon",color:m,iconName:S}),valueIconName:S}),ut(at,{children:c}),ut(d,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),E&&R&&ut(ae,{id:Xe,className:"k-colorpicker-popup",children:R}),D&&ut(me,{adaptive:!0,id:Xe,...se,header:ut(Re,{actionsEnd:ut(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:fe,subtitle:Ee}),footer:Dl(Ut,{children:[ut(d,{text:"Cancel",size:"large"}),ut(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:ut(be,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ye.states=kf;Ye.options=vf;Ye.className=Ni;Ye.defaultOptions=gi;Ye.moduleName=hi;Ye.folderName=xi;Ye.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Qt=Ye;import{jsx as Cf}from"react/jsx-runtime";var dr=e=>Cf(Qt,{...e});import{jsx as rB}from"react/jsx-runtime";import{jsx as dB}from"react/jsx-runtime";import{jsx as uB}from"react/jsx-runtime";import{jsx as hB}from"react/jsx-runtime";import{jsx as kB}from"react/jsx-runtime";import{jsx as MB}from"react/jsx-runtime";import{jsx as po}from"react/jsx-runtime";var Mf=Qt.options,yf=Qt.states,ki={...Qt.defaultOptions,variant:"color"},Sf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Af=[{name:"opened",title:"Opened"}],ya=e=>{let{variant:t,modifiers:o,...a}={...ki,...e},l={};Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?po(be,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return po("div",{style:s,children:po(dr,{...a,...l})});case"icon":return po("div",{style:s,children:po(dr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return po("div",{style:s,children:po(dr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};ya.options=Mf;ya.states=yf;ya.variants=Sf;ya.defaultOptions=ki;ya.modifiers=Af;var _l="combobox",vi=_l;import{Fragment as zl,jsx as ke,jsxs as Sa}from"react/jsx-runtime";var Li="k-combobox",wf=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Ef={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Ci={separators:!0},He=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Ci.separators,prefix:s,suffix:c,value:m,placeholder:h,hover:N,focus:v,valid:k,invalid:u,required:M,loading:C,disabled:S,popup:R,opened:E,readonly:D,adaptive:se,adaptiveSettings:fe,adaptiveTitle:Ee,adaptiveSubtitle:$e,adaptiveCustomValue:Xe,id:xo,autocomplete:xr,activeDescendant:Ka,"aria-label":rd,...ld}=e,nd=xo?`${xo}-listbox`:void 0;return Sa(zl,{children:[Sa(Ne,{...ld,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:k,invalid:u,required:M,loading:C,disabled:S,readonly:D,className:r(e.className,Li),children:[s&&Sa(zl,{children:[ke(ot,{children:s}),l&&ke(rt,{})]}),ke(Je,{placeholder:h,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":E?"true":"false","aria-controls":E?nd:void 0,"aria-activedescendant":E&&Ka?Ka:void 0,"aria-autocomplete":xr,"aria-invalid":u?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":rd,disabled:S,readOnly:D}),ke(Ie,{valid:k,invalid:u,loading:C,disabled:S}),ke(De,{loading:C,disabled:S}),ke(We,{loading:C,disabled:S,readonly:D,value:m}),c&&Sa(zl,{children:[l&&ke(rt,{}),ke(at,{children:c})]}),ke(d,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:S})]}),E&&R&&ke(ae,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:R}),se&&ke(me,{adaptive:!0,id:xo?`${xo}-adaptive`:void 0,...fe,header:ke(Re,{actionsEnd:ke(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:h,title:Ee,subtitle:$e}),children:ke("div",{className:"k-list-container",children:ke(V,{customValue:Xe?ke(Wt,{text:`Use "${m}"`}):void 0,size:"large",children:Sa(q,{"aria-label":Ee||"Options",children:[ke(B,{text:"List item"}),ke(B,{text:"List item"}),ke(B,{text:"List item"})]})})})})]})};He.states=wf;He.options=Ef;He.className=Li;He.defaultOptions=Ci;He.moduleName=_l;He.folderName=vi;He.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Qe=He;import{jsx as If}from"react/jsx-runtime";var Mi=e=>If(Qe,{...e});import{jsx as s1,jsxs as i1}from"react/jsx-runtime";import{jsx as b1,jsxs as f1}from"react/jsx-runtime";import{jsx as k1,jsxs as v1}from"react/jsx-runtime";import{Fragment as A1,jsx as S1}from"react/jsx-runtime";import{Fragment as P1,jsx as O1}from"react/jsx-runtime";import{jsx as _1,jsxs as z1}from"react/jsx-runtime";import{Fragment as q1,jsx as W1,jsxs as J1}from"react/jsx-runtime";import{jsx as j1}from"react/jsx-runtime";import{jsx as aD}from"react/jsx-runtime";import{jsx as dD,jsxs as cD}from"react/jsx-runtime";import{jsx as TD,jsxs as hD}from"react/jsx-runtime";import{jsx as Zt,jsxs as Gf}from"react/jsx-runtime";var Rf=He.states,Of=He.defaultOptions,Pf=He.options,Hf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Kf=[],Aa=e=>{let{modifiers:t,...o}=e,a={},l=Zt(V,{style:{width:300},size:o.size,children:Gf(q,{children:[Zt(B,{children:"List item"}),Zt(B,{children:"List item"}),Zt(B,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?Zt(g,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?Zt(zt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?l:void 0;break;default:break}}),Zt("div",{children:Zt(Mi,{value:"Value",style:{width:300},...o,...a})})};Aa.options=Pf;Aa.states=Rf;Aa.variants=Kf;Aa.defaultOptions=Of;Aa.modifiers=Hf;var Ul="menu-button",yi=Ul;import{jsx as _f}from"react/jsx-runtime";var Si="k-menu-button",Bf=[n.hover,n.focus,n.active,n.selected,n.disabled],Df={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Fl={showArrow:!0,arrowIconName:"caret-alt-down"},Q=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:m,selected:h,disabled:N,icon:v,text:k,showArrow:u=Fl.showArrow,arrowIconName:M=Fl.arrowIconName,expanded:C,...S}=e;return _f(d,{...S,className:r(e.className,Si),text:k,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:m,selected:h,disabled:N,icon:v,showArrow:u,arrowIconName:M,"aria-expanded":C?"true":"false",...!k&&v&&!e["aria-label"]&&{"aria-label":"Menu"},...N&&{"aria-disabled":"true"}})};Q.states=Bf;Q.options=Df;Q.className=Si;Q.defaultOptions=Fl;Q.moduleName=Ul;Q.folderName=yi;Q.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as YD}from"react/jsx-runtime";import{jsx as e_}from"react/jsx-runtime";import{jsx as r_}from"react/jsx-runtime";var Ze="menu",bt=Ze;import{jsx as wa,jsxs as Ai}from"react/jsx-runtime";var Vl="k-menu-item",zf=[n.hover,n.focus,n.active,n.selected,n.disabled],Uf={},wi={iconPosition:"before"},Ae=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:c,text:m,first:h,last:N,showArrow:v,arrowIconName:k,iconPosition:u=wi.iconPosition,dir:M,children:C,expanded:S,...R}=e,E=k;return E||(E=M==="rtl"?"caret-alt-left":"caret-alt-right"),Ai("li",{...R,className:r(e.className,Vl,"k-item",A(Vl,{focus:o,disabled:s,hover:t,active:a,selected:l}),{"k-first":h,"k-last":N}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":S?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ai("span",{className:r("k-link k-menu-link"),children:[c&&u==="before"&&wa(g,{className:"k-menu-link-icon",icon:c}),wa("span",{className:"k-menu-link-text",children:m}),c&&u==="after"&&wa(g,{className:"k-menu-link-icon",icon:c}),v&&wa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:wa(g,{icon:E})})]}),C]})};Ae.states=zf;Ae.options=Uf;Ae.className=Vl;Ae.defaultOptions=wi;Ae.moduleName=Ze;Ae.folderName=bt;import{jsx as Ea,jsxs as Ei}from"react/jsx-runtime";var $l="k-menu-item",Ff=[n.hover,n.focus,n.active,n.selected,n.disabled],Vf={},Xl={dir:"ltr",iconPosition:"before"},pe=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:c,text:m,first:h,last:N,showArrow:v,arrowIconName:k,iconPosition:u=Xl.iconPosition,dir:M=Xl.dir,children:C,popup:S,expanded:R,...E}=e,D=k;return D||(D=M==="rtl"?"caret-alt-left":"caret-alt-right"),Ei("li",{...E,className:r(e.className,$l,"k-item",A($l,{focus:o,disabled:s}),{"k-first":h,"k-last":N}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":R?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ei("span",{className:r("k-link k-menu-link",A("k-menu-link",{hover:t,active:a,selected:l,disabled:s})),children:[c&&u==="before"&&Ea(g,{className:"k-menu-link-icon",icon:c}),Ea("span",{className:"k-menu-link-text",children:m}),c&&u==="after"&&Ea(g,{className:"k-menu-link-icon",icon:c}),v&&Ea("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ea(g,{icon:D})})]}),C,S]})};pe.states=Ff;pe.options=Vf;pe.className=$l;pe.defaultOptions=Xl;pe.moduleName=Ze;pe.folderName=bt;import{jsx as Jf}from"react/jsx-runtime";var Ii="k-menu-scroll-wrapper",$f=[],Xf={},Wf={},mo=e=>{let{className:t,children:o,orientation:a,...l}=e;return Jf("div",{...l,className:r(t,Ii,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};mo.states=$f;mo.options=Xf;mo.className=Ii;mo.defaultOptions=Wf;mo.moduleName=Ze;mo.folderName=bt;var Ri=mo;import{Fragment as Wl,jsx as uo,jsxs as pr}from"react/jsx-runtime";var Jl="k-menu",qf=[],Yf={},mr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Me=e=>{let{children:t,orientation:o=mr.orientation,header:a=mr.header,scrollable:l,scrollButtonsPosition:s=mr.scrollButtonsPosition,wrapperStyles:c,dir:m,popup:h,contextMenu:N,...v}=e,k={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},u=uo("ul",{dir:m,...v,className:r(e.className,"k-reset",Jl,{[`${Jl}-${o}`]:o,"k-header":a}),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return pr(Wl,{children:[l?pr(Ri,{orientation:o,style:c,dir:e.dir,children:[s==="start"&&pr(Wl,{children:[uo(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),uo(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&uo(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),u,s==="end"&&pr(Wl,{children:[uo(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),uo(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&uo(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):u,h]})};Me.states=qf;Me.options=Yf;Me.className=Jl;Me.defaultOptions=mr;Me.moduleName=Ze;Me.folderName=bt;Me.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-haspopup=menu",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-expanded=true/false",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item[aria-haspopup][aria-controls]",attribute:"aria-controls=ul.k-menu-group id",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as Qf}from"react/jsx-runtime";var ql="k-separator",Oi={orientation:"horizontal"},Po=e=>{let{orientation:t=Oi.orientation,...o}=e;return Qf("li",{...o,className:r(e.className,"k-item",ql,{[`${ql}-${t}`]:t}),role:"separator"})};Po.className=ql;Po.defaultOptions=Oi;Po.moduleName=Ze;Po.folderName=bt;import{Fragment as O_,jsx as P_}from"react/jsx-runtime";import{jsx as tT}from"react/jsx-runtime";var Yl="k-menu-group",Zf=[],jf={size:[i.undefined,i.small,i.medium,i.large]},eT={},we=e=>{let{children:t,size:o,...a}=e;return tT("ul",{...a,className:r(e.className,Yl,y(Yl,{size:o})),role:"menu",children:t})};we.states=Zf;we.options=jf;we.className=Yl;we.defaultOptions=eT;we.moduleName=Ze;we.folderName=bt;import{Fragment as oT,jsx as Ho,jsxs as aT}from"react/jsx-runtime";var Ql=e=>Ho(Me,{children:aT(oT,{children:[Ho(Ae,{first:!0,text:"Item 1"}),Ho(Ae,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Ho(Ae,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Ho(Ae,{text:"Item 4"}),Ho(Ae,{last:!0,text:"Item 5"})]}),...e});import{Fragment as J_,jsx as X_,jsxs as W_}from"react/jsx-runtime";import{Fragment as j_,jsx as Z_,jsxs as e2}from"react/jsx-runtime";import{Fragment as l2,jsx as r2,jsxs as n2}from"react/jsx-runtime";import{Fragment as p2,jsx as c2,jsxs as m2}from"react/jsx-runtime";import{jsx as bo,jsxs as iT}from"react/jsx-runtime";var rT=Me.options,lT=Me.states,Pi={...Me.defaultOptions,variant:"horizontal"},nT=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],sT=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ia=e=>{let{variant:t,modifiers:o,...a}={...Pi,...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=bo(ae,{className:"k-menu-popup",children:iT(we,{children:[bo(pe,{text:"Item 1"}),bo(pe,{text:"Item 2"}),bo(Po,{}),bo(pe,{text:"Item 3"})]})});break}}),t==="vertical"?bo(Ql,{...a,...l,orientation:"vertical",style:{width:"200px"}}):bo(Ql,{...a,...l})};Ia.options=rT;Ia.states=lT;Ia.variants=nT;Ia.defaultOptions=Pi;Ia.modifiers=sT;import{Fragment as V2,jsx as U2,jsxs as F2}from"react/jsx-runtime";import{jsx as J2}from"react/jsx-runtime";import{Fragment as uT,jsx as Mt,jsxs as Hi}from"react/jsx-runtime";var dT=d.states,Ki={...d.defaultOptions,variant:"text"},cT=d.options,pT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],mT=[{name:"opened",title:"Opened"}],Ra=e=>{let{variant:t,modifiers:o,...a}={...Ki,...e},l={},s=Mt(ae,{className:"k-menu-popup",children:Hi(we,{size:a.size,children:[Mt(pe,{first:!0,text:"Menu Item"}),Mt(pe,{text:"Menu Item"}),Mt(pe,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=Mt("div",{children:Mt(Q,{...a,...l,icon:"star"})});break;case"icon-and-text":c=Mt("div",{children:Mt(Q,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:c=Mt("div",{children:Mt(Q,{...a,...l,children:"Dropdown Button"})});break}return Hi(uT,{children:[c,o?.opened&&s]})};Ra.options=cT;Ra.states=dT;Ra.variants=pT;Ra.defaultOptions=Ki;Ra.modifiers=mT;var Zl="split-button",Gi=Zl;import{Fragment as TT,jsx as jl,jsxs as Bi}from"react/jsx-runtime";var en="k-split-button",bT=[n.hover,n.focus,n.active,n.selected,n.disabled],fT={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Di={arrowIconName:"caret-alt-down"},$=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:m,selected:h,disabled:N,icon:v,text:k,arrowIconName:u=Di.arrowIconName,popup:M,opened:C,popupId:S,...R}=e;return Bi(TT,{children:[Bi("div",{...R,className:r(e.className,en,"k-button-group",y(en,{rounded:o})),children:[jl(d,{text:k,icon:v,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:m,selected:h,disabled:N,...!k&&!e.children&&v&&{"aria-label":"Action"},children:e.children}),jl(d,{className:"k-split-button-arrow",icon:u,size:t,rounded:o,fillMode:a,disabled:N,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?S:void 0,tabIndex:-1,...N&&{"aria-disabled":"true"}})]}),C&&M&&jl(ae,{className:"k-menu-popup",children:M})]})};$.states=bT;$.options=fT;$.className=en;$.defaultOptions=Di;$.moduleName=Zl;$.folderName=Gi;$.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 tn=$;import{jsx as xT}from"react/jsx-runtime";var hT="k-toolbar-separator",Tt=e=>xT("div",{className:r(hT,e.className,"k-separator")});var Ot="toolbar",jt=Ot;import{Fragment as on,jsx as X,jsxs as Ko}from"react/jsx-runtime";var Pt="k-toolbar",NT=[n.focus],gT={size:[i.undefined,i.small,i.medium,i.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},kT={scrollButtons:"around"},Z=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:s,scrollButtons:c,scrollingPosition:m,section:h,...N}=e,v=[],k=(u,M)=>{let C=[];if(u.type===d&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))C.push(X(d,{...u.props,className:`${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===d)C.push(X(d,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===Yo)C.push(X(Yo,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===zt)C.push(X(zt,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===Q)C.push(X(Q,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===tn)C.push(X(tn,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`));else if(u.type===K||u.props.className&&u.props.className.includes("k-button-group")){let S=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((E,D)=>{S.push(X(d,{...E.props,className:`${E.props.className?E.props.className:""}`},`${D}-${new Date().getTime()}`))}),C.push(X(K,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:S},`${M}-${new Date().getTime()}`))}else u.type===He?C.push(X(He,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):u.type===Y?C.push(X(Y,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):u.type===Ye?C.push(X(Ye,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${M}-${new Date().getTime()}`)):C.push(u);C.forEach(S=>{v.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,C)=>{k(M,C)}),Ko("div",{...N,className:r(e.className,Pt,y(Pt,{size:t,fillMode:o}),A(Pt,{focus:a}),{[`${Pt}-resizable`]:l,[`${Pt}-scrollable`]:s,[`${Pt}-scrollable-overlay`]:s&&c==="hidden",[`${Pt}-scrollable-${m}`]:m&&m!=="both",[`${Pt}-section`]:h}),role:"toolbar","aria-label":"Toolbar",children:[!s&&v,s&&c==="hidden"&&X("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),s&&c==="start"&&Ko(on,{children:[Ko(K,{children:[X("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:X(g,{className:"k-button-icon",icon:"caret-alt-left"})}),X("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:X(g,{className:"k-button-icon",icon:"caret-alt-right"})})]}),X(Tt,{className:"k-toolbar-button-separator"}),X("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v})]}),s&&c==="end"&&Ko(on,{children:[X("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),X(Tt,{className:"k-toolbar-button-separator"}),Ko(K,{children:[X("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:X(g,{className:"k-button-icon",icon:"caret-alt-left"})}),X("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:X(g,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(c==="around"||!c)&&Ko(on,{children:[X("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:X(g,{className:"k-button-icon",icon:"caret-alt-left"})}),X(Tt,{className:"k-toolbar-button-separator"}),X("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),X(Tt,{className:"k-toolbar-button-separator"}),X("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:X(g,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};Z.states=NT;Z.options=gT;Z.className=Pt;Z.defaultOptions=kT;Z.moduleName=Ot;Z.folderName=jt;Z.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the section toggle button."}]};import{jsx as MT}from"react/jsx-runtime";var _i="k-floating-toolbar",vT=[],LT={},CT={},Go=e=>{let{...t}=e;return MT("div",{...t,className:r(e.className,_i),children:e.children})};Go.states=vT;Go.options=LT;Go.className=_i;Go.defaultOptions=CT;Go.moduleName=Ot;Go.folderName=jt;import{jsx as wT}from"react/jsx-runtime";var an="k-toolbar-item",yT=[n.focus],ST={},AT={},Bo=e=>{let{focus:t,...o}=e;return wT("div",{...o,className:r(e.className,an,A(an,{focus:t})),children:e.children})};Bo.states=yT;Bo.options=ST;Bo.className=an;Bo.defaultOptions=AT;Bo.moduleName=Ot;Bo.folderName=jt;import{jsx as zi}from"react/jsx-runtime";var Ui="k-toolbar-popup",ET=[],IT={size:[i.undefined,i.small,i.medium,i.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},RT={},fo=e=>{let{size:t,fillMode:o,section:a,...l}=e;return zi(ae,{...l,className:r(e.className,Ui),children:a?zi("span",{className:r("k-toolbar-items-list",y("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};fo.states=ET;fo.options=IT;fo.className=Ui;fo.defaultOptions=RT;fo.moduleName=Ot;fo.folderName=jt;var ur=fo;import{jsx as Q3}from"react/jsx-runtime";import{jsx as t5}from"react/jsx-runtime";import{jsx as l5}from"react/jsx-runtime";import{jsx as p5,jsxs as m5}from"react/jsx-runtime";import{jsx as T5}from"react/jsx-runtime";import{jsx as Ht,jsxs as GT}from"react/jsx-runtime";var OT=$.states,Fi={...$.defaultOptions,variant:"text"},PT=$.options,HT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],KT=[{name:"opened",title:"Opened"}],Oa=e=>{let{variant:t,modifiers:o,...a}={...Fi,...e},l={},s=GT(we,{size:a.size,children:[Ht(pe,{first:!0,text:"Menu Item"}),Ht(pe,{text:"Menu Item"}),Ht(pe,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?s:"")}),t){case"icon-only":return Ht("div",{children:Ht($,{...a,...l,icon:"star"})});case"icon-and-text":return Ht("div",{children:Ht($,{...a,...l,icon:"star",children:"Split Button"})});default:return Ht("div",{children:Ht($,{...a,...l,children:"Split Button"})})}};Oa.options=PT;Oa.states=OT;Oa.variants=HT;Oa.defaultOptions=Fi;Oa.modifiers=KT;import{jsx as To,jsxs as BT}from"react/jsx-runtime";var Vi=e=>To(Z,{children:[To(d,{children:"Button"},"toolbar-button"),To(Q,{text:"Menu button"},"toolbar-menu-button"),To($,{children:"Split button"},"toolbar-split-button"),BT(K,{children:[To(d,{className:"k-group-start",icon:"align-left",children:"Left"}),To(d,{icon:"align-center",children:"Center"}),To(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as $5,jsxs as X5}from"react/jsx-runtime";import{jsx as je,jsxs as $i}from"react/jsx-runtime";var Xi=e=>je(Z,{scrollable:!0,...e,children:[je(d,{children:"Button"},"toolbar-button"),je(Q,{text:"Menu button"},"toolbar-menu-button"),je($,{children:"Split button"},"toolbar-split-button"),$i(K,{children:[je(d,{className:"k-group-start",icon:"align-left",children:"Left"}),je(d,{icon:"align-center",children:"Center"}),je(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),je(d,{children:"Button"},"toolbar-button"),je(Q,{text:"Menu button"},"toolbar-menu-button"),je($,{children:"Split button"},"toolbar-split-button"),$i(K,{children:[je(d,{className:"k-group-start",icon:"align-left",children:"Left"}),je(d,{icon:"align-center",children:"Center"}),je(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as et,jsxs as Wi}from"react/jsx-runtime";var Ji=({scrollingPosition:e="start",...t})=>et(Z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[et(d,{children:"Button"},"toolbar-button"),et(Q,{text:"Menu button"},"toolbar-menu-button"),et($,{children:"Split button"},"toolbar-split-button"),Wi(K,{children:[et(d,{className:"k-group-start",icon:"align-left",children:"Left"}),et(d,{icon:"align-center",children:"Center"}),et(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),et(d,{children:"Button"},"toolbar-button"),et(Q,{text:"Menu button"},"toolbar-menu-button"),et($,{children:"Split button"},"toolbar-split-button"),Wi(K,{children:[et(d,{className:"k-group-start",icon:"align-left",children:"Left"}),et(d,{icon:"align-center",children:"Center"}),et(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as DT,jsx as Ve,jsxs as br}from"react/jsx-runtime";var qi=({fillMode:e,size:t,...o})=>br(DT,{children:[Ve(Z,{section:!0,fillMode:e,size:t,children:[Ve(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),br(K,{fillMode:e,children:[Ve(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ve(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ve(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ve(Tt,{className:"k-toolbar-button-separator"}),Ve(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),br(ur,{size:t,fillMode:e,section:!0,...o,children:[Ve($,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ve(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ve(Tt,{}),Ve(Q,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),br(K,{fillMode:e,children:[Ve(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ve(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ve(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as Mz,jsx as Lz,jsxs as Cz}from"react/jsx-runtime";import{Fragment as Kz,jsx as Pz,jsxs as Hz}from"react/jsx-runtime";import{jsx as eo}from"react/jsx-runtime";var _T=Z.options,zT=Z.states,Yi={...Z.defaultOptions,variant:"default"},UT=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],FT=[],Pa=e=>{let{variant:t,...o}={...Yi,...e};switch(t){case"responsive":return eo("div",{children:eo(qi,{style:{width:"583px"},...o})});case"overlay":return eo("div",{children:eo(Ji,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return eo("div",{children:eo(Xi,{style:{width:"583px"},...o})});default:return eo("div",{children:eo(Vi,{style:{width:"583px"},...o})})}};Pa.options=_T;Pa.states=zT;Pa.variants=UT;Pa.defaultOptions=Yi;Pa.modifiers=FT;import{jsx as VT}from"react/jsx-runtime";var Qi="k-grid-toolbar",ho=e=>VT(Z,{...e,className:r(e.className,Qi),children:e.children});ho.className=Qi;ho.moduleName=z;ho.folderName=F;import{jsx as rn,jsxs as XT}from"react/jsx-runtime";var ln="k-grid-stack-cell",$T=[n.focus,n.selected],fr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:s,focus:c,selected:m,...h}=e;return XT("div",{...h,className:r(e.className,ln,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":s},A(ln,{focus:c,selected:m})),children:[s&&rn("span",{className:"k-dirty"}),t&&rn("div",{className:"k-grid-stack-header",children:t}),rn("div",{className:"k-grid-stack-content",children:o}),e.children]})};fr.states=$T;fr.className=ln;fr.moduleName=z;fr.folderName=F;import{jsx as WT}from"react/jsx-runtime";var Zi="k-grid-stack-row",Tr=e=>{let{cols:t,...o}=e;return WT("div",{...o,className:r(e.className,Zi,{[`k-grid-cols-${t}`]:t}),children:e.children})};Tr.className=Zi;Tr.moduleName=z;Tr.folderName=F;import{Fragment as M6,jsx as L6,jsxs as C6}from"react/jsx-runtime";import{Fragment as R6,jsx as E6,jsxs as I6}from"react/jsx-runtime";import{Fragment as D6,jsx as G6,jsxs as B6}from"react/jsx-runtime";import{Fragment as JT,jsx as L,jsxs as ne}from"react/jsx-runtime";var ji=({contentClassName:e,...t})=>L(W,{_renderAriaRoot:!0,pager:L(vt,{refresh:!1}),children:ne(JT,{children:[L(ie,{children:L("div",{className:"k-grid-header-wrap",children:ne(ce,{children:[ne("colgroup",{children:[L("col",{}),L("col",{style:{width:"225px"}}),L("col",{}),L("col",{}),L("col",{})]}),ne(j,{children:[ne(w,{children:[L(I,{rowspan:1,colspan:1,columnTitle:"Product Id"}),L(I,{rowspan:1,colspan:1,columnTitle:"Name"}),L(I,{rowspan:1,colspan:1,columnTitle:"Quantity"}),L(I,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),L(I,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),ne(w,{className:"k-filter-row",children:[L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(_,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(re,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(re,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(_,{}),ne("div",{className:"k-filtercell-operator",children:[L(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",L(d,{disabled:!0,icon:"filter-clear"})]})]})})}),L(p,{children:L("div",{className:"k-filtercell",children:ne("div",{className:"k-filtercell-wrapper",children:[L(Y,{}),L("div",{className:"k-filtercell-operator",children:L(d,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),L(ee,{children:L(te,{className:e,children:ne(oe,{children:[ne("colgroup",{children:[L("col",{}),L("col",{style:{width:"225px"}}),L("col",{}),L("col",{}),L("col",{})]}),ne(de,{children:[ne(w,{className:"k-master-row",children:[L(p,{children:"1"}),L(p,{children:"Chai"}),L(p,{children:"10 boxes x 20 bags"}),L(p,{children:"18"}),L(p,{children:"false"})]}),ne(w,{className:"k-master-row",alt:!0,children:[L(p,{children:"2"}),L(p,{children:"Chang"}),L(p,{children:"24 - 12 oz bottles"}),L(p,{children:"19"}),L(p,{children:"false"})]}),ne(w,{className:"k-master-row",children:[L(p,{children:"3"}),L(p,{children:"Aniseed Syrup"}),L(p,{children:"12 - 550 ml bottles"}),L(p,{children:"10"}),L(p,{children:"false"})]}),ne(w,{className:"k-master-row",alt:!0,children:[L(p,{children:"4"}),L(p,{children:"Chef Anton's Cajun Seasoning"}),L(p,{children:"48 - 6 oz jars"}),L(p,{children:"22"}),L(p,{children:"false"})]}),ne(w,{className:"k-master-row",children:[L(p,{children:"5"}),L(p,{children:"Grandma's Boysenberry Spread"}),L(p,{children:"12 - 8 oz jars"}),L(p,{children:"25"}),L(p,{children:"false"})]})]})]})})})]}),...t});import{Fragment as t9,jsx as j6,jsxs as e9}from"react/jsx-runtime";import{Fragment as d9,jsx as s9,jsxs as i9}from"react/jsx-runtime";import{Fragment as T9,jsx as b9,jsxs as f9}from"react/jsx-runtime";import{Fragment as qT,jsx as G,jsxs as Ke}from"react/jsx-runtime";var ed=({headerWrapClassName:e,contentClassName:t,...o})=>G(W,{_renderAriaRoot:!0,children:Ke(qT,{children:[G(ie,{children:G("div",{className:`k-grid-header-wrap ${e}`,children:Ke(ce,{children:[Ke("colgroup",{children:[G("col",{}),G("col",{}),G("col",{}),G("col",{})]}),Ke(j,{children:[Ke(w,{children:[G(I,{rowspan:3,colspan:1,columnTitle:"ID"}),G(I,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),Ke(w,{children:[G(I,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),G(I,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),Ke(w,{children:[G(I,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),G(I,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),G(ee,{children:G(te,{className:t,children:Ke(oe,{children:[Ke("colgroup",{children:[G("col",{}),G("col",{}),G("col",{}),G("col",{})]}),Ke(de,{children:[Ke(w,{className:"k-master-row",children:[G(p,{children:"1"}),G(p,{children:"Chai"}),G(p,{children:"39"}),G(p,{children:"18"})]}),Ke(w,{className:"k-master-row",alt:!0,children:[G(p,{children:"2"}),G(p,{children:"Chang"}),G(p,{children:"17"}),G(p,{children:"19"})]}),Ke(w,{className:"k-master-row",children:[G(p,{children:"3"}),G(p,{children:"Aniseed Syrup"}),G(p,{children:"13"}),G(p,{children:"10"})]}),Ke(w,{className:"k-master-row",alt:!0,children:[G(p,{children:"4"}),G(p,{children:"Chef Anton's Cajun Seasoning"}),G(p,{children:"53"}),G(p,{children:"22"})]}),Ke(w,{className:"k-master-row",children:[G(p,{children:"5"}),G(p,{children:"Chef Anton's Gumbo Mix"}),G(p,{children:"0"}),G(p,{children:"21.35"})]})]})]})})})]}),...o});import{Fragment as A9,jsx as y9,jsxs as S9}from"react/jsx-runtime";import{Fragment as H9,jsx as O9,jsxs as P9}from"react/jsx-runtime";import{Fragment as YT,jsx as H,jsxs as ft}from"react/jsx-runtime";var td=e=>H(W,{_renderAriaRoot:!0,toolbar:ft(ho,{children:[H(d,{children:"Add new"}),H(d,{children:"Save Changes"}),H(d,{children:"Cancel Changes"})]}),children:ft(YT,{children:[H(ie,{children:H("div",{className:"k-grid-header-wrap",children:ft(ce,{children:[ft("colgroup",{children:[H("col",{}),H("col",{}),H("col",{}),H("col",{style:{width:"300px"}})]}),H(j,{children:ft(w,{children:[H(I,{columnTitle:"Name"}),H(I,{columnTitle:"Price"}),H(I,{columnTitle:"Available"}),H(I,{accessibleLabel:"Commands"})]})})]})})}),H(ee,{children:H(te,{children:H("div",{children:ft(oe,{children:[ft("colgroup",{children:[H("col",{}),H("col",{}),H("col",{}),H("col",{style:{width:"300px"}})]}),ft(de,{children:[ft(w,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[H(p,{children:H(re,{value:"Towel"})}),H(p,{children:H(_,{value:"42"})}),H(p,{children:H(_e,{})}),ft(p,{className:"k-command-cell",children:[H(d,{children:"Add"}),H(d,{children:"Cancel"})]})]}),ft(w,{className:"k-master-row",children:[H(p,{children:"Chai"}),H(p,{children:"18"}),H(p,{children:"false"}),H(p,{className:"k-command-cell",children:H(d,{children:"Remove"})})]}),ft(w,{className:"k-master-row",alt:!0,children:[H(p,{children:"Chang"}),H(p,{children:"19"}),H(p,{children:"false"}),H(p,{className:"k-command-cell",children:H(d,{children:"Remove"})})]})]})]})})})})]}),...e});import{Fragment as nU,jsx as lU,jsxs as sU}from"react/jsx-runtime";import{Fragment as hr,jsx as b,jsxs as J}from"react/jsx-runtime";var QT=W.options,ZT=W.states,od={...W.defaultOptions,variant:"normal"},jT=[{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"}],eh=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Ha=e=>{let{variant:t,modifiers:o,...a}={...od,...e},l={toolbar:void 0,pager:void 0},s=J(ho,{children:[b(d,{icon:"plus",children:"Add New"}),b(d,{icon:"file-pdf",children:"Export to PDF"}),b("span",{className:"k-spacer"}),b(re,{prefix:b(g,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=b(ge,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(N=>{switch(N){case"toolbar":l.toolbar=o?.[N]?s:void 0;break;case"pager":l.pager=o?.[N]?c:void 0;break;default:return}});let m={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},h=J(hr,{children:[b(ie,{children:b("div",{className:"k-grid-header-wrap",children:J(ce,{children:[J("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(j,{children:J(w,{children:[b(I,{...m[t],columnTitle:"ID"}),b(I,{...m[t],columnTitle:"Product Name"}),b(I,{...m[t],columnTitle:"Units in Stock"}),b(I,{...m[t],columnTitle:"Units Price"})]})})]})})}),b(ee,{children:b(te,{children:J(oe,{children:[J("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),J(de,{children:[J(w,{children:[b(p,{children:"1"}),b(p,{children:"Chai"}),b(p,{children:"39"}),b(p,{children:"18"})]}),J(w,{className:"k-alt",alt:!0,children:[b(p,{children:"2"}),b(p,{children:"Chang"}),b(p,{children:"17"}),b(p,{children:"19"})]}),J(w,{children:[b(p,{children:"3"}),b(p,{children:"Aniseed Syrup"}),b(p,{children:"13"}),b(p,{children:"10"})]}),J(w,{className:"k-alt",alt:!0,children:[b(p,{children:"4"}),b(p,{children:"Chef Anton's Cajun Seasoning"}),b(p,{children:"53"}),b(p,{children:"22"})]}),J(w,{children:[b(p,{children:"5"}),b(p,{children:"Chef Anton's Gumbo Mix"}),b(p,{children:"0"}),b(p,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return b(ed,{...a,...l});case"editing":return b(td,{...a,...l});case"grouping":return b(ad,{...a,...l,groupingHeader:b(Kt,{children:J(xe,{children:[b(he,{icon:"sort-asc-small",actions:J(hr,{children:[b(Te,{type:"more"}),b(Te,{type:"remove"})]}),children:"ID"}),b(he,{icon:"sort-desc-small",actions:J(hr,{children:[b(Te,{type:"more"}),b(Te,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return b(W,{...a,...l,children:J(hr,{children:[b(ie,{children:J("div",{className:"k-grid-header-wrap",children:[" ",J(ce,{children:[J("colgroup",{children:[b("col",{className:"k-drag-col"}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(j,{children:J(w,{children:[b(I,{className:"k-drag-cell",accessibleLabel:"Reorder"}),b(I,{columnTitle:"ID"}),b(I,{columnTitle:"Product Name"}),b(I,{columnTitle:"Units in Stock"}),b(I,{columnTitle:"Units Price"})]})})]})]})}),b(ee,{children:b(te,{children:J(oe,{children:[J("colgroup",{children:[b("col",{className:"k-drag-col"}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),J(de,{children:[J(w,{children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"1"}),b(p,{children:"Chai"}),b(p,{children:"39"}),b(p,{children:"18"})]}),J(w,{className:"k-alt",alt:!0,children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"2"}),b(p,{children:"Chang"}),b(p,{children:"17"}),b(p,{children:"19"})]}),J(w,{children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"3"}),b(p,{children:"Aniseed Syrup"}),b(p,{children:"13"}),b(p,{children:"10"})]}),J(w,{className:"k-alt",alt:!0,children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"4"}),b(p,{children:"Chef Anton's Cajun Seasoning"}),b(p,{children:"53"}),b(p,{children:"22"})]}),J(w,{children:[b(p,{className:"k-drag-cell",children:b(g,{icon:"reorder"})}),b(p,{children:"5"}),b(p,{children:"Chef Anton's Gumbo Mix"}),b(p,{children:"0"}),b(p,{children:"21.35"})]})]})]})})})]})});case"filter-row":return b(ji,{...a,...l});default:return b(W,{...a,...l,children:h})}};Ha.options=QT;Ha.states=ZT;Ha.variants=jT;Ha.defaultOptions=od;Ha.modifiers=eh;import{Fragment as nn,jsx as O,jsxs as Ge}from"react/jsx-runtime";var ad=({dropClue:e,contentClassName:t,...o})=>O(W,{_renderAriaRoot:!0,groupingHeader:O(Kt,{dropClue:e,children:Ge(xe,{children:[O(he,{icon:"sort-asc-small",text:"ID",actions:Ge(nn,{children:[O(Te,{type:"more"}),O(Te,{type:"remove"})]})}),O(he,{icon:"sort-desc-small",text:"Name",actions:Ge(nn,{children:[O(Te,{type:"more"}),O(Te,{type:"remove"})]})})]})}),children:Ge(nn,{children:[O(ie,{draggable:!0,children:O("div",{className:"k-grid-header-wrap",children:Ge(ce,{children:[Ge("colgroup",{children:[O("col",{className:"k-group-col"}),O("col",{className:"k-group-col"}),O("col",{}),O("col",{}),O("col",{}),O("col",{})]}),O(j,{children:Ge(w,{children:[O(I,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),O(I,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),O(I,{colspan:1,columnTitle:"ID"}),O(I,{colspan:1,columnTitle:"Name"}),O(I,{colspan:1,columnTitle:"Price"}),O(I,{colspan:1,columnTitle:"Category"})]})})]})})}),O(ee,{children:O(te,{className:t,children:Ge(oe,{children:[Ge("colgroup",{children:[O("col",{className:"k-group-col"}),O("col",{className:"k-group-col"}),O("col",{}),O("col",{}),O("col",{}),O("col",{})]}),Ge(de,{children:[O(w,{className:"k-table-group-row k-grouping-row",children:O(p,{colspan:6,children:Ge("p",{className:"k-reset",children:[O(g,{icon:"caret-alt-right"}),"ID: 1"]})})}),O(w,{className:"k-table-group-row k-grouping-row",children:O(p,{colspan:6,children:Ge("p",{className:"k-reset",children:[O(g,{icon:"caret-alt-down"}),"ID: 2"]})})}),Ge(w,{className:"k-table-group-row k-grouping-row",children:[O(p,{className:"k-table-group-td k-group-cell"}),O(p,{colspan:5,children:Ge("p",{className:"k-reset",children:[O(g,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),Ge(w,{className:"k-master-row",alt:!0,children:[O(p,{className:"k-table-group-td k-group-cell"}),O(p,{className:"k-table-group-td k-group-cell"}),O(p,{colspan:0,children:"2"}),O(p,{colspan:0,children:"Chang"}),O(p,{colspan:0,children:"$19.00"}),O(p,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});export{ad as GridWithGrouping};