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

A collection of HTML helpers used for developing Kendo UI themes

var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var J=(e,t)=>s({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),L=(e,t)=>{let{valid:o,invalid:r,hover:i,focus:c,checked:p,active:h,selected:x,disabled:v,indeterminate:T,loading:S,empty:N,readonly:B,highlighted:R,...z}=t;return s({"k-valid":o,"k-invalid":r,"k-hover":i,"k-focus":c,"k-checked":p,"k-active":h,"k-selected":x,"k-disabled":v,"k-indeterminate":T&&!p,"k-loading":S,"k-empty":N,"k-readonly":B,"k-highlighted":R},Object.keys(z).reduce((X,U)=>(U.startsWith("k-")?X[U]=z[U]:X[`k-${U}`]=z[U],X),{}))};function qw(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var k={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},w={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},E={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Sc={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},K={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},m={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"},kn={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var ES={};function u(e){return ES[e]=(ES[e]||0)+1,`k-${e}-${ES[e]}`}import{jsx as f6}from"react/jsx-runtime";var u6=[],b6={},ga=e=>{let{type:t,...o}=e;return f6(t,{...o,className:s(e.className),children:e.children})};ga.states=u6;ga.options=b6;var ya="typography",Ma=ya;import{jsx as k6}from"react/jsx-runtime";var bR="k-body",h6=[],g6={},iv=e=>k6(ga,{...e,className:s(e.className,bR),type:"body"});iv.states=h6;iv.options=g6;iv.className=bR;iv.moduleName=ya;iv.folderName=Ma;import{jsx as T6}from"react/jsx-runtime";var fR="k-pre",x6=[],v6={},sv=e=>T6(ga,{...e,className:s(e.className,fR),type:"pre"});sv.states=x6;sv.options=v6;sv.className=fR;sv.moduleName=ya;sv.folderName=Ma;import{jsx as y6}from"react/jsx-runtime";var hR="k-code",w6=[],N6={},nv=e=>y6(ga,{...e,className:s(e.className,hR),type:"code"});nv.states=w6;nv.options=N6;nv.className=hR;nv.moduleName=ya;nv.folderName=Ma;import{jsx as S6}from"react/jsx-runtime";var gR="k-paragraph",A6=[],C6={},dv=e=>S6(ga,{...e,className:s(e.className,gR),type:"p"});dv.states=A6;dv.options=C6;dv.className=gR;dv.moduleName=ya;dv.folderName=Ma;import{jsx as L6}from"react/jsx-runtime";var kR="k-h1",I6=[],E6={},cv=e=>L6(ga,{...e,className:s(e.className,kR),type:"h1"});cv.states=I6;cv.options=E6;cv.className=kR;cv.moduleName=ya;cv.folderName=Ma;import{jsx as P6}from"react/jsx-runtime";var xR="k-h2",M6=[],B6={},pv=e=>P6(ga,{...e,className:s(e.className,xR),type:"h2"});pv.states=M6;pv.options=B6;pv.className=xR;pv.moduleName=ya;pv.folderName=Ma;import{jsx as O6}from"react/jsx-runtime";var vR="k-h3",R6=[],D6={},mv=e=>O6(ga,{...e,className:s(e.className,vR),type:"h3"});mv.states=R6;mv.options=D6;mv.className=vR;mv.moduleName=ya;mv.folderName=Ma;import{jsx as Y6}from"react/jsx-runtime";var TR="k-h4",K6=[],G6={},uv=e=>Y6(ga,{...e,className:s(e.className,TR),type:"h4"});uv.states=K6;uv.options=G6;uv.className=TR;uv.moduleName=ya;uv.folderName=Ma;import{jsx as z6}from"react/jsx-runtime";var wR="k-h5",H6=[],F6={},bv=e=>z6(ga,{...e,className:s(e.className,wR),type:"h5"});bv.states=H6;bv.options=F6;bv.className=wR;bv.moduleName=ya;bv.folderName=Ma;import{jsx as Q6}from"react/jsx-runtime";var NR="k-h6",W6=[],V6={},fv=e=>Q6(ga,{...e,className:s(e.className,NR),type:"h6"});fv.states=W6;fv.options=V6;fv.className=NR;fv.moduleName=ya;fv.folderName=Ma;import{jsx as U6}from"react/jsx-runtime";var yR="k-display-1",X6=[],Z6={},hv=e=>U6(ga,{...e,className:s(e.className,yR),type:"div"});hv.states=X6;hv.options=Z6;hv.className=yR;hv.moduleName=ya;hv.folderName=Ma;import{jsx as q6}from"react/jsx-runtime";var AR="k-display-2",J6=[],j6={},gv=e=>q6(ga,{...e,className:s(e.className,AR),type:"div"});gv.states=J6;gv.options=j6;gv.className=AR;gv.moduleName=ya;gv.folderName=Ma;import{jsx as eV}from"react/jsx-runtime";var CR="k-display-3",_6=[],$6={},kv=e=>eV(ga,{...e,className:s(e.className,CR),type:"div"});kv.states=_6;kv.options=$6;kv.className=CR;kv.moduleName=ya;kv.folderName=Ma;import{jsx as aV}from"react/jsx-runtime";var SR="k-display-4",tV=[],oV={},xv=e=>aV(ga,{...e,className:s(e.className,SR),type:"div"});xv.states=tV;xv.options=oV;xv.className=SR;xv.moduleName=ya;xv.folderName=Ma;import{Fragment as sV,jsx as IR}from"react/jsx-runtime";var LS="k-font-icon",rV=[],lV={size:[k.undefined,k.xsmall,k.small,k.medium,k.large,k.xlarge,k.xxlarge,k.xxxlarge],themeColor:[K.undefined,K.base,K.primary,K.secondary,K.tertiary,K.success,K.warning,K.error,K.info]},iV={},vv=e=>{let{size:t,themeColor:o,icon:r,rotate:i,flip:c,...p}=e;return r?IR("span",{...p,className:s(e.className,LS,J(LS,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):IR(sV,{})};vv.states=rV;vv.options=lV;vv.className=LS;vv.defaultOptions=iV;var ER=vv;import{Fragment as cV,jsx as _w}from"react/jsx-runtime";var MS="k-svg-icon",nV=[],dV={size:[k.undefined,k.xsmall,k.small,k.medium,k.large,k.xlarge,k.xxlarge,k.xxxlarge],themeColor:[K.undefined,K.base,K.primary,K.secondary,K.tertiary,K.success,K.warning,K.error,K.info],variant:[Sc.outline,Sc.solid,Sc.duotone]},BS={viewBox:"0 0 24 24",variant:Sc.outline},Ic=e=>{let{size:t,themeColor:o,rotate:r,flip:i,viewBox:c=BS.viewBox,variant:p=BS.variant,icon:h,...x}=e;if(!h)return _w(cV,{});if(h==="none")return _w("span",{...x,className:s(e.className,MS,J("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let v=typeof h=="object"&&h.name&&h.name,T=typeof h=="object"?p&&h.variants?.[p]||h.variants?.outline||h.content:void 0;return _w("span",{...x,className:s(e.className,MS,J("k-icon",{size:t}),{[`k-svg-i-${v}`]:v,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:_w("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof h=="object"?h.viewBox:c,dangerouslySetInnerHTML:T!==void 0?{__html:T}:void 0,children:h?void 0:e.children})})};Ic.states=nV;Ic.options=dV;Ic.className=MS;Ic.defaultOptions=BS;var PS=Ic;import*as RS from"@progress/kendo-svg-icons";var LR="icon",MR="icons";import{useContext as mV}from"react";import{createContext as pV}from"react";var BR=pV({iconsType:"svg"});import{Fragment as PR,jsx as Tv}from"react/jsx-runtime";var $w="k-icon",uV=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),bV=[],fV={size:[k.undefined,k.xsmall,k.small,k.medium,k.large,k.xlarge,k.xxlarge,k.xxxlarge],themeColor:[K.undefined,K.base,K.primary,K.secondary,K.tertiary,K.success,K.warning,K.error,K.info],variant:[Sc.outline,Sc.solid,Sc.duotone]},eN={viewBox:"0 0 24 24",type:"svg",variant:Sc.outline},f=e=>{let{iconsType:t}=mV(BR),{size:o,themeColor:r,icon:i,type:c=t||eN.type,rotate:p,flip:h,viewBox:x=eN.viewBox,variant:v=eN.variant,...T}=e;if(!i)return Tv(PR,{});if((t||c)==="svg"){if(i==="none")return Tv(PS,{...T,className:s(e.className,$w),icon:i,size:o,variant:v});let N=RS[i]?i:uV(`${i}-icon`);return RS[N]?Tv(PS,{...T,className:s(e.className,$w),icon:RS[N],size:o,themeColor:r,rotate:p,flip:h,viewBox:x,variant:v}):Tv(PR,{})}return Tv(ER,{...T,className:s(e.className,$w),icon:i,size:o,themeColor:r,rotate:p,flip:h})};f.states=bV;f.options=fV;f.defaultOptions=eN;f.className=$w;f.moduleName=LR;f.folderName=MR;f.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var DS=f;var OS="action-buttons",RR=OS;import{jsx as kV}from"react/jsx-runtime";var tN="k-actions",hV=[],gV={},KS={alignment:"start",orientation:"horizontal"},Ke=e=>{let{alignment:t=KS.alignment,orientation:o=KS.orientation,...r}=e;return kV("div",{...r,className:s(tN,{[`${tN}-${t}`]:t,[`${tN}-${o}`]:o},e.className),children:e.children})};Ke.states=hV;Ke.options=gV;Ke.className=tN;Ke.defaultOptions=KS;Ke.moduleName=OS;Ke.folderName=RR;var DR=Ke;var wv="input",oN=wv;import{jsx as wV}from"react/jsx-runtime";var aN="k-input",xV=[m.hover,m.focus,m.valid,m.invalid,m.required,m.disabled,m.loading,m.readonly],vV={size:[k.undefined,k.small,k.medium,k.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[E.undefined,E.solid,E.flat,E.outline]},TV={},Gt=e=>{let{hover:t,focus:o,disabled:r,invalid:i,valid:c,loading:p,readonly:h,size:x,rounded:v,fillMode:T,...S}=e;return wV("span",{...S,className:s(e.className,aN,J(aN,{size:x,rounded:v,fillMode:T}),L(aN,{hover:t,focus:o,disabled:r,invalid:i,valid:c,loading:p,readonly:h}))})};Gt.states=xV;Gt.options=vV;Gt.className=aN;Gt.defaultOptions=TV;Gt.moduleName=wv;Gt.folderName=oN;import{jsx as CV}from"react/jsx-runtime";var rN="k-picker",NV=[m.hover,m.focus,m.valid,m.invalid,m.required,m.disabled,m.loading,m.readonly],yV={size:[k.undefined,k.small,k.medium,k.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[E.undefined,E.solid,E.flat,E.outline]},AV={},id=e=>{let{hover:t,focus:o,disabled:r,invalid:i,valid:c,loading:p,readonly:h,size:x,rounded:v,fillMode:T,...S}=e;return CV("span",{...S,className:s(e.className,rN,J(rN,{size:x,rounded:v,fillMode:T}),L(rN,{hover:t,focus:o,disabled:r,invalid:i,valid:c,loading:p,readonly:h})),children:e.children})};id.states=NV;id.options=yV;id.className=rN;id.defaultOptions=AV;id.moduleName=wv;id.folderName=oN;import{Fragment as EV,jsx as GS}from"react/jsx-runtime";var OR="k-clear-value",SV=[m.disabled,m.loading,m.readonly],IV={},Xo=e=>{let{disabled:t,loading:o,readonly:r,value:i}=e;return t||r||o||!i?GS(EV,{}):GS("span",{className:s(e.className,OR),children:GS(f,{icon:"x"})})};Xo.states=SV;Xo.options=IV;Xo.className=OR;import{jsx as BV}from"react/jsx-runtime";var YS="k-input-inner",LV=[],MV={},lN={type:"text",autocomplete:"off",value:"",placeholder:""},Oo=e=>{let{value:t=lN.value,type:o=lN.type,placeholder:r=lN.placeholder,autocomplete:i=lN.autocomplete,disabled:c,readOnly:p,...h}=e;return BV("input",{...h,type:o,className:s(e.className,YS,J(YS,e)),placeholder:r,autoComplete:i,defaultValue:t,disabled:c||void 0,readOnly:p||void 0})};Oo.states=LV;Oo.options=MV;Oo.className=YS;import{jsx as KR,jsxs as DV}from"react/jsx-runtime";var HS="k-input-inner",PV=[],RV={},Qp=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:i,valueIconName:c,...p}=e;return DV("span",{...p,className:s(e.className,HS,J(HS,e)),children:[i,!i&&c&&KR(f,{className:"k-input-value-icon",icon:c}),r&&!t&&o,r&&t&&KR("span",{className:"k-input-value-text",children:t})]})};Qp.states=PV;Qp.options=RV;Qp.className=HS;import{jsx as GV}from"react/jsx-runtime";var FS="k-input-inner",OV=[],KV={},GR={value:"",placeholder:""},mb=e=>{let{value:t=GR.value,placeholder:o=GR.placeholder,rows:r,disabled:i,...c}=e;return GV("textarea",{...c,className:s(e.className,FS,J(FS,e)),placeholder:o,rows:r,defaultValue:t,disabled:i||void 0})};mb.states=OV;mb.options=KV;mb.className=FS;import{Fragment as HV,jsx as YR}from"react/jsx-runtime";var HR="k-input-loading-icon",YV=[m.disabled,m.loading],Io=e=>{let{disabled:t,loading:o}=e;return t||!o?YR(HV,{}):YR("span",{className:s(e.className,HR,"k-icon k-i-loading")})};Io.states=YV;Io.className=HR;import{Fragment as WV,jsx as FR}from"react/jsx-runtime";var zR="k-input-validation-icon",FV=[m.valid,m.invalid,m.disabled,m.loading],zV={},vo=e=>{let{valid:t,invalid:o,disabled:r,loading:i}=e,c=o?"warning-circle":"check-circle";return r||i||!!!(t||o)?FR(WV,{}):FR(f,{className:s(zR),icon:c})};vo.states=FV;vo.options=zV;vo.className=zR;import{Fragment as XV,jsx as WR}from"react/jsx-runtime";var VV="k-input-prefix",QV={direction:"horizontal"},Eo=e=>{let{direction:t=QV.direction,...o}=e;return e.children?WR("span",{...o,className:s(VV,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):WR(XV,{})};import{Fragment as JV,jsx as VR}from"react/jsx-runtime";var ZV="k-input-suffix",UV={direction:"horizontal"},Lo=e=>{let{direction:t=UV.direction,...o}=e;return e.children?VR("span",{...o,className:s(ZV,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):VR(JV,{})};import{jsx as qV}from"react/jsx-runtime";var jV="k-input-prefix-text",i1e=e=>{let{children:t,...o}=e;return qV("span",{...o,className:s(jV,e.className),children:t})};import{jsx as $V}from"react/jsx-runtime";var _V="k-input-suffix-text",iN=e=>{let{children:t,...o}=e;return $V("span",{...o,className:s(_V,e.className),children:t})};import{jsx as tQ}from"react/jsx-runtime";var QR="k-input-separator",eQ={direction:"vertical"},ka=e=>{let{direction:t=eQ.direction,...o}=e;return tQ("span",{...o,className:s(QR,e.className,{[`${QR}-${t}`]:t})})};var zS="button",XR=zS;import{Fragment as ZR,jsx as Ef,jsxs as UR}from"react/jsx-runtime";var Nv="k-button",oQ=["icon-button"],aQ=[m.hover,m.focus,m.active,m.selected,m.disabled,m.generating],rQ={size:[k.undefined,k.xsmall,k.small,k.medium,k.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[E.undefined,E.solid,E.flat,E.outline,E.clear,E.link],themeColor:[K.undefined,K.base,K.primary,K.secondary,K.tertiary,K.success,K.warning,K.error,K.info,K.inverse]},WS={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:r,fillMode:i,themeColor:c,showArrow:p=WS.showArrow,arrowIconName:h=WS.arrowIconName,variant:x,hover:v,focus:T,active:S,selected:N,disabled:B,togglable:R,ariaDisabled:z,icon:X,iconSize:U,text:re,iconClassName:Ge,className:Ye,...At}=e,Kt=X!=null,Ut=e.children!==void 0;return UR(t,{className:s(Ye,Nv,qw(Nv,x),J(Nv,{size:o,rounded:r,fillMode:i,themeColor:c}),L(Nv,{hover:v,focus:T,active:S,disabled:B||z,selected:N}),{"k-icon-button":!re&&!Ut&&Kt}),"aria-pressed":R?N?"true":"false":void 0,...At,"aria-disabled":z?"true":void 0,disabled:B||void 0,children:[typeof X=="string"&&X&&Ef(f,{className:s(Ge,"k-button-icon"),icon:X,size:U}),X&&typeof X!="string"&&Ef(ZR,{children:X}),re?UR(ZR,{children:[re&&Ef("span",{className:"k-button-text",children:re}),e.children]}):e.children&&Ef("span",{className:"k-button-text",children:e.children}),p&&Ef("span",{className:"k-menu-button-arrow k-button-arrow",children:Ef(f,{icon:h})})]})};d.states=aQ;d.options=rQ;d.variants=oQ;d.className=Nv;d.defaultOptions=WS;d.moduleName=zS;d.folderName=XR;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as lQ}from"react/jsx-runtime";var jr=e=>lQ(d,{children:"Button",...e});import{Fragment as JR,jsx as Ec,jsxs as VS}from"react/jsx-runtime";var iQ=Gt.states,sQ=Gt.defaultOptions,nQ=Gt.options,dQ=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],cQ=[],Lf=e=>{let{modifiers:t,valid:o,invalid:r,loading:i,disabled:c,readonly:p,...h}=e,x=t?.prefix,v=t?.suffix,T=t?.["clear-button"],S=t?.["validation-icon"],N=t?.separators;return VS(Gt,{...h,valid:o,invalid:r,loading:i,disabled:c,readonly:p,style:{width:300},children:[x&&VS(JR,{children:[Ec(Eo,{children:Ec(f,{icon:"lock"})}),N&&Ec(ka,{})]}),Ec(Oo,{placeholder:"Placeholder",value:"Value"}),S&&Ec(vo,{valid:o,invalid:r,loading:i,disabled:c}),Ec(Io,{loading:i,disabled:c}),T&&Ec(Xo,{loading:i,disabled:c,readonly:p,value:"Value"}),v&&VS(JR,{children:[N&&Ec(ka,{}),Ec(Lo,{children:Ec(jr,{size:h.size,fillMode:"clear",children:"Send"})})]})]})};Lf.options=nQ;Lf.states=iQ;Lf.variants=cQ;Lf.defaultOptions=sQ;Lf.modifiers=dQ;Lf.className=Gt.className;import{jsx as bQ}from"react/jsx-runtime";var sN="k-input-group",pQ=[m.disabled],mQ={fillMode:[E.undefined,E.solid,E.flat,E.outline,E.clear,E.link]},uQ={},Xp=e=>{let{fillMode:t,disabled:o,...r}=e;return bQ("div",{...r,className:s(e.className,sN,J(sN,{fillMode:t}),L(sN,{disabled:o})),children:e.children})};Xp.states=pQ;Xp.options=mQ;Xp.className=sN;Xp.defaultOptions=uQ;var QS="popup",jR=QS;import{jsx as qR}from"react/jsx-runtime";var _R="k-animation-container",fQ=[],hQ={},XS={positionMode:"absolute",shown:!0},sd=e=>{let{positionMode:t=XS.positionMode,shown:o=XS.shown,animationStyle:r,offset:i,...c}=e;return qR("div",{...c,style:{...i,...e.style},className:s(e.className,_R,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:qR("div",{className:"k-child-animation-container",style:r,children:e.children})})};sd.states=fQ;sd.options=hQ;sd.className=_R;sd.defaultOptions=XS;sd.moduleName=QS;sd.folderName=jR;var ZS="popup",$R=ZS;import{jsx as eD}from"react/jsx-runtime";var tD="k-popup",gQ=[],kQ={},oD={positionMode:"absolute"},Ie=e=>{let{offset:t,positionMode:o=oD.positionMode,animationStyle:r,containerClassName:i,containerRole:c,containerAriaLabel:p,...h}=e;return eD(sd,{positionMode:o,offset:t,animationStyle:r,className:i,role:c,"aria-label":p,children:eD("div",{...h,className:s(e.className,tD),children:e.children})})};Ie.states=gQ;Ie.options=kQ;Ie.className=tD;Ie.defaultOptions=oD;Ie.moduleName=ZS;Ie.folderName=$R;Ie.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};import US from"react";import{jsx as aD}from"react/jsx-runtime";var xQ="k-list-group-sticky-header",nN=e=>aD("div",{className:s(xQ,e.className),children:aD("div",{className:"k-list-header-text",children:e.children})});import{jsx as TQ}from"react/jsx-runtime";var vQ="k-no-data",ub=e=>{let{live:t,...o}=e;return TQ("span",{...o,className:s(vQ,e.className),"aria-live":t?"polite":void 0,children:e.children})};var bb="list",Mf=bb;import{jsx as rD,jsxs as lD}from"react/jsx-runtime";var JS="k-list",wQ=[],NQ={size:[k.undefined,k.small,k.medium,k.large]},yQ={},pe=e=>{let{size:t,virtualization:o,children:r,header:i,selectAll:c,optionLabel:p,customValue:h,noData:x,screenReaders:v,...T}=e,N=US.Children.toArray(r)[0],B=N?.props?.children?US.Children.count(N.props.children):US.Children.count(r);return lD("div",{...T,className:s(e.className,JS,J(JS,{size:t}),{"k-virtual-list":o}),children:[p,c,h,i&&rD(nN,{children:i}),r||(x!==void 0?x:rD(ub,{live:!0,children:"No data found."})),v&&r&&lD(ub,{className:"k-sr-only",live:!0,children:[B," items found."]})]})};pe.states=wQ;pe.options=NQ;pe.className=JS;pe.defaultOptions=yQ;pe.moduleName=bb;pe.folderName=Mf;pe.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as IQ}from"react/jsx-runtime";var iD="k-list-container",AQ=[],CQ={},SQ={},Bf=e=>{let{...t}=e;return IQ("div",{...t,className:s(e.className,iD),children:e.children})};Bf.states=AQ;Bf.options=CQ;Bf.className=iD;Bf.defaultOptions=SQ;Bf.moduleName=bb;Bf.folderName=Mf;var fb="checkbox",Pf=fb;import{jsx as sD}from"react/jsx-runtime";var dN="k-checkbox",EQ=[m.hover,m.focus,m.valid,m.invalid,m.required,m.disabled,m.checked,m.indeterminate],LQ={size:[k.undefined,k.small,k.medium,k.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full]},MQ={},Ue=e=>{let{id:t,checked:o,indeterminate:r,hover:i,focus:c,disabled:p,invalid:h,valid:x,required:v,size:T,rounded:S,wrapperRole:N,...B}=e;return sD("span",{className:"k-checkbox-wrap",role:N,children:sD("input",{...B,id:t,type:"checkbox",defaultChecked:o,required:v,disabled:p||void 0,"aria-invalid":h?"true":void 0,className:s(e.className,dN,J(dN,{size:T,rounded:S}),L(dN,{hover:i,focus:c,disabled:p,invalid:h,valid:x,indeterminate:r,checked:o}))})})};Ue.states=EQ;Ue.options=LQ;Ue.className=dN;Ue.defaultOptions=MQ;Ue.moduleName=fb;Ue.folderName=Pf;Ue.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var ji=Ue;import{jsx as RQ}from"react/jsx-runtime";var nD="k-checkbox-list",BQ=[],PQ={},dD={layout:"vertical"},ai=e=>{let{layout:t=dD.layout,...o}=e;return RQ("ul",{...o,className:s(e.className,nD,{[`k-list-${t}`]:t}),children:e.children})};ai.states=BQ;ai.options=PQ;ai.className=nD;ai.defaultOptions=dD;ai.moduleName=fb;ai.folderName=Pf;import{jsx as GQ}from"react/jsx-runtime";var cD="k-checkbox-list-item",DQ=[],OQ={},KQ={},Vr=e=>{let{...t}=e;return GQ("li",{...t,className:s(e.className,cD),children:e.children})};Vr.states=DQ;Vr.options=OQ;Vr.className=cD;Vr.defaultOptions=KQ;Vr.moduleName=fb;Vr.folderName=Pf;import{Fragment as YQ,jsx as pD,jsxs as HQ}from"react/jsx-runtime";var xn=({children:e="Label",id:t="cb-label-after",...o})=>HQ(YQ,{children:[pD(ji,{id:t,...o}),pD("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as FQ,jsx as mD,jsxs as zQ}from"react/jsx-runtime";var oRe=({children:e,id:t,...o})=>zQ(FQ,{children:[mD("label",{className:"k-checkbox-label",htmlFor:t,children:e}),mD(ji,{id:t,...o})]});import{Fragment as WQ,jsx as hb,jsxs as VQ}from"react/jsx-runtime";var iRe=e=>hb(ai,{children:VQ(WQ,{children:[hb(Vr,{children:hb(Ue,{"aria-label":"Option 1"})}),hb(Vr,{children:hb(Ue,{"aria-label":"Option 2"})}),hb(Vr,{children:hb(Ue,{"aria-label":"Option 3"})})]}),layout:"horizontal",...e});import{Fragment as QQ,jsx as gb,jsxs as XQ}from"react/jsx-runtime";var cRe=e=>gb(ai,{children:XQ(QQ,{children:[gb(Vr,{children:gb(Ue,{"aria-label":"Option 1"})}),gb(Vr,{children:gb(Ue,{"aria-label":"Option 2"})}),gb(Vr,{children:gb(Ue,{"aria-label":"Option 3"})})]}),...e});import{jsx as ZQ}from"react/jsx-runtime";var jS=e=>ZQ(ji,{"aria-label":e["aria-label"]||"Checkbox",...e});import{jsx as UQ}from"react/jsx-runtime";var gRe=e=>UQ(ji,{checked:!0,"aria-label":e["aria-label"]||"Checkbox",...e});import{jsx as JQ}from"react/jsx-runtime";var TRe=e=>JQ(ji,{invalid:!0,"aria-label":e["aria-label"]||"Invalid checkbox",...e});import{jsx as nd,jsxs as uD}from"react/jsx-runtime";var jQ=ai.options,qQ=ai.states,_Q={...ai.defaultOptions,variant:"vertical"},$Q=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],e5=[],Rf=e=>{let{variant:t,...o}=e;return t==="horizontal"?uD(ai,{layout:"horizontal",...o,children:[nd(Vr,{children:nd(xn,{id:u("cb"),defaultChecked:!0,children:"Label"})}),nd(Vr,{children:nd(xn,{id:u("cb"),children:"Label"})}),nd(Vr,{children:nd(xn,{id:u("cb"),children:"Label"})})]}):uD(ai,{...o,children:[nd(Vr,{children:nd(xn,{id:u("cb"),defaultChecked:!0,children:"Label"})}),nd(Vr,{children:nd(xn,{id:u("cb"),children:"Label"})}),nd(Vr,{children:nd(xn,{id:u("cb"),children:"Label"})})]})};Rf.options=jQ;Rf.states=qQ;Rf.variants=$Q;Rf.defaultOptions=_Q;Rf.modifiers=e5;Rf.className=ai.className;import{jsx as i5}from"react/jsx-runtime";var t5=ji.options,o5=ji.states,a5=ji.defaultOptions,r5=[],l5=[],Df=e=>i5(xn,{id:u("checkbox"),...e,defaultChecked:!0,children:"Label"});Df.options=t5;Df.states=o5;Df.variants=r5;Df.defaultOptions=a5;Df.modifiers=l5;Df.className=ji.className;import{jsx as kb,jsxs as c5}from"react/jsx-runtime";var qS="k-list-item",s5=[m.hover,m.focus,m.selected,m.disabled],n5={},d5={},y=e=>{let{text:t,groupLabel:o,group:r,iconName:i,iconClassName:c,showCheckbox:p,checked:h,hover:x,focus:v,selected:T,disabled:S,actions:N,description:B,id:R,...z}=e,X=t||e.children;return c5("li",{...z,id:R,role:r?"presentation":"option",tabIndex:r?void 0:v?0:-1,"aria-selected":!r&&T?"true":r?void 0:"false","aria-disabled":!r&&S?"true":void 0,className:s(e.className,r?"k-list-group-item":qS,L(qS,{hover:x,focus:v,disabled:S,selected:T})),children:[p&&kb(Ue,{checked:h}),i&&kb("span",{className:"k-list-item-icon-wrapper",children:kb(f,{icon:i,className:s("k-list-item-icon",c)})}),kb("span",{className:"k-list-item-text",children:X}),N&&kb("div",{className:"k-list-item-actions",children:N}),B&&kb("span",{className:"k-list-item-description",children:B}),o&&o!==""&&kb("div",{className:"k-list-item-group-label",children:o})]})};y.states=s5;y.options=n5;y.className=qS;y.defaultOptions=d5;y.moduleName=bb;y.folderName=Mf;y.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as m5}from"react/jsx-runtime";var p5="k-list-ul",ao=e=>{let{children:t,role:o,id:r,...i}=e;return m5("ul",{...i,id:r,role:o,className:s(p5,e.className),children:t})};ao.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as _S,jsxs as b5}from"react/jsx-runtime";var u5="k-list-content",ve=e=>{let{virtualization:t,grouping:o,"aria-label":r,"aria-labelledby":i,listboxId:c,...p}=e;return b5("div",{...p,className:s(u5,e.className),role:o?"listbox":void 0,id:o?c:void 0,"aria-label":o?r:void 0,"aria-labelledby":o?i:void 0,children:[o?e.children:_S(ao,{role:"listbox",id:c,"aria-label":r,"aria-labelledby":i,children:e.children}),t&&_S("div",{className:"k-height-container",children:_S("div",{})})]})};ve.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{jsx as $S,jsxs as k5}from"react/jsx-runtime";var cN="k-list-sticky-header",f5=[m.hover,m.focus,m.selected],h5={},g5={},Es=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:r,indeterminate:i,hover:c,focus:p,selected:h,...x}=e;return $S("div",{...x,className:s(cN,e.className),children:k5("div",{className:s(`${cN}-item`,L(`${cN}-item`,{hover:c,focus:p,selected:h})),children:[o&&$S(Ue,{checked:r,indeterminate:i,"aria-label":t}),$S("span",{className:"k-list-item-text",children:t})]})})};Es.states=f5;Es.options=h5;Es.className=cN;Es.defaultOptions=g5;import{Fragment as x5,jsx as bD,jsxs as v5}from"react/jsx-runtime";var bDe=e=>{let{virtualization:t,label:o}=e;return v5(x5,{children:[o&&bD(nN,{children:o}),e.children&&bD(ve,{virtualization:t,children:e.children})]})};import{jsx as eI,jsxs as w5}from"react/jsx-runtime";var T5="k-list-group-item",To=e=>{let{groupIconName:t,...o}=e;return w5("li",{...o,role:"presentation",className:s(T5,e.className),children:[t&&eI("span",{className:"k-list-item-icon-wrapper",children:eI(f,{icon:t,className:"k-list-item-icon"})}),eI("span",{className:"k-list-item-text",children:e.children})]})};To.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as C5}from"react/jsx-runtime";var tI="k-list-optionlabel",N5=[m.hover,m.focus,m.selected,m.disabled],y5={},A5={},pN=e=>{let{text:t,hover:o,focus:r,selected:i,disabled:c,...p}=e;return C5("div",{...p,className:s(tI,L(tI,{hover:o,focus:r,selected:i,disabled:c})),children:t})};pN.states=N5;pN.options=y5;pN.className=tI;pN.defaultOptions=A5;import{jsx as L5}from"react/jsx-runtime";var oI="k-list-custom-value",S5=[m.hover,m.focus,m.selected,m.disabled],I5={},E5={},ja=e=>{let{text:t,hover:o,focus:r,selected:i,disabled:c,...p}=e;return L5("div",{...p,className:s(oI,L(oI,{hover:o,focus:r,selected:i,disabled:c})),children:t})};ja.states=S5;ja.options=I5;ja.className=oI;ja.defaultOptions=E5;import{Fragment as M5,jsx as yv,jsxs as B5}from"react/jsx-runtime";var EDe=({children:e,...t})=>yv(pe,{...t,children:yv(ve,{listboxId:"list-normal-listbox","aria-label":"Options",children:e||B5(M5,{children:[yv(y,{id:u("list-item"),children:"List item"},"list-item-1"),yv(y,{id:u("list-item"),children:"List item"},"list-item-2"),yv(y,{id:u("list-item"),children:"List item"},"list-item-3")]})})});import{Fragment as P5,jsx as Av,jsxs as R5}from"react/jsx-runtime";var RDe=({children:e,...t})=>Av(pe,{virtualization:!0,...t,children:Av(ve,{virtualization:!0,listboxId:"list-virt-listbox","aria-label":"Options",children:e||R5(P5,{children:[Av(y,{id:u("list-virt-item"),children:"List item"},"list-item-1"),Av(y,{id:u("list-virt-item"),children:"List item"},"list-item-2"),Av(y,{id:u("list-virt-item"),children:"List item"},"list-item-3")]})})});import{Fragment as O5,jsx as Lc,jsxs as aI}from"react/jsx-runtime";var D5=({children:e,...t})=>{let o=u("list-grp-group"),r=u("list-grp-group");return Lc(pe,{header:"Group 1",...t,children:Lc(ve,{grouping:!0,listboxId:"list-grp-listbox","aria-label":"Options",children:e||aI(O5,{children:[aI(ao,{role:"group","aria-labelledby":o,children:[Lc(To,{id:o,children:"Group 1"}),Lc(y,{id:u("list-grp-item"),children:"List item 1.1"}),Lc(y,{id:u("list-grp-item"),children:"List item 1.2"}),Lc(y,{id:u("list-grp-item"),children:"List item 1.3"})]}),aI(ao,{role:"group","aria-labelledby":r,children:[Lc(To,{id:r,children:"Group 2"}),Lc(y,{id:u("list-grp-item"),children:"List item 2.1"}),Lc(y,{id:u("list-grp-item"),children:"List item 2.2"}),Lc(y,{id:u("list-grp-item"),children:"List item 2.3"})]})]})})})},YDe=D5;import{Fragment as G5,jsx as Mc,jsxs as rI}from"react/jsx-runtime";var K5=({children:e,...t})=>{let o=u("list-virt-grp-group"),r=u("list-virt-grp-group");return Mc(pe,{header:"Group 1",...t,virtualization:!0,children:Mc(ve,{grouping:!0,virtualization:!0,listboxId:"list-virt-grp-listbox","aria-label":"Options",children:e||rI(G5,{children:[rI(ao,{role:"group","aria-labelledby":o,children:[Mc(To,{id:o,children:"Group 1"}),Mc(y,{id:u("list-virt-grp-item"),children:"List item 1.1"}),Mc(y,{id:u("list-virt-grp-item"),children:"List item 1.2"}),Mc(y,{id:u("list-virt-grp-item"),children:"List item 1.3"})]}),rI(ao,{role:"group","aria-labelledby":r,children:[Mc(To,{id:r,children:"Group 2"}),Mc(y,{id:u("list-virt-grp-item"),children:"List item 2.1"}),Mc(y,{id:u("list-virt-grp-item"),children:"List item 2.2"}),Mc(y,{id:u("list-virt-grp-item"),children:"List item 2.3"})]})]})})})},VDe=K5;import{jsx as Y5}from"react/jsx-runtime";var UDe=e=>Y5(pe,{...e});import{Fragment as H5,jsx as Cv,jsxs as F5}from"react/jsx-runtime";var $De=({children:e,...t})=>Cv(pe,{...t,children:Cv(ve,{listboxId:"list-icons-listbox","aria-label":"Options",children:e||F5(H5,{children:[Cv(y,{id:u("list-icons-item"),iconName:"folder",children:"Folder item"}),Cv(y,{id:u("list-icons-item"),iconName:"file",children:"File item"}),Cv(y,{id:u("list-icons-item"),iconName:"image",children:"Image item"})]})})});import{jsx as z5}from"react/jsx-runtime";var He=e=>z5(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as W5}from"react/jsx-runtime";var tt=e=>W5(d,{icon:"folder",children:"Button",...e});import{jsx as lI}from"react/jsx-runtime";var V5=d.options,Q5=d.states,X5={...d.defaultOptions,variant:"text"},Z5=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],U5=[],Of=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return lI(He,{...o,icon:"star"});case"icon-and-text":return lI(tt,{...o,icon:"star",children:"Button"});default:return lI(jr,{...o,children:"Button"})}};Of.options=V5;Of.states=Q5;Of.variants=Z5;Of.defaultOptions=X5;Of.modifiers=U5;Of.className=d.className;var iI="suggestion",fD=iI;import{jsx as mN,jsxs as q5}from"react/jsx-runtime";var uN="k-suggestion-group",J5=[],j5={},hD={layout:"scrollable",scrollingPosition:"start"},vl=e=>{let{layout:t=hD.layout,scrollingPosition:o,...r}=e,i=mN("div",{...r,className:s(uN,{"k-suggestion-group-scrollable":t=="scrollable",[`${uN}-scrollable-start`]:o==="start"||o==="both",[`${uN}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?mN("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?q5("div",{className:"k-suggestion-scrollwrap",children:[mN(d,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),i,mN(d,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):i};vl.states=J5;vl.options=j5;vl.className=uN;vl.defaultOptions=hD;vl.moduleName=iI;vl.folderName=fD;import{jsx as tX}from"react/jsx-runtime";var bN="k-suggestion",_5=[m.active,m.hover,m.focus],$5={themeColor:[K.undefined,K.base,K.primary,K.secondary,K.tertiary]},eX={text:"Suggestion"},Ba=e=>{let{themeColor:t,active:o,hover:r,focus:i,text:c,...p}=e;return tX("span",{...p,className:s(e.className,bN,L(bN,{hover:r,active:o,focus:i}),J(bN,{themeColor:t})),role:"button",tabIndex:0,"aria-label":c,children:c})};Ba.states=_5;Ba.options=$5;Ba.className=bN;Ba.item=eX;import{Fragment as oX,jsx as fN,jsxs as aX}from"react/jsx-runtime";var JOe=e=>fN(vl,{children:aX(oX,{children:[fN(Ba,{text:"Suggestion"}),fN(Ba,{text:"Suggestion"}),fN(Ba,{text:"Suggestion"})]}),...e});import{Fragment as rX,jsx as hN,jsxs as lX}from"react/jsx-runtime";var $Oe=e=>hN(vl,{layout:"scrollButtons",children:lX(rX,{children:[hN(Ba,{text:"Suggestion"}),hN(Ba,{text:"Suggestion"}),hN(Ba,{text:"Suggestion"})]}),...e});import{Fragment as iX,jsx as gN,jsxs as sX}from"react/jsx-runtime";var a2e=e=>gN(vl,{layout:"wrap",children:sX(iX,{children:[gN(Ba,{text:"Suggestion"}),gN(Ba,{text:"Suggestion"}),gN(Ba,{text:"Suggestion"})]}),...e});var sI="avatar",gD=sI;import{jsx as kD}from"react/jsx-runtime";var Sv="k-avatar";var nX=[m.hover,m.focus,m.active,m.selected,m.disabled],dX={size:[k.undefined,k.small,k.medium,k.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[E.undefined,E.solid,E.outline],themeColor:[K.undefined,K.base,K.primary,K.secondary,K.tertiary]},nI={type:"text",border:!1},qr=e=>{let{size:t,rounded:o,fillMode:r,themeColor:i,type:c=nI.type,border:p=nI.border,...h}=e;return kD("div",{...h,className:s(e.className,Sv,J(Sv,{size:t,rounded:o,fillMode:r,themeColor:i}),{[`${Sv}-bordered`]:p}),children:kD("span",{className:`${Sv}-${c}`,children:e.children})})};qr.states=nX;qr.options=dX;qr.className=Sv;qr.defaultOptions=nI;qr.moduleName=sI;qr.folderName=gD;qr.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Fm=qr;import{jsx as cX}from"react/jsx-runtime";var Iv=e=>cX(Fm,{type:"icon",...e});import{jsx as pX}from"react/jsx-runtime";var xD=e=>pX(Fm,{type:"text",...e});import{jsx as mX}from"react/jsx-runtime";var kN=e=>mX(Fm,{type:"image",...e});import{jsx as vD}from"react/jsx-runtime";var S2e=e=>vD(Fm,{type:"image",...e,children:vD("img",{src:"/packages/html/assets/avatar.jpg",alt:"User avatar"})});import{jsx as Ev}from"react/jsx-runtime";var uX=qr.options,bX=qr.states,fX={...qr.defaultOptions,variant:"image"},hX=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],gX=[],Kf=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ev(Iv,{...o,children:Ev(f,{icon:"star"})});case"text":return Ev(xD,{...o,children:"JO"});default:return Ev(kN,{...o,children:Ev("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Kf.options=uX;Kf.states=bX;Kf.variants=hX;Kf.defaultOptions=fX;Kf.modifiers=gX;Kf.className=qr.className;var dI="badge",TD=dI;import{jsx as vX}from"react/jsx-runtime";var Lv="k-badge",kX=[],xX={size:[k.undefined,k.small,k.medium,k.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[E.undefined,E.solid,E.outline],themeColor:[K.undefined,K.base,K.primary,K.secondary,K.tertiary,K.info,K.success,K.warning,K.error]},wD={cutoutBorder:!1},Dl=e=>{let{size:t,fillMode:o,themeColor:r,cutoutBorder:i=wD.cutoutBorder,rounded:c,position:p,align:h,...x}=e;return vX("span",{...x,className:s(e.className,Lv,J(Lv,{size:t,rounded:c,fillMode:o,themeColor:r}),{[`${Lv}-${p}`]:p,[`k-${h}`]:h,[`${Lv}-border-cutout`]:i}),children:e.children})};Dl.states=kX;Dl.options=xX;Dl.className=Lv;Dl.defaultOptions=wD;Dl.moduleName=dI;Dl.folderName=TD;Dl.ariaSpec={selector:".k-badge",rules:[]};import{jsx as TX}from"react/jsx-runtime";var q2e=e=>TX(Dl,{...e});import{jsx as ND}from"react/jsx-runtime";var oKe=e=>ND(Dl,{children:ND(f,{className:"k-badge-icon",icon:"x-circle"}),...e});import{jsx as xb,jsxs as yD}from"react/jsx-runtime";var wX={...Dl.options,cutoutBorder:{type:"boolean"}},NX=Dl.states,AD={...Dl.defaultOptions,themeColor:"error",variant:"icon"},yX=[{name:"icon",title:"Icon Badge"},{name:"text",title:"Text Badge"}],Gf=e=>{let{variant:t,...o}={...AD,...e},r={};return t==="text"?yD("div",{className:"k-badge-container",children:[xb(Iv,{children:xb(f,{icon:"user"})}),xb(Dl,{align:"bottom-end",position:"edge",...o,...r,children:"26"})]}):yD("div",{className:"k-badge-container",children:[xb(Iv,{children:xb(f,{icon:"user"})}),xb(Dl,{align:"bottom-end",position:"edge",...o,...r,children:xb(f,{icon:"minus"})})]})};Gf.options=wX;Gf.states=NX;Gf.variants=yX;Gf.defaultOptions=AD;Gf.modifiers=[];Gf.className=Dl.className;import{jsx as xN}from"react/jsx-runtime";var AX="k-chip-action",CX=(o=>(o.REMOVE="remove",o.MORE="more",o))(CX||{}),Ae=e=>{let{type:t,...o}=e,r;switch(t){case"remove":r=xN(f,{icon:"x-circle",size:"small"});break;case"more":r=xN(f,{icon:"more-vertical",size:"small"});break;default:return xN(f,{icon:t,size:"small"})}return xN("span",{...o,className:s(e.className,AX,`k-chip-${t}-action`),children:r})};var Mv="chip",vN=Mv,TN="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg";import{jsx as Yf,jsxs as EX}from"react/jsx-runtime";var wN="k-chip",SX=[m.hover,m.focus,m.active,m.selected,m.disabled],IX={size:[k.undefined,k.small,k.medium,k.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[E.undefined,E.solid,E.outline],themeColor:[K.undefined,K.base,K.success,K.warning,K.error,K.info]},CD={avatarImage:"/packages/html/assets/avatar.jpg"},Ee=e=>{let{size:t,rounded:o,fillMode:r,themeColor:i,text:c,icon:p,actions:h,showAvatar:x,avatarImage:v=CD.avatarImage,hover:T,focus:S,active:N,selected:B,disabled:R,...z}=e;return EX("div",{...z,className:s(e.className,wN,J(wN,{size:t,rounded:o,fillMode:r,themeColor:i}),L(wN,{hover:T,focus:S,active:N,disabled:R,selected:B})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:B?"true":"false",...e.role==="option"&&B!==void 0&&{"aria-selected":B?"true":"false"},"aria-disabled":R?"true":void 0,children:[p&&Yf(f,{className:"k-chip-icon",icon:p,size:"small"}),x&&Yf(qr,{className:"k-chip-avatar",type:"image",children:Yf("img",{src:v,alt:""})}),Yf("span",{className:"k-chip-content",children:e.children?e.children:c&&Yf("span",{className:"k-chip-label",children:c})}),h&&Yf("span",{className:"k-chip-actions",children:h})]})};Ee.states=SX;Ee.options=IX;Ee.className=wN;Ee.defaultOptions=CD;Ee.moduleName=Mv;Ee.folderName=vN;Ee.ariaSpec={selector:".k-chip",rules:[{selector:"*:not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:"*:not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var Cr=Ee;import{jsx as PX}from"react/jsx-runtime";var cI="k-chip-list",LX=[],MX={size:[k.undefined,k.small,k.medium,k.large]},BX={},ot=e=>{let{size:t,multiselectable:o,ariaLabel:r,...i}=e;return PX("div",{...i,className:s(e.className,cI,J(cI,{size:t})),role:e.role||"listbox","aria-label":e.role==="none"?void 0:r||"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};ot.states=LX;ot.options=MX;ot.className=cI;ot.defaultOptions=BX;ot.moduleName=Mv;ot.folderName=vN;ot.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};import{jsx as RX}from"react/jsx-runtime";var BKe=e=>RX(Cr,{showAvatar:!0,text:"User",...e});import{jsx as DX}from"react/jsx-runtime";var OKe=e=>DX(Cr,{icon:"map-marker-target","aria-label":"Location",...e});import{jsx as OX}from"react/jsx-runtime";var NN=e=>OX(Cr,{text:"text",...e});import{jsx as SD}from"react/jsx-runtime";var yN=e=>SD(Cr,{text:"Removable",...e,actions:SD(Ae,{type:"remove"})});import{jsx as KX}from"react/jsx-runtime";var ZKe=e=>KX(Cr,{text:"Selected",selected:!0,...e});import{Fragment as GX,jsx as pI,jsxs as YX}from"react/jsx-runtime";var _Ke=e=>pI(Cr,{text:"All actions",actions:YX(GX,{children:[pI(Ae,{type:"more"}),pI(Ae,{type:"remove"})]}),...e});import{jsx as mI,jsxs as HX}from"react/jsx-runtime";var aGe=e=>HX(ot,{...e,children:[mI(Cr,{role:"option","aria-selected":"false",text:"Chip 1"}),mI(Cr,{role:"option","aria-selected":"false",text:"Chip 2"}),mI(Cr,{role:"option","aria-selected":"false",text:"Chip 3"})]});import{jsx as uI,jsxs as FX}from"react/jsx-runtime";var nGe=e=>FX(ot,{...e,children:[uI(Cr,{role:"option",text:"Chip 1",selected:!0}),uI(Cr,{role:"option","aria-selected":"false",text:"Chip 2"}),uI(Cr,{role:"option","aria-selected":"false",text:"Chip 3"})]});import{jsx as bI,jsxs as zX}from"react/jsx-runtime";var uGe=e=>zX(ot,{...e,children:[bI(yN,{role:"option","aria-selected":"false","aria-keyshortcuts":"Enter Delete"}),bI(yN,{role:"option","aria-selected":"false","aria-keyshortcuts":"Enter Delete"}),bI(yN,{role:"option","aria-selected":"false","aria-keyshortcuts":"Enter Delete"})]});import{jsx as Hf,jsxs as UX}from"react/jsx-runtime";var WX={...Cr.options,...ot.options},VX=[],QX=ot.states,XX={...Cr.defaultOptions,...ot.defaultOptions},ZX=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Ff=e=>{let{modifiers:t,className:o,...r}=e,i=t?.icon,c=t?.actions,p=t?.avatar,h=p?TN:void 0;return UX(ot,{size:r.size,className:o,children:[Hf(NN,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:i?"star":void 0,actions:c?Hf(Ae,{type:"remove"}):void 0,showAvatar:p,avatarImage:h,children:"Chip"}),Hf(NN,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:i?"star":void 0,actions:c?Hf(Ae,{type:"remove"}):void 0,showAvatar:p,avatarImage:h,children:"Chip"}),Hf(NN,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:i?"star":void 0,actions:c?Hf(Ae,{type:"remove"}):void 0,showAvatar:p,avatarImage:h,children:"Chip"})]})};Ff.options=WX;Ff.states=QX;Ff.variants=VX;Ff.defaultOptions=XX;Ff.modifiers=ZX;Ff.className=ot.className;import{jsx as fI}from"react/jsx-runtime";var JX=Ee.states,jX=Ee.defaultOptions,qX=Ee.options,_X=[],$X=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],zf=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(i=>{switch(i){case"icon":r.icon=t?.[i]?"arrow-down":void 0;break;case"avatar":r.showAvatar=!!t?.[i],r.avatarImage=t?.[i]?TN:void 0;break;case"more-options":r.actions||(r.actions=[]),r.actions[0]=t?.[i]?fI(Ae,{type:"more"}):void 0;break;case"remove-icon":r.actions||(r.actions=[]),r.actions[1]=t?.[i]?fI(Ae,{type:"remove"}):void 0;break;default:break}}),fI(Ee,{...o,...r,children:"Chip component"})};zf.options=qX;zf.states=JX;zf.variants=_X;zf.defaultOptions=jX;zf.modifiers=$X;zf.className=Ee.className;import{jsx as ID,jsxs as oZ}from"react/jsx-runtime";var ED="k-color-preview",eZ=[],tZ={},zm=e=>{let{color:t,iconName:o,...r}=e;return oZ("span",{...r,className:s(e.className,ED,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&ID(f,{icon:o,className:"k-color-preview-icon"}),ID("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};zm.states=eZ;zm.options=tZ;zm.className=ED;var Bv="loader",AN=Bv;import{Fragment as hI,jsx as LD,jsxs as CN}from"react/jsx-runtime";var gI="k-loader",aZ={pulsing:"pulsing-2","infinite-spinner":"spinner-3","converging-spinner":"spinner-4"},rZ=[],lZ={size:[k.undefined,k.small,k.medium,k.large],themeColor:[K.undefined,K.base,K.primary,K.secondary,K.tertiary]},MD={animation:"pulsing"},Pr=e=>{let{size:t,themeColor:o,animation:r=MD.animation,...i}=e,c=LD("span",{className:"k-loader-segment"});return LD("div",{...i,className:s(e.className,gI,{[`k-loader-${aZ[r]||r}`]:r},J(gI,{size:t,themeColor:o})),role:"status","aria-label":i["aria-label"]||"Loading",children:CN("div",{className:"k-loader-canvas",children:[r==="pulsing"&&CN(hI,{children:[c,c]}),r==="infinite-spinner"&&CN(hI,{children:[c,c,c]}),r==="converging-spinner"&&CN(hI,{children:[c,c,c,c]})]})})};Pr.states=rZ;Pr.options=lZ;Pr.className=gI;Pr.defaultOptions=MD;Pr.moduleName=Bv;Pr.folderName=AN;Pr.ariaSpec={selector:".k-loader",rules:[{selector:".k-loader",attribute:"role=status",usage:"Live region that announces loading state."},{selector:".k-loader",attribute:"aria-label",usage:"Accessible name for the loader."}]};var BD=Pr;var kI="overlay",PD=kI;import{jsx as dZ}from"react/jsx-runtime";var RD="k-overlay",iZ=[],sZ={},nZ={},vn=e=>{let{...t}=e;return dZ("div",{...t,className:s(e.className,RD),children:e.children})};vn.states=iZ;vn.options=sZ;vn.className=RD;vn.defaultOptions=nZ;vn.moduleName=kI;vn.folderName=PD;var DD=vn;import{jsx as xI,jsxs as OD}from"react/jsx-runtime";var vI="k-loader-container",cZ=[],pZ={size:[k.undefined,k.small,k.medium,k.large],themeColor:[K.undefined,K.base,K.primary,K.secondary,K.tertiary]},SN={loaderType:"pulsing",position:"top",panel:!1},Zp=e=>{let{size:t,themeColor:o,loaderType:r=SN.loaderType,position:i=SN.position,panel:c=SN.panel,...p}=e;return OD("div",{...p,className:s(e.className,vI,J(vI,{size:t}),{[`k-loader-${i}`]:i})