@progress/kendo-themes-html 14.4.1-dev.0 → 14.4.1-dev.1

package/dist/esm/form/templates/form-with-hints.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,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var T=(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"}),y=(e,t)=>{let{valid:o,invalid:a,hover:i,focus:r,checked:d,active:m,selected:c,disabled:u,indeterminate:b,loading:x,empty:h,readonly:M,highlighted:O,...A}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":i,"k-focus":r,"k-checked":d,"k-active":m,"k-selected":c,"k-disabled":u,"k-indeterminate":b&&!d,"k-loading":x,"k-empty":h,"k-readonly":M,"k-highlighted":O},Object.keys(A).reduce((L,v)=>(v.startsWith("k-")?L[v]=A[v]:L[`k-${v}`]=A[v],L),{}))};function xi(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},f={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Ne={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},N={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 no={};function E(e){return no[e]=(no[e]||0)+1,`k-${e}-${no[e]}`}var hi="form",Ni="forms";import{Fragment as Li,jsx as Pt,jsxs as hn}from"react/jsx-runtime";var wt="k-form",bn=[],xn={size:[l.undefined,l.small,l.medium,l.large]},so={layout:"basic",tag:"form"},_=e=>{let{size:t,orientation:o,layout:a=so.layout,formButtons:i,cols:r,gutters:d,tag:m=so.tag,children:c}=e,u=m,b=s(e.className,wt,T(wt,{size:t}),{[`${wt}-${o}`]:o}),x=hn(Li,{children:[a==="grid"?Pt("div",{className:s("k-form-layout","k-d-grid",{[`k-grid-cols-${r}`]:r}),style:{...typeof d=="string"&&{gap:d},...typeof d=="object"&&d.rows&&{rowGap:d.rows},...typeof d=="object"&&d.cols&&{columnGap:d.cols}},children:c}):Pt(Li,{children:c}),i&&Pt("div",{className:"k-form-buttons",children:i})]}),{role:h,"aria-labelledby":M,"aria-label":O,id:A}=e;return Pt(u,{className:b,role:h,"aria-labelledby":M,"aria-label":O,id:A,children:x})};_.states=bn;_.options=xn;_.className=wt;_.defaultOptions=so;_.moduleName=hi;_.folderName=Ni;var Ii="label",vi="label";import{jsx as Si,jsxs as vn}from"react/jsx-runtime";var ro="k-label",Nn=[n.disabled],Ln={},In={},Te=e=>{let{disabled:t,optional:o,info:a,text:i,children:r,...d}=e;return vn("label",{...d,className:s(e.className,ro,y(ro,{disabled:t})),children:[i||r,o&&Si("span",{className:"k-label-optional",children:"(Optional)"}),a&&Si("span",{className:"k-field-info",children:a})]})};Te.states=Nn;Te.options=Ln;Te.className=ro;Te.defaultOptions=In;Te.moduleName=Ii;Te.folderName=vi;import{jsx as An}from"react/jsx-runtime";var Mi="k-form-hint",Sn=[],Mn={},En={},re=e=>{let{text:t,children:o,...a}=e;return An("div",{...a,className:s(e.className,Mi),children:t||o})};re.states=Sn;re.options=Mn;re.className=Mi;re.defaultOptions=En;import{jsx as On}from"react/jsx-runtime";var Ei="k-form-error",Tn=[],yn={},gn={},le=e=>{let{text:t,children:o,...a}=e;return On("div",{...a,className:s(e.className,Ei),children:t||o})};le.states=Tn;le.options=yn;le.className=Ei;le.defaultOptions=gn;import{jsx as Ht,jsxs as Ai}from"react/jsx-runtime";var lo="k-form-field",kn=[n.disabled],P=e=>{let{editorId:t,label:o,orientation:a,optional:i,editor:r,hint:d,error:m,info:c,disabled:u,dir:b,colSpan:x,...h}=e;return Ai("div",{...h,className:s(lo,e.className,y(lo,{disabled:u}),{[`k-col-span-${x}`]:x}),dir:b,children:[o&&Ht(Te,{className:"k-form-label",id:t?`${t}-label`:void 0,htmlFor:t||void 0,optional:i,info:c?"(field info)":void 0,children:o}),a==="horizontal"&&!o&&Ht("span",{className:"k-label k-form-label k-label-empty"}),Ai("div",{className:"k-form-field-wrap",children:[r,d&&Ht(re,{id:t?`${t}-hint`:void 0,children:d}),m&&Ht(le,{id:t?`${t}-error`:void 0,children:m})]})]})};P.states=kn;P.className=lo;import{Fragment as Cn,jsx as po,jsxs as Rn}from"react/jsx-runtime";var Ti="k-form-fieldset",Ve=e=>{let{legend:t,layout:o,cols:a,gutters:i,colSpan:r}=e;return Rn("fieldset",{className:s(Ti,{[`k-col-span-${r}`]:r}),children:[t&&po("legend",{className:"k-form-legend",children:t}),o==="grid"?po("div",{className:s("k-form-layout","k-d-grid",{[`k-grid-cols-${a}`]:a}),style:{...typeof i=="string"&&{gap:i},...typeof i=="object"&&i.rows&&{rowGap:i.rows},...typeof i=="object"&&i.cols&&{columnGap:i.cols}},children:e.children}):po(Cn,{children:e.children})]})};Ve.className=Ti;import{Fragment as Pn,jsx as yi}from"react/jsx-runtime";var mo="k-font-icon",Kn=[],Dn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info]},_n={},vt=e=>{let{size:t,themeColor:o,icon:a,rotate:i,flip:r,...d}=e;return a?yi("span",{...d,className:s(e.className,mo,T(mo,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true"}):yi(Pn,{})};vt.states=Kn;vt.options=Dn;vt.className=mo;vt.defaultOptions=_n;var gi=vt;import{Fragment as zn,jsx as zt}from"react/jsx-runtime";var co="k-svg-icon",wn=[],Hn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info],variant:[Ne.outline,Ne.solid,Ne.duotone]},uo={viewBox:"0 0 24 24",variant:Ne.outline},St=e=>{let{size:t,themeColor:o,rotate:a,flip:i,viewBox:r=uo.viewBox,variant:d=uo.variant,icon:m,...c}=e;if(!m)return zt(zn,{});if(m==="none")return zt("span",{...c,className:s(e.className,co,T("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof m=="object"&&m.name&&m.name,b=typeof m=="object"?d&&m.variants?.[d]||m.variants?.outline||m.content:void 0;return zt("span",{...c,className:s(e.className,co,T("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:zt("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:r,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:m?void 0:e.children})})};St.states=wn;St.options=Hn;St.className=co;St.defaultOptions=uo;var fo=St;import*as bo from"@progress/kendo-svg-icons";var Oi="icon",ki="icons";import{useContext as Fn}from"react";import{createContext as Bn}from"react";var Ci=Bn({iconsType:"svg"});import{Fragment as Ri,jsx as Mt}from"react/jsx-runtime";var Bt="k-icon",Un=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Vn=[],Gn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info],variant:[Ne.outline,Ne.solid,Ne.duotone]},Ft={viewBox:"0 0 24 24",type:"svg",variant:Ne.outline},S=e=>{let{iconsType:t}=Fn(Ci),{size:o,themeColor:a,icon:i,type:r=t||Ft.type,rotate:d,flip:m,viewBox:c=Ft.viewBox,variant:u=Ft.variant,...b}=e;if(!i)return Mt(Ri,{});if((t||r)==="svg"){if(i==="none")return Mt(fo,{...b,className:s(e.className,Bt),icon:i,size:o,variant:u});let h=bo[i]?i:Un(`${i}-icon`);return bo[h]?Mt(fo,{...b,className:s(e.className,Bt),icon:bo[h],size:o,themeColor:a,rotate:d,flip:m,viewBox:c,variant:u}):Mt(Ri,{})}return Mt(gi,{...b,className:s(e.className,Bt),icon:i,size:o,themeColor:a,rotate:d,flip:m})};S.states=Vn;S.options=Gn;S.defaultOptions=Ft;S.className=Bt;S.moduleName=Oi;S.folderName=ki;var xo="button",Ki=xo;import{Fragment as Di,jsx as Ge,jsxs as _i}from"react/jsx-runtime";var Et="k-button",Xn=["icon-button"],$n=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Wn={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:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.inverse]},ho={showArrow:!1,arrowIconName:"chevron-down"},I=e=>{let{as:t="button",size:o,rounded:a,fillMode:i,themeColor:r,showArrow:d=ho.showArrow,arrowIconName:m=ho.arrowIconName,variant:c,hover:u,focus:b,active:x,selected:h,disabled:M,togglable:O,ariaDisabled:A,icon:L,iconSize:v,text:K,iconClassName:w,className:X,...be}=e,Se=L!=null,we=e.children!==void 0;return _i(t,{className:s(X,Et,xi(Et,c),T(Et,{size:o,rounded:a,fillMode:i,themeColor:r}),y(Et,{hover:u,focus:b,active:x,disabled:M||A,selected:h}),{"k-icon-button":!K&&!we&&Se}),"aria-pressed":O?h?"true":"false":void 0,...be,"aria-disabled":A?"true":void 0,disabled:M||void 0,children:[typeof L=="string"&&L&&Ge(S,{className:s(w,"k-button-icon"),icon:L,size:v}),L&&typeof L!="string"&&Ge(Di,{children:L}),K?_i(Di,{children:[K&&Ge("span",{className:"k-button-text",children:K}),e.children]}):e.children&&Ge("span",{className:"k-button-text",children:e.children}),d&&Ge("span",{className:"k-menu-button-arrow k-button-arrow",children:Ge(S,{icon:m})})]})};I.states=$n;I.options=Wn;I.variants=Xn;I.className=Et;I.defaultOptions=ho;I.moduleName=xo;I.folderName=Ki;import{jsx as qn}from"react/jsx-runtime";var No=e=>qn(I,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Jn}from"react/jsx-runtime";var Pi=e=>Jn(I,{icon:"folder",children:"Button",...e});import{jsx as Yn}from"react/jsx-runtime";var He=e=>Yn(I,{children:"Button",...e});import{jsx as Lo}from"react/jsx-runtime";var Qn=I.options,Zn=I.states,jn={...I.defaultOptions,variant:"text"},es=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ts=[],Xe=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Lo(No,{...o,icon:"star"});case"icon-and-text":return Lo(Pi,{...o,icon:"star",children:"Button"});default:return Lo(He,{...o,children:"Button"})}};Xe.options=Qn;Xe.states=Zn;Xe.variants=es;Xe.defaultOptions=jn;Xe.modifiers=ts;Xe.className=I.className;var At="input",Ut=At;import{jsx as ns}from"react/jsx-runtime";var Vt="k-input",os=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],is={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},as={},k=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:d,readonly:m,size:c,rounded:u,fillMode:b,...x}=e;return ns("span",{...x,className:s(e.className,Vt,T(Vt,{size:c,rounded:u,fillMode:b}),y(Vt,{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:d,readonly:m}))})};k.states=os;k.options=is;k.className=Vt;k.defaultOptions=as;k.moduleName=At;k.folderName=Ut;import{jsx as ds}from"react/jsx-runtime";var Gt="k-picker",ss=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],rs={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},ls={},ye=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:d,readonly:m,size:c,rounded:u,fillMode:b,...x}=e;return ds("span",{...x,className:s(e.className,Gt,T(Gt,{size:c,rounded:u,fillMode:b}),y(Gt,{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:d,readonly:m})),children:e.children})};ye.states=ss;ye.options=rs;ye.className=Gt;ye.defaultOptions=ls;ye.moduleName=At;ye.folderName=Ut;import{Fragment as cs,jsx as Io}from"react/jsx-runtime";var wi="k-clear-value",ps=[n.disabled,n.loading,n.readonly],ms={},$=e=>{let{disabled:t,loading:o,readonly:a,value:i}=e;return t||a||o||!i?Io(cs,{}):Io("span",{className:s(e.className,wi),children:Io(S,{icon:"x"})})};$.states=ps;$.options=ms;$.className=wi;import{jsx as bs}from"react/jsx-runtime";var vo="k-input-inner",us=[],fs={},Xt={type:"text",autocomplete:"off",value:"",placeholder:""},W=e=>{let{value:t=Xt.value,type:o=Xt.type,placeholder:a=Xt.placeholder,autocomplete:i=Xt.autocomplete,disabled:r,readOnly:d,...m}=e;return bs("input",{...m,type:o,className:s(e.className,vo,T(vo,e)),placeholder:a,autoComplete:i,defaultValue:t,disabled:r||void 0,readOnly:d||void 0})};W.states=us;W.options=fs;W.className=vo;import{jsx as Hi,jsxs as Ns}from"react/jsx-runtime";var So="k-input-inner",xs=[],hs={},Tt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:i,valueIconName:r,...d}=e;return Ns("span",{...d,className:s(e.className,So,T(So,e)),children:[i,!i&&r&&Hi(S,{className:"k-input-value-icon",icon:r}),a&&!t&&o,a&&t&&Hi("span",{className:"k-input-value-text",children:t})]})};Tt.states=xs;Tt.options=hs;Tt.className=So;import{jsx as vs}from"react/jsx-runtime";var Mo="k-input-inner",Ls=[],Is={},zi={value:"",placeholder:""},yt=e=>{let{value:t=zi.value,placeholder:o=zi.placeholder,rows:a,disabled:i,...r}=e;return vs("textarea",{...r,className:s(e.className,Mo,T(Mo,e)),placeholder:o,rows:a,defaultValue:t,disabled:i||void 0})};yt.states=Ls;yt.options=Is;yt.className=Mo;import{Fragment as Ms,jsx as Bi}from"react/jsx-runtime";var Fi="k-input-loading-icon",Ss=[n.disabled,n.loading],F=e=>{let{disabled:t,loading:o}=e;return t||!o?Bi(Ms,{}):Bi("span",{className:s(e.className,Fi,"k-icon k-i-loading")})};F.states=Ss;F.className=Fi;import{Fragment as Ts,jsx as Ui}from"react/jsx-runtime";var Vi="k-input-validation-icon",Es=[n.valid,n.invalid,n.disabled,n.loading],As={},H=e=>{let{valid:t,invalid:o,disabled:a,loading:i}=e,r=o?"warning-circle":"check-circle";return a||i||!!!(t||o)?Ui(Ts,{}):Ui(S,{className:s(Vi),icon:r})};H.states=Es;H.options=As;H.className=Vi;import{Fragment as Os,jsx as Gi}from"react/jsx-runtime";var ys="k-input-prefix",gs={direction:"horizontal"},de=e=>{let{direction:t=gs.direction,...o}=e;return e.children?Gi("span",{...o,className:s(ys,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Gi(Os,{})};import{Fragment as Rs,jsx as Xi}from"react/jsx-runtime";var ks="k-input-suffix",Cs={direction:"horizontal"},pe=e=>{let{direction:t=Cs.direction,...o}=e;return e.children?Xi("span",{...o,className:s(ks,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Xi(Rs,{})};import{jsx as Kc}from"react/jsx-runtime";import{jsx as Ds}from"react/jsx-runtime";var Ks="k-input-suffix-text",Eo=e=>{let{children:t,...o}=e;return Ds("span",{...o,className:s(Ks,e.className),children:t})};import{jsx as Ps}from"react/jsx-runtime";var $i="k-input-separator",_s={direction:"vertical"},q=e=>{let{direction:t=_s.direction,...o}=e;return Ps("span",{...o,className:s($i,e.className,{[`${$i}-${t}`]:t})})};import{Fragment as Wi,jsx as Le,jsxs as Ao}from"react/jsx-runtime";var ws=k.states,Hs=k.defaultOptions,zs=k.options,Bs=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Fs=[],$e=e=>{let{modifiers:t,valid:o,invalid:a,loading:i,disabled:r,readonly:d,...m}=e,c=t?.prefix,u=t?.suffix,b=t?.["clear-button"],x=t?.["validation-icon"],h=t?.separators;return Ao(k,{...m,valid:o,invalid:a,loading:i,disabled:r,readonly:d,style:{width:300},children:[c&&Ao(Wi,{children:[Le(de,{children:Le(S,{icon:"lock"})}),h&&Le(q,{})]}),Le(W,{placeholder:"Placeholder",value:"Value"}),x&&Le(H,{valid:o,invalid:a,loading:i,disabled:r}),Le(F,{loading:i,disabled:r}),b&&Le($,{loading:i,disabled:r,readonly:d,value:"Value"}),u&&Ao(Wi,{children:[h&&Le(q,{}),Le(pe,{children:Le(He,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};$e.options=zs;$e.states=ws;$e.variants=Fs;$e.defaultOptions=Hs;$e.modifiers=Bs;$e.className=k.className;var To="popup",qi=To;import{jsx as Ji}from"react/jsx-runtime";var Yi="k-animation-container",Us=[],Vs={},yo={positionMode:"absolute",shown:!0},Ie=e=>{let{positionMode:t=yo.positionMode,shown:o=yo.shown,animationStyle:a,offset:i,...r}=e;return Ji("div",{...r,style:{...i,...e.style},className:s(e.className,Yi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Ji("div",{className:"k-child-animation-container",style:a,children:e.children})})};Ie.states=Us;Ie.options=Vs;Ie.className=Yi;Ie.defaultOptions=yo;Ie.moduleName=To;Ie.folderName=qi;var go="popup",Qi=go;import{jsx as Zi}from"react/jsx-runtime";var ji="k-popup",Gs=[],Xs={},ea={positionMode:"absolute"},ge=e=>{let{offset:t,positionMode:o=ea.positionMode,animationStyle:a,containerClassName:i,containerRole:r,containerAriaLabel:d,...m}=e;return Zi(Ie,{positionMode:o,offset:t,animationStyle:a,className:i,role:r,"aria-label":d,children:Zi("div",{...m,className:s(e.className,ji),children:e.children})})};ge.states=Gs;ge.options=Xs;ge.className=ji;ge.defaultOptions=ea;ge.moduleName=go;ge.folderName=Qi;var Oo="action-buttons",ta=Oo;import{jsx as qs}from"react/jsx-runtime";var $t="k-actions",$s=[],Ws={},ko={alignment:"start",orientation:"horizontal"},Oe=e=>{let{alignment:t=ko.alignment,orientation:o=ko.orientation,...a}=e;return qs("div",{...a,className:s($t,{[`${$t}-${t}`]:t,[`${$t}-${o}`]:o},e.className),children:e.children})};Oe.states=$s;Oe.options=Ws;Oe.className=$t;Oe.defaultOptions=ko;Oe.moduleName=Oo;Oe.folderName=ta;import{jsx as Ys}from"react/jsx-runtime";var Js="k-actionsheet-footer",oa={alignment:"stretched",orientation:"horizontal"},We=e=>{let{alignment:t=oa.alignment,orientation:o=oa.orientation,template:a,as:i=a?"div":Oe,...r}=e;return Ys(i,{...r,...!a&&{alignment:t,orientation:o},className:s(e.className,Js),children:e.children})};var Co="searchbox",ia=Co;import{jsx as gt,jsxs as js}from"react/jsx-runtime";var aa="k-searchbox",Qs=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Zs={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Ro={showIcon:!0,icon:"search"},me=e=>{let{value:t,placeholder:o,size:a,rounded:i,fillMode:r,hover:d,focus:m,valid:c,invalid:u,required:b,loading:x,disabled:h,showIcon:M=Ro.showIcon,icon:O=Ro.icon,"aria-label":A,...L}=e;return js(k,{...L,size:a,rounded:i,fillMode:r,hover:d,focus:m,valid:c,invalid:u,required:b,loading:x,disabled:h,className:s(e.className,aa),children:[M&&gt(S,{className:"k-input-icon",icon:O}),gt(W,{placeholder:o,value:t,"aria-label":A}),gt(F,{...e}),gt(H,{...e}),gt($,{...e})]})};me.states=Qs;me.options=Zs;me.className=aa;me.defaultOptions=Ro;me.moduleName=Co;me.folderName=ia;import{jsx as Zu}from"react/jsx-runtime";var Ko="textbox",na=Ko;import{Fragment as sa,jsx as ke,jsxs as Do}from"react/jsx-runtime";var ra="k-textbox",er=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],tr={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Wt={showClearButton:!0,showValidationIcon:!0,separators:!0},g=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Wt.separators,showClearButton:r=Wt.showClearButton,showValidationIcon:d=Wt.showValidationIcon,prefix:m,suffix:c,type:u,value:b,placeholder:x,hover:h,focus:M,valid:O,invalid:A,required:L,loading:v,disabled:K,readonly:w,id:X,"aria-label":be,"aria-describedby":Se,...we}=e;return Do(k,{...we,size:t,rounded:o,fillMode:a,hover:h,focus:M,valid:O,invalid:A,required:L,loading:v,disabled:K,readonly:w,className:s(e.className,ra),children:[m&&Do(sa,{children:[ke(de,{children:m}),i&&ke(q,{})]}),ke(W,{id:X,placeholder:x,value:b,type:u,disabled:K,"aria-label":be,"aria-describedby":Se,"aria-invalid":A?"true":void 0}),d&&ke(H,{valid:O,invalid:A,loading:v,disabled:K}),ke(F,{loading:v,disabled:K}),r&&ke($,{loading:v,disabled:K,readonly:w,value:b}),c&&Do(sa,{children:[i&&ke(q,{}),ke(pe,{children:c})]})]})};g.states=er;g.options=tr;g.className=ra;g.defaultOptions=Wt;g.moduleName=Ko;g.folderName=na;var Ot=g;import{jsx as or}from"react/jsx-runtime";var la=e=>or(Ot,{...e});import{Fragment as hf,jsx as xf}from"react/jsx-runtime";import{Fragment as Mf,jsx as Sf}from"react/jsx-runtime";import{jsx as yf}from"react/jsx-runtime";import{jsx as _o}from"react/jsx-runtime";var ir=g.states,ar=g.defaultOptions,nr=g.options,sr=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],rr=[],qe=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?_o(S,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[i]?_o(He,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;default:break}}),_o(la,{value:"Value",style:{width:300},...o,...a})};qe.options=nr;qe.states=ir;qe.variants=rr;qe.defaultOptions=ar;qe.modifiers=sr;qe.className=g.className;import{jsx as Ce,jsxs as Po}from"react/jsx-runtime";var da="k-actionsheet-titlebar",lr={},xe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:i,filter:r,input:d,inputValue:m,inputPlaceholder:c,adaptive:u,titleId:b,children:x,...h}=e;return Po("div",{...h,className:s(e.className,da),children:[Po("div",{className:"k-actionsheet-titlebar-group",children:[a&&Ce("div",{className:"k-actionsheet-actions",children:a}),!x&&Po("div",{className:"k-actionsheet-title",id:b,children:[t&&Ce("div",{className:"k-text-center",children:t}),o&&Ce("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&Ce("div",{className:"k-actionsheet-title",id:b,children:x}),i&&Ce("div",{className:"k-actionsheet-actions",children:i})]}),(d||r)&&Ce("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?Ce(g,{value:m,placeholder:c,size:u?"large":"medium","aria-label":t||c||"Input"}):Ce(me,{placeholder:"Filter",size:u?"large":"medium","aria-label":"Filter options"})})]})};xe.className=da;xe.defaultOptions=lr;import{jsx as wo,jsxs as cr}from"react/jsx-runtime";var Ho="k-actionsheet-view",dr=[],pr={},mr={},Je=e=>{let{adaptive:t,animated:o,children:a,header:i,footer:r,titleId:d,...m}=e,c=i?.type===xe&&wo(xe,{adaptive:t,titleId:d,...i?.props}),u=r?.type===We&&wo(We,{...r?.props});return cr("div",{...m,className:s(e.className,Ho,{[`${Ho}-animated`]:o}),children:[c,wo("div",{className:"k-actionsheet-content",children:a}),u]})};Je.states=dr;Je.options=pr;Je.className=Ho;Je.defaultOptions=mr;var kt="action-sheet",qt=kt;var zo="overlay",pa=zo;import{jsx as xr}from"react/jsx-runtime";var ma="k-overlay",ur=[],fr={},br={},Re=e=>{let{...t}=e;return xr("div",{...t,className:s(e.className,ma),children:e.children})};Re.states=ur;Re.options=fr;Re.className=ma;Re.defaultOptions=br;Re.moduleName=zo;Re.folderName=pa;import{jsx as Jt,jsxs as Lr}from"react/jsx-runtime";var ca="k-actionsheet",hr=[],Nr={},Ct={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},U=e=>{let{side:t=Ct.side,fullscreen:o=Ct.fullscreen,adaptive:a=Ct.adaptive,overlay:i=Ct.overlay,template:r,children:d,header:m,footer:c,id:u,...b}=e,x=u&&!r&&m?`${u}-title`:void 0;return Lr("div",{className:"k-actionsheet-container",children:[i&&Jt(Re,{}),Jt(Ie,{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:Jt("div",{...b,id:u,role:"dialog","aria-modal":i?"true":void 0,"aria-labelledby":x,className:s(e.className,ca,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:r||Jt(Je,{header:m,footer:c,adaptive:a,titleId:x,...e,children:d})})})]})};U.states=hr;U.options=Nr;U.className=ca;U.defaultOptions=Ct;U.moduleName=kt;U.folderName=qt;import{jsx as Mr}from"react/jsx-runtime";var ua="k-actionsheet-container",Ir=[],vr={},Sr={},Ye=e=>{let{children:t,...o}=e;return Mr("div",{...o,className:ua,children:t})};Ye.states=Ir;Ye.options=vr;Ye.className=ua;Ye.defaultOptions=Sr;Ye.moduleName=kt;Ye.folderName=qt;import{jsx as Er}from"react/jsx-runtime";var Bo=e=>{let{...t}=e;return Er("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as Tr,jsx as Rt,jsxs as Fo}from"react/jsx-runtime";var Uo="k-actionsheet-item",Ar=[n.hover,n.focus,n.selected,n.disabled],Ke=e=>{let{iconName:t,text:o,description:a,hover:i,focus:r,selected:d,disabled:m,...c}=e;return Fo("span",{...c,className:s(e.className,Uo,y(Uo,{hover:i,focus:r,selected:d,disabled:m})),children:[!e.children&&Rt(Tr,{children:Fo("span",{className:"k-actionsheet-action",children:[t&&Rt("span",{className:"k-icon-wrap",children:Rt(S,{className:"k-actionsheet-item-icon",icon:t})}),Fo("span",{className:"k-actionsheet-item-text",children:[o&&Rt("span",{className:"k-actionsheet-item-title",children:o}),a&&Rt("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Ke.states=Ar;Ke.className=Uo;import{jsx as Tb,jsxs as yb}from"react/jsx-runtime";import{jsx as Cb}from"react/jsx-runtime";import{jsx as _b}from"react/jsx-runtime";import{jsx as zb}from"react/jsx-runtime";import{jsx as z,jsxs as Vo}from"react/jsx-runtime";var yr=U.options,gr=U.states,ba={...U.defaultOptions,variant:"normal"},Or=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],kr=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Qe=e=>{let{variant:t,modifiers:o,...a}={...ba,...e},i={},r=Vo(Bo,{children:[z(Ke,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),z(Ke,{text:"Add to Favorites",iconName:"heart"}),z(Ke,{text:"Upload New",iconName:"upload",disabled:!0}),z("hr",{className:"k-hr"}),z(Ke,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",m="Select Item";return t==="fullScreen"&&(i.fullScreen=!0),Object.keys(o||{}).forEach(c=>{switch(c){case"actions":i.actionsStart=!!o?.[c],i.actionsEnd=!!o?.[c];break;case"subtitle":i.subtitle=o?.[c]?d:void 0;break;case"footer":i.footer=!!o?.[c];break;default:break}}),t==="adaptive"?z(U,{...a,adaptive:!0,fullscreen:i.fullScreen,header:z(xe,{actionsStart:i.actionsStart?z(I,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?z(I,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:i.subtitle}),footer:i.footer?Vo(We,{alignment:"stretched",children:[z(I,{text:"Cancel",size:"large",themeColor:"base"}),z(I,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:r}):z(U,{...a,fullscreen:i.fullScreen,header:z(xe,{actionsStart:i.actionsStart?z(I,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?z(I,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:i.subtitle}),footer:i.footer?Vo(We,{alignment:"stretched",children:[z(I,{text:"Apply",themeColor:"primary"}),z(I,{text:"Cancel",themeColor:"base"})]}):void 0,children:r})};Qe.options=yr;Qe.states=gr;Qe.variants=Or;Qe.defaultOptions=ba;Qe.modifiers=kr;Qe.className=U.className;import $o from"react";import{jsx as xa}from"react/jsx-runtime";var Cr="k-list-group-sticky-header",Go=e=>xa("div",{className:s(Cr,e.className),children:xa("div",{className:"k-list-header-text",children:e.children})});import{jsx as Kr}from"react/jsx-runtime";var Rr="k-no-data",Xo=e=>{let{live:t,...o}=e;return Kr("span",{...o,className:s(Rr,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ze="list",Ze=ze;import{jsx as ha,jsxs as Na}from"react/jsx-runtime";var Wo="k-list",Dr=[],_r={size:[l.undefined,l.small,l.medium,l.large]},Pr={},D=e=>{let{size:t,virtualization:o,children:a,header:i,selectAll:r,optionLabel:d,customValue:m,noData:c,screenReaders:u,...b}=e,h=$o.Children.toArray(a)[0],M=h?.props?.children?$o.Children.count(h.props.children):$o.Children.count(a);return Na("div",{...b,className:s(e.className,Wo,T(Wo,{size:t}),{"k-virtual-list":o}),children:[d,r,m,i&&ha(Go,{children:i}),a||(c!==void 0?c:ha(Xo,{live:!0,children:"No data found."})),u&&a&&Na(Xo,{className:"k-sr-only",live:!0,children:[M," items found."]})]})};D.states=Dr;D.options=_r;D.className=Wo;D.defaultOptions=Pr;D.moduleName=ze;D.folderName=Ze;import{jsx as Br}from"react/jsx-runtime";var La="k-list-container",wr=[],Hr={},zr={},je=e=>{let{...t}=e;return Br("div",{...t,className:s(e.className,La),children:e.children})};je.states=wr;je.options=Hr;je.className=La;je.defaultOptions=zr;je.moduleName=ze;je.folderName=Ze;var Be="checkbox",et=Be;import{jsx as Ia}from"react/jsx-runtime";var Yt="k-checkbox",Fr=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Ur={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full]},Vr={},J=e=>{let{id:t,checked:o,indeterminate:a,hover:i,focus:r,disabled:d,invalid:m,valid:c,required:u,size:b,rounded:x,wrapperRole:h,...M}=e;return Ia("span",{className:"k-checkbox-wrap",role:h,children:Ia("input",{...M,id:t,type:"checkbox",defaultChecked:o,required:u,disabled:d||void 0,"aria-invalid":m?"true":void 0,className:s(e.className,Yt,T(Yt,{size:b,rounded:x}),y(Yt,{hover:i,focus:r,disabled:d,invalid:m,valid:c,indeterminate:a,checked:o}))})})};J.states=Fr;J.options=Ur;J.className=Yt;J.defaultOptions=Vr;J.moduleName=Be;J.folderName=et;var he=J;import{jsx as $r}from"react/jsx-runtime";var va="k-checkbox-list",Gr=[],Xr={},Sa={layout:"vertical"},Y=e=>{let{layout:t=Sa.layout,...o}=e;return $r("ul",{...o,className:s(e.className,va,{[`k-list-${t}`]:t}),children:e.children})};Y.states=Gr;Y.options=Xr;Y.className=va;Y.defaultOptions=Sa;Y.moduleName=Be;Y.folderName=et;import{jsx as Yr}from"react/jsx-runtime";var Ma="k-checkbox-list-item",Wr=[],qr={},Jr={},Q=e=>{let{...t}=e;return Yr("li",{...t,className:s(e.className,Ma),children:e.children})};Q.states=Wr;Q.options=qr;Q.className=Ma;Q.defaultOptions=Jr;Q.moduleName=Be;Q.folderName=et;import{Fragment as Qr,jsx as Ea,jsxs as Zr}from"react/jsx-runtime";var Me=({children:e="Label",id:t="cb-label-after",...o})=>Zr(Qr,{children:[Ea(he,{id:t,...o}),Ea("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as qx,jsx as Wx,jsxs as Jx}from"react/jsx-runtime";import{Fragment as eh,jsx as jx,jsxs as th}from"react/jsx-runtime";import{Fragment as sh,jsx as nh,jsxs as rh}from"react/jsx-runtime";import{jsx as mh}from"react/jsx-runtime";import{jsx as bh}from"react/jsx-runtime";import{jsx as Lh}from"react/jsx-runtime";import{jsx as ce,jsxs as Aa}from"react/jsx-runtime";var jr=Y.options,el=Y.states,tl={...Y.defaultOptions,variant:"vertical"},ol=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],il=[],tt=e=>{let{variant:t,...o}=e;return t==="horizontal"?Aa(Y,{layout:"horizontal",...o,children:[ce(Q,{children:ce(Me,{id:E("cb"),defaultChecked:!0,children:"Label"})}),ce(Q,{children:ce(Me,{id:E("cb"),children:"Label"})}),ce(Q,{children:ce(Me,{id:E("cb"),children:"Label"})})]}):Aa(Y,{...o,children:[ce(Q,{children:ce(Me,{id:E("cb"),defaultChecked:!0,children:"Label"})}),ce(Q,{children:ce(Me,{id:E("cb"),children:"Label"})}),ce(Q,{children:ce(Me,{id:E("cb"),children:"Label"})})]})};tt.options=jr;tt.states=el;tt.variants=ol;tt.defaultOptions=tl;tt.modifiers=il;tt.className=Y.className;import{jsx as dl}from"react/jsx-runtime";var al=he.options,nl=he.states,sl=he.defaultOptions,rl=[],ll=[],ot=e=>dl(Me,{id:E("checkbox"),...e,defaultChecked:!0,children:"Label"});ot.options=al;ot.states=nl;ot.variants=rl;ot.defaultOptions=sl;ot.modifiers=ll;ot.className=he.className;import{jsx as Fe,jsxs as ul}from"react/jsx-runtime";var qo="k-list-item",pl=[n.hover,n.focus,n.selected,n.disabled],ml={},cl={},C=e=>{let{text:t,groupLabel:o,group:a,iconName:i,iconClassName:r,showCheckbox:d,checked:m,hover:c,focus:u,selected:b,disabled:x,actions:h,description:M,id:O,...A}=e,L=t||e.children,v=t||(typeof L=="string"?L:void 0);return ul("li",{...A,id:O,role:a?"presentation":"option",tabIndex:a?void 0:u?0:-1,"aria-selected":!a&&b?"true":a?void 0:"false","aria-disabled":!a&&x?"true":void 0,className:s(e.className,a?"k-list-group-item":qo,y(qo,{hover:c,focus:u,disabled:x,selected:b})),children:[d&&Fe(J,{checked:m,disabled:x,"aria-label":v,tabIndex:-1}),i&&Fe("span",{className:"k-list-item-icon-wrapper",children:Fe(S,{icon:i,className:s("k-list-item-icon",r)})}),Fe("span",{className:"k-list-item-text",children:L}),h&&Fe("div",{className:"k-list-item-actions",children:h}),M&&Fe("span",{className:"k-list-item-description",children:M}),o&&o!==""&&Fe("div",{className:"k-list-item-group-label",children:o})]})};C.states=pl;C.options=ml;C.className=qo;C.defaultOptions=cl;C.moduleName=ze;C.folderName=Ze;import{jsx as bl}from"react/jsx-runtime";var fl="k-list-ul",it=e=>{let{children:t,role:o,id:a,...i}=e;return bl("ul",{...i,id:a,role:o,className:s(fl,e.className),children:t})};import{jsx as Jo,jsxs as hl}from"react/jsx-runtime";var xl="k-list-content",Z=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":i,listboxId:r,...d}=e;return hl("div",{...d,className:s(xl,e.className),role:o?"listbox":void 0,id:o?r:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?i:void 0,children:[o?e.children:Jo(it,{role:"listbox",id:r,"aria-label":a,"aria-labelledby":i,children:e.children}),t&&Jo("div",{className:"k-height-container",children:Jo("div",{})})]})};import{jsx as Yo,jsxs as vl}from"react/jsx-runtime";var Qt="k-list-sticky-header",Nl=[n.hover,n.focus,n.selected],Ll={},Il={},Zt=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:i,hover:r,focus:d,selected:m,...c}=e;return Yo("div",{...c,className:s(Qt,e.className),children:vl("div",{className:s(`${Qt}-item`,y(`${Qt}-item`,{hover:r,focus:d,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&Yo(J,{checked:a,indeterminate:i,"aria-label":t}),Yo("span",{className:"k-list-item-text",children:t})]})})};Zt.states=Nl;Zt.options=Ll;Zt.className=Qt;Zt.defaultOptions=Il;import{Fragment as uN,jsx as cN,jsxs as fN}from"react/jsx-runtime";import{jsx as LN,jsxs as IN}from"react/jsx-runtime";import{jsx as Al}from"react/jsx-runtime";var Qo="k-list-optionlabel",Sl=[n.hover,n.focus,n.selected,n.disabled],Ml={},El={},jt=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:r,...d}=e;return Al("div",{...d,className:s(Qo,y(Qo,{hover:o,focus:a,selected:i,disabled:r})),children:t})};jt.states=Sl;jt.options=Ml;jt.className=Qo;jt.defaultOptions=El;import{jsx as Ol}from"react/jsx-runtime";var Zo="k-list-custom-value",Tl=[n.hover,n.focus,n.selected,n.disabled],yl={},gl={},eo=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:r,...d}=e;return Ol("div",{...d,className:s(Zo,y(Zo,{hover:o,focus:a,selected:i,disabled:r})),children:t})};eo.states=Tl;eo.options=yl;eo.className=Zo;eo.defaultOptions=gl;import{Fragment as RN,jsx as CN,jsxs as KN}from"react/jsx-runtime";import{Fragment as zN,jsx as HN,jsxs as BN}from"react/jsx-runtime";import{Fragment as WN,jsx as XN,jsxs as $N}from"react/jsx-runtime";import{Fragment as eL,jsx as ZN,jsxs as jN}from"react/jsx-runtime";import{jsx as aL}from"react/jsx-runtime";import{Fragment as pL,jsx as dL,jsxs as mL}from"react/jsx-runtime";import{Fragment as hL,jsx as xL,jsxs as NL}from"react/jsx-runtime";var Ta="dropdown-list",ya="dropdownlist";import{Fragment as Rl,jsx as j,jsxs as ei}from"react/jsx-runtime";var ga="k-dropdownlist",kl=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Cl={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},ti={showValue:!0,arrowIconName:"chevron-down"},R=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=ti.arrowIconName,showValue:r=ti.showValue,valueIconName:d,prefix:m,suffix:c,value:u,placeholder:b,hover:x,focus:h,valid:M,invalid:O,required:A,loading:L,disabled:v,readonly:K,popup:w,opened:X,adaptive:be,adaptiveSettings:Se,adaptiveTitle:we,adaptiveSubtitle:pn,adaptiveFilter:mn,id:It,activeDescendant:fi,"aria-label":cn,...un}=e,fn=It?`${It}-listbox`:void 0,bi=It?`${It}-value`:void 0;return ei(Rl,{children:[ei(ye,{...un,id:It,size:t,rounded:o,fillMode:a,hover:x,focus:h,valid:M,invalid:O,required:A,loading:L,disabled:v,readonly:K,className:s(e.className,ga,{"k-icon-picker":!r&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":X?"true":"false","aria-controls":X?fn:void 0,"aria-activedescendant":X&&fi?fi:void 0,"aria-describedby":X?bi:void 0,"aria-disabled":v?"true":void 0,"aria-label":cn,tabIndex:0,children:[j(de,{children:m}),j(Tt,{placeholder:b,value:u,showValue:r,valueIconName:d,id:bi}),j(H,{valid:M,invalid:O,loading:L,disabled:v}),j(F,{loading:L,disabled:v}),j(pe,{children:c}),j(I,{className:"k-input-button",icon:i,size:e.size,fillMode:e.fillMode,"aria-label":b||"Toggle dropdown",tabIndex:-1})]}),X&&w&&j(ge,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:w}),be&&j(U,{adaptive:!0,...Se,header:j(xe,{actionsEnd:j(I,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:mn,inputValue:u,inputPlaceholder:b,title:we,subtitle:pn}),children:j("div",{className:"k-list-container",children:j(D,{size:"large",children:ei(Z,{"aria-label":"Options",children:[j(C,{text:"List item"}),j(C,{text:"List item"}),j(C,{text:"List item"})]})})})})]})};R.states=kl;R.options=Cl;R.className=ga;R.defaultOptions=ti;R.moduleName=Ta;R.folderName=ya;import{jsx as jL}from"react/jsx-runtime";import{jsx as nI,jsxs as sI}from"react/jsx-runtime";import{Fragment as bI,jsx as uI,jsxs as fI}from"react/jsx-runtime";import{jsx as II}from"react/jsx-runtime";import{jsx as TI,jsxs as yI}from"react/jsx-runtime";import{Fragment as PI,jsx as DI,jsxs as _I}from"react/jsx-runtime";import{jsx as FI}from"react/jsx-runtime";import{Fragment as Hl,jsx as De,jsxs as Oa}from"react/jsx-runtime";var Kl=R.states,Dl=R.defaultOptions,_l=R.options,Pl=[{name:"opened",title:"Opened"}],wl=[],nt=e=>{let{modifiers:t,...o}=e,a={},i=Oa(Hl,{children:[De("div",{className:"k-list-filter",children:De(me,{})}),De(D,{style:{width:300},size:o.size,children:Oa(Z,{children:[De(C,{children:"List item"}),De(C,{children:"List item"}),De(C,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(r=>{r==="opened"&&(a.opened=!!t?.[r],a.popup=t?.[r]?i:void 0)}),De("div",{children:De(R,{placeholder:"Value",style:{width:300},...o,...a})})};nt.options=_l;nt.states=Kl;nt.variants=wl;nt.defaultOptions=Dl;nt.modifiers=Pl;nt.className=R.className;var Ue="radio",st=Ue;import{jsx as ka}from"react/jsx-runtime";var to="k-radio",zl=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked],Bl={size:[l.undefined,l.small,l.medium,l.large]},Fl={},se=e=>{let{id:t,checked:o,hover:a,focus:i,disabled:r,invalid:d,valid:m,required:c,size:u,...b}=e;return ka("span",{className:"k-radio-wrap",children:ka("input",{...b,id:t,type:"radio",checked:o,required:c,disabled:r||void 0,"aria-invalid":d?"true":void 0,className:s(e.className,to,T(to,{size:u}),y(to,{hover:a,focus:i,disabled:r,invalid:d,valid:m,checked:o}))})})};se.states=zl;se.options=Bl;se.className=to;se.defaultOptions=Fl;se.moduleName=Ue;se.folderName=st;var ue=se;import{jsx as Gl}from"react/jsx-runtime";var Ca="k-radio-list",Ul=[],Vl={},Ra={layout:"vertical"},V=e=>{let{layout:t=Ra.layout,...o}=e;return Gl("ul",{...o,className:s(e.className,Ca,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};V.states=Ul;V.options=Vl;V.className=Ca;V.defaultOptions=Ra;V.moduleName=Ue;V.folderName=st;import{jsx as ql}from"react/jsx-runtime";var Ka="k-radio-list-item",Xl=[],$l={},Wl={},G=e=>{let{...t}=e;return ql("li",{...t,className:s(e.className,Ka),role:"none",children:e.children})};G.states=Xl;G.options=$l;G.className=Ka;G.defaultOptions=Wl;G.moduleName=Ue;G.folderName=st;import{jsx as Iv}from"react/jsx-runtime";import{Fragment as Jl,jsx as Da,jsxs as Yl}from"react/jsx-runtime";var Ee=({children:e,id:t,...o})=>Yl(Jl,{children:[Da(ue,{...o,id:t}),Da("label",{className:"k-radio-label",htmlFor:t,children:e})]});import{Fragment as gv,jsx as yv,jsxs as Ov}from"react/jsx-runtime";import{Fragment as _v,jsx as Kv,jsxs as Dv}from"react/jsx-runtime";import{Fragment as Bv,jsx as zv,jsxs as Fv}from"react/jsx-runtime";import{Fragment as $v,jsx as Xv,jsxs as Wv}from"react/jsx-runtime";import{Fragment as eS,jsx as jv,jsxs as tS}from"react/jsx-runtime";import{jsx as nS}from"react/jsx-runtime";import{jsx as id}from"react/jsx-runtime";var Zl=ue.options,jl=ue.states,ed=ue.defaultOptions,td=[],od=[],rt=e=>id(Ee,{id:E("radio"),name:"value",...e,children:"Label"});rt.options=Zl;rt.states=jl;rt.variants=td;rt.defaultOptions=ed;rt.modifiers=od;rt.className=ue.className;import{jsx as fe,jsxs as _a}from"react/jsx-runtime";var ad=V.options,nd=V.states,sd={...V.defaultOptions,variant:"vertical"},rd=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],ld=[],lt=e=>{let{variant:t,...o}=e;return t==="horizontal"?_a(V,{layout:"horizontal",...o,children:[fe(G,{children:fe(Ee,{id:E("rb"),name:"value",defaultChecked:!0,children:"Label"})}),fe(G,{children:fe(Ee,{id:E("rb"),name:"value",children:"Label"})}),fe(G,{children:fe(Ee,{id:E("rb"),name:"value",children:"Label"})})]}):_a(V,{...o,children:[fe(G,{children:fe(Ee,{id:E("rb"),name:"value",defaultChecked:!0,children:"Label"})}),fe(G,{children:fe(Ee,{id:E("rb"),name:"value",children:"Label"})}),fe(G,{children:fe(Ee,{id:E("rb"),name:"value",children:"Label"})})]})};lt.options=ad;lt.states=nd;lt.variants=rd;lt.defaultOptions=sd;lt.modifiers=ld;lt.className=V.className;import{Fragment as FS,jsx as BS,jsxs as US}from"react/jsx-runtime";import{Fragment as QS,jsx as YS,jsxs as ZS}from"react/jsx-runtime";import{Fragment as nM,jsx as aM,jsxs as sM}from"react/jsx-runtime";import{Fragment as fd,jsx as ee,jsxs as dt}from"react/jsx-runtime";var dd=_.options,pd=_.states,md={..._.defaultOptions,variant:"vertical"},cd=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ud=[],pt=e=>{let{variant:t,size:o,...a}=e,i=dt(Ve,{legend:"Form Legend",children:[ee(P,{label:"Label",editor:ee(g,{size:o})}),ee(P,{label:"Label",hint:"Hint text",editor:ee(R,{value:"Dropdown List",size:o})}),ee(P,{label:"City",editor:dt("ul",{className:"k-radio-list k-list-horizontal",children:[dt("li",{className:"k-radio-list-item",children:[ee(se,{checked:!0,size:o}),ee("label",{className:"k-radio-label",children:"Label"})]}),dt("li",{className:"k-radio-list-item",children:[ee(se,{size:o}),ee("label",{className:"k-radio-label",children:"Label"})]}),dt("li",{className:"k-radio-list-item",children:[ee(se,{size:o}),ee("label",{className:"k-radio-label",children:"Label"})]})]})})]}),r=dt(fd,{children:[ee(I,{className:"k-form-submit",themeColor:"primary",size:o,children:"Submit"}),ee(I,{className:"k-form-clear",size:o,children:"Clear"})]});return t==="horizontal"?ee(_,{orientation:"horizontal",size:o,...a,formButtons:r,children:i}):ee(_,{size:o,...a,formButtons:r,children:i})};pt.options=dd;pt.states=pd;pt.variants=cd;pt.defaultOptions=md;pt.modifiers=ud;pt.className=_.className;import{jsx as Pa,jsxs as Ld}from"react/jsx-runtime";var bd=re.options,xd=re.states,wa={...re.defaultOptions},hd=[],Nd=[{name:"showHint",title:"Show Hint"}],mt=e=>{let{modifiers:t,...o}={...wa,...e},a=t?.showHint??!0;return Ld("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Pa(g,{placeholder:"Component",style:{width:"200px"}}),a&&Pa(re,{...o,children:"Hint text"})]})};mt.options=bd;mt.states=xd;mt.variants=hd;mt.defaultOptions=wa;mt.modifiers=Nd;mt.className=re.className;import{jsx as Ha,jsxs as Ed}from"react/jsx-runtime";var Id=le.options,vd=le.states,za={...le.defaultOptions},Sd=[],Md=[{name:"showError",title:"Show Error"}],ct=e=>{let{modifiers:t,...o}={...za,...e},a=t?.showError??!0;return Ed("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Ha(g,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&Ha(le,{...o,children:"Error text"})]})};ct.options=Id;ct.states=vd;ct.variants=Sd;ct.defaultOptions=za;ct.modifiers=Md;ct.className=le.className;import{jsx as Ba,jsxs as Od}from"react/jsx-runtime";var Fa="k-spin-button",yd=[],gd={size:[l.undefined,l.small,l.medium,l.large],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},oi={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ve=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:i=oi.increaseLabel,decreaseLabel:r=oi.decreaseLabel,...d}=e;return Od("span",{...d,className:s(Fa,e.className),children:[Ba(I,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":i}),Ba(I,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":r})]})};ve.states=yd;ve.options=gd;ve.className=Fa;ve.defaultOptions=oi;ve.moduleName=null;ve.folderName=null;var Ua="date-input",Va="dateinput";import{jsx as Kt,jsxs as Kd}from"react/jsx-runtime";var Ga="k-dateinput",kd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Cd={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Rd={},ie=e=>{let{size:t,rounded:o,fillMode:a,value:i,placeholder:r,hover:d,focus:m,valid:c,invalid:u,required:b,loading:x,disabled:h,readonly:M,showClearButton:O,showSpinButton:A,id:L,"aria-label":v,"aria-describedby":K,...w}=e;return Kd(k,{...w,size:t,rounded:o,fillMode:a,hover:d,focus:m,valid:c,invalid:u,required:b,loading:x,disabled:h,readonly:M,className:s(e.className,Ga),children:[Kt(W,{id:L,placeholder:r,value:i,disabled:h,"aria-label":v,"aria-describedby":K,"aria-invalid":u?"true":void 0}),Kt(H,{valid:c,invalid:u,loading:x,disabled:h}),Kt(F,{loading:x,disabled:h}),O&&Kt($,{loading:x,disabled:h,readonly:M,value:i}),A&&Kt(ve,{className:"k-input-spinner",size:t,fillMode:a,disabled:h})]})};ie.states=kd;ie.options=Cd;ie.className=Ga;ie.defaultOptions=Rd;ie.moduleName=Ua;ie.folderName=Va;var ii=ie;import{jsx as Dd}from"react/jsx-runtime";var Xa=e=>Dd(ii,{...e});import{jsx as rE}from"react/jsx-runtime";import{jsx as Bd}from"react/jsx-runtime";var _d=ie.options,Pd=ie.states,wd=ie.defaultOptions,Hd=[{name:"spin-button",title:"`Spin` Button"}],zd=[],ut=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{i==="spin-button"&&(a.showSpinButton=!!t?.[i])}),Bd(Xa,{value:"2/04/2021",style:{width:"300px"},...o,...a})};ut.options=_d;ut.states=Pd;ut.variants=zd;ut.defaultOptions=wd;ut.modifiers=Hd;ut.className=ie.className;var $a="masked-textbox",Wa="maskedtextbox";import{Fragment as qa,jsx as _e,jsxs as ai}from"react/jsx-runtime";var Ja="k-maskedtextbox",Fd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Ud={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},ni={showClearButton:!0,separators:!0},ae=e=>{let{size:t,rounded:o,fillMode:a,separators:i=ni.separators,showClearButton:r=ni.showClearButton,prefix:d,suffix:m,value:c,placeholder:u,hover:b,focus:x,valid:h,invalid:M,required:O,loading:A,disabled:L,readonly:v,id:K,"aria-label":w,"aria-describedby":X,...be}=e;return ai(k,{...be,size:t,rounded:o,fillMode:a,hover:b,focus:x,valid:h,invalid:M,required:O,loading:A,disabled:L,readonly:v,className:s(e.className,Ja),children:[d&&ai(qa,{children:[_e(de,{children:d}),i&&_e(q,{})]}),_e(W,{id:K,placeholder:u,value:c,disabled:L,"aria-label":w,"aria-describedby":X,"aria-invalid":M?"true":void 0}),_e(H,{valid:h,invalid:M,loading:A,disabled:L}),_e(F,{loading:A,disabled:L}),r&&_e($,{loading:A,disabled:L,readonly:v,value:c}),m&&ai(qa,{children:[i&&_e(q,{}),_e(pe,{children:m})]})]})};ae.states=Fd;ae.options=Ud;ae.className=Ja;ae.defaultOptions=ni;ae.moduleName=$a;ae.folderName=Wa;var ft=ae;import{jsx as Vd}from"react/jsx-runtime";var Ya=e=>Vd(ft,{...e});import{Fragment as RE,jsx as CE}from"react/jsx-runtime";import{Fragment as HE,jsx as wE}from"react/jsx-runtime";import{jsx as UE}from"react/jsx-runtime";import{jsx as $E}from"react/jsx-runtime";import{jsx as si}from"react/jsx-runtime";var Gd=ae.states,Xd=ae.defaultOptions,$d=ae.options,Wd=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],qd=[],bt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?si(R,{size:o.size,value:"Choose",fillMode:"flat"}):void 0;break;case"suffix":a.suffix=t?.[i]?si(S,{icon:"lock"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;default:break}}),si(Ya,{value:"Value",style:{width:300},...o,...a})};bt.options=$d;bt.states=Gd;bt.variants=qd;bt.defaultOptions=Xd;bt.modifiers=Wd;bt.className=ae.className;var Qa="numeric-textbox",Za="numerictextbox";import{Fragment as ja,jsx as Ae,jsxs as ri}from"react/jsx-runtime";var en="k-numerictextbox",Jd=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Yd={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},oo={showSpinButton:!0,showClearButton:!0,separators:!0},ne=e=>{let{size:t,rounded:o,fillMode:a,separators:i=oo.separators,showClearButton:r=oo.showClearButton,showSpinButton:d=oo.showSpinButton,prefix:m,suffix:c,value:u,placeholder:b,hover:x,focus:h,valid:M,invalid:O,required:A,loading:L,disabled:v,readonly:K,id:w,"aria-label":X,"aria-describedby":be,...Se}=e;return ri(k,{...Se,size:t,rounded:o,fillMode:a,hover:x,focus:h,valid:M,invalid:O,required:A,loading:L,disabled:v,readonly:K,className:s(e.className,en),children:[m&&ri(ja,{children:[Ae(de,{children:m}),i&&Ae(q,{})]}),Ae(W,{id:w,placeholder:b,value:u,role:"spinbutton",disabled:v,"aria-label":X,"aria-describedby":be,"aria-invalid":O?"true":void 0}),Ae(H,{valid:M,invalid:O,loading:L,disabled:v}),Ae(F,{loading:L,disabled:v}),r&&Ae($,{loading:L,disabled:v,readonly:K,value:u}),c&&ri(ja,{children:[i&&Ae(q,{}),Ae(pe,{children:c})]}),d&&Ae(ve,{className:"k-input-spinner",size:t,fillMode:a,disabled:v})]})};ne.states=Jd;ne.options=Yd;ne.className=en;ne.defaultOptions=oo;ne.moduleName=Qa;ne.folderName=Za;var Dt=ne;import{jsx as Qd}from"react/jsx-runtime";var tn=e=>Qd(Dt,{...e});import{Fragment as MA,jsx as SA}from"react/jsx-runtime";import{Fragment as OA,jsx as gA}from"react/jsx-runtime";import{jsx as KA}from"react/jsx-runtime";import{jsx as li}from"react/jsx-runtime";var Zd=ne.states,jd=ne.defaultOptions,ep=ne.options,tp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],op=[],xt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?li(R,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[i]?li(Eo,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;case"spin-button":a.showSpinButton=t?.[i];break;default:break}}),li(tn,{value:"Value",style:{width:300},...o,...a})};xt.options=ep;xt.states=Zd;xt.variants=op;xt.defaultOptions=jd;xt.modifiers=tp;xt.className=ne.className;var di="switch",on=di;import{jsx as io,jsxs as an}from"react/jsx-runtime";var Pe="k-switch",ip=[n.hover,n.focus,n.disabled,n.readonly,n.checked],ap={size:[l.undefined,l.small,l.medium,l.large],trackRounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],thumbRounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full]},np={},te=e=>{let{checked:t,onLabel:o,offLabel:a,size:i,trackRounded:r,thumbRounded:d,hover:m,focus:c,disabled:u,readonly:b,...x}=e;return an("span",{...x,className:s(e.className,Pe,T(Pe,{size:i}),y(Pe,{hover:m,focus:c,disabled:u,readonly:b}),{[`${Pe}-on`]:t,[`${Pe}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:u?void 0:0,"aria-disabled":u?"true":void 0,"aria-readonly":b?"true":void 0,children:[an("span",{className:s("k-switch-track",T(Pe,{rounded:r})),children:[o&&io("span",{className:"k-switch-label-on",children:o}),a&&io("span",{className:"k-switch-label-off",children:a})]}),io("span",{className:"k-switch-thumb-wrap",children:io("span",{className:s("k-switch-thumb",T(Pe,{rounded:d}))})})]})};te.states=ip;te.options=ap;te.className=Pe;te.defaultOptions=np;te.moduleName=di;te.folderName=on;import{jsx as oT}from"react/jsx-runtime";import{jsx as sT}from"react/jsx-runtime";import{jsx as pT}from"react/jsx-runtime";import{jsx as fT}from"react/jsx-runtime";import{jsx as nn}from"react/jsx-runtime";var sp=te.options,rp=te.states,lp={...te.defaultOptions,variant:"on"},dp=[{name:"on",title:"On"},{name:"off",title:"Off"}],pp=[],ht=e=>{let{variant:t,...o}=e;return t==="off"?nn(te,{checked:!1,onLabel:"On",offLabel:"Off",...o}):nn(te,{checked:!0,onLabel:"On",offLabel:"Off",...o})};ht.options=sp;ht.states=rp;ht.variants=dp;ht.defaultOptions=lp;ht.modifiers=pp;ht.className=te.className;var mi="textarea",sn=mi;import{Fragment as rn,jsx as _t,jsxs as ci}from"react/jsx-runtime";var ln="k-textarea",mp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],cp={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Nt={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},oe=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:i=Nt.prefixSeparator,suffixSeparator:r=Nt.prefixSeparator,affixesOrientation:d=Nt.affixesOrientation,flow:m=Nt.flow,resize:c=Nt.resize,prefix:u,suffix:b,rows:x,value:h,placeholder:M,hover:O,focus:A,valid:L,invalid:v,required:K,disabled:w,id:X,"aria-label":be,"aria-describedby":Se,...we}=e;return ci(k,{...we,size:t,rounded:o,fillMode:a,hover:O,focus:A,valid:L,invalid:v,required:K,disabled:w,className:s(e.className,ln,{"!k-flex-col":m==="vertical","!k-flex-row":m==="horizontal"}),children:[u&&ci(rn,{children:[_t(de,{className:s({"!k-align-items-start":m===d}),direction:d,children:u}),i&&_t(q,{direction:m==="horizontal"?"vertical":"horizontal"})]}),_t(yt,{className:s("!k-overflow-auto",{"!k-flex-none":m==="vertical","k-resize-x":c==="x","k-resize-y":c==="y","k-resize":c==="both","k-resize-none":c==="none"}),value:h,placeholder:M,rows:x,disabled:w,id:X,"aria-label":be,"aria-describedby":Se,"aria-invalid":v?"true":void 0}),b&&ci(rn,{children:[r&&_t(q,{direction:m==="horizontal"?"vertical":"horizontal"}),_t(pe,{className:s({"!k-align-items-start":m===d}),direction:d,children:b})]})]})};oe.states=mp;oe.options=cp;oe.className=ln;oe.defaultOptions=Nt;oe.moduleName=mi;oe.folderName=sn;import{jsx as _T}from"react/jsx-runtime";import{Fragment as FT,jsx as BT}from"react/jsx-runtime";import{Fragment as WT,jsx as $T}from"react/jsx-runtime";import{jsx as QT}from"react/jsx-runtime";import{jsx as ao}from"react/jsx-runtime";var up=oe.options,fp=oe.states,dn={...oe.defaultOptions,variant:"vertical"},bp=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],xp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],Lt=e=>{let{variant:t,modifiers:o,...a}={...dn,...e},i={resize:"y"};return Object.keys(o||{}).forEach(r=>{switch(r){case"prefix":i.prefix=o?.[r]?ao(S,{icon:"comment"}):void 0;break;case"suffix":i.suffix=o?.[r]?ao(S,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?ao(oe,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...i}):ao(oe,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...i})};Lt.options=up;Lt.states=fp;Lt.variants=bp;Lt.defaultOptions=dn;Lt.modifiers=xp;Lt.className=oe.className;import{Fragment as hp,jsx as B,jsxs as Np}from"react/jsx-runtime";var Ly=e=>{let{size:t,children:o,...a}=e;return B(_,{size:t,...a,children:o||Np(hp,{children:[B(P,{editorId:"name",label:"Name:",hint:"Enter your full name",editor:B(g,{size:t,id:"name","aria-describedby":"name-hint"})}),B(P,{editorId:"email",label:"Email:",error:"Invalid email address",editor:B(g,{size:t,id:"email",invalid:!0,"aria-describedby":"email-error"})}),B(P,{editorId:"bio",label:"Bio:",hint:"Tell us about yourself",editor:B(oe,{size:t,id:"bio","aria-describedby":"bio-hint"})}),B(P,{editorId:"phone",label:"Phone:",hint:"(000) 000-0000",editor:B(ae,{size:t,id:"phone","aria-describedby":"phone-hint"})}),B(P,{editorId:"age",label:"Age:",error:"Must be 18 or older",editor:B(ne,{size:t,id:"age",invalid:!0,"aria-describedby":"age-error"})}),B(P,{editorId:"dob",label:"Date of birth:",hint:"MM/DD/YYYY",editor:B(ie,{size:t,id:"dob","aria-describedby":"dob-hint"})}),B(P,{editorId:"terms",label:"Terms:",hint:"You must agree to continue",editor:B(J,{id:"terms","aria-describedby":"terms-hint"})}),B(P,{editorId:"notify",label:"Notifications:",hint:"Enable email notifications",editor:B(te,{"aria-label":"Notifications","aria-describedby":"notify-hint"})})]})})};export{Ly as FormWithHints};
+var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(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"}),T=(e,t)=>{let{valid:o,invalid:a,hover:i,focus:r,checked:d,active:m,selected:c,disabled:u,indeterminate:b,loading:x,empty:h,readonly:M,highlighted:O,...y}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":i,"k-focus":r,"k-checked":d,"k-active":m,"k-selected":c,"k-disabled":u,"k-indeterminate":b&&!d,"k-loading":x,"k-empty":h,"k-readonly":M,"k-highlighted":O},Object.keys(y).reduce((N,v)=>(v.startsWith("k-")?N[v]=y[v]:N[`k-${v}`]=y[v],N),{}))};function xi(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},f={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Ne={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},L={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 no={};function E(e){return no[e]=(no[e]||0)+1,`k-${e}-${no[e]}`}var hi="form",Ni="forms";import{Fragment as Li,jsx as Pt,jsxs as hn}from"react/jsx-runtime";var wt="k-form",bn=[],xn={size:[l.undefined,l.small,l.medium,l.large]},so={layout:"basic",tag:"form"},_=e=>{let{size:t,orientation:o,layout:a=so.layout,formButtons:i,cols:r,gutters:d,tag:m=so.tag,children:c,style:u}=e,b=m,x=s(e.className,wt,A(wt,{size:t}),{[`${wt}-${o}`]:o}),h=hn(Li,{children:[a==="grid"?Pt("div",{className:s("k-form-layout","k-d-grid",{[`k-grid-cols-${r}`]:r}),style:{...typeof d=="string"&&{gap:d},...typeof d=="object"&&d.rows&&{rowGap:d.rows},...typeof d=="object"&&d.cols&&{columnGap:d.cols},...u},children:c}):Pt(Li,{children:c}),i&&Pt("div",{className:"k-form-buttons",children:i})]}),{role:M,"aria-labelledby":O,"aria-label":y,id:N}=e;return Pt(b,{className:x,role:M,"aria-labelledby":O,"aria-label":y,id:N,children:h})};_.states=bn;_.options=xn;_.className=wt;_.defaultOptions=so;_.moduleName=hi;_.folderName=Ni;var Ii="label",vi="label";import{jsx as Si,jsxs as vn}from"react/jsx-runtime";var ro="k-label",Nn=[n.disabled],Ln={},In={},Ae=e=>{let{disabled:t,optional:o,info:a,text:i,children:r,...d}=e;return vn("label",{...d,className:s(e.className,ro,T(ro,{disabled:t})),children:[i||r,o&&Si("span",{className:"k-label-optional",children:"(Optional)"}),a&&Si("span",{className:"k-field-info",children:a})]})};Ae.states=Nn;Ae.options=Ln;Ae.className=ro;Ae.defaultOptions=In;Ae.moduleName=Ii;Ae.folderName=vi;import{jsx as yn}from"react/jsx-runtime";var Mi="k-form-hint",Sn=[],Mn={},En={},re=e=>{let{text:t,children:o,...a}=e;return yn("div",{...a,className:s(e.className,Mi),children:t||o})};re.states=Sn;re.options=Mn;re.className=Mi;re.defaultOptions=En;import{jsx as On}from"react/jsx-runtime";var Ei="k-form-error",An=[],Tn={},gn={},le=e=>{let{text:t,children:o,...a}=e;return On("div",{...a,className:s(e.className,Ei),children:t||o})};le.states=An;le.options=Tn;le.className=Ei;le.defaultOptions=gn;import{jsx as Ht,jsxs as yi}from"react/jsx-runtime";var lo="k-form-field",kn=[n.disabled],P=e=>{let{editorId:t,label:o,orientation:a,optional:i,editor:r,hint:d,error:m,info:c,disabled:u,dir:b,colSpan:x,...h}=e;return yi("div",{...h,className:s(lo,e.className,T(lo,{disabled:u}),{[`k-col-span-${x}`]:x}),dir:b,children:[o&&Ht(Ae,{className:"k-form-label",id:t?`${t}-label`:void 0,htmlFor:t||void 0,optional:i,info:c?"(field info)":void 0,children:o}),a==="horizontal"&&!o&&Ht("span",{className:"k-label k-form-label k-label-empty"}),yi("div",{className:"k-form-field-wrap",children:[r,d&&Ht(re,{id:t?`${t}-hint`:void 0,children:d}),m&&Ht(le,{id:t?`${t}-error`:void 0,children:m})]})]})};P.states=kn;P.className=lo;import{Fragment as Cn,jsx as po,jsxs as Rn}from"react/jsx-runtime";var Ai="k-form-fieldset",Ve=e=>{let{legend:t,layout:o,cols:a,gutters:i,colSpan:r}=e;return Rn("fieldset",{className:s(Ai,{[`k-col-span-${r}`]:r}),children:[t&&po("legend",{className:"k-form-legend",children:t}),o==="grid"?po("div",{className:s("k-form-layout","k-d-grid",{[`k-grid-cols-${a}`]:a}),style:{...typeof i=="string"&&{gap:i},...typeof i=="object"&&i.rows&&{rowGap:i.rows},...typeof i=="object"&&i.cols&&{columnGap:i.cols}},children:e.children}):po(Cn,{children:e.children})]})};Ve.className=Ai;import{Fragment as Pn,jsx as Ti}from"react/jsx-runtime";var mo="k-font-icon",Kn=[],Dn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info]},_n={},vt=e=>{let{size:t,themeColor:o,icon:a,rotate:i,flip:r,...d}=e;return a?Ti("span",{...d,className:s(e.className,mo,A(mo,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true"}):Ti(Pn,{})};vt.states=Kn;vt.options=Dn;vt.className=mo;vt.defaultOptions=_n;var gi=vt;import{Fragment as zn,jsx as zt}from"react/jsx-runtime";var co="k-svg-icon",wn=[],Hn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info],variant:[Ne.outline,Ne.solid,Ne.duotone]},uo={viewBox:"0 0 24 24",variant:Ne.outline},St=e=>{let{size:t,themeColor:o,rotate:a,flip:i,viewBox:r=uo.viewBox,variant:d=uo.variant,icon:m,...c}=e;if(!m)return zt(zn,{});if(m==="none")return zt("span",{...c,className:s(e.className,co,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof m=="object"&&m.name&&m.name,b=typeof m=="object"?d&&m.variants?.[d]||m.variants?.outline||m.content:void 0;return zt("span",{...c,className:s(e.className,co,A("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:zt("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:r,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:m?void 0:e.children})})};St.states=wn;St.options=Hn;St.className=co;St.defaultOptions=uo;var fo=St;import*as bo from"@progress/kendo-svg-icons";var Oi="icon",ki="icons";import{useContext as Fn}from"react";import{createContext as Bn}from"react";var Ci=Bn({iconsType:"svg"});import{Fragment as Ri,jsx as Mt}from"react/jsx-runtime";var Bt="k-icon",Un=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Vn=[],Gn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info],variant:[Ne.outline,Ne.solid,Ne.duotone]},Ft={viewBox:"0 0 24 24",type:"svg",variant:Ne.outline},S=e=>{let{iconsType:t}=Fn(Ci),{size:o,themeColor:a,icon:i,type:r=t||Ft.type,rotate:d,flip:m,viewBox:c=Ft.viewBox,variant:u=Ft.variant,...b}=e;if(!i)return Mt(Ri,{});if((t||r)==="svg"){if(i==="none")return Mt(fo,{...b,className:s(e.className,Bt),icon:i,size:o,variant:u});let h=bo[i]?i:Un(`${i}-icon`);return bo[h]?Mt(fo,{...b,className:s(e.className,Bt),icon:bo[h],size:o,themeColor:a,rotate:d,flip:m,viewBox:c,variant:u}):Mt(Ri,{})}return Mt(gi,{...b,className:s(e.className,Bt),icon:i,size:o,themeColor:a,rotate:d,flip:m})};S.states=Vn;S.options=Gn;S.defaultOptions=Ft;S.className=Bt;S.moduleName=Oi;S.folderName=ki;var xo="button",Ki=xo;import{Fragment as Di,jsx as Ge,jsxs as _i}from"react/jsx-runtime";var Et="k-button",Xn=["icon-button"],$n=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Wn={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:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info,L.inverse]},ho={showArrow:!1,arrowIconName:"chevron-down"},I=e=>{let{as:t="button",size:o,rounded:a,fillMode:i,themeColor:r,showArrow:d=ho.showArrow,arrowIconName:m=ho.arrowIconName,variant:c,hover:u,focus:b,active:x,selected:h,disabled:M,togglable:O,ariaDisabled:y,icon:N,iconSize:v,text:K,iconClassName:w,className:X,...be}=e,Se=N!=null,we=e.children!==void 0;return _i(t,{className:s(X,Et,xi(Et,c),A(Et,{size:o,rounded:a,fillMode:i,themeColor:r}),T(Et,{hover:u,focus:b,active:x,disabled:M||y,selected:h}),{"k-icon-button":!K&&!we&&Se}),"aria-pressed":O?h?"true":"false":void 0,...be,"aria-disabled":y?"true":void 0,disabled:M||void 0,children:[typeof N=="string"&&N&&Ge(S,{className:s(w,"k-button-icon"),icon:N,size:v}),N&&typeof N!="string"&&Ge(Di,{children:N}),K?_i(Di,{children:[K&&Ge("span",{className:"k-button-text",children:K}),e.children]}):e.children&&Ge("span",{className:"k-button-text",children:e.children}),d&&Ge("span",{className:"k-menu-button-arrow k-button-arrow",children:Ge(S,{icon:m})})]})};I.states=$n;I.options=Wn;I.variants=Xn;I.className=Et;I.defaultOptions=ho;I.moduleName=xo;I.folderName=Ki;import{jsx as qn}from"react/jsx-runtime";var No=e=>qn(I,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Jn}from"react/jsx-runtime";var Pi=e=>Jn(I,{icon:"folder",children:"Button",...e});import{jsx as Yn}from"react/jsx-runtime";var He=e=>Yn(I,{children:"Button",...e});import{jsx as Lo}from"react/jsx-runtime";var Qn=I.options,Zn=I.states,jn={...I.defaultOptions,variant:"text"},es=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ts=[],Xe=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Lo(No,{...o,icon:"star"});case"icon-and-text":return Lo(Pi,{...o,icon:"star",children:"Button"});default:return Lo(He,{...o,children:"Button"})}};Xe.options=Qn;Xe.states=Zn;Xe.variants=es;Xe.defaultOptions=jn;Xe.modifiers=ts;Xe.className=I.className;var yt="input",Ut=yt;import{jsx as ns}from"react/jsx-runtime";var Vt="k-input",os=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],is={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},as={},k=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:d,readonly:m,size:c,rounded:u,fillMode:b,...x}=e;return ns("span",{...x,className:s(e.className,Vt,A(Vt,{size:c,rounded:u,fillMode:b}),T(Vt,{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:d,readonly:m}))})};k.states=os;k.options=is;k.className=Vt;k.defaultOptions=as;k.moduleName=yt;k.folderName=Ut;import{jsx as ds}from"react/jsx-runtime";var Gt="k-picker",ss=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],rs={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},ls={},Te=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:d,readonly:m,size:c,rounded:u,fillMode:b,...x}=e;return ds("span",{...x,className:s(e.className,Gt,A(Gt,{size:c,rounded:u,fillMode:b}),T(Gt,{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:d,readonly:m})),children:e.children})};Te.states=ss;Te.options=rs;Te.className=Gt;Te.defaultOptions=ls;Te.moduleName=yt;Te.folderName=Ut;import{Fragment as cs,jsx as Io}from"react/jsx-runtime";var wi="k-clear-value",ps=[n.disabled,n.loading,n.readonly],ms={},$=e=>{let{disabled:t,loading:o,readonly:a,value:i}=e;return t||a||o||!i?Io(cs,{}):Io("span",{className:s(e.className,wi),children:Io(S,{icon:"x"})})};$.states=ps;$.options=ms;$.className=wi;import{jsx as bs}from"react/jsx-runtime";var vo="k-input-inner",us=[],fs={},Xt={type:"text",autocomplete:"off",value:"",placeholder:""},W=e=>{let{value:t=Xt.value,type:o=Xt.type,placeholder:a=Xt.placeholder,autocomplete:i=Xt.autocomplete,disabled:r,readOnly:d,...m}=e;return bs("input",{...m,type:o,className:s(e.className,vo,A(vo,e)),placeholder:a,autoComplete:i,defaultValue:t,disabled:r||void 0,readOnly:d||void 0})};W.states=us;W.options=fs;W.className=vo;import{jsx as Hi,jsxs as Ns}from"react/jsx-runtime";var So="k-input-inner",xs=[],hs={},At=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:i,valueIconName:r,...d}=e;return Ns("span",{...d,className:s(e.className,So,A(So,e)),children:[i,!i&&r&&Hi(S,{className:"k-input-value-icon",icon:r}),a&&!t&&o,a&&t&&Hi("span",{className:"k-input-value-text",children:t})]})};At.states=xs;At.options=hs;At.className=So;import{jsx as vs}from"react/jsx-runtime";var Mo="k-input-inner",Ls=[],Is={},zi={value:"",placeholder:""},Tt=e=>{let{value:t=zi.value,placeholder:o=zi.placeholder,rows:a,disabled:i,...r}=e;return vs("textarea",{...r,className:s(e.className,Mo,A(Mo,e)),placeholder:o,rows:a,defaultValue:t,disabled:i||void 0})};Tt.states=Ls;Tt.options=Is;Tt.className=Mo;import{Fragment as Ms,jsx as Bi}from"react/jsx-runtime";var Fi="k-input-loading-icon",Ss=[n.disabled,n.loading],F=e=>{let{disabled:t,loading:o}=e;return t||!o?Bi(Ms,{}):Bi("span",{className:s(e.className,Fi,"k-icon k-i-loading")})};F.states=Ss;F.className=Fi;import{Fragment as As,jsx as Ui}from"react/jsx-runtime";var Vi="k-input-validation-icon",Es=[n.valid,n.invalid,n.disabled,n.loading],ys={},H=e=>{let{valid:t,invalid:o,disabled:a,loading:i}=e,r=o?"warning-circle":"check-circle";return a||i||!!!(t||o)?Ui(As,{}):Ui(S,{className:s(Vi),icon:r})};H.states=Es;H.options=ys;H.className=Vi;import{Fragment as Os,jsx as Gi}from"react/jsx-runtime";var Ts="k-input-prefix",gs={direction:"horizontal"},de=e=>{let{direction:t=gs.direction,...o}=e;return e.children?Gi("span",{...o,className:s(Ts,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Gi(Os,{})};import{Fragment as Rs,jsx as Xi}from"react/jsx-runtime";var ks="k-input-suffix",Cs={direction:"horizontal"},pe=e=>{let{direction:t=Cs.direction,...o}=e;return e.children?Xi("span",{...o,className:s(ks,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Xi(Rs,{})};import{jsx as Kc}from"react/jsx-runtime";import{jsx as Ds}from"react/jsx-runtime";var Ks="k-input-suffix-text",Eo=e=>{let{children:t,...o}=e;return Ds("span",{...o,className:s(Ks,e.className),children:t})};import{jsx as Ps}from"react/jsx-runtime";var $i="k-input-separator",_s={direction:"vertical"},q=e=>{let{direction:t=_s.direction,...o}=e;return Ps("span",{...o,className:s($i,e.className,{[`${$i}-${t}`]:t})})};import{Fragment as Wi,jsx as Le,jsxs as yo}from"react/jsx-runtime";var ws=k.states,Hs=k.defaultOptions,zs=k.options,Bs=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Fs=[],$e=e=>{let{modifiers:t,valid:o,invalid:a,loading:i,disabled:r,readonly:d,...m}=e,c=t?.prefix,u=t?.suffix,b=t?.["clear-button"],x=t?.["validation-icon"],h=t?.separators;return yo(k,{...m,valid:o,invalid:a,loading:i,disabled:r,readonly:d,style:{width:300},children:[c&&yo(Wi,{children:[Le(de,{children:Le(S,{icon:"lock"})}),h&&Le(q,{})]}),Le(W,{placeholder:"Placeholder",value:"Value"}),x&&Le(H,{valid:o,invalid:a,loading:i,disabled:r}),Le(F,{loading:i,disabled:r}),b&&Le($,{loading:i,disabled:r,readonly:d,value:"Value"}),u&&yo(Wi,{children:[h&&Le(q,{}),Le(pe,{children:Le(He,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};$e.options=zs;$e.states=ws;$e.variants=Fs;$e.defaultOptions=Hs;$e.modifiers=Bs;$e.className=k.className;var Ao="popup",qi=Ao;import{jsx as Ji}from"react/jsx-runtime";var Yi="k-animation-container",Us=[],Vs={},To={positionMode:"absolute",shown:!0},Ie=e=>{let{positionMode:t=To.positionMode,shown:o=To.shown,animationStyle:a,offset:i,...r}=e;return Ji("div",{...r,style:{...i,...e.style},className:s(e.className,Yi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Ji("div",{className:"k-child-animation-container",style:a,children:e.children})})};Ie.states=Us;Ie.options=Vs;Ie.className=Yi;Ie.defaultOptions=To;Ie.moduleName=Ao;Ie.folderName=qi;var go="popup",Qi=go;import{jsx as Zi}from"react/jsx-runtime";var ji="k-popup",Gs=[],Xs={},ea={positionMode:"absolute"},ge=e=>{let{offset:t,positionMode:o=ea.positionMode,animationStyle:a,containerClassName:i,containerRole:r,containerAriaLabel:d,...m}=e;return Zi(Ie,{positionMode:o,offset:t,animationStyle:a,className:i,role:r,"aria-label":d,children:Zi("div",{...m,className:s(e.className,ji),children:e.children})})};ge.states=Gs;ge.options=Xs;ge.className=ji;ge.defaultOptions=ea;ge.moduleName=go;ge.folderName=Qi;var Oo="action-buttons",ta=Oo;import{jsx as qs}from"react/jsx-runtime";var $t="k-actions",$s=[],Ws={},ko={alignment:"start",orientation:"horizontal"},Oe=e=>{let{alignment:t=ko.alignment,orientation:o=ko.orientation,...a}=e;return qs("div",{...a,className:s($t,{[`${$t}-${t}`]:t,[`${$t}-${o}`]:o},e.className),children:e.children})};Oe.states=$s;Oe.options=Ws;Oe.className=$t;Oe.defaultOptions=ko;Oe.moduleName=Oo;Oe.folderName=ta;import{jsx as Ys}from"react/jsx-runtime";var Js="k-actionsheet-footer",oa={alignment:"stretched",orientation:"horizontal"},We=e=>{let{alignment:t=oa.alignment,orientation:o=oa.orientation,template:a,as:i=a?"div":Oe,...r}=e;return Ys(i,{...r,...!a&&{alignment:t,orientation:o},className:s(e.className,Js),children:e.children})};var Co="searchbox",ia=Co;import{jsx as gt,jsxs as js}from"react/jsx-runtime";var aa="k-searchbox",Qs=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Zs={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Ro={showIcon:!0,icon:"search"},me=e=>{let{value:t,placeholder:o,size:a,rounded:i,fillMode:r,hover:d,focus:m,valid:c,invalid:u,required:b,loading:x,disabled:h,showIcon:M=Ro.showIcon,icon:O=Ro.icon,"aria-label":y,...N}=e;return js(k,{...N,size:a,rounded:i,fillMode:r,hover:d,focus:m,valid:c,invalid:u,required:b,loading:x,disabled:h,className:s(e.className,aa),children:[M&&gt(S,{className:"k-input-icon",icon:O}),gt(W,{placeholder:o,value:t,"aria-label":y}),gt(F,{...e}),gt(H,{...e}),gt($,{...e})]})};me.states=Qs;me.options=Zs;me.className=aa;me.defaultOptions=Ro;me.moduleName=Co;me.folderName=ia;import{jsx as Zu}from"react/jsx-runtime";var Ko="textbox",na=Ko;import{Fragment as sa,jsx as ke,jsxs as Do}from"react/jsx-runtime";var ra="k-textbox",er=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],tr={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Wt={showClearButton:!0,showValidationIcon:!0,separators:!0},g=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Wt.separators,showClearButton:r=Wt.showClearButton,showValidationIcon:d=Wt.showValidationIcon,prefix:m,suffix:c,type:u,value:b,placeholder:x,hover:h,focus:M,valid:O,invalid:y,required:N,loading:v,disabled:K,readonly:w,id:X,"aria-label":be,"aria-describedby":Se,...we}=e;return Do(k,{...we,size:t,rounded:o,fillMode:a,hover:h,focus:M,valid:O,invalid:y,required:N,loading:v,disabled:K,readonly:w,className:s(e.className,ra),children:[m&&Do(sa,{children:[ke(de,{children:m}),i&&ke(q,{})]}),ke(W,{id:X,placeholder:x,value:b,type:u,disabled:K,"aria-label":be,"aria-describedby":Se,"aria-invalid":y?"true":void 0}),d&&ke(H,{valid:O,invalid:y,loading:v,disabled:K}),ke(F,{loading:v,disabled:K}),r&&ke($,{loading:v,disabled:K,readonly:w,value:b}),c&&Do(sa,{children:[i&&ke(q,{}),ke(pe,{children:c})]})]})};g.states=er;g.options=tr;g.className=ra;g.defaultOptions=Wt;g.moduleName=Ko;g.folderName=na;var Ot=g;import{jsx as or}from"react/jsx-runtime";var la=e=>or(Ot,{...e});import{Fragment as hf,jsx as xf}from"react/jsx-runtime";import{Fragment as Mf,jsx as Sf}from"react/jsx-runtime";import{jsx as Tf}from"react/jsx-runtime";import{jsx as _o}from"react/jsx-runtime";var ir=g.states,ar=g.defaultOptions,nr=g.options,sr=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],rr=[],qe=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?_o(S,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[i]?_o(He,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;default:break}}),_o(la,{value:"Value",style:{width:300},...o,...a})};qe.options=nr;qe.states=ir;qe.variants=rr;qe.defaultOptions=ar;qe.modifiers=sr;qe.className=g.className;import{jsx as Ce,jsxs as Po}from"react/jsx-runtime";var da="k-actionsheet-titlebar",lr={},xe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:i,filter:r,input:d,inputValue:m,inputPlaceholder:c,adaptive:u,titleId:b,children:x,...h}=e;return Po("div",{...h,className:s(e.className,da),children:[Po("div",{className:"k-actionsheet-titlebar-group",children:[a&&Ce("div",{className:"k-actionsheet-actions",children:a}),!x&&Po("div",{className:"k-actionsheet-title",id:b,children:[t&&Ce("div",{className:"k-text-center",children:t}),o&&Ce("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&Ce("div",{className:"k-actionsheet-title",id:b,children:x}),i&&Ce("div",{className:"k-actionsheet-actions",children:i})]}),(d||r)&&Ce("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?Ce(g,{value:m,placeholder:c,size:u?"large":"medium","aria-label":t||c||"Input"}):Ce(me,{placeholder:"Filter",size:u?"large":"medium","aria-label":"Filter options"})})]})};xe.className=da;xe.defaultOptions=lr;import{jsx as wo,jsxs as cr}from"react/jsx-runtime";var Ho="k-actionsheet-view",dr=[],pr={},mr={},Je=e=>{let{adaptive:t,animated:o,children:a,header:i,footer:r,titleId:d,...m}=e,c=i?.type===xe&&wo(xe,{adaptive:t,titleId:d,...i?.props}),u=r?.type===We&&wo(We,{...r?.props});return cr("div",{...m,className:s(e.className,Ho,{[`${Ho}-animated`]:o}),children:[c,wo("div",{className:"k-actionsheet-content",children:a}),u]})};Je.states=dr;Je.options=pr;Je.className=Ho;Je.defaultOptions=mr;var kt="action-sheet",qt=kt;var zo="overlay",pa=zo;import{jsx as xr}from"react/jsx-runtime";var ma="k-overlay",ur=[],fr={},br={},Re=e=>{let{...t}=e;return xr("div",{...t,className:s(e.className,ma),children:e.children})};Re.states=ur;Re.options=fr;Re.className=ma;Re.defaultOptions=br;Re.moduleName=zo;Re.folderName=pa;import{jsx as Jt,jsxs as Lr}from"react/jsx-runtime";var ca="k-actionsheet",hr=[],Nr={},Ct={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},U=e=>{let{side:t=Ct.side,fullscreen:o=Ct.fullscreen,adaptive:a=Ct.adaptive,overlay:i=Ct.overlay,template:r,children:d,header:m,footer:c,id:u,...b}=e,x=u&&!r&&m?`${u}-title`:void 0;return Lr("div",{className:"k-actionsheet-container",children:[i&&Jt(Re,{}),Jt(Ie,{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:Jt("div",{...b,id:u,role:"dialog","aria-modal":i?"true":void 0,"aria-labelledby":x,className:s(e.className,ca,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:r||Jt(Je,{header:m,footer:c,adaptive:a,titleId:x,...e,children:d})})})]})};U.states=hr;U.options=Nr;U.className=ca;U.defaultOptions=Ct;U.moduleName=kt;U.folderName=qt;import{jsx as Mr}from"react/jsx-runtime";var ua="k-actionsheet-container",Ir=[],vr={},Sr={},Ye=e=>{let{children:t,...o}=e;return Mr("div",{...o,className:ua,children:t})};Ye.states=Ir;Ye.options=vr;Ye.className=ua;Ye.defaultOptions=Sr;Ye.moduleName=kt;Ye.folderName=qt;import{jsx as Er}from"react/jsx-runtime";var Bo=e=>{let{...t}=e;return Er("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as Ar,jsx as Rt,jsxs as Fo}from"react/jsx-runtime";var Uo="k-actionsheet-item",yr=[n.hover,n.focus,n.selected,n.disabled],Ke=e=>{let{iconName:t,text:o,description:a,hover:i,focus:r,selected:d,disabled:m,...c}=e;return Fo("span",{...c,className:s(e.className,Uo,T(Uo,{hover:i,focus:r,selected:d,disabled:m})),children:[!e.children&&Rt(Ar,{children:Fo("span",{className:"k-actionsheet-action",children:[t&&Rt("span",{className:"k-icon-wrap",children:Rt(S,{className:"k-actionsheet-item-icon",icon:t})}),Fo("span",{className:"k-actionsheet-item-text",children:[o&&Rt("span",{className:"k-actionsheet-item-title",children:o}),a&&Rt("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Ke.states=yr;Ke.className=Uo;import{jsx as Ab,jsxs as Tb}from"react/jsx-runtime";import{jsx as Cb}from"react/jsx-runtime";import{jsx as _b}from"react/jsx-runtime";import{jsx as zb}from"react/jsx-runtime";import{jsx as z,jsxs as Vo}from"react/jsx-runtime";var Tr=U.options,gr=U.states,ba={...U.defaultOptions,variant:"normal"},Or=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],kr=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Qe=e=>{let{variant:t,modifiers:o,...a}={...ba,...e},i={},r=Vo(Bo,{children:[z(Ke,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),z(Ke,{text:"Add to Favorites",iconName:"heart"}),z(Ke,{text:"Upload New",iconName:"upload",disabled:!0}),z("hr",{className:"k-hr"}),z(Ke,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",m="Select Item";return t==="fullScreen"&&(i.fullScreen=!0),Object.keys(o||{}).forEach(c=>{switch(c){case"actions":i.actionsStart=!!o?.[c],i.actionsEnd=!!o?.[c];break;case"subtitle":i.subtitle=o?.[c]?d:void 0;break;case"footer":i.footer=!!o?.[c];break;default:break}}),t==="adaptive"?z(U,{...a,adaptive:!0,fullscreen:i.fullScreen,header:z(xe,{actionsStart:i.actionsStart?z(I,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?z(I,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:i.subtitle}),footer:i.footer?Vo(We,{alignment:"stretched",children:[z(I,{text:"Cancel",size:"large",themeColor:"base"}),z(I,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:r}):z(U,{...a,fullscreen:i.fullScreen,header:z(xe,{actionsStart:i.actionsStart?z(I,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?z(I,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:i.subtitle}),footer:i.footer?Vo(We,{alignment:"stretched",children:[z(I,{text:"Apply",themeColor:"primary"}),z(I,{text:"Cancel",themeColor:"base"})]}):void 0,children:r})};Qe.options=Tr;Qe.states=gr;Qe.variants=Or;Qe.defaultOptions=ba;Qe.modifiers=kr;Qe.className=U.className;import $o from"react";import{jsx as xa}from"react/jsx-runtime";var Cr="k-list-group-sticky-header",Go=e=>xa("div",{className:s(Cr,e.className),children:xa("div",{className:"k-list-header-text",children:e.children})});import{jsx as Kr}from"react/jsx-runtime";var Rr="k-no-data",Xo=e=>{let{live:t,...o}=e;return Kr("span",{...o,className:s(Rr,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ze="list",Ze=ze;import{jsx as ha,jsxs as Na}from"react/jsx-runtime";var Wo="k-list",Dr=[],_r={size:[l.undefined,l.small,l.medium,l.large]},Pr={},D=e=>{let{size:t,virtualization:o,children:a,header:i,selectAll:r,optionLabel:d,customValue:m,noData:c,screenReaders:u,...b}=e,h=$o.Children.toArray(a)[0],M=h?.props?.children?$o.Children.count(h.props.children):$o.Children.count(a);return Na("div",{...b,className:s(e.className,Wo,A(Wo,{size:t}),{"k-virtual-list":o}),children:[d,r,m,i&&ha(Go,{children:i}),a||(c!==void 0?c:ha(Xo,{live:!0,children:"No data found."})),u&&a&&Na(Xo,{className:"k-sr-only",live:!0,children:[M," items found."]})]})};D.states=Dr;D.options=_r;D.className=Wo;D.defaultOptions=Pr;D.moduleName=ze;D.folderName=Ze;import{jsx as Br}from"react/jsx-runtime";var La="k-list-container",wr=[],Hr={},zr={},je=e=>{let{...t}=e;return Br("div",{...t,className:s(e.className,La),children:e.children})};je.states=wr;je.options=Hr;je.className=La;je.defaultOptions=zr;je.moduleName=ze;je.folderName=Ze;var Be="checkbox",et=Be;import{jsx as Ia}from"react/jsx-runtime";var Yt="k-checkbox",Fr=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Ur={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full]},Vr={},J=e=>{let{id:t,checked:o,indeterminate:a,hover:i,focus:r,disabled:d,invalid:m,valid:c,required:u,size:b,rounded:x,wrapperRole:h,...M}=e;return Ia("span",{className:"k-checkbox-wrap",role:h,children:Ia("input",{...M,id:t,type:"checkbox",defaultChecked:o,required:u,disabled:d||void 0,"aria-invalid":m?"true":void 0,className:s(e.className,Yt,A(Yt,{size:b,rounded:x}),T(Yt,{hover:i,focus:r,disabled:d,invalid:m,valid:c,indeterminate:a,checked:o}))})})};J.states=Fr;J.options=Ur;J.className=Yt;J.defaultOptions=Vr;J.moduleName=Be;J.folderName=et;var he=J;import{jsx as $r}from"react/jsx-runtime";var va="k-checkbox-list",Gr=[],Xr={},Sa={layout:"vertical"},Y=e=>{let{layout:t=Sa.layout,...o}=e;return $r("ul",{...o,className:s(e.className,va,{[`k-list-${t}`]:t}),children:e.children})};Y.states=Gr;Y.options=Xr;Y.className=va;Y.defaultOptions=Sa;Y.moduleName=Be;Y.folderName=et;import{jsx as Yr}from"react/jsx-runtime";var Ma="k-checkbox-list-item",Wr=[],qr={},Jr={},Q=e=>{let{...t}=e;return Yr("li",{...t,className:s(e.className,Ma),children:e.children})};Q.states=Wr;Q.options=qr;Q.className=Ma;Q.defaultOptions=Jr;Q.moduleName=Be;Q.folderName=et;import{Fragment as Qr,jsx as Ea,jsxs as Zr}from"react/jsx-runtime";var Me=({children:e="Label",id:t="cb-label-after",...o})=>Zr(Qr,{children:[Ea(he,{id:t,...o}),Ea("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as qx,jsx as Wx,jsxs as Jx}from"react/jsx-runtime";import{Fragment as eh,jsx as jx,jsxs as th}from"react/jsx-runtime";import{Fragment as sh,jsx as nh,jsxs as rh}from"react/jsx-runtime";import{jsx as mh}from"react/jsx-runtime";import{jsx as bh}from"react/jsx-runtime";import{jsx as Lh}from"react/jsx-runtime";import{jsx as ce,jsxs as ya}from"react/jsx-runtime";var jr=Y.options,el=Y.states,tl={...Y.defaultOptions,variant:"vertical"},ol=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],il=[],tt=e=>{let{variant:t,...o}=e;return t==="horizontal"?ya(Y,{layout:"horizontal",...o,children:[ce(Q,{children:ce(Me,{id:E("cb"),defaultChecked:!0,children:"Label"})}),ce(Q,{children:ce(Me,{id:E("cb"),children:"Label"})}),ce(Q,{children:ce(Me,{id:E("cb"),children:"Label"})})]}):ya(Y,{...o,children:[ce(Q,{children:ce(Me,{id:E("cb"),defaultChecked:!0,children:"Label"})}),ce(Q,{children:ce(Me,{id:E("cb"),children:"Label"})}),ce(Q,{children:ce(Me,{id:E("cb"),children:"Label"})})]})};tt.options=jr;tt.states=el;tt.variants=ol;tt.defaultOptions=tl;tt.modifiers=il;tt.className=Y.className;import{jsx as dl}from"react/jsx-runtime";var al=he.options,nl=he.states,sl=he.defaultOptions,rl=[],ll=[],ot=e=>dl(Me,{id:E("checkbox"),...e,defaultChecked:!0,children:"Label"});ot.options=al;ot.states=nl;ot.variants=rl;ot.defaultOptions=sl;ot.modifiers=ll;ot.className=he.className;import{jsx as Fe,jsxs as ul}from"react/jsx-runtime";var qo="k-list-item",pl=[n.hover,n.focus,n.selected,n.disabled],ml={},cl={},C=e=>{let{text:t,groupLabel:o,group:a,iconName:i,iconClassName:r,showCheckbox:d,checked:m,hover:c,focus:u,selected:b,disabled:x,actions:h,description:M,id:O,...y}=e,N=t||e.children,v=t||(typeof N=="string"?N:void 0);return ul("li",{...y,id:O,role:a?"presentation":"option",tabIndex:a?void 0:u?0:-1,"aria-selected":!a&&b?"true":a?void 0:"false","aria-disabled":!a&&x?"true":void 0,className:s(e.className,a?"k-list-group-item":qo,T(qo,{hover:c,focus:u,disabled:x,selected:b})),children:[d&&Fe(J,{checked:m,disabled:x,"aria-label":v,tabIndex:-1}),i&&Fe("span",{className:"k-list-item-icon-wrapper",children:Fe(S,{icon:i,className:s("k-list-item-icon",r)})}),Fe("span",{className:"k-list-item-text",children:N}),h&&Fe("div",{className:"k-list-item-actions",children:h}),M&&Fe("span",{className:"k-list-item-description",children:M}),o&&o!==""&&Fe("div",{className:"k-list-item-group-label",children:o})]})};C.states=pl;C.options=ml;C.className=qo;C.defaultOptions=cl;C.moduleName=ze;C.folderName=Ze;import{jsx as bl}from"react/jsx-runtime";var fl="k-list-ul",it=e=>{let{children:t,role:o,id:a,...i}=e;return bl("ul",{...i,id:a,role:o,className:s(fl,e.className),children:t})};import{jsx as Jo,jsxs as hl}from"react/jsx-runtime";var xl="k-list-content",Z=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":i,listboxId:r,...d}=e;return hl("div",{...d,className:s(xl,e.className),role:o?"listbox":void 0,id:o?r:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?i:void 0,children:[o?e.children:Jo(it,{role:"listbox",id:r,"aria-label":a,"aria-labelledby":i,children:e.children}),t&&Jo("div",{className:"k-height-container",children:Jo("div",{})})]})};import{jsx as Yo,jsxs as vl}from"react/jsx-runtime";var Qt="k-list-sticky-header",Nl=[n.hover,n.focus,n.selected],Ll={},Il={},Zt=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:i,hover:r,focus:d,selected:m,...c}=e;return Yo("div",{...c,className:s(Qt,e.className),children:vl("div",{className:s(`${Qt}-item`,T(`${Qt}-item`,{hover:r,focus:d,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&Yo(J,{checked:a,indeterminate:i,"aria-label":t}),Yo("span",{className:"k-list-item-text",children:t})]})})};Zt.states=Nl;Zt.options=Ll;Zt.className=Qt;Zt.defaultOptions=Il;import{Fragment as uN,jsx as cN,jsxs as fN}from"react/jsx-runtime";import{jsx as LN,jsxs as IN}from"react/jsx-runtime";import{jsx as yl}from"react/jsx-runtime";var Qo="k-list-optionlabel",Sl=[n.hover,n.focus,n.selected,n.disabled],Ml={},El={},jt=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:r,...d}=e;return yl("div",{...d,className:s(Qo,T(Qo,{hover:o,focus:a,selected:i,disabled:r})),children:t})};jt.states=Sl;jt.options=Ml;jt.className=Qo;jt.defaultOptions=El;import{jsx as Ol}from"react/jsx-runtime";var Zo="k-list-custom-value",Al=[n.hover,n.focus,n.selected,n.disabled],Tl={},gl={},eo=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:r,...d}=e;return Ol("div",{...d,className:s(Zo,T(Zo,{hover:o,focus:a,selected:i,disabled:r})),children:t})};eo.states=Al;eo.options=Tl;eo.className=Zo;eo.defaultOptions=gl;import{Fragment as RN,jsx as CN,jsxs as KN}from"react/jsx-runtime";import{Fragment as zN,jsx as HN,jsxs as BN}from"react/jsx-runtime";import{Fragment as WN,jsx as XN,jsxs as $N}from"react/jsx-runtime";import{Fragment as eL,jsx as ZN,jsxs as jN}from"react/jsx-runtime";import{jsx as aL}from"react/jsx-runtime";import{Fragment as pL,jsx as dL,jsxs as mL}from"react/jsx-runtime";import{Fragment as hL,jsx as xL,jsxs as NL}from"react/jsx-runtime";var Aa="dropdown-list",Ta="dropdownlist";import{Fragment as Rl,jsx as j,jsxs as ei}from"react/jsx-runtime";var ga="k-dropdownlist",kl=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Cl={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},ti={showValue:!0,arrowIconName:"chevron-down"},R=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=ti.arrowIconName,showValue:r=ti.showValue,valueIconName:d,prefix:m,suffix:c,value:u,placeholder:b,hover:x,focus:h,valid:M,invalid:O,required:y,loading:N,disabled:v,readonly:K,popup:w,opened:X,adaptive:be,adaptiveSettings:Se,adaptiveTitle:we,adaptiveSubtitle:pn,adaptiveFilter:mn,id:It,activeDescendant:fi,"aria-label":cn,...un}=e,fn=It?`${It}-listbox`:void 0,bi=It?`${It}-value`:void 0;return ei(Rl,{children:[ei(Te,{...un,id:It,size:t,rounded:o,fillMode:a,hover:x,focus:h,valid:M,invalid:O,required:y,loading:N,disabled:v,readonly:K,className:s(e.className,ga,{"k-icon-picker":!r&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":X?"true":"false","aria-controls":X?fn:void 0,"aria-activedescendant":X&&fi?fi:void 0,"aria-describedby":X?bi:void 0,"aria-disabled":v?"true":void 0,"aria-label":cn,tabIndex:0,children:[j(de,{children:m}),j(At,{placeholder:b,value:u,showValue:r,valueIconName:d,id:bi}),j(H,{valid:M,invalid:O,loading:N,disabled:v}),j(F,{loading:N,disabled:v}),j(pe,{children:c}),j(I,{className:"k-input-button",icon:i,size:e.size,fillMode:e.fillMode,"aria-label":b||"Toggle dropdown",tabIndex:-1})]}),X&&w&&j(ge,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:w}),be&&j(U,{adaptive:!0,...Se,header:j(xe,{actionsEnd:j(I,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:mn,inputValue:u,inputPlaceholder:b,title:we,subtitle:pn}),children:j("div",{className:"k-list-container",children:j(D,{size:"large",children:ei(Z,{"aria-label":"Options",children:[j(C,{text:"List item"}),j(C,{text:"List item"}),j(C,{text:"List item"})]})})})})]})};R.states=kl;R.options=Cl;R.className=ga;R.defaultOptions=ti;R.moduleName=Aa;R.folderName=Ta;import{jsx as jL}from"react/jsx-runtime";import{jsx as nI,jsxs as sI}from"react/jsx-runtime";import{Fragment as bI,jsx as uI,jsxs as fI}from"react/jsx-runtime";import{jsx as II}from"react/jsx-runtime";import{jsx as AI,jsxs as TI}from"react/jsx-runtime";import{Fragment as PI,jsx as DI,jsxs as _I}from"react/jsx-runtime";import{jsx as FI}from"react/jsx-runtime";import{Fragment as Hl,jsx as De,jsxs as Oa}from"react/jsx-runtime";var Kl=R.states,Dl=R.defaultOptions,_l=R.options,Pl=[{name:"opened",title:"Opened"}],wl=[],nt=e=>{let{modifiers:t,...o}=e,a={},i=Oa(Hl,{children:[De("div",{className:"k-list-filter",children:De(me,{})}),De(D,{style:{width:300},size:o.size,children:Oa(Z,{children:[De(C,{children:"List item"}),De(C,{children:"List item"}),De(C,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(r=>{r==="opened"&&(a.opened=!!t?.[r],a.popup=t?.[r]?i:void 0)}),De("div",{children:De(R,{placeholder:"Value",style:{width:300},...o,...a})})};nt.options=_l;nt.states=Kl;nt.variants=wl;nt.defaultOptions=Dl;nt.modifiers=Pl;nt.className=R.className;var Ue="radio",st=Ue;import{jsx as ka}from"react/jsx-runtime";var to="k-radio",zl=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked],Bl={size:[l.undefined,l.small,l.medium,l.large]},Fl={},se=e=>{let{id:t,checked:o,hover:a,focus:i,disabled:r,invalid:d,valid:m,required:c,size:u,...b}=e;return ka("span",{className:"k-radio-wrap",children:ka("input",{...b,id:t,type:"radio",checked:o,required:c,disabled:r||void 0,"aria-invalid":d?"true":void 0,className:s(e.className,to,A(to,{size:u}),T(to,{hover:a,focus:i,disabled:r,invalid:d,valid:m,checked:o}))})})};se.states=zl;se.options=Bl;se.className=to;se.defaultOptions=Fl;se.moduleName=Ue;se.folderName=st;var ue=se;import{jsx as Gl}from"react/jsx-runtime";var Ca="k-radio-list",Ul=[],Vl={},Ra={layout:"vertical"},V=e=>{let{layout:t=Ra.layout,...o}=e;return Gl("ul",{...o,className:s(e.className,Ca,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};V.states=Ul;V.options=Vl;V.className=Ca;V.defaultOptions=Ra;V.moduleName=Ue;V.folderName=st;import{jsx as ql}from"react/jsx-runtime";var Ka="k-radio-list-item",Xl=[],$l={},Wl={},G=e=>{let{...t}=e;return ql("li",{...t,className:s(e.className,Ka),role:"none",children:e.children})};G.states=Xl;G.options=$l;G.className=Ka;G.defaultOptions=Wl;G.moduleName=Ue;G.folderName=st;import{jsx as Iv}from"react/jsx-runtime";import{Fragment as Jl,jsx as Da,jsxs as Yl}from"react/jsx-runtime";var Ee=({children:e,id:t,...o})=>Yl(Jl,{children:[Da(ue,{...o,id:t}),Da("label",{className:"k-radio-label",htmlFor:t,children:e})]});import{Fragment as gv,jsx as Tv,jsxs as Ov}from"react/jsx-runtime";import{Fragment as _v,jsx as Kv,jsxs as Dv}from"react/jsx-runtime";import{Fragment as Bv,jsx as zv,jsxs as Fv}from"react/jsx-runtime";import{Fragment as $v,jsx as Xv,jsxs as Wv}from"react/jsx-runtime";import{Fragment as eS,jsx as jv,jsxs as tS}from"react/jsx-runtime";import{jsx as nS}from"react/jsx-runtime";import{jsx as id}from"react/jsx-runtime";var Zl=ue.options,jl=ue.states,ed=ue.defaultOptions,td=[],od=[],rt=e=>id(Ee,{id:E("radio"),name:"value",...e,children:"Label"});rt.options=Zl;rt.states=jl;rt.variants=td;rt.defaultOptions=ed;rt.modifiers=od;rt.className=ue.className;import{jsx as fe,jsxs as _a}from"react/jsx-runtime";var ad=V.options,nd=V.states,sd={...V.defaultOptions,variant:"vertical"},rd=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],ld=[],lt=e=>{let{variant:t,...o}=e;return t==="horizontal"?_a(V,{layout:"horizontal",...o,children:[fe(G,{children:fe(Ee,{id:E("rb"),name:"value",defaultChecked:!0,children:"Label"})}),fe(G,{children:fe(Ee,{id:E("rb"),name:"value",children:"Label"})}),fe(G,{children:fe(Ee,{id:E("rb"),name:"value",children:"Label"})})]}):_a(V,{...o,children:[fe(G,{children:fe(Ee,{id:E("rb"),name:"value",defaultChecked:!0,children:"Label"})}),fe(G,{children:fe(Ee,{id:E("rb"),name:"value",children:"Label"})}),fe(G,{children:fe(Ee,{id:E("rb"),name:"value",children:"Label"})})]})};lt.options=ad;lt.states=nd;lt.variants=rd;lt.defaultOptions=sd;lt.modifiers=ld;lt.className=V.className;import{Fragment as FS,jsx as BS,jsxs as US}from"react/jsx-runtime";import{Fragment as QS,jsx as YS,jsxs as ZS}from"react/jsx-runtime";import{Fragment as nM,jsx as aM,jsxs as sM}from"react/jsx-runtime";import{Fragment as fd,jsx as ee,jsxs as dt}from"react/jsx-runtime";var dd=_.options,pd=_.states,md={..._.defaultOptions,variant:"vertical"},cd=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ud=[],pt=e=>{let{variant:t,size:o,...a}=e,i=dt(Ve,{legend:"Form Legend",children:[ee(P,{label:"Label",editor:ee(g,{size:o})}),ee(P,{label:"Label",hint:"Hint text",editor:ee(R,{value:"Dropdown List",size:o})}),ee(P,{label:"City",editor:dt("ul",{className:"k-radio-list k-list-horizontal",children:[dt("li",{className:"k-radio-list-item",children:[ee(se,{checked:!0,size:o}),ee("label",{className:"k-radio-label",children:"Label"})]}),dt("li",{className:"k-radio-list-item",children:[ee(se,{size:o}),ee("label",{className:"k-radio-label",children:"Label"})]}),dt("li",{className:"k-radio-list-item",children:[ee(se,{size:o}),ee("label",{className:"k-radio-label",children:"Label"})]})]})})]}),r=dt(fd,{children:[ee(I,{className:"k-form-submit",themeColor:"primary",size:o,children:"Submit"}),ee(I,{className:"k-form-clear",size:o,children:"Clear"})]});return t==="horizontal"?ee(_,{orientation:"horizontal",size:o,...a,formButtons:r,children:i}):ee(_,{size:o,...a,formButtons:r,children:i})};pt.options=dd;pt.states=pd;pt.variants=cd;pt.defaultOptions=md;pt.modifiers=ud;pt.className=_.className;import{jsx as Pa,jsxs as Ld}from"react/jsx-runtime";var bd=re.options,xd=re.states,wa={...re.defaultOptions},hd=[],Nd=[{name:"showHint",title:"Show Hint"}],mt=e=>{let{modifiers:t,...o}={...wa,...e},a=t?.showHint??!0;return Ld("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Pa(g,{placeholder:"Component",style:{width:"200px"}}),a&&Pa(re,{...o,children:"Hint text"})]})};mt.options=bd;mt.states=xd;mt.variants=hd;mt.defaultOptions=wa;mt.modifiers=Nd;mt.className=re.className;import{jsx as Ha,jsxs as Ed}from"react/jsx-runtime";var Id=le.options,vd=le.states,za={...le.defaultOptions},Sd=[],Md=[{name:"showError",title:"Show Error"}],ct=e=>{let{modifiers:t,...o}={...za,...e},a=t?.showError??!0;return Ed("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Ha(g,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&Ha(le,{...o,children:"Error text"})]})};ct.options=Id;ct.states=vd;ct.variants=Sd;ct.defaultOptions=za;ct.modifiers=Md;ct.className=le.className;import{jsx as Ba,jsxs as Od}from"react/jsx-runtime";var Fa="k-spin-button",Td=[],gd={size:[l.undefined,l.small,l.medium,l.large],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},oi={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ve=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:i=oi.increaseLabel,decreaseLabel:r=oi.decreaseLabel,...d}=e;return Od("span",{...d,className:s(Fa,e.className),children:[Ba(I,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":i}),Ba(I,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":r})]})};ve.states=Td;ve.options=gd;ve.className=Fa;ve.defaultOptions=oi;ve.moduleName=null;ve.folderName=null;var Ua="date-input",Va="dateinput";import{jsx as Kt,jsxs as Kd}from"react/jsx-runtime";var Ga="k-dateinput",kd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Cd={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Rd={},ie=e=>{let{size:t,rounded:o,fillMode:a,value:i,placeholder:r,hover:d,focus:m,valid:c,invalid:u,required:b,loading:x,disabled:h,readonly:M,showClearButton:O,showSpinButton:y,id:N,"aria-label":v,"aria-describedby":K,...w}=e;return Kd(k,{...w,size:t,rounded:o,fillMode:a,hover:d,focus:m,valid:c,invalid:u,required:b,loading:x,disabled:h,readonly:M,className:s(e.className,Ga),children:[Kt(W,{id:N,placeholder:r,value:i,disabled:h,"aria-label":v,"aria-describedby":K,"aria-invalid":u?"true":void 0}),Kt(H,{valid:c,invalid:u,loading:x,disabled:h}),Kt(F,{loading:x,disabled:h}),O&&Kt($,{loading:x,disabled:h,readonly:M,value:i}),y&&Kt(ve,{className:"k-input-spinner",size:t,fillMode:a,disabled:h})]})};ie.states=kd;ie.options=Cd;ie.className=Ga;ie.defaultOptions=Rd;ie.moduleName=Ua;ie.folderName=Va;var ii=ie;import{jsx as Dd}from"react/jsx-runtime";var Xa=e=>Dd(ii,{...e});import{jsx as rE}from"react/jsx-runtime";import{jsx as Bd}from"react/jsx-runtime";var _d=ie.options,Pd=ie.states,wd=ie.defaultOptions,Hd=[{name:"spin-button",title:"`Spin` Button"}],zd=[],ut=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{i==="spin-button"&&(a.showSpinButton=!!t?.[i])}),Bd(Xa,{value:"2/04/2021",style:{width:"300px"},...o,...a})};ut.options=_d;ut.states=Pd;ut.variants=zd;ut.defaultOptions=wd;ut.modifiers=Hd;ut.className=ie.className;var $a="masked-textbox",Wa="maskedtextbox";import{Fragment as qa,jsx as _e,jsxs as ai}from"react/jsx-runtime";var Ja="k-maskedtextbox",Fd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Ud={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},ni={showClearButton:!0,separators:!0},ae=e=>{let{size:t,rounded:o,fillMode:a,separators:i=ni.separators,showClearButton:r=ni.showClearButton,prefix:d,suffix:m,value:c,placeholder:u,hover:b,focus:x,valid:h,invalid:M,required:O,loading:y,disabled:N,readonly:v,id:K,"aria-label":w,"aria-describedby":X,...be}=e;return ai(k,{...be,size:t,rounded:o,fillMode:a,hover:b,focus:x,valid:h,invalid:M,required:O,loading:y,disabled:N,readonly:v,className:s(e.className,Ja),children:[d&&ai(qa,{children:[_e(de,{children:d}),i&&_e(q,{})]}),_e(W,{id:K,placeholder:u,value:c,disabled:N,"aria-label":w,"aria-describedby":X,"aria-invalid":M?"true":void 0}),_e(H,{valid:h,invalid:M,loading:y,disabled:N}),_e(F,{loading:y,disabled:N}),r&&_e($,{loading:y,disabled:N,readonly:v,value:c}),m&&ai(qa,{children:[i&&_e(q,{}),_e(pe,{children:m})]})]})};ae.states=Fd;ae.options=Ud;ae.className=Ja;ae.defaultOptions=ni;ae.moduleName=$a;ae.folderName=Wa;var ft=ae;import{jsx as Vd}from"react/jsx-runtime";var Ya=e=>Vd(ft,{...e});import{Fragment as RE,jsx as CE}from"react/jsx-runtime";import{Fragment as HE,jsx as wE}from"react/jsx-runtime";import{jsx as UE}from"react/jsx-runtime";import{jsx as $E}from"react/jsx-runtime";import{jsx as si}from"react/jsx-runtime";var Gd=ae.states,Xd=ae.defaultOptions,$d=ae.options,Wd=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],qd=[],bt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?si(R,{size:o.size,value:"Choose",fillMode:"flat"}):void 0;break;case"suffix":a.suffix=t?.[i]?si(S,{icon:"lock"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;default:break}}),si(Ya,{value:"Value",style:{width:300},...o,...a})};bt.options=$d;bt.states=Gd;bt.variants=qd;bt.defaultOptions=Xd;bt.modifiers=Wd;bt.className=ae.className;var Qa="numeric-textbox",Za="numerictextbox";import{Fragment as ja,jsx as ye,jsxs as ri}from"react/jsx-runtime";var en="k-numerictextbox",Jd=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Yd={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},oo={showSpinButton:!0,showClearButton:!0,separators:!0},ne=e=>{let{size:t,rounded:o,fillMode:a,separators:i=oo.separators,showClearButton:r=oo.showClearButton,showSpinButton:d=oo.showSpinButton,prefix:m,suffix:c,value:u,placeholder:b,hover:x,focus:h,valid:M,invalid:O,required:y,loading:N,disabled:v,readonly:K,id:w,"aria-label":X,"aria-describedby":be,...Se}=e;return ri(k,{...Se,size:t,rounded:o,fillMode:a,hover:x,focus:h,valid:M,invalid:O,required:y,loading:N,disabled:v,readonly:K,className:s(e.className,en),children:[m&&ri(ja,{children:[ye(de,{children:m}),i&&ye(q,{})]}),ye(W,{id:w,placeholder:b,value:u,role:"spinbutton",disabled:v,"aria-label":X,"aria-describedby":be,"aria-invalid":O?"true":void 0}),ye(H,{valid:M,invalid:O,loading:N,disabled:v}),ye(F,{loading:N,disabled:v}),r&&ye($,{loading:N,disabled:v,readonly:K,value:u}),c&&ri(ja,{children:[i&&ye(q,{}),ye(pe,{children:c})]}),d&&ye(ve,{className:"k-input-spinner",size:t,fillMode:a,disabled:v})]})};ne.states=Jd;ne.options=Yd;ne.className=en;ne.defaultOptions=oo;ne.moduleName=Qa;ne.folderName=Za;var Dt=ne;import{jsx as Qd}from"react/jsx-runtime";var tn=e=>Qd(Dt,{...e});import{Fragment as My,jsx as Sy}from"react/jsx-runtime";import{Fragment as Oy,jsx as gy}from"react/jsx-runtime";import{jsx as Ky}from"react/jsx-runtime";import{jsx as li}from"react/jsx-runtime";var Zd=ne.states,jd=ne.defaultOptions,ep=ne.options,tp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],op=[],xt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?li(R,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[i]?li(Eo,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;case"spin-button":a.showSpinButton=t?.[i];break;default:break}}),li(tn,{value:"Value",style:{width:300},...o,...a})};xt.options=ep;xt.states=Zd;xt.variants=op;xt.defaultOptions=jd;xt.modifiers=tp;xt.className=ne.className;var di="switch",on=di;import{jsx as io,jsxs as an}from"react/jsx-runtime";var Pe="k-switch",ip=[n.hover,n.focus,n.disabled,n.readonly,n.checked],ap={size:[l.undefined,l.small,l.medium,l.large],trackRounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],thumbRounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full]},np={},te=e=>{let{checked:t,onLabel:o,offLabel:a,size:i,trackRounded:r,thumbRounded:d,hover:m,focus:c,disabled:u,readonly:b,...x}=e;return an("span",{...x,className:s(e.className,Pe,A(Pe,{size:i}),T(Pe,{hover:m,focus:c,disabled:u,readonly:b}),{[`${Pe}-on`]:t,[`${Pe}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:u?void 0:0,"aria-disabled":u?"true":void 0,"aria-readonly":b?"true":void 0,children:[an("span",{className:s("k-switch-track",A(Pe,{rounded:r})),children:[o&&io("span",{className:"k-switch-label-on",children:o}),a&&io("span",{className:"k-switch-label-off",children:a})]}),io("span",{className:"k-switch-thumb-wrap",children:io("span",{className:s("k-switch-thumb",A(Pe,{rounded:d}))})})]})};te.states=ip;te.options=ap;te.className=Pe;te.defaultOptions=np;te.moduleName=di;te.folderName=on;import{jsx as oA}from"react/jsx-runtime";import{jsx as sA}from"react/jsx-runtime";import{jsx as pA}from"react/jsx-runtime";import{jsx as fA}from"react/jsx-runtime";import{jsx as nn}from"react/jsx-runtime";var sp=te.options,rp=te.states,lp={...te.defaultOptions,variant:"on"},dp=[{name:"on",title:"On"},{name:"off",title:"Off"}],pp=[],ht=e=>{let{variant:t,...o}=e;return t==="off"?nn(te,{checked:!1,onLabel:"On",offLabel:"Off",...o}):nn(te,{checked:!0,onLabel:"On",offLabel:"Off",...o})};ht.options=sp;ht.states=rp;ht.variants=dp;ht.defaultOptions=lp;ht.modifiers=pp;ht.className=te.className;var mi="textarea",sn=mi;import{Fragment as rn,jsx as _t,jsxs as ci}from"react/jsx-runtime";var ln="k-textarea",mp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],cp={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Nt={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},oe=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:i=Nt.prefixSeparator,suffixSeparator:r=Nt.prefixSeparator,affixesOrientation:d=Nt.affixesOrientation,flow:m=Nt.flow,resize:c=Nt.resize,prefix:u,suffix:b,rows:x,value:h,placeholder:M,hover:O,focus:y,valid:N,invalid:v,required:K,disabled:w,id:X,"aria-label":be,"aria-describedby":Se,...we}=e;return ci(k,{...we,size:t,rounded:o,fillMode:a,hover:O,focus:y,valid:N,invalid:v,required:K,disabled:w,className:s(e.className,ln,{"!k-flex-col":m==="vertical","!k-flex-row":m==="horizontal"}),children:[u&&ci(rn,{children:[_t(de,{className:s({"!k-align-items-start":m===d}),direction:d,children:u}),i&&_t(q,{direction:m==="horizontal"?"vertical":"horizontal"})]}),_t(Tt,{className:s("!k-overflow-auto",{"!k-flex-none":m==="vertical","k-resize-x":c==="x","k-resize-y":c==="y","k-resize":c==="both","k-resize-none":c==="none"}),value:h,placeholder:M,rows:x,disabled:w,id:X,"aria-label":be,"aria-describedby":Se,"aria-invalid":v?"true":void 0}),b&&ci(rn,{children:[r&&_t(q,{direction:m==="horizontal"?"vertical":"horizontal"}),_t(pe,{className:s({"!k-align-items-start":m===d}),direction:d,children:b})]})]})};oe.states=mp;oe.options=cp;oe.className=ln;oe.defaultOptions=Nt;oe.moduleName=mi;oe.folderName=sn;import{jsx as _A}from"react/jsx-runtime";import{Fragment as FA,jsx as BA}from"react/jsx-runtime";import{Fragment as WA,jsx as $A}from"react/jsx-runtime";import{jsx as QA}from"react/jsx-runtime";import{jsx as ao}from"react/jsx-runtime";var up=oe.options,fp=oe.states,dn={...oe.defaultOptions,variant:"vertical"},bp=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],xp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],Lt=e=>{let{variant:t,modifiers:o,...a}={...dn,...e},i={resize:"y"};return Object.keys(o||{}).forEach(r=>{switch(r){case"prefix":i.prefix=o?.[r]?ao(S,{icon:"comment"}):void 0;break;case"suffix":i.suffix=o?.[r]?ao(S,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?ao(oe,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...i}):ao(oe,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...i})};Lt.options=up;Lt.states=fp;Lt.variants=bp;Lt.defaultOptions=dn;Lt.modifiers=xp;Lt.className=oe.className;import{Fragment as hp,jsx as B,jsxs as Np}from"react/jsx-runtime";var LT=e=>{let{size:t,children:o,...a}=e;return B(_,{size:t,...a,children:o||Np(hp,{children:[B(P,{editorId:"name",label:"Name:",hint:"Enter your full name",editor:B(g,{size:t,id:"name","aria-describedby":"name-hint"})}),B(P,{editorId:"email",label:"Email:",error:"Invalid email address",editor:B(g,{size:t,id:"email",invalid:!0,"aria-describedby":"email-error"})}),B(P,{editorId:"bio",label:"Bio:",hint:"Tell us about yourself",editor:B(oe,{size:t,id:"bio","aria-describedby":"bio-hint"})}),B(P,{editorId:"phone",label:"Phone:",hint:"(000) 000-0000",editor:B(ae,{size:t,id:"phone","aria-describedby":"phone-hint"})}),B(P,{editorId:"age",label:"Age:",error:"Must be 18 or older",editor:B(ne,{size:t,id:"age",invalid:!0,"aria-describedby":"age-error"})}),B(P,{editorId:"dob",label:"Date of birth:",hint:"MM/DD/YYYY",editor:B(ie,{size:t,id:"dob","aria-describedby":"dob-hint"})}),B(P,{editorId:"terms",label:"Terms:",hint:"You must agree to continue",editor:B(J,{id:"terms","aria-describedby":"terms-hint"})}),B(P,{editorId:"notify",label:"Notifications:",hint:"Enable email notifications",editor:B(te,{"aria-label":"Notifications","aria-describedby":"notify-hint"})})]})})};export{LT as FormWithHints};