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

package/dist/esm/imageeditor/templates/imageeditor-resize.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 zi(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 rr={};function O(e){return rr[e]=(rr[e]||0)+1,`k-${e}-${rr[e]}`}import{Fragment as Wl,jsx as Hi}from"react/jsx-runtime";var ir="k-font-icon",$l=[],Xl={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]},ql={},Yo=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...c}=e;return a?Hi("span",{...c,className:n(e.className,ir,I(ir,{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"}):Hi(Wl,{})};Yo.states=$l;Yo.options=Xl;Yo.className=ir;Yo.defaultOptions=ql;var Fi=Yo;import{Fragment as Zl,jsx as Sa}from"react/jsx-runtime";var nr="k-svg-icon",Jl=[],Yl={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]},Ui={viewBox:"0 0 24 24"},Zo=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Ui.viewBox,icon:c,...u}=e;if(!c)return Sa(Zl,{});if(c==="none")return Sa("span",{...u,className:n(e.className,nr,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name;return Sa("span",{...u,className:n(e.className,nr,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:Sa("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=Jl;Zo.options=Yl;Zo.className=nr;Zo.defaultOptions=Ui;var sr=Zo;import*as lr from"@progress/kendo-svg-icons";var Gi="icon",Vi="icons";import{useContext as jl}from"react";import{createContext as Ql}from"react";var $i=Ql({iconsType:"svg"});import{Fragment as Xi,jsx as Qo}from"react/jsx-runtime";var Ia="k-icon",ed=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),td=[],od={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]},dr={viewBox:"0 0 24 24",type:"svg"},M=e=>{let{iconsType:t}=jl($i),{size:o,themeColor:a,icon:r,type:s=t||dr.type,rotate:c,flip:u,viewBox:f=dr.viewBox,...h}=e;if(!r)return Qo(Xi,{});if((t||s)==="svg"){if(r==="none")return Qo(sr,{...h,className:n(e.className,Ia),icon:r,size:o});let x=lr[r]?r:ed(`${r}-icon`);return lr[x]?Qo(sr,{...h,className:n(e.className,Ia),icon:lr[x],size:o,themeColor:a,rotate:c,flip:u,viewBox:f}):Qo(Xi,{})}return Qo(Fi,{...h,className:n(e.className,Ia),icon:r,size:o,themeColor:a,rotate:c,flip:u})};M.states=td;M.options=od;M.defaultOptions=dr;M.className=Ia;M.moduleName=Gi;M.folderName=Vi;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 cr="button",qi=cr;import{Fragment as nd,jsx as jo,jsxs as Wi}from"react/jsx-runtime";var ea="k-button",ad=["icon-button"],rd=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],id={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]},pr={showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:c=pr.showArrow,arrowIconName:u=pr.arrowIconName,variant:f,hover:h,focus:k,active:x,selected:p,disabled:g,togglable:v,ariaDisabled:L,icon:y,text:S,iconClassName:A,className:H,...Z}=e,ee=y!==void 0,de=e.children!==void 0;return Wi(t,{className:n(H,ea,zi(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?Wi(nd,{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=rd;d.options=id;d.variants=ad;d.className=ea;d.defaultOptions=pr;d.moduleName=cr;d.folderName=qi;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 sd}from"react/jsx-runtime";var ut=e=>sd(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as ld}from"react/jsx-runtime";var ta=e=>ld(d,{icon:"folder",children:"Button",...e});import{jsx as dd}from"react/jsx-runtime";var _t=e=>dd(d,{children:"Button",...e});import{jsx as mr}from"react/jsx-runtime";var cd=d.options,pd=d.states,md={...d.defaultOptions,variant:"text"},ud=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],bd=[],jt=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return mr(ut,{...o,icon:"star"});case"icon-and-text":return mr(ta,{...o,icon:"star",children:"Button"});default:return mr(_t,{...o,children:"Button"})}};jt.options=cd;jt.states=pd;jt.variants=ud;jt.defaultOptions=md;jt.modifiers=bd;jt.className=d.className;var ur="button",Ji=ur;import{jsx as kd}from"react/jsx-runtime";var oa="k-button-group",fd=[i.disabled],hd={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},xd={},C=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return kd("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=fd;C.options=hd;C.className=oa;C.defaultOptions=xd;C.moduleName=ur;C.folderName=Ji;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 br}from"react/jsx-runtime";var Nd={...d.options,...C.options},vd=d.states,gd={...d.defaultOptions,...C.defaultOptions,variant:"text-button"},Ld=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Md=[],eo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?br(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"?br(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"})]}):br(C,{fillMode:a.fillMode,className:o,children:[bt(d,{...a,children:"First"}),bt(d,{...a,children:"Middle"}),bt(d,{...a,children:"Last"})]})};eo.options=Nd;eo.states=vd;eo.variants=Ld;eo.defaultOptions=gd;eo.modifiers=Md;eo.className=C.className;var aa="input",ya=aa;import{jsx as Td}from"react/jsx-runtime";var Ta="k-input",Sd=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Id={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]},yd={},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 Td("span",{...x,className:n(e.className,Ta,I(Ta,{size:f,rounded:h,fillMode:k}),T(Ta,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:u}))})};U.states=Sd;U.options=Id;U.className=Ta;U.defaultOptions=yd;U.moduleName=aa;U.folderName=ya;import{jsx as Od}from"react/jsx-runtime";var Ea="k-picker",Ed=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Cd={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]},Ad={},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 Od("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})),children:e.children})};rt.states=Ed;rt.options=Cd;rt.className=Ea;rt.defaultOptions=Ad;rt.moduleName=aa;rt.folderName=ya;import{Fragment as Bd,jsx as fr}from"react/jsx-runtime";var Yi="k-clear-value",wd=[i.disabled,i.loading,i.readonly],Rd={},ce=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?fr(Bd,{}):fr("span",{className:n(e.className,Yi),children:fr(M,{icon:"x"})})};ce.states=wd;ce.options=Rd;ce.className=Yi;import{jsx as Dd}from"react/jsx-runtime";var hr="k-input-inner",Pd=[],Kd={},Ca={type:"text",autocomplete:"off",value:"",placeholder:""},pe=e=>{let{value:t=Ca.value,type:o=Ca.type,placeholder:a=Ca.placeholder,autocomplete:r=Ca.autocomplete,disabled:s,readOnly:c,...u}=e;return Dd("input",{...u,type:o,className:n(e.className,hr,I(hr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:c||void 0})};pe.states=Pd;pe.options=Kd;pe.className=hr;import{jsx as Zi,jsxs as Hd}from"react/jsx-runtime";var xr="k-input-inner",_d=[],zd={},zt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...c}=e;return Hd("span",{...c,className:n(e.className,xr,I(xr,e)),children:[r,!r&&s&&Zi(M,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Zi("span",{className:"k-input-value-text",children:t})]})};zt.states=_d;zt.options=zd;zt.className=xr;import{jsx as Gd}from"react/jsx-runtime";var kr="k-input-inner",Fd=[],Ud={},Qi={value:"",placeholder:""},ra=e=>{let{value:t=Qi.value,placeholder:o=Qi.placeholder,rows:a,disabled:r,...s}=e;return Gd("textarea",{...s,className:n(e.className,kr,I(kr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};ra.states=Fd;ra.options=Ud;ra.className=kr;import{Fragment as $d,jsx as ji}from"react/jsx-runtime";var en="k-input-loading-icon",Vd=[i.disabled,i.loading],ae=e=>{let{disabled:t,loading:o}=e;return t||!o?ji($d,{}):ji("span",{className:n(e.className,en,"k-icon k-i-loading")})};ae.states=Vd;ae.className=en;import{Fragment as Wd,jsx as tn}from"react/jsx-runtime";var on="k-input-validation-icon",Xd=[i.valid,i.invalid,i.disabled,i.loading],qd={},te=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?tn(Wd,{}):tn(M,{className:n(on),icon:s})};te.states=Xd;te.options=qd;te.className=on;import{Fragment as Zd,jsx as an}from"react/jsx-runtime";var Jd="k-input-prefix",Yd={direction:"horizontal"},fe=e=>{let{direction:t=Yd.direction,...o}=e;return e.children?an("span",{...o,className:n(Jd,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):an(Zd,{})};import{Fragment as ec,jsx as rn}from"react/jsx-runtime";var Qd="k-input-suffix",jd={direction:"horizontal"},he=e=>{let{direction:t=jd.direction,...o}=e;return e.children?rn("span",{...o,className:n(Qd,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):rn(ec,{})};import{jsx as EN}from"react/jsx-runtime";import{jsx as oc}from"react/jsx-runtime";var tc="k-input-suffix-text",Nr=e=>{let{children:t,...o}=e;return oc("span",{...o,className:n(tc,e.className),children:t})};import{jsx as rc}from"react/jsx-runtime";var nn="k-input-separator",ac={direction:"vertical"},re=e=>{let{direction:t=ac.direction,...o}=e;return rc("span",{...o,className:n(nn,e.className,{[`${nn}-${t}`]:t})})};import{Fragment as sn,jsx as it,jsxs as vr}from"react/jsx-runtime";var ic=U.states,nc=U.defaultOptions,sc=U.options,lc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],dc=[],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 vr(U,{...u,valid:o,invalid:a,loading:r,disabled:s,readonly:c,style:{width:300},children:[f&&vr(sn,{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&&vr(sn,{children:[p&&it(re,{}),it(he,{children:it(_t,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};to.options=sc;to.states=ic;to.variants=dc;to.defaultOptions=nc;to.modifiers=lc;to.className=U.className;import{jsx as ln,jsxs as mc}from"react/jsx-runtime";var dn="k-color-preview",cc=[],pc={},Mt=e=>{let{color:t,iconName:o,...a}=e;return mc("span",{...a,className:n(e.className,dn,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&ln(M,{icon:o,className:"k-color-preview-icon"}),ln("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Mt.states=cc;Mt.options=pc;Mt.className=dn;var gr="popup",cn=gr;import{jsx as pn}from"react/jsx-runtime";var mn="k-animation-container",uc=[],bc={},un={positionMode:"absolute"},nt=e=>{let{positionMode:t=un.positionMode,animationStyle:o,offset:a,...r}=e;return pn("div",{...r,style:{...a,...e.style},className:n(e.className,mn,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:pn("div",{className:"k-child-animation-container",style:o,children:e.children})})};nt.states=uc;nt.options=bc;nt.className=mn;nt.defaultOptions=un;nt.moduleName=gr;nt.folderName=cn;var Lr="popup",bn=Lr;import{jsx as fn}from"react/jsx-runtime";var hn="k-popup",fc=[],hc={},xn={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=xn.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:c,...u}=e;return fn(nt,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":c,children:fn("div",{...u,className:n(e.className,hn),children:e.children})})};q.states=fc;q.options=hc;q.className=hn;q.defaultOptions=xn;q.moduleName=Lr;q.folderName=bn;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 Mr="action-buttons",kn=Mr;import{jsx as Nc}from"react/jsx-runtime";var Aa="k-actions",xc=[],kc={},Sr={alignment:"start",orientation:"horizontal"},st=e=>{let{alignment:t=Sr.alignment,orientation:o=Sr.orientation,...a}=e;return Nc("div",{...a,className:n(Aa,{[`${Aa}-${t}`]:t,[`${Aa}-${o}`]:o},e.className),children:e.children})};st.states=xc;st.options=kc;st.className=Aa;st.defaultOptions=Sr;st.moduleName=Mr;st.folderName=kn;import{jsx as gc}from"react/jsx-runtime";var vc="k-actionsheet-footer",Nn={alignment:"stretched",orientation:"horizontal"},St=e=>{let{alignment:t=Nn.alignment,orientation:o=Nn.orientation,template:a,as:r=a?"div":st,...s}=e;return gc(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,vc),children:e.children})};var Ir="searchbox",vn=Ir;import{jsx as ia,jsxs as Sc}from"react/jsx-runtime";var gn="k-searchbox",Lc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Mc={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]},yr={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=yr.showIcon,icon:v=yr.icon,"aria-label":L,...y}=e;return Sc(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,gn),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=Lc;Fe.options=Mc;Fe.className=gn;Fe.defaultOptions=yr;Fe.moduleName=Ir;Fe.folderName=vn;import{jsx as jv}from"react/jsx-runtime";var Tr="textbox",Ln=Tr;import{Fragment as Mn,jsx as It,jsxs as Er}from"react/jsx-runtime";var Sn="k-textbox",Ic=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],yc={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]},Oa={showClearButton:!0,showValidationIcon:!0,separators:!0},z=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Oa.separators,showClearButton:s=Oa.showClearButton,showValidationIcon:c=Oa.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:H,id:Z,"aria-label":ee,"aria-describedby":de,...ge}=e;return Er(U,{...ge,size:t,rounded:o,fillMode:a,hover:p,focus:g,valid:v,invalid:L,required:y,loading:S,disabled:A,readonly:H,className:n(e.className,Sn),children:[u&&Er(Mn,{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:H,value:k}),f&&Er(Mn,{children:[r&&It(re,{}),It(he,{children:f})]})]})};z.states=Ic;z.options=yc;z.className=Sn;z.defaultOptions=Oa;z.moduleName=Tr;z.folderName=Ln;z.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=z;import{jsx as Tc}from"react/jsx-runtime";var In=e=>Tc(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 Cr}from"react/jsx-runtime";var Ec=z.states,Cc=z.defaultOptions,Ac=z.options,Oc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],wc=[],oo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Cr(M,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?Cr(_t,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),Cr(In,{value:"Value",style:{width:300},...o,...a})};oo.options=Ac;oo.states=Ec;oo.variants=wc;oo.defaultOptions=Cc;oo.modifiers=Oc;oo.className=z.className;import{jsx as yt,jsxs as Ar}from"react/jsx-runtime";var yn="k-actionsheet-titlebar",Rc={},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 Ar("div",{...p,className:n(e.className,yn),children:[Ar("div",{className:"k-actionsheet-titlebar-group",children:[a&&yt("div",{className:"k-actionsheet-actions",children:a}),!x&&Ar("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(z,{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=yn;Le.defaultOptions=Rc;import{jsx as Or,jsxs as Dc}from"react/jsx-runtime";var wr="k-actionsheet-view",Bc=[],Pc={},Kc={},ao=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:c,...u}=e,f=r?.type===Le&&Or(Le,{adaptive:t,titleId:c,...r?.props}),h=s?.type===St&&Or(St,{...s?.props});return Dc("div",{...u,className:n(e.className,wr,{[`${wr}-animated`]:o}),children:[f,Or("div",{className:"k-actionsheet-content",children:a}),h]})};ao.states=Bc;ao.options=Pc;ao.className=wr;ao.defaultOptions=Kc;var sa="action-sheet",wa=sa;var Rr="overlay",Tn=Rr;import{jsx as Fc}from"react/jsx-runtime";var Br="k-overlay",_c=[],zc={themeColor:[N.undefined,N.light,N.dark,N.inverse]},Hc={},Tt=e=>{let{themeColor:t,...o}=e;return Fc("div",{...o,className:n(e.className,Br,I(Br,{themeColor:t})),children:e.children})};Tt.states=_c;Tt.options=zc;Tt.className=Br;Tt.defaultOptions=Hc;Tt.moduleName=Rr;Tt.folderName=Tn;import{jsx as Ra,jsxs as Vc}from"react/jsx-runtime";var En="k-actionsheet",Uc=[],Gc={},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 Vc("div",{className:"k-actionsheet-container",children:[r&&Ra(Tt,{}),Ra(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:Ra("div",{...k,id:h,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":x,className:n(e.className,En,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||Ra(ao,{header:u,footer:f,adaptive:a,titleId:x,...e,children:c})})})]})};J.states=Uc;J.options=Gc;J.className=En;J.defaultOptions=la;J.moduleName=sa;J.folderName=wa;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 Wc}from"react/jsx-runtime";var Cn="k-actionsheet-container",$c=[],Xc={},qc={},ro=e=>{let{children:t,...o}=e;return Wc("div",{...o,className:Cn,children:t})};ro.states=$c;ro.options=Xc;ro.className=Cn;ro.defaultOptions=qc;ro.moduleName=sa;ro.folderName=wa;import{jsx as Jc}from"react/jsx-runtime";var Pr=e=>{let{...t}=e;return Jc("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as Zc,jsx as da,jsxs as Kr}from"react/jsx-runtime";var Dr="k-actionsheet-item",Yc=[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 Kr("span",{...f,className:n(e.className,Dr,T(Dr,{hover:r,focus:s,selected:c,disabled:u})),children:[!e.children&&da(Zc,{children:Kr("span",{className:"k-actionsheet-action",children:[t&&da("span",{className:"k-icon-wrap",children:da(M,{className:"k-actionsheet-item-icon",icon:t})}),Kr("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=Yc;Et.className=Dr;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 _r}from"react/jsx-runtime";var Qc=J.options,jc=J.states,On={...J.defaultOptions,variant:"normal"},ep=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],tp=[{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}={...On,...e},r={},s=_r(Pr,{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?_r(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?_r(St,{alignment:"stretched",children:[me(d,{text:"Apply",themeColor:"primary"}),me(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};io.options=Qc;io.states=jc;io.variants=ep;io.defaultOptions=On;io.modifiers=tp;io.className=J.className;var zr="slider",wn=zr;import{jsx as no,jsxs as Hr}from"react/jsx-runtime";var ca="k-slider",op=[i.hover,i.focus,i.active,i.disabled,i.readonly],ap={},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,...H}=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"),Hr("div",{...H,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"}),Hr("div",{className:"k-slider-track-wrap",children:[f&&no("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Hr("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":H["aria-label"]?`${H["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"?H["aria-label"]?`${H["aria-label"]} end`:"Range end":H["aria-label"]})]})]}),u&&no(d,{className:"k-button-increase",rounded:"full",icon:de,tabIndex:-1,title:"Increase"})]})};X.states=op;X.options=ap;X.className=ca;X.defaultOptions=Ue;X.moduleName=zr;X.folderName=wn;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 Rn}from"react/jsx-runtime";var Bn="k-tick",rp=[],ip={},Pn={label:!1},E=e=>{let{style:t,label:o=Pn.label,orientation:a,large:r,text:s,...c}=e;return Rn("li",{...c,role:"presentation",title:s||"Tick",className:n(e.className,Bn,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&Rn("span",{className:"k-label",children:s})})};E.states=rp;E.options=ip;E.className=Bn;E.defaultOptions=Pn;import{Fragment as np,jsx as Ge,jsxs as sp}from"react/jsx-runtime";var Kn=e=>Ge(X,{"aria-label":e["aria-label"]||"Slider",children:sp(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 lp,jsx as Ve,jsxs as dp}from"react/jsx-runtime";var Dn=e=>Ve(X,{children:dp(lp,{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 cp}from"react/jsx-runtime";var Fr=e=>cp(X,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as pp}from"react/jsx-runtime";var Ur=e=>pp(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 _n}from"react/jsx-runtime";var mp=X.options,up=X.states,zn={...X.defaultOptions,variant:"horizontal",label:!0},bp=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],fp=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],so=e=>{let{variant:t,modifiers:o,...a}={...zn,...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"?_n(Dn,{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%"}})]}):_n(Kn,{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=mp;so.states=up;so.variants=bp;so.defaultOptions=zn;so.modifiers=fp;so.className=X.className;import{jsx as Hn,jsxs as vp}from"react/jsx-runtime";var Fn="k-spin-button",kp=[],Np={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Gr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},dt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=Gr.increaseLabel,decreaseLabel:s=Gr.decreaseLabel,...c}=e;return vp("span",{...c,className:n(Fn,e.className),children:[Hn(d,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":r}),Hn(d,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};dt.states=kp;dt.options=Np;dt.className=Fn;dt.defaultOptions=Gr;dt.moduleName=null;dt.folderName=null;var Un="numeric-textbox",Gn="numerictextbox";import{Fragment as Vn,jsx as ft,jsxs as Vr}from"react/jsx-runtime";var $n="k-numerictextbox",gp=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Lp={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={showSpinButton:!0,showClearButton:!0,separators:!0},B=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ba.separators,showClearButton:s=Ba.showClearButton,showSpinButton:c=Ba.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:H,"aria-label":Z,"aria-describedby":ee,...de}=e;return Vr(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,$n),children:[u&&Vr(Vn,{children:[ft(fe,{children:u}),r&&ft(re,{})]}),ft(pe,{id:H,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&&Vr(Vn,{children:[r&&ft(re,{}),ft(he,{children:f})]}),c&&ft(dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:S})]})};B.states=gp;B.options=Lp;B.className=$n;B.defaultOptions=Ba;B.moduleName=Un;B.folderName=Gn;B.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=B;import{jsx as Mp}from"react/jsx-runtime";var Xn=e=>Mp(pa,{...e});import Xr from"react";import{jsx as qn}from"react/jsx-runtime";var Sp="k-list-group-sticky-header",$r=e=>qn("div",{className:n(Sp,e.className),children:qn("div",{className:"k-list-header-text",children:e.children})});import{jsx as yp}from"react/jsx-runtime";var Ip="k-no-data",Pa=e=>{let{live:t,...o}=e;return yp("span",{...o,className:n(Ip,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Ht="list",lo=Ht;import{jsx as Wn,jsxs as Jn}from"react/jsx-runtime";var qr="k-list",Tp=[],Ep={size:[l.undefined,l.small,l.medium,l.large]},Cp={},D=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:c,noData:u,screenReaders:f,...h}=e,x=Xr.Children.toArray(a)[0],p=x?.props?.children?Xr.Children.count(x.props.children):Xr.Children.count(a);return Jn("div",{...h,className:n(e.className,qr,I(qr,{size:t}),{"k-virtual-list":o}),children:[s,c,r&&Wn($r,{children:r}),a||(u!==void 0?u:Wn(Pa,{live:!0,children:"No data found."})),f&&a&&Jn(Pa,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};D.states=Tp;D.options=Ep;D.className=qr;D.defaultOptions=Cp;D.moduleName=Ht;D.folderName=lo;D.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 Rp}from"react/jsx-runtime";var Yn="k-list-container",Ap=[],Op={},wp={},co=e=>{let{...t}=e;return Rp("div",{...t,className:n(e.className,Yn),children:e.children})};co.states=Ap;co.options=Op;co.className=Yn;co.defaultOptions=wp;co.moduleName=Ht;co.folderName=lo;var Ft="checkbox",po=Ft;import{jsx as Zn}from"react/jsx-runtime";var Ka="k-checkbox",Bp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Pp={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},Kp={},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 Zn("span",{className:"k-checkbox-wrap",role:p,children:Zn("input",{...g,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:c||void 0,"aria-invalid":u?"true":void 0,className:n(e.className,Ka,I(Ka,{size:k,rounded:x}),T(Ka,{hover:r,focus:s,disabled:c,invalid:u,valid:f,indeterminate:a,checked:o}))})})};Be.states=Bp;Be.options=Pp;Be.className=Ka;Be.defaultOptions=Kp;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 zp}from"react/jsx-runtime";var Qn="k-checkbox-list",Dp=[],_p={},jn={layout:"vertical"},Me=e=>{let{layout:t=jn.layout,...o}=e;return zp("ul",{...o,className:n(e.className,Qn,{[`k-list-${t}`]:t}),children:e.children})};Me.states=Dp;Me.options=_p;Me.className=Qn;Me.defaultOptions=jn;Me.moduleName=Ft;Me.folderName=po;import{jsx as Gp}from"react/jsx-runtime";var es="k-checkbox-list-item",Hp=[],Fp={},Up={},Se=e=>{let{...t}=e;return Gp("li",{...t,className:n(e.className,es),children:e.children})};Se.states=Hp;Se.options=Fp;Se.className=es;Se.defaultOptions=Up;Se.moduleName=Ft;Se.folderName=po;import{Fragment as Vp,jsx as ts,jsxs as $p}from"react/jsx-runtime";var $e=({children:e="Label",id:t="cb-label-after",...o})=>$p(Vp,{children:[ts(tt,{id:t,...o}),ts("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 os}from"react/jsx-runtime";var Xp=Me.options,qp=Me.states,Wp={...Me.defaultOptions,variant:"vertical"},Jp=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Yp=[],mo=e=>{let{variant:t,...o}=e;return t==="horizontal"?os(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"})})]}):os(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=Xp;mo.states=qp;mo.variants=Jp;mo.defaultOptions=Wp;mo.modifiers=Yp;mo.className=Me.className;import{jsx as om}from"react/jsx-runtime";var Zp=tt.options,Qp=tt.states,jp=tt.defaultOptions,em=[],tm=[],uo=e=>om($e,{id:O("checkbox"),...e,defaultChecked:!0,children:"Label"});uo.options=Zp;uo.states=Qp;uo.variants=em;uo.defaultOptions=jp;uo.modifiers=tm;uo.className=tt.className;import{jsx as Ut,jsxs as nm}from"react/jsx-runtime";var Wr="k-list-item",am=[i.hover,i.focus,i.selected,i.disabled],rm={},im={},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 nm("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":Wr,T(Wr,{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=am;w.options=rm;w.className=Wr;w.defaultOptions=im;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 lm}from"react/jsx-runtime";var sm="k-list-ul",ht=e=>{let{children:t,role:o,id:a,...r}=e;return lm("ul",{...r,id:a,role:o,className:n(sm,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 Jr,jsxs as cm}from"react/jsx-runtime";var dm="k-list-content",G=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...c}=e;return cm("div",{...c,className:n(dm,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:Jr(ht,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&Jr("div",{className:"k-height-container",children:Jr("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 Yr,jsxs as mm}from"react/jsx-runtime";var pm="k-list-group-item",Gt=e=>{let{groupIconName:t,...o}=e;return mm("li",{...o,role:"presentation",className:n(pm,e.className),children:[t&&Yr("span",{className:"k-list-item-icon-wrapper",children:Yr(M,{icon:t,className:"k-list-item-icon"})}),Yr("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 hm}from"react/jsx-runtime";var Zr="k-list-optionlabel",um=[i.hover,i.focus,i.selected,i.disabled],bm={},fm={},Da=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...c}=e;return hm("div",{...c,className:n(Zr,T(Zr,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Da.states=um;Da.options=bm;Da.className=Zr;Da.defaultOptions=fm;import{jsx as vm}from"react/jsx-runtime";var Qr="k-list-custom-value",xm=[i.hover,i.focus,i.selected,i.disabled],km={},Nm={},Ct=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...c}=e;return vm("div",{...c,className:n(Qr,T(Qr,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Ct.states=xm;Ct.options=km;Ct.className=Qr;Ct.defaultOptions=Nm;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 as="dropdown-list",rs="dropdownlist";import{Fragment as Mm,jsx as Ie,jsxs as jr}from"react/jsx-runtime";var is="k-dropdownlist",gm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Lm={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]},ei={showValue:!0,arrowIconName:"caret-alt-down"},R=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=ei.arrowIconName,showValue:s=ei.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:H,opened:Z,adaptive:ee,adaptiveSettings:de,adaptiveTitle:ge,adaptiveSubtitle:Dt,adaptiveFilter:tr,id:Lt,activeDescendant:Ma,"aria-label":or,...ar}=e,Vl=Lt?`${Lt}-listbox`:void 0,_i=Lt?`${Lt}-value`:void 0;return jr(Mm,{children:[jr(rt,{...ar,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,is,{"k-icon-picker":!s&&c}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Z?"true":"false","aria-controls":Z?Vl:void 0,"aria-activedescendant":Z&&Ma?Ma:void 0,"aria-describedby":Z?_i:void 0,"aria-disabled":S?"true":void 0,"aria-label":or,tabIndex:0,children:[Ie(fe,{children:u}),Ie(zt,{placeholder:k,value:h,showValue:s,valueIconName:c,id:_i}),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&&H&&Ie(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:H}),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:tr,inputValue:h,inputPlaceholder:k,title:ge,subtitle:Dt}),children:Ie("div",{className:"k-list-container",children:Ie(D,{size:"large",children:jr(G,{"aria-label":"Options",children:[Ie(w,{text:"List item"}),Ie(w,{text:"List item"}),Ie(w,{text:"List item"})]})})})})]})};R.states=gm;R.options=Lm;R.className=is;R.defaultOptions=ei;R.moduleName=as;R.folderName=rs;R.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 Cm,jsx as At,jsxs as ns}from"react/jsx-runtime";var Sm=R.states,Im=R.defaultOptions,ym=R.options,Tm=[{name:"opened",title:"Opened"}],Em=[],fo=e=>{let{modifiers:t,...o}=e,a={},r=ns(Cm,{children:[At("div",{className:"k-list-filter",children:At(Fe,{})}),At(D,{style:{width:300},size:o.size,children:ns(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(R,{placeholder:"Value",style:{width:300},...o,...a})})};fo.options=ym;fo.states=Sm;fo.variants=Em;fo.defaultOptions=Im;fo.modifiers=Tm;fo.className=R.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 ti}from"react/jsx-runtime";var Am=B.states,Om=B.defaultOptions,wm=B.options,Rm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Bm=[],ho=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?ti(R,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?ti(Nr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),ti(Xn,{value:"Value",style:{width:300},...o,...a})};ho.options=wm;ho.states=Am;ho.variants=Bm;ho.defaultOptions=Om;ho.modifiers=Rm;ho.className=B.className;import{Fragment as ma,jsx as P,jsxs as Q}from"react/jsx-runtime";var ss="k-colorgradient-inputs",Pm=[],Km={size:[l.undefined,l.small,l.medium,l.large]},ls={mode:"rgba"},xo=e=>{let{mode:t=ls.mode,size:o,...a}=e;return Q("div",{...a,className:n(ss,"k-hstack"),children:[P("div",{className:"k-vstack",children:P(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:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Q(ma,{children:[Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Q(ma,{children:[Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Q(ma,{children:[Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(ma,{children:Q("div",{className:"k-vstack k-flex-1",children:[P(z,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),P("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};xo.states=Pm;xo.options=Km;xo.className=ss;xo.defaultOptions=ls;import{jsx as Vt,jsxs as $t}from"react/jsx-runtime";var ds="k-colorgradient-color-contrast",Dm=[],_m={},zm={},ko=()=>$t("div",{className:n(ds,"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=Dm;ko.options=_m;ko.className=ds;ko.defaultOptions=zm;var cs="color-gradient",ps="colorgradient";import{jsx as qe,jsxs as ua}from"react/jsx-runtime";var _a="k-colorgradient",Hm=[i.hover,i.focus,i.readonly,i.disabled],Fm={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,_a,I(_a,{size:t}),T(_a,{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(Ur,{className:"k-hue-slider",hover:g,focus:v}),o!=="rgb"&&o!=="hsv"&&qe(Ur,{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(Fr,{className:"k-hue-slider",hover:g,focus:v}),o!=="rgb"&&o!=="hsv"&&qe(Fr,{className:"k-alpha-slider",hover:g,focus:v,trackStyle:f})]})]}),qe(xo,{mode:e.mode,size:t}),h&&qe(ko,{})]})};ie.states=Hm;ie.options=Fm;ie.className=_a;ie.defaultOptions=ct;ie.moduleName=cs;ie.folderName=ps;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 Um}from"react/jsx-runtime";var za=e=>Um(ie,{...e});import{jsx as xA}from"react/jsx-runtime";import{jsx as gA}from"react/jsx-runtime";import{jsx as oi}from"react/jsx-runtime";var Gm=ie.options,Vm=ie.states,$m={...ie.defaultOptions,variant:"rgba"},Xm=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],qm=[],No=e=>{let{variant:t,...o}=e;switch(t){case"hex":return oi(za,{...o,mode:t});case"rgb":return oi(za,{...o,mode:t});default:return oi(za,{...o,mode:t})}};No.options=Gm;No.states=Vm;No.variants=Xm;No.defaultOptions=$m;No.modifiers=qm;No.className=ie.className;import{jsx as Wm}from"react/jsx-runtime";var ai=e=>Wm("tr",{role:"row",children:e.children});import{jsx as Zm}from"react/jsx-runtime";var ri="k-colorpalette-tile",Jm=[i.hover,i.focus,i.selected],Ym={},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 Zm("td",{...c,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:n(e.className,ri,T(ri,{hover:a,focus:r,selected:s})),style:u})};vo.states=Jm;vo.options=Ym;vo.className=ri;var ms="color-palette",us="colorpalette";import{jsx as ba}from"react/jsx-runtime";var Ha="k-colorpalette",Qm=[i.disabled],jm={size:[l.undefined,l.small,l.medium,l.large]},bs={columns:10},ye=e=>{let{size:t,palette:o,columns:a=bs.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(ai,{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,Ha,T(Ha,{disabled:s}),I(Ha,{size:t})),children:ba("table",{className:"k-colorpalette-table",role:"none",children:ba("tbody",{children:u.length>0?u:e.children})})})};ye.states=Qm;ye.options=jm;ye.className=Ha;ye.defaultOptions=bs;ye.moduleName=ms;ye.folderName=us;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 Fa=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 eu}from"react/jsx-runtime";var fs=e=>eu(Fa,{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 su}from"react/jsx-runtime";var tu=ye.options,ou=ye.states,au={...ye.defaultOptions,variant:"basic"},ru=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],iu={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=[],go=e=>{let{variant:t="basic",...o}=e,a=iu[t];return su(fs,{columns:a.columns,palette:a,...o})};go.options=tu;go.states=ou;go.variants=ru;go.defaultOptions=au;go.modifiers=nu;go.className=ye.className;var hs="color-editor",xs="coloreditor";import{jsx as We,jsxs as Lo}from"react/jsx-runtime";var Ua="k-coloreditor",lu=[i.focus],du={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",Ua,I(Ua,{size:t}),T(Ua,{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=lu;Y.options=du;Y.className=Ua;Y.defaultOptions=ha;Y.moduleName=hs;Y.folderName=xs;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 cu}from"react/jsx-runtime";var ks=e=>cu(Mo,{group:!0,currentColor:"fuchsia",...e});import{jsx as pu}from"react/jsx-runtime";var Ns=e=>pu(Mo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as vs}from"react/jsx-runtime";var mu=Y.options,uu=Y.states,bu={...Y.defaultOptions,variant:"gradient"},fu=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],hu=[],So=e=>{let{variant:t,...o}=e;return t==="palette"?vs(Ns,{...o,color:"white"}):vs(ks,{...o,color:"rgba(183, 118 , 118, 1.00)"})};So.options=mu;So.states=uu;So.variants=fu;So.defaultOptions=bu;So.modifiers=hu;So.className=Y.className;var gs="color-picker",Ls="colorpicker";import{Fragment as Nu,jsx as Je,jsxs as ii}from"react/jsx-runtime";var Ms="k-colorpicker",xu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],ku={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]},Ss={arrowIconName:"caret-alt-down"},Pe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=Ss.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:H,adaptiveTitle:Z,adaptiveSubtitle:ee,...de}=e,ge="colorpicker-popup";return ii(Nu,{children:[ii(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,Ms,"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,...H,header:Je(Le,{actionsEnd:Je(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Z,subtitle:ee}),footer:ii(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=xu;Pe.options=ku;Pe.className=Ms;Pe.defaultOptions=Ss;Pe.moduleName=gs;Pe.folderName=Ls;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 vu}from"react/jsx-runtime";var Ga=e=>vu(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 gu=xt.options,Lu=xt.states,Is={...xt.defaultOptions,variant:"color"},Mu=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Su=[{name:"opened",title:"Opened"}],Io=e=>{let{variant:t,modifiers:o,...a}={...Is,...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(Ga,{...a,...r})});case"icon":return Xt("div",{style:s,children:Xt(Ga,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return Xt("div",{style:s,children:Xt(Ga,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};Io.options=gu;Io.states=Lu;Io.variants=Mu;Io.defaultOptions=Is;Io.modifiers=Su;Io.className=xt.className;var ni="combobox",ys=ni;import{Fragment as si,jsx as oe,jsxs as xa}from"react/jsx-runtime";var Ts="k-combobox",Iu=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],yu={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Es={separators:!0},xe=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Es.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:H,adaptiveSettings:Z,adaptiveTitle:ee,adaptiveSubtitle:de,adaptiveCustomValue:ge,id:Dt,autocomplete:tr,activeDescendant:Lt,"aria-label":Ma,...or}=e,ar=Dt?`${Dt}-listbox`:void 0;return xa(si,{children:[xa(U,{...or,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,Ts),children:[s&&xa(si,{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?ar:void 0,"aria-activedescendant":S&&Lt?Lt:void 0,"aria-autocomplete":tr,"aria-invalid":p?"true":void 0,"aria-busy":v?"true":void 0,"aria-label":Ma,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(si,{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}),H&&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(D,{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=Iu;xe.options=yu;xe.className=Ts;xe.defaultOptions=Es;xe.moduleName=ni;xe.folderName=ys;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 Tu}from"react/jsx-runtime";var Cs=e=>Tu(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 Ru}from"react/jsx-runtime";var Eu=xe.states,Cu=xe.defaultOptions,Au=xe.options,Ou=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],wu=[],yo=e=>{let{modifiers:t,...o}=e,a={},r=Ot(D,{style:{width:300},size:o.size,children:Ru(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(Cs,{value:"Value",style:{width:300},...o,...a})})};yo.options=Au;yo.states=Eu;yo.variants=wu;yo.defaultOptions=Cu;yo.modifiers=Ou;yo.className=xe.className;var li="menu-button",As=li;import{jsx as Ku}from"react/jsx-runtime";var Os="k-menu-button",Bu=[i.hover,i.focus,i.active,i.selected,i.disabled],Pu={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]},di={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=di.showArrow,arrowIconName:g=di.arrowIconName,expanded:v,...L}=e;return Ku(d,{...L,className:n(e.className,Os),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=Bu;V.options=Pu;V.className=Os;V.defaultOptions=di;V.moduleName=li;V.folderName=As;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 ws}from"react/jsx-runtime";var ci="k-menu-item",Du=[i.hover,i.focus,i.active,i.selected,i.disabled],_u={},Rs={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=Rs.iconPosition,dir:g,children:v,expanded:L,...y}=e,S=x;return S||(S=g==="rtl"?"caret-alt-left":"caret-alt-right"),ws("li",{...y,className:n(e.className,ci,"k-item",T(ci,{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:[ws("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=Du;ke.options=_u;ke.className=ci;ke.defaultOptions=Rs;ke.moduleName=De;ke.folderName=Ye;import{jsx as Na,jsxs as Bs}from"react/jsx-runtime";var pi="k-menu-item",zu=[i.hover,i.focus,i.active,i.selected,i.disabled],Hu={},mi={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=mi.iconPosition,dir:g=mi.dir,children:v,popup:L,expanded:y,...S}=e,A=x;return A||(A=g==="rtl"?"caret-alt-left":"caret-alt-right"),Bs("li",{...S,className:n(e.className,pi,"k-item",T(pi,{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:[Bs("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=zu;W.options=Hu;W.className=pi;W.defaultOptions=mi;W.moduleName=De;W.folderName=Ye;import{jsx as Vu}from"react/jsx-runtime";var Ps="k-menu-scroll-wrapper",Fu=[],Uu={},Gu={},qt=e=>{let{className:t,children:o,orientation:a,...r}=e;return Vu("div",{...r,className:n(t,Ps,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};qt.states=Fu;qt.options=Uu;qt.className=Ps;qt.defaultOptions=Gu;qt.moduleName=De;qt.folderName=Ye;var Ks=qt;import{Fragment as ui,jsx as Wt,jsxs as $a}from"react/jsx-runtime";var bi="k-menu",$u=[],Xu={},Xa={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ne=e=>{let{children:t,orientation:o=Xa.orientation,header:a=Xa.header,scrollable:r,scrollButtonsPosition:s=Xa.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",bi,{[`${bi}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return $a(ui,{children:[r?$a(Ks,{orientation:o,style:c,dir:e.dir,children:[s==="start"&&$a(ui,{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"&&$a(ui,{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=$u;ne.options=Xu;ne.className=bi;ne.defaultOptions=Xa;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 qu}from"react/jsx-runtime";var fi="k-separator",Ds={orientation:"horizontal"},To=e=>{let{orientation:t=Ds.orientation,...o}=e;return qu("li",{...o,className:n(e.className,"k-item",fi,{[`${fi}-${t}`]:t}),role:"separator"})};To.className=fi;To.defaultOptions=Ds;To.moduleName=De;To.folderName=Ye;import{Fragment as eK,jsx as tK}from"react/jsx-runtime";import{jsx as Zu}from"react/jsx-runtime";var hi="k-menu-group",Wu=[],Ju={size:[l.undefined,l.small,l.medium,l.large]},Yu={},Ne=e=>{let{children:t,size:o,...a}=e;return Zu("ul",{...a,className:n(e.className,hi,I(hi,{size:o})),role:"menu",children:t})};Ne.states=Wu;Ne.options=Ju;Ne.className=hi;Ne.defaultOptions=Yu;Ne.moduleName=De;Ne.folderName=Ye;import{Fragment as Qu,jsx as Eo,jsxs as ju}from"react/jsx-runtime";var xi=e=>Eo(ne,{children:ju(Qu,{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 rb}from"react/jsx-runtime";var eb=ne.options,tb=ne.states,_s={...ne.defaultOptions,variant:"horizontal"},ob=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ab=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Co=e=>{let{variant:t,modifiers:o,...a}={..._s,...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:rb(Ne,{children:[Jt(W,{text:"Item 1"}),Jt(W,{text:"Item 2"}),Jt(To,{}),Jt(W,{text:"Item 3"})]})});break}}),t==="vertical"?Jt(xi,{...a,...r,orientation:"vertical",style:{width:"200px"}}):Jt(xi,{...a,...r})};Co.options=eb;Co.states=tb;Co.variants=ob;Co.defaultOptions=_s;Co.modifiers=ab;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 db,jsx as pt,jsxs as zs}from"react/jsx-runtime";var ib=d.states,Hs={...d.defaultOptions,variant:"text"},nb=d.options,sb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],lb=[{name:"opened",title:"Opened"}],Ao=e=>{let{variant:t,modifiers:o,...a}={...Hs,...e},r={},s=pt(q,{className:"k-menu-popup",children:zs(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 zs(db,{children:[c,o?.opened&&s]})};Ao.options=nb;Ao.states=ib;Ao.variants=sb;Ao.defaultOptions=Hs;Ao.modifiers=lb;Ao.className=V.className;var ki="split-button",Fs=ki;import{Fragment as mb,jsx as Ni,jsxs as Us}from"react/jsx-runtime";var vi="k-split-button",cb=[i.hover,i.focus,i.active,i.selected,i.disabled],pb={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]},Gs={arrowIconName:"caret-alt-down"},K=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=Gs.arrowIconName,popup:g,opened:v,popupId:L,...y}=e;return Us(mb,{children:[Us("div",{...y,className:n(e.className,vi,"k-button-group",I(vi,{rounded:o})),children:[Ni(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}),Ni(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&&Ni(q,{className:"k-menu-popup",children:g})]})};K.states=cb;K.options=pb;K.className=vi;K.defaultOptions=Gs;K.moduleName=ki;K.folderName=Fs;K.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 gi=K;import{jsx as bb}from"react/jsx-runtime";var ub="k-toolbar-separator",se=e=>bb("div",{className:n(ub,e.className,"k-separator")});var kt="toolbar",wt=kt;import{Fragment as Li,jsx as _,jsxs as Oo}from"react/jsx-runtime";var Nt="k-toolbar",fb=[i.focus],hb={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},xb={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(_(d,{...p.props,className:`${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===d)v.push(_(d,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===ta)v.push(_(ta,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===ut)v.push(_(ut,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===V)v.push(_(V,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===gi)v.push(_(gi,{...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(_(d,{...S.props,className:`${S.props.className?S.props.className:""}`},`${A}-${new Date().getTime()}`))}),v.push(_(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(_(xe,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===R?v.push(_(R,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===Pe?v.push(_(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"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),s&&c==="start"&&Oo(Li,{children:[Oo(C,{children:[_("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(M,{className:"k-button-icon",icon:"caret-alt-left"})}),_("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(M,{className:"k-button-icon",icon:"caret-alt-right"})})]}),_(se,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k})]}),s&&c==="end"&&Oo(Li,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),_(se,{className:"k-toolbar-button-separator"}),Oo(C,{children:[_("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(M,{className:"k-button-icon",icon:"caret-alt-left"})}),_("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(M,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(c==="around"||!c)&&Oo(Li,{children:[_("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(M,{className:"k-button-icon",icon:"caret-alt-left"})}),_(se,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),_(se,{className:"k-toolbar-button-separator"}),_("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(M,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};$.states=fb;$.options=hb;$.className=Nt;$.defaultOptions=xb;$.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 gb}from"react/jsx-runtime";var Vs="k-floating-toolbar",kb=[],Nb={},vb={},wo=e=>{let{...t}=e;return gb("div",{...t,className:n(e.className,Vs),children:e.children})};wo.states=kb;wo.options=Nb;wo.className=Vs;wo.defaultOptions=vb;wo.moduleName=kt;wo.folderName=wt;import{jsx as Ib}from"react/jsx-runtime";var Mi="k-toolbar-item",Lb=[i.focus],Mb={},Sb={},ot=e=>{let{focus:t,...o}=e;return Ib("div",{...o,className:n(e.className,Mi,T(Mi,{focus:t})),children:e.children})};ot.states=Lb;ot.options=Mb;ot.className=Mi;ot.defaultOptions=Sb;ot.moduleName=kt;ot.folderName=wt;import{jsx as $s}from"react/jsx-runtime";var Xs="k-toolbar-popup",yb=[],Tb={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Eb={},Yt=e=>{let{size:t,fillMode:o,section:a,...r}=e;return $s(q,{...r,className:n(e.className,Xs),children:a?$s("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=yb;Yt.options=Tb;Yt.className=Xs;Yt.defaultOptions=Eb;Yt.moduleName=kt;Yt.folderName=wt;var qa=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 Rb}from"react/jsx-runtime";var Cb=K.states,qs={...K.defaultOptions,variant:"text"},Ab=K.options,Ob=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],wb=[{name:"opened",title:"Opened"}],Ro=e=>{let{variant:t,modifiers:o,...a}={...qs,...e},r={},s=Rb(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(K,{...a,...r,icon:"star"})});case"icon-and-text":return vt("div",{children:vt(K,{...a,...r,icon:"star",children:"Split Button"})});default:return vt("div",{children:vt(K,{...a,...r,children:"Split Button"})})}};Ro.options=Ab;Ro.states=Cb;Ro.variants=Ob;Ro.defaultOptions=qs;Ro.modifiers=wb;Ro.className=K.className;import{jsx as Zt,jsxs as Bb}from"react/jsx-runtime";var Ws=e=>Zt($,{children:[Zt(d,{children:"Button"},"toolbar-button"),Zt(V,{text:"Menu button"},"toolbar-menu-button"),Zt(K,{children:"Split button"},"toolbar-split-button"),Bb(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 Js}from"react/jsx-runtime";var Ys=e=>_e($,{scrollable:!0,...e,children:[_e(d,{children:"Button"},"toolbar-button"),_e(V,{text:"Menu button"},"toolbar-menu-button"),_e(K,{children:"Split button"},"toolbar-split-button"),Js(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(K,{children:"Split button"},"toolbar-split-button"),Js(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 Zs}from"react/jsx-runtime";var Qs=({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(K,{children:"Split button"},"toolbar-split-button"),Zs(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(K,{children:"Split button"},"toolbar-split-button"),Zs(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 Pb,jsx as Ae,jsxs as Wa}from"react/jsx-runtime";var js=({fillMode:e,size:t,...o})=>Wa(Pb,{children:[Ae($,{section:!0,fillMode:e,size:t,children:[Ae(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Wa(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}),Wa(qa,{size:t,fillMode:e,section:!0,...o,children:[Ae(K,{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"),Wa(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 Kb=$.options,Db=$.states,el={...$.defaultOptions,variant:"default"},_b=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],zb=[],Bo=e=>{let{variant:t,...o}={...el,...e};switch(t){case"responsive":return Rt("div",{children:Rt(js,{style:{width:"583px"},...o})});case"overlay":return Rt("div",{children:Rt(Qs,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Rt("div",{children:Rt(Ys,{style:{width:"583px"},...o})});default:return Rt("div",{children:Rt(Ws,{style:{width:"583px"},...o})})}};Bo.options=Kb;Bo.states=Db;Bo.variants=_b;Bo.defaultOptions=el;Bo.modifiers=zb;Bo.className=$.className;import{jsx as He}from"react/jsx-runtime";var tl="k-imageeditor-toolbar",Hb=[],Fb={},Ub=[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(R,{disabled:!0,value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],ol={toolbarItems:Ub},Po=e=>{let{toolbarItems:t=ol.toolbarItems,...o}=e;return He($,{...o,className:n(e.className,tl),children:t})};Po.states=Hb;Po.options=Fb;Po.className=tl;Po.defaultOptions=ol;var al="image-editor",rl="imageeditor";import{jsx as va,jsxs as il}from"react/jsx-runtime";var nl="k-imageeditor",Gb=[],Vb={},$b={},at=e=>{let{toolbarItems:t,actionPane:o,contentHeight:a,children:r,...s}=e;return il("div",{...s,className:n(e.className,nl),children:[va("div",{className:"k-imageeditor-header",children:va(Po,{toolbarItems:t})}),il("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=Gb;at.options=Vb;at.className=nl;at.defaultOptions=$b;at.moduleName=al;at.folderName=rl;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 sl="form",ll="forms";import{Fragment as dl,jsx as Ja,jsxs as Wb}from"react/jsx-runtime";var Ya="k-form",Xb=[],qb={size:[l.undefined,l.small,l.medium,l.large]},Si={layout:"basic",tag:"form"},le=e=>{let{size:t,orientation:o,layout:a=Si.layout,formButtons:r,cols:s,gutters:c,tag:u=Si.tag,children:f}=e,h=u,k=n(e.className,Ya,I(Ya,{size:t}),{[`${Ya}-${o}`]:o}),x=Wb(dl,{children:[a==="grid"?Ja("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}):Ja(dl,{children:f}),r&&Ja("div",{className:"k-form-buttons",children:r})]}),{role:p,"aria-labelledby":g,"aria-label":v,id:L}=e;return Ja(h,{className:k,role:p,"aria-labelledby":g,"aria-label":v,id:L,children:x})};le.states=Xb;le.options=qb;le.className=Ya;le.defaultOptions=Si;le.moduleName=sl;le.folderName=ll;var cl="label",pl="label";import{jsx as ml,jsxs as Qb}from"react/jsx-runtime";var Ii="k-label",Jb=[i.disabled],Yb={},Zb={},Bt=e=>{let{disabled:t,optional:o,info:a,text:r,children:s,...c}=e;return Qb("label",{...c,className:n(e.className,Ii,T(Ii,{disabled:t})),children:[r||s,o&&ml("span",{className:"k-label-optional",children:"(Optional)"}),a&&ml("span",{className:"k-field-info",children:a})]})};Bt.states=Jb;Bt.options=Yb;Bt.className=Ii;Bt.defaultOptions=Zb;Bt.moduleName=cl;Bt.folderName=pl;import{jsx as of}from"react/jsx-runtime";var ul="k-form-hint",jb=[],ef={},tf={},Ze=e=>{let{text:t,children:o,...a}=e;return of("div",{...a,className:n(e.className,ul),children:t||o})};Ze.states=jb;Ze.options=ef;Ze.className=ul;Ze.defaultOptions=tf;import{jsx as sf}from"react/jsx-runtime";var bl="k-form-error",af=[],rf={},nf={},Qe=e=>{let{text:t,children:o,...a}=e;return sf("div",{...a,className:n(e.className,bl),children:t||o})};Qe.states=af;Qe.options=rf;Qe.className=bl;Qe.defaultOptions=nf;import{jsx as Za,jsxs as fl}from"react/jsx-runtime";var yi="k-form-field",lf=[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 fl("div",{...p,className:n(yi,e.className,T(yi,{disabled:h}),{[`k-col-span-${x}`]:x}),dir:k,children:[o&&Za(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&&Za("span",{className:"k-label k-form-label k-label-empty"}),fl("div",{className:"k-form-field-wrap",children:[s,c&&Za(Ze,{id:t?`${t}-hint`:void 0,children:c}),u&&Za(Qe,{id:t?`${t}-error`:void 0,children:u})]})]})};j.states=lf;j.className=yi;import{Fragment as df,jsx as Ti,jsxs as cf}from"react/jsx-runtime";var hl="k-form-fieldset",mt=e=>{let{legend:t,layout:o,cols:a,gutters:r,colSpan:s}=e;return cf("fieldset",{className:n(hl,{[`k-col-span-${s}`]:s}),children:[t&&Ti("legend",{className:"k-form-legend",children:t}),o==="grid"?Ti("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}):Ti(df,{children:e.children})]})};mt.className=hl;var Qt="radio",Ko=Qt;import{jsx as xl}from"react/jsx-runtime";var Qa="k-radio",pf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked],mf={size:[l.undefined,l.small,l.medium,l.large]},uf={},ue=e=>{let{id:t,checked:o,hover:a,focus:r,disabled:s,invalid:c,valid:u,required:f,size:h,...k}=e;return xl("span",{className:"k-radio-wrap",children:xl("input",{...k,id:t,type:"radio",checked:o,required:f,disabled:s||void 0,"aria-invalid":c?"true":void 0,className:n(e.className,Qa,I(Qa,{size:h}),T(Qa,{hover:a,focus:r,disabled:s,invalid:c,valid:u,checked:o}))})})};ue.states=pf;ue.options=mf;ue.className=Qa;ue.defaultOptions=uf;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 hf}from"react/jsx-runtime";var kl="k-radio-list",bf=[],ff={},Nl={layout:"vertical"},be=e=>{let{layout:t=Nl.layout,...o}=e;return hf("ul",{...o,className:n(e.className,kl,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};be.states=bf;be.options=ff;be.className=kl;be.defaultOptions=Nl;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 vf}from"react/jsx-runtime";var vl="k-radio-list-item",xf=[],kf={},Nf={},ve=e=>{let{...t}=e;return vf("li",{...t,className:n(e.className,vl),role:"none",children:e.children})};ve.states=xf;ve.options=kf;ve.className=vl;ve.defaultOptions=Nf;ve.moduleName=Qt;ve.folderName=Ko;import{jsx as AH}from"react/jsx-runtime";import{Fragment as gf,jsx as gl,jsxs as Lf}from"react/jsx-runtime";var gt=({children:e,id:t,...o})=>Lf(gf,{children:[gl(je,{...o,id:t}),gl("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 Cf}from"react/jsx-runtime";var Sf=je.options,If=je.states,yf=je.defaultOptions,Tf=[],Ef=[],Do=e=>Cf(gt,{id:O("radio"),name:"value",...e,children:"Label"});Do.options=Sf;Do.states=If;Do.variants=Tf;Do.defaultOptions=yf;Do.modifiers=Ef;Do.className=je.className;import{jsx as et,jsxs as Ll}from"react/jsx-runtime";var Af=be.options,Of=be.states,wf={...be.defaultOptions,variant:"vertical"},Rf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Bf=[],_o=e=>{let{variant:t,...o}=e;return t==="horizontal"?Ll(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"})})]}):Ll(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=Af;_o.states=Of;_o.variants=Rf;_o.defaultOptions=wf;_o.modifiers=Bf;_o.className=be.className;import{Fragment as Pf,jsx as Oe,jsxs as zo}from"react/jsx-runtime";var Ei=e=>{let{size:t,children:o,...a}=e;return Oe(le,{formButtons:zo(Pf,{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(z,{size:t})}),Oe(j,{label:"Label",hint:"Hint text",editor:Oe(R,{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 Ml="date-input",Sl="dateinput";import{jsx as ga,jsxs as zf}from"react/jsx-runtime";var Il="k-dateinput",Kf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Df={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]},_f={},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,...H}=e;return zf(U,{...H,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,Il),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=Kf;we.options=Df;we.className=Il;we.defaultOptions=_f;we.moduleName=Ml;we.folderName=Sl;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 Ci=we;import{jsx as Hf}from"react/jsx-runtime";var yl=e=>Hf(Ci,{...e});import{jsx as T2}from"react/jsx-runtime";import{jsx as Xf}from"react/jsx-runtime";var Ff=we.options,Uf=we.states,Gf=we.defaultOptions,Vf=[{name:"spin-button",title:"`Spin` Button"}],$f=[],Ho=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{r==="spin-button"&&(a.showSpinButton=!!t?.[r])}),Xf(yl,{value:"2/04/2021",style:{width:"300px"},...o,...a})};Ho.options=Ff;Ho.states=Uf;Ho.variants=$f;Ho.defaultOptions=Gf;Ho.modifiers=Vf;Ho.className=we.className;var Tl="masked-textbox",El="maskedtextbox";import{Fragment as Cl,jsx as Pt,jsxs as Ai}from"react/jsx-runtime";var Al="k-maskedtextbox",qf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Wf={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]},Oi={showClearButton:!0,separators:!0},Re=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Oi.separators,showClearButton:s=Oi.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":H,"aria-describedby":Z,...ee}=e;return Ai(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,Al),children:[c&&Ai(Cl,{children:[Pt(fe,{children:c}),r&&Pt(re,{})]}),Pt(pe,{id:A,placeholder:h,value:f,disabled:y,"aria-label":H,"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&&Ai(Cl,{children:[r&&Pt(re,{}),Pt(he,{children:u})]})]})};Re.states=qf;Re.options=Wf;Re.className=Al;Re.defaultOptions=Oi;Re.moduleName=Tl;Re.folderName=El;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 Jf}from"react/jsx-runtime";var Ol=e=>Jf(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 wi}from"react/jsx-runtime";var Yf=Re.states,Zf=Re.defaultOptions,Qf=Re.options,jf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],eh=[],Uo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?wi(R,{size:o.size,value:"Choose",fillMode:"flat"}):void 0;break;case"suffix":a.suffix=t?.[r]?wi(M,{icon:"lock"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),wi(Ol,{value:"Value",style:{width:300},...o,...a})};Uo.options=Qf;Uo.states=Yf;Uo.variants=eh;Uo.defaultOptions=Zf;Uo.modifiers=jf;Uo.className=Re.className;var Ri="switch",wl=Ri;import{jsx as ja,jsxs as Rl}from"react/jsx-runtime";var Kt="k-switch",th=[i.hover,i.focus,i.disabled,i.readonly,i.checked],oh={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]},ah={},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 Rl("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:[Rl("span",{className:n("k-switch-track",I(Kt,{rounded:s})),children:[o&&ja("span",{className:"k-switch-label-on",children:o}),a&&ja("span",{className:"k-switch-label-off",children:a})]}),ja("span",{className:"k-switch-thumb-wrap",children:ja("span",{className:n("k-switch-thumb",I(Kt,{rounded:c}))})})]})};Te.states=th;Te.options=oh;Te.className=Kt;Te.defaultOptions=ah;Te.moduleName=Ri;Te.folderName=wl;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 Bl}from"react/jsx-runtime";var rh=Te.options,ih=Te.states,nh={...Te.defaultOptions,variant:"on"},sh=[{name:"on",title:"On"},{name:"off",title:"Off"}],lh=[],Go=e=>{let{variant:t,...o}=e;return t==="off"?Bl(Te,{checked:!1,onLabel:"On",offLabel:"Off",...o}):Bl(Te,{checked:!0,onLabel:"On",offLabel:"Off",...o})};Go.options=rh;Go.states=ih;Go.variants=sh;Go.defaultOptions=nh;Go.modifiers=lh;Go.className=Te.className;var Pi="textarea",Pl=Pi;import{Fragment as Kl,jsx as La,jsxs as Ki}from"react/jsx-runtime";var Dl="k-textarea",dh=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],ch={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:H,id:Z,"aria-label":ee,"aria-describedby":de,...ge}=e;return Ki(U,{...ge,size:t,rounded:o,fillMode:a,hover:v,focus:L,valid:y,invalid:S,required:A,disabled:H,className:n(e.className,Dl,{"!k-flex-col":u==="vertical","!k-flex-row":u==="horizontal"}),children:[h&&Ki(Kl,{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:H,id:Z,"aria-label":ee,"aria-describedby":de,"aria-invalid":S?"true":void 0}),k&&Ki(Kl,{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=dh;Ee.options=ch;Ee.className=Dl;Ee.defaultOptions=Vo;Ee.moduleName=Pi;Ee.folderName=Pl;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 er}from"react/jsx-runtime";var ph=Ee.options,mh=Ee.states,_l={...Ee.defaultOptions,variant:"vertical"},uh=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],bh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],$o=e=>{let{variant:t,modifiers:o,...a}={..._l,...e},r={resize:"y"};return Object.keys(o||{}).forEach(s=>{switch(s){case"prefix":r.prefix=o?.[s]?er(M,{icon:"comment"}):void 0;break;case"suffix":r.suffix=o?.[s]?er(M,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?er(Ee,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...r}):er(Ee,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...r})};$o.options=ph;$o.states=mh;$o.variants=uh;$o.defaultOptions=_l;$o.modifiers=bh;$o.className=Ee.className;import{Fragment as tF,jsx as eF,jsxs as oF}from"react/jsx-runtime";import{Fragment as vh,jsx as Ce,jsxs as Xo}from"react/jsx-runtime";var fh=le.options,hh=le.states,xh={...le.defaultOptions,variant:"vertical"},kh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Nh=[],qo=e=>{let{variant:t,size:o,...a}=e,r=Xo(mt,{legend:"Form Legend",children:[Ce(j,{label:"Label",editor:Ce(z,{size:o})}),Ce(j,{label:"Label",hint:"Hint text",editor:Ce(R,{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(vh,{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=fh;qo.states=hh;qo.variants=kh;qo.defaultOptions=xh;qo.modifiers=Nh;qo.className=le.className;import{jsx as zl,jsxs as Ih}from"react/jsx-runtime";var gh=Ze.options,Lh=Ze.states,Hl={...Ze.defaultOptions},Mh=[],Sh=[{name:"showHint",title:"Show Hint"}],Wo=e=>{let{modifiers:t,...o}={...Hl,...e},a=t?.showHint??!0;return Ih("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[zl(z,{placeholder:"Component",style:{width:"200px"}}),a&&zl(Ze,{...o,children:"Hint text"})]})};Wo.options=gh;Wo.states=Lh;Wo.variants=Mh;Wo.defaultOptions=Hl;Wo.modifiers=Sh;Wo.className=Ze.className;import{jsx as Fl,jsxs as Ah}from"react/jsx-runtime";var yh=Qe.options,Th=Qe.states,Ul={...Qe.defaultOptions},Eh=[],Ch=[{name:"showError",title:"Show Error"}],Jo=e=>{let{modifiers:t,...o}={...Ul,...e},a=t?.showError??!0;return Ah("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Fl(z,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&Fl(Qe,{...o,children:"Error text"})]})};Jo.options=yh;Jo.states=Th;Jo.variants=Eh;Jo.defaultOptions=Ul;Jo.modifiers=Ch;Jo.className=Qe.className;import{Fragment as qF,jsx as XF,jsxs as WF}from"react/jsx-runtime";import{Fragment as Oh,jsx as F,jsxs as Gl}from"react/jsx-runtime";var d6=e=>F(at,{toolbarItems:[F(d,{icon:"upload","aria-label":"Upload"},"toolbar-button-1"),F(d,{icon:"download","aria-label":"Download"},"toolbar-button-2"),F(se,{},"toolbar-separator-1"),F(d,{disabled:!0,icon:"undo","aria-label":"Undo"},"toolbar-button-3"),F(d,{disabled:!0,icon:"redo","aria-label":"Redo"},"toolbar-button-4"),F(se,{},"toolbar-separator-2"),F(d,{icon:"crop","aria-label":"Crop"},"toolbar-button-5"),F(d,{icon:"image-resize","aria-label":"Resize"},"toolbar-button-6"),F(d,{icon:"zoom-in","aria-label":"Zoom in"},"toolbar-button-7"),F(d,{icon:"zoom-out","aria-label":"Zoom out"},"toolbar-button-8"),F(ot,{children:F(R,{value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],actionPane:F(Ei,{tag:"div",className:"k-imageeditor-pane-form",formButtons:Gl(Oh,{children:[F(d,{themeColor:"primary",icon:"check",children:"Confirm"}),F(d,{icon:"cancel-outline",children:"Cancel"})]}),children:Gl(mt,{layout:"grid",legend:"Resize Image",cols:2,gutters:{cols:"8px"},children:[F(j,{colSpan:"1",label:"Width:",editorId:"resize-width",editor:F(B,{id:"resize-width",showClearButton:!1,value:"61"})}),F(j,{colSpan:"1",label:"\xA0",editor:F(R,{value:"Pixels","aria-label":"Width unit"})}),F(j,{colSpan:"1",label:"Height:",editorId:"resize-height",editor:F(B,{id:"resize-height",showClearButton:!1,value:"68"})}),F(j,{colSpan:"1",label:"\xA0",editor:F(R,{value:"Pixels","aria-label":"Height unit"})}),F(j,{colSpan:"2",editor:F($e,{id:"resize-lock",children:"Lock aspect ratio"})})]})}),children:F("canvas",{width:"61",height:"68",role:"img","aria-label":"Image being edited"}),...e});export{d6 as ImageEditorResize};
+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 qn(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 dr={};function A(e){return dr[e]=(dr[e]||0)+1,`k-${e}-${dr[e]}`}import{Fragment as nd,jsx as Wn}from"react/jsx-runtime";var cr="k-font-icon",od=[],ad={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]},rd={},Qo=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...d}=e;return a?Wn("span",{...d,className:i(e.className,cr,I(cr,{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"}):Wn(nd,{})};Qo.states=od;Qo.options=ad;Qo.className=cr;Qo.defaultOptions=rd;var Jn=Qo;import{Fragment as ld,jsx as ya}from"react/jsx-runtime";var pr="k-svg-icon",id=[],sd={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]},Yn={viewBox:"0 0 24 24"},jo=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Yn.viewBox,icon:d,...u}=e;if(!d)return ya(ld,{});if(d==="none")return ya("span",{...u,className:i(e.className,pr,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof d=="object"&&d.name&&d.name;return ya("span",{...u,className:i(e.className,pr,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:ya("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=id;jo.options=sd;jo.className=pr;jo.defaultOptions=Yn;var mr=jo;import*as ur from"@progress/kendo-svg-icons";var Zn="icon",Qn="icons";import{useContext as cd}from"react";import{createContext as dd}from"react";var jn=dd({iconsType:"svg"});import{Fragment as ei,jsx as ea}from"react/jsx-runtime";var Ta="k-icon",pd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),md=[],ud={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]},br={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{iconsType:t}=cd(jn),{size:o,themeColor:a,icon:r,type:s=t||br.type,rotate:d,flip:u,viewBox:f=br.viewBox,...h}=e;if(!r)return ea(ei,{});if((t||s)==="svg"){if(r==="none")return ea(mr,{...h,className:i(e.className,Ta),icon:r,size:o});let x=ur[r]?r:pd(`${r}-icon`);return ur[x]?ea(mr,{...h,className:i(e.className,Ta),icon:ur[x],size:o,themeColor:a,rotate:d,flip:u,viewBox:f}):ea(ei,{})}return ea(Jn,{...h,className:i(e.className,Ta),icon:r,size:o,themeColor:a,rotate:d,flip:u})};L.states=md;L.options=ud;L.defaultOptions=br;L.className=Ta;L.moduleName=Zn;L.folderName=Qn;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 fr="button",ti=fr;import{Fragment as xd,jsx as ta,jsxs as oi}from"react/jsx-runtime";var oa="k-button",bd=["icon-button"],fd=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],hd={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]},hr={showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:d=hr.showArrow,arrowIconName:u=hr.arrowIconName,variant:f,hover:h,focus:N,active:x,selected:p,disabled:v,togglable:g,ariaDisabled:S,icon:y,text:M,iconClassName:O,className:H,...Z}=e,ee=y!==void 0,de=e.children!==void 0;return oi(t,{className:i(H,oa,qn(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?oi(xd,{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=fd;c.options=hd;c.variants=bd;c.className=oa;c.defaultOptions=hr;c.moduleName=fr;c.folderName=ti;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 Nd}from"react/jsx-runtime";var ut=e=>Nd(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as kd}from"react/jsx-runtime";var aa=e=>kd(c,{icon:"folder",children:"Button",...e});import{jsx as gd}from"react/jsx-runtime";var _t=e=>gd(c,{children:"Button",...e});import{jsx as xr}from"react/jsx-runtime";var vd=c.options,Ld=c.states,Sd={...c.defaultOptions,variant:"text"},Md=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Id=[],to=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return xr(ut,{...o,icon:"star"});case"icon-and-text":return xr(aa,{...o,icon:"star",children:"Button"});default:return xr(_t,{...o,children:"Button"})}};to.options=vd;to.states=Ld;to.variants=Md;to.defaultOptions=Sd;to.modifiers=Id;to.className=c.className;var Nr="button",ai=Nr;import{jsx as Cd}from"react/jsx-runtime";var ra="k-button-group",yd=[n.disabled],Td={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Ed={},C=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return Cd("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=yd;C.options=Td;C.className=ra;C.defaultOptions=Ed;C.moduleName=Nr;C.folderName=ai;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 kr}from"react/jsx-runtime";var Od={...c.options,...C.options},Ad=c.states,wd={...c.defaultOptions,...C.defaultOptions,variant:"text-button"},Rd=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Bd=[],oo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?kr(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"?kr(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"})]}):kr(C,{fillMode:a.fillMode,className:o,children:[bt(c,{...a,children:"First"}),bt(c,{...a,children:"Middle"}),bt(c,{...a,children:"Last"})]})};oo.options=Od;oo.states=Ad;oo.variants=Rd;oo.defaultOptions=wd;oo.modifiers=Bd;oo.className=C.className;var na="input",Ea=na;import{jsx as _d}from"react/jsx-runtime";var Ca="k-input",Pd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Kd={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]},Dd={},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 _d("span",{...x,className:i(e.className,Ca,I(Ca,{size:f,rounded:h,fillMode:N}),T(Ca,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u}))})};U.states=Pd;U.options=Kd;U.className=Ca;U.defaultOptions=Dd;U.moduleName=na;U.folderName=Ea;import{jsx as Ud}from"react/jsx-runtime";var Oa="k-picker",zd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Hd={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]},Fd={},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 Ud("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})),children:e.children})};rt.states=zd;rt.options=Hd;rt.className=Oa;rt.defaultOptions=Fd;rt.moduleName=na;rt.folderName=Ea;import{Fragment as $d,jsx as gr}from"react/jsx-runtime";var ri="k-clear-value",Gd=[n.disabled,n.loading,n.readonly],Vd={},ce=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?gr($d,{}):gr("span",{className:i(e.className,ri),children:gr(L,{icon:"x"})})};ce.states=Gd;ce.options=Vd;ce.className=ri;import{jsx as Wd}from"react/jsx-runtime";var vr="k-input-inner",Xd=[],qd={},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:d,...u}=e;return Wd("input",{...u,type:o,className:i(e.className,vr,I(vr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:d||void 0})};pe.states=Xd;pe.options=qd;pe.className=vr;import{jsx as ni,jsxs as Zd}from"react/jsx-runtime";var Lr="k-input-inner",Jd=[],Yd={},zt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...d}=e;return Zd("span",{...d,className:i(e.className,Lr,I(Lr,e)),children:[r,!r&&s&&ni(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&ni("span",{className:"k-input-value-text",children:t})]})};zt.states=Jd;zt.options=Yd;zt.className=Lr;import{jsx as ec}from"react/jsx-runtime";var Sr="k-input-inner",Qd=[],jd={},ii={value:"",placeholder:""},ia=e=>{let{value:t=ii.value,placeholder:o=ii.placeholder,rows:a,disabled:r,...s}=e;return ec("textarea",{...s,className:i(e.className,Sr,I(Sr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};ia.states=Qd;ia.options=jd;ia.className=Sr;import{Fragment as oc,jsx as si}from"react/jsx-runtime";var li="k-input-loading-icon",tc=[n.disabled,n.loading],ae=e=>{let{disabled:t,loading:o}=e;return t||!o?si(oc,{}):si("span",{className:i(e.className,li,"k-icon k-i-loading")})};ae.states=tc;ae.className=li;import{Fragment as nc,jsx as di}from"react/jsx-runtime";var ci="k-input-validation-icon",ac=[n.valid,n.invalid,n.disabled,n.loading],rc={},te=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?di(nc,{}):di(L,{className:i(ci),icon:s})};te.states=ac;te.options=rc;te.className=ci;import{Fragment as lc,jsx as pi}from"react/jsx-runtime";var ic="k-input-prefix",sc={direction:"horizontal"},fe=e=>{let{direction:t=sc.direction,...o}=e;return e.children?pi("span",{...o,className:i(ic,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):pi(lc,{})};import{Fragment as pc,jsx as mi}from"react/jsx-runtime";var dc="k-input-suffix",cc={direction:"horizontal"},he=e=>{let{direction:t=cc.direction,...o}=e;return e.children?mi("span",{...o,className:i(dc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):mi(pc,{})};import{jsx as qk}from"react/jsx-runtime";import{jsx as uc}from"react/jsx-runtime";var mc="k-input-suffix-text",Mr=e=>{let{children:t,...o}=e;return uc("span",{...o,className:i(mc,e.className),children:t})};import{jsx as fc}from"react/jsx-runtime";var ui="k-input-separator",bc={direction:"vertical"},re=e=>{let{direction:t=bc.direction,...o}=e;return fc("span",{...o,className:i(ui,e.className,{[`${ui}-${t}`]:t})})};import{Fragment as bi,jsx as nt,jsxs as Ir}from"react/jsx-runtime";var hc=U.states,xc=U.defaultOptions,Nc=U.options,kc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],gc=[],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 Ir(U,{...u,valid:o,invalid:a,loading:r,disabled:s,readonly:d,style:{width:300},children:[f&&Ir(bi,{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&&Ir(bi,{children:[p&&nt(re,{}),nt(he,{children:nt(_t,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ao.options=Nc;ao.states=hc;ao.variants=gc;ao.defaultOptions=xc;ao.modifiers=kc;ao.className=U.className;import{jsx as fi,jsxs as Sc}from"react/jsx-runtime";var hi="k-color-preview",vc=[],Lc={},St=e=>{let{color:t,iconName:o,...a}=e;return Sc("span",{...a,className:i(e.className,hi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&fi(L,{icon:o,className:"k-color-preview-icon"}),fi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};St.states=vc;St.options=Lc;St.className=hi;var yr="popup",xi=yr;import{jsx as Ni}from"react/jsx-runtime";var ki="k-animation-container",Mc=[],Ic={},gi={positionMode:"absolute"},it=e=>{let{positionMode:t=gi.positionMode,animationStyle:o,offset:a,...r}=e;return Ni("div",{...r,style:{...a,...e.style},className:i(e.className,ki,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ni("div",{className:"k-child-animation-container",style:o,children:e.children})})};it.states=Mc;it.options=Ic;it.className=ki;it.defaultOptions=gi;it.moduleName=yr;it.folderName=xi;var Tr="popup",vi=Tr;import{jsx as Li}from"react/jsx-runtime";var Si="k-popup",yc=[],Tc={},Mi={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Mi.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:d,...u}=e;return Li(it,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":d,children:Li("div",{...u,className:i(e.className,Si),children:e.children})})};q.states=yc;q.options=Tc;q.className=Si;q.defaultOptions=Mi;q.moduleName=Tr;q.folderName=vi;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 Er="action-buttons",Ii=Er;import{jsx as Oc}from"react/jsx-runtime";var wa="k-actions",Ec=[],Cc={},Cr={alignment:"start",orientation:"horizontal"},st=e=>{let{alignment:t=Cr.alignment,orientation:o=Cr.orientation,...a}=e;return Oc("div",{...a,className:i(wa,{[`${wa}-${t}`]:t,[`${wa}-${o}`]:o},e.className),children:e.children})};st.states=Ec;st.options=Cc;st.className=wa;st.defaultOptions=Cr;st.moduleName=Er;st.folderName=Ii;import{jsx as wc}from"react/jsx-runtime";var Ac="k-actionsheet-footer",yi={alignment:"stretched",orientation:"horizontal"},Mt=e=>{let{alignment:t=yi.alignment,orientation:o=yi.orientation,template:a,as:r=a?"div":st,...s}=e;return wc(r,{...s,...!a&&{alignment:t,orientation:o},className:i(e.className,Ac),children:e.children})};var Or="searchbox",Ti=Or;import{jsx as sa,jsxs as Pc}from"react/jsx-runtime";var Ei="k-searchbox",Rc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Bc={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]},Ar={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=Ar.showIcon,icon:g=Ar.icon,"aria-label":S,...y}=e;return Pc(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,Ei),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=Rc;Fe.options=Bc;Fe.className=Ei;Fe.defaultOptions=Ar;Fe.moduleName=Or;Fe.folderName=Ti;import{jsx as Nv}from"react/jsx-runtime";var wr="textbox",Ci=wr;import{Fragment as Oi,jsx as It,jsxs as Rr}from"react/jsx-runtime";var Ai="k-textbox",Kc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Dc={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ra={showClearButton:!0,showValidationIcon:!0,separators:!0},z=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ra.separators,showClearButton:s=Ra.showClearButton,showValidationIcon:d=Ra.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:H,id:Z,"aria-label":ee,"aria-describedby":de,...ve}=e;return Rr(U,{...ve,size:t,rounded:o,fillMode:a,hover:p,focus:v,valid:g,invalid:S,required:y,loading:M,disabled:O,readonly:H,className:i(e.className,Ai),children:[u&&Rr(Oi,{children:[It(fe,{children:u}),r&&It(re,{})]}),It(pe,{id:Z,placeholder:x,value:N,type:h,disabled:O,"aria-label":ee,"aria-describedby":de,"aria-invalid":S?"true":void 0}),d&&It(te,{valid:g,invalid:S,loading:M,disabled:O}),It(ae,{loading:M,disabled:O}),s&&It(ce,{loading:M,disabled:O,readonly:H,value:N}),f&&Rr(Oi,{children:[r&&It(re,{}),It(he,{children:f})]})]})};z.states=Kc;z.options=Dc;z.className=Ai;z.defaultOptions=Ra;z.moduleName=wr;z.folderName=Ci;z.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=z;import{jsx as _c}from"react/jsx-runtime";var wi=e=>_c(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 Br}from"react/jsx-runtime";var zc=z.states,Hc=z.defaultOptions,Fc=z.options,Uc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Gc=[],ro=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Br(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?Br(_t,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),Br(wi,{value:"Value",style:{width:300},...o,...a})};ro.options=Fc;ro.states=zc;ro.variants=Gc;ro.defaultOptions=Hc;ro.modifiers=Uc;ro.className=z.className;import{jsx as yt,jsxs as Pr}from"react/jsx-runtime";var Ri="k-actionsheet-titlebar",Vc={},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 Pr("div",{...p,className:i(e.className,Ri),children:[Pr("div",{className:"k-actionsheet-titlebar-group",children:[a&&yt("div",{className:"k-actionsheet-actions",children:a}),!x&&Pr("div",{className:"k-actionsheet-title",id:N,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:N,children:x}),r&&yt("div",{className:"k-actionsheet-actions",children:r})]}),(d||s)&&yt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?yt(z,{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=Ri;Le.defaultOptions=Vc;import{jsx as Kr,jsxs as Wc}from"react/jsx-runtime";var Dr="k-actionsheet-view",$c=[],Xc={},qc={},no=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:d,...u}=e,f=r?.type===Le&&Kr(Le,{adaptive:t,titleId:d,...r?.props}),h=s?.type===Mt&&Kr(Mt,{...s?.props});return Wc("div",{...u,className:i(e.className,Dr,{[`${Dr}-animated`]:o}),children:[f,Kr("div",{className:"k-actionsheet-content",children:a}),h]})};no.states=$c;no.options=Xc;no.className=Dr;no.defaultOptions=qc;var da="action-sheet",Ba=da;var _r="overlay",Bi=_r;import{jsx as Qc}from"react/jsx-runtime";var zr="k-overlay",Jc=[],Yc={themeColor:[k.undefined,k.light,k.dark,k.inverse]},Zc={},Tt=e=>{let{themeColor:t,...o}=e;return Qc("div",{...o,className:i(e.className,zr,I(zr,{themeColor:t})),children:e.children})};Tt.states=Jc;Tt.options=Yc;Tt.className=zr;Tt.defaultOptions=Zc;Tt.moduleName=_r;Tt.folderName=Bi;import{jsx as Pa,jsxs as tp}from"react/jsx-runtime";var Pi="k-actionsheet",jc=[],ep={},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 tp("div",{className:"k-actionsheet-container",children:[r&&Pa(Tt,{}),Pa(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:Pa("div",{...N,id:h,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":x,className:i(e.className,Pi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||Pa(no,{header:u,footer:f,adaptive:a,titleId:x,...e,children:d})})})]})};J.states=jc;J.options=ep;J.className=Pi;J.defaultOptions=ca;J.moduleName=da;J.folderName=Ba;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 np}from"react/jsx-runtime";var Ki="k-actionsheet-container",op=[],ap={},rp={},io=e=>{let{children:t,...o}=e;return np("div",{...o,className:Ki,children:t})};io.states=op;io.options=ap;io.className=Ki;io.defaultOptions=rp;io.moduleName=da;io.folderName=Ba;import{jsx as ip}from"react/jsx-runtime";var Hr=e=>{let{...t}=e;return ip("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};import{Fragment as lp,jsx as pa,jsxs as Fr}from"react/jsx-runtime";var Ur="k-actionsheet-item",sp=[n.hover,n.focus,n.selected,n.disabled],Et=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:d,disabled:u,...f}=e;return Fr("span",{...f,className:i(e.className,Ur,T(Ur,{hover:r,focus:s,selected:d,disabled:u})),children:[!e.children&&pa(lp,{children:Fr("span",{className:"k-actionsheet-action",children:[t&&pa("span",{className:"k-icon-wrap",children:pa(L,{className:"k-actionsheet-item-icon",icon:t})}),Fr("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]})};Et.states=sp;Et.className=Ur;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 Gr}from"react/jsx-runtime";var dp=J.options,cp=J.states,_i={...J.defaultOptions,variant:"normal"},pp=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],mp=[{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}={..._i,...e},r={},s=Gr(Hr,{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"})]}),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?Gr(Mt,{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?Gr(Mt,{alignment:"stretched",children:[me(c,{text:"Apply",themeColor:"primary"}),me(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};so.options=dp;so.states=cp;so.variants=pp;so.defaultOptions=_i;so.modifiers=mp;so.className=J.className;var Vr="slider",zi=Vr;import{jsx as lo,jsxs as $r}from"react/jsx-runtime";var ma="k-slider",up=[n.hover,n.focus,n.active,n.disabled,n.readonly],bp={},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,...H}=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"),$r("div",{...H,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"}),$r("div",{className:"k-slider-track-wrap",children:[f&&lo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),$r("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":H["aria-label"]?`${H["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"?H["aria-label"]?`${H["aria-label"]} end`:"Range end":H["aria-label"]})]})]}),u&&lo(c,{className:"k-button-increase",rounded:"full",icon:de,tabIndex:-1,title:"Increase"})]})};X.states=up;X.options=bp;X.className=ma;X.defaultOptions=Ue;X.moduleName=Vr;X.folderName=zi;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 Hi}from"react/jsx-runtime";var Fi="k-tick",fp=[],hp={},Ui={label:!1},E=e=>{let{style:t,label:o=Ui.label,orientation:a,large:r,text:s,...d}=e;return Hi("li",{...d,role:"presentation",title:s||"Tick",className:i(e.className,Fi,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&Hi("span",{className:"k-label",children:s})})};E.states=fp;E.options=hp;E.className=Fi;E.defaultOptions=Ui;import{Fragment as xp,jsx as Ge,jsxs as Np}from"react/jsx-runtime";var Gi=e=>Ge(X,{"aria-label":e["aria-label"]||"Slider",children:Np(xp,{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 kp,jsx as Ve,jsxs as gp}from"react/jsx-runtime";var Vi=e=>Ve(X,{children:gp(kp,{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 vp}from"react/jsx-runtime";var Xr=e=>vp(X,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Lp}from"react/jsx-runtime";var qr=e=>Lp(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 $i}from"react/jsx-runtime";var Sp=X.options,Mp=X.states,Xi={...X.defaultOptions,variant:"horizontal",label:!0},Ip=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],yp=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],co=e=>{let{variant:t,modifiers:o,...a}={...Xi,...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"?$i(Vi,{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%"}})]}):$i(Gi,{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=Sp;co.states=Mp;co.variants=Ip;co.defaultOptions=Xi;co.modifiers=yp;co.className=X.className;import{jsx as qi,jsxs as Ap}from"react/jsx-runtime";var Wi="k-spin-button",Cp=[],Op={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Wr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},dt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=Wr.increaseLabel,decreaseLabel:s=Wr.decreaseLabel,...d}=e;return Ap("span",{...d,className:i(Wi,e.className),children:[qi(c,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":r}),qi(c,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};dt.states=Cp;dt.options=Op;dt.className=Wi;dt.defaultOptions=Wr;dt.moduleName=null;dt.folderName=null;var Ji="numeric-textbox",Yi="numerictextbox";import{Fragment as Zi,jsx as ft,jsxs as Jr}from"react/jsx-runtime";var Qi="k-numerictextbox",wp=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Rp={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]},Ka={showSpinButton:!0,showClearButton:!0,separators:!0},B=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ka.separators,showClearButton:s=Ka.showClearButton,showSpinButton:d=Ka.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:H,"aria-label":Z,"aria-describedby":ee,...de}=e;return Jr(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,Qi),children:[u&&Jr(Zi,{children:[ft(fe,{children:u}),r&&ft(re,{})]}),ft(pe,{id:H,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&&Jr(Zi,{children:[r&&ft(re,{}),ft(he,{children:f})]}),d&&ft(dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};B.states=wp;B.options=Rp;B.className=Qi;B.defaultOptions=Ka;B.moduleName=Ji;B.folderName=Yi;B.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=B;import{jsx as Bp}from"react/jsx-runtime";var ji=e=>Bp(ua,{...e});import Zr from"react";import{jsx as es}from"react/jsx-runtime";var Pp="k-list-group-sticky-header",Yr=e=>es("div",{className:i(Pp,e.className),children:es("div",{className:"k-list-header-text",children:e.children})});import{jsx as Dp}from"react/jsx-runtime";var Kp="k-no-data",Da=e=>{let{live:t,...o}=e;return Dp("span",{...o,className:i(Kp,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Ht="list",po=Ht;import{jsx as ts,jsxs as os}from"react/jsx-runtime";var Qr="k-list",_p=[],zp={size:[l.undefined,l.small,l.medium,l.large]},Hp={},D=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:d,noData:u,screenReaders:f,...h}=e,x=Zr.Children.toArray(a)[0],p=x?.props?.children?Zr.Children.count(x.props.children):Zr.Children.count(a);return os("div",{...h,className:i(e.className,Qr,I(Qr,{size:t}),{"k-virtual-list":o}),children:[s,d,r&&ts(Yr,{children:r}),a||(u!==void 0?u:ts(Da,{live:!0,children:"No data found."})),f&&a&&os(Da,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};D.states=_p;D.options=zp;D.className=Qr;D.defaultOptions=Hp;D.moduleName=Ht;D.folderName=po;D.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 Vp}from"react/jsx-runtime";var as="k-list-container",Fp=[],Up={},Gp={},mo=e=>{let{...t}=e;return Vp("div",{...t,className:i(e.className,as),children:e.children})};mo.states=Fp;mo.options=Up;mo.className=as;mo.defaultOptions=Gp;mo.moduleName=Ht;mo.folderName=po;var Ft="checkbox",uo=Ft;import{jsx as rs}from"react/jsx-runtime";var _a="k-checkbox",$p=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Xp={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},qp={},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 rs("span",{className:"k-checkbox-wrap",role:p,children:rs("input",{...v,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:d||void 0,"aria-invalid":u?"true":void 0,className:i(e.className,_a,I(_a,{size:N,rounded:x}),T(_a,{hover:r,focus:s,disabled:d,invalid:u,valid:f,indeterminate:a,checked:o}))})})};Be.states=$p;Be.options=Xp;Be.className=_a;Be.defaultOptions=qp;Be.moduleName=Ft;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 Yp}from"react/jsx-runtime";var ns="k-checkbox-list",Wp=[],Jp={},is={layout:"vertical"},Se=e=>{let{layout:t=is.layout,...o}=e;return Yp("ul",{...o,className:i(e.className,ns,{[`k-list-${t}`]:t}),children:e.children})};Se.states=Wp;Se.options=Jp;Se.className=ns;Se.defaultOptions=is;Se.moduleName=Ft;Se.folderName=uo;import{jsx as em}from"react/jsx-runtime";var ss="k-checkbox-list-item",Zp=[],Qp={},jp={},Me=e=>{let{...t}=e;return em("li",{...t,className:i(e.className,ss),children:e.children})};Me.states=Zp;Me.options=Qp;Me.className=ss;Me.defaultOptions=jp;Me.moduleName=Ft;Me.folderName=uo;import{Fragment as tm,jsx as ls,jsxs as om}from"react/jsx-runtime";var $e=({children:e="Label",id:t="cb-label-after",...o})=>om(tm,{children:[ls(tt,{id:t,...o}),ls("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 ds}from"react/jsx-runtime";var am=Se.options,rm=Se.states,nm={...Se.defaultOptions,variant:"vertical"},im=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],sm=[],bo=e=>{let{variant:t,...o}=e;return t==="horizontal"?ds(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"})})]}):ds(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=am;bo.states=rm;bo.variants=im;bo.defaultOptions=nm;bo.modifiers=sm;bo.className=Se.className;import{jsx as um}from"react/jsx-runtime";var lm=tt.options,dm=tt.states,cm=tt.defaultOptions,pm=[],mm=[],fo=e=>um($e,{id:A("checkbox"),...e,defaultChecked:!0,children:"Label"});fo.options=lm;fo.states=dm;fo.variants=pm;fo.defaultOptions=cm;fo.modifiers=mm;fo.className=tt.className;import{jsx as Ut,jsxs as xm}from"react/jsx-runtime";var jr="k-list-item",bm=[n.hover,n.focus,n.selected,n.disabled],fm={},hm={},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 xm("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":jr,T(jr,{hover:f,focus:h,disabled:x,selected:N})),children:[d&&Ut(Be,{checked:u}),r&&Ut("span",{className:"k-list-item-icon-wrapper",children:Ut(L,{icon:r,className:i("k-list-item-icon",s)})}),Ut("span",{className:"k-list-item-text",children:y}),p&&Ut("div",{className:"k-list-item-actions",children:p}),v&&Ut("span",{className:"k-list-item-description",children:v}),o&&o!==""&&Ut("div",{className:"k-list-item-group-label",children:o})]})};w.states=bm;w.options=fm;w.className=jr;w.defaultOptions=hm;w.moduleName=Ht;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 km}from"react/jsx-runtime";var Nm="k-list-ul",ht=e=>{let{children:t,role:o,id:a,...r}=e;return km("ul",{...r,id:a,role:o,className:i(Nm,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 en,jsxs as vm}from"react/jsx-runtime";var gm="k-list-content",G=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...d}=e;return vm("div",{...d,className:i(gm,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:en(ht,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&en("div",{className:"k-height-container",children:en("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 tn,jsxs as Sm}from"react/jsx-runtime";var Lm="k-list-group-item",Gt=e=>{let{groupIconName:t,...o}=e;return Sm("li",{...o,role:"presentation",className:i(Lm,e.className),children:[t&&tn("span",{className:"k-list-item-icon-wrapper",children:tn(L,{icon:t,className:"k-list-item-icon"})}),tn("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 Tm}from"react/jsx-runtime";var on="k-list-optionlabel",Mm=[n.hover,n.focus,n.selected,n.disabled],Im={},ym={},za=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return Tm("div",{...d,className:i(on,T(on,{hover:o,focus:a,selected:r,disabled:s})),children:t})};za.states=Mm;za.options=Im;za.className=on;za.defaultOptions=ym;import{jsx as Am}from"react/jsx-runtime";var an="k-list-custom-value",Em=[n.hover,n.focus,n.selected,n.disabled],Cm={},Om={},Ct=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return Am("div",{...d,className:i(an,T(an,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Ct.states=Em;Ct.options=Cm;Ct.className=an;Ct.defaultOptions=Om;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 cs="dropdown-list",ps="dropdownlist";import{Fragment as Bm,jsx as Ie,jsxs as rn}from"react/jsx-runtime";var ms="k-dropdownlist",wm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Rm={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]},nn={showValue:!0,arrowIconName:"caret-alt-down"},R=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=nn.arrowIconName,showValue:s=nn.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:H,opened:Z,adaptive:ee,adaptiveSettings:de,adaptiveTitle:ve,adaptiveSubtitle:Dt,adaptiveFilter:ir,id:Lt,activeDescendant:Ia,"aria-label":sr,...lr}=e,td=Lt?`${Lt}-listbox`:void 0,Xn=Lt?`${Lt}-value`:void 0;return rn(Bm,{children:[rn(rt,{...lr,id:Lt,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,ms,{"k-icon-picker":!s&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Z?"true":"false","aria-controls":Z?td:void 0,"aria-activedescendant":Z&&Ia?Ia:void 0,"aria-describedby":Z?Xn:void 0,"aria-disabled":M?"true":void 0,"aria-label":sr,tabIndex:0,children:[Ie(fe,{children:u}),Ie(zt,{placeholder:N,value:h,showValue:s,valueIconName:d,id:Xn}),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&&H&&Ie(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:H}),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:ir,inputValue:h,inputPlaceholder:N,title:ve,subtitle:Dt}),children:Ie("div",{className:"k-list-container",children:Ie(D,{size:"large",children:rn(G,{"aria-label":"Options",children:[Ie(w,{text:"List item"}),Ie(w,{text:"List item"}),Ie(w,{text:"List item"})]})})})})]})};R.states=wm;R.options=Rm;R.className=ms;R.defaultOptions=nn;R.moduleName=cs;R.folderName=ps;R.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 Hm,jsx as Ot,jsxs as us}from"react/jsx-runtime";var Pm=R.states,Km=R.defaultOptions,Dm=R.options,_m=[{name:"opened",title:"Opened"}],zm=[],xo=e=>{let{modifiers:t,...o}=e,a={},r=us(Hm,{children:[Ot("div",{className:"k-list-filter",children:Ot(Fe,{})}),Ot(D,{style:{width:300},size:o.size,children:us(G,{children:[Ot(w,{children:"List item"}),Ot(w,{children:"List item"}),Ot(w,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0)}),Ot("div",{children:Ot(R,{placeholder:"Value",style:{width:300},...o,...a})})};xo.options=Dm;xo.states=Pm;xo.variants=zm;xo.defaultOptions=Km;xo.modifiers=_m;xo.className=R.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 sn}from"react/jsx-runtime";var Fm=B.states,Um=B.defaultOptions,Gm=B.options,Vm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],$m=[],No=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?sn(R,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?sn(Mr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),sn(ji,{value:"Value",style:{width:300},...o,...a})};No.options=Gm;No.states=Fm;No.variants=$m;No.defaultOptions=Um;No.modifiers=Vm;No.className=B.className;import{Fragment as ba,jsx as P,jsxs as Q}from"react/jsx-runtime";var bs="k-colorgradient-inputs",Xm=[],qm={size:[l.undefined,l.small,l.medium,l.large]},fs={mode:"rgba"},ko=e=>{let{mode:t=fs.mode,size:o,...a}=e;return Q("div",{...a,className:i(bs,"k-hstack"),children:[P("div",{className:"k-vstack",children:P(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:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(ba,{children:Q("div",{className:"k-vstack k-flex-1",children:[P(z,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),P("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ko.states=Xm;ko.options=qm;ko.className=bs;ko.defaultOptions=fs;import{jsx as Vt,jsxs as $t}from"react/jsx-runtime";var hs="k-colorgradient-color-contrast",Wm=[],Jm={},Ym={},go=()=>$t("div",{className:i(hs,"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(L,{icon:"check"}),Vt(L,{icon:"check"})]})]}),$t("div",{children:[Vt("span",{children:"AA: 4.5"}),$t("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Vt(L,{icon:"check"})]})]}),$t("div",{children:[Vt("span",{children:"AAA: 7.0"}),$t("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Vt(L,{icon:"x"})]})]})]});go.states=Wm;go.options=Jm;go.className=hs;go.defaultOptions=Ym;var xs="color-gradient",Ns="colorgradient";import{jsx as qe,jsxs as fa}from"react/jsx-runtime";var Ha="k-colorgradient",Zm=[n.hover,n.focus,n.readonly,n.disabled],Qm={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,Ha,I(Ha,{size:t}),T(Ha,{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(qr,{className:"k-hue-slider",hover:v,focus:g}),o!=="rgb"&&o!=="hsv"&&qe(qr,{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(Xr,{className:"k-hue-slider",hover:v,focus:g}),o!=="rgb"&&o!=="hsv"&&qe(Xr,{className:"k-alpha-slider",hover:v,focus:g,trackStyle:f})]})]}),qe(ko,{mode:e.mode,size:t}),h&&qe(go,{})]})};ne.states=Zm;ne.options=Qm;ne.className=Ha;ne.defaultOptions=ct;ne.moduleName=xs;ne.folderName=Ns;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 jm}from"react/jsx-runtime";var Fa=e=>jm(ne,{...e});import{jsx as KO}from"react/jsx-runtime";import{jsx as HO}from"react/jsx-runtime";import{jsx as ln}from"react/jsx-runtime";var eu=ne.options,tu=ne.states,ou={...ne.defaultOptions,variant:"rgba"},au=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],ru=[],vo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return ln(Fa,{...o,mode:t});case"rgb":return ln(Fa,{...o,mode:t});default:return ln(Fa,{...o,mode:t})}};vo.options=eu;vo.states=tu;vo.variants=au;vo.defaultOptions=ou;vo.modifiers=ru;vo.className=ne.className;import{jsx as nu}from"react/jsx-runtime";var dn=e=>nu("tr",{role:"row",children:e.children});import{jsx as lu}from"react/jsx-runtime";var cn="k-colorpalette-tile",iu=[n.hover,n.focus,n.selected],su={},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 lu("td",{...d,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:i(e.className,cn,T(cn,{hover:a,focus:r,selected:s})),style:u})};Lo.states=iu;Lo.options=su;Lo.className=cn;var ks="color-palette",gs="colorpalette";import{jsx as ha}from"react/jsx-runtime";var Ua="k-colorpalette",du=[n.disabled],cu={size:[l.undefined,l.small,l.medium,l.large]},vs={columns:10},ye=e=>{let{size:t,palette:o,columns:a=vs.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(dn,{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,Ua,T(Ua,{disabled:s}),I(Ua,{size:t})),children:ha("table",{className:"k-colorpalette-table",role:"none",children:ha("tbody",{children:u.length>0?u:e.children})})})};ye.states=du;ye.options=cu;ye.className=Ua;ye.defaultOptions=vs;ye.moduleName=ks;ye.folderName=gs;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 Ga=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 pu}from"react/jsx-runtime";var Ls=e=>pu(Ga,{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 Nu}from"react/jsx-runtime";var mu=ye.options,uu=ye.states,bu={...ye.defaultOptions,variant:"basic"},fu=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],hu={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}},xu=[],So=e=>{let{variant:t="basic",...o}=e,a=hu[t];return Nu(Ls,{columns:a.columns,palette:a,...o})};So.options=mu;So.states=uu;So.variants=fu;So.defaultOptions=bu;So.modifiers=xu;So.className=ye.className;var Ss="color-editor",Ms="coloreditor";import{jsx as We,jsxs as Mo}from"react/jsx-runtime";var Va="k-coloreditor",ku=[n.focus],gu={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",Va,I(Va,{size:t}),T(Va,{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(St,{className:"k-coloreditor-preview-color",color:r}),We(St,{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=ku;Y.options=gu;Y.className=Va;Y.defaultOptions=Na;Y.moduleName=Ss;Y.folderName=Ms;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 vu}from"react/jsx-runtime";var Is=e=>vu(Io,{group:!0,currentColor:"fuchsia",...e});import{jsx as Lu}from"react/jsx-runtime";var ys=e=>Lu(Io,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Ts}from"react/jsx-runtime";var Su=Y.options,Mu=Y.states,Iu={...Y.defaultOptions,variant:"gradient"},yu=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Tu=[],yo=e=>{let{variant:t,...o}=e;return t==="palette"?Ts(ys,{...o,color:"white"}):Ts(Is,{...o,color:"rgba(183, 118 , 118, 1.00)"})};yo.options=Su;yo.states=Mu;yo.variants=yu;yo.defaultOptions=Iu;yo.modifiers=Tu;yo.className=Y.className;var Es="color-picker",Cs="colorpicker";import{Fragment as Ou,jsx as Je,jsxs as pn}from"react/jsx-runtime";var Os="k-colorpicker",Eu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Cu={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]},As={arrowIconName:"caret-alt-down"},Pe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=As.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:H,adaptiveTitle:Z,adaptiveSubtitle:ee,...de}=e,ve="colorpicker-popup";return pn(Ou,{children:[pn(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,Os,"k-icon-picker"),children:[Je(fe,{children:s}),Je(zt,{placeholder:f,value:u,showValue:!1,valueIcon:Je(St,{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,...H,header:Je(Le,{actionsEnd:Je(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Z,subtitle:ee}),footer:pn(Mt,{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=Eu;Pe.options=Cu;Pe.className=Os;Pe.defaultOptions=As;Pe.moduleName=Es;Pe.folderName=Cs;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 Au}from"react/jsx-runtime";var $a=e=>Au(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 Xt}from"react/jsx-runtime";var wu=xt.options,Ru=xt.states,ws={...xt.defaultOptions,variant:"color"},Bu=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Pu=[{name:"opened",title:"Opened"}],To=e=>{let{variant:t,modifiers:o,...a}={...ws,...e},r={};Object.keys(o||{}).forEach(d=>{d==="opened"&&(r.opened=!!o?.[d],r.popup=o?.[d]?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($a,{...a,...r})});case"icon":return Xt("div",{style:s,children:Xt($a,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return Xt("div",{style:s,children:Xt($a,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};To.options=wu;To.states=Ru;To.variants=Bu;To.defaultOptions=ws;To.modifiers=Pu;To.className=xt.className;var mn="combobox",Rs=mn;import{Fragment as un,jsx as oe,jsxs as ka}from"react/jsx-runtime";var Bs="k-combobox",Ku=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Du={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]},Ps={separators:!0},xe=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ps.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:H,adaptiveSettings:Z,adaptiveTitle:ee,adaptiveSubtitle:de,adaptiveCustomValue:ve,id:Dt,autocomplete:ir,activeDescendant:Lt,"aria-label":Ia,...sr}=e,lr=Dt?`${Dt}-listbox`:void 0;return ka(un,{children:[ka(U,{...sr,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,Bs),children:[s&&ka(un,{children:[oe(fe,{children:s}),r&&oe(re,{})]}),oe(pe,{id:Dt,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?lr:void 0,"aria-activedescendant":M&&Lt?Lt:void 0,"aria-autocomplete":ir,"aria-invalid":p?"true":void 0,"aria-busy":g?"true":void 0,"aria-label":Ia,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(un,{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}),H&&oe(J,{adaptive:!0,id:Dt?`${Dt}-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(D,{customValue:ve?oe(Ct,{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=Ku;xe.options=Du;xe.className=Bs;xe.defaultOptions=Ps;xe.moduleName=mn;xe.folderName=Rs;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 _u}from"react/jsx-runtime";var Ks=e=>_u(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 At,jsxs as Vu}from"react/jsx-runtime";var zu=xe.states,Hu=xe.defaultOptions,Fu=xe.options,Uu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Gu=[],Eo=e=>{let{modifiers:t,...o}=e,a={},r=At(D,{style:{width:300},size:o.size,children:Vu(G,{children:[At(w,{children:"List item"}),At(w,{children:"List item"}),At(w,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?At(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?At(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}}),At("div",{children:At(Ks,{value:"Value",style:{width:300},...o,...a})})};Eo.options=Fu;Eo.states=zu;Eo.variants=Gu;Eo.defaultOptions=Hu;Eo.modifiers=Uu;Eo.className=xe.className;var bn="menu-button",Ds=bn;import{jsx as qu}from"react/jsx-runtime";var _s="k-menu-button",$u=[n.hover,n.focus,n.active,n.selected,n.disabled],Xu={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]},fn={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=fn.showArrow,arrowIconName:v=fn.arrowIconName,expanded:g,...S}=e;return qu(c,{...S,className:i(e.className,_s),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=$u;V.options=Xu;V.className=_s;V.defaultOptions=fn;V.moduleName=bn;V.folderName=Ds;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 zs}from"react/jsx-runtime";var hn="k-menu-item",Wu=[n.hover,n.focus,n.active,n.selected,n.disabled],Ju={},Hs={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=Hs.iconPosition,dir:v,children:g,expanded:S,...y}=e,M=x;return M||(M=v==="rtl"?"caret-alt-left":"caret-alt-right"),zs("li",{...y,className:i(e.className,hn,"k-item",T(hn,{focus:o,disabled:s,hover:t,active:a,selected:r}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":S?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[zs("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=Wu;Ne.options=Ju;Ne.className=hn;Ne.defaultOptions=Hs;Ne.moduleName=De;Ne.folderName=Ye;import{jsx as va,jsxs as Fs}from"react/jsx-runtime";var xn="k-menu-item",Yu=[n.hover,n.focus,n.active,n.selected,n.disabled],Zu={},Nn={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=Nn.iconPosition,dir:v=Nn.dir,children:g,popup:S,expanded:y,...M}=e,O=x;return O||(O=v==="rtl"?"caret-alt-left":"caret-alt-right"),Fs("li",{...M,className:i(e.className,xn,"k-item",T(xn,{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:[Fs("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=Yu;W.options=Zu;W.className=xn;W.defaultOptions=Nn;W.moduleName=De;W.folderName=Ye;import{jsx as tb}from"react/jsx-runtime";var Us="k-menu-scroll-wrapper",Qu=[],ju={},eb={},qt=e=>{let{className:t,children:o,orientation:a,...r}=e;return tb("div",{...r,className:i(t,Us,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};qt.states=Qu;qt.options=ju;qt.className=Us;qt.defaultOptions=eb;qt.moduleName=De;qt.folderName=Ye;var Gs=qt;import{Fragment as kn,jsx as Wt,jsxs as qa}from"react/jsx-runtime";var gn="k-menu",ob=[],ab={},Wa={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ie=e=>{let{children:t,orientation:o=Wa.orientation,header:a=Wa.header,scrollable:r,scrollButtonsPosition:s=Wa.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=Wt("ul",{dir:u,...N,className:i(e.className,"k-reset",gn,{[`${gn}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return qa(kn,{children:[r?qa(Gs,{orientation:o,style:d,dir:e.dir,children:[s==="start"&&qa(kn,{children:[Wt(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"}),Wt(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"&&Wt(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"&&qa(kn,{children:[Wt(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"}),Wt(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"&&Wt(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=ob;ie.options=ab;ie.className=gn;ie.defaultOptions=Wa;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 rb}from"react/jsx-runtime";var vn="k-separator",Vs={orientation:"horizontal"},Co=e=>{let{orientation:t=Vs.orientation,...o}=e;return rb("li",{...o,className:i(e.className,"k-item",vn,{[`${vn}-${t}`]:t}),role:"separator"})};Co.className=vn;Co.defaultOptions=Vs;Co.moduleName=De;Co.folderName=Ye;import{Fragment as kK,jsx as gK}from"react/jsx-runtime";import{jsx as lb}from"react/jsx-runtime";var Ln="k-menu-group",nb=[],ib={size:[l.undefined,l.small,l.medium,l.large]},sb={},ke=e=>{let{children:t,size:o,...a}=e;return lb("ul",{...a,className:i(e.className,Ln,I(Ln,{size:o})),role:"menu",children:t})};ke.states=nb;ke.options=ib;ke.className=Ln;ke.defaultOptions=sb;ke.moduleName=De;ke.folderName=Ye;import{Fragment as db,jsx as Oo,jsxs as cb}from"react/jsx-runtime";var Sn=e=>Oo(ie,{children:cb(db,{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 Jt,jsxs as fb}from"react/jsx-runtime";var pb=ie.options,mb=ie.states,$s={...ie.defaultOptions,variant:"horizontal"},ub=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],bb=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ao=e=>{let{variant:t,modifiers:o,...a}={...$s,...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:fb(ke,{children:[Jt(W,{text:"Item 1"}),Jt(W,{text:"Item 2"}),Jt(Co,{}),Jt(W,{text:"Item 3"})]})});break}}),t==="vertical"?Jt(Sn,{...a,...r,orientation:"vertical",style:{width:"200px"}}):Jt(Sn,{...a,...r})};Ao.options=pb;Ao.states=mb;Ao.variants=ub;Ao.defaultOptions=$s;Ao.modifiers=bb;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 gb,jsx as pt,jsxs as Xs}from"react/jsx-runtime";var hb=c.states,qs={...c.defaultOptions,variant:"text"},xb=c.options,Nb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],kb=[{name:"opened",title:"Opened"}],wo=e=>{let{variant:t,modifiers:o,...a}={...qs,...e},r={},s=pt(q,{className:"k-menu-popup",children:Xs(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 Xs(gb,{children:[d,o?.opened&&s]})};wo.options=xb;wo.states=hb;wo.variants=Nb;wo.defaultOptions=qs;wo.modifiers=kb;wo.className=V.className;var Mn="split-button",Ws=Mn;import{Fragment as Sb,jsx as In,jsxs as Js}from"react/jsx-runtime";var yn="k-split-button",vb=[n.hover,n.focus,n.active,n.selected,n.disabled],Lb={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,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]},Ys={arrowIconName:"caret-alt-down"},K=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=Ys.arrowIconName,popup:v,opened:g,popupId:S,...y}=e;return Js(Sb,{children:[Js("div",{...y,className:i(e.className,yn,"k-button-group",I(yn,{rounded:o})),children:[In(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}),In(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&&In(q,{className:"k-menu-popup",children:v})]})};K.states=vb;K.options=Lb;K.className=yn;K.defaultOptions=Ys;K.moduleName=Mn;K.folderName=Ws;K.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 Tn=K;import{jsx as Ib}from"react/jsx-runtime";var Mb="k-toolbar-separator",se=e=>Ib("div",{className:i(Mb,e.className,"k-separator")});var Nt="toolbar",wt=Nt;import{Fragment as En,jsx as _,jsxs as Ro}from"react/jsx-runtime";var kt="k-toolbar",yb=[n.focus],Tb={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Eb={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(_(c,{...p.props,className:`${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===c)g.push(_(c,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===aa)g.push(_(aa,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===ut)g.push(_(ut,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===V)g.push(_(V,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===Tn)g.push(_(Tn,{...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(_(c,{...M.props,className:`${M.props.className?M.props.className:""}`},`${O}-${new Date().getTime()}`))}),g.push(_(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(_(xe,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`)):p.type===R?g.push(_(R,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`)):p.type===Pe?g.push(_(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"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),s&&d==="start"&&Ro(En,{children:[Ro(C,{children:[_("span",{className:i("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"caret-alt-left"})}),_("span",{className:i("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"caret-alt-right"})})]}),_(se,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&d==="end"&&Ro(En,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(se,{className:"k-toolbar-button-separator"}),Ro(C,{children:[_("span",{className:i("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"caret-alt-left"})}),_("span",{className:i("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(d==="around"||!d)&&Ro(En,{children:[_("span",{className:i("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"caret-alt-left"})}),_(se,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(se,{className:"k-toolbar-button-separator"}),_("span",{className:i("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};$.states=yb;$.options=Tb;$.className=kt;$.defaultOptions=Eb;$.moduleName=Nt;$.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 wb}from"react/jsx-runtime";var Zs="k-floating-toolbar",Cb=[],Ob={},Ab={},Bo=e=>{let{...t}=e;return wb("div",{...t,className:i(e.className,Zs),children:e.children})};Bo.states=Cb;Bo.options=Ob;Bo.className=Zs;Bo.defaultOptions=Ab;Bo.moduleName=Nt;Bo.folderName=wt;import{jsx as Kb}from"react/jsx-runtime";var Cn="k-toolbar-item",Rb=[n.focus],Bb={},Pb={},ot=e=>{let{focus:t,...o}=e;return Kb("div",{...o,className:i(e.className,Cn,T(Cn,{focus:t})),children:e.children})};ot.states=Rb;ot.options=Bb;ot.className=Cn;ot.defaultOptions=Pb;ot.moduleName=Nt;ot.folderName=wt;import{jsx as Qs}from"react/jsx-runtime";var js="k-toolbar-popup",Db=[],_b={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},zb={},Yt=e=>{let{size:t,fillMode:o,section:a,...r}=e;return Qs(q,{...r,className:i(e.className,js),children:a?Qs("span",{className:i("k-toolbar-items-list",I("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Yt.states=Db;Yt.options=_b;Yt.className=js;Yt.defaultOptions=zb;Yt.moduleName=Nt;Yt.folderName=wt;var Ja=Yt;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 Vb}from"react/jsx-runtime";var Hb=K.states,el={...K.defaultOptions,variant:"text"},Fb=K.options,Ub=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Gb=[{name:"opened",title:"Opened"}],Po=e=>{let{variant:t,modifiers:o,...a}={...el,...e},r={},s=Vb(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(K,{...a,...r,icon:"star"})});case"icon-and-text":return gt("div",{children:gt(K,{...a,...r,icon:"star",children:"Split Button"})});default:return gt("div",{children:gt(K,{...a,...r,children:"Split Button"})})}};Po.options=Fb;Po.states=Hb;Po.variants=Ub;Po.defaultOptions=el;Po.modifiers=Gb;Po.className=K.className;import{jsx as Zt,jsxs as $b}from"react/jsx-runtime";var tl=e=>Zt($,{children:[Zt(c,{children:"Button"},"toolbar-button"),Zt(V,{text:"Menu button"},"toolbar-menu-button"),Zt(K,{children:"Split button"},"toolbar-split-button"),$b(C,{children:[Zt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Zt(c,{icon:"align-center",children:"Center"}),Zt(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 ol}from"react/jsx-runtime";var al=e=>_e($,{scrollable:!0,...e,children:[_e(c,{children:"Button"},"toolbar-button"),_e(V,{text:"Menu button"},"toolbar-menu-button"),_e(K,{children:"Split button"},"toolbar-split-button"),ol(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(K,{children:"Split button"},"toolbar-split-button"),ol(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 rl}from"react/jsx-runtime";var nl=({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(K,{children:"Split button"},"toolbar-split-button"),rl(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(K,{children:"Split button"},"toolbar-split-button"),rl(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 Xb,jsx as Oe,jsxs as Ya}from"react/jsx-runtime";var il=({fillMode:e,size:t,...o})=>Ya(Xb,{children:[Oe($,{section:!0,fillMode:e,size:t,children:[Oe(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ya(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}),Ya(Ja,{size:t,fillMode:e,section:!0,...o,children:[Oe(K,{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"),Ya(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 Rt}from"react/jsx-runtime";var qb=$.options,Wb=$.states,sl={...$.defaultOptions,variant:"default"},Jb=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Yb=[],Ko=e=>{let{variant:t,...o}={...sl,...e};switch(t){case"responsive":return Rt("div",{children:Rt(il,{style:{width:"583px"},...o})});case"overlay":return Rt("div",{children:Rt(nl,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Rt("div",{children:Rt(al,{style:{width:"583px"},...o})});default:return Rt("div",{children:Rt(tl,{style:{width:"583px"},...o})})}};Ko.options=qb;Ko.states=Wb;Ko.variants=Jb;Ko.defaultOptions=sl;Ko.modifiers=Yb;Ko.className=$.className;import{jsx as He}from"react/jsx-runtime";var ll="k-imageeditor-toolbar",Zb=[],Qb={},jb=[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(R,{disabled:!0,value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],dl={toolbarItems:jb},Do=e=>{let{toolbarItems:t=dl.toolbarItems,...o}=e;return He($,{...o,className:i(e.className,ll),children:t})};Do.states=Zb;Do.options=Qb;Do.className=ll;Do.defaultOptions=dl;var cl="image-editor",pl="imageeditor";import{jsx as La,jsxs as ml}from"react/jsx-runtime";var ul="k-imageeditor",ef=[],tf={},of={},at=e=>{let{toolbarItems:t,actionPane:o,contentHeight:a,children:r,...s}=e;return ml("div",{...s,className:i(e.className,ul),children:[La("div",{className:"k-imageeditor-header",children:La(Do,{toolbarItems:t})}),ml("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=ef;at.options=tf;at.className=ul;at.defaultOptions=of;at.moduleName=cl;at.folderName=pl;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 bl="form",fl="forms";import{Fragment as hl,jsx as Za,jsxs as nf}from"react/jsx-runtime";var Qa="k-form",af=[],rf={size:[l.undefined,l.small,l.medium,l.large]},On={layout:"basic",tag:"form"},le=e=>{let{size:t,orientation:o,layout:a=On.layout,formButtons:r,cols:s,gutters:d,tag:u=On.tag,children:f}=e,h=u,N=i(e.className,Qa,I(Qa,{size:t}),{[`${Qa}-${o}`]:o}),x=nf(hl,{children:[a==="grid"?Za("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}):Za(hl,{children:f}),r&&Za("div",{className:"k-form-buttons",children:r})]}),{role:p,"aria-labelledby":v,"aria-label":g,id:S}=e;return Za(h,{className:N,role:p,"aria-labelledby":v,"aria-label":g,id:S,children:x})};le.states=af;le.options=rf;le.className=Qa;le.defaultOptions=On;le.moduleName=bl;le.folderName=fl;var xl="label",Nl="label";import{jsx as kl,jsxs as cf}from"react/jsx-runtime";var An="k-label",sf=[n.disabled],lf={},df={},Bt=e=>{let{disabled:t,optional:o,info:a,text:r,children:s,...d}=e;return cf("label",{...d,className:i(e.className,An,T(An,{disabled:t})),children:[r||s,o&&kl("span",{className:"k-label-optional",children:"(Optional)"}),a&&kl("span",{className:"k-field-info",children:a})]})};Bt.states=sf;Bt.options=lf;Bt.className=An;Bt.defaultOptions=df;Bt.moduleName=xl;Bt.folderName=Nl;import{jsx as bf}from"react/jsx-runtime";var gl="k-form-hint",pf=[],mf={},uf={},Ze=e=>{let{text:t,children:o,...a}=e;return bf("div",{...a,className:i(e.className,gl),children:t||o})};Ze.states=pf;Ze.options=mf;Ze.className=gl;Ze.defaultOptions=uf;import{jsx as Nf}from"react/jsx-runtime";var vl="k-form-error",ff=[],hf={},xf={},Qe=e=>{let{text:t,children:o,...a}=e;return Nf("div",{...a,className:i(e.className,vl),children:t||o})};Qe.states=ff;Qe.options=hf;Qe.className=vl;Qe.defaultOptions=xf;import{jsx as ja,jsxs as Ll}from"react/jsx-runtime";var wn="k-form-field",kf=[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 Ll("div",{...p,className:i(wn,e.className,T(wn,{disabled:h}),{[`k-col-span-${x}`]:x}),dir:N,children:[o&&ja(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&&ja("span",{className:"k-label k-form-label k-label-empty"}),Ll("div",{className:"k-form-field-wrap",children:[s,d&&ja(Ze,{id:t?`${t}-hint`:void 0,children:d}),u&&ja(Qe,{id:t?`${t}-error`:void 0,children:u})]})]})};j.states=kf;j.className=wn;import{Fragment as gf,jsx as Rn,jsxs as vf}from"react/jsx-runtime";var Sl="k-form-fieldset",mt=e=>{let{legend:t,layout:o,cols:a,gutters:r,colSpan:s}=e;return vf("fieldset",{className:i(Sl,{[`k-col-span-${s}`]:s}),children:[t&&Rn("legend",{className:"k-form-legend",children:t}),o==="grid"?Rn("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}):Rn(gf,{children:e.children})]})};mt.className=Sl;var Qt="radio",_o=Qt;import{jsx as Ml}from"react/jsx-runtime";var er="k-radio",Lf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked],Sf={size:[l.undefined,l.small,l.medium,l.large]},Mf={},ue=e=>{let{id:t,checked:o,hover:a,focus:r,disabled:s,invalid:d,valid:u,required:f,size:h,...N}=e;return Ml("span",{className:"k-radio-wrap",children:Ml("input",{...N,id:t,type:"radio",checked:o,required:f,disabled:s||void 0,"aria-invalid":d?"true":void 0,className:i(e.className,er,I(er,{size:h}),T(er,{hover:a,focus:r,disabled:s,invalid:d,valid:u,checked:o}))})})};ue.states=Lf;ue.options=Sf;ue.className=er;ue.defaultOptions=Mf;ue.moduleName=Qt;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 Tf}from"react/jsx-runtime";var Il="k-radio-list",If=[],yf={},yl={layout:"vertical"},be=e=>{let{layout:t=yl.layout,...o}=e;return Tf("ul",{...o,className:i(e.className,Il,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};be.states=If;be.options=yf;be.className=Il;be.defaultOptions=yl;be.moduleName=Qt;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 Af}from"react/jsx-runtime";var Tl="k-radio-list-item",Ef=[],Cf={},Of={},ge=e=>{let{...t}=e;return Af("li",{...t,className:i(e.className,Tl),role:"none",children:e.children})};ge.states=Ef;ge.options=Cf;ge.className=Tl;ge.defaultOptions=Of;ge.moduleName=Qt;ge.folderName=_o;import{jsx as JH}from"react/jsx-runtime";import{Fragment as wf,jsx as El,jsxs as Rf}from"react/jsx-runtime";var vt=({children:e,id:t,...o})=>Rf(wf,{children:[El(je,{...o,id:t}),El("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 Hf}from"react/jsx-runtime";var Pf=je.options,Kf=je.states,Df=je.defaultOptions,_f=[],zf=[],zo=e=>Hf(vt,{id:A("radio"),name:"value",...e,children:"Label"});zo.options=Pf;zo.states=Kf;zo.variants=_f;zo.defaultOptions=Df;zo.modifiers=zf;zo.className=je.className;import{jsx as et,jsxs as Cl}from"react/jsx-runtime";var Ff=be.options,Uf=be.states,Gf={...be.defaultOptions,variant:"vertical"},Vf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],$f=[],Ho=e=>{let{variant:t,...o}=e;return t==="horizontal"?Cl(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"})})]}):Cl(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=Ff;Ho.states=Uf;Ho.variants=Vf;Ho.defaultOptions=Gf;Ho.modifiers=$f;Ho.className=be.className;import{Fragment as Xf,jsx as Ae,jsxs as Fo}from"react/jsx-runtime";var Bn=e=>{let{size:t,children:o,...a}=e;return Ae(le,{formButtons:Fo(Xf,{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(z,{size:t})}),Ae(j,{label:"Label",hint:"Hint text",editor:Ae(R,{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 Ol="date-input",Al="dateinput";import{jsx as Sa,jsxs as Yf}from"react/jsx-runtime";var wl="k-dateinput",qf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Wf={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]},Jf={},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,...H}=e;return Yf(U,{...H,size:t,rounded:o,fillMode:a,hover:d,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,readonly:v,className:i(e.className,wl),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=qf;we.options=Wf;we.className=wl;we.defaultOptions=Jf;we.moduleName=Ol;we.folderName=Al;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 Pn=we;import{jsx as Zf}from"react/jsx-runtime";var Rl=e=>Zf(Pn,{...e});import{jsx as X2}from"react/jsx-runtime";import{jsx as ah}from"react/jsx-runtime";var Qf=we.options,jf=we.states,eh=we.defaultOptions,th=[{name:"spin-button",title:"`Spin` Button"}],oh=[],Uo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{r==="spin-button"&&(a.showSpinButton=!!t?.[r])}),ah(Rl,{value:"2/04/2021",style:{width:"300px"},...o,...a})};Uo.options=Qf;Uo.states=jf;Uo.variants=oh;Uo.defaultOptions=eh;Uo.modifiers=th;Uo.className=we.className;var Bl="masked-textbox",Pl="maskedtextbox";import{Fragment as Kl,jsx as Pt,jsxs as Kn}from"react/jsx-runtime";var Dl="k-maskedtextbox",rh=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],nh={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]},Dn={showClearButton:!0,separators:!0},Re=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Dn.separators,showClearButton:s=Dn.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":H,"aria-describedby":Z,...ee}=e;return Kn(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,Dl),children:[d&&Kn(Kl,{children:[Pt(fe,{children:d}),r&&Pt(re,{})]}),Pt(pe,{id:O,placeholder:h,value:f,disabled:y,"aria-label":H,"aria-describedby":Z,"aria-invalid":v?"true":void 0}),Pt(te,{valid:p,invalid:v,loading:S,disabled:y}),Pt(ae,{loading:S,disabled:y}),s&&Pt(ce,{loading:S,disabled:y,readonly:M,value:f}),u&&Kn(Kl,{children:[r&&Pt(re,{}),Pt(he,{children:u})]})]})};Re.states=rh;Re.options=nh;Re.className=Dl;Re.defaultOptions=Dn;Re.moduleName=Bl;Re.folderName=Pl;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 ih}from"react/jsx-runtime";var _l=e=>ih(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 _n}from"react/jsx-runtime";var sh=Re.states,lh=Re.defaultOptions,dh=Re.options,ch=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],ph=[],Vo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?_n(R,{size:o.size,value:"Choose",fillMode:"flat"}):void 0;break;case"suffix":a.suffix=t?.[r]?_n(L,{icon:"lock"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),_n(_l,{value:"Value",style:{width:300},...o,...a})};Vo.options=dh;Vo.states=sh;Vo.variants=ph;Vo.defaultOptions=lh;Vo.modifiers=ch;Vo.className=Re.className;var zn="switch",zl=zn;import{jsx as tr,jsxs as Hl}from"react/jsx-runtime";var Kt="k-switch",mh=[n.hover,n.focus,n.disabled,n.readonly,n.checked],uh={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]},bh={},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 Hl("span",{...x,className:i(e.className,Kt,I(Kt,{size:r}),T(Kt,{hover:u,focus:f,disabled:h,readonly:N}),{[`${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":N?"true":void 0,children:[Hl("span",{className:i("k-switch-track",I(Kt,{rounded:s})),children:[o&&tr("span",{className:"k-switch-label-on",children:o}),a&&tr("span",{className:"k-switch-label-off",children:a})]}),tr("span",{className:"k-switch-thumb-wrap",children:tr("span",{className:i("k-switch-thumb",I(Kt,{rounded:d}))})})]})};Te.states=mh;Te.options=uh;Te.className=Kt;Te.defaultOptions=bh;Te.moduleName=zn;Te.folderName=zl;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 Fl}from"react/jsx-runtime";var fh=Te.options,hh=Te.states,xh={...Te.defaultOptions,variant:"on"},Nh=[{name:"on",title:"On"},{name:"off",title:"Off"}],kh=[],$o=e=>{let{variant:t,...o}=e;return t==="off"?Fl(Te,{checked:!1,onLabel:"On",offLabel:"Off",...o}):Fl(Te,{checked:!0,onLabel:"On",offLabel:"Off",...o})};$o.options=fh;$o.states=hh;$o.variants=Nh;$o.defaultOptions=xh;$o.modifiers=kh;$o.className=Te.className;var Fn="textarea",Ul=Fn;import{Fragment as Gl,jsx as Ma,jsxs as Un}from"react/jsx-runtime";var Vl="k-textarea",gh=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],vh={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:H,id:Z,"aria-label":ee,"aria-describedby":de,...ve}=e;return Un(U,{...ve,size:t,rounded:o,fillMode:a,hover:g,focus:S,valid:y,invalid:M,required:O,disabled:H,className:i(e.className,Vl,{"!k-flex-col":u==="vertical","!k-flex-row":u==="horizontal"}),children:[h&&Un(Gl,{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:H,id:Z,"aria-label":ee,"aria-describedby":de,"aria-invalid":M?"true":void 0}),N&&Un(Gl,{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=gh;Ee.options=vh;Ee.className=Vl;Ee.defaultOptions=Xo;Ee.moduleName=Fn;Ee.folderName=Ul;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 or}from"react/jsx-runtime";var Lh=Ee.options,Sh=Ee.states,$l={...Ee.defaultOptions,variant:"vertical"},Mh=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],Ih=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],qo=e=>{let{variant:t,modifiers:o,...a}={...$l,...e},r={resize:"y"};return Object.keys(o||{}).forEach(s=>{switch(s){case"prefix":r.prefix=o?.[s]?or(L,{icon:"comment"}):void 0;break;case"suffix":r.suffix=o?.[s]?or(L,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?or(Ee,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...r}):or(Ee,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...r})};qo.options=Lh;qo.states=Sh;qo.variants=Mh;qo.defaultOptions=$l;qo.modifiers=Ih;qo.className=Ee.className;import{Fragment as gF,jsx as kF,jsxs as vF}from"react/jsx-runtime";import{Fragment as Ah,jsx as Ce,jsxs as Wo}from"react/jsx-runtime";var yh=le.options,Th=le.states,Eh={...le.defaultOptions,variant:"vertical"},Ch=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Oh=[],Jo=e=>{let{variant:t,size:o,...a}=e,r=Wo(mt,{legend:"Form Legend",children:[Ce(j,{label:"Label",editor:Ce(z,{size:o})}),Ce(j,{label:"Label",hint:"Hint text",editor:Ce(R,{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(Ah,{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=yh;Jo.states=Th;Jo.variants=Ch;Jo.defaultOptions=Eh;Jo.modifiers=Oh;Jo.className=le.className;import{jsx as Xl,jsxs as Kh}from"react/jsx-runtime";var wh=Ze.options,Rh=Ze.states,ql={...Ze.defaultOptions},Bh=[],Ph=[{name:"showHint",title:"Show Hint"}],Yo=e=>{let{modifiers:t,...o}={...ql,...e},a=t?.showHint??!0;return Kh("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Xl(z,{placeholder:"Component",style:{width:"200px"}}),a&&Xl(Ze,{...o,children:"Hint text"})]})};Yo.options=wh;Yo.states=Rh;Yo.variants=Bh;Yo.defaultOptions=ql;Yo.modifiers=Ph;Yo.className=Ze.className;import{jsx as Wl,jsxs as Fh}from"react/jsx-runtime";var Dh=Qe.options,_h=Qe.states,Jl={...Qe.defaultOptions},zh=[],Hh=[{name:"showError",title:"Show Error"}],Zo=e=>{let{modifiers:t,...o}={...Jl,...e},a=t?.showError??!0;return Fh("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Wl(z,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&Wl(Qe,{...o,children:"Error text"})]})};Zo.options=Dh;Zo.states=_h;Zo.variants=zh;Zo.defaultOptions=Jl;Zo.modifiers=Hh;Zo.className=Qe.className;var Vn="segmented-control",Yl=Vn,Zl="segmented-control-button",Ql="segmented-control";import{jsx as Vh,jsxs as $h}from"react/jsx-runtime";var ar="k-segmented-control",Uh=[],Gh={size:[l.undefined,l.small,l.medium,l.large]},jt=e=>{let{size:t,stretched:o,children:a,thumbStyles:r,...s}=e;return $h("div",{...s,className:i(e.className,ar,I(ar,{size:t}),{[`${ar}-stretched`]:o}),role:"group",children:[Vh("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:r}),a]})};jt.states=Uh;jt.options=Gh;jt.className=ar;jt.moduleName=Vn;jt.folderName=Yl;jt.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 jl,jsxs as Jh}from"react/jsx-runtime";var $n="k-segmented-control-button",Xh=[n.selected,n.hover,n.focus,n.disabled],qh={},Wh={},eo=e=>{let{hover:t,focus:o,selected:a,disabled:r,icon:s,text:d,iconClassName:u,...f}=e;return Jh("button",{...f,className:i(e.className,$n,T($n,{hover:t,focus:o,disabled:r,selected:a})),"aria-pressed":a?"true":"false","aria-disabled":r?"true":void 0,children:[s&&jl(L,{className:i(u,"k-segmented-control-button-icon"),icon:s}),(d||e.children)&&jl("span",{className:"k-segmented-control-button-text",children:d||e.children})]})};eo.states=Xh;eo.options=qh;eo.className=$n;eo.defaultOptions=Wh;eo.moduleName=Zl;eo.folderName=Ql;import{Fragment as h6,jsx as f6,jsxs as x6}from"react/jsx-runtime";import{Fragment as S6,jsx as L6,jsxs as M6}from"react/jsx-runtime";import{Fragment as O6,jsx as C6,jsxs as A6}from"react/jsx-runtime";import{Fragment as D6,jsx as K6,jsxs as _6}from"react/jsx-runtime";import{Fragment as V6,jsx as G6,jsxs as $6}from"react/jsx-runtime";import{Fragment as p7,jsx as c7,jsxs as m7}from"react/jsx-runtime";import{Fragment as Yh,jsx as F,jsxs as ed}from"react/jsx-runtime";var T7=e=>F(at,{toolbarItems:[F(c,{icon:"upload","aria-label":"Upload"},"toolbar-button-1"),F(c,{icon:"download","aria-label":"Download"},"toolbar-button-2"),F(se,{},"toolbar-separator-1"),F(c,{disabled:!0,icon:"undo","aria-label":"Undo"},"toolbar-button-3"),F(c,{disabled:!0,icon:"redo","aria-label":"Redo"},"toolbar-button-4"),F(se,{},"toolbar-separator-2"),F(c,{icon:"crop","aria-label":"Crop"},"toolbar-button-5"),F(c,{icon:"image-resize","aria-label":"Resize"},"toolbar-button-6"),F(c,{icon:"zoom-in","aria-label":"Zoom in"},"toolbar-button-7"),F(c,{icon:"zoom-out","aria-label":"Zoom out"},"toolbar-button-8"),F(ot,{children:F(R,{value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],actionPane:F(Bn,{tag:"div",className:"k-imageeditor-pane-form",formButtons:ed(Yh,{children:[F(c,{themeColor:"primary",icon:"check",children:"Confirm"}),F(c,{icon:"cancel-outline",children:"Cancel"})]}),children:ed(mt,{layout:"grid",legend:"Resize Image",cols:2,gutters:{cols:"8px"},children:[F(j,{colSpan:"1",label:"Width:",editorId:"resize-width",editor:F(B,{id:"resize-width",showClearButton:!1,value:"61"})}),F(j,{colSpan:"1",label:"\xA0",editor:F(R,{value:"Pixels","aria-label":"Width unit"})}),F(j,{colSpan:"1",label:"Height:",editorId:"resize-height",editor:F(B,{id:"resize-height",showClearButton:!1,value:"68"})}),F(j,{colSpan:"1",label:"\xA0",editor:F(R,{value:"Pixels","aria-label":"Height unit"})}),F(j,{colSpan:"2",editor:F($e,{id:"resize-lock",children:"Lock aspect ratio"})})]})}),children:F("canvas",{width:"61",height:"68",role:"img","aria-label":"Image being edited"}),...e});export{T7 as ImageEditorResize};