@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 O=(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});var u={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},T={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"},Sl={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};import{jsx as d1}from"react/jsx-runtime";var i1=[],n1={},yT=e=>{let{type:t,...l}=e,i=t==="p"?"paragraph":t,p=t.includes("display")?"div":t;return d1(p,{...l,className:r(e.className,{[`k-${i}`]:t}),children:e.children})};yT.states=i1;yT.options=n1;import{Fragment as u1,jsx as wT}from"react/jsx-runtime";var db="k-icon k-font-icon",c1=[],p1={size:[u.xsmall,u.small,u.medium,u.large,u.xlarge,u.xxlarge,u.xxxlarge],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark]},m1={},Rm=e=>{let{size:t,themeColor:l,icon:i,rotate:p,flip:m,...k}=e;return i?wT("span",{...k,className:r(e.className,db,O(db,{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"})}):wT(u1,{})};Rm.states=c1;Rm.options=p1;Rm.className=db;Rm.defaultOptions=m1;var AT=Rm;import{Fragment as f1,jsx as _k}from"react/jsx-runtime";var cb="k-icon k-svg-icon",k1=[],h1={size:[u.xsmall,u.small,u.medium,u.large,u.xlarge,u.xxlarge,u.xxxlarge],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark]},TT={viewBox:"0 0 24 24"},Hm=e=>{let{size:t,themeColor:l,rotate:i,flip:p,viewBox:m=TT.viewBox,icon:k,...h}=e;if(!k)return _k(f1,{});k==="none"&&{...h,className:r(e.className,cb,"k-none")};let g=typeof k=="object"&&k.name&&k.name;return _k("span",{...h,className:r(e.className,cb,O("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:_k("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof k=="object"?k.viewBox:m,dangerouslySetInnerHTML:typeof k=="object"?{__html:k.content}:void 0,children:k?void 0:e.children})})};Hm.states=k1;Hm.options=h1;Hm.className=cb;Hm.defaultOptions=TT;var pb=Hm;import*as NT from"@progress/kendo-svg-icons";import{Fragment as CT,jsx as Wm}from"react/jsx-runtime";var g1=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),x1=[],b1={size:[u.xsmall,u.small,u.medium,u.large,u.xlarge,u.xxlarge,u.xxxlarge],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark]},mb={viewBox:"0 0 24 24",type:"svg"},f=e=>{let{size:t,themeColor:l,icon:i,type:p=mb.type,rotate:m,flip:k,viewBox:h=mb.viewBox,...g}=e;if(!i)return Wm(CT,{});if(p==="svg"){if(i==="none")return Wm(pb,{...g,icon:i,size:t});let v=g1(`${i}-icon`);return NT[v]?Wm(pb,{...g,icon:NT[v],size:t,themeColor:l,rotate:m,flip:k,viewBox:h}):Wm(CT,{})}return Wm(AT,{...g,icon:i,size:t,themeColor:l,rotate:m,flip:k})};f.states=x1;f.options=b1;f.defaultOptions=mb;var ub=f;import{jsx as w1}from"react/jsx-runtime";var $k="k-actions",v1=[],y1={},kb={alignment:"start",orientation:"horizontal"},Te=e=>{let{alignment:t=kb.alignment,orientation:l=kb.orientation,...i}=e;return w1("div",{...i,className:r($k,{[`${$k}-${t}`]:t,[`${$k}-${l}`]:l},e.className),children:e.children})};Te.states=v1;Te.options=y1;Te.className=$k;Te.defaultOptions=kb;var ST=Te;import{jsx as N1}from"react/jsx-runtime";var eh="k-input",A1=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],T1={size:[u.small,u.medium,u.large],rounded:[T.small,T.medium,T.large,T.full],fillMode:[S.solid,S.flat,S.outline]},th={size:u.medium,rounded:u.medium,fillMode:S.solid},ee=e=>{let{hover:t,focus:l,disabled:i,invalid:p,valid:m,loading:k,readonly:h,size:g=th.size,rounded:v=th.rounded,fillMode:L=th.fillMode,...G}=e;return N1("span",{...G,className:r(e.className,eh,O(eh,{size:g,rounded:v,fillMode:L}),B(eh,{hover:t,focus:l,disabled:i,invalid:p,valid:m,loading:k,readonly:h}))})};ee.states=A1;ee.options=T1;ee.className=eh;ee.defaultOptions=th;import{jsx as I1}from"react/jsx-runtime";var oh="k-picker",C1=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],S1={size:[u.small,u.medium,u.large],rounded:[T.small,T.medium,T.large,T.full],fillMode:[S.solid,S.flat,S.outline]},ah={size:u.medium,rounded:T.medium,fillMode:S.solid},Il=e=>{let{hover:t,focus:l,disabled:i,invalid:p,valid:m,loading:k,readonly:h,size:g=ah.size,rounded:v=ah.rounded,fillMode:L=ah.fillMode,...G}=e;return I1("span",{...G,className:r(e.className,oh,O(oh,{size:g,rounded:v,fillMode:L}),B(oh,{hover:t,focus:l,disabled:i,invalid:p,valid:m,loading:k,readonly:h})),children:e.children})};Il.states=C1;Il.options=S1;Il.className=oh;Il.defaultOptions=ah;import{Fragment as L1,jsx as hb}from"react/jsx-runtime";var IT="k-clear-value",B1=[n.disabled,n.loading,n.readonly],M1={},zt=e=>{let{disabled:t,loading:l,readonly:i,value:p}=e;return t||i||l||!p?hb(L1,{}):hb("span",{className:r(e.className,IT),children:hb(f,{icon:"x"})})};zt.states=B1;zt.options=M1;zt.className=IT;import{jsx as P1}from"react/jsx-runtime";var fb="k-input-inner",E1=[],Y1={},lh={type:"text",autocomplete:"off",value:"",placeholder:""},Ut=e=>{let{value:t=lh.value,type:l=lh.type,placeholder:i=lh.placeholder,autocomplete:p=lh.autocomplete,...m}=e;return P1("input",{...m,type:l,className:r(e.className,fb,O(fb,e)),placeholder:i,autoComplete:p,defaultValue:t})};Ut.states=E1;Ut.options=Y1;Ut.className=fb;import{jsx as BT,jsxs as D1}from"react/jsx-runtime";var gb="k-input-inner",G1=[],K1={},js=e=>{let{value:t,placeholder:l,showValue:i,valueIcon:p,valueIconName:m,...k}=e;return D1("span",{...k,className:r(e.className,gb,O(gb,e)),children:[p,!p&&m&&BT(f,{className:"k-input-value-icon",icon:m}),i&&!t&&l,i&&t&&BT("span",{className:"k-input-value-text",children:t})]})};js.states=G1;js.options=K1;js.className=gb;import{jsx as R1}from"react/jsx-runtime";var xb="k-input-inner",F1=[],z1={},MT={value:"",placeholder:""},Om=e=>{let{value:t=MT.value,placeholder:l=MT.placeholder,rows:i,...p}=e;return R1("textarea",{...p,className:r(e.className,xb,O(xb,e)),placeholder:l,rows:i,defaultValue:t})};Om.states=F1;Om.options=z1;Om.className=xb;import{Fragment as W1,jsx as LT}from"react/jsx-runtime";var ET="k-input-loading-icon",H1=[n.disabled,n.loading],yt=e=>{let{disabled:t,loading:l}=e;return t||!l?LT(W1,{}):LT("span",{className:r(e.className,ET,"k-icon k-i-loading")})};yt.states=H1;yt.className=ET;import{Fragment as V1,jsx as YT}from"react/jsx-runtime";var PT="k-input-validation-icon",O1=[n.valid,n.invalid,n.disabled,n.loading],Q1={},gt=e=>{let{valid:t,invalid:l,disabled:i,loading:p}=e,m=l?"warning-circle":"check-circle";return i||p||!!!(t||l)?YT(V1,{}):YT(f,{className:r(PT),icon:m})};gt.states=O1;gt.options=Q1;gt.className=PT;import{Fragment as J1,jsx as GT}from"react/jsx-runtime";var X1="k-input-prefix",Z1={direction:"horizontal"},Pt=e=>{let{direction:t=Z1.direction,...l}=e;return e.children?GT("span",{...l,className:r(X1,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):GT(J1,{})};import{Fragment as q1,jsx as KT}from"react/jsx-runtime";var j1="k-input-suffix",U1={direction:"horizontal"},Gt=e=>{let{direction:t=U1.direction,...l}=e;return e.children?KT("span",{...l,className:r(j1,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):KT(q1,{})};import{jsx as $1}from"react/jsx-runtime";var _1="k-input-prefix-text",Fq=e=>{let{children:t,...l}=e;return $1("span",{...l,className:r(_1,e.className),children:t})};import{jsx as tE}from"react/jsx-runtime";var eE="k-input-suffix-text",DT=e=>{let{children:t,...l}=e;return tE("span",{...l,className:r(eE,e.className),children:t})};import{jsx as aE}from"react/jsx-runtime";var FT="k-input-separator",oE={direction:"vertical"},Ao=e=>{let{direction:t=oE.direction,...l}=e;return aE("span",{...l,className:r(FT,e.className,{[`${FT}-${t}`]:t})})};import{jsx as zT}from"react/jsx-runtime";var RT="k-animation-container",lE=[],rE={},HT={positionMode:"absolute"},Li=e=>{let{positionMode:t=HT.positionMode,animationStyle:l,offset:i,...p}=e;return zT("div",{...p,style:{...i,...e.style},className:r(e.className,RT,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:zT("div",{className:"k-child-animation-container",style:l,children:e.children})})};Li.states=lE;Li.options=rE;Li.className=RT;Li.defaultOptions=HT;import{jsx as WT}from"react/jsx-runtime";var OT="k-popup",sE=[],iE={},QT={positionMode:"absolute"},De=e=>{let{offset:t,positionMode:l=QT.positionMode,animationStyle:i,...p}=e;return WT(Li,{positionMode:l,offset:t,animationStyle:i,children:WT("div",{...p,className:r(e.className,OT),children:e.children})})};De.states=sE;De.options=iE;De.className=OT;De.defaultOptions=QT;import{jsx as dE}from"react/jsx-runtime";var nE="k-no-data",Qm=e=>dE("span",{className:r(nE,e.className),children:e.children});import{jsx as cc,jsxs as VT}from"react/jsx-runtime";var bb="k-list",cE=[],pE={size:[u.small,u.medium,u.large]},XT={size:u.medium},ie=e=>{let{size:t=XT.size,virtualization:l,children:i,optionLabel:p,customValue:m,screenReaders:k,...h}=e,g,v,L,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(cc(y,{...X.props},`optChild-${$}-${new Date().getTime()}`))})):D.props.children.forEach((X,$)=>{let oe="";$===0&&(oe=D.props.label),N.push(cc(y,{className:$===0?"k-first":"",...X.props,groupLabel:oe},`groupLabel-${$}-${new Date().getTime()}`))}),v=cc(ke,{label:g,virtualization:l,children:N})):D.type===y&&(N.push(cc(y,{...D.props},`${D.type}-${F}`)),L=cc(pc,{virtualization:l,children:N}),k&&(G=VT(Qm,{className:"k-sr-only",children:[N.length," items found."]})))}):G=cc(Qm,{children:"No data found."}),VT("div",{...h,className:r(e.className,bb,O(bb,{size:t}),{"k-virtual-list":l}),children:[p,m,v,L,G]})};ie.states=cE;ie.options=pE;ie.className=bb;ie.defaultOptions=XT;import{jsx as id,jsxs as kE}from"react/jsx-runtime";var vb="k-list",mE=[],uE={size:[u.small,u.medium,u.large]},ZT={size:u.medium},ls=e=>{let{size:t=ZT.size,virtualization:l,children:i,...p}=e,m,k,h,g=[];return i?i.map((v,L)=>{v.type===ke?(v.props.root===!0?(m=v.props.label,v.props.children.map((G,N)=>{g.push(id(y,{...G.props},`optChild-${N}-${new Date().getTime()}`))})):(g.push(id(JT,{...v.props,children:v.props.label},`listChild-${L}`)),v.props.children.map((G,N)=>{g.push(id(y,{...G.props},`fwOptChild-${N}-${new Date().getTime()}`))})),k=id(ke,{label:m,virtualization:l,children:g})):v.type===y&&(g.push(id(y,{...v.props},`${v.type}-${L}`)),h=id(pc,{virtualization:l,children:g}))}):h=id(Qm,{children:"No data found."}),kE("div",{...p,className:r(e.className,vb,O(vb,{size:t}),{"k-virtual-list":l}),children:[k,h]})};ls.states=mE;ls.options=uE;ls.className=vb;ls.defaultOptions=ZT;import{jsx as jT}from"react/jsx-runtime";var rh="k-checkbox",hE=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],fE={size:[u.small,u.medium,u.large],rounded:[T.small,T.medium,T.large,T.full]},yb={size:u.medium,rounded:T.medium},oo=e=>{let{id:t,checked:l,indeterminate:i,hover:p,focus:m,disabled:k,invalid:h,valid:g,required:v,size:L=yb.size,rounded:G=yb.rounded,...N}=e;return jT("span",{className:"k-checkbox-wrap",children:jT("input",{...N,id:t,type:"checkbox",defaultChecked:l,required:v,className:r(e.className,rh,O(rh,{size:L,rounded:G}),B(rh,{hover:p,focus:m,disabled:k,invalid:h,valid:g,indeterminate:i,checked:l}))})})};oo.states=hE;oo.options=fE;oo.className=rh;oo.defaultOptions=yb;var Ei=oo;import{jsx as bE}from"react/jsx-runtime";var UT="k-checkbox-list",gE=[],xE={},qT={layout:"vertical"},Yi=e=>{let{layout:t=qT.layout,...l}=e;return bE("ul",{...l,className:r(e.className,UT,{[`k-list-${t}`]:t}),children:e.children})};Yi.states=gE;Yi.options=xE;Yi.className=UT;Yi.defaultOptions=qT;import{jsx as AE}from"react/jsx-runtime";var _T="k-checkbox-list-item",vE=[],yE={},wE={},Zl=e=>{let{...t}=e;return AE("li",{...t,className:r(e.className,_T),children:e.children})};Zl.states=vE;Zl.options=yE;Zl.className=_T;Zl.defaultOptions=wE;import{Fragment as TE,jsx as $T,jsxs as NE}from"react/jsx-runtime";var sh=({children:e,id:t,...l})=>NE(TE,{children:[$T(Ei,{id:t,...l}),$T("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as CE,jsx as eN,jsxs as SE}from"react/jsx-runtime";var X_=({children:e,id:t,...l})=>SE(CE,{children:[eN("label",{className:"k-checkbox-label",htmlFor:t,children:e}),eN(Ei,{id:t,...l})]});import{Fragment as IE,jsx as nd,jsxs as BE}from"react/jsx-runtime";var U_=e=>nd(Yi,{children:BE(IE,{children:[nd(Zl,{children:nd(oo,{})}),nd(Zl,{children:nd(oo,{})}),nd(Zl,{children:nd(oo,{})})]}),layout:"horizontal",...e});import{Fragment as ME,jsx as dd,jsxs as LE}from"react/jsx-runtime";var e$=e=>dd(Yi,{children:LE(ME,{children:[dd(Zl,{children:dd(oo,{})}),dd(Zl,{children:dd(oo,{})}),dd(Zl,{children:dd(oo,{})})]}),...e});import{jsx as EE}from"react/jsx-runtime";var l$=e=>EE(Ei,{...e});import{jsx as YE}from"react/jsx-runtime";var n$=e=>YE(Ei,{checked:!0,...e});import{jsx as ih,jsxs as DE}from"react/jsx-runtime";var wb="k-list-item",PE=[n.hover,n.focus,n.selected,n.disabled],GE={},KE={},y=e=>{let{text:t,groupLabel:l,group:i,showIcon:p,iconName:m,showCheckbox:k,checked:h,hover:g,focus:v,selected:L,disabled:G,...N}=e,D=t||e.children;return DE("li",{...N,className:r(e.className,i?"k-list-group-item":wb,B(wb,{hover:g,focus:v,disabled:G,selected:L})),children:[k&&ih(oo,{checked:h}),p&&ih(f,{icon:m}),ih("span",{className:"k-list-item-text",children:D}),l&&l!==""&&ih("div",{className:"k-list-item-group-label",children:l})]})};y.states=PE;y.options=GE;y.className=wb;y.defaultOptions=KE;import{jsx as Ab,jsxs as zE}from"react/jsx-runtime";var FE="k-list-content",pc=e=>{let{virtualization:t,...l}=e;return zE("div",{...l,className:r(FE,e.className),children:[Ab("ul",{className:r("k-list-ul"),children:e.children}),t&&Ab("div",{className:"k-height-container",children:Ab("div",{})})]})};import{jsx as tN}from"react/jsx-runtime";var RE="k-list-group-sticky-header",oN=e=>tN("div",{className:r(RE,e.className),children:tN("div",{className:"k-list-header-text",children:e.children})});import{Fragment as HE,jsx as aN,jsxs as WE}from"react/jsx-runtime";var ke=e=>{let{virtualization:t,label:l}=e;return WE(HE,{children:[l&&aN(oN,{children:l}),e.children&&aN(pc,{virtualization:t,children:e.children})]})};import{jsx as lN}from"react/jsx-runtime";var OE="k-list-group-item",JT=e=>lN("li",{className:r(OE,e.className),children:lN("span",{className:"k-list-item-text",children:e.children})});import{jsx as ZE}from"react/jsx-runtime";var Tb="k-list-optionlabel",QE=[n.hover,n.focus,n.selected,n.disabled],VE={},XE={},nh=e=>{let{text:t,hover:l,focus:i,selected:p,disabled:m,...k}=e;return ZE("div",{...k,className:r(Tb,B(Tb,{hover:l,focus:i,selected:p,disabled:m})),children:t})};nh.states=QE;nh.options=VE;nh.className=Tb;nh.defaultOptions=XE;import{jsx as qE}from"react/jsx-runtime";var Nb="k-list-custom-value",JE=[n.hover,n.focus,n.selected,n.disabled],jE={},UE={},Mo=e=>{let{text:t,hover:l,focus:i,selected:p,disabled:m,...k}=e;return qE("div",{...k,className:r(Nb,B(Nb,{hover:l,focus:i,selected:p,disabled:m})),children:t})};Mo.states=JE;Mo.options=jE;Mo.className=Nb;Mo.defaultOptions=UE;import{jsx as dh}from"react/jsx-runtime";var V$=e=>dh(ie,{children:[dh(y,{children:"List item"},"list-item-1"),dh(y,{children:"List item"},"list-item-2"),dh(y,{children:"List item"},"list-item-3")],...e});import{jsx as _E}from"react/jsx-runtime";var j$=e=>_E(ie,{virtualization:!0,...e});import{jsx as mc,jsxs as Cb}from"react/jsx-runtime";var $$=e=>Cb(ie,{...e,children:[Cb(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"})]}),Cb(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{jsx as uc,jsxs as Sb}from"react/jsx-runtime";var aee=e=>Sb(ie,{virtualization:!0,...e,children:[Sb(ke,{label:"Group 1",root:!0,children:[uc(y,{children:"List item 1.1"}),uc(y,{children:"List item 1.2"}),uc(y,{children:"List item 1.3"})]}),Sb(ke,{label:"Group 2",children:[uc(y,{children:"List item 2.1"}),uc(y,{children:"List item 2.2"}),uc(y,{children:"List item 2.3"})]})]});import{jsx as $E}from"react/jsx-runtime";var iee=e=>$E(ls,{virtualization:!0,...e});import{jsx as kc,jsxs as Ib}from"react/jsx-runtime";var pee=e=>Ib(ls,{...e,children:[Ib(ke,{label:"Group 1",root:!0,children:[kc(y,{children:"List item 1.1"}),kc(y,{children:"List item 1.2"}),kc(y,{children:"List item 1.3"})]}),Ib(ke,{label:"Group 2",children:[kc(y,{children:"List item 2.1"}),kc(y,{children:"List item 2.2"}),kc(y,{children:"List item 2.3"})]})]});import{jsx as hc,jsxs as Bb}from"react/jsx-runtime";var hee=e=>Bb(ls,{virtualization:!0,...e,children:[Bb(ke,{label:"Group 1",root:!0,children:[hc(y,{children:"List item 1.1"}),hc(y,{children:"List item 1.2"}),hc(y,{children:"List item 1.3"})]}),Bb(ke,{label:"Group 2",children:[hc(y,{children:"List item 2.1"}),hc(y,{children:"List item 2.2"}),hc(y,{children:"List item 2.3"})]})]});import{jsx as rN}from"react/jsx-runtime";var Vm="k-avatar";var eY=[n.hover,n.focus,n.active,n.selected,n.disabled],tY={size:[u.small,u.medium,u.large],rounded:[T.small,T.medium,T.large,T.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]},cd={type:"text",size:u.medium,rounded:T.full,fillMode:S.solid,themeColor:x.primary,border:!1},zr=e=>{let{size:t=cd.size,rounded:l=cd.rounded,fillMode:i=cd.fillMode,themeColor:p=cd.themeColor,type:m=cd.type,border:k=cd.border,...h}=e;return rN("div",{...h,className:r(e.className,Vm,O(Vm,{size:t,rounded:l,fillMode:i,themeColor:p}),{[`${Vm}-bordered`]:k}),children:rN("span",{className:`${Vm}-${m}`,children:e.children})})};zr.states=eY;zr.options=tY;zr.className=Vm;zr.defaultOptions=cd;var fc=zr;import{jsx as oY}from"react/jsx-runtime";var zee=e=>oY(fc,{type:"icon",...e});import{jsx as aY}from"react/jsx-runtime";var Oee=e=>aY(fc,{type:"text",...e});import{jsx as lY}from"react/jsx-runtime";var Zee=e=>lY(fc,{type:"image",...e});import{jsx as iY}from"react/jsx-runtime";var Xm="k-badge",rY=[],sY={size:[u.small,u.medium,u.large],rounded:[T.small,T.medium,T.large,T.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]},Zm={size:u.medium,fillMode:S.solid,themeColor:x.primary,cutoutBorder:!1},Pi=e=>{let{size:t=Zm.size,fillMode:l=Zm.fillMode,themeColor:i=Zm.themeColor,cutoutBorder:p=Zm.cutoutBorder,rounded:m,position:k,align:h,...g}=e;return iY("span",{...g,className:r(e.className,Xm,O(Xm,{size:t,rounded:m,fillMode:l,themeColor:i}),{[`${Xm}-${k}`]:k,[`k-${h}`]:h,[`${Xm}-border-cutout`]:p}),children:e.children})};Pi.states=rY;Pi.options=sY;Pi.className=Xm;Pi.defaultOptions=Zm;import{jsx as nY}from"react/jsx-runtime";var rte=e=>nY(Pi,{...e});import{jsx as sN}from"react/jsx-runtime";var cte=e=>sN(Pi,{children:sN(f,{className:"k-badge-icon",icon:"x-circle"}),...e});import{jsx as ch}from"react/jsx-runtime";var dY="k-chip-action",cY=(l=>(l.REMOVE="remove",l.MORE="more",l))(cY||{}),qt=e=>{let{type:t,...l}=e,i;switch(t){case"remove":i=ch(f,{icon:"x-circle",size:"small"});break;case"more":i=ch(f,{icon:"more-vertical",size:"small"});break;default:return ch(f,{icon:t,size:"small"})}return ch("span",{...l,className:r(e.className,dY,`k-chip-${t}-action`),children:i})};import{jsx as gc,jsxs as uY}from"react/jsx-runtime";var ph="k-chip",pY=[n.hover,n.focus,n.active,n.selected,n.disabled],mY={size:[u.small,u.medium,u.large],rounded:[T.small,T.medium,T.large,T.full],fillMode:[S.solid,S.outline],themeColor:[x.base,x.success,x.warning,x.error,x.info]},xc={size:u.medium,rounded:T.medium,fillMode:S.solid,themeColor:x.base,avatarImage:"/packages/html/assets/avatar.jpg"},Rt=e=>{let{size:t=xc.size,rounded:l=xc.rounded,fillMode:i=xc.fillMode,themeColor:p=xc.themeColor,text:m,icon:k,actions:h,showAvatar:g,avatarImage:v=xc.avatarImage,hover:L,focus:G,active:N,selected:D,disabled:F,...X}=e;return uY("div",{...X,className:r(e.className,ph,O(ph,{size:t,rounded:l,fillMode:i,themeColor:p}),B(ph,{hover:L,focus:G,active:N,disabled:F,selected:D})),children:[k&&gc(f,{className:"k-chip-icon",icon:k,size:"small"}),g&&gc(zr,{className:"k-chip-avatar",type:"image",children:gc("img",{src:v})}),gc("span",{className:"k-chip-content",children:e.children?e.children:m&&gc("span",{className:"k-chip-label",children:m})}),h&&gc("span",{className:"k-chip-actions",children:h})]})};Rt.states=pY;Rt.options=mY;Rt.className=ph;Rt.defaultOptions=xc;var rs=Rt;import{jsx as fY}from"react/jsx-runtime";var Mb="k-chip-list",kY=[],hY={size:[u.small,u.medium,u.large]},iN={size:u.medium},na=e=>{let{size:t=iN.size,...l}=e;return fY("div",{...l,className:r(e.className,Mb,O(Mb,{size:t})),children:e.children})};na.states=kY;na.options=hY;na.className=Mb;na.defaultOptions=iN;import{jsx as gY}from"react/jsx-runtime";var Mte=e=>gY(rs,{showAvatar:!0,...e});import{jsx as xY}from"react/jsx-runtime";var Pte=e=>xY(rs,{icon:"map-marker-target",...e});import{jsx as bY}from"react/jsx-runtime";var Fte=e=>bY(rs,{text:"text",...e});import{jsx as nN}from"react/jsx-runtime";var Ote=e=>nN(rs,{text:"Removable",...e,actions:nN(qt,{type:"remove"})});import{Fragment as vY,jsx as Lb,jsxs as yY}from"react/jsx-runtime";var Jte=e=>Lb(rs,{text:"All actions",actions:yY(vY,{children:[Lb(qt,{type:"more"}),Lb(qt,{type:"remove"})]}),...e});import{jsx as dN,jsxs as TY}from"react/jsx-runtime";var cN="k-color-preview",wY=[],AY={},Gi=e=>{let{color:t,iconName:l,...i}=e;return TY("span",{...i,className:r(e.className,cN,{"k-icon-color-preview":l,"k-no-color":!t}),children:[l&&dN(f,{icon:l,className:"k-color-preview-icon"}),dN("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Gi.states=wY;Gi.options=AY;Gi.className=cN;import{Fragment as Eb,jsx as pN,jsxs as mh}from"react/jsx-runtime";var Yb="k-loader",NY={pulsing:"pulsing-2","infinite-spinner":"spinner-3","converging-spinner":"spinner-4"},CY=[],SY={size:[u.small,u.medium,u.large],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark,x.inverse]},uh={size:u.medium,themeColor:x.primary,animation:"pulsing"},Rr=e=>{let{size:t=uh.size,themeColor:l=uh.themeColor,animation:i=uh.animation,...p}=e,m=pN("span",{className:"k-loader-segment"});return pN("div",{...p,className:r(e.className,Yb,{[`k-loader-${NY[i]||i}`]:i},O(Yb,{size:t,themeColor:l})),children:mh("div",{className:"k-loader-canvas",children:[i==="pulsing"&&mh(Eb,{children:[m,m]}),i==="infinite-spinner"&&mh(Eb,{children:[m,m,m]}),i==="converging-spinner"&&mh(Eb,{children:[m,m,m,m]})]})})};Rr.states=CY;Rr.options=SY;Rr.className=Yb;Rr.defaultOptions=uh;var mN=Rr;import{jsx as Pb,jsxs as uN}from"react/jsx-runtime";var Gb="k-loader-container",IY=[],BY={size:[u.small,u.medium,u.large],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:u.medium,themeColor:x.primary,loaderType:"pulsing",position:"top",overlay:"dark",panel:!1},bc=e=>{let{size:t=pd.size,themeColor:l=pd.themeColor,loaderType:i=pd.loaderType,position:p=pd.position,overlay:m=pd.overlay,panel:k=pd.panel,...h}=e;return uN("div",{...h,className:r(e.className,Gb,O(Gb,{size:t}),{[`k-loader-${p}`]:p}),children:[Pb("div",{className:`k-loader-container-overlay k-overlay-${m}`}),uN("div",{className:r("k-loader-container-inner",{"k-loader-container-panel":k}),children:[Pb(mN,{size:t,themeColor:l,animation:i}),Pb("div",{className:`k-loader-container-label !k-text-${l}`,children:"Loading..."})]})]})};bc.states=IY;bc.options=BY;bc.className=Gb;bc.defaultOptions=pd;import{jsx as MY}from"react/jsx-runtime";var voe=e=>MY(Rr,{...e});import{jsx as LY}from"react/jsx-runtime";var Toe=e=>LY(Rr,{animation:"infinite-spinner",...e});import{jsx as EY}from"react/jsx-runtime";var Ioe=e=>EY(Rr,{animation:"converging-spinner",...e});import{jsx as YY}from"react/jsx-runtime";var Eoe=e=>YY(bc,{...e});import{jsx as KY}from"react/jsx-runtime";var kN="k-skeleton",PY=[],GY={},Kb={shape:"text",animation:"pulse"},ss=e=>{let{shape:t=Kb.shape,animation:l=Kb.animation,...i}=e;return KY("span",{...i,className:r(e.className,kN,{[`k-skeleton-${t}`]:t,[`k-skeleton-${l}`]:l}),style:e.style})};ss.states=PY;ss.options=GY;ss.className=kN;ss.defaultOptions=Kb;import{jsx as DY}from"react/jsx-runtime";var Xoe=e=>DY(ss,{...e});import{jsx as FY}from"react/jsx-runtime";var hN=e=>FY(ss,{shape:"rect",...e});import{jsx as zY}from"react/jsx-runtime";var $oe=e=>zY(ss,{shape:"circle",...e});import{jsx as Jm,jsxs as Db}from"react/jsx-runtime";var Fb="k-form-field",RY=[n.disabled],_t=e=>{let{label:t,orientation:l,optional:i,editor:p,hint:m,error:k,info:h,disabled:g,dir:v,colSpan:L}=e;return Db("div",{className:r(Fb,e.className,B(Fb,{disabled:g}),{[`k-col-span-${L}`]:L}),dir:v,children:[t&&Db("label",{className:r("k-label","k-form-label"),children:[t,i&&Jm("span",{className:"k-label-optional",children:"(Optional)"}),h&&Jm("span",{className:"k-field-info",children:"(field info)"})]}),l==="horizontal"&&!t&&Jm("span",{className:"k-label k-form-label k-label-empty"}),Db("div",{className:"k-form-field-wrap",children:[p,m&&Jm("div",{className:"k-form-hint",children:m}),k&&Jm("div",{className:"k-form-error",children:k})]})]})};_t.states=RY;_t.className=Fb;import{Fragment as HY,jsx as zb,jsxs as WY}from"react/jsx-runtime";var fN="k-form-fieldset",Jl=e=>{let{legend:t,layout:l,cols:i,gapX:p,gapY:m}=e;return WY("fieldset",{className:r(fN),children:[t&&zb("legend",{className:"k-form-legend",children:t}),l==="grid"?zb("div",{className:r("k-form-layout","k-d-grid",{[`k-grid-cols-${i}`]:i,[`k-gap-x-${p}`]:p,[`k-gap-y-${m}`]:m}),children:e.children}):zb(HY,{children:e.children})]})};Jl.className=fN;import{Fragment as VY,jsx as jm,jsxs as XY}from"react/jsx-runtime";import{createElement as Rb}from"react";var kh="k-form",OY=[],QY={size:[u.small,u.medium,u.large]},hh={size:u.medium,layout:"basic",tag:"form"},is=e=>{let{size:t=hh.size,orientation:l,layout:i=hh.layout,formButtons:p,cols:m,gapX:k,gapY:h,tag:g=hh.tag,children:v}=e,L=({tag:N,className:D,children:F})=>N==="form"?jm("form",{className:D,children:F}):jm("div",{className:D,children:F}),G=[];return v&&(Array.isArray(v)?v.map((N,D)=>{N.type===_t?G.push(Rb(_t,{...N.props,orientation:l,key:D})):G.push(N)}):v.type===_t?G.push(Rb(_t,{...v.props,orientation:l,key:`${new Date().getTime()}`})):v.type===Jl&&G.push(Rb(Jl,{...v.props,key:`${new Date().getTime()}`}))),XY(L,{tag:g,className:r(e.className,kh,O(kh,{size:t}),{[`${kh}-${l}`]:l}),children:[i==="grid"?jm("div",{className:r("k-form-layout","k-d-grid",{[`k-grid-cols-${m}`]:m,[`k-gap-x-${k}`]:k,[`k-gap-y-${h}`]:h}),children:G}):jm(VY,{children:G}),p&&jm("div",{className:"k-form-buttons",children:p})]})};is.states=OY;is.options=QY;is.className=kh;is.defaultOptions=hh;import{Fragment as jY,jsx as Um,jsxs as gN}from"react/jsx-runtime";var fh="k-button",ZY=[n.hover,n.focus,n.active,n.selected,n.disabled],JY={size:[u.small,u.medium,u.large],rounded:[T.small,T.medium,T.large,T.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]},md={size:u.medium,rounded:T.medium,fillMode:S.solid,themeColor:x.base,showArrow:!1,arrowIconName:"caret-alt-down"},s=e=>{let{size:t=md.size,rounded:l=md.rounded,fillMode:i=md.fillMode,themeColor:p=md.themeColor,showArrow:m=md.showArrow,arrowIconName:k=md.arrowIconName,hover:h,focus:g,active:v,selected:L,disabled:G,icon:N,text:D,iconClassName:F,...X}=e,$=N!==void 0,oe=e.children!==void 0;return gN("button",{...X,className:r(e.className,fh,O(fh,{size:t,rounded:l,fillMode:i,themeColor:p}),B(fh,{hover:h,focus:g,active:v,disabled:G,selected:L}),{"k-icon-button":!D&&!oe&&$}),children:[N&&Um(f,{className:r(F,"k-button-icon"),icon:N}),D?gN(jY,{children:[D&&Um("span",{className:"k-button-text",children:D}),e.children]}):e.children&&Um("span",{className:"k-button-text",children:e.children}),m&&Um("span",{className:"k-menu-button-arrow k-button-arrow",children:Um(f,{icon:k})})]})};s.states=ZY;s.options=JY;s.className=fh;s.defaultOptions=md;import{jsx as UY}from"react/jsx-runtime";var St=e=>UY(s,{icon:"folder",...e,children:void 0});import{jsx as qY}from"react/jsx-runtime";var kt=e=>qY(s,{icon:"folder",children:"Button",...e});import{jsx as _Y}from"react/jsx-runtime";var vc=e=>_Y(s,{children:"Button",...e});import{jsx as eP}from"react/jsx-runtime";var $Y="k-actionsheet-footer",xN={alignment:"stretched",orientation:"horizontal"},Hr=e=>{let{alignment:t=xN.alignment,orientation:l=xN.orientation,template:i,as:p=i?"div":Te,...m}=e;return eP(p,{...m,...!i&&{alignment:t,orientation:l},className:r(e.className,$Y),children:e.children})};import{jsx as qm,jsxs as aP}from"react/jsx-runtime";var bN="k-searchbox",tP=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],oP={size:[u.small,u.medium,u.large],rounded:[T.small,T.medium,T.large,T.full],fillMode:[S.solid,S.flat,S.outline]},Hb={showIcon:!0,icon:"search",size:ee.defaultOptions.size,rounded:ee.defaultOptions.rounded,fillMode:ee.defaultOptions.fillMode},ao=e=>{let{value:t,placeholder:l,size:i,rounded:p,fillMode:m,hover:k,focus:h,valid:g,invalid:v,required:L,loading:G,disabled:N,showIcon:D=Hb.showIcon,icon:F=Hb.icon,...X}=e;return aP(ee,{...X,size:i,rounded:p,fillMode:m,hover:k,focus:h,valid:g,invalid:v,required:L,loading:G,disabled:N,className:r(e.className,bN),children:[D&&qm(f,{className:"k-input-icon",icon:F}),qm(Ut,{placeholder:l,value:t}),qm(yt,{...e}),qm(gt,{...e}),qm(zt,{...e})]})};ao.states=tP;ao.options=oP;ao.className=bN;ao.defaultOptions=Hb;var vN=ao;import{jsx as lP}from"react/jsx-runtime";var Zae=e=>lP(vN,{...e});import{Fragment as yN,jsx as Ki,jsxs as Wb}from"react/jsx-runtime";var wN="k-textbox",rP=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],sP={size:[u.small,u.medium,u.large],rounded:[T.small,T.medium,T.large,T.full],fillMode:[S.solid,S.flat,S.outline]},ud={showClearButton:!0,showValidationIcon:!0,size:ee.defaultOptions.size,rounded:ee.defaultOptions.rounded,fillMode:ee.defaultOptions.fillMode,separators:!0},Ie=e=>{let{size:t=ud.size,rounded:l=ud.rounded,fillMode:i=ud.fillMode,separators:p=ud.separators,showClearButton:m=ud.showClearButton,showValidationIcon:k=ud.showValidationIcon,prefix:h,suffix:g,type:v,value:L,placeholder:G,hover:N,focus:D,valid:F,invalid:X,required:$,loading:oe,disabled:me,readonly:Ke,...at}=e;return Wb(ee,{...at,size:t,rounded:l,fillMode:i,hover:N,focus:D,valid:F,invalid:X,required:$,loading:oe,disabled:me,readonly:Ke,className:r(e.className,wN),children:[h&&Wb(yN,{children:[Ki(Pt,{children:h}),p&&Ki(Ao,{})]}),Ki(Ut,{placeholder:G,value:L,type:v}),k&&Ki(gt,{valid:F,invalid:X,loading:oe,disabled:me}),Ki(yt,{loading:oe,disabled:me}),m&&Ki(zt,{loading:oe,disabled:me,readonly:Ke,value:L}),g&&Wb(yN,{children:[p&&Ki(Ao,{}),Ki(Gt,{children:g})]})]})};Ie.states=rP;Ie.options=sP;Ie.className=wN;Ie.defaultOptions=ud;var yc=Ie;import{jsx as iP}from"react/jsx-runtime";var lle=e=>iP(yc,{...e});import{Fragment as nP,jsx as Ob}from"react/jsx-runtime";var dle=e=>Ob(yc,{prefix:Ob(nP,{children:Ob(f,{icon:"envelop"})}),...e});import{Fragment as dP,jsx as Qb}from"react/jsx-runtime";var kle=e=>Qb(yc,{suffix:Qb(dP,{children:Qb(vc,{fillMode:"clear",children:"Send"})}),...e});import{jsx as Di,jsxs as Vb}from"react/jsx-runtime";var AN="k-actionsheet-titlebar",cP={},Ht=e=>{let{title:t,subtitle:l,actionsStart:i,actionsEnd:p,filter:m,input:k,inputValue:h,inputPlaceholder:g,adaptive:v,children:L,...G}=e;return Vb("div",{...G,className:r(e.className,AN),children:[Vb("div",{className:"k-actionsheet-titlebar-group",children:[i&&Di("div",{className:"k-actionsheet-actions",children:i}),!L&&Vb("div",{className:"k-actionsheet-title",children:[t&&Di("div",{className:"k-text-center",children:t}),l&&Di("div",{className:"k-actionsheet-subtitle k-text-center",children:l})]}),L&&Di("div",{className:"k-actionsheet-title",children:L}),p&&Di("div",{className:"k-actionsheet-actions",children:p})]}),(k||m)&&Di("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:k?Di(Ie,{value:h,placeholder:g,size:v?"large":"medium"}):Di(ao,{placeholder:"Filter",size:v?"large":"medium"})})]})};Ht.className=AN;Ht.defaultOptions=cP;import{jsx as Xb,jsxs as kP}from"react/jsx-runtime";var Zb="k-actionsheet-view",pP=[],mP={},uP={},wc=e=>{let{adaptive:t,animated:l,children:i,header:p,footer:m,...k}=e,h=p?.type===Ht&&Xb(Ht,{adaptive:t,...p?.props}),g=m?.type===Hr&&Xb(Hr,{...m?.props});return kP("div",{...k,className:r(e.className,Zb,{[`${Zb}-animated`]:l}),children:[h,Xb("div",{className:"k-actionsheet-content",children:i}),g]})};wc.states=pP;wc.options=mP;wc.className=Zb;wc.defaultOptions=uP;import{jsx as gh,jsxs as gP}from"react/jsx-runtime";var TN="k-actionsheet",hP=[],fP={},_m={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Xt=e=>{let{side:t=_m.side,fullscreen:l=_m.fullscreen,adaptive:i=_m.adaptive,overlay:p=_m.overlay,template:m,children:k,header:h,footer:g,...v}=e;return gP("div",{className:"k-actionsheet-container",children:[p&&gh("div",{className:"k-overlay"}),gh(Li,{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:gh("div",{...v,className:r(e.className,TN,{[`k-actionsheet-${t}`]:l===!1,"k-actionsheet-fullscreen":l===!0,"k-adaptive-actionsheet":i}),children:m||gh(wc,{header:h,footer:g,adaptive:i,...e,children:k})})})]})};Xt.states=hP;Xt.options=fP;Xt.className=TN;Xt.defaultOptions=_m;import{jsx as xP}from"react/jsx-runtime";var NN=e=>{let{...t}=e;return xP("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as vP,jsx as $m,jsxs as Jb}from"react/jsx-runtime";var jb="k-actionsheet-item",bP=[n.hover,n.focus,n.selected,n.disabled],kd=e=>{let{iconName:t,text:l,description:i,hover:p,focus:m,selected:k,disabled:h,...g}=e;return Jb("span",{...g,className:r(e.className,jb,B(jb,{hover:p,focus:m,selected:k,disabled:h})),children:[!e.children&&$m(vP,{children:Jb("span",{className:"k-actionsheet-action",children:[t&&$m("span",{className:"k-icon-wrap",children:$m(f,{className:"k-actionsheet-item-icon",icon:t})}),Jb("span",{className:"k-actionsheet-item-text",children:[l&&$m("span",{className:"k-actionsheet-item-title",children:l}),i&&$m("span",{className:"k-actionsheet-item-description",children:i})]})]})}),e.children]})};kd.states=bP;kd.className=jb;import{jsx as hd,jsxs as yP}from"react/jsx-runtime";var Ac=({title:e="Select item",...t})=>hd(Xt,{header:hd(Ht,{title:e}),children:[yP(NN,{children:[hd(kd,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),hd(kd,{text:"Add to Favorites",iconName:"heart"}),hd(kd,{text:"Upload New",iconName:"upload"}),hd("hr",{className:"k-hr"}),hd(kd,{text:"Action",iconName:"cancel"})]},"action-sheet-items")],...t});import{jsx as wP}from"react/jsx-runtime";var Jle=e=>wP(Ac,{side:"top",...e});import{jsx as AP}from"react/jsx-runtime";var _le=e=>AP(Ac,{side:"left",...e});import{jsx as TP}from"react/jsx-runtime";var ore=e=>TP(Ac,{side:"right",...e});import{Fragment as SP,jsx as qa,jsxs as Ub}from"react/jsx-runtime";var CN="k-dropdownlist",NP=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],CP={size:[u.small,u.medium,u.large],rounded:[T.small,T.medium,T.large,T.full],fillMode:[S.solid,S.flat,S.outline]},Tc={showValue:!0,arrowIconName:"caret-alt-down",size:u.medium,rounded:T.medium,fillMode:S.solid},ue=e=>{let{size:t=Tc.size,rounded:l=Tc.rounded,fillMode:i=Tc.fillMode,arrowIconName:p=Tc.arrowIconName,showValue:m=Tc.showValue,valueIconName:k,prefix:h,suffix:g,value:v,placeholder:L,hover:G,focus:N,valid:D,invalid:F,required:X,loading:$,disabled:oe,readonly:me,popup:Ke,opened:at,adaptive:wo,adaptiveSettings:Vo,adaptiveTitle:Ea,adaptiveSubtitle:Fr,adaptiveFilter:sd,...dc}=e;return Ub(SP,{children:[Ub(Il,{...dc,size:t,rounded:l,fillMode:i,hover:G,focus:N,valid:D,invalid:F,required:X,loading:$,disabled:oe,readonly:me,className:r(e.className,CN,{"k-icon-picker":!m&&k}),children:[qa(Pt,{children:h}),qa(js,{placeholder:L,value:v,showValue:m,valueIconName:k}),qa(gt,{valid:D,invalid:F,loading:$,disabled:oe}),qa(yt,{loading:$,disabled:oe}),qa(Gt,{children:g}),qa(s,{className:"k-input-button",icon:p,rounded:null,size:e.size,fillMode:e.fillMode})]}),at&&Ke&&qa(De,{className:"k-list-container k-dropdownlist-popup",children:Ke}),wo&&qa(Xt,{adaptive:!0,...Vo,header:qa(Ht,{actionsEnd:qa(s,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:sd,inputValue:v,inputPlaceholder:L,title:Ea,subtitle:Fr}),children:qa("div",{className:"k-list-container",children:Ub(ie,{size:"large",children:[qa(y,{text:"List item"}),qa(y,{text:"List item"}),qa(y,{text:"List item"})]})})})]})};ue.states=NP;ue.options=CP;ue.className=CN;ue.defaultOptions=Tc;var fa=ue;import{jsx as IP}from"react/jsx-runtime";var Cre=e=>IP(fa,{...e});import{jsx as xh,jsxs as BP}from"react/jsx-runtime";var Lre=e=>xh(fa,{opened:!0,popup:BP(ie,{children:[xh(y,{children:"List item"}),xh(y,{children:"List item"}),xh(y,{children:"List item"})]}),...e});import{Fragment as MP,jsx as Nc,jsxs as SN}from"react/jsx-runtime";var Dre=e=>Nc(fa,{opened:!0,popup:SN(MP,{children:[Nc("div",{className:"k-list-filter",children:Nc(ao,{})}),SN(ie,{children:[Nc(y,{children:"List item"}),Nc(y,{children:"List item"}),Nc(y,{children:"List item"})]})]}),...e});import{jsx as LP}from"react/jsx-runtime";var Hre=e=>LP(fa,{adaptive:!0,...e});import{jsx as fd,jsxs as qb}from"react/jsx-runtime";var Xre=e=>fd(fa,{opened:!0,popup:qb(ie,{children:[qb(ke,{label:"Group 1",root:!0,children:[fd(y,{children:"List group 1 item 1"}),fd(y,{children:"List group 1 item 2"}),fd(y,{children:"List group 1 item 3"})]}),qb(ke,{label:"Group 2",children:[fd(y,{children:"List group 1 item 1"}),fd(y,{children:"List group 1 item 2"}),fd(y,{children:"List group 1 item 3"})]})]}),...e});import{jsx as Fi,jsxs as _b}from"react/jsx-runtime";var qre=e=>Fi(fa,{opened:!0,popup:_b(ie,{children:[_b(ke,{label:"Group 1",root:!0,children:[Fi(y,{children:"List group 1 item 1"}),Fi(y,{children:"List group 1 item 2"}),Fi(y,{children:"List group 1 item 3"})]}),_b(ke,{children:[Fi(y,{group:!0,children:"Group 2"}),Fi(y,{children:"List group 1 item 1"}),Fi(y,{children:"List group 1 item 2"}),Fi(y,{children:"List group 1 item 3"})]})]}),...e});import{Fragment as EP,jsx as Us,jsxs as bh}from"react/jsx-runtime";var ase=e=>Us(fa,{opened:!0,popup:bh(EP,{children:[Us("div",{className:"k-list-filter",children:Us(ao,{})}),bh(ie,{children:[bh(ke,{label:"Group 1",root:!0,children:[Us(y,{children:"List group 1 item 1"}),Us(y,{children:"List group 1 item 2"}),Us(y,{children:"List group 1 item 3"})]}),bh(ke,{label:"Group 2",children:[Us(y,{children:"List group 1 item 1"}),Us(y,{children:"List group 1 item 2"}),Us(y,{children:"List group 1 item 3"})]})]})]}),...e});import{Fragment as YP,jsx as ns,jsxs as vh}from"react/jsx-runtime";var dse=e=>ns(fa,{opened:!0,popup:vh(YP,{children:[ns("div",{className:"k-list-filter",children:ns(ao,{})}),vh(ie,{children:[vh(ke,{label:"Group 1",root:!0,children:[ns(y,{children:"List group 1 item 1"}),ns(y,{children:"List group 1 item 2"}),ns(y,{children:"List group 1 item 3"})]}),vh(ke,{children:[ns(y,{group:!0,children:"Group 2"}),ns(y,{children:"List group 1 item 1"}),ns(y,{children:"List group 1 item 2"}),ns(y,{children:"List group 1 item 3"})]})]})]}),...e});import{jsx as IN}from"react/jsx-runtime";var yh="k-radio",PP=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked],GP={size:[u.small,u.medium,u.large]},BN={size:u.medium},Bl=e=>{let{id:t,checked:l,hover:i,focus:p,disabled:m,invalid:k,valid:h,required:g,size:v=BN.size,...L}=e;return IN("span",{className:"k-radio-wrap",children:IN("input",{...L,id:t,type:"radio",checked:l,required:g,className:r(e.className,yh,O(yh,{size:v}),B(yh,{hover:i,focus:p,disabled:m,invalid:k,valid:h,checked:l}))})})};Bl.states=PP;Bl.options=GP;Bl.className=yh;Bl.defaultOptions=BN;var zi=Bl;import{jsx as FP}from"react/jsx-runtime";var MN="k-radio-list",KP=[],DP={},LN={layout:"vertical"},Ri=e=>{let{layout:t=LN.layout,...l}=e;return FP("ul",{...l,className:r(e.className,MN,{[`k-list-${t}`]:t}),children:e.children})};Ri.states=KP;Ri.options=DP;Ri.className=MN;Ri.defaultOptions=LN;import{jsx as WP}from"react/jsx-runtime";var EN="k-radio-list-item",zP=[],RP={},HP={},jl=e=>{let{...t}=e;return WP("li",{...t,className:r(e.className,EN),children:e.children})};jl.states=zP;jl.options=RP;jl.className=EN;jl.defaultOptions=HP;import{jsx as OP}from"react/jsx-runtime";var Hi=e=>OP(zi,{...e});import{Fragment as VP,jsx as YN,jsxs as XP}from"react/jsx-runtime";var QP=({children:e,id:t,...l})=>XP(VP,{children:[YN(zi,{...l,id:t}),YN("label",{className:"k-radio-label",htmlFor:t,children:e})]}),Gse=QP;import{Fragment as ZP,jsx as PN,jsxs as JP}from"react/jsx-runtime";var zse=({children:e,id:t,...l})=>JP(ZP,{children:[PN("label",{className:"k-radio-label",htmlFor:t,children:e}),PN(zi,{...l,id:t})]});import{Fragment as UP,jsx as GN,jsxs as jP}from"react/jsx-runtime";var Ose=({children:e,...t})=>GN(UP,{children:jP("label",{className:"k-radio-label",children:[GN(zi,{...t}),e]})});import{Fragment as qP,jsx as gd,jsxs as _P}from"react/jsx-runtime";var Zse=({name:e,...t})=>gd(Ri,{children:_P(qP,{children:[gd(jl,{children:gd(Hi,{name:e})}),gd(jl,{children:gd(Hi,{name:e})}),gd(jl,{children:gd(Hi,{name:e})})]}),...t});import{Fragment as $P,jsx as xd,jsxs as e2}from"react/jsx-runtime";var qse=({name:e,...t})=>xd(Ri,{children:e2($P,{children:[xd(jl,{children:xd(Hi,{name:e})}),xd(jl,{children:xd(Hi,{name:e})}),xd(jl,{children:xd(Hi,{name:e})})]}),layout:"horizontal",...t});import{Fragment as t2,jsx as _a,jsxs as Cc}from"react/jsx-runtime";var Sc=({size:e,...t})=>_a(is,{formButtons:Cc(t2,{children:[_a(s,{className:"k-form-submit",themeColor:"primary",size:e,children:"Submit"}),_a(s,{className:"k-form-clear",size:e,children:"Clear"})]}),children:Cc(Jl,{legend:"Form Legend",children:[_a(_t,{label:"Label",editor:_a(Ie,{size:e})}),_a(_t,{label:"Label",hint:"Hint text",editor:_a(ue,{value:"Dropdown List",size:e})}),_a(_t,{label:"City",editor:Cc("ul",{className:"k-radio-list k-list-horizontal",children:[Cc("li",{className:"k-radio-list-item",children:[_a(Bl,{checked:!0,size:e}),_a("label",{className:"k-radio-label",children:"Label"})]}),Cc("li",{className:"k-radio-list-item",children:[_a(Bl,{size:e}),_a("label",{className:"k-radio-label",children:"Label"})]}),Cc("li",{className:"k-radio-list-item",children:[_a(Bl,{size:e}),_a("label",{className:"k-radio-label",children:"Label"})]})]})})]}),size:e,...t});import{Fragment as o2,jsx as $a,jsxs as Ic}from"react/jsx-runtime";var wie=({size:e,...t})=>$a(is,{formButtons:Ic(o2,{children:[$a(s,{className:"k-form-submit",themeColor:"primary",size:e,children:"Submit"}),$a(s,{className:"k-form-clear",size:e,children:"Clear"})]}),children:Ic(Jl,{legend:"Form Legend",children:[$a(_t,{label:"Label",editor:$a(Ie,{size:e})}),$a(_t,{label:"Label",hint:"Hint text",editor:$a(ue,{value:"Dropdown List",size:e})}),$a(_t,{label:"City",editor:Ic("ul",{className:"k-radio-list k-list-horizontal",children:[Ic("li",{className:"k-radio-list-item",children:[$a(Bl,{checked:!0,size:e}),$a("label",{className:"k-radio-label",children:"Label"})]}),Ic("li",{className:"k-radio-list-item",children:[$a(Bl,{size:e}),$a("label",{className:"k-radio-label",children:"Label"})]}),Ic("li",{className:"k-radio-list-item",children:[$a(Bl,{size:e}),$a("label",{className:"k-radio-label",children:"Label"})]})]})})]}),orientation:"horizontal",size:e,...t});import{jsx as r2}from"react/jsx-runtime";var eu="k-button-group",a2=[n.disabled],l2={fillMode:[S.solid,S.flat,S.outline,S.clear,S.link]},KN={fillMode:S.solid},H=e=>{let{fillMode:t=KN.fillMode,disabled:l,stretched:i,...p}=e;return r2("div",{...p,className:r(e.className,eu,O(eu,{fillMode:t}),B(eu,{disabled:l}),{[`${eu}-stretched`]:i}),children:e.children})};H.states=a2;H.options=l2;H.className=eu;H.defaultOptions=KN;import{Fragment as s2,jsx as wh,jsxs as i2}from"react/jsx-runtime";var Kie=e=>wh(H,{children:i2(s2,{children:[wh(s,{className:"k-group-start",...e,icon:"bold"}),wh(s,{...e,icon:"italic"}),wh(s,{className:"k-group-end",...e,icon:"underline"})]})});import{Fragment as n2,jsx as Ah,jsxs as d2}from"react/jsx-runtime";var Hie=e=>Ah(H,{children:d2(n2,{children:[Ah(s,{className:"k-group-start",...e,icon:"star",children:"First"}),Ah(s,{...e,icon:"star",children:"Middle"}),Ah(s,{className:"k-group-end",...e,icon:"star",children:"Last"})]})});import{Fragment as c2,jsx as Th,jsxs as p2}from"react/jsx-runtime";var Xie=e=>Th(H,{children:p2(c2,{children:[Th(s,{className:"k-group-start",...e,children:"First"}),Th(s,{...e,children:"Middle"}),Th(s,{className:"k-group-end",...e,children:"Last"})]})});import{Fragment as m2,jsx as Nh,jsxs as u2}from"react/jsx-runtime";var qie=e=>Nh(H,{children:u2(m2,{children:[Nh(s,{className:"k-group-start",...e,children:"First"}),Nh(s,{...e,icon:"star",children:"Middle"}),Nh(s,{className:"k-group-end",...e,icon:"star"})]})});import{Fragment as f2,jsx as DN,jsxs as g2}from"react/jsx-runtime";var FN="k-menu-button",k2=[n.hover,n.focus,n.active,n.selected,n.disabled],h2={size:[u.small,u.medium,u.large],rounded:[T.small,T.medium,T.large,T.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]},bd={size:u.medium,rounded:T.medium,fillMode:S.solid,themeColor:x.base,showArrow:!0,arrowIconName:"caret-alt-down"},ze=e=>{let{size:t=bd.size,rounded:l=bd.rounded,fillMode:i=bd.fillMode,themeColor:p=bd.themeColor,hover:m,focus:k,active:h,selected:g,disabled:v,icon:L,text:G,showArrow:N=bd.showArrow,arrowIconName:D=bd.arrowIconName,popup:F,opened:X,...$}=e;return g2(f2,{children:[DN(s,{...$,className:r(e.className,FN),text:G,size:t,rounded:l,fillMode:i,themeColor:p,hover:m,focus:k,active:h,selected:g,disabled:v,icon:L,showArrow:N,arrowIconName:D}),X&&F&&DN(De,{className:"k-menu-popup",children:F})]})};ze.states=k2;ze.options=h2;ze.className=FN;ze.defaultOptions=bd;var Wi=ze;import{jsx as x2}from"react/jsx-runtime";var mne=e=>x2(Wi,{icon:"save",...e,children:void 0});import{jsx as b2}from"react/jsx-runtime";var fne=e=>b2(Wi,{icon:"save",children:"button",...e});import{jsx as v2}from"react/jsx-runtime";var vne=e=>v2(Wi,{children:"button",...e});import{Fragment as A2,jsx as Bc,jsxs as zN}from"react/jsx-runtime";var $b="k-menu-item",y2=[n.hover,n.focus,n.active,n.selected,n.disabled],w2={},RN={iconPosition:"before"},Je=e=>{let{hover:t,focus:l,active:i,selected:p,disabled:m,icon:k,text:h,first:g,last:v,showArrow:L,arrowIconName:G,iconPosition:N=RN.iconPosition,dir:D,children:F,...X}=e,$=Bc(A2,{});F&&F.forEach(me=>{if(me.type==="MenuItemContent"){$.props.children.push(me);return}});let oe=G;return oe||(oe=D==="rtl"?"caret-alt-left":"caret-alt-right"),zN("li",{...X,className:r(e.className,$b,"k-item",B($b,{focus:l,disabled:m,hover:t,active:i,selected:p}),{"k-first":g,"k-last":v}),children:[zN("span",{className:r("k-link k-menu-link"),children:[k&&N==="before"&&Bc(f,{className:"k-menu-link-icon",icon:k}),Bc("span",{className:"k-menu-link-text",children:h}),k&&N==="after"&&Bc(f,{className:"k-menu-link-icon",icon:k}),L&&Bc("span",{className:"k-menu-expand-arrow",children:Bc(f,{icon:oe})})]}),$]})};Je.states=y2;Je.options=w2;Je.className=$b;Je.defaultOptions=RN;import{Fragment as C2,jsx as Mc,jsxs as HN}from"react/jsx-runtime";var ev="k-menu-item",T2=[n.hover,n.focus,n.active,n.selected,n.disabled],N2={},tv={dir:"ltr",iconPosition:"before"},So=e=>{let{hover:t,focus:l,active:i,selected:p,disabled:m,icon:k,text:h,first:g,last:v,showArrow:L,arrowIconName:G,iconPosition:N=tv.iconPosition,dir:D=tv.dir,children:F,popup:X,...$}=e,oe=Mc(C2,{});F&&F.forEach(Ke=>{if(Ke.type==="MenuListItemContent"){oe.props.children.push(Ke);return}});let me=G;return me||(me=D==="rtl"?"caret-alt-left":"caret-alt-right"),HN("li",{...$,className:r(e.className,ev,"k-item",B(ev,{focus:l,disabled:m}),{"k-first":g,"k-last":v}),children:[HN("span",{className:r("k-link k-menu-link",B("k-menu