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

package/dist/esm/imageeditor/templates/imageeditor-crop.mjs

@@ -1 +1 @@
-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 I=(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"}),T=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:c,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":c,"k-active":u,"k-selected":f,"k-disabled":h,"k-indeterminate":k&&!c,"k-loading":x,"k-empty":p,"k-readonly":g,"k-highlighted":v},Object.keys(L).reduce((y,S)=>(S.startsWith("k-")?y[S]=L[S]:y[`k-${S}`]=L[S],y),{}))};function Hi(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 ir={};function O(e){return ir[e]=(ir[e]||0)+1,`k-${e}-${ir[e]}`}import{Fragment as Jl,jsx as Fi}from"react/jsx-runtime";var nr="k-font-icon",Xl=[],ql={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]},Wl={},Yo=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...c}=e;return a?Fi("span",{...c,className:n(e.className,nr,I(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"}):Fi(Jl,{})};Yo.states=Xl;Yo.options=ql;Yo.className=nr;Yo.defaultOptions=Wl;var Ui=Yo;import{Fragment as Ql,jsx as Ia}from"react/jsx-runtime";var sr="k-svg-icon",Yl=[],Zl={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]},Gi={viewBox:"0 0 24 24"},Zo=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Gi.viewBox,icon:c,...u}=e;if(!c)return Ia(Ql,{});if(c==="none")return Ia("span",{...u,className:n(e.className,sr,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name;return Ia("span",{...u,className:n(e.className,sr,I("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:Ia("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:s,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};Zo.states=Yl;Zo.options=Zl;Zo.className=sr;Zo.defaultOptions=Gi;var lr=Zo;import*as dr from"@progress/kendo-svg-icons";var Vi="icon",$i="icons";import{useContext as ed}from"react";import{createContext as jl}from"react";var Xi=jl({iconsType:"svg"});import{Fragment as qi,jsx as Qo}from"react/jsx-runtime";var ya="k-icon",td=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),od=[],ad={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]},cr={viewBox:"0 0 24 24",type:"svg"},M=e=>{let{iconsType:t}=ed(Xi),{size:o,themeColor:a,icon:r,type:s=t||cr.type,rotate:c,flip:u,viewBox:f=cr.viewBox,...h}=e;if(!r)return Qo(qi,{});if((t||s)==="svg"){if(r==="none")return Qo(lr,{...h,className:n(e.className,ya),icon:r,size:o});let x=dr[r]?r:td(`${r}-icon`);return dr[x]?Qo(lr,{...h,className:n(e.className,ya),icon:dr[x],size:o,themeColor:a,rotate:c,flip:u,viewBox:f}):Qo(qi,{})}return Qo(Ui,{...h,className:n(e.className,ya),icon:r,size:o,themeColor:a,rotate:c,flip:u})};M.states=od;M.options=ad;M.defaultOptions=cr;M.className=ya;M.moduleName=Vi;M.folderName=$i;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 pr="button",Wi=pr;import{Fragment as sd,jsx as jo,jsxs as Ji}from"react/jsx-runtime";var ea="k-button",rd=["icon-button"],id=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],nd={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]},mr={showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:c=mr.showArrow,arrowIconName:u=mr.arrowIconName,variant:f,hover:h,focus:k,active:x,selected:p,disabled:g,togglable:v,ariaDisabled:L,icon:y,text:S,iconClassName:A,className:F,...Z}=e,ee=y!==void 0,de=e.children!==void 0;return Ji(t,{className:n(F,ea,Hi(ea,f),I(ea,{size:o,rounded:a,fillMode:r,themeColor:s}),T(ea,{hover:h,focus:k,active:x,disabled:g||L,selected:p}),{"k-icon-button":!S&&!de&&ee}),...Z,"aria-pressed":v?p?"true":"false":void 0,"aria-disabled":L?"true":void 0,disabled:g||void 0,children:[y&&jo(M,{className:n(A,"k-button-icon"),icon:y}),S?Ji(sd,{children:[S&&jo("span",{className:"k-button-text",children:S}),e.children]}):e.children&&jo("span",{className:"k-button-text",children:e.children}),c&&jo("span",{className:"k-menu-button-arrow k-button-arrow",children:jo(M,{icon:u})})]})};d.states=id;d.options=nd;d.variants=rd;d.className=ea;d.defaultOptions=mr;d.moduleName=pr;d.folderName=Wi;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as ld}from"react/jsx-runtime";var ut=e=>ld(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as dd}from"react/jsx-runtime";var ta=e=>dd(d,{icon:"folder",children:"Button",...e});import{jsx as cd}from"react/jsx-runtime";var _t=e=>cd(d,{children:"Button",...e});import{jsx as ur}from"react/jsx-runtime";var pd=d.options,md=d.states,ud={...d.defaultOptions,variant:"text"},bd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],fd=[],jt=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ur(ut,{...o,icon:"star"});case"icon-and-text":return ur(ta,{...o,icon:"star",children:"Button"});default:return ur(_t,{...o,children:"Button"})}};jt.options=pd;jt.states=md;jt.variants=bd;jt.defaultOptions=ud;jt.modifiers=fd;jt.className=d.className;var br="button",Yi=br;import{jsx as Nd}from"react/jsx-runtime";var oa="k-button-group",hd=[i.disabled],xd={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},kd={},C=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return Nd("div",{role:"group",...r,className:n(e.className,oa,I(oa,{fillMode:t}),T(oa,{disabled:o}),{[`${oa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};C.states=hd;C.options=xd;C.className=oa;C.defaultOptions=kd;C.moduleName=br;C.folderName=Yi;C.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."}]};import{Fragment as Xx,jsx as $x,jsxs as qx}from"react/jsx-runtime";import{Fragment as jx,jsx as Qx,jsxs as ek}from"react/jsx-runtime";import{Fragment as nk,jsx as ik,jsxs as sk}from"react/jsx-runtime";import{Fragment as uk,jsx as mk,jsxs as bk}from"react/jsx-runtime";import{Fragment as vk,jsx as Nk,jsxs as gk}from"react/jsx-runtime";import{Fragment as Tk,jsx as yk,jsxs as Ek}from"react/jsx-runtime";import{jsx as bt,jsxs as fr}from"react/jsx-runtime";var vd={...d.options,...C.options},gd=d.states,Ld={...d.defaultOptions,...C.defaultOptions,variant:"text-button"},Md=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Sd=[],eo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?fr(C,{fillMode:a.fillMode,className:o,children:[bt(d,{...a,icon:"star"}),bt(d,{...a,icon:"star"}),bt(d,{...a,icon:"star"})]}):t==="icon-text-button"?fr(C,{fillMode:a.fillMode,className:o,children:[bt(d,{...a,icon:"star",children:"First"}),bt(d,{...a,icon:"star",children:"Middle"}),bt(d,{...a,icon:"star",children:"Last"})]}):fr(C,{fillMode:a.fillMode,className:o,children:[bt(d,{...a,children:"First"}),bt(d,{...a,children:"Middle"}),bt(d,{...a,children:"Last"})]})};eo.options=vd;eo.states=gd;eo.variants=Md;eo.defaultOptions=Ld;eo.modifiers=Sd;eo.className=C.className;var aa="input",Ta=aa;import{jsx as Ed}from"react/jsx-runtime";var Ea="k-input",Id=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],yd={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]},Td={},U=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:u,size:f,rounded:h,fillMode:k,...x}=e;return Ed("span",{...x,className:n(e.className,Ea,I(Ea,{size:f,rounded:h,fillMode:k}),T(Ea,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:u}))})};U.states=Id;U.options=yd;U.className=Ea;U.defaultOptions=Td;U.moduleName=aa;U.folderName=Ta;import{jsx as wd}from"react/jsx-runtime";var Ca="k-picker",Cd=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ad={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]},Od={},rt=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:u,size:f,rounded:h,fillMode:k,...x}=e;return wd("span",{...x,className:n(e.className,Ca,I(Ca,{size:f,rounded:h,fillMode:k}),T(Ca,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:u})),children:e.children})};rt.states=Cd;rt.options=Ad;rt.className=Ca;rt.defaultOptions=Od;rt.moduleName=aa;rt.folderName=Ta;import{Fragment as Pd,jsx as hr}from"react/jsx-runtime";var Zi="k-clear-value",Rd=[i.disabled,i.loading,i.readonly],Bd={},ce=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?hr(Pd,{}):hr("span",{className:n(e.className,Zi),children:hr(M,{icon:"x"})})};ce.states=Rd;ce.options=Bd;ce.className=Zi;import{jsx as _d}from"react/jsx-runtime";var xr="k-input-inner",Kd=[],Dd={},Aa={type:"text",autocomplete:"off",value:"",placeholder:""},pe=e=>{let{value:t=Aa.value,type:o=Aa.type,placeholder:a=Aa.placeholder,autocomplete:r=Aa.autocomplete,disabled:s,readOnly:c,...u}=e;return _d("input",{...u,type:o,className:n(e.className,xr,I(xr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:c||void 0})};pe.states=Kd;pe.options=Dd;pe.className=xr;import{jsx as Qi,jsxs as Fd}from"react/jsx-runtime";var kr="k-input-inner",zd=[],Hd={},zt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...c}=e;return Fd("span",{...c,className:n(e.className,kr,I(kr,e)),children:[r,!r&&s&&Qi(M,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Qi("span",{className:"k-input-value-text",children:t})]})};zt.states=zd;zt.options=Hd;zt.className=kr;import{jsx as Vd}from"react/jsx-runtime";var Nr="k-input-inner",Ud=[],Gd={},ji={value:"",placeholder:""},ra=e=>{let{value:t=ji.value,placeholder:o=ji.placeholder,rows:a,disabled:r,...s}=e;return Vd("textarea",{...s,className:n(e.className,Nr,I(Nr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};ra.states=Ud;ra.options=Gd;ra.className=Nr;import{Fragment as Xd,jsx as en}from"react/jsx-runtime";var tn="k-input-loading-icon",$d=[i.disabled,i.loading],ae=e=>{let{disabled:t,loading:o}=e;return t||!o?en(Xd,{}):en("span",{className:n(e.className,tn,"k-icon k-i-loading")})};ae.states=$d;ae.className=tn;import{Fragment as Jd,jsx as on}from"react/jsx-runtime";var an="k-input-validation-icon",qd=[i.valid,i.invalid,i.disabled,i.loading],Wd={},te=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?on(Jd,{}):on(M,{className:n(an),icon:s})};te.states=qd;te.options=Wd;te.className=an;import{Fragment as Qd,jsx as rn}from"react/jsx-runtime";var Yd="k-input-prefix",Zd={direction:"horizontal"},fe=e=>{let{direction:t=Zd.direction,...o}=e;return e.children?rn("span",{...o,className:n(Yd,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):rn(Qd,{})};import{Fragment as tc,jsx as nn}from"react/jsx-runtime";var jd="k-input-suffix",ec={direction:"horizontal"},he=e=>{let{direction:t=ec.direction,...o}=e;return e.children?nn("span",{...o,className:n(jd,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):nn(tc,{})};import{jsx as EN}from"react/jsx-runtime";import{jsx as ac}from"react/jsx-runtime";var oc="k-input-suffix-text",vr=e=>{let{children:t,...o}=e;return ac("span",{...o,className:n(oc,e.className),children:t})};import{jsx as ic}from"react/jsx-runtime";var sn="k-input-separator",rc={direction:"vertical"},re=e=>{let{direction:t=rc.direction,...o}=e;return ic("span",{...o,className:n(sn,e.className,{[`${sn}-${t}`]:t})})};import{Fragment as ln,jsx as it,jsxs as gr}from"react/jsx-runtime";var nc=U.states,sc=U.defaultOptions,lc=U.options,dc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],cc=[],to=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:c,...u}=e,f=t?.prefix,h=t?.suffix,k=t?.["clear-button"],x=t?.["validation-icon"],p=t?.separators;return gr(U,{...u,valid:o,invalid:a,loading:r,disabled:s,readonly:c,style:{width:300},children:[f&&gr(ln,{children:[it(fe,{children:it(M,{icon:"lock"})}),p&&it(re,{})]}),it(pe,{placeholder:"Placeholder",value:"Value"}),x&&it(te,{valid:o,invalid:a,loading:r,disabled:s}),it(ae,{loading:r,disabled:s}),k&&it(ce,{loading:r,disabled:s,readonly:c,value:"Value"}),h&&gr(ln,{children:[p&&it(re,{}),it(he,{children:it(_t,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};to.options=lc;to.states=nc;to.variants=cc;to.defaultOptions=sc;to.modifiers=dc;to.className=U.className;import{jsx as dn,jsxs as uc}from"react/jsx-runtime";var cn="k-color-preview",pc=[],mc={},Mt=e=>{let{color:t,iconName:o,...a}=e;return uc("span",{...a,className:n(e.className,cn,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&dn(M,{icon:o,className:"k-color-preview-icon"}),dn("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Mt.states=pc;Mt.options=mc;Mt.className=cn;var Lr="popup",pn=Lr;import{jsx as mn}from"react/jsx-runtime";var un="k-animation-container",bc=[],fc={},bn={positionMode:"absolute"},nt=e=>{let{positionMode:t=bn.positionMode,animationStyle:o,offset:a,...r}=e;return mn("div",{...r,style:{...a,...e.style},className:n(e.className,un,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:mn("div",{className:"k-child-animation-container",style:o,children:e.children})})};nt.states=bc;nt.options=fc;nt.className=un;nt.defaultOptions=bn;nt.moduleName=Lr;nt.folderName=pn;var Mr="popup",fn=Mr;import{jsx as hn}from"react/jsx-runtime";var xn="k-popup",hc=[],xc={},kn={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=kn.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:c,...u}=e;return hn(nt,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":c,children:hn("div",{...u,className:n(e.className,xn),children:e.children})})};q.states=hc;q.options=xc;q.className=xn;q.defaultOptions=kn;q.moduleName=Mr;q.folderName=fn;q.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 Sr="action-buttons",Nn=Sr;import{jsx as vc}from"react/jsx-runtime";var Oa="k-actions",kc=[],Nc={},Ir={alignment:"start",orientation:"horizontal"},st=e=>{let{alignment:t=Ir.alignment,orientation:o=Ir.orientation,...a}=e;return vc("div",{...a,className:n(Oa,{[`${Oa}-${t}`]:t,[`${Oa}-${o}`]:o},e.className),children:e.children})};st.states=kc;st.options=Nc;st.className=Oa;st.defaultOptions=Ir;st.moduleName=Sr;st.folderName=Nn;import{jsx as Lc}from"react/jsx-runtime";var gc="k-actionsheet-footer",vn={alignment:"stretched",orientation:"horizontal"},St=e=>{let{alignment:t=vn.alignment,orientation:o=vn.orientation,template:a,as:r=a?"div":st,...s}=e;return Lc(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,gc),children:e.children})};var yr="searchbox",gn=yr;import{jsx as ia,jsxs as Ic}from"react/jsx-runtime";var Ln="k-searchbox",Mc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Sc={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]},Tr={showIcon:!0,icon:"search"},Fe=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:c,focus:u,valid:f,invalid:h,required:k,loading:x,disabled:p,showIcon:g=Tr.showIcon,icon:v=Tr.icon,"aria-label":L,...y}=e;return Ic(U,{...y,size:a,rounded:r,fillMode:s,hover:c,focus:u,valid:f,invalid:h,required:k,loading:x,disabled:p,className:n(e.className,Ln),children:[g&&ia(M,{className:"k-input-icon",icon:v}),ia(pe,{placeholder:o,value:t,"aria-label":L}),ia(ae,{...e}),ia(te,{...e}),ia(ce,{...e})]})};Fe.states=Mc;Fe.options=Sc;Fe.className=Ln;Fe.defaultOptions=Tr;Fe.moduleName=yr;Fe.folderName=gn;import{jsx as jv}from"react/jsx-runtime";var Er="textbox",Mn=Er;import{Fragment as Sn,jsx as It,jsxs as Cr}from"react/jsx-runtime";var In="k-textbox",yc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Tc={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]},wa={showClearButton:!0,showValidationIcon:!0,separators:!0},H=e=>{let{size:t,rounded:o,fillMode:a,separators:r=wa.separators,showClearButton:s=wa.showClearButton,showValidationIcon:c=wa.showValidationIcon,prefix:u,suffix:f,type:h,value:k,placeholder:x,hover:p,focus:g,valid:v,invalid:L,required:y,loading:S,disabled:A,readonly:F,id:Z,"aria-label":ee,"aria-describedby":de,...ge}=e;return Cr(U,{...ge,size:t,rounded:o,fillMode:a,hover:p,focus:g,valid:v,invalid:L,required:y,loading:S,disabled:A,readonly:F,className:n(e.className,In),children:[u&&Cr(Sn,{children:[It(fe,{children:u}),r&&It(re,{})]}),It(pe,{id:Z,placeholder:x,value:k,type:h,disabled:A,"aria-label":ee,"aria-describedby":de,"aria-invalid":L?"true":void 0}),c&&It(te,{valid:v,invalid:L,loading:S,disabled:A}),It(ae,{loading:S,disabled:A}),s&&It(ce,{loading:S,disabled:A,readonly:F,value:k}),f&&Cr(Sn,{children:[r&&It(re,{}),It(he,{children:f})]})]})};H.states=yc;H.options=Tc;H.className=In;H.defaultOptions=wa;H.moduleName=Er;H.folderName=Mn;H.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 na=H;import{jsx as Ec}from"react/jsx-runtime";var yn=e=>Ec(na,{...e});import{Fragment as xg,jsx as hg}from"react/jsx-runtime";import{Fragment as Mg,jsx as Lg}from"react/jsx-runtime";import{jsx as Tg}from"react/jsx-runtime";import{jsx as Ar}from"react/jsx-runtime";var Cc=H.states,Ac=H.defaultOptions,Oc=H.options,wc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Rc=[],oo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Ar(M,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?Ar(_t,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),Ar(yn,{value:"Value",style:{width:300},...o,...a})};oo.options=Oc;oo.states=Cc;oo.variants=Rc;oo.defaultOptions=Ac;oo.modifiers=wc;oo.className=H.className;import{jsx as yt,jsxs as Or}from"react/jsx-runtime";var Tn="k-actionsheet-titlebar",Bc={},Le=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:c,inputValue:u,inputPlaceholder:f,adaptive:h,titleId:k,children:x,...p}=e;return Or("div",{...p,className:n(e.className,Tn),children:[Or("div",{className:"k-actionsheet-titlebar-group",children:[a&&yt("div",{className:"k-actionsheet-actions",children:a}),!x&&Or("div",{className:"k-actionsheet-title",id:k,children:[t&&yt("div",{className:"k-text-center",children:t}),o&&yt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&yt("div",{className:"k-actionsheet-title",id:k,children:x}),r&&yt("div",{className:"k-actionsheet-actions",children:r})]}),(c||s)&&yt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?yt(H,{value:u,placeholder:f,size:h?"large":"medium","aria-label":t||f||"Input"}):yt(Fe,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};Le.className=Tn;Le.defaultOptions=Bc;import{jsx as wr,jsxs as _c}from"react/jsx-runtime";var Rr="k-actionsheet-view",Pc=[],Kc={},Dc={},ao=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:c,...u}=e,f=r?.type===Le&&wr(Le,{adaptive:t,titleId:c,...r?.props}),h=s?.type===St&&wr(St,{...s?.props});return _c("div",{...u,className:n(e.className,Rr,{[`${Rr}-animated`]:o}),children:[f,wr("div",{className:"k-actionsheet-content",children:a}),h]})};ao.states=Pc;ao.options=Kc;ao.className=Rr;ao.defaultOptions=Dc;var sa="action-sheet",Ra=sa;var Br="overlay",En=Br;import{jsx as Uc}from"react/jsx-runtime";var Pr="k-overlay",zc=[],Hc={themeColor:[N.undefined,N.light,N.dark,N.inverse]},Fc={},Tt=e=>{let{themeColor:t,...o}=e;return Uc("div",{...o,className:n(e.className,Pr,I(Pr,{themeColor:t})),children:e.children})};Tt.states=zc;Tt.options=Hc;Tt.className=Pr;Tt.defaultOptions=Fc;Tt.moduleName=Br;Tt.folderName=En;import{jsx as Ba,jsxs as $c}from"react/jsx-runtime";var Cn="k-actionsheet",Gc=[],Vc={},la={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},J=e=>{let{side:t=la.side,fullscreen:o=la.fullscreen,adaptive:a=la.adaptive,overlay:r=la.overlay,template:s,children:c,header:u,footer:f,id:h,...k}=e,x=h&&!s&&u?`${h}-title`:void 0;return $c("div",{className:"k-actionsheet-container",children:[r&&Ba(Tt,{}),Ba(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:Ba("div",{...k,id:h,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":x,className:n(e.className,Cn,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||Ba(ao,{header:u,footer:f,adaptive:a,titleId:x,...e,children:c})})})]})};J.states=Gc;J.options=Vc;J.className=Cn;J.defaultOptions=la;J.moduleName=sa;J.folderName=Ra;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."}]};import{jsx as Jc}from"react/jsx-runtime";var An="k-actionsheet-container",Xc=[],qc={},Wc={},ro=e=>{let{children:t,...o}=e;return Jc("div",{...o,className:An,children:t})};ro.states=Xc;ro.options=qc;ro.className=An;ro.defaultOptions=Wc;ro.moduleName=sa;ro.folderName=Ra;import{jsx as Yc}from"react/jsx-runtime";var Kr=e=>{let{...t}=e;return Yc("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as Qc,jsx as da,jsxs as Dr}from"react/jsx-runtime";var _r="k-actionsheet-item",Zc=[i.hover,i.focus,i.selected,i.disabled],Et=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:c,disabled:u,...f}=e;return Dr("span",{...f,className:n(e.className,_r,T(_r,{hover:r,focus:s,selected:c,disabled:u})),children:[!e.children&&da(Qc,{children:Dr("span",{className:"k-actionsheet-action",children:[t&&da("span",{className:"k-icon-wrap",children:da(M,{className:"k-actionsheet-item-icon",icon:t})}),Dr("span",{className:"k-actionsheet-item-text",children:[o&&da("span",{className:"k-actionsheet-item-title",children:o}),a&&da("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Et.states=Zc;Et.className=_r;import{jsx as yL,jsxs as TL}from"react/jsx-runtime";import{jsx as OL}from"react/jsx-runtime";import{jsx as PL}from"react/jsx-runtime";import{jsx as zL}from"react/jsx-runtime";import{jsx as me,jsxs as zr}from"react/jsx-runtime";var jc=J.options,ep=J.states,wn={...J.defaultOptions,variant:"normal"},tp=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],op=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],io=e=>{let{variant:t,modifiers:o,...a}={...wn,...e},r={},s=zr(Kr,{children:[me(Et,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),me(Et,{text:"Add to Favorites",iconName:"heart"}),me(Et,{text:"Upload New",iconName:"upload",disabled:!0}),me("hr",{className:"k-hr"}),me(Et,{text:"Cancel",iconName:"cancel"})]}),c="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?.[f],r.actionsEnd=!!o?.[f];break;case"subtitle":r.subtitle=o?.[f]?c:void 0;break;case"footer":r.footer=!!o?.[f];break;default:break}}),t==="adaptive"?me(J,{...a,adaptive:!0,fullscreen:r.fullScreen,header:me(Le,{actionsStart:r.actionsStart?me(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?me(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:r.subtitle}),footer:r.footer?zr(St,{alignment:"stretched",children:[me(d,{text:"Cancel",size:"large",themeColor:"base"}),me(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):me(J,{...a,fullscreen:r.fullScreen,header:me(Le,{actionsStart:r.actionsStart?me(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?me(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?zr(St,{alignment:"stretched",children:[me(d,{text:"Apply",themeColor:"primary"}),me(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};io.options=jc;io.states=ep;io.variants=tp;io.defaultOptions=wn;io.modifiers=op;io.className=J.className;var Hr="slider",Rn=Hr;import{jsx as no,jsxs as Fr}from"react/jsx-runtime";var ca="k-slider",ap=[i.hover,i.focus,i.active,i.disabled,i.readonly],rp={},Ue={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},X=e=>{let{type:t=Ue.type,orientation:o=Ue.orientation,gradientType:a=Ue.gradientType,readonly:r=Ue.readonly,disabled:s=Ue.disabled,handlePosition:c=Ue.handlePosition,showButtons:u=Ue.showButtons,showTicks:f=Ue.showTicks,value:h=Ue.value,min:k=Ue.min,max:x=Ue.max,startValue:p,endValue:g,hover:v,focus:L,active:y,trackStyle:S,dir:A,...F}=e,ee=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),de,ge;return o==="horizontal"?(de=A==="rtl"?"caret-alt-left":"caret-alt-right",ge=A==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(de="caret-alt-up",ge="caret-alt-down"),Fr("div",{...F,className:n(ca,e.className,T(ca,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:A,children:[u&&no(d,{className:"k-button-decrease",rounded:"full",icon:ge,tabIndex:-1,title:"Decrease"}),Fr("div",{className:"k-slider-track-wrap",children:[f&&no("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Fr("div",{className:"k-slider-track",style:S,children:[no("div",{className:"k-slider-selection"}),t==="range"&&no("span",{className:n("k-draghandle","k-draghandle-start",T(ca,{hover:v,focus:L,active:y})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":p??k,"aria-valuemin":k,"aria-valuemax":g??x,"aria-orientation":ee,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":F["aria-label"]?`${F["aria-label"]} start`:"Range start"}),no("span",{className:n("k-draghandle",`k-draghandle-${c}`,T(ca,{hover:v,focus:L,active:y})),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":ee,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?F["aria-label"]?`${F["aria-label"]} end`:"Range end":F["aria-label"]})]})]}),u&&no(d,{className:"k-button-increase",rounded:"full",icon:de,tabIndex:-1,title:"Increase"})]})};X.states=ap;X.options=rp;X.className=ca;X.defaultOptions=Ue;X.moduleName=Hr;X.folderName=Rn;X.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."}]};import{jsx as Bn}from"react/jsx-runtime";var Pn="k-tick",ip=[],np={},Kn={label:!1},E=e=>{let{style:t,label:o=Kn.label,orientation:a,large:r,text:s,...c}=e;return Bn("li",{...c,role:"presentation",title:s||"Tick",className:n(e.className,Pn,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&Bn("span",{className:"k-label",children:s})})};E.states=ip;E.options=np;E.className=Pn;E.defaultOptions=Kn;import{Fragment as sp,jsx as Ge,jsxs as lp}from"react/jsx-runtime";var Dn=e=>Ge(X,{"aria-label":e["aria-label"]||"Slider",children:lp(sp,{children:[Ge(E,{className:"k-first",label:!0,large:!0,text:"0"}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{label:!0,large:!0,text:"5"}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as dp,jsx as Ve,jsxs as cp}from"react/jsx-runtime";var _n=e=>Ve(X,{children:cp(dp,{children:[Ve(E,{className:"k-first",label:!0,large:!0,text:"0"}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{label:!0,large:!0,text:"5"}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as TM,jsx as yM,jsxs as EM}from"react/jsx-runtime";import{Fragment as RM,jsx as wM,jsxs as BM}from"react/jsx-runtime";import{jsx as pp}from"react/jsx-runtime";var Ur=e=>pp(X,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as mp}from"react/jsx-runtime";var Gr=e=>mp(X,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as $M,jsx as VM,jsxs as XM}from"react/jsx-runtime";import{Fragment as ZM,jsx as YM,jsxs as QM}from"react/jsx-runtime";import{jsx as lt,jsxs as zn}from"react/jsx-runtime";var up=X.options,bp=X.states,Hn={...X.defaultOptions,variant:"horizontal",label:!0},fp=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],hp=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],so=e=>{let{variant:t,modifiers:o,...a}={...Hn,...e},r={};Object.keys(o||{}).forEach(h=>{switch(h){case"button":{r.showButtons=!!o?.[h];break}case"label":{r.label=!!o?.[h];break}case"tick":{r.showTicks=!!o?.[h];break}}});let{label:s=!0,showButtons:c,showTicks:u}=r,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?zn(_n,{showTicks:u,showButtons:c,style:{height:"300px",...f},...a,children:[lt(E,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):zn(Dn,{showTicks:u,showButtons:c,style:{width:"400px",...f},...a,children:[lt(E,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};so.options=up;so.states=bp;so.variants=fp;so.defaultOptions=Hn;so.modifiers=hp;so.className=X.className;import{jsx as Fn,jsxs as gp}from"react/jsx-runtime";var Un="k-spin-button",Np=[],vp={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Vr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},dt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=Vr.increaseLabel,decreaseLabel:s=Vr.decreaseLabel,...c}=e;return gp("span",{...c,className:n(Un,e.className),children:[Fn(d,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":r}),Fn(d,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};dt.states=Np;dt.options=vp;dt.className=Un;dt.defaultOptions=Vr;dt.moduleName=null;dt.folderName=null;var Gn="numeric-textbox",Vn="numerictextbox";import{Fragment as $n,jsx as ft,jsxs as $r}from"react/jsx-runtime";var Xn="k-numerictextbox",Lp=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Mp={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]},Pa={showSpinButton:!0,showClearButton:!0,separators:!0},P=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Pa.separators,showClearButton:s=Pa.showClearButton,showSpinButton:c=Pa.showSpinButton,prefix:u,suffix:f,value:h,placeholder:k,hover:x,focus:p,valid:g,invalid:v,required:L,loading:y,disabled:S,readonly:A,id:F,"aria-label":Z,"aria-describedby":ee,...de}=e;return $r(U,{...de,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:g,invalid:v,required:L,loading:y,disabled:S,readonly:A,className:n(e.className,Xn),children:[u&&$r($n,{children:[ft(fe,{children:u}),r&&ft(re,{})]}),ft(pe,{id:F,placeholder:k,value:h,role:"spinbutton",disabled:S,"aria-label":Z,"aria-describedby":ee,"aria-invalid":v?"true":void 0}),ft(te,{valid:g,invalid:v,loading:y,disabled:S}),ft(ae,{loading:y,disabled:S}),s&&ft(ce,{loading:y,disabled:S,readonly:A,value:h}),f&&$r($n,{children:[r&&ft(re,{}),ft(he,{children:f})]}),c&&ft(dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:S})]})};P.states=Lp;P.options=Mp;P.className=Xn;P.defaultOptions=Pa;P.moduleName=Gn;P.folderName=Vn;P.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 pa=P;import{jsx as Sp}from"react/jsx-runtime";var qn=e=>Sp(pa,{...e});import qr from"react";import{jsx as Wn}from"react/jsx-runtime";var Ip="k-list-group-sticky-header",Xr=e=>Wn("div",{className:n(Ip,e.className),children:Wn("div",{className:"k-list-header-text",children:e.children})});import{jsx as Tp}from"react/jsx-runtime";var yp="k-no-data",Ka=e=>{let{live:t,...o}=e;return Tp("span",{...o,className:n(yp,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Ht="list",lo=Ht;import{jsx as Jn,jsxs as Yn}from"react/jsx-runtime";var Wr="k-list",Ep=[],Cp={size:[l.undefined,l.small,l.medium,l.large]},Ap={},_=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:c,noData:u,screenReaders:f,...h}=e,x=qr.Children.toArray(a)[0],p=x?.props?.children?qr.Children.count(x.props.children):qr.Children.count(a);return Yn("div",{...h,className:n(e.className,Wr,I(Wr,{size:t}),{"k-virtual-list":o}),children:[s,c,r&&Jn(Xr,{children:r}),a||(u!==void 0?u:Jn(Ka,{live:!0,children:"No data found."})),f&&a&&Yn(Ka,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};_.states=Ep;_.options=Cp;_.className=Wr;_.defaultOptions=Ap;_.moduleName=Ht;_.folderName=lo;_.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as Bp}from"react/jsx-runtime";var Zn="k-list-container",Op=[],wp={},Rp={},co=e=>{let{...t}=e;return Bp("div",{...t,className:n(e.className,Zn),children:e.children})};co.states=Op;co.options=wp;co.className=Zn;co.defaultOptions=Rp;co.moduleName=Ht;co.folderName=lo;var Ft="checkbox",po=Ft;import{jsx as Qn}from"react/jsx-runtime";var Da="k-checkbox",Pp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Kp={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},Dp={},Be=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:c,invalid:u,valid:f,required:h,size:k,rounded:x,wrapperRole:p,...g}=e;return Qn("span",{className:"k-checkbox-wrap",role:p,children:Qn("input",{...g,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:c||void 0,"aria-invalid":u?"true":void 0,className:n(e.className,Da,I(Da,{size:k,rounded:x}),T(Da,{hover:r,focus:s,disabled:c,invalid:u,valid:f,indeterminate:a,checked:o}))})})};Be.states=Pp;Be.options=Kp;Be.className=Da;Be.defaultOptions=Dp;Be.moduleName=Ft;Be.folderName=po;Be.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 tt=Be;import{jsx as Hp}from"react/jsx-runtime";var jn="k-checkbox-list",_p=[],zp={},es={layout:"vertical"},Me=e=>{let{layout:t=es.layout,...o}=e;return Hp("ul",{...o,className:n(e.className,jn,{[`k-list-${t}`]:t}),children:e.children})};Me.states=_p;Me.options=zp;Me.className=jn;Me.defaultOptions=es;Me.moduleName=Ft;Me.folderName=po;import{jsx as Vp}from"react/jsx-runtime";var ts="k-checkbox-list-item",Fp=[],Up={},Gp={},Se=e=>{let{...t}=e;return Vp("li",{...t,className:n(e.className,ts),children:e.children})};Se.states=Fp;Se.options=Up;Se.className=ts;Se.defaultOptions=Gp;Se.moduleName=Ft;Se.folderName=po;import{Fragment as $p,jsx as os,jsxs as Xp}from"react/jsx-runtime";var $e=({children:e="Label",id:t="cb-label-after",...o})=>Xp($p,{children:[os(tt,{id:t,...o}),os("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as LI,jsx as gI,jsxs as MI}from"react/jsx-runtime";import{Fragment as EI,jsx as TI,jsxs as CI}from"react/jsx-runtime";import{Fragment as BI,jsx as RI,jsxs as PI}from"react/jsx-runtime";import{jsx as zI}from"react/jsx-runtime";import{jsx as GI}from"react/jsx-runtime";import{jsx as qI}from"react/jsx-runtime";import{jsx as Xe,jsxs as as}from"react/jsx-runtime";var qp=Me.options,Wp=Me.states,Jp={...Me.defaultOptions,variant:"vertical"},Yp=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Zp=[],mo=e=>{let{variant:t,...o}=e;return t==="horizontal"?as(Me,{layout:"horizontal",...o,children:[Xe(Se,{children:Xe($e,{id:O("cb"),defaultChecked:!0,children:"Label"})}),Xe(Se,{children:Xe($e,{id:O("cb"),children:"Label"})}),Xe(Se,{children:Xe($e,{id:O("cb"),children:"Label"})})]}):as(Me,{...o,children:[Xe(Se,{children:Xe($e,{id:O("cb"),defaultChecked:!0,children:"Label"})}),Xe(Se,{children:Xe($e,{id:O("cb"),children:"Label"})}),Xe(Se,{children:Xe($e,{id:O("cb"),children:"Label"})})]})};mo.options=qp;mo.states=Wp;mo.variants=Yp;mo.defaultOptions=Jp;mo.modifiers=Zp;mo.className=Me.className;import{jsx as am}from"react/jsx-runtime";var Qp=tt.options,jp=tt.states,em=tt.defaultOptions,tm=[],om=[],uo=e=>am($e,{id:O("checkbox"),...e,defaultChecked:!0,children:"Label"});uo.options=Qp;uo.states=jp;uo.variants=tm;uo.defaultOptions=em;uo.modifiers=om;uo.className=tt.className;import{jsx as Ut,jsxs as sm}from"react/jsx-runtime";var Jr="k-list-item",rm=[i.hover,i.focus,i.selected,i.disabled],im={},nm={},w=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:c,checked:u,hover:f,focus:h,selected:k,disabled:x,actions:p,description:g,id:v,...L}=e,y=t||e.children;return sm("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":Jr,T(Jr,{hover:f,focus:h,disabled:x,selected:k})),children:[c&&Ut(Be,{checked:u}),r&&Ut("span",{className:"k-list-item-icon-wrapper",children:Ut(M,{icon:r,className:n("k-list-item-icon",s)})}),Ut("span",{className:"k-list-item-text",children:y}),p&&Ut("div",{className:"k-list-item-actions",children:p}),g&&Ut("span",{className:"k-list-item-description",children:g}),o&&o!==""&&Ut("div",{className:"k-list-item-group-label",children:o})]})};w.states=rm;w.options=im;w.className=Jr;w.defaultOptions=nm;w.moduleName=Ht;w.folderName=lo;w.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."}]};import{jsx as dm}from"react/jsx-runtime";var lm="k-list-ul",ht=e=>{let{children:t,role:o,id:a,...r}=e;return dm("ul",{...r,id:a,role:o,className:n(lm,e.className),children:t})};ht.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."}]};import{jsx as Yr,jsxs as pm}from"react/jsx-runtime";var cm="k-list-content",G=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...c}=e;return pm("div",{...c,className:n(cm,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:Yr(ht,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&Yr("div",{className:"k-height-container",children:Yr("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."}]};import{Fragment as Dy,jsx as Ky,jsxs as _y}from"react/jsx-runtime";import{jsx as Zr,jsxs as um}from"react/jsx-runtime";var mm="k-list-group-item",Gt=e=>{let{groupIconName:t,...o}=e;return um("li",{...o,role:"presentation",className:n(mm,e.className),children:[t&&Zr("span",{className:"k-list-item-icon-wrapper",children:Zr(M,{icon:t,className:"k-list-item-icon"})}),Zr("span",{className:"k-list-item-text",children:e.children})]})};Gt.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."}]};import{jsx as xm}from"react/jsx-runtime";var Qr="k-list-optionlabel",bm=[i.hover,i.focus,i.selected,i.disabled],fm={},hm={},_a=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...c}=e;return xm("div",{...c,className:n(Qr,T(Qr,{hover:o,focus:a,selected:r,disabled:s})),children:t})};_a.states=bm;_a.options=fm;_a.className=Qr;_a.defaultOptions=hm;import{jsx as gm}from"react/jsx-runtime";var jr="k-list-custom-value",km=[i.hover,i.focus,i.selected,i.disabled],Nm={},vm={},Ct=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...c}=e;return gm("div",{...c,className:n(jr,T(jr,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Ct.states=km;Ct.options=Nm;Ct.className=jr;Ct.defaultOptions=vm;import{Fragment as eT,jsx as jy,jsxs as tT}from"react/jsx-runtime";import{Fragment as sT,jsx as nT,jsxs as lT}from"react/jsx-runtime";import{Fragment as fT,jsx as uT,jsxs as bT}from"react/jsx-runtime";import{Fragment as LT,jsx as vT,jsxs as gT}from"react/jsx-runtime";import{jsx as yT}from"react/jsx-runtime";import{Fragment as wT,jsx as OT,jsxs as RT}from"react/jsx-runtime";var rs="dropdown-list",is="dropdownlist";import{Fragment as Sm,jsx as Ie,jsxs as ei}from"react/jsx-runtime";var ns="k-dropdownlist",Lm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Mm={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]},ti={showValue:!0,arrowIconName:"caret-alt-down"},B=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=ti.arrowIconName,showValue:s=ti.showValue,valueIconName:c,prefix:u,suffix:f,value:h,placeholder:k,hover:x,focus:p,valid:g,invalid:v,required:L,loading:y,disabled:S,readonly:A,popup:F,opened:Z,adaptive:ee,adaptiveSettings:de,adaptiveTitle:ge,adaptiveSubtitle:Dt,adaptiveFilter:or,id:Lt,activeDescendant:Sa,"aria-label":ar,...rr}=e,$l=Lt?`${Lt}-listbox`:void 0,zi=Lt?`${Lt}-value`:void 0;return ei(Sm,{children:[ei(rt,{...rr,id:Lt,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:g,invalid:v,required:L,loading:y,disabled:S,readonly:A,className:n(e.className,ns,{"k-icon-picker":!s&&c}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Z?"true":"false","aria-controls":Z?$l:void 0,"aria-activedescendant":Z&&Sa?Sa:void 0,"aria-describedby":Z?zi:void 0,"aria-disabled":S?"true":void 0,"aria-label":ar,tabIndex:0,children:[Ie(fe,{children:u}),Ie(zt,{placeholder:k,value:h,showValue:s,valueIconName:c,id:zi}),Ie(te,{valid:g,invalid:v,loading:y,disabled:S}),Ie(ae,{loading:y,disabled:S}),Ie(he,{children:f}),Ie(d,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":k||"Toggle dropdown",tabIndex:-1})]}),Z&&F&&Ie(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:F}),ee&&Ie(J,{adaptive:!0,...de,header:Ie(Le,{actionsEnd:Ie(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:or,inputValue:h,inputPlaceholder:k,title:ge,subtitle:Dt}),children:Ie("div",{className:"k-list-container",children:Ie(_,{size:"large",children:ei(G,{"aria-label":"Options",children:[Ie(w,{text:"List item"}),Ie(w,{text:"List item"}),Ie(w,{text:"List item"})]})})})})]})};B.states=Lm;B.options=Mm;B.className=ns;B.defaultOptions=ti;B.moduleName=rs;B.folderName=is;B.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."}]};import{jsx as mE}from"react/jsx-runtime";import{jsx as kE,jsxs as NE}from"react/jsx-runtime";import{Fragment as EE,jsx as yE,jsxs as TE}from"react/jsx-runtime";import{jsx as RE}from"react/jsx-runtime";import{jsx as zE,jsxs as HE}from"react/jsx-runtime";import{Fragment as JE,jsx as qE,jsxs as WE}from"react/jsx-runtime";import{jsx as eC}from"react/jsx-runtime";import{Fragment as Am,jsx as At,jsxs as ss}from"react/jsx-runtime";var Im=B.states,ym=B.defaultOptions,Tm=B.options,Em=[{name:"opened",title:"Opened"}],Cm=[],fo=e=>{let{modifiers:t,...o}=e,a={},r=ss(Am,{children:[At("div",{className:"k-list-filter",children:At(Fe,{})}),At(_,{style:{width:300},size:o.size,children:ss(G,{children:[At(w,{children:"List item"}),At(w,{children:"List item"}),At(w,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0)}),At("div",{children:At(B,{placeholder:"Value",style:{width:300},...o,...a})})};fo.options=Tm;fo.states=Im;fo.variants=Cm;fo.defaultOptions=ym;fo.modifiers=Em;fo.className=B.className;import{Fragment as LC,jsx as gC}from"react/jsx-runtime";import{Fragment as EC,jsx as TC}from"react/jsx-runtime";import{jsx as wC}from"react/jsx-runtime";import{jsx as oi}from"react/jsx-runtime";var Om=P.states,wm=P.defaultOptions,Rm=P.options,Bm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Pm=[],ho=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?oi(B,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?oi(vr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),oi(qn,{value:"Value",style:{width:300},...o,...a})};ho.options=Rm;ho.states=Om;ho.variants=Pm;ho.defaultOptions=wm;ho.modifiers=Bm;ho.className=P.className;import{Fragment as ma,jsx as K,jsxs as Q}from"react/jsx-runtime";var ls="k-colorgradient-inputs",Km=[],Dm={size:[l.undefined,l.small,l.medium,l.large]},ds={mode:"rgba"},xo=e=>{let{mode:t=ds.mode,size:o,...a}=e;return Q("div",{...a,className:n(ls,"k-hstack"),children:[K("div",{className:"k-vstack",children:K(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Q(ma,{children:[Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),K("label",{className:"k-colorgradient-input-label",children:"R"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),K("label",{className:"k-colorgradient-input-label",children:"G"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),K("label",{className:"k-colorgradient-input-label",children:"B"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),K("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Q(ma,{children:[Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),K("label",{className:"k-colorgradient-input-label",children:"R"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),K("label",{className:"k-colorgradient-input-label",children:"G"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),K("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Q(ma,{children:[Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),K("label",{className:"k-colorgradient-input-label",children:"H"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),K("label",{className:"k-colorgradient-input-label",children:"S"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),K("label",{className:"k-colorgradient-input-label",children:"V"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),K("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Q(ma,{children:[Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),K("label",{className:"k-colorgradient-input-label",children:"H"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),K("label",{className:"k-colorgradient-input-label",children:"S"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),K("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&K(ma,{children:Q("div",{className:"k-vstack k-flex-1",children:[K(H,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),K("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};xo.states=Km;xo.options=Dm;xo.className=ls;xo.defaultOptions=ds;import{jsx as Vt,jsxs as $t}from"react/jsx-runtime";var cs="k-colorgradient-color-contrast",_m=[],zm={},Hm={},ko=()=>$t("div",{className:n(cs,"k-vbox"),children:[$t("div",{className:"k-contrast-ratio",children:[Vt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),$t("span",{className:"k-contrast-validation !k-text-success",children:[Vt(M,{icon:"check"}),Vt(M,{icon:"check"})]})]}),$t("div",{children:[Vt("span",{children:"AA: 4.5"}),$t("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Vt(M,{icon:"check"})]})]}),$t("div",{children:[Vt("span",{children:"AAA: 7.0"}),$t("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Vt(M,{icon:"x"})]})]})]});ko.states=_m;ko.options=zm;ko.className=cs;ko.defaultOptions=Hm;var ps="color-gradient",ms="colorgradient";import{jsx as qe,jsxs as ua}from"react/jsx-runtime";var za="k-colorgradient",Fm=[i.hover,i.focus,i.readonly,i.disabled],Um={size:[l.undefined,l.small,l.medium,l.large]},ct={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ie=e=>{let{size:t,mode:o=ct.mode,readonly:a=ct.readonly,disabled:r=ct.disabled,gradientStyle:s=ct.gradientStyle,dragHandleStyle:c=ct.dragHandleStyle,alphaStyle:u=ct.alphaStyle,alphaStyleHorizontal:f=ct.alphaStyleHorizontal,contrast:h=ct.contrast,dir:k,hover:x,focus:p,hoverHandle:g,focusHandle:v,canvasOrientation:L=ct.canvasOrientation,role:y,tabIndex:S,...A}=e;return ua("div",{...A,role:y??"textbox","aria-label":y==="none"?void 0:"Color gradient",tabIndex:S??0,"aria-disabled":r?"true":void 0,className:n(e.className,za,I(za,{size:t}),T(za,{hover:x,focus:p,readonly:a,disabled:r})),dir:k,children:[!L||L==="horizontal"&&ua("div",{className:"k-colorgradient-canvas k-hstack",children:[qe("div",{className:"k-hsv-rectangle",style:s,children:qe("div",{className:"k-hsv-gradient",children:qe("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":g,"k-focus":v}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),ua("div",{className:"k-hsv-controls k-hstack",children:[qe(Gr,{className:"k-hue-slider",hover:g,focus:v}),o!=="rgb"&&o!=="hsv"&&qe(Gr,{className:"k-alpha-slider",hover:g,focus:v,trackStyle:u})]})]}),L==="vertical"&&ua("div",{className:"k-colorgradient-canvas k-vstack",children:[qe("div",{className:"k-hsv-rectangle",style:s,children:qe("div",{className:"k-hsv-gradient",children:qe("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":g,"k-focus":v}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),ua("div",{className:"k-hsv-controls k-vstack",children:[qe(Ur,{className:"k-hue-slider",hover:g,focus:v}),o!=="rgb"&&o!=="hsv"&&qe(Ur,{className:"k-alpha-slider",hover:g,focus:v,trackStyle:f})]})]}),qe(xo,{mode:e.mode,size:t}),h&&qe(ko,{})]})};ie.states=Fm;ie.options=Um;ie.className=za;ie.defaultOptions=ct;ie.moduleName=ps;ie.folderName=ms;ie.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as Gm}from"react/jsx-runtime";var Ha=e=>Gm(ie,{...e});import{jsx as xA}from"react/jsx-runtime";import{jsx as gA}from"react/jsx-runtime";import{jsx as ai}from"react/jsx-runtime";var Vm=ie.options,$m=ie.states,Xm={...ie.defaultOptions,variant:"rgba"},qm=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Wm=[],No=e=>{let{variant:t,...o}=e;switch(t){case"hex":return ai(Ha,{...o,mode:t});case"rgb":return ai(Ha,{...o,mode:t});default:return ai(Ha,{...o,mode:t})}};No.options=Vm;No.states=$m;No.variants=qm;No.defaultOptions=Xm;No.modifiers=Wm;No.className=ie.className;import{jsx as Jm}from"react/jsx-runtime";var ri=e=>Jm("tr",{role:"row",children:e.children});import{jsx as Qm}from"react/jsx-runtime";var ii="k-colorpalette-tile",Ym=[i.hover,i.focus,i.selected],Zm={},vo=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:s,...c}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Qm("td",{...c,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:n(e.className,ii,T(ii,{hover:a,focus:r,selected:s})),style:u})};vo.states=Ym;vo.options=Zm;vo.className=ii;var us="color-palette",bs="colorpalette";import{jsx as ba}from"react/jsx-runtime";var Fa="k-colorpalette",jm=[i.disabled],eu={size:[l.undefined,l.small,l.medium,l.large]},fs={columns:10},ye=e=>{let{size:t,palette:o,columns:a=fs.columns,tileSize:r,disabled:s,...c}=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(x*f,(x+1)*f).map((v,L)=>{p.push(ba(vo,{color:v,tileSize:r},L))});let g=ba(ri,{children:p},x);u.push(g)})}return ba("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:n(e.className,Fa,T(Fa,{disabled:s}),I(Fa,{size:t})),children:ba("table",{className:"k-colorpalette-table",role:"none",children:ba("tbody",{children:u.length>0?u:e.children})})})};ye.states=jm;ye.options=eu;ye.className=Fa;ye.defaultOptions=fs;ye.moduleName=us;ye.folderName=bs;ye.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 Ua=ye;var fa={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}};import{jsx as tu}from"react/jsx-runtime";var hs=e=>tu(Ua,{palette:fa.basic,...e});import{jsx as oO}from"react/jsx-runtime";import{jsx as lO,jsxs as dO}from"react/jsx-runtime";import{jsx as lu}from"react/jsx-runtime";var ou=ye.options,au=ye.states,ru={...ye.defaultOptions,variant:"basic"},iu=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],nu={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}},su=[],go=e=>{let{variant:t="basic",...o}=e,a=nu[t];return lu(hs,{columns:a.columns,palette:a,...o})};go.options=ou;go.states=au;go.variants=iu;go.defaultOptions=ru;go.modifiers=su;go.className=ye.className;var xs="color-editor",ks="coloreditor";import{jsx as We,jsxs as Lo}from"react/jsx-runtime";var Ga="k-coloreditor",du=[i.focus],cu={size:[l.undefined,l.small,l.medium,l.large]},ha={view:"gradient",palette:fa.office,actionButtons:!0,canvasOrientation:"horizontal"},Y=e=>{let{size:t,view:o=ha.view,palette:a=ha.palette,color:r,currentColor:s,focus:c,focusView:u,dir:f,group:h,actionButtons:k=ha.actionButtons,canvasOrientation:x=ha.canvasOrientation,...p}=e;return Lo("div",{...p,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",Ga,I(Ga,{size:t}),T(Ga,{focus:c})),dir:f,children:[Lo("div",{className:"k-coloreditor-header k-hstack",children:[We("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&Lo(C,{fillMode:"flat",children:[We(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),We(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),We("div",{className:"k-spacer"}),Lo("div",{className:"k-coloreditor-header-actions k-hstack",children:[We(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Lo("div",{className:"k-coloreditor-preview k-vstack",children:[We(Mt,{className:"k-coloreditor-preview-color",color:r}),We(Mt,{className:"k-coloreditor-current-color",color:s})]})]})]}),We("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?We(ie,{focus:u,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):We(ye,{palette:a,size:t})}),k&&Lo(st,{className:"k-coloreditor-footer",alignment:"start",children:[We(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),We(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Y.states=du;Y.options=cu;Y.className=Ga;Y.defaultOptions=ha;Y.moduleName=xs;Y.folderName=ks;Y.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 Mo=Y;import{jsx as _O}from"react/jsx-runtime";import{jsx as UO}from"react/jsx-runtime";import{jsx as pu}from"react/jsx-runtime";var Ns=e=>pu(Mo,{group:!0,currentColor:"fuchsia",...e});import{jsx as mu}from"react/jsx-runtime";var vs=e=>mu(Mo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as gs}from"react/jsx-runtime";var uu=Y.options,bu=Y.states,fu={...Y.defaultOptions,variant:"gradient"},hu=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],xu=[],So=e=>{let{variant:t,...o}=e;return t==="palette"?gs(vs,{...o,color:"white"}):gs(Ns,{...o,color:"rgba(183, 118 , 118, 1.00)"})};So.options=uu;So.states=bu;So.variants=hu;So.defaultOptions=fu;So.modifiers=xu;So.className=Y.className;var Ls="color-picker",Ms="colorpicker";import{Fragment as vu,jsx as Je,jsxs as ni}from"react/jsx-runtime";var Ss="k-colorpicker",ku=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Nu={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]},Is={arrowIconName:"caret-alt-down"},Pe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=Is.arrowIconName,prefix:s,suffix:c,value:u,placeholder:f,hover:h,focus:k,valid:x,invalid:p,required:g,disabled:v,valueIconName:L,popup:y,opened:S,adaptive:A,adaptiveSettings:F,adaptiveTitle:Z,adaptiveSubtitle:ee,...de}=e,ge="colorpicker-popup";return ni(vu,{children:[ni(rt,{...de,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":S?"true":"false","aria-controls":S||A?ge:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":v?"true":void 0,className:n(e.className,Ss,"k-icon-picker"),children:[Je(fe,{children:s}),Je(zt,{placeholder:f,value:u,showValue:!1,valueIcon:Je(Mt,{className:"k-value-icon",color:u,iconName:L}),valueIconName:L}),Je(he,{children:c}),Je(d,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:v})]}),S&&y&&Je(q,{id:ge,className:"k-colorpicker-popup",children:y}),A&&Je(J,{adaptive:!0,id:ge,...F,header:Je(Le,{actionsEnd:Je(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Z,subtitle:ee}),footer:ni(St,{children:[Je(d,{text:"Cancel",size:"large"}),Je(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:Je(Y,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Pe.states=ku;Pe.options=Nu;Pe.className=Ss;Pe.defaultOptions=Is;Pe.moduleName=Ls;Pe.folderName=Ms;Pe.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 xt=Pe;import{jsx as gu}from"react/jsx-runtime";var Va=e=>gu(xt,{...e});import{jsx as Iw}from"react/jsx-runtime";import{jsx as Aw}from"react/jsx-runtime";import{jsx as Bw}from"react/jsx-runtime";import{jsx as _w}from"react/jsx-runtime";import{jsx as Uw}from"react/jsx-runtime";import{jsx as Xw}from"react/jsx-runtime";import{jsx as Xt}from"react/jsx-runtime";var Lu=xt.options,Mu=xt.states,ys={...xt.defaultOptions,variant:"color"},Su=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Iu=[{name:"opened",title:"Opened"}],Io=e=>{let{variant:t,modifiers:o,...a}={...ys,...e},r={};Object.keys(o||{}).forEach(c=>{c==="opened"&&(r.opened=!!o?.[c],r.popup=o?.[c]?Xt(Y,{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 Xt("div",{style:s,children:Xt(Va,{...a,...r})});case"icon":return Xt("div",{style:s,children:Xt(Va,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return Xt("div",{style:s,children:Xt(Va,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};Io.options=Lu;Io.states=Mu;Io.variants=Su;Io.defaultOptions=ys;Io.modifiers=Iu;Io.className=xt.className;var si="combobox",Ts=si;import{Fragment as li,jsx as oe,jsxs as xa}from"react/jsx-runtime";var Es="k-combobox",yu=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Tu={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]},Cs={separators:!0},xe=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Cs.separators,prefix:s,suffix:c,value:u,placeholder:f,hover:h,focus:k,valid:x,invalid:p,required:g,loading:v,disabled:L,popup:y,opened:S,readonly:A,adaptive:F,adaptiveSettings:Z,adaptiveTitle:ee,adaptiveSubtitle:de,adaptiveCustomValue:ge,id:Dt,autocomplete:or,activeDescendant:Lt,"aria-label":Sa,...ar}=e,rr=Dt?`${Dt}-listbox`:void 0;return xa(li,{children:[xa(U,{...ar,size:t,rounded:o,fillMode:a,hover:h,focus:k,valid:x,invalid:p,required:g,loading:v,disabled:L,readonly:A,className:n(e.className,Es),children:[s&&xa(li,{children:[oe(fe,{children:s}),r&&oe(re,{})]}),oe(pe,{id:Dt,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":S?"true":"false","aria-controls":S?rr:void 0,"aria-activedescendant":S&&Lt?Lt:void 0,"aria-autocomplete":or,"aria-invalid":p?"true":void 0,"aria-busy":v?"true":void 0,"aria-label":Sa,disabled:L,readOnly:A}),oe(te,{valid:x,invalid:p,loading:v,disabled:L}),oe(ae,{loading:v,disabled:L}),oe(ce,{loading:v,disabled:L,readonly:A,value:u}),c&&xa(li,{children:[r&&oe(re,{}),oe(he,{children:c})]}),oe(d,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:L})]}),S&&y&&oe(q,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:y}),F&&oe(J,{adaptive:!0,id:Dt?`${Dt}-adaptive`:void 0,...Z,header:oe(Le,{actionsEnd:oe(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:ee,subtitle:de}),children:oe("div",{className:"k-list-container",children:oe(_,{customValue:ge?oe(Ct,{text:`Use "${u}"`}):void 0,size:"large",children:xa(G,{"aria-label":ee||"Options",children:[oe(w,{text:"List item"}),oe(w,{text:"List item"}),oe(w,{text:"List item"})]})})})})]})};xe.states=yu;xe.options=Tu;xe.className=Es;xe.defaultOptions=Cs;xe.moduleName=si;xe.folderName=Ts;xe.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 Ke=xe;import{jsx as Eu}from"react/jsx-runtime";var As=e=>Eu(Ke,{...e});import{jsx as ER,jsxs as CR}from"react/jsx-runtime";import{jsx as PR,jsxs as KR}from"react/jsx-runtime";import{jsx as UR,jsxs as GR}from"react/jsx-runtime";import{Fragment as JR,jsx as WR}from"react/jsx-runtime";import{Fragment as tB,jsx as eB}from"react/jsx-runtime";import{jsx as sB,jsxs as lB}from"react/jsx-runtime";import{Fragment as hB,jsx as bB,jsxs as fB}from"react/jsx-runtime";import{jsx as vB}from"react/jsx-runtime";import{jsx as SB}from"react/jsx-runtime";import{jsx as AB,jsxs as OB}from"react/jsx-runtime";import{jsx as DB,jsxs as _B}from"react/jsx-runtime";import{jsx as Ot,jsxs as Bu}from"react/jsx-runtime";var Cu=xe.states,Au=xe.defaultOptions,Ou=xe.options,wu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Ru=[],yo=e=>{let{modifiers:t,...o}=e,a={},r=Ot(_,{style:{width:300},size:o.size,children:Bu(G,{children:[Ot(w,{children:"List item"}),Ot(w,{children:"List item"}),Ot(w,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?Ot(M,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?Ot(ut,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0;break;default:break}}),Ot("div",{children:Ot(As,{value:"Value",style:{width:300},...o,...a})})};yo.options=Ou;yo.states=Cu;yo.variants=Ru;yo.defaultOptions=Au;yo.modifiers=wu;yo.className=xe.className;var di="menu-button",Os=di;import{jsx as Du}from"react/jsx-runtime";var ws="k-menu-button",Pu=[i.hover,i.focus,i.active,i.selected,i.disabled],Ku={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]},ci={showArrow:!0,arrowIconName:"caret-alt-down"},V=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:c,active:u,selected:f,disabled:h,icon:k,text:x,showArrow:p=ci.showArrow,arrowIconName:g=ci.arrowIconName,expanded:v,...L}=e;return Du(d,{...L,className:n(e.className,ws),text:x,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:c,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=Pu;V.options=Ku;V.className=ws;V.defaultOptions=ci;V.moduleName=di;V.folderName=Os;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."}]};import{jsx as xP}from"react/jsx-runtime";import{jsx as gP}from"react/jsx-runtime";import{jsx as IP}from"react/jsx-runtime";var De="menu",Ye=De;import{jsx as ka,jsxs as Rs}from"react/jsx-runtime";var pi="k-menu-item",_u=[i.hover,i.focus,i.active,i.selected,i.disabled],zu={},Bs={iconPosition:"before"},ke=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:c,text:u,first:f,last:h,showArrow:k,arrowIconName:x,iconPosition:p=Bs.iconPosition,dir:g,children:v,expanded:L,...y}=e,S=x;return S||(S=g==="rtl"?"caret-alt-left":"caret-alt-right"),Rs("li",{...y,className:n(e.className,pi,"k-item",T(pi,{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:[Rs("span",{className:n("k-link k-menu-link"),children:[c&&p==="before"&&ka(M,{className:"k-menu-link-icon",icon:c}),ka("span",{className:"k-menu-link-text",children:u}),c&&p==="after"&&ka(M,{className:"k-menu-link-icon",icon:c}),k&&ka("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ka(M,{icon:S})})]}),v]})};ke.states=_u;ke.options=zu;ke.className=pi;ke.defaultOptions=Bs;ke.moduleName=De;ke.folderName=Ye;import{jsx as Na,jsxs as Ps}from"react/jsx-runtime";var mi="k-menu-item",Hu=[i.hover,i.focus,i.active,i.selected,i.disabled],Fu={},ui={dir:"ltr",iconPosition:"before"},W=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:c,text:u,first:f,last:h,showArrow:k,arrowIconName:x,iconPosition:p=ui.iconPosition,dir:g=ui.dir,children:v,popup:L,expanded:y,...S}=e,A=x;return A||(A=g==="rtl"?"caret-alt-left":"caret-alt-right"),Ps("li",{...S,className:n(e.className,mi,"k-item",T(mi,{focus:o,disabled:s}),{"k-first":f,"k-last":h}),role:"menuitem",...k&&{"aria-haspopup":"menu"},...k&&{"aria-expanded":y?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ps("span",{className:n("k-link k-menu-link",T("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[c&&p==="before"&&Na(M,{className:"k-menu-link-icon",icon:c}),Na("span",{className:"k-menu-link-text",children:u}),c&&p==="after"&&Na(M,{className:"k-menu-link-icon",icon:c}),k&&Na("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Na(M,{icon:A})})]}),v,L]})};W.states=Hu;W.options=Fu;W.className=mi;W.defaultOptions=ui;W.moduleName=De;W.folderName=Ye;import{jsx as $u}from"react/jsx-runtime";var Ks="k-menu-scroll-wrapper",Uu=[],Gu={},Vu={},qt=e=>{let{className:t,children:o,orientation:a,...r}=e;return $u("div",{...r,className:n(t,Ks,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};qt.states=Uu;qt.options=Gu;qt.className=Ks;qt.defaultOptions=Vu;qt.moduleName=De;qt.folderName=Ye;var Ds=qt;import{Fragment as bi,jsx as Wt,jsxs as Xa}from"react/jsx-runtime";var fi="k-menu",Xu=[],qu={},qa={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ne=e=>{let{children:t,orientation:o=qa.orientation,header:a=qa.header,scrollable:r,scrollButtonsPosition:s=qa.scrollButtonsPosition,wrapperStyles:c,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=Wt("ul",{dir:u,...k,className:n(e.className,"k-reset",fi,{[`${fi}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Xa(bi,{children:[r?Xa(Ds,{orientation:o,style:c,dir:e.dir,children:[s==="start"&&Xa(bi,{children:[Wt(d,{fillMode:"flat",icon:`caret-alt-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Wt(d,{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"&&Wt(d,{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"&&Xa(bi,{children:[Wt(d,{fillMode:"flat",icon:`caret-alt-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Wt(d,{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"&&Wt(d,{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]})};ne.states=Xu;ne.options=qu;ne.className=fi;ne.defaultOptions=qa;ne.moduleName=De;ne.folderName=Ye;ne.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."}]};import{jsx as Wu}from"react/jsx-runtime";var hi="k-separator",_s={orientation:"horizontal"},To=e=>{let{orientation:t=_s.orientation,...o}=e;return Wu("li",{...o,className:n(e.className,"k-item",hi,{[`${hi}-${t}`]:t}),role:"separator"})};To.className=hi;To.defaultOptions=_s;To.moduleName=De;To.folderName=Ye;import{Fragment as eK,jsx as tK}from"react/jsx-runtime";import{jsx as Qu}from"react/jsx-runtime";var xi="k-menu-group",Ju=[],Yu={size:[l.undefined,l.small,l.medium,l.large]},Zu={},Ne=e=>{let{children:t,size:o,...a}=e;return Qu("ul",{...a,className:n(e.className,xi,I(xi,{size:o})),role:"menu",children:t})};Ne.states=Ju;Ne.options=Yu;Ne.className=xi;Ne.defaultOptions=Zu;Ne.moduleName=De;Ne.folderName=Ye;import{Fragment as ju,jsx as Eo,jsxs as eb}from"react/jsx-runtime";var ki=e=>Eo(ne,{children:eb(ju,{children:[Eo(ke,{first:!0,text:"Item 1"}),Eo(ke,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Eo(ke,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Eo(ke,{text:"Item 4"}),Eo(ke,{last:!0,text:"Item 5"})]}),...e});import{Fragment as fK,jsx as uK,jsxs as bK}from"react/jsx-runtime";import{Fragment as vK,jsx as NK,jsxs as gK}from"react/jsx-runtime";import{Fragment as yK,jsx as IK,jsxs as TK}from"react/jsx-runtime";import{Fragment as wK,jsx as OK,jsxs as RK}from"react/jsx-runtime";import{jsx as Jt,jsxs as ib}from"react/jsx-runtime";var tb=ne.options,ob=ne.states,zs={...ne.defaultOptions,variant:"horizontal"},ab=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],rb=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Co=e=>{let{variant:t,modifiers:o,...a}={...zs,...e},r={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":r.scrollable=!!o?.[s];break;case"opened":r.opened=!!o?.[s],r.popup=Jt(q,{className:"k-menu-popup",children:ib(Ne,{children:[Jt(W,{text:"Item 1"}),Jt(W,{text:"Item 2"}),Jt(To,{}),Jt(W,{text:"Item 3"})]})});break}}),t==="vertical"?Jt(ki,{...a,...r,orientation:"vertical",style:{width:"200px"}}):Jt(ki,{...a,...r})};Co.options=tb;Co.states=ob;Co.variants=ab;Co.defaultOptions=zs;Co.modifiers=rb;Co.className=ne.className;import{Fragment as p0,jsx as d0,jsxs as c0}from"react/jsx-runtime";import{jsx as f0}from"react/jsx-runtime";import{Fragment as cb,jsx as pt,jsxs as Hs}from"react/jsx-runtime";var nb=d.states,Fs={...d.defaultOptions,variant:"text"},sb=d.options,lb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],db=[{name:"opened",title:"Opened"}],Ao=e=>{let{variant:t,modifiers:o,...a}={...Fs,...e},r={},s=pt(q,{className:"k-menu-popup",children:Hs(Ne,{size:a.size,children:[pt(W,{first:!0,text:"Menu Item"}),pt(W,{text:"Menu Item"}),pt(W,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=pt("div",{children:pt(V,{...a,...r,icon:"star"})});break;case"icon-and-text":c=pt("div",{children:pt(V,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:c=pt("div",{children:pt(V,{...a,...r,children:"Dropdown Button"})});break}return Hs(cb,{children:[c,o?.opened&&s]})};Ao.options=sb;Ao.states=nb;Ao.variants=lb;Ao.defaultOptions=Fs;Ao.modifiers=db;Ao.className=V.className;var Ni="split-button",Us=Ni;import{Fragment as ub,jsx as vi,jsxs as Gs}from"react/jsx-runtime";var gi="k-split-button",pb=[i.hover,i.focus,i.active,i.selected,i.disabled],mb={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]},Vs={arrowIconName:"caret-alt-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:c,active:u,selected:f,disabled:h,icon:k,text:x,arrowIconName:p=Vs.arrowIconName,popup:g,opened:v,popupId:L,...y}=e;return Gs(ub,{children:[Gs("div",{...y,className:n(e.className,gi,"k-button-group",I(gi,{rounded:o})),children:[vi(d,{text:x,icon:k,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:c,active:u,selected:f,disabled:h,...!x&&!e.children&&k&&{"aria-label":"Action"},children:e.children}),vi(d,{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&&vi(q,{className:"k-menu-popup",children:g})]})};D.states=pb;D.options=mb;D.className=gi;D.defaultOptions=Vs;D.moduleName=Ni;D.folderName=Us;D.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 Li=D;import{jsx as fb}from"react/jsx-runtime";var bb="k-toolbar-separator",se=e=>fb("div",{className:n(bb,e.className,"k-separator")});var kt="toolbar",wt=kt;import{Fragment as Mi,jsx as z,jsxs as Oo}from"react/jsx-runtime";var Nt="k-toolbar",hb=[i.focus],xb={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},kb={scrollButtons:"around"},$=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:c,scrollingPosition:u,section:f,...h}=e,k=[],x=(p,g)=>{let v=[];if(p.type===d&&p.props.className&&p.props.className.includes("k-toolbar-overflow-button"))v.push(z(d,{...p.props,className:`${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===d)v.push(z(d,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===ta)v.push(z(ta,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===ut)v.push(z(ut,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===V)v.push(z(V,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===Li)v.push(z(Li,{...p.props,className:`k-toolbar-split-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===C||p.props.className&&p.props.className.includes("k-button-group")){let L=[];(Array.isArray(p.props.children)?p.props.children:[p.props.children]).forEach((S,A)=>{L.push(z(d,{...S.props,className:`${S.props.className?S.props.className:""}`},`${A}-${new Date().getTime()}`))}),v.push(z(C,{...p.props,className:`k-toolbar-button-group ${p.props.className?p.props.className:""}`,children:L},`${g}-${new Date().getTime()}`))}else p.type===xe?v.push(z(xe,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===B?v.push(z(B,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===Pe?v.push(z(Pe,{...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)}),Oo("div",{...h,className:n(e.className,Nt,I(Nt,{size:t,fillMode:o}),T(Nt,{focus:a}),{[`${Nt}-resizable`]:r,[`${Nt}-scrollable`]:s,[`${Nt}-scrollable-overlay`]:s&&c==="hidden",[`${Nt}-scrollable-${u}`]:u&&u!=="both",[`${Nt}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&k,s&&c==="hidden"&&z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),s&&c==="start"&&Oo(Mi,{children:[Oo(C,{children:[z("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(M,{className:"k-button-icon",icon:"caret-alt-left"})}),z("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(M,{className:"k-button-icon",icon:"caret-alt-right"})})]}),z(se,{className:"k-toolbar-button-separator"}),z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k})]}),s&&c==="end"&&Oo(Mi,{children:[z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),z(se,{className:"k-toolbar-button-separator"}),Oo(C,{children:[z("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(M,{className:"k-button-icon",icon:"caret-alt-left"})}),z("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(M,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(c==="around"||!c)&&Oo(Mi,{children:[z("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(M,{className:"k-button-icon",icon:"caret-alt-left"})}),z(se,{className:"k-toolbar-button-separator"}),z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),z(se,{className:"k-toolbar-button-separator"}),z("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(M,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};$.states=hb;$.options=xb;$.className=Nt;$.defaultOptions=kb;$.moduleName=kt;$.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."}]};import{jsx as Lb}from"react/jsx-runtime";var $s="k-floating-toolbar",Nb=[],vb={},gb={},wo=e=>{let{...t}=e;return Lb("div",{...t,className:n(e.className,$s),children:e.children})};wo.states=Nb;wo.options=vb;wo.className=$s;wo.defaultOptions=gb;wo.moduleName=kt;wo.folderName=wt;import{jsx as yb}from"react/jsx-runtime";var Si="k-toolbar-item",Mb=[i.focus],Sb={},Ib={},ot=e=>{let{focus:t,...o}=e;return yb("div",{...o,className:n(e.className,Si,T(Si,{focus:t})),children:e.children})};ot.states=Mb;ot.options=Sb;ot.className=Si;ot.defaultOptions=Ib;ot.moduleName=kt;ot.folderName=wt;import{jsx as Xs}from"react/jsx-runtime";var qs="k-toolbar-popup",Tb=[],Eb={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Cb={},Yt=e=>{let{size:t,fillMode:o,section:a,...r}=e;return Xs(q,{...r,className:n(e.className,qs),children:a?Xs("span",{className:n("k-toolbar-items-list",I("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Yt.states=Tb;Yt.options=Eb;Yt.className=qs;Yt.defaultOptions=Cb;Yt.moduleName=kt;Yt.folderName=wt;var Wa=Yt;import{jsx as kD}from"react/jsx-runtime";import{jsx as LD}from"react/jsx-runtime";import{jsx as yD}from"react/jsx-runtime";import{jsx as wD,jsxs as RD}from"react/jsx-runtime";import{jsx as DD}from"react/jsx-runtime";import{jsx as vt,jsxs as Bb}from"react/jsx-runtime";var Ab=D.states,Ws={...D.defaultOptions,variant:"text"},Ob=D.options,wb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Rb=[{name:"opened",title:"Opened"}],Ro=e=>{let{variant:t,modifiers:o,...a}={...Ws,...e},r={},s=Bb(Ne,{size:a.size,children:[vt(W,{first:!0,text:"Menu Item"}),vt(W,{text:"Menu Item"}),vt(W,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(c=>{c==="opened"&&(r.opened=!!o?.[c],r.popup=o?.[c]?s:"")}),t){case"icon-only":return vt("div",{children:vt(D,{...a,...r,icon:"star"})});case"icon-and-text":return vt("div",{children:vt(D,{...a,...r,icon:"star",children:"Split Button"})});default:return vt("div",{children:vt(D,{...a,...r,children:"Split Button"})})}};Ro.options=Ob;Ro.states=Ab;Ro.variants=wb;Ro.defaultOptions=Ws;Ro.modifiers=Rb;Ro.className=D.className;import{jsx as Zt,jsxs as Pb}from"react/jsx-runtime";var Js=e=>Zt($,{children:[Zt(d,{children:"Button"},"toolbar-button"),Zt(V,{text:"Menu button"},"toolbar-menu-button"),Zt(D,{children:"Split button"},"toolbar-split-button"),Pb(C,{children:[Zt(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Zt(d,{icon:"align-center",children:"Center"}),Zt(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as m_,jsxs as u_}from"react/jsx-runtime";import{jsx as _e,jsxs as Ys}from"react/jsx-runtime";var Zs=e=>_e($,{scrollable:!0,...e,children:[_e(d,{children:"Button"},"toolbar-button"),_e(V,{text:"Menu button"},"toolbar-menu-button"),_e(D,{children:"Split button"},"toolbar-split-button"),Ys(C,{children:[_e(d,{className:"k-group-start",icon:"align-left",children:"Left"}),_e(d,{icon:"align-center",children:"Center"}),_e(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),_e(d,{children:"Button"},"toolbar-button"),_e(V,{text:"Menu button"},"toolbar-menu-button"),_e(D,{children:"Split button"},"toolbar-split-button"),Ys(C,{children:[_e(d,{className:"k-group-start",icon:"align-left",children:"Left"}),_e(d,{icon:"align-center",children:"Center"}),_e(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as ze,jsxs as Qs}from"react/jsx-runtime";var js=({scrollingPosition:e="start",...t})=>ze($,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[ze(d,{children:"Button"},"toolbar-button"),ze(V,{text:"Menu button"},"toolbar-menu-button"),ze(D,{children:"Split button"},"toolbar-split-button"),Qs(C,{children:[ze(d,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(d,{icon:"align-center",children:"Center"}),ze(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ze(d,{children:"Button"},"toolbar-button"),ze(V,{text:"Menu button"},"toolbar-menu-button"),ze(D,{children:"Split button"},"toolbar-split-button"),Qs(C,{children:[ze(d,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(d,{icon:"align-center",children:"Center"}),ze(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Kb,jsx as Ae,jsxs as Ja}from"react/jsx-runtime";var el=({fillMode:e,size:t,...o})=>Ja(Kb,{children:[Ae($,{section:!0,fillMode:e,size:t,children:[Ae(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ja(C,{fillMode:e,children:[Ae(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ae(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ae(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ae(se,{className:"k-toolbar-button-separator"}),Ae(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Ja(Wa,{size:t,fillMode:e,section:!0,...o,children:[Ae(D,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ae(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ae(se,{}),Ae(V,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Ja(C,{fillMode:e,children:[Ae(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ae(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ae(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as X_,jsx as V_,jsxs as $_}from"react/jsx-runtime";import{Fragment as az,jsx as tz,jsxs as oz}from"react/jsx-runtime";import{jsx as Rt}from"react/jsx-runtime";var Db=$.options,_b=$.states,tl={...$.defaultOptions,variant:"default"},zb=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Hb=[],Bo=e=>{let{variant:t,...o}={...tl,...e};switch(t){case"responsive":return Rt("div",{children:Rt(el,{style:{width:"583px"},...o})});case"overlay":return Rt("div",{children:Rt(js,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Rt("div",{children:Rt(Zs,{style:{width:"583px"},...o})});default:return Rt("div",{children:Rt(Js,{style:{width:"583px"},...o})})}};Bo.options=Db;Bo.states=_b;Bo.variants=zb;Bo.defaultOptions=tl;Bo.modifiers=Hb;Bo.className=$.className;import{jsx as He}from"react/jsx-runtime";var ol="k-imageeditor-toolbar",Fb=[],Ub={},Gb=[He(d,{icon:"upload","aria-label":"Upload"},"toolbar-button-1"),He(d,{disabled:!0,icon:"download","aria-label":"Download"},"toolbar-button-2"),He(se,{},"toolbar-separator-1"),He(d,{disabled:!0,icon:"undo","aria-label":"Undo"},"toolbar-button-3"),He(d,{disabled:!0,icon:"redo","aria-label":"Redo"},"toolbar-button-4"),He(se,{},"toolbar-separator-2"),He(d,{disabled:!0,icon:"crop","aria-label":"Crop"},"toolbar-button-5"),He(d,{disabled:!0,icon:"image-resize","aria-label":"Resize"},"toolbar-button-6"),He(d,{disabled:!0,icon:"zoom-in","aria-label":"Zoom in"},"toolbar-button-7"),He(d,{disabled:!0,icon:"zoom-out","aria-label":"Zoom out"},"toolbar-button-8"),He(ot,{children:He(B,{disabled:!0,value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],al={toolbarItems:Gb},Po=e=>{let{toolbarItems:t=al.toolbarItems,...o}=e;return He($,{...o,className:n(e.className,ol),children:t})};Po.states=Fb;Po.options=Ub;Po.className=ol;Po.defaultOptions=al;var rl="image-editor",il="imageeditor";import{jsx as va,jsxs as nl}from"react/jsx-runtime";var sl="k-imageeditor",Vb=[],$b={},Xb={},at=e=>{let{toolbarItems:t,actionPane:o,contentHeight:a,children:r,...s}=e;return nl("div",{...s,className:n(e.className,sl),children:[va("div",{className:"k-imageeditor-header",children:va(Po,{toolbarItems:t})}),nl("div",{className:"k-imageeditor-content",style:{height:a},children:[va("div",{className:"k-imageeditor-canvas-container",children:va("div",{className:"k-imageeditor-canvas",children:r})}),o&&va("div",{className:"k-imageeditor-action-pane",children:o})]})]})};at.states=Vb;at.options=$b;at.className=sl;at.defaultOptions=Xb;at.moduleName=rl;at.folderName=il;at.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."}]};import{jsx as Uz}from"react/jsx-runtime";var ll="form",dl="forms";import{Fragment as cl,jsx as Ya,jsxs as Jb}from"react/jsx-runtime";var Za="k-form",qb=[],Wb={size:[l.undefined,l.small,l.medium,l.large]},Ii={layout:"basic",tag:"form"},le=e=>{let{size:t,orientation:o,layout:a=Ii.layout,formButtons:r,cols:s,gutters:c,tag:u=Ii.tag,children:f}=e,h=u,k=n(e.className,Za,I(Za,{size:t}),{[`${Za}-${o}`]:o}),x=Jb(cl,{children:[a==="grid"?Ya("div",{className:n("k-form-layout","k-d-grid",{[`k-grid-cols-${s}`]:s}),style:{...typeof c=="string"&&{gap:c},...typeof c=="object"&&c.rows&&{rowGap:c.rows},...typeof c=="object"&&c.cols&&{columnGap:c.cols}},children:f}):Ya(cl,{children:f}),r&&Ya("div",{className:"k-form-buttons",children:r})]}),{role:p,"aria-labelledby":g,"aria-label":v,id:L}=e;return Ya(h,{className:k,role:p,"aria-labelledby":g,"aria-label":v,id:L,children:x})};le.states=qb;le.options=Wb;le.className=Za;le.defaultOptions=Ii;le.moduleName=ll;le.folderName=dl;var pl="label",ml="label";import{jsx as ul,jsxs as jb}from"react/jsx-runtime";var yi="k-label",Yb=[i.disabled],Zb={},Qb={},Bt=e=>{let{disabled:t,optional:o,info:a,text:r,children:s,...c}=e;return jb("label",{...c,className:n(e.className,yi,T(yi,{disabled:t})),children:[r||s,o&&ul("span",{className:"k-label-optional",children:"(Optional)"}),a&&ul("span",{className:"k-field-info",children:a})]})};Bt.states=Yb;Bt.options=Zb;Bt.className=yi;Bt.defaultOptions=Qb;Bt.moduleName=pl;Bt.folderName=ml;import{jsx as af}from"react/jsx-runtime";var bl="k-form-hint",ef=[],tf={},of={},Ze=e=>{let{text:t,children:o,...a}=e;return af("div",{...a,className:n(e.className,bl),children:t||o})};Ze.states=ef;Ze.options=tf;Ze.className=bl;Ze.defaultOptions=of;import{jsx as lf}from"react/jsx-runtime";var fl="k-form-error",rf=[],nf={},sf={},Qe=e=>{let{text:t,children:o,...a}=e;return lf("div",{...a,className:n(e.className,fl),children:t||o})};Qe.states=rf;Qe.options=nf;Qe.className=fl;Qe.defaultOptions=sf;import{jsx as Qa,jsxs as hl}from"react/jsx-runtime";var Ti="k-form-field",df=[i.disabled],j=e=>{let{editorId:t,label:o,orientation:a,optional:r,editor:s,hint:c,error:u,info:f,disabled:h,dir:k,colSpan:x,...p}=e;return hl("div",{...p,className:n(Ti,e.className,T(Ti,{disabled:h}),{[`k-col-span-${x}`]:x}),dir:k,children:[o&&Qa(Bt,{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&&Qa("span",{className:"k-label k-form-label k-label-empty"}),hl("div",{className:"k-form-field-wrap",children:[s,c&&Qa(Ze,{id:t?`${t}-hint`:void 0,children:c}),u&&Qa(Qe,{id:t?`${t}-error`:void 0,children:u})]})]})};j.states=df;j.className=Ti;import{Fragment as cf,jsx as Ei,jsxs as pf}from"react/jsx-runtime";var xl="k-form-fieldset",mt=e=>{let{legend:t,layout:o,cols:a,gutters:r,colSpan:s}=e;return pf("fieldset",{className:n(xl,{[`k-col-span-${s}`]:s}),children:[t&&Ei("legend",{className:"k-form-legend",children:t}),o==="grid"?Ei("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}):Ei(cf,{children:e.children})]})};mt.className=xl;var Qt="radio",Ko=Qt;import{jsx as kl}from"react/jsx-runtime";var ja="k-radio",mf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked],uf={size:[l.undefined,l.small,l.medium,l.large]},bf={},ue=e=>{let{id:t,checked:o,hover:a,focus:r,disabled:s,invalid:c,valid:u,required:f,size:h,...k}=e;return kl("span",{className:"k-radio-wrap",children:kl("input",{...k,id:t,type:"radio",checked:o,required:f,disabled:s||void 0,"aria-invalid":c?"true":void 0,className:n(e.className,ja,I(ja,{size:h}),T(ja,{hover:a,focus:r,disabled:s,invalid:c,valid:u,checked:o}))})})};ue.states=mf;ue.options=uf;ue.className=ja;ue.defaultOptions=bf;ue.moduleName=Qt;ue.folderName=Ko;ue.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 je=ue;import{jsx as xf}from"react/jsx-runtime";var Nl="k-radio-list",ff=[],hf={},vl={layout:"vertical"},be=e=>{let{layout:t=vl.layout,...o}=e;return xf("ul",{...o,className:n(e.className,Nl,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};be.states=ff;be.options=hf;be.className=Nl;be.defaultOptions=vl;be.moduleName=Qt;be.folderName=Ko;be.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."}]};import{jsx as gf}from"react/jsx-runtime";var gl="k-radio-list-item",kf=[],Nf={},vf={},ve=e=>{let{...t}=e;return gf("li",{...t,className:n(e.className,gl),role:"none",children:e.children})};ve.states=kf;ve.options=Nf;ve.className=gl;ve.defaultOptions=vf;ve.moduleName=Qt;ve.folderName=Ko;import{jsx as AH}from"react/jsx-runtime";import{Fragment as Lf,jsx as Ll,jsxs as Mf}from"react/jsx-runtime";var gt=({children:e,id:t,...o})=>Mf(Lf,{children:[Ll(je,{...o,id:t}),Ll("label",{className:"k-radio-label",htmlFor:t,children:e})]});import{Fragment as _H,jsx as DH,jsxs as zH}from"react/jsx-runtime";import{Fragment as $H,jsx as GH,jsxs as VH}from"react/jsx-runtime";import{Fragment as YH,jsx as JH,jsxs as ZH}from"react/jsx-runtime";import{Fragment as o1,jsx as t1,jsxs as a1}from"react/jsx-runtime";import{Fragment as c1,jsx as d1,jsxs as p1}from"react/jsx-runtime";import{jsx as f1}from"react/jsx-runtime";import{jsx as Af}from"react/jsx-runtime";var If=je.options,yf=je.states,Tf=je.defaultOptions,Ef=[],Cf=[],Do=e=>Af(gt,{id:O("radio"),name:"value",...e,children:"Label"});Do.options=If;Do.states=yf;Do.variants=Ef;Do.defaultOptions=Tf;Do.modifiers=Cf;Do.className=je.className;import{jsx as et,jsxs as Ml}from"react/jsx-runtime";var Of=be.options,wf=be.states,Rf={...be.defaultOptions,variant:"vertical"},Bf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Pf=[],_o=e=>{let{variant:t,...o}=e;return t==="horizontal"?Ml(be,{layout:"horizontal",...o,children:[et(ve,{children:et(gt,{id:O("rb"),name:"value",defaultChecked:!0,children:"Label"})}),et(ve,{children:et(gt,{id:O("rb"),name:"value",children:"Label"})}),et(ve,{children:et(gt,{id:O("rb"),name:"value",children:"Label"})})]}):Ml(be,{...o,children:[et(ve,{children:et(gt,{id:O("rb"),name:"value",defaultChecked:!0,children:"Label"})}),et(ve,{children:et(gt,{id:O("rb"),name:"value",children:"Label"})}),et(ve,{children:et(gt,{id:O("rb"),name:"value",children:"Label"})})]})};_o.options=Of;_o.states=wf;_o.variants=Bf;_o.defaultOptions=Rf;_o.modifiers=Pf;_o.className=be.className;import{Fragment as Kf,jsx as Oe,jsxs as zo}from"react/jsx-runtime";var Ci=e=>{let{size:t,children:o,...a}=e;return Oe(le,{formButtons:zo(Kf,{children:[Oe(d,{className:"k-form-submit",themeColor:"primary",size:t,children:"Submit"}),Oe(d,{className:"k-form-clear",size:t,children:"Clear"})]}),size:t,...a,children:o||zo(mt,{legend:"Form Legend",children:[Oe(j,{label:"Label",editor:Oe(H,{size:t})}),Oe(j,{label:"Label",hint:"Hint text",editor:Oe(B,{value:"Dropdown List",size:t,"aria-label":"Label"})}),Oe(j,{label:"City",editor:zo("ul",{className:"k-radio-list k-list-horizontal",children:[zo("li",{className:"k-radio-list-item",children:[Oe(ue,{defaultChecked:!0,size:t}),Oe("label",{className:"k-radio-label",children:"Label"})]}),zo("li",{className:"k-radio-list-item",children:[Oe(ue,{size:t}),Oe("label",{className:"k-radio-label",children:"Label"})]}),zo("li",{className:"k-radio-list-item",children:[Oe(ue,{size:t}),Oe("label",{className:"k-radio-label",children:"Label"})]})]})})]})})};import{Fragment as r2,jsx as a2,jsxs as i2}from"react/jsx-runtime";import{Fragment as m2,jsx as p2,jsxs as u2}from"react/jsx-runtime";var Sl="date-input",Il="dateinput";import{jsx as ga,jsxs as Hf}from"react/jsx-runtime";var yl="k-dateinput",Df=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],_f={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]},zf={},we=e=>{let{size:t,rounded:o,fillMode:a,value:r,placeholder:s,hover:c,focus:u,valid:f,invalid:h,required:k,loading:x,disabled:p,readonly:g,showClearButton:v,showSpinButton:L,id:y,"aria-label":S,"aria-describedby":A,...F}=e;return Hf(U,{...F,size:t,rounded:o,fillMode:a,hover:c,focus:u,valid:f,invalid:h,required:k,loading:x,disabled:p,readonly:g,className:n(e.className,yl),children:[ga(pe,{id:y,placeholder:s,value:r,disabled:p,"aria-label":S,"aria-describedby":A,"aria-invalid":h?"true":void 0}),ga(te,{valid:f,invalid:h,loading:x,disabled:p}),ga(ae,{loading:x,disabled:p}),v&&ga(ce,{loading:x,disabled:p,readonly:g,value:r}),L&&ga(dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:p})]})};we.states=Df;we.options=_f;we.className=yl;we.defaultOptions=zf;we.moduleName=Sl;we.folderName=Il;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 Ai=we;import{jsx as Ff}from"react/jsx-runtime";var Tl=e=>Ff(Ai,{...e});import{jsx as T2}from"react/jsx-runtime";import{jsx as qf}from"react/jsx-runtime";var Uf=we.options,Gf=we.states,Vf=we.defaultOptions,$f=[{name:"spin-button",title:"`Spin` Button"}],Xf=[],Ho=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{r==="spin-button"&&(a.showSpinButton=!!t?.[r])}),qf(Tl,{value:"2/04/2021",style:{width:"300px"},...o,...a})};Ho.options=Uf;Ho.states=Gf;Ho.variants=Xf;Ho.defaultOptions=Vf;Ho.modifiers=$f;Ho.className=we.className;var El="masked-textbox",Cl="maskedtextbox";import{Fragment as Al,jsx as Pt,jsxs as Oi}from"react/jsx-runtime";var Ol="k-maskedtextbox",Wf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Jf={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]},wi={showClearButton:!0,separators:!0},Re=e=>{let{size:t,rounded:o,fillMode:a,separators:r=wi.separators,showClearButton:s=wi.showClearButton,prefix:c,suffix:u,value:f,placeholder:h,hover:k,focus:x,valid:p,invalid:g,required:v,loading:L,disabled:y,readonly:S,id:A,"aria-label":F,"aria-describedby":Z,...ee}=e;return Oi(U,{...ee,size:t,rounded:o,fillMode:a,hover:k,focus:x,valid:p,invalid:g,required:v,loading:L,disabled:y,readonly:S,className:n(e.className,Ol),children:[c&&Oi(Al,{children:[Pt(fe,{children:c}),r&&Pt(re,{})]}),Pt(pe,{id:A,placeholder:h,value:f,disabled:y,"aria-label":F,"aria-describedby":Z,"aria-invalid":g?"true":void 0}),Pt(te,{valid:p,invalid:g,loading:L,disabled:y}),Pt(ae,{loading:L,disabled:y}),s&&Pt(ce,{loading:L,disabled:y,readonly:S,value:f}),u&&Oi(Al,{children:[r&&Pt(re,{}),Pt(he,{children:u})]})]})};Re.states=Wf;Re.options=Jf;Re.className=Ol;Re.defaultOptions=wi;Re.moduleName=El;Re.folderName=Cl;Re.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 Fo=Re;import{jsx as Yf}from"react/jsx-runtime";var wl=e=>Yf(Fo,{...e});import{Fragment as Q2,jsx as Z2}from"react/jsx-runtime";import{Fragment as r3,jsx as a3}from"react/jsx-runtime";import{jsx as l3}from"react/jsx-runtime";import{jsx as m3}from"react/jsx-runtime";import{jsx as Ri}from"react/jsx-runtime";var Zf=Re.states,Qf=Re.defaultOptions,jf=Re.options,eh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],th=[],Uo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Ri(B,{size:o.size,value:"Choose",fillMode:"flat"}):void 0;break;case"suffix":a.suffix=t?.[r]?Ri(M,{icon:"lock"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),Ri(wl,{value:"Value",style:{width:300},...o,...a})};Uo.options=jf;Uo.states=Zf;Uo.variants=th;Uo.defaultOptions=Qf;Uo.modifiers=eh;Uo.className=Re.className;var Bi="switch",Rl=Bi;import{jsx as er,jsxs as Bl}from"react/jsx-runtime";var Kt="k-switch",oh=[i.hover,i.focus,i.disabled,i.readonly,i.checked],ah={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]},rh={},Te=e=>{let{checked:t,onLabel:o,offLabel:a,size:r,trackRounded:s,thumbRounded:c,hover:u,focus:f,disabled:h,readonly:k,...x}=e;return Bl("span",{...x,className:n(e.className,Kt,I(Kt,{size:r}),T(Kt,{hover:u,focus:f,disabled:h,readonly:k}),{[`${Kt}-on`]:t,[`${Kt}-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:[Bl("span",{className:n("k-switch-track",I(Kt,{rounded:s})),children:[o&&er("span",{className:"k-switch-label-on",children:o}),a&&er("span",{className:"k-switch-label-off",children:a})]}),er("span",{className:"k-switch-thumb-wrap",children:er("span",{className:n("k-switch-thumb",I(Kt,{rounded:c}))})})]})};Te.states=oh;Te.options=ah;Te.className=Kt;Te.defaultOptions=rh;Te.moduleName=Bi;Te.folderName=Rl;Te.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."}]};import{jsx as K3}from"react/jsx-runtime";import{jsx as H3}from"react/jsx-runtime";import{jsx as V3}from"react/jsx-runtime";import{jsx as W3}from"react/jsx-runtime";import{jsx as Pl}from"react/jsx-runtime";var ih=Te.options,nh=Te.states,sh={...Te.defaultOptions,variant:"on"},lh=[{name:"on",title:"On"},{name:"off",title:"Off"}],dh=[],Go=e=>{let{variant:t,...o}=e;return t==="off"?Pl(Te,{checked:!1,onLabel:"On",offLabel:"Off",...o}):Pl(Te,{checked:!0,onLabel:"On",offLabel:"Off",...o})};Go.options=ih;Go.states=nh;Go.variants=lh;Go.defaultOptions=sh;Go.modifiers=dh;Go.className=Te.className;var Ki="textarea",Kl=Ki;import{Fragment as Dl,jsx as La,jsxs as Di}from"react/jsx-runtime";var _l="k-textarea",ch=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],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]},Vo={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},Ee=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:r=Vo.prefixSeparator,suffixSeparator:s=Vo.prefixSeparator,affixesOrientation:c=Vo.affixesOrientation,flow:u=Vo.flow,resize:f=Vo.resize,prefix:h,suffix:k,rows:x,value:p,placeholder:g,hover:v,focus:L,valid:y,invalid:S,required:A,disabled:F,id:Z,"aria-label":ee,"aria-describedby":de,...ge}=e;return Di(U,{...ge,size:t,rounded:o,fillMode:a,hover:v,focus:L,valid:y,invalid:S,required:A,disabled:F,className:n(e.className,_l,{"!k-flex-col":u==="vertical","!k-flex-row":u==="horizontal"}),children:[h&&Di(Dl,{children:[La(fe,{className:n({"!k-align-items-start":u===c}),direction:c,children:h}),r&&La(re,{direction:u==="horizontal"?"vertical":"horizontal"})]}),La(ra,{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:F,id:Z,"aria-label":ee,"aria-describedby":de,"aria-invalid":S?"true":void 0}),k&&Di(Dl,{children:[s&&La(re,{direction:u==="horizontal"?"vertical":"horizontal"}),La(he,{className:n({"!k-align-items-start":u===c}),direction:c,children:k})]})]})};Ee.states=ch;Ee.options=ph;Ee.className=_l;Ee.defaultOptions=Vo;Ee.moduleName=Ki;Ee.folderName=Kl;Ee.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."}]};import{jsx as f5}from"react/jsx-runtime";import{Fragment as g5,jsx as v5}from"react/jsx-runtime";import{Fragment as T5,jsx as y5}from"react/jsx-runtime";import{jsx as O5}from"react/jsx-runtime";import{jsx as tr}from"react/jsx-runtime";var mh=Ee.options,uh=Ee.states,zl={...Ee.defaultOptions,variant:"vertical"},bh=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],fh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],$o=e=>{let{variant:t,modifiers:o,...a}={...zl,...e},r={resize:"y"};return Object.keys(o||{}).forEach(s=>{switch(s){case"prefix":r.prefix=o?.[s]?tr(M,{icon:"comment"}):void 0;break;case"suffix":r.suffix=o?.[s]?tr(M,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?tr(Ee,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...r}):tr(Ee,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...r})};$o.options=mh;$o.states=uh;$o.variants=bh;$o.defaultOptions=zl;$o.modifiers=fh;$o.className=Ee.className;import{Fragment as tF,jsx as eF,jsxs as oF}from"react/jsx-runtime";import{Fragment as gh,jsx as Ce,jsxs as Xo}from"react/jsx-runtime";var hh=le.options,xh=le.states,kh={...le.defaultOptions,variant:"vertical"},Nh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],vh=[],qo=e=>{let{variant:t,size:o,...a}=e,r=Xo(mt,{legend:"Form Legend",children:[Ce(j,{label:"Label",editor:Ce(H,{size:o})}),Ce(j,{label:"Label",hint:"Hint text",editor:Ce(B,{value:"Dropdown List",size:o})}),Ce(j,{label:"City",editor:Xo("ul",{className:"k-radio-list k-list-horizontal",children:[Xo("li",{className:"k-radio-list-item",children:[Ce(ue,{checked:!0,size:o}),Ce("label",{className:"k-radio-label",children:"Label"})]}),Xo("li",{className:"k-radio-list-item",children:[Ce(ue,{size:o}),Ce("label",{className:"k-radio-label",children:"Label"})]}),Xo("li",{className:"k-radio-list-item",children:[Ce(ue,{size:o}),Ce("label",{className:"k-radio-label",children:"Label"})]})]})})]}),s=Xo(gh,{children:[Ce(d,{className:"k-form-submit",themeColor:"primary",size:o,children:"Submit"}),Ce(d,{className:"k-form-clear",size:o,children:"Clear"})]});return t==="horizontal"?Ce(le,{orientation:"horizontal",size:o,...a,formButtons:s,children:r}):Ce(le,{size:o,...a,formButtons:s,children:r})};qo.options=hh;qo.states=xh;qo.variants=Nh;qo.defaultOptions=kh;qo.modifiers=vh;qo.className=le.className;import{jsx as Hl,jsxs as yh}from"react/jsx-runtime";var Lh=Ze.options,Mh=Ze.states,Fl={...Ze.defaultOptions},Sh=[],Ih=[{name:"showHint",title:"Show Hint"}],Wo=e=>{let{modifiers:t,...o}={...Fl,...e},a=t?.showHint??!0;return yh("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Hl(H,{placeholder:"Component",style:{width:"200px"}}),a&&Hl(Ze,{...o,children:"Hint text"})]})};Wo.options=Lh;Wo.states=Mh;Wo.variants=Sh;Wo.defaultOptions=Fl;Wo.modifiers=Ih;Wo.className=Ze.className;import{jsx as Ul,jsxs as Oh}from"react/jsx-runtime";var Th=Qe.options,Eh=Qe.states,Gl={...Qe.defaultOptions},Ch=[],Ah=[{name:"showError",title:"Show Error"}],Jo=e=>{let{modifiers:t,...o}={...Gl,...e},a=t?.showError??!0;return Oh("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Ul(H,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&Ul(Qe,{...o,children:"Error text"})]})};Jo.options=Th;Jo.states=Eh;Jo.variants=Ch;Jo.defaultOptions=Gl;Jo.modifiers=Ah;Jo.className=Qe.className;import{Fragment as XF,jsx as $F,jsxs as qF}from"react/jsx-runtime";import{Fragment as Vl,jsx as R,jsxs as Ma}from"react/jsx-runtime";var d6=e=>R(at,{toolbarItems:[R(d,{icon:"upload","aria-label":"Upload"},"toolbar-button-1"),R(d,{icon:"download","aria-label":"Download"},"toolbar-button-2"),R(se,{},"toolbar-separator-1"),R(d,{disabled:!0,icon:"undo","aria-label":"Undo"},"toolbar-button-3"),R(d,{disabled:!0,icon:"redo","aria-label":"Redo"},"toolbar-button-4"),R(se,{},"toolbar-separator-2"),R(d,{icon:"crop","aria-label":"Crop"},"toolbar-button-5"),R(d,{icon:"image-resize","aria-label":"Resize"},"toolbar-button-6"),R(d,{icon:"zoom-in","aria-label":"Zoom in"},"toolbar-button-7"),R(d,{icon:"zoom-out","aria-label":"Zoom out"},"toolbar-button-8"),R(ot,{children:R(B,{value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],actionPane:R(Ci,{tag:"div",className:"k-imageeditor-pane-form",formButtons:Ma(Vl,{children:[R(d,{themeColor:"primary",icon:"check",children:"Confirm"}),R(d,{icon:"cancel-outline",children:"Cancel"})]}),children:Ma(mt,{layout:"grid",legend:"Crop Image",cols:2,gutters:{cols:"8px"},children:[R(j,{colSpan:"2",label:"Aspect Ratio:",editor:R(B,{value:"Original ratio","aria-label":"Aspect ratio"})}),R(j,{colSpan:"2",label:"Orientation:",editor:Ma(C,{children:[R(d,{className:"k-group-start",selected:!0,children:"Portrait"}),R(d,{className:"k-group-end",children:"Landscape"})]})}),R(j,{colSpan:"1",label:"Width:",editorId:"crop-width",editor:R(P,{id:"crop-width",showClearButton:!1,value:"61"})}),R(j,{colSpan:"1",label:"Height:",editorId:"crop-height",editor:R(P,{id:"crop-height",showClearButton:!1,value:"68"})}),R(j,{colSpan:"2",editor:R($e,{id:"crop-lock",children:"Lock aspect ratio"})})]})}),children:Ma(Vl,{children:[R("canvas",{width:"61",height:"68",role:"img","aria-label":"Image being edited"}),R("div",{className:"k-imageeditor-crop-overlay",children:Ma("div",{className:"k-imageeditor-crop",style:{width:"61px",height:"68px"},children:[R("span",{className:"k-resize-handle k-resize-nw"}),R("span",{className:"k-resize-handle k-resize-n"}),R("span",{className:"k-resize-handle k-resize-ne"}),R("span",{className:"k-resize-handle k-resize-w"}),R("span",{className:"k-resize-handle k-resize-e"}),R("span",{className:"k-resize-handle k-resize-sw"}),R("span",{className:"k-resize-handle k-resize-s"}),R("span",{className:"k-resize-handle k-resize-se"})]})})]}),...e});export{d6 as ImageEditorCrop};
+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 I=(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"}),T=(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((y,M)=>(M.startsWith("k-")?y[M]=S[M]:y[`k-${M}`]=S[M],y),{}))};function Wn(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 cr={};function A(e){return cr[e]=(cr[e]||0)+1,`k-${e}-${cr[e]}`}import{Fragment as id,jsx as Jn}from"react/jsx-runtime";var pr="k-font-icon",ad=[],rd={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]},nd={},Qo=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...d}=e;return a?Jn("span",{...d,className:i(e.className,pr,I(pr,{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"}):Jn(id,{})};Qo.states=ad;Qo.options=rd;Qo.className=pr;Qo.defaultOptions=nd;var Yn=Qo;import{Fragment as dd,jsx as Ta}from"react/jsx-runtime";var mr="k-svg-icon",sd=[],ld={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]},Zn={viewBox:"0 0 24 24"},jo=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Zn.viewBox,icon:d,...u}=e;if(!d)return Ta(dd,{});if(d==="none")return Ta("span",{...u,className:i(e.className,mr,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof d=="object"&&d.name&&d.name;return Ta("span",{...u,className:i(e.className,mr,I("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:Ta("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})})};jo.states=sd;jo.options=ld;jo.className=mr;jo.defaultOptions=Zn;var ur=jo;import*as br from"@progress/kendo-svg-icons";var Qn="icon",jn="icons";import{useContext as pd}from"react";import{createContext as cd}from"react";var ei=cd({iconsType:"svg"});import{Fragment as ti,jsx as ea}from"react/jsx-runtime";var Ea="k-icon",md=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ud=[],bd={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]},fr={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{iconsType:t}=pd(ei),{size:o,themeColor:a,icon:r,type:s=t||fr.type,rotate:d,flip:u,viewBox:f=fr.viewBox,...h}=e;if(!r)return ea(ti,{});if((t||s)==="svg"){if(r==="none")return ea(ur,{...h,className:i(e.className,Ea),icon:r,size:o});let x=br[r]?r:md(`${r}-icon`);return br[x]?ea(ur,{...h,className:i(e.className,Ea),icon:br[x],size:o,themeColor:a,rotate:d,flip:u,viewBox:f}):ea(ti,{})}return ea(Yn,{...h,className:i(e.className,Ea),icon:r,size:o,themeColor:a,rotate:d,flip:u})};L.states=ud;L.options=bd;L.defaultOptions=fr;L.className=Ea;L.moduleName=Qn;L.folderName=jn;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 hr="button",oi=hr;import{Fragment as Nd,jsx as ta,jsxs as ai}from"react/jsx-runtime";var oa="k-button",fd=["icon-button"],hd=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],xd={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]},xr={showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:d=xr.showArrow,arrowIconName:u=xr.arrowIconName,variant:f,hover:h,focus:N,active:x,selected:p,disabled:v,togglable:g,ariaDisabled:S,icon:y,text:M,iconClassName:O,className:F,...Z}=e,ee=y!==void 0,de=e.children!==void 0;return ai(t,{className:i(F,oa,Wn(oa,f),I(oa,{size:o,rounded:a,fillMode:r,themeColor:s}),T(oa,{hover:h,focus:N,active:x,disabled:v||S,selected:p}),{"k-icon-button":!M&&!de&&ee}),...Z,"aria-pressed":g?p?"true":"false":void 0,"aria-disabled":S?"true":void 0,disabled:v||void 0,children:[y&&ta(L,{className:i(O,"k-button-icon"),icon:y}),M?ai(Nd,{children:[M&&ta("span",{className:"k-button-text",children:M}),e.children]}):e.children&&ta("span",{className:"k-button-text",children:e.children}),d&&ta("span",{className:"k-menu-button-arrow k-button-arrow",children:ta(L,{icon:u})})]})};c.states=hd;c.options=xd;c.variants=fd;c.className=oa;c.defaultOptions=xr;c.moduleName=hr;c.folderName=oi;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."}]};import{jsx as kd}from"react/jsx-runtime";var ut=e=>kd(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as gd}from"react/jsx-runtime";var aa=e=>gd(c,{icon:"folder",children:"Button",...e});import{jsx as vd}from"react/jsx-runtime";var Ht=e=>vd(c,{children:"Button",...e});import{jsx as Nr}from"react/jsx-runtime";var Ld=c.options,Sd=c.states,Md={...c.defaultOptions,variant:"text"},Id=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],yd=[],to=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Nr(ut,{...o,icon:"star"});case"icon-and-text":return Nr(aa,{...o,icon:"star",children:"Button"});default:return Nr(Ht,{...o,children:"Button"})}};to.options=Ld;to.states=Sd;to.variants=Id;to.defaultOptions=Md;to.modifiers=yd;to.className=c.className;var kr="button",ri=kr;import{jsx as Od}from"react/jsx-runtime";var ra="k-button-group",Td=[n.disabled],Ed={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Cd={},C=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return Od("div",{role:"group",...r,className:i(e.className,ra,I(ra,{fillMode:t}),T(ra,{disabled:o}),{[`${ra}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};C.states=Td;C.options=Ed;C.className=ra;C.defaultOptions=Cd;C.moduleName=kr;C.folderName=ri;C.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."}]};import{Fragment as pN,jsx as cN,jsxs as mN}from"react/jsx-runtime";import{Fragment as NN,jsx as xN,jsxs as kN}from"react/jsx-runtime";import{Fragment as IN,jsx as MN,jsxs as yN}from"react/jsx-runtime";import{Fragment as wN,jsx as AN,jsxs as RN}from"react/jsx-runtime";import{Fragment as zN,jsx as _N,jsxs as HN}from"react/jsx-runtime";import{Fragment as XN,jsx as $N,jsxs as qN}from"react/jsx-runtime";import{jsx as bt,jsxs as gr}from"react/jsx-runtime";var Ad={...c.options,...C.options},wd=c.states,Rd={...c.defaultOptions,...C.defaultOptions,variant:"text-button"},Bd=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Pd=[],oo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?gr(C,{fillMode:a.fillMode,className:o,children:[bt(c,{...a,icon:"star"}),bt(c,{...a,icon:"star"}),bt(c,{...a,icon:"star"})]}):t==="icon-text-button"?gr(C,{fillMode:a.fillMode,className:o,children:[bt(c,{...a,icon:"star",children:"First"}),bt(c,{...a,icon:"star",children:"Middle"}),bt(c,{...a,icon:"star",children:"Last"})]}):gr(C,{fillMode:a.fillMode,className:o,children:[bt(c,{...a,children:"First"}),bt(c,{...a,children:"Middle"}),bt(c,{...a,children:"Last"})]})};oo.options=Ad;oo.states=wd;oo.variants=Bd;oo.defaultOptions=Rd;oo.modifiers=Pd;oo.className=C.className;var na="input",Ca=na;import{jsx as zd}from"react/jsx-runtime";var Oa="k-input",Kd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Dd={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]},_d={},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 zd("span",{...x,className:i(e.className,Oa,I(Oa,{size:f,rounded:h,fillMode:N}),T(Oa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u}))})};U.states=Kd;U.options=Dd;U.className=Oa;U.defaultOptions=_d;U.moduleName=na;U.folderName=Ca;import{jsx as Gd}from"react/jsx-runtime";var Aa="k-picker",Hd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Fd={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]},Ud={},rt=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 Gd("span",{...x,className:i(e.className,Aa,I(Aa,{size:f,rounded:h,fillMode:N}),T(Aa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u})),children:e.children})};rt.states=Hd;rt.options=Fd;rt.className=Aa;rt.defaultOptions=Ud;rt.moduleName=na;rt.folderName=Ca;import{Fragment as Xd,jsx as vr}from"react/jsx-runtime";var ni="k-clear-value",Vd=[n.disabled,n.loading,n.readonly],$d={},ce=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?vr(Xd,{}):vr("span",{className:i(e.className,ni),children:vr(L,{icon:"x"})})};ce.states=Vd;ce.options=$d;ce.className=ni;import{jsx as Jd}from"react/jsx-runtime";var Lr="k-input-inner",qd=[],Wd={},wa={type:"text",autocomplete:"off",value:"",placeholder:""},pe=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 Jd("input",{...u,type:o,className:i(e.className,Lr,I(Lr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:d||void 0})};pe.states=qd;pe.options=Wd;pe.className=Lr;import{jsx as ii,jsxs as Qd}from"react/jsx-runtime";var Sr="k-input-inner",Yd=[],Zd={},Ft=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...d}=e;return Qd("span",{...d,className:i(e.className,Sr,I(Sr,e)),children:[r,!r&&s&&ii(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&ii("span",{className:"k-input-value-text",children:t})]})};Ft.states=Yd;Ft.options=Zd;Ft.className=Sr;import{jsx as tc}from"react/jsx-runtime";var Mr="k-input-inner",jd=[],ec={},si={value:"",placeholder:""},ia=e=>{let{value:t=si.value,placeholder:o=si.placeholder,rows:a,disabled:r,...s}=e;return tc("textarea",{...s,className:i(e.className,Mr,I(Mr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};ia.states=jd;ia.options=ec;ia.className=Mr;import{Fragment as ac,jsx as li}from"react/jsx-runtime";var di="k-input-loading-icon",oc=[n.disabled,n.loading],ae=e=>{let{disabled:t,loading:o}=e;return t||!o?li(ac,{}):li("span",{className:i(e.className,di,"k-icon k-i-loading")})};ae.states=oc;ae.className=di;import{Fragment as ic,jsx as ci}from"react/jsx-runtime";var pi="k-input-validation-icon",rc=[n.valid,n.invalid,n.disabled,n.loading],nc={},te=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?ci(ic,{}):ci(L,{className:i(pi),icon:s})};te.states=rc;te.options=nc;te.className=pi;import{Fragment as dc,jsx as mi}from"react/jsx-runtime";var sc="k-input-prefix",lc={direction:"horizontal"},fe=e=>{let{direction:t=lc.direction,...o}=e;return e.children?mi("span",{...o,className:i(sc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):mi(dc,{})};import{Fragment as mc,jsx as ui}from"react/jsx-runtime";var cc="k-input-suffix",pc={direction:"horizontal"},he=e=>{let{direction:t=pc.direction,...o}=e;return e.children?ui("span",{...o,className:i(cc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ui(mc,{})};import{jsx as qk}from"react/jsx-runtime";import{jsx as bc}from"react/jsx-runtime";var uc="k-input-suffix-text",Ir=e=>{let{children:t,...o}=e;return bc("span",{...o,className:i(uc,e.className),children:t})};import{jsx as hc}from"react/jsx-runtime";var bi="k-input-separator",fc={direction:"vertical"},re=e=>{let{direction:t=fc.direction,...o}=e;return hc("span",{...o,className:i(bi,e.className,{[`${bi}-${t}`]:t})})};import{Fragment as fi,jsx as nt,jsxs as yr}from"react/jsx-runtime";var xc=U.states,Nc=U.defaultOptions,kc=U.options,gc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],vc=[],ao=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:d,...u}=e,f=t?.prefix,h=t?.suffix,N=t?.["clear-button"],x=t?.["validation-icon"],p=t?.separators;return yr(U,{...u,valid:o,invalid:a,loading:r,disabled:s,readonly:d,style:{width:300},children:[f&&yr(fi,{children:[nt(fe,{children:nt(L,{icon:"lock"})}),p&&nt(re,{})]}),nt(pe,{placeholder:"Placeholder",value:"Value"}),x&&nt(te,{valid:o,invalid:a,loading:r,disabled:s}),nt(ae,{loading:r,disabled:s}),N&&nt(ce,{loading:r,disabled:s,readonly:d,value:"Value"}),h&&yr(fi,{children:[p&&nt(re,{}),nt(he,{children:nt(Ht,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ao.options=kc;ao.states=xc;ao.variants=vc;ao.defaultOptions=Nc;ao.modifiers=gc;ao.className=U.className;import{jsx as hi,jsxs as Mc}from"react/jsx-runtime";var xi="k-color-preview",Lc=[],Sc={},Mt=e=>{let{color:t,iconName:o,...a}=e;return Mc("span",{...a,className:i(e.className,xi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&hi(L,{icon:o,className:"k-color-preview-icon"}),hi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Mt.states=Lc;Mt.options=Sc;Mt.className=xi;var Tr="popup",Ni=Tr;import{jsx as ki}from"react/jsx-runtime";var gi="k-animation-container",Ic=[],yc={},vi={positionMode:"absolute"},it=e=>{let{positionMode:t=vi.positionMode,animationStyle:o,offset:a,...r}=e;return ki("div",{...r,style:{...a,...e.style},className:i(e.className,gi,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:ki("div",{className:"k-child-animation-container",style:o,children:e.children})})};it.states=Ic;it.options=yc;it.className=gi;it.defaultOptions=vi;it.moduleName=Tr;it.folderName=Ni;var Er="popup",Li=Er;import{jsx as Si}from"react/jsx-runtime";var Mi="k-popup",Tc=[],Ec={},Ii={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Ii.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:d,...u}=e;return Si(it,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":d,children:Si("div",{...u,className:i(e.className,Mi),children:e.children})})};q.states=Tc;q.options=Ec;q.className=Mi;q.defaultOptions=Ii;q.moduleName=Er;q.folderName=Li;q.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 Cr="action-buttons",yi=Cr;import{jsx as Ac}from"react/jsx-runtime";var Ra="k-actions",Cc=[],Oc={},Or={alignment:"start",orientation:"horizontal"},st=e=>{let{alignment:t=Or.alignment,orientation:o=Or.orientation,...a}=e;return Ac("div",{...a,className:i(Ra,{[`${Ra}-${t}`]:t,[`${Ra}-${o}`]:o},e.className),children:e.children})};st.states=Cc;st.options=Oc;st.className=Ra;st.defaultOptions=Or;st.moduleName=Cr;st.folderName=yi;import{jsx as Rc}from"react/jsx-runtime";var wc="k-actionsheet-footer",Ti={alignment:"stretched",orientation:"horizontal"},It=e=>{let{alignment:t=Ti.alignment,orientation:o=Ti.orientation,template:a,as:r=a?"div":st,...s}=e;return Rc(r,{...s,...!a&&{alignment:t,orientation:o},className:i(e.className,wc),children:e.children})};var Ar="searchbox",Ei=Ar;import{jsx as sa,jsxs as Kc}from"react/jsx-runtime";var Ci="k-searchbox",Bc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Pc={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]},wr={showIcon:!0,icon:"search"},Fe=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=wr.showIcon,icon:g=wr.icon,"aria-label":S,...y}=e;return Kc(U,{...y,size:a,rounded:r,fillMode:s,hover:d,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,className:i(e.className,Ci),children:[v&&sa(L,{className:"k-input-icon",icon:g}),sa(pe,{placeholder:o,value:t,"aria-label":S}),sa(ae,{...e}),sa(te,{...e}),sa(ce,{...e})]})};Fe.states=Bc;Fe.options=Pc;Fe.className=Ci;Fe.defaultOptions=wr;Fe.moduleName=Ar;Fe.folderName=Ei;import{jsx as Nv}from"react/jsx-runtime";var Rr="textbox",Oi=Rr;import{Fragment as Ai,jsx as yt,jsxs as Br}from"react/jsx-runtime";var wi="k-textbox",Dc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],_c={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]},Ba={showClearButton:!0,showValidationIcon:!0,separators:!0},H=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ba.separators,showClearButton:s=Ba.showClearButton,showValidationIcon:d=Ba.showValidationIcon,prefix:u,suffix:f,type:h,value:N,placeholder:x,hover:p,focus:v,valid:g,invalid:S,required:y,loading:M,disabled:O,readonly:F,id:Z,"aria-label":ee,"aria-describedby":de,...ve}=e;return Br(U,{...ve,size:t,rounded:o,fillMode:a,hover:p,focus:v,valid:g,invalid:S,required:y,loading:M,disabled:O,readonly:F,className:i(e.className,wi),children:[u&&Br(Ai,{children:[yt(fe,{children:u}),r&&yt(re,{})]}),yt(pe,{id:Z,placeholder:x,value:N,type:h,disabled:O,"aria-label":ee,"aria-describedby":de,"aria-invalid":S?"true":void 0}),d&&yt(te,{valid:g,invalid:S,loading:M,disabled:O}),yt(ae,{loading:M,disabled:O}),s&&yt(ce,{loading:M,disabled:O,readonly:F,value:N}),f&&Br(Ai,{children:[r&&yt(re,{}),yt(he,{children:f})]})]})};H.states=Dc;H.options=_c;H.className=wi;H.defaultOptions=Ba;H.moduleName=Rr;H.folderName=Oi;H.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var la=H;import{jsx as zc}from"react/jsx-runtime";var Ri=e=>zc(la,{...e});import{Fragment as Kv,jsx as Pv}from"react/jsx-runtime";import{Fragment as Uv,jsx as Fv}from"react/jsx-runtime";import{jsx as Xv}from"react/jsx-runtime";import{jsx as Pr}from"react/jsx-runtime";var Hc=H.states,Fc=H.defaultOptions,Uc=H.options,Gc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Vc=[],ro=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Pr(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?Pr(Ht,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),Pr(Ri,{value:"Value",style:{width:300},...o,...a})};ro.options=Uc;ro.states=Hc;ro.variants=Vc;ro.defaultOptions=Fc;ro.modifiers=Gc;ro.className=H.className;import{jsx as Tt,jsxs as Kr}from"react/jsx-runtime";var Bi="k-actionsheet-titlebar",$c={},Le=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 Kr("div",{...p,className:i(e.className,Bi),children:[Kr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Tt("div",{className:"k-actionsheet-actions",children:a}),!x&&Kr("div",{className:"k-actionsheet-title",id:N,children:[t&&Tt("div",{className:"k-text-center",children:t}),o&&Tt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&Tt("div",{className:"k-actionsheet-title",id:N,children:x}),r&&Tt("div",{className:"k-actionsheet-actions",children:r})]}),(d||s)&&Tt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?Tt(H,{value:u,placeholder:f,size:h?"large":"medium","aria-label":t||f||"Input"}):Tt(Fe,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};Le.className=Bi;Le.defaultOptions=$c;import{jsx as Dr,jsxs as Jc}from"react/jsx-runtime";var _r="k-actionsheet-view",Xc=[],qc={},Wc={},no=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:d,...u}=e,f=r?.type===Le&&Dr(Le,{adaptive:t,titleId:d,...r?.props}),h=s?.type===It&&Dr(It,{...s?.props});return Jc("div",{...u,className:i(e.className,_r,{[`${_r}-animated`]:o}),children:[f,Dr("div",{className:"k-actionsheet-content",children:a}),h]})};no.states=Xc;no.options=qc;no.className=_r;no.defaultOptions=Wc;var da="action-sheet",Pa=da;var zr="overlay",Pi=zr;import{jsx as jc}from"react/jsx-runtime";var Hr="k-overlay",Yc=[],Zc={themeColor:[k.undefined,k.light,k.dark,k.inverse]},Qc={},Et=e=>{let{themeColor:t,...o}=e;return jc("div",{...o,className:i(e.className,Hr,I(Hr,{themeColor:t})),children:e.children})};Et.states=Yc;Et.options=Zc;Et.className=Hr;Et.defaultOptions=Qc;Et.moduleName=zr;Et.folderName=Pi;import{jsx as Ka,jsxs as op}from"react/jsx-runtime";var Ki="k-actionsheet",ep=[],tp={},ca={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},J=e=>{let{side:t=ca.side,fullscreen:o=ca.fullscreen,adaptive:a=ca.adaptive,overlay:r=ca.overlay,template:s,children:d,header:u,footer:f,id:h,...N}=e,x=h&&!s&&u?`${h}-title`:void 0;return op("div",{className:"k-actionsheet-container",children:[r&&Ka(Et,{}),Ka(it,{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:Ka("div",{...N,id:h,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":x,className:i(e.className,Ki,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||Ka(no,{header:u,footer:f,adaptive:a,titleId:x,...e,children:d})})})]})};J.states=ep;J.options=tp;J.className=Ki;J.defaultOptions=ca;J.moduleName=da;J.folderName=Pa;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."}]};import{jsx as ip}from"react/jsx-runtime";var Di="k-actionsheet-container",ap=[],rp={},np={},io=e=>{let{children:t,...o}=e;return ip("div",{...o,className:Di,children:t})};io.states=ap;io.options=rp;io.className=Di;io.defaultOptions=np;io.moduleName=da;io.folderName=Pa;import{jsx as sp}from"react/jsx-runtime";var Fr=e=>{let{...t}=e;return sp("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};import{Fragment as dp,jsx as pa,jsxs as Ur}from"react/jsx-runtime";var Gr="k-actionsheet-item",lp=[n.hover,n.focus,n.selected,n.disabled],Ct=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:d,disabled:u,...f}=e;return Ur("span",{...f,className:i(e.className,Gr,T(Gr,{hover:r,focus:s,selected:d,disabled:u})),children:[!e.children&&pa(dp,{children:Ur("span",{className:"k-actionsheet-action",children:[t&&pa("span",{className:"k-icon-wrap",children:pa(L,{className:"k-actionsheet-item-icon",icon:t})}),Ur("span",{className:"k-actionsheet-item-text",children:[o&&pa("span",{className:"k-actionsheet-item-title",children:o}),a&&pa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Ct.states=lp;Ct.className=Gr;import{jsx as $L,jsxs as XL}from"react/jsx-runtime";import{jsx as YL}from"react/jsx-runtime";import{jsx as eS}from"react/jsx-runtime";import{jsx as rS}from"react/jsx-runtime";import{jsx as me,jsxs as Vr}from"react/jsx-runtime";var cp=J.options,pp=J.states,zi={...J.defaultOptions,variant:"normal"},mp=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],up=[{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}={...zi,...e},r={},s=Vr(Fr,{children:[me(Ct,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),me(Ct,{text:"Add to Favorites",iconName:"heart"}),me(Ct,{text:"Upload New",iconName:"upload",disabled:!0}),me("hr",{className:"k-hr"}),me(Ct,{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?.[f],r.actionsEnd=!!o?.[f];break;case"subtitle":r.subtitle=o?.[f]?d:void 0;break;case"footer":r.footer=!!o?.[f];break;default:break}}),t==="adaptive"?me(J,{...a,adaptive:!0,fullscreen:r.fullScreen,header:me(Le,{actionsStart:r.actionsStart?me(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?me(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:r.subtitle}),footer:r.footer?Vr(It,{alignment:"stretched",children:[me(c,{text:"Cancel",size:"large",themeColor:"base"}),me(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):me(J,{...a,fullscreen:r.fullScreen,header:me(Le,{actionsStart:r.actionsStart?me(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?me(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?Vr(It,{alignment:"stretched",children:[me(c,{text:"Apply",themeColor:"primary"}),me(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};so.options=cp;so.states=pp;so.variants=mp;so.defaultOptions=zi;so.modifiers=up;so.className=J.className;var $r="slider",Hi=$r;import{jsx as lo,jsxs as Xr}from"react/jsx-runtime";var ma="k-slider",bp=[n.hover,n.focus,n.active,n.disabled,n.readonly],fp={},Ue={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},X=e=>{let{type:t=Ue.type,orientation:o=Ue.orientation,gradientType:a=Ue.gradientType,readonly:r=Ue.readonly,disabled:s=Ue.disabled,handlePosition:d=Ue.handlePosition,showButtons:u=Ue.showButtons,showTicks:f=Ue.showTicks,value:h=Ue.value,min:N=Ue.min,max:x=Ue.max,startValue:p,endValue:v,hover:g,focus:S,active:y,trackStyle:M,dir:O,...F}=e,ee=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),de,ve;return o==="horizontal"?(de=O==="rtl"?"caret-alt-left":"caret-alt-right",ve=O==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(de="caret-alt-up",ve="caret-alt-down"),Xr("div",{...F,className:i(ma,e.className,T(ma,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:O,children:[u&&lo(c,{className:"k-button-decrease",rounded:"full",icon:ve,tabIndex:-1,title:"Decrease"}),Xr("div",{className:"k-slider-track-wrap",children:[f&&lo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Xr("div",{className:"k-slider-track",style:M,children:[lo("div",{className:"k-slider-selection"}),t==="range"&&lo("span",{className:i("k-draghandle","k-draghandle-start",T(ma,{hover:g,focus:S,active:y})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":p??N,"aria-valuemin":N,"aria-valuemax":v??x,"aria-orientation":ee,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":F["aria-label"]?`${F["aria-label"]} start`:"Range start"}),lo("span",{className:i("k-draghandle",`k-draghandle-${d}`,T(ma,{hover:g,focus:S,active:y})),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":ee,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?F["aria-label"]?`${F["aria-label"]} end`:"Range end":F["aria-label"]})]})]}),u&&lo(c,{className:"k-button-increase",rounded:"full",icon:de,tabIndex:-1,title:"Increase"})]})};X.states=bp;X.options=fp;X.className=ma;X.defaultOptions=Ue;X.moduleName=$r;X.folderName=Hi;X.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."}]};import{jsx as Fi}from"react/jsx-runtime";var Ui="k-tick",hp=[],xp={},Gi={label:!1},E=e=>{let{style:t,label:o=Gi.label,orientation:a,large:r,text:s,...d}=e;return Fi("li",{...d,role:"presentation",title:s||"Tick",className:i(e.className,Ui,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&Fi("span",{className:"k-label",children:s})})};E.states=hp;E.options=xp;E.className=Ui;E.defaultOptions=Gi;import{Fragment as Np,jsx as Ge,jsxs as kp}from"react/jsx-runtime";var Vi=e=>Ge(X,{"aria-label":e["aria-label"]||"Slider",children:kp(Np,{children:[Ge(E,{className:"k-first",label:!0,large:!0,text:"0"}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{label:!0,large:!0,text:"5"}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as gp,jsx as Ve,jsxs as vp}from"react/jsx-runtime";var $i=e=>Ve(X,{children:vp(gp,{children:[Ve(E,{className:"k-first",label:!0,large:!0,text:"0"}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{label:!0,large:!0,text:"5"}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as XS,jsx as $S,jsxs as qS}from"react/jsx-runtime";import{Fragment as QS,jsx as ZS,jsxs as jS}from"react/jsx-runtime";import{jsx as Lp}from"react/jsx-runtime";var qr=e=>Lp(X,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Sp}from"react/jsx-runtime";var Wr=e=>Sp(X,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as cM,jsx as dM,jsxs as pM}from"react/jsx-runtime";import{Fragment as hM,jsx as fM,jsxs as xM}from"react/jsx-runtime";import{jsx as lt,jsxs as Xi}from"react/jsx-runtime";var Mp=X.options,Ip=X.states,qi={...X.defaultOptions,variant:"horizontal",label:!0},yp=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Tp=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],co=e=>{let{variant:t,modifiers:o,...a}={...qi,...e},r={};Object.keys(o||{}).forEach(h=>{switch(h){case"button":{r.showButtons=!!o?.[h];break}case"label":{r.label=!!o?.[h];break}case"tick":{r.showTicks=!!o?.[h];break}}});let{label:s=!0,showButtons:d,showTicks:u}=r,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Xi($i,{showTicks:u,showButtons:d,style:{height:"300px",...f},...a,children:[lt(E,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Xi(Vi,{showTicks:u,showButtons:d,style:{width:"400px",...f},...a,children:[lt(E,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};co.options=Mp;co.states=Ip;co.variants=yp;co.defaultOptions=qi;co.modifiers=Tp;co.className=X.className;import{jsx as Wi,jsxs as wp}from"react/jsx-runtime";var Ji="k-spin-button",Op=[],Ap={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Jr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},dt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=Jr.increaseLabel,decreaseLabel:s=Jr.decreaseLabel,...d}=e;return wp("span",{...d,className:i(Ji,e.className),children:[Wi(c,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":r}),Wi(c,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};dt.states=Op;dt.options=Ap;dt.className=Ji;dt.defaultOptions=Jr;dt.moduleName=null;dt.folderName=null;var Yi="numeric-textbox",Zi="numerictextbox";import{Fragment as Qi,jsx as ft,jsxs as Yr}from"react/jsx-runtime";var ji="k-numerictextbox",Rp=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Bp={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={showSpinButton:!0,showClearButton:!0,separators:!0},P=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Da.separators,showClearButton:s=Da.showClearButton,showSpinButton:d=Da.showSpinButton,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:v,invalid:g,required:S,loading:y,disabled:M,readonly:O,id:F,"aria-label":Z,"aria-describedby":ee,...de}=e;return Yr(U,{...de,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:v,invalid:g,required:S,loading:y,disabled:M,readonly:O,className:i(e.className,ji),children:[u&&Yr(Qi,{children:[ft(fe,{children:u}),r&&ft(re,{})]}),ft(pe,{id:F,placeholder:N,value:h,role:"spinbutton",disabled:M,"aria-label":Z,"aria-describedby":ee,"aria-invalid":g?"true":void 0}),ft(te,{valid:v,invalid:g,loading:y,disabled:M}),ft(ae,{loading:y,disabled:M}),s&&ft(ce,{loading:y,disabled:M,readonly:O,value:h}),f&&Yr(Qi,{children:[r&&ft(re,{}),ft(he,{children:f})]}),d&&ft(dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};P.states=Rp;P.options=Bp;P.className=ji;P.defaultOptions=Da;P.moduleName=Yi;P.folderName=Zi;P.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 ua=P;import{jsx as Pp}from"react/jsx-runtime";var es=e=>Pp(ua,{...e});import Qr from"react";import{jsx as ts}from"react/jsx-runtime";var Kp="k-list-group-sticky-header",Zr=e=>ts("div",{className:i(Kp,e.className),children:ts("div",{className:"k-list-header-text",children:e.children})});import{jsx as _p}from"react/jsx-runtime";var Dp="k-no-data",_a=e=>{let{live:t,...o}=e;return _p("span",{...o,className:i(Dp,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Ut="list",po=Ut;import{jsx as os,jsxs as as}from"react/jsx-runtime";var jr="k-list",zp=[],Hp={size:[l.undefined,l.small,l.medium,l.large]},Fp={},_=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:d,noData:u,screenReaders:f,...h}=e,x=Qr.Children.toArray(a)[0],p=x?.props?.children?Qr.Children.count(x.props.children):Qr.Children.count(a);return as("div",{...h,className:i(e.className,jr,I(jr,{size:t}),{"k-virtual-list":o}),children:[s,d,r&&os(Zr,{children:r}),a||(u!==void 0?u:os(_a,{live:!0,children:"No data found."})),f&&a&&as(_a,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};_.states=zp;_.options=Hp;_.className=jr;_.defaultOptions=Fp;_.moduleName=Ut;_.folderName=po;_.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as $p}from"react/jsx-runtime";var rs="k-list-container",Up=[],Gp={},Vp={},mo=e=>{let{...t}=e;return $p("div",{...t,className:i(e.className,rs),children:e.children})};mo.states=Up;mo.options=Gp;mo.className=rs;mo.defaultOptions=Vp;mo.moduleName=Ut;mo.folderName=po;var Gt="checkbox",uo=Gt;import{jsx as ns}from"react/jsx-runtime";var za="k-checkbox",Xp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],qp={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},Wp={},Be=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 ns("span",{className:"k-checkbox-wrap",role:p,children:ns("input",{...v,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:d||void 0,"aria-invalid":u?"true":void 0,className:i(e.className,za,I(za,{size:N,rounded:x}),T(za,{hover:r,focus:s,disabled:d,invalid:u,valid:f,indeterminate:a,checked:o}))})})};Be.states=Xp;Be.options=qp;Be.className=za;Be.defaultOptions=Wp;Be.moduleName=Gt;Be.folderName=uo;Be.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 tt=Be;import{jsx as Zp}from"react/jsx-runtime";var is="k-checkbox-list",Jp=[],Yp={},ss={layout:"vertical"},Se=e=>{let{layout:t=ss.layout,...o}=e;return Zp("ul",{...o,className:i(e.className,is,{[`k-list-${t}`]:t}),children:e.children})};Se.states=Jp;Se.options=Yp;Se.className=is;Se.defaultOptions=ss;Se.moduleName=Gt;Se.folderName=uo;import{jsx as tm}from"react/jsx-runtime";var ls="k-checkbox-list-item",Qp=[],jp={},em={},Me=e=>{let{...t}=e;return tm("li",{...t,className:i(e.className,ls),children:e.children})};Me.states=Qp;Me.options=jp;Me.className=ls;Me.defaultOptions=em;Me.moduleName=Gt;Me.folderName=uo;import{Fragment as om,jsx as ds,jsxs as am}from"react/jsx-runtime";var $e=({children:e="Label",id:t="cb-label-after",...o})=>am(om,{children:[ds(tt,{id:t,...o}),ds("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as FI,jsx as HI,jsxs as UI}from"react/jsx-runtime";import{Fragment as qI,jsx as XI,jsxs as WI}from"react/jsx-runtime";import{Fragment as jI,jsx as QI,jsxs as ey}from"react/jsx-runtime";import{jsx as ry}from"react/jsx-runtime";import{jsx as ly}from"react/jsx-runtime";import{jsx as my}from"react/jsx-runtime";import{jsx as Xe,jsxs as cs}from"react/jsx-runtime";var rm=Se.options,nm=Se.states,im={...Se.defaultOptions,variant:"vertical"},sm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],lm=[],bo=e=>{let{variant:t,...o}=e;return t==="horizontal"?cs(Se,{layout:"horizontal",...o,children:[Xe(Me,{children:Xe($e,{id:A("cb"),defaultChecked:!0,children:"Label"})}),Xe(Me,{children:Xe($e,{id:A("cb"),children:"Label"})}),Xe(Me,{children:Xe($e,{id:A("cb"),children:"Label"})})]}):cs(Se,{...o,children:[Xe(Me,{children:Xe($e,{id:A("cb"),defaultChecked:!0,children:"Label"})}),Xe(Me,{children:Xe($e,{id:A("cb"),children:"Label"})}),Xe(Me,{children:Xe($e,{id:A("cb"),children:"Label"})})]})};bo.options=rm;bo.states=nm;bo.variants=sm;bo.defaultOptions=im;bo.modifiers=lm;bo.className=Se.className;import{jsx as bm}from"react/jsx-runtime";var dm=tt.options,cm=tt.states,pm=tt.defaultOptions,mm=[],um=[],fo=e=>bm($e,{id:A("checkbox"),...e,defaultChecked:!0,children:"Label"});fo.options=dm;fo.states=cm;fo.variants=mm;fo.defaultOptions=pm;fo.modifiers=um;fo.className=tt.className;import{jsx as Vt,jsxs as Nm}from"react/jsx-runtime";var en="k-list-item",fm=[n.hover,n.focus,n.selected,n.disabled],hm={},xm={},w=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,y=t||e.children;return Nm("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":en,T(en,{hover:f,focus:h,disabled:x,selected:N})),children:[d&&Vt(Be,{checked:u}),r&&Vt("span",{className:"k-list-item-icon-wrapper",children:Vt(L,{icon:r,className:i("k-list-item-icon",s)})}),Vt("span",{className:"k-list-item-text",children:y}),p&&Vt("div",{className:"k-list-item-actions",children:p}),v&&Vt("span",{className:"k-list-item-description",children:v}),o&&o!==""&&Vt("div",{className:"k-list-item-group-label",children:o})]})};w.states=fm;w.options=hm;w.className=en;w.defaultOptions=xm;w.moduleName=Ut;w.folderName=po;w.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."}]};import{jsx as gm}from"react/jsx-runtime";var km="k-list-ul",ht=e=>{let{children:t,role:o,id:a,...r}=e;return gm("ul",{...r,id:a,role:o,className:i(km,e.className),children:t})};ht.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."}]};import{jsx as tn,jsxs as Lm}from"react/jsx-runtime";var vm="k-list-content",G=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...d}=e;return Lm("div",{...d,className:i(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:tn(ht,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&tn("div",{className:"k-height-container",children:tn("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."}]};import{Fragment as oT,jsx as tT,jsxs as aT}from"react/jsx-runtime";import{jsx as on,jsxs as Mm}from"react/jsx-runtime";var Sm="k-list-group-item",$t=e=>{let{groupIconName:t,...o}=e;return Mm("li",{...o,role:"presentation",className:i(Sm,e.className),children:[t&&on("span",{className:"k-list-item-icon-wrapper",children:on(L,{icon:t,className:"k-list-item-icon"})}),on("span",{className:"k-list-item-text",children:e.children})]})};$t.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."}]};import{jsx as Em}from"react/jsx-runtime";var an="k-list-optionlabel",Im=[n.hover,n.focus,n.selected,n.disabled],ym={},Tm={},Ha=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return Em("div",{...d,className:i(an,T(an,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Ha.states=Im;Ha.options=ym;Ha.className=an;Ha.defaultOptions=Tm;import{jsx as wm}from"react/jsx-runtime";var rn="k-list-custom-value",Cm=[n.hover,n.focus,n.selected,n.disabled],Om={},Am={},Ot=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return wm("div",{...d,className:i(rn,T(rn,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Ot.states=Cm;Ot.options=Om;Ot.className=rn;Ot.defaultOptions=Am;import{Fragment as kT,jsx as NT,jsxs as gT}from"react/jsx-runtime";import{Fragment as yT,jsx as IT,jsxs as TT}from"react/jsx-runtime";import{Fragment as BT,jsx as wT,jsxs as RT}from"react/jsx-runtime";import{Fragment as FT,jsx as zT,jsxs as HT}from"react/jsx-runtime";import{jsx as $T}from"react/jsx-runtime";import{Fragment as ZT,jsx as YT,jsxs as QT}from"react/jsx-runtime";var ps="dropdown-list",ms="dropdownlist";import{Fragment as Pm,jsx as Ie,jsxs as nn}from"react/jsx-runtime";var us="k-dropdownlist",Rm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Bm={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]},sn={showValue:!0,arrowIconName:"caret-alt-down"},B=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=sn.arrowIconName,showValue:s=sn.showValue,valueIconName:d,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:v,invalid:g,required:S,loading:y,disabled:M,readonly:O,popup:F,opened:Z,adaptive:ee,adaptiveSettings:de,adaptiveTitle:ve,adaptiveSubtitle:zt,adaptiveFilter:sr,id:St,activeDescendant:ya,"aria-label":lr,...dr}=e,od=St?`${St}-listbox`:void 0,qn=St?`${St}-value`:void 0;return nn(Pm,{children:[nn(rt,{...dr,id:St,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:v,invalid:g,required:S,loading:y,disabled:M,readonly:O,className:i(e.className,us,{"k-icon-picker":!s&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Z?"true":"false","aria-controls":Z?od:void 0,"aria-activedescendant":Z&&ya?ya:void 0,"aria-describedby":Z?qn:void 0,"aria-disabled":M?"true":void 0,"aria-label":lr,tabIndex:0,children:[Ie(fe,{children:u}),Ie(Ft,{placeholder:N,value:h,showValue:s,valueIconName:d,id:qn}),Ie(te,{valid:v,invalid:g,loading:y,disabled:M}),Ie(ae,{loading:y,disabled:M}),Ie(he,{children:f}),Ie(c,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":N||"Toggle dropdown",tabIndex:-1})]}),Z&&F&&Ie(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:F}),ee&&Ie(J,{adaptive:!0,...de,header:Ie(Le,{actionsEnd:Ie(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:sr,inputValue:h,inputPlaceholder:N,title:ve,subtitle:zt}),children:Ie("div",{className:"k-list-container",children:Ie(_,{size:"large",children:nn(G,{"aria-label":"Options",children:[Ie(w,{text:"List item"}),Ie(w,{text:"List item"}),Ie(w,{text:"List item"})]})})})})]})};B.states=Rm;B.options=Bm;B.className=us;B.defaultOptions=sn;B.moduleName=ps;B.folderName=ms;B.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."}]};import{jsx as AE}from"react/jsx-runtime";import{jsx as DE,jsxs as _E}from"react/jsx-runtime";import{Fragment as qE,jsx as $E,jsxs as XE}from"react/jsx-runtime";import{jsx as QE}from"react/jsx-runtime";import{jsx as rC,jsxs as nC}from"react/jsx-runtime";import{Fragment as bC,jsx as mC,jsxs as uC}from"react/jsx-runtime";import{jsx as kC}from"react/jsx-runtime";import{Fragment as Fm,jsx as At,jsxs as bs}from"react/jsx-runtime";var Km=B.states,Dm=B.defaultOptions,_m=B.options,zm=[{name:"opened",title:"Opened"}],Hm=[],xo=e=>{let{modifiers:t,...o}=e,a={},r=bs(Fm,{children:[At("div",{className:"k-list-filter",children:At(Fe,{})}),At(_,{style:{width:300},size:o.size,children:bs(G,{children:[At(w,{children:"List item"}),At(w,{children:"List item"}),At(w,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0)}),At("div",{children:At(B,{placeholder:"Value",style:{width:300},...o,...a})})};xo.options=_m;xo.states=Km;xo.variants=Hm;xo.defaultOptions=Dm;xo.modifiers=zm;xo.className=B.className;import{Fragment as FC,jsx as HC}from"react/jsx-runtime";import{Fragment as qC,jsx as XC}from"react/jsx-runtime";import{jsx as ZC}from"react/jsx-runtime";import{jsx as ln}from"react/jsx-runtime";var Um=P.states,Gm=P.defaultOptions,Vm=P.options,$m=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Xm=[],No=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?ln(B,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?ln(Ir,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),ln(es,{value:"Value",style:{width:300},...o,...a})};No.options=Vm;No.states=Um;No.variants=Xm;No.defaultOptions=Gm;No.modifiers=$m;No.className=P.className;import{Fragment as ba,jsx as K,jsxs as Q}from"react/jsx-runtime";var fs="k-colorgradient-inputs",qm=[],Wm={size:[l.undefined,l.small,l.medium,l.large]},hs={mode:"rgba"},ko=e=>{let{mode:t=hs.mode,size:o,...a}=e;return Q("div",{...a,className:i(fs,"k-hstack"),children:[K("div",{className:"k-vstack",children:K(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),K("label",{className:"k-colorgradient-input-label",children:"R"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),K("label",{className:"k-colorgradient-input-label",children:"G"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),K("label",{className:"k-colorgradient-input-label",children:"B"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),K("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),K("label",{className:"k-colorgradient-input-label",children:"R"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),K("label",{className:"k-colorgradient-input-label",children:"G"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),K("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),K("label",{className:"k-colorgradient-input-label",children:"H"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),K("label",{className:"k-colorgradient-input-label",children:"S"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),K("label",{className:"k-colorgradient-input-label",children:"V"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),K("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),K("label",{className:"k-colorgradient-input-label",children:"H"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),K("label",{className:"k-colorgradient-input-label",children:"S"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),K("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&K(ba,{children:Q("div",{className:"k-vstack k-flex-1",children:[K(H,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),K("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ko.states=qm;ko.options=Wm;ko.className=fs;ko.defaultOptions=hs;import{jsx as Xt,jsxs as qt}from"react/jsx-runtime";var xs="k-colorgradient-color-contrast",Jm=[],Ym={},Zm={},go=()=>qt("div",{className:i(xs,"k-vbox"),children:[qt("div",{className:"k-contrast-ratio",children:[Xt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),qt("span",{className:"k-contrast-validation !k-text-success",children:[Xt(L,{icon:"check"}),Xt(L,{icon:"check"})]})]}),qt("div",{children:[Xt("span",{children:"AA: 4.5"}),qt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Xt(L,{icon:"check"})]})]}),qt("div",{children:[Xt("span",{children:"AAA: 7.0"}),qt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Xt(L,{icon:"x"})]})]})]});go.states=Jm;go.options=Ym;go.className=xs;go.defaultOptions=Zm;var Ns="color-gradient",ks="colorgradient";import{jsx as qe,jsxs as fa}from"react/jsx-runtime";var Fa="k-colorgradient",Qm=[n.hover,n.focus,n.readonly,n.disabled],jm={size:[l.undefined,l.small,l.medium,l.large]},ct={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"},ne=e=>{let{size:t,mode:o=ct.mode,readonly:a=ct.readonly,disabled:r=ct.disabled,gradientStyle:s=ct.gradientStyle,dragHandleStyle:d=ct.dragHandleStyle,alphaStyle:u=ct.alphaStyle,alphaStyleHorizontal:f=ct.alphaStyleHorizontal,contrast:h=ct.contrast,dir:N,hover:x,focus:p,hoverHandle:v,focusHandle:g,canvasOrientation:S=ct.canvasOrientation,role:y,tabIndex:M,...O}=e;return fa("div",{...O,role:y??"textbox","aria-label":y==="none"?void 0:"Color gradient",tabIndex:M??0,"aria-disabled":r?"true":void 0,className:i(e.className,Fa,I(Fa,{size:t}),T(Fa,{hover:x,focus:p,readonly:a,disabled:r})),dir:N,children:[!S||S==="horizontal"&&fa("div",{className:"k-colorgradient-canvas k-hstack",children:[qe("div",{className:"k-hsv-rectangle",style:s,children:qe("div",{className:"k-hsv-gradient",children:qe("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})})}),fa("div",{className:"k-hsv-controls k-hstack",children:[qe(Wr,{className:"k-hue-slider",hover:v,focus:g}),o!=="rgb"&&o!=="hsv"&&qe(Wr,{className:"k-alpha-slider",hover:v,focus:g,trackStyle:u})]})]}),S==="vertical"&&fa("div",{className:"k-colorgradient-canvas k-vstack",children:[qe("div",{className:"k-hsv-rectangle",style:s,children:qe("div",{className:"k-hsv-gradient",children:qe("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})})}),fa("div",{className:"k-hsv-controls k-vstack",children:[qe(qr,{className:"k-hue-slider",hover:v,focus:g}),o!=="rgb"&&o!=="hsv"&&qe(qr,{className:"k-alpha-slider",hover:v,focus:g,trackStyle:f})]})]}),qe(ko,{mode:e.mode,size:t}),h&&qe(go,{})]})};ne.states=Qm;ne.options=jm;ne.className=Fa;ne.defaultOptions=ct;ne.moduleName=Ns;ne.folderName=ks;ne.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)."}]};import{jsx as eu}from"react/jsx-runtime";var Ua=e=>eu(ne,{...e});import{jsx as KO}from"react/jsx-runtime";import{jsx as HO}from"react/jsx-runtime";import{jsx as dn}from"react/jsx-runtime";var tu=ne.options,ou=ne.states,au={...ne.defaultOptions,variant:"rgba"},ru=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],nu=[],vo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return dn(Ua,{...o,mode:t});case"rgb":return dn(Ua,{...o,mode:t});default:return dn(Ua,{...o,mode:t})}};vo.options=tu;vo.states=ou;vo.variants=ru;vo.defaultOptions=au;vo.modifiers=nu;vo.className=ne.className;import{jsx as iu}from"react/jsx-runtime";var cn=e=>iu("tr",{role:"row",children:e.children});import{jsx as du}from"react/jsx-runtime";var pn="k-colorpalette-tile",su=[n.hover,n.focus,n.selected],lu={},Lo=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 du("td",{...d,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:i(e.className,pn,T(pn,{hover:a,focus:r,selected:s})),style:u})};Lo.states=su;Lo.options=lu;Lo.className=pn;var gs="color-palette",vs="colorpalette";import{jsx as ha}from"react/jsx-runtime";var Ga="k-colorpalette",cu=[n.disabled],pu={size:[l.undefined,l.small,l.medium,l.large]},Ls={columns:10},ye=e=>{let{size:t,palette:o,columns:a=Ls.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(x*f,(x+1)*f).map((g,S)=>{p.push(ha(Lo,{color:g,tileSize:r},S))});let v=ha(cn,{children:p},x);u.push(v)})}return ha("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:i(e.className,Ga,T(Ga,{disabled:s}),I(Ga,{size:t})),children:ha("table",{className:"k-colorpalette-table",role:"none",children:ha("tbody",{children:u.length>0?u:e.children})})})};ye.states=cu;ye.options=pu;ye.className=Ga;ye.defaultOptions=Ls;ye.moduleName=gs;ye.folderName=vs;ye.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 Va=ye;var xa={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}};import{jsx as mu}from"react/jsx-runtime";var Ss=e=>mu(Va,{palette:xa.basic,...e});import{jsx as vA}from"react/jsx-runtime";import{jsx as TA,jsxs as EA}from"react/jsx-runtime";import{jsx as ku}from"react/jsx-runtime";var uu=ye.options,bu=ye.states,fu={...ye.defaultOptions,variant:"basic"},hu=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],xu={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}},Nu=[],So=e=>{let{variant:t="basic",...o}=e,a=xu[t];return ku(Ss,{columns:a.columns,palette:a,...o})};So.options=uu;So.states=bu;So.variants=hu;So.defaultOptions=fu;So.modifiers=Nu;So.className=ye.className;var Ms="color-editor",Is="coloreditor";import{jsx as We,jsxs as Mo}from"react/jsx-runtime";var $a="k-coloreditor",gu=[n.focus],vu={size:[l.undefined,l.small,l.medium,l.large]},Na={view:"gradient",palette:xa.office,actionButtons:!0,canvasOrientation:"horizontal"},Y=e=>{let{size:t,view:o=Na.view,palette:a=Na.palette,color:r,currentColor:s,focus:d,focusView:u,dir:f,group:h,actionButtons:N=Na.actionButtons,canvasOrientation:x=Na.canvasOrientation,...p}=e;return Mo("div",{...p,role:"textbox","aria-label":"Color editor",tabIndex:0,className:i(e.className,"k-flatcolorpicker",$a,I($a,{size:t}),T($a,{focus:d})),dir:f,children:[Mo("div",{className:"k-coloreditor-header k-hstack",children:[We("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&Mo(C,{fillMode:"flat",children:[We(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),We(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),We("div",{className:"k-spacer"}),Mo("div",{className:"k-coloreditor-header-actions k-hstack",children:[We(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Mo("div",{className:"k-coloreditor-preview k-vstack",children:[We(Mt,{className:"k-coloreditor-preview-color",color:r}),We(Mt,{className:"k-coloreditor-current-color",color:s})]})]})]}),We("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?We(ne,{focus:u,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):We(ye,{palette:a,size:t})}),N&&Mo(st,{className:"k-coloreditor-footer",alignment:"start",children:[We(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),We(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Y.states=gu;Y.options=vu;Y.className=$a;Y.defaultOptions=Na;Y.moduleName=Ms;Y.folderName=Is;Y.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 Io=Y;import{jsx as aw}from"react/jsx-runtime";import{jsx as sw}from"react/jsx-runtime";import{jsx as Lu}from"react/jsx-runtime";var ys=e=>Lu(Io,{group:!0,currentColor:"fuchsia",...e});import{jsx as Su}from"react/jsx-runtime";var Ts=e=>Su(Io,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Es}from"react/jsx-runtime";var Mu=Y.options,Iu=Y.states,yu={...Y.defaultOptions,variant:"gradient"},Tu=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Eu=[],yo=e=>{let{variant:t,...o}=e;return t==="palette"?Es(Ts,{...o,color:"white"}):Es(ys,{...o,color:"rgba(183, 118 , 118, 1.00)"})};yo.options=Mu;yo.states=Iu;yo.variants=Tu;yo.defaultOptions=yu;yo.modifiers=Eu;yo.className=Y.className;var Cs="color-picker",Os="colorpicker";import{Fragment as Au,jsx as Je,jsxs as mn}from"react/jsx-runtime";var As="k-colorpicker",Cu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Ou={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]},ws={arrowIconName:"caret-alt-down"},Pe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=ws.arrowIconName,prefix:s,suffix:d,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:v,disabled:g,valueIconName:S,popup:y,opened:M,adaptive:O,adaptiveSettings:F,adaptiveTitle:Z,adaptiveSubtitle:ee,...de}=e,ve="colorpicker-popup";return mn(Au,{children:[mn(rt,{...de,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":M?"true":"false","aria-controls":M||O?ve:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":g?"true":void 0,className:i(e.className,As,"k-icon-picker"),children:[Je(fe,{children:s}),Je(Ft,{placeholder:f,value:u,showValue:!1,valueIcon:Je(Mt,{className:"k-value-icon",color:u,iconName:S}),valueIconName:S}),Je(he,{children:d}),Je(c,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:g})]}),M&&y&&Je(q,{id:ve,className:"k-colorpicker-popup",children:y}),O&&Je(J,{adaptive:!0,id:ve,...F,header:Je(Le,{actionsEnd:Je(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Z,subtitle:ee}),footer:mn(It,{children:[Je(c,{text:"Cancel",size:"large"}),Je(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:Je(Y,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Pe.states=Cu;Pe.options=Ou;Pe.className=As;Pe.defaultOptions=ws;Pe.moduleName=Cs;Pe.folderName=Os;Pe.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 xt=Pe;import{jsx as wu}from"react/jsx-runtime";var Xa=e=>wu(xt,{...e});import{jsx as Vw}from"react/jsx-runtime";import{jsx as Jw}from"react/jsx-runtime";import{jsx as jw}from"react/jsx-runtime";import{jsx as aR}from"react/jsx-runtime";import{jsx as sR}from"react/jsx-runtime";import{jsx as pR}from"react/jsx-runtime";import{jsx as Wt}from"react/jsx-runtime";var Ru=xt.options,Bu=xt.states,Rs={...xt.defaultOptions,variant:"color"},Pu=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Ku=[{name:"opened",title:"Opened"}],To=e=>{let{variant:t,modifiers:o,...a}={...Rs,...e},r={};Object.keys(o||{}).forEach(d=>{d==="opened"&&(r.opened=!!o?.[d],r.popup=o?.[d]?Wt(Y,{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 Wt("div",{style:s,children:Wt(Xa,{...a,...r})});case"icon":return Wt("div",{style:s,children:Wt(Xa,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return Wt("div",{style:s,children:Wt(Xa,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};To.options=Ru;To.states=Bu;To.variants=Pu;To.defaultOptions=Rs;To.modifiers=Ku;To.className=xt.className;var un="combobox",Bs=un;import{Fragment as bn,jsx as oe,jsxs as ka}from"react/jsx-runtime";var Ps="k-combobox",Du=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],_u={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]},Ks={separators:!0},xe=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ks.separators,prefix:s,suffix:d,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:v,loading:g,disabled:S,popup:y,opened:M,readonly:O,adaptive:F,adaptiveSettings:Z,adaptiveTitle:ee,adaptiveSubtitle:de,adaptiveCustomValue:ve,id:zt,autocomplete:sr,activeDescendant:St,"aria-label":ya,...lr}=e,dr=zt?`${zt}-listbox`:void 0;return ka(bn,{children:[ka(U,{...lr,size:t,rounded:o,fillMode:a,hover:h,focus:N,valid:x,invalid:p,required:v,loading:g,disabled:S,readonly:O,className:i(e.className,Ps),children:[s&&ka(bn,{children:[oe(fe,{children:s}),r&&oe(re,{})]}),oe(pe,{id:zt,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?dr:void 0,"aria-activedescendant":M&&St?St:void 0,"aria-autocomplete":sr,"aria-invalid":p?"true":void 0,"aria-busy":g?"true":void 0,"aria-label":ya,disabled:S,readOnly:O}),oe(te,{valid:x,invalid:p,loading:g,disabled:S}),oe(ae,{loading:g,disabled:S}),oe(ce,{loading:g,disabled:S,readonly:O,value:u}),d&&ka(bn,{children:[r&&oe(re,{}),oe(he,{children:d})]}),oe(c,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:S})]}),M&&y&&oe(q,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:y}),F&&oe(J,{adaptive:!0,id:zt?`${zt}-adaptive`:void 0,...Z,header:oe(Le,{actionsEnd:oe(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:ee,subtitle:de}),children:oe("div",{className:"k-list-container",children:oe(_,{customValue:ve?oe(Ot,{text:`Use "${u}"`}):void 0,size:"large",children:ka(G,{"aria-label":ee||"Options",children:[oe(w,{text:"List item"}),oe(w,{text:"List item"}),oe(w,{text:"List item"})]})})})})]})};xe.states=Du;xe.options=_u;xe.className=Ps;xe.defaultOptions=Ks;xe.moduleName=un;xe.folderName=Bs;xe.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 Ke=xe;import{jsx as zu}from"react/jsx-runtime";var Ds=e=>zu(Ke,{...e});import{jsx as qR,jsxs as WR}from"react/jsx-runtime";import{jsx as eB,jsxs as tB}from"react/jsx-runtime";import{jsx as sB,jsxs as lB}from"react/jsx-runtime";import{Fragment as bB,jsx as uB}from"react/jsx-runtime";import{Fragment as gB,jsx as kB}from"react/jsx-runtime";import{jsx as yB,jsxs as TB}from"react/jsx-runtime";import{Fragment as PB,jsx as RB,jsxs as BB}from"react/jsx-runtime";import{jsx as zB}from"react/jsx-runtime";import{jsx as GB}from"react/jsx-runtime";import{jsx as JB,jsxs as YB}from"react/jsx-runtime";import{jsx as oP,jsxs as aP}from"react/jsx-runtime";import{jsx as wt,jsxs as $u}from"react/jsx-runtime";var Hu=xe.states,Fu=xe.defaultOptions,Uu=xe.options,Gu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Vu=[],Eo=e=>{let{modifiers:t,...o}=e,a={},r=wt(_,{style:{width:300},size:o.size,children:$u(G,{children:[wt(w,{children:"List item"}),wt(w,{children:"List item"}),wt(w,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?wt(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?wt(ut,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0;break;default:break}}),wt("div",{children:wt(Ds,{value:"Value",style:{width:300},...o,...a})})};Eo.options=Uu;Eo.states=Hu;Eo.variants=Vu;Eo.defaultOptions=Fu;Eo.modifiers=Gu;Eo.className=xe.className;var fn="menu-button",_s=fn;import{jsx as Wu}from"react/jsx-runtime";var zs="k-menu-button",Xu=[n.hover,n.focus,n.active,n.selected,n.disabled],qu={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]},hn={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=hn.showArrow,arrowIconName:v=hn.arrowIconName,expanded:g,...S}=e;return Wu(c,{...S,className:i(e.className,zs),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=Xu;V.options=qu;V.className=zs;V.defaultOptions=hn;V.moduleName=fn;V.folderName=_s;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."}]};import{jsx as KP}from"react/jsx-runtime";import{jsx as HP}from"react/jsx-runtime";import{jsx as VP}from"react/jsx-runtime";var De="menu",Ye=De;import{jsx as ga,jsxs as Hs}from"react/jsx-runtime";var xn="k-menu-item",Ju=[n.hover,n.focus,n.active,n.selected,n.disabled],Yu={},Fs={iconPosition:"before"},Ne=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=Fs.iconPosition,dir:v,children:g,expanded:S,...y}=e,M=x;return M||(M=v==="rtl"?"caret-alt-left":"caret-alt-right"),Hs("li",{...y,className:i(e.className,xn,"k-item",T(xn,{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:[Hs("span",{className:i("k-link k-menu-link"),children:[d&&p==="before"&&ga(L,{className:"k-menu-link-icon",icon:d}),ga("span",{className:"k-menu-link-text",children:u}),d&&p==="after"&&ga(L,{className:"k-menu-link-icon",icon:d}),N&&ga("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ga(L,{icon:M})})]}),g]})};Ne.states=Ju;Ne.options=Yu;Ne.className=xn;Ne.defaultOptions=Fs;Ne.moduleName=De;Ne.folderName=Ye;import{jsx as va,jsxs as Us}from"react/jsx-runtime";var Nn="k-menu-item",Zu=[n.hover,n.focus,n.active,n.selected,n.disabled],Qu={},kn={dir:"ltr",iconPosition:"before"},W=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=kn.iconPosition,dir:v=kn.dir,children:g,popup:S,expanded:y,...M}=e,O=x;return O||(O=v==="rtl"?"caret-alt-left":"caret-alt-right"),Us("li",{...M,className:i(e.className,Nn,"k-item",T(Nn,{focus:o,disabled:s}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":y?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Us("span",{className:i("k-link k-menu-link",T("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[d&&p==="before"&&va(L,{className:"k-menu-link-icon",icon:d}),va("span",{className:"k-menu-link-text",children:u}),d&&p==="after"&&va(L,{className:"k-menu-link-icon",icon:d}),N&&va("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:va(L,{icon:O})})]}),g,S]})};W.states=Zu;W.options=Qu;W.className=Nn;W.defaultOptions=kn;W.moduleName=De;W.folderName=Ye;import{jsx as ob}from"react/jsx-runtime";var Gs="k-menu-scroll-wrapper",ju=[],eb={},tb={},Jt=e=>{let{className:t,children:o,orientation:a,...r}=e;return ob("div",{...r,className:i(t,Gs,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Jt.states=ju;Jt.options=eb;Jt.className=Gs;Jt.defaultOptions=tb;Jt.moduleName=De;Jt.folderName=Ye;var Vs=Jt;import{Fragment as gn,jsx as Yt,jsxs as Wa}from"react/jsx-runtime";var vn="k-menu",ab=[],rb={},Ja={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ie=e=>{let{children:t,orientation:o=Ja.orientation,header:a=Ja.header,scrollable:r,scrollButtonsPosition:s=Ja.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=Yt("ul",{dir:u,...N,className:i(e.className,"k-reset",vn,{[`${vn}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Wa(gn,{children:[r?Wa(Vs,{orientation:o,style:d,dir:e.dir,children:[s==="start"&&Wa(gn,{children:[Yt(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"}),Yt(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"&&Yt(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"&&Wa(gn,{children:[Yt(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"}),Yt(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"&&Yt(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]})};ie.states=ab;ie.options=rb;ie.className=vn;ie.defaultOptions=Ja;ie.moduleName=De;ie.folderName=Ye;ie.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."}]};import{jsx as nb}from"react/jsx-runtime";var Ln="k-separator",$s={orientation:"horizontal"},Co=e=>{let{orientation:t=$s.orientation,...o}=e;return nb("li",{...o,className:i(e.className,"k-item",Ln,{[`${Ln}-${t}`]:t}),role:"separator"})};Co.className=Ln;Co.defaultOptions=$s;Co.moduleName=De;Co.folderName=Ye;import{Fragment as kK,jsx as gK}from"react/jsx-runtime";import{jsx as db}from"react/jsx-runtime";var Sn="k-menu-group",ib=[],sb={size:[l.undefined,l.small,l.medium,l.large]},lb={},ke=e=>{let{children:t,size:o,...a}=e;return db("ul",{...a,className:i(e.className,Sn,I(Sn,{size:o})),role:"menu",children:t})};ke.states=ib;ke.options=sb;ke.className=Sn;ke.defaultOptions=lb;ke.moduleName=De;ke.folderName=Ye;import{Fragment as cb,jsx as Oo,jsxs as pb}from"react/jsx-runtime";var Mn=e=>Oo(ie,{children:pb(cb,{children:[Oo(Ne,{first:!0,text:"Item 1"}),Oo(Ne,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Oo(Ne,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Oo(Ne,{text:"Item 4"}),Oo(Ne,{last:!0,text:"Item 5"})]}),...e});import{Fragment as BK,jsx as wK,jsxs as RK}from"react/jsx-runtime";import{Fragment as zK,jsx as _K,jsxs as HK}from"react/jsx-runtime";import{Fragment as $K,jsx as VK,jsxs as XK}from"react/jsx-runtime";import{Fragment as ZK,jsx as YK,jsxs as QK}from"react/jsx-runtime";import{jsx as Zt,jsxs as hb}from"react/jsx-runtime";var mb=ie.options,ub=ie.states,Xs={...ie.defaultOptions,variant:"horizontal"},bb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],fb=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ao=e=>{let{variant:t,modifiers:o,...a}={...Xs,...e},r={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":r.scrollable=!!o?.[s];break;case"opened":r.opened=!!o?.[s],r.popup=Zt(q,{className:"k-menu-popup",children:hb(ke,{children:[Zt(W,{text:"Item 1"}),Zt(W,{text:"Item 2"}),Zt(Co,{}),Zt(W,{text:"Item 3"})]})});break}}),t==="vertical"?Zt(Mn,{...a,...r,orientation:"vertical",style:{width:"200px"}}):Zt(Mn,{...a,...r})};Ao.options=mb;Ao.states=ub;Ao.variants=bb;Ao.defaultOptions=Xs;Ao.modifiers=fb;Ao.className=ie.className;import{Fragment as O0,jsx as E0,jsxs as C0}from"react/jsx-runtime";import{jsx as B0}from"react/jsx-runtime";import{Fragment as vb,jsx as pt,jsxs as qs}from"react/jsx-runtime";var xb=c.states,Ws={...c.defaultOptions,variant:"text"},Nb=c.options,kb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],gb=[{name:"opened",title:"Opened"}],wo=e=>{let{variant:t,modifiers:o,...a}={...Ws,...e},r={},s=pt(q,{className:"k-menu-popup",children:qs(ke,{size:a.size,children:[pt(W,{first:!0,text:"Menu Item"}),pt(W,{text:"Menu Item"}),pt(W,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=pt("div",{children:pt(V,{...a,...r,icon:"star"})});break;case"icon-and-text":d=pt("div",{children:pt(V,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:d=pt("div",{children:pt(V,{...a,...r,children:"Dropdown Button"})});break}return qs(vb,{children:[d,o?.opened&&s]})};wo.options=Nb;wo.states=xb;wo.variants=kb;wo.defaultOptions=Ws;wo.modifiers=gb;wo.className=V.className;var In="split-button",Js=In;import{Fragment as Mb,jsx as yn,jsxs as Ys}from"react/jsx-runtime";var Tn="k-split-button",Lb=[n.hover,n.focus,n.active,n.selected,n.disabled],Sb={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]},Zs={arrowIconName:"caret-alt-down"},D=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=Zs.arrowIconName,popup:v,opened:g,popupId:S,...y}=e;return Ys(Mb,{children:[Ys("div",{...y,className:i(e.className,Tn,"k-button-group",I(Tn,{rounded:o})),children:[yn(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}),yn(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&&yn(q,{className:"k-menu-popup",children:v})]})};D.states=Lb;D.options=Sb;D.className=Tn;D.defaultOptions=Zs;D.moduleName=In;D.folderName=Js;D.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 En=D;import{jsx as yb}from"react/jsx-runtime";var Ib="k-toolbar-separator",se=e=>yb("div",{className:i(Ib,e.className,"k-separator")});var Nt="toolbar",Rt=Nt;import{Fragment as Cn,jsx as z,jsxs as Ro}from"react/jsx-runtime";var kt="k-toolbar",Tb=[n.focus],Eb={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Cb={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(z(c,{...p.props,className:`${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===c)g.push(z(c,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===aa)g.push(z(aa,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===ut)g.push(z(ut,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===V)g.push(z(V,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===En)g.push(z(En,{...p.props,className:`k-toolbar-split-button ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===C||p.props.className&&p.props.className.includes("k-button-group")){let S=[];(Array.isArray(p.props.children)?p.props.children:[p.props.children]).forEach((M,O)=>{S.push(z(c,{...M.props,className:`${M.props.className?M.props.className:""}`},`${O}-${new Date().getTime()}`))}),g.push(z(C,{...p.props,className:`k-toolbar-button-group ${p.props.className?p.props.className:""}`,children:S},`${v}-${new Date().getTime()}`))}else p.type===xe?g.push(z(xe,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`)):p.type===B?g.push(z(B,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`)):p.type===Pe?g.push(z(Pe,{...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)}),Ro("div",{...h,className:i(e.className,kt,I(kt,{size:t,fillMode:o}),T(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"&&z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),s&&d==="start"&&Ro(Cn,{children:[Ro(C,{children:[z("span",{className:i("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(L,{className:"k-button-icon",icon:"caret-alt-left"})}),z("span",{className:i("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(L,{className:"k-button-icon",icon:"caret-alt-right"})})]}),z(se,{className:"k-toolbar-button-separator"}),z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&d==="end"&&Ro(Cn,{children:[z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),z(se,{className:"k-toolbar-button-separator"}),Ro(C,{children:[z("span",{className:i("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(L,{className:"k-button-icon",icon:"caret-alt-left"})}),z("span",{className:i("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(L,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(d==="around"||!d)&&Ro(Cn,{children:[z("span",{className:i("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(L,{className:"k-button-icon",icon:"caret-alt-left"})}),z(se,{className:"k-toolbar-button-separator"}),z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),z(se,{className:"k-toolbar-button-separator"}),z("span",{className:i("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(L,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};$.states=Tb;$.options=Eb;$.className=kt;$.defaultOptions=Cb;$.moduleName=Nt;$.folderName=Rt;$.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."}]};import{jsx as Rb}from"react/jsx-runtime";var Qs="k-floating-toolbar",Ob=[],Ab={},wb={},Bo=e=>{let{...t}=e;return Rb("div",{...t,className:i(e.className,Qs),children:e.children})};Bo.states=Ob;Bo.options=Ab;Bo.className=Qs;Bo.defaultOptions=wb;Bo.moduleName=Nt;Bo.folderName=Rt;import{jsx as Db}from"react/jsx-runtime";var On="k-toolbar-item",Bb=[n.focus],Pb={},Kb={},ot=e=>{let{focus:t,...o}=e;return Db("div",{...o,className:i(e.className,On,T(On,{focus:t})),children:e.children})};ot.states=Bb;ot.options=Pb;ot.className=On;ot.defaultOptions=Kb;ot.moduleName=Nt;ot.folderName=Rt;import{jsx as js}from"react/jsx-runtime";var el="k-toolbar-popup",_b=[],zb={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Hb={},Qt=e=>{let{size:t,fillMode:o,section:a,...r}=e;return js(q,{...r,className:i(e.className,el),children:a?js("span",{className:i("k-toolbar-items-list",I("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Qt.states=_b;Qt.options=zb;Qt.className=el;Qt.defaultOptions=Hb;Qt.moduleName=Nt;Qt.folderName=Rt;var Ya=Qt;import{jsx as DD}from"react/jsx-runtime";import{jsx as FD}from"react/jsx-runtime";import{jsx as $D}from"react/jsx-runtime";import{jsx as ZD,jsxs as QD}from"react/jsx-runtime";import{jsx as o_}from"react/jsx-runtime";import{jsx as gt,jsxs as $b}from"react/jsx-runtime";var Fb=D.states,tl={...D.defaultOptions,variant:"text"},Ub=D.options,Gb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Vb=[{name:"opened",title:"Opened"}],Po=e=>{let{variant:t,modifiers:o,...a}={...tl,...e},r={},s=$b(ke,{size:a.size,children:[gt(W,{first:!0,text:"Menu Item"}),gt(W,{text:"Menu Item"}),gt(W,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(d=>{d==="opened"&&(r.opened=!!o?.[d],r.popup=o?.[d]?s:"")}),t){case"icon-only":return gt("div",{children:gt(D,{...a,...r,icon:"star"})});case"icon-and-text":return gt("div",{children:gt(D,{...a,...r,icon:"star",children:"Split Button"})});default:return gt("div",{children:gt(D,{...a,...r,children:"Split Button"})})}};Po.options=Ub;Po.states=Fb;Po.variants=Gb;Po.defaultOptions=tl;Po.modifiers=Vb;Po.className=D.className;import{jsx as jt,jsxs as Xb}from"react/jsx-runtime";var ol=e=>jt($,{children:[jt(c,{children:"Button"},"toolbar-button"),jt(V,{text:"Menu button"},"toolbar-menu-button"),jt(D,{children:"Split button"},"toolbar-split-button"),Xb(C,{children:[jt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),jt(c,{icon:"align-center",children:"Center"}),jt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as A_,jsxs as w_}from"react/jsx-runtime";import{jsx as _e,jsxs as al}from"react/jsx-runtime";var rl=e=>_e($,{scrollable:!0,...e,children:[_e(c,{children:"Button"},"toolbar-button"),_e(V,{text:"Menu button"},"toolbar-menu-button"),_e(D,{children:"Split button"},"toolbar-split-button"),al(C,{children:[_e(c,{className:"k-group-start",icon:"align-left",children:"Left"}),_e(c,{icon:"align-center",children:"Center"}),_e(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),_e(c,{children:"Button"},"toolbar-button"),_e(V,{text:"Menu button"},"toolbar-menu-button"),_e(D,{children:"Split button"},"toolbar-split-button"),al(C,{children:[_e(c,{className:"k-group-start",icon:"align-left",children:"Left"}),_e(c,{icon:"align-center",children:"Center"}),_e(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as ze,jsxs as nl}from"react/jsx-runtime";var il=({scrollingPosition:e="start",...t})=>ze($,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[ze(c,{children:"Button"},"toolbar-button"),ze(V,{text:"Menu button"},"toolbar-menu-button"),ze(D,{children:"Split button"},"toolbar-split-button"),nl(C,{children:[ze(c,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(c,{icon:"align-center",children:"Center"}),ze(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ze(c,{children:"Button"},"toolbar-button"),ze(V,{text:"Menu button"},"toolbar-menu-button"),ze(D,{children:"Split button"},"toolbar-split-button"),nl(C,{children:[ze(c,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(c,{icon:"align-center",children:"Center"}),ze(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as qb,jsx as Oe,jsxs as Za}from"react/jsx-runtime";var sl=({fillMode:e,size:t,...o})=>Za(qb,{children:[Oe($,{section:!0,fillMode:e,size:t,children:[Oe(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Za(C,{fillMode:e,children:[Oe(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Oe(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Oe(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Oe(se,{className:"k-toolbar-button-separator"}),Oe(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Za(Ya,{size:t,fillMode:e,section:!0,...o,children:[Oe(D,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Oe(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Oe(se,{}),Oe(V,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Za(C,{fillMode:e,children:[Oe(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Oe(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Oe(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as pz,jsx as dz,jsxs as cz}from"react/jsx-runtime";import{Fragment as Lz,jsx as gz,jsxs as vz}from"react/jsx-runtime";import{jsx as Bt}from"react/jsx-runtime";var Wb=$.options,Jb=$.states,ll={...$.defaultOptions,variant:"default"},Yb=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Zb=[],Ko=e=>{let{variant:t,...o}={...ll,...e};switch(t){case"responsive":return Bt("div",{children:Bt(sl,{style:{width:"583px"},...o})});case"overlay":return Bt("div",{children:Bt(il,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Bt("div",{children:Bt(rl,{style:{width:"583px"},...o})});default:return Bt("div",{children:Bt(ol,{style:{width:"583px"},...o})})}};Ko.options=Wb;Ko.states=Jb;Ko.variants=Yb;Ko.defaultOptions=ll;Ko.modifiers=Zb;Ko.className=$.className;import{jsx as He}from"react/jsx-runtime";var dl="k-imageeditor-toolbar",Qb=[],jb={},ef=[He(c,{icon:"upload","aria-label":"Upload"},"toolbar-button-1"),He(c,{disabled:!0,icon:"download","aria-label":"Download"},"toolbar-button-2"),He(se,{},"toolbar-separator-1"),He(c,{disabled:!0,icon:"undo","aria-label":"Undo"},"toolbar-button-3"),He(c,{disabled:!0,icon:"redo","aria-label":"Redo"},"toolbar-button-4"),He(se,{},"toolbar-separator-2"),He(c,{disabled:!0,icon:"crop","aria-label":"Crop"},"toolbar-button-5"),He(c,{disabled:!0,icon:"image-resize","aria-label":"Resize"},"toolbar-button-6"),He(c,{disabled:!0,icon:"zoom-in","aria-label":"Zoom in"},"toolbar-button-7"),He(c,{disabled:!0,icon:"zoom-out","aria-label":"Zoom out"},"toolbar-button-8"),He(ot,{children:He(B,{disabled:!0,value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],cl={toolbarItems:ef},Do=e=>{let{toolbarItems:t=cl.toolbarItems,...o}=e;return He($,{...o,className:i(e.className,dl),children:t})};Do.states=Qb;Do.options=jb;Do.className=dl;Do.defaultOptions=cl;var pl="image-editor",ml="imageeditor";import{jsx as La,jsxs as ul}from"react/jsx-runtime";var bl="k-imageeditor",tf=[],of={},af={},at=e=>{let{toolbarItems:t,actionPane:o,contentHeight:a,children:r,...s}=e;return ul("div",{...s,className:i(e.className,bl),children:[La("div",{className:"k-imageeditor-header",children:La(Do,{toolbarItems:t})}),ul("div",{className:"k-imageeditor-content",style:{height:a},children:[La("div",{className:"k-imageeditor-canvas-container",children:La("div",{className:"k-imageeditor-canvas",children:r})}),o&&La("div",{className:"k-imageeditor-action-pane",children:o})]})]})};at.states=tf;at.options=of;at.className=bl;at.defaultOptions=af;at.moduleName=pl;at.folderName=ml;at.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."}]};import{jsx as sH}from"react/jsx-runtime";var fl="form",hl="forms";import{Fragment as xl,jsx as Qa,jsxs as sf}from"react/jsx-runtime";var ja="k-form",rf=[],nf={size:[l.undefined,l.small,l.medium,l.large]},An={layout:"basic",tag:"form"},le=e=>{let{size:t,orientation:o,layout:a=An.layout,formButtons:r,cols:s,gutters:d,tag:u=An.tag,children:f}=e,h=u,N=i(e.className,ja,I(ja,{size:t}),{[`${ja}-${o}`]:o}),x=sf(xl,{children:[a==="grid"?Qa("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}):Qa(xl,{children:f}),r&&Qa("div",{className:"k-form-buttons",children:r})]}),{role:p,"aria-labelledby":v,"aria-label":g,id:S}=e;return Qa(h,{className:N,role:p,"aria-labelledby":v,"aria-label":g,id:S,children:x})};le.states=rf;le.options=nf;le.className=ja;le.defaultOptions=An;le.moduleName=fl;le.folderName=hl;var Nl="label",kl="label";import{jsx as gl,jsxs as pf}from"react/jsx-runtime";var wn="k-label",lf=[n.disabled],df={},cf={},Pt=e=>{let{disabled:t,optional:o,info:a,text:r,children:s,...d}=e;return pf("label",{...d,className:i(e.className,wn,T(wn,{disabled:t})),children:[r||s,o&&gl("span",{className:"k-label-optional",children:"(Optional)"}),a&&gl("span",{className:"k-field-info",children:a})]})};Pt.states=lf;Pt.options=df;Pt.className=wn;Pt.defaultOptions=cf;Pt.moduleName=Nl;Pt.folderName=kl;import{jsx as ff}from"react/jsx-runtime";var vl="k-form-hint",mf=[],uf={},bf={},Ze=e=>{let{text:t,children:o,...a}=e;return ff("div",{...a,className:i(e.className,vl),children:t||o})};Ze.states=mf;Ze.options=uf;Ze.className=vl;Ze.defaultOptions=bf;import{jsx as kf}from"react/jsx-runtime";var Ll="k-form-error",hf=[],xf={},Nf={},Qe=e=>{let{text:t,children:o,...a}=e;return kf("div",{...a,className:i(e.className,Ll),children:t||o})};Qe.states=hf;Qe.options=xf;Qe.className=Ll;Qe.defaultOptions=Nf;import{jsx as er,jsxs as Sl}from"react/jsx-runtime";var Rn="k-form-field",gf=[n.disabled],j=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 Sl("div",{...p,className:i(Rn,e.className,T(Rn,{disabled:h}),{[`k-col-span-${x}`]:x}),dir:N,children:[o&&er(Pt,{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&&er("span",{className:"k-label k-form-label k-label-empty"}),Sl("div",{className:"k-form-field-wrap",children:[s,d&&er(Ze,{id:t?`${t}-hint`:void 0,children:d}),u&&er(Qe,{id:t?`${t}-error`:void 0,children:u})]})]})};j.states=gf;j.className=Rn;import{Fragment as vf,jsx as Bn,jsxs as Lf}from"react/jsx-runtime";var Ml="k-form-fieldset",mt=e=>{let{legend:t,layout:o,cols:a,gutters:r,colSpan:s}=e;return Lf("fieldset",{className:i(Ml,{[`k-col-span-${s}`]:s}),children:[t&&Bn("legend",{className:"k-form-legend",children:t}),o==="grid"?Bn("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}):Bn(vf,{children:e.children})]})};mt.className=Ml;var eo="radio",_o=eo;import{jsx as Il}from"react/jsx-runtime";var tr="k-radio",Sf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked],Mf={size:[l.undefined,l.small,l.medium,l.large]},If={},ue=e=>{let{id:t,checked:o,hover:a,focus:r,disabled:s,invalid:d,valid:u,required:f,size:h,...N}=e;return Il("span",{className:"k-radio-wrap",children:Il("input",{...N,id:t,type:"radio",checked:o,required:f,disabled:s||void 0,"aria-invalid":d?"true":void 0,className:i(e.className,tr,I(tr,{size:h}),T(tr,{hover:a,focus:r,disabled:s,invalid:d,valid:u,checked:o}))})})};ue.states=Sf;ue.options=Mf;ue.className=tr;ue.defaultOptions=If;ue.moduleName=eo;ue.folderName=_o;ue.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 je=ue;import{jsx as Ef}from"react/jsx-runtime";var yl="k-radio-list",yf=[],Tf={},Tl={layout:"vertical"},be=e=>{let{layout:t=Tl.layout,...o}=e;return Ef("ul",{...o,className:i(e.className,yl,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};be.states=yf;be.options=Tf;be.className=yl;be.defaultOptions=Tl;be.moduleName=eo;be.folderName=_o;be.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."}]};import{jsx as wf}from"react/jsx-runtime";var El="k-radio-list-item",Cf=[],Of={},Af={},ge=e=>{let{...t}=e;return wf("li",{...t,className:i(e.className,El),role:"none",children:e.children})};ge.states=Cf;ge.options=Of;ge.className=El;ge.defaultOptions=Af;ge.moduleName=eo;ge.folderName=_o;import{jsx as JH}from"react/jsx-runtime";import{Fragment as Rf,jsx as Cl,jsxs as Bf}from"react/jsx-runtime";var vt=({children:e,id:t,...o})=>Bf(Rf,{children:[Cl(je,{...o,id:t}),Cl("label",{className:"k-radio-label",htmlFor:t,children:e})]});import{Fragment as a1,jsx as o1,jsxs as r1}from"react/jsx-runtime";import{Fragment as c1,jsx as l1,jsxs as d1}from"react/jsx-runtime";import{Fragment as f1,jsx as b1,jsxs as h1}from"react/jsx-runtime";import{Fragment as v1,jsx as g1,jsxs as L1}from"react/jsx-runtime";import{Fragment as C1,jsx as E1,jsxs as O1}from"react/jsx-runtime";import{jsx as B1}from"react/jsx-runtime";import{jsx as Ff}from"react/jsx-runtime";var Kf=je.options,Df=je.states,_f=je.defaultOptions,zf=[],Hf=[],zo=e=>Ff(vt,{id:A("radio"),name:"value",...e,children:"Label"});zo.options=Kf;zo.states=Df;zo.variants=zf;zo.defaultOptions=_f;zo.modifiers=Hf;zo.className=je.className;import{jsx as et,jsxs as Ol}from"react/jsx-runtime";var Uf=be.options,Gf=be.states,Vf={...be.defaultOptions,variant:"vertical"},$f=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Xf=[],Ho=e=>{let{variant:t,...o}=e;return t==="horizontal"?Ol(be,{layout:"horizontal",...o,children:[et(ge,{children:et(vt,{id:A("rb"),name:"value",defaultChecked:!0,children:"Label"})}),et(ge,{children:et(vt,{id:A("rb"),name:"value",children:"Label"})}),et(ge,{children:et(vt,{id:A("rb"),name:"value",children:"Label"})})]}):Ol(be,{...o,children:[et(ge,{children:et(vt,{id:A("rb"),name:"value",defaultChecked:!0,children:"Label"})}),et(ge,{children:et(vt,{id:A("rb"),name:"value",children:"Label"})}),et(ge,{children:et(vt,{id:A("rb"),name:"value",children:"Label"})})]})};Ho.options=Uf;Ho.states=Gf;Ho.variants=$f;Ho.defaultOptions=Vf;Ho.modifiers=Xf;Ho.className=be.className;import{Fragment as qf,jsx as Ae,jsxs as Fo}from"react/jsx-runtime";var Pn=e=>{let{size:t,children:o,...a}=e;return Ae(le,{formButtons:Fo(qf,{children:[Ae(c,{className:"k-form-submit",themeColor:"primary",size:t,children:"Submit"}),Ae(c,{className:"k-form-clear",size:t,children:"Clear"})]}),size:t,...a,children:o||Fo(mt,{legend:"Form Legend",children:[Ae(j,{label:"Label",editor:Ae(H,{size:t})}),Ae(j,{label:"Label",hint:"Hint text",editor:Ae(B,{value:"Dropdown List",size:t,"aria-label":"Label"})}),Ae(j,{label:"City",editor:Fo("ul",{className:"k-radio-list k-list-horizontal",children:[Fo("li",{className:"k-radio-list-item",children:[Ae(ue,{defaultChecked:!0,size:t}),Ae("label",{className:"k-radio-label",children:"Label"})]}),Fo("li",{className:"k-radio-list-item",children:[Ae(ue,{size:t}),Ae("label",{className:"k-radio-label",children:"Label"})]}),Fo("li",{className:"k-radio-list-item",children:[Ae(ue,{size:t}),Ae("label",{className:"k-radio-label",children:"Label"})]})]})})]})})};import{Fragment as S2,jsx as L2,jsxs as M2}from"react/jsx-runtime";import{Fragment as A2,jsx as O2,jsxs as w2}from"react/jsx-runtime";var Al="date-input",wl="dateinput";import{jsx as Sa,jsxs as Zf}from"react/jsx-runtime";var Rl="k-dateinput",Wf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Jf={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]},Yf={},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:y,"aria-label":M,"aria-describedby":O,...F}=e;return Zf(U,{...F,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,Rl),children:[Sa(pe,{id:y,placeholder:s,value:r,disabled:p,"aria-label":M,"aria-describedby":O,"aria-invalid":h?"true":void 0}),Sa(te,{valid:f,invalid:h,loading:x,disabled:p}),Sa(ae,{loading:x,disabled:p}),g&&Sa(ce,{loading:x,disabled:p,readonly:v,value:r}),S&&Sa(dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:p})]})};we.states=Wf;we.options=Jf;we.className=Rl;we.defaultOptions=Yf;we.moduleName=Al;we.folderName=wl;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 Kn=we;import{jsx as Qf}from"react/jsx-runtime";var Bl=e=>Qf(Kn,{...e});import{jsx as X2}from"react/jsx-runtime";import{jsx as rh}from"react/jsx-runtime";var jf=we.options,eh=we.states,th=we.defaultOptions,oh=[{name:"spin-button",title:"`Spin` Button"}],ah=[],Uo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{r==="spin-button"&&(a.showSpinButton=!!t?.[r])}),rh(Bl,{value:"2/04/2021",style:{width:"300px"},...o,...a})};Uo.options=jf;Uo.states=eh;Uo.variants=ah;Uo.defaultOptions=th;Uo.modifiers=oh;Uo.className=we.className;var Pl="masked-textbox",Kl="maskedtextbox";import{Fragment as Dl,jsx as Kt,jsxs as Dn}from"react/jsx-runtime";var _l="k-maskedtextbox",nh=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ih={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]},_n={showClearButton:!0,separators:!0},Re=e=>{let{size:t,rounded:o,fillMode:a,separators:r=_n.separators,showClearButton:s=_n.showClearButton,prefix:d,suffix:u,value:f,placeholder:h,hover:N,focus:x,valid:p,invalid:v,required:g,loading:S,disabled:y,readonly:M,id:O,"aria-label":F,"aria-describedby":Z,...ee}=e;return Dn(U,{...ee,size:t,rounded:o,fillMode:a,hover:N,focus:x,valid:p,invalid:v,required:g,loading:S,disabled:y,readonly:M,className:i(e.className,_l),children:[d&&Dn(Dl,{children:[Kt(fe,{children:d}),r&&Kt(re,{})]}),Kt(pe,{id:O,placeholder:h,value:f,disabled:y,"aria-label":F,"aria-describedby":Z,"aria-invalid":v?"true":void 0}),Kt(te,{valid:p,invalid:v,loading:S,disabled:y}),Kt(ae,{loading:S,disabled:y}),s&&Kt(ce,{loading:S,disabled:y,readonly:M,value:f}),u&&Dn(Dl,{children:[r&&Kt(re,{}),Kt(he,{children:u})]})]})};Re.states=nh;Re.options=ih;Re.className=_l;Re.defaultOptions=_n;Re.moduleName=Pl;Re.folderName=Kl;Re.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 Go=Re;import{jsx as sh}from"react/jsx-runtime";var zl=e=>sh(Go,{...e});import{Fragment as x3,jsx as h3}from"react/jsx-runtime";import{Fragment as S3,jsx as L3}from"react/jsx-runtime";import{jsx as T3}from"react/jsx-runtime";import{jsx as A3}from"react/jsx-runtime";import{jsx as zn}from"react/jsx-runtime";var lh=Re.states,dh=Re.defaultOptions,ch=Re.options,ph=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],mh=[],Vo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?zn(B,{size:o.size,value:"Choose",fillMode:"flat"}):void 0;break;case"suffix":a.suffix=t?.[r]?zn(L,{icon:"lock"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),zn(zl,{value:"Value",style:{width:300},...o,...a})};Vo.options=ch;Vo.states=lh;Vo.variants=mh;Vo.defaultOptions=dh;Vo.modifiers=ph;Vo.className=Re.className;var Hn="switch",Hl=Hn;import{jsx as or,jsxs as Fl}from"react/jsx-runtime";var Dt="k-switch",uh=[n.hover,n.focus,n.disabled,n.readonly,n.checked],bh={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]},fh={},Te=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 Fl("span",{...x,className:i(e.className,Dt,I(Dt,{size:r}),T(Dt,{hover:u,focus:f,disabled:h,readonly:N}),{[`${Dt}-on`]:t,[`${Dt}-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:[Fl("span",{className:i("k-switch-track",I(Dt,{rounded:s})),children:[o&&or("span",{className:"k-switch-label-on",children:o}),a&&or("span",{className:"k-switch-label-off",children:a})]}),or("span",{className:"k-switch-thumb-wrap",children:or("span",{className:i("k-switch-thumb",I(Dt,{rounded:d}))})})]})};Te.states=uh;Te.options=bh;Te.className=Dt;Te.defaultOptions=fh;Te.moduleName=Hn;Te.folderName=Hl;Te.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."}]};import{jsx as t5}from"react/jsx-runtime";import{jsx as n5}from"react/jsx-runtime";import{jsx as d5}from"react/jsx-runtime";import{jsx as u5}from"react/jsx-runtime";import{jsx as Ul}from"react/jsx-runtime";var hh=Te.options,xh=Te.states,Nh={...Te.defaultOptions,variant:"on"},kh=[{name:"on",title:"On"},{name:"off",title:"Off"}],gh=[],$o=e=>{let{variant:t,...o}=e;return t==="off"?Ul(Te,{checked:!1,onLabel:"On",offLabel:"Off",...o}):Ul(Te,{checked:!0,onLabel:"On",offLabel:"Off",...o})};$o.options=hh;$o.states=xh;$o.variants=kh;$o.defaultOptions=Nh;$o.modifiers=gh;$o.className=Te.className;var Un="textarea",Gl=Un;import{Fragment as Vl,jsx as Ma,jsxs as Gn}from"react/jsx-runtime";var $l="k-textarea",vh=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Lh={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]},Xo={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},Ee=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:r=Xo.prefixSeparator,suffixSeparator:s=Xo.prefixSeparator,affixesOrientation:d=Xo.affixesOrientation,flow:u=Xo.flow,resize:f=Xo.resize,prefix:h,suffix:N,rows:x,value:p,placeholder:v,hover:g,focus:S,valid:y,invalid:M,required:O,disabled:F,id:Z,"aria-label":ee,"aria-describedby":de,...ve}=e;return Gn(U,{...ve,size:t,rounded:o,fillMode:a,hover:g,focus:S,valid:y,invalid:M,required:O,disabled:F,className:i(e.className,$l,{"!k-flex-col":u==="vertical","!k-flex-row":u==="horizontal"}),children:[h&&Gn(Vl,{children:[Ma(fe,{className:i({"!k-align-items-start":u===d}),direction:d,children:h}),r&&Ma(re,{direction:u==="horizontal"?"vertical":"horizontal"})]}),Ma(ia,{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:F,id:Z,"aria-label":ee,"aria-describedby":de,"aria-invalid":M?"true":void 0}),N&&Gn(Vl,{children:[s&&Ma(re,{direction:u==="horizontal"?"vertical":"horizontal"}),Ma(he,{className:i({"!k-align-items-start":u===d}),direction:d,children:N})]})]})};Ee.states=vh;Ee.options=Lh;Ee.className=$l;Ee.defaultOptions=Xo;Ee.moduleName=Un;Ee.folderName=Gl;Ee.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."}]};import{jsx as B5}from"react/jsx-runtime";import{Fragment as H5,jsx as z5}from"react/jsx-runtime";import{Fragment as X5,jsx as $5}from"react/jsx-runtime";import{jsx as Y5}from"react/jsx-runtime";import{jsx as ar}from"react/jsx-runtime";var Sh=Ee.options,Mh=Ee.states,Xl={...Ee.defaultOptions,variant:"vertical"},Ih=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],yh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],qo=e=>{let{variant:t,modifiers:o,...a}={...Xl,...e},r={resize:"y"};return Object.keys(o||{}).forEach(s=>{switch(s){case"prefix":r.prefix=o?.[s]?ar(L,{icon:"comment"}):void 0;break;case"suffix":r.suffix=o?.[s]?ar(L,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?ar(Ee,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...r}):ar(Ee,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...r})};qo.options=Sh;qo.states=Mh;qo.variants=Ih;qo.defaultOptions=Xl;qo.modifiers=yh;qo.className=Ee.className;import{Fragment as gF,jsx as kF,jsxs as vF}from"react/jsx-runtime";import{Fragment as wh,jsx as Ce,jsxs as Wo}from"react/jsx-runtime";var Th=le.options,Eh=le.states,Ch={...le.defaultOptions,variant:"vertical"},Oh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Ah=[],Jo=e=>{let{variant:t,size:o,...a}=e,r=Wo(mt,{legend:"Form Legend",children:[Ce(j,{label:"Label",editor:Ce(H,{size:o})}),Ce(j,{label:"Label",hint:"Hint text",editor:Ce(B,{value:"Dropdown List",size:o})}),Ce(j,{label:"City",editor:Wo("ul",{className:"k-radio-list k-list-horizontal",children:[Wo("li",{className:"k-radio-list-item",children:[Ce(ue,{checked:!0,size:o}),Ce("label",{className:"k-radio-label",children:"Label"})]}),Wo("li",{className:"k-radio-list-item",children:[Ce(ue,{size:o}),Ce("label",{className:"k-radio-label",children:"Label"})]}),Wo("li",{className:"k-radio-list-item",children:[Ce(ue,{size:o}),Ce("label",{className:"k-radio-label",children:"Label"})]})]})})]}),s=Wo(wh,{children:[Ce(c,{className:"k-form-submit",themeColor:"primary",size:o,children:"Submit"}),Ce(c,{className:"k-form-clear",size:o,children:"Clear"})]});return t==="horizontal"?Ce(le,{orientation:"horizontal",size:o,...a,formButtons:s,children:r}):Ce(le,{size:o,...a,formButtons:s,children:r})};Jo.options=Th;Jo.states=Eh;Jo.variants=Oh;Jo.defaultOptions=Ch;Jo.modifiers=Ah;Jo.className=le.className;import{jsx as ql,jsxs as Dh}from"react/jsx-runtime";var Rh=Ze.options,Bh=Ze.states,Wl={...Ze.defaultOptions},Ph=[],Kh=[{name:"showHint",title:"Show Hint"}],Yo=e=>{let{modifiers:t,...o}={...Wl,...e},a=t?.showHint??!0;return Dh("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[ql(H,{placeholder:"Component",style:{width:"200px"}}),a&&ql(Ze,{...o,children:"Hint text"})]})};Yo.options=Rh;Yo.states=Bh;Yo.variants=Ph;Yo.defaultOptions=Wl;Yo.modifiers=Kh;Yo.className=Ze.className;import{jsx as Jl,jsxs as Uh}from"react/jsx-runtime";var _h=Qe.options,zh=Qe.states,Yl={...Qe.defaultOptions},Hh=[],Fh=[{name:"showError",title:"Show Error"}],Zo=e=>{let{modifiers:t,...o}={...Yl,...e},a=t?.showError??!0;return Uh("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Jl(H,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&Jl(Qe,{...o,children:"Error text"})]})};Zo.options=_h;Zo.states=zh;Zo.variants=Hh;Zo.defaultOptions=Yl;Zo.modifiers=Fh;Zo.className=Qe.className;import{Fragment as p6,jsx as c6,jsxs as m6}from"react/jsx-runtime";var $n="segmented-control",Zl=$n,Ql="segmented-control-button",jl="segmented-control";import{jsx as $h,jsxs as Xh}from"react/jsx-runtime";var rr="k-segmented-control",Gh=[],Vh={size:[l.undefined,l.small,l.medium,l.large]},_t=e=>{let{size:t,stretched:o,children:a,thumbStyles:r,...s}=e;return Xh("div",{...s,className:i(e.className,rr,I(rr,{size:t}),{[`${rr}-stretched`]:o}),role:"group",children:[$h("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:r}),a]})};_t.states=Gh;_t.options=Vh;_t.className=rr;_t.moduleName=$n;_t.folderName=Zl;_t.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."}]};import{jsx as ed,jsxs as Yh}from"react/jsx-runtime";var Xn="k-segmented-control-button",qh=[n.selected,n.hover,n.focus,n.disabled],Wh={},Jh={},Lt=e=>{let{hover:t,focus:o,selected:a,disabled:r,icon:s,text:d,iconClassName:u,...f}=e;return Yh("button",{...f,className:i(e.className,Xn,T(Xn,{hover:t,focus:o,disabled:r,selected:a})),"aria-pressed":a?"true":"false","aria-disabled":r?"true":void 0,children:[s&&ed(L,{className:i(u,"k-segmented-control-button-icon"),icon:s}),(d||e.children)&&ed("span",{className:"k-segmented-control-button-text",children:d||e.children})]})};Lt.states=qh;Lt.options=Wh;Lt.className=Xn;Lt.defaultOptions=Jh;Lt.moduleName=Ql;Lt.folderName=jl;import{Fragment as B6,jsx as R6,jsxs as P6}from"react/jsx-runtime";import{Fragment as F6,jsx as H6,jsxs as U6}from"react/jsx-runtime";import{Fragment as W6,jsx as q6,jsxs as J6}from"react/jsx-runtime";import{Fragment as t7,jsx as e7,jsxs as o7}from"react/jsx-runtime";import{Fragment as l7,jsx as s7,jsxs as d7}from"react/jsx-runtime";import{Fragment as td,jsx as R,jsxs as Ia}from"react/jsx-runtime";var T7=e=>R(at,{toolbarItems:[R(c,{icon:"upload","aria-label":"Upload"},"toolbar-button-1"),R(c,{icon:"download","aria-label":"Download"},"toolbar-button-2"),R(se,{},"toolbar-separator-1"),R(c,{disabled:!0,icon:"undo","aria-label":"Undo"},"toolbar-button-3"),R(c,{disabled:!0,icon:"redo","aria-label":"Redo"},"toolbar-button-4"),R(se,{},"toolbar-separator-2"),R(c,{icon:"crop","aria-label":"Crop"},"toolbar-button-5"),R(c,{icon:"image-resize","aria-label":"Resize"},"toolbar-button-6"),R(c,{icon:"zoom-in","aria-label":"Zoom in"},"toolbar-button-7"),R(c,{icon:"zoom-out","aria-label":"Zoom out"},"toolbar-button-8"),R(ot,{children:R(B,{value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],actionPane:R(Pn,{tag:"div",className:"k-imageeditor-pane-form",formButtons:Ia(td,{children:[R(c,{themeColor:"primary",icon:"check",children:"Confirm"}),R(c,{icon:"cancel-outline",children:"Cancel"})]}),children:Ia(mt,{layout:"grid",legend:"Crop Image",cols:2,gutters:{cols:"8px"},children:[R(j,{colSpan:"2",label:"Aspect Ratio:",editor:R(B,{value:"Original ratio","aria-label":"Aspect ratio"})}),R(j,{colSpan:"2",label:"Orientation:",editor:Ia(_t,{thumbStyles:{width:"50%"},stretched:!0,children:[R(Lt,{selected:!0,children:"Portrait"}),R(Lt,{children:"Landscape"})]})}),R(j,{colSpan:"1",label:"Width:",editorId:"crop-width",editor:R(P,{id:"crop-width",showClearButton:!1,value:"61"})}),R(j,{colSpan:"1",label:"Height:",editorId:"crop-height",editor:R(P,{id:"crop-height",showClearButton:!1,value:"68"})}),R(j,{colSpan:"2",editor:R($e,{id:"crop-lock",children:"Lock aspect ratio"})})]})}),children:Ia(td,{children:[R("canvas",{width:"61",height:"68",role:"img","aria-label":"Image being edited"}),R("div",{className:"k-imageeditor-crop-overlay",children:Ia("div",{className:"k-imageeditor-crop",style:{width:"61px",height:"68px"},children:[R("span",{className:"k-resize-handle k-resize-nw"}),R("span",{className:"k-resize-handle k-resize-n"}),R("span",{className:"k-resize-handle k-resize-ne"}),R("span",{className:"k-resize-handle k-resize-w"}),R("span",{className:"k-resize-handle k-resize-e"}),R("span",{className:"k-resize-handle k-resize-sw"}),R("span",{className:"k-resize-handle k-resize-s"}),R("span",{className:"k-resize-handle k-resize-se"})]})})]}),...e});export{T7 as ImageEditorCrop};