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/demos/propertygrid.js CHANGED Viewed

	@@ -1 +1 @@
1	- var zp=Object.create;var dr=Object.defineProperty;var Up=Object.getOwnPropertyDescriptor;var Fp=Object.getOwnPropertyNames;var $p=Object.getPrototypeOf,Vp=Object.prototype.hasOwnProperty;var Wp=(e,t)=>{for(var o in t)dr(e,o,{get:t[o],enumerable:!0})},pi=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let r of Fp(t))!Vp.call(e,r)&&r!==o&&dr(e,r,{get:()=>t[r],enumerable:!(a=Up(t,r))\|\|a.enumerable});return e};var mi=(e,t,o)=>(o=e!=null?zp($p(e)):{},pi(t\|\|!e\|\|!e.__esModule?dr(o,"default",{value:e,enumerable:!0}):o,e)),Xp=e=>pi(dr({},"__esModule",{value:!0}),e);var Zx={};Wp(Zx,{PropertygridDemo:()=>Bo,default:()=>Qx});module.exports=Xp(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 ui(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 pr=require("react/jsx-runtime"),cr="k-grid",Jp=[],qp={size:[d.undefined,d.small,d.medium,d.large]},Yp=[],bi={pagerPosition:"bottom"},J=e=>{let{size:t,pagerPosition:o=bi.pagerPosition,toolbar:a,pager:r,groupingHeader:s,gridSelectionAggregates:c,_renderAriaRoot:b,resizable:f,...k}=e;return(0,pr.jsxs)("div",{...k,className:l(e.className,cr,{[`${cr}-resizable`]:f},R(cr,{size:t})),children:[a,o==="top"&&r,s,e.children&&b?(0,pr.jsx)("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&r]})};J.states=Jp;J.options=qp;J.variants=Yp;J.className=cr;J.defaultOptions=bi;J.moduleName=te;J.folderName=ae;var Ti=require("react/jsx-runtime"),fi="k-grid-header",q=e=>{let{draggable:t,...o}=e;return(0,Ti.jsx)("div",{...o,className:l(e.className,fi,{"k-grid-draggable-header":t}),children:e.children})};q.className=fi;q.moduleName=te;q.folderName=ae;var da=require("react/jsx-runtime"),hi="k-grouping-header",io=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,da.jsxs)("div",{...a,className:l(e.className,hi),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=hi;io.moduleName=te;io.folderName=ae;var gi=require("react/jsx-runtime"),xi="k-grid-sticky-container",Ni={position:"top"},mr=e=>{let{position:t=Ni.position,...o}=e;return(0,gi.jsx)("div",{...o,className:l(e.className,xi,{"k-grid-sticky-top-container":t==="top","k-grid-sticky-bottom-container":t==="bottom"}),children:e.children})};mr.className=xi;mr.defaultProps=Ni;mr.moduleName=te;mr.folderName=ae;var Re="table",Fe=Re;var vi=require("react/jsx-runtime"),ki="k-data-table",Qp=[],Zp={size:[d.undefined,d.small,d.medium,d.large]},jp={},Xt=e=>{let{size:t,...o}=e;return(0,vi.jsx)("div",{...o,className:l(e.className,ki,R("k-table",{size:t})),children:e.children})};Xt.states=Qp;Xt.options=Zp;Xt.className=ki;Xt.defaultOptions=jp;Xt.moduleName=Re;Xt.folderName=Fe;var Li=require("react/jsx-runtime"),Qr="k-table-header-wrap",em=[n.hover,n.focus,n.disabled],tm={},om={},so=e=>{let{children:t,hover:o,focus:a,disabled:r,...s}=e;return(0,Li.jsx)("div",{...s,className:l(e.className,Qr,H(Qr,{hover:o,focus:a,disabled:r})),children:t})};so.states=em;so.options=tm;so.className=Qr;so.defaultOptions=om;so.moduleName=Re;so.folderName=Fe;var Ci=require("react/jsx-runtime"),Zr="k-table",am=[],rm={size:[d.undefined,d.small,d.medium,d.large]},lm={},$e=e=>{let{size:t,...o}=e;return(0,Ci.jsx)("table",{...o,className:l(e.className,Zr,R(Zr,{size:t})),children:e.children})};$e.states=am;$e.options=rm;$e.className=Zr;$e.defaultOptions=lm;$e.moduleName=Re;$e.folderName=Fe;var ur=require("react/jsx-runtime"),jr="k-table-header",nm=[n.hover,n.focus,n.disabled],im={},sm={},Jt=e=>{let{children:t,hover:o,focus:a,disabled:r,...s}=e;return(0,ur.jsx)("div",{...s,className:l(e.className,jr,H(jr,{hover:o,focus:a,disabled:r})),children:(0,ur.jsx)(so,{children:(0,ur.jsx)($e,{children:t})})})};Jt.states=nm;Jt.options=im;Jt.className=jr;Jt.defaultOptions=sm;Jt.moduleName=Re;Jt.folderName=Fe;var Mi=require("react/jsx-runtime"),yi="k-table-scroller",dm=[],cm={},pm={},_o=e=>{let{children:t,...o}=e;return(0,Mi.jsx)("div",{...o,className:l(e.className,yi),children:t})};_o.states=dm;_o.options=cm;_o.className=yi;_o.defaultOptions=pm;_o.moduleName=Re;_o.folderName=Fe;var mm=require("react/jsx-runtime");var wi=require("react/jsx-runtime"),Si="k-table-footer",um=[],bm={},fm={},co=e=>{let{children:t,...o}=e;return(0,wi.jsx)("div",{...o,className:l(e.className,Si),children:t})};co.states=um;co.options=bm;co.className=Si;co.defaultOptions=fm;co.moduleName=Re;co.folderName=Fe;var Ai=require("react/jsx-runtime"),el="k-table-list",Tm=[],hm={size:[d.undefined,d.small,d.medium,d.large]},xm={},po=e=>{let{size:t,virtualization:o,...a}=e;return(0,Ai.jsx)("ul",{...a,className:l(e.className,"k-table",el,R(el,{size:t}),{"k-virtual-table":o}),children:e.children})};po.states=Tm;po.options=hm;po.className=el;po.defaultOptions=xm;po.moduleName=Re;po.folderName=Fe;var Ei=require("react/jsx-runtime"),Nm="k-table-thead",X=e=>(0,Ei.jsx)("thead",{className:l(e.className,Nm),children:e.children});var Ri=require("react/jsx-runtime"),gm="k-table-tbody",oe=e=>(0,Ri.jsx)("tbody",{className:l(e.className,gm),children:e.children});var km=require("react/jsx-runtime");var Ii=require("react/jsx-runtime"),tl="k-table-row",vm=[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,Ii.jsx)("tr",{...b,className:l(e.className,tl,{"k-table-alt-row":c},H(tl,{hover:t,focus:o,disabled:s,selected:a,highlighted:r})),children:e.children})};L.states=vm;L.className=tl;var Oi=require("react/jsx-runtime"),ol="k-table-row",Lm=[n.hover,n.focus,n.selected,n.disabled],br=e=>{let{hover:t,focus:o,selected:a,disabled:r,alt:s,...c}=e;return(0,Oi.jsx)("li",{...c,className:l(e.className,ol,{"k-table-alt-row":s},H(ol,{hover:t,focus:o,disabled:r,selected:a})),children:e.children})};br.states=Lm;br.className=ol;var Hi=require("react/jsx-runtime"),Pi="k-table-th",qt=e=>{let{text:t,colspan:o,rowspan:a,...r}=e,s=t\|\|e.children;return(0,Hi.jsx)("th",{colSpan:o,rowSpan:a,...r,className:l(e.className,Pi),children:s})};qt.className=Pi;qt.moduleName=Re;qt.folderName=Fe;var Cm=require("react/jsx-runtime");var Gi=require("react/jsx-runtime"),al="k-table-td",ym=[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,Gi.jsx)("td",{colSpan:s,rowSpan:c,...b,className:l(e.className,al,H(al,{focus:t,selected:o,highlighted:a})),children:f})};i.states=ym;i.className=al;var Mm=require("react/jsx-runtime");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 Bi=require("react/jsx-runtime");var Di=require("react/jsx-runtime");var _i=require("react/jsx-runtime");var rl=require("react/jsx-runtime");var Ui=require("react/jsx-runtime"),zi="k-grid-header-table",Y=e=>(0,Ui.jsx)($e,{...e,className:l(e.className,zi),children:e.children});Y.className=zi;Y.moduleName=te;Y.folderName=ae;var ca=require("react/jsx-runtime"),ll="k-font-icon",Pm=[],Hm={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]},Gm={},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,ll,R(ll,{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=Pm;pa.options=Hm;pa.className=ll;pa.defaultOptions=Gm;var Fi=pa;var Lo=require("react/jsx-runtime"),nl="k-svg-icon",Km=[],Bm={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]},$i={viewBox:"0 0 24 24"},ma=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=$i.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,nl,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,nl,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=Km;ma.options=Bm;ma.className=nl;ma.defaultOptions=$i;var il=ma;var sl=mi(require("@progress/kendo-svg-icons"));var Vi="icon",Wi="icons";var qi=require("react");var Xi=require("react"),Ji=(0,Xi.createContext)({iconsType:"svg"});var Yt=require("react/jsx-runtime"),fr="k-icon",Dm=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),_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]},dl={viewBox:"0 0 24 24",type:"svg"},m=e=>{let{iconsType:t}=(0,qi.useContext)(Ji),{size:o,themeColor:a,icon:r,type:s=t\|\|dl.type,rotate:c,flip:b,viewBox:f=dl.viewBox,...k}=e;if(!r)return(0,Yt.jsx)(Yt.Fragment,{});if((t\|\|s)==="svg"){if(r==="none")return(0,Yt.jsx)(il,{...k,className:l(e.className,fr),icon:r,size:o});let C=sl[r]?r:Dm(`${r}-icon`);return sl[C]?(0,Yt.jsx)(il,{...k,className:l(e.className,fr),icon:sl[C],size:o,themeColor:a,rotate:c,flip:b,viewBox:f}):(0,Yt.jsx)(Yt.Fragment,{})}return(0,Yt.jsx)(Fi,{...k,className:l(e.className,fr),icon:r,size:o,themeColor:a,rotate:c,flip:b})};m.states=_m;m.options=zm;m.defaultOptions=dl;m.className=fr;m.moduleName=Vi;m.folderName=Wi;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"),cl="k-header",Um=[n.hover,n.focus,n.active],Yi={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=Yi.sortIcon,sortOrder:C,accessibleLabel:T,...A}=e;return(0,mt.jsxs)(qt,{...A,className:l(e.className,cl,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":r,"k-touch-action-none":s},H(cl,{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=Um;M.className=cl;M.defaultOptions=Yi;M.moduleName=te;M.folderName=ae;var Zi=require("react/jsx-runtime"),Qi="k-grid-container",re=e=>(0,Zi.jsx)("div",{...e,className:l(e.className,Qi),children:e.children});re.className=Qi;re.moduleName=te;re.folderName=ae;var es=require("react/jsx-runtime"),ji="k-grid-content",Q=e=>(0,es.jsx)("div",{...e,className:l(e.className,ji),children:e.children});Q.className=ji;Q.moduleName=te;Q.folderName=ae;var os=require("react/jsx-runtime"),ts="k-grid-table",Z=e=>(0,os.jsx)($e,{...e,className:l(e.className,ts),children:e.children});Z.className=ts;Z.moduleName=te;Z.folderName=ae;var rs=require("react/jsx-runtime"),as="k-grid-footer",pl=e=>(0,rs.jsx)("div",{...e,className:l(e.className,as),children:e.children});pl.className=as;pl.moduleName=te;pl.folderName=ae;var ns=require("react/jsx-runtime"),ls="k-grid-footer-table",ml=e=>(0,ns.jsx)($e,{...e,className:l(e.className,ls),children:e.children});ml.className=ls;ml.moduleName=te;ml.folderName=ae;var ul="button",is=ul;var It=require("react/jsx-runtime"),ua="k-button",Fm=["icon-button"],$m=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Vm={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]},bl={showArrow:!1,arrowIconName:"caret-alt-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:c=bl.showArrow,arrowIconName:b=bl.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,ui(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=$m;p.options=Vm;p.variants=Fm;p.className=ua;p.defaultOptions=bl;p.moduleName=ul;p.folderName=is;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 ss=require("react/jsx-runtime"),mo=e=>(0,ss.jsx)(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var ds=require("react/jsx-runtime"),ba=e=>(0,ds.jsx)(p,{icon:"folder",children:"Button",...e});var cs=require("react/jsx-runtime"),Co=e=>(0,cs.jsx)(p,{children:"Button",...e});var Tr=require("react/jsx-runtime"),Wm=p.options,Xm=p.states,Jm={...p.defaultOptions,variant:"text"},qm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ym=[],fa=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Tr.jsx)(mo,{...o,icon:"star"});case"icon-and-text":return(0,Tr.jsx)(ba,{...o,icon:"star",children:"Button"});default:return(0,Tr.jsx)(Co,{...o,children:"Button"})}};fa.options=Wm;fa.states=Xm;fa.variants=qm;fa.defaultOptions=Jm;fa.modifiers=Ym;var Ta="input",hr=Ta;var ps=require("react/jsx-runtime"),xr="k-input",Qm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Zm={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]},jm={},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,ps.jsx)("span",{...C,className:l(e.className,xr,R(xr,{size:f,rounded:k,fillMode:y}),H(xr,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:b}))})};Ce.states=Qm;Ce.options=Zm;Ce.className=xr;Ce.defaultOptions=jm;Ce.moduleName=Ta;Ce.folderName=hr;var ms=require("react/jsx-runtime"),Nr="k-picker",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={},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,ms.jsx)("span",{...C,className:l(e.className,Nr,R(Nr,{size:f,rounded:k,fillMode:y}),H(Nr,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:b})),children:e.children})};Bt.states=eu;Bt.options=tu;Bt.className=Nr;Bt.defaultOptions=ou;Bt.moduleName=Ta;Bt.folderName=hr;var zo=require("react/jsx-runtime"),us="k-clear-value",au=[n.disabled,n.loading,n.readonly],ru={},ut=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t\|\|a\|\|o\|\|!r?(0,zo.jsx)(zo.Fragment,{}):(0,zo.jsx)("span",{className:l(e.className,us),children:(0,zo.jsx)(m,{icon:"x"})})};ut.states=au;ut.options=ru;ut.className=us;var bs=require("react/jsx-runtime"),fl="k-input-inner",lu=[],nu={},gr={type:"text",autocomplete:"off",value:"",placeholder:""},bt=e=>{let{value:t=gr.value,type:o=gr.type,placeholder:a=gr.placeholder,autocomplete:r=gr.autocomplete,disabled:s,readOnly:c,...b}=e;return(0,bs.jsx)("input",{...b,type:o,className:l(e.className,fl,R(fl,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s\|\|void 0,readOnly:c\|\|void 0})};bt.states=lu;bt.options=nu;bt.className=fl;var ha=require("react/jsx-runtime"),Tl="k-input-inner",iu=[],su={},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,Tl,R(Tl,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=iu;yo.options=su;yo.className=Tl;var Ts=require("react/jsx-runtime"),hl="k-input-inner",du=[],cu={},fs={value:"",placeholder:""},xl=e=>{let{value:t=fs.value,placeholder:o=fs.placeholder,rows:a,disabled:r,...s}=e;return(0,Ts.jsx)("textarea",{...s,className:l(e.className,hl,R(hl,e)),placeholder:o,rows:a,defaultValue:t,disabled:r\|\|void 0})};xl.states=du;xl.options=cu;xl.className=hl;var xa=require("react/jsx-runtime"),hs="k-input-loading-icon",pu=[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,hs,"k-icon k-i-loading")})};ot.states=pu;ot.className=hs;var Na=require("react/jsx-runtime"),xs="k-input-validation-icon",mu=[n.valid,n.invalid,n.disabled,n.loading],uu={},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(xs),icon:s})};Ze.states=mu;Ze.options=uu;Ze.className=xs;var ga=require("react/jsx-runtime"),bu="k-input-prefix",fu={direction:"horizontal"},kt=e=>{let{direction:t=fu.direction,...o}=e;return e.children?(0,ga.jsx)("span",{...o,className:l(bu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,ga.jsx)(ga.Fragment,{})};var ka=require("react/jsx-runtime"),Tu="k-input-suffix",hu={direction:"horizontal"},vt=e=>{let{direction:t=hu.direction,...o}=e;return e.children?(0,ka.jsx)("span",{...o,className:l(Tu,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,ka.jsx)(ka.Fragment,{})};var xu=require("react/jsx-runtime");var Ns=require("react/jsx-runtime"),Nu="k-input-suffix-text",Nl=e=>{let{children:t,...o}=e;return(0,Ns.jsx)("span",{...o,className:l(Nu,e.className),children:t})};var ks=require("react/jsx-runtime"),gs="k-input-separator",gu={direction:"vertical"},Lt=e=>{let{direction:t=gu.direction,...o}=e;return(0,ks.jsx)("span",{...o,className:l(gs,e.className,{[`${gs}-${t}`]:t})})};var Ee=require("react/jsx-runtime"),ku=Ce.states,vu=Ce.defaultOptions,Lu=Ce.options,Cu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],yu=[],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,Ee.jsxs)(Ce,{...b,valid:o,invalid:a,loading:r,disabled:s,readonly:c,style:{width:300},children:[f&&(0,Ee.jsxs)(Ee.Fragment,{children:[(0,Ee.jsx)(kt,{children:(0,Ee.jsx)(m,{icon:"lock"})}),T&&(0,Ee.jsx)(Lt,{})]}),(0,Ee.jsx)(bt,{placeholder:"Placeholder",value:"Value"}),C&&(0,Ee.jsx)(Ze,{valid:o,invalid:a,loading:r,disabled:s}),(0,Ee.jsx)(ot,{loading:r,disabled:s}),y&&(0,Ee.jsx)(ut,{loading:r,disabled:s,readonly:c,value:"Value"}),k&&(0,Ee.jsxs)(Ee.Fragment,{children:[T&&(0,Ee.jsx)(Lt,{}),(0,Ee.jsx)(vt,{children:(0,Ee.jsx)(Co,{size:b.size,fillMode:"clear",children:"Send"})})]})]})};va.options=Lu;va.states=ku;va.variants=yu;va.defaultOptions=vu;va.modifiers=Cu;var gl="popup",vs=gl;var kl=require("react/jsx-runtime"),Ls="k-animation-container",Mu=[],Su={},Cs={positionMode:"absolute"},Dt=e=>{let{positionMode:t=Cs.positionMode,animationStyle:o,offset:a,...r}=e;return(0,kl.jsx)("div",{...r,style:{...a,...e.style},className:l(e.className,Ls,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,kl.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Dt.states=Mu;Dt.options=Su;Dt.className=Ls;Dt.defaultOptions=Cs;Dt.moduleName=gl;Dt.folderName=vs;var vl="popup",ys=vl;var Ll=require("react/jsx-runtime"),Ms="k-popup",wu=[],Au={},Ss={positionMode:"absolute"},me=e=>{let{offset:t,positionMode:o=Ss.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:c,...b}=e;return(0,Ll.jsx)(Dt,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":c,children:(0,Ll.jsx)("div",{...b,className:l(e.className,Ms),children:e.children})})};me.states=wu;me.options=Au;me.className=Ms;me.defaultOptions=Ss;me.moduleName=vl;me.folderName=ys;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 Cl="action-buttons",ws=Cl;var As=require("react/jsx-runtime"),kr="k-actions",Eu=[],Ru={},yl={alignment:"start",orientation:"horizontal"},_t=e=>{let{alignment:t=yl.alignment,orientation:o=yl.orientation,...a}=e;return(0,As.jsx)("div",{...a,className:l(kr,{[`${kr}-${t}`]:t,[`${kr}-${o}`]:o},e.className),children:e.children})};_t.states=Eu;_t.options=Ru;_t.className=kr;_t.defaultOptions=yl;_t.moduleName=Cl;_t.folderName=ws;var Rs=require("react/jsx-runtime"),Iu="k-actionsheet-footer",Es={alignment:"stretched",orientation:"horizontal"},uo=e=>{let{alignment:t=Es.alignment,orientation:o=Es.orientation,template:a,as:r=a?"div":_t,...s}=e;return(0,Rs.jsx)(r,{...s,...!a&&{alignment:t,orientation:o},className:l(e.className,Iu),children:e.children})};var Ml="searchbox",Is=Ml;var bo=require("react/jsx-runtime"),Os="k-searchbox",Ou=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Pu={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]},Sl={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=Sl.showIcon,icon:w=Sl.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,Os),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=Ou;Ct.options=Pu;Ct.className=Os;Ct.defaultOptions=Sl;Ct.moduleName=Ml;Ct.folderName=Is;var Hu=require("react/jsx-runtime");var wl="textbox",Ps=wl;var Ve=require("react/jsx-runtime"),Hs="k-textbox",Gu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],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]},vr={showClearButton:!0,showValidationIcon:!0,separators:!0},ne=e=>{let{size:t,rounded:o,fillMode:a,separators:r=vr.separators,showClearButton:s=vr.showClearButton,showValidationIcon:c=vr.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,Hs),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=Gu;ne.options=Ku;ne.className=Hs;ne.defaultOptions=vr;ne.moduleName=wl;ne.folderName=Ps;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 Ks=require("react/jsx-runtime"),Gs=e=>(0,Ks.jsx)(La,{...e});var Bs=require("react/jsx-runtime");var Ds=require("react/jsx-runtime");var Bu=require("react/jsx-runtime");var Lr=require("react/jsx-runtime"),Du=ne.states,_u=ne.defaultOptions,zu=ne.options,Uu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Fu=[],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,Lr.jsx)(m,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,Lr.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,Lr.jsx)(Gs,{value:"Value",style:{width:300},...o,...a})};Ca.options=zu;Ca.states=Du;Ca.variants=Fu;Ca.defaultOptions=_u;Ca.modifiers=Uu;var ft=require("react/jsx-runtime"),_s="k-actionsheet-titlebar",$u={},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,_s),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=_s;je.defaultOptions=$u;var Uo=require("react/jsx-runtime"),Al="k-actionsheet-view",Vu=[],Wu={},Xu={},Fo=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,Uo.jsx)(je,{adaptive:t,titleId:c,...r==null?void 0:r.props}),k=(s==null?void 0:s.type)===uo&&(0,Uo.jsx)(uo,{...s==null?void 0:s.props});return(0,Uo.jsxs)("div",{...b,className:l(e.className,Al,{[`${Al}-animated`]:o}),children:[f,(0,Uo.jsx)("div",{className:"k-actionsheet-content",children:a}),k]})};Fo.states=Vu;Fo.options=Wu;Fo.className=Al;Fo.defaultOptions=Xu;var ya="action-sheet",Cr=ya;var El="overlay",zs=El;var Us=require("react/jsx-runtime"),Rl="k-overlay",Ju=[],qu={themeColor:[x.undefined,x.light,x.dark,x.inverse]},Yu={},fo=e=>{let{themeColor:t,...o}=e;return(0,Us.jsx)("div",{...o,className:l(e.className,Rl,R(Rl,{themeColor:t})),children:e.children})};fo.states=Ju;fo.options=qu;fo.className=Rl;fo.defaultOptions=Yu;fo.moduleName=El;fo.folderName=zs;var Mo=require("react/jsx-runtime"),Fs="k-actionsheet",Qu=[],Zu={},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,Fs,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|(0,Mo.jsx)(Fo,{header:b,footer:f,adaptive:a,titleId:C,...e,children:c})})})]})};ge.states=Qu;ge.options=Zu;ge.className=Fs;ge.defaultOptions=Ma;ge.moduleName=ya;ge.folderName=Cr;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 Vs=require("react/jsx-runtime"),$s="k-actionsheet-container",ju=[],eb={},tb={},$o=e=>{let{children:t,...o}=e;return(0,Vs.jsx)("div",{...o,className:$s,children:t})};$o.states=ju;$o.options=eb;$o.className=$s;$o.defaultOptions=tb;$o.moduleName=ya;$o.folderName=Cr;var Ws=require("react/jsx-runtime"),Il=e=>{let{...t}=e;return(0,Ws.jsx)("div",{...t,className:l(e.className,"k-list-ul"),children:e.children})};var yt=require("react/jsx-runtime"),Ol="k-actionsheet-item",ob=[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,Ol,H(Ol,{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=ob;To.className=Ol;var Xs=require("react/jsx-runtime");var ab=require("react/jsx-runtime");var rb=require("react/jsx-runtime");var lb=require("react/jsx-runtime");var fe=require("react/jsx-runtime"),nb=ge.options,ib=ge.states,qs={...ge.defaultOptions,variant:"normal"},sb=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],db=[{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}={...qs,...e},r={},s=(0,fe.jsxs)(Il,{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=nb;Sa.states=ib;Sa.variants=sb;Sa.defaultOptions=qs;Sa.modifiers=db;var Mr=mi(require("react"));var Pl=require("react/jsx-runtime"),cb="k-list-group-sticky-header",Hl=e=>(0,Pl.jsx)("div",{className:l(cb,e.className),children:(0,Pl.jsx)("div",{className:"k-list-header-text",children:e.children})});var Ys=require("react/jsx-runtime"),pb="k-no-data",yr=e=>{let{live:t,...o}=e;return(0,Ys.jsx)("span",{...o,className:l(pb,e.className),"aria-live":t?"polite":void 0,children:e.children})};var So="list",Vo=So;var Wo=require("react/jsx-runtime"),Gl="k-list",mb=[],ub={size:[d.undefined,d.small,d.medium,d.large]},bb={},j=e=>{var A;let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:c,noData:b,screenReaders:f,...k}=e,C=Mr.default.Children.toArray(a)[0],T=(A=C==null?void 0:C.props)!=null&&A.children?Mr.default.Children.count(C.props.children):Mr.default.Children.count(a);return(0,Wo.jsxs)("div",{...k,className:l(e.className,Gl,R(Gl,{size:t}),{"k-virtual-list":o}),children:[s,c,r&&(0,Wo.jsx)(Hl,{children:r}),a\|\|(b!==void 0?b:(0,Wo.jsx)(yr,{live:!0,children:"No data found."})),f&&a&&(0,Wo.jsxs)(yr,{className:"k-sr-only",live:!0,children:[T," items found."]})]})};j.states=mb;j.options=ub;j.className=Gl;j.defaultOptions=bb;j.moduleName=So;j.folderName=Vo;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 Zs=require("react/jsx-runtime"),Qs="k-list-container",fb=[],Tb={},hb={},Xo=e=>{let{...t}=e;return(0,Zs.jsx)("div",{...t,className:l(e.className,Qs),children:e.children})};Xo.states=fb;Xo.options=Tb;Xo.className=Qs;Xo.defaultOptions=hb;Xo.moduleName=So;Xo.folderName=Vo;var wo="checkbox",Jo=wo;var Kl=require("react/jsx-runtime"),Sr="k-checkbox",xb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Nb={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full]},gb={},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,Kl.jsx)("span",{className:"k-checkbox-wrap",children:(0,Kl.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,Sr,R(Sr,{size:y,rounded:C}),H(Sr,{hover:r,focus:s,disabled:c,invalid:b,valid:f,indeterminate:a,checked:o}))})})};at.states=xb;at.options=Nb;at.className=Sr;at.defaultOptions=gb;at.moduleName=wo;at.folderName=Jo;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 td=require("react/jsx-runtime"),js="k-checkbox-list",kb=[],vb={},ed={layout:"vertical"},rt=e=>{let{layout:t=ed.layout,...o}=e;return(0,td.jsx)("ul",{...o,className:l(e.className,js,{[`k-list-${t}`]:t}),children:e.children})};rt.states=kb;rt.options=vb;rt.className=js;rt.defaultOptions=ed;rt.moduleName=wo;rt.folderName=Jo;var ad=require("react/jsx-runtime"),od="k-checkbox-list-item",Lb=[],Cb={},yb={},et=e=>{let{...t}=e;return(0,ad.jsx)("li",{...t,className:l(e.className,od),children:e.children})};et.states=Lb;et.options=Cb;et.className=od;et.defaultOptions=yb;et.moduleName=wo;et.folderName=Jo;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 Bl=require("react/jsx-runtime");var Dl=require("react/jsx-runtime");var _l=require("react/jsx-runtime");var Mb=require("react/jsx-runtime");var Sb=require("react/jsx-runtime");var wb=require("react/jsx-runtime");var We=require("react/jsx-runtime"),Ab=rt.options,Eb=rt.states,Rb={...rt.defaultOptions,variant:"vertical"},Ib=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Ob=[],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=Ab;wa.states=Eb;wa.variants=Ib;wa.defaultOptions=Rb;wa.modifiers=Ob;var rd=require("react/jsx-runtime"),Pb=zt.options,Hb=zt.states,Gb=zt.defaultOptions,Kb=[],Bb=[],Aa=e=>(0,rd.jsx)(Qt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});Aa.options=Pb;Aa.states=Hb;Aa.variants=Kb;Aa.defaultOptions=Gb;Aa.modifiers=Bb;var Ut=require("react/jsx-runtime"),zl="k-list-item",Db=[n.hover,n.focus,n.selected,n.disabled],_b={},zb={},$=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":zl,H(zl,{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=Db;$.options=_b;$.className=zl;$.defaultOptions=zb;$.moduleName=So;$.folderName=Vo;$.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 ld=require("react/jsx-runtime"),Ub="k-list-ul",Zt=e=>{let{children:t,role:o,id:a,...r}=e;return(0,ld.jsx)("ul",{...r,id:a,role:o,className:l(Ub,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 qo=require("react/jsx-runtime"),Fb="k-list-content",se=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...c}=e;return(0,qo.jsxs)("div",{...c,className:l(Fb,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,qo.jsx)(Zt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&(0,qo.jsx)("div",{className:"k-height-container",children:(0,qo.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 Ul=require("react/jsx-runtime");var Yo=require("react/jsx-runtime"),$b="k-list-group-item",Eo=e=>{let{groupIconName:t,...o}=e;return(0,Yo.jsxs)("li",{...o,role:"presentation",className:l($b,e.className),children:[t&&(0,Yo.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Yo.jsx)(m,{icon:t,className:"k-list-item-icon"})}),(0,Yo.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 nd=require("react/jsx-runtime"),Fl="k-list-optionlabel",Vb=[n.hover,n.focus,n.selected,n.disabled],Wb={},Xb={},wr=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...c}=e;return(0,nd.jsx)("div",{...c,className:l(Fl,H(Fl,{hover:o,focus:a,selected:r,disabled:s})),children:t})};wr.states=Vb;wr.options=Wb;wr.className=Fl;wr.defaultOptions=Xb;var id=require("react/jsx-runtime"),$l="k-list-custom-value",Jb=[n.hover,n.focus,n.selected,n.disabled],qb={},Yb={},ho=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})};ho.states=Jb;ho.options=qb;ho.className=$l;ho.defaultOptions=Yb;var Vl=require("react/jsx-runtime");var Wl=require("react/jsx-runtime");var Xl=require("react/jsx-runtime");var Jl=require("react/jsx-runtime");var Qb=require("react/jsx-runtime");var ql=require("react/jsx-runtime");var sd="dropdown-list",dd="dropdownlist";var Te=require("react/jsx-runtime"),cd="k-dropdownlist",Zb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],jb={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]},Yl={showValue:!0,arrowIconName:"caret-alt-down"},ie=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=Yl.arrowIconName,showValue:s=Yl.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:Do,adaptiveFilter:Yr,...sr}=e;return(0,Te.jsxs)(Te.Fragment,{children:[(0,Te.jsxs)(Bt,{...sr,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,cd,{"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:Yr,inputValue:k,inputPlaceholder:y,title:pt,subtitle:Do}),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=Zb;ie.options=jb;ie.className=cd;ie.defaultOptions=Yl;ie.moduleName=sd;ie.folderName=dd;var ef=require("react/jsx-runtime");var pd=require("react/jsx-runtime");var Ql=require("react/jsx-runtime");var tf=require("react/jsx-runtime");var md=require("react/jsx-runtime");var Zl=require("react/jsx-runtime");var lt=require("react/jsx-runtime"),of=ie.states,af=ie.defaultOptions,rf=ie.options,lf=[{name:"opened",title:"Opened"}],nf=[],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=rf;Ra.states=of;Ra.variants=nf;Ra.defaultOptions=af;Ra.modifiers=lf;var Ia=require("react/jsx-runtime"),ud="k-spin-button",cf=[],pf={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link]},jl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},xo=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=jl.increaseLabel,decreaseLabel:s=jl.decreaseLabel,...c}=e;return(0,Ia.jsxs)("span",{...c,className:l(ud,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=cf;xo.options=pf;xo.className=ud;xo.defaultOptions=jl;xo.moduleName=null;xo.folderName=null;var bd="numeric-textbox",fd="numerictextbox";var Ie=require("react/jsx-runtime"),Td="k-numerictextbox",mf=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],uf={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Ar={showSpinButton:!0,showClearButton:!0,separators:!0},W=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ar.separators,showClearButton:s=Ar.showClearButton,showSpinButton:c=Ar.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,Ie.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,Td),children:[b&&(0,Ie.jsxs)(Ie.Fragment,{children:[(0,Ie.jsx)(kt,{children:b}),r&&(0,Ie.jsx)(Lt,{})]}),(0,Ie.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,Ie.jsx)(Ze,{valid:A,invalid:w,loading:_,disabled:D}),(0,Ie.jsx)(ot,{loading:_,disabled:D}),s&&(0,Ie.jsx)(ut,{loading:_,disabled:D,readonly:V,value:k}),f&&(0,Ie.jsxs)(Ie.Fragment,{children:[r&&(0,Ie.jsx)(Lt,{}),(0,Ie.jsx)(vt,{children:f})]}),c&&(0,Ie.jsx)(xo,{className:"k-input-spinner",size:t,fillMode:a,disabled:D})]})};W.states=mf;W.options=uf;W.className=Td;W.defaultOptions=Ar;W.moduleName=bd;W.folderName=fd;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 xd=require("react/jsx-runtime"),hd=e=>(0,xd.jsx)(Oa,{...e});var Nd=require("react/jsx-runtime");var gd=require("react/jsx-runtime");var bf=require("react/jsx-runtime");var Er=require("react/jsx-runtime"),ff=W.states,Tf=W.defaultOptions,hf=W.options,xf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Nf=[],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,Er.jsx)(ie,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,Er.jsx)(Nl,{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,Er.jsx)(hd,{value:"Value",style:{width:300},...o,...a})};Pa.options=hf;Pa.states=ff;Pa.variants=Nf;Pa.defaultOptions=Tf;Pa.modifiers=xf;var en="pager",kd=en;var de=require("react/jsx-runtime"),Rr="k-pager",gf=[n.focus,n.disabled],kf={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,Rr,R(Rr,{size:o}),H(Rr,{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=gf;Ne.options=kf;Ne.className=Rr;Ne.defaultOptions=Tt;Ne.moduleName=en;Ne.folderName=kd;var vf=require("react/jsx-runtime");var Lf=require("react/jsx-runtime");var Cf=require("react/jsx-runtime");var tn=require("react/jsx-runtime"),yf=Ne.options,Mf=Ne.states,Sf={...Ne.defaultOptions,variant:"numeric"},wf=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Af=[],Ha=e=>{let{variant:t,...o}=e;return t==="input"?(0,tn.jsx)(Ne,{...o,type:"input"}):(0,tn.jsx)(Ne,{...o,type:"numeric"})};Ha.options=yf;Ha.states=Mf;Ha.variants=wf;Ha.defaultOptions=Sf;Ha.modifiers=Af;var Ld=require("react/jsx-runtime"),vd="k-grid-pager",Ft=e=>(0,Ld.jsx)(Ne,{...e,className:l(e.className,vd),children:e.children});Ft.className=vd;Ft.moduleName=te;Ft.folderName=ae;var on="button",Cd=on;var yd=require("react/jsx-runtime"),Ga="k-button-group",Ef=[n.disabled],Rf={fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link]},If={},F=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return(0,yd.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=Ef;F.options=Rf;F.className=Ga;F.defaultOptions=If;F.moduleName=on;F.folderName=Cd;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 an=require("react/jsx-runtime");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 nt=require("react/jsx-runtime"),Of={...p.options,...F.options},Pf=p.states,Hf={...p.defaultOptions,...F.defaultOptions,variant:"text-button"},Gf=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Kf=[],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=Of;Ka.states=Pf;Ka.variants=Gf;Ka.defaultOptions=Hf;Ka.modifiers=Kf;var Ba=require("react/jsx-runtime"),Md="k-color-preview",Bf=[],Df={},No=e=>{let{color:t,iconName:o,...a}=e;return(0,Ba.jsxs)("span",{...a,className:l(e.className,Md,{"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=Bf;No.options=Df;No.className=Md;var cn="slider",Sd=cn;var Ot=require("react/jsx-runtime"),Da="k-slider",_f=[n.hover,n.focus,n.active,n.disabled,n.readonly],zf={},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=_f;ue.options=zf;ue.className=Da;ue.defaultOptions=St;ue.moduleName=cn;ue.folderName=Sd;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 pn=require("react/jsx-runtime"),wd="k-tick",Uf=[],Ff={},Ad={label:!1},z=e=>{let{style:t,label:o=Ad.label,orientation:a,large:r,text:s,...c}=e;return(0,pn.jsx)("li",{...c,className:l(e.className,wd,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&(0,pn.jsx)("span",{className:"k-label",children:s})})};z.states=Uf;z.options=Ff;z.className=wd;z.defaultOptions=Ad;var Oe=require("react/jsx-runtime"),Ed=e=>(0,Oe.jsx)(ue,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,Oe.jsxs)(Oe.Fragment,{children:[(0,Oe.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{label:!0,large:!0,text:"5"}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Pe=require("react/jsx-runtime"),Rd=e=>(0,Pe.jsx)(ue,{children:(0,Pe.jsxs)(Pe.Fragment,{children:[(0,Pe.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Pe.jsx)(z,{}),(0,Pe.jsx)(z,{}),(0,Pe.jsx)(z,{}),(0,Pe.jsx)(z,{}),(0,Pe.jsx)(z,{label:!0,large:!0,text:"5"}),(0,Pe.jsx)(z,{}),(0,Pe.jsx)(z,{}),(0,Pe.jsx)(z,{}),(0,Pe.jsx)(z,{}),(0,Pe.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var mn=require("react/jsx-runtime");var un=require("react/jsx-runtime");var Id=require("react/jsx-runtime"),bn=e=>(0,Id.jsx)(ue,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Od=require("react/jsx-runtime"),fn=e=>(0,Od.jsx)(ue,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Tn=require("react/jsx-runtime");var hn=require("react/jsx-runtime");var it=require("react/jsx-runtime"),$f=ue.options,Vf=ue.states,Pd={...ue.defaultOptions,variant:"horizontal",label:!0},Wf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Xf=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],_a=e=>{let{variant:t,modifiers:o,...a}={...Pd,...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)(Rd,{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)(Ed,{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=$f;_a.states=Vf;_a.variants=Wf;_a.defaultOptions=Pd;_a.modifiers=Xf;var I=require("react/jsx-runtime"),Hd="k-colorgradient-inputs",Jf=[],qf={size:[d.undefined,d.small,d.medium,d.large]},Gd={mode:"rgba"},Qo=e=>{let{mode:t=Gd.mode,size:o,...a}=e;return(0,I.jsxs)("div",{...a,className:l(Hd,"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"})]})})]})};Qo.states=Jf;Qo.options=qf;Qo.className=Hd;Qo.defaultOptions=Gd;var Xe=require("react/jsx-runtime"),Kd="k-colorgradient-color-contrast",Yf=[],Qf={},Zf={},Zo=()=>(0,Xe.jsxs)("div",{className:l(Kd,"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"})]})]})]});Zo.states=Yf;Zo.options=Qf;Zo.className=Kd;Zo.defaultOptions=Zf;var Bd="color-gradient",Dd="colorgradient";var ye=require("react/jsx-runtime"),Ir="k-colorgradient",jf=[n.hover,n.focus,n.readonly,n.disabled],eT={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"},He=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,Ir,R(Ir,{size:t}),H(Ir,{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)(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: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)(bn,{className:"k-hue-slider",hover:A,focus:w}),o!=="rgb"&&o!=="hsv"&&(0,ye.jsx)(bn,{className:"k-alpha-slider",hover:A,focus:w,trackStyle:f})]})]}),(0,ye.jsx)(Qo,{mode:e.mode,size:t}),k&&(0,ye.jsx)(Zo,{})]})};He.states=jf;He.options=eT;He.className=Ir;He.defaultOptions=$t;He.moduleName=Bd;He.folderName=Dd;He.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 _d=require("react/jsx-runtime"),Or=e=>(0,_d.jsx)(He,{...e});var tT=require("react/jsx-runtime");var oT=require("react/jsx-runtime");var Pr=require("react/jsx-runtime"),aT=He.options,rT=He.states,lT={...He.defaultOptions,variant:"rgba"},nT=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],iT=[],za=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,Pr.jsx)(Or,{...o,mode:t});case"rgb":return(0,Pr.jsx)(Or,{...o,mode:t});default:return(0,Pr.jsx)(Or,{...o,mode:t})}};za.options=aT;za.states=rT;za.variants=nT;za.defaultOptions=lT;za.modifiers=iT;var zd=require("react/jsx-runtime"),xn=e=>(0,zd.jsx)("tr",{role:"row",children:e.children});var Ud=require("react/jsx-runtime"),Nn="k-colorpalette-tile",sT=[n.hover,n.focus,n.selected],dT={},jo=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,Ud.jsx)("td",{...c,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:l(e.className,Nn,H(Nn,{hover:a,focus:r,selected:s})),style:b})};jo.states=sT;jo.options=dT;jo.className=Nn;var Fd="color-palette",$d="colorpalette";var ea=require("react/jsx-runtime"),Hr="k-colorpalette",cT=[n.disabled],pT={size:[d.undefined,d.small,d.medium,d.large]},Vd={columns:10},st=e=>{let{size:t,palette:o,columns:a=Vd.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,ea.jsx)(jo,{color:w,tileSize:r},P))});let A=(0,ea.jsx)(xn,{children:T},C);b.push(A)})}return(0,ea.jsx)("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:l(e.className,Hr,H(Hr,{disabled:s}),R(Hr,{size:t})),children:(0,ea.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,ea.jsx)("tbody",{children:b.length>0?b:e.children})})})};st.states=cT;st.options=pT;st.className=Hr;st.defaultOptions=Vd;st.moduleName=Fd;st.folderName=$d;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 Gr=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 Xd=require("react/jsx-runtime"),Wd=e=>(0,Xd.jsx)(Gr,{palette:Ua.basic,...e});var mT=require("react/jsx-runtime");var Jd=require("react/jsx-runtime");var qd=require("react/jsx-runtime"),uT=st.options,bT=st.states,fT={...st.defaultOptions,variant:"basic"},TT=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],hT={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}},xT=[],Fa=e=>{let{variant:t="basic",...o}=e,a=hT[t];return(0,qd.jsx)(Wd,{columns:a.columns,palette:a,...o})};Fa.options=uT;Fa.states=bT;Fa.variants=TT;Fa.defaultOptions=fT;Fa.modifiers=xT;var Yd="color-editor",Qd="coloreditor";var ke=require("react/jsx-runtime"),Kr="k-coloreditor",NT=[n.focus],gT={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",Kr,R(Kr,{size:t}),H(Kr,{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)(He,{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=NT;ve.options=gT;ve.className=Kr;ve.defaultOptions=$a;ve.moduleName=Yd;ve.folderName=Qd;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 ta=ve;var kT=require("react/jsx-runtime");var vT=require("react/jsx-runtime");var jd=require("react/jsx-runtime"),Zd=e=>(0,jd.jsx)(ta,{group:!0,currentColor:"fuchsia",...e});var tc=require("react/jsx-runtime"),ec=e=>(0,tc.jsx)(ta,{view:"palette",group:!0,currentColor:"fuchsia",...e});var gn=require("react/jsx-runtime"),LT=ve.options,CT=ve.states,yT={...ve.defaultOptions,variant:"gradient"},MT=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],ST=[],Va=e=>{let{variant:t,...o}=e;return t==="palette"?(0,gn.jsx)(ec,{...o,color:"white"}):(0,gn.jsx)(Zd,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Va.options=LT;Va.states=CT;Va.variants=MT;Va.defaultOptions=yT;Va.modifiers=ST;var oc="color-picker",ac="colorpicker";var Me=require("react/jsx-runtime"),rc="k-colorpicker",wT=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],AT={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]},lc={arrowIconName:"caret-alt-down"},ht=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=lc.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,rc,"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=wT;ht.options=AT;ht.className=rc;ht.defaultOptions=lc;ht.moduleName=oc;ht.folderName=ac;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 nc=require("react/jsx-runtime"),Br=e=>(0,nc.jsx)(go,{...e});var ET=require("react/jsx-runtime");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 ko=require("react/jsx-runtime"),GT=go.options,KT=go.states,ic={...go.defaultOptions,variant:"color"},BT=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],DT=[{name:"opened",title:"Opened"}],Wa=e=>{let{variant:t,modifiers:o,...a}={...ic,...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)(Br,{...a,...r})});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,...r})});default:return(0,ko.jsx)("div",{style:s,children:(0,ko.jsx)(Br,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};Wa.options=GT;Wa.states=KT;Wa.variants=BT;Wa.defaultOptions=ic;Wa.modifiers=DT;var kn="combobox",sc=kn;var le=require("react/jsx-runtime"),dc="k-combobox",_T=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],zT={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]},cc={separators:!0},tt=e=>{let{size:t,rounded:o,fillMode:a,separators:r=cc.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:Do,autocomplete:Yr,activeDescendant:sr,"aria-label":Bp,...Dp}=e,_p=Do?`${Do}-listbox`:void 0;return(0,le.jsxs)(le.Fragment,{children:[(0,le.jsxs)(Ce,{...Dp,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,dc),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?_p:void 0,"aria-activedescendant":D&&sr?sr:void 0,"aria-autocomplete":Yr,"aria-invalid":T?"true":void 0,"aria-busy":w?"true":void 0,"aria-label":Bp,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: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)(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=_T;tt.options=zT;tt.className=dc;tt.defaultOptions=cc;tt.moduleName=kn;tt.folderName=sc;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 mc=require("react/jsx-runtime"),pc=e=>(0,mc.jsx)(xt,{...e});var uc=require("react/jsx-runtime");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 vn=require("react/jsx-runtime");var UT=require("react/jsx-runtime");var FT=require("react/jsx-runtime");var Nc=require("react/jsx-runtime");var gc=require("react/jsx-runtime");var Pt=require("react/jsx-runtime"),$T=tt.states,VT=tt.defaultOptions,WT=tt.options,XT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],JT=[],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)(pc,{value:"Value",style:{width:300},...o,...a})})};Xa.options=WT;Xa.states=$T;Xa.variants=JT;Xa.defaultOptions=VT;Xa.modifiers=XT;var Ln="menu-button",kc=Ln;var Lc=require("react/jsx-runtime"),vc="k-menu-button",qT=[n.hover,n.focus,n.active,n.selected,n.disabled],YT={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]},Cn={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=Cn.showArrow,arrowIconName:A=Cn.arrowIconName,expanded:w,...P}=e;return(0,Lc.jsx)(p,{...P,className:l(e.className,vc),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=qT;ce.options=YT;ce.className=vc;ce.defaultOptions=Cn;ce.moduleName=Ln;ce.folderName=kc;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 QT=require("react/jsx-runtime");var ZT=require("react/jsx-runtime");var jT=require("react/jsx-runtime");var Nt="menu",wt=Nt;var jt=require("react/jsx-runtime"),yn="k-menu-item",eh=[n.hover,n.focus,n.active,n.selected,n.disabled],th={},Cc={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=Cc.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,yn,"k-item",H(yn,{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=eh;Je.options=th;Je.className=yn;Je.defaultOptions=Cc;Je.moduleName=Nt;Je.folderName=wt;var eo=require("react/jsx-runtime"),Mn="k-menu-item",oh=[n.hover,n.focus,n.active,n.selected,n.disabled],ah={},Sn={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=Sn.iconPosition,dir:A=Sn.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,Mn,"k-item",H(Mn,{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=oh;he.options=ah;he.className=Mn;he.defaultOptions=Sn;he.moduleName=Nt;he.folderName=wt;var Sc=require("react/jsx-runtime"),yc="k-menu-scroll-wrapper",rh=[],lh={},nh={},Ro=e=>{let{className:t,children:o,orientation:a,...r}=e;return(0,Sc.jsx)("div",{...r,className:l(t,yc,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Ro.states=rh;Ro.options=lh;Ro.className=yc;Ro.defaultOptions=nh;Ro.moduleName=Nt;Ro.folderName=wt;var Mc=Ro;var Ge=require("react/jsx-runtime"),wn="k-menu",ih=[],sh={},_r={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ke=e=>{let{children:t,orientation:o=_r.orientation,header:a=_r.header,scrollable:r,scrollButtonsPosition:s=_r.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,Ge.jsx)("ul",{dir:b,...y,className:l(e.className,"k-reset",wn,{[`${wn}-${o}`]:o,"k-header":a}),role:k?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Ge.jsxs)(Ge.Fragment,{children:[r?(0,Ge.jsxs)(Mc,{orientation:o,style:c,dir:e.dir,children:[s==="start"&&(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.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,Ge.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,Ge.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,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.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,Ge.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,Ge.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]})};Ke.states=ih;Ke.options=sh;Ke.className=wn;Ke.defaultOptions=_r;Ke.moduleName=Nt;Ke.folderName=wt;Ke.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 Ac=require("react/jsx-runtime"),An="k-separator",wc={orientation:"horizontal"},oa=e=>{let{orientation:t=wc.orientation,...o}=e;return(0,Ac.jsx)("li",{...o,className:l(e.className,"k-item",An,{[`${An}-${t}`]:t}),role:"separator"})};oa.className=An;oa.defaultOptions=wc;oa.moduleName=Nt;oa.folderName=wt;var Ec=require("react/jsx-runtime");var Rc=require("react/jsx-runtime"),En="k-menu-group",dh=[],ch={size:[d.undefined,d.small,d.medium,d.large]},ph={},qe=e=>{let{children:t,size:o,...a}=e;return(0,Rc.jsx)("ul",{...a,className:l(e.className,En,R(En,{size:o})),role:"menu",children:t})};qe.states=dh;qe.options=ch;qe.className=En;qe.defaultOptions=ph;qe.moduleName=Nt;qe.folderName=wt;var Ht=require("react/jsx-runtime"),Rn=e=>(0,Ht.jsx)(Ke,{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 In=require("react/jsx-runtime");var On=require("react/jsx-runtime");var Pn=require("react/jsx-runtime");var Hn=require("react/jsx-runtime");var Vt=require("react/jsx-runtime"),mh=Ke.options,uh=Ke.states,Ic={...Ke.defaultOptions,variant:"horizontal"},bh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],fh=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ja=e=>{let{variant:t,modifiers:o,...a}={...Ic,...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)(oa,{}),(0,Vt.jsx)(he,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Vt.jsx)(Rn,{...a,...r,orientation:"vertical",style:{width:"200px"}}):(0,Vt.jsx)(Rn,{...a,...r})};Ja.options=mh;Ja.states=uh;Ja.variants=bh;Ja.defaultOptions=Ic;Ja.modifiers=fh;var Gn=require("react/jsx-runtime");var Th=require("react/jsx-runtime");var Ye=require("react/jsx-runtime"),hh=p.states,Oc={...p.defaultOptions,variant:"text"},xh=p.options,Nh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],gh=[{name:"opened",title:"Opened"}],qa=e=>{let{variant:t,modifiers:o,...a}={...Oc,...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=xh;qa.states=hh;qa.variants=Nh;qa.defaultOptions=Oc;qa.modifiers=gh;var Kn="split-button",Pc=Kn;var to=require("react/jsx-runtime"),Bn="k-split-button",kh=[n.hover,n.focus,n.active,n.selected,n.disabled],vh={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]},Hc={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=Hc.arrowIconName,popup:A,opened:w,popupId:P,..._}=e;return(0,to.jsxs)(to.Fragment,{children:[(0,to.jsxs)("div",{..._,className:l(e.className,Bn,"k-button-group",R(Bn,{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=kh;ee.options=vh;ee.className=Bn;ee.defaultOptions=Hc;ee.moduleName=Kn;ee.folderName=Pc;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 Dn=ee;var Gc=require("react/jsx-runtime"),Lh="k-toolbar-separator",Gt=e=>(0,Gc.jsx)("div",{className:l(Lh,e.className,"k-separator")});var oo="toolbar",vo=oo;var U=require("react/jsx-runtime"),ao="k-toolbar",Ch=[n.focus],yh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.outline,v.flat]},Mh={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===Dn)w.push((0,U.jsx)(Dn,{...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=Ch;pe.options=yh;pe.className=ao;pe.defaultOptions=Mh;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 Bc=require("react/jsx-runtime"),Kc="k-floating-toolbar",Sh=[],wh={},Ah={},aa=e=>{let{...t}=e;return(0,Bc.jsx)("div",{...t,className:l(e.className,Kc),children:e.children})};aa.states=Sh;aa.options=wh;aa.className=Kc;aa.defaultOptions=Ah;aa.moduleName=oo;aa.folderName=vo;var Dc=require("react/jsx-runtime"),_n="k-toolbar-item",Eh=[n.focus],Rh={},Ih={},ra=e=>{let{focus:t,...o}=e;return(0,Dc.jsx)("div",{...o,className:l(e.className,_n,H(_n,{focus:t})),children:e.children})};ra.states=Eh;ra.options=Rh;ra.className=_n;ra.defaultOptions=Ih;ra.moduleName=oo;ra.folderName=vo;var zn=require("react/jsx-runtime"),_c="k-toolbar-popup",Oh=[],Ph={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.outline,v.flat]},Hh={},Io=e=>{let{size:t,fillMode:o,section:a,...r}=e;return(0,zn.jsx)(me,{...r,className:l(e.className,_c),children:a?(0,zn.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=Oh;Io.options=Ph;Io.className=_c;Io.defaultOptions=Hh;Io.moduleName=oo;Io.folderName=vo;var zr=Io;var Gh=require("react/jsx-runtime");var Kh=require("react/jsx-runtime");var Bh=require("react/jsx-runtime");var zc=require("react/jsx-runtime");var Dh=require("react/jsx-runtime");var At=require("react/jsx-runtime"),_h=ee.states,Uc={...ee.defaultOptions,variant:"text"},zh=ee.options,Uh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Fh=[{name:"opened",title:"Opened"}],Ya=e=>{let{variant:t,modifiers:o,...a}={...Uc,...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=zh;Ya.states=_h;Ya.variants=Uh;Ya.defaultOptions=Uc;Ya.modifiers=Fh;var Wt=require("react/jsx-runtime"),Fc=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 $c=require("react/jsx-runtime");var Be=require("react/jsx-runtime"),Vc=e=>(0,Be.jsx)(pe,{scrollable:!0,...e,children:[(0,Be.jsx)(p,{children:"Button"},"toolbar-button"),(0,Be.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,Be.jsx)(ee,{children:"Split button"},"toolbar-split-button"),(0,Be.jsxs)(F,{children:[(0,Be.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Be.jsx)(p,{icon:"align-center",children:"Center"}),(0,Be.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Be.jsx)(p,{children:"Button"},"toolbar-button"),(0,Be.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,Be.jsx)(ee,{children:"Split button"},"toolbar-split-button"),(0,Be.jsxs)(F,{children:[(0,Be.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Be.jsx)(p,{icon:"align-center",children:"Center"}),(0,Be.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var De=require("react/jsx-runtime"),Wc=({scrollingPosition:e="start",...t})=>(0,De.jsx)(pe,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,De.jsx)(p,{children:"Button"},"toolbar-button"),(0,De.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,De.jsx)(ee,{children:"Split button"},"toolbar-split-button"),(0,De.jsxs)(F,{children:[(0,De.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,De.jsx)(p,{icon:"align-center",children:"Center"}),(0,De.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,De.jsx)(p,{children:"Button"},"toolbar-button"),(0,De.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,De.jsx)(ee,{children:"Split button"},"toolbar-split-button"),(0,De.jsxs)(F,{children:[(0,De.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,De.jsx)(p,{icon:"align-center",children:"Center"}),(0,De.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var xe=require("react/jsx-runtime"),Xc=({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)(zr,{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 Un=require("react/jsx-runtime");var Fn=require("react/jsx-runtime");var ro=require("react/jsx-runtime"),$h=pe.options,Vh=pe.states,Jc={...pe.defaultOptions,variant:"default"},Wh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Xh=[],Qa=e=>{let{variant:t,...o}={...Jc,...e};switch(t){case"responsive":return(0,ro.jsx)("div",{children:(0,ro.jsx)(Xc,{style:{width:"583px"},...o})});case"overlay":return(0,ro.jsx)("div",{children:(0,ro.jsx)(Wc,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,ro.jsx)("div",{children:(0,ro.jsx)(Vc,{style:{width:"583px"},...o})});default:return(0,ro.jsx)("div",{children:(0,ro.jsx)(Fc,{style:{width:"583px"},...o})})}};Qa.options=$h;Qa.states=Vh;Qa.variants=Wh;Qa.defaultOptions=Jc;Qa.modifiers=Xh;var Yc=require("react/jsx-runtime"),qc="k-grid-toolbar",Kt=e=>(0,Yc.jsx)(pe,{...e,className:l(e.className,qc),children:e.children});Kt.className=qc;Kt.moduleName=te;Kt.folderName=ae;var la=require("react/jsx-runtime"),$n="k-grid-stack-cell",Jh=[n.focus,n.selected],Ur=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:r,dirty:s,focus:c,selected:b,...f}=e;return(0,la.jsxs)("div",{...f,className:l(e.className,$n,{"k-grid-stack-edit-cell":a,"k-command-cell":r,"k-dirty-cell":s},H($n,{focus:c,selected:b})),children:[s&&(0,la.jsx)("span",{className:"k-dirty"}),t&&(0,la.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,la.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};Ur.states=Jh;Ur.className=$n;Ur.moduleName=te;Ur.folderName=ae;var Zc=require("react/jsx-runtime"),Qc="k-grid-stack-row",Fr=e=>{let{cols:t,...o}=e;return(0,Zc.jsx)("div",{...o,className:l(e.className,Qc,{[`k-grid-cols-${t}`]:t}),children:e.children})};Fr.className=Qc;Fr.moduleName=te;Fr.folderName=ae;var Vn=require("react/jsx-runtime");var Wn=require("react/jsx-runtime");var Xn=require("react/jsx-runtime");var g=require("react/jsx-runtime"),jc=({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"),qh="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,qh,`k-chip-${t}-action`),children:a})};var Jn="avatar",ep=Jn;var Yn=require("react/jsx-runtime"),ja="k-avatar";var Yh=[n.hover,n.focus,n.active,n.selected,n.disabled],Qh={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:r,type:s=qn.type,border:c=qn.border,...b}=e;return(0,Yn.jsx)("div",{...b,className:l(e.className,ja,R(ja,{size:t,rounded:o,fillMode:a,themeColor:r}),{[`${ja}-bordered`]:c}),children:(0,Yn.jsx)("span",{className:`${ja}-${s}`,children:e.children})})};dt.states=Yh;dt.options=Qh;dt.className=ja;dt.defaultOptions=qn;dt.moduleName=Jn;dt.folderName=ep;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 op=require("react/jsx-runtime"),tp=e=>(0,op.jsx)(Oo,{type:"icon",...e});var rp=require("react/jsx-runtime"),ap=e=>(0,rp.jsx)(Oo,{type:"text",...e});var np=require("react/jsx-runtime"),lp=e=>(0,np.jsx)(Oo,{type:"image",...e});var Zh=require("react/jsx-runtime");var na=require("react/jsx-runtime"),jh=dt.options,ex=dt.states,tx={...dt.defaultOptions,variant:"image"},ox=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],ax=[],er=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,na.jsx)(tp,{...o,children:(0,na.jsx)(m,{icon:"star"})});case"text":return(0,na.jsx)(ap,{...o,children:"JO"});default:return(0,na.jsx)(lp,{...o,children:(0,na.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};er.options=jh;er.states=ex;er.variants=ox;er.defaultOptions=tx;er.modifiers=ax;var tr="chip",$r=tr;var lo=require("react/jsx-runtime"),Vr="k-chip",rx=[n.hover,n.focus,n.active,n.selected,n.disabled],lx={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]},ip={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=ip.avatarImage,hover:y,focus:C,active:T,selected:A,disabled:w,...P}=e;return(0,lo.jsxs)("div",{...P,className:l(e.className,Vr,R(Vr,{size:t,rounded:o,fillMode:a,themeColor:r}),H(Vr,{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=rx;we.options=lx;we.className=Vr;we.defaultOptions=ip;we.moduleName=tr;we.folderName=$r;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 sp=require("react/jsx-runtime"),Qn="k-chip-list",nx=[],ix={size:[d.undefined,d.small,d.medium,d.large]},sx={},Ae=e=>{let{size:t,multiselectable:o,ariaLabel:a,...r}=e;return(0,sp.jsx)("div",{...r,className:l(e.className,Qn,R(Qn,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Ae.states=nx;Ae.options=ix;Ae.className=Qn;Ae.defaultOptions=sx;Ae.moduleName=tr;Ae.folderName=$r;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 dx=require("react/jsx-runtime");var cx=require("react/jsx-runtime");var dp=require("react/jsx-runtime"),Wr=e=>(0,dp.jsx)(Et,{text:"text",...e});var px=require("react/jsx-runtime");var mx=require("react/jsx-runtime");var Zn=require("react/jsx-runtime");var cp=require("react/jsx-runtime");var pp=require("react/jsx-runtime");var mp=require("react/jsx-runtime");var no=require("react/jsx-runtime"),ux={...Et.options,...Ae.options},bx=[],fx=Ae.states,Tx={...Et.defaultOptions,...Ae.defaultOptions},hx=[{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)(Wr,{...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)(Wr,{...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)(Wr,{...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=ux;or.states=fx;or.variants=bx;or.defaultOptions=Tx;or.modifiers=hx;var Xr=require("react/jsx-runtime"),xx=we.states,Nx=we.defaultOptions,gx=we.options,kx=[],vx=[{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,Xr.jsx)(Se,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t!=null&&t[r]?(0,Xr.jsx)(Se,{type:"remove"}):void 0;break;default:break}}),(0,Xr.jsx)(we,{...o,...a,children:"Chip component"})};ar.options=gx;ar.states=xx;ar.variants=kx;ar.defaultOptions=Nx;ar.modifiers=vx;var E=require("react/jsx-runtime"),up=({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 jn=require("react/jsx-runtime");var ei=require("react/jsx-runtime");var ti=require("react/jsx-runtime");var G=require("react/jsx-runtime"),bp=({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 oi=require("react/jsx-runtime");var ai=require("react/jsx-runtime");var B=require("react/jsx-runtime"),fp=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 ri=require("react/jsx-runtime");var u=require("react/jsx-runtime"),Lx=J.options,Cx=J.states,Tp={...J.defaultOptions,variant:"normal"},yx=[{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"}],Mx=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],rr=e=>{let{variant:t,modifiers:o,...a}={...Tp,...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)(bp,{...a,...r});case"editing":return(0,u.jsx)(fp,{...a,...r});case"grouping":return(0,u.jsx)(up,{...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)(jc,{...a,...r});default:return(0,u.jsx)(J,{...a,...r,children:f})}};rr.options=Lx;rr.states=Cx;rr.variants=yx;rr.defaultOptions=Tp;rr.modifiers=Mx;var li="treelist",hp=li;var Np=require("react/jsx-runtime"),xp="k-treelist",Sx=[],wx={},Ax={},_e=e=>(0,Np.jsx)(J,{...e,className:l(xp,e.className),children:e.children});_e.states=Sx;_e.options=wx;_e.className=xp;_e.defaultOptions=Ax;_e.moduleName=li;_e.folderName=hp;var K=require("react/jsx-runtime"),Po=({gridHeader:e,gridContent:t,menu:o,...a})=>(0,K.jsxs)(_e,{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 kp=require("react/jsx-runtime"),gp=e=>(0,kp.jsx)(Po,{menu:"column",...e});var Lp=require("react/jsx-runtime"),vp=e=>(0,Lp.jsx)(Po,{menu:"filter",...e});var S=require("react/jsx-runtime"),Cp=({gridHeader:e,gridContent:t,menu:o,...a})=>(0,S.jsxs)(_e,{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 yp=require("react/jsx-runtime");var h=require("react/jsx-runtime"),Ex=_e.options,Rx=_e.states,Mp={..._e.defaultOptions,variant:"normal"},Ix=[{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"}],Ox=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],lr=e=>{let{variant:t,modifiers:o,...a}={...Mp,...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)(Cp,{...a,...r});case"column-menu":return(0,h.jsx)(gp,{...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)(vp,{...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=Ex;lr.states=Rx;lr.variants=Ix;lr.defaultOptions=Mp;lr.modifiers=Ox;var ni="propertygrid",Sp=ni;var Ap=require("react/jsx-runtime"),wp="k-property-grid",Px=[],Hx={},Gx={},Rt=e=>(0,Ap.jsx)(_e,{...e,className:l(wp,e.className),children:e.children});Rt.states=Px;Rt.options=Hx;Rt.className=wp;Rt.defaultOptions=Gx;Rt.moduleName=ni;Rt.folderName=Sp;var Ep=require("react/jsx-runtime"),Ho="k-pane",Kx=[],Bx={},ii={resizable:!0,flex:!1},ze=e=>{let{scrollable:t,flexBasis:o,flex:a=ii.flex,collapsible:r,resizable:s=ii.resizable,pinned:c,unpinned:b,tabbed:f,...k}=e;return(0,Ep.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})};ze.states=Kx;ze.options=Bx;ze.className=Ho;ze.defaultOptions=ii;var gt=require("react/jsx-runtime"),ia="k-splitbar",Dx=[n.hover,n.focus],_x={},si={orientation:"horizontal",draggable:!0},sa=e=>{let{hover:t,focus:o,orientation:a=si.orientation,draggable:r=si.draggable,collapsePrev:s,collapseNext:c,ariaLabel:b,...f}=e;return(0,gt.jsxs)("div",{...f,className:l(e.className,ia,H(ia,{hover:t,focus:o}),{[`${ia}-${a}`]:a,[`${ia}-draggable-${a}`]:r,[`${ia}-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"})})})]})};sa.states=Dx;sa.options=_x;sa.className=ia;sa.defaultOptions=si;var di="splitter",Rp=di;var Jr=require("react/jsx-runtime"),Op=require("react"),ci="k-splitter",zx={},Ip={orientation:"horizontal"},Ue=e=>{let{orientation:t=Ip.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,Op.createElement)(ze,{...k,key:b})),f&&s.push((0,Jr.jsx)(sa,{draggable:k.resizable!==!1&&y.resizable!==!1,collapsePrev:k.collapsible,collapseNext:y.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${b}`))}),(0,Jr.jsxs)("div",{...r,className:l(e.className,ci,{[`${ci}-${t}`]:t},"k-splitter-flex"),children:[s,o]})};Ue.options=zx;Ue.className=ci;Ue.defaultOptions=Ip;Ue.moduleName=di;Ue.folderName=Rp;Ue.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 Pp=require("react/jsx-runtime");var Hp=require("react/jsx-runtime");var Go=require("react/jsx-runtime"),nr=require("react"),Ux=Ue.options,Fx=Ue.states,Gp={...Ue.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},$x=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Vx=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],ir=e=>{let{variant:t,modifiers:o,...a}={...Gp,...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)(Ue,{style:{height:"238px"},...a,orientation:"vertical",panes:[(0,nr.createElement)(ze,{...s,flexBasis:"50%",style:b,key:"pane-1"},(0,Go.jsx)("p",{children:s.content})),(0,nr.createElement)(ze,{...c,flexBasis:"50%",style:b,key:"pane-2"},(0,Go.jsx)("p",{children:c.content}))]}):(0,Go.jsx)(Ue,{style:{height:"238px"},...a,orientation:"horizontal",panes:[(0,nr.createElement)(ze,{...s,flexBasis:"50%",style:b,key:"pane-1"},(0,Go.jsx)("p",{children:s.content})),(0,nr.createElement)(ze,{...c,flexBasis:"50%",style:b,key:"pane-2"},(0,Go.jsx)("p",{children:c.content}))]})};ir.options=Ux;ir.states=Fx;ir.variants=$x;ir.defaultOptions=Gp;ir.modifiers=Vx;var Wx=require("react/jsx-runtime");var O=require("react/jsx-runtime"),qr=({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 Ko=require("react/jsx-runtime"),Xx=Rt.options,Jx=Rt.states,Kp={...Rt.defaultOptions,variant:"normal"},qx=[{name:"normal",title:"Normal"},{name:"preview",title:"With Preview"}],Yx=[],Bo=e=>{let{variant:t,...o}={...Kp,...e};return t==="preview"?(0,Ko.jsx)(Ue,{panes:[(0,Ko.jsx)(ze,{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)(ze,{scrollable:!0,children:(0,Ko.jsx)(qr,{style:{height:"auto"},...o})},"pane-2")]}):(0,Ko.jsx)(qr,{style:{height:"auto"},...o})};Bo.options=Xx;Bo.states=Jx;Bo.variants=qx;Bo.defaultOptions=Kp;Bo.modifiers=Yx;var Qx=Bo;
1	+ var Fp=Object.create;var dr=Object.defineProperty;var $p=Object.getOwnPropertyDescriptor;var Vp=Object.getOwnPropertyNames;var Wp=Object.getPrototypeOf,Xp=Object.prototype.hasOwnProperty;var Jp=(e,t)=>{for(var o in t)dr(e,o,{get:t[o],enumerable:!0})},mi=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let l of Vp(t))!Xp.call(e,l)&&l!==o&&dr(e,l,{get:()=>t[l],enumerable:!(a=$p(t,l))\|\|a.enumerable});return e};var ui=(e,t,o)=>(o=e!=null?Fp(Wp(e)):{},mi(t\|\|!e\|\|!e.__esModule?dr(o,"default",{value:e,enumerable:!0}):o,e)),qp=e=>mi(dr({},"__esModule",{value:!0}),e);var eN={};Jp(eN,{PropertygridDemo:()=>Do,default:()=>jx});module.exports=qp(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 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 X="grid",q=X;var pr=require("react/jsx-runtime"),cr="k-grid",Yp=[],Qp={size:[d.undefined,d.small,d.medium,d.large]},Zp=[],fi={pagerPosition:"bottom"},Y=e=>{let{size:t,pagerPosition:o=fi.pagerPosition,toolbar:a,pager:l,groupingHeader:s,gridSelectionAggregates:c,_renderAriaRoot:b,resizable:f,...k}=e;return(0,pr.jsxs)("div",{...k,className:r(e.className,cr,{[`${cr}-resizable`]:f},R(cr,{size:t})),children:[a,o==="top"&&l,s,e.children&&b?(0,pr.jsx)("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&l]})};Y.states=Yp;Y.options=Qp;Y.variants=Zp;Y.className=cr;Y.defaultOptions=fi;Y.moduleName=X;Y.folderName=q;var hi=require("react/jsx-runtime"),Ti="k-grid-header",Q=e=>{let{draggable:t,...o}=e;return(0,hi.jsx)("div",{...o,className:r(e.className,Ti,{"k-grid-draggable-header":t}),children:e.children})};Q.className=Ti;Q.moduleName=X;Q.folderName=q;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:r(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=X;io.folderName=q;var gi=require("react/jsx-runtime"),Ni="k-grid-pinned-container",Yr=e=>{let{position:t,...o}=e;return(0,gi.jsx)("div",{...o,className:r(e.className,Ni,{"k-pos-bottom":t==="bottom"}),children:e.children})};Yr.className=Ni;Yr.moduleName=X;Yr.folderName=q;var vi=require("react/jsx-runtime"),ki="k-grid-sticky-container",Qr=e=>{let{position:t,...o}=e;return(0,vi.jsx)("div",{...o,className:r(e.className,ki,{"k-pos-bottom":t==="bottom"}),children:e.children})};Qr.className=ki;Qr.moduleName=X;Qr.folderName=q;var Re="table",Fe=Re;var Ci=require("react/jsx-runtime"),Li="k-data-table",jp=[],em={size:[d.undefined,d.small,d.medium,d.large]},tm={},Xt=e=>{let{size:t,...o}=e;return(0,Ci.jsx)("div",{...o,className:r(e.className,Li,R("k-table",{size:t})),children:e.children})};Xt.states=jp;Xt.options=em;Xt.className=Li;Xt.defaultOptions=tm;Xt.moduleName=Re;Xt.folderName=Fe;var yi=require("react/jsx-runtime"),Zr="k-table-header-wrap",om=[n.hover,n.focus,n.disabled],am={},rm={},so=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return(0,yi.jsx)("div",{...s,className:r(e.className,Zr,H(Zr,{hover:o,focus:a,disabled:l})),children:t})};so.states=om;so.options=am;so.className=Zr;so.defaultOptions=rm;so.moduleName=Re;so.folderName=Fe;var Mi=require("react/jsx-runtime"),jr="k-table",lm=[],nm={size:[d.undefined,d.small,d.medium,d.large]},im={},$e=e=>{let{size:t,...o}=e;return(0,Mi.jsx)("table",{...o,className:r(e.className,jr,R(jr,{size:t})),children:e.children})};$e.states=lm;$e.options=nm;$e.className=jr;$e.defaultOptions=im;$e.moduleName=Re;$e.folderName=Fe;var mr=require("react/jsx-runtime"),el="k-table-header",sm=[n.hover,n.focus,n.disabled],dm={},cm={},Jt=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return(0,mr.jsx)("div",{...s,className:r(e.className,el,H(el,{hover:o,focus:a,disabled:l})),children:(0,mr.jsx)(so,{children:(0,mr.jsx)($e,{children:t})})})};Jt.states=sm;Jt.options=dm;Jt.className=el;Jt.defaultOptions=cm;Jt.moduleName=Re;Jt.folderName=Fe;var wi=require("react/jsx-runtime"),Si="k-table-scroller",pm=[],mm={},um={},_o=e=>{let{children:t,...o}=e;return(0,wi.jsx)("div",{...o,className:r(e.className,Si),children:t})};_o.states=pm;_o.options=mm;_o.className=Si;_o.defaultOptions=um;_o.moduleName=Re;_o.folderName=Fe;var bm=require("react/jsx-runtime");var Ei=require("react/jsx-runtime"),Ai="k-table-footer",fm=[],Tm={},hm={},co=e=>{let{children:t,...o}=e;return(0,Ei.jsx)("div",{...o,className:r(e.className,Ai),children:t})};co.states=fm;co.options=Tm;co.className=Ai;co.defaultOptions=hm;co.moduleName=Re;co.folderName=Fe;var Ri=require("react/jsx-runtime"),tl="k-table-list",xm=[],Nm={size:[d.undefined,d.small,d.medium,d.large]},gm={},po=e=>{let{size:t,virtualization:o,...a}=e;return(0,Ri.jsx)("ul",{...a,className:r(e.className,"k-table",tl,R(tl,{size:t}),{"k-virtual-table":o}),children:e.children})};po.states=xm;po.options=Nm;po.className=tl;po.defaultOptions=gm;po.moduleName=Re;po.folderName=Fe;var Ii=require("react/jsx-runtime"),km="k-table-thead",J=e=>(0,Ii.jsx)("thead",{className:r(e.className,km),children:e.children});var Oi=require("react/jsx-runtime"),vm="k-table-tbody",ae=e=>(0,Oi.jsx)("tbody",{className:r(e.className,vm),children:e.children});var Lm=require("react/jsx-runtime");var Pi=require("react/jsx-runtime"),ol="k-table-row",Cm=[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,Pi.jsx)("tr",{...b,className:r(e.className,ol,{"k-table-alt-row":c},H(ol,{hover:t,focus:o,disabled:s,selected:a,highlighted:l})),children:e.children})};L.states=Cm;L.className=ol;var Hi=require("react/jsx-runtime"),al="k-table-row",ym=[n.hover,n.focus,n.selected,n.disabled],ur=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:s,...c}=e;return(0,Hi.jsx)("li",{...c,className:r(e.className,al,{"k-table-alt-row":s},H(al,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};ur.states=ym;ur.className=al;var Ki=require("react/jsx-runtime"),Gi="k-table-th",qt=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,s=t\|\|e.children;return(0,Ki.jsx)("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,Gi),children:s})};qt.className=Gi;qt.moduleName=Re;qt.folderName=Fe;var Mm=require("react/jsx-runtime");var Di=require("react/jsx-runtime"),rl="k-table-td",Sm=[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,Di.jsx)("td",{colSpan:s,rowSpan:c,...b,className:r(e.className,rl,H(rl,{focus:t,selected:o,highlighted:a})),children:f})};i.states=Sm;i.className=rl;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 Im=require("react/jsx-runtime");var _i=require("react/jsx-runtime");var zi=require("react/jsx-runtime");var Ui=require("react/jsx-runtime");var ll=require("react/jsx-runtime");var $i=require("react/jsx-runtime"),Fi="k-grid-header-table",Z=e=>(0,$i.jsx)($e,{...e,className:r(e.className,Fi),children:e.children});Z.className=Fi;Z.moduleName=X;Z.folderName=q;var ca=require("react/jsx-runtime"),nl="k-font-icon",Gm=[],Km={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]},Dm={},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,nl,R(nl,{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=Gm;pa.options=Km;pa.className=nl;pa.defaultOptions=Dm;var Vi=pa;var Lo=require("react/jsx-runtime"),il="k-svg-icon",Bm=[],_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]},Wi={viewBox:"0 0 24 24"},ma=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:s=Wi.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,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:r(e.className,il,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=Bm;ma.options=_m;ma.className=il;ma.defaultOptions=Wi;var sl=ma;var dl=ui(require("@progress/kendo-svg-icons"));var Xi="icon",Ji="icons";var Qi=require("react");var qi=require("react"),Yi=(0,qi.createContext)({iconsType:"svg"});var Yt=require("react/jsx-runtime"),br="k-icon",zm=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Um=[],Fm={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,Qi.useContext)(Yi),{size:o,themeColor:a,icon:l,type:s=t\|\|cl.type,rotate:c,flip:b,viewBox:f=cl.viewBox,...k}=e;if(!l)return(0,Yt.jsx)(Yt.Fragment,{});if((t\|\|s)==="svg"){if(l==="none")return(0,Yt.jsx)(sl,{...k,className:r(e.className,br),icon:l,size:o});let C=dl[l]?l:zm(`${l}-icon`);return dl[C]?(0,Yt.jsx)(sl,{...k,className:r(e.className,br),icon:dl[C],size:o,themeColor:a,rotate:c,flip:b,viewBox:f}):(0,Yt.jsx)(Yt.Fragment,{})}return(0,Yt.jsx)(Vi,{...k,className:r(e.className,br),icon:l,size:o,themeColor:a,rotate:c,flip:b})};m.states=Um;m.options=Fm;m.defaultOptions=cl;m.className=br;m.moduleName=Xi;m.folderName=Ji;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",$m=[n.hover,n.focus,n.active],Zi={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=Zi.sortIcon,sortOrder:C,accessibleLabel:T,...A}=e;return(0,mt.jsxs)(qt,{...A,className:r(e.className,pl,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":l,"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: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=$m;M.className=pl;M.defaultOptions=Zi;M.moduleName=X;M.folderName=q;var es=require("react/jsx-runtime"),ji="k-grid-container",re=e=>(0,es.jsx)("div",{...e,className:r(e.className,ji),children:e.children});re.className=ji;re.moduleName=X;re.folderName=q;var os=require("react/jsx-runtime"),ts="k-grid-content",j=e=>(0,os.jsx)("div",{...e,className:r(e.className,ts),children:e.children});j.className=ts;j.moduleName=X;j.folderName=q;var rs=require("react/jsx-runtime"),as="k-grid-table",ee=e=>(0,rs.jsx)($e,{...e,className:r(e.className,as),children:e.children});ee.className=as;ee.moduleName=X;ee.folderName=q;var ns=require("react/jsx-runtime"),ls="k-grid-footer",ml=e=>(0,ns.jsx)("div",{...e,className:r(e.className,ls),children:e.children});ml.className=ls;ml.moduleName=X;ml.folderName=q;var ss=require("react/jsx-runtime"),is="k-grid-footer-table",ul=e=>(0,ss.jsx)($e,{...e,className:r(e.className,is),children:e.children});ul.className=is;ul.moduleName=X;ul.folderName=q;var bl="button",ds=bl;var It=require("react/jsx-runtime"),ua="k-button",Vm=["icon-button"],Wm=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Xm={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:l,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:B,className:V,...be}=e,Le=P!==void 0,Qe=e.children!==void 0;return(0,It.jsxs)(t,{className:r(V,ua,bi(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=Wm;p.options=Xm;p.variants=Vm;p.className=ua;p.defaultOptions=fl;p.moduleName=bl;p.folderName=ds;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 cs=require("react/jsx-runtime"),mo=e=>(0,cs.jsx)(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var ps=require("react/jsx-runtime"),ba=e=>(0,ps.jsx)(p,{icon:"folder",children:"Button",...e});var ms=require("react/jsx-runtime"),Co=e=>(0,ms.jsx)(p,{children:"Button",...e});var fr=require("react/jsx-runtime"),Jm=p.options,qm=p.states,Ym={...p.defaultOptions,variant:"text"},Qm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Zm=[],fa=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,fr.jsx)(mo,{...o,icon:"star"});case"icon-and-text":return(0,fr.jsx)(ba,{...o,icon:"star",children:"Button"});default:return(0,fr.jsx)(Co,{...o,children:"Button"})}};fa.options=Jm;fa.states=qm;fa.variants=Qm;fa.defaultOptions=Ym;fa.modifiers=Zm;var Ta="input",Tr=Ta;var us=require("react/jsx-runtime"),hr="k-input",jm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],eu={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]},tu={},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,us.jsx)("span",{...C,className:r(e.className,hr,R(hr,{size:f,rounded:k,fillMode:y}),H(hr,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:b}))})};Ce.states=jm;Ce.options=eu;Ce.className=hr;Ce.defaultOptions=tu;Ce.moduleName=Ta;Ce.folderName=Tr;var bs=require("react/jsx-runtime"),xr="k-picker",ou=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],au={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]},ru={},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,bs.jsx)("span",{...C,className:r(e.className,xr,R(xr,{size:f,rounded:k,fillMode:y}),H(xr,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:c,readonly:b})),children:e.children})};Dt.states=ou;Dt.options=au;Dt.className=xr;Dt.defaultOptions=ru;Dt.moduleName=Ta;Dt.folderName=Tr;var zo=require("react/jsx-runtime"),fs="k-clear-value",lu=[n.disabled,n.loading,n.readonly],nu={},ut=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t\|\|a\|\|o\|\|!l?(0,zo.jsx)(zo.Fragment,{}):(0,zo.jsx)("span",{className:r(e.className,fs),children:(0,zo.jsx)(m,{icon:"x"})})};ut.states=lu;ut.options=nu;ut.className=fs;var Ts=require("react/jsx-runtime"),Tl="k-input-inner",iu=[],su={},Nr={type:"text",autocomplete:"off",value:"",placeholder:""},bt=e=>{let{value:t=Nr.value,type:o=Nr.type,placeholder:a=Nr.placeholder,autocomplete:l=Nr.autocomplete,disabled:s,readOnly:c,...b}=e;return(0,Ts.jsx)("input",{...b,type:o,className:r(e.className,Tl,R(Tl,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:s\|\|void 0,readOnly:c\|\|void 0})};bt.states=iu;bt.options=su;bt.className=Tl;var ha=require("react/jsx-runtime"),hl="k-input-inner",du=[],cu={},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,hl,R(hl,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=du;yo.options=cu;yo.className=hl;var xs=require("react/jsx-runtime"),xl="k-input-inner",pu=[],mu={},hs={value:"",placeholder:""},Nl=e=>{let{value:t=hs.value,placeholder:o=hs.placeholder,rows:a,disabled:l,...s}=e;return(0,xs.jsx)("textarea",{...s,className:r(e.className,xl,R(xl,e)),placeholder:o,rows:a,defaultValue:t,disabled:l\|\|void 0})};Nl.states=pu;Nl.options=mu;Nl.className=xl;var xa=require("react/jsx-runtime"),Ns="k-input-loading-icon",uu=[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,Ns,"k-icon k-i-loading")})};ot.states=uu;ot.className=Ns;var Na=require("react/jsx-runtime"),gs="k-input-validation-icon",bu=[n.valid,n.invalid,n.disabled,n.loading],fu={},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(gs),icon:s})};Ze.states=bu;Ze.options=fu;Ze.className=gs;var ga=require("react/jsx-runtime"),Tu="k-input-prefix",hu={direction:"horizontal"},kt=e=>{let{direction:t=hu.direction,...o}=e;return e.children?(0,ga.jsx)("span",{...o,className:r(Tu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,ga.jsx)(ga.Fragment,{})};var ka=require("react/jsx-runtime"),xu="k-input-suffix",Nu={direction:"horizontal"},vt=e=>{let{direction:t=Nu.direction,...o}=e;return e.children?(0,ka.jsx)("span",{...o,className:r(xu,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,ka.jsx)(ka.Fragment,{})};var gu=require("react/jsx-runtime");var ks=require("react/jsx-runtime"),ku="k-input-suffix-text",gl=e=>{let{children:t,...o}=e;return(0,ks.jsx)("span",{...o,className:r(ku,e.className),children:t})};var Ls=require("react/jsx-runtime"),vs="k-input-separator",vu={direction:"vertical"},Lt=e=>{let{direction:t=vu.direction,...o}=e;return(0,Ls.jsx)("span",{...o,className:r(vs,e.className,{[`${vs}-${t}`]:t})})};var Ee=require("react/jsx-runtime"),Lu=Ce.states,Cu=Ce.defaultOptions,yu=Ce.options,Mu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Su=[],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,Ee.jsxs)(Ce,{...b,valid:o,invalid:a,loading:l,disabled:s,readonly:c,style:{width:300},children:[f&&(0,Ee.jsxs)(Ee.Fragment,{children:[(0,Ee.jsx)(kt,{children:(0,Ee.jsx)(m,{icon:"lock"})}),T&&(0,Ee.jsx)(Lt,{})]}),(0,Ee.jsx)(bt,{placeholder:"Placeholder",value:"Value"}),C&&(0,Ee.jsx)(Ze,{valid:o,invalid:a,loading:l,disabled:s}),(0,Ee.jsx)(ot,{loading:l,disabled:s}),y&&(0,Ee.jsx)(ut,{loading:l,disabled:s,readonly:c,value:"Value"}),k&&(0,Ee.jsxs)(Ee.Fragment,{children:[T&&(0,Ee.jsx)(Lt,{}),(0,Ee.jsx)(vt,{children:(0,Ee.jsx)(Co,{size:b.size,fillMode:"clear",children:"Send"})})]})]})};va.options=yu;va.states=Lu;va.variants=Su;va.defaultOptions=Cu;va.modifiers=Mu;var kl="popup",Cs=kl;var vl=require("react/jsx-runtime"),ys="k-animation-container",wu=[],Au={},Ms={positionMode:"absolute"},Bt=e=>{let{positionMode:t=Ms.positionMode,animationStyle:o,offset:a,...l}=e;return(0,vl.jsx)("div",{...l,style:{...a,...e.style},className:r(e.className,ys,"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})})};Bt.states=wu;Bt.options=Au;Bt.className=ys;Bt.defaultOptions=Ms;Bt.moduleName=kl;Bt.folderName=Cs;var Ll="popup",Ss=Ll;var Cl=require("react/jsx-runtime"),ws="k-popup",Eu=[],Ru={},As={positionMode:"absolute"},me=e=>{let{offset:t,positionMode:o=As.positionMode,animationStyle:a,containerClassName:l,containerRole:s,containerAriaLabel:c,...b}=e;return(0,Cl.jsx)(Bt,{positionMode:o,offset:t,animationStyle:a,className:l,role:s,"aria-label":c,children:(0,Cl.jsx)("div",{...b,className:r(e.className,ws),children:e.children})})};me.states=Eu;me.options=Ru;me.className=ws;me.defaultOptions=As;me.moduleName=Ll;me.folderName=Ss;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",Es=yl;var Rs=require("react/jsx-runtime"),gr="k-actions",Iu=[],Ou={},Ml={alignment:"start",orientation:"horizontal"},_t=e=>{let{alignment:t=Ml.alignment,orientation:o=Ml.orientation,...a}=e;return(0,Rs.jsx)("div",{...a,className:r(gr,{[`${gr}-${t}`]:t,[`${gr}-${o}`]:o},e.className),children:e.children})};_t.states=Iu;_t.options=Ou;_t.className=gr;_t.defaultOptions=Ml;_t.moduleName=yl;_t.folderName=Es;var Os=require("react/jsx-runtime"),Pu="k-actionsheet-footer",Is={alignment:"stretched",orientation:"horizontal"},uo=e=>{let{alignment:t=Is.alignment,orientation:o=Is.orientation,template:a,as:l=a?"div":_t,...s}=e;return(0,Os.jsx)(l,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,Pu),children:e.children})};var Sl="searchbox",Ps=Sl;var bo=require("react/jsx-runtime"),Hs="k-searchbox",Hu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Gu={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:l,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:l,fillMode:s,hover:c,focus:b,valid:f,invalid:k,required:y,loading:C,disabled:T,className:r(e.className,Hs),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=Hu;Ct.options=Gu;Ct.className=Hs;Ct.defaultOptions=wl;Ct.moduleName=Sl;Ct.folderName=Ps;var Ku=require("react/jsx-runtime");var Al="textbox",Gs=Al;var Ve=require("react/jsx-runtime"),Ks="k-textbox",Du=[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]},kr={showClearButton:!0,showValidationIcon:!0,separators:!0},ne=e=>{let{size:t,rounded:o,fillMode:a,separators:l=kr.separators,showClearButton:s=kr.showClearButton,showValidationIcon:c=kr.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,Ks),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=Du;ne.options=Bu;ne.className=Ks;ne.defaultOptions=kr;ne.moduleName=Al;ne.folderName=Gs;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"),Ds=e=>(0,Bs.jsx)(La,{...e});var _s=require("react/jsx-runtime");var zs=require("react/jsx-runtime");var _u=require("react/jsx-runtime");var vr=require("react/jsx-runtime"),zu=ne.states,Uu=ne.defaultOptions,Fu=ne.options,$u=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Vu=[],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,vr.jsx)(m,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,vr.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,vr.jsx)(Ds,{value:"Value",style:{width:300},...o,...a})};Ca.options=Fu;Ca.states=zu;Ca.variants=Vu;Ca.defaultOptions=Uu;Ca.modifiers=$u;var ft=require("react/jsx-runtime"),Us="k-actionsheet-titlebar",Wu={},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,Us),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=Us;je.defaultOptions=Wu;var Uo=require("react/jsx-runtime"),El="k-actionsheet-view",Xu=[],Ju={},qu={},Fo=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,Uo.jsx)(je,{adaptive:t,titleId:c,...l==null?void 0:l.props}),k=(s==null?void 0:s.type)===uo&&(0,Uo.jsx)(uo,{...s==null?void 0:s.props});return(0,Uo.jsxs)("div",{...b,className:r(e.className,El,{[`${El}-animated`]:o}),children:[f,(0,Uo.jsx)("div",{className:"k-actionsheet-content",children:a}),k]})};Fo.states=Xu;Fo.options=Ju;Fo.className=El;Fo.defaultOptions=qu;var ya="action-sheet",Lr=ya;var Rl="overlay",Fs=Rl;var $s=require("react/jsx-runtime"),Il="k-overlay",Yu=[],Qu={themeColor:[x.undefined,x.light,x.dark,x.inverse]},Zu={},fo=e=>{let{themeColor:t,...o}=e;return(0,$s.jsx)("div",{...o,className:r(e.className,Il,R(Il,{themeColor:t})),children:e.children})};fo.states=Yu;fo.options=Qu;fo.className=Il;fo.defaultOptions=Zu;fo.moduleName=Rl;fo.folderName=Fs;var Mo=require("react/jsx-runtime"),Vs="k-actionsheet",ju=[],eb={},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,Vs,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|(0,Mo.jsx)(Fo,{header:b,footer:f,adaptive:a,titleId:C,...e,children:c})})})]})};ge.states=ju;ge.options=eb;ge.className=Vs;ge.defaultOptions=Ma;ge.moduleName=ya;ge.folderName=Lr;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 Xs=require("react/jsx-runtime"),Ws="k-actionsheet-container",tb=[],ob={},ab={},$o=e=>{let{children:t,...o}=e;return(0,Xs.jsx)("div",{...o,className:Ws,children:t})};$o.states=tb;$o.options=ob;$o.className=Ws;$o.defaultOptions=ab;$o.moduleName=ya;$o.folderName=Lr;var Js=require("react/jsx-runtime"),Ol=e=>{let{...t}=e;return(0,Js.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var yt=require("react/jsx-runtime"),Pl="k-actionsheet-item",rb=[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,Pl,H(Pl,{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=rb;To.className=Pl;var qs=require("react/jsx-runtime");var lb=require("react/jsx-runtime");var nb=require("react/jsx-runtime");var ib=require("react/jsx-runtime");var fe=require("react/jsx-runtime"),sb=ge.options,db=ge.states,Qs={...ge.defaultOptions,variant:"normal"},cb=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],pb=[{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}={...Qs,...e},l={},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"&&(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=sb;Sa.states=db;Sa.variants=cb;Sa.defaultOptions=Qs;Sa.modifiers=pb;var yr=ui(require("react"));var Hl=require("react/jsx-runtime"),mb="k-list-group-sticky-header",Gl=e=>(0,Hl.jsx)("div",{className:r(mb,e.className),children:(0,Hl.jsx)("div",{className:"k-list-header-text",children:e.children})});var Zs=require("react/jsx-runtime"),ub="k-no-data",Cr=e=>{let{live:t,...o}=e;return(0,Zs.jsx)("span",{...o,className:r(ub,e.className),"aria-live":t?"polite":void 0,children:e.children})};var So="list",Vo=So;var Wo=require("react/jsx-runtime"),Kl="k-list",bb=[],fb={size:[d.undefined,d.small,d.medium,d.large]},Tb={},te=e=>{var A;let{size:t,virtualization:o,children:a,header:l,optionLabel:s,customValue:c,noData:b,screenReaders:f,...k}=e,C=yr.default.Children.toArray(a)[0],T=(A=C==null?void 0:C.props)!=null&&A.children?yr.default.Children.count(C.props.children):yr.default.Children.count(a);return(0,Wo.jsxs)("div",{...k,className:r(e.className,Kl,R(Kl,{size:t}),{"k-virtual-list":o}),children:[s,c,l&&(0,Wo.jsx)(Gl,{children:l}),a\|\|(b!==void 0?b:(0,Wo.jsx)(Cr,{live:!0,children:"No data found."})),f&&a&&(0,Wo.jsxs)(Cr,{className:"k-sr-only",live:!0,children:[T," items found."]})]})};te.states=bb;te.options=fb;te.className=Kl;te.defaultOptions=Tb;te.moduleName=So;te.folderName=Vo;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 ed=require("react/jsx-runtime"),js="k-list-container",hb=[],xb={},Nb={},Xo=e=>{let{...t}=e;return(0,ed.jsx)("div",{...t,className:r(e.className,js),children:e.children})};Xo.states=hb;Xo.options=xb;Xo.className=js;Xo.defaultOptions=Nb;Xo.moduleName=So;Xo.folderName=Vo;var wo="checkbox",Jo=wo;var Dl=require("react/jsx-runtime"),Mr="k-checkbox",gb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],kb={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full]},vb={},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,Dl.jsx)("span",{className:"k-checkbox-wrap",children:(0,Dl.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,Mr,R(Mr,{size:y,rounded:C}),H(Mr,{hover:l,focus:s,disabled:c,invalid:b,valid:f,indeterminate:a,checked:o}))})})};at.states=gb;at.options=kb;at.className=Mr;at.defaultOptions=vb;at.moduleName=wo;at.folderName=Jo;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 ad=require("react/jsx-runtime"),td="k-checkbox-list",Lb=[],Cb={},od={layout:"vertical"},rt=e=>{let{layout:t=od.layout,...o}=e;return(0,ad.jsx)("ul",{...o,className:r(e.className,td,{[`k-list-${t}`]:t}),children:e.children})};rt.states=Lb;rt.options=Cb;rt.className=td;rt.defaultOptions=od;rt.moduleName=wo;rt.folderName=Jo;var ld=require("react/jsx-runtime"),rd="k-checkbox-list-item",yb=[],Mb={},Sb={},et=e=>{let{...t}=e;return(0,ld.jsx)("li",{...t,className:r(e.className,rd),children:e.children})};et.states=yb;et.options=Mb;et.className=rd;et.defaultOptions=Sb;et.moduleName=wo;et.folderName=Jo;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 Bl=require("react/jsx-runtime");var _l=require("react/jsx-runtime");var zl=require("react/jsx-runtime");var wb=require("react/jsx-runtime");var Ab=require("react/jsx-runtime");var Eb=require("react/jsx-runtime");var We=require("react/jsx-runtime"),Rb=rt.options,Ib=rt.states,Ob={...rt.defaultOptions,variant:"vertical"},Pb=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Hb=[],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=Rb;wa.states=Ib;wa.variants=Pb;wa.defaultOptions=Ob;wa.modifiers=Hb;var nd=require("react/jsx-runtime"),Gb=zt.options,Kb=zt.states,Db=zt.defaultOptions,Bb=[],_b=[],Aa=e=>(0,nd.jsx)(Qt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});Aa.options=Gb;Aa.states=Kb;Aa.variants=Bb;Aa.defaultOptions=Db;Aa.modifiers=_b;var Ut=require("react/jsx-runtime"),Ul="k-list-item",zb=[n.hover,n.focus,n.selected,n.disabled],Ub={},Fb={},$=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":Ul,H(Ul,{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=zb;$.options=Ub;$.className=Ul;$.defaultOptions=Fb;$.moduleName=So;$.folderName=Vo;$.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 id=require("react/jsx-runtime"),$b="k-list-ul",Zt=e=>{let{children:t,role:o,id:a,...l}=e;return(0,id.jsx)("ul",{...l,id:a,role:o,className:r($b,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 qo=require("react/jsx-runtime"),Vb="k-list-content",se=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:s,...c}=e;return(0,qo.jsxs)("div",{...c,className:r(Vb,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,qo.jsx)(Zt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&(0,qo.jsx)("div",{className:"k-height-container",children:(0,qo.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 Yo=require("react/jsx-runtime"),Wb="k-list-group-item",Eo=e=>{let{groupIconName:t,...o}=e;return(0,Yo.jsxs)("li",{...o,role:"presentation",className:r(Wb,e.className),children:[t&&(0,Yo.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Yo.jsx)(m,{icon:t,className:"k-list-item-icon"})}),(0,Yo.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 sd=require("react/jsx-runtime"),$l="k-list-optionlabel",Xb=[n.hover,n.focus,n.selected,n.disabled],Jb={},qb={},Sr=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...c}=e;return(0,sd.jsx)("div",{...c,className:r($l,H($l,{hover:o,focus:a,selected:l,disabled:s})),children:t})};Sr.states=Xb;Sr.options=Jb;Sr.className=$l;Sr.defaultOptions=qb;var dd=require("react/jsx-runtime"),Vl="k-list-custom-value",Yb=[n.hover,n.focus,n.selected,n.disabled],Qb={},Zb={},ho=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})};ho.states=Yb;ho.options=Qb;ho.className=Vl;ho.defaultOptions=Zb;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 jb=require("react/jsx-runtime");var Yl=require("react/jsx-runtime");var cd="dropdown-list",pd="dropdownlist";var Te=require("react/jsx-runtime"),md="k-dropdownlist",ef=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,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]},Ql={showValue:!0,arrowIconName:"caret-alt-down"},ie=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=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:B,readonly:V,popup:be,opened:Le,adaptive:Qe,adaptiveSettings:ct,adaptiveTitle:pt,adaptiveSubtitle:Bo,adaptiveFilter:qr,...sr}=e;return(0,Te.jsxs)(Te.Fragment,{children:[(0,Te.jsxs)(Dt,{...sr,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,md,{"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:qr,inputValue:k,inputPlaceholder:y,title:pt,subtitle:Bo}),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=ef;ie.options=tf;ie.className=md;ie.defaultOptions=Ql;ie.moduleName=cd;ie.folderName=pd;var of=require("react/jsx-runtime");var ud=require("react/jsx-runtime");var Zl=require("react/jsx-runtime");var af=require("react/jsx-runtime");var bd=require("react/jsx-runtime");var jl=require("react/jsx-runtime");var lt=require("react/jsx-runtime"),rf=ie.states,lf=ie.defaultOptions,nf=ie.options,sf=[{name:"opened",title:"Opened"}],df=[],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=nf;Ra.states=rf;Ra.variants=df;Ra.defaultOptions=lf;Ra.modifiers=sf;var Ia=require("react/jsx-runtime"),fd="k-spin-button",mf=[],uf={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:l=en.increaseLabel,decreaseLabel:s=en.decreaseLabel,...c}=e;return(0,Ia.jsxs)("span",{...c,className:r(fd,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=mf;xo.options=uf;xo.className=fd;xo.defaultOptions=en;xo.moduleName=null;xo.folderName=null;var Td="numeric-textbox",hd="numerictextbox";var Ie=require("react/jsx-runtime"),xd="k-numerictextbox",bf=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],ff={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},wr={showSpinButton:!0,showClearButton:!0,separators:!0},W=e=>{let{size:t,rounded:o,fillMode:a,separators:l=wr.separators,showClearButton:s=wr.showClearButton,showSpinButton:c=wr.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,Ie.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,xd),children:[b&&(0,Ie.jsxs)(Ie.Fragment,{children:[(0,Ie.jsx)(kt,{children:b}),l&&(0,Ie.jsx)(Lt,{})]}),(0,Ie.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,Ie.jsx)(Ze,{valid:A,invalid:w,loading:_,disabled:B}),(0,Ie.jsx)(ot,{loading:_,disabled:B}),s&&(0,Ie.jsx)(ut,{loading:_,disabled:B,readonly:V,value:k}),f&&(0,Ie.jsxs)(Ie.Fragment,{children:[l&&(0,Ie.jsx)(Lt,{}),(0,Ie.jsx)(vt,{children:f})]}),c&&(0,Ie.jsx)(xo,{className:"k-input-spinner",size:t,fillMode:a,disabled:B})]})};W.states=bf;W.options=ff;W.className=xd;W.defaultOptions=wr;W.moduleName=Td;W.folderName=hd;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 gd=require("react/jsx-runtime"),Nd=e=>(0,gd.jsx)(Oa,{...e});var kd=require("react/jsx-runtime");var vd=require("react/jsx-runtime");var Tf=require("react/jsx-runtime");var Ar=require("react/jsx-runtime"),hf=W.states,xf=W.defaultOptions,Nf=W.options,gf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],kf=[],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,Ar.jsx)(ie,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,Ar.jsx)(gl,{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,Ar.jsx)(Nd,{value:"Value",style:{width:300},...o,...a})};Pa.options=Nf;Pa.states=hf;Pa.variants=kf;Pa.defaultOptions=xf;Pa.modifiers=gf;var tn="pager",Ld=tn;var de=require("react/jsx-runtime"),Er="k-pager",vf=[n.focus,n.disabled],Lf={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,Er,R(Er,{size:o}),H(Er,{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=vf;Ne.options=Lf;Ne.className=Er;Ne.defaultOptions=Tt;Ne.moduleName=tn;Ne.folderName=Ld;var Cf=require("react/jsx-runtime");var yf=require("react/jsx-runtime");var Mf=require("react/jsx-runtime");var on=require("react/jsx-runtime"),Sf=Ne.options,wf=Ne.states,Af={...Ne.defaultOptions,variant:"numeric"},Ef=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Rf=[],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=Sf;Ha.states=wf;Ha.variants=Ef;Ha.defaultOptions=Af;Ha.modifiers=Rf;var yd=require("react/jsx-runtime"),Cd="k-grid-pager",Ft=e=>(0,yd.jsx)(Ne,{...e,className:r(e.className,Cd),children:e.children});Ft.className=Cd;Ft.moduleName=X;Ft.folderName=q;var an="button",Md=an;var Sd=require("react/jsx-runtime"),Ga="k-button-group",If=[n.disabled],Of={fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link]},Pf={},F=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return(0,Sd.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=If;F.options=Of;F.className=Ga;F.defaultOptions=Pf;F.moduleName=an;F.folderName=Md;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"),Hf={...p.options,...F.options},Gf=p.states,Kf={...p.defaultOptions,...F.defaultOptions,variant:"text-button"},Df=[{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=Hf;Ka.states=Gf;Ka.variants=Df;Ka.defaultOptions=Kf;Ka.modifiers=Bf;var Da=require("react/jsx-runtime"),wd="k-color-preview",_f=[],zf={},No=e=>{let{color:t,iconName:o,...a}=e;return(0,Da.jsxs)("span",{...a,className:r(e.className,wd,{"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=_f;No.options=zf;No.className=wd;var pn="slider",Ad=pn;var Ot=require("react/jsx-runtime"),Ba="k-slider",Uf=[n.hover,n.focus,n.active,n.disabled,n.readonly],Ff={},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=Uf;ue.options=Ff;ue.className=Ba;ue.defaultOptions=St;ue.moduleName=pn;ue.folderName=Ad;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"),Ed="k-tick",$f=[],Vf={},Rd={label:!1},z=e=>{let{style:t,label:o=Rd.label,orientation:a,large:l,text:s,...c}=e;return(0,mn.jsx)("li",{...c,className:r(e.className,Ed,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&(0,mn.jsx)("span",{className:"k-label",children:s})})};z.states=$f;z.options=Vf;z.className=Ed;z.defaultOptions=Rd;var Oe=require("react/jsx-runtime"),Id=e=>(0,Oe.jsx)(ue,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,Oe.jsxs)(Oe.Fragment,{children:[(0,Oe.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{label:!0,large:!0,text:"5"}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Pe=require("react/jsx-runtime"),Od=e=>(0,Pe.jsx)(ue,{children:(0,Pe.jsxs)(Pe.Fragment,{children:[(0,Pe.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Pe.jsx)(z,{}),(0,Pe.jsx)(z,{}),(0,Pe.jsx)(z,{}),(0,Pe.jsx)(z,{}),(0,Pe.jsx)(z,{label:!0,large:!0,text:"5"}),(0,Pe.jsx)(z,{}),(0,Pe.jsx)(z,{}),(0,Pe.jsx)(z,{}),(0,Pe.jsx)(z,{}),(0,Pe.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 Pd=require("react/jsx-runtime"),fn=e=>(0,Pd.jsx)(ue,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Hd=require("react/jsx-runtime"),Tn=e=>(0,Hd.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"),Wf=ue.options,Xf=ue.states,Gd={...ue.defaultOptions,variant:"horizontal",label:!0},Jf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],qf=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],_a=e=>{let{variant:t,modifiers:o,...a}={...Gd,...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)(Od,{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)(Id,{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=Wf;_a.states=Xf;_a.variants=Jf;_a.defaultOptions=Gd;_a.modifiers=qf;var I=require("react/jsx-runtime"),Kd="k-colorgradient-inputs",Yf=[],Qf={size:[d.undefined,d.small,d.medium,d.large]},Dd={mode:"rgba"},Qo=e=>{let{mode:t=Dd.mode,size:o,...a}=e;return(0,I.jsxs)("div",{...a,className:r(Kd,"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"})]})})]})};Qo.states=Yf;Qo.options=Qf;Qo.className=Kd;Qo.defaultOptions=Dd;var Xe=require("react/jsx-runtime"),Bd="k-colorgradient-color-contrast",Zf=[],jf={},eT={},Zo=()=>(0,Xe.jsxs)("div",{className:r(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"})]})]})]});Zo.states=Zf;Zo.options=jf;Zo.className=Bd;Zo.defaultOptions=eT;var _d="color-gradient",zd="colorgradient";var ye=require("react/jsx-runtime"),Rr="k-colorgradient",tT=[n.hover,n.focus,n.readonly,n.disabled],oT={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"},He=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,Rr,R(Rr,{size:t}),H(Rr,{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)(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: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)(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)(Qo,{mode:e.mode,size:t}),k&&(0,ye.jsx)(Zo,{})]})};He.states=tT;He.options=oT;He.className=Rr;He.defaultOptions=$t;He.moduleName=_d;He.folderName=zd;He.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 Ud=require("react/jsx-runtime"),Ir=e=>(0,Ud.jsx)(He,{...e});var aT=require("react/jsx-runtime");var rT=require("react/jsx-runtime");var Or=require("react/jsx-runtime"),lT=He.options,nT=He.states,iT={...He.defaultOptions,variant:"rgba"},sT=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],dT=[],za=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,Or.jsx)(Ir,{...o,mode:t});case"rgb":return(0,Or.jsx)(Ir,{...o,mode:t});default:return(0,Or.jsx)(Ir,{...o,mode:t})}};za.options=lT;za.states=nT;za.variants=sT;za.defaultOptions=iT;za.modifiers=dT;var Fd=require("react/jsx-runtime"),Nn=e=>(0,Fd.jsx)("tr",{role:"row",children:e.children});var $d=require("react/jsx-runtime"),gn="k-colorpalette-tile",cT=[n.hover,n.focus,n.selected],pT={},jo=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,$d.jsx)("td",{...c,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,gn,H(gn,{hover:a,focus:l,selected:s})),style:b})};jo.states=cT;jo.options=pT;jo.className=gn;var Vd="color-palette",Wd="colorpalette";var ea=require("react/jsx-runtime"),Pr="k-colorpalette",mT=[n.disabled],uT={size:[d.undefined,d.small,d.medium,d.large]},Xd={columns:10},st=e=>{let{size:t,palette:o,columns:a=Xd.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,ea.jsx)(jo,{color:w,tileSize:l},P))});let A=(0,ea.jsx)(Nn,{children:T},C);b.push(A)})}return(0,ea.jsx)("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,Pr,H(Pr,{disabled:s}),R(Pr,{size:t})),children:(0,ea.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,ea.jsx)("tbody",{children:b.length>0?b:e.children})})})};st.states=mT;st.options=uT;st.className=Pr;st.defaultOptions=Xd;st.moduleName=Vd;st.folderName=Wd;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 Hr=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 qd=require("react/jsx-runtime"),Jd=e=>(0,qd.jsx)(Hr,{palette:Ua.basic,...e});var bT=require("react/jsx-runtime");var Yd=require("react/jsx-runtime");var Qd=require("react/jsx-runtime"),fT=st.options,TT=st.states,hT={...st.defaultOptions,variant:"basic"},xT=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],NT={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}},gT=[],Fa=e=>{let{variant:t="basic",...o}=e,a=NT[t];return(0,Qd.jsx)(Jd,{columns:a.columns,palette:a,...o})};Fa.options=fT;Fa.states=TT;Fa.variants=xT;Fa.defaultOptions=hT;Fa.modifiers=gT;var Zd="color-editor",jd="coloreditor";var ke=require("react/jsx-runtime"),Gr="k-coloreditor",kT=[n.focus],vT={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",Gr,R(Gr,{size:t}),H(Gr,{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)(He,{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=kT;ve.options=vT;ve.className=Gr;ve.defaultOptions=$a;ve.moduleName=Zd;ve.folderName=jd;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 ta=ve;var LT=require("react/jsx-runtime");var CT=require("react/jsx-runtime");var tc=require("react/jsx-runtime"),ec=e=>(0,tc.jsx)(ta,{group:!0,currentColor:"fuchsia",...e});var ac=require("react/jsx-runtime"),oc=e=>(0,ac.jsx)(ta,{view:"palette",group:!0,currentColor:"fuchsia",...e});var kn=require("react/jsx-runtime"),yT=ve.options,MT=ve.states,ST={...ve.defaultOptions,variant:"gradient"},wT=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],AT=[],Va=e=>{let{variant:t,...o}=e;return t==="palette"?(0,kn.jsx)(oc,{...o,color:"white"}):(0,kn.jsx)(ec,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Va.options=yT;Va.states=MT;Va.variants=wT;Va.defaultOptions=ST;Va.modifiers=AT;var rc="color-picker",lc="colorpicker";var Me=require("react/jsx-runtime"),nc="k-colorpicker",ET=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],RT={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]},ic={arrowIconName:"caret-alt-down"},ht=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=ic.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,nc,"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=ET;ht.options=RT;ht.className=nc;ht.defaultOptions=ic;ht.moduleName=rc;ht.folderName=lc;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 sc=require("react/jsx-runtime"),Kr=e=>(0,sc.jsx)(go,{...e});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 KT=require("react/jsx-runtime");var ko=require("react/jsx-runtime"),DT=go.options,BT=go.states,dc={...go.defaultOptions,variant:"color"},_T=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],zT=[{name:"opened",title:"Opened"}],Wa=e=>{let{variant:t,modifiers:o,...a}={...dc,...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)(Kr,{...a,...l})});case"icon":return(0,ko.jsx)("div",{style:s,children:(0,ko.jsx)(Kr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return(0,ko.jsx)("div",{style:s,children:(0,ko.jsx)(Kr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};Wa.options=DT;Wa.states=BT;Wa.variants=_T;Wa.defaultOptions=dc;Wa.modifiers=zT;var vn="combobox",cc=vn;var le=require("react/jsx-runtime"),pc="k-combobox",UT=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],FT={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]},mc={separators:!0},tt=e=>{let{size:t,rounded:o,fillMode:a,separators:l=mc.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:Bo,autocomplete:qr,activeDescendant:sr,"aria-label":_p,...zp}=e,Up=Bo?`${Bo}-listbox`:void 0;return(0,le.jsxs)(le.Fragment,{children:[(0,le.jsxs)(Ce,{...zp,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,pc),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?Up:void 0,"aria-activedescendant":B&&sr?sr:void 0,"aria-autocomplete":qr,"aria-invalid":T?"true":void 0,"aria-busy":w?"true":void 0,"aria-label":_p,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: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)(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=UT;tt.options=FT;tt.className=pc;tt.defaultOptions=mc;tt.moduleName=vn;tt.folderName=cc;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 bc=require("react/jsx-runtime"),uc=e=>(0,bc.jsx)(xt,{...e});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 gc=require("react/jsx-runtime");var Ln=require("react/jsx-runtime");var $T=require("react/jsx-runtime");var VT=require("react/jsx-runtime");var kc=require("react/jsx-runtime");var vc=require("react/jsx-runtime");var Pt=require("react/jsx-runtime"),WT=tt.states,XT=tt.defaultOptions,JT=tt.options,qT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],YT=[],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)(uc,{value:"Value",style:{width:300},...o,...a})})};Xa.options=JT;Xa.states=WT;Xa.variants=YT;Xa.defaultOptions=XT;Xa.modifiers=qT;var Cn="menu-button",Lc=Cn;var yc=require("react/jsx-runtime"),Cc="k-menu-button",QT=[n.hover,n.focus,n.active,n.selected,n.disabled],ZT={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:l,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,yc.jsx)(p,{...P,className:r(e.className,Cc),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=QT;ce.options=ZT;ce.className=Cc;ce.defaultOptions=yn;ce.moduleName=Cn;ce.folderName=Lc;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 jT=require("react/jsx-runtime");var eh=require("react/jsx-runtime");var th=require("react/jsx-runtime");var Nt="menu",wt=Nt;var jt=require("react/jsx-runtime"),Mn="k-menu-item",oh=[n.hover,n.focus,n.active,n.selected,n.disabled],ah={},Mc={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=Mc.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,Mn,"k-item",H(Mn,{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=oh;Je.options=ah;Je.className=Mn;Je.defaultOptions=Mc;Je.moduleName=Nt;Je.folderName=wt;var eo=require("react/jsx-runtime"),Sn="k-menu-item",rh=[n.hover,n.focus,n.active,n.selected,n.disabled],lh={},wn={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=wn.iconPosition,dir:A=wn.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,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: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=rh;he.options=lh;he.className=Sn;he.defaultOptions=wn;he.moduleName=Nt;he.folderName=wt;var Ac=require("react/jsx-runtime"),Sc="k-menu-scroll-wrapper",nh=[],ih={},sh={},Ro=e=>{let{className:t,children:o,orientation:a,...l}=e;return(0,Ac.jsx)("div",{...l,className:r(t,Sc,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Ro.states=nh;Ro.options=ih;Ro.className=Sc;Ro.defaultOptions=sh;Ro.moduleName=Nt;Ro.folderName=wt;var wc=Ro;var Ge=require("react/jsx-runtime"),An="k-menu",dh=[],ch={},Br={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ke=e=>{let{children:t,orientation:o=Br.orientation,header:a=Br.header,scrollable:l,scrollButtonsPosition:s=Br.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,Ge.jsx)("ul",{dir:b,...y,className:r(e.className,"k-reset",An,{[`${An}-${o}`]:o,"k-header":a}),role:k?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Ge.jsxs)(Ge.Fragment,{children:[l?(0,Ge.jsxs)(wc,{orientation:o,style:c,dir:e.dir,children:[s==="start"&&(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.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,Ge.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,Ge.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,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.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,Ge.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,Ge.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]})};Ke.states=dh;Ke.options=ch;Ke.className=An;Ke.defaultOptions=Br;Ke.moduleName=Nt;Ke.folderName=wt;Ke.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 Rc=require("react/jsx-runtime"),En="k-separator",Ec={orientation:"horizontal"},oa=e=>{let{orientation:t=Ec.orientation,...o}=e;return(0,Rc.jsx)("li",{...o,className:r(e.className,"k-item",En,{[`${En}-${t}`]:t}),role:"separator"})};oa.className=En;oa.defaultOptions=Ec;oa.moduleName=Nt;oa.folderName=wt;var Ic=require("react/jsx-runtime");var Oc=require("react/jsx-runtime"),Rn="k-menu-group",ph=[],mh={size:[d.undefined,d.small,d.medium,d.large]},uh={},qe=e=>{let{children:t,size:o,...a}=e;return(0,Oc.jsx)("ul",{...a,className:r(e.className,Rn,R(Rn,{size:o})),role:"menu",children:t})};qe.states=ph;qe.options=mh;qe.className=Rn;qe.defaultOptions=uh;qe.moduleName=Nt;qe.folderName=wt;var Ht=require("react/jsx-runtime"),In=e=>(0,Ht.jsx)(Ke,{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"),bh=Ke.options,fh=Ke.states,Pc={...Ke.defaultOptions,variant:"horizontal"},Th=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],hh=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ja=e=>{let{variant:t,modifiers:o,...a}={...Pc,...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)(oa,{}),(0,Vt.jsx)(he,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Vt.jsx)(In,{...a,...l,orientation:"vertical",style:{width:"200px"}}):(0,Vt.jsx)(In,{...a,...l})};Ja.options=bh;Ja.states=fh;Ja.variants=Th;Ja.defaultOptions=Pc;Ja.modifiers=hh;var Kn=require("react/jsx-runtime");var xh=require("react/jsx-runtime");var Ye=require("react/jsx-runtime"),Nh=p.states,Hc={...p.defaultOptions,variant:"text"},gh=p.options,kh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],vh=[{name:"opened",title:"Opened"}],qa=e=>{let{variant:t,modifiers:o,...a}={...Hc,...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=gh;qa.states=Nh;qa.variants=kh;qa.defaultOptions=Hc;qa.modifiers=vh;var Dn="split-button",Gc=Dn;var to=require("react/jsx-runtime"),Bn="k-split-button",Lh=[n.hover,n.focus,n.active,n.selected,n.disabled],Ch={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]},Kc={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=Kc.arrowIconName,popup:A,opened:w,popupId:P,..._}=e;return(0,to.jsxs)(to.Fragment,{children:[(0,to.jsxs)("div",{..._,className:r(e.className,Bn,"k-button-group",R(Bn,{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=Lh;oe.options=Ch;oe.className=Bn;oe.defaultOptions=Kc;oe.moduleName=Dn;oe.folderName=Gc;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 _n=oe;var Dc=require("react/jsx-runtime"),yh="k-toolbar-separator",Gt=e=>(0,Dc.jsx)("div",{className:r(yh,e.className,"k-separator")});var oo="toolbar",vo=oo;var U=require("react/jsx-runtime"),ao="k-toolbar",Mh=[n.focus],Sh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.outline,v.flat]},wh={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===_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((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=Mh;pe.options=Sh;pe.className=ao;pe.defaultOptions=wh;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 _c=require("react/jsx-runtime"),Bc="k-floating-toolbar",Ah=[],Eh={},Rh={},aa=e=>{let{...t}=e;return(0,_c.jsx)("div",{...t,className:r(e.className,Bc),children:e.children})};aa.states=Ah;aa.options=Eh;aa.className=Bc;aa.defaultOptions=Rh;aa.moduleName=oo;aa.folderName=vo;var zc=require("react/jsx-runtime"),zn="k-toolbar-item",Ih=[n.focus],Oh={},Ph={},ra=e=>{let{focus:t,...o}=e;return(0,zc.jsx)("div",{...o,className:r(e.className,zn,H(zn,{focus:t})),children:e.children})};ra.states=Ih;ra.options=Oh;ra.className=zn;ra.defaultOptions=Ph;ra.moduleName=oo;ra.folderName=vo;var Un=require("react/jsx-runtime"),Uc="k-toolbar-popup",Hh=[],Gh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.outline,v.flat]},Kh={},Io=e=>{let{size:t,fillMode:o,section:a,...l}=e;return(0,Un.jsx)(me,{...l,className:r(e.className,Uc),children:a?(0,Un.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=Hh;Io.options=Gh;Io.className=Uc;Io.defaultOptions=Kh;Io.moduleName=oo;Io.folderName=vo;var _r=Io;var Dh=require("react/jsx-runtime");var Bh=require("react/jsx-runtime");var _h=require("react/jsx-runtime");var Fc=require("react/jsx-runtime");var zh=require("react/jsx-runtime");var At=require("react/jsx-runtime"),Uh=oe.states,$c={...oe.defaultOptions,variant:"text"},Fh=oe.options,$h=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Vh=[{name:"opened",title:"Opened"}],Ya=e=>{let{variant:t,modifiers:o,...a}={...$c,...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=Fh;Ya.states=Uh;Ya.variants=$h;Ya.defaultOptions=$c;Ya.modifiers=Vh;var Wt=require("react/jsx-runtime"),Vc=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 Wc=require("react/jsx-runtime");var De=require("react/jsx-runtime"),Xc=e=>(0,De.jsx)(pe,{scrollable:!0,...e,children:[(0,De.jsx)(p,{children:"Button"},"toolbar-button"),(0,De.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,De.jsx)(oe,{children:"Split button"},"toolbar-split-button"),(0,De.jsxs)(F,{children:[(0,De.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,De.jsx)(p,{icon:"align-center",children:"Center"}),(0,De.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,De.jsx)(p,{children:"Button"},"toolbar-button"),(0,De.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,De.jsx)(oe,{children:"Split button"},"toolbar-split-button"),(0,De.jsxs)(F,{children:[(0,De.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,De.jsx)(p,{icon:"align-center",children:"Center"}),(0,De.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Be=require("react/jsx-runtime"),Jc=({scrollingPosition:e="start",...t})=>(0,Be.jsx)(pe,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,Be.jsx)(p,{children:"Button"},"toolbar-button"),(0,Be.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,Be.jsx)(oe,{children:"Split button"},"toolbar-split-button"),(0,Be.jsxs)(F,{children:[(0,Be.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Be.jsx)(p,{icon:"align-center",children:"Center"}),(0,Be.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Be.jsx)(p,{children:"Button"},"toolbar-button"),(0,Be.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,Be.jsx)(oe,{children:"Split button"},"toolbar-split-button"),(0,Be.jsxs)(F,{children:[(0,Be.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Be.jsx)(p,{icon:"align-center",children:"Center"}),(0,Be.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var xe=require("react/jsx-runtime"),qc=({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)(_r,{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 Fn=require("react/jsx-runtime");var $n=require("react/jsx-runtime");var ro=require("react/jsx-runtime"),Wh=pe.options,Xh=pe.states,Yc={...pe.defaultOptions,variant:"default"},Jh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],qh=[],Qa=e=>{let{variant:t,...o}={...Yc,...e};switch(t){case"responsive":return(0,ro.jsx)("div",{children:(0,ro.jsx)(qc,{style:{width:"583px"},...o})});case"overlay":return(0,ro.jsx)("div",{children:(0,ro.jsx)(Jc,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,ro.jsx)("div",{children:(0,ro.jsx)(Xc,{style:{width:"583px"},...o})});default:return(0,ro.jsx)("div",{children:(0,ro.jsx)(Vc,{style:{width:"583px"},...o})})}};Qa.options=Wh;Qa.states=Xh;Qa.variants=Jh;Qa.defaultOptions=Yc;Qa.modifiers=qh;var Zc=require("react/jsx-runtime"),Qc="k-grid-toolbar",Kt=e=>(0,Zc.jsx)(pe,{...e,className:r(e.className,Qc),children:e.children});Kt.className=Qc;Kt.moduleName=X;Kt.folderName=q;var la=require("react/jsx-runtime"),Vn="k-grid-stack-cell",Yh=[n.focus,n.selected],zr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:s,focus:c,selected:b,...f}=e;return(0,la.jsxs)("div",{...f,className:r(e.className,Vn,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":s},H(Vn,{focus:c,selected:b})),children:[s&&(0,la.jsx)("span",{className:"k-dirty"}),t&&(0,la.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,la.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};zr.states=Yh;zr.className=Vn;zr.moduleName=X;zr.folderName=q;var ep=require("react/jsx-runtime"),jc="k-grid-stack-row",Ur=e=>{let{cols:t,...o}=e;return(0,ep.jsx)("div",{...o,className:r(e.className,jc,{[`k-grid-cols-${t}`]:t}),children:e.children})};Ur.className=jc;Ur.moduleName=X;Ur.folderName=q;var Wn=require("react/jsx-runtime");var Xn=require("react/jsx-runtime");var Jn=require("react/jsx-runtime");var g=require("react/jsx-runtime"),tp=({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"),Qh="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,Qh,`k-chip-${t}-action`),children:a})};var qn="avatar",op=qn;var Qn=require("react/jsx-runtime"),ja="k-avatar";var Zh=[n.hover,n.focus,n.active,n.selected,n.disabled],jh={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:l,type:s=Yn.type,border:c=Yn.border,...b}=e;return(0,Qn.jsx)("div",{...b,className:r(e.className,ja,R(ja,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${ja}-bordered`]:c}),children:(0,Qn.jsx)("span",{className:`${ja}-${s}`,children:e.children})})};dt.states=Zh;dt.options=jh;dt.className=ja;dt.defaultOptions=Yn;dt.moduleName=qn;dt.folderName=op;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 rp=require("react/jsx-runtime"),ap=e=>(0,rp.jsx)(Oo,{type:"icon",...e});var np=require("react/jsx-runtime"),lp=e=>(0,np.jsx)(Oo,{type:"text",...e});var sp=require("react/jsx-runtime"),ip=e=>(0,sp.jsx)(Oo,{type:"image",...e});var ex=require("react/jsx-runtime");var na=require("react/jsx-runtime"),tx=dt.options,ox=dt.states,ax={...dt.defaultOptions,variant:"image"},rx=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],lx=[],er=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,na.jsx)(ap,{...o,children:(0,na.jsx)(m,{icon:"star"})});case"text":return(0,na.jsx)(lp,{...o,children:"JO"});default:return(0,na.jsx)(ip,{...o,children:(0,na.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};er.options=tx;er.states=ox;er.variants=rx;er.defaultOptions=ax;er.modifiers=lx;var tr="chip",Fr=tr;var lo=require("react/jsx-runtime"),$r="k-chip",nx=[n.hover,n.focus,n.active,n.selected,n.disabled],ix={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]},dp={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=dp.avatarImage,hover:y,focus:C,active:T,selected:A,disabled:w,...P}=e;return(0,lo.jsxs)("div",{...P,className:r(e.className,$r,R($r,{size:t,rounded:o,fillMode:a,themeColor:l}),H($r,{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=nx;we.options=ix;we.className=$r;we.defaultOptions=dp;we.moduleName=tr;we.folderName=Fr;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 cp=require("react/jsx-runtime"),Zn="k-chip-list",sx=[],dx={size:[d.undefined,d.small,d.medium,d.large]},cx={},Ae=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return(0,cp.jsx)("div",{...l,className:r(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=sx;Ae.options=dx;Ae.className=Zn;Ae.defaultOptions=cx;Ae.moduleName=tr;Ae.folderName=Fr;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 px=require("react/jsx-runtime");var mx=require("react/jsx-runtime");var pp=require("react/jsx-runtime"),Vr=e=>(0,pp.jsx)(Et,{text:"text",...e});var ux=require("react/jsx-runtime");var bx=require("react/jsx-runtime");var jn=require("react/jsx-runtime");var mp=require("react/jsx-runtime");var up=require("react/jsx-runtime");var bp=require("react/jsx-runtime");var no=require("react/jsx-runtime"),fx={...Et.options,...Ae.options},Tx=[],hx=Ae.states,xx={...Et.defaultOptions,...Ae.defaultOptions},Nx=[{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)(Vr,{...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)(Vr,{...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)(Vr,{...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=fx;or.states=hx;or.variants=Tx;or.defaultOptions=xx;or.modifiers=Nx;var Wr=require("react/jsx-runtime"),gx=we.states,kx=we.defaultOptions,vx=we.options,Lx=[],Cx=[{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,Wr.jsx)(Se,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t!=null&&t[l]?(0,Wr.jsx)(Se,{type:"remove"}):void 0;break;default:break}}),(0,Wr.jsx)(we,{...o,...a,children:"Chip component"})};ar.options=vx;ar.states=gx;ar.variants=Lx;ar.defaultOptions=kx;ar.modifiers=Cx;var E=require("react/jsx-runtime"),fp=({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 ei=require("react/jsx-runtime");var ti=require("react/jsx-runtime");var oi=require("react/jsx-runtime");var G=require("react/jsx-runtime"),Tp=({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 ai=require("react/jsx-runtime");var ri=require("react/jsx-runtime");var D=require("react/jsx-runtime"),hp=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 li=require("react/jsx-runtime");var u=require("react/jsx-runtime"),yx=Y.options,Mx=Y.states,xp={...Y.defaultOptions,variant:"normal"},Sx=[{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"}],wx=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],rr=e=>{let{variant:t,modifiers:o,...a}={...xp,...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)(Tp,{...a,...l});case"editing":return(0,u.jsx)(hp,{...a,...l});case"grouping":return(0,u.jsx)(fp,{...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)(tp,{...a,...l});default:return(0,u.jsx)(Y,{...a,...l,children:f})}};rr.options=yx;rr.states=Mx;rr.variants=Sx;rr.defaultOptions=xp;rr.modifiers=wx;var ni="treelist",Np=ni;var kp=require("react/jsx-runtime"),gp="k-treelist",Ax=[],Ex={},Rx={},_e=e=>(0,kp.jsx)(Y,{...e,className:r(gp,e.className),children:e.children});_e.states=Ax;_e.options=Ex;_e.className=gp;_e.defaultOptions=Rx;_e.moduleName=ni;_e.folderName=Np;var K=require("react/jsx-runtime"),Po=({gridHeader:e,gridContent:t,menu:o,...a})=>(0,K.jsxs)(_e,{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 Lp=require("react/jsx-runtime"),vp=e=>(0,Lp.jsx)(Po,{menu:"column",...e});var yp=require("react/jsx-runtime"),Cp=e=>(0,yp.jsx)(Po,{menu:"filter",...e});var S=require("react/jsx-runtime"),Mp=({gridHeader:e,gridContent:t,menu:o,...a})=>(0,S.jsxs)(_e,{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 Sp=require("react/jsx-runtime");var h=require("react/jsx-runtime"),Ix=_e.options,Ox=_e.states,wp={..._e.defaultOptions,variant:"normal"},Px=[{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"}],Hx=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],lr=e=>{let{variant:t,modifiers:o,...a}={...wp,...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)(Mp,{...a,...l});case"column-menu":return(0,h.jsx)(vp,{...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)(Cp,{...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=Ix;lr.states=Ox;lr.variants=Px;lr.defaultOptions=wp;lr.modifiers=Hx;var ii="propertygrid",Ap=ii;var Rp=require("react/jsx-runtime"),Ep="k-property-grid",Gx=[],Kx={},Dx={},Rt=e=>(0,Rp.jsx)(_e,{...e,className:r(Ep,e.className),children:e.children});Rt.states=Gx;Rt.options=Kx;Rt.className=Ep;Rt.defaultOptions=Dx;Rt.moduleName=ii;Rt.folderName=Ap;var Ip=require("react/jsx-runtime"),Ho="k-pane",Bx=[],_x={},si={resizable:!0,flex:!1},ze=e=>{let{scrollable:t,flexBasis:o,flex:a=si.flex,collapsible:l,resizable:s=si.resizable,pinned:c,unpinned:b,tabbed:f,...k}=e;return(0,Ip.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})};ze.states=Bx;ze.options=_x;ze.className=Ho;ze.defaultOptions=si;var gt=require("react/jsx-runtime"),ia="k-splitbar",zx=[n.hover,n.focus],Ux={},di={orientation:"horizontal",draggable:!0},sa=e=>{let{hover:t,focus:o,orientation:a=di.orientation,draggable:l=di.draggable,collapsePrev:s,collapseNext:c,ariaLabel:b,...f}=e;return(0,gt.jsxs)("div",{...f,className:r(e.className,ia,H(ia,{hover:t,focus:o}),{[`${ia}-${a}`]:a,[`${ia}-draggable-${a}`]:l,[`${ia}-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"})})})]})};sa.states=zx;sa.options=Ux;sa.className=ia;sa.defaultOptions=di;var ci="splitter",Op=ci;var Xr=require("react/jsx-runtime"),Hp=require("react"),pi="k-splitter",Fx={},Pp={orientation:"horizontal"},Ue=e=>{let{orientation:t=Pp.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,Hp.createElement)(ze,{...k,key:b})),f&&s.push((0,Xr.jsx)(sa,{draggable:k.resizable!==!1&&y.resizable!==!1,collapsePrev:k.collapsible,collapseNext:y.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${b}`))}),(0,Xr.jsxs)("div",{...l,className:r(e.className,pi,{[`${pi}-${t}`]:t},"k-splitter-flex"),children:[s,o]})};Ue.options=Fx;Ue.className=pi;Ue.defaultOptions=Pp;Ue.moduleName=ci;Ue.folderName=Op;Ue.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 Gp=require("react/jsx-runtime");var Kp=require("react/jsx-runtime");var Go=require("react/jsx-runtime"),nr=require("react"),$x=Ue.options,Vx=Ue.states,Dp={...Ue.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},Wx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Xx=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],ir=e=>{let{variant:t,modifiers:o,...a}={...Dp,...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)(Ue,{style:{height:"238px"},...a,orientation:"vertical",panes:[(0,nr.createElement)(ze,{...s,flexBasis:"50%",style:b,key:"pane-1"},(0,Go.jsx)("p",{children:s.content})),(0,nr.createElement)(ze,{...c,flexBasis:"50%",style:b,key:"pane-2"},(0,Go.jsx)("p",{children:c.content}))]}):(0,Go.jsx)(Ue,{style:{height:"238px"},...a,orientation:"horizontal",panes:[(0,nr.createElement)(ze,{...s,flexBasis:"50%",style:b,key:"pane-1"},(0,Go.jsx)("p",{children:s.content})),(0,nr.createElement)(ze,{...c,flexBasis:"50%",style:b,key:"pane-2"},(0,Go.jsx)("p",{children:c.content}))]})};ir.options=$x;ir.states=Vx;ir.variants=Wx;ir.defaultOptions=Dp;ir.modifiers=Xx;var Jx=require("react/jsx-runtime");var O=require("react/jsx-runtime"),Jr=({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 Ko=require("react/jsx-runtime"),qx=Rt.options,Yx=Rt.states,Bp={...Rt.defaultOptions,variant:"normal"},Qx=[{name:"normal",title:"Normal"},{name:"preview",title:"With Preview"}],Zx=[],Do=e=>{let{variant:t,...o}={...Bp,...e};return t==="preview"?(0,Ko.jsx)(Ue,{panes:[(0,Ko.jsx)(ze,{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)(ze,{scrollable:!0,children:(0,Ko.jsx)(Jr,{style:{height:"auto"},...o})},"pane-2")]}):(0,Ko.jsx)(Jr,{style:{height:"auto"},...o})};Do.options=qx;Do.states=Yx;Do.variants=Qx;Do.defaultOptions=Bp;Do.modifiers=Zx;var jx=Do;