@progress/kendo-themes-html/dist/esm/index.mjs

A collection of HTML helpers used for developing Kendo UI themes

var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((l,i)=>t[i]||t[l]&&l||null).filter(l=>l!==null).join(" "):t).filter(t=>!!t).join(" ");var z=(e,t)=>a({[`${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.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${e}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),y=(e,t)=>{let{valid:l,invalid:i,hover:p,focus:m,checked:u,active:k,selected:x,disabled:A,indeterminate:S,loading:R,empty:M,readonly:Y,highlighted:O,...X}=t;return a({"k-valid":l,"k-invalid":i,"k-hover":p,"k-focus":m,"k-checked":u,"k-active":k,"k-selected":x,"k-disabled":A,"k-indeterminate":S&&!u,"k-loading":R,"k-empty":M,"k-readonly":Y,"k-highlighted":O},Object.keys(X).reduce((j,te)=>(te.startsWith("k-")?j[te]=X[te]:j[`k-${te}`]=X[te],j),{}))};function Nx(e,t){if(!t)return{};let l=Array.isArray(t)?t:[t];return Object.fromEntries(l.map(i=>[`k-${i}`,!0]))}var f={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},E={small:"small",medium:"medium",large:"large",full:"full"},w={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},g={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",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"},Lr={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};import{jsx as DO}from"react/jsx-runtime";var BO=[],PO={},eo=e=>{let{type:t,...l}=e;return DO(t,{...l,className:a(e.className),children:e.children})};eo.states=BO;eo.options=PO;var oo="typography",co=oo;import{jsx as YO}from"react/jsx-runtime";var uw="k-body",RO=[],KO={},Qf=e=>YO(eo,{...e,className:a(e.className,uw),type:"body"});Qf.states=RO;Qf.options=KO;Qf.className=uw;Qf.moduleName=oo;Qf.folderName=co;import{jsx as FO}from"react/jsx-runtime";var fw="k-pre",OO=[],HO={},Vf=e=>FO(eo,{...e,className:a(e.className,fw),type:"pre"});Vf.states=OO;Vf.options=HO;Vf.className=fw;Vf.moduleName=oo;Vf.folderName=co;import{jsx as WO}from"react/jsx-runtime";var kw="k-code",GO=[],zO={},Xf=e=>WO(eo,{...e,className:a(e.className,kw),type:"code"});Xf.states=GO;Xf.options=zO;Xf.className=kw;Xf.moduleName=oo;Xf.folderName=co;import{jsx as XO}from"react/jsx-runtime";var hw="k-paragraph",QO=[],VO={},Zf=e=>XO(eo,{...e,className:a(e.className,hw),type:"p"});Zf.states=QO;Zf.options=VO;Zf.className=hw;Zf.moduleName=oo;Zf.folderName=co;import{jsx as UO}from"react/jsx-runtime";var xw="k-h1",ZO=[],JO={},Jf=e=>UO(eo,{...e,className:a(e.className,xw),type:"h1"});Jf.states=ZO;Jf.options=JO;Jf.className=xw;Jf.moduleName=oo;Jf.folderName=co;import{jsx as _O}from"react/jsx-runtime";var gw="k-h2",jO=[],qO={},Uf=e=>_O(eo,{...e,className:a(e.className,gw),type:"h2"});Uf.states=jO;Uf.options=qO;Uf.className=gw;Uf.moduleName=oo;Uf.folderName=co;import{jsx as t2}from"react/jsx-runtime";var bw="k-h3",$O=[],e2={},jf=e=>t2(eo,{...e,className:a(e.className,bw),type:"h3"});jf.states=$O;jf.options=e2;jf.className=bw;jf.moduleName=oo;jf.folderName=co;import{jsx as l2}from"react/jsx-runtime";var Nw="k-h4",o2=[],a2={},qf=e=>l2(eo,{...e,className:a(e.className,Nw),type:"h4"});qf.states=o2;qf.options=a2;qf.className=Nw;qf.moduleName=oo;qf.folderName=co;import{jsx as i2}from"react/jsx-runtime";var Aw="k-h5",r2=[],s2={},_f=e=>i2(eo,{...e,className:a(e.className,Aw),type:"h5"});_f.states=r2;_f.options=s2;_f.className=Aw;_f.moduleName=oo;_f.folderName=co;import{jsx as c2}from"react/jsx-runtime";var vw="k-h6",n2=[],d2={},$f=e=>c2(eo,{...e,className:a(e.className,vw),type:"h6"});$f.states=n2;$f.options=d2;$f.className=vw;$f.moduleName=oo;$f.folderName=co;import{jsx as u2}from"react/jsx-runtime";var Tw="k-display-1",p2=[],m2={},ek=e=>u2(eo,{...e,className:a(e.className,Tw),type:"div"});ek.states=p2;ek.options=m2;ek.className=Tw;ek.moduleName=oo;ek.folderName=co;import{jsx as h2}from"react/jsx-runtime";var yw="k-display-2",f2=[],k2={},tk=e=>h2(eo,{...e,className:a(e.className,yw),type:"div"});tk.states=f2;tk.options=k2;tk.className=yw;tk.moduleName=oo;tk.folderName=co;import{jsx as b2}from"react/jsx-runtime";var Ew="k-display-3",x2=[],g2={},ok=e=>b2(eo,{...e,className:a(e.className,Ew),type:"div"});ok.states=x2;ok.options=g2;ok.className=Ew;ok.moduleName=oo;ok.folderName=co;import{jsx as v2}from"react/jsx-runtime";var Cw="k-display-4",N2=[],A2={},ak=e=>v2(eo,{...e,className:a(e.className,Cw),type:"div"});ak.states=N2;ak.options=A2;ak.className=Cw;ak.moduleName=oo;ak.folderName=co;import{Fragment as C2,jsx as Mw}from"react/jsx-runtime";var HA="k-font-icon",T2=[],y2={size:[f.xsmall,f.small,f.medium,f.large,f.xlarge,f.xxlarge,f.xxxlarge],themeColor:[g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},E2={},lk=e=>{let{size:t,themeColor:l,icon:i,rotate:p,flip:m,...u}=e;return i?Mw("span",{...u,className:a(e.className,HA,z(HA,{size:t}),{[`k-i-${i}`]:i,[`k-color-${l}`]:l,[`k-rotate-${p}`]:p,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"})}):Mw(C2,{})};lk.states=T2;lk.options=y2;lk.className=HA;lk.defaultOptions=E2;var ww=lk;import{Fragment as L2,jsx as Ax}from"react/jsx-runtime";var FA="k-svg-icon",M2=[],w2={size:[f.xsmall,f.small,f.medium,f.large,f.xlarge,f.xxlarge,f.xxxlarge],themeColor:[g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},Lw={viewBox:"0 0 24 24"},rk=e=>{let{size:t,themeColor:l,rotate:i,flip:p,viewBox:m=Lw.viewBox,icon:u,...k}=e;if(!u)return Ax(L2,{});u==="none"&&{...k,className:a(e.className,FA,"k-none")};let x=typeof u=="object"&&u.name&&u.name;return Ax("span",{...k,className:a(e.className,FA,z("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${l}`]:l,[`k-rotate-${i}`]:i,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"}),children:Ax("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof u=="object"?u.viewBox:m,dangerouslySetInnerHTML:typeof u=="object"?{__html:u.content}:void 0,children:u?void 0:e.children})})};rk.states=M2;rk.options=w2;rk.className=FA;rk.defaultOptions=Lw;var GA=rk;import*as zA from"@progress/kendo-svg-icons";var Sw="icon",Iw="icons";import{Fragment as Bw,jsx as sk}from"react/jsx-runtime";var vx="k-icon",S2=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),I2=[],B2={size:[f.xsmall,f.small,f.medium,f.large,f.xlarge,f.xxlarge,f.xxxlarge],themeColor:[g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},WA={viewBox:"0 0 24 24",type:"svg"},h=e=>{let{size:t,themeColor:l,icon:i,type:p=WA.type,rotate:m,flip:u,viewBox:k=WA.viewBox,...x}=e;if(!i)return sk(Bw,{});if(p==="svg"){if(i==="none")return sk(GA,{...x,className:a(e.className,vx),icon:i,size:t});let A=zA[i]?i:S2(`${i}-icon`);return zA[A]?sk(GA,{...x,className:a(e.className,vx),icon:zA[A],size:t,themeColor:l,rotate:m,flip:u,viewBox:k}):sk(Bw,{})}return sk(ww,{...x,className:a(e.className,vx),icon:i,size:t,themeColor:l,rotate:m,flip:u})};h.states=I2;h.options=B2;h.defaultOptions=WA;h.className=vx;h.moduleName=Sw;h.folderName=Iw;var QA=h;var VA="action-buttons",Pw=VA;import{jsx as R2}from"react/jsx-runtime";var Tx="k-actions",P2=[],D2={},XA={alignment:"start",orientation:"horizontal"},ge=e=>{let{alignment:t=XA.alignment,orientation:l=XA.orientation,...i}=e;return R2("div",{...i,className:a(Tx,{[`${Tx}-${t}`]:t,[`${Tx}-${l}`]:l},e.className),children:e.children})};ge.states=P2;ge.options=D2;ge.className=Tx;ge.defaultOptions=XA;ge.moduleName=VA;ge.folderName=Pw;var Dw=ge;var ik="input",yx=ik;import{jsx as O2}from"react/jsx-runtime";var Ex="k-input",K2=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Y2={size:[f.small,f.medium,f.large],rounded:[E.small,E.medium,E.large,E.full],fillMode:[w.solid,w.flat,w.outline]},Cx={size:f.medium,rounded:f.medium,fillMode:w.solid},$=e=>{let{hover:t,focus:l,disabled:i,invalid:p,valid:m,loading:u,readonly:k,size:x=Cx.size,rounded:A=Cx.rounded,fillMode:S=Cx.fillMode,...R}=e;return O2("span",{...R,className:a(e.className,Ex,z(Ex,{size:x,rounded:A,fillMode:S}),y(Ex,{hover:t,focus:l,disabled:i,invalid:p,valid:m,loading:u,readonly:k}))})};$.states=K2;$.options=Y2;$.className=Ex;$.defaultOptions=Cx;$.moduleName=ik;$.folderName=yx;import{jsx as G2}from"react/jsx-runtime";var Mx="k-picker",H2=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],F2={size:[f.small,f.medium,f.large],rounded:[E.small,E.medium,E.large,E.full],fillMode:[w.solid,w.flat,w.outline]},wx={size:f.medium,rounded:E.medium,fillMode:w.solid},kl=e=>{let{hover:t,focus:l,disabled:i,invalid:p,valid:m,loading:u,readonly:k,size:x=wx.size,rounded:A=wx.rounded,fillMode:S=wx.fillMode,...R}=e;return G2("span",{...R,className:a(e.className,Mx,z(Mx,{size:x,rounded:A,fillMode:S}),y(Mx,{hover:t,focus:l,disabled:i,invalid:p,valid:m,loading:u,readonly:k})),children:e.children})};kl.states=H2;kl.options=F2;kl.className=Mx;kl.defaultOptions=wx;kl.moduleName=ik;kl.folderName=yx;import{Fragment as Q2,jsx as ZA}from"react/jsx-runtime";var Rw="k-clear-value",z2=[n.disabled,n.loading,n.readonly],W2={},Zt=e=>{let{disabled:t,loading:l,readonly:i,value:p}=e;return t||i||l||!p?ZA(Q2,{}):ZA("span",{className:a(e.className,Rw),children:ZA(h,{icon:"x"})})};Zt.states=z2;Zt.options=W2;Zt.className=Rw;import{jsx as Z2}from"react/jsx-runtime";var JA="k-input-inner",V2=[],X2={},Lx={type:"text",autocomplete:"off",value:"",placeholder:""},ao=e=>{let{value:t=Lx.value,type:l=Lx.type,placeholder:i=Lx.placeholder,autocomplete:p=Lx.autocomplete,...m}=e;return Z2("input",{...m,type:l,className:a(e.className,JA,z(JA,e)),placeholder:i,autoComplete:p,defaultValue:t})};ao.states=V2;ao.options=X2;ao.className=JA;import{jsx as Kw,jsxs as j2}from"react/jsx-runtime";var UA="k-input-inner",J2=[],U2={},an=e=>{let{value:t,placeholder:l,showValue:i,valueIcon:p,valueIconName:m,...u}=e;return j2("span",{...u,className:a(e.className,UA,z(UA,e)),children:[p,!p&&m&&Kw(h,{className:"k-input-value-icon",icon:m}),i&&!t&&l,i&&t&&Kw("span",{className:"k-input-value-text",children:t})]})};an.states=J2;an.options=U2;an.className=UA;import{jsx as $2}from"react/jsx-runtime";var jA="k-input-inner",q2=[],_2={},Yw={value:"",placeholder:""},nk=e=>{let{value:t=Yw.value,placeholder:l=Yw.placeholder,rows:i,...p}=e;return $2("textarea",{...p,className:a(e.className,jA,z(jA,e)),placeholder:l,rows:i,defaultValue:t})};nk.states=q2;nk.options=_2;nk.className=jA;import{Fragment as tH,jsx as Ow}from"react/jsx-runtime";var Hw="k-input-loading-icon",eH=[n.disabled,n.loading],Ct=e=>{let{disabled:t,loading:l}=e;return t||!l?Ow(tH,{}):Ow("span",{className:a(e.className,Hw,"k-icon k-i-loading")})};Ct.states=eH;Ct.className=Hw;import{Fragment as lH,jsx as Fw}from"react/jsx-runtime";var Gw="k-input-validation-icon",oH=[n.valid,n.invalid,n.disabled,n.loading],aH={},Tt=e=>{let{valid:t,invalid:l,disabled:i,loading:p}=e,m=l?"warning-circle":"check-circle";return i||p||!!!(t||l)?Fw(lH,{}):Fw(h,{className:a(Gw),icon:m})};Tt.states=oH;Tt.options=aH;Tt.className=Gw;import{Fragment as iH,jsx as zw}from"react/jsx-runtime";var rH="k-input-prefix",sH={direction:"horizontal"},Ft=e=>{let{direction:t=sH.direction,...l}=e;return e.children?zw("span",{...l,className:a(rH,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):zw(iH,{})};import{Fragment as cH,jsx as Ww}from"react/jsx-runtime";var nH="k-input-suffix",dH={direction:"horizontal"},Gt=e=>{let{direction:t=dH.direction,...l}=e;return e.children?Ww("span",{...l,className:a(nH,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ww(cH,{})};import{jsx as mH}from"react/jsx-runtime";var pH="k-input-prefix-text",Lde=e=>{let{children:t,...l}=e;return mH("span",{...l,className:a(pH,e.className),children:t})};import{jsx as fH}from"react/jsx-runtime";var uH="k-input-suffix-text",Qw=e=>{let{children:t,...l}=e;return fH("span",{...l,className:a(uH,e.className),children:t})};import{jsx as hH}from"react/jsx-runtime";var Vw="k-input-separator",kH={direction:"vertical"},Ro=e=>{let{direction:t=kH.direction,...l}=e;return hH("span",{...l,className:a(Vw,e.className,{[`${Vw}-${t}`]:t})})};import{jsx as bH}from"react/jsx-runtime";var Sx="k-input-group",xH=[n.disabled],gH={fillMode:[w.solid,w.flat,w.outline,w.clear,w.link]},Xw={fillMode:w.solid},ln=e=>{let{fillMode:t=Xw.fillMode,disabled:l,...i}=e;return bH("div",{...i,className:a(e.className,Sx,z(Sx,{fillMode:t}),y(Sx,{disabled:l})),children:e.children})};ln.states=xH;ln.options=gH;ln.className=Sx;ln.defaultOptions=Xw;var qA="popup",Zw=qA;import{jsx as Jw}from"react/jsx-runtime";var Uw="k-animation-container",NH=[],AH={},jw={positionMode:"absolute"},ti=e=>{let{positionMode:t=jw.positionMode,animationStyle:l,offset:i,...p}=e;return Jw("div",{...p,style:{...i,...e.style},className:a(e.className,Uw,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Jw("div",{className:"k-child-animation-container",style:l,children:e.children})})};ti.states=NH;ti.options=AH;ti.className=Uw;ti.defaultOptions=jw;ti.moduleName=qA;ti.folderName=Zw;var _A="popup",qw=_A;import{jsx as _w}from"react/jsx-runtime";var $w="k-popup",vH=[],TH={},eL={positionMode:"absolute"},De=e=>{let{offset:t,positionMode:l=eL.positionMode,animationStyle:i,...p}=e;return _w(ti,{positionMode:l,offset:t,animationStyle:i,children:_w("div",{...p,className:a(e.className,$w),children:e.children})})};De.states=vH;De.options=TH;De.className=$w;De.defaultOptions=eL;De.moduleName=_A;De.folderName=qw;import{jsx as EH}from"react/jsx-runtime";var yH="k-no-data",dk=e=>EH("span",{className:a(yH,e.className),children:e.children});var rn="list",Vn=rn;import{jsx as Jp,jsxs as tL}from"react/jsx-runtime";var $A="k-list",CH=[],MH={size:[f.small,f.medium,f.large]},oL={size:f.medium},se=e=>{let{size:t=oL.size,virtualization:l,children:i,optionLabel:p,customValue:m,screenReaders:u,...k}=e,x,A,S,R,M=[];return i?i.map((Y,O)=>{Y.type===fe?(Y.props.root===!0?(x=Y.props.label,Y.props.children.map((X,j)=>{M.push(Jp(N,{...X.props},`optChild-${j}-${new Date().getTime()}`))})):Y.props.children.forEach((X,j)=>{let te="";j===0&&(te=Y.props.label),M.push(Jp(N,{className:j===0?"k-first":"",...X.props,groupLabel:te},`groupLabel-${j}-${new Date().getTime()}`))}),A=Jp(fe,{label:x,virtualization:l,children:M})):Y.type===N&&(M.push(Jp(N,{...Y.props},`${Y.type}-${O}`)),S=Jp(Up,{virtualization:l,children:M}),u&&(R=tL(dk,{className:"k-sr-only",children:[M.length," items found."]})))}):R=Jp(dk,{children:"No data found."}),tL("div",{...k,className:a(e.className,$A,z($A,{size:t}),{"k-virtual-list":l}),children:[p,m,A,S,R]})};se.states=CH;se.options=MH;se.className=$A;se.defaultOptions=oL;se.moduleName=rn;se.folderName=Vn;import{jsx as IH}from"react/jsx-runtime";var aL="k-list-container",wH=[],LH={},SH={},jp=e=>{let{...t}=e;return IH("div",{...t,className:a(e.className,aL),children:e.children})};jp.states=wH;jp.options=LH;jp.className=aL;jp.defaultOptions=SH;jp.moduleName=rn;jp.folderName=Vn;import{jsx as gc,jsxs as DH}from"react/jsx-runtime";var ev="k-list",BH=[],PH={size:[f.small,f.medium,f.large]},lL={size:f.medium},$r=e=>{let{size:t=lL.size,virtualization:l,children:i,...p}=e,m,u,k,x=[];return i?i.map((A,S)=>{A.type===fe?(A.props.root===!0?(m=A.props.label,A.props.children.map((R,M)=>{x.push(gc(N,{...R.props},`optChild-${M}-${new Date().getTime()}`))})):(x.push(gc(rL,{...A.props,children:A.props.label},`listChild-${S}`)),A.props.children.map((R,M)=>{x.push(gc(N,{...R.props},`fwOptChild-${M}-${new Date().getTime()}`))})),u=gc(fe,{label:m,virtualization:l,children:x})):A.type===N&&(x.push(gc(N,{...A.props},`${A.type}-${S}`)),k=gc(Up,{virtualization:l,children:x}))}):k=gc(dk,{children:"No data found."}),DH("div",{...p,className:a(e.className,ev,z(ev,{size:t}),{"k-virtual-list":l}),children:[u,k]})};$r.states=BH;$r.options=PH;$r.className=ev;$r.defaultOptions=lL;$r.moduleName=rn;$r.folderName=Vn;var bc="checkbox",qp=bc;import{jsx as sL}from"react/jsx-runtime";var Ix="k-checkbox",RH=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],KH={size:[f.small,f.medium,f.large],rounded:[E.small,E.medium,E.large,E.full]},tv={size:f.medium,rounded:E.medium},lo=e=>{let{id:t,checked:l,indeterminate:i,hover:p,focus:m,disabled:u,invalid:k,valid:x,required:A,size:S=tv.size,rounded:R=tv.rounded,...M}=e;return sL("span",{className:"k-checkbox-wrap",children:sL("input",{...M,id:t,type:"checkbox",defaultChecked:l,required:A,className:a(e.className,Ix,z(Ix,{size:S,rounded:R}),y(Ix,{hover:p,focus:m,disabled:u,invalid:k,valid:x,indeterminate:i,checked:l}))})})};lo.states=RH;lo.options=KH;lo.className=Ix;lo.defaultOptions=tv;lo.moduleName=bc;lo.folderName=qp;var Xn=lo;import{jsx as HH}from"react/jsx-runtime";var iL="k-checkbox-list",YH=[],OH={},nL={layout:"vertical"},oi=e=>{let{layout:t=nL.layout,...l}=e;return HH("ul",{...l,className:a(e.className,iL,{[`k-list-${t}`]:t}),children:e.children})};oi.states=YH;oi.options=OH;oi.className=iL;oi.defaultOptions=nL;oi.moduleName=bc;oi.folderName=qp;import{jsx as WH}from"react/jsx-runtime";var dL="k-checkbox-list-item",FH=[],GH={},zH={},Yl=e=>{let{...t}=e;return WH("li",{...t,className:a(e.className,dL),children:e.children})};Yl.states=FH;Yl.options=GH;Yl.className=dL;Yl.defaultOptions=zH;Yl.moduleName=bc;Yl.folderName=qp;import{Fragment as QH,jsx as cL,jsxs as VH}from"react/jsx-runtime";var Bx=({children:e,id:t,...l})=>VH(QH,{children:[cL(Xn,{id:t,...l}),cL("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as XH,jsx as pL,jsxs as ZH}from"react/jsx-runtime";var ape=({children:e,id:t,...l})=>ZH(XH,{children:[pL("label",{className:"k-checkbox-label",htmlFor:t,children:e}),pL(Xn,{id:t,...l})]});import{Fragment as JH,jsx as Nc,jsxs as UH}from"react/jsx-runtime";var ipe=e=>Nc(oi,{children:UH(JH,{children:[Nc(Yl,{children:Nc(lo,{})}),Nc(Yl,{children:Nc(lo,{})}),Nc(Yl,{children:Nc(lo,{})})]}),layout:"horizontal",...e});import{Fragment as jH,jsx as Ac,jsxs as qH}from"react/jsx-runtime";var ppe=e=>Ac(oi,{children:qH(jH,{children:[Ac(Yl,{children:Ac(lo,{})}),Ac(Yl,{children:Ac(lo,{})}),Ac(Yl,{children:Ac(lo,{})})]}),...e});import{jsx as _H}from"react/jsx-runtime";var ov=e=>_H(Xn,{...e});import{jsx as $H}from"react/jsx-runtime";var gpe=e=>$H(Xn,{checked:!0,...e});import{jsx as Px,jsxs as a4}from"react/jsx-runtime";var av="k-list-item",e4=[n.hover,n.focus,n.selected,n.disabled],t4={},o4={},N=e=>{let{text:t,groupLabel:l,group:i,showIcon:p,iconName:m,showCheckbox:u,checked:k,hover:x,focus:A,selected:S,disabled:R,...M}=e,Y=t||e.children;return a4("li",{...M,className:a(e.className,i?"k-list-group-item":av,y(av,{hover:x,focus:A,disabled:R,selected:S})),children:[u&&Px(lo,{checked:k}),p&&Px(h,{icon:m}),Px("span",{className:"k-list-item-text",children:Y}),l&&l!==""&&Px("div",{className:"k-list-item-group-label",children:l})]})};N.states=e4;N.options=t4;N.className=av;N.defaultOptions=o4;N.moduleName=rn;N.folderName=Vn;import{jsx as lv,jsxs as r4}from"react/jsx-runtime";var l4="k-list-content",Up=e=>{let{virtualization:t,...l}=e;return r4("div",{...l,className:a(l4,e.className),children:[lv("ul",{className:a("k-list-ul"),children:e.children}),t&&lv("div",{className:"k-height-container",children:lv("div",{})})]})};import{jsx as mL}from"react/jsx-runtime";var s4="k-list-group-sticky-header",uL=e=>mL("div",{className:a(s4,e.className),children:mL("div",{className:"k-list-header-text",children:e.children})});import{Fragment as i4,jsx as fL,jsxs as n4}from"react/jsx-runtime";var fe=e=>{let{virtualization:t,label:l}=e;return n4(i4,{children:[l&&fL(uL,{children:l}),e.children&&fL(Up,{virtualization:t,children:e.children})]})};import{jsx as kL}from"react/jsx-runtime";var d4="k-list-group-item",rL=e=>kL("li",{className:a(d4,e.className),children:kL("span",{className:"k-list-item-text",children:e.children})});import{jsx as u4}from"react/jsx-runtime";var rv="k-list-optionlabel",c4=[n.hover,n.focus,n.selected,n.disabled],p4={},m4={},Dx=e=>{let{text:t,hover:l,focus:i,selected:p,disabled:m,...u}=e;return u4("div",{...u,className:a(rv,y(rv,{hover:l,focus:i,selected:p,disabled:m})),children:t})};Dx.states=c4;Dx.options=p4;Dx.className=rv;Dx.defaultOptions=m4;import{jsx as x4}from"react/jsx-runtime";var sv="k-list-custom-value",f4=[n.hover,n.focus,n.selected,n.disabled],k4={},h4={},Ko=e=>{let{text:t,hover:l,focus:i,selected:p,disabled:m,...u}=e;return x4("div",{...u,className:a(sv,y(sv,{hover:l,focus:i,selected:p,disabled:m})),children:t})};Ko.states=f4;Ko.options=k4;Ko.className=sv;Ko.defaultOptions=h4;import{jsx as Rx}from"react/jsx-runtime";var ome=e=>Rx(se,{children:[Rx(N,{children:"List item"},"list-item-1"),Rx(N,{children:"List item"},"list-item-2"),Rx(N,{children:"List item"},"list-item-3")],...e});import{jsx as g4}from"react/jsx-runtime";var sme=e=>g4(se,{virtualization:!0,...e});import{jsx as _p,jsxs as iv}from"react/jsx-runtime";var cme=e=>iv(se,{...e,children:[iv(fe,{label:"Group 1",root:!0,children:[_p(N,{children:"List item 1.1"}),_p(N,{children:"List item 1.2"}),_p(N,{children:"List item 1.3"})]}),iv(fe,{label:"Group 2",children:[_p(N,{children:"List item 2.1"}),_p(N,{children:"List item 2.2"}),_p(N,{children:"List item 2.3"})]})]});import{jsx as $p,jsxs as nv}from"react/jsx-runtime";var fme=e=>nv(se,{virtualization:!0,...e,children:[nv(fe,{label:"Group 1",root:!0,children:[$p(N,{children:"List item 1.1"}),$p(N,{children:"List item 1.2"}),$p(N,{children:"List item 1.3"})]}),nv(fe,{label:"Group 2",children:[$p(N,{children:"List item 2.1"}),$p(N,{children:"List item 2.2"}),$p(N,{children:"List item 2.3"})]})]});import{jsx as b4}from"react/jsx-runtime";var gme=e=>b4($r,{virtualization:!0,...e});import{jsx as em,jsxs as dv}from"react/jsx-runtime";var vme=e=>dv($r,{...e,children:[dv(fe,{label:"Group 1",root:!0,children:[em(N,{children:"List item 1.1"}),em(N,{children:"List item 1.2"}),em(N,{children:"List item 1.3"})]}),dv(fe,{label:"Group 2",children:[em(N,{children:"List item 2.1"}),em(N,{children:"List item 2.2"}),em(N,{children:"List item 2.3"})]})]});import{jsx as tm,jsxs as cv}from"react/jsx-runtime";var Cme=e=>cv($r,{virtualization:!0,...e,children:[cv(fe,{label:"Group 1",root:!0,children:[tm(N,{children:"List item 1.1"}),tm(N,{children:"List item 1.2"}),tm(N,{children:"List item 1.3"})]}),cv(fe,{label:"Group 2",children:[tm(N,{children:"List item 2.1"}),tm(N,{children:"List item 2.2"}),tm(N,{children:"List item 2.3"})]})]});var pv="button",hL=pv;import{Fragment as T4,jsx as ck,jsxs as xL}from"react/jsx-runtime";var pk="k-button",N4=["icon-button"],A4=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],v4={size:[f.small,f.medium,f.large],rounded:[E.small,E.medium,E.large,E.full],fillMode:[w.solid,w.flat,w.outline,w.clear,w.link],themeColor:[g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},vc={size:f.medium,rounded:E.medium,fillMode:w.solid,themeColor:g.base,showArrow:!1,arrowIconName:"caret-alt-down"},s=e=>{let{size:t=vc.size,rounded:l=vc.rounded,fillMode:i=vc.fillMode,themeColor:p=vc.themeColor,showArrow:m=vc.showArrow,arrowIconName:u=vc.arrowIconName,variant:k,hover:x,focus:A,active:S,selected:R,disabled:M,icon:Y,text:O,iconClassName:X,...j}=e,te=Y!==void 0,me=e.children!==void 0;return xL("button",{...j,className:a(e.className,pk,Nx(pk,k),z(pk,{size:t,rounded:l,fillMode:i,themeColor:p}),y(pk,{hover:x,focus:A,active:S,disabled:M,selected:R}),{"k-icon-button":!O&&!me&&te}),children:[Y&&ck(h,{className:a(X,"k-button-icon"),icon:Y}),O?xL(T4,{children:[O&&ck("span",{className:"k-button-text",children:O}),e.children]}):e.children&&ck("span",{className:"k-button-text",children:e.children}),m&&ck("span",{className:"k-menu-button-arrow k-button-arrow",children:ck(h,{icon:u})})]})};s.states=A4;s.options=v4;s.variants=N4;s.className=pk;s.defaultOptions=vc;s.moduleName=pv;s.folderName=hL;import{jsx as y4}from"react/jsx-runtime";var dt=e=>y4(s,{icon:"folder",...e,children:void 0});import{jsx as E4}from"react/jsx-runtime";var bt=e=>E4(s,{icon:"folder",children:"Button",...e});import{jsx as C4}from"react/jsx-runtime";var om=e=>C4(s,{children:"Button",...e});var mv="suggestion",gL=mv;import{jsx as uv,jsxs as L4}from"react/jsx-runtime";var bL="k-suggestion-group",M4=[],w4={},NL={layout:"scrollable"},Ol=e=>{let{layout:t=NL.layout,...l}=e,i=uv("div",{...l,className:a(bL,{"k-suggestion-group-scrollable":t=="scrollable"},e.className),children:e.children});return t=="scrollButtons"?L4("div",{className:"k-suggestion-scrollwrap",children:[uv(s,{icon:"chevron-left"}),i,uv(s,{icon:"chevron-right"})]}):i};Ol.states=M4;Ol.options=w4;Ol.className=bL;Ol.defaultOptions=NL;Ol.moduleName=mv;Ol.folderName=gL;import{jsx as P4}from"react/jsx-runtime";var Kx="k-suggestion",S4=[n.active,n.hover,n.focus],I4={themeColor:[g.base,g.primary,g.secondary]},B4={text:"Suggestion"},ea=e=>{let{themeColor:t,active:l,hover:i,focus:p,text:m,...u}=e;return P4("span",{...u,className:a(e.className,Kx,y(Kx,{hover:i,active:l,focus:p}),z(Kx,{themeColor:t})),children:m})};ea.states=S4;ea.options=I4;ea.className=Kx;ea.item=B4;import{Fragment as D4,jsx as Yx,jsxs as R4}from"react/jsx-runtime";var Tue=e=>Yx(Ol,{children:R4(D4,{children:[Yx(ea,{text:"Suggestion"}),Yx(ea,{text:"Suggestion"}),Yx(ea,{text:"Suggestion"})]}),...e});import{Fragment as K4,jsx as Ox,jsxs as Y4}from"react/jsx-runtime";var Mue=e=>Ox(Ol,{layout:"scrollButtons",children:Y4(K4,{children:[Ox(ea,{text:"Suggestion"}),Ox(ea,{text:"Suggestion"}),Ox(ea,{text:"Suggestion"})]}),...e});import{Fragment as O4,jsx as Hx,jsxs as H4}from"react/jsx-runtime";var Iue=e=>Hx(Ol,{layout:"wrap",children:H4(O4,{children:[Hx(ea,{text:"Suggestion"}),Hx(ea,{text:"Suggestion"}),Hx(ea,{text:"Suggestion"})]}),...e});var fv="avatar",AL=fv;import{jsx as vL}from"react/jsx-runtime";var mk="k-avatar";var F4=[n.hover,n.focus,n.active,n.selected,n.disabled],G4={size:[f.small,f.medium,f.large],rounded:[E.small,E.medium,E.large,E.full],fillMode:[w.solid,w.flat,w.outline],themeColor:[g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},Tc={type:"text",size:f.medium,rounded:E.full,fillMode:w.solid,themeColor:g.primary,border:!1},Hl=e=>{let{size:t=Tc.size,rounded:l=Tc.rounded,fillMode:i=Tc.fillMode,themeColor:p=Tc.themeColor,type:m=Tc.type,border:u=Tc.border,...k}=e;return vL("div",{...k,className:a(e.className,mk,z(mk,{size:t,rounded:l,fillMode:i,themeColor:p}),{[`${mk}-bordered`]:u}),children:vL("span",{className:`${mk}-${m}`,children:e.children})})};Hl.states=F4;Hl.options=G4;Hl.className=mk;Hl.defaultOptions=Tc;Hl.moduleName=fv;Hl.folderName=AL;var am=Hl;import{jsx as z4}from"react/jsx-runtime";var Xue=e=>z4(am,{type:"icon",...e});import{jsx as W4}from"react/jsx-runtime";var jue=e=>W4(am,{type:"text",...e});import{jsx as Q4}from"react/jsx-runtime";var efe=e=>Q4(am,{type:"image",...e});var kv="badge",TL=kv;import{jsx as Z4}from"react/jsx-runtime";var uk="k-badge",V4=[],X4={size:[f.small,f.medium,f.large],rounded:[E.small,E.medium,E.large,E.full],fillMode:[w.solid,w.outline],themeColor:[g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},fk={size:f.medium,fillMode:w.solid,themeColor:g.primary,cutoutBorder:!1},ai=e=>{let{size:t=fk.size,fillMode:l=fk.fillMode,themeColor:i=fk.themeColor,cutoutBorder:p=fk.cutoutBorder,rounded:m,position:u,align:k,...x}=e;return Z4("span",{...x,className:a(e.className,uk,z(uk,{size:t,rounded:m,fillMode:l,themeColor:i}),{[`${uk}-${u}`]:u,[`k-${k}`]:k,[`${uk}-border-cutout`]:p}),children:e.children})};ai.states=V4;ai.options=X4;ai.className=uk;ai.defaultOptions=fk;ai.moduleName=kv;ai.folderName=TL;import{jsx as J4}from"react/jsx-runtime";var ffe=e=>J4(ai,{...e});import{jsx as yL}from"react/jsx-runtime";var bfe=e=>yL(ai,{children:yL(h,{className:"k-badge-icon",icon:"x-circle"}),...e});import{jsx as Fx}from"react/jsx-runtime";var U4="k-chip-action",j4=(l=>(l.REMOVE="remove",l.MORE="more",l))(j4||{}),ro=e=>{let{type:t,...l}=e,i;switch(t){case"remove":i=Fx(h,{icon:"x-circle",size:"small"});break;case"more":i=Fx(h,{icon:"more-vertical",size:"small"});break;default:return Fx(h,{icon:t,size:"small"})}return Fx("span",{...l,className:a(e.className,U4,`k-chip-${t}-action`),children:i})};var kk="chip",Gx=kk;import{jsx as lm,jsxs as $4}from"react/jsx-runtime";var zx="k-chip",q4=[n.hover,n.focus,n.active,n.selected,n.disabled],_4={size:[f.small,f.medium,f.large],rounded:[E.small,E.medium,E.large,E.full],fillMode:[w.solid,w.outline],themeColor:[g.base,g.success,g.warning,g.error,g.info]},rm={size:f.medium,rounded:E.medium,fillMode:w.solid,themeColor:g.base,avatarImage:"/packages/html/assets/avatar.jpg"},Lt=e=>{let{size:t=rm.size,rounded:l=rm.rounded,fillMode:i=rm.fillMode,themeColor:p=rm.themeColor,text:m,icon:u,actions:k,showAvatar:x,avatarImage:A=rm.avatarImage,hover:S,focus:R,active:M,selected:Y,disabled:O,...X}=e;return $4("div",{...X,className:a(e.className,zx,z(zx,{size:t,rounded:l,fillMode:i,themeColor:p}),y(zx,{hover:S,focus:R,active:M,disabled:O,selected:Y})),children:[u&&lm(h,{className:"k-chip-icon",icon:u,size:"small"}),x&&lm(Hl,{className:"k-chip-avatar",type:"image",children:lm("img",{src:A})}),lm("span",{className:"k-chip-content",children:e.children?e.children:m&&lm("span",{className:"k-chip-label",children:m})}),k&&lm("span",{className:"k-chip-actions",children:k})]})};Lt.states=q4;Lt.options=_4;Lt.className=zx;Lt.defaultOptions=rm;Lt.moduleName=kk;Lt.folderName=Gx;var li=Lt;import{jsx as oF}from"react/jsx-runtime";var hv="k-chip-list",eF=[],tF={size:[f.small,f.medium,f.large]},EL={size:f.medium},ma=e=>{let{size:t=EL.size,...l}=e;return oF("div",{...l,className:a(e.className,hv,z(hv,{size:t})),children:e.children})};ma.states=eF;ma.options=tF;ma.className=hv;ma.defaultOptions=EL;ma.moduleName=kk;ma.folderName=Gx;import{jsx as aF}from"react/jsx-runtime";var zfe=e=>aF(li,{showAvatar:!0,...e});import{jsx as lF}from"react/jsx-runtime";var Xfe=e=>lF(li,{icon:"map-marker-target",...e});import{jsx as rF}from"react/jsx-runtime";var jfe=e=>rF(li,{text:"text",...e});import{jsx as CL}from"react/jsx-runtime";var tke=e=>CL(li,{text:"Removable",...e,actions:CL(ro,{type:"remove"})});import{Fragment as sF,jsx as xv,jsxs as iF}from"react/jsx-runtime";var ske=e=>xv(li,{text:"All actions",actions:iF(sF,{children:[xv(ro,{type:"more"}),xv(ro,{type:"remove"})]}),...e});import{jsx as ML,jsxs as cF}from"react/jsx-runtime";var wL="k-color-preview",nF=[],dF={},Zn=e=>{let{color:t,iconName:l,...i}=e;return cF("span",{...i,className:a(e.className,wL,{"k-icon-color-preview":l,"k-no-color":!t}),children:[l&&ML(h,{icon:l,className:"k-color-preview-icon"}),ML("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Zn.states=nF;Zn.options=dF;Zn.className=wL;var hk="loader",Wx=hk;import{Fragment as gv,jsx as LL,jsxs as Qx}from"react/jsx-runtime";var bv="k-loader",pF={pulsing:"pulsing-2","infinite-spinner":"spinner-3","converging-spinner":"spinner-4"},mF=[],uF={size:[f.small,f.medium,f.large],themeColor:[g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},Vx={size:f.medium,themeColor:g.primary,animation:"pulsing"},Sr=e=>{let{size:t=Vx.size,themeColor:l=Vx.themeColor,animation:i=Vx.animation,...p}=e,m=LL("span",{className:"k-loader-segment"});return LL("div",{...p,className:a(e.className,bv,{[`k-loader-${pF[i]||i}`]:i},z(bv,{size:t,themeColor:l})),children:Qx("div",{className:"k-loader-canvas",children:[i==="pulsing"&&Qx(gv,{children:[m,m]}),i==="infinite-spinner"&&Qx(gv,{children:[m,m,m]}),i==="converging-spinner"&&Qx(gv,{children:[m,m,m,m]})]})})};Sr.states=mF;Sr.options=uF;Sr.className=bv;Sr.defaultOptions=Vx;Sr.moduleName=hk;Sr.folderName=Wx;var SL=Sr;import{jsx as Nv,jsxs as IL}from"react/jsx-runtime";var Av="k-loader-container",fF=[],kF={size:[f.small,f.medium,f.large],themeColor:[g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},yc={size:f.medium,themeColor:g.primary,loaderType:"pulsing",position:"top",overlay:"dark",panel:!1},Jn=e=>{let{size:t=yc.size,themeColor:l=yc.themeColor,loaderType:i=yc.loaderType,position:p=yc.position,overlay:m=yc.overlay,panel:u=yc.panel,...k}=e;return IL("div",{...k,className:a(e.className,Av,z(Av,{size:t}),{[`k-loader-${p}`]:p}),children:[Nv("div",{className:`k-loader-container-overlay k-overlay-${m}`}),IL("div",{className:a("k-loader-container-inner",{"k-loader-container-panel":u}),children:[Nv(SL,{size:t,themeColor:l,animation:i}),Nv("div",{className:"k-loader-container-label",children:"Loading..."})]})]})};Jn.states=fF;Jn.options=kF;Jn.className=Av;Jn.defaultOptions=yc;Jn.moduleName=hk;Jn.folderName=Wx;import{jsx as hF}from"react/jsx-runtime";var Rke=e=>hF(Sr,{...e});import{jsx as xF}from"react/jsx-runtime";var Hke=e=>xF(Sr,{animation:"infinite-spinner",...e});import{jsx as gF}from"react/jsx-runtime";var Wke=e=>gF(Sr,{animation:"converging-spinner",...e});import{jsx as bF}from"react/jsx-runtime";var Zke=e=>bF(Jn,{...e});var vv="skeleton",BL=vv;import{jsx as TF}from"react/jsx-runtime";var Tv="k-skeleton",NF=["circle","text","rect"],AF=[],vF={},yv={variant:"text",shape:"text",animation:"pulse"},Ir=e=>{let{variant:t,shape:l,animation:i=yv.animation,...p}=e,m=`skeleton-${t||l||yv.variant}`;return TF("span",{...p,className:a(e.className,Tv,Nx(Tv,m),{[`k-skeleton-${i}`]:i}),style:e.style})};Ir.states=AF;Ir.options=vF;Ir.variants=NF;Ir.className=Tv;Ir.defaultOptions=yv;Ir.moduleName=vv;Ir.folderName=BL;import{jsx as yF}from"react/jsx-runtime";var Ec=e=>yF(Ir,{...e});import{jsx as EF}from"react/jsx-runtime";var Xx=e=>EF(Ir,{shape:"rect",...e});import{jsx as CF}from"react/jsx-runtime";var khe=e=>CF(Ir,{shape:"circle",...e});import{jsx as xk,jsxs as Ev}from"react/jsx-runtime";var Cv="k-form-field",MF=[n.disabled],St=e=>{let{label:t,orientation:l,optional:i,editor:p,hint:m,error:u,info:k,disabled:x,dir:A,colSpan:S}=e;return Ev("div",{className:a(Cv,e.className,y(Cv,{disabled:x}),{[`k-col-span-${S}`]:S}),dir:A,children:[t&&Ev("label",{className:a("k-label","k-form-label"),children:[t,i&&xk("span",{className:"k-label-optional",children:"(Optional)"}),k&&xk("span",{className:"k-field-info",children:"(field info)"})]}),l==="horizontal"&&!t&&xk("span",{className:"k-label k-form-label k-label-empty"}),Ev("div",{className:"k-form-field-wrap",children:[p,m&&xk("div",{className:"k-form-hint",children:m}),u&&xk("div",{className:"k-form-error",children:u})]})]})};St.states=MF;St.className=Cv;import{Fragment as wF,jsx as Mv,jsxs as LF}from"react/jsx-runtime";var PL="k-form-fieldset",Ua=e=>{let{legend:t,layout:l,cols:i,gutters:p,colSpan:m}=e;return LF("fieldset",{className:a(PL,{[`k-col-span-${m}`]:m}),children:[t&&Mv("legend",{className:"k-form-legend",children:t}),l==="grid"?Mv("div",{className:a("k-form-layout","k-d-grid",{[`k-grid-cols-${i}`]:i}),style:{...typeof p=="string"&&{gap:p},...typeof p=="object"&&p.rows&&{rowGap:p.rows},...typeof p=="object"&&p.cols&&{columnGap:p.cols}},children:e.children}):Mv(wF,{children:e.children})]})};Ua.className=PL;var DL="form",RL="forms";import{Fragment as BF,jsx as gk,jsxs as PF}from"react/jsx-runtime";import{createElement as wv}from"react";var Zx="k-form",SF=[],IF={size:[f.small,f.medium,f.large]},Jx={size:f.medium,layout:"basic",tag:"form"},Fl=e=>{let{size:t=Jx.size,orientation:l,layout:i=Jx.layout,formButtons:p,cols:m,gutters:u,tag:k=Jx.tag,children:x}=e,A=({tag:R,className:M,children:Y})=>R==="form"?gk("form",{className:M,children:Y}):gk("div",{className:M,children:Y}),S=[];return x&&(Array.isArray(x)?x.map((R,M)=>{R.type===St?S.push(wv(St,{...R.props,orientation:l,key:M})):S.push(R)}):x.type===St?S.push(wv(St,{...x.props,orientation:l,key:`${new Date().getTime()}`})):x.type===Ua&&S.push(wv(Ua,{...x.props,key:`${new Date().getTime()}`}))),PF(A,{tag:k,className:a(e.className,Zx,z(Zx,{size:t}),{[`${Zx}-${l}`]:l}),children:[i==="grid"?gk("div",{className:a("k-form-layout","k-d-grid",{[`k-grid-cols-${m}`]:m}),style:{...typeof u=="string"&&{gap:u},...typeof u=="object"&&u.rows&&{rowGap:u.rows},...typeof u=="object"&&u.cols&&{columnGap:u.cols}},children:S}):gk(BF,{children:S}),p&&gk("div",{className:"k-form-buttons",children:p})]})};Fl.states=SF;Fl.options=IF;Fl.className=Zx;Fl.defaultOptions=Jx;Fl.moduleName=DL;Fl.folderName=RL;import{jsx as RF}from"react/jsx-runtime";var DF="k-actionsheet-footer",KL={alignment:"stretched",orientation:"horizontal"},Ys=e=>{let{alignment:t=KL.alignment,orientation:l=KL.orientation,template:i,as:p=i?"div":ge,...m}=e;return RF(p,{...m,...!i&&{alignment:t,orientation:l},className:a(e.className,DF),children:e.children})};var Lv="searchbox",YL=Lv;import{jsx as bk,jsxs as OF}from"react/jsx-runtime";var OL="k-searchbox",KF=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],YF={size:[f.small,f.medium,f.large],rounded:[E.small,E.medium,E.large,E.full],fillMode:[w.solid,w.flat,w.outline]},Sv={showIcon:!0,icon:"search",size:$.defaultOptions.size,rounded:$.defaultOptions.rounded,fillMode:$.defaultOptions.fillMode},so=e=>{let{value:t,placeholder:l,size:i,rounded:p,fillMode:m,hover:u,focus:k,valid:x,invalid:A,required:S,loading:R,disabled:M,showIcon:Y=Sv.showIcon,icon:O=Sv.icon,...X}=e;return OF($,{...X,size:i,rounded:p,fillMode:m,hover:u,focus:k,valid:x,invalid:A,required:S,loading:R,disabled:M,className:a(e.className,OL),children:[Y&&bk(h,{className:"k-input-icon",icon:O}),bk(ao,{placeholder:l,value:t}),bk(Ct,{...e}),bk(Tt,{...e}),bk(Zt,{...e})]})};so.states=KF;so.options=YF;so.className=OL;so.defaultOptions=Sv;so.moduleName=Lv;so.folderName=YL;var HL=so;import{jsx as HF}from"react/jsx-runtime";var Uhe=e=>HF(HL,{...e});var Iv="textbox",FL=Iv;import{Fragment as GL,jsx as Un,jsxs as Bv}from"react/jsx-runtime";var zL="k-textbox",FF=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],GF={size:[f.small,f.medium,f.large],rounded:[E.small,E.medium,E.large,E.full],fillMode:[w.solid,w.flat,w.outline]},Cc={showClearButton:!0,showValidationIcon:!0,size:$.defaultOptions.size,rounded:$.defaultOptions.rounded,fillMode:$.defaultOptions.fillMode,separators:!0},Ce=e=>{let{size:t=Cc.size,rounded:l=Cc.rounded,fillMode:i=Cc.fillMode,separators:p=Cc.separators,showClearButton:m=Cc.showClearButton,showValidationIcon:u=Cc.showValidationIcon,prefix:k,suffix:x,type:A,value:S,placeholder:R,hover:M,focus:Y,valid:O,invalid:X,required:j,loading:te,disabled:me,readonly:Ge,...ot}=e;return Bv($,{...ot,size:t,rounded:l,fillMode:i,hover:M,focus:Y,valid:O,invalid:X,required:j,loading:te,disabled:me,readonly:Ge,className:a(e.className,zL),children:[k&&Bv(GL,{children:[Un(Ft,{children:k}),p&&Un(Ro,{})]}),Un(ao,{placeholder:R,value:S,type:A}),u&&Un(Tt,{valid:O,invalid:X,loading:te,disabled:me}),Un(Ct,{loading:te,disabled:me}),m&&Un(Zt,{loading:te,disabled:me,readonly:Ge,value:S}),x&&Bv(GL,{children:[p&&Un(Ro,{}),Un(Gt,{children:x})]})]})};Ce.states=FF;Ce.options=GF;Ce.className=zL;Ce.defaultOptions=Cc;Ce.moduleName=Iv;Ce.folderName=FL;var sm=Ce;import{jsx as zF}from"react/jsx-runtime";var nxe=e=>zF(sm,{...e});import{Fragment as WF,jsx as Pv}from"react/jsx-runtime";var uxe=e=>Pv(sm,{prefix:Pv(WF,{children:Pv(h,{icon:"envelop"})}),...e});import{Fragment as QF,jsx as Dv}from"react/jsx-runtime";var gxe=e=>Dv(sm,{suffix:Dv(QF,{children:Dv(om,{fillMode:"clear",children:"Send"})}),...e});import{jsx as jn,jsxs as Rv}from"react/jsx-runtime";var WL="k-actionsheet-titlebar",VF={},Jt=e=>{let{title:t,subtitle:l,actionsStart:i,actionsEnd:p,filter:m,input:u,inputValue:k,inputPlaceholder:x,adaptive:A,children:S,...R}=e;return Rv("div",{...R,className:a(e.className,WL),children:[Rv("div",{className:"k-actionsheet-titlebar-group",children:[i&&jn("div",{className:"k-actionsheet-actions",children:i}),!S&&Rv("div",{className:"k-actionsheet-title",children:[t&&jn("div",{className:"k-text-center",children:t}),l&&jn("div",{className:"k-actionsheet-subtitle k-text-center",children:l})]}),S&&jn("div",{className:"k-actionsheet-title",children:S}),p&&jn("div",{className:"k-actionsheet-actions",children:p})]}),(u||m)&&jn("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:u?jn(Ce,{value:k,placeholder:x,size:A?"large":"medium"}):jn(so,{placeholder:"Filter",size:A?"large":"medium"})})]})};Jt.className=WL;Jt.defaultOptions=VF;import{jsx as Kv,jsxs as UF}from"react/jsx-runtime";var Yv="k-actionsheet-view",XF=[],ZF={},JF={},im=e=>{let{adaptive:t,animated:l,children:i,header:p,footer:m,...u}=e,k=p?.type===Jt&&Kv(Jt,{adaptive:t,...p?.props}),x=m?.type===Ys&&Kv(Ys,{...m?.props});return UF("div",{...u,className:a(e.className,Yv,{[`${Yv}-animated`]:l}),children:[k,Kv("div",{className:"k-actionsheet-content",children:i}),x]})};im.states=XF;im.options=ZF;im.className=Yv;im.defaultOptions=JF;var Nk="action-sheet",Ux=Nk;import{jsx as jx,jsxs as _F}from"react/jsx-runtime";var QL="k-actionsheet",jF=[],qF={},Ak={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},zt=e=>{let{side:t=Ak.side,fullscreen:l=Ak.fullscreen,adaptive:i=Ak.adaptive,overlay:p=Ak.overlay,template:m,children:u,header:k,footer:x,...A}=e;return _F("div",{className:"k-actionsheet-container",children:[p&&jx("div",{className:"k-overlay"}),jx(ti,{animationStyle:{[`${l===!0?"top":t}`]:0,[`${l===!0?"width":null}`]:"100%",[`${l===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:jx("div",{...A,className:a(e.className,QL,{[`k-actionsheet-${t}`]:l===!1,"k-actionsheet-fullscreen":l===!0,"k-adaptive-actionsheet":i}),children:m||jx(im,{header:k,footer:x,adaptive:i,...e,children:u})})})]})};zt.states=jF;zt.options=qF;zt.className=QL;zt.defaultOptions=Ak;zt.moduleName=Nk;zt.folderName=Ux;import{jsx as oG}from"react/jsx-runtime";var VL="k-actionsheet-container",$F=[],eG={},tG={},nm=e=>{let{children:t,...l}=e;return oG("div",{...l,className:VL,children:t})};nm.states=$F;nm.options=eG;nm.className=VL;nm.defaultOptions=tG;nm.moduleName=Nk;nm.folderName=Ux;import{jsx as aG}from"react/jsx-runtime";var XL=e=>{let{...t}=e;return aG("div",{...t,className:a(e.className,"k-list-ul"),children:e.children})};import{Fragment as rG,jsx as vk,jsxs as Ov}from"react/jsx-runtime";var Hv="k-actionsheet-item",lG=[n.hover,n.focus,n.selected,n.disabled],Mc=e=>{let{iconName:t,text:l,description:i,hover:p,focus:m,selected:u,disabled:k,...x}=e;return Ov("span",{...x,className:a(e.className,Hv,y(Hv,{hover:p,focus:m,selected:u,disabled:k})),children:[!e.children&&vk(rG,{children:Ov("span",{className:"k-actionsheet-action",children:[t&&vk("span",{className:"k-icon-wrap",children:vk(h,{className:"k-actionsheet-item-icon",icon:t})}),Ov("span",{className:"k-actionsheet-item-text",children:[l&&vk("span",{className:"k-actionsheet-item-title",children:l}),i&&vk("span",{className:"k-actionsheet-item-description",children:i})]})]})}),e.children]})};Mc.states=lG;Mc.className=Hv;import{jsx as wc,jsxs as sG}from"react/jsx-runtime";var dm=({title:e="Select item",...t})=>wc(zt,{header:wc(Jt,{title:e}),children:[sG(XL,{children:[wc(Mc,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),wc(Mc,{text:"Add to Favorites",iconName:"heart"}),wc(Mc,{text:"Upload New",iconName:"upload"}),wc("hr",{className:"k-hr"}),wc(Mc,{text:"Action",iconName:"cancel"})]},"action-sheet-items")],...t});import{jsx as iG}from"react/jsx-runtime";var age=e=>iG(dm,{side:"top",...e});import{jsx as nG}from"react/jsx-runtime";var ige=e=>nG(dm,{side:"left",...e});import{jsx as dG}from"react/jsx-runtime";var pge=e=>dG(dm,{side:"right",...e});var ZL="dropdown-list",JL="dropdownlist";import{Fragment as mG,jsx as Gl,jsxs as Fv}from"react/jsx-runtime";var UL="k-dropdownlist",cG=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],pG={size:[f.small,f.medium,f.large],rounded:[E.small,E.medium,E.large,E.full],fillMode:[w.solid,w.flat,w.outline]},cm={showValue:!0,arrowIconName:"caret-alt-down",size:f.medium,rounded:E.medium,fillMode:w.solid},ne=e=>{let{size:t=cm.size,rounded:l=cm.rounded,fillMode:i=cm.fillMode,arrowIconName:p=cm.arrowIconName,showValue:m=cm.showValue,valueIconName:u,prefix:k,suffix:x,value:A,placeholder:S,hover:R,focus:M,valid:Y,invalid:O,required:X,loading:j,disabled:te,readonly:me,popup:Ge,opened:ot,adaptive:Do,adaptiveSettings:pa,adaptiveTitle:fl,adaptiveSubtitle:Ks,adaptiveFilter:xc,...Zp}=e;return Fv(mG,{children:[Fv(kl,{...Zp,size:t,rounded:l,fillMode:i,hover:R,focus:M,valid:Y,invalid:O,required:X,loading:j,disabled:te,readonly:me,className:a(e.className,UL,{"k-icon-picker":!m&&u}),children:[Gl(Ft,{children:k}),Gl(an,{placeholder:S,value:A,showValue:m,valueIconName:u}),Gl(Tt,{valid:Y,invalid:O,loading:j,disabled:te}),Gl(Ct,{loading:j,disabled:te}),Gl(Gt,{children:x}),Gl(s,{className:"k-input-button",icon:p,rounded:null,size:e.size,fillMode:e.fillMode})]}),ot&&Ge&&Gl(De,{className:"k-list-container k-dropdownlist-popup",children:Ge}),Do&&Gl(zt,{adaptive:!0,...pa,header:Gl(Jt,{actionsEnd:Gl(s,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:xc,inputValue:A,inputPlaceholder:S,title:fl,subtitle:Ks}),children:Gl("div",{className:"k-list-container",children:Fv(se,{size:"large",children:[Gl(N,{text:"List item"}),Gl(N,{text:"List item"}),Gl(N,{text:"List item"})]})})})]})};ne.states=cG;ne.options=pG;ne.className=UL;ne.defaultOptions=cm;ne.moduleName=ZL;ne.folderName=JL;var ja=ne;import{jsx as uG}from"react/jsx-runtime";var Oge=e=>uG(ja,{...e});import{jsx as qx,jsxs as fG}from"react/jsx-runtime";var Wge=e=>qx(ja,{opened:!0,popup:fG(se,{children:[qx(N,{children:"List item"}),qx(N,{children:"List item"}),qx(N,{children:"List item"})]}),...e});import{Fragment as kG,jsx as pm,jsxs as jL}from"react/jsx-runtime";var Uge=e=>pm(ja,{opened:!0,popup:jL(kG,{children:[pm("div",{className:"k-list-filter",children:pm(so,{})}),jL(se,{children:[pm(N,{children:"List item"}),pm(N,{children:"List item"}),pm(N,{children:"List item"})]})]}),...e});import{jsx as hG}from"react/jsx-runtime";var $ge=e=>hG(ja,{adaptive:!0,...e});import{jsx as Lc,jsxs as Gv}from"react/jsx-runtime";var lbe=e=>Lc(ja,{opened:!0,popup:Gv(se,{children:[Gv(fe,{label:"Group 1",root:!0,children:[Lc(N,{children:"List group 1 item 1"}),Lc(N,{children:"List group 1 item 2"}),Lc(N,{children:"List group 1 item 3"})]}),Gv(fe,{label:"Group 2",children:[Lc(N,{children:"List group 1 item 1"}),Lc(N,{children:"List group 1 item 2"}),Lc(N,{children:"List group 1 item 3"})]})]}),...e});import{jsx as qn,jsxs as zv}from"react/jsx-runtime";var dbe=e=>qn(ja,{opened:!0,popup:zv(se,{children:[zv(fe,{label:"Group 1",root:!0,children:[qn(N,{children:"List group 1 item 1"}),qn(N,{children:"List group 1 item 2"}),qn(N,{children:"List group 1 item 3"})]}),zv(fe,{children:[qn(N,{group:!0,children:"Group 2"}),qn(N,{children:"List group 1 item 1"}),qn(N,{children:"List group 1 item 2"}),qn(N,{children:"List group 1 item 3"})]})]}),...e});import{Fragment as xG,jsx as sn,jsxs as _x}from"react/jsx-runtime";var kbe=e=>sn(ja,{opened:!0,popup:_x(xG,{children:[sn("div",{className:"k-list-filter",children:sn(so,{})}),_x(se,{children:[_x(fe,{label:"Group 1",root:!0,children:[sn(N,{children:"List group 1 item 1"}),sn(N,{children:"List group 1 item 2"}),sn(N,{children:"List group 1 item 3"})]}),_x(fe,{label:"Group 2",children:[sn(N,{children:"List group 1 item 1"}),sn(N,{children:"List group 1 item 2"}),sn(N,{children:"List group 1 item 3"})]})]})]}),...e});import{Fragment as gG,jsx as ri,jsxs as $x}from"react/jsx-runtime";var Abe=e=>ri(ja,{opened:!0,popup:$x(gG,{children:[ri("div",{className:"k-list-filter",children:ri(so,{})}),$x(se,{children:[$x(fe,{label:"Group 1",root:!0,children:[ri(N,{children:"List group 1 item 1"}),ri(N,{children:"List group 1 item 2"}),ri(N,{children:"List group 1 item 3"})]}),$x(fe,{children:[ri(N,{group:!0,children:"Group 2"}),ri(N,{children:"List group 1 item 1"}),ri(N,{children:"List group 1 item 2"}),ri(N,{children:"List group 1 item 3"})]})]})]}),...e});var Sc="radio",mm=Sc;import{jsx as qL}from"react/jsx-runtime";var eg="k-radio",bG=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked],NG={size:[f.small,f.medium,f.large]},_L={size:f.medium},hl=e=>{let{id:t,checked:l,hover:i,focus:p,disabled:m,invalid:u,valid:k,required:x,size:A=_L.size,...S}=e;return qL("span",{className:"k-radio-wrap",children:qL("input",{...S,id:t,type:"radio",checked:l,required:x,className:a(e.className,eg,z(eg,{size:A}),y(eg,{hover:i,focus:p,disabled:m,invalid:u,valid:k,checked:l}))})})};hl.states=bG;hl.options=NG;hl.className=eg;hl.defaultOptions=_L;hl.moduleName=Sc;hl.folderName=mm;var _n=hl;import{jsx as TG}from"react/jsx-runtime";var $L="k-radio-list",AG=[],vG={},eS={layout:"vertical"},si=e=>{let{layout:t=eS.layout,...l}=e;return TG("ul",{...l,className:a(e.className,$L,{[`k-list-${t}`]:t}),children:e.children})};si.states=AG;si.options=vG;si.className=$L;si.defaultOptions=eS;si.moduleName=Sc;si.folderName=mm;import{jsx as MG}from"react/jsx-runtime";var tS="k-radio-list-item",yG=[],EG={},CG={},zl=e=>{let{...t}=e;return MG("li",{...t,className:a(e.className,tS),children:e.children})};zl.states=yG;zl.options=EG;zl.className=tS;zl.defaultOptions=CG;zl.moduleName=Sc;zl.folderName=mm;import{jsx as wG}from"react/jsx-runtime";var $n=e=>wG(_n,{...e});im