npm - @progress/kendo-themes-html - Versions diffs - 14.0.0-dev.4 → 14.0.0-dev.6 - Mend

@progress/kendo-themes-html 14.0.0-dev.4 → 14.0.0-dev.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (160) hide show

package/dist/esm/chat/chat-message.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(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.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"}),S=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:c,selected:u,disabled:f,indeterminate:N,loading:x,empty:m,readonly:L,highlighted:k,...y}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":c,"k-selected":u,"k-disabled":f,"k-indeterminate":N&&!l,"k-loading":x,"k-empty":m,"k-readonly":L,"k-highlighted":k},Object.keys(y).reduce((C,M)=>(M.startsWith("k-")?C[M]=y[M]:C[`k-${M}`]=y[M],C),{}))};function Xa(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},h={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},g={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},s={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"};var $n={};function w(e){return $n[e]=($n[e]\|\|0)+1,`k-${e}-${$n[e]}`}import{Fragment as gd,jsx as Ys}from"react/jsx-runtime";var Xn="k-font-icon",bd=[],hd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},xd={},da=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?Ys("span",{...l,className:r(e.className,Xn,A(Xn,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):Ys(gd,{})};da.states=bd;da.options=hd;da.className=Xn;da.defaultOptions=xd;var Zs=da;import{Fragment as kd,jsx as qa}from"react/jsx-runtime";var qn="k-svg-icon",Nd=[],vd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},Qs={viewBox:"0 0 24 24"},ca=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=Qs.viewBox,icon:l,...c}=e;if(!l)return qa(kd,{});if(l==="none")return qa("span",{...c,className:r(e.className,qn,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof l=="object"&&l.name&&l.name;return qa("span",{...c,className:r(e.className,qn,A("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:qa("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:i,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};ca.states=Nd;ca.options=vd;ca.className=qn;ca.defaultOptions=Qs;var Wn=ca;importas Jn from"@progress/kendo-svg-icons";var js="icon",ei="icons";import{useContext as Md}from"react";import{createContext as Ld}from"react";var ti=Ld({iconsType:"svg"});import{Fragment as oi,jsx as ma}from"react/jsx-runtime";var Wa="k-icon",Sd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),yd=[],Ad={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},Yn={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=Md(ti),{size:o,themeColor:a,icon:n,type:i=t\|\|Yn.type,rotate:l,flip:c,viewBox:u=Yn.viewBox,...f}=e;if(!n)return ma(oi,{});if((t\|\|i)==="svg"){if(n==="none")return ma(Wn,{...f,className:r(e.className,Wa),icon:n,size:o});let x=Jn[n]?n:Sd(`${n}-icon`);return Jn[x]?ma(Wn,{...f,className:r(e.className,Wa),icon:Jn[x],size:o,themeColor:a,rotate:l,flip:c,viewBox:u}):ma(oi,{})}return ma(Zs,{...f,className:r(e.className,Wa),icon:n,size:o,themeColor:a,rotate:l,flip:c})};v.states=yd;v.options=Ad;v.defaultOptions=Yn;v.className=Wa;v.moduleName=js;v.folderName=ei;v.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 Zn="button",ai=Zn;import{Fragment as Td,jsx as ua,jsxs as ni}from"react/jsx-runtime";var fa="k-button",Cd=["icon-button"],Ed=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Id={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},Qn={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=Qn.showArrow,arrowIconName:c=Qn.arrowIconName,variant:u,hover:f,focus:N,active:x,selected:m,disabled:L,togglable:k,ariaDisabled:y,icon:C,text:M,iconClassName:I,className:$,...pe}=e,he=C!==void 0,xe=e.children!==void 0;return ni(t,{className:r($,fa,Xa(fa,u),A(fa,{size:o,rounded:a,fillMode:n,themeColor:i}),S(fa,{hover:f,focus:N,active:x,disabled:L\|\|y,selected:m}),{"k-icon-button":!M&&!xe&&he}),...pe,"aria-pressed":k?m?"true":"false":void 0,"aria-disabled":y?"true":void 0,disabled:L\|\|void 0,children:[C&&ua(v,{className:r(I,"k-button-icon"),icon:C}),M?ni(Td,{children:[M&&ua("span",{className:"k-button-text",children:M}),e.children]}):e.children&&ua("span",{className:"k-button-text",children:e.children}),l&&ua("span",{className:"k-menu-button-arrow k-button-arrow",children:ua(v,{icon:c})})]})};p.states=Ed;p.options=Id;p.variants=Cd;p.className=fa;p.defaultOptions=Qn;p.moduleName=Zn;p.folderName=ai;p.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 Od}from"react/jsx-runtime";var se=e=>Od(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Bd}from"react/jsx-runtime";var ba=e=>Bd(p,{icon:"folder",children:"Button",...e});import{jsx as Pd}from"react/jsx-runtime";var ot=e=>Pd(p,{children:"Button",...e});import{jsx as jn}from"react/jsx-runtime";var wd=p.options,Rd=p.states,Kd={...p.defaultOptions,variant:"text"},_d=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Dd=[],co=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return jn(se,{...o,icon:"star"});case"icon-and-text":return jn(ba,{...o,icon:"star",children:"Button"});default:return jn(ot,{...o,children:"Button"})}};co.options=wd;co.states=Rd;co.variants=_d;co.defaultOptions=Kd;co.modifiers=Dd;co.className=p.className;var er="button",ri=er;import{jsx as Fd}from"react/jsx-runtime";var ha="k-button-group",Hd=[s.disabled],zd={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Ud={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Fd("div",{role:"group",...n,className:r(e.className,ha,A(ha,{fillMode:t}),S(ha,{disabled:o}),{[`${ha}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Hd;T.options=zd;T.className=ha;T.defaultOptions=Ud;T.moduleName=er;T.folderName=ri;T.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as WN,jsx as qN,jsxs as JN}from"react/jsx-runtime";import{Fragment as tv,jsx as ev,jsxs as ov}from"react/jsx-runtime";import{Fragment as lv,jsx as iv,jsxs as pv}from"react/jsx-runtime";import{Fragment as bv,jsx as fv,jsxs as hv}from"react/jsx-runtime";import{Fragment as Lv,jsx as kv,jsxs as Mv}from"react/jsx-runtime";import{Fragment as Iv,jsx as Ev,jsxs as Tv}from"react/jsx-runtime";import{jsx as gt,jsxs as tr}from"react/jsx-runtime";var Gd={...p.options,...T.options},Vd=p.states,$d={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},Xd=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],qd=[],mo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?tr(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"})]}):t==="icon-text-button"?tr(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star",children:"First"}),gt(p,{...a,icon:"star",children:"Middle"}),gt(p,{...a,icon:"star",children:"Last"})]}):tr(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,children:"First"}),gt(p,{...a,children:"Middle"}),gt(p,{...a,children:"Last"})]})};mo.options=Gd;mo.states=Vd;mo.variants=Xd;mo.defaultOptions=$d;mo.modifiers=qd;mo.className=T.className;var xa="input",Ja=xa;import{jsx as Zd}from"react/jsx-runtime";var Ya="k-input",Wd=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Jd={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Yd={},Y=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:f,fillMode:N,...x}=e;return Zd("span",{...x,className:r(e.className,Ya,A(Ya,{size:u,rounded:f,fillMode:N}),S(Ya,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c}))})};Y.states=Wd;Y.options=Jd;Y.className=Ya;Y.defaultOptions=Yd;Y.moduleName=xa;Y.folderName=Ja;import{jsx as tc}from"react/jsx-runtime";var Za="k-picker",Qd=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],jd={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},ec={},it=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:f,fillMode:N,...x}=e;return tc("span",{...x,className:r(e.className,Za,A(Za,{size:u,rounded:f,fillMode:N}),S(Za,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c})),children:e.children})};it.states=Qd;it.options=jd;it.className=Za;it.defaultOptions=ec;it.moduleName=xa;it.folderName=Ja;import{Fragment as nc,jsx as or}from"react/jsx-runtime";var si="k-clear-value",oc=[s.disabled,s.loading,s.readonly],ac={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?or(nc,{}):or("span",{className:r(e.className,si),children:or(v,{icon:"x"})})};Pe.states=oc;Pe.options=ac;Pe.className=si;import{jsx as ic}from"react/jsx-runtime";var ar="k-input-inner",rc=[],sc={},Qa={type:"text",autocomplete:"off",value:"",placeholder:""},ge=e=>{let{value:t=Qa.value,type:o=Qa.type,placeholder:a=Qa.placeholder,autocomplete:n=Qa.autocomplete,disabled:i,readOnly:l,...c}=e;return ic("input",{...c,type:o,className:r(e.className,ar,A(ar,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};ge.states=rc;ge.options=sc;ge.className=ar;import{jsx as ii,jsxs as dc}from"react/jsx-runtime";var nr="k-input-inner",lc=[],pc={},Xt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return dc("span",{...l,className:r(e.className,nr,A(nr,e)),children:[n,!n&&i&&ii(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&ii("span",{className:"k-input-value-text",children:t})]})};Xt.states=lc;Xt.options=pc;Xt.className=nr;import{jsx as uc}from"react/jsx-runtime";var rr="k-input-inner",cc=[],mc={},li={value:"",placeholder:""},ga=e=>{let{value:t=li.value,placeholder:o=li.placeholder,rows:a,disabled:n,...i}=e;return uc("textarea",{...i,className:r(e.className,rr,A(rr,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};ga.states=cc;ga.options=mc;ga.className=rr;import{Fragment as bc,jsx as pi}from"react/jsx-runtime";var di="k-input-loading-icon",fc=[s.disabled,s.loading],Ce=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?pi(bc,{}):pi("span",{className:r(e.className,di,"k-icon k-i-loading")})};Ce.states=fc;Ce.className=di;import{Fragment as gc,jsx as ci}from"react/jsx-runtime";var mi="k-input-validation-icon",hc=[s.valid,s.invalid,s.disabled,s.loading],xc={},Ne=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?ci(gc,{}):ci(v,{className:r(mi),icon:i})};Ne.states=hc;Ne.options=xc;Ne.className=mi;import{Fragment as kc,jsx as ui}from"react/jsx-runtime";var Nc="k-input-prefix",vc={direction:"horizontal"},ze=e=>{let{direction:t=vc.direction,...o}=e;return e.children?ui("span",{...o,className:r(Nc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ui(kc,{})};import{Fragment as Sc,jsx as fi}from"react/jsx-runtime";var Lc="k-input-suffix",Mc={direction:"horizontal"},Ue=e=>{let{direction:t=Mc.direction,...o}=e;return e.children?fi("span",{...o,className:r(Lc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):fi(Sc,{})};import{jsx as Tk}from"react/jsx-runtime";import{jsx as Ac}from"react/jsx-runtime";var yc="k-input-suffix-text",sr=e=>{let{children:t,...o}=e;return Ac("span",{...o,className:r(yc,e.className),children:t})};import{jsx as Ec}from"react/jsx-runtime";var bi="k-input-separator",Cc={direction:"vertical"},Fe=e=>{let{direction:t=Cc.direction,...o}=e;return Ec("span",{...o,className:r(bi,e.className,{[`${bi}-${t}`]:t})})};import{Fragment as hi,jsx as lt,jsxs as ir}from"react/jsx-runtime";var Ic=Y.states,Tc=Y.defaultOptions,Oc=Y.options,Bc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Pc=[],uo=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...c}=e,u=t?.prefix,f=t?.suffix,N=t?.["clear-button"],x=t?.["validation-icon"],m=t?.separators;return ir(Y,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&ir(hi,{children:[lt(ze,{children:lt(v,{icon:"lock"})}),m&&lt(Fe,{})]}),lt(ge,{placeholder:"Placeholder",value:"Value"}),x&&lt(Ne,{valid:o,invalid:a,loading:n,disabled:i}),lt(Ce,{loading:n,disabled:i}),N&&lt(Pe,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&ir(hi,{children:[m&&lt(Fe,{}),lt(Ue,{children:lt(ot,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};uo.options=Oc;uo.states=Ic;uo.variants=Pc;uo.defaultOptions=Tc;uo.modifiers=Bc;uo.className=Y.className;import{jsx as xi,jsxs as Kc}from"react/jsx-runtime";var gi="k-color-preview",wc=[],Rc={},Tt=e=>{let{color:t,iconName:o,...a}=e;return Kc("span",{...a,className:r(e.className,gi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&xi(v,{icon:o,className:"k-color-preview-icon"}),xi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Tt.states=wc;Tt.options=Rc;Tt.className=gi;var lr="popup",Ni=lr;import{jsx as vi}from"react/jsx-runtime";var ki="k-animation-container",_c=[],Dc={},Li={positionMode:"absolute"},pt=e=>{let{positionMode:t=Li.positionMode,animationStyle:o,offset:a,...n}=e;return vi("div",{...n,style:{...a,...e.style},className:r(e.className,ki,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:vi("div",{className:"k-child-animation-container",style:o,children:e.children})})};pt.states=_c;pt.options=Dc;pt.className=ki;pt.defaultOptions=Li;pt.moduleName=lr;pt.folderName=Ni;var pr="popup",Mi=pr;import{jsx as Si}from"react/jsx-runtime";var yi="k-popup",Hc=[],zc={},Ai={positionMode:"absolute"},G=e=>{let{offset:t,positionMode:o=Ai.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return Si(pt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:Si("div",{...c,className:r(e.className,yi),children:e.children})})};G.states=Hc;G.options=zc;G.className=yi;G.defaultOptions=Ai;G.moduleName=pr;G.folderName=Mi;G.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.'}]};var dr="action-buttons",Ci=dr;import{jsx as Gc}from"react/jsx-runtime";var ja="k-actions",Uc=[],Fc={},cr={alignment:"start",orientation:"horizontal"},we=e=>{let{alignment:t=cr.alignment,orientation:o=cr.orientation,...a}=e;return Gc("div",{...a,className:r(ja,{[`${ja}-${t}`]:t,[`${ja}-${o}`]:o},e.className),children:e.children})};we.states=Uc;we.options=Fc;we.className=ja;we.defaultOptions=cr;we.moduleName=dr;we.folderName=Ci;var Ei=we;import{jsx as $c}from"react/jsx-runtime";var Vc="k-actionsheet-footer",Ii={alignment:"stretched",orientation:"horizontal"},Ot=e=>{let{alignment:t=Ii.alignment,orientation:o=Ii.orientation,template:a,as:n=a?"div":we,...i}=e;return $c(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,Vc),children:e.children})};var mr="searchbox",Ti=mr;import{jsx as Na,jsxs as Wc}from"react/jsx-runtime";var Oi="k-searchbox",Xc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],qc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},ur={showIcon:!0,icon:"search"},Ge=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:x,disabled:m,showIcon:L=ur.showIcon,icon:k=ur.icon,"aria-label":y,...C}=e;return Wc(Y,{...C,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:x,disabled:m,className:r(e.className,Oi),children:[L&&Na(v,{className:"k-input-icon",icon:k}),Na(ge,{placeholder:o,value:t,"aria-label":y}),Na(Ce,{...e}),Na(Ne,{...e}),Na(Pe,{...e})]})};Ge.states=Xc;Ge.options=qc;Ge.className=Oi;Ge.defaultOptions=ur;Ge.moduleName=mr;Ge.folderName=Ti;import{jsx as tM}from"react/jsx-runtime";var fr="textbox",Bi=fr;import{Fragment as Pi,jsx as Bt,jsxs as br}from"react/jsx-runtime";var wi="k-textbox",Jc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Yc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},en={showClearButton:!0,showValidationIcon:!0,separators:!0},ie=e=>{let{size:t,rounded:o,fillMode:a,separators:n=en.separators,showClearButton:i=en.showClearButton,showValidationIcon:l=en.showValidationIcon,prefix:c,suffix:u,type:f,value:N,placeholder:x,hover:m,focus:L,valid:k,invalid:y,required:C,loading:M,disabled:I,readonly:$,id:pe,"aria-label":he,"aria-describedby":xe,...Be}=e;return br(Y,{...Be,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:k,invalid:y,required:C,loading:M,disabled:I,readonly:$,className:r(e.className,wi),children:[c&&br(Pi,{children:[Bt(ze,{children:c}),n&&Bt(Fe,{})]}),Bt(ge,{id:pe,placeholder:x,value:N,type:f,disabled:I,"aria-label":he,"aria-describedby":xe,"aria-invalid":y?"true":void 0}),l&&Bt(Ne,{valid:k,invalid:y,loading:M,disabled:I}),Bt(Ce,{loading:M,disabled:I}),i&&Bt(Pe,{loading:M,disabled:I,readonly:$,value:N}),u&&br(Pi,{children:[n&&Bt(Fe,{}),Bt(Ue,{children:u})]})]})};ie.states=Jc;ie.options=Yc;ie.className=wi;ie.defaultOptions=en;ie.moduleName=fr;ie.folderName=Bi;ie.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var va=ie;import{jsx as Zc}from"react/jsx-runtime";var tn=e=>Zc(va,{...e});import{Fragment as NM,jsx as gM}from"react/jsx-runtime";import{Fragment as yM,jsx as SM}from"react/jsx-runtime";import{jsx as IM}from"react/jsx-runtime";import{jsx as hr}from"react/jsx-runtime";var Qc=ie.states,jc=ie.defaultOptions,em=ie.options,tm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],om=[],fo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?hr(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?hr(ot,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),hr(tn,{value:"Value",style:{width:300},...o,...a})};fo.options=em;fo.states=Qc;fo.variants=om;fo.defaultOptions=jc;fo.modifiers=tm;fo.className=ie.className;import{jsx as Pt,jsxs as xr}from"react/jsx-runtime";var Ri="k-actionsheet-titlebar",am={},ve=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:c,inputPlaceholder:u,adaptive:f,titleId:N,children:x,...m}=e;return xr("div",{...m,className:r(e.className,Ri),children:[xr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Pt("div",{className:"k-actionsheet-actions",children:a}),!x&&xr("div",{className:"k-actionsheet-title",id:N,children:[t&&Pt("div",{className:"k-text-center",children:t}),o&&Pt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&Pt("div",{className:"k-actionsheet-title",id:N,children:x}),n&&Pt("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|i)&&Pt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Pt(ie,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t\|\|u\|\|"Input"}):Pt(Ge,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};ve.className=Ri;ve.defaultOptions=am;import{jsx as gr,jsxs as im}from"react/jsx-runtime";var Nr="k-actionsheet-view",nm=[],rm={},sm={},bo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...c}=e,u=n?.type===ve&&gr(ve,{adaptive:t,titleId:l,...n?.props}),f=i?.type===Ot&&gr(Ot,{...i?.props});return im("div",{...c,className:r(e.className,Nr,{[`${Nr}-animated`]:o}),children:[u,gr("div",{className:"k-actionsheet-content",children:a}),f]})};bo.states=nm;bo.options=rm;bo.className=Nr;bo.defaultOptions=sm;var ka="action-sheet",on=ka;var vr="overlay",Ki=vr;import{jsx as cm}from"react/jsx-runtime";var _i="k-overlay",lm=[],pm={},dm={},dt=e=>{let{...t}=e;return cm("div",{...t,className:r(e.className,_i),children:e.children})};dt.states=lm;dt.options=pm;dt.className=_i;dt.defaultOptions=dm;dt.moduleName=vr;dt.folderName=Ki;import{jsx as an,jsxs as fm}from"react/jsx-runtime";var Di="k-actionsheet",mm=[],um={},La={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},W=e=>{let{side:t=La.side,fullscreen:o=La.fullscreen,adaptive:a=La.adaptive,overlay:n=La.overlay,template:i,children:l,header:c,footer:u,id:f,...N}=e,x=f&&!i&&c?`${f}-title`:void 0;return fm("div",{className:"k-actionsheet-container",children:[n&&an(dt,{}),an(pt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:an("div",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":x,className:r(e.className,Di,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|an(bo,{header:c,footer:u,adaptive:a,titleId:x,...e,children:l})})})]})};W.states=mm;W.options=um;W.className=Di;W.defaultOptions=La;W.moduleName=ka;W.folderName=on;W.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as gm}from"react/jsx-runtime";var Hi="k-actionsheet-container",bm=[],hm={},xm={},ho=e=>{let{children:t,...o}=e;return gm("div",{...o,className:Hi,children:t})};ho.states=bm;ho.options=hm;ho.className=Hi;ho.defaultOptions=xm;ho.moduleName=ka;ho.folderName=on;import{jsx as Nm}from"react/jsx-runtime";var kr=e=>{let{...t}=e;return Nm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as km,jsx as Ma,jsxs as Lr}from"react/jsx-runtime";var Mr="k-actionsheet-item",vm=[s.hover,s.focus,s.selected,s.disabled],wt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:c,...u}=e;return Lr("span",{...u,className:r(e.className,Mr,S(Mr,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&Ma(km,{children:Lr("span",{className:"k-actionsheet-action",children:[t&&Ma("span",{className:"k-icon-wrap",children:Ma(v,{className:"k-actionsheet-item-icon",icon:t})}),Lr("span",{className:"k-actionsheet-item-text",children:[o&&Ma("span",{className:"k-actionsheet-item-title",children:o}),a&&Ma("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};wt.states=vm;wt.className=Mr;import{jsx as ES,jsxs as IS}from"react/jsx-runtime";import{jsx as PS}from"react/jsx-runtime";import{jsx as _S}from"react/jsx-runtime";import{jsx as US}from"react/jsx-runtime";import{jsx as le,jsxs as Sr}from"react/jsx-runtime";var Lm=W.options,Mm=W.states,Ui={...W.defaultOptions,variant:"normal"},Sm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],ym=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],xo=e=>{let{variant:t,modifiers:o,...a}={...Ui,...e},n={},i=Sr(kr,{children:[le(wt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),le(wt,{text:"Add to Favorites",iconName:"heart"}),le(wt,{text:"Upload New",iconName:"upload",disabled:!0}),le("hr",{className:"k-hr"}),le(wt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",c="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?l:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?le(W,{...a,adaptive:!0,fullscreen:n.fullScreen,header:le(ve,{actionsStart:n.actionsStart?le(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?le(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?Sr(Ot,{alignment:"stretched",children:[le(p,{text:"Cancel",size:"large",themeColor:"base"}),le(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):le(W,{...a,fullscreen:n.fullScreen,header:le(ve,{actionsStart:n.actionsStart?le(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?le(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Sr(Ot,{alignment:"stretched",children:[le(p,{text:"Apply",themeColor:"primary"}),le(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};xo.options=Lm;xo.states=Mm;xo.variants=Sm;xo.defaultOptions=Ui;xo.modifiers=ym;xo.className=W.className;var yr="slider",Fi=yr;import{jsx as go,jsxs as Ar}from"react/jsx-runtime";var Sa="k-slider",Am=[s.hover,s.focus,s.active,s.disabled,s.readonly],Cm={},Ve={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},U=e=>{let{type:t=Ve.type,orientation:o=Ve.orientation,gradientType:a=Ve.gradientType,readonly:n=Ve.readonly,disabled:i=Ve.disabled,handlePosition:l=Ve.handlePosition,showButtons:c=Ve.showButtons,showTicks:u=Ve.showTicks,value:f=Ve.value,min:N=Ve.min,max:x=Ve.max,startValue:m,endValue:L,hover:k,focus:y,active:C,trackStyle:M,dir:I,...$}=e,he=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),xe,Be;return o==="horizontal"?(xe=I==="rtl"?"chevron-left":"chevron-right",Be=I==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(xe="chevron-up",Be="chevron-down"),Ar("div",{...$,className:r(Sa,e.className,S(Sa,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&go(p,{className:"k-button-decrease",rounded:"full",icon:Be,tabIndex:-1,title:"Decrease"}),Ar("div",{className:"k-slider-track-wrap",children:[u&&go("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Ar("div",{className:"k-slider-track",style:M,children:[go("div",{className:"k-slider-selection"}),t==="range"&&go("span",{className:r("k-draghandle","k-draghandle-start",S(Sa,{hover:k,focus:y,active:C})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":m??N,"aria-valuemin":N,"aria-valuemax":L??x,"aria-orientation":he,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":$["aria-label"]?`${$["aria-label"]} start`:"Range start"}),go("span",{className:r("k-draghandle",`k-draghandle-${l}`,S(Sa,{hover:k,focus:y,active:C})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??x:f,"aria-valuemin":t==="range"?m??N:N,"aria-valuemax":x,"aria-orientation":he,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?$["aria-label"]?`${$["aria-label"]} end`:"Range end":$["aria-label"]})]})]}),c&&go(p,{className:"k-button-increase",rounded:"full",icon:xe,tabIndex:-1,title:"Increase"})]})};U.states=Am;U.options=Cm;U.className=Sa;U.defaultOptions=Ve;U.moduleName=yr;U.folderName=Fi;U.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as Gi}from"react/jsx-runtime";var Vi="k-tick",Em=[],Im={},$i={label:!1},E=e=>{let{style:t,label:o=$i.label,orientation:a,large:n,text:i,...l}=e;return Gi("li",{...l,role:"presentation",title:i\|\|"Tick",className:r(e.className,Vi,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&Gi("span",{className:"k-label",children:i})})};E.states=Em;E.options=Im;E.className=Vi;E.defaultOptions=$i;import{Fragment as Tm,jsx as $e,jsxs as Om}from"react/jsx-runtime";var Xi=e=>$e(U,{"aria-label":e["aria-label"]\|\|"Slider",children:Om(Tm,{children:[$e(E,{className:"k-first",label:!0,large:!0,text:"0"}),$e(E,{}),$e(E,{}),$e(E,{}),$e(E,{}),$e(E,{label:!0,large:!0,text:"5"}),$e(E,{}),$e(E,{}),$e(E,{}),$e(E,{}),$e(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Bm,jsx as Xe,jsxs as Pm}from"react/jsx-runtime";var qi=e=>Xe(U,{children:Pm(Bm,{children:[Xe(E,{className:"k-first",label:!0,large:!0,text:"0"}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{label:!0,large:!0,text:"5"}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as Iy,jsx as Ey,jsxs as Ty}from"react/jsx-runtime";import{Fragment as Ry,jsx as wy,jsxs as Ky}from"react/jsx-runtime";import{jsx as wm}from"react/jsx-runtime";var Cr=e=>wm(U,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Rm}from"react/jsx-runtime";var Er=e=>Rm(U,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as qy,jsx as Xy,jsxs as Wy}from"react/jsx-runtime";import{Fragment as jy,jsx as Qy,jsxs as eA}from"react/jsx-runtime";import{jsx as ct,jsxs as Wi}from"react/jsx-runtime";var Km=U.options,_m=U.states,Ji={...U.defaultOptions,variant:"horizontal",label:!0},Dm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Hm=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],No=e=>{let{variant:t,modifiers:o,...a}={...Ji,...e},n={};Object.keys(o\|\|{}).forEach(f=>{switch(f){case"button":{n.showButtons=!!o?.[f];break}case"label":{n.label=!!o?.[f];break}case"tick":{n.showTicks=!!o?.[f];break}}});let{label:i=!0,showButtons:l,showTicks:c}=n,u={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Wi(qi,{showTicks:c,showButtons:l,style:{height:"300px",...u},...a,children:[ct(E,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ct(E,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ct(E,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ct(E,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ct(E,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Wi(Xi,{showTicks:c,showButtons:l,style:{width:"400px",...u},...a,children:[ct(E,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ct(E,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ct(E,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ct(E,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ct(E,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};No.options=Km;No.states=_m;No.variants=Dm;No.defaultOptions=Ji;No.modifiers=Hm;No.className=U.className;import{jsx as Yi,jsxs as Vm}from"react/jsx-runtime";var Zi="k-spin-button",Fm=[],Gm={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Ir={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Rt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Ir.increaseLabel,decreaseLabel:i=Ir.decreaseLabel,...l}=e;return Vm("span",{...l,className:r(Zi,e.className),children:[Yi(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Yi(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Rt.states=Fm;Rt.options=Gm;Rt.className=Zi;Rt.defaultOptions=Ir;Rt.moduleName=null;Rt.folderName=null;var Qi="numeric-textbox",ji="numerictextbox";import{Fragment as el,jsx as Nt,jsxs as Tr}from"react/jsx-runtime";var tl="k-numerictextbox",$m=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Xm={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},nn={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:n=nn.separators,showClearButton:i=nn.showClearButton,showSpinButton:l=nn.showSpinButton,prefix:c,suffix:u,value:f,placeholder:N,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,id:$,"aria-label":pe,"aria-describedby":he,...xe}=e;return Tr(Y,{...xe,size:t,rounded:o,fillMode:a,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,className:r(e.className,tl),children:[c&&Tr(el,{children:[Nt(ze,{children:c}),n&&Nt(Fe,{})]}),Nt(ge,{id:$,placeholder:N,value:f,role:"spinbutton",disabled:M,"aria-label":pe,"aria-describedby":he,"aria-invalid":k?"true":void 0}),Nt(Ne,{valid:L,invalid:k,loading:C,disabled:M}),Nt(Ce,{loading:C,disabled:M}),i&&Nt(Pe,{loading:C,disabled:M,readonly:I,value:f}),u&&Tr(el,{children:[n&&Nt(Fe,{}),Nt(Ue,{children:u})]}),l&&Nt(Rt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};_.states=$m;_.options=Xm;_.className=tl;_.defaultOptions=nn;_.moduleName=Qi;_.folderName=ji;_.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var ya=_;import{jsx as qm}from"react/jsx-runtime";var ol=e=>qm(ya,{...e});import Br from"react";import{jsx as al}from"react/jsx-runtime";var Wm="k-list-group-sticky-header",Or=e=>al("div",{className:r(Wm,e.className),children:al("div",{className:"k-list-header-text",children:e.children})});import{jsx as Ym}from"react/jsx-runtime";var Jm="k-no-data",rn=e=>{let{live:t,...o}=e;return Ym("span",{...o,className:r(Jm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var qt="list",vo=qt;import{jsx as nl,jsxs as rl}from"react/jsx-runtime";var Pr="k-list",Zm=[],Qm={size:[d.undefined,d.small,d.medium,d.large]},jm={},R=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:i,customValue:l,noData:c,screenReaders:u,...f}=e,x=Br.Children.toArray(a)[0],m=x?.props?.children?Br.Children.count(x.props.children):Br.Children.count(a);return rl("div",{...f,className:r(e.className,Pr,A(Pr,{size:t}),{"k-virtual-list":o}),children:[i,l,n&&nl(Or,{children:n}),a\|\|(c!==void 0?c:nl(rn,{live:!0,children:"No data found."})),u&&a&&rl(rn,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};R.states=Zm;R.options=Qm;R.className=Pr;R.defaultOptions=jm;R.moduleName=qt;R.folderName=vo;R.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 au}from"react/jsx-runtime";var sl="k-list-container",eu=[],tu={},ou={},ko=e=>{let{...t}=e;return au("div",{...t,className:r(e.className,sl),children:e.children})};ko.states=eu;ko.options=tu;ko.className=sl;ko.defaultOptions=ou;ko.moduleName=qt;ko.folderName=vo;var Wt="checkbox",Lo=Wt;import{jsx as il}from"react/jsx-runtime";var sn="k-checkbox",nu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],ru={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},su={},qe=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:c,valid:u,required:f,size:N,rounded:x,wrapperRole:m,...L}=e;return il("span",{className:"k-checkbox-wrap",role:m,children:il("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l\|\|void 0,"aria-invalid":c?"true":void 0,className:r(e.className,sn,A(sn,{size:N,rounded:x}),S(sn,{hover:n,focus:i,disabled:l,invalid:c,valid:u,indeterminate:a,checked:o}))})})};qe.states=nu;qe.options=ru;qe.className=sn;qe.defaultOptions=su;qe.moduleName=Wt;qe.folderName=Lo;qe.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 at=qe;import{jsx as pu}from"react/jsx-runtime";var ll="k-checkbox-list",iu=[],lu={},pl={layout:"vertical"},ke=e=>{let{layout:t=pl.layout,...o}=e;return pu("ul",{...o,className:r(e.className,ll,{[`k-list-${t}`]:t}),children:e.children})};ke.states=iu;ke.options=lu;ke.className=ll;ke.defaultOptions=pl;ke.moduleName=Wt;ke.folderName=Lo;import{jsx as uu}from"react/jsx-runtime";var dl="k-checkbox-list-item",du=[],cu={},mu={},Le=e=>{let{...t}=e;return uu("li",{...t,className:r(e.className,dl),children:e.children})};Le.states=du;Le.options=cu;Le.className=dl;Le.defaultOptions=mu;Le.moduleName=Wt;Le.folderName=Lo;import{Fragment as fu,jsx as cl,jsxs as bu}from"react/jsx-runtime";var vt=({children:e="Label",id:t="cb-label-after",...o})=>bu(fu,{children:[cl(at,{id:t,...o}),cl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as SC,jsx as MC,jsxs as yC}from"react/jsx-runtime";import{Fragment as TC,jsx as IC,jsxs as OC}from"react/jsx-runtime";import{Fragment as KC,jsx as RC,jsxs as _C}from"react/jsx-runtime";import{jsx as UC}from"react/jsx-runtime";import{jsx as $C}from"react/jsx-runtime";import{jsx as JC}from"react/jsx-runtime";import{jsx as We,jsxs as ml}from"react/jsx-runtime";var hu=ke.options,xu=ke.states,gu={...ke.defaultOptions,variant:"vertical"},Nu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],vu=[],Mo=e=>{let{variant:t,...o}=e;return t==="horizontal"?ml(ke,{layout:"horizontal",...o,children:[We(Le,{children:We(vt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),We(Le,{children:We(vt,{id:w("cb"),children:"Label"})}),We(Le,{children:We(vt,{id:w("cb"),children:"Label"})})]}):ml(ke,{...o,children:[We(Le,{children:We(vt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),We(Le,{children:We(vt,{id:w("cb"),children:"Label"})}),We(Le,{children:We(vt,{id:w("cb"),children:"Label"})})]})};Mo.options=hu;Mo.states=xu;Mo.variants=Nu;Mo.defaultOptions=gu;Mo.modifiers=vu;Mo.className=ke.className;import{jsx as Au}from"react/jsx-runtime";var ku=at.options,Lu=at.states,Mu=at.defaultOptions,Su=[],yu=[],So=e=>Au(vt,{id:w("checkbox"),...e,defaultChecked:!0,children:"Label"});So.options=ku;So.states=Lu;So.variants=Su;So.defaultOptions=Mu;So.modifiers=yu;So.className=at.className;import{jsx as Jt,jsxs as Tu}from"react/jsx-runtime";var wr="k-list-item",Cu=[s.hover,s.focus,s.selected,s.disabled],Eu={},Iu={},O=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:i,showCheckbox:l,checked:c,hover:u,focus:f,selected:N,disabled:x,actions:m,description:L,id:k,...y}=e,C=t\|\|e.children;return Tu("li",{...y,id:k,role:a?"presentation":"option",tabIndex:a?void 0:f?0:-1,"aria-selected":!a&&N?"true":a?void 0:"false","aria-disabled":!a&&x?"true":void 0,className:r(e.className,a?"k-list-group-item":wr,S(wr,{hover:u,focus:f,disabled:x,selected:N})),children:[l&&Jt(qe,{checked:c}),n&&Jt("span",{className:"k-list-item-icon-wrapper",children:Jt(v,{icon:n,className:r("k-list-item-icon",i)})}),Jt("span",{className:"k-list-item-text",children:C}),m&&Jt("div",{className:"k-list-item-actions",children:m}),L&&Jt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Jt("div",{className:"k-list-item-group-label",children:o})]})};O.states=Cu;O.options=Eu;O.className=wr;O.defaultOptions=Iu;O.moduleName=qt;O.folderName=vo;O.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 Bu}from"react/jsx-runtime";var Ou="k-list-ul",kt=e=>{let{children:t,role:o,id:a,...n}=e;return Bu("ul",{...n,id:a,role:o,className:r(Ou,e.className),children:t})};kt.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 Rr,jsxs as wu}from"react/jsx-runtime";var Pu="k-list-content",H=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return wu("div",{...l,className:r(Pu,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:Rr(kt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Rr("div",{className:"k-height-container",children:Rr("div",{})})]})};H.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{Fragment as HE,jsx as DE,jsxs as zE}from"react/jsx-runtime";import{jsx as Kr,jsxs as Ku}from"react/jsx-runtime";var Ru="k-list-group-item",Yt=e=>{let{groupIconName:t,...o}=e;return Ku("li",{...o,role:"presentation",className:r(Ru,e.className),children:[t&&Kr("span",{className:"k-list-item-icon-wrapper",children:Kr(v,{icon:t,className:"k-list-item-icon"})}),Kr("span",{className:"k-list-item-text",children:e.children})]})};Yt.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 zu}from"react/jsx-runtime";var _r="k-list-optionlabel",_u=[s.hover,s.focus,s.selected,s.disabled],Du={},Hu={},ln=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return zu("div",{...l,className:r(_r,S(_r,{hover:o,focus:a,selected:n,disabled:i})),children:t})};ln.states=_u;ln.options=Du;ln.className=_r;ln.defaultOptions=Hu;import{jsx as Vu}from"react/jsx-runtime";var Dr="k-list-custom-value",Uu=[s.hover,s.focus,s.selected,s.disabled],Fu={},Gu={},Kt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Vu("div",{...l,className:r(Dr,S(Dr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Kt.states=Uu;Kt.options=Fu;Kt.className=Dr;Kt.defaultOptions=Gu;import{Fragment as oI,jsx as tI,jsxs as aI}from"react/jsx-runtime";import{Fragment as pI,jsx as lI,jsxs as dI}from"react/jsx-runtime";import{Fragment as xI,jsx as bI,jsxs as hI}from"react/jsx-runtime";import{Fragment as SI,jsx as LI,jsxs as MI}from"react/jsx-runtime";import{jsx as EI}from"react/jsx-runtime";import{Fragment as wI,jsx as PI,jsxs as RI}from"react/jsx-runtime";var ul="dropdown-list",fl="dropdownlist";import{Fragment as qu,jsx as Me,jsxs as Hr}from"react/jsx-runtime";var bl="k-dropdownlist",$u=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Xu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},zr={showValue:!0,arrowIconName:"chevron-down"},oe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=zr.arrowIconName,showValue:i=zr.showValue,valueIconName:l,prefix:c,suffix:u,value:f,placeholder:N,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,popup:$,opened:pe,adaptive:he,adaptiveSettings:xe,adaptiveTitle:Be,adaptiveSubtitle:$t,adaptiveFilter:Fn,id:It,activeDescendant:$a,"aria-label":Gn,...Vn}=e,fd=It?`${It}-listbox`:void 0,Js=It?`${It}-value`:void 0;return Hr(qu,{children:[Hr(it,{...Vn,id:It,size:t,rounded:o,fillMode:a,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,className:r(e.className,bl,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":pe?"true":"false","aria-controls":pe?fd:void 0,"aria-activedescendant":pe&&$a?$a:void 0,"aria-describedby":pe?Js:void 0,"aria-disabled":M?"true":void 0,"aria-label":Gn,tabIndex:0,children:[Me(ze,{children:c}),Me(Xt,{placeholder:N,value:f,showValue:i,valueIconName:l,id:Js}),Me(Ne,{valid:L,invalid:k,loading:C,disabled:M}),Me(Ce,{loading:C,disabled:M}),Me(Ue,{children:u}),Me(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),pe&&$&&Me(G,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:$}),he&&Me(W,{adaptive:!0,...xe,header:Me(ve,{actionsEnd:Me(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Fn,inputValue:f,inputPlaceholder:N,title:Be,subtitle:$t}),children:Me("div",{className:"k-list-container",children:Me(R,{size:"large",children:Hr(H,{"aria-label":"Options",children:[Me(O,{text:"List item"}),Me(O,{text:"List item"}),Me(O,{text:"List item"})]})})})})]})};oe.states=$u;oe.options=Xu;oe.className=bl;oe.defaultOptions=zr;oe.moduleName=ul;oe.folderName=fl;oe.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as fT}from"react/jsx-runtime";import{jsx as vT,jsxs as kT}from"react/jsx-runtime";import{Fragment as TT,jsx as ET,jsxs as IT}from"react/jsx-runtime";import{jsx as RT}from"react/jsx-runtime";import{jsx as UT,jsxs as FT}from"react/jsx-runtime";import{Fragment as ZT,jsx as JT,jsxs as YT}from"react/jsx-runtime";import{jsx as oO}from"react/jsx-runtime";import{Fragment as ju,jsx as _t,jsxs as hl}from"react/jsx-runtime";var Wu=oe.states,Ju=oe.defaultOptions,Yu=oe.options,Zu=[{name:"opened",title:"Opened"}],Qu=[],Ao=e=>{let{modifiers:t,...o}=e,a={},n=hl(ju,{children:[_t("div",{className:"k-list-filter",children:_t(Ge,{})}),_t(R,{style:{width:300},size:o.size,children:hl(H,{children:[_t(O,{children:"List item"}),_t(O,{children:"List item"}),_t(O,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),_t("div",{children:_t(oe,{placeholder:"Value",style:{width:300},...o,...a})})};Ao.options=Yu;Ao.states=Wu;Ao.variants=Qu;Ao.defaultOptions=Ju;Ao.modifiers=Zu;Ao.className=oe.className;import{Fragment as SO,jsx as MO}from"react/jsx-runtime";import{Fragment as TO,jsx as IO}from"react/jsx-runtime";import{jsx as wO}from"react/jsx-runtime";import{jsx as Ur}from"react/jsx-runtime";var ef=_.states,tf=_.defaultOptions,of=_.options,af=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],nf=[],Co=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Ur(oe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?Ur(sr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),Ur(ol,{value:"Value",style:{width:300},...o,...a})};Co.options=of;Co.states=ef;Co.variants=nf;Co.defaultOptions=tf;Co.modifiers=af;Co.className=_.className;import{Fragment as Aa,jsx as B,jsxs as Z}from"react/jsx-runtime";var xl="k-colorgradient-inputs",rf=[],sf={size:[d.undefined,d.small,d.medium,d.large]},gl={mode:"rgba"},Eo=e=>{let{mode:t=gl.mode,size:o,...a}=e;return Z("div",{...a,className:r(xl,"k-hstack"),children:[B("div",{className:"k-vstack",children:B(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Z(Aa,{children:[Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),B("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),B("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),B("label",{className:"k-colorgradient-input-label",children:"B"})]}),Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),B("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Z(Aa,{children:[Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),B("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),B("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),B("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(Aa,{children:[Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),B("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),B("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),B("label",{className:"k-colorgradient-input-label",children:"V"})]}),Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),B("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(Aa,{children:[Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),B("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),B("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),B("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&B(Aa,{children:Z("div",{className:"k-vstack k-flex-1",children:[B(ie,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),B("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Eo.states=rf;Eo.options=sf;Eo.className=xl;Eo.defaultOptions=gl;import{jsx as Zt,jsxs as Qt}from"react/jsx-runtime";var Nl="k-colorgradient-color-contrast",lf=[],pf={},df={},Io=()=>Qt("div",{className:r(Nl,"k-vbox"),children:[Qt("div",{className:"k-contrast-ratio",children:[Zt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Qt("span",{className:"k-contrast-validation !k-text-success",children:[Zt(v,{icon:"check"}),Zt(v,{icon:"check"})]})]}),Qt("div",{children:[Zt("span",{children:"AA: 4.5"}),Qt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Zt(v,{icon:"check"})]})]}),Qt("div",{children:[Zt("span",{children:"AAA: 7.0"}),Qt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Zt(v,{icon:"x"})]})]})]});Io.states=lf;Io.options=pf;Io.className=Nl;Io.defaultOptions=df;var vl="color-gradient",kl="colorgradient";import{jsx as Je,jsxs as Ca}from"react/jsx-runtime";var pn="k-colorgradient",cf=[s.hover,s.focus,s.readonly,s.disabled],mf={size:[d.undefined,d.small,d.medium,d.large]},mt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ne=e=>{let{size:t,mode:o=mt.mode,readonly:a=mt.readonly,disabled:n=mt.disabled,gradientStyle:i=mt.gradientStyle,dragHandleStyle:l=mt.dragHandleStyle,alphaStyle:c=mt.alphaStyle,alphaStyleHorizontal:u=mt.alphaStyleHorizontal,contrast:f=mt.contrast,dir:N,hover:x,focus:m,hoverHandle:L,focusHandle:k,canvasOrientation:y=mt.canvasOrientation,role:C,tabIndex:M,...I}=e;return Ca("div",{...I,role:C??"textbox","aria-label":C==="none"?void 0:"Color gradient",tabIndex:M??0,"aria-disabled":n?"true":void 0,className:r(e.className,pn,A(pn,{size:t}),S(pn,{hover:x,focus:m,readonly:a,disabled:n})),dir:N,children:[!y\|\|y==="horizontal"&&Ca("div",{className:"k-colorgradient-canvas k-hstack",children:[Je("div",{className:"k-hsv-rectangle",style:i,children:Je("div",{className:"k-hsv-gradient",children:Je("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":k}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ca("div",{className:"k-hsv-controls k-hstack",children:[Je(Er,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Je(Er,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:c})]})]}),y==="vertical"&&Ca("div",{className:"k-colorgradient-canvas k-vstack",children:[Je("div",{className:"k-hsv-rectangle",style:i,children:Je("div",{className:"k-hsv-gradient",children:Je("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":k}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ca("div",{className:"k-hsv-controls k-vstack",children:[Je(Cr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Je(Cr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),Je(Eo,{mode:e.mode,size:t}),f&&Je(Io,{})]})};ne.states=cf;ne.options=mf;ne.className=pn;ne.defaultOptions=mt;ne.moduleName=vl;ne.folderName=kl;ne.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as uf}from"react/jsx-runtime";var dn=e=>uf(ne,{...e});import{jsx as NB}from"react/jsx-runtime";import{jsx as MB}from"react/jsx-runtime";import{jsx as Fr}from"react/jsx-runtime";var ff=ne.options,bf=ne.states,hf={...ne.defaultOptions,variant:"rgba"},xf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],gf=[],To=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Fr(dn,{...o,mode:t});case"rgb":return Fr(dn,{...o,mode:t});default:return Fr(dn,{...o,mode:t})}};To.options=ff;To.states=bf;To.variants=xf;To.defaultOptions=hf;To.modifiers=gf;To.className=ne.className;import{jsx as Nf}from"react/jsx-runtime";var Gr=e=>Nf("tr",{role:"row",children:e.children});import{jsx as Lf}from"react/jsx-runtime";var Vr="k-colorpalette-tile",vf=[s.hover,s.focus,s.selected],kf={},Oo=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...l}=e,c={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Lf("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,Vr,S(Vr,{hover:a,focus:n,selected:i})),style:c})};Oo.states=vf;Oo.options=kf;Oo.className=Vr;var Ll="color-palette",Ml="colorpalette";import{jsx as Ea}from"react/jsx-runtime";var cn="k-colorpalette",Mf=[s.disabled],Sf={size:[d.undefined,d.small,d.medium,d.large]},Sl={columns:10},Se=e=>{let{size:t,palette:o,columns:a=Sl.columns,tileSize:n,disabled:i,...l}=e,c=[];if(o){let u=a\|\|o.columns,f=o.colors?o.colors:o;Array.isArray(f)&&Array.from({length:Math.ceil(f.length/u)},(N,x)=>{let m=[];f.slice(xu,(x+1)u).map((k,y)=>{m.push(Ea(Oo,{color:k,tileSize:n},y))});let L=Ea(Gr,{children:m},x);c.push(L)})}return Ea("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,cn,S(cn,{disabled:i}),A(cn,{size:t})),children:Ea("table",{className:"k-colorpalette-table",role:"none",children:Ea("tbody",{children:c.length>0?c:e.children})})})};Se.states=Mf;Se.options=Sf;Se.className=cn;Se.defaultOptions=Sl;Se.moduleName=Ll;Se.folderName=Ml;Se.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var mn=Se;var Ia={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as yf}from"react/jsx-runtime";var yl=e=>yf(mn,{palette:Ia.basic,...e});import{jsx as nP}from"react/jsx-runtime";import{jsx as dP,jsxs as cP}from"react/jsx-runtime";import{jsx as Bf}from"react/jsx-runtime";var Af=Se.options,Cf=Se.states,Ef={...Se.defaultOptions,variant:"basic"},If=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Tf={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Of=[],Bo=e=>{let{variant:t="basic",...o}=e,a=Tf[t];return Bf(yl,{columns:a.columns,palette:a,...o})};Bo.options=Af;Bo.states=Cf;Bo.variants=If;Bo.defaultOptions=Ef;Bo.modifiers=Of;Bo.className=Se.className;var Al="color-editor",Cl="coloreditor";import{jsx as Ye,jsxs as Po}from"react/jsx-runtime";var un="k-coloreditor",Pf=[s.focus],wf={size:[d.undefined,d.small,d.medium,d.large]},Ta={view:"gradient",palette:Ia.office,actionButtons:!0,canvasOrientation:"horizontal"},J=e=>{let{size:t,view:o=Ta.view,palette:a=Ta.palette,color:n,currentColor:i,focus:l,focusView:c,dir:u,group:f,actionButtons:N=Ta.actionButtons,canvasOrientation:x=Ta.canvasOrientation,...m}=e;return Po("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",un,A(un,{size:t}),S(un,{focus:l})),dir:u,children:[Po("div",{className:"k-coloreditor-header k-hstack",children:[Ye("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&Po(T,{fillMode:"flat",children:[Ye(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ye(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ye("div",{className:"k-spacer"}),Po("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ye(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Po("div",{className:"k-coloreditor-preview k-vstack",children:[Ye(Tt,{className:"k-coloreditor-preview-color",color:n}),Ye(Tt,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ye("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ye(ne,{focus:c,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):Ye(Se,{palette:a,size:t})}),N&&Po(we,{className:"k-coloreditor-footer",alignment:"start",children:[Ye(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ye(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};J.states=Pf;J.options=wf;J.className=un;J.defaultOptions=Ta;J.moduleName=Al;J.folderName=Cl;J.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var wo=J;import{jsx as zP}from"react/jsx-runtime";import{jsx as VP}from"react/jsx-runtime";import{jsx as Rf}from"react/jsx-runtime";var El=e=>Rf(wo,{group:!0,currentColor:"fuchsia",...e});import{jsx as Kf}from"react/jsx-runtime";var Il=e=>Kf(wo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Tl}from"react/jsx-runtime";var _f=J.options,Df=J.states,Hf={...J.defaultOptions,variant:"gradient"},zf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Uf=[],Ro=e=>{let{variant:t,...o}=e;return t==="palette"?Tl(Il,{...o,color:"white"}):Tl(El,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Ro.options=_f;Ro.states=Df;Ro.variants=zf;Ro.defaultOptions=Hf;Ro.modifiers=Uf;Ro.className=J.className;var Ol="color-picker",Bl="colorpicker";import{Fragment as Vf,jsx as Ze,jsxs as $r}from"react/jsx-runtime";var Pl="k-colorpicker",Ff=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],Gf={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},wl={arrowIconName:"chevron-down"},Re=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=wl.arrowIconName,prefix:i,suffix:l,value:c,placeholder:u,hover:f,focus:N,valid:x,invalid:m,required:L,disabled:k,valueIconName:y,popup:C,opened:M,adaptive:I,adaptiveSettings:$,adaptiveTitle:pe,adaptiveSubtitle:he,...xe}=e,Be="colorpicker-popup";return $r(Vf,{children:[$r(it,{...xe,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:x,invalid:m,required:L,disabled:k,role:"combobox","aria-haspopup":"dialog","aria-expanded":M?"true":"false","aria-controls":M\|\|I?Be:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:r(e.className,Pl,"k-icon-picker"),children:[Ze(ze,{children:i}),Ze(Xt,{placeholder:u,value:c,showValue:!1,valueIcon:Ze(Tt,{className:"k-value-icon",color:c,iconName:y}),valueIconName:y}),Ze(Ue,{children:l}),Ze(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),M&&C&&Ze(G,{id:Be,className:"k-colorpicker-popup",children:C}),I&&Ze(W,{adaptive:!0,id:Be,...$,header:Ze(ve,{actionsEnd:Ze(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:pe,subtitle:he}),footer:$r(Ot,{children:[Ze(p,{text:"Cancel",size:"large"}),Ze(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Ze(J,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Re.states=Ff;Re.options=Gf;Re.className=Pl;Re.defaultOptions=wl;Re.moduleName=Ol;Re.folderName=Bl;Re.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Lt=Re;import{jsx as $f}from"react/jsx-runtime";var fn=e=>$f(Lt,{...e});import{jsx as Cw}from"react/jsx-runtime";import{jsx as Bw}from"react/jsx-runtime";import{jsx as Kw}from"react/jsx-runtime";import{jsx as zw}from"react/jsx-runtime";import{jsx as Vw}from"react/jsx-runtime";import{jsx as Ww}from"react/jsx-runtime";import{jsx as jt}from"react/jsx-runtime";var Xf=Lt.options,qf=Lt.states,Rl={...Lt.defaultOptions,variant:"color"},Wf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Jf=[{name:"opened",title:"Opened"}],Ko=e=>{let{variant:t,modifiers:o,...a}={...Rl,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?jt(J,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return jt("div",{style:i,children:jt(fn,{...a,...n})});case"icon":return jt("div",{style:i,children:jt(fn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return jt("div",{style:i,children:jt(fn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Ko.options=Xf;Ko.states=qf;Ko.variants=Wf;Ko.defaultOptions=Rl;Ko.modifiers=Jf;Ko.className=Lt.className;var Xr="combobox",Kl=Xr;import{Fragment as qr,jsx as ae,jsxs as Oa}from"react/jsx-runtime";var _l="k-combobox",Yf=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Zf={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Dl={separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Dl.separators,prefix:i,suffix:l,value:c,placeholder:u,hover:f,focus:N,valid:x,invalid:m,required:L,loading:k,disabled:y,popup:C,opened:M,readonly:I,adaptive:$,adaptiveSettings:pe,adaptiveTitle:he,adaptiveSubtitle:xe,adaptiveCustomValue:Be,id:$t,autocomplete:Fn,activeDescendant:It,"aria-label":$a,...Gn}=e,Vn=$t?`${$t}-listbox`:void 0;return Oa(qr,{children:[Oa(Y,{...Gn,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:x,invalid:m,required:L,loading:k,disabled:y,readonly:I,className:r(e.className,_l),children:[i&&Oa(qr,{children:[ae(ze,{children:i}),n&&ae(Fe,{})]}),ae(ge,{id:$t,placeholder:u,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?Vn:void 0,"aria-activedescendant":M&&It?It:void 0,"aria-autocomplete":Fn,"aria-invalid":m?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":$a,disabled:y,readOnly:I}),ae(Ne,{valid:x,invalid:m,loading:k,disabled:y}),ae(Ce,{loading:k,disabled:y}),ae(Pe,{loading:k,disabled:y,readonly:I,value:c}),l&&Oa(qr,{children:[n&&ae(Fe,{}),ae(Ue,{children:l})]}),ae(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:y})]}),M&&C&&ae(G,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),$&&ae(W,{adaptive:!0,id:$t?`${$t}-adaptive`:void 0,...pe,header:ae(ve,{actionsEnd:ae(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:u,title:he,subtitle:xe}),children:ae("div",{className:"k-list-container",children:ae(R,{customValue:Be?ae(Kt,{text:`Use "${c}"`}):void 0,size:"large",children:Oa(H,{"aria-label":he\|\|"Options",children:[ae(O,{text:"List item"}),ae(O,{text:"List item"}),ae(O,{text:"List item"})]})})})})]})};de.states=Yf;de.options=Zf;de.className=_l;de.defaultOptions=Dl;de.moduleName=Xr;de.folderName=Kl;de.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Ke=de;import{jsx as Qf}from"react/jsx-runtime";var Hl=e=>Qf(Ke,{...e});import{jsx as TR,jsxs as OR}from"react/jsx-runtime";import{jsx as _R,jsxs as DR}from"react/jsx-runtime";import{jsx as VR,jsxs as $R}from"react/jsx-runtime";import{Fragment as ZR,jsx as YR}from"react/jsx-runtime";import{Fragment as aK,jsx as oK}from"react/jsx-runtime";import{jsx as pK,jsxs as dK}from"react/jsx-runtime";import{Fragment as gK,jsx as hK,jsxs as xK}from"react/jsx-runtime";import{jsx as LK}from"react/jsx-runtime";import{jsx as AK}from"react/jsx-runtime";import{jsx as BK,jsxs as PK}from"react/jsx-runtime";import{jsx as HK,jsxs as zK}from"react/jsx-runtime";import{jsx as Dt,jsxs as nb}from"react/jsx-runtime";var jf=de.states,eb=de.defaultOptions,tb=de.options,ob=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],ab=[],_o=e=>{let{modifiers:t,...o}=e,a={},n=Dt(R,{style:{width:300},size:o.size,children:nb(H,{children:[Dt(O,{children:"List item"}),Dt(O,{children:"List item"}),Dt(O,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Dt(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?Dt(se,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0;break;default:break}}),Dt("div",{children:Dt(Hl,{value:"Value",style:{width:300},...o,...a})})};_o.options=tb;_o.states=jf;_o.variants=ab;_o.defaultOptions=eb;_o.modifiers=ob;_o.className=de.className;var Wr="menu-button",zl=Wr;import{jsx as ib}from"react/jsx-runtime";var Ul="k-menu-button",rb=[s.hover,s.focus,s.active,s.selected,s.disabled],sb={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},Jr={showArrow:!0,arrowIconName:"chevron-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,text:x,showArrow:m=Jr.showArrow,arrowIconName:L=Jr.arrowIconName,expanded:k,...y}=e;return ib(p,{...y,className:r(e.className,Ul),text:x,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,showArrow:m,arrowIconName:L,"aria-expanded":k?"true":"false",...!x&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...f&&{"aria-disabled":"true"}})};D.states=rb;D.options=sb;D.className=Ul;D.defaultOptions=Jr;D.moduleName=Wr;D.folderName=zl;D.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as N_}from"react/jsx-runtime";import{jsx as M_}from"react/jsx-runtime";import{jsx as C_}from"react/jsx-runtime";var _e="menu",Qe=_e;import{jsx as Ba,jsxs as Fl}from"react/jsx-runtime";var Yr="k-menu-item",lb=[s.hover,s.focus,s.active,s.selected,s.disabled],pb={},Gl={iconPosition:"before"},ce=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,first:u,last:f,showArrow:N,arrowIconName:x,iconPosition:m=Gl.iconPosition,dir:L,children:k,expanded:y,...C}=e,M=x;return M\|\|(M=L==="rtl"?"chevron-left":"chevron-right"),Fl("li",{...C,className:r(e.className,Yr,"k-item",S(Yr,{focus:o,disabled:i,hover:t,active:a,selected:n}),{"k-first":u,"k-last":f}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":y?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Fl("span",{className:r("k-link k-menu-link"),children:[l&&m==="before"&&Ba(v,{className:"k-menu-link-icon",icon:l}),Ba("span",{className:"k-menu-link-text",children:c}),l&&m==="after"&&Ba(v,{className:"k-menu-link-icon",icon:l}),N&&Ba("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ba(v,{icon:M})})]}),k]})};ce.states=lb;ce.options=pb;ce.className=Yr;ce.defaultOptions=Gl;ce.moduleName=_e;ce.folderName=Qe;import{jsx as Pa,jsxs as Vl}from"react/jsx-runtime";var Zr="k-menu-item",db=[s.hover,s.focus,s.active,s.selected,s.disabled],cb={},Qr={dir:"ltr",iconPosition:"before"},X=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,first:u,last:f,showArrow:N,arrowIconName:x,iconPosition:m=Qr.iconPosition,dir:L=Qr.dir,children:k,popup:y,expanded:C,...M}=e,I=x;return I\|\|(I=L==="rtl"?"chevron-left":"chevron-right"),Vl("li",{...M,className:r(e.className,Zr,"k-item",S(Zr,{focus:o,disabled:i}),{"k-first":u,"k-last":f}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":C?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Vl("span",{className:r("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&m==="before"&&Pa(v,{className:"k-menu-link-icon",icon:l}),Pa("span",{className:"k-menu-link-text",children:c}),l&&m==="after"&&Pa(v,{className:"k-menu-link-icon",icon:l}),N&&Pa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Pa(v,{icon:I})})]}),k,y]})};X.states=db;X.options=cb;X.className=Zr;X.defaultOptions=Qr;X.moduleName=_e;X.folderName=Qe;import{jsx as bb}from"react/jsx-runtime";var $l="k-menu-scroll-wrapper",mb=[],ub={},fb={},eo=e=>{let{className:t,children:o,orientation:a,...n}=e;return bb("div",{...n,className:r(t,$l,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};eo.states=mb;eo.options=ub;eo.className=$l;eo.defaultOptions=fb;eo.moduleName=_e;eo.folderName=Qe;var Xl=eo;import{Fragment as jr,jsx as to,jsxs as hn}from"react/jsx-runtime";var es="k-menu",hb=[],xb={},xn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=xn.orientation,header:a=xn.header,scrollable:n,scrollButtonsPosition:i=xn.scrollButtonsPosition,wrapperStyles:l,dir:c,popup:u,contextMenu:f,...N}=e,x={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},m=to("ul",{dir:c,...N,className:r(e.className,"k-reset",es,{[`${es}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return hn(jr,{children:[n?hn(Xl,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&hn(jr,{children:[to(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),to(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&to(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),m,i==="end"&&hn(jr,{children:[to(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),to(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&to(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):m,u]})};re.states=hb;re.options=xb;re.className=es;re.defaultOptions=xn;re.moduleName=_e;re.folderName=Qe;re.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as gb}from"react/jsx-runtime";var ts="k-separator",ql={orientation:"horizontal"},Do=e=>{let{orientation:t=ql.orientation,...o}=e;return gb("li",{...o,className:r(e.className,"k-item",ts,{[`${ts}-${t}`]:t}),role:"separator"})};Do.className=ts;Do.defaultOptions=ql;Do.moduleName=_e;Do.folderName=Qe;import{Fragment as o0,jsx as a0}from"react/jsx-runtime";import{jsx as Lb}from"react/jsx-runtime";var os="k-menu-group",Nb=[],vb={size:[d.undefined,d.small,d.medium,d.large]},kb={},me=e=>{let{children:t,size:o,...a}=e;return Lb("ul",{...a,className:r(e.className,os,A(os,{size:o})),role:"menu",children:t})};me.states=Nb;me.options=vb;me.className=os;me.defaultOptions=kb;me.moduleName=_e;me.folderName=Qe;import{Fragment as Mb,jsx as Ho,jsxs as Sb}from"react/jsx-runtime";var as=e=>Ho(re,{children:Sb(Mb,{children:[Ho(ce,{first:!0,text:"Item 1"}),Ho(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Ho(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Ho(ce,{text:"Item 4"}),Ho(ce,{last:!0,text:"Item 5"})]}),...e});import{Fragment as x0,jsx as b0,jsxs as h0}from"react/jsx-runtime";import{Fragment as L0,jsx as k0,jsxs as M0}from"react/jsx-runtime";import{Fragment as E0,jsx as C0,jsxs as I0}from"react/jsx-runtime";import{Fragment as w0,jsx as P0,jsxs as R0}from"react/jsx-runtime";import{jsx as oo,jsxs as Ib}from"react/jsx-runtime";var yb=re.options,Ab=re.states,Wl={...re.defaultOptions,variant:"horizontal"},Cb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Eb=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],zo=e=>{let{variant:t,modifiers:o,...a}={...Wl,...e},n={};return Object.keys(o\|\|{}).forEach(i=>{switch(i){case"scrollable":n.scrollable=!!o?.[i];break;case"opened":n.opened=!!o?.[i],n.popup=oo(G,{className:"k-menu-popup",children:Ib(me,{children:[oo(X,{text:"Item 1"}),oo(X,{text:"Item 2"}),oo(Do,{}),oo(X,{text:"Item 3"})]})});break}}),t==="vertical"?oo(as,{...a,...n,orientation:"vertical",style:{width:"200px"}}):oo(as,{...a,...n})};zo.options=yb;zo.states=Ab;zo.variants=Cb;zo.defaultOptions=Wl;zo.modifiers=Eb;zo.className=re.className;import{Fragment as uD,jsx as cD,jsxs as mD}from"react/jsx-runtime";import{jsx as xD}from"react/jsx-runtime";import{Fragment as wb,jsx as ut,jsxs as Jl}from"react/jsx-runtime";var Tb=p.states,Yl={...p.defaultOptions,variant:"text"},Ob=p.options,Bb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Pb=[{name:"opened",title:"Opened"}],Uo=e=>{let{variant:t,modifiers:o,...a}={...Yl,...e},n={},i=ut(G,{className:"k-menu-popup",children:Jl(me,{size:a.size,children:[ut(X,{first:!0,text:"Menu Item"}),ut(X,{text:"Menu Item"}),ut(X,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=ut("div",{children:ut(D,{...a,...n,icon:"star"})});break;case"icon-and-text":l=ut("div",{children:ut(D,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=ut("div",{children:ut(D,{...a,...n,children:"Dropdown Button"})});break}return Jl(wb,{children:[l,o?.opened&&i]})};Uo.options=Ob;Uo.states=Tb;Uo.variants=Bb;Uo.defaultOptions=Yl;Uo.modifiers=Pb;Uo.className=D.className;var ns="split-button",Zl=ns;import{Fragment as _b,jsx as rs,jsxs as Ql}from"react/jsx-runtime";var ss="k-split-button",Rb=[s.hover,s.focus,s.active,s.selected,s.disabled],Kb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},jl={arrowIconName:"chevron-down"},P=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,text:x,arrowIconName:m=jl.arrowIconName,popup:L,opened:k,popupId:y,...C}=e;return Ql(_b,{children:[Ql("div",{...C,className:r(e.className,ss,"k-button-group",A(ss,{rounded:o})),children:[rs(p,{text:x,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,...!x&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),rs(p,{className:"k-split-button-arrow",icon:m,size:t,rounded:o,fillMode:a,disabled:f,"aria-label":"Toggle dropdown","aria-expanded":k?"true":"false","aria-controls":k?y:void 0,tabIndex:-1,...f&&{"aria-disabled":"true"}})]}),k&&L&&rs(G,{className:"k-menu-popup",children:L})]})};P.states=Rb;P.options=Kb;P.className=ss;P.defaultOptions=jl;P.moduleName=ns;P.folderName=Zl;P.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var is=P;import{jsx as Hb}from"react/jsx-runtime";var Db="k-toolbar-separator",nt=e=>Hb("div",{className:r(Db,e.className,"k-separator")});var Mt="toolbar",Ht=Mt;import{Fragment as ls,jsx as K,jsxs as Fo}from"react/jsx-runtime";var St="k-toolbar",zb=[s.focus],Ub={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Fb={scrollButtons:"around"},z=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:c,section:u,...f}=e,N=[],x=(m,L)=>{let k=[];if(m.type===p&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))k.push(K(p,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===p)k.push(K(p,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===ba)k.push(K(ba,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===se)k.push(K(se,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===D)k.push(K(D,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===is)k.push(K(is,{...m.props,className:`k-toolbar-split-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===T\|\|m.props.className&&m.props.className.includes("k-button-group")){let y=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((M,I)=>{y.push(K(p,{...M.props,className:`${M.props.className?M.props.className:""}`},`${I}-${new Date().getTime()}`))}),k.push(K(T,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:y},`${L}-${new Date().getTime()}`))}else m.type===de?k.push(K(de,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===oe?k.push(K(oe,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===Re?k.push(K(Re,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):k.push(m);k.forEach(y=>{N.push(y)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,k)=>{x(L,k)}),Fo("div",{...f,className:r(e.className,St,A(St,{size:t,fillMode:o}),S(St,{focus:a}),{[`${St}-resizable`]:n,[`${St}-scrollable`]:i,[`${St}-scrollable-overlay`]:i&&l==="hidden",[`${St}-scrollable-${c}`]:c&&c!=="both",[`${St}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&N,i&&l==="hidden"&&K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),i&&l==="start"&&Fo(ls,{children:[Fo(T,{children:[K("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-left"})}),K("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-right"})})]}),K(nt,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&Fo(ls,{children:[K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),K(nt,{className:"k-toolbar-button-separator"}),Fo(T,{children:[K("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-left"})}),K("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),i&&(l==="around"\|\|!l)&&Fo(ls,{children:[K("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-left"})}),K(nt,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),K(nt,{className:"k-toolbar-button-separator"}),K("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};z.states=zb;z.options=Ub;z.className=St;z.defaultOptions=Fb;z.moduleName=Mt;z.folderName=Ht;z.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as Xb}from"react/jsx-runtime";var ep="k-floating-toolbar",Gb=[],Vb={},$b={},Go=e=>{let{...t}=e;return Xb("div",{...t,className:r(e.className,ep),children:e.children})};Go.states=Gb;Go.options=Vb;Go.className=ep;Go.defaultOptions=$b;Go.moduleName=Mt;Go.folderName=Ht;import{jsx as Yb}from"react/jsx-runtime";var ps="k-toolbar-item",qb=[s.focus],Wb={},Jb={},Vo=e=>{let{focus:t,...o}=e;return Yb("div",{...o,className:r(e.className,ps,S(ps,{focus:t})),children:e.children})};Vo.states=qb;Vo.options=Wb;Vo.className=ps;Vo.defaultOptions=Jb;Vo.moduleName=Mt;Vo.folderName=Ht;import{jsx as tp}from"react/jsx-runtime";var op="k-toolbar-popup",Zb=[],Qb={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},jb={},ao=e=>{let{size:t,fillMode:o,section:a,...n}=e;return tp(G,{...n,className:r(e.className,op),children:a?tp("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};ao.states=Zb;ao.options=Qb;ao.className=op;ao.defaultOptions=jb;ao.moduleName=Mt;ao.folderName=Ht;var gn=ao;import{jsx as vH}from"react/jsx-runtime";import{jsx as SH}from"react/jsx-runtime";import{jsx as EH}from"react/jsx-runtime";import{jsx as wH,jsxs as RH}from"react/jsx-runtime";import{jsx as HH}from"react/jsx-runtime";import{jsx as yt,jsxs as nh}from"react/jsx-runtime";var eh=P.states,ap={...P.defaultOptions,variant:"text"},th=P.options,oh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ah=[{name:"opened",title:"Opened"}],$o=e=>{let{variant:t,modifiers:o,...a}={...ap,...e},n={},i=nh(me,{size:a.size,children:[yt(X,{first:!0,text:"Menu Item"}),yt(X,{text:"Menu Item"}),yt(X,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?i:"")}),t){case"icon-only":return yt("div",{children:yt(P,{...a,...n,icon:"star"})});case"icon-and-text":return yt("div",{children:yt(P,{...a,...n,icon:"star",children:"Split Button"})});default:return yt("div",{children:yt(P,{...a,...n,children:"Split Button"})})}};$o.options=th;$o.states=eh;$o.variants=oh;$o.defaultOptions=ap;$o.modifiers=ah;$o.className=P.className;import{jsx as no,jsxs as rh}from"react/jsx-runtime";var np=e=>no(z,{children:[no(p,{children:"Button"},"toolbar-button"),no(D,{text:"Menu button"},"toolbar-menu-button"),no(P,{children:"Split button"},"toolbar-split-button"),rh(T,{children:[no(p,{className:"k-group-start",icon:"align-left",children:"Left"}),no(p,{icon:"align-center",children:"Center"}),no(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as f1,jsxs as b1}from"react/jsx-runtime";import{jsx as De,jsxs as rp}from"react/jsx-runtime";var sp=e=>De(z,{scrollable:!0,...e,children:[De(p,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(P,{children:"Split button"},"toolbar-split-button"),rp(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),De(p,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(P,{children:"Split button"},"toolbar-split-button"),rp(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as He,jsxs as ip}from"react/jsx-runtime";var lp=({scrollingPosition:e="start",...t})=>He(z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[He(p,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(P,{children:"Split button"},"toolbar-split-button"),ip(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),He(p,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(P,{children:"Split button"},"toolbar-split-button"),ip(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as sh,jsx as Ee,jsxs as Nn}from"react/jsx-runtime";var pp=({fillMode:e,size:t,...o})=>Nn(sh,{children:[Ee(z,{section:!0,fillMode:e,size:t,children:[Ee(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Nn(T,{fillMode:e,children:[Ee(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ee(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ee(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ee(nt,{className:"k-toolbar-button-separator"}),Ee(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Nn(gn,{size:t,fillMode:e,section:!0,...o,children:[Ee(P,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ee(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ee(nt,{}),Ee(D,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Nn(T,{fillMode:e,children:[Ee(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ee(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ee(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as W1,jsx as X1,jsxs as q1}from"react/jsx-runtime";import{Fragment as rz,jsx as az,jsxs as nz}from"react/jsx-runtime";import{jsx as zt}from"react/jsx-runtime";var ih=z.options,lh=z.states,dp={...z.defaultOptions,variant:"default"},ph=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],dh=[],Xo=e=>{let{variant:t,...o}={...dp,...e};switch(t){case"responsive":return zt("div",{children:zt(pp,{style:{width:"583px"},...o})});case"overlay":return zt("div",{children:zt(lp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return zt("div",{children:zt(sp,{style:{width:"583px"},...o})});default:return zt("div",{children:zt(np,{style:{width:"583px"},...o})})}};Xo.options=ih;Xo.states=lh;Xo.variants=ph;Xo.defaultOptions=dp;Xo.modifiers=dh;Xo.className=z.className;import{jsx as cp,jsxs as bh}from"react/jsx-runtime";var vn="k-fab",uh=[s.hover,s.focus,s.active,s.selected,s.disabled],fh={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},mp={type:"button"},Q=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=mp.type,position:c,hover:u,focus:f,active:N,selected:x,disabled:m,...L}=e;return bh("button",{...L,type:l,className:r(e.className,vn,A(vn,{size:t,rounded:o,themeColor:a}),S(vn,{hover:u,focus:f,active:N,disabled:m,selected:x}),{[`!k-pos-absolute k-${c}`]:c}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...m&&{"aria-disabled":"true"},disabled:m\|\|void 0,children:[i&&cp(v,{className:"k-fab-icon",icon:i}),n&&cp("span",{className:"k-fab-text",children:n})]})};Q.states=uh;Q.options=fh;Q.className=vn;Q.defaultOptions=mp;Q.moduleName="fab";Q.folderName="fab";Q.ariaSpec={selector:".k-fab",rules:[{selector:".k-fab",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-fab",attribute:"aria-label or title (when icon-only)",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-fab.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."}]};import{jsx as xh}from"react/jsx-runtime";var hh="k-fab-items",up=e=>{let{position:t,...o}=e;return xh("ul",{...o,className:r(e.className,hh,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as bp,jsxs as Nh}from"react/jsx-runtime";var fp="k-fab-item",gh=[s.hover,s.focus,s.active,s.disabled],ds=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:c,...u}=e;return Nh("li",{...u,className:r(e.className,fp,{[`k-text-${a}`]:a},S(fp,{hover:n,focus:i,active:l,disabled:c})),children:[bp("span",{className:"k-fab-item-text",children:t}),bp(v,{className:"k-fab-item-icon",icon:o})]})};ds.states=gh;import{jsx as Vz}from"react/jsx-runtime";import{jsx as vh}from"react/jsx-runtime";var hp=e=>vh(Q,{icon:"plus",...e});import{jsx as Zz}from"react/jsx-runtime";import{jsx as t2}from"react/jsx-runtime";import{jsx as qo,jsxs as Ah}from"react/jsx-runtime";var kh=Q.options,Lh=Q.states,Mh={...Q.defaultOptions,variant:"text"},Sh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],yh=[{name:"opened",title:"Opened"}],Wo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?qo("div",{className:"k-fab-popup k-popup k-popup-transparent",style:{position:"absolute",top:"calc(16px + 36px)",right:"calc(16px + calc(36px / 2) - calc(36px /2))"},children:qo(up,{position:"bottom",children:qo(ds,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=qo(Q,{...a,icon:"star"});break;case"icon-and-text":l=qo(Q,{...a,icon:"star",text:"Action"});break;default:l=qo(Q,{...a,text:"Action"});break}return Ah("span",{style:{position:"relative"},children:[l,i]})};Wo.options=kh;Wo.states=Lh;Wo.variants=Sh;Wo.defaultOptions=Mh;Wo.modifiers=yh;Wo.className=Q.className;var cs="prompt-box",xp=cs;var ms="speech-to-text-button",gp=ms;import{jsx as Ch}from"react/jsx-runtime";var Np="k-speech-to-text-button",vp={icon:"microphone-outline"},Ie=e=>{let{listening:t=!1,icon:o=vp.icon,...a}=e;return Ch(p,{...a,icon:t?"stop-sm":o,className:r(e.className,Np,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Ie.states=p.states;Ie.options=p.options;Ie.className=Np;Ie.defaultOptions=vp;Ie.moduleName=ms;Ie.folderName=gp;Ie.ariaSpec={selector:".k-speech-to-text-button",rules:[{selector:".k-button.k-speech-to-text-button",attribute:"role=button or nodeName=button",usage:"If the used element is not <button>, explicitly set its role to button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-pressed",usage:"Announces the toggle behaviour of the button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-label",usage:"Accessible name for the speech-to-text button."}]};import{jsx as T2}from"react/jsx-runtime";import{jsx as w2}from"react/jsx-runtime";import{jsx as Bh}from"react/jsx-runtime";var Eh=p.states,kp={...p.defaultOptions,variant:"normal"},Ih={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},Th=[],Oh=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Jo=e=>{let{variant:t,...o}={...kp,...e},a={};return t==="listening"&&(a.listening=!0),Bh(Ie,{...o,...a})};Jo.options=Ih;Jo.states=Eh;Jo.variants=Oh;Jo.defaultOptions=kp;Jo.modifiers=Th;Jo.className=Ie.className;import{jsx as Yo,jsxs as us}from"react/jsx-runtime";var ft="k-prompt-box",Ph=[s.hover,s.focus,s.disabled],wh={fillMode:[h.undefined,h.solid,h.flat,h.outline]},fs={lineMode:"auto",isExpanded:!1},At=e=>{let{fillMode:t,lineMode:o=fs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=fs.isExpanded,className:c,children:u,value:f,placeholder:N,generating:x,hover:m,focus:L,disabled:k,...y}=e,C=o==="multi"\|\|o==="auto"&&l;return us("div",{...y,className:r(c,"k-input",ft,{[`${ft}-singleline`]:o==="single",[`${ft}-multiline`]:C,[`k-input-${t}`]:t,"k-hover":m,"k-focus":L,"k-disabled":k}),children:[i&&Yo("div",{className:`${ft}-header`,children:i}),us("div",{className:`${ft}-content`,children:[a&&Yo("div",{className:`${ft}-affix`,children:a}),o==="single"?Yo(ge,{value:f,placeholder:N,className:`${ft}-input`,type:"text","aria-label":"Prompt input"}):Yo(ga,{value:f,placeholder:N,className:`${ft}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),us("div",{className:`${ft}-affix`,children:[n,Yo(Ie,{size:"small",fillMode:"flat",rounded:"full"}),Yo(se,{icon:x?"stop-sm":"arrow-up-outline",size:"small",rounded:"full",active:x,disabled:!f&&!x,className:r({"k-generating":x}),"aria-label":x?"Stop generating":"Send prompt","aria-live":"polite"})]})]}),u]})};At.states=Ph;At.options=wh;At.className=ft;At.defaultOptions=fs;At.moduleName=cs;At.folderName=xp;At.ariaSpec={selector:".k-prompt-box",rules:[{selector:".k-prompt-box-singleline .k-prompt-box-input",attribute:"nodeName=input",usage:"Ensures the input field has the proper textbox role."},{selector:".k-prompt-box-singleline .k-prompt-box-input",attribute:"aria-label",usage:"Provides an accessible label for the single-line input."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"nodeName=textarea",usage:"Ensures the textarea has the proper textbox role."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"aria-label",usage:"Provides an accessible label for the textarea."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"aria-multiline=true",usage:"Indicates the textarea supports multiple lines of text."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"nodeName=textarea",usage:"Ensures the auto-mode textarea has the proper textbox role."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"aria-label",usage:"Provides an accessible label for the auto-mode textarea."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"aria-multiline=true",usage:"Indicates the auto-mode textarea supports multiple lines of text."},{selector:".k-prompt-box-affix .k-button:not(.k-speech-to-text-button)",attribute:"aria-label",usage:"The send/stop button is labelled to indicate its current action."},{selector:".k-prompt-box-affix .k-button:not(.k-speech-to-text-button)",attribute:"aria-live=polite",usage:"Announces the change in status of the send/stop button."}]};import{jsx as oU}from"react/jsx-runtime";import{jsx as sU}from"react/jsx-runtime";import{jsx as dU}from"react/jsx-runtime";import{jsx as fU}from"react/jsx-runtime";import{jsx as gU}from"react/jsx-runtime";var bs="chat",Lp=bs;import{Fragment as yp,jsx as ro,jsxs as wa}from"react/jsx-runtime";var Mp="k-chat",Rh=[],Kh={},_h=wa(yp,{children:[ro(se,{icon:"paperclip-outline-alt-right",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),ro("div",{className:"k-spacer"})]}),Sp={tools:_h},F=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:c,tools:u=Sp.tools,value:f,empty:N,scrollToBottom:x,scrollbar:m,promptBoxProps:L,...k}=e;return wa("div",{...k,className:r(Mp,e.className),dir:o,children:[t,wa("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,ro("div",{className:r("k-message-list-content",N&&"k-message-list-content-empty"),children:e.children}),x&&ro("div",{className:"k-chat-scroll-to-bottom-container",children:ro(hp,{themeColor:"base",icon:"arrow-down-outline",size:"small"})})]}),m&&ro("div",{className:"k-separator"}),wa("div",{className:"k-message-box-wrapper",children:[a,ro(At,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:n\|\|l?wa(yp,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};F.states=Rh;F.options=Kh;F.className=Mp;F.defaultOptions=Sp;F.moduleName=bs;F.folderName=Lp;F.ariaSpec={selector:".k-chat",rules:[{selector:".k-message-list",attribute:"role=log",usage:"The role of the Chat message list must imply that there is a log (list) of messages."},{selector:".k-message-list",attribute:"aria-label",usage:"Announces the purpose of the Chat message list."},{selector:".k-message-list",attribute:"aria-live=polite",usage:"Announces new messages in the Chat message list."},{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble .k-typing-indicator",attribute:"tabindex=-1",usage:"The Chat bubble typing indicator should not be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."},{selector:".k-message-reference>.k-button",attribute:"aria-label or title",usage:"The reference close button must be properly labelled."},{selector:".k-message-reference>.k-button",attribute:"role=button or nodeName=button",usage:"The reference close button must have an appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-prompt-box-affix>.k-button.k-disabled",attribute:"disabled",usage:"Announces the send action as disabled when necessary."}]};var hs="avatar",Ap=hs;import{jsx as Cp}from"react/jsx-runtime";var Ra="k-avatar";var Dh=[s.hover,s.focus,s.active,s.selected,s.disabled],Hh={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.outline],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},xs={type:"text",border:!1},ue=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=xs.type,border:l=xs.border,...c}=e;return Cp("div",{...c,className:r(e.className,Ra,A(Ra,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ra}-bordered`]:l}),children:Cp("span",{className:`${Ra}-${i}`,children:e.children})})};ue.states=Dh;ue.options=Hh;ue.className=Ra;ue.defaultOptions=xs;ue.moduleName=hs;ue.folderName=Ap;ue.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var so=ue;import{jsx as zh}from"react/jsx-runtime";var Ep=e=>zh(so,{type:"icon",...e});import{jsx as Uh}from"react/jsx-runtime";var Ip=e=>Uh(so,{type:"text",...e});import{jsx as Fh}from"react/jsx-runtime";var Ln=e=>Fh(so,{type:"image",...e});import{jsx as QU}from"react/jsx-runtime";import{jsx as Ka}from"react/jsx-runtime";var Gh=ue.options,Vh=ue.states,$h={...ue.defaultOptions,variant:"image"},Xh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],qh=[],Zo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ka(Ep,{...o,children:Ka(v,{icon:"star"})});case"text":return Ka(Ip,{...o,children:"JO"});default:return Ka(Ln,{...o,children:Ka("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Zo.options=Gh;Zo.states=Vh;Zo.variants=Xh;Zo.defaultOptions=$h;Zo.modifiers=qh;Zo.className=ue.className;import{jsx as Qo,jsxs as gs}from"react/jsx-runtime";var _a="k-message-group",Wh=[s.selected],Jh={},Mn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},q=e=>{let{type:t=Mn.type,author:o=Mn.author,avatar:a=Mn.avatar,status:n,selected:i,fullWidth:l,...c}=e;return gs("div",{...c,className:r(_a,e.className,S(_a,{selected:i}),{[`${_a}-${t}`]:t,"k-no-avatar":!a,[`${_a}-full-width`]:l}),children:[a&&!n&&Qo(ue,{type:"image",children:Qo("img",{src:a,alt:o\|\|""})}),n&&a&&gs("div",{className:"k-chat-user-status-wrapper",children:[Qo(ue,{type:"image",children:Qo("img",{src:a,alt:o\|\|""})}),Qo("div",{className:"k-chat-user-status"})]}),gs("div",{className:"k-message-group-content",children:[o&&Qo("span",{className:"k-message-author",children:o}),e.children]})]})};q.states=Wh;q.options=Jh;q.className=_a;q.defaultOptions=Mn;import{Fragment as Zh,jsx as Sn,jsxs as Tp}from"react/jsx-runtime";var Ns="k-message-reference",Yh={},Op={type:"receiver"},jo=e=>{let{content:t,closeable:o,pinned:a,type:n=Op.type,...i}=e;return Tp("div",{...i,className:r(Ns,e.className,{[`${Ns}-${n}`]:n,"k-message-pinned":a}),children:[a&&Sn(v,{icon:"pin-outline"}),Sn("div",{className:"k-message-reference-content",children:t}),o&&Tp(Zh,{children:[Sn("span",{className:"k-spacer"}),Sn(p,{icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};jo.options=Yh;jo.className=Ns;jo.defaultOptions=Op;var vs="bubble",Bp=vs;import{jsx as yn,jsxs as jh}from"react/jsx-runtime";var ks="k-bubble",Qh=[s.hover,s.active,s.selected,s.focus],Ls={expandable:!1,expanded:!1},Ut=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Ls.expandable,expanded:c=Ls.expanded,...u}=e;return jh("div",{...u,className:r(e.className,ks,S(ks,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":c}),tabIndex:0,children:[yn("div",{className:"k-bubble-content",children:t??e.children}),l&&yn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":c?"Show less":"Show more",tabIndex:0,children:c?yn(v,{icon:"chevron-up"}):yn(v,{icon:"chevron-down"})})]})};Ut.states=Qh;Ut.className=ks;Ut.defaultOptions=Ls;Ut.moduleName=vs;Ut.folderName=Bp;Ut.ariaSpec={selector:".k-bubble",rules:[{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."}]};import{jsx as B3}from"react/jsx-runtime";import{jsx as K3}from"react/jsx-runtime";import{jsx as z3}from"react/jsx-runtime";import{jsx as Ms,jsxs as wp}from"react/jsx-runtime";var ex="k-chat-bubble",Rp=e=>{let{typing:t,content:o,files:a,...n}=e;return wp(Ut,{...n,className:r(e.className,ex),children:[t?wp("div",{className:"k-typing-indicator",tabIndex:-1,children:[Ms("span",{}),Ms("span",{}),Ms("span",{})]}):o,a]})};import{jsx as tF}from"react/jsx-runtime";import{jsx as Kp,jsxs as tx}from"react/jsx-runtime";var _p="k-chat-event",Ss={icon:"trash",text:"You deleted Chat history."},Dp=e=>{let{icon:t=Ss.icon,text:o=Ss.text,...a}=e;return tx("div",{...a,className:r(e.className,_p),children:[t&&Kp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&Kp("span",{className:"k-chat-event-text",children:o})]})};Dp.className=_p;Dp.defaultOptions=Ss;import{jsx as cF}from"react/jsx-runtime";import{Fragment as ox,jsx as bt,jsxs as ax}from"react/jsx-runtime";var Hp=e=>bt(F,{children:ax(ox,{children:[bt("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),bt(q,{children:bt(V,{})}),bt(q,{type:"sender",children:bt(V,{})}),bt(q,{children:bt(V,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),bt(q,{type:"sender",children:bt(V,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as zp}from"react/jsx-runtime";var An="k-file-box-wrapper",Up={layout:"horizontal"},ht=e=>{let{layout:t=Up.layout,scrollingPosition:o,...a}=e;return zp("ul",{role:"list","aria-label":"Attached files",...a,className:r(e.className,An,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${An}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${An}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?zp("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};ht.className=An;ht.defaultOptions=Up;var ys="file-box",Fp=ys;import{jsx as ea,jsxs as Gp}from"react/jsx-runtime";var Vp="k-file-box",nx=[s.selected],rx={},Da={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},ye=e=>{let{icon:t=Da.icon,name:o=Da.name,size:a=Da.size,status:n,deleted:i,removeButton:l,showButton:c=Da.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return Gp("li",{role:"listitem",tabIndex:0,"aria-label":f\|\|void 0,...u,className:r(Vp,e.className,{"k-file-deleted":i}),children:[ea(v,{icon:t,size:"xlarge","aria-hidden":"true"}),Gp("div",{className:"k-file-info",children:[o&&ea("span",{className:"k-file-name",children:o}),a&&ea("span",{className:"k-file-size",children:a}),n&&ea("span",{className:"k-file-status",children:n})]}),c&&(l?ea(p,{as:"span",icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):ea(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};ye.states=nx;ye.options=rx;ye.className=Vp;ye.defaultOptions=Da;ye.moduleName=ys;ye.folderName=Fp;ye.ariaSpec={selector:".k-file-box-wrapper",rules:[{selector:".k-file-box-wrapper",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-file-box-wrapper",attribute:"aria-label",usage:'Provides an accessible name for the file list (e.g. "Attached files").'},{selector:".k-file-box-wrapper .k-files-scroll",attribute:"role=presentation",usage:"The scrollable container between the list and its items is presentational, ensuring the list\u2192listitem relationship is preserved in the accessibility tree."},{selector:".k-file-box-wrapper .k-file-box",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-file-box-wrapper .k-file-box",attribute:"tabindex",usage:"Makes the file box focusable. Uses roving tabindex: 0 for the focused item, -1 for the rest."},{selector:".k-file-box-wrapper .k-file-box",attribute:"aria-label",usage:'Provides an accessible name describing the file. Can include the file name and size (e.g. "FileName.pdf 2MB").'},{selector:".k-file-box-wrapper .k-file-box .k-icon",attribute:"aria-hidden=true",usage:"The file type icon is decorative and hidden from screen readers."},{selector:".k-file-box-wrapper .k-file-box span.k-button",attribute:"aria-hidden=true",usage:"The remove button is rendered as a decorative span and hidden from screen readers. File removal is handled by keyboard interaction on the listitem itself."}]};import{jsx as TF}from"react/jsx-runtime";import{jsx as RF}from"react/jsx-runtime";import{jsx as zF,jsxs as UF}from"react/jsx-runtime";import{jsx as XF,jsxs as qF}from"react/jsx-runtime";import{jsx as QF}from"react/jsx-runtime";import{Fragment as m5,jsx as c5,jsxs as u5}from"react/jsx-runtime";import{Fragment as g5,jsx as x5,jsxs as N5}from"react/jsx-runtime";var As="skeleton",$p=As;import{jsx as px}from"react/jsx-runtime";var Cs="k-skeleton",sx=["circle","text","rect"],ix=[],lx={},Es={variant:"text",shape:"text",animation:"pulse"},rt=e=>{let{variant:t,shape:o,animation:a=Es.animation,...n}=e,i=`skeleton-${t\|\|o\|\|Es.variant}`;return px("span",{...n,className:r(e.className,Cs,Xa(Cs,i),{[`k-skeleton-${a}`]:a}),style:e.style})};rt.states=ix;rt.options=lx;rt.variants=sx;rt.className=Cs;rt.defaultOptions=Es;rt.moduleName=As;rt.folderName=$p;rt.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as E5}from"react/jsx-runtime";import{jsx as B5}from"react/jsx-runtime";import{jsx as K5}from"react/jsx-runtime";import{Fragment as Y5,jsx as W5,jsxs as J5}from"react/jsx-runtime";import{Fragment as tG,jsx as eG,jsxs as oG}from"react/jsx-runtime";var Is="window",Xp=Is;import{jsx as ux}from"react/jsx-runtime";var qp="k-window-content",dx=[],cx={},mx={},Ft=e=>{let{children:t,...o}=e;return ux("div",{...o,className:r(qp,e.className),children:t})};Ft.states=dx;Ft.options=cx;Ft.className=qp;Ft.defaultOptions=mx;Ft.moduleName=Is;Ft.folderName=Xp;var Ha="dialog",Cn=Ha;import{Fragment as hx,jsx as io,jsxs as Ts}from"react/jsx-runtime";var Wp="k-dialog",fx=[],bx={},Os={actionButtonsAlign:"stretched",modal:!0},Te=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Os.actionButtonsAlign,modal:i=Os.modal,...l}=e,c=t!==void 0?w("dialog-titlebar"):void 0,u=w("dialog-content");return Ts("div",{className:"k-dialog-wrapper",children:[i&&io(dt,{}),Ts("div",{...l,className:r(e.className,Wp,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&Ts("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&io("span",{className:"k-window-title k-dialog-title",children:t}),o&&io(hx,{children:io("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>io(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),io(Ft,{className:"k-dialog-content",id:u,children:e.children}),a&&io(we,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};Te.states=fx;Te.options=bx;Te.className=Wp;Te.defaultOptions=Os;Te.moduleName=Ha;Te.folderName=Cn;Te.ariaSpec={selector:".k-dialog",rules:[{selector:".k-dialog",attribute:"role=dialog or role=alertdialog",usage:"Announces the dialog or alertdialog role of the component."},{selector:".k-dialog",attribute:"aria-labelledby",usage:"Associate the title of the dialog."},{selector:".k-dialog",attribute:"aria-describedby",usage:"Associate the dialog content to the wrap element."},{selector:".k-overlay + .k-dialog",attribute:"aria-modal=true",usage:"Announces that the dialog is modal. Attribute is added only when the dialog is modal."}]};var Bs=Te;import{jsx as vx}from"react/jsx-runtime";var Jp="k-dialog-wrapper",xx=[],gx={},Nx={},ta=e=>{let{...t}=e;return vx("div",{...t,className:r(e.className,Jp),children:e.children})};ta.states=xx;ta.options=gx;ta.className=Jp;ta.defaultOptions=Nx;ta.moduleName=Ha;ta.folderName=Cn;import{Fragment as Yp,jsx as En,jsxs as kx}from"react/jsx-runtime";var Zp=e=>En(Bs,{title:"Title",children:En(Yp,{children:"Dialog content"}),actionButtons:kx(Yp,{children:[En(p,{children:"Action"}),En(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as IG,jsx as TG,jsxs as OG}from"react/jsx-runtime";import{Fragment as Cx,jsx as In,jsxs as Ex}from"react/jsx-runtime";var Lx=Te.options,Mx=[],Sx=Te.states,yx=Te.defaultOptions,Ax=[],oa=e=>In(Zp,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:Ex(Cx,{children:[In(p,{children:"No"}),In(p,{themeColor:"primary",children:"Yes"})]}),children:In("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});oa.options=Lx;oa.states=Sx;oa.variants=Mx;oa.defaultOptions=yx;oa.modifiers=Ax;oa.className=Te.className;var Ps="dropzone",Qp=Ps;import{jsx as Tn,jsxs as Ox}from"react/jsx-runtime";var ws="k-external-dropzone",Ix=[s.disabled,s.hover],Tx={},Rs={icon:"upload",hint:"Drag and drop files here to upload"},Ae=e=>{let{hover:t,disabled:o,icon:a=Rs.icon,hint:n=Rs.hint,note:i,...l}=e;return Tn("div",{...l,className:r(e.className,ws,S(ws,{disabled:o}),{"k-external-dropzone-hover":t}),children:Ox("div",{className:"k-dropzone-inner",children:[a&&Tn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&Tn("span",{className:"k-dropzone-hint",children:n}),i&&Tn("span",{className:"k-dropzone-note",children:i})]})})};Ae.states=Ix;Ae.options=Tx;Ae.className=ws;Ae.defaultOptions=Rs;Ae.moduleName=Ps;Ae.folderName=Qp;import{jsx as Bx}from"react/jsx-runtime";var jp=e=>Bx(Ae,{...e});import{jsx as o6}from"react/jsx-runtime";import{jsx as Dx}from"react/jsx-runtime";var Px=Ae.options,wx=Ae.states,Rx=Ae.defaultOptions,Kx=[{name:"note",title:"Note"}],_x=[],aa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{n==="note"&&(a.note=t?.[n]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),Dx(jp,{style:{width:"500px"},...o,...a})};aa.options=Px;aa.states=wx;aa.variants=_x;aa.defaultOptions=Rx;aa.modifiers=Kx;aa.className=Ae.className;import{Fragment as On,jsx as Gt,jsxs as za}from"react/jsx-runtime";var Ks="k-upload-dropzone",Hx=[s.hover],Bn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,c;switch(o){case"uploading":c=za(On,{children:[Gt(v,{icon:"upload"}),"Uploading..."]});break;case"done":c=za(On,{children:[Gt(v,{icon:"check"}),"Done"]});break;case"failed":c=za(On,{children:[Gt(v,{icon:"exclamation-circle"}),"Done"]});break;default:c=Gt(On,{});break}return za("div",{...l,className:r(e.className,Ks,"k-dropzone",S(Ks,{hover:t})),children:[za("div",{className:"k-upload-button-wrap",children:[Gt(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),Gt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Gt("span",{className:r("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Gt("span",{className:"k-upload-status",children:c})]})};Bn.states=Hx;Bn.className=Ks;var _s="upload",ed=_s;import{jsx as Pn,jsxs as od}from"react/jsx-runtime";var Ds="k-upload",zx=[s.hover,s.disabled],Ux={},ad={actionsLayout:"end"},td="upload-files-list",j=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=ad.actionsLayout,hover:i,status:l,disabled:c,...u}=e,f=!!e.children;return od("div",{...u,className:r(e.className,Ds,S(Ds,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[Pn(Bn,{status:l,hover:i,disabled:c,hasFiles:f,filesId:td}),f&&Pn("ul",{className:"k-upload-files",role:"list",id:td,children:e.children}),a&&f&&od(Ei,{alignment:n,orientation:"horizontal",children:[Pn(p,{className:"k-clear-selected",children:"Clear"}),Pn(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};j.states=zx;j.options=Ux;j.className=Ds;j.defaultOptions=ad;j.moduleName=_s;j.folderName=ed;j.ariaSpec={selector:".k-upload",rules:[{selector:".k-upload .k-upload-button",attribute:"aria-disabled",usage:"Announces the disabled state of the upload button."},{selector:".k-upload .k-upload-button",attribute:"aria-controls (when present)",usage:"Creates the relationship between the button and the list of selected files when the list is present."},{selector:".k-upload input",attribute:"tabindex=-1",usage:"Assures that the input element inside the upload is not focusable."},{selector:".k-upload input",attribute:"aria-hidden=true",usage:"The input needs to be hidden from screen readers."},{selector:".k-upload-files",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-upload-files",attribute:"id",usage:"Unique and deterministic id linked to the button aria-controls attribute."},{selector:".k-upload-files .k-file",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-upload .k-file .k-file-validation-message",attribute:"aria-live=polite",usage:"Announces the change in the upload status of the file."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"aria-label",usage:"Provides accessible names for the file action buttons."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"tabindex=-1",usage:"The list file action buttons are not focusable elements."}]};var Ua="progressbar",wn=Ua;import{jsx as zs,jsxs as Hs}from"react/jsx-runtime";var je="k-progressbar",Fx=[s.disabled,s.indeterminate],Gx={orientation:["horizontal","vertical"]},lo={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},fe=e=>{let{disabled:t,height:o,indeterminate:a=lo.indeterminate,label:n=lo.label,labelPosition:i=lo.labelPosition,orientation:l=lo.orientation,reverse:c=lo.reverse,value:u=lo.value,width:f,style:N,ariaLabel:x,...m}=e;return Hs("div",{...m,className:r(e.className,je,S(je,{disabled:t}),{[`${je}-${l}`]:l,[`${je}-indeterminate`]:a,[`${je}-reverse`]:c}),style:{...N,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:f},role:"progressbar","aria-label":x\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[zs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Hs("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&zs("div",{className:"k-progressbar-value k-selected",children:zs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Hs("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};fe.states=Fx;fe.options=Gx;fe.className=je;fe.defaultOptions=lo;fe.moduleName=Ua;fe.folderName=wn;fe.ariaSpec={selector:".k-progressbar",implicitRole:"progressbar",rules:[{selector:".k-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ProgressBar."},{selector:".k-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ProgressBar needs an accessible name to be assigned to it."},{selector:".k-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Decimal value between aria-valuemin and aria-valuemax."},{selector:".k-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to 100."}]};var nd=fe;import{jsx as Us}from"react/jsx-runtime";var rd="k-chunk-progressbar",Vx=(e,t)=>t<=e-1,$x=[s.disabled,s.indeterminate],Xx={},Rn={chunkCount:5,orientation:"horizontal",progress:0},po=e=>{let{disabled:t,chunkCount:o=Rn.chunkCount,indeterminate:a,orientation:n=Rn.orientation,progress:i=Rn.progress,reverse:l,ariaLabel:c,...u}=e;return Us("div",{...u,className:r(e.className,je,rd,S(je,{disabled:t}),{[`${je}-${n}`]:n,[`${je}-indeterminate`]:a,[`${je}-reverse`]:l}),role:"progressbar","aria-label":c\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Us("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>Us("li",{className:r("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":Vx(i,N)})},N))})})};po.states=$x;po.options=Xx;po.className=rd;po.defaultOptions=Rn;po.moduleName=Ua;po.folderName=wn;po.ariaSpec={selector:".k-chunk-progressbar",implicitRole:"progressbar",rules:[{selector:".k-chunk-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ChunkProgressBar."},{selector:".k-chunk-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ChunkProgressBar needs an accessible name to be assigned to it."},{selector:".k-chunk-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Value between aria-valuemin and aria-valuemax."},{selector:".k-chunk-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-chunk-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to chunk count."}]};import{jsx as qx}from"react/jsx-runtime";var Fa=e=>qx(nd,{...e});import{jsx as G6}from"react/jsx-runtime";import{jsx as Vt}from"react/jsx-runtime";var Wx=fe.options,Jx=fe.states,sd={...fe.defaultOptions,variant:"start"},Yx=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Zx=[],na=e=>{let{variant:t,modifiers:o,...a}={...sd,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"reverse":n.reverse=!!o?.[l];break;case"vertical":n.orientation=o?.[l]?"vertical":void 0,i.style=o?.[l]?void 0:{width:"324px"};break}}),t){case"end":return Vt("div",{...i,children:Vt(Fa,{...a,...n,labelPosition:"end",value:"50"})});case"center":return Vt("div",{...i,children:Vt(Fa,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return Vt("div",{...i,children:Vt(Fa,{...a,...n,label:!1,value:"50"})});default:return Vt("div",{...i,children:Vt(Fa,{...a,...n,labelPosition:"start",value:"50"})})}};na.options=Wx;na.states=Jx;na.variants=Yx;na.defaultOptions=sd;na.modifiers=Zx;na.className=fe.className;import{jsx as Fs,jsxs as jx}from"react/jsx-runtime";var Qx="k-file-info",Gs=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return jx("div",{...n,className:r(e.className,Qx),children:[t&&Fs("span",{className:"k-file-name",children:t}),o&&Fs("span",{className:"k-file-size",children:o}),a&&Fs("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as tg,jsx as Ct,jsxs as Kn}from"react/jsx-runtime";var eg="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:c,...u}=e;return Ct("li",{...u,className:r(e.className,eg,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Kn("div",{className:"k-file-single",children:[Ct(fe,{className:r({"k-hidden":t!=="progress"}),value:o,label:!1}),Kn("span",{className:"k-file-icon-wrapper",children:[Ct(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&Ct("span",{className:"k-file-state",children:l})]}),Ct(Gs,{name:a,size:i,validationMsg:c}),Ct("div",{className:"k-upload-actions",children:t==="progress"?Kn(tg,{children:[Kn("span",{className:"k-upload-pct",children:[o,"%"]}),Ct(p,{icon:"pause-sm",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),Ct(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):Ct(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as N7,jsx as x7,jsxs as g7}from"react/jsx-runtime";import{Fragment as og,jsx as Vs,jsxs as ag}from"react/jsx-runtime";var Ga=e=>Vs(j,{async:!0,children:ag(og,{children:[Vs(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),Vs(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as I7,jsx as C7,jsxs as E7}from"react/jsx-runtime";import{jsx as ng}from"react/jsx-runtime";var id=e=>ng(j,{async:!0,empty:!0,...e});import{Fragment as _7,jsx as K7,jsxs as D7}from"react/jsx-runtime";import{Fragment as G7,jsx as F7,jsxs as V7}from"react/jsx-runtime";import{jsx as Et,jsxs as _n}from"react/jsx-runtime";var rg=j.options,sg=j.states,ld={...j.defaultOptions,variant:"empty"},ig=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],lg=[],ra=e=>{let{variant:t,...o}={...ld,...e};switch(t){case"success":return _n(Ga,{status:"done",style:{width:"586px"},...o,children:[Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return _n(Ga,{status:"failed",style:{width:"586px"},...o,children:[Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return _n(Ga,{status:"uploading",style:{width:"586px"},...o,children:[Et(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),Et(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return _n(Ga,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[Et(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),Et(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return Et(id,{async:!0,status:"upload",style:{width:"586px"},...o})}};ra.options=rg;ra.states=sg;ra.variants=ig;ra.defaultOptions=ld;ra.modifiers=lg;ra.className=j.className;import{Fragment as g9,jsx as x9,jsxs as N9}from"react/jsx-runtime";import{jsx as M9}from"react/jsx-runtime";import{Fragment as E9,jsx as C9,jsxs as I9}from"react/jsx-runtime";import{Fragment as w9,jsx as P9,jsxs as R9}from"react/jsx-runtime";import{Fragment as z9,jsx as H9,jsxs as U9}from"react/jsx-runtime";import{Fragment as X9,jsx as $9}from"react/jsx-runtime";var $s="appbar",pd=$s;import{jsx as mg}from"react/jsx-runtime";var Xs="k-appbar",pg=[],dg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.inverse]},cg={},be=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return mg("div",{...n,className:r(e.className,Xs,A(Xs,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};be.states=pg;be.options=dg;be.className=Xs;be.defaultOptions=cg;be.moduleName=$s;be.folderName=pd;be.ariaSpec={selector:".k-appbar",rules:[]};import{jsx as fg}from"react/jsx-runtime";var ug="k-appbar-section",xt=e=>{let{...t}=e;return fg("div",{...t,className:r(ug,e.className),children:e.children})};import{Fragment as i4,jsx as r4,jsxs as s4}from"react/jsx-runtime";import{jsx as ee,jsxs as sa}from"react/jsx-runtime";var qs={...be.options,positionMode:["static","sticky","fixed"]},bg=be.states,dd={...be.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};qs.themeColor=["primary",...qs.themeColor.filter(e=>e!=="primary")];var hg=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],ia=e=>{let{variant:t,...o}={...dd,...e},a=sa(be,{position:t,...o,children:[ee(xt,{children:ee(se,{fillMode:"flat",icon:"menu"})}),ee("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),ee(xt,{children:ee("h3",{className:"k-m-0",children:"AppBar"})}),ee("span",{className:"k-spacer"}),sa(xt,{children:[ee(ot,{fillMode:"flat",children:"Button"}),ee(ot,{fillMode:"flat",children:"Button"}),ee(ot,{fillMode:"flat",children:"Button"})]}),ee("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),ee(xt,{children:ee(tn,{value:"Input value"})}),sa(xt,{children:[ee(se,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),ee("span",{className:"k-appbar-separator"}),ee(Ln,{className:"k-mx-sm",children:ee("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=sa("div",{style:{padding:"25px 10px"},children:[ee("p",{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, harum magnam? Possimus magnam non natus error consectetur voluptatum, unde quasi rerum ad facere, hic in! Qui ducimus ab sed consequuntur excepturi fugiat! Facilis fuga asperiores pariatur sed. Eligendi aliquid vel nemo, ipsum tempora minima consequatur culpa molestias maiores nihil eveniet accusantium porro. Inventore saepe ut ad in a. Quo itaque est expedita quidem consectetur enim quam minima, quisquam harum velit, earum adipisci provident, officia eveniet voluptas vero accusamus ad ducimus laudantium!"}),ee("p",{children:"Consequatur incidunt sequi explicabo adipisci saepe, accusamus, numquam fuga quam ex, provident possimus ratione blanditiis ducimus quos nulla repellat error pariatur nemo nobis illo! Saepe deleniti dolore cumque, sequi similique eligendi consectetur corrupti iste reprehenderit adipisci enim laudantium inventore totam quos non impedit quibusdam et consequuntur blanditiis accusamus! Rerum, nostrum. Rerum, tempore earum officia alias suscipit ut minima recusandae dolorem reprehenderit ea?"}),ee("p",{children:"Aliquam pariatur ut expedita, repellat architecto aut, consequatur iure recusandae tempora odit consequuntur, nihil nostrum totam accusantium at. Dignissimos repellendus culpa nesciunt. Officia repudiandae, laudantium error iure in minus ratione reprehenderit dolorum alias quo voluptatibus doloremque aliquid exercitationem quidem odit earum natus autem eaque tempore nulla esse sapiente? Dolore aliquid aliquam modi velit quaerat!"}),ee("p",{children:"Sunt consequuntur, aliquam eius beatae ex odit quasi iusto, accusamus architecto corrupti reprehenderit dolores itaque aliquid veniam odio eaque vel doloremque? Corporis, tenetur delectus deleniti voluptatum autem necessitatibus esse nisi ad, optio cumque quas dignissimos reprehenderit. Optio dolores quam corporis ea, reiciendis eos sit. Voluptate vel esse necessitatibus eum, sunt fuga, quaerat, eos natus quod repellendus nulla voluptatem ut quo quas ipsa animi incidunt autem saepe perferendis. Sequi ratione in iste, quibusdam, neque facilis accusantium, eum rem error sunt a explicabo commodi impedit quam."})]});return t==="bottom"?sa("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):sa("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};ia.options=qs;ia.states=bg;ia.variants=hg;ia.defaultOptions=dd;ia.modifiers=[];ia.className=be.className;var Ws="suggestion",cd=Ws;import{jsx as Dn,jsxs as Ng}from"react/jsx-runtime";var Hn="k-suggestion-group",xg=[],gg={},md={layout:"scrollable",scrollingPosition:"start"},et=e=>{let{layout:t=md.layout,scrollingPosition:o,...a}=e,n=Dn("div",{...a,className:r(Hn,{"k-suggestion-group-scrollable":t=="scrollable",[`${Hn}-scrollable-start`]:o==="start"\|\|o==="both",[`${Hn}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?Dn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Ng("div",{className:"k-suggestion-scrollwrap",children:[Dn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Dn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};et.states=xg;et.options=gg;et.className=Hn;et.defaultOptions=md;et.moduleName=Ws;et.folderName=cd;import{jsx as Mg}from"react/jsx-runtime";var zn="k-suggestion",vg=[s.active,s.hover,s.focus],kg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},Lg={text:"Suggestion"},tt=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return Mg("span",{...l,className:r(e.className,zn,S(zn,{hover:a,active:o,focus:n}),A(zn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};tt.states=vg;tt.options=kg;tt.className=zn;tt.item=Lg;import{Fragment as w4,jsx as P4,jsxs as R4}from"react/jsx-runtime";import{Fragment as z4,jsx as H4,jsxs as U4}from"react/jsx-runtime";import{Fragment as X4,jsx as $4,jsxs as q4}from"react/jsx-runtime";import{Fragment as Ig,jsx as te,jsxs as Un}from"react/jsx-runtime";var Sg=F.states,yg=F.defaultOptions,Ag=F.options,Cg=[{name:"header",title:"Header"},{name:"pinned",title:"Pinned"},{name:"suggested",title:"Suggested Actions"},{name:"author",title:"Author"},{name:"avatar",title:"Avatar"},{name:"quick",title:"Quick Replies"}],Eg=[],la=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Un(be,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[te("span",{className:"k-spacer k-spacer-sized k-w-1"}),te(xt,{children:te("span",{children:"Chat with demo bot"})}),te("span",{className:"k-spacer"}),te(xt,{children:te(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=te(jo,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Un(et,{children:[te(tt,{text:"Provide a CV template"}),te(tt,{text:"Generate a cover letter"})]}),c=Un(et,{children:[te(tt,{themeColor:"primary",text:"Thank you!"}),te(tt,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",f=null,N="User",x="Demo Bot";Object.keys(t\|\|{}).forEach(I=>{switch(I){case"header":a.header=t?.[I]?n:!1;break;case"pinned":a.pinned=t?.[I]?i:!1;break;case"suggested":a.suggestedActions=t?.[I]?l:!1;break;case"author":a.author=t?.[I]?!0:null;break;case"avatar":a.avatar=t?.[I]?u:null;break;case"quick":a.quickReplies=t?.[I]?c:te(Ig,{});break;default:break}});let{header:m,pinned:L,suggestedActions:k,author:y,avatar:C,quickReplies:M}=a;return Un(Hp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:k,children:[te(q,{avatar:f,author:y?x:null,children:te(V,{text:"Hello, this is a demo bot. How can I help you ?"})}),te(q,{avatar:C?u:null,author:y?N:null,type:"sender",children:te(V,{text:"Hello! Generate a cover letter."})}),te(q,{avatar:f,author:y?x:null,children:te(V,{text:"Sure. Here is a cover letter template",files:te(ht,{children:te(ye,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),M]})};la.options=Ag;la.states=Sg;la.variants=Eg;la.defaultOptions=yg;la.modifiers=Cg;la.className=F.className;import{Fragment as Pg,jsx as st,jsxs as Va}from"react/jsx-runtime";var ud="k-message",Tg=[s.hover,s.selected,s.active,s.focus],Og={},Bg=[st(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),st(p,{icon:"arrow-rotate-cw-outline",fillMode:"flat","aria-label":"Retry"}),st(p,{icon:"download-light",fillMode:"flat","aria-label":"Download"})],pa={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Bg,failed:"Failed to send"},V=e=>{let{time:t=pa.time,text:o=pa.text,content:a,status:n=pa.status,statusIcon:i,toolbarItems:l=pa.toolbarItems,hover:c,selected:u,active:f,focus:N,toolbar:x,typing:m,expandable:L,expanded:k,removed:y,files:C,failed:M,...I}=e,$=M===!0?pa.failed:M;return Va("div",{...I,className:r(ud,e.className,{"k-message-removed":y,"k-message-failed":M}),children:[M&&st(se,{className:"k-resend-button",icon:"arrow-rotate-cw-outline",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),st(Rp,{typing:m,selected:u,hover:c,active:f,focus:N,content:Va(Pg,{children:[a,o&&st("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:k,files:C}),Va("div",{className:"k-message-info",children:[n&&Va("span",{className:"k-message-status",children:[i&&st(v,{icon:i,size:"xsmall"}),n]}),t&&st("time",{className:"k-message-time",children:t}),M&&Va("span",{className:"k-message-failed-content",children:[M&&st(v,{icon:"warning-triangle",size:"xsmall"}),M&&st("span",{className:"k-message-failed-text",children:$})]})]}),x&&st(z,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};V.states=Tg;V.options=Og;V.className=ud;V.defaultOptions=pa;var H8=V;export{ud as CHATMESSAGE_CLASSNAME,V as ChatMessage,H8 as default};
1	+ var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(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.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"}),S=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:c,selected:u,disabled:f,indeterminate:N,loading:x,empty:m,readonly:L,highlighted:k,...y}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":c,"k-selected":u,"k-disabled":f,"k-indeterminate":N&&!l,"k-loading":x,"k-empty":m,"k-readonly":L,"k-highlighted":k},Object.keys(y).reduce((C,M)=>(M.startsWith("k-")?C[M]=y[M]:C[`k-${M}`]=y[M],C),{}))};function Xa(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},h={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},g={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},s={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"};var $n={};function w(e){return $n[e]=($n[e]\|\|0)+1,`k-${e}-${$n[e]}`}import{Fragment as gd,jsx as Ys}from"react/jsx-runtime";var Xn="k-font-icon",bd=[],hd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},xd={},da=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?Ys("span",{...l,className:r(e.className,Xn,A(Xn,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):Ys(gd,{})};da.states=bd;da.options=hd;da.className=Xn;da.defaultOptions=xd;var Zs=da;import{Fragment as kd,jsx as qa}from"react/jsx-runtime";var qn="k-svg-icon",Nd=[],vd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},Qs={viewBox:"0 0 24 24"},ca=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=Qs.viewBox,icon:l,...c}=e;if(!l)return qa(kd,{});if(l==="none")return qa("span",{...c,className:r(e.className,qn,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof l=="object"&&l.name&&l.name;return qa("span",{...c,className:r(e.className,qn,A("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:qa("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:i,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};ca.states=Nd;ca.options=vd;ca.className=qn;ca.defaultOptions=Qs;var Wn=ca;importas Jn from"@progress/kendo-svg-icons";var js="icon",ei="icons";import{useContext as Md}from"react";import{createContext as Ld}from"react";var ti=Ld({iconsType:"svg"});import{Fragment as oi,jsx as ma}from"react/jsx-runtime";var Wa="k-icon",Sd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),yd=[],Ad={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},Yn={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=Md(ti),{size:o,themeColor:a,icon:n,type:i=t\|\|Yn.type,rotate:l,flip:c,viewBox:u=Yn.viewBox,...f}=e;if(!n)return ma(oi,{});if((t\|\|i)==="svg"){if(n==="none")return ma(Wn,{...f,className:r(e.className,Wa),icon:n,size:o});let x=Jn[n]?n:Sd(`${n}-icon`);return Jn[x]?ma(Wn,{...f,className:r(e.className,Wa),icon:Jn[x],size:o,themeColor:a,rotate:l,flip:c,viewBox:u}):ma(oi,{})}return ma(Zs,{...f,className:r(e.className,Wa),icon:n,size:o,themeColor:a,rotate:l,flip:c})};v.states=yd;v.options=Ad;v.defaultOptions=Yn;v.className=Wa;v.moduleName=js;v.folderName=ei;v.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 Zn="button",ai=Zn;import{Fragment as Td,jsx as ua,jsxs as ni}from"react/jsx-runtime";var fa="k-button",Cd=["icon-button"],Ed=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Id={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},Qn={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=Qn.showArrow,arrowIconName:c=Qn.arrowIconName,variant:u,hover:f,focus:N,active:x,selected:m,disabled:L,togglable:k,ariaDisabled:y,icon:C,text:M,iconClassName:I,className:$,...pe}=e,he=C!==void 0,xe=e.children!==void 0;return ni(t,{className:r($,fa,Xa(fa,u),A(fa,{size:o,rounded:a,fillMode:n,themeColor:i}),S(fa,{hover:f,focus:N,active:x,disabled:L\|\|y,selected:m}),{"k-icon-button":!M&&!xe&&he}),...pe,"aria-pressed":k?m?"true":"false":void 0,"aria-disabled":y?"true":void 0,disabled:L\|\|void 0,children:[C&&ua(v,{className:r(I,"k-button-icon"),icon:C}),M?ni(Td,{children:[M&&ua("span",{className:"k-button-text",children:M}),e.children]}):e.children&&ua("span",{className:"k-button-text",children:e.children}),l&&ua("span",{className:"k-menu-button-arrow k-button-arrow",children:ua(v,{icon:c})})]})};p.states=Ed;p.options=Id;p.variants=Cd;p.className=fa;p.defaultOptions=Qn;p.moduleName=Zn;p.folderName=ai;p.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 Od}from"react/jsx-runtime";var se=e=>Od(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Bd}from"react/jsx-runtime";var ba=e=>Bd(p,{icon:"folder",children:"Button",...e});import{jsx as Pd}from"react/jsx-runtime";var ot=e=>Pd(p,{children:"Button",...e});import{jsx as jn}from"react/jsx-runtime";var wd=p.options,Rd=p.states,Kd={...p.defaultOptions,variant:"text"},_d=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Dd=[],co=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return jn(se,{...o,icon:"star"});case"icon-and-text":return jn(ba,{...o,icon:"star",children:"Button"});default:return jn(ot,{...o,children:"Button"})}};co.options=wd;co.states=Rd;co.variants=_d;co.defaultOptions=Kd;co.modifiers=Dd;co.className=p.className;var er="button",ri=er;import{jsx as Fd}from"react/jsx-runtime";var ha="k-button-group",Hd=[s.disabled],zd={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Ud={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Fd("div",{role:"group",...n,className:r(e.className,ha,A(ha,{fillMode:t}),S(ha,{disabled:o}),{[`${ha}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Hd;T.options=zd;T.className=ha;T.defaultOptions=Ud;T.moduleName=er;T.folderName=ri;T.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as WN,jsx as qN,jsxs as JN}from"react/jsx-runtime";import{Fragment as tv,jsx as ev,jsxs as ov}from"react/jsx-runtime";import{Fragment as lv,jsx as iv,jsxs as pv}from"react/jsx-runtime";import{Fragment as bv,jsx as fv,jsxs as hv}from"react/jsx-runtime";import{Fragment as Lv,jsx as kv,jsxs as Mv}from"react/jsx-runtime";import{Fragment as Iv,jsx as Ev,jsxs as Tv}from"react/jsx-runtime";import{jsx as gt,jsxs as tr}from"react/jsx-runtime";var Gd={...p.options,...T.options},Vd=p.states,$d={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},Xd=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],qd=[],mo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?tr(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"})]}):t==="icon-text-button"?tr(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star",children:"First"}),gt(p,{...a,icon:"star",children:"Middle"}),gt(p,{...a,icon:"star",children:"Last"})]}):tr(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,children:"First"}),gt(p,{...a,children:"Middle"}),gt(p,{...a,children:"Last"})]})};mo.options=Gd;mo.states=Vd;mo.variants=Xd;mo.defaultOptions=$d;mo.modifiers=qd;mo.className=T.className;var xa="input",Ja=xa;import{jsx as Zd}from"react/jsx-runtime";var Ya="k-input",Wd=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Jd={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Yd={},Y=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:f,fillMode:N,...x}=e;return Zd("span",{...x,className:r(e.className,Ya,A(Ya,{size:u,rounded:f,fillMode:N}),S(Ya,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c}))})};Y.states=Wd;Y.options=Jd;Y.className=Ya;Y.defaultOptions=Yd;Y.moduleName=xa;Y.folderName=Ja;import{jsx as tc}from"react/jsx-runtime";var Za="k-picker",Qd=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],jd={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},ec={},it=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:f,fillMode:N,...x}=e;return tc("span",{...x,className:r(e.className,Za,A(Za,{size:u,rounded:f,fillMode:N}),S(Za,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c})),children:e.children})};it.states=Qd;it.options=jd;it.className=Za;it.defaultOptions=ec;it.moduleName=xa;it.folderName=Ja;import{Fragment as nc,jsx as or}from"react/jsx-runtime";var si="k-clear-value",oc=[s.disabled,s.loading,s.readonly],ac={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?or(nc,{}):or("span",{className:r(e.className,si),children:or(v,{icon:"x"})})};Pe.states=oc;Pe.options=ac;Pe.className=si;import{jsx as ic}from"react/jsx-runtime";var ar="k-input-inner",rc=[],sc={},Qa={type:"text",autocomplete:"off",value:"",placeholder:""},ge=e=>{let{value:t=Qa.value,type:o=Qa.type,placeholder:a=Qa.placeholder,autocomplete:n=Qa.autocomplete,disabled:i,readOnly:l,...c}=e;return ic("input",{...c,type:o,className:r(e.className,ar,A(ar,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};ge.states=rc;ge.options=sc;ge.className=ar;import{jsx as ii,jsxs as dc}from"react/jsx-runtime";var nr="k-input-inner",lc=[],pc={},Xt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return dc("span",{...l,className:r(e.className,nr,A(nr,e)),children:[n,!n&&i&&ii(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&ii("span",{className:"k-input-value-text",children:t})]})};Xt.states=lc;Xt.options=pc;Xt.className=nr;import{jsx as uc}from"react/jsx-runtime";var rr="k-input-inner",cc=[],mc={},li={value:"",placeholder:""},ga=e=>{let{value:t=li.value,placeholder:o=li.placeholder,rows:a,disabled:n,...i}=e;return uc("textarea",{...i,className:r(e.className,rr,A(rr,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};ga.states=cc;ga.options=mc;ga.className=rr;import{Fragment as bc,jsx as pi}from"react/jsx-runtime";var di="k-input-loading-icon",fc=[s.disabled,s.loading],Ce=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?pi(bc,{}):pi("span",{className:r(e.className,di,"k-icon k-i-loading")})};Ce.states=fc;Ce.className=di;import{Fragment as gc,jsx as ci}from"react/jsx-runtime";var mi="k-input-validation-icon",hc=[s.valid,s.invalid,s.disabled,s.loading],xc={},Ne=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?ci(gc,{}):ci(v,{className:r(mi),icon:i})};Ne.states=hc;Ne.options=xc;Ne.className=mi;import{Fragment as kc,jsx as ui}from"react/jsx-runtime";var Nc="k-input-prefix",vc={direction:"horizontal"},ze=e=>{let{direction:t=vc.direction,...o}=e;return e.children?ui("span",{...o,className:r(Nc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ui(kc,{})};import{Fragment as Sc,jsx as fi}from"react/jsx-runtime";var Lc="k-input-suffix",Mc={direction:"horizontal"},Ue=e=>{let{direction:t=Mc.direction,...o}=e;return e.children?fi("span",{...o,className:r(Lc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):fi(Sc,{})};import{jsx as Tk}from"react/jsx-runtime";import{jsx as Ac}from"react/jsx-runtime";var yc="k-input-suffix-text",sr=e=>{let{children:t,...o}=e;return Ac("span",{...o,className:r(yc,e.className),children:t})};import{jsx as Ec}from"react/jsx-runtime";var bi="k-input-separator",Cc={direction:"vertical"},Fe=e=>{let{direction:t=Cc.direction,...o}=e;return Ec("span",{...o,className:r(bi,e.className,{[`${bi}-${t}`]:t})})};import{Fragment as hi,jsx as lt,jsxs as ir}from"react/jsx-runtime";var Ic=Y.states,Tc=Y.defaultOptions,Oc=Y.options,Bc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Pc=[],uo=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...c}=e,u=t?.prefix,f=t?.suffix,N=t?.["clear-button"],x=t?.["validation-icon"],m=t?.separators;return ir(Y,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&ir(hi,{children:[lt(ze,{children:lt(v,{icon:"lock"})}),m&&lt(Fe,{})]}),lt(ge,{placeholder:"Placeholder",value:"Value"}),x&&lt(Ne,{valid:o,invalid:a,loading:n,disabled:i}),lt(Ce,{loading:n,disabled:i}),N&&lt(Pe,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&ir(hi,{children:[m&&lt(Fe,{}),lt(Ue,{children:lt(ot,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};uo.options=Oc;uo.states=Ic;uo.variants=Pc;uo.defaultOptions=Tc;uo.modifiers=Bc;uo.className=Y.className;import{jsx as xi,jsxs as Kc}from"react/jsx-runtime";var gi="k-color-preview",wc=[],Rc={},Tt=e=>{let{color:t,iconName:o,...a}=e;return Kc("span",{...a,className:r(e.className,gi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&xi(v,{icon:o,className:"k-color-preview-icon"}),xi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Tt.states=wc;Tt.options=Rc;Tt.className=gi;var lr="popup",Ni=lr;import{jsx as vi}from"react/jsx-runtime";var ki="k-animation-container",_c=[],Dc={},Li={positionMode:"absolute"},pt=e=>{let{positionMode:t=Li.positionMode,animationStyle:o,offset:a,...n}=e;return vi("div",{...n,style:{...a,...e.style},className:r(e.className,ki,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:vi("div",{className:"k-child-animation-container",style:o,children:e.children})})};pt.states=_c;pt.options=Dc;pt.className=ki;pt.defaultOptions=Li;pt.moduleName=lr;pt.folderName=Ni;var pr="popup",Mi=pr;import{jsx as Si}from"react/jsx-runtime";var yi="k-popup",Hc=[],zc={},Ai={positionMode:"absolute"},G=e=>{let{offset:t,positionMode:o=Ai.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return Si(pt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:Si("div",{...c,className:r(e.className,yi),children:e.children})})};G.states=Hc;G.options=zc;G.className=yi;G.defaultOptions=Ai;G.moduleName=pr;G.folderName=Mi;G.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.'}]};var dr="action-buttons",Ci=dr;import{jsx as Gc}from"react/jsx-runtime";var ja="k-actions",Uc=[],Fc={},cr={alignment:"start",orientation:"horizontal"},we=e=>{let{alignment:t=cr.alignment,orientation:o=cr.orientation,...a}=e;return Gc("div",{...a,className:r(ja,{[`${ja}-${t}`]:t,[`${ja}-${o}`]:o},e.className),children:e.children})};we.states=Uc;we.options=Fc;we.className=ja;we.defaultOptions=cr;we.moduleName=dr;we.folderName=Ci;var Ei=we;import{jsx as $c}from"react/jsx-runtime";var Vc="k-actionsheet-footer",Ii={alignment:"stretched",orientation:"horizontal"},Ot=e=>{let{alignment:t=Ii.alignment,orientation:o=Ii.orientation,template:a,as:n=a?"div":we,...i}=e;return $c(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,Vc),children:e.children})};var mr="searchbox",Ti=mr;import{jsx as Na,jsxs as Wc}from"react/jsx-runtime";var Oi="k-searchbox",Xc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],qc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},ur={showIcon:!0,icon:"search"},Ge=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:x,disabled:m,showIcon:L=ur.showIcon,icon:k=ur.icon,"aria-label":y,...C}=e;return Wc(Y,{...C,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:x,disabled:m,className:r(e.className,Oi),children:[L&&Na(v,{className:"k-input-icon",icon:k}),Na(ge,{placeholder:o,value:t,"aria-label":y}),Na(Ce,{...e}),Na(Ne,{...e}),Na(Pe,{...e})]})};Ge.states=Xc;Ge.options=qc;Ge.className=Oi;Ge.defaultOptions=ur;Ge.moduleName=mr;Ge.folderName=Ti;import{jsx as tM}from"react/jsx-runtime";var fr="textbox",Bi=fr;import{Fragment as Pi,jsx as Bt,jsxs as br}from"react/jsx-runtime";var wi="k-textbox",Jc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Yc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},en={showClearButton:!0,showValidationIcon:!0,separators:!0},ie=e=>{let{size:t,rounded:o,fillMode:a,separators:n=en.separators,showClearButton:i=en.showClearButton,showValidationIcon:l=en.showValidationIcon,prefix:c,suffix:u,type:f,value:N,placeholder:x,hover:m,focus:L,valid:k,invalid:y,required:C,loading:M,disabled:I,readonly:$,id:pe,"aria-label":he,"aria-describedby":xe,...Be}=e;return br(Y,{...Be,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:k,invalid:y,required:C,loading:M,disabled:I,readonly:$,className:r(e.className,wi),children:[c&&br(Pi,{children:[Bt(ze,{children:c}),n&&Bt(Fe,{})]}),Bt(ge,{id:pe,placeholder:x,value:N,type:f,disabled:I,"aria-label":he,"aria-describedby":xe,"aria-invalid":y?"true":void 0}),l&&Bt(Ne,{valid:k,invalid:y,loading:M,disabled:I}),Bt(Ce,{loading:M,disabled:I}),i&&Bt(Pe,{loading:M,disabled:I,readonly:$,value:N}),u&&br(Pi,{children:[n&&Bt(Fe,{}),Bt(Ue,{children:u})]})]})};ie.states=Jc;ie.options=Yc;ie.className=wi;ie.defaultOptions=en;ie.moduleName=fr;ie.folderName=Bi;ie.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var va=ie;import{jsx as Zc}from"react/jsx-runtime";var tn=e=>Zc(va,{...e});import{Fragment as NM,jsx as gM}from"react/jsx-runtime";import{Fragment as yM,jsx as SM}from"react/jsx-runtime";import{jsx as IM}from"react/jsx-runtime";import{jsx as hr}from"react/jsx-runtime";var Qc=ie.states,jc=ie.defaultOptions,em=ie.options,tm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],om=[],fo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?hr(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?hr(ot,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),hr(tn,{value:"Value",style:{width:300},...o,...a})};fo.options=em;fo.states=Qc;fo.variants=om;fo.defaultOptions=jc;fo.modifiers=tm;fo.className=ie.className;import{jsx as Pt,jsxs as xr}from"react/jsx-runtime";var Ri="k-actionsheet-titlebar",am={},ve=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:c,inputPlaceholder:u,adaptive:f,titleId:N,children:x,...m}=e;return xr("div",{...m,className:r(e.className,Ri),children:[xr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Pt("div",{className:"k-actionsheet-actions",children:a}),!x&&xr("div",{className:"k-actionsheet-title",id:N,children:[t&&Pt("div",{className:"k-text-center",children:t}),o&&Pt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&Pt("div",{className:"k-actionsheet-title",id:N,children:x}),n&&Pt("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|i)&&Pt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Pt(ie,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t\|\|u\|\|"Input"}):Pt(Ge,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};ve.className=Ri;ve.defaultOptions=am;import{jsx as gr,jsxs as im}from"react/jsx-runtime";var Nr="k-actionsheet-view",nm=[],rm={},sm={},bo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...c}=e,u=n?.type===ve&&gr(ve,{adaptive:t,titleId:l,...n?.props}),f=i?.type===Ot&&gr(Ot,{...i?.props});return im("div",{...c,className:r(e.className,Nr,{[`${Nr}-animated`]:o}),children:[u,gr("div",{className:"k-actionsheet-content",children:a}),f]})};bo.states=nm;bo.options=rm;bo.className=Nr;bo.defaultOptions=sm;var ka="action-sheet",on=ka;var vr="overlay",Ki=vr;import{jsx as cm}from"react/jsx-runtime";var _i="k-overlay",lm=[],pm={},dm={},dt=e=>{let{...t}=e;return cm("div",{...t,className:r(e.className,_i),children:e.children})};dt.states=lm;dt.options=pm;dt.className=_i;dt.defaultOptions=dm;dt.moduleName=vr;dt.folderName=Ki;import{jsx as an,jsxs as fm}from"react/jsx-runtime";var Di="k-actionsheet",mm=[],um={},La={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},W=e=>{let{side:t=La.side,fullscreen:o=La.fullscreen,adaptive:a=La.adaptive,overlay:n=La.overlay,template:i,children:l,header:c,footer:u,id:f,...N}=e,x=f&&!i&&c?`${f}-title`:void 0;return fm("div",{className:"k-actionsheet-container",children:[n&&an(dt,{}),an(pt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:an("div",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":x,className:r(e.className,Di,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|an(bo,{header:c,footer:u,adaptive:a,titleId:x,...e,children:l})})})]})};W.states=mm;W.options=um;W.className=Di;W.defaultOptions=La;W.moduleName=ka;W.folderName=on;W.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as gm}from"react/jsx-runtime";var Hi="k-actionsheet-container",bm=[],hm={},xm={},ho=e=>{let{children:t,...o}=e;return gm("div",{...o,className:Hi,children:t})};ho.states=bm;ho.options=hm;ho.className=Hi;ho.defaultOptions=xm;ho.moduleName=ka;ho.folderName=on;import{jsx as Nm}from"react/jsx-runtime";var kr=e=>{let{...t}=e;return Nm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as km,jsx as Ma,jsxs as Lr}from"react/jsx-runtime";var Mr="k-actionsheet-item",vm=[s.hover,s.focus,s.selected,s.disabled],wt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:c,...u}=e;return Lr("span",{...u,className:r(e.className,Mr,S(Mr,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&Ma(km,{children:Lr("span",{className:"k-actionsheet-action",children:[t&&Ma("span",{className:"k-icon-wrap",children:Ma(v,{className:"k-actionsheet-item-icon",icon:t})}),Lr("span",{className:"k-actionsheet-item-text",children:[o&&Ma("span",{className:"k-actionsheet-item-title",children:o}),a&&Ma("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};wt.states=vm;wt.className=Mr;import{jsx as ES,jsxs as IS}from"react/jsx-runtime";import{jsx as PS}from"react/jsx-runtime";import{jsx as _S}from"react/jsx-runtime";import{jsx as US}from"react/jsx-runtime";import{jsx as le,jsxs as Sr}from"react/jsx-runtime";var Lm=W.options,Mm=W.states,Ui={...W.defaultOptions,variant:"normal"},Sm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],ym=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],xo=e=>{let{variant:t,modifiers:o,...a}={...Ui,...e},n={},i=Sr(kr,{children:[le(wt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),le(wt,{text:"Add to Favorites",iconName:"heart"}),le(wt,{text:"Upload New",iconName:"upload",disabled:!0}),le("hr",{className:"k-hr"}),le(wt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",c="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?l:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?le(W,{...a,adaptive:!0,fullscreen:n.fullScreen,header:le(ve,{actionsStart:n.actionsStart?le(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?le(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?Sr(Ot,{alignment:"stretched",children:[le(p,{text:"Cancel",size:"large",themeColor:"base"}),le(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):le(W,{...a,fullscreen:n.fullScreen,header:le(ve,{actionsStart:n.actionsStart?le(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?le(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Sr(Ot,{alignment:"stretched",children:[le(p,{text:"Apply",themeColor:"primary"}),le(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};xo.options=Lm;xo.states=Mm;xo.variants=Sm;xo.defaultOptions=Ui;xo.modifiers=ym;xo.className=W.className;var yr="slider",Fi=yr;import{jsx as go,jsxs as Ar}from"react/jsx-runtime";var Sa="k-slider",Am=[s.hover,s.focus,s.active,s.disabled,s.readonly],Cm={},Ve={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},U=e=>{let{type:t=Ve.type,orientation:o=Ve.orientation,gradientType:a=Ve.gradientType,readonly:n=Ve.readonly,disabled:i=Ve.disabled,handlePosition:l=Ve.handlePosition,showButtons:c=Ve.showButtons,showTicks:u=Ve.showTicks,value:f=Ve.value,min:N=Ve.min,max:x=Ve.max,startValue:m,endValue:L,hover:k,focus:y,active:C,trackStyle:M,dir:I,...$}=e,he=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),xe,Be;return o==="horizontal"?(xe=I==="rtl"?"chevron-left":"chevron-right",Be=I==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(xe="chevron-up",Be="chevron-down"),Ar("div",{...$,className:r(Sa,e.className,S(Sa,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&go(p,{className:"k-button-decrease",rounded:"full",icon:Be,tabIndex:-1,title:"Decrease"}),Ar("div",{className:"k-slider-track-wrap",children:[u&&go("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Ar("div",{className:"k-slider-track",style:M,children:[go("div",{className:"k-slider-selection"}),t==="range"&&go("span",{className:r("k-draghandle","k-draghandle-start",S(Sa,{hover:k,focus:y,active:C})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":m??N,"aria-valuemin":N,"aria-valuemax":L??x,"aria-orientation":he,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":$["aria-label"]?`${$["aria-label"]} start`:"Range start"}),go("span",{className:r("k-draghandle",`k-draghandle-${l}`,S(Sa,{hover:k,focus:y,active:C})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??x:f,"aria-valuemin":t==="range"?m??N:N,"aria-valuemax":x,"aria-orientation":he,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?$["aria-label"]?`${$["aria-label"]} end`:"Range end":$["aria-label"]})]})]}),c&&go(p,{className:"k-button-increase",rounded:"full",icon:xe,tabIndex:-1,title:"Increase"})]})};U.states=Am;U.options=Cm;U.className=Sa;U.defaultOptions=Ve;U.moduleName=yr;U.folderName=Fi;U.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as Gi}from"react/jsx-runtime";var Vi="k-tick",Em=[],Im={},$i={label:!1},E=e=>{let{style:t,label:o=$i.label,orientation:a,large:n,text:i,...l}=e;return Gi("li",{...l,role:"presentation",title:i\|\|"Tick",className:r(e.className,Vi,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&Gi("span",{className:"k-label",children:i})})};E.states=Em;E.options=Im;E.className=Vi;E.defaultOptions=$i;import{Fragment as Tm,jsx as $e,jsxs as Om}from"react/jsx-runtime";var Xi=e=>$e(U,{"aria-label":e["aria-label"]\|\|"Slider",children:Om(Tm,{children:[$e(E,{className:"k-first",label:!0,large:!0,text:"0"}),$e(E,{}),$e(E,{}),$e(E,{}),$e(E,{}),$e(E,{label:!0,large:!0,text:"5"}),$e(E,{}),$e(E,{}),$e(E,{}),$e(E,{}),$e(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Bm,jsx as Xe,jsxs as Pm}from"react/jsx-runtime";var qi=e=>Xe(U,{children:Pm(Bm,{children:[Xe(E,{className:"k-first",label:!0,large:!0,text:"0"}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{label:!0,large:!0,text:"5"}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as Iy,jsx as Ey,jsxs as Ty}from"react/jsx-runtime";import{Fragment as Ry,jsx as wy,jsxs as Ky}from"react/jsx-runtime";import{jsx as wm}from"react/jsx-runtime";var Cr=e=>wm(U,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Rm}from"react/jsx-runtime";var Er=e=>Rm(U,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as qy,jsx as Xy,jsxs as Wy}from"react/jsx-runtime";import{Fragment as jy,jsx as Qy,jsxs as eA}from"react/jsx-runtime";import{jsx as ct,jsxs as Wi}from"react/jsx-runtime";var Km=U.options,_m=U.states,Ji={...U.defaultOptions,variant:"horizontal",label:!0},Dm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Hm=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],No=e=>{let{variant:t,modifiers:o,...a}={...Ji,...e},n={};Object.keys(o\|\|{}).forEach(f=>{switch(f){case"button":{n.showButtons=!!o?.[f];break}case"label":{n.label=!!o?.[f];break}case"tick":{n.showTicks=!!o?.[f];break}}});let{label:i=!0,showButtons:l,showTicks:c}=n,u={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Wi(qi,{showTicks:c,showButtons:l,style:{height:"300px",...u},...a,children:[ct(E,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ct(E,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ct(E,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ct(E,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ct(E,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Wi(Xi,{showTicks:c,showButtons:l,style:{width:"400px",...u},...a,children:[ct(E,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ct(E,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ct(E,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ct(E,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ct(E,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};No.options=Km;No.states=_m;No.variants=Dm;No.defaultOptions=Ji;No.modifiers=Hm;No.className=U.className;import{jsx as Yi,jsxs as Vm}from"react/jsx-runtime";var Zi="k-spin-button",Fm=[],Gm={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Ir={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Rt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Ir.increaseLabel,decreaseLabel:i=Ir.decreaseLabel,...l}=e;return Vm("span",{...l,className:r(Zi,e.className),children:[Yi(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Yi(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Rt.states=Fm;Rt.options=Gm;Rt.className=Zi;Rt.defaultOptions=Ir;Rt.moduleName=null;Rt.folderName=null;var Qi="numeric-textbox",ji="numerictextbox";import{Fragment as el,jsx as Nt,jsxs as Tr}from"react/jsx-runtime";var tl="k-numerictextbox",$m=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Xm={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},nn={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:n=nn.separators,showClearButton:i=nn.showClearButton,showSpinButton:l=nn.showSpinButton,prefix:c,suffix:u,value:f,placeholder:N,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,id:$,"aria-label":pe,"aria-describedby":he,...xe}=e;return Tr(Y,{...xe,size:t,rounded:o,fillMode:a,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,className:r(e.className,tl),children:[c&&Tr(el,{children:[Nt(ze,{children:c}),n&&Nt(Fe,{})]}),Nt(ge,{id:$,placeholder:N,value:f,role:"spinbutton",disabled:M,"aria-label":pe,"aria-describedby":he,"aria-invalid":k?"true":void 0}),Nt(Ne,{valid:L,invalid:k,loading:C,disabled:M}),Nt(Ce,{loading:C,disabled:M}),i&&Nt(Pe,{loading:C,disabled:M,readonly:I,value:f}),u&&Tr(el,{children:[n&&Nt(Fe,{}),Nt(Ue,{children:u})]}),l&&Nt(Rt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};_.states=$m;_.options=Xm;_.className=tl;_.defaultOptions=nn;_.moduleName=Qi;_.folderName=ji;_.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var ya=_;import{jsx as qm}from"react/jsx-runtime";var ol=e=>qm(ya,{...e});import Br from"react";import{jsx as al}from"react/jsx-runtime";var Wm="k-list-group-sticky-header",Or=e=>al("div",{className:r(Wm,e.className),children:al("div",{className:"k-list-header-text",children:e.children})});import{jsx as Ym}from"react/jsx-runtime";var Jm="k-no-data",rn=e=>{let{live:t,...o}=e;return Ym("span",{...o,className:r(Jm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var qt="list",vo=qt;import{jsx as nl,jsxs as rl}from"react/jsx-runtime";var Pr="k-list",Zm=[],Qm={size:[d.undefined,d.small,d.medium,d.large]},jm={},R=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:i,customValue:l,noData:c,screenReaders:u,...f}=e,x=Br.Children.toArray(a)[0],m=x?.props?.children?Br.Children.count(x.props.children):Br.Children.count(a);return rl("div",{...f,className:r(e.className,Pr,A(Pr,{size:t}),{"k-virtual-list":o}),children:[i,l,n&&nl(Or,{children:n}),a\|\|(c!==void 0?c:nl(rn,{live:!0,children:"No data found."})),u&&a&&rl(rn,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};R.states=Zm;R.options=Qm;R.className=Pr;R.defaultOptions=jm;R.moduleName=qt;R.folderName=vo;R.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 au}from"react/jsx-runtime";var sl="k-list-container",eu=[],tu={},ou={},ko=e=>{let{...t}=e;return au("div",{...t,className:r(e.className,sl),children:e.children})};ko.states=eu;ko.options=tu;ko.className=sl;ko.defaultOptions=ou;ko.moduleName=qt;ko.folderName=vo;var Wt="checkbox",Lo=Wt;import{jsx as il}from"react/jsx-runtime";var sn="k-checkbox",nu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],ru={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},su={},qe=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:c,valid:u,required:f,size:N,rounded:x,wrapperRole:m,...L}=e;return il("span",{className:"k-checkbox-wrap",role:m,children:il("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l\|\|void 0,"aria-invalid":c?"true":void 0,className:r(e.className,sn,A(sn,{size:N,rounded:x}),S(sn,{hover:n,focus:i,disabled:l,invalid:c,valid:u,indeterminate:a,checked:o}))})})};qe.states=nu;qe.options=ru;qe.className=sn;qe.defaultOptions=su;qe.moduleName=Wt;qe.folderName=Lo;qe.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 at=qe;import{jsx as pu}from"react/jsx-runtime";var ll="k-checkbox-list",iu=[],lu={},pl={layout:"vertical"},ke=e=>{let{layout:t=pl.layout,...o}=e;return pu("ul",{...o,className:r(e.className,ll,{[`k-list-${t}`]:t}),children:e.children})};ke.states=iu;ke.options=lu;ke.className=ll;ke.defaultOptions=pl;ke.moduleName=Wt;ke.folderName=Lo;import{jsx as uu}from"react/jsx-runtime";var dl="k-checkbox-list-item",du=[],cu={},mu={},Le=e=>{let{...t}=e;return uu("li",{...t,className:r(e.className,dl),children:e.children})};Le.states=du;Le.options=cu;Le.className=dl;Le.defaultOptions=mu;Le.moduleName=Wt;Le.folderName=Lo;import{Fragment as fu,jsx as cl,jsxs as bu}from"react/jsx-runtime";var vt=({children:e="Label",id:t="cb-label-after",...o})=>bu(fu,{children:[cl(at,{id:t,...o}),cl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as SC,jsx as MC,jsxs as yC}from"react/jsx-runtime";import{Fragment as TC,jsx as IC,jsxs as OC}from"react/jsx-runtime";import{Fragment as KC,jsx as RC,jsxs as _C}from"react/jsx-runtime";import{jsx as UC}from"react/jsx-runtime";import{jsx as $C}from"react/jsx-runtime";import{jsx as JC}from"react/jsx-runtime";import{jsx as We,jsxs as ml}from"react/jsx-runtime";var hu=ke.options,xu=ke.states,gu={...ke.defaultOptions,variant:"vertical"},Nu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],vu=[],Mo=e=>{let{variant:t,...o}=e;return t==="horizontal"?ml(ke,{layout:"horizontal",...o,children:[We(Le,{children:We(vt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),We(Le,{children:We(vt,{id:w("cb"),children:"Label"})}),We(Le,{children:We(vt,{id:w("cb"),children:"Label"})})]}):ml(ke,{...o,children:[We(Le,{children:We(vt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),We(Le,{children:We(vt,{id:w("cb"),children:"Label"})}),We(Le,{children:We(vt,{id:w("cb"),children:"Label"})})]})};Mo.options=hu;Mo.states=xu;Mo.variants=Nu;Mo.defaultOptions=gu;Mo.modifiers=vu;Mo.className=ke.className;import{jsx as Au}from"react/jsx-runtime";var ku=at.options,Lu=at.states,Mu=at.defaultOptions,Su=[],yu=[],So=e=>Au(vt,{id:w("checkbox"),...e,defaultChecked:!0,children:"Label"});So.options=ku;So.states=Lu;So.variants=Su;So.defaultOptions=Mu;So.modifiers=yu;So.className=at.className;import{jsx as Jt,jsxs as Tu}from"react/jsx-runtime";var wr="k-list-item",Cu=[s.hover,s.focus,s.selected,s.disabled],Eu={},Iu={},O=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:i,showCheckbox:l,checked:c,hover:u,focus:f,selected:N,disabled:x,actions:m,description:L,id:k,...y}=e,C=t\|\|e.children;return Tu("li",{...y,id:k,role:a?"presentation":"option",tabIndex:a?void 0:f?0:-1,"aria-selected":!a&&N?"true":a?void 0:"false","aria-disabled":!a&&x?"true":void 0,className:r(e.className,a?"k-list-group-item":wr,S(wr,{hover:u,focus:f,disabled:x,selected:N})),children:[l&&Jt(qe,{checked:c}),n&&Jt("span",{className:"k-list-item-icon-wrapper",children:Jt(v,{icon:n,className:r("k-list-item-icon",i)})}),Jt("span",{className:"k-list-item-text",children:C}),m&&Jt("div",{className:"k-list-item-actions",children:m}),L&&Jt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Jt("div",{className:"k-list-item-group-label",children:o})]})};O.states=Cu;O.options=Eu;O.className=wr;O.defaultOptions=Iu;O.moduleName=qt;O.folderName=vo;O.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 Bu}from"react/jsx-runtime";var Ou="k-list-ul",kt=e=>{let{children:t,role:o,id:a,...n}=e;return Bu("ul",{...n,id:a,role:o,className:r(Ou,e.className),children:t})};kt.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 Rr,jsxs as wu}from"react/jsx-runtime";var Pu="k-list-content",H=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return wu("div",{...l,className:r(Pu,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:Rr(kt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Rr("div",{className:"k-height-container",children:Rr("div",{})})]})};H.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{Fragment as HE,jsx as DE,jsxs as zE}from"react/jsx-runtime";import{jsx as Kr,jsxs as Ku}from"react/jsx-runtime";var Ru="k-list-group-item",Yt=e=>{let{groupIconName:t,...o}=e;return Ku("li",{...o,role:"presentation",className:r(Ru,e.className),children:[t&&Kr("span",{className:"k-list-item-icon-wrapper",children:Kr(v,{icon:t,className:"k-list-item-icon"})}),Kr("span",{className:"k-list-item-text",children:e.children})]})};Yt.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 zu}from"react/jsx-runtime";var _r="k-list-optionlabel",_u=[s.hover,s.focus,s.selected,s.disabled],Du={},Hu={},ln=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return zu("div",{...l,className:r(_r,S(_r,{hover:o,focus:a,selected:n,disabled:i})),children:t})};ln.states=_u;ln.options=Du;ln.className=_r;ln.defaultOptions=Hu;import{jsx as Vu}from"react/jsx-runtime";var Dr="k-list-custom-value",Uu=[s.hover,s.focus,s.selected,s.disabled],Fu={},Gu={},Kt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Vu("div",{...l,className:r(Dr,S(Dr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Kt.states=Uu;Kt.options=Fu;Kt.className=Dr;Kt.defaultOptions=Gu;import{Fragment as oI,jsx as tI,jsxs as aI}from"react/jsx-runtime";import{Fragment as pI,jsx as lI,jsxs as dI}from"react/jsx-runtime";import{Fragment as xI,jsx as bI,jsxs as hI}from"react/jsx-runtime";import{Fragment as SI,jsx as LI,jsxs as MI}from"react/jsx-runtime";import{jsx as EI}from"react/jsx-runtime";import{Fragment as wI,jsx as PI,jsxs as RI}from"react/jsx-runtime";var ul="dropdown-list",fl="dropdownlist";import{Fragment as qu,jsx as Me,jsxs as Hr}from"react/jsx-runtime";var bl="k-dropdownlist",$u=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Xu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},zr={showValue:!0,arrowIconName:"chevron-down"},oe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=zr.arrowIconName,showValue:i=zr.showValue,valueIconName:l,prefix:c,suffix:u,value:f,placeholder:N,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,popup:$,opened:pe,adaptive:he,adaptiveSettings:xe,adaptiveTitle:Be,adaptiveSubtitle:$t,adaptiveFilter:Fn,id:It,activeDescendant:$a,"aria-label":Gn,...Vn}=e,fd=It?`${It}-listbox`:void 0,Js=It?`${It}-value`:void 0;return Hr(qu,{children:[Hr(it,{...Vn,id:It,size:t,rounded:o,fillMode:a,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,className:r(e.className,bl,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":pe?"true":"false","aria-controls":pe?fd:void 0,"aria-activedescendant":pe&&$a?$a:void 0,"aria-describedby":pe?Js:void 0,"aria-disabled":M?"true":void 0,"aria-label":Gn,tabIndex:0,children:[Me(ze,{children:c}),Me(Xt,{placeholder:N,value:f,showValue:i,valueIconName:l,id:Js}),Me(Ne,{valid:L,invalid:k,loading:C,disabled:M}),Me(Ce,{loading:C,disabled:M}),Me(Ue,{children:u}),Me(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),pe&&$&&Me(G,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:$}),he&&Me(W,{adaptive:!0,...xe,header:Me(ve,{actionsEnd:Me(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Fn,inputValue:f,inputPlaceholder:N,title:Be,subtitle:$t}),children:Me("div",{className:"k-list-container",children:Me(R,{size:"large",children:Hr(H,{"aria-label":"Options",children:[Me(O,{text:"List item"}),Me(O,{text:"List item"}),Me(O,{text:"List item"})]})})})})]})};oe.states=$u;oe.options=Xu;oe.className=bl;oe.defaultOptions=zr;oe.moduleName=ul;oe.folderName=fl;oe.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as fT}from"react/jsx-runtime";import{jsx as vT,jsxs as kT}from"react/jsx-runtime";import{Fragment as TT,jsx as ET,jsxs as IT}from"react/jsx-runtime";import{jsx as RT}from"react/jsx-runtime";import{jsx as UT,jsxs as FT}from"react/jsx-runtime";import{Fragment as ZT,jsx as JT,jsxs as YT}from"react/jsx-runtime";import{jsx as oO}from"react/jsx-runtime";import{Fragment as ju,jsx as _t,jsxs as hl}from"react/jsx-runtime";var Wu=oe.states,Ju=oe.defaultOptions,Yu=oe.options,Zu=[{name:"opened",title:"Opened"}],Qu=[],Ao=e=>{let{modifiers:t,...o}=e,a={},n=hl(ju,{children:[_t("div",{className:"k-list-filter",children:_t(Ge,{})}),_t(R,{style:{width:300},size:o.size,children:hl(H,{children:[_t(O,{children:"List item"}),_t(O,{children:"List item"}),_t(O,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),_t("div",{children:_t(oe,{placeholder:"Value",style:{width:300},...o,...a})})};Ao.options=Yu;Ao.states=Wu;Ao.variants=Qu;Ao.defaultOptions=Ju;Ao.modifiers=Zu;Ao.className=oe.className;import{Fragment as SO,jsx as MO}from"react/jsx-runtime";import{Fragment as TO,jsx as IO}from"react/jsx-runtime";import{jsx as wO}from"react/jsx-runtime";import{jsx as Ur}from"react/jsx-runtime";var ef=_.states,tf=_.defaultOptions,of=_.options,af=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],nf=[],Co=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Ur(oe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?Ur(sr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),Ur(ol,{value:"Value",style:{width:300},...o,...a})};Co.options=of;Co.states=ef;Co.variants=nf;Co.defaultOptions=tf;Co.modifiers=af;Co.className=_.className;import{Fragment as Aa,jsx as B,jsxs as Z}from"react/jsx-runtime";var xl="k-colorgradient-inputs",rf=[],sf={size:[d.undefined,d.small,d.medium,d.large]},gl={mode:"rgba"},Eo=e=>{let{mode:t=gl.mode,size:o,...a}=e;return Z("div",{...a,className:r(xl,"k-hstack"),children:[B("div",{className:"k-vstack",children:B(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Z(Aa,{children:[Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),B("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),B("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),B("label",{className:"k-colorgradient-input-label",children:"B"})]}),Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),B("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Z(Aa,{children:[Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),B("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),B("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),B("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(Aa,{children:[Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),B("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),B("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),B("label",{className:"k-colorgradient-input-label",children:"V"})]}),Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),B("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(Aa,{children:[Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),B("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),B("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),B("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&B(Aa,{children:Z("div",{className:"k-vstack k-flex-1",children:[B(ie,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),B("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Eo.states=rf;Eo.options=sf;Eo.className=xl;Eo.defaultOptions=gl;import{jsx as Zt,jsxs as Qt}from"react/jsx-runtime";var Nl="k-colorgradient-color-contrast",lf=[],pf={},df={},Io=()=>Qt("div",{className:r(Nl,"k-vbox"),children:[Qt("div",{className:"k-contrast-ratio",children:[Zt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Qt("span",{className:"k-contrast-validation !k-text-success",children:[Zt(v,{icon:"check"}),Zt(v,{icon:"check"})]})]}),Qt("div",{children:[Zt("span",{children:"AA: 4.5"}),Qt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Zt(v,{icon:"check"})]})]}),Qt("div",{children:[Zt("span",{children:"AAA: 7.0"}),Qt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Zt(v,{icon:"x"})]})]})]});Io.states=lf;Io.options=pf;Io.className=Nl;Io.defaultOptions=df;var vl="color-gradient",kl="colorgradient";import{jsx as Je,jsxs as Ca}from"react/jsx-runtime";var pn="k-colorgradient",cf=[s.hover,s.focus,s.readonly,s.disabled],mf={size:[d.undefined,d.small,d.medium,d.large]},mt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ne=e=>{let{size:t,mode:o=mt.mode,readonly:a=mt.readonly,disabled:n=mt.disabled,gradientStyle:i=mt.gradientStyle,dragHandleStyle:l=mt.dragHandleStyle,alphaStyle:c=mt.alphaStyle,alphaStyleHorizontal:u=mt.alphaStyleHorizontal,contrast:f=mt.contrast,dir:N,hover:x,focus:m,hoverHandle:L,focusHandle:k,canvasOrientation:y=mt.canvasOrientation,role:C,tabIndex:M,...I}=e;return Ca("div",{...I,role:C??"textbox","aria-label":C==="none"?void 0:"Color gradient",tabIndex:M??0,"aria-disabled":n?"true":void 0,className:r(e.className,pn,A(pn,{size:t}),S(pn,{hover:x,focus:m,readonly:a,disabled:n})),dir:N,children:[!y\|\|y==="horizontal"&&Ca("div",{className:"k-colorgradient-canvas k-hstack",children:[Je("div",{className:"k-hsv-rectangle",style:i,children:Je("div",{className:"k-hsv-gradient",children:Je("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":k}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ca("div",{className:"k-hsv-controls k-hstack",children:[Je(Er,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Je(Er,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:c})]})]}),y==="vertical"&&Ca("div",{className:"k-colorgradient-canvas k-vstack",children:[Je("div",{className:"k-hsv-rectangle",style:i,children:Je("div",{className:"k-hsv-gradient",children:Je("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":k}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ca("div",{className:"k-hsv-controls k-vstack",children:[Je(Cr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Je(Cr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),Je(Eo,{mode:e.mode,size:t}),f&&Je(Io,{})]})};ne.states=cf;ne.options=mf;ne.className=pn;ne.defaultOptions=mt;ne.moduleName=vl;ne.folderName=kl;ne.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as uf}from"react/jsx-runtime";var dn=e=>uf(ne,{...e});import{jsx as NB}from"react/jsx-runtime";import{jsx as MB}from"react/jsx-runtime";import{jsx as Fr}from"react/jsx-runtime";var ff=ne.options,bf=ne.states,hf={...ne.defaultOptions,variant:"rgba"},xf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],gf=[],To=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Fr(dn,{...o,mode:t});case"rgb":return Fr(dn,{...o,mode:t});default:return Fr(dn,{...o,mode:t})}};To.options=ff;To.states=bf;To.variants=xf;To.defaultOptions=hf;To.modifiers=gf;To.className=ne.className;import{jsx as Nf}from"react/jsx-runtime";var Gr=e=>Nf("tr",{role:"row",children:e.children});import{jsx as Lf}from"react/jsx-runtime";var Vr="k-colorpalette-tile",vf=[s.hover,s.focus,s.selected],kf={},Oo=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...l}=e,c={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Lf("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,Vr,S(Vr,{hover:a,focus:n,selected:i})),style:c})};Oo.states=vf;Oo.options=kf;Oo.className=Vr;var Ll="color-palette",Ml="colorpalette";import{jsx as Ea}from"react/jsx-runtime";var cn="k-colorpalette",Mf=[s.disabled],Sf={size:[d.undefined,d.small,d.medium,d.large]},Sl={columns:10},Se=e=>{let{size:t,palette:o,columns:a=Sl.columns,tileSize:n,disabled:i,...l}=e,c=[];if(o){let u=a\|\|o.columns,f=o.colors?o.colors:o;Array.isArray(f)&&Array.from({length:Math.ceil(f.length/u)},(N,x)=>{let m=[];f.slice(xu,(x+1)u).map((k,y)=>{m.push(Ea(Oo,{color:k,tileSize:n},y))});let L=Ea(Gr,{children:m},x);c.push(L)})}return Ea("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,cn,S(cn,{disabled:i}),A(cn,{size:t})),children:Ea("table",{className:"k-colorpalette-table",role:"none",children:Ea("tbody",{children:c.length>0?c:e.children})})})};Se.states=Mf;Se.options=Sf;Se.className=cn;Se.defaultOptions=Sl;Se.moduleName=Ll;Se.folderName=Ml;Se.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var mn=Se;var Ia={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as yf}from"react/jsx-runtime";var yl=e=>yf(mn,{palette:Ia.basic,...e});import{jsx as nP}from"react/jsx-runtime";import{jsx as dP,jsxs as cP}from"react/jsx-runtime";import{jsx as Bf}from"react/jsx-runtime";var Af=Se.options,Cf=Se.states,Ef={...Se.defaultOptions,variant:"basic"},If=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Tf={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Of=[],Bo=e=>{let{variant:t="basic",...o}=e,a=Tf[t];return Bf(yl,{columns:a.columns,palette:a,...o})};Bo.options=Af;Bo.states=Cf;Bo.variants=If;Bo.defaultOptions=Ef;Bo.modifiers=Of;Bo.className=Se.className;var Al="color-editor",Cl="coloreditor";import{jsx as Ye,jsxs as Po}from"react/jsx-runtime";var un="k-coloreditor",Pf=[s.focus],wf={size:[d.undefined,d.small,d.medium,d.large]},Ta={view:"gradient",palette:Ia.office,actionButtons:!0,canvasOrientation:"horizontal"},J=e=>{let{size:t,view:o=Ta.view,palette:a=Ta.palette,color:n,currentColor:i,focus:l,focusView:c,dir:u,group:f,actionButtons:N=Ta.actionButtons,canvasOrientation:x=Ta.canvasOrientation,...m}=e;return Po("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",un,A(un,{size:t}),S(un,{focus:l})),dir:u,children:[Po("div",{className:"k-coloreditor-header k-hstack",children:[Ye("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&Po(T,{fillMode:"flat",children:[Ye(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ye(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ye("div",{className:"k-spacer"}),Po("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ye(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Po("div",{className:"k-coloreditor-preview k-vstack",children:[Ye(Tt,{className:"k-coloreditor-preview-color",color:n}),Ye(Tt,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ye("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ye(ne,{focus:c,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):Ye(Se,{palette:a,size:t})}),N&&Po(we,{className:"k-coloreditor-footer",alignment:"start",children:[Ye(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ye(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};J.states=Pf;J.options=wf;J.className=un;J.defaultOptions=Ta;J.moduleName=Al;J.folderName=Cl;J.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var wo=J;import{jsx as zP}from"react/jsx-runtime";import{jsx as VP}from"react/jsx-runtime";import{jsx as Rf}from"react/jsx-runtime";var El=e=>Rf(wo,{group:!0,currentColor:"fuchsia",...e});import{jsx as Kf}from"react/jsx-runtime";var Il=e=>Kf(wo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Tl}from"react/jsx-runtime";var _f=J.options,Df=J.states,Hf={...J.defaultOptions,variant:"gradient"},zf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Uf=[],Ro=e=>{let{variant:t,...o}=e;return t==="palette"?Tl(Il,{...o,color:"white"}):Tl(El,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Ro.options=_f;Ro.states=Df;Ro.variants=zf;Ro.defaultOptions=Hf;Ro.modifiers=Uf;Ro.className=J.className;var Ol="color-picker",Bl="colorpicker";import{Fragment as Vf,jsx as Ze,jsxs as $r}from"react/jsx-runtime";var Pl="k-colorpicker",Ff=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],Gf={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},wl={arrowIconName:"chevron-down"},Re=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=wl.arrowIconName,prefix:i,suffix:l,value:c,placeholder:u,hover:f,focus:N,valid:x,invalid:m,required:L,disabled:k,valueIconName:y,popup:C,opened:M,adaptive:I,adaptiveSettings:$,adaptiveTitle:pe,adaptiveSubtitle:he,...xe}=e,Be="colorpicker-popup";return $r(Vf,{children:[$r(it,{...xe,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:x,invalid:m,required:L,disabled:k,role:"combobox","aria-haspopup":"dialog","aria-expanded":M?"true":"false","aria-controls":M\|\|I?Be:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:r(e.className,Pl,"k-icon-picker"),children:[Ze(ze,{children:i}),Ze(Xt,{placeholder:u,value:c,showValue:!1,valueIcon:Ze(Tt,{className:"k-value-icon",color:c,iconName:y}),valueIconName:y}),Ze(Ue,{children:l}),Ze(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),M&&C&&Ze(G,{id:Be,className:"k-colorpicker-popup",children:C}),I&&Ze(W,{adaptive:!0,id:Be,...$,header:Ze(ve,{actionsEnd:Ze(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:pe,subtitle:he}),footer:$r(Ot,{children:[Ze(p,{text:"Cancel",size:"large"}),Ze(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Ze(J,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Re.states=Ff;Re.options=Gf;Re.className=Pl;Re.defaultOptions=wl;Re.moduleName=Ol;Re.folderName=Bl;Re.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Lt=Re;import{jsx as $f}from"react/jsx-runtime";var fn=e=>$f(Lt,{...e});import{jsx as Cw}from"react/jsx-runtime";import{jsx as Bw}from"react/jsx-runtime";import{jsx as Kw}from"react/jsx-runtime";import{jsx as zw}from"react/jsx-runtime";import{jsx as Vw}from"react/jsx-runtime";import{jsx as Ww}from"react/jsx-runtime";import{jsx as jt}from"react/jsx-runtime";var Xf=Lt.options,qf=Lt.states,Rl={...Lt.defaultOptions,variant:"color"},Wf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Jf=[{name:"opened",title:"Opened"}],Ko=e=>{let{variant:t,modifiers:o,...a}={...Rl,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?jt(J,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return jt("div",{style:i,children:jt(fn,{...a,...n})});case"icon":return jt("div",{style:i,children:jt(fn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return jt("div",{style:i,children:jt(fn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Ko.options=Xf;Ko.states=qf;Ko.variants=Wf;Ko.defaultOptions=Rl;Ko.modifiers=Jf;Ko.className=Lt.className;var Xr="combobox",Kl=Xr;import{Fragment as qr,jsx as ae,jsxs as Oa}from"react/jsx-runtime";var _l="k-combobox",Yf=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Zf={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Dl={separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Dl.separators,prefix:i,suffix:l,value:c,placeholder:u,hover:f,focus:N,valid:x,invalid:m,required:L,loading:k,disabled:y,popup:C,opened:M,readonly:I,adaptive:$,adaptiveSettings:pe,adaptiveTitle:he,adaptiveSubtitle:xe,adaptiveCustomValue:Be,id:$t,autocomplete:Fn,activeDescendant:It,"aria-label":$a,...Gn}=e,Vn=$t?`${$t}-listbox`:void 0;return Oa(qr,{children:[Oa(Y,{...Gn,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:x,invalid:m,required:L,loading:k,disabled:y,readonly:I,className:r(e.className,_l),children:[i&&Oa(qr,{children:[ae(ze,{children:i}),n&&ae(Fe,{})]}),ae(ge,{id:$t,placeholder:u,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?Vn:void 0,"aria-activedescendant":M&&It?It:void 0,"aria-autocomplete":Fn,"aria-invalid":m?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":$a,disabled:y,readOnly:I}),ae(Ne,{valid:x,invalid:m,loading:k,disabled:y}),ae(Ce,{loading:k,disabled:y}),ae(Pe,{loading:k,disabled:y,readonly:I,value:c}),l&&Oa(qr,{children:[n&&ae(Fe,{}),ae(Ue,{children:l})]}),ae(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:y})]}),M&&C&&ae(G,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),$&&ae(W,{adaptive:!0,id:$t?`${$t}-adaptive`:void 0,...pe,header:ae(ve,{actionsEnd:ae(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:u,title:he,subtitle:xe}),children:ae("div",{className:"k-list-container",children:ae(R,{customValue:Be?ae(Kt,{text:`Use "${c}"`}):void 0,size:"large",children:Oa(H,{"aria-label":he\|\|"Options",children:[ae(O,{text:"List item"}),ae(O,{text:"List item"}),ae(O,{text:"List item"})]})})})})]})};de.states=Yf;de.options=Zf;de.className=_l;de.defaultOptions=Dl;de.moduleName=Xr;de.folderName=Kl;de.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Ke=de;import{jsx as Qf}from"react/jsx-runtime";var Hl=e=>Qf(Ke,{...e});import{jsx as TR,jsxs as OR}from"react/jsx-runtime";import{jsx as _R,jsxs as DR}from"react/jsx-runtime";import{jsx as VR,jsxs as $R}from"react/jsx-runtime";import{Fragment as ZR,jsx as YR}from"react/jsx-runtime";import{Fragment as aK,jsx as oK}from"react/jsx-runtime";import{jsx as pK,jsxs as dK}from"react/jsx-runtime";import{Fragment as gK,jsx as hK,jsxs as xK}from"react/jsx-runtime";import{jsx as LK}from"react/jsx-runtime";import{jsx as AK}from"react/jsx-runtime";import{jsx as BK,jsxs as PK}from"react/jsx-runtime";import{jsx as HK,jsxs as zK}from"react/jsx-runtime";import{jsx as Dt,jsxs as nb}from"react/jsx-runtime";var jf=de.states,eb=de.defaultOptions,tb=de.options,ob=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],ab=[],_o=e=>{let{modifiers:t,...o}=e,a={},n=Dt(R,{style:{width:300},size:o.size,children:nb(H,{children:[Dt(O,{children:"List item"}),Dt(O,{children:"List item"}),Dt(O,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Dt(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?Dt(se,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0;break;default:break}}),Dt("div",{children:Dt(Hl,{value:"Value",style:{width:300},...o,...a})})};_o.options=tb;_o.states=jf;_o.variants=ab;_o.defaultOptions=eb;_o.modifiers=ob;_o.className=de.className;var Wr="menu-button",zl=Wr;import{jsx as ib}from"react/jsx-runtime";var Ul="k-menu-button",rb=[s.hover,s.focus,s.active,s.selected,s.disabled],sb={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},Jr={showArrow:!0,arrowIconName:"chevron-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,text:x,showArrow:m=Jr.showArrow,arrowIconName:L=Jr.arrowIconName,expanded:k,...y}=e;return ib(p,{...y,className:r(e.className,Ul),text:x,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,showArrow:m,arrowIconName:L,"aria-expanded":k?"true":"false",...!x&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...f&&{"aria-disabled":"true"}})};D.states=rb;D.options=sb;D.className=Ul;D.defaultOptions=Jr;D.moduleName=Wr;D.folderName=zl;D.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as N_}from"react/jsx-runtime";import{jsx as M_}from"react/jsx-runtime";import{jsx as C_}from"react/jsx-runtime";var _e="menu",Qe=_e;import{jsx as Ba,jsxs as Fl}from"react/jsx-runtime";var Yr="k-menu-item",lb=[s.hover,s.focus,s.active,s.selected,s.disabled],pb={},Gl={iconPosition:"before"},ce=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,first:u,last:f,showArrow:N,arrowIconName:x,iconPosition:m=Gl.iconPosition,dir:L,children:k,expanded:y,...C}=e,M=x;return M\|\|(M=L==="rtl"?"chevron-left":"chevron-right"),Fl("li",{...C,className:r(e.className,Yr,"k-item",S(Yr,{focus:o,disabled:i,hover:t,active:a,selected:n}),{"k-first":u,"k-last":f}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":y?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Fl("span",{className:r("k-link k-menu-link"),children:[l&&m==="before"&&Ba(v,{className:"k-menu-link-icon",icon:l}),Ba("span",{className:"k-menu-link-text",children:c}),l&&m==="after"&&Ba(v,{className:"k-menu-link-icon",icon:l}),N&&Ba("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ba(v,{icon:M})})]}),k]})};ce.states=lb;ce.options=pb;ce.className=Yr;ce.defaultOptions=Gl;ce.moduleName=_e;ce.folderName=Qe;import{jsx as Pa,jsxs as Vl}from"react/jsx-runtime";var Zr="k-menu-item",db=[s.hover,s.focus,s.active,s.selected,s.disabled],cb={},Qr={dir:"ltr",iconPosition:"before"},X=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,first:u,last:f,showArrow:N,arrowIconName:x,iconPosition:m=Qr.iconPosition,dir:L=Qr.dir,children:k,popup:y,expanded:C,...M}=e,I=x;return I\|\|(I=L==="rtl"?"chevron-left":"chevron-right"),Vl("li",{...M,className:r(e.className,Zr,"k-item",S(Zr,{focus:o,disabled:i}),{"k-first":u,"k-last":f}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":C?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Vl("span",{className:r("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&m==="before"&&Pa(v,{className:"k-menu-link-icon",icon:l}),Pa("span",{className:"k-menu-link-text",children:c}),l&&m==="after"&&Pa(v,{className:"k-menu-link-icon",icon:l}),N&&Pa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Pa(v,{icon:I})})]}),k,y]})};X.states=db;X.options=cb;X.className=Zr;X.defaultOptions=Qr;X.moduleName=_e;X.folderName=Qe;import{jsx as bb}from"react/jsx-runtime";var $l="k-menu-scroll-wrapper",mb=[],ub={},fb={},eo=e=>{let{className:t,children:o,orientation:a,...n}=e;return bb("div",{...n,className:r(t,$l,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};eo.states=mb;eo.options=ub;eo.className=$l;eo.defaultOptions=fb;eo.moduleName=_e;eo.folderName=Qe;var Xl=eo;import{Fragment as jr,jsx as to,jsxs as hn}from"react/jsx-runtime";var es="k-menu",hb=[],xb={},xn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=xn.orientation,header:a=xn.header,scrollable:n,scrollButtonsPosition:i=xn.scrollButtonsPosition,wrapperStyles:l,dir:c,popup:u,contextMenu:f,...N}=e,x={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},m=to("ul",{dir:c,...N,className:r(e.className,"k-reset",es,{[`${es}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return hn(jr,{children:[n?hn(Xl,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&hn(jr,{children:[to(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),to(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&to(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),m,i==="end"&&hn(jr,{children:[to(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),to(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&to(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):m,u]})};re.states=hb;re.options=xb;re.className=es;re.defaultOptions=xn;re.moduleName=_e;re.folderName=Qe;re.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as gb}from"react/jsx-runtime";var ts="k-separator",ql={orientation:"horizontal"},Do=e=>{let{orientation:t=ql.orientation,...o}=e;return gb("li",{...o,className:r(e.className,"k-item",ts,{[`${ts}-${t}`]:t}),role:"separator"})};Do.className=ts;Do.defaultOptions=ql;Do.moduleName=_e;Do.folderName=Qe;import{Fragment as o0,jsx as a0}from"react/jsx-runtime";import{jsx as Lb}from"react/jsx-runtime";var os="k-menu-group",Nb=[],vb={size:[d.undefined,d.small,d.medium,d.large]},kb={},me=e=>{let{children:t,size:o,...a}=e;return Lb("ul",{...a,className:r(e.className,os,A(os,{size:o})),role:"menu",children:t})};me.states=Nb;me.options=vb;me.className=os;me.defaultOptions=kb;me.moduleName=_e;me.folderName=Qe;import{Fragment as Mb,jsx as Ho,jsxs as Sb}from"react/jsx-runtime";var as=e=>Ho(re,{children:Sb(Mb,{children:[Ho(ce,{first:!0,text:"Item 1"}),Ho(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Ho(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Ho(ce,{text:"Item 4"}),Ho(ce,{last:!0,text:"Item 5"})]}),...e});import{Fragment as x0,jsx as b0,jsxs as h0}from"react/jsx-runtime";import{Fragment as L0,jsx as k0,jsxs as M0}from"react/jsx-runtime";import{Fragment as E0,jsx as C0,jsxs as I0}from"react/jsx-runtime";import{Fragment as w0,jsx as P0,jsxs as R0}from"react/jsx-runtime";import{jsx as oo,jsxs as Ib}from"react/jsx-runtime";var yb=re.options,Ab=re.states,Wl={...re.defaultOptions,variant:"horizontal"},Cb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Eb=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],zo=e=>{let{variant:t,modifiers:o,...a}={...Wl,...e},n={};return Object.keys(o\|\|{}).forEach(i=>{switch(i){case"scrollable":n.scrollable=!!o?.[i];break;case"opened":n.opened=!!o?.[i],n.popup=oo(G,{className:"k-menu-popup",children:Ib(me,{children:[oo(X,{text:"Item 1"}),oo(X,{text:"Item 2"}),oo(Do,{}),oo(X,{text:"Item 3"})]})});break}}),t==="vertical"?oo(as,{...a,...n,orientation:"vertical",style:{width:"200px"}}):oo(as,{...a,...n})};zo.options=yb;zo.states=Ab;zo.variants=Cb;zo.defaultOptions=Wl;zo.modifiers=Eb;zo.className=re.className;import{Fragment as uD,jsx as cD,jsxs as mD}from"react/jsx-runtime";import{jsx as xD}from"react/jsx-runtime";import{Fragment as wb,jsx as ut,jsxs as Jl}from"react/jsx-runtime";var Tb=p.states,Yl={...p.defaultOptions,variant:"text"},Ob=p.options,Bb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Pb=[{name:"opened",title:"Opened"}],Uo=e=>{let{variant:t,modifiers:o,...a}={...Yl,...e},n={},i=ut(G,{className:"k-menu-popup",children:Jl(me,{size:a.size,children:[ut(X,{first:!0,text:"Menu Item"}),ut(X,{text:"Menu Item"}),ut(X,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=ut("div",{children:ut(D,{...a,...n,icon:"star"})});break;case"icon-and-text":l=ut("div",{children:ut(D,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=ut("div",{children:ut(D,{...a,...n,children:"Dropdown Button"})});break}return Jl(wb,{children:[l,o?.opened&&i]})};Uo.options=Ob;Uo.states=Tb;Uo.variants=Bb;Uo.defaultOptions=Yl;Uo.modifiers=Pb;Uo.className=D.className;var ns="split-button",Zl=ns;import{Fragment as _b,jsx as rs,jsxs as Ql}from"react/jsx-runtime";var ss="k-split-button",Rb=[s.hover,s.focus,s.active,s.selected,s.disabled],Kb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},jl={arrowIconName:"chevron-down"},P=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,text:x,arrowIconName:m=jl.arrowIconName,popup:L,opened:k,popupId:y,...C}=e;return Ql(_b,{children:[Ql("div",{...C,className:r(e.className,ss,"k-button-group",A(ss,{rounded:o})),children:[rs(p,{text:x,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,...!x&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),rs(p,{className:"k-split-button-arrow",icon:m,size:t,rounded:o,fillMode:a,disabled:f,"aria-label":"Toggle dropdown","aria-expanded":k?"true":"false","aria-controls":k?y:void 0,tabIndex:-1,...f&&{"aria-disabled":"true"}})]}),k&&L&&rs(G,{className:"k-menu-popup",children:L})]})};P.states=Rb;P.options=Kb;P.className=ss;P.defaultOptions=jl;P.moduleName=ns;P.folderName=Zl;P.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var is=P;import{jsx as Hb}from"react/jsx-runtime";var Db="k-toolbar-separator",nt=e=>Hb("div",{className:r(Db,e.className,"k-separator")});var Mt="toolbar",Ht=Mt;import{Fragment as ls,jsx as K,jsxs as Fo}from"react/jsx-runtime";var St="k-toolbar",zb=[s.focus],Ub={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Fb={scrollButtons:"around"},z=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:c,section:u,...f}=e,N=[],x=(m,L)=>{let k=[];if(m.type===p&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))k.push(K(p,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===p)k.push(K(p,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===ba)k.push(K(ba,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===se)k.push(K(se,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===D)k.push(K(D,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===is)k.push(K(is,{...m.props,className:`k-toolbar-split-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===T\|\|m.props.className&&m.props.className.includes("k-button-group")){let y=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((M,I)=>{y.push(K(p,{...M.props,className:`${M.props.className?M.props.className:""}`},`${I}-${new Date().getTime()}`))}),k.push(K(T,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:y},`${L}-${new Date().getTime()}`))}else m.type===de?k.push(K(de,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===oe?k.push(K(oe,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===Re?k.push(K(Re,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):k.push(m);k.forEach(y=>{N.push(y)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,k)=>{x(L,k)}),Fo("div",{...f,className:r(e.className,St,A(St,{size:t,fillMode:o}),S(St,{focus:a}),{[`${St}-resizable`]:n,[`${St}-scrollable`]:i,[`${St}-scrollable-overlay`]:i&&l==="hidden",[`${St}-scrollable-${c}`]:c&&c!=="both",[`${St}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&N,i&&l==="hidden"&&K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),i&&l==="start"&&Fo(ls,{children:[Fo(T,{children:[K("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-left"})}),K("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-right"})})]}),K(nt,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&Fo(ls,{children:[K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),K(nt,{className:"k-toolbar-button-separator"}),Fo(T,{children:[K("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-left"})}),K("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),i&&(l==="around"\|\|!l)&&Fo(ls,{children:[K("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-left"})}),K(nt,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),K(nt,{className:"k-toolbar-button-separator"}),K("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};z.states=zb;z.options=Ub;z.className=St;z.defaultOptions=Fb;z.moduleName=Mt;z.folderName=Ht;z.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as Xb}from"react/jsx-runtime";var ep="k-floating-toolbar",Gb=[],Vb={},$b={},Go=e=>{let{...t}=e;return Xb("div",{...t,className:r(e.className,ep),children:e.children})};Go.states=Gb;Go.options=Vb;Go.className=ep;Go.defaultOptions=$b;Go.moduleName=Mt;Go.folderName=Ht;import{jsx as Yb}from"react/jsx-runtime";var ps="k-toolbar-item",qb=[s.focus],Wb={},Jb={},Vo=e=>{let{focus:t,...o}=e;return Yb("div",{...o,className:r(e.className,ps,S(ps,{focus:t})),children:e.children})};Vo.states=qb;Vo.options=Wb;Vo.className=ps;Vo.defaultOptions=Jb;Vo.moduleName=Mt;Vo.folderName=Ht;import{jsx as tp}from"react/jsx-runtime";var op="k-toolbar-popup",Zb=[],Qb={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},jb={},ao=e=>{let{size:t,fillMode:o,section:a,...n}=e;return tp(G,{...n,className:r(e.className,op),children:a?tp("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};ao.states=Zb;ao.options=Qb;ao.className=op;ao.defaultOptions=jb;ao.moduleName=Mt;ao.folderName=Ht;var gn=ao;import{jsx as vH}from"react/jsx-runtime";import{jsx as SH}from"react/jsx-runtime";import{jsx as EH}from"react/jsx-runtime";import{jsx as wH,jsxs as RH}from"react/jsx-runtime";import{jsx as HH}from"react/jsx-runtime";import{jsx as yt,jsxs as nh}from"react/jsx-runtime";var eh=P.states,ap={...P.defaultOptions,variant:"text"},th=P.options,oh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ah=[{name:"opened",title:"Opened"}],$o=e=>{let{variant:t,modifiers:o,...a}={...ap,...e},n={},i=nh(me,{size:a.size,children:[yt(X,{first:!0,text:"Menu Item"}),yt(X,{text:"Menu Item"}),yt(X,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?i:"")}),t){case"icon-only":return yt("div",{children:yt(P,{...a,...n,icon:"star"})});case"icon-and-text":return yt("div",{children:yt(P,{...a,...n,icon:"star",children:"Split Button"})});default:return yt("div",{children:yt(P,{...a,...n,children:"Split Button"})})}};$o.options=th;$o.states=eh;$o.variants=oh;$o.defaultOptions=ap;$o.modifiers=ah;$o.className=P.className;import{jsx as no,jsxs as rh}from"react/jsx-runtime";var np=e=>no(z,{children:[no(p,{children:"Button"},"toolbar-button"),no(D,{text:"Menu button"},"toolbar-menu-button"),no(P,{children:"Split button"},"toolbar-split-button"),rh(T,{children:[no(p,{className:"k-group-start",icon:"align-left",children:"Left"}),no(p,{icon:"align-center",children:"Center"}),no(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as f1,jsxs as b1}from"react/jsx-runtime";import{jsx as De,jsxs as rp}from"react/jsx-runtime";var sp=e=>De(z,{scrollable:!0,...e,children:[De(p,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(P,{children:"Split button"},"toolbar-split-button"),rp(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),De(p,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(P,{children:"Split button"},"toolbar-split-button"),rp(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as He,jsxs as ip}from"react/jsx-runtime";var lp=({scrollingPosition:e="start",...t})=>He(z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[He(p,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(P,{children:"Split button"},"toolbar-split-button"),ip(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),He(p,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(P,{children:"Split button"},"toolbar-split-button"),ip(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as sh,jsx as Ee,jsxs as Nn}from"react/jsx-runtime";var pp=({fillMode:e,size:t,...o})=>Nn(sh,{children:[Ee(z,{section:!0,fillMode:e,size:t,children:[Ee(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Nn(T,{fillMode:e,children:[Ee(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ee(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ee(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ee(nt,{className:"k-toolbar-button-separator"}),Ee(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Nn(gn,{size:t,fillMode:e,section:!0,...o,children:[Ee(P,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ee(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ee(nt,{}),Ee(D,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Nn(T,{fillMode:e,children:[Ee(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ee(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ee(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as W1,jsx as X1,jsxs as q1}from"react/jsx-runtime";import{Fragment as rz,jsx as az,jsxs as nz}from"react/jsx-runtime";import{jsx as zt}from"react/jsx-runtime";var ih=z.options,lh=z.states,dp={...z.defaultOptions,variant:"default"},ph=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],dh=[],Xo=e=>{let{variant:t,...o}={...dp,...e};switch(t){case"responsive":return zt("div",{children:zt(pp,{style:{width:"583px"},...o})});case"overlay":return zt("div",{children:zt(lp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return zt("div",{children:zt(sp,{style:{width:"583px"},...o})});default:return zt("div",{children:zt(np,{style:{width:"583px"},...o})})}};Xo.options=ih;Xo.states=lh;Xo.variants=ph;Xo.defaultOptions=dp;Xo.modifiers=dh;Xo.className=z.className;import{jsx as cp,jsxs as bh}from"react/jsx-runtime";var vn="k-fab",uh=[s.hover,s.focus,s.active,s.selected,s.disabled],fh={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},mp={type:"button"},Q=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=mp.type,position:c,hover:u,focus:f,active:N,selected:x,disabled:m,...L}=e;return bh("button",{...L,type:l,className:r(e.className,vn,A(vn,{size:t,rounded:o,themeColor:a}),S(vn,{hover:u,focus:f,active:N,disabled:m,selected:x}),{[`!k-pos-absolute k-${c}`]:c}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...m&&{"aria-disabled":"true"},disabled:m\|\|void 0,children:[i&&cp(v,{className:"k-fab-icon",icon:i}),n&&cp("span",{className:"k-fab-text",children:n})]})};Q.states=uh;Q.options=fh;Q.className=vn;Q.defaultOptions=mp;Q.moduleName="fab";Q.folderName="fab";Q.ariaSpec={selector:".k-fab",rules:[{selector:".k-fab",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-fab",attribute:"aria-label or title (when icon-only)",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-fab.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."}]};import{jsx as xh}from"react/jsx-runtime";var hh="k-fab-items",up=e=>{let{position:t,...o}=e;return xh("ul",{...o,className:r(e.className,hh,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as bp,jsxs as Nh}from"react/jsx-runtime";var fp="k-fab-item",gh=[s.hover,s.focus,s.active,s.disabled],ds=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:c,...u}=e;return Nh("li",{...u,className:r(e.className,fp,{[`k-text-${a}`]:a},S(fp,{hover:n,focus:i,active:l,disabled:c})),children:[bp("span",{className:"k-fab-item-text",children:t}),bp(v,{className:"k-fab-item-icon",icon:o})]})};ds.states=gh;import{jsx as Vz}from"react/jsx-runtime";import{jsx as vh}from"react/jsx-runtime";var hp=e=>vh(Q,{icon:"plus",...e});import{jsx as Zz}from"react/jsx-runtime";import{jsx as t2}from"react/jsx-runtime";import{jsx as qo,jsxs as Ah}from"react/jsx-runtime";var kh=Q.options,Lh=Q.states,Mh={...Q.defaultOptions,variant:"text"},Sh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],yh=[{name:"opened",title:"Opened"}],Wo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?qo("div",{className:"k-fab-popup k-popup k-popup-transparent",style:{position:"absolute",top:"calc(16px + 36px)",right:"calc(16px + calc(36px / 2) - calc(36px /2))"},children:qo(up,{position:"bottom",children:qo(ds,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=qo(Q,{...a,icon:"star"});break;case"icon-and-text":l=qo(Q,{...a,icon:"star",text:"Action"});break;default:l=qo(Q,{...a,text:"Action"});break}return Ah("span",{style:{position:"relative"},children:[l,i]})};Wo.options=kh;Wo.states=Lh;Wo.variants=Sh;Wo.defaultOptions=Mh;Wo.modifiers=yh;Wo.className=Q.className;var cs="prompt-box",xp=cs;var ms="speech-to-text-button",gp=ms;import{jsx as Ch}from"react/jsx-runtime";var Np="k-speech-to-text-button",vp={icon:"microphone"},Ie=e=>{let{listening:t=!1,icon:o=vp.icon,...a}=e;return Ch(p,{...a,icon:t?"stop":o,className:r(e.className,Np,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Ie.states=p.states;Ie.options=p.options;Ie.className=Np;Ie.defaultOptions=vp;Ie.moduleName=ms;Ie.folderName=gp;Ie.ariaSpec={selector:".k-speech-to-text-button",rules:[{selector:".k-button.k-speech-to-text-button",attribute:"role=button or nodeName=button",usage:"If the used element is not <button>, explicitly set its role to button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-pressed",usage:"Announces the toggle behaviour of the button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-label",usage:"Accessible name for the speech-to-text button."}]};import{jsx as T2}from"react/jsx-runtime";import{jsx as w2}from"react/jsx-runtime";import{jsx as Bh}from"react/jsx-runtime";var Eh=p.states,kp={...p.defaultOptions,variant:"normal"},Ih={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},Th=[],Oh=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Jo=e=>{let{variant:t,...o}={...kp,...e},a={};return t==="listening"&&(a.listening=!0),Bh(Ie,{...o,...a})};Jo.options=Ih;Jo.states=Eh;Jo.variants=Oh;Jo.defaultOptions=kp;Jo.modifiers=Th;Jo.className=Ie.className;import{jsx as Yo,jsxs as us}from"react/jsx-runtime";var ft="k-prompt-box",Ph=[s.hover,s.focus,s.disabled],wh={fillMode:[h.undefined,h.solid,h.flat,h.outline]},fs={lineMode:"auto",isExpanded:!1},At=e=>{let{fillMode:t,lineMode:o=fs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=fs.isExpanded,className:c,children:u,value:f,placeholder:N,generating:x,hover:m,focus:L,disabled:k,...y}=e,C=o==="multi"\|\|o==="auto"&&l;return us("div",{...y,className:r(c,"k-input",ft,{[`${ft}-singleline`]:o==="single",[`${ft}-multiline`]:C,[`k-input-${t}`]:t,"k-hover":m,"k-focus":L,"k-disabled":k}),children:[i&&Yo("div",{className:`${ft}-header`,children:i}),us("div",{className:`${ft}-content`,children:[a&&Yo("div",{className:`${ft}-affix`,children:a}),o==="single"?Yo(ge,{value:f,placeholder:N,className:`${ft}-input`,type:"text","aria-label":"Prompt input"}):Yo(ga,{value:f,placeholder:N,className:`${ft}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),us("div",{className:`${ft}-affix`,children:[n,Yo(Ie,{size:"small",fillMode:"flat",rounded:"full"}),Yo(se,{icon:x?"stop":"arrow-up",size:"small",rounded:"full",active:x,disabled:!f&&!x,className:r({"k-generating":x}),"aria-label":x?"Stop generating":"Send prompt","aria-live":"polite"})]})]}),u]})};At.states=Ph;At.options=wh;At.className=ft;At.defaultOptions=fs;At.moduleName=cs;At.folderName=xp;At.ariaSpec={selector:".k-prompt-box",rules:[{selector:".k-prompt-box-singleline .k-prompt-box-input",attribute:"nodeName=input",usage:"Ensures the input field has the proper textbox role."},{selector:".k-prompt-box-singleline .k-prompt-box-input",attribute:"aria-label",usage:"Provides an accessible label for the single-line input."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"nodeName=textarea",usage:"Ensures the textarea has the proper textbox role."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"aria-label",usage:"Provides an accessible label for the textarea."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"aria-multiline=true",usage:"Indicates the textarea supports multiple lines of text."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"nodeName=textarea",usage:"Ensures the auto-mode textarea has the proper textbox role."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"aria-label",usage:"Provides an accessible label for the auto-mode textarea."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"aria-multiline=true",usage:"Indicates the auto-mode textarea supports multiple lines of text."},{selector:".k-prompt-box-affix .k-button:not(.k-speech-to-text-button)",attribute:"aria-label",usage:"The send/stop button is labelled to indicate its current action."},{selector:".k-prompt-box-affix .k-button:not(.k-speech-to-text-button)",attribute:"aria-live=polite",usage:"Announces the change in status of the send/stop button."}]};import{jsx as oU}from"react/jsx-runtime";import{jsx as sU}from"react/jsx-runtime";import{jsx as dU}from"react/jsx-runtime";import{jsx as fU}from"react/jsx-runtime";import{jsx as gU}from"react/jsx-runtime";var bs="chat",Lp=bs;import{Fragment as yp,jsx as ro,jsxs as wa}from"react/jsx-runtime";var Mp="k-chat",Rh=[],Kh={},_h=wa(yp,{children:[ro(se,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),ro("div",{className:"k-spacer"})]}),Sp={tools:_h},F=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:c,tools:u=Sp.tools,value:f,empty:N,scrollToBottom:x,scrollbar:m,promptBoxProps:L,...k}=e;return wa("div",{...k,className:r(Mp,e.className),dir:o,children:[t,wa("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,ro("div",{className:r("k-message-list-content",N&&"k-message-list-content-empty"),children:e.children}),x&&ro("div",{className:"k-chat-scroll-to-bottom-container",children:ro(hp,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),m&&ro("div",{className:"k-separator"}),wa("div",{className:"k-message-box-wrapper",children:[a,ro(At,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:n\|\|l?wa(yp,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};F.states=Rh;F.options=Kh;F.className=Mp;F.defaultOptions=Sp;F.moduleName=bs;F.folderName=Lp;F.ariaSpec={selector:".k-chat",rules:[{selector:".k-message-list",attribute:"role=log",usage:"The role of the Chat message list must imply that there is a log (list) of messages."},{selector:".k-message-list",attribute:"aria-label",usage:"Announces the purpose of the Chat message list."},{selector:".k-message-list",attribute:"aria-live=polite",usage:"Announces new messages in the Chat message list."},{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble .k-typing-indicator",attribute:"tabindex=-1",usage:"The Chat bubble typing indicator should not be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."},{selector:".k-message-reference>.k-button",attribute:"aria-label or title",usage:"The reference close button must be properly labelled."},{selector:".k-message-reference>.k-button",attribute:"role=button or nodeName=button",usage:"The reference close button must have an appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-prompt-box-affix>.k-button.k-disabled",attribute:"disabled",usage:"Announces the send action as disabled when necessary."}]};var hs="avatar",Ap=hs;import{jsx as Cp}from"react/jsx-runtime";var Ra="k-avatar";var Dh=[s.hover,s.focus,s.active,s.selected,s.disabled],Hh={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.outline],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},xs={type:"text",border:!1},ue=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=xs.type,border:l=xs.border,...c}=e;return Cp("div",{...c,className:r(e.className,Ra,A(Ra,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ra}-bordered`]:l}),children:Cp("span",{className:`${Ra}-${i}`,children:e.children})})};ue.states=Dh;ue.options=Hh;ue.className=Ra;ue.defaultOptions=xs;ue.moduleName=hs;ue.folderName=Ap;ue.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var so=ue;import{jsx as zh}from"react/jsx-runtime";var Ep=e=>zh(so,{type:"icon",...e});import{jsx as Uh}from"react/jsx-runtime";var Ip=e=>Uh(so,{type:"text",...e});import{jsx as Fh}from"react/jsx-runtime";var Ln=e=>Fh(so,{type:"image",...e});import{jsx as QU}from"react/jsx-runtime";import{jsx as Ka}from"react/jsx-runtime";var Gh=ue.options,Vh=ue.states,$h={...ue.defaultOptions,variant:"image"},Xh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],qh=[],Zo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ka(Ep,{...o,children:Ka(v,{icon:"star"})});case"text":return Ka(Ip,{...o,children:"JO"});default:return Ka(Ln,{...o,children:Ka("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Zo.options=Gh;Zo.states=Vh;Zo.variants=Xh;Zo.defaultOptions=$h;Zo.modifiers=qh;Zo.className=ue.className;import{jsx as Qo,jsxs as gs}from"react/jsx-runtime";var _a="k-message-group",Wh=[s.selected],Jh={},Mn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},q=e=>{let{type:t=Mn.type,author:o=Mn.author,avatar:a=Mn.avatar,status:n,selected:i,fullWidth:l,...c}=e;return gs("div",{...c,className:r(_a,e.className,S(_a,{selected:i}),{[`${_a}-${t}`]:t,"k-no-avatar":!a,[`${_a}-full-width`]:l}),children:[a&&!n&&Qo(ue,{type:"image",children:Qo("img",{src:a,alt:o\|\|""})}),n&&a&&gs("div",{className:"k-chat-user-status-wrapper",children:[Qo(ue,{type:"image",children:Qo("img",{src:a,alt:o\|\|""})}),Qo("div",{className:"k-chat-user-status"})]}),gs("div",{className:"k-message-group-content",children:[o&&Qo("span",{className:"k-message-author",children:o}),e.children]})]})};q.states=Wh;q.options=Jh;q.className=_a;q.defaultOptions=Mn;import{Fragment as Zh,jsx as Sn,jsxs as Tp}from"react/jsx-runtime";var Ns="k-message-reference",Yh={},Op={type:"receiver"},jo=e=>{let{content:t,closeable:o,pinned:a,type:n=Op.type,...i}=e;return Tp("div",{...i,className:r(Ns,e.className,{[`${Ns}-${n}`]:n,"k-message-pinned":a}),children:[a&&Sn(v,{icon:"pin-outline"}),Sn("div",{className:"k-message-reference-content",children:t}),o&&Tp(Zh,{children:[Sn("span",{className:"k-spacer"}),Sn(p,{icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};jo.options=Yh;jo.className=Ns;jo.defaultOptions=Op;var vs="bubble",Bp=vs;import{jsx as yn,jsxs as jh}from"react/jsx-runtime";var ks="k-bubble",Qh=[s.hover,s.active,s.selected,s.focus],Ls={expandable:!1,expanded:!1},Ut=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Ls.expandable,expanded:c=Ls.expanded,...u}=e;return jh("div",{...u,className:r(e.className,ks,S(ks,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":c}),tabIndex:0,children:[yn("div",{className:"k-bubble-content",children:t??e.children}),l&&yn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":c?"Show less":"Show more",tabIndex:0,children:c?yn(v,{icon:"chevron-up"}):yn(v,{icon:"chevron-down"})})]})};Ut.states=Qh;Ut.className=ks;Ut.defaultOptions=Ls;Ut.moduleName=vs;Ut.folderName=Bp;Ut.ariaSpec={selector:".k-bubble",rules:[{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."}]};import{jsx as B3}from"react/jsx-runtime";import{jsx as K3}from"react/jsx-runtime";import{jsx as z3}from"react/jsx-runtime";import{jsx as Ms,jsxs as wp}from"react/jsx-runtime";var ex="k-chat-bubble",Rp=e=>{let{typing:t,content:o,files:a,...n}=e;return wp(Ut,{...n,className:r(e.className,ex),children:[t?wp("div",{className:"k-typing-indicator",tabIndex:-1,children:[Ms("span",{}),Ms("span",{}),Ms("span",{})]}):o,a]})};import{jsx as tF}from"react/jsx-runtime";import{jsx as Kp,jsxs as tx}from"react/jsx-runtime";var _p="k-chat-event",Ss={icon:"trash",text:"You deleted Chat history."},Dp=e=>{let{icon:t=Ss.icon,text:o=Ss.text,...a}=e;return tx("div",{...a,className:r(e.className,_p),children:[t&&Kp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&Kp("span",{className:"k-chat-event-text",children:o})]})};Dp.className=_p;Dp.defaultOptions=Ss;import{jsx as cF}from"react/jsx-runtime";import{Fragment as ox,jsx as bt,jsxs as ax}from"react/jsx-runtime";var Hp=e=>bt(F,{children:ax(ox,{children:[bt("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),bt(q,{children:bt(V,{})}),bt(q,{type:"sender",children:bt(V,{})}),bt(q,{children:bt(V,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),bt(q,{type:"sender",children:bt(V,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as zp}from"react/jsx-runtime";var An="k-file-box-wrapper",Up={layout:"horizontal"},ht=e=>{let{layout:t=Up.layout,scrollingPosition:o,...a}=e;return zp("ul",{role:"list","aria-label":"Attached files",...a,className:r(e.className,An,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${An}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${An}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?zp("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};ht.className=An;ht.defaultOptions=Up;var ys="file-box",Fp=ys;import{jsx as ea,jsxs as Gp}from"react/jsx-runtime";var Vp="k-file-box",nx=[s.selected],rx={},Da={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},ye=e=>{let{icon:t=Da.icon,name:o=Da.name,size:a=Da.size,status:n,deleted:i,removeButton:l,showButton:c=Da.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return Gp("li",{role:"listitem",tabIndex:0,"aria-label":f\|\|void 0,...u,className:r(Vp,e.className,{"k-file-deleted":i}),children:[ea(v,{icon:t,size:"xlarge","aria-hidden":"true"}),Gp("div",{className:"k-file-info",children:[o&&ea("span",{className:"k-file-name",children:o}),a&&ea("span",{className:"k-file-size",children:a}),n&&ea("span",{className:"k-file-status",children:n})]}),c&&(l?ea(p,{as:"span",icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):ea(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};ye.states=nx;ye.options=rx;ye.className=Vp;ye.defaultOptions=Da;ye.moduleName=ys;ye.folderName=Fp;ye.ariaSpec={selector:".k-file-box-wrapper",rules:[{selector:".k-file-box-wrapper",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-file-box-wrapper",attribute:"aria-label",usage:'Provides an accessible name for the file list (e.g. "Attached files").'},{selector:".k-file-box-wrapper .k-files-scroll",attribute:"role=presentation",usage:"The scrollable container between the list and its items is presentational, ensuring the list\u2192listitem relationship is preserved in the accessibility tree."},{selector:".k-file-box-wrapper .k-file-box",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-file-box-wrapper .k-file-box",attribute:"tabindex",usage:"Makes the file box focusable. Uses roving tabindex: 0 for the focused item, -1 for the rest."},{selector:".k-file-box-wrapper .k-file-box",attribute:"aria-label",usage:'Provides an accessible name describing the file. Can include the file name and size (e.g. "FileName.pdf 2MB").'},{selector:".k-file-box-wrapper .k-file-box .k-icon",attribute:"aria-hidden=true",usage:"The file type icon is decorative and hidden from screen readers."},{selector:".k-file-box-wrapper .k-file-box span.k-button",attribute:"aria-hidden=true",usage:"The remove button is rendered as a decorative span and hidden from screen readers. File removal is handled by keyboard interaction on the listitem itself."}]};import{jsx as TF}from"react/jsx-runtime";import{jsx as RF}from"react/jsx-runtime";import{jsx as zF,jsxs as UF}from"react/jsx-runtime";import{jsx as XF,jsxs as qF}from"react/jsx-runtime";import{jsx as QF}from"react/jsx-runtime";import{Fragment as m5,jsx as c5,jsxs as u5}from"react/jsx-runtime";import{Fragment as g5,jsx as x5,jsxs as N5}from"react/jsx-runtime";var As="skeleton",$p=As;import{jsx as px}from"react/jsx-runtime";var Cs="k-skeleton",sx=["circle","text","rect"],ix=[],lx={},Es={variant:"text",shape:"text",animation:"pulse"},rt=e=>{let{variant:t,shape:o,animation:a=Es.animation,...n}=e,i=`skeleton-${t\|\|o\|\|Es.variant}`;return px("span",{...n,className:r(e.className,Cs,Xa(Cs,i),{[`k-skeleton-${a}`]:a}),style:e.style})};rt.states=ix;rt.options=lx;rt.variants=sx;rt.className=Cs;rt.defaultOptions=Es;rt.moduleName=As;rt.folderName=$p;rt.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as E5}from"react/jsx-runtime";import{jsx as B5}from"react/jsx-runtime";import{jsx as K5}from"react/jsx-runtime";import{Fragment as Y5,jsx as W5,jsxs as J5}from"react/jsx-runtime";import{Fragment as tG,jsx as eG,jsxs as oG}from"react/jsx-runtime";var Is="window",Xp=Is;import{jsx as ux}from"react/jsx-runtime";var qp="k-window-content",dx=[],cx={},mx={},Ft=e=>{let{children:t,...o}=e;return ux("div",{...o,className:r(qp,e.className),children:t})};Ft.states=dx;Ft.options=cx;Ft.className=qp;Ft.defaultOptions=mx;Ft.moduleName=Is;Ft.folderName=Xp;var Ha="dialog",Cn=Ha;import{Fragment as hx,jsx as io,jsxs as Ts}from"react/jsx-runtime";var Wp="k-dialog",fx=[],bx={},Os={actionButtonsAlign:"stretched",modal:!0},Te=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Os.actionButtonsAlign,modal:i=Os.modal,...l}=e,c=t!==void 0?w("dialog-titlebar"):void 0,u=w("dialog-content");return Ts("div",{className:"k-dialog-wrapper",children:[i&&io(dt,{}),Ts("div",{...l,className:r(e.className,Wp,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&Ts("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&io("span",{className:"k-window-title k-dialog-title",children:t}),o&&io(hx,{children:io("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>io(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),io(Ft,{className:"k-dialog-content",id:u,children:e.children}),a&&io(we,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};Te.states=fx;Te.options=bx;Te.className=Wp;Te.defaultOptions=Os;Te.moduleName=Ha;Te.folderName=Cn;Te.ariaSpec={selector:".k-dialog",rules:[{selector:".k-dialog",attribute:"role=dialog or role=alertdialog",usage:"Announces the dialog or alertdialog role of the component."},{selector:".k-dialog",attribute:"aria-labelledby",usage:"Associate the title of the dialog."},{selector:".k-dialog",attribute:"aria-describedby",usage:"Associate the dialog content to the wrap element."},{selector:".k-overlay + .k-dialog",attribute:"aria-modal=true",usage:"Announces that the dialog is modal. Attribute is added only when the dialog is modal."}]};var Bs=Te;import{jsx as vx}from"react/jsx-runtime";var Jp="k-dialog-wrapper",xx=[],gx={},Nx={},ta=e=>{let{...t}=e;return vx("div",{...t,className:r(e.className,Jp),children:e.children})};ta.states=xx;ta.options=gx;ta.className=Jp;ta.defaultOptions=Nx;ta.moduleName=Ha;ta.folderName=Cn;import{Fragment as Yp,jsx as En,jsxs as kx}from"react/jsx-runtime";var Zp=e=>En(Bs,{title:"Title",children:En(Yp,{children:"Dialog content"}),actionButtons:kx(Yp,{children:[En(p,{children:"Action"}),En(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as IG,jsx as TG,jsxs as OG}from"react/jsx-runtime";import{Fragment as Cx,jsx as In,jsxs as Ex}from"react/jsx-runtime";var Lx=Te.options,Mx=[],Sx=Te.states,yx=Te.defaultOptions,Ax=[],oa=e=>In(Zp,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:Ex(Cx,{children:[In(p,{children:"No"}),In(p,{themeColor:"primary",children:"Yes"})]}),children:In("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});oa.options=Lx;oa.states=Sx;oa.variants=Mx;oa.defaultOptions=yx;oa.modifiers=Ax;oa.className=Te.className;var Ps="dropzone",Qp=Ps;import{jsx as Tn,jsxs as Ox}from"react/jsx-runtime";var ws="k-external-dropzone",Ix=[s.disabled,s.hover],Tx={},Rs={icon:"upload",hint:"Drag and drop files here to upload"},Ae=e=>{let{hover:t,disabled:o,icon:a=Rs.icon,hint:n=Rs.hint,note:i,...l}=e;return Tn("div",{...l,className:r(e.className,ws,S(ws,{disabled:o}),{"k-external-dropzone-hover":t}),children:Ox("div",{className:"k-dropzone-inner",children:[a&&Tn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&Tn("span",{className:"k-dropzone-hint",children:n}),i&&Tn("span",{className:"k-dropzone-note",children:i})]})})};Ae.states=Ix;Ae.options=Tx;Ae.className=ws;Ae.defaultOptions=Rs;Ae.moduleName=Ps;Ae.folderName=Qp;import{jsx as Bx}from"react/jsx-runtime";var jp=e=>Bx(Ae,{...e});import{jsx as o6}from"react/jsx-runtime";import{jsx as Dx}from"react/jsx-runtime";var Px=Ae.options,wx=Ae.states,Rx=Ae.defaultOptions,Kx=[{name:"note",title:"Note"}],_x=[],aa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{n==="note"&&(a.note=t?.[n]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),Dx(jp,{style:{width:"500px"},...o,...a})};aa.options=Px;aa.states=wx;aa.variants=_x;aa.defaultOptions=Rx;aa.modifiers=Kx;aa.className=Ae.className;import{Fragment as On,jsx as Gt,jsxs as za}from"react/jsx-runtime";var Ks="k-upload-dropzone",Hx=[s.hover],Bn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,c;switch(o){case"uploading":c=za(On,{children:[Gt(v,{icon:"upload"}),"Uploading..."]});break;case"done":c=za(On,{children:[Gt(v,{icon:"check"}),"Done"]});break;case"failed":c=za(On,{children:[Gt(v,{icon:"exclamation-circle"}),"Done"]});break;default:c=Gt(On,{});break}return za("div",{...l,className:r(e.className,Ks,"k-dropzone",S(Ks,{hover:t})),children:[za("div",{className:"k-upload-button-wrap",children:[Gt(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),Gt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Gt("span",{className:r("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Gt("span",{className:"k-upload-status",children:c})]})};Bn.states=Hx;Bn.className=Ks;var _s="upload",ed=_s;import{jsx as Pn,jsxs as od}from"react/jsx-runtime";var Ds="k-upload",zx=[s.hover,s.disabled],Ux={},ad={actionsLayout:"end"},td="upload-files-list",j=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=ad.actionsLayout,hover:i,status:l,disabled:c,...u}=e,f=!!e.children;return od("div",{...u,className:r(e.className,Ds,S(Ds,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[Pn(Bn,{status:l,hover:i,disabled:c,hasFiles:f,filesId:td}),f&&Pn("ul",{className:"k-upload-files",role:"list",id:td,children:e.children}),a&&f&&od(Ei,{alignment:n,orientation:"horizontal",children:[Pn(p,{className:"k-clear-selected",children:"Clear"}),Pn(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};j.states=zx;j.options=Ux;j.className=Ds;j.defaultOptions=ad;j.moduleName=_s;j.folderName=ed;j.ariaSpec={selector:".k-upload",rules:[{selector:".k-upload .k-upload-button",attribute:"aria-disabled",usage:"Announces the disabled state of the upload button."},{selector:".k-upload .k-upload-button",attribute:"aria-controls (when present)",usage:"Creates the relationship between the button and the list of selected files when the list is present."},{selector:".k-upload input",attribute:"tabindex=-1",usage:"Assures that the input element inside the upload is not focusable."},{selector:".k-upload input",attribute:"aria-hidden=true",usage:"The input needs to be hidden from screen readers."},{selector:".k-upload-files",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-upload-files",attribute:"id",usage:"Unique and deterministic id linked to the button aria-controls attribute."},{selector:".k-upload-files .k-file",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-upload .k-file .k-file-validation-message",attribute:"aria-live=polite",usage:"Announces the change in the upload status of the file."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"aria-label",usage:"Provides accessible names for the file action buttons."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"tabindex=-1",usage:"The list file action buttons are not focusable elements."}]};var Ua="progressbar",wn=Ua;import{jsx as zs,jsxs as Hs}from"react/jsx-runtime";var je="k-progressbar",Fx=[s.disabled,s.indeterminate],Gx={orientation:["horizontal","vertical"]},lo={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},fe=e=>{let{disabled:t,height:o,indeterminate:a=lo.indeterminate,label:n=lo.label,labelPosition:i=lo.labelPosition,orientation:l=lo.orientation,reverse:c=lo.reverse,value:u=lo.value,width:f,style:N,ariaLabel:x,...m}=e;return Hs("div",{...m,className:r(e.className,je,S(je,{disabled:t}),{[`${je}-${l}`]:l,[`${je}-indeterminate`]:a,[`${je}-reverse`]:c}),style:{...N,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:f},role:"progressbar","aria-label":x\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[zs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Hs("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&zs("div",{className:"k-progressbar-value k-selected",children:zs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Hs("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};fe.states=Fx;fe.options=Gx;fe.className=je;fe.defaultOptions=lo;fe.moduleName=Ua;fe.folderName=wn;fe.ariaSpec={selector:".k-progressbar",implicitRole:"progressbar",rules:[{selector:".k-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ProgressBar."},{selector:".k-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ProgressBar needs an accessible name to be assigned to it."},{selector:".k-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Decimal value between aria-valuemin and aria-valuemax."},{selector:".k-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to 100."}]};var nd=fe;import{jsx as Us}from"react/jsx-runtime";var rd="k-chunk-progressbar",Vx=(e,t)=>t<=e-1,$x=[s.disabled,s.indeterminate],Xx={},Rn={chunkCount:5,orientation:"horizontal",progress:0},po=e=>{let{disabled:t,chunkCount:o=Rn.chunkCount,indeterminate:a,orientation:n=Rn.orientation,progress:i=Rn.progress,reverse:l,ariaLabel:c,...u}=e;return Us("div",{...u,className:r(e.className,je,rd,S(je,{disabled:t}),{[`${je}-${n}`]:n,[`${je}-indeterminate`]:a,[`${je}-reverse`]:l}),role:"progressbar","aria-label":c\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Us("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>Us("li",{className:r("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":Vx(i,N)})},N))})})};po.states=$x;po.options=Xx;po.className=rd;po.defaultOptions=Rn;po.moduleName=Ua;po.folderName=wn;po.ariaSpec={selector:".k-chunk-progressbar",implicitRole:"progressbar",rules:[{selector:".k-chunk-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ChunkProgressBar."},{selector:".k-chunk-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ChunkProgressBar needs an accessible name to be assigned to it."},{selector:".k-chunk-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Value between aria-valuemin and aria-valuemax."},{selector:".k-chunk-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-chunk-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to chunk count."}]};import{jsx as qx}from"react/jsx-runtime";var Fa=e=>qx(nd,{...e});import{jsx as G6}from"react/jsx-runtime";import{jsx as Vt}from"react/jsx-runtime";var Wx=fe.options,Jx=fe.states,sd={...fe.defaultOptions,variant:"start"},Yx=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Zx=[],na=e=>{let{variant:t,modifiers:o,...a}={...sd,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"reverse":n.reverse=!!o?.[l];break;case"vertical":n.orientation=o?.[l]?"vertical":void 0,i.style=o?.[l]?void 0:{width:"324px"};break}}),t){case"end":return Vt("div",{...i,children:Vt(Fa,{...a,...n,labelPosition:"end",value:"50"})});case"center":return Vt("div",{...i,children:Vt(Fa,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return Vt("div",{...i,children:Vt(Fa,{...a,...n,label:!1,value:"50"})});default:return Vt("div",{...i,children:Vt(Fa,{...a,...n,labelPosition:"start",value:"50"})})}};na.options=Wx;na.states=Jx;na.variants=Yx;na.defaultOptions=sd;na.modifiers=Zx;na.className=fe.className;import{jsx as Fs,jsxs as jx}from"react/jsx-runtime";var Qx="k-file-info",Gs=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return jx("div",{...n,className:r(e.className,Qx),children:[t&&Fs("span",{className:"k-file-name",children:t}),o&&Fs("span",{className:"k-file-size",children:o}),a&&Fs("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as tg,jsx as Ct,jsxs as Kn}from"react/jsx-runtime";var eg="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:c,...u}=e;return Ct("li",{...u,className:r(e.className,eg,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Kn("div",{className:"k-file-single",children:[Ct(fe,{className:r({"k-hidden":t!=="progress"}),value:o,label:!1}),Kn("span",{className:"k-file-icon-wrapper",children:[Ct(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&Ct("span",{className:"k-file-state",children:l})]}),Ct(Gs,{name:a,size:i,validationMsg:c}),Ct("div",{className:"k-upload-actions",children:t==="progress"?Kn(tg,{children:[Kn("span",{className:"k-upload-pct",children:[o,"%"]}),Ct(p,{icon:"pause-sm",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),Ct(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):Ct(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as N7,jsx as x7,jsxs as g7}from"react/jsx-runtime";import{Fragment as og,jsx as Vs,jsxs as ag}from"react/jsx-runtime";var Ga=e=>Vs(j,{async:!0,children:ag(og,{children:[Vs(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),Vs(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as I7,jsx as C7,jsxs as E7}from"react/jsx-runtime";import{jsx as ng}from"react/jsx-runtime";var id=e=>ng(j,{async:!0,empty:!0,...e});import{Fragment as _7,jsx as K7,jsxs as D7}from"react/jsx-runtime";import{Fragment as G7,jsx as F7,jsxs as V7}from"react/jsx-runtime";import{jsx as Et,jsxs as _n}from"react/jsx-runtime";var rg=j.options,sg=j.states,ld={...j.defaultOptions,variant:"empty"},ig=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],lg=[],ra=e=>{let{variant:t,...o}={...ld,...e};switch(t){case"success":return _n(Ga,{status:"done",style:{width:"586px"},...o,children:[Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return _n(Ga,{status:"failed",style:{width:"586px"},...o,children:[Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return _n(Ga,{status:"uploading",style:{width:"586px"},...o,children:[Et(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),Et(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return _n(Ga,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[Et(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),Et(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return Et(id,{async:!0,status:"upload",style:{width:"586px"},...o})}};ra.options=rg;ra.states=sg;ra.variants=ig;ra.defaultOptions=ld;ra.modifiers=lg;ra.className=j.className;import{Fragment as g9,jsx as x9,jsxs as N9}from"react/jsx-runtime";import{jsx as M9}from"react/jsx-runtime";import{Fragment as E9,jsx as C9,jsxs as I9}from"react/jsx-runtime";import{Fragment as w9,jsx as P9,jsxs as R9}from"react/jsx-runtime";import{Fragment as z9,jsx as H9,jsxs as U9}from"react/jsx-runtime";import{Fragment as X9,jsx as $9}from"react/jsx-runtime";var $s="appbar",pd=$s;import{jsx as mg}from"react/jsx-runtime";var Xs="k-appbar",pg=[],dg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.inverse]},cg={},be=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return mg("div",{...n,className:r(e.className,Xs,A(Xs,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};be.states=pg;be.options=dg;be.className=Xs;be.defaultOptions=cg;be.moduleName=$s;be.folderName=pd;be.ariaSpec={selector:".k-appbar",rules:[]};import{jsx as fg}from"react/jsx-runtime";var ug="k-appbar-section",xt=e=>{let{...t}=e;return fg("div",{...t,className:r(ug,e.className),children:e.children})};import{Fragment as i4,jsx as r4,jsxs as s4}from"react/jsx-runtime";import{jsx as ee,jsxs as sa}from"react/jsx-runtime";var qs={...be.options,positionMode:["static","sticky","fixed"]},bg=be.states,dd={...be.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};qs.themeColor=["primary",...qs.themeColor.filter(e=>e!=="primary")];var hg=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],ia=e=>{let{variant:t,...o}={...dd,...e},a=sa(be,{position:t,...o,children:[ee(xt,{children:ee(se,{fillMode:"flat",icon:"menu"})}),ee("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),ee(xt,{children:ee("h3",{className:"k-m-0",children:"AppBar"})}),ee("span",{className:"k-spacer"}),sa(xt,{children:[ee(ot,{fillMode:"flat",children:"Button"}),ee(ot,{fillMode:"flat",children:"Button"}),ee(ot,{fillMode:"flat",children:"Button"})]}),ee("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),ee(xt,{children:ee(tn,{value:"Input value"})}),sa(xt,{children:[ee(se,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),ee("span",{className:"k-appbar-separator"}),ee(Ln,{className:"k-mx-sm",children:ee("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=sa("div",{style:{padding:"25px 10px"},children:[ee("p",{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, harum magnam? Possimus magnam non natus error consectetur voluptatum, unde quasi rerum ad facere, hic in! Qui ducimus ab sed consequuntur excepturi fugiat! Facilis fuga asperiores pariatur sed. Eligendi aliquid vel nemo, ipsum tempora minima consequatur culpa molestias maiores nihil eveniet accusantium porro. Inventore saepe ut ad in a. Quo itaque est expedita quidem consectetur enim quam minima, quisquam harum velit, earum adipisci provident, officia eveniet voluptas vero accusamus ad ducimus laudantium!"}),ee("p",{children:"Consequatur incidunt sequi explicabo adipisci saepe, accusamus, numquam fuga quam ex, provident possimus ratione blanditiis ducimus quos nulla repellat error pariatur nemo nobis illo! Saepe deleniti dolore cumque, sequi similique eligendi consectetur corrupti iste reprehenderit adipisci enim laudantium inventore totam quos non impedit quibusdam et consequuntur blanditiis accusamus! Rerum, nostrum. Rerum, tempore earum officia alias suscipit ut minima recusandae dolorem reprehenderit ea?"}),ee("p",{children:"Aliquam pariatur ut expedita, repellat architecto aut, consequatur iure recusandae tempora odit consequuntur, nihil nostrum totam accusantium at. Dignissimos repellendus culpa nesciunt. Officia repudiandae, laudantium error iure in minus ratione reprehenderit dolorum alias quo voluptatibus doloremque aliquid exercitationem quidem odit earum natus autem eaque tempore nulla esse sapiente? Dolore aliquid aliquam modi velit quaerat!"}),ee("p",{children:"Sunt consequuntur, aliquam eius beatae ex odit quasi iusto, accusamus architecto corrupti reprehenderit dolores itaque aliquid veniam odio eaque vel doloremque? Corporis, tenetur delectus deleniti voluptatum autem necessitatibus esse nisi ad, optio cumque quas dignissimos reprehenderit. Optio dolores quam corporis ea, reiciendis eos sit. Voluptate vel esse necessitatibus eum, sunt fuga, quaerat, eos natus quod repellendus nulla voluptatem ut quo quas ipsa animi incidunt autem saepe perferendis. Sequi ratione in iste, quibusdam, neque facilis accusantium, eum rem error sunt a explicabo commodi impedit quam."})]});return t==="bottom"?sa("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):sa("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};ia.options=qs;ia.states=bg;ia.variants=hg;ia.defaultOptions=dd;ia.modifiers=[];ia.className=be.className;var Ws="suggestion",cd=Ws;import{jsx as Dn,jsxs as Ng}from"react/jsx-runtime";var Hn="k-suggestion-group",xg=[],gg={},md={layout:"scrollable",scrollingPosition:"start"},et=e=>{let{layout:t=md.layout,scrollingPosition:o,...a}=e,n=Dn("div",{...a,className:r(Hn,{"k-suggestion-group-scrollable":t=="scrollable",[`${Hn}-scrollable-start`]:o==="start"\|\|o==="both",[`${Hn}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?Dn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Ng("div",{className:"k-suggestion-scrollwrap",children:[Dn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Dn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};et.states=xg;et.options=gg;et.className=Hn;et.defaultOptions=md;et.moduleName=Ws;et.folderName=cd;import{jsx as Mg}from"react/jsx-runtime";var zn="k-suggestion",vg=[s.active,s.hover,s.focus],kg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},Lg={text:"Suggestion"},tt=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return Mg("span",{...l,className:r(e.className,zn,S(zn,{hover:a,active:o,focus:n}),A(zn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};tt.states=vg;tt.options=kg;tt.className=zn;tt.item=Lg;import{Fragment as w4,jsx as P4,jsxs as R4}from"react/jsx-runtime";import{Fragment as z4,jsx as H4,jsxs as U4}from"react/jsx-runtime";import{Fragment as X4,jsx as $4,jsxs as q4}from"react/jsx-runtime";import{Fragment as Ig,jsx as te,jsxs as Un}from"react/jsx-runtime";var Sg=F.states,yg=F.defaultOptions,Ag=F.options,Cg=[{name:"header",title:"Header"},{name:"pinned",title:"Pinned"},{name:"suggested",title:"Suggested Actions"},{name:"author",title:"Author"},{name:"avatar",title:"Avatar"},{name:"quick",title:"Quick Replies"}],Eg=[],la=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Un(be,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[te("span",{className:"k-spacer k-spacer-sized k-w-1"}),te(xt,{children:te("span",{children:"Chat with demo bot"})}),te("span",{className:"k-spacer"}),te(xt,{children:te(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=te(jo,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Un(et,{children:[te(tt,{text:"Provide a CV template"}),te(tt,{text:"Generate a cover letter"})]}),c=Un(et,{children:[te(tt,{themeColor:"primary",text:"Thank you!"}),te(tt,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",f=null,N="User",x="Demo Bot";Object.keys(t\|\|{}).forEach(I=>{switch(I){case"header":a.header=t?.[I]?n:!1;break;case"pinned":a.pinned=t?.[I]?i:!1;break;case"suggested":a.suggestedActions=t?.[I]?l:!1;break;case"author":a.author=t?.[I]?!0:null;break;case"avatar":a.avatar=t?.[I]?u:null;break;case"quick":a.quickReplies=t?.[I]?c:te(Ig,{});break;default:break}});let{header:m,pinned:L,suggestedActions:k,author:y,avatar:C,quickReplies:M}=a;return Un(Hp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:k,children:[te(q,{avatar:f,author:y?x:null,children:te(V,{text:"Hello, this is a demo bot. How can I help you ?"})}),te(q,{avatar:C?u:null,author:y?N:null,type:"sender",children:te(V,{text:"Hello! Generate a cover letter."})}),te(q,{avatar:f,author:y?x:null,children:te(V,{text:"Sure. Here is a cover letter template",files:te(ht,{children:te(ye,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),M]})};la.options=Ag;la.states=Sg;la.variants=Eg;la.defaultOptions=yg;la.modifiers=Cg;la.className=F.className;import{Fragment as Pg,jsx as st,jsxs as Va}from"react/jsx-runtime";var ud="k-message",Tg=[s.hover,s.selected,s.active,s.focus],Og={},Bg=[st(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),st(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),st(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],pa={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Bg,failed:"Failed to send"},V=e=>{let{time:t=pa.time,text:o=pa.text,content:a,status:n=pa.status,statusIcon:i,toolbarItems:l=pa.toolbarItems,hover:c,selected:u,active:f,focus:N,toolbar:x,typing:m,expandable:L,expanded:k,removed:y,files:C,failed:M,...I}=e,$=M===!0?pa.failed:M;return Va("div",{...I,className:r(ud,e.className,{"k-message-removed":y,"k-message-failed":M}),children:[M&&st(se,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),st(Rp,{typing:m,selected:u,hover:c,active:f,focus:N,content:Va(Pg,{children:[a,o&&st("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:k,files:C}),Va("div",{className:"k-message-info",children:[n&&Va("span",{className:"k-message-status",children:[i&&st(v,{icon:i,size:"xsmall"}),n]}),t&&st("time",{className:"k-message-time",children:t}),M&&Va("span",{className:"k-message-failed-content",children:[M&&st(v,{icon:"warning-triangle",size:"xsmall"}),M&&st("span",{className:"k-message-failed-text",children:$})]})]}),x&&st(z,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};V.states=Tg;V.options=Og;V.className=ud;V.defaultOptions=pa;var H8=V;export{ud as CHATMESSAGE_CLASSNAME,V as ChatMessage,H8 as default};