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

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

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

Files changed (86) hide show

package/dist/cjs/propertygrid/templates/propertygrid-with-preview.js CHANGED Viewed

	@@ -1 +1 @@
1	- var Up=Object.create;var pr=Object.defineProperty;var Fp=Object.getOwnPropertyDescriptor;var $p=Object.getOwnPropertyNames;var Vp=Object.getPrototypeOf,Wp=Object.prototype.hasOwnProperty;var Xp=(e,t)=>{for(var o in t)pr(e,o,{get:t[o],enumerable:!0})},mi=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let r of $p(t))!Wp.call(e,r)&&r!==o&&pr(e,r,{get:()=>t[r],enumerable:!(a=Fp(t,r))\|\|a.enumerable});return e};var ui=(e,t,o)=>(o=e!=null?Up(Vp(e)):{},mi(t\|\|!e\|\|!e.__esModule?pr(o,"default",{value:e,enumerable:!0}):o,e)),Jp=e=>mi(pr({},"__esModule",{value:!0}),e);var Zx={};Xp(Zx,{PropertyGridWithPreview:()=>Qx});module.exports=Jp(Zx);var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...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 R=(e,t)=>l({[`${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"}),H=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:c,active:b,selected:f,disabled:k,indeterminate:y,loading:C,empty:T,readonly:A,highlighted:w,...P}=t;return l({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":c,"k-active":b,"k-selected":f,"k-disabled":k,"k-indeterminate":y&&!c,"k-loading":C,"k-empty":T,"k-readonly":A,"k-highlighted":w},Object.keys(P).reduce((_,D)=>(D.startsWith("k-")?_[D]=P[D]:_[`k-${D}`]=P[D],_),{}))};function bi(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},N={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},v={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},x={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var te="grid",ae=te;var ur=require("react/jsx-runtime"),mr="k-grid",qp=[],Yp={size:[d.undefined,d.small,d.medium,d.large]},Qp=[],fi={pagerPosition:"bottom"},J=e=>{let{size:t,pagerPosition:o=fi.pagerPosition,toolbar:a,pager:r,groupingHeader:s,gridSelectionAggregates:c,_renderAriaRoot:b,resizable:f,...k}=e;return(0,ur.jsxs)("div",{...k,className:l(e.className,mr,{[`${mr}-resizable`]:f},R(mr,{size:t})),children:[a,o==="top"&&r,s,e.children&&b?(0,ur.jsx)("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&r]})};J.states=qp;J.options=Yp;J.variants=Qp;J.className=mr;J.defaultOptions=fi;J.moduleName=te;J.folderName=ae;var hi=require("react/jsx-runtime"),Ti="k-grid-header",q=e=>{let{draggable:t,...o}=e;return(0,hi.jsx)("div",{...o,className:l(e.className,Ti,{"k-grid-draggable-header":t}),children:e.children})};q.className=Ti;q.moduleName=te;q.folderName=ae;var da=require("react/jsx-runtime"),xi="k-grouping-header",io=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,da.jsxs)("div",{...a,className:l(e.className,xi),children:[o&&(0,da.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,da.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};io.className=xi;io.moduleName=te;io.folderName=ae;var ki=require("react/jsx-runtime"),Ni="k-grid-sticky-container",gi={position:"top"},br=e=>{let{position:t=gi.position,...o}=e;return(0,ki.jsx)("div",{...o,className:l(e.className,Ni,{"k-grid-sticky-top-container":t==="top","k-grid-sticky-bottom-container":t==="bottom"}),children:e.children})};br.className=Ni;br.defaultProps=gi;br.moduleName=te;br.folderName=ae;var Oe="table",Fe=Oe;var Li=require("react/jsx-runtime"),vi="k-data-table",Zp=[],jp={size:[d.undefined,d.small,d.medium,d.large]},em={},Xt=e=>{let{size:t,...o}=e;return(0,Li.jsx)("div",{...o,className:l(e.className,vi,R("k-table",{size:t})),children:e.children})};Xt.states=Zp;Xt.options=jp;Xt.className=vi;Xt.defaultOptions=em;Xt.moduleName=Oe;Xt.folderName=Fe;var Ci=require("react/jsx-runtime"),Zr="k-table-header-wrap",tm=[n.hover,n.focus,n.disabled],om={},am={},so=e=>{let{children:t,hover:o,focus:a,disabled:r,...s}=e;return(0,Ci.jsx)("div",{...s,className:l(e.className,Zr,H(Zr,{hover:o,focus:a,disabled:r})),children:t})};so.states=tm;so.options=om;so.className=Zr;so.defaultOptions=am;so.moduleName=Oe;so.folderName=Fe;var yi=require("react/jsx-runtime"),jr="k-table",rm=[],lm={size:[d.undefined,d.small,d.medium,d.large]},nm={},$e=e=>{let{size:t,...o}=e;return(0,yi.jsx)("table",{...o,className:l(e.className,jr,R(jr,{size:t})),children:e.children})};$e.states=rm;$e.options=lm;$e.className=jr;$e.defaultOptions=nm;$e.moduleName=Oe;$e.folderName=Fe;var fr=require("react/jsx-runtime"),el="k-table-header",im=[n.hover,n.focus,n.disabled],sm={},dm={},Jt=e=>{let{children:t,hover:o,focus:a,disabled:r,...s}=e;return(0,fr.jsx)("div",{...s,className:l(e.className,el,H(el,{hover:o,focus:a,disabled:r})),children:(0,fr.jsx)(so,{children:(0,fr.jsx)($e,{children:t})})})};Jt.states=im;Jt.options=sm;Jt.className=el;Jt.defaultOptions=dm;Jt.moduleName=Oe;Jt.folderName=Fe;var Si=require("react/jsx-runtime"),Mi="k-table-scroller",cm=[],pm={},mm={},Do=e=>{let{children:t,...o}=e;return(0,Si.jsx)("div",{...o,className:l(e.className,Mi),children:t})};Do.states=cm;Do.options=pm;Do.className=Mi;Do.defaultOptions=mm;Do.moduleName=Oe;Do.folderName=Fe;var um=require("react/jsx-runtime");var Ai=require("react/jsx-runtime"),wi="k-table-footer",bm=[],fm={},Tm={},co=e=>{let{children:t,...o}=e;return(0,Ai.jsx)("div",{...o,className:l(e.className,wi),children:t})};co.states=bm;co.options=fm;co.className=wi;co.defaultOptions=Tm;co.moduleName=Oe;co.folderName=Fe;var Ei=require("react/jsx-runtime"),tl="k-table-list",hm=[],xm={size:[d.undefined,d.small,d.medium,d.large]},Nm={},po=e=>{let{size:t,virtualization:o,...a}=e;return(0,Ei.jsx)("ul",{...a,className:l(e.className,"k-table",tl,R(tl,{size:t}),{"k-virtual-table":o}),children:e.children})};po.states=hm;po.options=xm;po.className=tl;po.defaultOptions=Nm;po.moduleName=Oe;po.folderName=Fe;var Ri=require("react/jsx-runtime"),gm="k-table-thead",X=e=>(0,Ri.jsx)("thead",{className:l(e.className,gm),children:e.children});var Ii=require("react/jsx-runtime"),km="k-table-tbody",oe=e=>(0,Ii.jsx)("tbody",{className:l(e.className,km),children:e.children});var vm=require("react/jsx-runtime");var Oi=require("react/jsx-runtime"),ol="k-table-row",Lm=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],L=e=>{let{hover:t,focus:o,selected:a,highlighted:r,disabled:s,alt:c,...b}=e;return(0,Oi.jsx)("tr",{...b,className:l(e.className,ol,{"k-table-alt-row":c},H(ol,{hover:t,focus:o,disabled:s,selected:a,highlighted:r})),children:e.children})};L.states=Lm;L.className=ol;var Pi=require("react/jsx-runtime"),al="k-table-row",Cm=[n.hover,n.focus,n.selected,n.disabled],Tr=e=>{let{hover:t,focus:o,selected:a,disabled:r,alt:s,...c}=e;return(0,Pi.jsx)("li",{...c,className:l(e.className,al,{"k-table-alt-row":s},H(al,{hover:t,focus:o,disabled:r,selected:a})),children:e.children})};Tr.states=Cm;Tr.className=al;var Gi=require("react/jsx-runtime"),Hi="k-table-th",qt=e=>{let{text:t,colspan:o,rowspan:a,...r}=e,s=t\|\|e.children;return(0,Gi.jsx)("th",{colSpan:o,rowSpan:a,...r,className:l(e.className,Hi),children:s})};qt.className=Hi;qt.moduleName=Oe;qt.folderName=Fe;var ym=require("react/jsx-runtime");var Ki=require("react/jsx-runtime"),rl="k-table-td",Mm=[n.focus,n.selected,n.highlighted],i=e=>{let{focus:t,selected:o,highlighted:a,text:r,colspan:s,rowspan:c,...b}=e,f=r\|\|e.children;return(0,Ki.jsx)("td",{colSpan:s,rowSpan:c,...b,className:l(e.className,rl,H(rl,{focus:t,selected:o,highlighted:a})),children:f})};i.states=Mm;i.className=rl;var Sm=require("react/jsx-runtime");var wm=require("react/jsx-runtime");var Am=require("react/jsx-runtime");var Em=require("react/jsx-runtime");var Rm=require("react/jsx-runtime");var Di=require("react/jsx-runtime");var _i=require("react/jsx-runtime");var zi=require("react/jsx-runtime");var ll=require("react/jsx-runtime");var Fi=require("react/jsx-runtime"),Ui="k-grid-header-table",Y=e=>(0,Fi.jsx)($e,{...e,className:l(e.className,Ui),children:e.children});Y.className=Ui;Y.moduleName=te;Y.folderName=ae;var ca=require("react/jsx-runtime"),nl="k-font-icon",Hm=[],Gm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark]},Km={},pa=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...c}=e;return a?(0,ca.jsx)("span",{...c,className:l(e.className,nl,R(nl,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true"}):(0,ca.jsx)(ca.Fragment,{})};pa.states=Hm;pa.options=Gm;pa.className=nl;pa.defaultOptions=Km;var $i=pa;var Lo=require("react/jsx-runtime"),il="k-svg-icon",Bm=[],Dm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark]},Vi={viewBox:"0 0 24 24"},ma=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Vi.viewBox,icon:c,...b}=e;if(!c)return(0,Lo.jsx)(Lo.Fragment,{});if(c==="none")return(0,Lo.jsx)("span",{...b,className:l(e.className,il,R("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name;return(0,Lo.jsx)("span",{...b,className:l(e.className,il,R("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"\|\|r==="both","k-flip-v":r==="v"\|\|r==="both"}),"aria-hidden":"true",children:(0,Lo.jsx)("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})})};ma.states=Bm;ma.options=Dm;ma.className=il;ma.defaultOptions=Vi;var sl=ma;var dl=ui(require("@progress/kendo-svg-icons"));var Wi="icon",Xi="icons";var Yi=require("react");var Ji=require("react"),qi=(0,Ji.createContext)({iconsType:"svg"});var Yt=require("react/jsx-runtime"),hr="k-icon",_m=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),zm=[],Um={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark]},cl={viewBox:"0 0 24 24",type:"svg"},m=e=>{let{iconsType:t}=(0,Yi.useContext)(qi),{size:o,themeColor:a,icon:r,type:s=t\|\|cl.type,rotate:c,flip:b,viewBox:f=cl.viewBox,...k}=e;if(!r)return(0,Yt.jsx)(Yt.Fragment,{});if((t\|\|s)==="svg"){if(r==="none")return(0,Yt.jsx)(sl,{...k,className:l(e.className,hr),icon:r,size:o});let C=dl[r]?r:_m(`${r}-icon`);return dl[C]?(0,Yt.jsx)(sl,{...k,className:l(e.className,hr),icon:dl[C],size:o,themeColor:a,rotate:c,flip:b,viewBox:f}):(0,Yt.jsx)(Yt.Fragment,{})}return(0,Yt.jsx)($i,{...k,className:l(e.className,hr),icon:r,size:o,themeColor:a,rotate:c,flip:b})};m.states=zm;m.options=Um;m.defaultOptions=cl;m.className=hr;m.moduleName=Wi;m.folderName=Xi;m.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var mt=require("react/jsx-runtime"),pl="k-header",Fm=[n.hover,n.focus,n.active],Qi={sortIcon:"sort-asc-small"},M=e=>{let{menu:t,sortable:o,filterable:a,sticky:r,resizable:s,columnTitle:c,hover:b,focus:f,active:k,sortIcon:y=Qi.sortIcon,sortOrder:C,accessibleLabel:T,...A}=e;return(0,mt.jsxs)(qt,{...A,className:l(e.className,pl,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":r,"k-touch-action-none":s},H(pl,{hover:b,focus:f,active:k})),children:[c&&(0,mt.jsxs)("span",{className:"k-cell-inner",children:[(0,mt.jsxs)("span",{className:"k-link",children:[(0,mt.jsx)("span",{className:"k-column-title",children:c}),o&&(0,mt.jsx)("span",{className:"k-sort-icon",children:(0,mt.jsx)(m,{icon:y})}),C&&(0,mt.jsx)("span",{className:"k-sort-order",children:C})]}),t&&(0,mt.jsx)("a",{href:"#",className:l("k-grid-header-menu",{"k-active":k,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,mt.jsx)(m,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&T&&(0,mt.jsx)("span",{className:"k-sr-only",children:T}),e.children,s&&(0,mt.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};M.states=Fm;M.className=pl;M.defaultOptions=Qi;M.moduleName=te;M.folderName=ae;var ji=require("react/jsx-runtime"),Zi="k-grid-container",re=e=>(0,ji.jsx)("div",{...e,className:l(e.className,Zi),children:e.children});re.className=Zi;re.moduleName=te;re.folderName=ae;var ts=require("react/jsx-runtime"),es="k-grid-content",Q=e=>(0,ts.jsx)("div",{...e,className:l(e.className,es),children:e.children});Q.className=es;Q.moduleName=te;Q.folderName=ae;var as=require("react/jsx-runtime"),os="k-grid-table",Z=e=>(0,as.jsx)($e,{...e,className:l(e.className,os),children:e.children});Z.className=os;Z.moduleName=te;Z.folderName=ae;var ls=require("react/jsx-runtime"),rs="k-grid-footer",ml=e=>(0,ls.jsx)("div",{...e,className:l(e.className,rs),children:e.children});ml.className=rs;ml.moduleName=te;ml.folderName=ae;var is=require("react/jsx-runtime"),ns="k-grid-footer-table",ul=e=>(0,is.jsx)($e,{...e,className:l(e.className,ns),children:e.children});ul.className=ns;ul.moduleName=te;ul.folderName=ae;var bl="button",ss=bl;var It=require("react/jsx-runtime"),ua="k-button",$m=["icon-button"],Vm=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Wm={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark,x.inverse]},fl={showArrow:!1,arrowIconName:"caret-alt-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:c=fl.showArrow,arrowIconName:b=fl.arrowIconName,variant:f,hover:k,focus:y,active:C,selected:T,disabled:A,togglable:w,icon:P,text:_,iconClassName:D,className:V,...be}=e,Le=P!==void 0,Qe=e.children!==void 0;return(0,It.jsxs)(t,{className:l(V,ua,bi(ua,f),R(ua,{size:o,rounded:a,fillMode:r,themeColor:s}),H(ua,{hover:k,focus:y,active:C,disabled:A,selected:T}),{"k-icon-button":!_&&!Qe&&Le}),...be,"aria-pressed":w?T?"true":"false":void 0,disabled:A\|\|void 0,children:[P&&(0,It.jsx)(m,{className:l(D,"k-button-icon"),icon:P}),_?(0,It.jsxs)(It.Fragment,{children:[_&&(0,It.jsx)("span",{className:"k-button-text",children:_}),e.children]}):e.children&&(0,It.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,It.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,It.jsx)(m,{icon:b})})]})};p.states=Vm;p.options=Wm;p.variants=$m;p.className=ua;p.defaultOptions=fl;p.moduleName=bl;p.folderName=ss;p.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var ds=require("react/jsx-runtime"),mo=e=>(0,ds.jsx)(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var cs=require("react/jsx-runtime"),ba=e=>(0,cs.jsx)(p,{icon:"folder",children:"Button",...e});var ps=require("react/jsx-runtime"),Co=e=>(0,ps.jsx)(p,{children:"Button",...e});var xr=require("react/jsx-runtime"),Xm=p.options,Jm=p.states,qm={...p.defaultOptions,variant:"text"},Ym=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Qm=[],fa=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,xr.jsx)(mo,{...o,icon:"star"});case"icon-and-text":return(0,xr.jsx)(ba,{...o,icon:"star",children:"Button"});default:return(0,xr.jsx)(Co,{...o,children:"Button"})}};fa.options=Xm;fa.states=Jm;fa.variants=Ym;fa.defaultOptions=qm;fa.modifiers=Qm;var Ta="input",Nr=Ta;var ms=require("react/jsx-runtime"),gr="k-input",Zm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],jm={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},eu={},Ce=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:b,size:f,rounded:k,fillMode:y,...C}=e;return(0,ms.jsx)("span",{...C,className:l(e.className,gr,R(gr,{size:f,rounded:k,fillMode:y}),H(gr,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:b}))})};Ce.states=Zm;Ce.options=jm;Ce.className=gr;Ce.defaultOptions=eu;Ce.moduleName=Ta;Ce.folderName=Nr;var us=require("react/jsx-runtime"),kr="k-picker",tu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ou={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},au={},Bt=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:b,size:f,rounded:k,fillMode:y,...C}=e;return(0,us.jsx)("span",{...C,className:l(e.className,kr,R(kr,{size:f,rounded:k,fillMode:y}),H(kr,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:b})),children:e.children})};Bt.states=tu;Bt.options=ou;Bt.className=kr;Bt.defaultOptions=au;Bt.moduleName=Ta;Bt.folderName=Nr;var _o=require("react/jsx-runtime"),bs="k-clear-value",ru=[n.disabled,n.loading,n.readonly],lu={},ut=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t\|\|a\|\|o\|\|!r?(0,_o.jsx)(_o.Fragment,{}):(0,_o.jsx)("span",{className:l(e.className,bs),children:(0,_o.jsx)(m,{icon:"x"})})};ut.states=ru;ut.options=lu;ut.className=bs;var fs=require("react/jsx-runtime"),Tl="k-input-inner",nu=[],iu={},vr={type:"text",autocomplete:"off",value:"",placeholder:""},bt=e=>{let{value:t=vr.value,type:o=vr.type,placeholder:a=vr.placeholder,autocomplete:r=vr.autocomplete,disabled:s,readOnly:c,...b}=e;return(0,fs.jsx)("input",{...b,type:o,className:l(e.className,Tl,R(Tl,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s\|\|void 0,readOnly:c\|\|void 0})};bt.states=nu;bt.options=iu;bt.className=Tl;var ha=require("react/jsx-runtime"),hl="k-input-inner",su=[],du={},yo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...c}=e;return(0,ha.jsxs)("span",{...c,className:l(e.className,hl,R(hl,e)),children:[r,!r&&s&&(0,ha.jsx)(m,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&(0,ha.jsx)("span",{className:"k-input-value-text",children:t})]})};yo.states=su;yo.options=du;yo.className=hl;var hs=require("react/jsx-runtime"),xl="k-input-inner",cu=[],pu={},Ts={value:"",placeholder:""},Nl=e=>{let{value:t=Ts.value,placeholder:o=Ts.placeholder,rows:a,disabled:r,...s}=e;return(0,hs.jsx)("textarea",{...s,className:l(e.className,xl,R(xl,e)),placeholder:o,rows:a,defaultValue:t,disabled:r\|\|void 0})};Nl.states=cu;Nl.options=pu;Nl.className=xl;var xa=require("react/jsx-runtime"),xs="k-input-loading-icon",mu=[n.disabled,n.loading],ot=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,xa.jsx)(xa.Fragment,{}):(0,xa.jsx)("span",{className:l(e.className,xs,"k-icon k-i-loading")})};ot.states=mu;ot.className=xs;var Na=require("react/jsx-runtime"),Ns="k-input-validation-icon",uu=[n.valid,n.invalid,n.disabled,n.loading],bu={},Ze=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a\|\|r\|\|!!!(t\|\|o)?(0,Na.jsx)(Na.Fragment,{}):(0,Na.jsx)(m,{className:l(Ns),icon:s})};Ze.states=uu;Ze.options=bu;Ze.className=Ns;var ga=require("react/jsx-runtime"),fu="k-input-prefix",Tu={direction:"horizontal"},kt=e=>{let{direction:t=Tu.direction,...o}=e;return e.children?(0,ga.jsx)("span",{...o,className:l(fu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,ga.jsx)(ga.Fragment,{})};var ka=require("react/jsx-runtime"),hu="k-input-suffix",xu={direction:"horizontal"},vt=e=>{let{direction:t=xu.direction,...o}=e;return e.children?(0,ka.jsx)("span",{...o,className:l(hu,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,ka.jsx)(ka.Fragment,{})};var Nu=require("react/jsx-runtime");var gs=require("react/jsx-runtime"),gu="k-input-suffix-text",gl=e=>{let{children:t,...o}=e;return(0,gs.jsx)("span",{...o,className:l(gu,e.className),children:t})};var vs=require("react/jsx-runtime"),ks="k-input-separator",ku={direction:"vertical"},Lt=e=>{let{direction:t=ku.direction,...o}=e;return(0,vs.jsx)("span",{...o,className:l(ks,e.className,{[`${ks}-${t}`]:t})})};var Re=require("react/jsx-runtime"),vu=Ce.states,Lu=Ce.defaultOptions,Cu=Ce.options,yu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Mu=[],va=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:c,...b}=e,f=t==null?void 0:t.prefix,k=t==null?void 0:t.suffix,y=t==null?void 0:t["clear-button"],C=t==null?void 0:t["validation-icon"],T=t==null?void 0:t.separators;return(0,Re.jsxs)(Ce,{...b,valid:o,invalid:a,loading:r,disabled:s,readonly:c,style:{width:300},children:[f&&(0,Re.jsxs)(Re.Fragment,{children:[(0,Re.jsx)(kt,{children:(0,Re.jsx)(m,{icon:"lock"})}),T&&(0,Re.jsx)(Lt,{})]}),(0,Re.jsx)(bt,{placeholder:"Placeholder",value:"Value"}),C&&(0,Re.jsx)(Ze,{valid:o,invalid:a,loading:r,disabled:s}),(0,Re.jsx)(ot,{loading:r,disabled:s}),y&&(0,Re.jsx)(ut,{loading:r,disabled:s,readonly:c,value:"Value"}),k&&(0,Re.jsxs)(Re.Fragment,{children:[T&&(0,Re.jsx)(Lt,{}),(0,Re.jsx)(vt,{children:(0,Re.jsx)(Co,{size:b.size,fillMode:"clear",children:"Send"})})]})]})};va.options=Cu;va.states=vu;va.variants=Mu;va.defaultOptions=Lu;va.modifiers=yu;var kl="popup",Ls=kl;var vl=require("react/jsx-runtime"),Cs="k-animation-container",Su=[],wu={},ys={positionMode:"absolute"},Dt=e=>{let{positionMode:t=ys.positionMode,animationStyle:o,offset:a,...r}=e;return(0,vl.jsx)("div",{...r,style:{...a,...e.style},className:l(e.className,Cs,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,vl.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Dt.states=Su;Dt.options=wu;Dt.className=Cs;Dt.defaultOptions=ys;Dt.moduleName=kl;Dt.folderName=Ls;var Ll="popup",Ms=Ll;var Cl=require("react/jsx-runtime"),Ss="k-popup",Au=[],Eu={},ws={positionMode:"absolute"},me=e=>{let{offset:t,positionMode:o=ws.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:c,...b}=e;return(0,Cl.jsx)(Dt,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":c,children:(0,Cl.jsx)("div",{...b,className:l(e.className,Ss),children:e.children})})};me.states=Au;me.options=Eu;me.className=Ss;me.defaultOptions=ws;me.moduleName=Ll;me.folderName=Ms;me.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var yl="action-buttons",As=yl;var Es=require("react/jsx-runtime"),Lr="k-actions",Ru=[],Iu={},Ml={alignment:"start",orientation:"horizontal"},_t=e=>{let{alignment:t=Ml.alignment,orientation:o=Ml.orientation,...a}=e;return(0,Es.jsx)("div",{...a,className:l(Lr,{[`${Lr}-${t}`]:t,[`${Lr}-${o}`]:o},e.className),children:e.children})};_t.states=Ru;_t.options=Iu;_t.className=Lr;_t.defaultOptions=Ml;_t.moduleName=yl;_t.folderName=As;var Is=require("react/jsx-runtime"),Ou="k-actionsheet-footer",Rs={alignment:"stretched",orientation:"horizontal"},uo=e=>{let{alignment:t=Rs.alignment,orientation:o=Rs.orientation,template:a,as:r=a?"div":_t,...s}=e;return(0,Is.jsx)(r,{...s,...!a&&{alignment:t,orientation:o},className:l(e.className,Ou),children:e.children})};var Sl="searchbox",Os=Sl;var bo=require("react/jsx-runtime"),Ps="k-searchbox",Pu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Hu={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},wl={showIcon:!0,icon:"search"},Ct=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:c,focus:b,valid:f,invalid:k,required:y,loading:C,disabled:T,showIcon:A=wl.showIcon,icon:w=wl.icon,...P}=e;return(0,bo.jsxs)(Ce,{...P,size:a,rounded:r,fillMode:s,hover:c,focus:b,valid:f,invalid:k,required:y,loading:C,disabled:T,className:l(e.className,Ps),children:[A&&(0,bo.jsx)(m,{className:"k-input-icon",icon:w}),(0,bo.jsx)(bt,{placeholder:o,value:t}),(0,bo.jsx)(ot,{...e}),(0,bo.jsx)(Ze,{...e}),(0,bo.jsx)(ut,{...e})]})};Ct.states=Pu;Ct.options=Hu;Ct.className=Ps;Ct.defaultOptions=wl;Ct.moduleName=Sl;Ct.folderName=Os;var Gu=require("react/jsx-runtime");var Al="textbox",Hs=Al;var Ve=require("react/jsx-runtime"),Gs="k-textbox",Ku=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Bu={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Cr={showClearButton:!0,showValidationIcon:!0,separators:!0},ne=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Cr.separators,showClearButton:s=Cr.showClearButton,showValidationIcon:c=Cr.showValidationIcon,prefix:b,suffix:f,type:k,value:y,placeholder:C,hover:T,focus:A,valid:w,invalid:P,required:_,loading:D,disabled:V,readonly:be,id:Le,"aria-label":Qe,"aria-describedby":ct,...pt}=e;return(0,Ve.jsxs)(Ce,{...pt,size:t,rounded:o,fillMode:a,hover:T,focus:A,valid:w,invalid:P,required:_,loading:D,disabled:V,readonly:be,className:l(e.className,Gs),children:[b&&(0,Ve.jsxs)(Ve.Fragment,{children:[(0,Ve.jsx)(kt,{children:b}),r&&(0,Ve.jsx)(Lt,{})]}),(0,Ve.jsx)(bt,{id:Le,placeholder:C,value:y,type:k,disabled:V,"aria-label":Qe,"aria-describedby":ct,"aria-invalid":P?"true":void 0}),c&&(0,Ve.jsx)(Ze,{valid:w,invalid:P,loading:D,disabled:V}),(0,Ve.jsx)(ot,{loading:D,disabled:V}),s&&(0,Ve.jsx)(ut,{loading:D,disabled:V,readonly:be,value:y}),f&&(0,Ve.jsxs)(Ve.Fragment,{children:[r&&(0,Ve.jsx)(Lt,{}),(0,Ve.jsx)(vt,{children:f})]})]})};ne.states=Ku;ne.options=Bu;ne.className=Gs;ne.defaultOptions=Cr;ne.moduleName=Al;ne.folderName=Hs;ne.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var La=ne;var Bs=require("react/jsx-runtime"),Ks=e=>(0,Bs.jsx)(La,{...e});var Ds=require("react/jsx-runtime");var _s=require("react/jsx-runtime");var Du=require("react/jsx-runtime");var yr=require("react/jsx-runtime"),_u=ne.states,zu=ne.defaultOptions,Uu=ne.options,Fu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],$u=[],Ca=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t!=null&&t[r]?(0,yr.jsx)(m,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,yr.jsx)(Co,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[r];break;default:break}}),(0,yr.jsx)(Ks,{value:"Value",style:{width:300},...o,...a})};Ca.options=Uu;Ca.states=_u;Ca.variants=$u;Ca.defaultOptions=zu;Ca.modifiers=Fu;var ft=require("react/jsx-runtime"),zs="k-actionsheet-titlebar",Vu={},je=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:c,inputValue:b,inputPlaceholder:f,adaptive:k,titleId:y,children:C,...T}=e;return(0,ft.jsxs)("div",{...T,className:l(e.className,zs),children:[(0,ft.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,ft.jsx)("div",{className:"k-actionsheet-actions",children:a}),!C&&(0,ft.jsxs)("div",{className:"k-actionsheet-title",id:y,children:[t&&(0,ft.jsx)("div",{className:"k-text-center",children:t}),o&&(0,ft.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),C&&(0,ft.jsx)("div",{className:"k-actionsheet-title",id:y,children:C}),r&&(0,ft.jsx)("div",{className:"k-actionsheet-actions",children:r})]}),(c\|\|s)&&(0,ft.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?(0,ft.jsx)(ne,{value:b,placeholder:f,size:k?"large":"medium","aria-label":t\|\|f\|\|"Input"}):(0,ft.jsx)(Ct,{placeholder:"Filter",size:k?"large":"medium","aria-label":"Filter options"})})]})};je.className=zs;je.defaultOptions=Vu;var zo=require("react/jsx-runtime"),El="k-actionsheet-view",Wu=[],Xu={},Ju={},Uo=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:c,...b}=e,f=(r==null?void 0:r.type)===je&&(0,zo.jsx)(je,{adaptive:t,titleId:c,...r==null?void 0:r.props}),k=(s==null?void 0:s.type)===uo&&(0,zo.jsx)(uo,{...s==null?void 0:s.props});return(0,zo.jsxs)("div",{...b,className:l(e.className,El,{[`${El}-animated`]:o}),children:[f,(0,zo.jsx)("div",{className:"k-actionsheet-content",children:a}),k]})};Uo.states=Wu;Uo.options=Xu;Uo.className=El;Uo.defaultOptions=Ju;var ya="action-sheet",Mr=ya;var Rl="overlay",Us=Rl;var Fs=require("react/jsx-runtime"),Il="k-overlay",qu=[],Yu={themeColor:[x.undefined,x.light,x.dark,x.inverse]},Qu={},fo=e=>{let{themeColor:t,...o}=e;return(0,Fs.jsx)("div",{...o,className:l(e.className,Il,R(Il,{themeColor:t})),children:e.children})};fo.states=qu;fo.options=Yu;fo.className=Il;fo.defaultOptions=Qu;fo.moduleName=Rl;fo.folderName=Us;var Mo=require("react/jsx-runtime"),$s="k-actionsheet",Zu=[],ju={},Ma={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ge=e=>{let{side:t=Ma.side,fullscreen:o=Ma.fullscreen,adaptive:a=Ma.adaptive,overlay:r=Ma.overlay,template:s,children:c,header:b,footer:f,id:k,...y}=e,C=k&&!s&&b?`${k}-title`:void 0;return(0,Mo.jsxs)("div",{className:"k-actionsheet-container",children:[r&&(0,Mo.jsx)(fo,{}),(0,Mo.jsx)(Dt,{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:(0,Mo.jsx)("div",{...y,id:k,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":C,className:l(e.className,$s,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|(0,Mo.jsx)(Uo,{header:b,footer:f,adaptive:a,titleId:C,...e,children:c})})})]})};ge.states=Zu;ge.options=ju;ge.className=$s;ge.defaultOptions=Ma;ge.moduleName=ya;ge.folderName=Mr;ge.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."}]};var Ws=require("react/jsx-runtime"),Vs="k-actionsheet-container",eb=[],tb={},ob={},Fo=e=>{let{children:t,...o}=e;return(0,Ws.jsx)("div",{...o,className:Vs,children:t})};Fo.states=eb;Fo.options=tb;Fo.className=Vs;Fo.defaultOptions=ob;Fo.moduleName=ya;Fo.folderName=Mr;var Xs=require("react/jsx-runtime"),Ol=e=>{let{...t}=e;return(0,Xs.jsx)("div",{...t,className:l(e.className,"k-list-ul"),children:e.children})};var yt=require("react/jsx-runtime"),Pl="k-actionsheet-item",ab=[n.hover,n.focus,n.selected,n.disabled],To=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:c,disabled:b,...f}=e;return(0,yt.jsxs)("span",{...f,className:l(e.className,Pl,H(Pl,{hover:r,focus:s,selected:c,disabled:b})),children:[!e.children&&(0,yt.jsx)(yt.Fragment,{children:(0,yt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,yt.jsx)("span",{className:"k-icon-wrap",children:(0,yt.jsx)(m,{className:"k-actionsheet-item-icon",icon:t})}),(0,yt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,yt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,yt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};To.states=ab;To.className=Pl;var Js=require("react/jsx-runtime");var rb=require("react/jsx-runtime");var lb=require("react/jsx-runtime");var nb=require("react/jsx-runtime");var fe=require("react/jsx-runtime"),ib=ge.options,sb=ge.states,Ys={...ge.defaultOptions,variant:"normal"},db=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],cb=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Sa=e=>{let{variant:t,modifiers:o,...a}={...Ys,...e},r={},s=(0,fe.jsxs)(Ol,{children:[(0,fe.jsx)(To,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,fe.jsx)(To,{text:"Add to Favorites",iconName:"heart"}),(0,fe.jsx)(To,{text:"Upload New",iconName:"upload",disabled:!0}),(0,fe.jsx)("hr",{className:"k-hr"}),(0,fe.jsx)(To,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",b="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o\|\|{}).forEach(f=>{switch(f){case"actions":r.actionsStart=!!(o!=null&&o[f]),r.actionsEnd=!!(o!=null&&o[f]);break;case"subtitle":r.subtitle=o!=null&&o[f]?c:void 0;break;case"footer":r.footer=!!(o!=null&&o[f]);break;default:break}}),t==="adaptive"?(0,fe.jsx)(ge,{...a,adaptive:!0,fullscreen:r.fullScreen,header:(0,fe.jsx)(je,{actionsStart:r.actionsStart?(0,fe.jsx)(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,fe.jsx)(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:b,subtitle:r.subtitle}),footer:r.footer?(0,fe.jsxs)(uo,{alignment:"stretched",children:[(0,fe.jsx)(p,{text:"Cancel",size:"large",themeColor:"base"}),(0,fe.jsx)(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,fe.jsx)(ge,{...a,fullscreen:r.fullScreen,header:(0,fe.jsx)(je,{actionsStart:r.actionsStart?(0,fe.jsx)(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,fe.jsx)(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?(0,fe.jsxs)(uo,{alignment:"stretched",children:[(0,fe.jsx)(p,{text:"Apply",themeColor:"primary"}),(0,fe.jsx)(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Sa.options=ib;Sa.states=sb;Sa.variants=db;Sa.defaultOptions=Ys;Sa.modifiers=cb;var wr=ui(require("react"));var Hl=require("react/jsx-runtime"),pb="k-list-group-sticky-header",Gl=e=>(0,Hl.jsx)("div",{className:l(pb,e.className),children:(0,Hl.jsx)("div",{className:"k-list-header-text",children:e.children})});var Qs=require("react/jsx-runtime"),mb="k-no-data",Sr=e=>{let{live:t,...o}=e;return(0,Qs.jsx)("span",{...o,className:l(mb,e.className),"aria-live":t?"polite":void 0,children:e.children})};var So="list",$o=So;var Vo=require("react/jsx-runtime"),Kl="k-list",ub=[],bb={size:[d.undefined,d.small,d.medium,d.large]},fb={},j=e=>{var A;let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:c,noData:b,screenReaders:f,...k}=e,C=wr.default.Children.toArray(a)[0],T=(A=C==null?void 0:C.props)!=null&&A.children?wr.default.Children.count(C.props.children):wr.default.Children.count(a);return(0,Vo.jsxs)("div",{...k,className:l(e.className,Kl,R(Kl,{size:t}),{"k-virtual-list":o}),children:[s,c,r&&(0,Vo.jsx)(Gl,{children:r}),a\|\|(b!==void 0?b:(0,Vo.jsx)(Sr,{live:!0,children:"No data found."})),f&&a&&(0,Vo.jsxs)(Sr,{className:"k-sr-only",live:!0,children:[T," items found."]})]})};j.states=ub;j.options=bb;j.className=Kl;j.defaultOptions=fb;j.moduleName=So;j.folderName=$o;j.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var js=require("react/jsx-runtime"),Zs="k-list-container",Tb=[],hb={},xb={},Wo=e=>{let{...t}=e;return(0,js.jsx)("div",{...t,className:l(e.className,Zs),children:e.children})};Wo.states=Tb;Wo.options=hb;Wo.className=Zs;Wo.defaultOptions=xb;Wo.moduleName=So;Wo.folderName=$o;var wo="checkbox",Xo=wo;var Bl=require("react/jsx-runtime"),Ar="k-checkbox",Nb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],gb={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full]},kb={},at=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:c,invalid:b,valid:f,required:k,size:y,rounded:C,...T}=e;return(0,Bl.jsx)("span",{className:"k-checkbox-wrap",children:(0,Bl.jsx)("input",{...T,id:t,type:"checkbox",defaultChecked:o,required:k,disabled:c\|\|void 0,"aria-invalid":b?"true":void 0,className:l(e.className,Ar,R(Ar,{size:y,rounded:C}),H(Ar,{hover:r,focus:s,disabled:c,invalid:b,valid:f,indeterminate:a,checked:o}))})})};at.states=Nb;at.options=gb;at.className=Ar;at.defaultOptions=kb;at.moduleName=wo;at.folderName=Xo;at.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 zt=at;var od=require("react/jsx-runtime"),ed="k-checkbox-list",vb=[],Lb={},td={layout:"vertical"},rt=e=>{let{layout:t=td.layout,...o}=e;return(0,od.jsx)("ul",{...o,className:l(e.className,ed,{[`k-list-${t}`]:t}),children:e.children})};rt.states=vb;rt.options=Lb;rt.className=ed;rt.defaultOptions=td;rt.moduleName=wo;rt.folderName=Xo;var rd=require("react/jsx-runtime"),ad="k-checkbox-list-item",Cb=[],yb={},Mb={},et=e=>{let{...t}=e;return(0,rd.jsx)("li",{...t,className:l(e.className,ad),children:e.children})};et.states=Cb;et.options=yb;et.className=ad;et.defaultOptions=Mb;et.moduleName=wo;et.folderName=Xo;var Ao=require("react/jsx-runtime"),Qt=({children:e,id:t,...o})=>(0,Ao.jsxs)(Ao.Fragment,{children:[(0,Ao.jsx)(zt,{id:t,...o}),(0,Ao.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Dl=require("react/jsx-runtime");var _l=require("react/jsx-runtime");var zl=require("react/jsx-runtime");var Sb=require("react/jsx-runtime");var wb=require("react/jsx-runtime");var Ab=require("react/jsx-runtime");var We=require("react/jsx-runtime"),Eb=rt.options,Rb=rt.states,Ib={...rt.defaultOptions,variant:"vertical"},Ob=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Pb=[],wa=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,We.jsxs)(rt,{layout:"horizontal",...o,children:[(0,We.jsx)(et,{children:(0,We.jsx)(Qt,{id:"first",defaultChecked:!0,children:"Label"})}),(0,We.jsx)(et,{children:(0,We.jsx)(Qt,{id:"second",children:"Label"})}),(0,We.jsx)(et,{children:(0,We.jsx)(Qt,{id:"third",children:"Label"})})]}):(0,We.jsxs)(rt,{...o,children:[(0,We.jsx)(et,{children:(0,We.jsx)(Qt,{id:"first",defaultChecked:!0,children:"Label"})}),(0,We.jsx)(et,{children:(0,We.jsx)(Qt,{id:"second",children:"Label"})}),(0,We.jsx)(et,{children:(0,We.jsx)(Qt,{id:"third",children:"Label"})})]})};wa.options=Eb;wa.states=Rb;wa.variants=Ob;wa.defaultOptions=Ib;wa.modifiers=Pb;var ld=require("react/jsx-runtime"),Hb=zt.options,Gb=zt.states,Kb=zt.defaultOptions,Bb=[],Db=[],Aa=e=>(0,ld.jsx)(Qt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});Aa.options=Hb;Aa.states=Gb;Aa.variants=Bb;Aa.defaultOptions=Kb;Aa.modifiers=Db;var Ut=require("react/jsx-runtime"),Ul="k-list-item",_b=[n.hover,n.focus,n.selected,n.disabled],zb={},Ub={},$=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:c,checked:b,hover:f,focus:k,selected:y,disabled:C,actions:T,description:A,id:w,...P}=e,_=t\|\|e.children;return(0,Ut.jsxs)("li",{...P,id:w,role:a?"presentation":"option",tabIndex:a?void 0:k?0:-1,"aria-selected":!a&&y?"true":a?void 0:"false","aria-disabled":!a&&C?"true":void 0,className:l(e.className,a?"k-list-group-item":Ul,H(Ul,{hover:f,focus:k,disabled:C,selected:y})),children:[c&&(0,Ut.jsx)(at,{checked:b}),r&&(0,Ut.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Ut.jsx)(m,{icon:r,className:l("k-list-item-icon",s)})}),(0,Ut.jsx)("span",{className:"k-list-item-text",children:_}),T&&(0,Ut.jsx)("div",{className:"k-list-item-actions",children:T}),A&&(0,Ut.jsx)("span",{className:"k-list-item-description",children:A}),o&&o!==""&&(0,Ut.jsx)("div",{className:"k-list-item-group-label",children:o})]})};$.states=_b;$.options=zb;$.className=Ul;$.defaultOptions=Ub;$.moduleName=So;$.folderName=$o;$.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."}]};var nd=require("react/jsx-runtime"),Fb="k-list-ul",Zt=e=>{let{children:t,role:o,id:a,...r}=e;return(0,nd.jsx)("ul",{...r,id:a,role:o,className:l(Fb,e.className),children:t})};Zt.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."}]};var Jo=require("react/jsx-runtime"),$b="k-list-content",se=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...c}=e;return(0,Jo.jsxs)("div",{...c,className:l($b,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:(0,Jo.jsx)(Zt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&(0,Jo.jsx)("div",{className:"k-height-container",children:(0,Jo.jsx)("div",{})})]})};se.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};var Fl=require("react/jsx-runtime");var qo=require("react/jsx-runtime"),Vb="k-list-group-item",Eo=e=>{let{groupIconName:t,...o}=e;return(0,qo.jsxs)("li",{...o,role:"presentation",className:l(Vb,e.className),children:[t&&(0,qo.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,qo.jsx)(m,{icon:t,className:"k-list-item-icon"})}),(0,qo.jsx)("span",{className:"k-list-item-text",children:e.children})]})};Eo.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."}]};var id=require("react/jsx-runtime"),$l="k-list-optionlabel",Wb=[n.hover,n.focus,n.selected,n.disabled],Xb={},Jb={},Er=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...c}=e;return(0,id.jsx)("div",{...c,className:l($l,H($l,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Er.states=Wb;Er.options=Xb;Er.className=$l;Er.defaultOptions=Jb;var sd=require("react/jsx-runtime"),Vl="k-list-custom-value",qb=[n.hover,n.focus,n.selected,n.disabled],Yb={},Qb={},ho=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...c}=e;return(0,sd.jsx)("div",{...c,className:l(Vl,H(Vl,{hover:o,focus:a,selected:r,disabled:s})),children:t})};ho.states=qb;ho.options=Yb;ho.className=Vl;ho.defaultOptions=Qb;var Wl=require("react/jsx-runtime");var Xl=require("react/jsx-runtime");var Jl=require("react/jsx-runtime");var ql=require("react/jsx-runtime");var Zb=require("react/jsx-runtime");var Yl=require("react/jsx-runtime");var dd="dropdown-list",cd="dropdownlist";var Te=require("react/jsx-runtime"),pd="k-dropdownlist",jb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ef={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Ql={showValue:!0,arrowIconName:"caret-alt-down"},ie=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=Ql.arrowIconName,showValue:s=Ql.showValue,valueIconName:c,prefix:b,suffix:f,value:k,placeholder:y,hover:C,focus:T,valid:A,invalid:w,required:P,loading:_,disabled:D,readonly:V,popup:be,opened:Le,adaptive:Qe,adaptiveSettings:ct,adaptiveTitle:pt,adaptiveSubtitle:Bo,adaptiveFilter:Qr,...cr}=e;return(0,Te.jsxs)(Te.Fragment,{children:[(0,Te.jsxs)(Bt,{...cr,size:t,rounded:o,fillMode:a,hover:C,focus:T,valid:A,invalid:w,required:P,loading:_,disabled:D,readonly:V,className:l(e.className,pd,{"k-icon-picker":!s&&c}),children:[(0,Te.jsx)(kt,{children:b}),(0,Te.jsx)(yo,{placeholder:y,value:k,showValue:s,valueIconName:c}),(0,Te.jsx)(Ze,{valid:A,invalid:w,loading:_,disabled:D}),(0,Te.jsx)(ot,{loading:_,disabled:D}),(0,Te.jsx)(vt,{children:f}),(0,Te.jsx)(p,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":y\|\|"Toggle dropdown"})]}),Le&&be&&(0,Te.jsx)(me,{className:"k-list-container k-dropdownlist-popup",children:be}),Qe&&(0,Te.jsx)(ge,{adaptive:!0,...ct,header:(0,Te.jsx)(je,{actionsEnd:(0,Te.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Qr,inputValue:k,inputPlaceholder:y,title:pt,subtitle:Bo}),children:(0,Te.jsx)("div",{className:"k-list-container",children:(0,Te.jsx)(j,{size:"large",children:(0,Te.jsxs)(se,{children:[(0,Te.jsx)($,{text:"List item"}),(0,Te.jsx)($,{text:"List item"}),(0,Te.jsx)($,{text:"List item"})]})})})})]})};ie.states=jb;ie.options=ef;ie.className=pd;ie.defaultOptions=Ql;ie.moduleName=dd;ie.folderName=cd;var tf=require("react/jsx-runtime");var md=require("react/jsx-runtime");var Zl=require("react/jsx-runtime");var of=require("react/jsx-runtime");var ud=require("react/jsx-runtime");var jl=require("react/jsx-runtime");var lt=require("react/jsx-runtime"),af=ie.states,rf=ie.defaultOptions,lf=ie.options,nf=[{name:"opened",title:"Opened"}],sf=[],Ra=e=>{let{modifiers:t,...o}=e,a={},r=(0,lt.jsxs)(lt.Fragment,{children:[(0,lt.jsx)("div",{className:"k-list-filter",children:(0,lt.jsx)(Ct,{})}),(0,lt.jsx)(j,{style:{width:300},size:o.size,children:(0,lt.jsxs)(se,{children:[(0,lt.jsx)($,{children:"List item"}),(0,lt.jsx)($,{children:"List item"}),(0,lt.jsx)($,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?r:void 0)}),(0,lt.jsx)("div",{children:(0,lt.jsx)(ie,{placeholder:"Value",style:{width:300},...o,...a})})};Ra.options=lf;Ra.states=af;Ra.variants=sf;Ra.defaultOptions=rf;Ra.modifiers=nf;var Ia=require("react/jsx-runtime"),bd="k-spin-button",pf=[],mf={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link]},en={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},xo=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=en.increaseLabel,decreaseLabel:s=en.decreaseLabel,...c}=e;return(0,Ia.jsxs)("span",{...c,className:l(bd,e.className),children:[(0,Ia.jsx)(p,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":r}),(0,Ia.jsx)(p,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};xo.states=pf;xo.options=mf;xo.className=bd;xo.defaultOptions=en;xo.moduleName=null;xo.folderName=null;var fd="numeric-textbox",Td="numerictextbox";var Pe=require("react/jsx-runtime"),hd="k-numerictextbox",uf=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],bf={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Rr={showSpinButton:!0,showClearButton:!0,separators:!0},W=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Rr.separators,showClearButton:s=Rr.showClearButton,showSpinButton:c=Rr.showSpinButton,prefix:b,suffix:f,value:k,placeholder:y,hover:C,focus:T,valid:A,invalid:w,required:P,loading:_,disabled:D,readonly:V,id:be,"aria-label":Le,"aria-describedby":Qe,...ct}=e;return(0,Pe.jsxs)(Ce,{...ct,size:t,rounded:o,fillMode:a,hover:C,focus:T,valid:A,invalid:w,required:P,loading:_,disabled:D,readonly:V,className:l(e.className,hd),children:[b&&(0,Pe.jsxs)(Pe.Fragment,{children:[(0,Pe.jsx)(kt,{children:b}),r&&(0,Pe.jsx)(Lt,{})]}),(0,Pe.jsx)(bt,{id:be,placeholder:y,value:k,role:"spinbutton",disabled:D,"aria-label":Le,"aria-describedby":Qe,"aria-invalid":w?"true":void 0}),(0,Pe.jsx)(Ze,{valid:A,invalid:w,loading:_,disabled:D}),(0,Pe.jsx)(ot,{loading:_,disabled:D}),s&&(0,Pe.jsx)(ut,{loading:_,disabled:D,readonly:V,value:k}),f&&(0,Pe.jsxs)(Pe.Fragment,{children:[r&&(0,Pe.jsx)(Lt,{}),(0,Pe.jsx)(vt,{children:f})]}),c&&(0,Pe.jsx)(xo,{className:"k-input-spinner",size:t,fillMode:a,disabled:D})]})};W.states=uf;W.options=bf;W.className=hd;W.defaultOptions=Rr;W.moduleName=fd;W.folderName=Td;W.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 Oa=W;var Nd=require("react/jsx-runtime"),xd=e=>(0,Nd.jsx)(Oa,{...e});var gd=require("react/jsx-runtime");var kd=require("react/jsx-runtime");var ff=require("react/jsx-runtime");var Ir=require("react/jsx-runtime"),Tf=W.states,hf=W.defaultOptions,xf=W.options,Nf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],gf=[],Pa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t!=null&&t[r]?(0,Ir.jsx)(ie,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,Ir.jsx)(gl,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[r];break;case"spin-button":a.showSpinButton=t==null?void 0:t[r];break;default:break}}),(0,Ir.jsx)(xd,{value:"Value",style:{width:300},...o,...a})};Pa.options=xf;Pa.states=Tf;Pa.variants=gf;Pa.defaultOptions=hf;Pa.modifiers=Nf;var tn="pager",vd=tn;var de=require("react/jsx-runtime"),Or="k-pager",kf=[n.focus,n.disabled],vf={size:[d.undefined,d.small,d.medium,d.large]},Tt={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},Ne=e=>{let{responsive:t=Tt.responsive,size:o,pagerSizeInfo:a=Tt.pagerSizeInfo,pageTitleInfo:r=Tt.pageTitleInfo,maxPagesInfo:s=Tt.maxPagesInfo,itemsPerPage:c=Tt.itemsPerPage,maxPages:b=Tt.maxPages,currentPage:f=Tt.currentPage,previousNext:k=Tt.previousNext,type:y=Tt.type,pageSizes:C=Tt.pageSizes,refresh:T=Tt.refresh,info:A=Tt.info,focus:w,disabled:P,dir:_,...D}=e,V=[],be=[];for(let Le=1;Le<=b;Le++)V.push((0,de.jsx)(p,{selected:Le===f,fillMode:"flat",themeColor:"primary",size:o,children:Le})),be.push((0,de.jsx)("option",{selected:Le===f,children:Le}));return(0,de.jsxs)("div",{dir:_,...D,className:l(e.className,Or,R(Or,{size:o}),H(Or,{focus:w,disabled:P}),{"k-pager-responsive":t}),children:[(0,de.jsxs)("div",{className:l("k-pager-numbers-wrap"),children:[k&&(0,de.jsxs)(de.Fragment,{children:[(0,de.jsx)(p,{className:l("k-pager-nav","k-pager-first"),disabled:f===1&&!P,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),(0,de.jsx)(p,{className:l("k-pager-nav"),disabled:f===1&&!P,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-right":"caret-alt-left"})]}),y==="numeric"&&(0,de.jsx)("div",{className:l("k-pager-numbers"),children:V}),y==="input"&&(0,de.jsxs)("span",{className:l("k-pager-input"),children:[r&&(0,de.jsx)("span",{children:"Page"}),(0,de.jsx)(W,{value:`${f}`,size:o,showSpinButton:!1,showClearButton:!1}),(0,de.jsx)("span",{children:s&&`of ${b}`})]}),k&&(0,de.jsxs)(de.Fragment,{children:[(0,de.jsx)(p,{className:l("k-pager-nav"),disabled:f===b&&!P,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-left":"caret-alt-right"}),(0,de.jsx)(p,{className:l("k-pager-nav","k-pager-last"),disabled:f===b&&!P,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),C&&(0,de.jsxs)("span",{className:l("k-pager-sizes"),children:[(0,de.jsx)(ie,{value:`${c}`,size:o}),a&&(0,de.jsx)("span",{children:"items per page"})]}),T&&(0,de.jsx)(p,{className:l("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),A&&(0,de.jsx)("span",{className:l("k-pager-info"),children:A})]})};Ne.states=kf;Ne.options=vf;Ne.className=Or;Ne.defaultOptions=Tt;Ne.moduleName=tn;Ne.folderName=vd;var Lf=require("react/jsx-runtime");var Cf=require("react/jsx-runtime");var yf=require("react/jsx-runtime");var on=require("react/jsx-runtime"),Mf=Ne.options,Sf=Ne.states,wf={...Ne.defaultOptions,variant:"numeric"},Af=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Ef=[],Ha=e=>{let{variant:t,...o}=e;return t==="input"?(0,on.jsx)(Ne,{...o,type:"input"}):(0,on.jsx)(Ne,{...o,type:"numeric"})};Ha.options=Mf;Ha.states=Sf;Ha.variants=Af;Ha.defaultOptions=wf;Ha.modifiers=Ef;var Cd=require("react/jsx-runtime"),Ld="k-grid-pager",Ft=e=>(0,Cd.jsx)(Ne,{...e,className:l(e.className,Ld),children:e.children});Ft.className=Ld;Ft.moduleName=te;Ft.folderName=ae;var an="button",yd=an;var Md=require("react/jsx-runtime"),Ga="k-button-group",Rf=[n.disabled],If={fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link]},Of={},F=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return(0,Md.jsx)("div",{role:"group",...r,className:l(e.className,Ga,R(Ga,{fillMode:t}),H(Ga,{disabled:o}),{[`${Ga}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};F.states=Rf;F.options=If;F.className=Ga;F.defaultOptions=Of;F.moduleName=an;F.folderName=yd;F.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."}]};var rn=require("react/jsx-runtime");var ln=require("react/jsx-runtime");var nn=require("react/jsx-runtime");var sn=require("react/jsx-runtime");var dn=require("react/jsx-runtime");var cn=require("react/jsx-runtime");var nt=require("react/jsx-runtime"),Pf={...p.options,...F.options},Hf=p.states,Gf={...p.defaultOptions,...F.defaultOptions,variant:"text-button"},Kf=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Bf=[],Ka=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,nt.jsxs)(F,{fillMode:a.fillMode,className:o,children:[(0,nt.jsx)(p,{...a,icon:"star"}),(0,nt.jsx)(p,{...a,icon:"star"}),(0,nt.jsx)(p,{...a,icon:"star"})]}):t==="icon-text-button"?(0,nt.jsxs)(F,{fillMode:a.fillMode,className:o,children:[(0,nt.jsx)(p,{...a,icon:"star",children:"First"}),(0,nt.jsx)(p,{...a,icon:"star",children:"Middle"}),(0,nt.jsx)(p,{...a,icon:"star",children:"Last"})]}):(0,nt.jsxs)(F,{fillMode:a.fillMode,className:o,children:[(0,nt.jsx)(p,{...a,children:"First"}),(0,nt.jsx)(p,{...a,children:"Middle"}),(0,nt.jsx)(p,{...a,children:"Last"})]})};Ka.options=Pf;Ka.states=Hf;Ka.variants=Kf;Ka.defaultOptions=Gf;Ka.modifiers=Bf;var Ba=require("react/jsx-runtime"),Sd="k-color-preview",Df=[],_f={},No=e=>{let{color:t,iconName:o,...a}=e;return(0,Ba.jsxs)("span",{...a,className:l(e.className,Sd,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Ba.jsx)(m,{icon:o,className:"k-color-preview-icon"}),(0,Ba.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};No.states=Df;No.options=_f;No.className=Sd;var pn="slider",wd=pn;var Ot=require("react/jsx-runtime"),Da="k-slider",zf=[n.hover,n.focus,n.active,n.disabled,n.readonly],Uf={},St={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ue=e=>{let{type:t=St.type,orientation:o=St.orientation,gradientType:a=St.gradientType,readonly:r=St.readonly,disabled:s=St.disabled,handlePosition:c=St.handlePosition,showButtons:b=St.showButtons,showTicks:f=St.showTicks,value:k=St.value,min:y=St.min,max:C=St.max,startValue:T,endValue:A,hover:w,focus:P,active:_,trackStyle:D,dir:V,...be}=e,Qe=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ct,pt;return o==="horizontal"?(ct=V==="rtl"?"caret-alt-left":"caret-alt-right",pt=V==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(ct="caret-alt-up",pt="caret-alt-down"),(0,Ot.jsxs)("div",{...be,className:l(Da,e.className,H(Da,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:V,children:[b&&(0,Ot.jsx)(p,{className:"k-button-decrease",rounded:"full",icon:pt,tabIndex:-1,title:"Decrease"}),(0,Ot.jsxs)("div",{className:"k-slider-track-wrap",children:[f&&(0,Ot.jsx)("ul",{className:"k-reset k-slider-items",children:e.children}),(0,Ot.jsxs)("div",{className:"k-slider-track",style:D,children:[(0,Ot.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Ot.jsx)("span",{className:l("k-draghandle","k-draghandle-start",H(Da,{hover:w,focus:P,active:_})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":T??y,"aria-valuemin":y,"aria-valuemax":A??C,"aria-orientation":Qe,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":be["aria-label"]?`${be["aria-label"]} start`:"Range start"}),(0,Ot.jsx)("span",{className:l("k-draghandle",`k-draghandle-${c}`,H(Da,{hover:w,focus:P,active:_})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?A??C:k,"aria-valuemin":t==="range"?T??y:y,"aria-valuemax":C,"aria-orientation":Qe,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?be["aria-label"]?`${be["aria-label"]} end`:"Range end":be["aria-label"]})]})]}),b&&(0,Ot.jsx)(p,{className:"k-button-increase",rounded:"full",icon:ct,tabIndex:-1,title:"Increase"})]})};ue.states=zf;ue.options=Uf;ue.className=Da;ue.defaultOptions=St;ue.moduleName=pn;ue.folderName=wd;ue.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'}]};var mn=require("react/jsx-runtime"),Ad="k-tick",Ff=[],$f={},Ed={label:!1},z=e=>{let{style:t,label:o=Ed.label,orientation:a,large:r,text:s,...c}=e;return(0,mn.jsx)("li",{...c,className:l(e.className,Ad,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&(0,mn.jsx)("span",{className:"k-label",children:s})})};z.states=Ff;z.options=$f;z.className=Ad;z.defaultOptions=Ed;var He=require("react/jsx-runtime"),Rd=e=>(0,He.jsx)(ue,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,He.jsxs)(He.Fragment,{children:[(0,He.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{label:!0,large:!0,text:"5"}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Ge=require("react/jsx-runtime"),Id=e=>(0,Ge.jsx)(ue,{children:(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ge.jsx)(z,{}),(0,Ge.jsx)(z,{}),(0,Ge.jsx)(z,{}),(0,Ge.jsx)(z,{}),(0,Ge.jsx)(z,{label:!0,large:!0,text:"5"}),(0,Ge.jsx)(z,{}),(0,Ge.jsx)(z,{}),(0,Ge.jsx)(z,{}),(0,Ge.jsx)(z,{}),(0,Ge.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var un=require("react/jsx-runtime");var bn=require("react/jsx-runtime");var Od=require("react/jsx-runtime"),fn=e=>(0,Od.jsx)(ue,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Pd=require("react/jsx-runtime"),Tn=e=>(0,Pd.jsx)(ue,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var hn=require("react/jsx-runtime");var xn=require("react/jsx-runtime");var it=require("react/jsx-runtime"),Vf=ue.options,Wf=ue.states,Hd={...ue.defaultOptions,variant:"horizontal",label:!0},Xf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Jf=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],_a=e=>{let{variant:t,modifiers:o,...a}={...Hd,...e},r={};Object.keys(o\|\|{}).forEach(k=>{switch(k){case"button":{r.showButtons=!!(o!=null&&o[k]);break}case"label":{r.label=!!(o!=null&&o[k]);break}case"tick":{r.showTicks=!!(o!=null&&o[k]);break}}});let{label:s=!0,showButtons:c,showTicks:b}=r,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,it.jsxs)(Id,{showTicks:b,showButtons:c,style:{height:"300px",...f},...a,children:[(0,it.jsx)(z,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,it.jsx)(z,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,it.jsx)(z,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,it.jsx)(z,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,it.jsx)(z,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,it.jsxs)(Rd,{showTicks:b,showButtons:c,style:{width:"400px",...f},...a,children:[(0,it.jsx)(z,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,it.jsx)(z,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,it.jsx)(z,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,it.jsx)(z,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,it.jsx)(z,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};_a.options=Vf;_a.states=Wf;_a.variants=Xf;_a.defaultOptions=Hd;_a.modifiers=Jf;var I=require("react/jsx-runtime"),Gd="k-colorgradient-inputs",qf=[],Yf={size:[d.undefined,d.small,d.medium,d.large]},Kd={mode:"rgba"},Yo=e=>{let{mode:t=Kd.mode,size:o,...a}=e;return(0,I.jsxs)("div",{...a,className:l(Gd,"k-hstack"),children:[(0,I.jsx)("div",{className:"k-vstack",children:(0,I.jsx)(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,I.jsx)(I.Fragment,{children:(0,I.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,I.jsx)(ne,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Yo.states=qf;Yo.options=Yf;Yo.className=Gd;Yo.defaultOptions=Kd;var Xe=require("react/jsx-runtime"),Bd="k-colorgradient-color-contrast",Qf=[],Zf={},jf={},Qo=()=>(0,Xe.jsxs)("div",{className:l(Bd,"k-vbox"),children:[(0,Xe.jsxs)("div",{className:"k-contrast-ratio",children:[(0,Xe.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,Xe.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,Xe.jsx)(m,{icon:"check"}),(0,Xe.jsx)(m,{icon:"check"})]})]}),(0,Xe.jsxs)("div",{children:[(0,Xe.jsx)("span",{children:"AA: 4.5"}),(0,Xe.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,Xe.jsx)(m,{icon:"check"})]})]}),(0,Xe.jsxs)("div",{children:[(0,Xe.jsx)("span",{children:"AAA: 7.0"}),(0,Xe.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,Xe.jsx)(m,{icon:"x"})]})]})]});Qo.states=Qf;Qo.options=Zf;Qo.className=Bd;Qo.defaultOptions=jf;var Dd="color-gradient",_d="colorgradient";var ye=require("react/jsx-runtime"),Pr="k-colorgradient",eT=[n.hover,n.focus,n.readonly,n.disabled],tT={size:[d.undefined,d.small,d.medium,d.large]},$t={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"},Ke=e=>{let{size:t,mode:o=$t.mode,readonly:a=$t.readonly,disabled:r=$t.disabled,gradientStyle:s=$t.gradientStyle,dragHandleStyle:c=$t.dragHandleStyle,alphaStyle:b=$t.alphaStyle,alphaStyleHorizontal:f=$t.alphaStyleHorizontal,contrast:k=$t.contrast,dir:y,hover:C,focus:T,hoverHandle:A,focusHandle:w,canvasOrientation:P=$t.canvasOrientation,role:_,tabIndex:D,...V}=e;return(0,ye.jsxs)("div",{...V,role:_??"textbox","aria-label":_==="none"?void 0:"Color gradient",tabIndex:D??0,"aria-disabled":r?"true":void 0,className:l(e.className,Pr,R(Pr,{size:t}),H(Pr,{hover:C,focus:T,readonly:a,disabled:r})),dir:y,children:[!P\|\|P==="horizontal"&&(0,ye.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,ye.jsx)("div",{className:"k-hsv-rectangle",style:s,children:(0,ye.jsx)("div",{className:"k-hsv-gradient",children:(0,ye.jsx)("div",{className:l("k-hsv-draghandle","k-draghandle",{"k-hover":A,"k-focus":w}),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})})}),(0,ye.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,ye.jsx)(Tn,{className:"k-hue-slider",hover:A,focus:w}),o!=="rgb"&&o!=="hsv"&&(0,ye.jsx)(Tn,{className:"k-alpha-slider",hover:A,focus:w,trackStyle:b})]})]}),P==="vertical"&&(0,ye.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,ye.jsx)("div",{className:"k-hsv-rectangle",style:s,children:(0,ye.jsx)("div",{className:"k-hsv-gradient",children:(0,ye.jsx)("div",{className:l("k-hsv-draghandle","k-draghandle",{"k-hover":A,"k-focus":w}),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})})}),(0,ye.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,ye.jsx)(fn,{className:"k-hue-slider",hover:A,focus:w}),o!=="rgb"&&o!=="hsv"&&(0,ye.jsx)(fn,{className:"k-alpha-slider",hover:A,focus:w,trackStyle:f})]})]}),(0,ye.jsx)(Yo,{mode:e.mode,size:t}),k&&(0,ye.jsx)(Qo,{})]})};Ke.states=eT;Ke.options=tT;Ke.className=Pr;Ke.defaultOptions=$t;Ke.moduleName=Dd;Ke.folderName=_d;Ke.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)."}]};var zd=require("react/jsx-runtime"),Hr=e=>(0,zd.jsx)(Ke,{...e});var oT=require("react/jsx-runtime");var aT=require("react/jsx-runtime");var Gr=require("react/jsx-runtime"),rT=Ke.options,lT=Ke.states,nT={...Ke.defaultOptions,variant:"rgba"},iT=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],sT=[],za=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,Gr.jsx)(Hr,{...o,mode:t});case"rgb":return(0,Gr.jsx)(Hr,{...o,mode:t});default:return(0,Gr.jsx)(Hr,{...o,mode:t})}};za.options=rT;za.states=lT;za.variants=iT;za.defaultOptions=nT;za.modifiers=sT;var Ud=require("react/jsx-runtime"),Nn=e=>(0,Ud.jsx)("tr",{role:"row",children:e.children});var Fd=require("react/jsx-runtime"),gn="k-colorpalette-tile",dT=[n.hover,n.focus,n.selected],cT={},Zo=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:s,...c}=e,b={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,Fd.jsx)("td",{...c,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:l(e.className,gn,H(gn,{hover:a,focus:r,selected:s})),style:b})};Zo.states=dT;Zo.options=cT;Zo.className=gn;var $d="color-palette",Vd="colorpalette";var jo=require("react/jsx-runtime"),Kr="k-colorpalette",pT=[n.disabled],mT={size:[d.undefined,d.small,d.medium,d.large]},Wd={columns:10},st=e=>{let{size:t,palette:o,columns:a=Wd.columns,tileSize:r,disabled:s,...c}=e,b=[];if(o){let f=a\|\|o.columns,k=o.colors?o.colors:o;Array.isArray(k)&&Array.from({length:Math.ceil(k.length/f)},(y,C)=>{let T=[];k.slice(Cf,(C+1)f).map((w,P)=>{T.push((0,jo.jsx)(Zo,{color:w,tileSize:r},P))});let A=(0,jo.jsx)(Nn,{children:T},C);b.push(A)})}return(0,jo.jsx)("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:l(e.className,Kr,H(Kr,{disabled:s}),R(Kr,{size:t})),children:(0,jo.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,jo.jsx)("tbody",{children:b.length>0?b:e.children})})})};st.states=pT;st.options=mT;st.className=Kr;st.defaultOptions=Wd;st.moduleName=$d;st.folderName=Vd;st.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var Br=st;var Ua={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}};var Jd=require("react/jsx-runtime"),Xd=e=>(0,Jd.jsx)(Br,{palette:Ua.basic,...e});var uT=require("react/jsx-runtime");var qd=require("react/jsx-runtime");var Yd=require("react/jsx-runtime"),bT=st.options,fT=st.states,TT={...st.defaultOptions,variant:"basic"},hT=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],xT={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}},NT=[],Fa=e=>{let{variant:t="basic",...o}=e,a=xT[t];return(0,Yd.jsx)(Xd,{columns:a.columns,palette:a,...o})};Fa.options=bT;Fa.states=fT;Fa.variants=hT;Fa.defaultOptions=TT;Fa.modifiers=NT;var Qd="color-editor",Zd="coloreditor";var ke=require("react/jsx-runtime"),Dr="k-coloreditor",gT=[n.focus],kT={size:[d.undefined,d.small,d.medium,d.large]},$a={view:"gradient",palette:Ua.office,actionButtons:!0,canvasOrientation:"horizontal"},ve=e=>{let{size:t,view:o=$a.view,palette:a=$a.palette,color:r,currentColor:s,focus:c,focusView:b,dir:f,group:k,actionButtons:y=$a.actionButtons,canvasOrientation:C=$a.canvasOrientation,...T}=e;return(0,ke.jsxs)("div",{...T,role:"textbox","aria-label":"Color editor",tabIndex:0,className:l(e.className,"k-flatcolorpicker",Dr,R(Dr,{size:t}),H(Dr,{focus:c})),dir:f,children:[(0,ke.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,ke.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:k&&(0,ke.jsxs)(F,{fillMode:"flat",children:[(0,ke.jsx)(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,ke.jsx)(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,ke.jsx)("div",{className:"k-spacer"}),(0,ke.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,ke.jsx)(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,ke.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,ke.jsx)(No,{className:"k-coloreditor-preview-color",color:r}),(0,ke.jsx)(No,{className:"k-coloreditor-current-color",color:s})]})]})]}),(0,ke.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,ke.jsx)(Ke,{focus:b,size:t,canvasOrientation:C,role:"none",tabIndex:-1}):(0,ke.jsx)(st,{palette:a,size:t})}),y&&(0,ke.jsxs)(_t,{className:"k-coloreditor-footer",alignment:"start",children:[(0,ke.jsx)(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,ke.jsx)(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ve.states=gT;ve.options=kT;ve.className=Dr;ve.defaultOptions=$a;ve.moduleName=Qd;ve.folderName=Zd;ve.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 ea=ve;var vT=require("react/jsx-runtime");var LT=require("react/jsx-runtime");var ec=require("react/jsx-runtime"),jd=e=>(0,ec.jsx)(ea,{group:!0,currentColor:"fuchsia",...e});var oc=require("react/jsx-runtime"),tc=e=>(0,oc.jsx)(ea,{view:"palette",group:!0,currentColor:"fuchsia",...e});var kn=require("react/jsx-runtime"),CT=ve.options,yT=ve.states,MT={...ve.defaultOptions,variant:"gradient"},ST=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],wT=[],Va=e=>{let{variant:t,...o}=e;return t==="palette"?(0,kn.jsx)(tc,{...o,color:"white"}):(0,kn.jsx)(jd,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Va.options=CT;Va.states=yT;Va.variants=ST;Va.defaultOptions=MT;Va.modifiers=wT;var ac="color-picker",rc="colorpicker";var Me=require("react/jsx-runtime"),lc="k-colorpicker",AT=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],ET={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},nc={arrowIconName:"caret-alt-down"},ht=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=nc.arrowIconName,prefix:s,suffix:c,value:b,placeholder:f,hover:k,focus:y,valid:C,invalid:T,required:A,disabled:w,valueIconName:P,popup:_,opened:D,adaptive:V,adaptiveSettings:be,adaptiveTitle:Le,adaptiveSubtitle:Qe,...ct}=e,pt="colorpicker-popup";return(0,Me.jsxs)(Me.Fragment,{children:[(0,Me.jsxs)(Bt,{...ct,size:t,rounded:o,fillMode:a,hover:k,focus:y,valid:C,invalid:T,required:A,disabled:w,role:"combobox","aria-haspopup":"dialog","aria-expanded":D?"true":"false","aria-controls":D\|\|V?pt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":w?"true":void 0,className:l(e.className,lc,"k-icon-picker"),children:[(0,Me.jsx)(kt,{children:s}),(0,Me.jsx)(yo,{placeholder:f,value:b,showValue:!1,valueIcon:(0,Me.jsx)(No,{className:"k-value-icon",color:b,iconName:P}),valueIconName:P}),(0,Me.jsx)(vt,{children:c}),(0,Me.jsx)(p,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:w})]}),D&&_&&(0,Me.jsx)(me,{id:pt,className:"k-colorpicker-popup",children:_}),V&&(0,Me.jsx)(ge,{adaptive:!0,id:pt,...be,header:(0,Me.jsx)(je,{actionsEnd:(0,Me.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Le,subtitle:Qe}),footer:(0,Me.jsxs)(uo,{children:[(0,Me.jsx)(p,{text:"Cancel",size:"large"}),(0,Me.jsx)(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,Me.jsx)(ve,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};ht.states=AT;ht.options=ET;ht.className=lc;ht.defaultOptions=nc;ht.moduleName=ac;ht.folderName=rc;ht.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 go=ht;var ic=require("react/jsx-runtime"),_r=e=>(0,ic.jsx)(go,{...e});var RT=require("react/jsx-runtime");var IT=require("react/jsx-runtime");var OT=require("react/jsx-runtime");var PT=require("react/jsx-runtime");var HT=require("react/jsx-runtime");var GT=require("react/jsx-runtime");var ko=require("react/jsx-runtime"),KT=go.options,BT=go.states,sc={...go.defaultOptions,variant:"color"},DT=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],_T=[{name:"opened",title:"Opened"}],Wa=e=>{let{variant:t,modifiers:o,...a}={...sc,...e},r={};Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(r.opened=!!(o!=null&&o[c]),r.popup=o!=null&&o[c]?(0,ko.jsx)(ve,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,ko.jsx)("div",{style:s,children:(0,ko.jsx)(_r,{...a,...r})});case"icon":return(0,ko.jsx)("div",{style:s,children:(0,ko.jsx)(_r,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return(0,ko.jsx)("div",{style:s,children:(0,ko.jsx)(_r,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};Wa.options=KT;Wa.states=BT;Wa.variants=DT;Wa.defaultOptions=sc;Wa.modifiers=_T;var vn="combobox",dc=vn;var le=require("react/jsx-runtime"),cc="k-combobox",zT=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],UT={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},pc={separators:!0},tt=e=>{let{size:t,rounded:o,fillMode:a,separators:r=pc.separators,prefix:s,suffix:c,value:b,placeholder:f,hover:k,focus:y,valid:C,invalid:T,required:A,loading:w,disabled:P,popup:_,opened:D,readonly:V,adaptive:be,adaptiveSettings:Le,adaptiveTitle:Qe,adaptiveSubtitle:ct,adaptiveCustomValue:pt,id:Bo,autocomplete:Qr,activeDescendant:cr,"aria-label":Dp,..._p}=e,zp=Bo?`${Bo}-listbox`:void 0;return(0,le.jsxs)(le.Fragment,{children:[(0,le.jsxs)(Ce,{..._p,size:t,rounded:o,fillMode:a,hover:k,focus:y,valid:C,invalid:T,required:A,loading:w,disabled:P,readonly:V,className:l(e.className,cc),children:[s&&(0,le.jsxs)(le.Fragment,{children:[(0,le.jsx)(kt,{children:s}),r&&(0,le.jsx)(Lt,{})]}),(0,le.jsx)(bt,{placeholder:f,value:b,role:"combobox","aria-haspopup":"listbox","aria-expanded":D?"true":"false","aria-controls":D?zp:void 0,"aria-activedescendant":D&&cr?cr:void 0,"aria-autocomplete":Qr,"aria-invalid":T?"true":void 0,"aria-busy":w?"true":void 0,"aria-label":Dp,disabled:P,readOnly:V}),(0,le.jsx)(Ze,{valid:C,invalid:T,loading:w,disabled:P}),(0,le.jsx)(ot,{loading:w,disabled:P}),(0,le.jsx)(ut,{loading:w,disabled:P,readonly:V,value:b}),c&&(0,le.jsxs)(le.Fragment,{children:[r&&(0,le.jsx)(Lt,{}),(0,le.jsx)(vt,{children:c})]}),(0,le.jsx)(p,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:P})]}),D&&_&&(0,le.jsx)(me,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:_}),be&&(0,le.jsx)(ge,{adaptive:!0,id:Bo?`${Bo}-adaptive`:void 0,...Le,header:(0,le.jsx)(je,{actionsEnd:(0,le.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:b,inputPlaceholder:f,title:Qe,subtitle:ct}),children:(0,le.jsx)("div",{className:"k-list-container",children:(0,le.jsx)(j,{customValue:pt?(0,le.jsx)(ho,{text:`Use "${b}"`}):void 0,size:"large",children:(0,le.jsxs)(se,{"aria-label":Qe\|\|"Options",children:[(0,le.jsx)($,{text:"List item"}),(0,le.jsx)($,{text:"List item"}),(0,le.jsx)($,{text:"List item"})]})})})})]})};tt.states=zT;tt.options=UT;tt.className=cc;tt.defaultOptions=pc;tt.moduleName=vn;tt.folderName=dc;tt.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 xt=tt;var uc=require("react/jsx-runtime"),mc=e=>(0,uc.jsx)(xt,{...e});var bc=require("react/jsx-runtime");var fc=require("react/jsx-runtime");var Tc=require("react/jsx-runtime");var hc=require("react/jsx-runtime");var xc=require("react/jsx-runtime");var Nc=require("react/jsx-runtime");var Ln=require("react/jsx-runtime");var FT=require("react/jsx-runtime");var $T=require("react/jsx-runtime");var gc=require("react/jsx-runtime");var kc=require("react/jsx-runtime");var Pt=require("react/jsx-runtime"),VT=tt.states,WT=tt.defaultOptions,XT=tt.options,JT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],qT=[],Xa=e=>{let{modifiers:t,...o}=e,a={},r=(0,Pt.jsx)(j,{style:{width:300},size:o.size,children:(0,Pt.jsxs)(se,{children:[(0,Pt.jsx)($,{children:"List item"}),(0,Pt.jsx)($,{children:"List item"}),(0,Pt.jsx)($,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t!=null&&t[s]?(0,Pt.jsx)(m,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[s]?(0,Pt.jsx)(mo,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?r:void 0;break;default:break}}),(0,Pt.jsx)("div",{children:(0,Pt.jsx)(mc,{value:"Value",style:{width:300},...o,...a})})};Xa.options=XT;Xa.states=VT;Xa.variants=qT;Xa.defaultOptions=WT;Xa.modifiers=JT;var Cn="menu-button",vc=Cn;var Cc=require("react/jsx-runtime"),Lc="k-menu-button",YT=[n.hover,n.focus,n.active,n.selected,n.disabled],QT={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark,x.inverse]},yn={showArrow:!0,arrowIconName:"caret-alt-down"},ce=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:c,active:b,selected:f,disabled:k,icon:y,text:C,showArrow:T=yn.showArrow,arrowIconName:A=yn.arrowIconName,expanded:w,...P}=e;return(0,Cc.jsx)(p,{...P,className:l(e.className,Lc),text:C,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:c,active:b,selected:f,disabled:k,icon:y,showArrow:T,arrowIconName:A,"aria-expanded":w?"true":"false",...!C&&y&&!e["aria-label"]&&{"aria-label":"Menu"},...k&&{"aria-disabled":"true"}})};ce.states=YT;ce.options=QT;ce.className=Lc;ce.defaultOptions=yn;ce.moduleName=Cn;ce.folderName=vc;ce.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var ZT=require("react/jsx-runtime");var jT=require("react/jsx-runtime");var eh=require("react/jsx-runtime");var Nt="menu",wt=Nt;var jt=require("react/jsx-runtime"),Mn="k-menu-item",th=[n.hover,n.focus,n.active,n.selected,n.disabled],oh={},yc={iconPosition:"before"},Je=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:c,text:b,first:f,last:k,showArrow:y,arrowIconName:C,iconPosition:T=yc.iconPosition,dir:A,children:w,expanded:P,..._}=e,D=C;return D\|\|(D=A==="rtl"?"caret-alt-left":"caret-alt-right"),(0,jt.jsxs)("li",{..._,className:l(e.className,Mn,"k-item",H(Mn,{focus:o,disabled:s,hover:t,active:a,selected:r}),{"k-first":f,"k-last":k}),role:"menuitem",...y&&{"aria-haspopup":"menu"},...y&&{"aria-expanded":P?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,jt.jsxs)("span",{className:l("k-link k-menu-link"),children:[c&&T==="before"&&(0,jt.jsx)(m,{className:"k-menu-link-icon",icon:c}),(0,jt.jsx)("span",{className:"k-menu-link-text",children:b}),c&&T==="after"&&(0,jt.jsx)(m,{className:"k-menu-link-icon",icon:c}),y&&(0,jt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,jt.jsx)(m,{icon:D})})]}),w]})};Je.states=th;Je.options=oh;Je.className=Mn;Je.defaultOptions=yc;Je.moduleName=Nt;Je.folderName=wt;var eo=require("react/jsx-runtime"),Sn="k-menu-item",ah=[n.hover,n.focus,n.active,n.selected,n.disabled],rh={},wn={dir:"ltr",iconPosition:"before"},he=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:c,text:b,first:f,last:k,showArrow:y,arrowIconName:C,iconPosition:T=wn.iconPosition,dir:A=wn.dir,children:w,popup:P,expanded:_,...D}=e,V=C;return V\|\|(V=A==="rtl"?"caret-alt-left":"caret-alt-right"),(0,eo.jsxs)("li",{...D,className:l(e.className,Sn,"k-item",H(Sn,{focus:o,disabled:s}),{"k-first":f,"k-last":k}),role:"menuitem",...y&&{"aria-haspopup":"menu"},...y&&{"aria-expanded":_?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,eo.jsxs)("span",{className:l("k-link k-menu-link",H("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[c&&T==="before"&&(0,eo.jsx)(m,{className:"k-menu-link-icon",icon:c}),(0,eo.jsx)("span",{className:"k-menu-link-text",children:b}),c&&T==="after"&&(0,eo.jsx)(m,{className:"k-menu-link-icon",icon:c}),y&&(0,eo.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,eo.jsx)(m,{icon:V})})]}),w,P]})};he.states=ah;he.options=rh;he.className=Sn;he.defaultOptions=wn;he.moduleName=Nt;he.folderName=wt;var wc=require("react/jsx-runtime"),Mc="k-menu-scroll-wrapper",lh=[],nh={},ih={},Ro=e=>{let{className:t,children:o,orientation:a,...r}=e;return(0,wc.jsx)("div",{...r,className:l(t,Mc,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Ro.states=lh;Ro.options=nh;Ro.className=Mc;Ro.defaultOptions=ih;Ro.moduleName=Nt;Ro.folderName=wt;var Sc=Ro;var Be=require("react/jsx-runtime"),An="k-menu",sh=[],dh={},Ur={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},De=e=>{let{children:t,orientation:o=Ur.orientation,header:a=Ur.header,scrollable:r,scrollButtonsPosition:s=Ur.scrollButtonsPosition,wrapperStyles:c,dir:b,popup:f,contextMenu:k,...y}=e,C={horizontal:{prev:b!=="rtl"?"left":"right",next:b!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},T=(0,Be.jsx)("ul",{dir:b,...y,className:l(e.className,"k-reset",An,{[`${An}-${o}`]:o,"k-header":a}),role:k?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Be.jsxs)(Be.Fragment,{children:[r?(0,Be.jsxs)(Sc,{orientation:o,style:c,dir:e.dir,children:[s==="start"&&(0,Be.jsxs)(Be.Fragment,{children:[(0,Be.jsx)(p,{fillMode:"flat",icon:`caret-alt-${C[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Be.jsx)(p,{fillMode:"flat",icon:`caret-alt-${C[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&(0,Be.jsx)(p,{fillMode:"flat",icon:`caret-alt-${C[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),T,s==="end"&&(0,Be.jsxs)(Be.Fragment,{children:[(0,Be.jsx)(p,{fillMode:"flat",icon:`caret-alt-${C[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Be.jsx)(p,{fillMode:"flat",icon:`caret-alt-${C[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&(0,Be.jsx)(p,{fillMode:"flat",icon:`caret-alt-${C[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):T,f]})};De.states=sh;De.options=dh;De.className=An;De.defaultOptions=Ur;De.moduleName=Nt;De.folderName=wt;De.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."}]};var Ec=require("react/jsx-runtime"),En="k-separator",Ac={orientation:"horizontal"},ta=e=>{let{orientation:t=Ac.orientation,...o}=e;return(0,Ec.jsx)("li",{...o,className:l(e.className,"k-item",En,{[`${En}-${t}`]:t}),role:"separator"})};ta.className=En;ta.defaultOptions=Ac;ta.moduleName=Nt;ta.folderName=wt;var Rc=require("react/jsx-runtime");var Ic=require("react/jsx-runtime"),Rn="k-menu-group",ch=[],ph={size:[d.undefined,d.small,d.medium,d.large]},mh={},qe=e=>{let{children:t,size:o,...a}=e;return(0,Ic.jsx)("ul",{...a,className:l(e.className,Rn,R(Rn,{size:o})),role:"menu",children:t})};qe.states=ch;qe.options=ph;qe.className=Rn;qe.defaultOptions=mh;qe.moduleName=Nt;qe.folderName=wt;var Ht=require("react/jsx-runtime"),In=e=>(0,Ht.jsx)(De,{children:(0,Ht.jsxs)(Ht.Fragment,{children:[(0,Ht.jsx)(Je,{first:!0,text:"Item 1"}),(0,Ht.jsx)(Je,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,Ht.jsx)(Je,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,Ht.jsx)(Je,{text:"Item 4"}),(0,Ht.jsx)(Je,{last:!0,text:"Item 5"})]}),...e});var On=require("react/jsx-runtime");var Pn=require("react/jsx-runtime");var Hn=require("react/jsx-runtime");var Gn=require("react/jsx-runtime");var Vt=require("react/jsx-runtime"),uh=De.options,bh=De.states,Oc={...De.defaultOptions,variant:"horizontal"},fh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Th=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ja=e=>{let{variant:t,modifiers:o,...a}={...Oc,...e},r={};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"scrollable":r.scrollable=!!(o!=null&&o[s]);break;case"opened":r.opened=!!(o!=null&&o[s]),r.popup=(0,Vt.jsx)(me,{className:"k-menu-popup",children:(0,Vt.jsxs)(qe,{children:[(0,Vt.jsx)(he,{text:"Item 1"}),(0,Vt.jsx)(he,{text:"Item 2"}),(0,Vt.jsx)(ta,{}),(0,Vt.jsx)(he,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Vt.jsx)(In,{...a,...r,orientation:"vertical",style:{width:"200px"}}):(0,Vt.jsx)(In,{...a,...r})};Ja.options=uh;Ja.states=bh;Ja.variants=fh;Ja.defaultOptions=Oc;Ja.modifiers=Th;var Kn=require("react/jsx-runtime");var hh=require("react/jsx-runtime");var Ye=require("react/jsx-runtime"),xh=p.states,Pc={...p.defaultOptions,variant:"text"},Nh=p.options,gh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],kh=[{name:"opened",title:"Opened"}],qa=e=>{let{variant:t,modifiers:o,...a}={...Pc,...e},r={},s=(0,Ye.jsx)(me,{className:"k-menu-popup",children:(0,Ye.jsxs)(qe,{size:a.size,children:[(0,Ye.jsx)(he,{first:!0,text:"Menu Item"}),(0,Ye.jsx)(he,{text:"Menu Item"}),(0,Ye.jsx)(he,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=(0,Ye.jsx)("div",{children:(0,Ye.jsx)(ce,{...a,...r,icon:"star"})});break;case"icon-and-text":c=(0,Ye.jsx)("div",{children:(0,Ye.jsx)(ce,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:c=(0,Ye.jsx)("div",{children:(0,Ye.jsx)(ce,{...a,...r,children:"Dropdown Button"})});break}return(0,Ye.jsxs)(Ye.Fragment,{children:[c,(o==null?void 0:o.opened)&&s]})};qa.options=Nh;qa.states=xh;qa.variants=gh;qa.defaultOptions=Pc;qa.modifiers=kh;var Bn="split-button",Hc=Bn;var to=require("react/jsx-runtime"),Dn="k-split-button",vh=[n.hover,n.focus,n.active,n.selected,n.disabled],Lh={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark,x.inverse]},Gc={arrowIconName:"caret-alt-down"},ee=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:c,active:b,selected:f,disabled:k,icon:y,text:C,arrowIconName:T=Gc.arrowIconName,popup:A,opened:w,popupId:P,..._}=e;return(0,to.jsxs)(to.Fragment,{children:[(0,to.jsxs)("div",{..._,className:l(e.className,Dn,"k-button-group",R(Dn,{rounded:o})),children:[(0,to.jsx)(p,{text:C,icon:y,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:c,active:b,selected:f,disabled:k,...!C&&!e.children&&y&&{"aria-label":"Action"},children:e.children}),(0,to.jsx)(p,{className:"k-split-button-arrow",icon:T,size:t,rounded:o,fillMode:a,disabled:k,"aria-label":"Toggle dropdown","aria-expanded":w?"true":"false","aria-controls":w?P:void 0,tabIndex:-1,...k&&{"aria-disabled":"true"}})]}),w&&A&&(0,to.jsx)(me,{className:"k-menu-popup",children:A})]})};ee.states=vh;ee.options=Lh;ee.className=Dn;ee.defaultOptions=Gc;ee.moduleName=Bn;ee.folderName=Hc;ee.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 _n=ee;var Kc=require("react/jsx-runtime"),Ch="k-toolbar-separator",Gt=e=>(0,Kc.jsx)("div",{className:l(Ch,e.className,"k-separator")});var oo="toolbar",vo=oo;var U=require("react/jsx-runtime"),ao="k-toolbar",yh=[n.focus],Mh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.outline,v.flat]},Sh={scrollButtons:"around"},pe=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:c,scrollingPosition:b,section:f,...k}=e,y=[],C=(T,A)=>{let w=[];if(T.type===p&&T.props.className&&T.props.className.includes("k-toolbar-overflow-button"))w.push((0,U.jsx)(p,{...T.props,className:`${T.props.className?T.props.className:""}`},`${A}-${new Date().getTime()}`));else if(T.type===p)w.push((0,U.jsx)(p,{...T.props,className:`k-toolbar-button ${T.props.className?T.props.className:""}`},`${A}-${new Date().getTime()}`));else if(T.type===ba)w.push((0,U.jsx)(ba,{...T.props,className:`k-toolbar-button ${T.props.className?T.props.className:""}`},`${A}-${new Date().getTime()}`));else if(T.type===mo)w.push((0,U.jsx)(mo,{...T.props,className:`k-toolbar-button ${T.props.className?T.props.className:""}`},`${A}-${new Date().getTime()}`));else if(T.type===ce)w.push((0,U.jsx)(ce,{...T.props,className:`k-toolbar-menu-button ${T.props.className?T.props.className:""}`},`${A}-${new Date().getTime()}`));else if(T.type===_n)w.push((0,U.jsx)(_n,{...T.props,className:`k-toolbar-split-button ${T.props.className?T.props.className:""}`},`${A}-${new Date().getTime()}`));else if(T.type===F\|\|T.props.className&&T.props.className.includes("k-button-group")){let P=[];(Array.isArray(T.props.children)?T.props.children:[T.props.children]).forEach((D,V)=>{P.push((0,U.jsx)(p,{...D.props,className:`${D.props.className?D.props.className:""}`},`${V}-${new Date().getTime()}`))}),w.push((0,U.jsx)(F,{...T.props,className:`k-toolbar-button-group ${T.props.className?T.props.className:""}`,children:P},`${A}-${new Date().getTime()}`))}else T.type===tt?w.push((0,U.jsx)(tt,{...T.props,className:`k-toolbar-combobox ${T.props.className?T.props.className:""}`},`${A}-${new Date().getTime()}`)):T.type===ie?w.push((0,U.jsx)(ie,{...T.props,className:`k-toolbar-dropdownlist ${T.props.className?T.props.className:""}`},`${A}-${new Date().getTime()}`)):T.type===ht?w.push((0,U.jsx)(ht,{...T.props,className:`k-toolbar-colorpicker ${T.props.className?T.props.className:""}`},`${A}-${new Date().getTime()}`)):w.push(T);w.forEach(P=>{y.push(P)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((A,w)=>{C(A,w)}),(0,U.jsxs)("div",{...k,className:l(e.className,ao,R(ao,{size:t,fillMode:o}),H(ao,{focus:a}),{[`${ao}-resizable`]:r,[`${ao}-scrollable`]:s,[`${ao}-scrollable-overlay`]:s&&c==="hidden",[`${ao}-scrollable-${b}`]:b&&b!=="both",[`${ao}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&y,s&&c==="hidden"&&(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),s&&c==="start"&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)(F,{children:[(0,U.jsx)("span",{className:l("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,U.jsx)("span",{className:l("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,U.jsx)(Gt,{className:"k-toolbar-button-separator"}),(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y})]}),s&&c==="end"&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),(0,U.jsx)(Gt,{className:"k-toolbar-button-separator"}),(0,U.jsxs)(F,{children:[(0,U.jsx)("span",{className:l("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,U.jsx)("span",{className:l("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(c==="around"\|\|!c)&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("span",{className:l("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,U.jsx)(Gt,{className:"k-toolbar-button-separator"}),(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),(0,U.jsx)(Gt,{className:"k-toolbar-button-separator"}),(0,U.jsx)("span",{className:l("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};pe.states=yh;pe.options=Mh;pe.className=ao;pe.defaultOptions=Sh;pe.moduleName=oo;pe.folderName=vo;pe.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the section toggle button."}]};var Dc=require("react/jsx-runtime"),Bc="k-floating-toolbar",wh=[],Ah={},Eh={},oa=e=>{let{...t}=e;return(0,Dc.jsx)("div",{...t,className:l(e.className,Bc),children:e.children})};oa.states=wh;oa.options=Ah;oa.className=Bc;oa.defaultOptions=Eh;oa.moduleName=oo;oa.folderName=vo;var _c=require("react/jsx-runtime"),zn="k-toolbar-item",Rh=[n.focus],Ih={},Oh={},aa=e=>{let{focus:t,...o}=e;return(0,_c.jsx)("div",{...o,className:l(e.className,zn,H(zn,{focus:t})),children:e.children})};aa.states=Rh;aa.options=Ih;aa.className=zn;aa.defaultOptions=Oh;aa.moduleName=oo;aa.folderName=vo;var Un=require("react/jsx-runtime"),zc="k-toolbar-popup",Ph=[],Hh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.outline,v.flat]},Gh={},Io=e=>{let{size:t,fillMode:o,section:a,...r}=e;return(0,Un.jsx)(me,{...r,className:l(e.className,zc),children:a?(0,Un.jsx)("span",{className:l("k-toolbar-items-list",R("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Io.states=Ph;Io.options=Hh;Io.className=zc;Io.defaultOptions=Gh;Io.moduleName=oo;Io.folderName=vo;var Fr=Io;var Kh=require("react/jsx-runtime");var Bh=require("react/jsx-runtime");var Dh=require("react/jsx-runtime");var Uc=require("react/jsx-runtime");var _h=require("react/jsx-runtime");var At=require("react/jsx-runtime"),zh=ee.states,Fc={...ee.defaultOptions,variant:"text"},Uh=ee.options,Fh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],$h=[{name:"opened",title:"Opened"}],Ya=e=>{let{variant:t,modifiers:o,...a}={...Fc,...e},r={},s=(0,At.jsxs)(qe,{size:a.size,children:[(0,At.jsx)(he,{first:!0,text:"Menu Item"}),(0,At.jsx)(he,{text:"Menu Item"}),(0,At.jsx)(he,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(r.opened=!!(o!=null&&o[c]),r.popup=o!=null&&o[c]?s:"")}),t){case"icon-only":return(0,At.jsx)("div",{children:(0,At.jsx)(ee,{...a,...r,icon:"star"})});case"icon-and-text":return(0,At.jsx)("div",{children:(0,At.jsx)(ee,{...a,...r,icon:"star",children:"Split Button"})});default:return(0,At.jsx)("div",{children:(0,At.jsx)(ee,{...a,...r,children:"Split Button"})})}};Ya.options=Uh;Ya.states=zh;Ya.variants=Fh;Ya.defaultOptions=Fc;Ya.modifiers=$h;var Wt=require("react/jsx-runtime"),$c=e=>(0,Wt.jsx)(pe,{children:[(0,Wt.jsx)(p,{children:"Button"},"toolbar-button"),(0,Wt.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,Wt.jsx)(ee,{children:"Split button"},"toolbar-split-button"),(0,Wt.jsxs)(F,{children:[(0,Wt.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Wt.jsx)(p,{icon:"align-center",children:"Center"}),(0,Wt.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Vc=require("react/jsx-runtime");var _e=require("react/jsx-runtime"),Wc=e=>(0,_e.jsx)(pe,{scrollable:!0,...e,children:[(0,_e.jsx)(p,{children:"Button"},"toolbar-button"),(0,_e.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,_e.jsx)(ee,{children:"Split button"},"toolbar-split-button"),(0,_e.jsxs)(F,{children:[(0,_e.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,_e.jsx)(p,{icon:"align-center",children:"Center"}),(0,_e.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,_e.jsx)(p,{children:"Button"},"toolbar-button"),(0,_e.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,_e.jsx)(ee,{children:"Split button"},"toolbar-split-button"),(0,_e.jsxs)(F,{children:[(0,_e.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,_e.jsx)(p,{icon:"align-center",children:"Center"}),(0,_e.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var ze=require("react/jsx-runtime"),Xc=({scrollingPosition:e="start",...t})=>(0,ze.jsx)(pe,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,ze.jsx)(p,{children:"Button"},"toolbar-button"),(0,ze.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,ze.jsx)(ee,{children:"Split button"},"toolbar-split-button"),(0,ze.jsxs)(F,{children:[(0,ze.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ze.jsx)(p,{icon:"align-center",children:"Center"}),(0,ze.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,ze.jsx)(p,{children:"Button"},"toolbar-button"),(0,ze.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,ze.jsx)(ee,{children:"Split button"},"toolbar-split-button"),(0,ze.jsxs)(F,{children:[(0,ze.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ze.jsx)(p,{icon:"align-center",children:"Center"}),(0,ze.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var xe=require("react/jsx-runtime"),Jc=({fillMode:e,size:t,...o})=>(0,xe.jsxs)(xe.Fragment,{children:[(0,xe.jsx)(pe,{section:!0,fillMode:e,size:t,children:[(0,xe.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,xe.jsxs)(F,{fillMode:e,children:[(0,xe.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,xe.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,xe.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,xe.jsx)(Gt,{className:"k-toolbar-button-separator"}),(0,xe.jsx)(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,xe.jsxs)(Fr,{size:t,fillMode:e,section:!0,...o,children:[(0,xe.jsx)(ee,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,xe.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,xe.jsx)(Gt,{}),(0,xe.jsx)(ce,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,xe.jsxs)(F,{fillMode:e,children:[(0,xe.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,xe.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,xe.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var Fn=require("react/jsx-runtime");var $n=require("react/jsx-runtime");var ro=require("react/jsx-runtime"),Vh=pe.options,Wh=pe.states,qc={...pe.defaultOptions,variant:"default"},Xh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Jh=[],Qa=e=>{let{variant:t,...o}={...qc,...e};switch(t){case"responsive":return(0,ro.jsx)("div",{children:(0,ro.jsx)(Jc,{style:{width:"583px"},...o})});case"overlay":return(0,ro.jsx)("div",{children:(0,ro.jsx)(Xc,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,ro.jsx)("div",{children:(0,ro.jsx)(Wc,{style:{width:"583px"},...o})});default:return(0,ro.jsx)("div",{children:(0,ro.jsx)($c,{style:{width:"583px"},...o})})}};Qa.options=Vh;Qa.states=Wh;Qa.variants=Xh;Qa.defaultOptions=qc;Qa.modifiers=Jh;var Qc=require("react/jsx-runtime"),Yc="k-grid-toolbar",Kt=e=>(0,Qc.jsx)(pe,{...e,className:l(e.className,Yc),children:e.children});Kt.className=Yc;Kt.moduleName=te;Kt.folderName=ae;var ra=require("react/jsx-runtime"),Vn="k-grid-stack-cell",qh=[n.focus,n.selected],$r=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:r,dirty:s,focus:c,selected:b,...f}=e;return(0,ra.jsxs)("div",{...f,className:l(e.className,Vn,{"k-grid-stack-edit-cell":a,"k-command-cell":r,"k-dirty-cell":s},H(Vn,{focus:c,selected:b})),children:[s&&(0,ra.jsx)("span",{className:"k-dirty"}),t&&(0,ra.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,ra.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};$r.states=qh;$r.className=Vn;$r.moduleName=te;$r.folderName=ae;var jc=require("react/jsx-runtime"),Zc="k-grid-stack-row",Vr=e=>{let{cols:t,...o}=e;return(0,jc.jsx)("div",{...o,className:l(e.className,Zc,{[`k-grid-cols-${t}`]:t}),children:e.children})};Vr.className=Zc;Vr.moduleName=te;Vr.folderName=ae;var Wn=require("react/jsx-runtime");var Xn=require("react/jsx-runtime");var Jn=require("react/jsx-runtime");var g=require("react/jsx-runtime"),ep=({contentClassName:e,...t})=>(0,g.jsx)(J,{_renderAriaRoot:!0,pager:(0,g.jsx)(Ft,{refresh:!1}),children:(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(q,{children:(0,g.jsx)("div",{className:"k-grid-header-wrap",children:(0,g.jsxs)(Y,{children:[(0,g.jsxs)("colgroup",{children:[(0,g.jsx)("col",{}),(0,g.jsx)("col",{style:{width:"225px"}}),(0,g.jsx)("col",{}),(0,g.jsx)("col",{}),(0,g.jsx)("col",{})]}),(0,g.jsxs)(X,{children:[(0,g.jsxs)(L,{children:[(0,g.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Product Id"}),(0,g.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Name"}),(0,g.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Quantity"}),(0,g.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),(0,g.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),(0,g.jsxs)(L,{className:"k-filter-row",children:[(0,g.jsx)(i,{children:(0,g.jsx)("div",{className:"k-filtercell",children:(0,g.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,g.jsx)(W,{}),(0,g.jsxs)("div",{className:"k-filtercell-operator",children:[(0,g.jsx)(ie,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,g.jsx)(p,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,g.jsx)(i,{children:(0,g.jsx)("div",{className:"k-filtercell",children:(0,g.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,g.jsx)(ne,{}),(0,g.jsxs)("div",{className:"k-filtercell-operator",children:[(0,g.jsx)(ie,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,g.jsx)(p,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,g.jsx)(i,{children:(0,g.jsx)("div",{className:"k-filtercell",children:(0,g.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,g.jsx)(ne,{}),(0,g.jsxs)("div",{className:"k-filtercell-operator",children:[(0,g.jsx)(ie,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,g.jsx)(p,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,g.jsx)(i,{children:(0,g.jsx)("div",{className:"k-filtercell",children:(0,g.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,g.jsx)(W,{}),(0,g.jsxs)("div",{className:"k-filtercell-operator",children:[(0,g.jsx)(ie,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,g.jsx)(p,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,g.jsx)(i,{children:(0,g.jsx)("div",{className:"k-filtercell",children:(0,g.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,g.jsx)(ie,{}),(0,g.jsx)("div",{className:"k-filtercell-operator",children:(0,g.jsx)(p,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),(0,g.jsx)(re,{children:(0,g.jsx)(Q,{className:e,children:(0,g.jsxs)(Z,{children:[(0,g.jsxs)("colgroup",{children:[(0,g.jsx)("col",{}),(0,g.jsx)("col",{style:{width:"225px"}}),(0,g.jsx)("col",{}),(0,g.jsx)("col",{}),(0,g.jsx)("col",{})]}),(0,g.jsxs)(oe,{children:[(0,g.jsxs)(L,{className:"k-master-row",children:[(0,g.jsx)(i,{children:"1"}),(0,g.jsx)(i,{children:"Chai"}),(0,g.jsx)(i,{children:"10 boxes x 20 bags"}),(0,g.jsx)(i,{children:"18"}),(0,g.jsx)(i,{children:"false"})]}),(0,g.jsxs)(L,{className:"k-master-row",alt:!0,children:[(0,g.jsx)(i,{children:"2"}),(0,g.jsx)(i,{children:"Chang"}),(0,g.jsx)(i,{children:"24 - 12 oz bottles"}),(0,g.jsx)(i,{children:"19"}),(0,g.jsx)(i,{children:"false"})]}),(0,g.jsxs)(L,{className:"k-master-row",children:[(0,g.jsx)(i,{children:"3"}),(0,g.jsx)(i,{children:"Aniseed Syrup"}),(0,g.jsx)(i,{children:"12 - 550 ml bottles"}),(0,g.jsx)(i,{children:"10"}),(0,g.jsx)(i,{children:"false"})]}),(0,g.jsxs)(L,{className:"k-master-row",alt:!0,children:[(0,g.jsx)(i,{children:"4"}),(0,g.jsx)(i,{children:"Chef Anton's Cajun Seasoning"}),(0,g.jsx)(i,{children:"48 - 6 oz jars"}),(0,g.jsx)(i,{children:"22"}),(0,g.jsx)(i,{children:"false"})]}),(0,g.jsxs)(L,{className:"k-master-row",children:[(0,g.jsx)(i,{children:"5"}),(0,g.jsx)(i,{children:"Grandma's Boysenberry Spread"}),(0,g.jsx)(i,{children:"12 - 8 oz jars"}),(0,g.jsx)(i,{children:"25"}),(0,g.jsx)(i,{children:"false"})]})]})]})})})]}),...t});var Za=require("react/jsx-runtime"),Yh="k-chip-action";var Se=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=(0,Za.jsx)(m,{icon:"x-circle",size:"small"});break;case"more":a=(0,Za.jsx)(m,{icon:"more-vertical",size:"small"});break;default:return(0,Za.jsx)(m,{icon:t,size:"small"})}return(0,Za.jsx)("span",{...o,className:l(e.className,Yh,`k-chip-${t}-action`),children:a})};var qn="avatar",tp=qn;var Qn=require("react/jsx-runtime"),ja="k-avatar";var Qh=[n.hover,n.focus,n.active,n.selected,n.disabled],Zh={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.outline],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark,x.inverse]},Yn={type:"text",border:!1},dt=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,type:s=Yn.type,border:c=Yn.border,...b}=e;return(0,Qn.jsx)("div",{...b,className:l(e.className,ja,R(ja,{size:t,rounded:o,fillMode:a,themeColor:r}),{[`${ja}-bordered`]:c}),children:(0,Qn.jsx)("span",{className:`${ja}-${s}`,children:e.children})})};dt.states=Qh;dt.options=Zh;dt.className=ja;dt.defaultOptions=Yn;dt.moduleName=qn;dt.folderName=tp;dt.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Oo=dt;var ap=require("react/jsx-runtime"),op=e=>(0,ap.jsx)(Oo,{type:"icon",...e});var lp=require("react/jsx-runtime"),rp=e=>(0,lp.jsx)(Oo,{type:"text",...e});var ip=require("react/jsx-runtime"),np=e=>(0,ip.jsx)(Oo,{type:"image",...e});var jh=require("react/jsx-runtime");var la=require("react/jsx-runtime"),ex=dt.options,tx=dt.states,ox={...dt.defaultOptions,variant:"image"},ax=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],rx=[],er=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,la.jsx)(op,{...o,children:(0,la.jsx)(m,{icon:"star"})});case"text":return(0,la.jsx)(rp,{...o,children:"JO"});default:return(0,la.jsx)(np,{...o,children:(0,la.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};er.options=ex;er.states=tx;er.variants=ax;er.defaultOptions=ox;er.modifiers=rx;var tr="chip",Wr=tr;var lo=require("react/jsx-runtime"),Xr="k-chip",lx=[n.hover,n.focus,n.active,n.selected,n.disabled],nx={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.outline],themeColor:[x.undefined,x.base,x.success,x.warning,x.error,x.info]},sp={avatarImage:"/packages/html/assets/avatar.jpg"},we=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,text:s,icon:c,actions:b,showAvatar:f,avatarImage:k=sp.avatarImage,hover:y,focus:C,active:T,selected:A,disabled:w,...P}=e;return(0,lo.jsxs)("div",{...P,className:l(e.className,Xr,R(Xr,{size:t,rounded:o,fillMode:a,themeColor:r}),H(Xr,{hover:y,focus:C,active:T,disabled:w,selected:A})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:A?"true":"false","aria-selected":e.role==="option"?A?"true":"false":void 0,"aria-disabled":w?"true":void 0,children:[c&&(0,lo.jsx)(m,{className:"k-chip-icon",icon:c,size:"small"}),f&&(0,lo.jsx)(dt,{className:"k-chip-avatar",type:"image",children:(0,lo.jsx)("img",{src:k,alt:""})}),(0,lo.jsx)("span",{className:"k-chip-content",children:e.children?e.children:s&&(0,lo.jsx)("span",{className:"k-chip-label",children:s})}),b&&(0,lo.jsx)("span",{className:"k-chip-actions",children:b})]})};we.states=lx;we.options=nx;we.className=Xr;we.defaultOptions=sp;we.moduleName=tr;we.folderName=Wr;we.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 Et=we;var dp=require("react/jsx-runtime"),Zn="k-chip-list",ix=[],sx={size:[d.undefined,d.small,d.medium,d.large]},dx={},Ae=e=>{let{size:t,multiselectable:o,ariaLabel:a,...r}=e;return(0,dp.jsx)("div",{...r,className:l(e.className,Zn,R(Zn,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Ae.states=ix;Ae.options=sx;Ae.className=Zn;Ae.defaultOptions=dx;Ae.moduleName=tr;Ae.folderName=Wr;Ae.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."}]};var cx=require("react/jsx-runtime");var px=require("react/jsx-runtime");var cp=require("react/jsx-runtime"),Jr=e=>(0,cp.jsx)(Et,{text:"text",...e});var mx=require("react/jsx-runtime");var ux=require("react/jsx-runtime");var jn=require("react/jsx-runtime");var pp=require("react/jsx-runtime");var mp=require("react/jsx-runtime");var up=require("react/jsx-runtime");var no=require("react/jsx-runtime"),bx={...Et.options,...Ae.options},fx=[],Tx=Ae.states,hx={...Et.defaultOptions,...Ae.defaultOptions},xx=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],or=e=>{let{modifiers:t,className:o,...a}=e,r=t==null?void 0:t.icon,s=t==null?void 0:t.actions,c=t==null?void 0:t.avatar;return(0,no.jsxs)(Ae,{size:a.size,className:o,children:[(0,no.jsx)(Jr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?(0,no.jsx)(Se,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,no.jsx)(Jr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?(0,no.jsx)(Se,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,no.jsx)(Jr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?(0,no.jsx)(Se,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};or.options=bx;or.states=Tx;or.variants=fx;or.defaultOptions=hx;or.modifiers=xx;var qr=require("react/jsx-runtime"),Nx=we.states,gx=we.defaultOptions,kx=we.options,vx=[],Lx=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],ar=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"icon":a.icon=t!=null&&t[r]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!(t!=null&&t[r]),a.avatarImage=t!=null&&t[r]?"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!=null&&t[r]?(0,qr.jsx)(Se,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t!=null&&t[r]?(0,qr.jsx)(Se,{type:"remove"}):void 0;break;default:break}}),(0,qr.jsx)(we,{...o,...a,children:"Chip component"})};ar.options=kx;ar.states=Nx;ar.variants=vx;ar.defaultOptions=gx;ar.modifiers=Lx;var E=require("react/jsx-runtime"),bp=({dropClue:e,contentClassName:t,...o})=>(0,E.jsx)(J,{_renderAriaRoot:!0,groupingHeader:(0,E.jsx)(io,{dropClue:e,children:(0,E.jsxs)(Ae,{children:[(0,E.jsx)(we,{icon:"sort-asc-small",text:"ID",actions:(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(Se,{type:"more"}),(0,E.jsx)(Se,{type:"remove"})]})}),(0,E.jsx)(we,{icon:"sort-desc-small",text:"Name",actions:(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(Se,{type:"more"}),(0,E.jsx)(Se,{type:"remove"})]})})]})}),children:(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(q,{draggable:!0,children:(0,E.jsx)("div",{className:"k-grid-header-wrap",children:(0,E.jsxs)(Y,{children:[(0,E.jsxs)("colgroup",{children:[(0,E.jsx)("col",{className:"k-group-col"}),(0,E.jsx)("col",{className:"k-group-col"}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{})]}),(0,E.jsx)(X,{children:(0,E.jsxs)(L,{children:[(0,E.jsx)(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,E.jsx)(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,E.jsx)(M,{colspan:1,columnTitle:"ID"}),(0,E.jsx)(M,{colspan:1,columnTitle:"Name"}),(0,E.jsx)(M,{colspan:1,columnTitle:"Price"}),(0,E.jsx)(M,{colspan:1,columnTitle:"Category"})]})})]})})}),(0,E.jsx)(re,{children:(0,E.jsx)(Q,{className:t,children:(0,E.jsxs)(Z,{children:[(0,E.jsxs)("colgroup",{children:[(0,E.jsx)("col",{className:"k-group-col"}),(0,E.jsx)("col",{className:"k-group-col"}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{})]}),(0,E.jsxs)(oe,{children:[(0,E.jsx)(L,{className:"k-table-group-row k-grouping-row",children:(0,E.jsx)(i,{colspan:6,children:(0,E.jsxs)("p",{className:"k-reset",children:[(0,E.jsx)(m,{icon:"caret-alt-right"}),"ID: 1"]})})}),(0,E.jsx)(L,{className:"k-table-group-row k-grouping-row",children:(0,E.jsx)(i,{colspan:6,children:(0,E.jsxs)("p",{className:"k-reset",children:[(0,E.jsx)(m,{icon:"caret-alt-down"}),"ID: 2"]})})}),(0,E.jsxs)(L,{className:"k-table-group-row k-grouping-row",children:[(0,E.jsx)(i,{className:"k-table-group-td k-group-cell"}),(0,E.jsx)(i,{colspan:5,children:(0,E.jsxs)("p",{className:"k-reset",children:[(0,E.jsx)(m,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),(0,E.jsxs)(L,{className:"k-master-row",alt:!0,children:[(0,E.jsx)(i,{className:"k-table-group-td k-group-cell"}),(0,E.jsx)(i,{className:"k-table-group-td k-group-cell"}),(0,E.jsx)(i,{colspan:0,children:"2"}),(0,E.jsx)(i,{colspan:0,children:"Chang"}),(0,E.jsx)(i,{colspan:0,children:"$19.00"}),(0,E.jsx)(i,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});var ei=require("react/jsx-runtime");var ti=require("react/jsx-runtime");var oi=require("react/jsx-runtime");var G=require("react/jsx-runtime"),fp=({headerWrapClassName:e,contentClassName:t,...o})=>(0,G.jsx)(J,{_renderAriaRoot:!0,children:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(q,{children:(0,G.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,G.jsxs)(Y,{children:[(0,G.jsxs)("colgroup",{children:[(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{})]}),(0,G.jsxs)(X,{children:[(0,G.jsxs)(L,{children:[(0,G.jsx)(M,{rowspan:3,colspan:1,columnTitle:"ID"}),(0,G.jsx)(M,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),(0,G.jsxs)(L,{children:[(0,G.jsx)(M,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),(0,G.jsx)(M,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),(0,G.jsxs)(L,{children:[(0,G.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),(0,G.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),(0,G.jsx)(re,{children:(0,G.jsx)(Q,{className:t,children:(0,G.jsxs)(Z,{children:[(0,G.jsxs)("colgroup",{children:[(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{})]}),(0,G.jsxs)(oe,{children:[(0,G.jsxs)(L,{className:"k-master-row",children:[(0,G.jsx)(i,{children:"1"}),(0,G.jsx)(i,{children:"Chai"}),(0,G.jsx)(i,{children:"39"}),(0,G.jsx)(i,{children:"18"})]}),(0,G.jsxs)(L,{className:"k-master-row",alt:!0,children:[(0,G.jsx)(i,{children:"2"}),(0,G.jsx)(i,{children:"Chang"}),(0,G.jsx)(i,{children:"17"}),(0,G.jsx)(i,{children:"19"})]}),(0,G.jsxs)(L,{className:"k-master-row",children:[(0,G.jsx)(i,{children:"3"}),(0,G.jsx)(i,{children:"Aniseed Syrup"}),(0,G.jsx)(i,{children:"13"}),(0,G.jsx)(i,{children:"10"})]}),(0,G.jsxs)(L,{className:"k-master-row",alt:!0,children:[(0,G.jsx)(i,{children:"4"}),(0,G.jsx)(i,{children:"Chef Anton's Cajun Seasoning"}),(0,G.jsx)(i,{children:"53"}),(0,G.jsx)(i,{children:"22"})]}),(0,G.jsxs)(L,{className:"k-master-row",children:[(0,G.jsx)(i,{children:"5"}),(0,G.jsx)(i,{children:"Chef Anton's Gumbo Mix"}),(0,G.jsx)(i,{children:"0"}),(0,G.jsx)(i,{children:"21.35"})]})]})]})})})]}),...o});var ai=require("react/jsx-runtime");var ri=require("react/jsx-runtime");var B=require("react/jsx-runtime"),Tp=e=>(0,B.jsx)(J,{_renderAriaRoot:!0,toolbar:(0,B.jsxs)(Kt,{children:[(0,B.jsx)(p,{children:"Add new"}),(0,B.jsx)(p,{children:"Save Changes"}),(0,B.jsx)(p,{children:"Cancel Changes"})]}),children:(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(q,{children:(0,B.jsx)("div",{className:"k-grid-header-wrap",children:(0,B.jsxs)(Y,{children:[(0,B.jsxs)("colgroup",{children:[(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{style:{width:"300px"}})]}),(0,B.jsx)(X,{children:(0,B.jsxs)(L,{children:[(0,B.jsx)(M,{columnTitle:"Name"}),(0,B.jsx)(M,{columnTitle:"Price"}),(0,B.jsx)(M,{columnTitle:"Available"}),(0,B.jsx)(M,{accessibleLabel:"Commands"})]})})]})})}),(0,B.jsx)(re,{children:(0,B.jsx)(Q,{children:(0,B.jsx)("div",{children:(0,B.jsxs)(Z,{children:[(0,B.jsxs)("colgroup",{children:[(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{style:{width:"300px"}})]}),(0,B.jsxs)(oe,{children:[(0,B.jsxs)(L,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[(0,B.jsx)(i,{children:(0,B.jsx)(ne,{value:"Towel"})}),(0,B.jsx)(i,{children:(0,B.jsx)(W,{value:"42"})}),(0,B.jsx)(i,{children:(0,B.jsx)(at,{})}),(0,B.jsxs)(i,{className:"k-command-cell",children:[(0,B.jsx)(p,{children:"Add"}),(0,B.jsx)(p,{children:"Cancel"})]})]}),(0,B.jsxs)(L,{className:"k-master-row",children:[(0,B.jsx)(i,{children:"Chai"}),(0,B.jsx)(i,{children:"18"}),(0,B.jsx)(i,{children:"false"}),(0,B.jsx)(i,{className:"k-command-cell",children:(0,B.jsx)(p,{children:"Remove"})})]}),(0,B.jsxs)(L,{className:"k-master-row",alt:!0,children:[(0,B.jsx)(i,{children:"Chang"}),(0,B.jsx)(i,{children:"19"}),(0,B.jsx)(i,{children:"false"}),(0,B.jsx)(i,{className:"k-command-cell",children:(0,B.jsx)(p,{children:"Remove"})})]})]})]})})})})]}),...e});var li=require("react/jsx-runtime");var u=require("react/jsx-runtime"),Cx=J.options,yx=J.states,hp={...J.defaultOptions,variant:"normal"},Mx=[{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"}],Sx=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],rr=e=>{let{variant:t,modifiers:o,...a}={...hp,...e},r={toolbar:void 0,pager:void 0},s=(0,u.jsxs)(Kt,{children:[(0,u.jsx)(p,{icon:"plus",children:"Add New"}),(0,u.jsx)(p,{icon:"file-pdf",children:"Export to PDF"}),(0,u.jsx)("span",{className:"k-spacer"}),(0,u.jsx)(ne,{prefix:(0,u.jsx)(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=(0,u.jsx)(Ne,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(k=>{switch(k){case"toolbar":r.toolbar=o!=null&&o[k]?s:void 0;break;case"pager":r.pager=o!=null&&o[k]?c:void 0;break;default:return}});let b={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},f=(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(q,{children:(0,u.jsx)("div",{className:"k-grid-header-wrap",children:(0,u.jsxs)(Y,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsx)(X,{children:(0,u.jsxs)(L,{children:[(0,u.jsx)(M,{...b[t],columnTitle:"ID"}),(0,u.jsx)(M,{...b[t],columnTitle:"Product Name"}),(0,u.jsx)(M,{...b[t],columnTitle:"Units in Stock"}),(0,u.jsx)(M,{...b[t],columnTitle:"Units Price"})]})})]})})}),(0,u.jsx)(re,{children:(0,u.jsx)(Q,{children:(0,u.jsxs)(Z,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsxs)(oe,{children:[(0,u.jsxs)(L,{children:[(0,u.jsx)(i,{children:"1"}),(0,u.jsx)(i,{children:"Chai"}),(0,u.jsx)(i,{children:"39"}),(0,u.jsx)(i,{children:"18"})]}),(0,u.jsxs)(L,{className:"k-alt",alt:!0,children:[(0,u.jsx)(i,{children:"2"}),(0,u.jsx)(i,{children:"Chang"}),(0,u.jsx)(i,{children:"17"}),(0,u.jsx)(i,{children:"19"})]}),(0,u.jsxs)(L,{children:[(0,u.jsx)(i,{children:"3"}),(0,u.jsx)(i,{children:"Aniseed Syrup"}),(0,u.jsx)(i,{children:"13"}),(0,u.jsx)(i,{children:"10"})]}),(0,u.jsxs)(L,{className:"k-alt",alt:!0,children:[(0,u.jsx)(i,{children:"4"}),(0,u.jsx)(i,{children:"Chef Anton's Cajun Seasoning"}),(0,u.jsx)(i,{children:"53"}),(0,u.jsx)(i,{children:"22"})]}),(0,u.jsxs)(L,{children:[(0,u.jsx)(i,{children:"5"}),(0,u.jsx)(i,{children:"Chef Anton's Gumbo Mix"}),(0,u.jsx)(i,{children:"0"}),(0,u.jsx)(i,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,u.jsx)(fp,{...a,...r});case"editing":return(0,u.jsx)(Tp,{...a,...r});case"grouping":return(0,u.jsx)(bp,{...a,...r,groupingHeader:(0,u.jsx)(io,{children:(0,u.jsxs)(Ae,{children:[(0,u.jsx)(we,{icon:"sort-asc-small",actions:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Se,{type:"more"}),(0,u.jsx)(Se,{type:"remove"})]}),children:"ID"}),(0,u.jsx)(we,{icon:"sort-desc-small",actions:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Se,{type:"more"}),(0,u.jsx)(Se,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,u.jsx)(J,{...a,...r,children:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(q,{children:(0,u.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,u.jsxs)(Y,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{className:"k-drag-col"}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsx)(X,{children:(0,u.jsxs)(L,{children:[(0,u.jsx)(M,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,u.jsx)(M,{columnTitle:"ID"}),(0,u.jsx)(M,{columnTitle:"Product Name"}),(0,u.jsx)(M,{columnTitle:"Units in Stock"}),(0,u.jsx)(M,{columnTitle:"Units Price"})]})})]})]})}),(0,u.jsx)(re,{children:(0,u.jsx)(Q,{children:(0,u.jsxs)(Z,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{className:"k-drag-col"}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsxs)(oe,{children:[(0,u.jsxs)(L,{children:[(0,u.jsx)(i,{className:"k-drag-cell",children:(0,u.jsx)(m,{icon:"reorder"})}),(0,u.jsx)(i,{children:"1"}),(0,u.jsx)(i,{children:"Chai"}),(0,u.jsx)(i,{children:"39"}),(0,u.jsx)(i,{children:"18"})]}),(0,u.jsxs)(L,{className:"k-alt",alt:!0,children:[(0,u.jsx)(i,{className:"k-drag-cell",children:(0,u.jsx)(m,{icon:"reorder"})}),(0,u.jsx)(i,{children:"2"}),(0,u.jsx)(i,{children:"Chang"}),(0,u.jsx)(i,{children:"17"}),(0,u.jsx)(i,{children:"19"})]}),(0,u.jsxs)(L,{children:[(0,u.jsx)(i,{className:"k-drag-cell",children:(0,u.jsx)(m,{icon:"reorder"})}),(0,u.jsx)(i,{children:"3"}),(0,u.jsx)(i,{children:"Aniseed Syrup"}),(0,u.jsx)(i,{children:"13"}),(0,u.jsx)(i,{children:"10"})]}),(0,u.jsxs)(L,{className:"k-alt",alt:!0,children:[(0,u.jsx)(i,{className:"k-drag-cell",children:(0,u.jsx)(m,{icon:"reorder"})}),(0,u.jsx)(i,{children:"4"}),(0,u.jsx)(i,{children:"Chef Anton's Cajun Seasoning"}),(0,u.jsx)(i,{children:"53"}),(0,u.jsx)(i,{children:"22"})]}),(0,u.jsxs)(L,{children:[(0,u.jsx)(i,{className:"k-drag-cell",children:(0,u.jsx)(m,{icon:"reorder"})}),(0,u.jsx)(i,{children:"5"}),(0,u.jsx)(i,{children:"Chef Anton's Gumbo Mix"}),(0,u.jsx)(i,{children:"0"}),(0,u.jsx)(i,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,u.jsx)(ep,{...a,...r});default:return(0,u.jsx)(J,{...a,...r,children:f})}};rr.options=Cx;rr.states=yx;rr.variants=Mx;rr.defaultOptions=hp;rr.modifiers=Sx;var ni="treelist",xp=ni;var gp=require("react/jsx-runtime"),Np="k-treelist",wx=[],Ax={},Ex={},Ue=e=>(0,gp.jsx)(J,{...e,className:l(Np,e.className),children:e.children});Ue.states=wx;Ue.options=Ax;Ue.className=Np;Ue.defaultOptions=Ex;Ue.moduleName=ni;Ue.folderName=xp;var K=require("react/jsx-runtime"),Po=({gridHeader:e,gridContent:t,menu:o,...a})=>(0,K.jsxs)(Ue,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|(0,K.jsx)(q,{children:(0,K.jsx)("div",{className:"k-grid-header-wrap",children:(0,K.jsxs)(Y,{children:[(0,K.jsxs)("colgroup",{children:[(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{})]}),(0,K.jsx)(X,{children:(0,K.jsxs)(L,{children:[(0,K.jsx)(M,{menu:o,columnTitle:"Name"}),(0,K.jsx)(M,{menu:o,columnTitle:"Position"}),(0,K.jsx)(M,{menu:o,columnTitle:"Hire Date"})]})})]})})}),(0,K.jsx)(re,{children:t\|\|(0,K.jsx)(Q,{children:(0,K.jsxs)(Z,{children:[(0,K.jsxs)("colgroup",{children:[(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{})]}),(0,K.jsxs)(oe,{children:[(0,K.jsxs)(L,{children:[(0,K.jsxs)(i,{children:[(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,K.jsx)(i,{children:"Sweeney"}),(0,K.jsx)(i,{children:"CEO"})]}),(0,K.jsxs)(L,{alt:!0,children:[(0,K.jsxs)(i,{children:[(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,K.jsx)(i,{children:"Wooten"}),(0,K.jsx)(i,{children:"Chief Technical Officer"})]}),(0,K.jsxs)(L,{children:[(0,K.jsxs)(i,{children:[(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,K.jsx)(i,{children:"Weber"}),(0,K.jsx)(i,{children:"VP, Engineering"})]}),(0,K.jsxs)(L,{alt:!0,children:[(0,K.jsxs)(i,{children:[(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,K.jsx)(i,{children:"Hood"}),(0,K.jsx)(i,{children:"Team Lead"})]}),(0,K.jsxs)(L,{children:[(0,K.jsxs)(i,{children:[(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,K.jsx)(i,{children:"Carr"}),(0,K.jsx)(i,{children:"Junior Software Developer"})]})]})]})})})]});var vp=require("react/jsx-runtime"),kp=e=>(0,vp.jsx)(Po,{menu:"column",...e});var Cp=require("react/jsx-runtime"),Lp=e=>(0,Cp.jsx)(Po,{menu:"filter",...e});var S=require("react/jsx-runtime"),yp=({gridHeader:e,gridContent:t,menu:o,...a})=>(0,S.jsxs)(Ue,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|(0,S.jsx)(q,{children:(0,S.jsx)("div",{className:"k-grid-header-wrap",children:(0,S.jsxs)(Y,{children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{className:"k-drag-col"}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{})]}),(0,S.jsx)(X,{children:(0,S.jsxs)(L,{children:[(0,S.jsx)(M,{}),(0,S.jsx)(M,{menu:o,columnTitle:"First Name"}),(0,S.jsx)(M,{menu:o,columnTitle:"Last Name"}),(0,S.jsx)(M,{menu:o,columnTitle:"Position"})]})})]})})}),(0,S.jsx)(re,{children:t\|\|(0,S.jsx)(Q,{children:(0,S.jsxs)(Z,{children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{className:"k-drag-col"}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{})]}),(0,S.jsxs)(oe,{children:[(0,S.jsxs)(L,{children:[(0,S.jsx)(i,{className:"k-drag-cell",children:(0,S.jsx)(m,{icon:"reorder"})}),(0,S.jsxs)(i,{children:[(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,S.jsx)(i,{children:"Sweeney"}),(0,S.jsx)(i,{children:"CEO"})]}),(0,S.jsxs)(L,{alt:!0,children:[(0,S.jsx)(i,{className:"k-drag-cell",children:(0,S.jsx)(m,{icon:"reorder"})}),(0,S.jsxs)(i,{children:[(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,S.jsx)(i,{children:"Wooten"}),(0,S.jsx)(i,{children:"Chief Technical Officer"})]}),(0,S.jsxs)(L,{children:[(0,S.jsx)(i,{className:"k-drag-cell",children:(0,S.jsx)(m,{icon:"reorder"})}),(0,S.jsxs)(i,{children:[(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,S.jsx)(i,{children:"Weber"}),(0,S.jsx)(i,{children:"VP, Engineering"})]}),(0,S.jsxs)(L,{alt:!0,children:[(0,S.jsx)(i,{className:"k-drag-cell",children:(0,S.jsx)(m,{icon:"reorder"})}),(0,S.jsxs)(i,{children:[(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,S.jsx)(i,{children:"Hood"}),(0,S.jsx)(i,{children:"Team Lead"})]}),(0,S.jsxs)(L,{children:[(0,S.jsx)(i,{className:"k-drag-cell",children:(0,S.jsx)(m,{icon:"reorder"})}),(0,S.jsxs)(i,{children:[(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,S.jsx)(i,{children:"Carr"}),(0,S.jsx)(i,{children:"Junior Software Developer"})]})]})]})})})]});var Mp=require("react/jsx-runtime");var h=require("react/jsx-runtime"),Rx=Ue.options,Ix=Ue.states,Sp={...Ue.defaultOptions,variant:"normal"},Ox=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-row",title:"Filter Row"},{name:"sorting",title:"Sorting"},{name:"row-reordering",title:"Row Reordering"}],Px=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],lr=e=>{let{variant:t,modifiers:o,...a}={...Sp,...e},r={},s=(0,h.jsxs)(Kt,{children:[(0,h.jsx)(p,{icon:"plus",children:"Add New"}),(0,h.jsx)(p,{icon:"file-pdf",children:"Export to PDF"}),(0,h.jsx)("span",{className:"k-spacer"}),(0,h.jsx)(ne,{prefix:(0,h.jsx)(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=(0,h.jsx)(Ne,{pageSizes:!1,refresh:!1});switch(Object.keys(o\|\|{}).forEach(b=>{switch(b){case"toolbar":r.toolbar=o!=null&&o[b]?s:void 0;break;case"pager":r.pager=o!=null&&o[b]?c:void 0;break;default:return}}),t){case"row-reordering":return(0,h.jsx)(yp,{...a,...r});case"column-menu":return(0,h.jsx)(kp,{...a,...r,gridHeader:(0,h.jsx)(q,{children:(0,h.jsx)("div",{className:"k-grid-header-wrap",children:(0,h.jsxs)(Y,{children:[(0,h.jsxs)("colgroup",{children:[(0,h.jsx)("col",{}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{})]}),(0,h.jsx)(X,{children:(0,h.jsxs)(L,{children:[(0,h.jsx)(M,{menu:"column",columnTitle:"First Name"}),(0,h.jsx)(M,{menu:"column",columnTitle:"Last Name"}),(0,h.jsx)(M,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return(0,h.jsx)(Lp,{...a,...r,gridHeader:(0,h.jsx)(q,{children:(0,h.jsx)("div",{className:"k-grid-header-wrap",children:(0,h.jsxs)(Y,{children:[(0,h.jsxs)("colgroup",{children:[(0,h.jsx)("col",{}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{})]}),(0,h.jsx)(X,{children:(0,h.jsxs)(L,{children:[(0,h.jsx)(M,{menu:"filter",columnTitle:"First Name"}),(0,h.jsx)(M,{menu:"filter",columnTitle:"Last Name"}),(0,h.jsx)(M,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return(0,h.jsx)(Po,{...a,...r,gridHeader:(0,h.jsx)(q,{children:(0,h.jsx)("div",{className:"k-grid-header-wrap",children:(0,h.jsxs)(Y,{children:[(0,h.jsxs)("colgroup",{children:[(0,h.jsx)("col",{}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{})]}),(0,h.jsx)(X,{children:(0,h.jsxs)(L,{children:[(0,h.jsx)(M,{columnTitle:"First Name"}),(0,h.jsx)(M,{columnTitle:"Last Name",sortable:!0}),(0,h.jsx)(M,{columnTitle:"Position"})]})})]})})}),gridContent:(0,h.jsx)(Q,{children:(0,h.jsxs)(Z,{children:[(0,h.jsxs)("colgroup",{children:[(0,h.jsx)("col",{}),(0,h.jsx)("col",{className:"k-sorted"}),(0,h.jsx)("col",{})]}),(0,h.jsxs)(oe,{children:[(0,h.jsxs)(L,{className:"k-treelist-group",children:[(0,h.jsxs)(i,{children:[(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,h.jsx)(i,{children:"Sweeney"}),(0,h.jsx)(i,{children:"CEO"})]}),(0,h.jsxs)(L,{className:"k-treelist-group k-alt",alt:!0,children:[(0,h.jsxs)(i,{children:[(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,h.jsx)(i,{children:"Wooten"}),(0,h.jsx)(i,{children:"Chief Technical Officer"})]}),(0,h.jsxs)(L,{className:"k-treelist-group",children:[(0,h.jsxs)(i,{children:[(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,h.jsx)(i,{children:"Weber"}),(0,h.jsx)(i,{children:"VP, Engineering"})]}),(0,h.jsxs)(L,{className:"k-treelist-group k-alt",alt:!0,children:[(0,h.jsxs)(i,{children:[(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,h.jsx)(i,{children:"Hood"}),(0,h.jsx)(i,{children:"Team Lead"})]}),(0,h.jsxs)(L,{children:[(0,h.jsxs)(i,{children:[(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,h.jsx)(i,{children:"Carr"}),(0,h.jsx)(i,{children:"Junior Software Developer"})]})]})]})})});default:return(0,h.jsx)(Po,{...a,...r,gridHeader:(0,h.jsx)(q,{children:(0,h.jsx)("div",{className:"k-grid-header-wrap",children:(0,h.jsxs)(Y,{children:[(0,h.jsxs)("colgroup",{children:[(0,h.jsx)("col",{}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{})]}),(0,h.jsx)(X,{children:(0,h.jsxs)(L,{children:[(0,h.jsx)(M,{columnTitle:"First Name"}),(0,h.jsx)(M,{columnTitle:"Last Name"}),(0,h.jsx)(M,{columnTitle:"Position"})]})})]})})})})}};lr.options=Rx;lr.states=Ix;lr.variants=Ox;lr.defaultOptions=Sp;lr.modifiers=Px;var ii="propertygrid",wp=ii;var Ep=require("react/jsx-runtime"),Ap="k-property-grid",Hx=[],Gx={},Kx={},Rt=e=>(0,Ep.jsx)(Ue,{...e,className:l(Ap,e.className),children:e.children});Rt.states=Hx;Rt.options=Gx;Rt.className=Ap;Rt.defaultOptions=Kx;Rt.moduleName=ii;Rt.folderName=wp;var O=require("react/jsx-runtime"),nr=({content:e,...t})=>(0,O.jsx)(Rt,{style:{height:"450px"},toolbar:(0,O.jsxs)(Kt,{resizable:!0,children:[(0,O.jsx)(ne,{prefix:(0,O.jsx)(m,{icon:"search"}),placeholder:"Search..."}),(0,O.jsx)(ie,{value:"Default Sort"}),(0,O.jsx)(p,{icon:"categorize"}),(0,O.jsx)(p,{icon:"info-circle"})]}),...t,children:(0,O.jsx)(re,{children:e\|\|(0,O.jsx)(Q,{className:"k-auto-scrollable",children:(0,O.jsxs)(Z,{children:[(0,O.jsxs)("colgroup",{children:[(0,O.jsx)("col",{style:{width:"200px"}}),(0,O.jsx)("col",{style:{width:"250px"}})]}),(0,O.jsxs)(oe,{children:[(0,O.jsxs)(L,{children:[(0,O.jsxs)(i,{children:[(0,O.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"size"]}),(0,O.jsx)(i,{children:(0,O.jsx)("b",{children:"medium"})})]}),(0,O.jsxs)(L,{alt:!0,children:[(0,O.jsxs)(i,{children:[(0,O.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"themeColor"]}),(0,O.jsx)(i,{children:(0,O.jsx)("b",{children:"base"})})]}),(0,O.jsxs)(L,{children:[(0,O.jsxs)(i,{children:[(0,O.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"fillMode"]}),(0,O.jsx)(i,{children:(0,O.jsx)("b",{children:"solid"})})]}),(0,O.jsxs)(L,{alt:!0,children:[(0,O.jsxs)(i,{children:[(0,O.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"rounded"]}),(0,O.jsx)(i,{children:(0,O.jsx)("b",{children:"medium"})})]}),(0,O.jsxs)(L,{children:[(0,O.jsxs)(i,{children:[(0,O.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"icon"]}),(0,O.jsx)(i,{children:(0,O.jsx)(m,{icon:"star"})})]}),(0,O.jsxs)(L,{alt:!0,children:[(0,O.jsxs)(i,{children:[(0,O.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"font"]}),(0,O.jsx)(i,{children:"Roboto 400"})]}),(0,O.jsxs)(L,{children:[(0,O.jsxs)(i,{children:[(0,O.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,O.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"font-weight"]}),(0,O.jsx)(i,{children:(0,O.jsx)("b",{children:"400"})})]}),(0,O.jsxs)(L,{alt:!0,children:[(0,O.jsxs)(i,{children:[(0,O.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,O.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"font-family"]}),(0,O.jsx)(i,{children:(0,O.jsx)("b",{children:"Roboto"})})]}),(0,O.jsx)(L,{className:"k-hidden k-bottom k-sticky k-footer-template",children:(0,O.jsx)(i,{colspan:"2",children:(0,O.jsx)("span",{children:"\xA0"})})})]})]})})})});var Rp=require("react/jsx-runtime"),Ho="k-pane",Bx=[],Dx={},si={resizable:!0,flex:!1},Ee=e=>{let{scrollable:t,flexBasis:o,flex:a=si.flex,collapsible:r,resizable:s=si.resizable,pinned:c,unpinned:b,tabbed:f,...k}=e;return(0,Rp.jsx)("div",{...k,style:{flexBasis:o,...e.style},className:l(e.className,Ho,{[`${Ho}-static`]:o,[`${Ho}-flex`]:a,"k-scrollable":t,[`${Ho}-pinned`]:c,[`${Ho}-unpinned`]:b,[`${Ho}-tabbed`]:f}),role:"group",children:e.children})};Ee.states=Bx;Ee.options=Dx;Ee.className=Ho;Ee.defaultOptions=si;var gt=require("react/jsx-runtime"),na="k-splitbar",_x=[n.hover,n.focus],zx={},di={orientation:"horizontal",draggable:!0},ia=e=>{let{hover:t,focus:o,orientation:a=di.orientation,draggable:r=di.draggable,collapsePrev:s,collapseNext:c,ariaLabel:b,...f}=e;return(0,gt.jsxs)("div",{...f,className:l(e.className,na,H(na,{hover:t,focus:o}),{[`${na}-${a}`]:a,[`${na}-draggable-${a}`]:r,[`${na}-static-${a}`]:!r&&!s&&!c}),role:"separator","aria-label":b,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[s&&(0,gt.jsx)(gt.Fragment,{children:(0,gt.jsx)("div",{className:"k-collapse-prev",children:(0,gt.jsx)(m,{icon:`caret-alt-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),(0,gt.jsx)("div",{className:"k-resize-handle"}),c&&(0,gt.jsx)(gt.Fragment,{children:(0,gt.jsx)("div",{className:"k-collapse-next",children:(0,gt.jsx)(m,{icon:`caret-alt-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};ia.states=_x;ia.options=zx;ia.className=na;ia.defaultOptions=di;var ci="splitter",Ip=ci;var Yr=require("react/jsx-runtime"),Pp=require("react"),pi="k-splitter",Ux={},Op={orientation:"horizontal"},Ie=e=>{let{orientation:t=Op.orientation,children:o,panes:a,...r}=e,s=[];return a&&a.forEach((c,b)=>{let f=a[b+1],k=c.props,y=f==null?void 0:f.props;s.push((0,Pp.createElement)(Ee,{...k,key:b})),f&&s.push((0,Yr.jsx)(ia,{draggable:k.resizable!==!1&&y.resizable!==!1,collapsePrev:k.collapsible,collapseNext:y.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${b}`))}),(0,Yr.jsxs)("div",{...r,className:l(e.className,pi,{[`${pi}-${t}`]:t},"k-splitter-flex"),children:[s,o]})};Ie.options=Ux;Ie.className=pi;Ie.defaultOptions=Op;Ie.moduleName=ci;Ie.folderName=Ip;Ie.ariaSpec={selector:".k-splitter",rules:[{selector:".k-pane",attribute:"role=group",usage:"Sets the proper role for the Splitter pane."},{selector:".k-splitbar",attribute:"role=separator",usage:"Sets the proper role for the Splitter split-bar element."},{selector:".k-splitbar",attribute:"aria-label",usage:"An accessible name for the separator."},{selector:".k-splitbar-horizontal",attribute:"aria-orientation=vertical",usage:"When a splitbar separates two panes horizontally, its aria-orientation must be explicitly set to vertical."},{selector:".k-splitbar",attribute:"aria-keyshortcuts",usage:"Announces available keyboard shortcuts."}]};var Hp=require("react/jsx-runtime");var Gp=require("react/jsx-runtime");var Go=require("react/jsx-runtime"),ir=require("react"),Fx=Ie.options,$x=Ie.states,Kp={...Ie.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},Vx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Wx=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],sr=e=>{let{variant:t,modifiers:o,...a}={...Kp,...e},r=f=>({collapsible:f,content:f?"Resizable and collapsible":"Resizable only"}),s=r(!0),c=r(!0),b={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o\|\|{}).forEach(f=>{let k=o==null?void 0:o[f];switch(f){case"secondPaneProps":c=r(!!k);break;case"firstPaneProps":s=r(!!k);break;default:break}}),t==="vertical"?(0,Go.jsx)(Ie,{style:{height:"238px"},...a,orientation:"vertical",panes:[(0,ir.createElement)(Ee,{...s,flexBasis:"50%",style:b,key:"pane-1"},(0,Go.jsx)("p",{children:s.content})),(0,ir.createElement)(Ee,{...c,flexBasis:"50%",style:b,key:"pane-2"},(0,Go.jsx)("p",{children:c.content}))]}):(0,Go.jsx)(Ie,{style:{height:"238px"},...a,orientation:"horizontal",panes:[(0,ir.createElement)(Ee,{...s,flexBasis:"50%",style:b,key:"pane-1"},(0,Go.jsx)("p",{children:s.content})),(0,ir.createElement)(Ee,{...c,flexBasis:"50%",style:b,key:"pane-2"},(0,Go.jsx)("p",{children:c.content}))]})};sr.options=Fx;sr.states=$x;sr.variants=Vx;sr.defaultOptions=Kp;sr.modifiers=Wx;var Ko=require("react/jsx-runtime"),Xx=Rt.options,Jx=Rt.states,Bp={...Rt.defaultOptions,variant:"normal"},qx=[{name:"normal",title:"Normal"},{name:"preview",title:"With Preview"}],Yx=[],dr=e=>{let{variant:t,...o}={...Bp,...e};return t==="preview"?(0,Ko.jsx)(Ie,{panes:[(0,Ko.jsx)(Ee,{className:"k-text-center k-mt-24",scrollable:!0,flexBasis:"215px",children:(0,Ko.jsx)(p,{icon:"star",children:"Button"})},"pane-1"),(0,Ko.jsx)(Ee,{scrollable:!0,children:(0,Ko.jsx)(nr,{style:{height:"auto"},...o})},"pane-2")]}):(0,Ko.jsx)(nr,{style:{height:"auto"},...o})};dr.options=Xx;dr.states=Jx;dr.variants=qx;dr.defaultOptions=Bp;dr.modifiers=Yx;var sa=require("react/jsx-runtime"),Qx=({content:e,...t})=>(0,sa.jsx)(Ie,{panes:[(0,sa.jsx)(Ee,{scrollable:!0,flexBasis:"215px",children:(0,sa.jsx)(p,{icon:"star",children:"Button"})},"pane-1"),(0,sa.jsx)(Ee,{scrollable:!0,children:(0,sa.jsx)(nr,{...t,content:e})},"pane-2")]});
1	+ var $p=Object.create;var pr=Object.defineProperty;var Vp=Object.getOwnPropertyDescriptor;var Wp=Object.getOwnPropertyNames;var Xp=Object.getPrototypeOf,Jp=Object.prototype.hasOwnProperty;var qp=(e,t)=>{for(var o in t)pr(e,o,{get:t[o],enumerable:!0})},ui=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let l of Wp(t))!Jp.call(e,l)&&l!==o&&pr(e,l,{get:()=>t[l],enumerable:!(a=Vp(t,l))\|\|a.enumerable});return e};var bi=(e,t,o)=>(o=e!=null?$p(Xp(e)):{},ui(t\|\|!e\|\|!e.__esModule?pr(o,"default",{value:e,enumerable:!0}):o,e)),Yp=e=>ui(pr({},"__esModule",{value:!0}),e);var eN={};qp(eN,{PropertyGridWithPreview:()=>jx});module.exports=Yp(eN);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 R=(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"}),H=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:s,checked:c,active:b,selected:f,disabled:k,indeterminate:y,loading:C,empty:T,readonly:A,highlighted:w,...P}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":s,"k-checked":c,"k-active":b,"k-selected":f,"k-disabled":k,"k-indeterminate":y&&!c,"k-loading":C,"k-empty":T,"k-readonly":A,"k-highlighted":w},Object.keys(P).reduce((_,B)=>(B.startsWith("k-")?_[B]=P[B]:_[`k-${B}`]=P[B],_),{}))};function fi(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},N={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},v={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},x={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var X="grid",q=X;var ur=require("react/jsx-runtime"),mr="k-grid",Qp=[],Zp={size:[d.undefined,d.small,d.medium,d.large]},jp=[],Ti={pagerPosition:"bottom"},Y=e=>{let{size:t,pagerPosition:o=Ti.pagerPosition,toolbar:a,pager:l,groupingHeader:s,gridSelectionAggregates:c,_renderAriaRoot:b,resizable:f,...k}=e;return(0,ur.jsxs)("div",{...k,className:r(e.className,mr,{[`${mr}-resizable`]:f},R(mr,{size:t})),children:[a,o==="top"&&l,s,e.children&&b?(0,ur.jsx)("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&l]})};Y.states=Qp;Y.options=Zp;Y.variants=jp;Y.className=mr;Y.defaultOptions=Ti;Y.moduleName=X;Y.folderName=q;var xi=require("react/jsx-runtime"),hi="k-grid-header",Q=e=>{let{draggable:t,...o}=e;return(0,xi.jsx)("div",{...o,className:r(e.className,hi,{"k-grid-draggable-header":t}),children:e.children})};Q.className=hi;Q.moduleName=X;Q.folderName=q;var da=require("react/jsx-runtime"),Ni="k-grouping-header",io=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,da.jsxs)("div",{...a,className:r(e.className,Ni),children:[o&&(0,da.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,da.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};io.className=Ni;io.moduleName=X;io.folderName=q;var ki=require("react/jsx-runtime"),gi="k-grid-pinned-container",Qr=e=>{let{position:t,...o}=e;return(0,ki.jsx)("div",{...o,className:r(e.className,gi,{"k-pos-bottom":t==="bottom"}),children:e.children})};Qr.className=gi;Qr.moduleName=X;Qr.folderName=q;var Li=require("react/jsx-runtime"),vi="k-grid-sticky-container",Zr=e=>{let{position:t,...o}=e;return(0,Li.jsx)("div",{...o,className:r(e.className,vi,{"k-pos-bottom":t==="bottom"}),children:e.children})};Zr.className=vi;Zr.moduleName=X;Zr.folderName=q;var Oe="table",Fe=Oe;var yi=require("react/jsx-runtime"),Ci="k-data-table",em=[],tm={size:[d.undefined,d.small,d.medium,d.large]},om={},Xt=e=>{let{size:t,...o}=e;return(0,yi.jsx)("div",{...o,className:r(e.className,Ci,R("k-table",{size:t})),children:e.children})};Xt.states=em;Xt.options=tm;Xt.className=Ci;Xt.defaultOptions=om;Xt.moduleName=Oe;Xt.folderName=Fe;var Mi=require("react/jsx-runtime"),jr="k-table-header-wrap",am=[n.hover,n.focus,n.disabled],rm={},lm={},so=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return(0,Mi.jsx)("div",{...s,className:r(e.className,jr,H(jr,{hover:o,focus:a,disabled:l})),children:t})};so.states=am;so.options=rm;so.className=jr;so.defaultOptions=lm;so.moduleName=Oe;so.folderName=Fe;var Si=require("react/jsx-runtime"),el="k-table",nm=[],im={size:[d.undefined,d.small,d.medium,d.large]},sm={},$e=e=>{let{size:t,...o}=e;return(0,Si.jsx)("table",{...o,className:r(e.className,el,R(el,{size:t})),children:e.children})};$e.states=nm;$e.options=im;$e.className=el;$e.defaultOptions=sm;$e.moduleName=Oe;$e.folderName=Fe;var br=require("react/jsx-runtime"),tl="k-table-header",dm=[n.hover,n.focus,n.disabled],cm={},pm={},Jt=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return(0,br.jsx)("div",{...s,className:r(e.className,tl,H(tl,{hover:o,focus:a,disabled:l})),children:(0,br.jsx)(so,{children:(0,br.jsx)($e,{children:t})})})};Jt.states=dm;Jt.options=cm;Jt.className=tl;Jt.defaultOptions=pm;Jt.moduleName=Oe;Jt.folderName=Fe;var Ai=require("react/jsx-runtime"),wi="k-table-scroller",mm=[],um={},bm={},Bo=e=>{let{children:t,...o}=e;return(0,Ai.jsx)("div",{...o,className:r(e.className,wi),children:t})};Bo.states=mm;Bo.options=um;Bo.className=wi;Bo.defaultOptions=bm;Bo.moduleName=Oe;Bo.folderName=Fe;var fm=require("react/jsx-runtime");var Ri=require("react/jsx-runtime"),Ei="k-table-footer",Tm=[],hm={},xm={},co=e=>{let{children:t,...o}=e;return(0,Ri.jsx)("div",{...o,className:r(e.className,Ei),children:t})};co.states=Tm;co.options=hm;co.className=Ei;co.defaultOptions=xm;co.moduleName=Oe;co.folderName=Fe;var Ii=require("react/jsx-runtime"),ol="k-table-list",Nm=[],gm={size:[d.undefined,d.small,d.medium,d.large]},km={},po=e=>{let{size:t,virtualization:o,...a}=e;return(0,Ii.jsx)("ul",{...a,className:r(e.className,"k-table",ol,R(ol,{size:t}),{"k-virtual-table":o}),children:e.children})};po.states=Nm;po.options=gm;po.className=ol;po.defaultOptions=km;po.moduleName=Oe;po.folderName=Fe;var Oi=require("react/jsx-runtime"),vm="k-table-thead",J=e=>(0,Oi.jsx)("thead",{className:r(e.className,vm),children:e.children});var Pi=require("react/jsx-runtime"),Lm="k-table-tbody",ae=e=>(0,Pi.jsx)("tbody",{className:r(e.className,Lm),children:e.children});var Cm=require("react/jsx-runtime");var Hi=require("react/jsx-runtime"),al="k-table-row",ym=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],L=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:s,alt:c,...b}=e;return(0,Hi.jsx)("tr",{...b,className:r(e.className,al,{"k-table-alt-row":c},H(al,{hover:t,focus:o,disabled:s,selected:a,highlighted:l})),children:e.children})};L.states=ym;L.className=al;var Gi=require("react/jsx-runtime"),rl="k-table-row",Mm=[n.hover,n.focus,n.selected,n.disabled],fr=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:s,...c}=e;return(0,Gi.jsx)("li",{...c,className:r(e.className,rl,{"k-table-alt-row":s},H(rl,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};fr.states=Mm;fr.className=rl;var Di=require("react/jsx-runtime"),Ki="k-table-th",qt=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,s=t\|\|e.children;return(0,Di.jsx)("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,Ki),children:s})};qt.className=Ki;qt.moduleName=Oe;qt.folderName=Fe;var Sm=require("react/jsx-runtime");var Bi=require("react/jsx-runtime"),ll="k-table-td",wm=[n.focus,n.selected,n.highlighted],i=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:s,rowspan:c,...b}=e,f=l\|\|e.children;return(0,Bi.jsx)("td",{colSpan:s,rowSpan:c,...b,className:r(e.className,ll,H(ll,{focus:t,selected:o,highlighted:a})),children:f})};i.states=wm;i.className=ll;var Am=require("react/jsx-runtime");var Em=require("react/jsx-runtime");var Rm=require("react/jsx-runtime");var Im=require("react/jsx-runtime");var Om=require("react/jsx-runtime");var zi=require("react/jsx-runtime");var Ui=require("react/jsx-runtime");var Fi=require("react/jsx-runtime");var nl=require("react/jsx-runtime");var Vi=require("react/jsx-runtime"),$i="k-grid-header-table",Z=e=>(0,Vi.jsx)($e,{...e,className:r(e.className,$i),children:e.children});Z.className=$i;Z.moduleName=X;Z.folderName=q;var ca=require("react/jsx-runtime"),il="k-font-icon",Km=[],Dm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark]},Bm={},pa=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:s,...c}=e;return a?(0,ca.jsx)("span",{...c,className:r(e.className,il,R(il,{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"}):(0,ca.jsx)(ca.Fragment,{})};pa.states=Km;pa.options=Dm;pa.className=il;pa.defaultOptions=Bm;var Wi=pa;var Lo=require("react/jsx-runtime"),sl="k-svg-icon",_m=[],zm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark]},Xi={viewBox:"0 0 24 24"},ma=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:s=Xi.viewBox,icon:c,...b}=e;if(!c)return(0,Lo.jsx)(Lo.Fragment,{});if(c==="none")return(0,Lo.jsx)("span",{...b,className:r(e.className,sl,R("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name;return(0,Lo.jsx)("span",{...b,className:r(e.className,sl,R("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"\|\|l==="both","k-flip-v":l==="v"\|\|l==="both"}),"aria-hidden":"true",children:(0,Lo.jsx)("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})})};ma.states=_m;ma.options=zm;ma.className=sl;ma.defaultOptions=Xi;var dl=ma;var cl=bi(require("@progress/kendo-svg-icons"));var Ji="icon",qi="icons";var Zi=require("react");var Yi=require("react"),Qi=(0,Yi.createContext)({iconsType:"svg"});var Yt=require("react/jsx-runtime"),Tr="k-icon",Um=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Fm=[],$m={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark]},pl={viewBox:"0 0 24 24",type:"svg"},m=e=>{let{iconsType:t}=(0,Zi.useContext)(Qi),{size:o,themeColor:a,icon:l,type:s=t\|\|pl.type,rotate:c,flip:b,viewBox:f=pl.viewBox,...k}=e;if(!l)return(0,Yt.jsx)(Yt.Fragment,{});if((t\|\|s)==="svg"){if(l==="none")return(0,Yt.jsx)(dl,{...k,className:r(e.className,Tr),icon:l,size:o});let C=cl[l]?l:Um(`${l}-icon`);return cl[C]?(0,Yt.jsx)(dl,{...k,className:r(e.className,Tr),icon:cl[C],size:o,themeColor:a,rotate:c,flip:b,viewBox:f}):(0,Yt.jsx)(Yt.Fragment,{})}return(0,Yt.jsx)(Wi,{...k,className:r(e.className,Tr),icon:l,size:o,themeColor:a,rotate:c,flip:b})};m.states=Fm;m.options=$m;m.defaultOptions=pl;m.className=Tr;m.moduleName=Ji;m.folderName=qi;m.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var mt=require("react/jsx-runtime"),ml="k-header",Vm=[n.hover,n.focus,n.active],ji={sortIcon:"sort-asc-small"},M=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:s,columnTitle:c,hover:b,focus:f,active:k,sortIcon:y=ji.sortIcon,sortOrder:C,accessibleLabel:T,...A}=e;return(0,mt.jsxs)(qt,{...A,className:r(e.className,ml,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":s},H(ml,{hover:b,focus:f,active:k})),children:[c&&(0,mt.jsxs)("span",{className:"k-cell-inner",children:[(0,mt.jsxs)("span",{className:"k-link",children:[(0,mt.jsx)("span",{className:"k-column-title",children:c}),o&&(0,mt.jsx)("span",{className:"k-sort-icon",children:(0,mt.jsx)(m,{icon:y})}),C&&(0,mt.jsx)("span",{className:"k-sort-order",children:C})]}),t&&(0,mt.jsx)("a",{href:"#",className:r("k-grid-header-menu",{"k-active":k,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,mt.jsx)(m,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&T&&(0,mt.jsx)("span",{className:"k-sr-only",children:T}),e.children,s&&(0,mt.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};M.states=Vm;M.className=ml;M.defaultOptions=ji;M.moduleName=X;M.folderName=q;var ts=require("react/jsx-runtime"),es="k-grid-container",re=e=>(0,ts.jsx)("div",{...e,className:r(e.className,es),children:e.children});re.className=es;re.moduleName=X;re.folderName=q;var as=require("react/jsx-runtime"),os="k-grid-content",j=e=>(0,as.jsx)("div",{...e,className:r(e.className,os),children:e.children});j.className=os;j.moduleName=X;j.folderName=q;var ls=require("react/jsx-runtime"),rs="k-grid-table",ee=e=>(0,ls.jsx)($e,{...e,className:r(e.className,rs),children:e.children});ee.className=rs;ee.moduleName=X;ee.folderName=q;var is=require("react/jsx-runtime"),ns="k-grid-footer",ul=e=>(0,is.jsx)("div",{...e,className:r(e.className,ns),children:e.children});ul.className=ns;ul.moduleName=X;ul.folderName=q;var ds=require("react/jsx-runtime"),ss="k-grid-footer-table",bl=e=>(0,ds.jsx)($e,{...e,className:r(e.className,ss),children:e.children});bl.className=ss;bl.moduleName=X;bl.folderName=q;var fl="button",cs=fl;var It=require("react/jsx-runtime"),ua="k-button",Wm=["icon-button"],Xm=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Jm={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark,x.inverse]},Tl={showArrow:!1,arrowIconName:"caret-alt-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:s,showArrow:c=Tl.showArrow,arrowIconName:b=Tl.arrowIconName,variant:f,hover:k,focus:y,active:C,selected:T,disabled:A,togglable:w,icon:P,text:_,iconClassName:B,className:V,...be}=e,Le=P!==void 0,Qe=e.children!==void 0;return(0,It.jsxs)(t,{className:r(V,ua,fi(ua,f),R(ua,{size:o,rounded:a,fillMode:l,themeColor:s}),H(ua,{hover:k,focus:y,active:C,disabled:A,selected:T}),{"k-icon-button":!_&&!Qe&&Le}),...be,"aria-pressed":w?T?"true":"false":void 0,disabled:A\|\|void 0,children:[P&&(0,It.jsx)(m,{className:r(B,"k-button-icon"),icon:P}),_?(0,It.jsxs)(It.Fragment,{children:[_&&(0,It.jsx)("span",{className:"k-button-text",children:_}),e.children]}):e.children&&(0,It.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,It.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,It.jsx)(m,{icon:b})})]})};p.states=Xm;p.options=Jm;p.variants=Wm;p.className=ua;p.defaultOptions=Tl;p.moduleName=fl;p.folderName=cs;p.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var ps=require("react/jsx-runtime"),mo=e=>(0,ps.jsx)(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var ms=require("react/jsx-runtime"),ba=e=>(0,ms.jsx)(p,{icon:"folder",children:"Button",...e});var us=require("react/jsx-runtime"),Co=e=>(0,us.jsx)(p,{children:"Button",...e});var hr=require("react/jsx-runtime"),qm=p.options,Ym=p.states,Qm={...p.defaultOptions,variant:"text"},Zm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],jm=[],fa=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,hr.jsx)(mo,{...o,icon:"star"});case"icon-and-text":return(0,hr.jsx)(ba,{...o,icon:"star",children:"Button"});default:return(0,hr.jsx)(Co,{...o,children:"Button"})}};fa.options=qm;fa.states=Ym;fa.variants=Zm;fa.defaultOptions=Qm;fa.modifiers=jm;var Ta="input",xr=Ta;var bs=require("react/jsx-runtime"),Nr="k-input",eu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],tu={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},ou={},Ce=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:b,size:f,rounded:k,fillMode:y,...C}=e;return(0,bs.jsx)("span",{...C,className:r(e.className,Nr,R(Nr,{size:f,rounded:k,fillMode:y}),H(Nr,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:b}))})};Ce.states=eu;Ce.options=tu;Ce.className=Nr;Ce.defaultOptions=ou;Ce.moduleName=Ta;Ce.folderName=xr;var fs=require("react/jsx-runtime"),gr="k-picker",au=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ru={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},lu={},Dt=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:b,size:f,rounded:k,fillMode:y,...C}=e;return(0,fs.jsx)("span",{...C,className:r(e.className,gr,R(gr,{size:f,rounded:k,fillMode:y}),H(gr,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:b})),children:e.children})};Dt.states=au;Dt.options=ru;Dt.className=gr;Dt.defaultOptions=lu;Dt.moduleName=Ta;Dt.folderName=xr;var _o=require("react/jsx-runtime"),Ts="k-clear-value",nu=[n.disabled,n.loading,n.readonly],iu={},ut=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t\|\|a\|\|o\|\|!l?(0,_o.jsx)(_o.Fragment,{}):(0,_o.jsx)("span",{className:r(e.className,Ts),children:(0,_o.jsx)(m,{icon:"x"})})};ut.states=nu;ut.options=iu;ut.className=Ts;var hs=require("react/jsx-runtime"),hl="k-input-inner",su=[],du={},kr={type:"text",autocomplete:"off",value:"",placeholder:""},bt=e=>{let{value:t=kr.value,type:o=kr.type,placeholder:a=kr.placeholder,autocomplete:l=kr.autocomplete,disabled:s,readOnly:c,...b}=e;return(0,hs.jsx)("input",{...b,type:o,className:r(e.className,hl,R(hl,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:s\|\|void 0,readOnly:c\|\|void 0})};bt.states=su;bt.options=du;bt.className=hl;var ha=require("react/jsx-runtime"),xl="k-input-inner",cu=[],pu={},yo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:s,...c}=e;return(0,ha.jsxs)("span",{...c,className:r(e.className,xl,R(xl,e)),children:[l,!l&&s&&(0,ha.jsx)(m,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&(0,ha.jsx)("span",{className:"k-input-value-text",children:t})]})};yo.states=cu;yo.options=pu;yo.className=xl;var Ns=require("react/jsx-runtime"),Nl="k-input-inner",mu=[],uu={},xs={value:"",placeholder:""},gl=e=>{let{value:t=xs.value,placeholder:o=xs.placeholder,rows:a,disabled:l,...s}=e;return(0,Ns.jsx)("textarea",{...s,className:r(e.className,Nl,R(Nl,e)),placeholder:o,rows:a,defaultValue:t,disabled:l\|\|void 0})};gl.states=mu;gl.options=uu;gl.className=Nl;var xa=require("react/jsx-runtime"),gs="k-input-loading-icon",bu=[n.disabled,n.loading],ot=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,xa.jsx)(xa.Fragment,{}):(0,xa.jsx)("span",{className:r(e.className,gs,"k-icon k-i-loading")})};ot.states=bu;ot.className=gs;var Na=require("react/jsx-runtime"),ks="k-input-validation-icon",fu=[n.valid,n.invalid,n.disabled,n.loading],Tu={},Ze=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,s=o?"warning-circle":"check-circle";return a\|\|l\|\|!!!(t\|\|o)?(0,Na.jsx)(Na.Fragment,{}):(0,Na.jsx)(m,{className:r(ks),icon:s})};Ze.states=fu;Ze.options=Tu;Ze.className=ks;var ga=require("react/jsx-runtime"),hu="k-input-prefix",xu={direction:"horizontal"},kt=e=>{let{direction:t=xu.direction,...o}=e;return e.children?(0,ga.jsx)("span",{...o,className:r(hu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,ga.jsx)(ga.Fragment,{})};var ka=require("react/jsx-runtime"),Nu="k-input-suffix",gu={direction:"horizontal"},vt=e=>{let{direction:t=gu.direction,...o}=e;return e.children?(0,ka.jsx)("span",{...o,className:r(Nu,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,ka.jsx)(ka.Fragment,{})};var ku=require("react/jsx-runtime");var vs=require("react/jsx-runtime"),vu="k-input-suffix-text",kl=e=>{let{children:t,...o}=e;return(0,vs.jsx)("span",{...o,className:r(vu,e.className),children:t})};var Cs=require("react/jsx-runtime"),Ls="k-input-separator",Lu={direction:"vertical"},Lt=e=>{let{direction:t=Lu.direction,...o}=e;return(0,Cs.jsx)("span",{...o,className:r(Ls,e.className,{[`${Ls}-${t}`]:t})})};var Re=require("react/jsx-runtime"),Cu=Ce.states,yu=Ce.defaultOptions,Mu=Ce.options,Su=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],wu=[],va=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:s,readonly:c,...b}=e,f=t==null?void 0:t.prefix,k=t==null?void 0:t.suffix,y=t==null?void 0:t["clear-button"],C=t==null?void 0:t["validation-icon"],T=t==null?void 0:t.separators;return(0,Re.jsxs)(Ce,{...b,valid:o,invalid:a,loading:l,disabled:s,readonly:c,style:{width:300},children:[f&&(0,Re.jsxs)(Re.Fragment,{children:[(0,Re.jsx)(kt,{children:(0,Re.jsx)(m,{icon:"lock"})}),T&&(0,Re.jsx)(Lt,{})]}),(0,Re.jsx)(bt,{placeholder:"Placeholder",value:"Value"}),C&&(0,Re.jsx)(Ze,{valid:o,invalid:a,loading:l,disabled:s}),(0,Re.jsx)(ot,{loading:l,disabled:s}),y&&(0,Re.jsx)(ut,{loading:l,disabled:s,readonly:c,value:"Value"}),k&&(0,Re.jsxs)(Re.Fragment,{children:[T&&(0,Re.jsx)(Lt,{}),(0,Re.jsx)(vt,{children:(0,Re.jsx)(Co,{size:b.size,fillMode:"clear",children:"Send"})})]})]})};va.options=Mu;va.states=Cu;va.variants=wu;va.defaultOptions=yu;va.modifiers=Su;var vl="popup",ys=vl;var Ll=require("react/jsx-runtime"),Ms="k-animation-container",Au=[],Eu={},Ss={positionMode:"absolute"},Bt=e=>{let{positionMode:t=Ss.positionMode,animationStyle:o,offset:a,...l}=e;return(0,Ll.jsx)("div",{...l,style:{...a,...e.style},className:r(e.className,Ms,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Ll.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Bt.states=Au;Bt.options=Eu;Bt.className=Ms;Bt.defaultOptions=Ss;Bt.moduleName=vl;Bt.folderName=ys;var Cl="popup",ws=Cl;var yl=require("react/jsx-runtime"),As="k-popup",Ru=[],Iu={},Es={positionMode:"absolute"},me=e=>{let{offset:t,positionMode:o=Es.positionMode,animationStyle:a,containerClassName:l,containerRole:s,containerAriaLabel:c,...b}=e;return(0,yl.jsx)(Bt,{positionMode:o,offset:t,animationStyle:a,className:l,role:s,"aria-label":c,children:(0,yl.jsx)("div",{...b,className:r(e.className,As),children:e.children})})};me.states=Ru;me.options=Iu;me.className=As;me.defaultOptions=Es;me.moduleName=Cl;me.folderName=ws;me.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var Ml="action-buttons",Rs=Ml;var Is=require("react/jsx-runtime"),vr="k-actions",Ou=[],Pu={},Sl={alignment:"start",orientation:"horizontal"},_t=e=>{let{alignment:t=Sl.alignment,orientation:o=Sl.orientation,...a}=e;return(0,Is.jsx)("div",{...a,className:r(vr,{[`${vr}-${t}`]:t,[`${vr}-${o}`]:o},e.className),children:e.children})};_t.states=Ou;_t.options=Pu;_t.className=vr;_t.defaultOptions=Sl;_t.moduleName=Ml;_t.folderName=Rs;var Ps=require("react/jsx-runtime"),Hu="k-actionsheet-footer",Os={alignment:"stretched",orientation:"horizontal"},uo=e=>{let{alignment:t=Os.alignment,orientation:o=Os.orientation,template:a,as:l=a?"div":_t,...s}=e;return(0,Ps.jsx)(l,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,Hu),children:e.children})};var wl="searchbox",Hs=wl;var bo=require("react/jsx-runtime"),Gs="k-searchbox",Gu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Ku={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Al={showIcon:!0,icon:"search"},Ct=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:s,hover:c,focus:b,valid:f,invalid:k,required:y,loading:C,disabled:T,showIcon:A=Al.showIcon,icon:w=Al.icon,...P}=e;return(0,bo.jsxs)(Ce,{...P,size:a,rounded:l,fillMode:s,hover:c,focus:b,valid:f,invalid:k,required:y,loading:C,disabled:T,className:r(e.className,Gs),children:[A&&(0,bo.jsx)(m,{className:"k-input-icon",icon:w}),(0,bo.jsx)(bt,{placeholder:o,value:t}),(0,bo.jsx)(ot,{...e}),(0,bo.jsx)(Ze,{...e}),(0,bo.jsx)(ut,{...e})]})};Ct.states=Gu;Ct.options=Ku;Ct.className=Gs;Ct.defaultOptions=Al;Ct.moduleName=wl;Ct.folderName=Hs;var Du=require("react/jsx-runtime");var El="textbox",Ks=El;var Ve=require("react/jsx-runtime"),Ds="k-textbox",Bu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],_u={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Lr={showClearButton:!0,showValidationIcon:!0,separators:!0},ne=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Lr.separators,showClearButton:s=Lr.showClearButton,showValidationIcon:c=Lr.showValidationIcon,prefix:b,suffix:f,type:k,value:y,placeholder:C,hover:T,focus:A,valid:w,invalid:P,required:_,loading:B,disabled:V,readonly:be,id:Le,"aria-label":Qe,"aria-describedby":ct,...pt}=e;return(0,Ve.jsxs)(Ce,{...pt,size:t,rounded:o,fillMode:a,hover:T,focus:A,valid:w,invalid:P,required:_,loading:B,disabled:V,readonly:be,className:r(e.className,Ds),children:[b&&(0,Ve.jsxs)(Ve.Fragment,{children:[(0,Ve.jsx)(kt,{children:b}),l&&(0,Ve.jsx)(Lt,{})]}),(0,Ve.jsx)(bt,{id:Le,placeholder:C,value:y,type:k,disabled:V,"aria-label":Qe,"aria-describedby":ct,"aria-invalid":P?"true":void 0}),c&&(0,Ve.jsx)(Ze,{valid:w,invalid:P,loading:B,disabled:V}),(0,Ve.jsx)(ot,{loading:B,disabled:V}),s&&(0,Ve.jsx)(ut,{loading:B,disabled:V,readonly:be,value:y}),f&&(0,Ve.jsxs)(Ve.Fragment,{children:[l&&(0,Ve.jsx)(Lt,{}),(0,Ve.jsx)(vt,{children:f})]})]})};ne.states=Bu;ne.options=_u;ne.className=Ds;ne.defaultOptions=Lr;ne.moduleName=El;ne.folderName=Ks;ne.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var La=ne;var _s=require("react/jsx-runtime"),Bs=e=>(0,_s.jsx)(La,{...e});var zs=require("react/jsx-runtime");var Us=require("react/jsx-runtime");var zu=require("react/jsx-runtime");var Cr=require("react/jsx-runtime"),Uu=ne.states,Fu=ne.defaultOptions,$u=ne.options,Vu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Wu=[],Ca=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,Cr.jsx)(m,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,Cr.jsx)(Co,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[l];break;default:break}}),(0,Cr.jsx)(Bs,{value:"Value",style:{width:300},...o,...a})};Ca.options=$u;Ca.states=Uu;Ca.variants=Wu;Ca.defaultOptions=Fu;Ca.modifiers=Vu;var ft=require("react/jsx-runtime"),Fs="k-actionsheet-titlebar",Xu={},je=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:s,input:c,inputValue:b,inputPlaceholder:f,adaptive:k,titleId:y,children:C,...T}=e;return(0,ft.jsxs)("div",{...T,className:r(e.className,Fs),children:[(0,ft.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,ft.jsx)("div",{className:"k-actionsheet-actions",children:a}),!C&&(0,ft.jsxs)("div",{className:"k-actionsheet-title",id:y,children:[t&&(0,ft.jsx)("div",{className:"k-text-center",children:t}),o&&(0,ft.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),C&&(0,ft.jsx)("div",{className:"k-actionsheet-title",id:y,children:C}),l&&(0,ft.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(c\|\|s)&&(0,ft.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?(0,ft.jsx)(ne,{value:b,placeholder:f,size:k?"large":"medium","aria-label":t\|\|f\|\|"Input"}):(0,ft.jsx)(Ct,{placeholder:"Filter",size:k?"large":"medium","aria-label":"Filter options"})})]})};je.className=Fs;je.defaultOptions=Xu;var zo=require("react/jsx-runtime"),Rl="k-actionsheet-view",Ju=[],qu={},Yu={},Uo=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:s,titleId:c,...b}=e,f=(l==null?void 0:l.type)===je&&(0,zo.jsx)(je,{adaptive:t,titleId:c,...l==null?void 0:l.props}),k=(s==null?void 0:s.type)===uo&&(0,zo.jsx)(uo,{...s==null?void 0:s.props});return(0,zo.jsxs)("div",{...b,className:r(e.className,Rl,{[`${Rl}-animated`]:o}),children:[f,(0,zo.jsx)("div",{className:"k-actionsheet-content",children:a}),k]})};Uo.states=Ju;Uo.options=qu;Uo.className=Rl;Uo.defaultOptions=Yu;var ya="action-sheet",yr=ya;var Il="overlay",$s=Il;var Vs=require("react/jsx-runtime"),Ol="k-overlay",Qu=[],Zu={themeColor:[x.undefined,x.light,x.dark,x.inverse]},ju={},fo=e=>{let{themeColor:t,...o}=e;return(0,Vs.jsx)("div",{...o,className:r(e.className,Ol,R(Ol,{themeColor:t})),children:e.children})};fo.states=Qu;fo.options=Zu;fo.className=Ol;fo.defaultOptions=ju;fo.moduleName=Il;fo.folderName=$s;var Mo=require("react/jsx-runtime"),Ws="k-actionsheet",eb=[],tb={},Ma={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ge=e=>{let{side:t=Ma.side,fullscreen:o=Ma.fullscreen,adaptive:a=Ma.adaptive,overlay:l=Ma.overlay,template:s,children:c,header:b,footer:f,id:k,...y}=e,C=k&&!s&&b?`${k}-title`:void 0;return(0,Mo.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,Mo.jsx)(fo,{}),(0,Mo.jsx)(Bt,{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:(0,Mo.jsx)("div",{...y,id:k,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":C,className:r(e.className,Ws,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|(0,Mo.jsx)(Uo,{header:b,footer:f,adaptive:a,titleId:C,...e,children:c})})})]})};ge.states=eb;ge.options=tb;ge.className=Ws;ge.defaultOptions=Ma;ge.moduleName=ya;ge.folderName=yr;ge.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."}]};var Js=require("react/jsx-runtime"),Xs="k-actionsheet-container",ob=[],ab={},rb={},Fo=e=>{let{children:t,...o}=e;return(0,Js.jsx)("div",{...o,className:Xs,children:t})};Fo.states=ob;Fo.options=ab;Fo.className=Xs;Fo.defaultOptions=rb;Fo.moduleName=ya;Fo.folderName=yr;var qs=require("react/jsx-runtime"),Pl=e=>{let{...t}=e;return(0,qs.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var yt=require("react/jsx-runtime"),Hl="k-actionsheet-item",lb=[n.hover,n.focus,n.selected,n.disabled],To=e=>{let{iconName:t,text:o,description:a,hover:l,focus:s,selected:c,disabled:b,...f}=e;return(0,yt.jsxs)("span",{...f,className:r(e.className,Hl,H(Hl,{hover:l,focus:s,selected:c,disabled:b})),children:[!e.children&&(0,yt.jsx)(yt.Fragment,{children:(0,yt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,yt.jsx)("span",{className:"k-icon-wrap",children:(0,yt.jsx)(m,{className:"k-actionsheet-item-icon",icon:t})}),(0,yt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,yt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,yt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};To.states=lb;To.className=Hl;var Ys=require("react/jsx-runtime");var nb=require("react/jsx-runtime");var ib=require("react/jsx-runtime");var sb=require("react/jsx-runtime");var fe=require("react/jsx-runtime"),db=ge.options,cb=ge.states,Zs={...ge.defaultOptions,variant:"normal"},pb=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],mb=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Sa=e=>{let{variant:t,modifiers:o,...a}={...Zs,...e},l={},s=(0,fe.jsxs)(Pl,{children:[(0,fe.jsx)(To,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,fe.jsx)(To,{text:"Add to Favorites",iconName:"heart"}),(0,fe.jsx)(To,{text:"Upload New",iconName:"upload",disabled:!0}),(0,fe.jsx)("hr",{className:"k-hr"}),(0,fe.jsx)(To,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",b="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o\|\|{}).forEach(f=>{switch(f){case"actions":l.actionsStart=!!(o!=null&&o[f]),l.actionsEnd=!!(o!=null&&o[f]);break;case"subtitle":l.subtitle=o!=null&&o[f]?c:void 0;break;case"footer":l.footer=!!(o!=null&&o[f]);break;default:break}}),t==="adaptive"?(0,fe.jsx)(ge,{...a,adaptive:!0,fullscreen:l.fullScreen,header:(0,fe.jsx)(je,{actionsStart:l.actionsStart?(0,fe.jsx)(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,fe.jsx)(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:b,subtitle:l.subtitle}),footer:l.footer?(0,fe.jsxs)(uo,{alignment:"stretched",children:[(0,fe.jsx)(p,{text:"Cancel",size:"large",themeColor:"base"}),(0,fe.jsx)(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,fe.jsx)(ge,{...a,fullscreen:l.fullScreen,header:(0,fe.jsx)(je,{actionsStart:l.actionsStart?(0,fe.jsx)(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,fe.jsx)(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,fe.jsxs)(uo,{alignment:"stretched",children:[(0,fe.jsx)(p,{text:"Apply",themeColor:"primary"}),(0,fe.jsx)(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Sa.options=db;Sa.states=cb;Sa.variants=pb;Sa.defaultOptions=Zs;Sa.modifiers=mb;var Sr=bi(require("react"));var Gl=require("react/jsx-runtime"),ub="k-list-group-sticky-header",Kl=e=>(0,Gl.jsx)("div",{className:r(ub,e.className),children:(0,Gl.jsx)("div",{className:"k-list-header-text",children:e.children})});var js=require("react/jsx-runtime"),bb="k-no-data",Mr=e=>{let{live:t,...o}=e;return(0,js.jsx)("span",{...o,className:r(bb,e.className),"aria-live":t?"polite":void 0,children:e.children})};var So="list",$o=So;var Vo=require("react/jsx-runtime"),Dl="k-list",fb=[],Tb={size:[d.undefined,d.small,d.medium,d.large]},hb={},te=e=>{var A;let{size:t,virtualization:o,children:a,header:l,optionLabel:s,customValue:c,noData:b,screenReaders:f,...k}=e,C=Sr.default.Children.toArray(a)[0],T=(A=C==null?void 0:C.props)!=null&&A.children?Sr.default.Children.count(C.props.children):Sr.default.Children.count(a);return(0,Vo.jsxs)("div",{...k,className:r(e.className,Dl,R(Dl,{size:t}),{"k-virtual-list":o}),children:[s,c,l&&(0,Vo.jsx)(Kl,{children:l}),a\|\|(b!==void 0?b:(0,Vo.jsx)(Mr,{live:!0,children:"No data found."})),f&&a&&(0,Vo.jsxs)(Mr,{className:"k-sr-only",live:!0,children:[T," items found."]})]})};te.states=fb;te.options=Tb;te.className=Dl;te.defaultOptions=hb;te.moduleName=So;te.folderName=$o;te.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var td=require("react/jsx-runtime"),ed="k-list-container",xb=[],Nb={},gb={},Wo=e=>{let{...t}=e;return(0,td.jsx)("div",{...t,className:r(e.className,ed),children:e.children})};Wo.states=xb;Wo.options=Nb;Wo.className=ed;Wo.defaultOptions=gb;Wo.moduleName=So;Wo.folderName=$o;var wo="checkbox",Xo=wo;var Bl=require("react/jsx-runtime"),wr="k-checkbox",kb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],vb={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full]},Lb={},at=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:s,disabled:c,invalid:b,valid:f,required:k,size:y,rounded:C,...T}=e;return(0,Bl.jsx)("span",{className:"k-checkbox-wrap",children:(0,Bl.jsx)("input",{...T,id:t,type:"checkbox",defaultChecked:o,required:k,disabled:c\|\|void 0,"aria-invalid":b?"true":void 0,className:r(e.className,wr,R(wr,{size:y,rounded:C}),H(wr,{hover:l,focus:s,disabled:c,invalid:b,valid:f,indeterminate:a,checked:o}))})})};at.states=kb;at.options=vb;at.className=wr;at.defaultOptions=Lb;at.moduleName=wo;at.folderName=Xo;at.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 zt=at;var rd=require("react/jsx-runtime"),od="k-checkbox-list",Cb=[],yb={},ad={layout:"vertical"},rt=e=>{let{layout:t=ad.layout,...o}=e;return(0,rd.jsx)("ul",{...o,className:r(e.className,od,{[`k-list-${t}`]:t}),children:e.children})};rt.states=Cb;rt.options=yb;rt.className=od;rt.defaultOptions=ad;rt.moduleName=wo;rt.folderName=Xo;var nd=require("react/jsx-runtime"),ld="k-checkbox-list-item",Mb=[],Sb={},wb={},et=e=>{let{...t}=e;return(0,nd.jsx)("li",{...t,className:r(e.className,ld),children:e.children})};et.states=Mb;et.options=Sb;et.className=ld;et.defaultOptions=wb;et.moduleName=wo;et.folderName=Xo;var Ao=require("react/jsx-runtime"),Qt=({children:e,id:t,...o})=>(0,Ao.jsxs)(Ao.Fragment,{children:[(0,Ao.jsx)(zt,{id:t,...o}),(0,Ao.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var _l=require("react/jsx-runtime");var zl=require("react/jsx-runtime");var Ul=require("react/jsx-runtime");var Ab=require("react/jsx-runtime");var Eb=require("react/jsx-runtime");var Rb=require("react/jsx-runtime");var We=require("react/jsx-runtime"),Ib=rt.options,Ob=rt.states,Pb={...rt.defaultOptions,variant:"vertical"},Hb=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Gb=[],wa=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,We.jsxs)(rt,{layout:"horizontal",...o,children:[(0,We.jsx)(et,{children:(0,We.jsx)(Qt,{id:"first",defaultChecked:!0,children:"Label"})}),(0,We.jsx)(et,{children:(0,We.jsx)(Qt,{id:"second",children:"Label"})}),(0,We.jsx)(et,{children:(0,We.jsx)(Qt,{id:"third",children:"Label"})})]}):(0,We.jsxs)(rt,{...o,children:[(0,We.jsx)(et,{children:(0,We.jsx)(Qt,{id:"first",defaultChecked:!0,children:"Label"})}),(0,We.jsx)(et,{children:(0,We.jsx)(Qt,{id:"second",children:"Label"})}),(0,We.jsx)(et,{children:(0,We.jsx)(Qt,{id:"third",children:"Label"})})]})};wa.options=Ib;wa.states=Ob;wa.variants=Hb;wa.defaultOptions=Pb;wa.modifiers=Gb;var id=require("react/jsx-runtime"),Kb=zt.options,Db=zt.states,Bb=zt.defaultOptions,_b=[],zb=[],Aa=e=>(0,id.jsx)(Qt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});Aa.options=Kb;Aa.states=Db;Aa.variants=_b;Aa.defaultOptions=Bb;Aa.modifiers=zb;var Ut=require("react/jsx-runtime"),Fl="k-list-item",Ub=[n.hover,n.focus,n.selected,n.disabled],Fb={},$b={},$=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:s,showCheckbox:c,checked:b,hover:f,focus:k,selected:y,disabled:C,actions:T,description:A,id:w,...P}=e,_=t\|\|e.children;return(0,Ut.jsxs)("li",{...P,id:w,role:a?"presentation":"option",tabIndex:a?void 0:k?0:-1,"aria-selected":!a&&y?"true":a?void 0:"false","aria-disabled":!a&&C?"true":void 0,className:r(e.className,a?"k-list-group-item":Fl,H(Fl,{hover:f,focus:k,disabled:C,selected:y})),children:[c&&(0,Ut.jsx)(at,{checked:b}),l&&(0,Ut.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Ut.jsx)(m,{icon:l,className:r("k-list-item-icon",s)})}),(0,Ut.jsx)("span",{className:"k-list-item-text",children:_}),T&&(0,Ut.jsx)("div",{className:"k-list-item-actions",children:T}),A&&(0,Ut.jsx)("span",{className:"k-list-item-description",children:A}),o&&o!==""&&(0,Ut.jsx)("div",{className:"k-list-item-group-label",children:o})]})};$.states=Ub;$.options=Fb;$.className=Fl;$.defaultOptions=$b;$.moduleName=So;$.folderName=$o;$.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."}]};var sd=require("react/jsx-runtime"),Vb="k-list-ul",Zt=e=>{let{children:t,role:o,id:a,...l}=e;return(0,sd.jsx)("ul",{...l,id:a,role:o,className:r(Vb,e.className),children:t})};Zt.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."}]};var Jo=require("react/jsx-runtime"),Wb="k-list-content",se=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:s,...c}=e;return(0,Jo.jsxs)("div",{...c,className:r(Wb,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:(0,Jo.jsx)(Zt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&(0,Jo.jsx)("div",{className:"k-height-container",children:(0,Jo.jsx)("div",{})})]})};se.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};var $l=require("react/jsx-runtime");var qo=require("react/jsx-runtime"),Xb="k-list-group-item",Eo=e=>{let{groupIconName:t,...o}=e;return(0,qo.jsxs)("li",{...o,role:"presentation",className:r(Xb,e.className),children:[t&&(0,qo.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,qo.jsx)(m,{icon:t,className:"k-list-item-icon"})}),(0,qo.jsx)("span",{className:"k-list-item-text",children:e.children})]})};Eo.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."}]};var dd=require("react/jsx-runtime"),Vl="k-list-optionlabel",Jb=[n.hover,n.focus,n.selected,n.disabled],qb={},Yb={},Ar=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...c}=e;return(0,dd.jsx)("div",{...c,className:r(Vl,H(Vl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};Ar.states=Jb;Ar.options=qb;Ar.className=Vl;Ar.defaultOptions=Yb;var cd=require("react/jsx-runtime"),Wl="k-list-custom-value",Qb=[n.hover,n.focus,n.selected,n.disabled],Zb={},jb={},ho=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...c}=e;return(0,cd.jsx)("div",{...c,className:r(Wl,H(Wl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};ho.states=Qb;ho.options=Zb;ho.className=Wl;ho.defaultOptions=jb;var Xl=require("react/jsx-runtime");var Jl=require("react/jsx-runtime");var ql=require("react/jsx-runtime");var Yl=require("react/jsx-runtime");var ef=require("react/jsx-runtime");var Ql=require("react/jsx-runtime");var pd="dropdown-list",md="dropdownlist";var Te=require("react/jsx-runtime"),ud="k-dropdownlist",tf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],of={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Zl={showValue:!0,arrowIconName:"caret-alt-down"},ie=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Zl.arrowIconName,showValue:s=Zl.showValue,valueIconName:c,prefix:b,suffix:f,value:k,placeholder:y,hover:C,focus:T,valid:A,invalid:w,required:P,loading:_,disabled:B,readonly:V,popup:be,opened:Le,adaptive:Qe,adaptiveSettings:ct,adaptiveTitle:pt,adaptiveSubtitle:Do,adaptiveFilter:Yr,...cr}=e;return(0,Te.jsxs)(Te.Fragment,{children:[(0,Te.jsxs)(Dt,{...cr,size:t,rounded:o,fillMode:a,hover:C,focus:T,valid:A,invalid:w,required:P,loading:_,disabled:B,readonly:V,className:r(e.className,ud,{"k-icon-picker":!s&&c}),children:[(0,Te.jsx)(kt,{children:b}),(0,Te.jsx)(yo,{placeholder:y,value:k,showValue:s,valueIconName:c}),(0,Te.jsx)(Ze,{valid:A,invalid:w,loading:_,disabled:B}),(0,Te.jsx)(ot,{loading:_,disabled:B}),(0,Te.jsx)(vt,{children:f}),(0,Te.jsx)(p,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":y\|\|"Toggle dropdown"})]}),Le&&be&&(0,Te.jsx)(me,{className:"k-list-container k-dropdownlist-popup",children:be}),Qe&&(0,Te.jsx)(ge,{adaptive:!0,...ct,header:(0,Te.jsx)(je,{actionsEnd:(0,Te.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Yr,inputValue:k,inputPlaceholder:y,title:pt,subtitle:Do}),children:(0,Te.jsx)("div",{className:"k-list-container",children:(0,Te.jsx)(te,{size:"large",children:(0,Te.jsxs)(se,{children:[(0,Te.jsx)($,{text:"List item"}),(0,Te.jsx)($,{text:"List item"}),(0,Te.jsx)($,{text:"List item"})]})})})})]})};ie.states=tf;ie.options=of;ie.className=ud;ie.defaultOptions=Zl;ie.moduleName=pd;ie.folderName=md;var af=require("react/jsx-runtime");var bd=require("react/jsx-runtime");var jl=require("react/jsx-runtime");var rf=require("react/jsx-runtime");var fd=require("react/jsx-runtime");var en=require("react/jsx-runtime");var lt=require("react/jsx-runtime"),lf=ie.states,nf=ie.defaultOptions,sf=ie.options,df=[{name:"opened",title:"Opened"}],cf=[],Ra=e=>{let{modifiers:t,...o}=e,a={},l=(0,lt.jsxs)(lt.Fragment,{children:[(0,lt.jsx)("div",{className:"k-list-filter",children:(0,lt.jsx)(Ct,{})}),(0,lt.jsx)(te,{style:{width:300},size:o.size,children:(0,lt.jsxs)(se,{children:[(0,lt.jsx)($,{children:"List item"}),(0,lt.jsx)($,{children:"List item"}),(0,lt.jsx)($,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?l:void 0)}),(0,lt.jsx)("div",{children:(0,lt.jsx)(ie,{placeholder:"Value",style:{width:300},...o,...a})})};Ra.options=sf;Ra.states=lf;Ra.variants=cf;Ra.defaultOptions=nf;Ra.modifiers=df;var Ia=require("react/jsx-runtime"),Td="k-spin-button",uf=[],bf={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link]},tn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},xo=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=tn.increaseLabel,decreaseLabel:s=tn.decreaseLabel,...c}=e;return(0,Ia.jsxs)("span",{...c,className:r(Td,e.className),children:[(0,Ia.jsx)(p,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),(0,Ia.jsx)(p,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};xo.states=uf;xo.options=bf;xo.className=Td;xo.defaultOptions=tn;xo.moduleName=null;xo.folderName=null;var hd="numeric-textbox",xd="numerictextbox";var Pe=require("react/jsx-runtime"),Nd="k-numerictextbox",ff=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Tf={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Er={showSpinButton:!0,showClearButton:!0,separators:!0},W=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Er.separators,showClearButton:s=Er.showClearButton,showSpinButton:c=Er.showSpinButton,prefix:b,suffix:f,value:k,placeholder:y,hover:C,focus:T,valid:A,invalid:w,required:P,loading:_,disabled:B,readonly:V,id:be,"aria-label":Le,"aria-describedby":Qe,...ct}=e;return(0,Pe.jsxs)(Ce,{...ct,size:t,rounded:o,fillMode:a,hover:C,focus:T,valid:A,invalid:w,required:P,loading:_,disabled:B,readonly:V,className:r(e.className,Nd),children:[b&&(0,Pe.jsxs)(Pe.Fragment,{children:[(0,Pe.jsx)(kt,{children:b}),l&&(0,Pe.jsx)(Lt,{})]}),(0,Pe.jsx)(bt,{id:be,placeholder:y,value:k,role:"spinbutton",disabled:B,"aria-label":Le,"aria-describedby":Qe,"aria-invalid":w?"true":void 0}),(0,Pe.jsx)(Ze,{valid:A,invalid:w,loading:_,disabled:B}),(0,Pe.jsx)(ot,{loading:_,disabled:B}),s&&(0,Pe.jsx)(ut,{loading:_,disabled:B,readonly:V,value:k}),f&&(0,Pe.jsxs)(Pe.Fragment,{children:[l&&(0,Pe.jsx)(Lt,{}),(0,Pe.jsx)(vt,{children:f})]}),c&&(0,Pe.jsx)(xo,{className:"k-input-spinner",size:t,fillMode:a,disabled:B})]})};W.states=ff;W.options=Tf;W.className=Nd;W.defaultOptions=Er;W.moduleName=hd;W.folderName=xd;W.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 Oa=W;var kd=require("react/jsx-runtime"),gd=e=>(0,kd.jsx)(Oa,{...e});var vd=require("react/jsx-runtime");var Ld=require("react/jsx-runtime");var hf=require("react/jsx-runtime");var Rr=require("react/jsx-runtime"),xf=W.states,Nf=W.defaultOptions,gf=W.options,kf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],vf=[],Pa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,Rr.jsx)(ie,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,Rr.jsx)(kl,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[l];break;case"spin-button":a.showSpinButton=t==null?void 0:t[l];break;default:break}}),(0,Rr.jsx)(gd,{value:"Value",style:{width:300},...o,...a})};Pa.options=gf;Pa.states=xf;Pa.variants=vf;Pa.defaultOptions=Nf;Pa.modifiers=kf;var on="pager",Cd=on;var de=require("react/jsx-runtime"),Ir="k-pager",Lf=[n.focus,n.disabled],Cf={size:[d.undefined,d.small,d.medium,d.large]},Tt={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},Ne=e=>{let{responsive:t=Tt.responsive,size:o,pagerSizeInfo:a=Tt.pagerSizeInfo,pageTitleInfo:l=Tt.pageTitleInfo,maxPagesInfo:s=Tt.maxPagesInfo,itemsPerPage:c=Tt.itemsPerPage,maxPages:b=Tt.maxPages,currentPage:f=Tt.currentPage,previousNext:k=Tt.previousNext,type:y=Tt.type,pageSizes:C=Tt.pageSizes,refresh:T=Tt.refresh,info:A=Tt.info,focus:w,disabled:P,dir:_,...B}=e,V=[],be=[];for(let Le=1;Le<=b;Le++)V.push((0,de.jsx)(p,{selected:Le===f,fillMode:"flat",themeColor:"primary",size:o,children:Le})),be.push((0,de.jsx)("option",{selected:Le===f,children:Le}));return(0,de.jsxs)("div",{dir:_,...B,className:r(e.className,Ir,R(Ir,{size:o}),H(Ir,{focus:w,disabled:P}),{"k-pager-responsive":t}),children:[(0,de.jsxs)("div",{className:r("k-pager-numbers-wrap"),children:[k&&(0,de.jsxs)(de.Fragment,{children:[(0,de.jsx)(p,{className:r("k-pager-nav","k-pager-first"),disabled:f===1&&!P,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),(0,de.jsx)(p,{className:r("k-pager-nav"),disabled:f===1&&!P,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-right":"caret-alt-left"})]}),y==="numeric"&&(0,de.jsx)("div",{className:r("k-pager-numbers"),children:V}),y==="input"&&(0,de.jsxs)("span",{className:r("k-pager-input"),children:[l&&(0,de.jsx)("span",{children:"Page"}),(0,de.jsx)(W,{value:`${f}`,size:o,showSpinButton:!1,showClearButton:!1}),(0,de.jsx)("span",{children:s&&`of ${b}`})]}),k&&(0,de.jsxs)(de.Fragment,{children:[(0,de.jsx)(p,{className:r("k-pager-nav"),disabled:f===b&&!P,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-left":"caret-alt-right"}),(0,de.jsx)(p,{className:r("k-pager-nav","k-pager-last"),disabled:f===b&&!P,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),C&&(0,de.jsxs)("span",{className:r("k-pager-sizes"),children:[(0,de.jsx)(ie,{value:`${c}`,size:o}),a&&(0,de.jsx)("span",{children:"items per page"})]}),T&&(0,de.jsx)(p,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),A&&(0,de.jsx)("span",{className:r("k-pager-info"),children:A})]})};Ne.states=Lf;Ne.options=Cf;Ne.className=Ir;Ne.defaultOptions=Tt;Ne.moduleName=on;Ne.folderName=Cd;var yf=require("react/jsx-runtime");var Mf=require("react/jsx-runtime");var Sf=require("react/jsx-runtime");var an=require("react/jsx-runtime"),wf=Ne.options,Af=Ne.states,Ef={...Ne.defaultOptions,variant:"numeric"},Rf=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],If=[],Ha=e=>{let{variant:t,...o}=e;return t==="input"?(0,an.jsx)(Ne,{...o,type:"input"}):(0,an.jsx)(Ne,{...o,type:"numeric"})};Ha.options=wf;Ha.states=Af;Ha.variants=Rf;Ha.defaultOptions=Ef;Ha.modifiers=If;var Md=require("react/jsx-runtime"),yd="k-grid-pager",Ft=e=>(0,Md.jsx)(Ne,{...e,className:r(e.className,yd),children:e.children});Ft.className=yd;Ft.moduleName=X;Ft.folderName=q;var rn="button",Sd=rn;var wd=require("react/jsx-runtime"),Ga="k-button-group",Of=[n.disabled],Pf={fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link]},Hf={},F=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return(0,wd.jsx)("div",{role:"group",...l,className:r(e.className,Ga,R(Ga,{fillMode:t}),H(Ga,{disabled:o}),{[`${Ga}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};F.states=Of;F.options=Pf;F.className=Ga;F.defaultOptions=Hf;F.moduleName=rn;F.folderName=Sd;F.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."}]};var ln=require("react/jsx-runtime");var nn=require("react/jsx-runtime");var sn=require("react/jsx-runtime");var dn=require("react/jsx-runtime");var cn=require("react/jsx-runtime");var pn=require("react/jsx-runtime");var nt=require("react/jsx-runtime"),Gf={...p.options,...F.options},Kf=p.states,Df={...p.defaultOptions,...F.defaultOptions,variant:"text-button"},Bf=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],_f=[],Ka=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,nt.jsxs)(F,{fillMode:a.fillMode,className:o,children:[(0,nt.jsx)(p,{...a,icon:"star"}),(0,nt.jsx)(p,{...a,icon:"star"}),(0,nt.jsx)(p,{...a,icon:"star"})]}):t==="icon-text-button"?(0,nt.jsxs)(F,{fillMode:a.fillMode,className:o,children:[(0,nt.jsx)(p,{...a,icon:"star",children:"First"}),(0,nt.jsx)(p,{...a,icon:"star",children:"Middle"}),(0,nt.jsx)(p,{...a,icon:"star",children:"Last"})]}):(0,nt.jsxs)(F,{fillMode:a.fillMode,className:o,children:[(0,nt.jsx)(p,{...a,children:"First"}),(0,nt.jsx)(p,{...a,children:"Middle"}),(0,nt.jsx)(p,{...a,children:"Last"})]})};Ka.options=Gf;Ka.states=Kf;Ka.variants=Bf;Ka.defaultOptions=Df;Ka.modifiers=_f;var Da=require("react/jsx-runtime"),Ad="k-color-preview",zf=[],Uf={},No=e=>{let{color:t,iconName:o,...a}=e;return(0,Da.jsxs)("span",{...a,className:r(e.className,Ad,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Da.jsx)(m,{icon:o,className:"k-color-preview-icon"}),(0,Da.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};No.states=zf;No.options=Uf;No.className=Ad;var mn="slider",Ed=mn;var Ot=require("react/jsx-runtime"),Ba="k-slider",Ff=[n.hover,n.focus,n.active,n.disabled,n.readonly],$f={},St={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ue=e=>{let{type:t=St.type,orientation:o=St.orientation,gradientType:a=St.gradientType,readonly:l=St.readonly,disabled:s=St.disabled,handlePosition:c=St.handlePosition,showButtons:b=St.showButtons,showTicks:f=St.showTicks,value:k=St.value,min:y=St.min,max:C=St.max,startValue:T,endValue:A,hover:w,focus:P,active:_,trackStyle:B,dir:V,...be}=e,Qe=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ct,pt;return o==="horizontal"?(ct=V==="rtl"?"caret-alt-left":"caret-alt-right",pt=V==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(ct="caret-alt-up",pt="caret-alt-down"),(0,Ot.jsxs)("div",{...be,className:r(Ba,e.className,H(Ba,{readonly:l,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:V,children:[b&&(0,Ot.jsx)(p,{className:"k-button-decrease",rounded:"full",icon:pt,tabIndex:-1,title:"Decrease"}),(0,Ot.jsxs)("div",{className:"k-slider-track-wrap",children:[f&&(0,Ot.jsx)("ul",{className:"k-reset k-slider-items",children:e.children}),(0,Ot.jsxs)("div",{className:"k-slider-track",style:B,children:[(0,Ot.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Ot.jsx)("span",{className:r("k-draghandle","k-draghandle-start",H(Ba,{hover:w,focus:P,active:_})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":T??y,"aria-valuemin":y,"aria-valuemax":A??C,"aria-orientation":Qe,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":be["aria-label"]?`${be["aria-label"]} start`:"Range start"}),(0,Ot.jsx)("span",{className:r("k-draghandle",`k-draghandle-${c}`,H(Ba,{hover:w,focus:P,active:_})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?A??C:k,"aria-valuemin":t==="range"?T??y:y,"aria-valuemax":C,"aria-orientation":Qe,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?be["aria-label"]?`${be["aria-label"]} end`:"Range end":be["aria-label"]})]})]}),b&&(0,Ot.jsx)(p,{className:"k-button-increase",rounded:"full",icon:ct,tabIndex:-1,title:"Increase"})]})};ue.states=Ff;ue.options=$f;ue.className=Ba;ue.defaultOptions=St;ue.moduleName=mn;ue.folderName=Ed;ue.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'}]};var un=require("react/jsx-runtime"),Rd="k-tick",Vf=[],Wf={},Id={label:!1},z=e=>{let{style:t,label:o=Id.label,orientation:a,large:l,text:s,...c}=e;return(0,un.jsx)("li",{...c,className:r(e.className,Rd,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&(0,un.jsx)("span",{className:"k-label",children:s})})};z.states=Vf;z.options=Wf;z.className=Rd;z.defaultOptions=Id;var He=require("react/jsx-runtime"),Od=e=>(0,He.jsx)(ue,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,He.jsxs)(He.Fragment,{children:[(0,He.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{label:!0,large:!0,text:"5"}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Ge=require("react/jsx-runtime"),Pd=e=>(0,Ge.jsx)(ue,{children:(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ge.jsx)(z,{}),(0,Ge.jsx)(z,{}),(0,Ge.jsx)(z,{}),(0,Ge.jsx)(z,{}),(0,Ge.jsx)(z,{label:!0,large:!0,text:"5"}),(0,Ge.jsx)(z,{}),(0,Ge.jsx)(z,{}),(0,Ge.jsx)(z,{}),(0,Ge.jsx)(z,{}),(0,Ge.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var bn=require("react/jsx-runtime");var fn=require("react/jsx-runtime");var Hd=require("react/jsx-runtime"),Tn=e=>(0,Hd.jsx)(ue,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Gd=require("react/jsx-runtime"),hn=e=>(0,Gd.jsx)(ue,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var xn=require("react/jsx-runtime");var Nn=require("react/jsx-runtime");var it=require("react/jsx-runtime"),Xf=ue.options,Jf=ue.states,Kd={...ue.defaultOptions,variant:"horizontal",label:!0},qf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Yf=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],_a=e=>{let{variant:t,modifiers:o,...a}={...Kd,...e},l={};Object.keys(o\|\|{}).forEach(k=>{switch(k){case"button":{l.showButtons=!!(o!=null&&o[k]);break}case"label":{l.label=!!(o!=null&&o[k]);break}case"tick":{l.showTicks=!!(o!=null&&o[k]);break}}});let{label:s=!0,showButtons:c,showTicks:b}=l,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,it.jsxs)(Pd,{showTicks:b,showButtons:c,style:{height:"300px",...f},...a,children:[(0,it.jsx)(z,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,it.jsx)(z,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,it.jsx)(z,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,it.jsx)(z,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,it.jsx)(z,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,it.jsxs)(Od,{showTicks:b,showButtons:c,style:{width:"400px",...f},...a,children:[(0,it.jsx)(z,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,it.jsx)(z,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,it.jsx)(z,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,it.jsx)(z,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,it.jsx)(z,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};_a.options=Xf;_a.states=Jf;_a.variants=qf;_a.defaultOptions=Kd;_a.modifiers=Yf;var I=require("react/jsx-runtime"),Dd="k-colorgradient-inputs",Qf=[],Zf={size:[d.undefined,d.small,d.medium,d.large]},Bd={mode:"rgba"},Yo=e=>{let{mode:t=Bd.mode,size:o,...a}=e;return(0,I.jsxs)("div",{...a,className:r(Dd,"k-hstack"),children:[(0,I.jsx)("div",{className:"k-vstack",children:(0,I.jsx)(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,I.jsxs)("div",{className:"k-vstack",children:[(0,I.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,I.jsx)(I.Fragment,{children:(0,I.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,I.jsx)(ne,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,I.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Yo.states=Qf;Yo.options=Zf;Yo.className=Dd;Yo.defaultOptions=Bd;var Xe=require("react/jsx-runtime"),_d="k-colorgradient-color-contrast",jf=[],eT={},tT={},Qo=()=>(0,Xe.jsxs)("div",{className:r(_d,"k-vbox"),children:[(0,Xe.jsxs)("div",{className:"k-contrast-ratio",children:[(0,Xe.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,Xe.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,Xe.jsx)(m,{icon:"check"}),(0,Xe.jsx)(m,{icon:"check"})]})]}),(0,Xe.jsxs)("div",{children:[(0,Xe.jsx)("span",{children:"AA: 4.5"}),(0,Xe.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,Xe.jsx)(m,{icon:"check"})]})]}),(0,Xe.jsxs)("div",{children:[(0,Xe.jsx)("span",{children:"AAA: 7.0"}),(0,Xe.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,Xe.jsx)(m,{icon:"x"})]})]})]});Qo.states=jf;Qo.options=eT;Qo.className=_d;Qo.defaultOptions=tT;var zd="color-gradient",Ud="colorgradient";var ye=require("react/jsx-runtime"),Or="k-colorgradient",oT=[n.hover,n.focus,n.readonly,n.disabled],aT={size:[d.undefined,d.small,d.medium,d.large]},$t={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"},Ke=e=>{let{size:t,mode:o=$t.mode,readonly:a=$t.readonly,disabled:l=$t.disabled,gradientStyle:s=$t.gradientStyle,dragHandleStyle:c=$t.dragHandleStyle,alphaStyle:b=$t.alphaStyle,alphaStyleHorizontal:f=$t.alphaStyleHorizontal,contrast:k=$t.contrast,dir:y,hover:C,focus:T,hoverHandle:A,focusHandle:w,canvasOrientation:P=$t.canvasOrientation,role:_,tabIndex:B,...V}=e;return(0,ye.jsxs)("div",{...V,role:_??"textbox","aria-label":_==="none"?void 0:"Color gradient",tabIndex:B??0,"aria-disabled":l?"true":void 0,className:r(e.className,Or,R(Or,{size:t}),H(Or,{hover:C,focus:T,readonly:a,disabled:l})),dir:y,children:[!P\|\|P==="horizontal"&&(0,ye.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,ye.jsx)("div",{className:"k-hsv-rectangle",style:s,children:(0,ye.jsx)("div",{className:"k-hsv-gradient",children:(0,ye.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":A,"k-focus":w}),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})})}),(0,ye.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,ye.jsx)(hn,{className:"k-hue-slider",hover:A,focus:w}),o!=="rgb"&&o!=="hsv"&&(0,ye.jsx)(hn,{className:"k-alpha-slider",hover:A,focus:w,trackStyle:b})]})]}),P==="vertical"&&(0,ye.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,ye.jsx)("div",{className:"k-hsv-rectangle",style:s,children:(0,ye.jsx)("div",{className:"k-hsv-gradient",children:(0,ye.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":A,"k-focus":w}),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})})}),(0,ye.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,ye.jsx)(Tn,{className:"k-hue-slider",hover:A,focus:w}),o!=="rgb"&&o!=="hsv"&&(0,ye.jsx)(Tn,{className:"k-alpha-slider",hover:A,focus:w,trackStyle:f})]})]}),(0,ye.jsx)(Yo,{mode:e.mode,size:t}),k&&(0,ye.jsx)(Qo,{})]})};Ke.states=oT;Ke.options=aT;Ke.className=Or;Ke.defaultOptions=$t;Ke.moduleName=zd;Ke.folderName=Ud;Ke.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)."}]};var Fd=require("react/jsx-runtime"),Pr=e=>(0,Fd.jsx)(Ke,{...e});var rT=require("react/jsx-runtime");var lT=require("react/jsx-runtime");var Hr=require("react/jsx-runtime"),nT=Ke.options,iT=Ke.states,sT={...Ke.defaultOptions,variant:"rgba"},dT=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],cT=[],za=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,Hr.jsx)(Pr,{...o,mode:t});case"rgb":return(0,Hr.jsx)(Pr,{...o,mode:t});default:return(0,Hr.jsx)(Pr,{...o,mode:t})}};za.options=nT;za.states=iT;za.variants=dT;za.defaultOptions=sT;za.modifiers=cT;var $d=require("react/jsx-runtime"),gn=e=>(0,$d.jsx)("tr",{role:"row",children:e.children});var Vd=require("react/jsx-runtime"),kn="k-colorpalette-tile",pT=[n.hover,n.focus,n.selected],mT={},Zo=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:s,...c}=e,b={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,Vd.jsx)("td",{...c,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,kn,H(kn,{hover:a,focus:l,selected:s})),style:b})};Zo.states=pT;Zo.options=mT;Zo.className=kn;var Wd="color-palette",Xd="colorpalette";var jo=require("react/jsx-runtime"),Gr="k-colorpalette",uT=[n.disabled],bT={size:[d.undefined,d.small,d.medium,d.large]},Jd={columns:10},st=e=>{let{size:t,palette:o,columns:a=Jd.columns,tileSize:l,disabled:s,...c}=e,b=[];if(o){let f=a\|\|o.columns,k=o.colors?o.colors:o;Array.isArray(k)&&Array.from({length:Math.ceil(k.length/f)},(y,C)=>{let T=[];k.slice(Cf,(C+1)f).map((w,P)=>{T.push((0,jo.jsx)(Zo,{color:w,tileSize:l},P))});let A=(0,jo.jsx)(gn,{children:T},C);b.push(A)})}return(0,jo.jsx)("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,Gr,H(Gr,{disabled:s}),R(Gr,{size:t})),children:(0,jo.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,jo.jsx)("tbody",{children:b.length>0?b:e.children})})})};st.states=uT;st.options=bT;st.className=Gr;st.defaultOptions=Jd;st.moduleName=Wd;st.folderName=Xd;st.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 Kr=st;var Ua={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}};var Yd=require("react/jsx-runtime"),qd=e=>(0,Yd.jsx)(Kr,{palette:Ua.basic,...e});var fT=require("react/jsx-runtime");var Qd=require("react/jsx-runtime");var Zd=require("react/jsx-runtime"),TT=st.options,hT=st.states,xT={...st.defaultOptions,variant:"basic"},NT=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],gT={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}},kT=[],Fa=e=>{let{variant:t="basic",...o}=e,a=gT[t];return(0,Zd.jsx)(qd,{columns:a.columns,palette:a,...o})};Fa.options=TT;Fa.states=hT;Fa.variants=NT;Fa.defaultOptions=xT;Fa.modifiers=kT;var jd="color-editor",ec="coloreditor";var ke=require("react/jsx-runtime"),Dr="k-coloreditor",vT=[n.focus],LT={size:[d.undefined,d.small,d.medium,d.large]},$a={view:"gradient",palette:Ua.office,actionButtons:!0,canvasOrientation:"horizontal"},ve=e=>{let{size:t,view:o=$a.view,palette:a=$a.palette,color:l,currentColor:s,focus:c,focusView:b,dir:f,group:k,actionButtons:y=$a.actionButtons,canvasOrientation:C=$a.canvasOrientation,...T}=e;return(0,ke.jsxs)("div",{...T,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Dr,R(Dr,{size:t}),H(Dr,{focus:c})),dir:f,children:[(0,ke.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,ke.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:k&&(0,ke.jsxs)(F,{fillMode:"flat",children:[(0,ke.jsx)(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,ke.jsx)(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,ke.jsx)("div",{className:"k-spacer"}),(0,ke.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,ke.jsx)(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,ke.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,ke.jsx)(No,{className:"k-coloreditor-preview-color",color:l}),(0,ke.jsx)(No,{className:"k-coloreditor-current-color",color:s})]})]})]}),(0,ke.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,ke.jsx)(Ke,{focus:b,size:t,canvasOrientation:C,role:"none",tabIndex:-1}):(0,ke.jsx)(st,{palette:a,size:t})}),y&&(0,ke.jsxs)(_t,{className:"k-coloreditor-footer",alignment:"start",children:[(0,ke.jsx)(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,ke.jsx)(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ve.states=vT;ve.options=LT;ve.className=Dr;ve.defaultOptions=$a;ve.moduleName=jd;ve.folderName=ec;ve.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 ea=ve;var CT=require("react/jsx-runtime");var yT=require("react/jsx-runtime");var oc=require("react/jsx-runtime"),tc=e=>(0,oc.jsx)(ea,{group:!0,currentColor:"fuchsia",...e});var rc=require("react/jsx-runtime"),ac=e=>(0,rc.jsx)(ea,{view:"palette",group:!0,currentColor:"fuchsia",...e});var vn=require("react/jsx-runtime"),MT=ve.options,ST=ve.states,wT={...ve.defaultOptions,variant:"gradient"},AT=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],ET=[],Va=e=>{let{variant:t,...o}=e;return t==="palette"?(0,vn.jsx)(ac,{...o,color:"white"}):(0,vn.jsx)(tc,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Va.options=MT;Va.states=ST;Va.variants=AT;Va.defaultOptions=wT;Va.modifiers=ET;var lc="color-picker",nc="colorpicker";var Me=require("react/jsx-runtime"),ic="k-colorpicker",RT=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],IT={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},sc={arrowIconName:"caret-alt-down"},ht=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=sc.arrowIconName,prefix:s,suffix:c,value:b,placeholder:f,hover:k,focus:y,valid:C,invalid:T,required:A,disabled:w,valueIconName:P,popup:_,opened:B,adaptive:V,adaptiveSettings:be,adaptiveTitle:Le,adaptiveSubtitle:Qe,...ct}=e,pt="colorpicker-popup";return(0,Me.jsxs)(Me.Fragment,{children:[(0,Me.jsxs)(Dt,{...ct,size:t,rounded:o,fillMode:a,hover:k,focus:y,valid:C,invalid:T,required:A,disabled:w,role:"combobox","aria-haspopup":"dialog","aria-expanded":B?"true":"false","aria-controls":B\|\|V?pt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":w?"true":void 0,className:r(e.className,ic,"k-icon-picker"),children:[(0,Me.jsx)(kt,{children:s}),(0,Me.jsx)(yo,{placeholder:f,value:b,showValue:!1,valueIcon:(0,Me.jsx)(No,{className:"k-value-icon",color:b,iconName:P}),valueIconName:P}),(0,Me.jsx)(vt,{children:c}),(0,Me.jsx)(p,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:w})]}),B&&_&&(0,Me.jsx)(me,{id:pt,className:"k-colorpicker-popup",children:_}),V&&(0,Me.jsx)(ge,{adaptive:!0,id:pt,...be,header:(0,Me.jsx)(je,{actionsEnd:(0,Me.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Le,subtitle:Qe}),footer:(0,Me.jsxs)(uo,{children:[(0,Me.jsx)(p,{text:"Cancel",size:"large"}),(0,Me.jsx)(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,Me.jsx)(ve,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};ht.states=RT;ht.options=IT;ht.className=ic;ht.defaultOptions=sc;ht.moduleName=lc;ht.folderName=nc;ht.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 go=ht;var dc=require("react/jsx-runtime"),Br=e=>(0,dc.jsx)(go,{...e});var OT=require("react/jsx-runtime");var PT=require("react/jsx-runtime");var HT=require("react/jsx-runtime");var GT=require("react/jsx-runtime");var KT=require("react/jsx-runtime");var DT=require("react/jsx-runtime");var ko=require("react/jsx-runtime"),BT=go.options,_T=go.states,cc={...go.defaultOptions,variant:"color"},zT=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],UT=[{name:"opened",title:"Opened"}],Wa=e=>{let{variant:t,modifiers:o,...a}={...cc,...e},l={};Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(l.opened=!!(o!=null&&o[c]),l.popup=o!=null&&o[c]?(0,ko.jsx)(ve,{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(0,ko.jsx)("div",{style:s,children:(0,ko.jsx)(Br,{...a,...l})});case"icon":return(0,ko.jsx)("div",{style:s,children:(0,ko.jsx)(Br,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return(0,ko.jsx)("div",{style:s,children:(0,ko.jsx)(Br,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};Wa.options=BT;Wa.states=_T;Wa.variants=zT;Wa.defaultOptions=cc;Wa.modifiers=UT;var Ln="combobox",pc=Ln;var le=require("react/jsx-runtime"),mc="k-combobox",FT=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],$T={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},uc={separators:!0},tt=e=>{let{size:t,rounded:o,fillMode:a,separators:l=uc.separators,prefix:s,suffix:c,value:b,placeholder:f,hover:k,focus:y,valid:C,invalid:T,required:A,loading:w,disabled:P,popup:_,opened:B,readonly:V,adaptive:be,adaptiveSettings:Le,adaptiveTitle:Qe,adaptiveSubtitle:ct,adaptiveCustomValue:pt,id:Do,autocomplete:Yr,activeDescendant:cr,"aria-label":zp,...Up}=e,Fp=Do?`${Do}-listbox`:void 0;return(0,le.jsxs)(le.Fragment,{children:[(0,le.jsxs)(Ce,{...Up,size:t,rounded:o,fillMode:a,hover:k,focus:y,valid:C,invalid:T,required:A,loading:w,disabled:P,readonly:V,className:r(e.className,mc),children:[s&&(0,le.jsxs)(le.Fragment,{children:[(0,le.jsx)(kt,{children:s}),l&&(0,le.jsx)(Lt,{})]}),(0,le.jsx)(bt,{placeholder:f,value:b,role:"combobox","aria-haspopup":"listbox","aria-expanded":B?"true":"false","aria-controls":B?Fp:void 0,"aria-activedescendant":B&&cr?cr:void 0,"aria-autocomplete":Yr,"aria-invalid":T?"true":void 0,"aria-busy":w?"true":void 0,"aria-label":zp,disabled:P,readOnly:V}),(0,le.jsx)(Ze,{valid:C,invalid:T,loading:w,disabled:P}),(0,le.jsx)(ot,{loading:w,disabled:P}),(0,le.jsx)(ut,{loading:w,disabled:P,readonly:V,value:b}),c&&(0,le.jsxs)(le.Fragment,{children:[l&&(0,le.jsx)(Lt,{}),(0,le.jsx)(vt,{children:c})]}),(0,le.jsx)(p,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:P})]}),B&&_&&(0,le.jsx)(me,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:_}),be&&(0,le.jsx)(ge,{adaptive:!0,id:Do?`${Do}-adaptive`:void 0,...Le,header:(0,le.jsx)(je,{actionsEnd:(0,le.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:b,inputPlaceholder:f,title:Qe,subtitle:ct}),children:(0,le.jsx)("div",{className:"k-list-container",children:(0,le.jsx)(te,{customValue:pt?(0,le.jsx)(ho,{text:`Use "${b}"`}):void 0,size:"large",children:(0,le.jsxs)(se,{"aria-label":Qe\|\|"Options",children:[(0,le.jsx)($,{text:"List item"}),(0,le.jsx)($,{text:"List item"}),(0,le.jsx)($,{text:"List item"})]})})})})]})};tt.states=FT;tt.options=$T;tt.className=mc;tt.defaultOptions=uc;tt.moduleName=Ln;tt.folderName=pc;tt.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 xt=tt;var fc=require("react/jsx-runtime"),bc=e=>(0,fc.jsx)(xt,{...e});var Tc=require("react/jsx-runtime");var hc=require("react/jsx-runtime");var xc=require("react/jsx-runtime");var Nc=require("react/jsx-runtime");var gc=require("react/jsx-runtime");var kc=require("react/jsx-runtime");var Cn=require("react/jsx-runtime");var VT=require("react/jsx-runtime");var WT=require("react/jsx-runtime");var vc=require("react/jsx-runtime");var Lc=require("react/jsx-runtime");var Pt=require("react/jsx-runtime"),XT=tt.states,JT=tt.defaultOptions,qT=tt.options,YT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],QT=[],Xa=e=>{let{modifiers:t,...o}=e,a={},l=(0,Pt.jsx)(te,{style:{width:300},size:o.size,children:(0,Pt.jsxs)(se,{children:[(0,Pt.jsx)($,{children:"List item"}),(0,Pt.jsx)($,{children:"List item"}),(0,Pt.jsx)($,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t!=null&&t[s]?(0,Pt.jsx)(m,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[s]?(0,Pt.jsx)(mo,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?l:void 0;break;default:break}}),(0,Pt.jsx)("div",{children:(0,Pt.jsx)(bc,{value:"Value",style:{width:300},...o,...a})})};Xa.options=qT;Xa.states=XT;Xa.variants=QT;Xa.defaultOptions=JT;Xa.modifiers=YT;var yn="menu-button",Cc=yn;var Mc=require("react/jsx-runtime"),yc="k-menu-button",ZT=[n.hover,n.focus,n.active,n.selected,n.disabled],jT={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark,x.inverse]},Mn={showArrow:!0,arrowIconName:"caret-alt-down"},ce=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:b,selected:f,disabled:k,icon:y,text:C,showArrow:T=Mn.showArrow,arrowIconName:A=Mn.arrowIconName,expanded:w,...P}=e;return(0,Mc.jsx)(p,{...P,className:r(e.className,yc),text:C,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:b,selected:f,disabled:k,icon:y,showArrow:T,arrowIconName:A,"aria-expanded":w?"true":"false",...!C&&y&&!e["aria-label"]&&{"aria-label":"Menu"},...k&&{"aria-disabled":"true"}})};ce.states=ZT;ce.options=jT;ce.className=yc;ce.defaultOptions=Mn;ce.moduleName=yn;ce.folderName=Cc;ce.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var eh=require("react/jsx-runtime");var th=require("react/jsx-runtime");var oh=require("react/jsx-runtime");var Nt="menu",wt=Nt;var jt=require("react/jsx-runtime"),Sn="k-menu-item",ah=[n.hover,n.focus,n.active,n.selected,n.disabled],rh={},Sc={iconPosition:"before"},Je=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:c,text:b,first:f,last:k,showArrow:y,arrowIconName:C,iconPosition:T=Sc.iconPosition,dir:A,children:w,expanded:P,..._}=e,B=C;return B\|\|(B=A==="rtl"?"caret-alt-left":"caret-alt-right"),(0,jt.jsxs)("li",{..._,className:r(e.className,Sn,"k-item",H(Sn,{focus:o,disabled:s,hover:t,active:a,selected:l}),{"k-first":f,"k-last":k}),role:"menuitem",...y&&{"aria-haspopup":"menu"},...y&&{"aria-expanded":P?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,jt.jsxs)("span",{className:r("k-link k-menu-link"),children:[c&&T==="before"&&(0,jt.jsx)(m,{className:"k-menu-link-icon",icon:c}),(0,jt.jsx)("span",{className:"k-menu-link-text",children:b}),c&&T==="after"&&(0,jt.jsx)(m,{className:"k-menu-link-icon",icon:c}),y&&(0,jt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,jt.jsx)(m,{icon:B})})]}),w]})};Je.states=ah;Je.options=rh;Je.className=Sn;Je.defaultOptions=Sc;Je.moduleName=Nt;Je.folderName=wt;var eo=require("react/jsx-runtime"),wn="k-menu-item",lh=[n.hover,n.focus,n.active,n.selected,n.disabled],nh={},An={dir:"ltr",iconPosition:"before"},he=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:c,text:b,first:f,last:k,showArrow:y,arrowIconName:C,iconPosition:T=An.iconPosition,dir:A=An.dir,children:w,popup:P,expanded:_,...B}=e,V=C;return V\|\|(V=A==="rtl"?"caret-alt-left":"caret-alt-right"),(0,eo.jsxs)("li",{...B,className:r(e.className,wn,"k-item",H(wn,{focus:o,disabled:s}),{"k-first":f,"k-last":k}),role:"menuitem",...y&&{"aria-haspopup":"menu"},...y&&{"aria-expanded":_?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,eo.jsxs)("span",{className:r("k-link k-menu-link",H("k-menu-link",{hover:t,active:a,selected:l,disabled:s})),children:[c&&T==="before"&&(0,eo.jsx)(m,{className:"k-menu-link-icon",icon:c}),(0,eo.jsx)("span",{className:"k-menu-link-text",children:b}),c&&T==="after"&&(0,eo.jsx)(m,{className:"k-menu-link-icon",icon:c}),y&&(0,eo.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,eo.jsx)(m,{icon:V})})]}),w,P]})};he.states=lh;he.options=nh;he.className=wn;he.defaultOptions=An;he.moduleName=Nt;he.folderName=wt;var Ec=require("react/jsx-runtime"),wc="k-menu-scroll-wrapper",ih=[],sh={},dh={},Ro=e=>{let{className:t,children:o,orientation:a,...l}=e;return(0,Ec.jsx)("div",{...l,className:r(t,wc,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Ro.states=ih;Ro.options=sh;Ro.className=wc;Ro.defaultOptions=dh;Ro.moduleName=Nt;Ro.folderName=wt;var Ac=Ro;var De=require("react/jsx-runtime"),En="k-menu",ch=[],ph={},zr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Be=e=>{let{children:t,orientation:o=zr.orientation,header:a=zr.header,scrollable:l,scrollButtonsPosition:s=zr.scrollButtonsPosition,wrapperStyles:c,dir:b,popup:f,contextMenu:k,...y}=e,C={horizontal:{prev:b!=="rtl"?"left":"right",next:b!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},T=(0,De.jsx)("ul",{dir:b,...y,className:r(e.className,"k-reset",En,{[`${En}-${o}`]:o,"k-header":a}),role:k?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,De.jsxs)(De.Fragment,{children:[l?(0,De.jsxs)(Ac,{orientation:o,style:c,dir:e.dir,children:[s==="start"&&(0,De.jsxs)(De.Fragment,{children:[(0,De.jsx)(p,{fillMode:"flat",icon:`caret-alt-${C[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,De.jsx)(p,{fillMode:"flat",icon:`caret-alt-${C[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&(0,De.jsx)(p,{fillMode:"flat",icon:`caret-alt-${C[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),T,s==="end"&&(0,De.jsxs)(De.Fragment,{children:[(0,De.jsx)(p,{fillMode:"flat",icon:`caret-alt-${C[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,De.jsx)(p,{fillMode:"flat",icon:`caret-alt-${C[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&(0,De.jsx)(p,{fillMode:"flat",icon:`caret-alt-${C[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):T,f]})};Be.states=ch;Be.options=ph;Be.className=En;Be.defaultOptions=zr;Be.moduleName=Nt;Be.folderName=wt;Be.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."}]};var Ic=require("react/jsx-runtime"),Rn="k-separator",Rc={orientation:"horizontal"},ta=e=>{let{orientation:t=Rc.orientation,...o}=e;return(0,Ic.jsx)("li",{...o,className:r(e.className,"k-item",Rn,{[`${Rn}-${t}`]:t}),role:"separator"})};ta.className=Rn;ta.defaultOptions=Rc;ta.moduleName=Nt;ta.folderName=wt;var Oc=require("react/jsx-runtime");var Pc=require("react/jsx-runtime"),In="k-menu-group",mh=[],uh={size:[d.undefined,d.small,d.medium,d.large]},bh={},qe=e=>{let{children:t,size:o,...a}=e;return(0,Pc.jsx)("ul",{...a,className:r(e.className,In,R(In,{size:o})),role:"menu",children:t})};qe.states=mh;qe.options=uh;qe.className=In;qe.defaultOptions=bh;qe.moduleName=Nt;qe.folderName=wt;var Ht=require("react/jsx-runtime"),On=e=>(0,Ht.jsx)(Be,{children:(0,Ht.jsxs)(Ht.Fragment,{children:[(0,Ht.jsx)(Je,{first:!0,text:"Item 1"}),(0,Ht.jsx)(Je,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,Ht.jsx)(Je,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,Ht.jsx)(Je,{text:"Item 4"}),(0,Ht.jsx)(Je,{last:!0,text:"Item 5"})]}),...e});var Pn=require("react/jsx-runtime");var Hn=require("react/jsx-runtime");var Gn=require("react/jsx-runtime");var Kn=require("react/jsx-runtime");var Vt=require("react/jsx-runtime"),fh=Be.options,Th=Be.states,Hc={...Be.defaultOptions,variant:"horizontal"},hh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],xh=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ja=e=>{let{variant:t,modifiers:o,...a}={...Hc,...e},l={};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"scrollable":l.scrollable=!!(o!=null&&o[s]);break;case"opened":l.opened=!!(o!=null&&o[s]),l.popup=(0,Vt.jsx)(me,{className:"k-menu-popup",children:(0,Vt.jsxs)(qe,{children:[(0,Vt.jsx)(he,{text:"Item 1"}),(0,Vt.jsx)(he,{text:"Item 2"}),(0,Vt.jsx)(ta,{}),(0,Vt.jsx)(he,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Vt.jsx)(On,{...a,...l,orientation:"vertical",style:{width:"200px"}}):(0,Vt.jsx)(On,{...a,...l})};Ja.options=fh;Ja.states=Th;Ja.variants=hh;Ja.defaultOptions=Hc;Ja.modifiers=xh;var Dn=require("react/jsx-runtime");var Nh=require("react/jsx-runtime");var Ye=require("react/jsx-runtime"),gh=p.states,Gc={...p.defaultOptions,variant:"text"},kh=p.options,vh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Lh=[{name:"opened",title:"Opened"}],qa=e=>{let{variant:t,modifiers:o,...a}={...Gc,...e},l={},s=(0,Ye.jsx)(me,{className:"k-menu-popup",children:(0,Ye.jsxs)(qe,{size:a.size,children:[(0,Ye.jsx)(he,{first:!0,text:"Menu Item"}),(0,Ye.jsx)(he,{text:"Menu Item"}),(0,Ye.jsx)(he,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=(0,Ye.jsx)("div",{children:(0,Ye.jsx)(ce,{...a,...l,icon:"star"})});break;case"icon-and-text":c=(0,Ye.jsx)("div",{children:(0,Ye.jsx)(ce,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:c=(0,Ye.jsx)("div",{children:(0,Ye.jsx)(ce,{...a,...l,children:"Dropdown Button"})});break}return(0,Ye.jsxs)(Ye.Fragment,{children:[c,(o==null?void 0:o.opened)&&s]})};qa.options=kh;qa.states=gh;qa.variants=vh;qa.defaultOptions=Gc;qa.modifiers=Lh;var Bn="split-button",Kc=Bn;var to=require("react/jsx-runtime"),_n="k-split-button",Ch=[n.hover,n.focus,n.active,n.selected,n.disabled],yh={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark,x.inverse]},Dc={arrowIconName:"caret-alt-down"},oe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:b,selected:f,disabled:k,icon:y,text:C,arrowIconName:T=Dc.arrowIconName,popup:A,opened:w,popupId:P,..._}=e;return(0,to.jsxs)(to.Fragment,{children:[(0,to.jsxs)("div",{..._,className:r(e.className,_n,"k-button-group",R(_n,{rounded:o})),children:[(0,to.jsx)(p,{text:C,icon:y,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:c,active:b,selected:f,disabled:k,...!C&&!e.children&&y&&{"aria-label":"Action"},children:e.children}),(0,to.jsx)(p,{className:"k-split-button-arrow",icon:T,size:t,rounded:o,fillMode:a,disabled:k,"aria-label":"Toggle dropdown","aria-expanded":w?"true":"false","aria-controls":w?P:void 0,tabIndex:-1,...k&&{"aria-disabled":"true"}})]}),w&&A&&(0,to.jsx)(me,{className:"k-menu-popup",children:A})]})};oe.states=Ch;oe.options=yh;oe.className=_n;oe.defaultOptions=Dc;oe.moduleName=Bn;oe.folderName=Kc;oe.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 zn=oe;var Bc=require("react/jsx-runtime"),Mh="k-toolbar-separator",Gt=e=>(0,Bc.jsx)("div",{className:r(Mh,e.className,"k-separator")});var oo="toolbar",vo=oo;var U=require("react/jsx-runtime"),ao="k-toolbar",Sh=[n.focus],wh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.outline,v.flat]},Ah={scrollButtons:"around"},pe=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:s,scrollButtons:c,scrollingPosition:b,section:f,...k}=e,y=[],C=(T,A)=>{let w=[];if(T.type===p&&T.props.className&&T.props.className.includes("k-toolbar-overflow-button"))w.push((0,U.jsx)(p,{...T.props,className:`${T.props.className?T.props.className:""}`},`${A}-${new Date().getTime()}`));else if(T.type===p)w.push((0,U.jsx)(p,{...T.props,className:`k-toolbar-button ${T.props.className?T.props.className:""}`},`${A}-${new Date().getTime()}`));else if(T.type===ba)w.push((0,U.jsx)(ba,{...T.props,className:`k-toolbar-button ${T.props.className?T.props.className:""}`},`${A}-${new Date().getTime()}`));else if(T.type===mo)w.push((0,U.jsx)(mo,{...T.props,className:`k-toolbar-button ${T.props.className?T.props.className:""}`},`${A}-${new Date().getTime()}`));else if(T.type===ce)w.push((0,U.jsx)(ce,{...T.props,className:`k-toolbar-menu-button ${T.props.className?T.props.className:""}`},`${A}-${new Date().getTime()}`));else if(T.type===zn)w.push((0,U.jsx)(zn,{...T.props,className:`k-toolbar-split-button ${T.props.className?T.props.className:""}`},`${A}-${new Date().getTime()}`));else if(T.type===F\|\|T.props.className&&T.props.className.includes("k-button-group")){let P=[];(Array.isArray(T.props.children)?T.props.children:[T.props.children]).forEach((B,V)=>{P.push((0,U.jsx)(p,{...B.props,className:`${B.props.className?B.props.className:""}`},`${V}-${new Date().getTime()}`))}),w.push((0,U.jsx)(F,{...T.props,className:`k-toolbar-button-group ${T.props.className?T.props.className:""}`,children:P},`${A}-${new Date().getTime()}`))}else T.type===tt?w.push((0,U.jsx)(tt,{...T.props,className:`k-toolbar-combobox ${T.props.className?T.props.className:""}`},`${A}-${new Date().getTime()}`)):T.type===ie?w.push((0,U.jsx)(ie,{...T.props,className:`k-toolbar-dropdownlist ${T.props.className?T.props.className:""}`},`${A}-${new Date().getTime()}`)):T.type===ht?w.push((0,U.jsx)(ht,{...T.props,className:`k-toolbar-colorpicker ${T.props.className?T.props.className:""}`},`${A}-${new Date().getTime()}`)):w.push(T);w.forEach(P=>{y.push(P)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((A,w)=>{C(A,w)}),(0,U.jsxs)("div",{...k,className:r(e.className,ao,R(ao,{size:t,fillMode:o}),H(ao,{focus:a}),{[`${ao}-resizable`]:l,[`${ao}-scrollable`]:s,[`${ao}-scrollable-overlay`]:s&&c==="hidden",[`${ao}-scrollable-${b}`]:b&&b!=="both",[`${ao}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&y,s&&c==="hidden"&&(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),s&&c==="start"&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)(F,{children:[(0,U.jsx)("span",{className:r("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,U.jsx)("span",{className:r("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,U.jsx)(Gt,{className:"k-toolbar-button-separator"}),(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y})]}),s&&c==="end"&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),(0,U.jsx)(Gt,{className:"k-toolbar-button-separator"}),(0,U.jsxs)(F,{children:[(0,U.jsx)("span",{className:r("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,U.jsx)("span",{className:r("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(c==="around"\|\|!c)&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("span",{className:r("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,U.jsx)(Gt,{className:"k-toolbar-button-separator"}),(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),(0,U.jsx)(Gt,{className:"k-toolbar-button-separator"}),(0,U.jsx)("span",{className:r("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};pe.states=Sh;pe.options=wh;pe.className=ao;pe.defaultOptions=Ah;pe.moduleName=oo;pe.folderName=vo;pe.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the section toggle button."}]};var zc=require("react/jsx-runtime"),_c="k-floating-toolbar",Eh=[],Rh={},Ih={},oa=e=>{let{...t}=e;return(0,zc.jsx)("div",{...t,className:r(e.className,_c),children:e.children})};oa.states=Eh;oa.options=Rh;oa.className=_c;oa.defaultOptions=Ih;oa.moduleName=oo;oa.folderName=vo;var Uc=require("react/jsx-runtime"),Un="k-toolbar-item",Oh=[n.focus],Ph={},Hh={},aa=e=>{let{focus:t,...o}=e;return(0,Uc.jsx)("div",{...o,className:r(e.className,Un,H(Un,{focus:t})),children:e.children})};aa.states=Oh;aa.options=Ph;aa.className=Un;aa.defaultOptions=Hh;aa.moduleName=oo;aa.folderName=vo;var Fn=require("react/jsx-runtime"),Fc="k-toolbar-popup",Gh=[],Kh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.outline,v.flat]},Dh={},Io=e=>{let{size:t,fillMode:o,section:a,...l}=e;return(0,Fn.jsx)(me,{...l,className:r(e.className,Fc),children:a?(0,Fn.jsx)("span",{className:r("k-toolbar-items-list",R("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Io.states=Gh;Io.options=Kh;Io.className=Fc;Io.defaultOptions=Dh;Io.moduleName=oo;Io.folderName=vo;var Ur=Io;var Bh=require("react/jsx-runtime");var _h=require("react/jsx-runtime");var zh=require("react/jsx-runtime");var $c=require("react/jsx-runtime");var Uh=require("react/jsx-runtime");var At=require("react/jsx-runtime"),Fh=oe.states,Vc={...oe.defaultOptions,variant:"text"},$h=oe.options,Vh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Wh=[{name:"opened",title:"Opened"}],Ya=e=>{let{variant:t,modifiers:o,...a}={...Vc,...e},l={},s=(0,At.jsxs)(qe,{size:a.size,children:[(0,At.jsx)(he,{first:!0,text:"Menu Item"}),(0,At.jsx)(he,{text:"Menu Item"}),(0,At.jsx)(he,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(l.opened=!!(o!=null&&o[c]),l.popup=o!=null&&o[c]?s:"")}),t){case"icon-only":return(0,At.jsx)("div",{children:(0,At.jsx)(oe,{...a,...l,icon:"star"})});case"icon-and-text":return(0,At.jsx)("div",{children:(0,At.jsx)(oe,{...a,...l,icon:"star",children:"Split Button"})});default:return(0,At.jsx)("div",{children:(0,At.jsx)(oe,{...a,...l,children:"Split Button"})})}};Ya.options=$h;Ya.states=Fh;Ya.variants=Vh;Ya.defaultOptions=Vc;Ya.modifiers=Wh;var Wt=require("react/jsx-runtime"),Wc=e=>(0,Wt.jsx)(pe,{children:[(0,Wt.jsx)(p,{children:"Button"},"toolbar-button"),(0,Wt.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,Wt.jsx)(oe,{children:"Split button"},"toolbar-split-button"),(0,Wt.jsxs)(F,{children:[(0,Wt.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Wt.jsx)(p,{icon:"align-center",children:"Center"}),(0,Wt.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Xc=require("react/jsx-runtime");var _e=require("react/jsx-runtime"),Jc=e=>(0,_e.jsx)(pe,{scrollable:!0,...e,children:[(0,_e.jsx)(p,{children:"Button"},"toolbar-button"),(0,_e.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,_e.jsx)(oe,{children:"Split button"},"toolbar-split-button"),(0,_e.jsxs)(F,{children:[(0,_e.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,_e.jsx)(p,{icon:"align-center",children:"Center"}),(0,_e.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,_e.jsx)(p,{children:"Button"},"toolbar-button"),(0,_e.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,_e.jsx)(oe,{children:"Split button"},"toolbar-split-button"),(0,_e.jsxs)(F,{children:[(0,_e.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,_e.jsx)(p,{icon:"align-center",children:"Center"}),(0,_e.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var ze=require("react/jsx-runtime"),qc=({scrollingPosition:e="start",...t})=>(0,ze.jsx)(pe,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,ze.jsx)(p,{children:"Button"},"toolbar-button"),(0,ze.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,ze.jsx)(oe,{children:"Split button"},"toolbar-split-button"),(0,ze.jsxs)(F,{children:[(0,ze.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ze.jsx)(p,{icon:"align-center",children:"Center"}),(0,ze.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,ze.jsx)(p,{children:"Button"},"toolbar-button"),(0,ze.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,ze.jsx)(oe,{children:"Split button"},"toolbar-split-button"),(0,ze.jsxs)(F,{children:[(0,ze.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ze.jsx)(p,{icon:"align-center",children:"Center"}),(0,ze.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var xe=require("react/jsx-runtime"),Yc=({fillMode:e,size:t,...o})=>(0,xe.jsxs)(xe.Fragment,{children:[(0,xe.jsx)(pe,{section:!0,fillMode:e,size:t,children:[(0,xe.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,xe.jsxs)(F,{fillMode:e,children:[(0,xe.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,xe.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,xe.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,xe.jsx)(Gt,{className:"k-toolbar-button-separator"}),(0,xe.jsx)(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,xe.jsxs)(Ur,{size:t,fillMode:e,section:!0,...o,children:[(0,xe.jsx)(oe,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,xe.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,xe.jsx)(Gt,{}),(0,xe.jsx)(ce,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,xe.jsxs)(F,{fillMode:e,children:[(0,xe.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,xe.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,xe.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var $n=require("react/jsx-runtime");var Vn=require("react/jsx-runtime");var ro=require("react/jsx-runtime"),Xh=pe.options,Jh=pe.states,Qc={...pe.defaultOptions,variant:"default"},qh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Yh=[],Qa=e=>{let{variant:t,...o}={...Qc,...e};switch(t){case"responsive":return(0,ro.jsx)("div",{children:(0,ro.jsx)(Yc,{style:{width:"583px"},...o})});case"overlay":return(0,ro.jsx)("div",{children:(0,ro.jsx)(qc,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,ro.jsx)("div",{children:(0,ro.jsx)(Jc,{style:{width:"583px"},...o})});default:return(0,ro.jsx)("div",{children:(0,ro.jsx)(Wc,{style:{width:"583px"},...o})})}};Qa.options=Xh;Qa.states=Jh;Qa.variants=qh;Qa.defaultOptions=Qc;Qa.modifiers=Yh;var jc=require("react/jsx-runtime"),Zc="k-grid-toolbar",Kt=e=>(0,jc.jsx)(pe,{...e,className:r(e.className,Zc),children:e.children});Kt.className=Zc;Kt.moduleName=X;Kt.folderName=q;var ra=require("react/jsx-runtime"),Wn="k-grid-stack-cell",Qh=[n.focus,n.selected],Fr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:s,focus:c,selected:b,...f}=e;return(0,ra.jsxs)("div",{...f,className:r(e.className,Wn,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":s},H(Wn,{focus:c,selected:b})),children:[s&&(0,ra.jsx)("span",{className:"k-dirty"}),t&&(0,ra.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,ra.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};Fr.states=Qh;Fr.className=Wn;Fr.moduleName=X;Fr.folderName=q;var tp=require("react/jsx-runtime"),ep="k-grid-stack-row",$r=e=>{let{cols:t,...o}=e;return(0,tp.jsx)("div",{...o,className:r(e.className,ep,{[`k-grid-cols-${t}`]:t}),children:e.children})};$r.className=ep;$r.moduleName=X;$r.folderName=q;var Xn=require("react/jsx-runtime");var Jn=require("react/jsx-runtime");var qn=require("react/jsx-runtime");var g=require("react/jsx-runtime"),op=({contentClassName:e,...t})=>(0,g.jsx)(Y,{_renderAriaRoot:!0,pager:(0,g.jsx)(Ft,{refresh:!1}),children:(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(Q,{children:(0,g.jsx)("div",{className:"k-grid-header-wrap",children:(0,g.jsxs)(Z,{children:[(0,g.jsxs)("colgroup",{children:[(0,g.jsx)("col",{}),(0,g.jsx)("col",{style:{width:"225px"}}),(0,g.jsx)("col",{}),(0,g.jsx)("col",{}),(0,g.jsx)("col",{})]}),(0,g.jsxs)(J,{children:[(0,g.jsxs)(L,{children:[(0,g.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Product Id"}),(0,g.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Name"}),(0,g.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Quantity"}),(0,g.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),(0,g.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),(0,g.jsxs)(L,{className:"k-filter-row",children:[(0,g.jsx)(i,{children:(0,g.jsx)("div",{className:"k-filtercell",children:(0,g.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,g.jsx)(W,{}),(0,g.jsxs)("div",{className:"k-filtercell-operator",children:[(0,g.jsx)(ie,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,g.jsx)(p,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,g.jsx)(i,{children:(0,g.jsx)("div",{className:"k-filtercell",children:(0,g.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,g.jsx)(ne,{}),(0,g.jsxs)("div",{className:"k-filtercell-operator",children:[(0,g.jsx)(ie,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,g.jsx)(p,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,g.jsx)(i,{children:(0,g.jsx)("div",{className:"k-filtercell",children:(0,g.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,g.jsx)(ne,{}),(0,g.jsxs)("div",{className:"k-filtercell-operator",children:[(0,g.jsx)(ie,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,g.jsx)(p,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,g.jsx)(i,{children:(0,g.jsx)("div",{className:"k-filtercell",children:(0,g.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,g.jsx)(W,{}),(0,g.jsxs)("div",{className:"k-filtercell-operator",children:[(0,g.jsx)(ie,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,g.jsx)(p,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,g.jsx)(i,{children:(0,g.jsx)("div",{className:"k-filtercell",children:(0,g.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,g.jsx)(ie,{}),(0,g.jsx)("div",{className:"k-filtercell-operator",children:(0,g.jsx)(p,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),(0,g.jsx)(re,{children:(0,g.jsx)(j,{className:e,children:(0,g.jsxs)(ee,{children:[(0,g.jsxs)("colgroup",{children:[(0,g.jsx)("col",{}),(0,g.jsx)("col",{style:{width:"225px"}}),(0,g.jsx)("col",{}),(0,g.jsx)("col",{}),(0,g.jsx)("col",{})]}),(0,g.jsxs)(ae,{children:[(0,g.jsxs)(L,{className:"k-master-row",children:[(0,g.jsx)(i,{children:"1"}),(0,g.jsx)(i,{children:"Chai"}),(0,g.jsx)(i,{children:"10 boxes x 20 bags"}),(0,g.jsx)(i,{children:"18"}),(0,g.jsx)(i,{children:"false"})]}),(0,g.jsxs)(L,{className:"k-master-row",alt:!0,children:[(0,g.jsx)(i,{children:"2"}),(0,g.jsx)(i,{children:"Chang"}),(0,g.jsx)(i,{children:"24 - 12 oz bottles"}),(0,g.jsx)(i,{children:"19"}),(0,g.jsx)(i,{children:"false"})]}),(0,g.jsxs)(L,{className:"k-master-row",children:[(0,g.jsx)(i,{children:"3"}),(0,g.jsx)(i,{children:"Aniseed Syrup"}),(0,g.jsx)(i,{children:"12 - 550 ml bottles"}),(0,g.jsx)(i,{children:"10"}),(0,g.jsx)(i,{children:"false"})]}),(0,g.jsxs)(L,{className:"k-master-row",alt:!0,children:[(0,g.jsx)(i,{children:"4"}),(0,g.jsx)(i,{children:"Chef Anton's Cajun Seasoning"}),(0,g.jsx)(i,{children:"48 - 6 oz jars"}),(0,g.jsx)(i,{children:"22"}),(0,g.jsx)(i,{children:"false"})]}),(0,g.jsxs)(L,{className:"k-master-row",children:[(0,g.jsx)(i,{children:"5"}),(0,g.jsx)(i,{children:"Grandma's Boysenberry Spread"}),(0,g.jsx)(i,{children:"12 - 8 oz jars"}),(0,g.jsx)(i,{children:"25"}),(0,g.jsx)(i,{children:"false"})]})]})]})})})]}),...t});var Za=require("react/jsx-runtime"),Zh="k-chip-action";var Se=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=(0,Za.jsx)(m,{icon:"x-circle",size:"small"});break;case"more":a=(0,Za.jsx)(m,{icon:"more-vertical",size:"small"});break;default:return(0,Za.jsx)(m,{icon:t,size:"small"})}return(0,Za.jsx)("span",{...o,className:r(e.className,Zh,`k-chip-${t}-action`),children:a})};var Yn="avatar",ap=Yn;var Zn=require("react/jsx-runtime"),ja="k-avatar";var jh=[n.hover,n.focus,n.active,n.selected,n.disabled],ex={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.outline],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark,x.inverse]},Qn={type:"text",border:!1},dt=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:s=Qn.type,border:c=Qn.border,...b}=e;return(0,Zn.jsx)("div",{...b,className:r(e.className,ja,R(ja,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${ja}-bordered`]:c}),children:(0,Zn.jsx)("span",{className:`${ja}-${s}`,children:e.children})})};dt.states=jh;dt.options=ex;dt.className=ja;dt.defaultOptions=Qn;dt.moduleName=Yn;dt.folderName=ap;dt.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Oo=dt;var lp=require("react/jsx-runtime"),rp=e=>(0,lp.jsx)(Oo,{type:"icon",...e});var ip=require("react/jsx-runtime"),np=e=>(0,ip.jsx)(Oo,{type:"text",...e});var dp=require("react/jsx-runtime"),sp=e=>(0,dp.jsx)(Oo,{type:"image",...e});var tx=require("react/jsx-runtime");var la=require("react/jsx-runtime"),ox=dt.options,ax=dt.states,rx={...dt.defaultOptions,variant:"image"},lx=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],nx=[],er=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,la.jsx)(rp,{...o,children:(0,la.jsx)(m,{icon:"star"})});case"text":return(0,la.jsx)(np,{...o,children:"JO"});default:return(0,la.jsx)(sp,{...o,children:(0,la.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};er.options=ox;er.states=ax;er.variants=lx;er.defaultOptions=rx;er.modifiers=nx;var tr="chip",Vr=tr;var lo=require("react/jsx-runtime"),Wr="k-chip",ix=[n.hover,n.focus,n.active,n.selected,n.disabled],sx={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.outline],themeColor:[x.undefined,x.base,x.success,x.warning,x.error,x.info]},cp={avatarImage:"/packages/html/assets/avatar.jpg"},we=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:s,icon:c,actions:b,showAvatar:f,avatarImage:k=cp.avatarImage,hover:y,focus:C,active:T,selected:A,disabled:w,...P}=e;return(0,lo.jsxs)("div",{...P,className:r(e.className,Wr,R(Wr,{size:t,rounded:o,fillMode:a,themeColor:l}),H(Wr,{hover:y,focus:C,active:T,disabled:w,selected:A})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:A?"true":"false","aria-selected":e.role==="option"?A?"true":"false":void 0,"aria-disabled":w?"true":void 0,children:[c&&(0,lo.jsx)(m,{className:"k-chip-icon",icon:c,size:"small"}),f&&(0,lo.jsx)(dt,{className:"k-chip-avatar",type:"image",children:(0,lo.jsx)("img",{src:k,alt:""})}),(0,lo.jsx)("span",{className:"k-chip-content",children:e.children?e.children:s&&(0,lo.jsx)("span",{className:"k-chip-label",children:s})}),b&&(0,lo.jsx)("span",{className:"k-chip-actions",children:b})]})};we.states=ix;we.options=sx;we.className=Wr;we.defaultOptions=cp;we.moduleName=tr;we.folderName=Vr;we.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 Et=we;var pp=require("react/jsx-runtime"),jn="k-chip-list",dx=[],cx={size:[d.undefined,d.small,d.medium,d.large]},px={},Ae=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return(0,pp.jsx)("div",{...l,className:r(e.className,jn,R(jn,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Ae.states=dx;Ae.options=cx;Ae.className=jn;Ae.defaultOptions=px;Ae.moduleName=tr;Ae.folderName=Vr;Ae.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."}]};var mx=require("react/jsx-runtime");var ux=require("react/jsx-runtime");var mp=require("react/jsx-runtime"),Xr=e=>(0,mp.jsx)(Et,{text:"text",...e});var bx=require("react/jsx-runtime");var fx=require("react/jsx-runtime");var ei=require("react/jsx-runtime");var up=require("react/jsx-runtime");var bp=require("react/jsx-runtime");var fp=require("react/jsx-runtime");var no=require("react/jsx-runtime"),Tx={...Et.options,...Ae.options},hx=[],xx=Ae.states,Nx={...Et.defaultOptions,...Ae.defaultOptions},gx=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],or=e=>{let{modifiers:t,className:o,...a}=e,l=t==null?void 0:t.icon,s=t==null?void 0:t.actions,c=t==null?void 0:t.avatar;return(0,no.jsxs)(Ae,{size:a.size,className:o,children:[(0,no.jsx)(Xr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?(0,no.jsx)(Se,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,no.jsx)(Xr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?(0,no.jsx)(Se,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,no.jsx)(Xr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?(0,no.jsx)(Se,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};or.options=Tx;or.states=xx;or.variants=hx;or.defaultOptions=Nx;or.modifiers=gx;var Jr=require("react/jsx-runtime"),kx=we.states,vx=we.defaultOptions,Lx=we.options,Cx=[],yx=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],ar=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"icon":a.icon=t!=null&&t[l]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!(t!=null&&t[l]),a.avatarImage=t!=null&&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!=null&&t[l]?(0,Jr.jsx)(Se,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t!=null&&t[l]?(0,Jr.jsx)(Se,{type:"remove"}):void 0;break;default:break}}),(0,Jr.jsx)(we,{...o,...a,children:"Chip component"})};ar.options=Lx;ar.states=kx;ar.variants=Cx;ar.defaultOptions=vx;ar.modifiers=yx;var E=require("react/jsx-runtime"),Tp=({dropClue:e,contentClassName:t,...o})=>(0,E.jsx)(Y,{_renderAriaRoot:!0,groupingHeader:(0,E.jsx)(io,{dropClue:e,children:(0,E.jsxs)(Ae,{children:[(0,E.jsx)(we,{icon:"sort-asc-small",text:"ID",actions:(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(Se,{type:"more"}),(0,E.jsx)(Se,{type:"remove"})]})}),(0,E.jsx)(we,{icon:"sort-desc-small",text:"Name",actions:(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(Se,{type:"more"}),(0,E.jsx)(Se,{type:"remove"})]})})]})}),children:(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(Q,{draggable:!0,children:(0,E.jsx)("div",{className:"k-grid-header-wrap",children:(0,E.jsxs)(Z,{children:[(0,E.jsxs)("colgroup",{children:[(0,E.jsx)("col",{className:"k-group-col"}),(0,E.jsx)("col",{className:"k-group-col"}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{})]}),(0,E.jsx)(J,{children:(0,E.jsxs)(L,{children:[(0,E.jsx)(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,E.jsx)(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,E.jsx)(M,{colspan:1,columnTitle:"ID"}),(0,E.jsx)(M,{colspan:1,columnTitle:"Name"}),(0,E.jsx)(M,{colspan:1,columnTitle:"Price"}),(0,E.jsx)(M,{colspan:1,columnTitle:"Category"})]})})]})})}),(0,E.jsx)(re,{children:(0,E.jsx)(j,{className:t,children:(0,E.jsxs)(ee,{children:[(0,E.jsxs)("colgroup",{children:[(0,E.jsx)("col",{className:"k-group-col"}),(0,E.jsx)("col",{className:"k-group-col"}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{})]}),(0,E.jsxs)(ae,{children:[(0,E.jsx)(L,{className:"k-table-group-row k-grouping-row",children:(0,E.jsx)(i,{colspan:6,children:(0,E.jsxs)("p",{className:"k-reset",children:[(0,E.jsx)(m,{icon:"caret-alt-right"}),"ID: 1"]})})}),(0,E.jsx)(L,{className:"k-table-group-row k-grouping-row",children:(0,E.jsx)(i,{colspan:6,children:(0,E.jsxs)("p",{className:"k-reset",children:[(0,E.jsx)(m,{icon:"caret-alt-down"}),"ID: 2"]})})}),(0,E.jsxs)(L,{className:"k-table-group-row k-grouping-row",children:[(0,E.jsx)(i,{className:"k-table-group-td k-group-cell"}),(0,E.jsx)(i,{colspan:5,children:(0,E.jsxs)("p",{className:"k-reset",children:[(0,E.jsx)(m,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),(0,E.jsxs)(L,{className:"k-master-row",alt:!0,children:[(0,E.jsx)(i,{className:"k-table-group-td k-group-cell"}),(0,E.jsx)(i,{className:"k-table-group-td k-group-cell"}),(0,E.jsx)(i,{colspan:0,children:"2"}),(0,E.jsx)(i,{colspan:0,children:"Chang"}),(0,E.jsx)(i,{colspan:0,children:"$19.00"}),(0,E.jsx)(i,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});var ti=require("react/jsx-runtime");var oi=require("react/jsx-runtime");var ai=require("react/jsx-runtime");var G=require("react/jsx-runtime"),hp=({headerWrapClassName:e,contentClassName:t,...o})=>(0,G.jsx)(Y,{_renderAriaRoot:!0,children:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(Q,{children:(0,G.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,G.jsxs)(Z,{children:[(0,G.jsxs)("colgroup",{children:[(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{})]}),(0,G.jsxs)(J,{children:[(0,G.jsxs)(L,{children:[(0,G.jsx)(M,{rowspan:3,colspan:1,columnTitle:"ID"}),(0,G.jsx)(M,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),(0,G.jsxs)(L,{children:[(0,G.jsx)(M,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),(0,G.jsx)(M,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),(0,G.jsxs)(L,{children:[(0,G.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),(0,G.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),(0,G.jsx)(re,{children:(0,G.jsx)(j,{className:t,children:(0,G.jsxs)(ee,{children:[(0,G.jsxs)("colgroup",{children:[(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{})]}),(0,G.jsxs)(ae,{children:[(0,G.jsxs)(L,{className:"k-master-row",children:[(0,G.jsx)(i,{children:"1"}),(0,G.jsx)(i,{children:"Chai"}),(0,G.jsx)(i,{children:"39"}),(0,G.jsx)(i,{children:"18"})]}),(0,G.jsxs)(L,{className:"k-master-row",alt:!0,children:[(0,G.jsx)(i,{children:"2"}),(0,G.jsx)(i,{children:"Chang"}),(0,G.jsx)(i,{children:"17"}),(0,G.jsx)(i,{children:"19"})]}),(0,G.jsxs)(L,{className:"k-master-row",children:[(0,G.jsx)(i,{children:"3"}),(0,G.jsx)(i,{children:"Aniseed Syrup"}),(0,G.jsx)(i,{children:"13"}),(0,G.jsx)(i,{children:"10"})]}),(0,G.jsxs)(L,{className:"k-master-row",alt:!0,children:[(0,G.jsx)(i,{children:"4"}),(0,G.jsx)(i,{children:"Chef Anton's Cajun Seasoning"}),(0,G.jsx)(i,{children:"53"}),(0,G.jsx)(i,{children:"22"})]}),(0,G.jsxs)(L,{className:"k-master-row",children:[(0,G.jsx)(i,{children:"5"}),(0,G.jsx)(i,{children:"Chef Anton's Gumbo Mix"}),(0,G.jsx)(i,{children:"0"}),(0,G.jsx)(i,{children:"21.35"})]})]})]})})})]}),...o});var ri=require("react/jsx-runtime");var li=require("react/jsx-runtime");var D=require("react/jsx-runtime"),xp=e=>(0,D.jsx)(Y,{_renderAriaRoot:!0,toolbar:(0,D.jsxs)(Kt,{children:[(0,D.jsx)(p,{children:"Add new"}),(0,D.jsx)(p,{children:"Save Changes"}),(0,D.jsx)(p,{children:"Cancel Changes"})]}),children:(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(Q,{children:(0,D.jsx)("div",{className:"k-grid-header-wrap",children:(0,D.jsxs)(Z,{children:[(0,D.jsxs)("colgroup",{children:[(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{style:{width:"300px"}})]}),(0,D.jsx)(J,{children:(0,D.jsxs)(L,{children:[(0,D.jsx)(M,{columnTitle:"Name"}),(0,D.jsx)(M,{columnTitle:"Price"}),(0,D.jsx)(M,{columnTitle:"Available"}),(0,D.jsx)(M,{accessibleLabel:"Commands"})]})})]})})}),(0,D.jsx)(re,{children:(0,D.jsx)(j,{children:(0,D.jsx)("div",{children:(0,D.jsxs)(ee,{children:[(0,D.jsxs)("colgroup",{children:[(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{style:{width:"300px"}})]}),(0,D.jsxs)(ae,{children:[(0,D.jsxs)(L,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[(0,D.jsx)(i,{children:(0,D.jsx)(ne,{value:"Towel"})}),(0,D.jsx)(i,{children:(0,D.jsx)(W,{value:"42"})}),(0,D.jsx)(i,{children:(0,D.jsx)(at,{})}),(0,D.jsxs)(i,{className:"k-command-cell",children:[(0,D.jsx)(p,{children:"Add"}),(0,D.jsx)(p,{children:"Cancel"})]})]}),(0,D.jsxs)(L,{className:"k-master-row",children:[(0,D.jsx)(i,{children:"Chai"}),(0,D.jsx)(i,{children:"18"}),(0,D.jsx)(i,{children:"false"}),(0,D.jsx)(i,{className:"k-command-cell",children:(0,D.jsx)(p,{children:"Remove"})})]}),(0,D.jsxs)(L,{className:"k-master-row",alt:!0,children:[(0,D.jsx)(i,{children:"Chang"}),(0,D.jsx)(i,{children:"19"}),(0,D.jsx)(i,{children:"false"}),(0,D.jsx)(i,{className:"k-command-cell",children:(0,D.jsx)(p,{children:"Remove"})})]})]})]})})})})]}),...e});var ni=require("react/jsx-runtime");var u=require("react/jsx-runtime"),Mx=Y.options,Sx=Y.states,Np={...Y.defaultOptions,variant:"normal"},wx=[{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"}],Ax=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],rr=e=>{let{variant:t,modifiers:o,...a}={...Np,...e},l={toolbar:void 0,pager:void 0},s=(0,u.jsxs)(Kt,{children:[(0,u.jsx)(p,{icon:"plus",children:"Add New"}),(0,u.jsx)(p,{icon:"file-pdf",children:"Export to PDF"}),(0,u.jsx)("span",{className:"k-spacer"}),(0,u.jsx)(ne,{prefix:(0,u.jsx)(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=(0,u.jsx)(Ne,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(k=>{switch(k){case"toolbar":l.toolbar=o!=null&&o[k]?s:void 0;break;case"pager":l.pager=o!=null&&o[k]?c:void 0;break;default:return}});let b={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},f=(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Q,{children:(0,u.jsx)("div",{className:"k-grid-header-wrap",children:(0,u.jsxs)(Z,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsx)(J,{children:(0,u.jsxs)(L,{children:[(0,u.jsx)(M,{...b[t],columnTitle:"ID"}),(0,u.jsx)(M,{...b[t],columnTitle:"Product Name"}),(0,u.jsx)(M,{...b[t],columnTitle:"Units in Stock"}),(0,u.jsx)(M,{...b[t],columnTitle:"Units Price"})]})})]})})}),(0,u.jsx)(re,{children:(0,u.jsx)(j,{children:(0,u.jsxs)(ee,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsxs)(ae,{children:[(0,u.jsxs)(L,{children:[(0,u.jsx)(i,{children:"1"}),(0,u.jsx)(i,{children:"Chai"}),(0,u.jsx)(i,{children:"39"}),(0,u.jsx)(i,{children:"18"})]}),(0,u.jsxs)(L,{className:"k-alt",alt:!0,children:[(0,u.jsx)(i,{children:"2"}),(0,u.jsx)(i,{children:"Chang"}),(0,u.jsx)(i,{children:"17"}),(0,u.jsx)(i,{children:"19"})]}),(0,u.jsxs)(L,{children:[(0,u.jsx)(i,{children:"3"}),(0,u.jsx)(i,{children:"Aniseed Syrup"}),(0,u.jsx)(i,{children:"13"}),(0,u.jsx)(i,{children:"10"})]}),(0,u.jsxs)(L,{className:"k-alt",alt:!0,children:[(0,u.jsx)(i,{children:"4"}),(0,u.jsx)(i,{children:"Chef Anton's Cajun Seasoning"}),(0,u.jsx)(i,{children:"53"}),(0,u.jsx)(i,{children:"22"})]}),(0,u.jsxs)(L,{children:[(0,u.jsx)(i,{children:"5"}),(0,u.jsx)(i,{children:"Chef Anton's Gumbo Mix"}),(0,u.jsx)(i,{children:"0"}),(0,u.jsx)(i,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,u.jsx)(hp,{...a,...l});case"editing":return(0,u.jsx)(xp,{...a,...l});case"grouping":return(0,u.jsx)(Tp,{...a,...l,groupingHeader:(0,u.jsx)(io,{children:(0,u.jsxs)(Ae,{children:[(0,u.jsx)(we,{icon:"sort-asc-small",actions:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Se,{type:"more"}),(0,u.jsx)(Se,{type:"remove"})]}),children:"ID"}),(0,u.jsx)(we,{icon:"sort-desc-small",actions:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Se,{type:"more"}),(0,u.jsx)(Se,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,u.jsx)(Y,{...a,...l,children:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Q,{children:(0,u.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,u.jsxs)(Z,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{className:"k-drag-col"}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsx)(J,{children:(0,u.jsxs)(L,{children:[(0,u.jsx)(M,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,u.jsx)(M,{columnTitle:"ID"}),(0,u.jsx)(M,{columnTitle:"Product Name"}),(0,u.jsx)(M,{columnTitle:"Units in Stock"}),(0,u.jsx)(M,{columnTitle:"Units Price"})]})})]})]})}),(0,u.jsx)(re,{children:(0,u.jsx)(j,{children:(0,u.jsxs)(ee,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{className:"k-drag-col"}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsxs)(ae,{children:[(0,u.jsxs)(L,{children:[(0,u.jsx)(i,{className:"k-drag-cell",children:(0,u.jsx)(m,{icon:"reorder"})}),(0,u.jsx)(i,{children:"1"}),(0,u.jsx)(i,{children:"Chai"}),(0,u.jsx)(i,{children:"39"}),(0,u.jsx)(i,{children:"18"})]}),(0,u.jsxs)(L,{className:"k-alt",alt:!0,children:[(0,u.jsx)(i,{className:"k-drag-cell",children:(0,u.jsx)(m,{icon:"reorder"})}),(0,u.jsx)(i,{children:"2"}),(0,u.jsx)(i,{children:"Chang"}),(0,u.jsx)(i,{children:"17"}),(0,u.jsx)(i,{children:"19"})]}),(0,u.jsxs)(L,{children:[(0,u.jsx)(i,{className:"k-drag-cell",children:(0,u.jsx)(m,{icon:"reorder"})}),(0,u.jsx)(i,{children:"3"}),(0,u.jsx)(i,{children:"Aniseed Syrup"}),(0,u.jsx)(i,{children:"13"}),(0,u.jsx)(i,{children:"10"})]}),(0,u.jsxs)(L,{className:"k-alt",alt:!0,children:[(0,u.jsx)(i,{className:"k-drag-cell",children:(0,u.jsx)(m,{icon:"reorder"})}),(0,u.jsx)(i,{children:"4"}),(0,u.jsx)(i,{children:"Chef Anton's Cajun Seasoning"}),(0,u.jsx)(i,{children:"53"}),(0,u.jsx)(i,{children:"22"})]}),(0,u.jsxs)(L,{children:[(0,u.jsx)(i,{className:"k-drag-cell",children:(0,u.jsx)(m,{icon:"reorder"})}),(0,u.jsx)(i,{children:"5"}),(0,u.jsx)(i,{children:"Chef Anton's Gumbo Mix"}),(0,u.jsx)(i,{children:"0"}),(0,u.jsx)(i,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,u.jsx)(op,{...a,...l});default:return(0,u.jsx)(Y,{...a,...l,children:f})}};rr.options=Mx;rr.states=Sx;rr.variants=wx;rr.defaultOptions=Np;rr.modifiers=Ax;var ii="treelist",gp=ii;var vp=require("react/jsx-runtime"),kp="k-treelist",Ex=[],Rx={},Ix={},Ue=e=>(0,vp.jsx)(Y,{...e,className:r(kp,e.className),children:e.children});Ue.states=Ex;Ue.options=Rx;Ue.className=kp;Ue.defaultOptions=Ix;Ue.moduleName=ii;Ue.folderName=gp;var K=require("react/jsx-runtime"),Po=({gridHeader:e,gridContent:t,menu:o,...a})=>(0,K.jsxs)(Ue,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|(0,K.jsx)(Q,{children:(0,K.jsx)("div",{className:"k-grid-header-wrap",children:(0,K.jsxs)(Z,{children:[(0,K.jsxs)("colgroup",{children:[(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{})]}),(0,K.jsx)(J,{children:(0,K.jsxs)(L,{children:[(0,K.jsx)(M,{menu:o,columnTitle:"Name"}),(0,K.jsx)(M,{menu:o,columnTitle:"Position"}),(0,K.jsx)(M,{menu:o,columnTitle:"Hire Date"})]})})]})})}),(0,K.jsx)(re,{children:t\|\|(0,K.jsx)(j,{children:(0,K.jsxs)(ee,{children:[(0,K.jsxs)("colgroup",{children:[(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{})]}),(0,K.jsxs)(ae,{children:[(0,K.jsxs)(L,{children:[(0,K.jsxs)(i,{children:[(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,K.jsx)(i,{children:"Sweeney"}),(0,K.jsx)(i,{children:"CEO"})]}),(0,K.jsxs)(L,{alt:!0,children:[(0,K.jsxs)(i,{children:[(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,K.jsx)(i,{children:"Wooten"}),(0,K.jsx)(i,{children:"Chief Technical Officer"})]}),(0,K.jsxs)(L,{children:[(0,K.jsxs)(i,{children:[(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,K.jsx)(i,{children:"Weber"}),(0,K.jsx)(i,{children:"VP, Engineering"})]}),(0,K.jsxs)(L,{alt:!0,children:[(0,K.jsxs)(i,{children:[(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,K.jsx)(i,{children:"Hood"}),(0,K.jsx)(i,{children:"Team Lead"})]}),(0,K.jsxs)(L,{children:[(0,K.jsxs)(i,{children:[(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,K.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,K.jsx)(i,{children:"Carr"}),(0,K.jsx)(i,{children:"Junior Software Developer"})]})]})]})})})]});var Cp=require("react/jsx-runtime"),Lp=e=>(0,Cp.jsx)(Po,{menu:"column",...e});var Mp=require("react/jsx-runtime"),yp=e=>(0,Mp.jsx)(Po,{menu:"filter",...e});var S=require("react/jsx-runtime"),Sp=({gridHeader:e,gridContent:t,menu:o,...a})=>(0,S.jsxs)(Ue,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|(0,S.jsx)(Q,{children:(0,S.jsx)("div",{className:"k-grid-header-wrap",children:(0,S.jsxs)(Z,{children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{className:"k-drag-col"}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{})]}),(0,S.jsx)(J,{children:(0,S.jsxs)(L,{children:[(0,S.jsx)(M,{}),(0,S.jsx)(M,{menu:o,columnTitle:"First Name"}),(0,S.jsx)(M,{menu:o,columnTitle:"Last Name"}),(0,S.jsx)(M,{menu:o,columnTitle:"Position"})]})})]})})}),(0,S.jsx)(re,{children:t\|\|(0,S.jsx)(j,{children:(0,S.jsxs)(ee,{children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{className:"k-drag-col"}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{})]}),(0,S.jsxs)(ae,{children:[(0,S.jsxs)(L,{children:[(0,S.jsx)(i,{className:"k-drag-cell",children:(0,S.jsx)(m,{icon:"reorder"})}),(0,S.jsxs)(i,{children:[(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,S.jsx)(i,{children:"Sweeney"}),(0,S.jsx)(i,{children:"CEO"})]}),(0,S.jsxs)(L,{alt:!0,children:[(0,S.jsx)(i,{className:"k-drag-cell",children:(0,S.jsx)(m,{icon:"reorder"})}),(0,S.jsxs)(i,{children:[(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,S.jsx)(i,{children:"Wooten"}),(0,S.jsx)(i,{children:"Chief Technical Officer"})]}),(0,S.jsxs)(L,{children:[(0,S.jsx)(i,{className:"k-drag-cell",children:(0,S.jsx)(m,{icon:"reorder"})}),(0,S.jsxs)(i,{children:[(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,S.jsx)(i,{children:"Weber"}),(0,S.jsx)(i,{children:"VP, Engineering"})]}),(0,S.jsxs)(L,{alt:!0,children:[(0,S.jsx)(i,{className:"k-drag-cell",children:(0,S.jsx)(m,{icon:"reorder"})}),(0,S.jsxs)(i,{children:[(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,S.jsx)(i,{children:"Hood"}),(0,S.jsx)(i,{children:"Team Lead"})]}),(0,S.jsxs)(L,{children:[(0,S.jsx)(i,{className:"k-drag-cell",children:(0,S.jsx)(m,{icon:"reorder"})}),(0,S.jsxs)(i,{children:[(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,S.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,S.jsx)(i,{children:"Carr"}),(0,S.jsx)(i,{children:"Junior Software Developer"})]})]})]})})})]});var wp=require("react/jsx-runtime");var h=require("react/jsx-runtime"),Ox=Ue.options,Px=Ue.states,Ap={...Ue.defaultOptions,variant:"normal"},Hx=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-row",title:"Filter Row"},{name:"sorting",title:"Sorting"},{name:"row-reordering",title:"Row Reordering"}],Gx=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],lr=e=>{let{variant:t,modifiers:o,...a}={...Ap,...e},l={},s=(0,h.jsxs)(Kt,{children:[(0,h.jsx)(p,{icon:"plus",children:"Add New"}),(0,h.jsx)(p,{icon:"file-pdf",children:"Export to PDF"}),(0,h.jsx)("span",{className:"k-spacer"}),(0,h.jsx)(ne,{prefix:(0,h.jsx)(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=(0,h.jsx)(Ne,{pageSizes:!1,refresh:!1});switch(Object.keys(o\|\|{}).forEach(b=>{switch(b){case"toolbar":l.toolbar=o!=null&&o[b]?s:void 0;break;case"pager":l.pager=o!=null&&o[b]?c:void 0;break;default:return}}),t){case"row-reordering":return(0,h.jsx)(Sp,{...a,...l});case"column-menu":return(0,h.jsx)(Lp,{...a,...l,gridHeader:(0,h.jsx)(Q,{children:(0,h.jsx)("div",{className:"k-grid-header-wrap",children:(0,h.jsxs)(Z,{children:[(0,h.jsxs)("colgroup",{children:[(0,h.jsx)("col",{}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{})]}),(0,h.jsx)(J,{children:(0,h.jsxs)(L,{children:[(0,h.jsx)(M,{menu:"column",columnTitle:"First Name"}),(0,h.jsx)(M,{menu:"column",columnTitle:"Last Name"}),(0,h.jsx)(M,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return(0,h.jsx)(yp,{...a,...l,gridHeader:(0,h.jsx)(Q,{children:(0,h.jsx)("div",{className:"k-grid-header-wrap",children:(0,h.jsxs)(Z,{children:[(0,h.jsxs)("colgroup",{children:[(0,h.jsx)("col",{}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{})]}),(0,h.jsx)(J,{children:(0,h.jsxs)(L,{children:[(0,h.jsx)(M,{menu:"filter",columnTitle:"First Name"}),(0,h.jsx)(M,{menu:"filter",columnTitle:"Last Name"}),(0,h.jsx)(M,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return(0,h.jsx)(Po,{...a,...l,gridHeader:(0,h.jsx)(Q,{children:(0,h.jsx)("div",{className:"k-grid-header-wrap",children:(0,h.jsxs)(Z,{children:[(0,h.jsxs)("colgroup",{children:[(0,h.jsx)("col",{}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{})]}),(0,h.jsx)(J,{children:(0,h.jsxs)(L,{children:[(0,h.jsx)(M,{columnTitle:"First Name"}),(0,h.jsx)(M,{columnTitle:"Last Name",sortable:!0}),(0,h.jsx)(M,{columnTitle:"Position"})]})})]})})}),gridContent:(0,h.jsx)(j,{children:(0,h.jsxs)(ee,{children:[(0,h.jsxs)("colgroup",{children:[(0,h.jsx)("col",{}),(0,h.jsx)("col",{className:"k-sorted"}),(0,h.jsx)("col",{})]}),(0,h.jsxs)(ae,{children:[(0,h.jsxs)(L,{className:"k-treelist-group",children:[(0,h.jsxs)(i,{children:[(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,h.jsx)(i,{children:"Sweeney"}),(0,h.jsx)(i,{children:"CEO"})]}),(0,h.jsxs)(L,{className:"k-treelist-group k-alt",alt:!0,children:[(0,h.jsxs)(i,{children:[(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,h.jsx)(i,{children:"Wooten"}),(0,h.jsx)(i,{children:"Chief Technical Officer"})]}),(0,h.jsxs)(L,{className:"k-treelist-group",children:[(0,h.jsxs)(i,{children:[(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,h.jsx)(i,{children:"Weber"}),(0,h.jsx)(i,{children:"VP, Engineering"})]}),(0,h.jsxs)(L,{className:"k-treelist-group k-alt",alt:!0,children:[(0,h.jsxs)(i,{children:[(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,h.jsx)(i,{children:"Hood"}),(0,h.jsx)(i,{children:"Team Lead"})]}),(0,h.jsxs)(L,{children:[(0,h.jsxs)(i,{children:[(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,h.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,h.jsx)(i,{children:"Carr"}),(0,h.jsx)(i,{children:"Junior Software Developer"})]})]})]})})});default:return(0,h.jsx)(Po,{...a,...l,gridHeader:(0,h.jsx)(Q,{children:(0,h.jsx)("div",{className:"k-grid-header-wrap",children:(0,h.jsxs)(Z,{children:[(0,h.jsxs)("colgroup",{children:[(0,h.jsx)("col",{}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{})]}),(0,h.jsx)(J,{children:(0,h.jsxs)(L,{children:[(0,h.jsx)(M,{columnTitle:"First Name"}),(0,h.jsx)(M,{columnTitle:"Last Name"}),(0,h.jsx)(M,{columnTitle:"Position"})]})})]})})})})}};lr.options=Ox;lr.states=Px;lr.variants=Hx;lr.defaultOptions=Ap;lr.modifiers=Gx;var si="propertygrid",Ep=si;var Ip=require("react/jsx-runtime"),Rp="k-property-grid",Kx=[],Dx={},Bx={},Rt=e=>(0,Ip.jsx)(Ue,{...e,className:r(Rp,e.className),children:e.children});Rt.states=Kx;Rt.options=Dx;Rt.className=Rp;Rt.defaultOptions=Bx;Rt.moduleName=si;Rt.folderName=Ep;var O=require("react/jsx-runtime"),nr=({content:e,...t})=>(0,O.jsx)(Rt,{style:{height:"450px"},toolbar:(0,O.jsxs)(Kt,{resizable:!0,children:[(0,O.jsx)(ne,{prefix:(0,O.jsx)(m,{icon:"search"}),placeholder:"Search..."}),(0,O.jsx)(ie,{value:"Default Sort"}),(0,O.jsx)(p,{icon:"categorize"}),(0,O.jsx)(p,{icon:"info-circle"})]}),...t,children:(0,O.jsx)(re,{children:e\|\|(0,O.jsx)(j,{className:"k-auto-scrollable",children:(0,O.jsxs)(ee,{children:[(0,O.jsxs)("colgroup",{children:[(0,O.jsx)("col",{style:{width:"200px"}}),(0,O.jsx)("col",{style:{width:"250px"}})]}),(0,O.jsxs)(ae,{children:[(0,O.jsxs)(L,{children:[(0,O.jsxs)(i,{children:[(0,O.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"size"]}),(0,O.jsx)(i,{children:(0,O.jsx)("b",{children:"medium"})})]}),(0,O.jsxs)(L,{alt:!0,children:[(0,O.jsxs)(i,{children:[(0,O.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"themeColor"]}),(0,O.jsx)(i,{children:(0,O.jsx)("b",{children:"base"})})]}),(0,O.jsxs)(L,{children:[(0,O.jsxs)(i,{children:[(0,O.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"fillMode"]}),(0,O.jsx)(i,{children:(0,O.jsx)("b",{children:"solid"})})]}),(0,O.jsxs)(L,{alt:!0,children:[(0,O.jsxs)(i,{children:[(0,O.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"rounded"]}),(0,O.jsx)(i,{children:(0,O.jsx)("b",{children:"medium"})})]}),(0,O.jsxs)(L,{children:[(0,O.jsxs)(i,{children:[(0,O.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"icon"]}),(0,O.jsx)(i,{children:(0,O.jsx)(m,{icon:"star"})})]}),(0,O.jsxs)(L,{alt:!0,children:[(0,O.jsxs)(i,{children:[(0,O.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"font"]}),(0,O.jsx)(i,{children:"Roboto 400"})]}),(0,O.jsxs)(L,{children:[(0,O.jsxs)(i,{children:[(0,O.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,O.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"font-weight"]}),(0,O.jsx)(i,{children:(0,O.jsx)("b",{children:"400"})})]}),(0,O.jsxs)(L,{alt:!0,children:[(0,O.jsxs)(i,{children:[(0,O.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,O.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"font-family"]}),(0,O.jsx)(i,{children:(0,O.jsx)("b",{children:"Roboto"})})]}),(0,O.jsx)(L,{className:"k-hidden k-bottom k-sticky k-footer-template",children:(0,O.jsx)(i,{colspan:"2",children:(0,O.jsx)("span",{children:"\xA0"})})})]})]})})})});var Op=require("react/jsx-runtime"),Ho="k-pane",_x=[],zx={},di={resizable:!0,flex:!1},Ee=e=>{let{scrollable:t,flexBasis:o,flex:a=di.flex,collapsible:l,resizable:s=di.resizable,pinned:c,unpinned:b,tabbed:f,...k}=e;return(0,Op.jsx)("div",{...k,style:{flexBasis:o,...e.style},className:r(e.className,Ho,{[`${Ho}-static`]:o,[`${Ho}-flex`]:a,"k-scrollable":t,[`${Ho}-pinned`]:c,[`${Ho}-unpinned`]:b,[`${Ho}-tabbed`]:f}),role:"group",children:e.children})};Ee.states=_x;Ee.options=zx;Ee.className=Ho;Ee.defaultOptions=di;var gt=require("react/jsx-runtime"),na="k-splitbar",Ux=[n.hover,n.focus],Fx={},ci={orientation:"horizontal",draggable:!0},ia=e=>{let{hover:t,focus:o,orientation:a=ci.orientation,draggable:l=ci.draggable,collapsePrev:s,collapseNext:c,ariaLabel:b,...f}=e;return(0,gt.jsxs)("div",{...f,className:r(e.className,na,H(na,{hover:t,focus:o}),{[`${na}-${a}`]:a,[`${na}-draggable-${a}`]:l,[`${na}-static-${a}`]:!l&&!s&&!c}),role:"separator","aria-label":b,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[s&&(0,gt.jsx)(gt.Fragment,{children:(0,gt.jsx)("div",{className:"k-collapse-prev",children:(0,gt.jsx)(m,{icon:`caret-alt-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),(0,gt.jsx)("div",{className:"k-resize-handle"}),c&&(0,gt.jsx)(gt.Fragment,{children:(0,gt.jsx)("div",{className:"k-collapse-next",children:(0,gt.jsx)(m,{icon:`caret-alt-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};ia.states=Ux;ia.options=Fx;ia.className=na;ia.defaultOptions=ci;var pi="splitter",Pp=pi;var qr=require("react/jsx-runtime"),Gp=require("react"),mi="k-splitter",$x={},Hp={orientation:"horizontal"},Ie=e=>{let{orientation:t=Hp.orientation,children:o,panes:a,...l}=e,s=[];return a&&a.forEach((c,b)=>{let f=a[b+1],k=c.props,y=f==null?void 0:f.props;s.push((0,Gp.createElement)(Ee,{...k,key:b})),f&&s.push((0,qr.jsx)(ia,{draggable:k.resizable!==!1&&y.resizable!==!1,collapsePrev:k.collapsible,collapseNext:y.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${b}`))}),(0,qr.jsxs)("div",{...l,className:r(e.className,mi,{[`${mi}-${t}`]:t},"k-splitter-flex"),children:[s,o]})};Ie.options=$x;Ie.className=mi;Ie.defaultOptions=Hp;Ie.moduleName=pi;Ie.folderName=Pp;Ie.ariaSpec={selector:".k-splitter",rules:[{selector:".k-pane",attribute:"role=group",usage:"Sets the proper role for the Splitter pane."},{selector:".k-splitbar",attribute:"role=separator",usage:"Sets the proper role for the Splitter split-bar element."},{selector:".k-splitbar",attribute:"aria-label",usage:"An accessible name for the separator."},{selector:".k-splitbar-horizontal",attribute:"aria-orientation=vertical",usage:"When a splitbar separates two panes horizontally, its aria-orientation must be explicitly set to vertical."},{selector:".k-splitbar",attribute:"aria-keyshortcuts",usage:"Announces available keyboard shortcuts."}]};var Kp=require("react/jsx-runtime");var Dp=require("react/jsx-runtime");var Go=require("react/jsx-runtime"),ir=require("react"),Vx=Ie.options,Wx=Ie.states,Bp={...Ie.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},Xx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Jx=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],sr=e=>{let{variant:t,modifiers:o,...a}={...Bp,...e},l=f=>({collapsible:f,content:f?"Resizable and collapsible":"Resizable only"}),s=l(!0),c=l(!0),b={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o\|\|{}).forEach(f=>{let k=o==null?void 0:o[f];switch(f){case"secondPaneProps":c=l(!!k);break;case"firstPaneProps":s=l(!!k);break;default:break}}),t==="vertical"?(0,Go.jsx)(Ie,{style:{height:"238px"},...a,orientation:"vertical",panes:[(0,ir.createElement)(Ee,{...s,flexBasis:"50%",style:b,key:"pane-1"},(0,Go.jsx)("p",{children:s.content})),(0,ir.createElement)(Ee,{...c,flexBasis:"50%",style:b,key:"pane-2"},(0,Go.jsx)("p",{children:c.content}))]}):(0,Go.jsx)(Ie,{style:{height:"238px"},...a,orientation:"horizontal",panes:[(0,ir.createElement)(Ee,{...s,flexBasis:"50%",style:b,key:"pane-1"},(0,Go.jsx)("p",{children:s.content})),(0,ir.createElement)(Ee,{...c,flexBasis:"50%",style:b,key:"pane-2"},(0,Go.jsx)("p",{children:c.content}))]})};sr.options=Vx;sr.states=Wx;sr.variants=Xx;sr.defaultOptions=Bp;sr.modifiers=Jx;var Ko=require("react/jsx-runtime"),qx=Rt.options,Yx=Rt.states,_p={...Rt.defaultOptions,variant:"normal"},Qx=[{name:"normal",title:"Normal"},{name:"preview",title:"With Preview"}],Zx=[],dr=e=>{let{variant:t,...o}={..._p,...e};return t==="preview"?(0,Ko.jsx)(Ie,{panes:[(0,Ko.jsx)(Ee,{className:"k-text-center k-mt-24",scrollable:!0,flexBasis:"215px",children:(0,Ko.jsx)(p,{icon:"star",children:"Button"})},"pane-1"),(0,Ko.jsx)(Ee,{scrollable:!0,children:(0,Ko.jsx)(nr,{style:{height:"auto"},...o})},"pane-2")]}):(0,Ko.jsx)(nr,{style:{height:"auto"},...o})};dr.options=qx;dr.states=Yx;dr.variants=Qx;dr.defaultOptions=_p;dr.modifiers=Zx;var sa=require("react/jsx-runtime"),jx=({content:e,...t})=>(0,sa.jsx)(Ie,{panes:[(0,sa.jsx)(Ee,{scrollable:!0,flexBasis:"215px",children:(0,sa.jsx)(p,{icon:"star",children:"Button"})},"pane-1"),(0,sa.jsx)(Ee,{scrollable:!0,children:(0,sa.jsx)(nr,{...t,content:e})},"pane-2")]});