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/grid/templates/grid-with-sticky-columns.js CHANGED Viewed

	@@ -1 +1 @@
1	- var Wc=Object.create;var $a=Object.defineProperty;var Jc=Object.getOwnPropertyDescriptor;var qc=Object.getOwnPropertyNames;var Yc=Object.getPrototypeOf,Qc=Object.prototype.hasOwnProperty;var Zc=(e,t)=>{for(var o in t)$a(e,o,{get:t[o],enumerable:!0})},Gn=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let l of qc(t))!Qc.call(e,l)&&l!==o&&$a(e,l,{get:()=>t[l],enumerable:!(a=Jc(t,l))\|\|a.enumerable});return e};var Dn=(e,t,o)=>(o=e!=null?Wc(Yc(e)):{},Gn(t\|\|!e\|\|!e.__esModule?$a(o,"default",{value:e,enumerable:!0}):o,e)),jc=e=>Gn($a({},"__esModule",{value:!0}),e);var Ph={};Zc(Ph,{GridWithStickyColumns:()=>Oh});module.exports=jc(Ph);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 w=(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"}),O=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:i,checked:p,active:u,selected:x,disabled:k,indeterminate:C,loading:v,empty:b,readonly:y,highlighted:M,...I}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":i,"k-checked":p,"k-active":u,"k-selected":x,"k-disabled":k,"k-indeterminate":C&&!p,"k-loading":v,"k-empty":b,"k-readonly":y,"k-highlighted":M},Object.keys(I).reduce((B,K)=>(K.startsWith("k-")?B[K]=I[K]:B[`k-${K}`]=I[K],B),{}))};function _n(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"},T={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},f={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var X="grid",J=X;var Wa=require("react/jsx-runtime"),Xa="k-grid",ep=[],tp={size:[d.undefined,d.small,d.medium,d.large]},op=[],zn={pagerPosition:"bottom"},W=e=>{let{size:t,pagerPosition:o=zn.pagerPosition,toolbar:a,pager:l,groupingHeader:i,gridSelectionAggregates:p,_renderAriaRoot:u,resizable:x,...k}=e;return(0,Wa.jsxs)("div",{...k,className:r(e.className,Xa,{[`${Xa}-resizable`]:x},w(Xa,{size:t})),children:[a,o==="top"&&l,i,e.children&&u?(0,Wa.jsx)("div",{className:"k-grid-aria-root",children:e.children}):e.children,p,o==="bottom"&&l]})};W.states=ep;W.options=tp;W.variants=op;W.className=Xa;W.defaultOptions=zn;W.moduleName=X;W.folderName=J;var Fn=require("react/jsx-runtime"),Un="k-grid-header",le=e=>{let{draggable:t,...o}=e;return(0,Fn.jsx)("div",{...o,className:r(e.className,Un,{"k-grid-draggable-header":t}),children:e.children})};le.className=Un;le.moduleName=X;le.folderName=J;var Jo=require("react/jsx-runtime"),Vn="k-grouping-header",Zt=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,Jo.jsxs)("div",{...a,className:r(e.className,Vn),children:[o&&(0,Jo.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,Jo.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};Zt.className=Vn;Zt.moduleName=X;Zt.folderName=J;var Wn=require("react/jsx-runtime"),$n="k-grid-sticky-container",Xn={position:"top"},Ja=e=>{let{position:t=Xn.position,...o}=e;return(0,Wn.jsx)("div",{...o,className:r(e.className,$n,{"k-grid-sticky-top-container":t==="top","k-grid-sticky-bottom-container":t==="bottom"}),children:e.children})};Ja.className=$n;Ja.defaultProps=Xn;Ja.moduleName=X;Ja.folderName=J;var Ae="table",Be=Ae;var qn=require("react/jsx-runtime"),Jn="k-data-table",ap=[],rp={size:[d.undefined,d.small,d.medium,d.large]},lp={},Gt=e=>{let{size:t,...o}=e;return(0,qn.jsx)("div",{...o,className:r(e.className,Jn,w("k-table",{size:t})),children:e.children})};Gt.states=ap;Gt.options=rp;Gt.className=Jn;Gt.defaultOptions=lp;Gt.moduleName=Ae;Gt.folderName=Be;var Yn=require("react/jsx-runtime"),Ir="k-table-header-wrap",np=[n.hover,n.focus,n.disabled],ip={},sp={},jt=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return(0,Yn.jsx)("div",{...i,className:r(e.className,Ir,O(Ir,{hover:o,focus:a,disabled:l})),children:t})};jt.states=np;jt.options=ip;jt.className=Ir;jt.defaultOptions=sp;jt.moduleName=Ae;jt.folderName=Be;var Qn=require("react/jsx-runtime"),Rr="k-table",dp=[],cp={size:[d.undefined,d.small,d.medium,d.large]},pp={},Ge=e=>{let{size:t,...o}=e;return(0,Qn.jsx)("table",{...o,className:r(e.className,Rr,w(Rr,{size:t})),children:e.children})};Ge.states=dp;Ge.options=cp;Ge.className=Rr;Ge.defaultOptions=pp;Ge.moduleName=Ae;Ge.folderName=Be;var qa=require("react/jsx-runtime"),Or="k-table-header",mp=[n.hover,n.focus,n.disabled],up={},bp={},Dt=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return(0,qa.jsx)("div",{...i,className:r(e.className,Or,O(Or,{hover:o,focus:a,disabled:l})),children:(0,qa.jsx)(jt,{children:(0,qa.jsx)(Ge,{children:t})})})};Dt.states=mp;Dt.options=up;Dt.className=Or;Dt.defaultOptions=bp;Dt.moduleName=Ae;Dt.folderName=Be;var jn=require("react/jsx-runtime"),Zn="k-table-scroller",fp=[],Tp={},hp={},So=e=>{let{children:t,...o}=e;return(0,jn.jsx)("div",{...o,className:r(e.className,Zn),children:t})};So.states=fp;So.options=Tp;So.className=Zn;So.defaultOptions=hp;So.moduleName=Ae;So.folderName=Be;var xp=require("react/jsx-runtime");var ti=require("react/jsx-runtime"),ei="k-table-footer",Np=[],gp={},kp={},eo=e=>{let{children:t,...o}=e;return(0,ti.jsx)("div",{...o,className:r(e.className,ei),children:t})};eo.states=Np;eo.options=gp;eo.className=ei;eo.defaultOptions=kp;eo.moduleName=Ae;eo.folderName=Be;var oi=require("react/jsx-runtime"),Pr="k-table-list",vp=[],Lp={size:[d.undefined,d.small,d.medium,d.large]},Cp={},to=e=>{let{size:t,virtualization:o,...a}=e;return(0,oi.jsx)("ul",{...a,className:r(e.className,"k-table",Pr,w(Pr,{size:t}),{"k-virtual-table":o}),children:e.children})};to.states=vp;to.options=Lp;to.className=Pr;to.defaultOptions=Cp;to.moduleName=Ae;to.folderName=Be;var ai=require("react/jsx-runtime"),Mp="k-table-thead",ee=e=>(0,ai.jsx)("thead",{className:r(e.className,Mp),children:e.children});var ri=require("react/jsx-runtime"),yp="k-table-tbody",ne=e=>(0,ri.jsx)("tbody",{className:r(e.className,yp),children:e.children});var Sp=require("react/jsx-runtime");var li=require("react/jsx-runtime"),Hr="k-table-row",Ap=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],S=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:i,alt:p,...u}=e;return(0,li.jsx)("tr",{...u,className:r(e.className,Hr,{"k-table-alt-row":p},O(Hr,{hover:t,focus:o,disabled:i,selected:a,highlighted:l})),children:e.children})};S.states=Ap;S.className=Hr;var ni=require("react/jsx-runtime"),Kr="k-table-row",wp=[n.hover,n.focus,n.selected,n.disabled],Ya=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:i,...p}=e;return(0,ni.jsx)("li",{...p,className:r(e.className,Kr,{"k-table-alt-row":i},O(Kr,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};Ya.states=wp;Ya.className=Kr;var si=require("react/jsx-runtime"),ii="k-table-th",_t=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,i=t\|\|e.children;return(0,si.jsx)("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,ii),children:i})};_t.className=ii;_t.moduleName=Ae;_t.folderName=Be;var Ep=require("react/jsx-runtime");var di=require("react/jsx-runtime"),Br="k-table-td",Ip=[n.focus,n.selected,n.highlighted],s=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:i,rowspan:p,...u}=e,x=l\|\|e.children;return(0,di.jsx)("td",{colSpan:i,rowSpan:p,...u,className:r(e.className,Br,O(Br,{focus:t,selected:o,highlighted:a})),children:x})};s.states=Ip;s.className=Br;var Rp=require("react/jsx-runtime");var Op=require("react/jsx-runtime");var Pp=require("react/jsx-runtime");var Hp=require("react/jsx-runtime");var Kp=require("react/jsx-runtime");var pi=require("react/jsx-runtime");var mi=require("react/jsx-runtime");var ui=require("react/jsx-runtime");var Gr=require("react/jsx-runtime");var fi=require("react/jsx-runtime"),bi="k-grid-header-table",ie=e=>(0,fi.jsx)(Ge,{...e,className:r(e.className,bi),children:e.children});ie.className=bi;ie.moduleName=X;ie.folderName=J;var qo=require("react/jsx-runtime"),Dr="k-font-icon",_p=[],zp={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Up={},Yo=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:i,...p}=e;return a?(0,qo.jsx)("span",{...p,className:r(e.className,Dr,w(Dr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):(0,qo.jsx)(qo.Fragment,{})};Yo.states=_p;Yo.options=zp;Yo.className=Dr;Yo.defaultOptions=Up;var Ti=Yo;var bo=require("react/jsx-runtime"),_r="k-svg-icon",Fp=[],Vp={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},hi={viewBox:"0 0 24 24"},Qo=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:i=hi.viewBox,icon:p,...u}=e;if(!p)return(0,bo.jsx)(bo.Fragment,{});if(p==="none")return(0,bo.jsx)("span",{...u,className:r(e.className,_r,w("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof p=="object"&&p.name&&p.name;return(0,bo.jsx)("span",{...u,className:r(e.className,_r,w("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`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,bo.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:i,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};Qo.states=Fp;Qo.options=Vp;Qo.className=_r;Qo.defaultOptions=hi;var zr=Qo;var Ur=Dn(require("@progress/kendo-svg-icons"));var xi="icon",Ni="icons";var vi=require("react");var gi=require("react"),ki=(0,gi.createContext)({iconsType:"svg"});var zt=require("react/jsx-runtime"),Qa="k-icon",$p=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Xp=[],Wp={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Fr={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{iconsType:t}=(0,vi.useContext)(ki),{size:o,themeColor:a,icon:l,type:i=t\|\|Fr.type,rotate:p,flip:u,viewBox:x=Fr.viewBox,...k}=e;if(!l)return(0,zt.jsx)(zt.Fragment,{});if((t\|\|i)==="svg"){if(l==="none")return(0,zt.jsx)(zr,{...k,className:r(e.className,Qa),icon:l,size:o});let v=Ur[l]?l:$p(`${l}-icon`);return Ur[v]?(0,zt.jsx)(zr,{...k,className:r(e.className,Qa),icon:Ur[v],size:o,themeColor:a,rotate:p,flip:u,viewBox:x}):(0,zt.jsx)(zt.Fragment,{})}return(0,zt.jsx)(Ti,{...k,className:r(e.className,Qa),icon:l,size:o,themeColor:a,rotate:p,flip:u})};L.states=Xp;L.options=Wp;L.defaultOptions=Fr;L.className=Qa;L.moduleName=xi;L.folderName=Ni;L.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 nt=require("react/jsx-runtime"),Vr="k-header",Jp=[n.hover,n.focus,n.active],Li={sortIcon:"sort-asc-small"},H=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:i,columnTitle:p,hover:u,focus:x,active:k,sortIcon:C=Li.sortIcon,sortOrder:v,accessibleLabel:b,...y}=e;return(0,nt.jsxs)(_t,{...y,className:r(e.className,Vr,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":i},O(Vr,{hover:u,focus:x,active:k})),children:[p&&(0,nt.jsxs)("span",{className:"k-cell-inner",children:[(0,nt.jsxs)("span",{className:"k-link",children:[(0,nt.jsx)("span",{className:"k-column-title",children:p}),o&&(0,nt.jsx)("span",{className:"k-sort-icon",children:(0,nt.jsx)(L,{icon:C})}),v&&(0,nt.jsx)("span",{className:"k-sort-order",children:v})]}),t&&(0,nt.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,nt.jsx)(L,{icon:t==="filter"?"filter":"more-vertical"})})]}),!p&&b&&(0,nt.jsx)("span",{className:"k-sr-only",children:b}),e.children,i&&(0,nt.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};H.states=Jp;H.className=Vr;H.defaultOptions=Li;H.moduleName=X;H.folderName=J;var Mi=require("react/jsx-runtime"),Ci="k-grid-container",te=e=>(0,Mi.jsx)("div",{...e,className:r(e.className,Ci),children:e.children});te.className=Ci;te.moduleName=X;te.folderName=J;var Si=require("react/jsx-runtime"),yi="k-grid-content",oe=e=>(0,Si.jsx)("div",{...e,className:r(e.className,yi),children:e.children});oe.className=yi;oe.moduleName=X;oe.folderName=J;var wi=require("react/jsx-runtime"),Ai="k-grid-table",ae=e=>(0,wi.jsx)(Ge,{...e,className:r(e.className,Ai),children:e.children});ae.className=Ai;ae.moduleName=X;ae.folderName=J;var Ii=require("react/jsx-runtime"),Ei="k-grid-footer",$r=e=>(0,Ii.jsx)("div",{...e,className:r(e.className,Ei),children:e.children});$r.className=Ei;$r.moduleName=X;$r.folderName=J;var Oi=require("react/jsx-runtime"),Ri="k-grid-footer-table",Xr=e=>(0,Oi.jsx)(Ge,{...e,className:r(e.className,Ri),children:e.children});Xr.className=Ri;Xr.moduleName=X;Xr.folderName=J;var Wr="button",Pi=Wr;var Ct=require("react/jsx-runtime"),Zo="k-button",qp=["icon-button"],Yp=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Qp={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Jr={showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:i,showArrow:p=Jr.showArrow,arrowIconName:u=Jr.arrowIconName,variant:x,hover:k,focus:C,active:v,selected:b,disabled:y,togglable:M,icon:I,text:B,iconClassName:K,className:U,...pe}=e,Ne=I!==void 0,$e=e.children!==void 0;return(0,Ct.jsxs)(t,{className:r(U,Zo,_n(Zo,x),w(Zo,{size:o,rounded:a,fillMode:l,themeColor:i}),O(Zo,{hover:k,focus:C,active:v,disabled:y,selected:b}),{"k-icon-button":!B&&!$e&&Ne}),...pe,"aria-pressed":M?b?"true":"false":void 0,disabled:y\|\|void 0,children:[I&&(0,Ct.jsx)(L,{className:r(K,"k-button-icon"),icon:I}),B?(0,Ct.jsxs)(Ct.Fragment,{children:[B&&(0,Ct.jsx)("span",{className:"k-button-text",children:B}),e.children]}):e.children&&(0,Ct.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,Ct.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Ct.jsx)(L,{icon:u})})]})};c.states=Yp;c.options=Qp;c.variants=qp;c.className=Zo;c.defaultOptions=Jr;c.moduleName=Wr;c.folderName=Pi;c.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 Hi=require("react/jsx-runtime"),oo=e=>(0,Hi.jsx)(c,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Ki=require("react/jsx-runtime"),jo=e=>(0,Ki.jsx)(c,{icon:"folder",children:"Button",...e});var Bi=require("react/jsx-runtime"),fo=e=>(0,Bi.jsx)(c,{children:"Button",...e});var Za=require("react/jsx-runtime"),Zp=c.options,jp=c.states,em={...c.defaultOptions,variant:"text"},tm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],om=[],ea=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Za.jsx)(oo,{...o,icon:"star"});case"icon-and-text":return(0,Za.jsx)(jo,{...o,icon:"star",children:"Button"});default:return(0,Za.jsx)(fo,{...o,children:"Button"})}};ea.options=Zp;ea.states=jp;ea.variants=tm;ea.defaultOptions=em;ea.modifiers=om;var ta="input",ja=ta;var Gi=require("react/jsx-runtime"),er="k-input",am=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],rm={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},lm={},ge=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:p,readonly:u,size:x,rounded:k,fillMode:C,...v}=e;return(0,Gi.jsx)("span",{...v,className:r(e.className,er,w(er,{size:x,rounded:k,fillMode:C}),O(er,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:p,readonly:u}))})};ge.states=am;ge.options=rm;ge.className=er;ge.defaultOptions=lm;ge.moduleName=ta;ge.folderName=ja;var Di=require("react/jsx-runtime"),tr="k-picker",nm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],im={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},sm={},wt=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:p,readonly:u,size:x,rounded:k,fillMode:C,...v}=e;return(0,Di.jsx)("span",{...v,className:r(e.className,tr,w(tr,{size:x,rounded:k,fillMode:C}),O(tr,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:p,readonly:u})),children:e.children})};wt.states=nm;wt.options=im;wt.className=tr;wt.defaultOptions=sm;wt.moduleName=ta;wt.folderName=ja;var Ao=require("react/jsx-runtime"),_i="k-clear-value",dm=[n.disabled,n.loading,n.readonly],cm={},it=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t\|\|a\|\|o\|\|!l?(0,Ao.jsx)(Ao.Fragment,{}):(0,Ao.jsx)("span",{className:r(e.className,_i),children:(0,Ao.jsx)(L,{icon:"x"})})};it.states=dm;it.options=cm;it.className=_i;var zi=require("react/jsx-runtime"),qr="k-input-inner",pm=[],mm={},or={type:"text",autocomplete:"off",value:"",placeholder:""},st=e=>{let{value:t=or.value,type:o=or.type,placeholder:a=or.placeholder,autocomplete:l=or.autocomplete,disabled:i,readOnly:p,...u}=e;return(0,zi.jsx)("input",{...u,type:o,className:r(e.className,qr,w(qr,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:i\|\|void 0,readOnly:p\|\|void 0})};st.states=pm;st.options=mm;st.className=qr;var oa=require("react/jsx-runtime"),Yr="k-input-inner",um=[],bm={},To=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:i,...p}=e;return(0,oa.jsxs)("span",{...p,className:r(e.className,Yr,w(Yr,e)),children:[l,!l&&i&&(0,oa.jsx)(L,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,oa.jsx)("span",{className:"k-input-value-text",children:t})]})};To.states=um;To.options=bm;To.className=Yr;var Fi=require("react/jsx-runtime"),Qr="k-input-inner",fm=[],Tm={},Ui={value:"",placeholder:""},Zr=e=>{let{value:t=Ui.value,placeholder:o=Ui.placeholder,rows:a,disabled:l,...i}=e;return(0,Fi.jsx)("textarea",{...i,className:r(e.className,Qr,w(Qr,e)),placeholder:o,rows:a,defaultValue:t,disabled:l\|\|void 0})};Zr.states=fm;Zr.options=Tm;Zr.className=Qr;var aa=require("react/jsx-runtime"),Vi="k-input-loading-icon",hm=[n.disabled,n.loading],Ye=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,aa.jsx)(aa.Fragment,{}):(0,aa.jsx)("span",{className:r(e.className,Vi,"k-icon k-i-loading")})};Ye.states=hm;Ye.className=Vi;var ra=require("react/jsx-runtime"),$i="k-input-validation-icon",xm=[n.valid,n.invalid,n.disabled,n.loading],Nm={},Xe=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,i=o?"warning-circle":"check-circle";return a\|\|l\|\|!!!(t\|\|o)?(0,ra.jsx)(ra.Fragment,{}):(0,ra.jsx)(L,{className:r($i),icon:i})};Xe.states=xm;Xe.options=Nm;Xe.className=$i;var la=require("react/jsx-runtime"),gm="k-input-prefix",km={direction:"horizontal"},bt=e=>{let{direction:t=km.direction,...o}=e;return e.children?(0,la.jsx)("span",{...o,className:r(gm,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,la.jsx)(la.Fragment,{})};var na=require("react/jsx-runtime"),vm="k-input-suffix",Lm={direction:"horizontal"},ft=e=>{let{direction:t=Lm.direction,...o}=e;return e.children?(0,na.jsx)("span",{...o,className:r(vm,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,na.jsx)(na.Fragment,{})};var Cm=require("react/jsx-runtime");var Xi=require("react/jsx-runtime"),Mm="k-input-suffix-text",jr=e=>{let{children:t,...o}=e;return(0,Xi.jsx)("span",{...o,className:r(Mm,e.className),children:t})};var Ji=require("react/jsx-runtime"),Wi="k-input-separator",ym={direction:"vertical"},Tt=e=>{let{direction:t=ym.direction,...o}=e;return(0,Ji.jsx)("span",{...o,className:r(Wi,e.className,{[`${Wi}-${t}`]:t})})};var Se=require("react/jsx-runtime"),Sm=ge.states,Am=ge.defaultOptions,wm=ge.options,Em=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Im=[],ia=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:i,readonly:p,...u}=e,x=t==null?void 0:t.prefix,k=t==null?void 0:t.suffix,C=t==null?void 0:t["clear-button"],v=t==null?void 0:t["validation-icon"],b=t==null?void 0:t.separators;return(0,Se.jsxs)(ge,{...u,valid:o,invalid:a,loading:l,disabled:i,readonly:p,style:{width:300},children:[x&&(0,Se.jsxs)(Se.Fragment,{children:[(0,Se.jsx)(bt,{children:(0,Se.jsx)(L,{icon:"lock"})}),b&&(0,Se.jsx)(Tt,{})]}),(0,Se.jsx)(st,{placeholder:"Placeholder",value:"Value"}),v&&(0,Se.jsx)(Xe,{valid:o,invalid:a,loading:l,disabled:i}),(0,Se.jsx)(Ye,{loading:l,disabled:i}),C&&(0,Se.jsx)(it,{loading:l,disabled:i,readonly:p,value:"Value"}),k&&(0,Se.jsxs)(Se.Fragment,{children:[b&&(0,Se.jsx)(Tt,{}),(0,Se.jsx)(ft,{children:(0,Se.jsx)(fo,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ia.options=wm;ia.states=Sm;ia.variants=Im;ia.defaultOptions=Am;ia.modifiers=Em;var el="popup",qi=el;var tl=require("react/jsx-runtime"),Yi="k-animation-container",Rm=[],Om={},Qi={positionMode:"absolute"},Et=e=>{let{positionMode:t=Qi.positionMode,animationStyle:o,offset:a,...l}=e;return(0,tl.jsx)("div",{...l,style:{...a,...e.style},className:r(e.className,Yi,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,tl.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Et.states=Rm;Et.options=Om;Et.className=Yi;Et.defaultOptions=Qi;Et.moduleName=el;Et.folderName=qi;var ol="popup",Zi=ol;var al=require("react/jsx-runtime"),ji="k-popup",Pm=[],Hm={},es={positionMode:"absolute"},se=e=>{let{offset:t,positionMode:o=es.positionMode,animationStyle:a,containerClassName:l,containerRole:i,containerAriaLabel:p,...u}=e;return(0,al.jsx)(Et,{positionMode:o,offset:t,animationStyle:a,className:l,role:i,"aria-label":p,children:(0,al.jsx)("div",{...u,className:r(e.className,ji),children:e.children})})};se.states=Pm;se.options=Hm;se.className=ji;se.defaultOptions=es;se.moduleName=ol;se.folderName=Zi;se.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 rl="action-buttons",ts=rl;var os=require("react/jsx-runtime"),ar="k-actions",Km=[],Bm={},ll={alignment:"start",orientation:"horizontal"},It=e=>{let{alignment:t=ll.alignment,orientation:o=ll.orientation,...a}=e;return(0,os.jsx)("div",{...a,className:r(ar,{[`${ar}-${t}`]:t,[`${ar}-${o}`]:o},e.className),children:e.children})};It.states=Km;It.options=Bm;It.className=ar;It.defaultOptions=ll;It.moduleName=rl;It.folderName=ts;var rs=require("react/jsx-runtime"),Gm="k-actionsheet-footer",as={alignment:"stretched",orientation:"horizontal"},ao=e=>{let{alignment:t=as.alignment,orientation:o=as.orientation,template:a,as:l=a?"div":It,...i}=e;return(0,rs.jsx)(l,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,Gm),children:e.children})};var nl="searchbox",ls=nl;var ro=require("react/jsx-runtime"),ns="k-searchbox",Dm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],_m={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},il={showIcon:!0,icon:"search"},ht=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:i,hover:p,focus:u,valid:x,invalid:k,required:C,loading:v,disabled:b,showIcon:y=il.showIcon,icon:M=il.icon,...I}=e;return(0,ro.jsxs)(ge,{...I,size:a,rounded:l,fillMode:i,hover:p,focus:u,valid:x,invalid:k,required:C,loading:v,disabled:b,className:r(e.className,ns),children:[y&&(0,ro.jsx)(L,{className:"k-input-icon",icon:M}),(0,ro.jsx)(st,{placeholder:o,value:t}),(0,ro.jsx)(Ye,{...e}),(0,ro.jsx)(Xe,{...e}),(0,ro.jsx)(it,{...e})]})};ht.states=Dm;ht.options=_m;ht.className=ns;ht.defaultOptions=il;ht.moduleName=nl;ht.folderName=ls;var zm=require("react/jsx-runtime");var sl="textbox",is=sl;var De=require("react/jsx-runtime"),ss="k-textbox",Um=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Fm={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},rr={showClearButton:!0,showValidationIcon:!0,separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:l=rr.separators,showClearButton:i=rr.showClearButton,showValidationIcon:p=rr.showValidationIcon,prefix:u,suffix:x,type:k,value:C,placeholder:v,hover:b,focus:y,valid:M,invalid:I,required:B,loading:K,disabled:U,readonly:pe,id:Ne,"aria-label":$e,"aria-describedby":rt,...lt}=e;return(0,De.jsxs)(ge,{...lt,size:t,rounded:o,fillMode:a,hover:b,focus:y,valid:M,invalid:I,required:B,loading:K,disabled:U,readonly:pe,className:r(e.className,ss),children:[u&&(0,De.jsxs)(De.Fragment,{children:[(0,De.jsx)(bt,{children:u}),l&&(0,De.jsx)(Tt,{})]}),(0,De.jsx)(st,{id:Ne,placeholder:v,value:C,type:k,disabled:U,"aria-label":$e,"aria-describedby":rt,"aria-invalid":I?"true":void 0}),p&&(0,De.jsx)(Xe,{valid:M,invalid:I,loading:K,disabled:U}),(0,De.jsx)(Ye,{loading:K,disabled:U}),i&&(0,De.jsx)(it,{loading:K,disabled:U,readonly:pe,value:C}),x&&(0,De.jsxs)(De.Fragment,{children:[l&&(0,De.jsx)(Tt,{}),(0,De.jsx)(ft,{children:x})]})]})};de.states=Um;de.options=Fm;de.className=ss;de.defaultOptions=rr;de.moduleName=sl;de.folderName=is;de.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 sa=de;var cs=require("react/jsx-runtime"),ds=e=>(0,cs.jsx)(sa,{...e});var ps=require("react/jsx-runtime");var ms=require("react/jsx-runtime");var Vm=require("react/jsx-runtime");var lr=require("react/jsx-runtime"),$m=de.states,Xm=de.defaultOptions,Wm=de.options,Jm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],qm=[],da=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,lr.jsx)(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,lr.jsx)(fo,{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,lr.jsx)(ds,{value:"Value",style:{width:300},...o,...a})};da.options=Wm;da.states=$m;da.variants=qm;da.defaultOptions=Xm;da.modifiers=Jm;var dt=require("react/jsx-runtime"),us="k-actionsheet-titlebar",Ym={},We=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:i,input:p,inputValue:u,inputPlaceholder:x,adaptive:k,titleId:C,children:v,...b}=e;return(0,dt.jsxs)("div",{...b,className:r(e.className,us),children:[(0,dt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,dt.jsx)("div",{className:"k-actionsheet-actions",children:a}),!v&&(0,dt.jsxs)("div",{className:"k-actionsheet-title",id:C,children:[t&&(0,dt.jsx)("div",{className:"k-text-center",children:t}),o&&(0,dt.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&(0,dt.jsx)("div",{className:"k-actionsheet-title",id:C,children:v}),l&&(0,dt.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(p\|\|i)&&(0,dt.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?(0,dt.jsx)(de,{value:u,placeholder:x,size:k?"large":"medium","aria-label":t\|\|x\|\|"Input"}):(0,dt.jsx)(ht,{placeholder:"Filter",size:k?"large":"medium","aria-label":"Filter options"})})]})};We.className=us;We.defaultOptions=Ym;var wo=require("react/jsx-runtime"),dl="k-actionsheet-view",Qm=[],Zm={},jm={},Eo=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:i,titleId:p,...u}=e,x=(l==null?void 0:l.type)===We&&(0,wo.jsx)(We,{adaptive:t,titleId:p,...l==null?void 0:l.props}),k=(i==null?void 0:i.type)===ao&&(0,wo.jsx)(ao,{...i==null?void 0:i.props});return(0,wo.jsxs)("div",{...u,className:r(e.className,dl,{[`${dl}-animated`]:o}),children:[x,(0,wo.jsx)("div",{className:"k-actionsheet-content",children:a}),k]})};Eo.states=Qm;Eo.options=Zm;Eo.className=dl;Eo.defaultOptions=jm;var ca="action-sheet",nr=ca;var cl="overlay",bs=cl;var fs=require("react/jsx-runtime"),pl="k-overlay",eu=[],tu={themeColor:[f.undefined,f.light,f.dark,f.inverse]},ou={},lo=e=>{let{themeColor:t,...o}=e;return(0,fs.jsx)("div",{...o,className:r(e.className,pl,w(pl,{themeColor:t})),children:e.children})};lo.states=eu;lo.options=tu;lo.className=pl;lo.defaultOptions=ou;lo.moduleName=cl;lo.folderName=bs;var ho=require("react/jsx-runtime"),Ts="k-actionsheet",au=[],ru={},pa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Te=e=>{let{side:t=pa.side,fullscreen:o=pa.fullscreen,adaptive:a=pa.adaptive,overlay:l=pa.overlay,template:i,children:p,header:u,footer:x,id:k,...C}=e,v=k&&!i&&u?`${k}-title`:void 0;return(0,ho.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,ho.jsx)(lo,{}),(0,ho.jsx)(Et,{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,ho.jsx)("div",{...C,id:k,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":v,className:r(e.className,Ts,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|(0,ho.jsx)(Eo,{header:u,footer:x,adaptive:a,titleId:v,...e,children:p})})})]})};Te.states=au;Te.options=ru;Te.className=Ts;Te.defaultOptions=pa;Te.moduleName=ca;Te.folderName=nr;Te.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"),hs="k-actionsheet-container",lu=[],nu={},iu={},Io=e=>{let{children:t,...o}=e;return(0,xs.jsx)("div",{...o,className:hs,children:t})};Io.states=lu;Io.options=nu;Io.className=hs;Io.defaultOptions=iu;Io.moduleName=ca;Io.folderName=nr;var Ns=require("react/jsx-runtime"),ml=e=>{let{...t}=e;return(0,Ns.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var xt=require("react/jsx-runtime"),ul="k-actionsheet-item",su=[n.hover,n.focus,n.selected,n.disabled],no=e=>{let{iconName:t,text:o,description:a,hover:l,focus:i,selected:p,disabled:u,...x}=e;return(0,xt.jsxs)("span",{...x,className:r(e.className,ul,O(ul,{hover:l,focus:i,selected:p,disabled:u})),children:[!e.children&&(0,xt.jsx)(xt.Fragment,{children:(0,xt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,xt.jsx)("span",{className:"k-icon-wrap",children:(0,xt.jsx)(L,{className:"k-actionsheet-item-icon",icon:t})}),(0,xt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,xt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,xt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};no.states=su;no.className=ul;var gs=require("react/jsx-runtime");var du=require("react/jsx-runtime");var cu=require("react/jsx-runtime");var pu=require("react/jsx-runtime");var me=require("react/jsx-runtime"),mu=Te.options,uu=Te.states,vs={...Te.defaultOptions,variant:"normal"},bu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],fu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ma=e=>{let{variant:t,modifiers:o,...a}={...vs,...e},l={},i=(0,me.jsxs)(ml,{children:[(0,me.jsx)(no,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,me.jsx)(no,{text:"Add to Favorites",iconName:"heart"}),(0,me.jsx)(no,{text:"Upload New",iconName:"upload",disabled:!0}),(0,me.jsx)("hr",{className:"k-hr"}),(0,me.jsx)(no,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",u="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o\|\|{}).forEach(x=>{switch(x){case"actions":l.actionsStart=!!(o!=null&&o[x]),l.actionsEnd=!!(o!=null&&o[x]);break;case"subtitle":l.subtitle=o!=null&&o[x]?p:void 0;break;case"footer":l.footer=!!(o!=null&&o[x]);break;default:break}}),t==="adaptive"?(0,me.jsx)(Te,{...a,adaptive:!0,fullscreen:l.fullScreen,header:(0,me.jsx)(We,{actionsStart:l.actionsStart?(0,me.jsx)(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,me.jsx)(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?(0,me.jsxs)(ao,{alignment:"stretched",children:[(0,me.jsx)(c,{text:"Cancel",size:"large",themeColor:"base"}),(0,me.jsx)(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,me.jsx)(Te,{...a,fullscreen:l.fullScreen,header:(0,me.jsx)(We,{actionsStart:l.actionsStart?(0,me.jsx)(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,me.jsx)(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,me.jsxs)(ao,{alignment:"stretched",children:[(0,me.jsx)(c,{text:"Apply",themeColor:"primary"}),(0,me.jsx)(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};ma.options=mu;ma.states=uu;ma.variants=bu;ma.defaultOptions=vs;ma.modifiers=fu;var sr=Dn(require("react"));var bl=require("react/jsx-runtime"),Tu="k-list-group-sticky-header",fl=e=>(0,bl.jsx)("div",{className:r(Tu,e.className),children:(0,bl.jsx)("div",{className:"k-list-header-text",children:e.children})});var Ls=require("react/jsx-runtime"),hu="k-no-data",ir=e=>{let{live:t,...o}=e;return(0,Ls.jsx)("span",{...o,className:r(hu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var xo="list",Ro=xo;var Oo=require("react/jsx-runtime"),Tl="k-list",xu=[],Nu={size:[d.undefined,d.small,d.medium,d.large]},gu={},V=e=>{var y;let{size:t,virtualization:o,children:a,header:l,optionLabel:i,customValue:p,noData:u,screenReaders:x,...k}=e,v=sr.default.Children.toArray(a)[0],b=(y=v==null?void 0:v.props)!=null&&y.children?sr.default.Children.count(v.props.children):sr.default.Children.count(a);return(0,Oo.jsxs)("div",{...k,className:r(e.className,Tl,w(Tl,{size:t}),{"k-virtual-list":o}),children:[i,p,l&&(0,Oo.jsx)(fl,{children:l}),a\|\|(u!==void 0?u:(0,Oo.jsx)(ir,{live:!0,children:"No data found."})),x&&a&&(0,Oo.jsxs)(ir,{className:"k-sr-only",live:!0,children:[b," items found."]})]})};V.states=xu;V.options=Nu;V.className=Tl;V.defaultOptions=gu;V.moduleName=xo;V.folderName=Ro;V.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var Ms=require("react/jsx-runtime"),Cs="k-list-container",ku=[],vu={},Lu={},Po=e=>{let{...t}=e;return(0,Ms.jsx)("div",{...t,className:r(e.className,Cs),children:e.children})};Po.states=ku;Po.options=vu;Po.className=Cs;Po.defaultOptions=Lu;Po.moduleName=xo;Po.folderName=Ro;var No="checkbox",Ho=No;var hl=require("react/jsx-runtime"),dr="k-checkbox",Cu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Mu={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full]},yu={},Qe=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:i,disabled:p,invalid:u,valid:x,required:k,size:C,rounded:v,...b}=e;return(0,hl.jsx)("span",{className:"k-checkbox-wrap",children:(0,hl.jsx)("input",{...b,id:t,type:"checkbox",defaultChecked:o,required:k,disabled:p\|\|void 0,"aria-invalid":u?"true":void 0,className:r(e.className,dr,w(dr,{size:C,rounded:v}),O(dr,{hover:l,focus:i,disabled:p,invalid:u,valid:x,indeterminate:a,checked:o}))})})};Qe.states=Cu;Qe.options=Mu;Qe.className=dr;Qe.defaultOptions=yu;Qe.moduleName=No;Qe.folderName=Ho;Qe.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 Rt=Qe;var As=require("react/jsx-runtime"),ys="k-checkbox-list",Su=[],Au={},Ss={layout:"vertical"},Ze=e=>{let{layout:t=Ss.layout,...o}=e;return(0,As.jsx)("ul",{...o,className:r(e.className,ys,{[`k-list-${t}`]:t}),children:e.children})};Ze.states=Su;Ze.options=Au;Ze.className=ys;Ze.defaultOptions=Ss;Ze.moduleName=No;Ze.folderName=Ho;var Es=require("react/jsx-runtime"),ws="k-checkbox-list-item",wu=[],Eu={},Iu={},Je=e=>{let{...t}=e;return(0,Es.jsx)("li",{...t,className:r(e.className,ws),children:e.children})};Je.states=wu;Je.options=Eu;Je.className=ws;Je.defaultOptions=Iu;Je.moduleName=No;Je.folderName=Ho;var go=require("react/jsx-runtime"),Ut=({children:e,id:t,...o})=>(0,go.jsxs)(go.Fragment,{children:[(0,go.jsx)(Rt,{id:t,...o}),(0,go.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var xl=require("react/jsx-runtime");var Nl=require("react/jsx-runtime");var gl=require("react/jsx-runtime");var Ru=require("react/jsx-runtime");var Ou=require("react/jsx-runtime");var Pu=require("react/jsx-runtime");var _e=require("react/jsx-runtime"),Hu=Ze.options,Ku=Ze.states,Bu={...Ze.defaultOptions,variant:"vertical"},Gu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Du=[],ua=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,_e.jsxs)(Ze,{layout:"horizontal",...o,children:[(0,_e.jsx)(Je,{children:(0,_e.jsx)(Ut,{id:"first",defaultChecked:!0,children:"Label"})}),(0,_e.jsx)(Je,{children:(0,_e.jsx)(Ut,{id:"second",children:"Label"})}),(0,_e.jsx)(Je,{children:(0,_e.jsx)(Ut,{id:"third",children:"Label"})})]}):(0,_e.jsxs)(Ze,{...o,children:[(0,_e.jsx)(Je,{children:(0,_e.jsx)(Ut,{id:"first",defaultChecked:!0,children:"Label"})}),(0,_e.jsx)(Je,{children:(0,_e.jsx)(Ut,{id:"second",children:"Label"})}),(0,_e.jsx)(Je,{children:(0,_e.jsx)(Ut,{id:"third",children:"Label"})})]})};ua.options=Hu;ua.states=Ku;ua.variants=Gu;ua.defaultOptions=Bu;ua.modifiers=Du;var Is=require("react/jsx-runtime"),_u=Rt.options,zu=Rt.states,Uu=Rt.defaultOptions,Fu=[],Vu=[],ba=e=>(0,Is.jsx)(Ut,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});ba.options=_u;ba.states=zu;ba.variants=Fu;ba.defaultOptions=Uu;ba.modifiers=Vu;var Ot=require("react/jsx-runtime"),kl="k-list-item",$u=[n.hover,n.focus,n.selected,n.disabled],Xu={},Wu={},z=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:i,showCheckbox:p,checked:u,hover:x,focus:k,selected:C,disabled:v,actions:b,description:y,id:M,...I}=e,B=t\|\|e.children;return(0,Ot.jsxs)("li",{...I,id:M,role:a?"presentation":"option",tabIndex:a?void 0:k?0:-1,"aria-selected":!a&&C?"true":a?void 0:"false","aria-disabled":!a&&v?"true":void 0,className:r(e.className,a?"k-list-group-item":kl,O(kl,{hover:x,focus:k,disabled:v,selected:C})),children:[p&&(0,Ot.jsx)(Qe,{checked:u}),l&&(0,Ot.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Ot.jsx)(L,{icon:l,className:r("k-list-item-icon",i)})}),(0,Ot.jsx)("span",{className:"k-list-item-text",children:B}),b&&(0,Ot.jsx)("div",{className:"k-list-item-actions",children:b}),y&&(0,Ot.jsx)("span",{className:"k-list-item-description",children:y}),o&&o!==""&&(0,Ot.jsx)("div",{className:"k-list-item-group-label",children:o})]})};z.states=$u;z.options=Xu;z.className=kl;z.defaultOptions=Wu;z.moduleName=xo;z.folderName=Ro;z.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};var Rs=require("react/jsx-runtime"),Ju="k-list-ul",Ft=e=>{let{children:t,role:o,id:a,...l}=e;return(0,Rs.jsx)("ul",{...l,id:a,role:o,className:r(Ju,e.className),children:t})};Ft.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};var Ko=require("react/jsx-runtime"),qu="k-list-content",Y=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:i,...p}=e;return(0,Ko.jsxs)("div",{...p,className:r(qu,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:(0,Ko.jsx)(Ft,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&(0,Ko.jsx)("div",{className:"k-height-container",children:(0,Ko.jsx)("div",{})})]})};Y.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 vl=require("react/jsx-runtime");var Bo=require("react/jsx-runtime"),Yu="k-list-group-item",ko=e=>{let{groupIconName:t,...o}=e;return(0,Bo.jsxs)("li",{...o,role:"presentation",className:r(Yu,e.className),children:[t&&(0,Bo.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Bo.jsx)(L,{icon:t,className:"k-list-item-icon"})}),(0,Bo.jsx)("span",{className:"k-list-item-text",children:e.children})]})};ko.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 Os=require("react/jsx-runtime"),Ll="k-list-optionlabel",Qu=[n.hover,n.focus,n.selected,n.disabled],Zu={},ju={},cr=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...p}=e;return(0,Os.jsx)("div",{...p,className:r(Ll,O(Ll,{hover:o,focus:a,selected:l,disabled:i})),children:t})};cr.states=Qu;cr.options=Zu;cr.className=Ll;cr.defaultOptions=ju;var Ps=require("react/jsx-runtime"),Cl="k-list-custom-value",eb=[n.hover,n.focus,n.selected,n.disabled],tb={},ob={},io=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...p}=e;return(0,Ps.jsx)("div",{...p,className:r(Cl,O(Cl,{hover:o,focus:a,selected:l,disabled:i})),children:t})};io.states=eb;io.options=tb;io.className=Cl;io.defaultOptions=ob;var Ml=require("react/jsx-runtime");var yl=require("react/jsx-runtime");var Sl=require("react/jsx-runtime");var Al=require("react/jsx-runtime");var ab=require("react/jsx-runtime");var wl=require("react/jsx-runtime");var Hs="dropdown-list",Ks="dropdownlist";var ue=require("react/jsx-runtime"),Bs="k-dropdownlist",rb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],lb={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},El={showValue:!0,arrowIconName:"caret-alt-down"},Q=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=El.arrowIconName,showValue:i=El.showValue,valueIconName:p,prefix:u,suffix:x,value:k,placeholder:C,hover:v,focus:b,valid:y,invalid:M,required:I,loading:B,disabled:K,readonly:U,popup:pe,opened:Ne,adaptive:$e,adaptiveSettings:rt,adaptiveTitle:lt,adaptiveSubtitle:yo,adaptiveFilter:Er,...Va}=e;return(0,ue.jsxs)(ue.Fragment,{children:[(0,ue.jsxs)(wt,{...Va,size:t,rounded:o,fillMode:a,hover:v,focus:b,valid:y,invalid:M,required:I,loading:B,disabled:K,readonly:U,className:r(e.className,Bs,{"k-icon-picker":!i&&p}),children:[(0,ue.jsx)(bt,{children:u}),(0,ue.jsx)(To,{placeholder:C,value:k,showValue:i,valueIconName:p}),(0,ue.jsx)(Xe,{valid:y,invalid:M,loading:B,disabled:K}),(0,ue.jsx)(Ye,{loading:B,disabled:K}),(0,ue.jsx)(ft,{children:x}),(0,ue.jsx)(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":C\|\|"Toggle dropdown"})]}),Ne&&pe&&(0,ue.jsx)(se,{className:"k-list-container k-dropdownlist-popup",children:pe}),$e&&(0,ue.jsx)(Te,{adaptive:!0,...rt,header:(0,ue.jsx)(We,{actionsEnd:(0,ue.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Er,inputValue:k,inputPlaceholder:C,title:lt,subtitle:yo}),children:(0,ue.jsx)("div",{className:"k-list-container",children:(0,ue.jsx)(V,{size:"large",children:(0,ue.jsxs)(Y,{children:[(0,ue.jsx)(z,{text:"List item"}),(0,ue.jsx)(z,{text:"List item"}),(0,ue.jsx)(z,{text:"List item"})]})})})})]})};Q.states=rb;Q.options=lb;Q.className=Bs;Q.defaultOptions=El;Q.moduleName=Hs;Q.folderName=Ks;var nb=require("react/jsx-runtime");var Gs=require("react/jsx-runtime");var Il=require("react/jsx-runtime");var ib=require("react/jsx-runtime");var Ds=require("react/jsx-runtime");var Rl=require("react/jsx-runtime");var je=require("react/jsx-runtime"),sb=Q.states,db=Q.defaultOptions,cb=Q.options,pb=[{name:"opened",title:"Opened"}],mb=[],Ta=e=>{let{modifiers:t,...o}=e,a={},l=(0,je.jsxs)(je.Fragment,{children:[(0,je.jsx)("div",{className:"k-list-filter",children:(0,je.jsx)(ht,{})}),(0,je.jsx)(V,{style:{width:300},size:o.size,children:(0,je.jsxs)(Y,{children:[(0,je.jsx)(z,{children:"List item"}),(0,je.jsx)(z,{children:"List item"}),(0,je.jsx)(z,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?l:void 0)}),(0,je.jsx)("div",{children:(0,je.jsx)(Q,{placeholder:"Value",style:{width:300},...o,...a})})};Ta.options=cb;Ta.states=sb;Ta.variants=mb;Ta.defaultOptions=db;Ta.modifiers=pb;var ha=require("react/jsx-runtime"),_s="k-spin-button",fb=[],Tb={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Ol={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},so=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=Ol.increaseLabel,decreaseLabel:i=Ol.decreaseLabel,...p}=e;return(0,ha.jsxs)("span",{...p,className:r(_s,e.className),children:[(0,ha.jsx)(c,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),(0,ha.jsx)(c,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};so.states=fb;so.options=Tb;so.className=_s;so.defaultOptions=Ol;so.moduleName=null;so.folderName=null;var zs="numeric-textbox",Us="numerictextbox";var we=require("react/jsx-runtime"),Fs="k-numerictextbox",hb=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],xb={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},pr={showSpinButton:!0,showClearButton:!0,separators:!0},F=e=>{let{size:t,rounded:o,fillMode:a,separators:l=pr.separators,showClearButton:i=pr.showClearButton,showSpinButton:p=pr.showSpinButton,prefix:u,suffix:x,value:k,placeholder:C,hover:v,focus:b,valid:y,invalid:M,required:I,loading:B,disabled:K,readonly:U,id:pe,"aria-label":Ne,"aria-describedby":$e,...rt}=e;return(0,we.jsxs)(ge,{...rt,size:t,rounded:o,fillMode:a,hover:v,focus:b,valid:y,invalid:M,required:I,loading:B,disabled:K,readonly:U,className:r(e.className,Fs),children:[u&&(0,we.jsxs)(we.Fragment,{children:[(0,we.jsx)(bt,{children:u}),l&&(0,we.jsx)(Tt,{})]}),(0,we.jsx)(st,{id:pe,placeholder:C,value:k,role:"spinbutton",disabled:K,"aria-label":Ne,"aria-describedby":$e,"aria-invalid":M?"true":void 0}),(0,we.jsx)(Xe,{valid:y,invalid:M,loading:B,disabled:K}),(0,we.jsx)(Ye,{loading:B,disabled:K}),i&&(0,we.jsx)(it,{loading:B,disabled:K,readonly:U,value:k}),x&&(0,we.jsxs)(we.Fragment,{children:[l&&(0,we.jsx)(Tt,{}),(0,we.jsx)(ft,{children:x})]}),p&&(0,we.jsx)(so,{className:"k-input-spinner",size:t,fillMode:a,disabled:K})]})};F.states=hb;F.options=xb;F.className=Fs;F.defaultOptions=pr;F.moduleName=zs;F.folderName=Us;F.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 xa=F;var $s=require("react/jsx-runtime"),Vs=e=>(0,$s.jsx)(xa,{...e});var Xs=require("react/jsx-runtime");var Ws=require("react/jsx-runtime");var Nb=require("react/jsx-runtime");var mr=require("react/jsx-runtime"),gb=F.states,kb=F.defaultOptions,vb=F.options,Lb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Cb=[],Na=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,mr.jsx)(Q,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,mr.jsx)(jr,{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,mr.jsx)(Vs,{value:"Value",style:{width:300},...o,...a})};Na.options=vb;Na.states=gb;Na.variants=Cb;Na.defaultOptions=kb;Na.modifiers=Lb;var Pl="pager",Js=Pl;var Z=require("react/jsx-runtime"),ur="k-pager",Mb=[n.focus,n.disabled],yb={size:[d.undefined,d.small,d.medium,d.large]},ct={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},ke=e=>{let{responsive:t=ct.responsive,size:o,pagerSizeInfo:a=ct.pagerSizeInfo,pageTitleInfo:l=ct.pageTitleInfo,maxPagesInfo:i=ct.maxPagesInfo,itemsPerPage:p=ct.itemsPerPage,maxPages:u=ct.maxPages,currentPage:x=ct.currentPage,previousNext:k=ct.previousNext,type:C=ct.type,pageSizes:v=ct.pageSizes,refresh:b=ct.refresh,info:y=ct.info,focus:M,disabled:I,dir:B,...K}=e,U=[],pe=[];for(let Ne=1;Ne<=u;Ne++)U.push((0,Z.jsx)(c,{selected:Ne===x,fillMode:"flat",themeColor:"primary",size:o,children:Ne})),pe.push((0,Z.jsx)("option",{selected:Ne===x,children:Ne}));return(0,Z.jsxs)("div",{dir:B,...K,className:r(e.className,ur,w(ur,{size:o}),O(ur,{focus:M,disabled:I}),{"k-pager-responsive":t}),children:[(0,Z.jsxs)("div",{className:r("k-pager-numbers-wrap"),children:[k&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(c,{className:r("k-pager-nav","k-pager-first"),disabled:x===1&&!I,fillMode:"flat",size:o,icon:B==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),(0,Z.jsx)(c,{className:r("k-pager-nav"),disabled:x===1&&!I,fillMode:"flat",size:o,icon:B==="rtl"?"caret-alt-right":"caret-alt-left"})]}),C==="numeric"&&(0,Z.jsx)("div",{className:r("k-pager-numbers"),children:U}),C==="input"&&(0,Z.jsxs)("span",{className:r("k-pager-input"),children:[l&&(0,Z.jsx)("span",{children:"Page"}),(0,Z.jsx)(F,{value:`${x}`,size:o,showSpinButton:!1,showClearButton:!1}),(0,Z.jsx)("span",{children:i&&`of ${u}`})]}),k&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(c,{className:r("k-pager-nav"),disabled:x===u&&!I,fillMode:"flat",size:o,icon:B==="rtl"?"caret-alt-left":"caret-alt-right"}),(0,Z.jsx)(c,{className:r("k-pager-nav","k-pager-last"),disabled:x===u&&!I,fillMode:"flat",size:o,icon:B==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),v&&(0,Z.jsxs)("span",{className:r("k-pager-sizes"),children:[(0,Z.jsx)(Q,{value:`${p}`,size:o}),a&&(0,Z.jsx)("span",{children:"items per page"})]}),b&&(0,Z.jsx)(c,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),y&&(0,Z.jsx)("span",{className:r("k-pager-info"),children:y})]})};ke.states=Mb;ke.options=yb;ke.className=ur;ke.defaultOptions=ct;ke.moduleName=Pl;ke.folderName=Js;var Sb=require("react/jsx-runtime");var Ab=require("react/jsx-runtime");var wb=require("react/jsx-runtime");var Hl=require("react/jsx-runtime"),Eb=ke.options,Ib=ke.states,Rb={...ke.defaultOptions,variant:"numeric"},Ob=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Pb=[],ga=e=>{let{variant:t,...o}=e;return t==="input"?(0,Hl.jsx)(ke,{...o,type:"input"}):(0,Hl.jsx)(ke,{...o,type:"numeric"})};ga.options=Eb;ga.states=Ib;ga.variants=Ob;ga.defaultOptions=Rb;ga.modifiers=Pb;var Ys=require("react/jsx-runtime"),qs="k-grid-pager",Pt=e=>(0,Ys.jsx)(ke,{...e,className:r(e.className,qs),children:e.children});Pt.className=qs;Pt.moduleName=X;Pt.folderName=J;var Kl="button",Qs=Kl;var Zs=require("react/jsx-runtime"),ka="k-button-group",Hb=[n.disabled],Kb={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Bb={},_=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return(0,Zs.jsx)("div",{role:"group",...l,className:r(e.className,ka,w(ka,{fillMode:t}),O(ka,{disabled:o}),{[`${ka}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};_.states=Hb;_.options=Kb;_.className=ka;_.defaultOptions=Bb;_.moduleName=Kl;_.folderName=Qs;_.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 Bl=require("react/jsx-runtime");var Gl=require("react/jsx-runtime");var Dl=require("react/jsx-runtime");var _l=require("react/jsx-runtime");var zl=require("react/jsx-runtime");var Ul=require("react/jsx-runtime");var et=require("react/jsx-runtime"),Gb={...c.options,..._.options},Db=c.states,_b={...c.defaultOptions,..._.defaultOptions,variant:"text-button"},zb=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Ub=[],va=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,et.jsxs)(_,{fillMode:a.fillMode,className:o,children:[(0,et.jsx)(c,{...a,icon:"star"}),(0,et.jsx)(c,{...a,icon:"star"}),(0,et.jsx)(c,{...a,icon:"star"})]}):t==="icon-text-button"?(0,et.jsxs)(_,{fillMode:a.fillMode,className:o,children:[(0,et.jsx)(c,{...a,icon:"star",children:"First"}),(0,et.jsx)(c,{...a,icon:"star",children:"Middle"}),(0,et.jsx)(c,{...a,icon:"star",children:"Last"})]}):(0,et.jsxs)(_,{fillMode:a.fillMode,className:o,children:[(0,et.jsx)(c,{...a,children:"First"}),(0,et.jsx)(c,{...a,children:"Middle"}),(0,et.jsx)(c,{...a,children:"Last"})]})};va.options=Gb;va.states=Db;va.variants=zb;va.defaultOptions=_b;va.modifiers=Ub;var La=require("react/jsx-runtime"),js="k-color-preview",Fb=[],Vb={},co=e=>{let{color:t,iconName:o,...a}=e;return(0,La.jsxs)("span",{...a,className:r(e.className,js,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,La.jsx)(L,{icon:o,className:"k-color-preview-icon"}),(0,La.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};co.states=Fb;co.options=Vb;co.className=js;var Fl="slider",ed=Fl;var Mt=require("react/jsx-runtime"),Ca="k-slider",$b=[n.hover,n.focus,n.active,n.disabled,n.readonly],Xb={},gt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ce=e=>{let{type:t=gt.type,orientation:o=gt.orientation,gradientType:a=gt.gradientType,readonly:l=gt.readonly,disabled:i=gt.disabled,handlePosition:p=gt.handlePosition,showButtons:u=gt.showButtons,showTicks:x=gt.showTicks,value:k=gt.value,min:C=gt.min,max:v=gt.max,startValue:b,endValue:y,hover:M,focus:I,active:B,trackStyle:K,dir:U,...pe}=e,$e=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),rt,lt;return o==="horizontal"?(rt=U==="rtl"?"caret-alt-left":"caret-alt-right",lt=U==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(rt="caret-alt-up",lt="caret-alt-down"),(0,Mt.jsxs)("div",{...pe,className:r(Ca,e.className,O(Ca,{readonly:l,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:U,children:[u&&(0,Mt.jsx)(c,{className:"k-button-decrease",rounded:"full",icon:lt,tabIndex:-1,title:"Decrease"}),(0,Mt.jsxs)("div",{className:"k-slider-track-wrap",children:[x&&(0,Mt.jsx)("ul",{className:"k-reset k-slider-items",children:e.children}),(0,Mt.jsxs)("div",{className:"k-slider-track",style:K,children:[(0,Mt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Mt.jsx)("span",{className:r("k-draghandle","k-draghandle-start",O(Ca,{hover:M,focus:I,active:B})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":b??C,"aria-valuemin":C,"aria-valuemax":y??v,"aria-orientation":$e,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":pe["aria-label"]?`${pe["aria-label"]} start`:"Range start"}),(0,Mt.jsx)("span",{className:r("k-draghandle",`k-draghandle-${p}`,O(Ca,{hover:M,focus:I,active:B})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?y??v:k,"aria-valuemin":t==="range"?b??C:C,"aria-valuemax":v,"aria-orientation":$e,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?pe["aria-label"]?`${pe["aria-label"]} end`:"Range end":pe["aria-label"]})]})]}),u&&(0,Mt.jsx)(c,{className:"k-button-increase",rounded:"full",icon:rt,tabIndex:-1,title:"Increase"})]})};ce.states=$b;ce.options=Xb;ce.className=Ca;ce.defaultOptions=gt;ce.moduleName=Fl;ce.folderName=ed;ce.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 Vl=require("react/jsx-runtime"),td="k-tick",Wb=[],Jb={},od={label:!1},G=e=>{let{style:t,label:o=od.label,orientation:a,large:l,text:i,...p}=e;return(0,Vl.jsx)("li",{...p,className:r(e.className,td,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&(0,Vl.jsx)("span",{className:"k-label",children:i})})};G.states=Wb;G.options=Jb;G.className=td;G.defaultOptions=od;var Ee=require("react/jsx-runtime"),ad=e=>(0,Ee.jsx)(ce,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,Ee.jsxs)(Ee.Fragment,{children:[(0,Ee.jsx)(G,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ee.jsx)(G,{}),(0,Ee.jsx)(G,{}),(0,Ee.jsx)(G,{}),(0,Ee.jsx)(G,{}),(0,Ee.jsx)(G,{label:!0,large:!0,text:"5"}),(0,Ee.jsx)(G,{}),(0,Ee.jsx)(G,{}),(0,Ee.jsx)(G,{}),(0,Ee.jsx)(G,{}),(0,Ee.jsx)(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Ie=require("react/jsx-runtime"),rd=e=>(0,Ie.jsx)(ce,{children:(0,Ie.jsxs)(Ie.Fragment,{children:[(0,Ie.jsx)(G,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ie.jsx)(G,{}),(0,Ie.jsx)(G,{}),(0,Ie.jsx)(G,{}),(0,Ie.jsx)(G,{}),(0,Ie.jsx)(G,{label:!0,large:!0,text:"5"}),(0,Ie.jsx)(G,{}),(0,Ie.jsx)(G,{}),(0,Ie.jsx)(G,{}),(0,Ie.jsx)(G,{}),(0,Ie.jsx)(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var $l=require("react/jsx-runtime");var Xl=require("react/jsx-runtime");var ld=require("react/jsx-runtime"),Wl=e=>(0,ld.jsx)(ce,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var nd=require("react/jsx-runtime"),Jl=e=>(0,nd.jsx)(ce,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var ql=require("react/jsx-runtime");var Yl=require("react/jsx-runtime");var tt=require("react/jsx-runtime"),qb=ce.options,Yb=ce.states,id={...ce.defaultOptions,variant:"horizontal",label:!0},Qb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Zb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ma=e=>{let{variant:t,modifiers:o,...a}={...id,...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:i=!0,showButtons:p,showTicks:u}=l,x={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,tt.jsxs)(rd,{showTicks:u,showButtons:p,style:{height:"300px",...x},...a,children:[(0,tt.jsx)(G,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,tt.jsx)(G,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,tt.jsx)(G,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,tt.jsx)(G,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,tt.jsx)(G,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,tt.jsxs)(ad,{showTicks:u,showButtons:p,style:{width:"400px",...x},...a,children:[(0,tt.jsx)(G,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,tt.jsx)(G,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,tt.jsx)(G,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,tt.jsx)(G,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,tt.jsx)(G,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ma.options=qb;Ma.states=Yb;Ma.variants=Qb;Ma.defaultOptions=id;Ma.modifiers=Zb;var E=require("react/jsx-runtime"),sd="k-colorgradient-inputs",jb=[],ef={size:[d.undefined,d.small,d.medium,d.large]},dd={mode:"rgba"},Go=e=>{let{mode:t=dd.mode,size:o,...a}=e;return(0,E.jsxs)("div",{...a,className:r(sd,"k-hstack"),children:[(0,E.jsx)("div",{className:"k-vstack",children:(0,E.jsx)(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,E.jsx)(E.Fragment,{children:(0,E.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,E.jsx)(de,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Go.states=jb;Go.options=ef;Go.className=sd;Go.defaultOptions=dd;var ze=require("react/jsx-runtime"),cd="k-colorgradient-color-contrast",tf=[],of={},af={},Do=()=>(0,ze.jsxs)("div",{className:r(cd,"k-vbox"),children:[(0,ze.jsxs)("div",{className:"k-contrast-ratio",children:[(0,ze.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,ze.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,ze.jsx)(L,{icon:"check"}),(0,ze.jsx)(L,{icon:"check"})]})]}),(0,ze.jsxs)("div",{children:[(0,ze.jsx)("span",{children:"AA: 4.5"}),(0,ze.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,ze.jsx)(L,{icon:"check"})]})]}),(0,ze.jsxs)("div",{children:[(0,ze.jsx)("span",{children:"AAA: 7.0"}),(0,ze.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,ze.jsx)(L,{icon:"x"})]})]})]});Do.states=tf;Do.options=of;Do.className=cd;Do.defaultOptions=af;var pd="color-gradient",md="colorgradient";var ve=require("react/jsx-runtime"),br="k-colorgradient",rf=[n.hover,n.focus,n.readonly,n.disabled],lf={size:[d.undefined,d.small,d.medium,d.large]},Ht={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"},Re=e=>{let{size:t,mode:o=Ht.mode,readonly:a=Ht.readonly,disabled:l=Ht.disabled,gradientStyle:i=Ht.gradientStyle,dragHandleStyle:p=Ht.dragHandleStyle,alphaStyle:u=Ht.alphaStyle,alphaStyleHorizontal:x=Ht.alphaStyleHorizontal,contrast:k=Ht.contrast,dir:C,hover:v,focus:b,hoverHandle:y,focusHandle:M,canvasOrientation:I=Ht.canvasOrientation,role:B,tabIndex:K,...U}=e;return(0,ve.jsxs)("div",{...U,role:B??"textbox","aria-label":B==="none"?void 0:"Color gradient",tabIndex:K??0,"aria-disabled":l?"true":void 0,className:r(e.className,br,w(br,{size:t}),O(br,{hover:v,focus:b,readonly:a,disabled:l})),dir:C,children:[!I\|\|I==="horizontal"&&(0,ve.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,ve.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,ve.jsx)("div",{className:"k-hsv-gradient",children:(0,ve.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":y,"k-focus":M}),style:p,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,ve.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,ve.jsx)(Jl,{className:"k-hue-slider",hover:y,focus:M}),o!=="rgb"&&o!=="hsv"&&(0,ve.jsx)(Jl,{className:"k-alpha-slider",hover:y,focus:M,trackStyle:u})]})]}),I==="vertical"&&(0,ve.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,ve.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,ve.jsx)("div",{className:"k-hsv-gradient",children:(0,ve.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":y,"k-focus":M}),style:p,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,ve.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,ve.jsx)(Wl,{className:"k-hue-slider",hover:y,focus:M}),o!=="rgb"&&o!=="hsv"&&(0,ve.jsx)(Wl,{className:"k-alpha-slider",hover:y,focus:M,trackStyle:x})]})]}),(0,ve.jsx)(Go,{mode:e.mode,size:t}),k&&(0,ve.jsx)(Do,{})]})};Re.states=rf;Re.options=lf;Re.className=br;Re.defaultOptions=Ht;Re.moduleName=pd;Re.folderName=md;Re.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"),fr=e=>(0,ud.jsx)(Re,{...e});var nf=require("react/jsx-runtime");var sf=require("react/jsx-runtime");var Tr=require("react/jsx-runtime"),df=Re.options,cf=Re.states,pf={...Re.defaultOptions,variant:"rgba"},mf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],uf=[],ya=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,Tr.jsx)(fr,{...o,mode:t});case"rgb":return(0,Tr.jsx)(fr,{...o,mode:t});default:return(0,Tr.jsx)(fr,{...o,mode:t})}};ya.options=df;ya.states=cf;ya.variants=mf;ya.defaultOptions=pf;ya.modifiers=uf;var bd=require("react/jsx-runtime"),Ql=e=>(0,bd.jsx)("tr",{role:"row",children:e.children});var fd=require("react/jsx-runtime"),Zl="k-colorpalette-tile",bf=[n.hover,n.focus,n.selected],ff={},_o=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:i,...p}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,fd.jsx)("td",{...p,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,Zl,O(Zl,{hover:a,focus:l,selected:i})),style:u})};_o.states=bf;_o.options=ff;_o.className=Zl;var Td="color-palette",hd="colorpalette";var zo=require("react/jsx-runtime"),hr="k-colorpalette",Tf=[n.disabled],hf={size:[d.undefined,d.small,d.medium,d.large]},xd={columns:10},ot=e=>{let{size:t,palette:o,columns:a=xd.columns,tileSize:l,disabled:i,...p}=e,u=[];if(o){let x=a\|\|o.columns,k=o.colors?o.colors:o;Array.isArray(k)&&Array.from({length:Math.ceil(k.length/x)},(C,v)=>{let b=[];k.slice(vx,(v+1)x).map((M,I)=>{b.push((0,zo.jsx)(_o,{color:M,tileSize:l},I))});let y=(0,zo.jsx)(Ql,{children:b},v);u.push(y)})}return(0,zo.jsx)("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,hr,O(hr,{disabled:i}),w(hr,{size:t})),children:(0,zo.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,zo.jsx)("tbody",{children:u.length>0?u:e.children})})})};ot.states=Tf;ot.options=hf;ot.className=hr;ot.defaultOptions=xd;ot.moduleName=Td;ot.folderName=hd;ot.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 xr=ot;var Sa={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 gd=require("react/jsx-runtime"),Nd=e=>(0,gd.jsx)(xr,{palette:Sa.basic,...e});var xf=require("react/jsx-runtime");var kd=require("react/jsx-runtime");var vd=require("react/jsx-runtime"),Nf=ot.options,gf=ot.states,kf={...ot.defaultOptions,variant:"basic"},vf=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Lf={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Cf=[],Aa=e=>{let{variant:t="basic",...o}=e,a=Lf[t];return(0,vd.jsx)(Nd,{columns:a.columns,palette:a,...o})};Aa.options=Nf;Aa.states=gf;Aa.variants=vf;Aa.defaultOptions=kf;Aa.modifiers=Cf;var Ld="color-editor",Cd="coloreditor";var he=require("react/jsx-runtime"),Nr="k-coloreditor",Mf=[n.focus],yf={size:[d.undefined,d.small,d.medium,d.large]},wa={view:"gradient",palette:Sa.office,actionButtons:!0,canvasOrientation:"horizontal"},xe=e=>{let{size:t,view:o=wa.view,palette:a=wa.palette,color:l,currentColor:i,focus:p,focusView:u,dir:x,group:k,actionButtons:C=wa.actionButtons,canvasOrientation:v=wa.canvasOrientation,...b}=e;return(0,he.jsxs)("div",{...b,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Nr,w(Nr,{size:t}),O(Nr,{focus:p})),dir:x,children:[(0,he.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,he.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:k&&(0,he.jsxs)(_,{fillMode:"flat",children:[(0,he.jsx)(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,he.jsx)(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,he.jsx)("div",{className:"k-spacer"}),(0,he.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,he.jsx)(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,he.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,he.jsx)(co,{className:"k-coloreditor-preview-color",color:l}),(0,he.jsx)(co,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,he.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,he.jsx)(Re,{focus:u,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):(0,he.jsx)(ot,{palette:a,size:t})}),C&&(0,he.jsxs)(It,{className:"k-coloreditor-footer",alignment:"start",children:[(0,he.jsx)(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,he.jsx)(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};xe.states=Mf;xe.options=yf;xe.className=Nr;xe.defaultOptions=wa;xe.moduleName=Ld;xe.folderName=Cd;xe.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 Uo=xe;var Sf=require("react/jsx-runtime");var Af=require("react/jsx-runtime");var yd=require("react/jsx-runtime"),Md=e=>(0,yd.jsx)(Uo,{group:!0,currentColor:"fuchsia",...e});var Ad=require("react/jsx-runtime"),Sd=e=>(0,Ad.jsx)(Uo,{view:"palette",group:!0,currentColor:"fuchsia",...e});var jl=require("react/jsx-runtime"),wf=xe.options,Ef=xe.states,If={...xe.defaultOptions,variant:"gradient"},Rf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Of=[],Ea=e=>{let{variant:t,...o}=e;return t==="palette"?(0,jl.jsx)(Sd,{...o,color:"white"}):(0,jl.jsx)(Md,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Ea.options=wf;Ea.states=Ef;Ea.variants=Rf;Ea.defaultOptions=If;Ea.modifiers=Of;var wd="color-picker",Ed="colorpicker";var Le=require("react/jsx-runtime"),Id="k-colorpicker",Pf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Hf={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Rd={arrowIconName:"caret-alt-down"},pt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Rd.arrowIconName,prefix:i,suffix:p,value:u,placeholder:x,hover:k,focus:C,valid:v,invalid:b,required:y,disabled:M,valueIconName:I,popup:B,opened:K,adaptive:U,adaptiveSettings:pe,adaptiveTitle:Ne,adaptiveSubtitle:$e,...rt}=e,lt="colorpicker-popup";return(0,Le.jsxs)(Le.Fragment,{children:[(0,Le.jsxs)(wt,{...rt,size:t,rounded:o,fillMode:a,hover:k,focus:C,valid:v,invalid:b,required:y,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":K?"true":"false","aria-controls":K\|\|U?lt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:r(e.className,Id,"k-icon-picker"),children:[(0,Le.jsx)(bt,{children:i}),(0,Le.jsx)(To,{placeholder:x,value:u,showValue:!1,valueIcon:(0,Le.jsx)(co,{className:"k-value-icon",color:u,iconName:I}),valueIconName:I}),(0,Le.jsx)(ft,{children:p}),(0,Le.jsx)(c,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:M})]}),K&&B&&(0,Le.jsx)(se,{id:lt,className:"k-colorpicker-popup",children:B}),U&&(0,Le.jsx)(Te,{adaptive:!0,id:lt,...pe,header:(0,Le.jsx)(We,{actionsEnd:(0,Le.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Ne,subtitle:$e}),footer:(0,Le.jsxs)(ao,{children:[(0,Le.jsx)(c,{text:"Cancel",size:"large"}),(0,Le.jsx)(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,Le.jsx)(xe,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};pt.states=Pf;pt.options=Hf;pt.className=Id;pt.defaultOptions=Rd;pt.moduleName=wd;pt.folderName=Ed;pt.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var po=pt;var Od=require("react/jsx-runtime"),gr=e=>(0,Od.jsx)(po,{...e});var Kf=require("react/jsx-runtime");var Bf=require("react/jsx-runtime");var Gf=require("react/jsx-runtime");var Df=require("react/jsx-runtime");var _f=require("react/jsx-runtime");var zf=require("react/jsx-runtime");var mo=require("react/jsx-runtime"),Uf=po.options,Ff=po.states,Pd={...po.defaultOptions,variant:"color"},Vf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],$f=[{name:"opened",title:"Opened"}],Ia=e=>{let{variant:t,modifiers:o,...a}={...Pd,...e},l={};Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(l.opened=!!(o!=null&&o[p]),l.popup=o!=null&&o[p]?(0,mo.jsx)(xe,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,mo.jsx)("div",{style:i,children:(0,mo.jsx)(gr,{...a,...l})});case"icon":return(0,mo.jsx)("div",{style:i,children:(0,mo.jsx)(gr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return(0,mo.jsx)("div",{style:i,children:(0,mo.jsx)(gr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};Ia.options=Uf;Ia.states=Ff;Ia.variants=Vf;Ia.defaultOptions=Pd;Ia.modifiers=$f;var en="combobox",Hd=en;var q=require("react/jsx-runtime"),Kd="k-combobox",Xf=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Wf={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Bd={separators:!0},qe=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Bd.separators,prefix:i,suffix:p,value:u,placeholder:x,hover:k,focus:C,valid:v,invalid:b,required:y,loading:M,disabled:I,popup:B,opened:K,readonly:U,adaptive:pe,adaptiveSettings:Ne,adaptiveTitle:$e,adaptiveSubtitle:rt,adaptiveCustomValue:lt,id:yo,autocomplete:Er,activeDescendant:Va,"aria-label":Vc,...$c}=e,Xc=yo?`${yo}-listbox`:void 0;return(0,q.jsxs)(q.Fragment,{children:[(0,q.jsxs)(ge,{...$c,size:t,rounded:o,fillMode:a,hover:k,focus:C,valid:v,invalid:b,required:y,loading:M,disabled:I,readonly:U,className:r(e.className,Kd),children:[i&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(bt,{children:i}),l&&(0,q.jsx)(Tt,{})]}),(0,q.jsx)(st,{placeholder:x,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":K?"true":"false","aria-controls":K?Xc:void 0,"aria-activedescendant":K&&Va?Va:void 0,"aria-autocomplete":Er,"aria-invalid":b?"true":void 0,"aria-busy":M?"true":void 0,"aria-label":Vc,disabled:I,readOnly:U}),(0,q.jsx)(Xe,{valid:v,invalid:b,loading:M,disabled:I}),(0,q.jsx)(Ye,{loading:M,disabled:I}),(0,q.jsx)(it,{loading:M,disabled:I,readonly:U,value:u}),p&&(0,q.jsxs)(q.Fragment,{children:[l&&(0,q.jsx)(Tt,{}),(0,q.jsx)(ft,{children:p})]}),(0,q.jsx)(c,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:I})]}),K&&B&&(0,q.jsx)(se,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:B}),pe&&(0,q.jsx)(Te,{adaptive:!0,id:yo?`${yo}-adaptive`:void 0,...Ne,header:(0,q.jsx)(We,{actionsEnd:(0,q.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:x,title:$e,subtitle:rt}),children:(0,q.jsx)("div",{className:"k-list-container",children:(0,q.jsx)(V,{customValue:lt?(0,q.jsx)(io,{text:`Use "${u}"`}):void 0,size:"large",children:(0,q.jsxs)(Y,{"aria-label":$e\|\|"Options",children:[(0,q.jsx)(z,{text:"List item"}),(0,q.jsx)(z,{text:"List item"}),(0,q.jsx)(z,{text:"List item"})]})})})})]})};qe.states=Xf;qe.options=Wf;qe.className=Kd;qe.defaultOptions=Bd;qe.moduleName=en;qe.folderName=Hd;qe.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 mt=qe;var Dd=require("react/jsx-runtime"),Gd=e=>(0,Dd.jsx)(mt,{...e});var _d=require("react/jsx-runtime");var zd=require("react/jsx-runtime");var Ud=require("react/jsx-runtime");var Fd=require("react/jsx-runtime");var Vd=require("react/jsx-runtime");var $d=require("react/jsx-runtime");var tn=require("react/jsx-runtime");var Jf=require("react/jsx-runtime");var qf=require("react/jsx-runtime");var Xd=require("react/jsx-runtime");var Wd=require("react/jsx-runtime");var yt=require("react/jsx-runtime"),Yf=qe.states,Qf=qe.defaultOptions,Zf=qe.options,jf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],eT=[],Ra=e=>{let{modifiers:t,...o}=e,a={},l=(0,yt.jsx)(V,{style:{width:300},size:o.size,children:(0,yt.jsxs)(Y,{children:[(0,yt.jsx)(z,{children:"List item"}),(0,yt.jsx)(z,{children:"List item"}),(0,yt.jsx)(z,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,yt.jsx)(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,yt.jsx)(oo,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?l:void 0;break;default:break}}),(0,yt.jsx)("div",{children:(0,yt.jsx)(Gd,{value:"Value",style:{width:300},...o,...a})})};Ra.options=Zf;Ra.states=Yf;Ra.variants=eT;Ra.defaultOptions=Qf;Ra.modifiers=jf;var on="menu-button",Jd=on;var Yd=require("react/jsx-runtime"),qd="k-menu-button",tT=[n.hover,n.focus,n.active,n.selected,n.disabled],oT={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},an={showArrow:!0,arrowIconName:"caret-alt-down"},j=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:p,active:u,selected:x,disabled:k,icon:C,text:v,showArrow:b=an.showArrow,arrowIconName:y=an.arrowIconName,expanded:M,...I}=e;return(0,Yd.jsx)(c,{...I,className:r(e.className,qd),text:v,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:p,active:u,selected:x,disabled:k,icon:C,showArrow:b,arrowIconName:y,"aria-expanded":M?"true":"false",...!v&&C&&!e["aria-label"]&&{"aria-label":"Menu"},...k&&{"aria-disabled":"true"}})};j.states=tT;j.options=oT;j.className=qd;j.defaultOptions=an;j.moduleName=on;j.folderName=Jd;j.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 aT=require("react/jsx-runtime");var rT=require("react/jsx-runtime");var lT=require("react/jsx-runtime");var ut="menu",kt=ut;var Vt=require("react/jsx-runtime"),rn="k-menu-item",nT=[n.hover,n.focus,n.active,n.selected,n.disabled],iT={},Qd={iconPosition:"before"},Ue=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:p,text:u,first:x,last:k,showArrow:C,arrowIconName:v,iconPosition:b=Qd.iconPosition,dir:y,children:M,expanded:I,...B}=e,K=v;return K\|\|(K=y==="rtl"?"caret-alt-left":"caret-alt-right"),(0,Vt.jsxs)("li",{...B,className:r(e.className,rn,"k-item",O(rn,{focus:o,disabled:i,hover:t,active:a,selected:l}),{"k-first":x,"k-last":k}),role:"menuitem",...C&&{"aria-haspopup":"menu"},...C&&{"aria-expanded":I?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Vt.jsxs)("span",{className:r("k-link k-menu-link"),children:[p&&b==="before"&&(0,Vt.jsx)(L,{className:"k-menu-link-icon",icon:p}),(0,Vt.jsx)("span",{className:"k-menu-link-text",children:u}),p&&b==="after"&&(0,Vt.jsx)(L,{className:"k-menu-link-icon",icon:p}),C&&(0,Vt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Vt.jsx)(L,{icon:K})})]}),M]})};Ue.states=nT;Ue.options=iT;Ue.className=rn;Ue.defaultOptions=Qd;Ue.moduleName=ut;Ue.folderName=kt;var $t=require("react/jsx-runtime"),ln="k-menu-item",sT=[n.hover,n.focus,n.active,n.selected,n.disabled],dT={},nn={dir:"ltr",iconPosition:"before"},be=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:p,text:u,first:x,last:k,showArrow:C,arrowIconName:v,iconPosition:b=nn.iconPosition,dir:y=nn.dir,children:M,popup:I,expanded:B,...K}=e,U=v;return U\|\|(U=y==="rtl"?"caret-alt-left":"caret-alt-right"),(0,$t.jsxs)("li",{...K,className:r(e.className,ln,"k-item",O(ln,{focus:o,disabled:i}),{"k-first":x,"k-last":k}),role:"menuitem",...C&&{"aria-haspopup":"menu"},...C&&{"aria-expanded":B?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,$t.jsxs)("span",{className:r("k-link k-menu-link",O("k-menu-link",{hover:t,active:a,selected:l,disabled:i})),children:[p&&b==="before"&&(0,$t.jsx)(L,{className:"k-menu-link-icon",icon:p}),(0,$t.jsx)("span",{className:"k-menu-link-text",children:u}),p&&b==="after"&&(0,$t.jsx)(L,{className:"k-menu-link-icon",icon:p}),C&&(0,$t.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,$t.jsx)(L,{icon:U})})]}),M,I]})};be.states=sT;be.options=dT;be.className=ln;be.defaultOptions=nn;be.moduleName=ut;be.folderName=kt;var ec=require("react/jsx-runtime"),Zd="k-menu-scroll-wrapper",cT=[],pT={},mT={},vo=e=>{let{className:t,children:o,orientation:a,...l}=e;return(0,ec.jsx)("div",{...l,className:r(t,Zd,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};vo.states=cT;vo.options=pT;vo.className=Zd;vo.defaultOptions=mT;vo.moduleName=ut;vo.folderName=kt;var jd=vo;var Oe=require("react/jsx-runtime"),sn="k-menu",uT=[],bT={},vr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Pe=e=>{let{children:t,orientation:o=vr.orientation,header:a=vr.header,scrollable:l,scrollButtonsPosition:i=vr.scrollButtonsPosition,wrapperStyles:p,dir:u,popup:x,contextMenu:k,...C}=e,v={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=(0,Oe.jsx)("ul",{dir:u,...C,className:r(e.className,"k-reset",sn,{[`${sn}-${o}`]:o,"k-header":a}),role:k?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Oe.jsxs)(Oe.Fragment,{children:[l?(0,Oe.jsxs)(jd,{orientation:o,style:p,dir:e.dir,children:[i==="start"&&(0,Oe.jsxs)(Oe.Fragment,{children:[(0,Oe.jsx)(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Oe.jsx)(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,Oe.jsx)(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),b,i==="end"&&(0,Oe.jsxs)(Oe.Fragment,{children:[(0,Oe.jsx)(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Oe.jsx)(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,Oe.jsx)(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):b,x]})};Pe.states=uT;Pe.options=bT;Pe.className=sn;Pe.defaultOptions=vr;Pe.moduleName=ut;Pe.folderName=kt;Pe.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 oc=require("react/jsx-runtime"),dn="k-separator",tc={orientation:"horizontal"},Fo=e=>{let{orientation:t=tc.orientation,...o}=e;return(0,oc.jsx)("li",{...o,className:r(e.className,"k-item",dn,{[`${dn}-${t}`]:t}),role:"separator"})};Fo.className=dn;Fo.defaultOptions=tc;Fo.moduleName=ut;Fo.folderName=kt;var ac=require("react/jsx-runtime");var rc=require("react/jsx-runtime"),cn="k-menu-group",fT=[],TT={size:[d.undefined,d.small,d.medium,d.large]},hT={},Fe=e=>{let{children:t,size:o,...a}=e;return(0,rc.jsx)("ul",{...a,className:r(e.className,cn,w(cn,{size:o})),role:"menu",children:t})};Fe.states=fT;Fe.options=TT;Fe.className=cn;Fe.defaultOptions=hT;Fe.moduleName=ut;Fe.folderName=kt;var St=require("react/jsx-runtime"),pn=e=>(0,St.jsx)(Pe,{children:(0,St.jsxs)(St.Fragment,{children:[(0,St.jsx)(Ue,{first:!0,text:"Item 1"}),(0,St.jsx)(Ue,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,St.jsx)(Ue,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,St.jsx)(Ue,{text:"Item 4"}),(0,St.jsx)(Ue,{last:!0,text:"Item 5"})]}),...e});var mn=require("react/jsx-runtime");var un=require("react/jsx-runtime");var bn=require("react/jsx-runtime");var fn=require("react/jsx-runtime");var Kt=require("react/jsx-runtime"),xT=Pe.options,NT=Pe.states,lc={...Pe.defaultOptions,variant:"horizontal"},gT=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],kT=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Oa=e=>{let{variant:t,modifiers:o,...a}={...lc,...e},l={};return Object.keys(o\|\|{}).forEach(i=>{switch(i){case"scrollable":l.scrollable=!!(o!=null&&o[i]);break;case"opened":l.opened=!!(o!=null&&o[i]),l.popup=(0,Kt.jsx)(se,{className:"k-menu-popup",children:(0,Kt.jsxs)(Fe,{children:[(0,Kt.jsx)(be,{text:"Item 1"}),(0,Kt.jsx)(be,{text:"Item 2"}),(0,Kt.jsx)(Fo,{}),(0,Kt.jsx)(be,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Kt.jsx)(pn,{...a,...l,orientation:"vertical",style:{width:"200px"}}):(0,Kt.jsx)(pn,{...a,...l})};Oa.options=xT;Oa.states=NT;Oa.variants=gT;Oa.defaultOptions=lc;Oa.modifiers=kT;var Tn=require("react/jsx-runtime");var vT=require("react/jsx-runtime");var Ve=require("react/jsx-runtime"),LT=c.states,nc={...c.defaultOptions,variant:"text"},CT=c.options,MT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],yT=[{name:"opened",title:"Opened"}],Pa=e=>{let{variant:t,modifiers:o,...a}={...nc,...e},l={},i=(0,Ve.jsx)(se,{className:"k-menu-popup",children:(0,Ve.jsxs)(Fe,{size:a.size,children:[(0,Ve.jsx)(be,{first:!0,text:"Menu Item"}),(0,Ve.jsx)(be,{text:"Menu Item"}),(0,Ve.jsx)(be,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=(0,Ve.jsx)("div",{children:(0,Ve.jsx)(j,{...a,...l,icon:"star"})});break;case"icon-and-text":p=(0,Ve.jsx)("div",{children:(0,Ve.jsx)(j,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:p=(0,Ve.jsx)("div",{children:(0,Ve.jsx)(j,{...a,...l,children:"Dropdown Button"})});break}return(0,Ve.jsxs)(Ve.Fragment,{children:[p,(o==null?void 0:o.opened)&&i]})};Pa.options=CT;Pa.states=LT;Pa.variants=MT;Pa.defaultOptions=nc;Pa.modifiers=yT;var hn="split-button",ic=hn;var Xt=require("react/jsx-runtime"),xn="k-split-button",ST=[n.hover,n.focus,n.active,n.selected,n.disabled],AT={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},sc={arrowIconName:"caret-alt-down"},$=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:p,active:u,selected:x,disabled:k,icon:C,text:v,arrowIconName:b=sc.arrowIconName,popup:y,opened:M,popupId:I,...B}=e;return(0,Xt.jsxs)(Xt.Fragment,{children:[(0,Xt.jsxs)("div",{...B,className:r(e.className,xn,"k-button-group",w(xn,{rounded:o})),children:[(0,Xt.jsx)(c,{text:v,icon:C,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:p,active:u,selected:x,disabled:k,...!v&&!e.children&&C&&{"aria-label":"Action"},children:e.children}),(0,Xt.jsx)(c,{className:"k-split-button-arrow",icon:b,size:t,rounded:o,fillMode:a,disabled:k,"aria-label":"Toggle dropdown","aria-expanded":M?"true":"false","aria-controls":M?I:void 0,tabIndex:-1,...k&&{"aria-disabled":"true"}})]}),M&&y&&(0,Xt.jsx)(se,{className:"k-menu-popup",children:y})]})};$.states=ST;$.options=AT;$.className=xn;$.defaultOptions=sc;$.moduleName=hn;$.folderName=ic;$.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 Nn=$;var dc=require("react/jsx-runtime"),wT="k-toolbar-separator",At=e=>(0,dc.jsx)("div",{className:r(wT,e.className,"k-separator")});var Wt="toolbar",uo=Wt;var D=require("react/jsx-runtime"),Jt="k-toolbar",ET=[n.focus],IT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},RT={scrollButtons:"around"},re=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:i,scrollButtons:p,scrollingPosition:u,section:x,...k}=e,C=[],v=(b,y)=>{let M=[];if(b.type===c&&b.props.className&&b.props.className.includes("k-toolbar-overflow-button"))M.push((0,D.jsx)(c,{...b.props,className:`${b.props.className?b.props.className:""}`},`${y}-${new Date().getTime()}`));else if(b.type===c)M.push((0,D.jsx)(c,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${y}-${new Date().getTime()}`));else if(b.type===jo)M.push((0,D.jsx)(jo,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${y}-${new Date().getTime()}`));else if(b.type===oo)M.push((0,D.jsx)(oo,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${y}-${new Date().getTime()}`));else if(b.type===j)M.push((0,D.jsx)(j,{...b.props,className:`k-toolbar-menu-button ${b.props.className?b.props.className:""}`},`${y}-${new Date().getTime()}`));else if(b.type===Nn)M.push((0,D.jsx)(Nn,{...b.props,className:`k-toolbar-split-button ${b.props.className?b.props.className:""}`},`${y}-${new Date().getTime()}`));else if(b.type===_\|\|b.props.className&&b.props.className.includes("k-button-group")){let I=[];(Array.isArray(b.props.children)?b.props.children:[b.props.children]).forEach((K,U)=>{I.push((0,D.jsx)(c,{...K.props,className:`${K.props.className?K.props.className:""}`},`${U}-${new Date().getTime()}`))}),M.push((0,D.jsx)(_,{...b.props,className:`k-toolbar-button-group ${b.props.className?b.props.className:""}`,children:I},`${y}-${new Date().getTime()}`))}else b.type===qe?M.push((0,D.jsx)(qe,{...b.props,className:`k-toolbar-combobox ${b.props.className?b.props.className:""}`},`${y}-${new Date().getTime()}`)):b.type===Q?M.push((0,D.jsx)(Q,{...b.props,className:`k-toolbar-dropdownlist ${b.props.className?b.props.className:""}`},`${y}-${new Date().getTime()}`)):b.type===pt?M.push((0,D.jsx)(pt,{...b.props,className:`k-toolbar-colorpicker ${b.props.className?b.props.className:""}`},`${y}-${new Date().getTime()}`)):M.push(b);M.forEach(I=>{C.push(I)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((y,M)=>{v(y,M)}),(0,D.jsxs)("div",{...k,className:r(e.className,Jt,w(Jt,{size:t,fillMode:o}),O(Jt,{focus:a}),{[`${Jt}-resizable`]:l,[`${Jt}-scrollable`]:i,[`${Jt}-scrollable-overlay`]:i&&p==="hidden",[`${Jt}-scrollable-${u}`]:u&&u!=="both",[`${Jt}-section`]:x}),role:"toolbar","aria-label":"Toolbar",children:[!i&&C,i&&p==="hidden"&&(0,D.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C}),i&&p==="start"&&(0,D.jsxs)(D.Fragment,{children:[(0,D.jsxs)(_,{children:[(0,D.jsx)("span",{className:r("k-toolbar-prev","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(L,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,D.jsx)("span",{className:r("k-toolbar-next","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(L,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,D.jsx)(At,{className:"k-toolbar-button-separator"}),(0,D.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C})]}),i&&p==="end"&&(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C}),(0,D.jsx)(At,{className:"k-toolbar-button-separator"}),(0,D.jsxs)(_,{children:[(0,D.jsx)("span",{className:r("k-toolbar-prev","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(L,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,D.jsx)("span",{className:r("k-toolbar-next","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(L,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),i&&(p==="around"\|\|!p)&&(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)("span",{className:r("k-toolbar-prev","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(L,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,D.jsx)(At,{className:"k-toolbar-button-separator"}),(0,D.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C}),(0,D.jsx)(At,{className:"k-toolbar-button-separator"}),(0,D.jsx)("span",{className:r("k-toolbar-next","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(L,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};re.states=ET;re.options=IT;re.className=Jt;re.defaultOptions=RT;re.moduleName=Wt;re.folderName=uo;re.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 pc=require("react/jsx-runtime"),cc="k-floating-toolbar",OT=[],PT={},HT={},Vo=e=>{let{...t}=e;return(0,pc.jsx)("div",{...t,className:r(e.className,cc),children:e.children})};Vo.states=OT;Vo.options=PT;Vo.className=cc;Vo.defaultOptions=HT;Vo.moduleName=Wt;Vo.folderName=uo;var mc=require("react/jsx-runtime"),gn="k-toolbar-item",KT=[n.focus],BT={},GT={},$o=e=>{let{focus:t,...o}=e;return(0,mc.jsx)("div",{...o,className:r(e.className,gn,O(gn,{focus:t})),children:e.children})};$o.states=KT;$o.options=BT;$o.className=gn;$o.defaultOptions=GT;$o.moduleName=Wt;$o.folderName=uo;var kn=require("react/jsx-runtime"),uc="k-toolbar-popup",DT=[],_T={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},zT={},Lo=e=>{let{size:t,fillMode:o,section:a,...l}=e;return(0,kn.jsx)(se,{...l,className:r(e.className,uc),children:a?(0,kn.jsx)("span",{className:r("k-toolbar-items-list",w("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Lo.states=DT;Lo.options=_T;Lo.className=uc;Lo.defaultOptions=zT;Lo.moduleName=Wt;Lo.folderName=uo;var Lr=Lo;var UT=require("react/jsx-runtime");var FT=require("react/jsx-runtime");var VT=require("react/jsx-runtime");var bc=require("react/jsx-runtime");var $T=require("react/jsx-runtime");var vt=require("react/jsx-runtime"),XT=$.states,fc={...$.defaultOptions,variant:"text"},WT=$.options,JT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],qT=[{name:"opened",title:"Opened"}],Ha=e=>{let{variant:t,modifiers:o,...a}={...fc,...e},l={},i=(0,vt.jsxs)(Fe,{size:a.size,children:[(0,vt.jsx)(be,{first:!0,text:"Menu Item"}),(0,vt.jsx)(be,{text:"Menu Item"}),(0,vt.jsx)(be,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(l.opened=!!(o!=null&&o[p]),l.popup=o!=null&&o[p]?i:"")}),t){case"icon-only":return(0,vt.jsx)("div",{children:(0,vt.jsx)($,{...a,...l,icon:"star"})});case"icon-and-text":return(0,vt.jsx)("div",{children:(0,vt.jsx)($,{...a,...l,icon:"star",children:"Split Button"})});default:return(0,vt.jsx)("div",{children:(0,vt.jsx)($,{...a,...l,children:"Split Button"})})}};Ha.options=WT;Ha.states=XT;Ha.variants=JT;Ha.defaultOptions=fc;Ha.modifiers=qT;var Bt=require("react/jsx-runtime"),Tc=e=>(0,Bt.jsx)(re,{children:[(0,Bt.jsx)(c,{children:"Button"},"toolbar-button"),(0,Bt.jsx)(j,{text:"Menu button"},"toolbar-menu-button"),(0,Bt.jsx)($,{children:"Split button"},"toolbar-split-button"),(0,Bt.jsxs)(_,{children:[(0,Bt.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Bt.jsx)(c,{icon:"align-center",children:"Center"}),(0,Bt.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var hc=require("react/jsx-runtime");var He=require("react/jsx-runtime"),xc=e=>(0,He.jsx)(re,{scrollable:!0,...e,children:[(0,He.jsx)(c,{children:"Button"},"toolbar-button"),(0,He.jsx)(j,{text:"Menu button"},"toolbar-menu-button"),(0,He.jsx)($,{children:"Split button"},"toolbar-split-button"),(0,He.jsxs)(_,{children:[(0,He.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,He.jsx)(c,{icon:"align-center",children:"Center"}),(0,He.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,He.jsx)(c,{children:"Button"},"toolbar-button"),(0,He.jsx)(j,{text:"Menu button"},"toolbar-menu-button"),(0,He.jsx)($,{children:"Split button"},"toolbar-split-button"),(0,He.jsxs)(_,{children:[(0,He.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,He.jsx)(c,{icon:"align-center",children:"Center"}),(0,He.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Ke=require("react/jsx-runtime"),Nc=({scrollingPosition:e="start",...t})=>(0,Ke.jsx)(re,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,Ke.jsx)(c,{children:"Button"},"toolbar-button"),(0,Ke.jsx)(j,{text:"Menu button"},"toolbar-menu-button"),(0,Ke.jsx)($,{children:"Split button"},"toolbar-split-button"),(0,Ke.jsxs)(_,{children:[(0,Ke.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ke.jsx)(c,{icon:"align-center",children:"Center"}),(0,Ke.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Ke.jsx)(c,{children:"Button"},"toolbar-button"),(0,Ke.jsx)(j,{text:"Menu button"},"toolbar-menu-button"),(0,Ke.jsx)($,{children:"Split button"},"toolbar-split-button"),(0,Ke.jsxs)(_,{children:[(0,Ke.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ke.jsx)(c,{icon:"align-center",children:"Center"}),(0,Ke.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var fe=require("react/jsx-runtime"),gc=({fillMode:e,size:t,...o})=>(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)(re,{section:!0,fillMode:e,size:t,children:[(0,fe.jsx)(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,fe.jsxs)(_,{fillMode:e,children:[(0,fe.jsx)(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,fe.jsx)(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,fe.jsx)(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,fe.jsx)(At,{className:"k-toolbar-button-separator"}),(0,fe.jsx)(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,fe.jsxs)(Lr,{size:t,fillMode:e,section:!0,...o,children:[(0,fe.jsx)($,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,fe.jsx)(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,fe.jsx)(At,{}),(0,fe.jsx)(j,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,fe.jsxs)(_,{fillMode:e,children:[(0,fe.jsx)(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,fe.jsx)(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,fe.jsx)(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var vn=require("react/jsx-runtime");var Ln=require("react/jsx-runtime");var qt=require("react/jsx-runtime"),YT=re.options,QT=re.states,kc={...re.defaultOptions,variant:"default"},ZT=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],jT=[],Ka=e=>{let{variant:t,...o}={...kc,...e};switch(t){case"responsive":return(0,qt.jsx)("div",{children:(0,qt.jsx)(gc,{style:{width:"583px"},...o})});case"overlay":return(0,qt.jsx)("div",{children:(0,qt.jsx)(Nc,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,qt.jsx)("div",{children:(0,qt.jsx)(xc,{style:{width:"583px"},...o})});default:return(0,qt.jsx)("div",{children:(0,qt.jsx)(Tc,{style:{width:"583px"},...o})})}};Ka.options=YT;Ka.states=QT;Ka.variants=ZT;Ka.defaultOptions=kc;Ka.modifiers=jT;var Lc=require("react/jsx-runtime"),vc="k-grid-toolbar",Co=e=>(0,Lc.jsx)(re,{...e,className:r(e.className,vc),children:e.children});Co.className=vc;Co.moduleName=X;Co.folderName=J;var Xo=require("react/jsx-runtime"),Cn="k-grid-stack-cell",eh=[n.focus,n.selected],Cr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:i,focus:p,selected:u,...x}=e;return(0,Xo.jsxs)("div",{...x,className:r(e.className,Cn,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":i},O(Cn,{focus:p,selected:u})),children:[i&&(0,Xo.jsx)("span",{className:"k-dirty"}),t&&(0,Xo.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,Xo.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};Cr.states=eh;Cr.className=Cn;Cr.moduleName=X;Cr.folderName=J;var Mc=require("react/jsx-runtime"),Cc="k-grid-stack-row",Mr=e=>{let{cols:t,...o}=e;return(0,Mc.jsx)("div",{...o,className:r(e.className,Cc,{[`k-grid-cols-${t}`]:t}),children:e.children})};Mr.className=Cc;Mr.moduleName=X;Mr.folderName=J;var Mn=require("react/jsx-runtime");var yn=require("react/jsx-runtime");var Sn=require("react/jsx-runtime");var h=require("react/jsx-runtime"),yc=({contentClassName:e,...t})=>(0,h.jsx)(W,{_renderAriaRoot:!0,pager:(0,h.jsx)(Pt,{refresh:!1}),children:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(le,{children:(0,h.jsx)("div",{className:"k-grid-header-wrap",children:(0,h.jsxs)(ie,{children:[(0,h.jsxs)("colgroup",{children:[(0,h.jsx)("col",{}),(0,h.jsx)("col",{style:{width:"225px"}}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{})]}),(0,h.jsxs)(ee,{children:[(0,h.jsxs)(S,{children:[(0,h.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Product Id"}),(0,h.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Name"}),(0,h.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Quantity"}),(0,h.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),(0,h.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),(0,h.jsxs)(S,{className:"k-filter-row",children:[(0,h.jsx)(s,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(F,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Q,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(c,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(s,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(de,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Q,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(c,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(s,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(de,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Q,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(c,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(s,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(F,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Q,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(c,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(s,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(Q,{}),(0,h.jsx)("div",{className:"k-filtercell-operator",children:(0,h.jsx)(c,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),(0,h.jsx)(te,{children:(0,h.jsx)(oe,{className:e,children:(0,h.jsxs)(ae,{children:[(0,h.jsxs)("colgroup",{children:[(0,h.jsx)("col",{}),(0,h.jsx)("col",{style:{width:"225px"}}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{})]}),(0,h.jsxs)(ne,{children:[(0,h.jsxs)(S,{className:"k-master-row",children:[(0,h.jsx)(s,{children:"1"}),(0,h.jsx)(s,{children:"Chai"}),(0,h.jsx)(s,{children:"10 boxes x 20 bags"}),(0,h.jsx)(s,{children:"18"}),(0,h.jsx)(s,{children:"false"})]}),(0,h.jsxs)(S,{className:"k-master-row",alt:!0,children:[(0,h.jsx)(s,{children:"2"}),(0,h.jsx)(s,{children:"Chang"}),(0,h.jsx)(s,{children:"24 - 12 oz bottles"}),(0,h.jsx)(s,{children:"19"}),(0,h.jsx)(s,{children:"false"})]}),(0,h.jsxs)(S,{className:"k-master-row",children:[(0,h.jsx)(s,{children:"3"}),(0,h.jsx)(s,{children:"Aniseed Syrup"}),(0,h.jsx)(s,{children:"12 - 550 ml bottles"}),(0,h.jsx)(s,{children:"10"}),(0,h.jsx)(s,{children:"false"})]}),(0,h.jsxs)(S,{className:"k-master-row",alt:!0,children:[(0,h.jsx)(s,{children:"4"}),(0,h.jsx)(s,{children:"Chef Anton's Cajun Seasoning"}),(0,h.jsx)(s,{children:"48 - 6 oz jars"}),(0,h.jsx)(s,{children:"22"}),(0,h.jsx)(s,{children:"false"})]}),(0,h.jsxs)(S,{className:"k-master-row",children:[(0,h.jsx)(s,{children:"5"}),(0,h.jsx)(s,{children:"Grandma's Boysenberry Spread"}),(0,h.jsx)(s,{children:"12 - 8 oz jars"}),(0,h.jsx)(s,{children:"25"}),(0,h.jsx)(s,{children:"false"})]})]})]})})})]}),...t});var Ba=require("react/jsx-runtime"),th="k-chip-action";var Ce=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=(0,Ba.jsx)(L,{icon:"x-circle",size:"small"});break;case"more":a=(0,Ba.jsx)(L,{icon:"more-vertical",size:"small"});break;default:return(0,Ba.jsx)(L,{icon:t,size:"small"})}return(0,Ba.jsx)("span",{...o,className:r(e.className,th,`k-chip-${t}-action`),children:a})};var An="avatar",Sc=An;var En=require("react/jsx-runtime"),Ga="k-avatar";var oh=[n.hover,n.focus,n.active,n.selected,n.disabled],ah={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},wn={type:"text",border:!1},at=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:i=wn.type,border:p=wn.border,...u}=e;return(0,En.jsx)("div",{...u,className:r(e.className,Ga,w(Ga,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Ga}-bordered`]:p}),children:(0,En.jsx)("span",{className:`${Ga}-${i}`,children:e.children})})};at.states=oh;at.options=ah;at.className=Ga;at.defaultOptions=wn;at.moduleName=An;at.folderName=Sc;at.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Mo=at;var wc=require("react/jsx-runtime"),Ac=e=>(0,wc.jsx)(Mo,{type:"icon",...e});var Ic=require("react/jsx-runtime"),Ec=e=>(0,Ic.jsx)(Mo,{type:"text",...e});var Oc=require("react/jsx-runtime"),Rc=e=>(0,Oc.jsx)(Mo,{type:"image",...e});var rh=require("react/jsx-runtime");var Wo=require("react/jsx-runtime"),lh=at.options,nh=at.states,ih={...at.defaultOptions,variant:"image"},sh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],dh=[],Da=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,Wo.jsx)(Ac,{...o,children:(0,Wo.jsx)(L,{icon:"star"})});case"text":return(0,Wo.jsx)(Ec,{...o,children:"JO"});default:return(0,Wo.jsx)(Rc,{...o,children:(0,Wo.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Da.options=lh;Da.states=nh;Da.variants=sh;Da.defaultOptions=ih;Da.modifiers=dh;var _a="chip",yr=_a;var Yt=require("react/jsx-runtime"),Sr="k-chip",ch=[n.hover,n.focus,n.active,n.selected,n.disabled],ph={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[f.undefined,f.base,f.success,f.warning,f.error,f.info]},Pc={avatarImage:"/packages/html/assets/avatar.jpg"},Me=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:i,icon:p,actions:u,showAvatar:x,avatarImage:k=Pc.avatarImage,hover:C,focus:v,active:b,selected:y,disabled:M,...I}=e;return(0,Yt.jsxs)("div",{...I,className:r(e.className,Sr,w(Sr,{size:t,rounded:o,fillMode:a,themeColor:l}),O(Sr,{hover:C,focus:v,active:b,disabled:M,selected:y})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:y?"true":"false","aria-selected":e.role==="option"?y?"true":"false":void 0,"aria-disabled":M?"true":void 0,children:[p&&(0,Yt.jsx)(L,{className:"k-chip-icon",icon:p,size:"small"}),x&&(0,Yt.jsx)(at,{className:"k-chip-avatar",type:"image",children:(0,Yt.jsx)("img",{src:k,alt:""})}),(0,Yt.jsx)("span",{className:"k-chip-content",children:e.children?e.children:i&&(0,Yt.jsx)("span",{className:"k-chip-label",children:i})}),u&&(0,Yt.jsx)("span",{className:"k-chip-actions",children:u})]})};Me.states=ch;Me.options=ph;Me.className=Sr;Me.defaultOptions=Pc;Me.moduleName=_a;Me.folderName=yr;Me.ariaSpec={selector:".k-chip",rules:[{selector:":not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:":not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:":not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var Lt=Me;var Hc=require("react/jsx-runtime"),In="k-chip-list",mh=[],uh={size:[d.undefined,d.small,d.medium,d.large]},bh={},ye=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return(0,Hc.jsx)("div",{...l,className:r(e.className,In,w(In,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};ye.states=mh;ye.options=uh;ye.className=In;ye.defaultOptions=bh;ye.moduleName=_a;ye.folderName=yr;ye.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 fh=require("react/jsx-runtime");var Th=require("react/jsx-runtime");var Kc=require("react/jsx-runtime"),Ar=e=>(0,Kc.jsx)(Lt,{text:"text",...e});var hh=require("react/jsx-runtime");var xh=require("react/jsx-runtime");var Rn=require("react/jsx-runtime");var Bc=require("react/jsx-runtime");var Gc=require("react/jsx-runtime");var Dc=require("react/jsx-runtime");var Qt=require("react/jsx-runtime"),Nh={...Lt.options,...ye.options},gh=[],kh=ye.states,vh={...Lt.defaultOptions,...ye.defaultOptions},Lh=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],za=e=>{let{modifiers:t,className:o,...a}=e,l=t==null?void 0:t.icon,i=t==null?void 0:t.actions,p=t==null?void 0:t.avatar;return(0,Qt.jsxs)(ye,{size:a.size,className:o,children:[(0,Qt.jsx)(Ar,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Qt.jsx)(Ce,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),(0,Qt.jsx)(Ar,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Qt.jsx)(Ce,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),(0,Qt.jsx)(Ar,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Qt.jsx)(Ce,{type:"remove"}):void 0,showAvatar:p,children:"Chip"})]})};za.options=Nh;za.states=kh;za.variants=gh;za.defaultOptions=vh;za.modifiers=Lh;var wr=require("react/jsx-runtime"),Ch=Me.states,Mh=Me.defaultOptions,yh=Me.options,Sh=[],Ah=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Ua=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)(Ce,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t!=null&&t[l]?(0,wr.jsx)(Ce,{type:"remove"}):void 0;break;default:break}}),(0,wr.jsx)(Me,{...o,...a,children:"Chip component"})};Ua.options=yh;Ua.states=Ch;Ua.variants=Sh;Ua.defaultOptions=Mh;Ua.modifiers=Ah;var A=require("react/jsx-runtime"),_c=({dropClue:e,contentClassName:t,...o})=>(0,A.jsx)(W,{_renderAriaRoot:!0,groupingHeader:(0,A.jsx)(Zt,{dropClue:e,children:(0,A.jsxs)(ye,{children:[(0,A.jsx)(Me,{icon:"sort-asc-small",text:"ID",actions:(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(Ce,{type:"more"}),(0,A.jsx)(Ce,{type:"remove"})]})}),(0,A.jsx)(Me,{icon:"sort-desc-small",text:"Name",actions:(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(Ce,{type:"more"}),(0,A.jsx)(Ce,{type:"remove"})]})})]})}),children:(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(le,{draggable:!0,children:(0,A.jsx)("div",{className:"k-grid-header-wrap",children:(0,A.jsxs)(ie,{children:[(0,A.jsxs)("colgroup",{children:[(0,A.jsx)("col",{className:"k-group-col"}),(0,A.jsx)("col",{className:"k-group-col"}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{})]}),(0,A.jsx)(ee,{children:(0,A.jsxs)(S,{children:[(0,A.jsx)(H,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,A.jsx)(H,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,A.jsx)(H,{colspan:1,columnTitle:"ID"}),(0,A.jsx)(H,{colspan:1,columnTitle:"Name"}),(0,A.jsx)(H,{colspan:1,columnTitle:"Price"}),(0,A.jsx)(H,{colspan:1,columnTitle:"Category"})]})})]})})}),(0,A.jsx)(te,{children:(0,A.jsx)(oe,{className:t,children:(0,A.jsxs)(ae,{children:[(0,A.jsxs)("colgroup",{children:[(0,A.jsx)("col",{className:"k-group-col"}),(0,A.jsx)("col",{className:"k-group-col"}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{})]}),(0,A.jsxs)(ne,{children:[(0,A.jsx)(S,{className:"k-table-group-row k-grouping-row",children:(0,A.jsx)(s,{colspan:6,children:(0,A.jsxs)("p",{className:"k-reset",children:[(0,A.jsx)(L,{icon:"caret-alt-right"}),"ID: 1"]})})}),(0,A.jsx)(S,{className:"k-table-group-row k-grouping-row",children:(0,A.jsx)(s,{colspan:6,children:(0,A.jsxs)("p",{className:"k-reset",children:[(0,A.jsx)(L,{icon:"caret-alt-down"}),"ID: 2"]})})}),(0,A.jsxs)(S,{className:"k-table-group-row k-grouping-row",children:[(0,A.jsx)(s,{className:"k-table-group-td k-group-cell"}),(0,A.jsx)(s,{colspan:5,children:(0,A.jsxs)("p",{className:"k-reset",children:[(0,A.jsx)(L,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),(0,A.jsxs)(S,{className:"k-master-row",alt:!0,children:[(0,A.jsx)(s,{className:"k-table-group-td k-group-cell"}),(0,A.jsx)(s,{className:"k-table-group-td k-group-cell"}),(0,A.jsx)(s,{colspan:0,children:"2"}),(0,A.jsx)(s,{colspan:0,children:"Chang"}),(0,A.jsx)(s,{colspan:0,children:"$19.00"}),(0,A.jsx)(s,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});var On=require("react/jsx-runtime");var Pn=require("react/jsx-runtime");var Hn=require("react/jsx-runtime");var R=require("react/jsx-runtime"),zc=({headerWrapClassName:e,contentClassName:t,...o})=>(0,R.jsx)(W,{_renderAriaRoot:!0,children:(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(le,{children:(0,R.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,R.jsxs)(ie,{children:[(0,R.jsxs)("colgroup",{children:[(0,R.jsx)("col",{}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{})]}),(0,R.jsxs)(ee,{children:[(0,R.jsxs)(S,{children:[(0,R.jsx)(H,{rowspan:3,colspan:1,columnTitle:"ID"}),(0,R.jsx)(H,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),(0,R.jsxs)(S,{children:[(0,R.jsx)(H,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),(0,R.jsx)(H,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),(0,R.jsxs)(S,{children:[(0,R.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),(0,R.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),(0,R.jsx)(te,{children:(0,R.jsx)(oe,{className:t,children:(0,R.jsxs)(ae,{children:[(0,R.jsxs)("colgroup",{children:[(0,R.jsx)("col",{}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{})]}),(0,R.jsxs)(ne,{children:[(0,R.jsxs)(S,{className:"k-master-row",children:[(0,R.jsx)(s,{children:"1"}),(0,R.jsx)(s,{children:"Chai"}),(0,R.jsx)(s,{children:"39"}),(0,R.jsx)(s,{children:"18"})]}),(0,R.jsxs)(S,{className:"k-master-row",alt:!0,children:[(0,R.jsx)(s,{children:"2"}),(0,R.jsx)(s,{children:"Chang"}),(0,R.jsx)(s,{children:"17"}),(0,R.jsx)(s,{children:"19"})]}),(0,R.jsxs)(S,{className:"k-master-row",children:[(0,R.jsx)(s,{children:"3"}),(0,R.jsx)(s,{children:"Aniseed Syrup"}),(0,R.jsx)(s,{children:"13"}),(0,R.jsx)(s,{children:"10"})]}),(0,R.jsxs)(S,{className:"k-master-row",alt:!0,children:[(0,R.jsx)(s,{children:"4"}),(0,R.jsx)(s,{children:"Chef Anton's Cajun Seasoning"}),(0,R.jsx)(s,{children:"53"}),(0,R.jsx)(s,{children:"22"})]}),(0,R.jsxs)(S,{className:"k-master-row",children:[(0,R.jsx)(s,{children:"5"}),(0,R.jsx)(s,{children:"Chef Anton's Gumbo Mix"}),(0,R.jsx)(s,{children:"0"}),(0,R.jsx)(s,{children:"21.35"})]})]})]})})})]}),...o});var Kn=require("react/jsx-runtime");var P=require("react/jsx-runtime"),Uc=e=>(0,P.jsx)(W,{_renderAriaRoot:!0,toolbar:(0,P.jsxs)(Co,{children:[(0,P.jsx)(c,{children:"Add new"}),(0,P.jsx)(c,{children:"Save Changes"}),(0,P.jsx)(c,{children:"Cancel Changes"})]}),children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(le,{children:(0,P.jsx)("div",{className:"k-grid-header-wrap",children:(0,P.jsxs)(ie,{children:[(0,P.jsxs)("colgroup",{children:[(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{style:{width:"300px"}})]}),(0,P.jsx)(ee,{children:(0,P.jsxs)(S,{children:[(0,P.jsx)(H,{columnTitle:"Name"}),(0,P.jsx)(H,{columnTitle:"Price"}),(0,P.jsx)(H,{columnTitle:"Available"}),(0,P.jsx)(H,{accessibleLabel:"Commands"})]})})]})})}),(0,P.jsx)(te,{children:(0,P.jsx)(oe,{children:(0,P.jsx)("div",{children:(0,P.jsxs)(ae,{children:[(0,P.jsxs)("colgroup",{children:[(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{style:{width:"300px"}})]}),(0,P.jsxs)(ne,{children:[(0,P.jsxs)(S,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[(0,P.jsx)(s,{children:(0,P.jsx)(de,{value:"Towel"})}),(0,P.jsx)(s,{children:(0,P.jsx)(F,{value:"42"})}),(0,P.jsx)(s,{children:(0,P.jsx)(Qe,{})}),(0,P.jsxs)(s,{className:"k-command-cell",children:[(0,P.jsx)(c,{children:"Add"}),(0,P.jsx)(c,{children:"Cancel"})]})]}),(0,P.jsxs)(S,{className:"k-master-row",children:[(0,P.jsx)(s,{children:"Chai"}),(0,P.jsx)(s,{children:"18"}),(0,P.jsx)(s,{children:"false"}),(0,P.jsx)(s,{className:"k-command-cell",children:(0,P.jsx)(c,{children:"Remove"})})]}),(0,P.jsxs)(S,{className:"k-master-row",alt:!0,children:[(0,P.jsx)(s,{children:"Chang"}),(0,P.jsx)(s,{children:"19"}),(0,P.jsx)(s,{children:"false"}),(0,P.jsx)(s,{className:"k-command-cell",children:(0,P.jsx)(c,{children:"Remove"})})]})]})]})})})})]}),...e});var Bn=require("react/jsx-runtime");var m=require("react/jsx-runtime"),wh=W.options,Eh=W.states,Fc={...W.defaultOptions,variant:"normal"},Ih=[{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"}],Rh=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Fa=e=>{let{variant:t,modifiers:o,...a}={...Fc,...e},l={toolbar:void 0,pager:void 0},i=(0,m.jsxs)(Co,{children:[(0,m.jsx)(c,{icon:"plus",children:"Add New"}),(0,m.jsx)(c,{icon:"file-pdf",children:"Export to PDF"}),(0,m.jsx)("span",{className:"k-spacer"}),(0,m.jsx)(de,{prefix:(0,m.jsx)(L,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=(0,m.jsx)(ke,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(k=>{switch(k){case"toolbar":l.toolbar=o!=null&&o[k]?i:void 0;break;case"pager":l.pager=o!=null&&o[k]?p:void 0;break;default:return}});let u={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},x=(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(le,{children:(0,m.jsx)("div",{className:"k-grid-header-wrap",children:(0,m.jsxs)(ie,{children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsx)(ee,{children:(0,m.jsxs)(S,{children:[(0,m.jsx)(H,{...u[t],columnTitle:"ID"}),(0,m.jsx)(H,{...u[t],columnTitle:"Product Name"}),(0,m.jsx)(H,{...u[t],columnTitle:"Units in Stock"}),(0,m.jsx)(H,{...u[t],columnTitle:"Units Price"})]})})]})})}),(0,m.jsx)(te,{children:(0,m.jsx)(oe,{children:(0,m.jsxs)(ae,{children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsxs)(ne,{children:[(0,m.jsxs)(S,{children:[(0,m.jsx)(s,{children:"1"}),(0,m.jsx)(s,{children:"Chai"}),(0,m.jsx)(s,{children:"39"}),(0,m.jsx)(s,{children:"18"})]}),(0,m.jsxs)(S,{className:"k-alt",alt:!0,children:[(0,m.jsx)(s,{children:"2"}),(0,m.jsx)(s,{children:"Chang"}),(0,m.jsx)(s,{children:"17"}),(0,m.jsx)(s,{children:"19"})]}),(0,m.jsxs)(S,{children:[(0,m.jsx)(s,{children:"3"}),(0,m.jsx)(s,{children:"Aniseed Syrup"}),(0,m.jsx)(s,{children:"13"}),(0,m.jsx)(s,{children:"10"})]}),(0,m.jsxs)(S,{className:"k-alt",alt:!0,children:[(0,m.jsx)(s,{children:"4"}),(0,m.jsx)(s,{children:"Chef Anton's Cajun Seasoning"}),(0,m.jsx)(s,{children:"53"}),(0,m.jsx)(s,{children:"22"})]}),(0,m.jsxs)(S,{children:[(0,m.jsx)(s,{children:"5"}),(0,m.jsx)(s,{children:"Chef Anton's Gumbo Mix"}),(0,m.jsx)(s,{children:"0"}),(0,m.jsx)(s,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,m.jsx)(zc,{...a,...l});case"editing":return(0,m.jsx)(Uc,{...a,...l});case"grouping":return(0,m.jsx)(_c,{...a,...l,groupingHeader:(0,m.jsx)(Zt,{children:(0,m.jsxs)(ye,{children:[(0,m.jsx)(Me,{icon:"sort-asc-small",actions:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(Ce,{type:"more"}),(0,m.jsx)(Ce,{type:"remove"})]}),children:"ID"}),(0,m.jsx)(Me,{icon:"sort-desc-small",actions:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(Ce,{type:"more"}),(0,m.jsx)(Ce,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,m.jsx)(W,{...a,...l,children:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(le,{children:(0,m.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,m.jsxs)(ie,{children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{className:"k-drag-col"}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsx)(ee,{children:(0,m.jsxs)(S,{children:[(0,m.jsx)(H,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,m.jsx)(H,{columnTitle:"ID"}),(0,m.jsx)(H,{columnTitle:"Product Name"}),(0,m.jsx)(H,{columnTitle:"Units in Stock"}),(0,m.jsx)(H,{columnTitle:"Units Price"})]})})]})]})}),(0,m.jsx)(te,{children:(0,m.jsx)(oe,{children:(0,m.jsxs)(ae,{children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{className:"k-drag-col"}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsxs)(ne,{children:[(0,m.jsxs)(S,{children:[(0,m.jsx)(s,{className:"k-drag-cell",children:(0,m.jsx)(L,{icon:"reorder"})}),(0,m.jsx)(s,{children:"1"}),(0,m.jsx)(s,{children:"Chai"}),(0,m.jsx)(s,{children:"39"}),(0,m.jsx)(s,{children:"18"})]}),(0,m.jsxs)(S,{className:"k-alt",alt:!0,children:[(0,m.jsx)(s,{className:"k-drag-cell",children:(0,m.jsx)(L,{icon:"reorder"})}),(0,m.jsx)(s,{children:"2"}),(0,m.jsx)(s,{children:"Chang"}),(0,m.jsx)(s,{children:"17"}),(0,m.jsx)(s,{children:"19"})]}),(0,m.jsxs)(S,{children:[(0,m.jsx)(s,{className:"k-drag-cell",children:(0,m.jsx)(L,{icon:"reorder"})}),(0,m.jsx)(s,{children:"3"}),(0,m.jsx)(s,{children:"Aniseed Syrup"}),(0,m.jsx)(s,{children:"13"}),(0,m.jsx)(s,{children:"10"})]}),(0,m.jsxs)(S,{className:"k-alt",alt:!0,children:[(0,m.jsx)(s,{className:"k-drag-cell",children:(0,m.jsx)(L,{icon:"reorder"})}),(0,m.jsx)(s,{children:"4"}),(0,m.jsx)(s,{children:"Chef Anton's Cajun Seasoning"}),(0,m.jsx)(s,{children:"53"}),(0,m.jsx)(s,{children:"22"})]}),(0,m.jsxs)(S,{children:[(0,m.jsx)(s,{className:"k-drag-cell",children:(0,m.jsx)(L,{icon:"reorder"})}),(0,m.jsx)(s,{children:"5"}),(0,m.jsx)(s,{children:"Chef Anton's Gumbo Mix"}),(0,m.jsx)(s,{children:"0"}),(0,m.jsx)(s,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,m.jsx)(yc,{...a,...l});default:return(0,m.jsx)(W,{...a,...l,children:x})}};Fa.options=wh;Fa.states=Eh;Fa.variants=Ih;Fa.defaultOptions=Fc;Fa.modifiers=Rh;var g=require("react/jsx-runtime"),Oh=({contentClassName:e,...t})=>(0,g.jsx)(W,{_renderAriaRoot:!0,children:(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(le,{children:(0,g.jsx)("div",{className:"k-grid-header-wrap",children:(0,g.jsxs)(ie,{style:{width:"1100px"},children:[(0,g.jsxs)("colgroup",{children:[(0,g.jsx)("col",{style:{width:"250px"}}),(0,g.jsx)("col",{style:{width:"150px"}}),(0,g.jsx)("col",{style:{width:"200px"}}),(0,g.jsx)("col",{style:{width:"250px"}}),(0,g.jsx)("col",{style:{width:"250px"}})]}),(0,g.jsx)(ee,{children:(0,g.jsxs)(S,{children:[(0,g.jsx)(H,{className:"k-grid-header-sticky",rowspan:1,colspan:1,columnTitle:"Product Name",style:{left:"0px",right:"250px",borderRightWidth:"1px"}}),(0,g.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Units In Stock"}),(0,g.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Price"}),(0,g.jsx)(H,{className:"k-grid-header-sticky",rowspan:1,colspan:1,columnTitle:"Units on Order",style:{left:"250px",right:"0px",borderRightWidth:"1px"}}),(0,g.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Reorder Level"})]})})]})})}),(0,g.jsx)(te,{children:(0,g.jsx)(oe,{className:e,children:(0,g.jsx)("div",{style:{position:"relative"},children:(0,g.jsxs)(ae,{style:{width:"1100px"},children:[(0,g.jsxs)("colgroup",{children:[(0,g.jsx)("col",{width:"250px"}),(0,g.jsx)("col",{width:"150px"}),(0,g.jsx)("col",{width:"200px"}),(0,g.jsx)("col",{width:"250px"}),(0,g.jsx)("col",{width:"250px"})]}),(0,g.jsxs)(ne,{children:[(0,g.jsxs)(S,{className:"k-master-row",children:[(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"0px",right:"250px",borderRightWidth:"1px"},children:"Chai"}),(0,g.jsx)(s,{colspan:1,children:"39"}),(0,g.jsx)(s,{colspan:1,children:"$18.00"}),(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"250px",right:"0px",borderRightWidth:"1px"},children:"0"}),(0,g.jsx)(s,{colspan:1,children:"10"})]}),(0,g.jsxs)(S,{className:"k-master-row",role:"row",alt:!0,children:[(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"0px",right:"250px",borderRightWidth:"1px"},children:"Chang"}),(0,g.jsx)(s,{colspan:1,children:"17"}),(0,g.jsx)(s,{colspan:1,children:"$19.00"}),(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"250px",right:"0px",borderRightWidth:"1px"},children:"40"}),(0,g.jsx)(s,{colspan:1,children:"25"})]}),(0,g.jsxs)(S,{className:"k-master-row",role:"row",children:[(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"0px",right:"250px",borderRightWidth:"1px"},children:"Aniseed Syrup"}),(0,g.jsx)(s,{colspan:1,children:"13"}),(0,g.jsx)(s,{colspan:1,children:"$10.00"}),(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"250px",right:"0px",borderRightWidth:"1px"},children:"70"}),(0,g.jsx)(s,{colspan:1,children:"25"})]}),(0,g.jsxs)(S,{className:"k-master-row",role:"row",alt:!0,children:[(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"0px",right:"250px",borderRightWidth:"1px"},children:"Chef Anton's Cajun Seasoning"}),(0,g.jsx)(s,{colspan:1,children:"53"}),(0,g.jsx)(s,{colspan:1,children:"$22.00"}),(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"250px",right:"0px",borderRightWidth:"1px"},children:"0"}),(0,g.jsx)(s,{colspan:1,children:"0"})]}),(0,g.jsxs)(S,{className:"k-master-row",role:"row",children:[(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"0px",right:"250px",borderRightWidth:"1px"},children:"Chef Anton's Gumbo Mix"}),(0,g.jsx)(s,{colspan:1,children:"0"}),(0,g.jsx)(s,{colspan:1,children:"$21.35"}),(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"250px",right:"0px",borderRightWidth:"1px"},children:"0"}),(0,g.jsx)(s,{colspan:1,children:"0"})]}),(0,g.jsxs)(S,{className:"k-master-row",role:"row",alt:!0,children:[(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"0px",right:"250px",borderRightWidth:"1px"},children:"Grandma's Boysenberry Spread"}),(0,g.jsx)(s,{colspan:1,children:"120"}),(0,g.jsx)(s,{colspan:1,children:"$25.00"}),(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"250px",right:"0px",borderRightWidth:"1px"},children:"0"}),(0,g.jsx)(s,{colspan:1,children:"25"})]}),(0,g.jsxs)(S,{className:"k-master-row",role:"row",children:[(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"0px",right:"250px",borderRightWidth:"1px"},children:"Uncle Bob's Organic Dried Pears"}),(0,g.jsx)(s,{colspan:1,children:"15"}),(0,g.jsx)(s,{colspan:1,children:"$30.00"}),(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"250px",right:"0px",borderRightWidth:"1px"},children:"0"}),(0,g.jsx)(s,{colspan:1,children:"10"})]}),(0,g.jsxs)(S,{className:"k-master-row",role:"row",alt:!0,children:[(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"0px",right:"250px",borderRightWidth:"1px"},children:"Northwoods Cranberry Sauce"}),(0,g.jsx)(s,{colspan:1,children:"6"}),(0,g.jsx)(s,{colspan:1,children:"$40.00"}),(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"250px",right:"0px",borderRightWidth:"1px"},children:"0"}),(0,g.jsx)(s,{colspan:1,children:"0"})]}),(0,g.jsxs)(S,{className:"k-master-row",role:"row",children:[(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"0px",right:"250px",borderRightWidth:"1px"},children:"Mishi Kobe Niku"}),(0,g.jsx)(s,{colspan:1,children:"29"}),(0,g.jsx)(s,{colspan:1,children:"97"}),(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"250px",right:"0px",borderRightWidth:"1px"},children:"0"}),(0,g.jsx)(s,{colspan:1,children:"0"})]}),(0,g.jsxs)(S,{className:"k-master-row",role:"row",alt:!0,children:[(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"0px",right:"250px",borderRightWidth:"1px"},children:"Ikura"}),(0,g.jsx)(s,{colspan:1,children:"31"}),(0,g.jsx)(s,{colspan:1,children:"$31.00"}),(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"250px",right:"0px",borderRightWidth:"1px"},children:"0"}),(0,g.jsx)(s,{colspan:1,children:"0"})]})]})]})})})})]}),...t});
1	+ var qc=Object.create;var $a=Object.defineProperty;var Yc=Object.getOwnPropertyDescriptor;var Qc=Object.getOwnPropertyNames;var Zc=Object.getPrototypeOf,jc=Object.prototype.hasOwnProperty;var ep=(e,t)=>{for(var o in t)$a(e,o,{get:t[o],enumerable:!0})},Dn=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let l of Qc(t))!jc.call(e,l)&&l!==o&&$a(e,l,{get:()=>t[l],enumerable:!(a=Yc(t,l))\|\|a.enumerable});return e};var _n=(e,t,o)=>(o=e!=null?qc(Zc(e)):{},Dn(t\|\|!e\|\|!e.__esModule?$a(o,"default",{value:e,enumerable:!0}):o,e)),tp=e=>Dn($a({},"__esModule",{value:!0}),e);var Kh={};ep(Kh,{GridWithStickyColumns:()=>Hh});module.exports=tp(Kh);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 w=(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"}),O=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:i,checked:p,active:u,selected:x,disabled:k,indeterminate:C,loading:v,empty:b,readonly:y,highlighted:M,...I}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":i,"k-checked":p,"k-active":u,"k-selected":x,"k-disabled":k,"k-indeterminate":C&&!p,"k-loading":v,"k-empty":b,"k-readonly":y,"k-highlighted":M},Object.keys(I).reduce((G,K)=>(K.startsWith("k-")?G[K]=I[K]:G[`k-${K}`]=I[K],G),{}))};function zn(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"},T={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},f={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var V="grid",$=V;var Wa=require("react/jsx-runtime"),Xa="k-grid",op=[],ap={size:[d.undefined,d.small,d.medium,d.large]},rp=[],Un={pagerPosition:"bottom"},J=e=>{let{size:t,pagerPosition:o=Un.pagerPosition,toolbar:a,pager:l,groupingHeader:i,gridSelectionAggregates:p,_renderAriaRoot:u,resizable:x,...k}=e;return(0,Wa.jsxs)("div",{...k,className:r(e.className,Xa,{[`${Xa}-resizable`]:x},w(Xa,{size:t})),children:[a,o==="top"&&l,i,e.children&&u?(0,Wa.jsx)("div",{className:"k-grid-aria-root",children:e.children}):e.children,p,o==="bottom"&&l]})};J.states=op;J.options=ap;J.variants=rp;J.className=Xa;J.defaultOptions=Un;J.moduleName=V;J.folderName=$;var Vn=require("react/jsx-runtime"),Fn="k-grid-header",le=e=>{let{draggable:t,...o}=e;return(0,Vn.jsx)("div",{...o,className:r(e.className,Fn,{"k-grid-draggable-header":t}),children:e.children})};le.className=Fn;le.moduleName=V;le.folderName=$;var Jo=require("react/jsx-runtime"),$n="k-grouping-header",Zt=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,Jo.jsxs)("div",{...a,className:r(e.className,$n),children:[o&&(0,Jo.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,Jo.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};Zt.className=$n;Zt.moduleName=V;Zt.folderName=$;var Wn=require("react/jsx-runtime"),Xn="k-grid-pinned-container",Er=e=>{let{position:t,...o}=e;return(0,Wn.jsx)("div",{...o,className:r(e.className,Xn,{"k-pos-bottom":t==="bottom"}),children:e.children})};Er.className=Xn;Er.moduleName=V;Er.folderName=$;var qn=require("react/jsx-runtime"),Jn="k-grid-sticky-container",Ir=e=>{let{position:t,...o}=e;return(0,qn.jsx)("div",{...o,className:r(e.className,Jn,{"k-pos-bottom":t==="bottom"}),children:e.children})};Ir.className=Jn;Ir.moduleName=V;Ir.folderName=$;var Ae="table",Ge=Ae;var Qn=require("react/jsx-runtime"),Yn="k-data-table",lp=[],np={size:[d.undefined,d.small,d.medium,d.large]},ip={},Bt=e=>{let{size:t,...o}=e;return(0,Qn.jsx)("div",{...o,className:r(e.className,Yn,w("k-table",{size:t})),children:e.children})};Bt.states=lp;Bt.options=np;Bt.className=Yn;Bt.defaultOptions=ip;Bt.moduleName=Ae;Bt.folderName=Ge;var Zn=require("react/jsx-runtime"),Rr="k-table-header-wrap",sp=[n.hover,n.focus,n.disabled],dp={},cp={},jt=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return(0,Zn.jsx)("div",{...i,className:r(e.className,Rr,O(Rr,{hover:o,focus:a,disabled:l})),children:t})};jt.states=sp;jt.options=dp;jt.className=Rr;jt.defaultOptions=cp;jt.moduleName=Ae;jt.folderName=Ge;var jn=require("react/jsx-runtime"),Or="k-table",pp=[],mp={size:[d.undefined,d.small,d.medium,d.large]},up={},Be=e=>{let{size:t,...o}=e;return(0,jn.jsx)("table",{...o,className:r(e.className,Or,w(Or,{size:t})),children:e.children})};Be.states=pp;Be.options=mp;Be.className=Or;Be.defaultOptions=up;Be.moduleName=Ae;Be.folderName=Ge;var Ja=require("react/jsx-runtime"),Pr="k-table-header",bp=[n.hover,n.focus,n.disabled],fp={},Tp={},Dt=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return(0,Ja.jsx)("div",{...i,className:r(e.className,Pr,O(Pr,{hover:o,focus:a,disabled:l})),children:(0,Ja.jsx)(jt,{children:(0,Ja.jsx)(Be,{children:t})})})};Dt.states=bp;Dt.options=fp;Dt.className=Pr;Dt.defaultOptions=Tp;Dt.moduleName=Ae;Dt.folderName=Ge;var ti=require("react/jsx-runtime"),ei="k-table-scroller",hp=[],xp={},Np={},So=e=>{let{children:t,...o}=e;return(0,ti.jsx)("div",{...o,className:r(e.className,ei),children:t})};So.states=hp;So.options=xp;So.className=ei;So.defaultOptions=Np;So.moduleName=Ae;So.folderName=Ge;var gp=require("react/jsx-runtime");var ai=require("react/jsx-runtime"),oi="k-table-footer",kp=[],vp={},Lp={},eo=e=>{let{children:t,...o}=e;return(0,ai.jsx)("div",{...o,className:r(e.className,oi),children:t})};eo.states=kp;eo.options=vp;eo.className=oi;eo.defaultOptions=Lp;eo.moduleName=Ae;eo.folderName=Ge;var ri=require("react/jsx-runtime"),Hr="k-table-list",Cp=[],Mp={size:[d.undefined,d.small,d.medium,d.large]},yp={},to=e=>{let{size:t,virtualization:o,...a}=e;return(0,ri.jsx)("ul",{...a,className:r(e.className,"k-table",Hr,w(Hr,{size:t}),{"k-virtual-table":o}),children:e.children})};to.states=Cp;to.options=Mp;to.className=Hr;to.defaultOptions=yp;to.moduleName=Ae;to.folderName=Ge;var li=require("react/jsx-runtime"),Sp="k-table-thead",ee=e=>(0,li.jsx)("thead",{className:r(e.className,Sp),children:e.children});var ni=require("react/jsx-runtime"),Ap="k-table-tbody",ne=e=>(0,ni.jsx)("tbody",{className:r(e.className,Ap),children:e.children});var wp=require("react/jsx-runtime");var ii=require("react/jsx-runtime"),Kr="k-table-row",Ep=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],S=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:i,alt:p,...u}=e;return(0,ii.jsx)("tr",{...u,className:r(e.className,Kr,{"k-table-alt-row":p},O(Kr,{hover:t,focus:o,disabled:i,selected:a,highlighted:l})),children:e.children})};S.states=Ep;S.className=Kr;var si=require("react/jsx-runtime"),Gr="k-table-row",Ip=[n.hover,n.focus,n.selected,n.disabled],qa=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:i,...p}=e;return(0,si.jsx)("li",{...p,className:r(e.className,Gr,{"k-table-alt-row":i},O(Gr,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};qa.states=Ip;qa.className=Gr;var ci=require("react/jsx-runtime"),di="k-table-th",_t=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,i=t\|\|e.children;return(0,ci.jsx)("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,di),children:i})};_t.className=di;_t.moduleName=Ae;_t.folderName=Ge;var Rp=require("react/jsx-runtime");var pi=require("react/jsx-runtime"),Br="k-table-td",Op=[n.focus,n.selected,n.highlighted],s=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:i,rowspan:p,...u}=e,x=l\|\|e.children;return(0,pi.jsx)("td",{colSpan:i,rowSpan:p,...u,className:r(e.className,Br,O(Br,{focus:t,selected:o,highlighted:a})),children:x})};s.states=Op;s.className=Br;var Pp=require("react/jsx-runtime");var Hp=require("react/jsx-runtime");var Kp=require("react/jsx-runtime");var Gp=require("react/jsx-runtime");var Bp=require("react/jsx-runtime");var ui=require("react/jsx-runtime");var bi=require("react/jsx-runtime");var fi=require("react/jsx-runtime");var Dr=require("react/jsx-runtime");var hi=require("react/jsx-runtime"),Ti="k-grid-header-table",ie=e=>(0,hi.jsx)(Be,{...e,className:r(e.className,Ti),children:e.children});ie.className=Ti;ie.moduleName=V;ie.folderName=$;var qo=require("react/jsx-runtime"),_r="k-font-icon",Up=[],Fp={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Vp={},Yo=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:i,...p}=e;return a?(0,qo.jsx)("span",{...p,className:r(e.className,_r,w(_r,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):(0,qo.jsx)(qo.Fragment,{})};Yo.states=Up;Yo.options=Fp;Yo.className=_r;Yo.defaultOptions=Vp;var xi=Yo;var bo=require("react/jsx-runtime"),zr="k-svg-icon",$p=[],Xp={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Ni={viewBox:"0 0 24 24"},Qo=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:i=Ni.viewBox,icon:p,...u}=e;if(!p)return(0,bo.jsx)(bo.Fragment,{});if(p==="none")return(0,bo.jsx)("span",{...u,className:r(e.className,zr,w("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof p=="object"&&p.name&&p.name;return(0,bo.jsx)("span",{...u,className:r(e.className,zr,w("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`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,bo.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:i,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};Qo.states=$p;Qo.options=Xp;Qo.className=zr;Qo.defaultOptions=Ni;var Ur=Qo;var Fr=_n(require("@progress/kendo-svg-icons"));var gi="icon",ki="icons";var Ci=require("react");var vi=require("react"),Li=(0,vi.createContext)({iconsType:"svg"});var zt=require("react/jsx-runtime"),Ya="k-icon",Wp=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Jp=[],qp={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Vr={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{iconsType:t}=(0,Ci.useContext)(Li),{size:o,themeColor:a,icon:l,type:i=t\|\|Vr.type,rotate:p,flip:u,viewBox:x=Vr.viewBox,...k}=e;if(!l)return(0,zt.jsx)(zt.Fragment,{});if((t\|\|i)==="svg"){if(l==="none")return(0,zt.jsx)(Ur,{...k,className:r(e.className,Ya),icon:l,size:o});let v=Fr[l]?l:Wp(`${l}-icon`);return Fr[v]?(0,zt.jsx)(Ur,{...k,className:r(e.className,Ya),icon:Fr[v],size:o,themeColor:a,rotate:p,flip:u,viewBox:x}):(0,zt.jsx)(zt.Fragment,{})}return(0,zt.jsx)(xi,{...k,className:r(e.className,Ya),icon:l,size:o,themeColor:a,rotate:p,flip:u})};L.states=Jp;L.options=qp;L.defaultOptions=Vr;L.className=Ya;L.moduleName=gi;L.folderName=ki;L.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 nt=require("react/jsx-runtime"),$r="k-header",Yp=[n.hover,n.focus,n.active],Mi={sortIcon:"sort-asc-small"},H=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:i,columnTitle:p,hover:u,focus:x,active:k,sortIcon:C=Mi.sortIcon,sortOrder:v,accessibleLabel:b,...y}=e;return(0,nt.jsxs)(_t,{...y,className:r(e.className,$r,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":i},O($r,{hover:u,focus:x,active:k})),children:[p&&(0,nt.jsxs)("span",{className:"k-cell-inner",children:[(0,nt.jsxs)("span",{className:"k-link",children:[(0,nt.jsx)("span",{className:"k-column-title",children:p}),o&&(0,nt.jsx)("span",{className:"k-sort-icon",children:(0,nt.jsx)(L,{icon:C})}),v&&(0,nt.jsx)("span",{className:"k-sort-order",children:v})]}),t&&(0,nt.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,nt.jsx)(L,{icon:t==="filter"?"filter":"more-vertical"})})]}),!p&&b&&(0,nt.jsx)("span",{className:"k-sr-only",children:b}),e.children,i&&(0,nt.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};H.states=Yp;H.className=$r;H.defaultOptions=Mi;H.moduleName=V;H.folderName=$;var Si=require("react/jsx-runtime"),yi="k-grid-container",te=e=>(0,Si.jsx)("div",{...e,className:r(e.className,yi),children:e.children});te.className=yi;te.moduleName=V;te.folderName=$;var wi=require("react/jsx-runtime"),Ai="k-grid-content",oe=e=>(0,wi.jsx)("div",{...e,className:r(e.className,Ai),children:e.children});oe.className=Ai;oe.moduleName=V;oe.folderName=$;var Ii=require("react/jsx-runtime"),Ei="k-grid-table",ae=e=>(0,Ii.jsx)(Be,{...e,className:r(e.className,Ei),children:e.children});ae.className=Ei;ae.moduleName=V;ae.folderName=$;var Oi=require("react/jsx-runtime"),Ri="k-grid-footer",Xr=e=>(0,Oi.jsx)("div",{...e,className:r(e.className,Ri),children:e.children});Xr.className=Ri;Xr.moduleName=V;Xr.folderName=$;var Hi=require("react/jsx-runtime"),Pi="k-grid-footer-table",Wr=e=>(0,Hi.jsx)(Be,{...e,className:r(e.className,Pi),children:e.children});Wr.className=Pi;Wr.moduleName=V;Wr.folderName=$;var Jr="button",Ki=Jr;var Ct=require("react/jsx-runtime"),Zo="k-button",Qp=["icon-button"],Zp=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],jp={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},qr={showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:i,showArrow:p=qr.showArrow,arrowIconName:u=qr.arrowIconName,variant:x,hover:k,focus:C,active:v,selected:b,disabled:y,togglable:M,icon:I,text:G,iconClassName:K,className:U,...pe}=e,Ne=I!==void 0,$e=e.children!==void 0;return(0,Ct.jsxs)(t,{className:r(U,Zo,zn(Zo,x),w(Zo,{size:o,rounded:a,fillMode:l,themeColor:i}),O(Zo,{hover:k,focus:C,active:v,disabled:y,selected:b}),{"k-icon-button":!G&&!$e&&Ne}),...pe,"aria-pressed":M?b?"true":"false":void 0,disabled:y\|\|void 0,children:[I&&(0,Ct.jsx)(L,{className:r(K,"k-button-icon"),icon:I}),G?(0,Ct.jsxs)(Ct.Fragment,{children:[G&&(0,Ct.jsx)("span",{className:"k-button-text",children:G}),e.children]}):e.children&&(0,Ct.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,Ct.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Ct.jsx)(L,{icon:u})})]})};c.states=Zp;c.options=jp;c.variants=Qp;c.className=Zo;c.defaultOptions=qr;c.moduleName=Jr;c.folderName=Ki;c.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 Gi=require("react/jsx-runtime"),oo=e=>(0,Gi.jsx)(c,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Bi=require("react/jsx-runtime"),jo=e=>(0,Bi.jsx)(c,{icon:"folder",children:"Button",...e});var Di=require("react/jsx-runtime"),fo=e=>(0,Di.jsx)(c,{children:"Button",...e});var Qa=require("react/jsx-runtime"),em=c.options,tm=c.states,om={...c.defaultOptions,variant:"text"},am=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],rm=[],ea=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Qa.jsx)(oo,{...o,icon:"star"});case"icon-and-text":return(0,Qa.jsx)(jo,{...o,icon:"star",children:"Button"});default:return(0,Qa.jsx)(fo,{...o,children:"Button"})}};ea.options=em;ea.states=tm;ea.variants=am;ea.defaultOptions=om;ea.modifiers=rm;var ta="input",Za=ta;var _i=require("react/jsx-runtime"),ja="k-input",lm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],nm={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},im={},ge=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:p,readonly:u,size:x,rounded:k,fillMode:C,...v}=e;return(0,_i.jsx)("span",{...v,className:r(e.className,ja,w(ja,{size:x,rounded:k,fillMode:C}),O(ja,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:p,readonly:u}))})};ge.states=lm;ge.options=nm;ge.className=ja;ge.defaultOptions=im;ge.moduleName=ta;ge.folderName=Za;var zi=require("react/jsx-runtime"),er="k-picker",sm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],dm={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},cm={},wt=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:p,readonly:u,size:x,rounded:k,fillMode:C,...v}=e;return(0,zi.jsx)("span",{...v,className:r(e.className,er,w(er,{size:x,rounded:k,fillMode:C}),O(er,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:p,readonly:u})),children:e.children})};wt.states=sm;wt.options=dm;wt.className=er;wt.defaultOptions=cm;wt.moduleName=ta;wt.folderName=Za;var Ao=require("react/jsx-runtime"),Ui="k-clear-value",pm=[n.disabled,n.loading,n.readonly],mm={},it=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t\|\|a\|\|o\|\|!l?(0,Ao.jsx)(Ao.Fragment,{}):(0,Ao.jsx)("span",{className:r(e.className,Ui),children:(0,Ao.jsx)(L,{icon:"x"})})};it.states=pm;it.options=mm;it.className=Ui;var Fi=require("react/jsx-runtime"),Yr="k-input-inner",um=[],bm={},tr={type:"text",autocomplete:"off",value:"",placeholder:""},st=e=>{let{value:t=tr.value,type:o=tr.type,placeholder:a=tr.placeholder,autocomplete:l=tr.autocomplete,disabled:i,readOnly:p,...u}=e;return(0,Fi.jsx)("input",{...u,type:o,className:r(e.className,Yr,w(Yr,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:i\|\|void 0,readOnly:p\|\|void 0})};st.states=um;st.options=bm;st.className=Yr;var oa=require("react/jsx-runtime"),Qr="k-input-inner",fm=[],Tm={},To=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:i,...p}=e;return(0,oa.jsxs)("span",{...p,className:r(e.className,Qr,w(Qr,e)),children:[l,!l&&i&&(0,oa.jsx)(L,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,oa.jsx)("span",{className:"k-input-value-text",children:t})]})};To.states=fm;To.options=Tm;To.className=Qr;var $i=require("react/jsx-runtime"),Zr="k-input-inner",hm=[],xm={},Vi={value:"",placeholder:""},jr=e=>{let{value:t=Vi.value,placeholder:o=Vi.placeholder,rows:a,disabled:l,...i}=e;return(0,$i.jsx)("textarea",{...i,className:r(e.className,Zr,w(Zr,e)),placeholder:o,rows:a,defaultValue:t,disabled:l\|\|void 0})};jr.states=hm;jr.options=xm;jr.className=Zr;var aa=require("react/jsx-runtime"),Xi="k-input-loading-icon",Nm=[n.disabled,n.loading],Ye=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,aa.jsx)(aa.Fragment,{}):(0,aa.jsx)("span",{className:r(e.className,Xi,"k-icon k-i-loading")})};Ye.states=Nm;Ye.className=Xi;var ra=require("react/jsx-runtime"),Wi="k-input-validation-icon",gm=[n.valid,n.invalid,n.disabled,n.loading],km={},Xe=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,i=o?"warning-circle":"check-circle";return a\|\|l\|\|!!!(t\|\|o)?(0,ra.jsx)(ra.Fragment,{}):(0,ra.jsx)(L,{className:r(Wi),icon:i})};Xe.states=gm;Xe.options=km;Xe.className=Wi;var la=require("react/jsx-runtime"),vm="k-input-prefix",Lm={direction:"horizontal"},bt=e=>{let{direction:t=Lm.direction,...o}=e;return e.children?(0,la.jsx)("span",{...o,className:r(vm,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,la.jsx)(la.Fragment,{})};var na=require("react/jsx-runtime"),Cm="k-input-suffix",Mm={direction:"horizontal"},ft=e=>{let{direction:t=Mm.direction,...o}=e;return e.children?(0,na.jsx)("span",{...o,className:r(Cm,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,na.jsx)(na.Fragment,{})};var ym=require("react/jsx-runtime");var Ji=require("react/jsx-runtime"),Sm="k-input-suffix-text",el=e=>{let{children:t,...o}=e;return(0,Ji.jsx)("span",{...o,className:r(Sm,e.className),children:t})};var Yi=require("react/jsx-runtime"),qi="k-input-separator",Am={direction:"vertical"},Tt=e=>{let{direction:t=Am.direction,...o}=e;return(0,Yi.jsx)("span",{...o,className:r(qi,e.className,{[`${qi}-${t}`]:t})})};var Se=require("react/jsx-runtime"),wm=ge.states,Em=ge.defaultOptions,Im=ge.options,Rm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Om=[],ia=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:i,readonly:p,...u}=e,x=t==null?void 0:t.prefix,k=t==null?void 0:t.suffix,C=t==null?void 0:t["clear-button"],v=t==null?void 0:t["validation-icon"],b=t==null?void 0:t.separators;return(0,Se.jsxs)(ge,{...u,valid:o,invalid:a,loading:l,disabled:i,readonly:p,style:{width:300},children:[x&&(0,Se.jsxs)(Se.Fragment,{children:[(0,Se.jsx)(bt,{children:(0,Se.jsx)(L,{icon:"lock"})}),b&&(0,Se.jsx)(Tt,{})]}),(0,Se.jsx)(st,{placeholder:"Placeholder",value:"Value"}),v&&(0,Se.jsx)(Xe,{valid:o,invalid:a,loading:l,disabled:i}),(0,Se.jsx)(Ye,{loading:l,disabled:i}),C&&(0,Se.jsx)(it,{loading:l,disabled:i,readonly:p,value:"Value"}),k&&(0,Se.jsxs)(Se.Fragment,{children:[b&&(0,Se.jsx)(Tt,{}),(0,Se.jsx)(ft,{children:(0,Se.jsx)(fo,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ia.options=Im;ia.states=wm;ia.variants=Om;ia.defaultOptions=Em;ia.modifiers=Rm;var tl="popup",Qi=tl;var ol=require("react/jsx-runtime"),Zi="k-animation-container",Pm=[],Hm={},ji={positionMode:"absolute"},Et=e=>{let{positionMode:t=ji.positionMode,animationStyle:o,offset:a,...l}=e;return(0,ol.jsx)("div",{...l,style:{...a,...e.style},className:r(e.className,Zi,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,ol.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Et.states=Pm;Et.options=Hm;Et.className=Zi;Et.defaultOptions=ji;Et.moduleName=tl;Et.folderName=Qi;var al="popup",es=al;var rl=require("react/jsx-runtime"),ts="k-popup",Km=[],Gm={},os={positionMode:"absolute"},se=e=>{let{offset:t,positionMode:o=os.positionMode,animationStyle:a,containerClassName:l,containerRole:i,containerAriaLabel:p,...u}=e;return(0,rl.jsx)(Et,{positionMode:o,offset:t,animationStyle:a,className:l,role:i,"aria-label":p,children:(0,rl.jsx)("div",{...u,className:r(e.className,ts),children:e.children})})};se.states=Km;se.options=Gm;se.className=ts;se.defaultOptions=os;se.moduleName=al;se.folderName=es;se.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 ll="action-buttons",as=ll;var rs=require("react/jsx-runtime"),or="k-actions",Bm=[],Dm={},nl={alignment:"start",orientation:"horizontal"},It=e=>{let{alignment:t=nl.alignment,orientation:o=nl.orientation,...a}=e;return(0,rs.jsx)("div",{...a,className:r(or,{[`${or}-${t}`]:t,[`${or}-${o}`]:o},e.className),children:e.children})};It.states=Bm;It.options=Dm;It.className=or;It.defaultOptions=nl;It.moduleName=ll;It.folderName=as;var ns=require("react/jsx-runtime"),_m="k-actionsheet-footer",ls={alignment:"stretched",orientation:"horizontal"},ao=e=>{let{alignment:t=ls.alignment,orientation:o=ls.orientation,template:a,as:l=a?"div":It,...i}=e;return(0,ns.jsx)(l,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,_m),children:e.children})};var il="searchbox",is=il;var ro=require("react/jsx-runtime"),ss="k-searchbox",zm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Um={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},sl={showIcon:!0,icon:"search"},ht=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:i,hover:p,focus:u,valid:x,invalid:k,required:C,loading:v,disabled:b,showIcon:y=sl.showIcon,icon:M=sl.icon,...I}=e;return(0,ro.jsxs)(ge,{...I,size:a,rounded:l,fillMode:i,hover:p,focus:u,valid:x,invalid:k,required:C,loading:v,disabled:b,className:r(e.className,ss),children:[y&&(0,ro.jsx)(L,{className:"k-input-icon",icon:M}),(0,ro.jsx)(st,{placeholder:o,value:t}),(0,ro.jsx)(Ye,{...e}),(0,ro.jsx)(Xe,{...e}),(0,ro.jsx)(it,{...e})]})};ht.states=zm;ht.options=Um;ht.className=ss;ht.defaultOptions=sl;ht.moduleName=il;ht.folderName=is;var Fm=require("react/jsx-runtime");var dl="textbox",ds=dl;var De=require("react/jsx-runtime"),cs="k-textbox",Vm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],$m={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ar={showClearButton:!0,showValidationIcon:!0,separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:l=ar.separators,showClearButton:i=ar.showClearButton,showValidationIcon:p=ar.showValidationIcon,prefix:u,suffix:x,type:k,value:C,placeholder:v,hover:b,focus:y,valid:M,invalid:I,required:G,loading:K,disabled:U,readonly:pe,id:Ne,"aria-label":$e,"aria-describedby":rt,...lt}=e;return(0,De.jsxs)(ge,{...lt,size:t,rounded:o,fillMode:a,hover:b,focus:y,valid:M,invalid:I,required:G,loading:K,disabled:U,readonly:pe,className:r(e.className,cs),children:[u&&(0,De.jsxs)(De.Fragment,{children:[(0,De.jsx)(bt,{children:u}),l&&(0,De.jsx)(Tt,{})]}),(0,De.jsx)(st,{id:Ne,placeholder:v,value:C,type:k,disabled:U,"aria-label":$e,"aria-describedby":rt,"aria-invalid":I?"true":void 0}),p&&(0,De.jsx)(Xe,{valid:M,invalid:I,loading:K,disabled:U}),(0,De.jsx)(Ye,{loading:K,disabled:U}),i&&(0,De.jsx)(it,{loading:K,disabled:U,readonly:pe,value:C}),x&&(0,De.jsxs)(De.Fragment,{children:[l&&(0,De.jsx)(Tt,{}),(0,De.jsx)(ft,{children:x})]})]})};de.states=Vm;de.options=$m;de.className=cs;de.defaultOptions=ar;de.moduleName=dl;de.folderName=ds;de.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 sa=de;var ms=require("react/jsx-runtime"),ps=e=>(0,ms.jsx)(sa,{...e});var us=require("react/jsx-runtime");var bs=require("react/jsx-runtime");var Xm=require("react/jsx-runtime");var rr=require("react/jsx-runtime"),Wm=de.states,Jm=de.defaultOptions,qm=de.options,Ym=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Qm=[],da=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,rr.jsx)(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,rr.jsx)(fo,{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,rr.jsx)(ps,{value:"Value",style:{width:300},...o,...a})};da.options=qm;da.states=Wm;da.variants=Qm;da.defaultOptions=Jm;da.modifiers=Ym;var dt=require("react/jsx-runtime"),fs="k-actionsheet-titlebar",Zm={},We=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:i,input:p,inputValue:u,inputPlaceholder:x,adaptive:k,titleId:C,children:v,...b}=e;return(0,dt.jsxs)("div",{...b,className:r(e.className,fs),children:[(0,dt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,dt.jsx)("div",{className:"k-actionsheet-actions",children:a}),!v&&(0,dt.jsxs)("div",{className:"k-actionsheet-title",id:C,children:[t&&(0,dt.jsx)("div",{className:"k-text-center",children:t}),o&&(0,dt.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&(0,dt.jsx)("div",{className:"k-actionsheet-title",id:C,children:v}),l&&(0,dt.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(p\|\|i)&&(0,dt.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?(0,dt.jsx)(de,{value:u,placeholder:x,size:k?"large":"medium","aria-label":t\|\|x\|\|"Input"}):(0,dt.jsx)(ht,{placeholder:"Filter",size:k?"large":"medium","aria-label":"Filter options"})})]})};We.className=fs;We.defaultOptions=Zm;var wo=require("react/jsx-runtime"),cl="k-actionsheet-view",jm=[],eu={},tu={},Eo=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:i,titleId:p,...u}=e,x=(l==null?void 0:l.type)===We&&(0,wo.jsx)(We,{adaptive:t,titleId:p,...l==null?void 0:l.props}),k=(i==null?void 0:i.type)===ao&&(0,wo.jsx)(ao,{...i==null?void 0:i.props});return(0,wo.jsxs)("div",{...u,className:r(e.className,cl,{[`${cl}-animated`]:o}),children:[x,(0,wo.jsx)("div",{className:"k-actionsheet-content",children:a}),k]})};Eo.states=jm;Eo.options=eu;Eo.className=cl;Eo.defaultOptions=tu;var ca="action-sheet",lr=ca;var pl="overlay",Ts=pl;var hs=require("react/jsx-runtime"),ml="k-overlay",ou=[],au={themeColor:[f.undefined,f.light,f.dark,f.inverse]},ru={},lo=e=>{let{themeColor:t,...o}=e;return(0,hs.jsx)("div",{...o,className:r(e.className,ml,w(ml,{themeColor:t})),children:e.children})};lo.states=ou;lo.options=au;lo.className=ml;lo.defaultOptions=ru;lo.moduleName=pl;lo.folderName=Ts;var ho=require("react/jsx-runtime"),xs="k-actionsheet",lu=[],nu={},pa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Te=e=>{let{side:t=pa.side,fullscreen:o=pa.fullscreen,adaptive:a=pa.adaptive,overlay:l=pa.overlay,template:i,children:p,header:u,footer:x,id:k,...C}=e,v=k&&!i&&u?`${k}-title`:void 0;return(0,ho.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,ho.jsx)(lo,{}),(0,ho.jsx)(Et,{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,ho.jsx)("div",{...C,id:k,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":v,className:r(e.className,xs,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|(0,ho.jsx)(Eo,{header:u,footer:x,adaptive:a,titleId:v,...e,children:p})})})]})};Te.states=lu;Te.options=nu;Te.className=xs;Te.defaultOptions=pa;Te.moduleName=ca;Te.folderName=lr;Te.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 gs=require("react/jsx-runtime"),Ns="k-actionsheet-container",iu=[],su={},du={},Io=e=>{let{children:t,...o}=e;return(0,gs.jsx)("div",{...o,className:Ns,children:t})};Io.states=iu;Io.options=su;Io.className=Ns;Io.defaultOptions=du;Io.moduleName=ca;Io.folderName=lr;var ks=require("react/jsx-runtime"),ul=e=>{let{...t}=e;return(0,ks.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var xt=require("react/jsx-runtime"),bl="k-actionsheet-item",cu=[n.hover,n.focus,n.selected,n.disabled],no=e=>{let{iconName:t,text:o,description:a,hover:l,focus:i,selected:p,disabled:u,...x}=e;return(0,xt.jsxs)("span",{...x,className:r(e.className,bl,O(bl,{hover:l,focus:i,selected:p,disabled:u})),children:[!e.children&&(0,xt.jsx)(xt.Fragment,{children:(0,xt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,xt.jsx)("span",{className:"k-icon-wrap",children:(0,xt.jsx)(L,{className:"k-actionsheet-item-icon",icon:t})}),(0,xt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,xt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,xt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};no.states=cu;no.className=bl;var vs=require("react/jsx-runtime");var pu=require("react/jsx-runtime");var mu=require("react/jsx-runtime");var uu=require("react/jsx-runtime");var me=require("react/jsx-runtime"),bu=Te.options,fu=Te.states,Cs={...Te.defaultOptions,variant:"normal"},Tu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],hu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ma=e=>{let{variant:t,modifiers:o,...a}={...Cs,...e},l={},i=(0,me.jsxs)(ul,{children:[(0,me.jsx)(no,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,me.jsx)(no,{text:"Add to Favorites",iconName:"heart"}),(0,me.jsx)(no,{text:"Upload New",iconName:"upload",disabled:!0}),(0,me.jsx)("hr",{className:"k-hr"}),(0,me.jsx)(no,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",u="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o\|\|{}).forEach(x=>{switch(x){case"actions":l.actionsStart=!!(o!=null&&o[x]),l.actionsEnd=!!(o!=null&&o[x]);break;case"subtitle":l.subtitle=o!=null&&o[x]?p:void 0;break;case"footer":l.footer=!!(o!=null&&o[x]);break;default:break}}),t==="adaptive"?(0,me.jsx)(Te,{...a,adaptive:!0,fullscreen:l.fullScreen,header:(0,me.jsx)(We,{actionsStart:l.actionsStart?(0,me.jsx)(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,me.jsx)(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?(0,me.jsxs)(ao,{alignment:"stretched",children:[(0,me.jsx)(c,{text:"Cancel",size:"large",themeColor:"base"}),(0,me.jsx)(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,me.jsx)(Te,{...a,fullscreen:l.fullScreen,header:(0,me.jsx)(We,{actionsStart:l.actionsStart?(0,me.jsx)(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,me.jsx)(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,me.jsxs)(ao,{alignment:"stretched",children:[(0,me.jsx)(c,{text:"Apply",themeColor:"primary"}),(0,me.jsx)(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};ma.options=bu;ma.states=fu;ma.variants=Tu;ma.defaultOptions=Cs;ma.modifiers=hu;var ir=_n(require("react"));var fl=require("react/jsx-runtime"),xu="k-list-group-sticky-header",Tl=e=>(0,fl.jsx)("div",{className:r(xu,e.className),children:(0,fl.jsx)("div",{className:"k-list-header-text",children:e.children})});var Ms=require("react/jsx-runtime"),Nu="k-no-data",nr=e=>{let{live:t,...o}=e;return(0,Ms.jsx)("span",{...o,className:r(Nu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var xo="list",Ro=xo;var Oo=require("react/jsx-runtime"),hl="k-list",gu=[],ku={size:[d.undefined,d.small,d.medium,d.large]},vu={},X=e=>{var y;let{size:t,virtualization:o,children:a,header:l,optionLabel:i,customValue:p,noData:u,screenReaders:x,...k}=e,v=ir.default.Children.toArray(a)[0],b=(y=v==null?void 0:v.props)!=null&&y.children?ir.default.Children.count(v.props.children):ir.default.Children.count(a);return(0,Oo.jsxs)("div",{...k,className:r(e.className,hl,w(hl,{size:t}),{"k-virtual-list":o}),children:[i,p,l&&(0,Oo.jsx)(Tl,{children:l}),a\|\|(u!==void 0?u:(0,Oo.jsx)(nr,{live:!0,children:"No data found."})),x&&a&&(0,Oo.jsxs)(nr,{className:"k-sr-only",live:!0,children:[b," items found."]})]})};X.states=gu;X.options=ku;X.className=hl;X.defaultOptions=vu;X.moduleName=xo;X.folderName=Ro;X.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var Ss=require("react/jsx-runtime"),ys="k-list-container",Lu=[],Cu={},Mu={},Po=e=>{let{...t}=e;return(0,Ss.jsx)("div",{...t,className:r(e.className,ys),children:e.children})};Po.states=Lu;Po.options=Cu;Po.className=ys;Po.defaultOptions=Mu;Po.moduleName=xo;Po.folderName=Ro;var No="checkbox",Ho=No;var xl=require("react/jsx-runtime"),sr="k-checkbox",yu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Su={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full]},Au={},Qe=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:i,disabled:p,invalid:u,valid:x,required:k,size:C,rounded:v,...b}=e;return(0,xl.jsx)("span",{className:"k-checkbox-wrap",children:(0,xl.jsx)("input",{...b,id:t,type:"checkbox",defaultChecked:o,required:k,disabled:p\|\|void 0,"aria-invalid":u?"true":void 0,className:r(e.className,sr,w(sr,{size:C,rounded:v}),O(sr,{hover:l,focus:i,disabled:p,invalid:u,valid:x,indeterminate:a,checked:o}))})})};Qe.states=yu;Qe.options=Su;Qe.className=sr;Qe.defaultOptions=Au;Qe.moduleName=No;Qe.folderName=Ho;Qe.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 Rt=Qe;var Es=require("react/jsx-runtime"),As="k-checkbox-list",wu=[],Eu={},ws={layout:"vertical"},Ze=e=>{let{layout:t=ws.layout,...o}=e;return(0,Es.jsx)("ul",{...o,className:r(e.className,As,{[`k-list-${t}`]:t}),children:e.children})};Ze.states=wu;Ze.options=Eu;Ze.className=As;Ze.defaultOptions=ws;Ze.moduleName=No;Ze.folderName=Ho;var Rs=require("react/jsx-runtime"),Is="k-checkbox-list-item",Iu=[],Ru={},Ou={},Je=e=>{let{...t}=e;return(0,Rs.jsx)("li",{...t,className:r(e.className,Is),children:e.children})};Je.states=Iu;Je.options=Ru;Je.className=Is;Je.defaultOptions=Ou;Je.moduleName=No;Je.folderName=Ho;var go=require("react/jsx-runtime"),Ut=({children:e,id:t,...o})=>(0,go.jsxs)(go.Fragment,{children:[(0,go.jsx)(Rt,{id:t,...o}),(0,go.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Nl=require("react/jsx-runtime");var gl=require("react/jsx-runtime");var kl=require("react/jsx-runtime");var Pu=require("react/jsx-runtime");var Hu=require("react/jsx-runtime");var Ku=require("react/jsx-runtime");var _e=require("react/jsx-runtime"),Gu=Ze.options,Bu=Ze.states,Du={...Ze.defaultOptions,variant:"vertical"},_u=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],zu=[],ua=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,_e.jsxs)(Ze,{layout:"horizontal",...o,children:[(0,_e.jsx)(Je,{children:(0,_e.jsx)(Ut,{id:"first",defaultChecked:!0,children:"Label"})}),(0,_e.jsx)(Je,{children:(0,_e.jsx)(Ut,{id:"second",children:"Label"})}),(0,_e.jsx)(Je,{children:(0,_e.jsx)(Ut,{id:"third",children:"Label"})})]}):(0,_e.jsxs)(Ze,{...o,children:[(0,_e.jsx)(Je,{children:(0,_e.jsx)(Ut,{id:"first",defaultChecked:!0,children:"Label"})}),(0,_e.jsx)(Je,{children:(0,_e.jsx)(Ut,{id:"second",children:"Label"})}),(0,_e.jsx)(Je,{children:(0,_e.jsx)(Ut,{id:"third",children:"Label"})})]})};ua.options=Gu;ua.states=Bu;ua.variants=_u;ua.defaultOptions=Du;ua.modifiers=zu;var Os=require("react/jsx-runtime"),Uu=Rt.options,Fu=Rt.states,Vu=Rt.defaultOptions,$u=[],Xu=[],ba=e=>(0,Os.jsx)(Ut,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});ba.options=Uu;ba.states=Fu;ba.variants=$u;ba.defaultOptions=Vu;ba.modifiers=Xu;var Ot=require("react/jsx-runtime"),vl="k-list-item",Wu=[n.hover,n.focus,n.selected,n.disabled],Ju={},qu={},z=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:i,showCheckbox:p,checked:u,hover:x,focus:k,selected:C,disabled:v,actions:b,description:y,id:M,...I}=e,G=t\|\|e.children;return(0,Ot.jsxs)("li",{...I,id:M,role:a?"presentation":"option",tabIndex:a?void 0:k?0:-1,"aria-selected":!a&&C?"true":a?void 0:"false","aria-disabled":!a&&v?"true":void 0,className:r(e.className,a?"k-list-group-item":vl,O(vl,{hover:x,focus:k,disabled:v,selected:C})),children:[p&&(0,Ot.jsx)(Qe,{checked:u}),l&&(0,Ot.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Ot.jsx)(L,{icon:l,className:r("k-list-item-icon",i)})}),(0,Ot.jsx)("span",{className:"k-list-item-text",children:G}),b&&(0,Ot.jsx)("div",{className:"k-list-item-actions",children:b}),y&&(0,Ot.jsx)("span",{className:"k-list-item-description",children:y}),o&&o!==""&&(0,Ot.jsx)("div",{className:"k-list-item-group-label",children:o})]})};z.states=Wu;z.options=Ju;z.className=vl;z.defaultOptions=qu;z.moduleName=xo;z.folderName=Ro;z.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};var Ps=require("react/jsx-runtime"),Yu="k-list-ul",Ft=e=>{let{children:t,role:o,id:a,...l}=e;return(0,Ps.jsx)("ul",{...l,id:a,role:o,className:r(Yu,e.className),children:t})};Ft.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};var Ko=require("react/jsx-runtime"),Qu="k-list-content",Y=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:i,...p}=e;return(0,Ko.jsxs)("div",{...p,className:r(Qu,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:(0,Ko.jsx)(Ft,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&(0,Ko.jsx)("div",{className:"k-height-container",children:(0,Ko.jsx)("div",{})})]})};Y.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 Ll=require("react/jsx-runtime");var Go=require("react/jsx-runtime"),Zu="k-list-group-item",ko=e=>{let{groupIconName:t,...o}=e;return(0,Go.jsxs)("li",{...o,role:"presentation",className:r(Zu,e.className),children:[t&&(0,Go.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Go.jsx)(L,{icon:t,className:"k-list-item-icon"})}),(0,Go.jsx)("span",{className:"k-list-item-text",children:e.children})]})};ko.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 Hs=require("react/jsx-runtime"),Cl="k-list-optionlabel",ju=[n.hover,n.focus,n.selected,n.disabled],eb={},tb={},dr=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...p}=e;return(0,Hs.jsx)("div",{...p,className:r(Cl,O(Cl,{hover:o,focus:a,selected:l,disabled:i})),children:t})};dr.states=ju;dr.options=eb;dr.className=Cl;dr.defaultOptions=tb;var Ks=require("react/jsx-runtime"),Ml="k-list-custom-value",ob=[n.hover,n.focus,n.selected,n.disabled],ab={},rb={},io=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...p}=e;return(0,Ks.jsx)("div",{...p,className:r(Ml,O(Ml,{hover:o,focus:a,selected:l,disabled:i})),children:t})};io.states=ob;io.options=ab;io.className=Ml;io.defaultOptions=rb;var yl=require("react/jsx-runtime");var Sl=require("react/jsx-runtime");var Al=require("react/jsx-runtime");var wl=require("react/jsx-runtime");var lb=require("react/jsx-runtime");var El=require("react/jsx-runtime");var Gs="dropdown-list",Bs="dropdownlist";var ue=require("react/jsx-runtime"),Ds="k-dropdownlist",nb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ib={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Il={showValue:!0,arrowIconName:"caret-alt-down"},Q=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Il.arrowIconName,showValue:i=Il.showValue,valueIconName:p,prefix:u,suffix:x,value:k,placeholder:C,hover:v,focus:b,valid:y,invalid:M,required:I,loading:G,disabled:K,readonly:U,popup:pe,opened:Ne,adaptive:$e,adaptiveSettings:rt,adaptiveTitle:lt,adaptiveSubtitle:yo,adaptiveFilter:wr,...Va}=e;return(0,ue.jsxs)(ue.Fragment,{children:[(0,ue.jsxs)(wt,{...Va,size:t,rounded:o,fillMode:a,hover:v,focus:b,valid:y,invalid:M,required:I,loading:G,disabled:K,readonly:U,className:r(e.className,Ds,{"k-icon-picker":!i&&p}),children:[(0,ue.jsx)(bt,{children:u}),(0,ue.jsx)(To,{placeholder:C,value:k,showValue:i,valueIconName:p}),(0,ue.jsx)(Xe,{valid:y,invalid:M,loading:G,disabled:K}),(0,ue.jsx)(Ye,{loading:G,disabled:K}),(0,ue.jsx)(ft,{children:x}),(0,ue.jsx)(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":C\|\|"Toggle dropdown"})]}),Ne&&pe&&(0,ue.jsx)(se,{className:"k-list-container k-dropdownlist-popup",children:pe}),$e&&(0,ue.jsx)(Te,{adaptive:!0,...rt,header:(0,ue.jsx)(We,{actionsEnd:(0,ue.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:wr,inputValue:k,inputPlaceholder:C,title:lt,subtitle:yo}),children:(0,ue.jsx)("div",{className:"k-list-container",children:(0,ue.jsx)(X,{size:"large",children:(0,ue.jsxs)(Y,{children:[(0,ue.jsx)(z,{text:"List item"}),(0,ue.jsx)(z,{text:"List item"}),(0,ue.jsx)(z,{text:"List item"})]})})})})]})};Q.states=nb;Q.options=ib;Q.className=Ds;Q.defaultOptions=Il;Q.moduleName=Gs;Q.folderName=Bs;var sb=require("react/jsx-runtime");var _s=require("react/jsx-runtime");var Rl=require("react/jsx-runtime");var db=require("react/jsx-runtime");var zs=require("react/jsx-runtime");var Ol=require("react/jsx-runtime");var je=require("react/jsx-runtime"),cb=Q.states,pb=Q.defaultOptions,mb=Q.options,ub=[{name:"opened",title:"Opened"}],bb=[],Ta=e=>{let{modifiers:t,...o}=e,a={},l=(0,je.jsxs)(je.Fragment,{children:[(0,je.jsx)("div",{className:"k-list-filter",children:(0,je.jsx)(ht,{})}),(0,je.jsx)(X,{style:{width:300},size:o.size,children:(0,je.jsxs)(Y,{children:[(0,je.jsx)(z,{children:"List item"}),(0,je.jsx)(z,{children:"List item"}),(0,je.jsx)(z,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?l:void 0)}),(0,je.jsx)("div",{children:(0,je.jsx)(Q,{placeholder:"Value",style:{width:300},...o,...a})})};Ta.options=mb;Ta.states=cb;Ta.variants=bb;Ta.defaultOptions=pb;Ta.modifiers=ub;var ha=require("react/jsx-runtime"),Us="k-spin-button",hb=[],xb={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Pl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},so=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=Pl.increaseLabel,decreaseLabel:i=Pl.decreaseLabel,...p}=e;return(0,ha.jsxs)("span",{...p,className:r(Us,e.className),children:[(0,ha.jsx)(c,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),(0,ha.jsx)(c,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};so.states=hb;so.options=xb;so.className=Us;so.defaultOptions=Pl;so.moduleName=null;so.folderName=null;var Fs="numeric-textbox",Vs="numerictextbox";var we=require("react/jsx-runtime"),$s="k-numerictextbox",Nb=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],gb={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},cr={showSpinButton:!0,showClearButton:!0,separators:!0},F=e=>{let{size:t,rounded:o,fillMode:a,separators:l=cr.separators,showClearButton:i=cr.showClearButton,showSpinButton:p=cr.showSpinButton,prefix:u,suffix:x,value:k,placeholder:C,hover:v,focus:b,valid:y,invalid:M,required:I,loading:G,disabled:K,readonly:U,id:pe,"aria-label":Ne,"aria-describedby":$e,...rt}=e;return(0,we.jsxs)(ge,{...rt,size:t,rounded:o,fillMode:a,hover:v,focus:b,valid:y,invalid:M,required:I,loading:G,disabled:K,readonly:U,className:r(e.className,$s),children:[u&&(0,we.jsxs)(we.Fragment,{children:[(0,we.jsx)(bt,{children:u}),l&&(0,we.jsx)(Tt,{})]}),(0,we.jsx)(st,{id:pe,placeholder:C,value:k,role:"spinbutton",disabled:K,"aria-label":Ne,"aria-describedby":$e,"aria-invalid":M?"true":void 0}),(0,we.jsx)(Xe,{valid:y,invalid:M,loading:G,disabled:K}),(0,we.jsx)(Ye,{loading:G,disabled:K}),i&&(0,we.jsx)(it,{loading:G,disabled:K,readonly:U,value:k}),x&&(0,we.jsxs)(we.Fragment,{children:[l&&(0,we.jsx)(Tt,{}),(0,we.jsx)(ft,{children:x})]}),p&&(0,we.jsx)(so,{className:"k-input-spinner",size:t,fillMode:a,disabled:K})]})};F.states=Nb;F.options=gb;F.className=$s;F.defaultOptions=cr;F.moduleName=Fs;F.folderName=Vs;F.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 xa=F;var Ws=require("react/jsx-runtime"),Xs=e=>(0,Ws.jsx)(xa,{...e});var Js=require("react/jsx-runtime");var qs=require("react/jsx-runtime");var kb=require("react/jsx-runtime");var pr=require("react/jsx-runtime"),vb=F.states,Lb=F.defaultOptions,Cb=F.options,Mb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],yb=[],Na=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,pr.jsx)(Q,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,pr.jsx)(el,{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,pr.jsx)(Xs,{value:"Value",style:{width:300},...o,...a})};Na.options=Cb;Na.states=vb;Na.variants=yb;Na.defaultOptions=Lb;Na.modifiers=Mb;var Hl="pager",Ys=Hl;var Z=require("react/jsx-runtime"),mr="k-pager",Sb=[n.focus,n.disabled],Ab={size:[d.undefined,d.small,d.medium,d.large]},ct={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},ke=e=>{let{responsive:t=ct.responsive,size:o,pagerSizeInfo:a=ct.pagerSizeInfo,pageTitleInfo:l=ct.pageTitleInfo,maxPagesInfo:i=ct.maxPagesInfo,itemsPerPage:p=ct.itemsPerPage,maxPages:u=ct.maxPages,currentPage:x=ct.currentPage,previousNext:k=ct.previousNext,type:C=ct.type,pageSizes:v=ct.pageSizes,refresh:b=ct.refresh,info:y=ct.info,focus:M,disabled:I,dir:G,...K}=e,U=[],pe=[];for(let Ne=1;Ne<=u;Ne++)U.push((0,Z.jsx)(c,{selected:Ne===x,fillMode:"flat",themeColor:"primary",size:o,children:Ne})),pe.push((0,Z.jsx)("option",{selected:Ne===x,children:Ne}));return(0,Z.jsxs)("div",{dir:G,...K,className:r(e.className,mr,w(mr,{size:o}),O(mr,{focus:M,disabled:I}),{"k-pager-responsive":t}),children:[(0,Z.jsxs)("div",{className:r("k-pager-numbers-wrap"),children:[k&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(c,{className:r("k-pager-nav","k-pager-first"),disabled:x===1&&!I,fillMode:"flat",size:o,icon:G==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),(0,Z.jsx)(c,{className:r("k-pager-nav"),disabled:x===1&&!I,fillMode:"flat",size:o,icon:G==="rtl"?"caret-alt-right":"caret-alt-left"})]}),C==="numeric"&&(0,Z.jsx)("div",{className:r("k-pager-numbers"),children:U}),C==="input"&&(0,Z.jsxs)("span",{className:r("k-pager-input"),children:[l&&(0,Z.jsx)("span",{children:"Page"}),(0,Z.jsx)(F,{value:`${x}`,size:o,showSpinButton:!1,showClearButton:!1}),(0,Z.jsx)("span",{children:i&&`of ${u}`})]}),k&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(c,{className:r("k-pager-nav"),disabled:x===u&&!I,fillMode:"flat",size:o,icon:G==="rtl"?"caret-alt-left":"caret-alt-right"}),(0,Z.jsx)(c,{className:r("k-pager-nav","k-pager-last"),disabled:x===u&&!I,fillMode:"flat",size:o,icon:G==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),v&&(0,Z.jsxs)("span",{className:r("k-pager-sizes"),children:[(0,Z.jsx)(Q,{value:`${p}`,size:o}),a&&(0,Z.jsx)("span",{children:"items per page"})]}),b&&(0,Z.jsx)(c,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),y&&(0,Z.jsx)("span",{className:r("k-pager-info"),children:y})]})};ke.states=Sb;ke.options=Ab;ke.className=mr;ke.defaultOptions=ct;ke.moduleName=Hl;ke.folderName=Ys;var wb=require("react/jsx-runtime");var Eb=require("react/jsx-runtime");var Ib=require("react/jsx-runtime");var Kl=require("react/jsx-runtime"),Rb=ke.options,Ob=ke.states,Pb={...ke.defaultOptions,variant:"numeric"},Hb=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Kb=[],ga=e=>{let{variant:t,...o}=e;return t==="input"?(0,Kl.jsx)(ke,{...o,type:"input"}):(0,Kl.jsx)(ke,{...o,type:"numeric"})};ga.options=Rb;ga.states=Ob;ga.variants=Hb;ga.defaultOptions=Pb;ga.modifiers=Kb;var Zs=require("react/jsx-runtime"),Qs="k-grid-pager",Pt=e=>(0,Zs.jsx)(ke,{...e,className:r(e.className,Qs),children:e.children});Pt.className=Qs;Pt.moduleName=V;Pt.folderName=$;var Gl="button",js=Gl;var ed=require("react/jsx-runtime"),ka="k-button-group",Gb=[n.disabled],Bb={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Db={},_=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return(0,ed.jsx)("div",{role:"group",...l,className:r(e.className,ka,w(ka,{fillMode:t}),O(ka,{disabled:o}),{[`${ka}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};_.states=Gb;_.options=Bb;_.className=ka;_.defaultOptions=Db;_.moduleName=Gl;_.folderName=js;_.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 Bl=require("react/jsx-runtime");var Dl=require("react/jsx-runtime");var _l=require("react/jsx-runtime");var zl=require("react/jsx-runtime");var Ul=require("react/jsx-runtime");var Fl=require("react/jsx-runtime");var et=require("react/jsx-runtime"),_b={...c.options,..._.options},zb=c.states,Ub={...c.defaultOptions,..._.defaultOptions,variant:"text-button"},Fb=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Vb=[],va=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,et.jsxs)(_,{fillMode:a.fillMode,className:o,children:[(0,et.jsx)(c,{...a,icon:"star"}),(0,et.jsx)(c,{...a,icon:"star"}),(0,et.jsx)(c,{...a,icon:"star"})]}):t==="icon-text-button"?(0,et.jsxs)(_,{fillMode:a.fillMode,className:o,children:[(0,et.jsx)(c,{...a,icon:"star",children:"First"}),(0,et.jsx)(c,{...a,icon:"star",children:"Middle"}),(0,et.jsx)(c,{...a,icon:"star",children:"Last"})]}):(0,et.jsxs)(_,{fillMode:a.fillMode,className:o,children:[(0,et.jsx)(c,{...a,children:"First"}),(0,et.jsx)(c,{...a,children:"Middle"}),(0,et.jsx)(c,{...a,children:"Last"})]})};va.options=_b;va.states=zb;va.variants=Fb;va.defaultOptions=Ub;va.modifiers=Vb;var La=require("react/jsx-runtime"),td="k-color-preview",$b=[],Xb={},co=e=>{let{color:t,iconName:o,...a}=e;return(0,La.jsxs)("span",{...a,className:r(e.className,td,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,La.jsx)(L,{icon:o,className:"k-color-preview-icon"}),(0,La.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};co.states=$b;co.options=Xb;co.className=td;var Vl="slider",od=Vl;var Mt=require("react/jsx-runtime"),Ca="k-slider",Wb=[n.hover,n.focus,n.active,n.disabled,n.readonly],Jb={},gt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ce=e=>{let{type:t=gt.type,orientation:o=gt.orientation,gradientType:a=gt.gradientType,readonly:l=gt.readonly,disabled:i=gt.disabled,handlePosition:p=gt.handlePosition,showButtons:u=gt.showButtons,showTicks:x=gt.showTicks,value:k=gt.value,min:C=gt.min,max:v=gt.max,startValue:b,endValue:y,hover:M,focus:I,active:G,trackStyle:K,dir:U,...pe}=e,$e=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),rt,lt;return o==="horizontal"?(rt=U==="rtl"?"caret-alt-left":"caret-alt-right",lt=U==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(rt="caret-alt-up",lt="caret-alt-down"),(0,Mt.jsxs)("div",{...pe,className:r(Ca,e.className,O(Ca,{readonly:l,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:U,children:[u&&(0,Mt.jsx)(c,{className:"k-button-decrease",rounded:"full",icon:lt,tabIndex:-1,title:"Decrease"}),(0,Mt.jsxs)("div",{className:"k-slider-track-wrap",children:[x&&(0,Mt.jsx)("ul",{className:"k-reset k-slider-items",children:e.children}),(0,Mt.jsxs)("div",{className:"k-slider-track",style:K,children:[(0,Mt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Mt.jsx)("span",{className:r("k-draghandle","k-draghandle-start",O(Ca,{hover:M,focus:I,active:G})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":b??C,"aria-valuemin":C,"aria-valuemax":y??v,"aria-orientation":$e,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":pe["aria-label"]?`${pe["aria-label"]} start`:"Range start"}),(0,Mt.jsx)("span",{className:r("k-draghandle",`k-draghandle-${p}`,O(Ca,{hover:M,focus:I,active:G})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?y??v:k,"aria-valuemin":t==="range"?b??C:C,"aria-valuemax":v,"aria-orientation":$e,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?pe["aria-label"]?`${pe["aria-label"]} end`:"Range end":pe["aria-label"]})]})]}),u&&(0,Mt.jsx)(c,{className:"k-button-increase",rounded:"full",icon:rt,tabIndex:-1,title:"Increase"})]})};ce.states=Wb;ce.options=Jb;ce.className=Ca;ce.defaultOptions=gt;ce.moduleName=Vl;ce.folderName=od;ce.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 $l=require("react/jsx-runtime"),ad="k-tick",qb=[],Yb={},rd={label:!1},B=e=>{let{style:t,label:o=rd.label,orientation:a,large:l,text:i,...p}=e;return(0,$l.jsx)("li",{...p,className:r(e.className,ad,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&(0,$l.jsx)("span",{className:"k-label",children:i})})};B.states=qb;B.options=Yb;B.className=ad;B.defaultOptions=rd;var Ee=require("react/jsx-runtime"),ld=e=>(0,Ee.jsx)(ce,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,Ee.jsxs)(Ee.Fragment,{children:[(0,Ee.jsx)(B,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ee.jsx)(B,{}),(0,Ee.jsx)(B,{}),(0,Ee.jsx)(B,{}),(0,Ee.jsx)(B,{}),(0,Ee.jsx)(B,{label:!0,large:!0,text:"5"}),(0,Ee.jsx)(B,{}),(0,Ee.jsx)(B,{}),(0,Ee.jsx)(B,{}),(0,Ee.jsx)(B,{}),(0,Ee.jsx)(B,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Ie=require("react/jsx-runtime"),nd=e=>(0,Ie.jsx)(ce,{children:(0,Ie.jsxs)(Ie.Fragment,{children:[(0,Ie.jsx)(B,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ie.jsx)(B,{}),(0,Ie.jsx)(B,{}),(0,Ie.jsx)(B,{}),(0,Ie.jsx)(B,{}),(0,Ie.jsx)(B,{label:!0,large:!0,text:"5"}),(0,Ie.jsx)(B,{}),(0,Ie.jsx)(B,{}),(0,Ie.jsx)(B,{}),(0,Ie.jsx)(B,{}),(0,Ie.jsx)(B,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var Xl=require("react/jsx-runtime");var Wl=require("react/jsx-runtime");var id=require("react/jsx-runtime"),Jl=e=>(0,id.jsx)(ce,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var sd=require("react/jsx-runtime"),ql=e=>(0,sd.jsx)(ce,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Yl=require("react/jsx-runtime");var Ql=require("react/jsx-runtime");var tt=require("react/jsx-runtime"),Qb=ce.options,Zb=ce.states,dd={...ce.defaultOptions,variant:"horizontal",label:!0},jb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ef=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ma=e=>{let{variant:t,modifiers:o,...a}={...dd,...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:i=!0,showButtons:p,showTicks:u}=l,x={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,tt.jsxs)(nd,{showTicks:u,showButtons:p,style:{height:"300px",...x},...a,children:[(0,tt.jsx)(B,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,tt.jsx)(B,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,tt.jsx)(B,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,tt.jsx)(B,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,tt.jsx)(B,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,tt.jsxs)(ld,{showTicks:u,showButtons:p,style:{width:"400px",...x},...a,children:[(0,tt.jsx)(B,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,tt.jsx)(B,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,tt.jsx)(B,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,tt.jsx)(B,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,tt.jsx)(B,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ma.options=Qb;Ma.states=Zb;Ma.variants=jb;Ma.defaultOptions=dd;Ma.modifiers=ef;var E=require("react/jsx-runtime"),cd="k-colorgradient-inputs",tf=[],of={size:[d.undefined,d.small,d.medium,d.large]},pd={mode:"rgba"},Bo=e=>{let{mode:t=pd.mode,size:o,...a}=e;return(0,E.jsxs)("div",{...a,className:r(cd,"k-hstack"),children:[(0,E.jsx)("div",{className:"k-vstack",children:(0,E.jsx)(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,E.jsx)(E.Fragment,{children:(0,E.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,E.jsx)(de,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Bo.states=tf;Bo.options=of;Bo.className=cd;Bo.defaultOptions=pd;var ze=require("react/jsx-runtime"),md="k-colorgradient-color-contrast",af=[],rf={},lf={},Do=()=>(0,ze.jsxs)("div",{className:r(md,"k-vbox"),children:[(0,ze.jsxs)("div",{className:"k-contrast-ratio",children:[(0,ze.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,ze.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,ze.jsx)(L,{icon:"check"}),(0,ze.jsx)(L,{icon:"check"})]})]}),(0,ze.jsxs)("div",{children:[(0,ze.jsx)("span",{children:"AA: 4.5"}),(0,ze.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,ze.jsx)(L,{icon:"check"})]})]}),(0,ze.jsxs)("div",{children:[(0,ze.jsx)("span",{children:"AAA: 7.0"}),(0,ze.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,ze.jsx)(L,{icon:"x"})]})]})]});Do.states=af;Do.options=rf;Do.className=md;Do.defaultOptions=lf;var ud="color-gradient",bd="colorgradient";var ve=require("react/jsx-runtime"),ur="k-colorgradient",nf=[n.hover,n.focus,n.readonly,n.disabled],sf={size:[d.undefined,d.small,d.medium,d.large]},Ht={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"},Re=e=>{let{size:t,mode:o=Ht.mode,readonly:a=Ht.readonly,disabled:l=Ht.disabled,gradientStyle:i=Ht.gradientStyle,dragHandleStyle:p=Ht.dragHandleStyle,alphaStyle:u=Ht.alphaStyle,alphaStyleHorizontal:x=Ht.alphaStyleHorizontal,contrast:k=Ht.contrast,dir:C,hover:v,focus:b,hoverHandle:y,focusHandle:M,canvasOrientation:I=Ht.canvasOrientation,role:G,tabIndex:K,...U}=e;return(0,ve.jsxs)("div",{...U,role:G??"textbox","aria-label":G==="none"?void 0:"Color gradient",tabIndex:K??0,"aria-disabled":l?"true":void 0,className:r(e.className,ur,w(ur,{size:t}),O(ur,{hover:v,focus:b,readonly:a,disabled:l})),dir:C,children:[!I\|\|I==="horizontal"&&(0,ve.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,ve.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,ve.jsx)("div",{className:"k-hsv-gradient",children:(0,ve.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":y,"k-focus":M}),style:p,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,ve.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,ve.jsx)(ql,{className:"k-hue-slider",hover:y,focus:M}),o!=="rgb"&&o!=="hsv"&&(0,ve.jsx)(ql,{className:"k-alpha-slider",hover:y,focus:M,trackStyle:u})]})]}),I==="vertical"&&(0,ve.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,ve.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,ve.jsx)("div",{className:"k-hsv-gradient",children:(0,ve.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":y,"k-focus":M}),style:p,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,ve.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,ve.jsx)(Jl,{className:"k-hue-slider",hover:y,focus:M}),o!=="rgb"&&o!=="hsv"&&(0,ve.jsx)(Jl,{className:"k-alpha-slider",hover:y,focus:M,trackStyle:x})]})]}),(0,ve.jsx)(Bo,{mode:e.mode,size:t}),k&&(0,ve.jsx)(Do,{})]})};Re.states=nf;Re.options=sf;Re.className=ur;Re.defaultOptions=Ht;Re.moduleName=ud;Re.folderName=bd;Re.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};var fd=require("react/jsx-runtime"),br=e=>(0,fd.jsx)(Re,{...e});var df=require("react/jsx-runtime");var cf=require("react/jsx-runtime");var fr=require("react/jsx-runtime"),pf=Re.options,mf=Re.states,uf={...Re.defaultOptions,variant:"rgba"},bf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],ff=[],ya=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,fr.jsx)(br,{...o,mode:t});case"rgb":return(0,fr.jsx)(br,{...o,mode:t});default:return(0,fr.jsx)(br,{...o,mode:t})}};ya.options=pf;ya.states=mf;ya.variants=bf;ya.defaultOptions=uf;ya.modifiers=ff;var Td=require("react/jsx-runtime"),Zl=e=>(0,Td.jsx)("tr",{role:"row",children:e.children});var hd=require("react/jsx-runtime"),jl="k-colorpalette-tile",Tf=[n.hover,n.focus,n.selected],hf={},_o=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:i,...p}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,hd.jsx)("td",{...p,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,jl,O(jl,{hover:a,focus:l,selected:i})),style:u})};_o.states=Tf;_o.options=hf;_o.className=jl;var xd="color-palette",Nd="colorpalette";var zo=require("react/jsx-runtime"),Tr="k-colorpalette",xf=[n.disabled],Nf={size:[d.undefined,d.small,d.medium,d.large]},gd={columns:10},ot=e=>{let{size:t,palette:o,columns:a=gd.columns,tileSize:l,disabled:i,...p}=e,u=[];if(o){let x=a\|\|o.columns,k=o.colors?o.colors:o;Array.isArray(k)&&Array.from({length:Math.ceil(k.length/x)},(C,v)=>{let b=[];k.slice(vx,(v+1)x).map((M,I)=>{b.push((0,zo.jsx)(_o,{color:M,tileSize:l},I))});let y=(0,zo.jsx)(Zl,{children:b},v);u.push(y)})}return(0,zo.jsx)("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,Tr,O(Tr,{disabled:i}),w(Tr,{size:t})),children:(0,zo.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,zo.jsx)("tbody",{children:u.length>0?u:e.children})})})};ot.states=xf;ot.options=Nf;ot.className=Tr;ot.defaultOptions=gd;ot.moduleName=xd;ot.folderName=Nd;ot.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=ot;var Sa={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 vd=require("react/jsx-runtime"),kd=e=>(0,vd.jsx)(hr,{palette:Sa.basic,...e});var gf=require("react/jsx-runtime");var Ld=require("react/jsx-runtime");var Cd=require("react/jsx-runtime"),kf=ot.options,vf=ot.states,Lf={...ot.defaultOptions,variant:"basic"},Cf=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Mf={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}},yf=[],Aa=e=>{let{variant:t="basic",...o}=e,a=Mf[t];return(0,Cd.jsx)(kd,{columns:a.columns,palette:a,...o})};Aa.options=kf;Aa.states=vf;Aa.variants=Cf;Aa.defaultOptions=Lf;Aa.modifiers=yf;var Md="color-editor",yd="coloreditor";var he=require("react/jsx-runtime"),xr="k-coloreditor",Sf=[n.focus],Af={size:[d.undefined,d.small,d.medium,d.large]},wa={view:"gradient",palette:Sa.office,actionButtons:!0,canvasOrientation:"horizontal"},xe=e=>{let{size:t,view:o=wa.view,palette:a=wa.palette,color:l,currentColor:i,focus:p,focusView:u,dir:x,group:k,actionButtons:C=wa.actionButtons,canvasOrientation:v=wa.canvasOrientation,...b}=e;return(0,he.jsxs)("div",{...b,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",xr,w(xr,{size:t}),O(xr,{focus:p})),dir:x,children:[(0,he.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,he.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:k&&(0,he.jsxs)(_,{fillMode:"flat",children:[(0,he.jsx)(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,he.jsx)(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,he.jsx)("div",{className:"k-spacer"}),(0,he.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,he.jsx)(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,he.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,he.jsx)(co,{className:"k-coloreditor-preview-color",color:l}),(0,he.jsx)(co,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,he.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,he.jsx)(Re,{focus:u,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):(0,he.jsx)(ot,{palette:a,size:t})}),C&&(0,he.jsxs)(It,{className:"k-coloreditor-footer",alignment:"start",children:[(0,he.jsx)(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,he.jsx)(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};xe.states=Sf;xe.options=Af;xe.className=xr;xe.defaultOptions=wa;xe.moduleName=Md;xe.folderName=yd;xe.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 Uo=xe;var wf=require("react/jsx-runtime");var Ef=require("react/jsx-runtime");var Ad=require("react/jsx-runtime"),Sd=e=>(0,Ad.jsx)(Uo,{group:!0,currentColor:"fuchsia",...e});var Ed=require("react/jsx-runtime"),wd=e=>(0,Ed.jsx)(Uo,{view:"palette",group:!0,currentColor:"fuchsia",...e});var en=require("react/jsx-runtime"),If=xe.options,Rf=xe.states,Of={...xe.defaultOptions,variant:"gradient"},Pf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Hf=[],Ea=e=>{let{variant:t,...o}=e;return t==="palette"?(0,en.jsx)(wd,{...o,color:"white"}):(0,en.jsx)(Sd,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Ea.options=If;Ea.states=Rf;Ea.variants=Pf;Ea.defaultOptions=Of;Ea.modifiers=Hf;var Id="color-picker",Rd="colorpicker";var Le=require("react/jsx-runtime"),Od="k-colorpicker",Kf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Gf={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Pd={arrowIconName:"caret-alt-down"},pt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Pd.arrowIconName,prefix:i,suffix:p,value:u,placeholder:x,hover:k,focus:C,valid:v,invalid:b,required:y,disabled:M,valueIconName:I,popup:G,opened:K,adaptive:U,adaptiveSettings:pe,adaptiveTitle:Ne,adaptiveSubtitle:$e,...rt}=e,lt="colorpicker-popup";return(0,Le.jsxs)(Le.Fragment,{children:[(0,Le.jsxs)(wt,{...rt,size:t,rounded:o,fillMode:a,hover:k,focus:C,valid:v,invalid:b,required:y,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":K?"true":"false","aria-controls":K\|\|U?lt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:r(e.className,Od,"k-icon-picker"),children:[(0,Le.jsx)(bt,{children:i}),(0,Le.jsx)(To,{placeholder:x,value:u,showValue:!1,valueIcon:(0,Le.jsx)(co,{className:"k-value-icon",color:u,iconName:I}),valueIconName:I}),(0,Le.jsx)(ft,{children:p}),(0,Le.jsx)(c,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:M})]}),K&&G&&(0,Le.jsx)(se,{id:lt,className:"k-colorpicker-popup",children:G}),U&&(0,Le.jsx)(Te,{adaptive:!0,id:lt,...pe,header:(0,Le.jsx)(We,{actionsEnd:(0,Le.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Ne,subtitle:$e}),footer:(0,Le.jsxs)(ao,{children:[(0,Le.jsx)(c,{text:"Cancel",size:"large"}),(0,Le.jsx)(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,Le.jsx)(xe,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};pt.states=Kf;pt.options=Gf;pt.className=Od;pt.defaultOptions=Pd;pt.moduleName=Id;pt.folderName=Rd;pt.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var po=pt;var Hd=require("react/jsx-runtime"),Nr=e=>(0,Hd.jsx)(po,{...e});var Bf=require("react/jsx-runtime");var Df=require("react/jsx-runtime");var _f=require("react/jsx-runtime");var zf=require("react/jsx-runtime");var Uf=require("react/jsx-runtime");var Ff=require("react/jsx-runtime");var mo=require("react/jsx-runtime"),Vf=po.options,$f=po.states,Kd={...po.defaultOptions,variant:"color"},Xf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Wf=[{name:"opened",title:"Opened"}],Ia=e=>{let{variant:t,modifiers:o,...a}={...Kd,...e},l={};Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(l.opened=!!(o!=null&&o[p]),l.popup=o!=null&&o[p]?(0,mo.jsx)(xe,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,mo.jsx)("div",{style:i,children:(0,mo.jsx)(Nr,{...a,...l})});case"icon":return(0,mo.jsx)("div",{style:i,children:(0,mo.jsx)(Nr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return(0,mo.jsx)("div",{style:i,children:(0,mo.jsx)(Nr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};Ia.options=Vf;Ia.states=$f;Ia.variants=Xf;Ia.defaultOptions=Kd;Ia.modifiers=Wf;var tn="combobox",Gd=tn;var q=require("react/jsx-runtime"),Bd="k-combobox",Jf=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],qf={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Dd={separators:!0},qe=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Dd.separators,prefix:i,suffix:p,value:u,placeholder:x,hover:k,focus:C,valid:v,invalid:b,required:y,loading:M,disabled:I,popup:G,opened:K,readonly:U,adaptive:pe,adaptiveSettings:Ne,adaptiveTitle:$e,adaptiveSubtitle:rt,adaptiveCustomValue:lt,id:yo,autocomplete:wr,activeDescendant:Va,"aria-label":Xc,...Wc}=e,Jc=yo?`${yo}-listbox`:void 0;return(0,q.jsxs)(q.Fragment,{children:[(0,q.jsxs)(ge,{...Wc,size:t,rounded:o,fillMode:a,hover:k,focus:C,valid:v,invalid:b,required:y,loading:M,disabled:I,readonly:U,className:r(e.className,Bd),children:[i&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(bt,{children:i}),l&&(0,q.jsx)(Tt,{})]}),(0,q.jsx)(st,{placeholder:x,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":K?"true":"false","aria-controls":K?Jc:void 0,"aria-activedescendant":K&&Va?Va:void 0,"aria-autocomplete":wr,"aria-invalid":b?"true":void 0,"aria-busy":M?"true":void 0,"aria-label":Xc,disabled:I,readOnly:U}),(0,q.jsx)(Xe,{valid:v,invalid:b,loading:M,disabled:I}),(0,q.jsx)(Ye,{loading:M,disabled:I}),(0,q.jsx)(it,{loading:M,disabled:I,readonly:U,value:u}),p&&(0,q.jsxs)(q.Fragment,{children:[l&&(0,q.jsx)(Tt,{}),(0,q.jsx)(ft,{children:p})]}),(0,q.jsx)(c,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:I})]}),K&&G&&(0,q.jsx)(se,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:G}),pe&&(0,q.jsx)(Te,{adaptive:!0,id:yo?`${yo}-adaptive`:void 0,...Ne,header:(0,q.jsx)(We,{actionsEnd:(0,q.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:x,title:$e,subtitle:rt}),children:(0,q.jsx)("div",{className:"k-list-container",children:(0,q.jsx)(X,{customValue:lt?(0,q.jsx)(io,{text:`Use "${u}"`}):void 0,size:"large",children:(0,q.jsxs)(Y,{"aria-label":$e\|\|"Options",children:[(0,q.jsx)(z,{text:"List item"}),(0,q.jsx)(z,{text:"List item"}),(0,q.jsx)(z,{text:"List item"})]})})})})]})};qe.states=Jf;qe.options=qf;qe.className=Bd;qe.defaultOptions=Dd;qe.moduleName=tn;qe.folderName=Gd;qe.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 mt=qe;var zd=require("react/jsx-runtime"),_d=e=>(0,zd.jsx)(mt,{...e});var Ud=require("react/jsx-runtime");var Fd=require("react/jsx-runtime");var Vd=require("react/jsx-runtime");var $d=require("react/jsx-runtime");var Xd=require("react/jsx-runtime");var Wd=require("react/jsx-runtime");var on=require("react/jsx-runtime");var Yf=require("react/jsx-runtime");var Qf=require("react/jsx-runtime");var Jd=require("react/jsx-runtime");var qd=require("react/jsx-runtime");var yt=require("react/jsx-runtime"),Zf=qe.states,jf=qe.defaultOptions,eT=qe.options,tT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],oT=[],Ra=e=>{let{modifiers:t,...o}=e,a={},l=(0,yt.jsx)(X,{style:{width:300},size:o.size,children:(0,yt.jsxs)(Y,{children:[(0,yt.jsx)(z,{children:"List item"}),(0,yt.jsx)(z,{children:"List item"}),(0,yt.jsx)(z,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,yt.jsx)(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,yt.jsx)(oo,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?l:void 0;break;default:break}}),(0,yt.jsx)("div",{children:(0,yt.jsx)(_d,{value:"Value",style:{width:300},...o,...a})})};Ra.options=eT;Ra.states=Zf;Ra.variants=oT;Ra.defaultOptions=jf;Ra.modifiers=tT;var an="menu-button",Yd=an;var Zd=require("react/jsx-runtime"),Qd="k-menu-button",aT=[n.hover,n.focus,n.active,n.selected,n.disabled],rT={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},rn={showArrow:!0,arrowIconName:"caret-alt-down"},j=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:p,active:u,selected:x,disabled:k,icon:C,text:v,showArrow:b=rn.showArrow,arrowIconName:y=rn.arrowIconName,expanded:M,...I}=e;return(0,Zd.jsx)(c,{...I,className:r(e.className,Qd),text:v,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:p,active:u,selected:x,disabled:k,icon:C,showArrow:b,arrowIconName:y,"aria-expanded":M?"true":"false",...!v&&C&&!e["aria-label"]&&{"aria-label":"Menu"},...k&&{"aria-disabled":"true"}})};j.states=aT;j.options=rT;j.className=Qd;j.defaultOptions=rn;j.moduleName=an;j.folderName=Yd;j.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 lT=require("react/jsx-runtime");var nT=require("react/jsx-runtime");var iT=require("react/jsx-runtime");var ut="menu",kt=ut;var Vt=require("react/jsx-runtime"),ln="k-menu-item",sT=[n.hover,n.focus,n.active,n.selected,n.disabled],dT={},jd={iconPosition:"before"},Ue=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:p,text:u,first:x,last:k,showArrow:C,arrowIconName:v,iconPosition:b=jd.iconPosition,dir:y,children:M,expanded:I,...G}=e,K=v;return K\|\|(K=y==="rtl"?"caret-alt-left":"caret-alt-right"),(0,Vt.jsxs)("li",{...G,className:r(e.className,ln,"k-item",O(ln,{focus:o,disabled:i,hover:t,active:a,selected:l}),{"k-first":x,"k-last":k}),role:"menuitem",...C&&{"aria-haspopup":"menu"},...C&&{"aria-expanded":I?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Vt.jsxs)("span",{className:r("k-link k-menu-link"),children:[p&&b==="before"&&(0,Vt.jsx)(L,{className:"k-menu-link-icon",icon:p}),(0,Vt.jsx)("span",{className:"k-menu-link-text",children:u}),p&&b==="after"&&(0,Vt.jsx)(L,{className:"k-menu-link-icon",icon:p}),C&&(0,Vt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Vt.jsx)(L,{icon:K})})]}),M]})};Ue.states=sT;Ue.options=dT;Ue.className=ln;Ue.defaultOptions=jd;Ue.moduleName=ut;Ue.folderName=kt;var $t=require("react/jsx-runtime"),nn="k-menu-item",cT=[n.hover,n.focus,n.active,n.selected,n.disabled],pT={},sn={dir:"ltr",iconPosition:"before"},be=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:p,text:u,first:x,last:k,showArrow:C,arrowIconName:v,iconPosition:b=sn.iconPosition,dir:y=sn.dir,children:M,popup:I,expanded:G,...K}=e,U=v;return U\|\|(U=y==="rtl"?"caret-alt-left":"caret-alt-right"),(0,$t.jsxs)("li",{...K,className:r(e.className,nn,"k-item",O(nn,{focus:o,disabled:i}),{"k-first":x,"k-last":k}),role:"menuitem",...C&&{"aria-haspopup":"menu"},...C&&{"aria-expanded":G?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,$t.jsxs)("span",{className:r("k-link k-menu-link",O("k-menu-link",{hover:t,active:a,selected:l,disabled:i})),children:[p&&b==="before"&&(0,$t.jsx)(L,{className:"k-menu-link-icon",icon:p}),(0,$t.jsx)("span",{className:"k-menu-link-text",children:u}),p&&b==="after"&&(0,$t.jsx)(L,{className:"k-menu-link-icon",icon:p}),C&&(0,$t.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,$t.jsx)(L,{icon:U})})]}),M,I]})};be.states=cT;be.options=pT;be.className=nn;be.defaultOptions=sn;be.moduleName=ut;be.folderName=kt;var oc=require("react/jsx-runtime"),ec="k-menu-scroll-wrapper",mT=[],uT={},bT={},vo=e=>{let{className:t,children:o,orientation:a,...l}=e;return(0,oc.jsx)("div",{...l,className:r(t,ec,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};vo.states=mT;vo.options=uT;vo.className=ec;vo.defaultOptions=bT;vo.moduleName=ut;vo.folderName=kt;var tc=vo;var Oe=require("react/jsx-runtime"),dn="k-menu",fT=[],TT={},kr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Pe=e=>{let{children:t,orientation:o=kr.orientation,header:a=kr.header,scrollable:l,scrollButtonsPosition:i=kr.scrollButtonsPosition,wrapperStyles:p,dir:u,popup:x,contextMenu:k,...C}=e,v={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=(0,Oe.jsx)("ul",{dir:u,...C,className:r(e.className,"k-reset",dn,{[`${dn}-${o}`]:o,"k-header":a}),role:k?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Oe.jsxs)(Oe.Fragment,{children:[l?(0,Oe.jsxs)(tc,{orientation:o,style:p,dir:e.dir,children:[i==="start"&&(0,Oe.jsxs)(Oe.Fragment,{children:[(0,Oe.jsx)(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Oe.jsx)(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,Oe.jsx)(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),b,i==="end"&&(0,Oe.jsxs)(Oe.Fragment,{children:[(0,Oe.jsx)(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Oe.jsx)(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,Oe.jsx)(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):b,x]})};Pe.states=fT;Pe.options=TT;Pe.className=dn;Pe.defaultOptions=kr;Pe.moduleName=ut;Pe.folderName=kt;Pe.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"),cn="k-separator",ac={orientation:"horizontal"},Fo=e=>{let{orientation:t=ac.orientation,...o}=e;return(0,rc.jsx)("li",{...o,className:r(e.className,"k-item",cn,{[`${cn}-${t}`]:t}),role:"separator"})};Fo.className=cn;Fo.defaultOptions=ac;Fo.moduleName=ut;Fo.folderName=kt;var lc=require("react/jsx-runtime");var nc=require("react/jsx-runtime"),pn="k-menu-group",hT=[],xT={size:[d.undefined,d.small,d.medium,d.large]},NT={},Fe=e=>{let{children:t,size:o,...a}=e;return(0,nc.jsx)("ul",{...a,className:r(e.className,pn,w(pn,{size:o})),role:"menu",children:t})};Fe.states=hT;Fe.options=xT;Fe.className=pn;Fe.defaultOptions=NT;Fe.moduleName=ut;Fe.folderName=kt;var St=require("react/jsx-runtime"),mn=e=>(0,St.jsx)(Pe,{children:(0,St.jsxs)(St.Fragment,{children:[(0,St.jsx)(Ue,{first:!0,text:"Item 1"}),(0,St.jsx)(Ue,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,St.jsx)(Ue,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,St.jsx)(Ue,{text:"Item 4"}),(0,St.jsx)(Ue,{last:!0,text:"Item 5"})]}),...e});var un=require("react/jsx-runtime");var bn=require("react/jsx-runtime");var fn=require("react/jsx-runtime");var Tn=require("react/jsx-runtime");var Kt=require("react/jsx-runtime"),gT=Pe.options,kT=Pe.states,ic={...Pe.defaultOptions,variant:"horizontal"},vT=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],LT=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Oa=e=>{let{variant:t,modifiers:o,...a}={...ic,...e},l={};return Object.keys(o\|\|{}).forEach(i=>{switch(i){case"scrollable":l.scrollable=!!(o!=null&&o[i]);break;case"opened":l.opened=!!(o!=null&&o[i]),l.popup=(0,Kt.jsx)(se,{className:"k-menu-popup",children:(0,Kt.jsxs)(Fe,{children:[(0,Kt.jsx)(be,{text:"Item 1"}),(0,Kt.jsx)(be,{text:"Item 2"}),(0,Kt.jsx)(Fo,{}),(0,Kt.jsx)(be,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Kt.jsx)(mn,{...a,...l,orientation:"vertical",style:{width:"200px"}}):(0,Kt.jsx)(mn,{...a,...l})};Oa.options=gT;Oa.states=kT;Oa.variants=vT;Oa.defaultOptions=ic;Oa.modifiers=LT;var hn=require("react/jsx-runtime");var CT=require("react/jsx-runtime");var Ve=require("react/jsx-runtime"),MT=c.states,sc={...c.defaultOptions,variant:"text"},yT=c.options,ST=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],AT=[{name:"opened",title:"Opened"}],Pa=e=>{let{variant:t,modifiers:o,...a}={...sc,...e},l={},i=(0,Ve.jsx)(se,{className:"k-menu-popup",children:(0,Ve.jsxs)(Fe,{size:a.size,children:[(0,Ve.jsx)(be,{first:!0,text:"Menu Item"}),(0,Ve.jsx)(be,{text:"Menu Item"}),(0,Ve.jsx)(be,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=(0,Ve.jsx)("div",{children:(0,Ve.jsx)(j,{...a,...l,icon:"star"})});break;case"icon-and-text":p=(0,Ve.jsx)("div",{children:(0,Ve.jsx)(j,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:p=(0,Ve.jsx)("div",{children:(0,Ve.jsx)(j,{...a,...l,children:"Dropdown Button"})});break}return(0,Ve.jsxs)(Ve.Fragment,{children:[p,(o==null?void 0:o.opened)&&i]})};Pa.options=yT;Pa.states=MT;Pa.variants=ST;Pa.defaultOptions=sc;Pa.modifiers=AT;var xn="split-button",dc=xn;var Xt=require("react/jsx-runtime"),Nn="k-split-button",wT=[n.hover,n.focus,n.active,n.selected,n.disabled],ET={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},cc={arrowIconName:"caret-alt-down"},W=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:p,active:u,selected:x,disabled:k,icon:C,text:v,arrowIconName:b=cc.arrowIconName,popup:y,opened:M,popupId:I,...G}=e;return(0,Xt.jsxs)(Xt.Fragment,{children:[(0,Xt.jsxs)("div",{...G,className:r(e.className,Nn,"k-button-group",w(Nn,{rounded:o})),children:[(0,Xt.jsx)(c,{text:v,icon:C,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:p,active:u,selected:x,disabled:k,...!v&&!e.children&&C&&{"aria-label":"Action"},children:e.children}),(0,Xt.jsx)(c,{className:"k-split-button-arrow",icon:b,size:t,rounded:o,fillMode:a,disabled:k,"aria-label":"Toggle dropdown","aria-expanded":M?"true":"false","aria-controls":M?I:void 0,tabIndex:-1,...k&&{"aria-disabled":"true"}})]}),M&&y&&(0,Xt.jsx)(se,{className:"k-menu-popup",children:y})]})};W.states=wT;W.options=ET;W.className=Nn;W.defaultOptions=cc;W.moduleName=xn;W.folderName=dc;W.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 gn=W;var pc=require("react/jsx-runtime"),IT="k-toolbar-separator",At=e=>(0,pc.jsx)("div",{className:r(IT,e.className,"k-separator")});var Wt="toolbar",uo=Wt;var D=require("react/jsx-runtime"),Jt="k-toolbar",RT=[n.focus],OT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},PT={scrollButtons:"around"},re=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:i,scrollButtons:p,scrollingPosition:u,section:x,...k}=e,C=[],v=(b,y)=>{let M=[];if(b.type===c&&b.props.className&&b.props.className.includes("k-toolbar-overflow-button"))M.push((0,D.jsx)(c,{...b.props,className:`${b.props.className?b.props.className:""}`},`${y}-${new Date().getTime()}`));else if(b.type===c)M.push((0,D.jsx)(c,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${y}-${new Date().getTime()}`));else if(b.type===jo)M.push((0,D.jsx)(jo,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${y}-${new Date().getTime()}`));else if(b.type===oo)M.push((0,D.jsx)(oo,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${y}-${new Date().getTime()}`));else if(b.type===j)M.push((0,D.jsx)(j,{...b.props,className:`k-toolbar-menu-button ${b.props.className?b.props.className:""}`},`${y}-${new Date().getTime()}`));else if(b.type===gn)M.push((0,D.jsx)(gn,{...b.props,className:`k-toolbar-split-button ${b.props.className?b.props.className:""}`},`${y}-${new Date().getTime()}`));else if(b.type===_\|\|b.props.className&&b.props.className.includes("k-button-group")){let I=[];(Array.isArray(b.props.children)?b.props.children:[b.props.children]).forEach((K,U)=>{I.push((0,D.jsx)(c,{...K.props,className:`${K.props.className?K.props.className:""}`},`${U}-${new Date().getTime()}`))}),M.push((0,D.jsx)(_,{...b.props,className:`k-toolbar-button-group ${b.props.className?b.props.className:""}`,children:I},`${y}-${new Date().getTime()}`))}else b.type===qe?M.push((0,D.jsx)(qe,{...b.props,className:`k-toolbar-combobox ${b.props.className?b.props.className:""}`},`${y}-${new Date().getTime()}`)):b.type===Q?M.push((0,D.jsx)(Q,{...b.props,className:`k-toolbar-dropdownlist ${b.props.className?b.props.className:""}`},`${y}-${new Date().getTime()}`)):b.type===pt?M.push((0,D.jsx)(pt,{...b.props,className:`k-toolbar-colorpicker ${b.props.className?b.props.className:""}`},`${y}-${new Date().getTime()}`)):M.push(b);M.forEach(I=>{C.push(I)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((y,M)=>{v(y,M)}),(0,D.jsxs)("div",{...k,className:r(e.className,Jt,w(Jt,{size:t,fillMode:o}),O(Jt,{focus:a}),{[`${Jt}-resizable`]:l,[`${Jt}-scrollable`]:i,[`${Jt}-scrollable-overlay`]:i&&p==="hidden",[`${Jt}-scrollable-${u}`]:u&&u!=="both",[`${Jt}-section`]:x}),role:"toolbar","aria-label":"Toolbar",children:[!i&&C,i&&p==="hidden"&&(0,D.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C}),i&&p==="start"&&(0,D.jsxs)(D.Fragment,{children:[(0,D.jsxs)(_,{children:[(0,D.jsx)("span",{className:r("k-toolbar-prev","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(L,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,D.jsx)("span",{className:r("k-toolbar-next","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(L,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,D.jsx)(At,{className:"k-toolbar-button-separator"}),(0,D.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C})]}),i&&p==="end"&&(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C}),(0,D.jsx)(At,{className:"k-toolbar-button-separator"}),(0,D.jsxs)(_,{children:[(0,D.jsx)("span",{className:r("k-toolbar-prev","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(L,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,D.jsx)("span",{className:r("k-toolbar-next","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(L,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),i&&(p==="around"\|\|!p)&&(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)("span",{className:r("k-toolbar-prev","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(L,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,D.jsx)(At,{className:"k-toolbar-button-separator"}),(0,D.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C}),(0,D.jsx)(At,{className:"k-toolbar-button-separator"}),(0,D.jsx)("span",{className:r("k-toolbar-next","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(L,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};re.states=RT;re.options=OT;re.className=Jt;re.defaultOptions=PT;re.moduleName=Wt;re.folderName=uo;re.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 uc=require("react/jsx-runtime"),mc="k-floating-toolbar",HT=[],KT={},GT={},Vo=e=>{let{...t}=e;return(0,uc.jsx)("div",{...t,className:r(e.className,mc),children:e.children})};Vo.states=HT;Vo.options=KT;Vo.className=mc;Vo.defaultOptions=GT;Vo.moduleName=Wt;Vo.folderName=uo;var bc=require("react/jsx-runtime"),kn="k-toolbar-item",BT=[n.focus],DT={},_T={},$o=e=>{let{focus:t,...o}=e;return(0,bc.jsx)("div",{...o,className:r(e.className,kn,O(kn,{focus:t})),children:e.children})};$o.states=BT;$o.options=DT;$o.className=kn;$o.defaultOptions=_T;$o.moduleName=Wt;$o.folderName=uo;var vn=require("react/jsx-runtime"),fc="k-toolbar-popup",zT=[],UT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},FT={},Lo=e=>{let{size:t,fillMode:o,section:a,...l}=e;return(0,vn.jsx)(se,{...l,className:r(e.className,fc),children:a?(0,vn.jsx)("span",{className:r("k-toolbar-items-list",w("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Lo.states=zT;Lo.options=UT;Lo.className=fc;Lo.defaultOptions=FT;Lo.moduleName=Wt;Lo.folderName=uo;var vr=Lo;var VT=require("react/jsx-runtime");var $T=require("react/jsx-runtime");var XT=require("react/jsx-runtime");var Tc=require("react/jsx-runtime");var WT=require("react/jsx-runtime");var vt=require("react/jsx-runtime"),JT=W.states,hc={...W.defaultOptions,variant:"text"},qT=W.options,YT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],QT=[{name:"opened",title:"Opened"}],Ha=e=>{let{variant:t,modifiers:o,...a}={...hc,...e},l={},i=(0,vt.jsxs)(Fe,{size:a.size,children:[(0,vt.jsx)(be,{first:!0,text:"Menu Item"}),(0,vt.jsx)(be,{text:"Menu Item"}),(0,vt.jsx)(be,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(l.opened=!!(o!=null&&o[p]),l.popup=o!=null&&o[p]?i:"")}),t){case"icon-only":return(0,vt.jsx)("div",{children:(0,vt.jsx)(W,{...a,...l,icon:"star"})});case"icon-and-text":return(0,vt.jsx)("div",{children:(0,vt.jsx)(W,{...a,...l,icon:"star",children:"Split Button"})});default:return(0,vt.jsx)("div",{children:(0,vt.jsx)(W,{...a,...l,children:"Split Button"})})}};Ha.options=qT;Ha.states=JT;Ha.variants=YT;Ha.defaultOptions=hc;Ha.modifiers=QT;var Gt=require("react/jsx-runtime"),xc=e=>(0,Gt.jsx)(re,{children:[(0,Gt.jsx)(c,{children:"Button"},"toolbar-button"),(0,Gt.jsx)(j,{text:"Menu button"},"toolbar-menu-button"),(0,Gt.jsx)(W,{children:"Split button"},"toolbar-split-button"),(0,Gt.jsxs)(_,{children:[(0,Gt.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Gt.jsx)(c,{icon:"align-center",children:"Center"}),(0,Gt.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Nc=require("react/jsx-runtime");var He=require("react/jsx-runtime"),gc=e=>(0,He.jsx)(re,{scrollable:!0,...e,children:[(0,He.jsx)(c,{children:"Button"},"toolbar-button"),(0,He.jsx)(j,{text:"Menu button"},"toolbar-menu-button"),(0,He.jsx)(W,{children:"Split button"},"toolbar-split-button"),(0,He.jsxs)(_,{children:[(0,He.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,He.jsx)(c,{icon:"align-center",children:"Center"}),(0,He.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,He.jsx)(c,{children:"Button"},"toolbar-button"),(0,He.jsx)(j,{text:"Menu button"},"toolbar-menu-button"),(0,He.jsx)(W,{children:"Split button"},"toolbar-split-button"),(0,He.jsxs)(_,{children:[(0,He.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,He.jsx)(c,{icon:"align-center",children:"Center"}),(0,He.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Ke=require("react/jsx-runtime"),kc=({scrollingPosition:e="start",...t})=>(0,Ke.jsx)(re,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,Ke.jsx)(c,{children:"Button"},"toolbar-button"),(0,Ke.jsx)(j,{text:"Menu button"},"toolbar-menu-button"),(0,Ke.jsx)(W,{children:"Split button"},"toolbar-split-button"),(0,Ke.jsxs)(_,{children:[(0,Ke.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ke.jsx)(c,{icon:"align-center",children:"Center"}),(0,Ke.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Ke.jsx)(c,{children:"Button"},"toolbar-button"),(0,Ke.jsx)(j,{text:"Menu button"},"toolbar-menu-button"),(0,Ke.jsx)(W,{children:"Split button"},"toolbar-split-button"),(0,Ke.jsxs)(_,{children:[(0,Ke.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ke.jsx)(c,{icon:"align-center",children:"Center"}),(0,Ke.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var fe=require("react/jsx-runtime"),vc=({fillMode:e,size:t,...o})=>(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)(re,{section:!0,fillMode:e,size:t,children:[(0,fe.jsx)(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,fe.jsxs)(_,{fillMode:e,children:[(0,fe.jsx)(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,fe.jsx)(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,fe.jsx)(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,fe.jsx)(At,{className:"k-toolbar-button-separator"}),(0,fe.jsx)(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,fe.jsxs)(vr,{size:t,fillMode:e,section:!0,...o,children:[(0,fe.jsx)(W,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,fe.jsx)(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,fe.jsx)(At,{}),(0,fe.jsx)(j,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,fe.jsxs)(_,{fillMode:e,children:[(0,fe.jsx)(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,fe.jsx)(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,fe.jsx)(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var Ln=require("react/jsx-runtime");var Cn=require("react/jsx-runtime");var qt=require("react/jsx-runtime"),ZT=re.options,jT=re.states,Lc={...re.defaultOptions,variant:"default"},eh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],th=[],Ka=e=>{let{variant:t,...o}={...Lc,...e};switch(t){case"responsive":return(0,qt.jsx)("div",{children:(0,qt.jsx)(vc,{style:{width:"583px"},...o})});case"overlay":return(0,qt.jsx)("div",{children:(0,qt.jsx)(kc,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,qt.jsx)("div",{children:(0,qt.jsx)(gc,{style:{width:"583px"},...o})});default:return(0,qt.jsx)("div",{children:(0,qt.jsx)(xc,{style:{width:"583px"},...o})})}};Ka.options=ZT;Ka.states=jT;Ka.variants=eh;Ka.defaultOptions=Lc;Ka.modifiers=th;var Mc=require("react/jsx-runtime"),Cc="k-grid-toolbar",Co=e=>(0,Mc.jsx)(re,{...e,className:r(e.className,Cc),children:e.children});Co.className=Cc;Co.moduleName=V;Co.folderName=$;var Xo=require("react/jsx-runtime"),Mn="k-grid-stack-cell",oh=[n.focus,n.selected],Lr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:i,focus:p,selected:u,...x}=e;return(0,Xo.jsxs)("div",{...x,className:r(e.className,Mn,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":i},O(Mn,{focus:p,selected:u})),children:[i&&(0,Xo.jsx)("span",{className:"k-dirty"}),t&&(0,Xo.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,Xo.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};Lr.states=oh;Lr.className=Mn;Lr.moduleName=V;Lr.folderName=$;var Sc=require("react/jsx-runtime"),yc="k-grid-stack-row",Cr=e=>{let{cols:t,...o}=e;return(0,Sc.jsx)("div",{...o,className:r(e.className,yc,{[`k-grid-cols-${t}`]:t}),children:e.children})};Cr.className=yc;Cr.moduleName=V;Cr.folderName=$;var yn=require("react/jsx-runtime");var Sn=require("react/jsx-runtime");var An=require("react/jsx-runtime");var h=require("react/jsx-runtime"),Ac=({contentClassName:e,...t})=>(0,h.jsx)(J,{_renderAriaRoot:!0,pager:(0,h.jsx)(Pt,{refresh:!1}),children:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(le,{children:(0,h.jsx)("div",{className:"k-grid-header-wrap",children:(0,h.jsxs)(ie,{children:[(0,h.jsxs)("colgroup",{children:[(0,h.jsx)("col",{}),(0,h.jsx)("col",{style:{width:"225px"}}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{})]}),(0,h.jsxs)(ee,{children:[(0,h.jsxs)(S,{children:[(0,h.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Product Id"}),(0,h.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Name"}),(0,h.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Quantity"}),(0,h.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),(0,h.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),(0,h.jsxs)(S,{className:"k-filter-row",children:[(0,h.jsx)(s,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(F,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Q,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(c,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(s,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(de,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Q,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(c,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(s,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(de,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Q,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(c,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(s,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(F,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Q,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(c,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(s,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(Q,{}),(0,h.jsx)("div",{className:"k-filtercell-operator",children:(0,h.jsx)(c,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),(0,h.jsx)(te,{children:(0,h.jsx)(oe,{className:e,children:(0,h.jsxs)(ae,{children:[(0,h.jsxs)("colgroup",{children:[(0,h.jsx)("col",{}),(0,h.jsx)("col",{style:{width:"225px"}}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{})]}),(0,h.jsxs)(ne,{children:[(0,h.jsxs)(S,{className:"k-master-row",children:[(0,h.jsx)(s,{children:"1"}),(0,h.jsx)(s,{children:"Chai"}),(0,h.jsx)(s,{children:"10 boxes x 20 bags"}),(0,h.jsx)(s,{children:"18"}),(0,h.jsx)(s,{children:"false"})]}),(0,h.jsxs)(S,{className:"k-master-row",alt:!0,children:[(0,h.jsx)(s,{children:"2"}),(0,h.jsx)(s,{children:"Chang"}),(0,h.jsx)(s,{children:"24 - 12 oz bottles"}),(0,h.jsx)(s,{children:"19"}),(0,h.jsx)(s,{children:"false"})]}),(0,h.jsxs)(S,{className:"k-master-row",children:[(0,h.jsx)(s,{children:"3"}),(0,h.jsx)(s,{children:"Aniseed Syrup"}),(0,h.jsx)(s,{children:"12 - 550 ml bottles"}),(0,h.jsx)(s,{children:"10"}),(0,h.jsx)(s,{children:"false"})]}),(0,h.jsxs)(S,{className:"k-master-row",alt:!0,children:[(0,h.jsx)(s,{children:"4"}),(0,h.jsx)(s,{children:"Chef Anton's Cajun Seasoning"}),(0,h.jsx)(s,{children:"48 - 6 oz jars"}),(0,h.jsx)(s,{children:"22"}),(0,h.jsx)(s,{children:"false"})]}),(0,h.jsxs)(S,{className:"k-master-row",children:[(0,h.jsx)(s,{children:"5"}),(0,h.jsx)(s,{children:"Grandma's Boysenberry Spread"}),(0,h.jsx)(s,{children:"12 - 8 oz jars"}),(0,h.jsx)(s,{children:"25"}),(0,h.jsx)(s,{children:"false"})]})]})]})})})]}),...t});var Ga=require("react/jsx-runtime"),ah="k-chip-action";var Ce=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=(0,Ga.jsx)(L,{icon:"x-circle",size:"small"});break;case"more":a=(0,Ga.jsx)(L,{icon:"more-vertical",size:"small"});break;default:return(0,Ga.jsx)(L,{icon:t,size:"small"})}return(0,Ga.jsx)("span",{...o,className:r(e.className,ah,`k-chip-${t}-action`),children:a})};var wn="avatar",wc=wn;var In=require("react/jsx-runtime"),Ba="k-avatar";var rh=[n.hover,n.focus,n.active,n.selected,n.disabled],lh={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},En={type:"text",border:!1},at=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:i=En.type,border:p=En.border,...u}=e;return(0,In.jsx)("div",{...u,className:r(e.className,Ba,w(Ba,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Ba}-bordered`]:p}),children:(0,In.jsx)("span",{className:`${Ba}-${i}`,children:e.children})})};at.states=rh;at.options=lh;at.className=Ba;at.defaultOptions=En;at.moduleName=wn;at.folderName=wc;at.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Mo=at;var Ic=require("react/jsx-runtime"),Ec=e=>(0,Ic.jsx)(Mo,{type:"icon",...e});var Oc=require("react/jsx-runtime"),Rc=e=>(0,Oc.jsx)(Mo,{type:"text",...e});var Hc=require("react/jsx-runtime"),Pc=e=>(0,Hc.jsx)(Mo,{type:"image",...e});var nh=require("react/jsx-runtime");var Wo=require("react/jsx-runtime"),ih=at.options,sh=at.states,dh={...at.defaultOptions,variant:"image"},ch=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],ph=[],Da=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,Wo.jsx)(Ec,{...o,children:(0,Wo.jsx)(L,{icon:"star"})});case"text":return(0,Wo.jsx)(Rc,{...o,children:"JO"});default:return(0,Wo.jsx)(Pc,{...o,children:(0,Wo.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Da.options=ih;Da.states=sh;Da.variants=ch;Da.defaultOptions=dh;Da.modifiers=ph;var _a="chip",Mr=_a;var Yt=require("react/jsx-runtime"),yr="k-chip",mh=[n.hover,n.focus,n.active,n.selected,n.disabled],uh={size:[d.undefined,d.small,d.medium,d.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[f.undefined,f.base,f.success,f.warning,f.error,f.info]},Kc={avatarImage:"/packages/html/assets/avatar.jpg"},Me=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:i,icon:p,actions:u,showAvatar:x,avatarImage:k=Kc.avatarImage,hover:C,focus:v,active:b,selected:y,disabled:M,...I}=e;return(0,Yt.jsxs)("div",{...I,className:r(e.className,yr,w(yr,{size:t,rounded:o,fillMode:a,themeColor:l}),O(yr,{hover:C,focus:v,active:b,disabled:M,selected:y})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:y?"true":"false","aria-selected":e.role==="option"?y?"true":"false":void 0,"aria-disabled":M?"true":void 0,children:[p&&(0,Yt.jsx)(L,{className:"k-chip-icon",icon:p,size:"small"}),x&&(0,Yt.jsx)(at,{className:"k-chip-avatar",type:"image",children:(0,Yt.jsx)("img",{src:k,alt:""})}),(0,Yt.jsx)("span",{className:"k-chip-content",children:e.children?e.children:i&&(0,Yt.jsx)("span",{className:"k-chip-label",children:i})}),u&&(0,Yt.jsx)("span",{className:"k-chip-actions",children:u})]})};Me.states=mh;Me.options=uh;Me.className=yr;Me.defaultOptions=Kc;Me.moduleName=_a;Me.folderName=Mr;Me.ariaSpec={selector:".k-chip",rules:[{selector:":not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:":not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:":not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var Lt=Me;var Gc=require("react/jsx-runtime"),Rn="k-chip-list",bh=[],fh={size:[d.undefined,d.small,d.medium,d.large]},Th={},ye=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return(0,Gc.jsx)("div",{...l,className:r(e.className,Rn,w(Rn,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};ye.states=bh;ye.options=fh;ye.className=Rn;ye.defaultOptions=Th;ye.moduleName=_a;ye.folderName=Mr;ye.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 hh=require("react/jsx-runtime");var xh=require("react/jsx-runtime");var Bc=require("react/jsx-runtime"),Sr=e=>(0,Bc.jsx)(Lt,{text:"text",...e});var Nh=require("react/jsx-runtime");var gh=require("react/jsx-runtime");var On=require("react/jsx-runtime");var Dc=require("react/jsx-runtime");var _c=require("react/jsx-runtime");var zc=require("react/jsx-runtime");var Qt=require("react/jsx-runtime"),kh={...Lt.options,...ye.options},vh=[],Lh=ye.states,Ch={...Lt.defaultOptions,...ye.defaultOptions},Mh=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],za=e=>{let{modifiers:t,className:o,...a}=e,l=t==null?void 0:t.icon,i=t==null?void 0:t.actions,p=t==null?void 0:t.avatar;return(0,Qt.jsxs)(ye,{size:a.size,className:o,children:[(0,Qt.jsx)(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Qt.jsx)(Ce,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),(0,Qt.jsx)(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Qt.jsx)(Ce,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),(0,Qt.jsx)(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Qt.jsx)(Ce,{type:"remove"}):void 0,showAvatar:p,children:"Chip"})]})};za.options=kh;za.states=Lh;za.variants=vh;za.defaultOptions=Ch;za.modifiers=Mh;var Ar=require("react/jsx-runtime"),yh=Me.states,Sh=Me.defaultOptions,Ah=Me.options,wh=[],Eh=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Ua=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,Ar.jsx)(Ce,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t!=null&&t[l]?(0,Ar.jsx)(Ce,{type:"remove"}):void 0;break;default:break}}),(0,Ar.jsx)(Me,{...o,...a,children:"Chip component"})};Ua.options=Ah;Ua.states=yh;Ua.variants=wh;Ua.defaultOptions=Sh;Ua.modifiers=Eh;var A=require("react/jsx-runtime"),Uc=({dropClue:e,contentClassName:t,...o})=>(0,A.jsx)(J,{_renderAriaRoot:!0,groupingHeader:(0,A.jsx)(Zt,{dropClue:e,children:(0,A.jsxs)(ye,{children:[(0,A.jsx)(Me,{icon:"sort-asc-small",text:"ID",actions:(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(Ce,{type:"more"}),(0,A.jsx)(Ce,{type:"remove"})]})}),(0,A.jsx)(Me,{icon:"sort-desc-small",text:"Name",actions:(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(Ce,{type:"more"}),(0,A.jsx)(Ce,{type:"remove"})]})})]})}),children:(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(le,{draggable:!0,children:(0,A.jsx)("div",{className:"k-grid-header-wrap",children:(0,A.jsxs)(ie,{children:[(0,A.jsxs)("colgroup",{children:[(0,A.jsx)("col",{className:"k-group-col"}),(0,A.jsx)("col",{className:"k-group-col"}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{})]}),(0,A.jsx)(ee,{children:(0,A.jsxs)(S,{children:[(0,A.jsx)(H,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,A.jsx)(H,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,A.jsx)(H,{colspan:1,columnTitle:"ID"}),(0,A.jsx)(H,{colspan:1,columnTitle:"Name"}),(0,A.jsx)(H,{colspan:1,columnTitle:"Price"}),(0,A.jsx)(H,{colspan:1,columnTitle:"Category"})]})})]})})}),(0,A.jsx)(te,{children:(0,A.jsx)(oe,{className:t,children:(0,A.jsxs)(ae,{children:[(0,A.jsxs)("colgroup",{children:[(0,A.jsx)("col",{className:"k-group-col"}),(0,A.jsx)("col",{className:"k-group-col"}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{})]}),(0,A.jsxs)(ne,{children:[(0,A.jsx)(S,{className:"k-table-group-row k-grouping-row",children:(0,A.jsx)(s,{colspan:6,children:(0,A.jsxs)("p",{className:"k-reset",children:[(0,A.jsx)(L,{icon:"caret-alt-right"}),"ID: 1"]})})}),(0,A.jsx)(S,{className:"k-table-group-row k-grouping-row",children:(0,A.jsx)(s,{colspan:6,children:(0,A.jsxs)("p",{className:"k-reset",children:[(0,A.jsx)(L,{icon:"caret-alt-down"}),"ID: 2"]})})}),(0,A.jsxs)(S,{className:"k-table-group-row k-grouping-row",children:[(0,A.jsx)(s,{className:"k-table-group-td k-group-cell"}),(0,A.jsx)(s,{colspan:5,children:(0,A.jsxs)("p",{className:"k-reset",children:[(0,A.jsx)(L,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),(0,A.jsxs)(S,{className:"k-master-row",alt:!0,children:[(0,A.jsx)(s,{className:"k-table-group-td k-group-cell"}),(0,A.jsx)(s,{className:"k-table-group-td k-group-cell"}),(0,A.jsx)(s,{colspan:0,children:"2"}),(0,A.jsx)(s,{colspan:0,children:"Chang"}),(0,A.jsx)(s,{colspan:0,children:"$19.00"}),(0,A.jsx)(s,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});var Pn=require("react/jsx-runtime");var Hn=require("react/jsx-runtime");var Kn=require("react/jsx-runtime");var R=require("react/jsx-runtime"),Fc=({headerWrapClassName:e,contentClassName:t,...o})=>(0,R.jsx)(J,{_renderAriaRoot:!0,children:(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(le,{children:(0,R.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,R.jsxs)(ie,{children:[(0,R.jsxs)("colgroup",{children:[(0,R.jsx)("col",{}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{})]}),(0,R.jsxs)(ee,{children:[(0,R.jsxs)(S,{children:[(0,R.jsx)(H,{rowspan:3,colspan:1,columnTitle:"ID"}),(0,R.jsx)(H,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),(0,R.jsxs)(S,{children:[(0,R.jsx)(H,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),(0,R.jsx)(H,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),(0,R.jsxs)(S,{children:[(0,R.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),(0,R.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),(0,R.jsx)(te,{children:(0,R.jsx)(oe,{className:t,children:(0,R.jsxs)(ae,{children:[(0,R.jsxs)("colgroup",{children:[(0,R.jsx)("col",{}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{})]}),(0,R.jsxs)(ne,{children:[(0,R.jsxs)(S,{className:"k-master-row",children:[(0,R.jsx)(s,{children:"1"}),(0,R.jsx)(s,{children:"Chai"}),(0,R.jsx)(s,{children:"39"}),(0,R.jsx)(s,{children:"18"})]}),(0,R.jsxs)(S,{className:"k-master-row",alt:!0,children:[(0,R.jsx)(s,{children:"2"}),(0,R.jsx)(s,{children:"Chang"}),(0,R.jsx)(s,{children:"17"}),(0,R.jsx)(s,{children:"19"})]}),(0,R.jsxs)(S,{className:"k-master-row",children:[(0,R.jsx)(s,{children:"3"}),(0,R.jsx)(s,{children:"Aniseed Syrup"}),(0,R.jsx)(s,{children:"13"}),(0,R.jsx)(s,{children:"10"})]}),(0,R.jsxs)(S,{className:"k-master-row",alt:!0,children:[(0,R.jsx)(s,{children:"4"}),(0,R.jsx)(s,{children:"Chef Anton's Cajun Seasoning"}),(0,R.jsx)(s,{children:"53"}),(0,R.jsx)(s,{children:"22"})]}),(0,R.jsxs)(S,{className:"k-master-row",children:[(0,R.jsx)(s,{children:"5"}),(0,R.jsx)(s,{children:"Chef Anton's Gumbo Mix"}),(0,R.jsx)(s,{children:"0"}),(0,R.jsx)(s,{children:"21.35"})]})]})]})})})]}),...o});var Gn=require("react/jsx-runtime");var P=require("react/jsx-runtime"),Vc=e=>(0,P.jsx)(J,{_renderAriaRoot:!0,toolbar:(0,P.jsxs)(Co,{children:[(0,P.jsx)(c,{children:"Add new"}),(0,P.jsx)(c,{children:"Save Changes"}),(0,P.jsx)(c,{children:"Cancel Changes"})]}),children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(le,{children:(0,P.jsx)("div",{className:"k-grid-header-wrap",children:(0,P.jsxs)(ie,{children:[(0,P.jsxs)("colgroup",{children:[(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{style:{width:"300px"}})]}),(0,P.jsx)(ee,{children:(0,P.jsxs)(S,{children:[(0,P.jsx)(H,{columnTitle:"Name"}),(0,P.jsx)(H,{columnTitle:"Price"}),(0,P.jsx)(H,{columnTitle:"Available"}),(0,P.jsx)(H,{accessibleLabel:"Commands"})]})})]})})}),(0,P.jsx)(te,{children:(0,P.jsx)(oe,{children:(0,P.jsx)("div",{children:(0,P.jsxs)(ae,{children:[(0,P.jsxs)("colgroup",{children:[(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{style:{width:"300px"}})]}),(0,P.jsxs)(ne,{children:[(0,P.jsxs)(S,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[(0,P.jsx)(s,{children:(0,P.jsx)(de,{value:"Towel"})}),(0,P.jsx)(s,{children:(0,P.jsx)(F,{value:"42"})}),(0,P.jsx)(s,{children:(0,P.jsx)(Qe,{})}),(0,P.jsxs)(s,{className:"k-command-cell",children:[(0,P.jsx)(c,{children:"Add"}),(0,P.jsx)(c,{children:"Cancel"})]})]}),(0,P.jsxs)(S,{className:"k-master-row",children:[(0,P.jsx)(s,{children:"Chai"}),(0,P.jsx)(s,{children:"18"}),(0,P.jsx)(s,{children:"false"}),(0,P.jsx)(s,{className:"k-command-cell",children:(0,P.jsx)(c,{children:"Remove"})})]}),(0,P.jsxs)(S,{className:"k-master-row",alt:!0,children:[(0,P.jsx)(s,{children:"Chang"}),(0,P.jsx)(s,{children:"19"}),(0,P.jsx)(s,{children:"false"}),(0,P.jsx)(s,{className:"k-command-cell",children:(0,P.jsx)(c,{children:"Remove"})})]})]})]})})})})]}),...e});var Bn=require("react/jsx-runtime");var m=require("react/jsx-runtime"),Ih=J.options,Rh=J.states,$c={...J.defaultOptions,variant:"normal"},Oh=[{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"}],Ph=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Fa=e=>{let{variant:t,modifiers:o,...a}={...$c,...e},l={toolbar:void 0,pager:void 0},i=(0,m.jsxs)(Co,{children:[(0,m.jsx)(c,{icon:"plus",children:"Add New"}),(0,m.jsx)(c,{icon:"file-pdf",children:"Export to PDF"}),(0,m.jsx)("span",{className:"k-spacer"}),(0,m.jsx)(de,{prefix:(0,m.jsx)(L,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=(0,m.jsx)(ke,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(k=>{switch(k){case"toolbar":l.toolbar=o!=null&&o[k]?i:void 0;break;case"pager":l.pager=o!=null&&o[k]?p:void 0;break;default:return}});let u={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},x=(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(le,{children:(0,m.jsx)("div",{className:"k-grid-header-wrap",children:(0,m.jsxs)(ie,{children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsx)(ee,{children:(0,m.jsxs)(S,{children:[(0,m.jsx)(H,{...u[t],columnTitle:"ID"}),(0,m.jsx)(H,{...u[t],columnTitle:"Product Name"}),(0,m.jsx)(H,{...u[t],columnTitle:"Units in Stock"}),(0,m.jsx)(H,{...u[t],columnTitle:"Units Price"})]})})]})})}),(0,m.jsx)(te,{children:(0,m.jsx)(oe,{children:(0,m.jsxs)(ae,{children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsxs)(ne,{children:[(0,m.jsxs)(S,{children:[(0,m.jsx)(s,{children:"1"}),(0,m.jsx)(s,{children:"Chai"}),(0,m.jsx)(s,{children:"39"}),(0,m.jsx)(s,{children:"18"})]}),(0,m.jsxs)(S,{className:"k-alt",alt:!0,children:[(0,m.jsx)(s,{children:"2"}),(0,m.jsx)(s,{children:"Chang"}),(0,m.jsx)(s,{children:"17"}),(0,m.jsx)(s,{children:"19"})]}),(0,m.jsxs)(S,{children:[(0,m.jsx)(s,{children:"3"}),(0,m.jsx)(s,{children:"Aniseed Syrup"}),(0,m.jsx)(s,{children:"13"}),(0,m.jsx)(s,{children:"10"})]}),(0,m.jsxs)(S,{className:"k-alt",alt:!0,children:[(0,m.jsx)(s,{children:"4"}),(0,m.jsx)(s,{children:"Chef Anton's Cajun Seasoning"}),(0,m.jsx)(s,{children:"53"}),(0,m.jsx)(s,{children:"22"})]}),(0,m.jsxs)(S,{children:[(0,m.jsx)(s,{children:"5"}),(0,m.jsx)(s,{children:"Chef Anton's Gumbo Mix"}),(0,m.jsx)(s,{children:"0"}),(0,m.jsx)(s,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,m.jsx)(Fc,{...a,...l});case"editing":return(0,m.jsx)(Vc,{...a,...l});case"grouping":return(0,m.jsx)(Uc,{...a,...l,groupingHeader:(0,m.jsx)(Zt,{children:(0,m.jsxs)(ye,{children:[(0,m.jsx)(Me,{icon:"sort-asc-small",actions:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(Ce,{type:"more"}),(0,m.jsx)(Ce,{type:"remove"})]}),children:"ID"}),(0,m.jsx)(Me,{icon:"sort-desc-small",actions:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(Ce,{type:"more"}),(0,m.jsx)(Ce,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,m.jsx)(J,{...a,...l,children:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(le,{children:(0,m.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,m.jsxs)(ie,{children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{className:"k-drag-col"}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsx)(ee,{children:(0,m.jsxs)(S,{children:[(0,m.jsx)(H,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,m.jsx)(H,{columnTitle:"ID"}),(0,m.jsx)(H,{columnTitle:"Product Name"}),(0,m.jsx)(H,{columnTitle:"Units in Stock"}),(0,m.jsx)(H,{columnTitle:"Units Price"})]})})]})]})}),(0,m.jsx)(te,{children:(0,m.jsx)(oe,{children:(0,m.jsxs)(ae,{children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{className:"k-drag-col"}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsxs)(ne,{children:[(0,m.jsxs)(S,{children:[(0,m.jsx)(s,{className:"k-drag-cell",children:(0,m.jsx)(L,{icon:"reorder"})}),(0,m.jsx)(s,{children:"1"}),(0,m.jsx)(s,{children:"Chai"}),(0,m.jsx)(s,{children:"39"}),(0,m.jsx)(s,{children:"18"})]}),(0,m.jsxs)(S,{className:"k-alt",alt:!0,children:[(0,m.jsx)(s,{className:"k-drag-cell",children:(0,m.jsx)(L,{icon:"reorder"})}),(0,m.jsx)(s,{children:"2"}),(0,m.jsx)(s,{children:"Chang"}),(0,m.jsx)(s,{children:"17"}),(0,m.jsx)(s,{children:"19"})]}),(0,m.jsxs)(S,{children:[(0,m.jsx)(s,{className:"k-drag-cell",children:(0,m.jsx)(L,{icon:"reorder"})}),(0,m.jsx)(s,{children:"3"}),(0,m.jsx)(s,{children:"Aniseed Syrup"}),(0,m.jsx)(s,{children:"13"}),(0,m.jsx)(s,{children:"10"})]}),(0,m.jsxs)(S,{className:"k-alt",alt:!0,children:[(0,m.jsx)(s,{className:"k-drag-cell",children:(0,m.jsx)(L,{icon:"reorder"})}),(0,m.jsx)(s,{children:"4"}),(0,m.jsx)(s,{children:"Chef Anton's Cajun Seasoning"}),(0,m.jsx)(s,{children:"53"}),(0,m.jsx)(s,{children:"22"})]}),(0,m.jsxs)(S,{children:[(0,m.jsx)(s,{className:"k-drag-cell",children:(0,m.jsx)(L,{icon:"reorder"})}),(0,m.jsx)(s,{children:"5"}),(0,m.jsx)(s,{children:"Chef Anton's Gumbo Mix"}),(0,m.jsx)(s,{children:"0"}),(0,m.jsx)(s,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,m.jsx)(Ac,{...a,...l});default:return(0,m.jsx)(J,{...a,...l,children:x})}};Fa.options=Ih;Fa.states=Rh;Fa.variants=Oh;Fa.defaultOptions=$c;Fa.modifiers=Ph;var g=require("react/jsx-runtime"),Hh=({contentClassName:e,...t})=>(0,g.jsx)(J,{_renderAriaRoot:!0,children:(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(le,{children:(0,g.jsx)("div",{className:"k-grid-header-wrap",children:(0,g.jsxs)(ie,{style:{width:"1100px"},children:[(0,g.jsxs)("colgroup",{children:[(0,g.jsx)("col",{style:{width:"250px"}}),(0,g.jsx)("col",{style:{width:"150px"}}),(0,g.jsx)("col",{style:{width:"200px"}}),(0,g.jsx)("col",{style:{width:"250px"}}),(0,g.jsx)("col",{style:{width:"250px"}})]}),(0,g.jsx)(ee,{children:(0,g.jsxs)(S,{children:[(0,g.jsx)(H,{className:"k-grid-header-sticky",rowspan:1,colspan:1,columnTitle:"Product Name",style:{left:"0px",borderRightWidth:"1px"}}),(0,g.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Units In Stock"}),(0,g.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Price"}),(0,g.jsx)(H,{className:"k-grid-header-sticky",rowspan:1,colspan:1,columnTitle:"Units on Order",style:{left:"250px",borderRightWidth:"1px"}}),(0,g.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Reorder Level"})]})})]})})}),(0,g.jsx)(te,{children:(0,g.jsx)(oe,{className:e,children:(0,g.jsx)("div",{style:{position:"relative"},children:(0,g.jsxs)(ae,{style:{width:"1100px"},children:[(0,g.jsxs)("colgroup",{children:[(0,g.jsx)("col",{width:"250px"}),(0,g.jsx)("col",{width:"150px"}),(0,g.jsx)("col",{width:"200px"}),(0,g.jsx)("col",{width:"250px"}),(0,g.jsx)("col",{width:"250px"})]}),(0,g.jsxs)(ne,{children:[(0,g.jsxs)(S,{className:"k-master-row",children:[(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"0px",borderRightWidth:"1px"},children:"Chai"}),(0,g.jsx)(s,{colspan:1,children:"39"}),(0,g.jsx)(s,{colspan:1,children:"$18.00"}),(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,g.jsx)(s,{colspan:1,children:"10"})]}),(0,g.jsxs)(S,{className:"k-master-row",role:"row",alt:!0,children:[(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"0px",borderRightWidth:"1px"},children:"Chang"}),(0,g.jsx)(s,{colspan:1,children:"17"}),(0,g.jsx)(s,{colspan:1,children:"$19.00"}),(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"250px",borderRightWidth:"1px"},children:"40"}),(0,g.jsx)(s,{colspan:1,children:"25"})]}),(0,g.jsxs)(S,{className:"k-master-row",role:"row",children:[(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"0px",borderRightWidth:"1px"},children:"Aniseed Syrup"}),(0,g.jsx)(s,{colspan:1,children:"13"}),(0,g.jsx)(s,{colspan:1,children:"$10.00"}),(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"250px",borderRightWidth:"1px"},children:"70"}),(0,g.jsx)(s,{colspan:1,children:"25"})]}),(0,g.jsxs)(S,{className:"k-master-row",role:"row",alt:!0,children:[(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"0px",borderRightWidth:"1px"},children:"Chef Anton's Cajun Seasoning"}),(0,g.jsx)(s,{colspan:1,children:"53"}),(0,g.jsx)(s,{colspan:1,children:"$22.00"}),(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,g.jsx)(s,{colspan:1,children:"0"})]}),(0,g.jsxs)(S,{className:"k-master-row",role:"row",children:[(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"0px",borderRightWidth:"1px"},children:"Chef Anton's Gumbo Mix"}),(0,g.jsx)(s,{colspan:1,children:"0"}),(0,g.jsx)(s,{colspan:1,children:"$21.35"}),(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,g.jsx)(s,{colspan:1,children:"0"})]}),(0,g.jsxs)(S,{className:"k-master-row",role:"row",alt:!0,children:[(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"0px",borderRightWidth:"1px"},children:"Grandma's Boysenberry Spread"}),(0,g.jsx)(s,{colspan:1,children:"120"}),(0,g.jsx)(s,{colspan:1,children:"$25.00"}),(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,g.jsx)(s,{colspan:1,children:"25"})]}),(0,g.jsxs)(S,{className:"k-master-row",role:"row",children:[(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"0px",borderRightWidth:"1px"},children:"Uncle Bob's Organic Dried Pears"}),(0,g.jsx)(s,{colspan:1,children:"15"}),(0,g.jsx)(s,{colspan:1,children:"$30.00"}),(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,g.jsx)(s,{colspan:1,children:"10"})]}),(0,g.jsxs)(S,{className:"k-master-row",role:"row",alt:!0,children:[(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"0px",borderRightWidth:"1px"},children:"Northwoods Cranberry Sauce"}),(0,g.jsx)(s,{colspan:1,children:"6"}),(0,g.jsx)(s,{colspan:1,children:"$40.00"}),(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,g.jsx)(s,{colspan:1,children:"0"})]}),(0,g.jsxs)(S,{className:"k-master-row",role:"row",children:[(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"0px",borderRightWidth:"1px"},children:"Mishi Kobe Niku"}),(0,g.jsx)(s,{colspan:1,children:"29"}),(0,g.jsx)(s,{colspan:1,children:"97"}),(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,g.jsx)(s,{colspan:1,children:"0"})]}),(0,g.jsxs)(S,{className:"k-master-row",role:"row",alt:!0,children:[(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"0px",borderRightWidth:"1px"},children:"Ikura"}),(0,g.jsx)(s,{colspan:1,children:"31"}),(0,g.jsx)(s,{colspan:1,children:"$31.00"}),(0,g.jsx)(s,{className:"k-grid-content-sticky",colspan:1,style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,g.jsx)(s,{colspan:1,children:"0"})]})]})]})})})})]}),...t});