@progress/kendo-themes-html 14.0.0-dev.5 → 14.0.0-dev.7

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

@@ -1 +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:g,highlighted:k,...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":g,"k-highlighted":k},Object.keys(S).reduce((y,M)=>(M.startsWith("k-")?y[M]=S[M]:y[`k-${M}`]=S[M],y),{}))};function Xn(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"},v={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var dr={};function A(e){return dr[e]=(dr[e]||0)+1,`k-${e}-${dr[e]}`}import{Fragment as nd,jsx as qn}from"react/jsx-runtime";var cr="k-font-icon",od=[],ad={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},rd={},Qo=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...d}=e;return a?qn("span",{...d,className:i(e.className,cr,I(cr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):qn(nd,{})};Qo.states=od;Qo.options=ad;Qo.className=cr;Qo.defaultOptions=rd;var Wn=Qo;import{Fragment as ld,jsx as ya}from"react/jsx-runtime";var pr="k-svg-icon",id=[],sd={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},Jn={viewBox:"0 0 24 24"},jo=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Jn.viewBox,icon:d,...u}=e;if(!d)return ya(ld,{});if(d==="none")return ya("span",{...u,className:i(e.className,pr,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof d=="object"&&d.name&&d.name;return ya("span",{...u,className:i(e.className,pr,I("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:ya("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:s,dangerouslySetInnerHTML:typeof d=="object"?{__html:d.content}:void 0,children:d?void 0:e.children})})};jo.states=id;jo.options=sd;jo.className=pr;jo.defaultOptions=Jn;var mr=jo;import*as ur from"@progress/kendo-svg-icons";var Yn="icon",Zn="icons";import{useContext as cd}from"react";import{createContext as dd}from"react";var Qn=dd({iconsType:"svg"});import{Fragment as jn,jsx as ea}from"react/jsx-runtime";var Ta="k-icon",pd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),md=[],ud={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},br={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{iconsType:t}=cd(Qn),{size:o,themeColor:a,icon:r,type:s=t||br.type,rotate:d,flip:u,viewBox:f=br.viewBox,...h}=e;if(!r)return ea(jn,{});if((t||s)==="svg"){if(r==="none")return ea(mr,{...h,className:i(e.className,Ta),icon:r,size:o});let x=ur[r]?r:pd(`${r}-icon`);return ur[x]?ea(mr,{...h,className:i(e.className,Ta),icon:ur[x],size:o,themeColor:a,rotate:d,flip:u,viewBox:f}):ea(jn,{})}return ea(Wn,{...h,className:i(e.className,Ta),icon:r,size:o,themeColor:a,rotate:d,flip:u})};L.states=md;L.options=ud;L.defaultOptions=br;L.className=Ta;L.moduleName=Yn;L.folderName=Zn;L.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var fr="button",ei=fr;import{Fragment as xd,jsx as ta,jsxs as ti}from"react/jsx-runtime";var oa="k-button",bd=["icon-button"],fd=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],hd={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},hr={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:d=hr.showArrow,arrowIconName:u=hr.arrowIconName,variant:f,hover:h,focus:N,active:x,selected:p,disabled:g,togglable:k,ariaDisabled:S,icon:y,text:M,iconClassName:O,className:H,...Z}=e,ee=y!==void 0,de=e.children!==void 0;return ti(t,{className:i(H,oa,Xn(oa,f),I(oa,{size:o,rounded:a,fillMode:r,themeColor:s}),T(oa,{hover:h,focus:N,active:x,disabled:g||S,selected:p}),{"k-icon-button":!M&&!de&&ee}),...Z,"aria-pressed":k?p?"true":"false":void 0,"aria-disabled":S?"true":void 0,disabled:g||void 0,children:[y&&ta(L,{className:i(O,"k-button-icon"),icon:y}),M?ti(xd,{children:[M&&ta("span",{className:"k-button-text",children:M}),e.children]}):e.children&&ta("span",{className:"k-button-text",children:e.children}),d&&ta("span",{className:"k-menu-button-arrow k-button-arrow",children:ta(L,{icon:u})})]})};c.states=fd;c.options=hd;c.variants=bd;c.className=oa;c.defaultOptions=hr;c.moduleName=fr;c.folderName=ei;c.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Nd}from"react/jsx-runtime";var ut=e=>Nd(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as kd}from"react/jsx-runtime";var aa=e=>kd(c,{icon:"folder",children:"Button",...e});import{jsx as gd}from"react/jsx-runtime";var _t=e=>gd(c,{children:"Button",...e});import{jsx as xr}from"react/jsx-runtime";var vd=c.options,Ld=c.states,Sd={...c.defaultOptions,variant:"text"},Md=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Id=[],to=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return xr(ut,{...o,icon:"star"});case"icon-and-text":return xr(aa,{...o,icon:"star",children:"Button"});default:return xr(_t,{...o,children:"Button"})}};to.options=vd;to.states=Ld;to.variants=Md;to.defaultOptions=Sd;to.modifiers=Id;to.className=c.className;var Nr="button",oi=Nr;import{jsx as Cd}from"react/jsx-runtime";var ra="k-button-group",yd=[n.disabled],Td={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Ed={},C=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return Cd("div",{role:"group",...r,className:i(e.className,ra,I(ra,{fillMode:t}),T(ra,{disabled:o}),{[`${ra}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};C.states=yd;C.options=Td;C.className=ra;C.defaultOptions=Ed;C.moduleName=Nr;C.folderName=oi;C.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as pN,jsx as cN,jsxs as mN}from"react/jsx-runtime";import{Fragment as NN,jsx as xN,jsxs as kN}from"react/jsx-runtime";import{Fragment as IN,jsx as MN,jsxs as yN}from"react/jsx-runtime";import{Fragment as wN,jsx as AN,jsxs as RN}from"react/jsx-runtime";import{Fragment as zN,jsx as _N,jsxs as HN}from"react/jsx-runtime";import{Fragment as XN,jsx as $N,jsxs as qN}from"react/jsx-runtime";import{jsx as bt,jsxs as kr}from"react/jsx-runtime";var Od={...c.options,...C.options},Ad=c.states,wd={...c.defaultOptions,...C.defaultOptions,variant:"text-button"},Rd=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Bd=[],oo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?kr(C,{fillMode:a.fillMode,className:o,children:[bt(c,{...a,icon:"star"}),bt(c,{...a,icon:"star"}),bt(c,{...a,icon:"star"})]}):t==="icon-text-button"?kr(C,{fillMode:a.fillMode,className:o,children:[bt(c,{...a,icon:"star",children:"First"}),bt(c,{...a,icon:"star",children:"Middle"}),bt(c,{...a,icon:"star",children:"Last"})]}):kr(C,{fillMode:a.fillMode,className:o,children:[bt(c,{...a,children:"First"}),bt(c,{...a,children:"Middle"}),bt(c,{...a,children:"Last"})]})};oo.options=Od;oo.states=Ad;oo.variants=Rd;oo.defaultOptions=wd;oo.modifiers=Bd;oo.className=C.className;var na="input",Ea=na;import{jsx as _d}from"react/jsx-runtime";var Ca="k-input",Pd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Kd={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Dd={},U=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u,size:f,rounded:h,fillMode:N,...x}=e;return _d("span",{...x,className:i(e.className,Ca,I(Ca,{size:f,rounded:h,fillMode:N}),T(Ca,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u}))})};U.states=Pd;U.options=Kd;U.className=Ca;U.defaultOptions=Dd;U.moduleName=na;U.folderName=Ea;import{jsx as Ud}from"react/jsx-runtime";var Oa="k-picker",zd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Hd={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Fd={},rt=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u,size:f,rounded:h,fillMode:N,...x}=e;return Ud("span",{...x,className:i(e.className,Oa,I(Oa,{size:f,rounded:h,fillMode:N}),T(Oa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u})),children:e.children})};rt.states=zd;rt.options=Hd;rt.className=Oa;rt.defaultOptions=Fd;rt.moduleName=na;rt.folderName=Ea;import{Fragment as $d,jsx as gr}from"react/jsx-runtime";var ai="k-clear-value",Gd=[n.disabled,n.loading,n.readonly],Vd={},ce=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?gr($d,{}):gr("span",{className:i(e.className,ai),children:gr(L,{icon:"x"})})};ce.states=Gd;ce.options=Vd;ce.className=ai;import{jsx as Wd}from"react/jsx-runtime";var vr="k-input-inner",Xd=[],qd={},Aa={type:"text",autocomplete:"off",value:"",placeholder:""},pe=e=>{let{value:t=Aa.value,type:o=Aa.type,placeholder:a=Aa.placeholder,autocomplete:r=Aa.autocomplete,disabled:s,readOnly:d,...u}=e;return Wd("input",{...u,type:o,className:i(e.className,vr,I(vr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:d||void 0})};pe.states=Xd;pe.options=qd;pe.className=vr;import{jsx as ri,jsxs as Zd}from"react/jsx-runtime";var Lr="k-input-inner",Jd=[],Yd={},zt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...d}=e;return Zd("span",{...d,className:i(e.className,Lr,I(Lr,e)),children:[r,!r&&s&&ri(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&ri("span",{className:"k-input-value-text",children:t})]})};zt.states=Jd;zt.options=Yd;zt.className=Lr;import{jsx as ec}from"react/jsx-runtime";var Sr="k-input-inner",Qd=[],jd={},ni={value:"",placeholder:""},ia=e=>{let{value:t=ni.value,placeholder:o=ni.placeholder,rows:a,disabled:r,...s}=e;return ec("textarea",{...s,className:i(e.className,Sr,I(Sr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};ia.states=Qd;ia.options=jd;ia.className=Sr;import{Fragment as oc,jsx as ii}from"react/jsx-runtime";var si="k-input-loading-icon",tc=[n.disabled,n.loading],ae=e=>{let{disabled:t,loading:o}=e;return t||!o?ii(oc,{}):ii("span",{className:i(e.className,si,"k-icon k-i-loading")})};ae.states=tc;ae.className=si;import{Fragment as nc,jsx as li}from"react/jsx-runtime";var di="k-input-validation-icon",ac=[n.valid,n.invalid,n.disabled,n.loading],rc={},te=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?li(nc,{}):li(L,{className:i(di),icon:s})};te.states=ac;te.options=rc;te.className=di;import{Fragment as lc,jsx as ci}from"react/jsx-runtime";var ic="k-input-prefix",sc={direction:"horizontal"},fe=e=>{let{direction:t=sc.direction,...o}=e;return e.children?ci("span",{...o,className:i(ic,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ci(lc,{})};import{Fragment as pc,jsx as pi}from"react/jsx-runtime";var dc="k-input-suffix",cc={direction:"horizontal"},he=e=>{let{direction:t=cc.direction,...o}=e;return e.children?pi("span",{...o,className:i(dc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):pi(pc,{})};import{jsx as qk}from"react/jsx-runtime";import{jsx as uc}from"react/jsx-runtime";var mc="k-input-suffix-text",Mr=e=>{let{children:t,...o}=e;return uc("span",{...o,className:i(mc,e.className),children:t})};import{jsx as fc}from"react/jsx-runtime";var mi="k-input-separator",bc={direction:"vertical"},re=e=>{let{direction:t=bc.direction,...o}=e;return fc("span",{...o,className:i(mi,e.className,{[`${mi}-${t}`]:t})})};import{Fragment as ui,jsx as nt,jsxs as Ir}from"react/jsx-runtime";var hc=U.states,xc=U.defaultOptions,Nc=U.options,kc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],gc=[],ao=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:d,...u}=e,f=t?.prefix,h=t?.suffix,N=t?.["clear-button"],x=t?.["validation-icon"],p=t?.separators;return Ir(U,{...u,valid:o,invalid:a,loading:r,disabled:s,readonly:d,style:{width:300},children:[f&&Ir(ui,{children:[nt(fe,{children:nt(L,{icon:"lock"})}),p&&nt(re,{})]}),nt(pe,{placeholder:"Placeholder",value:"Value"}),x&&nt(te,{valid:o,invalid:a,loading:r,disabled:s}),nt(ae,{loading:r,disabled:s}),N&&nt(ce,{loading:r,disabled:s,readonly:d,value:"Value"}),h&&Ir(ui,{children:[p&&nt(re,{}),nt(he,{children:nt(_t,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ao.options=Nc;ao.states=hc;ao.variants=gc;ao.defaultOptions=xc;ao.modifiers=kc;ao.className=U.className;import{jsx as bi,jsxs as Sc}from"react/jsx-runtime";var fi="k-color-preview",vc=[],Lc={},St=e=>{let{color:t,iconName:o,...a}=e;return Sc("span",{...a,className:i(e.className,fi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&bi(L,{icon:o,className:"k-color-preview-icon"}),bi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};St.states=vc;St.options=Lc;St.className=fi;var yr="popup",hi=yr;import{jsx as xi}from"react/jsx-runtime";var Ni="k-animation-container",Mc=[],Ic={},ki={positionMode:"absolute"},it=e=>{let{positionMode:t=ki.positionMode,animationStyle:o,offset:a,...r}=e;return xi("div",{...r,style:{...a,...e.style},className:i(e.className,Ni,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:xi("div",{className:"k-child-animation-container",style:o,children:e.children})})};it.states=Mc;it.options=Ic;it.className=Ni;it.defaultOptions=ki;it.moduleName=yr;it.folderName=hi;var Tr="popup",gi=Tr;import{jsx as vi}from"react/jsx-runtime";var Li="k-popup",yc=[],Tc={},Si={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Si.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:d,...u}=e;return vi(it,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":d,children:vi("div",{...u,className:i(e.className,Li),children:e.children})})};q.states=yc;q.options=Tc;q.className=Li;q.defaultOptions=Si;q.moduleName=Tr;q.folderName=gi;q.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var Er="action-buttons",Mi=Er;import{jsx as Oc}from"react/jsx-runtime";var wa="k-actions",Ec=[],Cc={},Cr={alignment:"start",orientation:"horizontal"},st=e=>{let{alignment:t=Cr.alignment,orientation:o=Cr.orientation,...a}=e;return Oc("div",{...a,className:i(wa,{[`${wa}-${t}`]:t,[`${wa}-${o}`]:o},e.className),children:e.children})};st.states=Ec;st.options=Cc;st.className=wa;st.defaultOptions=Cr;st.moduleName=Er;st.folderName=Mi;import{jsx as wc}from"react/jsx-runtime";var Ac="k-actionsheet-footer",Ii={alignment:"stretched",orientation:"horizontal"},Mt=e=>{let{alignment:t=Ii.alignment,orientation:o=Ii.orientation,template:a,as:r=a?"div":st,...s}=e;return wc(r,{...s,...!a&&{alignment:t,orientation:o},className:i(e.className,Ac),children:e.children})};var Or="searchbox",yi=Or;import{jsx as sa,jsxs as Pc}from"react/jsx-runtime";var Ti="k-searchbox",Rc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Bc={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ar={showIcon:!0,icon:"search"},Fe=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:d,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,showIcon:g=Ar.showIcon,icon:k=Ar.icon,"aria-label":S,...y}=e;return Pc(U,{...y,size:a,rounded:r,fillMode:s,hover:d,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,className:i(e.className,Ti),children:[g&&sa(L,{className:"k-input-icon",icon:k}),sa(pe,{placeholder:o,value:t,"aria-label":S}),sa(ae,{...e}),sa(te,{...e}),sa(ce,{...e})]})};Fe.states=Rc;Fe.options=Bc;Fe.className=Ti;Fe.defaultOptions=Ar;Fe.moduleName=Or;Fe.folderName=yi;import{jsx as Nv}from"react/jsx-runtime";var wr="textbox",Ei=wr;import{Fragment as Ci,jsx as It,jsxs as Rr}from"react/jsx-runtime";var Oi="k-textbox",Kc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Dc={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ra={showClearButton:!0,showValidationIcon:!0,separators:!0},z=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ra.separators,showClearButton:s=Ra.showClearButton,showValidationIcon:d=Ra.showValidationIcon,prefix:u,suffix:f,type:h,value:N,placeholder:x,hover:p,focus:g,valid:k,invalid:S,required:y,loading:M,disabled:O,readonly:H,id:Z,"aria-label":ee,"aria-describedby":de,...ve}=e;return Rr(U,{...ve,size:t,rounded:o,fillMode:a,hover:p,focus:g,valid:k,invalid:S,required:y,loading:M,disabled:O,readonly:H,className:i(e.className,Oi),children:[u&&Rr(Ci,{children:[It(fe,{children:u}),r&&It(re,{})]}),It(pe,{id:Z,placeholder:x,value:N,type:h,disabled:O,"aria-label":ee,"aria-describedby":de,"aria-invalid":S?"true":void 0}),d&&It(te,{valid:k,invalid:S,loading:M,disabled:O}),It(ae,{loading:M,disabled:O}),s&&It(ce,{loading:M,disabled:O,readonly:H,value:N}),f&&Rr(Ci,{children:[r&&It(re,{}),It(he,{children:f})]})]})};z.states=Kc;z.options=Dc;z.className=Oi;z.defaultOptions=Ra;z.moduleName=wr;z.folderName=Ei;z.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var la=z;import{jsx as _c}from"react/jsx-runtime";var Ai=e=>_c(la,{...e});import{Fragment as Kv,jsx as Pv}from"react/jsx-runtime";import{Fragment as Uv,jsx as Fv}from"react/jsx-runtime";import{jsx as Xv}from"react/jsx-runtime";import{jsx as Br}from"react/jsx-runtime";var zc=z.states,Hc=z.defaultOptions,Fc=z.options,Uc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Gc=[],ro=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Br(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?Br(_t,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),Br(Ai,{value:"Value",style:{width:300},...o,...a})};ro.options=Fc;ro.states=zc;ro.variants=Gc;ro.defaultOptions=Hc;ro.modifiers=Uc;ro.className=z.className;import{jsx as yt,jsxs as Pr}from"react/jsx-runtime";var wi="k-actionsheet-titlebar",Vc={},Le=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:d,inputValue:u,inputPlaceholder:f,adaptive:h,titleId:N,children:x,...p}=e;return Pr("div",{...p,className:i(e.className,wi),children:[Pr("div",{className:"k-actionsheet-titlebar-group",children:[a&&yt("div",{className:"k-actionsheet-actions",children:a}),!x&&Pr("div",{className:"k-actionsheet-title",id:N,children:[t&&yt("div",{className:"k-text-center",children:t}),o&&yt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&yt("div",{className:"k-actionsheet-title",id:N,children:x}),r&&yt("div",{className:"k-actionsheet-actions",children:r})]}),(d||s)&&yt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?yt(z,{value:u,placeholder:f,size:h?"large":"medium","aria-label":t||f||"Input"}):yt(Fe,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};Le.className=wi;Le.defaultOptions=Vc;import{jsx as Kr,jsxs as Wc}from"react/jsx-runtime";var Dr="k-actionsheet-view",$c=[],Xc={},qc={},no=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:d,...u}=e,f=r?.type===Le&&Kr(Le,{adaptive:t,titleId:d,...r?.props}),h=s?.type===Mt&&Kr(Mt,{...s?.props});return Wc("div",{...u,className:i(e.className,Dr,{[`${Dr}-animated`]:o}),children:[f,Kr("div",{className:"k-actionsheet-content",children:a}),h]})};no.states=$c;no.options=Xc;no.className=Dr;no.defaultOptions=qc;var da="action-sheet",Ba=da;var _r="overlay",Ri=_r;import{jsx as Qc}from"react/jsx-runtime";var Bi="k-overlay",Jc=[],Yc={},Zc={},Tt=e=>{let{...t}=e;return Qc("div",{...t,className:i(e.className,Bi),children:e.children})};Tt.states=Jc;Tt.options=Yc;Tt.className=Bi;Tt.defaultOptions=Zc;Tt.moduleName=_r;Tt.folderName=Ri;import{jsx as Pa,jsxs as tp}from"react/jsx-runtime";var Pi="k-actionsheet",jc=[],ep={},ca={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},J=e=>{let{side:t=ca.side,fullscreen:o=ca.fullscreen,adaptive:a=ca.adaptive,overlay:r=ca.overlay,template:s,children:d,header:u,footer:f,id:h,...N}=e,x=h&&!s&&u?`${h}-title`:void 0;return tp("div",{className:"k-actionsheet-container",children:[r&&Pa(Tt,{}),Pa(it,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:Pa("div",{...N,id:h,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":x,className:i(e.className,Pi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||Pa(no,{header:u,footer:f,adaptive:a,titleId:x,...e,children:d})})})]})};J.states=jc;J.options=ep;J.className=Pi;J.defaultOptions=ca;J.moduleName=da;J.folderName=Ba;J.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as np}from"react/jsx-runtime";var Ki="k-actionsheet-container",op=[],ap={},rp={},io=e=>{let{children:t,...o}=e;return np("div",{...o,className:Ki,children:t})};io.states=op;io.options=ap;io.className=Ki;io.defaultOptions=rp;io.moduleName=da;io.folderName=Ba;import{jsx as ip}from"react/jsx-runtime";var zr=e=>{let{...t}=e;return ip("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};import{Fragment as lp,jsx as pa,jsxs as Hr}from"react/jsx-runtime";var Fr="k-actionsheet-item",sp=[n.hover,n.focus,n.selected,n.disabled],Et=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:d,disabled:u,...f}=e;return Hr("span",{...f,className:i(e.className,Fr,T(Fr,{hover:r,focus:s,selected:d,disabled:u})),children:[!e.children&&pa(lp,{children:Hr("span",{className:"k-actionsheet-action",children:[t&&pa("span",{className:"k-icon-wrap",children:pa(L,{className:"k-actionsheet-item-icon",icon:t})}),Hr("span",{className:"k-actionsheet-item-text",children:[o&&pa("span",{className:"k-actionsheet-item-title",children:o}),a&&pa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Et.states=sp;Et.className=Fr;import{jsx as $L,jsxs as XL}from"react/jsx-runtime";import{jsx as YL}from"react/jsx-runtime";import{jsx as eS}from"react/jsx-runtime";import{jsx as rS}from"react/jsx-runtime";import{jsx as me,jsxs as Ur}from"react/jsx-runtime";var dp=J.options,cp=J.states,_i={...J.defaultOptions,variant:"normal"},pp=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],mp=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],so=e=>{let{variant:t,modifiers:o,...a}={..._i,...e},r={},s=Ur(zr,{children:[me(Et,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),me(Et,{text:"Add to Favorites",iconName:"heart"}),me(Et,{text:"Upload New",iconName:"upload",disabled:!0}),me("hr",{className:"k-hr"}),me(Et,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",u="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":r.actionsStart=!!o?.[f],r.actionsEnd=!!o?.[f];break;case"subtitle":r.subtitle=o?.[f]?d:void 0;break;case"footer":r.footer=!!o?.[f];break;default:break}}),t==="adaptive"?me(J,{...a,adaptive:!0,fullscreen:r.fullScreen,header:me(Le,{actionsStart:r.actionsStart?me(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?me(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:r.subtitle}),footer:r.footer?Ur(Mt,{alignment:"stretched",children:[me(c,{text:"Cancel",size:"large",themeColor:"base"}),me(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):me(J,{...a,fullscreen:r.fullScreen,header:me(Le,{actionsStart:r.actionsStart?me(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?me(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?Ur(Mt,{alignment:"stretched",children:[me(c,{text:"Apply",themeColor:"primary"}),me(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};so.options=dp;so.states=cp;so.variants=pp;so.defaultOptions=_i;so.modifiers=mp;so.className=J.className;var Gr="slider",zi=Gr;import{jsx as lo,jsxs as Vr}from"react/jsx-runtime";var ma="k-slider",up=[n.hover,n.focus,n.active,n.disabled,n.readonly],bp={},Ue={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},X=e=>{let{type:t=Ue.type,orientation:o=Ue.orientation,gradientType:a=Ue.gradientType,readonly:r=Ue.readonly,disabled:s=Ue.disabled,handlePosition:d=Ue.handlePosition,showButtons:u=Ue.showButtons,showTicks:f=Ue.showTicks,value:h=Ue.value,min:N=Ue.min,max:x=Ue.max,startValue:p,endValue:g,hover:k,focus:S,active:y,trackStyle:M,dir:O,...H}=e,ee=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),de,ve;return o==="horizontal"?(de=O==="rtl"?"chevron-left":"chevron-right",ve=O==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(de="chevron-up",ve="chevron-down"),Vr("div",{...H,className:i(ma,e.className,T(ma,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:O,children:[u&&lo(c,{className:"k-button-decrease",rounded:"full",icon:ve,tabIndex:-1,title:"Decrease"}),Vr("div",{className:"k-slider-track-wrap",children:[f&&lo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Vr("div",{className:"k-slider-track",style:M,children:[lo("div",{className:"k-slider-selection"}),t==="range"&&lo("span",{className:i("k-draghandle","k-draghandle-start",T(ma,{hover:k,focus:S,active:y})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":p??N,"aria-valuemin":N,"aria-valuemax":g??x,"aria-orientation":ee,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":H["aria-label"]?`${H["aria-label"]} start`:"Range start"}),lo("span",{className:i("k-draghandle",`k-draghandle-${d}`,T(ma,{hover:k,focus:S,active:y})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?g??x:h,"aria-valuemin":t==="range"?p??N:N,"aria-valuemax":x,"aria-orientation":ee,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?H["aria-label"]?`${H["aria-label"]} end`:"Range end":H["aria-label"]})]})]}),u&&lo(c,{className:"k-button-increase",rounded:"full",icon:de,tabIndex:-1,title:"Increase"})]})};X.states=up;X.options=bp;X.className=ma;X.defaultOptions=Ue;X.moduleName=Gr;X.folderName=zi;X.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as Hi}from"react/jsx-runtime";var Fi="k-tick",fp=[],hp={},Ui={label:!1},E=e=>{let{style:t,label:o=Ui.label,orientation:a,large:r,text:s,...d}=e;return Hi("li",{...d,role:"presentation",title:s||"Tick",className:i(e.className,Fi,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&Hi("span",{className:"k-label",children:s})})};E.states=fp;E.options=hp;E.className=Fi;E.defaultOptions=Ui;import{Fragment as xp,jsx as Ge,jsxs as Np}from"react/jsx-runtime";var Gi=e=>Ge(X,{"aria-label":e["aria-label"]||"Slider",children:Np(xp,{children:[Ge(E,{className:"k-first",label:!0,large:!0,text:"0"}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{label:!0,large:!0,text:"5"}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as kp,jsx as Ve,jsxs as gp}from"react/jsx-runtime";var Vi=e=>Ve(X,{children:gp(kp,{children:[Ve(E,{className:"k-first",label:!0,large:!0,text:"0"}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{label:!0,large:!0,text:"5"}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as XS,jsx as $S,jsxs as qS}from"react/jsx-runtime";import{Fragment as QS,jsx as ZS,jsxs as jS}from"react/jsx-runtime";import{jsx as vp}from"react/jsx-runtime";var $r=e=>vp(X,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Lp}from"react/jsx-runtime";var Xr=e=>Lp(X,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as cM,jsx as dM,jsxs as pM}from"react/jsx-runtime";import{Fragment as hM,jsx as fM,jsxs as xM}from"react/jsx-runtime";import{jsx as lt,jsxs as $i}from"react/jsx-runtime";var Sp=X.options,Mp=X.states,Xi={...X.defaultOptions,variant:"horizontal",label:!0},Ip=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],yp=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],co=e=>{let{variant:t,modifiers:o,...a}={...Xi,...e},r={};Object.keys(o||{}).forEach(h=>{switch(h){case"button":{r.showButtons=!!o?.[h];break}case"label":{r.label=!!o?.[h];break}case"tick":{r.showTicks=!!o?.[h];break}}});let{label:s=!0,showButtons:d,showTicks:u}=r,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?$i(Vi,{showTicks:u,showButtons:d,style:{height:"300px",...f},...a,children:[lt(E,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):$i(Gi,{showTicks:u,showButtons:d,style:{width:"400px",...f},...a,children:[lt(E,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};co.options=Sp;co.states=Mp;co.variants=Ip;co.defaultOptions=Xi;co.modifiers=yp;co.className=X.className;import{jsx as qi,jsxs as Ap}from"react/jsx-runtime";var Wi="k-spin-button",Cp=[],Op={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},qr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},dt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=qr.increaseLabel,decreaseLabel:s=qr.decreaseLabel,...d}=e;return Ap("span",{...d,className:i(Wi,e.className),children:[qi(c,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),qi(c,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};dt.states=Cp;dt.options=Op;dt.className=Wi;dt.defaultOptions=qr;dt.moduleName=null;dt.folderName=null;var Ji="numeric-textbox",Yi="numerictextbox";import{Fragment as Zi,jsx as ft,jsxs as Wr}from"react/jsx-runtime";var Qi="k-numerictextbox",wp=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Rp={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ka={showSpinButton:!0,showClearButton:!0,separators:!0},B=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ka.separators,showClearButton:s=Ka.showClearButton,showSpinButton:d=Ka.showSpinButton,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:g,invalid:k,required:S,loading:y,disabled:M,readonly:O,id:H,"aria-label":Z,"aria-describedby":ee,...de}=e;return Wr(U,{...de,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:g,invalid:k,required:S,loading:y,disabled:M,readonly:O,className:i(e.className,Qi),children:[u&&Wr(Zi,{children:[ft(fe,{children:u}),r&&ft(re,{})]}),ft(pe,{id:H,placeholder:N,value:h,role:"spinbutton",disabled:M,"aria-label":Z,"aria-describedby":ee,"aria-invalid":k?"true":void 0}),ft(te,{valid:g,invalid:k,loading:y,disabled:M}),ft(ae,{loading:y,disabled:M}),s&&ft(ce,{loading:y,disabled:M,readonly:O,value:h}),f&&Wr(Zi,{children:[r&&ft(re,{}),ft(he,{children:f})]}),d&&ft(dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};B.states=wp;B.options=Rp;B.className=Qi;B.defaultOptions=Ka;B.moduleName=Ji;B.folderName=Yi;B.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var ua=B;import{jsx as Bp}from"react/jsx-runtime";var ji=e=>Bp(ua,{...e});import Yr from"react";import{jsx as es}from"react/jsx-runtime";var Pp="k-list-group-sticky-header",Jr=e=>es("div",{className:i(Pp,e.className),children:es("div",{className:"k-list-header-text",children:e.children})});import{jsx as Dp}from"react/jsx-runtime";var Kp="k-no-data",Da=e=>{let{live:t,...o}=e;return Dp("span",{...o,className:i(Kp,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Ht="list",po=Ht;import{jsx as ts,jsxs as os}from"react/jsx-runtime";var Zr="k-list",_p=[],zp={size:[l.undefined,l.small,l.medium,l.large]},Hp={},D=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:d,noData:u,screenReaders:f,...h}=e,x=Yr.Children.toArray(a)[0],p=x?.props?.children?Yr.Children.count(x.props.children):Yr.Children.count(a);return os("div",{...h,className:i(e.className,Zr,I(Zr,{size:t}),{"k-virtual-list":o}),children:[s,d,r&&ts(Jr,{children:r}),a||(u!==void 0?u:ts(Da,{live:!0,children:"No data found."})),f&&a&&os(Da,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};D.states=_p;D.options=zp;D.className=Zr;D.defaultOptions=Hp;D.moduleName=Ht;D.folderName=po;D.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as Vp}from"react/jsx-runtime";var as="k-list-container",Fp=[],Up={},Gp={},mo=e=>{let{...t}=e;return Vp("div",{...t,className:i(e.className,as),children:e.children})};mo.states=Fp;mo.options=Up;mo.className=as;mo.defaultOptions=Gp;mo.moduleName=Ht;mo.folderName=po;var Ft="checkbox",uo=Ft;import{jsx as rs}from"react/jsx-runtime";var _a="k-checkbox",$p=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Xp={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},qp={},Be=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:d,invalid:u,valid:f,required:h,size:N,rounded:x,wrapperRole:p,...g}=e;return rs("span",{className:"k-checkbox-wrap",role:p,children:rs("input",{...g,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:d||void 0,"aria-invalid":u?"true":void 0,className:i(e.className,_a,I(_a,{size:N,rounded:x}),T(_a,{hover:r,focus:s,disabled:d,invalid:u,valid:f,indeterminate:a,checked:o}))})})};Be.states=$p;Be.options=Xp;Be.className=_a;Be.defaultOptions=qp;Be.moduleName=Ft;Be.folderName=uo;Be.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var tt=Be;import{jsx as Yp}from"react/jsx-runtime";var ns="k-checkbox-list",Wp=[],Jp={},is={layout:"vertical"},Se=e=>{let{layout:t=is.layout,...o}=e;return Yp("ul",{...o,className:i(e.className,ns,{[`k-list-${t}`]:t}),children:e.children})};Se.states=Wp;Se.options=Jp;Se.className=ns;Se.defaultOptions=is;Se.moduleName=Ft;Se.folderName=uo;import{jsx as em}from"react/jsx-runtime";var ss="k-checkbox-list-item",Zp=[],Qp={},jp={},Me=e=>{let{...t}=e;return em("li",{...t,className:i(e.className,ss),children:e.children})};Me.states=Zp;Me.options=Qp;Me.className=ss;Me.defaultOptions=jp;Me.moduleName=Ft;Me.folderName=uo;import{Fragment as tm,jsx as ls,jsxs as om}from"react/jsx-runtime";var $e=({children:e="Label",id:t="cb-label-after",...o})=>om(tm,{children:[ls(tt,{id:t,...o}),ls("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as FI,jsx as HI,jsxs as UI}from"react/jsx-runtime";import{Fragment as qI,jsx as XI,jsxs as WI}from"react/jsx-runtime";import{Fragment as jI,jsx as QI,jsxs as ey}from"react/jsx-runtime";import{jsx as ry}from"react/jsx-runtime";import{jsx as ly}from"react/jsx-runtime";import{jsx as my}from"react/jsx-runtime";import{jsx as Xe,jsxs as ds}from"react/jsx-runtime";var am=Se.options,rm=Se.states,nm={...Se.defaultOptions,variant:"vertical"},im=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],sm=[],bo=e=>{let{variant:t,...o}=e;return t==="horizontal"?ds(Se,{layout:"horizontal",...o,children:[Xe(Me,{children:Xe($e,{id:A("cb"),defaultChecked:!0,children:"Label"})}),Xe(Me,{children:Xe($e,{id:A("cb"),children:"Label"})}),Xe(Me,{children:Xe($e,{id:A("cb"),children:"Label"})})]}):ds(Se,{...o,children:[Xe(Me,{children:Xe($e,{id:A("cb"),defaultChecked:!0,children:"Label"})}),Xe(Me,{children:Xe($e,{id:A("cb"),children:"Label"})}),Xe(Me,{children:Xe($e,{id:A("cb"),children:"Label"})})]})};bo.options=am;bo.states=rm;bo.variants=im;bo.defaultOptions=nm;bo.modifiers=sm;bo.className=Se.className;import{jsx as um}from"react/jsx-runtime";var lm=tt.options,dm=tt.states,cm=tt.defaultOptions,pm=[],mm=[],fo=e=>um($e,{id:A("checkbox"),...e,defaultChecked:!0,children:"Label"});fo.options=lm;fo.states=dm;fo.variants=pm;fo.defaultOptions=cm;fo.modifiers=mm;fo.className=tt.className;import{jsx as Ut,jsxs as xm}from"react/jsx-runtime";var Qr="k-list-item",bm=[n.hover,n.focus,n.selected,n.disabled],fm={},hm={},w=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:d,checked:u,hover:f,focus:h,selected:N,disabled:x,actions:p,description:g,id:k,...S}=e,y=t||e.children;return xm("li",{...S,id:k,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":Qr,T(Qr,{hover:f,focus:h,disabled:x,selected:N})),children:[d&&Ut(Be,{checked:u}),r&&Ut("span",{className:"k-list-item-icon-wrapper",children:Ut(L,{icon:r,className:i("k-list-item-icon",s)})}),Ut("span",{className:"k-list-item-text",children:y}),p&&Ut("div",{className:"k-list-item-actions",children:p}),g&&Ut("span",{className:"k-list-item-description",children:g}),o&&o!==""&&Ut("div",{className:"k-list-item-group-label",children:o})]})};w.states=bm;w.options=fm;w.className=Qr;w.defaultOptions=hm;w.moduleName=Ht;w.folderName=po;w.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as km}from"react/jsx-runtime";var Nm="k-list-ul",ht=e=>{let{children:t,role:o,id:a,...r}=e;return km("ul",{...r,id:a,role:o,className:i(Nm,e.className),children:t})};ht.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as jr,jsxs as vm}from"react/jsx-runtime";var gm="k-list-content",G=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...d}=e;return vm("div",{...d,className:i(gm,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:jr(ht,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&jr("div",{className:"k-height-container",children:jr("div",{})})]})};G.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as oT,jsx as tT,jsxs as aT}from"react/jsx-runtime";import{jsx as en,jsxs as Sm}from"react/jsx-runtime";var Lm="k-list-group-item",Gt=e=>{let{groupIconName:t,...o}=e;return Sm("li",{...o,role:"presentation",className:i(Lm,e.className),children:[t&&en("span",{className:"k-list-item-icon-wrapper",children:en(L,{icon:t,className:"k-list-item-icon"})}),en("span",{className:"k-list-item-text",children:e.children})]})};Gt.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as Tm}from"react/jsx-runtime";var tn="k-list-optionlabel",Mm=[n.hover,n.focus,n.selected,n.disabled],Im={},ym={},za=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return Tm("div",{...d,className:i(tn,T(tn,{hover:o,focus:a,selected:r,disabled:s})),children:t})};za.states=Mm;za.options=Im;za.className=tn;za.defaultOptions=ym;import{jsx as Am}from"react/jsx-runtime";var on="k-list-custom-value",Em=[n.hover,n.focus,n.selected,n.disabled],Cm={},Om={},Ct=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return Am("div",{...d,className:i(on,T(on,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Ct.states=Em;Ct.options=Cm;Ct.className=on;Ct.defaultOptions=Om;import{Fragment as kT,jsx as NT,jsxs as gT}from"react/jsx-runtime";import{Fragment as yT,jsx as IT,jsxs as TT}from"react/jsx-runtime";import{Fragment as BT,jsx as wT,jsxs as RT}from"react/jsx-runtime";import{Fragment as FT,jsx as zT,jsxs as HT}from"react/jsx-runtime";import{jsx as $T}from"react/jsx-runtime";import{Fragment as ZT,jsx as YT,jsxs as QT}from"react/jsx-runtime";var cs="dropdown-list",ps="dropdownlist";import{Fragment as Bm,jsx as Ie,jsxs as an}from"react/jsx-runtime";var ms="k-dropdownlist",wm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Rm={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},rn={showValue:!0,arrowIconName:"chevron-down"},R=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=rn.arrowIconName,showValue:s=rn.showValue,valueIconName:d,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:g,invalid:k,required:S,loading:y,disabled:M,readonly:O,popup:H,opened:Z,adaptive:ee,adaptiveSettings:de,adaptiveTitle:ve,adaptiveSubtitle:Dt,adaptiveFilter:ir,id:Lt,activeDescendant:Ia,"aria-label":sr,...lr}=e,td=Lt?`${Lt}-listbox`:void 0,$n=Lt?`${Lt}-value`:void 0;return an(Bm,{children:[an(rt,{...lr,id:Lt,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:g,invalid:k,required:S,loading:y,disabled:M,readonly:O,className:i(e.className,ms,{"k-icon-picker":!s&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Z?"true":"false","aria-controls":Z?td:void 0,"aria-activedescendant":Z&&Ia?Ia:void 0,"aria-describedby":Z?$n:void 0,"aria-disabled":M?"true":void 0,"aria-label":sr,tabIndex:0,children:[Ie(fe,{children:u}),Ie(zt,{placeholder:N,value:h,showValue:s,valueIconName:d,id:$n}),Ie(te,{valid:g,invalid:k,loading:y,disabled:M}),Ie(ae,{loading:y,disabled:M}),Ie(he,{children:f}),Ie(c,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":N||"Toggle dropdown",tabIndex:-1})]}),Z&&H&&Ie(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:H}),ee&&Ie(J,{adaptive:!0,...de,header:Ie(Le,{actionsEnd:Ie(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:ir,inputValue:h,inputPlaceholder:N,title:ve,subtitle:Dt}),children:Ie("div",{className:"k-list-container",children:Ie(D,{size:"large",children:an(G,{"aria-label":"Options",children:[Ie(w,{text:"List item"}),Ie(w,{text:"List item"}),Ie(w,{text:"List item"})]})})})})]})};R.states=wm;R.options=Rm;R.className=ms;R.defaultOptions=rn;R.moduleName=cs;R.folderName=ps;R.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as AE}from"react/jsx-runtime";import{jsx as DE,jsxs as _E}from"react/jsx-runtime";import{Fragment as qE,jsx as $E,jsxs as XE}from"react/jsx-runtime";import{jsx as QE}from"react/jsx-runtime";import{jsx as rC,jsxs as nC}from"react/jsx-runtime";import{Fragment as bC,jsx as mC,jsxs as uC}from"react/jsx-runtime";import{jsx as kC}from"react/jsx-runtime";import{Fragment as Hm,jsx as Ot,jsxs as us}from"react/jsx-runtime";var Pm=R.states,Km=R.defaultOptions,Dm=R.options,_m=[{name:"opened",title:"Opened"}],zm=[],xo=e=>{let{modifiers:t,...o}=e,a={},r=us(Hm,{children:[Ot("div",{className:"k-list-filter",children:Ot(Fe,{})}),Ot(D,{style:{width:300},size:o.size,children:us(G,{children:[Ot(w,{children:"List item"}),Ot(w,{children:"List item"}),Ot(w,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0)}),Ot("div",{children:Ot(R,{placeholder:"Value",style:{width:300},...o,...a})})};xo.options=Dm;xo.states=Pm;xo.variants=zm;xo.defaultOptions=Km;xo.modifiers=_m;xo.className=R.className;import{Fragment as FC,jsx as HC}from"react/jsx-runtime";import{Fragment as qC,jsx as XC}from"react/jsx-runtime";import{jsx as ZC}from"react/jsx-runtime";import{jsx as nn}from"react/jsx-runtime";var Fm=B.states,Um=B.defaultOptions,Gm=B.options,Vm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],$m=[],No=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?nn(R,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?nn(Mr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),nn(ji,{value:"Value",style:{width:300},...o,...a})};No.options=Gm;No.states=Fm;No.variants=$m;No.defaultOptions=Um;No.modifiers=Vm;No.className=B.className;import{Fragment as ba,jsx as P,jsxs as Q}from"react/jsx-runtime";var bs="k-colorgradient-inputs",Xm=[],qm={size:[l.undefined,l.small,l.medium,l.large]},fs={mode:"rgba"},ko=e=>{let{mode:t=fs.mode,size:o,...a}=e;return Q("div",{...a,className:i(bs,"k-hstack"),children:[P("div",{className:"k-vstack",children:P(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(ba,{children:Q("div",{className:"k-vstack k-flex-1",children:[P(z,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),P("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ko.states=Xm;ko.options=qm;ko.className=bs;ko.defaultOptions=fs;import{jsx as Vt,jsxs as $t}from"react/jsx-runtime";var hs="k-colorgradient-color-contrast",Wm=[],Jm={},Ym={},go=()=>$t("div",{className:i(hs,"k-vbox"),children:[$t("div",{className:"k-contrast-ratio",children:[Vt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),$t("span",{className:"k-contrast-validation !k-text-success",children:[Vt(L,{icon:"check"}),Vt(L,{icon:"check"})]})]}),$t("div",{children:[Vt("span",{children:"AA: 4.5"}),$t("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Vt(L,{icon:"check"})]})]}),$t("div",{children:[Vt("span",{children:"AAA: 7.0"}),$t("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Vt(L,{icon:"x"})]})]})]});go.states=Wm;go.options=Jm;go.className=hs;go.defaultOptions=Ym;var xs="color-gradient",Ns="colorgradient";import{jsx as qe,jsxs as fa}from"react/jsx-runtime";var Ha="k-colorgradient",Zm=[n.hover,n.focus,n.readonly,n.disabled],Qm={size:[l.undefined,l.small,l.medium,l.large]},ct={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ne=e=>{let{size:t,mode:o=ct.mode,readonly:a=ct.readonly,disabled:r=ct.disabled,gradientStyle:s=ct.gradientStyle,dragHandleStyle:d=ct.dragHandleStyle,alphaStyle:u=ct.alphaStyle,alphaStyleHorizontal:f=ct.alphaStyleHorizontal,contrast:h=ct.contrast,dir:N,hover:x,focus:p,hoverHandle:g,focusHandle:k,canvasOrientation:S=ct.canvasOrientation,role:y,tabIndex:M,...O}=e;return fa("div",{...O,role:y??"textbox","aria-label":y==="none"?void 0:"Color gradient",tabIndex:M??0,"aria-disabled":r?"true":void 0,className:i(e.className,Ha,I(Ha,{size:t}),T(Ha,{hover:x,focus:p,readonly:a,disabled:r})),dir:N,children:[!S||S==="horizontal"&&fa("div",{className:"k-colorgradient-canvas k-hstack",children:[qe("div",{className:"k-hsv-rectangle",style:s,children:qe("div",{className:"k-hsv-gradient",children:qe("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":g,"k-focus":k}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),fa("div",{className:"k-hsv-controls k-hstack",children:[qe(Xr,{className:"k-hue-slider",hover:g,focus:k}),o!=="rgb"&&o!=="hsv"&&qe(Xr,{className:"k-alpha-slider",hover:g,focus:k,trackStyle:u})]})]}),S==="vertical"&&fa("div",{className:"k-colorgradient-canvas k-vstack",children:[qe("div",{className:"k-hsv-rectangle",style:s,children:qe("div",{className:"k-hsv-gradient",children:qe("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":g,"k-focus":k}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),fa("div",{className:"k-hsv-controls k-vstack",children:[qe($r,{className:"k-hue-slider",hover:g,focus:k}),o!=="rgb"&&o!=="hsv"&&qe($r,{className:"k-alpha-slider",hover:g,focus:k,trackStyle:f})]})]}),qe(ko,{mode:e.mode,size:t}),h&&qe(go,{})]})};ne.states=Zm;ne.options=Qm;ne.className=Ha;ne.defaultOptions=ct;ne.moduleName=xs;ne.folderName=Ns;ne.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as jm}from"react/jsx-runtime";var Fa=e=>jm(ne,{...e});import{jsx as KO}from"react/jsx-runtime";import{jsx as HO}from"react/jsx-runtime";import{jsx as sn}from"react/jsx-runtime";var eu=ne.options,tu=ne.states,ou={...ne.defaultOptions,variant:"rgba"},au=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],ru=[],vo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return sn(Fa,{...o,mode:t});case"rgb":return sn(Fa,{...o,mode:t});default:return sn(Fa,{...o,mode:t})}};vo.options=eu;vo.states=tu;vo.variants=au;vo.defaultOptions=ou;vo.modifiers=ru;vo.className=ne.className;import{jsx as nu}from"react/jsx-runtime";var ln=e=>nu("tr",{role:"row",children:e.children});import{jsx as lu}from"react/jsx-runtime";var dn="k-colorpalette-tile",iu=[n.hover,n.focus,n.selected],su={},Lo=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:s,...d}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return lu("td",{...d,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:i(e.className,dn,T(dn,{hover:a,focus:r,selected:s})),style:u})};Lo.states=iu;Lo.options=su;Lo.className=dn;var ks="color-palette",gs="colorpalette";import{jsx as ha}from"react/jsx-runtime";var Ua="k-colorpalette",du=[n.disabled],cu={size:[l.undefined,l.small,l.medium,l.large]},vs={columns:10},ye=e=>{let{size:t,palette:o,columns:a=vs.columns,tileSize:r,disabled:s,...d}=e,u=[];if(o){let f=a||o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/f)},(N,x)=>{let p=[];h.slice(x*f,(x+1)*f).map((k,S)=>{p.push(ha(Lo,{color:k,tileSize:r},S))});let g=ha(ln,{children:p},x);u.push(g)})}return ha("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:i(e.className,Ua,T(Ua,{disabled:s}),I(Ua,{size:t})),children:ha("table",{className:"k-colorpalette-table",role:"none",children:ha("tbody",{children:u.length>0?u:e.children})})})};ye.states=du;ye.options=cu;ye.className=Ua;ye.defaultOptions=vs;ye.moduleName=ks;ye.folderName=gs;ye.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var Ga=ye;var xa={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as pu}from"react/jsx-runtime";var Ls=e=>pu(Ga,{palette:xa.basic,...e});import{jsx as vA}from"react/jsx-runtime";import{jsx as TA,jsxs as EA}from"react/jsx-runtime";import{jsx as Nu}from"react/jsx-runtime";var mu=ye.options,uu=ye.states,bu={...ye.defaultOptions,variant:"basic"},fu=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],hu={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},xu=[],So=e=>{let{variant:t="basic",...o}=e,a=hu[t];return Nu(Ls,{columns:a.columns,palette:a,...o})};So.options=mu;So.states=uu;So.variants=fu;So.defaultOptions=bu;So.modifiers=xu;So.className=ye.className;var Ss="color-editor",Ms="coloreditor";import{jsx as We,jsxs as Mo}from"react/jsx-runtime";var Va="k-coloreditor",ku=[n.focus],gu={size:[l.undefined,l.small,l.medium,l.large]},Na={view:"gradient",palette:xa.office,actionButtons:!0,canvasOrientation:"horizontal"},Y=e=>{let{size:t,view:o=Na.view,palette:a=Na.palette,color:r,currentColor:s,focus:d,focusView:u,dir:f,group:h,actionButtons:N=Na.actionButtons,canvasOrientation:x=Na.canvasOrientation,...p}=e;return Mo("div",{...p,role:"textbox","aria-label":"Color editor",tabIndex:0,className:i(e.className,"k-flatcolorpicker",Va,I(Va,{size:t}),T(Va,{focus:d})),dir:f,children:[Mo("div",{className:"k-coloreditor-header k-hstack",children:[We("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&Mo(C,{fillMode:"flat",children:[We(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),We(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),We("div",{className:"k-spacer"}),Mo("div",{className:"k-coloreditor-header-actions k-hstack",children:[We(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Mo("div",{className:"k-coloreditor-preview k-vstack",children:[We(St,{className:"k-coloreditor-preview-color",color:r}),We(St,{className:"k-coloreditor-current-color",color:s})]})]})]}),We("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?We(ne,{focus:u,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):We(ye,{palette:a,size:t})}),N&&Mo(st,{className:"k-coloreditor-footer",alignment:"start",children:[We(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),We(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Y.states=ku;Y.options=gu;Y.className=Va;Y.defaultOptions=Na;Y.moduleName=Ss;Y.folderName=Ms;Y.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Io=Y;import{jsx as aw}from"react/jsx-runtime";import{jsx as sw}from"react/jsx-runtime";import{jsx as vu}from"react/jsx-runtime";var Is=e=>vu(Io,{group:!0,currentColor:"fuchsia",...e});import{jsx as Lu}from"react/jsx-runtime";var ys=e=>Lu(Io,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Ts}from"react/jsx-runtime";var Su=Y.options,Mu=Y.states,Iu={...Y.defaultOptions,variant:"gradient"},yu=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Tu=[],yo=e=>{let{variant:t,...o}=e;return t==="palette"?Ts(ys,{...o,color:"white"}):Ts(Is,{...o,color:"rgba(183, 118 , 118, 1.00)"})};yo.options=Su;yo.states=Mu;yo.variants=yu;yo.defaultOptions=Iu;yo.modifiers=Tu;yo.className=Y.className;var Es="color-picker",Cs="colorpicker";import{Fragment as Ou,jsx as Je,jsxs as cn}from"react/jsx-runtime";var Os="k-colorpicker",Eu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Cu={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},As={arrowIconName:"chevron-down"},Pe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=As.arrowIconName,prefix:s,suffix:d,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:g,disabled:k,valueIconName:S,popup:y,opened:M,adaptive:O,adaptiveSettings:H,adaptiveTitle:Z,adaptiveSubtitle:ee,...de}=e,ve="colorpicker-popup";return cn(Ou,{children:[cn(rt,{...de,size:t,rounded:o,fillMode:a,hover:h,focus:N,valid:x,invalid:p,required:g,disabled:k,role:"combobox","aria-haspopup":"dialog","aria-expanded":M?"true":"false","aria-controls":M||O?ve:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:i(e.className,Os,"k-icon-picker"),children:[Je(fe,{children:s}),Je(zt,{placeholder:f,value:u,showValue:!1,valueIcon:Je(St,{className:"k-value-icon",color:u,iconName:S}),valueIconName:S}),Je(he,{children:d}),Je(c,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),M&&y&&Je(q,{id:ve,className:"k-colorpicker-popup",children:y}),O&&Je(J,{adaptive:!0,id:ve,...H,header:Je(Le,{actionsEnd:Je(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Z,subtitle:ee}),footer:cn(Mt,{children:[Je(c,{text:"Cancel",size:"large"}),Je(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:Je(Y,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Pe.states=Eu;Pe.options=Cu;Pe.className=Os;Pe.defaultOptions=As;Pe.moduleName=Es;Pe.folderName=Cs;Pe.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var xt=Pe;import{jsx as Au}from"react/jsx-runtime";var $a=e=>Au(xt,{...e});import{jsx as Vw}from"react/jsx-runtime";import{jsx as Jw}from"react/jsx-runtime";import{jsx as jw}from"react/jsx-runtime";import{jsx as aR}from"react/jsx-runtime";import{jsx as sR}from"react/jsx-runtime";import{jsx as pR}from"react/jsx-runtime";import{jsx as Xt}from"react/jsx-runtime";var wu=xt.options,Ru=xt.states,ws={...xt.defaultOptions,variant:"color"},Bu=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Pu=[{name:"opened",title:"Opened"}],To=e=>{let{variant:t,modifiers:o,...a}={...ws,...e},r={};Object.keys(o||{}).forEach(d=>{d==="opened"&&(r.opened=!!o?.[d],r.popup=o?.[d]?Xt(Y,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return Xt("div",{style:s,children:Xt($a,{...a,...r})});case"icon":return Xt("div",{style:s,children:Xt($a,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return Xt("div",{style:s,children:Xt($a,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};To.options=wu;To.states=Ru;To.variants=Bu;To.defaultOptions=ws;To.modifiers=Pu;To.className=xt.className;var pn="combobox",Rs=pn;import{Fragment as mn,jsx as oe,jsxs as ka}from"react/jsx-runtime";var Bs="k-combobox",Ku=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Du={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ps={separators:!0},xe=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ps.separators,prefix:s,suffix:d,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:g,loading:k,disabled:S,popup:y,opened:M,readonly:O,adaptive:H,adaptiveSettings:Z,adaptiveTitle:ee,adaptiveSubtitle:de,adaptiveCustomValue:ve,id:Dt,autocomplete:ir,activeDescendant:Lt,"aria-label":Ia,...sr}=e,lr=Dt?`${Dt}-listbox`:void 0;return ka(mn,{children:[ka(U,{...sr,size:t,rounded:o,fillMode:a,hover:h,focus:N,valid:x,invalid:p,required:g,loading:k,disabled:S,readonly:O,className:i(e.className,Bs),children:[s&&ka(mn,{children:[oe(fe,{children:s}),r&&oe(re,{})]}),oe(pe,{id:Dt,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?lr:void 0,"aria-activedescendant":M&&Lt?Lt:void 0,"aria-autocomplete":ir,"aria-invalid":p?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Ia,disabled:S,readOnly:O}),oe(te,{valid:x,invalid:p,loading:k,disabled:S}),oe(ae,{loading:k,disabled:S}),oe(ce,{loading:k,disabled:S,readonly:O,value:u}),d&&ka(mn,{children:[r&&oe(re,{}),oe(he,{children:d})]}),oe(c,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:S})]}),M&&y&&oe(q,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:y}),H&&oe(J,{adaptive:!0,id:Dt?`${Dt}-adaptive`:void 0,...Z,header:oe(Le,{actionsEnd:oe(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:ee,subtitle:de}),children:oe("div",{className:"k-list-container",children:oe(D,{customValue:ve?oe(Ct,{text:`Use "${u}"`}):void 0,size:"large",children:ka(G,{"aria-label":ee||"Options",children:[oe(w,{text:"List item"}),oe(w,{text:"List item"}),oe(w,{text:"List item"})]})})})})]})};xe.states=Ku;xe.options=Du;xe.className=Bs;xe.defaultOptions=Ps;xe.moduleName=pn;xe.folderName=Rs;xe.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Ke=xe;import{jsx as _u}from"react/jsx-runtime";var Ks=e=>_u(Ke,{...e});import{jsx as qR,jsxs as WR}from"react/jsx-runtime";import{jsx as eB,jsxs as tB}from"react/jsx-runtime";import{jsx as sB,jsxs as lB}from"react/jsx-runtime";import{Fragment as bB,jsx as uB}from"react/jsx-runtime";import{Fragment as gB,jsx as kB}from"react/jsx-runtime";import{jsx as yB,jsxs as TB}from"react/jsx-runtime";import{Fragment as PB,jsx as RB,jsxs as BB}from"react/jsx-runtime";import{jsx as zB}from"react/jsx-runtime";import{jsx as GB}from"react/jsx-runtime";import{jsx as JB,jsxs as YB}from"react/jsx-runtime";import{jsx as oP,jsxs as aP}from"react/jsx-runtime";import{jsx as At,jsxs as Vu}from"react/jsx-runtime";var zu=xe.states,Hu=xe.defaultOptions,Fu=xe.options,Uu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Gu=[],Eo=e=>{let{modifiers:t,...o}=e,a={},r=At(D,{style:{width:300},size:o.size,children:Vu(G,{children:[At(w,{children:"List item"}),At(w,{children:"List item"}),At(w,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?At(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?At(ut,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0;break;default:break}}),At("div",{children:At(Ks,{value:"Value",style:{width:300},...o,...a})})};Eo.options=Fu;Eo.states=zu;Eo.variants=Gu;Eo.defaultOptions=Hu;Eo.modifiers=Uu;Eo.className=xe.className;var un="menu-button",Ds=un;import{jsx as qu}from"react/jsx-runtime";var _s="k-menu-button",$u=[n.hover,n.focus,n.active,n.selected,n.disabled],Xu={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},bn={showArrow:!0,arrowIconName:"chevron-down"},V=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,icon:N,text:x,showArrow:p=bn.showArrow,arrowIconName:g=bn.arrowIconName,expanded:k,...S}=e;return qu(c,{...S,className:i(e.className,_s),text:x,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,icon:N,showArrow:p,arrowIconName:g,"aria-expanded":k?"true":"false",...!x&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};V.states=$u;V.options=Xu;V.className=_s;V.defaultOptions=bn;V.moduleName=un;V.folderName=Ds;V.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as KP}from"react/jsx-runtime";import{jsx as HP}from"react/jsx-runtime";import{jsx as VP}from"react/jsx-runtime";var De="menu",Ye=De;import{jsx as ga,jsxs as zs}from"react/jsx-runtime";var fn="k-menu-item",Wu=[n.hover,n.focus,n.active,n.selected,n.disabled],Ju={},Hs={iconPosition:"before"},Ne=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:d,text:u,first:f,last:h,showArrow:N,arrowIconName:x,iconPosition:p=Hs.iconPosition,dir:g,children:k,expanded:S,...y}=e,M=x;return M||(M=g==="rtl"?"chevron-left":"chevron-right"),zs("li",{...y,className:i(e.className,fn,"k-item",T(fn,{focus:o,disabled:s,hover:t,active:a,selected:r}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":S?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[zs("span",{className:i("k-link k-menu-link"),children:[d&&p==="before"&&ga(L,{className:"k-menu-link-icon",icon:d}),ga("span",{className:"k-menu-link-text",children:u}),d&&p==="after"&&ga(L,{className:"k-menu-link-icon",icon:d}),N&&ga("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ga(L,{icon:M})})]}),k]})};Ne.states=Wu;Ne.options=Ju;Ne.className=fn;Ne.defaultOptions=Hs;Ne.moduleName=De;Ne.folderName=Ye;import{jsx as va,jsxs as Fs}from"react/jsx-runtime";var hn="k-menu-item",Yu=[n.hover,n.focus,n.active,n.selected,n.disabled],Zu={},xn={dir:"ltr",iconPosition:"before"},W=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:d,text:u,first:f,last:h,showArrow:N,arrowIconName:x,iconPosition:p=xn.iconPosition,dir:g=xn.dir,children:k,popup:S,expanded:y,...M}=e,O=x;return O||(O=g==="rtl"?"chevron-left":"chevron-right"),Fs("li",{...M,className:i(e.className,hn,"k-item",T(hn,{focus:o,disabled:s}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":y?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Fs("span",{className:i("k-link k-menu-link",T("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[d&&p==="before"&&va(L,{className:"k-menu-link-icon",icon:d}),va("span",{className:"k-menu-link-text",children:u}),d&&p==="after"&&va(L,{className:"k-menu-link-icon",icon:d}),N&&va("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:va(L,{icon:O})})]}),k,S]})};W.states=Yu;W.options=Zu;W.className=hn;W.defaultOptions=xn;W.moduleName=De;W.folderName=Ye;import{jsx as tb}from"react/jsx-runtime";var Us="k-menu-scroll-wrapper",Qu=[],ju={},eb={},qt=e=>{let{className:t,children:o,orientation:a,...r}=e;return tb("div",{...r,className:i(t,Us,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};qt.states=Qu;qt.options=ju;qt.className=Us;qt.defaultOptions=eb;qt.moduleName=De;qt.folderName=Ye;var Gs=qt;import{Fragment as Nn,jsx as Wt,jsxs as qa}from"react/jsx-runtime";var kn="k-menu",ob=[],ab={},Wa={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ie=e=>{let{children:t,orientation:o=Wa.orientation,header:a=Wa.header,scrollable:r,scrollButtonsPosition:s=Wa.scrollButtonsPosition,wrapperStyles:d,dir:u,popup:f,contextMenu:h,...N}=e,x={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},p=Wt("ul",{dir:u,...N,className:i(e.className,"k-reset",kn,{[`${kn}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return qa(Nn,{children:[r?qa(Gs,{orientation:o,style:d,dir:e.dir,children:[s==="start"&&qa(Nn,{children:[Wt(c,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Wt(c,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&Wt(c,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),p,s==="end"&&qa(Nn,{children:[Wt(c,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Wt(c,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&Wt(c,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):p,f]})};ie.states=ob;ie.options=ab;ie.className=kn;ie.defaultOptions=Wa;ie.moduleName=De;ie.folderName=Ye;ie.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as rb}from"react/jsx-runtime";var gn="k-separator",Vs={orientation:"horizontal"},Co=e=>{let{orientation:t=Vs.orientation,...o}=e;return rb("li",{...o,className:i(e.className,"k-item",gn,{[`${gn}-${t}`]:t}),role:"separator"})};Co.className=gn;Co.defaultOptions=Vs;Co.moduleName=De;Co.folderName=Ye;import{Fragment as kK,jsx as gK}from"react/jsx-runtime";import{jsx as lb}from"react/jsx-runtime";var vn="k-menu-group",nb=[],ib={size:[l.undefined,l.small,l.medium,l.large]},sb={},ke=e=>{let{children:t,size:o,...a}=e;return lb("ul",{...a,className:i(e.className,vn,I(vn,{size:o})),role:"menu",children:t})};ke.states=nb;ke.options=ib;ke.className=vn;ke.defaultOptions=sb;ke.moduleName=De;ke.folderName=Ye;import{Fragment as db,jsx as Oo,jsxs as cb}from"react/jsx-runtime";var Ln=e=>Oo(ie,{children:cb(db,{children:[Oo(Ne,{first:!0,text:"Item 1"}),Oo(Ne,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Oo(Ne,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Oo(Ne,{text:"Item 4"}),Oo(Ne,{last:!0,text:"Item 5"})]}),...e});import{Fragment as BK,jsx as wK,jsxs as RK}from"react/jsx-runtime";import{Fragment as zK,jsx as _K,jsxs as HK}from"react/jsx-runtime";import{Fragment as $K,jsx as VK,jsxs as XK}from"react/jsx-runtime";import{Fragment as ZK,jsx as YK,jsxs as QK}from"react/jsx-runtime";import{jsx as Jt,jsxs as fb}from"react/jsx-runtime";var pb=ie.options,mb=ie.states,$s={...ie.defaultOptions,variant:"horizontal"},ub=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],bb=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ao=e=>{let{variant:t,modifiers:o,...a}={...$s,...e},r={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":r.scrollable=!!o?.[s];break;case"opened":r.opened=!!o?.[s],r.popup=Jt(q,{className:"k-menu-popup",children:fb(ke,{children:[Jt(W,{text:"Item 1"}),Jt(W,{text:"Item 2"}),Jt(Co,{}),Jt(W,{text:"Item 3"})]})});break}}),t==="vertical"?Jt(Ln,{...a,...r,orientation:"vertical",style:{width:"200px"}}):Jt(Ln,{...a,...r})};Ao.options=pb;Ao.states=mb;Ao.variants=ub;Ao.defaultOptions=$s;Ao.modifiers=bb;Ao.className=ie.className;import{Fragment as O0,jsx as E0,jsxs as C0}from"react/jsx-runtime";import{jsx as B0}from"react/jsx-runtime";import{Fragment as gb,jsx as pt,jsxs as Xs}from"react/jsx-runtime";var hb=c.states,qs={...c.defaultOptions,variant:"text"},xb=c.options,Nb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],kb=[{name:"opened",title:"Opened"}],wo=e=>{let{variant:t,modifiers:o,...a}={...qs,...e},r={},s=pt(q,{className:"k-menu-popup",children:Xs(ke,{size:a.size,children:[pt(W,{first:!0,text:"Menu Item"}),pt(W,{text:"Menu Item"}),pt(W,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=pt("div",{children:pt(V,{...a,...r,icon:"star"})});break;case"icon-and-text":d=pt("div",{children:pt(V,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:d=pt("div",{children:pt(V,{...a,...r,children:"Dropdown Button"})});break}return Xs(gb,{children:[d,o?.opened&&s]})};wo.options=xb;wo.states=hb;wo.variants=Nb;wo.defaultOptions=qs;wo.modifiers=kb;wo.className=V.className;var Sn="split-button",Ws=Sn;import{Fragment as Sb,jsx as Mn,jsxs as Js}from"react/jsx-runtime";var In="k-split-button",vb=[n.hover,n.focus,n.active,n.selected,n.disabled],Lb={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},Ys={arrowIconName:"chevron-down"},K=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,icon:N,text:x,arrowIconName:p=Ys.arrowIconName,popup:g,opened:k,popupId:S,...y}=e;return Js(Sb,{children:[Js("div",{...y,className:i(e.className,In,"k-button-group",I(In,{rounded:o})),children:[Mn(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}),Mn(c,{className:"k-split-button-arrow",icon:p,size:t,rounded:o,fillMode:a,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":k?"true":"false","aria-controls":k?S:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),k&&g&&Mn(q,{className:"k-menu-popup",children:g})]})};K.states=vb;K.options=Lb;K.className=In;K.defaultOptions=Ys;K.moduleName=Sn;K.folderName=Ws;K.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var yn=K;import{jsx as Ib}from"react/jsx-runtime";var Mb="k-toolbar-separator",se=e=>Ib("div",{className:i(Mb,e.className,"k-separator")});var Nt="toolbar",wt=Nt;import{Fragment as Tn,jsx as _,jsxs as Ro}from"react/jsx-runtime";var kt="k-toolbar",yb=[n.focus],Tb={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Eb={scrollButtons:"around"},$=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:d,scrollingPosition:u,section:f,...h}=e,N=[],x=(p,g)=>{let k=[];if(p.type===c&&p.props.className&&p.props.className.includes("k-toolbar-overflow-button"))k.push(_(c,{...p.props,className:`${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===c)k.push(_(c,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===aa)k.push(_(aa,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===ut)k.push(_(ut,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===V)k.push(_(V,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===yn)k.push(_(yn,{...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 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()}`))}),k.push(_(C,{...p.props,className:`k-toolbar-button-group ${p.props.className?p.props.className:""}`,children:S},`${g}-${new Date().getTime()}`))}else p.type===xe?k.push(_(xe,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===R?k.push(_(R,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===Pe?k.push(_(Pe,{...p.props,className:`k-toolbar-colorpicker ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):k.push(p);k.forEach(S=>{N.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((g,k)=>{x(g,k)}),Ro("div",{...h,className:i(e.className,kt,I(kt,{size:t,fillMode:o}),T(kt,{focus:a}),{[`${kt}-resizable`]:r,[`${kt}-scrollable`]:s,[`${kt}-scrollable-overlay`]:s&&d==="hidden",[`${kt}-scrollable-${u}`]:u&&u!=="both",[`${kt}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&N,s&&d==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),s&&d==="start"&&Ro(Tn,{children:[Ro(C,{children:[_("span",{className:i("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"chevron-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:"chevron-right"})})]}),_(se,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&d==="end"&&Ro(Tn,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(se,{className:"k-toolbar-button-separator"}),Ro(C,{children:[_("span",{className:i("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"chevron-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:"chevron-right"})})]})]}),s&&(d==="around"||!d)&&Ro(Tn,{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:"chevron-left"})}),_(se,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(se,{className:"k-toolbar-button-separator"}),_("span",{className:i("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"chevron-right"})})]})]})};$.states=yb;$.options=Tb;$.className=kt;$.defaultOptions=Eb;$.moduleName=Nt;$.folderName=wt;$.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as wb}from"react/jsx-runtime";var Zs="k-floating-toolbar",Cb=[],Ob={},Ab={},Bo=e=>{let{...t}=e;return wb("div",{...t,className:i(e.className,Zs),children:e.children})};Bo.states=Cb;Bo.options=Ob;Bo.className=Zs;Bo.defaultOptions=Ab;Bo.moduleName=Nt;Bo.folderName=wt;import{jsx as Kb}from"react/jsx-runtime";var En="k-toolbar-item",Rb=[n.focus],Bb={},Pb={},ot=e=>{let{focus:t,...o}=e;return Kb("div",{...o,className:i(e.className,En,T(En,{focus:t})),children:e.children})};ot.states=Rb;ot.options=Bb;ot.className=En;ot.defaultOptions=Pb;ot.moduleName=Nt;ot.folderName=wt;import{jsx as Qs}from"react/jsx-runtime";var js="k-toolbar-popup",Db=[],_b={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},zb={},Yt=e=>{let{size:t,fillMode:o,section:a,...r}=e;return Qs(q,{...r,className:i(e.className,js),children:a?Qs("span",{className:i("k-toolbar-items-list",I("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Yt.states=Db;Yt.options=_b;Yt.className=js;Yt.defaultOptions=zb;Yt.moduleName=Nt;Yt.folderName=wt;var Ja=Yt;import{jsx as DD}from"react/jsx-runtime";import{jsx as FD}from"react/jsx-runtime";import{jsx as $D}from"react/jsx-runtime";import{jsx as ZD,jsxs as QD}from"react/jsx-runtime";import{jsx as o_}from"react/jsx-runtime";import{jsx as gt,jsxs as Vb}from"react/jsx-runtime";var Hb=K.states,el={...K.defaultOptions,variant:"text"},Fb=K.options,Ub=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Gb=[{name:"opened",title:"Opened"}],Po=e=>{let{variant:t,modifiers:o,...a}={...el,...e},r={},s=Vb(ke,{size:a.size,children:[gt(W,{first:!0,text:"Menu Item"}),gt(W,{text:"Menu Item"}),gt(W,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(d=>{d==="opened"&&(r.opened=!!o?.[d],r.popup=o?.[d]?s:"")}),t){case"icon-only":return gt("div",{children:gt(K,{...a,...r,icon:"star"})});case"icon-and-text":return gt("div",{children:gt(K,{...a,...r,icon:"star",children:"Split Button"})});default:return gt("div",{children:gt(K,{...a,...r,children:"Split Button"})})}};Po.options=Fb;Po.states=Hb;Po.variants=Ub;Po.defaultOptions=el;Po.modifiers=Gb;Po.className=K.className;import{jsx as Zt,jsxs as $b}from"react/jsx-runtime";var tl=e=>Zt($,{children:[Zt(c,{children:"Button"},"toolbar-button"),Zt(V,{text:"Menu button"},"toolbar-menu-button"),Zt(K,{children:"Split button"},"toolbar-split-button"),$b(C,{children:[Zt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Zt(c,{icon:"align-center",children:"Center"}),Zt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as A_,jsxs as w_}from"react/jsx-runtime";import{jsx as _e,jsxs as ol}from"react/jsx-runtime";var al=e=>_e($,{scrollable:!0,...e,children:[_e(c,{children:"Button"},"toolbar-button"),_e(V,{text:"Menu button"},"toolbar-menu-button"),_e(K,{children:"Split button"},"toolbar-split-button"),ol(C,{children:[_e(c,{className:"k-group-start",icon:"align-left",children:"Left"}),_e(c,{icon:"align-center",children:"Center"}),_e(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),_e(c,{children:"Button"},"toolbar-button"),_e(V,{text:"Menu button"},"toolbar-menu-button"),_e(K,{children:"Split button"},"toolbar-split-button"),ol(C,{children:[_e(c,{className:"k-group-start",icon:"align-left",children:"Left"}),_e(c,{icon:"align-center",children:"Center"}),_e(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as ze,jsxs as rl}from"react/jsx-runtime";var nl=({scrollingPosition:e="start",...t})=>ze($,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[ze(c,{children:"Button"},"toolbar-button"),ze(V,{text:"Menu button"},"toolbar-menu-button"),ze(K,{children:"Split button"},"toolbar-split-button"),rl(C,{children:[ze(c,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(c,{icon:"align-center",children:"Center"}),ze(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ze(c,{children:"Button"},"toolbar-button"),ze(V,{text:"Menu button"},"toolbar-menu-button"),ze(K,{children:"Split button"},"toolbar-split-button"),rl(C,{children:[ze(c,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(c,{icon:"align-center",children:"Center"}),ze(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Xb,jsx as Oe,jsxs as Ya}from"react/jsx-runtime";var il=({fillMode:e,size:t,...o})=>Ya(Xb,{children:[Oe($,{section:!0,fillMode:e,size:t,children:[Oe(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ya(C,{fillMode:e,children:[Oe(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Oe(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Oe(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Oe(se,{className:"k-toolbar-button-separator"}),Oe(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Ya(Ja,{size:t,fillMode:e,section:!0,...o,children:[Oe(K,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Oe(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Oe(se,{}),Oe(V,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Ya(C,{fillMode:e,children:[Oe(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Oe(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Oe(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as pz,jsx as dz,jsxs as cz}from"react/jsx-runtime";import{Fragment as Lz,jsx as gz,jsxs as vz}from"react/jsx-runtime";import{jsx as Rt}from"react/jsx-runtime";var qb=$.options,Wb=$.states,sl={...$.defaultOptions,variant:"default"},Jb=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Yb=[],Ko=e=>{let{variant:t,...o}={...sl,...e};switch(t){case"responsive":return Rt("div",{children:Rt(il,{style:{width:"583px"},...o})});case"overlay":return Rt("div",{children:Rt(nl,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Rt("div",{children:Rt(al,{style:{width:"583px"},...o})});default:return Rt("div",{children:Rt(tl,{style:{width:"583px"},...o})})}};Ko.options=qb;Ko.states=Wb;Ko.variants=Jb;Ko.defaultOptions=sl;Ko.modifiers=Yb;Ko.className=$.className;import{jsx as He}from"react/jsx-runtime";var ll="k-imageeditor-toolbar",Zb=[],Qb={},jb=[He(c,{icon:"upload","aria-label":"Upload"},"toolbar-button-1"),He(c,{disabled:!0,icon:"download","aria-label":"Download"},"toolbar-button-2"),He(se,{},"toolbar-separator-1"),He(c,{disabled:!0,icon:"undo","aria-label":"Undo"},"toolbar-button-3"),He(c,{disabled:!0,icon:"redo","aria-label":"Redo"},"toolbar-button-4"),He(se,{},"toolbar-separator-2"),He(c,{disabled:!0,icon:"crop","aria-label":"Crop"},"toolbar-button-5"),He(c,{disabled:!0,icon:"image-resize","aria-label":"Resize"},"toolbar-button-6"),He(c,{disabled:!0,icon:"zoom-in","aria-label":"Zoom in"},"toolbar-button-7"),He(c,{disabled:!0,icon:"zoom-out","aria-label":"Zoom out"},"toolbar-button-8"),He(ot,{children:He(R,{disabled:!0,value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],dl={toolbarItems:jb},Do=e=>{let{toolbarItems:t=dl.toolbarItems,...o}=e;return He($,{...o,className:i(e.className,ll),children:t})};Do.states=Zb;Do.options=Qb;Do.className=ll;Do.defaultOptions=dl;var cl="image-editor",pl="imageeditor";import{jsx as La,jsxs as ml}from"react/jsx-runtime";var ul="k-imageeditor",ef=[],tf={},of={},at=e=>{let{toolbarItems:t,actionPane:o,contentHeight:a,children:r,...s}=e;return ml("div",{...s,className:i(e.className,ul),children:[La("div",{className:"k-imageeditor-header",children:La(Do,{toolbarItems:t})}),ml("div",{className:"k-imageeditor-content",style:{height:a},children:[La("div",{className:"k-imageeditor-canvas-container",children:La("div",{className:"k-imageeditor-canvas",children:r})}),o&&La("div",{className:"k-imageeditor-action-pane",children:o})]})]})};at.states=ef;at.options=tf;at.className=ul;at.defaultOptions=of;at.moduleName=cl;at.folderName=pl;at.ariaSpec={selector:".k-imageeditor",rules:[{selector:".k-imageeditor-canvas>canvas",attribute:"role=img",usage:"Indicates the canvas role as an image. Applicable when an image is loaded."},{selector:".k-imageeditor-canvas>canvas",attribute:"aria-label or aria-labelledby",usage:"Provides an accessible name for the canvas by describing the image content. Applicable when an image is loaded."}]};import{jsx as sH}from"react/jsx-runtime";var bl="form",fl="forms";import{Fragment as hl,jsx as Za,jsxs as nf}from"react/jsx-runtime";var Qa="k-form",af=[],rf={size:[l.undefined,l.small,l.medium,l.large]},Cn={layout:"basic",tag:"form"},le=e=>{let{size:t,orientation:o,layout:a=Cn.layout,formButtons:r,cols:s,gutters:d,tag:u=Cn.tag,children:f}=e,h=u,N=i(e.className,Qa,I(Qa,{size:t}),{[`${Qa}-${o}`]:o}),x=nf(hl,{children:[a==="grid"?Za("div",{className:i("k-form-layout","k-d-grid",{[`k-grid-cols-${s}`]:s}),style:{...typeof d=="string"&&{gap:d},...typeof d=="object"&&d.rows&&{rowGap:d.rows},...typeof d=="object"&&d.cols&&{columnGap:d.cols}},children:f}):Za(hl,{children:f}),r&&Za("div",{className:"k-form-buttons",children:r})]}),{role:p,"aria-labelledby":g,"aria-label":k,id:S}=e;return Za(h,{className:N,role:p,"aria-labelledby":g,"aria-label":k,id:S,children:x})};le.states=af;le.options=rf;le.className=Qa;le.defaultOptions=Cn;le.moduleName=bl;le.folderName=fl;var xl="label",Nl="label";import{jsx as kl,jsxs as cf}from"react/jsx-runtime";var On="k-label",sf=[n.disabled],lf={},df={},Bt=e=>{let{disabled:t,optional:o,info:a,text:r,children:s,...d}=e;return cf("label",{...d,className:i(e.className,On,T(On,{disabled:t})),children:[r||s,o&&kl("span",{className:"k-label-optional",children:"(Optional)"}),a&&kl("span",{className:"k-field-info",children:a})]})};Bt.states=sf;Bt.options=lf;Bt.className=On;Bt.defaultOptions=df;Bt.moduleName=xl;Bt.folderName=Nl;import{jsx as bf}from"react/jsx-runtime";var gl="k-form-hint",pf=[],mf={},uf={},Ze=e=>{let{text:t,children:o,...a}=e;return bf("div",{...a,className:i(e.className,gl),children:t||o})};Ze.states=pf;Ze.options=mf;Ze.className=gl;Ze.defaultOptions=uf;import{jsx as Nf}from"react/jsx-runtime";var vl="k-form-error",ff=[],hf={},xf={},Qe=e=>{let{text:t,children:o,...a}=e;return Nf("div",{...a,className:i(e.className,vl),children:t||o})};Qe.states=ff;Qe.options=hf;Qe.className=vl;Qe.defaultOptions=xf;import{jsx as ja,jsxs as Ll}from"react/jsx-runtime";var An="k-form-field",kf=[n.disabled],j=e=>{let{editorId:t,label:o,orientation:a,optional:r,editor:s,hint:d,error:u,info:f,disabled:h,dir:N,colSpan:x,...p}=e;return Ll("div",{...p,className:i(An,e.className,T(An,{disabled:h}),{[`k-col-span-${x}`]:x}),dir:N,children:[o&&ja(Bt,{className:"k-form-label",id:t?`${t}-label`:void 0,htmlFor:t||void 0,optional:r,info:f?"(field info)":void 0,children:o}),a==="horizontal"&&!o&&ja("span",{className:"k-label k-form-label k-label-empty"}),Ll("div",{className:"k-form-field-wrap",children:[s,d&&ja(Ze,{id:t?`${t}-hint`:void 0,children:d}),u&&ja(Qe,{id:t?`${t}-error`:void 0,children:u})]})]})};j.states=kf;j.className=An;import{Fragment as gf,jsx as wn,jsxs as vf}from"react/jsx-runtime";var Sl="k-form-fieldset",mt=e=>{let{legend:t,layout:o,cols:a,gutters:r,colSpan:s}=e;return vf("fieldset",{className:i(Sl,{[`k-col-span-${s}`]:s}),children:[t&&wn("legend",{className:"k-form-legend",children:t}),o==="grid"?wn("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}):wn(gf,{children:e.children})]})};mt.className=Sl;var Qt="radio",_o=Qt;import{jsx as Ml}from"react/jsx-runtime";var er="k-radio",Lf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked],Sf={size:[l.undefined,l.small,l.medium,l.large]},Mf={},ue=e=>{let{id:t,checked:o,hover:a,focus:r,disabled:s,invalid:d,valid:u,required:f,size:h,...N}=e;return Ml("span",{className:"k-radio-wrap",children:Ml("input",{...N,id:t,type:"radio",checked:o,required:f,disabled:s||void 0,"aria-invalid":d?"true":void 0,className:i(e.className,er,I(er,{size:h}),T(er,{hover:a,focus:r,disabled:s,invalid:d,valid:u,checked:o}))})})};ue.states=Lf;ue.options=Sf;ue.className=er;ue.defaultOptions=Mf;ue.moduleName=Qt;ue.folderName=_o;ue.ariaSpec={selector:".k-radio",rules:[{selector:".k-radio",attribute:"type=radio",usage:"Announces the radio type of the input."},{selector:".k-radio",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-radio",attribute:"checked (when checked)",usage:"Boolean attribute that announces the checked state of the radio button."},{selector:".k-radio",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the radio."},{selector:".k-radio",attribute:"disabled=disabled or aria-disabled=true (when disabled)",usage:"Rendered only when the radio input is disabled."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the radio button is in a form and announces the invalid state."}]};var je=ue;import{jsx as Tf}from"react/jsx-runtime";var Il="k-radio-list",If=[],yf={},yl={layout:"vertical"},be=e=>{let{layout:t=yl.layout,...o}=e;return Tf("ul",{...o,className:i(e.className,Il,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};be.states=If;be.options=yf;be.className=Il;be.defaultOptions=yl;be.moduleName=Qt;be.folderName=_o;be.ariaSpec={selector:".k-radio-list",rules:[{selector:".k-radio-list",attribute:"role=radiogroup",usage:"Announces the radiogroup role of the element."},{selector:".k-radio-list-item",attribute:"role=none",usage:"Due to issues with nested items, forces a no-role state."},{selector:".k-radio",attribute:"readonly or aria-readonly (when readonly)",usage:"The attribute is rendered only when the radio button is read-only."},{selector:".k-radio",attribute:"aria-invalid=true (when invalid)",usage:"The attribute is rendered only when the radio button is in a form and announces the invalid state of the component."},{selector:".k-radio-list-item.k-disabled .k-radio",attribute:"disabled or aria-disabled (when disabled)",usage:"The attribute is rendered only when the radio button is disabled."}]};import{jsx as Af}from"react/jsx-runtime";var Tl="k-radio-list-item",Ef=[],Cf={},Of={},ge=e=>{let{...t}=e;return Af("li",{...t,className:i(e.className,Tl),role:"none",children:e.children})};ge.states=Ef;ge.options=Cf;ge.className=Tl;ge.defaultOptions=Of;ge.moduleName=Qt;ge.folderName=_o;import{jsx as JH}from"react/jsx-runtime";import{Fragment as wf,jsx as El,jsxs as Rf}from"react/jsx-runtime";var vt=({children:e,id:t,...o})=>Rf(wf,{children:[El(je,{...o,id:t}),El("label",{className:"k-radio-label",htmlFor:t,children:e})]});import{Fragment as a1,jsx as o1,jsxs as r1}from"react/jsx-runtime";import{Fragment as c1,jsx as l1,jsxs as d1}from"react/jsx-runtime";import{Fragment as f1,jsx as b1,jsxs as h1}from"react/jsx-runtime";import{Fragment as v1,jsx as g1,jsxs as L1}from"react/jsx-runtime";import{Fragment as C1,jsx as E1,jsxs as O1}from"react/jsx-runtime";import{jsx as B1}from"react/jsx-runtime";import{jsx as Hf}from"react/jsx-runtime";var Pf=je.options,Kf=je.states,Df=je.defaultOptions,_f=[],zf=[],zo=e=>Hf(vt,{id:A("radio"),name:"value",...e,children:"Label"});zo.options=Pf;zo.states=Kf;zo.variants=_f;zo.defaultOptions=Df;zo.modifiers=zf;zo.className=je.className;import{jsx as et,jsxs as Cl}from"react/jsx-runtime";var Ff=be.options,Uf=be.states,Gf={...be.defaultOptions,variant:"vertical"},Vf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],$f=[],Ho=e=>{let{variant:t,...o}=e;return t==="horizontal"?Cl(be,{layout:"horizontal",...o,children:[et(ge,{children:et(vt,{id:A("rb"),name:"value",defaultChecked:!0,children:"Label"})}),et(ge,{children:et(vt,{id:A("rb"),name:"value",children:"Label"})}),et(ge,{children:et(vt,{id:A("rb"),name:"value",children:"Label"})})]}):Cl(be,{...o,children:[et(ge,{children:et(vt,{id:A("rb"),name:"value",defaultChecked:!0,children:"Label"})}),et(ge,{children:et(vt,{id:A("rb"),name:"value",children:"Label"})}),et(ge,{children:et(vt,{id:A("rb"),name:"value",children:"Label"})})]})};Ho.options=Ff;Ho.states=Uf;Ho.variants=Vf;Ho.defaultOptions=Gf;Ho.modifiers=$f;Ho.className=be.className;import{Fragment as Xf,jsx as Ae,jsxs as Fo}from"react/jsx-runtime";var Rn=e=>{let{size:t,children:o,...a}=e;return Ae(le,{formButtons:Fo(Xf,{children:[Ae(c,{className:"k-form-submit",themeColor:"primary",size:t,children:"Submit"}),Ae(c,{className:"k-form-clear",size:t,children:"Clear"})]}),size:t,...a,children:o||Fo(mt,{legend:"Form Legend",children:[Ae(j,{label:"Label",editor:Ae(z,{size:t})}),Ae(j,{label:"Label",hint:"Hint text",editor:Ae(R,{value:"Dropdown List",size:t,"aria-label":"Label"})}),Ae(j,{label:"City",editor:Fo("ul",{className:"k-radio-list k-list-horizontal",children:[Fo("li",{className:"k-radio-list-item",children:[Ae(ue,{defaultChecked:!0,size:t}),Ae("label",{className:"k-radio-label",children:"Label"})]}),Fo("li",{className:"k-radio-list-item",children:[Ae(ue,{size:t}),Ae("label",{className:"k-radio-label",children:"Label"})]}),Fo("li",{className:"k-radio-list-item",children:[Ae(ue,{size:t}),Ae("label",{className:"k-radio-label",children:"Label"})]})]})})]})})};import{Fragment as S2,jsx as L2,jsxs as M2}from"react/jsx-runtime";import{Fragment as A2,jsx as O2,jsxs as w2}from"react/jsx-runtime";var Ol="date-input",Al="dateinput";import{jsx as Sa,jsxs as Yf}from"react/jsx-runtime";var wl="k-dateinput",qf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Wf={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Jf={},we=e=>{let{size:t,rounded:o,fillMode:a,value:r,placeholder:s,hover:d,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,readonly:g,showClearButton:k,showSpinButton:S,id:y,"aria-label":M,"aria-describedby":O,...H}=e;return Yf(U,{...H,size:t,rounded:o,fillMode:a,hover:d,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,readonly:g,className:i(e.className,wl),children:[Sa(pe,{id:y,placeholder:s,value:r,disabled:p,"aria-label":M,"aria-describedby":O,"aria-invalid":h?"true":void 0}),Sa(te,{valid:f,invalid:h,loading:x,disabled:p}),Sa(ae,{loading:x,disabled:p}),k&&Sa(ce,{loading:x,disabled:p,readonly:g,value:r}),S&&Sa(dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:p})]})};we.states=qf;we.options=Wf;we.className=wl;we.defaultOptions=Jf;we.moduleName=Ol;we.folderName=Al;we.ariaSpec={selector:".k-dateinput",rules:[{selector:".k-dateinput > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:'The element should be an input or have role="textbox".'},{selector:".k-dateinput > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-dateinput > .k-input-inner",attribute:"tabindex=0",usage:"The element should be focusable."},{selector:".k-dateinput > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the DateInput is in an invalid state."},{selector:".k-dateinput > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-dateinput > .k-input-inner",attribute:"readonly=readonly or aria-readonly=true (when readonly)",usage:"Rendered when the DateInput is readonly."},{selector:".k-dateinput.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the DateInput is disabled."}]};var Bn=we;import{jsx as Zf}from"react/jsx-runtime";var Rl=e=>Zf(Bn,{...e});import{jsx as X2}from"react/jsx-runtime";import{jsx as ah}from"react/jsx-runtime";var Qf=we.options,jf=we.states,eh=we.defaultOptions,th=[{name:"spin-button",title:"`Spin` Button"}],oh=[],Uo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{r==="spin-button"&&(a.showSpinButton=!!t?.[r])}),ah(Rl,{value:"2/04/2021",style:{width:"300px"},...o,...a})};Uo.options=Qf;Uo.states=jf;Uo.variants=oh;Uo.defaultOptions=eh;Uo.modifiers=th;Uo.className=we.className;var Bl="masked-textbox",Pl="maskedtextbox";import{Fragment as Kl,jsx as Pt,jsxs as Pn}from"react/jsx-runtime";var Dl="k-maskedtextbox",rh=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],nh={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Kn={showClearButton:!0,separators:!0},Re=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Kn.separators,showClearButton:s=Kn.showClearButton,prefix:d,suffix:u,value:f,placeholder:h,hover:N,focus:x,valid:p,invalid:g,required:k,loading:S,disabled:y,readonly:M,id:O,"aria-label":H,"aria-describedby":Z,...ee}=e;return Pn(U,{...ee,size:t,rounded:o,fillMode:a,hover:N,focus:x,valid:p,invalid:g,required:k,loading:S,disabled:y,readonly:M,className:i(e.className,Dl),children:[d&&Pn(Kl,{children:[Pt(fe,{children:d}),r&&Pt(re,{})]}),Pt(pe,{id:O,placeholder:h,value:f,disabled:y,"aria-label":H,"aria-describedby":Z,"aria-invalid":g?"true":void 0}),Pt(te,{valid:p,invalid:g,loading:S,disabled:y}),Pt(ae,{loading:S,disabled:y}),s&&Pt(ce,{loading:S,disabled:y,readonly:M,value:f}),u&&Pn(Kl,{children:[r&&Pt(re,{}),Pt(he,{children:u})]})]})};Re.states=rh;Re.options=nh;Re.className=Dl;Re.defaultOptions=Kn;Re.moduleName=Bl;Re.folderName=Pl;Re.ariaSpec={selector:".k-maskedtextbox",rules:[{selector:".k-maskedtextbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-maskedtextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-maskedtextbox > .k-input-inner",attribute:"aria-placeholder (when has mask)",usage:"Announces the mask or placeholder for the component."},{selector:".k-maskedtextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the MaskedTextBox is in an invalid state."},{selector:".k-maskedtextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-maskedtextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the MaskedTextBox is disabled."}]};var Go=Re;import{jsx as ih}from"react/jsx-runtime";var _l=e=>ih(Go,{...e});import{Fragment as x3,jsx as h3}from"react/jsx-runtime";import{Fragment as S3,jsx as L3}from"react/jsx-runtime";import{jsx as T3}from"react/jsx-runtime";import{jsx as A3}from"react/jsx-runtime";import{jsx as Dn}from"react/jsx-runtime";var sh=Re.states,lh=Re.defaultOptions,dh=Re.options,ch=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],ph=[],Vo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Dn(R,{size:o.size,value:"Choose",fillMode:"flat"}):void 0;break;case"suffix":a.suffix=t?.[r]?Dn(L,{icon:"lock"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),Dn(_l,{value:"Value",style:{width:300},...o,...a})};Vo.options=dh;Vo.states=sh;Vo.variants=ph;Vo.defaultOptions=lh;Vo.modifiers=ch;Vo.className=Re.className;var _n="switch",zl=_n;import{jsx as tr,jsxs as Hl}from"react/jsx-runtime";var Kt="k-switch",mh=[n.hover,n.focus,n.disabled,n.readonly,n.checked],uh={size:[l.undefined,l.small,l.medium,l.large],trackRounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],thumbRounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},bh={},Te=e=>{let{checked:t,onLabel:o,offLabel:a,size:r,trackRounded:s,thumbRounded:d,hover:u,focus:f,disabled:h,readonly:N,...x}=e;return Hl("span",{...x,className:i(e.className,Kt,I(Kt,{size:r}),T(Kt,{hover:u,focus:f,disabled:h,readonly:N}),{[`${Kt}-on`]:t,[`${Kt}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:h?void 0:0,"aria-disabled":h?"true":void 0,"aria-readonly":N?"true":void 0,children:[Hl("span",{className:i("k-switch-track",I(Kt,{rounded:s})),children:[o&&tr("span",{className:"k-switch-label-on",children:o}),a&&tr("span",{className:"k-switch-label-off",children:a})]}),tr("span",{className:"k-switch-thumb-wrap",children:tr("span",{className:i("k-switch-thumb",I(Kt,{rounded:d}))})})]})};Te.states=mh;Te.options=uh;Te.className=Kt;Te.defaultOptions=bh;Te.moduleName=_n;Te.folderName=zl;Te.ariaSpec={selector:".k-switch",rules:[{selector:".k-switch",attribute:"role=switch",usage:"Announces the switch role of the element."},{selector:".k-switch",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-switch",attribute:"aria-required=true (when required)",usage:'Rendered only when the Switch is in a form. Required because <span role="switch"> does not support the native required attribute.'},{selector:".k-switch",attribute:"aria-checked",usage:"Announces the checked state of the Switch."},{selector:".k-switch",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the switch."},{selector:".k-switch",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Switch is in a form and announces the invalid state."},{selector:".k-switch:not(.k-disabled)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled switches are removed from tab order."},{selector:".k-switch.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the Switch is disabled."},{selector:".k-switch.k-readonly",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Switch is readonly. Readonly switches remain focusable but their value cannot be changed."}]};import{jsx as t5}from"react/jsx-runtime";import{jsx as n5}from"react/jsx-runtime";import{jsx as d5}from"react/jsx-runtime";import{jsx as u5}from"react/jsx-runtime";import{jsx as Fl}from"react/jsx-runtime";var fh=Te.options,hh=Te.states,xh={...Te.defaultOptions,variant:"on"},Nh=[{name:"on",title:"On"},{name:"off",title:"Off"}],kh=[],$o=e=>{let{variant:t,...o}=e;return t==="off"?Fl(Te,{checked:!1,onLabel:"On",offLabel:"Off",...o}):Fl(Te,{checked:!0,onLabel:"On",offLabel:"Off",...o})};$o.options=fh;$o.states=hh;$o.variants=Nh;$o.defaultOptions=xh;$o.modifiers=kh;$o.className=Te.className;var Hn="textarea",Ul=Hn;import{Fragment as Gl,jsx as Ma,jsxs as Fn}from"react/jsx-runtime";var Vl="k-textarea",gh=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],vh={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Xo={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},Ee=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:r=Xo.prefixSeparator,suffixSeparator:s=Xo.prefixSeparator,affixesOrientation:d=Xo.affixesOrientation,flow:u=Xo.flow,resize:f=Xo.resize,prefix:h,suffix:N,rows:x,value:p,placeholder:g,hover:k,focus:S,valid:y,invalid:M,required:O,disabled:H,id:Z,"aria-label":ee,"aria-describedby":de,...ve}=e;return Fn(U,{...ve,size:t,rounded:o,fillMode:a,hover:k,focus:S,valid:y,invalid:M,required:O,disabled:H,className:i(e.className,Vl,{"!k-flex-col":u==="vertical","!k-flex-row":u==="horizontal"}),children:[h&&Fn(Gl,{children:[Ma(fe,{className:i({"!k-align-items-start":u===d}),direction:d,children:h}),r&&Ma(re,{direction:u==="horizontal"?"vertical":"horizontal"})]}),Ma(ia,{className:i("!k-overflow-auto",{"!k-flex-none":u==="vertical","k-resize-x":f==="x","k-resize-y":f==="y","k-resize":f==="both","k-resize-none":f==="none"}),value:p,placeholder:g,rows:x,disabled:H,id:Z,"aria-label":ee,"aria-describedby":de,"aria-invalid":M?"true":void 0}),N&&Fn(Gl,{children:[s&&Ma(re,{direction:u==="horizontal"?"vertical":"horizontal"}),Ma(he,{className:i({"!k-align-items-start":u===d}),direction:d,children:N})]})]})};Ee.states=gh;Ee.options=vh;Ee.className=Vl;Ee.defaultOptions=Xo;Ee.moduleName=Hn;Ee.folderName=Ul;Ee.ariaSpec={selector:".k-textarea",rules:[{selector:".k-textarea > .k-input-inner",attribute:"role=textbox or nodeName=textarea",usage:"Describes the role of the component."},{selector:".k-textarea > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The textarea requires an accessible name (provided by consuming app)."},{selector:".k-textarea > .k-input-inner",attribute:"aria-multiline=true (when role=textbox)",usage:"Required on role=textbox to indicate multi-line behavior. Implicit on native <textarea>, so not needed there."},{selector:".k-textarea > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the TextArea is in a form and announces the invalid state."},{selector:".k-textarea > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the textarea."},{selector:".k-textarea.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered only when the TextArea is disabled."}]};import{jsx as B5}from"react/jsx-runtime";import{Fragment as H5,jsx as z5}from"react/jsx-runtime";import{Fragment as X5,jsx as $5}from"react/jsx-runtime";import{jsx as Y5}from"react/jsx-runtime";import{jsx as or}from"react/jsx-runtime";var Lh=Ee.options,Sh=Ee.states,$l={...Ee.defaultOptions,variant:"vertical"},Mh=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],Ih=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],qo=e=>{let{variant:t,modifiers:o,...a}={...$l,...e},r={resize:"y"};return Object.keys(o||{}).forEach(s=>{switch(s){case"prefix":r.prefix=o?.[s]?or(L,{icon:"comment"}):void 0;break;case"suffix":r.suffix=o?.[s]?or(L,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?or(Ee,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...r}):or(Ee,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...r})};qo.options=Lh;qo.states=Sh;qo.variants=Mh;qo.defaultOptions=$l;qo.modifiers=Ih;qo.className=Ee.className;import{Fragment as gF,jsx as kF,jsxs as vF}from"react/jsx-runtime";import{Fragment as Ah,jsx as Ce,jsxs as Wo}from"react/jsx-runtime";var yh=le.options,Th=le.states,Eh={...le.defaultOptions,variant:"vertical"},Ch=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Oh=[],Jo=e=>{let{variant:t,size:o,...a}=e,r=Wo(mt,{legend:"Form Legend",children:[Ce(j,{label:"Label",editor:Ce(z,{size:o})}),Ce(j,{label:"Label",hint:"Hint text",editor:Ce(R,{value:"Dropdown List",size:o})}),Ce(j,{label:"City",editor:Wo("ul",{className:"k-radio-list k-list-horizontal",children:[Wo("li",{className:"k-radio-list-item",children:[Ce(ue,{checked:!0,size:o}),Ce("label",{className:"k-radio-label",children:"Label"})]}),Wo("li",{className:"k-radio-list-item",children:[Ce(ue,{size:o}),Ce("label",{className:"k-radio-label",children:"Label"})]}),Wo("li",{className:"k-radio-list-item",children:[Ce(ue,{size:o}),Ce("label",{className:"k-radio-label",children:"Label"})]})]})})]}),s=Wo(Ah,{children:[Ce(c,{className:"k-form-submit",themeColor:"primary",size:o,children:"Submit"}),Ce(c,{className:"k-form-clear",size:o,children:"Clear"})]});return t==="horizontal"?Ce(le,{orientation:"horizontal",size:o,...a,formButtons:s,children:r}):Ce(le,{size:o,...a,formButtons:s,children:r})};Jo.options=yh;Jo.states=Th;Jo.variants=Ch;Jo.defaultOptions=Eh;Jo.modifiers=Oh;Jo.className=le.className;import{jsx as Xl,jsxs as Kh}from"react/jsx-runtime";var wh=Ze.options,Rh=Ze.states,ql={...Ze.defaultOptions},Bh=[],Ph=[{name:"showHint",title:"Show Hint"}],Yo=e=>{let{modifiers:t,...o}={...ql,...e},a=t?.showHint??!0;return Kh("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Xl(z,{placeholder:"Component",style:{width:"200px"}}),a&&Xl(Ze,{...o,children:"Hint text"})]})};Yo.options=wh;Yo.states=Rh;Yo.variants=Bh;Yo.defaultOptions=ql;Yo.modifiers=Ph;Yo.className=Ze.className;import{jsx as Wl,jsxs as Fh}from"react/jsx-runtime";var Dh=Qe.options,_h=Qe.states,Jl={...Qe.defaultOptions},zh=[],Hh=[{name:"showError",title:"Show Error"}],Zo=e=>{let{modifiers:t,...o}={...Jl,...e},a=t?.showError??!0;return Fh("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Wl(z,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&Wl(Qe,{...o,children:"Error text"})]})};Zo.options=Dh;Zo.states=_h;Zo.variants=zh;Zo.defaultOptions=Jl;Zo.modifiers=Hh;Zo.className=Qe.className;var Gn="segmented-control",Yl=Gn,Zl="segmented-control-button",Ql="segmented-control";import{jsx as Vh,jsxs as $h}from"react/jsx-runtime";var ar="k-segmented-control",Uh=[],Gh={size:[l.undefined,l.small,l.medium,l.large]},jt=e=>{let{size:t,stretched:o,children:a,thumbStyles:r,...s}=e;return $h("div",{...s,className:i(e.className,ar,I(ar,{size:t}),{[`${ar}-stretched`]:o}),role:"group",children:[Vh("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:r}),a]})};jt.states=Uh;jt.options=Gh;jt.className=ar;jt.moduleName=Gn;jt.folderName=Yl;jt.ariaSpec={selector:".k-segmented-control",rules:[{selector:".k-segmented-control",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-segmented-control-button",attribute:"role=button or nodeName=button",usage:"Each button must have the appropriate button role."},{selector:".k-segmented-control-button.k-selected",attribute:"aria-pressed=true",usage:"Only the selected button within the group will have this attribute set to true."},{selector:".k-segmented-control-button.k-disabled",attribute:"aria-disabled=true",usage:"Indicates that the button is disabled and cannot be interacted with."},{selector:".k-segmented-control-thumb",attribute:"aria-hidden=true",usage:"The thumb is purely decorative and should be hidden from screen readers."}]};import{jsx as jl,jsxs as Jh}from"react/jsx-runtime";var Vn="k-segmented-control-button",Xh=[n.selected,n.hover,n.focus,n.disabled],qh={},Wh={},eo=e=>{let{hover:t,focus:o,selected:a,disabled:r,icon:s,text:d,iconClassName:u,...f}=e;return Jh("button",{...f,className:i(e.className,Vn,T(Vn,{hover:t,focus:o,disabled:r,selected:a})),"aria-pressed":a?"true":"false","aria-disabled":r?"true":void 0,children:[s&&jl(L,{className:i(u,"k-segmented-control-button-icon"),icon:s}),(d||e.children)&&jl("span",{className:"k-segmented-control-button-text",children:d||e.children})]})};eo.states=Xh;eo.options=qh;eo.className=Vn;eo.defaultOptions=Wh;eo.moduleName=Zl;eo.folderName=Ql;import{Fragment as h6,jsx as f6,jsxs as x6}from"react/jsx-runtime";import{Fragment as S6,jsx as L6,jsxs as M6}from"react/jsx-runtime";import{Fragment as O6,jsx as C6,jsxs as A6}from"react/jsx-runtime";import{Fragment as D6,jsx as K6,jsxs as _6}from"react/jsx-runtime";import{Fragment as V6,jsx as G6,jsxs as $6}from"react/jsx-runtime";import{Fragment as p7,jsx as c7,jsxs as m7}from"react/jsx-runtime";import{Fragment as Yh,jsx as F,jsxs as ed}from"react/jsx-runtime";var T7=e=>F(at,{toolbarItems:[F(c,{icon:"upload","aria-label":"Upload"},"toolbar-button-1"),F(c,{icon:"download","aria-label":"Download"},"toolbar-button-2"),F(se,{},"toolbar-separator-1"),F(c,{disabled:!0,icon:"undo","aria-label":"Undo"},"toolbar-button-3"),F(c,{disabled:!0,icon:"redo","aria-label":"Redo"},"toolbar-button-4"),F(se,{},"toolbar-separator-2"),F(c,{icon:"crop","aria-label":"Crop"},"toolbar-button-5"),F(c,{icon:"image-resize","aria-label":"Resize"},"toolbar-button-6"),F(c,{icon:"zoom-in","aria-label":"Zoom in"},"toolbar-button-7"),F(c,{icon:"zoom-out","aria-label":"Zoom out"},"toolbar-button-8"),F(ot,{children:F(R,{value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],actionPane:F(Rn,{tag:"div",className:"k-imageeditor-pane-form",formButtons:ed(Yh,{children:[F(c,{themeColor:"primary",icon:"check",children:"Confirm"}),F(c,{icon:"cancel-outline",children:"Cancel"})]}),children:ed(mt,{layout:"grid",legend:"Resize Image",cols:2,gutters:{cols:"8px"},children:[F(j,{colSpan:"1",label:"Width:",editorId:"resize-width",editor:F(B,{id:"resize-width",showClearButton:!1,value:"61"})}),F(j,{colSpan:"1",label:"\xA0",editor:F(R,{value:"Pixels","aria-label":"Width unit"})}),F(j,{colSpan:"1",label:"Height:",editorId:"resize-height",editor:F(B,{id:"resize-height",showClearButton:!1,value:"68"})}),F(j,{colSpan:"1",label:"\xA0",editor:F(R,{value:"Pixels","aria-label":"Height unit"})}),F(j,{colSpan:"2",editor:F($e,{id:"resize-lock",children:"Lock aspect ratio"})})]})}),children:F("canvas",{width:"61",height:"68",role:"img","aria-label":"Image being edited"}),...e});export{T7 as ImageEditorResize};
+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:g,highlighted:k,...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":g,"k-highlighted":k},Object.keys(S).reduce((y,M)=>(M.startsWith("k-")?y[M]=S[M]:y[`k-${M}`]=S[M],y),{}))};function Xn(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"},v={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var dr={};function A(e){return dr[e]=(dr[e]||0)+1,`k-${e}-${dr[e]}`}import{Fragment as nd,jsx as qn}from"react/jsx-runtime";var cr="k-font-icon",od=[],ad={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},rd={},Qo=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...d}=e;return a?qn("span",{...d,className:i(e.className,cr,I(cr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):qn(nd,{})};Qo.states=od;Qo.options=ad;Qo.className=cr;Qo.defaultOptions=rd;var Wn=Qo;import{Fragment as ld,jsx as ya}from"react/jsx-runtime";var pr="k-svg-icon",id=[],sd={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},Jn={viewBox:"0 0 24 24"},jo=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Jn.viewBox,icon:d,...u}=e;if(!d)return ya(ld,{});if(d==="none")return ya("span",{...u,className:i(e.className,pr,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof d=="object"&&d.name&&d.name;return ya("span",{...u,className:i(e.className,pr,I("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:ya("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:s,dangerouslySetInnerHTML:typeof d=="object"?{__html:d.content}:void 0,children:d?void 0:e.children})})};jo.states=id;jo.options=sd;jo.className=pr;jo.defaultOptions=Jn;var mr=jo;import*as ur from"@progress/kendo-svg-icons";var Yn="icon",Zn="icons";import{useContext as cd}from"react";import{createContext as dd}from"react";var Qn=dd({iconsType:"svg"});import{Fragment as jn,jsx as ea}from"react/jsx-runtime";var Ta="k-icon",pd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),md=[],ud={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},br={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{iconsType:t}=cd(Qn),{size:o,themeColor:a,icon:r,type:s=t||br.type,rotate:d,flip:u,viewBox:f=br.viewBox,...h}=e;if(!r)return ea(jn,{});if((t||s)==="svg"){if(r==="none")return ea(mr,{...h,className:i(e.className,Ta),icon:r,size:o});let x=ur[r]?r:pd(`${r}-icon`);return ur[x]?ea(mr,{...h,className:i(e.className,Ta),icon:ur[x],size:o,themeColor:a,rotate:d,flip:u,viewBox:f}):ea(jn,{})}return ea(Wn,{...h,className:i(e.className,Ta),icon:r,size:o,themeColor:a,rotate:d,flip:u})};L.states=md;L.options=ud;L.defaultOptions=br;L.className=Ta;L.moduleName=Yn;L.folderName=Zn;L.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var fr="button",ei=fr;import{Fragment as xd,jsx as ta,jsxs as ti}from"react/jsx-runtime";var oa="k-button",bd=["icon-button"],fd=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],hd={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},hr={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:d=hr.showArrow,arrowIconName:u=hr.arrowIconName,variant:f,hover:h,focus:N,active:x,selected:p,disabled:g,togglable:k,ariaDisabled:S,icon:y,text:M,iconClassName:O,className:H,...Z}=e,ee=y!==void 0,de=e.children!==void 0;return ti(t,{className:i(H,oa,Xn(oa,f),I(oa,{size:o,rounded:a,fillMode:r,themeColor:s}),T(oa,{hover:h,focus:N,active:x,disabled:g||S,selected:p}),{"k-icon-button":!M&&!de&&ee}),...Z,"aria-pressed":k?p?"true":"false":void 0,"aria-disabled":S?"true":void 0,disabled:g||void 0,children:[y&&ta(L,{className:i(O,"k-button-icon"),icon:y}),M?ti(xd,{children:[M&&ta("span",{className:"k-button-text",children:M}),e.children]}):e.children&&ta("span",{className:"k-button-text",children:e.children}),d&&ta("span",{className:"k-menu-button-arrow k-button-arrow",children:ta(L,{icon:u})})]})};c.states=fd;c.options=hd;c.variants=bd;c.className=oa;c.defaultOptions=hr;c.moduleName=fr;c.folderName=ei;c.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Nd}from"react/jsx-runtime";var ut=e=>Nd(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as kd}from"react/jsx-runtime";var aa=e=>kd(c,{icon:"folder",children:"Button",...e});import{jsx as gd}from"react/jsx-runtime";var _t=e=>gd(c,{children:"Button",...e});import{jsx as xr}from"react/jsx-runtime";var vd=c.options,Ld=c.states,Sd={...c.defaultOptions,variant:"text"},Md=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Id=[],to=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return xr(ut,{...o,icon:"star"});case"icon-and-text":return xr(aa,{...o,icon:"star",children:"Button"});default:return xr(_t,{...o,children:"Button"})}};to.options=vd;to.states=Ld;to.variants=Md;to.defaultOptions=Sd;to.modifiers=Id;to.className=c.className;var Nr="button",oi=Nr;import{jsx as Cd}from"react/jsx-runtime";var ra="k-button-group",yd=[n.disabled],Td={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Ed={},C=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return Cd("div",{role:"group",...r,className:i(e.className,ra,I(ra,{fillMode:t}),T(ra,{disabled:o}),{[`${ra}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};C.states=yd;C.options=Td;C.className=ra;C.defaultOptions=Ed;C.moduleName=Nr;C.folderName=oi;C.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as pN,jsx as cN,jsxs as mN}from"react/jsx-runtime";import{Fragment as NN,jsx as xN,jsxs as kN}from"react/jsx-runtime";import{Fragment as IN,jsx as MN,jsxs as yN}from"react/jsx-runtime";import{Fragment as wN,jsx as AN,jsxs as RN}from"react/jsx-runtime";import{Fragment as zN,jsx as _N,jsxs as HN}from"react/jsx-runtime";import{Fragment as XN,jsx as $N,jsxs as qN}from"react/jsx-runtime";import{jsx as bt,jsxs as kr}from"react/jsx-runtime";var Od={...c.options,...C.options},Ad=c.states,wd={...c.defaultOptions,...C.defaultOptions,variant:"text-button"},Rd=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Bd=[],oo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?kr(C,{fillMode:a.fillMode,className:o,children:[bt(c,{...a,icon:"star"}),bt(c,{...a,icon:"star"}),bt(c,{...a,icon:"star"})]}):t==="icon-text-button"?kr(C,{fillMode:a.fillMode,className:o,children:[bt(c,{...a,icon:"star",children:"First"}),bt(c,{...a,icon:"star",children:"Middle"}),bt(c,{...a,icon:"star",children:"Last"})]}):kr(C,{fillMode:a.fillMode,className:o,children:[bt(c,{...a,children:"First"}),bt(c,{...a,children:"Middle"}),bt(c,{...a,children:"Last"})]})};oo.options=Od;oo.states=Ad;oo.variants=Rd;oo.defaultOptions=wd;oo.modifiers=Bd;oo.className=C.className;var na="input",Ea=na;import{jsx as _d}from"react/jsx-runtime";var Ca="k-input",Pd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Kd={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Dd={},U=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u,size:f,rounded:h,fillMode:N,...x}=e;return _d("span",{...x,className:i(e.className,Ca,I(Ca,{size:f,rounded:h,fillMode:N}),T(Ca,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u}))})};U.states=Pd;U.options=Kd;U.className=Ca;U.defaultOptions=Dd;U.moduleName=na;U.folderName=Ea;import{jsx as Ud}from"react/jsx-runtime";var Oa="k-picker",zd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Hd={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Fd={},rt=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u,size:f,rounded:h,fillMode:N,...x}=e;return Ud("span",{...x,className:i(e.className,Oa,I(Oa,{size:f,rounded:h,fillMode:N}),T(Oa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u})),children:e.children})};rt.states=zd;rt.options=Hd;rt.className=Oa;rt.defaultOptions=Fd;rt.moduleName=na;rt.folderName=Ea;import{Fragment as $d,jsx as gr}from"react/jsx-runtime";var ai="k-clear-value",Gd=[n.disabled,n.loading,n.readonly],Vd={},ce=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?gr($d,{}):gr("span",{className:i(e.className,ai),children:gr(L,{icon:"x"})})};ce.states=Gd;ce.options=Vd;ce.className=ai;import{jsx as Wd}from"react/jsx-runtime";var vr="k-input-inner",Xd=[],qd={},Aa={type:"text",autocomplete:"off",value:"",placeholder:""},pe=e=>{let{value:t=Aa.value,type:o=Aa.type,placeholder:a=Aa.placeholder,autocomplete:r=Aa.autocomplete,disabled:s,readOnly:d,...u}=e;return Wd("input",{...u,type:o,className:i(e.className,vr,I(vr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:d||void 0})};pe.states=Xd;pe.options=qd;pe.className=vr;import{jsx as ri,jsxs as Zd}from"react/jsx-runtime";var Lr="k-input-inner",Jd=[],Yd={},zt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...d}=e;return Zd("span",{...d,className:i(e.className,Lr,I(Lr,e)),children:[r,!r&&s&&ri(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&ri("span",{className:"k-input-value-text",children:t})]})};zt.states=Jd;zt.options=Yd;zt.className=Lr;import{jsx as ec}from"react/jsx-runtime";var Sr="k-input-inner",Qd=[],jd={},ni={value:"",placeholder:""},ia=e=>{let{value:t=ni.value,placeholder:o=ni.placeholder,rows:a,disabled:r,...s}=e;return ec("textarea",{...s,className:i(e.className,Sr,I(Sr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};ia.states=Qd;ia.options=jd;ia.className=Sr;import{Fragment as oc,jsx as ii}from"react/jsx-runtime";var si="k-input-loading-icon",tc=[n.disabled,n.loading],ae=e=>{let{disabled:t,loading:o}=e;return t||!o?ii(oc,{}):ii("span",{className:i(e.className,si,"k-icon k-i-loading")})};ae.states=tc;ae.className=si;import{Fragment as nc,jsx as li}from"react/jsx-runtime";var di="k-input-validation-icon",ac=[n.valid,n.invalid,n.disabled,n.loading],rc={},te=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?li(nc,{}):li(L,{className:i(di),icon:s})};te.states=ac;te.options=rc;te.className=di;import{Fragment as lc,jsx as ci}from"react/jsx-runtime";var ic="k-input-prefix",sc={direction:"horizontal"},fe=e=>{let{direction:t=sc.direction,...o}=e;return e.children?ci("span",{...o,className:i(ic,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ci(lc,{})};import{Fragment as pc,jsx as pi}from"react/jsx-runtime";var dc="k-input-suffix",cc={direction:"horizontal"},he=e=>{let{direction:t=cc.direction,...o}=e;return e.children?pi("span",{...o,className:i(dc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):pi(pc,{})};import{jsx as qk}from"react/jsx-runtime";import{jsx as uc}from"react/jsx-runtime";var mc="k-input-suffix-text",Mr=e=>{let{children:t,...o}=e;return uc("span",{...o,className:i(mc,e.className),children:t})};import{jsx as fc}from"react/jsx-runtime";var mi="k-input-separator",bc={direction:"vertical"},re=e=>{let{direction:t=bc.direction,...o}=e;return fc("span",{...o,className:i(mi,e.className,{[`${mi}-${t}`]:t})})};import{Fragment as ui,jsx as nt,jsxs as Ir}from"react/jsx-runtime";var hc=U.states,xc=U.defaultOptions,Nc=U.options,kc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],gc=[],ao=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:d,...u}=e,f=t?.prefix,h=t?.suffix,N=t?.["clear-button"],x=t?.["validation-icon"],p=t?.separators;return Ir(U,{...u,valid:o,invalid:a,loading:r,disabled:s,readonly:d,style:{width:300},children:[f&&Ir(ui,{children:[nt(fe,{children:nt(L,{icon:"lock"})}),p&&nt(re,{})]}),nt(pe,{placeholder:"Placeholder",value:"Value"}),x&&nt(te,{valid:o,invalid:a,loading:r,disabled:s}),nt(ae,{loading:r,disabled:s}),N&&nt(ce,{loading:r,disabled:s,readonly:d,value:"Value"}),h&&Ir(ui,{children:[p&&nt(re,{}),nt(he,{children:nt(_t,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ao.options=Nc;ao.states=hc;ao.variants=gc;ao.defaultOptions=xc;ao.modifiers=kc;ao.className=U.className;import{jsx as bi,jsxs as Sc}from"react/jsx-runtime";var fi="k-color-preview",vc=[],Lc={},St=e=>{let{color:t,iconName:o,...a}=e;return Sc("span",{...a,className:i(e.className,fi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&bi(L,{icon:o,className:"k-color-preview-icon"}),bi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};St.states=vc;St.options=Lc;St.className=fi;var yr="popup",hi=yr;import{jsx as xi}from"react/jsx-runtime";var Ni="k-animation-container",Mc=[],Ic={},ki={positionMode:"absolute"},it=e=>{let{positionMode:t=ki.positionMode,animationStyle:o,offset:a,...r}=e;return xi("div",{...r,style:{...a,...e.style},className:i(e.className,Ni,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:xi("div",{className:"k-child-animation-container",style:o,children:e.children})})};it.states=Mc;it.options=Ic;it.className=Ni;it.defaultOptions=ki;it.moduleName=yr;it.folderName=hi;var Tr="popup",gi=Tr;import{jsx as vi}from"react/jsx-runtime";var Li="k-popup",yc=[],Tc={},Si={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Si.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:d,...u}=e;return vi(it,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":d,children:vi("div",{...u,className:i(e.className,Li),children:e.children})})};q.states=yc;q.options=Tc;q.className=Li;q.defaultOptions=Si;q.moduleName=Tr;q.folderName=gi;q.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var Er="action-buttons",Mi=Er;import{jsx as Oc}from"react/jsx-runtime";var wa="k-actions",Ec=[],Cc={},Cr={alignment:"start",orientation:"horizontal"},st=e=>{let{alignment:t=Cr.alignment,orientation:o=Cr.orientation,...a}=e;return Oc("div",{...a,className:i(wa,{[`${wa}-${t}`]:t,[`${wa}-${o}`]:o},e.className),children:e.children})};st.states=Ec;st.options=Cc;st.className=wa;st.defaultOptions=Cr;st.moduleName=Er;st.folderName=Mi;import{jsx as wc}from"react/jsx-runtime";var Ac="k-actionsheet-footer",Ii={alignment:"stretched",orientation:"horizontal"},Mt=e=>{let{alignment:t=Ii.alignment,orientation:o=Ii.orientation,template:a,as:r=a?"div":st,...s}=e;return wc(r,{...s,...!a&&{alignment:t,orientation:o},className:i(e.className,Ac),children:e.children})};var Or="searchbox",yi=Or;import{jsx as sa,jsxs as Pc}from"react/jsx-runtime";var Ti="k-searchbox",Rc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Bc={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ar={showIcon:!0,icon:"search"},Fe=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:d,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,showIcon:g=Ar.showIcon,icon:k=Ar.icon,"aria-label":S,...y}=e;return Pc(U,{...y,size:a,rounded:r,fillMode:s,hover:d,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,className:i(e.className,Ti),children:[g&&sa(L,{className:"k-input-icon",icon:k}),sa(pe,{placeholder:o,value:t,"aria-label":S}),sa(ae,{...e}),sa(te,{...e}),sa(ce,{...e})]})};Fe.states=Rc;Fe.options=Bc;Fe.className=Ti;Fe.defaultOptions=Ar;Fe.moduleName=Or;Fe.folderName=yi;import{jsx as Nv}from"react/jsx-runtime";var wr="textbox",Ei=wr;import{Fragment as Ci,jsx as It,jsxs as Rr}from"react/jsx-runtime";var Oi="k-textbox",Kc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Dc={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ra={showClearButton:!0,showValidationIcon:!0,separators:!0},z=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ra.separators,showClearButton:s=Ra.showClearButton,showValidationIcon:d=Ra.showValidationIcon,prefix:u,suffix:f,type:h,value:N,placeholder:x,hover:p,focus:g,valid:k,invalid:S,required:y,loading:M,disabled:O,readonly:H,id:Z,"aria-label":ee,"aria-describedby":de,...ve}=e;return Rr(U,{...ve,size:t,rounded:o,fillMode:a,hover:p,focus:g,valid:k,invalid:S,required:y,loading:M,disabled:O,readonly:H,className:i(e.className,Oi),children:[u&&Rr(Ci,{children:[It(fe,{children:u}),r&&It(re,{})]}),It(pe,{id:Z,placeholder:x,value:N,type:h,disabled:O,"aria-label":ee,"aria-describedby":de,"aria-invalid":S?"true":void 0}),d&&It(te,{valid:k,invalid:S,loading:M,disabled:O}),It(ae,{loading:M,disabled:O}),s&&It(ce,{loading:M,disabled:O,readonly:H,value:N}),f&&Rr(Ci,{children:[r&&It(re,{}),It(he,{children:f})]})]})};z.states=Kc;z.options=Dc;z.className=Oi;z.defaultOptions=Ra;z.moduleName=wr;z.folderName=Ei;z.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var la=z;import{jsx as _c}from"react/jsx-runtime";var Ai=e=>_c(la,{...e});import{Fragment as Kv,jsx as Pv}from"react/jsx-runtime";import{Fragment as Uv,jsx as Fv}from"react/jsx-runtime";import{jsx as Xv}from"react/jsx-runtime";import{jsx as Br}from"react/jsx-runtime";var zc=z.states,Hc=z.defaultOptions,Fc=z.options,Uc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Gc=[],ro=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Br(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?Br(_t,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),Br(Ai,{value:"Value",style:{width:300},...o,...a})};ro.options=Fc;ro.states=zc;ro.variants=Gc;ro.defaultOptions=Hc;ro.modifiers=Uc;ro.className=z.className;import{jsx as yt,jsxs as Pr}from"react/jsx-runtime";var wi="k-actionsheet-titlebar",Vc={},Le=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:d,inputValue:u,inputPlaceholder:f,adaptive:h,titleId:N,children:x,...p}=e;return Pr("div",{...p,className:i(e.className,wi),children:[Pr("div",{className:"k-actionsheet-titlebar-group",children:[a&&yt("div",{className:"k-actionsheet-actions",children:a}),!x&&Pr("div",{className:"k-actionsheet-title",id:N,children:[t&&yt("div",{className:"k-text-center",children:t}),o&&yt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&yt("div",{className:"k-actionsheet-title",id:N,children:x}),r&&yt("div",{className:"k-actionsheet-actions",children:r})]}),(d||s)&&yt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?yt(z,{value:u,placeholder:f,size:h?"large":"medium","aria-label":t||f||"Input"}):yt(Fe,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};Le.className=wi;Le.defaultOptions=Vc;import{jsx as Kr,jsxs as Wc}from"react/jsx-runtime";var Dr="k-actionsheet-view",$c=[],Xc={},qc={},no=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:d,...u}=e,f=r?.type===Le&&Kr(Le,{adaptive:t,titleId:d,...r?.props}),h=s?.type===Mt&&Kr(Mt,{...s?.props});return Wc("div",{...u,className:i(e.className,Dr,{[`${Dr}-animated`]:o}),children:[f,Kr("div",{className:"k-actionsheet-content",children:a}),h]})};no.states=$c;no.options=Xc;no.className=Dr;no.defaultOptions=qc;var da="action-sheet",Ba=da;var _r="overlay",Ri=_r;import{jsx as Qc}from"react/jsx-runtime";var Bi="k-overlay",Jc=[],Yc={},Zc={},Tt=e=>{let{...t}=e;return Qc("div",{...t,className:i(e.className,Bi),children:e.children})};Tt.states=Jc;Tt.options=Yc;Tt.className=Bi;Tt.defaultOptions=Zc;Tt.moduleName=_r;Tt.folderName=Ri;import{jsx as Pa,jsxs as tp}from"react/jsx-runtime";var Pi="k-actionsheet",jc=[],ep={},ca={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},J=e=>{let{side:t=ca.side,fullscreen:o=ca.fullscreen,adaptive:a=ca.adaptive,overlay:r=ca.overlay,template:s,children:d,header:u,footer:f,id:h,...N}=e,x=h&&!s&&u?`${h}-title`:void 0;return tp("div",{className:"k-actionsheet-container",children:[r&&Pa(Tt,{}),Pa(it,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:Pa("div",{...N,id:h,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":x,className:i(e.className,Pi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||Pa(no,{header:u,footer:f,adaptive:a,titleId:x,...e,children:d})})})]})};J.states=jc;J.options=ep;J.className=Pi;J.defaultOptions=ca;J.moduleName=da;J.folderName=Ba;J.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as np}from"react/jsx-runtime";var Ki="k-actionsheet-container",op=[],ap={},rp={},io=e=>{let{children:t,...o}=e;return np("div",{...o,className:Ki,children:t})};io.states=op;io.options=ap;io.className=Ki;io.defaultOptions=rp;io.moduleName=da;io.folderName=Ba;import{jsx as ip}from"react/jsx-runtime";var zr=e=>{let{...t}=e;return ip("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};import{Fragment as lp,jsx as pa,jsxs as Hr}from"react/jsx-runtime";var Fr="k-actionsheet-item",sp=[n.hover,n.focus,n.selected,n.disabled],Et=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:d,disabled:u,...f}=e;return Hr("span",{...f,className:i(e.className,Fr,T(Fr,{hover:r,focus:s,selected:d,disabled:u})),children:[!e.children&&pa(lp,{children:Hr("span",{className:"k-actionsheet-action",children:[t&&pa("span",{className:"k-icon-wrap",children:pa(L,{className:"k-actionsheet-item-icon",icon:t})}),Hr("span",{className:"k-actionsheet-item-text",children:[o&&pa("span",{className:"k-actionsheet-item-title",children:o}),a&&pa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Et.states=sp;Et.className=Fr;import{jsx as $L,jsxs as XL}from"react/jsx-runtime";import{jsx as YL}from"react/jsx-runtime";import{jsx as eS}from"react/jsx-runtime";import{jsx as rS}from"react/jsx-runtime";import{jsx as me,jsxs as Ur}from"react/jsx-runtime";var dp=J.options,cp=J.states,_i={...J.defaultOptions,variant:"normal"},pp=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],mp=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],so=e=>{let{variant:t,modifiers:o,...a}={..._i,...e},r={},s=Ur(zr,{children:[me(Et,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),me(Et,{text:"Add to Favorites",iconName:"heart"}),me(Et,{text:"Upload New",iconName:"upload",disabled:!0}),me("hr",{className:"k-hr"}),me(Et,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",u="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":r.actionsStart=!!o?.[f],r.actionsEnd=!!o?.[f];break;case"subtitle":r.subtitle=o?.[f]?d:void 0;break;case"footer":r.footer=!!o?.[f];break;default:break}}),t==="adaptive"?me(J,{...a,adaptive:!0,fullscreen:r.fullScreen,header:me(Le,{actionsStart:r.actionsStart?me(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?me(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:r.subtitle}),footer:r.footer?Ur(Mt,{alignment:"stretched",children:[me(c,{text:"Cancel",size:"large",themeColor:"base"}),me(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):me(J,{...a,fullscreen:r.fullScreen,header:me(Le,{actionsStart:r.actionsStart?me(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?me(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?Ur(Mt,{alignment:"stretched",children:[me(c,{text:"Apply",themeColor:"primary"}),me(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};so.options=dp;so.states=cp;so.variants=pp;so.defaultOptions=_i;so.modifiers=mp;so.className=J.className;var Gr="slider",zi=Gr;import{jsx as lo,jsxs as Vr}from"react/jsx-runtime";var ma="k-slider",up=[n.hover,n.focus,n.active,n.disabled,n.readonly],bp={},Ue={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},X=e=>{let{type:t=Ue.type,orientation:o=Ue.orientation,gradientType:a=Ue.gradientType,readonly:r=Ue.readonly,disabled:s=Ue.disabled,handlePosition:d=Ue.handlePosition,showButtons:u=Ue.showButtons,showTicks:f=Ue.showTicks,value:h=Ue.value,min:N=Ue.min,max:x=Ue.max,startValue:p,endValue:g,hover:k,focus:S,active:y,trackStyle:M,dir:O,...H}=e,ee=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),de,ve;return o==="horizontal"?(de=O==="rtl"?"chevron-left":"chevron-right",ve=O==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(de="chevron-up",ve="chevron-down"),Vr("div",{...H,className:i(ma,e.className,T(ma,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:O,children:[u&&lo(c,{className:"k-button-decrease",rounded:"full",icon:ve,tabIndex:-1,title:"Decrease"}),Vr("div",{className:"k-slider-track-wrap",children:[f&&lo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Vr("div",{className:"k-slider-track",style:M,children:[lo("div",{className:"k-slider-selection"}),t==="range"&&lo("span",{className:i("k-draghandle","k-draghandle-start",T(ma,{hover:k,focus:S,active:y})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":p??N,"aria-valuemin":N,"aria-valuemax":g??x,"aria-orientation":ee,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":H["aria-label"]?`${H["aria-label"]} start`:"Range start"}),lo("span",{className:i("k-draghandle",`k-draghandle-${d}`,T(ma,{hover:k,focus:S,active:y})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?g??x:h,"aria-valuemin":t==="range"?p??N:N,"aria-valuemax":x,"aria-orientation":ee,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?H["aria-label"]?`${H["aria-label"]} end`:"Range end":H["aria-label"]})]})]}),u&&lo(c,{className:"k-button-increase",rounded:"full",icon:de,tabIndex:-1,title:"Increase"})]})};X.states=up;X.options=bp;X.className=ma;X.defaultOptions=Ue;X.moduleName=Gr;X.folderName=zi;X.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as Hi}from"react/jsx-runtime";var Fi="k-tick",fp=[],hp={},Ui={label:!1},E=e=>{let{style:t,label:o=Ui.label,orientation:a,large:r,text:s,...d}=e;return Hi("li",{...d,role:"presentation",title:s||"Tick",className:i(e.className,Fi,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&Hi("span",{className:"k-label",children:s})})};E.states=fp;E.options=hp;E.className=Fi;E.defaultOptions=Ui;import{Fragment as xp,jsx as Ge,jsxs as Np}from"react/jsx-runtime";var Gi=e=>Ge(X,{"aria-label":e["aria-label"]||"Slider",children:Np(xp,{children:[Ge(E,{className:"k-first",label:!0,large:!0,text:"0"}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{label:!0,large:!0,text:"5"}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as kp,jsx as Ve,jsxs as gp}from"react/jsx-runtime";var Vi=e=>Ve(X,{children:gp(kp,{children:[Ve(E,{className:"k-first",label:!0,large:!0,text:"0"}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{label:!0,large:!0,text:"5"}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as XS,jsx as $S,jsxs as qS}from"react/jsx-runtime";import{Fragment as QS,jsx as ZS,jsxs as jS}from"react/jsx-runtime";import{jsx as vp}from"react/jsx-runtime";var $r=e=>vp(X,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Lp}from"react/jsx-runtime";var Xr=e=>Lp(X,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as cM,jsx as dM,jsxs as pM}from"react/jsx-runtime";import{Fragment as hM,jsx as fM,jsxs as xM}from"react/jsx-runtime";import{jsx as lt,jsxs as $i}from"react/jsx-runtime";var Sp=X.options,Mp=X.states,Xi={...X.defaultOptions,variant:"horizontal",label:!0},Ip=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],yp=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],co=e=>{let{variant:t,modifiers:o,...a}={...Xi,...e},r={};Object.keys(o||{}).forEach(h=>{switch(h){case"button":{r.showButtons=!!o?.[h];break}case"label":{r.label=!!o?.[h];break}case"tick":{r.showTicks=!!o?.[h];break}}});let{label:s=!0,showButtons:d,showTicks:u}=r,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?$i(Vi,{showTicks:u,showButtons:d,style:{height:"300px",...f},...a,children:[lt(E,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):$i(Gi,{showTicks:u,showButtons:d,style:{width:"400px",...f},...a,children:[lt(E,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};co.options=Sp;co.states=Mp;co.variants=Ip;co.defaultOptions=Xi;co.modifiers=yp;co.className=X.className;import{jsx as qi,jsxs as Ap}from"react/jsx-runtime";var Wi="k-spin-button",Cp=[],Op={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},qr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},dt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=qr.increaseLabel,decreaseLabel:s=qr.decreaseLabel,...d}=e;return Ap("span",{...d,className:i(Wi,e.className),children:[qi(c,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),qi(c,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};dt.states=Cp;dt.options=Op;dt.className=Wi;dt.defaultOptions=qr;dt.moduleName=null;dt.folderName=null;var Ji="numeric-textbox",Yi="numerictextbox";import{Fragment as Zi,jsx as ft,jsxs as Wr}from"react/jsx-runtime";var Qi="k-numerictextbox",wp=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Rp={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ka={showSpinButton:!0,showClearButton:!0,separators:!0},B=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ka.separators,showClearButton:s=Ka.showClearButton,showSpinButton:d=Ka.showSpinButton,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:g,invalid:k,required:S,loading:y,disabled:M,readonly:O,id:H,"aria-label":Z,"aria-describedby":ee,...de}=e;return Wr(U,{...de,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:g,invalid:k,required:S,loading:y,disabled:M,readonly:O,className:i(e.className,Qi),children:[u&&Wr(Zi,{children:[ft(fe,{children:u}),r&&ft(re,{})]}),ft(pe,{id:H,placeholder:N,value:h,role:"spinbutton",disabled:M,"aria-label":Z,"aria-describedby":ee,"aria-invalid":k?"true":void 0}),ft(te,{valid:g,invalid:k,loading:y,disabled:M}),ft(ae,{loading:y,disabled:M}),s&&ft(ce,{loading:y,disabled:M,readonly:O,value:h}),f&&Wr(Zi,{children:[r&&ft(re,{}),ft(he,{children:f})]}),d&&ft(dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};B.states=wp;B.options=Rp;B.className=Qi;B.defaultOptions=Ka;B.moduleName=Ji;B.folderName=Yi;B.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var ua=B;import{jsx as Bp}from"react/jsx-runtime";var ji=e=>Bp(ua,{...e});import Yr from"react";import{jsx as es}from"react/jsx-runtime";var Pp="k-list-group-sticky-header",Jr=e=>es("div",{className:i(Pp,e.className),children:es("div",{className:"k-list-header-text",children:e.children})});import{jsx as Dp}from"react/jsx-runtime";var Kp="k-no-data",Da=e=>{let{live:t,...o}=e;return Dp("span",{...o,className:i(Kp,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Ht="list",po=Ht;import{jsx as ts,jsxs as os}from"react/jsx-runtime";var Zr="k-list",_p=[],zp={size:[l.undefined,l.small,l.medium,l.large]},Hp={},D=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:d,noData:u,screenReaders:f,...h}=e,x=Yr.Children.toArray(a)[0],p=x?.props?.children?Yr.Children.count(x.props.children):Yr.Children.count(a);return os("div",{...h,className:i(e.className,Zr,I(Zr,{size:t}),{"k-virtual-list":o}),children:[s,d,r&&ts(Jr,{children:r}),a||(u!==void 0?u:ts(Da,{live:!0,children:"No data found."})),f&&a&&os(Da,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};D.states=_p;D.options=zp;D.className=Zr;D.defaultOptions=Hp;D.moduleName=Ht;D.folderName=po;D.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as Vp}from"react/jsx-runtime";var as="k-list-container",Fp=[],Up={},Gp={},mo=e=>{let{...t}=e;return Vp("div",{...t,className:i(e.className,as),children:e.children})};mo.states=Fp;mo.options=Up;mo.className=as;mo.defaultOptions=Gp;mo.moduleName=Ht;mo.folderName=po;var Ft="checkbox",uo=Ft;import{jsx as rs}from"react/jsx-runtime";var _a="k-checkbox",$p=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Xp={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},qp={},Be=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:d,invalid:u,valid:f,required:h,size:N,rounded:x,wrapperRole:p,...g}=e;return rs("span",{className:"k-checkbox-wrap",role:p,children:rs("input",{...g,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:d||void 0,"aria-invalid":u?"true":void 0,className:i(e.className,_a,I(_a,{size:N,rounded:x}),T(_a,{hover:r,focus:s,disabled:d,invalid:u,valid:f,indeterminate:a,checked:o}))})})};Be.states=$p;Be.options=Xp;Be.className=_a;Be.defaultOptions=qp;Be.moduleName=Ft;Be.folderName=uo;Be.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var tt=Be;import{jsx as Yp}from"react/jsx-runtime";var ns="k-checkbox-list",Wp=[],Jp={},is={layout:"vertical"},Se=e=>{let{layout:t=is.layout,...o}=e;return Yp("ul",{...o,className:i(e.className,ns,{[`k-list-${t}`]:t}),children:e.children})};Se.states=Wp;Se.options=Jp;Se.className=ns;Se.defaultOptions=is;Se.moduleName=Ft;Se.folderName=uo;import{jsx as em}from"react/jsx-runtime";var ss="k-checkbox-list-item",Zp=[],Qp={},jp={},Me=e=>{let{...t}=e;return em("li",{...t,className:i(e.className,ss),children:e.children})};Me.states=Zp;Me.options=Qp;Me.className=ss;Me.defaultOptions=jp;Me.moduleName=Ft;Me.folderName=uo;import{Fragment as tm,jsx as ls,jsxs as om}from"react/jsx-runtime";var $e=({children:e="Label",id:t="cb-label-after",...o})=>om(tm,{children:[ls(tt,{id:t,...o}),ls("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as FI,jsx as HI,jsxs as UI}from"react/jsx-runtime";import{Fragment as qI,jsx as XI,jsxs as WI}from"react/jsx-runtime";import{Fragment as jI,jsx as QI,jsxs as ey}from"react/jsx-runtime";import{jsx as ry}from"react/jsx-runtime";import{jsx as ly}from"react/jsx-runtime";import{jsx as my}from"react/jsx-runtime";import{jsx as Xe,jsxs as ds}from"react/jsx-runtime";var am=Se.options,rm=Se.states,nm={...Se.defaultOptions,variant:"vertical"},im=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],sm=[],bo=e=>{let{variant:t,...o}=e;return t==="horizontal"?ds(Se,{layout:"horizontal",...o,children:[Xe(Me,{children:Xe($e,{id:A("cb"),defaultChecked:!0,children:"Label"})}),Xe(Me,{children:Xe($e,{id:A("cb"),children:"Label"})}),Xe(Me,{children:Xe($e,{id:A("cb"),children:"Label"})})]}):ds(Se,{...o,children:[Xe(Me,{children:Xe($e,{id:A("cb"),defaultChecked:!0,children:"Label"})}),Xe(Me,{children:Xe($e,{id:A("cb"),children:"Label"})}),Xe(Me,{children:Xe($e,{id:A("cb"),children:"Label"})})]})};bo.options=am;bo.states=rm;bo.variants=im;bo.defaultOptions=nm;bo.modifiers=sm;bo.className=Se.className;import{jsx as um}from"react/jsx-runtime";var lm=tt.options,dm=tt.states,cm=tt.defaultOptions,pm=[],mm=[],fo=e=>um($e,{id:A("checkbox"),...e,defaultChecked:!0,children:"Label"});fo.options=lm;fo.states=dm;fo.variants=pm;fo.defaultOptions=cm;fo.modifiers=mm;fo.className=tt.className;import{jsx as Ut,jsxs as xm}from"react/jsx-runtime";var Qr="k-list-item",bm=[n.hover,n.focus,n.selected,n.disabled],fm={},hm={},w=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:d,checked:u,hover:f,focus:h,selected:N,disabled:x,actions:p,description:g,id:k,...S}=e,y=t||e.children;return xm("li",{...S,id:k,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":Qr,T(Qr,{hover:f,focus:h,disabled:x,selected:N})),children:[d&&Ut(Be,{checked:u}),r&&Ut("span",{className:"k-list-item-icon-wrapper",children:Ut(L,{icon:r,className:i("k-list-item-icon",s)})}),Ut("span",{className:"k-list-item-text",children:y}),p&&Ut("div",{className:"k-list-item-actions",children:p}),g&&Ut("span",{className:"k-list-item-description",children:g}),o&&o!==""&&Ut("div",{className:"k-list-item-group-label",children:o})]})};w.states=bm;w.options=fm;w.className=Qr;w.defaultOptions=hm;w.moduleName=Ht;w.folderName=po;w.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as km}from"react/jsx-runtime";var Nm="k-list-ul",ht=e=>{let{children:t,role:o,id:a,...r}=e;return km("ul",{...r,id:a,role:o,className:i(Nm,e.className),children:t})};ht.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as jr,jsxs as vm}from"react/jsx-runtime";var gm="k-list-content",G=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...d}=e;return vm("div",{...d,className:i(gm,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:jr(ht,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&jr("div",{className:"k-height-container",children:jr("div",{})})]})};G.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as oT,jsx as tT,jsxs as aT}from"react/jsx-runtime";import{jsx as en,jsxs as Sm}from"react/jsx-runtime";var Lm="k-list-group-item",Gt=e=>{let{groupIconName:t,...o}=e;return Sm("li",{...o,role:"presentation",className:i(Lm,e.className),children:[t&&en("span",{className:"k-list-item-icon-wrapper",children:en(L,{icon:t,className:"k-list-item-icon"})}),en("span",{className:"k-list-item-text",children:e.children})]})};Gt.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as Tm}from"react/jsx-runtime";var tn="k-list-optionlabel",Mm=[n.hover,n.focus,n.selected,n.disabled],Im={},ym={},za=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return Tm("div",{...d,className:i(tn,T(tn,{hover:o,focus:a,selected:r,disabled:s})),children:t})};za.states=Mm;za.options=Im;za.className=tn;za.defaultOptions=ym;import{jsx as Am}from"react/jsx-runtime";var on="k-list-custom-value",Em=[n.hover,n.focus,n.selected,n.disabled],Cm={},Om={},Ct=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return Am("div",{...d,className:i(on,T(on,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Ct.states=Em;Ct.options=Cm;Ct.className=on;Ct.defaultOptions=Om;import{Fragment as kT,jsx as NT,jsxs as gT}from"react/jsx-runtime";import{Fragment as yT,jsx as IT,jsxs as TT}from"react/jsx-runtime";import{Fragment as BT,jsx as wT,jsxs as RT}from"react/jsx-runtime";import{Fragment as FT,jsx as zT,jsxs as HT}from"react/jsx-runtime";import{jsx as $T}from"react/jsx-runtime";import{Fragment as ZT,jsx as YT,jsxs as QT}from"react/jsx-runtime";var cs="dropdown-list",ps="dropdownlist";import{Fragment as Bm,jsx as Ie,jsxs as an}from"react/jsx-runtime";var ms="k-dropdownlist",wm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Rm={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},rn={showValue:!0,arrowIconName:"chevron-down"},R=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=rn.arrowIconName,showValue:s=rn.showValue,valueIconName:d,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:g,invalid:k,required:S,loading:y,disabled:M,readonly:O,popup:H,opened:Z,adaptive:ee,adaptiveSettings:de,adaptiveTitle:ve,adaptiveSubtitle:Dt,adaptiveFilter:ir,id:Lt,activeDescendant:Ia,"aria-label":sr,...lr}=e,td=Lt?`${Lt}-listbox`:void 0,$n=Lt?`${Lt}-value`:void 0;return an(Bm,{children:[an(rt,{...lr,id:Lt,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:g,invalid:k,required:S,loading:y,disabled:M,readonly:O,className:i(e.className,ms,{"k-icon-picker":!s&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Z?"true":"false","aria-controls":Z?td:void 0,"aria-activedescendant":Z&&Ia?Ia:void 0,"aria-describedby":Z?$n:void 0,"aria-disabled":M?"true":void 0,"aria-label":sr,tabIndex:0,children:[Ie(fe,{children:u}),Ie(zt,{placeholder:N,value:h,showValue:s,valueIconName:d,id:$n}),Ie(te,{valid:g,invalid:k,loading:y,disabled:M}),Ie(ae,{loading:y,disabled:M}),Ie(he,{children:f}),Ie(c,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":N||"Toggle dropdown",tabIndex:-1})]}),Z&&H&&Ie(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:H}),ee&&Ie(J,{adaptive:!0,...de,header:Ie(Le,{actionsEnd:Ie(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:ir,inputValue:h,inputPlaceholder:N,title:ve,subtitle:Dt}),children:Ie("div",{className:"k-list-container",children:Ie(D,{size:"large",children:an(G,{"aria-label":"Options",children:[Ie(w,{text:"List item"}),Ie(w,{text:"List item"}),Ie(w,{text:"List item"})]})})})})]})};R.states=wm;R.options=Rm;R.className=ms;R.defaultOptions=rn;R.moduleName=cs;R.folderName=ps;R.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as AE}from"react/jsx-runtime";import{jsx as DE,jsxs as _E}from"react/jsx-runtime";import{Fragment as qE,jsx as $E,jsxs as XE}from"react/jsx-runtime";import{jsx as QE}from"react/jsx-runtime";import{jsx as rC,jsxs as nC}from"react/jsx-runtime";import{Fragment as bC,jsx as mC,jsxs as uC}from"react/jsx-runtime";import{jsx as kC}from"react/jsx-runtime";import{Fragment as Hm,jsx as Ot,jsxs as us}from"react/jsx-runtime";var Pm=R.states,Km=R.defaultOptions,Dm=R.options,_m=[{name:"opened",title:"Opened"}],zm=[],xo=e=>{let{modifiers:t,...o}=e,a={},r=us(Hm,{children:[Ot("div",{className:"k-list-filter",children:Ot(Fe,{})}),Ot(D,{style:{width:300},size:o.size,children:us(G,{children:[Ot(w,{children:"List item"}),Ot(w,{children:"List item"}),Ot(w,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0)}),Ot("div",{children:Ot(R,{placeholder:"Value",style:{width:300},...o,...a})})};xo.options=Dm;xo.states=Pm;xo.variants=zm;xo.defaultOptions=Km;xo.modifiers=_m;xo.className=R.className;import{Fragment as FC,jsx as HC}from"react/jsx-runtime";import{Fragment as qC,jsx as XC}from"react/jsx-runtime";import{jsx as ZC}from"react/jsx-runtime";import{jsx as nn}from"react/jsx-runtime";var Fm=B.states,Um=B.defaultOptions,Gm=B.options,Vm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],$m=[],No=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?nn(R,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?nn(Mr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),nn(ji,{value:"Value",style:{width:300},...o,...a})};No.options=Gm;No.states=Fm;No.variants=$m;No.defaultOptions=Um;No.modifiers=Vm;No.className=B.className;import{Fragment as ba,jsx as P,jsxs as Q}from"react/jsx-runtime";var bs="k-colorgradient-inputs",Xm=[],qm={size:[l.undefined,l.small,l.medium,l.large]},fs={mode:"rgba"},ko=e=>{let{mode:t=fs.mode,size:o,...a}=e;return Q("div",{...a,className:i(bs,"k-hstack"),children:[P("div",{className:"k-vstack",children:P(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Q("div",{className:"k-vstack",children:[P(B,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(ba,{children:Q("div",{className:"k-vstack k-flex-1",children:[P(z,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),P("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ko.states=Xm;ko.options=qm;ko.className=bs;ko.defaultOptions=fs;import{jsx as Vt,jsxs as $t}from"react/jsx-runtime";var hs="k-colorgradient-color-contrast",Wm=[],Jm={},Ym={},go=()=>$t("div",{className:i(hs,"k-vbox"),children:[$t("div",{className:"k-contrast-ratio",children:[Vt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),$t("span",{className:"k-contrast-validation !k-text-success",children:[Vt(L,{icon:"check"}),Vt(L,{icon:"check"})]})]}),$t("div",{children:[Vt("span",{children:"AA: 4.5"}),$t("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Vt(L,{icon:"check"})]})]}),$t("div",{children:[Vt("span",{children:"AAA: 7.0"}),$t("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Vt(L,{icon:"x"})]})]})]});go.states=Wm;go.options=Jm;go.className=hs;go.defaultOptions=Ym;var xs="color-gradient",Ns="colorgradient";import{jsx as qe,jsxs as fa}from"react/jsx-runtime";var Ha="k-colorgradient",Zm=[n.hover,n.focus,n.readonly,n.disabled],Qm={size:[l.undefined,l.small,l.medium,l.large]},ct={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ne=e=>{let{size:t,mode:o=ct.mode,readonly:a=ct.readonly,disabled:r=ct.disabled,gradientStyle:s=ct.gradientStyle,dragHandleStyle:d=ct.dragHandleStyle,alphaStyle:u=ct.alphaStyle,alphaStyleHorizontal:f=ct.alphaStyleHorizontal,contrast:h=ct.contrast,dir:N,hover:x,focus:p,hoverHandle:g,focusHandle:k,canvasOrientation:S=ct.canvasOrientation,role:y,tabIndex:M,...O}=e;return fa("div",{...O,role:y??"textbox","aria-label":y==="none"?void 0:"Color gradient",tabIndex:M??0,"aria-disabled":r?"true":void 0,className:i(e.className,Ha,I(Ha,{size:t}),T(Ha,{hover:x,focus:p,readonly:a,disabled:r})),dir:N,children:[!S||S==="horizontal"&&fa("div",{className:"k-colorgradient-canvas k-hstack",children:[qe("div",{className:"k-hsv-rectangle",style:s,children:qe("div",{className:"k-hsv-gradient",children:qe("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":g,"k-focus":k}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),fa("div",{className:"k-hsv-controls k-hstack",children:[qe(Xr,{className:"k-hue-slider",hover:g,focus:k}),o!=="rgb"&&o!=="hsv"&&qe(Xr,{className:"k-alpha-slider",hover:g,focus:k,trackStyle:u})]})]}),S==="vertical"&&fa("div",{className:"k-colorgradient-canvas k-vstack",children:[qe("div",{className:"k-hsv-rectangle",style:s,children:qe("div",{className:"k-hsv-gradient",children:qe("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":g,"k-focus":k}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),fa("div",{className:"k-hsv-controls k-vstack",children:[qe($r,{className:"k-hue-slider",hover:g,focus:k}),o!=="rgb"&&o!=="hsv"&&qe($r,{className:"k-alpha-slider",hover:g,focus:k,trackStyle:f})]})]}),qe(ko,{mode:e.mode,size:t}),h&&qe(go,{})]})};ne.states=Zm;ne.options=Qm;ne.className=Ha;ne.defaultOptions=ct;ne.moduleName=xs;ne.folderName=Ns;ne.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as jm}from"react/jsx-runtime";var Fa=e=>jm(ne,{...e});import{jsx as KO}from"react/jsx-runtime";import{jsx as HO}from"react/jsx-runtime";import{jsx as sn}from"react/jsx-runtime";var eu=ne.options,tu=ne.states,ou={...ne.defaultOptions,variant:"rgba"},au=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],ru=[],vo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return sn(Fa,{...o,mode:t});case"rgb":return sn(Fa,{...o,mode:t});default:return sn(Fa,{...o,mode:t})}};vo.options=eu;vo.states=tu;vo.variants=au;vo.defaultOptions=ou;vo.modifiers=ru;vo.className=ne.className;import{jsx as nu}from"react/jsx-runtime";var ln=e=>nu("tr",{role:"row",children:e.children});import{jsx as lu}from"react/jsx-runtime";var dn="k-colorpalette-tile",iu=[n.hover,n.focus,n.selected],su={},Lo=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:s,...d}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return lu("td",{...d,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:i(e.className,dn,T(dn,{hover:a,focus:r,selected:s})),style:u})};Lo.states=iu;Lo.options=su;Lo.className=dn;var ks="color-palette",gs="colorpalette";import{jsx as ha}from"react/jsx-runtime";var Ua="k-colorpalette",du=[n.disabled],cu={size:[l.undefined,l.small,l.medium,l.large]},vs={columns:10},ye=e=>{let{size:t,palette:o,columns:a=vs.columns,tileSize:r,disabled:s,...d}=e,u=[];if(o){let f=a||o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/f)},(N,x)=>{let p=[];h.slice(x*f,(x+1)*f).map((k,S)=>{p.push(ha(Lo,{color:k,tileSize:r},S))});let g=ha(ln,{children:p},x);u.push(g)})}return ha("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:i(e.className,Ua,T(Ua,{disabled:s}),I(Ua,{size:t})),children:ha("table",{className:"k-colorpalette-table",role:"none",children:ha("tbody",{children:u.length>0?u:e.children})})})};ye.states=du;ye.options=cu;ye.className=Ua;ye.defaultOptions=vs;ye.moduleName=ks;ye.folderName=gs;ye.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var Ga=ye;var xa={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as pu}from"react/jsx-runtime";var Ls=e=>pu(Ga,{palette:xa.basic,...e});import{jsx as vA}from"react/jsx-runtime";import{jsx as TA,jsxs as EA}from"react/jsx-runtime";import{jsx as Nu}from"react/jsx-runtime";var mu=ye.options,uu=ye.states,bu={...ye.defaultOptions,variant:"basic"},fu=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],hu={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},xu=[],So=e=>{let{variant:t="basic",...o}=e,a=hu[t];return Nu(Ls,{columns:a.columns,palette:a,...o})};So.options=mu;So.states=uu;So.variants=fu;So.defaultOptions=bu;So.modifiers=xu;So.className=ye.className;var Ss="color-editor",Ms="coloreditor";import{jsx as We,jsxs as Mo}from"react/jsx-runtime";var Va="k-coloreditor",ku=[n.focus],gu={size:[l.undefined,l.small,l.medium,l.large]},Na={view:"gradient",palette:xa.office,actionButtons:!0,canvasOrientation:"horizontal"},Y=e=>{let{size:t,view:o=Na.view,palette:a=Na.palette,color:r,currentColor:s,focus:d,focusView:u,dir:f,group:h,actionButtons:N=Na.actionButtons,canvasOrientation:x=Na.canvasOrientation,...p}=e;return Mo("div",{...p,role:"textbox","aria-label":"Color editor",tabIndex:0,className:i(e.className,"k-flatcolorpicker",Va,I(Va,{size:t}),T(Va,{focus:d})),dir:f,children:[Mo("div",{className:"k-coloreditor-header k-hstack",children:[We("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&Mo(C,{fillMode:"flat",children:[We(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),We(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),We("div",{className:"k-spacer"}),Mo("div",{className:"k-coloreditor-header-actions k-hstack",children:[We(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Mo("div",{className:"k-coloreditor-preview k-vstack",children:[We(St,{className:"k-coloreditor-preview-color",color:r}),We(St,{className:"k-coloreditor-current-color",color:s})]})]})]}),We("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?We(ne,{focus:u,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):We(ye,{palette:a,size:t})}),N&&Mo(st,{className:"k-coloreditor-footer",alignment:"start",children:[We(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),We(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Y.states=ku;Y.options=gu;Y.className=Va;Y.defaultOptions=Na;Y.moduleName=Ss;Y.folderName=Ms;Y.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Io=Y;import{jsx as aw}from"react/jsx-runtime";import{jsx as sw}from"react/jsx-runtime";import{jsx as vu}from"react/jsx-runtime";var Is=e=>vu(Io,{group:!0,currentColor:"fuchsia",...e});import{jsx as Lu}from"react/jsx-runtime";var ys=e=>Lu(Io,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Ts}from"react/jsx-runtime";var Su=Y.options,Mu=Y.states,Iu={...Y.defaultOptions,variant:"gradient"},yu=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Tu=[],yo=e=>{let{variant:t,...o}=e;return t==="palette"?Ts(ys,{...o,color:"white"}):Ts(Is,{...o,color:"rgba(183, 118 , 118, 1.00)"})};yo.options=Su;yo.states=Mu;yo.variants=yu;yo.defaultOptions=Iu;yo.modifiers=Tu;yo.className=Y.className;var Es="color-picker",Cs="colorpicker";import{Fragment as Ou,jsx as Je,jsxs as cn}from"react/jsx-runtime";var Os="k-colorpicker",Eu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Cu={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},As={arrowIconName:"chevron-down"},Pe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=As.arrowIconName,prefix:s,suffix:d,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:g,disabled:k,valueIconName:S,popup:y,opened:M,adaptive:O,adaptiveSettings:H,adaptiveTitle:Z,adaptiveSubtitle:ee,...de}=e,ve="colorpicker-popup";return cn(Ou,{children:[cn(rt,{...de,size:t,rounded:o,fillMode:a,hover:h,focus:N,valid:x,invalid:p,required:g,disabled:k,role:"combobox","aria-haspopup":"dialog","aria-expanded":M?"true":"false","aria-controls":M||O?ve:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:i(e.className,Os,"k-icon-picker"),children:[Je(fe,{children:s}),Je(zt,{placeholder:f,value:u,showValue:!1,valueIcon:Je(St,{className:"k-value-icon",color:u,iconName:S}),valueIconName:S}),Je(he,{children:d}),Je(c,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),M&&y&&Je(q,{id:ve,className:"k-colorpicker-popup",children:y}),O&&Je(J,{adaptive:!0,id:ve,...H,header:Je(Le,{actionsEnd:Je(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Z,subtitle:ee}),footer:cn(Mt,{children:[Je(c,{text:"Cancel",size:"large"}),Je(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:Je(Y,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Pe.states=Eu;Pe.options=Cu;Pe.className=Os;Pe.defaultOptions=As;Pe.moduleName=Es;Pe.folderName=Cs;Pe.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var xt=Pe;import{jsx as Au}from"react/jsx-runtime";var $a=e=>Au(xt,{...e});import{jsx as Vw}from"react/jsx-runtime";import{jsx as Jw}from"react/jsx-runtime";import{jsx as jw}from"react/jsx-runtime";import{jsx as aR}from"react/jsx-runtime";import{jsx as sR}from"react/jsx-runtime";import{jsx as pR}from"react/jsx-runtime";import{jsx as Xt}from"react/jsx-runtime";var wu=xt.options,Ru=xt.states,ws={...xt.defaultOptions,variant:"color"},Bu=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Pu=[{name:"opened",title:"Opened"}],To=e=>{let{variant:t,modifiers:o,...a}={...ws,...e},r={};Object.keys(o||{}).forEach(d=>{d==="opened"&&(r.opened=!!o?.[d],r.popup=o?.[d]?Xt(Y,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return Xt("div",{style:s,children:Xt($a,{...a,...r})});case"icon":return Xt("div",{style:s,children:Xt($a,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return Xt("div",{style:s,children:Xt($a,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};To.options=wu;To.states=Ru;To.variants=Bu;To.defaultOptions=ws;To.modifiers=Pu;To.className=xt.className;var pn="combobox",Rs=pn;import{Fragment as mn,jsx as oe,jsxs as ka}from"react/jsx-runtime";var Bs="k-combobox",Ku=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Du={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ps={separators:!0},xe=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ps.separators,prefix:s,suffix:d,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:g,loading:k,disabled:S,popup:y,opened:M,readonly:O,adaptive:H,adaptiveSettings:Z,adaptiveTitle:ee,adaptiveSubtitle:de,adaptiveCustomValue:ve,id:Dt,autocomplete:ir,activeDescendant:Lt,"aria-label":Ia,...sr}=e,lr=Dt?`${Dt}-listbox`:void 0;return ka(mn,{children:[ka(U,{...sr,size:t,rounded:o,fillMode:a,hover:h,focus:N,valid:x,invalid:p,required:g,loading:k,disabled:S,readonly:O,className:i(e.className,Bs),children:[s&&ka(mn,{children:[oe(fe,{children:s}),r&&oe(re,{})]}),oe(pe,{id:Dt,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?lr:void 0,"aria-activedescendant":M&&Lt?Lt:void 0,"aria-autocomplete":ir,"aria-invalid":p?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Ia,disabled:S,readOnly:O}),oe(te,{valid:x,invalid:p,loading:k,disabled:S}),oe(ae,{loading:k,disabled:S}),oe(ce,{loading:k,disabled:S,readonly:O,value:u}),d&&ka(mn,{children:[r&&oe(re,{}),oe(he,{children:d})]}),oe(c,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:S})]}),M&&y&&oe(q,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:y}),H&&oe(J,{adaptive:!0,id:Dt?`${Dt}-adaptive`:void 0,...Z,header:oe(Le,{actionsEnd:oe(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:ee,subtitle:de}),children:oe("div",{className:"k-list-container",children:oe(D,{customValue:ve?oe(Ct,{text:`Use "${u}"`}):void 0,size:"large",children:ka(G,{"aria-label":ee||"Options",children:[oe(w,{text:"List item"}),oe(w,{text:"List item"}),oe(w,{text:"List item"})]})})})})]})};xe.states=Ku;xe.options=Du;xe.className=Bs;xe.defaultOptions=Ps;xe.moduleName=pn;xe.folderName=Rs;xe.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Ke=xe;import{jsx as _u}from"react/jsx-runtime";var Ks=e=>_u(Ke,{...e});import{jsx as qR,jsxs as WR}from"react/jsx-runtime";import{jsx as eB,jsxs as tB}from"react/jsx-runtime";import{jsx as sB,jsxs as lB}from"react/jsx-runtime";import{Fragment as bB,jsx as uB}from"react/jsx-runtime";import{Fragment as gB,jsx as kB}from"react/jsx-runtime";import{jsx as yB,jsxs as TB}from"react/jsx-runtime";import{Fragment as PB,jsx as RB,jsxs as BB}from"react/jsx-runtime";import{jsx as zB}from"react/jsx-runtime";import{jsx as GB}from"react/jsx-runtime";import{jsx as JB,jsxs as YB}from"react/jsx-runtime";import{jsx as oP,jsxs as aP}from"react/jsx-runtime";import{jsx as At,jsxs as Vu}from"react/jsx-runtime";var zu=xe.states,Hu=xe.defaultOptions,Fu=xe.options,Uu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Gu=[],Eo=e=>{let{modifiers:t,...o}=e,a={},r=At(D,{style:{width:300},size:o.size,children:Vu(G,{children:[At(w,{children:"List item"}),At(w,{children:"List item"}),At(w,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?At(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?At(ut,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0;break;default:break}}),At("div",{children:At(Ks,{value:"Value",style:{width:300},...o,...a})})};Eo.options=Fu;Eo.states=zu;Eo.variants=Gu;Eo.defaultOptions=Hu;Eo.modifiers=Uu;Eo.className=xe.className;var un="menu-button",Ds=un;import{jsx as qu}from"react/jsx-runtime";var _s="k-menu-button",$u=[n.hover,n.focus,n.active,n.selected,n.disabled],Xu={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},bn={showArrow:!0,arrowIconName:"chevron-down"},V=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,icon:N,text:x,showArrow:p=bn.showArrow,arrowIconName:g=bn.arrowIconName,expanded:k,...S}=e;return qu(c,{...S,className:i(e.className,_s),text:x,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,icon:N,showArrow:p,arrowIconName:g,"aria-expanded":k?"true":"false",...!x&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};V.states=$u;V.options=Xu;V.className=_s;V.defaultOptions=bn;V.moduleName=un;V.folderName=Ds;V.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as KP}from"react/jsx-runtime";import{jsx as HP}from"react/jsx-runtime";import{jsx as VP}from"react/jsx-runtime";var De="menu",Ye=De;import{jsx as ga,jsxs as zs}from"react/jsx-runtime";var fn="k-menu-item",Wu=[n.hover,n.focus,n.active,n.selected,n.disabled],Ju={},Hs={iconPosition:"before"},Ne=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:d,text:u,first:f,last:h,showArrow:N,arrowIconName:x,iconPosition:p=Hs.iconPosition,dir:g,children:k,expanded:S,...y}=e,M=x;return M||(M=g==="rtl"?"chevron-left":"chevron-right"),zs("li",{...y,className:i(e.className,fn,"k-item",T(fn,{focus:o,disabled:s,hover:t,active:a,selected:r}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":S?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[zs("span",{className:i("k-link k-menu-link"),children:[d&&p==="before"&&ga(L,{className:"k-menu-link-icon",icon:d}),ga("span",{className:"k-menu-link-text",children:u}),d&&p==="after"&&ga(L,{className:"k-menu-link-icon",icon:d}),N&&ga("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ga(L,{icon:M})})]}),k]})};Ne.states=Wu;Ne.options=Ju;Ne.className=fn;Ne.defaultOptions=Hs;Ne.moduleName=De;Ne.folderName=Ye;import{jsx as va,jsxs as Fs}from"react/jsx-runtime";var hn="k-menu-item",Yu=[n.hover,n.focus,n.active,n.selected,n.disabled],Zu={},xn={dir:"ltr",iconPosition:"before"},W=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:d,text:u,first:f,last:h,showArrow:N,arrowIconName:x,iconPosition:p=xn.iconPosition,dir:g=xn.dir,children:k,popup:S,expanded:y,...M}=e,O=x;return O||(O=g==="rtl"?"chevron-left":"chevron-right"),Fs("li",{...M,className:i(e.className,hn,"k-item",T(hn,{focus:o,disabled:s}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":y?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Fs("span",{className:i("k-link k-menu-link",T("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[d&&p==="before"&&va(L,{className:"k-menu-link-icon",icon:d}),va("span",{className:"k-menu-link-text",children:u}),d&&p==="after"&&va(L,{className:"k-menu-link-icon",icon:d}),N&&va("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:va(L,{icon:O})})]}),k,S]})};W.states=Yu;W.options=Zu;W.className=hn;W.defaultOptions=xn;W.moduleName=De;W.folderName=Ye;import{jsx as tb}from"react/jsx-runtime";var Us="k-menu-scroll-wrapper",Qu=[],ju={},eb={},qt=e=>{let{className:t,children:o,orientation:a,...r}=e;return tb("div",{...r,className:i(t,Us,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};qt.states=Qu;qt.options=ju;qt.className=Us;qt.defaultOptions=eb;qt.moduleName=De;qt.folderName=Ye;var Gs=qt;import{Fragment as Nn,jsx as Wt,jsxs as qa}from"react/jsx-runtime";var kn="k-menu",ob=[],ab={},Wa={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ie=e=>{let{children:t,orientation:o=Wa.orientation,header:a=Wa.header,scrollable:r,scrollButtonsPosition:s=Wa.scrollButtonsPosition,wrapperStyles:d,dir:u,popup:f,contextMenu:h,...N}=e,x={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},p=Wt("ul",{dir:u,...N,className:i(e.className,"k-reset",kn,{[`${kn}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return qa(Nn,{children:[r?qa(Gs,{orientation:o,style:d,dir:e.dir,children:[s==="start"&&qa(Nn,{children:[Wt(c,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Wt(c,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&Wt(c,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),p,s==="end"&&qa(Nn,{children:[Wt(c,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Wt(c,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&Wt(c,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):p,f]})};ie.states=ob;ie.options=ab;ie.className=kn;ie.defaultOptions=Wa;ie.moduleName=De;ie.folderName=Ye;ie.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as rb}from"react/jsx-runtime";var gn="k-separator",Vs={orientation:"horizontal"},Co=e=>{let{orientation:t=Vs.orientation,...o}=e;return rb("li",{...o,className:i(e.className,"k-item",gn,{[`${gn}-${t}`]:t}),role:"separator"})};Co.className=gn;Co.defaultOptions=Vs;Co.moduleName=De;Co.folderName=Ye;import{Fragment as kK,jsx as gK}from"react/jsx-runtime";import{jsx as lb}from"react/jsx-runtime";var vn="k-menu-group",nb=[],ib={size:[l.undefined,l.small,l.medium,l.large]},sb={},ke=e=>{let{children:t,size:o,...a}=e;return lb("ul",{...a,className:i(e.className,vn,I(vn,{size:o})),role:"menu",children:t})};ke.states=nb;ke.options=ib;ke.className=vn;ke.defaultOptions=sb;ke.moduleName=De;ke.folderName=Ye;import{Fragment as db,jsx as Oo,jsxs as cb}from"react/jsx-runtime";var Ln=e=>Oo(ie,{children:cb(db,{children:[Oo(Ne,{first:!0,text:"Item 1"}),Oo(Ne,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Oo(Ne,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Oo(Ne,{text:"Item 4"}),Oo(Ne,{last:!0,text:"Item 5"})]}),...e});import{Fragment as BK,jsx as wK,jsxs as RK}from"react/jsx-runtime";import{Fragment as zK,jsx as _K,jsxs as HK}from"react/jsx-runtime";import{Fragment as $K,jsx as VK,jsxs as XK}from"react/jsx-runtime";import{Fragment as ZK,jsx as YK,jsxs as QK}from"react/jsx-runtime";import{jsx as Jt,jsxs as fb}from"react/jsx-runtime";var pb=ie.options,mb=ie.states,$s={...ie.defaultOptions,variant:"horizontal"},ub=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],bb=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ao=e=>{let{variant:t,modifiers:o,...a}={...$s,...e},r={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":r.scrollable=!!o?.[s];break;case"opened":r.opened=!!o?.[s],r.popup=Jt(q,{className:"k-menu-popup",children:fb(ke,{children:[Jt(W,{text:"Item 1"}),Jt(W,{text:"Item 2"}),Jt(Co,{}),Jt(W,{text:"Item 3"})]})});break}}),t==="vertical"?Jt(Ln,{...a,...r,orientation:"vertical",style:{width:"200px"}}):Jt(Ln,{...a,...r})};Ao.options=pb;Ao.states=mb;Ao.variants=ub;Ao.defaultOptions=$s;Ao.modifiers=bb;Ao.className=ie.className;import{Fragment as O0,jsx as E0,jsxs as C0}from"react/jsx-runtime";import{jsx as B0}from"react/jsx-runtime";import{Fragment as gb,jsx as pt,jsxs as Xs}from"react/jsx-runtime";var hb=c.states,qs={...c.defaultOptions,variant:"text"},xb=c.options,Nb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],kb=[{name:"opened",title:"Opened"}],wo=e=>{let{variant:t,modifiers:o,...a}={...qs,...e},r={},s=pt(q,{className:"k-menu-popup",children:Xs(ke,{size:a.size,children:[pt(W,{first:!0,text:"Menu Item"}),pt(W,{text:"Menu Item"}),pt(W,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=pt("div",{children:pt(V,{...a,...r,icon:"star"})});break;case"icon-and-text":d=pt("div",{children:pt(V,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:d=pt("div",{children:pt(V,{...a,...r,children:"Dropdown Button"})});break}return Xs(gb,{children:[d,o?.opened&&s]})};wo.options=xb;wo.states=hb;wo.variants=Nb;wo.defaultOptions=qs;wo.modifiers=kb;wo.className=V.className;var Sn="split-button",Ws=Sn;import{Fragment as Sb,jsx as Mn,jsxs as Js}from"react/jsx-runtime";var In="k-split-button",vb=[n.hover,n.focus,n.active,n.selected,n.disabled],Lb={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},Ys={arrowIconName:"chevron-down"},K=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,icon:N,text:x,arrowIconName:p=Ys.arrowIconName,popup:g,opened:k,popupId:S,...y}=e;return Js(Sb,{children:[Js("div",{...y,className:i(e.className,In,"k-button-group",I(In,{rounded:o})),children:[Mn(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}),Mn(c,{className:"k-split-button-arrow",icon:p,size:t,rounded:o,fillMode:a,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":k?"true":"false","aria-controls":k?S:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),k&&g&&Mn(q,{className:"k-menu-popup",children:g})]})};K.states=vb;K.options=Lb;K.className=In;K.defaultOptions=Ys;K.moduleName=Sn;K.folderName=Ws;K.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var yn=K;import{jsx as Ib}from"react/jsx-runtime";var Mb="k-toolbar-separator",se=e=>Ib("div",{className:i(Mb,e.className,"k-separator")});var Nt="toolbar",wt=Nt;import{Fragment as Tn,jsx as _,jsxs as Ro}from"react/jsx-runtime";var kt="k-toolbar",yb=[n.focus],Tb={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Eb={scrollButtons:"around"},$=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:d,scrollingPosition:u,section:f,...h}=e,N=[],x=(p,g)=>{let k=[];if(p.type===c&&p.props.className&&p.props.className.includes("k-toolbar-overflow-button"))k.push(_(c,{...p.props,className:`${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===c)k.push(_(c,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===aa)k.push(_(aa,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===ut)k.push(_(ut,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===V)k.push(_(V,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===yn)k.push(_(yn,{...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 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()}`))}),k.push(_(C,{...p.props,className:`k-toolbar-button-group ${p.props.className?p.props.className:""}`,children:S},`${g}-${new Date().getTime()}`))}else p.type===xe?k.push(_(xe,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===R?k.push(_(R,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===Pe?k.push(_(Pe,{...p.props,className:`k-toolbar-colorpicker ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):k.push(p);k.forEach(S=>{N.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((g,k)=>{x(g,k)}),Ro("div",{...h,className:i(e.className,kt,I(kt,{size:t,fillMode:o}),T(kt,{focus:a}),{[`${kt}-resizable`]:r,[`${kt}-scrollable`]:s,[`${kt}-scrollable-overlay`]:s&&d==="hidden",[`${kt}-scrollable-${u}`]:u&&u!=="both",[`${kt}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&N,s&&d==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),s&&d==="start"&&Ro(Tn,{children:[Ro(C,{children:[_("span",{className:i("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"chevron-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:"chevron-right"})})]}),_(se,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&d==="end"&&Ro(Tn,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(se,{className:"k-toolbar-button-separator"}),Ro(C,{children:[_("span",{className:i("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"chevron-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:"chevron-right"})})]})]}),s&&(d==="around"||!d)&&Ro(Tn,{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:"chevron-left"})}),_(se,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(se,{className:"k-toolbar-button-separator"}),_("span",{className:i("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"chevron-right"})})]})]})};$.states=yb;$.options=Tb;$.className=kt;$.defaultOptions=Eb;$.moduleName=Nt;$.folderName=wt;$.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as wb}from"react/jsx-runtime";var Zs="k-floating-toolbar",Cb=[],Ob={},Ab={},Bo=e=>{let{...t}=e;return wb("div",{...t,className:i(e.className,Zs),children:e.children})};Bo.states=Cb;Bo.options=Ob;Bo.className=Zs;Bo.defaultOptions=Ab;Bo.moduleName=Nt;Bo.folderName=wt;import{jsx as Kb}from"react/jsx-runtime";var En="k-toolbar-item",Rb=[n.focus],Bb={},Pb={},ot=e=>{let{focus:t,...o}=e;return Kb("div",{...o,className:i(e.className,En,T(En,{focus:t})),children:e.children})};ot.states=Rb;ot.options=Bb;ot.className=En;ot.defaultOptions=Pb;ot.moduleName=Nt;ot.folderName=wt;import{jsx as Qs}from"react/jsx-runtime";var js="k-toolbar-popup",Db=[],_b={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},zb={},Yt=e=>{let{size:t,fillMode:o,section:a,...r}=e;return Qs(q,{...r,className:i(e.className,js),children:a?Qs("span",{className:i("k-toolbar-items-list",I("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Yt.states=Db;Yt.options=_b;Yt.className=js;Yt.defaultOptions=zb;Yt.moduleName=Nt;Yt.folderName=wt;var Ja=Yt;import{jsx as DD}from"react/jsx-runtime";import{jsx as FD}from"react/jsx-runtime";import{jsx as $D}from"react/jsx-runtime";import{jsx as ZD,jsxs as QD}from"react/jsx-runtime";import{jsx as o_}from"react/jsx-runtime";import{jsx as gt,jsxs as Vb}from"react/jsx-runtime";var Hb=K.states,el={...K.defaultOptions,variant:"text"},Fb=K.options,Ub=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Gb=[{name:"opened",title:"Opened"}],Po=e=>{let{variant:t,modifiers:o,...a}={...el,...e},r={},s=Vb(ke,{size:a.size,children:[gt(W,{first:!0,text:"Menu Item"}),gt(W,{text:"Menu Item"}),gt(W,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(d=>{d==="opened"&&(r.opened=!!o?.[d],r.popup=o?.[d]?s:"")}),t){case"icon-only":return gt("div",{children:gt(K,{...a,...r,icon:"star"})});case"icon-and-text":return gt("div",{children:gt(K,{...a,...r,icon:"star",children:"Split Button"})});default:return gt("div",{children:gt(K,{...a,...r,children:"Split Button"})})}};Po.options=Fb;Po.states=Hb;Po.variants=Ub;Po.defaultOptions=el;Po.modifiers=Gb;Po.className=K.className;import{jsx as Zt,jsxs as $b}from"react/jsx-runtime";var tl=e=>Zt($,{children:[Zt(c,{children:"Button"},"toolbar-button"),Zt(V,{text:"Menu button"},"toolbar-menu-button"),Zt(K,{children:"Split button"},"toolbar-split-button"),$b(C,{children:[Zt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Zt(c,{icon:"align-center",children:"Center"}),Zt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as A_,jsxs as w_}from"react/jsx-runtime";import{jsx as _e,jsxs as ol}from"react/jsx-runtime";var al=e=>_e($,{scrollable:!0,...e,children:[_e(c,{children:"Button"},"toolbar-button"),_e(V,{text:"Menu button"},"toolbar-menu-button"),_e(K,{children:"Split button"},"toolbar-split-button"),ol(C,{children:[_e(c,{className:"k-group-start",icon:"align-left",children:"Left"}),_e(c,{icon:"align-center",children:"Center"}),_e(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),_e(c,{children:"Button"},"toolbar-button"),_e(V,{text:"Menu button"},"toolbar-menu-button"),_e(K,{children:"Split button"},"toolbar-split-button"),ol(C,{children:[_e(c,{className:"k-group-start",icon:"align-left",children:"Left"}),_e(c,{icon:"align-center",children:"Center"}),_e(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as ze,jsxs as rl}from"react/jsx-runtime";var nl=({scrollingPosition:e="start",...t})=>ze($,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[ze(c,{children:"Button"},"toolbar-button"),ze(V,{text:"Menu button"},"toolbar-menu-button"),ze(K,{children:"Split button"},"toolbar-split-button"),rl(C,{children:[ze(c,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(c,{icon:"align-center",children:"Center"}),ze(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ze(c,{children:"Button"},"toolbar-button"),ze(V,{text:"Menu button"},"toolbar-menu-button"),ze(K,{children:"Split button"},"toolbar-split-button"),rl(C,{children:[ze(c,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(c,{icon:"align-center",children:"Center"}),ze(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Xb,jsx as Oe,jsxs as Ya}from"react/jsx-runtime";var il=({fillMode:e,size:t,...o})=>Ya(Xb,{children:[Oe($,{section:!0,fillMode:e,size:t,children:[Oe(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ya(C,{fillMode:e,children:[Oe(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Oe(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Oe(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Oe(se,{className:"k-toolbar-button-separator"}),Oe(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Ya(Ja,{size:t,fillMode:e,section:!0,...o,children:[Oe(K,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Oe(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Oe(se,{}),Oe(V,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Ya(C,{fillMode:e,children:[Oe(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Oe(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Oe(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as pz,jsx as dz,jsxs as cz}from"react/jsx-runtime";import{Fragment as Lz,jsx as gz,jsxs as vz}from"react/jsx-runtime";import{jsx as Rt}from"react/jsx-runtime";var qb=$.options,Wb=$.states,sl={...$.defaultOptions,variant:"default"},Jb=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Yb=[],Ko=e=>{let{variant:t,...o}={...sl,...e};switch(t){case"responsive":return Rt("div",{children:Rt(il,{style:{width:"583px"},...o})});case"overlay":return Rt("div",{children:Rt(nl,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Rt("div",{children:Rt(al,{style:{width:"583px"},...o})});default:return Rt("div",{children:Rt(tl,{style:{width:"583px"},...o})})}};Ko.options=qb;Ko.states=Wb;Ko.variants=Jb;Ko.defaultOptions=sl;Ko.modifiers=Yb;Ko.className=$.className;import{jsx as He}from"react/jsx-runtime";var ll="k-imageeditor-toolbar",Zb=[],Qb={},jb=[He(c,{icon:"upload","aria-label":"Upload"},"toolbar-button-1"),He(c,{disabled:!0,icon:"download","aria-label":"Download"},"toolbar-button-2"),He(se,{},"toolbar-separator-1"),He(c,{disabled:!0,icon:"undo","aria-label":"Undo"},"toolbar-button-3"),He(c,{disabled:!0,icon:"redo","aria-label":"Redo"},"toolbar-button-4"),He(se,{},"toolbar-separator-2"),He(c,{disabled:!0,icon:"crop","aria-label":"Crop"},"toolbar-button-5"),He(c,{disabled:!0,icon:"image-resize","aria-label":"Resize"},"toolbar-button-6"),He(c,{disabled:!0,icon:"zoom-in","aria-label":"Zoom in"},"toolbar-button-7"),He(c,{disabled:!0,icon:"zoom-out","aria-label":"Zoom out"},"toolbar-button-8"),He(ot,{children:He(R,{disabled:!0,value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],dl={toolbarItems:jb},Do=e=>{let{toolbarItems:t=dl.toolbarItems,...o}=e;return He($,{...o,className:i(e.className,ll),children:t})};Do.states=Zb;Do.options=Qb;Do.className=ll;Do.defaultOptions=dl;var cl="image-editor",pl="imageeditor";import{jsx as La,jsxs as ml}from"react/jsx-runtime";var ul="k-imageeditor",ef=[],tf={},of={},at=e=>{let{toolbarItems:t,actionPane:o,contentHeight:a,children:r,...s}=e;return ml("div",{...s,className:i(e.className,ul),children:[La("div",{className:"k-imageeditor-header",children:La(Do,{toolbarItems:t})}),ml("div",{className:"k-imageeditor-content",style:{height:a},children:[La("div",{className:"k-imageeditor-canvas-container",children:La("div",{className:"k-imageeditor-canvas",children:r})}),o&&La("div",{className:"k-imageeditor-action-pane",children:o})]})]})};at.states=ef;at.options=tf;at.className=ul;at.defaultOptions=of;at.moduleName=cl;at.folderName=pl;at.ariaSpec={selector:".k-imageeditor",rules:[{selector:".k-imageeditor-canvas>canvas",attribute:"role=img",usage:"Indicates the canvas role as an image. Applicable when an image is loaded."},{selector:".k-imageeditor-canvas>canvas",attribute:"aria-label or aria-labelledby",usage:"Provides an accessible name for the canvas by describing the image content. Applicable when an image is loaded."}]};import{jsx as sH}from"react/jsx-runtime";var bl="form",fl="forms";import{Fragment as hl,jsx as Za,jsxs as nf}from"react/jsx-runtime";var Qa="k-form",af=[],rf={size:[l.undefined,l.small,l.medium,l.large]},Cn={layout:"basic",tag:"form"},le=e=>{let{size:t,orientation:o,layout:a=Cn.layout,formButtons:r,cols:s,gutters:d,tag:u=Cn.tag,children:f}=e,h=u,N=i(e.className,Qa,I(Qa,{size:t}),{[`${Qa}-${o}`]:o}),x=nf(hl,{children:[a==="grid"?Za("div",{className:i("k-form-layout","k-d-grid",{[`k-grid-cols-${s}`]:s}),style:{...typeof d=="string"&&{gap:d},...typeof d=="object"&&d.rows&&{rowGap:d.rows},...typeof d=="object"&&d.cols&&{columnGap:d.cols}},children:f}):Za(hl,{children:f}),r&&Za("div",{className:"k-form-buttons",children:r})]}),{role:p,"aria-labelledby":g,"aria-label":k,id:S}=e;return Za(h,{className:N,role:p,"aria-labelledby":g,"aria-label":k,id:S,children:x})};le.states=af;le.options=rf;le.className=Qa;le.defaultOptions=Cn;le.moduleName=bl;le.folderName=fl;var xl="label",Nl="label";import{jsx as kl,jsxs as cf}from"react/jsx-runtime";var On="k-label",sf=[n.disabled],lf={},df={},Bt=e=>{let{disabled:t,optional:o,info:a,text:r,children:s,...d}=e;return cf("label",{...d,className:i(e.className,On,T(On,{disabled:t})),children:[r||s,o&&kl("span",{className:"k-label-optional",children:"(Optional)"}),a&&kl("span",{className:"k-field-info",children:a})]})};Bt.states=sf;Bt.options=lf;Bt.className=On;Bt.defaultOptions=df;Bt.moduleName=xl;Bt.folderName=Nl;import{jsx as bf}from"react/jsx-runtime";var gl="k-form-hint",pf=[],mf={},uf={},Ze=e=>{let{text:t,children:o,...a}=e;return bf("div",{...a,className:i(e.className,gl),children:t||o})};Ze.states=pf;Ze.options=mf;Ze.className=gl;Ze.defaultOptions=uf;import{jsx as Nf}from"react/jsx-runtime";var vl="k-form-error",ff=[],hf={},xf={},Qe=e=>{let{text:t,children:o,...a}=e;return Nf("div",{...a,className:i(e.className,vl),children:t||o})};Qe.states=ff;Qe.options=hf;Qe.className=vl;Qe.defaultOptions=xf;import{jsx as ja,jsxs as Ll}from"react/jsx-runtime";var An="k-form-field",kf=[n.disabled],j=e=>{let{editorId:t,label:o,orientation:a,optional:r,editor:s,hint:d,error:u,info:f,disabled:h,dir:N,colSpan:x,...p}=e;return Ll("div",{...p,className:i(An,e.className,T(An,{disabled:h}),{[`k-col-span-${x}`]:x}),dir:N,children:[o&&ja(Bt,{className:"k-form-label",id:t?`${t}-label`:void 0,htmlFor:t||void 0,optional:r,info:f?"(field info)":void 0,children:o}),a==="horizontal"&&!o&&ja("span",{className:"k-label k-form-label k-label-empty"}),Ll("div",{className:"k-form-field-wrap",children:[s,d&&ja(Ze,{id:t?`${t}-hint`:void 0,children:d}),u&&ja(Qe,{id:t?`${t}-error`:void 0,children:u})]})]})};j.states=kf;j.className=An;import{Fragment as gf,jsx as wn,jsxs as vf}from"react/jsx-runtime";var Sl="k-form-fieldset",mt=e=>{let{legend:t,layout:o,cols:a,gutters:r,colSpan:s}=e;return vf("fieldset",{className:i(Sl,{[`k-col-span-${s}`]:s}),children:[t&&wn("legend",{className:"k-form-legend",children:t}),o==="grid"?wn("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}):wn(gf,{children:e.children})]})};mt.className=Sl;var Qt="radio",_o=Qt;import{jsx as Ml}from"react/jsx-runtime";var er="k-radio",Lf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked],Sf={size:[l.undefined,l.small,l.medium,l.large]},Mf={},ue=e=>{let{id:t,checked:o,hover:a,focus:r,disabled:s,invalid:d,valid:u,required:f,size:h,...N}=e;return Ml("span",{className:"k-radio-wrap",children:Ml("input",{...N,id:t,type:"radio",checked:o,required:f,disabled:s||void 0,"aria-invalid":d?"true":void 0,className:i(e.className,er,I(er,{size:h}),T(er,{hover:a,focus:r,disabled:s,invalid:d,valid:u,checked:o}))})})};ue.states=Lf;ue.options=Sf;ue.className=er;ue.defaultOptions=Mf;ue.moduleName=Qt;ue.folderName=_o;ue.ariaSpec={selector:".k-radio",rules:[{selector:".k-radio",attribute:"type=radio",usage:"Announces the radio type of the input."},{selector:".k-radio",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-radio",attribute:"checked (when checked)",usage:"Boolean attribute that announces the checked state of the radio button."},{selector:".k-radio",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the radio."},{selector:".k-radio",attribute:"disabled=disabled or aria-disabled=true (when disabled)",usage:"Rendered only when the radio input is disabled."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the radio button is in a form and announces the invalid state."}]};var je=ue;import{jsx as Tf}from"react/jsx-runtime";var Il="k-radio-list",If=[],yf={},yl={layout:"vertical"},be=e=>{let{layout:t=yl.layout,...o}=e;return Tf("ul",{...o,className:i(e.className,Il,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};be.states=If;be.options=yf;be.className=Il;be.defaultOptions=yl;be.moduleName=Qt;be.folderName=_o;be.ariaSpec={selector:".k-radio-list",rules:[{selector:".k-radio-list",attribute:"role=radiogroup",usage:"Announces the radiogroup role of the element."},{selector:".k-radio-list-item",attribute:"role=none",usage:"Due to issues with nested items, forces a no-role state."},{selector:".k-radio",attribute:"readonly or aria-readonly (when readonly)",usage:"The attribute is rendered only when the radio button is read-only."},{selector:".k-radio",attribute:"aria-invalid=true (when invalid)",usage:"The attribute is rendered only when the radio button is in a form and announces the invalid state of the component."},{selector:".k-radio-list-item.k-disabled .k-radio",attribute:"disabled or aria-disabled (when disabled)",usage:"The attribute is rendered only when the radio button is disabled."}]};import{jsx as Af}from"react/jsx-runtime";var Tl="k-radio-list-item",Ef=[],Cf={},Of={},ge=e=>{let{...t}=e;return Af("li",{...t,className:i(e.className,Tl),role:"none",children:e.children})};ge.states=Ef;ge.options=Cf;ge.className=Tl;ge.defaultOptions=Of;ge.moduleName=Qt;ge.folderName=_o;import{jsx as JH}from"react/jsx-runtime";import{Fragment as wf,jsx as El,jsxs as Rf}from"react/jsx-runtime";var vt=({children:e,id:t,...o})=>Rf(wf,{children:[El(je,{...o,id:t}),El("label",{className:"k-radio-label",htmlFor:t,children:e})]});import{Fragment as a1,jsx as o1,jsxs as r1}from"react/jsx-runtime";import{Fragment as c1,jsx as l1,jsxs as d1}from"react/jsx-runtime";import{Fragment as f1,jsx as b1,jsxs as h1}from"react/jsx-runtime";import{Fragment as v1,jsx as g1,jsxs as L1}from"react/jsx-runtime";import{Fragment as C1,jsx as E1,jsxs as O1}from"react/jsx-runtime";import{jsx as B1}from"react/jsx-runtime";import{jsx as Hf}from"react/jsx-runtime";var Pf=je.options,Kf=je.states,Df=je.defaultOptions,_f=[],zf=[],zo=e=>Hf(vt,{id:A("radio"),name:"value",...e,children:"Label"});zo.options=Pf;zo.states=Kf;zo.variants=_f;zo.defaultOptions=Df;zo.modifiers=zf;zo.className=je.className;import{jsx as et,jsxs as Cl}from"react/jsx-runtime";var Ff=be.options,Uf=be.states,Gf={...be.defaultOptions,variant:"vertical"},Vf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],$f=[],Ho=e=>{let{variant:t,...o}=e;return t==="horizontal"?Cl(be,{layout:"horizontal",...o,children:[et(ge,{children:et(vt,{id:A("rb"),name:"value",defaultChecked:!0,children:"Label"})}),et(ge,{children:et(vt,{id:A("rb"),name:"value",children:"Label"})}),et(ge,{children:et(vt,{id:A("rb"),name:"value",children:"Label"})})]}):Cl(be,{...o,children:[et(ge,{children:et(vt,{id:A("rb"),name:"value",defaultChecked:!0,children:"Label"})}),et(ge,{children:et(vt,{id:A("rb"),name:"value",children:"Label"})}),et(ge,{children:et(vt,{id:A("rb"),name:"value",children:"Label"})})]})};Ho.options=Ff;Ho.states=Uf;Ho.variants=Vf;Ho.defaultOptions=Gf;Ho.modifiers=$f;Ho.className=be.className;import{Fragment as Xf,jsx as Ae,jsxs as Fo}from"react/jsx-runtime";var Rn=e=>{let{size:t,children:o,...a}=e;return Ae(le,{formButtons:Fo(Xf,{children:[Ae(c,{className:"k-form-submit",themeColor:"primary",size:t,children:"Submit"}),Ae(c,{className:"k-form-clear",size:t,children:"Clear"})]}),size:t,...a,children:o||Fo(mt,{legend:"Form Legend",children:[Ae(j,{label:"Label",editor:Ae(z,{size:t})}),Ae(j,{label:"Label",hint:"Hint text",editor:Ae(R,{value:"Dropdown List",size:t,"aria-label":"Label"})}),Ae(j,{label:"City",editor:Fo("ul",{className:"k-radio-list k-list-horizontal",children:[Fo("li",{className:"k-radio-list-item",children:[Ae(ue,{defaultChecked:!0,size:t}),Ae("label",{className:"k-radio-label",children:"Label"})]}),Fo("li",{className:"k-radio-list-item",children:[Ae(ue,{size:t}),Ae("label",{className:"k-radio-label",children:"Label"})]}),Fo("li",{className:"k-radio-list-item",children:[Ae(ue,{size:t}),Ae("label",{className:"k-radio-label",children:"Label"})]})]})})]})})};import{Fragment as S2,jsx as L2,jsxs as M2}from"react/jsx-runtime";import{Fragment as A2,jsx as O2,jsxs as w2}from"react/jsx-runtime";var Ol="date-input",Al="dateinput";import{jsx as Sa,jsxs as Yf}from"react/jsx-runtime";var wl="k-dateinput",qf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Wf={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Jf={},we=e=>{let{size:t,rounded:o,fillMode:a,value:r,placeholder:s,hover:d,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,readonly:g,showClearButton:k,showSpinButton:S,id:y,"aria-label":M,"aria-describedby":O,...H}=e;return Yf(U,{...H,size:t,rounded:o,fillMode:a,hover:d,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,readonly:g,className:i(e.className,wl),children:[Sa(pe,{id:y,placeholder:s,value:r,disabled:p,"aria-label":M,"aria-describedby":O,"aria-invalid":h?"true":void 0}),Sa(te,{valid:f,invalid:h,loading:x,disabled:p}),Sa(ae,{loading:x,disabled:p}),k&&Sa(ce,{loading:x,disabled:p,readonly:g,value:r}),S&&Sa(dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:p})]})};we.states=qf;we.options=Wf;we.className=wl;we.defaultOptions=Jf;we.moduleName=Ol;we.folderName=Al;we.ariaSpec={selector:".k-dateinput",rules:[{selector:".k-dateinput > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:'The element should be an input or have role="textbox".'},{selector:".k-dateinput > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-dateinput > .k-input-inner",attribute:"tabindex=0",usage:"The element should be focusable."},{selector:".k-dateinput > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the DateInput is in an invalid state."},{selector:".k-dateinput > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-dateinput > .k-input-inner",attribute:"readonly=readonly or aria-readonly=true (when readonly)",usage:"Rendered when the DateInput is readonly."},{selector:".k-dateinput.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the DateInput is disabled."}]};var Bn=we;import{jsx as Zf}from"react/jsx-runtime";var Rl=e=>Zf(Bn,{...e});import{jsx as X2}from"react/jsx-runtime";import{jsx as ah}from"react/jsx-runtime";var Qf=we.options,jf=we.states,eh=we.defaultOptions,th=[{name:"spin-button",title:"`Spin` Button"}],oh=[],Uo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{r==="spin-button"&&(a.showSpinButton=!!t?.[r])}),ah(Rl,{value:"2/04/2021",style:{width:"300px"},...o,...a})};Uo.options=Qf;Uo.states=jf;Uo.variants=oh;Uo.defaultOptions=eh;Uo.modifiers=th;Uo.className=we.className;var Bl="masked-textbox",Pl="maskedtextbox";import{Fragment as Kl,jsx as Pt,jsxs as Pn}from"react/jsx-runtime";var Dl="k-maskedtextbox",rh=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],nh={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Kn={showClearButton:!0,separators:!0},Re=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Kn.separators,showClearButton:s=Kn.showClearButton,prefix:d,suffix:u,value:f,placeholder:h,hover:N,focus:x,valid:p,invalid:g,required:k,loading:S,disabled:y,readonly:M,id:O,"aria-label":H,"aria-describedby":Z,...ee}=e;return Pn(U,{...ee,size:t,rounded:o,fillMode:a,hover:N,focus:x,valid:p,invalid:g,required:k,loading:S,disabled:y,readonly:M,className:i(e.className,Dl),children:[d&&Pn(Kl,{children:[Pt(fe,{children:d}),r&&Pt(re,{})]}),Pt(pe,{id:O,placeholder:h,value:f,disabled:y,"aria-label":H,"aria-describedby":Z,"aria-invalid":g?"true":void 0}),Pt(te,{valid:p,invalid:g,loading:S,disabled:y}),Pt(ae,{loading:S,disabled:y}),s&&Pt(ce,{loading:S,disabled:y,readonly:M,value:f}),u&&Pn(Kl,{children:[r&&Pt(re,{}),Pt(he,{children:u})]})]})};Re.states=rh;Re.options=nh;Re.className=Dl;Re.defaultOptions=Kn;Re.moduleName=Bl;Re.folderName=Pl;Re.ariaSpec={selector:".k-maskedtextbox",rules:[{selector:".k-maskedtextbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-maskedtextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-maskedtextbox > .k-input-inner",attribute:"aria-placeholder (when has mask)",usage:"Announces the mask or placeholder for the component."},{selector:".k-maskedtextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the MaskedTextBox is in an invalid state."},{selector:".k-maskedtextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-maskedtextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the MaskedTextBox is disabled."}]};var Go=Re;import{jsx as ih}from"react/jsx-runtime";var _l=e=>ih(Go,{...e});import{Fragment as x3,jsx as h3}from"react/jsx-runtime";import{Fragment as S3,jsx as L3}from"react/jsx-runtime";import{jsx as T3}from"react/jsx-runtime";import{jsx as A3}from"react/jsx-runtime";import{jsx as Dn}from"react/jsx-runtime";var sh=Re.states,lh=Re.defaultOptions,dh=Re.options,ch=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],ph=[],Vo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Dn(R,{size:o.size,value:"Choose",fillMode:"flat"}):void 0;break;case"suffix":a.suffix=t?.[r]?Dn(L,{icon:"lock"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),Dn(_l,{value:"Value",style:{width:300},...o,...a})};Vo.options=dh;Vo.states=sh;Vo.variants=ph;Vo.defaultOptions=lh;Vo.modifiers=ch;Vo.className=Re.className;var _n="switch",zl=_n;import{jsx as tr,jsxs as Hl}from"react/jsx-runtime";var Kt="k-switch",mh=[n.hover,n.focus,n.disabled,n.readonly,n.checked],uh={size:[l.undefined,l.small,l.medium,l.large],trackRounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],thumbRounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},bh={},Te=e=>{let{checked:t,onLabel:o,offLabel:a,size:r,trackRounded:s,thumbRounded:d,hover:u,focus:f,disabled:h,readonly:N,...x}=e;return Hl("span",{...x,className:i(e.className,Kt,I(Kt,{size:r}),T(Kt,{hover:u,focus:f,disabled:h,readonly:N}),{[`${Kt}-on`]:t,[`${Kt}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:h?void 0:0,"aria-disabled":h?"true":void 0,"aria-readonly":N?"true":void 0,children:[Hl("span",{className:i("k-switch-track",I(Kt,{rounded:s})),children:[o&&tr("span",{className:"k-switch-label-on",children:o}),a&&tr("span",{className:"k-switch-label-off",children:a})]}),tr("span",{className:"k-switch-thumb-wrap",children:tr("span",{className:i("k-switch-thumb",I(Kt,{rounded:d}))})})]})};Te.states=mh;Te.options=uh;Te.className=Kt;Te.defaultOptions=bh;Te.moduleName=_n;Te.folderName=zl;Te.ariaSpec={selector:".k-switch",rules:[{selector:".k-switch",attribute:"role=switch",usage:"Announces the switch role of the element."},{selector:".k-switch",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-switch",attribute:"aria-required=true (when required)",usage:'Rendered only when the Switch is in a form. Required because <span role="switch"> does not support the native required attribute.'},{selector:".k-switch",attribute:"aria-checked",usage:"Announces the checked state of the Switch."},{selector:".k-switch",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the switch."},{selector:".k-switch",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Switch is in a form and announces the invalid state."},{selector:".k-switch:not(.k-disabled)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled switches are removed from tab order."},{selector:".k-switch.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the Switch is disabled."},{selector:".k-switch.k-readonly",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Switch is readonly. Readonly switches remain focusable but their value cannot be changed."}]};import{jsx as t5}from"react/jsx-runtime";import{jsx as n5}from"react/jsx-runtime";import{jsx as d5}from"react/jsx-runtime";import{jsx as u5}from"react/jsx-runtime";import{jsx as Fl}from"react/jsx-runtime";var fh=Te.options,hh=Te.states,xh={...Te.defaultOptions,variant:"on"},Nh=[{name:"on",title:"On"},{name:"off",title:"Off"}],kh=[],$o=e=>{let{variant:t,...o}=e;return t==="off"?Fl(Te,{checked:!1,onLabel:"On",offLabel:"Off",...o}):Fl(Te,{checked:!0,onLabel:"On",offLabel:"Off",...o})};$o.options=fh;$o.states=hh;$o.variants=Nh;$o.defaultOptions=xh;$o.modifiers=kh;$o.className=Te.className;var Hn="textarea",Ul=Hn;import{Fragment as Gl,jsx as Ma,jsxs as Fn}from"react/jsx-runtime";var Vl="k-textarea",gh=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],vh={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Xo={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},Ee=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:r=Xo.prefixSeparator,suffixSeparator:s=Xo.prefixSeparator,affixesOrientation:d=Xo.affixesOrientation,flow:u=Xo.flow,resize:f=Xo.resize,prefix:h,suffix:N,rows:x,value:p,placeholder:g,hover:k,focus:S,valid:y,invalid:M,required:O,disabled:H,id:Z,"aria-label":ee,"aria-describedby":de,...ve}=e;return Fn(U,{...ve,size:t,rounded:o,fillMode:a,hover:k,focus:S,valid:y,invalid:M,required:O,disabled:H,className:i(e.className,Vl,{"!k-flex-col":u==="vertical","!k-flex-row":u==="horizontal"}),children:[h&&Fn(Gl,{children:[Ma(fe,{className:i({"!k-align-items-start":u===d}),direction:d,children:h}),r&&Ma(re,{direction:u==="horizontal"?"vertical":"horizontal"})]}),Ma(ia,{className:i("!k-overflow-auto",{"!k-flex-none":u==="vertical","k-resize-x":f==="x","k-resize-y":f==="y","k-resize":f==="both","k-resize-none":f==="none"}),value:p,placeholder:g,rows:x,disabled:H,id:Z,"aria-label":ee,"aria-describedby":de,"aria-invalid":M?"true":void 0}),N&&Fn(Gl,{children:[s&&Ma(re,{direction:u==="horizontal"?"vertical":"horizontal"}),Ma(he,{className:i({"!k-align-items-start":u===d}),direction:d,children:N})]})]})};Ee.states=gh;Ee.options=vh;Ee.className=Vl;Ee.defaultOptions=Xo;Ee.moduleName=Hn;Ee.folderName=Ul;Ee.ariaSpec={selector:".k-textarea",rules:[{selector:".k-textarea > .k-input-inner",attribute:"role=textbox or nodeName=textarea",usage:"Describes the role of the component."},{selector:".k-textarea > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The textarea requires an accessible name (provided by consuming app)."},{selector:".k-textarea > .k-input-inner",attribute:"aria-multiline=true (when role=textbox)",usage:"Required on role=textbox to indicate multi-line behavior. Implicit on native <textarea>, so not needed there."},{selector:".k-textarea > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the TextArea is in a form and announces the invalid state."},{selector:".k-textarea > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the textarea."},{selector:".k-textarea.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered only when the TextArea is disabled."}]};import{jsx as B5}from"react/jsx-runtime";import{Fragment as H5,jsx as z5}from"react/jsx-runtime";import{Fragment as X5,jsx as $5}from"react/jsx-runtime";import{jsx as Y5}from"react/jsx-runtime";import{jsx as or}from"react/jsx-runtime";var Lh=Ee.options,Sh=Ee.states,$l={...Ee.defaultOptions,variant:"vertical"},Mh=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],Ih=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],qo=e=>{let{variant:t,modifiers:o,...a}={...$l,...e},r={resize:"y"};return Object.keys(o||{}).forEach(s=>{switch(s){case"prefix":r.prefix=o?.[s]?or(L,{icon:"comment"}):void 0;break;case"suffix":r.suffix=o?.[s]?or(L,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?or(Ee,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...r}):or(Ee,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...r})};qo.options=Lh;qo.states=Sh;qo.variants=Mh;qo.defaultOptions=$l;qo.modifiers=Ih;qo.className=Ee.className;import{Fragment as gF,jsx as kF,jsxs as vF}from"react/jsx-runtime";import{Fragment as Ah,jsx as Ce,jsxs as Wo}from"react/jsx-runtime";var yh=le.options,Th=le.states,Eh={...le.defaultOptions,variant:"vertical"},Ch=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Oh=[],Jo=e=>{let{variant:t,size:o,...a}=e,r=Wo(mt,{legend:"Form Legend",children:[Ce(j,{label:"Label",editor:Ce(z,{size:o})}),Ce(j,{label:"Label",hint:"Hint text",editor:Ce(R,{value:"Dropdown List",size:o})}),Ce(j,{label:"City",editor:Wo("ul",{className:"k-radio-list k-list-horizontal",children:[Wo("li",{className:"k-radio-list-item",children:[Ce(ue,{checked:!0,size:o}),Ce("label",{className:"k-radio-label",children:"Label"})]}),Wo("li",{className:"k-radio-list-item",children:[Ce(ue,{size:o}),Ce("label",{className:"k-radio-label",children:"Label"})]}),Wo("li",{className:"k-radio-list-item",children:[Ce(ue,{size:o}),Ce("label",{className:"k-radio-label",children:"Label"})]})]})})]}),s=Wo(Ah,{children:[Ce(c,{className:"k-form-submit",themeColor:"primary",size:o,children:"Submit"}),Ce(c,{className:"k-form-clear",size:o,children:"Clear"})]});return t==="horizontal"?Ce(le,{orientation:"horizontal",size:o,...a,formButtons:s,children:r}):Ce(le,{size:o,...a,formButtons:s,children:r})};Jo.options=yh;Jo.states=Th;Jo.variants=Ch;Jo.defaultOptions=Eh;Jo.modifiers=Oh;Jo.className=le.className;import{jsx as Xl,jsxs as Kh}from"react/jsx-runtime";var wh=Ze.options,Rh=Ze.states,ql={...Ze.defaultOptions},Bh=[],Ph=[{name:"showHint",title:"Show Hint"}],Yo=e=>{let{modifiers:t,...o}={...ql,...e},a=t?.showHint??!0;return Kh("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Xl(z,{placeholder:"Component",style:{width:"200px"}}),a&&Xl(Ze,{...o,children:"Hint text"})]})};Yo.options=wh;Yo.states=Rh;Yo.variants=Bh;Yo.defaultOptions=ql;Yo.modifiers=Ph;Yo.className=Ze.className;import{jsx as Wl,jsxs as Fh}from"react/jsx-runtime";var Dh=Qe.options,_h=Qe.states,Jl={...Qe.defaultOptions},zh=[],Hh=[{name:"showError",title:"Show Error"}],Zo=e=>{let{modifiers:t,...o}={...Jl,...e},a=t?.showError??!0;return Fh("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Wl(z,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&Wl(Qe,{...o,children:"Error text"})]})};Zo.options=Dh;Zo.states=_h;Zo.variants=zh;Zo.defaultOptions=Jl;Zo.modifiers=Hh;Zo.className=Qe.className;var Gn="segmented-control",Yl=Gn,Zl="segmented-control-button",Ql="segmented-control";import{jsx as Vh,jsxs as $h}from"react/jsx-runtime";var ar="k-segmented-control",Uh=[],Gh={size:[l.undefined,l.small,l.medium,l.large]},jt=e=>{let{size:t,stretched:o,children:a,thumbStyles:r,...s}=e;return $h("div",{...s,className:i(e.className,ar,I(ar,{size:t}),{[`${ar}-stretched`]:o}),role:"group",children:[Vh("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:r}),a]})};jt.states=Uh;jt.options=Gh;jt.className=ar;jt.moduleName=Gn;jt.folderName=Yl;jt.ariaSpec={selector:".k-segmented-control",rules:[{selector:".k-segmented-control",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-segmented-control-button",attribute:"role=button or nodeName=button",usage:"Each button must have the appropriate button role."},{selector:".k-segmented-control-button.k-selected",attribute:"aria-pressed=true",usage:"Only the selected button within the group will have this attribute set to true."},{selector:".k-segmented-control-button.k-disabled",attribute:"aria-disabled=true",usage:"Indicates that the button is disabled and cannot be interacted with."},{selector:".k-segmented-control-thumb",attribute:"aria-hidden=true",usage:"The thumb is purely decorative and should be hidden from screen readers."}]};import{jsx as jl,jsxs as Jh}from"react/jsx-runtime";var Vn="k-segmented-control-button",Xh=[n.selected,n.hover,n.focus,n.disabled],qh={},Wh={},eo=e=>{let{hover:t,focus:o,selected:a,disabled:r,icon:s,text:d,iconClassName:u,...f}=e;return Jh("button",{...f,className:i(e.className,Vn,T(Vn,{hover:t,focus:o,disabled:r,selected:a})),"aria-pressed":a?"true":"false","aria-disabled":r?"true":void 0,children:[s&&jl(L,{className:i(u,"k-segmented-control-button-icon"),icon:s}),(d||e.children)&&jl("span",{className:"k-segmented-control-button-text",children:d||e.children})]})};eo.states=Xh;eo.options=qh;eo.className=Vn;eo.defaultOptions=Wh;eo.moduleName=Zl;eo.folderName=Ql;import{Fragment as h6,jsx as f6,jsxs as x6}from"react/jsx-runtime";import{Fragment as S6,jsx as L6,jsxs as M6}from"react/jsx-runtime";import{Fragment as O6,jsx as C6,jsxs as A6}from"react/jsx-runtime";import{Fragment as D6,jsx as K6,jsxs as _6}from"react/jsx-runtime";import{Fragment as V6,jsx as G6,jsxs as $6}from"react/jsx-runtime";import{Fragment as p7,jsx as c7,jsxs as m7}from"react/jsx-runtime";import{Fragment as Yh,jsx as F,jsxs as ed}from"react/jsx-runtime";var T7=e=>F(at,{toolbarItems:[F(c,{icon:"upload","aria-label":"Upload"},"toolbar-button-1"),F(c,{icon:"download","aria-label":"Download"},"toolbar-button-2"),F(se,{},"toolbar-separator-1"),F(c,{disabled:!0,icon:"undo","aria-label":"Undo"},"toolbar-button-3"),F(c,{disabled:!0,icon:"redo","aria-label":"Redo"},"toolbar-button-4"),F(se,{},"toolbar-separator-2"),F(c,{icon:"crop","aria-label":"Crop"},"toolbar-button-5"),F(c,{icon:"image-resize","aria-label":"Resize"},"toolbar-button-6"),F(c,{icon:"zoom-in","aria-label":"Zoom in"},"toolbar-button-7"),F(c,{icon:"zoom-out","aria-label":"Zoom out"},"toolbar-button-8"),F(ot,{children:F(R,{value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],actionPane:F(Rn,{tag:"div",className:"k-imageeditor-pane-form",formButtons:ed(Yh,{children:[F(c,{themeColor:"primary",icon:"check",children:"Confirm"}),F(c,{icon:"cancel",children:"Cancel"})]}),children:ed(mt,{layout:"grid",legend:"Resize Image",cols:2,gutters:{cols:"8px"},children:[F(j,{colSpan:"1",label:"Width:",editorId:"resize-width",editor:F(B,{id:"resize-width",showClearButton:!1,value:"61"})}),F(j,{colSpan:"1",label:"\xA0",editor:F(R,{value:"Pixels","aria-label":"Width unit"})}),F(j,{colSpan:"1",label:"Height:",editorId:"resize-height",editor:F(B,{id:"resize-height",showClearButton:!1,value:"68"})}),F(j,{colSpan:"1",label:"\xA0",editor:F(R,{value:"Pixels","aria-label":"Height unit"})}),F(j,{colSpan:"2",editor:F($e,{id:"resize-lock",children:"Lock aspect ratio"})})]})}),children:F("canvas",{width:"61",height:"68",role:"img","aria-label":"Image being edited"}),...e});export{T7 as ImageEditorResize};