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-edit-row.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,{GridWithEditRow:()=>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 Hr="button",qn=Hr;var Lt=require("react/jsx-runtime"),Yo="k-button",sp=["icon-button"],dp=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],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.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]},Kr={showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:i,showArrow:c=Kr.showArrow,arrowIconName:u=Kr.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,Yo,zn(Yo,x),S(Yo,{size:o,rounded:a,fillMode:l,themeColor:i}),I(Yo,{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=dp;d.options=cp;d.variants=sp;d.className=Yo;d.defaultOptions=Kr;d.moduleName=Hr;d.folderName=qn;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 Yn=require("react/jsx-runtime"),Qt=e=>(0,Yn.jsx)(d,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Qn=require("react/jsx-runtime"),Qo=e=>(0,Qn.jsx)(d,{icon:"folder",children:"Button",...e});var Zn=require("react/jsx-runtime"),bo=e=>(0,Zn.jsx)(d,{children:"Button",...e});var Xa=require("react/jsx-runtime"),pp=d.options,mp=d.states,up={...d.defaultOptions,variant:"text"},bp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],fp=[],Zo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Xa.jsx)(Qt,{...o,icon:"star"});case"icon-and-text":return(0,Xa.jsx)(Qo,{...o,icon:"star",children:"Button"});default:return(0,Xa.jsx)(bo,{...o,children:"Button"})}};Zo.options=pp;Zo.states=mp;Zo.variants=bp;Zo.defaultOptions=up;Zo.modifiers=fp;var fo="checkbox",yo=fo;var Br=require("react/jsx-runtime"),Wa="k-checkbox",Tp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],hp={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full]},xp={},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,Br.jsx)("span",{className:"k-checkbox-wrap",children:(0,Br.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,Wa,S(Wa,{size:L,rounded:k}),I(Wa,{hover:l,focus:i,disabled:c,invalid:u,valid:x,indeterminate:a,checked:o}))})})};qe.states=Tp;qe.options=hp;qe.className=Wa;qe.defaultOptions=xp;qe.moduleName=fo;qe.folderName=yo;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 At=qe;var ti=require("react/jsx-runtime"),jn="k-checkbox-list",Np=[],gp={},ei={layout:"vertical"},Ye=e=>{let{layout:t=ei.layout,...o}=e;return(0,ti.jsx)("ul",{...o,className:r(e.className,jn,{[`k-list-${t}`]:t}),children:e.children})};Ye.states=Np;Ye.options=gp;Ye.className=jn;Ye.defaultOptions=ei;Ye.moduleName=fo;Ye.folderName=yo;var ai=require("react/jsx-runtime"),oi="k-checkbox-list-item",kp=[],vp={},Lp={},$e=e=>{let{...t}=e;return(0,ai.jsx)("li",{...t,className:r(e.className,oi),children:e.children})};$e.states=kp;$e.options=vp;$e.className=oi;$e.defaultOptions=Lp;$e.moduleName=fo;$e.folderName=yo;var To=require("react/jsx-runtime"),Gt=({children:e,id:t,...o})=>(0,To.jsxs)(To.Fragment,{children:[(0,To.jsx)(At,{id:t,...o}),(0,To.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Gr=require("react/jsx-runtime");var Dr=require("react/jsx-runtime");var _r=require("react/jsx-runtime");var Cp=require("react/jsx-runtime");var Mp=require("react/jsx-runtime");var yp=require("react/jsx-runtime");var Ke=require("react/jsx-runtime"),Sp=Ye.options,Ap=Ye.states,wp={...Ye.defaultOptions,variant:"vertical"},Ep=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Ip=[],jo=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Ke.jsxs)(Ye,{layout:"horizontal",...o,children:[(0,Ke.jsx)($e,{children:(0,Ke.jsx)(Gt,{id:"first",defaultChecked:!0,children:"Label"})}),(0,Ke.jsx)($e,{children:(0,Ke.jsx)(Gt,{id:"second",children:"Label"})}),(0,Ke.jsx)($e,{children:(0,Ke.jsx)(Gt,{id:"third",children:"Label"})})]}):(0,Ke.jsxs)(Ye,{...o,children:[(0,Ke.jsx)($e,{children:(0,Ke.jsx)(Gt,{id:"first",defaultChecked:!0,children:"Label"})}),(0,Ke.jsx)($e,{children:(0,Ke.jsx)(Gt,{id:"second",children:"Label"})}),(0,Ke.jsx)($e,{children:(0,Ke.jsx)(Gt,{id:"third",children:"Label"})})]})};jo.options=Sp;jo.states=Ap;jo.variants=Ep;jo.defaultOptions=wp;jo.modifiers=Ip;var ri=require("react/jsx-runtime"),Rp=At.options,Op=At.states,Pp=At.defaultOptions,Hp=[],Kp=[],ea=e=>(0,ri.jsx)(Gt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});ea.options=Rp;ea.states=Op;ea.variants=Hp;ea.defaultOptions=Pp;ea.modifiers=Kp;var ta="input",Ja=ta;var li=require("react/jsx-runtime"),qa="k-input",Bp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],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.flat,N.outline]},Dp={},Ne=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,li.jsx)("span",{...k,className:r(e.className,qa,S(qa,{size:x,rounded:g,fillMode:L}),I(qa,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:u}))})};Ne.states=Bp;Ne.options=Gp;Ne.className=qa;Ne.defaultOptions=Dp;Ne.moduleName=ta;Ne.folderName=Ja;var ni=require("react/jsx-runtime"),Ya="k-picker",_p=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],zp={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]},Up={},wt=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,ni.jsx)("span",{...k,className:r(e.className,Ya,S(Ya,{size:x,rounded:g,fillMode:L}),I(Ya,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:u})),children:e.children})};wt.states=_p;wt.options=zp;wt.className=Ya;wt.defaultOptions=Up;wt.moduleName=ta;wt.folderName=Ja;var So=require("react/jsx-runtime"),ii="k-clear-value",Fp=[n.disabled,n.loading,n.readonly],Vp={},lt=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t\|\|a\|\|o\|\|!l?(0,So.jsx)(So.Fragment,{}):(0,So.jsx)("span",{className:r(e.className,ii),children:(0,So.jsx)(v,{icon:"x"})})};lt.states=Fp;lt.options=Vp;lt.className=ii;var si=require("react/jsx-runtime"),zr="k-input-inner",$p=[],Xp={},Qa={type:"text",autocomplete:"off",value:"",placeholder:""},nt=e=>{let{value:t=Qa.value,type:o=Qa.type,placeholder:a=Qa.placeholder,autocomplete:l=Qa.autocomplete,disabled:i,readOnly:c,...u}=e;return(0,si.jsx)("input",{...u,type:o,className:r(e.className,zr,S(zr,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:i\|\|void 0,readOnly:c\|\|void 0})};nt.states=$p;nt.options=Xp;nt.className=zr;var oa=require("react/jsx-runtime"),Ur="k-input-inner",Wp=[],Jp={},ho=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:i,...c}=e;return(0,oa.jsxs)("span",{...c,className:r(e.className,Ur,S(Ur,e)),children:[l,!l&&i&&(0,oa.jsx)(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,oa.jsx)("span",{className:"k-input-value-text",children:t})]})};ho.states=Wp;ho.options=Jp;ho.className=Ur;var ci=require("react/jsx-runtime"),Fr="k-input-inner",qp=[],Yp={},di={value:"",placeholder:""},Vr=e=>{let{value:t=di.value,placeholder:o=di.placeholder,rows:a,disabled:l,...i}=e;return(0,ci.jsx)("textarea",{...i,className:r(e.className,Fr,S(Fr,e)),placeholder:o,rows:a,defaultValue:t,disabled:l\|\|void 0})};Vr.states=qp;Vr.options=Yp;Vr.className=Fr;var aa=require("react/jsx-runtime"),pi="k-input-loading-icon",Qp=[n.disabled,n.loading],Qe=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,aa.jsx)(aa.Fragment,{}):(0,aa.jsx)("span",{className:r(e.className,pi,"k-icon k-i-loading")})};Qe.states=Qp;Qe.className=pi;var ra=require("react/jsx-runtime"),mi="k-input-validation-icon",Zp=[n.valid,n.invalid,n.disabled,n.loading],jp={},Xe=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,i=o?"warning-circle":"check-circle";return a\|\|l\|\|!!!(t\|\|o)?(0,ra.jsx)(ra.Fragment,{}):(0,ra.jsx)(v,{className:r(mi),icon:i})};Xe.states=Zp;Xe.options=jp;Xe.className=mi;var la=require("react/jsx-runtime"),em="k-input-prefix",tm={direction:"horizontal"},ut=e=>{let{direction:t=tm.direction,...o}=e;return e.children?(0,la.jsx)("span",{...o,className:r(em,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,la.jsx)(la.Fragment,{})};var na=require("react/jsx-runtime"),om="k-input-suffix",am={direction:"horizontal"},bt=e=>{let{direction:t=am.direction,...o}=e;return e.children?(0,na.jsx)("span",{...o,className:r(om,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,na.jsx)(na.Fragment,{})};var rm=require("react/jsx-runtime");var ui=require("react/jsx-runtime"),lm="k-input-suffix-text",$r=e=>{let{children:t,...o}=e;return(0,ui.jsx)("span",{...o,className:r(lm,e.className),children:t})};var fi=require("react/jsx-runtime"),bi="k-input-separator",nm={direction:"vertical"},ft=e=>{let{direction:t=nm.direction,...o}=e;return(0,fi.jsx)("span",{...o,className:r(bi,e.className,{[`${bi}-${t}`]:t})})};var ye=require("react/jsx-runtime"),im=Ne.states,sm=Ne.defaultOptions,dm=Ne.options,cm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],pm=[],ia=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)(Ne,{...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)(ut,{children:(0,ye.jsx)(v,{icon:"lock"})}),b&&(0,ye.jsx)(ft,{})]}),(0,ye.jsx)(nt,{placeholder:"Placeholder",value:"Value"}),k&&(0,ye.jsx)(Xe,{valid:o,invalid:a,loading:l,disabled:i}),(0,ye.jsx)(Qe,{loading:l,disabled:i}),L&&(0,ye.jsx)(lt,{loading:l,disabled:i,readonly:c,value:"Value"}),g&&(0,ye.jsxs)(ye.Fragment,{children:[b&&(0,ye.jsx)(ft,{}),(0,ye.jsx)(bt,{children:(0,ye.jsx)(bo,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ia.options=dm;ia.states=im;ia.variants=pm;ia.defaultOptions=sm;ia.modifiers=cm;var sa=require("react/jsx-runtime"),Ti="k-spin-button",bm=[],fm={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Xr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Zt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=Xr.increaseLabel,decreaseLabel:i=Xr.decreaseLabel,...c}=e;return(0,sa.jsxs)("span",{...c,className:r(Ti,e.className),children:[(0,sa.jsx)(d,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),(0,sa.jsx)(d,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Zt.states=bm;Zt.options=fm;Zt.className=Ti;Zt.defaultOptions=Xr;Zt.moduleName=null;Zt.folderName=null;var hi="numeric-textbox",xi="numerictextbox";var Se=require("react/jsx-runtime"),Ni="k-numerictextbox",Tm=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,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]},Za={showSpinButton:!0,showClearButton:!0,separators:!0},U=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Za.separators,showClearButton:i=Za.showClearButton,showSpinButton:c=Za.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,Se.jsxs)(Ne,{...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,Ni),children:[u&&(0,Se.jsxs)(Se.Fragment,{children:[(0,Se.jsx)(ut,{children:u}),l&&(0,Se.jsx)(ft,{})]}),(0,Se.jsx)(nt,{id:ie,placeholder:L,value:g,role:"spinbutton",disabled:P,"aria-label":xe,"aria-describedby":Ve,"aria-invalid":C?"true":void 0}),(0,Se.jsx)(Xe,{valid:M,invalid:C,loading:K,disabled:P}),(0,Se.jsx)(Qe,{loading:K,disabled:P}),i&&(0,Se.jsx)(lt,{loading:K,disabled:P,readonly:z,value:g}),x&&(0,Se.jsxs)(Se.Fragment,{children:[l&&(0,Se.jsx)(ft,{}),(0,Se.jsx)(bt,{children:x})]}),c&&(0,Se.jsx)(Zt,{className:"k-input-spinner",size:t,fillMode:a,disabled:P})]})};U.states=Tm;U.options=hm;U.className=Ni;U.defaultOptions=Za;U.moduleName=hi;U.folderName=xi;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 da=U;var ki=require("react/jsx-runtime"),gi=e=>(0,ki.jsx)(da,{...e});var Wr="popup",vi=Wr;var Jr=require("react/jsx-runtime"),Li="k-animation-container",xm=[],Nm={},Ci={positionMode:"absolute"},Et=e=>{let{positionMode:t=Ci.positionMode,animationStyle:o,offset:a,...l}=e;return(0,Jr.jsx)("div",{...l,style:{...a,...e.style},className:r(e.className,Li,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Jr.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Et.states=xm;Et.options=Nm;Et.className=Li;Et.defaultOptions=Ci;Et.moduleName=Wr;Et.folderName=vi;var qr="popup",Mi=qr;var Yr=require("react/jsx-runtime"),yi="k-popup",gm=[],km={},Si={positionMode:"absolute"},ee=e=>{let{offset:t,positionMode:o=Si.positionMode,animationStyle:a,containerClassName:l,containerRole:i,containerAriaLabel:c,...u}=e;return(0,Yr.jsx)(Et,{positionMode:o,offset:t,animationStyle:a,className:l,role:i,"aria-label":c,children:(0,Yr.jsx)("div",{...u,className:r(e.className,yi),children:e.children})})};ee.states=gm;ee.options=km;ee.className=yi;ee.defaultOptions=Si;ee.moduleName=qr;ee.folderName=Mi;ee.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 Qr="action-buttons",Ai=Qr;var wi=require("react/jsx-runtime"),ja="k-actions",vm=[],Lm={},Zr={alignment:"start",orientation:"horizontal"},It=e=>{let{alignment:t=Zr.alignment,orientation:o=Zr.orientation,...a}=e;return(0,wi.jsx)("div",{...a,className:r(ja,{[`${ja}-${t}`]:t,[`${ja}-${o}`]:o},e.className),children:e.children})};It.states=vm;It.options=Lm;It.className=ja;It.defaultOptions=Zr;It.moduleName=Qr;It.folderName=Ai;var Ii=require("react/jsx-runtime"),Cm="k-actionsheet-footer",Ei={alignment:"stretched",orientation:"horizontal"},jt=e=>{let{alignment:t=Ei.alignment,orientation:o=Ei.orientation,template:a,as:l=a?"div":It,...i}=e;return(0,Ii.jsx)(l,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,Cm),children:e.children})};var jr="searchbox",Ri=jr;var eo=require("react/jsx-runtime"),Oi="k-searchbox",Mm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],ym={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]},el={showIcon:!0,icon:"search"},Tt=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=el.showIcon,icon:C=el.icon,...w}=e;return(0,eo.jsxs)(Ne,{...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,Oi),children:[M&&(0,eo.jsx)(v,{className:"k-input-icon",icon:C}),(0,eo.jsx)(nt,{placeholder:o,value:t}),(0,eo.jsx)(Qe,{...e}),(0,eo.jsx)(Xe,{...e}),(0,eo.jsx)(lt,{...e})]})};Tt.states=Mm;Tt.options=ym;Tt.className=Oi;Tt.defaultOptions=el;Tt.moduleName=jr;Tt.folderName=Ri;var Sm=require("react/jsx-runtime");var tl="textbox",Pi=tl;var Be=require("react/jsx-runtime"),Hi="k-textbox",Am=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],wm={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]},er={showClearButton:!0,showValidationIcon:!0,separators:!0},te=e=>{let{size:t,rounded:o,fillMode:a,separators:l=er.separators,showClearButton:i=er.showClearButton,showValidationIcon:c=er.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)(Ne,{...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,Hi),children:[u&&(0,Be.jsxs)(Be.Fragment,{children:[(0,Be.jsx)(ut,{children:u}),l&&(0,Be.jsx)(ft,{})]}),(0,Be.jsx)(nt,{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)(Xe,{valid:C,invalid:w,loading:P,disabled:z}),(0,Be.jsx)(Qe,{loading:P,disabled:z}),i&&(0,Be.jsx)(lt,{loading:P,disabled:z,readonly:ie,value:L}),x&&(0,Be.jsxs)(Be.Fragment,{children:[l&&(0,Be.jsx)(ft,{}),(0,Be.jsx)(bt,{children:x})]})]})};te.states=Am;te.options=wm;te.className=Hi;te.defaultOptions=er;te.moduleName=tl;te.folderName=Pi;te.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 ca=te;var Bi=require("react/jsx-runtime"),Ki=e=>(0,Bi.jsx)(ca,{...e});var Gi=require("react/jsx-runtime");var Di=require("react/jsx-runtime");var Em=require("react/jsx-runtime");var tr=require("react/jsx-runtime"),Im=te.states,Rm=te.defaultOptions,Om=te.options,Pm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Hm=[],pa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,tr.jsx)(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,tr.jsx)(bo,{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,tr.jsx)(Ki,{value:"Value",style:{width:300},...o,...a})};pa.options=Om;pa.states=Im;pa.variants=Hm;pa.defaultOptions=Rm;pa.modifiers=Pm;var it=require("react/jsx-runtime"),_i="k-actionsheet-titlebar",Km={},We=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,it.jsxs)("div",{...b,className:r(e.className,_i),children:[(0,it.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,it.jsx)("div",{className:"k-actionsheet-actions",children:a}),!k&&(0,it.jsxs)("div",{className:"k-actionsheet-title",id:L,children:[t&&(0,it.jsx)("div",{className:"k-text-center",children:t}),o&&(0,it.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&(0,it.jsx)("div",{className:"k-actionsheet-title",id:L,children:k}),l&&(0,it.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(c\|\|i)&&(0,it.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?(0,it.jsx)(te,{value:u,placeholder:x,size:g?"large":"medium","aria-label":t\|\|x\|\|"Input"}):(0,it.jsx)(Tt,{placeholder:"Filter",size:g?"large":"medium","aria-label":"Filter options"})})]})};We.className=_i;We.defaultOptions=Km;var Ao=require("react/jsx-runtime"),ol="k-actionsheet-view",Bm=[],Gm={},Dm={},wo=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:i,titleId:c,...u}=e,x=(l==null?void 0:l.type)===We&&(0,Ao.jsx)(We,{adaptive:t,titleId:c,...l==null?void 0:l.props}),g=(i==null?void 0:i.type)===jt&&(0,Ao.jsx)(jt,{...i==null?void 0:i.props});return(0,Ao.jsxs)("div",{...u,className:r(e.className,ol,{[`${ol}-animated`]:o}),children:[x,(0,Ao.jsx)("div",{className:"k-actionsheet-content",children:a}),g]})};wo.states=Bm;wo.options=Gm;wo.className=ol;wo.defaultOptions=Dm;var ma="action-sheet",or=ma;var al="overlay",zi=al;var Ui=require("react/jsx-runtime"),rl="k-overlay",_m=[],zm={themeColor:[f.undefined,f.light,f.dark,f.inverse]},Um={},to=e=>{let{themeColor:t,...o}=e;return(0,Ui.jsx)("div",{...o,className:r(e.className,rl,S(rl,{themeColor:t})),children:e.children})};to.states=_m;to.options=zm;to.className=rl;to.defaultOptions=Um;to.moduleName=al;to.folderName=zi;var xo=require("react/jsx-runtime"),Fi="k-actionsheet",Fm=[],Vm={},ua={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},fe=e=>{let{side:t=ua.side,fullscreen:o=ua.fullscreen,adaptive:a=ua.adaptive,overlay:l=ua.overlay,template:i,children:c,header:u,footer:x,id:g,...L}=e,k=g&&!i&&u?`${g}-title`:void 0;return(0,xo.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,xo.jsx)(to,{}),(0,xo.jsx)(Et,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:(0,xo.jsx)("div",{...L,id:g,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":k,className:r(e.className,Fi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|(0,xo.jsx)(wo,{header:u,footer:x,adaptive:a,titleId:k,...e,children:c})})})]})};fe.states=Fm;fe.options=Vm;fe.className=Fi;fe.defaultOptions=ua;fe.moduleName=ma;fe.folderName=or;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 $i=require("react/jsx-runtime"),Vi="k-actionsheet-container",$m=[],Xm={},Wm={},Eo=e=>{let{children:t,...o}=e;return(0,$i.jsx)("div",{...o,className:Vi,children:t})};Eo.states=$m;Eo.options=Xm;Eo.className=Vi;Eo.defaultOptions=Wm;Eo.moduleName=ma;Eo.folderName=or;var Xi=require("react/jsx-runtime"),ll=e=>{let{...t}=e;return(0,Xi.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var ht=require("react/jsx-runtime"),nl="k-actionsheet-item",Jm=[n.hover,n.focus,n.selected,n.disabled],oo=e=>{let{iconName:t,text:o,description:a,hover:l,focus:i,selected:c,disabled:u,...x}=e;return(0,ht.jsxs)("span",{...x,className:r(e.className,nl,I(nl,{hover:l,focus:i,selected:c,disabled:u})),children:[!e.children&&(0,ht.jsx)(ht.Fragment,{children:(0,ht.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,ht.jsx)("span",{className:"k-icon-wrap",children:(0,ht.jsx)(v,{className:"k-actionsheet-item-icon",icon:t})}),(0,ht.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,ht.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,ht.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};oo.states=Jm;oo.className=nl;var Wi=require("react/jsx-runtime");var qm=require("react/jsx-runtime");var Ym=require("react/jsx-runtime");var Qm=require("react/jsx-runtime");var se=require("react/jsx-runtime"),Zm=fe.options,jm=fe.states,qi={...fe.defaultOptions,variant:"normal"},eu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],tu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ba=e=>{let{variant:t,modifiers:o,...a}={...qi,...e},l={},i=(0,se.jsxs)(ll,{children:[(0,se.jsx)(oo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,se.jsx)(oo,{text:"Add to Favorites",iconName:"heart"}),(0,se.jsx)(oo,{text:"Upload New",iconName:"upload",disabled:!0}),(0,se.jsx)("hr",{className:"k-hr"}),(0,se.jsx)(oo,{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,se.jsx)(fe,{...a,adaptive:!0,fullscreen:l.fullScreen,header:(0,se.jsx)(We,{actionsStart:l.actionsStart?(0,se.jsx)(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,se.jsx)(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?(0,se.jsxs)(jt,{alignment:"stretched",children:[(0,se.jsx)(d,{text:"Cancel",size:"large",themeColor:"base"}),(0,se.jsx)(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,se.jsx)(fe,{...a,fullscreen:l.fullScreen,header:(0,se.jsx)(We,{actionsStart:l.actionsStart?(0,se.jsx)(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,se.jsx)(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,se.jsxs)(jt,{alignment:"stretched",children:[(0,se.jsx)(d,{text:"Apply",themeColor:"primary"}),(0,se.jsx)(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};ba.options=Zm;ba.states=jm;ba.variants=eu;ba.defaultOptions=qi;ba.modifiers=tu;var rr=_n(require("react"));var il=require("react/jsx-runtime"),ou="k-list-group-sticky-header",sl=e=>(0,il.jsx)("div",{className:r(ou,e.className),children:(0,il.jsx)("div",{className:"k-list-header-text",children:e.children})});var Yi=require("react/jsx-runtime"),au="k-no-data",ar=e=>{let{live:t,...o}=e;return(0,Yi.jsx)("span",{...o,className:r(au,e.className),"aria-live":t?"polite":void 0,children:e.children})};var No="list",Io=No;var Ro=require("react/jsx-runtime"),dl="k-list",ru=[],lu={size:[s.undefined,s.small,s.medium,s.large]},nu={},F=e=>{var M;let{size:t,virtualization:o,children:a,header:l,optionLabel:i,customValue:c,noData:u,screenReaders:x,...g}=e,k=rr.default.Children.toArray(a)[0],b=(M=k==null?void 0:k.props)!=null&&M.children?rr.default.Children.count(k.props.children):rr.default.Children.count(a);return(0,Ro.jsxs)("div",{...g,className:r(e.className,dl,S(dl,{size:t}),{"k-virtual-list":o}),children:[i,c,l&&(0,Ro.jsx)(sl,{children:l}),a\|\|(u!==void 0?u:(0,Ro.jsx)(ar,{live:!0,children:"No data found."})),x&&a&&(0,Ro.jsxs)(ar,{className:"k-sr-only",live:!0,children:[b," items found."]})]})};F.states=ru;F.options=lu;F.className=dl;F.defaultOptions=nu;F.moduleName=No;F.folderName=Io;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 Zi=require("react/jsx-runtime"),Qi="k-list-container",iu=[],su={},du={},Oo=e=>{let{...t}=e;return(0,Zi.jsx)("div",{...t,className:r(e.className,Qi),children:e.children})};Oo.states=iu;Oo.options=su;Oo.className=Qi;Oo.defaultOptions=du;Oo.moduleName=No;Oo.folderName=Io;var Rt=require("react/jsx-runtime"),cl="k-list-item",cu=[n.hover,n.focus,n.selected,n.disabled],pu={},mu={},_=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":cl,I(cl,{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=cu;_.options=pu;_.className=cl;_.defaultOptions=mu;_.moduleName=No;_.folderName=Io;_.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 ji=require("react/jsx-runtime"),uu="k-list-ul",Dt=e=>{let{children:t,role:o,id:a,...l}=e;return(0,ji.jsx)("ul",{...l,id:a,role:o,className:r(uu,e.className),children:t})};Dt.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 Po=require("react/jsx-runtime"),bu="k-list-content",q=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:i,...c}=e;return(0,Po.jsxs)("div",{...c,className:r(bu,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,Po.jsx)(Dt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&(0,Po.jsx)("div",{className:"k-height-container",children:(0,Po.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 pl=require("react/jsx-runtime");var Ho=require("react/jsx-runtime"),fu="k-list-group-item",go=e=>{let{groupIconName:t,...o}=e;return(0,Ho.jsxs)("li",{...o,role:"presentation",className:r(fu,e.className),children:[t&&(0,Ho.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Ho.jsx)(v,{icon:t,className:"k-list-item-icon"})}),(0,Ho.jsx)("span",{className:"k-list-item-text",children:e.children})]})};go.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 es=require("react/jsx-runtime"),ml="k-list-optionlabel",Tu=[n.hover,n.focus,n.selected,n.disabled],hu={},xu={},lr=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...c}=e;return(0,es.jsx)("div",{...c,className:r(ml,I(ml,{hover:o,focus:a,selected:l,disabled:i})),children:t})};lr.states=Tu;lr.options=hu;lr.className=ml;lr.defaultOptions=xu;var ts=require("react/jsx-runtime"),ul="k-list-custom-value",Nu=[n.hover,n.focus,n.selected,n.disabled],gu={},ku={},ao=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...c}=e;return(0,ts.jsx)("div",{...c,className:r(ul,I(ul,{hover:o,focus:a,selected:l,disabled:i})),children:t})};ao.states=Nu;ao.options=gu;ao.className=ul;ao.defaultOptions=ku;var bl=require("react/jsx-runtime");var fl=require("react/jsx-runtime");var Tl=require("react/jsx-runtime");var hl=require("react/jsx-runtime");var vu=require("react/jsx-runtime");var xl=require("react/jsx-runtime");var os="dropdown-list",as="dropdownlist";var de=require("react/jsx-runtime"),rs="k-dropdownlist",Lu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Cu={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]},Nl={showValue:!0,arrowIconName:"caret-alt-down"},Y=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Nl.arrowIconName,showValue:i=Nl.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,de.jsxs)(de.Fragment,{children:[(0,de.jsxs)(wt,{...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,rs,{"k-icon-picker":!i&&c}),children:[(0,de.jsx)(ut,{children:u}),(0,de.jsx)(ho,{placeholder:L,value:g,showValue:i,valueIconName:c}),(0,de.jsx)(Xe,{valid:M,invalid:C,loading:K,disabled:P}),(0,de.jsx)(Qe,{loading:K,disabled:P}),(0,de.jsx)(bt,{children:x}),(0,de.jsx)(d,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":L\|\|"Toggle dropdown"})]}),xe&&ie&&(0,de.jsx)(ee,{className:"k-list-container k-dropdownlist-popup",children:ie}),Ve&&(0,de.jsx)(fe,{adaptive:!0,...at,header:(0,de.jsx)(We,{actionsEnd:(0,de.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:wr,inputValue:g,inputPlaceholder:L,title:rt,subtitle:Mo}),children:(0,de.jsx)("div",{className:"k-list-container",children:(0,de.jsx)(F,{size:"large",children:(0,de.jsxs)(q,{children:[(0,de.jsx)(_,{text:"List item"}),(0,de.jsx)(_,{text:"List item"}),(0,de.jsx)(_,{text:"List item"})]})})})})]})};Y.states=Lu;Y.options=Cu;Y.className=rs;Y.defaultOptions=Nl;Y.moduleName=os;Y.folderName=as;var Mu=require("react/jsx-runtime");var ls=require("react/jsx-runtime");var gl=require("react/jsx-runtime");var yu=require("react/jsx-runtime");var ns=require("react/jsx-runtime");var kl=require("react/jsx-runtime");var Ze=require("react/jsx-runtime"),Su=Y.states,Au=Y.defaultOptions,wu=Y.options,Eu=[{name:"opened",title:"Opened"}],Iu=[],Ta=e=>{let{modifiers:t,...o}=e,a={},l=(0,Ze.jsxs)(Ze.Fragment,{children:[(0,Ze.jsx)("div",{className:"k-list-filter",children:(0,Ze.jsx)(Tt,{})}),(0,Ze.jsx)(F,{style:{width:300},size:o.size,children:(0,Ze.jsxs)(q,{children:[(0,Ze.jsx)(_,{children:"List item"}),(0,Ze.jsx)(_,{children:"List item"}),(0,Ze.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,Ze.jsx)("div",{children:(0,Ze.jsx)(Y,{placeholder:"Value",style:{width:300},...o,...a})})};Ta.options=wu;Ta.states=Su;Ta.variants=Iu;Ta.defaultOptions=Au;Ta.modifiers=Eu;var is=require("react/jsx-runtime");var ss=require("react/jsx-runtime");var Ru=require("react/jsx-runtime");var nr=require("react/jsx-runtime"),Ou=U.states,Pu=U.defaultOptions,Hu=U.options,Ku=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Bu=[],ha=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,nr.jsx)(Y,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,nr.jsx)($r,{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,nr.jsx)(gi,{value:"Value",style:{width:300},...o,...a})};ha.options=Hu;ha.states=Ou;ha.variants=Bu;ha.defaultOptions=Pu;ha.modifiers=Ku;var $="grid",X=$;var sr=require("react/jsx-runtime"),ir="k-grid",Gu=[],Du={size:[s.undefined,s.small,s.medium,s.large]},_u=[],ds={pagerPosition:"bottom"},W=e=>{let{size:t,pagerPosition:o=ds.pagerPosition,toolbar:a,pager:l,groupingHeader:i,gridSelectionAggregates:c,_renderAriaRoot:u,resizable:x,...g}=e;return(0,sr.jsxs)("div",{...g,className:r(e.className,ir,{[`${ir}-resizable`]:x},S(ir,{size:t})),children:[a,o==="top"&&l,i,e.children&&u?(0,sr.jsx)("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&l]})};W.states=Gu;W.options=Du;W.variants=_u;W.className=ir;W.defaultOptions=ds;W.moduleName=$;W.folderName=X;var ps=require("react/jsx-runtime"),cs="k-grid-header",ce=e=>{let{draggable:t,...o}=e;return(0,ps.jsx)("div",{...o,className:r(e.className,cs,{"k-grid-draggable-header":t}),children:e.children})};ce.className=cs;ce.moduleName=$;ce.folderName=X;var xa=require("react/jsx-runtime"),ms="k-grouping-header",ro=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,xa.jsxs)("div",{...a,className:r(e.className,ms),children:[o&&(0,xa.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,xa.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};ro.className=ms;ro.moduleName=$;ro.folderName=X;var fs=require("react/jsx-runtime"),us="k-grid-sticky-container",bs={position:"top"},dr=e=>{let{position:t=bs.position,...o}=e;return(0,fs.jsx)("div",{...o,className:r(e.className,us,{"k-grid-sticky-top-container":t==="top","k-grid-sticky-bottom-container":t==="bottom"}),children:e.children})};dr.className=us;dr.defaultProps=bs;dr.moduleName=$;dr.folderName=X;var Ae="table",Ge=Ae;var hs=require("react/jsx-runtime"),Ts="k-data-table",zu=[],Uu={size:[s.undefined,s.small,s.medium,s.large]},Fu={},_t=e=>{let{size:t,...o}=e;return(0,hs.jsx)("div",{...o,className:r(e.className,Ts,S("k-table",{size:t})),children:e.children})};_t.states=zu;_t.options=Uu;_t.className=Ts;_t.defaultOptions=Fu;_t.moduleName=Ae;_t.folderName=Ge;var xs=require("react/jsx-runtime"),vl="k-table-header-wrap",Vu=[n.hover,n.focus,n.disabled],$u={},Xu={},lo=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return(0,xs.jsx)("div",{...i,className:r(e.className,vl,I(vl,{hover:o,focus:a,disabled:l})),children:t})};lo.states=Vu;lo.options=$u;lo.className=vl;lo.defaultOptions=Xu;lo.moduleName=Ae;lo.folderName=Ge;var Ns=require("react/jsx-runtime"),Ll="k-table",Wu=[],Ju={size:[s.undefined,s.small,s.medium,s.large]},qu={},De=e=>{let{size:t,...o}=e;return(0,Ns.jsx)("table",{...o,className:r(e.className,Ll,S(Ll,{size:t})),children:e.children})};De.states=Wu;De.options=Ju;De.className=Ll;De.defaultOptions=qu;De.moduleName=Ae;De.folderName=Ge;var cr=require("react/jsx-runtime"),Cl="k-table-header",Yu=[n.hover,n.focus,n.disabled],Qu={},Zu={},zt=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return(0,cr.jsx)("div",{...i,className:r(e.className,Cl,I(Cl,{hover:o,focus:a,disabled:l})),children:(0,cr.jsx)(lo,{children:(0,cr.jsx)(De,{children:t})})})};zt.states=Yu;zt.options=Qu;zt.className=Cl;zt.defaultOptions=Zu;zt.moduleName=Ae;zt.folderName=Ge;var ks=require("react/jsx-runtime"),gs="k-table-scroller",ju=[],eb={},tb={},Ko=e=>{let{children:t,...o}=e;return(0,ks.jsx)("div",{...o,className:r(e.className,gs),children:t})};Ko.states=ju;Ko.options=eb;Ko.className=gs;Ko.defaultOptions=tb;Ko.moduleName=Ae;Ko.folderName=Ge;var ob=require("react/jsx-runtime");var Ls=require("react/jsx-runtime"),vs="k-table-footer",ab=[],rb={},lb={},no=e=>{let{children:t,...o}=e;return(0,Ls.jsx)("div",{...o,className:r(e.className,vs),children:t})};no.states=ab;no.options=rb;no.className=vs;no.defaultOptions=lb;no.moduleName=Ae;no.folderName=Ge;var Cs=require("react/jsx-runtime"),Ml="k-table-list",nb=[],ib={size:[s.undefined,s.small,s.medium,s.large]},sb={},io=e=>{let{size:t,virtualization:o,...a}=e;return(0,Cs.jsx)("ul",{...a,className:r(e.className,"k-table",Ml,S(Ml,{size:t}),{"k-virtual-table":o}),children:e.children})};io.states=nb;io.options=ib;io.className=Ml;io.defaultOptions=sb;io.moduleName=Ae;io.folderName=Ge;var Ms=require("react/jsx-runtime"),db="k-table-thead",oe=e=>(0,Ms.jsx)("thead",{className:r(e.className,db),children:e.children});var ys=require("react/jsx-runtime"),cb="k-table-tbody",pe=e=>(0,ys.jsx)("tbody",{className:r(e.className,cb),children:e.children});var pb=require("react/jsx-runtime");var Ss=require("react/jsx-runtime"),yl="k-table-row",mb=[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,Ss.jsx)("tr",{...u,className:r(e.className,yl,{"k-table-alt-row":c},I(yl,{hover:t,focus:o,disabled:i,selected:a,highlighted:l})),children:e.children})};R.states=mb;R.className=yl;var As=require("react/jsx-runtime"),Sl="k-table-row",ub=[n.hover,n.focus,n.selected,n.disabled],pr=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:i,...c}=e;return(0,As.jsx)("li",{...c,className:r(e.className,Sl,{"k-table-alt-row":i},I(Sl,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};pr.states=ub;pr.className=Sl;var Es=require("react/jsx-runtime"),ws="k-table-th",Ut=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,i=t\|\|e.children;return(0,Es.jsx)("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,ws),children:i})};Ut.className=ws;Ut.moduleName=Ae;Ut.folderName=Ge;var bb=require("react/jsx-runtime");var Is=require("react/jsx-runtime"),Al="k-table-td",fb=[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,Is.jsx)("td",{colSpan:i,rowSpan:c,...u,className:r(e.className,Al,I(Al,{focus:t,selected:o,highlighted:a})),children:x})};m.states=fb;m.className=Al;var Tb=require("react/jsx-runtime");var hb=require("react/jsx-runtime");var xb=require("react/jsx-runtime");var Nb=require("react/jsx-runtime");var gb=require("react/jsx-runtime");var Os=require("react/jsx-runtime");var Ps=require("react/jsx-runtime");var Hs=require("react/jsx-runtime");var wl=require("react/jsx-runtime");var Bs=require("react/jsx-runtime"),Ks="k-grid-header-table",me=e=>(0,Bs.jsx)(De,{...e,className:r(e.className,Ks),children:e.children});me.className=Ks;me.moduleName=$;me.folderName=X;var st=require("react/jsx-runtime"),El="k-header",Cb=[n.hover,n.focus,n.active],Gs={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=Gs.sortIcon,sortOrder:k,accessibleLabel:b,...M}=e;return(0,st.jsxs)(Ut,{...M,className:r(e.className,El,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":i},I(El,{hover:u,focus:x,active:g})),children:[c&&(0,st.jsxs)("span",{className:"k-cell-inner",children:[(0,st.jsxs)("span",{className:"k-link",children:[(0,st.jsx)("span",{className:"k-column-title",children:c}),o&&(0,st.jsx)("span",{className:"k-sort-icon",children:(0,st.jsx)(v,{icon:L})}),k&&(0,st.jsx)("span",{className:"k-sort-order",children:k})]}),t&&(0,st.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,st.jsx)(v,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&b&&(0,st.jsx)("span",{className:"k-sr-only",children:b}),e.children,i&&(0,st.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};H.states=Cb;H.className=El;H.defaultOptions=Gs;H.moduleName=$;H.folderName=X;var _s=require("react/jsx-runtime"),Ds="k-grid-container",ae=e=>(0,_s.jsx)("div",{...e,className:r(e.className,Ds),children:e.children});ae.className=Ds;ae.moduleName=$;ae.folderName=X;var Us=require("react/jsx-runtime"),zs="k-grid-content",re=e=>(0,Us.jsx)("div",{...e,className:r(e.className,zs),children:e.children});re.className=zs;re.moduleName=$;re.folderName=X;var Vs=require("react/jsx-runtime"),Fs="k-grid-table",le=e=>(0,Vs.jsx)(De,{...e,className:r(e.className,Fs),children:e.children});le.className=Fs;le.moduleName=$;le.folderName=X;var Xs=require("react/jsx-runtime"),$s="k-grid-footer",Il=e=>(0,Xs.jsx)("div",{...e,className:r(e.className,$s),children:e.children});Il.className=$s;Il.moduleName=$;Il.folderName=X;var Js=require("react/jsx-runtime"),Ws="k-grid-footer-table",Rl=e=>(0,Js.jsx)(De,{...e,className:r(e.className,Ws),children:e.children});Rl.className=Ws;Rl.moduleName=$;Rl.folderName=X;var Ol="pager",qs=Ol;var Q=require("react/jsx-runtime"),mr="k-pager",Mb=[n.focus,n.disabled],yb={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},ge=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,mr,S(mr,{size:o}),I(mr,{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})]})};ge.states=Mb;ge.options=yb;ge.className=mr;ge.defaultOptions=dt;ge.moduleName=Ol;ge.folderName=qs;var Sb=require("react/jsx-runtime");var Ab=require("react/jsx-runtime");var wb=require("react/jsx-runtime");var Pl=require("react/jsx-runtime"),Eb=ge.options,Ib=ge.states,Rb={...ge.defaultOptions,variant:"numeric"},Ob=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Pb=[],Na=e=>{let{variant:t,...o}=e;return t==="input"?(0,Pl.jsx)(ge,{...o,type:"input"}):(0,Pl.jsx)(ge,{...o,type:"numeric"})};Na.options=Eb;Na.states=Ib;Na.variants=Ob;Na.defaultOptions=Rb;Na.modifiers=Pb;var Qs=require("react/jsx-runtime"),Ys="k-grid-pager",Ot=e=>(0,Qs.jsx)(ge,{...e,className:r(e.className,Ys),children:e.children});Ot.className=Ys;Ot.moduleName=$;Ot.folderName=X;var Hl="button",Zs=Hl;var js=require("react/jsx-runtime"),ga="k-button-group",Hb=[n.disabled],Kb={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Bb={},D=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return(0,js.jsx)("div",{role:"group",...l,className:r(e.className,ga,S(ga,{fillMode:t}),I(ga,{disabled:o}),{[`${ga}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};D.states=Hb;D.options=Kb;D.className=ga;D.defaultOptions=Bb;D.moduleName=Hl;D.folderName=Zs;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 Kl=require("react/jsx-runtime");var Bl=require("react/jsx-runtime");var Gl=require("react/jsx-runtime");var Dl=require("react/jsx-runtime");var _l=require("react/jsx-runtime");var zl=require("react/jsx-runtime");var je=require("react/jsx-runtime"),Gb={...d.options,...D.options},Db=d.states,_b={...d.defaultOptions,...D.defaultOptions,variant:"text-button"},zb=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Ub=[],ka=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,je.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,je.jsx)(d,{...a,icon:"star"}),(0,je.jsx)(d,{...a,icon:"star"}),(0,je.jsx)(d,{...a,icon:"star"})]}):t==="icon-text-button"?(0,je.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,je.jsx)(d,{...a,icon:"star",children:"First"}),(0,je.jsx)(d,{...a,icon:"star",children:"Middle"}),(0,je.jsx)(d,{...a,icon:"star",children:"Last"})]}):(0,je.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,je.jsx)(d,{...a,children:"First"}),(0,je.jsx)(d,{...a,children:"Middle"}),(0,je.jsx)(d,{...a,children:"Last"})]})};ka.options=Gb;ka.states=Db;ka.variants=zb;ka.defaultOptions=_b;ka.modifiers=Ub;var va=require("react/jsx-runtime"),ed="k-color-preview",Fb=[],Vb={},so=e=>{let{color:t,iconName:o,...a}=e;return(0,va.jsxs)("span",{...a,className:r(e.className,ed,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,va.jsx)(v,{icon:o,className:"k-color-preview-icon"}),(0,va.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};so.states=Fb;so.options=Vb;so.className=ed;var Ul="slider",td=Ul;var Ct=require("react/jsx-runtime"),La="k-slider",$b=[n.hover,n.focus,n.active,n.disabled,n.readonly],Xb={},Nt={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=Nt.type,orientation:o=Nt.orientation,gradientType:a=Nt.gradientType,readonly:l=Nt.readonly,disabled:i=Nt.disabled,handlePosition:c=Nt.handlePosition,showButtons:u=Nt.showButtons,showTicks:x=Nt.showTicks,value:g=Nt.value,min:L=Nt.min,max:k=Nt.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(La,e.className,I(La,{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(La,{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(La,{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=$b;ne.options=Xb;ne.className=La;ne.defaultOptions=Nt;ne.moduleName=Ul;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 Fl=require("react/jsx-runtime"),od="k-tick",Wb=[],Jb={},ad={label:!1},B=e=>{let{style:t,label:o=ad.label,orientation:a,large:l,text:i,...c}=e;return(0,Fl.jsx)("li",{...c,className:r(e.className,od,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&(0,Fl.jsx)("span",{className:"k-label",children:i})})};B.states=Wb;B.options=Jb;B.className=od;B.defaultOptions=ad;var we=require("react/jsx-runtime"),rd=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"),ld=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 Vl=require("react/jsx-runtime");var $l=require("react/jsx-runtime");var nd=require("react/jsx-runtime"),Xl=e=>(0,nd.jsx)(ne,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var id=require("react/jsx-runtime"),Wl=e=>(0,id.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 ql=require("react/jsx-runtime");var et=require("react/jsx-runtime"),qb=ne.options,Yb=ne.states,sd={...ne.defaultOptions,variant:"horizontal",label:!0},Qb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Zb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ca=e=>{let{variant:t,modifiers:o,...a}={...sd,...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,et.jsxs)(ld,{showTicks:u,showButtons:c,style:{height:"300px",...x},...a,children:[(0,et.jsx)(B,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,et.jsx)(B,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,et.jsx)(B,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,et.jsx)(B,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,et.jsx)(B,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,et.jsxs)(rd,{showTicks:u,showButtons:c,style:{width:"400px",...x},...a,children:[(0,et.jsx)(B,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,et.jsx)(B,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,et.jsx)(B,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,et.jsx)(B,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,et.jsx)(B,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ca.options=qb;Ca.states=Yb;Ca.variants=Qb;Ca.defaultOptions=sd;Ca.modifiers=Zb;var A=require("react/jsx-runtime"),dd="k-colorgradient-inputs",jb=[],ef={size:[s.undefined,s.small,s.medium,s.large]},cd={mode:"rgba"},Bo=e=>{let{mode:t=cd.mode,size:o,...a}=e;return(0,A.jsxs)("div",{...a,className:r(dd,"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)(te,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Bo.states=jb;Bo.options=ef;Bo.className=dd;Bo.defaultOptions=cd;var _e=require("react/jsx-runtime"),pd="k-colorgradient-color-contrast",tf=[],of={},af={},Go=()=>(0,_e.jsxs)("div",{className:r(pd,"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"})]})]})]});Go.states=tf;Go.options=of;Go.className=pd;Go.defaultOptions=af;var md="color-gradient",ud="colorgradient";var ke=require("react/jsx-runtime"),ur="k-colorgradient",rf=[n.hover,n.focus,n.readonly,n.disabled],lf={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,ke.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,ur,S(ur,{size:t}),I(ur,{hover:k,focus:b,readonly:a,disabled:l})),dir:L,children:[!w\|\|w==="horizontal"&&(0,ke.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,ke.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,ke.jsx)("div",{className:"k-hsv-gradient",children:(0,ke.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,ke.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,ke.jsx)(Wl,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&(0,ke.jsx)(Wl,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:u})]})]}),w==="vertical"&&(0,ke.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,ke.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,ke.jsx)("div",{className:"k-hsv-gradient",children:(0,ke.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,ke.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,ke.jsx)(Xl,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&(0,ke.jsx)(Xl,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:x})]})]}),(0,ke.jsx)(Bo,{mode:e.mode,size:t}),g&&(0,ke.jsx)(Go,{})]})};Ie.states=rf;Ie.options=lf;Ie.className=ur;Ie.defaultOptions=Pt;Ie.moduleName=md;Ie.folderName=ud;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 bd=require("react/jsx-runtime"),br=e=>(0,bd.jsx)(Ie,{...e});var nf=require("react/jsx-runtime");var sf=require("react/jsx-runtime");var fr=require("react/jsx-runtime"),df=Ie.options,cf=Ie.states,pf={...Ie.defaultOptions,variant:"rgba"},mf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],uf=[],Ma=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,fr.jsx)(br,{...o,mode:t});case"rgb":return(0,fr.jsx)(br,{...o,mode:t});default:return(0,fr.jsx)(br,{...o,mode:t})}};Ma.options=df;Ma.states=cf;Ma.variants=mf;Ma.defaultOptions=pf;Ma.modifiers=uf;var fd=require("react/jsx-runtime"),Yl=e=>(0,fd.jsx)("tr",{role:"row",children:e.children});var Td=require("react/jsx-runtime"),Ql="k-colorpalette-tile",bf=[n.hover,n.focus,n.selected],ff={},Do=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,Td.jsx)("td",{...c,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,Ql,I(Ql,{hover:a,focus:l,selected:i})),style:u})};Do.states=bf;Do.options=ff;Do.className=Ql;var hd="color-palette",xd="colorpalette";var _o=require("react/jsx-runtime"),Tr="k-colorpalette",Tf=[n.disabled],hf={size:[s.undefined,s.small,s.medium,s.large]},Nd={columns:10},tt=e=>{let{size:t,palette:o,columns:a=Nd.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,_o.jsx)(Do,{color:C,tileSize:l},w))});let M=(0,_o.jsx)(Yl,{children:b},k);u.push(M)})}return(0,_o.jsx)("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,Tr,I(Tr,{disabled:i}),S(Tr,{size:t})),children:(0,_o.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,_o.jsx)("tbody",{children:u.length>0?u:e.children})})})};tt.states=Tf;tt.options=hf;tt.className=Tr;tt.defaultOptions=Nd;tt.moduleName=hd;tt.folderName=xd;tt.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var hr=tt;var ya={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"),gd=e=>(0,kd.jsx)(hr,{palette:ya.basic,...e});var xf=require("react/jsx-runtime");var vd=require("react/jsx-runtime");var Ld=require("react/jsx-runtime"),Nf=tt.options,gf=tt.states,kf={...tt.defaultOptions,variant:"basic"},vf=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Lf={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Cf=[],Sa=e=>{let{variant:t="basic",...o}=e,a=Lf[t];return(0,Ld.jsx)(gd,{columns:a.columns,palette:a,...o})};Sa.options=Nf;Sa.states=gf;Sa.variants=vf;Sa.defaultOptions=kf;Sa.modifiers=Cf;var Cd="color-editor",Md="coloreditor";var Te=require("react/jsx-runtime"),xr="k-coloreditor",Mf=[n.focus],yf={size:[s.undefined,s.small,s.medium,s.large]},Aa={view:"gradient",palette:ya.office,actionButtons:!0,canvasOrientation:"horizontal"},he=e=>{let{size:t,view:o=Aa.view,palette:a=Aa.palette,color:l,currentColor:i,focus:c,focusView:u,dir:x,group:g,actionButtons:L=Aa.actionButtons,canvasOrientation:k=Aa.canvasOrientation,...b}=e;return(0,Te.jsxs)("div",{...b,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",xr,S(xr,{size:t}),I(xr,{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)(tt,{palette:a,size:t})}),L&&(0,Te.jsxs)(It,{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=Mf;he.options=yf;he.className=xr;he.defaultOptions=Aa;he.moduleName=Cd;he.folderName=Md;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 zo=he;var Sf=require("react/jsx-runtime");var Af=require("react/jsx-runtime");var Sd=require("react/jsx-runtime"),yd=e=>(0,Sd.jsx)(zo,{group:!0,currentColor:"fuchsia",...e});var wd=require("react/jsx-runtime"),Ad=e=>(0,wd.jsx)(zo,{view:"palette",group:!0,currentColor:"fuchsia",...e});var Zl=require("react/jsx-runtime"),wf=he.options,Ef=he.states,If={...he.defaultOptions,variant:"gradient"},Rf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Of=[],wa=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Zl.jsx)(Ad,{...o,color:"white"}):(0,Zl.jsx)(yd,{...o,color:"rgba(183, 118 , 118, 1.00)"})};wa.options=wf;wa.states=Ef;wa.variants=Rf;wa.defaultOptions=If;wa.modifiers=Of;var Ed="color-picker",Id="colorpicker";var ve=require("react/jsx-runtime"),Rd="k-colorpicker",Pf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Hf={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]},Od={arrowIconName:"caret-alt-down"},ct=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Od.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,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsxs)(wt,{...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,Rd,"k-icon-picker"),children:[(0,ve.jsx)(ut,{children:i}),(0,ve.jsx)(ho,{placeholder:x,value:u,showValue:!1,valueIcon:(0,ve.jsx)(so,{className:"k-value-icon",color:u,iconName:w}),valueIconName:w}),(0,ve.jsx)(bt,{children:c}),(0,ve.jsx)(d,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),P&&K&&(0,ve.jsx)(ee,{id:rt,className:"k-colorpicker-popup",children:K}),z&&(0,ve.jsx)(fe,{adaptive:!0,id:rt,...ie,header:(0,ve.jsx)(We,{actionsEnd:(0,ve.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:xe,subtitle:Ve}),footer:(0,ve.jsxs)(jt,{children:[(0,ve.jsx)(d,{text:"Cancel",size:"large"}),(0,ve.jsx)(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,ve.jsx)(he,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};ct.states=Pf;ct.options=Hf;ct.className=Rd;ct.defaultOptions=Od;ct.moduleName=Ed;ct.folderName=Id;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 Pd=require("react/jsx-runtime"),Nr=e=>(0,Pd.jsx)(co,{...e});var Kf=require("react/jsx-runtime");var Bf=require("react/jsx-runtime");var Gf=require("react/jsx-runtime");var Df=require("react/jsx-runtime");var _f=require("react/jsx-runtime");var zf=require("react/jsx-runtime");var po=require("react/jsx-runtime"),Uf=co.options,Ff=co.states,Hd={...co.defaultOptions,variant:"color"},Vf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],$f=[{name:"opened",title:"Opened"}],Ea=e=>{let{variant:t,modifiers:o,...a}={...Hd,...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)(Nr,{...a,...l})});case"icon":return(0,po.jsx)("div",{style:i,children:(0,po.jsx)(Nr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return(0,po.jsx)("div",{style:i,children:(0,po.jsx)(Nr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};Ea.options=Uf;Ea.states=Ff;Ea.variants=Vf;Ea.defaultOptions=Hd;Ea.modifiers=$f;var jl="combobox",Kd=jl;var J=require("react/jsx-runtime"),Bd="k-combobox",Xf=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Wf={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]},Gd={separators:!0},Je=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Gd.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)(Ne,{...$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,Bd),children:[i&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(ut,{children:i}),l&&(0,J.jsx)(ft,{})]}),(0,J.jsx)(nt,{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)(Xe,{valid:k,invalid:b,loading:C,disabled:w}),(0,J.jsx)(Qe,{loading:C,disabled:w}),(0,J.jsx)(lt,{loading:C,disabled:w,readonly:z,value:u}),c&&(0,J.jsxs)(J.Fragment,{children:[l&&(0,J.jsx)(ft,{}),(0,J.jsx)(bt,{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)(ee,{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)(We,{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)(ao,{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=Xf;Je.options=Wf;Je.className=Bd;Je.defaultOptions=Gd;Je.moduleName=jl;Je.folderName=Kd;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 _d=require("react/jsx-runtime"),Dd=e=>(0,_d.jsx)(pt,{...e});var zd=require("react/jsx-runtime");var Ud=require("react/jsx-runtime");var Fd=require("react/jsx-runtime");var Vd=require("react/jsx-runtime");var $d=require("react/jsx-runtime");var Xd=require("react/jsx-runtime");var en=require("react/jsx-runtime");var Jf=require("react/jsx-runtime");var qf=require("react/jsx-runtime");var Wd=require("react/jsx-runtime");var Jd=require("react/jsx-runtime");var Mt=require("react/jsx-runtime"),Yf=Je.states,Qf=Je.defaultOptions,Zf=Je.options,jf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],eT=[],Ia=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)(Qt,{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)(Dd,{value:"Value",style:{width:300},...o,...a})})};Ia.options=Zf;Ia.states=Yf;Ia.variants=eT;Ia.defaultOptions=Qf;Ia.modifiers=jf;var tn="menu-button",qd=tn;var Qd=require("react/jsx-runtime"),Yd="k-menu-button",tT=[n.hover,n.focus,n.active,n.selected,n.disabled],oT={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]},on={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=on.showArrow,arrowIconName:M=on.arrowIconName,expanded:C,...w}=e;return(0,Qd.jsx)(d,{...w,className:r(e.className,Yd),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=tT;Z.options=oT;Z.className=Yd;Z.defaultOptions=on;Z.moduleName=tn;Z.folderName=qd;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 aT=require("react/jsx-runtime");var rT=require("react/jsx-runtime");var lT=require("react/jsx-runtime");var mt="menu",gt=mt;var Ft=require("react/jsx-runtime"),an="k-menu-item",nT=[n.hover,n.focus,n.active,n.selected,n.disabled],iT={},Zd={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=Zd.iconPosition,dir:M,children:C,expanded:w,...K}=e,P=k;return P\|\|(P=M==="rtl"?"caret-alt-left":"caret-alt-right"),(0,Ft.jsxs)("li",{...K,className:r(e.className,an,"k-item",I(an,{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,Ft.jsxs)("span",{className:r("k-link k-menu-link"),children:[c&&b==="before"&&(0,Ft.jsx)(v,{className:"k-menu-link-icon",icon:c}),(0,Ft.jsx)("span",{className:"k-menu-link-text",children:u}),c&&b==="after"&&(0,Ft.jsx)(v,{className:"k-menu-link-icon",icon:c}),L&&(0,Ft.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Ft.jsx)(v,{icon:P})})]}),C]})};ze.states=nT;ze.options=iT;ze.className=an;ze.defaultOptions=Zd;ze.moduleName=mt;ze.folderName=gt;var Vt=require("react/jsx-runtime"),rn="k-menu-item",sT=[n.hover,n.focus,n.active,n.selected,n.disabled],dT={},ln={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=ln.iconPosition,dir:M=ln.dir,children:C,popup:w,expanded:K,...P}=e,z=k;return z\|\|(z=M==="rtl"?"caret-alt-left":"caret-alt-right"),(0,Vt.jsxs)("li",{...P,className:r(e.className,rn,"k-item",I(rn,{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,Vt.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,Vt.jsx)(v,{className:"k-menu-link-icon",icon:c}),(0,Vt.jsx)("span",{className:"k-menu-link-text",children:u}),c&&b==="after"&&(0,Vt.jsx)(v,{className:"k-menu-link-icon",icon:c}),L&&(0,Vt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Vt.jsx)(v,{icon:z})})]}),C,w]})};ue.states=sT;ue.options=dT;ue.className=rn;ue.defaultOptions=ln;ue.moduleName=mt;ue.folderName=gt;var tc=require("react/jsx-runtime"),jd="k-menu-scroll-wrapper",cT=[],pT={},mT={},ko=e=>{let{className:t,children:o,orientation:a,...l}=e;return(0,tc.jsx)("div",{...l,className:r(t,jd,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ko.states=cT;ko.options=pT;ko.className=jd;ko.defaultOptions=mT;ko.moduleName=mt;ko.folderName=gt;var ec=ko;var Re=require("react/jsx-runtime"),nn="k-menu",uT=[],bT={},kr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Oe=e=>{let{children:t,orientation:o=kr.orientation,header:a=kr.header,scrollable:l,scrollButtonsPosition:i=kr.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",nn,{[`${nn}-${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)(ec,{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=uT;Oe.options=bT;Oe.className=nn;Oe.defaultOptions=kr;Oe.moduleName=mt;Oe.folderName=gt;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 ac=require("react/jsx-runtime"),sn="k-separator",oc={orientation:"horizontal"},Uo=e=>{let{orientation:t=oc.orientation,...o}=e;return(0,ac.jsx)("li",{...o,className:r(e.className,"k-item",sn,{[`${sn}-${t}`]:t}),role:"separator"})};Uo.className=sn;Uo.defaultOptions=oc;Uo.moduleName=mt;Uo.folderName=gt;var rc=require("react/jsx-runtime");var lc=require("react/jsx-runtime"),dn="k-menu-group",fT=[],TT={size:[s.undefined,s.small,s.medium,s.large]},hT={},Ue=e=>{let{children:t,size:o,...a}=e;return(0,lc.jsx)("ul",{...a,className:r(e.className,dn,S(dn,{size:o})),role:"menu",children:t})};Ue.states=fT;Ue.options=TT;Ue.className=dn;Ue.defaultOptions=hT;Ue.moduleName=mt;Ue.folderName=gt;var yt=require("react/jsx-runtime"),cn=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 pn=require("react/jsx-runtime");var mn=require("react/jsx-runtime");var un=require("react/jsx-runtime");var bn=require("react/jsx-runtime");var Ht=require("react/jsx-runtime"),xT=Oe.options,NT=Oe.states,nc={...Oe.defaultOptions,variant:"horizontal"},gT=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],kT=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ra=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)(ee,{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)(Uo,{}),(0,Ht.jsx)(ue,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Ht.jsx)(cn,{...a,...l,orientation:"vertical",style:{width:"200px"}}):(0,Ht.jsx)(cn,{...a,...l})};Ra.options=xT;Ra.states=NT;Ra.variants=gT;Ra.defaultOptions=nc;Ra.modifiers=kT;var fn=require("react/jsx-runtime");var vT=require("react/jsx-runtime");var Fe=require("react/jsx-runtime"),LT=d.states,ic={...d.defaultOptions,variant:"text"},CT=d.options,MT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],yT=[{name:"opened",title:"Opened"}],Oa=e=>{let{variant:t,modifiers:o,...a}={...ic,...e},l={},i=(0,Fe.jsx)(ee,{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]})};Oa.options=CT;Oa.states=LT;Oa.variants=MT;Oa.defaultOptions=ic;Oa.modifiers=yT;var Tn="split-button",sc=Tn;var $t=require("react/jsx-runtime"),hn="k-split-button",ST=[n.hover,n.focus,n.active,n.selected,n.disabled],AT={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]},dc={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=dc.arrowIconName,popup:M,opened:C,popupId:w,...K}=e;return(0,$t.jsxs)($t.Fragment,{children:[(0,$t.jsxs)("div",{...K,className:r(e.className,hn,"k-button-group",S(hn,{rounded:o})),children:[(0,$t.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,$t.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,$t.jsx)(ee,{className:"k-menu-popup",children:M})]})};V.states=ST;V.options=AT;V.className=hn;V.defaultOptions=dc;V.moduleName=Tn;V.folderName=sc;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 xn=V;var cc=require("react/jsx-runtime"),wT="k-toolbar-separator",St=e=>(0,cc.jsx)("div",{className:r(wT,e.className,"k-separator")});var Xt="toolbar",mo=Xt;var G=require("react/jsx-runtime"),Wt="k-toolbar",ET=[n.focus],IT={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},RT={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===Qo)C.push((0,G.jsx)(Qo,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===Qt)C.push((0,G.jsx)(Qt,{...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===xn)C.push((0,G.jsx)(xn,{...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,Wt,S(Wt,{size:t,fillMode:o}),I(Wt,{focus:a}),{[`${Wt}-resizable`]:l,[`${Wt}-scrollable`]:i,[`${Wt}-scrollable-overlay`]:i&&c==="hidden",[`${Wt}-scrollable-${u}`]:u&&u!=="both",[`${Wt}-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=ET;j.options=IT;j.className=Wt;j.defaultOptions=RT;j.moduleName=Xt;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"),pc="k-floating-toolbar",OT=[],PT={},HT={},Fo=e=>{let{...t}=e;return(0,mc.jsx)("div",{...t,className:r(e.className,pc),children:e.children})};Fo.states=OT;Fo.options=PT;Fo.className=pc;Fo.defaultOptions=HT;Fo.moduleName=Xt;Fo.folderName=mo;var uc=require("react/jsx-runtime"),Nn="k-toolbar-item",KT=[n.focus],BT={},GT={},Vo=e=>{let{focus:t,...o}=e;return(0,uc.jsx)("div",{...o,className:r(e.className,Nn,I(Nn,{focus:t})),children:e.children})};Vo.states=KT;Vo.options=BT;Vo.className=Nn;Vo.defaultOptions=GT;Vo.moduleName=Xt;Vo.folderName=mo;var gn=require("react/jsx-runtime"),bc="k-toolbar-popup",DT=[],_T={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},zT={},vo=e=>{let{size:t,fillMode:o,section:a,...l}=e;return(0,gn.jsx)(ee,{...l,className:r(e.className,bc),children:a?(0,gn.jsx)("span",{className:r("k-toolbar-items-list",S("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};vo.states=DT;vo.options=_T;vo.className=bc;vo.defaultOptions=zT;vo.moduleName=Xt;vo.folderName=mo;var vr=vo;var UT=require("react/jsx-runtime");var FT=require("react/jsx-runtime");var VT=require("react/jsx-runtime");var fc=require("react/jsx-runtime");var $T=require("react/jsx-runtime");var kt=require("react/jsx-runtime"),XT=V.states,Tc={...V.defaultOptions,variant:"text"},WT=V.options,JT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],qT=[{name:"opened",title:"Opened"}],Pa=e=>{let{variant:t,modifiers:o,...a}={...Tc,...e},l={},i=(0,kt.jsxs)(Ue,{size:a.size,children:[(0,kt.jsx)(ue,{first:!0,text:"Menu Item"}),(0,kt.jsx)(ue,{text:"Menu Item"}),(0,kt.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,kt.jsx)("div",{children:(0,kt.jsx)(V,{...a,...l,icon:"star"})});case"icon-and-text":return(0,kt.jsx)("div",{children:(0,kt.jsx)(V,{...a,...l,icon:"star",children:"Split Button"})});default:return(0,kt.jsx)("div",{children:(0,kt.jsx)(V,{...a,...l,children:"Split Button"})})}};Pa.options=WT;Pa.states=XT;Pa.variants=JT;Pa.defaultOptions=Tc;Pa.modifiers=qT;var Kt=require("react/jsx-runtime"),hc=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 xc=require("react/jsx-runtime");var Pe=require("react/jsx-runtime"),Nc=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"),gc=({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"),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)(vr,{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 kn=require("react/jsx-runtime");var vn=require("react/jsx-runtime");var Jt=require("react/jsx-runtime"),YT=j.options,QT=j.states,vc={...j.defaultOptions,variant:"default"},ZT=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],jT=[],Ha=e=>{let{variant:t,...o}={...vc,...e};switch(t){case"responsive":return(0,Jt.jsx)("div",{children:(0,Jt.jsx)(kc,{style:{width:"583px"},...o})});case"overlay":return(0,Jt.jsx)("div",{children:(0,Jt.jsx)(gc,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,Jt.jsx)("div",{children:(0,Jt.jsx)(Nc,{style:{width:"583px"},...o})});default:return(0,Jt.jsx)("div",{children:(0,Jt.jsx)(hc,{style:{width:"583px"},...o})})}};Ha.options=YT;Ha.states=QT;Ha.variants=ZT;Ha.defaultOptions=vc;Ha.modifiers=jT;var Cc=require("react/jsx-runtime"),Lc="k-grid-toolbar",Lo=e=>(0,Cc.jsx)(j,{...e,className:r(e.className,Lc),children:e.children});Lo.className=Lc;Lo.moduleName=$;Lo.folderName=X;var $o=require("react/jsx-runtime"),Ln="k-grid-stack-cell",eh=[n.focus,n.selected],Lr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:i,focus:c,selected:u,...x}=e;return(0,$o.jsxs)("div",{...x,className:r(e.className,Ln,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":i},I(Ln,{focus:c,selected:u})),children:[i&&(0,$o.jsx)("span",{className:"k-dirty"}),t&&(0,$o.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,$o.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};Lr.states=eh;Lr.className=Ln;Lr.moduleName=$;Lr.folderName=X;var yc=require("react/jsx-runtime"),Mc="k-grid-stack-row",Cr=e=>{let{cols:t,...o}=e;return(0,yc.jsx)("div",{...o,className:r(e.className,Mc,{[`k-grid-cols-${t}`]:t}),children:e.children})};Cr.className=Mc;Cr.moduleName=$;Cr.folderName=X;var Cn=require("react/jsx-runtime");var Mn=require("react/jsx-runtime");var yn=require("react/jsx-runtime");var h=require("react/jsx-runtime"),Sc=({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)(ce,{children:(0,h.jsx)("div",{className:"k-grid-header-wrap",children:(0,h.jsxs)(me,{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)(oe,{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)(te,{}),(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)(te,{}),(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)(ae,{children:(0,h.jsx)(re,{className:e,children:(0,h.jsxs)(le,{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)(pe,{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 Ka=require("react/jsx-runtime"),th="k-chip-action";var Le=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=(0,Ka.jsx)(v,{icon:"x-circle",size:"small"});break;case"more":a=(0,Ka.jsx)(v,{icon:"more-vertical",size:"small"});break;default:return(0,Ka.jsx)(v,{icon:t,size:"small"})}return(0,Ka.jsx)("span",{...o,className:r(e.className,th,`k-chip-${t}-action`),children:a})};var Sn="avatar",Ac=Sn;var wn=require("react/jsx-runtime"),Ba="k-avatar";var oh=[n.hover,n.focus,n.active,n.selected,n.disabled],ah={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]},An={type:"text",border:!1},ot=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:i=An.type,border:c=An.border,...u}=e;return(0,wn.jsx)("div",{...u,className:r(e.className,Ba,S(Ba,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Ba}-bordered`]:c}),children:(0,wn.jsx)("span",{className:`${Ba}-${i}`,children:e.children})})};ot.states=oh;ot.options=ah;ot.className=Ba;ot.defaultOptions=An;ot.moduleName=Sn;ot.folderName=Ac;ot.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Co=ot;var Ec=require("react/jsx-runtime"),wc=e=>(0,Ec.jsx)(Co,{type:"icon",...e});var Rc=require("react/jsx-runtime"),Ic=e=>(0,Rc.jsx)(Co,{type:"text",...e});var Pc=require("react/jsx-runtime"),Oc=e=>(0,Pc.jsx)(Co,{type:"image",...e});var rh=require("react/jsx-runtime");var Xo=require("react/jsx-runtime"),lh=ot.options,nh=ot.states,ih={...ot.defaultOptions,variant:"image"},sh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],dh=[],Ga=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,Xo.jsx)(wc,{...o,children:(0,Xo.jsx)(v,{icon:"star"})});case"text":return(0,Xo.jsx)(Ic,{...o,children:"JO"});default:return(0,Xo.jsx)(Oc,{...o,children:(0,Xo.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Ga.options=lh;Ga.states=nh;Ga.variants=sh;Ga.defaultOptions=ih;Ga.modifiers=dh;var Da="chip",Mr=Da;var qt=require("react/jsx-runtime"),yr="k-chip",ch=[n.hover,n.focus,n.active,n.selected,n.disabled],ph={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]},Hc={avatarImage:"/packages/html/assets/avatar.jpg"},Ce=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:i,icon:c,actions:u,showAvatar:x,avatarImage:g=Hc.avatarImage,hover:L,focus:k,active:b,selected:M,disabled:C,...w}=e;return(0,qt.jsxs)("div",{...w,className:r(e.className,yr,S(yr,{size:t,rounded:o,fillMode:a,themeColor:l}),I(yr,{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,qt.jsx)(v,{className:"k-chip-icon",icon:c,size:"small"}),x&&(0,qt.jsx)(ot,{className:"k-chip-avatar",type:"image",children:(0,qt.jsx)("img",{src:g,alt:""})}),(0,qt.jsx)("span",{className:"k-chip-content",children:e.children?e.children:i&&(0,qt.jsx)("span",{className:"k-chip-label",children:i})}),u&&(0,qt.jsx)("span",{className:"k-chip-actions",children:u})]})};Ce.states=ch;Ce.options=ph;Ce.className=yr;Ce.defaultOptions=Hc;Ce.moduleName=Da;Ce.folderName=Mr;Ce.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 vt=Ce;var Kc=require("react/jsx-runtime"),En="k-chip-list",mh=[],uh={size:[s.undefined,s.small,s.medium,s.large]},bh={},Me=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return(0,Kc.jsx)("div",{...l,className:r(e.className,En,S(En,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Me.states=mh;Me.options=uh;Me.className=En;Me.defaultOptions=bh;Me.moduleName=Da;Me.folderName=Mr;Me.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};var fh=require("react/jsx-runtime");var Th=require("react/jsx-runtime");var Bc=require("react/jsx-runtime"),Sr=e=>(0,Bc.jsx)(vt,{text:"text",...e});var hh=require("react/jsx-runtime");var xh=require("react/jsx-runtime");var In=require("react/jsx-runtime");var Gc=require("react/jsx-runtime");var Dc=require("react/jsx-runtime");var _c=require("react/jsx-runtime");var Yt=require("react/jsx-runtime"),Nh={...vt.options,...Me.options},gh=[],kh=Me.states,vh={...vt.defaultOptions,...Me.defaultOptions},Lh=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],_a=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,Yt.jsxs)(Me,{size:a.size,className:o,children:[(0,Yt.jsx)(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Yt.jsx)(Le,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Yt.jsx)(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Yt.jsx)(Le,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Yt.jsx)(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Yt.jsx)(Le,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};_a.options=Nh;_a.states=kh;_a.variants=gh;_a.defaultOptions=vh;_a.modifiers=Lh;var Ar=require("react/jsx-runtime"),Ch=Ce.states,Mh=Ce.defaultOptions,yh=Ce.options,Sh=[],Ah=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],za=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"icon":a.icon=t!=null&&t[l]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!(t!=null&&t[l]),a.avatarImage=t!=null&&t[l]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions\|\|(a.actions=[]),a.actions[0]=t!=null&&t[l]?(0,Ar.jsx)(Le,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t!=null&&t[l]?(0,Ar.jsx)(Le,{type:"remove"}):void 0;break;default:break}}),(0,Ar.jsx)(Ce,{...o,...a,children:"Chip component"})};za.options=yh;za.states=Ch;za.variants=Sh;za.defaultOptions=Mh;za.modifiers=Ah;var y=require("react/jsx-runtime"),zc=({dropClue:e,contentClassName:t,...o})=>(0,y.jsx)(W,{_renderAriaRoot:!0,groupingHeader:(0,y.jsx)(ro,{dropClue:e,children:(0,y.jsxs)(Me,{children:[(0,y.jsx)(Ce,{icon:"sort-asc-small",text:"ID",actions:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(Le,{type:"more"}),(0,y.jsx)(Le,{type:"remove"})]})}),(0,y.jsx)(Ce,{icon:"sort-desc-small",text:"Name",actions:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(Le,{type:"more"}),(0,y.jsx)(Le,{type:"remove"})]})})]})}),children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(ce,{draggable:!0,children:(0,y.jsx)("div",{className:"k-grid-header-wrap",children:(0,y.jsxs)(me,{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)(oe,{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)(ae,{children:(0,y.jsx)(re,{className:t,children:(0,y.jsxs)(le,{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)(pe,{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});var Rn=require("react/jsx-runtime");var On=require("react/jsx-runtime");var Pn=require("react/jsx-runtime");var E=require("react/jsx-runtime"),Uc=({headerWrapClassName:e,contentClassName:t,...o})=>(0,E.jsx)(W,{_renderAriaRoot:!0,children:(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(ce,{children:(0,E.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,E.jsxs)(me,{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)(oe,{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)(ae,{children:(0,E.jsx)(re,{className:t,children:(0,E.jsxs)(le,{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)(pe,{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 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)(Lo,{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)(te,{prefix:(0,p.jsx)(v,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=(0,p.jsx)(ge,{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)(ce,{children:(0,p.jsx)("div",{className:"k-grid-header-wrap",children:(0,p.jsxs)(me,{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)(oe,{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)(ae,{children:(0,p.jsx)(re,{children:(0,p.jsxs)(le,{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)(pe,{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)(Uc,{...a,...l});case"editing":return(0,p.jsx)(Gn,{...a,...l});case"grouping":return(0,p.jsx)(zc,{...a,...l,groupingHeader:(0,p.jsx)(ro,{children:(0,p.jsxs)(Me,{children:[(0,p.jsx)(Ce,{icon:"sort-asc-small",actions:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(Le,{type:"more"}),(0,p.jsx)(Le,{type:"remove"})]}),children:"ID"}),(0,p.jsx)(Ce,{icon:"sort-desc-small",actions:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(Le,{type:"more"}),(0,p.jsx)(Le,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,p.jsx)(W,{...a,...l,children:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(ce,{children:(0,p.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,p.jsxs)(me,{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)(oe,{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)(ae,{children:(0,p.jsx)(re,{children:(0,p.jsxs)(le,{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)(pe,{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)(Sc,{...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 O=require("react/jsx-runtime"),Gn=e=>(0,O.jsx)(W,{_renderAriaRoot:!0,toolbar:(0,O.jsxs)(Lo,{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)(ce,{children:(0,O.jsx)("div",{className:"k-grid-header-wrap",children:(0,O.jsxs)(me,{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)(oe,{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)(ae,{children:(0,O.jsx)(re,{children:(0,O.jsx)("div",{children:(0,O.jsxs)(le,{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)(pe,{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)(te,{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});
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,{GridWithEditRow:()=>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 Pr="button",Yn=Pr;var Lt=require("react/jsx-runtime"),Yo="k-button",cp=["icon-button"],pp=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],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.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]},Hr={showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:i,showArrow:c=Hr.showArrow,arrowIconName:u=Hr.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,Yo,Un(Yo,x),S(Yo,{size:o,rounded:a,fillMode:l,themeColor:i}),I(Yo,{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=pp;d.options=mp;d.variants=cp;d.className=Yo;d.defaultOptions=Hr;d.moduleName=Pr;d.folderName=Yn;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 Qn=require("react/jsx-runtime"),Qt=e=>(0,Qn.jsx)(d,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Zn=require("react/jsx-runtime"),Qo=e=>(0,Zn.jsx)(d,{icon:"folder",children:"Button",...e});var jn=require("react/jsx-runtime"),bo=e=>(0,jn.jsx)(d,{children:"Button",...e});var Xa=require("react/jsx-runtime"),up=d.options,bp=d.states,fp={...d.defaultOptions,variant:"text"},Tp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],hp=[],Zo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Xa.jsx)(Qt,{...o,icon:"star"});case"icon-and-text":return(0,Xa.jsx)(Qo,{...o,icon:"star",children:"Button"});default:return(0,Xa.jsx)(bo,{...o,children:"Button"})}};Zo.options=up;Zo.states=bp;Zo.variants=Tp;Zo.defaultOptions=fp;Zo.modifiers=hp;var fo="checkbox",yo=fo;var Kr=require("react/jsx-runtime"),Wa="k-checkbox",xp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Np={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full]},gp={},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,Kr.jsx)("span",{className:"k-checkbox-wrap",children:(0,Kr.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,Wa,S(Wa,{size:L,rounded:k}),I(Wa,{hover:l,focus:i,disabled:c,invalid:u,valid:x,indeterminate:a,checked:o}))})})};qe.states=xp;qe.options=Np;qe.className=Wa;qe.defaultOptions=gp;qe.moduleName=fo;qe.folderName=yo;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 At=qe;var oi=require("react/jsx-runtime"),ei="k-checkbox-list",kp=[],vp={},ti={layout:"vertical"},Ye=e=>{let{layout:t=ti.layout,...o}=e;return(0,oi.jsx)("ul",{...o,className:r(e.className,ei,{[`k-list-${t}`]:t}),children:e.children})};Ye.states=kp;Ye.options=vp;Ye.className=ei;Ye.defaultOptions=ti;Ye.moduleName=fo;Ye.folderName=yo;var ri=require("react/jsx-runtime"),ai="k-checkbox-list-item",Lp=[],Cp={},Mp={},$e=e=>{let{...t}=e;return(0,ri.jsx)("li",{...t,className:r(e.className,ai),children:e.children})};$e.states=Lp;$e.options=Cp;$e.className=ai;$e.defaultOptions=Mp;$e.moduleName=fo;$e.folderName=yo;var To=require("react/jsx-runtime"),Bt=({children:e,id:t,...o})=>(0,To.jsxs)(To.Fragment,{children:[(0,To.jsx)(At,{id:t,...o}),(0,To.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Gr=require("react/jsx-runtime");var Br=require("react/jsx-runtime");var Dr=require("react/jsx-runtime");var yp=require("react/jsx-runtime");var Sp=require("react/jsx-runtime");var Ap=require("react/jsx-runtime");var Ke=require("react/jsx-runtime"),wp=Ye.options,Ep=Ye.states,Ip={...Ye.defaultOptions,variant:"vertical"},Rp=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Op=[],jo=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Ke.jsxs)(Ye,{layout:"horizontal",...o,children:[(0,Ke.jsx)($e,{children:(0,Ke.jsx)(Bt,{id:"first",defaultChecked:!0,children:"Label"})}),(0,Ke.jsx)($e,{children:(0,Ke.jsx)(Bt,{id:"second",children:"Label"})}),(0,Ke.jsx)($e,{children:(0,Ke.jsx)(Bt,{id:"third",children:"Label"})})]}):(0,Ke.jsxs)(Ye,{...o,children:[(0,Ke.jsx)($e,{children:(0,Ke.jsx)(Bt,{id:"first",defaultChecked:!0,children:"Label"})}),(0,Ke.jsx)($e,{children:(0,Ke.jsx)(Bt,{id:"second",children:"Label"})}),(0,Ke.jsx)($e,{children:(0,Ke.jsx)(Bt,{id:"third",children:"Label"})})]})};jo.options=wp;jo.states=Ep;jo.variants=Rp;jo.defaultOptions=Ip;jo.modifiers=Op;var li=require("react/jsx-runtime"),Pp=At.options,Hp=At.states,Kp=At.defaultOptions,Gp=[],Bp=[],ea=e=>(0,li.jsx)(Bt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});ea.options=Pp;ea.states=Hp;ea.variants=Gp;ea.defaultOptions=Kp;ea.modifiers=Bp;var ta="input",Ja=ta;var ni=require("react/jsx-runtime"),qa="k-input",Dp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],_p={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]},zp={},Ne=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,ni.jsx)("span",{...k,className:r(e.className,qa,S(qa,{size:x,rounded:g,fillMode:L}),I(qa,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:u}))})};Ne.states=Dp;Ne.options=_p;Ne.className=qa;Ne.defaultOptions=zp;Ne.moduleName=ta;Ne.folderName=Ja;var ii=require("react/jsx-runtime"),Ya="k-picker",Up=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Fp={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]},Vp={},wt=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,ii.jsx)("span",{...k,className:r(e.className,Ya,S(Ya,{size:x,rounded:g,fillMode:L}),I(Ya,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:u})),children:e.children})};wt.states=Up;wt.options=Fp;wt.className=Ya;wt.defaultOptions=Vp;wt.moduleName=ta;wt.folderName=Ja;var So=require("react/jsx-runtime"),si="k-clear-value",$p=[n.disabled,n.loading,n.readonly],Xp={},lt=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t\|\|a\|\|o\|\|!l?(0,So.jsx)(So.Fragment,{}):(0,So.jsx)("span",{className:r(e.className,si),children:(0,So.jsx)(v,{icon:"x"})})};lt.states=$p;lt.options=Xp;lt.className=si;var di=require("react/jsx-runtime"),_r="k-input-inner",Wp=[],Jp={},Qa={type:"text",autocomplete:"off",value:"",placeholder:""},nt=e=>{let{value:t=Qa.value,type:o=Qa.type,placeholder:a=Qa.placeholder,autocomplete:l=Qa.autocomplete,disabled:i,readOnly:c,...u}=e;return(0,di.jsx)("input",{...u,type:o,className:r(e.className,_r,S(_r,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:i\|\|void 0,readOnly:c\|\|void 0})};nt.states=Wp;nt.options=Jp;nt.className=_r;var oa=require("react/jsx-runtime"),zr="k-input-inner",qp=[],Yp={},ho=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:i,...c}=e;return(0,oa.jsxs)("span",{...c,className:r(e.className,zr,S(zr,e)),children:[l,!l&&i&&(0,oa.jsx)(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,oa.jsx)("span",{className:"k-input-value-text",children:t})]})};ho.states=qp;ho.options=Yp;ho.className=zr;var pi=require("react/jsx-runtime"),Ur="k-input-inner",Qp=[],Zp={},ci={value:"",placeholder:""},Fr=e=>{let{value:t=ci.value,placeholder:o=ci.placeholder,rows:a,disabled:l,...i}=e;return(0,pi.jsx)("textarea",{...i,className:r(e.className,Ur,S(Ur,e)),placeholder:o,rows:a,defaultValue:t,disabled:l\|\|void 0})};Fr.states=Qp;Fr.options=Zp;Fr.className=Ur;var aa=require("react/jsx-runtime"),mi="k-input-loading-icon",jp=[n.disabled,n.loading],Qe=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,aa.jsx)(aa.Fragment,{}):(0,aa.jsx)("span",{className:r(e.className,mi,"k-icon k-i-loading")})};Qe.states=jp;Qe.className=mi;var ra=require("react/jsx-runtime"),ui="k-input-validation-icon",em=[n.valid,n.invalid,n.disabled,n.loading],tm={},Xe=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,i=o?"warning-circle":"check-circle";return a\|\|l\|\|!!!(t\|\|o)?(0,ra.jsx)(ra.Fragment,{}):(0,ra.jsx)(v,{className:r(ui),icon:i})};Xe.states=em;Xe.options=tm;Xe.className=ui;var la=require("react/jsx-runtime"),om="k-input-prefix",am={direction:"horizontal"},ut=e=>{let{direction:t=am.direction,...o}=e;return e.children?(0,la.jsx)("span",{...o,className:r(om,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,la.jsx)(la.Fragment,{})};var na=require("react/jsx-runtime"),rm="k-input-suffix",lm={direction:"horizontal"},bt=e=>{let{direction:t=lm.direction,...o}=e;return e.children?(0,na.jsx)("span",{...o,className:r(rm,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,na.jsx)(na.Fragment,{})};var nm=require("react/jsx-runtime");var bi=require("react/jsx-runtime"),im="k-input-suffix-text",Vr=e=>{let{children:t,...o}=e;return(0,bi.jsx)("span",{...o,className:r(im,e.className),children:t})};var Ti=require("react/jsx-runtime"),fi="k-input-separator",sm={direction:"vertical"},ft=e=>{let{direction:t=sm.direction,...o}=e;return(0,Ti.jsx)("span",{...o,className:r(fi,e.className,{[`${fi}-${t}`]:t})})};var ye=require("react/jsx-runtime"),dm=Ne.states,cm=Ne.defaultOptions,pm=Ne.options,mm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],um=[],ia=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)(Ne,{...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)(ut,{children:(0,ye.jsx)(v,{icon:"lock"})}),b&&(0,ye.jsx)(ft,{})]}),(0,ye.jsx)(nt,{placeholder:"Placeholder",value:"Value"}),k&&(0,ye.jsx)(Xe,{valid:o,invalid:a,loading:l,disabled:i}),(0,ye.jsx)(Qe,{loading:l,disabled:i}),L&&(0,ye.jsx)(lt,{loading:l,disabled:i,readonly:c,value:"Value"}),g&&(0,ye.jsxs)(ye.Fragment,{children:[b&&(0,ye.jsx)(ft,{}),(0,ye.jsx)(bt,{children:(0,ye.jsx)(bo,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ia.options=pm;ia.states=dm;ia.variants=um;ia.defaultOptions=cm;ia.modifiers=mm;var sa=require("react/jsx-runtime"),hi="k-spin-button",Tm=[],hm={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},$r={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Zt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=$r.increaseLabel,decreaseLabel:i=$r.decreaseLabel,...c}=e;return(0,sa.jsxs)("span",{...c,className:r(hi,e.className),children:[(0,sa.jsx)(d,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),(0,sa.jsx)(d,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Zt.states=Tm;Zt.options=hm;Zt.className=hi;Zt.defaultOptions=$r;Zt.moduleName=null;Zt.folderName=null;var xi="numeric-textbox",Ni="numerictextbox";var Se=require("react/jsx-runtime"),gi="k-numerictextbox",xm=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Nm={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]},Za={showSpinButton:!0,showClearButton:!0,separators:!0},U=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Za.separators,showClearButton:i=Za.showClearButton,showSpinButton:c=Za.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,Se.jsxs)(Ne,{...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,gi),children:[u&&(0,Se.jsxs)(Se.Fragment,{children:[(0,Se.jsx)(ut,{children:u}),l&&(0,Se.jsx)(ft,{})]}),(0,Se.jsx)(nt,{id:ie,placeholder:L,value:g,role:"spinbutton",disabled:P,"aria-label":xe,"aria-describedby":Ve,"aria-invalid":C?"true":void 0}),(0,Se.jsx)(Xe,{valid:M,invalid:C,loading:K,disabled:P}),(0,Se.jsx)(Qe,{loading:K,disabled:P}),i&&(0,Se.jsx)(lt,{loading:K,disabled:P,readonly:z,value:g}),x&&(0,Se.jsxs)(Se.Fragment,{children:[l&&(0,Se.jsx)(ft,{}),(0,Se.jsx)(bt,{children:x})]}),c&&(0,Se.jsx)(Zt,{className:"k-input-spinner",size:t,fillMode:a,disabled:P})]})};U.states=xm;U.options=Nm;U.className=gi;U.defaultOptions=Za;U.moduleName=xi;U.folderName=Ni;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 da=U;var vi=require("react/jsx-runtime"),ki=e=>(0,vi.jsx)(da,{...e});var Xr="popup",Li=Xr;var Wr=require("react/jsx-runtime"),Ci="k-animation-container",gm=[],km={},Mi={positionMode:"absolute"},Et=e=>{let{positionMode:t=Mi.positionMode,animationStyle:o,offset:a,...l}=e;return(0,Wr.jsx)("div",{...l,style:{...a,...e.style},className:r(e.className,Ci,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Wr.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Et.states=gm;Et.options=km;Et.className=Ci;Et.defaultOptions=Mi;Et.moduleName=Xr;Et.folderName=Li;var Jr="popup",yi=Jr;var qr=require("react/jsx-runtime"),Si="k-popup",vm=[],Lm={},Ai={positionMode:"absolute"},ee=e=>{let{offset:t,positionMode:o=Ai.positionMode,animationStyle:a,containerClassName:l,containerRole:i,containerAriaLabel:c,...u}=e;return(0,qr.jsx)(Et,{positionMode:o,offset:t,animationStyle:a,className:l,role:i,"aria-label":c,children:(0,qr.jsx)("div",{...u,className:r(e.className,Si),children:e.children})})};ee.states=vm;ee.options=Lm;ee.className=Si;ee.defaultOptions=Ai;ee.moduleName=Jr;ee.folderName=yi;ee.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 Yr="action-buttons",wi=Yr;var Ei=require("react/jsx-runtime"),ja="k-actions",Cm=[],Mm={},Qr={alignment:"start",orientation:"horizontal"},It=e=>{let{alignment:t=Qr.alignment,orientation:o=Qr.orientation,...a}=e;return(0,Ei.jsx)("div",{...a,className:r(ja,{[`${ja}-${t}`]:t,[`${ja}-${o}`]:o},e.className),children:e.children})};It.states=Cm;It.options=Mm;It.className=ja;It.defaultOptions=Qr;It.moduleName=Yr;It.folderName=wi;var Ri=require("react/jsx-runtime"),ym="k-actionsheet-footer",Ii={alignment:"stretched",orientation:"horizontal"},jt=e=>{let{alignment:t=Ii.alignment,orientation:o=Ii.orientation,template:a,as:l=a?"div":It,...i}=e;return(0,Ri.jsx)(l,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,ym),children:e.children})};var Zr="searchbox",Oi=Zr;var eo=require("react/jsx-runtime"),Pi="k-searchbox",Sm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Am={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]},jr={showIcon:!0,icon:"search"},Tt=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=jr.showIcon,icon:C=jr.icon,...w}=e;return(0,eo.jsxs)(Ne,{...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,Pi),children:[M&&(0,eo.jsx)(v,{className:"k-input-icon",icon:C}),(0,eo.jsx)(nt,{placeholder:o,value:t}),(0,eo.jsx)(Qe,{...e}),(0,eo.jsx)(Xe,{...e}),(0,eo.jsx)(lt,{...e})]})};Tt.states=Sm;Tt.options=Am;Tt.className=Pi;Tt.defaultOptions=jr;Tt.moduleName=Zr;Tt.folderName=Oi;var wm=require("react/jsx-runtime");var el="textbox",Hi=el;var Ge=require("react/jsx-runtime"),Ki="k-textbox",Em=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Im={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},er={showClearButton:!0,showValidationIcon:!0,separators:!0},te=e=>{let{size:t,rounded:o,fillMode:a,separators:l=er.separators,showClearButton:i=er.showClearButton,showValidationIcon:c=er.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)(Ne,{...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,Ki),children:[u&&(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)(ut,{children:u}),l&&(0,Ge.jsx)(ft,{})]}),(0,Ge.jsx)(nt,{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)(Xe,{valid:C,invalid:w,loading:P,disabled:z}),(0,Ge.jsx)(Qe,{loading:P,disabled:z}),i&&(0,Ge.jsx)(lt,{loading:P,disabled:z,readonly:ie,value:L}),x&&(0,Ge.jsxs)(Ge.Fragment,{children:[l&&(0,Ge.jsx)(ft,{}),(0,Ge.jsx)(bt,{children:x})]})]})};te.states=Em;te.options=Im;te.className=Ki;te.defaultOptions=er;te.moduleName=el;te.folderName=Hi;te.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 ca=te;var Bi=require("react/jsx-runtime"),Gi=e=>(0,Bi.jsx)(ca,{...e});var Di=require("react/jsx-runtime");var _i=require("react/jsx-runtime");var Rm=require("react/jsx-runtime");var tr=require("react/jsx-runtime"),Om=te.states,Pm=te.defaultOptions,Hm=te.options,Km=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Gm=[],pa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,tr.jsx)(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,tr.jsx)(bo,{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,tr.jsx)(Gi,{value:"Value",style:{width:300},...o,...a})};pa.options=Hm;pa.states=Om;pa.variants=Gm;pa.defaultOptions=Pm;pa.modifiers=Km;var it=require("react/jsx-runtime"),zi="k-actionsheet-titlebar",Bm={},We=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,it.jsxs)("div",{...b,className:r(e.className,zi),children:[(0,it.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,it.jsx)("div",{className:"k-actionsheet-actions",children:a}),!k&&(0,it.jsxs)("div",{className:"k-actionsheet-title",id:L,children:[t&&(0,it.jsx)("div",{className:"k-text-center",children:t}),o&&(0,it.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&(0,it.jsx)("div",{className:"k-actionsheet-title",id:L,children:k}),l&&(0,it.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(c\|\|i)&&(0,it.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?(0,it.jsx)(te,{value:u,placeholder:x,size:g?"large":"medium","aria-label":t\|\|x\|\|"Input"}):(0,it.jsx)(Tt,{placeholder:"Filter",size:g?"large":"medium","aria-label":"Filter options"})})]})};We.className=zi;We.defaultOptions=Bm;var Ao=require("react/jsx-runtime"),tl="k-actionsheet-view",Dm=[],_m={},zm={},wo=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:i,titleId:c,...u}=e,x=(l==null?void 0:l.type)===We&&(0,Ao.jsx)(We,{adaptive:t,titleId:c,...l==null?void 0:l.props}),g=(i==null?void 0:i.type)===jt&&(0,Ao.jsx)(jt,{...i==null?void 0:i.props});return(0,Ao.jsxs)("div",{...u,className:r(e.className,tl,{[`${tl}-animated`]:o}),children:[x,(0,Ao.jsx)("div",{className:"k-actionsheet-content",children:a}),g]})};wo.states=Dm;wo.options=_m;wo.className=tl;wo.defaultOptions=zm;var ma="action-sheet",or=ma;var ol="overlay",Ui=ol;var Fi=require("react/jsx-runtime"),al="k-overlay",Um=[],Fm={themeColor:[f.undefined,f.light,f.dark,f.inverse]},Vm={},to=e=>{let{themeColor:t,...o}=e;return(0,Fi.jsx)("div",{...o,className:r(e.className,al,S(al,{themeColor:t})),children:e.children})};to.states=Um;to.options=Fm;to.className=al;to.defaultOptions=Vm;to.moduleName=ol;to.folderName=Ui;var xo=require("react/jsx-runtime"),Vi="k-actionsheet",$m=[],Xm={},ua={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},fe=e=>{let{side:t=ua.side,fullscreen:o=ua.fullscreen,adaptive:a=ua.adaptive,overlay:l=ua.overlay,template:i,children:c,header:u,footer:x,id:g,...L}=e,k=g&&!i&&u?`${g}-title`:void 0;return(0,xo.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,xo.jsx)(to,{}),(0,xo.jsx)(Et,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:(0,xo.jsx)("div",{...L,id:g,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":k,className:r(e.className,Vi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|(0,xo.jsx)(wo,{header:u,footer:x,adaptive:a,titleId:k,...e,children:c})})})]})};fe.states=$m;fe.options=Xm;fe.className=Vi;fe.defaultOptions=ua;fe.moduleName=ma;fe.folderName=or;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 Xi=require("react/jsx-runtime"),$i="k-actionsheet-container",Wm=[],Jm={},qm={},Eo=e=>{let{children:t,...o}=e;return(0,Xi.jsx)("div",{...o,className:$i,children:t})};Eo.states=Wm;Eo.options=Jm;Eo.className=$i;Eo.defaultOptions=qm;Eo.moduleName=ma;Eo.folderName=or;var Wi=require("react/jsx-runtime"),rl=e=>{let{...t}=e;return(0,Wi.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var ht=require("react/jsx-runtime"),ll="k-actionsheet-item",Ym=[n.hover,n.focus,n.selected,n.disabled],oo=e=>{let{iconName:t,text:o,description:a,hover:l,focus:i,selected:c,disabled:u,...x}=e;return(0,ht.jsxs)("span",{...x,className:r(e.className,ll,I(ll,{hover:l,focus:i,selected:c,disabled:u})),children:[!e.children&&(0,ht.jsx)(ht.Fragment,{children:(0,ht.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,ht.jsx)("span",{className:"k-icon-wrap",children:(0,ht.jsx)(v,{className:"k-actionsheet-item-icon",icon:t})}),(0,ht.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,ht.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,ht.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};oo.states=Ym;oo.className=ll;var Ji=require("react/jsx-runtime");var Qm=require("react/jsx-runtime");var Zm=require("react/jsx-runtime");var jm=require("react/jsx-runtime");var se=require("react/jsx-runtime"),eu=fe.options,tu=fe.states,Yi={...fe.defaultOptions,variant:"normal"},ou=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],au=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ba=e=>{let{variant:t,modifiers:o,...a}={...Yi,...e},l={},i=(0,se.jsxs)(rl,{children:[(0,se.jsx)(oo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,se.jsx)(oo,{text:"Add to Favorites",iconName:"heart"}),(0,se.jsx)(oo,{text:"Upload New",iconName:"upload",disabled:!0}),(0,se.jsx)("hr",{className:"k-hr"}),(0,se.jsx)(oo,{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,se.jsx)(fe,{...a,adaptive:!0,fullscreen:l.fullScreen,header:(0,se.jsx)(We,{actionsStart:l.actionsStart?(0,se.jsx)(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,se.jsx)(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?(0,se.jsxs)(jt,{alignment:"stretched",children:[(0,se.jsx)(d,{text:"Cancel",size:"large",themeColor:"base"}),(0,se.jsx)(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,se.jsx)(fe,{...a,fullscreen:l.fullScreen,header:(0,se.jsx)(We,{actionsStart:l.actionsStart?(0,se.jsx)(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,se.jsx)(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,se.jsxs)(jt,{alignment:"stretched",children:[(0,se.jsx)(d,{text:"Apply",themeColor:"primary"}),(0,se.jsx)(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};ba.options=eu;ba.states=tu;ba.variants=ou;ba.defaultOptions=Yi;ba.modifiers=au;var rr=zn(require("react"));var nl=require("react/jsx-runtime"),ru="k-list-group-sticky-header",il=e=>(0,nl.jsx)("div",{className:r(ru,e.className),children:(0,nl.jsx)("div",{className:"k-list-header-text",children:e.children})});var Qi=require("react/jsx-runtime"),lu="k-no-data",ar=e=>{let{live:t,...o}=e;return(0,Qi.jsx)("span",{...o,className:r(lu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var No="list",Io=No;var Ro=require("react/jsx-runtime"),sl="k-list",nu=[],iu={size:[s.undefined,s.small,s.medium,s.large]},su={},V=e=>{var M;let{size:t,virtualization:o,children:a,header:l,optionLabel:i,customValue:c,noData:u,screenReaders:x,...g}=e,k=rr.default.Children.toArray(a)[0],b=(M=k==null?void 0:k.props)!=null&&M.children?rr.default.Children.count(k.props.children):rr.default.Children.count(a);return(0,Ro.jsxs)("div",{...g,className:r(e.className,sl,S(sl,{size:t}),{"k-virtual-list":o}),children:[i,c,l&&(0,Ro.jsx)(il,{children:l}),a\|\|(u!==void 0?u:(0,Ro.jsx)(ar,{live:!0,children:"No data found."})),x&&a&&(0,Ro.jsxs)(ar,{className:"k-sr-only",live:!0,children:[b," items found."]})]})};V.states=nu;V.options=iu;V.className=sl;V.defaultOptions=su;V.moduleName=No;V.folderName=Io;V.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var ji=require("react/jsx-runtime"),Zi="k-list-container",du=[],cu={},pu={},Oo=e=>{let{...t}=e;return(0,ji.jsx)("div",{...t,className:r(e.className,Zi),children:e.children})};Oo.states=du;Oo.options=cu;Oo.className=Zi;Oo.defaultOptions=pu;Oo.moduleName=No;Oo.folderName=Io;var Rt=require("react/jsx-runtime"),dl="k-list-item",mu=[n.hover,n.focus,n.selected,n.disabled],uu={},bu={},_=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":dl,I(dl,{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=mu;_.options=uu;_.className=dl;_.defaultOptions=bu;_.moduleName=No;_.folderName=Io;_.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 es=require("react/jsx-runtime"),fu="k-list-ul",Dt=e=>{let{children:t,role:o,id:a,...l}=e;return(0,es.jsx)("ul",{...l,id:a,role:o,className:r(fu,e.className),children:t})};Dt.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 Po=require("react/jsx-runtime"),Tu="k-list-content",q=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:i,...c}=e;return(0,Po.jsxs)("div",{...c,className:r(Tu,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,Po.jsx)(Dt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&(0,Po.jsx)("div",{className:"k-height-container",children:(0,Po.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 cl=require("react/jsx-runtime");var Ho=require("react/jsx-runtime"),hu="k-list-group-item",go=e=>{let{groupIconName:t,...o}=e;return(0,Ho.jsxs)("li",{...o,role:"presentation",className:r(hu,e.className),children:[t&&(0,Ho.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Ho.jsx)(v,{icon:t,className:"k-list-item-icon"})}),(0,Ho.jsx)("span",{className:"k-list-item-text",children:e.children})]})};go.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 ts=require("react/jsx-runtime"),pl="k-list-optionlabel",xu=[n.hover,n.focus,n.selected,n.disabled],Nu={},gu={},lr=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...c}=e;return(0,ts.jsx)("div",{...c,className:r(pl,I(pl,{hover:o,focus:a,selected:l,disabled:i})),children:t})};lr.states=xu;lr.options=Nu;lr.className=pl;lr.defaultOptions=gu;var os=require("react/jsx-runtime"),ml="k-list-custom-value",ku=[n.hover,n.focus,n.selected,n.disabled],vu={},Lu={},ao=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...c}=e;return(0,os.jsx)("div",{...c,className:r(ml,I(ml,{hover:o,focus:a,selected:l,disabled:i})),children:t})};ao.states=ku;ao.options=vu;ao.className=ml;ao.defaultOptions=Lu;var ul=require("react/jsx-runtime");var bl=require("react/jsx-runtime");var fl=require("react/jsx-runtime");var Tl=require("react/jsx-runtime");var Cu=require("react/jsx-runtime");var hl=require("react/jsx-runtime");var as="dropdown-list",rs="dropdownlist";var de=require("react/jsx-runtime"),ls="k-dropdownlist",Mu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],yu={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]},xl={showValue:!0,arrowIconName:"caret-alt-down"},Y=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=xl.arrowIconName,showValue:i=xl.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,de.jsxs)(de.Fragment,{children:[(0,de.jsxs)(wt,{...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,ls,{"k-icon-picker":!i&&c}),children:[(0,de.jsx)(ut,{children:u}),(0,de.jsx)(ho,{placeholder:L,value:g,showValue:i,valueIconName:c}),(0,de.jsx)(Xe,{valid:M,invalid:C,loading:K,disabled:P}),(0,de.jsx)(Qe,{loading:K,disabled:P}),(0,de.jsx)(bt,{children:x}),(0,de.jsx)(d,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":L\|\|"Toggle dropdown"})]}),xe&&ie&&(0,de.jsx)(ee,{className:"k-list-container k-dropdownlist-popup",children:ie}),Ve&&(0,de.jsx)(fe,{adaptive:!0,...at,header:(0,de.jsx)(We,{actionsEnd:(0,de.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Ar,inputValue:g,inputPlaceholder:L,title:rt,subtitle:Mo}),children:(0,de.jsx)("div",{className:"k-list-container",children:(0,de.jsx)(V,{size:"large",children:(0,de.jsxs)(q,{children:[(0,de.jsx)(_,{text:"List item"}),(0,de.jsx)(_,{text:"List item"}),(0,de.jsx)(_,{text:"List item"})]})})})})]})};Y.states=Mu;Y.options=yu;Y.className=ls;Y.defaultOptions=xl;Y.moduleName=as;Y.folderName=rs;var Su=require("react/jsx-runtime");var ns=require("react/jsx-runtime");var Nl=require("react/jsx-runtime");var Au=require("react/jsx-runtime");var is=require("react/jsx-runtime");var gl=require("react/jsx-runtime");var Ze=require("react/jsx-runtime"),wu=Y.states,Eu=Y.defaultOptions,Iu=Y.options,Ru=[{name:"opened",title:"Opened"}],Ou=[],Ta=e=>{let{modifiers:t,...o}=e,a={},l=(0,Ze.jsxs)(Ze.Fragment,{children:[(0,Ze.jsx)("div",{className:"k-list-filter",children:(0,Ze.jsx)(Tt,{})}),(0,Ze.jsx)(V,{style:{width:300},size:o.size,children:(0,Ze.jsxs)(q,{children:[(0,Ze.jsx)(_,{children:"List item"}),(0,Ze.jsx)(_,{children:"List item"}),(0,Ze.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,Ze.jsx)("div",{children:(0,Ze.jsx)(Y,{placeholder:"Value",style:{width:300},...o,...a})})};Ta.options=Iu;Ta.states=wu;Ta.variants=Ou;Ta.defaultOptions=Eu;Ta.modifiers=Ru;var ss=require("react/jsx-runtime");var ds=require("react/jsx-runtime");var Pu=require("react/jsx-runtime");var nr=require("react/jsx-runtime"),Hu=U.states,Ku=U.defaultOptions,Gu=U.options,Bu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Du=[],ha=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,nr.jsx)(Y,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,nr.jsx)(Vr,{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,nr.jsx)(ki,{value:"Value",style:{width:300},...o,...a})};ha.options=Gu;ha.states=Hu;ha.variants=Du;ha.defaultOptions=Ku;ha.modifiers=Bu;var F="grid",$=F;var sr=require("react/jsx-runtime"),ir="k-grid",_u=[],zu={size:[s.undefined,s.small,s.medium,s.large]},Uu=[],cs={pagerPosition:"bottom"},W=e=>{let{size:t,pagerPosition:o=cs.pagerPosition,toolbar:a,pager:l,groupingHeader:i,gridSelectionAggregates:c,_renderAriaRoot:u,resizable:x,...g}=e;return(0,sr.jsxs)("div",{...g,className:r(e.className,ir,{[`${ir}-resizable`]:x},S(ir,{size:t})),children:[a,o==="top"&&l,i,e.children&&u?(0,sr.jsx)("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&l]})};W.states=_u;W.options=zu;W.variants=Uu;W.className=ir;W.defaultOptions=cs;W.moduleName=F;W.folderName=$;var ms=require("react/jsx-runtime"),ps="k-grid-header",ce=e=>{let{draggable:t,...o}=e;return(0,ms.jsx)("div",{...o,className:r(e.className,ps,{"k-grid-draggable-header":t}),children:e.children})};ce.className=ps;ce.moduleName=F;ce.folderName=$;var xa=require("react/jsx-runtime"),us="k-grouping-header",ro=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,xa.jsxs)("div",{...a,className:r(e.className,us),children:[o&&(0,xa.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,xa.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};ro.className=us;ro.moduleName=F;ro.folderName=$;var fs=require("react/jsx-runtime"),bs="k-grid-pinned-container",kl=e=>{let{position:t,...o}=e;return(0,fs.jsx)("div",{...o,className:r(e.className,bs,{"k-pos-bottom":t==="bottom"}),children:e.children})};kl.className=bs;kl.moduleName=F;kl.folderName=$;var hs=require("react/jsx-runtime"),Ts="k-grid-sticky-container",vl=e=>{let{position:t,...o}=e;return(0,hs.jsx)("div",{...o,className:r(e.className,Ts,{"k-pos-bottom":t==="bottom"}),children:e.children})};vl.className=Ts;vl.moduleName=F;vl.folderName=$;var Ae="table",Be=Ae;var Ns=require("react/jsx-runtime"),xs="k-data-table",Fu=[],Vu={size:[s.undefined,s.small,s.medium,s.large]},$u={},_t=e=>{let{size:t,...o}=e;return(0,Ns.jsx)("div",{...o,className:r(e.className,xs,S("k-table",{size:t})),children:e.children})};_t.states=Fu;_t.options=Vu;_t.className=xs;_t.defaultOptions=$u;_t.moduleName=Ae;_t.folderName=Be;var gs=require("react/jsx-runtime"),Ll="k-table-header-wrap",Xu=[n.hover,n.focus,n.disabled],Wu={},Ju={},lo=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return(0,gs.jsx)("div",{...i,className:r(e.className,Ll,I(Ll,{hover:o,focus:a,disabled:l})),children:t})};lo.states=Xu;lo.options=Wu;lo.className=Ll;lo.defaultOptions=Ju;lo.moduleName=Ae;lo.folderName=Be;var ks=require("react/jsx-runtime"),Cl="k-table",qu=[],Yu={size:[s.undefined,s.small,s.medium,s.large]},Qu={},De=e=>{let{size:t,...o}=e;return(0,ks.jsx)("table",{...o,className:r(e.className,Cl,S(Cl,{size:t})),children:e.children})};De.states=qu;De.options=Yu;De.className=Cl;De.defaultOptions=Qu;De.moduleName=Ae;De.folderName=Be;var dr=require("react/jsx-runtime"),Ml="k-table-header",Zu=[n.hover,n.focus,n.disabled],ju={},eb={},zt=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return(0,dr.jsx)("div",{...i,className:r(e.className,Ml,I(Ml,{hover:o,focus:a,disabled:l})),children:(0,dr.jsx)(lo,{children:(0,dr.jsx)(De,{children:t})})})};zt.states=Zu;zt.options=ju;zt.className=Ml;zt.defaultOptions=eb;zt.moduleName=Ae;zt.folderName=Be;var Ls=require("react/jsx-runtime"),vs="k-table-scroller",tb=[],ob={},ab={},Ko=e=>{let{children:t,...o}=e;return(0,Ls.jsx)("div",{...o,className:r(e.className,vs),children:t})};Ko.states=tb;Ko.options=ob;Ko.className=vs;Ko.defaultOptions=ab;Ko.moduleName=Ae;Ko.folderName=Be;var rb=require("react/jsx-runtime");var Ms=require("react/jsx-runtime"),Cs="k-table-footer",lb=[],nb={},ib={},no=e=>{let{children:t,...o}=e;return(0,Ms.jsx)("div",{...o,className:r(e.className,Cs),children:t})};no.states=lb;no.options=nb;no.className=Cs;no.defaultOptions=ib;no.moduleName=Ae;no.folderName=Be;var ys=require("react/jsx-runtime"),yl="k-table-list",sb=[],db={size:[s.undefined,s.small,s.medium,s.large]},cb={},io=e=>{let{size:t,virtualization:o,...a}=e;return(0,ys.jsx)("ul",{...a,className:r(e.className,"k-table",yl,S(yl,{size:t}),{"k-virtual-table":o}),children:e.children})};io.states=sb;io.options=db;io.className=yl;io.defaultOptions=cb;io.moduleName=Ae;io.folderName=Be;var Ss=require("react/jsx-runtime"),pb="k-table-thead",oe=e=>(0,Ss.jsx)("thead",{className:r(e.className,pb),children:e.children});var As=require("react/jsx-runtime"),mb="k-table-tbody",pe=e=>(0,As.jsx)("tbody",{className:r(e.className,mb),children:e.children});var ub=require("react/jsx-runtime");var ws=require("react/jsx-runtime"),Sl="k-table-row",bb=[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,ws.jsx)("tr",{...u,className:r(e.className,Sl,{"k-table-alt-row":c},I(Sl,{hover:t,focus:o,disabled:i,selected:a,highlighted:l})),children:e.children})};R.states=bb;R.className=Sl;var Es=require("react/jsx-runtime"),Al="k-table-row",fb=[n.hover,n.focus,n.selected,n.disabled],cr=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:i,...c}=e;return(0,Es.jsx)("li",{...c,className:r(e.className,Al,{"k-table-alt-row":i},I(Al,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};cr.states=fb;cr.className=Al;var Rs=require("react/jsx-runtime"),Is="k-table-th",Ut=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,i=t\|\|e.children;return(0,Rs.jsx)("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,Is),children:i})};Ut.className=Is;Ut.moduleName=Ae;Ut.folderName=Be;var Tb=require("react/jsx-runtime");var Os=require("react/jsx-runtime"),wl="k-table-td",hb=[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,Os.jsx)("td",{colSpan:i,rowSpan:c,...u,className:r(e.className,wl,I(wl,{focus:t,selected:o,highlighted:a})),children:x})};m.states=hb;m.className=wl;var xb=require("react/jsx-runtime");var Nb=require("react/jsx-runtime");var gb=require("react/jsx-runtime");var kb=require("react/jsx-runtime");var vb=require("react/jsx-runtime");var Hs=require("react/jsx-runtime");var Ks=require("react/jsx-runtime");var Gs=require("react/jsx-runtime");var El=require("react/jsx-runtime");var Ds=require("react/jsx-runtime"),Bs="k-grid-header-table",me=e=>(0,Ds.jsx)(De,{...e,className:r(e.className,Bs),children:e.children});me.className=Bs;me.moduleName=F;me.folderName=$;var st=require("react/jsx-runtime"),Il="k-header",yb=[n.hover,n.focus,n.active],_s={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=_s.sortIcon,sortOrder:k,accessibleLabel:b,...M}=e;return(0,st.jsxs)(Ut,{...M,className:r(e.className,Il,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":i},I(Il,{hover:u,focus:x,active:g})),children:[c&&(0,st.jsxs)("span",{className:"k-cell-inner",children:[(0,st.jsxs)("span",{className:"k-link",children:[(0,st.jsx)("span",{className:"k-column-title",children:c}),o&&(0,st.jsx)("span",{className:"k-sort-icon",children:(0,st.jsx)(v,{icon:L})}),k&&(0,st.jsx)("span",{className:"k-sort-order",children:k})]}),t&&(0,st.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,st.jsx)(v,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&b&&(0,st.jsx)("span",{className:"k-sr-only",children:b}),e.children,i&&(0,st.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};H.states=yb;H.className=Il;H.defaultOptions=_s;H.moduleName=F;H.folderName=$;var Us=require("react/jsx-runtime"),zs="k-grid-container",ae=e=>(0,Us.jsx)("div",{...e,className:r(e.className,zs),children:e.children});ae.className=zs;ae.moduleName=F;ae.folderName=$;var Vs=require("react/jsx-runtime"),Fs="k-grid-content",re=e=>(0,Vs.jsx)("div",{...e,className:r(e.className,Fs),children:e.children});re.className=Fs;re.moduleName=F;re.folderName=$;var Xs=require("react/jsx-runtime"),$s="k-grid-table",le=e=>(0,Xs.jsx)(De,{...e,className:r(e.className,$s),children:e.children});le.className=$s;le.moduleName=F;le.folderName=$;var Js=require("react/jsx-runtime"),Ws="k-grid-footer",Rl=e=>(0,Js.jsx)("div",{...e,className:r(e.className,Ws),children:e.children});Rl.className=Ws;Rl.moduleName=F;Rl.folderName=$;var Ys=require("react/jsx-runtime"),qs="k-grid-footer-table",Ol=e=>(0,Ys.jsx)(De,{...e,className:r(e.className,qs),children:e.children});Ol.className=qs;Ol.moduleName=F;Ol.folderName=$;var Pl="pager",Qs=Pl;var Q=require("react/jsx-runtime"),pr="k-pager",Sb=[n.focus,n.disabled],Ab={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},ge=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,pr,S(pr,{size:o}),I(pr,{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})]})};ge.states=Sb;ge.options=Ab;ge.className=pr;ge.defaultOptions=dt;ge.moduleName=Pl;ge.folderName=Qs;var wb=require("react/jsx-runtime");var Eb=require("react/jsx-runtime");var Ib=require("react/jsx-runtime");var Hl=require("react/jsx-runtime"),Rb=ge.options,Ob=ge.states,Pb={...ge.defaultOptions,variant:"numeric"},Hb=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Kb=[],Na=e=>{let{variant:t,...o}=e;return t==="input"?(0,Hl.jsx)(ge,{...o,type:"input"}):(0,Hl.jsx)(ge,{...o,type:"numeric"})};Na.options=Rb;Na.states=Ob;Na.variants=Hb;Na.defaultOptions=Pb;Na.modifiers=Kb;var js=require("react/jsx-runtime"),Zs="k-grid-pager",Ot=e=>(0,js.jsx)(ge,{...e,className:r(e.className,Zs),children:e.children});Ot.className=Zs;Ot.moduleName=F;Ot.folderName=$;var Kl="button",ed=Kl;var td=require("react/jsx-runtime"),ga="k-button-group",Gb=[n.disabled],Bb={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Db={},D=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return(0,td.jsx)("div",{role:"group",...l,className:r(e.className,ga,S(ga,{fillMode:t}),I(ga,{disabled:o}),{[`${ga}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};D.states=Gb;D.options=Bb;D.className=ga;D.defaultOptions=Db;D.moduleName=Kl;D.folderName=ed;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 Gl=require("react/jsx-runtime");var Bl=require("react/jsx-runtime");var Dl=require("react/jsx-runtime");var _l=require("react/jsx-runtime");var zl=require("react/jsx-runtime");var Ul=require("react/jsx-runtime");var je=require("react/jsx-runtime"),_b={...d.options,...D.options},zb=d.states,Ub={...d.defaultOptions,...D.defaultOptions,variant:"text-button"},Fb=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Vb=[],ka=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,je.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,je.jsx)(d,{...a,icon:"star"}),(0,je.jsx)(d,{...a,icon:"star"}),(0,je.jsx)(d,{...a,icon:"star"})]}):t==="icon-text-button"?(0,je.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,je.jsx)(d,{...a,icon:"star",children:"First"}),(0,je.jsx)(d,{...a,icon:"star",children:"Middle"}),(0,je.jsx)(d,{...a,icon:"star",children:"Last"})]}):(0,je.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,je.jsx)(d,{...a,children:"First"}),(0,je.jsx)(d,{...a,children:"Middle"}),(0,je.jsx)(d,{...a,children:"Last"})]})};ka.options=_b;ka.states=zb;ka.variants=Fb;ka.defaultOptions=Ub;ka.modifiers=Vb;var va=require("react/jsx-runtime"),od="k-color-preview",$b=[],Xb={},so=e=>{let{color:t,iconName:o,...a}=e;return(0,va.jsxs)("span",{...a,className:r(e.className,od,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,va.jsx)(v,{icon:o,className:"k-color-preview-icon"}),(0,va.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};so.states=$b;so.options=Xb;so.className=od;var Fl="slider",ad=Fl;var Ct=require("react/jsx-runtime"),La="k-slider",Wb=[n.hover,n.focus,n.active,n.disabled,n.readonly],Jb={},Nt={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=Nt.type,orientation:o=Nt.orientation,gradientType:a=Nt.gradientType,readonly:l=Nt.readonly,disabled:i=Nt.disabled,handlePosition:c=Nt.handlePosition,showButtons:u=Nt.showButtons,showTicks:x=Nt.showTicks,value:g=Nt.value,min:L=Nt.min,max:k=Nt.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(La,e.className,I(La,{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(La,{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(La,{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=Wb;ne.options=Jb;ne.className=La;ne.defaultOptions=Nt;ne.moduleName=Fl;ne.folderName=ad;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 Vl=require("react/jsx-runtime"),rd="k-tick",qb=[],Yb={},ld={label:!1},G=e=>{let{style:t,label:o=ld.label,orientation:a,large:l,text:i,...c}=e;return(0,Vl.jsx)("li",{...c,className:r(e.className,rd,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&(0,Vl.jsx)("span",{className:"k-label",children:i})})};G.states=qb;G.options=Yb;G.className=rd;G.defaultOptions=ld;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"),id=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 $l=require("react/jsx-runtime");var Xl=require("react/jsx-runtime");var sd=require("react/jsx-runtime"),Wl=e=>(0,sd.jsx)(ne,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var dd=require("react/jsx-runtime"),Jl=e=>(0,dd.jsx)(ne,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var ql=require("react/jsx-runtime");var Yl=require("react/jsx-runtime");var et=require("react/jsx-runtime"),Qb=ne.options,Zb=ne.states,cd={...ne.defaultOptions,variant:"horizontal",label:!0},jb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ef=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ca=e=>{let{variant:t,modifiers:o,...a}={...cd,...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,et.jsxs)(id,{showTicks:u,showButtons:c,style:{height:"300px",...x},...a,children:[(0,et.jsx)(G,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,et.jsx)(G,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,et.jsx)(G,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,et.jsx)(G,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,et.jsx)(G,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,et.jsxs)(nd,{showTicks:u,showButtons:c,style:{width:"400px",...x},...a,children:[(0,et.jsx)(G,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,et.jsx)(G,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,et.jsx)(G,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,et.jsx)(G,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,et.jsx)(G,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ca.options=Qb;Ca.states=Zb;Ca.variants=jb;Ca.defaultOptions=cd;Ca.modifiers=ef;var A=require("react/jsx-runtime"),pd="k-colorgradient-inputs",tf=[],of={size:[s.undefined,s.small,s.medium,s.large]},md={mode:"rgba"},Go=e=>{let{mode:t=md.mode,size:o,...a}=e;return(0,A.jsxs)("div",{...a,className:r(pd,"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)(te,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Go.states=tf;Go.options=of;Go.className=pd;Go.defaultOptions=md;var _e=require("react/jsx-runtime"),ud="k-colorgradient-color-contrast",af=[],rf={},lf={},Bo=()=>(0,_e.jsxs)("div",{className:r(ud,"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"})]})]})]});Bo.states=af;Bo.options=rf;Bo.className=ud;Bo.defaultOptions=lf;var bd="color-gradient",fd="colorgradient";var ke=require("react/jsx-runtime"),mr="k-colorgradient",nf=[n.hover,n.focus,n.readonly,n.disabled],sf={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,ke.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,mr,S(mr,{size:t}),I(mr,{hover:k,focus:b,readonly:a,disabled:l})),dir:L,children:[!w\|\|w==="horizontal"&&(0,ke.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,ke.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,ke.jsx)("div",{className:"k-hsv-gradient",children:(0,ke.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,ke.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,ke.jsx)(Jl,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&(0,ke.jsx)(Jl,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:u})]})]}),w==="vertical"&&(0,ke.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,ke.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,ke.jsx)("div",{className:"k-hsv-gradient",children:(0,ke.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,ke.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,ke.jsx)(Wl,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&(0,ke.jsx)(Wl,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:x})]})]}),(0,ke.jsx)(Go,{mode:e.mode,size:t}),g&&(0,ke.jsx)(Bo,{})]})};Ie.states=nf;Ie.options=sf;Ie.className=mr;Ie.defaultOptions=Pt;Ie.moduleName=bd;Ie.folderName=fd;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 Td=require("react/jsx-runtime"),ur=e=>(0,Td.jsx)(Ie,{...e});var df=require("react/jsx-runtime");var cf=require("react/jsx-runtime");var br=require("react/jsx-runtime"),pf=Ie.options,mf=Ie.states,uf={...Ie.defaultOptions,variant:"rgba"},bf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],ff=[],Ma=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,br.jsx)(ur,{...o,mode:t});case"rgb":return(0,br.jsx)(ur,{...o,mode:t});default:return(0,br.jsx)(ur,{...o,mode:t})}};Ma.options=pf;Ma.states=mf;Ma.variants=bf;Ma.defaultOptions=uf;Ma.modifiers=ff;var hd=require("react/jsx-runtime"),Ql=e=>(0,hd.jsx)("tr",{role:"row",children:e.children});var xd=require("react/jsx-runtime"),Zl="k-colorpalette-tile",Tf=[n.hover,n.focus,n.selected],hf={},Do=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,xd.jsx)("td",{...c,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,Zl,I(Zl,{hover:a,focus:l,selected:i})),style:u})};Do.states=Tf;Do.options=hf;Do.className=Zl;var Nd="color-palette",gd="colorpalette";var _o=require("react/jsx-runtime"),fr="k-colorpalette",xf=[n.disabled],Nf={size:[s.undefined,s.small,s.medium,s.large]},kd={columns:10},tt=e=>{let{size:t,palette:o,columns:a=kd.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,_o.jsx)(Do,{color:C,tileSize:l},w))});let M=(0,_o.jsx)(Ql,{children:b},k);u.push(M)})}return(0,_o.jsx)("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,fr,I(fr,{disabled:i}),S(fr,{size:t})),children:(0,_o.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,_o.jsx)("tbody",{children:u.length>0?u:e.children})})})};tt.states=xf;tt.options=Nf;tt.className=fr;tt.defaultOptions=kd;tt.moduleName=Nd;tt.folderName=gd;tt.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 Tr=tt;var ya={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 Ld=require("react/jsx-runtime"),vd=e=>(0,Ld.jsx)(Tr,{palette:ya.basic,...e});var gf=require("react/jsx-runtime");var Cd=require("react/jsx-runtime");var Md=require("react/jsx-runtime"),kf=tt.options,vf=tt.states,Lf={...tt.defaultOptions,variant:"basic"},Cf=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Mf={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},yf=[],Sa=e=>{let{variant:t="basic",...o}=e,a=Mf[t];return(0,Md.jsx)(vd,{columns:a.columns,palette:a,...o})};Sa.options=kf;Sa.states=vf;Sa.variants=Cf;Sa.defaultOptions=Lf;Sa.modifiers=yf;var yd="color-editor",Sd="coloreditor";var Te=require("react/jsx-runtime"),hr="k-coloreditor",Sf=[n.focus],Af={size:[s.undefined,s.small,s.medium,s.large]},Aa={view:"gradient",palette:ya.office,actionButtons:!0,canvasOrientation:"horizontal"},he=e=>{let{size:t,view:o=Aa.view,palette:a=Aa.palette,color:l,currentColor:i,focus:c,focusView:u,dir:x,group:g,actionButtons:L=Aa.actionButtons,canvasOrientation:k=Aa.canvasOrientation,...b}=e;return(0,Te.jsxs)("div",{...b,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",hr,S(hr,{size:t}),I(hr,{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)(tt,{palette:a,size:t})}),L&&(0,Te.jsxs)(It,{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=Sf;he.options=Af;he.className=hr;he.defaultOptions=Aa;he.moduleName=yd;he.folderName=Sd;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 zo=he;var wf=require("react/jsx-runtime");var Ef=require("react/jsx-runtime");var wd=require("react/jsx-runtime"),Ad=e=>(0,wd.jsx)(zo,{group:!0,currentColor:"fuchsia",...e});var Id=require("react/jsx-runtime"),Ed=e=>(0,Id.jsx)(zo,{view:"palette",group:!0,currentColor:"fuchsia",...e});var jl=require("react/jsx-runtime"),If=he.options,Rf=he.states,Of={...he.defaultOptions,variant:"gradient"},Pf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Hf=[],wa=e=>{let{variant:t,...o}=e;return t==="palette"?(0,jl.jsx)(Ed,{...o,color:"white"}):(0,jl.jsx)(Ad,{...o,color:"rgba(183, 118 , 118, 1.00)"})};wa.options=If;wa.states=Rf;wa.variants=Pf;wa.defaultOptions=Of;wa.modifiers=Hf;var Rd="color-picker",Od="colorpicker";var ve=require("react/jsx-runtime"),Pd="k-colorpicker",Kf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Gf={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Hd={arrowIconName:"caret-alt-down"},ct=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Hd.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,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsxs)(wt,{...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,Pd,"k-icon-picker"),children:[(0,ve.jsx)(ut,{children:i}),(0,ve.jsx)(ho,{placeholder:x,value:u,showValue:!1,valueIcon:(0,ve.jsx)(so,{className:"k-value-icon",color:u,iconName:w}),valueIconName:w}),(0,ve.jsx)(bt,{children:c}),(0,ve.jsx)(d,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),P&&K&&(0,ve.jsx)(ee,{id:rt,className:"k-colorpicker-popup",children:K}),z&&(0,ve.jsx)(fe,{adaptive:!0,id:rt,...ie,header:(0,ve.jsx)(We,{actionsEnd:(0,ve.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:xe,subtitle:Ve}),footer:(0,ve.jsxs)(jt,{children:[(0,ve.jsx)(d,{text:"Cancel",size:"large"}),(0,ve.jsx)(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,ve.jsx)(he,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};ct.states=Kf;ct.options=Gf;ct.className=Pd;ct.defaultOptions=Hd;ct.moduleName=Rd;ct.folderName=Od;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 Kd=require("react/jsx-runtime"),xr=e=>(0,Kd.jsx)(co,{...e});var Bf=require("react/jsx-runtime");var Df=require("react/jsx-runtime");var _f=require("react/jsx-runtime");var zf=require("react/jsx-runtime");var Uf=require("react/jsx-runtime");var Ff=require("react/jsx-runtime");var po=require("react/jsx-runtime"),Vf=co.options,$f=co.states,Gd={...co.defaultOptions,variant:"color"},Xf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Wf=[{name:"opened",title:"Opened"}],Ea=e=>{let{variant:t,modifiers:o,...a}={...Gd,...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)(xr,{...a,...l})});case"icon":return(0,po.jsx)("div",{style:i,children:(0,po.jsx)(xr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return(0,po.jsx)("div",{style:i,children:(0,po.jsx)(xr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};Ea.options=Vf;Ea.states=$f;Ea.variants=Xf;Ea.defaultOptions=Gd;Ea.modifiers=Wf;var en="combobox",Bd=en;var J=require("react/jsx-runtime"),Dd="k-combobox",Jf=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],qf={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]},_d={separators:!0},Je=e=>{let{size:t,rounded:o,fillMode:a,separators:l=_d.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)(Ne,{...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,Dd),children:[i&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(ut,{children:i}),l&&(0,J.jsx)(ft,{})]}),(0,J.jsx)(nt,{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)(Xe,{valid:k,invalid:b,loading:C,disabled:w}),(0,J.jsx)(Qe,{loading:C,disabled:w}),(0,J.jsx)(lt,{loading:C,disabled:w,readonly:z,value:u}),c&&(0,J.jsxs)(J.Fragment,{children:[l&&(0,J.jsx)(ft,{}),(0,J.jsx)(bt,{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)(ee,{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)(We,{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)(V,{customValue:rt?(0,J.jsx)(ao,{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=Jf;Je.options=qf;Je.className=Dd;Je.defaultOptions=_d;Je.moduleName=en;Je.folderName=Bd;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 Ud=require("react/jsx-runtime"),zd=e=>(0,Ud.jsx)(pt,{...e});var Fd=require("react/jsx-runtime");var Vd=require("react/jsx-runtime");var $d=require("react/jsx-runtime");var Xd=require("react/jsx-runtime");var Wd=require("react/jsx-runtime");var Jd=require("react/jsx-runtime");var tn=require("react/jsx-runtime");var Yf=require("react/jsx-runtime");var Qf=require("react/jsx-runtime");var qd=require("react/jsx-runtime");var Yd=require("react/jsx-runtime");var Mt=require("react/jsx-runtime"),Zf=Je.states,jf=Je.defaultOptions,eT=Je.options,tT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],oT=[],Ia=e=>{let{modifiers:t,...o}=e,a={},l=(0,Mt.jsx)(V,{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)(Qt,{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})})};Ia.options=eT;Ia.states=Zf;Ia.variants=oT;Ia.defaultOptions=jf;Ia.modifiers=tT;var on="menu-button",Qd=on;var jd=require("react/jsx-runtime"),Zd="k-menu-button",aT=[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]},an={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=an.showArrow,arrowIconName:M=an.arrowIconName,expanded:C,...w}=e;return(0,jd.jsx)(d,{...w,className:r(e.className,Zd),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=aT;Z.options=rT;Z.className=Zd;Z.defaultOptions=an;Z.moduleName=on;Z.folderName=Qd;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 lT=require("react/jsx-runtime");var nT=require("react/jsx-runtime");var iT=require("react/jsx-runtime");var mt="menu",gt=mt;var Ft=require("react/jsx-runtime"),rn="k-menu-item",sT=[n.hover,n.focus,n.active,n.selected,n.disabled],dT={},ec={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=ec.iconPosition,dir:M,children:C,expanded:w,...K}=e,P=k;return P\|\|(P=M==="rtl"?"caret-alt-left":"caret-alt-right"),(0,Ft.jsxs)("li",{...K,className:r(e.className,rn,"k-item",I(rn,{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,Ft.jsxs)("span",{className:r("k-link k-menu-link"),children:[c&&b==="before"&&(0,Ft.jsx)(v,{className:"k-menu-link-icon",icon:c}),(0,Ft.jsx)("span",{className:"k-menu-link-text",children:u}),c&&b==="after"&&(0,Ft.jsx)(v,{className:"k-menu-link-icon",icon:c}),L&&(0,Ft.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Ft.jsx)(v,{icon:P})})]}),C]})};ze.states=sT;ze.options=dT;ze.className=rn;ze.defaultOptions=ec;ze.moduleName=mt;ze.folderName=gt;var Vt=require("react/jsx-runtime"),ln="k-menu-item",cT=[n.hover,n.focus,n.active,n.selected,n.disabled],pT={},nn={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=nn.iconPosition,dir:M=nn.dir,children:C,popup:w,expanded:K,...P}=e,z=k;return z\|\|(z=M==="rtl"?"caret-alt-left":"caret-alt-right"),(0,Vt.jsxs)("li",{...P,className:r(e.className,ln,"k-item",I(ln,{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,Vt.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,Vt.jsx)(v,{className:"k-menu-link-icon",icon:c}),(0,Vt.jsx)("span",{className:"k-menu-link-text",children:u}),c&&b==="after"&&(0,Vt.jsx)(v,{className:"k-menu-link-icon",icon:c}),L&&(0,Vt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Vt.jsx)(v,{icon:z})})]}),C,w]})};ue.states=cT;ue.options=pT;ue.className=ln;ue.defaultOptions=nn;ue.moduleName=mt;ue.folderName=gt;var ac=require("react/jsx-runtime"),tc="k-menu-scroll-wrapper",mT=[],uT={},bT={},ko=e=>{let{className:t,children:o,orientation:a,...l}=e;return(0,ac.jsx)("div",{...l,className:r(t,tc,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ko.states=mT;ko.options=uT;ko.className=tc;ko.defaultOptions=bT;ko.moduleName=mt;ko.folderName=gt;var oc=ko;var Re=require("react/jsx-runtime"),sn="k-menu",fT=[],TT={},gr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Oe=e=>{let{children:t,orientation:o=gr.orientation,header:a=gr.header,scrollable:l,scrollButtonsPosition:i=gr.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",sn,{[`${sn}-${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)(oc,{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=TT;Oe.className=sn;Oe.defaultOptions=gr;Oe.moduleName=mt;Oe.folderName=gt;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 lc=require("react/jsx-runtime"),dn="k-separator",rc={orientation:"horizontal"},Uo=e=>{let{orientation:t=rc.orientation,...o}=e;return(0,lc.jsx)("li",{...o,className:r(e.className,"k-item",dn,{[`${dn}-${t}`]:t}),role:"separator"})};Uo.className=dn;Uo.defaultOptions=rc;Uo.moduleName=mt;Uo.folderName=gt;var nc=require("react/jsx-runtime");var ic=require("react/jsx-runtime"),cn="k-menu-group",hT=[],xT={size:[s.undefined,s.small,s.medium,s.large]},NT={},Ue=e=>{let{children:t,size:o,...a}=e;return(0,ic.jsx)("ul",{...a,className:r(e.className,cn,S(cn,{size:o})),role:"menu",children:t})};Ue.states=hT;Ue.options=xT;Ue.className=cn;Ue.defaultOptions=NT;Ue.moduleName=mt;Ue.folderName=gt;var yt=require("react/jsx-runtime"),pn=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 mn=require("react/jsx-runtime");var un=require("react/jsx-runtime");var bn=require("react/jsx-runtime");var fn=require("react/jsx-runtime");var Ht=require("react/jsx-runtime"),gT=Oe.options,kT=Oe.states,sc={...Oe.defaultOptions,variant:"horizontal"},vT=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],LT=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ra=e=>{let{variant:t,modifiers:o,...a}={...sc,...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)(ee,{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)(Uo,{}),(0,Ht.jsx)(ue,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Ht.jsx)(pn,{...a,...l,orientation:"vertical",style:{width:"200px"}}):(0,Ht.jsx)(pn,{...a,...l})};Ra.options=gT;Ra.states=kT;Ra.variants=vT;Ra.defaultOptions=sc;Ra.modifiers=LT;var Tn=require("react/jsx-runtime");var CT=require("react/jsx-runtime");var Fe=require("react/jsx-runtime"),MT=d.states,dc={...d.defaultOptions,variant:"text"},yT=d.options,ST=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],AT=[{name:"opened",title:"Opened"}],Oa=e=>{let{variant:t,modifiers:o,...a}={...dc,...e},l={},i=(0,Fe.jsx)(ee,{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]})};Oa.options=yT;Oa.states=MT;Oa.variants=ST;Oa.defaultOptions=dc;Oa.modifiers=AT;var hn="split-button",cc=hn;var $t=require("react/jsx-runtime"),xn="k-split-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]},pc={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=pc.arrowIconName,popup:M,opened:C,popupId:w,...K}=e;return(0,$t.jsxs)($t.Fragment,{children:[(0,$t.jsxs)("div",{...K,className:r(e.className,xn,"k-button-group",S(xn,{rounded:o})),children:[(0,$t.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,$t.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,$t.jsx)(ee,{className:"k-menu-popup",children:M})]})};X.states=wT;X.options=ET;X.className=xn;X.defaultOptions=pc;X.moduleName=hn;X.folderName=cc;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 Nn=X;var mc=require("react/jsx-runtime"),IT="k-toolbar-separator",St=e=>(0,mc.jsx)("div",{className:r(IT,e.className,"k-separator")});var Xt="toolbar",mo=Xt;var B=require("react/jsx-runtime"),Wt="k-toolbar",RT=[n.focus],OT={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},PT={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===Qo)C.push((0,B.jsx)(Qo,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${M}-${new Date().getTime()}`));else if(b.type===Qt)C.push((0,B.jsx)(Qt,{...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===Nn)C.push((0,B.jsx)(Nn,{...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,Wt,S(Wt,{size:t,fillMode:o}),I(Wt,{focus:a}),{[`${Wt}-resizable`]:l,[`${Wt}-scrollable`]:i,[`${Wt}-scrollable-overlay`]:i&&c==="hidden",[`${Wt}-scrollable-${u}`]:u&&u!=="both",[`${Wt}-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=RT;j.options=OT;j.className=Wt;j.defaultOptions=PT;j.moduleName=Xt;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 bc=require("react/jsx-runtime"),uc="k-floating-toolbar",HT=[],KT={},GT={},Fo=e=>{let{...t}=e;return(0,bc.jsx)("div",{...t,className:r(e.className,uc),children:e.children})};Fo.states=HT;Fo.options=KT;Fo.className=uc;Fo.defaultOptions=GT;Fo.moduleName=Xt;Fo.folderName=mo;var fc=require("react/jsx-runtime"),gn="k-toolbar-item",BT=[n.focus],DT={},_T={},Vo=e=>{let{focus:t,...o}=e;return(0,fc.jsx)("div",{...o,className:r(e.className,gn,I(gn,{focus:t})),children:e.children})};Vo.states=BT;Vo.options=DT;Vo.className=gn;Vo.defaultOptions=_T;Vo.moduleName=Xt;Vo.folderName=mo;var kn=require("react/jsx-runtime"),Tc="k-toolbar-popup",zT=[],UT={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},FT={},vo=e=>{let{size:t,fillMode:o,section:a,...l}=e;return(0,kn.jsx)(ee,{...l,className:r(e.className,Tc),children:a?(0,kn.jsx)("span",{className:r("k-toolbar-items-list",S("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};vo.states=zT;vo.options=UT;vo.className=Tc;vo.defaultOptions=FT;vo.moduleName=Xt;vo.folderName=mo;var kr=vo;var VT=require("react/jsx-runtime");var $T=require("react/jsx-runtime");var XT=require("react/jsx-runtime");var hc=require("react/jsx-runtime");var WT=require("react/jsx-runtime");var kt=require("react/jsx-runtime"),JT=X.states,xc={...X.defaultOptions,variant:"text"},qT=X.options,YT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],QT=[{name:"opened",title:"Opened"}],Pa=e=>{let{variant:t,modifiers:o,...a}={...xc,...e},l={},i=(0,kt.jsxs)(Ue,{size:a.size,children:[(0,kt.jsx)(ue,{first:!0,text:"Menu Item"}),(0,kt.jsx)(ue,{text:"Menu Item"}),(0,kt.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,kt.jsx)("div",{children:(0,kt.jsx)(X,{...a,...l,icon:"star"})});case"icon-and-text":return(0,kt.jsx)("div",{children:(0,kt.jsx)(X,{...a,...l,icon:"star",children:"Split Button"})});default:return(0,kt.jsx)("div",{children:(0,kt.jsx)(X,{...a,...l,children:"Split Button"})})}};Pa.options=qT;Pa.states=JT;Pa.variants=YT;Pa.defaultOptions=xc;Pa.modifiers=QT;var Kt=require("react/jsx-runtime"),Nc=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 gc=require("react/jsx-runtime");var Pe=require("react/jsx-runtime"),kc=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"),vc=({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"),Lc=({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)(kr,{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 vn=require("react/jsx-runtime");var Ln=require("react/jsx-runtime");var Jt=require("react/jsx-runtime"),ZT=j.options,jT=j.states,Cc={...j.defaultOptions,variant:"default"},eh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],th=[],Ha=e=>{let{variant:t,...o}={...Cc,...e};switch(t){case"responsive":return(0,Jt.jsx)("div",{children:(0,Jt.jsx)(Lc,{style:{width:"583px"},...o})});case"overlay":return(0,Jt.jsx)("div",{children:(0,Jt.jsx)(vc,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,Jt.jsx)("div",{children:(0,Jt.jsx)(kc,{style:{width:"583px"},...o})});default:return(0,Jt.jsx)("div",{children:(0,Jt.jsx)(Nc,{style:{width:"583px"},...o})})}};Ha.options=ZT;Ha.states=jT;Ha.variants=eh;Ha.defaultOptions=Cc;Ha.modifiers=th;var yc=require("react/jsx-runtime"),Mc="k-grid-toolbar",Lo=e=>(0,yc.jsx)(j,{...e,className:r(e.className,Mc),children:e.children});Lo.className=Mc;Lo.moduleName=F;Lo.folderName=$;var $o=require("react/jsx-runtime"),Cn="k-grid-stack-cell",oh=[n.focus,n.selected],vr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:i,focus:c,selected:u,...x}=e;return(0,$o.jsxs)("div",{...x,className:r(e.className,Cn,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":i},I(Cn,{focus:c,selected:u})),children:[i&&(0,$o.jsx)("span",{className:"k-dirty"}),t&&(0,$o.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,$o.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};vr.states=oh;vr.className=Cn;vr.moduleName=F;vr.folderName=$;var Ac=require("react/jsx-runtime"),Sc="k-grid-stack-row",Lr=e=>{let{cols:t,...o}=e;return(0,Ac.jsx)("div",{...o,className:r(e.className,Sc,{[`k-grid-cols-${t}`]:t}),children:e.children})};Lr.className=Sc;Lr.moduleName=F;Lr.folderName=$;var Mn=require("react/jsx-runtime");var yn=require("react/jsx-runtime");var Sn=require("react/jsx-runtime");var h=require("react/jsx-runtime"),wc=({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)(ce,{children:(0,h.jsx)("div",{className:"k-grid-header-wrap",children:(0,h.jsxs)(me,{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)(oe,{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)(te,{}),(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)(te,{}),(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)(ae,{children:(0,h.jsx)(re,{className:e,children:(0,h.jsxs)(le,{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)(pe,{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 Ka=require("react/jsx-runtime"),ah="k-chip-action";var Le=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=(0,Ka.jsx)(v,{icon:"x-circle",size:"small"});break;case"more":a=(0,Ka.jsx)(v,{icon:"more-vertical",size:"small"});break;default:return(0,Ka.jsx)(v,{icon:t,size:"small"})}return(0,Ka.jsx)("span",{...o,className:r(e.className,ah,`k-chip-${t}-action`),children:a})};var An="avatar",Ec=An;var En=require("react/jsx-runtime"),Ga="k-avatar";var rh=[n.hover,n.focus,n.active,n.selected,n.disabled],lh={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]},wn={type:"text",border:!1},ot=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:i=wn.type,border:c=wn.border,...u}=e;return(0,En.jsx)("div",{...u,className:r(e.className,Ga,S(Ga,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Ga}-bordered`]:c}),children:(0,En.jsx)("span",{className:`${Ga}-${i}`,children:e.children})})};ot.states=rh;ot.options=lh;ot.className=Ga;ot.defaultOptions=wn;ot.moduleName=An;ot.folderName=Ec;ot.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Co=ot;var Rc=require("react/jsx-runtime"),Ic=e=>(0,Rc.jsx)(Co,{type:"icon",...e});var Pc=require("react/jsx-runtime"),Oc=e=>(0,Pc.jsx)(Co,{type:"text",...e});var Kc=require("react/jsx-runtime"),Hc=e=>(0,Kc.jsx)(Co,{type:"image",...e});var nh=require("react/jsx-runtime");var Xo=require("react/jsx-runtime"),ih=ot.options,sh=ot.states,dh={...ot.defaultOptions,variant:"image"},ch=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],ph=[],Ba=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,Xo.jsx)(Ic,{...o,children:(0,Xo.jsx)(v,{icon:"star"})});case"text":return(0,Xo.jsx)(Oc,{...o,children:"JO"});default:return(0,Xo.jsx)(Hc,{...o,children:(0,Xo.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Ba.options=ih;Ba.states=sh;Ba.variants=ch;Ba.defaultOptions=dh;Ba.modifiers=ph;var Da="chip",Cr=Da;var qt=require("react/jsx-runtime"),Mr="k-chip",mh=[n.hover,n.focus,n.active,n.selected,n.disabled],uh={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]},Gc={avatarImage:"/packages/html/assets/avatar.jpg"},Ce=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:i,icon:c,actions:u,showAvatar:x,avatarImage:g=Gc.avatarImage,hover:L,focus:k,active:b,selected:M,disabled:C,...w}=e;return(0,qt.jsxs)("div",{...w,className:r(e.className,Mr,S(Mr,{size:t,rounded:o,fillMode:a,themeColor:l}),I(Mr,{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,qt.jsx)(v,{className:"k-chip-icon",icon:c,size:"small"}),x&&(0,qt.jsx)(ot,{className:"k-chip-avatar",type:"image",children:(0,qt.jsx)("img",{src:g,alt:""})}),(0,qt.jsx)("span",{className:"k-chip-content",children:e.children?e.children:i&&(0,qt.jsx)("span",{className:"k-chip-label",children:i})}),u&&(0,qt.jsx)("span",{className:"k-chip-actions",children:u})]})};Ce.states=mh;Ce.options=uh;Ce.className=Mr;Ce.defaultOptions=Gc;Ce.moduleName=Da;Ce.folderName=Cr;Ce.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 vt=Ce;var Bc=require("react/jsx-runtime"),In="k-chip-list",bh=[],fh={size:[s.undefined,s.small,s.medium,s.large]},Th={},Me=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return(0,Bc.jsx)("div",{...l,className:r(e.className,In,S(In,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Me.states=bh;Me.options=fh;Me.className=In;Me.defaultOptions=Th;Me.moduleName=Da;Me.folderName=Cr;Me.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};var hh=require("react/jsx-runtime");var xh=require("react/jsx-runtime");var Dc=require("react/jsx-runtime"),yr=e=>(0,Dc.jsx)(vt,{text:"text",...e});var Nh=require("react/jsx-runtime");var gh=require("react/jsx-runtime");var Rn=require("react/jsx-runtime");var _c=require("react/jsx-runtime");var zc=require("react/jsx-runtime");var Uc=require("react/jsx-runtime");var Yt=require("react/jsx-runtime"),kh={...vt.options,...Me.options},vh=[],Lh=Me.states,Ch={...vt.defaultOptions,...Me.defaultOptions},Mh=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],_a=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,Yt.jsxs)(Me,{size:a.size,className:o,children:[(0,Yt.jsx)(yr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Yt.jsx)(Le,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Yt.jsx)(yr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Yt.jsx)(Le,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Yt.jsx)(yr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?(0,Yt.jsx)(Le,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};_a.options=kh;_a.states=Lh;_a.variants=vh;_a.defaultOptions=Ch;_a.modifiers=Mh;var Sr=require("react/jsx-runtime"),yh=Ce.states,Sh=Ce.defaultOptions,Ah=Ce.options,wh=[],Eh=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],za=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,Sr.jsx)(Le,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t!=null&&t[l]?(0,Sr.jsx)(Le,{type:"remove"}):void 0;break;default:break}}),(0,Sr.jsx)(Ce,{...o,...a,children:"Chip component"})};za.options=Ah;za.states=yh;za.variants=wh;za.defaultOptions=Sh;za.modifiers=Eh;var y=require("react/jsx-runtime"),Fc=({dropClue:e,contentClassName:t,...o})=>(0,y.jsx)(W,{_renderAriaRoot:!0,groupingHeader:(0,y.jsx)(ro,{dropClue:e,children:(0,y.jsxs)(Me,{children:[(0,y.jsx)(Ce,{icon:"sort-asc-small",text:"ID",actions:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(Le,{type:"more"}),(0,y.jsx)(Le,{type:"remove"})]})}),(0,y.jsx)(Ce,{icon:"sort-desc-small",text:"Name",actions:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(Le,{type:"more"}),(0,y.jsx)(Le,{type:"remove"})]})})]})}),children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(ce,{draggable:!0,children:(0,y.jsx)("div",{className:"k-grid-header-wrap",children:(0,y.jsxs)(me,{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)(oe,{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)(ae,{children:(0,y.jsx)(re,{className:t,children:(0,y.jsxs)(le,{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)(pe,{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});var On=require("react/jsx-runtime");var Pn=require("react/jsx-runtime");var Hn=require("react/jsx-runtime");var E=require("react/jsx-runtime"),Vc=({headerWrapClassName:e,contentClassName:t,...o})=>(0,E.jsx)(W,{_renderAriaRoot:!0,children:(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(ce,{children:(0,E.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,E.jsxs)(me,{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)(oe,{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)(ae,{children:(0,E.jsx)(re,{className:t,children:(0,E.jsxs)(le,{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)(pe,{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 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)(Lo,{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)(te,{prefix:(0,p.jsx)(v,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=(0,p.jsx)(ge,{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)(ce,{children:(0,p.jsx)("div",{className:"k-grid-header-wrap",children:(0,p.jsxs)(me,{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)(oe,{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)(ae,{children:(0,p.jsx)(re,{children:(0,p.jsxs)(le,{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)(pe,{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)(Vc,{...a,...l});case"editing":return(0,p.jsx)(Dn,{...a,...l});case"grouping":return(0,p.jsx)(Fc,{...a,...l,groupingHeader:(0,p.jsx)(ro,{children:(0,p.jsxs)(Me,{children:[(0,p.jsx)(Ce,{icon:"sort-asc-small",actions:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(Le,{type:"more"}),(0,p.jsx)(Le,{type:"remove"})]}),children:"ID"}),(0,p.jsx)(Ce,{icon:"sort-desc-small",actions:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(Le,{type:"more"}),(0,p.jsx)(Le,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,p.jsx)(W,{...a,...l,children:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(ce,{children:(0,p.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,p.jsxs)(me,{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)(oe,{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)(ae,{children:(0,p.jsx)(re,{children:(0,p.jsxs)(le,{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)(pe,{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)(wc,{...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 O=require("react/jsx-runtime"),Dn=e=>(0,O.jsx)(W,{_renderAriaRoot:!0,toolbar:(0,O.jsxs)(Lo,{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)(ce,{children:(0,O.jsx)("div",{className:"k-grid-header-wrap",children:(0,O.jsxs)(me,{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)(oe,{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)(ae,{children:(0,O.jsx)(re,{children:(0,O.jsx)("div",{children:(0,O.jsxs)(le,{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)(pe,{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)(te,{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});