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

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (102) hide show

package/dist/esm/imageeditor/templates/imageeditor-normal.mjs CHANGED Viewed

	@@ -1 +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:d,active:u,selected:f,disabled:h,indeterminate:k,loading:x,empty:p,readonly:g,highlighted:v,...L}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":d,"k-active":u,"k-selected":f,"k-disabled":h,"k-indeterminate":k&&!d,"k-loading":x,"k-empty":p,"k-readonly":g,"k-highlighted":v},Object.keys(L).reduce((y,S)=>(S.startsWith("k-")?y[S]=L[S]:y[`k-${S}`]=L[S],y),{}))};function Pi(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 tr={};function O(e){return tr[e]=(tr[e]\|\|0)+1,`k-${e}-${tr[e]}`}import{Fragment as Gl,jsx as Ki}from"react/jsx-runtime";var or="k-font-icon",Hl=[],Fl={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]},Ul={},qo=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...d}=e;return a?Ki("span",{...d,className:n(e.className,or,I(or,{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"}):Ki(Gl,{})};qo.states=Hl;qo.options=Fl;qo.className=or;qo.defaultOptions=Ul;var Di=qo;import{Fragment as Xl,jsx as ga}from"react/jsx-runtime";var ar="k-svg-icon",Vl=[],$l={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]},_i={viewBox:"0 0 24 24"},Wo=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=_i.viewBox,icon:d,...u}=e;if(!d)return ga(Xl,{});if(d==="none")return ga("span",{...u,className:n(e.className,ar,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof d=="object"&&d.name&&d.name;return ga("span",{...u,className:n(e.className,ar,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:ga("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})})};Wo.states=Vl;Wo.options=$l;Wo.className=ar;Wo.defaultOptions=_i;var rr=Wo;importas ir from"@progress/kendo-svg-icons";var zi="icon",Hi="icons";import{useContext as Wl}from"react";import{createContext as ql}from"react";var Fi=ql({iconsType:"svg"});import{Fragment as Ui,jsx as Jo}from"react/jsx-runtime";var La="k-icon",Jl=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Yl=[],Zl={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},nr={viewBox:"0 0 24 24",type:"svg"},M=e=>{let{iconsType:t}=Wl(Fi),{size:o,themeColor:a,icon:r,type:s=t\|\|nr.type,rotate:d,flip:u,viewBox:f=nr.viewBox,...h}=e;if(!r)return Jo(Ui,{});if((t\|\|s)==="svg"){if(r==="none")return Jo(rr,{...h,className:n(e.className,La),icon:r,size:o});let x=ir[r]?r:Jl(`${r}-icon`);return ir[x]?Jo(rr,{...h,className:n(e.className,La),icon:ir[x],size:o,themeColor:a,rotate:d,flip:u,viewBox:f}):Jo(Ui,{})}return Jo(Di,{...h,className:n(e.className,La),icon:r,size:o,themeColor:a,rotate:d,flip:u})};M.states=Yl;M.options=Zl;M.defaultOptions=nr;M.className=La;M.moduleName=zi;M.folderName=Hi;M.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var sr="button",Gi=sr;import{Fragment as td,jsx as Yo,jsxs as Vi}from"react/jsx-runtime";var Zo="k-button",Ql=["icon-button"],jl=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],ed={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]},lr={showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:d=lr.showArrow,arrowIconName:u=lr.arrowIconName,variant:f,hover:h,focus:k,active:x,selected:p,disabled:g,togglable:v,ariaDisabled:L,icon:y,text:S,iconClassName:A,className:z,...Y}=e,Q=y!==void 0,ie=e.children!==void 0;return Vi(t,{className:n(z,Zo,Pi(Zo,f),I(Zo,{size:o,rounded:a,fillMode:r,themeColor:s}),T(Zo,{hover:h,focus:k,active:x,disabled:g\|\|L,selected:p}),{"k-icon-button":!S&&!ie&&Q}),...Y,"aria-pressed":v?p?"true":"false":void 0,"aria-disabled":L?"true":void 0,disabled:g\|\|void 0,children:[y&&Yo(M,{className:n(A,"k-button-icon"),icon:y}),S?Vi(td,{children:[S&&Yo("span",{className:"k-button-text",children:S}),e.children]}):e.children&&Yo("span",{className:"k-button-text",children:e.children}),d&&Yo("span",{className:"k-menu-button-arrow k-button-arrow",children:Yo(M,{icon:u})})]})};c.states=jl;c.options=ed;c.variants=Ql;c.className=Zo;c.defaultOptions=lr;c.moduleName=sr;c.folderName=Gi;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 od}from"react/jsx-runtime";var ct=e=>od(c,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as ad}from"react/jsx-runtime";var Qo=e=>ad(c,{icon:"folder",children:"Button",...e});import{jsx as rd}from"react/jsx-runtime";var Kt=e=>rd(c,{children:"Button",...e});import{jsx as dr}from"react/jsx-runtime";var id=c.options,nd=c.states,sd={...c.defaultOptions,variant:"text"},ld=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],dd=[],Zt=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return dr(ct,{...o,icon:"star"});case"icon-and-text":return dr(Qo,{...o,icon:"star",children:"Button"});default:return dr(Kt,{...o,children:"Button"})}};Zt.options=id;Zt.states=nd;Zt.variants=ld;Zt.defaultOptions=sd;Zt.modifiers=dd;Zt.className=c.className;var cr="button",$i=cr;import{jsx as ud}from"react/jsx-runtime";var jo="k-button-group",cd=[i.disabled],pd={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},md={},C=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return ud("div",{role:"group",...r,className:n(e.className,jo,I(jo,{fillMode:t}),T(jo,{disabled:o}),{[`${jo}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};C.states=cd;C.options=pd;C.className=jo;C.defaultOptions=md;C.moduleName=cr;C.folderName=$i;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 Fx,jsx as Hx,jsxs as Ux}from"react/jsx-runtime";import{Fragment as Wx,jsx as qx,jsxs as Jx}from"react/jsx-runtime";import{Fragment as tk,jsx as ek,jsxs as ok}from"react/jsx-runtime";import{Fragment as lk,jsx as sk,jsxs as dk}from"react/jsx-runtime";import{Fragment as fk,jsx as bk,jsxs as hk}from"react/jsx-runtime";import{Fragment as Lk,jsx as gk,jsxs as Mk}from"react/jsx-runtime";import{jsx as pt,jsxs as pr}from"react/jsx-runtime";var bd={...c.options,...C.options},fd=c.states,hd={...c.defaultOptions,...C.defaultOptions,variant:"text-button"},xd=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],kd=[],Qt=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?pr(C,{fillMode:a.fillMode,className:o,children:[pt(c,{...a,icon:"star"}),pt(c,{...a,icon:"star"}),pt(c,{...a,icon:"star"})]}):t==="icon-text-button"?pr(C,{fillMode:a.fillMode,className:o,children:[pt(c,{...a,icon:"star",children:"First"}),pt(c,{...a,icon:"star",children:"Middle"}),pt(c,{...a,icon:"star",children:"Last"})]}):pr(C,{fillMode:a.fillMode,className:o,children:[pt(c,{...a,children:"First"}),pt(c,{...a,children:"Middle"}),pt(c,{...a,children:"Last"})]})};Qt.options=bd;Qt.states=fd;Qt.variants=xd;Qt.defaultOptions=hd;Qt.modifiers=kd;Qt.className=C.className;var ea="input",Ma=ea;import{jsx as Ld}from"react/jsx-runtime";var Sa="k-input",Nd=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],vd={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]},gd={},F=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u,size:f,rounded:h,fillMode:k,...x}=e;return Ld("span",{...x,className:n(e.className,Sa,I(Sa,{size:f,rounded:h,fillMode:k}),T(Sa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u}))})};F.states=Nd;F.options=vd;F.className=Sa;F.defaultOptions=gd;F.moduleName=ea;F.folderName=Ma;import{jsx as yd}from"react/jsx-runtime";var Ia="k-picker",Md=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Sd={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]},Id={},tt=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u,size:f,rounded:h,fillMode:k,...x}=e;return yd("span",{...x,className:n(e.className,Ia,I(Ia,{size:f,rounded:h,fillMode:k}),T(Ia,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u})),children:e.children})};tt.states=Md;tt.options=Sd;tt.className=Ia;tt.defaultOptions=Id;tt.moduleName=ea;tt.folderName=Ma;import{Fragment as Cd,jsx as mr}from"react/jsx-runtime";var Xi="k-clear-value",Td=[i.disabled,i.loading,i.readonly],Ed={},ne=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t\|\|a\|\|o\|\|!r?mr(Cd,{}):mr("span",{className:n(e.className,Xi),children:mr(M,{icon:"x"})})};ne.states=Td;ne.options=Ed;ne.className=Xi;import{jsx as wd}from"react/jsx-runtime";var ur="k-input-inner",Ad=[],Od={},ya={type:"text",autocomplete:"off",value:"",placeholder:""},se=e=>{let{value:t=ya.value,type:o=ya.type,placeholder:a=ya.placeholder,autocomplete:r=ya.autocomplete,disabled:s,readOnly:d,...u}=e;return wd("input",{...u,type:o,className:n(e.className,ur,I(ur,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s\|\|void 0,readOnly:d\|\|void 0})};se.states=Ad;se.options=Od;se.className=ur;import{jsx as qi,jsxs as Pd}from"react/jsx-runtime";var br="k-input-inner",Rd=[],Bd={},Dt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...d}=e;return Pd("span",{...d,className:n(e.className,br,I(br,e)),children:[r,!r&&s&&qi(M,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&qi("span",{className:"k-input-value-text",children:t})]})};Dt.states=Rd;Dt.options=Bd;Dt.className=br;import{jsx as _d}from"react/jsx-runtime";var fr="k-input-inner",Kd=[],Dd={},Wi={value:"",placeholder:""},ta=e=>{let{value:t=Wi.value,placeholder:o=Wi.placeholder,rows:a,disabled:r,...s}=e;return _d("textarea",{...s,className:n(e.className,fr,I(fr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r\|\|void 0})};ta.states=Kd;ta.options=Dd;ta.className=fr;import{Fragment as Hd,jsx as Ji}from"react/jsx-runtime";var Yi="k-input-loading-icon",zd=[i.disabled,i.loading],te=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?Ji(Hd,{}):Ji("span",{className:n(e.className,Yi,"k-icon k-i-loading")})};te.states=zd;te.className=Yi;import{Fragment as Gd,jsx as Zi}from"react/jsx-runtime";var Qi="k-input-validation-icon",Fd=[i.valid,i.invalid,i.disabled,i.loading],Ud={},j=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a\|\|r\|\|!!!(t\|\|o)?Zi(Gd,{}):Zi(M,{className:n(Qi),icon:s})};j.states=Fd;j.options=Ud;j.className=Qi;import{Fragment as Xd,jsx as ji}from"react/jsx-runtime";var Vd="k-input-prefix",$d={direction:"horizontal"},pe=e=>{let{direction:t=$d.direction,...o}=e;return e.children?ji("span",{...o,className:n(Vd,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ji(Xd,{})};import{Fragment as Jd,jsx as en}from"react/jsx-runtime";var qd="k-input-suffix",Wd={direction:"horizontal"},me=e=>{let{direction:t=Wd.direction,...o}=e;return e.children?en("span",{...o,className:n(qd,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):en(Jd,{})};import{jsx as MN}from"react/jsx-runtime";import{jsx as Zd}from"react/jsx-runtime";var Yd="k-input-suffix-text",hr=e=>{let{children:t,...o}=e;return Zd("span",{...o,className:n(Yd,e.className),children:t})};import{jsx as jd}from"react/jsx-runtime";var tn="k-input-separator",Qd={direction:"vertical"},oe=e=>{let{direction:t=Qd.direction,...o}=e;return jd("span",{...o,className:n(tn,e.className,{[`${tn}-${t}`]:t})})};import{Fragment as on,jsx as ot,jsxs as xr}from"react/jsx-runtime";var ec=F.states,tc=F.defaultOptions,oc=F.options,ac=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],rc=[],jt=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:d,...u}=e,f=t?.prefix,h=t?.suffix,k=t?.["clear-button"],x=t?.["validation-icon"],p=t?.separators;return xr(F,{...u,valid:o,invalid:a,loading:r,disabled:s,readonly:d,style:{width:300},children:[f&&xr(on,{children:[ot(pe,{children:ot(M,{icon:"lock"})}),p&&ot(oe,{})]}),ot(se,{placeholder:"Placeholder",value:"Value"}),x&&ot(j,{valid:o,invalid:a,loading:r,disabled:s}),ot(te,{loading:r,disabled:s}),k&&ot(ne,{loading:r,disabled:s,readonly:d,value:"Value"}),h&&xr(on,{children:[p&&ot(oe,{}),ot(me,{children:ot(Kt,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};jt.options=oc;jt.states=ec;jt.variants=rc;jt.defaultOptions=tc;jt.modifiers=ac;jt.className=F.className;import{jsx as an,jsxs as sc}from"react/jsx-runtime";var rn="k-color-preview",ic=[],nc={},vt=e=>{let{color:t,iconName:o,...a}=e;return sc("span",{...a,className:n(e.className,rn,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&an(M,{icon:o,className:"k-color-preview-icon"}),an("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};vt.states=ic;vt.options=nc;vt.className=rn;var kr="popup",nn=kr;import{jsx as sn}from"react/jsx-runtime";var ln="k-animation-container",lc=[],dc={},dn={positionMode:"absolute"},at=e=>{let{positionMode:t=dn.positionMode,animationStyle:o,offset:a,...r}=e;return sn("div",{...r,style:{...a,...e.style},className:n(e.className,ln,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:sn("div",{className:"k-child-animation-container",style:o,children:e.children})})};at.states=lc;at.options=dc;at.className=ln;at.defaultOptions=dn;at.moduleName=kr;at.folderName=nn;var Nr="popup",cn=Nr;import{jsx as pn}from"react/jsx-runtime";var mn="k-popup",cc=[],pc={},un={positionMode:"absolute"},X=e=>{let{offset:t,positionMode:o=un.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:d,...u}=e;return pn(at,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":d,children:pn("div",{...u,className:n(e.className,mn),children:e.children})})};X.states=cc;X.options=pc;X.className=mn;X.defaultOptions=un;X.moduleName=Nr;X.folderName=cn;X.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 vr="action-buttons",bn=vr;import{jsx as bc}from"react/jsx-runtime";var Ta="k-actions",mc=[],uc={},gr={alignment:"start",orientation:"horizontal"},rt=e=>{let{alignment:t=gr.alignment,orientation:o=gr.orientation,...a}=e;return bc("div",{...a,className:n(Ta,{[`${Ta}-${t}`]:t,[`${Ta}-${o}`]:o},e.className),children:e.children})};rt.states=mc;rt.options=uc;rt.className=Ta;rt.defaultOptions=gr;rt.moduleName=vr;rt.folderName=bn;import{jsx as hc}from"react/jsx-runtime";var fc="k-actionsheet-footer",fn={alignment:"stretched",orientation:"horizontal"},gt=e=>{let{alignment:t=fn.alignment,orientation:o=fn.orientation,template:a,as:r=a?"div":rt,...s}=e;return hc(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,fc),children:e.children})};var Lr="searchbox",hn=Lr;import{jsx as oa,jsxs as Nc}from"react/jsx-runtime";var xn="k-searchbox",xc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],kc={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]},Mr={showIcon:!0,icon:"search"},_e=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:d,focus:u,valid:f,invalid:h,required:k,loading:x,disabled:p,showIcon:g=Mr.showIcon,icon:v=Mr.icon,"aria-label":L,...y}=e;return Nc(F,{...y,size:a,rounded:r,fillMode:s,hover:d,focus:u,valid:f,invalid:h,required:k,loading:x,disabled:p,className:n(e.className,xn),children:[g&&oa(M,{className:"k-input-icon",icon:v}),oa(se,{placeholder:o,value:t,"aria-label":L}),oa(te,{...e}),oa(j,{...e}),oa(ne,{...e})]})};_e.states=xc;_e.options=kc;_e.className=xn;_e.defaultOptions=Mr;_e.moduleName=Lr;_e.folderName=hn;import{jsx as Wv}from"react/jsx-runtime";var Sr="textbox",kn=Sr;import{Fragment as Nn,jsx as Lt,jsxs as Ir}from"react/jsx-runtime";var vn="k-textbox",vc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],gc={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]},Ea={showClearButton:!0,showValidationIcon:!0,separators:!0},H=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ea.separators,showClearButton:s=Ea.showClearButton,showValidationIcon:d=Ea.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:z,id:Y,"aria-label":Q,"aria-describedby":ie,...ke}=e;return Ir(F,{...ke,size:t,rounded:o,fillMode:a,hover:p,focus:g,valid:v,invalid:L,required:y,loading:S,disabled:A,readonly:z,className:n(e.className,vn),children:[u&&Ir(Nn,{children:[Lt(pe,{children:u}),r&&Lt(oe,{})]}),Lt(se,{id:Y,placeholder:x,value:k,type:h,disabled:A,"aria-label":Q,"aria-describedby":ie,"aria-invalid":L?"true":void 0}),d&&Lt(j,{valid:v,invalid:L,loading:S,disabled:A}),Lt(te,{loading:S,disabled:A}),s&&Lt(ne,{loading:S,disabled:A,readonly:z,value:k}),f&&Ir(Nn,{children:[r&&Lt(oe,{}),Lt(me,{children:f})]})]})};H.states=vc;H.options=gc;H.className=vn;H.defaultOptions=Ea;H.moduleName=Sr;H.folderName=kn;H.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var aa=H;import{jsx as Lc}from"react/jsx-runtime";var gn=e=>Lc(aa,{...e});import{Fragment as mg,jsx as pg}from"react/jsx-runtime";import{Fragment as kg,jsx as xg}from"react/jsx-runtime";import{jsx as Lg}from"react/jsx-runtime";import{jsx as yr}from"react/jsx-runtime";var Mc=H.states,Sc=H.defaultOptions,Ic=H.options,yc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Tc=[],eo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?yr(M,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?yr(Kt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),yr(gn,{value:"Value",style:{width:300},...o,...a})};eo.options=Ic;eo.states=Mc;eo.variants=Tc;eo.defaultOptions=Sc;eo.modifiers=yc;eo.className=H.className;import{jsx as Mt,jsxs as Tr}from"react/jsx-runtime";var Ln="k-actionsheet-titlebar",Ec={},Ne=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:d,inputValue:u,inputPlaceholder:f,adaptive:h,titleId:k,children:x,...p}=e;return Tr("div",{...p,className:n(e.className,Ln),children:[Tr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Mt("div",{className:"k-actionsheet-actions",children:a}),!x&&Tr("div",{className:"k-actionsheet-title",id:k,children:[t&&Mt("div",{className:"k-text-center",children:t}),o&&Mt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&Mt("div",{className:"k-actionsheet-title",id:k,children:x}),r&&Mt("div",{className:"k-actionsheet-actions",children:r})]}),(d\|\|s)&&Mt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?Mt(H,{value:u,placeholder:f,size:h?"large":"medium","aria-label":t\|\|f\|\|"Input"}):Mt(_e,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};Ne.className=Ln;Ne.defaultOptions=Ec;import{jsx as Er,jsxs as wc}from"react/jsx-runtime";var Cr="k-actionsheet-view",Cc=[],Ac={},Oc={},to=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:d,...u}=e,f=r?.type===Ne&&Er(Ne,{adaptive:t,titleId:d,...r?.props}),h=s?.type===gt&&Er(gt,{...s?.props});return wc("div",{...u,className:n(e.className,Cr,{[`${Cr}-animated`]:o}),children:[f,Er("div",{className:"k-actionsheet-content",children:a}),h]})};to.states=Cc;to.options=Ac;to.className=Cr;to.defaultOptions=Oc;var ra="action-sheet",Ca=ra;var Ar="overlay",Mn=Ar;import{jsx as Kc}from"react/jsx-runtime";var Or="k-overlay",Rc=[],Bc={themeColor:[N.undefined,N.light,N.dark,N.inverse]},Pc={},St=e=>{let{themeColor:t,...o}=e;return Kc("div",{...o,className:n(e.className,Or,I(Or,{themeColor:t})),children:e.children})};St.states=Rc;St.options=Bc;St.className=Or;St.defaultOptions=Pc;St.moduleName=Ar;St.folderName=Mn;import{jsx as Aa,jsxs as zc}from"react/jsx-runtime";var Sn="k-actionsheet",Dc=[],_c={},ia={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},W=e=>{let{side:t=ia.side,fullscreen:o=ia.fullscreen,adaptive:a=ia.adaptive,overlay:r=ia.overlay,template:s,children:d,header:u,footer:f,id:h,...k}=e,x=h&&!s&&u?`${h}-title`:void 0;return zc("div",{className:"k-actionsheet-container",children:[r&&Aa(St,{}),Aa(at,{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:Aa("div",{...k,id:h,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":x,className:n(e.className,Sn,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|Aa(to,{header:u,footer:f,adaptive:a,titleId:x,...e,children:d})})})]})};W.states=Dc;W.options=_c;W.className=Sn;W.defaultOptions=ia;W.moduleName=ra;W.folderName=Ca;W.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 Gc}from"react/jsx-runtime";var In="k-actionsheet-container",Hc=[],Fc={},Uc={},oo=e=>{let{children:t,...o}=e;return Gc("div",{...o,className:In,children:t})};oo.states=Hc;oo.options=Fc;oo.className=In;oo.defaultOptions=Uc;oo.moduleName=ra;oo.folderName=Ca;import{jsx as Vc}from"react/jsx-runtime";var wr=e=>{let{...t}=e;return Vc("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as Xc,jsx as na,jsxs as Rr}from"react/jsx-runtime";var Br="k-actionsheet-item",$c=[i.hover,i.focus,i.selected,i.disabled],It=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:d,disabled:u,...f}=e;return Rr("span",{...f,className:n(e.className,Br,T(Br,{hover:r,focus:s,selected:d,disabled:u})),children:[!e.children&&na(Xc,{children:Rr("span",{className:"k-actionsheet-action",children:[t&&na("span",{className:"k-icon-wrap",children:na(M,{className:"k-actionsheet-item-icon",icon:t})}),Rr("span",{className:"k-actionsheet-item-text",children:[o&&na("span",{className:"k-actionsheet-item-title",children:o}),a&&na("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};It.states=$c;It.className=Br;import{jsx as gL,jsxs as LL}from"react/jsx-runtime";import{jsx as yL}from"react/jsx-runtime";import{jsx as AL}from"react/jsx-runtime";import{jsx as BL}from"react/jsx-runtime";import{jsx as le,jsxs as Pr}from"react/jsx-runtime";var qc=W.options,Wc=W.states,Tn={...W.defaultOptions,variant:"normal"},Jc=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Yc=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ao=e=>{let{variant:t,modifiers:o,...a}={...Tn,...e},r={},s=Pr(wr,{children:[le(It,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),le(It,{text:"Add to Favorites",iconName:"heart"}),le(It,{text:"Upload New",iconName:"upload",disabled:!0}),le("hr",{className:"k-hr"}),le(It,{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"?le(W,{...a,adaptive:!0,fullscreen:r.fullScreen,header:le(Ne,{actionsStart:r.actionsStart?le(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?le(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:r.subtitle}),footer:r.footer?Pr(gt,{alignment:"stretched",children:[le(c,{text:"Cancel",size:"large",themeColor:"base"}),le(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):le(W,{...a,fullscreen:r.fullScreen,header:le(Ne,{actionsStart:r.actionsStart?le(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?le(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?Pr(gt,{alignment:"stretched",children:[le(c,{text:"Apply",themeColor:"primary"}),le(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};ao.options=qc;ao.states=Wc;ao.variants=Jc;ao.defaultOptions=Tn;ao.modifiers=Yc;ao.className=W.className;var Kr="slider",En=Kr;import{jsx as ro,jsxs as Dr}from"react/jsx-runtime";var sa="k-slider",Zc=[i.hover,i.focus,i.active,i.disabled,i.readonly],Qc={},ze={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},$=e=>{let{type:t=ze.type,orientation:o=ze.orientation,gradientType:a=ze.gradientType,readonly:r=ze.readonly,disabled:s=ze.disabled,handlePosition:d=ze.handlePosition,showButtons:u=ze.showButtons,showTicks:f=ze.showTicks,value:h=ze.value,min:k=ze.min,max:x=ze.max,startValue:p,endValue:g,hover:v,focus:L,active:y,trackStyle:S,dir:A,...z}=e,Q=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ie,ke;return o==="horizontal"?(ie=A==="rtl"?"caret-alt-left":"caret-alt-right",ke=A==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(ie="caret-alt-up",ke="caret-alt-down"),Dr("div",{...z,className:n(sa,e.className,T(sa,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:A,children:[u&&ro(c,{className:"k-button-decrease",rounded:"full",icon:ke,tabIndex:-1,title:"Decrease"}),Dr("div",{className:"k-slider-track-wrap",children:[f&&ro("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Dr("div",{className:"k-slider-track",style:S,children:[ro("div",{className:"k-slider-selection"}),t==="range"&&ro("span",{className:n("k-draghandle","k-draghandle-start",T(sa,{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":Q,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":z["aria-label"]?`${z["aria-label"]} start`:"Range start"}),ro("span",{className:n("k-draghandle",`k-draghandle-${d}`,T(sa,{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":Q,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?z["aria-label"]?`${z["aria-label"]} end`:"Range end":z["aria-label"]})]})]}),u&&ro(c,{className:"k-button-increase",rounded:"full",icon:ie,tabIndex:-1,title:"Increase"})]})};$.states=Zc;$.options=Qc;$.className=sa;$.defaultOptions=ze;$.moduleName=Kr;$.folderName=En;$.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 Cn}from"react/jsx-runtime";var An="k-tick",jc=[],ep={},On={label:!1},E=e=>{let{style:t,label:o=On.label,orientation:a,large:r,text:s,...d}=e;return Cn("li",{...d,role:"presentation",title:s\|\|"Tick",className:n(e.className,An,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&Cn("span",{className:"k-label",children:s})})};E.states=jc;E.options=ep;E.className=An;E.defaultOptions=On;import{Fragment as tp,jsx as He,jsxs as op}from"react/jsx-runtime";var wn=e=>He($,{"aria-label":e["aria-label"]\|\|"Slider",children:op(tp,{children:[He(E,{className:"k-first",label:!0,large:!0,text:"0"}),He(E,{}),He(E,{}),He(E,{}),He(E,{}),He(E,{label:!0,large:!0,text:"5"}),He(E,{}),He(E,{}),He(E,{}),He(E,{}),He(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as ap,jsx as Fe,jsxs as rp}from"react/jsx-runtime";var Rn=e=>Fe($,{children:rp(ap,{children:[Fe(E,{className:"k-first",label:!0,large:!0,text:"0"}),Fe(E,{}),Fe(E,{}),Fe(E,{}),Fe(E,{}),Fe(E,{label:!0,large:!0,text:"5"}),Fe(E,{}),Fe(E,{}),Fe(E,{}),Fe(E,{}),Fe(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as LM,jsx as gM,jsxs as MM}from"react/jsx-runtime";import{Fragment as EM,jsx as TM,jsxs as CM}from"react/jsx-runtime";import{jsx as ip}from"react/jsx-runtime";var _r=e=>ip($,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as np}from"react/jsx-runtime";var zr=e=>np($,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as HM,jsx as zM,jsxs as FM}from"react/jsx-runtime";import{Fragment as XM,jsx as $M,jsxs as qM}from"react/jsx-runtime";import{jsx as it,jsxs as Bn}from"react/jsx-runtime";var sp=$.options,lp=$.states,Pn={...$.defaultOptions,variant:"horizontal",label:!0},dp=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],cp=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],io=e=>{let{variant:t,modifiers:o,...a}={...Pn,...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"?Bn(Rn,{showTicks:u,showButtons:d,style:{height:"300px",...f},...a,children:[it(E,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),it(E,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),it(E,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),it(E,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),it(E,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Bn(wn,{showTicks:u,showButtons:d,style:{width:"400px",...f},...a,children:[it(E,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),it(E,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),it(E,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),it(E,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),it(E,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};io.options=sp;io.states=lp;io.variants=dp;io.defaultOptions=Pn;io.modifiers=cp;io.className=$.className;import{jsx as Kn,jsxs as fp}from"react/jsx-runtime";var Dn="k-spin-button",up=[],bp={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Hr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},nt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=Hr.increaseLabel,decreaseLabel:s=Hr.decreaseLabel,...d}=e;return fp("span",{...d,className:n(Dn,e.className),children:[Kn(c,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":r}),Kn(c,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};nt.states=up;nt.options=bp;nt.className=Dn;nt.defaultOptions=Hr;nt.moduleName=null;nt.folderName=null;var _n="numeric-textbox",zn="numerictextbox";import{Fragment as Hn,jsx as mt,jsxs as Fr}from"react/jsx-runtime";var Fn="k-numerictextbox",hp=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],xp={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={showSpinButton:!0,showClearButton:!0,separators:!0},K=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Oa.separators,showClearButton:s=Oa.showClearButton,showSpinButton:d=Oa.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:z,"aria-label":Y,"aria-describedby":Q,...ie}=e;return Fr(F,{...ie,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,Fn),children:[u&&Fr(Hn,{children:[mt(pe,{children:u}),r&&mt(oe,{})]}),mt(se,{id:z,placeholder:k,value:h,role:"spinbutton",disabled:S,"aria-label":Y,"aria-describedby":Q,"aria-invalid":v?"true":void 0}),mt(j,{valid:g,invalid:v,loading:y,disabled:S}),mt(te,{loading:y,disabled:S}),s&&mt(ne,{loading:y,disabled:S,readonly:A,value:h}),f&&Fr(Hn,{children:[r&&mt(oe,{}),mt(me,{children:f})]}),d&&mt(nt,{className:"k-input-spinner",size:t,fillMode:a,disabled:S})]})};K.states=hp;K.options=xp;K.className=Fn;K.defaultOptions=Oa;K.moduleName=_n;K.folderName=zn;K.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var la=K;import{jsx as kp}from"react/jsx-runtime";var Un=e=>kp(la,{...e});import Gr from"react";import{jsx as Gn}from"react/jsx-runtime";var Np="k-list-group-sticky-header",Ur=e=>Gn("div",{className:n(Np,e.className),children:Gn("div",{className:"k-list-header-text",children:e.children})});import{jsx as gp}from"react/jsx-runtime";var vp="k-no-data",wa=e=>{let{live:t,...o}=e;return gp("span",{...o,className:n(vp,e.className),"aria-live":t?"polite":void 0,children:e.children})};var _t="list",no=_t;import{jsx as Vn,jsxs as $n}from"react/jsx-runtime";var Vr="k-list",Lp=[],Mp={size:[l.undefined,l.small,l.medium,l.large]},Sp={},P=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:d,noData:u,screenReaders:f,...h}=e,x=Gr.Children.toArray(a)[0],p=x?.props?.children?Gr.Children.count(x.props.children):Gr.Children.count(a);return $n("div",{...h,className:n(e.className,Vr,I(Vr,{size:t}),{"k-virtual-list":o}),children:[s,d,r&&Vn(Ur,{children:r}),a\|\|(u!==void 0?u:Vn(wa,{live:!0,children:"No data found."})),f&&a&&$n(wa,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};P.states=Lp;P.options=Mp;P.className=Vr;P.defaultOptions=Sp;P.moduleName=_t;P.folderName=no;P.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 Ep}from"react/jsx-runtime";var Xn="k-list-container",Ip=[],yp={},Tp={},so=e=>{let{...t}=e;return Ep("div",{...t,className:n(e.className,Xn),children:e.children})};so.states=Ip;so.options=yp;so.className=Xn;so.defaultOptions=Tp;so.moduleName=_t;so.folderName=no;var zt="checkbox",lo=zt;import{jsx as qn}from"react/jsx-runtime";var Ra="k-checkbox",Cp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Ap={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},Op={},Oe=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:d,invalid:u,valid:f,required:h,size:k,rounded:x,wrapperRole:p,...g}=e;return qn("span",{className:"k-checkbox-wrap",role:p,children:qn("input",{...g,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:d\|\|void 0,"aria-invalid":u?"true":void 0,className:n(e.className,Ra,I(Ra,{size:k,rounded:x}),T(Ra,{hover:r,focus:s,disabled:d,invalid:u,valid:f,indeterminate:a,checked:o}))})})};Oe.states=Cp;Oe.options=Ap;Oe.className=Ra;Oe.defaultOptions=Op;Oe.moduleName=zt;Oe.folderName=lo;Oe.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 Qe=Oe;import{jsx as Bp}from"react/jsx-runtime";var Wn="k-checkbox-list",wp=[],Rp={},Jn={layout:"vertical"},ve=e=>{let{layout:t=Jn.layout,...o}=e;return Bp("ul",{...o,className:n(e.className,Wn,{[`k-list-${t}`]:t}),children:e.children})};ve.states=wp;ve.options=Rp;ve.className=Wn;ve.defaultOptions=Jn;ve.moduleName=zt;ve.folderName=lo;import{jsx as _p}from"react/jsx-runtime";var Yn="k-checkbox-list-item",Pp=[],Kp={},Dp={},ge=e=>{let{...t}=e;return _p("li",{...t,className:n(e.className,Yn),children:e.children})};ge.states=Pp;ge.options=Kp;ge.className=Yn;ge.defaultOptions=Dp;ge.moduleName=zt;ge.folderName=lo;import{Fragment as zp,jsx as Zn,jsxs as Hp}from"react/jsx-runtime";var je=({children:e="Label",id:t="cb-label-after",...o})=>Hp(zp,{children:[Zn(Qe,{id:t,...o}),Zn("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as xI,jsx as hI,jsxs as kI}from"react/jsx-runtime";import{Fragment as MI,jsx as LI,jsxs as SI}from"react/jsx-runtime";import{Fragment as CI,jsx as EI,jsxs as AI}from"react/jsx-runtime";import{jsx as BI}from"react/jsx-runtime";import{jsx as _I}from"react/jsx-runtime";import{jsx as UI}from"react/jsx-runtime";import{jsx as Ue,jsxs as Qn}from"react/jsx-runtime";var Fp=ve.options,Up=ve.states,Gp={...ve.defaultOptions,variant:"vertical"},Vp=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],$p=[],co=e=>{let{variant:t,...o}=e;return t==="horizontal"?Qn(ve,{layout:"horizontal",...o,children:[Ue(ge,{children:Ue(je,{id:O("cb"),defaultChecked:!0,children:"Label"})}),Ue(ge,{children:Ue(je,{id:O("cb"),children:"Label"})}),Ue(ge,{children:Ue(je,{id:O("cb"),children:"Label"})})]}):Qn(ve,{...o,children:[Ue(ge,{children:Ue(je,{id:O("cb"),defaultChecked:!0,children:"Label"})}),Ue(ge,{children:Ue(je,{id:O("cb"),children:"Label"})}),Ue(ge,{children:Ue(je,{id:O("cb"),children:"Label"})})]})};co.options=Fp;co.states=Up;co.variants=Vp;co.defaultOptions=Gp;co.modifiers=$p;co.className=ve.className;import{jsx as Zp}from"react/jsx-runtime";var Xp=Qe.options,qp=Qe.states,Wp=Qe.defaultOptions,Jp=[],Yp=[],po=e=>Zp(je,{id:O("checkbox"),...e,defaultChecked:!0,children:"Label"});po.options=Xp;po.states=qp;po.variants=Jp;po.defaultOptions=Wp;po.modifiers=Yp;po.className=Qe.className;import{jsx as Ht,jsxs as tm}from"react/jsx-runtime";var $r="k-list-item",Qp=[i.hover,i.focus,i.selected,i.disabled],jp={},em={},w=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:d,checked:u,hover:f,focus:h,selected:k,disabled:x,actions:p,description:g,id:v,...L}=e,y=t\|\|e.children;return tm("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":$r,T($r,{hover:f,focus:h,disabled:x,selected:k})),children:[d&&Ht(Oe,{checked:u}),r&&Ht("span",{className:"k-list-item-icon-wrapper",children:Ht(M,{icon:r,className:n("k-list-item-icon",s)})}),Ht("span",{className:"k-list-item-text",children:y}),p&&Ht("div",{className:"k-list-item-actions",children:p}),g&&Ht("span",{className:"k-list-item-description",children:g}),o&&o!==""&&Ht("div",{className:"k-list-item-group-label",children:o})]})};w.states=Qp;w.options=jp;w.className=$r;w.defaultOptions=em;w.moduleName=_t;w.folderName=no;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 am}from"react/jsx-runtime";var om="k-list-ul",ut=e=>{let{children:t,role:o,id:a,...r}=e;return am("ul",{...r,id:a,role:o,className:n(om,e.className),children:t})};ut.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 Xr,jsxs as im}from"react/jsx-runtime";var rm="k-list-content",U=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...d}=e;return im("div",{...d,className:n(rm,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:Xr(ut,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&Xr("div",{className:"k-height-container",children:Xr("div",{})})]})};U.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 wy,jsx as Oy,jsxs as Ry}from"react/jsx-runtime";import{jsx as qr,jsxs as sm}from"react/jsx-runtime";var nm="k-list-group-item",Ft=e=>{let{groupIconName:t,...o}=e;return sm("li",{...o,role:"presentation",className:n(nm,e.className),children:[t&&qr("span",{className:"k-list-item-icon-wrapper",children:qr(M,{icon:t,className:"k-list-item-icon"})}),qr("span",{className:"k-list-item-text",children:e.children})]})};Ft.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 pm}from"react/jsx-runtime";var Wr="k-list-optionlabel",lm=[i.hover,i.focus,i.selected,i.disabled],dm={},cm={},Ba=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return pm("div",{...d,className:n(Wr,T(Wr,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Ba.states=lm;Ba.options=dm;Ba.className=Wr;Ba.defaultOptions=cm;import{jsx as fm}from"react/jsx-runtime";var Jr="k-list-custom-value",mm=[i.hover,i.focus,i.selected,i.disabled],um={},bm={},yt=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return fm("div",{...d,className:n(Jr,T(Jr,{hover:o,focus:a,selected:r,disabled:s})),children:t})};yt.states=mm;yt.options=um;yt.className=Jr;yt.defaultOptions=bm;import{Fragment as Jy,jsx as Wy,jsxs as Yy}from"react/jsx-runtime";import{Fragment as oT,jsx as tT,jsxs as aT}from"react/jsx-runtime";import{Fragment as cT,jsx as lT,jsxs as dT}from"react/jsx-runtime";import{Fragment as xT,jsx as fT,jsxs as hT}from"react/jsx-runtime";import{jsx as gT}from"react/jsx-runtime";import{Fragment as TT,jsx as yT,jsxs as ET}from"react/jsx-runtime";var jn="dropdown-list",es="dropdownlist";import{Fragment as km,jsx as Le,jsxs as Yr}from"react/jsx-runtime";var ts="k-dropdownlist",hm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],xm={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Zr={showValue:!0,arrowIconName:"caret-alt-down"},D=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=Zr.arrowIconName,showValue:s=Zr.showValue,valueIconName:d,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:z,opened:Y,adaptive:Q,adaptiveSettings:ie,adaptiveTitle:ke,adaptiveSubtitle:Pt,adaptiveFilter:Qa,id:Nt,activeDescendant:va,"aria-label":ja,...er}=e,zl=Nt?`${Nt}-listbox`:void 0,Bi=Nt?`${Nt}-value`:void 0;return Yr(km,{children:[Yr(tt,{...er,id:Nt,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,ts,{"k-icon-picker":!s&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Y?"true":"false","aria-controls":Y?zl:void 0,"aria-activedescendant":Y&&va?va:void 0,"aria-describedby":Y?Bi:void 0,"aria-disabled":S?"true":void 0,"aria-label":ja,tabIndex:0,children:[Le(pe,{children:u}),Le(Dt,{placeholder:k,value:h,showValue:s,valueIconName:d,id:Bi}),Le(j,{valid:g,invalid:v,loading:y,disabled:S}),Le(te,{loading:y,disabled:S}),Le(me,{children:f}),Le(c,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":k\|\|"Toggle dropdown",tabIndex:-1})]}),Y&&z&&Le(X,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:z}),Q&&Le(W,{adaptive:!0,...ie,header:Le(Ne,{actionsEnd:Le(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Qa,inputValue:h,inputPlaceholder:k,title:ke,subtitle:Pt}),children:Le("div",{className:"k-list-container",children:Le(P,{size:"large",children:Yr(U,{"aria-label":"Options",children:[Le(w,{text:"List item"}),Le(w,{text:"List item"}),Le(w,{text:"List item"})]})})})})]})};D.states=hm;D.options=xm;D.className=ts;D.defaultOptions=Zr;D.moduleName=jn;D.folderName=es;D.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 sE}from"react/jsx-runtime";import{jsx as uE,jsxs as bE}from"react/jsx-runtime";import{Fragment as ME,jsx as gE,jsxs as LE}from"react/jsx-runtime";import{jsx as EE}from"react/jsx-runtime";import{jsx as BE,jsxs as PE}from"react/jsx-runtime";import{Fragment as VE,jsx as UE,jsxs as GE}from"react/jsx-runtime";import{jsx as JE}from"react/jsx-runtime";import{Fragment as Sm,jsx as Tt,jsxs as os}from"react/jsx-runtime";var Nm=D.states,vm=D.defaultOptions,gm=D.options,Lm=[{name:"opened",title:"Opened"}],Mm=[],uo=e=>{let{modifiers:t,...o}=e,a={},r=os(Sm,{children:[Tt("div",{className:"k-list-filter",children:Tt(_e,{})}),Tt(P,{style:{width:300},size:o.size,children:os(U,{children:[Tt(w,{children:"List item"}),Tt(w,{children:"List item"}),Tt(w,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0)}),Tt("div",{children:Tt(D,{placeholder:"Value",style:{width:300},...o,...a})})};uo.options=gm;uo.states=Nm;uo.variants=Mm;uo.defaultOptions=vm;uo.modifiers=Lm;uo.className=D.className;import{Fragment as xC,jsx as hC}from"react/jsx-runtime";import{Fragment as MC,jsx as LC}from"react/jsx-runtime";import{jsx as TC}from"react/jsx-runtime";import{jsx as Qr}from"react/jsx-runtime";var Im=K.states,ym=K.defaultOptions,Tm=K.options,Em=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Cm=[],bo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Qr(D,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?Qr(hr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),Qr(Un,{value:"Value",style:{width:300},...o,...a})};bo.options=Tm;bo.states=Im;bo.variants=Cm;bo.defaultOptions=ym;bo.modifiers=Em;bo.className=K.className;import{Fragment as da,jsx as R,jsxs as Z}from"react/jsx-runtime";var as="k-colorgradient-inputs",Am=[],Om={size:[l.undefined,l.small,l.medium,l.large]},rs={mode:"rgba"},fo=e=>{let{mode:t=rs.mode,size:o,...a}=e;return Z("div",{...a,className:n(as,"k-hstack"),children:[R("div",{className:"k-vstack",children:R(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Z(da,{children:[Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),R("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),R("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),R("label",{className:"k-colorgradient-input-label",children:"B"})]}),Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),R("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Z(da,{children:[Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),R("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),R("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),R("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(da,{children:[Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),R("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),R("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),R("label",{className:"k-colorgradient-input-label",children:"V"})]}),Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),R("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(da,{children:[Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),R("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),R("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),R("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&R(da,{children:Z("div",{className:"k-vstack k-flex-1",children:[R(H,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),R("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};fo.states=Am;fo.options=Om;fo.className=as;fo.defaultOptions=rs;import{jsx as Ut,jsxs as Gt}from"react/jsx-runtime";var is="k-colorgradient-color-contrast",wm=[],Rm={},Bm={},ho=()=>Gt("div",{className:n(is,"k-vbox"),children:[Gt("div",{className:"k-contrast-ratio",children:[Ut("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Gt("span",{className:"k-contrast-validation !k-text-success",children:[Ut(M,{icon:"check"}),Ut(M,{icon:"check"})]})]}),Gt("div",{children:[Ut("span",{children:"AA: 4.5"}),Gt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Ut(M,{icon:"check"})]})]}),Gt("div",{children:[Ut("span",{children:"AAA: 7.0"}),Gt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Ut(M,{icon:"x"})]})]})]});ho.states=wm;ho.options=Rm;ho.className=is;ho.defaultOptions=Bm;var ns="color-gradient",ss="colorgradient";import{jsx as Ge,jsxs as ca}from"react/jsx-runtime";var Pa="k-colorgradient",Pm=[i.hover,i.focus,i.readonly,i.disabled],Km={size:[l.undefined,l.small,l.medium,l.large]},st={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ae=e=>{let{size:t,mode:o=st.mode,readonly:a=st.readonly,disabled:r=st.disabled,gradientStyle:s=st.gradientStyle,dragHandleStyle:d=st.dragHandleStyle,alphaStyle:u=st.alphaStyle,alphaStyleHorizontal:f=st.alphaStyleHorizontal,contrast:h=st.contrast,dir:k,hover:x,focus:p,hoverHandle:g,focusHandle:v,canvasOrientation:L=st.canvasOrientation,role:y,tabIndex:S,...A}=e;return ca("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,Pa,I(Pa,{size:t}),T(Pa,{hover:x,focus:p,readonly:a,disabled:r})),dir:k,children:[!L\|\|L==="horizontal"&&ca("div",{className:"k-colorgradient-canvas k-hstack",children:[Ge("div",{className:"k-hsv-rectangle",style:s,children:Ge("div",{className:"k-hsv-gradient",children:Ge("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":g,"k-focus":v}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),ca("div",{className:"k-hsv-controls k-hstack",children:[Ge(zr,{className:"k-hue-slider",hover:g,focus:v}),o!=="rgb"&&o!=="hsv"&&Ge(zr,{className:"k-alpha-slider",hover:g,focus:v,trackStyle:u})]})]}),L==="vertical"&&ca("div",{className:"k-colorgradient-canvas k-vstack",children:[Ge("div",{className:"k-hsv-rectangle",style:s,children:Ge("div",{className:"k-hsv-gradient",children:Ge("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":g,"k-focus":v}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),ca("div",{className:"k-hsv-controls k-vstack",children:[Ge(_r,{className:"k-hue-slider",hover:g,focus:v}),o!=="rgb"&&o!=="hsv"&&Ge(_r,{className:"k-alpha-slider",hover:g,focus:v,trackStyle:f})]})]}),Ge(fo,{mode:e.mode,size:t}),h&&Ge(ho,{})]})};ae.states=Pm;ae.options=Km;ae.className=Pa;ae.defaultOptions=st;ae.moduleName=ns;ae.folderName=ss;ae.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 Dm}from"react/jsx-runtime";var Ka=e=>Dm(ae,{...e});import{jsx as mA}from"react/jsx-runtime";import{jsx as hA}from"react/jsx-runtime";import{jsx as jr}from"react/jsx-runtime";var _m=ae.options,zm=ae.states,Hm={...ae.defaultOptions,variant:"rgba"},Fm=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Um=[],xo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return jr(Ka,{...o,mode:t});case"rgb":return jr(Ka,{...o,mode:t});default:return jr(Ka,{...o,mode:t})}};xo.options=_m;xo.states=zm;xo.variants=Fm;xo.defaultOptions=Hm;xo.modifiers=Um;xo.className=ae.className;import{jsx as Gm}from"react/jsx-runtime";var ei=e=>Gm("tr",{role:"row",children:e.children});import{jsx as Xm}from"react/jsx-runtime";var ti="k-colorpalette-tile",Vm=[i.hover,i.focus,i.selected],$m={},ko=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 Xm("td",{...d,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:n(e.className,ti,T(ti,{hover:a,focus:r,selected:s})),style:u})};ko.states=Vm;ko.options=$m;ko.className=ti;var ls="color-palette",ds="colorpalette";import{jsx as pa}from"react/jsx-runtime";var Da="k-colorpalette",qm=[i.disabled],Wm={size:[l.undefined,l.small,l.medium,l.large]},cs={columns:10},Me=e=>{let{size:t,palette:o,columns:a=cs.columns,tileSize:r,disabled:s,...d}=e,u=[];if(o){let f=a\|\|o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/f)},(k,x)=>{let p=[];h.slice(xf,(x+1)f).map((v,L)=>{p.push(pa(ko,{color:v,tileSize:r},L))});let g=pa(ei,{children:p},x);u.push(g)})}return pa("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:n(e.className,Da,T(Da,{disabled:s}),I(Da,{size:t})),children:pa("table",{className:"k-colorpalette-table",role:"none",children:pa("tbody",{children:u.length>0?u:e.children})})})};Me.states=qm;Me.options=Wm;Me.className=Da;Me.defaultOptions=cs;Me.moduleName=ls;Me.folderName=ds;Me.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 _a=Me;var ma={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 Jm}from"react/jsx-runtime";var ps=e=>Jm(_a,{palette:ma.basic,...e});import{jsx as ZA}from"react/jsx-runtime";import{jsx as aO,jsxs as rO}from"react/jsx-runtime";import{jsx as ou}from"react/jsx-runtime";var Ym=Me.options,Zm=Me.states,Qm={...Me.defaultOptions,variant:"basic"},jm=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],eu={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}},tu=[],No=e=>{let{variant:t="basic",...o}=e,a=eu[t];return ou(ps,{columns:a.columns,palette:a,...o})};No.options=Ym;No.states=Zm;No.variants=jm;No.defaultOptions=Qm;No.modifiers=tu;No.className=Me.className;var ms="color-editor",us="coloreditor";import{jsx as Ve,jsxs as vo}from"react/jsx-runtime";var za="k-coloreditor",au=[i.focus],ru={size:[l.undefined,l.small,l.medium,l.large]},ua={view:"gradient",palette:ma.office,actionButtons:!0,canvasOrientation:"horizontal"},J=e=>{let{size:t,view:o=ua.view,palette:a=ua.palette,color:r,currentColor:s,focus:d,focusView:u,dir:f,group:h,actionButtons:k=ua.actionButtons,canvasOrientation:x=ua.canvasOrientation,...p}=e;return vo("div",{...p,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",za,I(za,{size:t}),T(za,{focus:d})),dir:f,children:[vo("div",{className:"k-coloreditor-header k-hstack",children:[Ve("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&vo(C,{fillMode:"flat",children:[Ve(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ve(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ve("div",{className:"k-spacer"}),vo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ve(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),vo("div",{className:"k-coloreditor-preview k-vstack",children:[Ve(vt,{className:"k-coloreditor-preview-color",color:r}),Ve(vt,{className:"k-coloreditor-current-color",color:s})]})]})]}),Ve("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ve(ae,{focus:u,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):Ve(Me,{palette:a,size:t})}),k&&vo(rt,{className:"k-coloreditor-footer",alignment:"start",children:[Ve(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ve(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};J.states=au;J.options=ru;J.className=za;J.defaultOptions=ua;J.moduleName=ms;J.folderName=us;J.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var go=J;import{jsx as RO}from"react/jsx-runtime";import{jsx as DO}from"react/jsx-runtime";import{jsx as iu}from"react/jsx-runtime";var bs=e=>iu(go,{group:!0,currentColor:"fuchsia",...e});import{jsx as nu}from"react/jsx-runtime";var fs=e=>nu(go,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as hs}from"react/jsx-runtime";var su=J.options,lu=J.states,du={...J.defaultOptions,variant:"gradient"},cu=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],pu=[],Lo=e=>{let{variant:t,...o}=e;return t==="palette"?hs(fs,{...o,color:"white"}):hs(bs,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Lo.options=su;Lo.states=lu;Lo.variants=cu;Lo.defaultOptions=du;Lo.modifiers=pu;Lo.className=J.className;var xs="color-picker",ks="colorpicker";import{Fragment as bu,jsx as $e,jsxs as oi}from"react/jsx-runtime";var Ns="k-colorpicker",mu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],uu={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]},vs={arrowIconName:"caret-alt-down"},we=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=vs.arrowIconName,prefix:s,suffix:d,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:z,adaptiveTitle:Y,adaptiveSubtitle:Q,...ie}=e,ke="colorpicker-popup";return oi(bu,{children:[oi(tt,{...ie,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?ke:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":v?"true":void 0,className:n(e.className,Ns,"k-icon-picker"),children:[$e(pe,{children:s}),$e(Dt,{placeholder:f,value:u,showValue:!1,valueIcon:$e(vt,{className:"k-value-icon",color:u,iconName:L}),valueIconName:L}),$e(me,{children:d}),$e(c,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:v})]}),S&&y&&$e(X,{id:ke,className:"k-colorpicker-popup",children:y}),A&&$e(W,{adaptive:!0,id:ke,...z,header:$e(Ne,{actionsEnd:$e(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Y,subtitle:Q}),footer:oi(gt,{children:[$e(c,{text:"Cancel",size:"large"}),$e(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:$e(J,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};we.states=mu;we.options=uu;we.className=Ns;we.defaultOptions=vs;we.moduleName=xs;we.folderName=ks;we.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 bt=we;import{jsx as fu}from"react/jsx-runtime";var Ha=e=>fu(bt,{...e});import{jsx as vw}from"react/jsx-runtime";import{jsx as Iw}from"react/jsx-runtime";import{jsx as Cw}from"react/jsx-runtime";import{jsx as Rw}from"react/jsx-runtime";import{jsx as Dw}from"react/jsx-runtime";import{jsx as Fw}from"react/jsx-runtime";import{jsx as Vt}from"react/jsx-runtime";var hu=bt.options,xu=bt.states,gs={...bt.defaultOptions,variant:"color"},ku=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Nu=[{name:"opened",title:"Opened"}],Mo=e=>{let{variant:t,modifiers:o,...a}={...gs,...e},r={};Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(r.opened=!!o?.[d],r.popup=o?.[d]?Vt(J,{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 Vt("div",{style:s,children:Vt(Ha,{...a,...r})});case"icon":return Vt("div",{style:s,children:Vt(Ha,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return Vt("div",{style:s,children:Vt(Ha,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};Mo.options=hu;Mo.states=xu;Mo.variants=ku;Mo.defaultOptions=gs;Mo.modifiers=Nu;Mo.className=bt.className;var ai="combobox",Ls=ai;import{Fragment as ri,jsx as ee,jsxs as ba}from"react/jsx-runtime";var Ms="k-combobox",vu=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],gu={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={separators:!0},ue=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ss.separators,prefix:s,suffix:d,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:z,adaptiveSettings:Y,adaptiveTitle:Q,adaptiveSubtitle:ie,adaptiveCustomValue:ke,id:Pt,autocomplete:Qa,activeDescendant:Nt,"aria-label":va,...ja}=e,er=Pt?`${Pt}-listbox`:void 0;return ba(ri,{children:[ba(F,{...ja,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,Ms),children:[s&&ba(ri,{children:[ee(pe,{children:s}),r&&ee(oe,{})]}),ee(se,{id:Pt,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":S?"true":"false","aria-controls":S?er:void 0,"aria-activedescendant":S&&Nt?Nt:void 0,"aria-autocomplete":Qa,"aria-invalid":p?"true":void 0,"aria-busy":v?"true":void 0,"aria-label":va,disabled:L,readOnly:A}),ee(j,{valid:x,invalid:p,loading:v,disabled:L}),ee(te,{loading:v,disabled:L}),ee(ne,{loading:v,disabled:L,readonly:A,value:u}),d&&ba(ri,{children:[r&&ee(oe,{}),ee(me,{children:d})]}),ee(c,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:L})]}),S&&y&&ee(X,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:y}),z&&ee(W,{adaptive:!0,id:Pt?`${Pt}-adaptive`:void 0,...Y,header:ee(Ne,{actionsEnd:ee(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:Q,subtitle:ie}),children:ee("div",{className:"k-list-container",children:ee(P,{customValue:ke?ee(yt,{text:`Use "${u}"`}):void 0,size:"large",children:ba(U,{"aria-label":Q\|\|"Options",children:[ee(w,{text:"List item"}),ee(w,{text:"List item"}),ee(w,{text:"List item"})]})})})})]})};ue.states=vu;ue.options=gu;ue.className=Ms;ue.defaultOptions=Ss;ue.moduleName=ai;ue.folderName=Ls;ue.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 Re=ue;import{jsx as Lu}from"react/jsx-runtime";var Is=e=>Lu(Re,{...e});import{jsx as MR,jsxs as SR}from"react/jsx-runtime";import{jsx as AR,jsxs as OR}from"react/jsx-runtime";import{jsx as DR,jsxs as _R}from"react/jsx-runtime";import{Fragment as VR,jsx as GR}from"react/jsx-runtime";import{Fragment as YR,jsx as JR}from"react/jsx-runtime";import{jsx as oB,jsxs as aB}from"react/jsx-runtime";import{Fragment as pB,jsx as dB,jsxs as cB}from"react/jsx-runtime";import{jsx as fB}from"react/jsx-runtime";import{jsx as NB}from"react/jsx-runtime";import{jsx as IB,jsxs as yB}from"react/jsx-runtime";import{jsx as wB,jsxs as RB}from"react/jsx-runtime";import{jsx as Et,jsxs as Eu}from"react/jsx-runtime";var Mu=ue.states,Su=ue.defaultOptions,Iu=ue.options,yu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Tu=[],So=e=>{let{modifiers:t,...o}=e,a={},r=Et(P,{style:{width:300},size:o.size,children:Eu(U,{children:[Et(w,{children:"List item"}),Et(w,{children:"List item"}),Et(w,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?Et(M,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?Et(ct,{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}}),Et("div",{children:Et(Is,{value:"Value",style:{width:300},...o,...a})})};So.options=Iu;So.states=Mu;So.variants=Tu;So.defaultOptions=Su;So.modifiers=yu;So.className=ue.className;var ii="menu-button",ys=ii;import{jsx as Ou}from"react/jsx-runtime";var Ts="k-menu-button",Cu=[i.hover,i.focus,i.active,i.selected,i.disabled],Au={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]},ni={showArrow:!0,arrowIconName:"caret-alt-down"},G=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,icon:k,text:x,showArrow:p=ni.showArrow,arrowIconName:g=ni.arrowIconName,expanded:v,...L}=e;return Ou(c,{...L,className:n(e.className,Ts),text:x,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,icon:k,showArrow:p,arrowIconName:g,"aria-expanded":v?"true":"false",...!x&&k&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};G.states=Cu;G.options=Au;G.className=Ts;G.defaultOptions=ni;G.moduleName=ii;G.folderName=ys;G.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 mP}from"react/jsx-runtime";import{jsx as hP}from"react/jsx-runtime";import{jsx as vP}from"react/jsx-runtime";var Be="menu",Xe=Be;import{jsx as fa,jsxs as Es}from"react/jsx-runtime";var si="k-menu-item",wu=[i.hover,i.focus,i.active,i.selected,i.disabled],Ru={},Cs={iconPosition:"before"},be=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:d,text:u,first:f,last:h,showArrow:k,arrowIconName:x,iconPosition:p=Cs.iconPosition,dir:g,children:v,expanded:L,...y}=e,S=x;return S\|\|(S=g==="rtl"?"caret-alt-left":"caret-alt-right"),Es("li",{...y,className:n(e.className,si,"k-item",T(si,{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:[Es("span",{className:n("k-link k-menu-link"),children:[d&&p==="before"&&fa(M,{className:"k-menu-link-icon",icon:d}),fa("span",{className:"k-menu-link-text",children:u}),d&&p==="after"&&fa(M,{className:"k-menu-link-icon",icon:d}),k&&fa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:fa(M,{icon:S})})]}),v]})};be.states=wu;be.options=Ru;be.className=si;be.defaultOptions=Cs;be.moduleName=Be;be.folderName=Xe;import{jsx as ha,jsxs as As}from"react/jsx-runtime";var li="k-menu-item",Bu=[i.hover,i.focus,i.active,i.selected,i.disabled],Pu={},di={dir:"ltr",iconPosition:"before"},q=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:d,text:u,first:f,last:h,showArrow:k,arrowIconName:x,iconPosition:p=di.iconPosition,dir:g=di.dir,children:v,popup:L,expanded:y,...S}=e,A=x;return A\|\|(A=g==="rtl"?"caret-alt-left":"caret-alt-right"),As("li",{...S,className:n(e.className,li,"k-item",T(li,{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:[As("span",{className:n("k-link k-menu-link",T("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[d&&p==="before"&&ha(M,{className:"k-menu-link-icon",icon:d}),ha("span",{className:"k-menu-link-text",children:u}),d&&p==="after"&&ha(M,{className:"k-menu-link-icon",icon:d}),k&&ha("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ha(M,{icon:A})})]}),v,L]})};q.states=Bu;q.options=Pu;q.className=li;q.defaultOptions=di;q.moduleName=Be;q.folderName=Xe;import{jsx as zu}from"react/jsx-runtime";var Os="k-menu-scroll-wrapper",Ku=[],Du={},_u={},$t=e=>{let{className:t,children:o,orientation:a,...r}=e;return zu("div",{...r,className:n(t,Os,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};$t.states=Ku;$t.options=Du;$t.className=Os;$t.defaultOptions=_u;$t.moduleName=Be;$t.folderName=Xe;var ws=$t;import{Fragment as ci,jsx as Xt,jsxs as Ua}from"react/jsx-runtime";var pi="k-menu",Hu=[],Fu={},Ga={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=Ga.orientation,header:a=Ga.header,scrollable:r,scrollButtonsPosition:s=Ga.scrollButtonsPosition,wrapperStyles:d,dir:u,popup:f,contextMenu:h,...k}=e,x={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},p=Xt("ul",{dir:u,...k,className:n(e.className,"k-reset",pi,{[`${pi}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Ua(ci,{children:[r?Ua(ws,{orientation:o,style:d,dir:e.dir,children:[s==="start"&&Ua(ci,{children:[Xt(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"}),Xt(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"&&Xt(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"&&Ua(ci,{children:[Xt(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"}),Xt(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"&&Xt(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]})};re.states=Hu;re.options=Fu;re.className=pi;re.defaultOptions=Ga;re.moduleName=Be;re.folderName=Xe;re.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 Uu}from"react/jsx-runtime";var mi="k-separator",Rs={orientation:"horizontal"},Io=e=>{let{orientation:t=Rs.orientation,...o}=e;return Uu("li",{...o,className:n(e.className,"k-item",mi,{[`${mi}-${t}`]:t}),role:"separator"})};Io.className=mi;Io.defaultOptions=Rs;Io.moduleName=Be;Io.folderName=Xe;import{Fragment as JP,jsx as YP}from"react/jsx-runtime";import{jsx as Xu}from"react/jsx-runtime";var ui="k-menu-group",Gu=[],Vu={size:[l.undefined,l.small,l.medium,l.large]},$u={},fe=e=>{let{children:t,size:o,...a}=e;return Xu("ul",{...a,className:n(e.className,ui,I(ui,{size:o})),role:"menu",children:t})};fe.states=Gu;fe.options=Vu;fe.className=ui;fe.defaultOptions=$u;fe.moduleName=Be;fe.folderName=Xe;import{Fragment as qu,jsx as yo,jsxs as Wu}from"react/jsx-runtime";var bi=e=>yo(re,{children:Wu(qu,{children:[yo(be,{first:!0,text:"Item 1"}),yo(be,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),yo(be,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),yo(be,{text:"Item 4"}),yo(be,{last:!0,text:"Item 5"})]}),...e});import{Fragment as cK,jsx as lK,jsxs as dK}from"react/jsx-runtime";import{Fragment as fK,jsx as bK,jsxs as hK}from"react/jsx-runtime";import{Fragment as gK,jsx as vK,jsxs as LK}from"react/jsx-runtime";import{Fragment as TK,jsx as yK,jsxs as EK}from"react/jsx-runtime";import{jsx as qt,jsxs as ju}from"react/jsx-runtime";var Ju=re.options,Yu=re.states,Bs={...re.defaultOptions,variant:"horizontal"},Zu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Qu=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],To=e=>{let{variant:t,modifiers:o,...a}={...Bs,...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=qt(X,{className:"k-menu-popup",children:ju(fe,{children:[qt(q,{text:"Item 1"}),qt(q,{text:"Item 2"}),qt(Io,{}),qt(q,{text:"Item 3"})]})});break}}),t==="vertical"?qt(bi,{...a,...r,orientation:"vertical",style:{width:"200px"}}):qt(bi,{...a,...r})};To.options=Ju;To.states=Yu;To.variants=Zu;To.defaultOptions=Bs;To.modifiers=Qu;To.className=re.className;import{Fragment as n0,jsx as r0,jsxs as i0}from"react/jsx-runtime";import{jsx as c0}from"react/jsx-runtime";import{Fragment as rb,jsx as lt,jsxs as Ps}from"react/jsx-runtime";var eb=c.states,Ks={...c.defaultOptions,variant:"text"},tb=c.options,ob=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ab=[{name:"opened",title:"Opened"}],Eo=e=>{let{variant:t,modifiers:o,...a}={...Ks,...e},r={},s=lt(X,{className:"k-menu-popup",children:Ps(fe,{size:a.size,children:[lt(q,{first:!0,text:"Menu Item"}),lt(q,{text:"Menu Item"}),lt(q,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=lt("div",{children:lt(G,{...a,...r,icon:"star"})});break;case"icon-and-text":d=lt("div",{children:lt(G,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:d=lt("div",{children:lt(G,{...a,...r,children:"Dropdown Button"})});break}return Ps(rb,{children:[d,o?.opened&&s]})};Eo.options=tb;Eo.states=eb;Eo.variants=ob;Eo.defaultOptions=Ks;Eo.modifiers=ab;Eo.className=G.className;var fi="split-button",Ds=fi;import{Fragment as sb,jsx as hi,jsxs as _s}from"react/jsx-runtime";var xi="k-split-button",ib=[i.hover,i.focus,i.active,i.selected,i.disabled],nb={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]},zs={arrowIconName:"caret-alt-down"},B=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,icon:k,text:x,arrowIconName:p=zs.arrowIconName,popup:g,opened:v,popupId:L,...y}=e;return _s(sb,{children:[_s("div",{...y,className:n(e.className,xi,"k-button-group",I(xi,{rounded:o})),children:[hi(c,{text:x,icon:k,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,...!x&&!e.children&&k&&{"aria-label":"Action"},children:e.children}),hi(c,{className:"k-split-button-arrow",icon:p,size:t,rounded:o,fillMode:a,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":v?"true":"false","aria-controls":v?L:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),v&&g&&hi(X,{className:"k-menu-popup",children:g})]})};B.states=ib;B.options=nb;B.className=xi;B.defaultOptions=zs;B.moduleName=fi;B.folderName=Ds;B.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 ki=B;import{jsx as db}from"react/jsx-runtime";var lb="k-toolbar-separator",he=e=>db("div",{className:n(lb,e.className,"k-separator")});var ft="toolbar",Ct=ft;import{Fragment as Ni,jsx as _,jsxs as Co}from"react/jsx-runtime";var ht="k-toolbar",cb=[i.focus],pb={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},mb={scrollButtons:"around"},V=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:d,scrollingPosition:u,section:f,...h}=e,k=[],x=(p,g)=>{let v=[];if(p.type===c&&p.props.className&&p.props.className.includes("k-toolbar-overflow-button"))v.push(_(c,{...p.props,className:`${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===c)v.push(_(c,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===Qo)v.push(_(Qo,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===ct)v.push(_(ct,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===G)v.push(_(G,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===ki)v.push(_(ki,{...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(_(c,{...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===ue?v.push(_(ue,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===D?v.push(_(D,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===we?v.push(_(we,{...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)}),Co("div",{...h,className:n(e.className,ht,I(ht,{size:t,fillMode:o}),T(ht,{focus:a}),{[`${ht}-resizable`]:r,[`${ht}-scrollable`]:s,[`${ht}-scrollable-overlay`]:s&&d==="hidden",[`${ht}-scrollable-${u}`]:u&&u!=="both",[`${ht}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&k,s&&d==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),s&&d==="start"&&Co(Ni,{children:[Co(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"})})]}),_(he,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k})]}),s&&d==="end"&&Co(Ni,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),_(he,{className:"k-toolbar-button-separator"}),Co(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&&(d==="around"\|\|!d)&&Co(Ni,{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"})}),_(he,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),_(he,{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"})})]})]})};V.states=cb;V.options=pb;V.className=ht;V.defaultOptions=mb;V.moduleName=ft;V.folderName=Ct;V.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 hb}from"react/jsx-runtime";var Hs="k-floating-toolbar",ub=[],bb={},fb={},Ao=e=>{let{...t}=e;return hb("div",{...t,className:n(e.className,Hs),children:e.children})};Ao.states=ub;Ao.options=bb;Ao.className=Hs;Ao.defaultOptions=fb;Ao.moduleName=ft;Ao.folderName=Ct;import{jsx as vb}from"react/jsx-runtime";var vi="k-toolbar-item",xb=[i.focus],kb={},Nb={},dt=e=>{let{focus:t,...o}=e;return vb("div",{...o,className:n(e.className,vi,T(vi,{focus:t})),children:e.children})};dt.states=xb;dt.options=kb;dt.className=vi;dt.defaultOptions=Nb;dt.moduleName=ft;dt.folderName=Ct;import{jsx as Fs}from"react/jsx-runtime";var Us="k-toolbar-popup",gb=[],Lb={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Mb={},Wt=e=>{let{size:t,fillMode:o,section:a,...r}=e;return Fs(X,{...r,className:n(e.className,Us),children:a?Fs("span",{className:n("k-toolbar-items-list",I("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Wt.states=gb;Wt.options=Lb;Wt.className=Us;Wt.defaultOptions=Mb;Wt.moduleName=ft;Wt.folderName=Ct;var Va=Wt;import{jsx as uD}from"react/jsx-runtime";import{jsx as xD}from"react/jsx-runtime";import{jsx as gD}from"react/jsx-runtime";import{jsx as TD,jsxs as ED}from"react/jsx-runtime";import{jsx as wD}from"react/jsx-runtime";import{jsx as xt,jsxs as Eb}from"react/jsx-runtime";var Sb=B.states,Gs={...B.defaultOptions,variant:"text"},Ib=B.options,yb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Tb=[{name:"opened",title:"Opened"}],Oo=e=>{let{variant:t,modifiers:o,...a}={...Gs,...e},r={},s=Eb(fe,{size:a.size,children:[xt(q,{first:!0,text:"Menu Item"}),xt(q,{text:"Menu Item"}),xt(q,{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 xt("div",{children:xt(B,{...a,...r,icon:"star"})});case"icon-and-text":return xt("div",{children:xt(B,{...a,...r,icon:"star",children:"Split Button"})});default:return xt("div",{children:xt(B,{...a,...r,children:"Split Button"})})}};Oo.options=Ib;Oo.states=Sb;Oo.variants=yb;Oo.defaultOptions=Gs;Oo.modifiers=Tb;Oo.className=B.className;import{jsx as Jt,jsxs as Cb}from"react/jsx-runtime";var Vs=e=>Jt(V,{children:[Jt(c,{children:"Button"},"toolbar-button"),Jt(G,{text:"Menu button"},"toolbar-menu-button"),Jt(B,{children:"Split button"},"toolbar-split-button"),Cb(C,{children:[Jt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Jt(c,{icon:"align-center",children:"Center"}),Jt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as s_,jsxs as l_}from"react/jsx-runtime";import{jsx as Pe,jsxs as $s}from"react/jsx-runtime";var Xs=e=>Pe(V,{scrollable:!0,...e,children:[Pe(c,{children:"Button"},"toolbar-button"),Pe(G,{text:"Menu button"},"toolbar-menu-button"),Pe(B,{children:"Split button"},"toolbar-split-button"),$s(C,{children:[Pe(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Pe(c,{icon:"align-center",children:"Center"}),Pe(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Pe(c,{children:"Button"},"toolbar-button"),Pe(G,{text:"Menu button"},"toolbar-menu-button"),Pe(B,{children:"Split button"},"toolbar-split-button"),$s(C,{children:[Pe(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Pe(c,{icon:"align-center",children:"Center"}),Pe(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Ke,jsxs as qs}from"react/jsx-runtime";var Ws=({scrollingPosition:e="start",...t})=>Ke(V,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Ke(c,{children:"Button"},"toolbar-button"),Ke(G,{text:"Menu button"},"toolbar-menu-button"),Ke(B,{children:"Split button"},"toolbar-split-button"),qs(C,{children:[Ke(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Ke(c,{icon:"align-center",children:"Center"}),Ke(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Ke(c,{children:"Button"},"toolbar-button"),Ke(G,{text:"Menu button"},"toolbar-menu-button"),Ke(B,{children:"Split button"},"toolbar-split-button"),qs(C,{children:[Ke(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Ke(c,{icon:"align-center",children:"Center"}),Ke(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Ab,jsx as Te,jsxs as $a}from"react/jsx-runtime";var Js=({fillMode:e,size:t,...o})=>$a(Ab,{children:[Te(V,{section:!0,fillMode:e,size:t,children:[Te(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),$a(C,{fillMode:e,children:[Te(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Te(he,{className:"k-toolbar-button-separator"}),Te(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),$a(Va,{size:t,fillMode:e,section:!0,...o,children:[Te(B,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Te(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Te(he,{}),Te(G,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),$a(C,{fillMode:e,children:[Te(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as F_,jsx as z_,jsxs as H_}from"react/jsx-runtime";import{Fragment as Q_,jsx as Y_,jsxs as Z_}from"react/jsx-runtime";import{jsx as At}from"react/jsx-runtime";var Ob=V.options,wb=V.states,Ys={...V.defaultOptions,variant:"default"},Rb=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Bb=[],wo=e=>{let{variant:t,...o}={...Ys,...e};switch(t){case"responsive":return At("div",{children:At(Js,{style:{width:"583px"},...o})});case"overlay":return At("div",{children:At(Ws,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return At("div",{children:At(Xs,{style:{width:"583px"},...o})});default:return At("div",{children:At(Vs,{style:{width:"583px"},...o})})}};wo.options=Ob;wo.states=wb;wo.variants=Rb;wo.defaultOptions=Ys;wo.modifiers=Bb;wo.className=V.className;import{jsx as De}from"react/jsx-runtime";var Zs="k-imageeditor-toolbar",Pb=[],Kb={},Db=[De(c,{icon:"upload","aria-label":"Upload"},"toolbar-button-1"),De(c,{disabled:!0,icon:"download","aria-label":"Download"},"toolbar-button-2"),De(he,{},"toolbar-separator-1"),De(c,{disabled:!0,icon:"undo","aria-label":"Undo"},"toolbar-button-3"),De(c,{disabled:!0,icon:"redo","aria-label":"Redo"},"toolbar-button-4"),De(he,{},"toolbar-separator-2"),De(c,{disabled:!0,icon:"crop","aria-label":"Crop"},"toolbar-button-5"),De(c,{disabled:!0,icon:"image-resize","aria-label":"Resize"},"toolbar-button-6"),De(c,{disabled:!0,icon:"zoom-in","aria-label":"Zoom in"},"toolbar-button-7"),De(c,{disabled:!0,icon:"zoom-out","aria-label":"Zoom out"},"toolbar-button-8"),De(dt,{children:De(D,{disabled:!0,value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],Qs={toolbarItems:Db},Ro=e=>{let{toolbarItems:t=Qs.toolbarItems,...o}=e;return De(V,{...o,className:n(e.className,Zs),children:t})};Ro.states=Pb;Ro.options=Kb;Ro.className=Zs;Ro.defaultOptions=Qs;var js="image-editor",el="imageeditor";import{jsx as xa,jsxs as tl}from"react/jsx-runtime";var ol="k-imageeditor",_b=[],zb={},Hb={},et=e=>{let{toolbarItems:t,actionPane:o,contentHeight:a,children:r,...s}=e;return tl("div",{...s,className:n(e.className,ol),children:[xa("div",{className:"k-imageeditor-header",children:xa(Ro,{toolbarItems:t})}),tl("div",{className:"k-imageeditor-content",style:{height:a},children:[xa("div",{className:"k-imageeditor-canvas-container",children:xa("div",{className:"k-imageeditor-canvas",children:r})}),o&&xa("div",{className:"k-imageeditor-action-pane",children:o})]})]})};et.states=_b;et.options=zb;et.className=ol;et.defaultOptions=Hb;et.moduleName=js;et.folderName=el;et.ariaSpec={selector:".k-imageeditor",rules:[{selector:".k-imageeditor-canvas>canvas",attribute:"role=img",usage:"Indicates the canvas role as an image. Applicable when an image is loaded."},{selector:".k-imageeditor-canvas>canvas",attribute:"aria-label or aria-labelledby",usage:"Provides an accessible name for the canvas by describing the image content. Applicable when an image is loaded."}]};var al="form",rl="forms";import{Fragment as il,jsx as Xa,jsxs as Gb}from"react/jsx-runtime";var qa="k-form",Fb=[],Ub={size:[l.undefined,l.small,l.medium,l.large]},gi={layout:"basic",tag:"form"},de=e=>{let{size:t,orientation:o,layout:a=gi.layout,formButtons:r,cols:s,gutters:d,tag:u=gi.tag,children:f}=e,h=u,k=n(e.className,qa,I(qa,{size:t}),{[`${qa}-${o}`]:o}),x=Gb(il,{children:[a==="grid"?Xa("div",{className:n("k-form-layout","k-d-grid",{[`k-grid-cols-${s}`]:s}),style:{...typeof d=="string"&&{gap:d},...typeof d=="object"&&d.rows&&{rowGap:d.rows},...typeof d=="object"&&d.cols&&{columnGap:d.cols}},children:f}):Xa(il,{children:f}),r&&Xa("div",{className:"k-form-buttons",children:r})]}),{role:p,"aria-labelledby":g,"aria-label":v,id:L}=e;return Xa(h,{className:k,role:p,"aria-labelledby":g,"aria-label":v,id:L,children:x})};de.states=Fb;de.options=Ub;de.className=qa;de.defaultOptions=gi;de.moduleName=al;de.folderName=rl;var nl="label",sl="label";import{jsx as ll,jsxs as qb}from"react/jsx-runtime";var Li="k-label",Vb=[i.disabled],$b={},Xb={},Ot=e=>{let{disabled:t,optional:o,info:a,text:r,children:s,...d}=e;return qb("label",{...d,className:n(e.className,Li,T(Li,{disabled:t})),children:[r\|\|s,o&&ll("span",{className:"k-label-optional",children:"(Optional)"}),a&&ll("span",{className:"k-field-info",children:a})]})};Ot.states=Vb;Ot.options=$b;Ot.className=Li;Ot.defaultOptions=Xb;Ot.moduleName=nl;Ot.folderName=sl;import{jsx as Zb}from"react/jsx-runtime";var dl="k-form-hint",Wb=[],Jb={},Yb={},qe=e=>{let{text:t,children:o,...a}=e;return Zb("div",{...a,className:n(e.className,dl),children:t\|\|o})};qe.states=Wb;qe.options=Jb;qe.className=dl;qe.defaultOptions=Yb;import{jsx as tf}from"react/jsx-runtime";var cl="k-form-error",Qb=[],jb={},ef={},We=e=>{let{text:t,children:o,...a}=e;return tf("div",{...a,className:n(e.className,cl),children:t\|\|o})};We.states=Qb;We.options=jb;We.className=cl;We.defaultOptions=ef;import{jsx as Wa,jsxs as pl}from"react/jsx-runtime";var Mi="k-form-field",of=[i.disabled],Je=e=>{let{editorId:t,label:o,orientation:a,optional:r,editor:s,hint:d,error:u,info:f,disabled:h,dir:k,colSpan:x,...p}=e;return pl("div",{...p,className:n(Mi,e.className,T(Mi,{disabled:h}),{[`k-col-span-${x}`]:x}),dir:k,children:[o&&Wa(Ot,{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&&Wa("span",{className:"k-label k-form-label k-label-empty"}),pl("div",{className:"k-form-field-wrap",children:[s,d&&Wa(qe,{id:t?`${t}-hint`:void 0,children:d}),u&&Wa(We,{id:t?`${t}-error`:void 0,children:u})]})]})};Je.states=of;Je.className=Mi;import{Fragment as af,jsx as Si,jsxs as rf}from"react/jsx-runtime";var ml="k-form-fieldset",wt=e=>{let{legend:t,layout:o,cols:a,gutters:r,colSpan:s}=e;return rf("fieldset",{className:n(ml,{[`k-col-span-${s}`]:s}),children:[t&&Si("legend",{className:"k-form-legend",children:t}),o==="grid"?Si("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}):Si(af,{children:e.children})]})};wt.className=ml;var Yt="radio",Bo=Yt;import{jsx as ul}from"react/jsx-runtime";var Ja="k-radio",nf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked],sf={size:[l.undefined,l.small,l.medium,l.large]},lf={},Ee=e=>{let{id:t,checked:o,hover:a,focus:r,disabled:s,invalid:d,valid:u,required:f,size:h,...k}=e;return ul("span",{className:"k-radio-wrap",children:ul("input",{...k,id:t,type:"radio",checked:o,required:f,disabled:s\|\|void 0,"aria-invalid":d?"true":void 0,className:n(e.className,Ja,I(Ja,{size:h}),T(Ja,{hover:a,focus:r,disabled:s,invalid:d,valid:u,checked:o}))})})};Ee.states=nf;Ee.options=sf;Ee.className=Ja;Ee.defaultOptions=lf;Ee.moduleName=Yt;Ee.folderName=Bo;Ee.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 Ye=Ee;import{jsx as pf}from"react/jsx-runtime";var bl="k-radio-list",df=[],cf={},fl={layout:"vertical"},ce=e=>{let{layout:t=fl.layout,...o}=e;return pf("ul",{...o,className:n(e.className,bl,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};ce.states=df;ce.options=cf;ce.className=bl;ce.defaultOptions=fl;ce.moduleName=Yt;ce.folderName=Bo;ce.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 ff}from"react/jsx-runtime";var hl="k-radio-list-item",mf=[],uf={},bf={},xe=e=>{let{...t}=e;return ff("li",{...t,className:n(e.className,hl),role:"none",children:e.children})};xe.states=mf;xe.options=uf;xe.className=hl;xe.defaultOptions=bf;xe.moduleName=Yt;xe.folderName=Bo;import{jsx as gH}from"react/jsx-runtime";import{Fragment as hf,jsx as xl,jsxs as xf}from"react/jsx-runtime";var kt=({children:e,id:t,...o})=>xf(hf,{children:[xl(Ye,{...o,id:t}),xl("label",{className:"k-radio-label",htmlFor:t,children:e})]});import{Fragment as CH,jsx as EH,jsxs as AH}from"react/jsx-runtime";import{Fragment as KH,jsx as BH,jsxs as PH}from"react/jsx-runtime";import{Fragment as FH,jsx as HH,jsxs as UH}from"react/jsx-runtime";import{Fragment as qH,jsx as XH,jsxs as WH}from"react/jsx-runtime";import{Fragment as t1,jsx as e1,jsxs as o1}from"react/jsx-runtime";import{jsx as n1}from"react/jsx-runtime";import{jsx as Sf}from"react/jsx-runtime";var Nf=Ye.options,vf=Ye.states,gf=Ye.defaultOptions,Lf=[],Mf=[],Po=e=>Sf(kt,{id:O("radio"),name:"value",...e,children:"Label"});Po.options=Nf;Po.states=vf;Po.variants=Lf;Po.defaultOptions=gf;Po.modifiers=Mf;Po.className=Ye.className;import{jsx as Ze,jsxs as kl}from"react/jsx-runtime";var If=ce.options,yf=ce.states,Tf={...ce.defaultOptions,variant:"vertical"},Ef=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Cf=[],Ko=e=>{let{variant:t,...o}=e;return t==="horizontal"?kl(ce,{layout:"horizontal",...o,children:[Ze(xe,{children:Ze(kt,{id:O("rb"),name:"value",defaultChecked:!0,children:"Label"})}),Ze(xe,{children:Ze(kt,{id:O("rb"),name:"value",children:"Label"})}),Ze(xe,{children:Ze(kt,{id:O("rb"),name:"value",children:"Label"})})]}):kl(ce,{...o,children:[Ze(xe,{children:Ze(kt,{id:O("rb"),name:"value",defaultChecked:!0,children:"Label"})}),Ze(xe,{children:Ze(kt,{id:O("rb"),name:"value",children:"Label"})}),Ze(xe,{children:Ze(kt,{id:O("rb"),name:"value",children:"Label"})})]})};Ko.options=If;Ko.states=yf;Ko.variants=Ef;Ko.defaultOptions=Tf;Ko.modifiers=Cf;Ko.className=ce.className;import{Fragment as U1,jsx as F1,jsxs as G1}from"react/jsx-runtime";import{Fragment as Q1,jsx as Z1,jsxs as j1}from"react/jsx-runtime";import{Fragment as n2,jsx as i2,jsxs as s2}from"react/jsx-runtime";var Nl="date-input",vl="dateinput";import{jsx as ka,jsxs as Rf}from"react/jsx-runtime";var gl="k-dateinput",Af=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Of={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]},wf={},Ce=e=>{let{size:t,rounded:o,fillMode:a,value:r,placeholder:s,hover:d,focus:u,valid:f,invalid:h,required:k,loading:x,disabled:p,readonly:g,showClearButton:v,showSpinButton:L,id:y,"aria-label":S,"aria-describedby":A,...z}=e;return Rf(F,{...z,size:t,rounded:o,fillMode:a,hover:d,focus:u,valid:f,invalid:h,required:k,loading:x,disabled:p,readonly:g,className:n(e.className,gl),children:[ka(se,{id:y,placeholder:s,value:r,disabled:p,"aria-label":S,"aria-describedby":A,"aria-invalid":h?"true":void 0}),ka(j,{valid:f,invalid:h,loading:x,disabled:p}),ka(te,{loading:x,disabled:p}),v&&ka(ne,{loading:x,disabled:p,readonly:g,value:r}),L&&ka(nt,{className:"k-input-spinner",size:t,fillMode:a,disabled:p})]})};Ce.states=Af;Ce.options=Of;Ce.className=gl;Ce.defaultOptions=wf;Ce.moduleName=Nl;Ce.folderName=vl;Ce.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 Ii=Ce;import{jsx as Bf}from"react/jsx-runtime";var Ll=e=>Bf(Ii,{...e});import{jsx as g2}from"react/jsx-runtime";import{jsx as Hf}from"react/jsx-runtime";var Pf=Ce.options,Kf=Ce.states,Df=Ce.defaultOptions,_f=[{name:"spin-button",title:"`Spin` Button"}],zf=[],Do=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{r==="spin-button"&&(a.showSpinButton=!!t?.[r])}),Hf(Ll,{value:"2/04/2021",style:{width:"300px"},...o,...a})};Do.options=Pf;Do.states=Kf;Do.variants=zf;Do.defaultOptions=Df;Do.modifiers=_f;Do.className=Ce.className;var Ml="masked-textbox",Sl="maskedtextbox";import{Fragment as Il,jsx as Rt,jsxs as yi}from"react/jsx-runtime";var yl="k-maskedtextbox",Ff=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Uf={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ti={showClearButton:!0,separators:!0},Ae=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ti.separators,showClearButton:s=Ti.showClearButton,prefix:d,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":z,"aria-describedby":Y,...Q}=e;return yi(F,{...Q,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,yl),children:[d&&yi(Il,{children:[Rt(pe,{children:d}),r&&Rt(oe,{})]}),Rt(se,{id:A,placeholder:h,value:f,disabled:y,"aria-label":z,"aria-describedby":Y,"aria-invalid":g?"true":void 0}),Rt(j,{valid:p,invalid:g,loading:L,disabled:y}),Rt(te,{loading:L,disabled:y}),s&&Rt(ne,{loading:L,disabled:y,readonly:S,value:f}),u&&yi(Il,{children:[r&&Rt(oe,{}),Rt(me,{children:u})]})]})};Ae.states=Ff;Ae.options=Uf;Ae.className=yl;Ae.defaultOptions=Ti;Ae.moduleName=Ml;Ae.folderName=Sl;Ae.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 _o=Ae;import{jsx as Gf}from"react/jsx-runtime";var Tl=e=>Gf(_o,{...e});import{Fragment as X2,jsx as $2}from"react/jsx-runtime";import{Fragment as Q2,jsx as Z2}from"react/jsx-runtime";import{jsx as o3}from"react/jsx-runtime";import{jsx as n3}from"react/jsx-runtime";import{jsx as Ei}from"react/jsx-runtime";var Vf=Ae.states,$f=Ae.defaultOptions,Xf=Ae.options,qf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Wf=[],zo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Ei(D,{size:o.size,value:"Choose",fillMode:"flat"}):void 0;break;case"suffix":a.suffix=t?.[r]?Ei(M,{icon:"lock"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),Ei(Tl,{value:"Value",style:{width:300},...o,...a})};zo.options=Xf;zo.states=Vf;zo.variants=Wf;zo.defaultOptions=$f;zo.modifiers=qf;zo.className=Ae.className;var Ci="switch",El=Ci;import{jsx as Ya,jsxs as Cl}from"react/jsx-runtime";var Bt="k-switch",Jf=[i.hover,i.focus,i.disabled,i.readonly,i.checked],Yf={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]},Zf={},Se=e=>{let{checked:t,onLabel:o,offLabel:a,size:r,trackRounded:s,thumbRounded:d,hover:u,focus:f,disabled:h,readonly:k,...x}=e;return Cl("span",{...x,className:n(e.className,Bt,I(Bt,{size:r}),T(Bt,{hover:u,focus:f,disabled:h,readonly:k}),{[`${Bt}-on`]:t,[`${Bt}-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:[Cl("span",{className:n("k-switch-track",I(Bt,{rounded:s})),children:[o&&Ya("span",{className:"k-switch-label-on",children:o}),a&&Ya("span",{className:"k-switch-label-off",children:a})]}),Ya("span",{className:"k-switch-thumb-wrap",children:Ya("span",{className:n("k-switch-thumb",I(Bt,{rounded:d}))})})]})};Se.states=Jf;Se.options=Yf;Se.className=Bt;Se.defaultOptions=Zf;Se.moduleName=Ci;Se.folderName=El;Se.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 A3}from"react/jsx-runtime";import{jsx as B3}from"react/jsx-runtime";import{jsx as _3}from"react/jsx-runtime";import{jsx as U3}from"react/jsx-runtime";import{jsx as Al}from"react/jsx-runtime";var Qf=Se.options,jf=Se.states,eh={...Se.defaultOptions,variant:"on"},th=[{name:"on",title:"On"},{name:"off",title:"Off"}],oh=[],Ho=e=>{let{variant:t,...o}=e;return t==="off"?Al(Se,{checked:!1,onLabel:"On",offLabel:"Off",...o}):Al(Se,{checked:!0,onLabel:"On",offLabel:"Off",...o})};Ho.options=Qf;Ho.states=jf;Ho.variants=th;Ho.defaultOptions=eh;Ho.modifiers=oh;Ho.className=Se.className;var Oi="textarea",Ol=Oi;import{Fragment as wl,jsx as Na,jsxs as wi}from"react/jsx-runtime";var Rl="k-textarea",ah=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],rh={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]},Fo={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},Ie=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:r=Fo.prefixSeparator,suffixSeparator:s=Fo.prefixSeparator,affixesOrientation:d=Fo.affixesOrientation,flow:u=Fo.flow,resize:f=Fo.resize,prefix:h,suffix:k,rows:x,value:p,placeholder:g,hover:v,focus:L,valid:y,invalid:S,required:A,disabled:z,id:Y,"aria-label":Q,"aria-describedby":ie,...ke}=e;return wi(F,{...ke,size:t,rounded:o,fillMode:a,hover:v,focus:L,valid:y,invalid:S,required:A,disabled:z,className:n(e.className,Rl,{"!k-flex-col":u==="vertical","!k-flex-row":u==="horizontal"}),children:[h&&wi(wl,{children:[Na(pe,{className:n({"!k-align-items-start":u===d}),direction:d,children:h}),r&&Na(oe,{direction:u==="horizontal"?"vertical":"horizontal"})]}),Na(ta,{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:z,id:Y,"aria-label":Q,"aria-describedby":ie,"aria-invalid":S?"true":void 0}),k&&wi(wl,{children:[s&&Na(oe,{direction:u==="horizontal"?"vertical":"horizontal"}),Na(me,{className:n({"!k-align-items-start":u===d}),direction:d,children:k})]})]})};Ie.states=ah;Ie.options=rh;Ie.className=Rl;Ie.defaultOptions=Fo;Ie.moduleName=Oi;Ie.folderName=Ol;Ie.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 d5}from"react/jsx-runtime";import{Fragment as f5,jsx as b5}from"react/jsx-runtime";import{Fragment as g5,jsx as v5}from"react/jsx-runtime";import{jsx as I5}from"react/jsx-runtime";import{jsx as Za}from"react/jsx-runtime";var ih=Ie.options,nh=Ie.states,Bl={...Ie.defaultOptions,variant:"vertical"},sh=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],lh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],Uo=e=>{let{variant:t,modifiers:o,...a}={...Bl,...e},r={resize:"y"};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"prefix":r.prefix=o?.[s]?Za(M,{icon:"comment"}):void 0;break;case"suffix":r.suffix=o?.[s]?Za(M,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?Za(Ie,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...r}):Za(Ie,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...r})};Uo.options=ih;Uo.states=nh;Uo.variants=sh;Uo.defaultOptions=Bl;Uo.modifiers=lh;Uo.className=Ie.className;import{Fragment as J5,jsx as W5,jsxs as Y5}from"react/jsx-runtime";import{Fragment as bh,jsx as ye,jsxs as Go}from"react/jsx-runtime";var dh=de.options,ch=de.states,ph={...de.defaultOptions,variant:"vertical"},mh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],uh=[],Vo=e=>{let{variant:t,size:o,...a}=e,r=Go(wt,{legend:"Form Legend",children:[ye(Je,{label:"Label",editor:ye(H,{size:o})}),ye(Je,{label:"Label",hint:"Hint text",editor:ye(D,{value:"Dropdown List",size:o})}),ye(Je,{label:"City",editor:Go("ul",{className:"k-radio-list k-list-horizontal",children:[Go("li",{className:"k-radio-list-item",children:[ye(Ee,{checked:!0,size:o}),ye("label",{className:"k-radio-label",children:"Label"})]}),Go("li",{className:"k-radio-list-item",children:[ye(Ee,{size:o}),ye("label",{className:"k-radio-label",children:"Label"})]}),Go("li",{className:"k-radio-list-item",children:[ye(Ee,{size:o}),ye("label",{className:"k-radio-label",children:"Label"})]})]})})]}),s=Go(bh,{children:[ye(c,{className:"k-form-submit",themeColor:"primary",size:o,children:"Submit"}),ye(c,{className:"k-form-clear",size:o,children:"Clear"})]});return t==="horizontal"?ye(de,{orientation:"horizontal",size:o,...a,formButtons:s,children:r}):ye(de,{size:o,...a,formButtons:s,children:r})};Vo.options=dh;Vo.states=ch;Vo.variants=mh;Vo.defaultOptions=ph;Vo.modifiers=uh;Vo.className=de.className;import{jsx as Pl,jsxs as Nh}from"react/jsx-runtime";var fh=qe.options,hh=qe.states,Kl={...qe.defaultOptions},xh=[],kh=[{name:"showHint",title:"Show Hint"}],$o=e=>{let{modifiers:t,...o}={...Kl,...e},a=t?.showHint??!0;return Nh("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Pl(H,{placeholder:"Component",style:{width:"200px"}}),a&&Pl(qe,{...o,children:"Hint text"})]})};$o.options=fh;$o.states=hh;$o.variants=xh;$o.defaultOptions=Kl;$o.modifiers=kh;$o.className=qe.className;import{jsx as Dl,jsxs as Sh}from"react/jsx-runtime";var vh=We.options,gh=We.states,_l={...We.defaultOptions},Lh=[],Mh=[{name:"showError",title:"Show Error"}],Xo=e=>{let{modifiers:t,...o}={..._l,...e},a=t?.showError??!0;return Sh("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Dl(H,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&Dl(We,{...o,children:"Error text"})]})};Xo.options=vh;Xo.states=gh;Xo.variants=Lh;Xo.defaultOptions=_l;Xo.modifiers=Mh;Xo.className=We.className;import{Fragment as HF,jsx as zF,jsxs as FF}from"react/jsx-runtime";import{Fragment as jF,jsx as QF,jsxs as e6}from"react/jsx-runtime";import{jsx as yh}from"react/jsx-runtime";var d6=e=>yh(et,{...e});export{d6 as ImageEditorNormal};
1	+ 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 Gn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},m={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},b={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},k={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var ir={};function A(e){return ir[e]=(ir[e]\|\|0)+1,`k-${e}-${ir[e]}`}import{Fragment as ed,jsx as Vn}from"react/jsx-runtime";var sr="k-font-icon",Zl=[],Ql={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]},jl={},Jo=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...d}=e;return a?Vn("span",{...d,className:i(e.className,sr,I(sr,{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"}):Vn(ed,{})};Jo.states=Zl;Jo.options=Ql;Jo.className=sr;Jo.defaultOptions=jl;var $n=Jo;import{Fragment as ad,jsx as Sa}from"react/jsx-runtime";var lr="k-svg-icon",td=[],od={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]},Xn={viewBox:"0 0 24 24"},Yo=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Xn.viewBox,icon:d,...u}=e;if(!d)return Sa(ad,{});if(d==="none")return Sa("span",{...u,className:i(e.className,lr,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof d=="object"&&d.name&&d.name;return Sa("span",{...u,className:i(e.className,lr,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 d=="object"?d.viewBox:s,dangerouslySetInnerHTML:typeof d=="object"?{__html:d.content}:void 0,children:d?void 0:e.children})})};Yo.states=td;Yo.options=od;Yo.className=lr;Yo.defaultOptions=Xn;var dr=Yo;importas cr from"@progress/kendo-svg-icons";var qn="icon",Wn="icons";import{useContext as nd}from"react";import{createContext as rd}from"react";var Jn=rd({iconsType:"svg"});import{Fragment as Yn,jsx as Zo}from"react/jsx-runtime";var Ma="k-icon",id=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),sd=[],ld={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.light,k.dark]},pr={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{iconsType:t}=nd(Jn),{size:o,themeColor:a,icon:r,type:s=t\|\|pr.type,rotate:d,flip:u,viewBox:f=pr.viewBox,...h}=e;if(!r)return Zo(Yn,{});if((t\|\|s)==="svg"){if(r==="none")return Zo(dr,{...h,className:i(e.className,Ma),icon:r,size:o});let x=cr[r]?r:id(`${r}-icon`);return cr[x]?Zo(dr,{...h,className:i(e.className,Ma),icon:cr[x],size:o,themeColor:a,rotate:d,flip:u,viewBox:f}):Zo(Yn,{})}return Zo($n,{...h,className:i(e.className,Ma),icon:r,size:o,themeColor:a,rotate:d,flip:u})};L.states=sd;L.options=ld;L.defaultOptions=pr;L.className=Ma;L.moduleName=qn;L.folderName=Wn;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 mr="button",Zn=mr;import{Fragment as md,jsx as Qo,jsxs as Qn}from"react/jsx-runtime";var jo="k-button",dd=["icon-button"],cd=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],pd={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]},ur={showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:d=ur.showArrow,arrowIconName:u=ur.arrowIconName,variant:f,hover:h,focus:N,active:x,selected:p,disabled:v,togglable:g,ariaDisabled:S,icon:y,text:M,iconClassName:O,className:z,...Y}=e,Q=y!==void 0,ne=e.children!==void 0;return Qn(t,{className:i(z,jo,Gn(jo,f),I(jo,{size:o,rounded:a,fillMode:r,themeColor:s}),T(jo,{hover:h,focus:N,active:x,disabled:v\|\|S,selected:p}),{"k-icon-button":!M&&!ne&&Q}),...Y,"aria-pressed":g?p?"true":"false":void 0,"aria-disabled":S?"true":void 0,disabled:v\|\|void 0,children:[y&&Qo(L,{className:i(O,"k-button-icon"),icon:y}),M?Qn(md,{children:[M&&Qo("span",{className:"k-button-text",children:M}),e.children]}):e.children&&Qo("span",{className:"k-button-text",children:e.children}),d&&Qo("span",{className:"k-menu-button-arrow k-button-arrow",children:Qo(L,{icon:u})})]})};c.states=cd;c.options=pd;c.variants=dd;c.className=jo;c.defaultOptions=ur;c.moduleName=mr;c.folderName=Zn;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 ud}from"react/jsx-runtime";var ct=e=>ud(c,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as bd}from"react/jsx-runtime";var ea=e=>bd(c,{icon:"folder",children:"Button",...e});import{jsx as fd}from"react/jsx-runtime";var Kt=e=>fd(c,{children:"Button",...e});import{jsx as br}from"react/jsx-runtime";var hd=c.options,xd=c.states,Nd={...c.defaultOptions,variant:"text"},kd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],gd=[],jt=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return br(ct,{...o,icon:"star"});case"icon-and-text":return br(ea,{...o,icon:"star",children:"Button"});default:return br(Kt,{...o,children:"Button"})}};jt.options=hd;jt.states=xd;jt.variants=kd;jt.defaultOptions=Nd;jt.modifiers=gd;jt.className=c.className;var fr="button",jn=fr;import{jsx as Md}from"react/jsx-runtime";var ta="k-button-group",vd=[n.disabled],Ld={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Sd={},C=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return Md("div",{role:"group",...r,className:i(e.className,ta,I(ta,{fillMode:t}),T(ta,{disabled:o}),{[`${ta}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};C.states=vd;C.options=Ld;C.className=ta;C.defaultOptions=Sd;C.moduleName=fr;C.folderName=jn;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 iN,jsx as nN,jsxs as sN}from"react/jsx-runtime";import{Fragment as uN,jsx as mN,jsxs as bN}from"react/jsx-runtime";import{Fragment as gN,jsx as kN,jsxs as vN}from"react/jsx-runtime";import{Fragment as TN,jsx as yN,jsxs as EN}from"react/jsx-runtime";import{Fragment as BN,jsx as RN,jsxs as PN}from"react/jsx-runtime";import{Fragment as FN,jsx as HN,jsxs as UN}from"react/jsx-runtime";import{jsx as pt,jsxs as hr}from"react/jsx-runtime";var Id={...c.options,...C.options},yd=c.states,Td={...c.defaultOptions,...C.defaultOptions,variant:"text-button"},Ed=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Cd=[],eo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?hr(C,{fillMode:a.fillMode,className:o,children:[pt(c,{...a,icon:"star"}),pt(c,{...a,icon:"star"}),pt(c,{...a,icon:"star"})]}):t==="icon-text-button"?hr(C,{fillMode:a.fillMode,className:o,children:[pt(c,{...a,icon:"star",children:"First"}),pt(c,{...a,icon:"star",children:"Middle"}),pt(c,{...a,icon:"star",children:"Last"})]}):hr(C,{fillMode:a.fillMode,className:o,children:[pt(c,{...a,children:"First"}),pt(c,{...a,children:"Middle"}),pt(c,{...a,children:"Last"})]})};eo.options=Id;eo.states=yd;eo.variants=Ed;eo.defaultOptions=Td;eo.modifiers=Cd;eo.className=C.className;var oa="input",Ia=oa;import{jsx as Rd}from"react/jsx-runtime";var ya="k-input",Od=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Ad={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},wd={},F=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 Rd("span",{...x,className:i(e.className,ya,I(ya,{size:f,rounded:h,fillMode:N}),T(ya,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u}))})};F.states=Od;F.options=Ad;F.className=ya;F.defaultOptions=wd;F.moduleName=oa;F.folderName=Ia;import{jsx as Dd}from"react/jsx-runtime";var Ta="k-picker",Bd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Pd={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]},Kd={},tt=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 Dd("span",{...x,className:i(e.className,Ta,I(Ta,{size:f,rounded:h,fillMode:N}),T(Ta,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u})),children:e.children})};tt.states=Bd;tt.options=Pd;tt.className=Ta;tt.defaultOptions=Kd;tt.moduleName=oa;tt.folderName=Ia;import{Fragment as Hd,jsx as xr}from"react/jsx-runtime";var ei="k-clear-value",_d=[n.disabled,n.loading,n.readonly],zd={},ie=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t\|\|a\|\|o\|\|!r?xr(Hd,{}):xr("span",{className:i(e.className,ei),children:xr(L,{icon:"x"})})};ie.states=_d;ie.options=zd;ie.className=ei;import{jsx as Gd}from"react/jsx-runtime";var Nr="k-input-inner",Fd=[],Ud={},Ea={type:"text",autocomplete:"off",value:"",placeholder:""},se=e=>{let{value:t=Ea.value,type:o=Ea.type,placeholder:a=Ea.placeholder,autocomplete:r=Ea.autocomplete,disabled:s,readOnly:d,...u}=e;return Gd("input",{...u,type:o,className:i(e.className,Nr,I(Nr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s\|\|void 0,readOnly:d\|\|void 0})};se.states=Fd;se.options=Ud;se.className=Nr;import{jsx as ti,jsxs as Xd}from"react/jsx-runtime";var kr="k-input-inner",Vd=[],$d={},Dt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...d}=e;return Xd("span",{...d,className:i(e.className,kr,I(kr,e)),children:[r,!r&&s&&ti(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&ti("span",{className:"k-input-value-text",children:t})]})};Dt.states=Vd;Dt.options=$d;Dt.className=kr;import{jsx as Jd}from"react/jsx-runtime";var gr="k-input-inner",qd=[],Wd={},oi={value:"",placeholder:""},aa=e=>{let{value:t=oi.value,placeholder:o=oi.placeholder,rows:a,disabled:r,...s}=e;return Jd("textarea",{...s,className:i(e.className,gr,I(gr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r\|\|void 0})};aa.states=qd;aa.options=Wd;aa.className=gr;import{Fragment as Zd,jsx as ai}from"react/jsx-runtime";var ri="k-input-loading-icon",Yd=[n.disabled,n.loading],te=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?ai(Zd,{}):ai("span",{className:i(e.className,ri,"k-icon k-i-loading")})};te.states=Yd;te.className=ri;import{Fragment as ec,jsx as ni}from"react/jsx-runtime";var ii="k-input-validation-icon",Qd=[n.valid,n.invalid,n.disabled,n.loading],jd={},j=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a\|\|r\|\|!!!(t\|\|o)?ni(ec,{}):ni(L,{className:i(ii),icon:s})};j.states=Qd;j.options=jd;j.className=ii;import{Fragment as ac,jsx as si}from"react/jsx-runtime";var tc="k-input-prefix",oc={direction:"horizontal"},pe=e=>{let{direction:t=oc.direction,...o}=e;return e.children?si("span",{...o,className:i(tc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):si(ac,{})};import{Fragment as ic,jsx as li}from"react/jsx-runtime";var rc="k-input-suffix",nc={direction:"horizontal"},me=e=>{let{direction:t=nc.direction,...o}=e;return e.children?li("span",{...o,className:i(rc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):li(ic,{})};import{jsx as Uk}from"react/jsx-runtime";import{jsx as lc}from"react/jsx-runtime";var sc="k-input-suffix-text",vr=e=>{let{children:t,...o}=e;return lc("span",{...o,className:i(sc,e.className),children:t})};import{jsx as cc}from"react/jsx-runtime";var di="k-input-separator",dc={direction:"vertical"},oe=e=>{let{direction:t=dc.direction,...o}=e;return cc("span",{...o,className:i(di,e.className,{[`${di}-${t}`]:t})})};import{Fragment as ci,jsx as ot,jsxs as Lr}from"react/jsx-runtime";var pc=F.states,mc=F.defaultOptions,uc=F.options,bc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],fc=[],to=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 Lr(F,{...u,valid:o,invalid:a,loading:r,disabled:s,readonly:d,style:{width:300},children:[f&&Lr(ci,{children:[ot(pe,{children:ot(L,{icon:"lock"})}),p&&ot(oe,{})]}),ot(se,{placeholder:"Placeholder",value:"Value"}),x&&ot(j,{valid:o,invalid:a,loading:r,disabled:s}),ot(te,{loading:r,disabled:s}),N&&ot(ie,{loading:r,disabled:s,readonly:d,value:"Value"}),h&&Lr(ci,{children:[p&&ot(oe,{}),ot(me,{children:ot(Kt,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};to.options=uc;to.states=pc;to.variants=fc;to.defaultOptions=mc;to.modifiers=bc;to.className=F.className;import{jsx as pi,jsxs as Nc}from"react/jsx-runtime";var mi="k-color-preview",hc=[],xc={},gt=e=>{let{color:t,iconName:o,...a}=e;return Nc("span",{...a,className:i(e.className,mi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&pi(L,{icon:o,className:"k-color-preview-icon"}),pi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};gt.states=hc;gt.options=xc;gt.className=mi;var Sr="popup",ui=Sr;import{jsx as bi}from"react/jsx-runtime";var fi="k-animation-container",kc=[],gc={},hi={positionMode:"absolute"},at=e=>{let{positionMode:t=hi.positionMode,animationStyle:o,offset:a,...r}=e;return bi("div",{...r,style:{...a,...e.style},className:i(e.className,fi,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:bi("div",{className:"k-child-animation-container",style:o,children:e.children})})};at.states=kc;at.options=gc;at.className=fi;at.defaultOptions=hi;at.moduleName=Sr;at.folderName=ui;var Mr="popup",xi=Mr;import{jsx as Ni}from"react/jsx-runtime";var ki="k-popup",vc=[],Lc={},gi={positionMode:"absolute"},X=e=>{let{offset:t,positionMode:o=gi.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:d,...u}=e;return Ni(at,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":d,children:Ni("div",{...u,className:i(e.className,ki),children:e.children})})};X.states=vc;X.options=Lc;X.className=ki;X.defaultOptions=gi;X.moduleName=Mr;X.folderName=xi;X.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 Ir="action-buttons",vi=Ir;import{jsx as Ic}from"react/jsx-runtime";var Ca="k-actions",Sc=[],Mc={},yr={alignment:"start",orientation:"horizontal"},rt=e=>{let{alignment:t=yr.alignment,orientation:o=yr.orientation,...a}=e;return Ic("div",{...a,className:i(Ca,{[`${Ca}-${t}`]:t,[`${Ca}-${o}`]:o},e.className),children:e.children})};rt.states=Sc;rt.options=Mc;rt.className=Ca;rt.defaultOptions=yr;rt.moduleName=Ir;rt.folderName=vi;import{jsx as Tc}from"react/jsx-runtime";var yc="k-actionsheet-footer",Li={alignment:"stretched",orientation:"horizontal"},vt=e=>{let{alignment:t=Li.alignment,orientation:o=Li.orientation,template:a,as:r=a?"div":rt,...s}=e;return Tc(r,{...s,...!a&&{alignment:t,orientation:o},className:i(e.className,yc),children:e.children})};var Tr="searchbox",Si=Tr;import{jsx as ra,jsxs as Oc}from"react/jsx-runtime";var Mi="k-searchbox",Ec=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Cc={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]},Er={showIcon:!0,icon:"search"},_e=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=Er.showIcon,icon:g=Er.icon,"aria-label":S,...y}=e;return Oc(F,{...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,Mi),children:[v&&ra(L,{className:"k-input-icon",icon:g}),ra(se,{placeholder:o,value:t,"aria-label":S}),ra(te,{...e}),ra(j,{...e}),ra(ie,{...e})]})};_e.states=Ec;_e.options=Cc;_e.className=Mi;_e.defaultOptions=Er;_e.moduleName=Tr;_e.folderName=Si;import{jsx as uv}from"react/jsx-runtime";var Cr="textbox",Ii=Cr;import{Fragment as yi,jsx as Lt,jsxs as Or}from"react/jsx-runtime";var Ti="k-textbox",Ac=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],wc={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},H=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Oa.separators,showClearButton:s=Oa.showClearButton,showValidationIcon:d=Oa.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:z,id:Y,"aria-label":Q,"aria-describedby":ne,...Ne}=e;return Or(F,{...Ne,size:t,rounded:o,fillMode:a,hover:p,focus:v,valid:g,invalid:S,required:y,loading:M,disabled:O,readonly:z,className:i(e.className,Ti),children:[u&&Or(yi,{children:[Lt(pe,{children:u}),r&&Lt(oe,{})]}),Lt(se,{id:Y,placeholder:x,value:N,type:h,disabled:O,"aria-label":Q,"aria-describedby":ne,"aria-invalid":S?"true":void 0}),d&&Lt(j,{valid:g,invalid:S,loading:M,disabled:O}),Lt(te,{loading:M,disabled:O}),s&&Lt(ie,{loading:M,disabled:O,readonly:z,value:N}),f&&Or(yi,{children:[r&&Lt(oe,{}),Lt(me,{children:f})]})]})};H.states=Ac;H.options=wc;H.className=Ti;H.defaultOptions=Oa;H.moduleName=Cr;H.folderName=Ii;H.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var na=H;import{jsx as Rc}from"react/jsx-runtime";var Ei=e=>Rc(na,{...e});import{Fragment as Av,jsx as Ov}from"react/jsx-runtime";import{Fragment as Dv,jsx as Kv}from"react/jsx-runtime";import{jsx as Fv}from"react/jsx-runtime";import{jsx as Ar}from"react/jsx-runtime";var Bc=H.states,Pc=H.defaultOptions,Kc=H.options,Dc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],_c=[],oo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Ar(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?Ar(Kt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),Ar(Ei,{value:"Value",style:{width:300},...o,...a})};oo.options=Kc;oo.states=Bc;oo.variants=_c;oo.defaultOptions=Pc;oo.modifiers=Dc;oo.className=H.className;import{jsx as St,jsxs as wr}from"react/jsx-runtime";var Ci="k-actionsheet-titlebar",zc={},ke=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 wr("div",{...p,className:i(e.className,Ci),children:[wr("div",{className:"k-actionsheet-titlebar-group",children:[a&&St("div",{className:"k-actionsheet-actions",children:a}),!x&&wr("div",{className:"k-actionsheet-title",id:N,children:[t&&St("div",{className:"k-text-center",children:t}),o&&St("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&St("div",{className:"k-actionsheet-title",id:N,children:x}),r&&St("div",{className:"k-actionsheet-actions",children:r})]}),(d\|\|s)&&St("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?St(H,{value:u,placeholder:f,size:h?"large":"medium","aria-label":t\|\|f\|\|"Input"}):St(_e,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};ke.className=Ci;ke.defaultOptions=zc;import{jsx as Rr,jsxs as Gc}from"react/jsx-runtime";var Br="k-actionsheet-view",Hc=[],Fc={},Uc={},ao=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:d,...u}=e,f=r?.type===ke&&Rr(ke,{adaptive:t,titleId:d,...r?.props}),h=s?.type===vt&&Rr(vt,{...s?.props});return Gc("div",{...u,className:i(e.className,Br,{[`${Br}-animated`]:o}),children:[f,Rr("div",{className:"k-actionsheet-content",children:a}),h]})};ao.states=Hc;ao.options=Fc;ao.className=Br;ao.defaultOptions=Uc;var ia="action-sheet",Aa=ia;var Pr="overlay",Oi=Pr;import{jsx as qc}from"react/jsx-runtime";var Kr="k-overlay",Vc=[],$c={themeColor:[k.undefined,k.light,k.dark,k.inverse]},Xc={},Mt=e=>{let{themeColor:t,...o}=e;return qc("div",{...o,className:i(e.className,Kr,I(Kr,{themeColor:t})),children:e.children})};Mt.states=Vc;Mt.options=$c;Mt.className=Kr;Mt.defaultOptions=Xc;Mt.moduleName=Pr;Mt.folderName=Oi;import{jsx as wa,jsxs as Yc}from"react/jsx-runtime";var Ai="k-actionsheet",Wc=[],Jc={},sa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},W=e=>{let{side:t=sa.side,fullscreen:o=sa.fullscreen,adaptive:a=sa.adaptive,overlay:r=sa.overlay,template:s,children:d,header:u,footer:f,id:h,...N}=e,x=h&&!s&&u?`${h}-title`:void 0;return Yc("div",{className:"k-actionsheet-container",children:[r&&wa(Mt,{}),wa(at,{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:wa("div",{...N,id:h,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":x,className:i(e.className,Ai,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|wa(ao,{header:u,footer:f,adaptive:a,titleId:x,...e,children:d})})})]})};W.states=Wc;W.options=Jc;W.className=Ai;W.defaultOptions=sa;W.moduleName=ia;W.folderName=Aa;W.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 ep}from"react/jsx-runtime";var wi="k-actionsheet-container",Zc=[],Qc={},jc={},ro=e=>{let{children:t,...o}=e;return ep("div",{...o,className:wi,children:t})};ro.states=Zc;ro.options=Qc;ro.className=wi;ro.defaultOptions=jc;ro.moduleName=ia;ro.folderName=Aa;import{jsx as tp}from"react/jsx-runtime";var Dr=e=>{let{...t}=e;return tp("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};import{Fragment as ap,jsx as la,jsxs as _r}from"react/jsx-runtime";var zr="k-actionsheet-item",op=[n.hover,n.focus,n.selected,n.disabled],It=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:d,disabled:u,...f}=e;return _r("span",{...f,className:i(e.className,zr,T(zr,{hover:r,focus:s,selected:d,disabled:u})),children:[!e.children&&la(ap,{children:_r("span",{className:"k-actionsheet-action",children:[t&&la("span",{className:"k-icon-wrap",children:la(L,{className:"k-actionsheet-item-icon",icon:t})}),_r("span",{className:"k-actionsheet-item-text",children:[o&&la("span",{className:"k-actionsheet-item-title",children:o}),a&&la("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};It.states=op;It.className=zr;import{jsx as HL,jsxs as FL}from"react/jsx-runtime";import{jsx as $L}from"react/jsx-runtime";import{jsx as JL}from"react/jsx-runtime";import{jsx as jL}from"react/jsx-runtime";import{jsx as le,jsxs as Hr}from"react/jsx-runtime";var rp=W.options,np=W.states,Bi={...W.defaultOptions,variant:"normal"},ip=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],sp=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],no=e=>{let{variant:t,modifiers:o,...a}={...Bi,...e},r={},s=Hr(Dr,{children:[le(It,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),le(It,{text:"Add to Favorites",iconName:"heart"}),le(It,{text:"Upload New",iconName:"upload",disabled:!0}),le("hr",{className:"k-hr"}),le(It,{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"?le(W,{...a,adaptive:!0,fullscreen:r.fullScreen,header:le(ke,{actionsStart:r.actionsStart?le(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?le(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:r.subtitle}),footer:r.footer?Hr(vt,{alignment:"stretched",children:[le(c,{text:"Cancel",size:"large",themeColor:"base"}),le(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):le(W,{...a,fullscreen:r.fullScreen,header:le(ke,{actionsStart:r.actionsStart?le(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?le(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?Hr(vt,{alignment:"stretched",children:[le(c,{text:"Apply",themeColor:"primary"}),le(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};no.options=rp;no.states=np;no.variants=ip;no.defaultOptions=Bi;no.modifiers=sp;no.className=W.className;var Fr="slider",Pi=Fr;import{jsx as io,jsxs as Ur}from"react/jsx-runtime";var da="k-slider",lp=[n.hover,n.focus,n.active,n.disabled,n.readonly],dp={},ze={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},$=e=>{let{type:t=ze.type,orientation:o=ze.orientation,gradientType:a=ze.gradientType,readonly:r=ze.readonly,disabled:s=ze.disabled,handlePosition:d=ze.handlePosition,showButtons:u=ze.showButtons,showTicks:f=ze.showTicks,value:h=ze.value,min:N=ze.min,max:x=ze.max,startValue:p,endValue:v,hover:g,focus:S,active:y,trackStyle:M,dir:O,...z}=e,Q=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ne,Ne;return o==="horizontal"?(ne=O==="rtl"?"caret-alt-left":"caret-alt-right",Ne=O==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(ne="caret-alt-up",Ne="caret-alt-down"),Ur("div",{...z,className:i(da,e.className,T(da,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:O,children:[u&&io(c,{className:"k-button-decrease",rounded:"full",icon:Ne,tabIndex:-1,title:"Decrease"}),Ur("div",{className:"k-slider-track-wrap",children:[f&&io("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Ur("div",{className:"k-slider-track",style:M,children:[io("div",{className:"k-slider-selection"}),t==="range"&&io("span",{className:i("k-draghandle","k-draghandle-start",T(da,{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":Q,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":z["aria-label"]?`${z["aria-label"]} start`:"Range start"}),io("span",{className:i("k-draghandle",`k-draghandle-${d}`,T(da,{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":Q,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?z["aria-label"]?`${z["aria-label"]} end`:"Range end":z["aria-label"]})]})]}),u&&io(c,{className:"k-button-increase",rounded:"full",icon:ne,tabIndex:-1,title:"Increase"})]})};$.states=lp;$.options=dp;$.className=da;$.defaultOptions=ze;$.moduleName=Fr;$.folderName=Pi;$.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 Ki}from"react/jsx-runtime";var Di="k-tick",cp=[],pp={},_i={label:!1},E=e=>{let{style:t,label:o=_i.label,orientation:a,large:r,text:s,...d}=e;return Ki("li",{...d,role:"presentation",title:s\|\|"Tick",className:i(e.className,Di,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&Ki("span",{className:"k-label",children:s})})};E.states=cp;E.options=pp;E.className=Di;E.defaultOptions=_i;import{Fragment as mp,jsx as He,jsxs as up}from"react/jsx-runtime";var zi=e=>He($,{"aria-label":e["aria-label"]\|\|"Slider",children:up(mp,{children:[He(E,{className:"k-first",label:!0,large:!0,text:"0"}),He(E,{}),He(E,{}),He(E,{}),He(E,{}),He(E,{label:!0,large:!0,text:"5"}),He(E,{}),He(E,{}),He(E,{}),He(E,{}),He(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as bp,jsx as Fe,jsxs as fp}from"react/jsx-runtime";var Hi=e=>Fe($,{children:fp(bp,{children:[Fe(E,{className:"k-first",label:!0,large:!0,text:"0"}),Fe(E,{}),Fe(E,{}),Fe(E,{}),Fe(E,{}),Fe(E,{label:!0,large:!0,text:"5"}),Fe(E,{}),Fe(E,{}),Fe(E,{}),Fe(E,{}),Fe(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as FS,jsx as HS,jsxs as US}from"react/jsx-runtime";import{Fragment as qS,jsx as XS,jsxs as WS}from"react/jsx-runtime";import{jsx as hp}from"react/jsx-runtime";var Gr=e=>hp($,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as xp}from"react/jsx-runtime";var Vr=e=>xp($,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as nM,jsx as rM,jsxs as iM}from"react/jsx-runtime";import{Fragment as pM,jsx as cM,jsxs as mM}from"react/jsx-runtime";import{jsx as nt,jsxs as Fi}from"react/jsx-runtime";var Np=$.options,kp=$.states,Ui={...$.defaultOptions,variant:"horizontal",label:!0},gp=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],vp=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],so=e=>{let{variant:t,modifiers:o,...a}={...Ui,...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"?Fi(Hi,{showTicks:u,showButtons:d,style:{height:"300px",...f},...a,children:[nt(E,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),nt(E,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),nt(E,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),nt(E,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),nt(E,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Fi(zi,{showTicks:u,showButtons:d,style:{width:"400px",...f},...a,children:[nt(E,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),nt(E,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),nt(E,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),nt(E,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),nt(E,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};so.options=Np;so.states=kp;so.variants=gp;so.defaultOptions=Ui;so.modifiers=vp;so.className=$.className;import{jsx as Gi,jsxs as yp}from"react/jsx-runtime";var Vi="k-spin-button",Mp=[],Ip={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},$r={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},it=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=$r.increaseLabel,decreaseLabel:s=$r.decreaseLabel,...d}=e;return yp("span",{...d,className:i(Vi,e.className),children:[Gi(c,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":r}),Gi(c,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};it.states=Mp;it.options=Ip;it.className=Vi;it.defaultOptions=$r;it.moduleName=null;it.folderName=null;var $i="numeric-textbox",Xi="numerictextbox";import{Fragment as qi,jsx as mt,jsxs as Xr}from"react/jsx-runtime";var Wi="k-numerictextbox",Tp=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Ep={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ra={showSpinButton:!0,showClearButton:!0,separators:!0},K=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ra.separators,showClearButton:s=Ra.showClearButton,showSpinButton:d=Ra.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:z,"aria-label":Y,"aria-describedby":Q,...ne}=e;return Xr(F,{...ne,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,Wi),children:[u&&Xr(qi,{children:[mt(pe,{children:u}),r&&mt(oe,{})]}),mt(se,{id:z,placeholder:N,value:h,role:"spinbutton",disabled:M,"aria-label":Y,"aria-describedby":Q,"aria-invalid":g?"true":void 0}),mt(j,{valid:v,invalid:g,loading:y,disabled:M}),mt(te,{loading:y,disabled:M}),s&&mt(ie,{loading:y,disabled:M,readonly:O,value:h}),f&&Xr(qi,{children:[r&&mt(oe,{}),mt(me,{children:f})]}),d&&mt(it,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};K.states=Tp;K.options=Ep;K.className=Wi;K.defaultOptions=Ra;K.moduleName=$i;K.folderName=Xi;K.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 ca=K;import{jsx as Cp}from"react/jsx-runtime";var Ji=e=>Cp(ca,{...e});import Wr from"react";import{jsx as Yi}from"react/jsx-runtime";var Op="k-list-group-sticky-header",qr=e=>Yi("div",{className:i(Op,e.className),children:Yi("div",{className:"k-list-header-text",children:e.children})});import{jsx as wp}from"react/jsx-runtime";var Ap="k-no-data",Ba=e=>{let{live:t,...o}=e;return wp("span",{...o,className:i(Ap,e.className),"aria-live":t?"polite":void 0,children:e.children})};var _t="list",lo=_t;import{jsx as Zi,jsxs as Qi}from"react/jsx-runtime";var Jr="k-list",Rp=[],Bp={size:[l.undefined,l.small,l.medium,l.large]},Pp={},P=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:d,noData:u,screenReaders:f,...h}=e,x=Wr.Children.toArray(a)[0],p=x?.props?.children?Wr.Children.count(x.props.children):Wr.Children.count(a);return Qi("div",{...h,className:i(e.className,Jr,I(Jr,{size:t}),{"k-virtual-list":o}),children:[s,d,r&&Zi(qr,{children:r}),a\|\|(u!==void 0?u:Zi(Ba,{live:!0,children:"No data found."})),f&&a&&Qi(Ba,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};P.states=Rp;P.options=Bp;P.className=Jr;P.defaultOptions=Pp;P.moduleName=_t;P.folderName=lo;P.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 zp}from"react/jsx-runtime";var ji="k-list-container",Kp=[],Dp={},_p={},co=e=>{let{...t}=e;return zp("div",{...t,className:i(e.className,ji),children:e.children})};co.states=Kp;co.options=Dp;co.className=ji;co.defaultOptions=_p;co.moduleName=_t;co.folderName=lo;var zt="checkbox",po=zt;import{jsx as es}from"react/jsx-runtime";var Pa="k-checkbox",Hp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Fp={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},Up={},Ae=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 es("span",{className:"k-checkbox-wrap",role:p,children:es("input",{...v,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:d\|\|void 0,"aria-invalid":u?"true":void 0,className:i(e.className,Pa,I(Pa,{size:N,rounded:x}),T(Pa,{hover:r,focus:s,disabled:d,invalid:u,valid:f,indeterminate:a,checked:o}))})})};Ae.states=Hp;Ae.options=Fp;Ae.className=Pa;Ae.defaultOptions=Up;Ae.moduleName=zt;Ae.folderName=po;Ae.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 Qe=Ae;import{jsx as $p}from"react/jsx-runtime";var ts="k-checkbox-list",Gp=[],Vp={},os={layout:"vertical"},ge=e=>{let{layout:t=os.layout,...o}=e;return $p("ul",{...o,className:i(e.className,ts,{[`k-list-${t}`]:t}),children:e.children})};ge.states=Gp;ge.options=Vp;ge.className=ts;ge.defaultOptions=os;ge.moduleName=zt;ge.folderName=po;import{jsx as Jp}from"react/jsx-runtime";var as="k-checkbox-list-item",Xp=[],qp={},Wp={},ve=e=>{let{...t}=e;return Jp("li",{...t,className:i(e.className,as),children:e.children})};ve.states=Xp;ve.options=qp;ve.className=as;ve.defaultOptions=Wp;ve.moduleName=zt;ve.folderName=po;import{Fragment as Yp,jsx as rs,jsxs as Zp}from"react/jsx-runtime";var je=({children:e="Label",id:t="cb-label-after",...o})=>Zp(Yp,{children:[rs(Qe,{id:t,...o}),rs("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as KI,jsx as PI,jsxs as DI}from"react/jsx-runtime";import{Fragment as UI,jsx as FI,jsxs as GI}from"react/jsx-runtime";import{Fragment as WI,jsx as qI,jsxs as JI}from"react/jsx-runtime";import{jsx as jI}from"react/jsx-runtime";import{jsx as ay}from"react/jsx-runtime";import{jsx as sy}from"react/jsx-runtime";import{jsx as Ue,jsxs as ns}from"react/jsx-runtime";var Qp=ge.options,jp=ge.states,em={...ge.defaultOptions,variant:"vertical"},tm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],om=[],mo=e=>{let{variant:t,...o}=e;return t==="horizontal"?ns(ge,{layout:"horizontal",...o,children:[Ue(ve,{children:Ue(je,{id:A("cb"),defaultChecked:!0,children:"Label"})}),Ue(ve,{children:Ue(je,{id:A("cb"),children:"Label"})}),Ue(ve,{children:Ue(je,{id:A("cb"),children:"Label"})})]}):ns(ge,{...o,children:[Ue(ve,{children:Ue(je,{id:A("cb"),defaultChecked:!0,children:"Label"})}),Ue(ve,{children:Ue(je,{id:A("cb"),children:"Label"})}),Ue(ve,{children:Ue(je,{id:A("cb"),children:"Label"})})]})};mo.options=Qp;mo.states=jp;mo.variants=tm;mo.defaultOptions=em;mo.modifiers=om;mo.className=ge.className;import{jsx as lm}from"react/jsx-runtime";var am=Qe.options,rm=Qe.states,nm=Qe.defaultOptions,im=[],sm=[],uo=e=>lm(je,{id:A("checkbox"),...e,defaultChecked:!0,children:"Label"});uo.options=am;uo.states=rm;uo.variants=im;uo.defaultOptions=nm;uo.modifiers=sm;uo.className=Qe.className;import{jsx as Ht,jsxs as mm}from"react/jsx-runtime";var Yr="k-list-item",dm=[n.hover,n.focus,n.selected,n.disabled],cm={},pm={},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 mm("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":Yr,T(Yr,{hover:f,focus:h,disabled:x,selected:N})),children:[d&&Ht(Ae,{checked:u}),r&&Ht("span",{className:"k-list-item-icon-wrapper",children:Ht(L,{icon:r,className:i("k-list-item-icon",s)})}),Ht("span",{className:"k-list-item-text",children:y}),p&&Ht("div",{className:"k-list-item-actions",children:p}),v&&Ht("span",{className:"k-list-item-description",children:v}),o&&o!==""&&Ht("div",{className:"k-list-item-group-label",children:o})]})};w.states=dm;w.options=cm;w.className=Yr;w.defaultOptions=pm;w.moduleName=_t;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 bm}from"react/jsx-runtime";var um="k-list-ul",ut=e=>{let{children:t,role:o,id:a,...r}=e;return bm("ul",{...r,id:a,role:o,className:i(um,e.className),children:t})};ut.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 Zr,jsxs as hm}from"react/jsx-runtime";var fm="k-list-content",U=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...d}=e;return hm("div",{...d,className:i(fm,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:Zr(ut,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&Zr("div",{className:"k-height-container",children:Zr("div",{})})]})};U.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 Zy,jsx as Yy,jsxs as Qy}from"react/jsx-runtime";import{jsx as Qr,jsxs as Nm}from"react/jsx-runtime";var xm="k-list-group-item",Ft=e=>{let{groupIconName:t,...o}=e;return Nm("li",{...o,role:"presentation",className:i(xm,e.className),children:[t&&Qr("span",{className:"k-list-item-icon-wrapper",children:Qr(L,{icon:t,className:"k-list-item-icon"})}),Qr("span",{className:"k-list-item-text",children:e.children})]})};Ft.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 Lm}from"react/jsx-runtime";var jr="k-list-optionlabel",km=[n.hover,n.focus,n.selected,n.disabled],gm={},vm={},Ka=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return Lm("div",{...d,className:i(jr,T(jr,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Ka.states=km;Ka.options=gm;Ka.className=jr;Ka.defaultOptions=vm;import{jsx as ym}from"react/jsx-runtime";var en="k-list-custom-value",Sm=[n.hover,n.focus,n.selected,n.disabled],Mm={},Im={},yt=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return ym("div",{...d,className:i(en,T(en,{hover:o,focus:a,selected:r,disabled:s})),children:t})};yt.states=Sm;yt.options=Mm;yt.className=en;yt.defaultOptions=Im;import{Fragment as bT,jsx as uT,jsxs as fT}from"react/jsx-runtime";import{Fragment as vT,jsx as gT,jsxs as LT}from"react/jsx-runtime";import{Fragment as CT,jsx as TT,jsxs as ET}from"react/jsx-runtime";import{Fragment as KT,jsx as BT,jsxs as PT}from"react/jsx-runtime";import{jsx as HT}from"react/jsx-runtime";import{Fragment as XT,jsx as $T,jsxs as qT}from"react/jsx-runtime";var is="dropdown-list",ss="dropdownlist";import{Fragment as Cm,jsx as Le,jsxs as tn}from"react/jsx-runtime";var ls="k-dropdownlist",Tm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Em={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},on={showValue:!0,arrowIconName:"caret-alt-down"},D=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=on.arrowIconName,showValue:s=on.showValue,valueIconName:d,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:v,invalid:g,required:S,loading:y,disabled:M,readonly:O,popup:z,opened:Y,adaptive:Q,adaptiveSettings:ne,adaptiveTitle:Ne,adaptiveSubtitle:Pt,adaptiveFilter:ar,id:kt,activeDescendant:La,"aria-label":rr,...nr}=e,Yl=kt?`${kt}-listbox`:void 0,Un=kt?`${kt}-value`:void 0;return tn(Cm,{children:[tn(tt,{...nr,id:kt,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,ls,{"k-icon-picker":!s&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Y?"true":"false","aria-controls":Y?Yl:void 0,"aria-activedescendant":Y&&La?La:void 0,"aria-describedby":Y?Un:void 0,"aria-disabled":M?"true":void 0,"aria-label":rr,tabIndex:0,children:[Le(pe,{children:u}),Le(Dt,{placeholder:N,value:h,showValue:s,valueIconName:d,id:Un}),Le(j,{valid:v,invalid:g,loading:y,disabled:M}),Le(te,{loading:y,disabled:M}),Le(me,{children:f}),Le(c,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),Y&&z&&Le(X,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:z}),Q&&Le(W,{adaptive:!0,...ne,header:Le(ke,{actionsEnd:Le(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:ar,inputValue:h,inputPlaceholder:N,title:Ne,subtitle:Pt}),children:Le("div",{className:"k-list-container",children:Le(P,{size:"large",children:tn(U,{"aria-label":"Options",children:[Le(w,{text:"List item"}),Le(w,{text:"List item"}),Le(w,{text:"List item"})]})})})})]})};D.states=Tm;D.options=Em;D.className=ls;D.defaultOptions=on;D.moduleName=is;D.folderName=ss;D.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 yE}from"react/jsx-runtime";import{jsx as wE,jsxs as RE}from"react/jsx-runtime";import{Fragment as UE,jsx as HE,jsxs as FE}from"react/jsx-runtime";import{jsx as qE}from"react/jsx-runtime";import{jsx as jE,jsxs as eC}from"react/jsx-runtime";import{Fragment as dC,jsx as sC,jsxs as lC}from"react/jsx-runtime";import{jsx as bC}from"react/jsx-runtime";import{Fragment as Pm,jsx as Tt,jsxs as ds}from"react/jsx-runtime";var Om=D.states,Am=D.defaultOptions,wm=D.options,Rm=[{name:"opened",title:"Opened"}],Bm=[],fo=e=>{let{modifiers:t,...o}=e,a={},r=ds(Pm,{children:[Tt("div",{className:"k-list-filter",children:Tt(_e,{})}),Tt(P,{style:{width:300},size:o.size,children:ds(U,{children:[Tt(w,{children:"List item"}),Tt(w,{children:"List item"}),Tt(w,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0)}),Tt("div",{children:Tt(D,{placeholder:"Value",style:{width:300},...o,...a})})};fo.options=wm;fo.states=Om;fo.variants=Bm;fo.defaultOptions=Am;fo.modifiers=Rm;fo.className=D.className;import{Fragment as KC,jsx as PC}from"react/jsx-runtime";import{Fragment as UC,jsx as FC}from"react/jsx-runtime";import{jsx as XC}from"react/jsx-runtime";import{jsx as an}from"react/jsx-runtime";var Km=K.states,Dm=K.defaultOptions,_m=K.options,zm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Hm=[],ho=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?an(D,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?an(vr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),an(Ji,{value:"Value",style:{width:300},...o,...a})};ho.options=_m;ho.states=Km;ho.variants=Hm;ho.defaultOptions=Dm;ho.modifiers=zm;ho.className=K.className;import{Fragment as pa,jsx as R,jsxs as Z}from"react/jsx-runtime";var cs="k-colorgradient-inputs",Fm=[],Um={size:[l.undefined,l.small,l.medium,l.large]},ps={mode:"rgba"},xo=e=>{let{mode:t=ps.mode,size:o,...a}=e;return Z("div",{...a,className:i(cs,"k-hstack"),children:[R("div",{className:"k-vstack",children:R(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Z(pa,{children:[Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),R("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),R("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),R("label",{className:"k-colorgradient-input-label",children:"B"})]}),Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),R("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Z(pa,{children:[Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),R("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),R("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),R("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(pa,{children:[Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),R("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),R("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),R("label",{className:"k-colorgradient-input-label",children:"V"})]}),Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),R("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(pa,{children:[Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),R("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),R("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[R(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),R("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&R(pa,{children:Z("div",{className:"k-vstack k-flex-1",children:[R(H,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),R("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};xo.states=Fm;xo.options=Um;xo.className=cs;xo.defaultOptions=ps;import{jsx as Ut,jsxs as Gt}from"react/jsx-runtime";var ms="k-colorgradient-color-contrast",Gm=[],Vm={},$m={},No=()=>Gt("div",{className:i(ms,"k-vbox"),children:[Gt("div",{className:"k-contrast-ratio",children:[Ut("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Gt("span",{className:"k-contrast-validation !k-text-success",children:[Ut(L,{icon:"check"}),Ut(L,{icon:"check"})]})]}),Gt("div",{children:[Ut("span",{children:"AA: 4.5"}),Gt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Ut(L,{icon:"check"})]})]}),Gt("div",{children:[Ut("span",{children:"AAA: 7.0"}),Gt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Ut(L,{icon:"x"})]})]})]});No.states=Gm;No.options=Vm;No.className=ms;No.defaultOptions=$m;var us="color-gradient",bs="colorgradient";import{jsx as Ge,jsxs as ma}from"react/jsx-runtime";var Da="k-colorgradient",Xm=[n.hover,n.focus,n.readonly,n.disabled],qm={size:[l.undefined,l.small,l.medium,l.large]},st={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ae=e=>{let{size:t,mode:o=st.mode,readonly:a=st.readonly,disabled:r=st.disabled,gradientStyle:s=st.gradientStyle,dragHandleStyle:d=st.dragHandleStyle,alphaStyle:u=st.alphaStyle,alphaStyleHorizontal:f=st.alphaStyleHorizontal,contrast:h=st.contrast,dir:N,hover:x,focus:p,hoverHandle:v,focusHandle:g,canvasOrientation:S=st.canvasOrientation,role:y,tabIndex:M,...O}=e;return ma("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,Da,I(Da,{size:t}),T(Da,{hover:x,focus:p,readonly:a,disabled:r})),dir:N,children:[!S\|\|S==="horizontal"&&ma("div",{className:"k-colorgradient-canvas k-hstack",children:[Ge("div",{className:"k-hsv-rectangle",style:s,children:Ge("div",{className:"k-hsv-gradient",children:Ge("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})})}),ma("div",{className:"k-hsv-controls k-hstack",children:[Ge(Vr,{className:"k-hue-slider",hover:v,focus:g}),o!=="rgb"&&o!=="hsv"&&Ge(Vr,{className:"k-alpha-slider",hover:v,focus:g,trackStyle:u})]})]}),S==="vertical"&&ma("div",{className:"k-colorgradient-canvas k-vstack",children:[Ge("div",{className:"k-hsv-rectangle",style:s,children:Ge("div",{className:"k-hsv-gradient",children:Ge("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})})}),ma("div",{className:"k-hsv-controls k-vstack",children:[Ge(Gr,{className:"k-hue-slider",hover:v,focus:g}),o!=="rgb"&&o!=="hsv"&&Ge(Gr,{className:"k-alpha-slider",hover:v,focus:g,trackStyle:f})]})]}),Ge(xo,{mode:e.mode,size:t}),h&&Ge(No,{})]})};ae.states=Xm;ae.options=qm;ae.className=Da;ae.defaultOptions=st;ae.moduleName=us;ae.folderName=bs;ae.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 Wm}from"react/jsx-runtime";var _a=e=>Wm(ae,{...e});import{jsx as AO}from"react/jsx-runtime";import{jsx as PO}from"react/jsx-runtime";import{jsx as rn}from"react/jsx-runtime";var Jm=ae.options,Ym=ae.states,Zm={...ae.defaultOptions,variant:"rgba"},Qm=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],jm=[],ko=e=>{let{variant:t,...o}=e;switch(t){case"hex":return rn(_a,{...o,mode:t});case"rgb":return rn(_a,{...o,mode:t});default:return rn(_a,{...o,mode:t})}};ko.options=Jm;ko.states=Ym;ko.variants=Qm;ko.defaultOptions=Zm;ko.modifiers=jm;ko.className=ae.className;import{jsx as eu}from"react/jsx-runtime";var nn=e=>eu("tr",{role:"row",children:e.children});import{jsx as au}from"react/jsx-runtime";var sn="k-colorpalette-tile",tu=[n.hover,n.focus,n.selected],ou={},go=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 au("td",{...d,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:i(e.className,sn,T(sn,{hover:a,focus:r,selected:s})),style:u})};go.states=tu;go.options=ou;go.className=sn;var fs="color-palette",hs="colorpalette";import{jsx as ua}from"react/jsx-runtime";var za="k-colorpalette",ru=[n.disabled],nu={size:[l.undefined,l.small,l.medium,l.large]},xs={columns:10},Se=e=>{let{size:t,palette:o,columns:a=xs.columns,tileSize:r,disabled:s,...d}=e,u=[];if(o){let f=a\|\|o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/f)},(N,x)=>{let p=[];h.slice(xf,(x+1)f).map((g,S)=>{p.push(ua(go,{color:g,tileSize:r},S))});let v=ua(nn,{children:p},x);u.push(v)})}return ua("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:i(e.className,za,T(za,{disabled:s}),I(za,{size:t})),children:ua("table",{className:"k-colorpalette-table",role:"none",children:ua("tbody",{children:u.length>0?u:e.children})})})};Se.states=ru;Se.options=nu;Se.className=za;Se.defaultOptions=xs;Se.moduleName=fs;Se.folderName=hs;Se.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 Ha=Se;var ba={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as iu}from"react/jsx-runtime";var Ns=e=>iu(Ha,{palette:ba.basic,...e});import{jsx as hA}from"react/jsx-runtime";import{jsx as LA,jsxs as SA}from"react/jsx-runtime";import{jsx as uu}from"react/jsx-runtime";var su=Se.options,lu=Se.states,du={...Se.defaultOptions,variant:"basic"},cu=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],pu={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}},mu=[],vo=e=>{let{variant:t="basic",...o}=e,a=pu[t];return uu(Ns,{columns:a.columns,palette:a,...o})};vo.options=su;vo.states=lu;vo.variants=cu;vo.defaultOptions=du;vo.modifiers=mu;vo.className=Se.className;var ks="color-editor",gs="coloreditor";import{jsx as Ve,jsxs as Lo}from"react/jsx-runtime";var Fa="k-coloreditor",bu=[n.focus],fu={size:[l.undefined,l.small,l.medium,l.large]},fa={view:"gradient",palette:ba.office,actionButtons:!0,canvasOrientation:"horizontal"},J=e=>{let{size:t,view:o=fa.view,palette:a=fa.palette,color:r,currentColor:s,focus:d,focusView:u,dir:f,group:h,actionButtons:N=fa.actionButtons,canvasOrientation:x=fa.canvasOrientation,...p}=e;return Lo("div",{...p,role:"textbox","aria-label":"Color editor",tabIndex:0,className:i(e.className,"k-flatcolorpicker",Fa,I(Fa,{size:t}),T(Fa,{focus:d})),dir:f,children:[Lo("div",{className:"k-coloreditor-header k-hstack",children:[Ve("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&Lo(C,{fillMode:"flat",children:[Ve(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ve(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ve("div",{className:"k-spacer"}),Lo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ve(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Lo("div",{className:"k-coloreditor-preview k-vstack",children:[Ve(gt,{className:"k-coloreditor-preview-color",color:r}),Ve(gt,{className:"k-coloreditor-current-color",color:s})]})]})]}),Ve("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ve(ae,{focus:u,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):Ve(Se,{palette:a,size:t})}),N&&Lo(rt,{className:"k-coloreditor-footer",alignment:"start",children:[Ve(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ve(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};J.states=bu;J.options=fu;J.className=Fa;J.defaultOptions=fa;J.moduleName=ks;J.folderName=gs;J.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 So=J;import{jsx as QA}from"react/jsx-runtime";import{jsx as ow}from"react/jsx-runtime";import{jsx as hu}from"react/jsx-runtime";var vs=e=>hu(So,{group:!0,currentColor:"fuchsia",...e});import{jsx as xu}from"react/jsx-runtime";var Ls=e=>xu(So,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Ss}from"react/jsx-runtime";var Nu=J.options,ku=J.states,gu={...J.defaultOptions,variant:"gradient"},vu=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Lu=[],Mo=e=>{let{variant:t,...o}=e;return t==="palette"?Ss(Ls,{...o,color:"white"}):Ss(vs,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Mo.options=Nu;Mo.states=ku;Mo.variants=vu;Mo.defaultOptions=gu;Mo.modifiers=Lu;Mo.className=J.className;var Ms="color-picker",Is="colorpicker";import{Fragment as Iu,jsx as $e,jsxs as ln}from"react/jsx-runtime";var ys="k-colorpicker",Su=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Mu={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]},Ts={arrowIconName:"caret-alt-down"},we=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=Ts.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:z,adaptiveTitle:Y,adaptiveSubtitle:Q,...ne}=e,Ne="colorpicker-popup";return ln(Iu,{children:[ln(tt,{...ne,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?Ne:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":g?"true":void 0,className:i(e.className,ys,"k-icon-picker"),children:[$e(pe,{children:s}),$e(Dt,{placeholder:f,value:u,showValue:!1,valueIcon:$e(gt,{className:"k-value-icon",color:u,iconName:S}),valueIconName:S}),$e(me,{children:d}),$e(c,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:g})]}),M&&y&&$e(X,{id:Ne,className:"k-colorpicker-popup",children:y}),O&&$e(W,{adaptive:!0,id:Ne,...z,header:$e(ke,{actionsEnd:$e(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Y,subtitle:Q}),footer:ln(vt,{children:[$e(c,{text:"Cancel",size:"large"}),$e(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:$e(J,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};we.states=Su;we.options=Mu;we.className=ys;we.defaultOptions=Ts;we.moduleName=Ms;we.folderName=Is;we.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 bt=we;import{jsx as yu}from"react/jsx-runtime";var Ua=e=>yu(bt,{...e});import{jsx as zw}from"react/jsx-runtime";import{jsx as Vw}from"react/jsx-runtime";import{jsx as Ww}from"react/jsx-runtime";import{jsx as Qw}from"react/jsx-runtime";import{jsx as oR}from"react/jsx-runtime";import{jsx as iR}from"react/jsx-runtime";import{jsx as Vt}from"react/jsx-runtime";var Tu=bt.options,Eu=bt.states,Es={...bt.defaultOptions,variant:"color"},Cu=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Ou=[{name:"opened",title:"Opened"}],Io=e=>{let{variant:t,modifiers:o,...a}={...Es,...e},r={};Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(r.opened=!!o?.[d],r.popup=o?.[d]?Vt(J,{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 Vt("div",{style:s,children:Vt(Ua,{...a,...r})});case"icon":return Vt("div",{style:s,children:Vt(Ua,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return Vt("div",{style:s,children:Vt(Ua,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};Io.options=Tu;Io.states=Eu;Io.variants=Cu;Io.defaultOptions=Es;Io.modifiers=Ou;Io.className=bt.className;var dn="combobox",Cs=dn;import{Fragment as cn,jsx as ee,jsxs as ha}from"react/jsx-runtime";var Os="k-combobox",Au=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],wu={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={separators:!0},ue=e=>{let{size:t,rounded:o,fillMode:a,separators:r=As.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:z,adaptiveSettings:Y,adaptiveTitle:Q,adaptiveSubtitle:ne,adaptiveCustomValue:Ne,id:Pt,autocomplete:ar,activeDescendant:kt,"aria-label":La,...rr}=e,nr=Pt?`${Pt}-listbox`:void 0;return ha(cn,{children:[ha(F,{...rr,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,Os),children:[s&&ha(cn,{children:[ee(pe,{children:s}),r&&ee(oe,{})]}),ee(se,{id:Pt,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?nr:void 0,"aria-activedescendant":M&&kt?kt:void 0,"aria-autocomplete":ar,"aria-invalid":p?"true":void 0,"aria-busy":g?"true":void 0,"aria-label":La,disabled:S,readOnly:O}),ee(j,{valid:x,invalid:p,loading:g,disabled:S}),ee(te,{loading:g,disabled:S}),ee(ie,{loading:g,disabled:S,readonly:O,value:u}),d&&ha(cn,{children:[r&&ee(oe,{}),ee(me,{children:d})]}),ee(c,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:S})]}),M&&y&&ee(X,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:y}),z&&ee(W,{adaptive:!0,id:Pt?`${Pt}-adaptive`:void 0,...Y,header:ee(ke,{actionsEnd:ee(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:Q,subtitle:ne}),children:ee("div",{className:"k-list-container",children:ee(P,{customValue:Ne?ee(yt,{text:`Use "${u}"`}):void 0,size:"large",children:ha(U,{"aria-label":Q\|\|"Options",children:[ee(w,{text:"List item"}),ee(w,{text:"List item"}),ee(w,{text:"List item"})]})})})})]})};ue.states=Au;ue.options=wu;ue.className=Os;ue.defaultOptions=As;ue.moduleName=dn;ue.folderName=Cs;ue.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 Re=ue;import{jsx as Ru}from"react/jsx-runtime";var ws=e=>Ru(Re,{...e});import{jsx as UR,jsxs as GR}from"react/jsx-runtime";import{jsx as JR,jsxs as YR}from"react/jsx-runtime";import{jsx as oB,jsxs as aB}from"react/jsx-runtime";import{Fragment as dB,jsx as lB}from"react/jsx-runtime";import{Fragment as fB,jsx as bB}from"react/jsx-runtime";import{jsx as vB,jsxs as LB}from"react/jsx-runtime";import{Fragment as OB,jsx as EB,jsxs as CB}from"react/jsx-runtime";import{jsx as BB}from"react/jsx-runtime";import{jsx as _B}from"react/jsx-runtime";import{jsx as VB,jsxs as $B}from"react/jsx-runtime";import{jsx as ZB,jsxs as QB}from"react/jsx-runtime";import{jsx as Et,jsxs as zu}from"react/jsx-runtime";var Bu=ue.states,Pu=ue.defaultOptions,Ku=ue.options,Du=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],_u=[],yo=e=>{let{modifiers:t,...o}=e,a={},r=Et(P,{style:{width:300},size:o.size,children:zu(U,{children:[Et(w,{children:"List item"}),Et(w,{children:"List item"}),Et(w,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?Et(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?Et(ct,{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}}),Et("div",{children:Et(ws,{value:"Value",style:{width:300},...o,...a})})};yo.options=Ku;yo.states=Bu;yo.variants=_u;yo.defaultOptions=Pu;yo.modifiers=Du;yo.className=ue.className;var pn="menu-button",Rs=pn;import{jsx as Uu}from"react/jsx-runtime";var Bs="k-menu-button",Hu=[n.hover,n.focus,n.active,n.selected,n.disabled],Fu={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]},mn={showArrow:!0,arrowIconName:"caret-alt-down"},G=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=mn.showArrow,arrowIconName:v=mn.arrowIconName,expanded:g,...S}=e;return Uu(c,{...S,className:i(e.className,Bs),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"}})};G.states=Hu;G.options=Fu;G.className=Bs;G.defaultOptions=mn;G.moduleName=pn;G.folderName=Rs;G.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 AP}from"react/jsx-runtime";import{jsx as PP}from"react/jsx-runtime";import{jsx as zP}from"react/jsx-runtime";var Be="menu",Xe=Be;import{jsx as xa,jsxs as Ps}from"react/jsx-runtime";var un="k-menu-item",Gu=[n.hover,n.focus,n.active,n.selected,n.disabled],Vu={},Ks={iconPosition:"before"},be=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=Ks.iconPosition,dir:v,children:g,expanded:S,...y}=e,M=x;return M\|\|(M=v==="rtl"?"caret-alt-left":"caret-alt-right"),Ps("li",{...y,className:i(e.className,un,"k-item",T(un,{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:[Ps("span",{className:i("k-link k-menu-link"),children:[d&&p==="before"&&xa(L,{className:"k-menu-link-icon",icon:d}),xa("span",{className:"k-menu-link-text",children:u}),d&&p==="after"&&xa(L,{className:"k-menu-link-icon",icon:d}),N&&xa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:xa(L,{icon:M})})]}),g]})};be.states=Gu;be.options=Vu;be.className=un;be.defaultOptions=Ks;be.moduleName=Be;be.folderName=Xe;import{jsx as Na,jsxs as Ds}from"react/jsx-runtime";var bn="k-menu-item",$u=[n.hover,n.focus,n.active,n.selected,n.disabled],Xu={},fn={dir:"ltr",iconPosition:"before"},q=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=fn.iconPosition,dir:v=fn.dir,children:g,popup:S,expanded:y,...M}=e,O=x;return O\|\|(O=v==="rtl"?"caret-alt-left":"caret-alt-right"),Ds("li",{...M,className:i(e.className,bn,"k-item",T(bn,{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:[Ds("span",{className:i("k-link k-menu-link",T("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[d&&p==="before"&&Na(L,{className:"k-menu-link-icon",icon:d}),Na("span",{className:"k-menu-link-text",children:u}),d&&p==="after"&&Na(L,{className:"k-menu-link-icon",icon:d}),N&&Na("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Na(L,{icon:O})})]}),g,S]})};q.states=$u;q.options=Xu;q.className=bn;q.defaultOptions=fn;q.moduleName=Be;q.folderName=Xe;import{jsx as Yu}from"react/jsx-runtime";var _s="k-menu-scroll-wrapper",qu=[],Wu={},Ju={},$t=e=>{let{className:t,children:o,orientation:a,...r}=e;return Yu("div",{...r,className:i(t,_s,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};$t.states=qu;$t.options=Wu;$t.className=_s;$t.defaultOptions=Ju;$t.moduleName=Be;$t.folderName=Xe;var zs=$t;import{Fragment as hn,jsx as Xt,jsxs as Va}from"react/jsx-runtime";var xn="k-menu",Zu=[],Qu={},$a={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=$a.orientation,header:a=$a.header,scrollable:r,scrollButtonsPosition:s=$a.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=Xt("ul",{dir:u,...N,className:i(e.className,"k-reset",xn,{[`${xn}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Va(hn,{children:[r?Va(zs,{orientation:o,style:d,dir:e.dir,children:[s==="start"&&Va(hn,{children:[Xt(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"}),Xt(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"&&Xt(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"&&Va(hn,{children:[Xt(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"}),Xt(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"&&Xt(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]})};re.states=Zu;re.options=Qu;re.className=xn;re.defaultOptions=$a;re.moduleName=Be;re.folderName=Xe;re.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 ju}from"react/jsx-runtime";var Nn="k-separator",Hs={orientation:"horizontal"},To=e=>{let{orientation:t=Hs.orientation,...o}=e;return ju("li",{...o,className:i(e.className,"k-item",Nn,{[`${Nn}-${t}`]:t}),role:"separator"})};To.className=Nn;To.defaultOptions=Hs;To.moduleName=Be;To.folderName=Xe;import{Fragment as bK,jsx as fK}from"react/jsx-runtime";import{jsx as ab}from"react/jsx-runtime";var kn="k-menu-group",eb=[],tb={size:[l.undefined,l.small,l.medium,l.large]},ob={},fe=e=>{let{children:t,size:o,...a}=e;return ab("ul",{...a,className:i(e.className,kn,I(kn,{size:o})),role:"menu",children:t})};fe.states=eb;fe.options=tb;fe.className=kn;fe.defaultOptions=ob;fe.moduleName=Be;fe.folderName=Xe;import{Fragment as rb,jsx as Eo,jsxs as nb}from"react/jsx-runtime";var gn=e=>Eo(re,{children:nb(rb,{children:[Eo(be,{first:!0,text:"Item 1"}),Eo(be,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Eo(be,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Eo(be,{text:"Item 4"}),Eo(be,{last:!0,text:"Item 5"})]}),...e});import{Fragment as CK,jsx as TK,jsxs as EK}from"react/jsx-runtime";import{Fragment as BK,jsx as RK,jsxs as PK}from"react/jsx-runtime";import{Fragment as HK,jsx as zK,jsxs as FK}from"react/jsx-runtime";import{Fragment as XK,jsx as $K,jsxs as qK}from"react/jsx-runtime";import{jsx as qt,jsxs as cb}from"react/jsx-runtime";var ib=re.options,sb=re.states,Fs={...re.defaultOptions,variant:"horizontal"},lb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],db=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Co=e=>{let{variant:t,modifiers:o,...a}={...Fs,...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=qt(X,{className:"k-menu-popup",children:cb(fe,{children:[qt(q,{text:"Item 1"}),qt(q,{text:"Item 2"}),qt(To,{}),qt(q,{text:"Item 3"})]})});break}}),t==="vertical"?qt(gn,{...a,...r,orientation:"vertical",style:{width:"200px"}}):qt(gn,{...a,...r})};Co.options=ib;Co.states=sb;Co.variants=lb;Co.defaultOptions=Fs;Co.modifiers=db;Co.className=re.className;import{Fragment as I0,jsx as S0,jsxs as M0}from"react/jsx-runtime";import{jsx as C0}from"react/jsx-runtime";import{Fragment as fb,jsx as lt,jsxs as Us}from"react/jsx-runtime";var pb=c.states,Gs={...c.defaultOptions,variant:"text"},mb=c.options,ub=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],bb=[{name:"opened",title:"Opened"}],Oo=e=>{let{variant:t,modifiers:o,...a}={...Gs,...e},r={},s=lt(X,{className:"k-menu-popup",children:Us(fe,{size:a.size,children:[lt(q,{first:!0,text:"Menu Item"}),lt(q,{text:"Menu Item"}),lt(q,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=lt("div",{children:lt(G,{...a,...r,icon:"star"})});break;case"icon-and-text":d=lt("div",{children:lt(G,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:d=lt("div",{children:lt(G,{...a,...r,children:"Dropdown Button"})});break}return Us(fb,{children:[d,o?.opened&&s]})};Oo.options=mb;Oo.states=pb;Oo.variants=ub;Oo.defaultOptions=Gs;Oo.modifiers=bb;Oo.className=G.className;var vn="split-button",Vs=vn;import{Fragment as Nb,jsx as Ln,jsxs as $s}from"react/jsx-runtime";var Sn="k-split-button",hb=[n.hover,n.focus,n.active,n.selected,n.disabled],xb={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]},Xs={arrowIconName:"caret-alt-down"},B=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=Xs.arrowIconName,popup:v,opened:g,popupId:S,...y}=e;return $s(Nb,{children:[$s("div",{...y,className:i(e.className,Sn,"k-button-group",I(Sn,{rounded:o})),children:[Ln(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}),Ln(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&&Ln(X,{className:"k-menu-popup",children:v})]})};B.states=hb;B.options=xb;B.className=Sn;B.defaultOptions=Xs;B.moduleName=vn;B.folderName=Vs;B.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 Mn=B;import{jsx as gb}from"react/jsx-runtime";var kb="k-toolbar-separator",he=e=>gb("div",{className:i(kb,e.className,"k-separator")});var ft="toolbar",Ct=ft;import{Fragment as In,jsx as _,jsxs as Ao}from"react/jsx-runtime";var ht="k-toolbar",vb=[n.focus],Lb={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Sb={scrollButtons:"around"},V=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===ea)g.push(_(ea,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===ct)g.push(_(ct,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===G)g.push(_(G,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===Mn)g.push(_(Mn,{...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===ue?g.push(_(ue,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`)):p.type===D?g.push(_(D,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`)):p.type===we?g.push(_(we,{...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)}),Ao("div",{...h,className:i(e.className,ht,I(ht,{size:t,fillMode:o}),T(ht,{focus:a}),{[`${ht}-resizable`]:r,[`${ht}-scrollable`]:s,[`${ht}-scrollable-overlay`]:s&&d==="hidden",[`${ht}-scrollable-${u}`]:u&&u!=="both",[`${ht}-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"&&Ao(In,{children:[Ao(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"})})]}),_(he,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&d==="end"&&Ao(In,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(he,{className:"k-toolbar-button-separator"}),Ao(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)&&Ao(In,{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"})}),_(he,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(he,{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"})})]})]})};V.states=vb;V.options=Lb;V.className=ht;V.defaultOptions=Sb;V.moduleName=ft;V.folderName=Ct;V.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 Tb}from"react/jsx-runtime";var qs="k-floating-toolbar",Mb=[],Ib={},yb={},wo=e=>{let{...t}=e;return Tb("div",{...t,className:i(e.className,qs),children:e.children})};wo.states=Mb;wo.options=Ib;wo.className=qs;wo.defaultOptions=yb;wo.moduleName=ft;wo.folderName=Ct;import{jsx as Ab}from"react/jsx-runtime";var yn="k-toolbar-item",Eb=[n.focus],Cb={},Ob={},dt=e=>{let{focus:t,...o}=e;return Ab("div",{...o,className:i(e.className,yn,T(yn,{focus:t})),children:e.children})};dt.states=Eb;dt.options=Cb;dt.className=yn;dt.defaultOptions=Ob;dt.moduleName=ft;dt.folderName=Ct;import{jsx as Ws}from"react/jsx-runtime";var Js="k-toolbar-popup",wb=[],Rb={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Bb={},Wt=e=>{let{size:t,fillMode:o,section:a,...r}=e;return Ws(X,{...r,className:i(e.className,Js),children:a?Ws("span",{className:i("k-toolbar-items-list",I("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Wt.states=wb;Wt.options=Rb;Wt.className=Js;Wt.defaultOptions=Bb;Wt.moduleName=ft;Wt.folderName=Ct;var Xa=Wt;import{jsx as wD}from"react/jsx-runtime";import{jsx as KD}from"react/jsx-runtime";import{jsx as HD}from"react/jsx-runtime";import{jsx as XD,jsxs as qD}from"react/jsx-runtime";import{jsx as ZD}from"react/jsx-runtime";import{jsx as xt,jsxs as zb}from"react/jsx-runtime";var Pb=B.states,Ys={...B.defaultOptions,variant:"text"},Kb=B.options,Db=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],_b=[{name:"opened",title:"Opened"}],Ro=e=>{let{variant:t,modifiers:o,...a}={...Ys,...e},r={},s=zb(fe,{size:a.size,children:[xt(q,{first:!0,text:"Menu Item"}),xt(q,{text:"Menu Item"}),xt(q,{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 xt("div",{children:xt(B,{...a,...r,icon:"star"})});case"icon-and-text":return xt("div",{children:xt(B,{...a,...r,icon:"star",children:"Split Button"})});default:return xt("div",{children:xt(B,{...a,...r,children:"Split Button"})})}};Ro.options=Kb;Ro.states=Pb;Ro.variants=Db;Ro.defaultOptions=Ys;Ro.modifiers=_b;Ro.className=B.className;import{jsx as Jt,jsxs as Hb}from"react/jsx-runtime";var Zs=e=>Jt(V,{children:[Jt(c,{children:"Button"},"toolbar-button"),Jt(G,{text:"Menu button"},"toolbar-menu-button"),Jt(B,{children:"Split button"},"toolbar-split-button"),Hb(C,{children:[Jt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Jt(c,{icon:"align-center",children:"Center"}),Jt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as y_,jsxs as T_}from"react/jsx-runtime";import{jsx as Pe,jsxs as Qs}from"react/jsx-runtime";var js=e=>Pe(V,{scrollable:!0,...e,children:[Pe(c,{children:"Button"},"toolbar-button"),Pe(G,{text:"Menu button"},"toolbar-menu-button"),Pe(B,{children:"Split button"},"toolbar-split-button"),Qs(C,{children:[Pe(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Pe(c,{icon:"align-center",children:"Center"}),Pe(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Pe(c,{children:"Button"},"toolbar-button"),Pe(G,{text:"Menu button"},"toolbar-menu-button"),Pe(B,{children:"Split button"},"toolbar-split-button"),Qs(C,{children:[Pe(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Pe(c,{icon:"align-center",children:"Center"}),Pe(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Ke,jsxs as el}from"react/jsx-runtime";var tl=({scrollingPosition:e="start",...t})=>Ke(V,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Ke(c,{children:"Button"},"toolbar-button"),Ke(G,{text:"Menu button"},"toolbar-menu-button"),Ke(B,{children:"Split button"},"toolbar-split-button"),el(C,{children:[Ke(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Ke(c,{icon:"align-center",children:"Center"}),Ke(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Ke(c,{children:"Button"},"toolbar-button"),Ke(G,{text:"Menu button"},"toolbar-menu-button"),Ke(B,{children:"Split button"},"toolbar-split-button"),el(C,{children:[Ke(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Ke(c,{icon:"align-center",children:"Center"}),Ke(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Fb,jsx as Te,jsxs as qa}from"react/jsx-runtime";var ol=({fillMode:e,size:t,...o})=>qa(Fb,{children:[Te(V,{section:!0,fillMode:e,size:t,children:[Te(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),qa(C,{fillMode:e,children:[Te(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Te(he,{className:"k-toolbar-button-separator"}),Te(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),qa(Xa,{size:t,fillMode:e,section:!0,...o,children:[Te(B,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Te(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Te(he,{}),Te(G,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),qa(C,{fillMode:e,children:[Te(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as iz,jsx as rz,jsxs as nz}from"react/jsx-runtime";import{Fragment as xz,jsx as fz,jsxs as hz}from"react/jsx-runtime";import{jsx as Ot}from"react/jsx-runtime";var Ub=V.options,Gb=V.states,al={...V.defaultOptions,variant:"default"},Vb=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],$b=[],Bo=e=>{let{variant:t,...o}={...al,...e};switch(t){case"responsive":return Ot("div",{children:Ot(ol,{style:{width:"583px"},...o})});case"overlay":return Ot("div",{children:Ot(tl,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ot("div",{children:Ot(js,{style:{width:"583px"},...o})});default:return Ot("div",{children:Ot(Zs,{style:{width:"583px"},...o})})}};Bo.options=Ub;Bo.states=Gb;Bo.variants=Vb;Bo.defaultOptions=al;Bo.modifiers=$b;Bo.className=V.className;import{jsx as De}from"react/jsx-runtime";var rl="k-imageeditor-toolbar",Xb=[],qb={},Wb=[De(c,{icon:"upload","aria-label":"Upload"},"toolbar-button-1"),De(c,{disabled:!0,icon:"download","aria-label":"Download"},"toolbar-button-2"),De(he,{},"toolbar-separator-1"),De(c,{disabled:!0,icon:"undo","aria-label":"Undo"},"toolbar-button-3"),De(c,{disabled:!0,icon:"redo","aria-label":"Redo"},"toolbar-button-4"),De(he,{},"toolbar-separator-2"),De(c,{disabled:!0,icon:"crop","aria-label":"Crop"},"toolbar-button-5"),De(c,{disabled:!0,icon:"image-resize","aria-label":"Resize"},"toolbar-button-6"),De(c,{disabled:!0,icon:"zoom-in","aria-label":"Zoom in"},"toolbar-button-7"),De(c,{disabled:!0,icon:"zoom-out","aria-label":"Zoom out"},"toolbar-button-8"),De(dt,{children:De(D,{disabled:!0,value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],nl={toolbarItems:Wb},Po=e=>{let{toolbarItems:t=nl.toolbarItems,...o}=e;return De(V,{...o,className:i(e.className,rl),children:t})};Po.states=Xb;Po.options=qb;Po.className=rl;Po.defaultOptions=nl;var il="image-editor",sl="imageeditor";import{jsx as ka,jsxs as ll}from"react/jsx-runtime";var dl="k-imageeditor",Jb=[],Yb={},Zb={},et=e=>{let{toolbarItems:t,actionPane:o,contentHeight:a,children:r,...s}=e;return ll("div",{...s,className:i(e.className,dl),children:[ka("div",{className:"k-imageeditor-header",children:ka(Po,{toolbarItems:t})}),ll("div",{className:"k-imageeditor-content",style:{height:a},children:[ka("div",{className:"k-imageeditor-canvas-container",children:ka("div",{className:"k-imageeditor-canvas",children:r})}),o&&ka("div",{className:"k-imageeditor-action-pane",children:o})]})]})};et.states=Jb;et.options=Yb;et.className=dl;et.defaultOptions=Zb;et.moduleName=il;et.folderName=sl;et.ariaSpec={selector:".k-imageeditor",rules:[{selector:".k-imageeditor-canvas>canvas",attribute:"role=img",usage:"Indicates the canvas role as an image. Applicable when an image is loaded."},{selector:".k-imageeditor-canvas>canvas",attribute:"aria-label or aria-labelledby",usage:"Provides an accessible name for the canvas by describing the image content. Applicable when an image is loaded."}]};var cl="form",pl="forms";import{Fragment as ml,jsx as Wa,jsxs as ef}from"react/jsx-runtime";var Ja="k-form",Qb=[],jb={size:[l.undefined,l.small,l.medium,l.large]},Tn={layout:"basic",tag:"form"},de=e=>{let{size:t,orientation:o,layout:a=Tn.layout,formButtons:r,cols:s,gutters:d,tag:u=Tn.tag,children:f}=e,h=u,N=i(e.className,Ja,I(Ja,{size:t}),{[`${Ja}-${o}`]:o}),x=ef(ml,{children:[a==="grid"?Wa("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}):Wa(ml,{children:f}),r&&Wa("div",{className:"k-form-buttons",children:r})]}),{role:p,"aria-labelledby":v,"aria-label":g,id:S}=e;return Wa(h,{className:N,role:p,"aria-labelledby":v,"aria-label":g,id:S,children:x})};de.states=Qb;de.options=jb;de.className=Ja;de.defaultOptions=Tn;de.moduleName=cl;de.folderName=pl;var ul="label",bl="label";import{jsx as fl,jsxs as rf}from"react/jsx-runtime";var En="k-label",tf=[n.disabled],of={},af={},At=e=>{let{disabled:t,optional:o,info:a,text:r,children:s,...d}=e;return rf("label",{...d,className:i(e.className,En,T(En,{disabled:t})),children:[r\|\|s,o&&fl("span",{className:"k-label-optional",children:"(Optional)"}),a&&fl("span",{className:"k-field-info",children:a})]})};At.states=tf;At.options=of;At.className=En;At.defaultOptions=af;At.moduleName=ul;At.folderName=bl;import{jsx as df}from"react/jsx-runtime";var hl="k-form-hint",nf=[],sf={},lf={},qe=e=>{let{text:t,children:o,...a}=e;return df("div",{...a,className:i(e.className,hl),children:t\|\|o})};qe.states=nf;qe.options=sf;qe.className=hl;qe.defaultOptions=lf;import{jsx as uf}from"react/jsx-runtime";var xl="k-form-error",cf=[],pf={},mf={},We=e=>{let{text:t,children:o,...a}=e;return uf("div",{...a,className:i(e.className,xl),children:t\|\|o})};We.states=cf;We.options=pf;We.className=xl;We.defaultOptions=mf;import{jsx as Ya,jsxs as Nl}from"react/jsx-runtime";var Cn="k-form-field",bf=[n.disabled],Je=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 Nl("div",{...p,className:i(Cn,e.className,T(Cn,{disabled:h}),{[`k-col-span-${x}`]:x}),dir:N,children:[o&&Ya(At,{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&&Ya("span",{className:"k-label k-form-label k-label-empty"}),Nl("div",{className:"k-form-field-wrap",children:[s,d&&Ya(qe,{id:t?`${t}-hint`:void 0,children:d}),u&&Ya(We,{id:t?`${t}-error`:void 0,children:u})]})]})};Je.states=bf;Je.className=Cn;import{Fragment as ff,jsx as On,jsxs as hf}from"react/jsx-runtime";var kl="k-form-fieldset",wt=e=>{let{legend:t,layout:o,cols:a,gutters:r,colSpan:s}=e;return hf("fieldset",{className:i(kl,{[`k-col-span-${s}`]:s}),children:[t&&On("legend",{className:"k-form-legend",children:t}),o==="grid"?On("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}):On(ff,{children:e.children})]})};wt.className=kl;var Yt="radio",Ko=Yt;import{jsx as gl}from"react/jsx-runtime";var Za="k-radio",xf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked],Nf={size:[l.undefined,l.small,l.medium,l.large]},kf={},Ee=e=>{let{id:t,checked:o,hover:a,focus:r,disabled:s,invalid:d,valid:u,required:f,size:h,...N}=e;return gl("span",{className:"k-radio-wrap",children:gl("input",{...N,id:t,type:"radio",checked:o,required:f,disabled:s\|\|void 0,"aria-invalid":d?"true":void 0,className:i(e.className,Za,I(Za,{size:h}),T(Za,{hover:a,focus:r,disabled:s,invalid:d,valid:u,checked:o}))})})};Ee.states=xf;Ee.options=Nf;Ee.className=Za;Ee.defaultOptions=kf;Ee.moduleName=Yt;Ee.folderName=Ko;Ee.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 Ye=Ee;import{jsx as Lf}from"react/jsx-runtime";var vl="k-radio-list",gf=[],vf={},Ll={layout:"vertical"},ce=e=>{let{layout:t=Ll.layout,...o}=e;return Lf("ul",{...o,className:i(e.className,vl,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};ce.states=gf;ce.options=vf;ce.className=vl;ce.defaultOptions=Ll;ce.moduleName=Yt;ce.folderName=Ko;ce.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 yf}from"react/jsx-runtime";var Sl="k-radio-list-item",Sf=[],Mf={},If={},xe=e=>{let{...t}=e;return yf("li",{...t,className:i(e.className,Sl),role:"none",children:e.children})};xe.states=Sf;xe.options=Mf;xe.className=Sl;xe.defaultOptions=If;xe.moduleName=Yt;xe.folderName=Ko;import{jsx as HH}from"react/jsx-runtime";import{Fragment as Tf,jsx as Ml,jsxs as Ef}from"react/jsx-runtime";var Nt=({children:e,id:t,...o})=>Ef(Tf,{children:[Ml(Ye,{...o,id:t}),Ml("label",{className:"k-radio-label",htmlFor:t,children:e})]});import{Fragment as WH,jsx as qH,jsxs as JH}from"react/jsx-runtime";import{Fragment as t1,jsx as jH,jsxs as e1}from"react/jsx-runtime";import{Fragment as i1,jsx as n1,jsxs as s1}from"react/jsx-runtime";import{Fragment as m1,jsx as p1,jsxs as u1}from"react/jsx-runtime";import{Fragment as g1,jsx as k1,jsxs as v1}from"react/jsx-runtime";import{jsx as I1}from"react/jsx-runtime";import{jsx as Pf}from"react/jsx-runtime";var Of=Ye.options,Af=Ye.states,wf=Ye.defaultOptions,Rf=[],Bf=[],Do=e=>Pf(Nt,{id:A("radio"),name:"value",...e,children:"Label"});Do.options=Of;Do.states=Af;Do.variants=Rf;Do.defaultOptions=wf;Do.modifiers=Bf;Do.className=Ye.className;import{jsx as Ze,jsxs as Il}from"react/jsx-runtime";var Kf=ce.options,Df=ce.states,_f={...ce.defaultOptions,variant:"vertical"},zf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Hf=[],_o=e=>{let{variant:t,...o}=e;return t==="horizontal"?Il(ce,{layout:"horizontal",...o,children:[Ze(xe,{children:Ze(Nt,{id:A("rb"),name:"value",defaultChecked:!0,children:"Label"})}),Ze(xe,{children:Ze(Nt,{id:A("rb"),name:"value",children:"Label"})}),Ze(xe,{children:Ze(Nt,{id:A("rb"),name:"value",children:"Label"})})]}):Il(ce,{...o,children:[Ze(xe,{children:Ze(Nt,{id:A("rb"),name:"value",defaultChecked:!0,children:"Label"})}),Ze(xe,{children:Ze(Nt,{id:A("rb"),name:"value",children:"Label"})}),Ze(xe,{children:Ze(Nt,{id:A("rb"),name:"value",children:"Label"})})]})};_o.options=Kf;_o.states=Df;_o.variants=zf;_o.defaultOptions=_f;_o.modifiers=Hf;_o.className=ce.className;import{Fragment as s2,jsx as i2,jsxs as l2}from"react/jsx-runtime";import{Fragment as x2,jsx as h2,jsxs as N2}from"react/jsx-runtime";import{Fragment as I2,jsx as M2,jsxs as y2}from"react/jsx-runtime";var yl="date-input",Tl="dateinput";import{jsx as ga,jsxs as Vf}from"react/jsx-runtime";var El="k-dateinput",Ff=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Uf={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]},Gf={},Ce=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,...z}=e;return Vf(F,{...z,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,El),children:[ga(se,{id:y,placeholder:s,value:r,disabled:p,"aria-label":M,"aria-describedby":O,"aria-invalid":h?"true":void 0}),ga(j,{valid:f,invalid:h,loading:x,disabled:p}),ga(te,{loading:x,disabled:p}),g&&ga(ie,{loading:x,disabled:p,readonly:v,value:r}),S&&ga(it,{className:"k-input-spinner",size:t,fillMode:a,disabled:p})]})};Ce.states=Ff;Ce.options=Uf;Ce.className=El;Ce.defaultOptions=Gf;Ce.moduleName=yl;Ce.folderName=Tl;Ce.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 An=Ce;import{jsx as $f}from"react/jsx-runtime";var Cl=e=>$f(An,{...e});import{jsx as H2}from"react/jsx-runtime";import{jsx as Zf}from"react/jsx-runtime";var Xf=Ce.options,qf=Ce.states,Wf=Ce.defaultOptions,Jf=[{name:"spin-button",title:"`Spin` Button"}],Yf=[],zo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{r==="spin-button"&&(a.showSpinButton=!!t?.[r])}),Zf(Cl,{value:"2/04/2021",style:{width:"300px"},...o,...a})};zo.options=Xf;zo.states=qf;zo.variants=Yf;zo.defaultOptions=Wf;zo.modifiers=Jf;zo.className=Ce.className;var Ol="masked-textbox",Al="maskedtextbox";import{Fragment as wl,jsx as Rt,jsxs as wn}from"react/jsx-runtime";var Rl="k-maskedtextbox",Qf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],jf={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Rn={showClearButton:!0,separators:!0},Oe=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Rn.separators,showClearButton:s=Rn.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":z,"aria-describedby":Y,...Q}=e;return wn(F,{...Q,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,Rl),children:[d&&wn(wl,{children:[Rt(pe,{children:d}),r&&Rt(oe,{})]}),Rt(se,{id:O,placeholder:h,value:f,disabled:y,"aria-label":z,"aria-describedby":Y,"aria-invalid":v?"true":void 0}),Rt(j,{valid:p,invalid:v,loading:S,disabled:y}),Rt(te,{loading:S,disabled:y}),s&&Rt(ie,{loading:S,disabled:y,readonly:M,value:f}),u&&wn(wl,{children:[r&&Rt(oe,{}),Rt(me,{children:u})]})]})};Oe.states=Qf;Oe.options=jf;Oe.className=Rl;Oe.defaultOptions=Rn;Oe.moduleName=Ol;Oe.folderName=Al;Oe.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 Ho=Oe;import{jsx as eh}from"react/jsx-runtime";var Bl=e=>eh(Ho,{...e});import{Fragment as p3,jsx as c3}from"react/jsx-runtime";import{Fragment as x3,jsx as h3}from"react/jsx-runtime";import{jsx as v3}from"react/jsx-runtime";import{jsx as I3}from"react/jsx-runtime";import{jsx as Bn}from"react/jsx-runtime";var th=Oe.states,oh=Oe.defaultOptions,ah=Oe.options,rh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],nh=[],Fo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Bn(D,{size:o.size,value:"Choose",fillMode:"flat"}):void 0;break;case"suffix":a.suffix=t?.[r]?Bn(L,{icon:"lock"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),Bn(Bl,{value:"Value",style:{width:300},...o,...a})};Fo.options=ah;Fo.states=th;Fo.variants=nh;Fo.defaultOptions=oh;Fo.modifiers=rh;Fo.className=Oe.className;var Pn="switch",Pl=Pn;import{jsx as Qa,jsxs as Kl}from"react/jsx-runtime";var Bt="k-switch",ih=[n.hover,n.focus,n.disabled,n.readonly,n.checked],sh={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]},lh={},Me=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 Kl("span",{...x,className:i(e.className,Bt,I(Bt,{size:r}),T(Bt,{hover:u,focus:f,disabled:h,readonly:N}),{[`${Bt}-on`]:t,[`${Bt}-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:[Kl("span",{className:i("k-switch-track",I(Bt,{rounded:s})),children:[o&&Qa("span",{className:"k-switch-label-on",children:o}),a&&Qa("span",{className:"k-switch-label-off",children:a})]}),Qa("span",{className:"k-switch-thumb-wrap",children:Qa("span",{className:i("k-switch-thumb",I(Bt,{rounded:d}))})})]})};Me.states=ih;Me.options=sh;Me.className=Bt;Me.defaultOptions=lh;Me.moduleName=Pn;Me.folderName=Pl;Me.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 J3}from"react/jsx-runtime";import{jsx as j3}from"react/jsx-runtime";import{jsx as a5}from"react/jsx-runtime";import{jsx as s5}from"react/jsx-runtime";import{jsx as Dl}from"react/jsx-runtime";var dh=Me.options,ch=Me.states,ph={...Me.defaultOptions,variant:"on"},mh=[{name:"on",title:"On"},{name:"off",title:"Off"}],uh=[],Uo=e=>{let{variant:t,...o}=e;return t==="off"?Dl(Me,{checked:!1,onLabel:"On",offLabel:"Off",...o}):Dl(Me,{checked:!0,onLabel:"On",offLabel:"Off",...o})};Uo.options=dh;Uo.states=ch;Uo.variants=mh;Uo.defaultOptions=ph;Uo.modifiers=uh;Uo.className=Me.className;var Dn="textarea",_l=Dn;import{Fragment as zl,jsx as va,jsxs as _n}from"react/jsx-runtime";var Hl="k-textarea",bh=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],fh={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]},Go={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},Ie=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:r=Go.prefixSeparator,suffixSeparator:s=Go.prefixSeparator,affixesOrientation:d=Go.affixesOrientation,flow:u=Go.flow,resize:f=Go.resize,prefix:h,suffix:N,rows:x,value:p,placeholder:v,hover:g,focus:S,valid:y,invalid:M,required:O,disabled:z,id:Y,"aria-label":Q,"aria-describedby":ne,...Ne}=e;return _n(F,{...Ne,size:t,rounded:o,fillMode:a,hover:g,focus:S,valid:y,invalid:M,required:O,disabled:z,className:i(e.className,Hl,{"!k-flex-col":u==="vertical","!k-flex-row":u==="horizontal"}),children:[h&&_n(zl,{children:[va(pe,{className:i({"!k-align-items-start":u===d}),direction:d,children:h}),r&&va(oe,{direction:u==="horizontal"?"vertical":"horizontal"})]}),va(aa,{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:z,id:Y,"aria-label":Q,"aria-describedby":ne,"aria-invalid":M?"true":void 0}),N&&_n(zl,{children:[s&&va(oe,{direction:u==="horizontal"?"vertical":"horizontal"}),va(me,{className:i({"!k-align-items-start":u===d}),direction:d,children:N})]})]})};Ie.states=bh;Ie.options=fh;Ie.className=Hl;Ie.defaultOptions=Go;Ie.moduleName=Dn;Ie.folderName=_l;Ie.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 E5}from"react/jsx-runtime";import{Fragment as B5,jsx as R5}from"react/jsx-runtime";import{Fragment as H5,jsx as z5}from"react/jsx-runtime";import{jsx as V5}from"react/jsx-runtime";import{jsx as ja}from"react/jsx-runtime";var hh=Ie.options,xh=Ie.states,Fl={...Ie.defaultOptions,variant:"vertical"},Nh=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],kh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],Vo=e=>{let{variant:t,modifiers:o,...a}={...Fl,...e},r={resize:"y"};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"prefix":r.prefix=o?.[s]?ja(L,{icon:"comment"}):void 0;break;case"suffix":r.suffix=o?.[s]?ja(L,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?ja(Ie,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...r}):ja(Ie,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...r})};Vo.options=hh;Vo.states=xh;Vo.variants=Nh;Vo.defaultOptions=Fl;Vo.modifiers=kh;Vo.className=Ie.className;import{Fragment as bF,jsx as uF,jsxs as fF}from"react/jsx-runtime";import{Fragment as Ih,jsx as ye,jsxs as $o}from"react/jsx-runtime";var gh=de.options,vh=de.states,Lh={...de.defaultOptions,variant:"vertical"},Sh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Mh=[],Xo=e=>{let{variant:t,size:o,...a}=e,r=$o(wt,{legend:"Form Legend",children:[ye(Je,{label:"Label",editor:ye(H,{size:o})}),ye(Je,{label:"Label",hint:"Hint text",editor:ye(D,{value:"Dropdown List",size:o})}),ye(Je,{label:"City",editor:$o("ul",{className:"k-radio-list k-list-horizontal",children:[$o("li",{className:"k-radio-list-item",children:[ye(Ee,{checked:!0,size:o}),ye("label",{className:"k-radio-label",children:"Label"})]}),$o("li",{className:"k-radio-list-item",children:[ye(Ee,{size:o}),ye("label",{className:"k-radio-label",children:"Label"})]}),$o("li",{className:"k-radio-list-item",children:[ye(Ee,{size:o}),ye("label",{className:"k-radio-label",children:"Label"})]})]})})]}),s=$o(Ih,{children:[ye(c,{className:"k-form-submit",themeColor:"primary",size:o,children:"Submit"}),ye(c,{className:"k-form-clear",size:o,children:"Clear"})]});return t==="horizontal"?ye(de,{orientation:"horizontal",size:o,...a,formButtons:s,children:r}):ye(de,{size:o,...a,formButtons:s,children:r})};Xo.options=gh;Xo.states=vh;Xo.variants=Sh;Xo.defaultOptions=Lh;Xo.modifiers=Mh;Xo.className=de.className;import{jsx as Ul,jsxs as Oh}from"react/jsx-runtime";var yh=qe.options,Th=qe.states,Gl={...qe.defaultOptions},Eh=[],Ch=[{name:"showHint",title:"Show Hint"}],qo=e=>{let{modifiers:t,...o}={...Gl,...e},a=t?.showHint??!0;return Oh("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Ul(H,{placeholder:"Component",style:{width:"200px"}}),a&&Ul(qe,{...o,children:"Hint text"})]})};qo.options=yh;qo.states=Th;qo.variants=Eh;qo.defaultOptions=Gl;qo.modifiers=Ch;qo.className=qe.className;import{jsx as Vl,jsxs as Ph}from"react/jsx-runtime";var Ah=We.options,wh=We.states,$l={...We.defaultOptions},Rh=[],Bh=[{name:"showError",title:"Show Error"}],Wo=e=>{let{modifiers:t,...o}={...$l,...e},a=t?.showError??!0;return Ph("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Vl(H,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&Vl(We,{...o,children:"Error text"})]})};Wo.options=Ah;Wo.states=wh;Wo.variants=Rh;Wo.defaultOptions=$l;Wo.modifiers=Bh;Wo.className=We.className;import{Fragment as n6,jsx as r6,jsxs as i6}from"react/jsx-runtime";var Hn="segmented-control",Xl=Hn,ql="segmented-control-button",Wl="segmented-control";import{jsx as zh,jsxs as Hh}from"react/jsx-runtime";var er="k-segmented-control",Dh=[],_h={size:[l.undefined,l.small,l.medium,l.large]},Zt=e=>{let{size:t,stretched:o,children:a,thumbStyles:r,...s}=e;return Hh("div",{...s,className:i(e.className,er,I(er,{size:t}),{[`${er}-stretched`]:o}),role:"group",children:[zh("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:r}),a]})};Zt.states=Dh;Zt.options=_h;Zt.className=er;Zt.moduleName=Hn;Zt.folderName=Xl;Zt.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 Vh}from"react/jsx-runtime";var Fn="k-segmented-control-button",Fh=[n.selected,n.hover,n.focus,n.disabled],Uh={},Gh={},Qt=e=>{let{hover:t,focus:o,selected:a,disabled:r,icon:s,text:d,iconClassName:u,...f}=e;return Vh("button",{...f,className:i(e.className,Fn,T(Fn,{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})]})};Qt.states=Fh;Qt.options=Uh;Qt.className=Fn;Qt.defaultOptions=Gh;Qt.moduleName=ql;Qt.folderName=Wl;import{Fragment as L6,jsx as v6,jsxs as S6}from"react/jsx-runtime";import{Fragment as C6,jsx as E6,jsxs as O6}from"react/jsx-runtime";import{Fragment as K6,jsx as P6,jsxs as D6}from"react/jsx-runtime";import{Fragment as G6,jsx as U6,jsxs as V6}from"react/jsx-runtime";import{Fragment as Y6,jsx as J6,jsxs as Z6}from"react/jsx-runtime";import{Fragment as x7,jsx as h7,jsxs as N7}from"react/jsx-runtime";import{jsx as $h}from"react/jsx-runtime";var T7=e=>$h(et,{...e});export{T7 as ImageEditorNormal};