npm - @progress/kendo-themes-html - Versions diffs - 13.2.0-dev.1 → 13.2.0-dev.3 - Mend

@progress/kendo-themes-html 13.2.0-dev.1 → 13.2.0-dev.3

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 (102) hide show

package/dist/cjs/imageeditor/templates/imageeditor-normal.js CHANGED Viewed

	@@ -1 +1 @@
1	- var ic=Object.create;var za=Object.defineProperty;var nc=Object.getOwnPropertyDescriptor;var sc=Object.getOwnPropertyNames;var lc=Object.getPrototypeOf,dc=Object.prototype.hasOwnProperty;var cc=(e,t)=>{for(var o in t)za(e,o,{get:t[o],enumerable:!0})},gn=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let r of sc(t))!dc.call(e,r)&&r!==o&&za(e,r,{get:()=>t[r],enumerable:!(a=nc(t,r))\|\|a.enumerable});return e};var Ln=(e,t,o)=>(o=e!=null?ic(lc(e)):{},gn(t\|\|!e\|\|!e.__esModule?za(o,"default",{value:e,enumerable:!0}):o,e)),pc=e=>gn(za({},"__esModule",{value:!0}),e);var ex={};cc(ex,{ImageEditorNormal:()=>jh});module.exports=pc(ex);var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...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 y=(e,t)=>n({[`${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"}),E=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:d,active:u,selected:f,disabled:h,indeterminate:k,loading:x,empty:p,readonly:g,highlighted:v,...L}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":d,"k-active":u,"k-selected":f,"k-disabled":h,"k-indeterminate":k&&!d,"k-loading":x,"k-empty":p,"k-readonly":g,"k-highlighted":v},Object.keys(L).reduce((T,I)=>(I.startsWith("k-")?T[I]=L[I]:T[`k-${I}`]=L[I],T),{}))};function Mn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},m={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},b={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},N={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"},i={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 kr={};function R(e){return kr[e]=(kr[e]\|\|0)+1,`k-${e}-${kr[e]}`}var ma=require("react/jsx-runtime"),Nr="k-font-icon",mc=[],uc={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},bc={},ua=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...d}=e;return a?(0,ma.jsx)("span",{...d,className:n(e.className,Nr,y(Nr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true"}):(0,ma.jsx)(ma.Fragment,{})};ua.states=mc;ua.options=uc;ua.className=Nr;ua.defaultOptions=bc;var Sn=ua;var ao=require("react/jsx-runtime"),vr="k-svg-icon",fc=[],hc={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},In={viewBox:"0 0 24 24"},ba=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=In.viewBox,icon:d,...u}=e;if(!d)return(0,ao.jsx)(ao.Fragment,{});if(d==="none")return(0,ao.jsx)("span",{...u,className:n(e.className,vr,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof d=="object"&&d.name&&d.name;return(0,ao.jsx)("span",{...u,className:n(e.className,vr,y("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"\|\|r==="both","k-flip-v":r==="v"\|\|r==="both"}),"aria-hidden":"true",children:(0,ao.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:s,dangerouslySetInnerHTML:typeof d=="object"?{__html:d.content}:void 0,children:d?void 0:e.children})})};ba.states=fc;ba.options=hc;ba.className=vr;ba.defaultOptions=In;var gr=ba;var Lr=Ln(require("@progress/kendo-svg-icons"));var yn="icon",Tn="icons";var An=require("react");var En=require("react"),Cn=(0,En.createContext)({iconsType:"svg"});var Et=require("react/jsx-runtime"),Ha="k-icon",xc=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),kc=[],Nc={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},Mr={viewBox:"0 0 24 24",type:"svg"},M=e=>{let{iconsType:t}=(0,An.useContext)(Cn),{size:o,themeColor:a,icon:r,type:s=t\|\|Mr.type,rotate:d,flip:u,viewBox:f=Mr.viewBox,...h}=e;if(!r)return(0,Et.jsx)(Et.Fragment,{});if((t\|\|s)==="svg"){if(r==="none")return(0,Et.jsx)(gr,{...h,className:n(e.className,Ha),icon:r,size:o});let x=Lr[r]?r:xc(`${r}-icon`);return Lr[x]?(0,Et.jsx)(gr,{...h,className:n(e.className,Ha),icon:Lr[x],size:o,themeColor:a,rotate:d,flip:u,viewBox:f}):(0,Et.jsx)(Et.Fragment,{})}return(0,Et.jsx)(Sn,{...h,className:n(e.className,Ha),icon:r,size:o,themeColor:a,rotate:d,flip:u})};M.states=kc;M.options=Nc;M.defaultOptions=Mr;M.className=Ha;M.moduleName=yn;M.folderName=Tn;M.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Sr="button",On=Sr;var pt=require("react/jsx-runtime"),fa="k-button",vc=["icon-button"],gc=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Lc={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},Ir={showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:d=Ir.showArrow,arrowIconName:u=Ir.arrowIconName,variant:f,hover:h,focus:k,active:x,selected:p,disabled:g,togglable:v,ariaDisabled:L,icon:T,text:I,iconClassName:w,className:H,...te}=e,ae=T!==void 0,me=e.children!==void 0;return(0,pt.jsxs)(t,{className:n(H,fa,Mn(fa,f),y(fa,{size:o,rounded:a,fillMode:r,themeColor:s}),E(fa,{hover:h,focus:k,active:x,disabled:g\|\|L,selected:p}),{"k-icon-button":!I&&!me&&ae}),...te,"aria-pressed":v?p?"true":"false":void 0,"aria-disabled":L?"true":void 0,disabled:g\|\|void 0,children:[T&&(0,pt.jsx)(M,{className:n(w,"k-button-icon"),icon:T}),I?(0,pt.jsxs)(pt.Fragment,{children:[I&&(0,pt.jsx)("span",{className:"k-button-text",children:I}),e.children]}):e.children&&(0,pt.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,pt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,pt.jsx)(M,{icon:u})})]})};c.states=gc;c.options=Lc;c.variants=vc;c.className=fa;c.defaultOptions=Ir;c.moduleName=Sr;c.folderName=On;c.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var wn=require("react/jsx-runtime"),Ct=e=>(0,wn.jsx)(c,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Rn=require("react/jsx-runtime"),ha=e=>(0,Rn.jsx)(c,{icon:"folder",children:"Button",...e});var Bn=require("react/jsx-runtime"),ro=e=>(0,Bn.jsx)(c,{children:"Button",...e});var Fa=require("react/jsx-runtime"),Mc=c.options,Sc=c.states,Ic={...c.defaultOptions,variant:"text"},yc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Tc=[],ho=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Fa.jsx)(Ct,{...o,icon:"star"});case"icon-and-text":return(0,Fa.jsx)(ha,{...o,icon:"star",children:"Button"});default:return(0,Fa.jsx)(ro,{...o,children:"Button"})}};ho.options=Mc;ho.states=Sc;ho.variants=yc;ho.defaultOptions=Ic;ho.modifiers=Tc;ho.className=c.className;var yr="button",Pn=yr;var Kn=require("react/jsx-runtime"),xa="k-button-group",Ec=[i.disabled],Cc={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Ac={},O=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return(0,Kn.jsx)("div",{role:"group",...r,className:n(e.className,xa,y(xa,{fillMode:t}),E(xa,{disabled:o}),{[`${xa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};O.states=Ec;O.options=Cc;O.className=xa;O.defaultOptions=Ac;O.moduleName=yr;O.folderName=Pn;O.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 Tr=require("react/jsx-runtime");var Er=require("react/jsx-runtime");var Cr=require("react/jsx-runtime");var Ar=require("react/jsx-runtime");var Or=require("react/jsx-runtime");var wr=require("react/jsx-runtime");var Ge=require("react/jsx-runtime"),Oc={...c.options,...O.options},wc=c.states,Rc={...c.defaultOptions,...O.defaultOptions,variant:"text-button"},Bc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Pc=[],xo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,Ge.jsxs)(O,{fillMode:a.fillMode,className:o,children:[(0,Ge.jsx)(c,{...a,icon:"star"}),(0,Ge.jsx)(c,{...a,icon:"star"}),(0,Ge.jsx)(c,{...a,icon:"star"})]}):t==="icon-text-button"?(0,Ge.jsxs)(O,{fillMode:a.fillMode,className:o,children:[(0,Ge.jsx)(c,{...a,icon:"star",children:"First"}),(0,Ge.jsx)(c,{...a,icon:"star",children:"Middle"}),(0,Ge.jsx)(c,{...a,icon:"star",children:"Last"})]}):(0,Ge.jsxs)(O,{fillMode:a.fillMode,className:o,children:[(0,Ge.jsx)(c,{...a,children:"First"}),(0,Ge.jsx)(c,{...a,children:"Middle"}),(0,Ge.jsx)(c,{...a,children:"Last"})]})};xo.options=Oc;xo.states=wc;xo.variants=Bc;xo.defaultOptions=Rc;xo.modifiers=Pc;xo.className=O.className;var ka="input",Ua=ka;var Dn=require("react/jsx-runtime"),Ga="k-input",Kc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Dc={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},_c={},U=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u,size:f,rounded:h,fillMode:k,...x}=e;return(0,Dn.jsx)("span",{...x,className:n(e.className,Ga,y(Ga,{size:f,rounded:h,fillMode:k}),E(Ga,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u}))})};U.states=Kc;U.options=Dc;U.className=Ga;U.defaultOptions=_c;U.moduleName=ka;U.folderName=Ua;var _n=require("react/jsx-runtime"),Va="k-picker",zc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Hc={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Fc={},kt=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u,size:f,rounded:h,fillMode:k,...x}=e;return(0,_n.jsx)("span",{...x,className:n(e.className,Va,y(Va,{size:f,rounded:h,fillMode:k}),E(Va,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u})),children:e.children})};kt.states=zc;kt.options=Hc;kt.className=Va;kt.defaultOptions=Fc;kt.moduleName=ka;kt.folderName=Ua;var ko=require("react/jsx-runtime"),zn="k-clear-value",Uc=[i.disabled,i.loading,i.readonly],Gc={},ue=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t\|\|a\|\|o\|\|!r?(0,ko.jsx)(ko.Fragment,{}):(0,ko.jsx)("span",{className:n(e.className,zn),children:(0,ko.jsx)(M,{icon:"x"})})};ue.states=Uc;ue.options=Gc;ue.className=zn;var Hn=require("react/jsx-runtime"),Rr="k-input-inner",Vc=[],$c={},$a={type:"text",autocomplete:"off",value:"",placeholder:""},be=e=>{let{value:t=$a.value,type:o=$a.type,placeholder:a=$a.placeholder,autocomplete:r=$a.autocomplete,disabled:s,readOnly:d,...u}=e;return(0,Hn.jsx)("input",{...u,type:o,className:n(e.className,Rr,y(Rr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s\|\|void 0,readOnly:d\|\|void 0})};be.states=Vc;be.options=$c;be.className=Rr;var Na=require("react/jsx-runtime"),Br="k-input-inner",Xc=[],qc={},io=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...d}=e;return(0,Na.jsxs)("span",{...d,className:n(e.className,Br,y(Br,e)),children:[r,!r&&s&&(0,Na.jsx)(M,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&(0,Na.jsx)("span",{className:"k-input-value-text",children:t})]})};io.states=Xc;io.options=qc;io.className=Br;var Un=require("react/jsx-runtime"),Pr="k-input-inner",Wc=[],Jc={},Fn={value:"",placeholder:""},va=e=>{let{value:t=Fn.value,placeholder:o=Fn.placeholder,rows:a,disabled:r,...s}=e;return(0,Un.jsx)("textarea",{...s,className:n(e.className,Pr,y(Pr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r\|\|void 0})};va.states=Wc;va.options=Jc;va.className=Pr;var ga=require("react/jsx-runtime"),Gn="k-input-loading-icon",Yc=[i.disabled,i.loading],se=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,ga.jsx)(ga.Fragment,{}):(0,ga.jsx)("span",{className:n(e.className,Gn,"k-icon k-i-loading")})};se.states=Yc;se.className=Gn;var La=require("react/jsx-runtime"),Vn="k-input-validation-icon",Zc=[i.valid,i.invalid,i.disabled,i.loading],Qc={},re=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a\|\|r\|\|!!!(t\|\|o)?(0,La.jsx)(La.Fragment,{}):(0,La.jsx)(M,{className:n(Vn),icon:s})};re.states=Zc;re.options=Qc;re.className=Vn;var Ma=require("react/jsx-runtime"),jc="k-input-prefix",ep={direction:"horizontal"},Me=e=>{let{direction:t=ep.direction,...o}=e;return e.children?(0,Ma.jsx)("span",{...o,className:n(jc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Ma.jsx)(Ma.Fragment,{})};var Sa=require("react/jsx-runtime"),tp="k-input-suffix",op={direction:"horizontal"},Se=e=>{let{direction:t=op.direction,...o}=e;return e.children?(0,Sa.jsx)("span",{...o,className:n(tp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Sa.jsx)(Sa.Fragment,{})};var ap=require("react/jsx-runtime");var $n=require("react/jsx-runtime"),rp="k-input-suffix-text",Kr=e=>{let{children:t,...o}=e;return(0,$n.jsx)("span",{...o,className:n(rp,e.className),children:t})};var qn=require("react/jsx-runtime"),Xn="k-input-separator",ip={direction:"vertical"},le=e=>{let{direction:t=ip.direction,...o}=e;return(0,qn.jsx)("span",{...o,className:n(Xn,e.className,{[`${Xn}-${t}`]:t})})};var de=require("react/jsx-runtime"),np=U.states,sp=U.defaultOptions,lp=U.options,dp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],cp=[],No=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:d,...u}=e,f=t==null?void 0:t.prefix,h=t==null?void 0:t.suffix,k=t==null?void 0:t["clear-button"],x=t==null?void 0:t["validation-icon"],p=t==null?void 0:t.separators;return(0,de.jsxs)(U,{...u,valid:o,invalid:a,loading:r,disabled:s,readonly:d,style:{width:300},children:[f&&(0,de.jsxs)(de.Fragment,{children:[(0,de.jsx)(Me,{children:(0,de.jsx)(M,{icon:"lock"})}),p&&(0,de.jsx)(le,{})]}),(0,de.jsx)(be,{placeholder:"Placeholder",value:"Value"}),x&&(0,de.jsx)(re,{valid:o,invalid:a,loading:r,disabled:s}),(0,de.jsx)(se,{loading:r,disabled:s}),k&&(0,de.jsx)(ue,{loading:r,disabled:s,readonly:d,value:"Value"}),h&&(0,de.jsxs)(de.Fragment,{children:[p&&(0,de.jsx)(le,{}),(0,de.jsx)(Se,{children:(0,de.jsx)(ro,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};No.options=lp;No.states=np;No.variants=cp;No.defaultOptions=sp;No.modifiers=dp;No.className=U.className;var Ia=require("react/jsx-runtime"),Wn="k-color-preview",pp=[],mp={},Ft=e=>{let{color:t,iconName:o,...a}=e;return(0,Ia.jsxs)("span",{...a,className:n(e.className,Wn,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Ia.jsx)(M,{icon:o,className:"k-color-preview-icon"}),(0,Ia.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ft.states=pp;Ft.options=mp;Ft.className=Wn;var Dr="popup",Jn=Dr;var _r=require("react/jsx-runtime"),Yn="k-animation-container",up=[],bp={},Zn={positionMode:"absolute"},Nt=e=>{let{positionMode:t=Zn.positionMode,animationStyle:o,offset:a,...r}=e;return(0,_r.jsx)("div",{...r,style:{...a,...e.style},className:n(e.className,Yn,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,_r.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Nt.states=up;Nt.options=bp;Nt.className=Yn;Nt.defaultOptions=Zn;Nt.moduleName=Dr;Nt.folderName=Jn;var zr="popup",Qn=zr;var Hr=require("react/jsx-runtime"),jn="k-popup",fp=[],hp={},es={positionMode:"absolute"},W=e=>{let{offset:t,positionMode:o=es.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:d,...u}=e;return(0,Hr.jsx)(Nt,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":d,children:(0,Hr.jsx)("div",{...u,className:n(e.className,jn),children:e.children})})};W.states=fp;W.options=hp;W.className=jn;W.defaultOptions=es;W.moduleName=zr;W.folderName=Qn;W.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 Fr="action-buttons",ts=Fr;var os=require("react/jsx-runtime"),Xa="k-actions",xp=[],kp={},Ur={alignment:"start",orientation:"horizontal"},vt=e=>{let{alignment:t=Ur.alignment,orientation:o=Ur.orientation,...a}=e;return(0,os.jsx)("div",{...a,className:n(Xa,{[`${Xa}-${t}`]:t,[`${Xa}-${o}`]:o},e.className),children:e.children})};vt.states=xp;vt.options=kp;vt.className=Xa;vt.defaultOptions=Ur;vt.moduleName=Fr;vt.folderName=ts;var rs=require("react/jsx-runtime"),Np="k-actionsheet-footer",as={alignment:"stretched",orientation:"horizontal"},Ut=e=>{let{alignment:t=as.alignment,orientation:o=as.orientation,template:a,as:r=a?"div":vt,...s}=e;return(0,rs.jsx)(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,Np),children:e.children})};var Gr="searchbox",is=Gr;var Gt=require("react/jsx-runtime"),ns="k-searchbox",vp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],gp={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Vr={showIcon:!0,icon:"search"},ot=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:d,focus:u,valid:f,invalid:h,required:k,loading:x,disabled:p,showIcon:g=Vr.showIcon,icon:v=Vr.icon,"aria-label":L,...T}=e;return(0,Gt.jsxs)(U,{...T,size:a,rounded:r,fillMode:s,hover:d,focus:u,valid:f,invalid:h,required:k,loading:x,disabled:p,className:n(e.className,ns),children:[g&&(0,Gt.jsx)(M,{className:"k-input-icon",icon:v}),(0,Gt.jsx)(be,{placeholder:o,value:t,"aria-label":L}),(0,Gt.jsx)(se,{...e}),(0,Gt.jsx)(re,{...e}),(0,Gt.jsx)(ue,{...e})]})};ot.states=vp;ot.options=gp;ot.className=ns;ot.defaultOptions=Vr;ot.moduleName=Gr;ot.folderName=is;var Lp=require("react/jsx-runtime");var $r="textbox",ss=$r;var Ie=require("react/jsx-runtime"),ls="k-textbox",Mp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Sp={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},qa={showClearButton:!0,showValidationIcon:!0,separators:!0},F=e=>{let{size:t,rounded:o,fillMode:a,separators:r=qa.separators,showClearButton:s=qa.showClearButton,showValidationIcon:d=qa.showValidationIcon,prefix:u,suffix:f,type:h,value:k,placeholder:x,hover:p,focus:g,valid:v,invalid:L,required:T,loading:I,disabled:w,readonly:H,id:te,"aria-label":ae,"aria-describedby":me,...Ke}=e;return(0,Ie.jsxs)(U,{...Ke,size:t,rounded:o,fillMode:a,hover:p,focus:g,valid:v,invalid:L,required:T,loading:I,disabled:w,readonly:H,className:n(e.className,ls),children:[u&&(0,Ie.jsxs)(Ie.Fragment,{children:[(0,Ie.jsx)(Me,{children:u}),r&&(0,Ie.jsx)(le,{})]}),(0,Ie.jsx)(be,{id:te,placeholder:x,value:k,type:h,disabled:w,"aria-label":ae,"aria-describedby":me,"aria-invalid":L?"true":void 0}),d&&(0,Ie.jsx)(re,{valid:v,invalid:L,loading:I,disabled:w}),(0,Ie.jsx)(se,{loading:I,disabled:w}),s&&(0,Ie.jsx)(ue,{loading:I,disabled:w,readonly:H,value:k}),f&&(0,Ie.jsxs)(Ie.Fragment,{children:[r&&(0,Ie.jsx)(le,{}),(0,Ie.jsx)(Se,{children:f})]})]})};F.states=Mp;F.options=Sp;F.className=ls;F.defaultOptions=qa;F.moduleName=$r;F.folderName=ss;F.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 ya=F;var cs=require("react/jsx-runtime"),ds=e=>(0,cs.jsx)(ya,{...e});var ps=require("react/jsx-runtime");var ms=require("react/jsx-runtime");var Ip=require("react/jsx-runtime");var Wa=require("react/jsx-runtime"),yp=F.states,Tp=F.defaultOptions,Ep=F.options,Cp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Ap=[],vo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t!=null&&t[r]?(0,Wa.jsx)(M,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,Wa.jsx)(ro,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[r];break;default:break}}),(0,Wa.jsx)(ds,{value:"Value",style:{width:300},...o,...a})};vo.options=Ep;vo.states=yp;vo.variants=Ap;vo.defaultOptions=Tp;vo.modifiers=Cp;vo.className=F.className;var Ye=require("react/jsx-runtime"),us="k-actionsheet-titlebar",Op={},De=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:d,inputValue:u,inputPlaceholder:f,adaptive:h,titleId:k,children:x,...p}=e;return(0,Ye.jsxs)("div",{...p,className:n(e.className,us),children:[(0,Ye.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,Ye.jsx)("div",{className:"k-actionsheet-actions",children:a}),!x&&(0,Ye.jsxs)("div",{className:"k-actionsheet-title",id:k,children:[t&&(0,Ye.jsx)("div",{className:"k-text-center",children:t}),o&&(0,Ye.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&(0,Ye.jsx)("div",{className:"k-actionsheet-title",id:k,children:x}),r&&(0,Ye.jsx)("div",{className:"k-actionsheet-actions",children:r})]}),(d\|\|s)&&(0,Ye.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?(0,Ye.jsx)(F,{value:u,placeholder:f,size:h?"large":"medium","aria-label":t\|\|f\|\|"Input"}):(0,Ye.jsx)(ot,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};De.className=us;De.defaultOptions=Op;var go=require("react/jsx-runtime"),Xr="k-actionsheet-view",wp=[],Rp={},Bp={},Lo=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:d,...u}=e,f=(r==null?void 0:r.type)===De&&(0,go.jsx)(De,{adaptive:t,titleId:d,...r==null?void 0:r.props}),h=(s==null?void 0:s.type)===Ut&&(0,go.jsx)(Ut,{...s==null?void 0:s.props});return(0,go.jsxs)("div",{...u,className:n(e.className,Xr,{[`${Xr}-animated`]:o}),children:[f,(0,go.jsx)("div",{className:"k-actionsheet-content",children:a}),h]})};Lo.states=wp;Lo.options=Rp;Lo.className=Xr;Lo.defaultOptions=Bp;var Ta="action-sheet",Ja=Ta;var qr="overlay",bs=qr;var fs=require("react/jsx-runtime"),Wr="k-overlay",Pp=[],Kp={themeColor:[N.undefined,N.light,N.dark,N.inverse]},Dp={},Vt=e=>{let{themeColor:t,...o}=e;return(0,fs.jsx)("div",{...o,className:n(e.className,Wr,y(Wr,{themeColor:t})),children:e.children})};Vt.states=Pp;Vt.options=Kp;Vt.className=Wr;Vt.defaultOptions=Dp;Vt.moduleName=qr;Vt.folderName=bs;var no=require("react/jsx-runtime"),hs="k-actionsheet",_p=[],zp={},Ea={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},j=e=>{let{side:t=Ea.side,fullscreen:o=Ea.fullscreen,adaptive:a=Ea.adaptive,overlay:r=Ea.overlay,template:s,children:d,header:u,footer:f,id:h,...k}=e,x=h&&!s&&u?`${h}-title`:void 0;return(0,no.jsxs)("div",{className:"k-actionsheet-container",children:[r&&(0,no.jsx)(Vt,{}),(0,no.jsx)(Nt,{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,no.jsx)("div",{...k,id:h,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":x,className:n(e.className,hs,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|(0,no.jsx)(Lo,{header:u,footer:f,adaptive:a,titleId:x,...e,children:d})})})]})};j.states=_p;j.options=zp;j.className=hs;j.defaultOptions=Ea;j.moduleName=Ta;j.folderName=Ja;j.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 ks=require("react/jsx-runtime"),xs="k-actionsheet-container",Hp=[],Fp={},Up={},Mo=e=>{let{children:t,...o}=e;return(0,ks.jsx)("div",{...o,className:xs,children:t})};Mo.states=Hp;Mo.options=Fp;Mo.className=xs;Mo.defaultOptions=Up;Mo.moduleName=Ta;Mo.folderName=Ja;var Ns=require("react/jsx-runtime"),Jr=e=>{let{...t}=e;return(0,Ns.jsx)("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};var at=require("react/jsx-runtime"),Yr="k-actionsheet-item",Gp=[i.hover,i.focus,i.selected,i.disabled],$t=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:d,disabled:u,...f}=e;return(0,at.jsxs)("span",{...f,className:n(e.className,Yr,E(Yr,{hover:r,focus:s,selected:d,disabled:u})),children:[!e.children&&(0,at.jsx)(at.Fragment,{children:(0,at.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,at.jsx)("span",{className:"k-icon-wrap",children:(0,at.jsx)(M,{className:"k-actionsheet-item-icon",icon:t})}),(0,at.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,at.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,at.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};$t.states=Gp;$t.className=Yr;var vs=require("react/jsx-runtime");var Vp=require("react/jsx-runtime");var $p=require("react/jsx-runtime");var Xp=require("react/jsx-runtime");var J=require("react/jsx-runtime"),qp=j.options,Wp=j.states,Ls={...j.defaultOptions,variant:"normal"},Jp=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Yp=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],So=e=>{let{variant:t,modifiers:o,...a}={...Ls,...e},r={},s=(0,J.jsxs)(Jr,{children:[(0,J.jsx)($t,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,J.jsx)($t,{text:"Add to Favorites",iconName:"heart"}),(0,J.jsx)($t,{text:"Upload New",iconName:"upload",disabled:!0}),(0,J.jsx)("hr",{className:"k-hr"}),(0,J.jsx)($t,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",u="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o\|\|{}).forEach(f=>{switch(f){case"actions":r.actionsStart=!!(o!=null&&o[f]),r.actionsEnd=!!(o!=null&&o[f]);break;case"subtitle":r.subtitle=o!=null&&o[f]?d:void 0;break;case"footer":r.footer=!!(o!=null&&o[f]);break;default:break}}),t==="adaptive"?(0,J.jsx)(j,{...a,adaptive:!0,fullscreen:r.fullScreen,header:(0,J.jsx)(De,{actionsStart:r.actionsStart?(0,J.jsx)(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,J.jsx)(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:r.subtitle}),footer:r.footer?(0,J.jsxs)(Ut,{alignment:"stretched",children:[(0,J.jsx)(c,{text:"Cancel",size:"large",themeColor:"base"}),(0,J.jsx)(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,J.jsx)(j,{...a,fullscreen:r.fullScreen,header:(0,J.jsx)(De,{actionsStart:r.actionsStart?(0,J.jsx)(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,J.jsx)(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?(0,J.jsxs)(Ut,{alignment:"stretched",children:[(0,J.jsx)(c,{text:"Apply",themeColor:"primary"}),(0,J.jsx)(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};So.options=qp;So.states=Wp;So.variants=Jp;So.defaultOptions=Ls;So.modifiers=Yp;So.className=j.className;var Zr="slider",Ms=Zr;var mt=require("react/jsx-runtime"),Ca="k-slider",Zp=[i.hover,i.focus,i.active,i.disabled,i.readonly],Qp={},rt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},q=e=>{let{type:t=rt.type,orientation:o=rt.orientation,gradientType:a=rt.gradientType,readonly:r=rt.readonly,disabled:s=rt.disabled,handlePosition:d=rt.handlePosition,showButtons:u=rt.showButtons,showTicks:f=rt.showTicks,value:h=rt.value,min:k=rt.min,max:x=rt.max,startValue:p,endValue:g,hover:v,focus:L,active:T,trackStyle:I,dir:w,...H}=e,ae=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),me,Ke;return o==="horizontal"?(me=w==="rtl"?"caret-alt-left":"caret-alt-right",Ke=w==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(me="caret-alt-up",Ke="caret-alt-down"),(0,mt.jsxs)("div",{...H,className:n(Ca,e.className,E(Ca,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:w,children:[u&&(0,mt.jsx)(c,{className:"k-button-decrease",rounded:"full",icon:Ke,tabIndex:-1,title:"Decrease"}),(0,mt.jsxs)("div",{className:"k-slider-track-wrap",children:[f&&(0,mt.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,mt.jsxs)("div",{className:"k-slider-track",style:I,children:[(0,mt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,mt.jsx)("span",{className:n("k-draghandle","k-draghandle-start",E(Ca,{hover:v,focus:L,active:T})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":p??k,"aria-valuemin":k,"aria-valuemax":g??x,"aria-orientation":ae,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":H["aria-label"]?`${H["aria-label"]} start`:"Range start"}),(0,mt.jsx)("span",{className:n("k-draghandle",`k-draghandle-${d}`,E(Ca,{hover:v,focus:L,active:T})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?g??x:h,"aria-valuemin":t==="range"?p??k:k,"aria-valuemax":x,"aria-orientation":ae,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?H["aria-label"]?`${H["aria-label"]} end`:"Range end":H["aria-label"]})]})]}),u&&(0,mt.jsx)(c,{className:"k-button-increase",rounded:"full",icon:me,tabIndex:-1,title:"Increase"})]})};q.states=Zp;q.options=Qp;q.className=Ca;q.defaultOptions=rt;q.moduleName=Zr;q.folderName=Ms;q.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").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};var Qr=require("react/jsx-runtime"),Ss="k-tick",jp=[],em={},Is={label:!1},C=e=>{let{style:t,label:o=Is.label,orientation:a,large:r,text:s,...d}=e;return(0,Qr.jsx)("li",{...d,role:"presentation",title:s\|\|"Tick",className:n(e.className,Ss,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&(0,Qr.jsx)("span",{className:"k-label",children:s})})};C.states=jp;C.options=em;C.className=Ss;C.defaultOptions=Is;var fe=require("react/jsx-runtime"),ys=e=>(0,fe.jsx)(q,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)(C,{className:"k-first",label:!0,large:!0,text:"0"}),(0,fe.jsx)(C,{}),(0,fe.jsx)(C,{}),(0,fe.jsx)(C,{}),(0,fe.jsx)(C,{}),(0,fe.jsx)(C,{label:!0,large:!0,text:"5"}),(0,fe.jsx)(C,{}),(0,fe.jsx)(C,{}),(0,fe.jsx)(C,{}),(0,fe.jsx)(C,{}),(0,fe.jsx)(C,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var he=require("react/jsx-runtime"),Ts=e=>(0,he.jsx)(q,{children:(0,he.jsxs)(he.Fragment,{children:[(0,he.jsx)(C,{className:"k-first",label:!0,large:!0,text:"0"}),(0,he.jsx)(C,{}),(0,he.jsx)(C,{}),(0,he.jsx)(C,{}),(0,he.jsx)(C,{}),(0,he.jsx)(C,{label:!0,large:!0,text:"5"}),(0,he.jsx)(C,{}),(0,he.jsx)(C,{}),(0,he.jsx)(C,{}),(0,he.jsx)(C,{}),(0,he.jsx)(C,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var jr=require("react/jsx-runtime");var ei=require("react/jsx-runtime");var Es=require("react/jsx-runtime"),ti=e=>(0,Es.jsx)(q,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Cs=require("react/jsx-runtime"),oi=e=>(0,Cs.jsx)(q,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var ai=require("react/jsx-runtime");var ri=require("react/jsx-runtime");var Ve=require("react/jsx-runtime"),tm=q.options,om=q.states,As={...q.defaultOptions,variant:"horizontal",label:!0},am=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],rm=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Io=e=>{let{variant:t,modifiers:o,...a}={...As,...e},r={};Object.keys(o\|\|{}).forEach(h=>{switch(h){case"button":{r.showButtons=!!(o!=null&&o[h]);break}case"label":{r.label=!!(o!=null&&o[h]);break}case"tick":{r.showTicks=!!(o!=null&&o[h]);break}}});let{label:s=!0,showButtons:d,showTicks:u}=r,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,Ve.jsxs)(Ts,{showTicks:u,showButtons:d,style:{height:"300px",...f},...a,children:[(0,Ve.jsx)(C,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,Ve.jsx)(C,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,Ve.jsx)(C,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,Ve.jsx)(C,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,Ve.jsx)(C,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,Ve.jsxs)(ys,{showTicks:u,showButtons:d,style:{width:"400px",...f},...a,children:[(0,Ve.jsx)(C,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,Ve.jsx)(C,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,Ve.jsx)(C,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,Ve.jsx)(C,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,Ve.jsx)(C,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Io.options=tm;Io.states=om;Io.variants=am;Io.defaultOptions=As;Io.modifiers=rm;Io.className=q.className;var Aa=require("react/jsx-runtime"),Os="k-spin-button",sm=[],lm={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},ii={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},gt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=ii.increaseLabel,decreaseLabel:s=ii.decreaseLabel,...d}=e;return(0,Aa.jsxs)("span",{...d,className:n(Os,e.className),children:[(0,Aa.jsx)(c,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":r}),(0,Aa.jsx)(c,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};gt.states=sm;gt.options=lm;gt.className=Os;gt.defaultOptions=ii;gt.moduleName=null;gt.folderName=null;var ws="numeric-textbox",Rs="numerictextbox";var xe=require("react/jsx-runtime"),Bs="k-numerictextbox",dm=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],cm={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ya={showSpinButton:!0,showClearButton:!0,separators:!0},D=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ya.separators,showClearButton:s=Ya.showClearButton,showSpinButton:d=Ya.showSpinButton,prefix:u,suffix:f,value:h,placeholder:k,hover:x,focus:p,valid:g,invalid:v,required:L,loading:T,disabled:I,readonly:w,id:H,"aria-label":te,"aria-describedby":ae,...me}=e;return(0,xe.jsxs)(U,{...me,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:g,invalid:v,required:L,loading:T,disabled:I,readonly:w,className:n(e.className,Bs),children:[u&&(0,xe.jsxs)(xe.Fragment,{children:[(0,xe.jsx)(Me,{children:u}),r&&(0,xe.jsx)(le,{})]}),(0,xe.jsx)(be,{id:H,placeholder:k,value:h,role:"spinbutton",disabled:I,"aria-label":te,"aria-describedby":ae,"aria-invalid":v?"true":void 0}),(0,xe.jsx)(re,{valid:g,invalid:v,loading:T,disabled:I}),(0,xe.jsx)(se,{loading:T,disabled:I}),s&&(0,xe.jsx)(ue,{loading:T,disabled:I,readonly:w,value:h}),f&&(0,xe.jsxs)(xe.Fragment,{children:[r&&(0,xe.jsx)(le,{}),(0,xe.jsx)(Se,{children:f})]}),d&&(0,xe.jsx)(gt,{className:"k-input-spinner",size:t,fillMode:a,disabled:I})]})};D.states=dm;D.options=cm;D.className=Bs;D.defaultOptions=Ya;D.moduleName=ws;D.folderName=Rs;D.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Oa=D;var Ks=require("react/jsx-runtime"),Ps=e=>(0,Ks.jsx)(Oa,{...e});var Qa=Ln(require("react"));var ni=require("react/jsx-runtime"),pm="k-list-group-sticky-header",si=e=>(0,ni.jsx)("div",{className:n(pm,e.className),children:(0,ni.jsx)("div",{className:"k-list-header-text",children:e.children})});var Ds=require("react/jsx-runtime"),mm="k-no-data",Za=e=>{let{live:t,...o}=e;return(0,Ds.jsx)("span",{...o,className:n(mm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var so="list",yo=so;var To=require("react/jsx-runtime"),li="k-list",um=[],bm={size:[l.undefined,l.small,l.medium,l.large]},fm={},K=e=>{var g;let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:d,noData:u,screenReaders:f,...h}=e,x=Qa.default.Children.toArray(a)[0],p=(g=x==null?void 0:x.props)!=null&&g.children?Qa.default.Children.count(x.props.children):Qa.default.Children.count(a);return(0,To.jsxs)("div",{...h,className:n(e.className,li,y(li,{size:t}),{"k-virtual-list":o}),children:[s,d,r&&(0,To.jsx)(si,{children:r}),a\|\|(u!==void 0?u:(0,To.jsx)(Za,{live:!0,children:"No data found."})),f&&a&&(0,To.jsxs)(Za,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};K.states=um;K.options=bm;K.className=li;K.defaultOptions=fm;K.moduleName=so;K.folderName=yo;K.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var zs=require("react/jsx-runtime"),_s="k-list-container",hm=[],xm={},km={},Eo=e=>{let{...t}=e;return(0,zs.jsx)("div",{...t,className:n(e.className,_s),children:e.children})};Eo.states=hm;Eo.options=xm;Eo.className=_s;Eo.defaultOptions=km;Eo.moduleName=so;Eo.folderName=yo;var lo="checkbox",Co=lo;var di=require("react/jsx-runtime"),ja="k-checkbox",Nm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],vm={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},gm={},Ze=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:d,invalid:u,valid:f,required:h,size:k,rounded:x,wrapperRole:p,...g}=e;return(0,di.jsx)("span",{className:"k-checkbox-wrap",role:p,children:(0,di.jsx)("input",{...g,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:d\|\|void 0,"aria-invalid":u?"true":void 0,className:n(e.className,ja,y(ja,{size:k,rounded:x}),E(ja,{hover:r,focus:s,disabled:d,invalid:u,valid:f,indeterminate:a,checked:o}))})})};Ze.states=Nm;Ze.options=vm;Ze.className=ja;Ze.defaultOptions=gm;Ze.moduleName=lo;Ze.folderName=Co;Ze.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 ut=Ze;var Us=require("react/jsx-runtime"),Hs="k-checkbox-list",Lm=[],Mm={},Fs={layout:"vertical"},_e=e=>{let{layout:t=Fs.layout,...o}=e;return(0,Us.jsx)("ul",{...o,className:n(e.className,Hs,{[`k-list-${t}`]:t}),children:e.children})};_e.states=Lm;_e.options=Mm;_e.className=Hs;_e.defaultOptions=Fs;_e.moduleName=lo;_e.folderName=Co;var Vs=require("react/jsx-runtime"),Gs="k-checkbox-list-item",Sm=[],Im={},ym={},ze=e=>{let{...t}=e;return(0,Vs.jsx)("li",{...t,className:n(e.className,Gs),children:e.children})};ze.states=Sm;ze.options=Im;ze.className=Gs;ze.defaultOptions=ym;ze.moduleName=lo;ze.folderName=Co;var co=require("react/jsx-runtime"),bt=({children:e="Label",id:t="cb-label-after",...o})=>(0,co.jsxs)(co.Fragment,{children:[(0,co.jsx)(ut,{id:t,...o}),(0,co.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var ci=require("react/jsx-runtime");var pi=require("react/jsx-runtime");var mi=require("react/jsx-runtime");var Tm=require("react/jsx-runtime");var Em=require("react/jsx-runtime");var Cm=require("react/jsx-runtime");var ye=require("react/jsx-runtime"),Am=_e.options,Om=_e.states,wm={..._e.defaultOptions,variant:"vertical"},Rm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Bm=[],Ao=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,ye.jsxs)(_e,{layout:"horizontal",...o,children:[(0,ye.jsx)(ze,{children:(0,ye.jsx)(bt,{id:R("cb"),defaultChecked:!0,children:"Label"})}),(0,ye.jsx)(ze,{children:(0,ye.jsx)(bt,{id:R("cb"),children:"Label"})}),(0,ye.jsx)(ze,{children:(0,ye.jsx)(bt,{id:R("cb"),children:"Label"})})]}):(0,ye.jsxs)(_e,{...o,children:[(0,ye.jsx)(ze,{children:(0,ye.jsx)(bt,{id:R("cb"),defaultChecked:!0,children:"Label"})}),(0,ye.jsx)(ze,{children:(0,ye.jsx)(bt,{id:R("cb"),children:"Label"})}),(0,ye.jsx)(ze,{children:(0,ye.jsx)(bt,{id:R("cb"),children:"Label"})})]})};Ao.options=Am;Ao.states=Om;Ao.variants=Rm;Ao.defaultOptions=wm;Ao.modifiers=Bm;Ao.className=_e.className;var $s=require("react/jsx-runtime"),Pm=ut.options,Km=ut.states,Dm=ut.defaultOptions,_m=[],zm=[],Oo=e=>(0,$s.jsx)(bt,{id:R("checkbox"),...e,defaultChecked:!0,children:"Label"});Oo.options=Pm;Oo.states=Km;Oo.variants=_m;Oo.defaultOptions=Dm;Oo.modifiers=zm;Oo.className=ut.className;var Lt=require("react/jsx-runtime"),ui="k-list-item",Hm=[i.hover,i.focus,i.selected,i.disabled],Fm={},Um={},B=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:d,checked:u,hover:f,focus:h,selected:k,disabled:x,actions:p,description:g,id:v,...L}=e,T=t\|\|e.children;return(0,Lt.jsxs)("li",{...L,id:v,role:a?"presentation":"option",tabIndex:a?void 0:h?0:-1,"aria-selected":!a&&k?"true":a?void 0:"false","aria-disabled":!a&&x?"true":void 0,className:n(e.className,a?"k-list-group-item":ui,E(ui,{hover:f,focus:h,disabled:x,selected:k})),children:[d&&(0,Lt.jsx)(Ze,{checked:u}),r&&(0,Lt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Lt.jsx)(M,{icon:r,className:n("k-list-item-icon",s)})}),(0,Lt.jsx)("span",{className:"k-list-item-text",children:T}),p&&(0,Lt.jsx)("div",{className:"k-list-item-actions",children:p}),g&&(0,Lt.jsx)("span",{className:"k-list-item-description",children:g}),o&&o!==""&&(0,Lt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};B.states=Hm;B.options=Fm;B.className=ui;B.defaultOptions=Um;B.moduleName=so;B.folderName=yo;B.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};var Xs=require("react/jsx-runtime"),Gm="k-list-ul",At=e=>{let{children:t,role:o,id:a,...r}=e;return(0,Xs.jsx)("ul",{...r,id:a,role:o,className:n(Gm,e.className),children:t})};At.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 wo=require("react/jsx-runtime"),Vm="k-list-content",G=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...d}=e;return(0,wo.jsxs)("div",{...d,className:n(Vm,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:(0,wo.jsx)(At,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&(0,wo.jsx)("div",{className:"k-height-container",children:(0,wo.jsx)("div",{})})]})};G.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 bi=require("react/jsx-runtime");var Ro=require("react/jsx-runtime"),$m="k-list-group-item",po=e=>{let{groupIconName:t,...o}=e;return(0,Ro.jsxs)("li",{...o,role:"presentation",className:n($m,e.className),children:[t&&(0,Ro.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Ro.jsx)(M,{icon:t,className:"k-list-item-icon"})}),(0,Ro.jsx)("span",{className:"k-list-item-text",children:e.children})]})};po.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};var qs=require("react/jsx-runtime"),fi="k-list-optionlabel",Xm=[i.hover,i.focus,i.selected,i.disabled],qm={},Wm={},er=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return(0,qs.jsx)("div",{...d,className:n(fi,E(fi,{hover:o,focus:a,selected:r,disabled:s})),children:t})};er.states=Xm;er.options=qm;er.className=fi;er.defaultOptions=Wm;var Ws=require("react/jsx-runtime"),hi="k-list-custom-value",Jm=[i.hover,i.focus,i.selected,i.disabled],Ym={},Zm={},Xt=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return(0,Ws.jsx)("div",{...d,className:n(hi,E(hi,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Xt.states=Jm;Xt.options=Ym;Xt.className=hi;Xt.defaultOptions=Zm;var xi=require("react/jsx-runtime");var ki=require("react/jsx-runtime");var Ni=require("react/jsx-runtime");var vi=require("react/jsx-runtime");var Qm=require("react/jsx-runtime");var gi=require("react/jsx-runtime");var Js="dropdown-list",Ys="dropdownlist";var Y=require("react/jsx-runtime"),Zs="k-dropdownlist",jm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],eu={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Li={showValue:!0,arrowIconName:"caret-alt-down"},_=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=Li.arrowIconName,showValue:s=Li.showValue,valueIconName:d,prefix:u,suffix:f,value:h,placeholder:k,hover:x,focus:p,valid:g,invalid:v,required:L,loading:T,disabled:I,readonly:w,popup:H,opened:te,adaptive:ae,adaptiveSettings:me,adaptiveTitle:Ke,adaptiveSubtitle:oo,adaptiveFilter:fr,id:Ht,activeDescendant:_a,"aria-label":hr,...xr}=e,rc=Ht?`${Ht}-listbox`:void 0,vn=Ht?`${Ht}-value`:void 0;return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(kt,{...xr,id:Ht,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:g,invalid:v,required:L,loading:T,disabled:I,readonly:w,className:n(e.className,Zs,{"k-icon-picker":!s&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":te?"true":"false","aria-controls":te?rc:void 0,"aria-activedescendant":te&&_a?_a:void 0,"aria-describedby":te?vn:void 0,"aria-disabled":I?"true":void 0,"aria-label":hr,tabIndex:0,children:[(0,Y.jsx)(Me,{children:u}),(0,Y.jsx)(io,{placeholder:k,value:h,showValue:s,valueIconName:d,id:vn}),(0,Y.jsx)(re,{valid:g,invalid:v,loading:T,disabled:I}),(0,Y.jsx)(se,{loading:T,disabled:I}),(0,Y.jsx)(Se,{children:f}),(0,Y.jsx)(c,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":k\|\|"Toggle dropdown",tabIndex:-1})]}),te&&H&&(0,Y.jsx)(W,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:H}),ae&&(0,Y.jsx)(j,{adaptive:!0,...me,header:(0,Y.jsx)(De,{actionsEnd:(0,Y.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:fr,inputValue:h,inputPlaceholder:k,title:Ke,subtitle:oo}),children:(0,Y.jsx)("div",{className:"k-list-container",children:(0,Y.jsx)(K,{size:"large",children:(0,Y.jsxs)(G,{"aria-label":"Options",children:[(0,Y.jsx)(B,{text:"List item"}),(0,Y.jsx)(B,{text:"List item"}),(0,Y.jsx)(B,{text:"List item"})]})})})})]})};_.states=jm;_.options=eu;_.className=Zs;_.defaultOptions=Li;_.moduleName=Js;_.folderName=Ys;_.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};var tu=require("react/jsx-runtime");var Qs=require("react/jsx-runtime");var Mi=require("react/jsx-runtime");var ou=require("react/jsx-runtime");var js=require("react/jsx-runtime");var Si=require("react/jsx-runtime");var au=require("react/jsx-runtime");var $e=require("react/jsx-runtime"),ru=_.states,iu=_.defaultOptions,nu=_.options,su=[{name:"opened",title:"Opened"}],lu=[],Po=e=>{let{modifiers:t,...o}=e,a={},r=(0,$e.jsxs)($e.Fragment,{children:[(0,$e.jsx)("div",{className:"k-list-filter",children:(0,$e.jsx)(ot,{})}),(0,$e.jsx)(K,{style:{width:300},size:o.size,children:(0,$e.jsxs)(G,{children:[(0,$e.jsx)(B,{children:"List item"}),(0,$e.jsx)(B,{children:"List item"}),(0,$e.jsx)(B,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?r:void 0)}),(0,$e.jsx)("div",{children:(0,$e.jsx)(_,{placeholder:"Value",style:{width:300},...o,...a})})};Po.options=nu;Po.states=ru;Po.variants=lu;Po.defaultOptions=iu;Po.modifiers=su;Po.className=_.className;var el=require("react/jsx-runtime");var tl=require("react/jsx-runtime");var du=require("react/jsx-runtime");var tr=require("react/jsx-runtime"),cu=D.states,pu=D.defaultOptions,mu=D.options,uu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],bu=[],Ko=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t!=null&&t[r]?(0,tr.jsx)(_,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,tr.jsx)(Kr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[r];break;case"spin-button":a.showSpinButton=t==null?void 0:t[r];break;default:break}}),(0,tr.jsx)(Ps,{value:"Value",style:{width:300},...o,...a})};Ko.options=mu;Ko.states=cu;Ko.variants=bu;Ko.defaultOptions=pu;Ko.modifiers=uu;Ko.className=D.className;var S=require("react/jsx-runtime"),ol="k-colorgradient-inputs",fu=[],hu={size:[l.undefined,l.small,l.medium,l.large]},al={mode:"rgba"},Do=e=>{let{mode:t=al.mode,size:o,...a}=e;return(0,S.jsxs)("div",{...a,className:n(ol,"k-hstack"),children:[(0,S.jsx)("div",{className:"k-vstack",children:(0,S.jsx)(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,S.jsx)(S.Fragment,{children:(0,S.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,S.jsx)(F,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Do.states=fu;Do.options=hu;Do.className=ol;Do.defaultOptions=al;var Te=require("react/jsx-runtime"),rl="k-colorgradient-color-contrast",xu=[],ku={},Nu={},_o=()=>(0,Te.jsxs)("div",{className:n(rl,"k-vbox"),children:[(0,Te.jsxs)("div",{className:"k-contrast-ratio",children:[(0,Te.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,Te.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,Te.jsx)(M,{icon:"check"}),(0,Te.jsx)(M,{icon:"check"})]})]}),(0,Te.jsxs)("div",{children:[(0,Te.jsx)("span",{children:"AA: 4.5"}),(0,Te.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,Te.jsx)(M,{icon:"check"})]})]}),(0,Te.jsxs)("div",{children:[(0,Te.jsx)("span",{children:"AAA: 7.0"}),(0,Te.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,Te.jsx)(M,{icon:"x"})]})]})]});_o.states=xu;_o.options=ku;_o.className=rl;_o.defaultOptions=Nu;var il="color-gradient",nl="colorgradient";var ie=require("react/jsx-runtime"),or="k-colorgradient",vu=[i.hover,i.focus,i.readonly,i.disabled],gu={size:[l.undefined,l.small,l.medium,l.large]},Mt={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"},ce=e=>{let{size:t,mode:o=Mt.mode,readonly:a=Mt.readonly,disabled:r=Mt.disabled,gradientStyle:s=Mt.gradientStyle,dragHandleStyle:d=Mt.dragHandleStyle,alphaStyle:u=Mt.alphaStyle,alphaStyleHorizontal:f=Mt.alphaStyleHorizontal,contrast:h=Mt.contrast,dir:k,hover:x,focus:p,hoverHandle:g,focusHandle:v,canvasOrientation:L=Mt.canvasOrientation,role:T,tabIndex:I,...w}=e;return(0,ie.jsxs)("div",{...w,role:T??"textbox","aria-label":T==="none"?void 0:"Color gradient",tabIndex:I??0,"aria-disabled":r?"true":void 0,className:n(e.className,or,y(or,{size:t}),E(or,{hover:x,focus:p,readonly:a,disabled:r})),dir:k,children:[!L\|\|L==="horizontal"&&(0,ie.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,ie.jsx)("div",{className:"k-hsv-rectangle",style:s,children:(0,ie.jsx)("div",{className:"k-hsv-gradient",children:(0,ie.jsx)("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":g,"k-focus":v}),style:d,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,ie.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,ie.jsx)(oi,{className:"k-hue-slider",hover:g,focus:v}),o!=="rgb"&&o!=="hsv"&&(0,ie.jsx)(oi,{className:"k-alpha-slider",hover:g,focus:v,trackStyle:u})]})]}),L==="vertical"&&(0,ie.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,ie.jsx)("div",{className:"k-hsv-rectangle",style:s,children:(0,ie.jsx)("div",{className:"k-hsv-gradient",children:(0,ie.jsx)("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":g,"k-focus":v}),style:d,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,ie.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,ie.jsx)(ti,{className:"k-hue-slider",hover:g,focus:v}),o!=="rgb"&&o!=="hsv"&&(0,ie.jsx)(ti,{className:"k-alpha-slider",hover:g,focus:v,trackStyle:f})]})]}),(0,ie.jsx)(Do,{mode:e.mode,size:t}),h&&(0,ie.jsx)(_o,{})]})};ce.states=vu;ce.options=gu;ce.className=or;ce.defaultOptions=Mt;ce.moduleName=il;ce.folderName=nl;ce.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 sl=require("react/jsx-runtime"),ar=e=>(0,sl.jsx)(ce,{...e});var Lu=require("react/jsx-runtime");var Mu=require("react/jsx-runtime");var rr=require("react/jsx-runtime"),Su=ce.options,Iu=ce.states,yu={...ce.defaultOptions,variant:"rgba"},Tu=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Eu=[],zo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,rr.jsx)(ar,{...o,mode:t});case"rgb":return(0,rr.jsx)(ar,{...o,mode:t});default:return(0,rr.jsx)(ar,{...o,mode:t})}};zo.options=Su;zo.states=Iu;zo.variants=Tu;zo.defaultOptions=yu;zo.modifiers=Eu;zo.className=ce.className;var ll=require("react/jsx-runtime"),Ii=e=>(0,ll.jsx)("tr",{role:"row",children:e.children});var dl=require("react/jsx-runtime"),yi="k-colorpalette-tile",Cu=[i.hover,i.focus,i.selected],Au={},Ho=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:s,...d}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,dl.jsx)("td",{...d,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:n(e.className,yi,E(yi,{hover:a,focus:r,selected:s})),style:u})};Ho.states=Cu;Ho.options=Au;Ho.className=yi;var cl="color-palette",pl="colorpalette";var Fo=require("react/jsx-runtime"),ir="k-colorpalette",Ou=[i.disabled],wu={size:[l.undefined,l.small,l.medium,l.large]},ml={columns:10},He=e=>{let{size:t,palette:o,columns:a=ml.columns,tileSize:r,disabled:s,...d}=e,u=[];if(o){let f=a\|\|o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/f)},(k,x)=>{let p=[];h.slice(xf,(x+1)f).map((v,L)=>{p.push((0,Fo.jsx)(Ho,{color:v,tileSize:r},L))});let g=(0,Fo.jsx)(Ii,{children:p},x);u.push(g)})}return(0,Fo.jsx)("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:n(e.className,ir,E(ir,{disabled:s}),y(ir,{size:t})),children:(0,Fo.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,Fo.jsx)("tbody",{children:u.length>0?u:e.children})})})};He.states=Ou;He.options=wu;He.className=ir;He.defaultOptions=ml;He.moduleName=cl;He.folderName=pl;He.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 nr=He;var wa={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 bl=require("react/jsx-runtime"),ul=e=>(0,bl.jsx)(nr,{palette:wa.basic,...e});var Ru=require("react/jsx-runtime");var fl=require("react/jsx-runtime");var hl=require("react/jsx-runtime"),Bu=He.options,Pu=He.states,Ku={...He.defaultOptions,variant:"basic"},Du=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],_u={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}},zu=[],Uo=e=>{let{variant:t="basic",...o}=e,a=_u[t];return(0,hl.jsx)(ul,{columns:a.columns,palette:a,...o})};Uo.options=Bu;Uo.states=Pu;Uo.variants=Du;Uo.defaultOptions=Ku;Uo.modifiers=zu;Uo.className=He.className;var xl="color-editor",kl="coloreditor";var oe=require("react/jsx-runtime"),sr="k-coloreditor",Hu=[i.focus],Fu={size:[l.undefined,l.small,l.medium,l.large]},Ra={view:"gradient",palette:wa.office,actionButtons:!0,canvasOrientation:"horizontal"},ee=e=>{let{size:t,view:o=Ra.view,palette:a=Ra.palette,color:r,currentColor:s,focus:d,focusView:u,dir:f,group:h,actionButtons:k=Ra.actionButtons,canvasOrientation:x=Ra.canvasOrientation,...p}=e;return(0,oe.jsxs)("div",{...p,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",sr,y(sr,{size:t}),E(sr,{focus:d})),dir:f,children:[(0,oe.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,oe.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&(0,oe.jsxs)(O,{fillMode:"flat",children:[(0,oe.jsx)(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,oe.jsx)(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,oe.jsx)("div",{className:"k-spacer"}),(0,oe.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,oe.jsx)(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,oe.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,oe.jsx)(Ft,{className:"k-coloreditor-preview-color",color:r}),(0,oe.jsx)(Ft,{className:"k-coloreditor-current-color",color:s})]})]})]}),(0,oe.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,oe.jsx)(ce,{focus:u,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):(0,oe.jsx)(He,{palette:a,size:t})}),k&&(0,oe.jsxs)(vt,{className:"k-coloreditor-footer",alignment:"start",children:[(0,oe.jsx)(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,oe.jsx)(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ee.states=Hu;ee.options=Fu;ee.className=sr;ee.defaultOptions=Ra;ee.moduleName=xl;ee.folderName=kl;ee.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 Go=ee;var Uu=require("react/jsx-runtime");var Gu=require("react/jsx-runtime");var vl=require("react/jsx-runtime"),Nl=e=>(0,vl.jsx)(Go,{group:!0,currentColor:"fuchsia",...e});var Ll=require("react/jsx-runtime"),gl=e=>(0,Ll.jsx)(Go,{view:"palette",group:!0,currentColor:"fuchsia",...e});var Ti=require("react/jsx-runtime"),Vu=ee.options,$u=ee.states,Xu={...ee.defaultOptions,variant:"gradient"},qu=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Wu=[],Vo=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Ti.jsx)(gl,{...o,color:"white"}):(0,Ti.jsx)(Nl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Vo.options=Vu;Vo.states=$u;Vo.variants=qu;Vo.defaultOptions=Xu;Vo.modifiers=Wu;Vo.className=ee.className;var Ml="color-picker",Sl="colorpicker";var ne=require("react/jsx-runtime"),Il="k-colorpicker",Ju=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Yu={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},yl={arrowIconName:"caret-alt-down"},Qe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=yl.arrowIconName,prefix:s,suffix:d,value:u,placeholder:f,hover:h,focus:k,valid:x,invalid:p,required:g,disabled:v,valueIconName:L,popup:T,opened:I,adaptive:w,adaptiveSettings:H,adaptiveTitle:te,adaptiveSubtitle:ae,...me}=e,Ke="colorpicker-popup";return(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsxs)(kt,{...me,size:t,rounded:o,fillMode:a,hover:h,focus:k,valid:x,invalid:p,required:g,disabled:v,role:"combobox","aria-haspopup":"dialog","aria-expanded":I?"true":"false","aria-controls":I\|\|w?Ke:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":v?"true":void 0,className:n(e.className,Il,"k-icon-picker"),children:[(0,ne.jsx)(Me,{children:s}),(0,ne.jsx)(io,{placeholder:f,value:u,showValue:!1,valueIcon:(0,ne.jsx)(Ft,{className:"k-value-icon",color:u,iconName:L}),valueIconName:L}),(0,ne.jsx)(Se,{children:d}),(0,ne.jsx)(c,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:v})]}),I&&T&&(0,ne.jsx)(W,{id:Ke,className:"k-colorpicker-popup",children:T}),w&&(0,ne.jsx)(j,{adaptive:!0,id:Ke,...H,header:(0,ne.jsx)(De,{actionsEnd:(0,ne.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:te,subtitle:ae}),footer:(0,ne.jsxs)(Ut,{children:[(0,ne.jsx)(c,{text:"Cancel",size:"large"}),(0,ne.jsx)(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,ne.jsx)(ee,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Qe.states=Ju;Qe.options=Yu;Qe.className=Il;Qe.defaultOptions=yl;Qe.moduleName=Ml;Qe.folderName=Sl;Qe.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 Ot=Qe;var Tl=require("react/jsx-runtime"),lr=e=>(0,Tl.jsx)(Ot,{...e});var Zu=require("react/jsx-runtime");var Qu=require("react/jsx-runtime");var ju=require("react/jsx-runtime");var eb=require("react/jsx-runtime");var tb=require("react/jsx-runtime");var ob=require("react/jsx-runtime");var qt=require("react/jsx-runtime"),ab=Ot.options,rb=Ot.states,El={...Ot.defaultOptions,variant:"color"},ib=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],nb=[{name:"opened",title:"Opened"}],$o=e=>{let{variant:t,modifiers:o,...a}={...El,...e},r={};Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(r.opened=!!(o!=null&&o[d]),r.popup=o!=null&&o[d]?(0,qt.jsx)(ee,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,qt.jsx)("div",{style:s,children:(0,qt.jsx)(lr,{...a,...r})});case"icon":return(0,qt.jsx)("div",{style:s,children:(0,qt.jsx)(lr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return(0,qt.jsx)("div",{style:s,children:(0,qt.jsx)(lr,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};$o.options=ab;$o.states=rb;$o.variants=ib;$o.defaultOptions=El;$o.modifiers=nb;$o.className=Ot.className;var Ei="combobox",Cl=Ei;var z=require("react/jsx-runtime"),Al="k-combobox",sb=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],lb={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ol={separators:!0},Ee=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ol.separators,prefix:s,suffix:d,value:u,placeholder:f,hover:h,focus:k,valid:x,invalid:p,required:g,loading:v,disabled:L,popup:T,opened:I,readonly:w,adaptive:H,adaptiveSettings:te,adaptiveTitle:ae,adaptiveSubtitle:me,adaptiveCustomValue:Ke,id:oo,autocomplete:fr,activeDescendant:Ht,"aria-label":_a,...hr}=e,xr=oo?`${oo}-listbox`:void 0;return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsxs)(U,{...hr,size:t,rounded:o,fillMode:a,hover:h,focus:k,valid:x,invalid:p,required:g,loading:v,disabled:L,readonly:w,className:n(e.className,Al),children:[s&&(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(Me,{children:s}),r&&(0,z.jsx)(le,{})]}),(0,z.jsx)(be,{id:oo,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":I?"true":"false","aria-controls":I?xr:void 0,"aria-activedescendant":I&&Ht?Ht:void 0,"aria-autocomplete":fr,"aria-invalid":p?"true":void 0,"aria-busy":v?"true":void 0,"aria-label":_a,disabled:L,readOnly:w}),(0,z.jsx)(re,{valid:x,invalid:p,loading:v,disabled:L}),(0,z.jsx)(se,{loading:v,disabled:L}),(0,z.jsx)(ue,{loading:v,disabled:L,readonly:w,value:u}),d&&(0,z.jsxs)(z.Fragment,{children:[r&&(0,z.jsx)(le,{}),(0,z.jsx)(Se,{children:d})]}),(0,z.jsx)(c,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:L})]}),I&&T&&(0,z.jsx)(W,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:T}),H&&(0,z.jsx)(j,{adaptive:!0,id:oo?`${oo}-adaptive`:void 0,...te,header:(0,z.jsx)(De,{actionsEnd:(0,z.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:ae,subtitle:me}),children:(0,z.jsx)("div",{className:"k-list-container",children:(0,z.jsx)(K,{customValue:Ke?(0,z.jsx)(Xt,{text:`Use "${u}"`}):void 0,size:"large",children:(0,z.jsxs)(G,{"aria-label":ae\|\|"Options",children:[(0,z.jsx)(B,{text:"List item"}),(0,z.jsx)(B,{text:"List item"}),(0,z.jsx)(B,{text:"List item"})]})})})})]})};Ee.states=sb;Ee.options=lb;Ee.className=Al;Ee.defaultOptions=Ol;Ee.moduleName=Ei;Ee.folderName=Cl;Ee.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-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{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 je=Ee;var Rl=require("react/jsx-runtime"),wl=e=>(0,Rl.jsx)(je,{...e});var Bl=require("react/jsx-runtime");var Pl=require("react/jsx-runtime");var Kl=require("react/jsx-runtime");var Dl=require("react/jsx-runtime");var _l=require("react/jsx-runtime");var zl=require("react/jsx-runtime");var Ci=require("react/jsx-runtime");var db=require("react/jsx-runtime");var cb=require("react/jsx-runtime");var Hl=require("react/jsx-runtime");var Fl=require("react/jsx-runtime");var ft=require("react/jsx-runtime"),pb=Ee.states,mb=Ee.defaultOptions,ub=Ee.options,bb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],fb=[],Xo=e=>{let{modifiers:t,...o}=e,a={},r=(0,ft.jsx)(K,{style:{width:300},size:o.size,children:(0,ft.jsxs)(G,{children:[(0,ft.jsx)(B,{children:"List item"}),(0,ft.jsx)(B,{children:"List item"}),(0,ft.jsx)(B,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t!=null&&t[s]?(0,ft.jsx)(M,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[s]?(0,ft.jsx)(Ct,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?r:void 0;break;default:break}}),(0,ft.jsx)("div",{children:(0,ft.jsx)(wl,{value:"Value",style:{width:300},...o,...a})})};Xo.options=ub;Xo.states=pb;Xo.variants=fb;Xo.defaultOptions=mb;Xo.modifiers=bb;Xo.className=Ee.className;var Ai="menu-button",Ul=Ai;var Vl=require("react/jsx-runtime"),Gl="k-menu-button",hb=[i.hover,i.focus,i.active,i.selected,i.disabled],xb={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},Oi={showArrow:!0,arrowIconName:"caret-alt-down"},V=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,icon:k,text:x,showArrow:p=Oi.showArrow,arrowIconName:g=Oi.arrowIconName,expanded:v,...L}=e;return(0,Vl.jsx)(c,{...L,className:n(e.className,Gl),text:x,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,icon:k,showArrow:p,arrowIconName:g,"aria-expanded":v?"true":"false",...!x&&k&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};V.states=hb;V.options=xb;V.className=Gl;V.defaultOptions=Oi;V.moduleName=Ai;V.folderName=Ul;V.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 kb=require("react/jsx-runtime");var Nb=require("react/jsx-runtime");var vb=require("react/jsx-runtime");var et="menu",it=et;var wt=require("react/jsx-runtime"),wi="k-menu-item",gb=[i.hover,i.focus,i.active,i.selected,i.disabled],Lb={},$l={iconPosition:"before"},Ce=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:d,text:u,first:f,last:h,showArrow:k,arrowIconName:x,iconPosition:p=$l.iconPosition,dir:g,children:v,expanded:L,...T}=e,I=x;return I\|\|(I=g==="rtl"?"caret-alt-left":"caret-alt-right"),(0,wt.jsxs)("li",{...T,className:n(e.className,wi,"k-item",E(wi,{focus:o,disabled:s,hover:t,active:a,selected:r}),{"k-first":f,"k-last":h}),role:"menuitem",...k&&{"aria-haspopup":"menu"},...k&&{"aria-expanded":L?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,wt.jsxs)("span",{className:n("k-link k-menu-link"),children:[d&&p==="before"&&(0,wt.jsx)(M,{className:"k-menu-link-icon",icon:d}),(0,wt.jsx)("span",{className:"k-menu-link-text",children:u}),d&&p==="after"&&(0,wt.jsx)(M,{className:"k-menu-link-icon",icon:d}),k&&(0,wt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,wt.jsx)(M,{icon:I})})]}),v]})};Ce.states=gb;Ce.options=Lb;Ce.className=wi;Ce.defaultOptions=$l;Ce.moduleName=et;Ce.folderName=it;var Rt=require("react/jsx-runtime"),Ri="k-menu-item",Mb=[i.hover,i.focus,i.active,i.selected,i.disabled],Sb={},Bi={dir:"ltr",iconPosition:"before"},Z=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:d,text:u,first:f,last:h,showArrow:k,arrowIconName:x,iconPosition:p=Bi.iconPosition,dir:g=Bi.dir,children:v,popup:L,expanded:T,...I}=e,w=x;return w\|\|(w=g==="rtl"?"caret-alt-left":"caret-alt-right"),(0,Rt.jsxs)("li",{...I,className:n(e.className,Ri,"k-item",E(Ri,{focus:o,disabled:s}),{"k-first":f,"k-last":h}),role:"menuitem",...k&&{"aria-haspopup":"menu"},...k&&{"aria-expanded":T?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Rt.jsxs)("span",{className:n("k-link k-menu-link",E("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[d&&p==="before"&&(0,Rt.jsx)(M,{className:"k-menu-link-icon",icon:d}),(0,Rt.jsx)("span",{className:"k-menu-link-text",children:u}),d&&p==="after"&&(0,Rt.jsx)(M,{className:"k-menu-link-icon",icon:d}),k&&(0,Rt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Rt.jsx)(M,{icon:w})})]}),v,L]})};Z.states=Mb;Z.options=Sb;Z.className=Ri;Z.defaultOptions=Bi;Z.moduleName=et;Z.folderName=it;var Wl=require("react/jsx-runtime"),Xl="k-menu-scroll-wrapper",Ib=[],yb={},Tb={},mo=e=>{let{className:t,children:o,orientation:a,...r}=e;return(0,Wl.jsx)("div",{...r,className:n(t,Xl,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};mo.states=Ib;mo.options=yb;mo.className=Xl;mo.defaultOptions=Tb;mo.moduleName=et;mo.folderName=it;var ql=mo;var ke=require("react/jsx-runtime"),Pi="k-menu",Eb=[],Cb={},cr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},pe=e=>{let{children:t,orientation:o=cr.orientation,header:a=cr.header,scrollable:r,scrollButtonsPosition:s=cr.scrollButtonsPosition,wrapperStyles:d,dir:u,popup:f,contextMenu:h,...k}=e,x={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},p=(0,ke.jsx)("ul",{dir:u,...k,className:n(e.className,"k-reset",Pi,{[`${Pi}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,ke.jsxs)(ke.Fragment,{children:[r?(0,ke.jsxs)(ql,{orientation:o,style:d,dir:e.dir,children:[s==="start"&&(0,ke.jsxs)(ke.Fragment,{children:[(0,ke.jsx)(c,{fillMode:"flat",icon:`caret-alt-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,ke.jsx)(c,{fillMode:"flat",icon:`caret-alt-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&(0,ke.jsx)(c,{fillMode:"flat",icon:`caret-alt-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),p,s==="end"&&(0,ke.jsxs)(ke.Fragment,{children:[(0,ke.jsx)(c,{fillMode:"flat",icon:`caret-alt-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,ke.jsx)(c,{fillMode:"flat",icon:`caret-alt-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&(0,ke.jsx)(c,{fillMode:"flat",icon:`caret-alt-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):p,f]})};pe.states=Eb;pe.options=Cb;pe.className=Pi;pe.defaultOptions=cr;pe.moduleName=et;pe.folderName=it;pe.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",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",attribute:"aria-controls=ul.k-menu-group id (when present)",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 Yl=require("react/jsx-runtime"),Ki="k-separator",Jl={orientation:"horizontal"},qo=e=>{let{orientation:t=Jl.orientation,...o}=e;return(0,Yl.jsx)("li",{...o,className:n(e.className,"k-item",Ki,{[`${Ki}-${t}`]:t}),role:"separator"})};qo.className=Ki;qo.defaultOptions=Jl;qo.moduleName=et;qo.folderName=it;var Zl=require("react/jsx-runtime");var Ql=require("react/jsx-runtime"),Di="k-menu-group",Ab=[],Ob={size:[l.undefined,l.small,l.medium,l.large]},wb={},Ae=e=>{let{children:t,size:o,...a}=e;return(0,Ql.jsx)("ul",{...a,className:n(e.className,Di,y(Di,{size:o})),role:"menu",children:t})};Ae.states=Ab;Ae.options=Ob;Ae.className=Di;Ae.defaultOptions=wb;Ae.moduleName=et;Ae.folderName=it;var ht=require("react/jsx-runtime"),_i=e=>(0,ht.jsx)(pe,{children:(0,ht.jsxs)(ht.Fragment,{children:[(0,ht.jsx)(Ce,{first:!0,text:"Item 1"}),(0,ht.jsx)(Ce,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,ht.jsx)(Ce,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,ht.jsx)(Ce,{text:"Item 4"}),(0,ht.jsx)(Ce,{last:!0,text:"Item 5"})]}),...e});var zi=require("react/jsx-runtime");var Hi=require("react/jsx-runtime");var Fi=require("react/jsx-runtime");var Ui=require("react/jsx-runtime");var St=require("react/jsx-runtime"),Rb=pe.options,Bb=pe.states,jl={...pe.defaultOptions,variant:"horizontal"},Pb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Kb=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...jl,...e},r={};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"scrollable":r.scrollable=!!(o!=null&&o[s]);break;case"opened":r.opened=!!(o!=null&&o[s]),r.popup=(0,St.jsx)(W,{className:"k-menu-popup",children:(0,St.jsxs)(Ae,{children:[(0,St.jsx)(Z,{text:"Item 1"}),(0,St.jsx)(Z,{text:"Item 2"}),(0,St.jsx)(qo,{}),(0,St.jsx)(Z,{text:"Item 3"})]})});break}}),t==="vertical"?(0,St.jsx)(_i,{...a,...r,orientation:"vertical",style:{width:"200px"}}):(0,St.jsx)(_i,{...a,...r})};Wo.options=Rb;Wo.states=Bb;Wo.variants=Pb;Wo.defaultOptions=jl;Wo.modifiers=Kb;Wo.className=pe.className;var Gi=require("react/jsx-runtime");var Db=require("react/jsx-runtime");var Oe=require("react/jsx-runtime"),_b=c.states,ed={...c.defaultOptions,variant:"text"},zb=c.options,Hb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Fb=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}={...ed,...e},r={},s=(0,Oe.jsx)(W,{className:"k-menu-popup",children:(0,Oe.jsxs)(Ae,{size:a.size,children:[(0,Oe.jsx)(Z,{first:!0,text:"Menu Item"}),(0,Oe.jsx)(Z,{text:"Menu Item"}),(0,Oe.jsx)(Z,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=(0,Oe.jsx)("div",{children:(0,Oe.jsx)(V,{...a,...r,icon:"star"})});break;case"icon-and-text":d=(0,Oe.jsx)("div",{children:(0,Oe.jsx)(V,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:d=(0,Oe.jsx)("div",{children:(0,Oe.jsx)(V,{...a,...r,children:"Dropdown Button"})});break}return(0,Oe.jsxs)(Oe.Fragment,{children:[d,(o==null?void 0:o.opened)&&s]})};Jo.options=zb;Jo.states=_b;Jo.variants=Hb;Jo.defaultOptions=ed;Jo.modifiers=Fb;Jo.className=V.className;var Vi="split-button",td=Vi;var Bt=require("react/jsx-runtime"),$i="k-split-button",Ub=[i.hover,i.focus,i.active,i.selected,i.disabled],Gb={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},od={arrowIconName:"caret-alt-down"},P=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,icon:k,text:x,arrowIconName:p=od.arrowIconName,popup:g,opened:v,popupId:L,...T}=e;return(0,Bt.jsxs)(Bt.Fragment,{children:[(0,Bt.jsxs)("div",{...T,className:n(e.className,$i,"k-button-group",y($i,{rounded:o})),children:[(0,Bt.jsx)(c,{text:x,icon:k,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,...!x&&!e.children&&k&&{"aria-label":"Action"},children:e.children}),(0,Bt.jsx)(c,{className:"k-split-button-arrow",icon:p,size:t,rounded:o,fillMode:a,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":v?"true":"false","aria-controls":v?L:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),v&&g&&(0,Bt.jsx)(W,{className:"k-menu-popup",children:g})]})};P.states=Ub;P.options=Gb;P.className=$i;P.defaultOptions=od;P.moduleName=Vi;P.folderName=td;P.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 Xi=P;var ad=require("react/jsx-runtime"),Vb="k-toolbar-separator",we=e=>(0,ad.jsx)("div",{className:n(Vb,e.className,"k-separator")});var Pt="toolbar",Wt=Pt;var A=require("react/jsx-runtime"),Kt="k-toolbar",$b=[i.focus],Xb={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},qb={scrollButtons:"around"},$=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:d,scrollingPosition:u,section:f,...h}=e,k=[],x=(p,g)=>{let v=[];if(p.type===c&&p.props.className&&p.props.className.includes("k-toolbar-overflow-button"))v.push((0,A.jsx)(c,{...p.props,className:`${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===c)v.push((0,A.jsx)(c,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===ha)v.push((0,A.jsx)(ha,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===Ct)v.push((0,A.jsx)(Ct,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===V)v.push((0,A.jsx)(V,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===Xi)v.push((0,A.jsx)(Xi,{...p.props,className:`k-toolbar-split-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===O\|\|p.props.className&&p.props.className.includes("k-button-group")){let L=[];(Array.isArray(p.props.children)?p.props.children:[p.props.children]).forEach((I,w)=>{L.push((0,A.jsx)(c,{...I.props,className:`${I.props.className?I.props.className:""}`},`${w}-${new Date().getTime()}`))}),v.push((0,A.jsx)(O,{...p.props,className:`k-toolbar-button-group ${p.props.className?p.props.className:""}`,children:L},`${g}-${new Date().getTime()}`))}else p.type===Ee?v.push((0,A.jsx)(Ee,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===_?v.push((0,A.jsx)(_,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===Qe?v.push((0,A.jsx)(Qe,{...p.props,className:`k-toolbar-colorpicker ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):v.push(p);v.forEach(L=>{k.push(L)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((g,v)=>{x(g,v)}),(0,A.jsxs)("div",{...h,className:n(e.className,Kt,y(Kt,{size:t,fillMode:o}),E(Kt,{focus:a}),{[`${Kt}-resizable`]:r,[`${Kt}-scrollable`]:s,[`${Kt}-scrollable-overlay`]:s&&d==="hidden",[`${Kt}-scrollable-${u}`]:u&&u!=="both",[`${Kt}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&k,s&&d==="hidden"&&(0,A.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),s&&d==="start"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)(O,{children:[(0,A.jsx)("span",{className:n("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,A.jsx)(M,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,A.jsx)("span",{className:n("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,A.jsx)(M,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,A.jsx)(we,{className:"k-toolbar-button-separator"}),(0,A.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k})]}),s&&d==="end"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),(0,A.jsx)(we,{className:"k-toolbar-button-separator"}),(0,A.jsxs)(O,{children:[(0,A.jsx)("span",{className:n("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,A.jsx)(M,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,A.jsx)("span",{className:n("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,A.jsx)(M,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(d==="around"\|\|!d)&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("span",{className:n("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,A.jsx)(M,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,A.jsx)(we,{className:"k-toolbar-button-separator"}),(0,A.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),(0,A.jsx)(we,{className:"k-toolbar-button-separator"}),(0,A.jsx)("span",{className:n("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,A.jsx)(M,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};$.states=$b;$.options=Xb;$.className=Kt;$.defaultOptions=qb;$.moduleName=Pt;$.folderName=Wt;$.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"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",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",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",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"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",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",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};var id=require("react/jsx-runtime"),rd="k-floating-toolbar",Wb=[],Jb={},Yb={},Yo=e=>{let{...t}=e;return(0,id.jsx)("div",{...t,className:n(e.className,rd),children:e.children})};Yo.states=Wb;Yo.options=Jb;Yo.className=rd;Yo.defaultOptions=Yb;Yo.moduleName=Pt;Yo.folderName=Wt;var nd=require("react/jsx-runtime"),qi="k-toolbar-item",Zb=[i.focus],Qb={},jb={},It=e=>{let{focus:t,...o}=e;return(0,nd.jsx)("div",{...o,className:n(e.className,qi,E(qi,{focus:t})),children:e.children})};It.states=Zb;It.options=Qb;It.className=qi;It.defaultOptions=jb;It.moduleName=Pt;It.folderName=Wt;var Wi=require("react/jsx-runtime"),sd="k-toolbar-popup",ef=[],tf={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},of={},uo=e=>{let{size:t,fillMode:o,section:a,...r}=e;return(0,Wi.jsx)(W,{...r,className:n(e.className,sd),children:a?(0,Wi.jsx)("span",{className:n("k-toolbar-items-list",y("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};uo.states=ef;uo.options=tf;uo.className=sd;uo.defaultOptions=of;uo.moduleName=Pt;uo.folderName=Wt;var pr=uo;var af=require("react/jsx-runtime");var rf=require("react/jsx-runtime");var nf=require("react/jsx-runtime");var ld=require("react/jsx-runtime");var sf=require("react/jsx-runtime");var nt=require("react/jsx-runtime"),lf=P.states,dd={...P.defaultOptions,variant:"text"},df=P.options,cf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],pf=[{name:"opened",title:"Opened"}],Zo=e=>{let{variant:t,modifiers:o,...a}={...dd,...e},r={},s=(0,nt.jsxs)(Ae,{size:a.size,children:[(0,nt.jsx)(Z,{first:!0,text:"Menu Item"}),(0,nt.jsx)(Z,{text:"Menu Item"}),(0,nt.jsx)(Z,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(r.opened=!!(o!=null&&o[d]),r.popup=o!=null&&o[d]?s:"")}),t){case"icon-only":return(0,nt.jsx)("div",{children:(0,nt.jsx)(P,{...a,...r,icon:"star"})});case"icon-and-text":return(0,nt.jsx)("div",{children:(0,nt.jsx)(P,{...a,...r,icon:"star",children:"Split Button"})});default:return(0,nt.jsx)("div",{children:(0,nt.jsx)(P,{...a,...r,children:"Split Button"})})}};Zo.options=df;Zo.states=lf;Zo.variants=cf;Zo.defaultOptions=dd;Zo.modifiers=pf;Zo.className=P.className;var yt=require("react/jsx-runtime"),cd=e=>(0,yt.jsx)($,{children:[(0,yt.jsx)(c,{children:"Button"},"toolbar-button"),(0,yt.jsx)(V,{text:"Menu button"},"toolbar-menu-button"),(0,yt.jsx)(P,{children:"Split button"},"toolbar-split-button"),(0,yt.jsxs)(O,{children:[(0,yt.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,yt.jsx)(c,{icon:"align-center",children:"Center"}),(0,yt.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var pd=require("react/jsx-runtime");var Ne=require("react/jsx-runtime"),md=e=>(0,Ne.jsx)($,{scrollable:!0,...e,children:[(0,Ne.jsx)(c,{children:"Button"},"toolbar-button"),(0,Ne.jsx)(V,{text:"Menu button"},"toolbar-menu-button"),(0,Ne.jsx)(P,{children:"Split button"},"toolbar-split-button"),(0,Ne.jsxs)(O,{children:[(0,Ne.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ne.jsx)(c,{icon:"align-center",children:"Center"}),(0,Ne.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Ne.jsx)(c,{children:"Button"},"toolbar-button"),(0,Ne.jsx)(V,{text:"Menu button"},"toolbar-menu-button"),(0,Ne.jsx)(P,{children:"Split button"},"toolbar-split-button"),(0,Ne.jsxs)(O,{children:[(0,Ne.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ne.jsx)(c,{icon:"align-center",children:"Center"}),(0,Ne.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var ve=require("react/jsx-runtime"),ud=({scrollingPosition:e="start",...t})=>(0,ve.jsx)($,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,ve.jsx)(c,{children:"Button"},"toolbar-button"),(0,ve.jsx)(V,{text:"Menu button"},"toolbar-menu-button"),(0,ve.jsx)(P,{children:"Split button"},"toolbar-split-button"),(0,ve.jsxs)(O,{children:[(0,ve.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ve.jsx)(c,{icon:"align-center",children:"Center"}),(0,ve.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,ve.jsx)(c,{children:"Button"},"toolbar-button"),(0,ve.jsx)(V,{text:"Menu button"},"toolbar-menu-button"),(0,ve.jsx)(P,{children:"Split button"},"toolbar-split-button"),(0,ve.jsxs)(O,{children:[(0,ve.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ve.jsx)(c,{icon:"align-center",children:"Center"}),(0,ve.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var Q=require("react/jsx-runtime"),bd=({fillMode:e,size:t,...o})=>(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)($,{section:!0,fillMode:e,size:t,children:[(0,Q.jsx)(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Q.jsxs)(O,{fillMode:e,children:[(0,Q.jsx)(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Q.jsx)(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Q.jsx)(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,Q.jsx)(we,{className:"k-toolbar-button-separator"}),(0,Q.jsx)(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,Q.jsxs)(pr,{size:t,fillMode:e,section:!0,...o,children:[(0,Q.jsx)(P,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,Q.jsx)(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Q.jsx)(we,{}),(0,Q.jsx)(V,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,Q.jsxs)(O,{fillMode:e,children:[(0,Q.jsx)(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Q.jsx)(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Q.jsx)(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var Ji=require("react/jsx-runtime");var Yi=require("react/jsx-runtime");var Dt=require("react/jsx-runtime"),mf=$.options,uf=$.states,fd={...$.defaultOptions,variant:"default"},bf=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],ff=[],Qo=e=>{let{variant:t,...o}={...fd,...e};switch(t){case"responsive":return(0,Dt.jsx)("div",{children:(0,Dt.jsx)(bd,{style:{width:"583px"},...o})});case"overlay":return(0,Dt.jsx)("div",{children:(0,Dt.jsx)(ud,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,Dt.jsx)("div",{children:(0,Dt.jsx)(md,{style:{width:"583px"},...o})});default:return(0,Dt.jsx)("div",{children:(0,Dt.jsx)(cd,{style:{width:"583px"},...o})})}};Qo.options=mf;Qo.states=uf;Qo.variants=bf;Qo.defaultOptions=fd;Qo.modifiers=ff;Qo.className=$.className;var Xe=require("react/jsx-runtime"),hd="k-imageeditor-toolbar",hf=[],xf={},kf=[(0,Xe.jsx)(c,{icon:"upload","aria-label":"Upload"},"toolbar-button-1"),(0,Xe.jsx)(c,{disabled:!0,icon:"download","aria-label":"Download"},"toolbar-button-2"),(0,Xe.jsx)(we,{},"toolbar-separator-1"),(0,Xe.jsx)(c,{disabled:!0,icon:"undo","aria-label":"Undo"},"toolbar-button-3"),(0,Xe.jsx)(c,{disabled:!0,icon:"redo","aria-label":"Redo"},"toolbar-button-4"),(0,Xe.jsx)(we,{},"toolbar-separator-2"),(0,Xe.jsx)(c,{disabled:!0,icon:"crop","aria-label":"Crop"},"toolbar-button-5"),(0,Xe.jsx)(c,{disabled:!0,icon:"image-resize","aria-label":"Resize"},"toolbar-button-6"),(0,Xe.jsx)(c,{disabled:!0,icon:"zoom-in","aria-label":"Zoom in"},"toolbar-button-7"),(0,Xe.jsx)(c,{disabled:!0,icon:"zoom-out","aria-label":"Zoom out"},"toolbar-button-8"),(0,Xe.jsx)(It,{children:(0,Xe.jsx)(_,{disabled:!0,value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],xd={toolbarItems:kf},jo=e=>{let{toolbarItems:t=xd.toolbarItems,...o}=e;return(0,Xe.jsx)($,{...o,className:n(e.className,hd),children:t})};jo.states=hf;jo.options=xf;jo.className=hd;jo.defaultOptions=xd;var kd="image-editor",Nd="imageeditor";var _t=require("react/jsx-runtime"),vd="k-imageeditor",Nf=[],vf={},gf={},xt=e=>{let{toolbarItems:t,actionPane:o,contentHeight:a,children:r,...s}=e;return(0,_t.jsxs)("div",{...s,className:n(e.className,vd),children:[(0,_t.jsx)("div",{className:"k-imageeditor-header",children:(0,_t.jsx)(jo,{toolbarItems:t})}),(0,_t.jsxs)("div",{className:"k-imageeditor-content",style:{height:a},children:[(0,_t.jsx)("div",{className:"k-imageeditor-canvas-container",children:(0,_t.jsx)("div",{className:"k-imageeditor-canvas",children:r})}),o&&(0,_t.jsx)("div",{className:"k-imageeditor-action-pane",children:o})]})]})};xt.states=Nf;xt.options=vf;xt.className=vd;xt.defaultOptions=gf;xt.moduleName=kd;xt.folderName=Nd;xt.ariaSpec={selector:".k-imageeditor",rules:[{selector:".k-imageeditor-canvas>canvas",attribute:"role=img",usage:"Indicates the canvas role as an image. Applicable when an image is loaded."},{selector:".k-imageeditor-canvas>canvas",attribute:"aria-label or aria-labelledby",usage:"Provides an accessible name for the canvas by describing the image content. Applicable when an image is loaded."}]};var gd="form",Ld="forms";var Tt=require("react/jsx-runtime"),mr="k-form",Lf=[],Mf={size:[l.undefined,l.small,l.medium,l.large]},Zi={layout:"basic",tag:"form"},ge=e=>{let{size:t,orientation:o,layout:a=Zi.layout,formButtons:r,cols:s,gutters:d,tag:u=Zi.tag,children:f}=e,h=u,k=n(e.className,mr,y(mr,{size:t}),{[`${mr}-${o}`]:o}),x=(0,Tt.jsxs)(Tt.Fragment,{children:[a==="grid"?(0,Tt.jsx)("div",{className:n("k-form-layout","k-d-grid",{[`k-grid-cols-${s}`]:s}),style:{...typeof d=="string"&&{gap:d},...typeof d=="object"&&d.rows&&{rowGap:d.rows},...typeof d=="object"&&d.cols&&{columnGap:d.cols}},children:f}):(0,Tt.jsx)(Tt.Fragment,{children:f}),r&&(0,Tt.jsx)("div",{className:"k-form-buttons",children:r})]}),{role:p,"aria-labelledby":g,"aria-label":v,id:L}=e;return(0,Tt.jsx)(h,{className:k,role:p,"aria-labelledby":g,"aria-label":v,id:L,children:x})};ge.states=Lf;ge.options=Mf;ge.className=mr;ge.defaultOptions=Zi;ge.moduleName=gd;ge.folderName=Ld;var Md="label",Sd="label";var Ba=require("react/jsx-runtime"),Qi="k-label",Sf=[i.disabled],If={},yf={},Jt=e=>{let{disabled:t,optional:o,info:a,text:r,children:s,...d}=e;return(0,Ba.jsxs)("label",{...d,className:n(e.className,Qi,E(Qi,{disabled:t})),children:[r\|\|s,o&&(0,Ba.jsx)("span",{className:"k-label-optional",children:"(Optional)"}),a&&(0,Ba.jsx)("span",{className:"k-field-info",children:a})]})};Jt.states=Sf;Jt.options=If;Jt.className=Qi;Jt.defaultOptions=yf;Jt.moduleName=Md;Jt.folderName=Sd;var yd=require("react/jsx-runtime"),Id="k-form-hint",Tf=[],Ef={},Cf={},st=e=>{let{text:t,children:o,...a}=e;return(0,yd.jsx)("div",{...a,className:n(e.className,Id),children:t\|\|o})};st.states=Tf;st.options=Ef;st.className=Id;st.defaultOptions=Cf;var Ed=require("react/jsx-runtime"),Td="k-form-error",Af=[],Of={},wf={},lt=e=>{let{text:t,children:o,...a}=e;return(0,Ed.jsx)("div",{...a,className:n(e.className,Td),children:t\|\|o})};lt.states=Af;lt.options=Of;lt.className=Td;lt.defaultOptions=wf;var Yt=require("react/jsx-runtime"),ji="k-form-field",Rf=[i.disabled],dt=e=>{let{editorId:t,label:o,orientation:a,optional:r,editor:s,hint:d,error:u,info:f,disabled:h,dir:k,colSpan:x,...p}=e;return(0,Yt.jsxs)("div",{...p,className:n(ji,e.className,E(ji,{disabled:h}),{[`k-col-span-${x}`]:x}),dir:k,children:[o&&(0,Yt.jsx)(Jt,{className:"k-form-label",id:t?`${t}-label`:void 0,htmlFor:t\|\|void 0,optional:r,info:f?"(field info)":void 0,children:o}),a==="horizontal"&&!o&&(0,Yt.jsx)("span",{className:"k-label k-form-label k-label-empty"}),(0,Yt.jsxs)("div",{className:"k-form-field-wrap",children:[s,d&&(0,Yt.jsx)(st,{id:t?`${t}-hint`:void 0,children:d}),u&&(0,Yt.jsx)(lt,{id:t?`${t}-error`:void 0,children:u})]})]})};dt.states=Rf;dt.className=ji;var Zt=require("react/jsx-runtime"),Cd="k-form-fieldset",Qt=e=>{let{legend:t,layout:o,cols:a,gutters:r,colSpan:s}=e;return(0,Zt.jsxs)("fieldset",{className:n(Cd,{[`k-col-span-${s}`]:s}),children:[t&&(0,Zt.jsx)("legend",{className:"k-form-legend",children:t}),o==="grid"?(0,Zt.jsx)("div",{className:n("k-form-layout","k-d-grid",{[`k-grid-cols-${a}`]:a}),style:{...typeof r=="string"&&{gap:r},...typeof r=="object"&&r.rows&&{rowGap:r.rows},...typeof r=="object"&&r.cols&&{columnGap:r.cols}},children:e.children}):(0,Zt.jsx)(Zt.Fragment,{children:e.children})]})};Qt.className=Cd;var bo="radio",ea=bo;var en=require("react/jsx-runtime"),ur="k-radio",Bf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked],Pf={size:[l.undefined,l.small,l.medium,l.large]},Kf={},qe=e=>{let{id:t,checked:o,hover:a,focus:r,disabled:s,invalid:d,valid:u,required:f,size:h,...k}=e;return(0,en.jsx)("span",{className:"k-radio-wrap",children:(0,en.jsx)("input",{...k,id:t,type:"radio",checked:o,required:f,disabled:s\|\|void 0,"aria-invalid":d?"true":void 0,className:n(e.className,ur,y(ur,{size:h}),E(ur,{hover:a,focus:r,disabled:s,invalid:d,valid:u,checked:o}))})})};qe.states=Bf;qe.options=Pf;qe.className=ur;qe.defaultOptions=Kf;qe.moduleName=bo;qe.folderName=ea;qe.ariaSpec={selector:".k-radio",rules:[{selector:".k-radio",attribute:"type=radio",usage:"Announces the radio type of the input."},{selector:".k-radio",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-radio",attribute:"checked (when checked)",usage:"Boolean attribute that announces the checked state of the radio button."},{selector:".k-radio",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the radio."},{selector:".k-radio",attribute:"disabled=disabled or aria-disabled=true (when disabled)",usage:"Rendered only when the radio input is disabled."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the radio button is in a form and announces the invalid state."}]};var ct=qe;var wd=require("react/jsx-runtime"),Ad="k-radio-list",Df=[],_f={},Od={layout:"vertical"},Le=e=>{let{layout:t=Od.layout,...o}=e;return(0,wd.jsx)("ul",{...o,className:n(e.className,Ad,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};Le.states=Df;Le.options=_f;Le.className=Ad;Le.defaultOptions=Od;Le.moduleName=bo;Le.folderName=ea;Le.ariaSpec={selector:".k-radio-list",rules:[{selector:".k-radio-list",attribute:"role=radiogroup",usage:"Announces the radiogroup role of the element."},{selector:".k-radio-list-item",attribute:"role=none",usage:"Due to issues with nested items, forces a no-role state."},{selector:".k-radio",attribute:"readonly or aria-readonly (when readonly)",usage:"The attribute is rendered only when the radio button is read-only."},{selector:".k-radio",attribute:"aria-invalid=true (when invalid)",usage:"The attribute is rendered only when the radio button is in a form and announces the invalid state of the component."},{selector:".k-radio-list-item.k-disabled .k-radio",attribute:"disabled or aria-disabled (when disabled)",usage:"The attribute is rendered only when the radio button is disabled."}]};var Bd=require("react/jsx-runtime"),Rd="k-radio-list-item",zf=[],Hf={},Ff={},Re=e=>{let{...t}=e;return(0,Bd.jsx)("li",{...t,className:n(e.className,Rd),role:"none",children:e.children})};Re.states=zf;Re.options=Hf;Re.className=Rd;Re.defaultOptions=Ff;Re.moduleName=bo;Re.folderName=ea;var Uf=require("react/jsx-runtime");var fo=require("react/jsx-runtime"),zt=({children:e,id:t,...o})=>(0,fo.jsxs)(fo.Fragment,{children:[(0,fo.jsx)(ct,{...o,id:t}),(0,fo.jsx)("label",{className:"k-radio-label",htmlFor:t,children:e})]});var tn=require("react/jsx-runtime");var on=require("react/jsx-runtime");var an=require("react/jsx-runtime");var rn=require("react/jsx-runtime");var nn=require("react/jsx-runtime");var Vf=require("react/jsx-runtime");var Pd=require("react/jsx-runtime"),$f=ct.options,Xf=ct.states,qf=ct.defaultOptions,Wf=[],Jf=[],ta=e=>(0,Pd.jsx)(zt,{id:R("radio"),name:"value",...e,children:"Label"});ta.options=$f;ta.states=Xf;ta.variants=Wf;ta.defaultOptions=qf;ta.modifiers=Jf;ta.className=ct.className;var Be=require("react/jsx-runtime"),Yf=Le.options,Zf=Le.states,Qf={...Le.defaultOptions,variant:"vertical"},jf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],eh=[],oa=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Be.jsxs)(Le,{layout:"horizontal",...o,children:[(0,Be.jsx)(Re,{children:(0,Be.jsx)(zt,{id:R("rb"),name:"value",defaultChecked:!0,children:"Label"})}),(0,Be.jsx)(Re,{children:(0,Be.jsx)(zt,{id:R("rb"),name:"value",children:"Label"})}),(0,Be.jsx)(Re,{children:(0,Be.jsx)(zt,{id:R("rb"),name:"value",children:"Label"})})]}):(0,Be.jsxs)(Le,{...o,children:[(0,Be.jsx)(Re,{children:(0,Be.jsx)(zt,{id:R("rb"),name:"value",defaultChecked:!0,children:"Label"})}),(0,Be.jsx)(Re,{children:(0,Be.jsx)(zt,{id:R("rb"),name:"value",children:"Label"})}),(0,Be.jsx)(Re,{children:(0,Be.jsx)(zt,{id:R("rb"),name:"value",children:"Label"})})]})};oa.options=Yf;oa.states=Zf;oa.variants=jf;oa.defaultOptions=Qf;oa.modifiers=eh;oa.className=Le.className;var sn=require("react/jsx-runtime");var ln=require("react/jsx-runtime");var dn=require("react/jsx-runtime");var Kd="date-input",Dd="dateinput";var jt=require("react/jsx-runtime"),_d="k-dateinput",th=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],oh={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},ah={},We=e=>{let{size:t,rounded:o,fillMode:a,value:r,placeholder:s,hover:d,focus:u,valid:f,invalid:h,required:k,loading:x,disabled:p,readonly:g,showClearButton:v,showSpinButton:L,id:T,"aria-label":I,"aria-describedby":w,...H}=e;return(0,jt.jsxs)(U,{...H,size:t,rounded:o,fillMode:a,hover:d,focus:u,valid:f,invalid:h,required:k,loading:x,disabled:p,readonly:g,className:n(e.className,_d),children:[(0,jt.jsx)(be,{id:T,placeholder:s,value:r,disabled:p,"aria-label":I,"aria-describedby":w,"aria-invalid":h?"true":void 0}),(0,jt.jsx)(re,{valid:f,invalid:h,loading:x,disabled:p}),(0,jt.jsx)(se,{loading:x,disabled:p}),v&&(0,jt.jsx)(ue,{loading:x,disabled:p,readonly:g,value:r}),L&&(0,jt.jsx)(gt,{className:"k-input-spinner",size:t,fillMode:a,disabled:p})]})};We.states=th;We.options=oh;We.className=_d;We.defaultOptions=ah;We.moduleName=Kd;We.folderName=Dd;We.ariaSpec={selector:".k-dateinput",rules:[{selector:".k-dateinput > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:'The element should be an input or have role="textbox".'},{selector:".k-dateinput > .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-dateinput > .k-input-inner",attribute:"tabindex=0",usage:"The element should be focusable."},{selector:".k-dateinput > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the DateInput is in an invalid state."},{selector:".k-dateinput > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-dateinput > .k-input-inner",attribute:"readonly=readonly or aria-readonly=true (when readonly)",usage:"Rendered when the DateInput is readonly."},{selector:".k-dateinput.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the DateInput is disabled."}]};var cn=We;var Hd=require("react/jsx-runtime"),zd=e=>(0,Hd.jsx)(cn,{...e});var rh=require("react/jsx-runtime");var Fd=require("react/jsx-runtime"),ih=We.options,nh=We.states,sh=We.defaultOptions,lh=[{name:"spin-button",title:"`Spin` Button"}],dh=[],aa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{r==="spin-button"&&(a.showSpinButton=!!(t!=null&&t[r]))}),(0,Fd.jsx)(zd,{value:"2/04/2021",style:{width:"300px"},...o,...a})};aa.options=ih;aa.states=nh;aa.variants=dh;aa.defaultOptions=sh;aa.modifiers=lh;aa.className=We.className;var Ud="masked-textbox",Gd="maskedtextbox";var Pe=require("react/jsx-runtime"),Vd="k-maskedtextbox",ch=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ph={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},pn={showClearButton:!0,separators:!0},Je=e=>{let{size:t,rounded:o,fillMode:a,separators:r=pn.separators,showClearButton:s=pn.showClearButton,prefix:d,suffix:u,value:f,placeholder:h,hover:k,focus:x,valid:p,invalid:g,required:v,loading:L,disabled:T,readonly:I,id:w,"aria-label":H,"aria-describedby":te,...ae}=e;return(0,Pe.jsxs)(U,{...ae,size:t,rounded:o,fillMode:a,hover:k,focus:x,valid:p,invalid:g,required:v,loading:L,disabled:T,readonly:I,className:n(e.className,Vd),children:[d&&(0,Pe.jsxs)(Pe.Fragment,{children:[(0,Pe.jsx)(Me,{children:d}),r&&(0,Pe.jsx)(le,{})]}),(0,Pe.jsx)(be,{id:w,placeholder:h,value:f,disabled:T,"aria-label":H,"aria-describedby":te,"aria-invalid":g?"true":void 0}),(0,Pe.jsx)(re,{valid:p,invalid:g,loading:L,disabled:T}),(0,Pe.jsx)(se,{loading:L,disabled:T}),s&&(0,Pe.jsx)(ue,{loading:L,disabled:T,readonly:I,value:f}),u&&(0,Pe.jsxs)(Pe.Fragment,{children:[r&&(0,Pe.jsx)(le,{}),(0,Pe.jsx)(Se,{children:u})]})]})};Je.states=ch;Je.options=ph;Je.className=Vd;Je.defaultOptions=pn;Je.moduleName=Ud;Je.folderName=Gd;Je.ariaSpec={selector:".k-maskedtextbox",rules:[{selector:".k-maskedtextbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-maskedtextbox > .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-maskedtextbox > .k-input-inner",attribute:"aria-placeholder (when has mask)",usage:"Announces the mask or placeholder for the component."},{selector:".k-maskedtextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the MaskedTextBox is in an invalid state."},{selector:".k-maskedtextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-maskedtextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the MaskedTextBox is disabled."}]};var ra=Je;var Xd=require("react/jsx-runtime"),$d=e=>(0,Xd.jsx)(ra,{...e});var qd=require("react/jsx-runtime");var Wd=require("react/jsx-runtime");var mh=require("react/jsx-runtime");var uh=require("react/jsx-runtime");var br=require("react/jsx-runtime"),bh=Je.states,fh=Je.defaultOptions,hh=Je.options,xh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],kh=[],ia=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t!=null&&t[r]?(0,br.jsx)(_,{size:o.size,value:"Choose",fillMode:"flat"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,br.jsx)(M,{icon:"lock"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[r];break;default:break}}),(0,br.jsx)($d,{value:"Value",style:{width:300},...o,...a})};ia.options=hh;ia.states=bh;ia.variants=kh;ia.defaultOptions=fh;ia.modifiers=xh;ia.className=Je.className;var mn="switch",Jd=mn;var to=require("react/jsx-runtime"),eo="k-switch",Nh=[i.hover,i.focus,i.disabled,i.readonly,i.checked],vh={size:[l.undefined,l.small,l.medium,l.large],trackRounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],thumbRounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},gh={},Fe=e=>{let{checked:t,onLabel:o,offLabel:a,size:r,trackRounded:s,thumbRounded:d,hover:u,focus:f,disabled:h,readonly:k,...x}=e;return(0,to.jsxs)("span",{...x,className:n(e.className,eo,y(eo,{size:r}),E(eo,{hover:u,focus:f,disabled:h,readonly:k}),{[`${eo}-on`]:t,[`${eo}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:h?void 0:0,"aria-disabled":h?"true":void 0,"aria-readonly":k?"true":void 0,children:[(0,to.jsxs)("span",{className:n("k-switch-track",y(eo,{rounded:s})),children:[o&&(0,to.jsx)("span",{className:"k-switch-label-on",children:o}),a&&(0,to.jsx)("span",{className:"k-switch-label-off",children:a})]}),(0,to.jsx)("span",{className:"k-switch-thumb-wrap",children:(0,to.jsx)("span",{className:n("k-switch-thumb",y(eo,{rounded:d}))})})]})};Fe.states=Nh;Fe.options=vh;Fe.className=eo;Fe.defaultOptions=gh;Fe.moduleName=mn;Fe.folderName=Jd;Fe.ariaSpec={selector:".k-switch",rules:[{selector:".k-switch",attribute:"role=switch",usage:"Announces the switch role of the element."},{selector:".k-switch",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-switch",attribute:"aria-required=true (when required)",usage:'Rendered only when the Switch is in a form. Required because <span role="switch"> does not support the native required attribute.'},{selector:".k-switch",attribute:"aria-checked",usage:"Announces the checked state of the Switch."},{selector:".k-switch",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the switch."},{selector:".k-switch",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Switch is in a form and announces the invalid state."},{selector:".k-switch:not(.k-disabled)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled switches are removed from tab order."},{selector:".k-switch.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the Switch is disabled."},{selector:".k-switch.k-readonly",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Switch is readonly. Readonly switches remain focusable but their value cannot be changed."}]};var Lh=require("react/jsx-runtime");var Mh=require("react/jsx-runtime");var Sh=require("react/jsx-runtime");var Ih=require("react/jsx-runtime");var bn=require("react/jsx-runtime"),yh=Fe.options,Th=Fe.states,Eh={...Fe.defaultOptions,variant:"on"},Ch=[{name:"on",title:"On"},{name:"off",title:"Off"}],Ah=[],na=e=>{let{variant:t,...o}=e;return t==="off"?(0,bn.jsx)(Fe,{checked:!1,onLabel:"On",offLabel:"Off",...o}):(0,bn.jsx)(Fe,{checked:!0,onLabel:"On",offLabel:"Off",...o})};na.options=yh;na.states=Th;na.variants=Ch;na.defaultOptions=Eh;na.modifiers=Ah;na.className=Fe.className;var fn="textarea",Yd=fn;var tt=require("react/jsx-runtime"),Zd="k-textarea",Oh=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],wh={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},sa={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},Ue=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:r=sa.prefixSeparator,suffixSeparator:s=sa.prefixSeparator,affixesOrientation:d=sa.affixesOrientation,flow:u=sa.flow,resize:f=sa.resize,prefix:h,suffix:k,rows:x,value:p,placeholder:g,hover:v,focus:L,valid:T,invalid:I,required:w,disabled:H,id:te,"aria-label":ae,"aria-describedby":me,...Ke}=e;return(0,tt.jsxs)(U,{...Ke,size:t,rounded:o,fillMode:a,hover:v,focus:L,valid:T,invalid:I,required:w,disabled:H,className:n(e.className,Zd,{"!k-flex-col":u==="vertical","!k-flex-row":u==="horizontal"}),children:[h&&(0,tt.jsxs)(tt.Fragment,{children:[(0,tt.jsx)(Me,{className:n({"!k-align-items-start":u===d}),direction:d,children:h}),r&&(0,tt.jsx)(le,{direction:u==="horizontal"?"vertical":"horizontal"})]}),(0,tt.jsx)(va,{className:n("!k-overflow-auto",{"!k-flex-none":u==="vertical","k-resize-x":f==="x","k-resize-y":f==="y","k-resize":f==="both","k-resize-none":f==="none"}),value:p,placeholder:g,rows:x,disabled:H,id:te,"aria-label":ae,"aria-describedby":me,"aria-invalid":I?"true":void 0}),k&&(0,tt.jsxs)(tt.Fragment,{children:[s&&(0,tt.jsx)(le,{direction:u==="horizontal"?"vertical":"horizontal"}),(0,tt.jsx)(Se,{className:n({"!k-align-items-start":u===d}),direction:d,children:k})]})]})};Ue.states=Oh;Ue.options=wh;Ue.className=Zd;Ue.defaultOptions=sa;Ue.moduleName=fn;Ue.folderName=Yd;Ue.ariaSpec={selector:".k-textarea",rules:[{selector:".k-textarea > .k-input-inner",attribute:"role=textbox or nodeName=textarea",usage:"Describes the role of the component."},{selector:".k-textarea > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The textarea requires an accessible name (provided by consuming app)."},{selector:".k-textarea > .k-input-inner",attribute:"aria-multiline=true (when role=textbox)",usage:"Required on role=textbox to indicate multi-line behavior. Implicit on native <textarea>, so not needed there."},{selector:".k-textarea > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the TextArea is in a form and announces the invalid state."},{selector:".k-textarea > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the textarea."},{selector:".k-textarea.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered only when the TextArea is disabled."}]};var Rh=require("react/jsx-runtime");var Qd=require("react/jsx-runtime");var jd=require("react/jsx-runtime");var Bh=require("react/jsx-runtime");var Pa=require("react/jsx-runtime"),Ph=Ue.options,Kh=Ue.states,ec={...Ue.defaultOptions,variant:"vertical"},Dh=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],_h=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],la=e=>{let{variant:t,modifiers:o,...a}={...ec,...e},r={resize:"y"};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"prefix":r.prefix=o!=null&&o[s]?(0,Pa.jsx)(M,{icon:"comment"}):void 0;break;case"suffix":r.suffix=o!=null&&o[s]?(0,Pa.jsx)(M,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?(0,Pa.jsx)(Ue,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...r}):(0,Pa.jsx)(Ue,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...r})};la.options=Ph;la.states=Kh;la.variants=Dh;la.defaultOptions=ec;la.modifiers=_h;la.className=Ue.className;var xn=require("react/jsx-runtime");var X=require("react/jsx-runtime"),zh=ge.options,Hh=ge.states,Fh={...ge.defaultOptions,variant:"vertical"},Uh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Gh=[],da=e=>{let{variant:t,size:o,...a}=e,r=(0,X.jsxs)(Qt,{legend:"Form Legend",children:[(0,X.jsx)(dt,{label:"Label",editor:(0,X.jsx)(F,{size:o})}),(0,X.jsx)(dt,{label:"Label",hint:"Hint text",editor:(0,X.jsx)(_,{value:"Dropdown List",size:o})}),(0,X.jsx)(dt,{label:"City",editor:(0,X.jsxs)("ul",{className:"k-radio-list k-list-horizontal",children:[(0,X.jsxs)("li",{className:"k-radio-list-item",children:[(0,X.jsx)(qe,{checked:!0,size:o}),(0,X.jsx)("label",{className:"k-radio-label",children:"Label"})]}),(0,X.jsxs)("li",{className:"k-radio-list-item",children:[(0,X.jsx)(qe,{size:o}),(0,X.jsx)("label",{className:"k-radio-label",children:"Label"})]}),(0,X.jsxs)("li",{className:"k-radio-list-item",children:[(0,X.jsx)(qe,{size:o}),(0,X.jsx)("label",{className:"k-radio-label",children:"Label"})]})]})})]}),s=(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(c,{className:"k-form-submit",themeColor:"primary",size:o,children:"Submit"}),(0,X.jsx)(c,{className:"k-form-clear",size:o,children:"Clear"})]});return t==="horizontal"?(0,X.jsx)(ge,{orientation:"horizontal",size:o,...a,formButtons:s,children:r}):(0,X.jsx)(ge,{size:o,...a,formButtons:s,children:r})};da.options=zh;da.states=Hh;da.variants=Uh;da.defaultOptions=Fh;da.modifiers=Gh;da.className=ge.className;var Ka=require("react/jsx-runtime"),Vh=st.options,$h=st.states,tc={...st.defaultOptions},Xh=[],qh=[{name:"showHint",title:"Show Hint"}],ca=e=>{let{modifiers:t,...o}={...tc,...e},a=(t==null?void 0:t.showHint)??!0;return(0,Ka.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[(0,Ka.jsx)(F,{placeholder:"Component",style:{width:"200px"}}),a&&(0,Ka.jsx)(st,{...o,children:"Hint text"})]})};ca.options=Vh;ca.states=$h;ca.variants=Xh;ca.defaultOptions=tc;ca.modifiers=qh;ca.className=st.className;var Da=require("react/jsx-runtime"),Wh=lt.options,Jh=lt.states,oc={...lt.defaultOptions},Yh=[],Zh=[{name:"showError",title:"Show Error"}],pa=e=>{let{modifiers:t,...o}={...oc,...e},a=(t==null?void 0:t.showError)??!0;return(0,Da.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[(0,Da.jsx)(F,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&(0,Da.jsx)(lt,{...o,children:"Error text"})]})};pa.options=Wh;pa.states=Jh;pa.variants=Yh;pa.defaultOptions=oc;pa.modifiers=Zh;pa.className=lt.className;var kn=require("react/jsx-runtime");var Nn=require("react/jsx-runtime");var ac=require("react/jsx-runtime"),jh=e=>(0,ac.jsx)(xt,{...e});
1	+ var Lc=Object.create;var Ua=Object.defineProperty;var Sc=Object.getOwnPropertyDescriptor;var Mc=Object.getOwnPropertyNames;var Ic=Object.getPrototypeOf,yc=Object.prototype.hasOwnProperty;var Tc=(e,t)=>{for(var o in t)Ua(e,o,{get:t[o],enumerable:!0})},Pi=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let r of Mc(t))!yc.call(e,r)&&r!==o&&Ua(e,r,{get:()=>t[r],enumerable:!(a=Sc(t,r))\|\|a.enumerable});return e};var Ki=(e,t,o)=>(o=e!=null?Lc(Ic(e)):{},Pi(t\|\|!e\|\|!e.__esModule?Ua(o,"default",{value:e,enumerable:!0}):o,e)),Ec=e=>Pi(Ua({},"__esModule",{value:!0}),e);var Lx={};Tc(Lx,{ImageEditorNormal:()=>vx});module.exports=Ec(Lx);var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...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 y=(e,t)=>i({[`${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"}),E=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:d,active:u,selected:f,disabled:h,indeterminate:N,loading:x,empty:p,readonly:v,highlighted:g,...S}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":d,"k-active":u,"k-selected":f,"k-disabled":h,"k-indeterminate":N&&!d,"k-loading":x,"k-empty":p,"k-readonly":v,"k-highlighted":g},Object.keys(S).reduce((T,I)=>(I.startsWith("k-")?T[I]=S[I]:T[`k-${I}`]=S[I],T),{}))};function Di(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},m={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},b={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},k={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 Ir={};function R(e){return Ir[e]=(Ir[e]\|\|0)+1,`k-${e}-${Ir[e]}`}var ba=require("react/jsx-runtime"),yr="k-font-icon",Cc=[],Oc={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.light,k.dark]},Ac={},fa=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...d}=e;return a?(0,ba.jsx)("span",{...d,className:i(e.className,yr,y(yr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true"}):(0,ba.jsx)(ba.Fragment,{})};fa.states=Cc;fa.options=Oc;fa.className=yr;fa.defaultOptions=Ac;var _i=fa;var ao=require("react/jsx-runtime"),Tr="k-svg-icon",wc=[],Rc={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.light,k.dark]},zi={viewBox:"0 0 24 24"},ha=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=zi.viewBox,icon:d,...u}=e;if(!d)return(0,ao.jsx)(ao.Fragment,{});if(d==="none")return(0,ao.jsx)("span",{...u,className:i(e.className,Tr,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof d=="object"&&d.name&&d.name;return(0,ao.jsx)("span",{...u,className:i(e.className,Tr,y("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"\|\|r==="both","k-flip-v":r==="v"\|\|r==="both"}),"aria-hidden":"true",children:(0,ao.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:s,dangerouslySetInnerHTML:typeof d=="object"?{__html:d.content}:void 0,children:d?void 0:e.children})})};ha.states=wc;ha.options=Rc;ha.className=Tr;ha.defaultOptions=zi;var Er=ha;var Cr=Ki(require("@progress/kendo-svg-icons"));var Hi="icon",Fi="icons";var Vi=require("react");var Ui=require("react"),Gi=(0,Ui.createContext)({iconsType:"svg"});var Et=require("react/jsx-runtime"),Ga="k-icon",Bc=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Pc=[],Kc={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.light,k.dark]},Or={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{iconsType:t}=(0,Vi.useContext)(Gi),{size:o,themeColor:a,icon:r,type:s=t\|\|Or.type,rotate:d,flip:u,viewBox:f=Or.viewBox,...h}=e;if(!r)return(0,Et.jsx)(Et.Fragment,{});if((t\|\|s)==="svg"){if(r==="none")return(0,Et.jsx)(Er,{...h,className:i(e.className,Ga),icon:r,size:o});let x=Cr[r]?r:Bc(`${r}-icon`);return Cr[x]?(0,Et.jsx)(Er,{...h,className:i(e.className,Ga),icon:Cr[x],size:o,themeColor:a,rotate:d,flip:u,viewBox:f}):(0,Et.jsx)(Et.Fragment,{})}return(0,Et.jsx)(_i,{...h,className:i(e.className,Ga),icon:r,size:o,themeColor:a,rotate:d,flip:u})};L.states=Pc;L.options=Kc;L.defaultOptions=Or;L.className=Ga;L.moduleName=Hi;L.folderName=Fi;L.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Ar="button",$i=Ar;var pt=require("react/jsx-runtime"),xa="k-button",Dc=["icon-button"],_c=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],zc={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.light,k.dark,k.inverse]},wr={showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:d=wr.showArrow,arrowIconName:u=wr.arrowIconName,variant:f,hover:h,focus:N,active:x,selected:p,disabled:v,togglable:g,ariaDisabled:S,icon:T,text:I,iconClassName:w,className:H,...te}=e,ae=T!==void 0,me=e.children!==void 0;return(0,pt.jsxs)(t,{className:i(H,xa,Di(xa,f),y(xa,{size:o,rounded:a,fillMode:r,themeColor:s}),E(xa,{hover:h,focus:N,active:x,disabled:v\|\|S,selected:p}),{"k-icon-button":!I&&!me&&ae}),...te,"aria-pressed":g?p?"true":"false":void 0,"aria-disabled":S?"true":void 0,disabled:v\|\|void 0,children:[T&&(0,pt.jsx)(L,{className:i(w,"k-button-icon"),icon:T}),I?(0,pt.jsxs)(pt.Fragment,{children:[I&&(0,pt.jsx)("span",{className:"k-button-text",children:I}),e.children]}):e.children&&(0,pt.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,pt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,pt.jsx)(L,{icon:u})})]})};c.states=_c;c.options=zc;c.variants=Dc;c.className=xa;c.defaultOptions=wr;c.moduleName=Ar;c.folderName=$i;c.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var Xi=require("react/jsx-runtime"),Ct=e=>(0,Xi.jsx)(c,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var qi=require("react/jsx-runtime"),Na=e=>(0,qi.jsx)(c,{icon:"folder",children:"Button",...e});var Wi=require("react/jsx-runtime"),ro=e=>(0,Wi.jsx)(c,{children:"Button",...e});var Va=require("react/jsx-runtime"),Hc=c.options,Fc=c.states,Uc={...c.defaultOptions,variant:"text"},Gc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Vc=[],No=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Va.jsx)(Ct,{...o,icon:"star"});case"icon-and-text":return(0,Va.jsx)(Na,{...o,icon:"star",children:"Button"});default:return(0,Va.jsx)(ro,{...o,children:"Button"})}};No.options=Hc;No.states=Fc;No.variants=Gc;No.defaultOptions=Uc;No.modifiers=Vc;No.className=c.className;var Rr="button",Ji=Rr;var Yi=require("react/jsx-runtime"),ka="k-button-group",$c=[n.disabled],Xc={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},qc={},A=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return(0,Yi.jsx)("div",{role:"group",...r,className:i(e.className,ka,y(ka,{fillMode:t}),E(ka,{disabled:o}),{[`${ka}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};A.states=$c;A.options=Xc;A.className=ka;A.defaultOptions=qc;A.moduleName=Rr;A.folderName=Ji;A.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 Br=require("react/jsx-runtime");var Pr=require("react/jsx-runtime");var Kr=require("react/jsx-runtime");var Dr=require("react/jsx-runtime");var _r=require("react/jsx-runtime");var zr=require("react/jsx-runtime");var Ge=require("react/jsx-runtime"),Wc={...c.options,...A.options},Jc=c.states,Yc={...c.defaultOptions,...A.defaultOptions,variant:"text-button"},Zc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Qc=[],ko=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,Ge.jsxs)(A,{fillMode:a.fillMode,className:o,children:[(0,Ge.jsx)(c,{...a,icon:"star"}),(0,Ge.jsx)(c,{...a,icon:"star"}),(0,Ge.jsx)(c,{...a,icon:"star"})]}):t==="icon-text-button"?(0,Ge.jsxs)(A,{fillMode:a.fillMode,className:o,children:[(0,Ge.jsx)(c,{...a,icon:"star",children:"First"}),(0,Ge.jsx)(c,{...a,icon:"star",children:"Middle"}),(0,Ge.jsx)(c,{...a,icon:"star",children:"Last"})]}):(0,Ge.jsxs)(A,{fillMode:a.fillMode,className:o,children:[(0,Ge.jsx)(c,{...a,children:"First"}),(0,Ge.jsx)(c,{...a,children:"Middle"}),(0,Ge.jsx)(c,{...a,children:"Last"})]})};ko.options=Wc;ko.states=Jc;ko.variants=Zc;ko.defaultOptions=Yc;ko.modifiers=Qc;ko.className=A.className;var ga="input",$a=ga;var Zi=require("react/jsx-runtime"),Xa="k-input",jc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ep={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},tp={},U=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u,size:f,rounded:h,fillMode:N,...x}=e;return(0,Zi.jsx)("span",{...x,className:i(e.className,Xa,y(Xa,{size:f,rounded:h,fillMode:N}),E(Xa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u}))})};U.states=jc;U.options=ep;U.className=Xa;U.defaultOptions=tp;U.moduleName=ga;U.folderName=$a;var Qi=require("react/jsx-runtime"),qa="k-picker",op=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ap={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},rp={},Nt=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u,size:f,rounded:h,fillMode:N,...x}=e;return(0,Qi.jsx)("span",{...x,className:i(e.className,qa,y(qa,{size:f,rounded:h,fillMode:N}),E(qa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u})),children:e.children})};Nt.states=op;Nt.options=ap;Nt.className=qa;Nt.defaultOptions=rp;Nt.moduleName=ga;Nt.folderName=$a;var go=require("react/jsx-runtime"),ji="k-clear-value",np=[n.disabled,n.loading,n.readonly],ip={},ue=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t\|\|a\|\|o\|\|!r?(0,go.jsx)(go.Fragment,{}):(0,go.jsx)("span",{className:i(e.className,ji),children:(0,go.jsx)(L,{icon:"x"})})};ue.states=np;ue.options=ip;ue.className=ji;var es=require("react/jsx-runtime"),Hr="k-input-inner",sp=[],lp={},Wa={type:"text",autocomplete:"off",value:"",placeholder:""},be=e=>{let{value:t=Wa.value,type:o=Wa.type,placeholder:a=Wa.placeholder,autocomplete:r=Wa.autocomplete,disabled:s,readOnly:d,...u}=e;return(0,es.jsx)("input",{...u,type:o,className:i(e.className,Hr,y(Hr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s\|\|void 0,readOnly:d\|\|void 0})};be.states=sp;be.options=lp;be.className=Hr;var va=require("react/jsx-runtime"),Fr="k-input-inner",dp=[],cp={},no=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...d}=e;return(0,va.jsxs)("span",{...d,className:i(e.className,Fr,y(Fr,e)),children:[r,!r&&s&&(0,va.jsx)(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&(0,va.jsx)("span",{className:"k-input-value-text",children:t})]})};no.states=dp;no.options=cp;no.className=Fr;var os=require("react/jsx-runtime"),Ur="k-input-inner",pp=[],mp={},ts={value:"",placeholder:""},La=e=>{let{value:t=ts.value,placeholder:o=ts.placeholder,rows:a,disabled:r,...s}=e;return(0,os.jsx)("textarea",{...s,className:i(e.className,Ur,y(Ur,e)),placeholder:o,rows:a,defaultValue:t,disabled:r\|\|void 0})};La.states=pp;La.options=mp;La.className=Ur;var Sa=require("react/jsx-runtime"),as="k-input-loading-icon",up=[n.disabled,n.loading],se=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,Sa.jsx)(Sa.Fragment,{}):(0,Sa.jsx)("span",{className:i(e.className,as,"k-icon k-i-loading")})};se.states=up;se.className=as;var Ma=require("react/jsx-runtime"),rs="k-input-validation-icon",bp=[n.valid,n.invalid,n.disabled,n.loading],fp={},re=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a\|\|r\|\|!!!(t\|\|o)?(0,Ma.jsx)(Ma.Fragment,{}):(0,Ma.jsx)(L,{className:i(rs),icon:s})};re.states=bp;re.options=fp;re.className=rs;var Ia=require("react/jsx-runtime"),hp="k-input-prefix",xp={direction:"horizontal"},Se=e=>{let{direction:t=xp.direction,...o}=e;return e.children?(0,Ia.jsx)("span",{...o,className:i(hp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Ia.jsx)(Ia.Fragment,{})};var ya=require("react/jsx-runtime"),Np="k-input-suffix",kp={direction:"horizontal"},Me=e=>{let{direction:t=kp.direction,...o}=e;return e.children?(0,ya.jsx)("span",{...o,className:i(Np,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,ya.jsx)(ya.Fragment,{})};var gp=require("react/jsx-runtime");var ns=require("react/jsx-runtime"),vp="k-input-suffix-text",Gr=e=>{let{children:t,...o}=e;return(0,ns.jsx)("span",{...o,className:i(vp,e.className),children:t})};var ss=require("react/jsx-runtime"),is="k-input-separator",Lp={direction:"vertical"},le=e=>{let{direction:t=Lp.direction,...o}=e;return(0,ss.jsx)("span",{...o,className:i(is,e.className,{[`${is}-${t}`]:t})})};var de=require("react/jsx-runtime"),Sp=U.states,Mp=U.defaultOptions,Ip=U.options,yp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Tp=[],vo=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:d,...u}=e,f=t==null?void 0:t.prefix,h=t==null?void 0:t.suffix,N=t==null?void 0:t["clear-button"],x=t==null?void 0:t["validation-icon"],p=t==null?void 0:t.separators;return(0,de.jsxs)(U,{...u,valid:o,invalid:a,loading:r,disabled:s,readonly:d,style:{width:300},children:[f&&(0,de.jsxs)(de.Fragment,{children:[(0,de.jsx)(Se,{children:(0,de.jsx)(L,{icon:"lock"})}),p&&(0,de.jsx)(le,{})]}),(0,de.jsx)(be,{placeholder:"Placeholder",value:"Value"}),x&&(0,de.jsx)(re,{valid:o,invalid:a,loading:r,disabled:s}),(0,de.jsx)(se,{loading:r,disabled:s}),N&&(0,de.jsx)(ue,{loading:r,disabled:s,readonly:d,value:"Value"}),h&&(0,de.jsxs)(de.Fragment,{children:[p&&(0,de.jsx)(le,{}),(0,de.jsx)(Me,{children:(0,de.jsx)(ro,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};vo.options=Ip;vo.states=Sp;vo.variants=Tp;vo.defaultOptions=Mp;vo.modifiers=yp;vo.className=U.className;var Ta=require("react/jsx-runtime"),ls="k-color-preview",Ep=[],Cp={},Ft=e=>{let{color:t,iconName:o,...a}=e;return(0,Ta.jsxs)("span",{...a,className:i(e.className,ls,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Ta.jsx)(L,{icon:o,className:"k-color-preview-icon"}),(0,Ta.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ft.states=Ep;Ft.options=Cp;Ft.className=ls;var Vr="popup",ds=Vr;var $r=require("react/jsx-runtime"),cs="k-animation-container",Op=[],Ap={},ps={positionMode:"absolute"},kt=e=>{let{positionMode:t=ps.positionMode,animationStyle:o,offset:a,...r}=e;return(0,$r.jsx)("div",{...r,style:{...a,...e.style},className:i(e.className,cs,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,$r.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};kt.states=Op;kt.options=Ap;kt.className=cs;kt.defaultOptions=ps;kt.moduleName=Vr;kt.folderName=ds;var Xr="popup",ms=Xr;var qr=require("react/jsx-runtime"),us="k-popup",wp=[],Rp={},bs={positionMode:"absolute"},W=e=>{let{offset:t,positionMode:o=bs.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:d,...u}=e;return(0,qr.jsx)(kt,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":d,children:(0,qr.jsx)("div",{...u,className:i(e.className,us),children:e.children})})};W.states=wp;W.options=Rp;W.className=us;W.defaultOptions=bs;W.moduleName=Xr;W.folderName=ms;W.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 Wr="action-buttons",fs=Wr;var hs=require("react/jsx-runtime"),Ja="k-actions",Bp=[],Pp={},Jr={alignment:"start",orientation:"horizontal"},gt=e=>{let{alignment:t=Jr.alignment,orientation:o=Jr.orientation,...a}=e;return(0,hs.jsx)("div",{...a,className:i(Ja,{[`${Ja}-${t}`]:t,[`${Ja}-${o}`]:o},e.className),children:e.children})};gt.states=Bp;gt.options=Pp;gt.className=Ja;gt.defaultOptions=Jr;gt.moduleName=Wr;gt.folderName=fs;var Ns=require("react/jsx-runtime"),Kp="k-actionsheet-footer",xs={alignment:"stretched",orientation:"horizontal"},Ut=e=>{let{alignment:t=xs.alignment,orientation:o=xs.orientation,template:a,as:r=a?"div":gt,...s}=e;return(0,Ns.jsx)(r,{...s,...!a&&{alignment:t,orientation:o},className:i(e.className,Kp),children:e.children})};var Yr="searchbox",ks=Yr;var Gt=require("react/jsx-runtime"),gs="k-searchbox",Dp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],_p={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Zr={showIcon:!0,icon:"search"},ot=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:d,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,showIcon:v=Zr.showIcon,icon:g=Zr.icon,"aria-label":S,...T}=e;return(0,Gt.jsxs)(U,{...T,size:a,rounded:r,fillMode:s,hover:d,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,className:i(e.className,gs),children:[v&&(0,Gt.jsx)(L,{className:"k-input-icon",icon:g}),(0,Gt.jsx)(be,{placeholder:o,value:t,"aria-label":S}),(0,Gt.jsx)(se,{...e}),(0,Gt.jsx)(re,{...e}),(0,Gt.jsx)(ue,{...e})]})};ot.states=Dp;ot.options=_p;ot.className=gs;ot.defaultOptions=Zr;ot.moduleName=Yr;ot.folderName=ks;var zp=require("react/jsx-runtime");var Qr="textbox",vs=Qr;var Ie=require("react/jsx-runtime"),Ls="k-textbox",Hp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Fp={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ya={showClearButton:!0,showValidationIcon:!0,separators:!0},F=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ya.separators,showClearButton:s=Ya.showClearButton,showValidationIcon:d=Ya.showValidationIcon,prefix:u,suffix:f,type:h,value:N,placeholder:x,hover:p,focus:v,valid:g,invalid:S,required:T,loading:I,disabled:w,readonly:H,id:te,"aria-label":ae,"aria-describedby":me,...Ke}=e;return(0,Ie.jsxs)(U,{...Ke,size:t,rounded:o,fillMode:a,hover:p,focus:v,valid:g,invalid:S,required:T,loading:I,disabled:w,readonly:H,className:i(e.className,Ls),children:[u&&(0,Ie.jsxs)(Ie.Fragment,{children:[(0,Ie.jsx)(Se,{children:u}),r&&(0,Ie.jsx)(le,{})]}),(0,Ie.jsx)(be,{id:te,placeholder:x,value:N,type:h,disabled:w,"aria-label":ae,"aria-describedby":me,"aria-invalid":S?"true":void 0}),d&&(0,Ie.jsx)(re,{valid:g,invalid:S,loading:I,disabled:w}),(0,Ie.jsx)(se,{loading:I,disabled:w}),s&&(0,Ie.jsx)(ue,{loading:I,disabled:w,readonly:H,value:N}),f&&(0,Ie.jsxs)(Ie.Fragment,{children:[r&&(0,Ie.jsx)(le,{}),(0,Ie.jsx)(Me,{children:f})]})]})};F.states=Hp;F.options=Fp;F.className=Ls;F.defaultOptions=Ya;F.moduleName=Qr;F.folderName=vs;F.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 Ea=F;var Ms=require("react/jsx-runtime"),Ss=e=>(0,Ms.jsx)(Ea,{...e});var Is=require("react/jsx-runtime");var ys=require("react/jsx-runtime");var Up=require("react/jsx-runtime");var Za=require("react/jsx-runtime"),Gp=F.states,Vp=F.defaultOptions,$p=F.options,Xp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],qp=[],Lo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t!=null&&t[r]?(0,Za.jsx)(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,Za.jsx)(ro,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[r];break;default:break}}),(0,Za.jsx)(Ss,{value:"Value",style:{width:300},...o,...a})};Lo.options=$p;Lo.states=Gp;Lo.variants=qp;Lo.defaultOptions=Vp;Lo.modifiers=Xp;Lo.className=F.className;var Ye=require("react/jsx-runtime"),Ts="k-actionsheet-titlebar",Wp={},De=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:d,inputValue:u,inputPlaceholder:f,adaptive:h,titleId:N,children:x,...p}=e;return(0,Ye.jsxs)("div",{...p,className:i(e.className,Ts),children:[(0,Ye.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,Ye.jsx)("div",{className:"k-actionsheet-actions",children:a}),!x&&(0,Ye.jsxs)("div",{className:"k-actionsheet-title",id:N,children:[t&&(0,Ye.jsx)("div",{className:"k-text-center",children:t}),o&&(0,Ye.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&(0,Ye.jsx)("div",{className:"k-actionsheet-title",id:N,children:x}),r&&(0,Ye.jsx)("div",{className:"k-actionsheet-actions",children:r})]}),(d\|\|s)&&(0,Ye.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?(0,Ye.jsx)(F,{value:u,placeholder:f,size:h?"large":"medium","aria-label":t\|\|f\|\|"Input"}):(0,Ye.jsx)(ot,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};De.className=Ts;De.defaultOptions=Wp;var So=require("react/jsx-runtime"),jr="k-actionsheet-view",Jp=[],Yp={},Zp={},Mo=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:d,...u}=e,f=(r==null?void 0:r.type)===De&&(0,So.jsx)(De,{adaptive:t,titleId:d,...r==null?void 0:r.props}),h=(s==null?void 0:s.type)===Ut&&(0,So.jsx)(Ut,{...s==null?void 0:s.props});return(0,So.jsxs)("div",{...u,className:i(e.className,jr,{[`${jr}-animated`]:o}),children:[f,(0,So.jsx)("div",{className:"k-actionsheet-content",children:a}),h]})};Mo.states=Jp;Mo.options=Yp;Mo.className=jr;Mo.defaultOptions=Zp;var Ca="action-sheet",Qa=Ca;var en="overlay",Es=en;var Cs=require("react/jsx-runtime"),tn="k-overlay",Qp=[],jp={themeColor:[k.undefined,k.light,k.dark,k.inverse]},em={},Vt=e=>{let{themeColor:t,...o}=e;return(0,Cs.jsx)("div",{...o,className:i(e.className,tn,y(tn,{themeColor:t})),children:e.children})};Vt.states=Qp;Vt.options=jp;Vt.className=tn;Vt.defaultOptions=em;Vt.moduleName=en;Vt.folderName=Es;var io=require("react/jsx-runtime"),Os="k-actionsheet",tm=[],om={},Oa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},j=e=>{let{side:t=Oa.side,fullscreen:o=Oa.fullscreen,adaptive:a=Oa.adaptive,overlay:r=Oa.overlay,template:s,children:d,header:u,footer:f,id:h,...N}=e,x=h&&!s&&u?`${h}-title`:void 0;return(0,io.jsxs)("div",{className:"k-actionsheet-container",children:[r&&(0,io.jsx)(Vt,{}),(0,io.jsx)(kt,{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,io.jsx)("div",{...N,id:h,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":x,className:i(e.className,Os,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|(0,io.jsx)(Mo,{header:u,footer:f,adaptive:a,titleId:x,...e,children:d})})})]})};j.states=tm;j.options=om;j.className=Os;j.defaultOptions=Oa;j.moduleName=Ca;j.folderName=Qa;j.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};var ws=require("react/jsx-runtime"),As="k-actionsheet-container",am=[],rm={},nm={},Io=e=>{let{children:t,...o}=e;return(0,ws.jsx)("div",{...o,className:As,children:t})};Io.states=am;Io.options=rm;Io.className=As;Io.defaultOptions=nm;Io.moduleName=Ca;Io.folderName=Qa;var Rs=require("react/jsx-runtime"),on=e=>{let{...t}=e;return(0,Rs.jsx)("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};var at=require("react/jsx-runtime"),an="k-actionsheet-item",im=[n.hover,n.focus,n.selected,n.disabled],$t=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:d,disabled:u,...f}=e;return(0,at.jsxs)("span",{...f,className:i(e.className,an,E(an,{hover:r,focus:s,selected:d,disabled:u})),children:[!e.children&&(0,at.jsx)(at.Fragment,{children:(0,at.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,at.jsx)("span",{className:"k-icon-wrap",children:(0,at.jsx)(L,{className:"k-actionsheet-item-icon",icon:t})}),(0,at.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,at.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,at.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};$t.states=im;$t.className=an;var Bs=require("react/jsx-runtime");var sm=require("react/jsx-runtime");var lm=require("react/jsx-runtime");var dm=require("react/jsx-runtime");var J=require("react/jsx-runtime"),cm=j.options,pm=j.states,Ks={...j.defaultOptions,variant:"normal"},mm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],um=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],yo=e=>{let{variant:t,modifiers:o,...a}={...Ks,...e},r={},s=(0,J.jsxs)(on,{children:[(0,J.jsx)($t,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,J.jsx)($t,{text:"Add to Favorites",iconName:"heart"}),(0,J.jsx)($t,{text:"Upload New",iconName:"upload",disabled:!0}),(0,J.jsx)("hr",{className:"k-hr"}),(0,J.jsx)($t,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",u="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o\|\|{}).forEach(f=>{switch(f){case"actions":r.actionsStart=!!(o!=null&&o[f]),r.actionsEnd=!!(o!=null&&o[f]);break;case"subtitle":r.subtitle=o!=null&&o[f]?d:void 0;break;case"footer":r.footer=!!(o!=null&&o[f]);break;default:break}}),t==="adaptive"?(0,J.jsx)(j,{...a,adaptive:!0,fullscreen:r.fullScreen,header:(0,J.jsx)(De,{actionsStart:r.actionsStart?(0,J.jsx)(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,J.jsx)(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:r.subtitle}),footer:r.footer?(0,J.jsxs)(Ut,{alignment:"stretched",children:[(0,J.jsx)(c,{text:"Cancel",size:"large",themeColor:"base"}),(0,J.jsx)(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,J.jsx)(j,{...a,fullscreen:r.fullScreen,header:(0,J.jsx)(De,{actionsStart:r.actionsStart?(0,J.jsx)(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,J.jsx)(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?(0,J.jsxs)(Ut,{alignment:"stretched",children:[(0,J.jsx)(c,{text:"Apply",themeColor:"primary"}),(0,J.jsx)(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};yo.options=cm;yo.states=pm;yo.variants=mm;yo.defaultOptions=Ks;yo.modifiers=um;yo.className=j.className;var rn="slider",Ds=rn;var mt=require("react/jsx-runtime"),Aa="k-slider",bm=[n.hover,n.focus,n.active,n.disabled,n.readonly],fm={},rt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},q=e=>{let{type:t=rt.type,orientation:o=rt.orientation,gradientType:a=rt.gradientType,readonly:r=rt.readonly,disabled:s=rt.disabled,handlePosition:d=rt.handlePosition,showButtons:u=rt.showButtons,showTicks:f=rt.showTicks,value:h=rt.value,min:N=rt.min,max:x=rt.max,startValue:p,endValue:v,hover:g,focus:S,active:T,trackStyle:I,dir:w,...H}=e,ae=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),me,Ke;return o==="horizontal"?(me=w==="rtl"?"caret-alt-left":"caret-alt-right",Ke=w==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(me="caret-alt-up",Ke="caret-alt-down"),(0,mt.jsxs)("div",{...H,className:i(Aa,e.className,E(Aa,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:w,children:[u&&(0,mt.jsx)(c,{className:"k-button-decrease",rounded:"full",icon:Ke,tabIndex:-1,title:"Decrease"}),(0,mt.jsxs)("div",{className:"k-slider-track-wrap",children:[f&&(0,mt.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,mt.jsxs)("div",{className:"k-slider-track",style:I,children:[(0,mt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,mt.jsx)("span",{className:i("k-draghandle","k-draghandle-start",E(Aa,{hover:g,focus:S,active:T})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":p??N,"aria-valuemin":N,"aria-valuemax":v??x,"aria-orientation":ae,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":H["aria-label"]?`${H["aria-label"]} start`:"Range start"}),(0,mt.jsx)("span",{className:i("k-draghandle",`k-draghandle-${d}`,E(Aa,{hover:g,focus:S,active:T})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?v??x:h,"aria-valuemin":t==="range"?p??N:N,"aria-valuemax":x,"aria-orientation":ae,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?H["aria-label"]?`${H["aria-label"]} end`:"Range end":H["aria-label"]})]})]}),u&&(0,mt.jsx)(c,{className:"k-button-increase",rounded:"full",icon:me,tabIndex:-1,title:"Increase"})]})};q.states=bm;q.options=fm;q.className=Aa;q.defaultOptions=rt;q.moduleName=rn;q.folderName=Ds;q.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").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};var nn=require("react/jsx-runtime"),_s="k-tick",hm=[],xm={},zs={label:!1},C=e=>{let{style:t,label:o=zs.label,orientation:a,large:r,text:s,...d}=e;return(0,nn.jsx)("li",{...d,role:"presentation",title:s\|\|"Tick",className:i(e.className,_s,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&(0,nn.jsx)("span",{className:"k-label",children:s})})};C.states=hm;C.options=xm;C.className=_s;C.defaultOptions=zs;var fe=require("react/jsx-runtime"),Hs=e=>(0,fe.jsx)(q,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)(C,{className:"k-first",label:!0,large:!0,text:"0"}),(0,fe.jsx)(C,{}),(0,fe.jsx)(C,{}),(0,fe.jsx)(C,{}),(0,fe.jsx)(C,{}),(0,fe.jsx)(C,{label:!0,large:!0,text:"5"}),(0,fe.jsx)(C,{}),(0,fe.jsx)(C,{}),(0,fe.jsx)(C,{}),(0,fe.jsx)(C,{}),(0,fe.jsx)(C,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var he=require("react/jsx-runtime"),Fs=e=>(0,he.jsx)(q,{children:(0,he.jsxs)(he.Fragment,{children:[(0,he.jsx)(C,{className:"k-first",label:!0,large:!0,text:"0"}),(0,he.jsx)(C,{}),(0,he.jsx)(C,{}),(0,he.jsx)(C,{}),(0,he.jsx)(C,{}),(0,he.jsx)(C,{label:!0,large:!0,text:"5"}),(0,he.jsx)(C,{}),(0,he.jsx)(C,{}),(0,he.jsx)(C,{}),(0,he.jsx)(C,{}),(0,he.jsx)(C,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var sn=require("react/jsx-runtime");var ln=require("react/jsx-runtime");var Us=require("react/jsx-runtime"),dn=e=>(0,Us.jsx)(q,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Gs=require("react/jsx-runtime"),cn=e=>(0,Gs.jsx)(q,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var pn=require("react/jsx-runtime");var mn=require("react/jsx-runtime");var Ve=require("react/jsx-runtime"),Nm=q.options,km=q.states,Vs={...q.defaultOptions,variant:"horizontal",label:!0},gm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],vm=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],To=e=>{let{variant:t,modifiers:o,...a}={...Vs,...e},r={};Object.keys(o\|\|{}).forEach(h=>{switch(h){case"button":{r.showButtons=!!(o!=null&&o[h]);break}case"label":{r.label=!!(o!=null&&o[h]);break}case"tick":{r.showTicks=!!(o!=null&&o[h]);break}}});let{label:s=!0,showButtons:d,showTicks:u}=r,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,Ve.jsxs)(Fs,{showTicks:u,showButtons:d,style:{height:"300px",...f},...a,children:[(0,Ve.jsx)(C,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,Ve.jsx)(C,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,Ve.jsx)(C,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,Ve.jsx)(C,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,Ve.jsx)(C,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,Ve.jsxs)(Hs,{showTicks:u,showButtons:d,style:{width:"400px",...f},...a,children:[(0,Ve.jsx)(C,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,Ve.jsx)(C,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,Ve.jsx)(C,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,Ve.jsx)(C,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,Ve.jsx)(C,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};To.options=Nm;To.states=km;To.variants=gm;To.defaultOptions=Vs;To.modifiers=vm;To.className=q.className;var wa=require("react/jsx-runtime"),$s="k-spin-button",Mm=[],Im={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},un={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},vt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=un.increaseLabel,decreaseLabel:s=un.decreaseLabel,...d}=e;return(0,wa.jsxs)("span",{...d,className:i($s,e.className),children:[(0,wa.jsx)(c,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":r}),(0,wa.jsx)(c,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};vt.states=Mm;vt.options=Im;vt.className=$s;vt.defaultOptions=un;vt.moduleName=null;vt.folderName=null;var Xs="numeric-textbox",qs="numerictextbox";var xe=require("react/jsx-runtime"),Ws="k-numerictextbox",ym=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Tm={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},ja={showSpinButton:!0,showClearButton:!0,separators:!0},D=e=>{let{size:t,rounded:o,fillMode:a,separators:r=ja.separators,showClearButton:s=ja.showClearButton,showSpinButton:d=ja.showSpinButton,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:v,invalid:g,required:S,loading:T,disabled:I,readonly:w,id:H,"aria-label":te,"aria-describedby":ae,...me}=e;return(0,xe.jsxs)(U,{...me,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:v,invalid:g,required:S,loading:T,disabled:I,readonly:w,className:i(e.className,Ws),children:[u&&(0,xe.jsxs)(xe.Fragment,{children:[(0,xe.jsx)(Se,{children:u}),r&&(0,xe.jsx)(le,{})]}),(0,xe.jsx)(be,{id:H,placeholder:N,value:h,role:"spinbutton",disabled:I,"aria-label":te,"aria-describedby":ae,"aria-invalid":g?"true":void 0}),(0,xe.jsx)(re,{valid:v,invalid:g,loading:T,disabled:I}),(0,xe.jsx)(se,{loading:T,disabled:I}),s&&(0,xe.jsx)(ue,{loading:T,disabled:I,readonly:w,value:h}),f&&(0,xe.jsxs)(xe.Fragment,{children:[r&&(0,xe.jsx)(le,{}),(0,xe.jsx)(Me,{children:f})]}),d&&(0,xe.jsx)(vt,{className:"k-input-spinner",size:t,fillMode:a,disabled:I})]})};D.states=ym;D.options=Tm;D.className=Ws;D.defaultOptions=ja;D.moduleName=Xs;D.folderName=qs;D.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 Ra=D;var Ys=require("react/jsx-runtime"),Js=e=>(0,Ys.jsx)(Ra,{...e});var tr=Ki(require("react"));var bn=require("react/jsx-runtime"),Em="k-list-group-sticky-header",fn=e=>(0,bn.jsx)("div",{className:i(Em,e.className),children:(0,bn.jsx)("div",{className:"k-list-header-text",children:e.children})});var Zs=require("react/jsx-runtime"),Cm="k-no-data",er=e=>{let{live:t,...o}=e;return(0,Zs.jsx)("span",{...o,className:i(Cm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var so="list",Eo=so;var Co=require("react/jsx-runtime"),hn="k-list",Om=[],Am={size:[l.undefined,l.small,l.medium,l.large]},wm={},K=e=>{var v;let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:d,noData:u,screenReaders:f,...h}=e,x=tr.default.Children.toArray(a)[0],p=(v=x==null?void 0:x.props)!=null&&v.children?tr.default.Children.count(x.props.children):tr.default.Children.count(a);return(0,Co.jsxs)("div",{...h,className:i(e.className,hn,y(hn,{size:t}),{"k-virtual-list":o}),children:[s,d,r&&(0,Co.jsx)(fn,{children:r}),a\|\|(u!==void 0?u:(0,Co.jsx)(er,{live:!0,children:"No data found."})),f&&a&&(0,Co.jsxs)(er,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};K.states=Om;K.options=Am;K.className=hn;K.defaultOptions=wm;K.moduleName=so;K.folderName=Eo;K.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var js=require("react/jsx-runtime"),Qs="k-list-container",Rm=[],Bm={},Pm={},Oo=e=>{let{...t}=e;return(0,js.jsx)("div",{...t,className:i(e.className,Qs),children:e.children})};Oo.states=Rm;Oo.options=Bm;Oo.className=Qs;Oo.defaultOptions=Pm;Oo.moduleName=so;Oo.folderName=Eo;var lo="checkbox",Ao=lo;var xn=require("react/jsx-runtime"),or="k-checkbox",Km=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Dm={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},_m={},Ze=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:d,invalid:u,valid:f,required:h,size:N,rounded:x,wrapperRole:p,...v}=e;return(0,xn.jsx)("span",{className:"k-checkbox-wrap",role:p,children:(0,xn.jsx)("input",{...v,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:d\|\|void 0,"aria-invalid":u?"true":void 0,className:i(e.className,or,y(or,{size:N,rounded:x}),E(or,{hover:r,focus:s,disabled:d,invalid:u,valid:f,indeterminate:a,checked:o}))})})};Ze.states=Km;Ze.options=Dm;Ze.className=or;Ze.defaultOptions=_m;Ze.moduleName=lo;Ze.folderName=Ao;Ze.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 ut=Ze;var ol=require("react/jsx-runtime"),el="k-checkbox-list",zm=[],Hm={},tl={layout:"vertical"},_e=e=>{let{layout:t=tl.layout,...o}=e;return(0,ol.jsx)("ul",{...o,className:i(e.className,el,{[`k-list-${t}`]:t}),children:e.children})};_e.states=zm;_e.options=Hm;_e.className=el;_e.defaultOptions=tl;_e.moduleName=lo;_e.folderName=Ao;var rl=require("react/jsx-runtime"),al="k-checkbox-list-item",Fm=[],Um={},Gm={},ze=e=>{let{...t}=e;return(0,rl.jsx)("li",{...t,className:i(e.className,al),children:e.children})};ze.states=Fm;ze.options=Um;ze.className=al;ze.defaultOptions=Gm;ze.moduleName=lo;ze.folderName=Ao;var co=require("react/jsx-runtime"),bt=({children:e="Label",id:t="cb-label-after",...o})=>(0,co.jsxs)(co.Fragment,{children:[(0,co.jsx)(ut,{id:t,...o}),(0,co.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Nn=require("react/jsx-runtime");var kn=require("react/jsx-runtime");var gn=require("react/jsx-runtime");var Vm=require("react/jsx-runtime");var $m=require("react/jsx-runtime");var Xm=require("react/jsx-runtime");var ye=require("react/jsx-runtime"),qm=_e.options,Wm=_e.states,Jm={..._e.defaultOptions,variant:"vertical"},Ym=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Zm=[],wo=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,ye.jsxs)(_e,{layout:"horizontal",...o,children:[(0,ye.jsx)(ze,{children:(0,ye.jsx)(bt,{id:R("cb"),defaultChecked:!0,children:"Label"})}),(0,ye.jsx)(ze,{children:(0,ye.jsx)(bt,{id:R("cb"),children:"Label"})}),(0,ye.jsx)(ze,{children:(0,ye.jsx)(bt,{id:R("cb"),children:"Label"})})]}):(0,ye.jsxs)(_e,{...o,children:[(0,ye.jsx)(ze,{children:(0,ye.jsx)(bt,{id:R("cb"),defaultChecked:!0,children:"Label"})}),(0,ye.jsx)(ze,{children:(0,ye.jsx)(bt,{id:R("cb"),children:"Label"})}),(0,ye.jsx)(ze,{children:(0,ye.jsx)(bt,{id:R("cb"),children:"Label"})})]})};wo.options=qm;wo.states=Wm;wo.variants=Ym;wo.defaultOptions=Jm;wo.modifiers=Zm;wo.className=_e.className;var nl=require("react/jsx-runtime"),Qm=ut.options,jm=ut.states,eu=ut.defaultOptions,tu=[],ou=[],Ro=e=>(0,nl.jsx)(bt,{id:R("checkbox"),...e,defaultChecked:!0,children:"Label"});Ro.options=Qm;Ro.states=jm;Ro.variants=tu;Ro.defaultOptions=eu;Ro.modifiers=ou;Ro.className=ut.className;var Lt=require("react/jsx-runtime"),vn="k-list-item",au=[n.hover,n.focus,n.selected,n.disabled],ru={},nu={},B=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:d,checked:u,hover:f,focus:h,selected:N,disabled:x,actions:p,description:v,id:g,...S}=e,T=t\|\|e.children;return(0,Lt.jsxs)("li",{...S,id:g,role:a?"presentation":"option",tabIndex:a?void 0:h?0:-1,"aria-selected":!a&&N?"true":a?void 0:"false","aria-disabled":!a&&x?"true":void 0,className:i(e.className,a?"k-list-group-item":vn,E(vn,{hover:f,focus:h,disabled:x,selected:N})),children:[d&&(0,Lt.jsx)(Ze,{checked:u}),r&&(0,Lt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Lt.jsx)(L,{icon:r,className:i("k-list-item-icon",s)})}),(0,Lt.jsx)("span",{className:"k-list-item-text",children:T}),p&&(0,Lt.jsx)("div",{className:"k-list-item-actions",children:p}),v&&(0,Lt.jsx)("span",{className:"k-list-item-description",children:v}),o&&o!==""&&(0,Lt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};B.states=au;B.options=ru;B.className=vn;B.defaultOptions=nu;B.moduleName=so;B.folderName=Eo;B.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 il=require("react/jsx-runtime"),iu="k-list-ul",Ot=e=>{let{children:t,role:o,id:a,...r}=e;return(0,il.jsx)("ul",{...r,id:a,role:o,className:i(iu,e.className),children:t})};Ot.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 Bo=require("react/jsx-runtime"),su="k-list-content",G=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...d}=e;return(0,Bo.jsxs)("div",{...d,className:i(su,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:(0,Bo.jsx)(Ot,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&(0,Bo.jsx)("div",{className:"k-height-container",children:(0,Bo.jsx)("div",{})})]})};G.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 Ln=require("react/jsx-runtime");var Po=require("react/jsx-runtime"),lu="k-list-group-item",po=e=>{let{groupIconName:t,...o}=e;return(0,Po.jsxs)("li",{...o,role:"presentation",className:i(lu,e.className),children:[t&&(0,Po.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Po.jsx)(L,{icon:t,className:"k-list-item-icon"})}),(0,Po.jsx)("span",{className:"k-list-item-text",children:e.children})]})};po.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 sl=require("react/jsx-runtime"),Sn="k-list-optionlabel",du=[n.hover,n.focus,n.selected,n.disabled],cu={},pu={},ar=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return(0,sl.jsx)("div",{...d,className:i(Sn,E(Sn,{hover:o,focus:a,selected:r,disabled:s})),children:t})};ar.states=du;ar.options=cu;ar.className=Sn;ar.defaultOptions=pu;var ll=require("react/jsx-runtime"),Mn="k-list-custom-value",mu=[n.hover,n.focus,n.selected,n.disabled],uu={},bu={},Xt=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return(0,ll.jsx)("div",{...d,className:i(Mn,E(Mn,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Xt.states=mu;Xt.options=uu;Xt.className=Mn;Xt.defaultOptions=bu;var In=require("react/jsx-runtime");var yn=require("react/jsx-runtime");var Tn=require("react/jsx-runtime");var En=require("react/jsx-runtime");var fu=require("react/jsx-runtime");var Cn=require("react/jsx-runtime");var dl="dropdown-list",cl="dropdownlist";var Y=require("react/jsx-runtime"),pl="k-dropdownlist",hu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],xu={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},On={showValue:!0,arrowIconName:"caret-alt-down"},_=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=On.arrowIconName,showValue:s=On.showValue,valueIconName:d,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:v,invalid:g,required:S,loading:T,disabled:I,readonly:w,popup:H,opened:te,adaptive:ae,adaptiveSettings:me,adaptiveTitle:Ke,adaptiveSubtitle:oo,adaptiveFilter:Lr,id:Ht,activeDescendant:Fa,"aria-label":Sr,...Mr}=e,vc=Ht?`${Ht}-listbox`:void 0,Bi=Ht?`${Ht}-value`:void 0;return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(Nt,{...Mr,id:Ht,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:v,invalid:g,required:S,loading:T,disabled:I,readonly:w,className:i(e.className,pl,{"k-icon-picker":!s&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":te?"true":"false","aria-controls":te?vc:void 0,"aria-activedescendant":te&&Fa?Fa:void 0,"aria-describedby":te?Bi:void 0,"aria-disabled":I?"true":void 0,"aria-label":Sr,tabIndex:0,children:[(0,Y.jsx)(Se,{children:u}),(0,Y.jsx)(no,{placeholder:N,value:h,showValue:s,valueIconName:d,id:Bi}),(0,Y.jsx)(re,{valid:v,invalid:g,loading:T,disabled:I}),(0,Y.jsx)(se,{loading:T,disabled:I}),(0,Y.jsx)(Me,{children:f}),(0,Y.jsx)(c,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),te&&H&&(0,Y.jsx)(W,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:H}),ae&&(0,Y.jsx)(j,{adaptive:!0,...me,header:(0,Y.jsx)(De,{actionsEnd:(0,Y.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Lr,inputValue:h,inputPlaceholder:N,title:Ke,subtitle:oo}),children:(0,Y.jsx)("div",{className:"k-list-container",children:(0,Y.jsx)(K,{size:"large",children:(0,Y.jsxs)(G,{"aria-label":"Options",children:[(0,Y.jsx)(B,{text:"List item"}),(0,Y.jsx)(B,{text:"List item"}),(0,Y.jsx)(B,{text:"List item"})]})})})})]})};_.states=hu;_.options=xu;_.className=pl;_.defaultOptions=On;_.moduleName=dl;_.folderName=cl;_.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};var Nu=require("react/jsx-runtime");var ml=require("react/jsx-runtime");var An=require("react/jsx-runtime");var ku=require("react/jsx-runtime");var ul=require("react/jsx-runtime");var wn=require("react/jsx-runtime");var gu=require("react/jsx-runtime");var $e=require("react/jsx-runtime"),vu=_.states,Lu=_.defaultOptions,Su=_.options,Mu=[{name:"opened",title:"Opened"}],Iu=[],Do=e=>{let{modifiers:t,...o}=e,a={},r=(0,$e.jsxs)($e.Fragment,{children:[(0,$e.jsx)("div",{className:"k-list-filter",children:(0,$e.jsx)(ot,{})}),(0,$e.jsx)(K,{style:{width:300},size:o.size,children:(0,$e.jsxs)(G,{children:[(0,$e.jsx)(B,{children:"List item"}),(0,$e.jsx)(B,{children:"List item"}),(0,$e.jsx)(B,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?r:void 0)}),(0,$e.jsx)("div",{children:(0,$e.jsx)(_,{placeholder:"Value",style:{width:300},...o,...a})})};Do.options=Su;Do.states=vu;Do.variants=Iu;Do.defaultOptions=Lu;Do.modifiers=Mu;Do.className=_.className;var bl=require("react/jsx-runtime");var fl=require("react/jsx-runtime");var yu=require("react/jsx-runtime");var rr=require("react/jsx-runtime"),Tu=D.states,Eu=D.defaultOptions,Cu=D.options,Ou=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Au=[],_o=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t!=null&&t[r]?(0,rr.jsx)(_,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,rr.jsx)(Gr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[r];break;case"spin-button":a.showSpinButton=t==null?void 0:t[r];break;default:break}}),(0,rr.jsx)(Js,{value:"Value",style:{width:300},...o,...a})};_o.options=Cu;_o.states=Tu;_o.variants=Au;_o.defaultOptions=Eu;_o.modifiers=Ou;_o.className=D.className;var M=require("react/jsx-runtime"),hl="k-colorgradient-inputs",wu=[],Ru={size:[l.undefined,l.small,l.medium,l.large]},xl={mode:"rgba"},zo=e=>{let{mode:t=xl.mode,size:o,...a}=e;return(0,M.jsxs)("div",{...a,className:i(hl,"k-hstack"),children:[(0,M.jsx)("div",{className:"k-vstack",children:(0,M.jsx)(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,M.jsxs)(M.Fragment,{children:[(0,M.jsxs)("div",{className:"k-vstack",children:[(0,M.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,M.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,M.jsxs)("div",{className:"k-vstack",children:[(0,M.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,M.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,M.jsxs)("div",{className:"k-vstack",children:[(0,M.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,M.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,M.jsxs)("div",{className:"k-vstack",children:[(0,M.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,M.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,M.jsxs)(M.Fragment,{children:[(0,M.jsxs)("div",{className:"k-vstack",children:[(0,M.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,M.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,M.jsxs)("div",{className:"k-vstack",children:[(0,M.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,M.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,M.jsxs)("div",{className:"k-vstack",children:[(0,M.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,M.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,M.jsxs)(M.Fragment,{children:[(0,M.jsxs)("div",{className:"k-vstack",children:[(0,M.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,M.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,M.jsxs)("div",{className:"k-vstack",children:[(0,M.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,M.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,M.jsxs)("div",{className:"k-vstack",children:[(0,M.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,M.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,M.jsxs)("div",{className:"k-vstack",children:[(0,M.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,M.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,M.jsxs)(M.Fragment,{children:[(0,M.jsxs)("div",{className:"k-vstack",children:[(0,M.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,M.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,M.jsxs)("div",{className:"k-vstack",children:[(0,M.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,M.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,M.jsxs)("div",{className:"k-vstack",children:[(0,M.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,M.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,M.jsx)(M.Fragment,{children:(0,M.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,M.jsx)(F,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,M.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};zo.states=wu;zo.options=Ru;zo.className=hl;zo.defaultOptions=xl;var Te=require("react/jsx-runtime"),Nl="k-colorgradient-color-contrast",Bu=[],Pu={},Ku={},Ho=()=>(0,Te.jsxs)("div",{className:i(Nl,"k-vbox"),children:[(0,Te.jsxs)("div",{className:"k-contrast-ratio",children:[(0,Te.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,Te.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,Te.jsx)(L,{icon:"check"}),(0,Te.jsx)(L,{icon:"check"})]})]}),(0,Te.jsxs)("div",{children:[(0,Te.jsx)("span",{children:"AA: 4.5"}),(0,Te.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,Te.jsx)(L,{icon:"check"})]})]}),(0,Te.jsxs)("div",{children:[(0,Te.jsx)("span",{children:"AAA: 7.0"}),(0,Te.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,Te.jsx)(L,{icon:"x"})]})]})]});Ho.states=Bu;Ho.options=Pu;Ho.className=Nl;Ho.defaultOptions=Ku;var kl="color-gradient",gl="colorgradient";var ne=require("react/jsx-runtime"),nr="k-colorgradient",Du=[n.hover,n.focus,n.readonly,n.disabled],_u={size:[l.undefined,l.small,l.medium,l.large]},St={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"},ce=e=>{let{size:t,mode:o=St.mode,readonly:a=St.readonly,disabled:r=St.disabled,gradientStyle:s=St.gradientStyle,dragHandleStyle:d=St.dragHandleStyle,alphaStyle:u=St.alphaStyle,alphaStyleHorizontal:f=St.alphaStyleHorizontal,contrast:h=St.contrast,dir:N,hover:x,focus:p,hoverHandle:v,focusHandle:g,canvasOrientation:S=St.canvasOrientation,role:T,tabIndex:I,...w}=e;return(0,ne.jsxs)("div",{...w,role:T??"textbox","aria-label":T==="none"?void 0:"Color gradient",tabIndex:I??0,"aria-disabled":r?"true":void 0,className:i(e.className,nr,y(nr,{size:t}),E(nr,{hover:x,focus:p,readonly:a,disabled:r})),dir:N,children:[!S\|\|S==="horizontal"&&(0,ne.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,ne.jsx)("div",{className:"k-hsv-rectangle",style:s,children:(0,ne.jsx)("div",{className:"k-hsv-gradient",children:(0,ne.jsx)("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":v,"k-focus":g}),style:d,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,ne.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,ne.jsx)(cn,{className:"k-hue-slider",hover:v,focus:g}),o!=="rgb"&&o!=="hsv"&&(0,ne.jsx)(cn,{className:"k-alpha-slider",hover:v,focus:g,trackStyle:u})]})]}),S==="vertical"&&(0,ne.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,ne.jsx)("div",{className:"k-hsv-rectangle",style:s,children:(0,ne.jsx)("div",{className:"k-hsv-gradient",children:(0,ne.jsx)("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":v,"k-focus":g}),style:d,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,ne.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,ne.jsx)(dn,{className:"k-hue-slider",hover:v,focus:g}),o!=="rgb"&&o!=="hsv"&&(0,ne.jsx)(dn,{className:"k-alpha-slider",hover:v,focus:g,trackStyle:f})]})]}),(0,ne.jsx)(zo,{mode:e.mode,size:t}),h&&(0,ne.jsx)(Ho,{})]})};ce.states=Du;ce.options=_u;ce.className=nr;ce.defaultOptions=St;ce.moduleName=kl;ce.folderName=gl;ce.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 vl=require("react/jsx-runtime"),ir=e=>(0,vl.jsx)(ce,{...e});var zu=require("react/jsx-runtime");var Hu=require("react/jsx-runtime");var sr=require("react/jsx-runtime"),Fu=ce.options,Uu=ce.states,Gu={...ce.defaultOptions,variant:"rgba"},Vu=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],$u=[],Fo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,sr.jsx)(ir,{...o,mode:t});case"rgb":return(0,sr.jsx)(ir,{...o,mode:t});default:return(0,sr.jsx)(ir,{...o,mode:t})}};Fo.options=Fu;Fo.states=Uu;Fo.variants=Vu;Fo.defaultOptions=Gu;Fo.modifiers=$u;Fo.className=ce.className;var Ll=require("react/jsx-runtime"),Rn=e=>(0,Ll.jsx)("tr",{role:"row",children:e.children});var Sl=require("react/jsx-runtime"),Bn="k-colorpalette-tile",Xu=[n.hover,n.focus,n.selected],qu={},Uo=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:s,...d}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,Sl.jsx)("td",{...d,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:i(e.className,Bn,E(Bn,{hover:a,focus:r,selected:s})),style:u})};Uo.states=Xu;Uo.options=qu;Uo.className=Bn;var Ml="color-palette",Il="colorpalette";var Go=require("react/jsx-runtime"),lr="k-colorpalette",Wu=[n.disabled],Ju={size:[l.undefined,l.small,l.medium,l.large]},yl={columns:10},He=e=>{let{size:t,palette:o,columns:a=yl.columns,tileSize:r,disabled:s,...d}=e,u=[];if(o){let f=a\|\|o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/f)},(N,x)=>{let p=[];h.slice(xf,(x+1)f).map((g,S)=>{p.push((0,Go.jsx)(Uo,{color:g,tileSize:r},S))});let v=(0,Go.jsx)(Rn,{children:p},x);u.push(v)})}return(0,Go.jsx)("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:i(e.className,lr,E(lr,{disabled:s}),y(lr,{size:t})),children:(0,Go.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,Go.jsx)("tbody",{children:u.length>0?u:e.children})})})};He.states=Wu;He.options=Ju;He.className=lr;He.defaultOptions=yl;He.moduleName=Ml;He.folderName=Il;He.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 dr=He;var Ba={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 El=require("react/jsx-runtime"),Tl=e=>(0,El.jsx)(dr,{palette:Ba.basic,...e});var Yu=require("react/jsx-runtime");var Cl=require("react/jsx-runtime");var Ol=require("react/jsx-runtime"),Zu=He.options,Qu=He.states,ju={...He.defaultOptions,variant:"basic"},eb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],tb={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}},ob=[],Vo=e=>{let{variant:t="basic",...o}=e,a=tb[t];return(0,Ol.jsx)(Tl,{columns:a.columns,palette:a,...o})};Vo.options=Zu;Vo.states=Qu;Vo.variants=eb;Vo.defaultOptions=ju;Vo.modifiers=ob;Vo.className=He.className;var Al="color-editor",wl="coloreditor";var oe=require("react/jsx-runtime"),cr="k-coloreditor",ab=[n.focus],rb={size:[l.undefined,l.small,l.medium,l.large]},Pa={view:"gradient",palette:Ba.office,actionButtons:!0,canvasOrientation:"horizontal"},ee=e=>{let{size:t,view:o=Pa.view,palette:a=Pa.palette,color:r,currentColor:s,focus:d,focusView:u,dir:f,group:h,actionButtons:N=Pa.actionButtons,canvasOrientation:x=Pa.canvasOrientation,...p}=e;return(0,oe.jsxs)("div",{...p,role:"textbox","aria-label":"Color editor",tabIndex:0,className:i(e.className,"k-flatcolorpicker",cr,y(cr,{size:t}),E(cr,{focus:d})),dir:f,children:[(0,oe.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,oe.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&(0,oe.jsxs)(A,{fillMode:"flat",children:[(0,oe.jsx)(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,oe.jsx)(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,oe.jsx)("div",{className:"k-spacer"}),(0,oe.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,oe.jsx)(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,oe.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,oe.jsx)(Ft,{className:"k-coloreditor-preview-color",color:r}),(0,oe.jsx)(Ft,{className:"k-coloreditor-current-color",color:s})]})]})]}),(0,oe.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,oe.jsx)(ce,{focus:u,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):(0,oe.jsx)(He,{palette:a,size:t})}),N&&(0,oe.jsxs)(gt,{className:"k-coloreditor-footer",alignment:"start",children:[(0,oe.jsx)(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,oe.jsx)(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ee.states=ab;ee.options=rb;ee.className=cr;ee.defaultOptions=Pa;ee.moduleName=Al;ee.folderName=wl;ee.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 $o=ee;var nb=require("react/jsx-runtime");var ib=require("react/jsx-runtime");var Bl=require("react/jsx-runtime"),Rl=e=>(0,Bl.jsx)($o,{group:!0,currentColor:"fuchsia",...e});var Kl=require("react/jsx-runtime"),Pl=e=>(0,Kl.jsx)($o,{view:"palette",group:!0,currentColor:"fuchsia",...e});var Pn=require("react/jsx-runtime"),sb=ee.options,lb=ee.states,db={...ee.defaultOptions,variant:"gradient"},cb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],pb=[],Xo=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Pn.jsx)(Pl,{...o,color:"white"}):(0,Pn.jsx)(Rl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Xo.options=sb;Xo.states=lb;Xo.variants=cb;Xo.defaultOptions=db;Xo.modifiers=pb;Xo.className=ee.className;var Dl="color-picker",_l="colorpicker";var ie=require("react/jsx-runtime"),zl="k-colorpicker",mb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],ub={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Hl={arrowIconName:"caret-alt-down"},Qe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=Hl.arrowIconName,prefix:s,suffix:d,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:v,disabled:g,valueIconName:S,popup:T,opened:I,adaptive:w,adaptiveSettings:H,adaptiveTitle:te,adaptiveSubtitle:ae,...me}=e,Ke="colorpicker-popup";return(0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsxs)(Nt,{...me,size:t,rounded:o,fillMode:a,hover:h,focus:N,valid:x,invalid:p,required:v,disabled:g,role:"combobox","aria-haspopup":"dialog","aria-expanded":I?"true":"false","aria-controls":I\|\|w?Ke:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":g?"true":void 0,className:i(e.className,zl,"k-icon-picker"),children:[(0,ie.jsx)(Se,{children:s}),(0,ie.jsx)(no,{placeholder:f,value:u,showValue:!1,valueIcon:(0,ie.jsx)(Ft,{className:"k-value-icon",color:u,iconName:S}),valueIconName:S}),(0,ie.jsx)(Me,{children:d}),(0,ie.jsx)(c,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:g})]}),I&&T&&(0,ie.jsx)(W,{id:Ke,className:"k-colorpicker-popup",children:T}),w&&(0,ie.jsx)(j,{adaptive:!0,id:Ke,...H,header:(0,ie.jsx)(De,{actionsEnd:(0,ie.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:te,subtitle:ae}),footer:(0,ie.jsxs)(Ut,{children:[(0,ie.jsx)(c,{text:"Cancel",size:"large"}),(0,ie.jsx)(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,ie.jsx)(ee,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Qe.states=mb;Qe.options=ub;Qe.className=zl;Qe.defaultOptions=Hl;Qe.moduleName=Dl;Qe.folderName=_l;Qe.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 At=Qe;var Fl=require("react/jsx-runtime"),pr=e=>(0,Fl.jsx)(At,{...e});var bb=require("react/jsx-runtime");var fb=require("react/jsx-runtime");var hb=require("react/jsx-runtime");var xb=require("react/jsx-runtime");var Nb=require("react/jsx-runtime");var kb=require("react/jsx-runtime");var qt=require("react/jsx-runtime"),gb=At.options,vb=At.states,Ul={...At.defaultOptions,variant:"color"},Lb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Sb=[{name:"opened",title:"Opened"}],qo=e=>{let{variant:t,modifiers:o,...a}={...Ul,...e},r={};Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(r.opened=!!(o!=null&&o[d]),r.popup=o!=null&&o[d]?(0,qt.jsx)(ee,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,qt.jsx)("div",{style:s,children:(0,qt.jsx)(pr,{...a,...r})});case"icon":return(0,qt.jsx)("div",{style:s,children:(0,qt.jsx)(pr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return(0,qt.jsx)("div",{style:s,children:(0,qt.jsx)(pr,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};qo.options=gb;qo.states=vb;qo.variants=Lb;qo.defaultOptions=Ul;qo.modifiers=Sb;qo.className=At.className;var Kn="combobox",Gl=Kn;var z=require("react/jsx-runtime"),Vl="k-combobox",Mb=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Ib={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},$l={separators:!0},Ee=e=>{let{size:t,rounded:o,fillMode:a,separators:r=$l.separators,prefix:s,suffix:d,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:v,loading:g,disabled:S,popup:T,opened:I,readonly:w,adaptive:H,adaptiveSettings:te,adaptiveTitle:ae,adaptiveSubtitle:me,adaptiveCustomValue:Ke,id:oo,autocomplete:Lr,activeDescendant:Ht,"aria-label":Fa,...Sr}=e,Mr=oo?`${oo}-listbox`:void 0;return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsxs)(U,{...Sr,size:t,rounded:o,fillMode:a,hover:h,focus:N,valid:x,invalid:p,required:v,loading:g,disabled:S,readonly:w,className:i(e.className,Vl),children:[s&&(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(Se,{children:s}),r&&(0,z.jsx)(le,{})]}),(0,z.jsx)(be,{id:oo,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":I?"true":"false","aria-controls":I?Mr:void 0,"aria-activedescendant":I&&Ht?Ht:void 0,"aria-autocomplete":Lr,"aria-invalid":p?"true":void 0,"aria-busy":g?"true":void 0,"aria-label":Fa,disabled:S,readOnly:w}),(0,z.jsx)(re,{valid:x,invalid:p,loading:g,disabled:S}),(0,z.jsx)(se,{loading:g,disabled:S}),(0,z.jsx)(ue,{loading:g,disabled:S,readonly:w,value:u}),d&&(0,z.jsxs)(z.Fragment,{children:[r&&(0,z.jsx)(le,{}),(0,z.jsx)(Me,{children:d})]}),(0,z.jsx)(c,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:S})]}),I&&T&&(0,z.jsx)(W,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:T}),H&&(0,z.jsx)(j,{adaptive:!0,id:oo?`${oo}-adaptive`:void 0,...te,header:(0,z.jsx)(De,{actionsEnd:(0,z.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:ae,subtitle:me}),children:(0,z.jsx)("div",{className:"k-list-container",children:(0,z.jsx)(K,{customValue:Ke?(0,z.jsx)(Xt,{text:`Use "${u}"`}):void 0,size:"large",children:(0,z.jsxs)(G,{"aria-label":ae\|\|"Options",children:[(0,z.jsx)(B,{text:"List item"}),(0,z.jsx)(B,{text:"List item"}),(0,z.jsx)(B,{text:"List item"})]})})})})]})};Ee.states=Mb;Ee.options=Ib;Ee.className=Vl;Ee.defaultOptions=$l;Ee.moduleName=Kn;Ee.folderName=Gl;Ee.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-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{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 je=Ee;var ql=require("react/jsx-runtime"),Xl=e=>(0,ql.jsx)(je,{...e});var Wl=require("react/jsx-runtime");var Jl=require("react/jsx-runtime");var Yl=require("react/jsx-runtime");var Zl=require("react/jsx-runtime");var Ql=require("react/jsx-runtime");var jl=require("react/jsx-runtime");var Dn=require("react/jsx-runtime");var yb=require("react/jsx-runtime");var Tb=require("react/jsx-runtime");var ed=require("react/jsx-runtime");var td=require("react/jsx-runtime");var ft=require("react/jsx-runtime"),Eb=Ee.states,Cb=Ee.defaultOptions,Ob=Ee.options,Ab=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],wb=[],Wo=e=>{let{modifiers:t,...o}=e,a={},r=(0,ft.jsx)(K,{style:{width:300},size:o.size,children:(0,ft.jsxs)(G,{children:[(0,ft.jsx)(B,{children:"List item"}),(0,ft.jsx)(B,{children:"List item"}),(0,ft.jsx)(B,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t!=null&&t[s]?(0,ft.jsx)(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[s]?(0,ft.jsx)(Ct,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?r:void 0;break;default:break}}),(0,ft.jsx)("div",{children:(0,ft.jsx)(Xl,{value:"Value",style:{width:300},...o,...a})})};Wo.options=Ob;Wo.states=Eb;Wo.variants=wb;Wo.defaultOptions=Cb;Wo.modifiers=Ab;Wo.className=Ee.className;var _n="menu-button",od=_n;var rd=require("react/jsx-runtime"),ad="k-menu-button",Rb=[n.hover,n.focus,n.active,n.selected,n.disabled],Bb={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.light,k.dark,k.inverse]},zn={showArrow:!0,arrowIconName:"caret-alt-down"},V=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,icon:N,text:x,showArrow:p=zn.showArrow,arrowIconName:v=zn.arrowIconName,expanded:g,...S}=e;return(0,rd.jsx)(c,{...S,className:i(e.className,ad),text:x,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,icon:N,showArrow:p,arrowIconName:v,"aria-expanded":g?"true":"false",...!x&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};V.states=Rb;V.options=Bb;V.className=ad;V.defaultOptions=zn;V.moduleName=_n;V.folderName=od;V.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 Pb=require("react/jsx-runtime");var Kb=require("react/jsx-runtime");var Db=require("react/jsx-runtime");var et="menu",nt=et;var wt=require("react/jsx-runtime"),Hn="k-menu-item",_b=[n.hover,n.focus,n.active,n.selected,n.disabled],zb={},nd={iconPosition:"before"},Ce=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:d,text:u,first:f,last:h,showArrow:N,arrowIconName:x,iconPosition:p=nd.iconPosition,dir:v,children:g,expanded:S,...T}=e,I=x;return I\|\|(I=v==="rtl"?"caret-alt-left":"caret-alt-right"),(0,wt.jsxs)("li",{...T,className:i(e.className,Hn,"k-item",E(Hn,{focus:o,disabled:s,hover:t,active:a,selected:r}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":S?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,wt.jsxs)("span",{className:i("k-link k-menu-link"),children:[d&&p==="before"&&(0,wt.jsx)(L,{className:"k-menu-link-icon",icon:d}),(0,wt.jsx)("span",{className:"k-menu-link-text",children:u}),d&&p==="after"&&(0,wt.jsx)(L,{className:"k-menu-link-icon",icon:d}),N&&(0,wt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,wt.jsx)(L,{icon:I})})]}),g]})};Ce.states=_b;Ce.options=zb;Ce.className=Hn;Ce.defaultOptions=nd;Ce.moduleName=et;Ce.folderName=nt;var Rt=require("react/jsx-runtime"),Fn="k-menu-item",Hb=[n.hover,n.focus,n.active,n.selected,n.disabled],Fb={},Un={dir:"ltr",iconPosition:"before"},Z=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:d,text:u,first:f,last:h,showArrow:N,arrowIconName:x,iconPosition:p=Un.iconPosition,dir:v=Un.dir,children:g,popup:S,expanded:T,...I}=e,w=x;return w\|\|(w=v==="rtl"?"caret-alt-left":"caret-alt-right"),(0,Rt.jsxs)("li",{...I,className:i(e.className,Fn,"k-item",E(Fn,{focus:o,disabled:s}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":T?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Rt.jsxs)("span",{className:i("k-link k-menu-link",E("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[d&&p==="before"&&(0,Rt.jsx)(L,{className:"k-menu-link-icon",icon:d}),(0,Rt.jsx)("span",{className:"k-menu-link-text",children:u}),d&&p==="after"&&(0,Rt.jsx)(L,{className:"k-menu-link-icon",icon:d}),N&&(0,Rt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Rt.jsx)(L,{icon:w})})]}),g,S]})};Z.states=Hb;Z.options=Fb;Z.className=Fn;Z.defaultOptions=Un;Z.moduleName=et;Z.folderName=nt;var ld=require("react/jsx-runtime"),id="k-menu-scroll-wrapper",Ub=[],Gb={},Vb={},mo=e=>{let{className:t,children:o,orientation:a,...r}=e;return(0,ld.jsx)("div",{...r,className:i(t,id,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};mo.states=Ub;mo.options=Gb;mo.className=id;mo.defaultOptions=Vb;mo.moduleName=et;mo.folderName=nt;var sd=mo;var Ne=require("react/jsx-runtime"),Gn="k-menu",$b=[],Xb={},ur={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},pe=e=>{let{children:t,orientation:o=ur.orientation,header:a=ur.header,scrollable:r,scrollButtonsPosition:s=ur.scrollButtonsPosition,wrapperStyles:d,dir:u,popup:f,contextMenu:h,...N}=e,x={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},p=(0,Ne.jsx)("ul",{dir:u,...N,className:i(e.className,"k-reset",Gn,{[`${Gn}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Ne.jsxs)(Ne.Fragment,{children:[r?(0,Ne.jsxs)(sd,{orientation:o,style:d,dir:e.dir,children:[s==="start"&&(0,Ne.jsxs)(Ne.Fragment,{children:[(0,Ne.jsx)(c,{fillMode:"flat",icon:`caret-alt-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Ne.jsx)(c,{fillMode:"flat",icon:`caret-alt-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&(0,Ne.jsx)(c,{fillMode:"flat",icon:`caret-alt-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),p,s==="end"&&(0,Ne.jsxs)(Ne.Fragment,{children:[(0,Ne.jsx)(c,{fillMode:"flat",icon:`caret-alt-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Ne.jsx)(c,{fillMode:"flat",icon:`caret-alt-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&(0,Ne.jsx)(c,{fillMode:"flat",icon:`caret-alt-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):p,f]})};pe.states=$b;pe.options=Xb;pe.className=Gn;pe.defaultOptions=ur;pe.moduleName=et;pe.folderName=nt;pe.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",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",attribute:"aria-controls=ul.k-menu-group id (when present)",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 cd=require("react/jsx-runtime"),Vn="k-separator",dd={orientation:"horizontal"},Jo=e=>{let{orientation:t=dd.orientation,...o}=e;return(0,cd.jsx)("li",{...o,className:i(e.className,"k-item",Vn,{[`${Vn}-${t}`]:t}),role:"separator"})};Jo.className=Vn;Jo.defaultOptions=dd;Jo.moduleName=et;Jo.folderName=nt;var pd=require("react/jsx-runtime");var md=require("react/jsx-runtime"),$n="k-menu-group",qb=[],Wb={size:[l.undefined,l.small,l.medium,l.large]},Jb={},Oe=e=>{let{children:t,size:o,...a}=e;return(0,md.jsx)("ul",{...a,className:i(e.className,$n,y($n,{size:o})),role:"menu",children:t})};Oe.states=qb;Oe.options=Wb;Oe.className=$n;Oe.defaultOptions=Jb;Oe.moduleName=et;Oe.folderName=nt;var ht=require("react/jsx-runtime"),Xn=e=>(0,ht.jsx)(pe,{children:(0,ht.jsxs)(ht.Fragment,{children:[(0,ht.jsx)(Ce,{first:!0,text:"Item 1"}),(0,ht.jsx)(Ce,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,ht.jsx)(Ce,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,ht.jsx)(Ce,{text:"Item 4"}),(0,ht.jsx)(Ce,{last:!0,text:"Item 5"})]}),...e});var qn=require("react/jsx-runtime");var Wn=require("react/jsx-runtime");var Jn=require("react/jsx-runtime");var Yn=require("react/jsx-runtime");var Mt=require("react/jsx-runtime"),Yb=pe.options,Zb=pe.states,ud={...pe.defaultOptions,variant:"horizontal"},Qb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],jb=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Yo=e=>{let{variant:t,modifiers:o,...a}={...ud,...e},r={};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"scrollable":r.scrollable=!!(o!=null&&o[s]);break;case"opened":r.opened=!!(o!=null&&o[s]),r.popup=(0,Mt.jsx)(W,{className:"k-menu-popup",children:(0,Mt.jsxs)(Oe,{children:[(0,Mt.jsx)(Z,{text:"Item 1"}),(0,Mt.jsx)(Z,{text:"Item 2"}),(0,Mt.jsx)(Jo,{}),(0,Mt.jsx)(Z,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Mt.jsx)(Xn,{...a,...r,orientation:"vertical",style:{width:"200px"}}):(0,Mt.jsx)(Xn,{...a,...r})};Yo.options=Yb;Yo.states=Zb;Yo.variants=Qb;Yo.defaultOptions=ud;Yo.modifiers=jb;Yo.className=pe.className;var Zn=require("react/jsx-runtime");var ef=require("react/jsx-runtime");var Ae=require("react/jsx-runtime"),tf=c.states,bd={...c.defaultOptions,variant:"text"},of=c.options,af=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],rf=[{name:"opened",title:"Opened"}],Zo=e=>{let{variant:t,modifiers:o,...a}={...bd,...e},r={},s=(0,Ae.jsx)(W,{className:"k-menu-popup",children:(0,Ae.jsxs)(Oe,{size:a.size,children:[(0,Ae.jsx)(Z,{first:!0,text:"Menu Item"}),(0,Ae.jsx)(Z,{text:"Menu Item"}),(0,Ae.jsx)(Z,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=(0,Ae.jsx)("div",{children:(0,Ae.jsx)(V,{...a,...r,icon:"star"})});break;case"icon-and-text":d=(0,Ae.jsx)("div",{children:(0,Ae.jsx)(V,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:d=(0,Ae.jsx)("div",{children:(0,Ae.jsx)(V,{...a,...r,children:"Dropdown Button"})});break}return(0,Ae.jsxs)(Ae.Fragment,{children:[d,(o==null?void 0:o.opened)&&s]})};Zo.options=of;Zo.states=tf;Zo.variants=af;Zo.defaultOptions=bd;Zo.modifiers=rf;Zo.className=V.className;var Qn="split-button",fd=Qn;var Bt=require("react/jsx-runtime"),jn="k-split-button",nf=[n.hover,n.focus,n.active,n.selected,n.disabled],sf={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.light,k.dark,k.inverse]},hd={arrowIconName:"caret-alt-down"},P=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,icon:N,text:x,arrowIconName:p=hd.arrowIconName,popup:v,opened:g,popupId:S,...T}=e;return(0,Bt.jsxs)(Bt.Fragment,{children:[(0,Bt.jsxs)("div",{...T,className:i(e.className,jn,"k-button-group",y(jn,{rounded:o})),children:[(0,Bt.jsx)(c,{text:x,icon:N,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,...!x&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),(0,Bt.jsx)(c,{className:"k-split-button-arrow",icon:p,size:t,rounded:o,fillMode:a,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":g?"true":"false","aria-controls":g?S:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),g&&v&&(0,Bt.jsx)(W,{className:"k-menu-popup",children:v})]})};P.states=nf;P.options=sf;P.className=jn;P.defaultOptions=hd;P.moduleName=Qn;P.folderName=fd;P.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 ei=P;var xd=require("react/jsx-runtime"),lf="k-toolbar-separator",we=e=>(0,xd.jsx)("div",{className:i(lf,e.className,"k-separator")});var Pt="toolbar",Wt=Pt;var O=require("react/jsx-runtime"),Kt="k-toolbar",df=[n.focus],cf={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},pf={scrollButtons:"around"},$=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:d,scrollingPosition:u,section:f,...h}=e,N=[],x=(p,v)=>{let g=[];if(p.type===c&&p.props.className&&p.props.className.includes("k-toolbar-overflow-button"))g.push((0,O.jsx)(c,{...p.props,className:`${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===c)g.push((0,O.jsx)(c,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===Na)g.push((0,O.jsx)(Na,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===Ct)g.push((0,O.jsx)(Ct,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===V)g.push((0,O.jsx)(V,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===ei)g.push((0,O.jsx)(ei,{...p.props,className:`k-toolbar-split-button ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===A\|\|p.props.className&&p.props.className.includes("k-button-group")){let S=[];(Array.isArray(p.props.children)?p.props.children:[p.props.children]).forEach((I,w)=>{S.push((0,O.jsx)(c,{...I.props,className:`${I.props.className?I.props.className:""}`},`${w}-${new Date().getTime()}`))}),g.push((0,O.jsx)(A,{...p.props,className:`k-toolbar-button-group ${p.props.className?p.props.className:""}`,children:S},`${v}-${new Date().getTime()}`))}else p.type===Ee?g.push((0,O.jsx)(Ee,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`)):p.type===_?g.push((0,O.jsx)(_,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`)):p.type===Qe?g.push((0,O.jsx)(Qe,{...p.props,className:`k-toolbar-colorpicker ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`)):g.push(p);g.forEach(S=>{N.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((v,g)=>{x(v,g)}),(0,O.jsxs)("div",{...h,className:i(e.className,Kt,y(Kt,{size:t,fillMode:o}),E(Kt,{focus:a}),{[`${Kt}-resizable`]:r,[`${Kt}-scrollable`]:s,[`${Kt}-scrollable-overlay`]:s&&d==="hidden",[`${Kt}-scrollable-${u}`]:u&&u!=="both",[`${Kt}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&N,s&&d==="hidden"&&(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),s&&d==="start"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)(A,{children:[(0,O.jsx)("span",{className:i("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(L,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,O.jsx)("span",{className:i("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(L,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,O.jsx)(we,{className:"k-toolbar-button-separator"}),(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&d==="end"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,O.jsx)(we,{className:"k-toolbar-button-separator"}),(0,O.jsxs)(A,{children:[(0,O.jsx)("span",{className:i("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(L,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,O.jsx)("span",{className:i("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(L,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(d==="around"\|\|!d)&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("span",{className:i("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(L,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,O.jsx)(we,{className:"k-toolbar-button-separator"}),(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,O.jsx)(we,{className:"k-toolbar-button-separator"}),(0,O.jsx)("span",{className:i("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(L,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};$.states=df;$.options=cf;$.className=Kt;$.defaultOptions=pf;$.moduleName=Pt;$.folderName=Wt;$.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"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",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",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",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"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",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",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};var kd=require("react/jsx-runtime"),Nd="k-floating-toolbar",mf=[],uf={},bf={},Qo=e=>{let{...t}=e;return(0,kd.jsx)("div",{...t,className:i(e.className,Nd),children:e.children})};Qo.states=mf;Qo.options=uf;Qo.className=Nd;Qo.defaultOptions=bf;Qo.moduleName=Pt;Qo.folderName=Wt;var gd=require("react/jsx-runtime"),ti="k-toolbar-item",ff=[n.focus],hf={},xf={},It=e=>{let{focus:t,...o}=e;return(0,gd.jsx)("div",{...o,className:i(e.className,ti,E(ti,{focus:t})),children:e.children})};It.states=ff;It.options=hf;It.className=ti;It.defaultOptions=xf;It.moduleName=Pt;It.folderName=Wt;var oi=require("react/jsx-runtime"),vd="k-toolbar-popup",Nf=[],kf={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},gf={},uo=e=>{let{size:t,fillMode:o,section:a,...r}=e;return(0,oi.jsx)(W,{...r,className:i(e.className,vd),children:a?(0,oi.jsx)("span",{className:i("k-toolbar-items-list",y("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};uo.states=Nf;uo.options=kf;uo.className=vd;uo.defaultOptions=gf;uo.moduleName=Pt;uo.folderName=Wt;var br=uo;var vf=require("react/jsx-runtime");var Lf=require("react/jsx-runtime");var Sf=require("react/jsx-runtime");var Ld=require("react/jsx-runtime");var Mf=require("react/jsx-runtime");var it=require("react/jsx-runtime"),If=P.states,Sd={...P.defaultOptions,variant:"text"},yf=P.options,Tf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ef=[{name:"opened",title:"Opened"}],jo=e=>{let{variant:t,modifiers:o,...a}={...Sd,...e},r={},s=(0,it.jsxs)(Oe,{size:a.size,children:[(0,it.jsx)(Z,{first:!0,text:"Menu Item"}),(0,it.jsx)(Z,{text:"Menu Item"}),(0,it.jsx)(Z,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(r.opened=!!(o!=null&&o[d]),r.popup=o!=null&&o[d]?s:"")}),t){case"icon-only":return(0,it.jsx)("div",{children:(0,it.jsx)(P,{...a,...r,icon:"star"})});case"icon-and-text":return(0,it.jsx)("div",{children:(0,it.jsx)(P,{...a,...r,icon:"star",children:"Split Button"})});default:return(0,it.jsx)("div",{children:(0,it.jsx)(P,{...a,...r,children:"Split Button"})})}};jo.options=yf;jo.states=If;jo.variants=Tf;jo.defaultOptions=Sd;jo.modifiers=Ef;jo.className=P.className;var yt=require("react/jsx-runtime"),Md=e=>(0,yt.jsx)($,{children:[(0,yt.jsx)(c,{children:"Button"},"toolbar-button"),(0,yt.jsx)(V,{text:"Menu button"},"toolbar-menu-button"),(0,yt.jsx)(P,{children:"Split button"},"toolbar-split-button"),(0,yt.jsxs)(A,{children:[(0,yt.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,yt.jsx)(c,{icon:"align-center",children:"Center"}),(0,yt.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Id=require("react/jsx-runtime");var ke=require("react/jsx-runtime"),yd=e=>(0,ke.jsx)($,{scrollable:!0,...e,children:[(0,ke.jsx)(c,{children:"Button"},"toolbar-button"),(0,ke.jsx)(V,{text:"Menu button"},"toolbar-menu-button"),(0,ke.jsx)(P,{children:"Split button"},"toolbar-split-button"),(0,ke.jsxs)(A,{children:[(0,ke.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ke.jsx)(c,{icon:"align-center",children:"Center"}),(0,ke.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,ke.jsx)(c,{children:"Button"},"toolbar-button"),(0,ke.jsx)(V,{text:"Menu button"},"toolbar-menu-button"),(0,ke.jsx)(P,{children:"Split button"},"toolbar-split-button"),(0,ke.jsxs)(A,{children:[(0,ke.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ke.jsx)(c,{icon:"align-center",children:"Center"}),(0,ke.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var ge=require("react/jsx-runtime"),Td=({scrollingPosition:e="start",...t})=>(0,ge.jsx)($,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,ge.jsx)(c,{children:"Button"},"toolbar-button"),(0,ge.jsx)(V,{text:"Menu button"},"toolbar-menu-button"),(0,ge.jsx)(P,{children:"Split button"},"toolbar-split-button"),(0,ge.jsxs)(A,{children:[(0,ge.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ge.jsx)(c,{icon:"align-center",children:"Center"}),(0,ge.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,ge.jsx)(c,{children:"Button"},"toolbar-button"),(0,ge.jsx)(V,{text:"Menu button"},"toolbar-menu-button"),(0,ge.jsx)(P,{children:"Split button"},"toolbar-split-button"),(0,ge.jsxs)(A,{children:[(0,ge.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ge.jsx)(c,{icon:"align-center",children:"Center"}),(0,ge.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var Q=require("react/jsx-runtime"),Ed=({fillMode:e,size:t,...o})=>(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)($,{section:!0,fillMode:e,size:t,children:[(0,Q.jsx)(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Q.jsxs)(A,{fillMode:e,children:[(0,Q.jsx)(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Q.jsx)(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Q.jsx)(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,Q.jsx)(we,{className:"k-toolbar-button-separator"}),(0,Q.jsx)(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,Q.jsxs)(br,{size:t,fillMode:e,section:!0,...o,children:[(0,Q.jsx)(P,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,Q.jsx)(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Q.jsx)(we,{}),(0,Q.jsx)(V,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,Q.jsxs)(A,{fillMode:e,children:[(0,Q.jsx)(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Q.jsx)(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Q.jsx)(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var ai=require("react/jsx-runtime");var ri=require("react/jsx-runtime");var Dt=require("react/jsx-runtime"),Cf=$.options,Of=$.states,Cd={...$.defaultOptions,variant:"default"},Af=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],wf=[],ea=e=>{let{variant:t,...o}={...Cd,...e};switch(t){case"responsive":return(0,Dt.jsx)("div",{children:(0,Dt.jsx)(Ed,{style:{width:"583px"},...o})});case"overlay":return(0,Dt.jsx)("div",{children:(0,Dt.jsx)(Td,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,Dt.jsx)("div",{children:(0,Dt.jsx)(yd,{style:{width:"583px"},...o})});default:return(0,Dt.jsx)("div",{children:(0,Dt.jsx)(Md,{style:{width:"583px"},...o})})}};ea.options=Cf;ea.states=Of;ea.variants=Af;ea.defaultOptions=Cd;ea.modifiers=wf;ea.className=$.className;var Xe=require("react/jsx-runtime"),Od="k-imageeditor-toolbar",Rf=[],Bf={},Pf=[(0,Xe.jsx)(c,{icon:"upload","aria-label":"Upload"},"toolbar-button-1"),(0,Xe.jsx)(c,{disabled:!0,icon:"download","aria-label":"Download"},"toolbar-button-2"),(0,Xe.jsx)(we,{},"toolbar-separator-1"),(0,Xe.jsx)(c,{disabled:!0,icon:"undo","aria-label":"Undo"},"toolbar-button-3"),(0,Xe.jsx)(c,{disabled:!0,icon:"redo","aria-label":"Redo"},"toolbar-button-4"),(0,Xe.jsx)(we,{},"toolbar-separator-2"),(0,Xe.jsx)(c,{disabled:!0,icon:"crop","aria-label":"Crop"},"toolbar-button-5"),(0,Xe.jsx)(c,{disabled:!0,icon:"image-resize","aria-label":"Resize"},"toolbar-button-6"),(0,Xe.jsx)(c,{disabled:!0,icon:"zoom-in","aria-label":"Zoom in"},"toolbar-button-7"),(0,Xe.jsx)(c,{disabled:!0,icon:"zoom-out","aria-label":"Zoom out"},"toolbar-button-8"),(0,Xe.jsx)(It,{children:(0,Xe.jsx)(_,{disabled:!0,value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],Ad={toolbarItems:Pf},ta=e=>{let{toolbarItems:t=Ad.toolbarItems,...o}=e;return(0,Xe.jsx)($,{...o,className:i(e.className,Od),children:t})};ta.states=Rf;ta.options=Bf;ta.className=Od;ta.defaultOptions=Ad;var wd="image-editor",Rd="imageeditor";var _t=require("react/jsx-runtime"),Bd="k-imageeditor",Kf=[],Df={},_f={},xt=e=>{let{toolbarItems:t,actionPane:o,contentHeight:a,children:r,...s}=e;return(0,_t.jsxs)("div",{...s,className:i(e.className,Bd),children:[(0,_t.jsx)("div",{className:"k-imageeditor-header",children:(0,_t.jsx)(ta,{toolbarItems:t})}),(0,_t.jsxs)("div",{className:"k-imageeditor-content",style:{height:a},children:[(0,_t.jsx)("div",{className:"k-imageeditor-canvas-container",children:(0,_t.jsx)("div",{className:"k-imageeditor-canvas",children:r})}),o&&(0,_t.jsx)("div",{className:"k-imageeditor-action-pane",children:o})]})]})};xt.states=Kf;xt.options=Df;xt.className=Bd;xt.defaultOptions=_f;xt.moduleName=wd;xt.folderName=Rd;xt.ariaSpec={selector:".k-imageeditor",rules:[{selector:".k-imageeditor-canvas>canvas",attribute:"role=img",usage:"Indicates the canvas role as an image. Applicable when an image is loaded."},{selector:".k-imageeditor-canvas>canvas",attribute:"aria-label or aria-labelledby",usage:"Provides an accessible name for the canvas by describing the image content. Applicable when an image is loaded."}]};var Pd="form",Kd="forms";var Tt=require("react/jsx-runtime"),fr="k-form",zf=[],Hf={size:[l.undefined,l.small,l.medium,l.large]},ni={layout:"basic",tag:"form"},ve=e=>{let{size:t,orientation:o,layout:a=ni.layout,formButtons:r,cols:s,gutters:d,tag:u=ni.tag,children:f}=e,h=u,N=i(e.className,fr,y(fr,{size:t}),{[`${fr}-${o}`]:o}),x=(0,Tt.jsxs)(Tt.Fragment,{children:[a==="grid"?(0,Tt.jsx)("div",{className:i("k-form-layout","k-d-grid",{[`k-grid-cols-${s}`]:s}),style:{...typeof d=="string"&&{gap:d},...typeof d=="object"&&d.rows&&{rowGap:d.rows},...typeof d=="object"&&d.cols&&{columnGap:d.cols}},children:f}):(0,Tt.jsx)(Tt.Fragment,{children:f}),r&&(0,Tt.jsx)("div",{className:"k-form-buttons",children:r})]}),{role:p,"aria-labelledby":v,"aria-label":g,id:S}=e;return(0,Tt.jsx)(h,{className:N,role:p,"aria-labelledby":v,"aria-label":g,id:S,children:x})};ve.states=zf;ve.options=Hf;ve.className=fr;ve.defaultOptions=ni;ve.moduleName=Pd;ve.folderName=Kd;var Dd="label",_d="label";var Ka=require("react/jsx-runtime"),ii="k-label",Ff=[n.disabled],Uf={},Gf={},Jt=e=>{let{disabled:t,optional:o,info:a,text:r,children:s,...d}=e;return(0,Ka.jsxs)("label",{...d,className:i(e.className,ii,E(ii,{disabled:t})),children:[r\|\|s,o&&(0,Ka.jsx)("span",{className:"k-label-optional",children:"(Optional)"}),a&&(0,Ka.jsx)("span",{className:"k-field-info",children:a})]})};Jt.states=Ff;Jt.options=Uf;Jt.className=ii;Jt.defaultOptions=Gf;Jt.moduleName=Dd;Jt.folderName=_d;var Hd=require("react/jsx-runtime"),zd="k-form-hint",Vf=[],$f={},Xf={},st=e=>{let{text:t,children:o,...a}=e;return(0,Hd.jsx)("div",{...a,className:i(e.className,zd),children:t\|\|o})};st.states=Vf;st.options=$f;st.className=zd;st.defaultOptions=Xf;var Ud=require("react/jsx-runtime"),Fd="k-form-error",qf=[],Wf={},Jf={},lt=e=>{let{text:t,children:o,...a}=e;return(0,Ud.jsx)("div",{...a,className:i(e.className,Fd),children:t\|\|o})};lt.states=qf;lt.options=Wf;lt.className=Fd;lt.defaultOptions=Jf;var Yt=require("react/jsx-runtime"),si="k-form-field",Yf=[n.disabled],dt=e=>{let{editorId:t,label:o,orientation:a,optional:r,editor:s,hint:d,error:u,info:f,disabled:h,dir:N,colSpan:x,...p}=e;return(0,Yt.jsxs)("div",{...p,className:i(si,e.className,E(si,{disabled:h}),{[`k-col-span-${x}`]:x}),dir:N,children:[o&&(0,Yt.jsx)(Jt,{className:"k-form-label",id:t?`${t}-label`:void 0,htmlFor:t\|\|void 0,optional:r,info:f?"(field info)":void 0,children:o}),a==="horizontal"&&!o&&(0,Yt.jsx)("span",{className:"k-label k-form-label k-label-empty"}),(0,Yt.jsxs)("div",{className:"k-form-field-wrap",children:[s,d&&(0,Yt.jsx)(st,{id:t?`${t}-hint`:void 0,children:d}),u&&(0,Yt.jsx)(lt,{id:t?`${t}-error`:void 0,children:u})]})]})};dt.states=Yf;dt.className=si;var Zt=require("react/jsx-runtime"),Gd="k-form-fieldset",Qt=e=>{let{legend:t,layout:o,cols:a,gutters:r,colSpan:s}=e;return(0,Zt.jsxs)("fieldset",{className:i(Gd,{[`k-col-span-${s}`]:s}),children:[t&&(0,Zt.jsx)("legend",{className:"k-form-legend",children:t}),o==="grid"?(0,Zt.jsx)("div",{className:i("k-form-layout","k-d-grid",{[`k-grid-cols-${a}`]:a}),style:{...typeof r=="string"&&{gap:r},...typeof r=="object"&&r.rows&&{rowGap:r.rows},...typeof r=="object"&&r.cols&&{columnGap:r.cols}},children:e.children}):(0,Zt.jsx)(Zt.Fragment,{children:e.children})]})};Qt.className=Gd;var bo="radio",oa=bo;var li=require("react/jsx-runtime"),hr="k-radio",Zf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked],Qf={size:[l.undefined,l.small,l.medium,l.large]},jf={},qe=e=>{let{id:t,checked:o,hover:a,focus:r,disabled:s,invalid:d,valid:u,required:f,size:h,...N}=e;return(0,li.jsx)("span",{className:"k-radio-wrap",children:(0,li.jsx)("input",{...N,id:t,type:"radio",checked:o,required:f,disabled:s\|\|void 0,"aria-invalid":d?"true":void 0,className:i(e.className,hr,y(hr,{size:h}),E(hr,{hover:a,focus:r,disabled:s,invalid:d,valid:u,checked:o}))})})};qe.states=Zf;qe.options=Qf;qe.className=hr;qe.defaultOptions=jf;qe.moduleName=bo;qe.folderName=oa;qe.ariaSpec={selector:".k-radio",rules:[{selector:".k-radio",attribute:"type=radio",usage:"Announces the radio type of the input."},{selector:".k-radio",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-radio",attribute:"checked (when checked)",usage:"Boolean attribute that announces the checked state of the radio button."},{selector:".k-radio",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the radio."},{selector:".k-radio",attribute:"disabled=disabled or aria-disabled=true (when disabled)",usage:"Rendered only when the radio input is disabled."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the radio button is in a form and announces the invalid state."}]};var ct=qe;var Xd=require("react/jsx-runtime"),Vd="k-radio-list",eh=[],th={},$d={layout:"vertical"},Le=e=>{let{layout:t=$d.layout,...o}=e;return(0,Xd.jsx)("ul",{...o,className:i(e.className,Vd,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};Le.states=eh;Le.options=th;Le.className=Vd;Le.defaultOptions=$d;Le.moduleName=bo;Le.folderName=oa;Le.ariaSpec={selector:".k-radio-list",rules:[{selector:".k-radio-list",attribute:"role=radiogroup",usage:"Announces the radiogroup role of the element."},{selector:".k-radio-list-item",attribute:"role=none",usage:"Due to issues with nested items, forces a no-role state."},{selector:".k-radio",attribute:"readonly or aria-readonly (when readonly)",usage:"The attribute is rendered only when the radio button is read-only."},{selector:".k-radio",attribute:"aria-invalid=true (when invalid)",usage:"The attribute is rendered only when the radio button is in a form and announces the invalid state of the component."},{selector:".k-radio-list-item.k-disabled .k-radio",attribute:"disabled or aria-disabled (when disabled)",usage:"The attribute is rendered only when the radio button is disabled."}]};var Wd=require("react/jsx-runtime"),qd="k-radio-list-item",oh=[],ah={},rh={},Re=e=>{let{...t}=e;return(0,Wd.jsx)("li",{...t,className:i(e.className,qd),role:"none",children:e.children})};Re.states=oh;Re.options=ah;Re.className=qd;Re.defaultOptions=rh;Re.moduleName=bo;Re.folderName=oa;var nh=require("react/jsx-runtime");var fo=require("react/jsx-runtime"),zt=({children:e,id:t,...o})=>(0,fo.jsxs)(fo.Fragment,{children:[(0,fo.jsx)(ct,{...o,id:t}),(0,fo.jsx)("label",{className:"k-radio-label",htmlFor:t,children:e})]});var di=require("react/jsx-runtime");var ci=require("react/jsx-runtime");var pi=require("react/jsx-runtime");var mi=require("react/jsx-runtime");var ui=require("react/jsx-runtime");var sh=require("react/jsx-runtime");var Jd=require("react/jsx-runtime"),lh=ct.options,dh=ct.states,ch=ct.defaultOptions,ph=[],mh=[],aa=e=>(0,Jd.jsx)(zt,{id:R("radio"),name:"value",...e,children:"Label"});aa.options=lh;aa.states=dh;aa.variants=ph;aa.defaultOptions=ch;aa.modifiers=mh;aa.className=ct.className;var Be=require("react/jsx-runtime"),uh=Le.options,bh=Le.states,fh={...Le.defaultOptions,variant:"vertical"},hh=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],xh=[],ra=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Be.jsxs)(Le,{layout:"horizontal",...o,children:[(0,Be.jsx)(Re,{children:(0,Be.jsx)(zt,{id:R("rb"),name:"value",defaultChecked:!0,children:"Label"})}),(0,Be.jsx)(Re,{children:(0,Be.jsx)(zt,{id:R("rb"),name:"value",children:"Label"})}),(0,Be.jsx)(Re,{children:(0,Be.jsx)(zt,{id:R("rb"),name:"value",children:"Label"})})]}):(0,Be.jsxs)(Le,{...o,children:[(0,Be.jsx)(Re,{children:(0,Be.jsx)(zt,{id:R("rb"),name:"value",defaultChecked:!0,children:"Label"})}),(0,Be.jsx)(Re,{children:(0,Be.jsx)(zt,{id:R("rb"),name:"value",children:"Label"})}),(0,Be.jsx)(Re,{children:(0,Be.jsx)(zt,{id:R("rb"),name:"value",children:"Label"})})]})};ra.options=uh;ra.states=bh;ra.variants=hh;ra.defaultOptions=fh;ra.modifiers=xh;ra.className=Le.className;var bi=require("react/jsx-runtime");var fi=require("react/jsx-runtime");var hi=require("react/jsx-runtime");var Yd="date-input",Zd="dateinput";var jt=require("react/jsx-runtime"),Qd="k-dateinput",Nh=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],kh={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},gh={},We=e=>{let{size:t,rounded:o,fillMode:a,value:r,placeholder:s,hover:d,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,readonly:v,showClearButton:g,showSpinButton:S,id:T,"aria-label":I,"aria-describedby":w,...H}=e;return(0,jt.jsxs)(U,{...H,size:t,rounded:o,fillMode:a,hover:d,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,readonly:v,className:i(e.className,Qd),children:[(0,jt.jsx)(be,{id:T,placeholder:s,value:r,disabled:p,"aria-label":I,"aria-describedby":w,"aria-invalid":h?"true":void 0}),(0,jt.jsx)(re,{valid:f,invalid:h,loading:x,disabled:p}),(0,jt.jsx)(se,{loading:x,disabled:p}),g&&(0,jt.jsx)(ue,{loading:x,disabled:p,readonly:v,value:r}),S&&(0,jt.jsx)(vt,{className:"k-input-spinner",size:t,fillMode:a,disabled:p})]})};We.states=Nh;We.options=kh;We.className=Qd;We.defaultOptions=gh;We.moduleName=Yd;We.folderName=Zd;We.ariaSpec={selector:".k-dateinput",rules:[{selector:".k-dateinput > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:'The element should be an input or have role="textbox".'},{selector:".k-dateinput > .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-dateinput > .k-input-inner",attribute:"tabindex=0",usage:"The element should be focusable."},{selector:".k-dateinput > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the DateInput is in an invalid state."},{selector:".k-dateinput > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-dateinput > .k-input-inner",attribute:"readonly=readonly or aria-readonly=true (when readonly)",usage:"Rendered when the DateInput is readonly."},{selector:".k-dateinput.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the DateInput is disabled."}]};var xi=We;var ec=require("react/jsx-runtime"),jd=e=>(0,ec.jsx)(xi,{...e});var vh=require("react/jsx-runtime");var tc=require("react/jsx-runtime"),Lh=We.options,Sh=We.states,Mh=We.defaultOptions,Ih=[{name:"spin-button",title:"`Spin` Button"}],yh=[],na=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{r==="spin-button"&&(a.showSpinButton=!!(t!=null&&t[r]))}),(0,tc.jsx)(jd,{value:"2/04/2021",style:{width:"300px"},...o,...a})};na.options=Lh;na.states=Sh;na.variants=yh;na.defaultOptions=Mh;na.modifiers=Ih;na.className=We.className;var oc="masked-textbox",ac="maskedtextbox";var Pe=require("react/jsx-runtime"),rc="k-maskedtextbox",Th=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Eh={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ni={showClearButton:!0,separators:!0},Je=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ni.separators,showClearButton:s=Ni.showClearButton,prefix:d,suffix:u,value:f,placeholder:h,hover:N,focus:x,valid:p,invalid:v,required:g,loading:S,disabled:T,readonly:I,id:w,"aria-label":H,"aria-describedby":te,...ae}=e;return(0,Pe.jsxs)(U,{...ae,size:t,rounded:o,fillMode:a,hover:N,focus:x,valid:p,invalid:v,required:g,loading:S,disabled:T,readonly:I,className:i(e.className,rc),children:[d&&(0,Pe.jsxs)(Pe.Fragment,{children:[(0,Pe.jsx)(Se,{children:d}),r&&(0,Pe.jsx)(le,{})]}),(0,Pe.jsx)(be,{id:w,placeholder:h,value:f,disabled:T,"aria-label":H,"aria-describedby":te,"aria-invalid":v?"true":void 0}),(0,Pe.jsx)(re,{valid:p,invalid:v,loading:S,disabled:T}),(0,Pe.jsx)(se,{loading:S,disabled:T}),s&&(0,Pe.jsx)(ue,{loading:S,disabled:T,readonly:I,value:f}),u&&(0,Pe.jsxs)(Pe.Fragment,{children:[r&&(0,Pe.jsx)(le,{}),(0,Pe.jsx)(Me,{children:u})]})]})};Je.states=Th;Je.options=Eh;Je.className=rc;Je.defaultOptions=Ni;Je.moduleName=oc;Je.folderName=ac;Je.ariaSpec={selector:".k-maskedtextbox",rules:[{selector:".k-maskedtextbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-maskedtextbox > .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-maskedtextbox > .k-input-inner",attribute:"aria-placeholder (when has mask)",usage:"Announces the mask or placeholder for the component."},{selector:".k-maskedtextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the MaskedTextBox is in an invalid state."},{selector:".k-maskedtextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-maskedtextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the MaskedTextBox is disabled."}]};var ia=Je;var ic=require("react/jsx-runtime"),nc=e=>(0,ic.jsx)(ia,{...e});var sc=require("react/jsx-runtime");var lc=require("react/jsx-runtime");var Ch=require("react/jsx-runtime");var Oh=require("react/jsx-runtime");var xr=require("react/jsx-runtime"),Ah=Je.states,wh=Je.defaultOptions,Rh=Je.options,Bh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Ph=[],sa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t!=null&&t[r]?(0,xr.jsx)(_,{size:o.size,value:"Choose",fillMode:"flat"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,xr.jsx)(L,{icon:"lock"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[r];break;default:break}}),(0,xr.jsx)(nc,{value:"Value",style:{width:300},...o,...a})};sa.options=Rh;sa.states=Ah;sa.variants=Ph;sa.defaultOptions=wh;sa.modifiers=Bh;sa.className=Je.className;var ki="switch",dc=ki;var to=require("react/jsx-runtime"),eo="k-switch",Kh=[n.hover,n.focus,n.disabled,n.readonly,n.checked],Dh={size:[l.undefined,l.small,l.medium,l.large],trackRounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],thumbRounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},_h={},Fe=e=>{let{checked:t,onLabel:o,offLabel:a,size:r,trackRounded:s,thumbRounded:d,hover:u,focus:f,disabled:h,readonly:N,...x}=e;return(0,to.jsxs)("span",{...x,className:i(e.className,eo,y(eo,{size:r}),E(eo,{hover:u,focus:f,disabled:h,readonly:N}),{[`${eo}-on`]:t,[`${eo}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:h?void 0:0,"aria-disabled":h?"true":void 0,"aria-readonly":N?"true":void 0,children:[(0,to.jsxs)("span",{className:i("k-switch-track",y(eo,{rounded:s})),children:[o&&(0,to.jsx)("span",{className:"k-switch-label-on",children:o}),a&&(0,to.jsx)("span",{className:"k-switch-label-off",children:a})]}),(0,to.jsx)("span",{className:"k-switch-thumb-wrap",children:(0,to.jsx)("span",{className:i("k-switch-thumb",y(eo,{rounded:d}))})})]})};Fe.states=Kh;Fe.options=Dh;Fe.className=eo;Fe.defaultOptions=_h;Fe.moduleName=ki;Fe.folderName=dc;Fe.ariaSpec={selector:".k-switch",rules:[{selector:".k-switch",attribute:"role=switch",usage:"Announces the switch role of the element."},{selector:".k-switch",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-switch",attribute:"aria-required=true (when required)",usage:'Rendered only when the Switch is in a form. Required because <span role="switch"> does not support the native required attribute.'},{selector:".k-switch",attribute:"aria-checked",usage:"Announces the checked state of the Switch."},{selector:".k-switch",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the switch."},{selector:".k-switch",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Switch is in a form and announces the invalid state."},{selector:".k-switch:not(.k-disabled)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled switches are removed from tab order."},{selector:".k-switch.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the Switch is disabled."},{selector:".k-switch.k-readonly",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Switch is readonly. Readonly switches remain focusable but their value cannot be changed."}]};var zh=require("react/jsx-runtime");var Hh=require("react/jsx-runtime");var Fh=require("react/jsx-runtime");var Uh=require("react/jsx-runtime");var vi=require("react/jsx-runtime"),Gh=Fe.options,Vh=Fe.states,$h={...Fe.defaultOptions,variant:"on"},Xh=[{name:"on",title:"On"},{name:"off",title:"Off"}],qh=[],la=e=>{let{variant:t,...o}=e;return t==="off"?(0,vi.jsx)(Fe,{checked:!1,onLabel:"On",offLabel:"Off",...o}):(0,vi.jsx)(Fe,{checked:!0,onLabel:"On",offLabel:"Off",...o})};la.options=Gh;la.states=Vh;la.variants=Xh;la.defaultOptions=$h;la.modifiers=qh;la.className=Fe.className;var Li="textarea",cc=Li;var tt=require("react/jsx-runtime"),pc="k-textarea",Wh=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Jh={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},da={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},Ue=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:r=da.prefixSeparator,suffixSeparator:s=da.prefixSeparator,affixesOrientation:d=da.affixesOrientation,flow:u=da.flow,resize:f=da.resize,prefix:h,suffix:N,rows:x,value:p,placeholder:v,hover:g,focus:S,valid:T,invalid:I,required:w,disabled:H,id:te,"aria-label":ae,"aria-describedby":me,...Ke}=e;return(0,tt.jsxs)(U,{...Ke,size:t,rounded:o,fillMode:a,hover:g,focus:S,valid:T,invalid:I,required:w,disabled:H,className:i(e.className,pc,{"!k-flex-col":u==="vertical","!k-flex-row":u==="horizontal"}),children:[h&&(0,tt.jsxs)(tt.Fragment,{children:[(0,tt.jsx)(Se,{className:i({"!k-align-items-start":u===d}),direction:d,children:h}),r&&(0,tt.jsx)(le,{direction:u==="horizontal"?"vertical":"horizontal"})]}),(0,tt.jsx)(La,{className:i("!k-overflow-auto",{"!k-flex-none":u==="vertical","k-resize-x":f==="x","k-resize-y":f==="y","k-resize":f==="both","k-resize-none":f==="none"}),value:p,placeholder:v,rows:x,disabled:H,id:te,"aria-label":ae,"aria-describedby":me,"aria-invalid":I?"true":void 0}),N&&(0,tt.jsxs)(tt.Fragment,{children:[s&&(0,tt.jsx)(le,{direction:u==="horizontal"?"vertical":"horizontal"}),(0,tt.jsx)(Me,{className:i({"!k-align-items-start":u===d}),direction:d,children:N})]})]})};Ue.states=Wh;Ue.options=Jh;Ue.className=pc;Ue.defaultOptions=da;Ue.moduleName=Li;Ue.folderName=cc;Ue.ariaSpec={selector:".k-textarea",rules:[{selector:".k-textarea > .k-input-inner",attribute:"role=textbox or nodeName=textarea",usage:"Describes the role of the component."},{selector:".k-textarea > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The textarea requires an accessible name (provided by consuming app)."},{selector:".k-textarea > .k-input-inner",attribute:"aria-multiline=true (when role=textbox)",usage:"Required on role=textbox to indicate multi-line behavior. Implicit on native <textarea>, so not needed there."},{selector:".k-textarea > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the TextArea is in a form and announces the invalid state."},{selector:".k-textarea > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the textarea."},{selector:".k-textarea.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered only when the TextArea is disabled."}]};var Yh=require("react/jsx-runtime");var mc=require("react/jsx-runtime");var uc=require("react/jsx-runtime");var Zh=require("react/jsx-runtime");var Da=require("react/jsx-runtime"),Qh=Ue.options,jh=Ue.states,bc={...Ue.defaultOptions,variant:"vertical"},ex=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],tx=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],ca=e=>{let{variant:t,modifiers:o,...a}={...bc,...e},r={resize:"y"};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"prefix":r.prefix=o!=null&&o[s]?(0,Da.jsx)(L,{icon:"comment"}):void 0;break;case"suffix":r.suffix=o!=null&&o[s]?(0,Da.jsx)(L,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?(0,Da.jsx)(Ue,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...r}):(0,Da.jsx)(Ue,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...r})};ca.options=Qh;ca.states=jh;ca.variants=ex;ca.defaultOptions=bc;ca.modifiers=tx;ca.className=Ue.className;var Mi=require("react/jsx-runtime");var X=require("react/jsx-runtime"),ox=ve.options,ax=ve.states,rx={...ve.defaultOptions,variant:"vertical"},nx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ix=[],pa=e=>{let{variant:t,size:o,...a}=e,r=(0,X.jsxs)(Qt,{legend:"Form Legend",children:[(0,X.jsx)(dt,{label:"Label",editor:(0,X.jsx)(F,{size:o})}),(0,X.jsx)(dt,{label:"Label",hint:"Hint text",editor:(0,X.jsx)(_,{value:"Dropdown List",size:o})}),(0,X.jsx)(dt,{label:"City",editor:(0,X.jsxs)("ul",{className:"k-radio-list k-list-horizontal",children:[(0,X.jsxs)("li",{className:"k-radio-list-item",children:[(0,X.jsx)(qe,{checked:!0,size:o}),(0,X.jsx)("label",{className:"k-radio-label",children:"Label"})]}),(0,X.jsxs)("li",{className:"k-radio-list-item",children:[(0,X.jsx)(qe,{size:o}),(0,X.jsx)("label",{className:"k-radio-label",children:"Label"})]}),(0,X.jsxs)("li",{className:"k-radio-list-item",children:[(0,X.jsx)(qe,{size:o}),(0,X.jsx)("label",{className:"k-radio-label",children:"Label"})]})]})})]}),s=(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(c,{className:"k-form-submit",themeColor:"primary",size:o,children:"Submit"}),(0,X.jsx)(c,{className:"k-form-clear",size:o,children:"Clear"})]});return t==="horizontal"?(0,X.jsx)(ve,{orientation:"horizontal",size:o,...a,formButtons:s,children:r}):(0,X.jsx)(ve,{size:o,...a,formButtons:s,children:r})};pa.options=ox;pa.states=ax;pa.variants=nx;pa.defaultOptions=rx;pa.modifiers=ix;pa.className=ve.className;var _a=require("react/jsx-runtime"),sx=st.options,lx=st.states,fc={...st.defaultOptions},dx=[],cx=[{name:"showHint",title:"Show Hint"}],ma=e=>{let{modifiers:t,...o}={...fc,...e},a=(t==null?void 0:t.showHint)??!0;return(0,_a.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[(0,_a.jsx)(F,{placeholder:"Component",style:{width:"200px"}}),a&&(0,_a.jsx)(st,{...o,children:"Hint text"})]})};ma.options=sx;ma.states=lx;ma.variants=dx;ma.defaultOptions=fc;ma.modifiers=cx;ma.className=st.className;var za=require("react/jsx-runtime"),px=lt.options,mx=lt.states,hc={...lt.defaultOptions},ux=[],bx=[{name:"showError",title:"Show Error"}],ua=e=>{let{modifiers:t,...o}={...hc,...e},a=(t==null?void 0:t.showError)??!0;return(0,za.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[(0,za.jsx)(F,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&(0,za.jsx)(lt,{...o,children:"Error text"})]})};ua.options=px;ua.states=mx;ua.variants=ux;ua.defaultOptions=hc;ua.modifiers=bx;ua.className=lt.className;var Ii=require("react/jsx-runtime");var yi="segmented-control",xc=yi,Nc="segmented-control-button",kc="segmented-control";var kr=require("react/jsx-runtime"),Nr="k-segmented-control",hx=[],xx={size:[l.undefined,l.small,l.medium,l.large]},ho=e=>{let{size:t,stretched:o,children:a,thumbStyles:r,...s}=e;return(0,kr.jsxs)("div",{...s,className:i(e.className,Nr,y(Nr,{size:t}),{[`${Nr}-stretched`]:o}),role:"group",children:[(0,kr.jsx)("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:r}),a]})};ho.states=hx;ho.options=xx;ho.className=Nr;ho.moduleName=yi;ho.folderName=xc;ho.ariaSpec={selector:".k-segmented-control",rules:[{selector:".k-segmented-control",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-segmented-control-button",attribute:"role=button or nodeName=button",usage:"Each button must have the appropriate button role."},{selector:".k-segmented-control-button.k-selected",attribute:"aria-pressed=true",usage:"Only the selected button within the group will have this attribute set to true."},{selector:".k-segmented-control-button.k-disabled",attribute:"aria-disabled=true",usage:"Indicates that the button is disabled and cannot be interacted with."},{selector:".k-segmented-control-thumb",attribute:"aria-hidden=true",usage:"The thumb is purely decorative and should be hidden from screen readers."}]};var Ha=require("react/jsx-runtime"),Ti="k-segmented-control-button",Nx=[n.selected,n.hover,n.focus,n.disabled],kx={},gx={},xo=e=>{let{hover:t,focus:o,selected:a,disabled:r,icon:s,text:d,iconClassName:u,...f}=e;return(0,Ha.jsxs)("button",{...f,className:i(e.className,Ti,E(Ti,{hover:t,focus:o,disabled:r,selected:a})),"aria-pressed":a?"true":"false","aria-disabled":r?"true":void 0,children:[s&&(0,Ha.jsx)(L,{className:i(u,"k-segmented-control-button-icon"),icon:s}),(d\|\|e.children)&&(0,Ha.jsx)("span",{className:"k-segmented-control-button-text",children:d\|\|e.children})]})};xo.states=Nx;xo.options=kx;xo.className=Ti;xo.defaultOptions=gx;xo.moduleName=Nc;xo.folderName=kc;var Ei=require("react/jsx-runtime");var Ci=require("react/jsx-runtime");var Oi=require("react/jsx-runtime");var Ai=require("react/jsx-runtime");var wi=require("react/jsx-runtime");var Ri=require("react/jsx-runtime");var gc=require("react/jsx-runtime"),vx=e=>(0,gc.jsx)(xt,{...e});