npm - @progress/kendo-themes-html - Versions diffs - 14.0.0-dev.5 → 14.0.0-dev.6 - Mend

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

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

Files changed (152) hide show

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

	@@ -1 +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 qn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},m={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},b={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},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 cr={};function A(e){return cr[e]=(cr[e]\|\|0)+1,`k-${e}-${cr[e]}`}import{Fragment as id,jsx as Wn}from"react/jsx-runtime";var pr="k-font-icon",ad=[],rd={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},nd={},Qo=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...d}=e;return a?Wn("span",{...d,className:i(e.className,pr,I(pr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true"}):Wn(id,{})};Qo.states=ad;Qo.options=rd;Qo.className=pr;Qo.defaultOptions=nd;var Jn=Qo;import{Fragment as dd,jsx as Ta}from"react/jsx-runtime";var mr="k-svg-icon",sd=[],ld={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},Yn={viewBox:"0 0 24 24"},jo=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Yn.viewBox,icon:d,...u}=e;if(!d)return Ta(dd,{});if(d==="none")return Ta("span",{...u,className:i(e.className,mr,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof d=="object"&&d.name&&d.name;return Ta("span",{...u,className:i(e.className,mr,I("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"\|\|r==="both","k-flip-v":r==="v"\|\|r==="both"}),"aria-hidden":"true",children:Ta("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:s,dangerouslySetInnerHTML:typeof d=="object"?{__html:d.content}:void 0,children:d?void 0:e.children})})};jo.states=sd;jo.options=ld;jo.className=mr;jo.defaultOptions=Yn;var ur=jo;importas br from"@progress/kendo-svg-icons";var Zn="icon",Qn="icons";import{useContext as pd}from"react";import{createContext as cd}from"react";var jn=cd({iconsType:"svg"});import{Fragment as ei,jsx as ea}from"react/jsx-runtime";var Ea="k-icon",md=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ud=[],bd={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},fr={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{iconsType:t}=pd(jn),{size:o,themeColor:a,icon:r,type:s=t\|\|fr.type,rotate:d,flip:u,viewBox:f=fr.viewBox,...h}=e;if(!r)return ea(ei,{});if((t\|\|s)==="svg"){if(r==="none")return ea(ur,{...h,className:i(e.className,Ea),icon:r,size:o});let x=br[r]?r:md(`${r}-icon`);return br[x]?ea(ur,{...h,className:i(e.className,Ea),icon:br[x],size:o,themeColor:a,rotate:d,flip:u,viewBox:f}):ea(ei,{})}return ea(Jn,{...h,className:i(e.className,Ea),icon:r,size:o,themeColor:a,rotate:d,flip:u})};L.states=ud;L.options=bd;L.defaultOptions=fr;L.className=Ea;L.moduleName=Zn;L.folderName=Qn;L.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var hr="button",ti=hr;import{Fragment as Nd,jsx as ta,jsxs as oi}from"react/jsx-runtime";var oa="k-button",fd=["icon-button"],hd=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],xd={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},xr={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:d=xr.showArrow,arrowIconName:u=xr.arrowIconName,variant:f,hover:h,focus:N,active:x,selected:p,disabled:g,togglable:k,ariaDisabled:S,icon:y,text:M,iconClassName:O,className:F,...Z}=e,ee=y!==void 0,de=e.children!==void 0;return oi(t,{className:i(F,oa,qn(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?oi(Nd,{children:[M&&ta("span",{className:"k-button-text",children:M}),e.children]}):e.children&&ta("span",{className:"k-button-text",children:e.children}),d&&ta("span",{className:"k-menu-button-arrow k-button-arrow",children:ta(L,{icon:u})})]})};c.states=hd;c.options=xd;c.variants=fd;c.className=oa;c.defaultOptions=xr;c.moduleName=hr;c.folderName=ti;c.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as kd}from"react/jsx-runtime";var ut=e=>kd(c,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as gd}from"react/jsx-runtime";var aa=e=>gd(c,{icon:"folder",children:"Button",...e});import{jsx as vd}from"react/jsx-runtime";var Ht=e=>vd(c,{children:"Button",...e});import{jsx as Nr}from"react/jsx-runtime";var Ld=c.options,Sd=c.states,Md={...c.defaultOptions,variant:"text"},Id=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],yd=[],to=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Nr(ut,{...o,icon:"star"});case"icon-and-text":return Nr(aa,{...o,icon:"star",children:"Button"});default:return Nr(Ht,{...o,children:"Button"})}};to.options=Ld;to.states=Sd;to.variants=Id;to.defaultOptions=Md;to.modifiers=yd;to.className=c.className;var kr="button",ai=kr;import{jsx as Od}from"react/jsx-runtime";var ra="k-button-group",Td=[n.disabled],Ed={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Cd={},C=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return Od("div",{role:"group",...r,className:i(e.className,ra,I(ra,{fillMode:t}),T(ra,{disabled:o}),{[`${ra}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};C.states=Td;C.options=Ed;C.className=ra;C.defaultOptions=Cd;C.moduleName=kr;C.folderName=ai;C.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as pN,jsx as cN,jsxs as mN}from"react/jsx-runtime";import{Fragment as NN,jsx as xN,jsxs as kN}from"react/jsx-runtime";import{Fragment as IN,jsx as MN,jsxs as yN}from"react/jsx-runtime";import{Fragment as wN,jsx as AN,jsxs as RN}from"react/jsx-runtime";import{Fragment as zN,jsx as _N,jsxs as HN}from"react/jsx-runtime";import{Fragment as XN,jsx as $N,jsxs as qN}from"react/jsx-runtime";import{jsx as bt,jsxs as gr}from"react/jsx-runtime";var Ad={...c.options,...C.options},wd=c.states,Rd={...c.defaultOptions,...C.defaultOptions,variant:"text-button"},Bd=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Pd=[],oo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?gr(C,{fillMode:a.fillMode,className:o,children:[bt(c,{...a,icon:"star"}),bt(c,{...a,icon:"star"}),bt(c,{...a,icon:"star"})]}):t==="icon-text-button"?gr(C,{fillMode:a.fillMode,className:o,children:[bt(c,{...a,icon:"star",children:"First"}),bt(c,{...a,icon:"star",children:"Middle"}),bt(c,{...a,icon:"star",children:"Last"})]}):gr(C,{fillMode:a.fillMode,className:o,children:[bt(c,{...a,children:"First"}),bt(c,{...a,children:"Middle"}),bt(c,{...a,children:"Last"})]})};oo.options=Ad;oo.states=wd;oo.variants=Bd;oo.defaultOptions=Rd;oo.modifiers=Pd;oo.className=C.className;var na="input",Ca=na;import{jsx as zd}from"react/jsx-runtime";var Oa="k-input",Kd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Dd={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},_d={},U=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u,size:f,rounded:h,fillMode:N,...x}=e;return zd("span",{...x,className:i(e.className,Oa,I(Oa,{size:f,rounded:h,fillMode:N}),T(Oa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u}))})};U.states=Kd;U.options=Dd;U.className=Oa;U.defaultOptions=_d;U.moduleName=na;U.folderName=Ca;import{jsx as Gd}from"react/jsx-runtime";var Aa="k-picker",Hd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Fd={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ud={},rt=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u,size:f,rounded:h,fillMode:N,...x}=e;return Gd("span",{...x,className:i(e.className,Aa,I(Aa,{size:f,rounded:h,fillMode:N}),T(Aa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u})),children:e.children})};rt.states=Hd;rt.options=Fd;rt.className=Aa;rt.defaultOptions=Ud;rt.moduleName=na;rt.folderName=Ca;import{Fragment as Xd,jsx as vr}from"react/jsx-runtime";var ri="k-clear-value",Vd=[n.disabled,n.loading,n.readonly],$d={},ce=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t\|\|a\|\|o\|\|!r?vr(Xd,{}):vr("span",{className:i(e.className,ri),children:vr(L,{icon:"x"})})};ce.states=Vd;ce.options=$d;ce.className=ri;import{jsx as Jd}from"react/jsx-runtime";var Lr="k-input-inner",qd=[],Wd={},wa={type:"text",autocomplete:"off",value:"",placeholder:""},pe=e=>{let{value:t=wa.value,type:o=wa.type,placeholder:a=wa.placeholder,autocomplete:r=wa.autocomplete,disabled:s,readOnly:d,...u}=e;return Jd("input",{...u,type:o,className:i(e.className,Lr,I(Lr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s\|\|void 0,readOnly:d\|\|void 0})};pe.states=qd;pe.options=Wd;pe.className=Lr;import{jsx as ni,jsxs as Qd}from"react/jsx-runtime";var Sr="k-input-inner",Yd=[],Zd={},Ft=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...d}=e;return Qd("span",{...d,className:i(e.className,Sr,I(Sr,e)),children:[r,!r&&s&&ni(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&ni("span",{className:"k-input-value-text",children:t})]})};Ft.states=Yd;Ft.options=Zd;Ft.className=Sr;import{jsx as tc}from"react/jsx-runtime";var Mr="k-input-inner",jd=[],ec={},ii={value:"",placeholder:""},ia=e=>{let{value:t=ii.value,placeholder:o=ii.placeholder,rows:a,disabled:r,...s}=e;return tc("textarea",{...s,className:i(e.className,Mr,I(Mr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r\|\|void 0})};ia.states=jd;ia.options=ec;ia.className=Mr;import{Fragment as ac,jsx as si}from"react/jsx-runtime";var li="k-input-loading-icon",oc=[n.disabled,n.loading],ae=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?si(ac,{}):si("span",{className:i(e.className,li,"k-icon k-i-loading")})};ae.states=oc;ae.className=li;import{Fragment as ic,jsx as di}from"react/jsx-runtime";var ci="k-input-validation-icon",rc=[n.valid,n.invalid,n.disabled,n.loading],nc={},te=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a\|\|r\|\|!!!(t\|\|o)?di(ic,{}):di(L,{className:i(ci),icon:s})};te.states=rc;te.options=nc;te.className=ci;import{Fragment as dc,jsx as pi}from"react/jsx-runtime";var sc="k-input-prefix",lc={direction:"horizontal"},fe=e=>{let{direction:t=lc.direction,...o}=e;return e.children?pi("span",{...o,className:i(sc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):pi(dc,{})};import{Fragment as mc,jsx as mi}from"react/jsx-runtime";var cc="k-input-suffix",pc={direction:"horizontal"},he=e=>{let{direction:t=pc.direction,...o}=e;return e.children?mi("span",{...o,className:i(cc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):mi(mc,{})};import{jsx as qk}from"react/jsx-runtime";import{jsx as bc}from"react/jsx-runtime";var uc="k-input-suffix-text",Ir=e=>{let{children:t,...o}=e;return bc("span",{...o,className:i(uc,e.className),children:t})};import{jsx as hc}from"react/jsx-runtime";var ui="k-input-separator",fc={direction:"vertical"},re=e=>{let{direction:t=fc.direction,...o}=e;return hc("span",{...o,className:i(ui,e.className,{[`${ui}-${t}`]:t})})};import{Fragment as bi,jsx as nt,jsxs as yr}from"react/jsx-runtime";var xc=U.states,Nc=U.defaultOptions,kc=U.options,gc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],vc=[],ao=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:d,...u}=e,f=t?.prefix,h=t?.suffix,N=t?.["clear-button"],x=t?.["validation-icon"],p=t?.separators;return yr(U,{...u,valid:o,invalid:a,loading:r,disabled:s,readonly:d,style:{width:300},children:[f&&yr(bi,{children:[nt(fe,{children:nt(L,{icon:"lock"})}),p&&nt(re,{})]}),nt(pe,{placeholder:"Placeholder",value:"Value"}),x&&nt(te,{valid:o,invalid:a,loading:r,disabled:s}),nt(ae,{loading:r,disabled:s}),N&&nt(ce,{loading:r,disabled:s,readonly:d,value:"Value"}),h&&yr(bi,{children:[p&&nt(re,{}),nt(he,{children:nt(Ht,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ao.options=kc;ao.states=xc;ao.variants=vc;ao.defaultOptions=Nc;ao.modifiers=gc;ao.className=U.className;import{jsx as fi,jsxs as Mc}from"react/jsx-runtime";var hi="k-color-preview",Lc=[],Sc={},Mt=e=>{let{color:t,iconName:o,...a}=e;return Mc("span",{...a,className:i(e.className,hi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&fi(L,{icon:o,className:"k-color-preview-icon"}),fi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Mt.states=Lc;Mt.options=Sc;Mt.className=hi;var Tr="popup",xi=Tr;import{jsx as Ni}from"react/jsx-runtime";var ki="k-animation-container",Ic=[],yc={},gi={positionMode:"absolute"},it=e=>{let{positionMode:t=gi.positionMode,animationStyle:o,offset:a,...r}=e;return Ni("div",{...r,style:{...a,...e.style},className:i(e.className,ki,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ni("div",{className:"k-child-animation-container",style:o,children:e.children})})};it.states=Ic;it.options=yc;it.className=ki;it.defaultOptions=gi;it.moduleName=Tr;it.folderName=xi;var Er="popup",vi=Er;import{jsx as Li}from"react/jsx-runtime";var Si="k-popup",Tc=[],Ec={},Mi={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Mi.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:d,...u}=e;return Li(it,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":d,children:Li("div",{...u,className:i(e.className,Si),children:e.children})})};q.states=Tc;q.options=Ec;q.className=Si;q.defaultOptions=Mi;q.moduleName=Er;q.folderName=vi;q.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var Cr="action-buttons",Ii=Cr;import{jsx as Ac}from"react/jsx-runtime";var Ra="k-actions",Cc=[],Oc={},Or={alignment:"start",orientation:"horizontal"},st=e=>{let{alignment:t=Or.alignment,orientation:o=Or.orientation,...a}=e;return Ac("div",{...a,className:i(Ra,{[`${Ra}-${t}`]:t,[`${Ra}-${o}`]:o},e.className),children:e.children})};st.states=Cc;st.options=Oc;st.className=Ra;st.defaultOptions=Or;st.moduleName=Cr;st.folderName=Ii;import{jsx as Rc}from"react/jsx-runtime";var wc="k-actionsheet-footer",yi={alignment:"stretched",orientation:"horizontal"},It=e=>{let{alignment:t=yi.alignment,orientation:o=yi.orientation,template:a,as:r=a?"div":st,...s}=e;return Rc(r,{...s,...!a&&{alignment:t,orientation:o},className:i(e.className,wc),children:e.children})};var Ar="searchbox",Ti=Ar;import{jsx as sa,jsxs as Kc}from"react/jsx-runtime";var Ei="k-searchbox",Bc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Pc={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},wr={showIcon:!0,icon:"search"},Fe=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:d,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,showIcon:g=wr.showIcon,icon:k=wr.icon,"aria-label":S,...y}=e;return Kc(U,{...y,size:a,rounded:r,fillMode:s,hover:d,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,className:i(e.className,Ei),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=Bc;Fe.options=Pc;Fe.className=Ei;Fe.defaultOptions=wr;Fe.moduleName=Ar;Fe.folderName=Ti;import{jsx as Nv}from"react/jsx-runtime";var Rr="textbox",Ci=Rr;import{Fragment as Oi,jsx as yt,jsxs as Br}from"react/jsx-runtime";var Ai="k-textbox",Dc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],_c={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ba={showClearButton:!0,showValidationIcon:!0,separators:!0},H=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ba.separators,showClearButton:s=Ba.showClearButton,showValidationIcon:d=Ba.showValidationIcon,prefix:u,suffix:f,type:h,value:N,placeholder:x,hover:p,focus:g,valid:k,invalid:S,required:y,loading:M,disabled:O,readonly:F,id:Z,"aria-label":ee,"aria-describedby":de,...ve}=e;return Br(U,{...ve,size:t,rounded:o,fillMode:a,hover:p,focus:g,valid:k,invalid:S,required:y,loading:M,disabled:O,readonly:F,className:i(e.className,Ai),children:[u&&Br(Oi,{children:[yt(fe,{children:u}),r&&yt(re,{})]}),yt(pe,{id:Z,placeholder:x,value:N,type:h,disabled:O,"aria-label":ee,"aria-describedby":de,"aria-invalid":S?"true":void 0}),d&&yt(te,{valid:k,invalid:S,loading:M,disabled:O}),yt(ae,{loading:M,disabled:O}),s&&yt(ce,{loading:M,disabled:O,readonly:F,value:N}),f&&Br(Oi,{children:[r&&yt(re,{}),yt(he,{children:f})]})]})};H.states=Dc;H.options=_c;H.className=Ai;H.defaultOptions=Ba;H.moduleName=Rr;H.folderName=Ci;H.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var la=H;import{jsx as zc}from"react/jsx-runtime";var wi=e=>zc(la,{...e});import{Fragment as Kv,jsx as Pv}from"react/jsx-runtime";import{Fragment as Uv,jsx as Fv}from"react/jsx-runtime";import{jsx as Xv}from"react/jsx-runtime";import{jsx as Pr}from"react/jsx-runtime";var Hc=H.states,Fc=H.defaultOptions,Uc=H.options,Gc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Vc=[],ro=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Pr(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?Pr(Ht,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),Pr(wi,{value:"Value",style:{width:300},...o,...a})};ro.options=Uc;ro.states=Hc;ro.variants=Vc;ro.defaultOptions=Fc;ro.modifiers=Gc;ro.className=H.className;import{jsx as Tt,jsxs as Kr}from"react/jsx-runtime";var Ri="k-actionsheet-titlebar",$c={},Le=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:d,inputValue:u,inputPlaceholder:f,adaptive:h,titleId:N,children:x,...p}=e;return Kr("div",{...p,className:i(e.className,Ri),children:[Kr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Tt("div",{className:"k-actionsheet-actions",children:a}),!x&&Kr("div",{className:"k-actionsheet-title",id:N,children:[t&&Tt("div",{className:"k-text-center",children:t}),o&&Tt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&Tt("div",{className:"k-actionsheet-title",id:N,children:x}),r&&Tt("div",{className:"k-actionsheet-actions",children:r})]}),(d\|\|s)&&Tt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?Tt(H,{value:u,placeholder:f,size:h?"large":"medium","aria-label":t\|\|f\|\|"Input"}):Tt(Fe,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};Le.className=Ri;Le.defaultOptions=$c;import{jsx as Dr,jsxs as Jc}from"react/jsx-runtime";var _r="k-actionsheet-view",Xc=[],qc={},Wc={},no=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:d,...u}=e,f=r?.type===Le&&Dr(Le,{adaptive:t,titleId:d,...r?.props}),h=s?.type===It&&Dr(It,{...s?.props});return Jc("div",{...u,className:i(e.className,_r,{[`${_r}-animated`]:o}),children:[f,Dr("div",{className:"k-actionsheet-content",children:a}),h]})};no.states=Xc;no.options=qc;no.className=_r;no.defaultOptions=Wc;var da="action-sheet",Pa=da;var zr="overlay",Bi=zr;import{jsx as jc}from"react/jsx-runtime";var Pi="k-overlay",Yc=[],Zc={},Qc={},Et=e=>{let{...t}=e;return jc("div",{...t,className:i(e.className,Pi),children:e.children})};Et.states=Yc;Et.options=Zc;Et.className=Pi;Et.defaultOptions=Qc;Et.moduleName=zr;Et.folderName=Bi;import{jsx as Ka,jsxs as op}from"react/jsx-runtime";var Ki="k-actionsheet",ep=[],tp={},ca={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},J=e=>{let{side:t=ca.side,fullscreen:o=ca.fullscreen,adaptive:a=ca.adaptive,overlay:r=ca.overlay,template:s,children:d,header:u,footer:f,id:h,...N}=e,x=h&&!s&&u?`${h}-title`:void 0;return op("div",{className:"k-actionsheet-container",children:[r&&Ka(Et,{}),Ka(it,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:Ka("div",{...N,id:h,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":x,className:i(e.className,Ki,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|Ka(no,{header:u,footer:f,adaptive:a,titleId:x,...e,children:d})})})]})};J.states=ep;J.options=tp;J.className=Ki;J.defaultOptions=ca;J.moduleName=da;J.folderName=Pa;J.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as ip}from"react/jsx-runtime";var Di="k-actionsheet-container",ap=[],rp={},np={},io=e=>{let{children:t,...o}=e;return ip("div",{...o,className:Di,children:t})};io.states=ap;io.options=rp;io.className=Di;io.defaultOptions=np;io.moduleName=da;io.folderName=Pa;import{jsx as sp}from"react/jsx-runtime";var Hr=e=>{let{...t}=e;return sp("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};import{Fragment as dp,jsx as pa,jsxs as Fr}from"react/jsx-runtime";var Ur="k-actionsheet-item",lp=[n.hover,n.focus,n.selected,n.disabled],Ct=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:d,disabled:u,...f}=e;return Fr("span",{...f,className:i(e.className,Ur,T(Ur,{hover:r,focus:s,selected:d,disabled:u})),children:[!e.children&&pa(dp,{children:Fr("span",{className:"k-actionsheet-action",children:[t&&pa("span",{className:"k-icon-wrap",children:pa(L,{className:"k-actionsheet-item-icon",icon:t})}),Fr("span",{className:"k-actionsheet-item-text",children:[o&&pa("span",{className:"k-actionsheet-item-title",children:o}),a&&pa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Ct.states=lp;Ct.className=Ur;import{jsx as $L,jsxs as XL}from"react/jsx-runtime";import{jsx as YL}from"react/jsx-runtime";import{jsx as eS}from"react/jsx-runtime";import{jsx as rS}from"react/jsx-runtime";import{jsx as me,jsxs as Gr}from"react/jsx-runtime";var cp=J.options,pp=J.states,zi={...J.defaultOptions,variant:"normal"},mp=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],up=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],so=e=>{let{variant:t,modifiers:o,...a}={...zi,...e},r={},s=Gr(Hr,{children:[me(Ct,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),me(Ct,{text:"Add to Favorites",iconName:"heart"}),me(Ct,{text:"Upload New",iconName:"upload",disabled:!0}),me("hr",{className:"k-hr"}),me(Ct,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",u="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o\|\|{}).forEach(f=>{switch(f){case"actions":r.actionsStart=!!o?.[f],r.actionsEnd=!!o?.[f];break;case"subtitle":r.subtitle=o?.[f]?d:void 0;break;case"footer":r.footer=!!o?.[f];break;default:break}}),t==="adaptive"?me(J,{...a,adaptive:!0,fullscreen:r.fullScreen,header:me(Le,{actionsStart:r.actionsStart?me(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?me(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:r.subtitle}),footer:r.footer?Gr(It,{alignment:"stretched",children:[me(c,{text:"Cancel",size:"large",themeColor:"base"}),me(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):me(J,{...a,fullscreen:r.fullScreen,header:me(Le,{actionsStart:r.actionsStart?me(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?me(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?Gr(It,{alignment:"stretched",children:[me(c,{text:"Apply",themeColor:"primary"}),me(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};so.options=cp;so.states=pp;so.variants=mp;so.defaultOptions=zi;so.modifiers=up;so.className=J.className;var Vr="slider",Hi=Vr;import{jsx as lo,jsxs as $r}from"react/jsx-runtime";var ma="k-slider",bp=[n.hover,n.focus,n.active,n.disabled,n.readonly],fp={},Ue={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},X=e=>{let{type:t=Ue.type,orientation:o=Ue.orientation,gradientType:a=Ue.gradientType,readonly:r=Ue.readonly,disabled:s=Ue.disabled,handlePosition:d=Ue.handlePosition,showButtons:u=Ue.showButtons,showTicks:f=Ue.showTicks,value:h=Ue.value,min:N=Ue.min,max:x=Ue.max,startValue:p,endValue:g,hover:k,focus:S,active:y,trackStyle:M,dir:O,...F}=e,ee=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),de,ve;return o==="horizontal"?(de=O==="rtl"?"chevron-left":"chevron-right",ve=O==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(de="chevron-up",ve="chevron-down"),$r("div",{...F,className:i(ma,e.className,T(ma,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:O,children:[u&&lo(c,{className:"k-button-decrease",rounded:"full",icon:ve,tabIndex:-1,title:"Decrease"}),$r("div",{className:"k-slider-track-wrap",children:[f&&lo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),$r("div",{className:"k-slider-track",style:M,children:[lo("div",{className:"k-slider-selection"}),t==="range"&&lo("span",{className:i("k-draghandle","k-draghandle-start",T(ma,{hover: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":F["aria-label"]?`${F["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"?F["aria-label"]?`${F["aria-label"]} end`:"Range end":F["aria-label"]})]})]}),u&&lo(c,{className:"k-button-increase",rounded:"full",icon:de,tabIndex:-1,title:"Increase"})]})};X.states=bp;X.options=fp;X.className=ma;X.defaultOptions=Ue;X.moduleName=Vr;X.folderName=Hi;X.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as Fi}from"react/jsx-runtime";var Ui="k-tick",hp=[],xp={},Gi={label:!1},E=e=>{let{style:t,label:o=Gi.label,orientation:a,large:r,text:s,...d}=e;return Fi("li",{...d,role:"presentation",title:s\|\|"Tick",className:i(e.className,Ui,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&Fi("span",{className:"k-label",children:s})})};E.states=hp;E.options=xp;E.className=Ui;E.defaultOptions=Gi;import{Fragment as Np,jsx as Ge,jsxs as kp}from"react/jsx-runtime";var Vi=e=>Ge(X,{"aria-label":e["aria-label"]\|\|"Slider",children:kp(Np,{children:[Ge(E,{className:"k-first",label:!0,large:!0,text:"0"}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{label:!0,large:!0,text:"5"}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as gp,jsx as Ve,jsxs as vp}from"react/jsx-runtime";var $i=e=>Ve(X,{children:vp(gp,{children:[Ve(E,{className:"k-first",label:!0,large:!0,text:"0"}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{label:!0,large:!0,text:"5"}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as XS,jsx as $S,jsxs as qS}from"react/jsx-runtime";import{Fragment as QS,jsx as ZS,jsxs as jS}from"react/jsx-runtime";import{jsx as Lp}from"react/jsx-runtime";var Xr=e=>Lp(X,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Sp}from"react/jsx-runtime";var qr=e=>Sp(X,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as cM,jsx as dM,jsxs as pM}from"react/jsx-runtime";import{Fragment as hM,jsx as fM,jsxs as xM}from"react/jsx-runtime";import{jsx as lt,jsxs as Xi}from"react/jsx-runtime";var Mp=X.options,Ip=X.states,qi={...X.defaultOptions,variant:"horizontal",label:!0},yp=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Tp=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],co=e=>{let{variant:t,modifiers:o,...a}={...qi,...e},r={};Object.keys(o\|\|{}).forEach(h=>{switch(h){case"button":{r.showButtons=!!o?.[h];break}case"label":{r.label=!!o?.[h];break}case"tick":{r.showTicks=!!o?.[h];break}}});let{label:s=!0,showButtons:d,showTicks:u}=r,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Xi($i,{showTicks:u,showButtons:d,style:{height:"300px",...f},...a,children:[lt(E,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Xi(Vi,{showTicks:u,showButtons:d,style:{width:"400px",...f},...a,children:[lt(E,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};co.options=Mp;co.states=Ip;co.variants=yp;co.defaultOptions=qi;co.modifiers=Tp;co.className=X.className;import{jsx as Wi,jsxs as wp}from"react/jsx-runtime";var Ji="k-spin-button",Op=[],Ap={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Wr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},dt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=Wr.increaseLabel,decreaseLabel:s=Wr.decreaseLabel,...d}=e;return wp("span",{...d,className:i(Ji,e.className),children:[Wi(c,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),Wi(c,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};dt.states=Op;dt.options=Ap;dt.className=Ji;dt.defaultOptions=Wr;dt.moduleName=null;dt.folderName=null;var Yi="numeric-textbox",Zi="numerictextbox";import{Fragment as Qi,jsx as ft,jsxs as Jr}from"react/jsx-runtime";var ji="k-numerictextbox",Rp=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Bp={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Da={showSpinButton:!0,showClearButton:!0,separators:!0},P=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Da.separators,showClearButton:s=Da.showClearButton,showSpinButton:d=Da.showSpinButton,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:g,invalid:k,required:S,loading:y,disabled:M,readonly:O,id:F,"aria-label":Z,"aria-describedby":ee,...de}=e;return Jr(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,ji),children:[u&&Jr(Qi,{children:[ft(fe,{children:u}),r&&ft(re,{})]}),ft(pe,{id:F,placeholder:N,value:h,role:"spinbutton",disabled:M,"aria-label":Z,"aria-describedby":ee,"aria-invalid":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&&Jr(Qi,{children:[r&&ft(re,{}),ft(he,{children:f})]}),d&&ft(dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};P.states=Rp;P.options=Bp;P.className=ji;P.defaultOptions=Da;P.moduleName=Yi;P.folderName=Zi;P.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var ua=P;import{jsx as Pp}from"react/jsx-runtime";var es=e=>Pp(ua,{...e});import Zr from"react";import{jsx as ts}from"react/jsx-runtime";var Kp="k-list-group-sticky-header",Yr=e=>ts("div",{className:i(Kp,e.className),children:ts("div",{className:"k-list-header-text",children:e.children})});import{jsx as _p}from"react/jsx-runtime";var Dp="k-no-data",_a=e=>{let{live:t,...o}=e;return _p("span",{...o,className:i(Dp,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Ut="list",po=Ut;import{jsx as os,jsxs as as}from"react/jsx-runtime";var Qr="k-list",zp=[],Hp={size:[l.undefined,l.small,l.medium,l.large]},Fp={},_=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:d,noData:u,screenReaders:f,...h}=e,x=Zr.Children.toArray(a)[0],p=x?.props?.children?Zr.Children.count(x.props.children):Zr.Children.count(a);return as("div",{...h,className:i(e.className,Qr,I(Qr,{size:t}),{"k-virtual-list":o}),children:[s,d,r&&os(Yr,{children:r}),a\|\|(u!==void 0?u:os(_a,{live:!0,children:"No data found."})),f&&a&&as(_a,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};_.states=zp;_.options=Hp;_.className=Qr;_.defaultOptions=Fp;_.moduleName=Ut;_.folderName=po;_.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as $p}from"react/jsx-runtime";var rs="k-list-container",Up=[],Gp={},Vp={},mo=e=>{let{...t}=e;return $p("div",{...t,className:i(e.className,rs),children:e.children})};mo.states=Up;mo.options=Gp;mo.className=rs;mo.defaultOptions=Vp;mo.moduleName=Ut;mo.folderName=po;var Gt="checkbox",uo=Gt;import{jsx as ns}from"react/jsx-runtime";var za="k-checkbox",Xp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],qp={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},Wp={},Be=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:d,invalid:u,valid:f,required:h,size:N,rounded:x,wrapperRole:p,...g}=e;return ns("span",{className:"k-checkbox-wrap",role:p,children:ns("input",{...g,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:d\|\|void 0,"aria-invalid":u?"true":void 0,className:i(e.className,za,I(za,{size:N,rounded:x}),T(za,{hover:r,focus:s,disabled:d,invalid:u,valid:f,indeterminate:a,checked:o}))})})};Be.states=Xp;Be.options=qp;Be.className=za;Be.defaultOptions=Wp;Be.moduleName=Gt;Be.folderName=uo;Be.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var tt=Be;import{jsx as Zp}from"react/jsx-runtime";var is="k-checkbox-list",Jp=[],Yp={},ss={layout:"vertical"},Se=e=>{let{layout:t=ss.layout,...o}=e;return Zp("ul",{...o,className:i(e.className,is,{[`k-list-${t}`]:t}),children:e.children})};Se.states=Jp;Se.options=Yp;Se.className=is;Se.defaultOptions=ss;Se.moduleName=Gt;Se.folderName=uo;import{jsx as tm}from"react/jsx-runtime";var ls="k-checkbox-list-item",Qp=[],jp={},em={},Me=e=>{let{...t}=e;return tm("li",{...t,className:i(e.className,ls),children:e.children})};Me.states=Qp;Me.options=jp;Me.className=ls;Me.defaultOptions=em;Me.moduleName=Gt;Me.folderName=uo;import{Fragment as om,jsx as ds,jsxs as am}from"react/jsx-runtime";var $e=({children:e="Label",id:t="cb-label-after",...o})=>am(om,{children:[ds(tt,{id:t,...o}),ds("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as FI,jsx as HI,jsxs as UI}from"react/jsx-runtime";import{Fragment as qI,jsx as XI,jsxs as WI}from"react/jsx-runtime";import{Fragment as jI,jsx as QI,jsxs as ey}from"react/jsx-runtime";import{jsx as ry}from"react/jsx-runtime";import{jsx as ly}from"react/jsx-runtime";import{jsx as my}from"react/jsx-runtime";import{jsx as Xe,jsxs as cs}from"react/jsx-runtime";var rm=Se.options,nm=Se.states,im={...Se.defaultOptions,variant:"vertical"},sm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],lm=[],bo=e=>{let{variant:t,...o}=e;return t==="horizontal"?cs(Se,{layout:"horizontal",...o,children:[Xe(Me,{children:Xe($e,{id:A("cb"),defaultChecked:!0,children:"Label"})}),Xe(Me,{children:Xe($e,{id:A("cb"),children:"Label"})}),Xe(Me,{children:Xe($e,{id:A("cb"),children:"Label"})})]}):cs(Se,{...o,children:[Xe(Me,{children:Xe($e,{id:A("cb"),defaultChecked:!0,children:"Label"})}),Xe(Me,{children:Xe($e,{id:A("cb"),children:"Label"})}),Xe(Me,{children:Xe($e,{id:A("cb"),children:"Label"})})]})};bo.options=rm;bo.states=nm;bo.variants=sm;bo.defaultOptions=im;bo.modifiers=lm;bo.className=Se.className;import{jsx as bm}from"react/jsx-runtime";var dm=tt.options,cm=tt.states,pm=tt.defaultOptions,mm=[],um=[],fo=e=>bm($e,{id:A("checkbox"),...e,defaultChecked:!0,children:"Label"});fo.options=dm;fo.states=cm;fo.variants=mm;fo.defaultOptions=pm;fo.modifiers=um;fo.className=tt.className;import{jsx as Vt,jsxs as Nm}from"react/jsx-runtime";var jr="k-list-item",fm=[n.hover,n.focus,n.selected,n.disabled],hm={},xm={},w=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:d,checked:u,hover:f,focus:h,selected:N,disabled:x,actions:p,description:g,id:k,...S}=e,y=t\|\|e.children;return Nm("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":jr,T(jr,{hover:f,focus:h,disabled:x,selected:N})),children:[d&&Vt(Be,{checked:u}),r&&Vt("span",{className:"k-list-item-icon-wrapper",children:Vt(L,{icon:r,className:i("k-list-item-icon",s)})}),Vt("span",{className:"k-list-item-text",children:y}),p&&Vt("div",{className:"k-list-item-actions",children:p}),g&&Vt("span",{className:"k-list-item-description",children:g}),o&&o!==""&&Vt("div",{className:"k-list-item-group-label",children:o})]})};w.states=fm;w.options=hm;w.className=jr;w.defaultOptions=xm;w.moduleName=Ut;w.folderName=po;w.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as gm}from"react/jsx-runtime";var km="k-list-ul",ht=e=>{let{children:t,role:o,id:a,...r}=e;return gm("ul",{...r,id:a,role:o,className:i(km,e.className),children:t})};ht.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as en,jsxs as Lm}from"react/jsx-runtime";var vm="k-list-content",G=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...d}=e;return Lm("div",{...d,className:i(vm,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:en(ht,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&en("div",{className:"k-height-container",children:en("div",{})})]})};G.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as oT,jsx as tT,jsxs as aT}from"react/jsx-runtime";import{jsx as tn,jsxs as Mm}from"react/jsx-runtime";var Sm="k-list-group-item",$t=e=>{let{groupIconName:t,...o}=e;return Mm("li",{...o,role:"presentation",className:i(Sm,e.className),children:[t&&tn("span",{className:"k-list-item-icon-wrapper",children:tn(L,{icon:t,className:"k-list-item-icon"})}),tn("span",{className:"k-list-item-text",children:e.children})]})};$t.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as Em}from"react/jsx-runtime";var on="k-list-optionlabel",Im=[n.hover,n.focus,n.selected,n.disabled],ym={},Tm={},Ha=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return Em("div",{...d,className:i(on,T(on,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Ha.states=Im;Ha.options=ym;Ha.className=on;Ha.defaultOptions=Tm;import{jsx as wm}from"react/jsx-runtime";var an="k-list-custom-value",Cm=[n.hover,n.focus,n.selected,n.disabled],Om={},Am={},Ot=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return wm("div",{...d,className:i(an,T(an,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Ot.states=Cm;Ot.options=Om;Ot.className=an;Ot.defaultOptions=Am;import{Fragment as kT,jsx as NT,jsxs as gT}from"react/jsx-runtime";import{Fragment as yT,jsx as IT,jsxs as TT}from"react/jsx-runtime";import{Fragment as BT,jsx as wT,jsxs as RT}from"react/jsx-runtime";import{Fragment as FT,jsx as zT,jsxs as HT}from"react/jsx-runtime";import{jsx as $T}from"react/jsx-runtime";import{Fragment as ZT,jsx as YT,jsxs as QT}from"react/jsx-runtime";var ps="dropdown-list",ms="dropdownlist";import{Fragment as Pm,jsx as Ie,jsxs as rn}from"react/jsx-runtime";var us="k-dropdownlist",Rm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Bm={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},nn={showValue:!0,arrowIconName:"chevron-down"},B=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=nn.arrowIconName,showValue:s=nn.showValue,valueIconName:d,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:g,invalid:k,required:S,loading:y,disabled:M,readonly:O,popup:F,opened:Z,adaptive:ee,adaptiveSettings:de,adaptiveTitle:ve,adaptiveSubtitle:zt,adaptiveFilter:sr,id:St,activeDescendant:ya,"aria-label":lr,...dr}=e,od=St?`${St}-listbox`:void 0,Xn=St?`${St}-value`:void 0;return rn(Pm,{children:[rn(rt,{...dr,id:St,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,us,{"k-icon-picker":!s&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Z?"true":"false","aria-controls":Z?od:void 0,"aria-activedescendant":Z&&ya?ya:void 0,"aria-describedby":Z?Xn:void 0,"aria-disabled":M?"true":void 0,"aria-label":lr,tabIndex:0,children:[Ie(fe,{children:u}),Ie(Ft,{placeholder:N,value:h,showValue:s,valueIconName:d,id:Xn}),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&&F&&Ie(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:F}),ee&&Ie(J,{adaptive:!0,...de,header:Ie(Le,{actionsEnd:Ie(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:sr,inputValue:h,inputPlaceholder:N,title:ve,subtitle:zt}),children:Ie("div",{className:"k-list-container",children:Ie(_,{size:"large",children:rn(G,{"aria-label":"Options",children:[Ie(w,{text:"List item"}),Ie(w,{text:"List item"}),Ie(w,{text:"List item"})]})})})})]})};B.states=Rm;B.options=Bm;B.className=us;B.defaultOptions=nn;B.moduleName=ps;B.folderName=ms;B.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as AE}from"react/jsx-runtime";import{jsx as DE,jsxs as _E}from"react/jsx-runtime";import{Fragment as qE,jsx as $E,jsxs as XE}from"react/jsx-runtime";import{jsx as QE}from"react/jsx-runtime";import{jsx as rC,jsxs as nC}from"react/jsx-runtime";import{Fragment as bC,jsx as mC,jsxs as uC}from"react/jsx-runtime";import{jsx as kC}from"react/jsx-runtime";import{Fragment as Fm,jsx as At,jsxs as bs}from"react/jsx-runtime";var Km=B.states,Dm=B.defaultOptions,_m=B.options,zm=[{name:"opened",title:"Opened"}],Hm=[],xo=e=>{let{modifiers:t,...o}=e,a={},r=bs(Fm,{children:[At("div",{className:"k-list-filter",children:At(Fe,{})}),At(_,{style:{width:300},size:o.size,children:bs(G,{children:[At(w,{children:"List item"}),At(w,{children:"List item"}),At(w,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0)}),At("div",{children:At(B,{placeholder:"Value",style:{width:300},...o,...a})})};xo.options=_m;xo.states=Km;xo.variants=Hm;xo.defaultOptions=Dm;xo.modifiers=zm;xo.className=B.className;import{Fragment as FC,jsx as HC}from"react/jsx-runtime";import{Fragment as qC,jsx as XC}from"react/jsx-runtime";import{jsx as ZC}from"react/jsx-runtime";import{jsx as sn}from"react/jsx-runtime";var Um=P.states,Gm=P.defaultOptions,Vm=P.options,$m=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Xm=[],No=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?sn(B,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?sn(Ir,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),sn(es,{value:"Value",style:{width:300},...o,...a})};No.options=Vm;No.states=Um;No.variants=Xm;No.defaultOptions=Gm;No.modifiers=$m;No.className=P.className;import{Fragment as ba,jsx as K,jsxs as Q}from"react/jsx-runtime";var fs="k-colorgradient-inputs",qm=[],Wm={size:[l.undefined,l.small,l.medium,l.large]},hs={mode:"rgba"},ko=e=>{let{mode:t=hs.mode,size:o,...a}=e;return Q("div",{...a,className:i(fs,"k-hstack"),children:[K("div",{className:"k-vstack",children:K(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),K("label",{className:"k-colorgradient-input-label",children:"R"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),K("label",{className:"k-colorgradient-input-label",children:"G"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),K("label",{className:"k-colorgradient-input-label",children:"B"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),K("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),K("label",{className:"k-colorgradient-input-label",children:"R"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),K("label",{className:"k-colorgradient-input-label",children:"G"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),K("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),K("label",{className:"k-colorgradient-input-label",children:"H"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),K("label",{className:"k-colorgradient-input-label",children:"S"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),K("label",{className:"k-colorgradient-input-label",children:"V"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),K("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),K("label",{className:"k-colorgradient-input-label",children:"H"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),K("label",{className:"k-colorgradient-input-label",children:"S"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),K("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&K(ba,{children:Q("div",{className:"k-vstack k-flex-1",children:[K(H,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),K("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ko.states=qm;ko.options=Wm;ko.className=fs;ko.defaultOptions=hs;import{jsx as Xt,jsxs as qt}from"react/jsx-runtime";var xs="k-colorgradient-color-contrast",Jm=[],Ym={},Zm={},go=()=>qt("div",{className:i(xs,"k-vbox"),children:[qt("div",{className:"k-contrast-ratio",children:[Xt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),qt("span",{className:"k-contrast-validation !k-text-success",children:[Xt(L,{icon:"check"}),Xt(L,{icon:"check"})]})]}),qt("div",{children:[Xt("span",{children:"AA: 4.5"}),qt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Xt(L,{icon:"check"})]})]}),qt("div",{children:[Xt("span",{children:"AAA: 7.0"}),qt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Xt(L,{icon:"x"})]})]})]});go.states=Jm;go.options=Ym;go.className=xs;go.defaultOptions=Zm;var Ns="color-gradient",ks="colorgradient";import{jsx as qe,jsxs as fa}from"react/jsx-runtime";var Fa="k-colorgradient",Qm=[n.hover,n.focus,n.readonly,n.disabled],jm={size:[l.undefined,l.small,l.medium,l.large]},ct={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ne=e=>{let{size:t,mode:o=ct.mode,readonly:a=ct.readonly,disabled:r=ct.disabled,gradientStyle:s=ct.gradientStyle,dragHandleStyle:d=ct.dragHandleStyle,alphaStyle:u=ct.alphaStyle,alphaStyleHorizontal:f=ct.alphaStyleHorizontal,contrast:h=ct.contrast,dir:N,hover:x,focus:p,hoverHandle: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,Fa,I(Fa,{size:t}),T(Fa,{hover:x,focus:p,readonly:a,disabled:r})),dir:N,children:[!S\|\|S==="horizontal"&&fa("div",{className:"k-colorgradient-canvas k-hstack",children:[qe("div",{className:"k-hsv-rectangle",style:s,children:qe("div",{className:"k-hsv-gradient",children:qe("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":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(qr,{className:"k-hue-slider",hover:g,focus:k}),o!=="rgb"&&o!=="hsv"&&qe(qr,{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(Xr,{className:"k-hue-slider",hover:g,focus:k}),o!=="rgb"&&o!=="hsv"&&qe(Xr,{className:"k-alpha-slider",hover:g,focus:k,trackStyle:f})]})]}),qe(ko,{mode:e.mode,size:t}),h&&qe(go,{})]})};ne.states=Qm;ne.options=jm;ne.className=Fa;ne.defaultOptions=ct;ne.moduleName=Ns;ne.folderName=ks;ne.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as eu}from"react/jsx-runtime";var Ua=e=>eu(ne,{...e});import{jsx as KO}from"react/jsx-runtime";import{jsx as HO}from"react/jsx-runtime";import{jsx as ln}from"react/jsx-runtime";var tu=ne.options,ou=ne.states,au={...ne.defaultOptions,variant:"rgba"},ru=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],nu=[],vo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return ln(Ua,{...o,mode:t});case"rgb":return ln(Ua,{...o,mode:t});default:return ln(Ua,{...o,mode:t})}};vo.options=tu;vo.states=ou;vo.variants=ru;vo.defaultOptions=au;vo.modifiers=nu;vo.className=ne.className;import{jsx as iu}from"react/jsx-runtime";var dn=e=>iu("tr",{role:"row",children:e.children});import{jsx as du}from"react/jsx-runtime";var cn="k-colorpalette-tile",su=[n.hover,n.focus,n.selected],lu={},Lo=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:s,...d}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return du("td",{...d,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:i(e.className,cn,T(cn,{hover:a,focus:r,selected:s})),style:u})};Lo.states=su;Lo.options=lu;Lo.className=cn;var gs="color-palette",vs="colorpalette";import{jsx as ha}from"react/jsx-runtime";var Ga="k-colorpalette",cu=[n.disabled],pu={size:[l.undefined,l.small,l.medium,l.large]},Ls={columns:10},ye=e=>{let{size:t,palette:o,columns:a=Ls.columns,tileSize:r,disabled:s,...d}=e,u=[];if(o){let f=a\|\|o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/f)},(N,x)=>{let p=[];h.slice(xf,(x+1)f).map((k,S)=>{p.push(ha(Lo,{color:k,tileSize:r},S))});let g=ha(dn,{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,Ga,T(Ga,{disabled:s}),I(Ga,{size:t})),children:ha("table",{className:"k-colorpalette-table",role:"none",children:ha("tbody",{children:u.length>0?u:e.children})})})};ye.states=cu;ye.options=pu;ye.className=Ga;ye.defaultOptions=Ls;ye.moduleName=gs;ye.folderName=vs;ye.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var Va=ye;var xa={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as mu}from"react/jsx-runtime";var Ss=e=>mu(Va,{palette:xa.basic,...e});import{jsx as vA}from"react/jsx-runtime";import{jsx as TA,jsxs as EA}from"react/jsx-runtime";import{jsx as ku}from"react/jsx-runtime";var uu=ye.options,bu=ye.states,fu={...ye.defaultOptions,variant:"basic"},hu=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],xu={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Nu=[],So=e=>{let{variant:t="basic",...o}=e,a=xu[t];return ku(Ss,{columns:a.columns,palette:a,...o})};So.options=uu;So.states=bu;So.variants=hu;So.defaultOptions=fu;So.modifiers=Nu;So.className=ye.className;var Ms="color-editor",Is="coloreditor";import{jsx as We,jsxs as Mo}from"react/jsx-runtime";var $a="k-coloreditor",gu=[n.focus],vu={size:[l.undefined,l.small,l.medium,l.large]},Na={view:"gradient",palette:xa.office,actionButtons:!0,canvasOrientation:"horizontal"},Y=e=>{let{size:t,view:o=Na.view,palette:a=Na.palette,color:r,currentColor:s,focus:d,focusView:u,dir:f,group:h,actionButtons:N=Na.actionButtons,canvasOrientation:x=Na.canvasOrientation,...p}=e;return Mo("div",{...p,role:"textbox","aria-label":"Color editor",tabIndex:0,className:i(e.className,"k-flatcolorpicker",$a,I($a,{size:t}),T($a,{focus:d})),dir:f,children:[Mo("div",{className:"k-coloreditor-header k-hstack",children:[We("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&Mo(C,{fillMode:"flat",children:[We(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),We(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),We("div",{className:"k-spacer"}),Mo("div",{className:"k-coloreditor-header-actions k-hstack",children:[We(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Mo("div",{className:"k-coloreditor-preview k-vstack",children:[We(Mt,{className:"k-coloreditor-preview-color",color:r}),We(Mt,{className:"k-coloreditor-current-color",color:s})]})]})]}),We("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?We(ne,{focus:u,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):We(ye,{palette:a,size:t})}),N&&Mo(st,{className:"k-coloreditor-footer",alignment:"start",children:[We(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),We(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Y.states=gu;Y.options=vu;Y.className=$a;Y.defaultOptions=Na;Y.moduleName=Ms;Y.folderName=Is;Y.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Io=Y;import{jsx as aw}from"react/jsx-runtime";import{jsx as sw}from"react/jsx-runtime";import{jsx as Lu}from"react/jsx-runtime";var ys=e=>Lu(Io,{group:!0,currentColor:"fuchsia",...e});import{jsx as Su}from"react/jsx-runtime";var Ts=e=>Su(Io,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Es}from"react/jsx-runtime";var Mu=Y.options,Iu=Y.states,yu={...Y.defaultOptions,variant:"gradient"},Tu=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Eu=[],yo=e=>{let{variant:t,...o}=e;return t==="palette"?Es(Ts,{...o,color:"white"}):Es(ys,{...o,color:"rgba(183, 118 , 118, 1.00)"})};yo.options=Mu;yo.states=Iu;yo.variants=Tu;yo.defaultOptions=yu;yo.modifiers=Eu;yo.className=Y.className;var Cs="color-picker",Os="colorpicker";import{Fragment as Au,jsx as Je,jsxs as pn}from"react/jsx-runtime";var As="k-colorpicker",Cu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Ou={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},ws={arrowIconName:"chevron-down"},Pe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=ws.arrowIconName,prefix:s,suffix:d,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:g,disabled:k,valueIconName:S,popup:y,opened:M,adaptive:O,adaptiveSettings:F,adaptiveTitle:Z,adaptiveSubtitle:ee,...de}=e,ve="colorpicker-popup";return pn(Au,{children:[pn(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,As,"k-icon-picker"),children:[Je(fe,{children:s}),Je(Ft,{placeholder:f,value:u,showValue:!1,valueIcon:Je(Mt,{className:"k-value-icon",color:u,iconName:S}),valueIconName:S}),Je(he,{children:d}),Je(c,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),M&&y&&Je(q,{id:ve,className:"k-colorpicker-popup",children:y}),O&&Je(J,{adaptive:!0,id:ve,...F,header:Je(Le,{actionsEnd:Je(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Z,subtitle:ee}),footer:pn(It,{children:[Je(c,{text:"Cancel",size:"large"}),Je(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:Je(Y,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Pe.states=Cu;Pe.options=Ou;Pe.className=As;Pe.defaultOptions=ws;Pe.moduleName=Cs;Pe.folderName=Os;Pe.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var xt=Pe;import{jsx as wu}from"react/jsx-runtime";var Xa=e=>wu(xt,{...e});import{jsx as Vw}from"react/jsx-runtime";import{jsx as Jw}from"react/jsx-runtime";import{jsx as jw}from"react/jsx-runtime";import{jsx as aR}from"react/jsx-runtime";import{jsx as sR}from"react/jsx-runtime";import{jsx as pR}from"react/jsx-runtime";import{jsx as Wt}from"react/jsx-runtime";var Ru=xt.options,Bu=xt.states,Rs={...xt.defaultOptions,variant:"color"},Pu=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Ku=[{name:"opened",title:"Opened"}],To=e=>{let{variant:t,modifiers:o,...a}={...Rs,...e},r={};Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(r.opened=!!o?.[d],r.popup=o?.[d]?Wt(Y,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return Wt("div",{style:s,children:Wt(Xa,{...a,...r})});case"icon":return Wt("div",{style:s,children:Wt(Xa,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return Wt("div",{style:s,children:Wt(Xa,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};To.options=Ru;To.states=Bu;To.variants=Pu;To.defaultOptions=Rs;To.modifiers=Ku;To.className=xt.className;var mn="combobox",Bs=mn;import{Fragment as un,jsx as oe,jsxs as ka}from"react/jsx-runtime";var Ps="k-combobox",Du=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],_u={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ks={separators:!0},xe=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ks.separators,prefix:s,suffix:d,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:g,loading:k,disabled:S,popup:y,opened:M,readonly:O,adaptive:F,adaptiveSettings:Z,adaptiveTitle:ee,adaptiveSubtitle:de,adaptiveCustomValue:ve,id:zt,autocomplete:sr,activeDescendant:St,"aria-label":ya,...lr}=e,dr=zt?`${zt}-listbox`:void 0;return ka(un,{children:[ka(U,{...lr,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,Ps),children:[s&&ka(un,{children:[oe(fe,{children:s}),r&&oe(re,{})]}),oe(pe,{id:zt,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?dr:void 0,"aria-activedescendant":M&&St?St:void 0,"aria-autocomplete":sr,"aria-invalid":p?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":ya,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(un,{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}),F&&oe(J,{adaptive:!0,id:zt?`${zt}-adaptive`:void 0,...Z,header:oe(Le,{actionsEnd:oe(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:ee,subtitle:de}),children:oe("div",{className:"k-list-container",children:oe(_,{customValue:ve?oe(Ot,{text:`Use "${u}"`}):void 0,size:"large",children:ka(G,{"aria-label":ee\|\|"Options",children:[oe(w,{text:"List item"}),oe(w,{text:"List item"}),oe(w,{text:"List item"})]})})})})]})};xe.states=Du;xe.options=_u;xe.className=Ps;xe.defaultOptions=Ks;xe.moduleName=mn;xe.folderName=Bs;xe.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Ke=xe;import{jsx as zu}from"react/jsx-runtime";var Ds=e=>zu(Ke,{...e});import{jsx as qR,jsxs as WR}from"react/jsx-runtime";import{jsx as eB,jsxs as tB}from"react/jsx-runtime";import{jsx as sB,jsxs as lB}from"react/jsx-runtime";import{Fragment as bB,jsx as uB}from"react/jsx-runtime";import{Fragment as gB,jsx as kB}from"react/jsx-runtime";import{jsx as yB,jsxs as TB}from"react/jsx-runtime";import{Fragment as PB,jsx as RB,jsxs as BB}from"react/jsx-runtime";import{jsx as zB}from"react/jsx-runtime";import{jsx as GB}from"react/jsx-runtime";import{jsx as JB,jsxs as YB}from"react/jsx-runtime";import{jsx as oP,jsxs as aP}from"react/jsx-runtime";import{jsx as wt,jsxs as $u}from"react/jsx-runtime";var Hu=xe.states,Fu=xe.defaultOptions,Uu=xe.options,Gu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Vu=[],Eo=e=>{let{modifiers:t,...o}=e,a={},r=wt(_,{style:{width:300},size:o.size,children:$u(G,{children:[wt(w,{children:"List item"}),wt(w,{children:"List item"}),wt(w,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?wt(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?wt(ut,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0;break;default:break}}),wt("div",{children:wt(Ds,{value:"Value",style:{width:300},...o,...a})})};Eo.options=Uu;Eo.states=Hu;Eo.variants=Vu;Eo.defaultOptions=Fu;Eo.modifiers=Gu;Eo.className=xe.className;var bn="menu-button",_s=bn;import{jsx as Wu}from"react/jsx-runtime";var zs="k-menu-button",Xu=[n.hover,n.focus,n.active,n.selected,n.disabled],qu={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},fn={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=fn.showArrow,arrowIconName:g=fn.arrowIconName,expanded:k,...S}=e;return Wu(c,{...S,className:i(e.className,zs),text:x,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,icon:N,showArrow:p,arrowIconName:g,"aria-expanded":k?"true":"false",...!x&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};V.states=Xu;V.options=qu;V.className=zs;V.defaultOptions=fn;V.moduleName=bn;V.folderName=_s;V.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as KP}from"react/jsx-runtime";import{jsx as HP}from"react/jsx-runtime";import{jsx as VP}from"react/jsx-runtime";var De="menu",Ye=De;import{jsx as ga,jsxs as Hs}from"react/jsx-runtime";var hn="k-menu-item",Ju=[n.hover,n.focus,n.active,n.selected,n.disabled],Yu={},Fs={iconPosition:"before"},Ne=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:d,text:u,first:f,last:h,showArrow:N,arrowIconName:x,iconPosition:p=Fs.iconPosition,dir:g,children:k,expanded:S,...y}=e,M=x;return M\|\|(M=g==="rtl"?"chevron-left":"chevron-right"),Hs("li",{...y,className:i(e.className,hn,"k-item",T(hn,{focus:o,disabled:s,hover:t,active:a,selected:r}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":S?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Hs("span",{className:i("k-link k-menu-link"),children:[d&&p==="before"&&ga(L,{className:"k-menu-link-icon",icon:d}),ga("span",{className:"k-menu-link-text",children:u}),d&&p==="after"&&ga(L,{className:"k-menu-link-icon",icon:d}),N&&ga("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ga(L,{icon:M})})]}),k]})};Ne.states=Ju;Ne.options=Yu;Ne.className=hn;Ne.defaultOptions=Fs;Ne.moduleName=De;Ne.folderName=Ye;import{jsx as va,jsxs as Us}from"react/jsx-runtime";var xn="k-menu-item",Zu=[n.hover,n.focus,n.active,n.selected,n.disabled],Qu={},Nn={dir:"ltr",iconPosition:"before"},W=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:d,text:u,first:f,last:h,showArrow:N,arrowIconName:x,iconPosition:p=Nn.iconPosition,dir:g=Nn.dir,children:k,popup:S,expanded:y,...M}=e,O=x;return O\|\|(O=g==="rtl"?"chevron-left":"chevron-right"),Us("li",{...M,className:i(e.className,xn,"k-item",T(xn,{focus:o,disabled:s}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":y?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Us("span",{className:i("k-link k-menu-link",T("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[d&&p==="before"&&va(L,{className:"k-menu-link-icon",icon:d}),va("span",{className:"k-menu-link-text",children:u}),d&&p==="after"&&va(L,{className:"k-menu-link-icon",icon:d}),N&&va("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:va(L,{icon:O})})]}),k,S]})};W.states=Zu;W.options=Qu;W.className=xn;W.defaultOptions=Nn;W.moduleName=De;W.folderName=Ye;import{jsx as ob}from"react/jsx-runtime";var Gs="k-menu-scroll-wrapper",ju=[],eb={},tb={},Jt=e=>{let{className:t,children:o,orientation:a,...r}=e;return ob("div",{...r,className:i(t,Gs,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Jt.states=ju;Jt.options=eb;Jt.className=Gs;Jt.defaultOptions=tb;Jt.moduleName=De;Jt.folderName=Ye;var Vs=Jt;import{Fragment as kn,jsx as Yt,jsxs as Wa}from"react/jsx-runtime";var gn="k-menu",ab=[],rb={},Ja={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ie=e=>{let{children:t,orientation:o=Ja.orientation,header:a=Ja.header,scrollable:r,scrollButtonsPosition:s=Ja.scrollButtonsPosition,wrapperStyles:d,dir:u,popup:f,contextMenu:h,...N}=e,x={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},p=Yt("ul",{dir:u,...N,className:i(e.className,"k-reset",gn,{[`${gn}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Wa(kn,{children:[r?Wa(Vs,{orientation:o,style:d,dir:e.dir,children:[s==="start"&&Wa(kn,{children:[Yt(c,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Yt(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"&&Yt(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"&&Wa(kn,{children:[Yt(c,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Yt(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"&&Yt(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=ab;ie.options=rb;ie.className=gn;ie.defaultOptions=Ja;ie.moduleName=De;ie.folderName=Ye;ie.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as nb}from"react/jsx-runtime";var vn="k-separator",$s={orientation:"horizontal"},Co=e=>{let{orientation:t=$s.orientation,...o}=e;return nb("li",{...o,className:i(e.className,"k-item",vn,{[`${vn}-${t}`]:t}),role:"separator"})};Co.className=vn;Co.defaultOptions=$s;Co.moduleName=De;Co.folderName=Ye;import{Fragment as kK,jsx as gK}from"react/jsx-runtime";import{jsx as db}from"react/jsx-runtime";var Ln="k-menu-group",ib=[],sb={size:[l.undefined,l.small,l.medium,l.large]},lb={},ke=e=>{let{children:t,size:o,...a}=e;return db("ul",{...a,className:i(e.className,Ln,I(Ln,{size:o})),role:"menu",children:t})};ke.states=ib;ke.options=sb;ke.className=Ln;ke.defaultOptions=lb;ke.moduleName=De;ke.folderName=Ye;import{Fragment as cb,jsx as Oo,jsxs as pb}from"react/jsx-runtime";var Sn=e=>Oo(ie,{children:pb(cb,{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 Zt,jsxs as hb}from"react/jsx-runtime";var mb=ie.options,ub=ie.states,Xs={...ie.defaultOptions,variant:"horizontal"},bb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],fb=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ao=e=>{let{variant:t,modifiers:o,...a}={...Xs,...e},r={};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"scrollable":r.scrollable=!!o?.[s];break;case"opened":r.opened=!!o?.[s],r.popup=Zt(q,{className:"k-menu-popup",children:hb(ke,{children:[Zt(W,{text:"Item 1"}),Zt(W,{text:"Item 2"}),Zt(Co,{}),Zt(W,{text:"Item 3"})]})});break}}),t==="vertical"?Zt(Sn,{...a,...r,orientation:"vertical",style:{width:"200px"}}):Zt(Sn,{...a,...r})};Ao.options=mb;Ao.states=ub;Ao.variants=bb;Ao.defaultOptions=Xs;Ao.modifiers=fb;Ao.className=ie.className;import{Fragment as O0,jsx as E0,jsxs as C0}from"react/jsx-runtime";import{jsx as B0}from"react/jsx-runtime";import{Fragment as vb,jsx as pt,jsxs as qs}from"react/jsx-runtime";var xb=c.states,Ws={...c.defaultOptions,variant:"text"},Nb=c.options,kb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],gb=[{name:"opened",title:"Opened"}],wo=e=>{let{variant:t,modifiers:o,...a}={...Ws,...e},r={},s=pt(q,{className:"k-menu-popup",children:qs(ke,{size:a.size,children:[pt(W,{first:!0,text:"Menu Item"}),pt(W,{text:"Menu Item"}),pt(W,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=pt("div",{children:pt(V,{...a,...r,icon:"star"})});break;case"icon-and-text":d=pt("div",{children:pt(V,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:d=pt("div",{children:pt(V,{...a,...r,children:"Dropdown Button"})});break}return qs(vb,{children:[d,o?.opened&&s]})};wo.options=Nb;wo.states=xb;wo.variants=kb;wo.defaultOptions=Ws;wo.modifiers=gb;wo.className=V.className;var Mn="split-button",Js=Mn;import{Fragment as Mb,jsx as In,jsxs as Ys}from"react/jsx-runtime";var yn="k-split-button",Lb=[n.hover,n.focus,n.active,n.selected,n.disabled],Sb={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},Zs={arrowIconName:"chevron-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,icon:N,text:x,arrowIconName:p=Zs.arrowIconName,popup:g,opened:k,popupId:S,...y}=e;return Ys(Mb,{children:[Ys("div",{...y,className:i(e.className,yn,"k-button-group",I(yn,{rounded:o})),children:[In(c,{text:x,icon:N,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,...!x&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),In(c,{className:"k-split-button-arrow",icon:p,size:t,rounded:o,fillMode:a,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":k?"true":"false","aria-controls":k?S:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),k&&g&&In(q,{className:"k-menu-popup",children:g})]})};D.states=Lb;D.options=Sb;D.className=yn;D.defaultOptions=Zs;D.moduleName=Mn;D.folderName=Js;D.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Tn=D;import{jsx as yb}from"react/jsx-runtime";var Ib="k-toolbar-separator",se=e=>yb("div",{className:i(Ib,e.className,"k-separator")});var Nt="toolbar",Rt=Nt;import{Fragment as En,jsx as z,jsxs as Ro}from"react/jsx-runtime";var kt="k-toolbar",Tb=[n.focus],Eb={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Cb={scrollButtons:"around"},$=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:d,scrollingPosition:u,section:f,...h}=e,N=[],x=(p,g)=>{let k=[];if(p.type===c&&p.props.className&&p.props.className.includes("k-toolbar-overflow-button"))k.push(z(c,{...p.props,className:`${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===c)k.push(z(c,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===aa)k.push(z(aa,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===ut)k.push(z(ut,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===V)k.push(z(V,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===Tn)k.push(z(Tn,{...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(z(c,{...M.props,className:`${M.props.className?M.props.className:""}`},`${O}-${new Date().getTime()}`))}),k.push(z(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(z(xe,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===B?k.push(z(B,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===Pe?k.push(z(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"&&z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),s&&d==="start"&&Ro(En,{children:[Ro(C,{children:[z("span",{className:i("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(L,{className:"k-button-icon",icon:"chevron-left"})}),z("span",{className:i("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(L,{className:"k-button-icon",icon:"chevron-right"})})]}),z(se,{className:"k-toolbar-button-separator"}),z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&d==="end"&&Ro(En,{children:[z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),z(se,{className:"k-toolbar-button-separator"}),Ro(C,{children:[z("span",{className:i("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(L,{className:"k-button-icon",icon:"chevron-left"})}),z("span",{className:i("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(L,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(d==="around"\|\|!d)&&Ro(En,{children:[z("span",{className:i("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(L,{className:"k-button-icon",icon:"chevron-left"})}),z(se,{className:"k-toolbar-button-separator"}),z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),z(se,{className:"k-toolbar-button-separator"}),z("span",{className:i("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(L,{className:"k-button-icon",icon:"chevron-right"})})]})]})};$.states=Tb;$.options=Eb;$.className=kt;$.defaultOptions=Cb;$.moduleName=Nt;$.folderName=Rt;$.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as Rb}from"react/jsx-runtime";var Qs="k-floating-toolbar",Ob=[],Ab={},wb={},Bo=e=>{let{...t}=e;return Rb("div",{...t,className:i(e.className,Qs),children:e.children})};Bo.states=Ob;Bo.options=Ab;Bo.className=Qs;Bo.defaultOptions=wb;Bo.moduleName=Nt;Bo.folderName=Rt;import{jsx as Db}from"react/jsx-runtime";var Cn="k-toolbar-item",Bb=[n.focus],Pb={},Kb={},ot=e=>{let{focus:t,...o}=e;return Db("div",{...o,className:i(e.className,Cn,T(Cn,{focus:t})),children:e.children})};ot.states=Bb;ot.options=Pb;ot.className=Cn;ot.defaultOptions=Kb;ot.moduleName=Nt;ot.folderName=Rt;import{jsx as js}from"react/jsx-runtime";var el="k-toolbar-popup",_b=[],zb={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Hb={},Qt=e=>{let{size:t,fillMode:o,section:a,...r}=e;return js(q,{...r,className:i(e.className,el),children:a?js("span",{className:i("k-toolbar-items-list",I("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Qt.states=_b;Qt.options=zb;Qt.className=el;Qt.defaultOptions=Hb;Qt.moduleName=Nt;Qt.folderName=Rt;var Ya=Qt;import{jsx as DD}from"react/jsx-runtime";import{jsx as FD}from"react/jsx-runtime";import{jsx as $D}from"react/jsx-runtime";import{jsx as ZD,jsxs as QD}from"react/jsx-runtime";import{jsx as o_}from"react/jsx-runtime";import{jsx as gt,jsxs as $b}from"react/jsx-runtime";var Fb=D.states,tl={...D.defaultOptions,variant:"text"},Ub=D.options,Gb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Vb=[{name:"opened",title:"Opened"}],Po=e=>{let{variant:t,modifiers:o,...a}={...tl,...e},r={},s=$b(ke,{size:a.size,children:[gt(W,{first:!0,text:"Menu Item"}),gt(W,{text:"Menu Item"}),gt(W,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(r.opened=!!o?.[d],r.popup=o?.[d]?s:"")}),t){case"icon-only":return gt("div",{children:gt(D,{...a,...r,icon:"star"})});case"icon-and-text":return gt("div",{children:gt(D,{...a,...r,icon:"star",children:"Split Button"})});default:return gt("div",{children:gt(D,{...a,...r,children:"Split Button"})})}};Po.options=Ub;Po.states=Fb;Po.variants=Gb;Po.defaultOptions=tl;Po.modifiers=Vb;Po.className=D.className;import{jsx as jt,jsxs as Xb}from"react/jsx-runtime";var ol=e=>jt($,{children:[jt(c,{children:"Button"},"toolbar-button"),jt(V,{text:"Menu button"},"toolbar-menu-button"),jt(D,{children:"Split button"},"toolbar-split-button"),Xb(C,{children:[jt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),jt(c,{icon:"align-center",children:"Center"}),jt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as A_,jsxs as w_}from"react/jsx-runtime";import{jsx as _e,jsxs as al}from"react/jsx-runtime";var rl=e=>_e($,{scrollable:!0,...e,children:[_e(c,{children:"Button"},"toolbar-button"),_e(V,{text:"Menu button"},"toolbar-menu-button"),_e(D,{children:"Split button"},"toolbar-split-button"),al(C,{children:[_e(c,{className:"k-group-start",icon:"align-left",children:"Left"}),_e(c,{icon:"align-center",children:"Center"}),_e(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),_e(c,{children:"Button"},"toolbar-button"),_e(V,{text:"Menu button"},"toolbar-menu-button"),_e(D,{children:"Split button"},"toolbar-split-button"),al(C,{children:[_e(c,{className:"k-group-start",icon:"align-left",children:"Left"}),_e(c,{icon:"align-center",children:"Center"}),_e(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as ze,jsxs as nl}from"react/jsx-runtime";var il=({scrollingPosition:e="start",...t})=>ze($,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[ze(c,{children:"Button"},"toolbar-button"),ze(V,{text:"Menu button"},"toolbar-menu-button"),ze(D,{children:"Split button"},"toolbar-split-button"),nl(C,{children:[ze(c,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(c,{icon:"align-center",children:"Center"}),ze(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ze(c,{children:"Button"},"toolbar-button"),ze(V,{text:"Menu button"},"toolbar-menu-button"),ze(D,{children:"Split button"},"toolbar-split-button"),nl(C,{children:[ze(c,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(c,{icon:"align-center",children:"Center"}),ze(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as qb,jsx as Oe,jsxs as Za}from"react/jsx-runtime";var sl=({fillMode:e,size:t,...o})=>Za(qb,{children:[Oe($,{section:!0,fillMode:e,size:t,children:[Oe(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Za(C,{fillMode:e,children:[Oe(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Oe(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Oe(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Oe(se,{className:"k-toolbar-button-separator"}),Oe(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Za(Ya,{size:t,fillMode:e,section:!0,...o,children:[Oe(D,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Oe(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Oe(se,{}),Oe(V,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Za(C,{fillMode:e,children:[Oe(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Oe(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Oe(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as pz,jsx as dz,jsxs as cz}from"react/jsx-runtime";import{Fragment as Lz,jsx as gz,jsxs as vz}from"react/jsx-runtime";import{jsx as Bt}from"react/jsx-runtime";var Wb=$.options,Jb=$.states,ll={...$.defaultOptions,variant:"default"},Yb=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Zb=[],Ko=e=>{let{variant:t,...o}={...ll,...e};switch(t){case"responsive":return Bt("div",{children:Bt(sl,{style:{width:"583px"},...o})});case"overlay":return Bt("div",{children:Bt(il,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Bt("div",{children:Bt(rl,{style:{width:"583px"},...o})});default:return Bt("div",{children:Bt(ol,{style:{width:"583px"},...o})})}};Ko.options=Wb;Ko.states=Jb;Ko.variants=Yb;Ko.defaultOptions=ll;Ko.modifiers=Zb;Ko.className=$.className;import{jsx as He}from"react/jsx-runtime";var dl="k-imageeditor-toolbar",Qb=[],jb={},ef=[He(c,{icon:"upload","aria-label":"Upload"},"toolbar-button-1"),He(c,{disabled:!0,icon:"download","aria-label":"Download"},"toolbar-button-2"),He(se,{},"toolbar-separator-1"),He(c,{disabled:!0,icon:"undo","aria-label":"Undo"},"toolbar-button-3"),He(c,{disabled:!0,icon:"redo","aria-label":"Redo"},"toolbar-button-4"),He(se,{},"toolbar-separator-2"),He(c,{disabled:!0,icon:"crop","aria-label":"Crop"},"toolbar-button-5"),He(c,{disabled:!0,icon:"image-resize","aria-label":"Resize"},"toolbar-button-6"),He(c,{disabled:!0,icon:"zoom-in","aria-label":"Zoom in"},"toolbar-button-7"),He(c,{disabled:!0,icon:"zoom-out","aria-label":"Zoom out"},"toolbar-button-8"),He(ot,{children:He(B,{disabled:!0,value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],cl={toolbarItems:ef},Do=e=>{let{toolbarItems:t=cl.toolbarItems,...o}=e;return He($,{...o,className:i(e.className,dl),children:t})};Do.states=Qb;Do.options=jb;Do.className=dl;Do.defaultOptions=cl;var pl="image-editor",ml="imageeditor";import{jsx as La,jsxs as ul}from"react/jsx-runtime";var bl="k-imageeditor",tf=[],of={},af={},at=e=>{let{toolbarItems:t,actionPane:o,contentHeight:a,children:r,...s}=e;return ul("div",{...s,className:i(e.className,bl),children:[La("div",{className:"k-imageeditor-header",children:La(Do,{toolbarItems:t})}),ul("div",{className:"k-imageeditor-content",style:{height:a},children:[La("div",{className:"k-imageeditor-canvas-container",children:La("div",{className:"k-imageeditor-canvas",children:r})}),o&&La("div",{className:"k-imageeditor-action-pane",children:o})]})]})};at.states=tf;at.options=of;at.className=bl;at.defaultOptions=af;at.moduleName=pl;at.folderName=ml;at.ariaSpec={selector:".k-imageeditor",rules:[{selector:".k-imageeditor-canvas>canvas",attribute:"role=img",usage:"Indicates the canvas role as an image. Applicable when an image is loaded."},{selector:".k-imageeditor-canvas>canvas",attribute:"aria-label or aria-labelledby",usage:"Provides an accessible name for the canvas by describing the image content. Applicable when an image is loaded."}]};import{jsx as sH}from"react/jsx-runtime";var fl="form",hl="forms";import{Fragment as xl,jsx as Qa,jsxs as sf}from"react/jsx-runtime";var ja="k-form",rf=[],nf={size:[l.undefined,l.small,l.medium,l.large]},On={layout:"basic",tag:"form"},le=e=>{let{size:t,orientation:o,layout:a=On.layout,formButtons:r,cols:s,gutters:d,tag:u=On.tag,children:f}=e,h=u,N=i(e.className,ja,I(ja,{size:t}),{[`${ja}-${o}`]:o}),x=sf(xl,{children:[a==="grid"?Qa("div",{className:i("k-form-layout","k-d-grid",{[`k-grid-cols-${s}`]:s}),style:{...typeof d=="string"&&{gap:d},...typeof d=="object"&&d.rows&&{rowGap:d.rows},...typeof d=="object"&&d.cols&&{columnGap:d.cols}},children:f}):Qa(xl,{children:f}),r&&Qa("div",{className:"k-form-buttons",children:r})]}),{role:p,"aria-labelledby":g,"aria-label":k,id:S}=e;return Qa(h,{className:N,role:p,"aria-labelledby":g,"aria-label":k,id:S,children:x})};le.states=rf;le.options=nf;le.className=ja;le.defaultOptions=On;le.moduleName=fl;le.folderName=hl;var Nl="label",kl="label";import{jsx as gl,jsxs as pf}from"react/jsx-runtime";var An="k-label",lf=[n.disabled],df={},cf={},Pt=e=>{let{disabled:t,optional:o,info:a,text:r,children:s,...d}=e;return pf("label",{...d,className:i(e.className,An,T(An,{disabled:t})),children:[r\|\|s,o&&gl("span",{className:"k-label-optional",children:"(Optional)"}),a&&gl("span",{className:"k-field-info",children:a})]})};Pt.states=lf;Pt.options=df;Pt.className=An;Pt.defaultOptions=cf;Pt.moduleName=Nl;Pt.folderName=kl;import{jsx as ff}from"react/jsx-runtime";var vl="k-form-hint",mf=[],uf={},bf={},Ze=e=>{let{text:t,children:o,...a}=e;return ff("div",{...a,className:i(e.className,vl),children:t\|\|o})};Ze.states=mf;Ze.options=uf;Ze.className=vl;Ze.defaultOptions=bf;import{jsx as kf}from"react/jsx-runtime";var Ll="k-form-error",hf=[],xf={},Nf={},Qe=e=>{let{text:t,children:o,...a}=e;return kf("div",{...a,className:i(e.className,Ll),children:t\|\|o})};Qe.states=hf;Qe.options=xf;Qe.className=Ll;Qe.defaultOptions=Nf;import{jsx as er,jsxs as Sl}from"react/jsx-runtime";var wn="k-form-field",gf=[n.disabled],j=e=>{let{editorId:t,label:o,orientation:a,optional:r,editor:s,hint:d,error:u,info:f,disabled:h,dir:N,colSpan:x,...p}=e;return Sl("div",{...p,className:i(wn,e.className,T(wn,{disabled:h}),{[`k-col-span-${x}`]:x}),dir:N,children:[o&&er(Pt,{className:"k-form-label",id:t?`${t}-label`:void 0,htmlFor:t\|\|void 0,optional:r,info:f?"(field info)":void 0,children:o}),a==="horizontal"&&!o&&er("span",{className:"k-label k-form-label k-label-empty"}),Sl("div",{className:"k-form-field-wrap",children:[s,d&&er(Ze,{id:t?`${t}-hint`:void 0,children:d}),u&&er(Qe,{id:t?`${t}-error`:void 0,children:u})]})]})};j.states=gf;j.className=wn;import{Fragment as vf,jsx as Rn,jsxs as Lf}from"react/jsx-runtime";var Ml="k-form-fieldset",mt=e=>{let{legend:t,layout:o,cols:a,gutters:r,colSpan:s}=e;return Lf("fieldset",{className:i(Ml,{[`k-col-span-${s}`]:s}),children:[t&&Rn("legend",{className:"k-form-legend",children:t}),o==="grid"?Rn("div",{className:i("k-form-layout","k-d-grid",{[`k-grid-cols-${a}`]:a}),style:{...typeof r=="string"&&{gap:r},...typeof r=="object"&&r.rows&&{rowGap:r.rows},...typeof r=="object"&&r.cols&&{columnGap:r.cols}},children:e.children}):Rn(vf,{children:e.children})]})};mt.className=Ml;var eo="radio",_o=eo;import{jsx as Il}from"react/jsx-runtime";var tr="k-radio",Sf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked],Mf={size:[l.undefined,l.small,l.medium,l.large]},If={},ue=e=>{let{id:t,checked:o,hover:a,focus:r,disabled:s,invalid:d,valid:u,required:f,size:h,...N}=e;return Il("span",{className:"k-radio-wrap",children:Il("input",{...N,id:t,type:"radio",checked:o,required:f,disabled:s\|\|void 0,"aria-invalid":d?"true":void 0,className:i(e.className,tr,I(tr,{size:h}),T(tr,{hover:a,focus:r,disabled:s,invalid:d,valid:u,checked:o}))})})};ue.states=Sf;ue.options=Mf;ue.className=tr;ue.defaultOptions=If;ue.moduleName=eo;ue.folderName=_o;ue.ariaSpec={selector:".k-radio",rules:[{selector:".k-radio",attribute:"type=radio",usage:"Announces the radio type of the input."},{selector:".k-radio",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-radio",attribute:"checked (when checked)",usage:"Boolean attribute that announces the checked state of the radio button."},{selector:".k-radio",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the radio."},{selector:".k-radio",attribute:"disabled=disabled or aria-disabled=true (when disabled)",usage:"Rendered only when the radio input is disabled."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the radio button is in a form and announces the invalid state."}]};var je=ue;import{jsx as Ef}from"react/jsx-runtime";var yl="k-radio-list",yf=[],Tf={},Tl={layout:"vertical"},be=e=>{let{layout:t=Tl.layout,...o}=e;return Ef("ul",{...o,className:i(e.className,yl,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};be.states=yf;be.options=Tf;be.className=yl;be.defaultOptions=Tl;be.moduleName=eo;be.folderName=_o;be.ariaSpec={selector:".k-radio-list",rules:[{selector:".k-radio-list",attribute:"role=radiogroup",usage:"Announces the radiogroup role of the element."},{selector:".k-radio-list-item",attribute:"role=none",usage:"Due to issues with nested items, forces a no-role state."},{selector:".k-radio",attribute:"readonly or aria-readonly (when readonly)",usage:"The attribute is rendered only when the radio button is read-only."},{selector:".k-radio",attribute:"aria-invalid=true (when invalid)",usage:"The attribute is rendered only when the radio button is in a form and announces the invalid state of the component."},{selector:".k-radio-list-item.k-disabled .k-radio",attribute:"disabled or aria-disabled (when disabled)",usage:"The attribute is rendered only when the radio button is disabled."}]};import{jsx as wf}from"react/jsx-runtime";var El="k-radio-list-item",Cf=[],Of={},Af={},ge=e=>{let{...t}=e;return wf("li",{...t,className:i(e.className,El),role:"none",children:e.children})};ge.states=Cf;ge.options=Of;ge.className=El;ge.defaultOptions=Af;ge.moduleName=eo;ge.folderName=_o;import{jsx as JH}from"react/jsx-runtime";import{Fragment as Rf,jsx as Cl,jsxs as Bf}from"react/jsx-runtime";var vt=({children:e,id:t,...o})=>Bf(Rf,{children:[Cl(je,{...o,id:t}),Cl("label",{className:"k-radio-label",htmlFor:t,children:e})]});import{Fragment as a1,jsx as o1,jsxs as r1}from"react/jsx-runtime";import{Fragment as c1,jsx as l1,jsxs as d1}from"react/jsx-runtime";import{Fragment as f1,jsx as b1,jsxs as h1}from"react/jsx-runtime";import{Fragment as v1,jsx as g1,jsxs as L1}from"react/jsx-runtime";import{Fragment as C1,jsx as E1,jsxs as O1}from"react/jsx-runtime";import{jsx as B1}from"react/jsx-runtime";import{jsx as Ff}from"react/jsx-runtime";var Kf=je.options,Df=je.states,_f=je.defaultOptions,zf=[],Hf=[],zo=e=>Ff(vt,{id:A("radio"),name:"value",...e,children:"Label"});zo.options=Kf;zo.states=Df;zo.variants=zf;zo.defaultOptions=_f;zo.modifiers=Hf;zo.className=je.className;import{jsx as et,jsxs as Ol}from"react/jsx-runtime";var Uf=be.options,Gf=be.states,Vf={...be.defaultOptions,variant:"vertical"},$f=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Xf=[],Ho=e=>{let{variant:t,...o}=e;return t==="horizontal"?Ol(be,{layout:"horizontal",...o,children:[et(ge,{children:et(vt,{id:A("rb"),name:"value",defaultChecked:!0,children:"Label"})}),et(ge,{children:et(vt,{id:A("rb"),name:"value",children:"Label"})}),et(ge,{children:et(vt,{id:A("rb"),name:"value",children:"Label"})})]}):Ol(be,{...o,children:[et(ge,{children:et(vt,{id:A("rb"),name:"value",defaultChecked:!0,children:"Label"})}),et(ge,{children:et(vt,{id:A("rb"),name:"value",children:"Label"})}),et(ge,{children:et(vt,{id:A("rb"),name:"value",children:"Label"})})]})};Ho.options=Uf;Ho.states=Gf;Ho.variants=$f;Ho.defaultOptions=Vf;Ho.modifiers=Xf;Ho.className=be.className;import{Fragment as qf,jsx as Ae,jsxs as Fo}from"react/jsx-runtime";var Bn=e=>{let{size:t,children:o,...a}=e;return Ae(le,{formButtons:Fo(qf,{children:[Ae(c,{className:"k-form-submit",themeColor:"primary",size:t,children:"Submit"}),Ae(c,{className:"k-form-clear",size:t,children:"Clear"})]}),size:t,...a,children:o\|\|Fo(mt,{legend:"Form Legend",children:[Ae(j,{label:"Label",editor:Ae(H,{size:t})}),Ae(j,{label:"Label",hint:"Hint text",editor:Ae(B,{value:"Dropdown List",size:t,"aria-label":"Label"})}),Ae(j,{label:"City",editor:Fo("ul",{className:"k-radio-list k-list-horizontal",children:[Fo("li",{className:"k-radio-list-item",children:[Ae(ue,{defaultChecked:!0,size:t}),Ae("label",{className:"k-radio-label",children:"Label"})]}),Fo("li",{className:"k-radio-list-item",children:[Ae(ue,{size:t}),Ae("label",{className:"k-radio-label",children:"Label"})]}),Fo("li",{className:"k-radio-list-item",children:[Ae(ue,{size:t}),Ae("label",{className:"k-radio-label",children:"Label"})]})]})})]})})};import{Fragment as S2,jsx as L2,jsxs as M2}from"react/jsx-runtime";import{Fragment as A2,jsx as O2,jsxs as w2}from"react/jsx-runtime";var Al="date-input",wl="dateinput";import{jsx as Sa,jsxs as Zf}from"react/jsx-runtime";var Rl="k-dateinput",Wf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Jf={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Yf={},we=e=>{let{size:t,rounded:o,fillMode:a,value:r,placeholder:s,hover:d,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,readonly:g,showClearButton:k,showSpinButton:S,id:y,"aria-label":M,"aria-describedby":O,...F}=e;return Zf(U,{...F,size:t,rounded:o,fillMode:a,hover:d,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,readonly:g,className:i(e.className,Rl),children:[Sa(pe,{id:y,placeholder:s,value:r,disabled:p,"aria-label":M,"aria-describedby":O,"aria-invalid":h?"true":void 0}),Sa(te,{valid:f,invalid:h,loading:x,disabled:p}),Sa(ae,{loading:x,disabled:p}),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=Wf;we.options=Jf;we.className=Rl;we.defaultOptions=Yf;we.moduleName=Al;we.folderName=wl;we.ariaSpec={selector:".k-dateinput",rules:[{selector:".k-dateinput > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:'The element should be an input or have role="textbox".'},{selector:".k-dateinput > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-dateinput > .k-input-inner",attribute:"tabindex=0",usage:"The element should be focusable."},{selector:".k-dateinput > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the DateInput is in an invalid state."},{selector:".k-dateinput > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-dateinput > .k-input-inner",attribute:"readonly=readonly or aria-readonly=true (when readonly)",usage:"Rendered when the DateInput is readonly."},{selector:".k-dateinput.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the DateInput is disabled."}]};var Pn=we;import{jsx as Qf}from"react/jsx-runtime";var Bl=e=>Qf(Pn,{...e});import{jsx as X2}from"react/jsx-runtime";import{jsx as rh}from"react/jsx-runtime";var jf=we.options,eh=we.states,th=we.defaultOptions,oh=[{name:"spin-button",title:"`Spin` Button"}],ah=[],Uo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{r==="spin-button"&&(a.showSpinButton=!!t?.[r])}),rh(Bl,{value:"2/04/2021",style:{width:"300px"},...o,...a})};Uo.options=jf;Uo.states=eh;Uo.variants=ah;Uo.defaultOptions=th;Uo.modifiers=oh;Uo.className=we.className;var Pl="masked-textbox",Kl="maskedtextbox";import{Fragment as Dl,jsx as Kt,jsxs as Kn}from"react/jsx-runtime";var _l="k-maskedtextbox",nh=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ih={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Dn={showClearButton:!0,separators:!0},Re=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Dn.separators,showClearButton:s=Dn.showClearButton,prefix:d,suffix:u,value:f,placeholder:h,hover:N,focus:x,valid:p,invalid:g,required:k,loading:S,disabled:y,readonly:M,id:O,"aria-label":F,"aria-describedby":Z,...ee}=e;return Kn(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,_l),children:[d&&Kn(Dl,{children:[Kt(fe,{children:d}),r&&Kt(re,{})]}),Kt(pe,{id:O,placeholder:h,value:f,disabled:y,"aria-label":F,"aria-describedby":Z,"aria-invalid":g?"true":void 0}),Kt(te,{valid:p,invalid:g,loading:S,disabled:y}),Kt(ae,{loading:S,disabled:y}),s&&Kt(ce,{loading:S,disabled:y,readonly:M,value:f}),u&&Kn(Dl,{children:[r&&Kt(re,{}),Kt(he,{children:u})]})]})};Re.states=nh;Re.options=ih;Re.className=_l;Re.defaultOptions=Dn;Re.moduleName=Pl;Re.folderName=Kl;Re.ariaSpec={selector:".k-maskedtextbox",rules:[{selector:".k-maskedtextbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-maskedtextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-maskedtextbox > .k-input-inner",attribute:"aria-placeholder (when has mask)",usage:"Announces the mask or placeholder for the component."},{selector:".k-maskedtextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the MaskedTextBox is in an invalid state."},{selector:".k-maskedtextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-maskedtextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the MaskedTextBox is disabled."}]};var Go=Re;import{jsx as sh}from"react/jsx-runtime";var zl=e=>sh(Go,{...e});import{Fragment as x3,jsx as h3}from"react/jsx-runtime";import{Fragment as S3,jsx as L3}from"react/jsx-runtime";import{jsx as T3}from"react/jsx-runtime";import{jsx as A3}from"react/jsx-runtime";import{jsx as _n}from"react/jsx-runtime";var lh=Re.states,dh=Re.defaultOptions,ch=Re.options,ph=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],mh=[],Vo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?_n(B,{size:o.size,value:"Choose",fillMode:"flat"}):void 0;break;case"suffix":a.suffix=t?.[r]?_n(L,{icon:"lock"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),_n(zl,{value:"Value",style:{width:300},...o,...a})};Vo.options=ch;Vo.states=lh;Vo.variants=mh;Vo.defaultOptions=dh;Vo.modifiers=ph;Vo.className=Re.className;var zn="switch",Hl=zn;import{jsx as or,jsxs as Fl}from"react/jsx-runtime";var Dt="k-switch",uh=[n.hover,n.focus,n.disabled,n.readonly,n.checked],bh={size:[l.undefined,l.small,l.medium,l.large],trackRounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],thumbRounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},fh={},Te=e=>{let{checked:t,onLabel:o,offLabel:a,size:r,trackRounded:s,thumbRounded:d,hover:u,focus:f,disabled:h,readonly:N,...x}=e;return Fl("span",{...x,className:i(e.className,Dt,I(Dt,{size:r}),T(Dt,{hover:u,focus:f,disabled:h,readonly:N}),{[`${Dt}-on`]:t,[`${Dt}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:h?void 0:0,"aria-disabled":h?"true":void 0,"aria-readonly":N?"true":void 0,children:[Fl("span",{className:i("k-switch-track",I(Dt,{rounded:s})),children:[o&&or("span",{className:"k-switch-label-on",children:o}),a&&or("span",{className:"k-switch-label-off",children:a})]}),or("span",{className:"k-switch-thumb-wrap",children:or("span",{className:i("k-switch-thumb",I(Dt,{rounded:d}))})})]})};Te.states=uh;Te.options=bh;Te.className=Dt;Te.defaultOptions=fh;Te.moduleName=zn;Te.folderName=Hl;Te.ariaSpec={selector:".k-switch",rules:[{selector:".k-switch",attribute:"role=switch",usage:"Announces the switch role of the element."},{selector:".k-switch",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-switch",attribute:"aria-required=true (when required)",usage:'Rendered only when the Switch is in a form. Required because <span role="switch"> does not support the native required attribute.'},{selector:".k-switch",attribute:"aria-checked",usage:"Announces the checked state of the Switch."},{selector:".k-switch",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the switch."},{selector:".k-switch",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Switch is in a form and announces the invalid state."},{selector:".k-switch:not(.k-disabled)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled switches are removed from tab order."},{selector:".k-switch.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the Switch is disabled."},{selector:".k-switch.k-readonly",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Switch is readonly. Readonly switches remain focusable but their value cannot be changed."}]};import{jsx as t5}from"react/jsx-runtime";import{jsx as n5}from"react/jsx-runtime";import{jsx as d5}from"react/jsx-runtime";import{jsx as u5}from"react/jsx-runtime";import{jsx as Ul}from"react/jsx-runtime";var hh=Te.options,xh=Te.states,Nh={...Te.defaultOptions,variant:"on"},kh=[{name:"on",title:"On"},{name:"off",title:"Off"}],gh=[],$o=e=>{let{variant:t,...o}=e;return t==="off"?Ul(Te,{checked:!1,onLabel:"On",offLabel:"Off",...o}):Ul(Te,{checked:!0,onLabel:"On",offLabel:"Off",...o})};$o.options=hh;$o.states=xh;$o.variants=kh;$o.defaultOptions=Nh;$o.modifiers=gh;$o.className=Te.className;var Fn="textarea",Gl=Fn;import{Fragment as Vl,jsx as Ma,jsxs as Un}from"react/jsx-runtime";var $l="k-textarea",vh=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Lh={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Xo={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},Ee=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:r=Xo.prefixSeparator,suffixSeparator:s=Xo.prefixSeparator,affixesOrientation:d=Xo.affixesOrientation,flow:u=Xo.flow,resize:f=Xo.resize,prefix:h,suffix:N,rows:x,value:p,placeholder:g,hover:k,focus:S,valid:y,invalid:M,required:O,disabled:F,id:Z,"aria-label":ee,"aria-describedby":de,...ve}=e;return Un(U,{...ve,size:t,rounded:o,fillMode:a,hover:k,focus:S,valid:y,invalid:M,required:O,disabled:F,className:i(e.className,$l,{"!k-flex-col":u==="vertical","!k-flex-row":u==="horizontal"}),children:[h&&Un(Vl,{children:[Ma(fe,{className:i({"!k-align-items-start":u===d}),direction:d,children:h}),r&&Ma(re,{direction:u==="horizontal"?"vertical":"horizontal"})]}),Ma(ia,{className:i("!k-overflow-auto",{"!k-flex-none":u==="vertical","k-resize-x":f==="x","k-resize-y":f==="y","k-resize":f==="both","k-resize-none":f==="none"}),value:p,placeholder:g,rows:x,disabled:F,id:Z,"aria-label":ee,"aria-describedby":de,"aria-invalid":M?"true":void 0}),N&&Un(Vl,{children:[s&&Ma(re,{direction:u==="horizontal"?"vertical":"horizontal"}),Ma(he,{className:i({"!k-align-items-start":u===d}),direction:d,children:N})]})]})};Ee.states=vh;Ee.options=Lh;Ee.className=$l;Ee.defaultOptions=Xo;Ee.moduleName=Fn;Ee.folderName=Gl;Ee.ariaSpec={selector:".k-textarea",rules:[{selector:".k-textarea > .k-input-inner",attribute:"role=textbox or nodeName=textarea",usage:"Describes the role of the component."},{selector:".k-textarea > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The textarea requires an accessible name (provided by consuming app)."},{selector:".k-textarea > .k-input-inner",attribute:"aria-multiline=true (when role=textbox)",usage:"Required on role=textbox to indicate multi-line behavior. Implicit on native <textarea>, so not needed there."},{selector:".k-textarea > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the TextArea is in a form and announces the invalid state."},{selector:".k-textarea > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the textarea."},{selector:".k-textarea.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered only when the TextArea is disabled."}]};import{jsx as B5}from"react/jsx-runtime";import{Fragment as H5,jsx as z5}from"react/jsx-runtime";import{Fragment as X5,jsx as $5}from"react/jsx-runtime";import{jsx as Y5}from"react/jsx-runtime";import{jsx as ar}from"react/jsx-runtime";var Sh=Ee.options,Mh=Ee.states,Xl={...Ee.defaultOptions,variant:"vertical"},Ih=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],yh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],qo=e=>{let{variant:t,modifiers:o,...a}={...Xl,...e},r={resize:"y"};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"prefix":r.prefix=o?.[s]?ar(L,{icon:"comment"}):void 0;break;case"suffix":r.suffix=o?.[s]?ar(L,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?ar(Ee,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...r}):ar(Ee,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...r})};qo.options=Sh;qo.states=Mh;qo.variants=Ih;qo.defaultOptions=Xl;qo.modifiers=yh;qo.className=Ee.className;import{Fragment as gF,jsx as kF,jsxs as vF}from"react/jsx-runtime";import{Fragment as wh,jsx as Ce,jsxs as Wo}from"react/jsx-runtime";var Th=le.options,Eh=le.states,Ch={...le.defaultOptions,variant:"vertical"},Oh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Ah=[],Jo=e=>{let{variant:t,size:o,...a}=e,r=Wo(mt,{legend:"Form Legend",children:[Ce(j,{label:"Label",editor:Ce(H,{size:o})}),Ce(j,{label:"Label",hint:"Hint text",editor:Ce(B,{value:"Dropdown List",size:o})}),Ce(j,{label:"City",editor:Wo("ul",{className:"k-radio-list k-list-horizontal",children:[Wo("li",{className:"k-radio-list-item",children:[Ce(ue,{checked:!0,size:o}),Ce("label",{className:"k-radio-label",children:"Label"})]}),Wo("li",{className:"k-radio-list-item",children:[Ce(ue,{size:o}),Ce("label",{className:"k-radio-label",children:"Label"})]}),Wo("li",{className:"k-radio-list-item",children:[Ce(ue,{size:o}),Ce("label",{className:"k-radio-label",children:"Label"})]})]})})]}),s=Wo(wh,{children:[Ce(c,{className:"k-form-submit",themeColor:"primary",size:o,children:"Submit"}),Ce(c,{className:"k-form-clear",size:o,children:"Clear"})]});return t==="horizontal"?Ce(le,{orientation:"horizontal",size:o,...a,formButtons:s,children:r}):Ce(le,{size:o,...a,formButtons:s,children:r})};Jo.options=Th;Jo.states=Eh;Jo.variants=Oh;Jo.defaultOptions=Ch;Jo.modifiers=Ah;Jo.className=le.className;import{jsx as ql,jsxs as Dh}from"react/jsx-runtime";var Rh=Ze.options,Bh=Ze.states,Wl={...Ze.defaultOptions},Ph=[],Kh=[{name:"showHint",title:"Show Hint"}],Yo=e=>{let{modifiers:t,...o}={...Wl,...e},a=t?.showHint??!0;return Dh("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[ql(H,{placeholder:"Component",style:{width:"200px"}}),a&&ql(Ze,{...o,children:"Hint text"})]})};Yo.options=Rh;Yo.states=Bh;Yo.variants=Ph;Yo.defaultOptions=Wl;Yo.modifiers=Kh;Yo.className=Ze.className;import{jsx as Jl,jsxs as Uh}from"react/jsx-runtime";var _h=Qe.options,zh=Qe.states,Yl={...Qe.defaultOptions},Hh=[],Fh=[{name:"showError",title:"Show Error"}],Zo=e=>{let{modifiers:t,...o}={...Yl,...e},a=t?.showError??!0;return Uh("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Jl(H,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&Jl(Qe,{...o,children:"Error text"})]})};Zo.options=_h;Zo.states=zh;Zo.variants=Hh;Zo.defaultOptions=Yl;Zo.modifiers=Fh;Zo.className=Qe.className;import{Fragment as p6,jsx as c6,jsxs as m6}from"react/jsx-runtime";var Vn="segmented-control",Zl=Vn,Ql="segmented-control-button",jl="segmented-control";import{jsx as $h,jsxs as Xh}from"react/jsx-runtime";var rr="k-segmented-control",Gh=[],Vh={size:[l.undefined,l.small,l.medium,l.large]},_t=e=>{let{size:t,stretched:o,children:a,thumbStyles:r,...s}=e;return Xh("div",{...s,className:i(e.className,rr,I(rr,{size:t}),{[`${rr}-stretched`]:o}),role:"group",children:[$h("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:r}),a]})};_t.states=Gh;_t.options=Vh;_t.className=rr;_t.moduleName=Vn;_t.folderName=Zl;_t.ariaSpec={selector:".k-segmented-control",rules:[{selector:".k-segmented-control",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-segmented-control-button",attribute:"role=button or nodeName=button",usage:"Each button must have the appropriate button role."},{selector:".k-segmented-control-button.k-selected",attribute:"aria-pressed=true",usage:"Only the selected button within the group will have this attribute set to true."},{selector:".k-segmented-control-button.k-disabled",attribute:"aria-disabled=true",usage:"Indicates that the button is disabled and cannot be interacted with."},{selector:".k-segmented-control-thumb",attribute:"aria-hidden=true",usage:"The thumb is purely decorative and should be hidden from screen readers."}]};import{jsx as ed,jsxs as Yh}from"react/jsx-runtime";var $n="k-segmented-control-button",qh=[n.selected,n.hover,n.focus,n.disabled],Wh={},Jh={},Lt=e=>{let{hover:t,focus:o,selected:a,disabled:r,icon:s,text:d,iconClassName:u,...f}=e;return Yh("button",{...f,className:i(e.className,$n,T($n,{hover:t,focus:o,disabled:r,selected:a})),"aria-pressed":a?"true":"false","aria-disabled":r?"true":void 0,children:[s&&ed(L,{className:i(u,"k-segmented-control-button-icon"),icon:s}),(d\|\|e.children)&&ed("span",{className:"k-segmented-control-button-text",children:d\|\|e.children})]})};Lt.states=qh;Lt.options=Wh;Lt.className=$n;Lt.defaultOptions=Jh;Lt.moduleName=Ql;Lt.folderName=jl;import{Fragment as B6,jsx as R6,jsxs as P6}from"react/jsx-runtime";import{Fragment as F6,jsx as H6,jsxs as U6}from"react/jsx-runtime";import{Fragment as W6,jsx as q6,jsxs as J6}from"react/jsx-runtime";import{Fragment as t7,jsx as e7,jsxs as o7}from"react/jsx-runtime";import{Fragment as l7,jsx as s7,jsxs as d7}from"react/jsx-runtime";import{Fragment as td,jsx as R,jsxs as Ia}from"react/jsx-runtime";var T7=e=>R(at,{toolbarItems:[R(c,{icon:"upload","aria-label":"Upload"},"toolbar-button-1"),R(c,{icon:"download","aria-label":"Download"},"toolbar-button-2"),R(se,{},"toolbar-separator-1"),R(c,{disabled:!0,icon:"undo","aria-label":"Undo"},"toolbar-button-3"),R(c,{disabled:!0,icon:"redo","aria-label":"Redo"},"toolbar-button-4"),R(se,{},"toolbar-separator-2"),R(c,{icon:"crop","aria-label":"Crop"},"toolbar-button-5"),R(c,{icon:"image-resize","aria-label":"Resize"},"toolbar-button-6"),R(c,{icon:"zoom-in","aria-label":"Zoom in"},"toolbar-button-7"),R(c,{icon:"zoom-out","aria-label":"Zoom out"},"toolbar-button-8"),R(ot,{children:R(B,{value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],actionPane:R(Bn,{tag:"div",className:"k-imageeditor-pane-form",formButtons:Ia(td,{children:[R(c,{themeColor:"primary",icon:"check",children:"Confirm"}),R(c,{icon:"cancel-outline",children:"Cancel"})]}),children:Ia(mt,{layout:"grid",legend:"Crop Image",cols:2,gutters:{cols:"8px"},children:[R(j,{colSpan:"2",label:"Aspect Ratio:",editor:R(B,{value:"Original ratio","aria-label":"Aspect ratio"})}),R(j,{colSpan:"2",label:"Orientation:",editor:Ia(_t,{thumbStyles:{width:"50%"},stretched:!0,children:[R(Lt,{selected:!0,children:"Portrait"}),R(Lt,{children:"Landscape"})]})}),R(j,{colSpan:"1",label:"Width:",editorId:"crop-width",editor:R(P,{id:"crop-width",showClearButton:!1,value:"61"})}),R(j,{colSpan:"1",label:"Height:",editorId:"crop-height",editor:R(P,{id:"crop-height",showClearButton:!1,value:"68"})}),R(j,{colSpan:"2",editor:R($e,{id:"crop-lock",children:"Lock aspect ratio"})})]})}),children:Ia(td,{children:[R("canvas",{width:"61",height:"68",role:"img","aria-label":"Image being edited"}),R("div",{className:"k-imageeditor-crop-overlay",children:Ia("div",{className:"k-imageeditor-crop",style:{width:"61px",height:"68px"},children:[R("span",{className:"k-resize-handle k-resize-nw"}),R("span",{className:"k-resize-handle k-resize-n"}),R("span",{className:"k-resize-handle k-resize-ne"}),R("span",{className:"k-resize-handle k-resize-w"}),R("span",{className:"k-resize-handle k-resize-e"}),R("span",{className:"k-resize-handle k-resize-sw"}),R("span",{className:"k-resize-handle k-resize-s"}),R("span",{className:"k-resize-handle k-resize-se"})]})})]}),...e});export{T7 as ImageEditorCrop};
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 qn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},m={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},b={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},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 cr={};function A(e){return cr[e]=(cr[e]\|\|0)+1,`k-${e}-${cr[e]}`}import{Fragment as id,jsx as Wn}from"react/jsx-runtime";var pr="k-font-icon",ad=[],rd={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},nd={},Qo=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...d}=e;return a?Wn("span",{...d,className:i(e.className,pr,I(pr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true"}):Wn(id,{})};Qo.states=ad;Qo.options=rd;Qo.className=pr;Qo.defaultOptions=nd;var Jn=Qo;import{Fragment as dd,jsx as Ta}from"react/jsx-runtime";var mr="k-svg-icon",sd=[],ld={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},Yn={viewBox:"0 0 24 24"},jo=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Yn.viewBox,icon:d,...u}=e;if(!d)return Ta(dd,{});if(d==="none")return Ta("span",{...u,className:i(e.className,mr,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof d=="object"&&d.name&&d.name;return Ta("span",{...u,className:i(e.className,mr,I("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"\|\|r==="both","k-flip-v":r==="v"\|\|r==="both"}),"aria-hidden":"true",children:Ta("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:s,dangerouslySetInnerHTML:typeof d=="object"?{__html:d.content}:void 0,children:d?void 0:e.children})})};jo.states=sd;jo.options=ld;jo.className=mr;jo.defaultOptions=Yn;var ur=jo;importas br from"@progress/kendo-svg-icons";var Zn="icon",Qn="icons";import{useContext as pd}from"react";import{createContext as cd}from"react";var jn=cd({iconsType:"svg"});import{Fragment as ei,jsx as ea}from"react/jsx-runtime";var Ea="k-icon",md=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ud=[],bd={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},fr={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{iconsType:t}=pd(jn),{size:o,themeColor:a,icon:r,type:s=t\|\|fr.type,rotate:d,flip:u,viewBox:f=fr.viewBox,...h}=e;if(!r)return ea(ei,{});if((t\|\|s)==="svg"){if(r==="none")return ea(ur,{...h,className:i(e.className,Ea),icon:r,size:o});let x=br[r]?r:md(`${r}-icon`);return br[x]?ea(ur,{...h,className:i(e.className,Ea),icon:br[x],size:o,themeColor:a,rotate:d,flip:u,viewBox:f}):ea(ei,{})}return ea(Jn,{...h,className:i(e.className,Ea),icon:r,size:o,themeColor:a,rotate:d,flip:u})};L.states=ud;L.options=bd;L.defaultOptions=fr;L.className=Ea;L.moduleName=Zn;L.folderName=Qn;L.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var hr="button",ti=hr;import{Fragment as Nd,jsx as ta,jsxs as oi}from"react/jsx-runtime";var oa="k-button",fd=["icon-button"],hd=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],xd={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},xr={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:d=xr.showArrow,arrowIconName:u=xr.arrowIconName,variant:f,hover:h,focus:N,active:x,selected:p,disabled:g,togglable:k,ariaDisabled:S,icon:y,text:M,iconClassName:O,className:F,...Z}=e,ee=y!==void 0,de=e.children!==void 0;return oi(t,{className:i(F,oa,qn(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?oi(Nd,{children:[M&&ta("span",{className:"k-button-text",children:M}),e.children]}):e.children&&ta("span",{className:"k-button-text",children:e.children}),d&&ta("span",{className:"k-menu-button-arrow k-button-arrow",children:ta(L,{icon:u})})]})};c.states=hd;c.options=xd;c.variants=fd;c.className=oa;c.defaultOptions=xr;c.moduleName=hr;c.folderName=ti;c.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as kd}from"react/jsx-runtime";var ut=e=>kd(c,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as gd}from"react/jsx-runtime";var aa=e=>gd(c,{icon:"folder",children:"Button",...e});import{jsx as vd}from"react/jsx-runtime";var Ht=e=>vd(c,{children:"Button",...e});import{jsx as Nr}from"react/jsx-runtime";var Ld=c.options,Sd=c.states,Md={...c.defaultOptions,variant:"text"},Id=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],yd=[],to=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Nr(ut,{...o,icon:"star"});case"icon-and-text":return Nr(aa,{...o,icon:"star",children:"Button"});default:return Nr(Ht,{...o,children:"Button"})}};to.options=Ld;to.states=Sd;to.variants=Id;to.defaultOptions=Md;to.modifiers=yd;to.className=c.className;var kr="button",ai=kr;import{jsx as Od}from"react/jsx-runtime";var ra="k-button-group",Td=[n.disabled],Ed={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Cd={},C=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return Od("div",{role:"group",...r,className:i(e.className,ra,I(ra,{fillMode:t}),T(ra,{disabled:o}),{[`${ra}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};C.states=Td;C.options=Ed;C.className=ra;C.defaultOptions=Cd;C.moduleName=kr;C.folderName=ai;C.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as pN,jsx as cN,jsxs as mN}from"react/jsx-runtime";import{Fragment as NN,jsx as xN,jsxs as kN}from"react/jsx-runtime";import{Fragment as IN,jsx as MN,jsxs as yN}from"react/jsx-runtime";import{Fragment as wN,jsx as AN,jsxs as RN}from"react/jsx-runtime";import{Fragment as zN,jsx as _N,jsxs as HN}from"react/jsx-runtime";import{Fragment as XN,jsx as $N,jsxs as qN}from"react/jsx-runtime";import{jsx as bt,jsxs as gr}from"react/jsx-runtime";var Ad={...c.options,...C.options},wd=c.states,Rd={...c.defaultOptions,...C.defaultOptions,variant:"text-button"},Bd=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Pd=[],oo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?gr(C,{fillMode:a.fillMode,className:o,children:[bt(c,{...a,icon:"star"}),bt(c,{...a,icon:"star"}),bt(c,{...a,icon:"star"})]}):t==="icon-text-button"?gr(C,{fillMode:a.fillMode,className:o,children:[bt(c,{...a,icon:"star",children:"First"}),bt(c,{...a,icon:"star",children:"Middle"}),bt(c,{...a,icon:"star",children:"Last"})]}):gr(C,{fillMode:a.fillMode,className:o,children:[bt(c,{...a,children:"First"}),bt(c,{...a,children:"Middle"}),bt(c,{...a,children:"Last"})]})};oo.options=Ad;oo.states=wd;oo.variants=Bd;oo.defaultOptions=Rd;oo.modifiers=Pd;oo.className=C.className;var na="input",Ca=na;import{jsx as zd}from"react/jsx-runtime";var Oa="k-input",Kd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Dd={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},_d={},U=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u,size:f,rounded:h,fillMode:N,...x}=e;return zd("span",{...x,className:i(e.className,Oa,I(Oa,{size:f,rounded:h,fillMode:N}),T(Oa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u}))})};U.states=Kd;U.options=Dd;U.className=Oa;U.defaultOptions=_d;U.moduleName=na;U.folderName=Ca;import{jsx as Gd}from"react/jsx-runtime";var Aa="k-picker",Hd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Fd={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ud={},rt=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u,size:f,rounded:h,fillMode:N,...x}=e;return Gd("span",{...x,className:i(e.className,Aa,I(Aa,{size:f,rounded:h,fillMode:N}),T(Aa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:u})),children:e.children})};rt.states=Hd;rt.options=Fd;rt.className=Aa;rt.defaultOptions=Ud;rt.moduleName=na;rt.folderName=Ca;import{Fragment as Xd,jsx as vr}from"react/jsx-runtime";var ri="k-clear-value",Vd=[n.disabled,n.loading,n.readonly],$d={},ce=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t\|\|a\|\|o\|\|!r?vr(Xd,{}):vr("span",{className:i(e.className,ri),children:vr(L,{icon:"x"})})};ce.states=Vd;ce.options=$d;ce.className=ri;import{jsx as Jd}from"react/jsx-runtime";var Lr="k-input-inner",qd=[],Wd={},wa={type:"text",autocomplete:"off",value:"",placeholder:""},pe=e=>{let{value:t=wa.value,type:o=wa.type,placeholder:a=wa.placeholder,autocomplete:r=wa.autocomplete,disabled:s,readOnly:d,...u}=e;return Jd("input",{...u,type:o,className:i(e.className,Lr,I(Lr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s\|\|void 0,readOnly:d\|\|void 0})};pe.states=qd;pe.options=Wd;pe.className=Lr;import{jsx as ni,jsxs as Qd}from"react/jsx-runtime";var Sr="k-input-inner",Yd=[],Zd={},Ft=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...d}=e;return Qd("span",{...d,className:i(e.className,Sr,I(Sr,e)),children:[r,!r&&s&&ni(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&ni("span",{className:"k-input-value-text",children:t})]})};Ft.states=Yd;Ft.options=Zd;Ft.className=Sr;import{jsx as tc}from"react/jsx-runtime";var Mr="k-input-inner",jd=[],ec={},ii={value:"",placeholder:""},ia=e=>{let{value:t=ii.value,placeholder:o=ii.placeholder,rows:a,disabled:r,...s}=e;return tc("textarea",{...s,className:i(e.className,Mr,I(Mr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r\|\|void 0})};ia.states=jd;ia.options=ec;ia.className=Mr;import{Fragment as ac,jsx as si}from"react/jsx-runtime";var li="k-input-loading-icon",oc=[n.disabled,n.loading],ae=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?si(ac,{}):si("span",{className:i(e.className,li,"k-icon k-i-loading")})};ae.states=oc;ae.className=li;import{Fragment as ic,jsx as di}from"react/jsx-runtime";var ci="k-input-validation-icon",rc=[n.valid,n.invalid,n.disabled,n.loading],nc={},te=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a\|\|r\|\|!!!(t\|\|o)?di(ic,{}):di(L,{className:i(ci),icon:s})};te.states=rc;te.options=nc;te.className=ci;import{Fragment as dc,jsx as pi}from"react/jsx-runtime";var sc="k-input-prefix",lc={direction:"horizontal"},fe=e=>{let{direction:t=lc.direction,...o}=e;return e.children?pi("span",{...o,className:i(sc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):pi(dc,{})};import{Fragment as mc,jsx as mi}from"react/jsx-runtime";var cc="k-input-suffix",pc={direction:"horizontal"},he=e=>{let{direction:t=pc.direction,...o}=e;return e.children?mi("span",{...o,className:i(cc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):mi(mc,{})};import{jsx as qk}from"react/jsx-runtime";import{jsx as bc}from"react/jsx-runtime";var uc="k-input-suffix-text",Ir=e=>{let{children:t,...o}=e;return bc("span",{...o,className:i(uc,e.className),children:t})};import{jsx as hc}from"react/jsx-runtime";var ui="k-input-separator",fc={direction:"vertical"},re=e=>{let{direction:t=fc.direction,...o}=e;return hc("span",{...o,className:i(ui,e.className,{[`${ui}-${t}`]:t})})};import{Fragment as bi,jsx as nt,jsxs as yr}from"react/jsx-runtime";var xc=U.states,Nc=U.defaultOptions,kc=U.options,gc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],vc=[],ao=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:d,...u}=e,f=t?.prefix,h=t?.suffix,N=t?.["clear-button"],x=t?.["validation-icon"],p=t?.separators;return yr(U,{...u,valid:o,invalid:a,loading:r,disabled:s,readonly:d,style:{width:300},children:[f&&yr(bi,{children:[nt(fe,{children:nt(L,{icon:"lock"})}),p&&nt(re,{})]}),nt(pe,{placeholder:"Placeholder",value:"Value"}),x&&nt(te,{valid:o,invalid:a,loading:r,disabled:s}),nt(ae,{loading:r,disabled:s}),N&&nt(ce,{loading:r,disabled:s,readonly:d,value:"Value"}),h&&yr(bi,{children:[p&&nt(re,{}),nt(he,{children:nt(Ht,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ao.options=kc;ao.states=xc;ao.variants=vc;ao.defaultOptions=Nc;ao.modifiers=gc;ao.className=U.className;import{jsx as fi,jsxs as Mc}from"react/jsx-runtime";var hi="k-color-preview",Lc=[],Sc={},Mt=e=>{let{color:t,iconName:o,...a}=e;return Mc("span",{...a,className:i(e.className,hi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&fi(L,{icon:o,className:"k-color-preview-icon"}),fi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Mt.states=Lc;Mt.options=Sc;Mt.className=hi;var Tr="popup",xi=Tr;import{jsx as Ni}from"react/jsx-runtime";var ki="k-animation-container",Ic=[],yc={},gi={positionMode:"absolute"},it=e=>{let{positionMode:t=gi.positionMode,animationStyle:o,offset:a,...r}=e;return Ni("div",{...r,style:{...a,...e.style},className:i(e.className,ki,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ni("div",{className:"k-child-animation-container",style:o,children:e.children})})};it.states=Ic;it.options=yc;it.className=ki;it.defaultOptions=gi;it.moduleName=Tr;it.folderName=xi;var Er="popup",vi=Er;import{jsx as Li}from"react/jsx-runtime";var Si="k-popup",Tc=[],Ec={},Mi={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Mi.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:d,...u}=e;return Li(it,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":d,children:Li("div",{...u,className:i(e.className,Si),children:e.children})})};q.states=Tc;q.options=Ec;q.className=Si;q.defaultOptions=Mi;q.moduleName=Er;q.folderName=vi;q.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var Cr="action-buttons",Ii=Cr;import{jsx as Ac}from"react/jsx-runtime";var Ra="k-actions",Cc=[],Oc={},Or={alignment:"start",orientation:"horizontal"},st=e=>{let{alignment:t=Or.alignment,orientation:o=Or.orientation,...a}=e;return Ac("div",{...a,className:i(Ra,{[`${Ra}-${t}`]:t,[`${Ra}-${o}`]:o},e.className),children:e.children})};st.states=Cc;st.options=Oc;st.className=Ra;st.defaultOptions=Or;st.moduleName=Cr;st.folderName=Ii;import{jsx as Rc}from"react/jsx-runtime";var wc="k-actionsheet-footer",yi={alignment:"stretched",orientation:"horizontal"},It=e=>{let{alignment:t=yi.alignment,orientation:o=yi.orientation,template:a,as:r=a?"div":st,...s}=e;return Rc(r,{...s,...!a&&{alignment:t,orientation:o},className:i(e.className,wc),children:e.children})};var Ar="searchbox",Ti=Ar;import{jsx as sa,jsxs as Kc}from"react/jsx-runtime";var Ei="k-searchbox",Bc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Pc={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},wr={showIcon:!0,icon:"search"},Fe=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:d,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,showIcon:g=wr.showIcon,icon:k=wr.icon,"aria-label":S,...y}=e;return Kc(U,{...y,size:a,rounded:r,fillMode:s,hover:d,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,className:i(e.className,Ei),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=Bc;Fe.options=Pc;Fe.className=Ei;Fe.defaultOptions=wr;Fe.moduleName=Ar;Fe.folderName=Ti;import{jsx as Nv}from"react/jsx-runtime";var Rr="textbox",Ci=Rr;import{Fragment as Oi,jsx as yt,jsxs as Br}from"react/jsx-runtime";var Ai="k-textbox",Dc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],_c={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ba={showClearButton:!0,showValidationIcon:!0,separators:!0},H=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ba.separators,showClearButton:s=Ba.showClearButton,showValidationIcon:d=Ba.showValidationIcon,prefix:u,suffix:f,type:h,value:N,placeholder:x,hover:p,focus:g,valid:k,invalid:S,required:y,loading:M,disabled:O,readonly:F,id:Z,"aria-label":ee,"aria-describedby":de,...ve}=e;return Br(U,{...ve,size:t,rounded:o,fillMode:a,hover:p,focus:g,valid:k,invalid:S,required:y,loading:M,disabled:O,readonly:F,className:i(e.className,Ai),children:[u&&Br(Oi,{children:[yt(fe,{children:u}),r&&yt(re,{})]}),yt(pe,{id:Z,placeholder:x,value:N,type:h,disabled:O,"aria-label":ee,"aria-describedby":de,"aria-invalid":S?"true":void 0}),d&&yt(te,{valid:k,invalid:S,loading:M,disabled:O}),yt(ae,{loading:M,disabled:O}),s&&yt(ce,{loading:M,disabled:O,readonly:F,value:N}),f&&Br(Oi,{children:[r&&yt(re,{}),yt(he,{children:f})]})]})};H.states=Dc;H.options=_c;H.className=Ai;H.defaultOptions=Ba;H.moduleName=Rr;H.folderName=Ci;H.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var la=H;import{jsx as zc}from"react/jsx-runtime";var wi=e=>zc(la,{...e});import{Fragment as Kv,jsx as Pv}from"react/jsx-runtime";import{Fragment as Uv,jsx as Fv}from"react/jsx-runtime";import{jsx as Xv}from"react/jsx-runtime";import{jsx as Pr}from"react/jsx-runtime";var Hc=H.states,Fc=H.defaultOptions,Uc=H.options,Gc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Vc=[],ro=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Pr(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?Pr(Ht,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),Pr(wi,{value:"Value",style:{width:300},...o,...a})};ro.options=Uc;ro.states=Hc;ro.variants=Vc;ro.defaultOptions=Fc;ro.modifiers=Gc;ro.className=H.className;import{jsx as Tt,jsxs as Kr}from"react/jsx-runtime";var Ri="k-actionsheet-titlebar",$c={},Le=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:d,inputValue:u,inputPlaceholder:f,adaptive:h,titleId:N,children:x,...p}=e;return Kr("div",{...p,className:i(e.className,Ri),children:[Kr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Tt("div",{className:"k-actionsheet-actions",children:a}),!x&&Kr("div",{className:"k-actionsheet-title",id:N,children:[t&&Tt("div",{className:"k-text-center",children:t}),o&&Tt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&Tt("div",{className:"k-actionsheet-title",id:N,children:x}),r&&Tt("div",{className:"k-actionsheet-actions",children:r})]}),(d\|\|s)&&Tt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?Tt(H,{value:u,placeholder:f,size:h?"large":"medium","aria-label":t\|\|f\|\|"Input"}):Tt(Fe,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};Le.className=Ri;Le.defaultOptions=$c;import{jsx as Dr,jsxs as Jc}from"react/jsx-runtime";var _r="k-actionsheet-view",Xc=[],qc={},Wc={},no=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:d,...u}=e,f=r?.type===Le&&Dr(Le,{adaptive:t,titleId:d,...r?.props}),h=s?.type===It&&Dr(It,{...s?.props});return Jc("div",{...u,className:i(e.className,_r,{[`${_r}-animated`]:o}),children:[f,Dr("div",{className:"k-actionsheet-content",children:a}),h]})};no.states=Xc;no.options=qc;no.className=_r;no.defaultOptions=Wc;var da="action-sheet",Pa=da;var zr="overlay",Bi=zr;import{jsx as jc}from"react/jsx-runtime";var Pi="k-overlay",Yc=[],Zc={},Qc={},Et=e=>{let{...t}=e;return jc("div",{...t,className:i(e.className,Pi),children:e.children})};Et.states=Yc;Et.options=Zc;Et.className=Pi;Et.defaultOptions=Qc;Et.moduleName=zr;Et.folderName=Bi;import{jsx as Ka,jsxs as op}from"react/jsx-runtime";var Ki="k-actionsheet",ep=[],tp={},ca={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},J=e=>{let{side:t=ca.side,fullscreen:o=ca.fullscreen,adaptive:a=ca.adaptive,overlay:r=ca.overlay,template:s,children:d,header:u,footer:f,id:h,...N}=e,x=h&&!s&&u?`${h}-title`:void 0;return op("div",{className:"k-actionsheet-container",children:[r&&Ka(Et,{}),Ka(it,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:Ka("div",{...N,id:h,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":x,className:i(e.className,Ki,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|Ka(no,{header:u,footer:f,adaptive:a,titleId:x,...e,children:d})})})]})};J.states=ep;J.options=tp;J.className=Ki;J.defaultOptions=ca;J.moduleName=da;J.folderName=Pa;J.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as ip}from"react/jsx-runtime";var Di="k-actionsheet-container",ap=[],rp={},np={},io=e=>{let{children:t,...o}=e;return ip("div",{...o,className:Di,children:t})};io.states=ap;io.options=rp;io.className=Di;io.defaultOptions=np;io.moduleName=da;io.folderName=Pa;import{jsx as sp}from"react/jsx-runtime";var Hr=e=>{let{...t}=e;return sp("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};import{Fragment as dp,jsx as pa,jsxs as Fr}from"react/jsx-runtime";var Ur="k-actionsheet-item",lp=[n.hover,n.focus,n.selected,n.disabled],Ct=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:d,disabled:u,...f}=e;return Fr("span",{...f,className:i(e.className,Ur,T(Ur,{hover:r,focus:s,selected:d,disabled:u})),children:[!e.children&&pa(dp,{children:Fr("span",{className:"k-actionsheet-action",children:[t&&pa("span",{className:"k-icon-wrap",children:pa(L,{className:"k-actionsheet-item-icon",icon:t})}),Fr("span",{className:"k-actionsheet-item-text",children:[o&&pa("span",{className:"k-actionsheet-item-title",children:o}),a&&pa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Ct.states=lp;Ct.className=Ur;import{jsx as $L,jsxs as XL}from"react/jsx-runtime";import{jsx as YL}from"react/jsx-runtime";import{jsx as eS}from"react/jsx-runtime";import{jsx as rS}from"react/jsx-runtime";import{jsx as me,jsxs as Gr}from"react/jsx-runtime";var cp=J.options,pp=J.states,zi={...J.defaultOptions,variant:"normal"},mp=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],up=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],so=e=>{let{variant:t,modifiers:o,...a}={...zi,...e},r={},s=Gr(Hr,{children:[me(Ct,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),me(Ct,{text:"Add to Favorites",iconName:"heart"}),me(Ct,{text:"Upload New",iconName:"upload",disabled:!0}),me("hr",{className:"k-hr"}),me(Ct,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",u="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o\|\|{}).forEach(f=>{switch(f){case"actions":r.actionsStart=!!o?.[f],r.actionsEnd=!!o?.[f];break;case"subtitle":r.subtitle=o?.[f]?d:void 0;break;case"footer":r.footer=!!o?.[f];break;default:break}}),t==="adaptive"?me(J,{...a,adaptive:!0,fullscreen:r.fullScreen,header:me(Le,{actionsStart:r.actionsStart?me(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?me(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:r.subtitle}),footer:r.footer?Gr(It,{alignment:"stretched",children:[me(c,{text:"Cancel",size:"large",themeColor:"base"}),me(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):me(J,{...a,fullscreen:r.fullScreen,header:me(Le,{actionsStart:r.actionsStart?me(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?me(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?Gr(It,{alignment:"stretched",children:[me(c,{text:"Apply",themeColor:"primary"}),me(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};so.options=cp;so.states=pp;so.variants=mp;so.defaultOptions=zi;so.modifiers=up;so.className=J.className;var Vr="slider",Hi=Vr;import{jsx as lo,jsxs as $r}from"react/jsx-runtime";var ma="k-slider",bp=[n.hover,n.focus,n.active,n.disabled,n.readonly],fp={},Ue={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},X=e=>{let{type:t=Ue.type,orientation:o=Ue.orientation,gradientType:a=Ue.gradientType,readonly:r=Ue.readonly,disabled:s=Ue.disabled,handlePosition:d=Ue.handlePosition,showButtons:u=Ue.showButtons,showTicks:f=Ue.showTicks,value:h=Ue.value,min:N=Ue.min,max:x=Ue.max,startValue:p,endValue:g,hover:k,focus:S,active:y,trackStyle:M,dir:O,...F}=e,ee=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),de,ve;return o==="horizontal"?(de=O==="rtl"?"chevron-left":"chevron-right",ve=O==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(de="chevron-up",ve="chevron-down"),$r("div",{...F,className:i(ma,e.className,T(ma,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:O,children:[u&&lo(c,{className:"k-button-decrease",rounded:"full",icon:ve,tabIndex:-1,title:"Decrease"}),$r("div",{className:"k-slider-track-wrap",children:[f&&lo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),$r("div",{className:"k-slider-track",style:M,children:[lo("div",{className:"k-slider-selection"}),t==="range"&&lo("span",{className:i("k-draghandle","k-draghandle-start",T(ma,{hover: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":F["aria-label"]?`${F["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"?F["aria-label"]?`${F["aria-label"]} end`:"Range end":F["aria-label"]})]})]}),u&&lo(c,{className:"k-button-increase",rounded:"full",icon:de,tabIndex:-1,title:"Increase"})]})};X.states=bp;X.options=fp;X.className=ma;X.defaultOptions=Ue;X.moduleName=Vr;X.folderName=Hi;X.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as Fi}from"react/jsx-runtime";var Ui="k-tick",hp=[],xp={},Gi={label:!1},E=e=>{let{style:t,label:o=Gi.label,orientation:a,large:r,text:s,...d}=e;return Fi("li",{...d,role:"presentation",title:s\|\|"Tick",className:i(e.className,Ui,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&Fi("span",{className:"k-label",children:s})})};E.states=hp;E.options=xp;E.className=Ui;E.defaultOptions=Gi;import{Fragment as Np,jsx as Ge,jsxs as kp}from"react/jsx-runtime";var Vi=e=>Ge(X,{"aria-label":e["aria-label"]\|\|"Slider",children:kp(Np,{children:[Ge(E,{className:"k-first",label:!0,large:!0,text:"0"}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{label:!0,large:!0,text:"5"}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as gp,jsx as Ve,jsxs as vp}from"react/jsx-runtime";var $i=e=>Ve(X,{children:vp(gp,{children:[Ve(E,{className:"k-first",label:!0,large:!0,text:"0"}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{label:!0,large:!0,text:"5"}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as XS,jsx as $S,jsxs as qS}from"react/jsx-runtime";import{Fragment as QS,jsx as ZS,jsxs as jS}from"react/jsx-runtime";import{jsx as Lp}from"react/jsx-runtime";var Xr=e=>Lp(X,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Sp}from"react/jsx-runtime";var qr=e=>Sp(X,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as cM,jsx as dM,jsxs as pM}from"react/jsx-runtime";import{Fragment as hM,jsx as fM,jsxs as xM}from"react/jsx-runtime";import{jsx as lt,jsxs as Xi}from"react/jsx-runtime";var Mp=X.options,Ip=X.states,qi={...X.defaultOptions,variant:"horizontal",label:!0},yp=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Tp=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],co=e=>{let{variant:t,modifiers:o,...a}={...qi,...e},r={};Object.keys(o\|\|{}).forEach(h=>{switch(h){case"button":{r.showButtons=!!o?.[h];break}case"label":{r.label=!!o?.[h];break}case"tick":{r.showTicks=!!o?.[h];break}}});let{label:s=!0,showButtons:d,showTicks:u}=r,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Xi($i,{showTicks:u,showButtons:d,style:{height:"300px",...f},...a,children:[lt(E,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),lt(E,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Xi(Vi,{showTicks:u,showButtons:d,style:{width:"400px",...f},...a,children:[lt(E,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),lt(E,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};co.options=Mp;co.states=Ip;co.variants=yp;co.defaultOptions=qi;co.modifiers=Tp;co.className=X.className;import{jsx as Wi,jsxs as wp}from"react/jsx-runtime";var Ji="k-spin-button",Op=[],Ap={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Wr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},dt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=Wr.increaseLabel,decreaseLabel:s=Wr.decreaseLabel,...d}=e;return wp("span",{...d,className:i(Ji,e.className),children:[Wi(c,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),Wi(c,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};dt.states=Op;dt.options=Ap;dt.className=Ji;dt.defaultOptions=Wr;dt.moduleName=null;dt.folderName=null;var Yi="numeric-textbox",Zi="numerictextbox";import{Fragment as Qi,jsx as ft,jsxs as Jr}from"react/jsx-runtime";var ji="k-numerictextbox",Rp=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Bp={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Da={showSpinButton:!0,showClearButton:!0,separators:!0},P=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Da.separators,showClearButton:s=Da.showClearButton,showSpinButton:d=Da.showSpinButton,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:g,invalid:k,required:S,loading:y,disabled:M,readonly:O,id:F,"aria-label":Z,"aria-describedby":ee,...de}=e;return Jr(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,ji),children:[u&&Jr(Qi,{children:[ft(fe,{children:u}),r&&ft(re,{})]}),ft(pe,{id:F,placeholder:N,value:h,role:"spinbutton",disabled:M,"aria-label":Z,"aria-describedby":ee,"aria-invalid":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&&Jr(Qi,{children:[r&&ft(re,{}),ft(he,{children:f})]}),d&&ft(dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};P.states=Rp;P.options=Bp;P.className=ji;P.defaultOptions=Da;P.moduleName=Yi;P.folderName=Zi;P.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var ua=P;import{jsx as Pp}from"react/jsx-runtime";var es=e=>Pp(ua,{...e});import Zr from"react";import{jsx as ts}from"react/jsx-runtime";var Kp="k-list-group-sticky-header",Yr=e=>ts("div",{className:i(Kp,e.className),children:ts("div",{className:"k-list-header-text",children:e.children})});import{jsx as _p}from"react/jsx-runtime";var Dp="k-no-data",_a=e=>{let{live:t,...o}=e;return _p("span",{...o,className:i(Dp,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Ut="list",po=Ut;import{jsx as os,jsxs as as}from"react/jsx-runtime";var Qr="k-list",zp=[],Hp={size:[l.undefined,l.small,l.medium,l.large]},Fp={},_=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:d,noData:u,screenReaders:f,...h}=e,x=Zr.Children.toArray(a)[0],p=x?.props?.children?Zr.Children.count(x.props.children):Zr.Children.count(a);return as("div",{...h,className:i(e.className,Qr,I(Qr,{size:t}),{"k-virtual-list":o}),children:[s,d,r&&os(Yr,{children:r}),a\|\|(u!==void 0?u:os(_a,{live:!0,children:"No data found."})),f&&a&&as(_a,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};_.states=zp;_.options=Hp;_.className=Qr;_.defaultOptions=Fp;_.moduleName=Ut;_.folderName=po;_.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as $p}from"react/jsx-runtime";var rs="k-list-container",Up=[],Gp={},Vp={},mo=e=>{let{...t}=e;return $p("div",{...t,className:i(e.className,rs),children:e.children})};mo.states=Up;mo.options=Gp;mo.className=rs;mo.defaultOptions=Vp;mo.moduleName=Ut;mo.folderName=po;var Gt="checkbox",uo=Gt;import{jsx as ns}from"react/jsx-runtime";var za="k-checkbox",Xp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],qp={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},Wp={},Be=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:d,invalid:u,valid:f,required:h,size:N,rounded:x,wrapperRole:p,...g}=e;return ns("span",{className:"k-checkbox-wrap",role:p,children:ns("input",{...g,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:d\|\|void 0,"aria-invalid":u?"true":void 0,className:i(e.className,za,I(za,{size:N,rounded:x}),T(za,{hover:r,focus:s,disabled:d,invalid:u,valid:f,indeterminate:a,checked:o}))})})};Be.states=Xp;Be.options=qp;Be.className=za;Be.defaultOptions=Wp;Be.moduleName=Gt;Be.folderName=uo;Be.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var tt=Be;import{jsx as Zp}from"react/jsx-runtime";var is="k-checkbox-list",Jp=[],Yp={},ss={layout:"vertical"},Se=e=>{let{layout:t=ss.layout,...o}=e;return Zp("ul",{...o,className:i(e.className,is,{[`k-list-${t}`]:t}),children:e.children})};Se.states=Jp;Se.options=Yp;Se.className=is;Se.defaultOptions=ss;Se.moduleName=Gt;Se.folderName=uo;import{jsx as tm}from"react/jsx-runtime";var ls="k-checkbox-list-item",Qp=[],jp={},em={},Me=e=>{let{...t}=e;return tm("li",{...t,className:i(e.className,ls),children:e.children})};Me.states=Qp;Me.options=jp;Me.className=ls;Me.defaultOptions=em;Me.moduleName=Gt;Me.folderName=uo;import{Fragment as om,jsx as ds,jsxs as am}from"react/jsx-runtime";var $e=({children:e="Label",id:t="cb-label-after",...o})=>am(om,{children:[ds(tt,{id:t,...o}),ds("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as FI,jsx as HI,jsxs as UI}from"react/jsx-runtime";import{Fragment as qI,jsx as XI,jsxs as WI}from"react/jsx-runtime";import{Fragment as jI,jsx as QI,jsxs as ey}from"react/jsx-runtime";import{jsx as ry}from"react/jsx-runtime";import{jsx as ly}from"react/jsx-runtime";import{jsx as my}from"react/jsx-runtime";import{jsx as Xe,jsxs as cs}from"react/jsx-runtime";var rm=Se.options,nm=Se.states,im={...Se.defaultOptions,variant:"vertical"},sm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],lm=[],bo=e=>{let{variant:t,...o}=e;return t==="horizontal"?cs(Se,{layout:"horizontal",...o,children:[Xe(Me,{children:Xe($e,{id:A("cb"),defaultChecked:!0,children:"Label"})}),Xe(Me,{children:Xe($e,{id:A("cb"),children:"Label"})}),Xe(Me,{children:Xe($e,{id:A("cb"),children:"Label"})})]}):cs(Se,{...o,children:[Xe(Me,{children:Xe($e,{id:A("cb"),defaultChecked:!0,children:"Label"})}),Xe(Me,{children:Xe($e,{id:A("cb"),children:"Label"})}),Xe(Me,{children:Xe($e,{id:A("cb"),children:"Label"})})]})};bo.options=rm;bo.states=nm;bo.variants=sm;bo.defaultOptions=im;bo.modifiers=lm;bo.className=Se.className;import{jsx as bm}from"react/jsx-runtime";var dm=tt.options,cm=tt.states,pm=tt.defaultOptions,mm=[],um=[],fo=e=>bm($e,{id:A("checkbox"),...e,defaultChecked:!0,children:"Label"});fo.options=dm;fo.states=cm;fo.variants=mm;fo.defaultOptions=pm;fo.modifiers=um;fo.className=tt.className;import{jsx as Vt,jsxs as Nm}from"react/jsx-runtime";var jr="k-list-item",fm=[n.hover,n.focus,n.selected,n.disabled],hm={},xm={},w=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:d,checked:u,hover:f,focus:h,selected:N,disabled:x,actions:p,description:g,id:k,...S}=e,y=t\|\|e.children;return Nm("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":jr,T(jr,{hover:f,focus:h,disabled:x,selected:N})),children:[d&&Vt(Be,{checked:u}),r&&Vt("span",{className:"k-list-item-icon-wrapper",children:Vt(L,{icon:r,className:i("k-list-item-icon",s)})}),Vt("span",{className:"k-list-item-text",children:y}),p&&Vt("div",{className:"k-list-item-actions",children:p}),g&&Vt("span",{className:"k-list-item-description",children:g}),o&&o!==""&&Vt("div",{className:"k-list-item-group-label",children:o})]})};w.states=fm;w.options=hm;w.className=jr;w.defaultOptions=xm;w.moduleName=Ut;w.folderName=po;w.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as gm}from"react/jsx-runtime";var km="k-list-ul",ht=e=>{let{children:t,role:o,id:a,...r}=e;return gm("ul",{...r,id:a,role:o,className:i(km,e.className),children:t})};ht.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as en,jsxs as Lm}from"react/jsx-runtime";var vm="k-list-content",G=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...d}=e;return Lm("div",{...d,className:i(vm,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:en(ht,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&en("div",{className:"k-height-container",children:en("div",{})})]})};G.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as oT,jsx as tT,jsxs as aT}from"react/jsx-runtime";import{jsx as tn,jsxs as Mm}from"react/jsx-runtime";var Sm="k-list-group-item",$t=e=>{let{groupIconName:t,...o}=e;return Mm("li",{...o,role:"presentation",className:i(Sm,e.className),children:[t&&tn("span",{className:"k-list-item-icon-wrapper",children:tn(L,{icon:t,className:"k-list-item-icon"})}),tn("span",{className:"k-list-item-text",children:e.children})]})};$t.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as Em}from"react/jsx-runtime";var on="k-list-optionlabel",Im=[n.hover,n.focus,n.selected,n.disabled],ym={},Tm={},Ha=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return Em("div",{...d,className:i(on,T(on,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Ha.states=Im;Ha.options=ym;Ha.className=on;Ha.defaultOptions=Tm;import{jsx as wm}from"react/jsx-runtime";var an="k-list-custom-value",Cm=[n.hover,n.focus,n.selected,n.disabled],Om={},Am={},Ot=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return wm("div",{...d,className:i(an,T(an,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Ot.states=Cm;Ot.options=Om;Ot.className=an;Ot.defaultOptions=Am;import{Fragment as kT,jsx as NT,jsxs as gT}from"react/jsx-runtime";import{Fragment as yT,jsx as IT,jsxs as TT}from"react/jsx-runtime";import{Fragment as BT,jsx as wT,jsxs as RT}from"react/jsx-runtime";import{Fragment as FT,jsx as zT,jsxs as HT}from"react/jsx-runtime";import{jsx as $T}from"react/jsx-runtime";import{Fragment as ZT,jsx as YT,jsxs as QT}from"react/jsx-runtime";var ps="dropdown-list",ms="dropdownlist";import{Fragment as Pm,jsx as Ie,jsxs as rn}from"react/jsx-runtime";var us="k-dropdownlist",Rm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Bm={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},nn={showValue:!0,arrowIconName:"chevron-down"},B=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=nn.arrowIconName,showValue:s=nn.showValue,valueIconName:d,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:g,invalid:k,required:S,loading:y,disabled:M,readonly:O,popup:F,opened:Z,adaptive:ee,adaptiveSettings:de,adaptiveTitle:ve,adaptiveSubtitle:zt,adaptiveFilter:sr,id:St,activeDescendant:ya,"aria-label":lr,...dr}=e,od=St?`${St}-listbox`:void 0,Xn=St?`${St}-value`:void 0;return rn(Pm,{children:[rn(rt,{...dr,id:St,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,us,{"k-icon-picker":!s&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Z?"true":"false","aria-controls":Z?od:void 0,"aria-activedescendant":Z&&ya?ya:void 0,"aria-describedby":Z?Xn:void 0,"aria-disabled":M?"true":void 0,"aria-label":lr,tabIndex:0,children:[Ie(fe,{children:u}),Ie(Ft,{placeholder:N,value:h,showValue:s,valueIconName:d,id:Xn}),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&&F&&Ie(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:F}),ee&&Ie(J,{adaptive:!0,...de,header:Ie(Le,{actionsEnd:Ie(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:sr,inputValue:h,inputPlaceholder:N,title:ve,subtitle:zt}),children:Ie("div",{className:"k-list-container",children:Ie(_,{size:"large",children:rn(G,{"aria-label":"Options",children:[Ie(w,{text:"List item"}),Ie(w,{text:"List item"}),Ie(w,{text:"List item"})]})})})})]})};B.states=Rm;B.options=Bm;B.className=us;B.defaultOptions=nn;B.moduleName=ps;B.folderName=ms;B.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as AE}from"react/jsx-runtime";import{jsx as DE,jsxs as _E}from"react/jsx-runtime";import{Fragment as qE,jsx as $E,jsxs as XE}from"react/jsx-runtime";import{jsx as QE}from"react/jsx-runtime";import{jsx as rC,jsxs as nC}from"react/jsx-runtime";import{Fragment as bC,jsx as mC,jsxs as uC}from"react/jsx-runtime";import{jsx as kC}from"react/jsx-runtime";import{Fragment as Fm,jsx as At,jsxs as bs}from"react/jsx-runtime";var Km=B.states,Dm=B.defaultOptions,_m=B.options,zm=[{name:"opened",title:"Opened"}],Hm=[],xo=e=>{let{modifiers:t,...o}=e,a={},r=bs(Fm,{children:[At("div",{className:"k-list-filter",children:At(Fe,{})}),At(_,{style:{width:300},size:o.size,children:bs(G,{children:[At(w,{children:"List item"}),At(w,{children:"List item"}),At(w,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0)}),At("div",{children:At(B,{placeholder:"Value",style:{width:300},...o,...a})})};xo.options=_m;xo.states=Km;xo.variants=Hm;xo.defaultOptions=Dm;xo.modifiers=zm;xo.className=B.className;import{Fragment as FC,jsx as HC}from"react/jsx-runtime";import{Fragment as qC,jsx as XC}from"react/jsx-runtime";import{jsx as ZC}from"react/jsx-runtime";import{jsx as sn}from"react/jsx-runtime";var Um=P.states,Gm=P.defaultOptions,Vm=P.options,$m=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Xm=[],No=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?sn(B,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?sn(Ir,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),sn(es,{value:"Value",style:{width:300},...o,...a})};No.options=Vm;No.states=Um;No.variants=Xm;No.defaultOptions=Gm;No.modifiers=$m;No.className=P.className;import{Fragment as ba,jsx as K,jsxs as Q}from"react/jsx-runtime";var fs="k-colorgradient-inputs",qm=[],Wm={size:[l.undefined,l.small,l.medium,l.large]},hs={mode:"rgba"},ko=e=>{let{mode:t=hs.mode,size:o,...a}=e;return Q("div",{...a,className:i(fs,"k-hstack"),children:[K("div",{className:"k-vstack",children:K(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),K("label",{className:"k-colorgradient-input-label",children:"R"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),K("label",{className:"k-colorgradient-input-label",children:"G"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),K("label",{className:"k-colorgradient-input-label",children:"B"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),K("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),K("label",{className:"k-colorgradient-input-label",children:"R"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),K("label",{className:"k-colorgradient-input-label",children:"G"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),K("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),K("label",{className:"k-colorgradient-input-label",children:"H"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),K("label",{className:"k-colorgradient-input-label",children:"S"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),K("label",{className:"k-colorgradient-input-label",children:"V"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),K("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Q(ba,{children:[Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),K("label",{className:"k-colorgradient-input-label",children:"H"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),K("label",{className:"k-colorgradient-input-label",children:"S"})]}),Q("div",{className:"k-vstack",children:[K(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),K("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&K(ba,{children:Q("div",{className:"k-vstack k-flex-1",children:[K(H,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),K("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ko.states=qm;ko.options=Wm;ko.className=fs;ko.defaultOptions=hs;import{jsx as Xt,jsxs as qt}from"react/jsx-runtime";var xs="k-colorgradient-color-contrast",Jm=[],Ym={},Zm={},go=()=>qt("div",{className:i(xs,"k-vbox"),children:[qt("div",{className:"k-contrast-ratio",children:[Xt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),qt("span",{className:"k-contrast-validation !k-text-success",children:[Xt(L,{icon:"check"}),Xt(L,{icon:"check"})]})]}),qt("div",{children:[Xt("span",{children:"AA: 4.5"}),qt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Xt(L,{icon:"check"})]})]}),qt("div",{children:[Xt("span",{children:"AAA: 7.0"}),qt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Xt(L,{icon:"x"})]})]})]});go.states=Jm;go.options=Ym;go.className=xs;go.defaultOptions=Zm;var Ns="color-gradient",ks="colorgradient";import{jsx as qe,jsxs as fa}from"react/jsx-runtime";var Fa="k-colorgradient",Qm=[n.hover,n.focus,n.readonly,n.disabled],jm={size:[l.undefined,l.small,l.medium,l.large]},ct={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ne=e=>{let{size:t,mode:o=ct.mode,readonly:a=ct.readonly,disabled:r=ct.disabled,gradientStyle:s=ct.gradientStyle,dragHandleStyle:d=ct.dragHandleStyle,alphaStyle:u=ct.alphaStyle,alphaStyleHorizontal:f=ct.alphaStyleHorizontal,contrast:h=ct.contrast,dir:N,hover:x,focus:p,hoverHandle: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,Fa,I(Fa,{size:t}),T(Fa,{hover:x,focus:p,readonly:a,disabled:r})),dir:N,children:[!S\|\|S==="horizontal"&&fa("div",{className:"k-colorgradient-canvas k-hstack",children:[qe("div",{className:"k-hsv-rectangle",style:s,children:qe("div",{className:"k-hsv-gradient",children:qe("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":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(qr,{className:"k-hue-slider",hover:g,focus:k}),o!=="rgb"&&o!=="hsv"&&qe(qr,{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(Xr,{className:"k-hue-slider",hover:g,focus:k}),o!=="rgb"&&o!=="hsv"&&qe(Xr,{className:"k-alpha-slider",hover:g,focus:k,trackStyle:f})]})]}),qe(ko,{mode:e.mode,size:t}),h&&qe(go,{})]})};ne.states=Qm;ne.options=jm;ne.className=Fa;ne.defaultOptions=ct;ne.moduleName=Ns;ne.folderName=ks;ne.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as eu}from"react/jsx-runtime";var Ua=e=>eu(ne,{...e});import{jsx as KO}from"react/jsx-runtime";import{jsx as HO}from"react/jsx-runtime";import{jsx as ln}from"react/jsx-runtime";var tu=ne.options,ou=ne.states,au={...ne.defaultOptions,variant:"rgba"},ru=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],nu=[],vo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return ln(Ua,{...o,mode:t});case"rgb":return ln(Ua,{...o,mode:t});default:return ln(Ua,{...o,mode:t})}};vo.options=tu;vo.states=ou;vo.variants=ru;vo.defaultOptions=au;vo.modifiers=nu;vo.className=ne.className;import{jsx as iu}from"react/jsx-runtime";var dn=e=>iu("tr",{role:"row",children:e.children});import{jsx as du}from"react/jsx-runtime";var cn="k-colorpalette-tile",su=[n.hover,n.focus,n.selected],lu={},Lo=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:s,...d}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return du("td",{...d,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:i(e.className,cn,T(cn,{hover:a,focus:r,selected:s})),style:u})};Lo.states=su;Lo.options=lu;Lo.className=cn;var gs="color-palette",vs="colorpalette";import{jsx as ha}from"react/jsx-runtime";var Ga="k-colorpalette",cu=[n.disabled],pu={size:[l.undefined,l.small,l.medium,l.large]},Ls={columns:10},ye=e=>{let{size:t,palette:o,columns:a=Ls.columns,tileSize:r,disabled:s,...d}=e,u=[];if(o){let f=a\|\|o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/f)},(N,x)=>{let p=[];h.slice(xf,(x+1)f).map((k,S)=>{p.push(ha(Lo,{color:k,tileSize:r},S))});let g=ha(dn,{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,Ga,T(Ga,{disabled:s}),I(Ga,{size:t})),children:ha("table",{className:"k-colorpalette-table",role:"none",children:ha("tbody",{children:u.length>0?u:e.children})})})};ye.states=cu;ye.options=pu;ye.className=Ga;ye.defaultOptions=Ls;ye.moduleName=gs;ye.folderName=vs;ye.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var Va=ye;var xa={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as mu}from"react/jsx-runtime";var Ss=e=>mu(Va,{palette:xa.basic,...e});import{jsx as vA}from"react/jsx-runtime";import{jsx as TA,jsxs as EA}from"react/jsx-runtime";import{jsx as ku}from"react/jsx-runtime";var uu=ye.options,bu=ye.states,fu={...ye.defaultOptions,variant:"basic"},hu=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],xu={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Nu=[],So=e=>{let{variant:t="basic",...o}=e,a=xu[t];return ku(Ss,{columns:a.columns,palette:a,...o})};So.options=uu;So.states=bu;So.variants=hu;So.defaultOptions=fu;So.modifiers=Nu;So.className=ye.className;var Ms="color-editor",Is="coloreditor";import{jsx as We,jsxs as Mo}from"react/jsx-runtime";var $a="k-coloreditor",gu=[n.focus],vu={size:[l.undefined,l.small,l.medium,l.large]},Na={view:"gradient",palette:xa.office,actionButtons:!0,canvasOrientation:"horizontal"},Y=e=>{let{size:t,view:o=Na.view,palette:a=Na.palette,color:r,currentColor:s,focus:d,focusView:u,dir:f,group:h,actionButtons:N=Na.actionButtons,canvasOrientation:x=Na.canvasOrientation,...p}=e;return Mo("div",{...p,role:"textbox","aria-label":"Color editor",tabIndex:0,className:i(e.className,"k-flatcolorpicker",$a,I($a,{size:t}),T($a,{focus:d})),dir:f,children:[Mo("div",{className:"k-coloreditor-header k-hstack",children:[We("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&Mo(C,{fillMode:"flat",children:[We(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),We(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),We("div",{className:"k-spacer"}),Mo("div",{className:"k-coloreditor-header-actions k-hstack",children:[We(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Mo("div",{className:"k-coloreditor-preview k-vstack",children:[We(Mt,{className:"k-coloreditor-preview-color",color:r}),We(Mt,{className:"k-coloreditor-current-color",color:s})]})]})]}),We("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?We(ne,{focus:u,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):We(ye,{palette:a,size:t})}),N&&Mo(st,{className:"k-coloreditor-footer",alignment:"start",children:[We(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),We(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Y.states=gu;Y.options=vu;Y.className=$a;Y.defaultOptions=Na;Y.moduleName=Ms;Y.folderName=Is;Y.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Io=Y;import{jsx as aw}from"react/jsx-runtime";import{jsx as sw}from"react/jsx-runtime";import{jsx as Lu}from"react/jsx-runtime";var ys=e=>Lu(Io,{group:!0,currentColor:"fuchsia",...e});import{jsx as Su}from"react/jsx-runtime";var Ts=e=>Su(Io,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Es}from"react/jsx-runtime";var Mu=Y.options,Iu=Y.states,yu={...Y.defaultOptions,variant:"gradient"},Tu=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Eu=[],yo=e=>{let{variant:t,...o}=e;return t==="palette"?Es(Ts,{...o,color:"white"}):Es(ys,{...o,color:"rgba(183, 118 , 118, 1.00)"})};yo.options=Mu;yo.states=Iu;yo.variants=Tu;yo.defaultOptions=yu;yo.modifiers=Eu;yo.className=Y.className;var Cs="color-picker",Os="colorpicker";import{Fragment as Au,jsx as Je,jsxs as pn}from"react/jsx-runtime";var As="k-colorpicker",Cu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Ou={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},ws={arrowIconName:"chevron-down"},Pe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=ws.arrowIconName,prefix:s,suffix:d,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:g,disabled:k,valueIconName:S,popup:y,opened:M,adaptive:O,adaptiveSettings:F,adaptiveTitle:Z,adaptiveSubtitle:ee,...de}=e,ve="colorpicker-popup";return pn(Au,{children:[pn(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,As,"k-icon-picker"),children:[Je(fe,{children:s}),Je(Ft,{placeholder:f,value:u,showValue:!1,valueIcon:Je(Mt,{className:"k-value-icon",color:u,iconName:S}),valueIconName:S}),Je(he,{children:d}),Je(c,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),M&&y&&Je(q,{id:ve,className:"k-colorpicker-popup",children:y}),O&&Je(J,{adaptive:!0,id:ve,...F,header:Je(Le,{actionsEnd:Je(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Z,subtitle:ee}),footer:pn(It,{children:[Je(c,{text:"Cancel",size:"large"}),Je(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:Je(Y,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Pe.states=Cu;Pe.options=Ou;Pe.className=As;Pe.defaultOptions=ws;Pe.moduleName=Cs;Pe.folderName=Os;Pe.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var xt=Pe;import{jsx as wu}from"react/jsx-runtime";var Xa=e=>wu(xt,{...e});import{jsx as Vw}from"react/jsx-runtime";import{jsx as Jw}from"react/jsx-runtime";import{jsx as jw}from"react/jsx-runtime";import{jsx as aR}from"react/jsx-runtime";import{jsx as sR}from"react/jsx-runtime";import{jsx as pR}from"react/jsx-runtime";import{jsx as Wt}from"react/jsx-runtime";var Ru=xt.options,Bu=xt.states,Rs={...xt.defaultOptions,variant:"color"},Pu=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Ku=[{name:"opened",title:"Opened"}],To=e=>{let{variant:t,modifiers:o,...a}={...Rs,...e},r={};Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(r.opened=!!o?.[d],r.popup=o?.[d]?Wt(Y,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return Wt("div",{style:s,children:Wt(Xa,{...a,...r})});case"icon":return Wt("div",{style:s,children:Wt(Xa,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return Wt("div",{style:s,children:Wt(Xa,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};To.options=Ru;To.states=Bu;To.variants=Pu;To.defaultOptions=Rs;To.modifiers=Ku;To.className=xt.className;var mn="combobox",Bs=mn;import{Fragment as un,jsx as oe,jsxs as ka}from"react/jsx-runtime";var Ps="k-combobox",Du=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],_u={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ks={separators:!0},xe=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ks.separators,prefix:s,suffix:d,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:g,loading:k,disabled:S,popup:y,opened:M,readonly:O,adaptive:F,adaptiveSettings:Z,adaptiveTitle:ee,adaptiveSubtitle:de,adaptiveCustomValue:ve,id:zt,autocomplete:sr,activeDescendant:St,"aria-label":ya,...lr}=e,dr=zt?`${zt}-listbox`:void 0;return ka(un,{children:[ka(U,{...lr,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,Ps),children:[s&&ka(un,{children:[oe(fe,{children:s}),r&&oe(re,{})]}),oe(pe,{id:zt,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?dr:void 0,"aria-activedescendant":M&&St?St:void 0,"aria-autocomplete":sr,"aria-invalid":p?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":ya,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(un,{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}),F&&oe(J,{adaptive:!0,id:zt?`${zt}-adaptive`:void 0,...Z,header:oe(Le,{actionsEnd:oe(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:ee,subtitle:de}),children:oe("div",{className:"k-list-container",children:oe(_,{customValue:ve?oe(Ot,{text:`Use "${u}"`}):void 0,size:"large",children:ka(G,{"aria-label":ee\|\|"Options",children:[oe(w,{text:"List item"}),oe(w,{text:"List item"}),oe(w,{text:"List item"})]})})})})]})};xe.states=Du;xe.options=_u;xe.className=Ps;xe.defaultOptions=Ks;xe.moduleName=mn;xe.folderName=Bs;xe.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Ke=xe;import{jsx as zu}from"react/jsx-runtime";var Ds=e=>zu(Ke,{...e});import{jsx as qR,jsxs as WR}from"react/jsx-runtime";import{jsx as eB,jsxs as tB}from"react/jsx-runtime";import{jsx as sB,jsxs as lB}from"react/jsx-runtime";import{Fragment as bB,jsx as uB}from"react/jsx-runtime";import{Fragment as gB,jsx as kB}from"react/jsx-runtime";import{jsx as yB,jsxs as TB}from"react/jsx-runtime";import{Fragment as PB,jsx as RB,jsxs as BB}from"react/jsx-runtime";import{jsx as zB}from"react/jsx-runtime";import{jsx as GB}from"react/jsx-runtime";import{jsx as JB,jsxs as YB}from"react/jsx-runtime";import{jsx as oP,jsxs as aP}from"react/jsx-runtime";import{jsx as wt,jsxs as $u}from"react/jsx-runtime";var Hu=xe.states,Fu=xe.defaultOptions,Uu=xe.options,Gu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Vu=[],Eo=e=>{let{modifiers:t,...o}=e,a={},r=wt(_,{style:{width:300},size:o.size,children:$u(G,{children:[wt(w,{children:"List item"}),wt(w,{children:"List item"}),wt(w,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?wt(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?wt(ut,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0;break;default:break}}),wt("div",{children:wt(Ds,{value:"Value",style:{width:300},...o,...a})})};Eo.options=Uu;Eo.states=Hu;Eo.variants=Vu;Eo.defaultOptions=Fu;Eo.modifiers=Gu;Eo.className=xe.className;var bn="menu-button",_s=bn;import{jsx as Wu}from"react/jsx-runtime";var zs="k-menu-button",Xu=[n.hover,n.focus,n.active,n.selected,n.disabled],qu={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},fn={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=fn.showArrow,arrowIconName:g=fn.arrowIconName,expanded:k,...S}=e;return Wu(c,{...S,className:i(e.className,zs),text:x,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,icon:N,showArrow:p,arrowIconName:g,"aria-expanded":k?"true":"false",...!x&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};V.states=Xu;V.options=qu;V.className=zs;V.defaultOptions=fn;V.moduleName=bn;V.folderName=_s;V.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as KP}from"react/jsx-runtime";import{jsx as HP}from"react/jsx-runtime";import{jsx as VP}from"react/jsx-runtime";var De="menu",Ye=De;import{jsx as ga,jsxs as Hs}from"react/jsx-runtime";var hn="k-menu-item",Ju=[n.hover,n.focus,n.active,n.selected,n.disabled],Yu={},Fs={iconPosition:"before"},Ne=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:d,text:u,first:f,last:h,showArrow:N,arrowIconName:x,iconPosition:p=Fs.iconPosition,dir:g,children:k,expanded:S,...y}=e,M=x;return M\|\|(M=g==="rtl"?"chevron-left":"chevron-right"),Hs("li",{...y,className:i(e.className,hn,"k-item",T(hn,{focus:o,disabled:s,hover:t,active:a,selected:r}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":S?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Hs("span",{className:i("k-link k-menu-link"),children:[d&&p==="before"&&ga(L,{className:"k-menu-link-icon",icon:d}),ga("span",{className:"k-menu-link-text",children:u}),d&&p==="after"&&ga(L,{className:"k-menu-link-icon",icon:d}),N&&ga("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ga(L,{icon:M})})]}),k]})};Ne.states=Ju;Ne.options=Yu;Ne.className=hn;Ne.defaultOptions=Fs;Ne.moduleName=De;Ne.folderName=Ye;import{jsx as va,jsxs as Us}from"react/jsx-runtime";var xn="k-menu-item",Zu=[n.hover,n.focus,n.active,n.selected,n.disabled],Qu={},Nn={dir:"ltr",iconPosition:"before"},W=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:d,text:u,first:f,last:h,showArrow:N,arrowIconName:x,iconPosition:p=Nn.iconPosition,dir:g=Nn.dir,children:k,popup:S,expanded:y,...M}=e,O=x;return O\|\|(O=g==="rtl"?"chevron-left":"chevron-right"),Us("li",{...M,className:i(e.className,xn,"k-item",T(xn,{focus:o,disabled:s}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":y?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Us("span",{className:i("k-link k-menu-link",T("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[d&&p==="before"&&va(L,{className:"k-menu-link-icon",icon:d}),va("span",{className:"k-menu-link-text",children:u}),d&&p==="after"&&va(L,{className:"k-menu-link-icon",icon:d}),N&&va("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:va(L,{icon:O})})]}),k,S]})};W.states=Zu;W.options=Qu;W.className=xn;W.defaultOptions=Nn;W.moduleName=De;W.folderName=Ye;import{jsx as ob}from"react/jsx-runtime";var Gs="k-menu-scroll-wrapper",ju=[],eb={},tb={},Jt=e=>{let{className:t,children:o,orientation:a,...r}=e;return ob("div",{...r,className:i(t,Gs,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Jt.states=ju;Jt.options=eb;Jt.className=Gs;Jt.defaultOptions=tb;Jt.moduleName=De;Jt.folderName=Ye;var Vs=Jt;import{Fragment as kn,jsx as Yt,jsxs as Wa}from"react/jsx-runtime";var gn="k-menu",ab=[],rb={},Ja={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ie=e=>{let{children:t,orientation:o=Ja.orientation,header:a=Ja.header,scrollable:r,scrollButtonsPosition:s=Ja.scrollButtonsPosition,wrapperStyles:d,dir:u,popup:f,contextMenu:h,...N}=e,x={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},p=Yt("ul",{dir:u,...N,className:i(e.className,"k-reset",gn,{[`${gn}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Wa(kn,{children:[r?Wa(Vs,{orientation:o,style:d,dir:e.dir,children:[s==="start"&&Wa(kn,{children:[Yt(c,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Yt(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"&&Yt(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"&&Wa(kn,{children:[Yt(c,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Yt(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"&&Yt(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=ab;ie.options=rb;ie.className=gn;ie.defaultOptions=Ja;ie.moduleName=De;ie.folderName=Ye;ie.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as nb}from"react/jsx-runtime";var vn="k-separator",$s={orientation:"horizontal"},Co=e=>{let{orientation:t=$s.orientation,...o}=e;return nb("li",{...o,className:i(e.className,"k-item",vn,{[`${vn}-${t}`]:t}),role:"separator"})};Co.className=vn;Co.defaultOptions=$s;Co.moduleName=De;Co.folderName=Ye;import{Fragment as kK,jsx as gK}from"react/jsx-runtime";import{jsx as db}from"react/jsx-runtime";var Ln="k-menu-group",ib=[],sb={size:[l.undefined,l.small,l.medium,l.large]},lb={},ke=e=>{let{children:t,size:o,...a}=e;return db("ul",{...a,className:i(e.className,Ln,I(Ln,{size:o})),role:"menu",children:t})};ke.states=ib;ke.options=sb;ke.className=Ln;ke.defaultOptions=lb;ke.moduleName=De;ke.folderName=Ye;import{Fragment as cb,jsx as Oo,jsxs as pb}from"react/jsx-runtime";var Sn=e=>Oo(ie,{children:pb(cb,{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 Zt,jsxs as hb}from"react/jsx-runtime";var mb=ie.options,ub=ie.states,Xs={...ie.defaultOptions,variant:"horizontal"},bb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],fb=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ao=e=>{let{variant:t,modifiers:o,...a}={...Xs,...e},r={};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"scrollable":r.scrollable=!!o?.[s];break;case"opened":r.opened=!!o?.[s],r.popup=Zt(q,{className:"k-menu-popup",children:hb(ke,{children:[Zt(W,{text:"Item 1"}),Zt(W,{text:"Item 2"}),Zt(Co,{}),Zt(W,{text:"Item 3"})]})});break}}),t==="vertical"?Zt(Sn,{...a,...r,orientation:"vertical",style:{width:"200px"}}):Zt(Sn,{...a,...r})};Ao.options=mb;Ao.states=ub;Ao.variants=bb;Ao.defaultOptions=Xs;Ao.modifiers=fb;Ao.className=ie.className;import{Fragment as O0,jsx as E0,jsxs as C0}from"react/jsx-runtime";import{jsx as B0}from"react/jsx-runtime";import{Fragment as vb,jsx as pt,jsxs as qs}from"react/jsx-runtime";var xb=c.states,Ws={...c.defaultOptions,variant:"text"},Nb=c.options,kb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],gb=[{name:"opened",title:"Opened"}],wo=e=>{let{variant:t,modifiers:o,...a}={...Ws,...e},r={},s=pt(q,{className:"k-menu-popup",children:qs(ke,{size:a.size,children:[pt(W,{first:!0,text:"Menu Item"}),pt(W,{text:"Menu Item"}),pt(W,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=pt("div",{children:pt(V,{...a,...r,icon:"star"})});break;case"icon-and-text":d=pt("div",{children:pt(V,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:d=pt("div",{children:pt(V,{...a,...r,children:"Dropdown Button"})});break}return qs(vb,{children:[d,o?.opened&&s]})};wo.options=Nb;wo.states=xb;wo.variants=kb;wo.defaultOptions=Ws;wo.modifiers=gb;wo.className=V.className;var Mn="split-button",Js=Mn;import{Fragment as Mb,jsx as In,jsxs as Ys}from"react/jsx-runtime";var yn="k-split-button",Lb=[n.hover,n.focus,n.active,n.selected,n.disabled],Sb={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},Zs={arrowIconName:"chevron-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,icon:N,text:x,arrowIconName:p=Zs.arrowIconName,popup:g,opened:k,popupId:S,...y}=e;return Ys(Mb,{children:[Ys("div",{...y,className:i(e.className,yn,"k-button-group",I(yn,{rounded:o})),children:[In(c,{text:x,icon:N,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:u,selected:f,disabled:h,...!x&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),In(c,{className:"k-split-button-arrow",icon:p,size:t,rounded:o,fillMode:a,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":k?"true":"false","aria-controls":k?S:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),k&&g&&In(q,{className:"k-menu-popup",children:g})]})};D.states=Lb;D.options=Sb;D.className=yn;D.defaultOptions=Zs;D.moduleName=Mn;D.folderName=Js;D.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Tn=D;import{jsx as yb}from"react/jsx-runtime";var Ib="k-toolbar-separator",se=e=>yb("div",{className:i(Ib,e.className,"k-separator")});var Nt="toolbar",Rt=Nt;import{Fragment as En,jsx as z,jsxs as Ro}from"react/jsx-runtime";var kt="k-toolbar",Tb=[n.focus],Eb={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Cb={scrollButtons:"around"},$=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:d,scrollingPosition:u,section:f,...h}=e,N=[],x=(p,g)=>{let k=[];if(p.type===c&&p.props.className&&p.props.className.includes("k-toolbar-overflow-button"))k.push(z(c,{...p.props,className:`${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===c)k.push(z(c,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===aa)k.push(z(aa,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===ut)k.push(z(ut,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===V)k.push(z(V,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===Tn)k.push(z(Tn,{...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(z(c,{...M.props,className:`${M.props.className?M.props.className:""}`},`${O}-${new Date().getTime()}`))}),k.push(z(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(z(xe,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===B?k.push(z(B,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===Pe?k.push(z(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"&&z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),s&&d==="start"&&Ro(En,{children:[Ro(C,{children:[z("span",{className:i("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(L,{className:"k-button-icon",icon:"chevron-left"})}),z("span",{className:i("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(L,{className:"k-button-icon",icon:"chevron-right"})})]}),z(se,{className:"k-toolbar-button-separator"}),z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&d==="end"&&Ro(En,{children:[z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),z(se,{className:"k-toolbar-button-separator"}),Ro(C,{children:[z("span",{className:i("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(L,{className:"k-button-icon",icon:"chevron-left"})}),z("span",{className:i("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(L,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(d==="around"\|\|!d)&&Ro(En,{children:[z("span",{className:i("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(L,{className:"k-button-icon",icon:"chevron-left"})}),z(se,{className:"k-toolbar-button-separator"}),z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),z(se,{className:"k-toolbar-button-separator"}),z("span",{className:i("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:z(L,{className:"k-button-icon",icon:"chevron-right"})})]})]})};$.states=Tb;$.options=Eb;$.className=kt;$.defaultOptions=Cb;$.moduleName=Nt;$.folderName=Rt;$.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as Rb}from"react/jsx-runtime";var Qs="k-floating-toolbar",Ob=[],Ab={},wb={},Bo=e=>{let{...t}=e;return Rb("div",{...t,className:i(e.className,Qs),children:e.children})};Bo.states=Ob;Bo.options=Ab;Bo.className=Qs;Bo.defaultOptions=wb;Bo.moduleName=Nt;Bo.folderName=Rt;import{jsx as Db}from"react/jsx-runtime";var Cn="k-toolbar-item",Bb=[n.focus],Pb={},Kb={},ot=e=>{let{focus:t,...o}=e;return Db("div",{...o,className:i(e.className,Cn,T(Cn,{focus:t})),children:e.children})};ot.states=Bb;ot.options=Pb;ot.className=Cn;ot.defaultOptions=Kb;ot.moduleName=Nt;ot.folderName=Rt;import{jsx as js}from"react/jsx-runtime";var el="k-toolbar-popup",_b=[],zb={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Hb={},Qt=e=>{let{size:t,fillMode:o,section:a,...r}=e;return js(q,{...r,className:i(e.className,el),children:a?js("span",{className:i("k-toolbar-items-list",I("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Qt.states=_b;Qt.options=zb;Qt.className=el;Qt.defaultOptions=Hb;Qt.moduleName=Nt;Qt.folderName=Rt;var Ya=Qt;import{jsx as DD}from"react/jsx-runtime";import{jsx as FD}from"react/jsx-runtime";import{jsx as $D}from"react/jsx-runtime";import{jsx as ZD,jsxs as QD}from"react/jsx-runtime";import{jsx as o_}from"react/jsx-runtime";import{jsx as gt,jsxs as $b}from"react/jsx-runtime";var Fb=D.states,tl={...D.defaultOptions,variant:"text"},Ub=D.options,Gb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Vb=[{name:"opened",title:"Opened"}],Po=e=>{let{variant:t,modifiers:o,...a}={...tl,...e},r={},s=$b(ke,{size:a.size,children:[gt(W,{first:!0,text:"Menu Item"}),gt(W,{text:"Menu Item"}),gt(W,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(r.opened=!!o?.[d],r.popup=o?.[d]?s:"")}),t){case"icon-only":return gt("div",{children:gt(D,{...a,...r,icon:"star"})});case"icon-and-text":return gt("div",{children:gt(D,{...a,...r,icon:"star",children:"Split Button"})});default:return gt("div",{children:gt(D,{...a,...r,children:"Split Button"})})}};Po.options=Ub;Po.states=Fb;Po.variants=Gb;Po.defaultOptions=tl;Po.modifiers=Vb;Po.className=D.className;import{jsx as jt,jsxs as Xb}from"react/jsx-runtime";var ol=e=>jt($,{children:[jt(c,{children:"Button"},"toolbar-button"),jt(V,{text:"Menu button"},"toolbar-menu-button"),jt(D,{children:"Split button"},"toolbar-split-button"),Xb(C,{children:[jt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),jt(c,{icon:"align-center",children:"Center"}),jt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as A_,jsxs as w_}from"react/jsx-runtime";import{jsx as _e,jsxs as al}from"react/jsx-runtime";var rl=e=>_e($,{scrollable:!0,...e,children:[_e(c,{children:"Button"},"toolbar-button"),_e(V,{text:"Menu button"},"toolbar-menu-button"),_e(D,{children:"Split button"},"toolbar-split-button"),al(C,{children:[_e(c,{className:"k-group-start",icon:"align-left",children:"Left"}),_e(c,{icon:"align-center",children:"Center"}),_e(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),_e(c,{children:"Button"},"toolbar-button"),_e(V,{text:"Menu button"},"toolbar-menu-button"),_e(D,{children:"Split button"},"toolbar-split-button"),al(C,{children:[_e(c,{className:"k-group-start",icon:"align-left",children:"Left"}),_e(c,{icon:"align-center",children:"Center"}),_e(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as ze,jsxs as nl}from"react/jsx-runtime";var il=({scrollingPosition:e="start",...t})=>ze($,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[ze(c,{children:"Button"},"toolbar-button"),ze(V,{text:"Menu button"},"toolbar-menu-button"),ze(D,{children:"Split button"},"toolbar-split-button"),nl(C,{children:[ze(c,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(c,{icon:"align-center",children:"Center"}),ze(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ze(c,{children:"Button"},"toolbar-button"),ze(V,{text:"Menu button"},"toolbar-menu-button"),ze(D,{children:"Split button"},"toolbar-split-button"),nl(C,{children:[ze(c,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(c,{icon:"align-center",children:"Center"}),ze(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as qb,jsx as Oe,jsxs as Za}from"react/jsx-runtime";var sl=({fillMode:e,size:t,...o})=>Za(qb,{children:[Oe($,{section:!0,fillMode:e,size:t,children:[Oe(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Za(C,{fillMode:e,children:[Oe(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Oe(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Oe(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Oe(se,{className:"k-toolbar-button-separator"}),Oe(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Za(Ya,{size:t,fillMode:e,section:!0,...o,children:[Oe(D,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Oe(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Oe(se,{}),Oe(V,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Za(C,{fillMode:e,children:[Oe(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Oe(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Oe(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as pz,jsx as dz,jsxs as cz}from"react/jsx-runtime";import{Fragment as Lz,jsx as gz,jsxs as vz}from"react/jsx-runtime";import{jsx as Bt}from"react/jsx-runtime";var Wb=$.options,Jb=$.states,ll={...$.defaultOptions,variant:"default"},Yb=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Zb=[],Ko=e=>{let{variant:t,...o}={...ll,...e};switch(t){case"responsive":return Bt("div",{children:Bt(sl,{style:{width:"583px"},...o})});case"overlay":return Bt("div",{children:Bt(il,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Bt("div",{children:Bt(rl,{style:{width:"583px"},...o})});default:return Bt("div",{children:Bt(ol,{style:{width:"583px"},...o})})}};Ko.options=Wb;Ko.states=Jb;Ko.variants=Yb;Ko.defaultOptions=ll;Ko.modifiers=Zb;Ko.className=$.className;import{jsx as He}from"react/jsx-runtime";var dl="k-imageeditor-toolbar",Qb=[],jb={},ef=[He(c,{icon:"upload","aria-label":"Upload"},"toolbar-button-1"),He(c,{disabled:!0,icon:"download","aria-label":"Download"},"toolbar-button-2"),He(se,{},"toolbar-separator-1"),He(c,{disabled:!0,icon:"undo","aria-label":"Undo"},"toolbar-button-3"),He(c,{disabled:!0,icon:"redo","aria-label":"Redo"},"toolbar-button-4"),He(se,{},"toolbar-separator-2"),He(c,{disabled:!0,icon:"crop","aria-label":"Crop"},"toolbar-button-5"),He(c,{disabled:!0,icon:"image-resize","aria-label":"Resize"},"toolbar-button-6"),He(c,{disabled:!0,icon:"zoom-in","aria-label":"Zoom in"},"toolbar-button-7"),He(c,{disabled:!0,icon:"zoom-out","aria-label":"Zoom out"},"toolbar-button-8"),He(ot,{children:He(B,{disabled:!0,value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],cl={toolbarItems:ef},Do=e=>{let{toolbarItems:t=cl.toolbarItems,...o}=e;return He($,{...o,className:i(e.className,dl),children:t})};Do.states=Qb;Do.options=jb;Do.className=dl;Do.defaultOptions=cl;var pl="image-editor",ml="imageeditor";import{jsx as La,jsxs as ul}from"react/jsx-runtime";var bl="k-imageeditor",tf=[],of={},af={},at=e=>{let{toolbarItems:t,actionPane:o,contentHeight:a,children:r,...s}=e;return ul("div",{...s,className:i(e.className,bl),children:[La("div",{className:"k-imageeditor-header",children:La(Do,{toolbarItems:t})}),ul("div",{className:"k-imageeditor-content",style:{height:a},children:[La("div",{className:"k-imageeditor-canvas-container",children:La("div",{className:"k-imageeditor-canvas",children:r})}),o&&La("div",{className:"k-imageeditor-action-pane",children:o})]})]})};at.states=tf;at.options=of;at.className=bl;at.defaultOptions=af;at.moduleName=pl;at.folderName=ml;at.ariaSpec={selector:".k-imageeditor",rules:[{selector:".k-imageeditor-canvas>canvas",attribute:"role=img",usage:"Indicates the canvas role as an image. Applicable when an image is loaded."},{selector:".k-imageeditor-canvas>canvas",attribute:"aria-label or aria-labelledby",usage:"Provides an accessible name for the canvas by describing the image content. Applicable when an image is loaded."}]};import{jsx as sH}from"react/jsx-runtime";var fl="form",hl="forms";import{Fragment as xl,jsx as Qa,jsxs as sf}from"react/jsx-runtime";var ja="k-form",rf=[],nf={size:[l.undefined,l.small,l.medium,l.large]},On={layout:"basic",tag:"form"},le=e=>{let{size:t,orientation:o,layout:a=On.layout,formButtons:r,cols:s,gutters:d,tag:u=On.tag,children:f}=e,h=u,N=i(e.className,ja,I(ja,{size:t}),{[`${ja}-${o}`]:o}),x=sf(xl,{children:[a==="grid"?Qa("div",{className:i("k-form-layout","k-d-grid",{[`k-grid-cols-${s}`]:s}),style:{...typeof d=="string"&&{gap:d},...typeof d=="object"&&d.rows&&{rowGap:d.rows},...typeof d=="object"&&d.cols&&{columnGap:d.cols}},children:f}):Qa(xl,{children:f}),r&&Qa("div",{className:"k-form-buttons",children:r})]}),{role:p,"aria-labelledby":g,"aria-label":k,id:S}=e;return Qa(h,{className:N,role:p,"aria-labelledby":g,"aria-label":k,id:S,children:x})};le.states=rf;le.options=nf;le.className=ja;le.defaultOptions=On;le.moduleName=fl;le.folderName=hl;var Nl="label",kl="label";import{jsx as gl,jsxs as pf}from"react/jsx-runtime";var An="k-label",lf=[n.disabled],df={},cf={},Pt=e=>{let{disabled:t,optional:o,info:a,text:r,children:s,...d}=e;return pf("label",{...d,className:i(e.className,An,T(An,{disabled:t})),children:[r\|\|s,o&&gl("span",{className:"k-label-optional",children:"(Optional)"}),a&&gl("span",{className:"k-field-info",children:a})]})};Pt.states=lf;Pt.options=df;Pt.className=An;Pt.defaultOptions=cf;Pt.moduleName=Nl;Pt.folderName=kl;import{jsx as ff}from"react/jsx-runtime";var vl="k-form-hint",mf=[],uf={},bf={},Ze=e=>{let{text:t,children:o,...a}=e;return ff("div",{...a,className:i(e.className,vl),children:t\|\|o})};Ze.states=mf;Ze.options=uf;Ze.className=vl;Ze.defaultOptions=bf;import{jsx as kf}from"react/jsx-runtime";var Ll="k-form-error",hf=[],xf={},Nf={},Qe=e=>{let{text:t,children:o,...a}=e;return kf("div",{...a,className:i(e.className,Ll),children:t\|\|o})};Qe.states=hf;Qe.options=xf;Qe.className=Ll;Qe.defaultOptions=Nf;import{jsx as er,jsxs as Sl}from"react/jsx-runtime";var wn="k-form-field",gf=[n.disabled],j=e=>{let{editorId:t,label:o,orientation:a,optional:r,editor:s,hint:d,error:u,info:f,disabled:h,dir:N,colSpan:x,...p}=e;return Sl("div",{...p,className:i(wn,e.className,T(wn,{disabled:h}),{[`k-col-span-${x}`]:x}),dir:N,children:[o&&er(Pt,{className:"k-form-label",id:t?`${t}-label`:void 0,htmlFor:t\|\|void 0,optional:r,info:f?"(field info)":void 0,children:o}),a==="horizontal"&&!o&&er("span",{className:"k-label k-form-label k-label-empty"}),Sl("div",{className:"k-form-field-wrap",children:[s,d&&er(Ze,{id:t?`${t}-hint`:void 0,children:d}),u&&er(Qe,{id:t?`${t}-error`:void 0,children:u})]})]})};j.states=gf;j.className=wn;import{Fragment as vf,jsx as Rn,jsxs as Lf}from"react/jsx-runtime";var Ml="k-form-fieldset",mt=e=>{let{legend:t,layout:o,cols:a,gutters:r,colSpan:s}=e;return Lf("fieldset",{className:i(Ml,{[`k-col-span-${s}`]:s}),children:[t&&Rn("legend",{className:"k-form-legend",children:t}),o==="grid"?Rn("div",{className:i("k-form-layout","k-d-grid",{[`k-grid-cols-${a}`]:a}),style:{...typeof r=="string"&&{gap:r},...typeof r=="object"&&r.rows&&{rowGap:r.rows},...typeof r=="object"&&r.cols&&{columnGap:r.cols}},children:e.children}):Rn(vf,{children:e.children})]})};mt.className=Ml;var eo="radio",_o=eo;import{jsx as Il}from"react/jsx-runtime";var tr="k-radio",Sf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked],Mf={size:[l.undefined,l.small,l.medium,l.large]},If={},ue=e=>{let{id:t,checked:o,hover:a,focus:r,disabled:s,invalid:d,valid:u,required:f,size:h,...N}=e;return Il("span",{className:"k-radio-wrap",children:Il("input",{...N,id:t,type:"radio",checked:o,required:f,disabled:s\|\|void 0,"aria-invalid":d?"true":void 0,className:i(e.className,tr,I(tr,{size:h}),T(tr,{hover:a,focus:r,disabled:s,invalid:d,valid:u,checked:o}))})})};ue.states=Sf;ue.options=Mf;ue.className=tr;ue.defaultOptions=If;ue.moduleName=eo;ue.folderName=_o;ue.ariaSpec={selector:".k-radio",rules:[{selector:".k-radio",attribute:"type=radio",usage:"Announces the radio type of the input."},{selector:".k-radio",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-radio",attribute:"checked (when checked)",usage:"Boolean attribute that announces the checked state of the radio button."},{selector:".k-radio",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the radio."},{selector:".k-radio",attribute:"disabled=disabled or aria-disabled=true (when disabled)",usage:"Rendered only when the radio input is disabled."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the radio button is in a form and announces the invalid state."}]};var je=ue;import{jsx as Ef}from"react/jsx-runtime";var yl="k-radio-list",yf=[],Tf={},Tl={layout:"vertical"},be=e=>{let{layout:t=Tl.layout,...o}=e;return Ef("ul",{...o,className:i(e.className,yl,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};be.states=yf;be.options=Tf;be.className=yl;be.defaultOptions=Tl;be.moduleName=eo;be.folderName=_o;be.ariaSpec={selector:".k-radio-list",rules:[{selector:".k-radio-list",attribute:"role=radiogroup",usage:"Announces the radiogroup role of the element."},{selector:".k-radio-list-item",attribute:"role=none",usage:"Due to issues with nested items, forces a no-role state."},{selector:".k-radio",attribute:"readonly or aria-readonly (when readonly)",usage:"The attribute is rendered only when the radio button is read-only."},{selector:".k-radio",attribute:"aria-invalid=true (when invalid)",usage:"The attribute is rendered only when the radio button is in a form and announces the invalid state of the component."},{selector:".k-radio-list-item.k-disabled .k-radio",attribute:"disabled or aria-disabled (when disabled)",usage:"The attribute is rendered only when the radio button is disabled."}]};import{jsx as wf}from"react/jsx-runtime";var El="k-radio-list-item",Cf=[],Of={},Af={},ge=e=>{let{...t}=e;return wf("li",{...t,className:i(e.className,El),role:"none",children:e.children})};ge.states=Cf;ge.options=Of;ge.className=El;ge.defaultOptions=Af;ge.moduleName=eo;ge.folderName=_o;import{jsx as JH}from"react/jsx-runtime";import{Fragment as Rf,jsx as Cl,jsxs as Bf}from"react/jsx-runtime";var vt=({children:e,id:t,...o})=>Bf(Rf,{children:[Cl(je,{...o,id:t}),Cl("label",{className:"k-radio-label",htmlFor:t,children:e})]});import{Fragment as a1,jsx as o1,jsxs as r1}from"react/jsx-runtime";import{Fragment as c1,jsx as l1,jsxs as d1}from"react/jsx-runtime";import{Fragment as f1,jsx as b1,jsxs as h1}from"react/jsx-runtime";import{Fragment as v1,jsx as g1,jsxs as L1}from"react/jsx-runtime";import{Fragment as C1,jsx as E1,jsxs as O1}from"react/jsx-runtime";import{jsx as B1}from"react/jsx-runtime";import{jsx as Ff}from"react/jsx-runtime";var Kf=je.options,Df=je.states,_f=je.defaultOptions,zf=[],Hf=[],zo=e=>Ff(vt,{id:A("radio"),name:"value",...e,children:"Label"});zo.options=Kf;zo.states=Df;zo.variants=zf;zo.defaultOptions=_f;zo.modifiers=Hf;zo.className=je.className;import{jsx as et,jsxs as Ol}from"react/jsx-runtime";var Uf=be.options,Gf=be.states,Vf={...be.defaultOptions,variant:"vertical"},$f=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Xf=[],Ho=e=>{let{variant:t,...o}=e;return t==="horizontal"?Ol(be,{layout:"horizontal",...o,children:[et(ge,{children:et(vt,{id:A("rb"),name:"value",defaultChecked:!0,children:"Label"})}),et(ge,{children:et(vt,{id:A("rb"),name:"value",children:"Label"})}),et(ge,{children:et(vt,{id:A("rb"),name:"value",children:"Label"})})]}):Ol(be,{...o,children:[et(ge,{children:et(vt,{id:A("rb"),name:"value",defaultChecked:!0,children:"Label"})}),et(ge,{children:et(vt,{id:A("rb"),name:"value",children:"Label"})}),et(ge,{children:et(vt,{id:A("rb"),name:"value",children:"Label"})})]})};Ho.options=Uf;Ho.states=Gf;Ho.variants=$f;Ho.defaultOptions=Vf;Ho.modifiers=Xf;Ho.className=be.className;import{Fragment as qf,jsx as Ae,jsxs as Fo}from"react/jsx-runtime";var Bn=e=>{let{size:t,children:o,...a}=e;return Ae(le,{formButtons:Fo(qf,{children:[Ae(c,{className:"k-form-submit",themeColor:"primary",size:t,children:"Submit"}),Ae(c,{className:"k-form-clear",size:t,children:"Clear"})]}),size:t,...a,children:o\|\|Fo(mt,{legend:"Form Legend",children:[Ae(j,{label:"Label",editor:Ae(H,{size:t})}),Ae(j,{label:"Label",hint:"Hint text",editor:Ae(B,{value:"Dropdown List",size:t,"aria-label":"Label"})}),Ae(j,{label:"City",editor:Fo("ul",{className:"k-radio-list k-list-horizontal",children:[Fo("li",{className:"k-radio-list-item",children:[Ae(ue,{defaultChecked:!0,size:t}),Ae("label",{className:"k-radio-label",children:"Label"})]}),Fo("li",{className:"k-radio-list-item",children:[Ae(ue,{size:t}),Ae("label",{className:"k-radio-label",children:"Label"})]}),Fo("li",{className:"k-radio-list-item",children:[Ae(ue,{size:t}),Ae("label",{className:"k-radio-label",children:"Label"})]})]})})]})})};import{Fragment as S2,jsx as L2,jsxs as M2}from"react/jsx-runtime";import{Fragment as A2,jsx as O2,jsxs as w2}from"react/jsx-runtime";var Al="date-input",wl="dateinput";import{jsx as Sa,jsxs as Zf}from"react/jsx-runtime";var Rl="k-dateinput",Wf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Jf={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Yf={},we=e=>{let{size:t,rounded:o,fillMode:a,value:r,placeholder:s,hover:d,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,readonly:g,showClearButton:k,showSpinButton:S,id:y,"aria-label":M,"aria-describedby":O,...F}=e;return Zf(U,{...F,size:t,rounded:o,fillMode:a,hover:d,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,readonly:g,className:i(e.className,Rl),children:[Sa(pe,{id:y,placeholder:s,value:r,disabled:p,"aria-label":M,"aria-describedby":O,"aria-invalid":h?"true":void 0}),Sa(te,{valid:f,invalid:h,loading:x,disabled:p}),Sa(ae,{loading:x,disabled:p}),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=Wf;we.options=Jf;we.className=Rl;we.defaultOptions=Yf;we.moduleName=Al;we.folderName=wl;we.ariaSpec={selector:".k-dateinput",rules:[{selector:".k-dateinput > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:'The element should be an input or have role="textbox".'},{selector:".k-dateinput > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-dateinput > .k-input-inner",attribute:"tabindex=0",usage:"The element should be focusable."},{selector:".k-dateinput > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the DateInput is in an invalid state."},{selector:".k-dateinput > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-dateinput > .k-input-inner",attribute:"readonly=readonly or aria-readonly=true (when readonly)",usage:"Rendered when the DateInput is readonly."},{selector:".k-dateinput.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the DateInput is disabled."}]};var Pn=we;import{jsx as Qf}from"react/jsx-runtime";var Bl=e=>Qf(Pn,{...e});import{jsx as X2}from"react/jsx-runtime";import{jsx as rh}from"react/jsx-runtime";var jf=we.options,eh=we.states,th=we.defaultOptions,oh=[{name:"spin-button",title:"`Spin` Button"}],ah=[],Uo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{r==="spin-button"&&(a.showSpinButton=!!t?.[r])}),rh(Bl,{value:"2/04/2021",style:{width:"300px"},...o,...a})};Uo.options=jf;Uo.states=eh;Uo.variants=ah;Uo.defaultOptions=th;Uo.modifiers=oh;Uo.className=we.className;var Pl="masked-textbox",Kl="maskedtextbox";import{Fragment as Dl,jsx as Kt,jsxs as Kn}from"react/jsx-runtime";var _l="k-maskedtextbox",nh=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ih={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Dn={showClearButton:!0,separators:!0},Re=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Dn.separators,showClearButton:s=Dn.showClearButton,prefix:d,suffix:u,value:f,placeholder:h,hover:N,focus:x,valid:p,invalid:g,required:k,loading:S,disabled:y,readonly:M,id:O,"aria-label":F,"aria-describedby":Z,...ee}=e;return Kn(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,_l),children:[d&&Kn(Dl,{children:[Kt(fe,{children:d}),r&&Kt(re,{})]}),Kt(pe,{id:O,placeholder:h,value:f,disabled:y,"aria-label":F,"aria-describedby":Z,"aria-invalid":g?"true":void 0}),Kt(te,{valid:p,invalid:g,loading:S,disabled:y}),Kt(ae,{loading:S,disabled:y}),s&&Kt(ce,{loading:S,disabled:y,readonly:M,value:f}),u&&Kn(Dl,{children:[r&&Kt(re,{}),Kt(he,{children:u})]})]})};Re.states=nh;Re.options=ih;Re.className=_l;Re.defaultOptions=Dn;Re.moduleName=Pl;Re.folderName=Kl;Re.ariaSpec={selector:".k-maskedtextbox",rules:[{selector:".k-maskedtextbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-maskedtextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-maskedtextbox > .k-input-inner",attribute:"aria-placeholder (when has mask)",usage:"Announces the mask or placeholder for the component."},{selector:".k-maskedtextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the MaskedTextBox is in an invalid state."},{selector:".k-maskedtextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-maskedtextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the MaskedTextBox is disabled."}]};var Go=Re;import{jsx as sh}from"react/jsx-runtime";var zl=e=>sh(Go,{...e});import{Fragment as x3,jsx as h3}from"react/jsx-runtime";import{Fragment as S3,jsx as L3}from"react/jsx-runtime";import{jsx as T3}from"react/jsx-runtime";import{jsx as A3}from"react/jsx-runtime";import{jsx as _n}from"react/jsx-runtime";var lh=Re.states,dh=Re.defaultOptions,ch=Re.options,ph=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],mh=[],Vo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?_n(B,{size:o.size,value:"Choose",fillMode:"flat"}):void 0;break;case"suffix":a.suffix=t?.[r]?_n(L,{icon:"lock"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),_n(zl,{value:"Value",style:{width:300},...o,...a})};Vo.options=ch;Vo.states=lh;Vo.variants=mh;Vo.defaultOptions=dh;Vo.modifiers=ph;Vo.className=Re.className;var zn="switch",Hl=zn;import{jsx as or,jsxs as Fl}from"react/jsx-runtime";var Dt="k-switch",uh=[n.hover,n.focus,n.disabled,n.readonly,n.checked],bh={size:[l.undefined,l.small,l.medium,l.large],trackRounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],thumbRounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},fh={},Te=e=>{let{checked:t,onLabel:o,offLabel:a,size:r,trackRounded:s,thumbRounded:d,hover:u,focus:f,disabled:h,readonly:N,...x}=e;return Fl("span",{...x,className:i(e.className,Dt,I(Dt,{size:r}),T(Dt,{hover:u,focus:f,disabled:h,readonly:N}),{[`${Dt}-on`]:t,[`${Dt}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:h?void 0:0,"aria-disabled":h?"true":void 0,"aria-readonly":N?"true":void 0,children:[Fl("span",{className:i("k-switch-track",I(Dt,{rounded:s})),children:[o&&or("span",{className:"k-switch-label-on",children:o}),a&&or("span",{className:"k-switch-label-off",children:a})]}),or("span",{className:"k-switch-thumb-wrap",children:or("span",{className:i("k-switch-thumb",I(Dt,{rounded:d}))})})]})};Te.states=uh;Te.options=bh;Te.className=Dt;Te.defaultOptions=fh;Te.moduleName=zn;Te.folderName=Hl;Te.ariaSpec={selector:".k-switch",rules:[{selector:".k-switch",attribute:"role=switch",usage:"Announces the switch role of the element."},{selector:".k-switch",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-switch",attribute:"aria-required=true (when required)",usage:'Rendered only when the Switch is in a form. Required because <span role="switch"> does not support the native required attribute.'},{selector:".k-switch",attribute:"aria-checked",usage:"Announces the checked state of the Switch."},{selector:".k-switch",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the switch."},{selector:".k-switch",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Switch is in a form and announces the invalid state."},{selector:".k-switch:not(.k-disabled)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled switches are removed from tab order."},{selector:".k-switch.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the Switch is disabled."},{selector:".k-switch.k-readonly",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Switch is readonly. Readonly switches remain focusable but their value cannot be changed."}]};import{jsx as t5}from"react/jsx-runtime";import{jsx as n5}from"react/jsx-runtime";import{jsx as d5}from"react/jsx-runtime";import{jsx as u5}from"react/jsx-runtime";import{jsx as Ul}from"react/jsx-runtime";var hh=Te.options,xh=Te.states,Nh={...Te.defaultOptions,variant:"on"},kh=[{name:"on",title:"On"},{name:"off",title:"Off"}],gh=[],$o=e=>{let{variant:t,...o}=e;return t==="off"?Ul(Te,{checked:!1,onLabel:"On",offLabel:"Off",...o}):Ul(Te,{checked:!0,onLabel:"On",offLabel:"Off",...o})};$o.options=hh;$o.states=xh;$o.variants=kh;$o.defaultOptions=Nh;$o.modifiers=gh;$o.className=Te.className;var Fn="textarea",Gl=Fn;import{Fragment as Vl,jsx as Ma,jsxs as Un}from"react/jsx-runtime";var $l="k-textarea",vh=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Lh={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Xo={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},Ee=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:r=Xo.prefixSeparator,suffixSeparator:s=Xo.prefixSeparator,affixesOrientation:d=Xo.affixesOrientation,flow:u=Xo.flow,resize:f=Xo.resize,prefix:h,suffix:N,rows:x,value:p,placeholder:g,hover:k,focus:S,valid:y,invalid:M,required:O,disabled:F,id:Z,"aria-label":ee,"aria-describedby":de,...ve}=e;return Un(U,{...ve,size:t,rounded:o,fillMode:a,hover:k,focus:S,valid:y,invalid:M,required:O,disabled:F,className:i(e.className,$l,{"!k-flex-col":u==="vertical","!k-flex-row":u==="horizontal"}),children:[h&&Un(Vl,{children:[Ma(fe,{className:i({"!k-align-items-start":u===d}),direction:d,children:h}),r&&Ma(re,{direction:u==="horizontal"?"vertical":"horizontal"})]}),Ma(ia,{className:i("!k-overflow-auto",{"!k-flex-none":u==="vertical","k-resize-x":f==="x","k-resize-y":f==="y","k-resize":f==="both","k-resize-none":f==="none"}),value:p,placeholder:g,rows:x,disabled:F,id:Z,"aria-label":ee,"aria-describedby":de,"aria-invalid":M?"true":void 0}),N&&Un(Vl,{children:[s&&Ma(re,{direction:u==="horizontal"?"vertical":"horizontal"}),Ma(he,{className:i({"!k-align-items-start":u===d}),direction:d,children:N})]})]})};Ee.states=vh;Ee.options=Lh;Ee.className=$l;Ee.defaultOptions=Xo;Ee.moduleName=Fn;Ee.folderName=Gl;Ee.ariaSpec={selector:".k-textarea",rules:[{selector:".k-textarea > .k-input-inner",attribute:"role=textbox or nodeName=textarea",usage:"Describes the role of the component."},{selector:".k-textarea > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The textarea requires an accessible name (provided by consuming app)."},{selector:".k-textarea > .k-input-inner",attribute:"aria-multiline=true (when role=textbox)",usage:"Required on role=textbox to indicate multi-line behavior. Implicit on native <textarea>, so not needed there."},{selector:".k-textarea > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the TextArea is in a form and announces the invalid state."},{selector:".k-textarea > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the textarea."},{selector:".k-textarea.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered only when the TextArea is disabled."}]};import{jsx as B5}from"react/jsx-runtime";import{Fragment as H5,jsx as z5}from"react/jsx-runtime";import{Fragment as X5,jsx as $5}from"react/jsx-runtime";import{jsx as Y5}from"react/jsx-runtime";import{jsx as ar}from"react/jsx-runtime";var Sh=Ee.options,Mh=Ee.states,Xl={...Ee.defaultOptions,variant:"vertical"},Ih=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],yh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],qo=e=>{let{variant:t,modifiers:o,...a}={...Xl,...e},r={resize:"y"};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"prefix":r.prefix=o?.[s]?ar(L,{icon:"comment"}):void 0;break;case"suffix":r.suffix=o?.[s]?ar(L,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?ar(Ee,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...r}):ar(Ee,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...r})};qo.options=Sh;qo.states=Mh;qo.variants=Ih;qo.defaultOptions=Xl;qo.modifiers=yh;qo.className=Ee.className;import{Fragment as gF,jsx as kF,jsxs as vF}from"react/jsx-runtime";import{Fragment as wh,jsx as Ce,jsxs as Wo}from"react/jsx-runtime";var Th=le.options,Eh=le.states,Ch={...le.defaultOptions,variant:"vertical"},Oh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Ah=[],Jo=e=>{let{variant:t,size:o,...a}=e,r=Wo(mt,{legend:"Form Legend",children:[Ce(j,{label:"Label",editor:Ce(H,{size:o})}),Ce(j,{label:"Label",hint:"Hint text",editor:Ce(B,{value:"Dropdown List",size:o})}),Ce(j,{label:"City",editor:Wo("ul",{className:"k-radio-list k-list-horizontal",children:[Wo("li",{className:"k-radio-list-item",children:[Ce(ue,{checked:!0,size:o}),Ce("label",{className:"k-radio-label",children:"Label"})]}),Wo("li",{className:"k-radio-list-item",children:[Ce(ue,{size:o}),Ce("label",{className:"k-radio-label",children:"Label"})]}),Wo("li",{className:"k-radio-list-item",children:[Ce(ue,{size:o}),Ce("label",{className:"k-radio-label",children:"Label"})]})]})})]}),s=Wo(wh,{children:[Ce(c,{className:"k-form-submit",themeColor:"primary",size:o,children:"Submit"}),Ce(c,{className:"k-form-clear",size:o,children:"Clear"})]});return t==="horizontal"?Ce(le,{orientation:"horizontal",size:o,...a,formButtons:s,children:r}):Ce(le,{size:o,...a,formButtons:s,children:r})};Jo.options=Th;Jo.states=Eh;Jo.variants=Oh;Jo.defaultOptions=Ch;Jo.modifiers=Ah;Jo.className=le.className;import{jsx as ql,jsxs as Dh}from"react/jsx-runtime";var Rh=Ze.options,Bh=Ze.states,Wl={...Ze.defaultOptions},Ph=[],Kh=[{name:"showHint",title:"Show Hint"}],Yo=e=>{let{modifiers:t,...o}={...Wl,...e},a=t?.showHint??!0;return Dh("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[ql(H,{placeholder:"Component",style:{width:"200px"}}),a&&ql(Ze,{...o,children:"Hint text"})]})};Yo.options=Rh;Yo.states=Bh;Yo.variants=Ph;Yo.defaultOptions=Wl;Yo.modifiers=Kh;Yo.className=Ze.className;import{jsx as Jl,jsxs as Uh}from"react/jsx-runtime";var _h=Qe.options,zh=Qe.states,Yl={...Qe.defaultOptions},Hh=[],Fh=[{name:"showError",title:"Show Error"}],Zo=e=>{let{modifiers:t,...o}={...Yl,...e},a=t?.showError??!0;return Uh("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Jl(H,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&Jl(Qe,{...o,children:"Error text"})]})};Zo.options=_h;Zo.states=zh;Zo.variants=Hh;Zo.defaultOptions=Yl;Zo.modifiers=Fh;Zo.className=Qe.className;import{Fragment as p6,jsx as c6,jsxs as m6}from"react/jsx-runtime";var Vn="segmented-control",Zl=Vn,Ql="segmented-control-button",jl="segmented-control";import{jsx as $h,jsxs as Xh}from"react/jsx-runtime";var rr="k-segmented-control",Gh=[],Vh={size:[l.undefined,l.small,l.medium,l.large]},_t=e=>{let{size:t,stretched:o,children:a,thumbStyles:r,...s}=e;return Xh("div",{...s,className:i(e.className,rr,I(rr,{size:t}),{[`${rr}-stretched`]:o}),role:"group",children:[$h("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:r}),a]})};_t.states=Gh;_t.options=Vh;_t.className=rr;_t.moduleName=Vn;_t.folderName=Zl;_t.ariaSpec={selector:".k-segmented-control",rules:[{selector:".k-segmented-control",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-segmented-control-button",attribute:"role=button or nodeName=button",usage:"Each button must have the appropriate button role."},{selector:".k-segmented-control-button.k-selected",attribute:"aria-pressed=true",usage:"Only the selected button within the group will have this attribute set to true."},{selector:".k-segmented-control-button.k-disabled",attribute:"aria-disabled=true",usage:"Indicates that the button is disabled and cannot be interacted with."},{selector:".k-segmented-control-thumb",attribute:"aria-hidden=true",usage:"The thumb is purely decorative and should be hidden from screen readers."}]};import{jsx as ed,jsxs as Yh}from"react/jsx-runtime";var $n="k-segmented-control-button",qh=[n.selected,n.hover,n.focus,n.disabled],Wh={},Jh={},Lt=e=>{let{hover:t,focus:o,selected:a,disabled:r,icon:s,text:d,iconClassName:u,...f}=e;return Yh("button",{...f,className:i(e.className,$n,T($n,{hover:t,focus:o,disabled:r,selected:a})),"aria-pressed":a?"true":"false","aria-disabled":r?"true":void 0,children:[s&&ed(L,{className:i(u,"k-segmented-control-button-icon"),icon:s}),(d\|\|e.children)&&ed("span",{className:"k-segmented-control-button-text",children:d\|\|e.children})]})};Lt.states=qh;Lt.options=Wh;Lt.className=$n;Lt.defaultOptions=Jh;Lt.moduleName=Ql;Lt.folderName=jl;import{Fragment as B6,jsx as R6,jsxs as P6}from"react/jsx-runtime";import{Fragment as F6,jsx as H6,jsxs as U6}from"react/jsx-runtime";import{Fragment as W6,jsx as q6,jsxs as J6}from"react/jsx-runtime";import{Fragment as t7,jsx as e7,jsxs as o7}from"react/jsx-runtime";import{Fragment as l7,jsx as s7,jsxs as d7}from"react/jsx-runtime";import{Fragment as td,jsx as R,jsxs as Ia}from"react/jsx-runtime";var T7=e=>R(at,{toolbarItems:[R(c,{icon:"upload","aria-label":"Upload"},"toolbar-button-1"),R(c,{icon:"download","aria-label":"Download"},"toolbar-button-2"),R(se,{},"toolbar-separator-1"),R(c,{disabled:!0,icon:"undo","aria-label":"Undo"},"toolbar-button-3"),R(c,{disabled:!0,icon:"redo","aria-label":"Redo"},"toolbar-button-4"),R(se,{},"toolbar-separator-2"),R(c,{icon:"crop","aria-label":"Crop"},"toolbar-button-5"),R(c,{icon:"image-resize","aria-label":"Resize"},"toolbar-button-6"),R(c,{icon:"zoom-in","aria-label":"Zoom in"},"toolbar-button-7"),R(c,{icon:"zoom-out","aria-label":"Zoom out"},"toolbar-button-8"),R(ot,{children:R(B,{value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],actionPane:R(Bn,{tag:"div",className:"k-imageeditor-pane-form",formButtons:Ia(td,{children:[R(c,{themeColor:"primary",icon:"check",children:"Confirm"}),R(c,{icon:"cancel",children:"Cancel"})]}),children:Ia(mt,{layout:"grid",legend:"Crop Image",cols:2,gutters:{cols:"8px"},children:[R(j,{colSpan:"2",label:"Aspect Ratio:",editor:R(B,{value:"Original ratio","aria-label":"Aspect ratio"})}),R(j,{colSpan:"2",label:"Orientation:",editor:Ia(_t,{thumbStyles:{width:"50%"},stretched:!0,children:[R(Lt,{selected:!0,children:"Portrait"}),R(Lt,{children:"Landscape"})]})}),R(j,{colSpan:"1",label:"Width:",editorId:"crop-width",editor:R(P,{id:"crop-width",showClearButton:!1,value:"61"})}),R(j,{colSpan:"1",label:"Height:",editorId:"crop-height",editor:R(P,{id:"crop-height",showClearButton:!1,value:"68"})}),R(j,{colSpan:"2",editor:R($e,{id:"crop-lock",children:"Lock aspect ratio"})})]})}),children:Ia(td,{children:[R("canvas",{width:"61",height:"68",role:"img","aria-label":"Image being edited"}),R("div",{className:"k-imageeditor-crop-overlay",children:Ia("div",{className:"k-imageeditor-crop",style:{width:"61px",height:"68px"},children:[R("span",{className:"k-resize-handle k-resize-nw"}),R("span",{className:"k-resize-handle k-resize-n"}),R("span",{className:"k-resize-handle k-resize-ne"}),R("span",{className:"k-resize-handle k-resize-w"}),R("span",{className:"k-resize-handle k-resize-e"}),R("span",{className:"k-resize-handle k-resize-sw"}),R("span",{className:"k-resize-handle k-resize-s"}),R("span",{className:"k-resize-handle k-resize-se"})]})})]}),...e});export{T7 as ImageEditorCrop};