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

A collection of HTML helpers used for developing Kendo UI themes

var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...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 H=(e,t)=>r({[`${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"}),S=(e,t)=>r({"k-valid":t.valid,"k-invalid":t.invalid,"k-hover":t.hover,"k-focus":t.focus,"k-checked":t.checked,"k-active":t.active,"k-selected":t.selected,"k-disabled":t.disabled,"k-indeterminate":t.indeterminate&&!t.checked,"k-loading":t.loading,"k-empty":t.empty,"k-readonly":t.readonly,"k-highlighted":t.highlighted});var k={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},A={small:"small",medium:"medium",large:"large",full:"full"},I={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},x={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"},Gl={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};import{jsx as R1}from"react/jsx-runtime";var D1=[],F1={},zA=e=>{let{type:t,...l}=e,i=t==="p"?"paragraph":t,p=t.includes("display")?"div":t;return R1(p,{...l,className:r(e.className,{[`k-${i}`]:t}),children:e.children})};zA.states=D1;zA.options=F1;import{Fragment as W1,jsx as HA}from"react/jsx-runtime";var Ab="k-icon k-font-icon",z1=[],H1={size:[k.xsmall,k.small,k.medium,k.large,k.xlarge,k.xxlarge,k.xxxlarge],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark]},O1={},jm=e=>{let{size:t,themeColor:l,icon:i,rotate:p,flip:m,...u}=e;return i?HA("span",{...u,className:r(e.className,Ab,H(Ab,{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"})}):HA(W1,{})};jm.states=z1;jm.options=H1;jm.className=Ab;jm.defaultOptions=O1;var OA=jm;import{Fragment as X1,jsx as nf}from"react/jsx-runtime";var Nb="k-icon k-svg-icon",Q1=[],V1={size:[k.xsmall,k.small,k.medium,k.large,k.xlarge,k.xxlarge,k.xxxlarge],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark]},WA={viewBox:"0 0 24 24"},Um=e=>{let{size:t,themeColor:l,rotate:i,flip:p,viewBox:m=WA.viewBox,icon:u,...f}=e;if(!u)return nf(X1,{});u==="none"&&{...f,className:r(e.className,Nb,"k-none")};let g=typeof u=="object"&&u.name&&u.name;return nf("span",{...f,className:r(e.className,Nb,H("k-icon",{size:t}),{[`k-svg-i-${g}`]:g,[`k-color-${l}`]:l,[`k-rotate-${i}`]:i,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"}),children:nf("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})})};Um.states=Q1;Um.options=V1;Um.className=Nb;Um.defaultOptions=WA;var Cb=Um;import*as QA from"@progress/kendo-svg-icons";import{Fragment as VA,jsx as qm}from"react/jsx-runtime";var Z1=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),J1=[],j1={size:[k.xsmall,k.small,k.medium,k.large,k.xlarge,k.xxlarge,k.xxxlarge],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark]},Sb={viewBox:"0 0 24 24",type:"svg"},h=e=>{let{size:t,themeColor:l,icon:i,type:p=Sb.type,rotate:m,flip:u,viewBox:f=Sb.viewBox,...g}=e;if(!i)return qm(VA,{});if(p==="svg"){if(i==="none")return qm(Cb,{...g,icon:i,size:t});let y=Z1(`${i}-icon`);return QA[y]?qm(Cb,{...g,icon:QA[y],size:t,themeColor:l,rotate:m,flip:u,viewBox:f}):qm(VA,{})}return qm(OA,{...g,icon:i,size:t,themeColor:l,rotate:m,flip:u})};h.states=J1;h.options=j1;h.defaultOptions=Sb;var Ib=h;import{jsx as _1}from"react/jsx-runtime";var df="k-actions",U1=[],q1={},Bb={alignment:"start",orientation:"horizontal"},Ae=e=>{let{alignment:t=Bb.alignment,orientation:l=Bb.orientation,...i}=e;return _1("div",{...i,className:r(df,{[`${df}-${t}`]:t,[`${df}-${l}`]:l},e.className),children:e.children})};Ae.states=U1;Ae.options=q1;Ae.className=df;Ae.defaultOptions=Bb;var XA=Ae;import{jsx as tE}from"react/jsx-runtime";var cf="k-input",$1=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],eE={size:[k.small,k.medium,k.large],rounded:[A.small,A.medium,A.large,A.full],fillMode:[I.solid,I.flat,I.outline]},pf={size:k.medium,rounded:k.medium,fillMode:I.solid},ee=e=>{let{hover:t,focus:l,disabled:i,invalid:p,valid:m,loading:u,readonly:f,size:g=pf.size,rounded:y=pf.rounded,fillMode:M=pf.fillMode,...G}=e;return tE("span",{...G,className:r(e.className,cf,H(cf,{size:g,rounded:y,fillMode:M}),S(cf,{hover:t,focus:l,disabled:i,invalid:p,valid:m,loading:u,readonly:f}))})};ee.states=$1;ee.options=eE;ee.className=cf;ee.defaultOptions=pf;import{jsx as lE}from"react/jsx-runtime";var mf="k-picker",oE=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],aE={size:[k.small,k.medium,k.large],rounded:[A.small,A.medium,A.large,A.full],fillMode:[I.solid,I.flat,I.outline]},uf={size:k.medium,rounded:A.medium,fillMode:I.solid},Kl=e=>{let{hover:t,focus:l,disabled:i,invalid:p,valid:m,loading:u,readonly:f,size:g=uf.size,rounded:y=uf.rounded,fillMode:M=uf.fillMode,...G}=e;return lE("span",{...G,className:r(e.className,mf,H(mf,{size:g,rounded:y,fillMode:M}),S(mf,{hover:t,focus:l,disabled:i,invalid:p,valid:m,loading:u,readonly:f})),children:e.children})};Kl.states=oE;Kl.options=aE;Kl.className=mf;Kl.defaultOptions=uf;import{Fragment as iE,jsx as Mb}from"react/jsx-runtime";var ZA="k-clear-value",rE=[n.disabled,n.loading,n.readonly],sE={},Ht=e=>{let{disabled:t,loading:l,readonly:i,value:p}=e;return t||i||l||!p?Mb(iE,{}):Mb("span",{className:r(e.className,ZA),children:Mb(h,{icon:"x"})})};Ht.states=rE;Ht.options=sE;Ht.className=ZA;import{jsx as cE}from"react/jsx-runtime";var Lb="k-input-inner",nE=[],dE={},kf={type:"text",autocomplete:"off",value:"",placeholder:""},_t=e=>{let{value:t=kf.value,type:l=kf.type,placeholder:i=kf.placeholder,autocomplete:p=kf.autocomplete,...m}=e;return cE("input",{...m,type:l,className:r(e.className,Lb,H(Lb,e)),placeholder:i,autoComplete:p,defaultValue:t})};_t.states=nE;_t.options=dE;_t.className=Lb;import{jsx as JA,jsxs as uE}from"react/jsx-runtime";var Eb="k-input-inner",pE=[],mE={},li=e=>{let{value:t,placeholder:l,showValue:i,valueIcon:p,valueIconName:m,...u}=e;return uE("span",{...u,className:r(e.className,Eb,H(Eb,e)),children:[p,!p&&m&&JA(h,{className:"k-input-value-icon",icon:m}),i&&!t&&l,i&&t&&JA("span",{className:"k-input-value-text",children:t})]})};li.states=pE;li.options=mE;li.className=Eb;import{jsx as hE}from"react/jsx-runtime";var Yb="k-input-inner",kE=[],fE={},jA={value:"",placeholder:""},_m=e=>{let{value:t=jA.value,placeholder:l=jA.placeholder,rows:i,...p}=e;return hE("textarea",{...p,className:r(e.className,Yb,H(Yb,e)),placeholder:l,rows:i,defaultValue:t})};_m.states=kE;_m.options=fE;_m.className=Yb;import{Fragment as xE,jsx as UA}from"react/jsx-runtime";var qA="k-input-loading-icon",gE=[n.disabled,n.loading],wt=e=>{let{disabled:t,loading:l}=e;return t||!l?UA(xE,{}):UA("span",{className:r(e.className,qA,"k-icon k-i-loading")})};wt.states=gE;wt.className=qA;import{Fragment as yE,jsx as _A}from"react/jsx-runtime";var $A="k-input-validation-icon",bE=[n.valid,n.invalid,n.disabled,n.loading],vE={},xt=e=>{let{valid:t,invalid:l,disabled:i,loading:p}=e,m=l?"warning-circle":"check-circle";return i||p||!!!(t||l)?_A(yE,{}):_A(h,{className:r($A),icon:m})};xt.states=bE;xt.options=vE;xt.className=$A;import{Fragment as AE,jsx as eN}from"react/jsx-runtime";var wE="k-input-prefix",TE={direction:"horizontal"},Kt=e=>{let{direction:t=TE.direction,...l}=e;return e.children?eN("span",{...l,className:r(wE,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):eN(AE,{})};import{Fragment as SE,jsx as tN}from"react/jsx-runtime";var NE="k-input-suffix",CE={direction:"horizontal"},Dt=e=>{let{direction:t=CE.direction,...l}=e;return e.children?tN("span",{...l,className:r(NE,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):tN(SE,{})};import{jsx as BE}from"react/jsx-runtime";var IE="k-input-prefix-text",F_=e=>{let{children:t,...l}=e;return BE("span",{...l,className:r(IE,e.className),children:t})};import{jsx as LE}from"react/jsx-runtime";var ME="k-input-suffix-text",oN=e=>{let{children:t,...l}=e;return LE("span",{...l,className:r(ME,e.className),children:t})};import{jsx as YE}from"react/jsx-runtime";var aN="k-input-separator",EE={direction:"vertical"},Ao=e=>{let{direction:t=EE.direction,...l}=e;return YE("span",{...l,className:r(aN,e.className,{[`${aN}-${t}`]:t})})};import{jsx as lN}from"react/jsx-runtime";var rN="k-animation-container",PE=[],GE={},sN={positionMode:"absolute"},zi=e=>{let{positionMode:t=sN.positionMode,animationStyle:l,offset:i,...p}=e;return lN("div",{...p,style:{...i,...e.style},className:r(e.className,rN,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:lN("div",{className:"k-child-animation-container",style:l,children:e.children})})};zi.states=PE;zi.options=GE;zi.className=rN;zi.defaultOptions=sN;import{jsx as iN}from"react/jsx-runtime";var nN="k-popup",KE=[],DE={},dN={positionMode:"absolute"},De=e=>{let{offset:t,positionMode:l=dN.positionMode,animationStyle:i,...p}=e;return iN(zi,{positionMode:l,offset:t,animationStyle:i,children:iN("div",{...p,className:r(e.className,nN),children:e.children})})};De.states=KE;De.options=DE;De.className=nN;De.defaultOptions=dN;import{jsx as RE}from"react/jsx-runtime";var FE="k-no-data",$m=e=>RE("span",{className:r(FE,e.className),children:e.children});import{jsx as bc,jsxs as cN}from"react/jsx-runtime";var Pb="k-list",zE=[],HE={size:[k.small,k.medium,k.large]},pN={size:k.medium},ie=e=>{let{size:t=pN.size,virtualization:l,children:i,optionLabel:p,customValue:m,screenReaders:u,...f}=e,g,y,M,G,N=[];return i?i.map((D,z)=>{D.type===ke?(D.props.root===!0?(g=D.props.label,D.props.children.map((X,$)=>{N.push(bc(v,{...X.props},`optChild-${$}-${new Date().getTime()}`))})):D.props.children.forEach((X,$)=>{let oe="";$===0&&(oe=D.props.label),N.push(bc(v,{className:$===0?"k-first":"",...X.props,groupLabel:oe},`groupLabel-${$}-${new Date().getTime()}`))}),y=bc(ke,{label:g,virtualization:l,children:N})):D.type===v&&(N.push(bc(v,{...D.props},`${D.type}-${z}`)),M=bc(vc,{virtualization:l,children:N}),u&&(G=cN($m,{className:"k-sr-only",children:[N.length," items found."]})))}):G=bc($m,{children:"No data found."}),cN("div",{...f,className:r(e.className,Pb,H(Pb,{size:t}),{"k-virtual-list":l}),children:[p,m,y,M,G]})};ie.states=zE;ie.options=HE;ie.className=Pb;ie.defaultOptions=pN;import{jsx as bd,jsxs as QE}from"react/jsx-runtime";var Gb="k-list",OE=[],WE={size:[k.small,k.medium,k.large]},mN={size:k.medium},ks=e=>{let{size:t=mN.size,virtualization:l,children:i,...p}=e,m,u,f,g=[];return i?i.map((y,M)=>{y.type===ke?(y.props.root===!0?(m=y.props.label,y.props.children.map((G,N)=>{g.push(bd(v,{...G.props},`optChild-${N}-${new Date().getTime()}`))})):(g.push(bd(uN,{...y.props,children:y.props.label},`listChild-${M}`)),y.props.children.map((G,N)=>{g.push(bd(v,{...G.props},`fwOptChild-${N}-${new Date().getTime()}`))})),u=bd(ke,{label:m,virtualization:l,children:g})):y.type===v&&(g.push(bd(v,{...y.props},`${y.type}-${M}`)),f=bd(vc,{virtualization:l,children:g}))}):f=bd($m,{children:"No data found."}),QE("div",{...p,className:r(e.className,Gb,H(Gb,{size:t}),{"k-virtual-list":l}),children:[u,f]})};ks.states=OE;ks.options=WE;ks.className=Gb;ks.defaultOptions=mN;import{jsx as kN}from"react/jsx-runtime";var ff="k-checkbox",VE=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],XE={size:[k.small,k.medium,k.large],rounded:[A.small,A.medium,A.large,A.full]},Kb={size:k.medium,rounded:A.medium},ao=e=>{let{id:t,checked:l,indeterminate:i,hover:p,focus:m,disabled:u,invalid:f,valid:g,required:y,size:M=Kb.size,rounded:G=Kb.rounded,...N}=e;return kN("span",{className:"k-checkbox-wrap",children:kN("input",{...N,id:t,type:"checkbox",defaultChecked:l,required:y,className:r(e.className,ff,H(ff,{size:M,rounded:G}),S(ff,{hover:p,focus:m,disabled:u,invalid:f,valid:g,indeterminate:i,checked:l}))})})};ao.states=VE;ao.options=XE;ao.className=ff;ao.defaultOptions=Kb;var Hi=ao;import{jsx as jE}from"react/jsx-runtime";var fN="k-checkbox-list",ZE=[],JE={},hN={layout:"vertical"},Oi=e=>{let{layout:t=hN.layout,...l}=e;return jE("ul",{...l,className:r(e.className,fN,{[`k-list-${t}`]:t}),children:e.children})};Oi.states=ZE;Oi.options=JE;Oi.className=fN;Oi.defaultOptions=hN;import{jsx as $E}from"react/jsx-runtime";var gN="k-checkbox-list-item",UE=[],qE={},_E={},tr=e=>{let{...t}=e;return $E("li",{...t,className:r(e.className,gN),children:e.children})};tr.states=UE;tr.options=qE;tr.className=gN;tr.defaultOptions=_E;import{Fragment as eY,jsx as xN,jsxs as tY}from"react/jsx-runtime";var hf=({children:e,id:t,...l})=>tY(eY,{children:[xN(Hi,{id:t,...l}),xN("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as oY,jsx as bN,jsxs as aY}from"react/jsx-runtime";var X$=({children:e,id:t,...l})=>aY(oY,{children:[bN("label",{className:"k-checkbox-label",htmlFor:t,children:e}),bN(Hi,{id:t,...l})]});import{Fragment as lY,jsx as vd,jsxs as rY}from"react/jsx-runtime";var U$=e=>vd(Oi,{children:rY(lY,{children:[vd(tr,{children:vd(ao,{})}),vd(tr,{children:vd(ao,{})}),vd(tr,{children:vd(ao,{})})]}),layout:"horizontal",...e});import{Fragment as sY,jsx as yd,jsxs as iY}from"react/jsx-runtime";var eee=e=>yd(Oi,{children:iY(sY,{children:[yd(tr,{children:yd(ao,{})}),yd(tr,{children:yd(ao,{})}),yd(tr,{children:yd(ao,{})})]}),...e});import{jsx as nY}from"react/jsx-runtime";var Db=e=>nY(Hi,{...e});import{jsx as dY}from"react/jsx-runtime";var iee=e=>dY(Hi,{checked:!0,...e});import{jsx as gf,jsxs as uY}from"react/jsx-runtime";var Fb="k-list-item",cY=[n.hover,n.focus,n.selected,n.disabled],pY={},mY={},v=e=>{let{text:t,groupLabel:l,group:i,showIcon:p,iconName:m,showCheckbox:u,checked:f,hover:g,focus:y,selected:M,disabled:G,...N}=e,D=t||e.children;return uY("li",{...N,className:r(e.className,i?"k-list-group-item":Fb,S(Fb,{hover:g,focus:y,disabled:G,selected:M})),children:[u&&gf(ao,{checked:f}),p&&gf(h,{icon:m}),gf("span",{className:"k-list-item-text",children:D}),l&&l!==""&&gf("div",{className:"k-list-item-group-label",children:l})]})};v.states=cY;v.options=pY;v.className=Fb;v.defaultOptions=mY;import{jsx as Rb,jsxs as fY}from"react/jsx-runtime";var kY="k-list-content",vc=e=>{let{virtualization:t,...l}=e;return fY("div",{...l,className:r(kY,e.className),children:[Rb("ul",{className:r("k-list-ul"),children:e.children}),t&&Rb("div",{className:"k-height-container",children:Rb("div",{})})]})};import{jsx as vN}from"react/jsx-runtime";var hY="k-list-group-sticky-header",yN=e=>vN("div",{className:r(hY,e.className),children:vN("div",{className:"k-list-header-text",children:e.children})});import{Fragment as gY,jsx as wN,jsxs as xY}from"react/jsx-runtime";var ke=e=>{let{virtualization:t,label:l}=e;return xY(gY,{children:[l&&wN(yN,{children:l}),e.children&&wN(vc,{virtualization:t,children:e.children})]})};import{jsx as TN}from"react/jsx-runtime";var bY="k-list-group-item",uN=e=>TN("li",{className:r(bY,e.className),children:TN("span",{className:"k-list-item-text",children:e.children})});import{jsx as TY}from"react/jsx-runtime";var zb="k-list-optionlabel",vY=[n.hover,n.focus,n.selected,n.disabled],yY={},wY={},xf=e=>{let{text:t,hover:l,focus:i,selected:p,disabled:m,...u}=e;return TY("div",{...u,className:r(zb,S(zb,{hover:l,focus:i,selected:p,disabled:m})),children:t})};xf.states=vY;xf.options=yY;xf.className=zb;xf.defaultOptions=wY;import{jsx as SY}from"react/jsx-runtime";var Hb="k-list-custom-value",AY=[n.hover,n.focus,n.selected,n.disabled],NY={},CY={},Lo=e=>{let{text:t,hover:l,focus:i,selected:p,disabled:m,...u}=e;return SY("div",{...u,className:r(Hb,S(Hb,{hover:l,focus:i,selected:p,disabled:m})),children:t})};Lo.states=AY;Lo.options=NY;Lo.className=Hb;Lo.defaultOptions=CY;import{jsx as bf}from"react/jsx-runtime";var Qee=e=>bf(ie,{children:[bf(v,{children:"List item"},"list-item-1"),bf(v,{children:"List item"},"list-item-2"),bf(v,{children:"List item"},"list-item-3")],...e});import{jsx as IY}from"react/jsx-runtime";var Jee=e=>IY(ie,{virtualization:!0,...e});import{jsx as yc,jsxs as Ob}from"react/jsx-runtime";var _ee=e=>Ob(ie,{...e,children:[Ob(ke,{label:"Group 1",root:!0,children:[yc(v,{children:"List item 1.1"}),yc(v,{children:"List item 1.2"}),yc(v,{children:"List item 1.3"})]}),Ob(ke,{label:"Group 2",children:[yc(v,{children:"List item 2.1"}),yc(v,{children:"List item 2.2"}),yc(v,{children:"List item 2.3"})]})]});import{jsx as wc,jsxs as Wb}from"react/jsx-runtime";var ote=e=>Wb(ie,{virtualization:!0,...e,children:[Wb(ke,{label:"Group 1",root:!0,children:[wc(v,{children:"List item 1.1"}),wc(v,{children:"List item 1.2"}),wc(v,{children:"List item 1.3"})]}),Wb(ke,{label:"Group 2",children:[wc(v,{children:"List item 2.1"}),wc(v,{children:"List item 2.2"}),wc(v,{children:"List item 2.3"})]})]});import{jsx as BY}from"react/jsx-runtime";var ste=e=>BY(ks,{virtualization:!0,...e});import{jsx as Tc,jsxs as Qb}from"react/jsx-runtime";var cte=e=>Qb(ks,{...e,children:[Qb(ke,{label:"Group 1",root:!0,children:[Tc(v,{children:"List item 1.1"}),Tc(v,{children:"List item 1.2"}),Tc(v,{children:"List item 1.3"})]}),Qb(ke,{label:"Group 2",children:[Tc(v,{children:"List item 2.1"}),Tc(v,{children:"List item 2.2"}),Tc(v,{children:"List item 2.3"})]})]});import{jsx as Ac,jsxs as Vb}from"react/jsx-runtime";var kte=e=>Vb(ks,{virtualization:!0,...e,children:[Vb(ke,{label:"Group 1",root:!0,children:[Ac(v,{children:"List item 1.1"}),Ac(v,{children:"List item 1.2"}),Ac(v,{children:"List item 1.3"})]}),Vb(ke,{label:"Group 2",children:[Ac(v,{children:"List item 2.1"}),Ac(v,{children:"List item 2.2"}),Ac(v,{children:"List item 2.3"})]})]});import{Fragment as EY,jsx as eu,jsxs as AN}from"react/jsx-runtime";var vf="k-button",MY=[n.hover,n.focus,n.active,n.selected,n.disabled],LY={size:[k.small,k.medium,k.large],rounded:[A.small,A.medium,A.large,A.full],fillMode:[I.solid,I.flat,I.outline,I.clear,I.link],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark,x.inverse]},wd={size:k.medium,rounded:A.medium,fillMode:I.solid,themeColor:x.base,showArrow:!1,arrowIconName:"caret-alt-down"},s=e=>{let{size:t=wd.size,rounded:l=wd.rounded,fillMode:i=wd.fillMode,themeColor:p=wd.themeColor,showArrow:m=wd.showArrow,arrowIconName:u=wd.arrowIconName,hover:f,focus:g,active:y,selected:M,disabled:G,icon:N,text:D,iconClassName:z,...X}=e,$=N!==void 0,oe=e.children!==void 0;return AN("button",{...X,className:r(e.className,vf,H(vf,{size:t,rounded:l,fillMode:i,themeColor:p}),S(vf,{hover:f,focus:g,active:y,disabled:G,selected:M}),{"k-icon-button":!D&&!oe&&$}),children:[N&&eu(h,{className:r(z,"k-button-icon"),icon:N}),D?AN(EY,{children:[D&&eu("span",{className:"k-button-text",children:D}),e.children]}):e.children&&eu("span",{className:"k-button-text",children:e.children}),m&&eu("span",{className:"k-menu-button-arrow k-button-arrow",children:eu(h,{icon:u})})]})};s.states=MY;s.options=LY;s.className=vf;s.defaultOptions=wd;import{jsx as YY}from"react/jsx-runtime";var Tt=e=>YY(s,{icon:"folder",...e,children:void 0});import{jsx as PY}from"react/jsx-runtime";var ft=e=>PY(s,{icon:"folder",children:"Button",...e});import{jsx as GY}from"react/jsx-runtime";var Nc=e=>GY(s,{children:"Button",...e});import{jsx as Xb,jsxs as FY}from"react/jsx-runtime";var NN="k-suggestion-group",KY=[],DY={},CN={scrollable:!0},fs=e=>{let{scrollable:t=CN.scrollable,...l}=e,i=Xb("div",{...l,className:r(NN,e.className),children:e.children});return t?FY("div",{className:"k-suggestion-scrollwrap",children:[Xb(s,{icon:"chevron-left"}),i,Xb(s,{icon:"chevron-right"})]}):i};fs.states=KY;fs.options=DY;fs.className=NN;fs.defaultOptions=CN;import{jsx as OY}from"react/jsx-runtime";var yf="k-suggestion",RY=[n.active,n.hover,n.focus],zY={themeColor:[x.base,x.primary,x.secondary]},HY={text:"Suggestion"},ba=e=>{let{themeColor:t,active:l,hover:i,focus:p,text:m,...u}=e;return OY("span",{...u,className:r(e.className,yf,S(yf,{hover:i,active:l,focus:p}),H(yf,{themeColor:t})),children:m})};ba.states=RY;ba.options=zY;ba.className=yf;ba.item=HY;import{Fragment as WY,jsx as wf,jsxs as QY}from"react/jsx-runtime";var soe=e=>wf(fs,{children:QY(WY,{children:[wf(ba,{text:"Suggestion"}),wf(ba,{text:"Suggestion"}),wf(ba,{text:"Suggestion"})]}),...e});import{Fragment as VY,jsx as Tf,jsxs as XY}from"react/jsx-runtime";var coe=e=>Tf(fs,{scrollable:!1,children:XY(VY,{children:[Tf(ba,{text:"Suggestion"}),Tf(ba,{text:"Suggestion"}),Tf(ba,{text:"Suggestion"})]}),...e});import{jsx as SN}from"react/jsx-runtime";var tu="k-avatar";var ZY=[n.hover,n.focus,n.active,n.selected,n.disabled],JY={size:[k.small,k.medium,k.large],rounded:[A.small,A.medium,A.large,A.full],fillMode:[I.solid,I.flat,I.outline],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark,x.inverse]},Td={type:"text",size:k.medium,rounded:A.full,fillMode:I.solid,themeColor:x.primary,border:!1},Ur=e=>{let{size:t=Td.size,rounded:l=Td.rounded,fillMode:i=Td.fillMode,themeColor:p=Td.themeColor,type:m=Td.type,border:u=Td.border,...f}=e;return SN("div",{...f,className:r(e.className,tu,H(tu,{size:t,rounded:l,fillMode:i,themeColor:p}),{[`${tu}-bordered`]:u}),children:SN("span",{className:`${tu}-${m}`,children:e.children})})};Ur.states=ZY;Ur.options=JY;Ur.className=tu;Ur.defaultOptions=Td;var Cc=Ur;import{jsx as jY}from"react/jsx-runtime";var woe=e=>jY(Cc,{type:"icon",...e});import{jsx as UY}from"react/jsx-runtime";var Coe=e=>UY(Cc,{type:"text",...e});import{jsx as qY}from"react/jsx-runtime";var Moe=e=>qY(Cc,{type:"image",...e});import{jsx as eP}from"react/jsx-runtime";var ou="k-badge",_Y=[],$Y={size:[k.small,k.medium,k.large],rounded:[A.small,A.medium,A.large,A.full],fillMode:[I.solid,I.outline],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark,x.inverse]},au={size:k.medium,fillMode:I.solid,themeColor:x.primary,cutoutBorder:!1},Wi=e=>{let{size:t=au.size,fillMode:l=au.fillMode,themeColor:i=au.themeColor,cutoutBorder:p=au.cutoutBorder,rounded:m,position:u,align:f,...g}=e;return eP("span",{...g,className:r(e.className,ou,H(ou,{size:t,rounded:m,fillMode:l,themeColor:i}),{[`${ou}-${u}`]:u,[`k-${f}`]:f,[`${ou}-border-cutout`]:p}),children:e.children})};Wi.states=_Y;Wi.options=$Y;Wi.className=ou;Wi.defaultOptions=au;import{jsx as tP}from"react/jsx-runtime";var Ooe=e=>tP(Wi,{...e});import{jsx as IN}from"react/jsx-runtime";var Zoe=e=>IN(Wi,{children:IN(h,{className:"k-badge-icon",icon:"x-circle"}),...e});import{jsx as Af}from"react/jsx-runtime";var oP="k-chip-action",aP=(l=>(l.REMOVE="remove",l.MORE="more",l))(aP||{}),$t=e=>{let{type:t,...l}=e,i;switch(t){case"remove":i=Af(h,{icon:"x-circle",size:"small"});break;case"more":i=Af(h,{icon:"more-vertical",size:"small"});break;default:return Af(h,{icon:t,size:"small"})}return Af("span",{...l,className:r(e.className,oP,`k-chip-${t}-action`),children:i})};import{jsx as Sc,jsxs as sP}from"react/jsx-runtime";var Nf="k-chip",lP=[n.hover,n.focus,n.active,n.selected,n.disabled],rP={size:[k.small,k.medium,k.large],rounded:[A.small,A.medium,A.large,A.full],fillMode:[I.solid,I.outline],themeColor:[x.base,x.success,x.warning,x.error,x.info]},Ic={size:k.medium,rounded:A.medium,fillMode:I.solid,themeColor:x.base,avatarImage:"/packages/html/assets/avatar.jpg"},Ot=e=>{let{size:t=Ic.size,rounded:l=Ic.rounded,fillMode:i=Ic.fillMode,themeColor:p=Ic.themeColor,text:m,icon:u,actions:f,showAvatar:g,avatarImage:y=Ic.avatarImage,hover:M,focus:G,active:N,selected:D,disabled:z,...X}=e;return sP("div",{...X,className:r(e.className,Nf,H(Nf,{size:t,rounded:l,fillMode:i,themeColor:p}),S(Nf,{hover:M,focus:G,active:N,disabled:z,selected:D})),children:[u&&Sc(h,{className:"k-chip-icon",icon:u,size:"small"}),g&&Sc(Ur,{className:"k-chip-avatar",type:"image",children:Sc("img",{src:y})}),Sc("span",{className:"k-chip-content",children:e.children?e.children:m&&Sc("span",{className:"k-chip-label",children:m})}),f&&Sc("span",{className:"k-chip-actions",children:f})]})};Ot.states=lP;Ot.options=rP;Ot.className=Nf;Ot.defaultOptions=Ic;var hs=Ot;import{jsx as dP}from"react/jsx-runtime";var Zb="k-chip-list",iP=[],nP={size:[k.small,k.medium,k.large]},BN={size:k.medium},pa=e=>{let{size:t=BN.size,...l}=e;return dP("div",{...l,className:r(e.className,Zb,H(Zb,{size:t})),children:e.children})};pa.states=iP;pa.options=nP;pa.className=Zb;pa.defaultOptions=BN;import{jsx as cP}from"react/jsx-runtime";var uae=e=>cP(hs,{showAvatar:!0,...e});import{jsx as pP}from"react/jsx-runtime";var gae=e=>pP(hs,{icon:"map-marker-target",...e});import{jsx as mP}from"react/jsx-runtime";var yae=e=>mP(hs,{text:"text",...e});import{jsx as MN}from"react/jsx-runtime";var Cae=e=>MN(hs,{text:"Removable",...e,actions:MN($t,{type:"remove"})});import{Fragment as uP,jsx as Jb,jsxs as kP}from"react/jsx-runtime";var Lae=e=>Jb(hs,{text:"All actions",actions:kP(uP,{children:[Jb($t,{type:"more"}),Jb($t,{type:"remove"})]}),...e});import{jsx as LN,jsxs as gP}from"react/jsx-runtime";var EN="k-color-preview",fP=[],hP={},Qi=e=>{let{color:t,iconName:l,...i}=e;return gP("span",{...i,className:r(e.className,EN,{"k-icon-color-preview":l,"k-no-color":!t}),children:[l&&LN(h,{icon:l,className:"k-color-preview-icon"}),LN("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Qi.states=fP;Qi.options=hP;Qi.className=EN;import{Fragment as jb,jsx as YN,jsxs as Cf}from"react/jsx-runtime";var Ub="k-loader",xP={pulsing:"pulsing-2","infinite-spinner":"spinner-3","converging-spinner":"spinner-4"},bP=[],vP={size:[k.small,k.medium,k.large],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark,x.inverse]},Sf={size:k.medium,themeColor:x.primary,animation:"pulsing"},qr=e=>{let{size:t=Sf.size,themeColor:l=Sf.themeColor,animation:i=Sf.animation,...p}=e,m=YN("span",{className:"k-loader-segment"});return YN("div",{...p,className:r(e.className,Ub,{[`k-loader-${xP[i]||i}`]:i},H(Ub,{size:t,themeColor:l})),children:Cf("div",{className:"k-loader-canvas",children:[i==="pulsing"&&Cf(jb,{children:[m,m]}),i==="infinite-spinner"&&Cf(jb,{children:[m,m,m]}),i==="converging-spinner"&&Cf(jb,{children:[m,m,m,m]})]})})};qr.states=bP;qr.options=vP;qr.className=Ub;qr.defaultOptions=Sf;var PN=qr;import{jsx as qb,jsxs as GN}from"react/jsx-runtime";var _b="k-loader-container",yP=[],wP={size:[k.small,k.medium,k.large],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark,x.inverse]},Ad={size:k.medium,themeColor:x.primary,loaderType:"pulsing",position:"top",overlay:"dark",panel:!1},Bc=e=>{let{size:t=Ad.size,themeColor:l=Ad.themeColor,loaderType:i=Ad.loaderType,position:p=Ad.position,overlay:m=Ad.overlay,panel:u=Ad.panel,...f}=e;return GN("div",{...f,className:r(e.className,_b,H(_b,{size:t}),{[`k-loader-${p}`]:p}),children:[qb("div",{className:`k-loader-container-overlay k-overlay-${m}`}),GN("div",{className:r("k-loader-container-inner",{"k-loader-container-panel":u}),children:[qb(PN,{size:t,themeColor:l,animation:i}),qb("div",{className:`k-loader-container-label !k-text-${l}`,children:"Loading..."})]})]})};Bc.states=yP;Bc.options=wP;Bc.className=_b;Bc.defaultOptions=Ad;import{jsx as TP}from"react/jsx-runtime";var ale=e=>TP(qr,{...e});import{jsx as AP}from"react/jsx-runtime";var ile=e=>AP(qr,{animation:"infinite-spinner",...e});import{jsx as NP}from"react/jsx-runtime";var ple=e=>NP(qr,{animation:"converging-spinner",...e});import{jsx as CP}from"react/jsx-runtime";var fle=e=>CP(Bc,{...e});import{jsx as BP}from"react/jsx-runtime";var KN="k-skeleton",SP=[],IP={},$b={shape:"text",animation:"pulse"},gs=e=>{let{shape:t=$b.shape,animation:l=$b.animation,...i}=e;return BP("span",{...i,className:r(e.className,KN,{[`k-skeleton-${t}`]:t,[`k-skeleton-${l}`]:l}),style:e.style})};gs.states=SP;gs.options=IP;gs.className=KN;gs.defaultOptions=$b;import{jsx as MP}from"react/jsx-runtime";var Ble=e=>MP(gs,{...e});import{jsx as LP}from"react/jsx-runtime";var DN=e=>LP(gs,{shape:"rect",...e});import{jsx as EP}from"react/jsx-runtime";var Kle=e=>EP(gs,{shape:"circle",...e});import{jsx as lu,jsxs as ev}from"react/jsx-runtime";var tv="k-form-field",YP=[n.disabled],Bt=e=>{let{label:t,orientation:l,optional:i,editor:p,hint:m,error:u,info:f,disabled:g,dir:y,colSpan:M}=e;return ev("div",{className:r(tv,e.className,S(tv,{disabled:g}),{[`k-col-span-${M}`]:M}),dir:y,children:[t&&ev("label",{className:r("k-label","k-form-label"),children:[t,i&&lu("span",{className:"k-label-optional",children:"(Optional)"}),f&&lu("span",{className:"k-field-info",children:"(field info)"})]}),l==="horizontal"&&!t&&lu("span",{className:"k-label k-form-label k-label-empty"}),ev("div",{className:"k-form-field-wrap",children:[p,m&&lu("div",{className:"k-form-hint",children:m}),u&&lu("div",{className:"k-form-error",children:u})]})]})};Bt.states=YP;Bt.className=tv;import{Fragment as PP,jsx as ov,jsxs as GP}from"react/jsx-runtime";var FN="k-form-fieldset",va=e=>{let{legend:t,layout:l,cols:i,gutters:p,colSpan:m}=e;return GP("fieldset",{className:r(FN,{[`k-col-span-${m}`]:m}),children:[t&&ov("legend",{className:"k-form-legend",children:t}),l==="grid"?ov("div",{className:r("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}):ov(PP,{children:e.children})]})};va.className=FN;import{Fragment as FP,jsx as ru,jsxs as RP}from"react/jsx-runtime";import{createElement as av}from"react";var If="k-form",KP=[],DP={size:[k.small,k.medium,k.large]},Bf={size:k.medium,layout:"basic",tag:"form"},or=e=>{let{size:t=Bf.size,orientation:l,layout:i=Bf.layout,formButtons:p,cols:m,gutters:u,tag:f=Bf.tag,children:g}=e,y=({tag:G,className:N,children:D})=>G==="form"?ru("form",{className:N,children:D}):ru("div",{className:N,children:D}),M=[];return g&&(Array.isArray(g)?g.map((G,N)=>{G.type===Bt?M.push(av(Bt,{...G.props,orientation:l,key:N})):M.push(G)}):g.type===Bt?M.push(av(Bt,{...g.props,orientation:l,key:`${new Date().getTime()}`})):g.type===va&&M.push(av(va,{...g.props,key:`${new Date().getTime()}`}))),RP(y,{tag:f,className:r(e.className,If,H(If,{size:t}),{[`${If}-${l}`]:l}),children:[i==="grid"?ru("div",{className:r("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:M}):ru(FP,{children:M}),p&&ru("div",{className:"k-form-buttons",children:p})]})};or.states=KP;or.options=DP;or.className=If;or.defaultOptions=Bf;import{jsx as HP}from"react/jsx-runtime";var zP="k-actionsheet-footer",RN={alignment:"stretched",orientation:"horizontal"},_r=e=>{let{alignment:t=RN.alignment,orientation:l=RN.orientation,template:i,as:p=i?"div":Ae,...m}=e;return HP(p,{...m,...!i&&{alignment:t,orientation:l},className:r(e.className,zP),children:e.children})};import{jsx as su,jsxs as QP}from"react/jsx-runtime";var zN="k-searchbox",OP=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],WP={size:[k.small,k.medium,k.large],rounded:[A.small,A.medium,A.large,A.full],fillMode:[I.solid,I.flat,I.outline]},lv={showIcon:!0,icon:"search",size:ee.defaultOptions.size,rounded:ee.defaultOptions.rounded,fillMode:ee.defaultOptions.fillMode},lo=e=>{let{value:t,placeholder:l,size:i,rounded:p,fillMode:m,hover:u,focus:f,valid:g,invalid:y,required:M,loading:G,disabled:N,showIcon:D=lv.showIcon,icon:z=lv.icon,...X}=e;return QP(ee,{...X,size:i,rounded:p,fillMode:m,hover:u,focus:f,valid:g,invalid:y,required:M,loading:G,disabled:N,className:r(e.className,zN),children:[D&&su(h,{className:"k-input-icon",icon:z}),su(_t,{placeholder:l,value:t}),su(wt,{...e}),su(xt,{...e}),su(Ht,{...e})]})};lo.states=OP;lo.options=WP;lo.className=zN;lo.defaultOptions=lv;var HN=lo;import{jsx as VP}from"react/jsx-runtime";var mre=e=>VP(HN,{...e});import{Fragment as ON,jsx as Vi,jsxs as rv}from"react/jsx-runtime";var WN="k-textbox",XP=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ZP={size:[k.small,k.medium,k.large],rounded:[A.small,A.medium,A.large,A.full],fillMode:[I.solid,I.flat,I.outline]},Nd={showClearButton:!0,showValidationIcon:!0,size:ee.defaultOptions.size,rounded:ee.defaultOptions.rounded,fillMode:ee.defaultOptions.fillMode,separators:!0},Ne=e=>{let{size:t=Nd.size,rounded:l=Nd.rounded,fillMode:i=Nd.fillMode,separators:p=Nd.separators,showClearButton:m=Nd.showClearButton,showValidationIcon:u=Nd.showValidationIcon,prefix:f,suffix:g,type:y,value:M,placeholder:G,hover:N,focus:D,valid:z,invalid:X,required:$,loading:oe,disabled:ue,readonly:Ke,...$e}=e;return rv(ee,{...$e,size:t,rounded:l,fillMode:i,hover:N,focus:D,valid:z,invalid:X,required:$,loading:oe,disabled:ue,readonly:Ke,className:r(e.className,WN),children:[f&&rv(ON,{children:[Vi(Kt,{children:f}),p&&Vi(Ao,{})]}),Vi(_t,{placeholder:G,value:M,type:y}),u&&Vi(xt,{valid:z,invalid:X,loading:oe,disabled:ue}),Vi(wt,{loading:oe,disabled:ue}),m&&Vi(Ht,{loading:oe,disabled:ue,readonly:Ke,value:M}),g&&rv(ON,{children:[p&&Vi(Ao,{}),Vi(Dt,{children:g})]})]})};Ne.states=XP;Ne.options=ZP;Ne.className=WN;Ne.defaultOptions=Nd;var Mc=Ne;import{jsx as JP}from"react/jsx-runtime";var Tre=e=>JP(Mc,{...e});import{Fragment as jP,jsx as sv}from"react/jsx-runtime";var Ire=e=>sv(Mc,{prefix:sv(jP,{children:sv(h,{icon:"envelop"})}),...e});import{Fragment as UP,jsx as iv}from"react/jsx-runtime";var Yre=e=>iv(Mc,{suffix:iv(UP,{children:iv(Nc,{fillMode:"clear",children:"Send"})}),...e});import{jsx as Xi,jsxs as nv}from"react/jsx-runtime";var QN="k-actionsheet-titlebar",qP={},Wt=e=>{let{title:t,subtitle:l,actionsStart:i,actionsEnd:p,filter:m,input:u,inputValue:f,inputPlaceholder:g,adaptive:y,children:M,...G}=e;return nv("div",{...G,className:r(e.className,QN),children:[nv("div",{className:"k-actionsheet-titlebar-group",children:[i&&Xi("div",{className:"k-actionsheet-actions",children:i}),!M&&nv("div",{className:"k-actionsheet-title",children:[t&&Xi("div",{className:"k-text-center",children:t}),l&&Xi("div",{className:"k-actionsheet-subtitle k-text-center",children:l})]}),M&&Xi("div",{className:"k-actionsheet-title",children:M}),p&&Xi("div",{className:"k-actionsheet-actions",children:p})]}),(u||m)&&Xi("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:u?Xi(Ne,{value:f,placeholder:g,size:y?"large":"medium"}):Xi(lo,{placeholder:"Filter",size:y?"large":"medium"})})]})};Wt.className=QN;Wt.defaultOptions=qP;import{jsx as dv,jsxs as t2}from"react/jsx-runtime";var cv="k-actionsheet-view",_P=[],$P={},e2={},Lc=e=>{let{adaptive:t,animated:l,children:i,header:p,footer:m,...u}=e,f=p?.type===Wt&&dv(Wt,{adaptive:t,...p?.props}),g=m?.type===_r&&dv(_r,{...m?.props});return t2("div",{...u,className:r(e.className,cv,{[`${cv}-animated`]:l}),children:[f,dv("div",{className:"k-actionsheet-content",children:i}),g]})};Lc.states=_P;Lc.options=$P;Lc.className=cv;Lc.defaultOptions=e2;import{jsx as Mf,jsxs as l2}from"react/jsx-runtime";var VN="k-actionsheet",o2=[],a2={},iu={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Jt=e=>{let{side:t=iu.side,fullscreen:l=iu.fullscreen,adaptive:i=iu.adaptive,overlay:p=iu.overlay,template:m,children:u,header:f,footer:g,...y}=e;return l2("div",{className:"k-actionsheet-container",children:[p&&Mf("div",{className:"k-overlay"}),Mf(zi,{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:Mf("div",{...y,className:r(e.className,VN,{[`k-actionsheet-${t}`]:l===!1,"k-actionsheet-fullscreen":l===!0,"k-adaptive-actionsheet":i}),children:m||Mf(Lc,{header:f,footer:g,adaptive:i,...e,children:u})})})]})};Jt.states=o2;Jt.options=a2;Jt.className=VN;Jt.defaultOptions=iu;import{jsx as r2}from"react/jsx-runtime";var XN=e=>{let{...t}=e;return r2("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as i2,jsx as nu,jsxs as pv}from"react/jsx-runtime";var mv="k-actionsheet-item",s2=[n.hover,n.focus,n.selected,n.disabled],Cd=e=>{let{iconName:t,text:l,description:i,hover:p,focus:m,selected:u,disabled:f,...g}=e;return pv("span",{...g,className:r(e.className,mv,S(mv,{hover:p,focus:m,selected:u,disabled:f})),children:[!e.children&&nu(i2,{children:pv("span",{className:"k-actionsheet-action",children:[t&&nu("span",{className:"k-icon-wrap",children:nu(h,{className:"k-actionsheet-item-icon",icon:t})}),pv("span",{className:"k-actionsheet-item-text",children:[l&&nu("span",{className:"k-actionsheet-item-title",children:l}),i&&nu("span",{className:"k-actionsheet-item-description",children:i})]})]})}),e.children]})};Cd.states=s2;Cd.className=mv;import{jsx as Sd,jsxs as n2}from"react/jsx-runtime";var Ec=({title:e="Select item",...t})=>Sd(Jt,{header:Sd(Wt,{title:e}),children:[n2(XN,{children:[Sd(Cd,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Sd(Cd,{text:"Add to Favorites",iconName:"heart"}),Sd(Cd,{text:"Upload New",iconName:"upload"}),Sd("hr",{className:"k-hr"}),Sd(Cd,{text:"Action",iconName:"cancel"})]},"action-sheet-items")],...t});import{jsx as d2}from"react/jsx-runtime";var use=e=>d2(Ec,{side:"top",...e});import{jsx as c2}from"react/jsx-runtime";var gse=e=>c2(Ec,{side:"left",...e});import{jsx as p2}from"react/jsx-runtime";var yse=e=>p2(Ec,{side:"right",...e});import{Fragment as k2,jsx as il,jsxs as uv}from"react/jsx-runtime";var ZN="k-dropdownlist",m2=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],u2={size:[k.small,k.medium,k.large],rounded:[A.small,A.medium,A.large,A.full],fillMode:[I.solid,I.flat,I.outline]},Yc={showValue:!0,arrowIconName:"caret-alt-down",size:k.medium,rounded:A.medium,fillMode:I.solid},pe=e=>{let{size:t=Yc.size,rounded:l=Yc.rounded,fillMode:i=Yc.fillMode,arrowIconName:p=Yc.arrowIconName,showValue:m=Yc.showValue,valueIconName:u,prefix:f,suffix:g,value:y,placeholder:M,hover:G,focus:N,valid:D,invalid:z,required:X,loading:$,disabled:oe,readonly:ue,popup:Ke,opened:$e,adaptive:To,adaptiveSettings:Jo,adaptiveTitle:Ra,adaptiveSubtitle:jr,adaptiveFilter:xd,...xc}=e;return uv(k2,{children:[uv(Kl,{...xc,size:t,rounded:l,fillMode:i,hover:G,focus:N,valid:D,invalid:z,required:X,loading:$,disabled:oe,readonly:ue,className:r(e.className,ZN,{"k-icon-picker":!m&&u}),children:[il(Kt,{children:f}),il(li,{placeholder:M,value:y,showValue:m,valueIconName:u}),il(xt,{valid:D,invalid:z,loading:$,disabled:oe}),il(wt,{loading:$,disabled:oe}),il(Dt,{children:g}),il(s,{className:"k-input-button",icon:p,rounded:null,size:e.size,fillMode:e.fillMode})]}),$e&&Ke&&il(De,{className:"k-list-container k-dropdownlist-popup",children:Ke}),To&&il(Jt,{adaptive:!0,...Jo,header:il(Wt,{actionsEnd:il(s,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:xd,inputValue:y,inputPlaceholder:M,title:Ra,subtitle:jr}),children:il("div",{className:"k-list-container",children:uv(ie,{size:"large",children:[il(v,{text:"List item"}),il(v,{text:"List item"}),il(v,{text:"List item"})]})})})]})};pe.states=m2;pe.options=u2;pe.className=ZN;pe.defaultOptions=Yc;var ya=pe;import{jsx as f2}from"react/jsx-runtime";var Vse=e=>f2(ya,{...e});import{jsx as Lf,jsxs as h2}from"react/jsx-runtime";var Use=e=>Lf(ya,{opened:!0,popup:h2(ie,{children:[Lf(v,{children:"List item"}),Lf(v,{children:"List item"}),Lf(v,{children:"List item"})]}),...e});import{Fragment as g2,jsx as Pc,jsxs as JN}from"react/jsx-runtime";var oie=e=>Pc(ya,{opened:!0,popup:JN(g2,{children:[Pc("div",{className:"k-list-filter",children:Pc(lo,{})}),JN(ie,{children:[Pc(v,{children:"List item"}),Pc(v,{children:"List item"}),Pc(v,{children:"List item"})]})]}),...e});import{jsx as x2}from"react/jsx-runtime";var sie=e=>x2(ya,{adaptive:!0,...e});import{jsx as Id,jsxs as kv}from"react/jsx-runtime";var pie=e=>Id(ya,{opened:!0,popup:kv(ie,{children:[kv(ke,{label:"Group 1",root:!0,children:[Id(v,{children:"List group 1 item 1"}),Id(v,{children:"List group 1 item 2"}),Id(v,{children:"List group 1 item 3"})]}),kv(ke,{label:"Group 2",children:[Id(v,{children:"List group 1 item 1"}),Id(v,{children:"List group 1 item 2"}),Id(v,{children:"List group 1 item 3"})]})]}),...e});import{jsx as Zi,jsxs as fv}from"react/jsx-runtime";var hie=e=>Zi(ya,{opened:!0,popup:fv(ie,{children:[fv(ke,{label:"Group 1",root:!0,children:[Zi(v,{children:"List group 1 item 1"}),Zi(v,{children:"List group 1 item 2"}),Zi(v,{children:"List group 1 item 3"})]}),fv(ke,{children:[Zi(v,{group:!0,children:"Group 2"}),Zi(v,{children:"List group 1 item 1"}),Zi(v,{children:"List group 1 item 2"}),Zi(v,{children:"List group 1 item 3"})]})]}),...e});import{Fragment as b2,jsx as ri,jsxs as Ef}from"react/jsx-runtime";var wie=e=>ri(ya,{opened:!0,popup:Ef(b2,{children:[ri("div",{className:"k-list-filter",children:ri(lo,{})}),Ef(ie,{children:[Ef(ke,{label:"Group 1",root:!0,children:[ri(v,{children:"List group 1 item 1"}),ri(v,{children:"List group 1 item 2"}),ri(v,{children:"List group 1 item 3"})]}),Ef(ke,{label:"Group 2",children:[ri(v,{children:"List group 1 item 1"}),ri(v,{children:"List group 1 item 2"}),ri(v,{children:"List group 1 item 3"})]})]})]}),...e});import{Fragment as v2,jsx as xs,jsxs as Yf}from"react/jsx-runtime";var Iie=e=>xs(ya,{opened:!0,popup:Yf(v2,{children:[xs("div",{className:"k-list-filter",children:xs(lo,{})}),Yf(ie,{children:[Yf(ke,{label:"Group 1",root:!0,children:[xs(v,{children:"List group 1 item 1"}),xs(v,{children:"List group 1 item 2"}),xs(v,{children:"List group 1 item 3"})]}),Yf(ke,{children:[xs(v,{group:!0,children:"Group 2"}),xs(v,{children:"List group 1 item 1"}),xs(v,{children:"List group 1 item 2"}),xs(v,{children:"List group 1 item 3"})]})]})]}),...e});import{jsx as jN}from"react/jsx-runtime";var Pf="k-radio",y2=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked],w2={size:[k.small,k.medium,k.large]},UN={size:k.medium},Dl=e=>{let{id:t,checked:l,hover:i,focus:p,disabled:m,invalid:u,valid:f,required:g,size:y=UN.size,...M}=e;return jN("span",{className:"k-radio-wrap",children:jN("input",{...M,id:t,type:"radio",checked:l,required:g,className:r(e.className,Pf,H(Pf,{size:y}),S(Pf,{hover:i,focus:p,disabled:m,invalid:u,valid:f,checked:l}))})})};Dl.states=y2;Dl.options=w2;Dl.className=Pf;Dl.defaultOptions=UN;var Ji=Dl;import{jsx as N2}from"react/jsx-runtime";var qN="k-radio-list",T2=[],A2={},_N={layout:"vertical"},ji=e=>{let{layout:t=_N.layout,...l}=e;return N2("ul",{...l,className:r(e.className,qN,{[`k-list-${t}`]:t}),children:e.children})};ji.states=T2;ji.options=A2;ji.className=qN;ji.defaultOptions=_N;import{jsx as B2}from"react/jsx-runtime";var $N="k-radio-list-item",C2=[],S2={},I2={},ar=e=>{let{...t}=e;return B2("li",{...t,className:r(e.className,$N),children:e.children})};ar.states=C2;ar.options=S2;ar.className=$N;ar.defaultOptions=I2;import{jsx as M2}from"react/jsx-runtime";var Ui=e=>M2(Ji,{...e});import{Fragment as E2,jsx as eC,jsxs as Y2}from"react/jsx-runtime";var L2=({children:e,id:t,...l})=>Y2(E2,{children:[eC(Ji,{...l,id:t}),eC("label",{className:"k-radio-label",htmlFor:t,children:e})]}),ene=L2;import{Fragment as P2,jsx as tC,jsxs as G2}from"react/jsx-runtime";var lne=({children:e,id:t,...l})=>G2(P2,{children:[tC("label",{className:"k-radio-label",htmlFor:t,children:e}),tC(Ji,{...l,id:t})]});import{Fragment as D2,jsx as oC,jsxs as K2}from"react/jsx-runtime";var nne=({children:e,...t})=>oC(D2,{children:K2("label",{className:"k-radio-label",children:[oC(Ji,{...t}),e]})});import{Fragment as F2,jsx as Bd,jsxs as R2}from"react/jsx-runtime";var mne=({name:e,...t})=>Bd(ji,{children:R2(F2,{children:[Bd(ar,{children:Bd(Ui,{name:e})}),Bd(ar,{children:Bd(Ui,{name:e})}),Bd(ar,{children:Bd(Ui,{name:e})})]}),...t});import{Fragment as z2,jsx as Md,jsxs as H2}from"react/jsx-runtime";var hne=({name:e,...t})=>Md(ji,{children:H2(z2,{children:[Md(ar,{children:Md(Ui,{name:e})}),Md(ar,{children:Md(Ui,{name:e})}),Md(ar,{children:Md(Ui,{name:e})})]}),layout:"horizontal",...t});import{Fragment as O2,jsx as nl,jsxs as Gc}from"react/jsx-runtime";var Kc=({size:e,...t})=>nl(or,{formButtons:Gc(O2,{children:[nl(s,{className:"k-form-submit",themeColor:"primary",size:e,children:"Submit"}),nl(s,{className:"k-form-clear",size:e,children:"Clear"})]}),children:Gc(va,{legend:"Form Legend",children:[nl(Bt,{label:"Label",editor:nl(Ne,{size:e})}),nl(Bt,{label:"Label",hint:"Hint text",editor:nl(pe,{value:"Dropdown List",size:e})}),nl(Bt,{label:"City",editor:Gc("ul",{className:"k-radio-list k-list-horizontal",children:[Gc("li",{className:"k-radio-list-item",children:[nl(Dl,{checked:!0,size:e}),nl("label",{className:"k-radio-label",children:"Label"})]}),Gc("li",{className:"k-radio-list-item",children:[nl(Dl,{size:e}),nl("label",{className:"k-radio-label",children:"Label"})]}),Gc("li",{className:"k-radio-list-item",children:[nl(Dl,{size:e}),nl("label",{className:"k-radio-label",children:"Label"})]})]})})]}),size:e,...t});import{Fragment as W2,jsx as dl,jsxs as Dc}from"react/jsx-runtime";var Hne=({size:e,...t})=>dl(or,{formButtons:Dc(W2,{children:[dl(s,{className:"k-form-submit",themeColor:"primary",size:e,children:"Submit"}),dl(s,{className:"k-form-clear",size:e,children:"Clear"})]}),children:Dc(va,{legend:"Form Legend",children:[dl(Bt,{label:"Label",editor:dl(Ne,{size:e})}),dl(Bt,{label:"Label",hint:"Hint text",editor:dl(pe,{value:"Dropdown List",size:e})}),dl(Bt,{label:"City",editor:Dc("ul",{className:"k-radio-list k-list-horizontal",children:[Dc("li",{className:"k-radio-list-item",children:[dl(Dl,{checked:!0,size:e}),dl("label",{className:"k-radio-label",children:"Label"})]}),Dc("li",{className:"k-radio-list-item",children:[dl(Dl,{size:e}),dl("label",{className:"k-radio-label",children:"Label"})]}),Dc("li",{className:"k-radio-list-item",children:[dl(Dl,{size:e}),dl("label",{className:"k-radio-label",children:"Label"})]})]})})]}),orientation:"horizontal",size:e,...t});import{Fragment as Q2,jsx as bs,jsxs as V2}from"react/jsx-runtime";var Zne=({cols:e=2,gutters:t,...l})=>bs(or,{layout:"grid",cols:e,gutters:t,children:[V2(Q2,{children:[bs(va,{legend:"Form Legend",layout:"grid",cols:1,gutters:{rows:"12px"},children:bs(Bt,{label:"Label",editor:bs(Ne,{})})}),bs(va,{legend:"Form Legend",layout:"grid",cols:1,gutters:{cols:"16px",rows:"12px"},children:bs(Bt,{label:"Label",editor:bs(Ne,{})})}),bs(va,{legend:"Form Legend",layout:"grid",cols:2,gutters:{cols:"16px",rows:"12px"},colSpan:2,children:bs(Bt,{label:"Label",colSpan:2,editor:bs(pe,{})})})]})],...l});import{jsx as J2}from"react/jsx-runtime";var du="k-button-group",X2=[n.disabled],Z2={fillMode:[I.solid,I.flat,I.outline,I.clear,I.link]},aC={fillMode:I.solid},O=e=>{let{fillMode:t=aC.fillMode,disabled:l,stretched:i,...p}=e;return J2("div",{...p,className:r(e.className,du,H(du,{fillMode:t}),S(du,{disabled:l}),{[`${du}-stretched`]:i}),children:e.children})};O.states=X2;O.options=Z2;O.className=du;O.defaultOptions=aC;import{Fragment as j2,jsx as Gf,jsxs as U2}from"react/jsx-runtime";var nde=e=>Gf(O,{children:U2(j2,{children:[Gf(s,{className:"k-group-start",...e,icon:"bold"}),Gf(s,{...e,icon:"italic"}),Gf(s,{className:"k-group-end",...e,icon:"underline"})]})});import{Fragment as q2,jsx as Kf,jsxs as _2}from"react/jsx-runtime";var ude=e=>Kf(O,{children:_2(q2,{children:[Kf(s,{className:"k-group-start",...e,icon:"star",children:"First"}),Kf(s,{...e,icon:"star",children:"Middle"}),Kf(s,{className:"k-group-end",...e,icon:"star",children:"Last"})]})});import{Fragment as $2,jsx as Df,jsxs as e4}from"react/jsx-runtime";var xde=e=>Df(O,{children:e4($2,{children:[Df(s,{className:"k-group-start",...e,children:"First"}),Df(s,{...e,children:"Middle"}),Df(s,{className:"k-group-end",...e,children:"Last"})]})});import{Fragment as t4,jsx as Ff,jsxs as o4}from"react/jsx-runtime";var Tde=e=>Ff(O,{children:o4(t4,{children:[Ff(s,{className:"k-group-start",...e,children:"First"}),Ff(s,{...e,icon:"star",children:"Middle"}),Ff(s,{className:"k-group-end",...e,icon:"star"})]})});import{Fragment as r4,jsx as lC,jsxs as s4}from"react/jsx-runtime";var rC="k-menu-button",a4=[n.hover,n.focus,n.active,n.selected,n.disabled],l4={size:[k.small,k.medium,k.large],rounded:[A.small,A.medium,A.large,A.full],fillMode:[I.solid,I.flat,I.outline,I.clear,I.link],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark,x.inverse]},Ld={size:k.medium,rounded:A.medium,fillMode:I.solid,themeColor:x.base,showArrow:!0,arrowIconName:"caret-alt-down"},Oe=e=>{let{size:t=Ld.size,rounded:l=Ld.rounded,fillMode:i=Ld.fillMode,themeColor:p=Ld.themeColor,hover:m,focus:u,active:f,selected:g,disabled:y,icon:M,text:G,showArrow:N=Ld.showArrow,arrowIconName:D=Ld.arrowIconName,popup:z,opened:X,...$}=e;return s4(r4,{children:[lC(s,{...$,className:r(e.className,rC),text:G,size:t,rounded:l,fillMode:i,themeColor:p,hover:m,focus:u,active:f,selected:g,disabled:y,icon:M,showArrow:N,arrowIconName:D}),X&&z&&lC(De,{className:"k-menu-