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

package/dist/esm/colorgradient/demos/colorgradient.mjs

@@ -1 +1 @@
-var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,i)=>t[i]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var O=(e,t)=>s({[`${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:i,hover:a,focus:r,checked:d,active:c,selected:m,disabled:u,indeterminate:f,loading:v,empty:S,readonly:k,highlighted:C,...T}=t;return s({"k-valid":o,"k-invalid":i,"k-hover":a,"k-focus":r,"k-checked":d,"k-active":c,"k-selected":m,"k-disabled":u,"k-indeterminate":f&&!d,"k-loading":v,"k-empty":S,"k-readonly":k,"k-highlighted":C},Object.keys(T).reduce((g,A)=>(A.startsWith("k-")?g[A]=T[A]:g[`k-${A}`]=T[A],g),{}))};function Vo(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(i=>[`k-${i}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={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"},ce={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var Bt={};function K(e){return Bt[e]=(Bt[e]||0)+1,`k-${e}-${Bt[e]}`}import{Fragment as Si,jsx as Fo}from"react/jsx-runtime";var zt="k-font-icon",Ni=[],vi={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Li={},nt=e=>{let{size:t,themeColor:o,icon:i,rotate:a,flip:r,...d}=e;return i?Fo("span",{...d,className:s(e.className,zt,O(zt,{size:t}),{[`k-i-${i}`]:i,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true"}):Fo(Si,{})};nt.states=Ni;nt.options=vi;nt.className=zt;nt.defaultOptions=Li;var Go=nt;import{Fragment as ki,jsx as Lt}from"react/jsx-runtime";var Ut="k-svg-icon",gi=[],Ii={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[ce.outline,ce.solid,ce.duotone]},Vt={viewBox:"0 0 24 24",variant:ce.outline},st=e=>{let{size:t,themeColor:o,rotate:i,flip:a,viewBox:r=Vt.viewBox,variant:d=Vt.variant,icon:c,...m}=e;if(!c)return Lt(ki,{});if(c==="none")return Lt("span",{...m,className:s(e.className,Ut,O("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof c=="object"&&c.name&&c.name,f=typeof c=="object"?d&&c.variants?.[d]||c.variants?.outline||c.content:void 0;return Lt("span",{...m,className:s(e.className,Ut,O("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:Lt("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:r,dangerouslySetInnerHTML:f!==void 0?{__html:f}:void 0,children:c?void 0:e.children})})};st.states=gi;st.options=Ii;st.className=Ut;st.defaultOptions=Vt;var Ft=st;import*as Gt from"@progress/kendo-svg-icons";var Xo="icon",$o="icons";import{useContext as Ai}from"react";import{createContext as Ci}from"react";var Wo=Ci({iconsType:"svg"});import{Fragment as qo,jsx as rt}from"react/jsx-runtime";var St="k-icon",yi=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ti=[],Ei={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[ce.outline,ce.solid,ce.duotone]},gt={viewBox:"0 0 24 24",type:"svg",variant:ce.outline},I=e=>{let{iconsType:t}=Ai(Wo),{size:o,themeColor:i,icon:a,type:r=t||gt.type,rotate:d,flip:c,viewBox:m=gt.viewBox,variant:u=gt.variant,...f}=e;if(!a)return rt(qo,{});if((t||r)==="svg"){if(a==="none")return rt(Ft,{...f,className:s(e.className,St),icon:a,size:o,variant:u});let S=Gt[a]?a:yi(`${a}-icon`);return Gt[S]?rt(Ft,{...f,className:s(e.className,St),icon:Gt[S],size:o,themeColor:i,rotate:d,flip:c,viewBox:m,variant:u}):rt(qo,{})}return rt(Go,{...f,className:s(e.className,St),icon:a,size:o,themeColor:i,rotate:d,flip:c})};I.states=Ti;I.options=Ei;I.defaultOptions=gt;I.className=St;I.moduleName=Xo;I.folderName=$o;var Xt="button",Jo=Xt;import{Fragment as Yo,jsx as Pe,jsxs as Qo}from"react/jsx-runtime";var lt="k-button",Mi=["icon-button"],Oi=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Ri={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},$t={showArrow:!1,arrowIconName:"chevron-down"},N=e=>{let{as:t="button",size:o,rounded:i,fillMode:a,themeColor:r,showArrow:d=$t.showArrow,arrowIconName:c=$t.arrowIconName,variant:m,hover:u,focus:f,active:v,selected:S,disabled:k,togglable:C,ariaDisabled:T,icon:g,iconSize:A,text:_,iconClassName:B,className:Y,...de}=e,ie=g!=null,be=e.children!==void 0;return Qo(t,{className:s(Y,lt,Vo(lt,m),O(lt,{size:o,rounded:i,fillMode:a,themeColor:r}),E(lt,{hover:u,focus:f,active:v,disabled:k||T,selected:S}),{"k-icon-button":!_&&!be&&ie}),"aria-pressed":C?S?"true":"false":void 0,...de,"aria-disabled":T?"true":void 0,disabled:k||void 0,children:[typeof g=="string"&&g&&Pe(I,{className:s(B,"k-button-icon"),icon:g,size:A}),g&&typeof g!="string"&&Pe(Yo,{children:g}),_?Qo(Yo,{children:[_&&Pe("span",{className:"k-button-text",children:_}),e.children]}):e.children&&Pe("span",{className:"k-button-text",children:e.children}),d&&Pe("span",{className:"k-menu-button-arrow k-button-arrow",children:Pe(I,{icon:c})})]})};N.states=Oi;N.options=Ri;N.variants=Mi;N.className=lt;N.defaultOptions=$t;N.moduleName=Xt;N.folderName=Jo;import{jsx as Ki}from"react/jsx-runtime";var Zo=e=>Ki(N,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as _i}from"react/jsx-runtime";var jo=e=>_i(N,{icon:"folder",children:"Button",...e});import{jsx as wi}from"react/jsx-runtime";var Me=e=>wi(N,{children:"Button",...e});import{jsx as Wt}from"react/jsx-runtime";var Pi=N.options,Hi=N.states,Di={...N.defaultOptions,variant:"text"},Bi=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],zi=[],He=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Wt(Zo,{...o,icon:"star"});case"icon-and-text":return Wt(jo,{...o,icon:"star",children:"Button"});default:return Wt(Me,{...o,children:"Button"})}};He.options=Pi;He.states=Hi;He.variants=Bi;He.defaultOptions=Di;He.modifiers=zi;He.className=N.className;var qt="slider",ea=qt;import{jsx as De,jsxs as Jt}from"react/jsx-runtime";var dt="k-slider",Ui=[n.hover,n.focus,n.active,n.disabled,n.readonly],Vi={},Q={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},R=e=>{let{type:t=Q.type,orientation:o=Q.orientation,gradientType:i=Q.gradientType,readonly:a=Q.readonly,disabled:r=Q.disabled,handlePosition:d=Q.handlePosition,showButtons:c=Q.showButtons,showTicks:m=Q.showTicks,value:u=Q.value,min:f=Q.min,max:v=Q.max,startValue:S,endValue:k,hover:C,focus:T,active:g,trackStyle:A,dir:_,...B}=e,de=(()=>{if(t==="gradient"&&i==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ie,be;return o==="horizontal"?(ie=_==="rtl"?"chevron-left":"chevron-right",be=_==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ie="chevron-up",be="chevron-down"),Jt("div",{...B,className:s(dt,e.className,E(dt,{readonly:a,disabled:r}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:_,children:[c&&De(N,{className:"k-button-decrease",rounded:"full",icon:be,tabIndex:-1,title:"Decrease"}),Jt("div",{className:"k-slider-track-wrap",children:[m&&De("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Jt("div",{className:"k-slider-track",style:A,children:[De("div",{className:"k-slider-selection"}),t==="range"&&De("span",{className:s("k-draghandle","k-draghandle-start",E(dt,{hover:C,focus:T,active:g})),role:"slider",tabIndex:r?void 0:0,"aria-valuenow":S??f,"aria-valuemin":f,"aria-valuemax":k??v,"aria-orientation":de,"aria-disabled":r?"true":void 0,"aria-readonly":a?"true":void 0,"aria-label":B["aria-label"]?`${B["aria-label"]} start`:"Range start"}),De("span",{className:s("k-draghandle",`k-draghandle-${d}`,E(dt,{hover:C,focus:T,active:g})),role:"slider",tabIndex:r?void 0:0,"aria-valuenow":t==="range"?k??v:u,"aria-valuemin":t==="range"?S??f:f,"aria-valuemax":v,"aria-orientation":de,"aria-disabled":r?"true":void 0,"aria-readonly":a?"true":void 0,"aria-label":t==="range"?B["aria-label"]?`${B["aria-label"]} end`:"Range end":B["aria-label"]})]})]}),c&&De(N,{className:"k-button-increase",rounded:"full",icon:ie,tabIndex:-1,title:"Increase"})]})};R.states=Ui;R.options=Vi;R.className=dt;R.defaultOptions=Q;R.moduleName=qt;R.folderName=ea;import{jsx as ta}from"react/jsx-runtime";var oa="k-tick",Fi=[],Gi={},aa={label:!1},x=e=>{let{style:t,label:o=aa.label,orientation:i,large:a,text:r,...d}=e;return ta("li",{...d,role:"presentation",title:r||"Tick",className:s(e.className,oa,{[`k-tick-${i}`]:i,"k-tick-large":a}),style:t,children:o&&ta("span",{className:"k-label",children:r})})};x.states=Fi;x.options=Gi;x.className=oa;x.defaultOptions=aa;import{Fragment as Xi,jsx as Z,jsxs as $i}from"react/jsx-runtime";var ia=e=>Z(R,{"aria-label":e["aria-label"]||"Slider",children:$i(Xi,{children:[Z(x,{className:"k-first",label:!0,large:!0,text:"0"}),Z(x,{}),Z(x,{}),Z(x,{}),Z(x,{}),Z(x,{label:!0,large:!0,text:"5"}),Z(x,{}),Z(x,{}),Z(x,{}),Z(x,{}),Z(x,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Wi,jsx as j,jsxs as qi}from"react/jsx-runtime";var na=e=>j(R,{children:qi(Wi,{children:[j(x,{className:"k-first",label:!0,large:!0,text:"0"}),j(x,{}),j(x,{}),j(x,{}),j(x,{}),j(x,{label:!0,large:!0,text:"5"}),j(x,{}),j(x,{}),j(x,{}),j(x,{}),j(x,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as _d,jsx as Kd,jsxs as wd}from"react/jsx-runtime";import{Fragment as zd,jsx as Bd,jsxs as Ud}from"react/jsx-runtime";import{jsx as Ji}from"react/jsx-runtime";var Yt=e=>Ji(R,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Yi}from"react/jsx-runtime";var Qt=e=>Yi(R,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as Zd,jsx as Qd,jsxs as jd}from"react/jsx-runtime";import{Fragment as ic,jsx as ac,jsxs as nc}from"react/jsx-runtime";import{jsx as pe,jsxs as sa}from"react/jsx-runtime";var Qi=R.options,Zi=R.states,ra={...R.defaultOptions,variant:"horizontal",label:!0},ji=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],en=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Be=e=>{let{variant:t,modifiers:o,...i}=e,a=ra.label,r={};Object.keys(o||{}).forEach(c=>{switch(c){case"button":{r.showButtons=!!o?.[c];break}case"label":{a=!!o?.[c];break}case"tick":{r.showTicks=!!o?.[c];break}}});let d={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?sa(na,{style:{height:"300px",...d},...i,...r,children:[pe(x,{label:a,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),pe(x,{label:a,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),pe(x,{label:a,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),pe(x,{label:a,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),pe(x,{label:a,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):sa(ia,{style:{width:"400px",...d},...i,...r,children:[pe(x,{label:a,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),pe(x,{label:a,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),pe(x,{label:a,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),pe(x,{label:a,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),pe(x,{label:a,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Be.options=Qi;Be.states=Zi;Be.variants=ji;Be.defaultOptions=ra;Be.modifiers=en;Be.className=R.className;var ct="input",It=ct;import{jsx as nn}from"react/jsx-runtime";var kt="k-input",tn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],on={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},an={},H=e=>{let{hover:t,focus:o,disabled:i,invalid:a,valid:r,loading:d,readonly:c,size:m,rounded:u,fillMode:f,...v}=e;return nn("span",{...v,className:s(e.className,kt,O(kt,{size:m,rounded:u,fillMode:f}),E(kt,{hover:t,focus:o,disabled:i,invalid:a,valid:r,loading:d,readonly:c}))})};H.states=tn;H.options=on;H.className=kt;H.defaultOptions=an;H.moduleName=ct;H.folderName=It;import{jsx as dn}from"react/jsx-runtime";var Ct="k-picker",sn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],rn={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},ln={},ve=e=>{let{hover:t,focus:o,disabled:i,invalid:a,valid:r,loading:d,readonly:c,size:m,rounded:u,fillMode:f,...v}=e;return dn("span",{...v,className:s(e.className,Ct,O(Ct,{size:m,rounded:u,fillMode:f}),E(Ct,{hover:t,focus:o,disabled:i,invalid:a,valid:r,loading:d,readonly:c})),children:e.children})};ve.states=sn;ve.options=rn;ve.className=Ct;ve.defaultOptions=ln;ve.moduleName=ct;ve.folderName=It;import{Fragment as mn,jsx as Zt}from"react/jsx-runtime";var la="k-clear-value",cn=[n.disabled,n.loading,n.readonly],pn={},ne=e=>{let{disabled:t,loading:o,readonly:i,value:a}=e;return t||i||o||!a?Zt(mn,{}):Zt("span",{className:s(e.className,la),children:Zt(I,{icon:"x"})})};ne.states=cn;ne.options=pn;ne.className=la;import{jsx as bn}from"react/jsx-runtime";var jt="k-input-inner",un=[],fn={},At={type:"text",autocomplete:"off",value:"",placeholder:""},se=e=>{let{value:t=At.value,type:o=At.type,placeholder:i=At.placeholder,autocomplete:a=At.autocomplete,disabled:r,readOnly:d,...c}=e;return bn("input",{...c,type:o,className:s(e.className,jt,O(jt,e)),placeholder:i,autoComplete:a,defaultValue:t,disabled:r||void 0,readOnly:d||void 0})};se.states=un;se.options=fn;se.className=jt;import{jsx as da,jsxs as Nn}from"react/jsx-runtime";var eo="k-input-inner",xn=[],hn={},pt=e=>{let{value:t,placeholder:o,showValue:i,valueIcon:a,valueIconName:r,...d}=e;return Nn("span",{...d,className:s(e.className,eo,O(eo,e)),children:[a,!a&&r&&da(I,{className:"k-input-value-icon",icon:r}),i&&!t&&o,i&&t&&da("span",{className:"k-input-value-text",children:t})]})};pt.states=xn;pt.options=hn;pt.className=eo;import{jsx as Sn}from"react/jsx-runtime";var to="k-input-inner",vn=[],Ln={},ca={value:"",placeholder:""},oo=e=>{let{value:t=ca.value,placeholder:o=ca.placeholder,rows:i,disabled:a,...r}=e;return Sn("textarea",{...r,className:s(e.className,to,O(to,e)),placeholder:o,rows:i,defaultValue:t,disabled:a||void 0})};oo.states=vn;oo.options=Ln;oo.className=to;import{Fragment as In,jsx as pa}from"react/jsx-runtime";var ma="k-input-loading-icon",gn=[n.disabled,n.loading],ee=e=>{let{disabled:t,loading:o}=e;return t||!o?pa(In,{}):pa("span",{className:s(e.className,ma,"k-icon k-i-loading")})};ee.states=gn;ee.className=ma;import{Fragment as An,jsx as ua}from"react/jsx-runtime";var fa="k-input-validation-icon",kn=[n.valid,n.invalid,n.disabled,n.loading],Cn={},W=e=>{let{valid:t,invalid:o,disabled:i,loading:a}=e,r=o?"warning-circle":"check-circle";return i||a||!!!(t||o)?ua(An,{}):ua(I,{className:s(fa),icon:r})};W.states=kn;W.options=Cn;W.className=fa;import{Fragment as En,jsx as ba}from"react/jsx-runtime";var yn="k-input-prefix",Tn={direction:"horizontal"},Le=e=>{let{direction:t=Tn.direction,...o}=e;return e.children?ba("span",{...o,className:s(yn,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ba(En,{})};import{Fragment as Rn,jsx as xa}from"react/jsx-runtime";var Mn="k-input-suffix",On={direction:"horizontal"},Se=e=>{let{direction:t=On.direction,...o}=e;return e.children?xa("span",{...o,className:s(Mn,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):xa(Rn,{})};import{jsx as cp}from"react/jsx-runtime";import{jsx as _n}from"react/jsx-runtime";var Kn="k-input-suffix-text",ao=e=>{let{children:t,...o}=e;return _n("span",{...o,className:s(Kn,e.className),children:t})};import{jsx as Pn}from"react/jsx-runtime";var ha="k-input-separator",wn={direction:"vertical"},xe=e=>{let{direction:t=wn.direction,...o}=e;return Pn("span",{...o,className:s(ha,e.className,{[`${ha}-${t}`]:t})})};import{Fragment as Na,jsx as me,jsxs as io}from"react/jsx-runtime";var Hn=H.states,Dn=H.defaultOptions,Bn=H.options,zn=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Un=[],ze=e=>{let{modifiers:t,valid:o,invalid:i,loading:a,disabled:r,readonly:d,...c}=e,m=t?.prefix,u=t?.suffix,f=t?.["clear-button"],v=t?.["validation-icon"],S=t?.separators;return io(H,{...c,valid:o,invalid:i,loading:a,disabled:r,readonly:d,style:{width:300},children:[m&&io(Na,{children:[me(Le,{children:me(I,{icon:"lock"})}),S&&me(xe,{})]}),me(se,{placeholder:"Placeholder",value:"Value"}),v&&me(W,{valid:o,invalid:i,loading:a,disabled:r}),me(ee,{loading:a,disabled:r}),f&&me(ne,{loading:a,disabled:r,readonly:d,value:"Value"}),u&&io(Na,{children:[S&&me(xe,{}),me(Se,{children:me(Me,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};ze.options=Bn;ze.states=Hn;ze.variants=Un;ze.defaultOptions=Dn;ze.modifiers=zn;ze.className=H.className;import{jsx as va,jsxs as $n}from"react/jsx-runtime";var La="k-spin-button",Gn=[],Xn={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},no={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ge=e=>{let{size:t,fillMode:o,disabled:i,increaseLabel:a=no.increaseLabel,decreaseLabel:r=no.decreaseLabel,...d}=e;return $n("span",{...d,className:s(La,e.className),children:[va(N,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:i,"aria-label":a}),va(N,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:i,"aria-label":r})]})};ge.states=Gn;ge.options=Xn;ge.className=La;ge.defaultOptions=no;ge.moduleName=null;ge.folderName=null;var Sa="numeric-textbox",ga="numerictextbox";import{Fragment as Ia,jsx as he,jsxs as so}from"react/jsx-runtime";var ka="k-numerictextbox",Wn=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],qn={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},yt={showSpinButton:!0,showClearButton:!0,separators:!0},y=e=>{let{size:t,rounded:o,fillMode:i,separators:a=yt.separators,showClearButton:r=yt.showClearButton,showSpinButton:d=yt.showSpinButton,prefix:c,suffix:m,value:u,placeholder:f,hover:v,focus:S,valid:k,invalid:C,required:T,loading:g,disabled:A,readonly:_,id:B,"aria-label":Y,"aria-describedby":de,...ie}=e;return so(H,{...ie,size:t,rounded:o,fillMode:i,hover:v,focus:S,valid:k,invalid:C,required:T,loading:g,disabled:A,readonly:_,className:s(e.className,ka),children:[c&&so(Ia,{children:[he(Le,{children:c}),a&&he(xe,{})]}),he(se,{id:B,placeholder:f,value:u,role:"spinbutton",disabled:A,"aria-label":Y,"aria-describedby":de,"aria-invalid":C?"true":void 0}),he(W,{valid:k,invalid:C,loading:g,disabled:A}),he(ee,{loading:g,disabled:A}),r&&he(ne,{loading:g,disabled:A,readonly:_,value:u}),m&&so(Ia,{children:[a&&he(xe,{}),he(Se,{children:m})]}),d&&he(ge,{className:"k-input-spinner",size:t,fillMode:i,disabled:A})]})};y.states=Wn;y.options=qn;y.className=ka;y.defaultOptions=yt;y.moduleName=Sa;y.folderName=ga;var mt=y;import{jsx as Jn}from"react/jsx-runtime";var Ca=e=>Jn(mt,{...e});var ro="popup",Aa=ro;import{jsx as ya}from"react/jsx-runtime";var Ta="k-animation-container",Yn=[],Qn={},lo={positionMode:"absolute",shown:!0},ue=e=>{let{positionMode:t=lo.positionMode,shown:o=lo.shown,animationStyle:i,offset:a,...r}=e;return ya("div",{...r,style:{...a,...e.style},className:s(e.className,Ta,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:ya("div",{className:"k-child-animation-container",style:i,children:e.children})})};ue.states=Yn;ue.options=Qn;ue.className=Ta;ue.defaultOptions=lo;ue.moduleName=ro;ue.folderName=Aa;var co="popup",Ea=co;import{jsx as Ma}from"react/jsx-runtime";var Oa="k-popup",Zn=[],jn={},Ra={positionMode:"absolute"},Ie=e=>{let{offset:t,positionMode:o=Ra.positionMode,animationStyle:i,containerClassName:a,containerRole:r,containerAriaLabel:d,...c}=e;return Ma(ue,{positionMode:o,offset:t,animationStyle:i,className:a,role:r,"aria-label":d,children:Ma("div",{...c,className:s(e.className,Oa),children:e.children})})};Ie.states=Zn;Ie.options=jn;Ie.className=Oa;Ie.defaultOptions=Ra;Ie.moduleName=co;Ie.folderName=Ea;var po="action-buttons",Ka=po;import{jsx as os}from"react/jsx-runtime";var Tt="k-actions",es=[],ts={},mo={alignment:"start",orientation:"horizontal"},ke=e=>{let{alignment:t=mo.alignment,orientation:o=mo.orientation,...i}=e;return os("div",{...i,className:s(Tt,{[`${Tt}-${t}`]:t,[`${Tt}-${o}`]:o},e.className),children:e.children})};ke.states=es;ke.options=ts;ke.className=Tt;ke.defaultOptions=mo;ke.moduleName=po;ke.folderName=Ka;import{jsx as is}from"react/jsx-runtime";var as="k-actionsheet-footer",_a={alignment:"stretched",orientation:"horizontal"},Ue=e=>{let{alignment:t=_a.alignment,orientation:o=_a.orientation,template:i,as:a=i?"div":ke,...r}=e;return is(a,{...r,...!i&&{alignment:t,orientation:o},className:s(e.className,as),children:e.children})};var uo="searchbox",wa=uo;import{jsx as ut,jsxs as rs}from"react/jsx-runtime";var Pa="k-searchbox",ns=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],ss={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},fo={showIcon:!0,icon:"search"},te=e=>{let{value:t,placeholder:o,size:i,rounded:a,fillMode:r,hover:d,focus:c,valid:m,invalid:u,required:f,loading:v,disabled:S,showIcon:k=fo.showIcon,icon:C=fo.icon,"aria-label":T,...g}=e;return rs(H,{...g,size:i,rounded:a,fillMode:r,hover:d,focus:c,valid:m,invalid:u,required:f,loading:v,disabled:S,className:s(e.className,Pa),children:[k&&ut(I,{className:"k-input-icon",icon:C}),ut(se,{placeholder:o,value:t,"aria-label":T}),ut(ee,{...e}),ut(W,{...e}),ut(ne,{...e})]})};te.states=ns;te.options=ss;te.className=Pa;te.defaultOptions=fo;te.moduleName=uo;te.folderName=wa;import{jsx as Wm}from"react/jsx-runtime";var bo="textbox",Ha=bo;import{Fragment as Da,jsx as Ce,jsxs as xo}from"react/jsx-runtime";var Ba="k-textbox",ls=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ds={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Et={showClearButton:!0,showValidationIcon:!0,separators:!0},z=e=>{let{size:t,rounded:o,fillMode:i,separators:a=Et.separators,showClearButton:r=Et.showClearButton,showValidationIcon:d=Et.showValidationIcon,prefix:c,suffix:m,type:u,value:f,placeholder:v,hover:S,focus:k,valid:C,invalid:T,required:g,loading:A,disabled:_,readonly:B,id:Y,"aria-label":de,"aria-describedby":ie,...be}=e;return xo(H,{...be,size:t,rounded:o,fillMode:i,hover:S,focus:k,valid:C,invalid:T,required:g,loading:A,disabled:_,readonly:B,className:s(e.className,Ba),children:[c&&xo(Da,{children:[Ce(Le,{children:c}),a&&Ce(xe,{})]}),Ce(se,{id:Y,placeholder:v,value:f,type:u,disabled:_,"aria-label":de,"aria-describedby":ie,"aria-invalid":T?"true":void 0}),d&&Ce(W,{valid:C,invalid:T,loading:A,disabled:_}),Ce(ee,{loading:A,disabled:_}),r&&Ce(ne,{loading:A,disabled:_,readonly:B,value:f}),m&&xo(Da,{children:[a&&Ce(xe,{}),Ce(Se,{children:m})]})]})};z.states=ls;z.options=ds;z.className=Ba;z.defaultOptions=Et;z.moduleName=bo;z.folderName=Ha;var ft=z;import{jsx as cs}from"react/jsx-runtime";var za=e=>cs(ft,{...e});import{Fragment as pu,jsx as cu}from"react/jsx-runtime";import{Fragment as hu,jsx as xu}from"react/jsx-runtime";import{jsx as Su}from"react/jsx-runtime";import{jsx as ho}from"react/jsx-runtime";var ps=z.states,ms=z.defaultOptions,us=z.options,fs=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],bs=[],Ve=e=>{let{modifiers:t,...o}=e,i={};return Object.keys(t||{}).forEach(a=>{switch(a){case"prefix":i.prefix=t?.[a]?ho(I,{icon:"lock"}):void 0;break;case"suffix":i.suffix=t?.[a]?ho(Me,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":i.showClearButton=t?.[a];break;default:break}}),ho(za,{value:"Value",style:{width:300},...o,...i})};Ve.options=us;Ve.states=ps;Ve.variants=bs;Ve.defaultOptions=ms;Ve.modifiers=fs;Ve.className=z.className;import{jsx as Ae,jsxs as No}from"react/jsx-runtime";var Ua="k-actionsheet-titlebar",xs={},re=e=>{let{title:t,subtitle:o,actionsStart:i,actionsEnd:a,filter:r,input:d,inputValue:c,inputPlaceholder:m,adaptive:u,titleId:f,children:v,...S}=e;return No("div",{...S,className:s(e.className,Ua),children:[No("div",{className:"k-actionsheet-titlebar-group",children:[i&&Ae("div",{className:"k-actionsheet-actions",children:i}),!v&&No("div",{className:"k-actionsheet-title",id:f,children:[t&&Ae("div",{className:"k-text-center",children:t}),o&&Ae("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&Ae("div",{className:"k-actionsheet-title",id:f,children:v}),a&&Ae("div",{className:"k-actionsheet-actions",children:a})]}),(d||r)&&Ae("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?Ae(z,{value:c,placeholder:m,size:u?"large":"medium","aria-label":t||m||"Input"}):Ae(te,{placeholder:"Filter",size:u?"large":"medium","aria-label":"Filter options"})})]})};re.className=Ua;re.defaultOptions=xs;import{jsx as vo,jsxs as Ls}from"react/jsx-runtime";var Lo="k-actionsheet-view",hs=[],Ns={},vs={},Fe=e=>{let{adaptive:t,animated:o,children:i,header:a,footer:r,titleId:d,...c}=e,m=a?.type===re&&vo(re,{adaptive:t,titleId:d,...a?.props}),u=r?.type===Ue&&vo(Ue,{...r?.props});return Ls("div",{...c,className:s(e.className,Lo,{[`${Lo}-animated`]:o}),children:[m,vo("div",{className:"k-actionsheet-content",children:i}),u]})};Fe.states=hs;Fe.options=Ns;Fe.className=Lo;Fe.defaultOptions=vs;var bt="action-sheet",Mt=bt;var So="overlay",Va=So;import{jsx as ks}from"react/jsx-runtime";var Fa="k-overlay",Ss=[],gs={},Is={},ye=e=>{let{...t}=e;return ks("div",{...t,className:s(e.className,Fa),children:e.children})};ye.states=Ss;ye.options=gs;ye.className=Fa;ye.defaultOptions=Is;ye.moduleName=So;ye.folderName=Va;import{jsx as Ot,jsxs as ys}from"react/jsx-runtime";var Ga="k-actionsheet",Cs=[],As={},xt={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},U=e=>{let{side:t=xt.side,fullscreen:o=xt.fullscreen,adaptive:i=xt.adaptive,overlay:a=xt.overlay,template:r,children:d,header:c,footer:m,id:u,...f}=e,v=u&&!r&&c?`${u}-title`:void 0;return ys("div",{className:"k-actionsheet-container",children:[a&&Ot(ye,{}),Ot(ue,{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:Ot("div",{...f,id:u,role:"dialog","aria-modal":a?"true":void 0,"aria-labelledby":v,className:s(e.className,Ga,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":i}),children:r||Ot(Fe,{header:c,footer:m,adaptive:i,titleId:v,...e,children:d})})})]})};U.states=Cs;U.options=As;U.className=Ga;U.defaultOptions=xt;U.moduleName=bt;U.folderName=Mt;import{jsx as Os}from"react/jsx-runtime";var Xa="k-actionsheet-container",Ts=[],Es={},Ms={},Ge=e=>{let{children:t,...o}=e;return Os("div",{...o,className:Xa,children:t})};Ge.states=Ts;Ge.options=Es;Ge.className=Xa;Ge.defaultOptions=Ms;Ge.moduleName=bt;Ge.folderName=Mt;import{jsx as Rs}from"react/jsx-runtime";var go=e=>{let{...t}=e;return Rs("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as _s,jsx as ht,jsxs as Io}from"react/jsx-runtime";var ko="k-actionsheet-item",Ks=[n.hover,n.focus,n.selected,n.disabled],Te=e=>{let{iconName:t,text:o,description:i,hover:a,focus:r,selected:d,disabled:c,...m}=e;return Io("span",{...m,className:s(e.className,ko,E(ko,{hover:a,focus:r,selected:d,disabled:c})),children:[!e.children&&ht(_s,{children:Io("span",{className:"k-actionsheet-action",children:[t&&ht("span",{className:"k-icon-wrap",children:ht(I,{className:"k-actionsheet-item-icon",icon:t})}),Io("span",{className:"k-actionsheet-item-text",children:[o&&ht("span",{className:"k-actionsheet-item-title",children:o}),i&&ht("span",{className:"k-actionsheet-item-description",children:i})]})]})}),e.children]})};Te.states=Ks;Te.className=ko;import{jsx as Sf,jsxs as gf}from"react/jsx-runtime";import{jsx as Af}from"react/jsx-runtime";import{jsx as Mf}from"react/jsx-runtime";import{jsx as _f}from"react/jsx-runtime";import{jsx as D,jsxs as Co}from"react/jsx-runtime";var ws=U.options,Ps=U.states,Wa={...U.defaultOptions,variant:"normal"},Hs=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Ds=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Xe=e=>{let{variant:t,modifiers:o,...i}={...Wa,...e},a={},r=Co(go,{children:[D(Te,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),D(Te,{text:"Add to Favorites",iconName:"heart"}),D(Te,{text:"Upload New",iconName:"upload",disabled:!0}),D("hr",{className:"k-hr"}),D(Te,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",c="Select Item";return t==="fullScreen"&&(a.fullScreen=!0),Object.keys(o||{}).forEach(m=>{switch(m){case"actions":a.actionsStart=!!o?.[m],a.actionsEnd=!!o?.[m];break;case"subtitle":a.subtitle=o?.[m]?d:void 0;break;case"footer":a.footer=!!o?.[m];break;default:break}}),t==="adaptive"?D(U,{...i,adaptive:!0,fullscreen:a.fullScreen,header:D(re,{actionsStart:a.actionsStart?D(N,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:a.actionsEnd?D(N,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:a.subtitle}),footer:a.footer?Co(Ue,{alignment:"stretched",children:[D(N,{text:"Cancel",size:"large",themeColor:"base"}),D(N,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:r}):D(U,{...i,fullscreen:a.fullScreen,header:D(re,{actionsStart:a.actionsStart?D(N,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:a.actionsEnd?D(N,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:a.subtitle}),footer:a.footer?Co(Ue,{alignment:"stretched",children:[D(N,{text:"Apply",themeColor:"primary"}),D(N,{text:"Cancel",themeColor:"base"})]}):void 0,children:r})};Xe.options=ws;Xe.states=Ps;Xe.variants=Hs;Xe.defaultOptions=Wa;Xe.modifiers=Ds;Xe.className=U.className;import To from"react";import{jsx as qa}from"react/jsx-runtime";var Bs="k-list-group-sticky-header",Ao=e=>qa("div",{className:s(Bs,e.className),children:qa("div",{className:"k-list-header-text",children:e.children})});import{jsx as Us}from"react/jsx-runtime";var zs="k-no-data",yo=e=>{let{live:t,...o}=e;return Us("span",{...o,className:s(zs,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Oe="list",$e=Oe;import{jsx as Ja,jsxs as Ya}from"react/jsx-runtime";var Eo="k-list",Vs=[],Fs={size:[l.undefined,l.small,l.medium,l.large]},Gs={},w=e=>{let{size:t,virtualization:o,children:i,header:a,selectAll:r,optionLabel:d,customValue:c,noData:m,screenReaders:u,...f}=e,S=To.Children.toArray(i)[0],k=S?.props?.children?To.Children.count(S.props.children):To.Children.count(i);return Ya("div",{...f,className:s(e.className,Eo,O(Eo,{size:t}),{"k-virtual-list":o}),children:[d,r,c,a&&Ja(Ao,{children:a}),i||(m!==void 0?m:Ja(yo,{live:!0,children:"No data found."})),u&&i&&Ya(yo,{className:"k-sr-only",live:!0,children:[k," items found."]})]})};w.states=Vs;w.options=Fs;w.className=Eo;w.defaultOptions=Gs;w.moduleName=Oe;w.folderName=$e;import{jsx as qs}from"react/jsx-runtime";var Qa="k-list-container",Xs=[],$s={},Ws={},We=e=>{let{...t}=e;return qs("div",{...t,className:s(e.className,Qa),children:e.children})};We.states=Xs;We.options=$s;We.className=Qa;We.defaultOptions=Ws;We.moduleName=Oe;We.folderName=$e;var Re="checkbox",qe=Re;import{jsx as Za}from"react/jsx-runtime";var Rt="k-checkbox",Js=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Ys={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full]},Qs={},q=e=>{let{id:t,checked:o,indeterminate:i,hover:a,focus:r,disabled:d,invalid:c,valid:m,required:u,size:f,rounded:v,wrapperRole:S,...k}=e;return Za("span",{className:"k-checkbox-wrap",role:S,children:Za("input",{...k,id:t,type:"checkbox",defaultChecked:o,required:u,disabled:d||void 0,"aria-invalid":c?"true":void 0,className:s(e.className,Rt,O(Rt,{size:f,rounded:v}),E(Rt,{hover:a,focus:r,disabled:d,invalid:c,valid:m,indeterminate:i,checked:o}))})})};q.states=Js;q.options=Ys;q.className=Rt;q.defaultOptions=Qs;q.moduleName=Re;q.folderName=qe;var le=q;import{jsx as er}from"react/jsx-runtime";var ja="k-checkbox-list",Zs=[],js={},ei={layout:"vertical"},V=e=>{let{layout:t=ei.layout,...o}=e;return er("ul",{...o,className:s(e.className,ja,{[`k-list-${t}`]:t}),children:e.children})};V.states=Zs;V.options=js;V.className=ja;V.defaultOptions=ei;V.moduleName=Re;V.folderName=qe;import{jsx as ir}from"react/jsx-runtime";var ti="k-checkbox-list-item",tr=[],or={},ar={},F=e=>{let{...t}=e;return ir("li",{...t,className:s(e.className,ti),children:e.children})};F.states=tr;F.options=or;F.className=ti;F.defaultOptions=ar;F.moduleName=Re;F.folderName=qe;import{Fragment as nr,jsx as oi,jsxs as sr}from"react/jsx-runtime";var Ne=({children:e="Label",id:t="cb-label-after",...o})=>sr(nr,{children:[oi(le,{id:t,...o}),oi("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as Fb,jsx as Vb,jsxs as Gb}from"react/jsx-runtime";import{Fragment as Jb,jsx as qb,jsxs as Yb}from"react/jsx-runtime";import{Fragment as tx,jsx as ex,jsxs as ox}from"react/jsx-runtime";import{jsx as sx}from"react/jsx-runtime";import{jsx as cx}from"react/jsx-runtime";import{jsx as fx}from"react/jsx-runtime";import{jsx as oe,jsxs as ai}from"react/jsx-runtime";var rr=V.options,lr=V.states,dr={...V.defaultOptions,variant:"vertical"},cr=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],pr=[],Je=e=>{let{variant:t,...o}=e;return t==="horizontal"?ai(V,{layout:"horizontal",...o,children:[oe(F,{children:oe(Ne,{id:K("cb"),defaultChecked:!0,children:"Label"})}),oe(F,{children:oe(Ne,{id:K("cb"),children:"Label"})}),oe(F,{children:oe(Ne,{id:K("cb"),children:"Label"})})]}):ai(V,{...o,children:[oe(F,{children:oe(Ne,{id:K("cb"),defaultChecked:!0,children:"Label"})}),oe(F,{children:oe(Ne,{id:K("cb"),children:"Label"})}),oe(F,{children:oe(Ne,{id:K("cb"),children:"Label"})})]})};Je.options=rr;Je.states=lr;Je.variants=cr;Je.defaultOptions=dr;Je.modifiers=pr;Je.className=V.className;import{jsx as hr}from"react/jsx-runtime";var mr=le.options,ur=le.states,fr=le.defaultOptions,br=[],xr=[],Ye=e=>hr(Ne,{id:K("checkbox"),...e,defaultChecked:!0,children:"Label"});Ye.options=mr;Ye.states=ur;Ye.variants=br;Ye.defaultOptions=fr;Ye.modifiers=xr;Ye.className=le.className;import{jsx as Qe,jsxs as Sr}from"react/jsx-runtime";var Mo="k-list-item",Nr=[n.hover,n.focus,n.selected,n.disabled],vr={},Lr={},M=e=>{let{text:t,iconName:o,iconClassName:i,showCheckbox:a,checked:r,hover:d,focus:c,selected:m,disabled:u,actions:f,description:v,id:S,...k}=e,C=t||e.children,T=t||(typeof C=="string"?C:void 0);return Sr("li",{...k,id:S,role:"option",tabIndex:c?0:-1,"aria-selected":m?"true":"false","aria-disabled":u?"true":void 0,className:s(e.className,Mo,E(Mo,{hover:d,focus:c,disabled:u,selected:m})),children:[a&&Qe(q,{checked:r,disabled:u,"aria-label":T,tabIndex:-1}),o&&Qe("span",{className:"k-list-item-icon-wrapper",children:Qe(I,{icon:o,className:s("k-list-item-icon",i)})}),Qe("span",{className:"k-list-item-text",children:C}),f&&Qe("div",{className:"k-list-item-actions",children:f}),v&&Qe("span",{className:"k-list-item-description",children:v})]})};M.states=Nr;M.options=vr;M.className=Mo;M.defaultOptions=Lr;M.moduleName=Oe;M.folderName=$e;import{jsx as Ir}from"react/jsx-runtime";var gr="k-list-ul",Ze=e=>{let{children:t,role:o,id:i,...a}=e;return Ir("ul",{...a,id:i,role:o,className:s(gr,e.className),children:t})};import{jsx as Oo,jsxs as Cr}from"react/jsx-runtime";var kr="k-list-content",G=e=>{let{virtualization:t,grouping:o,"aria-label":i,"aria-labelledby":a,listboxId:r,...d}=e;return Cr("div",{...d,className:s(kr,e.className),role:o?"listbox":void 0,id:o?r:void 0,"aria-label":o?i:void 0,"aria-labelledby":o?a:void 0,children:[o?e.children:Oo(Ze,{role:"listbox",id:r,"aria-label":i,"aria-labelledby":a,children:e.children}),t&&Oo("div",{className:"k-height-container",children:Oo("div",{})})]})};import{jsx as Ro,jsxs as Er}from"react/jsx-runtime";var Kt="k-list-sticky-header",Ar=[n.hover,n.focus,n.selected],yr={},Tr={},_t=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:i,indeterminate:a,hover:r,focus:d,selected:c,...m}=e;return Ro("div",{...m,className:s(Kt,e.className),children:Er("div",{className:s(`${Kt}-item`,E(`${Kt}-item`,{hover:r,focus:d,selected:c})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":c?"true":"false"},children:[o&&Ro(q,{checked:i,indeterminate:a,"aria-label":t}),Ro("span",{className:"k-list-item-text",children:t})]})})};_t.states=Ar;_t.options=yr;_t.className=Kt;_t.defaultOptions=Tr;import{Fragment as lh,jsx as rh,jsxs as dh}from"react/jsx-runtime";import{jsx as fh,jsxs as bh}from"react/jsx-runtime";import{jsx as Kr}from"react/jsx-runtime";var Ko="k-list-optionlabel",Mr=[n.hover,n.focus,n.selected,n.disabled],Or={},Rr={},wt=e=>{let{text:t,hover:o,focus:i,selected:a,disabled:r,...d}=e;return Kr("div",{...d,className:s(Ko,E(Ko,{hover:o,focus:i,selected:a,disabled:r})),children:t})};wt.states=Mr;wt.options=Or;wt.className=Ko;wt.defaultOptions=Rr;import{jsx as Hr}from"react/jsx-runtime";var _o="k-list-custom-value",_r=[n.hover,n.focus,n.selected,n.disabled],wr={},Pr={},Pt=e=>{let{text:t,hover:o,focus:i,selected:a,disabled:r,...d}=e;return Hr("div",{...d,className:s(_o,E(_o,{hover:o,focus:i,selected:a,disabled:r})),children:t})};Pt.states=_r;Pt.options=wr;Pt.className=_o;Pt.defaultOptions=Pr;import{Fragment as yh,jsx as Ah,jsxs as Th}from"react/jsx-runtime";import{Fragment as _h,jsx as Kh,jsxs as wh}from"react/jsx-runtime";import{Fragment as Vh,jsx as zh,jsxs as Uh}from"react/jsx-runtime";import{Fragment as Jh,jsx as Wh,jsxs as qh}from"react/jsx-runtime";import{jsx as jh}from"react/jsx-runtime";import{Fragment as nN,jsx as iN,jsxs as sN}from"react/jsx-runtime";import{Fragment as mN,jsx as pN,jsxs as uN}from"react/jsx-runtime";var ii="dropdown-list",ni="dropdownlist";import{Fragment as zr,jsx as X,jsxs as Po}from"react/jsx-runtime";var si="k-dropdownlist",Dr=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Br={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ho={showValue:!0,arrowIconName:"chevron-down"},$=e=>{let{size:t,rounded:o,fillMode:i,arrowIconName:a=Ho.arrowIconName,showValue:r=Ho.showValue,valueIconName:d,prefix:c,suffix:m,value:u,placeholder:f,hover:v,focus:S,valid:k,invalid:C,required:T,loading:g,disabled:A,readonly:_,popup:B,opened:Y,adaptive:de,adaptiveSettings:ie,adaptiveTitle:be,adaptiveSubtitle:ui,adaptiveFilter:fi,id:it,activeDescendant:zo,"aria-label":bi,...xi}=e,hi=it?`${it}-listbox`:void 0,Uo=it?`${it}-value`:void 0;return Po(zr,{children:[Po(ve,{...xi,id:it,size:t,rounded:o,fillMode:i,hover:v,focus:S,valid:k,invalid:C,required:T,loading:g,disabled:A,readonly:_,className:s(e.className,si,{"k-icon-picker":!r&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Y?"true":"false","aria-controls":Y?hi:void 0,"aria-activedescendant":Y&&zo?zo:void 0,"aria-describedby":Y?Uo:void 0,"aria-disabled":A?"true":void 0,"aria-label":bi,tabIndex:0,children:[X(Le,{children:c}),X(pt,{placeholder:f,value:u,showValue:r,valueIconName:d,id:Uo}),X(W,{valid:k,invalid:C,loading:g,disabled:A}),X(ee,{loading:g,disabled:A}),X(Se,{children:m}),X(N,{className:"k-input-button",icon:a,size:e.size,fillMode:e.fillMode,"aria-label":f||"Toggle dropdown",tabIndex:-1})]}),Y&&B&&X(Ie,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:B}),de&&X(U,{adaptive:!0,...ie,header:X(re,{actionsEnd:X(N,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:fi,inputValue:u,inputPlaceholder:f,title:be,subtitle:ui}),children:X("div",{className:"k-list-container",children:X(w,{size:"large",children:Po(G,{"aria-label":"Options",children:[X(M,{text:"List item"}),X(M,{text:"List item"}),X(M,{text:"List item"})]})})})})]})};$.states=Dr;$.options=Br;$.className=si;$.defaultOptions=Ho;$.moduleName=ii;$.folderName=ni;import{jsx as qN}from"react/jsx-runtime";import{jsx as ev,jsxs as tv}from"react/jsx-runtime";import{Fragment as cv,jsx as lv,jsxs as dv}from"react/jsx-runtime";import{jsx as bv}from"react/jsx-runtime";import{jsx as Sv,jsxs as gv}from"react/jsx-runtime";import{Fragment as Ov,jsx as Ev,jsxs as Mv}from"react/jsx-runtime";import{jsx as Pv}from"react/jsx-runtime";import{Fragment as $r,jsx as Ee,jsxs as ri}from"react/jsx-runtime";var Ur=$.states,Vr=$.defaultOptions,Fr=$.options,Gr=[{name:"opened",title:"Opened"}],Xr=[],et=e=>{let{modifiers:t,...o}=e,i={},a=ri($r,{children:[Ee("div",{className:"k-list-filter",children:Ee(te,{})}),Ee(w,{style:{width:300},size:o.size,children:ri(G,{children:[Ee(M,{children:"List item"}),Ee(M,{children:"List item"}),Ee(M,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(r=>{r==="opened"&&(i.opened=!!t?.[r],i.popup=t?.[r]?a:void 0)}),Ee("div",{children:Ee($,{placeholder:"Value",style:{width:300},...o,...i})})};et.options=Fr;et.states=Ur;et.variants=Xr;et.defaultOptions=Vr;et.modifiers=Gr;et.className=$.className;import{Fragment as iL,jsx as aL}from"react/jsx-runtime";import{Fragment as cL,jsx as dL}from"react/jsx-runtime";import{jsx as fL}from"react/jsx-runtime";import{jsx as Do}from"react/jsx-runtime";var Wr=y.states,qr=y.defaultOptions,Jr=y.options,Yr=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Qr=[],tt=e=>{let{modifiers:t,...o}=e,i={};return Object.keys(t||{}).forEach(a=>{switch(a){case"prefix":i.prefix=t?.[a]?Do($,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":i.suffix=t?.[a]?Do(ao,{children:"mm"}):void 0;break;case"clear-button":i.showClearButton=t?.[a];break;case"spin-button":i.showSpinButton=t?.[a];break;default:break}}),Do(Ca,{value:"Value",style:{width:300},...o,...i})};tt.options=Jr;tt.states=Wr;tt.variants=Qr;tt.defaultOptions=qr;tt.modifiers=Yr;tt.className=y.className;import{Fragment as Nt,jsx as L,jsxs as P}from"react/jsx-runtime";var li="k-colorgradient-inputs",Zr=[],jr={size:[l.undefined,l.small,l.medium,l.large]},di={mode:"rgba"},ot=e=>{let{mode:t=di.mode,size:o,...i}=e;return P("div",{...i,className:s(li,"k-hstack"),children:[L("div",{className:"k-vstack",children:L(N,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&P(Nt,{children:[P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),L("label",{className:"k-colorgradient-input-label",children:"R"})]}),P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),L("label",{className:"k-colorgradient-input-label",children:"G"})]}),P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),L("label",{className:"k-colorgradient-input-label",children:"B"})]}),P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),L("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&P(Nt,{children:[P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),L("label",{className:"k-colorgradient-input-label",children:"R"})]}),P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),L("label",{className:"k-colorgradient-input-label",children:"G"})]}),P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),L("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&P(Nt,{children:[P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),L("label",{className:"k-colorgradient-input-label",children:"H"})]}),P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),L("label",{className:"k-colorgradient-input-label",children:"S"})]}),P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),L("label",{className:"k-colorgradient-input-label",children:"V"})]}),P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),L("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&P(Nt,{children:[P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),L("label",{className:"k-colorgradient-input-label",children:"H"})]}),P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),L("label",{className:"k-colorgradient-input-label",children:"S"})]}),P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),L("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&L(Nt,{children:P("div",{className:"k-vstack k-flex-1",children:[L(z,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),L("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ot.states=Zr;ot.options=jr;ot.className=li;ot.defaultOptions=di;import{jsx as Ke,jsxs as _e}from"react/jsx-runtime";var ci="k-colorgradient-color-contrast",el=[],tl={},ol={},at=()=>_e("div",{className:s(ci,"k-vbox"),children:[_e("div",{className:"k-contrast-ratio",children:[Ke("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),_e("span",{className:"k-contrast-validation !k-text-success",children:[Ke(I,{icon:"check"}),Ke(I,{icon:"check"})]})]}),_e("div",{children:[Ke("span",{children:"AA: 4.5"}),_e("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Ke(I,{icon:"check"})]})]}),_e("div",{children:[Ke("span",{children:"AAA: 7.0"}),_e("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Ke(I,{icon:"x"})]})]})]});at.states=el;at.options=tl;at.className=ci;at.defaultOptions=ol;var pi="color-gradient",mi="colorgradient";import{jsx as ae,jsxs as vt}from"react/jsx-runtime";var Ht="k-colorgradient",al=[n.hover,n.focus,n.readonly,n.disabled],il={size:[l.undefined,l.small,l.medium,l.large]},fe={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"},J=e=>{let{size:t,mode:o=fe.mode,readonly:i=fe.readonly,disabled:a=fe.disabled,gradientStyle:r=fe.gradientStyle,dragHandleStyle:d=fe.dragHandleStyle,alphaStyle:c=fe.alphaStyle,alphaStyleHorizontal:m=fe.alphaStyleHorizontal,contrast:u=fe.contrast,dir:f,hover:v,focus:S,hoverHandle:k,focusHandle:C,canvasOrientation:T=fe.canvasOrientation,role:g,tabIndex:A,..._}=e;return vt("div",{..._,role:g??"textbox","aria-label":g==="none"?void 0:"Color gradient",tabIndex:A??0,"aria-disabled":a?"true":void 0,className:s(e.className,Ht,O(Ht,{size:t}),E(Ht,{hover:v,focus:S,readonly:i,disabled:a})),dir:f,children:[!T||T==="horizontal"&&vt("div",{className:"k-colorgradient-canvas k-hstack",children:[ae("div",{className:"k-hsv-rectangle",style:r,children:ae("div",{className:"k-hsv-gradient",children:ae("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":k,"k-focus":C}),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})})}),vt("div",{className:"k-hsv-controls k-hstack",children:[ae(Qt,{className:"k-hue-slider",hover:k,focus:C}),o!=="rgb"&&o!=="hsv"&&ae(Qt,{className:"k-alpha-slider",hover:k,focus:C,trackStyle:c})]})]}),T==="vertical"&&vt("div",{className:"k-colorgradient-canvas k-vstack",children:[ae("div",{className:"k-hsv-rectangle",style:r,children:ae("div",{className:"k-hsv-gradient",children:ae("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":k,"k-focus":C}),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})})}),vt("div",{className:"k-hsv-controls k-vstack",children:[ae(Yt,{className:"k-hue-slider",hover:k,focus:C}),o!=="rgb"&&o!=="hsv"&&ae(Yt,{className:"k-alpha-slider",hover:k,focus:C,trackStyle:m})]})]}),ae(ot,{mode:e.mode,size:t}),u&&ae(at,{})]})};J.states=al;J.options=il;J.className=Ht;J.defaultOptions=fe;J.moduleName=pi;J.folderName=mi;import{jsx as nl}from"react/jsx-runtime";var Dt=e=>nl(J,{...e});import{jsx as Bo}from"react/jsx-runtime";var sl=J.options,rl=J.states,ll={...J.defaultOptions,variant:"rgba"},dl=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],cl=[],we=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Bo(Dt,{...o,mode:t});case"rgb":return Bo(Dt,{...o,mode:t});default:return Bo(Dt,{...o,mode:t})}};we.options=sl;we.states=rl;we.variants=dl;we.defaultOptions=ll;we.modifiers=cl;we.className=J.className;var eS=we;export{we as ColorgradientDemo,eS as default};
+var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,i)=>t[i]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var M=(e,t)=>s({[`${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:i,hover:a,focus:r,checked:d,active:c,selected:m,disabled:u,indeterminate:f,loading:v,empty:S,readonly:k,highlighted:C,...T}=t;return s({"k-valid":o,"k-invalid":i,"k-hover":a,"k-focus":r,"k-checked":d,"k-active":c,"k-selected":m,"k-disabled":u,"k-indeterminate":f&&!d,"k-loading":v,"k-empty":S,"k-readonly":k,"k-highlighted":C},Object.keys(T).reduce((g,A)=>(A.startsWith("k-")?g[A]=T[A]:g[`k-${A}`]=T[A],g),{}))};function Vo(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(i=>[`k-${i}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={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"},ce={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var Bt={};function K(e){return Bt[e]=(Bt[e]||0)+1,`k-${e}-${Bt[e]}`}import{Fragment as Si,jsx as Fo}from"react/jsx-runtime";var zt="k-font-icon",Ni=[],vi={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Li={},nt=e=>{let{size:t,themeColor:o,icon:i,rotate:a,flip:r,...d}=e;return i?Fo("span",{...d,className:s(e.className,zt,M(zt,{size:t}),{[`k-i-${i}`]:i,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true"}):Fo(Si,{})};nt.states=Ni;nt.options=vi;nt.className=zt;nt.defaultOptions=Li;var Go=nt;import{Fragment as ki,jsx as Lt}from"react/jsx-runtime";var Ut="k-svg-icon",gi=[],Ii={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[ce.outline,ce.solid,ce.duotone]},Vt={viewBox:"0 0 24 24",variant:ce.outline},st=e=>{let{size:t,themeColor:o,rotate:i,flip:a,viewBox:r=Vt.viewBox,variant:d=Vt.variant,icon:c,...m}=e;if(!c)return Lt(ki,{});if(c==="none")return Lt("span",{...m,className:s(e.className,Ut,M("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof c=="object"&&c.name&&c.name,f=typeof c=="object"?d&&c.variants?.[d]||c.variants?.outline||c.content:void 0;return Lt("span",{...m,className:s(e.className,Ut,M("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:Lt("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:r,dangerouslySetInnerHTML:f!==void 0?{__html:f}:void 0,children:c?void 0:e.children})})};st.states=gi;st.options=Ii;st.className=Ut;st.defaultOptions=Vt;var Ft=st;import*as Gt from"@progress/kendo-svg-icons";var Xo="icon",$o="icons";import{useContext as Ai}from"react";import{createContext as Ci}from"react";var Wo=Ci({iconsType:"svg"});import{Fragment as qo,jsx as rt}from"react/jsx-runtime";var St="k-icon",yi=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ti=[],Ei={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[ce.outline,ce.solid,ce.duotone]},gt={viewBox:"0 0 24 24",type:"svg",variant:ce.outline},I=e=>{let{iconsType:t}=Ai(Wo),{size:o,themeColor:i,icon:a,type:r=t||gt.type,rotate:d,flip:c,viewBox:m=gt.viewBox,variant:u=gt.variant,...f}=e;if(!a)return rt(qo,{});if((t||r)==="svg"){if(a==="none")return rt(Ft,{...f,className:s(e.className,St),icon:a,size:o,variant:u});let S=Gt[a]?a:yi(`${a}-icon`);return Gt[S]?rt(Ft,{...f,className:s(e.className,St),icon:Gt[S],size:o,themeColor:i,rotate:d,flip:c,viewBox:m,variant:u}):rt(qo,{})}return rt(Go,{...f,className:s(e.className,St),icon:a,size:o,themeColor:i,rotate:d,flip:c})};I.states=Ti;I.options=Ei;I.defaultOptions=gt;I.className=St;I.moduleName=Xo;I.folderName=$o;var Xt="button",Jo=Xt;import{Fragment as Yo,jsx as Pe,jsxs as Qo}from"react/jsx-runtime";var lt="k-button",Oi=["icon-button"],Mi=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Ri={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},$t={showArrow:!1,arrowIconName:"chevron-down"},N=e=>{let{as:t="button",size:o,rounded:i,fillMode:a,themeColor:r,showArrow:d=$t.showArrow,arrowIconName:c=$t.arrowIconName,variant:m,hover:u,focus:f,active:v,selected:S,disabled:k,togglable:C,ariaDisabled:T,icon:g,iconSize:A,text:_,iconClassName:B,className:Y,...de}=e,ie=g!=null,be=e.children!==void 0;return Qo(t,{className:s(Y,lt,Vo(lt,m),M(lt,{size:o,rounded:i,fillMode:a,themeColor:r}),E(lt,{hover:u,focus:f,active:v,disabled:k||T,selected:S}),{"k-icon-button":!_&&!be&&ie}),"aria-pressed":C?S?"true":"false":void 0,...de,"aria-disabled":T?"true":void 0,disabled:k||void 0,children:[typeof g=="string"&&g&&Pe(I,{className:s(B,"k-button-icon"),icon:g,size:A}),g&&typeof g!="string"&&Pe(Yo,{children:g}),_?Qo(Yo,{children:[_&&Pe("span",{className:"k-button-text",children:_}),e.children]}):e.children&&Pe("span",{className:"k-button-text",children:e.children}),d&&Pe("span",{className:"k-menu-button-arrow k-button-arrow",children:Pe(I,{icon:c})})]})};N.states=Mi;N.options=Ri;N.variants=Oi;N.className=lt;N.defaultOptions=$t;N.moduleName=Xt;N.folderName=Jo;import{jsx as Ki}from"react/jsx-runtime";var Zo=e=>Ki(N,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as _i}from"react/jsx-runtime";var jo=e=>_i(N,{icon:"folder",children:"Button",...e});import{jsx as wi}from"react/jsx-runtime";var Oe=e=>wi(N,{children:"Button",...e});import{jsx as Wt}from"react/jsx-runtime";var Pi=N.options,Hi=N.states,Di={...N.defaultOptions,variant:"text"},Bi=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],zi=[],He=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Wt(Zo,{...o,icon:"star"});case"icon-and-text":return Wt(jo,{...o,icon:"star",children:"Button"});default:return Wt(Oe,{...o,children:"Button"})}};He.options=Pi;He.states=Hi;He.variants=Bi;He.defaultOptions=Di;He.modifiers=zi;He.className=N.className;var qt="slider",ea=qt;import{jsx as De,jsxs as Jt}from"react/jsx-runtime";var dt="k-slider",Ui=[n.hover,n.focus,n.active,n.disabled,n.readonly],Vi={},Q={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},R=e=>{let{type:t=Q.type,orientation:o=Q.orientation,gradientType:i=Q.gradientType,readonly:a=Q.readonly,disabled:r=Q.disabled,handlePosition:d=Q.handlePosition,showButtons:c=Q.showButtons,showTicks:m=Q.showTicks,value:u=Q.value,min:f=Q.min,max:v=Q.max,startValue:S,endValue:k,hover:C,focus:T,active:g,trackStyle:A,dir:_,...B}=e,de=(()=>{if(t==="gradient"&&i==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ie,be;return o==="horizontal"?(ie=_==="rtl"?"chevron-left":"chevron-right",be=_==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ie="chevron-up",be="chevron-down"),Jt("div",{...B,className:s(dt,e.className,E(dt,{readonly:a,disabled:r}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:_,children:[c&&De(N,{className:"k-button-decrease",rounded:"full",icon:be,tabIndex:-1,title:"Decrease"}),Jt("div",{className:"k-slider-track-wrap",children:[m&&De("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Jt("div",{className:"k-slider-track",style:A,children:[De("div",{className:"k-slider-selection"}),t==="range"&&De("span",{className:s("k-draghandle","k-draghandle-start",E(dt,{hover:C,focus:T,active:g})),role:"slider",tabIndex:r?void 0:0,"aria-valuenow":S??f,"aria-valuemin":f,"aria-valuemax":k??v,"aria-orientation":de,"aria-disabled":r?"true":void 0,"aria-readonly":a?"true":void 0,"aria-label":B["aria-label"]?`${B["aria-label"]} start`:"Range start"}),De("span",{className:s("k-draghandle",`k-draghandle-${d}`,E(dt,{hover:C,focus:T,active:g})),role:"slider",tabIndex:r?void 0:0,"aria-valuenow":t==="range"?k??v:u,"aria-valuemin":t==="range"?S??f:f,"aria-valuemax":v,"aria-orientation":de,"aria-disabled":r?"true":void 0,"aria-readonly":a?"true":void 0,"aria-label":t==="range"?B["aria-label"]?`${B["aria-label"]} end`:"Range end":B["aria-label"]})]})]}),c&&De(N,{className:"k-button-increase",rounded:"full",icon:ie,tabIndex:-1,title:"Increase"})]})};R.states=Ui;R.options=Vi;R.className=dt;R.defaultOptions=Q;R.moduleName=qt;R.folderName=ea;import{jsx as ta}from"react/jsx-runtime";var oa="k-tick",Fi=[],Gi={},aa={label:!1},x=e=>{let{style:t,label:o=aa.label,orientation:i,large:a,text:r,...d}=e;return ta("li",{...d,role:"presentation",title:r||"Tick",className:s(e.className,oa,{[`k-tick-${i}`]:i,"k-tick-large":a}),style:t,children:o&&ta("span",{className:"k-label",children:r})})};x.states=Fi;x.options=Gi;x.className=oa;x.defaultOptions=aa;import{Fragment as Xi,jsx as Z,jsxs as $i}from"react/jsx-runtime";var ia=e=>Z(R,{"aria-label":e["aria-label"]||"Slider",children:$i(Xi,{children:[Z(x,{className:"k-first",label:!0,large:!0,text:"0"}),Z(x,{}),Z(x,{}),Z(x,{}),Z(x,{}),Z(x,{label:!0,large:!0,text:"5"}),Z(x,{}),Z(x,{}),Z(x,{}),Z(x,{}),Z(x,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Wi,jsx as j,jsxs as qi}from"react/jsx-runtime";var na=e=>j(R,{children:qi(Wi,{children:[j(x,{className:"k-first",label:!0,large:!0,text:"0"}),j(x,{}),j(x,{}),j(x,{}),j(x,{}),j(x,{label:!0,large:!0,text:"5"}),j(x,{}),j(x,{}),j(x,{}),j(x,{}),j(x,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as _d,jsx as Kd,jsxs as wd}from"react/jsx-runtime";import{Fragment as zd,jsx as Bd,jsxs as Ud}from"react/jsx-runtime";import{jsx as Ji}from"react/jsx-runtime";var Yt=e=>Ji(R,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Yi}from"react/jsx-runtime";var Qt=e=>Yi(R,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as Zd,jsx as Qd,jsxs as jd}from"react/jsx-runtime";import{Fragment as ic,jsx as ac,jsxs as nc}from"react/jsx-runtime";import{jsx as pe,jsxs as sa}from"react/jsx-runtime";var Qi=R.options,Zi=R.states,ra={...R.defaultOptions,variant:"horizontal",label:!0},ji=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],en=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Be=e=>{let{variant:t,modifiers:o,...i}=e,a=ra.label,r={};Object.keys(o||{}).forEach(c=>{switch(c){case"button":{r.showButtons=!!o?.[c];break}case"label":{a=!!o?.[c];break}case"tick":{r.showTicks=!!o?.[c];break}}});let d={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?sa(na,{style:{height:"300px",...d},...i,...r,children:[pe(x,{label:a,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),pe(x,{label:a,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),pe(x,{label:a,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),pe(x,{label:a,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),pe(x,{label:a,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):sa(ia,{style:{width:"400px",...d},...i,...r,children:[pe(x,{label:a,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),pe(x,{label:a,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),pe(x,{label:a,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),pe(x,{label:a,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),pe(x,{label:a,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Be.options=Qi;Be.states=Zi;Be.variants=ji;Be.defaultOptions=ra;Be.modifiers=en;Be.className=R.className;var ct="input",It=ct;import{jsx as nn}from"react/jsx-runtime";var kt="k-input",tn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],on={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},an={},H=e=>{let{hover:t,focus:o,disabled:i,invalid:a,valid:r,loading:d,readonly:c,size:m,rounded:u,fillMode:f,...v}=e;return nn("span",{...v,className:s(e.className,kt,M(kt,{size:m,rounded:u,fillMode:f}),E(kt,{hover:t,focus:o,disabled:i,invalid:a,valid:r,loading:d,readonly:c}))})};H.states=tn;H.options=on;H.className=kt;H.defaultOptions=an;H.moduleName=ct;H.folderName=It;import{jsx as dn}from"react/jsx-runtime";var Ct="k-picker",sn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],rn={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},ln={},ve=e=>{let{hover:t,focus:o,disabled:i,invalid:a,valid:r,loading:d,readonly:c,size:m,rounded:u,fillMode:f,...v}=e;return dn("span",{...v,className:s(e.className,Ct,M(Ct,{size:m,rounded:u,fillMode:f}),E(Ct,{hover:t,focus:o,disabled:i,invalid:a,valid:r,loading:d,readonly:c})),children:e.children})};ve.states=sn;ve.options=rn;ve.className=Ct;ve.defaultOptions=ln;ve.moduleName=ct;ve.folderName=It;import{Fragment as mn,jsx as Zt}from"react/jsx-runtime";var la="k-clear-value",cn=[n.disabled,n.loading,n.readonly],pn={},ne=e=>{let{disabled:t,loading:o,readonly:i,value:a}=e;return t||i||o||!a?Zt(mn,{}):Zt("span",{className:s(e.className,la),children:Zt(I,{icon:"x"})})};ne.states=cn;ne.options=pn;ne.className=la;import{jsx as bn}from"react/jsx-runtime";var jt="k-input-inner",un=[],fn={},At={type:"text",autocomplete:"off",value:"",placeholder:""},se=e=>{let{value:t=At.value,type:o=At.type,placeholder:i=At.placeholder,autocomplete:a=At.autocomplete,disabled:r,readOnly:d,...c}=e;return bn("input",{...c,type:o,className:s(e.className,jt,M(jt,e)),placeholder:i,autoComplete:a,defaultValue:t,disabled:r||void 0,readOnly:d||void 0})};se.states=un;se.options=fn;se.className=jt;import{jsx as da,jsxs as Nn}from"react/jsx-runtime";var eo="k-input-inner",xn=[],hn={},pt=e=>{let{value:t,placeholder:o,showValue:i,valueIcon:a,valueIconName:r,...d}=e;return Nn("span",{...d,className:s(e.className,eo,M(eo,e)),children:[a,!a&&r&&da(I,{className:"k-input-value-icon",icon:r}),i&&!t&&o,i&&t&&da("span",{className:"k-input-value-text",children:t})]})};pt.states=xn;pt.options=hn;pt.className=eo;import{jsx as Sn}from"react/jsx-runtime";var to="k-input-inner",vn=[],Ln={},ca={value:"",placeholder:""},oo=e=>{let{value:t=ca.value,placeholder:o=ca.placeholder,rows:i,disabled:a,...r}=e;return Sn("textarea",{...r,className:s(e.className,to,M(to,e)),placeholder:o,rows:i,defaultValue:t,disabled:a||void 0})};oo.states=vn;oo.options=Ln;oo.className=to;import{Fragment as In,jsx as pa}from"react/jsx-runtime";var ma="k-input-loading-icon",gn=[n.disabled,n.loading],ee=e=>{let{disabled:t,loading:o}=e;return t||!o?pa(In,{}):pa("span",{className:s(e.className,ma,"k-icon k-i-loading")})};ee.states=gn;ee.className=ma;import{Fragment as An,jsx as ua}from"react/jsx-runtime";var fa="k-input-validation-icon",kn=[n.valid,n.invalid,n.disabled,n.loading],Cn={},W=e=>{let{valid:t,invalid:o,disabled:i,loading:a}=e,r=o?"warning-circle":"check-circle";return i||a||!!!(t||o)?ua(An,{}):ua(I,{className:s(fa),icon:r})};W.states=kn;W.options=Cn;W.className=fa;import{Fragment as En,jsx as ba}from"react/jsx-runtime";var yn="k-input-prefix",Tn={direction:"horizontal"},Le=e=>{let{direction:t=Tn.direction,...o}=e;return e.children?ba("span",{...o,className:s(yn,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ba(En,{})};import{Fragment as Rn,jsx as xa}from"react/jsx-runtime";var On="k-input-suffix",Mn={direction:"horizontal"},Se=e=>{let{direction:t=Mn.direction,...o}=e;return e.children?xa("span",{...o,className:s(On,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):xa(Rn,{})};import{jsx as cp}from"react/jsx-runtime";import{jsx as _n}from"react/jsx-runtime";var Kn="k-input-suffix-text",ao=e=>{let{children:t,...o}=e;return _n("span",{...o,className:s(Kn,e.className),children:t})};import{jsx as Pn}from"react/jsx-runtime";var ha="k-input-separator",wn={direction:"vertical"},xe=e=>{let{direction:t=wn.direction,...o}=e;return Pn("span",{...o,className:s(ha,e.className,{[`${ha}-${t}`]:t})})};import{Fragment as Na,jsx as me,jsxs as io}from"react/jsx-runtime";var Hn=H.states,Dn=H.defaultOptions,Bn=H.options,zn=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Un=[],ze=e=>{let{modifiers:t,valid:o,invalid:i,loading:a,disabled:r,readonly:d,...c}=e,m=t?.prefix,u=t?.suffix,f=t?.["clear-button"],v=t?.["validation-icon"],S=t?.separators;return io(H,{...c,valid:o,invalid:i,loading:a,disabled:r,readonly:d,style:{width:300},children:[m&&io(Na,{children:[me(Le,{children:me(I,{icon:"lock"})}),S&&me(xe,{})]}),me(se,{placeholder:"Placeholder",value:"Value"}),v&&me(W,{valid:o,invalid:i,loading:a,disabled:r}),me(ee,{loading:a,disabled:r}),f&&me(ne,{loading:a,disabled:r,readonly:d,value:"Value"}),u&&io(Na,{children:[S&&me(xe,{}),me(Se,{children:me(Oe,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};ze.options=Bn;ze.states=Hn;ze.variants=Un;ze.defaultOptions=Dn;ze.modifiers=zn;ze.className=H.className;import{jsx as va,jsxs as $n}from"react/jsx-runtime";var La="k-spin-button",Gn=[],Xn={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},no={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ge=e=>{let{size:t,fillMode:o,disabled:i,increaseLabel:a=no.increaseLabel,decreaseLabel:r=no.decreaseLabel,...d}=e;return $n("span",{...d,className:s(La,e.className),children:[va(N,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:i,"aria-label":a}),va(N,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:i,"aria-label":r})]})};ge.states=Gn;ge.options=Xn;ge.className=La;ge.defaultOptions=no;ge.moduleName=null;ge.folderName=null;var Sa="numeric-textbox",ga="numerictextbox";import{Fragment as Ia,jsx as he,jsxs as so}from"react/jsx-runtime";var ka="k-numerictextbox",Wn=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],qn={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},yt={showSpinButton:!0,showClearButton:!0,separators:!0},y=e=>{let{size:t,rounded:o,fillMode:i,separators:a=yt.separators,showClearButton:r=yt.showClearButton,showSpinButton:d=yt.showSpinButton,prefix:c,suffix:m,value:u,placeholder:f,hover:v,focus:S,valid:k,invalid:C,required:T,loading:g,disabled:A,readonly:_,id:B,"aria-label":Y,"aria-describedby":de,...ie}=e;return so(H,{...ie,size:t,rounded:o,fillMode:i,hover:v,focus:S,valid:k,invalid:C,required:T,loading:g,disabled:A,readonly:_,className:s(e.className,ka),children:[c&&so(Ia,{children:[he(Le,{children:c}),a&&he(xe,{})]}),he(se,{id:B,placeholder:f,value:u,role:"spinbutton",disabled:A,"aria-label":Y,"aria-describedby":de,"aria-invalid":C?"true":void 0}),he(W,{valid:k,invalid:C,loading:g,disabled:A}),he(ee,{loading:g,disabled:A}),r&&he(ne,{loading:g,disabled:A,readonly:_,value:u}),m&&so(Ia,{children:[a&&he(xe,{}),he(Se,{children:m})]}),d&&he(ge,{className:"k-input-spinner",size:t,fillMode:i,disabled:A})]})};y.states=Wn;y.options=qn;y.className=ka;y.defaultOptions=yt;y.moduleName=Sa;y.folderName=ga;var mt=y;import{jsx as Jn}from"react/jsx-runtime";var Ca=e=>Jn(mt,{...e});var ro="popup",Aa=ro;import{jsx as ya}from"react/jsx-runtime";var Ta="k-animation-container",Yn=[],Qn={},lo={positionMode:"absolute",shown:!0},ue=e=>{let{positionMode:t=lo.positionMode,shown:o=lo.shown,animationStyle:i,offset:a,...r}=e;return ya("div",{...r,style:{...a,...e.style},className:s(e.className,Ta,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:ya("div",{className:"k-child-animation-container",style:i,children:e.children})})};ue.states=Yn;ue.options=Qn;ue.className=Ta;ue.defaultOptions=lo;ue.moduleName=ro;ue.folderName=Aa;var co="popup",Ea=co;import{jsx as Oa}from"react/jsx-runtime";var Ma="k-popup",Zn=[],jn={},Ra={positionMode:"absolute"},Ie=e=>{let{offset:t,positionMode:o=Ra.positionMode,animationStyle:i,containerClassName:a,containerRole:r,containerAriaLabel:d,...c}=e;return Oa(ue,{positionMode:o,offset:t,animationStyle:i,className:a,role:r,"aria-label":d,children:Oa("div",{...c,className:s(e.className,Ma),children:e.children})})};Ie.states=Zn;Ie.options=jn;Ie.className=Ma;Ie.defaultOptions=Ra;Ie.moduleName=co;Ie.folderName=Ea;var po="action-buttons",Ka=po;import{jsx as os}from"react/jsx-runtime";var Tt="k-actions",es=[],ts={},mo={alignment:"start",orientation:"horizontal"},ke=e=>{let{alignment:t=mo.alignment,orientation:o=mo.orientation,...i}=e;return os("div",{...i,className:s(Tt,{[`${Tt}-${t}`]:t,[`${Tt}-${o}`]:o},e.className),children:e.children})};ke.states=es;ke.options=ts;ke.className=Tt;ke.defaultOptions=mo;ke.moduleName=po;ke.folderName=Ka;import{jsx as is}from"react/jsx-runtime";var as="k-actionsheet-footer",_a={alignment:"stretched",orientation:"horizontal"},Ue=e=>{let{alignment:t=_a.alignment,orientation:o=_a.orientation,template:i,as:a=i?"div":ke,...r}=e;return is(a,{...r,...!i&&{alignment:t,orientation:o},className:s(e.className,as),children:e.children})};var uo="searchbox",wa=uo;import{jsx as ut,jsxs as rs}from"react/jsx-runtime";var Pa="k-searchbox",ns=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],ss={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},fo={showIcon:!0,icon:"search"},te=e=>{let{value:t,placeholder:o,size:i,rounded:a,fillMode:r,hover:d,focus:c,valid:m,invalid:u,required:f,loading:v,disabled:S,showIcon:k=fo.showIcon,icon:C=fo.icon,"aria-label":T,...g}=e;return rs(H,{...g,size:i,rounded:a,fillMode:r,hover:d,focus:c,valid:m,invalid:u,required:f,loading:v,disabled:S,className:s(e.className,Pa),children:[k&&ut(I,{className:"k-input-icon",icon:C}),ut(se,{placeholder:o,value:t,"aria-label":T}),ut(ee,{...e}),ut(W,{...e}),ut(ne,{...e})]})};te.states=ns;te.options=ss;te.className=Pa;te.defaultOptions=fo;te.moduleName=uo;te.folderName=wa;import{jsx as Wm}from"react/jsx-runtime";var bo="textbox",Ha=bo;import{Fragment as Da,jsx as Ce,jsxs as xo}from"react/jsx-runtime";var Ba="k-textbox",ls=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ds={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Et={showClearButton:!0,showValidationIcon:!0,separators:!0},z=e=>{let{size:t,rounded:o,fillMode:i,separators:a=Et.separators,showClearButton:r=Et.showClearButton,showValidationIcon:d=Et.showValidationIcon,prefix:c,suffix:m,type:u,value:f,placeholder:v,hover:S,focus:k,valid:C,invalid:T,required:g,loading:A,disabled:_,readonly:B,id:Y,"aria-label":de,"aria-describedby":ie,...be}=e;return xo(H,{...be,size:t,rounded:o,fillMode:i,hover:S,focus:k,valid:C,invalid:T,required:g,loading:A,disabled:_,readonly:B,className:s(e.className,Ba),children:[c&&xo(Da,{children:[Ce(Le,{children:c}),a&&Ce(xe,{})]}),Ce(se,{id:Y,placeholder:v,value:f,type:u,disabled:_,"aria-label":de,"aria-describedby":ie,"aria-invalid":T?"true":void 0}),d&&Ce(W,{valid:C,invalid:T,loading:A,disabled:_}),Ce(ee,{loading:A,disabled:_}),r&&Ce(ne,{loading:A,disabled:_,readonly:B,value:f}),m&&xo(Da,{children:[a&&Ce(xe,{}),Ce(Se,{children:m})]})]})};z.states=ls;z.options=ds;z.className=Ba;z.defaultOptions=Et;z.moduleName=bo;z.folderName=Ha;var ft=z;import{jsx as cs}from"react/jsx-runtime";var za=e=>cs(ft,{...e});import{Fragment as pu,jsx as cu}from"react/jsx-runtime";import{Fragment as hu,jsx as xu}from"react/jsx-runtime";import{jsx as Su}from"react/jsx-runtime";import{jsx as ho}from"react/jsx-runtime";var ps=z.states,ms=z.defaultOptions,us=z.options,fs=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],bs=[],Ve=e=>{let{modifiers:t,...o}=e,i={};return Object.keys(t||{}).forEach(a=>{switch(a){case"prefix":i.prefix=t?.[a]?ho(I,{icon:"lock"}):void 0;break;case"suffix":i.suffix=t?.[a]?ho(Oe,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":i.showClearButton=t?.[a];break;default:break}}),ho(za,{value:"Value",style:{width:300},...o,...i})};Ve.options=us;Ve.states=ps;Ve.variants=bs;Ve.defaultOptions=ms;Ve.modifiers=fs;Ve.className=z.className;import{jsx as Ae,jsxs as No}from"react/jsx-runtime";var Ua="k-actionsheet-titlebar",xs={},re=e=>{let{title:t,subtitle:o,actionsStart:i,actionsEnd:a,filter:r,input:d,inputValue:c,inputPlaceholder:m,adaptive:u,titleId:f,children:v,...S}=e;return No("div",{...S,className:s(e.className,Ua),children:[No("div",{className:"k-actionsheet-titlebar-group",children:[i&&Ae("div",{className:"k-actionsheet-actions",children:i}),!v&&No("div",{className:"k-actionsheet-title",id:f,children:[t&&Ae("div",{className:"k-text-center",children:t}),o&&Ae("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&Ae("div",{className:"k-actionsheet-title",id:f,children:v}),a&&Ae("div",{className:"k-actionsheet-actions",children:a})]}),(d||r)&&Ae("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?Ae(z,{value:c,placeholder:m,size:u?"large":"medium","aria-label":t||m||"Input"}):Ae(te,{placeholder:"Filter",size:u?"large":"medium","aria-label":"Filter options"})})]})};re.className=Ua;re.defaultOptions=xs;import{jsx as vo,jsxs as Ls}from"react/jsx-runtime";var Lo="k-actionsheet-view",hs=[],Ns={},vs={},Fe=e=>{let{adaptive:t,animated:o,children:i,header:a,footer:r,titleId:d,...c}=e,m=a?.type===re&&vo(re,{adaptive:t,titleId:d,...a?.props}),u=r?.type===Ue&&vo(Ue,{...r?.props});return Ls("div",{...c,className:s(e.className,Lo,{[`${Lo}-animated`]:o}),children:[m,vo("div",{className:"k-actionsheet-content",children:i}),u]})};Fe.states=hs;Fe.options=Ns;Fe.className=Lo;Fe.defaultOptions=vs;var bt="action-sheet",Ot=bt;var So="overlay",Va=So;import{jsx as ks}from"react/jsx-runtime";var Fa="k-overlay",Ss=[],gs={},Is={},ye=e=>{let{...t}=e;return ks("div",{...t,className:s(e.className,Fa),children:e.children})};ye.states=Ss;ye.options=gs;ye.className=Fa;ye.defaultOptions=Is;ye.moduleName=So;ye.folderName=Va;import{jsx as Mt,jsxs as ys}from"react/jsx-runtime";var Ga="k-actionsheet",Cs=[],As={},xt={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},U=e=>{let{side:t=xt.side,fullscreen:o=xt.fullscreen,adaptive:i=xt.adaptive,overlay:a=xt.overlay,template:r,children:d,header:c,footer:m,id:u,...f}=e,v=u&&!r&&c?`${u}-title`:void 0;return ys("div",{className:"k-actionsheet-container",children:[a&&Mt(ye,{}),Mt(ue,{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:Mt("div",{...f,id:u,role:"dialog","aria-modal":a?"true":void 0,"aria-labelledby":v,className:s(e.className,Ga,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":i}),children:r||Mt(Fe,{header:c,footer:m,adaptive:i,titleId:v,...e,children:d})})})]})};U.states=Cs;U.options=As;U.className=Ga;U.defaultOptions=xt;U.moduleName=bt;U.folderName=Ot;import{jsx as Ms}from"react/jsx-runtime";var Xa="k-actionsheet-container",Ts=[],Es={},Os={},Ge=e=>{let{children:t,...o}=e;return Ms("div",{...o,className:Xa,children:t})};Ge.states=Ts;Ge.options=Es;Ge.className=Xa;Ge.defaultOptions=Os;Ge.moduleName=bt;Ge.folderName=Ot;import{jsx as Rs}from"react/jsx-runtime";var go=e=>{let{...t}=e;return Rs("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as _s,jsx as ht,jsxs as Io}from"react/jsx-runtime";var ko="k-actionsheet-item",Ks=[n.hover,n.focus,n.selected,n.disabled],Te=e=>{let{iconName:t,text:o,description:i,hover:a,focus:r,selected:d,disabled:c,...m}=e;return Io("span",{...m,className:s(e.className,ko,E(ko,{hover:a,focus:r,selected:d,disabled:c})),children:[!e.children&&ht(_s,{children:Io("span",{className:"k-actionsheet-action",children:[t&&ht("span",{className:"k-icon-wrap",children:ht(I,{className:"k-actionsheet-item-icon",icon:t})}),Io("span",{className:"k-actionsheet-item-text",children:[o&&ht("span",{className:"k-actionsheet-item-title",children:o}),i&&ht("span",{className:"k-actionsheet-item-description",children:i})]})]})}),e.children]})};Te.states=Ks;Te.className=ko;import{jsx as Sf,jsxs as gf}from"react/jsx-runtime";import{jsx as Af}from"react/jsx-runtime";import{jsx as Of}from"react/jsx-runtime";import{jsx as _f}from"react/jsx-runtime";import{jsx as D,jsxs as Co}from"react/jsx-runtime";var ws=U.options,Ps=U.states,Wa={...U.defaultOptions,variant:"normal"},Hs=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Ds=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Xe=e=>{let{variant:t,modifiers:o,...i}={...Wa,...e},a={},r=Co(go,{children:[D(Te,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),D(Te,{text:"Add to Favorites",iconName:"heart"}),D(Te,{text:"Upload New",iconName:"upload",disabled:!0}),D("hr",{className:"k-hr"}),D(Te,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",c="Select Item";return t==="fullScreen"&&(a.fullScreen=!0),Object.keys(o||{}).forEach(m=>{switch(m){case"actions":a.actionsStart=!!o?.[m],a.actionsEnd=!!o?.[m];break;case"subtitle":a.subtitle=o?.[m]?d:void 0;break;case"footer":a.footer=!!o?.[m];break;default:break}}),t==="adaptive"?D(U,{...i,adaptive:!0,fullscreen:a.fullScreen,header:D(re,{actionsStart:a.actionsStart?D(N,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:a.actionsEnd?D(N,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:a.subtitle}),footer:a.footer?Co(Ue,{alignment:"stretched",children:[D(N,{text:"Cancel",size:"large",themeColor:"base"}),D(N,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:r}):D(U,{...i,fullscreen:a.fullScreen,header:D(re,{actionsStart:a.actionsStart?D(N,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:a.actionsEnd?D(N,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:a.subtitle}),footer:a.footer?Co(Ue,{alignment:"stretched",children:[D(N,{text:"Apply",themeColor:"primary"}),D(N,{text:"Cancel",themeColor:"base"})]}):void 0,children:r})};Xe.options=ws;Xe.states=Ps;Xe.variants=Hs;Xe.defaultOptions=Wa;Xe.modifiers=Ds;Xe.className=U.className;import To from"react";import{jsx as qa}from"react/jsx-runtime";var Bs="k-list-group-sticky-header",Ao=e=>qa("div",{className:s(Bs,e.className),children:qa("div",{className:"k-list-header-text",children:e.children})});import{jsx as Us}from"react/jsx-runtime";var zs="k-no-data",yo=e=>{let{live:t,...o}=e;return Us("span",{...o,className:s(zs,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Me="list",$e=Me;import{jsx as Ja,jsxs as Ya}from"react/jsx-runtime";var Eo="k-list",Vs=[],Fs={size:[l.undefined,l.small,l.medium,l.large]},Gs={},w=e=>{let{size:t,virtualization:o,children:i,header:a,selectAll:r,optionLabel:d,customValue:c,noData:m,screenReaders:u,...f}=e,S=To.Children.toArray(i)[0],k=S?.props?.children?To.Children.count(S.props.children):To.Children.count(i);return Ya("div",{...f,className:s(e.className,Eo,M(Eo,{size:t}),{"k-virtual-list":o}),children:[d,r,c,a&&Ja(Ao,{children:a}),i||(m!==void 0?m:Ja(yo,{live:!0,children:"No data found."})),u&&i&&Ya(yo,{className:"k-sr-only",live:!0,children:[k," items found."]})]})};w.states=Vs;w.options=Fs;w.className=Eo;w.defaultOptions=Gs;w.moduleName=Me;w.folderName=$e;import{jsx as qs}from"react/jsx-runtime";var Qa="k-list-container",Xs=[],$s={},Ws={},We=e=>{let{...t}=e;return qs("div",{...t,className:s(e.className,Qa),children:e.children})};We.states=Xs;We.options=$s;We.className=Qa;We.defaultOptions=Ws;We.moduleName=Me;We.folderName=$e;var Re="checkbox",qe=Re;import{jsx as Za}from"react/jsx-runtime";var Rt="k-checkbox",Js=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Ys={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full]},Qs={},q=e=>{let{id:t,checked:o,indeterminate:i,hover:a,focus:r,disabled:d,invalid:c,valid:m,required:u,size:f,rounded:v,wrapperRole:S,...k}=e;return Za("span",{className:"k-checkbox-wrap",role:S,children:Za("input",{...k,id:t,type:"checkbox",defaultChecked:o,required:u,disabled:d||void 0,"aria-invalid":c?"true":void 0,className:s(e.className,Rt,M(Rt,{size:f,rounded:v}),E(Rt,{hover:a,focus:r,disabled:d,invalid:c,valid:m,indeterminate:i,checked:o}))})})};q.states=Js;q.options=Ys;q.className=Rt;q.defaultOptions=Qs;q.moduleName=Re;q.folderName=qe;var le=q;import{jsx as er}from"react/jsx-runtime";var ja="k-checkbox-list",Zs=[],js={},ei={layout:"vertical"},V=e=>{let{layout:t=ei.layout,...o}=e;return er("ul",{...o,className:s(e.className,ja,{[`k-list-${t}`]:t}),children:e.children})};V.states=Zs;V.options=js;V.className=ja;V.defaultOptions=ei;V.moduleName=Re;V.folderName=qe;import{jsx as ir}from"react/jsx-runtime";var ti="k-checkbox-list-item",tr=[],or={},ar={},F=e=>{let{...t}=e;return ir("li",{...t,className:s(e.className,ti),children:e.children})};F.states=tr;F.options=or;F.className=ti;F.defaultOptions=ar;F.moduleName=Re;F.folderName=qe;import{Fragment as nr,jsx as oi,jsxs as sr}from"react/jsx-runtime";var Ne=({children:e="Label",id:t="cb-label-after",...o})=>sr(nr,{children:[oi(le,{id:t,...o}),oi("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as Fb,jsx as Vb,jsxs as Gb}from"react/jsx-runtime";import{Fragment as Jb,jsx as qb,jsxs as Yb}from"react/jsx-runtime";import{Fragment as tx,jsx as ex,jsxs as ox}from"react/jsx-runtime";import{jsx as sx}from"react/jsx-runtime";import{jsx as cx}from"react/jsx-runtime";import{jsx as fx}from"react/jsx-runtime";import{jsx as oe,jsxs as ai}from"react/jsx-runtime";var rr=V.options,lr=V.states,dr={...V.defaultOptions,variant:"vertical"},cr=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],pr=[],Je=e=>{let{variant:t,...o}=e;return t==="horizontal"?ai(V,{layout:"horizontal",...o,children:[oe(F,{children:oe(Ne,{id:K("cb"),defaultChecked:!0,children:"Label"})}),oe(F,{children:oe(Ne,{id:K("cb"),children:"Label"})}),oe(F,{children:oe(Ne,{id:K("cb"),children:"Label"})})]}):ai(V,{...o,children:[oe(F,{children:oe(Ne,{id:K("cb"),defaultChecked:!0,children:"Label"})}),oe(F,{children:oe(Ne,{id:K("cb"),children:"Label"})}),oe(F,{children:oe(Ne,{id:K("cb"),children:"Label"})})]})};Je.options=rr;Je.states=lr;Je.variants=cr;Je.defaultOptions=dr;Je.modifiers=pr;Je.className=V.className;import{jsx as hr}from"react/jsx-runtime";var mr=le.options,ur=le.states,fr=le.defaultOptions,br=[],xr=[],Ye=e=>hr(Ne,{id:K("checkbox"),...e,defaultChecked:!0,children:"Label"});Ye.options=mr;Ye.states=ur;Ye.variants=br;Ye.defaultOptions=fr;Ye.modifiers=xr;Ye.className=le.className;import{jsx as Qe,jsxs as Sr}from"react/jsx-runtime";var Oo="k-list-item",Nr=[n.hover,n.focus,n.selected,n.disabled],vr={},Lr={},O=e=>{let{text:t,iconName:o,iconClassName:i,showCheckbox:a,checked:r,hover:d,focus:c,selected:m,disabled:u,actions:f,description:v,id:S,...k}=e,C=t||e.children,T=t||(typeof C=="string"?C:void 0);return Sr("li",{...k,id:S,role:"option",tabIndex:c?0:-1,"aria-selected":m?"true":"false","aria-disabled":u?"true":void 0,className:s(e.className,Oo,E(Oo,{hover:d,focus:c,disabled:u,selected:m})),children:[a&&Qe(q,{checked:r,disabled:u,"aria-label":T,tabIndex:-1}),o&&Qe("span",{className:"k-list-item-icon-wrapper",children:Qe(I,{icon:o,className:s("k-list-item-icon",i)})}),Qe("span",{className:"k-list-item-text",children:C}),f&&Qe("div",{className:"k-list-item-actions",children:f}),v&&Qe("span",{className:"k-list-item-description",children:v})]})};O.states=Nr;O.options=vr;O.className=Oo;O.defaultOptions=Lr;O.moduleName=Me;O.folderName=$e;import{jsx as Ir}from"react/jsx-runtime";var gr="k-list-ul",Ze=e=>{let{children:t,role:o,id:i,...a}=e;return Ir("ul",{...a,id:i,role:o,className:s(gr,e.className),children:t})};import{jsx as Mo,jsxs as Cr}from"react/jsx-runtime";var kr="k-list-content",G=e=>{let{virtualization:t,grouping:o,"aria-label":i,"aria-labelledby":a,listboxId:r,...d}=e;return Cr("div",{...d,className:s(kr,e.className),role:o?"listbox":void 0,id:o?r:void 0,"aria-label":o?i:void 0,"aria-labelledby":o?a:void 0,children:[o?e.children:Mo(Ze,{role:"listbox",id:r,"aria-label":i,"aria-labelledby":a,children:e.children}),t&&Mo("div",{className:"k-height-container",children:Mo("div",{})})]})};import{jsx as Ro,jsxs as Er}from"react/jsx-runtime";var Kt="k-list-sticky-header",Ar=[n.hover,n.focus,n.selected],yr={},Tr={},_t=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:i,indeterminate:a,hover:r,focus:d,selected:c,...m}=e;return Ro("div",{...m,className:s(Kt,e.className),children:Er("div",{className:s(`${Kt}-item`,E(`${Kt}-item`,{hover:r,focus:d,selected:c})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":c?"true":"false"},children:[o&&Ro(q,{checked:i,indeterminate:a,"aria-label":t}),Ro("span",{className:"k-list-item-text",children:t})]})})};_t.states=Ar;_t.options=yr;_t.className=Kt;_t.defaultOptions=Tr;import{Fragment as lh,jsx as rh,jsxs as dh}from"react/jsx-runtime";import{jsx as fh,jsxs as bh}from"react/jsx-runtime";import{jsx as Kr}from"react/jsx-runtime";var Ko="k-list-optionlabel",Or=[n.hover,n.focus,n.selected,n.disabled],Mr={},Rr={},wt=e=>{let{text:t,hover:o,focus:i,selected:a,disabled:r,...d}=e;return Kr("div",{...d,className:s(Ko,E(Ko,{hover:o,focus:i,selected:a,disabled:r})),children:t})};wt.states=Or;wt.options=Mr;wt.className=Ko;wt.defaultOptions=Rr;import{jsx as Hr}from"react/jsx-runtime";var _o="k-list-custom-value",_r=[n.hover,n.focus,n.selected,n.disabled],wr={},Pr={},Pt=e=>{let{text:t,hover:o,focus:i,selected:a,disabled:r,...d}=e;return Hr("div",{...d,className:s(_o,E(_o,{hover:o,focus:i,selected:a,disabled:r})),children:t})};Pt.states=_r;Pt.options=wr;Pt.className=_o;Pt.defaultOptions=Pr;import{Fragment as yh,jsx as Ah,jsxs as Th}from"react/jsx-runtime";import{Fragment as _h,jsx as Kh,jsxs as wh}from"react/jsx-runtime";import{Fragment as Vh,jsx as zh,jsxs as Uh}from"react/jsx-runtime";import{Fragment as Jh,jsx as Wh,jsxs as qh}from"react/jsx-runtime";import{jsx as jh}from"react/jsx-runtime";import{Fragment as nN,jsx as iN,jsxs as sN}from"react/jsx-runtime";import{Fragment as mN,jsx as pN,jsxs as uN}from"react/jsx-runtime";var ii="dropdown-list",ni="dropdownlist";import{Fragment as zr,jsx as X,jsxs as Po}from"react/jsx-runtime";var si="k-dropdownlist",Dr=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Br={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ho={showValue:!0,arrowIconName:"chevron-down"},$=e=>{let{size:t,rounded:o,fillMode:i,arrowIconName:a=Ho.arrowIconName,showValue:r=Ho.showValue,valueIconName:d,prefix:c,suffix:m,value:u,placeholder:f,hover:v,focus:S,valid:k,invalid:C,required:T,loading:g,disabled:A,readonly:_,popup:B,opened:Y,adaptive:de,adaptiveSettings:ie,adaptiveTitle:be,adaptiveSubtitle:ui,adaptiveFilter:fi,id:it,activeDescendant:zo,"aria-label":bi,...xi}=e,hi=it?`${it}-listbox`:void 0,Uo=it?`${it}-value`:void 0;return Po(zr,{children:[Po(ve,{...xi,id:it,size:t,rounded:o,fillMode:i,hover:v,focus:S,valid:k,invalid:C,required:T,loading:g,disabled:A,readonly:_,className:s(e.className,si,{"k-icon-picker":!r&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Y?"true":"false","aria-controls":Y?hi:void 0,"aria-activedescendant":Y&&zo?zo:void 0,"aria-describedby":Y?Uo:void 0,"aria-disabled":A?"true":void 0,"aria-label":bi,tabIndex:0,children:[X(Le,{children:c}),X(pt,{placeholder:f,value:u,showValue:r,valueIconName:d,id:Uo}),X(W,{valid:k,invalid:C,loading:g,disabled:A}),X(ee,{loading:g,disabled:A}),X(Se,{children:m}),X(N,{className:"k-input-button",icon:a,size:e.size,fillMode:e.fillMode,"aria-label":f||"Toggle dropdown",tabIndex:-1})]}),Y&&B&&X(Ie,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:B}),de&&X(U,{adaptive:!0,...ie,header:X(re,{actionsEnd:X(N,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:fi,inputValue:u,inputPlaceholder:f,title:be,subtitle:ui}),children:X("div",{className:"k-list-container",children:X(w,{size:"large",children:Po(G,{"aria-label":"Options",children:[X(O,{text:"List item"}),X(O,{text:"List item"}),X(O,{text:"List item"})]})})})})]})};$.states=Dr;$.options=Br;$.className=si;$.defaultOptions=Ho;$.moduleName=ii;$.folderName=ni;import{jsx as qN}from"react/jsx-runtime";import{jsx as ev,jsxs as tv}from"react/jsx-runtime";import{Fragment as cv,jsx as lv,jsxs as dv}from"react/jsx-runtime";import{jsx as bv}from"react/jsx-runtime";import{jsx as Sv,jsxs as gv}from"react/jsx-runtime";import{Fragment as Mv,jsx as Ev,jsxs as Ov}from"react/jsx-runtime";import{jsx as Pv}from"react/jsx-runtime";import{Fragment as $r,jsx as Ee,jsxs as ri}from"react/jsx-runtime";var Ur=$.states,Vr=$.defaultOptions,Fr=$.options,Gr=[{name:"opened",title:"Opened"}],Xr=[],et=e=>{let{modifiers:t,...o}=e,i={},a=ri($r,{children:[Ee("div",{className:"k-list-filter",children:Ee(te,{})}),Ee(w,{style:{width:300},size:o.size,children:ri(G,{children:[Ee(O,{children:"List item"}),Ee(O,{children:"List item"}),Ee(O,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(r=>{r==="opened"&&(i.opened=!!t?.[r],i.popup=t?.[r]?a:void 0)}),Ee("div",{children:Ee($,{placeholder:"Value",style:{width:300},...o,...i})})};et.options=Fr;et.states=Ur;et.variants=Xr;et.defaultOptions=Vr;et.modifiers=Gr;et.className=$.className;import{Fragment as iL,jsx as aL}from"react/jsx-runtime";import{Fragment as cL,jsx as dL}from"react/jsx-runtime";import{jsx as fL}from"react/jsx-runtime";import{jsx as Do}from"react/jsx-runtime";var Wr=y.states,qr=y.defaultOptions,Jr=y.options,Yr=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Qr=[],tt=e=>{let{modifiers:t,...o}=e,i={};return Object.keys(t||{}).forEach(a=>{switch(a){case"prefix":i.prefix=t?.[a]?Do($,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":i.suffix=t?.[a]?Do(ao,{children:"mm"}):void 0;break;case"clear-button":i.showClearButton=t?.[a];break;case"spin-button":i.showSpinButton=t?.[a];break;default:break}}),Do(Ca,{value:"Value",style:{width:300},...o,...i})};tt.options=Jr;tt.states=Wr;tt.variants=Qr;tt.defaultOptions=qr;tt.modifiers=Yr;tt.className=y.className;import{Fragment as Nt,jsx as L,jsxs as P}from"react/jsx-runtime";var li="k-colorgradient-inputs",Zr=[],jr={size:[l.undefined,l.small,l.medium,l.large]},di={mode:"rgba"},ot=e=>{let{mode:t=di.mode,size:o,...i}=e;return P("div",{...i,className:s(li,"k-hstack"),children:[L("div",{className:"k-vstack",children:L(N,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&P(Nt,{children:[P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),L("label",{className:"k-colorgradient-input-label",children:"R"})]}),P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),L("label",{className:"k-colorgradient-input-label",children:"G"})]}),P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),L("label",{className:"k-colorgradient-input-label",children:"B"})]}),P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),L("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&P(Nt,{children:[P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),L("label",{className:"k-colorgradient-input-label",children:"R"})]}),P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),L("label",{className:"k-colorgradient-input-label",children:"G"})]}),P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),L("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&P(Nt,{children:[P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),L("label",{className:"k-colorgradient-input-label",children:"H"})]}),P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),L("label",{className:"k-colorgradient-input-label",children:"S"})]}),P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),L("label",{className:"k-colorgradient-input-label",children:"V"})]}),P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),L("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&P(Nt,{children:[P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),L("label",{className:"k-colorgradient-input-label",children:"H"})]}),P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),L("label",{className:"k-colorgradient-input-label",children:"S"})]}),P("div",{className:"k-vstack",children:[L(y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),L("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&L(Nt,{children:P("div",{className:"k-vstack k-flex-1",children:[L(z,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),L("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ot.states=Zr;ot.options=jr;ot.className=li;ot.defaultOptions=di;import{jsx as Ke,jsxs as _e}from"react/jsx-runtime";var ci="k-colorgradient-color-contrast",el=[],tl={},ol={},at=()=>_e("div",{className:s(ci,"k-vbox"),children:[_e("div",{className:"k-contrast-ratio",children:[Ke("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),_e("span",{className:"k-contrast-validation !k-text-success",children:[Ke(I,{icon:"check"}),Ke(I,{icon:"check"})]})]}),_e("div",{children:[Ke("span",{children:"AA: 4.5"}),_e("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Ke(I,{icon:"check"})]})]}),_e("div",{children:[Ke("span",{children:"AAA: 7.0"}),_e("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Ke(I,{icon:"x"})]})]})]});at.states=el;at.options=tl;at.className=ci;at.defaultOptions=ol;var pi="color-gradient",mi="colorgradient";import{jsx as ae,jsxs as vt}from"react/jsx-runtime";var Ht="k-colorgradient",al=[n.hover,n.focus,n.readonly,n.disabled],il={size:[l.undefined,l.small,l.medium,l.large]},fe={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"},J=e=>{let{size:t,mode:o=fe.mode,readonly:i=fe.readonly,disabled:a=fe.disabled,gradientStyle:r=fe.gradientStyle,dragHandleStyle:d=fe.dragHandleStyle,alphaStyle:c=fe.alphaStyle,alphaStyleHorizontal:m=fe.alphaStyleHorizontal,contrast:u=fe.contrast,dir:f,hover:v,focus:S,hoverHandle:k,focusHandle:C,canvasOrientation:T=fe.canvasOrientation,role:g,tabIndex:A,..._}=e;return vt("div",{..._,role:g??"textbox","aria-label":g==="none"?void 0:"Color gradient",tabIndex:A??0,"aria-disabled":a?"true":void 0,className:s(e.className,Ht,M(Ht,{size:t}),E(Ht,{hover:v,focus:S,readonly:i,disabled:a})),dir:f,children:[!T||T==="horizontal"&&vt("div",{className:"k-colorgradient-canvas k-hstack",children:[ae("div",{className:"k-hsv-rectangle",style:r,children:ae("div",{className:"k-hsv-gradient",children:ae("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":k,"k-focus":C}),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})})}),vt("div",{className:"k-hsv-controls k-hstack",children:[ae(Qt,{className:"k-hue-slider",hover:k,focus:C}),o!=="rgb"&&o!=="hsv"&&ae(Qt,{className:"k-alpha-slider",hover:k,focus:C,trackStyle:c})]})]}),T==="vertical"&&vt("div",{className:"k-colorgradient-canvas k-vstack",children:[ae("div",{className:"k-hsv-rectangle",style:r,children:ae("div",{className:"k-hsv-gradient",children:ae("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":k,"k-focus":C}),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})})}),vt("div",{className:"k-hsv-controls k-vstack",children:[ae(Yt,{className:"k-hue-slider",hover:k,focus:C}),o!=="rgb"&&o!=="hsv"&&ae(Yt,{className:"k-alpha-slider",hover:k,focus:C,trackStyle:m})]})]}),ae(ot,{mode:e.mode,size:t}),u&&ae(at,{})]})};J.states=al;J.options=il;J.className=Ht;J.defaultOptions=fe;J.moduleName=pi;J.folderName=mi;import{jsx as nl}from"react/jsx-runtime";var Dt=e=>nl(J,{...e});import{jsx as Bo}from"react/jsx-runtime";var sl=J.options,rl=J.states,ll={...J.defaultOptions,variant:"rgba"},dl=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],cl=[],we=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Bo(Dt,{...o,mode:t});case"rgb":return Bo(Dt,{...o,mode:t});default:return Bo(Dt,{...o,mode:t})}};we.options=sl;we.states=rl;we.variants=dl;we.defaultOptions=ll;we.modifiers=cl;we.className=J.className;var eS=we;export{we as ColorgradientDemo,eS as default};