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-grouping.js CHANGED Viewed

	@@ -1 +1 @@
1	- var Wc=Object.create;var Va=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)Va(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))!Qc.call(e,l)&&l!==o&&Va(e,l,{get:()=>t[l],enumerable:!(a=Jc(t,l))\|\|a.enumerable});return e};var _n=(e,t,o)=>(o=e!=null?Wc(Yc(e)):{},Dn(t\|\|!e\|\|!e.__esModule?Va(o,"default",{value:e,enumerable:!0}):o,e)),jc=e=>Dn(Va({},"__esModule",{value:!0}),e);var Oh={};Zc(Oh,{GridWithGrouping:()=>Gn});module.exports=jc(Oh);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 S=(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"}),I=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:i,checked:c,active:u,selected:x,disabled:g,indeterminate:L,loading:k,empty:b,readonly:M,highlighted:C,...w}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":i,"k-checked":c,"k-active":u,"k-selected":x,"k-disabled":g,"k-indeterminate":L&&!c,"k-loading":k,"k-empty":b,"k-readonly":M,"k-highlighted":C},Object.keys(w).reduce((K,P)=>(P.startsWith("k-")?K[P]=w[P]:K[`k-${P}`]=w[P],K),{}))};function zn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},T={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},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 Wo=require("react/jsx-runtime"),Er="k-font-icon",ep=[],tp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},op={},Jo=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:i,...c}=e;return a?(0,Wo.jsx)("span",{...c,className:r(e.className,Er,S(Er,{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,Wo.jsx)(Wo.Fragment,{})};Jo.states=ep;Jo.options=tp;Jo.className=Er;Jo.defaultOptions=op;var Un=Jo;var uo=require("react/jsx-runtime"),Ir="k-svg-icon",ap=[],rp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Fn={viewBox:"0 0 24 24"},qo=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:i=Fn.viewBox,icon:c,...u}=e;if(!c)return(0,uo.jsx)(uo.Fragment,{});if(c==="none")return(0,uo.jsx)("span",{...u,className:r(e.className,Ir,S("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof c=="object"&&c.name&&c.name;return(0,uo.jsx)("span",{...u,className:r(e.className,Ir,S("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,uo.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};qo.states=ap;qo.options=rp;qo.className=Ir;qo.defaultOptions=Fn;var Rr=qo;var Or=_n(require("@progress/kendo-svg-icons"));var Vn="icon",$n="icons";var Jn=require("react");var Xn=require("react"),Wn=(0,Xn.createContext)({iconsType:"svg"});var Bt=require("react/jsx-runtime"),$a="k-icon",lp=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),np=[],ip={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Pr={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=(0,Jn.useContext)(Wn),{size:o,themeColor:a,icon:l,type:i=t\|\|Pr.type,rotate:c,flip:u,viewBox:x=Pr.viewBox,...g}=e;if(!l)return(0,Bt.jsx)(Bt.Fragment,{});if((t\|\|i)==="svg"){if(l==="none")return(0,Bt.jsx)(Rr,{...g,className:r(e.className,$a),icon:l,size:o});let k=Or[l]?l:lp(`${l}-icon`);return Or[k]?(0,Bt.jsx)(Rr,{...g,className:r(e.className,$a),icon:Or[k],size:o,themeColor:a,rotate:c,flip:u,viewBox:x}):(0,Bt.jsx)(Bt.Fragment,{})}return(0,Bt.jsx)(Un,{...g,className:r(e.className,$a),icon:l,size:o,themeColor:a,rotate:c,flip:u})};v.states=np;v.options=ip;v.defaultOptions=Pr;v.className=$a;v.moduleName=Vn;v.folderName=$n;v.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 Yo=require("react/jsx-runtime"),sp="k-chip-action";var Ne=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=(0,Yo.jsx)(v,{icon:"x-circle",size:"small"});break;case"more":a=(0,Yo.jsx)(v,{icon:"more-vertical",size:"small"});break;default:return(0,Yo.jsx)(v,{icon:t,size:"small"})}return(0,Yo.jsx)("span",{...o,className:r(e.className,sp,`k-chip-${t}-action`),children:a})};var Hr="avatar",qn=Hr;var Br=require("react/jsx-runtime"),Qo="k-avatar";var dp=[n.hover,n.focus,n.active,n.selected,n.disabled],cp={size:[s.undefined,s.small,s.medium,s.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]},Kr={type:"text",border:!1},qe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:i=Kr.type,border:c=Kr.border,...u}=e;return(0,Br.jsx)("div",{...u,className:r(e.className,Qo,S(Qo,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Qo}-bordered`]:c}),children:(0,Br.jsx)("span",{className:`${Qo}-${i}`,children:e.children})})};qe.states=dp;qe.options=cp;qe.className=Qo;qe.defaultOptions=Kr;qe.moduleName=Hr;qe.folderName=qn;qe.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var bo=qe;var Qn=require("react/jsx-runtime"),Yn=e=>(0,Qn.jsx)(bo,{type:"icon",...e});var jn=require("react/jsx-runtime"),Zn=e=>(0,jn.jsx)(bo,{type:"text",...e});var ti=require("react/jsx-runtime"),ei=e=>(0,ti.jsx)(bo,{type:"image",...e});var pp=require("react/jsx-runtime");var yo=require("react/jsx-runtime"),mp=qe.options,up=qe.states,bp={...qe.defaultOptions,variant:"image"},fp=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Tp=[],Zo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,yo.jsx)(Yn,{...o,children:(0,yo.jsx)(v,{icon:"star"})});case"text":return(0,yo.jsx)(Zn,{...o,children:"JO"});default:return(0,yo.jsx)(ei,{...o,children:(0,yo.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Zo.options=mp;Zo.states=up;Zo.variants=fp;Zo.defaultOptions=bp;Zo.modifiers=Tp;var jo="chip",Xa=jo;var Gt=require("react/jsx-runtime"),Wa="k-chip",hp=[n.hover,n.focus,n.active,n.selected,n.disabled],xp={size:[s.undefined,s.small,s.medium,s.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]},oi={avatarImage:"/packages/html/assets/avatar.jpg"},ge=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:i,icon:c,actions:u,showAvatar:x,avatarImage:g=oi.avatarImage,hover:L,focus:k,active:b,selected:M,disabled:C,...w}=e;return(0,Gt.jsxs)("div",{...w,className:r(e.className,Wa,S(Wa,{size:t,rounded:o,fillMode:a,themeColor:l}),I(Wa,{hover:L,focus:k,active:b,disabled:C,selected:M})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:M?"true":"false","aria-selected":e.role==="option"?M?"true":"false":void 0,"aria-disabled":C?"true":void 0,children:[c&&(0,Gt.jsx)(v,{className:"k-chip-icon",icon:c,size:"small"}),x&&(0,Gt.jsx)(qe,{className:"k-chip-avatar",type:"image",children:(0,Gt.jsx)("img",{src:g,alt:""})}),(0,Gt.jsx)("span",{className:"k-chip-content",children:e.children?e.children:i&&(0,Gt.jsx)("span",{className:"k-chip-label",children:i})}),u&&(0,Gt.jsx)("span",{className:"k-chip-actions",children:u})]})};ge.states=hp;ge.options=xp;ge.className=Wa;ge.defaultOptions=oi;ge.moduleName=jo;ge.folderName=Xa;ge.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 ut=ge;var ai=require("react/jsx-runtime"),Gr="k-chip-list",Np=[],gp={size:[s.undefined,s.small,s.medium,s.large]},kp={},ke=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return(0,ai.jsx)("div",{...l,className:r(e.className,Gr,S(Gr,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};ke.states=Np;ke.options=gp;ke.className=Gr;ke.defaultOptions=kp;ke.moduleName=jo;ke.folderName=Xa;ke.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 vp=require("react/jsx-runtime");var Lp=require("react/jsx-runtime");var ri=require("react/jsx-runtime"),Ja=e=>(0,ri.jsx)(ut,{text:"text",...e});var Cp=require("react/jsx-runtime");var Mp=require("react/jsx-runtime");var Dr=require("react/jsx-runtime");var li=require("react/jsx-runtime");var ni=require("react/jsx-runtime");var ii=require("react/jsx-runtime");var Dt=require("react/jsx-runtime"),yp={...ut.options,...ke.options},Sp=[],Ap=ke.states,wp={...ut.defaultOptions,...ke.defaultOptions},Ep=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],ea=e=>{let{modifiers:t,className:o,...a}=e,l=t==null?void 0:t.icon,i=t==null?void 0:t.actions,c=t==null?void 0:t.avatar;return(0,Dt.jsxs)(ke,{size:a.size,className:o,children:[(0,Dt.jsx)(Ja,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Dt.jsx)(Ne,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Dt.jsx)(Ja,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Dt.jsx)(Ne,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Dt.jsx)(Ja,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Dt.jsx)(Ne,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};ea.options=yp;ea.states=Ap;ea.variants=Sp;ea.defaultOptions=wp;ea.modifiers=Ep;var qa=require("react/jsx-runtime"),Ip=ge.states,Rp=ge.defaultOptions,Op=ge.options,Pp=[],Hp=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],ta=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,qa.jsx)(Ne,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t!=null&&t[l]?(0,qa.jsx)(Ne,{type:"remove"}):void 0;break;default:break}}),(0,qa.jsx)(ge,{...o,...a,children:"Chip component"})};ta.options=Op;ta.states=Ip;ta.variants=Pp;ta.defaultOptions=Rp;ta.modifiers=Hp;var $="grid",X=$;var Qa=require("react/jsx-runtime"),Ya="k-grid",Kp=[],Bp={size:[s.undefined,s.small,s.medium,s.large]},Gp=[],si={pagerPosition:"bottom"},W=e=>{let{size:t,pagerPosition:o=si.pagerPosition,toolbar:a,pager:l,groupingHeader:i,gridSelectionAggregates:c,_renderAriaRoot:u,resizable:x,...g}=e;return(0,Qa.jsxs)("div",{...g,className:r(e.className,Ya,{[`${Ya}-resizable`]:x},S(Ya,{size:t})),children:[a,o==="top"&&l,i,e.children&&u?(0,Qa.jsx)("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&l]})};W.states=Kp;W.options=Bp;W.variants=Gp;W.className=Ya;W.defaultOptions=si;W.moduleName=$;W.folderName=X;var ci=require("react/jsx-runtime"),di="k-grid-header",se=e=>{let{draggable:t,...o}=e;return(0,ci.jsx)("div",{...o,className:r(e.className,di,{"k-grid-draggable-header":t}),children:e.children})};se.className=di;se.moduleName=$;se.folderName=X;var oa=require("react/jsx-runtime"),pi="k-grouping-header",Qt=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,oa.jsxs)("div",{...a,className:r(e.className,pi),children:[o&&(0,oa.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,oa.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};Qt.className=pi;Qt.moduleName=$;Qt.folderName=X;var bi=require("react/jsx-runtime"),mi="k-grid-sticky-container",ui={position:"top"},Za=e=>{let{position:t=ui.position,...o}=e;return(0,bi.jsx)("div",{...o,className:r(e.className,mi,{"k-grid-sticky-top-container":t==="top","k-grid-sticky-bottom-container":t==="bottom"}),children:e.children})};Za.className=mi;Za.defaultProps=ui;Za.moduleName=$;Za.folderName=X;var Se="table",Ke=Se;var Ti=require("react/jsx-runtime"),fi="k-data-table",Dp=[],_p={size:[s.undefined,s.small,s.medium,s.large]},zp={},_t=e=>{let{size:t,...o}=e;return(0,Ti.jsx)("div",{...o,className:r(e.className,fi,S("k-table",{size:t})),children:e.children})};_t.states=Dp;_t.options=_p;_t.className=fi;_t.defaultOptions=zp;_t.moduleName=Se;_t.folderName=Ke;var hi=require("react/jsx-runtime"),_r="k-table-header-wrap",Up=[n.hover,n.focus,n.disabled],Fp={},Vp={},Zt=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return(0,hi.jsx)("div",{...i,className:r(e.className,_r,I(_r,{hover:o,focus:a,disabled:l})),children:t})};Zt.states=Up;Zt.options=Fp;Zt.className=_r;Zt.defaultOptions=Vp;Zt.moduleName=Se;Zt.folderName=Ke;var xi=require("react/jsx-runtime"),zr="k-table",$p=[],Xp={size:[s.undefined,s.small,s.medium,s.large]},Wp={},Be=e=>{let{size:t,...o}=e;return(0,xi.jsx)("table",{...o,className:r(e.className,zr,S(zr,{size:t})),children:e.children})};Be.states=$p;Be.options=Xp;Be.className=zr;Be.defaultOptions=Wp;Be.moduleName=Se;Be.folderName=Ke;var ja=require("react/jsx-runtime"),Ur="k-table-header",Jp=[n.hover,n.focus,n.disabled],qp={},Yp={},zt=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return(0,ja.jsx)("div",{...i,className:r(e.className,Ur,I(Ur,{hover:o,focus:a,disabled:l})),children:(0,ja.jsx)(Zt,{children:(0,ja.jsx)(Be,{children:t})})})};zt.states=Jp;zt.options=qp;zt.className=Ur;zt.defaultOptions=Yp;zt.moduleName=Se;zt.folderName=Ke;var gi=require("react/jsx-runtime"),Ni="k-table-scroller",Qp=[],Zp={},jp={},So=e=>{let{children:t,...o}=e;return(0,gi.jsx)("div",{...o,className:r(e.className,Ni),children:t})};So.states=Qp;So.options=Zp;So.className=Ni;So.defaultOptions=jp;So.moduleName=Se;So.folderName=Ke;var em=require("react/jsx-runtime");var vi=require("react/jsx-runtime"),ki="k-table-footer",tm=[],om={},am={},jt=e=>{let{children:t,...o}=e;return(0,vi.jsx)("div",{...o,className:r(e.className,ki),children:t})};jt.states=tm;jt.options=om;jt.className=ki;jt.defaultOptions=am;jt.moduleName=Se;jt.folderName=Ke;var Li=require("react/jsx-runtime"),Fr="k-table-list",rm=[],lm={size:[s.undefined,s.small,s.medium,s.large]},nm={},eo=e=>{let{size:t,virtualization:o,...a}=e;return(0,Li.jsx)("ul",{...a,className:r(e.className,"k-table",Fr,S(Fr,{size:t}),{"k-virtual-table":o}),children:e.children})};eo.states=rm;eo.options=lm;eo.className=Fr;eo.defaultOptions=nm;eo.moduleName=Se;eo.folderName=Ke;var Ci=require("react/jsx-runtime"),im="k-table-thead",ee=e=>(0,Ci.jsx)("thead",{className:r(e.className,im),children:e.children});var Mi=require("react/jsx-runtime"),sm="k-table-tbody",de=e=>(0,Mi.jsx)("tbody",{className:r(e.className,sm),children:e.children});var dm=require("react/jsx-runtime");var yi=require("react/jsx-runtime"),Vr="k-table-row",cm=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],R=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:i,alt:c,...u}=e;return(0,yi.jsx)("tr",{...u,className:r(e.className,Vr,{"k-table-alt-row":c},I(Vr,{hover:t,focus:o,disabled:i,selected:a,highlighted:l})),children:e.children})};R.states=cm;R.className=Vr;var Si=require("react/jsx-runtime"),$r="k-table-row",pm=[n.hover,n.focus,n.selected,n.disabled],er=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:i,...c}=e;return(0,Si.jsx)("li",{...c,className:r(e.className,$r,{"k-table-alt-row":i},I($r,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};er.states=pm;er.className=$r;var wi=require("react/jsx-runtime"),Ai="k-table-th",Ut=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,i=t\|\|e.children;return(0,wi.jsx)("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,Ai),children:i})};Ut.className=Ai;Ut.moduleName=Se;Ut.folderName=Ke;var mm=require("react/jsx-runtime");var Ei=require("react/jsx-runtime"),Xr="k-table-td",um=[n.focus,n.selected,n.highlighted],m=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:i,rowspan:c,...u}=e,x=l\|\|e.children;return(0,Ei.jsx)("td",{colSpan:i,rowSpan:c,...u,className:r(e.className,Xr,I(Xr,{focus:t,selected:o,highlighted:a})),children:x})};m.states=um;m.className=Xr;var bm=require("react/jsx-runtime");var fm=require("react/jsx-runtime");var Tm=require("react/jsx-runtime");var hm=require("react/jsx-runtime");var xm=require("react/jsx-runtime");var Ri=require("react/jsx-runtime");var Oi=require("react/jsx-runtime");var Pi=require("react/jsx-runtime");var Wr=require("react/jsx-runtime");var Ki=require("react/jsx-runtime"),Hi="k-grid-header-table",ce=e=>(0,Ki.jsx)(Be,{...e,className:r(e.className,Hi),children:e.children});ce.className=Hi;ce.moduleName=$;ce.folderName=X;var lt=require("react/jsx-runtime"),Jr="k-header",vm=[n.hover,n.focus,n.active],Bi={sortIcon:"sort-asc-small"},H=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:i,columnTitle:c,hover:u,focus:x,active:g,sortIcon:L=Bi.sortIcon,sortOrder:k,accessibleLabel:b,...M}=e;return(0,lt.jsxs)(Ut,{...M,className:r(e.className,Jr,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":i},I(Jr,{hover:u,focus:x,active:g})),children:[c&&(0,lt.jsxs)("span",{className:"k-cell-inner",children:[(0,lt.jsxs)("span",{className:"k-link",children:[(0,lt.jsx)("span",{className:"k-column-title",children:c}),o&&(0,lt.jsx)("span",{className:"k-sort-icon",children:(0,lt.jsx)(v,{icon:L})}),k&&(0,lt.jsx)("span",{className:"k-sort-order",children:k})]}),t&&(0,lt.jsx)("a",{href:"#",className:r("k-grid-header-menu",{"k-active":g,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,lt.jsx)(v,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&b&&(0,lt.jsx)("span",{className:"k-sr-only",children:b}),e.children,i&&(0,lt.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};H.states=vm;H.className=Jr;H.defaultOptions=Bi;H.moduleName=$;H.folderName=X;var Di=require("react/jsx-runtime"),Gi="k-grid-container",te=e=>(0,Di.jsx)("div",{...e,className:r(e.className,Gi),children:e.children});te.className=Gi;te.moduleName=$;te.folderName=X;var zi=require("react/jsx-runtime"),_i="k-grid-content",oe=e=>(0,zi.jsx)("div",{...e,className:r(e.className,_i),children:e.children});oe.className=_i;oe.moduleName=$;oe.folderName=X;var Fi=require("react/jsx-runtime"),Ui="k-grid-table",ae=e=>(0,Fi.jsx)(Be,{...e,className:r(e.className,Ui),children:e.children});ae.className=Ui;ae.moduleName=$;ae.folderName=X;var $i=require("react/jsx-runtime"),Vi="k-grid-footer",qr=e=>(0,$i.jsx)("div",{...e,className:r(e.className,Vi),children:e.children});qr.className=Vi;qr.moduleName=$;qr.folderName=X;var Wi=require("react/jsx-runtime"),Xi="k-grid-footer-table",Yr=e=>(0,Wi.jsx)(Be,{...e,className:r(e.className,Xi),children:e.children});Yr.className=Xi;Yr.moduleName=$;Yr.folderName=X;var Qr="button",Ji=Qr;var Lt=require("react/jsx-runtime"),aa="k-button",Lm=["icon-button"],Cm=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Mm={size:[s.undefined,s.small,s.medium,s.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]},Zr={showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:i,showArrow:c=Zr.showArrow,arrowIconName:u=Zr.arrowIconName,variant:x,hover:g,focus:L,active:k,selected:b,disabled:M,togglable:C,icon:w,text:K,iconClassName:P,className:z,...ie}=e,xe=w!==void 0,Ve=e.children!==void 0;return(0,Lt.jsxs)(t,{className:r(z,aa,zn(aa,x),S(aa,{size:o,rounded:a,fillMode:l,themeColor:i}),I(aa,{hover:g,focus:L,active:k,disabled:M,selected:b}),{"k-icon-button":!K&&!Ve&&xe}),...ie,"aria-pressed":C?b?"true":"false":void 0,disabled:M\|\|void 0,children:[w&&(0,Lt.jsx)(v,{className:r(P,"k-button-icon"),icon:w}),K?(0,Lt.jsxs)(Lt.Fragment,{children:[K&&(0,Lt.jsx)("span",{className:"k-button-text",children:K}),e.children]}):e.children&&(0,Lt.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,Lt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Lt.jsx)(v,{icon:u})})]})};d.states=Cm;d.options=Mm;d.variants=Lm;d.className=aa;d.defaultOptions=Zr;d.moduleName=Qr;d.folderName=Ji;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var qi=require("react/jsx-runtime"),to=e=>(0,qi.jsx)(d,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Yi=require("react/jsx-runtime"),ra=e=>(0,Yi.jsx)(d,{icon:"folder",children:"Button",...e});var Qi=require("react/jsx-runtime"),fo=e=>(0,Qi.jsx)(d,{children:"Button",...e});var tr=require("react/jsx-runtime"),ym=d.options,Sm=d.states,Am={...d.defaultOptions,variant:"text"},wm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Em=[],la=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,tr.jsx)(to,{...o,icon:"star"});case"icon-and-text":return(0,tr.jsx)(ra,{...o,icon:"star",children:"Button"});default:return(0,tr.jsx)(fo,{...o,children:"Button"})}};la.options=ym;la.states=Sm;la.variants=wm;la.defaultOptions=Am;la.modifiers=Em;var na="input",or=na;var Zi=require("react/jsx-runtime"),ar="k-input",Im=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Rm={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Om={},ve=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:u,size:x,rounded:g,fillMode:L,...k}=e;return(0,Zi.jsx)("span",{...k,className:r(e.className,ar,S(ar,{size:x,rounded:g,fillMode:L}),I(ar,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:u}))})};ve.states=Im;ve.options=Rm;ve.className=ar;ve.defaultOptions=Om;ve.moduleName=na;ve.folderName=or;var ji=require("react/jsx-runtime"),rr="k-picker",Pm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Hm={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Km={},At=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:u,size:x,rounded:g,fillMode:L,...k}=e;return(0,ji.jsx)("span",{...k,className:r(e.className,rr,S(rr,{size:x,rounded:g,fillMode:L}),I(rr,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:u})),children:e.children})};At.states=Pm;At.options=Hm;At.className=rr;At.defaultOptions=Km;At.moduleName=na;At.folderName=or;var Ao=require("react/jsx-runtime"),es="k-clear-value",Bm=[n.disabled,n.loading,n.readonly],Gm={},nt=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,es),children:(0,Ao.jsx)(v,{icon:"x"})})};nt.states=Bm;nt.options=Gm;nt.className=es;var ts=require("react/jsx-runtime"),jr="k-input-inner",Dm=[],_m={},lr={type:"text",autocomplete:"off",value:"",placeholder:""},it=e=>{let{value:t=lr.value,type:o=lr.type,placeholder:a=lr.placeholder,autocomplete:l=lr.autocomplete,disabled:i,readOnly:c,...u}=e;return(0,ts.jsx)("input",{...u,type:o,className:r(e.className,jr,S(jr,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:i\|\|void 0,readOnly:c\|\|void 0})};it.states=Dm;it.options=_m;it.className=jr;var ia=require("react/jsx-runtime"),el="k-input-inner",zm=[],Um={},To=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:i,...c}=e;return(0,ia.jsxs)("span",{...c,className:r(e.className,el,S(el,e)),children:[l,!l&&i&&(0,ia.jsx)(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,ia.jsx)("span",{className:"k-input-value-text",children:t})]})};To.states=zm;To.options=Um;To.className=el;var as=require("react/jsx-runtime"),tl="k-input-inner",Fm=[],Vm={},os={value:"",placeholder:""},ol=e=>{let{value:t=os.value,placeholder:o=os.placeholder,rows:a,disabled:l,...i}=e;return(0,as.jsx)("textarea",{...i,className:r(e.className,tl,S(tl,e)),placeholder:o,rows:a,defaultValue:t,disabled:l\|\|void 0})};ol.states=Fm;ol.options=Vm;ol.className=tl;var sa=require("react/jsx-runtime"),rs="k-input-loading-icon",$m=[n.disabled,n.loading],Ye=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,sa.jsx)(sa.Fragment,{}):(0,sa.jsx)("span",{className:r(e.className,rs,"k-icon k-i-loading")})};Ye.states=$m;Ye.className=rs;var da=require("react/jsx-runtime"),ls="k-input-validation-icon",Xm=[n.valid,n.invalid,n.disabled,n.loading],Wm={},$e=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,i=o?"warning-circle":"check-circle";return a\|\|l\|\|!!!(t\|\|o)?(0,da.jsx)(da.Fragment,{}):(0,da.jsx)(v,{className:r(ls),icon:i})};$e.states=Xm;$e.options=Wm;$e.className=ls;var ca=require("react/jsx-runtime"),Jm="k-input-prefix",qm={direction:"horizontal"},bt=e=>{let{direction:t=qm.direction,...o}=e;return e.children?(0,ca.jsx)("span",{...o,className:r(Jm,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,ca.jsx)(ca.Fragment,{})};var pa=require("react/jsx-runtime"),Ym="k-input-suffix",Qm={direction:"horizontal"},ft=e=>{let{direction:t=Qm.direction,...o}=e;return e.children?(0,pa.jsx)("span",{...o,className:r(Ym,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,pa.jsx)(pa.Fragment,{})};var Zm=require("react/jsx-runtime");var ns=require("react/jsx-runtime"),jm="k-input-suffix-text",al=e=>{let{children:t,...o}=e;return(0,ns.jsx)("span",{...o,className:r(jm,e.className),children:t})};var ss=require("react/jsx-runtime"),is="k-input-separator",eu={direction:"vertical"},Tt=e=>{let{direction:t=eu.direction,...o}=e;return(0,ss.jsx)("span",{...o,className:r(is,e.className,{[`${is}-${t}`]:t})})};var ye=require("react/jsx-runtime"),tu=ve.states,ou=ve.defaultOptions,au=ve.options,ru=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],lu=[],ma=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:i,readonly:c,...u}=e,x=t==null?void 0:t.prefix,g=t==null?void 0:t.suffix,L=t==null?void 0:t["clear-button"],k=t==null?void 0:t["validation-icon"],b=t==null?void 0:t.separators;return(0,ye.jsxs)(ve,{...u,valid:o,invalid:a,loading:l,disabled:i,readonly:c,style:{width:300},children:[x&&(0,ye.jsxs)(ye.Fragment,{children:[(0,ye.jsx)(bt,{children:(0,ye.jsx)(v,{icon:"lock"})}),b&&(0,ye.jsx)(Tt,{})]}),(0,ye.jsx)(it,{placeholder:"Placeholder",value:"Value"}),k&&(0,ye.jsx)($e,{valid:o,invalid:a,loading:l,disabled:i}),(0,ye.jsx)(Ye,{loading:l,disabled:i}),L&&(0,ye.jsx)(nt,{loading:l,disabled:i,readonly:c,value:"Value"}),g&&(0,ye.jsxs)(ye.Fragment,{children:[b&&(0,ye.jsx)(Tt,{}),(0,ye.jsx)(ft,{children:(0,ye.jsx)(fo,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ma.options=au;ma.states=tu;ma.variants=lu;ma.defaultOptions=ou;ma.modifiers=ru;var rl="popup",ds=rl;var ll=require("react/jsx-runtime"),cs="k-animation-container",nu=[],iu={},ps={positionMode:"absolute"},wt=e=>{let{positionMode:t=ps.positionMode,animationStyle:o,offset:a,...l}=e;return(0,ll.jsx)("div",{...l,style:{...a,...e.style},className:r(e.className,cs,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,ll.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};wt.states=nu;wt.options=iu;wt.className=cs;wt.defaultOptions=ps;wt.moduleName=rl;wt.folderName=ds;var nl="popup",ms=nl;var il=require("react/jsx-runtime"),us="k-popup",su=[],du={},bs={positionMode:"absolute"},re=e=>{let{offset:t,positionMode:o=bs.positionMode,animationStyle:a,containerClassName:l,containerRole:i,containerAriaLabel:c,...u}=e;return(0,il.jsx)(wt,{positionMode:o,offset:t,animationStyle:a,className:l,role:i,"aria-label":c,children:(0,il.jsx)("div",{...u,className:r(e.className,us),children:e.children})})};re.states=su;re.options=du;re.className=us;re.defaultOptions=bs;re.moduleName=nl;re.folderName=ms;re.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 sl="action-buttons",fs=sl;var Ts=require("react/jsx-runtime"),nr="k-actions",cu=[],pu={},dl={alignment:"start",orientation:"horizontal"},Et=e=>{let{alignment:t=dl.alignment,orientation:o=dl.orientation,...a}=e;return(0,Ts.jsx)("div",{...a,className:r(nr,{[`${nr}-${t}`]:t,[`${nr}-${o}`]:o},e.className),children:e.children})};Et.states=cu;Et.options=pu;Et.className=nr;Et.defaultOptions=dl;Et.moduleName=sl;Et.folderName=fs;var xs=require("react/jsx-runtime"),mu="k-actionsheet-footer",hs={alignment:"stretched",orientation:"horizontal"},oo=e=>{let{alignment:t=hs.alignment,orientation:o=hs.orientation,template:a,as:l=a?"div":Et,...i}=e;return(0,xs.jsx)(l,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,mu),children:e.children})};var cl="searchbox",Ns=cl;var ao=require("react/jsx-runtime"),gs="k-searchbox",uu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],bu={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},pl={showIcon:!0,icon:"search"},ht=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:i,hover:c,focus:u,valid:x,invalid:g,required:L,loading:k,disabled:b,showIcon:M=pl.showIcon,icon:C=pl.icon,...w}=e;return(0,ao.jsxs)(ve,{...w,size:a,rounded:l,fillMode:i,hover:c,focus:u,valid:x,invalid:g,required:L,loading:k,disabled:b,className:r(e.className,gs),children:[M&&(0,ao.jsx)(v,{className:"k-input-icon",icon:C}),(0,ao.jsx)(it,{placeholder:o,value:t}),(0,ao.jsx)(Ye,{...e}),(0,ao.jsx)($e,{...e}),(0,ao.jsx)(nt,{...e})]})};ht.states=uu;ht.options=bu;ht.className=gs;ht.defaultOptions=pl;ht.moduleName=cl;ht.folderName=Ns;var fu=require("react/jsx-runtime");var ml="textbox",ks=ml;var Ge=require("react/jsx-runtime"),vs="k-textbox",Tu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],hu={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ir={showClearButton:!0,showValidationIcon:!0,separators:!0},le=e=>{let{size:t,rounded:o,fillMode:a,separators:l=ir.separators,showClearButton:i=ir.showClearButton,showValidationIcon:c=ir.showValidationIcon,prefix:u,suffix:x,type:g,value:L,placeholder:k,hover:b,focus:M,valid:C,invalid:w,required:K,loading:P,disabled:z,readonly:ie,id:xe,"aria-label":Ve,"aria-describedby":at,...rt}=e;return(0,Ge.jsxs)(ve,{...rt,size:t,rounded:o,fillMode:a,hover:b,focus:M,valid:C,invalid:w,required:K,loading:P,disabled:z,readonly:ie,className:r(e.className,vs),children:[u&&(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)(bt,{children:u}),l&&(0,Ge.jsx)(Tt,{})]}),(0,Ge.jsx)(it,{id:xe,placeholder:k,value:L,type:g,disabled:z,"aria-label":Ve,"aria-describedby":at,"aria-invalid":w?"true":void 0}),c&&(0,Ge.jsx)($e,{valid:C,invalid:w,loading:P,disabled:z}),(0,Ge.jsx)(Ye,{loading:P,disabled:z}),i&&(0,Ge.jsx)(nt,{loading:P,disabled:z,readonly:ie,value:L}),x&&(0,Ge.jsxs)(Ge.Fragment,{children:[l&&(0,Ge.jsx)(Tt,{}),(0,Ge.jsx)(ft,{children:x})]})]})};le.states=Tu;le.options=hu;le.className=vs;le.defaultOptions=ir;le.moduleName=ml;le.folderName=ks;le.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 ua=le;var Cs=require("react/jsx-runtime"),Ls=e=>(0,Cs.jsx)(ua,{...e});var Ms=require("react/jsx-runtime");var ys=require("react/jsx-runtime");var xu=require("react/jsx-runtime");var sr=require("react/jsx-runtime"),Nu=le.states,gu=le.defaultOptions,ku=le.options,vu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Lu=[],ba=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,sr.jsx)(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,sr.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,sr.jsx)(Ls,{value:"Value",style:{width:300},...o,...a})};ba.options=ku;ba.states=Nu;ba.variants=Lu;ba.defaultOptions=gu;ba.modifiers=vu;var st=require("react/jsx-runtime"),Ss="k-actionsheet-titlebar",Cu={},Xe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:i,input:c,inputValue:u,inputPlaceholder:x,adaptive:g,titleId:L,children:k,...b}=e;return(0,st.jsxs)("div",{...b,className:r(e.className,Ss),children:[(0,st.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,st.jsx)("div",{className:"k-actionsheet-actions",children:a}),!k&&(0,st.jsxs)("div",{className:"k-actionsheet-title",id:L,children:[t&&(0,st.jsx)("div",{className:"k-text-center",children:t}),o&&(0,st.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&(0,st.jsx)("div",{className:"k-actionsheet-title",id:L,children:k}),l&&(0,st.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(c\|\|i)&&(0,st.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?(0,st.jsx)(le,{value:u,placeholder:x,size:g?"large":"medium","aria-label":t\|\|x\|\|"Input"}):(0,st.jsx)(ht,{placeholder:"Filter",size:g?"large":"medium","aria-label":"Filter options"})})]})};Xe.className=Ss;Xe.defaultOptions=Cu;var wo=require("react/jsx-runtime"),ul="k-actionsheet-view",Mu=[],yu={},Su={},Eo=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:i,titleId:c,...u}=e,x=(l==null?void 0:l.type)===Xe&&(0,wo.jsx)(Xe,{adaptive:t,titleId:c,...l==null?void 0:l.props}),g=(i==null?void 0:i.type)===oo&&(0,wo.jsx)(oo,{...i==null?void 0:i.props});return(0,wo.jsxs)("div",{...u,className:r(e.className,ul,{[`${ul}-animated`]:o}),children:[x,(0,wo.jsx)("div",{className:"k-actionsheet-content",children:a}),g]})};Eo.states=Mu;Eo.options=yu;Eo.className=ul;Eo.defaultOptions=Su;var fa="action-sheet",dr=fa;var bl="overlay",As=bl;var ws=require("react/jsx-runtime"),fl="k-overlay",Au=[],wu={themeColor:[f.undefined,f.light,f.dark,f.inverse]},Eu={},ro=e=>{let{themeColor:t,...o}=e;return(0,ws.jsx)("div",{...o,className:r(e.className,fl,S(fl,{themeColor:t})),children:e.children})};ro.states=Au;ro.options=wu;ro.className=fl;ro.defaultOptions=Eu;ro.moduleName=bl;ro.folderName=As;var ho=require("react/jsx-runtime"),Es="k-actionsheet",Iu=[],Ru={},Ta={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},fe=e=>{let{side:t=Ta.side,fullscreen:o=Ta.fullscreen,adaptive:a=Ta.adaptive,overlay:l=Ta.overlay,template:i,children:c,header:u,footer:x,id:g,...L}=e,k=g&&!i&&u?`${g}-title`:void 0;return(0,ho.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,ho.jsx)(ro,{}),(0,ho.jsx)(wt,{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",{...L,id:g,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":k,className:r(e.className,Es,{[`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:k,...e,children:c})})})]})};fe.states=Iu;fe.options=Ru;fe.className=Es;fe.defaultOptions=Ta;fe.moduleName=fa;fe.folderName=dr;fe.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 Rs=require("react/jsx-runtime"),Is="k-actionsheet-container",Ou=[],Pu={},Hu={},Io=e=>{let{children:t,...o}=e;return(0,Rs.jsx)("div",{...o,className:Is,children:t})};Io.states=Ou;Io.options=Pu;Io.className=Is;Io.defaultOptions=Hu;Io.moduleName=fa;Io.folderName=dr;var Os=require("react/jsx-runtime"),Tl=e=>{let{...t}=e;return(0,Os.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var xt=require("react/jsx-runtime"),hl="k-actionsheet-item",Ku=[n.hover,n.focus,n.selected,n.disabled],lo=e=>{let{iconName:t,text:o,description:a,hover:l,focus:i,selected:c,disabled:u,...x}=e;return(0,xt.jsxs)("span",{...x,className:r(e.className,hl,I(hl,{hover:l,focus:i,selected:c,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)(v,{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]})};lo.states=Ku;lo.className=hl;var Ps=require("react/jsx-runtime");var Bu=require("react/jsx-runtime");var Gu=require("react/jsx-runtime");var Du=require("react/jsx-runtime");var pe=require("react/jsx-runtime"),_u=fe.options,zu=fe.states,Ks={...fe.defaultOptions,variant:"normal"},Uu=[{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"}],ha=e=>{let{variant:t,modifiers:o,...a}={...Ks,...e},l={},i=(0,pe.jsxs)(Tl,{children:[(0,pe.jsx)(lo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,pe.jsx)(lo,{text:"Add to Favorites",iconName:"heart"}),(0,pe.jsx)(lo,{text:"Upload New",iconName:"upload",disabled:!0}),(0,pe.jsx)("hr",{className:"k-hr"}),(0,pe.jsx)(lo,{text:"Cancel",iconName:"cancel"})]}),c="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]?c:void 0;break;case"footer":l.footer=!!(o!=null&&o[x]);break;default:break}}),t==="adaptive"?(0,pe.jsx)(fe,{...a,adaptive:!0,fullscreen:l.fullScreen,header:(0,pe.jsx)(Xe,{actionsStart:l.actionsStart?(0,pe.jsx)(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,pe.jsx)(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?(0,pe.jsxs)(oo,{alignment:"stretched",children:[(0,pe.jsx)(d,{text:"Cancel",size:"large",themeColor:"base"}),(0,pe.jsx)(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,pe.jsx)(fe,{...a,fullscreen:l.fullScreen,header:(0,pe.jsx)(Xe,{actionsStart:l.actionsStart?(0,pe.jsx)(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,pe.jsx)(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,pe.jsxs)(oo,{alignment:"stretched",children:[(0,pe.jsx)(d,{text:"Apply",themeColor:"primary"}),(0,pe.jsx)(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};ha.options=_u;ha.states=zu;ha.variants=Uu;ha.defaultOptions=Ks;ha.modifiers=Fu;var pr=_n(require("react"));var xl=require("react/jsx-runtime"),Vu="k-list-group-sticky-header",Nl=e=>(0,xl.jsx)("div",{className:r(Vu,e.className),children:(0,xl.jsx)("div",{className:"k-list-header-text",children:e.children})});var Bs=require("react/jsx-runtime"),$u="k-no-data",cr=e=>{let{live:t,...o}=e;return(0,Bs.jsx)("span",{...o,className:r($u,e.className),"aria-live":t?"polite":void 0,children:e.children})};var xo="list",Ro=xo;var Oo=require("react/jsx-runtime"),gl="k-list",Xu=[],Wu={size:[s.undefined,s.small,s.medium,s.large]},Ju={},F=e=>{var M;let{size:t,virtualization:o,children:a,header:l,optionLabel:i,customValue:c,noData:u,screenReaders:x,...g}=e,k=pr.default.Children.toArray(a)[0],b=(M=k==null?void 0:k.props)!=null&&M.children?pr.default.Children.count(k.props.children):pr.default.Children.count(a);return(0,Oo.jsxs)("div",{...g,className:r(e.className,gl,S(gl,{size:t}),{"k-virtual-list":o}),children:[i,c,l&&(0,Oo.jsx)(Nl,{children:l}),a\|\|(u!==void 0?u:(0,Oo.jsx)(cr,{live:!0,children:"No data found."})),x&&a&&(0,Oo.jsxs)(cr,{className:"k-sr-only",live:!0,children:[b," items found."]})]})};F.states=Xu;F.options=Wu;F.className=gl;F.defaultOptions=Ju;F.moduleName=xo;F.folderName=Ro;F.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var Ds=require("react/jsx-runtime"),Gs="k-list-container",qu=[],Yu={},Qu={},Po=e=>{let{...t}=e;return(0,Ds.jsx)("div",{...t,className:r(e.className,Gs),children:e.children})};Po.states=qu;Po.options=Yu;Po.className=Gs;Po.defaultOptions=Qu;Po.moduleName=xo;Po.folderName=Ro;var No="checkbox",Ho=No;var kl=require("react/jsx-runtime"),mr="k-checkbox",Zu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],ju={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full]},eb={},Qe=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:i,disabled:c,invalid:u,valid:x,required:g,size:L,rounded:k,...b}=e;return(0,kl.jsx)("span",{className:"k-checkbox-wrap",children:(0,kl.jsx)("input",{...b,id:t,type:"checkbox",defaultChecked:o,required:g,disabled:c\|\|void 0,"aria-invalid":u?"true":void 0,className:r(e.className,mr,S(mr,{size:L,rounded:k}),I(mr,{hover:l,focus:i,disabled:c,invalid:u,valid:x,indeterminate:a,checked:o}))})})};Qe.states=Zu;Qe.options=ju;Qe.className=mr;Qe.defaultOptions=eb;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 It=Qe;var Us=require("react/jsx-runtime"),_s="k-checkbox-list",tb=[],ob={},zs={layout:"vertical"},Ze=e=>{let{layout:t=zs.layout,...o}=e;return(0,Us.jsx)("ul",{...o,className:r(e.className,_s,{[`k-list-${t}`]:t}),children:e.children})};Ze.states=tb;Ze.options=ob;Ze.className=_s;Ze.defaultOptions=zs;Ze.moduleName=No;Ze.folderName=Ho;var Vs=require("react/jsx-runtime"),Fs="k-checkbox-list-item",ab=[],rb={},lb={},We=e=>{let{...t}=e;return(0,Vs.jsx)("li",{...t,className:r(e.className,Fs),children:e.children})};We.states=ab;We.options=rb;We.className=Fs;We.defaultOptions=lb;We.moduleName=No;We.folderName=Ho;var go=require("react/jsx-runtime"),Ft=({children:e,id:t,...o})=>(0,go.jsxs)(go.Fragment,{children:[(0,go.jsx)(It,{id:t,...o}),(0,go.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var vl=require("react/jsx-runtime");var Ll=require("react/jsx-runtime");var Cl=require("react/jsx-runtime");var nb=require("react/jsx-runtime");var ib=require("react/jsx-runtime");var sb=require("react/jsx-runtime");var De=require("react/jsx-runtime"),db=Ze.options,cb=Ze.states,pb={...Ze.defaultOptions,variant:"vertical"},mb=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],ub=[],xa=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,De.jsxs)(Ze,{layout:"horizontal",...o,children:[(0,De.jsx)(We,{children:(0,De.jsx)(Ft,{id:"first",defaultChecked:!0,children:"Label"})}),(0,De.jsx)(We,{children:(0,De.jsx)(Ft,{id:"second",children:"Label"})}),(0,De.jsx)(We,{children:(0,De.jsx)(Ft,{id:"third",children:"Label"})})]}):(0,De.jsxs)(Ze,{...o,children:[(0,De.jsx)(We,{children:(0,De.jsx)(Ft,{id:"first",defaultChecked:!0,children:"Label"})}),(0,De.jsx)(We,{children:(0,De.jsx)(Ft,{id:"second",children:"Label"})}),(0,De.jsx)(We,{children:(0,De.jsx)(Ft,{id:"third",children:"Label"})})]})};xa.options=db;xa.states=cb;xa.variants=mb;xa.defaultOptions=pb;xa.modifiers=ub;var $s=require("react/jsx-runtime"),bb=It.options,fb=It.states,Tb=It.defaultOptions,hb=[],xb=[],Na=e=>(0,$s.jsx)(Ft,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});Na.options=bb;Na.states=fb;Na.variants=hb;Na.defaultOptions=Tb;Na.modifiers=xb;var Rt=require("react/jsx-runtime"),Ml="k-list-item",Nb=[n.hover,n.focus,n.selected,n.disabled],gb={},kb={},_=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:i,showCheckbox:c,checked:u,hover:x,focus:g,selected:L,disabled:k,actions:b,description:M,id:C,...w}=e,K=t\|\|e.children;return(0,Rt.jsxs)("li",{...w,id:C,role:a?"presentation":"option",tabIndex:a?void 0:g?0:-1,"aria-selected":!a&&L?"true":a?void 0:"false","aria-disabled":!a&&k?"true":void 0,className:r(e.className,a?"k-list-group-item":Ml,I(Ml,{hover:x,focus:g,disabled:k,selected:L})),children:[c&&(0,Rt.jsx)(Qe,{checked:u}),l&&(0,Rt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Rt.jsx)(v,{icon:l,className:r("k-list-item-icon",i)})}),(0,Rt.jsx)("span",{className:"k-list-item-text",children:K}),b&&(0,Rt.jsx)("div",{className:"k-list-item-actions",children:b}),M&&(0,Rt.jsx)("span",{className:"k-list-item-description",children:M}),o&&o!==""&&(0,Rt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};_.states=Nb;_.options=gb;_.className=Ml;_.defaultOptions=kb;_.moduleName=xo;_.folderName=Ro;_.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 Xs=require("react/jsx-runtime"),vb="k-list-ul",Vt=e=>{let{children:t,role:o,id:a,...l}=e;return(0,Xs.jsx)("ul",{...l,id:a,role:o,className:r(vb,e.className),children:t})};Vt.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"),Lb="k-list-content",q=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:i,...c}=e;return(0,Ko.jsxs)("div",{...c,className:r(Lb,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)(Vt,{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",{})})]})};q.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};var yl=require("react/jsx-runtime");var Bo=require("react/jsx-runtime"),Cb="k-list-group-item",ko=e=>{let{groupIconName:t,...o}=e;return(0,Bo.jsxs)("li",{...o,role:"presentation",className:r(Cb,e.className),children:[t&&(0,Bo.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Bo.jsx)(v,{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 Ws=require("react/jsx-runtime"),Sl="k-list-optionlabel",Mb=[n.hover,n.focus,n.selected,n.disabled],yb={},Sb={},ur=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...c}=e;return(0,Ws.jsx)("div",{...c,className:r(Sl,I(Sl,{hover:o,focus:a,selected:l,disabled:i})),children:t})};ur.states=Mb;ur.options=yb;ur.className=Sl;ur.defaultOptions=Sb;var Js=require("react/jsx-runtime"),Al="k-list-custom-value",Ab=[n.hover,n.focus,n.selected,n.disabled],wb={},Eb={},no=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...c}=e;return(0,Js.jsx)("div",{...c,className:r(Al,I(Al,{hover:o,focus:a,selected:l,disabled:i})),children:t})};no.states=Ab;no.options=wb;no.className=Al;no.defaultOptions=Eb;var wl=require("react/jsx-runtime");var El=require("react/jsx-runtime");var Il=require("react/jsx-runtime");var Rl=require("react/jsx-runtime");var Ib=require("react/jsx-runtime");var Ol=require("react/jsx-runtime");var qs="dropdown-list",Ys="dropdownlist";var me=require("react/jsx-runtime"),Qs="k-dropdownlist",Rb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Ob={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Pl={showValue:!0,arrowIconName:"caret-alt-down"},Y=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Pl.arrowIconName,showValue:i=Pl.showValue,valueIconName:c,prefix:u,suffix:x,value:g,placeholder:L,hover:k,focus:b,valid:M,invalid:C,required:w,loading:K,disabled:P,readonly:z,popup:ie,opened:xe,adaptive:Ve,adaptiveSettings:at,adaptiveTitle:rt,adaptiveSubtitle:Mo,adaptiveFilter:wr,...Fa}=e;return(0,me.jsxs)(me.Fragment,{children:[(0,me.jsxs)(At,{...Fa,size:t,rounded:o,fillMode:a,hover:k,focus:b,valid:M,invalid:C,required:w,loading:K,disabled:P,readonly:z,className:r(e.className,Qs,{"k-icon-picker":!i&&c}),children:[(0,me.jsx)(bt,{children:u}),(0,me.jsx)(To,{placeholder:L,value:g,showValue:i,valueIconName:c}),(0,me.jsx)($e,{valid:M,invalid:C,loading:K,disabled:P}),(0,me.jsx)(Ye,{loading:K,disabled:P}),(0,me.jsx)(ft,{children:x}),(0,me.jsx)(d,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":L\|\|"Toggle dropdown"})]}),xe&&ie&&(0,me.jsx)(re,{className:"k-list-container k-dropdownlist-popup",children:ie}),Ve&&(0,me.jsx)(fe,{adaptive:!0,...at,header:(0,me.jsx)(Xe,{actionsEnd:(0,me.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:wr,inputValue:g,inputPlaceholder:L,title:rt,subtitle:Mo}),children:(0,me.jsx)("div",{className:"k-list-container",children:(0,me.jsx)(F,{size:"large",children:(0,me.jsxs)(q,{children:[(0,me.jsx)(_,{text:"List item"}),(0,me.jsx)(_,{text:"List item"}),(0,me.jsx)(_,{text:"List item"})]})})})})]})};Y.states=Rb;Y.options=Ob;Y.className=Qs;Y.defaultOptions=Pl;Y.moduleName=qs;Y.folderName=Ys;var Pb=require("react/jsx-runtime");var Zs=require("react/jsx-runtime");var Hl=require("react/jsx-runtime");var Hb=require("react/jsx-runtime");var js=require("react/jsx-runtime");var Kl=require("react/jsx-runtime");var je=require("react/jsx-runtime"),Kb=Y.states,Bb=Y.defaultOptions,Gb=Y.options,Db=[{name:"opened",title:"Opened"}],_b=[],ka=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)(F,{style:{width:300},size:o.size,children:(0,je.jsxs)(q,{children:[(0,je.jsx)(_,{children:"List item"}),(0,je.jsx)(_,{children:"List item"}),(0,je.jsx)(_,{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)(Y,{placeholder:"Value",style:{width:300},...o,...a})})};ka.options=Gb;ka.states=Kb;ka.variants=_b;ka.defaultOptions=Bb;ka.modifiers=Db;var va=require("react/jsx-runtime"),ed="k-spin-button",Fb=[],Vb={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Bl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},io=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=Bl.increaseLabel,decreaseLabel:i=Bl.decreaseLabel,...c}=e;return(0,va.jsxs)("span",{...c,className:r(ed,e.className),children:[(0,va.jsx)(d,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),(0,va.jsx)(d,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};io.states=Fb;io.options=Vb;io.className=ed;io.defaultOptions=Bl;io.moduleName=null;io.folderName=null;var td="numeric-textbox",od="numerictextbox";var Ae=require("react/jsx-runtime"),ad="k-numerictextbox",$b=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Xb={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},br={showSpinButton:!0,showClearButton:!0,separators:!0},U=e=>{let{size:t,rounded:o,fillMode:a,separators:l=br.separators,showClearButton:i=br.showClearButton,showSpinButton:c=br.showSpinButton,prefix:u,suffix:x,value:g,placeholder:L,hover:k,focus:b,valid:M,invalid:C,required:w,loading:K,disabled:P,readonly:z,id:ie,"aria-label":xe,"aria-describedby":Ve,...at}=e;return(0,Ae.jsxs)(ve,{...at,size:t,rounded:o,fillMode:a,hover:k,focus:b,valid:M,invalid:C,required:w,loading:K,disabled:P,readonly:z,className:r(e.className,ad),children:[u&&(0,Ae.jsxs)(Ae.Fragment,{children:[(0,Ae.jsx)(bt,{children:u}),l&&(0,Ae.jsx)(Tt,{})]}),(0,Ae.jsx)(it,{id:ie,placeholder:L,value:g,role:"spinbutton",disabled:P,"aria-label":xe,"aria-describedby":Ve,"aria-invalid":C?"true":void 0}),(0,Ae.jsx)($e,{valid:M,invalid:C,loading:K,disabled:P}),(0,Ae.jsx)(Ye,{loading:K,disabled:P}),i&&(0,Ae.jsx)(nt,{loading:K,disabled:P,readonly:z,value:g}),x&&(0,Ae.jsxs)(Ae.Fragment,{children:[l&&(0,Ae.jsx)(Tt,{}),(0,Ae.jsx)(ft,{children:x})]}),c&&(0,Ae.jsx)(io,{className:"k-input-spinner",size:t,fillMode:a,disabled:P})]})};U.states=$b;U.options=Xb;U.className=ad;U.defaultOptions=br;U.moduleName=td;U.folderName=od;U.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 La=U;var ld=require("react/jsx-runtime"),rd=e=>(0,ld.jsx)(La,{...e});var nd=require("react/jsx-runtime");var id=require("react/jsx-runtime");var Wb=require("react/jsx-runtime");var fr=require("react/jsx-runtime"),Jb=U.states,qb=U.defaultOptions,Yb=U.options,Qb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Zb=[],Ca=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,fr.jsx)(Y,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,fr.jsx)(al,{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,fr.jsx)(rd,{value:"Value",style:{width:300},...o,...a})};Ca.options=Yb;Ca.states=Jb;Ca.variants=Zb;Ca.defaultOptions=qb;Ca.modifiers=Qb;var Gl="pager",sd=Gl;var Q=require("react/jsx-runtime"),Tr="k-pager",jb=[n.focus,n.disabled],ef={size:[s.undefined,s.small,s.medium,s.large]},dt={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},Le=e=>{let{responsive:t=dt.responsive,size:o,pagerSizeInfo:a=dt.pagerSizeInfo,pageTitleInfo:l=dt.pageTitleInfo,maxPagesInfo:i=dt.maxPagesInfo,itemsPerPage:c=dt.itemsPerPage,maxPages:u=dt.maxPages,currentPage:x=dt.currentPage,previousNext:g=dt.previousNext,type:L=dt.type,pageSizes:k=dt.pageSizes,refresh:b=dt.refresh,info:M=dt.info,focus:C,disabled:w,dir:K,...P}=e,z=[],ie=[];for(let xe=1;xe<=u;xe++)z.push((0,Q.jsx)(d,{selected:xe===x,fillMode:"flat",themeColor:"primary",size:o,children:xe})),ie.push((0,Q.jsx)("option",{selected:xe===x,children:xe}));return(0,Q.jsxs)("div",{dir:K,...P,className:r(e.className,Tr,S(Tr,{size:o}),I(Tr,{focus:C,disabled:w}),{"k-pager-responsive":t}),children:[(0,Q.jsxs)("div",{className:r("k-pager-numbers-wrap"),children:[g&&(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(d,{className:r("k-pager-nav","k-pager-first"),disabled:x===1&&!w,fillMode:"flat",size:o,icon:K==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),(0,Q.jsx)(d,{className:r("k-pager-nav"),disabled:x===1&&!w,fillMode:"flat",size:o,icon:K==="rtl"?"caret-alt-right":"caret-alt-left"})]}),L==="numeric"&&(0,Q.jsx)("div",{className:r("k-pager-numbers"),children:z}),L==="input"&&(0,Q.jsxs)("span",{className:r("k-pager-input"),children:[l&&(0,Q.jsx)("span",{children:"Page"}),(0,Q.jsx)(U,{value:`${x}`,size:o,showSpinButton:!1,showClearButton:!1}),(0,Q.jsx)("span",{children:i&&`of ${u}`})]}),g&&(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(d,{className:r("k-pager-nav"),disabled:x===u&&!w,fillMode:"flat",size:o,icon:K==="rtl"?"caret-alt-left":"caret-alt-right"}),(0,Q.jsx)(d,{className:r("k-pager-nav","k-pager-last"),disabled:x===u&&!w,fillMode:"flat",size:o,icon:K==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),k&&(0,Q.jsxs)("span",{className:r("k-pager-sizes"),children:[(0,Q.jsx)(Y,{value:`${c}`,size:o}),a&&(0,Q.jsx)("span",{children:"items per page"})]}),b&&(0,Q.jsx)(d,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),M&&(0,Q.jsx)("span",{className:r("k-pager-info"),children:M})]})};Le.states=jb;Le.options=ef;Le.className=Tr;Le.defaultOptions=dt;Le.moduleName=Gl;Le.folderName=sd;var tf=require("react/jsx-runtime");var of=require("react/jsx-runtime");var af=require("react/jsx-runtime");var Dl=require("react/jsx-runtime"),rf=Le.options,lf=Le.states,nf={...Le.defaultOptions,variant:"numeric"},sf=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],df=[],Ma=e=>{let{variant:t,...o}=e;return t==="input"?(0,Dl.jsx)(Le,{...o,type:"input"}):(0,Dl.jsx)(Le,{...o,type:"numeric"})};Ma.options=rf;Ma.states=lf;Ma.variants=sf;Ma.defaultOptions=nf;Ma.modifiers=df;var cd=require("react/jsx-runtime"),dd="k-grid-pager",Ot=e=>(0,cd.jsx)(Le,{...e,className:r(e.className,dd),children:e.children});Ot.className=dd;Ot.moduleName=$;Ot.folderName=X;var _l="button",pd=_l;var md=require("react/jsx-runtime"),ya="k-button-group",cf=[n.disabled],pf={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},mf={},D=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return(0,md.jsx)("div",{role:"group",...l,className:r(e.className,ya,S(ya,{fillMode:t}),I(ya,{disabled:o}),{[`${ya}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};D.states=cf;D.options=pf;D.className=ya;D.defaultOptions=mf;D.moduleName=_l;D.folderName=pd;D.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var zl=require("react/jsx-runtime");var Ul=require("react/jsx-runtime");var Fl=require("react/jsx-runtime");var Vl=require("react/jsx-runtime");var $l=require("react/jsx-runtime");var Xl=require("react/jsx-runtime");var et=require("react/jsx-runtime"),uf={...d.options,...D.options},bf=d.states,ff={...d.defaultOptions,...D.defaultOptions,variant:"text-button"},Tf=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],hf=[],Sa=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,et.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,et.jsx)(d,{...a,icon:"star"}),(0,et.jsx)(d,{...a,icon:"star"}),(0,et.jsx)(d,{...a,icon:"star"})]}):t==="icon-text-button"?(0,et.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,et.jsx)(d,{...a,icon:"star",children:"First"}),(0,et.jsx)(d,{...a,icon:"star",children:"Middle"}),(0,et.jsx)(d,{...a,icon:"star",children:"Last"})]}):(0,et.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,et.jsx)(d,{...a,children:"First"}),(0,et.jsx)(d,{...a,children:"Middle"}),(0,et.jsx)(d,{...a,children:"Last"})]})};Sa.options=uf;Sa.states=bf;Sa.variants=Tf;Sa.defaultOptions=ff;Sa.modifiers=hf;var Aa=require("react/jsx-runtime"),ud="k-color-preview",xf=[],Nf={},so=e=>{let{color:t,iconName:o,...a}=e;return(0,Aa.jsxs)("span",{...a,className:r(e.className,ud,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Aa.jsx)(v,{icon:o,className:"k-color-preview-icon"}),(0,Aa.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};so.states=xf;so.options=Nf;so.className=ud;var Wl="slider",bd=Wl;var Ct=require("react/jsx-runtime"),wa="k-slider",gf=[n.hover,n.focus,n.active,n.disabled,n.readonly],kf={},gt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ne=e=>{let{type:t=gt.type,orientation:o=gt.orientation,gradientType:a=gt.gradientType,readonly:l=gt.readonly,disabled:i=gt.disabled,handlePosition:c=gt.handlePosition,showButtons:u=gt.showButtons,showTicks:x=gt.showTicks,value:g=gt.value,min:L=gt.min,max:k=gt.max,startValue:b,endValue:M,hover:C,focus:w,active:K,trackStyle:P,dir:z,...ie}=e,Ve=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),at,rt;return o==="horizontal"?(at=z==="rtl"?"caret-alt-left":"caret-alt-right",rt=z==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(at="caret-alt-up",rt="caret-alt-down"),(0,Ct.jsxs)("div",{...ie,className:r(wa,e.className,I(wa,{readonly:l,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:z,children:[u&&(0,Ct.jsx)(d,{className:"k-button-decrease",rounded:"full",icon:rt,tabIndex:-1,title:"Decrease"}),(0,Ct.jsxs)("div",{className:"k-slider-track-wrap",children:[x&&(0,Ct.jsx)("ul",{className:"k-reset k-slider-items",children:e.children}),(0,Ct.jsxs)("div",{className:"k-slider-track",style:P,children:[(0,Ct.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Ct.jsx)("span",{className:r("k-draghandle","k-draghandle-start",I(wa,{hover:C,focus:w,active:K})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":b??L,"aria-valuemin":L,"aria-valuemax":M??k,"aria-orientation":Ve,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":ie["aria-label"]?`${ie["aria-label"]} start`:"Range start"}),(0,Ct.jsx)("span",{className:r("k-draghandle",`k-draghandle-${c}`,I(wa,{hover:C,focus:w,active:K})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?M??k:g,"aria-valuemin":t==="range"?b??L:L,"aria-valuemax":k,"aria-orientation":Ve,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?ie["aria-label"]?`${ie["aria-label"]} end`:"Range end":ie["aria-label"]})]})]}),u&&(0,Ct.jsx)(d,{className:"k-button-increase",rounded:"full",icon:at,tabIndex:-1,title:"Increase"})]})};ne.states=gf;ne.options=kf;ne.className=wa;ne.defaultOptions=gt;ne.moduleName=Wl;ne.folderName=bd;ne.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 Jl=require("react/jsx-runtime"),fd="k-tick",vf=[],Lf={},Td={label:!1},B=e=>{let{style:t,label:o=Td.label,orientation:a,large:l,text:i,...c}=e;return(0,Jl.jsx)("li",{...c,className:r(e.className,fd,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&(0,Jl.jsx)("span",{className:"k-label",children:i})})};B.states=vf;B.options=Lf;B.className=fd;B.defaultOptions=Td;var we=require("react/jsx-runtime"),hd=e=>(0,we.jsx)(ne,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,we.jsxs)(we.Fragment,{children:[(0,we.jsx)(B,{className:"k-first",label:!0,large:!0,text:"0"}),(0,we.jsx)(B,{}),(0,we.jsx)(B,{}),(0,we.jsx)(B,{}),(0,we.jsx)(B,{}),(0,we.jsx)(B,{label:!0,large:!0,text:"5"}),(0,we.jsx)(B,{}),(0,we.jsx)(B,{}),(0,we.jsx)(B,{}),(0,we.jsx)(B,{}),(0,we.jsx)(B,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Ee=require("react/jsx-runtime"),xd=e=>(0,Ee.jsx)(ne,{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"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var ql=require("react/jsx-runtime");var Yl=require("react/jsx-runtime");var Nd=require("react/jsx-runtime"),Ql=e=>(0,Nd.jsx)(ne,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var gd=require("react/jsx-runtime"),Zl=e=>(0,gd.jsx)(ne,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var jl=require("react/jsx-runtime");var en=require("react/jsx-runtime");var tt=require("react/jsx-runtime"),Cf=ne.options,Mf=ne.states,kd={...ne.defaultOptions,variant:"horizontal",label:!0},yf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Sf=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ea=e=>{let{variant:t,modifiers:o,...a}={...kd,...e},l={};Object.keys(o\|\|{}).forEach(g=>{switch(g){case"button":{l.showButtons=!!(o!=null&&o[g]);break}case"label":{l.label=!!(o!=null&&o[g]);break}case"tick":{l.showTicks=!!(o!=null&&o[g]);break}}});let{label:i=!0,showButtons:c,showTicks:u}=l,x={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,tt.jsxs)(xd,{showTicks:u,showButtons:c,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)(hd,{showTicks:u,showButtons:c,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%"}})]})};Ea.options=Cf;Ea.states=Mf;Ea.variants=yf;Ea.defaultOptions=kd;Ea.modifiers=Sf;var A=require("react/jsx-runtime"),vd="k-colorgradient-inputs",Af=[],wf={size:[s.undefined,s.small,s.medium,s.large]},Ld={mode:"rgba"},Go=e=>{let{mode:t=Ld.mode,size:o,...a}=e;return(0,A.jsxs)("div",{...a,className:r(vd,"k-hstack"),children:[(0,A.jsx)("div",{className:"k-vstack",children:(0,A.jsx)(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,A.jsx)(A.Fragment,{children:(0,A.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,A.jsx)(le,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Go.states=Af;Go.options=wf;Go.className=vd;Go.defaultOptions=Ld;var _e=require("react/jsx-runtime"),Cd="k-colorgradient-color-contrast",Ef=[],If={},Rf={},Do=()=>(0,_e.jsxs)("div",{className:r(Cd,"k-vbox"),children:[(0,_e.jsxs)("div",{className:"k-contrast-ratio",children:[(0,_e.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,_e.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,_e.jsx)(v,{icon:"check"}),(0,_e.jsx)(v,{icon:"check"})]})]}),(0,_e.jsxs)("div",{children:[(0,_e.jsx)("span",{children:"AA: 4.5"}),(0,_e.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,_e.jsx)(v,{icon:"check"})]})]}),(0,_e.jsxs)("div",{children:[(0,_e.jsx)("span",{children:"AAA: 7.0"}),(0,_e.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,_e.jsx)(v,{icon:"x"})]})]})]});Do.states=Ef;Do.options=If;Do.className=Cd;Do.defaultOptions=Rf;var Md="color-gradient",yd="colorgradient";var Ce=require("react/jsx-runtime"),hr="k-colorgradient",Of=[n.hover,n.focus,n.readonly,n.disabled],Pf={size:[s.undefined,s.small,s.medium,s.large]},Pt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},Ie=e=>{let{size:t,mode:o=Pt.mode,readonly:a=Pt.readonly,disabled:l=Pt.disabled,gradientStyle:i=Pt.gradientStyle,dragHandleStyle:c=Pt.dragHandleStyle,alphaStyle:u=Pt.alphaStyle,alphaStyleHorizontal:x=Pt.alphaStyleHorizontal,contrast:g=Pt.contrast,dir:L,hover:k,focus:b,hoverHandle:M,focusHandle:C,canvasOrientation:w=Pt.canvasOrientation,role:K,tabIndex:P,...z}=e;return(0,Ce.jsxs)("div",{...z,role:K??"textbox","aria-label":K==="none"?void 0:"Color gradient",tabIndex:P??0,"aria-disabled":l?"true":void 0,className:r(e.className,hr,S(hr,{size:t}),I(hr,{hover:k,focus:b,readonly:a,disabled:l})),dir:L,children:[!w\|\|w==="horizontal"&&(0,Ce.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,Ce.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,Ce.jsx)("div",{className:"k-hsv-gradient",children:(0,Ce.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,Ce.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,Ce.jsx)(Zl,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&(0,Ce.jsx)(Zl,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:u})]})]}),w==="vertical"&&(0,Ce.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,Ce.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,Ce.jsx)("div",{className:"k-hsv-gradient",children:(0,Ce.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,Ce.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,Ce.jsx)(Ql,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&(0,Ce.jsx)(Ql,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:x})]})]}),(0,Ce.jsx)(Go,{mode:e.mode,size:t}),g&&(0,Ce.jsx)(Do,{})]})};Ie.states=Of;Ie.options=Pf;Ie.className=hr;Ie.defaultOptions=Pt;Ie.moduleName=Md;Ie.folderName=yd;Ie.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};var Sd=require("react/jsx-runtime"),xr=e=>(0,Sd.jsx)(Ie,{...e});var Hf=require("react/jsx-runtime");var Kf=require("react/jsx-runtime");var Nr=require("react/jsx-runtime"),Bf=Ie.options,Gf=Ie.states,Df={...Ie.defaultOptions,variant:"rgba"},_f=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],zf=[],Ia=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,Nr.jsx)(xr,{...o,mode:t});case"rgb":return(0,Nr.jsx)(xr,{...o,mode:t});default:return(0,Nr.jsx)(xr,{...o,mode:t})}};Ia.options=Bf;Ia.states=Gf;Ia.variants=_f;Ia.defaultOptions=Df;Ia.modifiers=zf;var Ad=require("react/jsx-runtime"),tn=e=>(0,Ad.jsx)("tr",{role:"row",children:e.children});var wd=require("react/jsx-runtime"),on="k-colorpalette-tile",Uf=[n.hover,n.focus,n.selected],Ff={},_o=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:i,...c}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,wd.jsx)("td",{...c,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,on,I(on,{hover:a,focus:l,selected:i})),style:u})};_o.states=Uf;_o.options=Ff;_o.className=on;var Ed="color-palette",Id="colorpalette";var zo=require("react/jsx-runtime"),gr="k-colorpalette",Vf=[n.disabled],$f={size:[s.undefined,s.small,s.medium,s.large]},Rd={columns:10},ot=e=>{let{size:t,palette:o,columns:a=Rd.columns,tileSize:l,disabled:i,...c}=e,u=[];if(o){let x=a\|\|o.columns,g=o.colors?o.colors:o;Array.isArray(g)&&Array.from({length:Math.ceil(g.length/x)},(L,k)=>{let b=[];g.slice(kx,(k+1)x).map((C,w)=>{b.push((0,zo.jsx)(_o,{color:C,tileSize:l},w))});let M=(0,zo.jsx)(tn,{children:b},k);u.push(M)})}return(0,zo.jsx)("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,gr,I(gr,{disabled:i}),S(gr,{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=Vf;ot.options=$f;ot.className=gr;ot.defaultOptions=Rd;ot.moduleName=Ed;ot.folderName=Id;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 kr=ot;var Ra={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 Pd=require("react/jsx-runtime"),Od=e=>(0,Pd.jsx)(kr,{palette:Ra.basic,...e});var Xf=require("react/jsx-runtime");var Hd=require("react/jsx-runtime");var Kd=require("react/jsx-runtime"),Wf=ot.options,Jf=ot.states,qf={...ot.defaultOptions,variant:"basic"},Yf=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Qf={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}},Zf=[],Oa=e=>{let{variant:t="basic",...o}=e,a=Qf[t];return(0,Kd.jsx)(Od,{columns:a.columns,palette:a,...o})};Oa.options=Wf;Oa.states=Jf;Oa.variants=Yf;Oa.defaultOptions=qf;Oa.modifiers=Zf;var Bd="color-editor",Gd="coloreditor";var Te=require("react/jsx-runtime"),vr="k-coloreditor",jf=[n.focus],eT={size:[s.undefined,s.small,s.medium,s.large]},Pa={view:"gradient",palette:Ra.office,actionButtons:!0,canvasOrientation:"horizontal"},he=e=>{let{size:t,view:o=Pa.view,palette:a=Pa.palette,color:l,currentColor:i,focus:c,focusView:u,dir:x,group:g,actionButtons:L=Pa.actionButtons,canvasOrientation:k=Pa.canvasOrientation,...b}=e;return(0,Te.jsxs)("div",{...b,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",vr,S(vr,{size:t}),I(vr,{focus:c})),dir:x,children:[(0,Te.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,Te.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:g&&(0,Te.jsxs)(D,{fillMode:"flat",children:[(0,Te.jsx)(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,Te.jsx)(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,Te.jsx)("div",{className:"k-spacer"}),(0,Te.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,Te.jsx)(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,Te.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,Te.jsx)(so,{className:"k-coloreditor-preview-color",color:l}),(0,Te.jsx)(so,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,Te.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,Te.jsx)(Ie,{focus:u,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):(0,Te.jsx)(ot,{palette:a,size:t})}),L&&(0,Te.jsxs)(Et,{className:"k-coloreditor-footer",alignment:"start",children:[(0,Te.jsx)(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,Te.jsx)(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};he.states=jf;he.options=eT;he.className=vr;he.defaultOptions=Pa;he.moduleName=Bd;he.folderName=Gd;he.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=he;var tT=require("react/jsx-runtime");var oT=require("react/jsx-runtime");var _d=require("react/jsx-runtime"),Dd=e=>(0,_d.jsx)(Uo,{group:!0,currentColor:"fuchsia",...e});var Ud=require("react/jsx-runtime"),zd=e=>(0,Ud.jsx)(Uo,{view:"palette",group:!0,currentColor:"fuchsia",...e});var an=require("react/jsx-runtime"),aT=he.options,rT=he.states,lT={...he.defaultOptions,variant:"gradient"},nT=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],iT=[],Ha=e=>{let{variant:t,...o}=e;return t==="palette"?(0,an.jsx)(zd,{...o,color:"white"}):(0,an.jsx)(Dd,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Ha.options=aT;Ha.states=rT;Ha.variants=nT;Ha.defaultOptions=lT;Ha.modifiers=iT;var Fd="color-picker",Vd="colorpicker";var Me=require("react/jsx-runtime"),$d="k-colorpicker",sT=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],dT={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Xd={arrowIconName:"caret-alt-down"},ct=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Xd.arrowIconName,prefix:i,suffix:c,value:u,placeholder:x,hover:g,focus:L,valid:k,invalid:b,required:M,disabled:C,valueIconName:w,popup:K,opened:P,adaptive:z,adaptiveSettings:ie,adaptiveTitle:xe,adaptiveSubtitle:Ve,...at}=e,rt="colorpicker-popup";return(0,Me.jsxs)(Me.Fragment,{children:[(0,Me.jsxs)(At,{...at,size:t,rounded:o,fillMode:a,hover:g,focus:L,valid:k,invalid:b,required:M,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":P?"true":"false","aria-controls":P\|\|z?rt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:r(e.className,$d,"k-icon-picker"),children:[(0,Me.jsx)(bt,{children:i}),(0,Me.jsx)(To,{placeholder:x,value:u,showValue:!1,valueIcon:(0,Me.jsx)(so,{className:"k-value-icon",color:u,iconName:w}),valueIconName:w}),(0,Me.jsx)(ft,{children:c}),(0,Me.jsx)(d,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),P&&K&&(0,Me.jsx)(re,{id:rt,className:"k-colorpicker-popup",children:K}),z&&(0,Me.jsx)(fe,{adaptive:!0,id:rt,...ie,header:(0,Me.jsx)(Xe,{actionsEnd:(0,Me.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:xe,subtitle:Ve}),footer:(0,Me.jsxs)(oo,{children:[(0,Me.jsx)(d,{text:"Cancel",size:"large"}),(0,Me.jsx)(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,Me.jsx)(he,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};ct.states=sT;ct.options=dT;ct.className=$d;ct.defaultOptions=Xd;ct.moduleName=Fd;ct.folderName=Vd;ct.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 co=ct;var Wd=require("react/jsx-runtime"),Lr=e=>(0,Wd.jsx)(co,{...e});var cT=require("react/jsx-runtime");var pT=require("react/jsx-runtime");var mT=require("react/jsx-runtime");var uT=require("react/jsx-runtime");var bT=require("react/jsx-runtime");var fT=require("react/jsx-runtime");var po=require("react/jsx-runtime"),TT=co.options,hT=co.states,Jd={...co.defaultOptions,variant:"color"},xT=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],NT=[{name:"opened",title:"Opened"}],Ka=e=>{let{variant:t,modifiers:o,...a}={...Jd,...e},l={};Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(l.opened=!!(o!=null&&o[c]),l.popup=o!=null&&o[c]?(0,po.jsx)(he,{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,po.jsx)("div",{style:i,children:(0,po.jsx)(Lr,{...a,...l})});case"icon":return(0,po.jsx)("div",{style:i,children:(0,po.jsx)(Lr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return(0,po.jsx)("div",{style:i,children:(0,po.jsx)(Lr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};Ka.options=TT;Ka.states=hT;Ka.variants=xT;Ka.defaultOptions=Jd;Ka.modifiers=NT;var rn="combobox",qd=rn;var J=require("react/jsx-runtime"),Yd="k-combobox",gT=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],kT={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Qd={separators:!0},Je=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Qd.separators,prefix:i,suffix:c,value:u,placeholder:x,hover:g,focus:L,valid:k,invalid:b,required:M,loading:C,disabled:w,popup:K,opened:P,readonly:z,adaptive:ie,adaptiveSettings:xe,adaptiveTitle:Ve,adaptiveSubtitle:at,adaptiveCustomValue:rt,id:Mo,autocomplete:wr,activeDescendant:Fa,"aria-label":Vc,...$c}=e,Xc=Mo?`${Mo}-listbox`:void 0;return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(ve,{...$c,size:t,rounded:o,fillMode:a,hover:g,focus:L,valid:k,invalid:b,required:M,loading:C,disabled:w,readonly:z,className:r(e.className,Yd),children:[i&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(bt,{children:i}),l&&(0,J.jsx)(Tt,{})]}),(0,J.jsx)(it,{placeholder:x,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":P?"true":"false","aria-controls":P?Xc:void 0,"aria-activedescendant":P&&Fa?Fa:void 0,"aria-autocomplete":wr,"aria-invalid":b?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":Vc,disabled:w,readOnly:z}),(0,J.jsx)($e,{valid:k,invalid:b,loading:C,disabled:w}),(0,J.jsx)(Ye,{loading:C,disabled:w}),(0,J.jsx)(nt,{loading:C,disabled:w,readonly:z,value:u}),c&&(0,J.jsxs)(J.Fragment,{children:[l&&(0,J.jsx)(Tt,{}),(0,J.jsx)(ft,{children:c})]}),(0,J.jsx)(d,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:w})]}),P&&K&&(0,J.jsx)(re,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:K}),ie&&(0,J.jsx)(fe,{adaptive:!0,id:Mo?`${Mo}-adaptive`:void 0,...xe,header:(0,J.jsx)(Xe,{actionsEnd:(0,J.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:x,title:Ve,subtitle:at}),children:(0,J.jsx)("div",{className:"k-list-container",children:(0,J.jsx)(F,{customValue:rt?(0,J.jsx)(no,{text:`Use "${u}"`}):void 0,size:"large",children:(0,J.jsxs)(q,{"aria-label":Ve\|\|"Options",children:[(0,J.jsx)(_,{text:"List item"}),(0,J.jsx)(_,{text:"List item"}),(0,J.jsx)(_,{text:"List item"})]})})})})]})};Je.states=gT;Je.options=kT;Je.className=Yd;Je.defaultOptions=Qd;Je.moduleName=rn;Je.folderName=qd;Je.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 pt=Je;var jd=require("react/jsx-runtime"),Zd=e=>(0,jd.jsx)(pt,{...e});var ec=require("react/jsx-runtime");var tc=require("react/jsx-runtime");var oc=require("react/jsx-runtime");var ac=require("react/jsx-runtime");var rc=require("react/jsx-runtime");var lc=require("react/jsx-runtime");var ln=require("react/jsx-runtime");var vT=require("react/jsx-runtime");var LT=require("react/jsx-runtime");var nc=require("react/jsx-runtime");var ic=require("react/jsx-runtime");var Mt=require("react/jsx-runtime"),CT=Je.states,MT=Je.defaultOptions,yT=Je.options,ST=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],AT=[],Ba=e=>{let{modifiers:t,...o}=e,a={},l=(0,Mt.jsx)(F,{style:{width:300},size:o.size,children:(0,Mt.jsxs)(q,{children:[(0,Mt.jsx)(_,{children:"List item"}),(0,Mt.jsx)(_,{children:"List item"}),(0,Mt.jsx)(_,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,Mt.jsx)(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,Mt.jsx)(to,{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,Mt.jsx)("div",{children:(0,Mt.jsx)(Zd,{value:"Value",style:{width:300},...o,...a})})};Ba.options=yT;Ba.states=CT;Ba.variants=AT;Ba.defaultOptions=MT;Ba.modifiers=ST;var nn="menu-button",sc=nn;var cc=require("react/jsx-runtime"),dc="k-menu-button",wT=[n.hover,n.focus,n.active,n.selected,n.disabled],ET={size:[s.undefined,s.small,s.medium,s.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]},sn={showArrow:!0,arrowIconName:"caret-alt-down"},Z=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:u,selected:x,disabled:g,icon:L,text:k,showArrow:b=sn.showArrow,arrowIconName:M=sn.arrowIconName,expanded:C,...w}=e;return(0,cc.jsx)(d,{...w,className:r(e.className,dc),text:k,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:u,selected:x,disabled:g,icon:L,showArrow:b,arrowIconName:M,"aria-expanded":C?"true":"false",...!k&&L&&!e["aria-label"]&&{"aria-label":"Menu"},...g&&{"aria-disabled":"true"}})};Z.states=wT;Z.options=ET;Z.className=dc;Z.defaultOptions=sn;Z.moduleName=nn;Z.folderName=sc;Z.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 IT=require("react/jsx-runtime");var RT=require("react/jsx-runtime");var OT=require("react/jsx-runtime");var mt="menu",kt=mt;var $t=require("react/jsx-runtime"),dn="k-menu-item",PT=[n.hover,n.focus,n.active,n.selected,n.disabled],HT={},pc={iconPosition:"before"},ze=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:c,text:u,first:x,last:g,showArrow:L,arrowIconName:k,iconPosition:b=pc.iconPosition,dir:M,children:C,expanded:w,...K}=e,P=k;return P\|\|(P=M==="rtl"?"caret-alt-left":"caret-alt-right"),(0,$t.jsxs)("li",{...K,className:r(e.className,dn,"k-item",I(dn,{focus:o,disabled:i,hover:t,active:a,selected:l}),{"k-first":x,"k-last":g}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":w?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,$t.jsxs)("span",{className:r("k-link k-menu-link"),children:[c&&b==="before"&&(0,$t.jsx)(v,{className:"k-menu-link-icon",icon:c}),(0,$t.jsx)("span",{className:"k-menu-link-text",children:u}),c&&b==="after"&&(0,$t.jsx)(v,{className:"k-menu-link-icon",icon:c}),L&&(0,$t.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,$t.jsx)(v,{icon:P})})]}),C]})};ze.states=PT;ze.options=HT;ze.className=dn;ze.defaultOptions=pc;ze.moduleName=mt;ze.folderName=kt;var Xt=require("react/jsx-runtime"),cn="k-menu-item",KT=[n.hover,n.focus,n.active,n.selected,n.disabled],BT={},pn={dir:"ltr",iconPosition:"before"},ue=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:c,text:u,first:x,last:g,showArrow:L,arrowIconName:k,iconPosition:b=pn.iconPosition,dir:M=pn.dir,children:C,popup:w,expanded:K,...P}=e,z=k;return z\|\|(z=M==="rtl"?"caret-alt-left":"caret-alt-right"),(0,Xt.jsxs)("li",{...P,className:r(e.className,cn,"k-item",I(cn,{focus:o,disabled:i}),{"k-first":x,"k-last":g}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":K?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Xt.jsxs)("span",{className:r("k-link k-menu-link",I("k-menu-link",{hover:t,active:a,selected:l,disabled:i})),children:[c&&b==="before"&&(0,Xt.jsx)(v,{className:"k-menu-link-icon",icon:c}),(0,Xt.jsx)("span",{className:"k-menu-link-text",children:u}),c&&b==="after"&&(0,Xt.jsx)(v,{className:"k-menu-link-icon",icon:c}),L&&(0,Xt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Xt.jsx)(v,{icon:z})})]}),C,w]})};ue.states=KT;ue.options=BT;ue.className=cn;ue.defaultOptions=pn;ue.moduleName=mt;ue.folderName=kt;var bc=require("react/jsx-runtime"),mc="k-menu-scroll-wrapper",GT=[],DT={},_T={},vo=e=>{let{className:t,children:o,orientation:a,...l}=e;return(0,bc.jsx)("div",{...l,className:r(t,mc,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};vo.states=GT;vo.options=DT;vo.className=mc;vo.defaultOptions=_T;vo.moduleName=mt;vo.folderName=kt;var uc=vo;var Re=require("react/jsx-runtime"),mn="k-menu",zT=[],UT={},Mr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Oe=e=>{let{children:t,orientation:o=Mr.orientation,header:a=Mr.header,scrollable:l,scrollButtonsPosition:i=Mr.scrollButtonsPosition,wrapperStyles:c,dir:u,popup:x,contextMenu:g,...L}=e,k={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=(0,Re.jsx)("ul",{dir:u,...L,className:r(e.className,"k-reset",mn,{[`${mn}-${o}`]:o,"k-header":a}),role:g?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Re.jsxs)(Re.Fragment,{children:[l?(0,Re.jsxs)(uc,{orientation:o,style:c,dir:e.dir,children:[i==="start"&&(0,Re.jsxs)(Re.Fragment,{children:[(0,Re.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Re.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,Re.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),b,i==="end"&&(0,Re.jsxs)(Re.Fragment,{children:[(0,Re.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Re.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,Re.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):b,x]})};Oe.states=zT;Oe.options=UT;Oe.className=mn;Oe.defaultOptions=Mr;Oe.moduleName=mt;Oe.folderName=kt;Oe.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-haspopup=menu",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-expanded=true/false",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item[aria-haspopup][aria-controls]",attribute:"aria-controls=ul.k-menu-group id",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var Tc=require("react/jsx-runtime"),un="k-separator",fc={orientation:"horizontal"},Fo=e=>{let{orientation:t=fc.orientation,...o}=e;return(0,Tc.jsx)("li",{...o,className:r(e.className,"k-item",un,{[`${un}-${t}`]:t}),role:"separator"})};Fo.className=un;Fo.defaultOptions=fc;Fo.moduleName=mt;Fo.folderName=kt;var hc=require("react/jsx-runtime");var xc=require("react/jsx-runtime"),bn="k-menu-group",FT=[],VT={size:[s.undefined,s.small,s.medium,s.large]},$T={},Ue=e=>{let{children:t,size:o,...a}=e;return(0,xc.jsx)("ul",{...a,className:r(e.className,bn,S(bn,{size:o})),role:"menu",children:t})};Ue.states=FT;Ue.options=VT;Ue.className=bn;Ue.defaultOptions=$T;Ue.moduleName=mt;Ue.folderName=kt;var yt=require("react/jsx-runtime"),fn=e=>(0,yt.jsx)(Oe,{children:(0,yt.jsxs)(yt.Fragment,{children:[(0,yt.jsx)(ze,{first:!0,text:"Item 1"}),(0,yt.jsx)(ze,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,yt.jsx)(ze,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,yt.jsx)(ze,{text:"Item 4"}),(0,yt.jsx)(ze,{last:!0,text:"Item 5"})]}),...e});var Tn=require("react/jsx-runtime");var hn=require("react/jsx-runtime");var xn=require("react/jsx-runtime");var Nn=require("react/jsx-runtime");var Ht=require("react/jsx-runtime"),XT=Oe.options,WT=Oe.states,Nc={...Oe.defaultOptions,variant:"horizontal"},JT=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],qT=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ga=e=>{let{variant:t,modifiers:o,...a}={...Nc,...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,Ht.jsx)(re,{className:"k-menu-popup",children:(0,Ht.jsxs)(Ue,{children:[(0,Ht.jsx)(ue,{text:"Item 1"}),(0,Ht.jsx)(ue,{text:"Item 2"}),(0,Ht.jsx)(Fo,{}),(0,Ht.jsx)(ue,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Ht.jsx)(fn,{...a,...l,orientation:"vertical",style:{width:"200px"}}):(0,Ht.jsx)(fn,{...a,...l})};Ga.options=XT;Ga.states=WT;Ga.variants=JT;Ga.defaultOptions=Nc;Ga.modifiers=qT;var gn=require("react/jsx-runtime");var YT=require("react/jsx-runtime");var Fe=require("react/jsx-runtime"),QT=d.states,gc={...d.defaultOptions,variant:"text"},ZT=d.options,jT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],eh=[{name:"opened",title:"Opened"}],Da=e=>{let{variant:t,modifiers:o,...a}={...gc,...e},l={},i=(0,Fe.jsx)(re,{className:"k-menu-popup",children:(0,Fe.jsxs)(Ue,{size:a.size,children:[(0,Fe.jsx)(ue,{first:!0,text:"Menu Item"}),(0,Fe.jsx)(ue,{text:"Menu Item"}),(0,Fe.jsx)(ue,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=(0,Fe.jsx)("div",{children:(0,Fe.jsx)(Z,{...a,...l,icon:"star"})});break;case"icon-and-text":c=(0,Fe.jsx)("div",{children:(0,Fe.jsx)(Z,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:c=(0,Fe.jsx)("div",{children:(0,Fe.jsx)(Z,{...a,...l,children:"Dropdown Button"})});break}return(0,Fe.jsxs)(Fe.Fragment,{children:[c,(o==null?void 0:o.opened)&&i]})};Da.options=ZT;Da.states=QT;Da.variants=jT;Da.defaultOptions=gc;Da.modifiers=eh;var kn="split-button",kc=kn;var Wt=require("react/jsx-runtime"),vn="k-split-button",th=[n.hover,n.focus,n.active,n.selected,n.disabled],oh={size:[s.undefined,s.small,s.medium,s.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]},vc={arrowIconName:"caret-alt-down"},V=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:u,selected:x,disabled:g,icon:L,text:k,arrowIconName:b=vc.arrowIconName,popup:M,opened:C,popupId:w,...K}=e;return(0,Wt.jsxs)(Wt.Fragment,{children:[(0,Wt.jsxs)("div",{...K,className:r(e.className,vn,"k-button-group",S(vn,{rounded:o})),children:[(0,Wt.jsx)(d,{text:k,icon:L,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:u,selected:x,disabled:g,...!k&&!e.children&&L&&{"aria-label":"Action"},children:e.children}),(0,Wt.jsx)(d,{className:"k-split-button-arrow",icon:b,size:t,rounded:o,fillMode:a,disabled:g,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?w:void 0,tabIndex:-1,...g&&{"aria-disabled":"true"}})]}),C&&M&&(0,Wt.jsx)(re,{className:"k-menu-popup",children:M})]})};V.states=th;V.options=oh;V.className=vn;V.defaultOptions=vc;V.moduleName=kn;V.folderName=kc;V.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Ln=V;var Lc=require("react/jsx-runtime"),ah="k-toolbar-separator",St=e=>(0,Lc.jsx)("div",{className:r(ah,e.className,"k-separator")});var Jt="toolbar",mo=Jt;var G=require("react/jsx-runtime"),qt="k-toolbar",rh=[n.focus],lh={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},nh={scrollButtons:"around"},j=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:i,scrollButtons:c,scrollingPosition:u,section:x,...g}=e,L=[],k=(b,M)=>{let C=[];if(b.type===d&&b.props.className&&b.props.className.includes("k-toolbar-overflow-button"))C.push((0,G.jsx)(d,{...b.props,className:`${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===d)C.push((0,G.jsx)(d,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===ra)C.push((0,G.jsx)(ra,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===to)C.push((0,G.jsx)(to,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===Z)C.push((0,G.jsx)(Z,{...b.props,className:`k-toolbar-menu-button ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===Ln)C.push((0,G.jsx)(Ln,{...b.props,className:`k-toolbar-split-button ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===D\|\|b.props.className&&b.props.className.includes("k-button-group")){let w=[];(Array.isArray(b.props.children)?b.props.children:[b.props.children]).forEach((P,z)=>{w.push((0,G.jsx)(d,{...P.props,className:`${P.props.className?P.props.className:""}`},`${z}-${new Date().getTime()}`))}),C.push((0,G.jsx)(D,{...b.props,className:`k-toolbar-button-group ${b.props.className?b.props.className:""}`,children:w},`${M}-${new Date().getTime()}`))}else b.type===Je?C.push((0,G.jsx)(Je,{...b.props,className:`k-toolbar-combobox ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`)):b.type===Y?C.push((0,G.jsx)(Y,{...b.props,className:`k-toolbar-dropdownlist ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`)):b.type===ct?C.push((0,G.jsx)(ct,{...b.props,className:`k-toolbar-colorpicker ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`)):C.push(b);C.forEach(w=>{L.push(w)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,C)=>{k(M,C)}),(0,G.jsxs)("div",{...g,className:r(e.className,qt,S(qt,{size:t,fillMode:o}),I(qt,{focus:a}),{[`${qt}-resizable`]:l,[`${qt}-scrollable`]:i,[`${qt}-scrollable-overlay`]:i&&c==="hidden",[`${qt}-scrollable-${u}`]:u&&u!=="both",[`${qt}-section`]:x}),role:"toolbar","aria-label":"Toolbar",children:[!i&&L,i&&c==="hidden"&&(0,G.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),i&&c==="start"&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsxs)(D,{children:[(0,G.jsx)("span",{className:r("k-toolbar-prev","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,G.jsx)(v,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,G.jsx)("span",{className:r("k-toolbar-next","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,G.jsx)(v,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,G.jsx)(St,{className:"k-toolbar-button-separator"}),(0,G.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L})]}),i&&c==="end"&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),(0,G.jsx)(St,{className:"k-toolbar-button-separator"}),(0,G.jsxs)(D,{children:[(0,G.jsx)("span",{className:r("k-toolbar-prev","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,G.jsx)(v,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,G.jsx)("span",{className:r("k-toolbar-next","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,G.jsx)(v,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),i&&(c==="around"\|\|!c)&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)("span",{className:r("k-toolbar-prev","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,G.jsx)(v,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,G.jsx)(St,{className:"k-toolbar-button-separator"}),(0,G.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),(0,G.jsx)(St,{className:"k-toolbar-button-separator"}),(0,G.jsx)("span",{className:r("k-toolbar-next","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,G.jsx)(v,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};j.states=rh;j.options=lh;j.className=qt;j.defaultOptions=nh;j.moduleName=Jt;j.folderName=mo;j.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 Mc=require("react/jsx-runtime"),Cc="k-floating-toolbar",ih=[],sh={},dh={},Vo=e=>{let{...t}=e;return(0,Mc.jsx)("div",{...t,className:r(e.className,Cc),children:e.children})};Vo.states=ih;Vo.options=sh;Vo.className=Cc;Vo.defaultOptions=dh;Vo.moduleName=Jt;Vo.folderName=mo;var yc=require("react/jsx-runtime"),Cn="k-toolbar-item",ch=[n.focus],ph={},mh={},$o=e=>{let{focus:t,...o}=e;return(0,yc.jsx)("div",{...o,className:r(e.className,Cn,I(Cn,{focus:t})),children:e.children})};$o.states=ch;$o.options=ph;$o.className=Cn;$o.defaultOptions=mh;$o.moduleName=Jt;$o.folderName=mo;var Mn=require("react/jsx-runtime"),Sc="k-toolbar-popup",uh=[],bh={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},fh={},Lo=e=>{let{size:t,fillMode:o,section:a,...l}=e;return(0,Mn.jsx)(re,{...l,className:r(e.className,Sc),children:a?(0,Mn.jsx)("span",{className:r("k-toolbar-items-list",S("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Lo.states=uh;Lo.options=bh;Lo.className=Sc;Lo.defaultOptions=fh;Lo.moduleName=Jt;Lo.folderName=mo;var yr=Lo;var Th=require("react/jsx-runtime");var hh=require("react/jsx-runtime");var xh=require("react/jsx-runtime");var Ac=require("react/jsx-runtime");var Nh=require("react/jsx-runtime");var vt=require("react/jsx-runtime"),gh=V.states,wc={...V.defaultOptions,variant:"text"},kh=V.options,vh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Lh=[{name:"opened",title:"Opened"}],_a=e=>{let{variant:t,modifiers:o,...a}={...wc,...e},l={},i=(0,vt.jsxs)(Ue,{size:a.size,children:[(0,vt.jsx)(ue,{first:!0,text:"Menu Item"}),(0,vt.jsx)(ue,{text:"Menu Item"}),(0,vt.jsx)(ue,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(l.opened=!!(o!=null&&o[c]),l.popup=o!=null&&o[c]?i:"")}),t){case"icon-only":return(0,vt.jsx)("div",{children:(0,vt.jsx)(V,{...a,...l,icon:"star"})});case"icon-and-text":return(0,vt.jsx)("div",{children:(0,vt.jsx)(V,{...a,...l,icon:"star",children:"Split Button"})});default:return(0,vt.jsx)("div",{children:(0,vt.jsx)(V,{...a,...l,children:"Split Button"})})}};_a.options=kh;_a.states=gh;_a.variants=vh;_a.defaultOptions=wc;_a.modifiers=Lh;var Kt=require("react/jsx-runtime"),Ec=e=>(0,Kt.jsx)(j,{children:[(0,Kt.jsx)(d,{children:"Button"},"toolbar-button"),(0,Kt.jsx)(Z,{text:"Menu button"},"toolbar-menu-button"),(0,Kt.jsx)(V,{children:"Split button"},"toolbar-split-button"),(0,Kt.jsxs)(D,{children:[(0,Kt.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Kt.jsx)(d,{icon:"align-center",children:"Center"}),(0,Kt.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Ic=require("react/jsx-runtime");var Pe=require("react/jsx-runtime"),Rc=e=>(0,Pe.jsx)(j,{scrollable:!0,...e,children:[(0,Pe.jsx)(d,{children:"Button"},"toolbar-button"),(0,Pe.jsx)(Z,{text:"Menu button"},"toolbar-menu-button"),(0,Pe.jsx)(V,{children:"Split button"},"toolbar-split-button"),(0,Pe.jsxs)(D,{children:[(0,Pe.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Pe.jsx)(d,{icon:"align-center",children:"Center"}),(0,Pe.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Pe.jsx)(d,{children:"Button"},"toolbar-button"),(0,Pe.jsx)(Z,{text:"Menu button"},"toolbar-menu-button"),(0,Pe.jsx)(V,{children:"Split button"},"toolbar-split-button"),(0,Pe.jsxs)(D,{children:[(0,Pe.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Pe.jsx)(d,{icon:"align-center",children:"Center"}),(0,Pe.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var He=require("react/jsx-runtime"),Oc=({scrollingPosition:e="start",...t})=>(0,He.jsx)(j,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,He.jsx)(d,{children:"Button"},"toolbar-button"),(0,He.jsx)(Z,{text:"Menu button"},"toolbar-menu-button"),(0,He.jsx)(V,{children:"Split button"},"toolbar-split-button"),(0,He.jsxs)(D,{children:[(0,He.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,He.jsx)(d,{icon:"align-center",children:"Center"}),(0,He.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,He.jsx)(d,{children:"Button"},"toolbar-button"),(0,He.jsx)(Z,{text:"Menu button"},"toolbar-menu-button"),(0,He.jsx)(V,{children:"Split button"},"toolbar-split-button"),(0,He.jsxs)(D,{children:[(0,He.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,He.jsx)(d,{icon:"align-center",children:"Center"}),(0,He.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var be=require("react/jsx-runtime"),Pc=({fillMode:e,size:t,...o})=>(0,be.jsxs)(be.Fragment,{children:[(0,be.jsx)(j,{section:!0,fillMode:e,size:t,children:[(0,be.jsx)(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,be.jsxs)(D,{fillMode:e,children:[(0,be.jsx)(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,be.jsx)(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,be.jsx)(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,be.jsx)(St,{className:"k-toolbar-button-separator"}),(0,be.jsx)(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,be.jsxs)(yr,{size:t,fillMode:e,section:!0,...o,children:[(0,be.jsx)(V,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,be.jsx)(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,be.jsx)(St,{}),(0,be.jsx)(Z,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,be.jsxs)(D,{fillMode:e,children:[(0,be.jsx)(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,be.jsx)(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,be.jsx)(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var yn=require("react/jsx-runtime");var Sn=require("react/jsx-runtime");var Yt=require("react/jsx-runtime"),Ch=j.options,Mh=j.states,Hc={...j.defaultOptions,variant:"default"},yh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Sh=[],za=e=>{let{variant:t,...o}={...Hc,...e};switch(t){case"responsive":return(0,Yt.jsx)("div",{children:(0,Yt.jsx)(Pc,{style:{width:"583px"},...o})});case"overlay":return(0,Yt.jsx)("div",{children:(0,Yt.jsx)(Oc,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,Yt.jsx)("div",{children:(0,Yt.jsx)(Rc,{style:{width:"583px"},...o})});default:return(0,Yt.jsx)("div",{children:(0,Yt.jsx)(Ec,{style:{width:"583px"},...o})})}};za.options=Ch;za.states=Mh;za.variants=yh;za.defaultOptions=Hc;za.modifiers=Sh;var Bc=require("react/jsx-runtime"),Kc="k-grid-toolbar",Co=e=>(0,Bc.jsx)(j,{...e,className:r(e.className,Kc),children:e.children});Co.className=Kc;Co.moduleName=$;Co.folderName=X;var Xo=require("react/jsx-runtime"),An="k-grid-stack-cell",Ah=[n.focus,n.selected],Sr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:i,focus:c,selected:u,...x}=e;return(0,Xo.jsxs)("div",{...x,className:r(e.className,An,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":i},I(An,{focus:c,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]})};Sr.states=Ah;Sr.className=An;Sr.moduleName=$;Sr.folderName=X;var Dc=require("react/jsx-runtime"),Gc="k-grid-stack-row",Ar=e=>{let{cols:t,...o}=e;return(0,Dc.jsx)("div",{...o,className:r(e.className,Gc,{[`k-grid-cols-${t}`]:t}),children:e.children})};Ar.className=Gc;Ar.moduleName=$;Ar.folderName=X;var wn=require("react/jsx-runtime");var En=require("react/jsx-runtime");var In=require("react/jsx-runtime");var h=require("react/jsx-runtime"),_c=({contentClassName:e,...t})=>(0,h.jsx)(W,{_renderAriaRoot:!0,pager:(0,h.jsx)(Ot,{refresh:!1}),children:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(se,{children:(0,h.jsx)("div",{className:"k-grid-header-wrap",children:(0,h.jsxs)(ce,{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)(R,{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)(R,{className:"k-filter-row",children:[(0,h.jsx)(m,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(U,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(m,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(le,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(m,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(le,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(m,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(U,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(m,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(Y,{}),(0,h.jsx)("div",{className:"k-filtercell-operator",children:(0,h.jsx)(d,{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)(de,{children:[(0,h.jsxs)(R,{className:"k-master-row",children:[(0,h.jsx)(m,{children:"1"}),(0,h.jsx)(m,{children:"Chai"}),(0,h.jsx)(m,{children:"10 boxes x 20 bags"}),(0,h.jsx)(m,{children:"18"}),(0,h.jsx)(m,{children:"false"})]}),(0,h.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,h.jsx)(m,{children:"2"}),(0,h.jsx)(m,{children:"Chang"}),(0,h.jsx)(m,{children:"24 - 12 oz bottles"}),(0,h.jsx)(m,{children:"19"}),(0,h.jsx)(m,{children:"false"})]}),(0,h.jsxs)(R,{className:"k-master-row",children:[(0,h.jsx)(m,{children:"3"}),(0,h.jsx)(m,{children:"Aniseed Syrup"}),(0,h.jsx)(m,{children:"12 - 550 ml bottles"}),(0,h.jsx)(m,{children:"10"}),(0,h.jsx)(m,{children:"false"})]}),(0,h.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,h.jsx)(m,{children:"4"}),(0,h.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,h.jsx)(m,{children:"48 - 6 oz jars"}),(0,h.jsx)(m,{children:"22"}),(0,h.jsx)(m,{children:"false"})]}),(0,h.jsxs)(R,{className:"k-master-row",children:[(0,h.jsx)(m,{children:"5"}),(0,h.jsx)(m,{children:"Grandma's Boysenberry Spread"}),(0,h.jsx)(m,{children:"12 - 8 oz jars"}),(0,h.jsx)(m,{children:"25"}),(0,h.jsx)(m,{children:"false"})]})]})]})})})]}),...t});var Rn=require("react/jsx-runtime");var On=require("react/jsx-runtime");var Pn=require("react/jsx-runtime");var E=require("react/jsx-runtime"),zc=({headerWrapClassName:e,contentClassName:t,...o})=>(0,E.jsx)(W,{_renderAriaRoot:!0,children:(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(se,{children:(0,E.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,E.jsxs)(ce,{children:[(0,E.jsxs)("colgroup",{children:[(0,E.jsx)("col",{}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{})]}),(0,E.jsxs)(ee,{children:[(0,E.jsxs)(R,{children:[(0,E.jsx)(H,{rowspan:3,colspan:1,columnTitle:"ID"}),(0,E.jsx)(H,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),(0,E.jsxs)(R,{children:[(0,E.jsx)(H,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),(0,E.jsx)(H,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),(0,E.jsxs)(R,{children:[(0,E.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),(0,E.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),(0,E.jsx)(te,{children:(0,E.jsx)(oe,{className:t,children:(0,E.jsxs)(ae,{children:[(0,E.jsxs)("colgroup",{children:[(0,E.jsx)("col",{}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{})]}),(0,E.jsxs)(de,{children:[(0,E.jsxs)(R,{className:"k-master-row",children:[(0,E.jsx)(m,{children:"1"}),(0,E.jsx)(m,{children:"Chai"}),(0,E.jsx)(m,{children:"39"}),(0,E.jsx)(m,{children:"18"})]}),(0,E.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,E.jsx)(m,{children:"2"}),(0,E.jsx)(m,{children:"Chang"}),(0,E.jsx)(m,{children:"17"}),(0,E.jsx)(m,{children:"19"})]}),(0,E.jsxs)(R,{className:"k-master-row",children:[(0,E.jsx)(m,{children:"3"}),(0,E.jsx)(m,{children:"Aniseed Syrup"}),(0,E.jsx)(m,{children:"13"}),(0,E.jsx)(m,{children:"10"})]}),(0,E.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,E.jsx)(m,{children:"4"}),(0,E.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,E.jsx)(m,{children:"53"}),(0,E.jsx)(m,{children:"22"})]}),(0,E.jsxs)(R,{className:"k-master-row",children:[(0,E.jsx)(m,{children:"5"}),(0,E.jsx)(m,{children:"Chef Anton's Gumbo Mix"}),(0,E.jsx)(m,{children:"0"}),(0,E.jsx)(m,{children:"21.35"})]})]})]})})})]}),...o});var Hn=require("react/jsx-runtime");var Kn=require("react/jsx-runtime");var O=require("react/jsx-runtime"),Uc=e=>(0,O.jsx)(W,{_renderAriaRoot:!0,toolbar:(0,O.jsxs)(Co,{children:[(0,O.jsx)(d,{children:"Add new"}),(0,O.jsx)(d,{children:"Save Changes"}),(0,O.jsx)(d,{children:"Cancel Changes"})]}),children:(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(se,{children:(0,O.jsx)("div",{className:"k-grid-header-wrap",children:(0,O.jsxs)(ce,{children:[(0,O.jsxs)("colgroup",{children:[(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{style:{width:"300px"}})]}),(0,O.jsx)(ee,{children:(0,O.jsxs)(R,{children:[(0,O.jsx)(H,{columnTitle:"Name"}),(0,O.jsx)(H,{columnTitle:"Price"}),(0,O.jsx)(H,{columnTitle:"Available"}),(0,O.jsx)(H,{accessibleLabel:"Commands"})]})})]})})}),(0,O.jsx)(te,{children:(0,O.jsx)(oe,{children:(0,O.jsx)("div",{children:(0,O.jsxs)(ae,{children:[(0,O.jsxs)("colgroup",{children:[(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{style:{width:"300px"}})]}),(0,O.jsxs)(de,{children:[(0,O.jsxs)(R,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[(0,O.jsx)(m,{children:(0,O.jsx)(le,{value:"Towel"})}),(0,O.jsx)(m,{children:(0,O.jsx)(U,{value:"42"})}),(0,O.jsx)(m,{children:(0,O.jsx)(Qe,{})}),(0,O.jsxs)(m,{className:"k-command-cell",children:[(0,O.jsx)(d,{children:"Add"}),(0,O.jsx)(d,{children:"Cancel"})]})]}),(0,O.jsxs)(R,{className:"k-master-row",children:[(0,O.jsx)(m,{children:"Chai"}),(0,O.jsx)(m,{children:"18"}),(0,O.jsx)(m,{children:"false"}),(0,O.jsx)(m,{className:"k-command-cell",children:(0,O.jsx)(d,{children:"Remove"})})]}),(0,O.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,O.jsx)(m,{children:"Chang"}),(0,O.jsx)(m,{children:"19"}),(0,O.jsx)(m,{children:"false"}),(0,O.jsx)(m,{className:"k-command-cell",children:(0,O.jsx)(d,{children:"Remove"})})]})]})]})})})})]}),...e});var Bn=require("react/jsx-runtime");var p=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"}],Ua=e=>{let{variant:t,modifiers:o,...a}={...Fc,...e},l={toolbar:void 0,pager:void 0},i=(0,p.jsxs)(Co,{children:[(0,p.jsx)(d,{icon:"plus",children:"Add New"}),(0,p.jsx)(d,{icon:"file-pdf",children:"Export to PDF"}),(0,p.jsx)("span",{className:"k-spacer"}),(0,p.jsx)(le,{prefix:(0,p.jsx)(v,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=(0,p.jsx)(Le,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(g=>{switch(g){case"toolbar":l.toolbar=o!=null&&o[g]?i:void 0;break;case"pager":l.pager=o!=null&&o[g]?c:void 0;break;default:return}});let u={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},x=(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(se,{children:(0,p.jsx)("div",{className:"k-grid-header-wrap",children:(0,p.jsxs)(ce,{children:[(0,p.jsxs)("colgroup",{children:[(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{})]}),(0,p.jsx)(ee,{children:(0,p.jsxs)(R,{children:[(0,p.jsx)(H,{...u[t],columnTitle:"ID"}),(0,p.jsx)(H,{...u[t],columnTitle:"Product Name"}),(0,p.jsx)(H,{...u[t],columnTitle:"Units in Stock"}),(0,p.jsx)(H,{...u[t],columnTitle:"Units Price"})]})})]})})}),(0,p.jsx)(te,{children:(0,p.jsx)(oe,{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",{})]}),(0,p.jsxs)(de,{children:[(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{children:"1"}),(0,p.jsx)(m,{children:"Chai"}),(0,p.jsx)(m,{children:"39"}),(0,p.jsx)(m,{children:"18"})]}),(0,p.jsxs)(R,{className:"k-alt",alt:!0,children:[(0,p.jsx)(m,{children:"2"}),(0,p.jsx)(m,{children:"Chang"}),(0,p.jsx)(m,{children:"17"}),(0,p.jsx)(m,{children:"19"})]}),(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{children:"3"}),(0,p.jsx)(m,{children:"Aniseed Syrup"}),(0,p.jsx)(m,{children:"13"}),(0,p.jsx)(m,{children:"10"})]}),(0,p.jsxs)(R,{className:"k-alt",alt:!0,children:[(0,p.jsx)(m,{children:"4"}),(0,p.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,p.jsx)(m,{children:"53"}),(0,p.jsx)(m,{children:"22"})]}),(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{children:"5"}),(0,p.jsx)(m,{children:"Chef Anton's Gumbo Mix"}),(0,p.jsx)(m,{children:"0"}),(0,p.jsx)(m,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,p.jsx)(zc,{...a,...l});case"editing":return(0,p.jsx)(Uc,{...a,...l});case"grouping":return(0,p.jsx)(Gn,{...a,...l,groupingHeader:(0,p.jsx)(Qt,{children:(0,p.jsxs)(ke,{children:[(0,p.jsx)(ge,{icon:"sort-asc-small",actions:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(Ne,{type:"more"}),(0,p.jsx)(Ne,{type:"remove"})]}),children:"ID"}),(0,p.jsx)(ge,{icon:"sort-desc-small",actions:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(Ne,{type:"more"}),(0,p.jsx)(Ne,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,p.jsx)(W,{...a,...l,children:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(se,{children:(0,p.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,p.jsxs)(ce,{children:[(0,p.jsxs)("colgroup",{children:[(0,p.jsx)("col",{className:"k-drag-col"}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{})]}),(0,p.jsx)(ee,{children:(0,p.jsxs)(R,{children:[(0,p.jsx)(H,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,p.jsx)(H,{columnTitle:"ID"}),(0,p.jsx)(H,{columnTitle:"Product Name"}),(0,p.jsx)(H,{columnTitle:"Units in Stock"}),(0,p.jsx)(H,{columnTitle:"Units Price"})]})})]})]})}),(0,p.jsx)(te,{children:(0,p.jsx)(oe,{children:(0,p.jsxs)(ae,{children:[(0,p.jsxs)("colgroup",{children:[(0,p.jsx)("col",{className:"k-drag-col"}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{})]}),(0,p.jsxs)(de,{children:[(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{className:"k-drag-cell",children:(0,p.jsx)(v,{icon:"reorder"})}),(0,p.jsx)(m,{children:"1"}),(0,p.jsx)(m,{children:"Chai"}),(0,p.jsx)(m,{children:"39"}),(0,p.jsx)(m,{children:"18"})]}),(0,p.jsxs)(R,{className:"k-alt",alt:!0,children:[(0,p.jsx)(m,{className:"k-drag-cell",children:(0,p.jsx)(v,{icon:"reorder"})}),(0,p.jsx)(m,{children:"2"}),(0,p.jsx)(m,{children:"Chang"}),(0,p.jsx)(m,{children:"17"}),(0,p.jsx)(m,{children:"19"})]}),(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{className:"k-drag-cell",children:(0,p.jsx)(v,{icon:"reorder"})}),(0,p.jsx)(m,{children:"3"}),(0,p.jsx)(m,{children:"Aniseed Syrup"}),(0,p.jsx)(m,{children:"13"}),(0,p.jsx)(m,{children:"10"})]}),(0,p.jsxs)(R,{className:"k-alt",alt:!0,children:[(0,p.jsx)(m,{className:"k-drag-cell",children:(0,p.jsx)(v,{icon:"reorder"})}),(0,p.jsx)(m,{children:"4"}),(0,p.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,p.jsx)(m,{children:"53"}),(0,p.jsx)(m,{children:"22"})]}),(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{className:"k-drag-cell",children:(0,p.jsx)(v,{icon:"reorder"})}),(0,p.jsx)(m,{children:"5"}),(0,p.jsx)(m,{children:"Chef Anton's Gumbo Mix"}),(0,p.jsx)(m,{children:"0"}),(0,p.jsx)(m,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,p.jsx)(_c,{...a,...l});default:return(0,p.jsx)(W,{...a,...l,children:x})}};Ua.options=wh;Ua.states=Eh;Ua.variants=Ih;Ua.defaultOptions=Fc;Ua.modifiers=Rh;var y=require("react/jsx-runtime"),Gn=({dropClue:e,contentClassName:t,...o})=>(0,y.jsx)(W,{_renderAriaRoot:!0,groupingHeader:(0,y.jsx)(Qt,{dropClue:e,children:(0,y.jsxs)(ke,{children:[(0,y.jsx)(ge,{icon:"sort-asc-small",text:"ID",actions:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(Ne,{type:"more"}),(0,y.jsx)(Ne,{type:"remove"})]})}),(0,y.jsx)(ge,{icon:"sort-desc-small",text:"Name",actions:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(Ne,{type:"more"}),(0,y.jsx)(Ne,{type:"remove"})]})})]})}),children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(se,{draggable:!0,children:(0,y.jsx)("div",{className:"k-grid-header-wrap",children:(0,y.jsxs)(ce,{children:[(0,y.jsxs)("colgroup",{children:[(0,y.jsx)("col",{className:"k-group-col"}),(0,y.jsx)("col",{className:"k-group-col"}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{})]}),(0,y.jsx)(ee,{children:(0,y.jsxs)(R,{children:[(0,y.jsx)(H,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,y.jsx)(H,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,y.jsx)(H,{colspan:1,columnTitle:"ID"}),(0,y.jsx)(H,{colspan:1,columnTitle:"Name"}),(0,y.jsx)(H,{colspan:1,columnTitle:"Price"}),(0,y.jsx)(H,{colspan:1,columnTitle:"Category"})]})})]})})}),(0,y.jsx)(te,{children:(0,y.jsx)(oe,{className:t,children:(0,y.jsxs)(ae,{children:[(0,y.jsxs)("colgroup",{children:[(0,y.jsx)("col",{className:"k-group-col"}),(0,y.jsx)("col",{className:"k-group-col"}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{})]}),(0,y.jsxs)(de,{children:[(0,y.jsx)(R,{className:"k-table-group-row k-grouping-row",children:(0,y.jsx)(m,{colspan:6,children:(0,y.jsxs)("p",{className:"k-reset",children:[(0,y.jsx)(v,{icon:"caret-alt-right"}),"ID: 1"]})})}),(0,y.jsx)(R,{className:"k-table-group-row k-grouping-row",children:(0,y.jsx)(m,{colspan:6,children:(0,y.jsxs)("p",{className:"k-reset",children:[(0,y.jsx)(v,{icon:"caret-alt-down"}),"ID: 2"]})})}),(0,y.jsxs)(R,{className:"k-table-group-row k-grouping-row",children:[(0,y.jsx)(m,{className:"k-table-group-td k-group-cell"}),(0,y.jsx)(m,{colspan:5,children:(0,y.jsxs)("p",{className:"k-reset",children:[(0,y.jsx)(v,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),(0,y.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,y.jsx)(m,{className:"k-table-group-td k-group-cell"}),(0,y.jsx)(m,{className:"k-table-group-td k-group-cell"}),(0,y.jsx)(m,{colspan:0,children:"2"}),(0,y.jsx)(m,{colspan:0,children:"Chang"}),(0,y.jsx)(m,{colspan:0,children:"$19.00"}),(0,y.jsx)(m,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});
1	+ var qc=Object.create;var Va=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)Va(e,o,{get:t[o],enumerable:!0})},_n=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let l of Qc(t))!jc.call(e,l)&&l!==o&&Va(e,l,{get:()=>t[l],enumerable:!(a=Yc(t,l))\|\|a.enumerable});return e};var zn=(e,t,o)=>(o=e!=null?qc(Zc(e)):{},_n(t\|\|!e\|\|!e.__esModule?Va(o,"default",{value:e,enumerable:!0}):o,e)),tp=e=>_n(Va({},"__esModule",{value:!0}),e);var Hh={};ep(Hh,{GridWithGrouping:()=>Dn});module.exports=tp(Hh);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 S=(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"}),I=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:i,checked:c,active:u,selected:x,disabled:g,indeterminate:L,loading:k,empty:b,readonly:M,highlighted:C,...w}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":i,"k-checked":c,"k-active":u,"k-selected":x,"k-disabled":g,"k-indeterminate":L&&!c,"k-loading":k,"k-empty":b,"k-readonly":M,"k-highlighted":C},Object.keys(w).reduce((K,P)=>(P.startsWith("k-")?K[P]=w[P]:K[`k-${P}`]=w[P],K),{}))};function Un(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},T={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},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 Wo=require("react/jsx-runtime"),wr="k-font-icon",op=[],ap={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},rp={},Jo=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:i,...c}=e;return a?(0,Wo.jsx)("span",{...c,className:r(e.className,wr,S(wr,{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,Wo.jsx)(Wo.Fragment,{})};Jo.states=op;Jo.options=ap;Jo.className=wr;Jo.defaultOptions=rp;var Fn=Jo;var uo=require("react/jsx-runtime"),Er="k-svg-icon",lp=[],np={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Vn={viewBox:"0 0 24 24"},qo=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:i=Vn.viewBox,icon:c,...u}=e;if(!c)return(0,uo.jsx)(uo.Fragment,{});if(c==="none")return(0,uo.jsx)("span",{...u,className:r(e.className,Er,S("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof c=="object"&&c.name&&c.name;return(0,uo.jsx)("span",{...u,className:r(e.className,Er,S("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,uo.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};qo.states=lp;qo.options=np;qo.className=Er;qo.defaultOptions=Vn;var Ir=qo;var Rr=zn(require("@progress/kendo-svg-icons"));var $n="icon",Xn="icons";var qn=require("react");var Wn=require("react"),Jn=(0,Wn.createContext)({iconsType:"svg"});var Gt=require("react/jsx-runtime"),$a="k-icon",ip=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),sp=[],dp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[f.undefined,f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Or={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=(0,qn.useContext)(Jn),{size:o,themeColor:a,icon:l,type:i=t\|\|Or.type,rotate:c,flip:u,viewBox:x=Or.viewBox,...g}=e;if(!l)return(0,Gt.jsx)(Gt.Fragment,{});if((t\|\|i)==="svg"){if(l==="none")return(0,Gt.jsx)(Ir,{...g,className:r(e.className,$a),icon:l,size:o});let k=Rr[l]?l:ip(`${l}-icon`);return Rr[k]?(0,Gt.jsx)(Ir,{...g,className:r(e.className,$a),icon:Rr[k],size:o,themeColor:a,rotate:c,flip:u,viewBox:x}):(0,Gt.jsx)(Gt.Fragment,{})}return(0,Gt.jsx)(Fn,{...g,className:r(e.className,$a),icon:l,size:o,themeColor:a,rotate:c,flip:u})};v.states=sp;v.options=dp;v.defaultOptions=Or;v.className=$a;v.moduleName=$n;v.folderName=Xn;v.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 Yo=require("react/jsx-runtime"),cp="k-chip-action";var Ne=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=(0,Yo.jsx)(v,{icon:"x-circle",size:"small"});break;case"more":a=(0,Yo.jsx)(v,{icon:"more-vertical",size:"small"});break;default:return(0,Yo.jsx)(v,{icon:t,size:"small"})}return(0,Yo.jsx)("span",{...o,className:r(e.className,cp,`k-chip-${t}-action`),children:a})};var Pr="avatar",Yn=Pr;var Kr=require("react/jsx-runtime"),Qo="k-avatar";var pp=[n.hover,n.focus,n.active,n.selected,n.disabled],mp={size:[s.undefined,s.small,s.medium,s.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]},Hr={type:"text",border:!1},qe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:i=Hr.type,border:c=Hr.border,...u}=e;return(0,Kr.jsx)("div",{...u,className:r(e.className,Qo,S(Qo,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Qo}-bordered`]:c}),children:(0,Kr.jsx)("span",{className:`${Qo}-${i}`,children:e.children})})};qe.states=pp;qe.options=mp;qe.className=Qo;qe.defaultOptions=Hr;qe.moduleName=Pr;qe.folderName=Yn;qe.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var bo=qe;var Zn=require("react/jsx-runtime"),Qn=e=>(0,Zn.jsx)(bo,{type:"icon",...e});var ei=require("react/jsx-runtime"),jn=e=>(0,ei.jsx)(bo,{type:"text",...e});var oi=require("react/jsx-runtime"),ti=e=>(0,oi.jsx)(bo,{type:"image",...e});var up=require("react/jsx-runtime");var yo=require("react/jsx-runtime"),bp=qe.options,fp=qe.states,Tp={...qe.defaultOptions,variant:"image"},hp=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],xp=[],Zo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,yo.jsx)(Qn,{...o,children:(0,yo.jsx)(v,{icon:"star"})});case"text":return(0,yo.jsx)(jn,{...o,children:"JO"});default:return(0,yo.jsx)(ti,{...o,children:(0,yo.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Zo.options=bp;Zo.states=fp;Zo.variants=hp;Zo.defaultOptions=Tp;Zo.modifiers=xp;var jo="chip",Xa=jo;var Bt=require("react/jsx-runtime"),Wa="k-chip",Np=[n.hover,n.focus,n.active,n.selected,n.disabled],gp={size:[s.undefined,s.small,s.medium,s.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]},ai={avatarImage:"/packages/html/assets/avatar.jpg"},ge=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:i,icon:c,actions:u,showAvatar:x,avatarImage:g=ai.avatarImage,hover:L,focus:k,active:b,selected:M,disabled:C,...w}=e;return(0,Bt.jsxs)("div",{...w,className:r(e.className,Wa,S(Wa,{size:t,rounded:o,fillMode:a,themeColor:l}),I(Wa,{hover:L,focus:k,active:b,disabled:C,selected:M})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:M?"true":"false","aria-selected":e.role==="option"?M?"true":"false":void 0,"aria-disabled":C?"true":void 0,children:[c&&(0,Bt.jsx)(v,{className:"k-chip-icon",icon:c,size:"small"}),x&&(0,Bt.jsx)(qe,{className:"k-chip-avatar",type:"image",children:(0,Bt.jsx)("img",{src:g,alt:""})}),(0,Bt.jsx)("span",{className:"k-chip-content",children:e.children?e.children:i&&(0,Bt.jsx)("span",{className:"k-chip-label",children:i})}),u&&(0,Bt.jsx)("span",{className:"k-chip-actions",children:u})]})};ge.states=Np;ge.options=gp;ge.className=Wa;ge.defaultOptions=ai;ge.moduleName=jo;ge.folderName=Xa;ge.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 ut=ge;var ri=require("react/jsx-runtime"),Gr="k-chip-list",kp=[],vp={size:[s.undefined,s.small,s.medium,s.large]},Lp={},ke=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return(0,ri.jsx)("div",{...l,className:r(e.className,Gr,S(Gr,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};ke.states=kp;ke.options=vp;ke.className=Gr;ke.defaultOptions=Lp;ke.moduleName=jo;ke.folderName=Xa;ke.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 Cp=require("react/jsx-runtime");var Mp=require("react/jsx-runtime");var li=require("react/jsx-runtime"),Ja=e=>(0,li.jsx)(ut,{text:"text",...e});var yp=require("react/jsx-runtime");var Sp=require("react/jsx-runtime");var Br=require("react/jsx-runtime");var ni=require("react/jsx-runtime");var ii=require("react/jsx-runtime");var si=require("react/jsx-runtime");var Dt=require("react/jsx-runtime"),Ap={...ut.options,...ke.options},wp=[],Ep=ke.states,Ip={...ut.defaultOptions,...ke.defaultOptions},Rp=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],ea=e=>{let{modifiers:t,className:o,...a}=e,l=t==null?void 0:t.icon,i=t==null?void 0:t.actions,c=t==null?void 0:t.avatar;return(0,Dt.jsxs)(ke,{size:a.size,className:o,children:[(0,Dt.jsx)(Ja,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Dt.jsx)(Ne,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Dt.jsx)(Ja,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Dt.jsx)(Ne,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Dt.jsx)(Ja,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Dt.jsx)(Ne,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};ea.options=Ap;ea.states=Ep;ea.variants=wp;ea.defaultOptions=Ip;ea.modifiers=Rp;var qa=require("react/jsx-runtime"),Op=ge.states,Pp=ge.defaultOptions,Hp=ge.options,Kp=[],Gp=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],ta=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,qa.jsx)(Ne,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t!=null&&t[l]?(0,qa.jsx)(Ne,{type:"remove"}):void 0;break;default:break}}),(0,qa.jsx)(ge,{...o,...a,children:"Chip component"})};ta.options=Hp;ta.states=Op;ta.variants=Kp;ta.defaultOptions=Pp;ta.modifiers=Gp;var F="grid",V=F;var Qa=require("react/jsx-runtime"),Ya="k-grid",Bp=[],Dp={size:[s.undefined,s.small,s.medium,s.large]},_p=[],di={pagerPosition:"bottom"},W=e=>{let{size:t,pagerPosition:o=di.pagerPosition,toolbar:a,pager:l,groupingHeader:i,gridSelectionAggregates:c,_renderAriaRoot:u,resizable:x,...g}=e;return(0,Qa.jsxs)("div",{...g,className:r(e.className,Ya,{[`${Ya}-resizable`]:x},S(Ya,{size:t})),children:[a,o==="top"&&l,i,e.children&&u?(0,Qa.jsx)("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&l]})};W.states=Bp;W.options=Dp;W.variants=_p;W.className=Ya;W.defaultOptions=di;W.moduleName=F;W.folderName=V;var pi=require("react/jsx-runtime"),ci="k-grid-header",se=e=>{let{draggable:t,...o}=e;return(0,pi.jsx)("div",{...o,className:r(e.className,ci,{"k-grid-draggable-header":t}),children:e.children})};se.className=ci;se.moduleName=F;se.folderName=V;var oa=require("react/jsx-runtime"),mi="k-grouping-header",Qt=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,oa.jsxs)("div",{...a,className:r(e.className,mi),children:[o&&(0,oa.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,oa.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};Qt.className=mi;Qt.moduleName=F;Qt.folderName=V;var bi=require("react/jsx-runtime"),ui="k-grid-pinned-container",Dr=e=>{let{position:t,...o}=e;return(0,bi.jsx)("div",{...o,className:r(e.className,ui,{"k-pos-bottom":t==="bottom"}),children:e.children})};Dr.className=ui;Dr.moduleName=F;Dr.folderName=V;var Ti=require("react/jsx-runtime"),fi="k-grid-sticky-container",_r=e=>{let{position:t,...o}=e;return(0,Ti.jsx)("div",{...o,className:r(e.className,fi,{"k-pos-bottom":t==="bottom"}),children:e.children})};_r.className=fi;_r.moduleName=F;_r.folderName=V;var Se="table",Ke=Se;var xi=require("react/jsx-runtime"),hi="k-data-table",zp=[],Up={size:[s.undefined,s.small,s.medium,s.large]},Fp={},_t=e=>{let{size:t,...o}=e;return(0,xi.jsx)("div",{...o,className:r(e.className,hi,S("k-table",{size:t})),children:e.children})};_t.states=zp;_t.options=Up;_t.className=hi;_t.defaultOptions=Fp;_t.moduleName=Se;_t.folderName=Ke;var Ni=require("react/jsx-runtime"),zr="k-table-header-wrap",Vp=[n.hover,n.focus,n.disabled],$p={},Xp={},Zt=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return(0,Ni.jsx)("div",{...i,className:r(e.className,zr,I(zr,{hover:o,focus:a,disabled:l})),children:t})};Zt.states=Vp;Zt.options=$p;Zt.className=zr;Zt.defaultOptions=Xp;Zt.moduleName=Se;Zt.folderName=Ke;var gi=require("react/jsx-runtime"),Ur="k-table",Wp=[],Jp={size:[s.undefined,s.small,s.medium,s.large]},qp={},Ge=e=>{let{size:t,...o}=e;return(0,gi.jsx)("table",{...o,className:r(e.className,Ur,S(Ur,{size:t})),children:e.children})};Ge.states=Wp;Ge.options=Jp;Ge.className=Ur;Ge.defaultOptions=qp;Ge.moduleName=Se;Ge.folderName=Ke;var Za=require("react/jsx-runtime"),Fr="k-table-header",Yp=[n.hover,n.focus,n.disabled],Qp={},Zp={},zt=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return(0,Za.jsx)("div",{...i,className:r(e.className,Fr,I(Fr,{hover:o,focus:a,disabled:l})),children:(0,Za.jsx)(Zt,{children:(0,Za.jsx)(Ge,{children:t})})})};zt.states=Yp;zt.options=Qp;zt.className=Fr;zt.defaultOptions=Zp;zt.moduleName=Se;zt.folderName=Ke;var vi=require("react/jsx-runtime"),ki="k-table-scroller",jp=[],em={},tm={},So=e=>{let{children:t,...o}=e;return(0,vi.jsx)("div",{...o,className:r(e.className,ki),children:t})};So.states=jp;So.options=em;So.className=ki;So.defaultOptions=tm;So.moduleName=Se;So.folderName=Ke;var om=require("react/jsx-runtime");var Ci=require("react/jsx-runtime"),Li="k-table-footer",am=[],rm={},lm={},jt=e=>{let{children:t,...o}=e;return(0,Ci.jsx)("div",{...o,className:r(e.className,Li),children:t})};jt.states=am;jt.options=rm;jt.className=Li;jt.defaultOptions=lm;jt.moduleName=Se;jt.folderName=Ke;var Mi=require("react/jsx-runtime"),Vr="k-table-list",nm=[],im={size:[s.undefined,s.small,s.medium,s.large]},sm={},eo=e=>{let{size:t,virtualization:o,...a}=e;return(0,Mi.jsx)("ul",{...a,className:r(e.className,"k-table",Vr,S(Vr,{size:t}),{"k-virtual-table":o}),children:e.children})};eo.states=nm;eo.options=im;eo.className=Vr;eo.defaultOptions=sm;eo.moduleName=Se;eo.folderName=Ke;var yi=require("react/jsx-runtime"),dm="k-table-thead",ee=e=>(0,yi.jsx)("thead",{className:r(e.className,dm),children:e.children});var Si=require("react/jsx-runtime"),cm="k-table-tbody",de=e=>(0,Si.jsx)("tbody",{className:r(e.className,cm),children:e.children});var pm=require("react/jsx-runtime");var Ai=require("react/jsx-runtime"),$r="k-table-row",mm=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],R=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:i,alt:c,...u}=e;return(0,Ai.jsx)("tr",{...u,className:r(e.className,$r,{"k-table-alt-row":c},I($r,{hover:t,focus:o,disabled:i,selected:a,highlighted:l})),children:e.children})};R.states=mm;R.className=$r;var wi=require("react/jsx-runtime"),Xr="k-table-row",um=[n.hover,n.focus,n.selected,n.disabled],ja=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:i,...c}=e;return(0,wi.jsx)("li",{...c,className:r(e.className,Xr,{"k-table-alt-row":i},I(Xr,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};ja.states=um;ja.className=Xr;var Ii=require("react/jsx-runtime"),Ei="k-table-th",Ut=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,i=t\|\|e.children;return(0,Ii.jsx)("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,Ei),children:i})};Ut.className=Ei;Ut.moduleName=Se;Ut.folderName=Ke;var bm=require("react/jsx-runtime");var Ri=require("react/jsx-runtime"),Wr="k-table-td",fm=[n.focus,n.selected,n.highlighted],m=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:i,rowspan:c,...u}=e,x=l\|\|e.children;return(0,Ri.jsx)("td",{colSpan:i,rowSpan:c,...u,className:r(e.className,Wr,I(Wr,{focus:t,selected:o,highlighted:a})),children:x})};m.states=fm;m.className=Wr;var Tm=require("react/jsx-runtime");var hm=require("react/jsx-runtime");var xm=require("react/jsx-runtime");var Nm=require("react/jsx-runtime");var gm=require("react/jsx-runtime");var Pi=require("react/jsx-runtime");var Hi=require("react/jsx-runtime");var Ki=require("react/jsx-runtime");var Jr=require("react/jsx-runtime");var Bi=require("react/jsx-runtime"),Gi="k-grid-header-table",ce=e=>(0,Bi.jsx)(Ge,{...e,className:r(e.className,Gi),children:e.children});ce.className=Gi;ce.moduleName=F;ce.folderName=V;var lt=require("react/jsx-runtime"),qr="k-header",Cm=[n.hover,n.focus,n.active],Di={sortIcon:"sort-asc-small"},H=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:i,columnTitle:c,hover:u,focus:x,active:g,sortIcon:L=Di.sortIcon,sortOrder:k,accessibleLabel:b,...M}=e;return(0,lt.jsxs)(Ut,{...M,className:r(e.className,qr,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":i},I(qr,{hover:u,focus:x,active:g})),children:[c&&(0,lt.jsxs)("span",{className:"k-cell-inner",children:[(0,lt.jsxs)("span",{className:"k-link",children:[(0,lt.jsx)("span",{className:"k-column-title",children:c}),o&&(0,lt.jsx)("span",{className:"k-sort-icon",children:(0,lt.jsx)(v,{icon:L})}),k&&(0,lt.jsx)("span",{className:"k-sort-order",children:k})]}),t&&(0,lt.jsx)("a",{href:"#",className:r("k-grid-header-menu",{"k-active":g,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,lt.jsx)(v,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&b&&(0,lt.jsx)("span",{className:"k-sr-only",children:b}),e.children,i&&(0,lt.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};H.states=Cm;H.className=qr;H.defaultOptions=Di;H.moduleName=F;H.folderName=V;var zi=require("react/jsx-runtime"),_i="k-grid-container",te=e=>(0,zi.jsx)("div",{...e,className:r(e.className,_i),children:e.children});te.className=_i;te.moduleName=F;te.folderName=V;var Fi=require("react/jsx-runtime"),Ui="k-grid-content",oe=e=>(0,Fi.jsx)("div",{...e,className:r(e.className,Ui),children:e.children});oe.className=Ui;oe.moduleName=F;oe.folderName=V;var $i=require("react/jsx-runtime"),Vi="k-grid-table",ae=e=>(0,$i.jsx)(Ge,{...e,className:r(e.className,Vi),children:e.children});ae.className=Vi;ae.moduleName=F;ae.folderName=V;var Wi=require("react/jsx-runtime"),Xi="k-grid-footer",Yr=e=>(0,Wi.jsx)("div",{...e,className:r(e.className,Xi),children:e.children});Yr.className=Xi;Yr.moduleName=F;Yr.folderName=V;var qi=require("react/jsx-runtime"),Ji="k-grid-footer-table",Qr=e=>(0,qi.jsx)(Ge,{...e,className:r(e.className,Ji),children:e.children});Qr.className=Ji;Qr.moduleName=F;Qr.folderName=V;var Zr="button",Yi=Zr;var Lt=require("react/jsx-runtime"),aa="k-button",Mm=["icon-button"],ym=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Sm={size:[s.undefined,s.small,s.medium,s.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"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:i,showArrow:c=jr.showArrow,arrowIconName:u=jr.arrowIconName,variant:x,hover:g,focus:L,active:k,selected:b,disabled:M,togglable:C,icon:w,text:K,iconClassName:P,className:z,...ie}=e,xe=w!==void 0,Ve=e.children!==void 0;return(0,Lt.jsxs)(t,{className:r(z,aa,Un(aa,x),S(aa,{size:o,rounded:a,fillMode:l,themeColor:i}),I(aa,{hover:g,focus:L,active:k,disabled:M,selected:b}),{"k-icon-button":!K&&!Ve&&xe}),...ie,"aria-pressed":C?b?"true":"false":void 0,disabled:M\|\|void 0,children:[w&&(0,Lt.jsx)(v,{className:r(P,"k-button-icon"),icon:w}),K?(0,Lt.jsxs)(Lt.Fragment,{children:[K&&(0,Lt.jsx)("span",{className:"k-button-text",children:K}),e.children]}):e.children&&(0,Lt.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,Lt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Lt.jsx)(v,{icon:u})})]})};d.states=ym;d.options=Sm;d.variants=Mm;d.className=aa;d.defaultOptions=jr;d.moduleName=Zr;d.folderName=Yi;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var Qi=require("react/jsx-runtime"),to=e=>(0,Qi.jsx)(d,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Zi=require("react/jsx-runtime"),ra=e=>(0,Zi.jsx)(d,{icon:"folder",children:"Button",...e});var ji=require("react/jsx-runtime"),fo=e=>(0,ji.jsx)(d,{children:"Button",...e});var er=require("react/jsx-runtime"),Am=d.options,wm=d.states,Em={...d.defaultOptions,variant:"text"},Im=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Rm=[],la=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,er.jsx)(to,{...o,icon:"star"});case"icon-and-text":return(0,er.jsx)(ra,{...o,icon:"star",children:"Button"});default:return(0,er.jsx)(fo,{...o,children:"Button"})}};la.options=Am;la.states=wm;la.variants=Im;la.defaultOptions=Em;la.modifiers=Rm;var na="input",tr=na;var es=require("react/jsx-runtime"),or="k-input",Om=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Pm={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Hm={},ve=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:u,size:x,rounded:g,fillMode:L,...k}=e;return(0,es.jsx)("span",{...k,className:r(e.className,or,S(or,{size:x,rounded:g,fillMode:L}),I(or,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:u}))})};ve.states=Om;ve.options=Pm;ve.className=or;ve.defaultOptions=Hm;ve.moduleName=na;ve.folderName=tr;var ts=require("react/jsx-runtime"),ar="k-picker",Km=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Gm={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Bm={},At=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:u,size:x,rounded:g,fillMode:L,...k}=e;return(0,ts.jsx)("span",{...k,className:r(e.className,ar,S(ar,{size:x,rounded:g,fillMode:L}),I(ar,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:u})),children:e.children})};At.states=Km;At.options=Gm;At.className=ar;At.defaultOptions=Bm;At.moduleName=na;At.folderName=tr;var Ao=require("react/jsx-runtime"),os="k-clear-value",Dm=[n.disabled,n.loading,n.readonly],_m={},nt=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,os),children:(0,Ao.jsx)(v,{icon:"x"})})};nt.states=Dm;nt.options=_m;nt.className=os;var as=require("react/jsx-runtime"),el="k-input-inner",zm=[],Um={},rr={type:"text",autocomplete:"off",value:"",placeholder:""},it=e=>{let{value:t=rr.value,type:o=rr.type,placeholder:a=rr.placeholder,autocomplete:l=rr.autocomplete,disabled:i,readOnly:c,...u}=e;return(0,as.jsx)("input",{...u,type:o,className:r(e.className,el,S(el,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:i\|\|void 0,readOnly:c\|\|void 0})};it.states=zm;it.options=Um;it.className=el;var ia=require("react/jsx-runtime"),tl="k-input-inner",Fm=[],Vm={},To=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:i,...c}=e;return(0,ia.jsxs)("span",{...c,className:r(e.className,tl,S(tl,e)),children:[l,!l&&i&&(0,ia.jsx)(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,ia.jsx)("span",{className:"k-input-value-text",children:t})]})};To.states=Fm;To.options=Vm;To.className=tl;var ls=require("react/jsx-runtime"),ol="k-input-inner",$m=[],Xm={},rs={value:"",placeholder:""},al=e=>{let{value:t=rs.value,placeholder:o=rs.placeholder,rows:a,disabled:l,...i}=e;return(0,ls.jsx)("textarea",{...i,className:r(e.className,ol,S(ol,e)),placeholder:o,rows:a,defaultValue:t,disabled:l\|\|void 0})};al.states=$m;al.options=Xm;al.className=ol;var sa=require("react/jsx-runtime"),ns="k-input-loading-icon",Wm=[n.disabled,n.loading],Ye=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,sa.jsx)(sa.Fragment,{}):(0,sa.jsx)("span",{className:r(e.className,ns,"k-icon k-i-loading")})};Ye.states=Wm;Ye.className=ns;var da=require("react/jsx-runtime"),is="k-input-validation-icon",Jm=[n.valid,n.invalid,n.disabled,n.loading],qm={},$e=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,i=o?"warning-circle":"check-circle";return a\|\|l\|\|!!!(t\|\|o)?(0,da.jsx)(da.Fragment,{}):(0,da.jsx)(v,{className:r(is),icon:i})};$e.states=Jm;$e.options=qm;$e.className=is;var ca=require("react/jsx-runtime"),Ym="k-input-prefix",Qm={direction:"horizontal"},bt=e=>{let{direction:t=Qm.direction,...o}=e;return e.children?(0,ca.jsx)("span",{...o,className:r(Ym,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,ca.jsx)(ca.Fragment,{})};var pa=require("react/jsx-runtime"),Zm="k-input-suffix",jm={direction:"horizontal"},ft=e=>{let{direction:t=jm.direction,...o}=e;return e.children?(0,pa.jsx)("span",{...o,className:r(Zm,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,pa.jsx)(pa.Fragment,{})};var eu=require("react/jsx-runtime");var ss=require("react/jsx-runtime"),tu="k-input-suffix-text",rl=e=>{let{children:t,...o}=e;return(0,ss.jsx)("span",{...o,className:r(tu,e.className),children:t})};var cs=require("react/jsx-runtime"),ds="k-input-separator",ou={direction:"vertical"},Tt=e=>{let{direction:t=ou.direction,...o}=e;return(0,cs.jsx)("span",{...o,className:r(ds,e.className,{[`${ds}-${t}`]:t})})};var ye=require("react/jsx-runtime"),au=ve.states,ru=ve.defaultOptions,lu=ve.options,nu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],iu=[],ma=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:i,readonly:c,...u}=e,x=t==null?void 0:t.prefix,g=t==null?void 0:t.suffix,L=t==null?void 0:t["clear-button"],k=t==null?void 0:t["validation-icon"],b=t==null?void 0:t.separators;return(0,ye.jsxs)(ve,{...u,valid:o,invalid:a,loading:l,disabled:i,readonly:c,style:{width:300},children:[x&&(0,ye.jsxs)(ye.Fragment,{children:[(0,ye.jsx)(bt,{children:(0,ye.jsx)(v,{icon:"lock"})}),b&&(0,ye.jsx)(Tt,{})]}),(0,ye.jsx)(it,{placeholder:"Placeholder",value:"Value"}),k&&(0,ye.jsx)($e,{valid:o,invalid:a,loading:l,disabled:i}),(0,ye.jsx)(Ye,{loading:l,disabled:i}),L&&(0,ye.jsx)(nt,{loading:l,disabled:i,readonly:c,value:"Value"}),g&&(0,ye.jsxs)(ye.Fragment,{children:[b&&(0,ye.jsx)(Tt,{}),(0,ye.jsx)(ft,{children:(0,ye.jsx)(fo,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ma.options=lu;ma.states=au;ma.variants=iu;ma.defaultOptions=ru;ma.modifiers=nu;var ll="popup",ps=ll;var nl=require("react/jsx-runtime"),ms="k-animation-container",su=[],du={},us={positionMode:"absolute"},wt=e=>{let{positionMode:t=us.positionMode,animationStyle:o,offset:a,...l}=e;return(0,nl.jsx)("div",{...l,style:{...a,...e.style},className:r(e.className,ms,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,nl.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};wt.states=su;wt.options=du;wt.className=ms;wt.defaultOptions=us;wt.moduleName=ll;wt.folderName=ps;var il="popup",bs=il;var sl=require("react/jsx-runtime"),fs="k-popup",cu=[],pu={},Ts={positionMode:"absolute"},re=e=>{let{offset:t,positionMode:o=Ts.positionMode,animationStyle:a,containerClassName:l,containerRole:i,containerAriaLabel:c,...u}=e;return(0,sl.jsx)(wt,{positionMode:o,offset:t,animationStyle:a,className:l,role:i,"aria-label":c,children:(0,sl.jsx)("div",{...u,className:r(e.className,fs),children:e.children})})};re.states=cu;re.options=pu;re.className=fs;re.defaultOptions=Ts;re.moduleName=il;re.folderName=bs;re.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 dl="action-buttons",hs=dl;var xs=require("react/jsx-runtime"),lr="k-actions",mu=[],uu={},cl={alignment:"start",orientation:"horizontal"},Et=e=>{let{alignment:t=cl.alignment,orientation:o=cl.orientation,...a}=e;return(0,xs.jsx)("div",{...a,className:r(lr,{[`${lr}-${t}`]:t,[`${lr}-${o}`]:o},e.className),children:e.children})};Et.states=mu;Et.options=uu;Et.className=lr;Et.defaultOptions=cl;Et.moduleName=dl;Et.folderName=hs;var gs=require("react/jsx-runtime"),bu="k-actionsheet-footer",Ns={alignment:"stretched",orientation:"horizontal"},oo=e=>{let{alignment:t=Ns.alignment,orientation:o=Ns.orientation,template:a,as:l=a?"div":Et,...i}=e;return(0,gs.jsx)(l,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,bu),children:e.children})};var pl="searchbox",ks=pl;var ao=require("react/jsx-runtime"),vs="k-searchbox",fu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Tu={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ml={showIcon:!0,icon:"search"},ht=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:i,hover:c,focus:u,valid:x,invalid:g,required:L,loading:k,disabled:b,showIcon:M=ml.showIcon,icon:C=ml.icon,...w}=e;return(0,ao.jsxs)(ve,{...w,size:a,rounded:l,fillMode:i,hover:c,focus:u,valid:x,invalid:g,required:L,loading:k,disabled:b,className:r(e.className,vs),children:[M&&(0,ao.jsx)(v,{className:"k-input-icon",icon:C}),(0,ao.jsx)(it,{placeholder:o,value:t}),(0,ao.jsx)(Ye,{...e}),(0,ao.jsx)($e,{...e}),(0,ao.jsx)(nt,{...e})]})};ht.states=fu;ht.options=Tu;ht.className=vs;ht.defaultOptions=ml;ht.moduleName=pl;ht.folderName=ks;var hu=require("react/jsx-runtime");var ul="textbox",Ls=ul;var Be=require("react/jsx-runtime"),Cs="k-textbox",xu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Nu={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},nr={showClearButton:!0,showValidationIcon:!0,separators:!0},le=e=>{let{size:t,rounded:o,fillMode:a,separators:l=nr.separators,showClearButton:i=nr.showClearButton,showValidationIcon:c=nr.showValidationIcon,prefix:u,suffix:x,type:g,value:L,placeholder:k,hover:b,focus:M,valid:C,invalid:w,required:K,loading:P,disabled:z,readonly:ie,id:xe,"aria-label":Ve,"aria-describedby":at,...rt}=e;return(0,Be.jsxs)(ve,{...rt,size:t,rounded:o,fillMode:a,hover:b,focus:M,valid:C,invalid:w,required:K,loading:P,disabled:z,readonly:ie,className:r(e.className,Cs),children:[u&&(0,Be.jsxs)(Be.Fragment,{children:[(0,Be.jsx)(bt,{children:u}),l&&(0,Be.jsx)(Tt,{})]}),(0,Be.jsx)(it,{id:xe,placeholder:k,value:L,type:g,disabled:z,"aria-label":Ve,"aria-describedby":at,"aria-invalid":w?"true":void 0}),c&&(0,Be.jsx)($e,{valid:C,invalid:w,loading:P,disabled:z}),(0,Be.jsx)(Ye,{loading:P,disabled:z}),i&&(0,Be.jsx)(nt,{loading:P,disabled:z,readonly:ie,value:L}),x&&(0,Be.jsxs)(Be.Fragment,{children:[l&&(0,Be.jsx)(Tt,{}),(0,Be.jsx)(ft,{children:x})]})]})};le.states=xu;le.options=Nu;le.className=Cs;le.defaultOptions=nr;le.moduleName=ul;le.folderName=Ls;le.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 ua=le;var ys=require("react/jsx-runtime"),Ms=e=>(0,ys.jsx)(ua,{...e});var Ss=require("react/jsx-runtime");var As=require("react/jsx-runtime");var gu=require("react/jsx-runtime");var ir=require("react/jsx-runtime"),ku=le.states,vu=le.defaultOptions,Lu=le.options,Cu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Mu=[],ba=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,ir.jsx)(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,ir.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,ir.jsx)(Ms,{value:"Value",style:{width:300},...o,...a})};ba.options=Lu;ba.states=ku;ba.variants=Mu;ba.defaultOptions=vu;ba.modifiers=Cu;var st=require("react/jsx-runtime"),ws="k-actionsheet-titlebar",yu={},Xe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:i,input:c,inputValue:u,inputPlaceholder:x,adaptive:g,titleId:L,children:k,...b}=e;return(0,st.jsxs)("div",{...b,className:r(e.className,ws),children:[(0,st.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,st.jsx)("div",{className:"k-actionsheet-actions",children:a}),!k&&(0,st.jsxs)("div",{className:"k-actionsheet-title",id:L,children:[t&&(0,st.jsx)("div",{className:"k-text-center",children:t}),o&&(0,st.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&(0,st.jsx)("div",{className:"k-actionsheet-title",id:L,children:k}),l&&(0,st.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(c\|\|i)&&(0,st.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?(0,st.jsx)(le,{value:u,placeholder:x,size:g?"large":"medium","aria-label":t\|\|x\|\|"Input"}):(0,st.jsx)(ht,{placeholder:"Filter",size:g?"large":"medium","aria-label":"Filter options"})})]})};Xe.className=ws;Xe.defaultOptions=yu;var wo=require("react/jsx-runtime"),bl="k-actionsheet-view",Su=[],Au={},wu={},Eo=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:i,titleId:c,...u}=e,x=(l==null?void 0:l.type)===Xe&&(0,wo.jsx)(Xe,{adaptive:t,titleId:c,...l==null?void 0:l.props}),g=(i==null?void 0:i.type)===oo&&(0,wo.jsx)(oo,{...i==null?void 0:i.props});return(0,wo.jsxs)("div",{...u,className:r(e.className,bl,{[`${bl}-animated`]:o}),children:[x,(0,wo.jsx)("div",{className:"k-actionsheet-content",children:a}),g]})};Eo.states=Su;Eo.options=Au;Eo.className=bl;Eo.defaultOptions=wu;var fa="action-sheet",sr=fa;var fl="overlay",Es=fl;var Is=require("react/jsx-runtime"),Tl="k-overlay",Eu=[],Iu={themeColor:[f.undefined,f.light,f.dark,f.inverse]},Ru={},ro=e=>{let{themeColor:t,...o}=e;return(0,Is.jsx)("div",{...o,className:r(e.className,Tl,S(Tl,{themeColor:t})),children:e.children})};ro.states=Eu;ro.options=Iu;ro.className=Tl;ro.defaultOptions=Ru;ro.moduleName=fl;ro.folderName=Es;var ho=require("react/jsx-runtime"),Rs="k-actionsheet",Ou=[],Pu={},Ta={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},fe=e=>{let{side:t=Ta.side,fullscreen:o=Ta.fullscreen,adaptive:a=Ta.adaptive,overlay:l=Ta.overlay,template:i,children:c,header:u,footer:x,id:g,...L}=e,k=g&&!i&&u?`${g}-title`:void 0;return(0,ho.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,ho.jsx)(ro,{}),(0,ho.jsx)(wt,{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",{...L,id:g,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":k,className:r(e.className,Rs,{[`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:k,...e,children:c})})})]})};fe.states=Ou;fe.options=Pu;fe.className=Rs;fe.defaultOptions=Ta;fe.moduleName=fa;fe.folderName=sr;fe.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 Ps=require("react/jsx-runtime"),Os="k-actionsheet-container",Hu=[],Ku={},Gu={},Io=e=>{let{children:t,...o}=e;return(0,Ps.jsx)("div",{...o,className:Os,children:t})};Io.states=Hu;Io.options=Ku;Io.className=Os;Io.defaultOptions=Gu;Io.moduleName=fa;Io.folderName=sr;var Hs=require("react/jsx-runtime"),hl=e=>{let{...t}=e;return(0,Hs.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var xt=require("react/jsx-runtime"),xl="k-actionsheet-item",Bu=[n.hover,n.focus,n.selected,n.disabled],lo=e=>{let{iconName:t,text:o,description:a,hover:l,focus:i,selected:c,disabled:u,...x}=e;return(0,xt.jsxs)("span",{...x,className:r(e.className,xl,I(xl,{hover:l,focus:i,selected:c,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)(v,{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]})};lo.states=Bu;lo.className=xl;var Ks=require("react/jsx-runtime");var Du=require("react/jsx-runtime");var _u=require("react/jsx-runtime");var zu=require("react/jsx-runtime");var pe=require("react/jsx-runtime"),Uu=fe.options,Fu=fe.states,Bs={...fe.defaultOptions,variant:"normal"},Vu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],$u=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ha=e=>{let{variant:t,modifiers:o,...a}={...Bs,...e},l={},i=(0,pe.jsxs)(hl,{children:[(0,pe.jsx)(lo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,pe.jsx)(lo,{text:"Add to Favorites",iconName:"heart"}),(0,pe.jsx)(lo,{text:"Upload New",iconName:"upload",disabled:!0}),(0,pe.jsx)("hr",{className:"k-hr"}),(0,pe.jsx)(lo,{text:"Cancel",iconName:"cancel"})]}),c="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]?c:void 0;break;case"footer":l.footer=!!(o!=null&&o[x]);break;default:break}}),t==="adaptive"?(0,pe.jsx)(fe,{...a,adaptive:!0,fullscreen:l.fullScreen,header:(0,pe.jsx)(Xe,{actionsStart:l.actionsStart?(0,pe.jsx)(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,pe.jsx)(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?(0,pe.jsxs)(oo,{alignment:"stretched",children:[(0,pe.jsx)(d,{text:"Cancel",size:"large",themeColor:"base"}),(0,pe.jsx)(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,pe.jsx)(fe,{...a,fullscreen:l.fullScreen,header:(0,pe.jsx)(Xe,{actionsStart:l.actionsStart?(0,pe.jsx)(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,pe.jsx)(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,pe.jsxs)(oo,{alignment:"stretched",children:[(0,pe.jsx)(d,{text:"Apply",themeColor:"primary"}),(0,pe.jsx)(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};ha.options=Uu;ha.states=Fu;ha.variants=Vu;ha.defaultOptions=Bs;ha.modifiers=$u;var cr=zn(require("react"));var Nl=require("react/jsx-runtime"),Xu="k-list-group-sticky-header",gl=e=>(0,Nl.jsx)("div",{className:r(Xu,e.className),children:(0,Nl.jsx)("div",{className:"k-list-header-text",children:e.children})});var Ds=require("react/jsx-runtime"),Wu="k-no-data",dr=e=>{let{live:t,...o}=e;return(0,Ds.jsx)("span",{...o,className:r(Wu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var xo="list",Ro=xo;var Oo=require("react/jsx-runtime"),kl="k-list",Ju=[],qu={size:[s.undefined,s.small,s.medium,s.large]},Yu={},$=e=>{var M;let{size:t,virtualization:o,children:a,header:l,optionLabel:i,customValue:c,noData:u,screenReaders:x,...g}=e,k=cr.default.Children.toArray(a)[0],b=(M=k==null?void 0:k.props)!=null&&M.children?cr.default.Children.count(k.props.children):cr.default.Children.count(a);return(0,Oo.jsxs)("div",{...g,className:r(e.className,kl,S(kl,{size:t}),{"k-virtual-list":o}),children:[i,c,l&&(0,Oo.jsx)(gl,{children:l}),a\|\|(u!==void 0?u:(0,Oo.jsx)(dr,{live:!0,children:"No data found."})),x&&a&&(0,Oo.jsxs)(dr,{className:"k-sr-only",live:!0,children:[b," items found."]})]})};$.states=Ju;$.options=qu;$.className=kl;$.defaultOptions=Yu;$.moduleName=xo;$.folderName=Ro;$.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var zs=require("react/jsx-runtime"),_s="k-list-container",Qu=[],Zu={},ju={},Po=e=>{let{...t}=e;return(0,zs.jsx)("div",{...t,className:r(e.className,_s),children:e.children})};Po.states=Qu;Po.options=Zu;Po.className=_s;Po.defaultOptions=ju;Po.moduleName=xo;Po.folderName=Ro;var No="checkbox",Ho=No;var vl=require("react/jsx-runtime"),pr="k-checkbox",eb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],tb={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full]},ob={},Qe=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:i,disabled:c,invalid:u,valid:x,required:g,size:L,rounded:k,...b}=e;return(0,vl.jsx)("span",{className:"k-checkbox-wrap",children:(0,vl.jsx)("input",{...b,id:t,type:"checkbox",defaultChecked:o,required:g,disabled:c\|\|void 0,"aria-invalid":u?"true":void 0,className:r(e.className,pr,S(pr,{size:L,rounded:k}),I(pr,{hover:l,focus:i,disabled:c,invalid:u,valid:x,indeterminate:a,checked:o}))})})};Qe.states=eb;Qe.options=tb;Qe.className=pr;Qe.defaultOptions=ob;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 It=Qe;var Vs=require("react/jsx-runtime"),Us="k-checkbox-list",ab=[],rb={},Fs={layout:"vertical"},Ze=e=>{let{layout:t=Fs.layout,...o}=e;return(0,Vs.jsx)("ul",{...o,className:r(e.className,Us,{[`k-list-${t}`]:t}),children:e.children})};Ze.states=ab;Ze.options=rb;Ze.className=Us;Ze.defaultOptions=Fs;Ze.moduleName=No;Ze.folderName=Ho;var Xs=require("react/jsx-runtime"),$s="k-checkbox-list-item",lb=[],nb={},ib={},We=e=>{let{...t}=e;return(0,Xs.jsx)("li",{...t,className:r(e.className,$s),children:e.children})};We.states=lb;We.options=nb;We.className=$s;We.defaultOptions=ib;We.moduleName=No;We.folderName=Ho;var go=require("react/jsx-runtime"),Ft=({children:e,id:t,...o})=>(0,go.jsxs)(go.Fragment,{children:[(0,go.jsx)(It,{id:t,...o}),(0,go.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Ll=require("react/jsx-runtime");var Cl=require("react/jsx-runtime");var Ml=require("react/jsx-runtime");var sb=require("react/jsx-runtime");var db=require("react/jsx-runtime");var cb=require("react/jsx-runtime");var De=require("react/jsx-runtime"),pb=Ze.options,mb=Ze.states,ub={...Ze.defaultOptions,variant:"vertical"},bb=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],fb=[],xa=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,De.jsxs)(Ze,{layout:"horizontal",...o,children:[(0,De.jsx)(We,{children:(0,De.jsx)(Ft,{id:"first",defaultChecked:!0,children:"Label"})}),(0,De.jsx)(We,{children:(0,De.jsx)(Ft,{id:"second",children:"Label"})}),(0,De.jsx)(We,{children:(0,De.jsx)(Ft,{id:"third",children:"Label"})})]}):(0,De.jsxs)(Ze,{...o,children:[(0,De.jsx)(We,{children:(0,De.jsx)(Ft,{id:"first",defaultChecked:!0,children:"Label"})}),(0,De.jsx)(We,{children:(0,De.jsx)(Ft,{id:"second",children:"Label"})}),(0,De.jsx)(We,{children:(0,De.jsx)(Ft,{id:"third",children:"Label"})})]})};xa.options=pb;xa.states=mb;xa.variants=bb;xa.defaultOptions=ub;xa.modifiers=fb;var Ws=require("react/jsx-runtime"),Tb=It.options,hb=It.states,xb=It.defaultOptions,Nb=[],gb=[],Na=e=>(0,Ws.jsx)(Ft,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});Na.options=Tb;Na.states=hb;Na.variants=Nb;Na.defaultOptions=xb;Na.modifiers=gb;var Rt=require("react/jsx-runtime"),yl="k-list-item",kb=[n.hover,n.focus,n.selected,n.disabled],vb={},Lb={},_=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:i,showCheckbox:c,checked:u,hover:x,focus:g,selected:L,disabled:k,actions:b,description:M,id:C,...w}=e,K=t\|\|e.children;return(0,Rt.jsxs)("li",{...w,id:C,role:a?"presentation":"option",tabIndex:a?void 0:g?0:-1,"aria-selected":!a&&L?"true":a?void 0:"false","aria-disabled":!a&&k?"true":void 0,className:r(e.className,a?"k-list-group-item":yl,I(yl,{hover:x,focus:g,disabled:k,selected:L})),children:[c&&(0,Rt.jsx)(Qe,{checked:u}),l&&(0,Rt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Rt.jsx)(v,{icon:l,className:r("k-list-item-icon",i)})}),(0,Rt.jsx)("span",{className:"k-list-item-text",children:K}),b&&(0,Rt.jsx)("div",{className:"k-list-item-actions",children:b}),M&&(0,Rt.jsx)("span",{className:"k-list-item-description",children:M}),o&&o!==""&&(0,Rt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};_.states=kb;_.options=vb;_.className=yl;_.defaultOptions=Lb;_.moduleName=xo;_.folderName=Ro;_.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 Js=require("react/jsx-runtime"),Cb="k-list-ul",Vt=e=>{let{children:t,role:o,id:a,...l}=e;return(0,Js.jsx)("ul",{...l,id:a,role:o,className:r(Cb,e.className),children:t})};Vt.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"),Mb="k-list-content",q=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:i,...c}=e;return(0,Ko.jsxs)("div",{...c,className:r(Mb,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)(Vt,{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",{})})]})};q.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};var Sl=require("react/jsx-runtime");var Go=require("react/jsx-runtime"),yb="k-list-group-item",ko=e=>{let{groupIconName:t,...o}=e;return(0,Go.jsxs)("li",{...o,role:"presentation",className:r(yb,e.className),children:[t&&(0,Go.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Go.jsx)(v,{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 qs=require("react/jsx-runtime"),Al="k-list-optionlabel",Sb=[n.hover,n.focus,n.selected,n.disabled],Ab={},wb={},mr=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...c}=e;return(0,qs.jsx)("div",{...c,className:r(Al,I(Al,{hover:o,focus:a,selected:l,disabled:i})),children:t})};mr.states=Sb;mr.options=Ab;mr.className=Al;mr.defaultOptions=wb;var Ys=require("react/jsx-runtime"),wl="k-list-custom-value",Eb=[n.hover,n.focus,n.selected,n.disabled],Ib={},Rb={},no=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...c}=e;return(0,Ys.jsx)("div",{...c,className:r(wl,I(wl,{hover:o,focus:a,selected:l,disabled:i})),children:t})};no.states=Eb;no.options=Ib;no.className=wl;no.defaultOptions=Rb;var El=require("react/jsx-runtime");var Il=require("react/jsx-runtime");var Rl=require("react/jsx-runtime");var Ol=require("react/jsx-runtime");var Ob=require("react/jsx-runtime");var Pl=require("react/jsx-runtime");var Qs="dropdown-list",Zs="dropdownlist";var me=require("react/jsx-runtime"),js="k-dropdownlist",Pb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Hb={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Hl={showValue:!0,arrowIconName:"caret-alt-down"},Y=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Hl.arrowIconName,showValue:i=Hl.showValue,valueIconName:c,prefix:u,suffix:x,value:g,placeholder:L,hover:k,focus:b,valid:M,invalid:C,required:w,loading:K,disabled:P,readonly:z,popup:ie,opened:xe,adaptive:Ve,adaptiveSettings:at,adaptiveTitle:rt,adaptiveSubtitle:Mo,adaptiveFilter:Ar,...Fa}=e;return(0,me.jsxs)(me.Fragment,{children:[(0,me.jsxs)(At,{...Fa,size:t,rounded:o,fillMode:a,hover:k,focus:b,valid:M,invalid:C,required:w,loading:K,disabled:P,readonly:z,className:r(e.className,js,{"k-icon-picker":!i&&c}),children:[(0,me.jsx)(bt,{children:u}),(0,me.jsx)(To,{placeholder:L,value:g,showValue:i,valueIconName:c}),(0,me.jsx)($e,{valid:M,invalid:C,loading:K,disabled:P}),(0,me.jsx)(Ye,{loading:K,disabled:P}),(0,me.jsx)(ft,{children:x}),(0,me.jsx)(d,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":L\|\|"Toggle dropdown"})]}),xe&&ie&&(0,me.jsx)(re,{className:"k-list-container k-dropdownlist-popup",children:ie}),Ve&&(0,me.jsx)(fe,{adaptive:!0,...at,header:(0,me.jsx)(Xe,{actionsEnd:(0,me.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Ar,inputValue:g,inputPlaceholder:L,title:rt,subtitle:Mo}),children:(0,me.jsx)("div",{className:"k-list-container",children:(0,me.jsx)($,{size:"large",children:(0,me.jsxs)(q,{children:[(0,me.jsx)(_,{text:"List item"}),(0,me.jsx)(_,{text:"List item"}),(0,me.jsx)(_,{text:"List item"})]})})})})]})};Y.states=Pb;Y.options=Hb;Y.className=js;Y.defaultOptions=Hl;Y.moduleName=Qs;Y.folderName=Zs;var Kb=require("react/jsx-runtime");var ed=require("react/jsx-runtime");var Kl=require("react/jsx-runtime");var Gb=require("react/jsx-runtime");var td=require("react/jsx-runtime");var Gl=require("react/jsx-runtime");var je=require("react/jsx-runtime"),Bb=Y.states,Db=Y.defaultOptions,_b=Y.options,zb=[{name:"opened",title:"Opened"}],Ub=[],ka=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)($,{style:{width:300},size:o.size,children:(0,je.jsxs)(q,{children:[(0,je.jsx)(_,{children:"List item"}),(0,je.jsx)(_,{children:"List item"}),(0,je.jsx)(_,{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)(Y,{placeholder:"Value",style:{width:300},...o,...a})})};ka.options=_b;ka.states=Bb;ka.variants=Ub;ka.defaultOptions=Db;ka.modifiers=zb;var va=require("react/jsx-runtime"),od="k-spin-button",$b=[],Xb={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Bl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},io=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=Bl.increaseLabel,decreaseLabel:i=Bl.decreaseLabel,...c}=e;return(0,va.jsxs)("span",{...c,className:r(od,e.className),children:[(0,va.jsx)(d,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),(0,va.jsx)(d,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};io.states=$b;io.options=Xb;io.className=od;io.defaultOptions=Bl;io.moduleName=null;io.folderName=null;var ad="numeric-textbox",rd="numerictextbox";var Ae=require("react/jsx-runtime"),ld="k-numerictextbox",Wb=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Jb={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ur={showSpinButton:!0,showClearButton:!0,separators:!0},U=e=>{let{size:t,rounded:o,fillMode:a,separators:l=ur.separators,showClearButton:i=ur.showClearButton,showSpinButton:c=ur.showSpinButton,prefix:u,suffix:x,value:g,placeholder:L,hover:k,focus:b,valid:M,invalid:C,required:w,loading:K,disabled:P,readonly:z,id:ie,"aria-label":xe,"aria-describedby":Ve,...at}=e;return(0,Ae.jsxs)(ve,{...at,size:t,rounded:o,fillMode:a,hover:k,focus:b,valid:M,invalid:C,required:w,loading:K,disabled:P,readonly:z,className:r(e.className,ld),children:[u&&(0,Ae.jsxs)(Ae.Fragment,{children:[(0,Ae.jsx)(bt,{children:u}),l&&(0,Ae.jsx)(Tt,{})]}),(0,Ae.jsx)(it,{id:ie,placeholder:L,value:g,role:"spinbutton",disabled:P,"aria-label":xe,"aria-describedby":Ve,"aria-invalid":C?"true":void 0}),(0,Ae.jsx)($e,{valid:M,invalid:C,loading:K,disabled:P}),(0,Ae.jsx)(Ye,{loading:K,disabled:P}),i&&(0,Ae.jsx)(nt,{loading:K,disabled:P,readonly:z,value:g}),x&&(0,Ae.jsxs)(Ae.Fragment,{children:[l&&(0,Ae.jsx)(Tt,{}),(0,Ae.jsx)(ft,{children:x})]}),c&&(0,Ae.jsx)(io,{className:"k-input-spinner",size:t,fillMode:a,disabled:P})]})};U.states=Wb;U.options=Jb;U.className=ld;U.defaultOptions=ur;U.moduleName=ad;U.folderName=rd;U.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 La=U;var id=require("react/jsx-runtime"),nd=e=>(0,id.jsx)(La,{...e});var sd=require("react/jsx-runtime");var dd=require("react/jsx-runtime");var qb=require("react/jsx-runtime");var br=require("react/jsx-runtime"),Yb=U.states,Qb=U.defaultOptions,Zb=U.options,jb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],ef=[],Ca=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,br.jsx)(Y,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,br.jsx)(rl,{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,br.jsx)(nd,{value:"Value",style:{width:300},...o,...a})};Ca.options=Zb;Ca.states=Yb;Ca.variants=ef;Ca.defaultOptions=Qb;Ca.modifiers=jb;var Dl="pager",cd=Dl;var Q=require("react/jsx-runtime"),fr="k-pager",tf=[n.focus,n.disabled],of={size:[s.undefined,s.small,s.medium,s.large]},dt={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},Le=e=>{let{responsive:t=dt.responsive,size:o,pagerSizeInfo:a=dt.pagerSizeInfo,pageTitleInfo:l=dt.pageTitleInfo,maxPagesInfo:i=dt.maxPagesInfo,itemsPerPage:c=dt.itemsPerPage,maxPages:u=dt.maxPages,currentPage:x=dt.currentPage,previousNext:g=dt.previousNext,type:L=dt.type,pageSizes:k=dt.pageSizes,refresh:b=dt.refresh,info:M=dt.info,focus:C,disabled:w,dir:K,...P}=e,z=[],ie=[];for(let xe=1;xe<=u;xe++)z.push((0,Q.jsx)(d,{selected:xe===x,fillMode:"flat",themeColor:"primary",size:o,children:xe})),ie.push((0,Q.jsx)("option",{selected:xe===x,children:xe}));return(0,Q.jsxs)("div",{dir:K,...P,className:r(e.className,fr,S(fr,{size:o}),I(fr,{focus:C,disabled:w}),{"k-pager-responsive":t}),children:[(0,Q.jsxs)("div",{className:r("k-pager-numbers-wrap"),children:[g&&(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(d,{className:r("k-pager-nav","k-pager-first"),disabled:x===1&&!w,fillMode:"flat",size:o,icon:K==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),(0,Q.jsx)(d,{className:r("k-pager-nav"),disabled:x===1&&!w,fillMode:"flat",size:o,icon:K==="rtl"?"caret-alt-right":"caret-alt-left"})]}),L==="numeric"&&(0,Q.jsx)("div",{className:r("k-pager-numbers"),children:z}),L==="input"&&(0,Q.jsxs)("span",{className:r("k-pager-input"),children:[l&&(0,Q.jsx)("span",{children:"Page"}),(0,Q.jsx)(U,{value:`${x}`,size:o,showSpinButton:!1,showClearButton:!1}),(0,Q.jsx)("span",{children:i&&`of ${u}`})]}),g&&(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(d,{className:r("k-pager-nav"),disabled:x===u&&!w,fillMode:"flat",size:o,icon:K==="rtl"?"caret-alt-left":"caret-alt-right"}),(0,Q.jsx)(d,{className:r("k-pager-nav","k-pager-last"),disabled:x===u&&!w,fillMode:"flat",size:o,icon:K==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),k&&(0,Q.jsxs)("span",{className:r("k-pager-sizes"),children:[(0,Q.jsx)(Y,{value:`${c}`,size:o}),a&&(0,Q.jsx)("span",{children:"items per page"})]}),b&&(0,Q.jsx)(d,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),M&&(0,Q.jsx)("span",{className:r("k-pager-info"),children:M})]})};Le.states=tf;Le.options=of;Le.className=fr;Le.defaultOptions=dt;Le.moduleName=Dl;Le.folderName=cd;var af=require("react/jsx-runtime");var rf=require("react/jsx-runtime");var lf=require("react/jsx-runtime");var _l=require("react/jsx-runtime"),nf=Le.options,sf=Le.states,df={...Le.defaultOptions,variant:"numeric"},cf=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],pf=[],Ma=e=>{let{variant:t,...o}=e;return t==="input"?(0,_l.jsx)(Le,{...o,type:"input"}):(0,_l.jsx)(Le,{...o,type:"numeric"})};Ma.options=nf;Ma.states=sf;Ma.variants=cf;Ma.defaultOptions=df;Ma.modifiers=pf;var md=require("react/jsx-runtime"),pd="k-grid-pager",Ot=e=>(0,md.jsx)(Le,{...e,className:r(e.className,pd),children:e.children});Ot.className=pd;Ot.moduleName=F;Ot.folderName=V;var zl="button",ud=zl;var bd=require("react/jsx-runtime"),ya="k-button-group",mf=[n.disabled],uf={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},bf={},D=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return(0,bd.jsx)("div",{role:"group",...l,className:r(e.className,ya,S(ya,{fillMode:t}),I(ya,{disabled:o}),{[`${ya}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};D.states=mf;D.options=uf;D.className=ya;D.defaultOptions=bf;D.moduleName=zl;D.folderName=ud;D.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var Ul=require("react/jsx-runtime");var Fl=require("react/jsx-runtime");var Vl=require("react/jsx-runtime");var $l=require("react/jsx-runtime");var Xl=require("react/jsx-runtime");var Wl=require("react/jsx-runtime");var et=require("react/jsx-runtime"),ff={...d.options,...D.options},Tf=d.states,hf={...d.defaultOptions,...D.defaultOptions,variant:"text-button"},xf=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Nf=[],Sa=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,et.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,et.jsx)(d,{...a,icon:"star"}),(0,et.jsx)(d,{...a,icon:"star"}),(0,et.jsx)(d,{...a,icon:"star"})]}):t==="icon-text-button"?(0,et.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,et.jsx)(d,{...a,icon:"star",children:"First"}),(0,et.jsx)(d,{...a,icon:"star",children:"Middle"}),(0,et.jsx)(d,{...a,icon:"star",children:"Last"})]}):(0,et.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,et.jsx)(d,{...a,children:"First"}),(0,et.jsx)(d,{...a,children:"Middle"}),(0,et.jsx)(d,{...a,children:"Last"})]})};Sa.options=ff;Sa.states=Tf;Sa.variants=xf;Sa.defaultOptions=hf;Sa.modifiers=Nf;var Aa=require("react/jsx-runtime"),fd="k-color-preview",gf=[],kf={},so=e=>{let{color:t,iconName:o,...a}=e;return(0,Aa.jsxs)("span",{...a,className:r(e.className,fd,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Aa.jsx)(v,{icon:o,className:"k-color-preview-icon"}),(0,Aa.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};so.states=gf;so.options=kf;so.className=fd;var Jl="slider",Td=Jl;var Ct=require("react/jsx-runtime"),wa="k-slider",vf=[n.hover,n.focus,n.active,n.disabled,n.readonly],Lf={},gt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ne=e=>{let{type:t=gt.type,orientation:o=gt.orientation,gradientType:a=gt.gradientType,readonly:l=gt.readonly,disabled:i=gt.disabled,handlePosition:c=gt.handlePosition,showButtons:u=gt.showButtons,showTicks:x=gt.showTicks,value:g=gt.value,min:L=gt.min,max:k=gt.max,startValue:b,endValue:M,hover:C,focus:w,active:K,trackStyle:P,dir:z,...ie}=e,Ve=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),at,rt;return o==="horizontal"?(at=z==="rtl"?"caret-alt-left":"caret-alt-right",rt=z==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(at="caret-alt-up",rt="caret-alt-down"),(0,Ct.jsxs)("div",{...ie,className:r(wa,e.className,I(wa,{readonly:l,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:z,children:[u&&(0,Ct.jsx)(d,{className:"k-button-decrease",rounded:"full",icon:rt,tabIndex:-1,title:"Decrease"}),(0,Ct.jsxs)("div",{className:"k-slider-track-wrap",children:[x&&(0,Ct.jsx)("ul",{className:"k-reset k-slider-items",children:e.children}),(0,Ct.jsxs)("div",{className:"k-slider-track",style:P,children:[(0,Ct.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Ct.jsx)("span",{className:r("k-draghandle","k-draghandle-start",I(wa,{hover:C,focus:w,active:K})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":b??L,"aria-valuemin":L,"aria-valuemax":M??k,"aria-orientation":Ve,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":ie["aria-label"]?`${ie["aria-label"]} start`:"Range start"}),(0,Ct.jsx)("span",{className:r("k-draghandle",`k-draghandle-${c}`,I(wa,{hover:C,focus:w,active:K})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?M??k:g,"aria-valuemin":t==="range"?b??L:L,"aria-valuemax":k,"aria-orientation":Ve,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?ie["aria-label"]?`${ie["aria-label"]} end`:"Range end":ie["aria-label"]})]})]}),u&&(0,Ct.jsx)(d,{className:"k-button-increase",rounded:"full",icon:at,tabIndex:-1,title:"Increase"})]})};ne.states=vf;ne.options=Lf;ne.className=wa;ne.defaultOptions=gt;ne.moduleName=Jl;ne.folderName=Td;ne.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 ql=require("react/jsx-runtime"),hd="k-tick",Cf=[],Mf={},xd={label:!1},G=e=>{let{style:t,label:o=xd.label,orientation:a,large:l,text:i,...c}=e;return(0,ql.jsx)("li",{...c,className:r(e.className,hd,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&(0,ql.jsx)("span",{className:"k-label",children:i})})};G.states=Cf;G.options=Mf;G.className=hd;G.defaultOptions=xd;var we=require("react/jsx-runtime"),Nd=e=>(0,we.jsx)(ne,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,we.jsxs)(we.Fragment,{children:[(0,we.jsx)(G,{className:"k-first",label:!0,large:!0,text:"0"}),(0,we.jsx)(G,{}),(0,we.jsx)(G,{}),(0,we.jsx)(G,{}),(0,we.jsx)(G,{}),(0,we.jsx)(G,{label:!0,large:!0,text:"5"}),(0,we.jsx)(G,{}),(0,we.jsx)(G,{}),(0,we.jsx)(G,{}),(0,we.jsx)(G,{}),(0,we.jsx)(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Ee=require("react/jsx-runtime"),gd=e=>(0,Ee.jsx)(ne,{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"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var Yl=require("react/jsx-runtime");var Ql=require("react/jsx-runtime");var kd=require("react/jsx-runtime"),Zl=e=>(0,kd.jsx)(ne,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var vd=require("react/jsx-runtime"),jl=e=>(0,vd.jsx)(ne,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var en=require("react/jsx-runtime");var tn=require("react/jsx-runtime");var tt=require("react/jsx-runtime"),yf=ne.options,Sf=ne.states,Ld={...ne.defaultOptions,variant:"horizontal",label:!0},Af=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],wf=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ea=e=>{let{variant:t,modifiers:o,...a}={...Ld,...e},l={};Object.keys(o\|\|{}).forEach(g=>{switch(g){case"button":{l.showButtons=!!(o!=null&&o[g]);break}case"label":{l.label=!!(o!=null&&o[g]);break}case"tick":{l.showTicks=!!(o!=null&&o[g]);break}}});let{label:i=!0,showButtons:c,showTicks:u}=l,x={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,tt.jsxs)(gd,{showTicks:u,showButtons:c,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)(Nd,{showTicks:u,showButtons:c,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%"}})]})};Ea.options=yf;Ea.states=Sf;Ea.variants=Af;Ea.defaultOptions=Ld;Ea.modifiers=wf;var A=require("react/jsx-runtime"),Cd="k-colorgradient-inputs",Ef=[],If={size:[s.undefined,s.small,s.medium,s.large]},Md={mode:"rgba"},Bo=e=>{let{mode:t=Md.mode,size:o,...a}=e;return(0,A.jsxs)("div",{...a,className:r(Cd,"k-hstack"),children:[(0,A.jsx)("div",{className:"k-vstack",children:(0,A.jsx)(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,A.jsx)(A.Fragment,{children:(0,A.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,A.jsx)(le,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Bo.states=Ef;Bo.options=If;Bo.className=Cd;Bo.defaultOptions=Md;var _e=require("react/jsx-runtime"),yd="k-colorgradient-color-contrast",Rf=[],Of={},Pf={},Do=()=>(0,_e.jsxs)("div",{className:r(yd,"k-vbox"),children:[(0,_e.jsxs)("div",{className:"k-contrast-ratio",children:[(0,_e.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,_e.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,_e.jsx)(v,{icon:"check"}),(0,_e.jsx)(v,{icon:"check"})]})]}),(0,_e.jsxs)("div",{children:[(0,_e.jsx)("span",{children:"AA: 4.5"}),(0,_e.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,_e.jsx)(v,{icon:"check"})]})]}),(0,_e.jsxs)("div",{children:[(0,_e.jsx)("span",{children:"AAA: 7.0"}),(0,_e.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,_e.jsx)(v,{icon:"x"})]})]})]});Do.states=Rf;Do.options=Of;Do.className=yd;Do.defaultOptions=Pf;var Sd="color-gradient",Ad="colorgradient";var Ce=require("react/jsx-runtime"),Tr="k-colorgradient",Hf=[n.hover,n.focus,n.readonly,n.disabled],Kf={size:[s.undefined,s.small,s.medium,s.large]},Pt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},Ie=e=>{let{size:t,mode:o=Pt.mode,readonly:a=Pt.readonly,disabled:l=Pt.disabled,gradientStyle:i=Pt.gradientStyle,dragHandleStyle:c=Pt.dragHandleStyle,alphaStyle:u=Pt.alphaStyle,alphaStyleHorizontal:x=Pt.alphaStyleHorizontal,contrast:g=Pt.contrast,dir:L,hover:k,focus:b,hoverHandle:M,focusHandle:C,canvasOrientation:w=Pt.canvasOrientation,role:K,tabIndex:P,...z}=e;return(0,Ce.jsxs)("div",{...z,role:K??"textbox","aria-label":K==="none"?void 0:"Color gradient",tabIndex:P??0,"aria-disabled":l?"true":void 0,className:r(e.className,Tr,S(Tr,{size:t}),I(Tr,{hover:k,focus:b,readonly:a,disabled:l})),dir:L,children:[!w\|\|w==="horizontal"&&(0,Ce.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,Ce.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,Ce.jsx)("div",{className:"k-hsv-gradient",children:(0,Ce.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,Ce.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,Ce.jsx)(jl,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&(0,Ce.jsx)(jl,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:u})]})]}),w==="vertical"&&(0,Ce.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,Ce.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,Ce.jsx)("div",{className:"k-hsv-gradient",children:(0,Ce.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,Ce.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,Ce.jsx)(Zl,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&(0,Ce.jsx)(Zl,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:x})]})]}),(0,Ce.jsx)(Bo,{mode:e.mode,size:t}),g&&(0,Ce.jsx)(Do,{})]})};Ie.states=Hf;Ie.options=Kf;Ie.className=Tr;Ie.defaultOptions=Pt;Ie.moduleName=Sd;Ie.folderName=Ad;Ie.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};var wd=require("react/jsx-runtime"),hr=e=>(0,wd.jsx)(Ie,{...e});var Gf=require("react/jsx-runtime");var Bf=require("react/jsx-runtime");var xr=require("react/jsx-runtime"),Df=Ie.options,_f=Ie.states,zf={...Ie.defaultOptions,variant:"rgba"},Uf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Ff=[],Ia=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,xr.jsx)(hr,{...o,mode:t});case"rgb":return(0,xr.jsx)(hr,{...o,mode:t});default:return(0,xr.jsx)(hr,{...o,mode:t})}};Ia.options=Df;Ia.states=_f;Ia.variants=Uf;Ia.defaultOptions=zf;Ia.modifiers=Ff;var Ed=require("react/jsx-runtime"),on=e=>(0,Ed.jsx)("tr",{role:"row",children:e.children});var Id=require("react/jsx-runtime"),an="k-colorpalette-tile",Vf=[n.hover,n.focus,n.selected],$f={},_o=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:i,...c}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,Id.jsx)("td",{...c,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,an,I(an,{hover:a,focus:l,selected:i})),style:u})};_o.states=Vf;_o.options=$f;_o.className=an;var Rd="color-palette",Od="colorpalette";var zo=require("react/jsx-runtime"),Nr="k-colorpalette",Xf=[n.disabled],Wf={size:[s.undefined,s.small,s.medium,s.large]},Pd={columns:10},ot=e=>{let{size:t,palette:o,columns:a=Pd.columns,tileSize:l,disabled:i,...c}=e,u=[];if(o){let x=a\|\|o.columns,g=o.colors?o.colors:o;Array.isArray(g)&&Array.from({length:Math.ceil(g.length/x)},(L,k)=>{let b=[];g.slice(kx,(k+1)x).map((C,w)=>{b.push((0,zo.jsx)(_o,{color:C,tileSize:l},w))});let M=(0,zo.jsx)(on,{children:b},k);u.push(M)})}return(0,zo.jsx)("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,Nr,I(Nr,{disabled:i}),S(Nr,{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=Wf;ot.className=Nr;ot.defaultOptions=Pd;ot.moduleName=Rd;ot.folderName=Od;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 gr=ot;var Ra={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 Kd=require("react/jsx-runtime"),Hd=e=>(0,Kd.jsx)(gr,{palette:Ra.basic,...e});var Jf=require("react/jsx-runtime");var Gd=require("react/jsx-runtime");var Bd=require("react/jsx-runtime"),qf=ot.options,Yf=ot.states,Qf={...ot.defaultOptions,variant:"basic"},Zf=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],jf={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}},eT=[],Oa=e=>{let{variant:t="basic",...o}=e,a=jf[t];return(0,Bd.jsx)(Hd,{columns:a.columns,palette:a,...o})};Oa.options=qf;Oa.states=Yf;Oa.variants=Zf;Oa.defaultOptions=Qf;Oa.modifiers=eT;var Dd="color-editor",_d="coloreditor";var Te=require("react/jsx-runtime"),kr="k-coloreditor",tT=[n.focus],oT={size:[s.undefined,s.small,s.medium,s.large]},Pa={view:"gradient",palette:Ra.office,actionButtons:!0,canvasOrientation:"horizontal"},he=e=>{let{size:t,view:o=Pa.view,palette:a=Pa.palette,color:l,currentColor:i,focus:c,focusView:u,dir:x,group:g,actionButtons:L=Pa.actionButtons,canvasOrientation:k=Pa.canvasOrientation,...b}=e;return(0,Te.jsxs)("div",{...b,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",kr,S(kr,{size:t}),I(kr,{focus:c})),dir:x,children:[(0,Te.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,Te.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:g&&(0,Te.jsxs)(D,{fillMode:"flat",children:[(0,Te.jsx)(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,Te.jsx)(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,Te.jsx)("div",{className:"k-spacer"}),(0,Te.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,Te.jsx)(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,Te.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,Te.jsx)(so,{className:"k-coloreditor-preview-color",color:l}),(0,Te.jsx)(so,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,Te.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,Te.jsx)(Ie,{focus:u,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):(0,Te.jsx)(ot,{palette:a,size:t})}),L&&(0,Te.jsxs)(Et,{className:"k-coloreditor-footer",alignment:"start",children:[(0,Te.jsx)(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,Te.jsx)(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};he.states=tT;he.options=oT;he.className=kr;he.defaultOptions=Pa;he.moduleName=Dd;he.folderName=_d;he.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=he;var aT=require("react/jsx-runtime");var rT=require("react/jsx-runtime");var Ud=require("react/jsx-runtime"),zd=e=>(0,Ud.jsx)(Uo,{group:!0,currentColor:"fuchsia",...e});var Vd=require("react/jsx-runtime"),Fd=e=>(0,Vd.jsx)(Uo,{view:"palette",group:!0,currentColor:"fuchsia",...e});var rn=require("react/jsx-runtime"),lT=he.options,nT=he.states,iT={...he.defaultOptions,variant:"gradient"},sT=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],dT=[],Ha=e=>{let{variant:t,...o}=e;return t==="palette"?(0,rn.jsx)(Fd,{...o,color:"white"}):(0,rn.jsx)(zd,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Ha.options=lT;Ha.states=nT;Ha.variants=sT;Ha.defaultOptions=iT;Ha.modifiers=dT;var $d="color-picker",Xd="colorpicker";var Me=require("react/jsx-runtime"),Wd="k-colorpicker",cT=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],pT={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Jd={arrowIconName:"caret-alt-down"},ct=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Jd.arrowIconName,prefix:i,suffix:c,value:u,placeholder:x,hover:g,focus:L,valid:k,invalid:b,required:M,disabled:C,valueIconName:w,popup:K,opened:P,adaptive:z,adaptiveSettings:ie,adaptiveTitle:xe,adaptiveSubtitle:Ve,...at}=e,rt="colorpicker-popup";return(0,Me.jsxs)(Me.Fragment,{children:[(0,Me.jsxs)(At,{...at,size:t,rounded:o,fillMode:a,hover:g,focus:L,valid:k,invalid:b,required:M,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":P?"true":"false","aria-controls":P\|\|z?rt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:r(e.className,Wd,"k-icon-picker"),children:[(0,Me.jsx)(bt,{children:i}),(0,Me.jsx)(To,{placeholder:x,value:u,showValue:!1,valueIcon:(0,Me.jsx)(so,{className:"k-value-icon",color:u,iconName:w}),valueIconName:w}),(0,Me.jsx)(ft,{children:c}),(0,Me.jsx)(d,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),P&&K&&(0,Me.jsx)(re,{id:rt,className:"k-colorpicker-popup",children:K}),z&&(0,Me.jsx)(fe,{adaptive:!0,id:rt,...ie,header:(0,Me.jsx)(Xe,{actionsEnd:(0,Me.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:xe,subtitle:Ve}),footer:(0,Me.jsxs)(oo,{children:[(0,Me.jsx)(d,{text:"Cancel",size:"large"}),(0,Me.jsx)(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,Me.jsx)(he,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};ct.states=cT;ct.options=pT;ct.className=Wd;ct.defaultOptions=Jd;ct.moduleName=$d;ct.folderName=Xd;ct.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 co=ct;var qd=require("react/jsx-runtime"),vr=e=>(0,qd.jsx)(co,{...e});var mT=require("react/jsx-runtime");var uT=require("react/jsx-runtime");var bT=require("react/jsx-runtime");var fT=require("react/jsx-runtime");var TT=require("react/jsx-runtime");var hT=require("react/jsx-runtime");var po=require("react/jsx-runtime"),xT=co.options,NT=co.states,Yd={...co.defaultOptions,variant:"color"},gT=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],kT=[{name:"opened",title:"Opened"}],Ka=e=>{let{variant:t,modifiers:o,...a}={...Yd,...e},l={};Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(l.opened=!!(o!=null&&o[c]),l.popup=o!=null&&o[c]?(0,po.jsx)(he,{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,po.jsx)("div",{style:i,children:(0,po.jsx)(vr,{...a,...l})});case"icon":return(0,po.jsx)("div",{style:i,children:(0,po.jsx)(vr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return(0,po.jsx)("div",{style:i,children:(0,po.jsx)(vr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};Ka.options=xT;Ka.states=NT;Ka.variants=gT;Ka.defaultOptions=Yd;Ka.modifiers=kT;var ln="combobox",Qd=ln;var J=require("react/jsx-runtime"),Zd="k-combobox",vT=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],LT={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},jd={separators:!0},Je=e=>{let{size:t,rounded:o,fillMode:a,separators:l=jd.separators,prefix:i,suffix:c,value:u,placeholder:x,hover:g,focus:L,valid:k,invalid:b,required:M,loading:C,disabled:w,popup:K,opened:P,readonly:z,adaptive:ie,adaptiveSettings:xe,adaptiveTitle:Ve,adaptiveSubtitle:at,adaptiveCustomValue:rt,id:Mo,autocomplete:Ar,activeDescendant:Fa,"aria-label":Xc,...Wc}=e,Jc=Mo?`${Mo}-listbox`:void 0;return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(ve,{...Wc,size:t,rounded:o,fillMode:a,hover:g,focus:L,valid:k,invalid:b,required:M,loading:C,disabled:w,readonly:z,className:r(e.className,Zd),children:[i&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(bt,{children:i}),l&&(0,J.jsx)(Tt,{})]}),(0,J.jsx)(it,{placeholder:x,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":P?"true":"false","aria-controls":P?Jc:void 0,"aria-activedescendant":P&&Fa?Fa:void 0,"aria-autocomplete":Ar,"aria-invalid":b?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":Xc,disabled:w,readOnly:z}),(0,J.jsx)($e,{valid:k,invalid:b,loading:C,disabled:w}),(0,J.jsx)(Ye,{loading:C,disabled:w}),(0,J.jsx)(nt,{loading:C,disabled:w,readonly:z,value:u}),c&&(0,J.jsxs)(J.Fragment,{children:[l&&(0,J.jsx)(Tt,{}),(0,J.jsx)(ft,{children:c})]}),(0,J.jsx)(d,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:w})]}),P&&K&&(0,J.jsx)(re,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:K}),ie&&(0,J.jsx)(fe,{adaptive:!0,id:Mo?`${Mo}-adaptive`:void 0,...xe,header:(0,J.jsx)(Xe,{actionsEnd:(0,J.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:x,title:Ve,subtitle:at}),children:(0,J.jsx)("div",{className:"k-list-container",children:(0,J.jsx)($,{customValue:rt?(0,J.jsx)(no,{text:`Use "${u}"`}):void 0,size:"large",children:(0,J.jsxs)(q,{"aria-label":Ve\|\|"Options",children:[(0,J.jsx)(_,{text:"List item"}),(0,J.jsx)(_,{text:"List item"}),(0,J.jsx)(_,{text:"List item"})]})})})})]})};Je.states=vT;Je.options=LT;Je.className=Zd;Je.defaultOptions=jd;Je.moduleName=ln;Je.folderName=Qd;Je.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 pt=Je;var tc=require("react/jsx-runtime"),ec=e=>(0,tc.jsx)(pt,{...e});var oc=require("react/jsx-runtime");var ac=require("react/jsx-runtime");var rc=require("react/jsx-runtime");var lc=require("react/jsx-runtime");var nc=require("react/jsx-runtime");var ic=require("react/jsx-runtime");var nn=require("react/jsx-runtime");var CT=require("react/jsx-runtime");var MT=require("react/jsx-runtime");var sc=require("react/jsx-runtime");var dc=require("react/jsx-runtime");var Mt=require("react/jsx-runtime"),yT=Je.states,ST=Je.defaultOptions,AT=Je.options,wT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],ET=[],Ga=e=>{let{modifiers:t,...o}=e,a={},l=(0,Mt.jsx)($,{style:{width:300},size:o.size,children:(0,Mt.jsxs)(q,{children:[(0,Mt.jsx)(_,{children:"List item"}),(0,Mt.jsx)(_,{children:"List item"}),(0,Mt.jsx)(_,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,Mt.jsx)(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,Mt.jsx)(to,{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,Mt.jsx)("div",{children:(0,Mt.jsx)(ec,{value:"Value",style:{width:300},...o,...a})})};Ga.options=AT;Ga.states=yT;Ga.variants=ET;Ga.defaultOptions=ST;Ga.modifiers=wT;var sn="menu-button",cc=sn;var mc=require("react/jsx-runtime"),pc="k-menu-button",IT=[n.hover,n.focus,n.active,n.selected,n.disabled],RT={size:[s.undefined,s.small,s.medium,s.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]},dn={showArrow:!0,arrowIconName:"caret-alt-down"},Z=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:u,selected:x,disabled:g,icon:L,text:k,showArrow:b=dn.showArrow,arrowIconName:M=dn.arrowIconName,expanded:C,...w}=e;return(0,mc.jsx)(d,{...w,className:r(e.className,pc),text:k,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:u,selected:x,disabled:g,icon:L,showArrow:b,arrowIconName:M,"aria-expanded":C?"true":"false",...!k&&L&&!e["aria-label"]&&{"aria-label":"Menu"},...g&&{"aria-disabled":"true"}})};Z.states=IT;Z.options=RT;Z.className=pc;Z.defaultOptions=dn;Z.moduleName=sn;Z.folderName=cc;Z.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 OT=require("react/jsx-runtime");var PT=require("react/jsx-runtime");var HT=require("react/jsx-runtime");var mt="menu",kt=mt;var $t=require("react/jsx-runtime"),cn="k-menu-item",KT=[n.hover,n.focus,n.active,n.selected,n.disabled],GT={},uc={iconPosition:"before"},ze=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:c,text:u,first:x,last:g,showArrow:L,arrowIconName:k,iconPosition:b=uc.iconPosition,dir:M,children:C,expanded:w,...K}=e,P=k;return P\|\|(P=M==="rtl"?"caret-alt-left":"caret-alt-right"),(0,$t.jsxs)("li",{...K,className:r(e.className,cn,"k-item",I(cn,{focus:o,disabled:i,hover:t,active:a,selected:l}),{"k-first":x,"k-last":g}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":w?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,$t.jsxs)("span",{className:r("k-link k-menu-link"),children:[c&&b==="before"&&(0,$t.jsx)(v,{className:"k-menu-link-icon",icon:c}),(0,$t.jsx)("span",{className:"k-menu-link-text",children:u}),c&&b==="after"&&(0,$t.jsx)(v,{className:"k-menu-link-icon",icon:c}),L&&(0,$t.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,$t.jsx)(v,{icon:P})})]}),C]})};ze.states=KT;ze.options=GT;ze.className=cn;ze.defaultOptions=uc;ze.moduleName=mt;ze.folderName=kt;var Xt=require("react/jsx-runtime"),pn="k-menu-item",BT=[n.hover,n.focus,n.active,n.selected,n.disabled],DT={},mn={dir:"ltr",iconPosition:"before"},ue=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:c,text:u,first:x,last:g,showArrow:L,arrowIconName:k,iconPosition:b=mn.iconPosition,dir:M=mn.dir,children:C,popup:w,expanded:K,...P}=e,z=k;return z\|\|(z=M==="rtl"?"caret-alt-left":"caret-alt-right"),(0,Xt.jsxs)("li",{...P,className:r(e.className,pn,"k-item",I(pn,{focus:o,disabled:i}),{"k-first":x,"k-last":g}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":K?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Xt.jsxs)("span",{className:r("k-link k-menu-link",I("k-menu-link",{hover:t,active:a,selected:l,disabled:i})),children:[c&&b==="before"&&(0,Xt.jsx)(v,{className:"k-menu-link-icon",icon:c}),(0,Xt.jsx)("span",{className:"k-menu-link-text",children:u}),c&&b==="after"&&(0,Xt.jsx)(v,{className:"k-menu-link-icon",icon:c}),L&&(0,Xt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Xt.jsx)(v,{icon:z})})]}),C,w]})};ue.states=BT;ue.options=DT;ue.className=pn;ue.defaultOptions=mn;ue.moduleName=mt;ue.folderName=kt;var Tc=require("react/jsx-runtime"),bc="k-menu-scroll-wrapper",_T=[],zT={},UT={},vo=e=>{let{className:t,children:o,orientation:a,...l}=e;return(0,Tc.jsx)("div",{...l,className:r(t,bc,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};vo.states=_T;vo.options=zT;vo.className=bc;vo.defaultOptions=UT;vo.moduleName=mt;vo.folderName=kt;var fc=vo;var Re=require("react/jsx-runtime"),un="k-menu",FT=[],VT={},Cr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Oe=e=>{let{children:t,orientation:o=Cr.orientation,header:a=Cr.header,scrollable:l,scrollButtonsPosition:i=Cr.scrollButtonsPosition,wrapperStyles:c,dir:u,popup:x,contextMenu:g,...L}=e,k={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=(0,Re.jsx)("ul",{dir:u,...L,className:r(e.className,"k-reset",un,{[`${un}-${o}`]:o,"k-header":a}),role:g?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Re.jsxs)(Re.Fragment,{children:[l?(0,Re.jsxs)(fc,{orientation:o,style:c,dir:e.dir,children:[i==="start"&&(0,Re.jsxs)(Re.Fragment,{children:[(0,Re.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Re.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,Re.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),b,i==="end"&&(0,Re.jsxs)(Re.Fragment,{children:[(0,Re.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Re.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,Re.jsx)(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):b,x]})};Oe.states=FT;Oe.options=VT;Oe.className=un;Oe.defaultOptions=Cr;Oe.moduleName=mt;Oe.folderName=kt;Oe.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-haspopup=menu",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-expanded=true/false",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item[aria-haspopup][aria-controls]",attribute:"aria-controls=ul.k-menu-group id",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var xc=require("react/jsx-runtime"),bn="k-separator",hc={orientation:"horizontal"},Fo=e=>{let{orientation:t=hc.orientation,...o}=e;return(0,xc.jsx)("li",{...o,className:r(e.className,"k-item",bn,{[`${bn}-${t}`]:t}),role:"separator"})};Fo.className=bn;Fo.defaultOptions=hc;Fo.moduleName=mt;Fo.folderName=kt;var Nc=require("react/jsx-runtime");var gc=require("react/jsx-runtime"),fn="k-menu-group",$T=[],XT={size:[s.undefined,s.small,s.medium,s.large]},WT={},Ue=e=>{let{children:t,size:o,...a}=e;return(0,gc.jsx)("ul",{...a,className:r(e.className,fn,S(fn,{size:o})),role:"menu",children:t})};Ue.states=$T;Ue.options=XT;Ue.className=fn;Ue.defaultOptions=WT;Ue.moduleName=mt;Ue.folderName=kt;var yt=require("react/jsx-runtime"),Tn=e=>(0,yt.jsx)(Oe,{children:(0,yt.jsxs)(yt.Fragment,{children:[(0,yt.jsx)(ze,{first:!0,text:"Item 1"}),(0,yt.jsx)(ze,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,yt.jsx)(ze,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,yt.jsx)(ze,{text:"Item 4"}),(0,yt.jsx)(ze,{last:!0,text:"Item 5"})]}),...e});var hn=require("react/jsx-runtime");var xn=require("react/jsx-runtime");var Nn=require("react/jsx-runtime");var gn=require("react/jsx-runtime");var Ht=require("react/jsx-runtime"),JT=Oe.options,qT=Oe.states,kc={...Oe.defaultOptions,variant:"horizontal"},YT=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],QT=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ba=e=>{let{variant:t,modifiers:o,...a}={...kc,...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,Ht.jsx)(re,{className:"k-menu-popup",children:(0,Ht.jsxs)(Ue,{children:[(0,Ht.jsx)(ue,{text:"Item 1"}),(0,Ht.jsx)(ue,{text:"Item 2"}),(0,Ht.jsx)(Fo,{}),(0,Ht.jsx)(ue,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Ht.jsx)(Tn,{...a,...l,orientation:"vertical",style:{width:"200px"}}):(0,Ht.jsx)(Tn,{...a,...l})};Ba.options=JT;Ba.states=qT;Ba.variants=YT;Ba.defaultOptions=kc;Ba.modifiers=QT;var kn=require("react/jsx-runtime");var ZT=require("react/jsx-runtime");var Fe=require("react/jsx-runtime"),jT=d.states,vc={...d.defaultOptions,variant:"text"},eh=d.options,th=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],oh=[{name:"opened",title:"Opened"}],Da=e=>{let{variant:t,modifiers:o,...a}={...vc,...e},l={},i=(0,Fe.jsx)(re,{className:"k-menu-popup",children:(0,Fe.jsxs)(Ue,{size:a.size,children:[(0,Fe.jsx)(ue,{first:!0,text:"Menu Item"}),(0,Fe.jsx)(ue,{text:"Menu Item"}),(0,Fe.jsx)(ue,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=(0,Fe.jsx)("div",{children:(0,Fe.jsx)(Z,{...a,...l,icon:"star"})});break;case"icon-and-text":c=(0,Fe.jsx)("div",{children:(0,Fe.jsx)(Z,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:c=(0,Fe.jsx)("div",{children:(0,Fe.jsx)(Z,{...a,...l,children:"Dropdown Button"})});break}return(0,Fe.jsxs)(Fe.Fragment,{children:[c,(o==null?void 0:o.opened)&&i]})};Da.options=eh;Da.states=jT;Da.variants=th;Da.defaultOptions=vc;Da.modifiers=oh;var vn="split-button",Lc=vn;var Wt=require("react/jsx-runtime"),Ln="k-split-button",ah=[n.hover,n.focus,n.active,n.selected,n.disabled],rh={size:[s.undefined,s.small,s.medium,s.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"},X=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:u,selected:x,disabled:g,icon:L,text:k,arrowIconName:b=Cc.arrowIconName,popup:M,opened:C,popupId:w,...K}=e;return(0,Wt.jsxs)(Wt.Fragment,{children:[(0,Wt.jsxs)("div",{...K,className:r(e.className,Ln,"k-button-group",S(Ln,{rounded:o})),children:[(0,Wt.jsx)(d,{text:k,icon:L,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:u,selected:x,disabled:g,...!k&&!e.children&&L&&{"aria-label":"Action"},children:e.children}),(0,Wt.jsx)(d,{className:"k-split-button-arrow",icon:b,size:t,rounded:o,fillMode:a,disabled:g,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?w:void 0,tabIndex:-1,...g&&{"aria-disabled":"true"}})]}),C&&M&&(0,Wt.jsx)(re,{className:"k-menu-popup",children:M})]})};X.states=ah;X.options=rh;X.className=Ln;X.defaultOptions=Cc;X.moduleName=vn;X.folderName=Lc;X.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 Cn=X;var Mc=require("react/jsx-runtime"),lh="k-toolbar-separator",St=e=>(0,Mc.jsx)("div",{className:r(lh,e.className,"k-separator")});var Jt="toolbar",mo=Jt;var B=require("react/jsx-runtime"),qt="k-toolbar",nh=[n.focus],ih={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},sh={scrollButtons:"around"},j=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:i,scrollButtons:c,scrollingPosition:u,section:x,...g}=e,L=[],k=(b,M)=>{let C=[];if(b.type===d&&b.props.className&&b.props.className.includes("k-toolbar-overflow-button"))C.push((0,B.jsx)(d,{...b.props,className:`${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===d)C.push((0,B.jsx)(d,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===ra)C.push((0,B.jsx)(ra,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===to)C.push((0,B.jsx)(to,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===Z)C.push((0,B.jsx)(Z,{...b.props,className:`k-toolbar-menu-button ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===Cn)C.push((0,B.jsx)(Cn,{...b.props,className:`k-toolbar-split-button ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===D\|\|b.props.className&&b.props.className.includes("k-button-group")){let w=[];(Array.isArray(b.props.children)?b.props.children:[b.props.children]).forEach((P,z)=>{w.push((0,B.jsx)(d,{...P.props,className:`${P.props.className?P.props.className:""}`},`${z}-${new Date().getTime()}`))}),C.push((0,B.jsx)(D,{...b.props,className:`k-toolbar-button-group ${b.props.className?b.props.className:""}`,children:w},`${M}-${new Date().getTime()}`))}else b.type===Je?C.push((0,B.jsx)(Je,{...b.props,className:`k-toolbar-combobox ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`)):b.type===Y?C.push((0,B.jsx)(Y,{...b.props,className:`k-toolbar-dropdownlist ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`)):b.type===ct?C.push((0,B.jsx)(ct,{...b.props,className:`k-toolbar-colorpicker ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`)):C.push(b);C.forEach(w=>{L.push(w)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,C)=>{k(M,C)}),(0,B.jsxs)("div",{...g,className:r(e.className,qt,S(qt,{size:t,fillMode:o}),I(qt,{focus:a}),{[`${qt}-resizable`]:l,[`${qt}-scrollable`]:i,[`${qt}-scrollable-overlay`]:i&&c==="hidden",[`${qt}-scrollable-${u}`]:u&&u!=="both",[`${qt}-section`]:x}),role:"toolbar","aria-label":"Toolbar",children:[!i&&L,i&&c==="hidden"&&(0,B.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),i&&c==="start"&&(0,B.jsxs)(B.Fragment,{children:[(0,B.jsxs)(D,{children:[(0,B.jsx)("span",{className:r("k-toolbar-prev","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,B.jsx)(v,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,B.jsx)("span",{className:r("k-toolbar-next","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,B.jsx)(v,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,B.jsx)(St,{className:"k-toolbar-button-separator"}),(0,B.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L})]}),i&&c==="end"&&(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),(0,B.jsx)(St,{className:"k-toolbar-button-separator"}),(0,B.jsxs)(D,{children:[(0,B.jsx)("span",{className:r("k-toolbar-prev","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,B.jsx)(v,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,B.jsx)("span",{className:r("k-toolbar-next","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,B.jsx)(v,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),i&&(c==="around"\|\|!c)&&(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)("span",{className:r("k-toolbar-prev","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,B.jsx)(v,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,B.jsx)(St,{className:"k-toolbar-button-separator"}),(0,B.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),(0,B.jsx)(St,{className:"k-toolbar-button-separator"}),(0,B.jsx)("span",{className:r("k-toolbar-next","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,B.jsx)(v,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};j.states=nh;j.options=ih;j.className=qt;j.defaultOptions=sh;j.moduleName=Jt;j.folderName=mo;j.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 Sc=require("react/jsx-runtime"),yc="k-floating-toolbar",dh=[],ch={},ph={},Vo=e=>{let{...t}=e;return(0,Sc.jsx)("div",{...t,className:r(e.className,yc),children:e.children})};Vo.states=dh;Vo.options=ch;Vo.className=yc;Vo.defaultOptions=ph;Vo.moduleName=Jt;Vo.folderName=mo;var Ac=require("react/jsx-runtime"),Mn="k-toolbar-item",mh=[n.focus],uh={},bh={},$o=e=>{let{focus:t,...o}=e;return(0,Ac.jsx)("div",{...o,className:r(e.className,Mn,I(Mn,{focus:t})),children:e.children})};$o.states=mh;$o.options=uh;$o.className=Mn;$o.defaultOptions=bh;$o.moduleName=Jt;$o.folderName=mo;var yn=require("react/jsx-runtime"),wc="k-toolbar-popup",fh=[],Th={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},hh={},Lo=e=>{let{size:t,fillMode:o,section:a,...l}=e;return(0,yn.jsx)(re,{...l,className:r(e.className,wc),children:a?(0,yn.jsx)("span",{className:r("k-toolbar-items-list",S("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Lo.states=fh;Lo.options=Th;Lo.className=wc;Lo.defaultOptions=hh;Lo.moduleName=Jt;Lo.folderName=mo;var Mr=Lo;var xh=require("react/jsx-runtime");var Nh=require("react/jsx-runtime");var gh=require("react/jsx-runtime");var Ec=require("react/jsx-runtime");var kh=require("react/jsx-runtime");var vt=require("react/jsx-runtime"),vh=X.states,Ic={...X.defaultOptions,variant:"text"},Lh=X.options,Ch=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Mh=[{name:"opened",title:"Opened"}],_a=e=>{let{variant:t,modifiers:o,...a}={...Ic,...e},l={},i=(0,vt.jsxs)(Ue,{size:a.size,children:[(0,vt.jsx)(ue,{first:!0,text:"Menu Item"}),(0,vt.jsx)(ue,{text:"Menu Item"}),(0,vt.jsx)(ue,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(l.opened=!!(o!=null&&o[c]),l.popup=o!=null&&o[c]?i:"")}),t){case"icon-only":return(0,vt.jsx)("div",{children:(0,vt.jsx)(X,{...a,...l,icon:"star"})});case"icon-and-text":return(0,vt.jsx)("div",{children:(0,vt.jsx)(X,{...a,...l,icon:"star",children:"Split Button"})});default:return(0,vt.jsx)("div",{children:(0,vt.jsx)(X,{...a,...l,children:"Split Button"})})}};_a.options=Lh;_a.states=vh;_a.variants=Ch;_a.defaultOptions=Ic;_a.modifiers=Mh;var Kt=require("react/jsx-runtime"),Rc=e=>(0,Kt.jsx)(j,{children:[(0,Kt.jsx)(d,{children:"Button"},"toolbar-button"),(0,Kt.jsx)(Z,{text:"Menu button"},"toolbar-menu-button"),(0,Kt.jsx)(X,{children:"Split button"},"toolbar-split-button"),(0,Kt.jsxs)(D,{children:[(0,Kt.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Kt.jsx)(d,{icon:"align-center",children:"Center"}),(0,Kt.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Oc=require("react/jsx-runtime");var Pe=require("react/jsx-runtime"),Pc=e=>(0,Pe.jsx)(j,{scrollable:!0,...e,children:[(0,Pe.jsx)(d,{children:"Button"},"toolbar-button"),(0,Pe.jsx)(Z,{text:"Menu button"},"toolbar-menu-button"),(0,Pe.jsx)(X,{children:"Split button"},"toolbar-split-button"),(0,Pe.jsxs)(D,{children:[(0,Pe.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Pe.jsx)(d,{icon:"align-center",children:"Center"}),(0,Pe.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Pe.jsx)(d,{children:"Button"},"toolbar-button"),(0,Pe.jsx)(Z,{text:"Menu button"},"toolbar-menu-button"),(0,Pe.jsx)(X,{children:"Split button"},"toolbar-split-button"),(0,Pe.jsxs)(D,{children:[(0,Pe.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Pe.jsx)(d,{icon:"align-center",children:"Center"}),(0,Pe.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var He=require("react/jsx-runtime"),Hc=({scrollingPosition:e="start",...t})=>(0,He.jsx)(j,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,He.jsx)(d,{children:"Button"},"toolbar-button"),(0,He.jsx)(Z,{text:"Menu button"},"toolbar-menu-button"),(0,He.jsx)(X,{children:"Split button"},"toolbar-split-button"),(0,He.jsxs)(D,{children:[(0,He.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,He.jsx)(d,{icon:"align-center",children:"Center"}),(0,He.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,He.jsx)(d,{children:"Button"},"toolbar-button"),(0,He.jsx)(Z,{text:"Menu button"},"toolbar-menu-button"),(0,He.jsx)(X,{children:"Split button"},"toolbar-split-button"),(0,He.jsxs)(D,{children:[(0,He.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,He.jsx)(d,{icon:"align-center",children:"Center"}),(0,He.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var be=require("react/jsx-runtime"),Kc=({fillMode:e,size:t,...o})=>(0,be.jsxs)(be.Fragment,{children:[(0,be.jsx)(j,{section:!0,fillMode:e,size:t,children:[(0,be.jsx)(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,be.jsxs)(D,{fillMode:e,children:[(0,be.jsx)(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,be.jsx)(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,be.jsx)(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,be.jsx)(St,{className:"k-toolbar-button-separator"}),(0,be.jsx)(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,be.jsxs)(Mr,{size:t,fillMode:e,section:!0,...o,children:[(0,be.jsx)(X,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,be.jsx)(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,be.jsx)(St,{}),(0,be.jsx)(Z,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,be.jsxs)(D,{fillMode:e,children:[(0,be.jsx)(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,be.jsx)(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,be.jsx)(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var Sn=require("react/jsx-runtime");var An=require("react/jsx-runtime");var Yt=require("react/jsx-runtime"),yh=j.options,Sh=j.states,Gc={...j.defaultOptions,variant:"default"},Ah=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],wh=[],za=e=>{let{variant:t,...o}={...Gc,...e};switch(t){case"responsive":return(0,Yt.jsx)("div",{children:(0,Yt.jsx)(Kc,{style:{width:"583px"},...o})});case"overlay":return(0,Yt.jsx)("div",{children:(0,Yt.jsx)(Hc,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,Yt.jsx)("div",{children:(0,Yt.jsx)(Pc,{style:{width:"583px"},...o})});default:return(0,Yt.jsx)("div",{children:(0,Yt.jsx)(Rc,{style:{width:"583px"},...o})})}};za.options=yh;za.states=Sh;za.variants=Ah;za.defaultOptions=Gc;za.modifiers=wh;var Dc=require("react/jsx-runtime"),Bc="k-grid-toolbar",Co=e=>(0,Dc.jsx)(j,{...e,className:r(e.className,Bc),children:e.children});Co.className=Bc;Co.moduleName=F;Co.folderName=V;var Xo=require("react/jsx-runtime"),wn="k-grid-stack-cell",Eh=[n.focus,n.selected],yr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:i,focus:c,selected:u,...x}=e;return(0,Xo.jsxs)("div",{...x,className:r(e.className,wn,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":i},I(wn,{focus:c,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]})};yr.states=Eh;yr.className=wn;yr.moduleName=F;yr.folderName=V;var zc=require("react/jsx-runtime"),_c="k-grid-stack-row",Sr=e=>{let{cols:t,...o}=e;return(0,zc.jsx)("div",{...o,className:r(e.className,_c,{[`k-grid-cols-${t}`]:t}),children:e.children})};Sr.className=_c;Sr.moduleName=F;Sr.folderName=V;var En=require("react/jsx-runtime");var In=require("react/jsx-runtime");var Rn=require("react/jsx-runtime");var h=require("react/jsx-runtime"),Uc=({contentClassName:e,...t})=>(0,h.jsx)(W,{_renderAriaRoot:!0,pager:(0,h.jsx)(Ot,{refresh:!1}),children:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(se,{children:(0,h.jsx)("div",{className:"k-grid-header-wrap",children:(0,h.jsxs)(ce,{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)(R,{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)(R,{className:"k-filter-row",children:[(0,h.jsx)(m,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(U,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(m,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(le,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(m,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(le,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(m,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(U,{}),(0,h.jsxs)("div",{className:"k-filtercell-operator",children:[(0,h.jsx)(Y,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,h.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,h.jsx)(m,{children:(0,h.jsx)("div",{className:"k-filtercell",children:(0,h.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,h.jsx)(Y,{}),(0,h.jsx)("div",{className:"k-filtercell-operator",children:(0,h.jsx)(d,{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)(de,{children:[(0,h.jsxs)(R,{className:"k-master-row",children:[(0,h.jsx)(m,{children:"1"}),(0,h.jsx)(m,{children:"Chai"}),(0,h.jsx)(m,{children:"10 boxes x 20 bags"}),(0,h.jsx)(m,{children:"18"}),(0,h.jsx)(m,{children:"false"})]}),(0,h.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,h.jsx)(m,{children:"2"}),(0,h.jsx)(m,{children:"Chang"}),(0,h.jsx)(m,{children:"24 - 12 oz bottles"}),(0,h.jsx)(m,{children:"19"}),(0,h.jsx)(m,{children:"false"})]}),(0,h.jsxs)(R,{className:"k-master-row",children:[(0,h.jsx)(m,{children:"3"}),(0,h.jsx)(m,{children:"Aniseed Syrup"}),(0,h.jsx)(m,{children:"12 - 550 ml bottles"}),(0,h.jsx)(m,{children:"10"}),(0,h.jsx)(m,{children:"false"})]}),(0,h.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,h.jsx)(m,{children:"4"}),(0,h.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,h.jsx)(m,{children:"48 - 6 oz jars"}),(0,h.jsx)(m,{children:"22"}),(0,h.jsx)(m,{children:"false"})]}),(0,h.jsxs)(R,{className:"k-master-row",children:[(0,h.jsx)(m,{children:"5"}),(0,h.jsx)(m,{children:"Grandma's Boysenberry Spread"}),(0,h.jsx)(m,{children:"12 - 8 oz jars"}),(0,h.jsx)(m,{children:"25"}),(0,h.jsx)(m,{children:"false"})]})]})]})})})]}),...t});var On=require("react/jsx-runtime");var Pn=require("react/jsx-runtime");var Hn=require("react/jsx-runtime");var E=require("react/jsx-runtime"),Fc=({headerWrapClassName:e,contentClassName:t,...o})=>(0,E.jsx)(W,{_renderAriaRoot:!0,children:(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(se,{children:(0,E.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,E.jsxs)(ce,{children:[(0,E.jsxs)("colgroup",{children:[(0,E.jsx)("col",{}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{})]}),(0,E.jsxs)(ee,{children:[(0,E.jsxs)(R,{children:[(0,E.jsx)(H,{rowspan:3,colspan:1,columnTitle:"ID"}),(0,E.jsx)(H,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),(0,E.jsxs)(R,{children:[(0,E.jsx)(H,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),(0,E.jsx)(H,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),(0,E.jsxs)(R,{children:[(0,E.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),(0,E.jsx)(H,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),(0,E.jsx)(te,{children:(0,E.jsx)(oe,{className:t,children:(0,E.jsxs)(ae,{children:[(0,E.jsxs)("colgroup",{children:[(0,E.jsx)("col",{}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{}),(0,E.jsx)("col",{})]}),(0,E.jsxs)(de,{children:[(0,E.jsxs)(R,{className:"k-master-row",children:[(0,E.jsx)(m,{children:"1"}),(0,E.jsx)(m,{children:"Chai"}),(0,E.jsx)(m,{children:"39"}),(0,E.jsx)(m,{children:"18"})]}),(0,E.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,E.jsx)(m,{children:"2"}),(0,E.jsx)(m,{children:"Chang"}),(0,E.jsx)(m,{children:"17"}),(0,E.jsx)(m,{children:"19"})]}),(0,E.jsxs)(R,{className:"k-master-row",children:[(0,E.jsx)(m,{children:"3"}),(0,E.jsx)(m,{children:"Aniseed Syrup"}),(0,E.jsx)(m,{children:"13"}),(0,E.jsx)(m,{children:"10"})]}),(0,E.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,E.jsx)(m,{children:"4"}),(0,E.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,E.jsx)(m,{children:"53"}),(0,E.jsx)(m,{children:"22"})]}),(0,E.jsxs)(R,{className:"k-master-row",children:[(0,E.jsx)(m,{children:"5"}),(0,E.jsx)(m,{children:"Chef Anton's Gumbo Mix"}),(0,E.jsx)(m,{children:"0"}),(0,E.jsx)(m,{children:"21.35"})]})]})]})})})]}),...o});var Kn=require("react/jsx-runtime");var Gn=require("react/jsx-runtime");var O=require("react/jsx-runtime"),Vc=e=>(0,O.jsx)(W,{_renderAriaRoot:!0,toolbar:(0,O.jsxs)(Co,{children:[(0,O.jsx)(d,{children:"Add new"}),(0,O.jsx)(d,{children:"Save Changes"}),(0,O.jsx)(d,{children:"Cancel Changes"})]}),children:(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(se,{children:(0,O.jsx)("div",{className:"k-grid-header-wrap",children:(0,O.jsxs)(ce,{children:[(0,O.jsxs)("colgroup",{children:[(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{style:{width:"300px"}})]}),(0,O.jsx)(ee,{children:(0,O.jsxs)(R,{children:[(0,O.jsx)(H,{columnTitle:"Name"}),(0,O.jsx)(H,{columnTitle:"Price"}),(0,O.jsx)(H,{columnTitle:"Available"}),(0,O.jsx)(H,{accessibleLabel:"Commands"})]})})]})})}),(0,O.jsx)(te,{children:(0,O.jsx)(oe,{children:(0,O.jsx)("div",{children:(0,O.jsxs)(ae,{children:[(0,O.jsxs)("colgroup",{children:[(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{style:{width:"300px"}})]}),(0,O.jsxs)(de,{children:[(0,O.jsxs)(R,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[(0,O.jsx)(m,{children:(0,O.jsx)(le,{value:"Towel"})}),(0,O.jsx)(m,{children:(0,O.jsx)(U,{value:"42"})}),(0,O.jsx)(m,{children:(0,O.jsx)(Qe,{})}),(0,O.jsxs)(m,{className:"k-command-cell",children:[(0,O.jsx)(d,{children:"Add"}),(0,O.jsx)(d,{children:"Cancel"})]})]}),(0,O.jsxs)(R,{className:"k-master-row",children:[(0,O.jsx)(m,{children:"Chai"}),(0,O.jsx)(m,{children:"18"}),(0,O.jsx)(m,{children:"false"}),(0,O.jsx)(m,{className:"k-command-cell",children:(0,O.jsx)(d,{children:"Remove"})})]}),(0,O.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,O.jsx)(m,{children:"Chang"}),(0,O.jsx)(m,{children:"19"}),(0,O.jsx)(m,{children:"false"}),(0,O.jsx)(m,{className:"k-command-cell",children:(0,O.jsx)(d,{children:"Remove"})})]})]})]})})})})]}),...e});var Bn=require("react/jsx-runtime");var p=require("react/jsx-runtime"),Ih=W.options,Rh=W.states,$c={...W.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"}],Ua=e=>{let{variant:t,modifiers:o,...a}={...$c,...e},l={toolbar:void 0,pager:void 0},i=(0,p.jsxs)(Co,{children:[(0,p.jsx)(d,{icon:"plus",children:"Add New"}),(0,p.jsx)(d,{icon:"file-pdf",children:"Export to PDF"}),(0,p.jsx)("span",{className:"k-spacer"}),(0,p.jsx)(le,{prefix:(0,p.jsx)(v,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=(0,p.jsx)(Le,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(g=>{switch(g){case"toolbar":l.toolbar=o!=null&&o[g]?i:void 0;break;case"pager":l.pager=o!=null&&o[g]?c:void 0;break;default:return}});let u={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},x=(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(se,{children:(0,p.jsx)("div",{className:"k-grid-header-wrap",children:(0,p.jsxs)(ce,{children:[(0,p.jsxs)("colgroup",{children:[(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{})]}),(0,p.jsx)(ee,{children:(0,p.jsxs)(R,{children:[(0,p.jsx)(H,{...u[t],columnTitle:"ID"}),(0,p.jsx)(H,{...u[t],columnTitle:"Product Name"}),(0,p.jsx)(H,{...u[t],columnTitle:"Units in Stock"}),(0,p.jsx)(H,{...u[t],columnTitle:"Units Price"})]})})]})})}),(0,p.jsx)(te,{children:(0,p.jsx)(oe,{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",{})]}),(0,p.jsxs)(de,{children:[(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{children:"1"}),(0,p.jsx)(m,{children:"Chai"}),(0,p.jsx)(m,{children:"39"}),(0,p.jsx)(m,{children:"18"})]}),(0,p.jsxs)(R,{className:"k-alt",alt:!0,children:[(0,p.jsx)(m,{children:"2"}),(0,p.jsx)(m,{children:"Chang"}),(0,p.jsx)(m,{children:"17"}),(0,p.jsx)(m,{children:"19"})]}),(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{children:"3"}),(0,p.jsx)(m,{children:"Aniseed Syrup"}),(0,p.jsx)(m,{children:"13"}),(0,p.jsx)(m,{children:"10"})]}),(0,p.jsxs)(R,{className:"k-alt",alt:!0,children:[(0,p.jsx)(m,{children:"4"}),(0,p.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,p.jsx)(m,{children:"53"}),(0,p.jsx)(m,{children:"22"})]}),(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{children:"5"}),(0,p.jsx)(m,{children:"Chef Anton's Gumbo Mix"}),(0,p.jsx)(m,{children:"0"}),(0,p.jsx)(m,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,p.jsx)(Fc,{...a,...l});case"editing":return(0,p.jsx)(Vc,{...a,...l});case"grouping":return(0,p.jsx)(Dn,{...a,...l,groupingHeader:(0,p.jsx)(Qt,{children:(0,p.jsxs)(ke,{children:[(0,p.jsx)(ge,{icon:"sort-asc-small",actions:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(Ne,{type:"more"}),(0,p.jsx)(Ne,{type:"remove"})]}),children:"ID"}),(0,p.jsx)(ge,{icon:"sort-desc-small",actions:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(Ne,{type:"more"}),(0,p.jsx)(Ne,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,p.jsx)(W,{...a,...l,children:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(se,{children:(0,p.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,p.jsxs)(ce,{children:[(0,p.jsxs)("colgroup",{children:[(0,p.jsx)("col",{className:"k-drag-col"}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{})]}),(0,p.jsx)(ee,{children:(0,p.jsxs)(R,{children:[(0,p.jsx)(H,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,p.jsx)(H,{columnTitle:"ID"}),(0,p.jsx)(H,{columnTitle:"Product Name"}),(0,p.jsx)(H,{columnTitle:"Units in Stock"}),(0,p.jsx)(H,{columnTitle:"Units Price"})]})})]})]})}),(0,p.jsx)(te,{children:(0,p.jsx)(oe,{children:(0,p.jsxs)(ae,{children:[(0,p.jsxs)("colgroup",{children:[(0,p.jsx)("col",{className:"k-drag-col"}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{})]}),(0,p.jsxs)(de,{children:[(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{className:"k-drag-cell",children:(0,p.jsx)(v,{icon:"reorder"})}),(0,p.jsx)(m,{children:"1"}),(0,p.jsx)(m,{children:"Chai"}),(0,p.jsx)(m,{children:"39"}),(0,p.jsx)(m,{children:"18"})]}),(0,p.jsxs)(R,{className:"k-alt",alt:!0,children:[(0,p.jsx)(m,{className:"k-drag-cell",children:(0,p.jsx)(v,{icon:"reorder"})}),(0,p.jsx)(m,{children:"2"}),(0,p.jsx)(m,{children:"Chang"}),(0,p.jsx)(m,{children:"17"}),(0,p.jsx)(m,{children:"19"})]}),(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{className:"k-drag-cell",children:(0,p.jsx)(v,{icon:"reorder"})}),(0,p.jsx)(m,{children:"3"}),(0,p.jsx)(m,{children:"Aniseed Syrup"}),(0,p.jsx)(m,{children:"13"}),(0,p.jsx)(m,{children:"10"})]}),(0,p.jsxs)(R,{className:"k-alt",alt:!0,children:[(0,p.jsx)(m,{className:"k-drag-cell",children:(0,p.jsx)(v,{icon:"reorder"})}),(0,p.jsx)(m,{children:"4"}),(0,p.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,p.jsx)(m,{children:"53"}),(0,p.jsx)(m,{children:"22"})]}),(0,p.jsxs)(R,{children:[(0,p.jsx)(m,{className:"k-drag-cell",children:(0,p.jsx)(v,{icon:"reorder"})}),(0,p.jsx)(m,{children:"5"}),(0,p.jsx)(m,{children:"Chef Anton's Gumbo Mix"}),(0,p.jsx)(m,{children:"0"}),(0,p.jsx)(m,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,p.jsx)(Uc,{...a,...l});default:return(0,p.jsx)(W,{...a,...l,children:x})}};Ua.options=Ih;Ua.states=Rh;Ua.variants=Oh;Ua.defaultOptions=$c;Ua.modifiers=Ph;var y=require("react/jsx-runtime"),Dn=({dropClue:e,contentClassName:t,...o})=>(0,y.jsx)(W,{_renderAriaRoot:!0,groupingHeader:(0,y.jsx)(Qt,{dropClue:e,children:(0,y.jsxs)(ke,{children:[(0,y.jsx)(ge,{icon:"sort-asc-small",text:"ID",actions:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(Ne,{type:"more"}),(0,y.jsx)(Ne,{type:"remove"})]})}),(0,y.jsx)(ge,{icon:"sort-desc-small",text:"Name",actions:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(Ne,{type:"more"}),(0,y.jsx)(Ne,{type:"remove"})]})})]})}),children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(se,{draggable:!0,children:(0,y.jsx)("div",{className:"k-grid-header-wrap",children:(0,y.jsxs)(ce,{children:[(0,y.jsxs)("colgroup",{children:[(0,y.jsx)("col",{className:"k-group-col"}),(0,y.jsx)("col",{className:"k-group-col"}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{})]}),(0,y.jsx)(ee,{children:(0,y.jsxs)(R,{children:[(0,y.jsx)(H,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,y.jsx)(H,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,y.jsx)(H,{colspan:1,columnTitle:"ID"}),(0,y.jsx)(H,{colspan:1,columnTitle:"Name"}),(0,y.jsx)(H,{colspan:1,columnTitle:"Price"}),(0,y.jsx)(H,{colspan:1,columnTitle:"Category"})]})})]})})}),(0,y.jsx)(te,{children:(0,y.jsx)(oe,{className:t,children:(0,y.jsxs)(ae,{children:[(0,y.jsxs)("colgroup",{children:[(0,y.jsx)("col",{className:"k-group-col"}),(0,y.jsx)("col",{className:"k-group-col"}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{})]}),(0,y.jsxs)(de,{children:[(0,y.jsx)(R,{className:"k-table-group-row k-grouping-row",children:(0,y.jsx)(m,{colspan:6,children:(0,y.jsxs)("p",{className:"k-reset",children:[(0,y.jsx)(v,{icon:"caret-alt-right"}),"ID: 1"]})})}),(0,y.jsx)(R,{className:"k-table-group-row k-grouping-row",children:(0,y.jsx)(m,{colspan:6,children:(0,y.jsxs)("p",{className:"k-reset",children:[(0,y.jsx)(v,{icon:"caret-alt-down"}),"ID: 2"]})})}),(0,y.jsxs)(R,{className:"k-table-group-row k-grouping-row",children:[(0,y.jsx)(m,{className:"k-table-group-td k-group-cell"}),(0,y.jsx)(m,{colspan:5,children:(0,y.jsxs)("p",{className:"k-reset",children:[(0,y.jsx)(v,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),(0,y.jsxs)(R,{className:"k-master-row",alt:!0,children:[(0,y.jsx)(m,{className:"k-table-group-td k-group-cell"}),(0,y.jsx)(m,{className:"k-table-group-td k-group-cell"}),(0,y.jsx)(m,{colspan:0,children:"2"}),(0,y.jsx)(m,{colspan:0,children:"Chang"}),(0,y.jsx)(m,{colspan:0,children:"$19.00"}),(0,y.jsx)(m,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});