npm - @progress/kendo-themes-html - Versions diffs - 14.5.1-dev.7 → 14.5.1-dev.8 - Mend

@progress/kendo-themes-html 14.5.1-dev.7 → 14.5.1-dev.8

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 (171) 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"}),C=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:s,checked:d,active:m,selected:f,disabled:x,indeterminate:N,loading:h,empty:u,readonly:v,highlighted:L,...M}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":s,"k-checked":d,"k-active":m,"k-selected":f,"k-disabled":x,"k-indeterminate":N&&!d,"k-loading":h,"k-empty":u,"k-readonly":v,"k-highlighted":L},Object.keys(M).reduce((g,E)=>(E.startsWith("k-")?g[E]=M[E]:g[`k-${E}`]=M[E],g),{}))};function Zr(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"},c={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"},at={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},S={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={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 bn={};function O(e){return bn[e]=(bn[e]\|\|0)+1,`k-${e}-${bn[e]}`}import{Fragment as ld,jsx as Qr}from"react/jsx-runtime";var xn="k-font-icon",rd=[],id={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info]},sd={},jo=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:s,...d}=e;return a?Qr("span",{...d,className:i(e.className,xn,I(xn,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true"}):Qr(ld,{})};jo.states=rd;jo.options=id;jo.className=xn;jo.defaultOptions=sd;var jr=jo;import{Fragment as md,jsx as Ca}from"react/jsx-runtime";var Nn="k-svg-icon",dd=[],pd={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info],variant:[at.outline,at.solid,at.duotone]},hn={viewBox:"0 0 24 24",variant:at.outline},ea=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:s=hn.viewBox,variant:d=hn.variant,icon:m,...f}=e;if(!m)return Ca(md,{});if(m==="none")return Ca("span",{...f,className:i(e.className,Nn,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof m=="object"&&m.name&&m.name,N=typeof m=="object"?d&&m.variants?.[d]\|\|m.variants?.outline\|\|m.content:void 0;return Ca("span",{...f,className:i(e.className,Nn,I("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:Ca("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:s,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:m?void 0:e.children})})};ea.states=dd;ea.options=pd;ea.className=Nn;ea.defaultOptions=hn;var Ln=ea;importas vn from"@progress/kendo-svg-icons";var ei="icon",ti="icons";import{useContext as ud}from"react";import{createContext as cd}from"react";var oi=cd({iconsType:"svg"});import{Fragment as ai,jsx as ta}from"react/jsx-runtime";var ya="k-icon",fd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),bd=[],xd={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info],variant:[at.outline,at.solid,at.duotone]},Ta={viewBox:"0 0 24 24",type:"svg",variant:at.outline},k=e=>{let{iconsType:t}=ud(oi),{size:o,themeColor:a,icon:n,type:s=t\|\|Ta.type,rotate:d,flip:m,viewBox:f=Ta.viewBox,variant:x=Ta.variant,...N}=e;if(!n)return ta(ai,{});if((t\|\|s)==="svg"){if(n==="none")return ta(Ln,{...N,className:i(e.className,ya),icon:n,size:o,variant:x});let u=vn[n]?n:fd(`${n}-icon`);return vn[u]?ta(Ln,{...N,className:i(e.className,ya),icon:vn[u],size:o,themeColor:a,rotate:d,flip:m,viewBox:f,variant:x}):ta(ai,{})}return ta(jr,{...N,className:i(e.className,ya),icon:n,size:o,themeColor:a,rotate:d,flip:m})};k.states=bd;k.options=xd;k.defaultOptions=Ta;k.className=ya;k.moduleName=ei;k.folderName=ti;var Mn="button",ni=Mn;import{Fragment as ri,jsx as to,jsxs as ii}from"react/jsx-runtime";var oa="k-button",Nd=["icon-button"],hd=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Ld={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},Sn={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:s,showArrow:d=Sn.showArrow,arrowIconName:m=Sn.arrowIconName,variant:f,hover:x,focus:N,active:h,selected:u,disabled:v,togglable:L,ariaDisabled:M,icon:g,iconSize:E,text:T,iconClassName:H,className:q,...ee}=e,se=g!=null,le=e.children!==void 0;return ii(t,{className:i(q,oa,Zr(oa,f),I(oa,{size:o,rounded:a,fillMode:n,themeColor:s}),C(oa,{hover:x,focus:N,active:h,disabled:v\|\|M,selected:u}),{"k-icon-button":!T&&!le&&se}),"aria-pressed":L?u?"true":"false":void 0,...ee,"aria-disabled":M?"true":void 0,disabled:v\|\|void 0,children:[typeof g=="string"&&g&&to(k,{className:i(H,"k-button-icon"),icon:g,size:E}),g&&typeof g!="string"&&to(ri,{children:g}),T?ii(ri,{children:[T&&to("span",{className:"k-button-text",children:T}),e.children]}):e.children&&to("span",{className:"k-button-text",children:e.children}),d&&to("span",{className:"k-menu-button-arrow k-button-arrow",children:to(k,{icon:m})})]})};p.states=hd;p.options=Ld;p.variants=Nd;p.className=oa;p.defaultOptions=Sn;p.moduleName=Mn;p.folderName=ni;import{jsx as vd}from"react/jsx-runtime";var ft=e=>vd(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Md}from"react/jsx-runtime";var aa=e=>Md(p,{icon:"folder",children:"Button",...e});import{jsx as Sd}from"react/jsx-runtime";var zt=e=>Sd(p,{children:"Button",...e});import{jsx as kn}from"react/jsx-runtime";var kd=p.options,gd=p.states,Id={...p.defaultOptions,variant:"text"},Ed=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Cd=[],oo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return kn(ft,{...o,icon:"star"});case"icon-and-text":return kn(aa,{...o,icon:"star",children:"Button"});default:return kn(zt,{...o,children:"Button"})}};oo.options=kd;oo.states=gd;oo.variants=Ed;oo.defaultOptions=Id;oo.modifiers=Cd;oo.className=p.className;var gn="button",si=gn;import{jsx as Ad}from"react/jsx-runtime";var na="k-button-group",yd=[r.disabled],Td={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Od={},A=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Ad("div",{role:"group",...n,className:i(e.className,na,I(na,{fillMode:t}),C(na,{disabled:o}),{[`${na}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};A.states=yd;A.options=Td;A.className=na;A.defaultOptions=Od;A.moduleName=gn;A.folderName=si;import{Fragment as ph,jsx as dh,jsxs as mh}from"react/jsx-runtime";import{Fragment as Nh,jsx as xh,jsxs as hh}from"react/jsx-runtime";import{Fragment as gh,jsx as kh,jsxs as Ih}from"react/jsx-runtime";import{Fragment as Ah,jsx as Oh,jsxs as Bh}from"react/jsx-runtime";import{Fragment as Dh,jsx as _h,jsxs as zh}from"react/jsx-runtime";import{Fragment as $h,jsx as Vh,jsxs as Xh}from"react/jsx-runtime";import{jsx as bt,jsxs as In}from"react/jsx-runtime";var Bd={...p.options,...A.options},Rd=p.states,Pd={...p.defaultOptions,...A.defaultOptions,variant:"text-button"},Kd=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],wd=[],ao=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?In(A,{fillMode:a.fillMode,className:o,children:[bt(p,{...a,icon:"star"}),bt(p,{...a,icon:"star"}),bt(p,{...a,icon:"star"})]}):t==="icon-text-button"?In(A,{fillMode:a.fillMode,className:o,children:[bt(p,{...a,icon:"star",children:"First"}),bt(p,{...a,icon:"star",children:"Middle"}),bt(p,{...a,icon:"star",children:"Last"})]}):In(A,{fillMode:a.fillMode,className:o,children:[bt(p,{...a,children:"First"}),bt(p,{...a,children:"Middle"}),bt(p,{...a,children:"Last"})]})};ao.options=Bd;ao.states=Rd;ao.variants=Kd;ao.defaultOptions=Pd;ao.modifiers=wd;ao.className=A.className;var ra="input",Oa=ra;import{jsx as Hd}from"react/jsx-runtime";var Aa="k-input",_d=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Dd={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},zd={},U=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:d,readonly:m,size:f,rounded:x,fillMode:N,...h}=e;return Hd("span",{...h,className:i(e.className,Aa,I(Aa,{size:f,rounded:x,fillMode:N}),C(Aa,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:d,readonly:m}))})};U.states=_d;U.options=Dd;U.className=Aa;U.defaultOptions=zd;U.moduleName=ra;U.folderName=Oa;import{jsx as Vd}from"react/jsx-runtime";var Ba="k-picker",Fd=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Ud={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Gd={},nt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:d,readonly:m,size:f,rounded:x,fillMode:N,...h}=e;return Vd("span",{...h,className:i(e.className,Ba,I(Ba,{size:f,rounded:x,fillMode:N}),C(Ba,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:d,readonly:m})),children:e.children})};nt.states=Fd;nt.options=Ud;nt.className=Ba;nt.defaultOptions=Gd;nt.moduleName=ra;nt.folderName=Oa;import{Fragment as Wd,jsx as En}from"react/jsx-runtime";var li="k-clear-value",$d=[r.disabled,r.loading,r.readonly],Xd={},de=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?En(Wd,{}):En("span",{className:i(e.className,li),children:En(k,{icon:"x"})})};de.states=$d;de.options=Xd;de.className=li;import{jsx as Yd}from"react/jsx-runtime";var Cn="k-input-inner",Jd=[],qd={},Ra={type:"text",autocomplete:"off",value:"",placeholder:""},pe=e=>{let{value:t=Ra.value,type:o=Ra.type,placeholder:a=Ra.placeholder,autocomplete:n=Ra.autocomplete,disabled:s,readOnly:d,...m}=e;return Yd("input",{...m,type:o,className:i(e.className,Cn,I(Cn,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:s\|\|void 0,readOnly:d\|\|void 0})};pe.states=Jd;pe.options=qd;pe.className=Cn;import{jsx as di,jsxs as jd}from"react/jsx-runtime";var yn="k-input-inner",Zd=[],Qd={},Ht=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:s,...d}=e;return jd("span",{...d,className:i(e.className,yn,I(yn,e)),children:[n,!n&&s&&di(k,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&di("span",{className:"k-input-value-text",children:t})]})};Ht.states=Zd;Ht.options=Qd;Ht.className=yn;import{jsx as op}from"react/jsx-runtime";var Tn="k-input-inner",ep=[],tp={},pi={value:"",placeholder:""},ia=e=>{let{value:t=pi.value,placeholder:o=pi.placeholder,rows:a,disabled:n,...s}=e;return op("textarea",{...s,className:i(e.className,Tn,I(Tn,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};ia.states=ep;ia.options=tp;ia.className=Tn;import{Fragment as np,jsx as mi}from"react/jsx-runtime";var ci="k-input-loading-icon",ap=[r.disabled,r.loading],ae=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?mi(np,{}):mi("span",{className:i(e.className,ci,"k-icon k-i-loading")})};ae.states=ap;ae.className=ci;import{Fragment as sp,jsx as ui}from"react/jsx-runtime";var fi="k-input-validation-icon",rp=[r.valid,r.invalid,r.disabled,r.loading],ip={},te=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,s=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?ui(sp,{}):ui(k,{className:i(fi),icon:s})};te.states=rp;te.options=ip;te.className=fi;import{Fragment as pp,jsx as bi}from"react/jsx-runtime";var lp="k-input-prefix",dp={direction:"horizontal"},fe=e=>{let{direction:t=dp.direction,...o}=e;return e.children?bi("span",{...o,className:i(lp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):bi(pp,{})};import{Fragment as up,jsx as xi}from"react/jsx-runtime";var mp="k-input-suffix",cp={direction:"horizontal"},be=e=>{let{direction:t=cp.direction,...o}=e;return e.children?xi("span",{...o,className:i(mp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):xi(up,{})};import{jsx as XL}from"react/jsx-runtime";import{jsx as bp}from"react/jsx-runtime";var fp="k-input-suffix-text",On=e=>{let{children:t,...o}=e;return bp("span",{...o,className:i(fp,e.className),children:t})};import{jsx as Np}from"react/jsx-runtime";var Ni="k-input-separator",xp={direction:"vertical"},ne=e=>{let{direction:t=xp.direction,...o}=e;return Np("span",{...o,className:i(Ni,e.className,{[`${Ni}-${t}`]:t})})};import{Fragment as hi,jsx as rt,jsxs as An}from"react/jsx-runtime";var hp=U.states,Lp=U.defaultOptions,vp=U.options,Mp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Sp=[],no=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:s,readonly:d,...m}=e,f=t?.prefix,x=t?.suffix,N=t?.["clear-button"],h=t?.["validation-icon"],u=t?.separators;return An(U,{...m,valid:o,invalid:a,loading:n,disabled:s,readonly:d,style:{width:300},children:[f&&An(hi,{children:[rt(fe,{children:rt(k,{icon:"lock"})}),u&&rt(ne,{})]}),rt(pe,{placeholder:"Placeholder",value:"Value"}),h&&rt(te,{valid:o,invalid:a,loading:n,disabled:s}),rt(ae,{loading:n,disabled:s}),N&&rt(de,{loading:n,disabled:s,readonly:d,value:"Value"}),x&&An(hi,{children:[u&&rt(ne,{}),rt(be,{children:rt(zt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};no.options=vp;no.states=hp;no.variants=Sp;no.defaultOptions=Lp;no.modifiers=Mp;no.className=U.className;import{jsx as Li,jsxs as Ip}from"react/jsx-runtime";var vi="k-color-preview",kp=[],gp={},kt=e=>{let{color:t,iconName:o,...a}=e;return Ip("span",{...a,className:i(e.className,vi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Li(k,{icon:o,className:"k-color-preview-icon"}),Li("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};kt.states=kp;kt.options=gp;kt.className=vi;var Bn="popup",Mi=Bn;import{jsx as Si}from"react/jsx-runtime";var ki="k-animation-container",Ep=[],Cp={},Rn={positionMode:"absolute",shown:!0},it=e=>{let{positionMode:t=Rn.positionMode,shown:o=Rn.shown,animationStyle:a,offset:n,...s}=e;return Si("div",{...s,style:{...n,...e.style},className:i(e.className,ki,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Si("div",{className:"k-child-animation-container",style:a,children:e.children})})};it.states=Ep;it.options=Cp;it.className=ki;it.defaultOptions=Rn;it.moduleName=Bn;it.folderName=Mi;var Pn="popup",gi=Pn;import{jsx as Ii}from"react/jsx-runtime";var Ei="k-popup",yp=[],Tp={},Ci={positionMode:"absolute"},W=e=>{let{offset:t,positionMode:o=Ci.positionMode,animationStyle:a,containerClassName:n,containerRole:s,containerAriaLabel:d,...m}=e;return Ii(it,{positionMode:o,offset:t,animationStyle:a,className:n,role:s,"aria-label":d,children:Ii("div",{...m,className:i(e.className,Ei),children:e.children})})};W.states=yp;W.options=Tp;W.className=Ei;W.defaultOptions=Ci;W.moduleName=Pn;W.folderName=gi;var Kn="action-buttons",yi=Kn;import{jsx as Bp}from"react/jsx-runtime";var Pa="k-actions",Op=[],Ap={},wn={alignment:"start",orientation:"horizontal"},st=e=>{let{alignment:t=wn.alignment,orientation:o=wn.orientation,...a}=e;return Bp("div",{...a,className:i(Pa,{[`${Pa}-${t}`]:t,[`${Pa}-${o}`]:o},e.className),children:e.children})};st.states=Op;st.options=Ap;st.className=Pa;st.defaultOptions=wn;st.moduleName=Kn;st.folderName=yi;import{jsx as Pp}from"react/jsx-runtime";var Rp="k-actionsheet-footer",Ti={alignment:"stretched",orientation:"horizontal"},gt=e=>{let{alignment:t=Ti.alignment,orientation:o=Ti.orientation,template:a,as:n=a?"div":st,...s}=e;return Pp(n,{...s,...!a&&{alignment:t,orientation:o},className:i(e.className,Rp),children:e.children})};var _n="searchbox",Oi=_n;import{jsx as sa,jsxs as _p}from"react/jsx-runtime";var Ai="k-searchbox",Kp=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],wp={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Dn={showIcon:!0,icon:"search"},He=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:s,hover:d,focus:m,valid:f,invalid:x,required:N,loading:h,disabled:u,showIcon:v=Dn.showIcon,icon:L=Dn.icon,"aria-label":M,...g}=e;return _p(U,{...g,size:a,rounded:n,fillMode:s,hover:d,focus:m,valid:f,invalid:x,required:N,loading:h,disabled:u,className:i(e.className,Ai),children:[v&&sa(k,{className:"k-input-icon",icon:L}),sa(pe,{placeholder:o,value:t,"aria-label":M}),sa(ae,{...e}),sa(te,{...e}),sa(de,{...e})]})};He.states=Kp;He.options=wp;He.className=Ai;He.defaultOptions=Dn;He.moduleName=_n;He.folderName=Oi;import{jsx as NM}from"react/jsx-runtime";var zn="textbox",Bi=zn;import{Fragment as Ri,jsx as It,jsxs as Hn}from"react/jsx-runtime";var Pi="k-textbox",Dp=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],zp={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ka={showClearButton:!0,showValidationIcon:!0,separators:!0},F=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Ka.separators,showClearButton:s=Ka.showClearButton,showValidationIcon:d=Ka.showValidationIcon,prefix:m,suffix:f,type:x,value:N,placeholder:h,hover:u,focus:v,valid:L,invalid:M,required:g,loading:E,disabled:T,readonly:H,id:q,"aria-label":ee,"aria-describedby":se,...le}=e;return Hn(U,{...le,size:t,rounded:o,fillMode:a,hover:u,focus:v,valid:L,invalid:M,required:g,loading:E,disabled:T,readonly:H,className:i(e.className,Pi),children:[m&&Hn(Ri,{children:[It(fe,{children:m}),n&&It(ne,{})]}),It(pe,{id:q,placeholder:h,value:N,type:x,disabled:T,"aria-label":ee,"aria-describedby":se,"aria-invalid":M?"true":void 0}),d&&It(te,{valid:L,invalid:M,loading:E,disabled:T}),It(ae,{loading:E,disabled:T}),s&&It(de,{loading:E,disabled:T,readonly:H,value:N}),f&&Hn(Ri,{children:[n&&It(ne,{}),It(be,{children:f})]})]})};F.states=Dp;F.options=zp;F.className=Pi;F.defaultOptions=Ka;F.moduleName=zn;F.folderName=Bi;var la=F;import{jsx as Hp}from"react/jsx-runtime";var Ki=e=>Hp(la,{...e});import{Fragment as KM,jsx as PM}from"react/jsx-runtime";import{Fragment as FM,jsx as HM}from"react/jsx-runtime";import{jsx as $M}from"react/jsx-runtime";import{jsx as Fn}from"react/jsx-runtime";var Fp=F.states,Up=F.defaultOptions,Gp=F.options,Vp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],$p=[],ro=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Fn(k,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Fn(zt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Fn(Ki,{value:"Value",style:{width:300},...o,...a})};ro.options=Gp;ro.states=Fp;ro.variants=$p;ro.defaultOptions=Up;ro.modifiers=Vp;ro.className=F.className;import{jsx as Et,jsxs as Un}from"react/jsx-runtime";var wi="k-actionsheet-titlebar",Xp={},Me=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:s,input:d,inputValue:m,inputPlaceholder:f,adaptive:x,titleId:N,children:h,...u}=e;return Un("div",{...u,className:i(e.className,wi),children:[Un("div",{className:"k-actionsheet-titlebar-group",children:[a&&Et("div",{className:"k-actionsheet-actions",children:a}),!h&&Un("div",{className:"k-actionsheet-title",id:N,children:[t&&Et("div",{className:"k-text-center",children:t}),o&&Et("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),h&&Et("div",{className:"k-actionsheet-title",id:N,children:h}),n&&Et("div",{className:"k-actionsheet-actions",children:n})]}),(d\|\|s)&&Et("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?Et(F,{value:m,placeholder:f,size:x?"large":"medium","aria-label":t\|\|f\|\|"Input"}):Et(He,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Me.className=wi;Me.defaultOptions=Xp;import{jsx as Gn,jsxs as Yp}from"react/jsx-runtime";var Vn="k-actionsheet-view",Wp=[],Jp={},qp={},io=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:s,titleId:d,...m}=e,f=n?.type===Me&&Gn(Me,{adaptive:t,titleId:d,...n?.props}),x=s?.type===gt&&Gn(gt,{...s?.props});return Yp("div",{...m,className:i(e.className,Vn,{[`${Vn}-animated`]:o}),children:[f,Gn("div",{className:"k-actionsheet-content",children:a}),x]})};io.states=Wp;io.options=Jp;io.className=Vn;io.defaultOptions=qp;var da="action-sheet",wa=da;var $n="overlay",_i=$n;import{jsx as em}from"react/jsx-runtime";var Di="k-overlay",Zp=[],Qp={},jp={},Ct=e=>{let{...t}=e;return em("div",{...t,className:i(e.className,Di),children:e.children})};Ct.states=Zp;Ct.options=Qp;Ct.className=Di;Ct.defaultOptions=jp;Ct.moduleName=$n;Ct.folderName=_i;import{jsx as _a,jsxs as am}from"react/jsx-runtime";var zi="k-actionsheet",tm=[],om={},pa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=pa.side,fullscreen:o=pa.fullscreen,adaptive:a=pa.adaptive,overlay:n=pa.overlay,template:s,children:d,header:m,footer:f,id:x,...N}=e,h=x&&!s&&m?`${x}-title`:void 0;return am("div",{className:"k-actionsheet-container",children:[n&&_a(Ct,{}),_a(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:_a("div",{...N,id:x,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":h,className:i(e.className,zi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|_a(io,{header:m,footer:f,adaptive:a,titleId:h,...e,children:d})})})]})};Y.states=tm;Y.options=om;Y.className=zi;Y.defaultOptions=pa;Y.moduleName=da;Y.folderName=wa;import{jsx as sm}from"react/jsx-runtime";var Hi="k-actionsheet-container",nm=[],rm={},im={},so=e=>{let{children:t,...o}=e;return sm("div",{...o,className:Hi,children:t})};so.states=nm;so.options=rm;so.className=Hi;so.defaultOptions=im;so.moduleName=da;so.folderName=wa;import{jsx as lm}from"react/jsx-runtime";var Xn=e=>{let{...t}=e;return lm("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};import{Fragment as pm,jsx as ma,jsxs as Wn}from"react/jsx-runtime";var Jn="k-actionsheet-item",dm=[r.hover,r.focus,r.selected,r.disabled],yt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:s,selected:d,disabled:m,...f}=e;return Wn("span",{...f,className:i(e.className,Jn,C(Jn,{hover:n,focus:s,selected:d,disabled:m})),children:[!e.children&&ma(pm,{children:Wn("span",{className:"k-actionsheet-action",children:[t&&ma("span",{className:"k-icon-wrap",children:ma(k,{className:"k-actionsheet-item-icon",icon:t})}),Wn("span",{className:"k-actionsheet-item-text",children:[o&&ma("span",{className:"k-actionsheet-item-title",children:o}),a&&ma("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};yt.states=dm;yt.className=Jn;import{jsx as VS,jsxs as $S}from"react/jsx-runtime";import{jsx as qS}from"react/jsx-runtime";import{jsx as jS}from"react/jsx-runtime";import{jsx as ak}from"react/jsx-runtime";import{jsx as me,jsxs as qn}from"react/jsx-runtime";var mm=Y.options,cm=Y.states,Ui={...Y.defaultOptions,variant:"normal"},um=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],fm=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],lo=e=>{let{variant:t,modifiers:o,...a}={...Ui,...e},n={},s=qn(Xn,{children:[me(yt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),me(yt,{text:"Add to Favorites",iconName:"heart"}),me(yt,{text:"Upload New",iconName:"upload",disabled:!0}),me("hr",{className:"k-hr"}),me(yt,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(f=>{switch(f){case"actions":n.actionsStart=!!o?.[f],n.actionsEnd=!!o?.[f];break;case"subtitle":n.subtitle=o?.[f]?d:void 0;break;case"footer":n.footer=!!o?.[f];break;default:break}}),t==="adaptive"?me(Y,{...a,adaptive:!0,fullscreen:n.fullScreen,header:me(Me,{actionsStart:n.actionsStart?me(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?me(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?qn(gt,{alignment:"stretched",children:[me(p,{text:"Cancel",size:"large",themeColor:"base"}),me(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):me(Y,{...a,fullscreen:n.fullScreen,header:me(Me,{actionsStart:n.actionsStart?me(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?me(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?qn(gt,{alignment:"stretched",children:[me(p,{text:"Apply",themeColor:"primary"}),me(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};lo.options=mm;lo.states=cm;lo.variants=um;lo.defaultOptions=Ui;lo.modifiers=fm;lo.className=Y.className;var Yn="slider",Gi=Yn;import{jsx as po,jsxs as Zn}from"react/jsx-runtime";var ca="k-slider",bm=[r.hover,r.focus,r.active,r.disabled,r.readonly],xm={},Fe={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=Fe.type,orientation:o=Fe.orientation,gradientType:a=Fe.gradientType,readonly:n=Fe.readonly,disabled:s=Fe.disabled,handlePosition:d=Fe.handlePosition,showButtons:m=Fe.showButtons,showTicks:f=Fe.showTicks,value:x=Fe.value,min:N=Fe.min,max:h=Fe.max,startValue:u,endValue:v,hover:L,focus:M,active:g,trackStyle:E,dir:T,...H}=e,ee=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),se,le;return o==="horizontal"?(se=T==="rtl"?"chevron-left":"chevron-right",le=T==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(se="chevron-up",le="chevron-down"),Zn("div",{...H,className:i(ca,e.className,C(ca,{readonly:n,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:T,children:[m&&po(p,{className:"k-button-decrease",rounded:"full",icon:le,tabIndex:-1,title:"Decrease"}),Zn("div",{className:"k-slider-track-wrap",children:[f&&po("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Zn("div",{className:"k-slider-track",style:E,children:[po("div",{className:"k-slider-selection"}),t==="range"&&po("span",{className:i("k-draghandle","k-draghandle-start",C(ca,{hover:L,focus:M,active:g})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":u??N,"aria-valuemin":N,"aria-valuemax":v??h,"aria-orientation":ee,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":H["aria-label"]?`${H["aria-label"]} start`:"Range start"}),po("span",{className:i("k-draghandle",`k-draghandle-${d}`,C(ca,{hover:L,focus:M,active:g})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?v??h:x,"aria-valuemin":t==="range"?u??N:N,"aria-valuemax":h,"aria-orientation":ee,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?H["aria-label"]?`${H["aria-label"]} end`:"Range end":H["aria-label"]})]})]}),m&&po(p,{className:"k-button-increase",rounded:"full",icon:se,tabIndex:-1,title:"Increase"})]})};X.states=bm;X.options=xm;X.className=ca;X.defaultOptions=Fe;X.moduleName=Yn;X.folderName=Gi;import{jsx as Vi}from"react/jsx-runtime";var $i="k-tick",Nm=[],hm={},Xi={label:!1},y=e=>{let{style:t,label:o=Xi.label,orientation:a,large:n,text:s,...d}=e;return Vi("li",{...d,role:"presentation",title:s\|\|"Tick",className:i(e.className,$i,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&Vi("span",{className:"k-label",children:s})})};y.states=Nm;y.options=hm;y.className=$i;y.defaultOptions=Xi;import{Fragment as Lm,jsx as Ue,jsxs as vm}from"react/jsx-runtime";var Wi=e=>Ue(X,{"aria-label":e["aria-label"]\|\|"Slider",children:vm(Lm,{children:[Ue(y,{className:"k-first",label:!0,large:!0,text:"0"}),Ue(y,{}),Ue(y,{}),Ue(y,{}),Ue(y,{}),Ue(y,{label:!0,large:!0,text:"5"}),Ue(y,{}),Ue(y,{}),Ue(y,{}),Ue(y,{}),Ue(y,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Mm,jsx as Ge,jsxs as Sm}from"react/jsx-runtime";var Ji=e=>Ge(X,{children:Sm(Mm,{children:[Ge(y,{className:"k-first",label:!0,large:!0,text:"0"}),Ge(y,{}),Ge(y,{}),Ge(y,{}),Ge(y,{}),Ge(y,{label:!0,large:!0,text:"5"}),Ge(y,{}),Ge(y,{}),Ge(y,{}),Ge(y,{}),Ge(y,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});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 km}from"react/jsx-runtime";var Qn=e=>km(X,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as gm}from"react/jsx-runtime";var jn=e=>gm(X,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as dg,jsx as lg,jsxs as pg}from"react/jsx-runtime";import{Fragment as bg,jsx as fg,jsxs as xg}from"react/jsx-runtime";import{jsx as lt,jsxs as qi}from"react/jsx-runtime";var Im=X.options,Em=X.states,Yi={...X.defaultOptions,variant:"horizontal",label:!0},Cm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ym=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],mo=e=>{let{variant:t,modifiers:o,...a}=e,n=Yi.label,s={};Object.keys(o\|\|{}).forEach(m=>{switch(m){case"button":{s.showButtons=!!o?.[m];break}case"label":{n=!!o?.[m];break}case"tick":{s.showTicks=!!o?.[m];break}}});let d={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?qi(Ji,{style:{height:"300px",...d},...a,...s,children:[lt(y,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),lt(y,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),lt(y,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),lt(y,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),lt(y,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):qi(Wi,{style:{width:"400px",...d},...a,...s,children:[lt(y,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),lt(y,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),lt(y,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),lt(y,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),lt(y,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};mo.options=Im;mo.states=Em;mo.variants=Cm;mo.defaultOptions=Yi;mo.modifiers=ym;mo.className=X.className;import{jsx as Zi,jsxs as Rm}from"react/jsx-runtime";var Qi="k-spin-button",Am=[],Bm={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},er={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},dt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=er.increaseLabel,decreaseLabel:s=er.decreaseLabel,...d}=e;return Rm("span",{...d,className:i(Qi,e.className),children:[Zi(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Zi(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};dt.states=Am;dt.options=Bm;dt.className=Qi;dt.defaultOptions=er;dt.moduleName=null;dt.folderName=null;var ji="numeric-textbox",es="numerictextbox";import{Fragment as ts,jsx as xt,jsxs as tr}from"react/jsx-runtime";var os="k-numerictextbox",Pm=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Km={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Da={showSpinButton:!0,showClearButton:!0,separators:!0},w=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Da.separators,showClearButton:s=Da.showClearButton,showSpinButton:d=Da.showSpinButton,prefix:m,suffix:f,value:x,placeholder:N,hover:h,focus:u,valid:v,invalid:L,required:M,loading:g,disabled:E,readonly:T,id:H,"aria-label":q,"aria-describedby":ee,...se}=e;return tr(U,{...se,size:t,rounded:o,fillMode:a,hover:h,focus:u,valid:v,invalid:L,required:M,loading:g,disabled:E,readonly:T,className:i(e.className,os),children:[m&&tr(ts,{children:[xt(fe,{children:m}),n&&xt(ne,{})]}),xt(pe,{id:H,placeholder:N,value:x,role:"spinbutton",disabled:E,"aria-label":q,"aria-describedby":ee,"aria-invalid":L?"true":void 0}),xt(te,{valid:v,invalid:L,loading:g,disabled:E}),xt(ae,{loading:g,disabled:E}),s&&xt(de,{loading:g,disabled:E,readonly:T,value:x}),f&&tr(ts,{children:[n&&xt(ne,{}),xt(be,{children:f})]}),d&&xt(dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:E})]})};w.states=Pm;w.options=Km;w.className=os;w.defaultOptions=Da;w.moduleName=ji;w.folderName=es;var ua=w;import{jsx as wm}from"react/jsx-runtime";var as=e=>wm(ua,{...e});import ar from"react";import{jsx as ns}from"react/jsx-runtime";var _m="k-list-group-sticky-header",or=e=>ns("div",{className:i(_m,e.className),children:ns("div",{className:"k-list-header-text",children:e.children})});import{jsx as zm}from"react/jsx-runtime";var Dm="k-no-data",za=e=>{let{live:t,...o}=e;return zm("span",{...o,className:i(Dm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Ft="list",co=Ft;import{jsx as rs,jsxs as is}from"react/jsx-runtime";var nr="k-list",Hm=[],Fm={size:[l.undefined,l.small,l.medium,l.large]},Um={},_=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:s,optionLabel:d,customValue:m,noData:f,screenReaders:x,...N}=e,u=ar.Children.toArray(a)[0],v=u?.props?.children?ar.Children.count(u.props.children):ar.Children.count(a);return is("div",{...N,className:i(e.className,nr,I(nr,{size:t}),{"k-virtual-list":o}),children:[d,s,m,n&&rs(or,{children:n}),a\|\|(f!==void 0?f:rs(za,{live:!0,children:"No data found."})),x&&a&&is(za,{className:"k-sr-only",live:!0,children:[v," items found."]})]})};_.states=Hm;_.options=Fm;_.className=nr;_.defaultOptions=Um;_.moduleName=Ft;_.folderName=co;import{jsx as Xm}from"react/jsx-runtime";var ss="k-list-container",Gm=[],Vm={},$m={},uo=e=>{let{...t}=e;return Xm("div",{...t,className:i(e.className,ss),children:e.children})};uo.states=Gm;uo.options=Vm;uo.className=ss;uo.defaultOptions=$m;uo.moduleName=Ft;uo.folderName=co;var Ut="checkbox",fo=Ut;import{jsx as ls}from"react/jsx-runtime";var Ha="k-checkbox",Wm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Jm={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full]},qm={},Ce=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:s,disabled:d,invalid:m,valid:f,required:x,size:N,rounded:h,wrapperRole:u,...v}=e;return ls("span",{className:"k-checkbox-wrap",role:u,children:ls("input",{...v,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:d\|\|void 0,"aria-invalid":m?"true":void 0,className:i(e.className,Ha,I(Ha,{size:N,rounded:h}),C(Ha,{hover:n,focus:s,disabled:d,invalid:m,valid:f,indeterminate:a,checked:o}))})})};Ce.states=Wm;Ce.options=Jm;Ce.className=Ha;Ce.defaultOptions=qm;Ce.moduleName=Ut;Ce.folderName=fo;var tt=Ce;import{jsx as Qm}from"react/jsx-runtime";var ds="k-checkbox-list",Ym=[],Zm={},ps={layout:"vertical"},Se=e=>{let{layout:t=ps.layout,...o}=e;return Qm("ul",{...o,className:i(e.className,ds,{[`k-list-${t}`]:t}),children:e.children})};Se.states=Ym;Se.options=Zm;Se.className=ds;Se.defaultOptions=ps;Se.moduleName=Ut;Se.folderName=fo;import{jsx as oc}from"react/jsx-runtime";var ms="k-checkbox-list-item",jm=[],ec={},tc={},ke=e=>{let{...t}=e;return oc("li",{...t,className:i(e.className,ms),children:e.children})};ke.states=jm;ke.options=ec;ke.className=ms;ke.defaultOptions=tc;ke.moduleName=Ut;ke.folderName=fo;import{Fragment as ac,jsx as cs,jsxs as nc}from"react/jsx-runtime";var Ve=({children:e="Label",id:t="cb-label-after",...o})=>nc(ac,{children:[cs(tt,{id:t,...o}),cs("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as HI,jsx as zI,jsxs as FI}from"react/jsx-runtime";import{Fragment as XI,jsx as $I,jsxs as WI}from"react/jsx-runtime";import{Fragment as QI,jsx as ZI,jsxs as jI}from"react/jsx-runtime";import{jsx as aE}from"react/jsx-runtime";import{jsx as sE}from"react/jsx-runtime";import{jsx as mE}from"react/jsx-runtime";import{jsx as $e,jsxs as us}from"react/jsx-runtime";var rc=Se.options,ic=Se.states,sc={...Se.defaultOptions,variant:"vertical"},lc=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],dc=[],bo=e=>{let{variant:t,...o}=e;return t==="horizontal"?us(Se,{layout:"horizontal",...o,children:[$e(ke,{children:$e(Ve,{id:O("cb"),defaultChecked:!0,children:"Label"})}),$e(ke,{children:$e(Ve,{id:O("cb"),children:"Label"})}),$e(ke,{children:$e(Ve,{id:O("cb"),children:"Label"})})]}):us(Se,{...o,children:[$e(ke,{children:$e(Ve,{id:O("cb"),defaultChecked:!0,children:"Label"})}),$e(ke,{children:$e(Ve,{id:O("cb"),children:"Label"})}),$e(ke,{children:$e(Ve,{id:O("cb"),children:"Label"})})]})};bo.options=rc;bo.states=ic;bo.variants=lc;bo.defaultOptions=sc;bo.modifiers=dc;bo.className=Se.className;import{jsx as bc}from"react/jsx-runtime";var pc=tt.options,mc=tt.states,cc=tt.defaultOptions,uc=[],fc=[],xo=e=>bc(Ve,{id:O("checkbox"),...e,defaultChecked:!0,children:"Label"});xo.options=pc;xo.states=mc;xo.variants=uc;xo.defaultOptions=cc;xo.modifiers=fc;xo.className=tt.className;import{jsx as No,jsxs as Lc}from"react/jsx-runtime";var rr="k-list-item",xc=[r.hover,r.focus,r.selected,r.disabled],Nc={},hc={},B=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:n,checked:s,hover:d,focus:m,selected:f,disabled:x,actions:N,description:h,id:u,...v}=e,L=t\|\|e.children,M=t\|\|(typeof L=="string"?L:void 0);return Lc("li",{...v,id:u,role:"option",tabIndex:m?0:-1,"aria-selected":f?"true":"false","aria-disabled":x?"true":void 0,className:i(e.className,rr,C(rr,{hover:d,focus:m,disabled:x,selected:f})),children:[n&&No(Ce,{checked:s,disabled:x,"aria-label":M,tabIndex:-1}),o&&No("span",{className:"k-list-item-icon-wrapper",children:No(k,{icon:o,className:i("k-list-item-icon",a)})}),No("span",{className:"k-list-item-text",children:L}),N&&No("div",{className:"k-list-item-actions",children:N}),h&&No("span",{className:"k-list-item-description",children:h})]})};B.states=xc;B.options=Nc;B.className=rr;B.defaultOptions=hc;B.moduleName=Ft;B.folderName=co;import{jsx as Mc}from"react/jsx-runtime";var vc="k-list-ul",Tt=e=>{let{children:t,role:o,id:a,...n}=e;return Mc("ul",{...n,id:a,role:o,className:i(vc,e.className),children:t})};import{jsx as ir,jsxs as kc}from"react/jsx-runtime";var Sc="k-list-content",G=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:s,...d}=e;return kc("div",{...d,className:i(Sc,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:ir(Tt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&ir("div",{className:"k-height-container",children:ir("div",{})})]})};import{jsx as sr,jsxs as Cc}from"react/jsx-runtime";var Fa="k-list-sticky-header",gc=[r.hover,r.focus,r.selected],Ic={},Ec={},Ua=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:s,focus:d,selected:m,...f}=e;return sr("div",{...f,className:i(Fa,e.className),children:Cc("div",{className:i(`${Fa}-item`,C(`${Fa}-item`,{hover:s,focus:d,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&sr(Ce,{checked:a,indeterminate:n,"aria-label":t}),sr("span",{className:"k-list-item-text",children:t})]})})};Ua.states=gc;Ua.options=Ic;Ua.className=Fa;Ua.defaultOptions=Ec;import{Fragment as rC,jsx as nC,jsxs as iC}from"react/jsx-runtime";import{jsx as mC,jsxs as cC}from"react/jsx-runtime";import{jsx as Ac}from"react/jsx-runtime";var lr="k-list-optionlabel",yc=[r.hover,r.focus,r.selected,r.disabled],Tc={},Oc={},Ga=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...d}=e;return Ac("div",{...d,className:i(lr,C(lr,{hover:o,focus:a,selected:n,disabled:s})),children:t})};Ga.states=yc;Ga.options=Tc;Ga.className=lr;Ga.defaultOptions=Oc;import{jsx as Kc}from"react/jsx-runtime";var dr="k-list-custom-value",Bc=[r.hover,r.focus,r.selected,r.disabled],Rc={},Pc={},Ot=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...d}=e;return Kc("div",{...d,className:i(dr,C(dr,{hover:o,focus:a,selected:n,disabled:s})),children:t})};Ot.states=Bc;Ot.options=Rc;Ot.className=dr;Ot.defaultOptions=Pc;import{Fragment as gC,jsx as kC,jsxs as IC}from"react/jsx-runtime";import{Fragment as AC,jsx as OC,jsxs as BC}from"react/jsx-runtime";import{Fragment as zC,jsx as _C,jsxs as DC}from"react/jsx-runtime";import{Fragment as XC,jsx as VC,jsxs as $C}from"react/jsx-runtime";import{jsx as YC}from"react/jsx-runtime";import{Fragment as oy,jsx as ty,jsxs as ay}from"react/jsx-runtime";import{Fragment as dy,jsx as ly,jsxs as py}from"react/jsx-runtime";var fs="dropdown-list",bs="dropdownlist";import{Fragment as Dc,jsx as ge,jsxs as pr}from"react/jsx-runtime";var xs="k-dropdownlist",wc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],_c={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},mr={showValue:!0,arrowIconName:"chevron-down"},P=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=mr.arrowIconName,showValue:s=mr.showValue,valueIconName:d,prefix:m,suffix:f,value:x,placeholder:N,hover:h,focus:u,valid:v,invalid:L,required:M,loading:g,disabled:E,readonly:T,popup:H,opened:q,adaptive:ee,adaptiveSettings:se,adaptiveTitle:le,adaptiveSubtitle:Dt,adaptiveFilter:cn,id:St,activeDescendant:Ea,"aria-label":un,...fn}=e,nd=St?`${St}-listbox`:void 0,Yr=St?`${St}-value`:void 0;return pr(Dc,{children:[pr(nt,{...fn,id:St,size:t,rounded:o,fillMode:a,hover:h,focus:u,valid:v,invalid:L,required:M,loading:g,disabled:E,readonly:T,className:i(e.className,xs,{"k-icon-picker":!s&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":q?"true":"false","aria-controls":q?nd:void 0,"aria-activedescendant":q&&Ea?Ea:void 0,"aria-describedby":q?Yr:void 0,"aria-disabled":E?"true":void 0,"aria-label":un,tabIndex:0,children:[ge(fe,{children:m}),ge(Ht,{placeholder:N,value:x,showValue:s,valueIconName:d,id:Yr}),ge(te,{valid:v,invalid:L,loading:g,disabled:E}),ge(ae,{loading:g,disabled:E}),ge(be,{children:f}),ge(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),q&&H&&ge(W,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:H}),ee&&ge(Y,{adaptive:!0,...se,header:ge(Me,{actionsEnd:ge(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:cn,inputValue:x,inputPlaceholder:N,title:le,subtitle:Dt}),children:ge("div",{className:"k-list-container",children:ge(_,{size:"large",children:pr(G,{"aria-label":"Options",children:[ge(B,{text:"List item"}),ge(B,{text:"List item"}),ge(B,{text:"List item"})]})})})})]})};P.states=wc;P.options=_c;P.className=xs;P.defaultOptions=mr;P.moduleName=fs;P.folderName=bs;import{jsx as $y}from"react/jsx-runtime";import{jsx as Zy,jsxs as Qy}from"react/jsx-runtime";import{Fragment as sT,jsx as rT,jsxs as iT}from"react/jsx-runtime";import{jsx as cT}from"react/jsx-runtime";import{jsx as hT,jsxs as LT}from"react/jsx-runtime";import{Fragment as yT,jsx as ET,jsxs as CT}from"react/jsx-runtime";import{jsx as RT}from"react/jsx-runtime";import{Fragment as Vc,jsx as At,jsxs as Ns}from"react/jsx-runtime";var zc=P.states,Hc=P.defaultOptions,Fc=P.options,Uc=[{name:"opened",title:"Opened"}],Gc=[],Lo=e=>{let{modifiers:t,...o}=e,a={},n=Ns(Vc,{children:[At("div",{className:"k-list-filter",children:At(He,{})}),At(_,{style:{width:300},size:o.size,children:Ns(G,{children:[At(B,{children:"List item"}),At(B,{children:"List item"}),At(B,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?n:void 0)}),At("div",{children:At(P,{placeholder:"Value",style:{width:300},...o,...a})})};Lo.options=Fc;Lo.states=zc;Lo.variants=Gc;Lo.defaultOptions=Hc;Lo.modifiers=Uc;Lo.className=P.className;import{Fragment as tO,jsx as eO}from"react/jsx-runtime";import{Fragment as sO,jsx as iO}from"react/jsx-runtime";import{jsx as mO}from"react/jsx-runtime";import{jsx as cr}from"react/jsx-runtime";var $c=w.states,Xc=w.defaultOptions,Wc=w.options,Jc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],qc=[],vo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?cr(P,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?cr(On,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),cr(as,{value:"Value",style:{width:300},...o,...a})};vo.options=Wc;vo.states=$c;vo.variants=qc;vo.defaultOptions=Xc;vo.modifiers=Jc;vo.className=w.className;import{Fragment as ba,jsx as K,jsxs as Z}from"react/jsx-runtime";var hs="k-colorgradient-inputs",Yc=[],Zc={size:[l.undefined,l.small,l.medium,l.large]},Ls={mode:"rgba"},Mo=e=>{let{mode:t=Ls.mode,size:o,...a}=e;return Z("div",{...a,className:i(hs,"k-hstack"),children:[K("div",{className:"k-vstack",children:K(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Z(ba,{children:[Z("div",{className:"k-vstack",children:[K(w,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),K("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[K(w,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),K("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[K(w,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),K("label",{className:"k-colorgradient-input-label",children:"B"})]}),Z("div",{className:"k-vstack",children:[K(w,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),K("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Z(ba,{children:[Z("div",{className:"k-vstack",children:[K(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),K("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[K(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),K("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[K(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),K("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(ba,{children:[Z("div",{className:"k-vstack",children:[K(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),K("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[K(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),K("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[K(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),K("label",{className:"k-colorgradient-input-label",children:"V"})]}),Z("div",{className:"k-vstack",children:[K(w,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),K("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(ba,{children:[Z("div",{className:"k-vstack",children:[K(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),K("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[K(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),K("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[K(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),K("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&K(ba,{children:Z("div",{className:"k-vstack k-flex-1",children:[K(F,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),K("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Mo.states=Yc;Mo.options=Zc;Mo.className=hs;Mo.defaultOptions=Ls;import{jsx as Gt,jsxs as Vt}from"react/jsx-runtime";var vs="k-colorgradient-color-contrast",Qc=[],jc={},eu={},So=()=>Vt("div",{className:i(vs,"k-vbox"),children:[Vt("div",{className:"k-contrast-ratio",children:[Gt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Vt("span",{className:"k-contrast-validation !k-text-success",children:[Gt(k,{icon:"check"}),Gt(k,{icon:"check"})]})]}),Vt("div",{children:[Gt("span",{children:"AA: 4.5"}),Vt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Gt(k,{icon:"check"})]})]}),Vt("div",{children:[Gt("span",{children:"AAA: 7.0"}),Vt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Gt(k,{icon:"x"})]})]})]});So.states=Qc;So.options=jc;So.className=vs;So.defaultOptions=eu;var Ms="color-gradient",Ss="colorgradient";import{jsx as Xe,jsxs as xa}from"react/jsx-runtime";var Va="k-colorgradient",tu=[r.hover,r.focus,r.readonly,r.disabled],ou={size:[l.undefined,l.small,l.medium,l.large]},pt={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"},ce=e=>{let{size:t,mode:o=pt.mode,readonly:a=pt.readonly,disabled:n=pt.disabled,gradientStyle:s=pt.gradientStyle,dragHandleStyle:d=pt.dragHandleStyle,alphaStyle:m=pt.alphaStyle,alphaStyleHorizontal:f=pt.alphaStyleHorizontal,contrast:x=pt.contrast,dir:N,hover:h,focus:u,hoverHandle:v,focusHandle:L,canvasOrientation:M=pt.canvasOrientation,role:g,tabIndex:E,...T}=e;return xa("div",{...T,role:g??"textbox","aria-label":g==="none"?void 0:"Color gradient",tabIndex:E??0,"aria-disabled":n?"true":void 0,className:i(e.className,Va,I(Va,{size:t}),C(Va,{hover:h,focus:u,readonly:a,disabled:n})),dir:N,children:[!M\|\|M==="horizontal"&&xa("div",{className:"k-colorgradient-canvas k-hstack",children:[Xe("div",{className:"k-hsv-rectangle",style:s,children:Xe("div",{className:"k-hsv-gradient",children:Xe("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":v,"k-focus":L}),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})})}),xa("div",{className:"k-hsv-controls k-hstack",children:[Xe(jn,{className:"k-hue-slider",hover:v,focus:L}),o!=="rgb"&&o!=="hsv"&&Xe(jn,{className:"k-alpha-slider",hover:v,focus:L,trackStyle:m})]})]}),M==="vertical"&&xa("div",{className:"k-colorgradient-canvas k-vstack",children:[Xe("div",{className:"k-hsv-rectangle",style:s,children:Xe("div",{className:"k-hsv-gradient",children:Xe("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":v,"k-focus":L}),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})})}),xa("div",{className:"k-hsv-controls k-vstack",children:[Xe(Qn,{className:"k-hue-slider",hover:v,focus:L}),o!=="rgb"&&o!=="hsv"&&Xe(Qn,{className:"k-alpha-slider",hover:v,focus:L,trackStyle:f})]})]}),Xe(Mo,{mode:e.mode,size:t}),x&&Xe(So,{})]})};ce.states=tu;ce.options=ou;ce.className=Va;ce.defaultOptions=pt;ce.moduleName=Ms;ce.folderName=Ss;import{jsx as au}from"react/jsx-runtime";var $a=e=>au(ce,{...e});import{jsx as YO}from"react/jsx-runtime";import{jsx as eA}from"react/jsx-runtime";import{jsx as ur}from"react/jsx-runtime";var nu=ce.options,ru=ce.states,iu={...ce.defaultOptions,variant:"rgba"},su=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],lu=[],ko=e=>{let{variant:t,...o}=e;switch(t){case"hex":return ur($a,{...o,mode:t});case"rgb":return ur($a,{...o,mode:t});default:return ur($a,{...o,mode:t})}};ko.options=nu;ko.states=ru;ko.variants=su;ko.defaultOptions=iu;ko.modifiers=lu;ko.className=ce.className;import{jsx as du}from"react/jsx-runtime";var fr=e=>du("tr",{role:"row",children:e.children});import{jsx as cu}from"react/jsx-runtime";var br="k-colorpalette-tile",pu=[r.hover,r.focus,r.selected],mu={},Bt=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:s,...d}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return cu("td",{...d,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:i(e.className,br,C(br,{hover:a,focus:n,selected:s})),style:m})};Bt.states=pu;Bt.options=mu;Bt.className=br;Bt.moduleName=null;Bt.folderName=null;var ks="color-palette",gs="colorpalette";import{jsx as Na}from"react/jsx-runtime";var Xa="k-colorpalette",uu=[r.disabled],fu={size:[l.undefined,l.small,l.medium,l.large]},Is={columns:10},ye=e=>{let{size:t,palette:o,columns:a=Is.columns,tileSize:n,disabled:s,...d}=e,m=[];if(o){let f=a\|\|o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/f)},(N,h)=>{let u=[];x.slice(hf,(h+1)*f).map((L,M)=>{u.push(Na(Bt,{color:L,tileSize:n},M))});let v=Na(fr,{children:u},h);m.push(v)})}return Na("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:i(e.className,Xa,C(Xa,{disabled:s}),I(Xa,{size:t})),children:Na("table",{className:"k-colorpalette-table",role:"none",children:Na("tbody",{children:m.length>0?m:e.children})})})};ye.states=uu;ye.options=fu;ye.className=Xa;ye.defaultOptions=Is;ye.moduleName=ks;ye.folderName=gs;var Wa=ye;var ha={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 bu}from"react/jsx-runtime";var Es=e=>bu(Wa,{palette:ha.basic,...e});import{jsx as KA}from"react/jsx-runtime";import{jsx as FA,jsxs as UA}from"react/jsx-runtime";import{jsx as Su}from"react/jsx-runtime";var xu=ye.options,Nu=ye.states,hu={...ye.defaultOptions,variant:"basic"},Lu=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],vu={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Mu=[],go=e=>{let{variant:t="basic",...o}=e,a=vu[t];return Su(Es,{columns:a.columns,palette:a,...o})};go.options=xu;go.states=Nu;go.variants=Lu;go.defaultOptions=hu;go.modifiers=Mu;go.className=ye.className;var Cs="color-editor",ys="coloreditor";import{jsx as We,jsxs as Io}from"react/jsx-runtime";var Ja="k-coloreditor",ku=[r.focus],gu={size:[l.undefined,l.small,l.medium,l.large]},La={view:"gradient",palette:ha.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=La.view,palette:a=La.palette,color:n,currentColor:s,focus:d,focusView:m,dir:f,group:x,actionButtons:N=La.actionButtons,canvasOrientation:h=La.canvasOrientation,...u}=e;return Io("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:i(e.className,"k-flatcolorpicker",Ja,I(Ja,{size:t}),C(Ja,{focus:d})),dir:f,children:[Io("div",{className:"k-coloreditor-header k-hstack",children:[We("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&Io(A,{fillMode:"flat",children:[We(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),We(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),We("div",{className:"k-spacer"}),Io("div",{className:"k-coloreditor-header-actions k-hstack",children:[We(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Io("div",{className:"k-coloreditor-preview k-vstack",children:[We(kt,{className:"k-coloreditor-preview-color",color:n}),We(kt,{className:"k-coloreditor-current-color",color:s})]})]})]}),We("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?We(ce,{focus:m,size:t,canvasOrientation:h,role:"none",tabIndex:-1}):We(ye,{palette:a,size:t})}),N&&Io(st,{className:"k-coloreditor-footer",alignment:"start",children:[We(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),We(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Q.states=ku;Q.options=gu;Q.className=Ja;Q.defaultOptions=La;Q.moduleName=Cs;Q.folderName=ys;var Eo=Q;import{jsx as NB}from"react/jsx-runtime";import{jsx as MB}from"react/jsx-runtime";import{jsx as Iu}from"react/jsx-runtime";var Ts=e=>Iu(Eo,{group:!0,currentColor:"fuchsia",...e});import{jsx as Eu}from"react/jsx-runtime";var Os=e=>Eu(Eo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as As}from"react/jsx-runtime";var Cu=Q.options,yu=Q.states,Tu={...Q.defaultOptions,variant:"gradient"},Ou=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Au=[],Co=e=>{let{variant:t,...o}=e;return t==="palette"?As(Os,{...o,color:"white"}):As(Ts,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Co.options=Cu;Co.states=yu;Co.variants=Ou;Co.defaultOptions=Tu;Co.modifiers=Au;Co.className=Q.className;var Bs="color-picker",Rs="colorpicker";import{Fragment as Pu,jsx as Je,jsxs as xr}from"react/jsx-runtime";var Ps="k-colorpicker",Bu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Ru={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ks={arrowIconName:"chevron-down"},qe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Ks.arrowIconName,prefix:s,suffix:d,value:m,placeholder:f,hover:x,focus:N,valid:h,invalid:u,required:v,disabled:L,valueIconName:M,popup:g,opened:E,adaptive:T,adaptiveSettings:H,adaptiveTitle:q,adaptiveSubtitle:ee,...se}=e,le="colorpicker-popup";return xr(Pu,{children:[xr(nt,{...se,size:t,rounded:o,fillMode:a,hover:x,focus:N,valid:h,invalid:u,required:v,disabled:L,role:"combobox","aria-haspopup":"dialog","aria-expanded":E?"true":"false","aria-controls":E\|\|T?le:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":L?"true":void 0,className:i(e.className,Ps,"k-icon-picker"),children:[Je(fe,{children:s}),Je(Ht,{placeholder:f,value:m,showValue:!1,valueIcon:Je(kt,{className:"k-value-icon",color:m,iconName:M}),valueIconName:M}),Je(be,{children:d}),Je(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:L})]}),E&&g&&Je(W,{id:le,className:"k-colorpicker-popup",children:g}),T&&Je(Y,{adaptive:!0,id:le,...H,header:Je(Me,{actionsEnd:Je(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:q,subtitle:ee}),footer:xr(gt,{children:[Je(p,{text:"Cancel",size:"large"}),Je(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Je(Q,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};qe.states=Bu;qe.options=Ru;qe.className=Ps;qe.defaultOptions=Ks;qe.moduleName=Bs;qe.folderName=Rs;var Nt=qe;import{jsx as Ku}from"react/jsx-runtime";var qa=e=>Ku(Nt,{...e});import{jsx as nR}from"react/jsx-runtime";import{jsx as dR}from"react/jsx-runtime";import{jsx as uR}from"react/jsx-runtime";import{jsx as NR}from"react/jsx-runtime";import{jsx as MR}from"react/jsx-runtime";import{jsx as IR}from"react/jsx-runtime";import{jsx as $t}from"react/jsx-runtime";var wu=Nt.options,_u=Nt.states,ws={...Nt.defaultOptions,variant:"color"},Du=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],zu=[{name:"opened",title:"Opened"}],yo=e=>{let{variant:t,modifiers:o,...a}={...ws,...e},n={};Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(n.opened=!!o?.[d],n.popup=o?.[d]?$t(Q,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return $t("div",{style:s,children:$t(qa,{...a,...n})});case"icon":return $t("div",{style:s,children:$t(qa,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return $t("div",{style:s,children:$t(qa,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};yo.options=wu;yo.states=_u;yo.variants=Du;yo.defaultOptions=ws;yo.modifiers=zu;yo.className=Nt.className;var Nr="combobox",_s=Nr;import{Fragment as hr,jsx as oe,jsxs as va}from"react/jsx-runtime";var Ds="k-combobox",Hu=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Fu={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},zs={separators:!0},Ie=e=>{let{size:t,rounded:o,fillMode:a,separators:n=zs.separators,prefix:s,suffix:d,value:m,placeholder:f,hover:x,focus:N,valid:h,invalid:u,required:v,loading:L,disabled:M,popup:g,opened:E,readonly:T,adaptive:H,adaptiveSettings:q,adaptiveTitle:ee,adaptiveSubtitle:se,adaptiveCustomValue:le,id:Dt,autocomplete:cn,activeDescendant:St,"aria-label":Ea,...un}=e,fn=Dt?`${Dt}-listbox`:void 0;return va(hr,{children:[va(U,{...un,size:t,rounded:o,fillMode:a,hover:x,focus:N,valid:h,invalid:u,required:v,loading:L,disabled:M,readonly:T,className:i(e.className,Ds),children:[s&&va(hr,{children:[oe(fe,{children:s}),n&&oe(ne,{})]}),oe(pe,{id:Dt,placeholder:f,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":E?"true":"false","aria-controls":E?fn:void 0,"aria-activedescendant":E&&St?St:void 0,"aria-autocomplete":cn,"aria-invalid":u?"true":void 0,"aria-busy":L?"true":void 0,"aria-label":Ea,disabled:M,readOnly:T}),oe(te,{valid:h,invalid:u,loading:L,disabled:M}),oe(ae,{loading:L,disabled:M}),oe(de,{loading:L,disabled:M,readonly:T,value:m}),d&&va(hr,{children:[n&&oe(ne,{}),oe(be,{children:d})]}),oe(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:M})]}),E&&g&&oe(W,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:g}),H&&oe(Y,{adaptive:!0,id:Dt?`${Dt}-adaptive`:void 0,...q,header:oe(Me,{actionsEnd:oe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:f,title:ee,subtitle:se}),children:oe("div",{className:"k-list-container",children:oe(_,{customValue:le?oe(Ot,{text:`Use "${m}"`}):void 0,size:"large",children:va(G,{"aria-label":ee\|\|"Options",children:[oe(B,{text:"List item"}),oe(B,{text:"List item"}),oe(B,{text:"List item"})]})})})})]})};Ie.states=Hu;Ie.options=Fu;Ie.className=Ds;Ie.defaultOptions=zs;Ie.moduleName=Nr;Ie.folderName=_s;var Re=Ie;import{jsx as Uu}from"react/jsx-runtime";var Hs=e=>Uu(Re,{...e});import{jsx as sP,jsxs as lP}from"react/jsx-runtime";import{jsx as fP,jsxs as bP}from"react/jsx-runtime";import{jsx as MP,jsxs as SP}from"react/jsx-runtime";import{Fragment as yP,jsx as CP}from"react/jsx-runtime";import{Fragment as PP,jsx as RP}from"react/jsx-runtime";import{jsx as HP,jsxs as FP}from"react/jsx-runtime";import{Fragment as qP,jsx as WP,jsxs as JP}from"react/jsx-runtime";import{jsx as jP}from"react/jsx-runtime";import{jsx as aK}from"react/jsx-runtime";import{jsx as dK,jsxs as pK}from"react/jsx-runtime";import{jsx as xK,jsxs as NK}from"react/jsx-runtime";import{jsx as Rt,jsxs as Ju}from"react/jsx-runtime";var Gu=Ie.states,Vu=Ie.defaultOptions,$u=Ie.options,Xu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Wu=[],To=e=>{let{modifiers:t,...o}=e,a={},n=Rt(_,{style:{width:300},size:o.size,children:Ju(G,{children:[Rt(B,{children:"List item"}),Rt(B,{children:"List item"}),Rt(B,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?Rt(k,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?Rt(ft,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?n:void 0;break;default:break}}),Rt("div",{children:Rt(Hs,{value:"Value",style:{width:300},...o,...a})})};To.options=$u;To.states=Gu;To.variants=Wu;To.defaultOptions=Vu;To.modifiers=Xu;To.className=Ie.className;var Lr="menu-button",Fs=Lr;import{jsx as Zu}from"react/jsx-runtime";var Us="k-menu-button",qu=[r.hover,r.focus,r.active,r.selected,r.disabled],Yu={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},vr={showArrow:!0,arrowIconName:"chevron-down"},V=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:d,active:m,selected:f,disabled:x,icon:N,text:h,showArrow:u=vr.showArrow,arrowIconName:v=vr.arrowIconName,expanded:L,...M}=e;return Zu(p,{...M,className:i(e.className,Us),text:h,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:d,active:m,selected:f,disabled:x,ariaDisabled:x\|\|void 0,icon:N,showArrow:u,arrowIconName:v,"aria-expanded":L?"true":"false",...!h&&N&&!e["aria-label"]&&{"aria-label":"Menu"}})};V.states=qu;V.options=Yu;V.className=Us;V.defaultOptions=vr;V.moduleName=Lr;V.folderName=Fs;import{jsx as YK}from"react/jsx-runtime";import{jsx as ew}from"react/jsx-runtime";import{jsx as nw}from"react/jsx-runtime";var Pe="menu",Ye=Pe;import{jsx as Ma,jsxs as Gs}from"react/jsx-runtime";var Mr="k-menu-item",Qu=[r.hover,r.focus,r.active,r.selected,r.disabled],ju={},Vs={iconPosition:"before"},xe=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:d,text:m,showArrow:f,arrowIconName:x,iconPosition:N=Vs.iconPosition,dir:h,children:u,expanded:v,...L}=e,M=x;return M\|\|(M=h==="rtl"?"chevron-left":"chevron-right"),Gs("li",{...L,className:i(e.className,Mr,"k-item",C(Mr,{focus:o,disabled:s,hover:t,active:a,selected:n})),role:"menuitem",...f&&{"aria-haspopup":"menu"},...f&&{"aria-expanded":v?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Gs("span",{className:i("k-link k-menu-link"),children:[d&&N==="before"&&Ma(k,{className:"k-menu-link-icon",icon:d}),Ma("span",{className:"k-menu-link-text",children:m}),d&&N==="after"&&Ma(k,{className:"k-menu-link-icon",icon:d}),f&&Ma("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ma(k,{icon:M})})]}),u]})};xe.states=Qu;xe.options=ju;xe.className=Mr;xe.defaultOptions=Vs;xe.moduleName=Pe;xe.folderName=Ye;import{jsx as Xt,jsxs as $s}from"react/jsx-runtime";var Sr="k-menu-item",ef=[r.hover,r.focus,r.active,r.selected,r.disabled],tf={},kr={dir:"ltr",iconPosition:"before"},J=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:d,text:m,showArrow:f,arrowIconName:x,iconPosition:N=kr.iconPosition,dir:h=kr.dir,children:u,popup:v,expanded:L,actions:M,description:g,...E}=e,T=x;return T\|\|(T=h==="rtl"?"chevron-left":"chevron-right"),$s("li",{role:"menuitem",...E,className:i(e.className,Sr,"k-item",C(Sr,{focus:o,disabled:s})),...f&&{"aria-haspopup":"menu"},...f&&{"aria-expanded":L?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[$s("span",{className:i("k-link k-menu-link",C("k-menu-link",{hover:t,active:a,selected:n,disabled:s})),children:[d&&N==="before"&&Xt(k,{className:"k-menu-link-icon",icon:d}),Xt("span",{className:"k-menu-link-text",children:m}),d&&N==="after"&&Xt(k,{className:"k-menu-link-icon",icon:d}),M&&Xt("span",{className:"k-menu-link-actions",children:M}),f&&Xt("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Xt(k,{icon:T})}),g&&Xt("span",{className:"k-menu-link-description",children:g})]}),u,v]})};J.states=ef;J.options=tf;J.className=Sr;J.defaultOptions=kr;J.moduleName=Pe;J.folderName=Ye;import{jsx as rf}from"react/jsx-runtime";var Xs="k-menu-scroll-wrapper",of=[],af={},nf={},Wt=e=>{let{className:t,children:o,orientation:a,...n}=e;return rf("div",{...n,className:i(t,Xs,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Wt.states=of;Wt.options=af;Wt.className=Xs;Wt.defaultOptions=nf;Wt.moduleName=Pe;Wt.folderName=Ye;var Ws=Wt;import{Fragment as gr,jsx as Jt,jsxs as Za}from"react/jsx-runtime";var Qa="k-menu",sf=[],lf={size:[l.undefined,l.small,l.medium,l.large]},ja={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ue=e=>{let{children:t,orientation:o=ja.orientation,header:a=ja.header,scrollable:n,scrollButtonsPosition:s=ja.scrollButtonsPosition,wrapperStyles:d,dir:m,size:f,popup:x,contextMenu:N,...h}=e,u={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},v=Jt("ul",{dir:m,...h,className:i(e.className,"k-reset",Qa,{[`${Qa}-${o}`]:o,"k-header":a},I(Qa,{size:f})),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Za(gr,{children:[n?Za(Ws,{orientation:o,style:d,dir:e.dir,children:[s==="start"&&Za(gr,{children:[Jt(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Jt(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&Jt(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),v,s==="end"&&Za(gr,{children:[Jt(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Jt(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&Jt(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):v,x]})};ue.states=sf;ue.options=lf;ue.className=Qa;ue.defaultOptions=ja;ue.moduleName=Pe;ue.folderName=Ye;import{jsx as df}from"react/jsx-runtime";var Ir="k-separator",Js={orientation:"horizontal"},Oo=e=>{let{orientation:t=Js.orientation,...o}=e;return df("li",{...o,className:i(e.className,"k-item",Ir,{[`${Ir}-${t}`]:t}),role:"separator"})};Oo.className=Ir;Oo.defaultOptions=Js;Oo.moduleName=Pe;Oo.folderName=Ye;import{Fragment as Rw,jsx as Pw}from"react/jsx-runtime";import{jsx as uf}from"react/jsx-runtime";var Er="k-menu-group",pf=[],mf={size:[l.undefined,l.small,l.medium,l.large]},cf={},Ne=e=>{let{children:t,size:o,...a}=e;return uf("ul",{role:"menu",...a,className:i(e.className,Er,I(Er,{size:o})),children:t})};Ne.states=pf;Ne.options=mf;Ne.className=Er;Ne.defaultOptions=cf;Ne.moduleName=Pe;Ne.folderName=Ye;import{jsx as Gw,jsxs as Vw}from"react/jsx-runtime";import{Fragment as ff,jsx as Ao,jsxs as bf}from"react/jsx-runtime";var Cr=e=>Ao(ue,{children:bf(ff,{children:[Ao(xe,{text:"Item 1"}),Ao(xe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Ao(xe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Ao(xe,{text:"Item 4"}),Ao(xe,{text:"Item 5"})]}),...e});import{Fragment as e0,jsx as Qw,jsxs as jw}from"react/jsx-runtime";import{Fragment as r0,jsx as n0,jsxs as i0}from"react/jsx-runtime";import{Fragment as m0,jsx as p0,jsxs as c0}from"react/jsx-runtime";import{Fragment as N0,jsx as x0,jsxs as h0}from"react/jsx-runtime";import{jsx as qt,jsxs as vf}from"react/jsx-runtime";var xf={...ue.options,scrollable:{type:"boolean"}},Nf=ue.states,qs={...ue.defaultOptions,variant:"horizontal"},hf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Lf=[{name:"opened",title:"Opened"}],Bo=e=>{let{variant:t,modifiers:o,...a}={...qs,...e},n={},s=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(n.opened=!!o?.[d],n.popup=o?.[d]?qt(W,{className:"k-menu-popup",offset:s,children:vf(Ne,{children:[qt(J,{text:"Item 1"}),qt(J,{text:"Item 2"}),qt(Oo,{}),qt(J,{text:"Item 3"})]})}):null)}),t==="vertical"?qt(Cr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):qt(Cr,{...a,...n})};Bo.options=xf;Bo.states=Nf;Bo.variants=hf;Bo.defaultOptions=qs;Bo.modifiers=Lf;Bo.className=ue.className;import{Fragment as Z0,jsx as q0,jsxs as Y0}from"react/jsx-runtime";import{jsx as t_}from"react/jsx-runtime";import{Fragment as If,jsx as mt,jsxs as Ys}from"react/jsx-runtime";var Mf=p.states,Zs={...p.defaultOptions,variant:"text"},Sf=p.options,kf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],gf=[{name:"opened",title:"Opened"}],Ro=e=>{let{variant:t,modifiers:o,...a}={...Zs,...e},n={},s=mt(W,{className:"k-menu-popup",children:Ys(Ne,{size:a.size,children:[mt(J,{text:"Menu Item"}),mt(J,{text:"Menu Item"}),mt(J,{text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=mt("div",{children:mt(V,{...a,...n,icon:"star"})});break;case"icon-and-text":d=mt("div",{children:mt(V,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:d=mt("div",{children:mt(V,{...a,...n,children:"Dropdown Button"})});break}return Ys(If,{children:[d,o?.opened&&s]})};Ro.options=Sf;Ro.states=Mf;Ro.variants=kf;Ro.defaultOptions=Zs;Ro.modifiers=gf;Ro.className=V.className;var yr="split-button",Qs=yr;import{Fragment as yf,jsx as Tr,jsxs as js}from"react/jsx-runtime";var Or="k-split-button",Ef=[r.hover,r.focus,r.active,r.selected,r.disabled],Cf={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},el={arrowIconName:"chevron-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:d,active:m,selected:f,disabled:x,icon:N,text:h,arrowIconName:u=el.arrowIconName,popup:v,opened:L,popupId:M,...g}=e;return js(yf,{children:[js("div",{...g,className:i(e.className,Or,"k-button-group",I(Or,{rounded:o})),children:[Tr(p,{text:h,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:d,active:m,selected:f,disabled:x,...!h&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),Tr(p,{className:"k-split-button-arrow",icon:u,size:t,rounded:o,fillMode:a,disabled:x,ariaDisabled:x\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":L?"true":"false","aria-controls":L?M:void 0,tabIndex:-1})]}),L&&v&&Tr(W,{className:"k-menu-popup",children:v})]})};D.states=Ef;D.options=Cf;D.className=Or;D.defaultOptions=el;D.moduleName=yr;D.folderName=Qs;var Ar=D;import{jsx as Of}from"react/jsx-runtime";var Tf="k-toolbar-separator",re=e=>Of("div",{className:i(Tf,e.className,"k-separator")});var Yt="toolbar",Po=Yt;import{Fragment as Br,jsx as z,jsxs as Ko}from"react/jsx-runtime";var ht="k-toolbar",Af=[r.focus],Bf={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Rf={scrollButtons:"around"},$=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:s,scrollButtons:d,scrollingPosition:m,section:f,...x}=e,N=[],h=(u,v)=>{let L=[];if(u.type===p&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))L.push(z(p,{...u.props,className:`${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===p)L.push(z(p,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===aa)L.push(z(aa,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===ft)L.push(z(ft,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===V)L.push(z(V,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===Ar)L.push(z(Ar,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===A\|\|u.props.className&&u.props.className.includes("k-button-group")){let M=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((E,T)=>{M.push(z(p,{...E.props,className:`${E.props.className?E.props.className:""}`},`${T}-${new Date().getTime()}`))}),L.push(z(A,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:M},`${v}-${new Date().getTime()}`))}else u.type===Ie?L.push(z(Ie,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`)):u.type===P?L.push(z(P,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`)):u.type===qe?L.push(z(qe,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`)):L.push(u);L.forEach(M=>{N.push(M)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((v,L)=>{h(v,L)}),Ko("div",{...x,className:i(e.className,ht,I(ht,{size:t,fillMode:o}),C(ht,{focus:a}),{[`${ht}-resizable`]:n,[`${ht}-scrollable`]:s,[`${ht}-scrollable-overlay`]:s&&d==="hidden",[`${ht}-scrollable-${m}`]:m&&m!=="both",[`${ht}-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"&&Ko(Br,{children:[Ko(A,{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(k,{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(k,{className:"k-button-icon",icon:"chevron-right"})})]}),z(re,{className:"k-toolbar-button-separator"}),z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&d==="end"&&Ko(Br,{children:[z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),z(re,{className:"k-toolbar-button-separator"}),Ko(A,{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(k,{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(k,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(d==="around"\|\|!d)&&Ko(Br,{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(k,{className:"k-button-icon",icon:"chevron-left"})}),z(re,{className:"k-toolbar-button-separator"}),z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),z(re,{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(k,{className:"k-button-icon",icon:"chevron-right"})})]})]})};$.states=Af;$.options=Bf;$.className=ht;$.defaultOptions=Rf;$.moduleName=Yt;$.folderName=Po;import{jsx as _f}from"react/jsx-runtime";var Rr="k-toolbar-item",Pf=[r.focus],Kf={},wf={},ot=e=>{let{focus:t,...o}=e;return _f("div",{...o,className:i(e.className,Rr,C(Rr,{focus:t})),children:e.children})};ot.states=Pf;ot.options=Kf;ot.className=Rr;ot.defaultOptions=wf;ot.moduleName=Yt;ot.folderName=Po;import{jsx as tl}from"react/jsx-runtime";var ol="k-toolbar-popup",Df=[],zf={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Hf={},Zt=e=>{let{size:t,fillMode:o,section:a,...n}=e;return tl(W,{...n,className:i(e.className,ol),children:a?tl("span",{className:i("k-toolbar-items-list",I("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Zt.states=Df;Zt.options=zf;Zt.className=ol;Zt.defaultOptions=Hf;Zt.moduleName=Yt;Zt.folderName=Po;var en=Zt;import{jsx as eD}from"react/jsx-runtime";import{jsx as nD}from"react/jsx-runtime";import{jsx as lD}from"react/jsx-runtime";import{jsx as fD,jsxs as bD}from"react/jsx-runtime";import{jsx as LD}from"react/jsx-runtime";import{jsx as Lt,jsxs as $f}from"react/jsx-runtime";var Ff=D.states,al={...D.defaultOptions,variant:"text"},Uf=D.options,Gf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Vf=[{name:"opened",title:"Opened"}],wo=e=>{let{variant:t,modifiers:o,...a}={...al,...e},n={},s=$f(Ne,{size:a.size,children:[Lt(J,{text:"Menu Item"}),Lt(J,{text:"Menu Item"}),Lt(J,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(n.opened=!!o?.[d],n.popup=o?.[d]?s:"")}),t){case"icon-only":return Lt("div",{children:Lt(D,{...a,...n,icon:"star"})});case"icon-and-text":return Lt("div",{children:Lt(D,{...a,...n,icon:"star",children:"Split Button"})});default:return Lt("div",{children:Lt(D,{...a,...n,children:"Split Button"})})}};wo.options=Uf;wo.states=Ff;wo.variants=Gf;wo.defaultOptions=al;wo.modifiers=Vf;wo.className=D.className;import{jsx as Qt,jsxs as Xf}from"react/jsx-runtime";var nl=e=>Qt($,{children:[Qt(p,{children:"Button"},"toolbar-button"),Qt(V,{text:"Menu button"},"toolbar-menu-button"),Qt(D,{children:"Split button"},"toolbar-split-button"),Xf(A,{children:[Qt(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Qt(p,{icon:"align-center",children:"Center"}),Qt(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as JD,jsxs as qD}from"react/jsx-runtime";import{jsx as Ke,jsxs as rl}from"react/jsx-runtime";var il=e=>Ke($,{scrollable:!0,...e,children:[Ke(p,{children:"Button"},"toolbar-button"),Ke(V,{text:"Menu button"},"toolbar-menu-button"),Ke(D,{children:"Split button"},"toolbar-split-button"),rl(A,{children:[Ke(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Ke(p,{icon:"align-center",children:"Center"}),Ke(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Ke(p,{children:"Button"},"toolbar-button"),Ke(V,{text:"Menu button"},"toolbar-menu-button"),Ke(D,{children:"Split button"},"toolbar-split-button"),rl(A,{children:[Ke(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Ke(p,{icon:"align-center",children:"Center"}),Ke(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as we,jsxs as sl}from"react/jsx-runtime";var ll=({scrollingPosition:e="start",...t})=>we($,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[we(p,{children:"Button"},"toolbar-button"),we(V,{text:"Menu button"},"toolbar-menu-button"),we(D,{children:"Split button"},"toolbar-split-button"),sl(A,{children:[we(p,{className:"k-group-start",icon:"align-left",children:"Left"}),we(p,{icon:"align-center",children:"Center"}),we(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),we(p,{children:"Button"},"toolbar-button"),we(V,{text:"Menu button"},"toolbar-menu-button"),we(D,{children:"Split button"},"toolbar-split-button"),sl(A,{children:[we(p,{className:"k-group-start",icon:"align-left",children:"Left"}),we(p,{icon:"align-center",children:"Center"}),we(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Wf,jsx as Te,jsxs as tn}from"react/jsx-runtime";var dl=({fillMode:e,size:t,...o})=>tn(Wf,{children:[Te($,{section:!0,fillMode:e,size:t,children:[Te(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),tn(A,{fillMode:e,children:[Te(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Te(re,{className:"k-toolbar-button-separator"}),Te(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),tn(en,{size:t,fillMode:e,section:!0,...o,children:[Te(D,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Te(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Te(re,{}),Te(V,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),tn(A,{fillMode:e,children:[Te(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as yz,jsx as Ez,jsxs as Cz}from"react/jsx-runtime";import{Fragment as zz,jsx as _z,jsxs as Dz}from"react/jsx-runtime";import{jsx as Pt}from"react/jsx-runtime";var Jf=$.options,qf=$.states,pl={...$.defaultOptions,variant:"default"},Yf=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Zf=[],_o=e=>{let{variant:t,...o}={...pl,...e};switch(t){case"responsive":return Pt("div",{children:Pt(dl,{style:{width:"583px"},...o})});case"overlay":return Pt("div",{children:Pt(ll,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Pt("div",{children:Pt(il,{style:{width:"583px"},...o})});default:return Pt("div",{children:Pt(nl,{style:{width:"583px"},...o})})}};_o.options=Jf;_o.states=qf;_o.variants=Yf;_o.defaultOptions=pl;_o.modifiers=Zf;_o.className=$.className;import{jsx as _e}from"react/jsx-runtime";var ml="k-imageeditor-toolbar",Qf=[],jf={},eb=[_e(p,{icon:"upload","aria-label":"Upload"},"toolbar-button-1"),_e(p,{disabled:!0,icon:"download","aria-label":"Download"},"toolbar-button-2"),_e(re,{},"toolbar-separator-1"),_e(p,{disabled:!0,icon:"undo","aria-label":"Undo"},"toolbar-button-3"),_e(p,{disabled:!0,icon:"redo","aria-label":"Redo"},"toolbar-button-4"),_e(re,{},"toolbar-separator-2"),_e(p,{disabled:!0,icon:"crop","aria-label":"Crop"},"toolbar-button-5"),_e(p,{disabled:!0,icon:"image-resize","aria-label":"Resize"},"toolbar-button-6"),_e(p,{disabled:!0,icon:"zoom-in","aria-label":"Zoom in"},"toolbar-button-7"),_e(p,{disabled:!0,icon:"zoom-out","aria-label":"Zoom out"},"toolbar-button-8"),_e(ot,{children:_e(P,{disabled:!0,value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],cl={toolbarItems:eb},Do=e=>{let{toolbarItems:t=cl.toolbarItems,...o}=e;return _e($,{...o,className:i(e.className,ml),children:t})};Do.states=Qf;Do.options=jf;Do.className=ml;Do.defaultOptions=cl;var ul="image-editor",fl="imageeditor";import{jsx as Sa,jsxs as bl}from"react/jsx-runtime";var xl="k-imageeditor",tb=[],ob={},ab={},ct=e=>{let{toolbarItems:t,actionPane:o,contentHeight:a,children:n,...s}=e;return bl("div",{...s,className:i(e.className,xl),children:[Sa("div",{className:"k-imageeditor-header",children:Sa(Do,{toolbarItems:t})}),bl("div",{className:"k-imageeditor-content",style:{height:a},children:[Sa("div",{className:"k-imageeditor-canvas-container",children:Sa("div",{className:"k-imageeditor-canvas",children:n})}),o&&Sa("div",{className:"k-imageeditor-action-pane",children:o})]})]})};ct.states=tb;ct.options=ob;ct.className=xl;ct.defaultOptions=ab;ct.moduleName=ul;ct.folderName=fl;import{jsx as kH}from"react/jsx-runtime";var Nl="form",hl="forms";import{Fragment as Ll,jsx as on,jsxs as ib}from"react/jsx-runtime";var an="k-form",nb=[],rb={size:[l.undefined,l.small,l.medium,l.large]},Pr={layout:"basic",tag:"form"},ie=e=>{let{size:t,orientation:o,layout:a=Pr.layout,formButtons:n,cols:s,gutters:d,tag:m=Pr.tag,children:f,style:x}=e,N=m,h=i(e.className,an,I(an,{size:t}),{[`${an}-${o}`]:o}),u=ib(Ll,{children:[a==="grid"?on("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},...x},children:f}):on(Ll,{children:f}),n&&on("div",{className:"k-form-buttons",children:n})]}),{role:v,"aria-labelledby":L,"aria-label":M,id:g}=e;return on(N,{className:h,role:v,"aria-labelledby":L,"aria-label":M,id:g,children:u})};ie.states=nb;ie.options=rb;ie.className=an;ie.defaultOptions=Pr;ie.moduleName=Nl;ie.folderName=hl;var vl="label",Ml="label";import{jsx as Sl,jsxs as pb}from"react/jsx-runtime";var Kr="k-label",sb=[r.disabled],lb={},db={},Kt=e=>{let{disabled:t,optional:o,info:a,text:n,children:s,...d}=e;return pb("label",{...d,className:i(e.className,Kr,C(Kr,{disabled:t})),children:[n\|\|s,o&&Sl("span",{className:"k-label-optional",children:"(Optional)"}),a&&Sl("span",{className:"k-field-info",children:a})]})};Kt.states=sb;Kt.options=lb;Kt.className=Kr;Kt.defaultOptions=db;Kt.moduleName=vl;Kt.folderName=Ml;import{jsx as fb}from"react/jsx-runtime";var kl="k-form-hint",mb=[],cb={},ub={},Ze=e=>{let{text:t,children:o,...a}=e;return fb("div",{...a,className:i(e.className,kl),children:t\|\|o})};Ze.states=mb;Ze.options=cb;Ze.className=kl;Ze.defaultOptions=ub;import{jsx as hb}from"react/jsx-runtime";var gl="k-form-error",bb=[],xb={},Nb={},Qe=e=>{let{text:t,children:o,...a}=e;return hb("div",{...a,className:i(e.className,gl),children:t\|\|o})};Qe.states=bb;Qe.options=xb;Qe.className=gl;Qe.defaultOptions=Nb;import{jsx as nn,jsxs as Il}from"react/jsx-runtime";var wr="k-form-field",Lb=[r.disabled],j=e=>{let{editorId:t,label:o,orientation:a,optional:n,editor:s,hint:d,error:m,info:f,disabled:x,dir:N,colSpan:h,...u}=e;return Il("div",{...u,className:i(wr,e.className,C(wr,{disabled:x}),{[`k-col-span-${h}`]:h}),dir:N,children:[o&&nn(Kt,{className:"k-form-label",id:t?`${t}-label`:void 0,htmlFor:t\|\|void 0,optional:n,info:f?"(field info)":void 0,children:o}),a==="horizontal"&&!o&&nn("span",{className:"k-label k-form-label k-label-empty"}),Il("div",{className:"k-form-field-wrap",children:[s,d&&nn(Ze,{id:t?`${t}-hint`:void 0,children:d}),m&&nn(Qe,{id:t?`${t}-error`:void 0,children:m})]})]})};j.states=Lb;j.className=wr;import{Fragment as vb,jsx as _r,jsxs as Mb}from"react/jsx-runtime";var El="k-form-fieldset",ut=e=>{let{legend:t,layout:o,cols:a,gutters:n,colSpan:s}=e;return Mb("fieldset",{className:i(El,{[`k-col-span-${s}`]:s}),children:[t&&_r("legend",{className:"k-form-legend",children:t}),o==="grid"?_r("div",{className:i("k-form-layout","k-d-grid",{[`k-grid-cols-${a}`]:a}),style:{...typeof n=="string"&&{gap:n},...typeof n=="object"&&n.rows&&{rowGap:n.rows},...typeof n=="object"&&n.cols&&{columnGap:n.cols}},children:e.children}):_r(vb,{children:e.children})]})};ut.className=El;var jt="radio",zo=jt;import{jsx as Cl}from"react/jsx-runtime";var rn="k-radio",Sb=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked],kb={size:[l.undefined,l.small,l.medium,l.large]},gb={},he=e=>{let{id:t,checked:o,hover:a,focus:n,disabled:s,invalid:d,valid:m,required:f,size:x,...N}=e;return Cl("span",{className:"k-radio-wrap",children:Cl("input",{...N,id:t,type:"radio",checked:o,required:f,disabled:s\|\|void 0,"aria-invalid":d?"true":void 0,className:i(e.className,rn,I(rn,{size:x}),C(rn,{hover:a,focus:n,disabled:s,invalid:d,valid:m,checked:o}))})})};he.states=Sb;he.options=kb;he.className=rn;he.defaultOptions=gb;he.moduleName=jt;he.folderName=zo;var je=he;import{jsx as Cb}from"react/jsx-runtime";var yl="k-radio-list",Ib=[],Eb={},Tl={layout:"vertical"},Le=e=>{let{layout:t=Tl.layout,...o}=e;return Cb("ul",{...o,className:i(e.className,yl,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};Le.states=Ib;Le.options=Eb;Le.className=yl;Le.defaultOptions=Tl;Le.moduleName=jt;Le.folderName=zo;import{jsx as Ab}from"react/jsx-runtime";var Ol="k-radio-list-item",yb=[],Tb={},Ob={},ve=e=>{let{...t}=e;return Ab("li",{...t,className:i(e.className,Ol),role:"none",children:e.children})};ve.states=yb;ve.options=Tb;ve.className=Ol;ve.defaultOptions=Ob;ve.moduleName=jt;ve.folderName=zo;import{jsx as m2}from"react/jsx-runtime";import{Fragment as Bb,jsx as Al,jsxs as Rb}from"react/jsx-runtime";var vt=({children:e,id:t,...o})=>Rb(Bb,{children:[Al(je,{...o,id:t}),Al("label",{className:"k-radio-label",htmlFor:t,children:e})]});import{Fragment as L2,jsx as h2,jsxs as v2}from"react/jsx-runtime";import{Fragment as E2,jsx as g2,jsxs as I2}from"react/jsx-runtime";import{Fragment as A2,jsx as O2,jsxs as B2}from"react/jsx-runtime";import{Fragment as _2,jsx as w2,jsxs as D2}from"react/jsx-runtime";import{Fragment as $2,jsx as V2,jsxs as X2}from"react/jsx-runtime";import{jsx as Y2}from"react/jsx-runtime";import{jsx as Hb}from"react/jsx-runtime";var Kb=je.options,wb=je.states,_b=je.defaultOptions,Db=[],zb=[],Ho=e=>Hb(vt,{id:O("radio"),name:"value",...e,children:"Label"});Ho.options=Kb;Ho.states=wb;Ho.variants=Db;Ho.defaultOptions=_b;Ho.modifiers=zb;Ho.className=je.className;import{jsx as et,jsxs as Bl}from"react/jsx-runtime";var Fb=Le.options,Ub=Le.states,Gb={...Le.defaultOptions,variant:"vertical"},Vb=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],$b=[],Fo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Bl(Le,{layout:"horizontal",...o,children:[et(ve,{children:et(vt,{id:O("rb"),name:"value",defaultChecked:!0,children:"Label"})}),et(ve,{children:et(vt,{id:O("rb"),name:"value",children:"Label"})}),et(ve,{children:et(vt,{id:O("rb"),name:"value",children:"Label"})})]}):Bl(Le,{...o,children:[et(ve,{children:et(vt,{id:O("rb"),name:"value",defaultChecked:!0,children:"Label"})}),et(ve,{children:et(vt,{id:O("rb"),name:"value",children:"Label"})}),et(ve,{children:et(vt,{id:O("rb"),name:"value",children:"Label"})})]})};Fo.options=Fb;Fo.states=Ub;Fo.variants=Vb;Fo.defaultOptions=Gb;Fo.modifiers=$b;Fo.className=Le.className;import{Fragment as Xb,jsx as Oe,jsxs as Uo}from"react/jsx-runtime";var Dr=e=>{let{size:t,children:o,...a}=e;return Oe(ie,{formButtons:Uo(Xb,{children:[Oe(p,{className:"k-form-submit",themeColor:"primary",size:t,children:"Submit"}),Oe(p,{className:"k-form-clear",size:t,children:"Clear"})]}),size:t,...a,children:o\|\|Uo(ut,{legend:"Form Legend",children:[Oe(j,{label:"Label",editor:Oe(F,{size:t})}),Oe(j,{label:"Label",hint:"Hint text",editor:Oe(P,{value:"Dropdown List",size:t,"aria-label":"Label"})}),Oe(j,{label:"City",editor:Uo("ul",{className:"k-radio-list k-list-horizontal",children:[Uo("li",{className:"k-radio-list-item",children:[Oe(he,{defaultChecked:!0,size:t}),Oe("label",{className:"k-radio-label",children:"Label"})]}),Uo("li",{className:"k-radio-list-item",children:[Oe(he,{size:t}),Oe("label",{className:"k-radio-label",children:"Label"})]}),Uo("li",{className:"k-radio-list-item",children:[Oe(he,{size:t}),Oe("label",{className:"k-radio-label",children:"Label"})]})]})})]})})};import{Fragment as z1,jsx as D1,jsxs as H1}from"react/jsx-runtime";import{Fragment as W1,jsx as X1,jsxs as J1}from"react/jsx-runtime";var Rl="date-input",Pl="dateinput";import{jsx as ka,jsxs as Yb}from"react/jsx-runtime";var Kl="k-dateinput",Wb=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Jb={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},qb={},De=e=>{let{size:t,rounded:o,fillMode:a,value:n,placeholder:s,hover:d,focus:m,valid:f,invalid:x,required:N,loading:h,disabled:u,readonly:v,showClearButton:L,showSpinButton:M,id:g,"aria-label":E,"aria-describedby":T,...H}=e;return Yb(U,{...H,size:t,rounded:o,fillMode:a,hover:d,focus:m,valid:f,invalid:x,required:N,loading:h,disabled:u,readonly:v,className:i(e.className,Kl),children:[ka(pe,{id:g,placeholder:s,value:n,disabled:u,"aria-label":E,"aria-describedby":T,"aria-invalid":x?"true":void 0}),ka(te,{valid:f,invalid:x,loading:h,disabled:u}),ka(ae,{loading:h,disabled:u}),L&&ka(de,{loading:h,disabled:u,readonly:v,value:n}),M&&ka(dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:u})]})};De.states=Wb;De.options=Jb;De.className=Kl;De.defaultOptions=qb;De.moduleName=Rl;De.folderName=Pl;var zr=De;import{jsx as Zb}from"react/jsx-runtime";var wl=e=>Zb(zr,{...e});import{jsx as l3}from"react/jsx-runtime";import{jsx as ax}from"react/jsx-runtime";var Qb=De.options,jb=De.states,ex=De.defaultOptions,tx=[{name:"spin-button",title:"`Spin` Button"}],ox=[],Go=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{n==="spin-button"&&(a.showSpinButton=!!t?.[n])}),ax(wl,{value:"2/04/2021",style:{width:"300px"},...o,...a})};Go.options=Qb;Go.states=jb;Go.variants=ox;Go.defaultOptions=ex;Go.modifiers=tx;Go.className=De.className;var _l="masked-textbox",Dl="maskedtextbox";import{Fragment as zl,jsx as wt,jsxs as Hr}from"react/jsx-runtime";var Hl="k-maskedtextbox",nx=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],rx={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Fr={showClearButton:!0,separators:!0},ze=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Fr.separators,showClearButton:s=Fr.showClearButton,prefix:d,suffix:m,value:f,placeholder:x,hover:N,focus:h,valid:u,invalid:v,required:L,loading:M,disabled:g,readonly:E,id:T,"aria-label":H,"aria-describedby":q,...ee}=e;return Hr(U,{...ee,size:t,rounded:o,fillMode:a,hover:N,focus:h,valid:u,invalid:v,required:L,loading:M,disabled:g,readonly:E,className:i(e.className,Hl),children:[d&&Hr(zl,{children:[wt(fe,{children:d}),n&&wt(ne,{})]}),wt(pe,{id:T,placeholder:x,value:f,disabled:g,"aria-label":H,"aria-describedby":q,"aria-invalid":v?"true":void 0}),wt(te,{valid:u,invalid:v,loading:M,disabled:g}),wt(ae,{loading:M,disabled:g}),s&&wt(de,{loading:M,disabled:g,readonly:E,value:f}),m&&Hr(zl,{children:[n&&wt(ne,{}),wt(be,{children:m})]})]})};ze.states=nx;ze.options=rx;ze.className=Hl;ze.defaultOptions=Fr;ze.moduleName=_l;ze.folderName=Dl;var Vo=ze;import{jsx as ix}from"react/jsx-runtime";var Fl=e=>ix(Vo,{...e});import{Fragment as R3,jsx as B3}from"react/jsx-runtime";import{Fragment as z3,jsx as D3}from"react/jsx-runtime";import{jsx as G3}from"react/jsx-runtime";import{jsx as W3}from"react/jsx-runtime";import{jsx as Ur}from"react/jsx-runtime";var sx=ze.states,lx=ze.defaultOptions,dx=ze.options,px=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],mx=[],$o=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Ur(P,{size:o.size,value:"Choose",fillMode:"flat"}):void 0;break;case"suffix":a.suffix=t?.[n]?Ur(k,{icon:"lock"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Ur(Fl,{value:"Value",style:{width:300},...o,...a})};$o.options=dx;$o.states=sx;$o.variants=mx;$o.defaultOptions=lx;$o.modifiers=px;$o.className=ze.className;var Gr="switch",Ul=Gr;import{jsx as sn,jsxs as Gl}from"react/jsx-runtime";var _t="k-switch",cx=[r.hover,r.focus,r.disabled,r.readonly,r.checked],ux={size:[l.undefined,l.small,l.medium,l.large],trackRounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],thumbRounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full]},fx={},Ae=e=>{let{checked:t,onLabel:o,offLabel:a,size:n,trackRounded:s,thumbRounded:d,hover:m,focus:f,disabled:x,readonly:N,...h}=e;return Gl("span",{...h,className:i(e.className,_t,I(_t,{size:n}),C(_t,{hover:m,focus:f,disabled:x,readonly:N}),{[`${_t}-on`]:t,[`${_t}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:x?void 0:0,"aria-disabled":x?"true":void 0,"aria-readonly":N?"true":void 0,children:[Gl("span",{className:i("k-switch-track",I(_t,{rounded:s})),children:[o&&sn("span",{className:"k-switch-label-on",children:o}),a&&sn("span",{className:"k-switch-label-off",children:a})]}),sn("span",{className:"k-switch-thumb-wrap",children:sn("span",{className:i("k-switch-thumb",I(_t,{rounded:d}))})})]})};Ae.states=cx;Ae.options=ux;Ae.className=_t;Ae.defaultOptions=fx;Ae.moduleName=Gr;Ae.folderName=Ul;import{jsx as N5}from"react/jsx-runtime";import{jsx as M5}from"react/jsx-runtime";import{jsx as I5}from"react/jsx-runtime";import{jsx as T5}from"react/jsx-runtime";import{jsx as Vl}from"react/jsx-runtime";var bx=Ae.options,xx=Ae.states,Nx={...Ae.defaultOptions,variant:"on"},hx=[{name:"on",title:"On"},{name:"off",title:"Off"}],Lx=[],Xo=e=>{let{variant:t,...o}=e;return t==="off"?Vl(Ae,{checked:!1,onLabel:"On",offLabel:"Off",...o}):Vl(Ae,{checked:!0,onLabel:"On",offLabel:"Off",...o})};Xo.options=bx;Xo.states=xx;Xo.variants=hx;Xo.defaultOptions=Nx;Xo.modifiers=Lx;Xo.className=Ae.className;var $r="textarea",$l=$r;import{Fragment as Xl,jsx as ga,jsxs as Xr}from"react/jsx-runtime";var Wl="k-textarea",vx=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Mx={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Wo={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},Be=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:n=Wo.prefixSeparator,suffixSeparator:s=Wo.prefixSeparator,affixesOrientation:d=Wo.affixesOrientation,flow:m=Wo.flow,resize:f=Wo.resize,prefix:x,suffix:N,rows:h,value:u,placeholder:v,hover:L,focus:M,valid:g,invalid:E,required:T,disabled:H,id:q,"aria-label":ee,"aria-describedby":se,...le}=e;return Xr(U,{...le,size:t,rounded:o,fillMode:a,hover:L,focus:M,valid:g,invalid:E,required:T,disabled:H,className:i(e.className,Wl,{"!k-flex-col":m==="vertical","!k-flex-row":m==="horizontal"}),children:[x&&Xr(Xl,{children:[ga(fe,{className:i({"!k-align-items-start":m===d}),direction:d,children:x}),n&&ga(ne,{direction:m==="horizontal"?"vertical":"horizontal"})]}),ga(ia,{className:i("!k-overflow-auto",{"!k-flex-none":m==="vertical","k-resize-x":f==="x","k-resize-y":f==="y","k-resize":f==="both","k-resize-none":f==="none"}),value:u,placeholder:v,rows:h,disabled:H,id:q,"aria-label":ee,"aria-describedby":se,"aria-invalid":E?"true":void 0}),N&&Xr(Xl,{children:[s&&ga(ne,{direction:m==="horizontal"?"vertical":"horizontal"}),ga(be,{className:i({"!k-align-items-start":m===d}),direction:d,children:N})]})]})};Be.states=vx;Be.options=Mx;Be.className=Wl;Be.defaultOptions=Wo;Be.moduleName=$r;Be.folderName=$l;import{jsx as Y5}from"react/jsx-runtime";import{Fragment as oF,jsx as tF}from"react/jsx-runtime";import{Fragment as lF,jsx as sF}from"react/jsx-runtime";import{jsx as cF}from"react/jsx-runtime";import{jsx as ln}from"react/jsx-runtime";var Sx=Be.options,kx=Be.states,Jl={...Be.defaultOptions,variant:"vertical"},gx=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],Ix=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],Jo=e=>{let{variant:t,modifiers:o,...a}={...Jl,...e},n={resize:"y"};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"prefix":n.prefix=o?.[s]?ln(k,{icon:"comment"}):void 0;break;case"suffix":n.suffix=o?.[s]?ln(k,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?ln(Be,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...n}):ln(Be,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...n})};Jo.options=Sx;Jo.states=kx;Jo.variants=gx;Jo.defaultOptions=Jl;Jo.modifiers=Ix;Jo.className=Be.className;import{Fragment as wF,jsx as KF,jsxs as _F}from"react/jsx-runtime";import{Fragment as Ax,jsx as Ee,jsxs as qo}from"react/jsx-runtime";var Ex=ie.options,Cx=ie.states,yx={...ie.defaultOptions,variant:"vertical"},Tx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Ox=[],Yo=e=>{let{variant:t,size:o,...a}=e,n=qo(ut,{legend:"Form Legend",children:[Ee(j,{label:"Label",editor:Ee(F,{size:o})}),Ee(j,{label:"Label",hint:"Hint text",editor:Ee(P,{value:"Dropdown List",size:o})}),Ee(j,{label:"City",editor:qo("ul",{className:"k-radio-list k-list-horizontal",children:[qo("li",{className:"k-radio-list-item",children:[Ee(he,{checked:!0,size:o}),Ee("label",{className:"k-radio-label",children:"Label"})]}),qo("li",{className:"k-radio-list-item",children:[Ee(he,{size:o}),Ee("label",{className:"k-radio-label",children:"Label"})]}),qo("li",{className:"k-radio-list-item",children:[Ee(he,{size:o}),Ee("label",{className:"k-radio-label",children:"Label"})]})]})})]}),s=qo(Ax,{children:[Ee(p,{className:"k-form-submit",themeColor:"primary",size:o,children:"Submit"}),Ee(p,{className:"k-form-clear",size:o,children:"Clear"})]});return t==="horizontal"?Ee(ie,{orientation:"horizontal",size:o,...a,formButtons:s,children:n}):Ee(ie,{size:o,...a,formButtons:s,children:n})};Yo.options=Ex;Yo.states=Cx;Yo.variants=Tx;Yo.defaultOptions=yx;Yo.modifiers=Ox;Yo.className=ie.className;import{jsx as ql,jsxs as wx}from"react/jsx-runtime";var Bx=Ze.options,Rx=Ze.states,Yl={...Ze.defaultOptions},Px=[],Kx=[{name:"showHint",title:"Show Hint"}],Zo=e=>{let{modifiers:t,...o}={...Yl,...e},a=t?.showHint??!0;return wx("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[ql(F,{placeholder:"Component",style:{width:"200px"}}),a&&ql(Ze,{...o,children:"Hint text"})]})};Zo.options=Bx;Zo.states=Rx;Zo.variants=Px;Zo.defaultOptions=Yl;Zo.modifiers=Kx;Zo.className=Ze.className;import{jsx as Zl,jsxs as Fx}from"react/jsx-runtime";var _x=Qe.options,Dx=Qe.states,Ql={...Qe.defaultOptions},zx=[],Hx=[{name:"showError",title:"Show Error"}],Qo=e=>{let{modifiers:t,...o}={...Ql,...e},a=t?.showError??!0;return Fx("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Zl(F,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&Zl(Qe,{...o,children:"Error text"})]})};Qo.options=_x;Qo.states=Dx;Qo.variants=zx;Qo.defaultOptions=Ql;Qo.modifiers=Hx;Qo.className=Qe.className;import{Fragment as C6,jsx as E6,jsxs as y6}from"react/jsx-runtime";var Jr="segmented-control",jl=Jr,ed="segmented-control-button",td="segmented-control";import{jsx as Vx,jsxs as $x}from"react/jsx-runtime";var dn="k-segmented-control",Ux=[],Gx={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full]},eo=e=>{let{size:t,rounded:o,stretched:a,children:n,thumbStyles:s,...d}=e;return $x("div",{...d,className:i(e.className,dn,I(dn,{size:t,rounded:o}),{[`${dn}-stretched`]:a}),role:"group",children:[Vx("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:s}),n]})};eo.states=Ux;eo.options=Gx;eo.className=dn;eo.moduleName=Jr;eo.folderName=jl;import{jsx as od,jsxs as qx}from"react/jsx-runtime";var qr="k-segmented-control-button",Xx=[r.selected,r.hover,r.focus,r.disabled],Wx={},Jx={},Mt=e=>{let{hover:t,focus:o,selected:a,disabled:n,icon:s,text:d,iconClassName:m,...f}=e;return qx("button",{...f,className:i(e.className,qr,C(qr,{hover:t,focus:o,disabled:n,selected:a})),"aria-pressed":a?"true":"false","aria-disabled":n?"true":void 0,tabIndex:a?0:-1,children:[s&&od(k,{className:i(m,"k-segmented-control-button-icon"),icon:s}),(d\|\|e.children)&&od("span",{className:"k-segmented-control-button-text",children:d\|\|e.children})]})};Mt.states=Xx;Mt.options=Wx;Mt.className=qr;Mt.defaultOptions=Jx;Mt.moduleName=ed;Mt.folderName=td;import{Fragment as Y6,jsx as q6,jsxs as Z6}from"react/jsx-runtime";import{Fragment as a7,jsx as o7,jsxs as n7}from"react/jsx-runtime";import{Fragment as p7,jsx as d7,jsxs as m7}from"react/jsx-runtime";import{Fragment as N7,jsx as x7,jsxs as h7}from"react/jsx-runtime";import{Fragment as g7,jsx as k7,jsxs as I7}from"react/jsx-runtime";import{Fragment as ad,jsx as R,jsxs as Ia}from"react/jsx-runtime";var G7=e=>R(ct,{toolbarItems:[R(p,{icon:"upload","aria-label":"Upload"},"toolbar-button-1"),R(p,{icon:"download","aria-label":"Download"},"toolbar-button-2"),R(re,{},"toolbar-separator-1"),R(p,{disabled:!0,icon:"undo","aria-label":"Undo"},"toolbar-button-3"),R(p,{disabled:!0,icon:"redo","aria-label":"Redo"},"toolbar-button-4"),R(re,{},"toolbar-separator-2"),R(p,{icon:"crop","aria-label":"Crop"},"toolbar-button-5"),R(p,{icon:"image-resize","aria-label":"Resize"},"toolbar-button-6"),R(p,{icon:"zoom-in","aria-label":"Zoom in"},"toolbar-button-7"),R(p,{icon:"zoom-out","aria-label":"Zoom out"},"toolbar-button-8"),R(ot,{children:R(P,{value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],actionPane:R(Dr,{tag:"div",className:"k-imageeditor-pane-form",formButtons:Ia(ad,{children:[R(p,{themeColor:"primary",icon:"check",children:"Confirm"}),R(p,{icon:"cancel",children:"Cancel"})]}),children:Ia(ut,{layout:"grid",legend:"Crop Image",cols:2,gutters:{cols:"8px"},children:[R(j,{colSpan:"2",label:"Aspect Ratio:",editor:R(P,{value:"Original ratio","aria-label":"Aspect ratio"})}),R(j,{colSpan:"2",label:"Orientation:",editor:Ia(eo,{thumbStyles:{width:"50%"},stretched:!0,children:[R(Mt,{selected:!0,children:"Portrait"}),R(Mt,{children:"Landscape"})]})}),R(j,{colSpan:"1",label:"Width:",editorId:"crop-width",editor:R(w,{id:"crop-width",showClearButton:!1,value:"61"})}),R(j,{colSpan:"1",label:"Height:",editorId:"crop-height",editor:R(w,{id:"crop-height",showClearButton:!1,value:"68"})}),R(j,{colSpan:"2",editor:R(Ve,{id:"crop-lock",children:"Lock aspect ratio"})})]})}),children:Ia(ad,{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{G7 as ImageEditorCrop};
1	+ var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var I=(e,t)=>n({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),E=(e,t)=>{let{valid:o,invalid:a,hover:i,focus:l,checked:p,active:m,selected:f,disabled:x,indeterminate:h,loading:N,empty:u,readonly:k,highlighted:g,...M}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":i,"k-focus":l,"k-checked":p,"k-active":m,"k-selected":f,"k-disabled":x,"k-indeterminate":h&&!p,"k-loading":N,"k-empty":u,"k-readonly":k,"k-highlighted":g},Object.keys(M).reduce((S,y)=>(y.startsWith("k-")?S[y]=M[y]:S[`k-${y}`]=M[y],S),{}))};function Hn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},c={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"},ht={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},v={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={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"},Fn={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Ui={};function C(e){return Ui[e]=(Ui[e]\|\|0)+1,`k-${e}-${Ui[e]}`}import{Fragment as Np,jsx as Un}from"react/jsx-runtime";var Gi="k-font-icon",bp=[],xp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},hp={},ka=e=>{let{size:t,themeColor:o,icon:a,rotate:i,flip:l,...p}=e;return a?Un("span",{...p,className:n(e.className,Gi,I(Gi,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":l==="h"\|\|l==="both","k-flip-v":l==="v"\|\|l==="both"}),"aria-hidden":"true"}):Un(Np,{})};ka.states=bp;ka.options=xp;ka.className=Gi;ka.defaultOptions=hp;var Gn=ka;import{Fragment as Lp,jsx as Qa}from"react/jsx-runtime";var $i="k-svg-icon",gp=[],vp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info],variant:[ht.outline,ht.solid,ht.duotone]},Vi={viewBox:"0 0 24 24",variant:ht.outline},Ma=e=>{let{size:t,themeColor:o,rotate:a,flip:i,viewBox:l=Vi.viewBox,variant:p=Vi.variant,icon:m,...f}=e;if(!m)return Qa(Lp,{});if(m==="none")return Qa("span",{...f,className:n(e.className,$i,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof m=="object"&&m.name&&m.name,h=typeof m=="object"?p&&m.variants?.[p]\|\|m.variants?.outline\|\|m.content:void 0;return Qa("span",{...f,className:n(e.className,$i,I("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true",children:Qa("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:l,dangerouslySetInnerHTML:h!==void 0?{__html:h}:void 0,children:m?void 0:e.children})})};Ma.states=gp;Ma.options=vp;Ma.className=$i;Ma.defaultOptions=Vi;var Xi=Ma;importas Wi from"@progress/kendo-svg-icons";var $n="icon",Vn="icons";import{useContext as Mp}from"react";import{createContext as kp}from"react";var Xn=kp({iconsType:"svg"});import{Fragment as Wn,jsx as Ia}from"react/jsx-runtime";var ja="k-icon",Ip=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Sp=[],yp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info],variant:[ht.outline,ht.solid,ht.duotone]},ei={viewBox:"0 0 24 24",type:"svg",variant:ht.outline},L=e=>{let{iconsType:t}=Mp(Xn),{size:o,themeColor:a,icon:i,type:l=t\|\|ei.type,rotate:p,flip:m,viewBox:f=ei.viewBox,variant:x=ei.variant,...h}=e;if(!i)return Ia(Wn,{});if((t\|\|l)==="svg"){if(i==="none")return Ia(Xi,{...h,className:n(e.className,ja),icon:i,size:o,variant:x});let u=Wi[i]?i:Ip(`${i}-icon`);return Wi[u]?Ia(Xi,{...h,className:n(e.className,ja),icon:Wi[u],size:o,themeColor:a,rotate:p,flip:m,viewBox:f,variant:x}):Ia(Wn,{})}return Ia(Gn,{...h,className:n(e.className,ja),icon:i,size:o,themeColor:a,rotate:p,flip:m})};L.states=Sp;L.options=yp;L.defaultOptions=ei;L.className=ja;L.moduleName=$n;L.folderName=Vn;var Ji="button",Jn=Ji;import{Fragment as qn,jsx as No,jsxs as Yn}from"react/jsx-runtime";var Sa="k-button",Ep=["icon-button"],Cp=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Tp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.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]},qi={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:i,themeColor:l,showArrow:p=qi.showArrow,arrowIconName:m=qi.arrowIconName,variant:f,hover:x,focus:h,active:N,selected:u,disabled:k,togglable:g,ariaDisabled:M,icon:S,iconSize:y,text:A,iconClassName:U,className:Y,...ee}=e,de=S!=null,pe=e.children!==void 0;return Yn(t,{className:n(Y,Sa,Hn(Sa,f),I(Sa,{size:o,rounded:a,fillMode:i,themeColor:l}),E(Sa,{hover:x,focus:h,active:N,disabled:k\|\|M,selected:u}),{"k-icon-button":!A&&!pe&&de}),"aria-pressed":g?u?"true":"false":void 0,...ee,"aria-disabled":M?"true":void 0,disabled:k\|\|void 0,children:[typeof S=="string"&&S&&No(L,{className:n(U,"k-button-icon"),icon:S,size:y}),S&&typeof S!="string"&&No(qn,{children:S}),A?Yn(qn,{children:[A&&No("span",{className:"k-button-text",children:A}),e.children]}):e.children&&No("span",{className:"k-button-text",children:e.children}),p&&No("span",{className:"k-menu-button-arrow k-button-arrow",children:No(L,{icon:m})})]})};d.states=Cp;d.options=Tp;d.variants=Ep;d.className=Sa;d.defaultOptions=qi;d.moduleName=Ji;d.folderName=Jn;import{jsx as Op}from"react/jsx-runtime";var Ot=e=>Op(d,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Ap}from"react/jsx-runtime";var ya=e=>Ap(d,{icon:"folder",children:"Button",...e});import{jsx as Bp}from"react/jsx-runtime";var Nt=e=>Bp(d,{children:"Button",...e});import{jsx as Yi}from"react/jsx-runtime";var Rp=d.options,Pp=d.states,wp={...d.defaultOptions,variant:"text"},Kp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],zp=[],go=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Yi(Ot,{...o,icon:"star"});case"icon-and-text":return Yi(ya,{...o,icon:"star",children:"Button"});default:return Yi(Nt,{...o,children:"Button"})}};go.options=Rp;go.states=Pp;go.variants=Kp;go.defaultOptions=wp;go.modifiers=zp;go.className=d.className;var Zi="button",Zn=Zi;import{jsx as Fp}from"react/jsx-runtime";var Ea="k-button-group",Dp=[r.disabled],_p={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Hp={},R=e=>{let{fillMode:t,disabled:o,stretched:a,...i}=e;return Fp("div",{role:"group",...i,className:n(e.className,Ea,I(Ea,{fillMode:t}),E(Ea,{disabled:o}),{[`${Ea}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};R.states=Dp;R.options=_p;R.className=Ea;R.defaultOptions=Hp;R.moduleName=Zi;R.folderName=Zn;import{Fragment as pv,jsx as dv,jsxs as mv}from"react/jsx-runtime";import{Fragment as hv,jsx as xv,jsxs as Nv}from"react/jsx-runtime";import{Fragment as Iv,jsx as Mv,jsxs as Sv}from"react/jsx-runtime";import{Fragment as Av,jsx as Ov,jsxs as Bv}from"react/jsx-runtime";import{Fragment as Dv,jsx as zv,jsxs as _v}from"react/jsx-runtime";import{Fragment as Vv,jsx as $v,jsxs as Xv}from"react/jsx-runtime";import{jsx as At,jsxs as Qi}from"react/jsx-runtime";var Up={...d.options,...R.options},Gp=d.states,$p={...d.defaultOptions,...R.defaultOptions,variant:"text-button"},Vp=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Xp=[],vo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Qi(R,{fillMode:a.fillMode,className:o,children:[At(d,{...a,icon:"star"}),At(d,{...a,icon:"star"}),At(d,{...a,icon:"star"})]}):t==="icon-text-button"?Qi(R,{fillMode:a.fillMode,className:o,children:[At(d,{...a,icon:"star",children:"First"}),At(d,{...a,icon:"star",children:"Middle"}),At(d,{...a,icon:"star",children:"Last"})]}):Qi(R,{fillMode:a.fillMode,className:o,children:[At(d,{...a,children:"First"}),At(d,{...a,children:"Middle"}),At(d,{...a,children:"Last"})]})};vo.options=Up;vo.states=Gp;vo.variants=Vp;vo.defaultOptions=$p;vo.modifiers=Xp;vo.className=R.className;var Ca="input",ti=Ca;import{jsx as Yp}from"react/jsx-runtime";var oi="k-input",Wp=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Jp={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},qp={},G=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:l,loading:p,readonly:m,size:f,rounded:x,fillMode:h,...N}=e;return Yp("span",{...N,className:n(e.className,oi,I(oi,{size:f,rounded:x,fillMode:h}),E(oi,{hover:t,focus:o,disabled:a,invalid:i,valid:l,loading:p,readonly:m}))})};G.states=Wp;G.options=Jp;G.className=oi;G.defaultOptions=qp;G.moduleName=Ca;G.folderName=ti;import{jsx as em}from"react/jsx-runtime";var ai="k-picker",Zp=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Qp={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},jp={},gt=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:l,loading:p,readonly:m,size:f,rounded:x,fillMode:h,...N}=e;return em("span",{...N,className:n(e.className,ai,I(ai,{size:f,rounded:x,fillMode:h}),E(ai,{hover:t,focus:o,disabled:a,invalid:i,valid:l,loading:p,readonly:m})),children:e.children})};gt.states=Zp;gt.options=Qp;gt.className=ai;gt.defaultOptions=jp;gt.moduleName=Ca;gt.folderName=ti;import{Fragment as am,jsx as ji}from"react/jsx-runtime";var Qn="k-clear-value",tm=[r.disabled,r.loading,r.readonly],om={},me=e=>{let{disabled:t,loading:o,readonly:a,value:i}=e;return t\|\|a\|\|o\|\|!i?ji(am,{}):ji("span",{className:n(e.className,Qn),children:ji(L,{icon:"x"})})};me.states=tm;me.options=om;me.className=Qn;import{jsx as nm}from"react/jsx-runtime";var er="k-input-inner",im=[],rm={},ii={type:"text",autocomplete:"off",value:"",placeholder:""},ce=e=>{let{value:t=ii.value,type:o=ii.type,placeholder:a=ii.placeholder,autocomplete:i=ii.autocomplete,disabled:l,readOnly:p,...m}=e;return nm("input",{...m,type:o,className:n(e.className,er,I(er,e)),placeholder:a,autoComplete:i,defaultValue:t,disabled:l\|\|void 0,readOnly:p\|\|void 0})};ce.states=im;ce.options=rm;ce.className=er;import{jsx as jn,jsxs as dm}from"react/jsx-runtime";var tr="k-input-inner",lm=[],sm={},Qt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:i,valueIconName:l,...p}=e;return dm("span",{...p,className:n(e.className,tr,I(tr,e)),children:[i,!i&&l&&jn(L,{className:"k-input-value-icon",icon:l}),a&&!t&&o,a&&t&&jn("span",{className:"k-input-value-text",children:t})]})};Qt.states=lm;Qt.options=sm;Qt.className=tr;import{jsx as cm}from"react/jsx-runtime";var or="k-input-inner",pm=[],mm={},el={value:"",placeholder:""},Ta=e=>{let{value:t=el.value,placeholder:o=el.placeholder,rows:a,disabled:i,...l}=e;return cm("textarea",{...l,className:n(e.className,or,I(or,e)),placeholder:o,rows:a,defaultValue:t,disabled:i\|\|void 0})};Ta.states=pm;Ta.options=mm;Ta.className=or;import{Fragment as fm,jsx as tl}from"react/jsx-runtime";var ol="k-input-loading-icon",um=[r.disabled,r.loading],re=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?tl(fm,{}):tl("span",{className:n(e.className,ol,"k-icon k-i-loading")})};re.states=um;re.className=ol;import{Fragment as hm,jsx as al}from"react/jsx-runtime";var il="k-input-validation-icon",bm=[r.valid,r.invalid,r.disabled,r.loading],xm={},te=e=>{let{valid:t,invalid:o,disabled:a,loading:i}=e,l=o?"warning-circle":"check-circle";return a\|\|i\|\|!!!(t\|\|o)?al(hm,{}):al(L,{className:n(il),icon:l})};te.states=bm;te.options=xm;te.className=il;import{Fragment as vm,jsx as rl}from"react/jsx-runtime";var Nm="k-input-prefix",gm={direction:"horizontal"},be=e=>{let{direction:t=gm.direction,...o}=e;return e.children?rl("span",{...o,className:n(Nm,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):rl(vm,{})};import{Fragment as Mm,jsx as nl}from"react/jsx-runtime";var Lm="k-input-suffix",km={direction:"horizontal"},xe=e=>{let{direction:t=km.direction,...o}=e;return e.children?nl("span",{...o,className:n(Lm,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):nl(Mm,{})};import{jsx as XL}from"react/jsx-runtime";import{jsx as Sm}from"react/jsx-runtime";var Im="k-input-suffix-text",ri=e=>{let{children:t,...o}=e;return Sm("span",{...o,className:n(Im,e.className),children:t})};import{jsx as Em}from"react/jsx-runtime";var ll="k-input-separator",ym={direction:"vertical"},oe=e=>{let{direction:t=ym.direction,...o}=e;return Em("span",{...o,className:n(ll,e.className,{[`${ll}-${t}`]:t})})};import{Fragment as sl,jsx as vt,jsxs as ar}from"react/jsx-runtime";var Cm=G.states,Tm=G.defaultOptions,Om=G.options,Am=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Bm=[],Lo=e=>{let{modifiers:t,valid:o,invalid:a,loading:i,disabled:l,readonly:p,...m}=e,f=t?.prefix,x=t?.suffix,h=t?.["clear-button"],N=t?.["validation-icon"],u=t?.separators;return ar(G,{...m,valid:o,invalid:a,loading:i,disabled:l,readonly:p,style:{width:300},children:[f&&ar(sl,{children:[vt(be,{children:vt(L,{icon:"lock"})}),u&&vt(oe,{})]}),vt(ce,{placeholder:"Placeholder",value:"Value"}),N&&vt(te,{valid:o,invalid:a,loading:i,disabled:l}),vt(re,{loading:i,disabled:l}),h&&vt(me,{loading:i,disabled:l,readonly:p,value:"Value"}),x&&ar(sl,{children:[u&&vt(oe,{}),vt(xe,{children:vt(Nt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Lo.options=Om;Lo.states=Cm;Lo.variants=Bm;Lo.defaultOptions=Tm;Lo.modifiers=Am;Lo.className=G.className;import{jsx as dl,jsxs as wm}from"react/jsx-runtime";var pl="k-color-preview",Rm=[],Pm={},Ht=e=>{let{color:t,iconName:o,...a}=e;return wm("span",{...a,className:n(e.className,pl,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&dl(L,{icon:o,className:"k-color-preview-icon"}),dl("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ht.states=Rm;Ht.options=Pm;Ht.className=pl;var ir="popup",ml=ir;import{jsx as cl}from"react/jsx-runtime";var ul="k-animation-container",Km=[],zm={},rr={positionMode:"absolute",shown:!0},qe=e=>{let{positionMode:t=rr.positionMode,shown:o=rr.shown,animationStyle:a,offset:i,...l}=e;return cl("div",{...l,style:{...i,...e.style},className:n(e.className,ul,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:cl("div",{className:"k-child-animation-container",style:a,children:e.children})})};qe.states=Km;qe.options=zm;qe.className=ul;qe.defaultOptions=rr;qe.moduleName=ir;qe.folderName=ml;var nr="popup",fl=nr;import{jsx as bl}from"react/jsx-runtime";var xl="k-popup",Dm=[],_m={},hl={positionMode:"absolute"},W=e=>{let{offset:t,positionMode:o=hl.positionMode,animationStyle:a,containerClassName:i,containerRole:l,containerAriaLabel:p,...m}=e;return bl(qe,{positionMode:o,offset:t,animationStyle:a,className:i,role:l,"aria-label":p,children:bl("div",{...m,className:n(e.className,xl),children:e.children})})};W.states=Dm;W.options=_m;W.className=xl;W.defaultOptions=hl;W.moduleName=nr;W.folderName=fl;var lr="action-buttons",Nl=lr;import{jsx as Um}from"react/jsx-runtime";var ni="k-actions",Hm=[],Fm={},sr={alignment:"start",orientation:"horizontal"},Ye=e=>{let{alignment:t=sr.alignment,orientation:o=sr.orientation,...a}=e;return Um("div",{...a,className:n(ni,{[`${ni}-${t}`]:t,[`${ni}-${o}`]:o},e.className),children:e.children})};Ye.states=Hm;Ye.options=Fm;Ye.className=ni;Ye.defaultOptions=sr;Ye.moduleName=lr;Ye.folderName=Nl;import{jsx as $m}from"react/jsx-runtime";var Gm="k-actionsheet-footer",gl={alignment:"stretched",orientation:"horizontal"},Ft=e=>{let{alignment:t=gl.alignment,orientation:o=gl.orientation,template:a,as:i=a?"div":Ye,...l}=e;return $m(i,{...l,...!a&&{alignment:t,orientation:o},className:n(e.className,Gm),children:e.children})};var dr="searchbox",vl=dr;import{jsx as Oa,jsxs as Wm}from"react/jsx-runtime";var Ll="k-searchbox",Vm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Xm={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},pr={showIcon:!0,icon:"search"},Ze=e=>{let{value:t,placeholder:o,size:a,rounded:i,fillMode:l,hover:p,focus:m,valid:f,invalid:x,required:h,loading:N,disabled:u,showIcon:k=pr.showIcon,icon:g=pr.icon,"aria-label":M,...S}=e;return Wm(G,{...S,size:a,rounded:i,fillMode:l,hover:p,focus:m,valid:f,invalid:x,required:h,loading:N,disabled:u,className:n(e.className,Ll),children:[k&&Oa(L,{className:"k-input-icon",icon:g}),Oa(ce,{placeholder:o,value:t,"aria-label":M}),Oa(re,{...e}),Oa(te,{...e}),Oa(me,{...e})]})};Ze.states=Vm;Ze.options=Xm;Ze.className=Ll;Ze.defaultOptions=pr;Ze.moduleName=dr;Ze.folderName=vl;import{jsx as hM}from"react/jsx-runtime";var mr="textbox",kl=mr;import{Fragment as Ml,jsx as Ut,jsxs as cr}from"react/jsx-runtime";var Il="k-textbox",Jm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],qm={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},li={showClearButton:!0,showValidationIcon:!0,separators:!0},H=e=>{let{size:t,rounded:o,fillMode:a,separators:i=li.separators,showClearButton:l=li.showClearButton,showValidationIcon:p=li.showValidationIcon,prefix:m,suffix:f,type:x,value:h,placeholder:N,hover:u,focus:k,valid:g,invalid:M,required:S,loading:y,disabled:A,readonly:U,id:Y,"aria-label":ee,"aria-describedby":de,...pe}=e;return cr(G,{...pe,size:t,rounded:o,fillMode:a,hover:u,focus:k,valid:g,invalid:M,required:S,loading:y,disabled:A,readonly:U,className:n(e.className,Il),children:[m&&cr(Ml,{children:[Ut(be,{children:m}),i&&Ut(oe,{})]}),Ut(ce,{id:Y,placeholder:N,value:h,type:x,disabled:A,"aria-label":ee,"aria-describedby":de,"aria-invalid":M?"true":void 0}),p&&Ut(te,{valid:g,invalid:M,loading:y,disabled:A}),Ut(re,{loading:y,disabled:A}),l&&Ut(me,{loading:y,disabled:A,readonly:U,value:h}),f&&cr(Ml,{children:[i&&Ut(oe,{}),Ut(xe,{children:f})]})]})};H.states=Jm;H.options=qm;H.className=Il;H.defaultOptions=li;H.moduleName=mr;H.folderName=kl;var Aa=H;import{jsx as Ym}from"react/jsx-runtime";var Sl=e=>Ym(Aa,{...e});import{Fragment as wM,jsx as PM}from"react/jsx-runtime";import{Fragment as FM,jsx as HM}from"react/jsx-runtime";import{jsx as VM}from"react/jsx-runtime";import{jsx as ur}from"react/jsx-runtime";var Zm=H.states,Qm=H.defaultOptions,jm=H.options,ec=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],tc=[],ko=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?ur(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[i]?ur(Nt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;default:break}}),ur(Sl,{value:"Value",style:{width:300},...o,...a})};ko.options=jm;ko.states=Zm;ko.variants=tc;ko.defaultOptions=Qm;ko.modifiers=ec;ko.className=H.className;import{jsx as Gt,jsxs as fr}from"react/jsx-runtime";var yl="k-actionsheet-titlebar",oc={},ge=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:i,filter:l,input:p,inputValue:m,inputPlaceholder:f,adaptive:x,titleId:h,children:N,...u}=e;return fr("div",{...u,className:n(e.className,yl),children:[fr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Gt("div",{className:"k-actionsheet-actions",children:a}),!N&&fr("div",{className:"k-actionsheet-title",id:h,children:[t&&Gt("div",{className:"k-text-center",children:t}),o&&Gt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&Gt("div",{className:"k-actionsheet-title",id:h,children:N}),i&&Gt("div",{className:"k-actionsheet-actions",children:i})]}),(p\|\|l)&&Gt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?Gt(H,{value:m,placeholder:f,size:x?"large":"medium","aria-label":t\|\|f\|\|"Input"}):Gt(Ze,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};ge.className=yl;ge.defaultOptions=oc;import{jsx as br,jsxs as nc}from"react/jsx-runtime";var xr="k-actionsheet-view",ac=[],ic={},rc={},Mo=e=>{let{adaptive:t,animated:o,children:a,header:i,footer:l,titleId:p,...m}=e,f=i?.type===ge&&br(ge,{adaptive:t,titleId:p,...i?.props}),x=l?.type===Ft&&br(Ft,{...l?.props});return nc("div",{...m,className:n(e.className,xr,{[`${xr}-animated`]:o}),children:[f,br("div",{className:"k-actionsheet-content",children:a}),x]})};Mo.states=ac;Mo.options=ic;Mo.className=xr;Mo.defaultOptions=rc;var Ba="action-sheet",si=Ba;var hr="overlay",El=hr;import{jsx as pc}from"react/jsx-runtime";var Cl="k-overlay",lc=[],sc={},dc={},ft=e=>{let{...t}=e;return pc("div",{...t,className:n(e.className,Cl),children:e.children})};ft.states=lc;ft.options=sc;ft.className=Cl;ft.defaultOptions=dc;ft.moduleName=hr;ft.folderName=El;var Tl=ft;import{jsx as di,jsxs as uc}from"react/jsx-runtime";var Ol="k-actionsheet",mc=[],cc={},Ra={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Z=e=>{let{side:t=Ra.side,fullscreen:o=Ra.fullscreen,adaptive:a=Ra.adaptive,overlay:i=Ra.overlay,template:l,children:p,header:m,footer:f,id:x,...h}=e,N=x&&!l&&m?`${x}-title`:void 0;return uc("div",{className:"k-actionsheet-container",children:[i&&di(ft,{}),di(qe,{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:di("div",{...h,id:x,role:"dialog","aria-modal":i?"true":void 0,"aria-labelledby":N,className:n(e.className,Ol,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:l\|\|di(Mo,{header:m,footer:f,adaptive:a,titleId:N,...e,children:p})})})]})};Z.states=mc;Z.options=cc;Z.className=Ol;Z.defaultOptions=Ra;Z.moduleName=Ba;Z.folderName=si;import{jsx as hc}from"react/jsx-runtime";var Al="k-actionsheet-container",fc=[],bc={},xc={},Io=e=>{let{children:t,...o}=e;return hc("div",{...o,className:Al,children:t})};Io.states=fc;Io.options=bc;Io.className=Al;Io.defaultOptions=xc;Io.moduleName=Ba;Io.folderName=si;import{jsx as Nc}from"react/jsx-runtime";var Nr=e=>{let{...t}=e;return Nc("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as vc,jsx as Pa,jsxs as gr}from"react/jsx-runtime";var vr="k-actionsheet-item",gc=[r.hover,r.focus,r.selected,r.disabled],$t=e=>{let{iconName:t,text:o,description:a,hover:i,focus:l,selected:p,disabled:m,...f}=e;return gr("span",{...f,className:n(e.className,vr,E(vr,{hover:i,focus:l,selected:p,disabled:m})),children:[!e.children&&Pa(vc,{children:gr("span",{className:"k-actionsheet-action",children:[t&&Pa("span",{className:"k-icon-wrap",children:Pa(L,{className:"k-actionsheet-item-icon",icon:t})}),gr("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]})};$t.states=gc;$t.className=vr;import{jsx as $I,jsxs as VI}from"react/jsx-runtime";import{jsx as qI}from"react/jsx-runtime";import{jsx as jI}from"react/jsx-runtime";import{jsx as aS}from"react/jsx-runtime";import{jsx as ve,jsxs as Lr}from"react/jsx-runtime";var Lc=Z.options,kc=Z.states,Rl={...Z.defaultOptions,variant:"normal"},Mc=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Ic=[{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}={...Rl,...e},i={},l=Lr(Nr,{children:[ve($t,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ve($t,{text:"Add to Favorites",iconName:"heart"}),ve($t,{text:"Upload New",iconName:"upload",disabled:!0}),ve("hr",{className:"k-hr"}),ve($t,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",m="Select Item";return t==="fullScreen"&&(i.fullScreen=!0),Object.keys(o\|\|{}).forEach(f=>{switch(f){case"actions":i.actionsStart=!!o?.[f],i.actionsEnd=!!o?.[f];break;case"subtitle":i.subtitle=o?.[f]?p:void 0;break;case"footer":i.footer=!!o?.[f];break;default:break}}),t==="adaptive"?ve(Z,{...a,adaptive:!0,fullscreen:i.fullScreen,header:ve(ge,{actionsStart:i.actionsStart?ve(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?ve(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:i.subtitle}),footer:i.footer?Lr(Ft,{alignment:"stretched",children:[ve(d,{text:"Cancel",size:"large",themeColor:"base"}),ve(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:l}):ve(Z,{...a,fullscreen:i.fullScreen,header:ve(ge,{actionsStart:i.actionsStart?ve(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?ve(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:i.subtitle}),footer:i.footer?Lr(Ft,{alignment:"stretched",children:[ve(d,{text:"Apply",themeColor:"primary"}),ve(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:l})};So.options=Lc;So.states=kc;So.variants=Mc;So.defaultOptions=Rl;So.modifiers=Ic;So.className=Z.className;var kr="slider",Pl=kr;import{jsx as yo,jsxs as Mr}from"react/jsx-runtime";var wa="k-slider",Sc=[r.hover,r.focus,r.active,r.disabled,r.readonly],yc={},Qe={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},$=e=>{let{type:t=Qe.type,orientation:o=Qe.orientation,gradientType:a=Qe.gradientType,readonly:i=Qe.readonly,disabled:l=Qe.disabled,handlePosition:p=Qe.handlePosition,showButtons:m=Qe.showButtons,showTicks:f=Qe.showTicks,value:x=Qe.value,min:h=Qe.min,max:N=Qe.max,startValue:u,endValue:k,hover:g,focus:M,active:S,trackStyle:y,dir:A,...U}=e,ee=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),de,pe;return o==="horizontal"?(de=A==="rtl"?"chevron-left":"chevron-right",pe=A==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(de="chevron-up",pe="chevron-down"),Mr("div",{...U,className:n(wa,e.className,E(wa,{readonly:i,disabled:l}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:A,children:[m&&yo(d,{className:"k-button-decrease",rounded:"full",icon:pe,tabIndex:-1,title:"Decrease"}),Mr("div",{className:"k-slider-track-wrap",children:[f&&yo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Mr("div",{className:"k-slider-track",style:y,children:[yo("div",{className:"k-slider-selection"}),t==="range"&&yo("span",{className:n("k-draghandle","k-draghandle-start",E(wa,{hover:g,focus:M,active:S})),role:"slider",tabIndex:l?void 0:0,"aria-valuenow":u??h,"aria-valuemin":h,"aria-valuemax":k??N,"aria-orientation":ee,"aria-disabled":l?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":U["aria-label"]?`${U["aria-label"]} start`:"Range start"}),yo("span",{className:n("k-draghandle",`k-draghandle-${p}`,E(wa,{hover:g,focus:M,active:S})),role:"slider",tabIndex:l?void 0:0,"aria-valuenow":t==="range"?k??N:x,"aria-valuemin":t==="range"?u??h:h,"aria-valuemax":N,"aria-orientation":ee,"aria-disabled":l?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":t==="range"?U["aria-label"]?`${U["aria-label"]} end`:"Range end":U["aria-label"]})]})]}),m&&yo(d,{className:"k-button-increase",rounded:"full",icon:de,tabIndex:-1,title:"Increase"})]})};$.states=Sc;$.options=yc;$.className=wa;$.defaultOptions=Qe;$.moduleName=kr;$.folderName=Pl;import{jsx as wl}from"react/jsx-runtime";var Kl="k-tick",Ec=[],Cc={},zl={label:!1},B=e=>{let{style:t,label:o=zl.label,orientation:a,large:i,text:l,...p}=e;return wl("li",{...p,role:"presentation",title:l\|\|"Tick",className:n(e.className,Kl,{[`k-tick-${a}`]:a,"k-tick-large":i}),style:t,children:o&&wl("span",{className:"k-label",children:l})})};B.states=Ec;B.options=Cc;B.className=Kl;B.defaultOptions=zl;import{Fragment as Tc,jsx as je,jsxs as Oc}from"react/jsx-runtime";var Dl=e=>je($,{"aria-label":e["aria-label"]\|\|"Slider",children:Oc(Tc,{children:[je(B,{className:"k-first",label:!0,large:!0,text:"0"}),je(B,{}),je(B,{}),je(B,{}),je(B,{}),je(B,{label:!0,large:!0,text:"5"}),je(B,{}),je(B,{}),je(B,{}),je(B,{}),je(B,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Ac,jsx as et,jsxs as Bc}from"react/jsx-runtime";var _l=e=>et($,{children:Bc(Ac,{children:[et(B,{className:"k-first",label:!0,large:!0,text:"0"}),et(B,{}),et(B,{}),et(B,{}),et(B,{}),et(B,{label:!0,large:!0,text:"5"}),et(B,{}),et(B,{}),et(B,{}),et(B,{}),et(B,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as VS,jsx as $S,jsxs as XS}from"react/jsx-runtime";import{Fragment as ZS,jsx as YS,jsxs as QS}from"react/jsx-runtime";import{jsx as Rc}from"react/jsx-runtime";var Ir=e=>Rc($,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Pc}from"react/jsx-runtime";var Sr=e=>Pc($,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as dy,jsx as sy,jsxs as py}from"react/jsx-runtime";import{Fragment as by,jsx as fy,jsxs as xy}from"react/jsx-runtime";import{jsx as Lt,jsxs as Hl}from"react/jsx-runtime";var wc=$.options,Kc=$.states,Fl={...$.defaultOptions,variant:"horizontal",label:!0},zc=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Dc=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Eo=e=>{let{variant:t,modifiers:o,...a}=e,i=Fl.label,l={};Object.keys(o\|\|{}).forEach(m=>{switch(m){case"button":{l.showButtons=!!o?.[m];break}case"label":{i=!!o?.[m];break}case"tick":{l.showTicks=!!o?.[m];break}}});let p={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Hl(_l,{style:{height:"300px",...p},...a,...l,children:[Lt(B,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Lt(B,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Lt(B,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Lt(B,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Lt(B,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Hl(Dl,{style:{width:"400px",...p},...a,...l,children:[Lt(B,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Lt(B,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Lt(B,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Lt(B,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Lt(B,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Eo.options=wc;Eo.states=Kc;Eo.variants=zc;Eo.defaultOptions=Fl;Eo.modifiers=Dc;Eo.className=$.className;import{jsx as Ul,jsxs as Gc}from"react/jsx-runtime";var Gl="k-spin-button",Fc=[],Uc={size:[s.undefined,s.small,s.medium,s.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},yr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},kt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:i=yr.increaseLabel,decreaseLabel:l=yr.decreaseLabel,...p}=e;return Gc("span",{...p,className:n(Gl,e.className),children:[Ul(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":i}),Ul(d,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":l})]})};kt.states=Fc;kt.options=Uc;kt.className=Gl;kt.defaultOptions=yr;kt.moduleName=null;kt.folderName=null;var $l="numeric-textbox",Vl="numerictextbox";import{Fragment as Xl,jsx as Bt,jsxs as Er}from"react/jsx-runtime";var Wl="k-numerictextbox",$c=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Vc={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},pi={showSpinButton:!0,showClearButton:!0,separators:!0},P=e=>{let{size:t,rounded:o,fillMode:a,separators:i=pi.separators,showClearButton:l=pi.showClearButton,showSpinButton:p=pi.showSpinButton,prefix:m,suffix:f,value:x,placeholder:h,hover:N,focus:u,valid:k,invalid:g,required:M,loading:S,disabled:y,readonly:A,id:U,"aria-label":Y,"aria-describedby":ee,...de}=e;return Er(G,{...de,size:t,rounded:o,fillMode:a,hover:N,focus:u,valid:k,invalid:g,required:M,loading:S,disabled:y,readonly:A,className:n(e.className,Wl),children:[m&&Er(Xl,{children:[Bt(be,{children:m}),i&&Bt(oe,{})]}),Bt(ce,{id:U,placeholder:h,value:x,role:"spinbutton",disabled:y,"aria-label":Y,"aria-describedby":ee,"aria-invalid":g?"true":void 0}),Bt(te,{valid:k,invalid:g,loading:S,disabled:y}),Bt(re,{loading:S,disabled:y}),l&&Bt(me,{loading:S,disabled:y,readonly:A,value:x}),f&&Er(Xl,{children:[i&&Bt(oe,{}),Bt(xe,{children:f})]}),p&&Bt(kt,{className:"k-input-spinner",size:t,fillMode:a,disabled:y})]})};P.states=$c;P.options=Vc;P.className=Wl;P.defaultOptions=pi;P.moduleName=$l;P.folderName=Vl;var Ka=P;import{jsx as Xc}from"react/jsx-runtime";var Jl=e=>Xc(Ka,{...e});import Tr from"react";import{jsx as ql}from"react/jsx-runtime";var Wc="k-list-group-sticky-header",Cr=e=>ql("div",{className:n(Wc,e.className),children:ql("div",{className:"k-list-header-text",children:e.children})});import{jsx as qc}from"react/jsx-runtime";var Jc="k-no-data",mi=e=>{let{live:t,...o}=e;return qc("span",{...o,className:n(Jc,e.className),"aria-live":t?"polite":void 0,children:e.children})};var jt="list",Co=jt;import{jsx as Yl,jsxs as Zl}from"react/jsx-runtime";var Or="k-list",Yc=[],Zc={size:[s.undefined,s.small,s.medium,s.large]},Qc={},w=e=>{let{size:t,virtualization:o,children:a,header:i,selectAll:l,optionLabel:p,customValue:m,noData:f,screenReaders:x,...h}=e,u=Tr.Children.toArray(a)[0],k=u?.props?.children?Tr.Children.count(u.props.children):Tr.Children.count(a);return Zl("div",{...h,className:n(e.className,Or,I(Or,{size:t}),{"k-virtual-list":o}),children:[p,l,m,i&&Yl(Cr,{children:i}),a\|\|(f!==void 0?f:Yl(mi,{live:!0,children:"No data found."})),x&&a&&Zl(mi,{className:"k-sr-only",live:!0,children:[k," items found."]})]})};w.states=Yc;w.options=Zc;w.className=Or;w.defaultOptions=Qc;w.moduleName=jt;w.folderName=Co;import{jsx as ou}from"react/jsx-runtime";var Ql="k-list-container",jc=[],eu={},tu={},To=e=>{let{...t}=e;return ou("div",{...t,className:n(e.className,Ql),children:e.children})};To.states=jc;To.options=eu;To.className=Ql;To.defaultOptions=tu;To.moduleName=jt;To.folderName=Co;var eo="checkbox",Oo=eo;import{jsx as jl}from"react/jsx-runtime";var ci="k-checkbox",au=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],iu={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full]},ru={},we=e=>{let{id:t,checked:o,indeterminate:a,hover:i,focus:l,disabled:p,invalid:m,valid:f,required:x,size:h,rounded:N,wrapperRole:u,...k}=e;return jl("span",{className:"k-checkbox-wrap",role:u,children:jl("input",{...k,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:p\|\|void 0,"aria-invalid":m?"true":void 0,className:n(e.className,ci,I(ci,{size:h,rounded:N}),E(ci,{hover:i,focus:l,disabled:p,invalid:m,valid:f,indeterminate:a,checked:o}))})})};we.states=au;we.options=iu;we.className=ci;we.defaultOptions=ru;we.moduleName=eo;we.folderName=Oo;var bt=we;import{jsx as su}from"react/jsx-runtime";var es="k-checkbox-list",nu=[],lu={},ts={layout:"vertical"},Ce=e=>{let{layout:t=ts.layout,...o}=e;return su("ul",{...o,className:n(e.className,es,{[`k-list-${t}`]:t}),children:e.children})};Ce.states=nu;Ce.options=lu;Ce.className=es;Ce.defaultOptions=ts;Ce.moduleName=eo;Ce.folderName=Oo;import{jsx as cu}from"react/jsx-runtime";var os="k-checkbox-list-item",du=[],pu={},mu={},Te=e=>{let{...t}=e;return cu("li",{...t,className:n(e.className,os),children:e.children})};Te.states=du;Te.options=pu;Te.className=os;Te.defaultOptions=mu;Te.moduleName=eo;Te.folderName=Oo;import{Fragment as uu,jsx as as,jsxs as fu}from"react/jsx-runtime";var tt=({children:e="Label",id:t="cb-label-after",...o})=>fu(uu,{children:[as(bt,{id:t,...o}),as("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as HE,jsx as _E,jsxs as FE}from"react/jsx-runtime";import{Fragment as XE,jsx as VE,jsxs as WE}from"react/jsx-runtime";import{Fragment as QE,jsx as ZE,jsxs as jE}from"react/jsx-runtime";import{jsx as aC}from"react/jsx-runtime";import{jsx as lC}from"react/jsx-runtime";import{jsx as mC}from"react/jsx-runtime";import{jsx as ot,jsxs as is}from"react/jsx-runtime";var bu=Ce.options,xu=Ce.states,hu={...Ce.defaultOptions,variant:"vertical"},Nu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],gu=[],Ao=e=>{let{variant:t,...o}=e;return t==="horizontal"?is(Ce,{layout:"horizontal",...o,children:[ot(Te,{children:ot(tt,{id:C("cb"),defaultChecked:!0,children:"Label"})}),ot(Te,{children:ot(tt,{id:C("cb"),children:"Label"})}),ot(Te,{children:ot(tt,{id:C("cb"),children:"Label"})})]}):is(Ce,{...o,children:[ot(Te,{children:ot(tt,{id:C("cb"),defaultChecked:!0,children:"Label"})}),ot(Te,{children:ot(tt,{id:C("cb"),children:"Label"})}),ot(Te,{children:ot(tt,{id:C("cb"),children:"Label"})})]})};Ao.options=bu;Ao.states=xu;Ao.variants=Nu;Ao.defaultOptions=hu;Ao.modifiers=gu;Ao.className=Ce.className;import{jsx as Su}from"react/jsx-runtime";var vu=bt.options,Lu=bt.states,ku=bt.defaultOptions,Mu=[],Iu=[],Bo=e=>Su(tt,{id:C("checkbox"),...e,defaultChecked:!0,children:"Label"});Bo.options=vu;Bo.states=Lu;Bo.variants=Mu;Bo.defaultOptions=ku;Bo.modifiers=Iu;Bo.className=bt.className;import{jsx as Ro,jsxs as Tu}from"react/jsx-runtime";var Ar="k-list-item",yu=[r.hover,r.focus,r.selected,r.disabled],Eu={},Cu={},O=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:i,checked:l,hover:p,focus:m,selected:f,disabled:x,actions:h,description:N,id:u,...k}=e,g=t\|\|e.children,M=t\|\|(typeof g=="string"?g:void 0);return Tu("li",{...k,id:u,role:"option",tabIndex:m?0:-1,"aria-selected":f?"true":"false","aria-disabled":x?"true":void 0,className:n(e.className,Ar,E(Ar,{hover:p,focus:m,disabled:x,selected:f})),children:[i&&Ro(we,{checked:l,disabled:x,"aria-label":M,tabIndex:-1}),o&&Ro("span",{className:"k-list-item-icon-wrapper",children:Ro(L,{icon:o,className:n("k-list-item-icon",a)})}),Ro("span",{className:"k-list-item-text",children:g}),h&&Ro("div",{className:"k-list-item-actions",children:h}),N&&Ro("span",{className:"k-list-item-description",children:N})]})};O.states=yu;O.options=Eu;O.className=Ar;O.defaultOptions=Cu;O.moduleName=jt;O.folderName=Co;import{jsx as Au}from"react/jsx-runtime";var Ou="k-list-ul",Mt=e=>{let{children:t,role:o,id:a,...i}=e;return Au("ul",{...i,id:a,role:o,className:n(Ou,e.className),children:t})};import{jsx as Br,jsxs as Ru}from"react/jsx-runtime";var Bu="k-list-content",K=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":i,listboxId:l,...p}=e;return Ru("div",{...p,className:n(Bu,e.className),role:o?"listbox":void 0,id:o?l:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?i:void 0,children:[o?e.children:Br(Mt,{role:"listbox",id:l,"aria-label":a,"aria-labelledby":i,children:e.children}),t&&Br("div",{className:"k-height-container",children:Br("div",{})})]})};import{jsx as Rr,jsxs as zu}from"react/jsx-runtime";var ui="k-list-sticky-header",Pu=[r.hover,r.focus,r.selected],wu={},Ku={},fi=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:i,hover:l,focus:p,selected:m,...f}=e;return Rr("div",{...f,className:n(ui,e.className),children:zu("div",{className:n(`${ui}-item`,E(`${ui}-item`,{hover:l,focus:p,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&Rr(we,{checked:a,indeterminate:i,"aria-label":t}),Rr("span",{className:"k-list-item-text",children:t})]})})};fi.states=Pu;fi.options=wu;fi.className=ui;fi.defaultOptions=Ku;import{Fragment as rT,jsx as iT,jsxs as nT}from"react/jsx-runtime";import{jsx as mT,jsxs as cT}from"react/jsx-runtime";import{jsx as Fu}from"react/jsx-runtime";var Pr="k-list-optionlabel",Du=[r.hover,r.focus,r.selected,r.disabled],_u={},Hu={},bi=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:l,...p}=e;return Fu("div",{...p,className:n(Pr,E(Pr,{hover:o,focus:a,selected:i,disabled:l})),children:t})};bi.states=Du;bi.options=_u;bi.className=Pr;bi.defaultOptions=Hu;import{jsx as Vu}from"react/jsx-runtime";var wr="k-list-custom-value",Uu=[r.hover,r.focus,r.selected,r.disabled],Gu={},$u={},at=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:l,...p}=e;return Vu("div",{...p,className:n(wr,E(wr,{hover:o,focus:a,selected:i,disabled:l})),children:t})};at.states=Uu;at.options=Gu;at.className=wr;at.defaultOptions=$u;import{Fragment as IT,jsx as MT,jsxs as ST}from"react/jsx-runtime";import{Fragment as AT,jsx as OT,jsxs as BT}from"react/jsx-runtime";import{Fragment as _T,jsx as zT,jsxs as DT}from"react/jsx-runtime";import{Fragment as XT,jsx as $T,jsxs as VT}from"react/jsx-runtime";import{jsx as YT}from"react/jsx-runtime";import{Fragment as oO,jsx as tO,jsxs as aO}from"react/jsx-runtime";import{Fragment as dO,jsx as sO,jsxs as pO}from"react/jsx-runtime";var rs="dropdown-list",ns="dropdownlist";import{Fragment as Ju,jsx as Oe,jsxs as Kr}from"react/jsx-runtime";var ls="k-dropdownlist",Xu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Wu={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},zr={showValue:!0,arrowIconName:"chevron-down"},V=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=zr.arrowIconName,showValue:l=zr.showValue,valueIconName:p,prefix:m,suffix:f,value:x,placeholder:h,hover:N,focus:u,valid:k,invalid:g,required:M,loading:S,disabled:y,readonly:A,popup:U,opened:Y,adaptive:ee,adaptiveSettings:de,adaptiveTitle:pe,adaptiveSubtitle:xt,adaptiveFilter:ga,id:ut,activeDescendant:ho,"aria-label":va,...La}=e,fp=ut?`${ut}-listbox`:void 0,_n=ut?`${ut}-value`:void 0;return Kr(Ju,{children:[Kr(gt,{...La,id:ut,size:t,rounded:o,fillMode:a,hover:N,focus:u,valid:k,invalid:g,required:M,loading:S,disabled:y,readonly:A,className:n(e.className,ls,{"k-icon-picker":!l&&p}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Y?"true":"false","aria-controls":Y?fp:void 0,"aria-activedescendant":Y&&ho?ho:void 0,"aria-describedby":Y?_n:void 0,"aria-disabled":y?"true":void 0,"aria-label":va,tabIndex:0,children:[Oe(be,{children:m}),Oe(Qt,{placeholder:h,value:x,showValue:l,valueIconName:p,id:_n}),Oe(te,{valid:k,invalid:g,loading:S,disabled:y}),Oe(re,{loading:S,disabled:y}),Oe(xe,{children:f}),Oe(d,{className:"k-input-button",icon:i,size:e.size,fillMode:e.fillMode,"aria-label":h\|\|"Toggle dropdown",tabIndex:-1})]}),Y&&U&&Oe(W,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:U}),ee&&Oe(Z,{adaptive:!0,...de,header:Oe(ge,{actionsEnd:Oe(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:ga,inputValue:x,inputPlaceholder:h,title:pe,subtitle:xt}),children:Oe("div",{className:"k-list-container",children:Oe(w,{size:"large",children:Kr(K,{"aria-label":"Options",children:[Oe(O,{text:"List item"}),Oe(O,{text:"List item"}),Oe(O,{text:"List item"})]})})})})]})};V.states=Xu;V.options=Wu;V.className=ls;V.defaultOptions=zr;V.moduleName=rs;V.folderName=ns;import{jsx as VO}from"react/jsx-runtime";import{jsx as ZO,jsxs as QO}from"react/jsx-runtime";import{Fragment as lA,jsx as rA,jsxs as nA}from"react/jsx-runtime";import{jsx as cA}from"react/jsx-runtime";import{jsx as NA,jsxs as gA}from"react/jsx-runtime";import{Fragment as CA,jsx as yA,jsxs as EA}from"react/jsx-runtime";import{jsx as RA}from"react/jsx-runtime";import{Fragment as ef,jsx as Vt,jsxs as ss}from"react/jsx-runtime";var qu=V.states,Yu=V.defaultOptions,Zu=V.options,Qu=[{name:"opened",title:"Opened"}],ju=[],wo=e=>{let{modifiers:t,...o}=e,a={},i=ss(ef,{children:[Vt("div",{className:"k-list-filter",children:Vt(Ze,{})}),Vt(w,{style:{width:300},size:o.size,children:ss(K,{children:[Vt(O,{children:"List item"}),Vt(O,{children:"List item"}),Vt(O,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(l=>{l==="opened"&&(a.opened=!!t?.[l],a.popup=t?.[l]?i:void 0)}),Vt("div",{children:Vt(V,{placeholder:"Value",style:{width:300},...o,...a})})};wo.options=Zu;wo.states=qu;wo.variants=ju;wo.defaultOptions=Yu;wo.modifiers=Qu;wo.className=V.className;import{Fragment as tB,jsx as eB}from"react/jsx-runtime";import{Fragment as lB,jsx as nB}from"react/jsx-runtime";import{jsx as mB}from"react/jsx-runtime";import{jsx as Dr}from"react/jsx-runtime";var tf=P.states,of=P.defaultOptions,af=P.options,rf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],nf=[],Ko=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Dr(V,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[i]?Dr(ri,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;case"spin-button":a.showSpinButton=t?.[i];break;default:break}}),Dr(Jl,{value:"Value",style:{width:300},...o,...a})};Ko.options=af;Ko.states=tf;Ko.variants=nf;Ko.defaultOptions=of;Ko.modifiers=rf;Ko.className=P.className;import{Fragment as za,jsx as z,jsxs as ne}from"react/jsx-runtime";var ds="k-colorgradient-inputs",lf=[],sf={size:[s.undefined,s.small,s.medium,s.large]},ps={mode:"rgba"},zo=e=>{let{mode:t=ps.mode,size:o,...a}=e;return ne("div",{...a,className:n(ds,"k-hstack"),children:[z("div",{className:"k-vstack",children:z(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ne(za,{children:[ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),z("label",{className:"k-colorgradient-input-label",children:"R"})]}),ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),z("label",{className:"k-colorgradient-input-label",children:"G"})]}),ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),z("label",{className:"k-colorgradient-input-label",children:"B"})]}),ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),z("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ne(za,{children:[ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),z("label",{className:"k-colorgradient-input-label",children:"R"})]}),ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),z("label",{className:"k-colorgradient-input-label",children:"G"})]}),ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),z("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ne(za,{children:[ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),z("label",{className:"k-colorgradient-input-label",children:"H"})]}),ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),z("label",{className:"k-colorgradient-input-label",children:"S"})]}),ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),z("label",{className:"k-colorgradient-input-label",children:"V"})]}),ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),z("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ne(za,{children:[ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),z("label",{className:"k-colorgradient-input-label",children:"H"})]}),ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),z("label",{className:"k-colorgradient-input-label",children:"S"})]}),ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),z("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&z(za,{children:ne("div",{className:"k-vstack k-flex-1",children:[z(H,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),z("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};zo.states=lf;zo.options=sf;zo.className=ds;zo.defaultOptions=ps;import{jsx as oo,jsxs as ao}from"react/jsx-runtime";var ms="k-colorgradient-color-contrast",df=[],pf={},mf={},Do=()=>ao("div",{className:n(ms,"k-vbox"),children:[ao("div",{className:"k-contrast-ratio",children:[oo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),ao("span",{className:"k-contrast-validation !k-text-success",children:[oo(L,{icon:"check"}),oo(L,{icon:"check"})]})]}),ao("div",{children:[oo("span",{children:"AA: 4.5"}),ao("span",{className:"k-contrast-validation !k-text-success",children:["Pass",oo(L,{icon:"check"})]})]}),ao("div",{children:[oo("span",{children:"AAA: 7.0"}),ao("span",{className:"k-contrast-validation !k-text-error",children:["Fail",oo(L,{icon:"x"})]})]})]});Do.states=df;Do.options=pf;Do.className=ms;Do.defaultOptions=mf;var cs="color-gradient",us="colorgradient";import{jsx as it,jsxs as Da}from"react/jsx-runtime";var xi="k-colorgradient",cf=[r.hover,r.focus,r.readonly,r.disabled],uf={size:[s.undefined,s.small,s.medium,s.large]},It={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"},Le=e=>{let{size:t,mode:o=It.mode,readonly:a=It.readonly,disabled:i=It.disabled,gradientStyle:l=It.gradientStyle,dragHandleStyle:p=It.dragHandleStyle,alphaStyle:m=It.alphaStyle,alphaStyleHorizontal:f=It.alphaStyleHorizontal,contrast:x=It.contrast,dir:h,hover:N,focus:u,hoverHandle:k,focusHandle:g,canvasOrientation:M=It.canvasOrientation,role:S,tabIndex:y,...A}=e;return Da("div",{...A,role:S??"textbox","aria-label":S==="none"?void 0:"Color gradient",tabIndex:y??0,"aria-disabled":i?"true":void 0,className:n(e.className,xi,I(xi,{size:t}),E(xi,{hover:N,focus:u,readonly:a,disabled:i})),dir:h,children:[!M\|\|M==="horizontal"&&Da("div",{className:"k-colorgradient-canvas k-hstack",children:[it("div",{className:"k-hsv-rectangle",style:l,children:it("div",{className:"k-hsv-gradient",children:it("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":k,"k-focus":g}),style:p,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})})}),Da("div",{className:"k-hsv-controls k-hstack",children:[it(Sr,{className:"k-hue-slider",hover:k,focus:g}),o!=="rgb"&&o!=="hsv"&&it(Sr,{className:"k-alpha-slider",hover:k,focus:g,trackStyle:m})]})]}),M==="vertical"&&Da("div",{className:"k-colorgradient-canvas k-vstack",children:[it("div",{className:"k-hsv-rectangle",style:l,children:it("div",{className:"k-hsv-gradient",children:it("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":k,"k-focus":g}),style:p,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})})}),Da("div",{className:"k-hsv-controls k-vstack",children:[it(Ir,{className:"k-hue-slider",hover:k,focus:g}),o!=="rgb"&&o!=="hsv"&&it(Ir,{className:"k-alpha-slider",hover:k,focus:g,trackStyle:f})]})]}),it(zo,{mode:e.mode,size:t}),x&&it(Do,{})]})};Le.states=cf;Le.options=uf;Le.className=xi;Le.defaultOptions=It;Le.moduleName=cs;Le.folderName=us;import{jsx as ff}from"react/jsx-runtime";var hi=e=>ff(Le,{...e});import{jsx as YB}from"react/jsx-runtime";import{jsx as eR}from"react/jsx-runtime";import{jsx as _r}from"react/jsx-runtime";var bf=Le.options,xf=Le.states,hf={...Le.defaultOptions,variant:"rgba"},Nf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],gf=[],_o=e=>{let{variant:t,...o}=e;switch(t){case"hex":return _r(hi,{...o,mode:t});case"rgb":return _r(hi,{...o,mode:t});default:return _r(hi,{...o,mode:t})}};_o.options=bf;_o.states=xf;_o.variants=Nf;_o.defaultOptions=hf;_o.modifiers=gf;_o.className=Le.className;import{jsx as vf}from"react/jsx-runtime";var Hr=e=>vf("tr",{role:"row",children:e.children});import{jsx as Mf}from"react/jsx-runtime";var Fr="k-colorpalette-tile",Lf=[r.hover,r.focus,r.selected],kf={},Xt=e=>{let{color:t,tileSize:o,hover:a,focus:i,selected:l,...p}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Mf("td",{...p,role:"gridcell","aria-label":t,"aria-selected":l?"true":void 0,className:n(e.className,Fr,E(Fr,{hover:a,focus:i,selected:l})),style:m})};Xt.states=Lf;Xt.options=kf;Xt.className=Fr;Xt.moduleName=null;Xt.folderName=null;var fs="color-palette",bs="colorpalette";import{jsx as _a}from"react/jsx-runtime";var Ni="k-colorpalette",If=[r.disabled],Sf={size:[s.undefined,s.small,s.medium,s.large]},xs={columns:10},Ke=e=>{let{size:t,palette:o,columns:a=xs.columns,tileSize:i,disabled:l,...p}=e,m=[];if(o){let f=a\|\|o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/f)},(h,N)=>{let u=[];x.slice(Nf,(N+1)*f).map((g,M)=>{u.push(_a(Xt,{color:g,tileSize:i},M))});let k=_a(Hr,{children:u},N);m.push(k)})}return _a("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":l?"true":void 0,className:n(e.className,Ni,E(Ni,{disabled:l}),I(Ni,{size:t})),children:_a("table",{className:"k-colorpalette-table",role:"none",children:_a("tbody",{children:m.length>0?m:e.children})})})};Ke.states=If;Ke.options=Sf;Ke.className=Ni;Ke.defaultOptions=xs;Ke.moduleName=fs;Ke.folderName=bs;var gi=Ke;var Ha={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 yf}from"react/jsx-runtime";var hs=e=>yf(gi,{palette:Ha.basic,...e});import{jsx as wR}from"react/jsx-runtime";import{jsx as FR,jsxs as UR}from"react/jsx-runtime";import{jsx as Rf}from"react/jsx-runtime";var Ef=Ke.options,Cf=Ke.states,Tf={...Ke.defaultOptions,variant:"basic"},Of=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Af={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}},Bf=[],Ho=e=>{let{variant:t="basic",...o}=e,a=Af[t];return Rf(hs,{columns:a.columns,palette:a,...o})};Ho.options=Ef;Ho.states=Cf;Ho.variants=Of;Ho.defaultOptions=Tf;Ho.modifiers=Bf;Ho.className=Ke.className;var Ns="color-editor",gs="coloreditor";import{jsx as rt,jsxs as Fo}from"react/jsx-runtime";var vi="k-coloreditor",Pf=[r.focus],wf={size:[s.undefined,s.small,s.medium,s.large]},Fa={view:"gradient",palette:Ha.office,actionButtons:!0,canvasOrientation:"horizontal"},le=e=>{let{size:t,view:o=Fa.view,palette:a=Fa.palette,color:i,currentColor:l,focus:p,focusView:m,dir:f,group:x,actionButtons:h=Fa.actionButtons,canvasOrientation:N=Fa.canvasOrientation,...u}=e;return Fo("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",vi,I(vi,{size:t}),E(vi,{focus:p})),dir:f,children:[Fo("div",{className:"k-coloreditor-header k-hstack",children:[rt("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&Fo(R,{fillMode:"flat",children:[rt(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),rt(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),rt("div",{className:"k-spacer"}),Fo("div",{className:"k-coloreditor-header-actions k-hstack",children:[rt(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Fo("div",{className:"k-coloreditor-preview k-vstack",children:[rt(Ht,{className:"k-coloreditor-preview-color",color:i}),rt(Ht,{className:"k-coloreditor-current-color",color:l})]})]})]}),rt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?rt(Le,{focus:m,size:t,canvasOrientation:N,role:"none",tabIndex:-1}):rt(Ke,{palette:a,size:t})}),h&&Fo(Ye,{className:"k-coloreditor-footer",alignment:"start",children:[rt(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),rt(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};le.states=Pf;le.options=wf;le.className=vi;le.defaultOptions=Fa;le.moduleName=Ns;le.folderName=gs;var Uo=le;import{jsx as hP}from"react/jsx-runtime";import{jsx as LP}from"react/jsx-runtime";import{jsx as Kf}from"react/jsx-runtime";var vs=e=>Kf(Uo,{group:!0,currentColor:"fuchsia",...e});import{jsx as zf}from"react/jsx-runtime";var Ls=e=>zf(Uo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as ks}from"react/jsx-runtime";var Df=le.options,_f=le.states,Hf={...le.defaultOptions,variant:"gradient"},Ff=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Uf=[],Go=e=>{let{variant:t,...o}=e;return t==="palette"?ks(Ls,{...o,color:"white"}):ks(vs,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Go.options=Df;Go.states=_f;Go.variants=Ff;Go.defaultOptions=Hf;Go.modifiers=Uf;Go.className=le.className;var Ms="color-picker",Is="colorpicker";import{Fragment as Vf,jsx as nt,jsxs as Ur}from"react/jsx-runtime";var Ss="k-colorpicker",Gf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],$f={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},ys={arrowIconName:"chevron-down"},ke=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=ys.arrowIconName,prefix:l,suffix:p,value:m,placeholder:f,hover:x,focus:h,valid:N,invalid:u,required:k,disabled:g,valueIconName:M,popup:S,opened:y,adaptive:A,adaptiveSettings:U,adaptiveTitle:Y,adaptiveSubtitle:ee,...de}=e,pe="colorpicker-popup";return Ur(Vf,{children:[Ur(gt,{...de,size:t,rounded:o,fillMode:a,hover:x,focus:h,valid:N,invalid:u,required:k,disabled:g,role:"combobox","aria-haspopup":"dialog","aria-expanded":y?"true":"false","aria-controls":y\|\|A?pe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":g?"true":void 0,className:n(e.className,Ss,"k-icon-picker"),children:[nt(be,{children:l}),nt(Qt,{placeholder:f,value:m,showValue:!1,valueIcon:nt(Ht,{className:"k-value-icon",color:m,iconName:M}),valueIconName:M}),nt(xe,{children:p}),nt(d,{className:"k-input-button",icon:i,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:g})]}),y&&S&&nt(W,{id:pe,className:"k-colorpicker-popup",children:S}),A&&nt(Z,{adaptive:!0,id:pe,...U,header:nt(ge,{actionsEnd:nt(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Y,subtitle:ee}),footer:Ur(Ft,{children:[nt(d,{text:"Cancel",size:"large"}),nt(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:nt(le,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};ke.states=Gf;ke.options=$f;ke.className=Ss;ke.defaultOptions=ys;ke.moduleName=Ms;ke.folderName=Is;var Rt=ke;import{jsx as Xf}from"react/jsx-runtime";var Li=e=>Xf(Rt,{...e});import{jsx as iw}from"react/jsx-runtime";import{jsx as dw}from"react/jsx-runtime";import{jsx as uw}from"react/jsx-runtime";import{jsx as hw}from"react/jsx-runtime";import{jsx as Lw}from"react/jsx-runtime";import{jsx as Sw}from"react/jsx-runtime";import{jsx as io}from"react/jsx-runtime";var Wf=Rt.options,Jf=Rt.states,Es={...Rt.defaultOptions,variant:"color"},qf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Yf=[{name:"opened",title:"Opened"}],$o=e=>{let{variant:t,modifiers:o,...a}={...Es,...e},i={};Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(i.opened=!!o?.[p],i.popup=o?.[p]?io(le,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let l=i.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return io("div",{style:l,children:io(Li,{...a,...i})});case"icon":return io("div",{style:l,children:io(Li,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...i})});default:return io("div",{style:l,children:io(Li,{value:"rgba(183, 118 , 118, 1.00)",...a,...i})})}};$o.options=Wf;$o.states=Jf;$o.variants=qf;$o.defaultOptions=Es;$o.modifiers=Yf;$o.className=Rt.className;var Gr="combobox",Cs=Gr;import{Fragment as $r,jsx as ue,jsxs as Ua}from"react/jsx-runtime";var Ts="k-combobox",Zf=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Qf={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Os={separators:!0},Me=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Os.separators,prefix:l,suffix:p,value:m,placeholder:f,hover:x,focus:h,valid:N,invalid:u,required:k,loading:g,disabled:M,popup:S,opened:y,readonly:A,adaptive:U,adaptiveSettings:Y,adaptiveTitle:ee,adaptiveSubtitle:de,adaptiveCustomValue:pe,id:xt,autocomplete:ga,activeDescendant:ut,"aria-label":ho,...va}=e,La=xt?`${xt}-listbox`:void 0;return Ua($r,{children:[Ua(G,{...va,size:t,rounded:o,fillMode:a,hover:x,focus:h,valid:N,invalid:u,required:k,loading:g,disabled:M,readonly:A,className:n(e.className,Ts),children:[l&&Ua($r,{children:[ue(be,{children:l}),i&&ue(oe,{})]}),ue(ce,{id:xt,placeholder:f,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?La:void 0,"aria-activedescendant":y&&ut?ut:void 0,"aria-autocomplete":ga,"aria-invalid":u?"true":void 0,"aria-busy":g?"true":void 0,"aria-label":ho,disabled:M,readOnly:A}),ue(te,{valid:N,invalid:u,loading:g,disabled:M}),ue(re,{loading:g,disabled:M}),ue(me,{loading:g,disabled:M,readonly:A,value:m}),p&&Ua($r,{children:[i&&ue(oe,{}),ue(xe,{children:p})]}),ue(d,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:M})]}),y&&S&&ue(W,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:S}),U&&ue(Z,{adaptive:!0,id:xt?`${xt}-adaptive`:void 0,...Y,header:ue(ge,{actionsEnd:ue(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:f,title:ee,subtitle:de}),children:ue("div",{className:"k-list-container",children:ue(w,{customValue:pe?ue(at,{text:`Use "${m}"`}):void 0,size:"large",children:Ua(K,{"aria-label":ee\|\|"Options",children:[ue(O,{text:"List item"}),ue(O,{text:"List item"}),ue(O,{text:"List item"})]})})})})]})};Me.states=Zf;Me.options=Qf;Me.className=Ts;Me.defaultOptions=Os;Me.moduleName=Gr;Me.folderName=Cs;var Fe=Me;import{jsx as jf}from"react/jsx-runtime";var As=e=>jf(Fe,{...e});import{jsx as l0,jsxs as s0}from"react/jsx-runtime";import{jsx as f0,jsxs as b0}from"react/jsx-runtime";import{jsx as L0,jsxs as k0}from"react/jsx-runtime";import{Fragment as C0,jsx as E0}from"react/jsx-runtime";import{Fragment as P0,jsx as R0}from"react/jsx-runtime";import{jsx as H0,jsxs as F0}from"react/jsx-runtime";import{Fragment as q0,jsx as W0,jsxs as J0}from"react/jsx-runtime";import{jsx as j0}from"react/jsx-runtime";import{jsx as aK}from"react/jsx-runtime";import{jsx as dK,jsxs as pK}from"react/jsx-runtime";import{jsx as xK,jsxs as hK}from"react/jsx-runtime";import{jsx as Wt,jsxs as rb}from"react/jsx-runtime";var eb=Me.states,tb=Me.defaultOptions,ob=Me.options,ab=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],ib=[],Vo=e=>{let{modifiers:t,...o}=e,a={},i=Wt(w,{style:{width:300},size:o.size,children:rb(K,{children:[Wt(O,{children:"List item"}),Wt(O,{children:"List item"}),Wt(O,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Wt(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[l]?Wt(Ot,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[l],a.popup=t?.[l]?i:void 0;break;default:break}}),Wt("div",{children:Wt(As,{value:"Value",style:{width:300},...o,...a})})};Vo.options=ob;Vo.states=eb;Vo.variants=ib;Vo.defaultOptions=tb;Vo.modifiers=ab;Vo.className=Me.className;var Vr="menu-button",Bs=Vr;import{jsx as sb}from"react/jsx-runtime";var Rs="k-menu-button",nb=[r.hover,r.focus,r.active,r.selected,r.disabled],lb={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.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:!0,arrowIconName:"chevron-down"},q=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:l,focus:p,active:m,selected:f,disabled:x,icon:h,text:N,showArrow:u=Xr.showArrow,arrowIconName:k=Xr.arrowIconName,expanded:g,...M}=e;return sb(d,{...M,className:n(e.className,Rs),text:N,size:t,rounded:o,fillMode:a,themeColor:i,hover:l,focus:p,active:m,selected:f,disabled:x,ariaDisabled:x\|\|void 0,icon:h,showArrow:u,arrowIconName:k,"aria-expanded":g?"true":"false",...!N&&h&&!e["aria-label"]&&{"aria-label":"Menu"}})};q.states=nb;q.options=lb;q.className=Rs;q.defaultOptions=Xr;q.moduleName=Vr;q.folderName=Bs;import{jsx as YK}from"react/jsx-runtime";import{jsx as ez}from"react/jsx-runtime";import{jsx as iz}from"react/jsx-runtime";var Ue="menu",lt=Ue;import{jsx as Ga,jsxs as Ps}from"react/jsx-runtime";var Wr="k-menu-item",db=[r.hover,r.focus,r.active,r.selected,r.disabled],pb={},ws={iconPosition:"before"},Se=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:l,icon:p,text:m,showArrow:f,arrowIconName:x,iconPosition:h=ws.iconPosition,dir:N,children:u,expanded:k,...g}=e,M=x;return M\|\|(M=N==="rtl"?"chevron-left":"chevron-right"),Ps("li",{...g,className:n(e.className,Wr,"k-item",E(Wr,{focus:o,disabled:l,hover:t,active:a,selected:i})),role:"menuitem",...f&&{"aria-haspopup":"menu"},...f&&{"aria-expanded":k?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ps("span",{className:n("k-link k-menu-link"),children:[p&&h==="before"&&Ga(L,{className:"k-menu-link-icon",icon:p}),Ga("span",{className:"k-menu-link-text",children:m}),p&&h==="after"&&Ga(L,{className:"k-menu-link-icon",icon:p}),f&&Ga("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ga(L,{icon:M})})]}),u]})};Se.states=db;Se.options=pb;Se.className=Wr;Se.defaultOptions=ws;Se.moduleName=Ue;Se.folderName=lt;import{jsx as ro,jsxs as Ks}from"react/jsx-runtime";var Jr="k-menu-item",mb=[r.hover,r.focus,r.active,r.selected,r.disabled],cb={},qr={dir:"ltr",iconPosition:"before"},Q=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:l,icon:p,text:m,showArrow:f,arrowIconName:x,iconPosition:h=qr.iconPosition,dir:N=qr.dir,children:u,popup:k,expanded:g,actions:M,description:S,...y}=e,A=x;return A\|\|(A=N==="rtl"?"chevron-left":"chevron-right"),Ks("li",{role:"menuitem",...y,className:n(e.className,Jr,"k-item",E(Jr,{focus:o,disabled:l})),...f&&{"aria-haspopup":"menu"},...f&&{"aria-expanded":g?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ks("span",{className:n("k-link k-menu-link",E("k-menu-link",{hover:t,active:a,selected:i,disabled:l})),children:[p&&h==="before"&&ro(L,{className:"k-menu-link-icon",icon:p}),ro("span",{className:"k-menu-link-text",children:m}),p&&h==="after"&&ro(L,{className:"k-menu-link-icon",icon:p}),M&&ro("span",{className:"k-menu-link-actions",children:M}),f&&ro("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ro(L,{icon:A})}),S&&ro("span",{className:"k-menu-link-description",children:S})]}),u,k]})};Q.states=mb;Q.options=cb;Q.className=Jr;Q.defaultOptions=qr;Q.moduleName=Ue;Q.folderName=lt;import{jsx as xb}from"react/jsx-runtime";var zs="k-menu-scroll-wrapper",ub=[],fb={},bb={},no=e=>{let{className:t,children:o,orientation:a,...i}=e;return xb("div",{...i,className:n(t,zs,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};no.states=ub;no.options=fb;no.className=zs;no.defaultOptions=bb;no.moduleName=Ue;no.folderName=lt;var Ds=no;import{Fragment as Yr,jsx as lo,jsxs as Mi}from"react/jsx-runtime";var Ii="k-menu",hb=[],Nb={size:[s.undefined,s.small,s.medium,s.large]},Si={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ie=e=>{let{children:t,orientation:o=Si.orientation,header:a=Si.header,scrollable:i,scrollButtonsPosition:l=Si.scrollButtonsPosition,wrapperStyles:p,dir:m,size:f,popup:x,contextMenu:h,...N}=e,u={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},k=lo("ul",{dir:m,...N,className:n(e.className,"k-reset",Ii,{[`${Ii}-${o}`]:o,"k-header":a},I(Ii,{size:f})),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Mi(Yr,{children:[i?Mi(Ds,{orientation:o,style:p,dir:e.dir,children:[l==="start"&&Mi(Yr,{children:[lo(d,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),lo(d,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&lo(d,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),k,l==="end"&&Mi(Yr,{children:[lo(d,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),lo(d,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&lo(d,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):k,x]})};Ie.states=hb;Ie.options=Nb;Ie.className=Ii;Ie.defaultOptions=Si;Ie.moduleName=Ue;Ie.folderName=lt;import{jsx as gb}from"react/jsx-runtime";var Zr="k-separator",_s={orientation:"horizontal"},Xo=e=>{let{orientation:t=_s.orientation,...o}=e;return gb("li",{...o,className:n(e.className,"k-item",Zr,{[`${Zr}-${t}`]:t}),role:"separator"})};Xo.className=Zr;Xo.defaultOptions=_s;Xo.moduleName=Ue;Xo.folderName=lt;import{Fragment as Rz,jsx as Pz}from"react/jsx-runtime";import{jsx as Mb}from"react/jsx-runtime";var Qr="k-menu-group",vb=[],Lb={size:[s.undefined,s.small,s.medium,s.large]},kb={},ye=e=>{let{children:t,size:o,...a}=e;return Mb("ul",{role:"menu",...a,className:n(e.className,Qr,I(Qr,{size:o})),children:t})};ye.states=vb;ye.options=Lb;ye.className=Qr;ye.defaultOptions=kb;ye.moduleName=Ue;ye.folderName=lt;import{jsx as Gz,jsxs as $z}from"react/jsx-runtime";import{Fragment as Ib,jsx as Wo,jsxs as Sb}from"react/jsx-runtime";var jr=e=>Wo(Ie,{children:Sb(Ib,{children:[Wo(Se,{text:"Item 1"}),Wo(Se,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Wo(Se,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Wo(Se,{text:"Item 4"}),Wo(Se,{text:"Item 5"})]}),...e});import{Fragment as eD,jsx as Qz,jsxs as jz}from"react/jsx-runtime";import{Fragment as rD,jsx as iD,jsxs as nD}from"react/jsx-runtime";import{Fragment as mD,jsx as pD,jsxs as cD}from"react/jsx-runtime";import{Fragment as hD,jsx as xD,jsxs as ND}from"react/jsx-runtime";import{jsx as so,jsxs as Ob}from"react/jsx-runtime";var yb={...Ie.options,scrollable:{type:"boolean"}},Eb=Ie.states,Hs={...Ie.defaultOptions,variant:"horizontal"},Cb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Tb=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}={...Hs,...e},i={},l=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(i.opened=!!o?.[p],i.popup=o?.[p]?so(W,{className:"k-menu-popup",offset:l,children:Ob(ye,{children:[so(Q,{text:"Item 1"}),so(Q,{text:"Item 2"}),so(Xo,{}),so(Q,{text:"Item 3"})]})}):null)}),t==="vertical"?so(jr,{...a,...i,orientation:"vertical",style:{width:"200px"}}):so(jr,{...a,...i})};Jo.options=yb;Jo.states=Eb;Jo.variants=Cb;Jo.defaultOptions=Hs;Jo.modifiers=Tb;Jo.className=Ie.className;import{Fragment as ZD,jsx as qD,jsxs as YD}from"react/jsx-runtime";import{jsx as t_}from"react/jsx-runtime";import{Fragment as wb,jsx as St,jsxs as Fs}from"react/jsx-runtime";var Ab=d.states,Us={...d.defaultOptions,variant:"text"},Bb=d.options,Rb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Pb=[{name:"opened",title:"Opened"}],qo=e=>{let{variant:t,modifiers:o,...a}={...Us,...e},i={},l=St(W,{className:"k-menu-popup",children:Fs(ye,{size:a.size,children:[St(Q,{text:"Menu Item"}),St(Q,{text:"Menu Item"}),St(Q,{text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=St("div",{children:St(q,{...a,...i,icon:"star"})});break;case"icon-and-text":p=St("div",{children:St(q,{...a,...i,icon:"star",children:"Dropdown Button"})});break;default:p=St("div",{children:St(q,{...a,...i,children:"Dropdown Button"})});break}return Fs(wb,{children:[p,o?.opened&&l]})};qo.options=Bb;qo.states=Ab;qo.variants=Rb;qo.defaultOptions=Us;qo.modifiers=Pb;qo.className=q.className;var en="split-button",Gs=en;import{Fragment as Db,jsx as tn,jsxs as $s}from"react/jsx-runtime";var on="k-split-button",Kb=[r.hover,r.focus,r.active,r.selected,r.disabled],zb={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.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]},Vs={arrowIconName:"chevron-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:l,focus:p,active:m,selected:f,disabled:x,icon:h,text:N,arrowIconName:u=Vs.arrowIconName,popup:k,opened:g,popupId:M,...S}=e;return $s(Db,{children:[$s("div",{...S,className:n(e.className,on,"k-button-group",I(on,{rounded:o})),children:[tn(d,{text:N,icon:h,size:t,rounded:o,fillMode:a,themeColor:i,hover:l,focus:p,active:m,selected:f,disabled:x,...!N&&!e.children&&h&&{"aria-label":"Action"},children:e.children}),tn(d,{className:"k-split-button-arrow",icon:u,size:t,rounded:o,fillMode:a,disabled:x,ariaDisabled:x\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":g?"true":"false","aria-controls":g?M:void 0,tabIndex:-1})]}),g&&k&&tn(W,{className:"k-menu-popup",children:k})]})};D.states=Kb;D.options=zb;D.className=on;D.defaultOptions=Vs;D.moduleName=en;D.folderName=Gs;var an=D;import{jsx as Hb}from"react/jsx-runtime";var _b="k-toolbar-separator",Ee=e=>Hb("div",{className:n(_b,e.className,"k-separator")});var po="toolbar",Yo=po;import{Fragment as rn,jsx as _,jsxs as Zo}from"react/jsx-runtime";var Pt="k-toolbar",Fb=[r.focus],Ub={size:[s.undefined,s.small,s.medium,s.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Gb={scrollButtons:"around"},J=e=>{let{size:t,fillMode:o,focus:a,resizable:i,scrollable:l,scrollButtons:p,scrollingPosition:m,section:f,...x}=e,h=[],N=(u,k)=>{let g=[];if(u.type===d&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))g.push(_(d,{...u.props,className:`${u.props.className?u.props.className:""}`},`${k}-${new Date().getTime()}`));else if(u.type===d)g.push(_(d,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${k}-${new Date().getTime()}`));else if(u.type===ya)g.push(_(ya,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${k}-${new Date().getTime()}`));else if(u.type===Ot)g.push(_(Ot,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${k}-${new Date().getTime()}`));else if(u.type===q)g.push(_(q,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${k}-${new Date().getTime()}`));else if(u.type===an)g.push(_(an,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${k}-${new Date().getTime()}`));else if(u.type===R\|\|u.props.className&&u.props.className.includes("k-button-group")){let M=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((y,A)=>{M.push(_(d,{...y.props,className:`${y.props.className?y.props.className:""}`},`${A}-${new Date().getTime()}`))}),g.push(_(R,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:M},`${k}-${new Date().getTime()}`))}else u.type===Me?g.push(_(Me,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${k}-${new Date().getTime()}`)):u.type===V?g.push(_(V,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${k}-${new Date().getTime()}`)):u.type===ke?g.push(_(ke,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${k}-${new Date().getTime()}`)):g.push(u);g.forEach(M=>{h.push(M)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((k,g)=>{N(k,g)}),Zo("div",{...x,className:n(e.className,Pt,I(Pt,{size:t,fillMode:o}),E(Pt,{focus:a}),{[`${Pt}-resizable`]:i,[`${Pt}-scrollable`]:l,[`${Pt}-scrollable-overlay`]:l&&p==="hidden",[`${Pt}-scrollable-${m}`]:m&&m!=="both",[`${Pt}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!l&&h,l&&p==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),l&&p==="start"&&Zo(rn,{children:[Zo(R,{children:[_("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"chevron-right"})})]}),_(Ee,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h})]}),l&&p==="end"&&Zo(rn,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),_(Ee,{className:"k-toolbar-button-separator"}),Zo(R,{children:[_("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"chevron-right"})})]})]}),l&&(p==="around"\|\|!p)&&Zo(rn,{children:[_("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"chevron-left"})}),_(Ee,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),_(Ee,{className:"k-toolbar-button-separator"}),_("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"chevron-right"})})]})]})};J.states=Fb;J.options=Ub;J.className=Pt;J.defaultOptions=Gb;J.moduleName=po;J.folderName=Yo;import{jsx as Wb}from"react/jsx-runtime";var nn="k-toolbar-item",$b=[r.focus],Vb={},Xb={},yt=e=>{let{focus:t,...o}=e;return Wb("div",{...o,className:n(e.className,nn,E(nn,{focus:t})),children:e.children})};yt.states=$b;yt.options=Vb;yt.className=nn;yt.defaultOptions=Xb;yt.moduleName=po;yt.folderName=Yo;import{jsx as Xs}from"react/jsx-runtime";var Ws="k-toolbar-popup",Jb=[],qb={size:[s.undefined,s.small,s.medium,s.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Yb={},mo=e=>{let{size:t,fillMode:o,section:a,...i}=e;return Xs(W,{...i,className:n(e.className,Ws),children:a?Xs("span",{className:n("k-toolbar-items-list",I("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};mo.states=Jb;mo.options=qb;mo.className=Ws;mo.defaultOptions=Yb;mo.moduleName=po;mo.folderName=Yo;var yi=mo;import{jsx as e1}from"react/jsx-runtime";import{jsx as i1}from"react/jsx-runtime";import{jsx as s1}from"react/jsx-runtime";import{jsx as f1,jsxs as b1}from"react/jsx-runtime";import{jsx as g1}from"react/jsx-runtime";import{jsx as wt,jsxs as tx}from"react/jsx-runtime";var Zb=D.states,Js={...D.defaultOptions,variant:"text"},Qb=D.options,jb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ex=[{name:"opened",title:"Opened"}],Qo=e=>{let{variant:t,modifiers:o,...a}={...Js,...e},i={},l=tx(ye,{size:a.size,children:[wt(Q,{text:"Menu Item"}),wt(Q,{text:"Menu Item"}),wt(Q,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(i.opened=!!o?.[p],i.popup=o?.[p]?l:"")}),t){case"icon-only":return wt("div",{children:wt(D,{...a,...i,icon:"star"})});case"icon-and-text":return wt("div",{children:wt(D,{...a,...i,icon:"star",children:"Split Button"})});default:return wt("div",{children:wt(D,{...a,...i,children:"Split Button"})})}};Qo.options=Qb;Qo.states=Zb;Qo.variants=jb;Qo.defaultOptions=Js;Qo.modifiers=ex;Qo.className=D.className;import{jsx as co,jsxs as ox}from"react/jsx-runtime";var qs=e=>co(J,{children:[co(d,{children:"Button"},"toolbar-button"),co(q,{text:"Menu button"},"toolbar-menu-button"),co(D,{children:"Split button"},"toolbar-split-button"),ox(R,{children:[co(d,{className:"k-group-start",icon:"align-left",children:"Left"}),co(d,{icon:"align-center",children:"Center"}),co(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as J1,jsxs as q1}from"react/jsx-runtime";import{jsx as Ge,jsxs as Ys}from"react/jsx-runtime";var Zs=e=>Ge(J,{scrollable:!0,...e,children:[Ge(d,{children:"Button"},"toolbar-button"),Ge(q,{text:"Menu button"},"toolbar-menu-button"),Ge(D,{children:"Split button"},"toolbar-split-button"),Ys(R,{children:[Ge(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Ge(d,{icon:"align-center",children:"Center"}),Ge(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Ge(d,{children:"Button"},"toolbar-button"),Ge(q,{text:"Menu button"},"toolbar-menu-button"),Ge(D,{children:"Split button"},"toolbar-split-button"),Ys(R,{children:[Ge(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Ge(d,{icon:"align-center",children:"Center"}),Ge(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as $e,jsxs as Qs}from"react/jsx-runtime";var js=({scrollingPosition:e="start",...t})=>$e(J,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[$e(d,{children:"Button"},"toolbar-button"),$e(q,{text:"Menu button"},"toolbar-menu-button"),$e(D,{children:"Split button"},"toolbar-split-button"),Qs(R,{children:[$e(d,{className:"k-group-start",icon:"align-left",children:"Left"}),$e(d,{icon:"align-center",children:"Center"}),$e(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),$e(d,{children:"Button"},"toolbar-button"),$e(q,{text:"Menu button"},"toolbar-menu-button"),$e(D,{children:"Split button"},"toolbar-split-button"),Qs(R,{children:[$e(d,{className:"k-group-start",icon:"align-left",children:"Left"}),$e(d,{icon:"align-center",children:"Center"}),$e(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as ax,jsx as ze,jsxs as Ei}from"react/jsx-runtime";var ed=({fillMode:e,size:t,...o})=>Ei(ax,{children:[ze(J,{section:!0,fillMode:e,size:t,children:[ze(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ei(R,{fillMode:e,children:[ze(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),ze(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),ze(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),ze(Ee,{className:"k-toolbar-button-separator"}),ze(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),Ei(yi,{size:t,fillMode:e,section:!0,...o,children:[ze(D,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),ze(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),ze(Ee,{}),ze(q,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Ei(R,{fillMode:e,children:[ze(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),ze(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),ze(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as C2,jsx as y2,jsxs as E2}from"react/jsx-runtime";import{Fragment as _2,jsx as z2,jsxs as D2}from"react/jsx-runtime";import{jsx as Jt}from"react/jsx-runtime";var ix=J.options,rx=J.states,td={...J.defaultOptions,variant:"default"},nx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],lx=[],jo=e=>{let{variant:t,...o}={...td,...e};switch(t){case"responsive":return Jt("div",{children:Jt(ed,{style:{width:"583px"},...o})});case"overlay":return Jt("div",{children:Jt(js,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Jt("div",{children:Jt(Zs,{style:{width:"583px"},...o})});default:return Jt("div",{children:Jt(qs,{style:{width:"583px"},...o})})}};jo.options=ix;jo.states=rx;jo.variants=nx;jo.defaultOptions=td;jo.modifiers=lx;jo.className=J.className;var ln="autocomplete",od=ln;import{Fragment as sn,jsx as he,jsxs as $a}from"react/jsx-runtime";var ad="k-autocomplete",sx=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],dx={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},id={separators:!0},Ve=e=>{let{size:t,rounded:o,fillMode:a,separators:i=id.separators,prefix:l,suffix:p,value:m,placeholder:f,hover:x,focus:h,valid:N,invalid:u,required:k,loading:g,disabled:M,popup:S,opened:y,readonly:A,adaptive:U,adaptiveSettings:Y,adaptiveTitle:ee,adaptiveSubtitle:de,adaptiveCustomValue:pe,id:xt,autocomplete:ga,activeDescendant:ut,"aria-label":ho,...va}=e,La=xt?`${xt}-listbox`:void 0;return $a(sn,{children:[$a(G,{...va,size:t,rounded:o,fillMode:a,hover:x,focus:h,valid:N,invalid:u,required:k,loading:g,disabled:M,readonly:A,className:n(e.className,ad),children:[l&&$a(sn,{children:[he(be,{children:l}),i&&he(oe,{})]}),he(ce,{placeholder:f,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?La:void 0,"aria-activedescendant":y&&ut?ut:void 0,"aria-autocomplete":ga,"aria-invalid":u?"true":void 0,"aria-busy":g?"true":void 0,"aria-label":ho,disabled:M,readOnly:A}),he(te,{valid:N,invalid:u,loading:g,disabled:M}),he(re,{loading:g,disabled:M}),he(me,{loading:g,disabled:M,readonly:A,value:m}),p&&$a(sn,{children:[i&&he(oe,{}),he(xe,{children:p})]})]}),y&&S&&he(W,{className:"k-list-container k-autocomplete-popup",containerRole:"region",containerAriaLabel:"Autocomplete suggestions",children:S}),U&&he(Z,{adaptive:!0,...Y,header:he(ge,{actionsEnd:he(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:f,title:ee,subtitle:de}),children:he("div",{className:"k-list-container",children:he(w,{customValue:pe?he(at,{text:`Use "${m}"`}):void 0,size:"large",children:$a(K,{"aria-label":"Options",children:[he(O,{text:"List item"}),he(O,{text:"List item"}),he(O,{text:"List item"})]})})})})]})};Ve.states=sx;Ve.options=dx;Ve.className=ad;Ve.defaultOptions=id;Ve.moduleName=ln;Ve.folderName=od;var Et=Ve;import{jsx as px}from"react/jsx-runtime";var rd=e=>px(Et,{id:C("ac"),"aria-label":"Search",...e});import{jsx as EH,jsxs as CH}from"react/jsx-runtime";import{jsx as RH}from"react/jsx-runtime";import{Fragment as HH,jsx as _H}from"react/jsx-runtime";import{Fragment as WH,jsx as XH}from"react/jsx-runtime";import{jsx as jH,jsxs as eF}from"react/jsx-runtime";import{jsx as nF,jsxs as lF}from"react/jsx-runtime";import{jsx as uF,jsxs as fF}from"react/jsx-runtime";import{jsx as gF}from"react/jsx-runtime";import{jsx as uo,jsxs as xx}from"react/jsx-runtime";var mx=H.states,cx=H.defaultOptions,ux=H.options,fx=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],bx=[],ea=e=>{let{modifiers:t,...o}=e,a={},i=uo(w,{style:{width:300},size:o.size,children:xx(K,{children:[uo(O,{children:"List item"}),uo(O,{children:"List item"}),uo(O,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?uo(L,{icon:"search"}):void 0;break;case"suffix":a.suffix=t?.[l]?uo(Nt,{size:o.size,fillMode:"clear",children:"Search"}):void 0;break;case"opened":a.opened=!!t?.[l],a.popup=t?.[l]?i:void 0;break;default:break}}),uo(rd,{value:"Value",style:{width:300},...o,...a})};ea.options=ux;ea.states=mx;ea.variants=bx;ea.defaultOptions=cx;ea.modifiers=fx;ea.className=Ve.className;import{jsx as st}from"react/jsx-runtime";var nd="k-imageeditor-toolbar",hx=[],Nx={},gx=[st(d,{fillMode:"flat",icon:"image-add","aria-label":"Image Add"},"toolbar-button-1"),st(Ee,{},"toolbar-separator-1"),st(d,{fillMode:"flat",icon:"undo","aria-label":"Undo"},"toolbar-button-2"),st(d,{fillMode:"flat",icon:"redo","aria-label":"Redo"},"toolbar-button-3"),st(Ee,{},"toolbar-separator-2"),st(d,{fillMode:"flat",icon:"download","aria-label":"Download"},"toolbar-button-4"),st("div",{className:"k-spacer"},"toolbar-spacer"),st(d,{fillMode:"flat",icon:"zoom-in","aria-label":"Zoom In"},"toolbar-button-5"),st(yt,{children:st(Ve,{fillMode:"flat",value:"Fit","aria-label":"Zoom options"})},"toolbar-item-1"),st(d,{fillMode:"flat",icon:"zoom-out","aria-label":"Zoom Out"},"toolbar-button-6")],ld={toolbarItems:gx},ta=e=>{let{toolbarItems:t=ld.toolbarItems,...o}=e;return st(J,{...o,className:n(e.className,nd),fillMode:"flat",children:t})};ta.states=hx;ta.options=Nx;ta.className=nd;ta.defaultOptions=ld;import{jsx as Ae}from"react/jsx-runtime";var dn="k-imageeditor-sidebar",vx=[Ae(d,{fillMode:"flat",icon:"image-resize","aria-label":"Resize"},"sidebar-button-1"),Ae(d,{fillMode:"flat",icon:"crop","aria-label":"Crop"},"sidebar-button-2"),Ae(d,{fillMode:"flat",icon:"rotate","aria-label":"Rotate"},"sidebar-button-3"),Ae("div",{className:"k-separator"},"sidebar-separator-1"),Ae(d,{fillMode:"flat",icon:"free-text","aria-label":"Text"},"sidebar-button-4"),Ae(d,{fillMode:"flat",icon:"shapes","aria-label":"Shapes"},"sidebar-button-5"),Ae("div",{className:"k-separator"},"sidebar-separator-2"),Ae(d,{fillMode:"flat",icon:"drop-half-pixelated","aria-label":"Blur"},"sidebar-button-6"),Ae(d,{fillMode:"flat",icon:"sliders-horizontal","aria-label":"Adjustments"},"sidebar-button-7"),Ae(d,{fillMode:"flat",icon:"circles-three-intersecting","aria-label":"Filters"},"sidebar-button-8"),Ae("div",{className:"k-separator"},"sidebar-separator-3"),Ae(d,{fillMode:"flat",icon:"frame-corners","aria-label":"Frame"},"sidebar-button-9"),Ae(d,{fillMode:"flat",icon:"circle-half-tilted","aria-label":"Shadow"},"sidebar-button-10")],pn={sidebarItems:vx,scrollable:!1,scrollingPosition:"start"},sd=e=>{let{sidebarItems:t=pn.sidebarItems,scrollable:o=pn.scrollable,scrollingPosition:a=pn.scrollingPosition,...i}=e;return Ae("div",{...i,className:n(e.className,dn,{[`${dn}-scrollable`]:o,[`${dn}-scrollable-${a}`]:o}),children:Ae("div",{className:"k-imageeditor-sidebar-items",role:"toolbar","aria-label":"Tools",children:t??e.children})})};var Va="loader",Ci=Va;import{Fragment as mn,jsx as dd,jsxs as Ti}from"react/jsx-runtime";var cn="k-loader",Lx={pulsing:"pulsing-2","infinite-spinner":"spinner-3","converging-spinner":"spinner-4"},kx=[],Mx={size:[s.undefined,s.small,s.medium,s.large],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary]},pd={animation:"pulsing"},se=e=>{let{size:t,themeColor:o,animation:a=pd.animation,...i}=e,l=dd("span",{className:"k-loader-segment"});return dd("div",{...i,className:n(e.className,cn,{[`k-loader-${Lx[a]\|\|a}`]:a},I(cn,{size:t,themeColor:o})),role:"status","aria-label":i["aria-label"]\|\|"Loading",children:Ti("div",{className:"k-loader-canvas",children:[a==="pulsing"&&Ti(mn,{children:[l,l]}),a==="infinite-spinner"&&Ti(mn,{children:[l,l,l]}),a==="converging-spinner"&&Ti(mn,{children:[l,l,l,l]})]})})};se.states=kx;se.options=Mx;se.className=cn;se.defaultOptions=pd;se.moduleName=Va;se.folderName=Ci;var md=se;import{jsx as un,jsxs as cd}from"react/jsx-runtime";var fn="k-loader-container",Ix=[],Sx={size:[s.undefined,s.small,s.medium,s.large],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary]},Oi={loaderType:"pulsing",position:"top",panel:!1},fo=e=>{let{size:t,themeColor:o,loaderType:a=Oi.loaderType,position:i=Oi.position,panel:l=Oi.panel,...p}=e;return cd("div",{...p,className:n(e.className,fn,I(fn,{size:t}),{[`k-loader-${i}`]:i}),role:"status","aria-live":"polite","aria-label":p["aria-label"]\|\|"Loading",children:[un(Tl,{className:"k-loader-container-overlay"}),cd("div",{className:n("k-loader-container-inner",{"k-loader-container-panel":l}),children:[un(md,{size:t,themeColor:o,animation:a}),un("div",{className:"k-loader-container-label",children:"Loading..."})]})]})};fo.states=Ix;fo.options=Sx;fo.className=fn;fo.defaultOptions=Oi;fo.moduleName=Va;fo.folderName=Ci;import{jsx as c3}from"react/jsx-runtime";import{jsx as x3}from"react/jsx-runtime";import{jsx as v3}from"react/jsx-runtime";import{jsx as I3}from"react/jsx-runtime";import{jsx as bn}from"react/jsx-runtime";var yx=se.options,Ex=se.states,Cx={...se.defaultOptions,variant:"infinite-spinner"},Tx=[{name:"infinite-spinner",title:"Infinite"},{name:"pulsing",title:"Pulsing"},{name:"converging-spinner",title:"Converging"}],Ox=[],oa=e=>{let{variant:t,...o}=e;switch(t){case"pulsing":return bn(se,{animation:"pulsing",...o});case"converging-spinner":return bn(se,{animation:"converging-spinner",...o});default:return bn(se,{animation:"infinite-spinner",...o})}};oa.options=yx;oa.states=Ex;oa.variants=Tx;oa.defaultOptions=Cx;oa.modifiers=Ox;oa.className=se.className;var ud="image-editor",fd="imageeditor";import{Fragment as bd,jsx as Ct,jsxs as Xa}from"react/jsx-runtime";var xn="k-imageeditor",Ax=[],Bx={},Rx={},ae=e=>{let{toolbarItems:t,actionPane:o,sidebarItems:a,placeholder:i,contentHeight:l,exporting:p,adaptive:m,sidebarScrollable:f,sidebarScrollingPosition:x,children:h,...N}=e,u=Ct("div",{className:"k-imageeditor-canvas-container",children:i??Ct("div",{className:"k-imageeditor-canvas",children:h})}),k=o&&Ct("div",{className:"k-imageeditor-action-pane",children:o}),g=Ct(sd,{sidebarItems:a,scrollable:f,scrollingPosition:x});return Xa("div",{...N,className:n(e.className,xn,{[`${xn}-adaptive`]:m}),children:[Ct("div",{className:"k-imageeditor-header",children:Ct(ta,{toolbarItems:t})}),Ct("div",{className:"k-imageeditor-content",style:{height:l},children:m?Xa(bd,{children:[u,k,g]}):Xa(bd,{children:[g,k,u]})}),p&&Xa("div",{className:"k-loader-container k-loader-top",role:"status","aria-live":"polite","aria-label":"Exporting",children:[Ct(ft,{className:"k-loader-container-overlay"}),Xa("div",{className:"k-loader-container-inner k-loader-container-panel",children:[Ct(se,{animation:"pulsing",themeColor:"base",size:"medium","aria-label":"Exporting"}),Ct("div",{className:"k-loader-container-label",children:"Exporting"})]})]})]})};ae.states=Ax;ae.options=Bx;ae.className=xn;ae.defaultOptions=Rx;ae.moduleName=ud;ae.folderName=fd;import{Fragment as Q3,jsx as Y3,jsxs as Z3}from"react/jsx-runtime";import{jsx as aa,jsxs as xd}from"react/jsx-runtime";var hd="k-imageeditor-pane",Px=[],wx={},Kx={},fe=e=>{let{title:t,actions:o,adaptive:a,children:i,...l}=e;return xd("div",{...l,className:n(e.className,hd),children:[xd("div",{className:"k-imageeditor-pane-header",children:[a&&aa(d,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"}),aa("div",{className:"k-imageeditor-pane-title",children:t}),a?aa(d,{fillMode:"flat",icon:"check","aria-label":"Confirm",title:"Confirm"}):aa(d,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"})]}),aa("div",{className:"k-imageeditor-pane-content",children:i}),!a&&o&&aa(Ye,{alignment:"end",className:"k-imageeditor-pane-footer",children:o})]})};fe.states=Px;fe.options=wx;fe.className=hd;fe.moduleName=null;fe.folderName=null;fe.defaultOptions=Kx;import{jsx as Hx}from"react/jsx-runtime";var hn="k-imageeditor-option-preview",zx=[r.hover,r.focus,r.selected],Dx={},_x={},Ne=e=>{let{label:t,hover:o,focus:a,selected:i,children:l,...p}=e;return Hx("div",{...p,className:n(e.className,hn,E(hn,{hover:o,focus:a,selected:i})),role:"button","aria-pressed":i?"true":"false",children:l??t})};Ne.states=zx;Ne.options=Dx;Ne.className=hn;Ne.moduleName=null;Ne.folderName=null;Ne.defaultOptions=_x;import{jsx as Nd}from"react/jsx-runtime";var Wa="k-imageeditor-option-list",Ai={scrollable:!1,scrollableStart:!1,scrollableEnd:!1},bo=e=>{let{scrollable:t=Ai.scrollable,scrollableStart:o=Ai.scrollableStart,scrollableEnd:a=Ai.scrollableEnd,children:i,...l}=e;return Nd("div",{...l,className:n(e.className,Wa,{[`${Wa}-scrollable`]:t,[`${Wa}-scrollable-start`]:o,[`${Wa}-scrollable-end`]:a}),children:Nd("div",{className:"k-imageeditor-option-list-items",children:i})})};bo.className=Wa;bo.moduleName=null;bo.folderName=null;bo.defaultOptions=Ai;import{Fragment as Ux,jsx as gd,jsxs as Gx}from"react/jsx-runtime";var Fx={},Ja=e=>{let{label:t,style:o,children:a}=e;return Gx(Ux,{children:[gd("span",{"aria-hidden":"true",style:{position:"relative",display:"block",width:"100%",height:"40px",borderRadius:"2px",backgroundImage:"url('/packages/html/assets/sofia.jpg')",backgroundSize:"cover",boxSizing:"border-box",...o},children:a}),t&&gd("span",{className:"k-imageeditor-preview-thumbnail-label",children:t})]})};Ja.moduleName=null;Ja.folderName=null;Ja.defaultOptions=Fx;import{Fragment as $x,jsx as Kt,jsxs as Vx}from"react/jsx-runtime";var vd={variant:"crop"},zt=e=>{let{variant:t=vd.variant,grid:o}=e,a=t==="crop"?"k-resize-handle":"k-scale-handle",i=t==="scale"?"k-scale-handle":"k-resize-handle";return Vx($x,{children:[o&&Kt("div",{className:"k-imageeditor-crop-grid"}),Kt("span",{className:`${a} k-resize-nw`}),Kt("span",{className:`${a} k-resize-ne`}),Kt("span",{className:`${a} k-resize-sw`}),Kt("span",{className:`${a} k-resize-se`}),Kt("span",{className:`${i} k-resize-n`}),Kt("span",{className:`${i} k-resize-s`}),Kt("span",{className:`${i} k-resize-w`}),Kt("span",{className:`${i} k-resize-e`})]})};zt.moduleName=null;zt.folderName=null;zt.defaultOptions=vd;import{jsx as v5}from"react/jsx-runtime";var Ld="form",kd="forms";import{Fragment as Md,jsx as Bi,jsxs as Jx}from"react/jsx-runtime";var Ri="k-form",Xx=[],Wx={size:[s.undefined,s.small,s.medium,s.large]},Nn={layout:"basic",tag:"form"},F=e=>{let{size:t,orientation:o,layout:a=Nn.layout,formButtons:i,cols:l,gutters:p,tag:m=Nn.tag,children:f,style:x}=e,h=m,N=n(e.className,Ri,I(Ri,{size:t}),{[`${Ri}-${o}`]:o}),u=Jx(Md,{children:[a==="grid"?Bi("div",{className:n("k-form-layout","k-d-grid",{[`k-grid-cols-${l}`]:l}),style:{...typeof p=="string"&&{gap:p},...typeof p=="object"&&p.rows&&{rowGap:p.rows},...typeof p=="object"&&p.cols&&{columnGap:p.cols},...x},children:f}):Bi(Md,{children:f}),i&&Bi("div",{className:"k-form-buttons",children:i})]}),{role:k,"aria-labelledby":g,"aria-label":M,id:S}=e;return Bi(h,{className:N,role:k,"aria-labelledby":g,"aria-label":M,id:S,children:u})};F.states=Xx;F.options=Wx;F.className=Ri;F.defaultOptions=Nn;F.moduleName=Ld;F.folderName=kd;var Id="label",Sd="label";import{jsx as yd,jsxs as Qx}from"react/jsx-runtime";var gn="k-label",qx=[r.disabled],Yx={},Zx={},qt=e=>{let{disabled:t,optional:o,info:a,text:i,children:l,...p}=e;return Qx("label",{...p,className:n(e.className,gn,E(gn,{disabled:t})),children:[i\|\|l,o&&yd("span",{className:"k-label-optional",children:"(Optional)"}),a&&yd("span",{className:"k-field-info",children:a})]})};qt.states=qx;qt.options=Yx;qt.className=gn;qt.defaultOptions=Zx;qt.moduleName=Id;qt.folderName=Sd;import{jsx as oh}from"react/jsx-runtime";var Ed="k-form-hint",jx=[],eh={},th={},dt=e=>{let{text:t,children:o,...a}=e;return oh("div",{...a,className:n(e.className,Ed),children:t\|\|o})};dt.states=jx;dt.options=eh;dt.className=Ed;dt.defaultOptions=th;import{jsx as nh}from"react/jsx-runtime";var Cd="k-form-error",ah=[],ih={},rh={},pt=e=>{let{text:t,children:o,...a}=e;return nh("div",{...a,className:n(e.className,Cd),children:t\|\|o})};pt.states=ah;pt.options=ih;pt.className=Cd;pt.defaultOptions=rh;import{jsx as Pi,jsxs as Td}from"react/jsx-runtime";var vn="k-form-field",lh=[r.disabled],X=e=>{let{editorId:t,label:o,orientation:a,optional:i,editor:l,hint:p,error:m,info:f,disabled:x,dir:h,colSpan:N,...u}=e;return Td("div",{...u,className:n(vn,e.className,E(vn,{disabled:x}),{[`k-col-span-${N}`]:N}),dir:h,children:[o&&Pi(qt,{className:"k-form-label",id:t?`${t}-label`:void 0,htmlFor:t\|\|void 0,optional:i,info:f?"(field info)":void 0,children:o}),a==="horizontal"&&!o&&Pi("span",{className:"k-label k-form-label k-label-empty"}),Td("div",{className:"k-form-field-wrap",children:[l,p&&Pi(dt,{id:t?`${t}-hint`:void 0,children:p}),m&&Pi(pt,{id:t?`${t}-error`:void 0,children:m})]})]})};X.states=lh;X.className=vn;import{Fragment as sh,jsx as Ln,jsxs as dh}from"react/jsx-runtime";var Od="k-form-fieldset",Be=e=>{let{legend:t,layout:o,cols:a,gutters:i,colSpan:l}=e;return dh("fieldset",{className:n(Od,{[`k-col-span-${l}`]:l}),children:[t&&Ln("legend",{className:"k-form-legend",children:t}),o==="grid"?Ln("div",{className:n("k-form-layout","k-d-grid",{[`k-grid-cols-${a}`]:a}),style:{...typeof i=="string"&&{gap:i},...typeof i=="object"&&i.rows&&{rowGap:i.rows},...typeof i=="object"&&i.cols&&{columnGap:i.cols}},children:e.children}):Ln(sh,{children:e.children})]})};Be.className=Od;var xo="radio",ia=xo;import{jsx as Ad}from"react/jsx-runtime";var wi="k-radio",ph=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked],mh={size:[s.undefined,s.small,s.medium,s.large]},ch={},Xe=e=>{let{id:t,checked:o,hover:a,focus:i,disabled:l,invalid:p,valid:m,required:f,size:x,...h}=e;return Ad("span",{className:"k-radio-wrap",children:Ad("input",{...h,id:t,type:"radio",checked:o,required:f,disabled:l\|\|void 0,"aria-invalid":p?"true":void 0,className:n(e.className,wi,I(wi,{size:x}),E(wi,{hover:a,focus:i,disabled:l,invalid:p,valid:m,checked:o}))})})};Xe.states=ph;Xe.options=mh;Xe.className=wi;Xe.defaultOptions=ch;Xe.moduleName=xo;Xe.folderName=ia;var mt=Xe;import{jsx as bh}from"react/jsx-runtime";var Bd="k-radio-list",uh=[],fh={},Rd={layout:"vertical"},ie=e=>{let{layout:t=Rd.layout,...o}=e;return bh("ul",{...o,className:n(e.className,Bd,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};ie.states=uh;ie.options=fh;ie.className=Bd;ie.defaultOptions=Rd;ie.moduleName=xo;ie.folderName=ia;import{jsx as gh}from"react/jsx-runtime";var Pd="k-radio-list-item",xh=[],hh={},Nh={},j=e=>{let{...t}=e;return gh("li",{...t,className:n(e.className,Pd),role:"none",children:e.children})};j.states=xh;j.options=hh;j.className=Pd;j.defaultOptions=Nh;j.moduleName=xo;j.folderName=ia;import{jsx as s6}from"react/jsx-runtime";import{Fragment as vh,jsx as wd,jsxs as Lh}from"react/jsx-runtime";var Re=({children:e,id:t,...o})=>Lh(vh,{children:[wd(mt,{...o,id:t}),wd("label",{className:"k-radio-label",htmlFor:t,children:e})]});import{Fragment as x6,jsx as b6,jsxs as h6}from"react/jsx-runtime";import{Fragment as M6,jsx as L6,jsxs as k6}from"react/jsx-runtime";import{Fragment as C6,jsx as E6,jsxs as T6}from"react/jsx-runtime";import{Fragment as P6,jsx as R6,jsxs as w6}from"react/jsx-runtime";import{Fragment as U6,jsx as F6,jsxs as G6}from"react/jsx-runtime";import{jsx as W6}from"react/jsx-runtime";import{jsx as Ch}from"react/jsx-runtime";var Mh=mt.options,Ih=mt.states,Sh=mt.defaultOptions,yh=[],Eh=[],ra=e=>Ch(Re,{id:C("radio"),name:"value",...e,children:"Label"});ra.options=Mh;ra.states=Ih;ra.variants=yh;ra.defaultOptions=Sh;ra.modifiers=Eh;ra.className=mt.className;import{jsx as ct,jsxs as Kd}from"react/jsx-runtime";var Th=ie.options,Oh=ie.states,Ah={...ie.defaultOptions,variant:"vertical"},Bh=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Rh=[],na=e=>{let{variant:t,...o}=e;return t==="horizontal"?Kd(ie,{layout:"horizontal",...o,children:[ct(j,{children:ct(Re,{id:C("rb"),name:"value",defaultChecked:!0,children:"Label"})}),ct(j,{children:ct(Re,{id:C("rb"),name:"value",children:"Label"})}),ct(j,{children:ct(Re,{id:C("rb"),name:"value",children:"Label"})})]}):Kd(ie,{...o,children:[ct(j,{children:ct(Re,{id:C("rb"),name:"value",defaultChecked:!0,children:"Label"})}),ct(j,{children:ct(Re,{id:C("rb"),name:"value",children:"Label"})}),ct(j,{children:ct(Re,{id:C("rb"),name:"value",children:"Label"})})]})};na.options=Th;na.states=Oh;na.variants=Bh;na.defaultOptions=Ah;na.modifiers=Rh;na.className=ie.className;import{Fragment as T4,jsx as C4,jsxs as O4}from"react/jsx-runtime";import{Fragment as _4,jsx as D4,jsxs as H4}from"react/jsx-runtime";import{Fragment as W4,jsx as X4,jsxs as J4}from"react/jsx-runtime";var zd="date-input",Dd="dateinput";import{jsx as qa,jsxs as zh}from"react/jsx-runtime";var _d="k-dateinput",Ph=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],wh={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Kh={},We=e=>{let{size:t,rounded:o,fillMode:a,value:i,placeholder:l,hover:p,focus:m,valid:f,invalid:x,required:h,loading:N,disabled:u,readonly:k,showClearButton:g,showSpinButton:M,id:S,"aria-label":y,"aria-describedby":A,...U}=e;return zh(G,{...U,size:t,rounded:o,fillMode:a,hover:p,focus:m,valid:f,invalid:x,required:h,loading:N,disabled:u,readonly:k,className:n(e.className,_d),children:[qa(ce,{id:S,placeholder:l,value:i,disabled:u,"aria-label":y,"aria-describedby":A,"aria-invalid":x?"true":void 0}),qa(te,{valid:f,invalid:x,loading:N,disabled:u}),qa(re,{loading:N,disabled:u}),g&&qa(me,{loading:N,disabled:u,readonly:k,value:i}),M&&qa(kt,{className:"k-input-spinner",size:t,fillMode:a,disabled:u})]})};We.states=Ph;We.options=wh;We.className=_d;We.defaultOptions=Kh;We.moduleName=zd;We.folderName=Dd;var kn=We;import{jsx as Dh}from"react/jsx-runtime";var Hd=e=>Dh(kn,{...e});import{jsx as s7}from"react/jsx-runtime";import{jsx as $h}from"react/jsx-runtime";var _h=We.options,Hh=We.states,Fh=We.defaultOptions,Uh=[{name:"spin-button",title:"`Spin` Button"}],Gh=[],la=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{i==="spin-button"&&(a.showSpinButton=!!t?.[i])}),$h(Hd,{value:"2/04/2021",style:{width:"300px"},...o,...a})};la.options=_h;la.states=Hh;la.variants=Gh;la.defaultOptions=Fh;la.modifiers=Uh;la.className=We.className;var Fd="masked-textbox",Ud="maskedtextbox";import{Fragment as Gd,jsx as Yt,jsxs as Mn}from"react/jsx-runtime";var $d="k-maskedtextbox",Vh=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Xh={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},In={showClearButton:!0,separators:!0},Je=e=>{let{size:t,rounded:o,fillMode:a,separators:i=In.separators,showClearButton:l=In.showClearButton,prefix:p,suffix:m,value:f,placeholder:x,hover:h,focus:N,valid:u,invalid:k,required:g,loading:M,disabled:S,readonly:y,id:A,"aria-label":U,"aria-describedby":Y,...ee}=e;return Mn(G,{...ee,size:t,rounded:o,fillMode:a,hover:h,focus:N,valid:u,invalid:k,required:g,loading:M,disabled:S,readonly:y,className:n(e.className,$d),children:[p&&Mn(Gd,{children:[Yt(be,{children:p}),i&&Yt(oe,{})]}),Yt(ce,{id:A,placeholder:x,value:f,disabled:S,"aria-label":U,"aria-describedby":Y,"aria-invalid":k?"true":void 0}),Yt(te,{valid:u,invalid:k,loading:M,disabled:S}),Yt(re,{loading:M,disabled:S}),l&&Yt(me,{loading:M,disabled:S,readonly:y,value:f}),m&&Mn(Gd,{children:[i&&Yt(oe,{}),Yt(xe,{children:m})]})]})};Je.states=Vh;Je.options=Xh;Je.className=$d;Je.defaultOptions=In;Je.moduleName=Fd;Je.folderName=Ud;var sa=Je;import{jsx as Wh}from"react/jsx-runtime";var Vd=e=>Wh(sa,{...e});import{Fragment as R7,jsx as B7}from"react/jsx-runtime";import{Fragment as _7,jsx as D7}from"react/jsx-runtime";import{jsx as G7}from"react/jsx-runtime";import{jsx as W7}from"react/jsx-runtime";import{jsx as Sn}from"react/jsx-runtime";var Jh=Je.states,qh=Je.defaultOptions,Yh=Je.options,Zh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Qh=[],da=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Sn(V,{size:o.size,value:"Choose",fillMode:"flat"}):void 0;break;case"suffix":a.suffix=t?.[i]?Sn(L,{icon:"lock"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;default:break}}),Sn(Vd,{value:"Value",style:{width:300},...o,...a})};da.options=Yh;da.states=Jh;da.variants=Qh;da.defaultOptions=qh;da.modifiers=Zh;da.className=Je.className;var yn="switch",Xd=yn;import{jsx as Ki,jsxs as Wd}from"react/jsx-runtime";var Zt="k-switch",jh=[r.hover,r.focus,r.disabled,r.readonly,r.checked],eN={size:[s.undefined,s.small,s.medium,s.large],trackRounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],thumbRounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full]},tN={},De=e=>{let{checked:t,onLabel:o,offLabel:a,size:i,trackRounded:l,thumbRounded:p,hover:m,focus:f,disabled:x,readonly:h,...N}=e;return Wd("span",{...N,className:n(e.className,Zt,I(Zt,{size:i}),E(Zt,{hover:m,focus:f,disabled:x,readonly:h}),{[`${Zt}-on`]:t,[`${Zt}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:x?void 0:0,"aria-disabled":x?"true":void 0,"aria-readonly":h?"true":void 0,children:[Wd("span",{className:n("k-switch-track",I(Zt,{rounded:l})),children:[o&&Ki("span",{className:"k-switch-label-on",children:o}),a&&Ki("span",{className:"k-switch-label-off",children:a})]}),Ki("span",{className:"k-switch-thumb-wrap",children:Ki("span",{className:n("k-switch-thumb",I(Zt,{rounded:p}))})})]})};De.states=jh;De.options=eN;De.className=Zt;De.defaultOptions=tN;De.moduleName=yn;De.folderName=Xd;import{jsx as h9}from"react/jsx-runtime";import{jsx as L9}from"react/jsx-runtime";import{jsx as S9}from"react/jsx-runtime";import{jsx as T9}from"react/jsx-runtime";import{jsx as Jd}from"react/jsx-runtime";var oN=De.options,aN=De.states,iN={...De.defaultOptions,variant:"on"},rN=[{name:"on",title:"On"},{name:"off",title:"Off"}],nN=[],pa=e=>{let{variant:t,...o}=e;return t==="off"?Jd(De,{checked:!1,onLabel:"On",offLabel:"Off",...o}):Jd(De,{checked:!0,onLabel:"On",offLabel:"Off",...o})};pa.options=oN;pa.states=aN;pa.variants=rN;pa.defaultOptions=iN;pa.modifiers=nN;pa.className=De.className;var Cn="textarea",qd=Cn;import{Fragment as Yd,jsx as Ya,jsxs as Tn}from"react/jsx-runtime";var Zd="k-textarea",lN=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],sN={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},ma={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},_e=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:i=ma.prefixSeparator,suffixSeparator:l=ma.prefixSeparator,affixesOrientation:p=ma.affixesOrientation,flow:m=ma.flow,resize:f=ma.resize,prefix:x,suffix:h,rows:N,value:u,placeholder:k,hover:g,focus:M,valid:S,invalid:y,required:A,disabled:U,id:Y,"aria-label":ee,"aria-describedby":de,...pe}=e;return Tn(G,{...pe,size:t,rounded:o,fillMode:a,hover:g,focus:M,valid:S,invalid:y,required:A,disabled:U,className:n(e.className,Zd,{"!k-flex-col":m==="vertical","!k-flex-row":m==="horizontal"}),children:[x&&Tn(Yd,{children:[Ya(be,{className:n({"!k-align-items-start":m===p}),direction:p,children:x}),i&&Ya(oe,{direction:m==="horizontal"?"vertical":"horizontal"})]}),Ya(Ta,{className:n("!k-overflow-auto",{"!k-flex-none":m==="vertical","k-resize-x":f==="x","k-resize-y":f==="y","k-resize":f==="both","k-resize-none":f==="none"}),value:u,placeholder:k,rows:N,disabled:U,id:Y,"aria-label":ee,"aria-describedby":de,"aria-invalid":y?"true":void 0}),h&&Tn(Yd,{children:[l&&Ya(oe,{direction:m==="horizontal"?"vertical":"horizontal"}),Ya(xe,{className:n({"!k-align-items-start":m===p}),direction:p,children:h})]})]})};_e.states=lN;_e.options=sN;_e.className=Zd;_e.defaultOptions=ma;_e.moduleName=Cn;_e.folderName=qd;import{jsx as Y9}from"react/jsx-runtime";import{Fragment as oU,jsx as tU}from"react/jsx-runtime";import{Fragment as sU,jsx as lU}from"react/jsx-runtime";import{jsx as cU}from"react/jsx-runtime";import{jsx as zi}from"react/jsx-runtime";var dN=_e.options,pN=_e.states,Qd={..._e.defaultOptions,variant:"vertical"},mN=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],cN=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],ca=e=>{let{variant:t,modifiers:o,...a}={...Qd,...e},i={resize:"y"};return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"prefix":i.prefix=o?.[l]?zi(L,{icon:"comment"}):void 0;break;case"suffix":i.suffix=o?.[l]?zi(L,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?zi(_e,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...i}):zi(_e,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...i})};ca.options=dN;ca.states=pN;ca.variants=mN;ca.defaultOptions=Qd;ca.modifiers=cN;ca.className=_e.className;import{Fragment as KU,jsx as wU,jsxs as zU}from"react/jsx-runtime";import{Fragment as NN,jsx as Pe,jsxs as ua}from"react/jsx-runtime";var uN=F.options,fN=F.states,bN={...F.defaultOptions,variant:"vertical"},xN=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],hN=[],fa=e=>{let{variant:t,size:o,...a}=e,i=ua(Be,{legend:"Form Legend",children:[Pe(X,{label:"Label",editor:Pe(H,{size:o})}),Pe(X,{label:"Label",hint:"Hint text",editor:Pe(V,{value:"Dropdown List",size:o})}),Pe(X,{label:"City",editor:ua("ul",{className:"k-radio-list k-list-horizontal",children:[ua("li",{className:"k-radio-list-item",children:[Pe(Xe,{checked:!0,size:o}),Pe("label",{className:"k-radio-label",children:"Label"})]}),ua("li",{className:"k-radio-list-item",children:[Pe(Xe,{size:o}),Pe("label",{className:"k-radio-label",children:"Label"})]}),ua("li",{className:"k-radio-list-item",children:[Pe(Xe,{size:o}),Pe("label",{className:"k-radio-label",children:"Label"})]})]})})]}),l=ua(NN,{children:[Pe(d,{className:"k-form-submit",themeColor:"primary",size:o,children:"Submit"}),Pe(d,{className:"k-form-clear",size:o,children:"Clear"})]});return t==="horizontal"?Pe(F,{orientation:"horizontal",size:o,...a,formButtons:l,children:i}):Pe(F,{size:o,...a,formButtons:l,children:i})};fa.options=uN;fa.states=fN;fa.variants=xN;fa.defaultOptions=bN;fa.modifiers=hN;fa.className=F.className;import{jsx as jd,jsxs as MN}from"react/jsx-runtime";var gN=dt.options,vN=dt.states,ep={...dt.defaultOptions},LN=[],kN=[{name:"showHint",title:"Show Hint"}],ba=e=>{let{modifiers:t,...o}={...ep,...e},a=t?.showHint??!0;return MN("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[jd(H,{placeholder:"Component",style:{width:"200px"}}),a&&jd(dt,{...o,children:"Hint text"})]})};ba.options=gN;ba.states=vN;ba.variants=LN;ba.defaultOptions=ep;ba.modifiers=kN;ba.className=dt.className;import{jsx as tp,jsxs as CN}from"react/jsx-runtime";var IN=pt.options,SN=pt.states,op={...pt.defaultOptions},yN=[],EN=[{name:"showError",title:"Show Error"}],xa=e=>{let{modifiers:t,...o}={...op,...e},a=t?.showError??!0;return CN("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[tp(H,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&tp(pt,{...o,children:"Error text"})]})};xa.options=IN;xa.states=SN;xa.variants=yN;xa.defaultOptions=op;xa.modifiers=EN;xa.className=pt.className;var An="tooltip",ap=An;import{jsx as Za,jsxs as ip}from"react/jsx-runtime";var Bn="k-tooltip",TN=[],ON={themeColor:[v.undefined,v.base,v.inverse,v.info,v.success,v.warning,v.error]},rp={closable:!1},He=e=>{let{closable:t=rp.closable,callout:o,themeColor:a,title:i,content:l,icon:p,id:m=C("tooltip"),...f}=e;return ip("div",{...f,className:n(e.className,Bn,I(Bn,{themeColor:a}),{"k-tooltip-closable":t}),role:"tooltip",id:m,children:[p&&Za(L,{className:"k-tooltip-icon",icon:p}),ip("div",{className:"k-tooltip-content",children:[i&&Za("div",{className:"k-tooltip-title",children:i}),l]}),t&&Za("div",{className:"k-tooltip-button",role:"button","aria-label":"Close",tabIndex:0,children:Za(L,{icon:"x"})}),o&&Za("div",{className:n("k-callout",{[`k-callout-${Fn.calloutMap[o]\|\|o}`]:o})})]})};He.states=TN;He.options=ON;He.className=Bn;He.defaultOptions=rp;He.moduleName=An;He.folderName=ap;var Rn=He;import{jsx as AN}from"react/jsx-runtime";var np=e=>AN(Rn,{content:"Tooltip Content",...e});import{jsx as TG}from"react/jsx-runtime";import{jsx as Pn,jsxs as wN}from"react/jsx-runtime";var BN={...He.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},RN=He.states,lp={...He.defaultOptions,callout:"top"},PN=[],ha=e=>{let{callout:t="top",...o}={...lp,...e},a={none:{top:"-33px",left:"-17px",calloutDirection:null},right:{top:"2px",left:"61px",calloutDirection:"left"},left:{top:"2px",left:"-94px",calloutDirection:"right"},bottom:{top:"38px",left:"-17px",calloutDirection:"top"},top:{top:"-33px",left:"-17px",calloutDirection:"bottom"}},{top:i,left:l,calloutDirection:p}=a[t]\|\|{};return wN("div",{style:{position:"absolute"},children:[Pn(qe,{style:{top:i,left:l},children:Pn(np,{style:{width:"86px",textAlign:"center"},callout:p,content:"Content",...o})}),Pn(d,{text:"Show"})]})};ha.options=BN;ha.states=RN;ha.variants=PN;ha.defaultOptions=lp;ha.modifiers=[];ha.className=He.className;import{Fragment as jG,jsx as QG,jsxs as e8}from"react/jsx-runtime";import{Fragment as m8,jsx as p8,jsxs as c8}from"react/jsx-runtime";import{jsx as g8}from"react/jsx-runtime";var wn="floating-toolbar",sp=wn;import{jsx as Di,jsxs as HN}from"react/jsx-runtime";var Kn="k-floating-toolbar",KN="k-floating-toolbar-drag-handle",zN=[],DN={size:[s.undefined,s.small,s.medium,s.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},_N={scrollButtons:"around"},Dt=e=>{let{size:t,fillMode:o,resizable:a,scrollable:i,scrollButtons:l,scrollingPosition:p,section:m,draggable:f,dragHandleAriaLabel:x="Drag to reposition",...h}=e,N=f?[Di("div",{className:KN,role:"button",tabIndex:0,"aria-label":x,children:Di(L,{icon:"handle-drag-dots"})},"drag-handle"),Di("div",{className:n("k-separator","k-separator-vertical")},"drag-handle-separator")]:[];return HN(W,{...h,className:n(e.className,Kn,I(Kn,{size:t,fillMode:o})),children:[N,Di(J,{size:t,fillMode:o,resizable:a,scrollable:i,scrollButtons:l,scrollingPosition:p,section:m,children:e.children})]})};Dt.states=zN;Dt.options=DN;Dt.className=Kn;Dt.defaultOptions=_N;Dt.moduleName=wn;Dt.folderName=sp;import{Fragment as G8,jsx as U8,jsxs as $8}from"react/jsx-runtime";var zn="segmented-control",dp=zn,pp="segmented-control-button",mp="segmented-control";import{jsx as GN,jsxs as $N}from"react/jsx-runtime";var _i="k-segmented-control",FN=[],UN={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full]},_t=e=>{let{size:t,rounded:o,stretched:a,children:i,thumbStyles:l,...p}=e;return $N("div",{...p,className:n(e.className,_i,I(_i,{size:t,rounded:o}),{[`${_i}-stretched`]:a}),role:"group",children:[GN("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:l}),i]})};_t.states=FN;_t.options=UN;_t.className=_i;_t.moduleName=zn;_t.folderName=dp;import{jsx as cp,jsxs as JN}from"react/jsx-runtime";var Dn="k-segmented-control-button",VN=[r.selected,r.hover,r.focus,r.disabled],XN={},WN={},Tt=e=>{let{hover:t,focus:o,selected:a,disabled:i,icon:l,text:p,iconClassName:m,...f}=e;return JN("button",{...f,className:n(e.className,Dn,E(Dn,{hover:t,focus:o,disabled:i,selected:a})),"aria-pressed":a?"true":"false","aria-disabled":i?"true":void 0,tabIndex:a?0:-1,children:[l&&cp(L,{className:n(m,"k-segmented-control-button-icon"),icon:l}),(p\|\|e.children)&&cp("span",{className:"k-segmented-control-button-text",children:p\|\|e.children})]})};Tt.states=VN;Tt.options=XN;Tt.className=Dn;Tt.defaultOptions=WN;Tt.moduleName=pp;Tt.folderName=mp;import{Fragment as n$,jsx as r$,jsxs as l$}from"react/jsx-runtime";import{Fragment as u$,jsx as c$,jsxs as f$}from"react/jsx-runtime";import{Fragment as v$,jsx as g$,jsxs as L$}from"react/jsx-runtime";import{Fragment as E$,jsx as y$,jsxs as C$}from"react/jsx-runtime";import{Fragment as P$,jsx as R$,jsxs as w$}from"react/jsx-runtime";import{Fragment as aV,jsx as oV,jsxs as iV}from"react/jsx-runtime";import{Fragment as NV,jsx as hV,jsxs as gV}from"react/jsx-runtime";import{Fragment as OV,jsx as TV,jsxs as AV}from"react/jsx-runtime";import{Fragment as UV,jsx as FV,jsxs as GV}from"react/jsx-runtime";import{Fragment as YV,jsx as qV,jsxs as ZV}from"react/jsx-runtime";import{Fragment as lX,jsx as rX,jsxs as nX}from"react/jsx-runtime";import{Fragment as vX,jsx as NX,jsxs as gX}from"react/jsx-runtime";import{Fragment as BX,jsx as AX,jsxs as RX}from"react/jsx-runtime";import{Fragment as up,jsx as T,jsxs as Na}from"react/jsx-runtime";var qN=[T(d,{fillMode:"flat",icon:"image-resize","aria-label":"Resize"},"sidebar-button-1"),T(d,{fillMode:"flat",icon:"crop",selected:!0,"aria-label":"Crop"},"sidebar-button-2"),T(d,{fillMode:"flat",icon:"rotate","aria-label":"Rotate"},"sidebar-button-3"),T("div",{className:"k-separator"},"sidebar-separator-1"),T(d,{fillMode:"flat",icon:"free-text","aria-label":"Text"},"sidebar-button-4"),T(d,{fillMode:"flat",icon:"shapes","aria-label":"Shapes"},"sidebar-button-5"),T("div",{className:"k-separator"},"sidebar-separator-2"),T(d,{fillMode:"flat",icon:"drop-half-pixelated","aria-label":"Blur"},"sidebar-button-6"),T(d,{fillMode:"flat",icon:"sliders-horizontal","aria-label":"Adjustments"},"sidebar-button-7"),T(d,{fillMode:"flat",icon:"circles-three-intersecting","aria-label":"Filters"},"sidebar-button-8"),T("div",{className:"k-separator"},"sidebar-separator-3"),T(d,{fillMode:"flat",icon:"frame-corners","aria-label":"Frame"},"sidebar-button-9"),T(d,{fillMode:"flat",icon:"circle-half-tilted","aria-label":"Shadow"},"sidebar-button-10")],cW=e=>T(ae,{sidebarItems:qN,actionPane:T(fe,{title:"Crop",actions:Na(up,{children:[T(d,{children:"Reset"}),T(d,{themeColor:"primary",children:"Apply"})]}),children:Na(F,{tag:"div",children:[T(X,{label:"Orientation",editor:Na(ie,{layout:"horizontal",children:[T(j,{children:T(Re,{id:"crop-orientation-landscape",name:"crop-orientation",checked:!0,children:"Landscape"})}),T(j,{children:T(Re,{id:"crop-orientation-portrait",name:"crop-orientation",children:"Portrait"})})]})}),T(X,{label:"Aspect Ratio",editor:Na(bo,{scrollable:!0,scrollableEnd:!0,children:[T(Ne,{children:T("span",{className:"k-imageeditor-option-label",children:"Original"})}),T(Ne,{children:T("span",{className:"k-imageeditor-option-label",children:"1:1"})}),T(Ne,{children:T("span",{className:"k-imageeditor-option-label",children:"3:2"})}),T(Ne,{children:T("span",{className:"k-imageeditor-option-label",children:"4:3"})}),T(Ne,{children:T("span",{className:"k-imageeditor-option-label",children:"5:4"})}),T(Ne,{children:T("span",{className:"k-imageeditor-option-label",children:"7:5"})}),T(Ne,{children:T("span",{className:"k-imageeditor-option-label",children:"16:9"})}),T(Ne,{children:T("span",{className:"k-imageeditor-option-label",children:"Custom"})})]})}),Na(Be,{layout:"grid",cols:2,gutters:{cols:"8px"},children:[T(X,{label:"Width",editorId:"crop-width",editor:T(P,{id:"crop-width",showClearButton:!1,value:"400",prefix:T(L,{icon:"arrows-left-right"})})}),T(X,{label:"Height",editorId:"crop-height",editor:T(P,{id:"crop-height",showClearButton:!1,value:"360",prefix:T(L,{icon:"arrows-top-bottom"})})})]}),T(X,{editor:T(tt,{id:"crop-lock",checked:!0,children:"Lock Aspect Ratio"})})]})}),children:Na(up,{children:[T("canvas",{width:"61",height:"68",role:"img","aria-label":"Image being edited"}),T("div",{className:"k-imageeditor-crop-overlay",children:T("div",{className:"k-imageeditor-crop",style:{width:"61px",height:"68px"},children:T(zt,{variant:"crop",grid:!0})})})]}),...e});export{cW as ImageEditorCrop};