@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((a,i)=>t[i]||t[a]&&a||null).filter(a=>a!==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"}),B=(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"},S={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"},Dl={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};import{jsx as kE}from"react/jsx-runtime";var mE=[],uE={},aN=e=>{let{type:t,...a}=e,i=t==="p"?"paragraph":t,p=t.includes("display")?"div":t;return kE(p,{...a,className:r(e.className,{[`k-${i}`]:t}),children:e.children})};aN.states=mE;aN.options=uE;import{Fragment as xE,jsx as lN}from"react/jsx-runtime";var Rb="k-icon k-font-icon",fE=[],hE={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]},gE={},lu=e=>{let{size:t,themeColor:a,icon:i,rotate:p,flip:m,...u}=e;return i?lN("span",{...u,className:r(e.className,Rb,H(Rb,{size:t}),{[`k-i-${i}`]:i,[`k-color-${a}`]:a,[`k-rotate-${p}`]:p,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"})}):lN(xE,{})};lu.states=fE;lu.options=hE;lu.className=Rb;lu.defaultOptions=gE;var rN=lu;import{Fragment as yE,jsx as bf}from"react/jsx-runtime";var zb="k-icon k-svg-icon",bE=[],vE={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]},sN={viewBox:"0 0 24 24"},ru=e=>{let{size:t,themeColor:a,rotate:i,flip:p,viewBox:m=sN.viewBox,icon:u,...f}=e;if(!u)return bf(yE,{});u==="none"&&{...f,className:r(e.className,zb,"k-none")};let g=typeof u=="object"&&u.name&&u.name;return bf("span",{...f,className:r(e.className,zb,H("k-icon",{size:t}),{[`k-svg-i-${g}`]:g,[`k-color-${a}`]:a,[`k-rotate-${i}`]:i,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"}),children:bf("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})})};ru.states=bE;ru.options=vE;ru.className=zb;ru.defaultOptions=sN;var Hb=ru;import*as iN from"@progress/kendo-svg-icons";import{Fragment as nN,jsx as su}from"react/jsx-runtime";var wE=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),TE=[],AE={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]},Ob={viewBox:"0 0 24 24",type:"svg"},h=e=>{let{size:t,themeColor:a,icon:i,type:p=Ob.type,rotate:m,flip:u,viewBox:f=Ob.viewBox,...g}=e;if(!i)return su(nN,{});if(p==="svg"){if(i==="none")return su(Hb,{...g,icon:i,size:t});let v=wE(`${i}-icon`);return iN[v]?su(Hb,{...g,icon:iN[v],size:t,themeColor:a,rotate:m,flip:u,viewBox:f}):su(nN,{})}return su(rN,{...g,icon:i,size:t,themeColor:a,rotate:m,flip:u})};h.states=TE;h.options=AE;h.defaultOptions=Ob;var Wb=h;import{jsx as SE}from"react/jsx-runtime";var vf="k-actions",NE=[],CE={},Qb={alignment:"start",orientation:"horizontal"},Ae=e=>{let{alignment:t=Qb.alignment,orientation:a=Qb.orientation,...i}=e;return SE("div",{...i,className:r(vf,{[`${vf}-${t}`]:t,[`${vf}-${a}`]:a},e.className),children:e.children})};Ae.states=NE;Ae.options=CE;Ae.className=vf;Ae.defaultOptions=Qb;var dN=Ae;import{jsx as ME}from"react/jsx-runtime";var yf="k-input",IE=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],BE={size:[k.small,k.medium,k.large],rounded:[A.small,A.medium,A.large,A.full],fillMode:[S.solid,S.flat,S.outline]},wf={size:k.medium,rounded:k.medium,fillMode:S.solid},ee=e=>{let{hover:t,focus:a,disabled:i,invalid:p,valid:m,loading:u,readonly:f,size:g=wf.size,rounded:v=wf.rounded,fillMode:M=wf.fillMode,...G}=e;return ME("span",{...G,className:r(e.className,yf,H(yf,{size:g,rounded:v,fillMode:M}),B(yf,{hover:t,focus:a,disabled:i,invalid:p,valid:m,loading:u,readonly:f}))})};ee.states=IE;ee.options=BE;ee.className=yf;ee.defaultOptions=wf;import{jsx as YE}from"react/jsx-runtime";var Tf="k-picker",LE=[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:[S.solid,S.flat,S.outline]},Af={size:k.medium,rounded:A.medium,fillMode:S.solid},Fl=e=>{let{hover:t,focus:a,disabled:i,invalid:p,valid:m,loading:u,readonly:f,size:g=Af.size,rounded:v=Af.rounded,fillMode:M=Af.fillMode,...G}=e;return YE("span",{...G,className:r(e.className,Tf,H(Tf,{size:g,rounded:v,fillMode:M}),B(Tf,{hover:t,focus:a,disabled:i,invalid:p,valid:m,loading:u,readonly:f})),children:e.children})};Fl.states=LE;Fl.options=EE;Fl.className=Tf;Fl.defaultOptions=Af;import{Fragment as KE,jsx as Vb}from"react/jsx-runtime";var cN="k-clear-value",PE=[n.disabled,n.loading,n.readonly],GE={},Ht=e=>{let{disabled:t,loading:a,readonly:i,value:p}=e;return t||i||a||!p?Vb(KE,{}):Vb("span",{className:r(e.className,cN),children:Vb(h,{icon:"x"})})};Ht.states=PE;Ht.options=GE;Ht.className=cN;import{jsx as RE}from"react/jsx-runtime";var Xb="k-input-inner",DE=[],FE={},Nf={type:"text",autocomplete:"off",value:"",placeholder:""},_t=e=>{let{value:t=Nf.value,type:a=Nf.type,placeholder:i=Nf.placeholder,autocomplete:p=Nf.autocomplete,...m}=e;return RE("input",{...m,type:a,className:r(e.className,Xb,H(Xb,e)),placeholder:i,autoComplete:p,defaultValue:t})};_t.states=DE;_t.options=FE;_t.className=Xb;import{jsx as pN,jsxs as OE}from"react/jsx-runtime";var Zb="k-input-inner",zE=[],HE={},li=e=>{let{value:t,placeholder:a,showValue:i,valueIcon:p,valueIconName:m,...u}=e;return OE("span",{...u,className:r(e.className,Zb,H(Zb,e)),children:[p,!p&&m&&pN(h,{className:"k-input-value-icon",icon:m}),i&&!t&&a,i&&t&&pN("span",{className:"k-input-value-text",children:t})]})};li.states=zE;li.options=HE;li.className=Zb;import{jsx as VE}from"react/jsx-runtime";var Jb="k-input-inner",WE=[],QE={},mN={value:"",placeholder:""},iu=e=>{let{value:t=mN.value,placeholder:a=mN.placeholder,rows:i,...p}=e;return VE("textarea",{...p,className:r(e.className,Jb,H(Jb,e)),placeholder:a,rows:i,defaultValue:t})};iu.states=WE;iu.options=QE;iu.className=Jb;import{Fragment as ZE,jsx as uN}from"react/jsx-runtime";var kN="k-input-loading-icon",XE=[n.disabled,n.loading],Tt=e=>{let{disabled:t,loading:a}=e;return t||!a?uN(ZE,{}):uN("span",{className:r(e.className,kN,"k-icon k-i-loading")})};Tt.states=XE;Tt.className=kN;import{Fragment as UE,jsx as fN}from"react/jsx-runtime";var hN="k-input-validation-icon",JE=[n.valid,n.invalid,n.disabled,n.loading],jE={},bt=e=>{let{valid:t,invalid:a,disabled:i,loading:p}=e,m=a?"warning-circle":"check-circle";return i||p||!!!(t||a)?fN(UE,{}):fN(h,{className:r(hN),icon:m})};bt.states=JE;bt.options=jE;bt.className=hN;import{Fragment as $E,jsx as gN}from"react/jsx-runtime";var qE="k-input-prefix",_E={direction:"horizontal"},Kt=e=>{let{direction:t=_E.direction,...a}=e;return e.children?gN("span",{...a,className:r(qE,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):gN($E,{})};import{Fragment as oY,jsx as xN}from"react/jsx-runtime";var eY="k-input-suffix",tY={direction:"horizontal"},Dt=e=>{let{direction:t=tY.direction,...a}=e;return e.children?xN("span",{...a,className:r(eY,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):xN(oY,{})};import{jsx as lY}from"react/jsx-runtime";var aY="k-input-prefix-text",v$=e=>{let{children:t,...a}=e;return lY("span",{...a,className:r(aY,e.className),children:t})};import{jsx as sY}from"react/jsx-runtime";var rY="k-input-suffix-text",bN=e=>{let{children:t,...a}=e;return sY("span",{...a,className:r(rY,e.className),children:t})};import{jsx as nY}from"react/jsx-runtime";var vN="k-input-separator",iY={direction:"vertical"},Ao=e=>{let{direction:t=iY.direction,...a}=e;return nY("span",{...a,className:r(vN,e.className,{[`${vN}-${t}`]:t})})};import{jsx as yN}from"react/jsx-runtime";var wN="k-animation-container",dY=[],cY={},TN={positionMode:"absolute"},Oi=e=>{let{positionMode:t=TN.positionMode,animationStyle:a,offset:i,...p}=e;return yN("div",{...p,style:{...i,...e.style},className:r(e.className,wN,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:yN("div",{className:"k-child-animation-container",style:a,children:e.children})})};Oi.states=dY;Oi.options=cY;Oi.className=wN;Oi.defaultOptions=TN;import{jsx as AN}from"react/jsx-runtime";var NN="k-popup",pY=[],mY={},CN={positionMode:"absolute"},De=e=>{let{offset:t,positionMode:a=CN.positionMode,animationStyle:i,...p}=e;return AN(Oi,{positionMode:a,offset:t,animationStyle:i,children:AN("div",{...p,className:r(e.className,NN),children:e.children})})};De.states=pY;De.options=mY;De.className=NN;De.defaultOptions=CN;import{jsx as kY}from"react/jsx-runtime";var uY="k-no-data",nu=e=>kY("span",{className:r(uY,e.className),children:e.children});import{jsx as Nc,jsxs as SN}from"react/jsx-runtime";var jb="k-list",fY=[],hY={size:[k.small,k.medium,k.large]},IN={size:k.medium},ie=e=>{let{size:t=IN.size,virtualization:a,children:i,optionLabel:p,customValue:m,screenReaders:u,...f}=e,g,v,M,G,N=[];return i?i.map((D,F)=>{D.type===ke?(D.props.root===!0?(g=D.props.label,D.props.children.map((X,_)=>{N.push(Nc(y,{...X.props},`optChild-${_}-${new Date().getTime()}`))})):D.props.children.forEach((X,_)=>{let oe="";_===0&&(oe=D.props.label),N.push(Nc(y,{className:_===0?"k-first":"",...X.props,groupLabel:oe},`groupLabel-${_}-${new Date().getTime()}`))}),v=Nc(ke,{label:g,virtualization:a,children:N})):D.type===y&&(N.push(Nc(y,{...D.props},`${D.type}-${F}`)),M=Nc(Cc,{virtualization:a,children:N}),u&&(G=SN(nu,{className:"k-sr-only",children:[N.length," items found."]})))}):G=Nc(nu,{children:"No data found."}),SN("div",{...f,className:r(e.className,jb,H(jb,{size:t}),{"k-virtual-list":a}),children:[p,m,v,M,G]})};ie.states=fY;ie.options=hY;ie.className=jb;ie.defaultOptions=IN;import{jsx as yd,jsxs as bY}from"react/jsx-runtime";var Ub="k-list",gY=[],xY={size:[k.small,k.medium,k.large]},BN={size:k.medium},hs=e=>{let{size:t=BN.size,virtualization:a,children:i,...p}=e,m,u,f,g=[];return i?i.map((v,M)=>{v.type===ke?(v.props.root===!0?(m=v.props.label,v.props.children.map((G,N)=>{g.push(yd(y,{...G.props},`optChild-${N}-${new Date().getTime()}`))})):(g.push(yd(MN,{...v.props,children:v.props.label},`listChild-${M}`)),v.props.children.map((G,N)=>{g.push(yd(y,{...G.props},`fwOptChild-${N}-${new Date().getTime()}`))})),u=yd(ke,{label:m,virtualization:a,children:g})):v.type===y&&(g.push(yd(y,{...v.props},`${v.type}-${M}`)),f=yd(Cc,{virtualization:a,children:g}))}):f=yd(nu,{children:"No data found."}),bY("div",{...p,className:r(e.className,Ub,H(Ub,{size:t}),{"k-virtual-list":a}),children:[u,f]})};hs.states=gY;hs.options=xY;hs.className=Ub;hs.defaultOptions=BN;import{jsx as LN}from"react/jsx-runtime";var Cf="k-checkbox",vY=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],yY={size:[k.small,k.medium,k.large],rounded:[A.small,A.medium,A.large,A.full]},qb={size:k.medium,rounded:A.medium},ao=e=>{let{id:t,checked:a,indeterminate:i,hover:p,focus:m,disabled:u,invalid:f,valid:g,required:v,size:M=qb.size,rounded:G=qb.rounded,...N}=e;return LN("span",{className:"k-checkbox-wrap",children:LN("input",{...N,id:t,type:"checkbox",defaultChecked:a,required:v,className:r(e.className,Cf,H(Cf,{size:M,rounded:G}),B(Cf,{hover:p,focus:m,disabled:u,invalid:f,valid:g,indeterminate:i,checked:a}))})})};ao.states=vY;ao.options=yY;ao.className=Cf;ao.defaultOptions=qb;var Wi=ao;import{jsx as AY}from"react/jsx-runtime";var EN="k-checkbox-list",wY=[],TY={},YN={layout:"vertical"},Qi=e=>{let{layout:t=YN.layout,...a}=e;return AY("ul",{...a,className:r(e.className,EN,{[`k-list-${t}`]:t}),children:e.children})};Qi.states=wY;Qi.options=TY;Qi.className=EN;Qi.defaultOptions=YN;import{jsx as IY}from"react/jsx-runtime";var PN="k-checkbox-list-item",NY=[],CY={},SY={},lr=e=>{let{...t}=e;return IY("li",{...t,className:r(e.className,PN),children:e.children})};lr.states=NY;lr.options=CY;lr.className=PN;lr.defaultOptions=SY;import{Fragment as BY,jsx as GN,jsxs as MY}from"react/jsx-runtime";var Sf=({children:e,id:t,...a})=>MY(BY,{children:[GN(Wi,{id:t,...a}),GN("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as LY,jsx as KN,jsxs as EY}from"react/jsx-runtime";var Iee=({children:e,id:t,...a})=>EY(LY,{children:[KN("label",{className:"k-checkbox-label",htmlFor:t,children:e}),KN(Wi,{id:t,...a})]});import{Fragment as YY,jsx as wd,jsxs as PY}from"react/jsx-runtime";var Eee=e=>wd(Qi,{children:PY(YY,{children:[wd(lr,{children:wd(ao,{})}),wd(lr,{children:wd(ao,{})}),wd(lr,{children:wd(ao,{})})]}),layout:"horizontal",...e});import{Fragment as GY,jsx as Td,jsxs as KY}from"react/jsx-runtime";var Kee=e=>Td(Qi,{children:KY(GY,{children:[Td(lr,{children:Td(ao,{})}),Td(lr,{children:Td(ao,{})}),Td(lr,{children:Td(ao,{})})]}),...e});import{jsx as DY}from"react/jsx-runtime";var _b=e=>DY(Wi,{...e});import{jsx as FY}from"react/jsx-runtime";var Wee=e=>FY(Wi,{checked:!0,...e});import{jsx as If,jsxs as OY}from"react/jsx-runtime";var $b="k-list-item",RY=[n.hover,n.focus,n.selected,n.disabled],zY={},HY={},y=e=>{let{text:t,groupLabel:a,group:i,showIcon:p,iconName:m,showCheckbox:u,checked:f,hover:g,focus:v,selected:M,disabled:G,...N}=e,D=t||e.children;return OY("li",{...N,className:r(e.className,i?"k-list-group-item":$b,B($b,{hover:g,focus:v,disabled:G,selected:M})),children:[u&&If(ao,{checked:f}),p&&If(h,{icon:m}),If("span",{className:"k-list-item-text",children:D}),a&&a!==""&&If("div",{className:"k-list-item-group-label",children:a})]})};y.states=RY;y.options=zY;y.className=$b;y.defaultOptions=HY;import{jsx as ev,jsxs as QY}from"react/jsx-runtime";var WY="k-list-content",Cc=e=>{let{virtualization:t,...a}=e;return QY("div",{...a,className:r(WY,e.className),children:[ev("ul",{className:r("k-list-ul"),children:e.children}),t&&ev("div",{className:"k-height-container",children:ev("div",{})})]})};import{jsx as DN}from"react/jsx-runtime";var VY="k-list-group-sticky-header",FN=e=>DN("div",{className:r(VY,e.className),children:DN("div",{className:"k-list-header-text",children:e.children})});import{Fragment as XY,jsx as RN,jsxs as ZY}from"react/jsx-runtime";var ke=e=>{let{virtualization:t,label:a}=e;return ZY(XY,{children:[a&&RN(FN,{children:a}),e.children&&RN(Cc,{virtualization:t,children:e.children})]})};import{jsx as zN}from"react/jsx-runtime";var JY="k-list-group-item",MN=e=>zN("li",{className:r(JY,e.className),children:zN("span",{className:"k-list-item-text",children:e.children})});import{jsx as _Y}from"react/jsx-runtime";var tv="k-list-optionlabel",jY=[n.hover,n.focus,n.selected,n.disabled],UY={},qY={},Bf=e=>{let{text:t,hover:a,focus:i,selected:p,disabled:m,...u}=e;return _Y("div",{...u,className:r(tv,B(tv,{hover:a,focus:i,selected:p,disabled:m})),children:t})};Bf.states=jY;Bf.options=UY;Bf.className=tv;Bf.defaultOptions=qY;import{jsx as oP}from"react/jsx-runtime";var ov="k-list-custom-value",$Y=[n.hover,n.focus,n.selected,n.disabled],eP={},tP={},Yo=e=>{let{text:t,hover:a,focus:i,selected:p,disabled:m,...u}=e;return oP("div",{...u,className:r(ov,B(ov,{hover:a,focus:i,selected:p,disabled:m})),children:t})};Yo.states=$Y;Yo.options=eP;Yo.className=ov;Yo.defaultOptions=tP;import{jsx as Mf}from"react/jsx-runtime";var Cte=e=>Mf(ie,{children:[Mf(y,{children:"List item"},"list-item-1"),Mf(y,{children:"List item"},"list-item-2"),Mf(y,{children:"List item"},"list-item-3")],...e});import{jsx as aP}from"react/jsx-runtime";var Mte=e=>aP(ie,{virtualization:!0,...e});import{jsx as Sc,jsxs as av}from"react/jsx-runtime";var Pte=e=>av(ie,{...e,children:[av(ke,{label:"Group 1",root:!0,children:[Sc(y,{children:"List item 1.1"}),Sc(y,{children:"List item 1.2"}),Sc(y,{children:"List item 1.3"})]}),av(ke,{label:"Group 2",children:[Sc(y,{children:"List item 2.1"}),Sc(y,{children:"List item 2.2"}),Sc(y,{children:"List item 2.3"})]})]});import{jsx as Ic,jsxs as lv}from"react/jsx-runtime";var Fte=e=>lv(ie,{virtualization:!0,...e,children:[lv(ke,{label:"Group 1",root:!0,children:[Ic(y,{children:"List item 1.1"}),Ic(y,{children:"List item 1.2"}),Ic(y,{children:"List item 1.3"})]}),lv(ke,{label:"Group 2",children:[Ic(y,{children:"List item 2.1"}),Ic(y,{children:"List item 2.2"}),Ic(y,{children:"List item 2.3"})]})]});import{jsx as lP}from"react/jsx-runtime";var Ote=e=>lP(hs,{virtualization:!0,...e});import{jsx as Bc,jsxs as rv}from"react/jsx-runtime";var Xte=e=>rv(hs,{...e,children:[rv(ke,{label:"Group 1",root:!0,children:[Bc(y,{children:"List item 1.1"}),Bc(y,{children:"List item 1.2"}),Bc(y,{children:"List item 1.3"})]}),rv(ke,{label:"Group 2",children:[Bc(y,{children:"List item 2.1"}),Bc(y,{children:"List item 2.2"}),Bc(y,{children:"List item 2.3"})]})]});import{jsx as Mc,jsxs as sv}from"react/jsx-runtime";var Ute=e=>sv(hs,{virtualization:!0,...e,children:[sv(ke,{label:"Group 1",root:!0,children:[Mc(y,{children:"List item 1.1"}),Mc(y,{children:"List item 1.2"}),Mc(y,{children:"List item 1.3"})]}),sv(ke,{label:"Group 2",children:[Mc(y,{children:"List item 2.1"}),Mc(y,{children:"List item 2.2"}),Mc(y,{children:"List item 2.3"})]})]});import{Fragment as iP,jsx as du,jsxs as HN}from"react/jsx-runtime";var Lf="k-button",rP=[n.hover,n.focus,n.active,n.selected,n.disabled],sP={size:[k.small,k.medium,k.large],rounded:[A.small,A.medium,A.large,A.full],fillMode:[S.solid,S.flat,S.outline,S.clear,S.link],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,rounded:A.medium,fillMode:S.solid,themeColor:x.base,showArrow:!1,arrowIconName:"caret-alt-down"},s=e=>{let{size:t=Ad.size,rounded:a=Ad.rounded,fillMode:i=Ad.fillMode,themeColor:p=Ad.themeColor,showArrow:m=Ad.showArrow,arrowIconName:u=Ad.arrowIconName,hover:f,focus:g,active:v,selected:M,disabled:G,icon:N,text:D,iconClassName:F,...X}=e,_=N!==void 0,oe=e.children!==void 0;return HN("button",{...X,className:r(e.className,Lf,H(Lf,{size:t,rounded:a,fillMode:i,themeColor:p}),B(Lf,{hover:f,focus:g,active:v,disabled:G,selected:M}),{"k-icon-button":!D&&!oe&&_}),children:[N&&du(h,{className:r(F,"k-button-icon"),icon:N}),D?HN(iP,{children:[D&&du("span",{className:"k-button-text",children:D}),e.children]}):e.children&&du("span",{className:"k-button-text",children:e.children}),m&&du("span",{className:"k-menu-button-arrow k-button-arrow",children:du(h,{icon:u})})]})};s.states=rP;s.options=sP;s.className=Lf;s.defaultOptions=Ad;import{jsx as nP}from"react/jsx-runtime";var nt=e=>nP(s,{icon:"folder",...e,children:void 0});import{jsx as dP}from"react/jsx-runtime";var ht=e=>dP(s,{icon:"folder",children:"Button",...e});import{jsx as cP}from"react/jsx-runtime";var Lc=e=>cP(s,{children:"Button",...e});import{jsx as iv,jsxs as uP}from"react/jsx-runtime";var ON="k-suggestion-group",pP=[],mP={},WN={scrollable:!0},gs=e=>{let{scrollable:t=WN.scrollable,...a}=e,i=iv("div",{...a,className:r(ON,e.className),children:e.children});return t?uP("div",{className:"k-suggestion-scrollwrap",children:[iv(s,{icon:"chevron-left"}),i,iv(s,{icon:"chevron-right"})]}):i};gs.states=pP;gs.options=mP;gs.className=ON;gs.defaultOptions=WN;import{jsx as gP}from"react/jsx-runtime";var Ef="k-suggestion",kP=[n.active,n.hover,n.focus],fP={themeColor:[x.base,x.primary,x.secondary]},hP={text:"Suggestion"},ba=e=>{let{themeColor:t,active:a,hover:i,focus:p,text:m,...u}=e;return gP("span",{...u,className:r(e.className,Ef,B(Ef,{hover:i,active:a,focus:p}),H(Ef,{themeColor:t})),children:m})};ba.states=kP;ba.options=fP;ba.className=Ef;ba.item=hP;import{Fragment as xP,jsx as Yf,jsxs as bP}from"react/jsx-runtime";var Ooe=e=>Yf(gs,{children:bP(xP,{children:[Yf(ba,{text:"Suggestion"}),Yf(ba,{text:"Suggestion"}),Yf(ba,{text:"Suggestion"})]}),...e});import{Fragment as vP,jsx as Pf,jsxs as yP}from"react/jsx-runtime";var Xoe=e=>Pf(gs,{scrollable:!1,children:yP(vP,{children:[Pf(ba,{text:"Suggestion"}),Pf(ba,{text:"Suggestion"}),Pf(ba,{text:"Suggestion"})]}),...e});import{jsx as QN}from"react/jsx-runtime";var cu="k-avatar";var wP=[n.hover,n.focus,n.active,n.selected,n.disabled],TP={size:[k.small,k.medium,k.large],rounded:[A.small,A.medium,A.large,A.full],fillMode:[S.solid,S.flat,S.outline],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark,x.inverse]},Nd={type:"text",size:k.medium,rounded:A.full,fillMode:S.solid,themeColor:x.primary,border:!1},_r=e=>{let{size:t=Nd.size,rounded:a=Nd.rounded,fillMode:i=Nd.fillMode,themeColor:p=Nd.themeColor,type:m=Nd.type,border:u=Nd.border,...f}=e;return QN("div",{...f,className:r(e.className,cu,H(cu,{size:t,rounded:a,fillMode:i,themeColor:p}),{[`${cu}-bordered`]:u}),children:QN("span",{className:`${cu}-${m}`,children:e.children})})};_r.states=wP;_r.options=TP;_r.className=cu;_r.defaultOptions=Nd;var Ec=_r;import{jsx as AP}from"react/jsx-runtime";var lae=e=>AP(Ec,{type:"icon",...e});import{jsx as NP}from"react/jsx-runtime";var nae=e=>NP(Ec,{type:"text",...e});import{jsx as CP}from"react/jsx-runtime";var mae=e=>CP(Ec,{type:"image",...e});import{jsx as BP}from"react/jsx-runtime";var pu="k-badge",SP=[],IP={size:[k.small,k.medium,k.large],rounded:[A.small,A.medium,A.large,A.full],fillMode:[S.solid,S.outline],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark,x.inverse]},mu={size:k.medium,fillMode:S.solid,themeColor:x.primary,cutoutBorder:!1},Vi=e=>{let{size:t=mu.size,fillMode:a=mu.fillMode,themeColor:i=mu.themeColor,cutoutBorder:p=mu.cutoutBorder,rounded:m,position:u,align:f,...g}=e;return BP("span",{...g,className:r(e.className,pu,H(pu,{size:t,rounded:m,fillMode:a,themeColor:i}),{[`${pu}-${u}`]:u,[`k-${f}`]:f,[`${pu}-border-cutout`]:p}),children:e.children})};Vi.states=SP;Vi.options=IP;Vi.className=pu;Vi.defaultOptions=mu;import{jsx as MP}from"react/jsx-runtime";var Aae=e=>MP(Vi,{...e});import{jsx as VN}from"react/jsx-runtime";var Bae=e=>VN(Vi,{children:VN(h,{className:"k-badge-icon",icon:"x-circle"}),...e});import{jsx as Gf}from"react/jsx-runtime";var LP="k-chip-action",EP=(a=>(a.REMOVE="remove",a.MORE="more",a))(EP||{}),$t=e=>{let{type:t,...a}=e,i;switch(t){case"remove":i=Gf(h,{icon:"x-circle",size:"small"});break;case"more":i=Gf(h,{icon:"more-vertical",size:"small"});break;default:return Gf(h,{icon:t,size:"small"})}return Gf("span",{...a,className:r(e.className,LP,`k-chip-${t}-action`),children:i})};import{jsx as Yc,jsxs as GP}from"react/jsx-runtime";var Kf="k-chip",YP=[n.hover,n.focus,n.active,n.selected,n.disabled],PP={size:[k.small,k.medium,k.large],rounded:[A.small,A.medium,A.large,A.full],fillMode:[S.solid,S.outline],themeColor:[x.base,x.success,x.warning,x.error,x.info]},Pc={size:k.medium,rounded:A.medium,fillMode:S.solid,themeColor:x.base,avatarImage:"/packages/html/assets/avatar.jpg"},Ot=e=>{let{size:t=Pc.size,rounded:a=Pc.rounded,fillMode:i=Pc.fillMode,themeColor:p=Pc.themeColor,text:m,icon:u,actions:f,showAvatar:g,avatarImage:v=Pc.avatarImage,hover:M,focus:G,active:N,selected:D,disabled:F,...X}=e;return GP("div",{...X,className:r(e.className,Kf,H(Kf,{size:t,rounded:a,fillMode:i,themeColor:p}),B(Kf,{hover:M,focus:G,active:N,disabled:F,selected:D})),children:[u&&Yc(h,{className:"k-chip-icon",icon:u,size:"small"}),g&&Yc(_r,{className:"k-chip-avatar",type:"image",children:Yc("img",{src:v})}),Yc("span",{className:"k-chip-content",children:e.children?e.children:m&&Yc("span",{className:"k-chip-label",children:m})}),f&&Yc("span",{className:"k-chip-actions",children:f})]})};Ot.states=YP;Ot.options=PP;Ot.className=Kf;Ot.defaultOptions=Pc;var xs=Ot;import{jsx as FP}from"react/jsx-runtime";var nv="k-chip-list",KP=[],DP={size:[k.small,k.medium,k.large]},XN={size:k.medium},ma=e=>{let{size:t=XN.size,...a}=e;return FP("div",{...a,className:r(e.className,nv,H(nv,{size:t})),children:e.children})};ma.states=KP;ma.options=DP;ma.className=nv;ma.defaultOptions=XN;import{jsx as RP}from"react/jsx-runtime";var jae=e=>RP(xs,{showAvatar:!0,...e});import{jsx as zP}from"react/jsx-runtime";var $ae=e=>zP(xs,{icon:"map-marker-target",...e});import{jsx as HP}from"react/jsx-runtime";var ale=e=>HP(xs,{text:"text",...e});import{jsx as ZN}from"react/jsx-runtime";var nle=e=>ZN(xs,{text:"Removable",...e,actions:ZN($t,{type:"remove"})});import{Fragment as OP,jsx as dv,jsxs as WP}from"react/jsx-runtime";var ule=e=>dv(xs,{text:"All actions",actions:WP(OP,{children:[dv($t,{type:"more"}),dv($t,{type:"remove"})]}),...e});import{jsx as JN,jsxs as XP}from"react/jsx-runtime";var jN="k-color-preview",QP=[],VP={},Xi=e=>{let{color:t,iconName:a,...i}=e;return XP("span",{...i,className:r(e.className,jN,{"k-icon-color-preview":a,"k-no-color":!t}),children:[a&&JN(h,{icon:a,className:"k-color-preview-icon"}),JN("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Xi.states=QP;Xi.options=VP;Xi.className=jN;import{Fragment as cv,jsx as UN,jsxs as Df}from"react/jsx-runtime";var pv="k-loader",ZP={pulsing:"pulsing-2","infinite-spinner":"spinner-3","converging-spinner":"spinner-4"},JP=[],jP={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]},Ff={size:k.medium,themeColor:x.primary,animation:"pulsing"},$r=e=>{let{size:t=Ff.size,themeColor:a=Ff.themeColor,animation:i=Ff.animation,...p}=e,m=UN("span",{className:"k-loader-segment"});return UN("div",{...p,className:r(e.className,pv,{[`k-loader-${ZP[i]||i}`]:i},H(pv,{size:t,themeColor:a})),children:Df("div",{className:"k-loader-canvas",children:[i==="pulsing"&&Df(cv,{children:[m,m]}),i==="infinite-spinner"&&Df(cv,{children:[m,m,m]}),i==="converging-spinner"&&Df(cv,{children:[m,m,m,m]})]})})};$r.states=JP;$r.options=jP;$r.className=pv;$r.defaultOptions=Ff;var qN=$r;import{jsx as mv,jsxs as _N}from"react/jsx-runtime";var uv="k-loader-container",UP=[],qP={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]},Cd={size:k.medium,themeColor:x.primary,loaderType:"pulsing",position:"top",overlay:"dark",panel:!1},Gc=e=>{let{size:t=Cd.size,themeColor:a=Cd.themeColor,loaderType:i=Cd.loaderType,position:p=Cd.position,overlay:m=Cd.overlay,panel:u=Cd.panel,...f}=e;return _N("div",{...f,className:r(e.className,uv,H(uv,{size:t}),{[`k-loader-${p}`]:p}),children:[mv("div",{className:`k-loader-container-overlay k-overlay-${m}`}),_N("div",{className:r("k-loader-container-inner",{"k-loader-container-panel":u}),children:[mv(qN,{size:t,themeColor:a,animation:i}),mv("div",{className:`k-loader-container-label !k-text-${a}`,children:"Loading..."})]})]})};Gc.states=UP;Gc.options=qP;Gc.className=uv;Gc.defaultOptions=Cd;import{jsx as _P}from"react/jsx-runtime";var Rle=e=>_P($r,{...e});import{jsx as $P}from"react/jsx-runtime";var Wle=e=>$P($r,{animation:"infinite-spinner",...e});import{jsx as e2}from"react/jsx-runtime";var Zle=e=>e2($r,{animation:"converging-spinner",...e});import{jsx as t2}from"react/jsx-runtime";var qle=e=>t2(Gc,{...e});import{jsx as l2}from"react/jsx-runtime";var $N="k-skeleton",o2=[],a2={},kv={shape:"text",animation:"pulse"},bs=e=>{let{shape:t=kv.shape,animation:a=kv.animation,...i}=e;return l2("span",{...i,className:r(e.className,$N,{[`k-skeleton-${t}`]:t,[`k-skeleton-${a}`]:a}),style:e.style})};bs.states=o2;bs.options=a2;bs.className=$N;bs.defaultOptions=kv;import{jsx as r2}from"react/jsx-runtime";var Sd=e=>r2(bs,{...e});import{jsx as s2}from"react/jsx-runtime";var Rf=e=>s2(bs,{shape:"rect",...e});import{jsx as i2}from"react/jsx-runtime";var gre=e=>i2(bs,{shape:"circle",...e});import{jsx as uu,jsxs as fv}from"react/jsx-runtime";var hv="k-form-field",n2=[n.disabled],Bt=e=>{let{label:t,orientation:a,optional:i,editor:p,hint:m,error:u,info:f,disabled:g,dir:v,colSpan:M}=e;return fv("div",{className:r(hv,e.className,B(hv,{disabled:g}),{[`k-col-span-${M}`]:M}),dir:v,children:[t&&fv("label",{className:r("k-label","k-form-label"),children:[t,i&&uu("span",{className:"k-label-optional",children:"(Optional)"}),f&&uu("span",{className:"k-field-info",children:"(field info)"})]}),a==="horizontal"&&!t&&uu("span",{className:"k-label k-form-label k-label-empty"}),fv("div",{className:"k-form-field-wrap",children:[p,m&&uu("div",{className:"k-form-hint",children:m}),u&&uu("div",{className:"k-form-error",children:u})]})]})};Bt.states=n2;Bt.className=hv;import{Fragment as d2,jsx as gv,jsxs as c2}from"react/jsx-runtime";var eC="k-form-fieldset",va=e=>{let{legend:t,layout:a,cols:i,gutters:p,colSpan:m}=e;return c2("fieldset",{className:r(eC,{[`k-col-span-${m}`]:m}),children:[t&&gv("legend",{className:"k-form-legend",children:t}),a==="grid"?gv("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}):gv(d2,{children:e.children})]})};va.className=eC;import{Fragment as u2,jsx as ku,jsxs as k2}from"react/jsx-runtime";import{createElement as xv}from"react";var zf="k-form",p2=[],m2={size:[k.small,k.medium,k.large]},Hf={size:k.medium,layout:"basic",tag:"form"},rr=e=>{let{size:t=Hf.size,orientation:a,layout:i=Hf.layout,formButtons:p,cols:m,gutters:u,tag:f=Hf.tag,children:g}=e,v=({tag:G,className:N,children:D})=>G==="form"?ku("form",{className:N,children:D}):ku("div",{className:N,children:D}),M=[];return g&&(Array.isArray(g)?g.map((G,N)=>{G.type===Bt?M.push(xv(Bt,{...G.props,orientation:a,key:N})):M.push(G)}):g.type===Bt?M.push(xv(Bt,{...g.props,orientation:a,key:`${new Date().getTime()}`})):g.type===va&&M.push(xv(va,{...g.props,key:`${new Date().getTime()}`}))),k2(v,{tag:f,className:r(e.className,zf,H(zf,{size:t}),{[`${zf}-${a}`]:a}),children:[i==="grid"?ku("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}):ku(u2,{children:M}),p&&ku("div",{className:"k-form-buttons",children:p})]})};rr.states=p2;rr.options=m2;rr.className=zf;rr.defaultOptions=Hf;import{jsx as h2}from"react/jsx-runtime";var f2="k-actionsheet-footer",tC={alignment:"stretched",orientation:"horizontal"},es=e=>{let{alignment:t=tC.alignment,orientation:a=tC.orientation,template:i,as:p=i?"div":Ae,...m}=e;return h2(p,{...m,...!i&&{alignment:t,orientation:a},className:r(e.className,f2),children:e.children})};import{jsx as fu,jsxs as b2}from"react/jsx-runtime";var oC="k-searchbox",g2=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],x2={size:[k.small,k.medium,k.large],rounded:[A.small,A.medium,A.large,A.full],fillMode:[S.solid,S.flat,S.outline]},bv={showIcon:!0,icon:"search",size:ee.defaultOptions.size,rounded:ee.defaultOptions.rounded,fillMode:ee.defaultOptions.fillMode},lo=e=>{let{value:t,placeholder:a,size:i,rounded:p,fillMode:m,hover:u,focus:f,valid:g,invalid:v,required:M,loading:G,disabled:N,showIcon:D=bv.showIcon,icon:F=bv.icon,...X}=e;return b2(ee,{...X,size:i,rounded:p,fillMode:m,hover:u,focus:f,valid:g,invalid:v,required:M,loading:G,disabled:N,className:r(e.className,oC),children:[D&&fu(h,{className:"k-input-icon",icon:F}),fu(_t,{placeholder:a,value:t}),fu(Tt,{...e}),fu(bt,{...e}),fu(Ht,{...e})]})};lo.states=g2;lo.options=x2;lo.className=oC;lo.defaultOptions=bv;var aC=lo;import{jsx as v2}from"react/jsx-runtime";var Zre=e=>v2(aC,{...e});import{Fragment as lC,jsx as Zi,jsxs as vv}from"react/jsx-runtime";var rC="k-textbox",y2=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],w2={size:[k.small,k.medium,k.large],rounded:[A.small,A.medium,A.large,A.full],fillMode:[S.solid,S.flat,S.outline]},Id={showClearButton:!0,showValidationIcon:!0,size:ee.defaultOptions.size,rounded:ee.defaultOptions.rounded,fillMode:ee.defaultOptions.fillMode,separators:!0},Be=e=>{let{size:t=Id.size,rounded:a=Id.rounded,fillMode:i=Id.fillMode,separators:p=Id.separators,showClearButton:m=Id.showClearButton,showValidationIcon:u=Id.showValidationIcon,prefix:f,suffix:g,type:v,value:M,placeholder:G,hover:N,focus:D,valid:F,invalid:X,required:_,loading:oe,disabled:ue,readonly:Ke,...$e}=e;return vv(ee,{...$e,size:t,rounded:a,fillMode:i,hover:N,focus:D,valid:F,invalid:X,required:_,loading:oe,disabled:ue,readonly:Ke,className:r(e.className,rC),children:[f&&vv(lC,{children:[Zi(Kt,{children:f}),p&&Zi(Ao,{})]}),Zi(_t,{placeholder:G,value:M,type:v}),u&&Zi(bt,{valid:F,invalid:X,loading:oe,disabled:ue}),Zi(Tt,{loading:oe,disabled:ue}),m&&Zi(Ht,{loading:oe,disabled:ue,readonly:Ke,value:M}),g&&vv(lC,{children:[p&&Zi(Ao,{}),Zi(Dt,{children:g})]})]})};Be.states=y2;Be.options=w2;Be.className=rC;Be.defaultOptions=Id;var Kc=Be;import{jsx as T2}from"react/jsx-runtime";var lse=e=>T2(Kc,{...e});import{Fragment as A2,jsx as yv}from"react/jsx-runtime";var dse=e=>yv(Kc,{prefix:yv(A2,{children:yv(h,{icon:"envelop"})}),...e});import{Fragment as N2,jsx as wv}from"react/jsx-runtime";var kse=e=>wv(Kc,{suffix:wv(N2,{children:wv(Lc,{fillMode:"clear",children:"Send"})}),...e});import{jsx as Ji,jsxs as Tv}from"react/jsx-runtime";var sC="k-actionsheet-titlebar",C2={},Wt=e=>{let{title:t,subtitle:a,actionsStart:i,actionsEnd:p,filter:m,input:u,inputValue:f,inputPlaceholder:g,adaptive:v,children:M,...G}=e;return Tv("div",{...G,className:r(e.className,sC),children:[Tv("div",{className:"k-actionsheet-titlebar-group",children:[i&&Ji("div",{className:"k-actionsheet-actions",children:i}),!M&&Tv("div",{className:"k-actionsheet-title",children:[t&&Ji("div",{className:"k-text-center",children:t}),a&&Ji("div",{className:"k-actionsheet-subtitle k-text-center",children:a})]}),M&&Ji("div",{className:"k-actionsheet-title",children:M}),p&&Ji("div",{className:"k-actionsheet-actions",children:p})]}),(u||m)&&Ji("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:u?Ji(Be,{value:f,placeholder:g,size:v?"large":"medium"}):Ji(lo,{placeholder:"Filter",size:v?"large":"medium"})})]})};Wt.className=sC;Wt.defaultOptions=C2;import{jsx as Av,jsxs as M2}from"react/jsx-runtime";var Nv="k-actionsheet-view",S2=[],I2={},B2={},Dc=e=>{let{adaptive:t,animated:a,children:i,header:p,footer:m,...u}=e,f=p?.type===Wt&&Av(Wt,{adaptive:t,...p?.props}),g=m?.type===es&&Av(es,{...m?.props});return M2("div",{...u,className:r(e.className,Nv,{[`${Nv}-animated`]:a}),children:[f,Av("div",{className:"k-actionsheet-content",children:i}),g]})};Dc.states=S2;Dc.options=I2;Dc.className=Nv;Dc.defaultOptions=B2;import{jsx as Of,jsxs as Y2}from"react/jsx-runtime";var iC="k-actionsheet",L2=[],E2={},hu={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Jt=e=>{let{side:t=hu.side,fullscreen:a=hu.fullscreen,adaptive:i=hu.adaptive,overlay:p=hu.overlay,template:m,children:u,header:f,footer:g,...v}=e;return Y2("div",{className:"k-actionsheet-container",children:[p&&Of("div",{className:"k-overlay"}),Of(Oi,{animationStyle:{[`${a===!0?"top":t}`]:0,[`${a===!0?"width":null}`]:"100%",[`${a===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:Of("div",{...v,className:r(e.className,iC,{[`k-actionsheet-${t}`]:a===!1,"k-actionsheet-fullscreen":a===!0,"k-adaptive-actionsheet":i}),children:m||Of(Dc,{header:f,footer:g,adaptive:i,...e,children:u})})})]})};Jt.states=L2;Jt.options=E2;Jt.className=iC;Jt.defaultOptions=hu;import{jsx as P2}from"react/jsx-runtime";var nC=e=>{let{...t}=e;return P2("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as K2,jsx as gu,jsxs as Cv}from"react/jsx-runtime";var Sv="k-actionsheet-item",G2=[n.hover,n.focus,n.selected,n.disabled],Bd=e=>{let{iconName:t,text:a,description:i,hover:p,focus:m,selected:u,disabled:f,...g}=e;return Cv("span",{...g,className:r(e.className,Sv,B(Sv,{hover:p,focus:m,selected:u,disabled:f})),children:[!e.children&&gu(K2,{children:Cv("span",{className:"k-actionsheet-action",children:[t&&gu("span",{className:"k-icon-wrap",children:gu(h,{className:"k-actionsheet-item-icon",icon:t})}),Cv("span",{className:"k-actionsheet-item-text",children:[a&&gu("span",{className:"k-actionsheet-item-title",children:a}),i&&gu("span",{className:"k-actionsheet-item-description",children:i})]})]})}),e.children]})};Bd.states=G2;Bd.className=Sv;import{jsx as Md,jsxs as D2}from"react/jsx-runtime";var Fc=({title:e="Select item",...t})=>Md(Jt,{header:Md(Wt,{title:e}),children:[D2(nC,{children:[Md(Bd,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Md(Bd,{text:"Add to Favorites",iconName:"heart"}),Md(Bd,{text:"Upload New",iconName:"upload"}),Md("hr",{className:"k-hr"}),Md(Bd,{text:"Action",iconName:"cancel"})]},"action-sheet-items")],...t});import{jsx as F2}from"react/jsx-runtime";var Jse=e=>F2(Fc,{side:"top",...e});import{jsx as R2}from"react/jsx-runtime";var _se=e=>R2(Fc,{side:"left",...e});import{jsx as z2}from"react/jsx-runtime";var oie=e=>z2(Fc,{side:"right",...e});import{Fragment as W2,jsx as il,jsxs as Iv}from"react/jsx-runtime";var dC="k-dropdownlist",H2=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],O2={size:[k.small,k.medium,k.large],rounded:[A.small,A.medium,A.large,A.full],fillMode:[S.solid,S.flat,S.outline]},Rc={showValue:!0,arrowIconName:"caret-alt-down",size:k.medium,rounded:A.medium,fillMode:S.solid},pe=e=>{let{size:t=Rc.size,rounded:a=Rc.rounded,fillMode:i=Rc.fillMode,arrowIconName:p=Rc.arrowIconName,showValue:m=Rc.showValue,valueIconName:u,prefix:f,suffix:g,value:v,placeholder:M,hover:G,focus:N,valid:D,invalid:F,required:X,loading:_,disabled:oe,readonly:ue,popup:Ke,opened:$e,adaptive:To,adaptiveSettings:Uo,adaptiveTitle:Ra,adaptiveSubtitle:qr,adaptiveFilter:vd,...Ac}=e;return Iv(W2,{children:[Iv(Fl,{...Ac,size:t,rounded:a,fillMode:i,hover:G,focus:N,valid:D,invalid:F,required:X,loading:_,disabled:oe,readonly:ue,className:r(e.className,dC,{"k-icon-picker":!m&&u}),children:[il(Kt,{children:f}),il(li,{placeholder:M,value:v,showValue:m,valueIconName:u}),il(bt,{valid:D,invalid:F,loading:_,disabled:oe}),il(Tt,{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,...Uo,header:il(Wt,{actionsEnd:il(s,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:vd,inputValue:v,inputPlaceholder:M,title:Ra,subtitle:qr}),children:il("div",{className:"k-list-container",children:Iv(ie,{size:"large",children:[il(y,{text:"List item"}),il(y,{text:"List item"}),il(y,{text:"List item"})]})})})]})};pe.states=H2;pe.options=O2;pe.className=dC;pe.defaultOptions=Rc;var ya=pe;import{jsx as Q2}from"react/jsx-runtime";var Cie=e=>Q2(ya,{...e});import{jsx as Wf,jsxs as V2}from"react/jsx-runtime";var Lie=e=>Wf(ya,{opened:!0,popup:V2(ie,{children:[Wf(y,{children:"List item"}),Wf(y,{children:"List item"}),Wf(y,{children:"List item"})]}),...e});import{Fragment as X2,jsx as zc,jsxs as cC}from"react/jsx-runtime";var Die=e=>zc(ya,{opened:!0,popup:cC(X2,{children:[zc("div",{className:"k-list-filter",children:zc(lo,{})}),cC(ie,{children:[zc(y,{children:"List item"}),zc(y,{children:"List item"}),zc(y,{children:"List item"})]})]}),...e});import{jsx as Z2}from"react/jsx-runtime";var Hie=e=>Z2(ya,{adaptive:!0,...e});import{jsx as Ld,jsxs as Bv}from"react/jsx-runtime";var Xie=e=>Ld(ya,{opened:!0,popup:Bv(ie,{children:[Bv(ke,{label:"Group 1",root:!0,children:[Ld(y,{children:"List group 1 item 1"}),Ld(y,{children:"List group 1 item 2"}),Ld(y,{children:"List group 1 item 3"})]}),Bv(ke,{label:"Group 2",children:[Ld(y,{children:"List group 1 item 1"}),Ld(y,{children:"List group 1 item 2"}),Ld(y,{children:"List group 1 item 3"})]})]}),...e});import{jsx as ji,jsxs as Mv}from"react/jsx-runtime";var qie=e=>ji(ya,{opened:!0,popup:Mv(ie,{children:[Mv(ke,{label:"Group 1",root:!0,children:[ji(y,{children:"List group 1 item 1"}),ji(y,{children:"List group 1 item 2"}),ji(y,{children:"List group 1 item 3"})]}),Mv(ke,{children:[ji(y,{group:!0,children:"Group 2"}),ji(y,{children:"List group 1 item 1"}),ji(y,{children:"List group 1 item 2"}),ji(y,{children:"List group 1 item 3"})]})]}),...e});import{Fragment as J2,jsx as ri,jsxs as Qf}from"react/jsx-runtime";var ane=e=>ri(ya,{opened:!0,popup:Qf(J2,{children:[ri("div",{className:"k-list-filter",children:ri(lo,{})}),Qf(ie,{children:[Qf(ke,{label:"Group 1",root:!0,children:[ri(y,{children:"List group 1 item 1"}),ri(y,{children:"List group 1 item 2"}),ri(y,{children:"List group 1 item 3"})]}),Qf(ke,{label:"Group 2",children:[ri(y,{children:"List group 1 item 1"}),ri(y,{children:"List group 1 item 2"}),ri(y,{children:"List group 1 item 3"})]})]})]}),...e});import{Fragment as j2,jsx as vs,jsxs as Vf}from"react/jsx-runtime";var dne=e=>vs(ya,{opened:!0,popup:Vf(j2,{children:[vs("div",{className:"k-list-filter",children:vs(lo,{})}),Vf(ie,{children:[Vf(ke,{label:"Group 1",root:!0,children:[vs(y,{children:"List group 1 item 1"}),vs(y,{children:"List group 1 item 2"}),vs(y,{children:"List group 1 item 3"})]}),Vf(ke,{children:[vs(y,{group:!0,children:"Group 2"}),vs(y,{children:"List group 1 item 1"}),vs(y,{children:"List group 1 item 2"}),vs(y,{children:"List group 1 item 3"})]})]})]}),...e});import{jsx as pC}from"react/jsx-runtime";var Xf="k-radio",U2=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked],q2={size:[k.small,k.medium,k.large]},mC={size:k.medium},Rl=e=>{let{id:t,checked:a,hover:i,focus:p,disabled:m,invalid:u,valid:f,required:g,size:v=mC.size,...M}=e;return pC("span",{className:"k-radio-wrap",children:pC("input",{...M,id:t,type:"radio",checked:a,required:g,className:r(e.className,Xf,H(Xf,{size:v}),B(Xf,{hover:i,focus:p,disabled:m,invalid:u,valid:f,checked:a}))})})};Rl.states=U2;Rl.options=q2;Rl.className=Xf;Rl.defaultOptions=mC;var Ui=Rl;import{jsx as e4}from"react/jsx-runtime";var uC="k-radio-list",_2=[],$2={},kC={layout:"vertical"},qi=e=>{let{layout:t=kC.layout,...a}=e;return e4("ul",{...a,className:r(e.className,uC,{[`k-list-${t}`]:t}),children:e.children})};qi.states=_2;qi.options=$2;qi.className=uC;qi.defaultOptions=kC;import{jsx as l4}from"react/jsx-runtime";var fC="k-radio-list-item",t4=[],o4={},a4={},sr=e=>{let{...t}=e;return l4("li",{...t,className:r(e.className,fC),children:e.children})};sr.states=t4;sr.options=o4;sr.className=fC;sr.defaultOptions=a4;import{jsx as r4}from"react/jsx-runtime";var _i=e=>r4(Ui,{...e});import{Fragment as i4,jsx as hC,jsxs as n4}from"react/jsx-runtime";var s4=({children:e,id:t,...a})=>n4(i4,{children:[hC(Ui,{...a,id:t}),hC("label",{className:"k-radio-label",htmlFor:t,children:e})]}),Gne=s4;import{Fragment as d4,jsx as gC,jsxs as c4}from"react/jsx-runtime";var Rne=({children:e,id:t,...a})=>c4(d4,{children:[gC("label",{className:"k-radio-label",htmlFor:t,children:e}),gC(Ui,{...a,id:t})]});import{Fragment as m4,jsx as xC,jsxs as p4}from"react/jsx-runtime";var Wne=({children:e,...t})=>xC(m4,{children:p4("label",{className:"k-radio-label",children:[xC(Ui,{...t}),e]})});import{Fragment as u4,jsx as Ed,jsxs as k4}from"react/jsx-runtime";var Zne=({name:e,...t})=>Ed(qi,{children:k4(u4,{children:[Ed(sr,{children:Ed(_i,{name:e})}),Ed(sr,{children:Ed(_i,{name:e})}),Ed(sr,{children:Ed(_i,{name:e})})]}),...t});import{Fragment as f4,jsx as Yd,jsxs as h4}from"react/jsx-runtime";var qne=({name:e,...t})=>Yd(qi,{children:h4(f4,{children:[Yd(sr,{children:Yd(_i,{name:e})}),Yd(sr,{children:Yd(_i,{name:e})}),Yd(sr,{children:Yd(_i,{name:e})})]}),layout:"horizontal",...t});import{Fragment as g4,jsx as nl,jsxs as Hc}from"react/jsx-runtime";var Oc=({size:e,...t})=>nl(rr,{formButtons:Hc(g4,{children:[nl(s,{className:"k-form-submit",themeColor:"primary",size:e,children:"Submit"}),nl(s,{className:"k-form-clear",size:e,children:"Clear"})]}),children:Hc(va,{legend:"Form Legend",children:[nl(Bt,{label:"Label",editor:nl(Be,{size:e})}),nl(Bt,{label:"Label",hint:"Hint text",editor:nl(pe,{value:"Dropdown List",size:e})}),nl(Bt,{label:"City",editor:Hc("ul",{className:"k-radio-list k-list-horizontal",children:[Hc("li",{className:"k-radio-list-item",children:[nl(Rl,{checked:!0,size:e}),nl("label",{className:"k-radio-label",children:"Label"})]}),Hc("li",{className:"k-radio-list-item",children:[nl(Rl,{size:e}),nl("label",{className:"k-radio-label",children:"Label"})]}),Hc("li",{className:"k-radio-list-item",children:[nl(Rl,{size:e}),nl("label",{className:"k-radio-label",children:"Label"})]})]})})]}),size:e,...t});import{Fragment as x4,jsx as dl,jsxs as Wc}from"react/jsx-runtime";var wde=({size:e,...t})=>dl(rr,{formButtons:Wc(x4,{children:[dl(s,{className:"k-form-submit",themeColor:"primary",size:e,children:"Submit"}),dl(s,{className:"k-form-clear",size:e,children:"Clear"})]}),children:Wc(va,{legend:"Form Legend",children:[dl(Bt,{label:"Label",editor:dl(Be,{size:e})}),dl(Bt,{label:"Label",hint:"Hint text",editor:dl(pe,{value:"Dropdown List",size:e})}),dl(Bt,{label:"City",editor:Wc("ul",{className:"k-radio-list k-list-horizontal",children:[Wc("li",{className:"k-radio-list-item",children:[dl(Rl,{checked:!0,size:e}),dl("label",{className:"k-radio-label",children:"Label"})]}),Wc("li",{className:"k-radio-list-item",children:[dl(Rl,{size:e}),dl("label",{className:"k-radio-label",children:"Label"})]}),Wc("li",{className:"k-radio-list-item",children:[dl(Rl,{size:e}),dl("label",{className:"k-radio-label",children:"Label"})]})]})})]}),orientation:"horizontal",size:e,...t});import{Fragment as b4,jsx as ys,jsxs as v4}from"react/jsx-runtime";var Ide=({cols:e=2,gutters:t,...a})=>ys(rr,{layout:"grid",cols:e,gutters:t,children:[v4(b4,{children:[ys(va,{legend:"Form Legend",layout:"grid",cols:1,gutters:{rows:"12px"},children:ys(Bt,{label:"Label",editor:ys(Be,{})})}),ys(va,{legend:"Form Legend",layout:"grid",cols:1,gutters:{cols:"16px",rows:"12px"},children:ys(Bt,{label:"Label",editor:ys(Be,{})})}),ys(va,{legend:"Form Legend",layout:"grid",cols:2,gutters:{cols:"16px",rows:"12px"},colSpan:2,children:ys(Bt,{label:"Label",colSpan:2,editor:ys(pe,{})})})]})],...a});import{jsx as T4}from"react/jsx-runtime";var xu="k-button-group",y4=[n.disabled],w4={fillMode:[S.solid,S.flat,S.outline,S.clear,S.link]},bC={fillMode:S.solid},O=e=>{let{fillMode:t=bC.fillMode,disabled:a,stretched:i,...p}=e;return T4("div",{...p,className:r(e.className,xu,H(xu,{fillMode:t}),B(xu,{disabled:a}),{[`${xu}-stretched`]:i}),children:e.children})};O.states=y4;O.options=w4;O.className=xu;O.defaultOptions=bC;import{Fragment as A4,jsx as Zf,jsxs as N4}from"react/jsx-runtime";var Wde=e=>Zf(O,{children:N4(A4,{children:[Zf(s,{className:"k-group-start",...e,icon:"bold"}),Zf(s,{...e,icon:"italic"}),Zf(s,{className:"k-group-end",...e,icon:"underline"})]})});import{Fragment as C4,jsx as Jf,jsxs as S4}from"react/jsx-runtime";var Jde=e=>Jf(O,{children:S4(C4,{children:[Jf(s,{className:"k-group-start",...e,icon:"star",children:"First"}),Jf(s,{...e,icon:"star",children:"Middle"}),Jf(s,{className:"k-group-end",...e,icon:"star",children:"Last"})]})});import{Fragment as I4,jsx as jf,jsxs as B4}from"react/jsx-runtime";var $de=e=>jf(O,{children:B4(I4,{children:[jf(s,{className:"k-group-start",...e,children:"First"}),jf(s,{...e,children:"Middle"}),jf(s,{className:"k-group-end",...e,children:"Last"})]})});import{Fragment as M4,jsx as Uf,jsxs as L4}from"react/jsx-runtime";var lce=e=>Uf(O,{children:L4(M4,{children:[Uf(s,{className:"k-group-start",...e,children:"First"}),Uf(s,{...e,icon:"star",children:"Middle"}),Uf(s,{className:"k-group-end",...e,icon:"star"})]})});import{Fragment as P4,jsx as vC,jsxs as G4}from"react/jsx-runtime";var yC="k-menu-button",E4=[n.hover,n.focus,n.active,n.selected,n.disabled],Y4={size:[k.small,k.medium,k.large],rounded:[A.small,A.medium,A.large,A.full],fillMode:[S.solid,S.flat,S.outline,S.clear,S.link],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark,x.inverse]},Pd={size:k.medium,rounded:A.medium,fillMode:S.solid,themeColor:x.base,showArrow:!0,arrowIconName:"caret-alt-down"},Fe=e=>{let{size:t=Pd.size,rounded:a=Pd.rounded,fillMode:i=Pd.fillMode,themeColor:p=Pd.themeColor,hover:m,focus:u,active:f,selected:g,disabled:v,icon:M,text:G,showArrow:N=Pd.showArrow,arrowIconName:D=Pd.arrowIconName,popup:F,opened:X,..._}=e;return G4(P4,{children:[vC(s,{..._,className:r(e.className,yC),text:G,size:t,rounded:a,fillMode:i,themeColor:p,hover:m,focus:u,active:f,selected:g,disabled:v,icon:M,showArrow:N,arrowIconName:D}),X&&F&&vC(De,{className:"k-menu