npm - @progress/kendo-themes-html - Versions diffs - 14.1.0-dev.1 → 14.1.0-dev.2 - Mend

@progress/kendo-themes-html 14.1.0-dev.1 → 14.1.0-dev.2

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 (98) 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:p,active:c,selected:u,disabled:f,indeterminate:x,loading:N,empty:m,readonly:L,highlighted:k,...y}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":p,"k-active":c,"k-selected":u,"k-disabled":f,"k-indeterminate":x&&!p,"k-loading":N,"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 qa(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"},it={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},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 qn={};function w(e){return qn[e]=(qn[e]\|\|0)+1,`k-${e}-${qn[e]}`}import{Fragment as Nd,jsx as Qs}from"react/jsx-runtime";var Wn="k-font-icon",hd=[],xd={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]},gd={},ca=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...p}=e;return a?Qs("span",{...p,className:r(e.className,Wn,A(Wn,{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"}):Qs(Nd,{})};ca.states=hd;ca.options=xd;ca.className=Wn;ca.defaultOptions=gd;var js=ca;import{Fragment as Ld,jsx as Wa}from"react/jsx-runtime";var Jn="k-svg-icon",vd=[],kd={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],variant:[it.outline,it.solid,it.duotone]},Yn={viewBox:"0 0 24 24",variant:it.outline},ma=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=Yn.viewBox,variant:p=Yn.variant,icon:c,...u}=e;if(!c)return Wa(Ld,{});if(c==="none")return Wa("span",{...u,className:r(e.className,Jn,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name,x=typeof c=="object"?p&&c.variants?.[p]\|\|c.variants?.outline\|\|c.content:void 0;return Wa("span",{...u,className:r(e.className,Jn,A("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`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:Wa("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:c?void 0:e.children})})};ma.states=vd;ma.options=kd;ma.className=Jn;ma.defaultOptions=Yn;var Zn=ma;importas Qn from"@progress/kendo-svg-icons";var ei="icon",ti="icons";import{useContext as Sd}from"react";import{createContext as Md}from"react";var oi=Md({iconsType:"svg"});import{Fragment as ai,jsx as ua}from"react/jsx-runtime";var Ja="k-icon",yd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ad=[],Cd={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],variant:[it.outline,it.solid,it.duotone]},Ya={viewBox:"0 0 24 24",type:"svg",variant:it.outline},v=e=>{let{iconsType:t}=Sd(oi),{size:o,themeColor:a,icon:n,type:i=t\|\|Ya.type,rotate:p,flip:c,viewBox:u=Ya.viewBox,variant:f=Ya.variant,...x}=e;if(!n)return ua(ai,{});if((t\|\|i)==="svg"){if(n==="none")return ua(Zn,{...x,className:r(e.className,Ja),icon:n,size:o,variant:f});let m=Qn[n]?n:yd(`${n}-icon`);return Qn[m]?ua(Zn,{...x,className:r(e.className,Ja),icon:Qn[m],size:o,themeColor:a,rotate:p,flip:c,viewBox:u,variant:f}):ua(ai,{})}return ua(js,{...x,className:r(e.className,Ja),icon:n,size:o,themeColor:a,rotate:p,flip:c})};v.states=Ad;v.options=Cd;v.defaultOptions=Ya;v.className=Ja;v.moduleName=ei;v.folderName=ti;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 jn="button",ni=jn;import{Fragment as Od,jsx as fa,jsxs as ri}from"react/jsx-runtime";var ba="k-button",Ed=["icon-button"],Id=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Td={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]},er={showArrow:!1,arrowIconName:"chevron-down"},l=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:p=er.showArrow,arrowIconName:c=er.arrowIconName,variant:u,hover:f,focus:x,active:N,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 ri(t,{className:r($,ba,qa(ba,u),A(ba,{size:o,rounded:a,fillMode:n,themeColor:i}),S(ba,{hover:f,focus:x,active:N,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&&fa(v,{className:r(I,"k-button-icon"),icon:C}),M?ri(Od,{children:[M&&fa("span",{className:"k-button-text",children:M}),e.children]}):e.children&&fa("span",{className:"k-button-text",children:e.children}),p&&fa("span",{className:"k-menu-button-arrow k-button-arrow",children:fa(v,{icon:c})})]})};l.states=Id;l.options=Td;l.variants=Ed;l.className=ba;l.defaultOptions=er;l.moduleName=jn;l.folderName=ni;l.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 Bd}from"react/jsx-runtime";var se=e=>Bd(l,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Pd}from"react/jsx-runtime";var ha=e=>Pd(l,{icon:"folder",children:"Button",...e});import{jsx as wd}from"react/jsx-runtime";var ot=e=>wd(l,{children:"Button",...e});import{jsx as tr}from"react/jsx-runtime";var Rd=l.options,Kd=l.states,_d={...l.defaultOptions,variant:"text"},Dd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Hd=[],mo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return tr(se,{...o,icon:"star"});case"icon-and-text":return tr(ha,{...o,icon:"star",children:"Button"});default:return tr(ot,{...o,children:"Button"})}};mo.options=Rd;mo.states=Kd;mo.variants=Dd;mo.defaultOptions=_d;mo.modifiers=Hd;mo.className=l.className;var or="button",si=or;import{jsx as Gd}from"react/jsx-runtime";var xa="k-button-group",zd=[s.disabled],Ud={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Fd={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Gd("div",{role:"group",...n,className:r(e.className,xa,A(xa,{fillMode:t}),S(xa,{disabled:o}),{[`${xa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=zd;T.options=Ud;T.className=xa;T.defaultOptions=Fd;T.moduleName=or;T.folderName=si;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 JN,jsx as WN,jsxs as YN}from"react/jsx-runtime";import{Fragment as ov,jsx as tv,jsxs as av}from"react/jsx-runtime";import{Fragment as pv,jsx as lv,jsxs as dv}from"react/jsx-runtime";import{Fragment as hv,jsx as bv,jsxs as xv}from"react/jsx-runtime";import{Fragment as Mv,jsx as Lv,jsxs as Sv}from"react/jsx-runtime";import{Fragment as Tv,jsx as Iv,jsxs as Ov}from"react/jsx-runtime";import{jsx as Nt,jsxs as ar}from"react/jsx-runtime";var Vd={...l.options,...T.options},$d=l.states,Xd={...l.defaultOptions,...T.defaultOptions,variant:"text-button"},qd=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Wd=[],uo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?ar(T,{fillMode:a.fillMode,className:o,children:[Nt(l,{...a,icon:"star"}),Nt(l,{...a,icon:"star"}),Nt(l,{...a,icon:"star"})]}):t==="icon-text-button"?ar(T,{fillMode:a.fillMode,className:o,children:[Nt(l,{...a,icon:"star",children:"First"}),Nt(l,{...a,icon:"star",children:"Middle"}),Nt(l,{...a,icon:"star",children:"Last"})]}):ar(T,{fillMode:a.fillMode,className:o,children:[Nt(l,{...a,children:"First"}),Nt(l,{...a,children:"Middle"}),Nt(l,{...a,children:"Last"})]})};uo.options=Vd;uo.states=$d;uo.variants=qd;uo.defaultOptions=Xd;uo.modifiers=Wd;uo.className=T.className;var ga="input",Za=ga;import{jsx as Qd}from"react/jsx-runtime";var Qa="k-input",Jd=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Yd={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]},Zd={},Y=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:p,readonly:c,size:u,rounded:f,fillMode:x,...N}=e;return Qd("span",{...N,className:r(e.className,Qa,A(Qa,{size:u,rounded:f,fillMode:x}),S(Qa,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:p,readonly:c}))})};Y.states=Jd;Y.options=Yd;Y.className=Qa;Y.defaultOptions=Zd;Y.moduleName=ga;Y.folderName=Za;import{jsx as oc}from"react/jsx-runtime";var ja="k-picker",jd=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],ec={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]},tc={},lt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:p,readonly:c,size:u,rounded:f,fillMode:x,...N}=e;return oc("span",{...N,className:r(e.className,ja,A(ja,{size:u,rounded:f,fillMode:x}),S(ja,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:p,readonly:c})),children:e.children})};lt.states=jd;lt.options=ec;lt.className=ja;lt.defaultOptions=tc;lt.moduleName=ga;lt.folderName=Za;import{Fragment as rc,jsx as nr}from"react/jsx-runtime";var ii="k-clear-value",ac=[s.disabled,s.loading,s.readonly],nc={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?nr(rc,{}):nr("span",{className:r(e.className,ii),children:nr(v,{icon:"x"})})};Pe.states=ac;Pe.options=nc;Pe.className=ii;import{jsx as lc}from"react/jsx-runtime";var rr="k-input-inner",sc=[],ic={},en={type:"text",autocomplete:"off",value:"",placeholder:""},ge=e=>{let{value:t=en.value,type:o=en.type,placeholder:a=en.placeholder,autocomplete:n=en.autocomplete,disabled:i,readOnly:p,...c}=e;return lc("input",{...c,type:o,className:r(e.className,rr,A(rr,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:p\|\|void 0})};ge.states=sc;ge.options=ic;ge.className=rr;import{jsx as li,jsxs as cc}from"react/jsx-runtime";var sr="k-input-inner",pc=[],dc={},qt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...p}=e;return cc("span",{...p,className:r(e.className,sr,A(sr,e)),children:[n,!n&&i&&li(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&li("span",{className:"k-input-value-text",children:t})]})};qt.states=pc;qt.options=dc;qt.className=sr;import{jsx as fc}from"react/jsx-runtime";var ir="k-input-inner",mc=[],uc={},pi={value:"",placeholder:""},Na=e=>{let{value:t=pi.value,placeholder:o=pi.placeholder,rows:a,disabled:n,...i}=e;return fc("textarea",{...i,className:r(e.className,ir,A(ir,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};Na.states=mc;Na.options=uc;Na.className=ir;import{Fragment as hc,jsx as di}from"react/jsx-runtime";var ci="k-input-loading-icon",bc=[s.disabled,s.loading],Ce=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?di(hc,{}):di("span",{className:r(e.className,ci,"k-icon k-i-loading")})};Ce.states=bc;Ce.className=ci;import{Fragment as Nc,jsx as mi}from"react/jsx-runtime";var ui="k-input-validation-icon",xc=[s.valid,s.invalid,s.disabled,s.loading],gc={},Ne=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?mi(Nc,{}):mi(v,{className:r(ui),icon:i})};Ne.states=xc;Ne.options=gc;Ne.className=ui;import{Fragment as Lc,jsx as fi}from"react/jsx-runtime";var vc="k-input-prefix",kc={direction:"horizontal"},ze=e=>{let{direction:t=kc.direction,...o}=e;return e.children?fi("span",{...o,className:r(vc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):fi(Lc,{})};import{Fragment as yc,jsx as bi}from"react/jsx-runtime";var Mc="k-input-suffix",Sc={direction:"horizontal"},Ue=e=>{let{direction:t=Sc.direction,...o}=e;return e.children?bi("span",{...o,className:r(Mc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):bi(yc,{})};import{jsx as Ok}from"react/jsx-runtime";import{jsx as Cc}from"react/jsx-runtime";var Ac="k-input-suffix-text",lr=e=>{let{children:t,...o}=e;return Cc("span",{...o,className:r(Ac,e.className),children:t})};import{jsx as Ic}from"react/jsx-runtime";var hi="k-input-separator",Ec={direction:"vertical"},Fe=e=>{let{direction:t=Ec.direction,...o}=e;return Ic("span",{...o,className:r(hi,e.className,{[`${hi}-${t}`]:t})})};import{Fragment as xi,jsx as pt,jsxs as pr}from"react/jsx-runtime";var Tc=Y.states,Oc=Y.defaultOptions,Bc=Y.options,Pc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],wc=[],fo=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:p,...c}=e,u=t?.prefix,f=t?.suffix,x=t?.["clear-button"],N=t?.["validation-icon"],m=t?.separators;return pr(Y,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:p,style:{width:300},children:[u&&pr(xi,{children:[pt(ze,{children:pt(v,{icon:"lock"})}),m&&pt(Fe,{})]}),pt(ge,{placeholder:"Placeholder",value:"Value"}),N&&pt(Ne,{valid:o,invalid:a,loading:n,disabled:i}),pt(Ce,{loading:n,disabled:i}),x&&pt(Pe,{loading:n,disabled:i,readonly:p,value:"Value"}),f&&pr(xi,{children:[m&&pt(Fe,{}),pt(Ue,{children:pt(ot,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};fo.options=Bc;fo.states=Tc;fo.variants=wc;fo.defaultOptions=Oc;fo.modifiers=Pc;fo.className=Y.className;import{jsx as gi,jsxs as _c}from"react/jsx-runtime";var Ni="k-color-preview",Rc=[],Kc={},Ot=e=>{let{color:t,iconName:o,...a}=e;return _c("span",{...a,className:r(e.className,Ni,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&gi(v,{icon:o,className:"k-color-preview-icon"}),gi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ot.states=Rc;Ot.options=Kc;Ot.className=Ni;var dr="popup",vi=dr;import{jsx as ki}from"react/jsx-runtime";var Li="k-animation-container",Dc=[],Hc={},Mi={positionMode:"absolute"},dt=e=>{let{positionMode:t=Mi.positionMode,animationStyle:o,offset:a,...n}=e;return ki("div",{...n,style:{...a,...e.style},className:r(e.className,Li,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:ki("div",{className:"k-child-animation-container",style:o,children:e.children})})};dt.states=Dc;dt.options=Hc;dt.className=Li;dt.defaultOptions=Mi;dt.moduleName=dr;dt.folderName=vi;var cr="popup",Si=cr;import{jsx as yi}from"react/jsx-runtime";var Ai="k-popup",zc=[],Uc={},Ci={positionMode:"absolute"},G=e=>{let{offset:t,positionMode:o=Ci.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:p,...c}=e;return yi(dt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":p,children:yi("div",{...c,className:r(e.className,Ai),children:e.children})})};G.states=zc;G.options=Uc;G.className=Ai;G.defaultOptions=Ci;G.moduleName=cr;G.folderName=Si;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 mr="action-buttons",Ei=mr;import{jsx as Vc}from"react/jsx-runtime";var tn="k-actions",Fc=[],Gc={},ur={alignment:"start",orientation:"horizontal"},we=e=>{let{alignment:t=ur.alignment,orientation:o=ur.orientation,...a}=e;return Vc("div",{...a,className:r(tn,{[`${tn}-${t}`]:t,[`${tn}-${o}`]:o},e.className),children:e.children})};we.states=Fc;we.options=Gc;we.className=tn;we.defaultOptions=ur;we.moduleName=mr;we.folderName=Ei;var Ii=we;import{jsx as Xc}from"react/jsx-runtime";var $c="k-actionsheet-footer",Ti={alignment:"stretched",orientation:"horizontal"},Bt=e=>{let{alignment:t=Ti.alignment,orientation:o=Ti.orientation,template:a,as:n=a?"div":we,...i}=e;return Xc(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,$c),children:e.children})};var fr="searchbox",Oi=fr;import{jsx as va,jsxs as Jc}from"react/jsx-runtime";var Bi="k-searchbox",qc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Wc={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]},br={showIcon:!0,icon:"search"},Ge=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:p,focus:c,valid:u,invalid:f,required:x,loading:N,disabled:m,showIcon:L=br.showIcon,icon:k=br.icon,"aria-label":y,...C}=e;return Jc(Y,{...C,size:a,rounded:n,fillMode:i,hover:p,focus:c,valid:u,invalid:f,required:x,loading:N,disabled:m,className:r(e.className,Bi),children:[L&&va(v,{className:"k-input-icon",icon:k}),va(ge,{placeholder:o,value:t,"aria-label":y}),va(Ce,{...e}),va(Ne,{...e}),va(Pe,{...e})]})};Ge.states=qc;Ge.options=Wc;Ge.className=Bi;Ge.defaultOptions=br;Ge.moduleName=fr;Ge.folderName=Oi;import{jsx as oM}from"react/jsx-runtime";var hr="textbox",Pi=hr;import{Fragment as wi,jsx as Pt,jsxs as xr}from"react/jsx-runtime";var Ri="k-textbox",Yc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Zc={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]},on={showClearButton:!0,showValidationIcon:!0,separators:!0},ie=e=>{let{size:t,rounded:o,fillMode:a,separators:n=on.separators,showClearButton:i=on.showClearButton,showValidationIcon:p=on.showValidationIcon,prefix:c,suffix:u,type:f,value:x,placeholder:N,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 xr(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,Ri),children:[c&&xr(wi,{children:[Pt(ze,{children:c}),n&&Pt(Fe,{})]}),Pt(ge,{id:pe,placeholder:N,value:x,type:f,disabled:I,"aria-label":he,"aria-describedby":xe,"aria-invalid":y?"true":void 0}),p&&Pt(Ne,{valid:k,invalid:y,loading:M,disabled:I}),Pt(Ce,{loading:M,disabled:I}),i&&Pt(Pe,{loading:M,disabled:I,readonly:$,value:x}),u&&xr(wi,{children:[n&&Pt(Fe,{}),Pt(Ue,{children:u})]})]})};ie.states=Yc;ie.options=Zc;ie.className=Ri;ie.defaultOptions=on;ie.moduleName=hr;ie.folderName=Pi;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 ka=ie;import{jsx as Qc}from"react/jsx-runtime";var an=e=>Qc(ka,{...e});import{Fragment as vM,jsx as NM}from"react/jsx-runtime";import{Fragment as AM,jsx as yM}from"react/jsx-runtime";import{jsx as TM}from"react/jsx-runtime";import{jsx as gr}from"react/jsx-runtime";var jc=ie.states,em=ie.defaultOptions,tm=ie.options,om=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],am=[],bo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?gr(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?gr(ot,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),gr(an,{value:"Value",style:{width:300},...o,...a})};bo.options=tm;bo.states=jc;bo.variants=am;bo.defaultOptions=em;bo.modifiers=om;bo.className=ie.className;import{jsx as wt,jsxs as Nr}from"react/jsx-runtime";var Ki="k-actionsheet-titlebar",nm={},ve=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:p,inputValue:c,inputPlaceholder:u,adaptive:f,titleId:x,children:N,...m}=e;return Nr("div",{...m,className:r(e.className,Ki),children:[Nr("div",{className:"k-actionsheet-titlebar-group",children:[a&&wt("div",{className:"k-actionsheet-actions",children:a}),!N&&Nr("div",{className:"k-actionsheet-title",id:x,children:[t&&wt("div",{className:"k-text-center",children:t}),o&&wt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&wt("div",{className:"k-actionsheet-title",id:x,children:N}),n&&wt("div",{className:"k-actionsheet-actions",children:n})]}),(p\|\|i)&&wt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?wt(ie,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t\|\|u\|\|"Input"}):wt(Ge,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};ve.className=Ki;ve.defaultOptions=nm;import{jsx as vr,jsxs as lm}from"react/jsx-runtime";var kr="k-actionsheet-view",rm=[],sm={},im={},ho=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:p,...c}=e,u=n?.type===ve&&vr(ve,{adaptive:t,titleId:p,...n?.props}),f=i?.type===Bt&&vr(Bt,{...i?.props});return lm("div",{...c,className:r(e.className,kr,{[`${kr}-animated`]:o}),children:[u,vr("div",{className:"k-actionsheet-content",children:a}),f]})};ho.states=rm;ho.options=sm;ho.className=kr;ho.defaultOptions=im;var La="action-sheet",nn=La;var Lr="overlay",_i=Lr;import{jsx as mm}from"react/jsx-runtime";var Di="k-overlay",pm=[],dm={},cm={},ct=e=>{let{...t}=e;return mm("div",{...t,className:r(e.className,Di),children:e.children})};ct.states=pm;ct.options=dm;ct.className=Di;ct.defaultOptions=cm;ct.moduleName=Lr;ct.folderName=_i;import{jsx as rn,jsxs as bm}from"react/jsx-runtime";var Hi="k-actionsheet",um=[],fm={},Ma={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},W=e=>{let{side:t=Ma.side,fullscreen:o=Ma.fullscreen,adaptive:a=Ma.adaptive,overlay:n=Ma.overlay,template:i,children:p,header:c,footer:u,id:f,...x}=e,N=f&&!i&&c?`${f}-title`:void 0;return bm("div",{className:"k-actionsheet-container",children:[n&&rn(ct,{}),rn(dt,{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:rn("div",{...x,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":N,className:r(e.className,Hi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|rn(ho,{header:c,footer:u,adaptive:a,titleId:N,...e,children:p})})})]})};W.states=um;W.options=fm;W.className=Hi;W.defaultOptions=Ma;W.moduleName=La;W.folderName=nn;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 Nm}from"react/jsx-runtime";var zi="k-actionsheet-container",hm=[],xm={},gm={},xo=e=>{let{children:t,...o}=e;return Nm("div",{...o,className:zi,children:t})};xo.states=hm;xo.options=xm;xo.className=zi;xo.defaultOptions=gm;xo.moduleName=La;xo.folderName=nn;import{jsx as vm}from"react/jsx-runtime";var Mr=e=>{let{...t}=e;return vm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Lm,jsx as Sa,jsxs as Sr}from"react/jsx-runtime";var yr="k-actionsheet-item",km=[s.hover,s.focus,s.selected,s.disabled],Rt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:p,disabled:c,...u}=e;return Sr("span",{...u,className:r(e.className,yr,S(yr,{hover:n,focus:i,selected:p,disabled:c})),children:[!e.children&&Sa(Lm,{children:Sr("span",{className:"k-actionsheet-action",children:[t&&Sa("span",{className:"k-icon-wrap",children:Sa(v,{className:"k-actionsheet-item-icon",icon:t})}),Sr("span",{className:"k-actionsheet-item-text",children:[o&&Sa("span",{className:"k-actionsheet-item-title",children:o}),a&&Sa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Rt.states=km;Rt.className=yr;import{jsx as IS,jsxs as TS}from"react/jsx-runtime";import{jsx as wS}from"react/jsx-runtime";import{jsx as DS}from"react/jsx-runtime";import{jsx as FS}from"react/jsx-runtime";import{jsx as le,jsxs as Ar}from"react/jsx-runtime";var Mm=W.options,Sm=W.states,Fi={...W.defaultOptions,variant:"normal"},ym=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Am=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],go=e=>{let{variant:t,modifiers:o,...a}={...Fi,...e},n={},i=Ar(Mr,{children:[le(Rt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),le(Rt,{text:"Add to Favorites",iconName:"heart"}),le(Rt,{text:"Upload New",iconName:"upload",disabled:!0}),le("hr",{className:"k-hr"}),le(Rt,{text:"Cancel",iconName:"cancel"})]}),p="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]?p: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(l,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?le(l,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?Ar(Bt,{alignment:"stretched",children:[le(l,{text:"Cancel",size:"large",themeColor:"base"}),le(l,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):le(W,{...a,fullscreen:n.fullScreen,header:le(ve,{actionsStart:n.actionsStart?le(l,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?le(l,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Ar(Bt,{alignment:"stretched",children:[le(l,{text:"Apply",themeColor:"primary"}),le(l,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};go.options=Mm;go.states=Sm;go.variants=ym;go.defaultOptions=Fi;go.modifiers=Am;go.className=W.className;var Cr="slider",Gi=Cr;import{jsx as No,jsxs as Er}from"react/jsx-runtime";var ya="k-slider",Cm=[s.hover,s.focus,s.active,s.disabled,s.readonly],Em={},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:p=Ve.handlePosition,showButtons:c=Ve.showButtons,showTicks:u=Ve.showTicks,value:f=Ve.value,min:x=Ve.min,max:N=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"),Er("div",{...$,className:r(ya,e.className,S(ya,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&No(l,{className:"k-button-decrease",rounded:"full",icon:Be,tabIndex:-1,title:"Decrease"}),Er("div",{className:"k-slider-track-wrap",children:[u&&No("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Er("div",{className:"k-slider-track",style:M,children:[No("div",{className:"k-slider-selection"}),t==="range"&&No("span",{className:r("k-draghandle","k-draghandle-start",S(ya,{hover:k,focus:y,active:C})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":m??x,"aria-valuemin":x,"aria-valuemax":L??N,"aria-orientation":he,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":$["aria-label"]?`${$["aria-label"]} start`:"Range start"}),No("span",{className:r("k-draghandle",`k-draghandle-${p}`,S(ya,{hover:k,focus:y,active:C})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??N:f,"aria-valuemin":t==="range"?m??x:x,"aria-valuemax":N,"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&&No(l,{className:"k-button-increase",rounded:"full",icon:xe,tabIndex:-1,title:"Increase"})]})};U.states=Cm;U.options=Em;U.className=ya;U.defaultOptions=Ve;U.moduleName=Cr;U.folderName=Gi;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 Vi}from"react/jsx-runtime";var $i="k-tick",Im=[],Tm={},Xi={label:!1},E=e=>{let{style:t,label:o=Xi.label,orientation:a,large:n,text:i,...p}=e;return Vi("li",{...p,role:"presentation",title:i\|\|"Tick",className:r(e.className,$i,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&Vi("span",{className:"k-label",children:i})})};E.states=Im;E.options=Tm;E.className=$i;E.defaultOptions=Xi;import{Fragment as Om,jsx as $e,jsxs as Bm}from"react/jsx-runtime";var qi=e=>$e(U,{"aria-label":e["aria-label"]\|\|"Slider",children:Bm(Om,{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 Pm,jsx as Xe,jsxs as wm}from"react/jsx-runtime";var Wi=e=>Xe(U,{children:wm(Pm,{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 Ty,jsx as Iy,jsxs as Oy}from"react/jsx-runtime";import{Fragment as Ky,jsx as Ry,jsxs as _y}from"react/jsx-runtime";import{jsx as Rm}from"react/jsx-runtime";var Ir=e=>Rm(U,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Km}from"react/jsx-runtime";var Tr=e=>Km(U,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as Wy,jsx as qy,jsxs as Jy}from"react/jsx-runtime";import{Fragment as eA,jsx as jy,jsxs as tA}from"react/jsx-runtime";import{jsx as mt,jsxs as Ji}from"react/jsx-runtime";var _m=U.options,Dm=U.states,Yi={...U.defaultOptions,variant:"horizontal",label:!0},Hm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],zm=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],vo=e=>{let{variant:t,modifiers:o,...a}={...Yi,...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:p,showTicks:c}=n,u={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Ji(Wi,{showTicks:c,showButtons:p,style:{height:"300px",...u},...a,children:[mt(E,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),mt(E,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),mt(E,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),mt(E,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),mt(E,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Ji(qi,{showTicks:c,showButtons:p,style:{width:"400px",...u},...a,children:[mt(E,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),mt(E,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),mt(E,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),mt(E,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),mt(E,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};vo.options=_m;vo.states=Dm;vo.variants=Hm;vo.defaultOptions=Yi;vo.modifiers=zm;vo.className=U.className;import{jsx as Zi,jsxs as $m}from"react/jsx-runtime";var Qi="k-spin-button",Gm=[],Vm={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Or={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Kt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Or.increaseLabel,decreaseLabel:i=Or.decreaseLabel,...p}=e;return $m("span",{...p,className:r(Qi,e.className),children:[Zi(l,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Zi(l,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Kt.states=Gm;Kt.options=Vm;Kt.className=Qi;Kt.defaultOptions=Or;Kt.moduleName=null;Kt.folderName=null;var ji="numeric-textbox",el="numerictextbox";import{Fragment as tl,jsx as vt,jsxs as Br}from"react/jsx-runtime";var ol="k-numerictextbox",Xm=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],qm={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]},sn={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:n=sn.separators,showClearButton:i=sn.showClearButton,showSpinButton:p=sn.showSpinButton,prefix:c,suffix:u,value:f,placeholder:x,hover:N,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,id:$,"aria-label":pe,"aria-describedby":he,...xe}=e;return Br(Y,{...xe,size:t,rounded:o,fillMode:a,hover:N,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,className:r(e.className,ol),children:[c&&Br(tl,{children:[vt(ze,{children:c}),n&&vt(Fe,{})]}),vt(ge,{id:$,placeholder:x,value:f,role:"spinbutton",disabled:M,"aria-label":pe,"aria-describedby":he,"aria-invalid":k?"true":void 0}),vt(Ne,{valid:L,invalid:k,loading:C,disabled:M}),vt(Ce,{loading:C,disabled:M}),i&&vt(Pe,{loading:C,disabled:M,readonly:I,value:f}),u&&Br(tl,{children:[n&&vt(Fe,{}),vt(Ue,{children:u})]}),p&&vt(Kt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};_.states=Xm;_.options=qm;_.className=ol;_.defaultOptions=sn;_.moduleName=ji;_.folderName=el;_.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 Aa=_;import{jsx as Wm}from"react/jsx-runtime";var al=e=>Wm(Aa,{...e});import wr from"react";import{jsx as nl}from"react/jsx-runtime";var Jm="k-list-group-sticky-header",Pr=e=>nl("div",{className:r(Jm,e.className),children:nl("div",{className:"k-list-header-text",children:e.children})});import{jsx as Zm}from"react/jsx-runtime";var Ym="k-no-data",ln=e=>{let{live:t,...o}=e;return Zm("span",{...o,className:r(Ym,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Wt="list",ko=Wt;import{jsx as rl,jsxs as sl}from"react/jsx-runtime";var Rr="k-list",Qm=[],jm={size:[d.undefined,d.small,d.medium,d.large]},eu={},R=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:i,customValue:p,noData:c,screenReaders:u,...f}=e,N=wr.Children.toArray(a)[0],m=N?.props?.children?wr.Children.count(N.props.children):wr.Children.count(a);return sl("div",{...f,className:r(e.className,Rr,A(Rr,{size:t}),{"k-virtual-list":o}),children:[i,p,n&&rl(Pr,{children:n}),a\|\|(c!==void 0?c:rl(ln,{live:!0,children:"No data found."})),u&&a&&sl(ln,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};R.states=Qm;R.options=jm;R.className=Rr;R.defaultOptions=eu;R.moduleName=Wt;R.folderName=ko;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 nu}from"react/jsx-runtime";var il="k-list-container",tu=[],ou={},au={},Lo=e=>{let{...t}=e;return nu("div",{...t,className:r(e.className,il),children:e.children})};Lo.states=tu;Lo.options=ou;Lo.className=il;Lo.defaultOptions=au;Lo.moduleName=Wt;Lo.folderName=ko;var Jt="checkbox",Mo=Jt;import{jsx as ll}from"react/jsx-runtime";var pn="k-checkbox",ru=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],su={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},iu={},qe=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:p,invalid:c,valid:u,required:f,size:x,rounded:N,wrapperRole:m,...L}=e;return ll("span",{className:"k-checkbox-wrap",role:m,children:ll("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:p\|\|void 0,"aria-invalid":c?"true":void 0,className:r(e.className,pn,A(pn,{size:x,rounded:N}),S(pn,{hover:n,focus:i,disabled:p,invalid:c,valid:u,indeterminate:a,checked:o}))})})};qe.states=ru;qe.options=su;qe.className=pn;qe.defaultOptions=iu;qe.moduleName=Jt;qe.folderName=Mo;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 du}from"react/jsx-runtime";var pl="k-checkbox-list",lu=[],pu={},dl={layout:"vertical"},ke=e=>{let{layout:t=dl.layout,...o}=e;return du("ul",{...o,className:r(e.className,pl,{[`k-list-${t}`]:t}),children:e.children})};ke.states=lu;ke.options=pu;ke.className=pl;ke.defaultOptions=dl;ke.moduleName=Jt;ke.folderName=Mo;import{jsx as fu}from"react/jsx-runtime";var cl="k-checkbox-list-item",cu=[],mu={},uu={},Le=e=>{let{...t}=e;return fu("li",{...t,className:r(e.className,cl),children:e.children})};Le.states=cu;Le.options=mu;Le.className=cl;Le.defaultOptions=uu;Le.moduleName=Jt;Le.folderName=Mo;import{Fragment as bu,jsx as ml,jsxs as hu}from"react/jsx-runtime";var kt=({children:e="Label",id:t="cb-label-after",...o})=>hu(bu,{children:[ml(at,{id:t,...o}),ml("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as yC,jsx as SC,jsxs as AC}from"react/jsx-runtime";import{Fragment as OC,jsx as TC,jsxs as BC}from"react/jsx-runtime";import{Fragment as _C,jsx as KC,jsxs as DC}from"react/jsx-runtime";import{jsx as FC}from"react/jsx-runtime";import{jsx as XC}from"react/jsx-runtime";import{jsx as YC}from"react/jsx-runtime";import{jsx as We,jsxs as ul}from"react/jsx-runtime";var xu=ke.options,gu=ke.states,Nu={...ke.defaultOptions,variant:"vertical"},vu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],ku=[],So=e=>{let{variant:t,...o}=e;return t==="horizontal"?ul(ke,{layout:"horizontal",...o,children:[We(Le,{children:We(kt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),We(Le,{children:We(kt,{id:w("cb"),children:"Label"})}),We(Le,{children:We(kt,{id:w("cb"),children:"Label"})})]}):ul(ke,{...o,children:[We(Le,{children:We(kt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),We(Le,{children:We(kt,{id:w("cb"),children:"Label"})}),We(Le,{children:We(kt,{id:w("cb"),children:"Label"})})]})};So.options=xu;So.states=gu;So.variants=vu;So.defaultOptions=Nu;So.modifiers=ku;So.className=ke.className;import{jsx as Cu}from"react/jsx-runtime";var Lu=at.options,Mu=at.states,Su=at.defaultOptions,yu=[],Au=[],yo=e=>Cu(kt,{id:w("checkbox"),...e,defaultChecked:!0,children:"Label"});yo.options=Lu;yo.states=Mu;yo.variants=yu;yo.defaultOptions=Su;yo.modifiers=Au;yo.className=at.className;import{jsx as Yt,jsxs as Ou}from"react/jsx-runtime";var Kr="k-list-item",Eu=[s.hover,s.focus,s.selected,s.disabled],Iu={},Tu={},O=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:i,showCheckbox:p,checked:c,hover:u,focus:f,selected:x,disabled:N,actions:m,description:L,id:k,...y}=e,C=t\|\|e.children;return Ou("li",{...y,id:k,role:a?"presentation":"option",tabIndex:a?void 0:f?0:-1,"aria-selected":!a&&x?"true":a?void 0:"false","aria-disabled":!a&&N?"true":void 0,className:r(e.className,a?"k-list-group-item":Kr,S(Kr,{hover:u,focus:f,disabled:N,selected:x})),children:[p&&Yt(qe,{checked:c}),n&&Yt("span",{className:"k-list-item-icon-wrapper",children:Yt(v,{icon:n,className:r("k-list-item-icon",i)})}),Yt("span",{className:"k-list-item-text",children:C}),m&&Yt("div",{className:"k-list-item-actions",children:m}),L&&Yt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Yt("div",{className:"k-list-item-group-label",children:o})]})};O.states=Eu;O.options=Iu;O.className=Kr;O.defaultOptions=Tu;O.moduleName=Wt;O.folderName=ko;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 Pu}from"react/jsx-runtime";var Bu="k-list-ul",Lt=e=>{let{children:t,role:o,id:a,...n}=e;return Pu("ul",{...n,id:a,role:o,className:r(Bu,e.className),children:t})};Lt.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 _r,jsxs as Ru}from"react/jsx-runtime";var wu="k-list-content",H=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...p}=e;return Ru("div",{...p,className:r(wu,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:_r(Lt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&_r("div",{className:"k-height-container",children:_r("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 zE,jsx as HE,jsxs as UE}from"react/jsx-runtime";import{jsx as Dr,jsxs as _u}from"react/jsx-runtime";var Ku="k-list-group-item",Zt=e=>{let{groupIconName:t,...o}=e;return _u("li",{...o,role:"presentation",className:r(Ku,e.className),children:[t&&Dr("span",{className:"k-list-item-icon-wrapper",children:Dr(v,{icon:t,className:"k-list-item-icon"})}),Dr("span",{className:"k-list-item-text",children:e.children})]})};Zt.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 Uu}from"react/jsx-runtime";var Hr="k-list-optionlabel",Du=[s.hover,s.focus,s.selected,s.disabled],Hu={},zu={},dn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...p}=e;return Uu("div",{...p,className:r(Hr,S(Hr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};dn.states=Du;dn.options=Hu;dn.className=Hr;dn.defaultOptions=zu;import{jsx as $u}from"react/jsx-runtime";var zr="k-list-custom-value",Fu=[s.hover,s.focus,s.selected,s.disabled],Gu={},Vu={},_t=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...p}=e;return $u("div",{...p,className:r(zr,S(zr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};_t.states=Fu;_t.options=Gu;_t.className=zr;_t.defaultOptions=Vu;import{Fragment as aI,jsx as oI,jsxs as nI}from"react/jsx-runtime";import{Fragment as dI,jsx as pI,jsxs as cI}from"react/jsx-runtime";import{Fragment as gI,jsx as hI,jsxs as xI}from"react/jsx-runtime";import{Fragment as yI,jsx as MI,jsxs as SI}from"react/jsx-runtime";import{jsx as II}from"react/jsx-runtime";import{Fragment as RI,jsx as wI,jsxs as KI}from"react/jsx-runtime";var fl="dropdown-list",bl="dropdownlist";import{Fragment as Wu,jsx as Me,jsxs as Ur}from"react/jsx-runtime";var hl="k-dropdownlist",Xu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],qu={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]},Fr={showValue:!0,arrowIconName:"chevron-down"},oe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Fr.arrowIconName,showValue:i=Fr.showValue,valueIconName:p,prefix:c,suffix:u,value:f,placeholder:x,hover:N,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,popup:$,opened:pe,adaptive:he,adaptiveSettings:xe,adaptiveTitle:Be,adaptiveSubtitle:Xt,adaptiveFilter:Vn,id:Tt,activeDescendant:Xa,"aria-label":$n,...Xn}=e,bd=Tt?`${Tt}-listbox`:void 0,Zs=Tt?`${Tt}-value`:void 0;return Ur(Wu,{children:[Ur(lt,{...Xn,id:Tt,size:t,rounded:o,fillMode:a,hover:N,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,className:r(e.className,hl,{"k-icon-picker":!i&&p}),role:"combobox","aria-haspopup":"listbox","aria-expanded":pe?"true":"false","aria-controls":pe?bd:void 0,"aria-activedescendant":pe&&Xa?Xa:void 0,"aria-describedby":pe?Zs:void 0,"aria-disabled":M?"true":void 0,"aria-label":$n,tabIndex:0,children:[Me(ze,{children:c}),Me(qt,{placeholder:x,value:f,showValue:i,valueIconName:p,id:Zs}),Me(Ne,{valid:L,invalid:k,loading:C,disabled:M}),Me(Ce,{loading:C,disabled:M}),Me(Ue,{children:u}),Me(l,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":x\|\|"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(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Vn,inputValue:f,inputPlaceholder:x,title:Be,subtitle:Xt}),children:Me("div",{className:"k-list-container",children:Me(R,{size:"large",children:Ur(H,{"aria-label":"Options",children:[Me(O,{text:"List item"}),Me(O,{text:"List item"}),Me(O,{text:"List item"})]})})})})]})};oe.states=Xu;oe.options=qu;oe.className=hl;oe.defaultOptions=Fr;oe.moduleName=fl;oe.folderName=bl;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 bT}from"react/jsx-runtime";import{jsx as kT,jsxs as LT}from"react/jsx-runtime";import{Fragment as OT,jsx as IT,jsxs as TT}from"react/jsx-runtime";import{jsx as KT}from"react/jsx-runtime";import{jsx as FT,jsxs as GT}from"react/jsx-runtime";import{Fragment as QT,jsx as YT,jsxs as ZT}from"react/jsx-runtime";import{jsx as aO}from"react/jsx-runtime";import{Fragment as ef,jsx as Dt,jsxs as xl}from"react/jsx-runtime";var Ju=oe.states,Yu=oe.defaultOptions,Zu=oe.options,Qu=[{name:"opened",title:"Opened"}],ju=[],Co=e=>{let{modifiers:t,...o}=e,a={},n=xl(ef,{children:[Dt("div",{className:"k-list-filter",children:Dt(Ge,{})}),Dt(R,{style:{width:300},size:o.size,children:xl(H,{children:[Dt(O,{children:"List item"}),Dt(O,{children:"List item"}),Dt(O,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),Dt("div",{children:Dt(oe,{placeholder:"Value",style:{width:300},...o,...a})})};Co.options=Zu;Co.states=Ju;Co.variants=ju;Co.defaultOptions=Yu;Co.modifiers=Qu;Co.className=oe.className;import{Fragment as yO,jsx as SO}from"react/jsx-runtime";import{Fragment as OO,jsx as TO}from"react/jsx-runtime";import{jsx as RO}from"react/jsx-runtime";import{jsx as Gr}from"react/jsx-runtime";var tf=_.states,of=_.defaultOptions,af=_.options,nf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],rf=[],Eo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Gr(oe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?Gr(lr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),Gr(al,{value:"Value",style:{width:300},...o,...a})};Eo.options=af;Eo.states=tf;Eo.variants=rf;Eo.defaultOptions=of;Eo.modifiers=nf;Eo.className=_.className;import{Fragment as Ca,jsx as B,jsxs as Z}from"react/jsx-runtime";var gl="k-colorgradient-inputs",sf=[],lf={size:[d.undefined,d.small,d.medium,d.large]},Nl={mode:"rgba"},Io=e=>{let{mode:t=Nl.mode,size:o,...a}=e;return Z("div",{...a,className:r(gl,"k-hstack"),children:[B("div",{className:"k-vstack",children:B(l,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Z(Ca,{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(Ca,{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(Ca,{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(Ca,{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(Ca,{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"})]})})]})};Io.states=sf;Io.options=lf;Io.className=gl;Io.defaultOptions=Nl;import{jsx as Qt,jsxs as jt}from"react/jsx-runtime";var vl="k-colorgradient-color-contrast",pf=[],df={},cf={},To=()=>jt("div",{className:r(vl,"k-vbox"),children:[jt("div",{className:"k-contrast-ratio",children:[Qt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),jt("span",{className:"k-contrast-validation !k-text-success",children:[Qt(v,{icon:"check"}),Qt(v,{icon:"check"})]})]}),jt("div",{children:[Qt("span",{children:"AA: 4.5"}),jt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Qt(v,{icon:"check"})]})]}),jt("div",{children:[Qt("span",{children:"AAA: 7.0"}),jt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Qt(v,{icon:"x"})]})]})]});To.states=pf;To.options=df;To.className=vl;To.defaultOptions=cf;var kl="color-gradient",Ll="colorgradient";import{jsx as Je,jsxs as Ea}from"react/jsx-runtime";var cn="k-colorgradient",mf=[s.hover,s.focus,s.readonly,s.disabled],uf={size:[d.undefined,d.small,d.medium,d.large]},ut={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=ut.mode,readonly:a=ut.readonly,disabled:n=ut.disabled,gradientStyle:i=ut.gradientStyle,dragHandleStyle:p=ut.dragHandleStyle,alphaStyle:c=ut.alphaStyle,alphaStyleHorizontal:u=ut.alphaStyleHorizontal,contrast:f=ut.contrast,dir:x,hover:N,focus:m,hoverHandle:L,focusHandle:k,canvasOrientation:y=ut.canvasOrientation,role:C,tabIndex:M,...I}=e;return Ea("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,cn,A(cn,{size:t}),S(cn,{hover:N,focus:m,readonly:a,disabled:n})),dir:x,children:[!y\|\|y==="horizontal"&&Ea("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:p,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})})}),Ea("div",{className:"k-hsv-controls k-hstack",children:[Je(Tr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Je(Tr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:c})]})]}),y==="vertical"&&Ea("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:p,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})})}),Ea("div",{className:"k-hsv-controls k-vstack",children:[Je(Ir,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Je(Ir,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),Je(Io,{mode:e.mode,size:t}),f&&Je(To,{})]})};ne.states=mf;ne.options=uf;ne.className=cn;ne.defaultOptions=ut;ne.moduleName=kl;ne.folderName=Ll;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 ff}from"react/jsx-runtime";var mn=e=>ff(ne,{...e});import{jsx as vB}from"react/jsx-runtime";import{jsx as SB}from"react/jsx-runtime";import{jsx as Vr}from"react/jsx-runtime";var bf=ne.options,hf=ne.states,xf={...ne.defaultOptions,variant:"rgba"},gf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Nf=[],Oo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Vr(mn,{...o,mode:t});case"rgb":return Vr(mn,{...o,mode:t});default:return Vr(mn,{...o,mode:t})}};Oo.options=bf;Oo.states=hf;Oo.variants=gf;Oo.defaultOptions=xf;Oo.modifiers=Nf;Oo.className=ne.className;import{jsx as vf}from"react/jsx-runtime";var $r=e=>vf("tr",{role:"row",children:e.children});import{jsx as Mf}from"react/jsx-runtime";var Xr="k-colorpalette-tile",kf=[s.hover,s.focus,s.selected],Lf={},Bo=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...p}=e,c={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Mf("td",{...p,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,Xr,S(Xr,{hover:a,focus:n,selected:i})),style:c})};Bo.states=kf;Bo.options=Lf;Bo.className=Xr;var Ml="color-palette",Sl="colorpalette";import{jsx as Ia}from"react/jsx-runtime";var un="k-colorpalette",Sf=[s.disabled],yf={size:[d.undefined,d.small,d.medium,d.large]},yl={columns:10},Se=e=>{let{size:t,palette:o,columns:a=yl.columns,tileSize:n,disabled:i,...p}=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)},(x,N)=>{let m=[];f.slice(Nu,(N+1)u).map((k,y)=>{m.push(Ia(Bo,{color:k,tileSize:n},y))});let L=Ia($r,{children:m},N);c.push(L)})}return Ia("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,un,S(un,{disabled:i}),A(un,{size:t})),children:Ia("table",{className:"k-colorpalette-table",role:"none",children:Ia("tbody",{children:c.length>0?c:e.children})})})};Se.states=Sf;Se.options=yf;Se.className=un;Se.defaultOptions=yl;Se.moduleName=Ml;Se.folderName=Sl;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 fn=Se;var Ta={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 Af}from"react/jsx-runtime";var Al=e=>Af(fn,{palette:Ta.basic,...e});import{jsx as rP}from"react/jsx-runtime";import{jsx as cP,jsxs as mP}from"react/jsx-runtime";import{jsx as Pf}from"react/jsx-runtime";var Cf=Se.options,Ef=Se.states,If={...Se.defaultOptions,variant:"basic"},Tf=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Of={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}},Bf=[],Po=e=>{let{variant:t="basic",...o}=e,a=Of[t];return Pf(Al,{columns:a.columns,palette:a,...o})};Po.options=Cf;Po.states=Ef;Po.variants=Tf;Po.defaultOptions=If;Po.modifiers=Bf;Po.className=Se.className;var Cl="color-editor",El="coloreditor";import{jsx as Ye,jsxs as wo}from"react/jsx-runtime";var bn="k-coloreditor",wf=[s.focus],Rf={size:[d.undefined,d.small,d.medium,d.large]},Oa={view:"gradient",palette:Ta.office,actionButtons:!0,canvasOrientation:"horizontal"},J=e=>{let{size:t,view:o=Oa.view,palette:a=Oa.palette,color:n,currentColor:i,focus:p,focusView:c,dir:u,group:f,actionButtons:x=Oa.actionButtons,canvasOrientation:N=Oa.canvasOrientation,...m}=e;return wo("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",bn,A(bn,{size:t}),S(bn,{focus:p})),dir:u,children:[wo("div",{className:"k-coloreditor-header k-hstack",children:[Ye("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&wo(T,{fillMode:"flat",children:[Ye(l,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ye(l,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ye("div",{className:"k-spacer"}),wo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ye(l,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),wo("div",{className:"k-coloreditor-preview k-vstack",children:[Ye(Ot,{className:"k-coloreditor-preview-color",color:n}),Ye(Ot,{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:N,role:"none",tabIndex:-1}):Ye(Se,{palette:a,size:t})}),x&&wo(we,{className:"k-coloreditor-footer",alignment:"start",children:[Ye(l,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ye(l,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};J.states=wf;J.options=Rf;J.className=bn;J.defaultOptions=Oa;J.moduleName=Cl;J.folderName=El;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 Ro=J;import{jsx as UP}from"react/jsx-runtime";import{jsx as $P}from"react/jsx-runtime";import{jsx as Kf}from"react/jsx-runtime";var Il=e=>Kf(Ro,{group:!0,currentColor:"fuchsia",...e});import{jsx as _f}from"react/jsx-runtime";var Tl=e=>_f(Ro,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Ol}from"react/jsx-runtime";var Df=J.options,Hf=J.states,zf={...J.defaultOptions,variant:"gradient"},Uf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Ff=[],Ko=e=>{let{variant:t,...o}=e;return t==="palette"?Ol(Tl,{...o,color:"white"}):Ol(Il,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Ko.options=Df;Ko.states=Hf;Ko.variants=Uf;Ko.defaultOptions=zf;Ko.modifiers=Ff;Ko.className=J.className;var Bl="color-picker",Pl="colorpicker";import{Fragment as $f,jsx as Ze,jsxs as qr}from"react/jsx-runtime";var wl="k-colorpicker",Gf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],Vf={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]},Rl={arrowIconName:"chevron-down"},Re=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Rl.arrowIconName,prefix:i,suffix:p,value:c,placeholder:u,hover:f,focus:x,valid:N,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 qr($f,{children:[qr(lt,{...xe,size:t,rounded:o,fillMode:a,hover:f,focus:x,valid:N,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,wl,"k-icon-picker"),children:[Ze(ze,{children:i}),Ze(qt,{placeholder:u,value:c,showValue:!1,valueIcon:Ze(Ot,{className:"k-value-icon",color:c,iconName:y}),valueIconName:y}),Ze(Ue,{children:p}),Ze(l,{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(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:pe,subtitle:he}),footer:qr(Bt,{children:[Ze(l,{text:"Cancel",size:"large"}),Ze(l,{text:"Set",size:"large",themeColor:"primary"})]}),children:Ze(J,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Re.states=Gf;Re.options=Vf;Re.className=wl;Re.defaultOptions=Rl;Re.moduleName=Bl;Re.folderName=Pl;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 Mt=Re;import{jsx as Xf}from"react/jsx-runtime";var hn=e=>Xf(Mt,{...e});import{jsx as Ew}from"react/jsx-runtime";import{jsx as Pw}from"react/jsx-runtime";import{jsx as _w}from"react/jsx-runtime";import{jsx as Uw}from"react/jsx-runtime";import{jsx as $w}from"react/jsx-runtime";import{jsx as Jw}from"react/jsx-runtime";import{jsx as eo}from"react/jsx-runtime";var qf=Mt.options,Wf=Mt.states,Kl={...Mt.defaultOptions,variant:"color"},Jf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Yf=[{name:"opened",title:"Opened"}],_o=e=>{let{variant:t,modifiers:o,...a}={...Kl,...e},n={};Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(n.opened=!!o?.[p],n.popup=o?.[p]?eo(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 eo("div",{style:i,children:eo(hn,{...a,...n})});case"icon":return eo("div",{style:i,children:eo(hn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return eo("div",{style:i,children:eo(hn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};_o.options=qf;_o.states=Wf;_o.variants=Jf;_o.defaultOptions=Kl;_o.modifiers=Yf;_o.className=Mt.className;var Wr="combobox",_l=Wr;import{Fragment as Jr,jsx as ae,jsxs as Ba}from"react/jsx-runtime";var Dl="k-combobox",Zf=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Qf={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]},Hl={separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Hl.separators,prefix:i,suffix:p,value:c,placeholder:u,hover:f,focus:x,valid:N,invalid:m,required:L,loading:k,disabled:y,popup:C,opened:M,readonly:I,adaptive:$,adaptiveSettings:pe,adaptiveTitle:he,adaptiveSubtitle:xe,adaptiveCustomValue:Be,id:Xt,autocomplete:Vn,activeDescendant:Tt,"aria-label":Xa,...$n}=e,Xn=Xt?`${Xt}-listbox`:void 0;return Ba(Jr,{children:[Ba(Y,{...$n,size:t,rounded:o,fillMode:a,hover:f,focus:x,valid:N,invalid:m,required:L,loading:k,disabled:y,readonly:I,className:r(e.className,Dl),children:[i&&Ba(Jr,{children:[ae(ze,{children:i}),n&&ae(Fe,{})]}),ae(ge,{id:Xt,placeholder:u,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?Xn:void 0,"aria-activedescendant":M&&Tt?Tt:void 0,"aria-autocomplete":Vn,"aria-invalid":m?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Xa,disabled:y,readOnly:I}),ae(Ne,{valid:N,invalid:m,loading:k,disabled:y}),ae(Ce,{loading:k,disabled:y}),ae(Pe,{loading:k,disabled:y,readonly:I,value:c}),p&&Ba(Jr,{children:[n&&ae(Fe,{}),ae(Ue,{children:p})]}),ae(l,{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:Xt?`${Xt}-adaptive`:void 0,...pe,header:ae(ve,{actionsEnd:ae(l,{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(_t,{text:`Use "${c}"`}):void 0,size:"large",children:Ba(H,{"aria-label":he\|\|"Options",children:[ae(O,{text:"List item"}),ae(O,{text:"List item"}),ae(O,{text:"List item"})]})})})})]})};de.states=Zf;de.options=Qf;de.className=Dl;de.defaultOptions=Hl;de.moduleName=Wr;de.folderName=_l;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 jf}from"react/jsx-runtime";var zl=e=>jf(Ke,{...e});import{jsx as OR,jsxs as BR}from"react/jsx-runtime";import{jsx as DR,jsxs as HR}from"react/jsx-runtime";import{jsx as $R,jsxs as XR}from"react/jsx-runtime";import{Fragment as QR,jsx as ZR}from"react/jsx-runtime";import{Fragment as nK,jsx as aK}from"react/jsx-runtime";import{jsx as dK,jsxs as cK}from"react/jsx-runtime";import{Fragment as NK,jsx as xK,jsxs as gK}from"react/jsx-runtime";import{jsx as MK}from"react/jsx-runtime";import{jsx as CK}from"react/jsx-runtime";import{jsx as PK,jsxs as wK}from"react/jsx-runtime";import{jsx as zK,jsxs as UK}from"react/jsx-runtime";import{jsx as Ht,jsxs as rb}from"react/jsx-runtime";var eb=de.states,tb=de.defaultOptions,ob=de.options,ab=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],nb=[],Do=e=>{let{modifiers:t,...o}=e,a={},n=Ht(R,{style:{width:300},size:o.size,children:rb(H,{children:[Ht(O,{children:"List item"}),Ht(O,{children:"List item"}),Ht(O,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Ht(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?Ht(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}}),Ht("div",{children:Ht(zl,{value:"Value",style:{width:300},...o,...a})})};Do.options=ob;Do.states=eb;Do.variants=nb;Do.defaultOptions=tb;Do.modifiers=ab;Do.className=de.className;var Yr="menu-button",Ul=Yr;import{jsx as lb}from"react/jsx-runtime";var Fl="k-menu-button",sb=[s.hover,s.focus,s.active,s.selected,s.disabled],ib={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]},Zr={showArrow:!0,arrowIconName:"chevron-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:p,active:c,selected:u,disabled:f,icon:x,text:N,showArrow:m=Zr.showArrow,arrowIconName:L=Zr.arrowIconName,expanded:k,...y}=e;return lb(l,{...y,className:r(e.className,Fl),text:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:p,active:c,selected:u,disabled:f,icon:x,showArrow:m,arrowIconName:L,"aria-expanded":k?"true":"false",...!N&&x&&!e["aria-label"]&&{"aria-label":"Menu"},...f&&{"aria-disabled":"true"}})};D.states=sb;D.options=ib;D.className=Fl;D.defaultOptions=Zr;D.moduleName=Yr;D.folderName=Ul;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 v_}from"react/jsx-runtime";import{jsx as S_}from"react/jsx-runtime";import{jsx as E_}from"react/jsx-runtime";var _e="menu",Qe=_e;import{jsx as Pa,jsxs as Gl}from"react/jsx-runtime";var Qr="k-menu-item",pb=[s.hover,s.focus,s.active,s.selected,s.disabled],db={},Vl={iconPosition:"before"},ce=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:p,text:c,first:u,last:f,showArrow:x,arrowIconName:N,iconPosition:m=Vl.iconPosition,dir:L,children:k,expanded:y,...C}=e,M=N;return M\|\|(M=L==="rtl"?"chevron-left":"chevron-right"),Gl("li",{...C,className:r(e.className,Qr,"k-item",S(Qr,{focus:o,disabled:i,hover:t,active:a,selected:n}),{"k-first":u,"k-last":f}),role:"menuitem",...x&&{"aria-haspopup":"menu"},...x&&{"aria-expanded":y?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Gl("span",{className:r("k-link k-menu-link"),children:[p&&m==="before"&&Pa(v,{className:"k-menu-link-icon",icon:p}),Pa("span",{className:"k-menu-link-text",children:c}),p&&m==="after"&&Pa(v,{className:"k-menu-link-icon",icon:p}),x&&Pa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Pa(v,{icon:M})})]}),k]})};ce.states=pb;ce.options=db;ce.className=Qr;ce.defaultOptions=Vl;ce.moduleName=_e;ce.folderName=Qe;import{jsx as wa,jsxs as $l}from"react/jsx-runtime";var jr="k-menu-item",cb=[s.hover,s.focus,s.active,s.selected,s.disabled],mb={},es={dir:"ltr",iconPosition:"before"},X=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:p,text:c,first:u,last:f,showArrow:x,arrowIconName:N,iconPosition:m=es.iconPosition,dir:L=es.dir,children:k,popup:y,expanded:C,...M}=e,I=N;return I\|\|(I=L==="rtl"?"chevron-left":"chevron-right"),$l("li",{...M,className:r(e.className,jr,"k-item",S(jr,{focus:o,disabled:i}),{"k-first":u,"k-last":f}),role:"menuitem",...x&&{"aria-haspopup":"menu"},...x&&{"aria-expanded":C?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[$l("span",{className:r("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[p&&m==="before"&&wa(v,{className:"k-menu-link-icon",icon:p}),wa("span",{className:"k-menu-link-text",children:c}),p&&m==="after"&&wa(v,{className:"k-menu-link-icon",icon:p}),x&&wa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:wa(v,{icon:I})})]}),k,y]})};X.states=cb;X.options=mb;X.className=jr;X.defaultOptions=es;X.moduleName=_e;X.folderName=Qe;import{jsx as hb}from"react/jsx-runtime";var Xl="k-menu-scroll-wrapper",ub=[],fb={},bb={},to=e=>{let{className:t,children:o,orientation:a,...n}=e;return hb("div",{...n,className:r(t,Xl,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};to.states=ub;to.options=fb;to.className=Xl;to.defaultOptions=bb;to.moduleName=_e;to.folderName=Qe;var ql=to;import{Fragment as ts,jsx as oo,jsxs as gn}from"react/jsx-runtime";var os="k-menu",xb=[],gb={},Nn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=Nn.orientation,header:a=Nn.header,scrollable:n,scrollButtonsPosition:i=Nn.scrollButtonsPosition,wrapperStyles:p,dir:c,popup:u,contextMenu:f,...x}=e,N={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},m=oo("ul",{dir:c,...x,className:r(e.className,"k-reset",os,{[`${os}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return gn(ts,{children:[n?gn(ql,{orientation:o,style:p,dir:e.dir,children:[i==="start"&&gn(ts,{children:[oo(l,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),oo(l,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&oo(l,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),m,i==="end"&&gn(ts,{children:[oo(l,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),oo(l,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&oo(l,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):m,u]})};re.states=xb;re.options=gb;re.className=os;re.defaultOptions=Nn;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 Nb}from"react/jsx-runtime";var as="k-separator",Wl={orientation:"horizontal"},Ho=e=>{let{orientation:t=Wl.orientation,...o}=e;return Nb("li",{...o,className:r(e.className,"k-item",as,{[`${as}-${t}`]:t}),role:"separator"})};Ho.className=as;Ho.defaultOptions=Wl;Ho.moduleName=_e;Ho.folderName=Qe;import{Fragment as a0,jsx as n0}from"react/jsx-runtime";import{jsx as Mb}from"react/jsx-runtime";var ns="k-menu-group",vb=[],kb={size:[d.undefined,d.small,d.medium,d.large]},Lb={},me=e=>{let{children:t,size:o,...a}=e;return Mb("ul",{...a,className:r(e.className,ns,A(ns,{size:o})),role:"menu",children:t})};me.states=vb;me.options=kb;me.className=ns;me.defaultOptions=Lb;me.moduleName=_e;me.folderName=Qe;import{Fragment as Sb,jsx as zo,jsxs as yb}from"react/jsx-runtime";var rs=e=>zo(re,{children:yb(Sb,{children:[zo(ce,{first:!0,text:"Item 1"}),zo(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),zo(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),zo(ce,{text:"Item 4"}),zo(ce,{last:!0,text:"Item 5"})]}),...e});import{Fragment as g0,jsx as h0,jsxs as x0}from"react/jsx-runtime";import{Fragment as M0,jsx as L0,jsxs as S0}from"react/jsx-runtime";import{Fragment as I0,jsx as E0,jsxs as T0}from"react/jsx-runtime";import{Fragment as R0,jsx as w0,jsxs as K0}from"react/jsx-runtime";import{jsx as ao,jsxs as Tb}from"react/jsx-runtime";var Ab={...re.options,scrollable:{type:"boolean"}},Cb=re.states,Jl={...re.defaultOptions,variant:"horizontal"},Eb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Ib=[{name:"opened",title:"Opened"}],Uo=e=>{let{variant:t,modifiers:o,...a}={...Jl,...e},n={};return Object.keys(o\|\|{}).forEach(i=>{i==="opened"&&(n.opened=!!o?.[i],n.popup=ao(G,{className:"k-menu-popup",children:Tb(me,{children:[ao(X,{text:"Item 1"}),ao(X,{text:"Item 2"}),ao(Ho,{}),ao(X,{text:"Item 3"})]})}))}),t==="vertical"?ao(rs,{...a,...n,orientation:"vertical",style:{width:"200px"}}):ao(rs,{...a,...n})};Uo.options=Ab;Uo.states=Cb;Uo.variants=Eb;Uo.defaultOptions=Jl;Uo.modifiers=Ib;Uo.className=re.className;import{Fragment as fD,jsx as mD,jsxs as uD}from"react/jsx-runtime";import{jsx as gD}from"react/jsx-runtime";import{Fragment as Rb,jsx as ft,jsxs as Yl}from"react/jsx-runtime";var Ob=l.states,Zl={...l.defaultOptions,variant:"text"},Bb=l.options,Pb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],wb=[{name:"opened",title:"Opened"}],Fo=e=>{let{variant:t,modifiers:o,...a}={...Zl,...e},n={},i=ft(G,{className:"k-menu-popup",children:Yl(me,{size:a.size,children:[ft(X,{first:!0,text:"Menu Item"}),ft(X,{text:"Menu Item"}),ft(X,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=ft("div",{children:ft(D,{...a,...n,icon:"star"})});break;case"icon-and-text":p=ft("div",{children:ft(D,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:p=ft("div",{children:ft(D,{...a,...n,children:"Dropdown Button"})});break}return Yl(Rb,{children:[p,o?.opened&&i]})};Fo.options=Bb;Fo.states=Ob;Fo.variants=Pb;Fo.defaultOptions=Zl;Fo.modifiers=wb;Fo.className=D.className;var ss="split-button",Ql=ss;import{Fragment as Db,jsx as is,jsxs as jl}from"react/jsx-runtime";var ls="k-split-button",Kb=[s.hover,s.focus,s.active,s.selected,s.disabled],_b={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]},ep={arrowIconName:"chevron-down"},P=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:p,active:c,selected:u,disabled:f,icon:x,text:N,arrowIconName:m=ep.arrowIconName,popup:L,opened:k,popupId:y,...C}=e;return jl(Db,{children:[jl("div",{...C,className:r(e.className,ls,"k-button-group",A(ls,{rounded:o})),children:[is(l,{text:N,icon:x,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:p,active:c,selected:u,disabled:f,...!N&&!e.children&&x&&{"aria-label":"Action"},children:e.children}),is(l,{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&&is(G,{className:"k-menu-popup",children:L})]})};P.states=Kb;P.options=_b;P.className=ls;P.defaultOptions=ep;P.moduleName=ss;P.folderName=Ql;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 ps=P;import{jsx as zb}from"react/jsx-runtime";var Hb="k-toolbar-separator",nt=e=>zb("div",{className:r(Hb,e.className,"k-separator")});var St="toolbar",zt=St;import{Fragment as ds,jsx as K,jsxs as Go}from"react/jsx-runtime";var yt="k-toolbar",Ub=[s.focus],Fb={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Gb={scrollButtons:"around"},z=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:p,scrollingPosition:c,section:u,...f}=e,x=[],N=(m,L)=>{let k=[];if(m.type===l&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))k.push(K(l,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===l)k.push(K(l,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===ha)k.push(K(ha,{...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===ps)k.push(K(ps,{...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(l,{...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=>{x.push(y)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,k)=>{N(L,k)}),Go("div",{...f,className:r(e.className,yt,A(yt,{size:t,fillMode:o}),S(yt,{focus:a}),{[`${yt}-resizable`]:n,[`${yt}-scrollable`]:i,[`${yt}-scrollable-overlay`]:i&&p==="hidden",[`${yt}-scrollable-${c}`]:c&&c!=="both",[`${yt}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&x,i&&p==="hidden"&&K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),i&&p==="start"&&Go(ds,{children:[Go(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:x})]}),i&&p==="end"&&Go(ds,{children:[K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),K(nt,{className:"k-toolbar-button-separator"}),Go(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&&(p==="around"\|\|!p)&&Go(ds,{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:x}),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=Ub;z.options=Fb;z.className=yt;z.defaultOptions=Gb;z.moduleName=St;z.folderName=zt;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 qb}from"react/jsx-runtime";var tp="k-floating-toolbar",Vb=[],$b={},Xb={},Vo=e=>{let{...t}=e;return qb("div",{...t,className:r(e.className,tp),children:e.children})};Vo.states=Vb;Vo.options=$b;Vo.className=tp;Vo.defaultOptions=Xb;Vo.moduleName=St;Vo.folderName=zt;import{jsx as Zb}from"react/jsx-runtime";var cs="k-toolbar-item",Wb=[s.focus],Jb={},Yb={},$o=e=>{let{focus:t,...o}=e;return Zb("div",{...o,className:r(e.className,cs,S(cs,{focus:t})),children:e.children})};$o.states=Wb;$o.options=Jb;$o.className=cs;$o.defaultOptions=Yb;$o.moduleName=St;$o.folderName=zt;import{jsx as op}from"react/jsx-runtime";var ap="k-toolbar-popup",Qb=[],jb={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},eh={},no=e=>{let{size:t,fillMode:o,section:a,...n}=e;return op(G,{...n,className:r(e.className,ap),children:a?op("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};no.states=Qb;no.options=jb;no.className=ap;no.defaultOptions=eh;no.moduleName=St;no.folderName=zt;var vn=no;import{jsx as kH}from"react/jsx-runtime";import{jsx as yH}from"react/jsx-runtime";import{jsx as IH}from"react/jsx-runtime";import{jsx as RH,jsxs as KH}from"react/jsx-runtime";import{jsx as zH}from"react/jsx-runtime";import{jsx as At,jsxs as rh}from"react/jsx-runtime";var th=P.states,np={...P.defaultOptions,variant:"text"},oh=P.options,ah=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],nh=[{name:"opened",title:"Opened"}],Xo=e=>{let{variant:t,modifiers:o,...a}={...np,...e},n={},i=rh(me,{size:a.size,children:[At(X,{first:!0,text:"Menu Item"}),At(X,{text:"Menu Item"}),At(X,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(n.opened=!!o?.[p],n.popup=o?.[p]?i:"")}),t){case"icon-only":return At("div",{children:At(P,{...a,...n,icon:"star"})});case"icon-and-text":return At("div",{children:At(P,{...a,...n,icon:"star",children:"Split Button"})});default:return At("div",{children:At(P,{...a,...n,children:"Split Button"})})}};Xo.options=oh;Xo.states=th;Xo.variants=ah;Xo.defaultOptions=np;Xo.modifiers=nh;Xo.className=P.className;import{jsx as ro,jsxs as sh}from"react/jsx-runtime";var rp=e=>ro(z,{children:[ro(l,{children:"Button"},"toolbar-button"),ro(D,{text:"Menu button"},"toolbar-menu-button"),ro(P,{children:"Split button"},"toolbar-split-button"),sh(T,{children:[ro(l,{className:"k-group-start",icon:"align-left",children:"Left"}),ro(l,{icon:"align-center",children:"Center"}),ro(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as b1,jsxs as h1}from"react/jsx-runtime";import{jsx as De,jsxs as sp}from"react/jsx-runtime";var ip=e=>De(z,{scrollable:!0,...e,children:[De(l,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(P,{children:"Split button"},"toolbar-split-button"),sp(T,{children:[De(l,{className:"k-group-start",icon:"align-left",children:"Left"}),De(l,{icon:"align-center",children:"Center"}),De(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),De(l,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(P,{children:"Split button"},"toolbar-split-button"),sp(T,{children:[De(l,{className:"k-group-start",icon:"align-left",children:"Left"}),De(l,{icon:"align-center",children:"Center"}),De(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as He,jsxs as lp}from"react/jsx-runtime";var pp=({scrollingPosition:e="start",...t})=>He(z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[He(l,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(P,{children:"Split button"},"toolbar-split-button"),lp(T,{children:[He(l,{className:"k-group-start",icon:"align-left",children:"Left"}),He(l,{icon:"align-center",children:"Center"}),He(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),He(l,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(P,{children:"Split button"},"toolbar-split-button"),lp(T,{children:[He(l,{className:"k-group-start",icon:"align-left",children:"Left"}),He(l,{icon:"align-center",children:"Center"}),He(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as ih,jsx as Ee,jsxs as kn}from"react/jsx-runtime";var dp=({fillMode:e,size:t,...o})=>kn(ih,{children:[Ee(z,{section:!0,fillMode:e,size:t,children:[Ee(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),kn(T,{fillMode:e,children:[Ee(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ee(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ee(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ee(nt,{className:"k-toolbar-button-separator"}),Ee(l,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),kn(vn,{size:t,fillMode:e,section:!0,...o,children:[Ee(P,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ee(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ee(nt,{}),Ee(D,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),kn(T,{fillMode:e,children:[Ee(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ee(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ee(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as J1,jsx as q1,jsxs as W1}from"react/jsx-runtime";import{Fragment as sz,jsx as nz,jsxs as rz}from"react/jsx-runtime";import{jsx as Ut}from"react/jsx-runtime";var lh=z.options,ph=z.states,cp={...z.defaultOptions,variant:"default"},dh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],ch=[],qo=e=>{let{variant:t,...o}={...cp,...e};switch(t){case"responsive":return Ut("div",{children:Ut(dp,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(pp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(ip,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(rp,{style:{width:"583px"},...o})})}};qo.options=lh;qo.states=ph;qo.variants=dh;qo.defaultOptions=cp;qo.modifiers=ch;qo.className=z.className;import{jsx as mp,jsxs as hh}from"react/jsx-runtime";var Ln="k-fab",fh=[s.hover,s.focus,s.active,s.selected,s.disabled],bh={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]},up={type:"button"},Q=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:p=up.type,position:c,hover:u,focus:f,active:x,selected:N,disabled:m,...L}=e;return hh("button",{...L,type:p,className:r(e.className,Ln,A(Ln,{size:t,rounded:o,themeColor:a}),S(Ln,{hover:u,focus:f,active:x,disabled:m,selected:N}),{[`!k-pos-absolute k-${c}`]:c}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...m&&{"aria-disabled":"true"},disabled:m\|\|void 0,children:[i&&mp(v,{className:"k-fab-icon",icon:i}),n&&mp("span",{className:"k-fab-text",children:n})]})};Q.states=fh;Q.options=bh;Q.className=Ln;Q.defaultOptions=up;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 gh}from"react/jsx-runtime";var xh="k-fab-items",fp=e=>{let{position:t,...o}=e;return gh("ul",{...o,className:r(e.className,xh,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as hp,jsxs as vh}from"react/jsx-runtime";var bp="k-fab-item",Nh=[s.hover,s.focus,s.active,s.disabled],ms=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:p,disabled:c,...u}=e;return vh("li",{...u,className:r(e.className,bp,{[`k-text-${a}`]:a},S(bp,{hover:n,focus:i,active:p,disabled:c})),children:[hp("span",{className:"k-fab-item-text",children:t}),hp(v,{className:"k-fab-item-icon",icon:o})]})};ms.states=Nh;import{jsx as $z}from"react/jsx-runtime";import{jsx as kh}from"react/jsx-runtime";var xp=e=>kh(Q,{icon:"plus",...e});import{jsx as Qz}from"react/jsx-runtime";import{jsx as o2}from"react/jsx-runtime";import{jsx as Wo,jsxs as Ch}from"react/jsx-runtime";var Lh=Q.options,Mh=Q.states,Sh={...Q.defaultOptions,variant:"text"},yh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ah=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?Wo("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:Wo(fp,{position:"bottom",children:Wo(ms,{text:"Item",icon:"pencil",align:"right"})})}):null,p;switch(t){case"icon-only":p=Wo(Q,{...a,icon:"star"});break;case"icon-and-text":p=Wo(Q,{...a,icon:"star",text:"Action"});break;default:p=Wo(Q,{...a,text:"Action"});break}return Ch("span",{style:{position:"relative"},children:[p,i]})};Jo.options=Lh;Jo.states=Mh;Jo.variants=yh;Jo.defaultOptions=Sh;Jo.modifiers=Ah;Jo.className=Q.className;var us="prompt-box",gp=us;var fs="speech-to-text-button",Np=fs;import{jsx as Eh}from"react/jsx-runtime";var vp="k-speech-to-text-button",kp={icon:"microphone"},Ie=e=>{let{listening:t=!1,icon:o=kp.icon,...a}=e;return Eh(l,{...a,icon:t?"stop":o,className:r(e.className,vp,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Ie.states=l.states;Ie.options=l.options;Ie.className=vp;Ie.defaultOptions=kp;Ie.moduleName=fs;Ie.folderName=Np;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 O2}from"react/jsx-runtime";import{jsx as R2}from"react/jsx-runtime";import{jsx as Ph}from"react/jsx-runtime";var Ih=l.states,Lp={...l.defaultOptions,variant:"normal"},Th={...l.options,fillMode:l.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},Oh=[],Bh=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Yo=e=>{let{variant:t,...o}={...Lp,...e},a={};return t==="listening"&&(a.listening=!0),Ph(Ie,{...o,...a})};Yo.options=Th;Yo.states=Ih;Yo.variants=Bh;Yo.defaultOptions=Lp;Yo.modifiers=Oh;Yo.className=Ie.className;import{jsx as Zo,jsxs as bs}from"react/jsx-runtime";var bt="k-prompt-box",wh=[s.hover,s.focus,s.disabled],Rh={fillMode:[h.undefined,h.solid,h.flat,h.outline]},hs={lineMode:"auto",isExpanded:!1},Ct=e=>{let{fillMode:t,lineMode:o=hs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:p=hs.isExpanded,className:c,children:u,value:f,placeholder:x,generating:N,hover:m,focus:L,disabled:k,...y}=e,C=o==="multi"\|\|o==="auto"&&p;return bs("div",{...y,className:r(c,"k-input",bt,{[`${bt}-singleline`]:o==="single",[`${bt}-multiline`]:C,[`k-input-${t}`]:t,"k-hover":m,"k-focus":L,"k-disabled":k}),children:[i&&Zo("div",{className:`${bt}-header`,children:i}),bs("div",{className:`${bt}-content`,children:[a&&Zo("div",{className:`${bt}-affix`,children:a}),o==="single"?Zo(ge,{value:f,placeholder:x,className:`${bt}-input`,type:"text","aria-label":"Prompt input"}):Zo(Na,{value:f,placeholder:x,className:`${bt}-textarea`,rows:o==="multi"\|\|p?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),bs("div",{className:`${bt}-affix`,children:[n,Zo(Ie,{size:"small",fillMode:"flat",rounded:"full"}),Zo(se,{icon:N?"stop":"arrow-up",size:"small",rounded:"full",active:N,disabled:!f&&!N,className:r({"k-generating":N}),"aria-label":N?"Stop generating":"Send prompt","aria-live":"polite"})]})]}),u]})};Ct.states=wh;Ct.options=Rh;Ct.className=bt;Ct.defaultOptions=hs;Ct.moduleName=us;Ct.folderName=gp;Ct.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 aU}from"react/jsx-runtime";import{jsx as iU}from"react/jsx-runtime";import{jsx as cU}from"react/jsx-runtime";import{jsx as bU}from"react/jsx-runtime";import{jsx as NU}from"react/jsx-runtime";var xs="chat",Mp=xs;import{Fragment as Ap,jsx as so,jsxs as Ra}from"react/jsx-runtime";var Sp="k-chat",Kh=[],_h={},Dh=Ra(Ap,{children:[so(se,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),so("div",{className:"k-spacer"})]}),yp={tools:Dh},F=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:p,generating:c,tools:u=yp.tools,value:f,empty:x,scrollToBottom:N,scrollbar:m,promptBoxProps:L,...k}=e;return Ra("div",{...k,className:r(Sp,e.className),dir:o,children:[t,Ra("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,so("div",{className:r("k-message-list-content",x&&"k-message-list-content-empty"),children:e.children}),N&&so("div",{className:"k-chat-scroll-to-bottom-container",children:so(xp,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),m&&so("div",{className:"k-separator"}),Ra("div",{className:"k-message-box-wrapper",children:[a,so(Ct,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:n\|\|p?Ra(Ap,{children:[p,n]}):void 0,endAffix:u,...L})]})]})};F.states=Kh;F.options=_h;F.className=Sp;F.defaultOptions=yp;F.moduleName=xs;F.folderName=Mp;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 gs="avatar",Cp=gs;import{jsx as Ep}from"react/jsx-runtime";var Ka="k-avatar";var Hh=[s.hover,s.focus,s.active,s.selected,s.disabled],zh={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]},Ns={type:"text",border:!1},ue=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Ns.type,border:p=Ns.border,...c}=e;return Ep("div",{...c,className:r(e.className,Ka,A(Ka,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ka}-bordered`]:p}),children:Ep("span",{className:`${Ka}-${i}`,children:e.children})})};ue.states=Hh;ue.options=zh;ue.className=Ka;ue.defaultOptions=Ns;ue.moduleName=gs;ue.folderName=Cp;ue.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var io=ue;import{jsx as Uh}from"react/jsx-runtime";var Ip=e=>Uh(io,{type:"icon",...e});import{jsx as Fh}from"react/jsx-runtime";var Tp=e=>Fh(io,{type:"text",...e});import{jsx as Gh}from"react/jsx-runtime";var Sn=e=>Gh(io,{type:"image",...e});import{jsx as jU}from"react/jsx-runtime";import{jsx as _a}from"react/jsx-runtime";var Vh=ue.options,$h=ue.states,Xh={...ue.defaultOptions,variant:"image"},qh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Wh=[],Qo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return _a(Ip,{...o,children:_a(v,{icon:"star"})});case"text":return _a(Tp,{...o,children:"JO"});default:return _a(Sn,{...o,children:_a("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Qo.options=Vh;Qo.states=$h;Qo.variants=qh;Qo.defaultOptions=Xh;Qo.modifiers=Wh;Qo.className=ue.className;import{jsx as jo,jsxs as vs}from"react/jsx-runtime";var Da="k-message-group",Jh=[s.selected],Yh={},yn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},q=e=>{let{type:t=yn.type,author:o=yn.author,avatar:a=yn.avatar,status:n,selected:i,fullWidth:p,...c}=e;return vs("div",{...c,className:r(Da,e.className,S(Da,{selected:i}),{[`${Da}-${t}`]:t,"k-no-avatar":!a,[`${Da}-full-width`]:p}),children:[a&&!n&&jo(ue,{type:"image",children:jo("img",{src:a,alt:o\|\|""})}),n&&a&&vs("div",{className:"k-chat-user-status-wrapper",children:[jo(ue,{type:"image",children:jo("img",{src:a,alt:o\|\|""})}),jo("div",{className:"k-chat-user-status"})]}),vs("div",{className:"k-message-group-content",children:[o&&jo("span",{className:"k-message-author",children:o}),e.children]})]})};q.states=Jh;q.options=Yh;q.className=Da;q.defaultOptions=yn;import{Fragment as Qh,jsx as An,jsxs as Op}from"react/jsx-runtime";var ks="k-message-reference",Zh={},Bp={type:"receiver"},ea=e=>{let{content:t,closeable:o,pinned:a,type:n=Bp.type,...i}=e;return Op("div",{...i,className:r(ks,e.className,{[`${ks}-${n}`]:n,"k-message-pinned":a}),children:[a&&An(v,{icon:"pin-outline"}),An("div",{className:"k-message-reference-content",children:t}),o&&Op(Qh,{children:[An("span",{className:"k-spacer"}),An(l,{icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};ea.options=Zh;ea.className=ks;ea.defaultOptions=Bp;var Ls="bubble",Pp=Ls;import{jsx as Cn,jsxs as ex}from"react/jsx-runtime";var Ms="k-bubble",jh=[s.hover,s.active,s.selected,s.focus],Ss={expandable:!1,expanded:!1},Ft=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:p=Ss.expandable,expanded:c=Ss.expanded,...u}=e;return ex("div",{...u,className:r(e.className,Ms,S(Ms,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":p},{"k-expanded":c}),tabIndex:0,children:[Cn("div",{className:"k-bubble-content",children:t??e.children}),p&&Cn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":c?"Show less":"Show more",tabIndex:0,children:c?Cn(v,{icon:"chevron-up"}):Cn(v,{icon:"chevron-down"})})]})};Ft.states=jh;Ft.className=Ms;Ft.defaultOptions=Ss;Ft.moduleName=Ls;Ft.folderName=Pp;Ft.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 P3}from"react/jsx-runtime";import{jsx as _3}from"react/jsx-runtime";import{jsx as U3}from"react/jsx-runtime";import{jsx as ys,jsxs as Rp}from"react/jsx-runtime";var tx="k-chat-bubble",Kp=e=>{let{typing:t,content:o,files:a,...n}=e;return Rp(Ft,{...n,className:r(e.className,tx),children:[t?Rp("div",{className:"k-typing-indicator",tabIndex:-1,children:[ys("span",{}),ys("span",{}),ys("span",{})]}):o,a]})};import{jsx as oF}from"react/jsx-runtime";import{jsx as _p,jsxs as ox}from"react/jsx-runtime";var Dp="k-chat-event",As={icon:"trash",text:"You deleted Chat history."},Hp=e=>{let{icon:t=As.icon,text:o=As.text,...a}=e;return ox("div",{...a,className:r(e.className,Dp),children:[t&&_p(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&_p("span",{className:"k-chat-event-text",children:o})]})};Hp.className=Dp;Hp.defaultOptions=As;import{jsx as mF}from"react/jsx-runtime";import{Fragment as ax,jsx as ht,jsxs as nx}from"react/jsx-runtime";var zp=e=>ht(F,{children:nx(ax,{children:[ht("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),ht(q,{children:ht(V,{})}),ht(q,{type:"sender",children:ht(V,{})}),ht(q,{children:ht(V,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),ht(q,{type:"sender",children:ht(V,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as Up}from"react/jsx-runtime";var En="k-file-box-wrapper",Fp={layout:"horizontal"},xt=e=>{let{layout:t=Fp.layout,scrollingPosition:o,...a}=e;return Up("ul",{role:"list","aria-label":"Attached files",...a,className:r(e.className,En,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${En}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${En}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?Up("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};xt.className=En;xt.defaultOptions=Fp;var Cs="file-box",Gp=Cs;import{jsx as ta,jsxs as Vp}from"react/jsx-runtime";var $p="k-file-box",rx=[s.selected],sx={},Ha={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},ye=e=>{let{icon:t=Ha.icon,name:o=Ha.name,size:a=Ha.size,status:n,deleted:i,removeButton:p,showButton:c=Ha.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return Vp("li",{role:"listitem",tabIndex:0,"aria-label":f\|\|void 0,...u,className:r($p,e.className,{"k-file-deleted":i}),children:[ta(v,{icon:t,size:"xlarge","aria-hidden":"true"}),Vp("div",{className:"k-file-info",children:[o&&ta("span",{className:"k-file-name",children:o}),a&&ta("span",{className:"k-file-size",children:a}),n&&ta("span",{className:"k-file-status",children:n})]}),c&&(p?ta(l,{as:"span",icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):ta(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};ye.states=rx;ye.options=sx;ye.className=$p;ye.defaultOptions=Ha;ye.moduleName=Cs;ye.folderName=Gp;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 OF}from"react/jsx-runtime";import{jsx as KF}from"react/jsx-runtime";import{jsx as UF,jsxs as FF}from"react/jsx-runtime";import{jsx as qF,jsxs as WF}from"react/jsx-runtime";import{jsx as jF}from"react/jsx-runtime";import{Fragment as u5,jsx as m5,jsxs as f5}from"react/jsx-runtime";import{Fragment as N5,jsx as g5,jsxs as v5}from"react/jsx-runtime";var Es="skeleton",Xp=Es;import{jsx as dx}from"react/jsx-runtime";var Is="k-skeleton",ix=["circle","text","rect"],lx=[],px={},Ts={variant:"text",shape:"text",animation:"pulse"},rt=e=>{let{variant:t,shape:o,animation:a=Ts.animation,...n}=e,i=`skeleton-${t\|\|o\|\|Ts.variant}`;return dx("span",{...n,className:r(e.className,Is,qa(Is,i),{[`k-skeleton-${a}`]:a}),style:e.style})};rt.states=lx;rt.options=px;rt.variants=ix;rt.className=Is;rt.defaultOptions=Ts;rt.moduleName=Es;rt.folderName=Xp;rt.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as I5}from"react/jsx-runtime";import{jsx as P5}from"react/jsx-runtime";import{jsx as _5}from"react/jsx-runtime";import{Fragment as Z5,jsx as J5,jsxs as Y5}from"react/jsx-runtime";import{Fragment as oG,jsx as tG,jsxs as aG}from"react/jsx-runtime";var Os="window",qp=Os;import{jsx as fx}from"react/jsx-runtime";var Wp="k-window-content",cx=[],mx={},ux={},Gt=e=>{let{children:t,...o}=e;return fx("div",{...o,className:r(Wp,e.className),children:t})};Gt.states=cx;Gt.options=mx;Gt.className=Wp;Gt.defaultOptions=ux;Gt.moduleName=Os;Gt.folderName=qp;var za="dialog",In=za;import{Fragment as xx,jsx as lo,jsxs as Bs}from"react/jsx-runtime";var Jp="k-dialog",bx=[],hx={},Ps={actionButtonsAlign:"stretched",modal:!0},Te=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Ps.actionButtonsAlign,modal:i=Ps.modal,...p}=e,c=t!==void 0?w("dialog-titlebar"):void 0,u=w("dialog-content");return Bs("div",{className:"k-dialog-wrapper",children:[i&&lo(ct,{}),Bs("div",{...p,className:r(e.className,Jp,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&Bs("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&lo("span",{className:"k-window-title k-dialog-title",children:t}),o&&lo(xx,{children:lo("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>lo(l,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),lo(Gt,{className:"k-dialog-content",id:u,children:e.children}),a&&lo(we,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};Te.states=bx;Te.options=hx;Te.className=Jp;Te.defaultOptions=Ps;Te.moduleName=za;Te.folderName=In;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 ws=Te;import{jsx as kx}from"react/jsx-runtime";var Yp="k-dialog-wrapper",gx=[],Nx={},vx={},oa=e=>{let{...t}=e;return kx("div",{...t,className:r(e.className,Yp),children:e.children})};oa.states=gx;oa.options=Nx;oa.className=Yp;oa.defaultOptions=vx;oa.moduleName=za;oa.folderName=In;import{Fragment as Zp,jsx as Tn,jsxs as Lx}from"react/jsx-runtime";var Qp=e=>Tn(ws,{title:"Title",children:Tn(Zp,{children:"Dialog content"}),actionButtons:Lx(Zp,{children:[Tn(l,{children:"Action"}),Tn(l,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as TG,jsx as OG,jsxs as BG}from"react/jsx-runtime";import{Fragment as Ex,jsx as On,jsxs as Ix}from"react/jsx-runtime";var Mx=Te.options,Sx=[],yx=Te.states,Ax=Te.defaultOptions,Cx=[],aa=e=>On(Qp,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:Ix(Ex,{children:[On(l,{children:"No"}),On(l,{themeColor:"primary",children:"Yes"})]}),children:On("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});aa.options=Mx;aa.states=yx;aa.variants=Sx;aa.defaultOptions=Ax;aa.modifiers=Cx;aa.className=Te.className;var Rs="dropzone",jp=Rs;import{jsx as Bn,jsxs as Bx}from"react/jsx-runtime";var Ks="k-external-dropzone",Tx=[s.disabled,s.hover],Ox={},_s={icon:"upload",hint:"Drag and drop files here to upload"},Ae=e=>{let{hover:t,disabled:o,icon:a=_s.icon,hint:n=_s.hint,note:i,...p}=e;return Bn("div",{...p,className:r(e.className,Ks,S(Ks,{disabled:o}),{"k-external-dropzone-hover":t}),children:Bx("div",{className:"k-dropzone-inner",children:[a&&Bn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&Bn("span",{className:"k-dropzone-hint",children:n}),i&&Bn("span",{className:"k-dropzone-note",children:i})]})})};Ae.states=Tx;Ae.options=Ox;Ae.className=Ks;Ae.defaultOptions=_s;Ae.moduleName=Rs;Ae.folderName=jp;import{jsx as Px}from"react/jsx-runtime";var ed=e=>Px(Ae,{...e});import{jsx as a6}from"react/jsx-runtime";import{jsx as Hx}from"react/jsx-runtime";var wx=Ae.options,Rx=Ae.states,Kx=Ae.defaultOptions,_x=[{name:"note",title:"Note"}],Dx=[],na=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)}),Hx(ed,{style:{width:"500px"},...o,...a})};na.options=wx;na.states=Rx;na.variants=Dx;na.defaultOptions=Kx;na.modifiers=_x;na.className=Ae.className;import{Fragment as Pn,jsx as Vt,jsxs as Ua}from"react/jsx-runtime";var Ds="k-upload-dropzone",zx=[s.hover],wn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...p}=e,c;switch(o){case"uploading":c=Ua(Pn,{children:[Vt(v,{icon:"upload"}),"Uploading..."]});break;case"done":c=Ua(Pn,{children:[Vt(v,{icon:"check"}),"Done"]});break;case"failed":c=Ua(Pn,{children:[Vt(v,{icon:"exclamation-circle"}),"Done"]});break;default:c=Vt(Pn,{});break}return Ua("div",{...p,className:r(e.className,Ds,"k-dropzone",S(Ds,{hover:t})),children:[Ua("div",{className:"k-upload-button-wrap",children:[Vt(l,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),Vt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Vt("span",{className:r("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Vt("span",{className:"k-upload-status",children:c})]})};wn.states=zx;wn.className=Ds;var Hs="upload",td=Hs;import{jsx as Rn,jsxs as ad}from"react/jsx-runtime";var zs="k-upload",Ux=[s.hover,s.disabled],Fx={},nd={actionsLayout:"end"},od="upload-files-list",j=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=nd.actionsLayout,hover:i,status:p,disabled:c,...u}=e,f=!!e.children;return ad("div",{...u,className:r(e.className,zs,S(zs,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[Rn(wn,{status:p,hover:i,disabled:c,hasFiles:f,filesId:od}),f&&Rn("ul",{className:"k-upload-files",role:"list",id:od,children:e.children}),a&&f&&ad(Ii,{alignment:n,orientation:"horizontal",children:[Rn(l,{className:"k-clear-selected",children:"Clear"}),Rn(l,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};j.states=Ux;j.options=Fx;j.className=zs;j.defaultOptions=nd;j.moduleName=Hs;j.folderName=td;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 Fa="progressbar",Kn=Fa;import{jsx as Fs,jsxs as Us}from"react/jsx-runtime";var je="k-progressbar",Gx=[s.disabled,s.indeterminate],Vx={orientation:["horizontal","vertical"]},po={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},fe=e=>{let{disabled:t,height:o,indeterminate:a=po.indeterminate,label:n=po.label,labelPosition:i=po.labelPosition,orientation:p=po.orientation,reverse:c=po.reverse,value:u=po.value,width:f,style:x,ariaLabel:N,...m}=e;return Us("div",{...m,className:r(e.className,je,S(je,{disabled:t}),{[`${je}-${p}`]:p,[`${je}-indeterminate`]:a,[`${je}-reverse`]:c}),style:{...x,"--kendo-progressbar-value":u,[p==="horizontal"?"height":"width"]:p==="horizontal"?o:f},role:"progressbar","aria-label":N\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Fs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Us("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Fs("div",{className:"k-progressbar-value k-selected",children:Fs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Us("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};fe.states=Gx;fe.options=Vx;fe.className=je;fe.defaultOptions=po;fe.moduleName=Fa;fe.folderName=Kn;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 rd=fe;import{jsx as Gs}from"react/jsx-runtime";var sd="k-chunk-progressbar",$x=(e,t)=>t<=e-1,Xx=[s.disabled,s.indeterminate],qx={},_n={chunkCount:5,orientation:"horizontal",progress:0},co=e=>{let{disabled:t,chunkCount:o=_n.chunkCount,indeterminate:a,orientation:n=_n.orientation,progress:i=_n.progress,reverse:p,ariaLabel:c,...u}=e;return Gs("div",{...u,className:r(e.className,je,sd,S(je,{disabled:t}),{[`${je}-${n}`]:n,[`${je}-indeterminate`]:a,[`${je}-reverse`]:p}),role:"progressbar","aria-label":c\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Gs("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,x)=>Gs("li",{className:r("k-progressbar-chunk",{"k-first":x===0,"k-last":x===[...Array(o)].length-1,"k-selected":$x(i,x)})},x))})})};co.states=Xx;co.options=qx;co.className=sd;co.defaultOptions=_n;co.moduleName=Fa;co.folderName=Kn;co.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 Wx}from"react/jsx-runtime";var Ga=e=>Wx(rd,{...e});import{jsx as V6}from"react/jsx-runtime";import{jsx as $t}from"react/jsx-runtime";var Jx=fe.options,Yx=fe.states,id={...fe.defaultOptions,variant:"start"},Zx=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Qx=[],ra=e=>{let{variant:t,modifiers:o,...a}={...id,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o\|\|{}).forEach(p=>{switch(p){case"reverse":n.reverse=!!o?.[p];break;case"vertical":n.orientation=o?.[p]?"vertical":void 0,i.style=o?.[p]?void 0:{width:"324px"};break}}),t){case"end":return $t("div",{...i,children:$t(Ga,{...a,...n,labelPosition:"end",value:"50"})});case"center":return $t("div",{...i,children:$t(Ga,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return $t("div",{...i,children:$t(Ga,{...a,...n,label:!1,value:"50"})});default:return $t("div",{...i,children:$t(Ga,{...a,...n,labelPosition:"start",value:"50"})})}};ra.options=Jx;ra.states=Yx;ra.variants=Zx;ra.defaultOptions=id;ra.modifiers=Qx;ra.className=fe.className;import{jsx as Vs,jsxs as eg}from"react/jsx-runtime";var jx="k-file-info",$s=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return eg("div",{...n,className:r(e.className,jx),children:[t&&Vs("span",{className:"k-file-name",children:t}),o&&Vs("span",{className:"k-file-size",children:o}),a&&Vs("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as og,jsx as Et,jsxs as Dn}from"react/jsx-runtime";var tg="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:p,validationMsg:c,...u}=e;return Et("li",{...u,className:r(e.className,tg,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Dn("div",{className:"k-file-single",children:[Et(fe,{className:r({"k-hidden":t!=="progress"}),value:o,label:!1}),Dn("span",{className:"k-file-icon-wrapper",children:[Et(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),p&&Et("span",{className:"k-file-state",children:p})]}),Et($s,{name:a,size:i,validationMsg:c}),Et("div",{className:"k-upload-actions",children:t==="progress"?Dn(og,{children:[Dn("span",{className:"k-upload-pct",children:[o,"%"]}),Et(l,{icon:"pause-sm",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),Et(l,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):Et(l,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as v7,jsx as g7,jsxs as N7}from"react/jsx-runtime";import{Fragment as ag,jsx as Xs,jsxs as ng}from"react/jsx-runtime";var Va=e=>Xs(j,{async:!0,children:ng(ag,{children:[Xs(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),Xs(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as T7,jsx as E7,jsxs as I7}from"react/jsx-runtime";import{jsx as rg}from"react/jsx-runtime";var ld=e=>rg(j,{async:!0,empty:!0,...e});import{Fragment as D7,jsx as _7,jsxs as H7}from"react/jsx-runtime";import{Fragment as V7,jsx as G7,jsxs as $7}from"react/jsx-runtime";import{jsx as It,jsxs as Hn}from"react/jsx-runtime";var sg=j.options,ig=j.states,pd={...j.defaultOptions,variant:"empty"},lg=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],pg=[],sa=e=>{let{variant:t,...o}={...pd,...e};switch(t){case"success":return Hn(Va,{status:"done",style:{width:"586px"},...o,children:[It(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),It(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Hn(Va,{status:"failed",style:{width:"586px"},...o,children:[It(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),It(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Hn(Va,{status:"uploading",style:{width:"586px"},...o,children:[It(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),It(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Hn(Va,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[It(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),It(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return It(ld,{async:!0,status:"upload",style:{width:"586px"},...o})}};sa.options=sg;sa.states=ig;sa.variants=lg;sa.defaultOptions=pd;sa.modifiers=pg;sa.className=j.className;import{Fragment as N9,jsx as g9,jsxs as v9}from"react/jsx-runtime";import{jsx as S9}from"react/jsx-runtime";import{Fragment as I9,jsx as E9,jsxs as T9}from"react/jsx-runtime";import{Fragment as R9,jsx as w9,jsxs as K9}from"react/jsx-runtime";import{Fragment as U9,jsx as z9,jsxs as F9}from"react/jsx-runtime";import{Fragment as q9,jsx as X9}from"react/jsx-runtime";var qs="appbar",dd=qs;import{jsx as ug}from"react/jsx-runtime";var Ws="k-appbar",dg=[],cg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.inverse]},mg={},be=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return ug("div",{...n,className:r(e.className,Ws,A(Ws,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};be.states=dg;be.options=cg;be.className=Ws;be.defaultOptions=mg;be.moduleName=qs;be.folderName=dd;be.ariaSpec={selector:".k-appbar",rules:[]};import{jsx as bg}from"react/jsx-runtime";var fg="k-appbar-section",gt=e=>{let{...t}=e;return bg("div",{...t,className:r(fg,e.className),children:e.children})};import{Fragment as l4,jsx as s4,jsxs as i4}from"react/jsx-runtime";import{jsx as ee,jsxs as ia}from"react/jsx-runtime";var Js={...be.options,positionMode:["static","sticky","fixed"]},hg=be.states,cd={...be.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};Js.themeColor=["primary",...Js.themeColor.filter(e=>e!=="primary")];var xg=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],la=e=>{let{variant:t,...o}={...cd,...e},a=ia(be,{position:t,...o,children:[ee(gt,{children:ee(se,{fillMode:"flat",icon:"menu"})}),ee("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),ee(gt,{children:ee("h3",{className:"k-m-0",children:"AppBar"})}),ee("span",{className:"k-spacer"}),ia(gt,{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(gt,{children:ee(an,{value:"Input value"})}),ia(gt,{children:[ee(se,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),ee("span",{className:"k-appbar-separator"}),ee(Sn,{className:"k-mx-sm",children:ee("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=ia("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"?ia("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):ia("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};la.options=Js;la.states=hg;la.variants=xg;la.defaultOptions=cd;la.modifiers=[];la.className=be.className;var Ys="suggestion",md=Ys;import{jsx as zn,jsxs as vg}from"react/jsx-runtime";var Un="k-suggestion-group",gg=[],Ng={},ud={layout:"scrollable",scrollingPosition:"start"},et=e=>{let{layout:t=ud.layout,scrollingPosition:o,...a}=e,n=zn("div",{...a,className:r(Un,{"k-suggestion-group-scrollable":t=="scrollable",[`${Un}-scrollable-start`]:o==="start"\|\|o==="both",[`${Un}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?zn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?vg("div",{className:"k-suggestion-scrollwrap",children:[zn(l,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,zn(l,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};et.states=gg;et.options=Ng;et.className=Un;et.defaultOptions=ud;et.moduleName=Ys;et.folderName=md;import{jsx as Sg}from"react/jsx-runtime";var Fn="k-suggestion",kg=[s.active,s.hover,s.focus],Lg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},Mg={text:"Suggestion"},tt=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...p}=e;return Sg("span",{...p,className:r(e.className,Fn,S(Fn,{hover:a,active:o,focus:n}),A(Fn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};tt.states=kg;tt.options=Lg;tt.className=Fn;tt.item=Mg;import{Fragment as R4,jsx as w4,jsxs as K4}from"react/jsx-runtime";import{Fragment as U4,jsx as z4,jsxs as F4}from"react/jsx-runtime";import{Fragment as q4,jsx as X4,jsxs as W4}from"react/jsx-runtime";import{Fragment as Tg,jsx as te,jsxs as Gn}from"react/jsx-runtime";var yg=F.states,Ag=F.defaultOptions,Cg=F.options,Eg=[{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"}],Ig=[],pa=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Gn(be,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[te("span",{className:"k-spacer k-spacer-sized k-w-1"}),te(gt,{children:te("span",{children:"Chat with demo bot"})}),te("span",{className:"k-spacer"}),te(gt,{children:te(l,{fillMode:"flat",icon:"more-vertical"})})]}),i=te(ea,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),p=Gn(et,{children:[te(tt,{text:"Provide a CV template"}),te(tt,{text:"Generate a cover letter"})]}),c=Gn(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,x="User",N="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]?p:!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(Tg,{});break;default:break}});let{header:m,pinned:L,suggestedActions:k,author:y,avatar:C,quickReplies:M}=a;return Gn(zp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:k,children:[te(q,{avatar:f,author:y?N:null,children:te(V,{text:"Hello, this is a demo bot. How can I help you ?"})}),te(q,{avatar:C?u:null,author:y?x:null,type:"sender",children:te(V,{text:"Hello! Generate a cover letter."})}),te(q,{avatar:f,author:y?N:null,children:te(V,{text:"Sure. Here is a cover letter template",files:te(xt,{children:te(ye,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),M]})};pa.options=Cg;pa.states=yg;pa.variants=Ig;pa.defaultOptions=Ag;pa.modifiers=Eg;pa.className=F.className;import{Fragment as wg,jsx as st,jsxs as $a}from"react/jsx-runtime";var fd="k-message",Og=[s.hover,s.selected,s.active,s.focus],Bg={},Pg=[st(l,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),st(l,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),st(l,{icon:"download",fillMode:"flat","aria-label":"Download"})],da={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Pg,failed:"Failed to send"},V=e=>{let{time:t=da.time,text:o=da.text,content:a,status:n=da.status,statusIcon:i,toolbarItems:p=da.toolbarItems,hover:c,selected:u,active:f,focus:x,toolbar:N,typing:m,expandable:L,expanded:k,removed:y,files:C,failed:M,...I}=e,$=M===!0?da.failed:M;return $a("div",{...I,className:r(fd,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(Kp,{typing:m,selected:u,hover:c,active:f,focus:x,content:$a(wg,{children:[a,o&&st("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:k,files:C}),$a("div",{className:"k-message-info",children:[n&&$a("span",{className:"k-message-status",children:[i&&st(v,{icon:i,size:"xsmall"}),n]}),t&&st("time",{className:"k-message-time",children:t}),M&&$a("span",{className:"k-message-failed-content",children:[M&&st(v,{icon:"warning-triangle",size:"xsmall"}),M&&st("span",{className:"k-message-failed-text",children:$})]})]}),N&&st(z,{className:"k-chat-message-toolbar",fillMode:"flat",children:p})]})};V.states=Og;V.options=Bg;V.className=fd;V.defaultOptions=da;var z8=V;export{fd as CHATMESSAGE_CLASSNAME,V as ChatMessage,z8 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:p,active:c,selected:u,disabled:f,indeterminate:x,loading:N,empty:m,readonly:L,highlighted:k,...y}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":p,"k-active":c,"k-selected":u,"k-disabled":f,"k-indeterminate":x&&!p,"k-loading":N,"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 qa(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"},it={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},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 qn={};function w(e){return qn[e]=(qn[e]\|\|0)+1,`k-${e}-${qn[e]}`}import{Fragment as Nd,jsx as Qs}from"react/jsx-runtime";var Wn="k-font-icon",hd=[],xd={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]},gd={},ca=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...p}=e;return a?Qs("span",{...p,className:r(e.className,Wn,A(Wn,{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"}):Qs(Nd,{})};ca.states=hd;ca.options=xd;ca.className=Wn;ca.defaultOptions=gd;var js=ca;import{Fragment as Ld,jsx as Wa}from"react/jsx-runtime";var Jn="k-svg-icon",vd=[],kd={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],variant:[it.outline,it.solid,it.duotone]},Yn={viewBox:"0 0 24 24",variant:it.outline},ma=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=Yn.viewBox,variant:p=Yn.variant,icon:c,...u}=e;if(!c)return Wa(Ld,{});if(c==="none")return Wa("span",{...u,className:r(e.className,Jn,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name,x=typeof c=="object"?p&&c.variants?.[p]\|\|c.variants?.outline\|\|c.content:void 0;return Wa("span",{...u,className:r(e.className,Jn,A("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`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:Wa("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:c?void 0:e.children})})};ma.states=vd;ma.options=kd;ma.className=Jn;ma.defaultOptions=Yn;var Zn=ma;importas Qn from"@progress/kendo-svg-icons";var ei="icon",ti="icons";import{useContext as Sd}from"react";import{createContext as Md}from"react";var oi=Md({iconsType:"svg"});import{Fragment as ai,jsx as ua}from"react/jsx-runtime";var Ja="k-icon",yd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ad=[],Cd={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],variant:[it.outline,it.solid,it.duotone]},Ya={viewBox:"0 0 24 24",type:"svg",variant:it.outline},v=e=>{let{iconsType:t}=Sd(oi),{size:o,themeColor:a,icon:n,type:i=t\|\|Ya.type,rotate:p,flip:c,viewBox:u=Ya.viewBox,variant:f=Ya.variant,...x}=e;if(!n)return ua(ai,{});if((t\|\|i)==="svg"){if(n==="none")return ua(Zn,{...x,className:r(e.className,Ja),icon:n,size:o,variant:f});let m=Qn[n]?n:yd(`${n}-icon`);return Qn[m]?ua(Zn,{...x,className:r(e.className,Ja),icon:Qn[m],size:o,themeColor:a,rotate:p,flip:c,viewBox:u,variant:f}):ua(ai,{})}return ua(js,{...x,className:r(e.className,Ja),icon:n,size:o,themeColor:a,rotate:p,flip:c})};v.states=Ad;v.options=Cd;v.defaultOptions=Ya;v.className=Ja;v.moduleName=ei;v.folderName=ti;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 jn="button",ni=jn;import{Fragment as Od,jsx as fa,jsxs as ri}from"react/jsx-runtime";var ba="k-button",Ed=["icon-button"],Id=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Td={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]},er={showArrow:!1,arrowIconName:"chevron-down"},l=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:p=er.showArrow,arrowIconName:c=er.arrowIconName,variant:u,hover:f,focus:x,active:N,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 ri(t,{className:r($,ba,qa(ba,u),A(ba,{size:o,rounded:a,fillMode:n,themeColor:i}),S(ba,{hover:f,focus:x,active:N,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&&fa(v,{className:r(I,"k-button-icon"),icon:C}),M?ri(Od,{children:[M&&fa("span",{className:"k-button-text",children:M}),e.children]}):e.children&&fa("span",{className:"k-button-text",children:e.children}),p&&fa("span",{className:"k-menu-button-arrow k-button-arrow",children:fa(v,{icon:c})})]})};l.states=Id;l.options=Td;l.variants=Ed;l.className=ba;l.defaultOptions=er;l.moduleName=jn;l.folderName=ni;l.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 Bd}from"react/jsx-runtime";var se=e=>Bd(l,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Pd}from"react/jsx-runtime";var ha=e=>Pd(l,{icon:"folder",children:"Button",...e});import{jsx as wd}from"react/jsx-runtime";var ot=e=>wd(l,{children:"Button",...e});import{jsx as tr}from"react/jsx-runtime";var Rd=l.options,Kd=l.states,_d={...l.defaultOptions,variant:"text"},Dd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Hd=[],mo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return tr(se,{...o,icon:"star"});case"icon-and-text":return tr(ha,{...o,icon:"star",children:"Button"});default:return tr(ot,{...o,children:"Button"})}};mo.options=Rd;mo.states=Kd;mo.variants=Dd;mo.defaultOptions=_d;mo.modifiers=Hd;mo.className=l.className;var or="button",si=or;import{jsx as Gd}from"react/jsx-runtime";var xa="k-button-group",zd=[s.disabled],Ud={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Fd={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Gd("div",{role:"group",...n,className:r(e.className,xa,A(xa,{fillMode:t}),S(xa,{disabled:o}),{[`${xa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=zd;T.options=Ud;T.className=xa;T.defaultOptions=Fd;T.moduleName=or;T.folderName=si;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 JN,jsx as WN,jsxs as YN}from"react/jsx-runtime";import{Fragment as ov,jsx as tv,jsxs as av}from"react/jsx-runtime";import{Fragment as pv,jsx as lv,jsxs as dv}from"react/jsx-runtime";import{Fragment as hv,jsx as bv,jsxs as xv}from"react/jsx-runtime";import{Fragment as Mv,jsx as Lv,jsxs as Sv}from"react/jsx-runtime";import{Fragment as Tv,jsx as Iv,jsxs as Ov}from"react/jsx-runtime";import{jsx as Nt,jsxs as ar}from"react/jsx-runtime";var Vd={...l.options,...T.options},$d=l.states,Xd={...l.defaultOptions,...T.defaultOptions,variant:"text-button"},qd=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Wd=[],uo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?ar(T,{fillMode:a.fillMode,className:o,children:[Nt(l,{...a,icon:"star"}),Nt(l,{...a,icon:"star"}),Nt(l,{...a,icon:"star"})]}):t==="icon-text-button"?ar(T,{fillMode:a.fillMode,className:o,children:[Nt(l,{...a,icon:"star",children:"First"}),Nt(l,{...a,icon:"star",children:"Middle"}),Nt(l,{...a,icon:"star",children:"Last"})]}):ar(T,{fillMode:a.fillMode,className:o,children:[Nt(l,{...a,children:"First"}),Nt(l,{...a,children:"Middle"}),Nt(l,{...a,children:"Last"})]})};uo.options=Vd;uo.states=$d;uo.variants=qd;uo.defaultOptions=Xd;uo.modifiers=Wd;uo.className=T.className;var ga="input",Za=ga;import{jsx as Qd}from"react/jsx-runtime";var Qa="k-input",Jd=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Yd={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]},Zd={},Y=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:p,readonly:c,size:u,rounded:f,fillMode:x,...N}=e;return Qd("span",{...N,className:r(e.className,Qa,A(Qa,{size:u,rounded:f,fillMode:x}),S(Qa,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:p,readonly:c}))})};Y.states=Jd;Y.options=Yd;Y.className=Qa;Y.defaultOptions=Zd;Y.moduleName=ga;Y.folderName=Za;import{jsx as oc}from"react/jsx-runtime";var ja="k-picker",jd=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],ec={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]},tc={},lt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:p,readonly:c,size:u,rounded:f,fillMode:x,...N}=e;return oc("span",{...N,className:r(e.className,ja,A(ja,{size:u,rounded:f,fillMode:x}),S(ja,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:p,readonly:c})),children:e.children})};lt.states=jd;lt.options=ec;lt.className=ja;lt.defaultOptions=tc;lt.moduleName=ga;lt.folderName=Za;import{Fragment as rc,jsx as nr}from"react/jsx-runtime";var ii="k-clear-value",ac=[s.disabled,s.loading,s.readonly],nc={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?nr(rc,{}):nr("span",{className:r(e.className,ii),children:nr(v,{icon:"x"})})};Pe.states=ac;Pe.options=nc;Pe.className=ii;import{jsx as lc}from"react/jsx-runtime";var rr="k-input-inner",sc=[],ic={},en={type:"text",autocomplete:"off",value:"",placeholder:""},ge=e=>{let{value:t=en.value,type:o=en.type,placeholder:a=en.placeholder,autocomplete:n=en.autocomplete,disabled:i,readOnly:p,...c}=e;return lc("input",{...c,type:o,className:r(e.className,rr,A(rr,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:p\|\|void 0})};ge.states=sc;ge.options=ic;ge.className=rr;import{jsx as li,jsxs as cc}from"react/jsx-runtime";var sr="k-input-inner",pc=[],dc={},qt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...p}=e;return cc("span",{...p,className:r(e.className,sr,A(sr,e)),children:[n,!n&&i&&li(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&li("span",{className:"k-input-value-text",children:t})]})};qt.states=pc;qt.options=dc;qt.className=sr;import{jsx as fc}from"react/jsx-runtime";var ir="k-input-inner",mc=[],uc={},pi={value:"",placeholder:""},Na=e=>{let{value:t=pi.value,placeholder:o=pi.placeholder,rows:a,disabled:n,...i}=e;return fc("textarea",{...i,className:r(e.className,ir,A(ir,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};Na.states=mc;Na.options=uc;Na.className=ir;import{Fragment as hc,jsx as di}from"react/jsx-runtime";var ci="k-input-loading-icon",bc=[s.disabled,s.loading],Ce=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?di(hc,{}):di("span",{className:r(e.className,ci,"k-icon k-i-loading")})};Ce.states=bc;Ce.className=ci;import{Fragment as Nc,jsx as mi}from"react/jsx-runtime";var ui="k-input-validation-icon",xc=[s.valid,s.invalid,s.disabled,s.loading],gc={},Ne=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?mi(Nc,{}):mi(v,{className:r(ui),icon:i})};Ne.states=xc;Ne.options=gc;Ne.className=ui;import{Fragment as Lc,jsx as fi}from"react/jsx-runtime";var vc="k-input-prefix",kc={direction:"horizontal"},ze=e=>{let{direction:t=kc.direction,...o}=e;return e.children?fi("span",{...o,className:r(vc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):fi(Lc,{})};import{Fragment as yc,jsx as bi}from"react/jsx-runtime";var Mc="k-input-suffix",Sc={direction:"horizontal"},Ue=e=>{let{direction:t=Sc.direction,...o}=e;return e.children?bi("span",{...o,className:r(Mc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):bi(yc,{})};import{jsx as Ok}from"react/jsx-runtime";import{jsx as Cc}from"react/jsx-runtime";var Ac="k-input-suffix-text",lr=e=>{let{children:t,...o}=e;return Cc("span",{...o,className:r(Ac,e.className),children:t})};import{jsx as Ic}from"react/jsx-runtime";var hi="k-input-separator",Ec={direction:"vertical"},Fe=e=>{let{direction:t=Ec.direction,...o}=e;return Ic("span",{...o,className:r(hi,e.className,{[`${hi}-${t}`]:t})})};import{Fragment as xi,jsx as pt,jsxs as pr}from"react/jsx-runtime";var Tc=Y.states,Oc=Y.defaultOptions,Bc=Y.options,Pc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],wc=[],fo=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:p,...c}=e,u=t?.prefix,f=t?.suffix,x=t?.["clear-button"],N=t?.["validation-icon"],m=t?.separators;return pr(Y,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:p,style:{width:300},children:[u&&pr(xi,{children:[pt(ze,{children:pt(v,{icon:"lock"})}),m&&pt(Fe,{})]}),pt(ge,{placeholder:"Placeholder",value:"Value"}),N&&pt(Ne,{valid:o,invalid:a,loading:n,disabled:i}),pt(Ce,{loading:n,disabled:i}),x&&pt(Pe,{loading:n,disabled:i,readonly:p,value:"Value"}),f&&pr(xi,{children:[m&&pt(Fe,{}),pt(Ue,{children:pt(ot,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};fo.options=Bc;fo.states=Tc;fo.variants=wc;fo.defaultOptions=Oc;fo.modifiers=Pc;fo.className=Y.className;import{jsx as gi,jsxs as _c}from"react/jsx-runtime";var Ni="k-color-preview",Rc=[],Kc={},Ot=e=>{let{color:t,iconName:o,...a}=e;return _c("span",{...a,className:r(e.className,Ni,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&gi(v,{icon:o,className:"k-color-preview-icon"}),gi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ot.states=Rc;Ot.options=Kc;Ot.className=Ni;var dr="popup",vi=dr;import{jsx as ki}from"react/jsx-runtime";var Li="k-animation-container",Dc=[],Hc={},Mi={positionMode:"absolute"},dt=e=>{let{positionMode:t=Mi.positionMode,animationStyle:o,offset:a,...n}=e;return ki("div",{...n,style:{...a,...e.style},className:r(e.className,Li,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:ki("div",{className:"k-child-animation-container",style:o,children:e.children})})};dt.states=Dc;dt.options=Hc;dt.className=Li;dt.defaultOptions=Mi;dt.moduleName=dr;dt.folderName=vi;var cr="popup",Si=cr;import{jsx as yi}from"react/jsx-runtime";var Ai="k-popup",zc=[],Uc={},Ci={positionMode:"absolute"},G=e=>{let{offset:t,positionMode:o=Ci.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:p,...c}=e;return yi(dt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":p,children:yi("div",{...c,className:r(e.className,Ai),children:e.children})})};G.states=zc;G.options=Uc;G.className=Ai;G.defaultOptions=Ci;G.moduleName=cr;G.folderName=Si;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 mr="action-buttons",Ei=mr;import{jsx as Vc}from"react/jsx-runtime";var tn="k-actions",Fc=[],Gc={},ur={alignment:"start",orientation:"horizontal"},we=e=>{let{alignment:t=ur.alignment,orientation:o=ur.orientation,...a}=e;return Vc("div",{...a,className:r(tn,{[`${tn}-${t}`]:t,[`${tn}-${o}`]:o},e.className),children:e.children})};we.states=Fc;we.options=Gc;we.className=tn;we.defaultOptions=ur;we.moduleName=mr;we.folderName=Ei;var Ii=we;import{jsx as Xc}from"react/jsx-runtime";var $c="k-actionsheet-footer",Ti={alignment:"stretched",orientation:"horizontal"},Bt=e=>{let{alignment:t=Ti.alignment,orientation:o=Ti.orientation,template:a,as:n=a?"div":we,...i}=e;return Xc(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,$c),children:e.children})};var fr="searchbox",Oi=fr;import{jsx as va,jsxs as Jc}from"react/jsx-runtime";var Bi="k-searchbox",qc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Wc={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]},br={showIcon:!0,icon:"search"},Ge=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:p,focus:c,valid:u,invalid:f,required:x,loading:N,disabled:m,showIcon:L=br.showIcon,icon:k=br.icon,"aria-label":y,...C}=e;return Jc(Y,{...C,size:a,rounded:n,fillMode:i,hover:p,focus:c,valid:u,invalid:f,required:x,loading:N,disabled:m,className:r(e.className,Bi),children:[L&&va(v,{className:"k-input-icon",icon:k}),va(ge,{placeholder:o,value:t,"aria-label":y}),va(Ce,{...e}),va(Ne,{...e}),va(Pe,{...e})]})};Ge.states=qc;Ge.options=Wc;Ge.className=Bi;Ge.defaultOptions=br;Ge.moduleName=fr;Ge.folderName=Oi;import{jsx as oM}from"react/jsx-runtime";var hr="textbox",Pi=hr;import{Fragment as wi,jsx as Pt,jsxs as xr}from"react/jsx-runtime";var Ri="k-textbox",Yc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Zc={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]},on={showClearButton:!0,showValidationIcon:!0,separators:!0},ie=e=>{let{size:t,rounded:o,fillMode:a,separators:n=on.separators,showClearButton:i=on.showClearButton,showValidationIcon:p=on.showValidationIcon,prefix:c,suffix:u,type:f,value:x,placeholder:N,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 xr(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,Ri),children:[c&&xr(wi,{children:[Pt(ze,{children:c}),n&&Pt(Fe,{})]}),Pt(ge,{id:pe,placeholder:N,value:x,type:f,disabled:I,"aria-label":he,"aria-describedby":xe,"aria-invalid":y?"true":void 0}),p&&Pt(Ne,{valid:k,invalid:y,loading:M,disabled:I}),Pt(Ce,{loading:M,disabled:I}),i&&Pt(Pe,{loading:M,disabled:I,readonly:$,value:x}),u&&xr(wi,{children:[n&&Pt(Fe,{}),Pt(Ue,{children:u})]})]})};ie.states=Yc;ie.options=Zc;ie.className=Ri;ie.defaultOptions=on;ie.moduleName=hr;ie.folderName=Pi;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 ka=ie;import{jsx as Qc}from"react/jsx-runtime";var an=e=>Qc(ka,{...e});import{Fragment as vM,jsx as NM}from"react/jsx-runtime";import{Fragment as AM,jsx as yM}from"react/jsx-runtime";import{jsx as TM}from"react/jsx-runtime";import{jsx as gr}from"react/jsx-runtime";var jc=ie.states,em=ie.defaultOptions,tm=ie.options,om=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],am=[],bo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?gr(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?gr(ot,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),gr(an,{value:"Value",style:{width:300},...o,...a})};bo.options=tm;bo.states=jc;bo.variants=am;bo.defaultOptions=em;bo.modifiers=om;bo.className=ie.className;import{jsx as wt,jsxs as Nr}from"react/jsx-runtime";var Ki="k-actionsheet-titlebar",nm={},ve=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:p,inputValue:c,inputPlaceholder:u,adaptive:f,titleId:x,children:N,...m}=e;return Nr("div",{...m,className:r(e.className,Ki),children:[Nr("div",{className:"k-actionsheet-titlebar-group",children:[a&&wt("div",{className:"k-actionsheet-actions",children:a}),!N&&Nr("div",{className:"k-actionsheet-title",id:x,children:[t&&wt("div",{className:"k-text-center",children:t}),o&&wt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&wt("div",{className:"k-actionsheet-title",id:x,children:N}),n&&wt("div",{className:"k-actionsheet-actions",children:n})]}),(p\|\|i)&&wt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?wt(ie,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t\|\|u\|\|"Input"}):wt(Ge,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};ve.className=Ki;ve.defaultOptions=nm;import{jsx as vr,jsxs as lm}from"react/jsx-runtime";var kr="k-actionsheet-view",rm=[],sm={},im={},ho=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:p,...c}=e,u=n?.type===ve&&vr(ve,{adaptive:t,titleId:p,...n?.props}),f=i?.type===Bt&&vr(Bt,{...i?.props});return lm("div",{...c,className:r(e.className,kr,{[`${kr}-animated`]:o}),children:[u,vr("div",{className:"k-actionsheet-content",children:a}),f]})};ho.states=rm;ho.options=sm;ho.className=kr;ho.defaultOptions=im;var La="action-sheet",nn=La;var Lr="overlay",_i=Lr;import{jsx as mm}from"react/jsx-runtime";var Di="k-overlay",pm=[],dm={},cm={},ct=e=>{let{...t}=e;return mm("div",{...t,className:r(e.className,Di),children:e.children})};ct.states=pm;ct.options=dm;ct.className=Di;ct.defaultOptions=cm;ct.moduleName=Lr;ct.folderName=_i;import{jsx as rn,jsxs as bm}from"react/jsx-runtime";var Hi="k-actionsheet",um=[],fm={},Ma={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},W=e=>{let{side:t=Ma.side,fullscreen:o=Ma.fullscreen,adaptive:a=Ma.adaptive,overlay:n=Ma.overlay,template:i,children:p,header:c,footer:u,id:f,...x}=e,N=f&&!i&&c?`${f}-title`:void 0;return bm("div",{className:"k-actionsheet-container",children:[n&&rn(ct,{}),rn(dt,{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:rn("div",{...x,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":N,className:r(e.className,Hi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|rn(ho,{header:c,footer:u,adaptive:a,titleId:N,...e,children:p})})})]})};W.states=um;W.options=fm;W.className=Hi;W.defaultOptions=Ma;W.moduleName=La;W.folderName=nn;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 Nm}from"react/jsx-runtime";var zi="k-actionsheet-container",hm=[],xm={},gm={},xo=e=>{let{children:t,...o}=e;return Nm("div",{...o,className:zi,children:t})};xo.states=hm;xo.options=xm;xo.className=zi;xo.defaultOptions=gm;xo.moduleName=La;xo.folderName=nn;import{jsx as vm}from"react/jsx-runtime";var Mr=e=>{let{...t}=e;return vm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Lm,jsx as Sa,jsxs as Sr}from"react/jsx-runtime";var yr="k-actionsheet-item",km=[s.hover,s.focus,s.selected,s.disabled],Rt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:p,disabled:c,...u}=e;return Sr("span",{...u,className:r(e.className,yr,S(yr,{hover:n,focus:i,selected:p,disabled:c})),children:[!e.children&&Sa(Lm,{children:Sr("span",{className:"k-actionsheet-action",children:[t&&Sa("span",{className:"k-icon-wrap",children:Sa(v,{className:"k-actionsheet-item-icon",icon:t})}),Sr("span",{className:"k-actionsheet-item-text",children:[o&&Sa("span",{className:"k-actionsheet-item-title",children:o}),a&&Sa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Rt.states=km;Rt.className=yr;import{jsx as IS,jsxs as TS}from"react/jsx-runtime";import{jsx as wS}from"react/jsx-runtime";import{jsx as DS}from"react/jsx-runtime";import{jsx as FS}from"react/jsx-runtime";import{jsx as le,jsxs as Ar}from"react/jsx-runtime";var Mm=W.options,Sm=W.states,Fi={...W.defaultOptions,variant:"normal"},ym=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Am=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],go=e=>{let{variant:t,modifiers:o,...a}={...Fi,...e},n={},i=Ar(Mr,{children:[le(Rt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),le(Rt,{text:"Add to Favorites",iconName:"heart"}),le(Rt,{text:"Upload New",iconName:"upload",disabled:!0}),le("hr",{className:"k-hr"}),le(Rt,{text:"Cancel",iconName:"cancel"})]}),p="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]?p: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(l,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?le(l,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?Ar(Bt,{alignment:"stretched",children:[le(l,{text:"Cancel",size:"large",themeColor:"base"}),le(l,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):le(W,{...a,fullscreen:n.fullScreen,header:le(ve,{actionsStart:n.actionsStart?le(l,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?le(l,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Ar(Bt,{alignment:"stretched",children:[le(l,{text:"Apply",themeColor:"primary"}),le(l,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};go.options=Mm;go.states=Sm;go.variants=ym;go.defaultOptions=Fi;go.modifiers=Am;go.className=W.className;var Cr="slider",Gi=Cr;import{jsx as No,jsxs as Er}from"react/jsx-runtime";var ya="k-slider",Cm=[s.hover,s.focus,s.active,s.disabled,s.readonly],Em={},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:p=Ve.handlePosition,showButtons:c=Ve.showButtons,showTicks:u=Ve.showTicks,value:f=Ve.value,min:x=Ve.min,max:N=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"),Er("div",{...$,className:r(ya,e.className,S(ya,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&No(l,{className:"k-button-decrease",rounded:"full",icon:Be,tabIndex:-1,title:"Decrease"}),Er("div",{className:"k-slider-track-wrap",children:[u&&No("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Er("div",{className:"k-slider-track",style:M,children:[No("div",{className:"k-slider-selection"}),t==="range"&&No("span",{className:r("k-draghandle","k-draghandle-start",S(ya,{hover:k,focus:y,active:C})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":m??x,"aria-valuemin":x,"aria-valuemax":L??N,"aria-orientation":he,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":$["aria-label"]?`${$["aria-label"]} start`:"Range start"}),No("span",{className:r("k-draghandle",`k-draghandle-${p}`,S(ya,{hover:k,focus:y,active:C})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??N:f,"aria-valuemin":t==="range"?m??x:x,"aria-valuemax":N,"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&&No(l,{className:"k-button-increase",rounded:"full",icon:xe,tabIndex:-1,title:"Increase"})]})};U.states=Cm;U.options=Em;U.className=ya;U.defaultOptions=Ve;U.moduleName=Cr;U.folderName=Gi;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 Vi}from"react/jsx-runtime";var $i="k-tick",Im=[],Tm={},Xi={label:!1},E=e=>{let{style:t,label:o=Xi.label,orientation:a,large:n,text:i,...p}=e;return Vi("li",{...p,role:"presentation",title:i\|\|"Tick",className:r(e.className,$i,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&Vi("span",{className:"k-label",children:i})})};E.states=Im;E.options=Tm;E.className=$i;E.defaultOptions=Xi;import{Fragment as Om,jsx as $e,jsxs as Bm}from"react/jsx-runtime";var qi=e=>$e(U,{"aria-label":e["aria-label"]\|\|"Slider",children:Bm(Om,{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 Pm,jsx as Xe,jsxs as wm}from"react/jsx-runtime";var Wi=e=>Xe(U,{children:wm(Pm,{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 Ty,jsx as Iy,jsxs as Oy}from"react/jsx-runtime";import{Fragment as Ky,jsx as Ry,jsxs as _y}from"react/jsx-runtime";import{jsx as Rm}from"react/jsx-runtime";var Ir=e=>Rm(U,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Km}from"react/jsx-runtime";var Tr=e=>Km(U,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as Wy,jsx as qy,jsxs as Jy}from"react/jsx-runtime";import{Fragment as eA,jsx as jy,jsxs as tA}from"react/jsx-runtime";import{jsx as mt,jsxs as Ji}from"react/jsx-runtime";var _m=U.options,Dm=U.states,Yi={...U.defaultOptions,variant:"horizontal",label:!0},Hm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],zm=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],vo=e=>{let{variant:t,modifiers:o,...a}={...Yi,...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:p,showTicks:c}=n,u={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Ji(Wi,{showTicks:c,showButtons:p,style:{height:"300px",...u},...a,children:[mt(E,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),mt(E,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),mt(E,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),mt(E,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),mt(E,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Ji(qi,{showTicks:c,showButtons:p,style:{width:"400px",...u},...a,children:[mt(E,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),mt(E,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),mt(E,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),mt(E,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),mt(E,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};vo.options=_m;vo.states=Dm;vo.variants=Hm;vo.defaultOptions=Yi;vo.modifiers=zm;vo.className=U.className;import{jsx as Zi,jsxs as $m}from"react/jsx-runtime";var Qi="k-spin-button",Gm=[],Vm={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Or={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Kt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Or.increaseLabel,decreaseLabel:i=Or.decreaseLabel,...p}=e;return $m("span",{...p,className:r(Qi,e.className),children:[Zi(l,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Zi(l,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Kt.states=Gm;Kt.options=Vm;Kt.className=Qi;Kt.defaultOptions=Or;Kt.moduleName=null;Kt.folderName=null;var ji="numeric-textbox",el="numerictextbox";import{Fragment as tl,jsx as vt,jsxs as Br}from"react/jsx-runtime";var ol="k-numerictextbox",Xm=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],qm={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]},sn={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:n=sn.separators,showClearButton:i=sn.showClearButton,showSpinButton:p=sn.showSpinButton,prefix:c,suffix:u,value:f,placeholder:x,hover:N,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,id:$,"aria-label":pe,"aria-describedby":he,...xe}=e;return Br(Y,{...xe,size:t,rounded:o,fillMode:a,hover:N,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,className:r(e.className,ol),children:[c&&Br(tl,{children:[vt(ze,{children:c}),n&&vt(Fe,{})]}),vt(ge,{id:$,placeholder:x,value:f,role:"spinbutton",disabled:M,"aria-label":pe,"aria-describedby":he,"aria-invalid":k?"true":void 0}),vt(Ne,{valid:L,invalid:k,loading:C,disabled:M}),vt(Ce,{loading:C,disabled:M}),i&&vt(Pe,{loading:C,disabled:M,readonly:I,value:f}),u&&Br(tl,{children:[n&&vt(Fe,{}),vt(Ue,{children:u})]}),p&&vt(Kt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};_.states=Xm;_.options=qm;_.className=ol;_.defaultOptions=sn;_.moduleName=ji;_.folderName=el;_.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 Aa=_;import{jsx as Wm}from"react/jsx-runtime";var al=e=>Wm(Aa,{...e});import wr from"react";import{jsx as nl}from"react/jsx-runtime";var Jm="k-list-group-sticky-header",Pr=e=>nl("div",{className:r(Jm,e.className),children:nl("div",{className:"k-list-header-text",children:e.children})});import{jsx as Zm}from"react/jsx-runtime";var Ym="k-no-data",ln=e=>{let{live:t,...o}=e;return Zm("span",{...o,className:r(Ym,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Wt="list",ko=Wt;import{jsx as rl,jsxs as sl}from"react/jsx-runtime";var Rr="k-list",Qm=[],jm={size:[d.undefined,d.small,d.medium,d.large]},eu={},R=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:i,customValue:p,noData:c,screenReaders:u,...f}=e,N=wr.Children.toArray(a)[0],m=N?.props?.children?wr.Children.count(N.props.children):wr.Children.count(a);return sl("div",{...f,className:r(e.className,Rr,A(Rr,{size:t}),{"k-virtual-list":o}),children:[i,p,n&&rl(Pr,{children:n}),a\|\|(c!==void 0?c:rl(ln,{live:!0,children:"No data found."})),u&&a&&sl(ln,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};R.states=Qm;R.options=jm;R.className=Rr;R.defaultOptions=eu;R.moduleName=Wt;R.folderName=ko;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 nu}from"react/jsx-runtime";var il="k-list-container",tu=[],ou={},au={},Lo=e=>{let{...t}=e;return nu("div",{...t,className:r(e.className,il),children:e.children})};Lo.states=tu;Lo.options=ou;Lo.className=il;Lo.defaultOptions=au;Lo.moduleName=Wt;Lo.folderName=ko;var Jt="checkbox",Mo=Jt;import{jsx as ll}from"react/jsx-runtime";var pn="k-checkbox",ru=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],su={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},iu={},qe=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:p,invalid:c,valid:u,required:f,size:x,rounded:N,wrapperRole:m,...L}=e;return ll("span",{className:"k-checkbox-wrap",role:m,children:ll("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:p\|\|void 0,"aria-invalid":c?"true":void 0,className:r(e.className,pn,A(pn,{size:x,rounded:N}),S(pn,{hover:n,focus:i,disabled:p,invalid:c,valid:u,indeterminate:a,checked:o}))})})};qe.states=ru;qe.options=su;qe.className=pn;qe.defaultOptions=iu;qe.moduleName=Jt;qe.folderName=Mo;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 du}from"react/jsx-runtime";var pl="k-checkbox-list",lu=[],pu={},dl={layout:"vertical"},ke=e=>{let{layout:t=dl.layout,...o}=e;return du("ul",{...o,className:r(e.className,pl,{[`k-list-${t}`]:t}),children:e.children})};ke.states=lu;ke.options=pu;ke.className=pl;ke.defaultOptions=dl;ke.moduleName=Jt;ke.folderName=Mo;import{jsx as fu}from"react/jsx-runtime";var cl="k-checkbox-list-item",cu=[],mu={},uu={},Le=e=>{let{...t}=e;return fu("li",{...t,className:r(e.className,cl),children:e.children})};Le.states=cu;Le.options=mu;Le.className=cl;Le.defaultOptions=uu;Le.moduleName=Jt;Le.folderName=Mo;import{Fragment as bu,jsx as ml,jsxs as hu}from"react/jsx-runtime";var kt=({children:e="Label",id:t="cb-label-after",...o})=>hu(bu,{children:[ml(at,{id:t,...o}),ml("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as yC,jsx as SC,jsxs as AC}from"react/jsx-runtime";import{Fragment as OC,jsx as TC,jsxs as BC}from"react/jsx-runtime";import{Fragment as _C,jsx as KC,jsxs as DC}from"react/jsx-runtime";import{jsx as FC}from"react/jsx-runtime";import{jsx as XC}from"react/jsx-runtime";import{jsx as YC}from"react/jsx-runtime";import{jsx as We,jsxs as ul}from"react/jsx-runtime";var xu=ke.options,gu=ke.states,Nu={...ke.defaultOptions,variant:"vertical"},vu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],ku=[],So=e=>{let{variant:t,...o}=e;return t==="horizontal"?ul(ke,{layout:"horizontal",...o,children:[We(Le,{children:We(kt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),We(Le,{children:We(kt,{id:w("cb"),children:"Label"})}),We(Le,{children:We(kt,{id:w("cb"),children:"Label"})})]}):ul(ke,{...o,children:[We(Le,{children:We(kt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),We(Le,{children:We(kt,{id:w("cb"),children:"Label"})}),We(Le,{children:We(kt,{id:w("cb"),children:"Label"})})]})};So.options=xu;So.states=gu;So.variants=vu;So.defaultOptions=Nu;So.modifiers=ku;So.className=ke.className;import{jsx as Cu}from"react/jsx-runtime";var Lu=at.options,Mu=at.states,Su=at.defaultOptions,yu=[],Au=[],yo=e=>Cu(kt,{id:w("checkbox"),...e,defaultChecked:!0,children:"Label"});yo.options=Lu;yo.states=Mu;yo.variants=yu;yo.defaultOptions=Su;yo.modifiers=Au;yo.className=at.className;import{jsx as Yt,jsxs as Ou}from"react/jsx-runtime";var Kr="k-list-item",Eu=[s.hover,s.focus,s.selected,s.disabled],Iu={},Tu={},O=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:i,showCheckbox:p,checked:c,hover:u,focus:f,selected:x,disabled:N,actions:m,description:L,id:k,...y}=e,C=t\|\|e.children;return Ou("li",{...y,id:k,role:a?"presentation":"option",tabIndex:a?void 0:f?0:-1,"aria-selected":!a&&x?"true":a?void 0:"false","aria-disabled":!a&&N?"true":void 0,className:r(e.className,a?"k-list-group-item":Kr,S(Kr,{hover:u,focus:f,disabled:N,selected:x})),children:[p&&Yt(qe,{checked:c}),n&&Yt("span",{className:"k-list-item-icon-wrapper",children:Yt(v,{icon:n,className:r("k-list-item-icon",i)})}),Yt("span",{className:"k-list-item-text",children:C}),m&&Yt("div",{className:"k-list-item-actions",children:m}),L&&Yt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Yt("div",{className:"k-list-item-group-label",children:o})]})};O.states=Eu;O.options=Iu;O.className=Kr;O.defaultOptions=Tu;O.moduleName=Wt;O.folderName=ko;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 Pu}from"react/jsx-runtime";var Bu="k-list-ul",Lt=e=>{let{children:t,role:o,id:a,...n}=e;return Pu("ul",{...n,id:a,role:o,className:r(Bu,e.className),children:t})};Lt.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 _r,jsxs as Ru}from"react/jsx-runtime";var wu="k-list-content",H=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...p}=e;return Ru("div",{...p,className:r(wu,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:_r(Lt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&_r("div",{className:"k-height-container",children:_r("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 zE,jsx as HE,jsxs as UE}from"react/jsx-runtime";import{jsx as Dr,jsxs as _u}from"react/jsx-runtime";var Ku="k-list-group-item",Zt=e=>{let{groupIconName:t,...o}=e;return _u("li",{...o,role:"presentation",className:r(Ku,e.className),children:[t&&Dr("span",{className:"k-list-item-icon-wrapper",children:Dr(v,{icon:t,className:"k-list-item-icon"})}),Dr("span",{className:"k-list-item-text",children:e.children})]})};Zt.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 Uu}from"react/jsx-runtime";var Hr="k-list-optionlabel",Du=[s.hover,s.focus,s.selected,s.disabled],Hu={},zu={},dn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...p}=e;return Uu("div",{...p,className:r(Hr,S(Hr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};dn.states=Du;dn.options=Hu;dn.className=Hr;dn.defaultOptions=zu;import{jsx as $u}from"react/jsx-runtime";var zr="k-list-custom-value",Fu=[s.hover,s.focus,s.selected,s.disabled],Gu={},Vu={},_t=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...p}=e;return $u("div",{...p,className:r(zr,S(zr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};_t.states=Fu;_t.options=Gu;_t.className=zr;_t.defaultOptions=Vu;import{Fragment as aI,jsx as oI,jsxs as nI}from"react/jsx-runtime";import{Fragment as dI,jsx as pI,jsxs as cI}from"react/jsx-runtime";import{Fragment as gI,jsx as hI,jsxs as xI}from"react/jsx-runtime";import{Fragment as yI,jsx as MI,jsxs as SI}from"react/jsx-runtime";import{jsx as II}from"react/jsx-runtime";import{Fragment as RI,jsx as wI,jsxs as KI}from"react/jsx-runtime";var fl="dropdown-list",bl="dropdownlist";import{Fragment as Wu,jsx as Me,jsxs as Ur}from"react/jsx-runtime";var hl="k-dropdownlist",Xu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],qu={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]},Fr={showValue:!0,arrowIconName:"chevron-down"},oe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Fr.arrowIconName,showValue:i=Fr.showValue,valueIconName:p,prefix:c,suffix:u,value:f,placeholder:x,hover:N,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,popup:$,opened:pe,adaptive:he,adaptiveSettings:xe,adaptiveTitle:Be,adaptiveSubtitle:Xt,adaptiveFilter:Vn,id:Tt,activeDescendant:Xa,"aria-label":$n,...Xn}=e,bd=Tt?`${Tt}-listbox`:void 0,Zs=Tt?`${Tt}-value`:void 0;return Ur(Wu,{children:[Ur(lt,{...Xn,id:Tt,size:t,rounded:o,fillMode:a,hover:N,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,className:r(e.className,hl,{"k-icon-picker":!i&&p}),role:"combobox","aria-haspopup":"listbox","aria-expanded":pe?"true":"false","aria-controls":pe?bd:void 0,"aria-activedescendant":pe&&Xa?Xa:void 0,"aria-describedby":pe?Zs:void 0,"aria-disabled":M?"true":void 0,"aria-label":$n,tabIndex:0,children:[Me(ze,{children:c}),Me(qt,{placeholder:x,value:f,showValue:i,valueIconName:p,id:Zs}),Me(Ne,{valid:L,invalid:k,loading:C,disabled:M}),Me(Ce,{loading:C,disabled:M}),Me(Ue,{children:u}),Me(l,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":x\|\|"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(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Vn,inputValue:f,inputPlaceholder:x,title:Be,subtitle:Xt}),children:Me("div",{className:"k-list-container",children:Me(R,{size:"large",children:Ur(H,{"aria-label":"Options",children:[Me(O,{text:"List item"}),Me(O,{text:"List item"}),Me(O,{text:"List item"})]})})})})]})};oe.states=Xu;oe.options=qu;oe.className=hl;oe.defaultOptions=Fr;oe.moduleName=fl;oe.folderName=bl;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 bT}from"react/jsx-runtime";import{jsx as kT,jsxs as LT}from"react/jsx-runtime";import{Fragment as OT,jsx as IT,jsxs as TT}from"react/jsx-runtime";import{jsx as KT}from"react/jsx-runtime";import{jsx as FT,jsxs as GT}from"react/jsx-runtime";import{Fragment as QT,jsx as YT,jsxs as ZT}from"react/jsx-runtime";import{jsx as aO}from"react/jsx-runtime";import{Fragment as ef,jsx as Dt,jsxs as xl}from"react/jsx-runtime";var Ju=oe.states,Yu=oe.defaultOptions,Zu=oe.options,Qu=[{name:"opened",title:"Opened"}],ju=[],Co=e=>{let{modifiers:t,...o}=e,a={},n=xl(ef,{children:[Dt("div",{className:"k-list-filter",children:Dt(Ge,{})}),Dt(R,{style:{width:300},size:o.size,children:xl(H,{children:[Dt(O,{children:"List item"}),Dt(O,{children:"List item"}),Dt(O,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),Dt("div",{children:Dt(oe,{placeholder:"Value",style:{width:300},...o,...a})})};Co.options=Zu;Co.states=Ju;Co.variants=ju;Co.defaultOptions=Yu;Co.modifiers=Qu;Co.className=oe.className;import{Fragment as yO,jsx as SO}from"react/jsx-runtime";import{Fragment as OO,jsx as TO}from"react/jsx-runtime";import{jsx as RO}from"react/jsx-runtime";import{jsx as Gr}from"react/jsx-runtime";var tf=_.states,of=_.defaultOptions,af=_.options,nf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],rf=[],Eo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Gr(oe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?Gr(lr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),Gr(al,{value:"Value",style:{width:300},...o,...a})};Eo.options=af;Eo.states=tf;Eo.variants=rf;Eo.defaultOptions=of;Eo.modifiers=nf;Eo.className=_.className;import{Fragment as Ca,jsx as B,jsxs as Z}from"react/jsx-runtime";var gl="k-colorgradient-inputs",sf=[],lf={size:[d.undefined,d.small,d.medium,d.large]},Nl={mode:"rgba"},Io=e=>{let{mode:t=Nl.mode,size:o,...a}=e;return Z("div",{...a,className:r(gl,"k-hstack"),children:[B("div",{className:"k-vstack",children:B(l,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Z(Ca,{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(Ca,{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(Ca,{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(Ca,{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(Ca,{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"})]})})]})};Io.states=sf;Io.options=lf;Io.className=gl;Io.defaultOptions=Nl;import{jsx as Qt,jsxs as jt}from"react/jsx-runtime";var vl="k-colorgradient-color-contrast",pf=[],df={},cf={},To=()=>jt("div",{className:r(vl,"k-vbox"),children:[jt("div",{className:"k-contrast-ratio",children:[Qt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),jt("span",{className:"k-contrast-validation !k-text-success",children:[Qt(v,{icon:"check"}),Qt(v,{icon:"check"})]})]}),jt("div",{children:[Qt("span",{children:"AA: 4.5"}),jt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Qt(v,{icon:"check"})]})]}),jt("div",{children:[Qt("span",{children:"AAA: 7.0"}),jt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Qt(v,{icon:"x"})]})]})]});To.states=pf;To.options=df;To.className=vl;To.defaultOptions=cf;var kl="color-gradient",Ll="colorgradient";import{jsx as Je,jsxs as Ea}from"react/jsx-runtime";var cn="k-colorgradient",mf=[s.hover,s.focus,s.readonly,s.disabled],uf={size:[d.undefined,d.small,d.medium,d.large]},ut={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=ut.mode,readonly:a=ut.readonly,disabled:n=ut.disabled,gradientStyle:i=ut.gradientStyle,dragHandleStyle:p=ut.dragHandleStyle,alphaStyle:c=ut.alphaStyle,alphaStyleHorizontal:u=ut.alphaStyleHorizontal,contrast:f=ut.contrast,dir:x,hover:N,focus:m,hoverHandle:L,focusHandle:k,canvasOrientation:y=ut.canvasOrientation,role:C,tabIndex:M,...I}=e;return Ea("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,cn,A(cn,{size:t}),S(cn,{hover:N,focus:m,readonly:a,disabled:n})),dir:x,children:[!y\|\|y==="horizontal"&&Ea("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:p,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})})}),Ea("div",{className:"k-hsv-controls k-hstack",children:[Je(Tr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Je(Tr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:c})]})]}),y==="vertical"&&Ea("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:p,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})})}),Ea("div",{className:"k-hsv-controls k-vstack",children:[Je(Ir,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Je(Ir,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),Je(Io,{mode:e.mode,size:t}),f&&Je(To,{})]})};ne.states=mf;ne.options=uf;ne.className=cn;ne.defaultOptions=ut;ne.moduleName=kl;ne.folderName=Ll;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 ff}from"react/jsx-runtime";var mn=e=>ff(ne,{...e});import{jsx as vB}from"react/jsx-runtime";import{jsx as SB}from"react/jsx-runtime";import{jsx as Vr}from"react/jsx-runtime";var bf=ne.options,hf=ne.states,xf={...ne.defaultOptions,variant:"rgba"},gf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Nf=[],Oo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Vr(mn,{...o,mode:t});case"rgb":return Vr(mn,{...o,mode:t});default:return Vr(mn,{...o,mode:t})}};Oo.options=bf;Oo.states=hf;Oo.variants=gf;Oo.defaultOptions=xf;Oo.modifiers=Nf;Oo.className=ne.className;import{jsx as vf}from"react/jsx-runtime";var $r=e=>vf("tr",{role:"row",children:e.children});import{jsx as Mf}from"react/jsx-runtime";var Xr="k-colorpalette-tile",kf=[s.hover,s.focus,s.selected],Lf={},Bo=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...p}=e,c={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Mf("td",{...p,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,Xr,S(Xr,{hover:a,focus:n,selected:i})),style:c})};Bo.states=kf;Bo.options=Lf;Bo.className=Xr;var Ml="color-palette",Sl="colorpalette";import{jsx as Ia}from"react/jsx-runtime";var un="k-colorpalette",Sf=[s.disabled],yf={size:[d.undefined,d.small,d.medium,d.large]},yl={columns:10},Se=e=>{let{size:t,palette:o,columns:a=yl.columns,tileSize:n,disabled:i,...p}=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)},(x,N)=>{let m=[];f.slice(Nu,(N+1)u).map((k,y)=>{m.push(Ia(Bo,{color:k,tileSize:n},y))});let L=Ia($r,{children:m},N);c.push(L)})}return Ia("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,un,S(un,{disabled:i}),A(un,{size:t})),children:Ia("table",{className:"k-colorpalette-table",role:"none",children:Ia("tbody",{children:c.length>0?c:e.children})})})};Se.states=Sf;Se.options=yf;Se.className=un;Se.defaultOptions=yl;Se.moduleName=Ml;Se.folderName=Sl;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 fn=Se;var Ta={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 Af}from"react/jsx-runtime";var Al=e=>Af(fn,{palette:Ta.basic,...e});import{jsx as rP}from"react/jsx-runtime";import{jsx as cP,jsxs as mP}from"react/jsx-runtime";import{jsx as Pf}from"react/jsx-runtime";var Cf=Se.options,Ef=Se.states,If={...Se.defaultOptions,variant:"basic"},Tf=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Of={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}},Bf=[],Po=e=>{let{variant:t="basic",...o}=e,a=Of[t];return Pf(Al,{columns:a.columns,palette:a,...o})};Po.options=Cf;Po.states=Ef;Po.variants=Tf;Po.defaultOptions=If;Po.modifiers=Bf;Po.className=Se.className;var Cl="color-editor",El="coloreditor";import{jsx as Ye,jsxs as wo}from"react/jsx-runtime";var bn="k-coloreditor",wf=[s.focus],Rf={size:[d.undefined,d.small,d.medium,d.large]},Oa={view:"gradient",palette:Ta.office,actionButtons:!0,canvasOrientation:"horizontal"},J=e=>{let{size:t,view:o=Oa.view,palette:a=Oa.palette,color:n,currentColor:i,focus:p,focusView:c,dir:u,group:f,actionButtons:x=Oa.actionButtons,canvasOrientation:N=Oa.canvasOrientation,...m}=e;return wo("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",bn,A(bn,{size:t}),S(bn,{focus:p})),dir:u,children:[wo("div",{className:"k-coloreditor-header k-hstack",children:[Ye("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&wo(T,{fillMode:"flat",children:[Ye(l,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ye(l,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ye("div",{className:"k-spacer"}),wo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ye(l,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),wo("div",{className:"k-coloreditor-preview k-vstack",children:[Ye(Ot,{className:"k-coloreditor-preview-color",color:n}),Ye(Ot,{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:N,role:"none",tabIndex:-1}):Ye(Se,{palette:a,size:t})}),x&&wo(we,{className:"k-coloreditor-footer",alignment:"start",children:[Ye(l,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ye(l,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};J.states=wf;J.options=Rf;J.className=bn;J.defaultOptions=Oa;J.moduleName=Cl;J.folderName=El;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 Ro=J;import{jsx as UP}from"react/jsx-runtime";import{jsx as $P}from"react/jsx-runtime";import{jsx as Kf}from"react/jsx-runtime";var Il=e=>Kf(Ro,{group:!0,currentColor:"fuchsia",...e});import{jsx as _f}from"react/jsx-runtime";var Tl=e=>_f(Ro,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Ol}from"react/jsx-runtime";var Df=J.options,Hf=J.states,zf={...J.defaultOptions,variant:"gradient"},Uf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Ff=[],Ko=e=>{let{variant:t,...o}=e;return t==="palette"?Ol(Tl,{...o,color:"white"}):Ol(Il,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Ko.options=Df;Ko.states=Hf;Ko.variants=Uf;Ko.defaultOptions=zf;Ko.modifiers=Ff;Ko.className=J.className;var Bl="color-picker",Pl="colorpicker";import{Fragment as $f,jsx as Ze,jsxs as qr}from"react/jsx-runtime";var wl="k-colorpicker",Gf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],Vf={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]},Rl={arrowIconName:"chevron-down"},Re=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Rl.arrowIconName,prefix:i,suffix:p,value:c,placeholder:u,hover:f,focus:x,valid:N,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 qr($f,{children:[qr(lt,{...xe,size:t,rounded:o,fillMode:a,hover:f,focus:x,valid:N,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,wl,"k-icon-picker"),children:[Ze(ze,{children:i}),Ze(qt,{placeholder:u,value:c,showValue:!1,valueIcon:Ze(Ot,{className:"k-value-icon",color:c,iconName:y}),valueIconName:y}),Ze(Ue,{children:p}),Ze(l,{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(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:pe,subtitle:he}),footer:qr(Bt,{children:[Ze(l,{text:"Cancel",size:"large"}),Ze(l,{text:"Set",size:"large",themeColor:"primary"})]}),children:Ze(J,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Re.states=Gf;Re.options=Vf;Re.className=wl;Re.defaultOptions=Rl;Re.moduleName=Bl;Re.folderName=Pl;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 Mt=Re;import{jsx as Xf}from"react/jsx-runtime";var hn=e=>Xf(Mt,{...e});import{jsx as Ew}from"react/jsx-runtime";import{jsx as Pw}from"react/jsx-runtime";import{jsx as _w}from"react/jsx-runtime";import{jsx as Uw}from"react/jsx-runtime";import{jsx as $w}from"react/jsx-runtime";import{jsx as Jw}from"react/jsx-runtime";import{jsx as eo}from"react/jsx-runtime";var qf=Mt.options,Wf=Mt.states,Kl={...Mt.defaultOptions,variant:"color"},Jf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Yf=[{name:"opened",title:"Opened"}],_o=e=>{let{variant:t,modifiers:o,...a}={...Kl,...e},n={};Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(n.opened=!!o?.[p],n.popup=o?.[p]?eo(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 eo("div",{style:i,children:eo(hn,{...a,...n})});case"icon":return eo("div",{style:i,children:eo(hn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return eo("div",{style:i,children:eo(hn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};_o.options=qf;_o.states=Wf;_o.variants=Jf;_o.defaultOptions=Kl;_o.modifiers=Yf;_o.className=Mt.className;var Wr="combobox",_l=Wr;import{Fragment as Jr,jsx as ae,jsxs as Ba}from"react/jsx-runtime";var Dl="k-combobox",Zf=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Qf={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]},Hl={separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Hl.separators,prefix:i,suffix:p,value:c,placeholder:u,hover:f,focus:x,valid:N,invalid:m,required:L,loading:k,disabled:y,popup:C,opened:M,readonly:I,adaptive:$,adaptiveSettings:pe,adaptiveTitle:he,adaptiveSubtitle:xe,adaptiveCustomValue:Be,id:Xt,autocomplete:Vn,activeDescendant:Tt,"aria-label":Xa,...$n}=e,Xn=Xt?`${Xt}-listbox`:void 0;return Ba(Jr,{children:[Ba(Y,{...$n,size:t,rounded:o,fillMode:a,hover:f,focus:x,valid:N,invalid:m,required:L,loading:k,disabled:y,readonly:I,className:r(e.className,Dl),children:[i&&Ba(Jr,{children:[ae(ze,{children:i}),n&&ae(Fe,{})]}),ae(ge,{id:Xt,placeholder:u,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?Xn:void 0,"aria-activedescendant":M&&Tt?Tt:void 0,"aria-autocomplete":Vn,"aria-invalid":m?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Xa,disabled:y,readOnly:I}),ae(Ne,{valid:N,invalid:m,loading:k,disabled:y}),ae(Ce,{loading:k,disabled:y}),ae(Pe,{loading:k,disabled:y,readonly:I,value:c}),p&&Ba(Jr,{children:[n&&ae(Fe,{}),ae(Ue,{children:p})]}),ae(l,{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:Xt?`${Xt}-adaptive`:void 0,...pe,header:ae(ve,{actionsEnd:ae(l,{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(_t,{text:`Use "${c}"`}):void 0,size:"large",children:Ba(H,{"aria-label":he\|\|"Options",children:[ae(O,{text:"List item"}),ae(O,{text:"List item"}),ae(O,{text:"List item"})]})})})})]})};de.states=Zf;de.options=Qf;de.className=Dl;de.defaultOptions=Hl;de.moduleName=Wr;de.folderName=_l;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 jf}from"react/jsx-runtime";var zl=e=>jf(Ke,{...e});import{jsx as OR,jsxs as BR}from"react/jsx-runtime";import{jsx as DR,jsxs as HR}from"react/jsx-runtime";import{jsx as $R,jsxs as XR}from"react/jsx-runtime";import{Fragment as QR,jsx as ZR}from"react/jsx-runtime";import{Fragment as nK,jsx as aK}from"react/jsx-runtime";import{jsx as dK,jsxs as cK}from"react/jsx-runtime";import{Fragment as NK,jsx as xK,jsxs as gK}from"react/jsx-runtime";import{jsx as MK}from"react/jsx-runtime";import{jsx as CK}from"react/jsx-runtime";import{jsx as PK,jsxs as wK}from"react/jsx-runtime";import{jsx as zK,jsxs as UK}from"react/jsx-runtime";import{jsx as Ht,jsxs as rb}from"react/jsx-runtime";var eb=de.states,tb=de.defaultOptions,ob=de.options,ab=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],nb=[],Do=e=>{let{modifiers:t,...o}=e,a={},n=Ht(R,{style:{width:300},size:o.size,children:rb(H,{children:[Ht(O,{children:"List item"}),Ht(O,{children:"List item"}),Ht(O,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Ht(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?Ht(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}}),Ht("div",{children:Ht(zl,{value:"Value",style:{width:300},...o,...a})})};Do.options=ob;Do.states=eb;Do.variants=nb;Do.defaultOptions=tb;Do.modifiers=ab;Do.className=de.className;var Yr="menu-button",Ul=Yr;import{jsx as lb}from"react/jsx-runtime";var Fl="k-menu-button",sb=[s.hover,s.focus,s.active,s.selected,s.disabled],ib={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]},Zr={showArrow:!0,arrowIconName:"chevron-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:p,active:c,selected:u,disabled:f,icon:x,text:N,showArrow:m=Zr.showArrow,arrowIconName:L=Zr.arrowIconName,expanded:k,...y}=e;return lb(l,{...y,className:r(e.className,Fl),text:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:p,active:c,selected:u,disabled:f,icon:x,showArrow:m,arrowIconName:L,"aria-expanded":k?"true":"false",...!N&&x&&!e["aria-label"]&&{"aria-label":"Menu"},...f&&{"aria-disabled":"true"}})};D.states=sb;D.options=ib;D.className=Fl;D.defaultOptions=Zr;D.moduleName=Yr;D.folderName=Ul;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 v_}from"react/jsx-runtime";import{jsx as S_}from"react/jsx-runtime";import{jsx as E_}from"react/jsx-runtime";var _e="menu",Qe=_e;import{jsx as Pa,jsxs as Gl}from"react/jsx-runtime";var Qr="k-menu-item",pb=[s.hover,s.focus,s.active,s.selected,s.disabled],db={},Vl={iconPosition:"before"},ce=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:p,text:c,first:u,last:f,showArrow:x,arrowIconName:N,iconPosition:m=Vl.iconPosition,dir:L,children:k,expanded:y,...C}=e,M=N;return M\|\|(M=L==="rtl"?"chevron-left":"chevron-right"),Gl("li",{...C,className:r(e.className,Qr,"k-item",S(Qr,{focus:o,disabled:i,hover:t,active:a,selected:n}),{"k-first":u,"k-last":f}),role:"menuitem",...x&&{"aria-haspopup":"menu"},...x&&{"aria-expanded":y?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Gl("span",{className:r("k-link k-menu-link"),children:[p&&m==="before"&&Pa(v,{className:"k-menu-link-icon",icon:p}),Pa("span",{className:"k-menu-link-text",children:c}),p&&m==="after"&&Pa(v,{className:"k-menu-link-icon",icon:p}),x&&Pa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Pa(v,{icon:M})})]}),k]})};ce.states=pb;ce.options=db;ce.className=Qr;ce.defaultOptions=Vl;ce.moduleName=_e;ce.folderName=Qe;import{jsx as wa,jsxs as $l}from"react/jsx-runtime";var jr="k-menu-item",cb=[s.hover,s.focus,s.active,s.selected,s.disabled],mb={},es={dir:"ltr",iconPosition:"before"},X=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:p,text:c,first:u,last:f,showArrow:x,arrowIconName:N,iconPosition:m=es.iconPosition,dir:L=es.dir,children:k,popup:y,expanded:C,...M}=e,I=N;return I\|\|(I=L==="rtl"?"chevron-left":"chevron-right"),$l("li",{...M,className:r(e.className,jr,"k-item",S(jr,{focus:o,disabled:i}),{"k-first":u,"k-last":f}),role:"menuitem",...x&&{"aria-haspopup":"menu"},...x&&{"aria-expanded":C?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[$l("span",{className:r("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[p&&m==="before"&&wa(v,{className:"k-menu-link-icon",icon:p}),wa("span",{className:"k-menu-link-text",children:c}),p&&m==="after"&&wa(v,{className:"k-menu-link-icon",icon:p}),x&&wa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:wa(v,{icon:I})})]}),k,y]})};X.states=cb;X.options=mb;X.className=jr;X.defaultOptions=es;X.moduleName=_e;X.folderName=Qe;import{jsx as hb}from"react/jsx-runtime";var Xl="k-menu-scroll-wrapper",ub=[],fb={},bb={},to=e=>{let{className:t,children:o,orientation:a,...n}=e;return hb("div",{...n,className:r(t,Xl,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};to.states=ub;to.options=fb;to.className=Xl;to.defaultOptions=bb;to.moduleName=_e;to.folderName=Qe;var ql=to;import{Fragment as ts,jsx as oo,jsxs as gn}from"react/jsx-runtime";var os="k-menu",xb=[],gb={},Nn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=Nn.orientation,header:a=Nn.header,scrollable:n,scrollButtonsPosition:i=Nn.scrollButtonsPosition,wrapperStyles:p,dir:c,popup:u,contextMenu:f,...x}=e,N={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},m=oo("ul",{dir:c,...x,className:r(e.className,"k-reset",os,{[`${os}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return gn(ts,{children:[n?gn(ql,{orientation:o,style:p,dir:e.dir,children:[i==="start"&&gn(ts,{children:[oo(l,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),oo(l,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&oo(l,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),m,i==="end"&&gn(ts,{children:[oo(l,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),oo(l,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&oo(l,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):m,u]})};re.states=xb;re.options=gb;re.className=os;re.defaultOptions=Nn;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 Nb}from"react/jsx-runtime";var as="k-separator",Wl={orientation:"horizontal"},Ho=e=>{let{orientation:t=Wl.orientation,...o}=e;return Nb("li",{...o,className:r(e.className,"k-item",as,{[`${as}-${t}`]:t}),role:"separator"})};Ho.className=as;Ho.defaultOptions=Wl;Ho.moduleName=_e;Ho.folderName=Qe;import{Fragment as a0,jsx as n0}from"react/jsx-runtime";import{jsx as Mb}from"react/jsx-runtime";var ns="k-menu-group",vb=[],kb={size:[d.undefined,d.small,d.medium,d.large]},Lb={},me=e=>{let{children:t,size:o,...a}=e;return Mb("ul",{...a,className:r(e.className,ns,A(ns,{size:o})),role:"menu",children:t})};me.states=vb;me.options=kb;me.className=ns;me.defaultOptions=Lb;me.moduleName=_e;me.folderName=Qe;import{Fragment as Sb,jsx as zo,jsxs as yb}from"react/jsx-runtime";var rs=e=>zo(re,{children:yb(Sb,{children:[zo(ce,{first:!0,text:"Item 1"}),zo(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),zo(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),zo(ce,{text:"Item 4"}),zo(ce,{last:!0,text:"Item 5"})]}),...e});import{Fragment as g0,jsx as h0,jsxs as x0}from"react/jsx-runtime";import{Fragment as M0,jsx as L0,jsxs as S0}from"react/jsx-runtime";import{Fragment as I0,jsx as E0,jsxs as T0}from"react/jsx-runtime";import{Fragment as R0,jsx as w0,jsxs as K0}from"react/jsx-runtime";import{jsx as ao,jsxs as Tb}from"react/jsx-runtime";var Ab={...re.options,scrollable:{type:"boolean"}},Cb=re.states,Jl={...re.defaultOptions,variant:"horizontal"},Eb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Ib=[{name:"opened",title:"Opened"}],Uo=e=>{let{variant:t,modifiers:o,...a}={...Jl,...e},n={};return Object.keys(o\|\|{}).forEach(i=>{i==="opened"&&(n.opened=!!o?.[i],n.popup=ao(G,{className:"k-menu-popup",children:Tb(me,{children:[ao(X,{text:"Item 1"}),ao(X,{text:"Item 2"}),ao(Ho,{}),ao(X,{text:"Item 3"})]})}))}),t==="vertical"?ao(rs,{...a,...n,orientation:"vertical",style:{width:"200px"}}):ao(rs,{...a,...n})};Uo.options=Ab;Uo.states=Cb;Uo.variants=Eb;Uo.defaultOptions=Jl;Uo.modifiers=Ib;Uo.className=re.className;import{Fragment as fD,jsx as mD,jsxs as uD}from"react/jsx-runtime";import{jsx as gD}from"react/jsx-runtime";import{Fragment as Rb,jsx as ft,jsxs as Yl}from"react/jsx-runtime";var Ob=l.states,Zl={...l.defaultOptions,variant:"text"},Bb=l.options,Pb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],wb=[{name:"opened",title:"Opened"}],Fo=e=>{let{variant:t,modifiers:o,...a}={...Zl,...e},n={},i=ft(G,{className:"k-menu-popup",children:Yl(me,{size:a.size,children:[ft(X,{first:!0,text:"Menu Item"}),ft(X,{text:"Menu Item"}),ft(X,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=ft("div",{children:ft(D,{...a,...n,icon:"star"})});break;case"icon-and-text":p=ft("div",{children:ft(D,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:p=ft("div",{children:ft(D,{...a,...n,children:"Dropdown Button"})});break}return Yl(Rb,{children:[p,o?.opened&&i]})};Fo.options=Bb;Fo.states=Ob;Fo.variants=Pb;Fo.defaultOptions=Zl;Fo.modifiers=wb;Fo.className=D.className;var ss="split-button",Ql=ss;import{Fragment as Db,jsx as is,jsxs as jl}from"react/jsx-runtime";var ls="k-split-button",Kb=[s.hover,s.focus,s.active,s.selected,s.disabled],_b={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]},ep={arrowIconName:"chevron-down"},P=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:p,active:c,selected:u,disabled:f,icon:x,text:N,arrowIconName:m=ep.arrowIconName,popup:L,opened:k,popupId:y,...C}=e;return jl(Db,{children:[jl("div",{...C,className:r(e.className,ls,"k-button-group",A(ls,{rounded:o})),children:[is(l,{text:N,icon:x,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:p,active:c,selected:u,disabled:f,...!N&&!e.children&&x&&{"aria-label":"Action"},children:e.children}),is(l,{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&&is(G,{className:"k-menu-popup",children:L})]})};P.states=Kb;P.options=_b;P.className=ls;P.defaultOptions=ep;P.moduleName=ss;P.folderName=Ql;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 ps=P;import{jsx as zb}from"react/jsx-runtime";var Hb="k-toolbar-separator",nt=e=>zb("div",{className:r(Hb,e.className,"k-separator")});var St="toolbar",zt=St;import{Fragment as ds,jsx as K,jsxs as Go}from"react/jsx-runtime";var yt="k-toolbar",Ub=[s.focus],Fb={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Gb={scrollButtons:"around"},z=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:p,scrollingPosition:c,section:u,...f}=e,x=[],N=(m,L)=>{let k=[];if(m.type===l&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))k.push(K(l,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===l)k.push(K(l,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===ha)k.push(K(ha,{...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===ps)k.push(K(ps,{...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(l,{...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=>{x.push(y)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,k)=>{N(L,k)}),Go("div",{...f,className:r(e.className,yt,A(yt,{size:t,fillMode:o}),S(yt,{focus:a}),{[`${yt}-resizable`]:n,[`${yt}-scrollable`]:i,[`${yt}-scrollable-overlay`]:i&&p==="hidden",[`${yt}-scrollable-${c}`]:c&&c!=="both",[`${yt}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&x,i&&p==="hidden"&&K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),i&&p==="start"&&Go(ds,{children:[Go(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:x})]}),i&&p==="end"&&Go(ds,{children:[K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),K(nt,{className:"k-toolbar-button-separator"}),Go(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&&(p==="around"\|\|!p)&&Go(ds,{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:x}),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=Ub;z.options=Fb;z.className=yt;z.defaultOptions=Gb;z.moduleName=St;z.folderName=zt;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 qb}from"react/jsx-runtime";var tp="k-floating-toolbar",Vb=[],$b={},Xb={},Vo=e=>{let{...t}=e;return qb("div",{...t,className:r(e.className,tp),children:e.children})};Vo.states=Vb;Vo.options=$b;Vo.className=tp;Vo.defaultOptions=Xb;Vo.moduleName=St;Vo.folderName=zt;import{jsx as Zb}from"react/jsx-runtime";var cs="k-toolbar-item",Wb=[s.focus],Jb={},Yb={},$o=e=>{let{focus:t,...o}=e;return Zb("div",{...o,className:r(e.className,cs,S(cs,{focus:t})),children:e.children})};$o.states=Wb;$o.options=Jb;$o.className=cs;$o.defaultOptions=Yb;$o.moduleName=St;$o.folderName=zt;import{jsx as op}from"react/jsx-runtime";var ap="k-toolbar-popup",Qb=[],jb={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},eh={},no=e=>{let{size:t,fillMode:o,section:a,...n}=e;return op(G,{...n,className:r(e.className,ap),children:a?op("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};no.states=Qb;no.options=jb;no.className=ap;no.defaultOptions=eh;no.moduleName=St;no.folderName=zt;var vn=no;import{jsx as kH}from"react/jsx-runtime";import{jsx as yH}from"react/jsx-runtime";import{jsx as IH}from"react/jsx-runtime";import{jsx as RH,jsxs as KH}from"react/jsx-runtime";import{jsx as zH}from"react/jsx-runtime";import{jsx as At,jsxs as rh}from"react/jsx-runtime";var th=P.states,np={...P.defaultOptions,variant:"text"},oh=P.options,ah=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],nh=[{name:"opened",title:"Opened"}],Xo=e=>{let{variant:t,modifiers:o,...a}={...np,...e},n={},i=rh(me,{size:a.size,children:[At(X,{first:!0,text:"Menu Item"}),At(X,{text:"Menu Item"}),At(X,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(n.opened=!!o?.[p],n.popup=o?.[p]?i:"")}),t){case"icon-only":return At("div",{children:At(P,{...a,...n,icon:"star"})});case"icon-and-text":return At("div",{children:At(P,{...a,...n,icon:"star",children:"Split Button"})});default:return At("div",{children:At(P,{...a,...n,children:"Split Button"})})}};Xo.options=oh;Xo.states=th;Xo.variants=ah;Xo.defaultOptions=np;Xo.modifiers=nh;Xo.className=P.className;import{jsx as ro,jsxs as sh}from"react/jsx-runtime";var rp=e=>ro(z,{children:[ro(l,{children:"Button"},"toolbar-button"),ro(D,{text:"Menu button"},"toolbar-menu-button"),ro(P,{children:"Split button"},"toolbar-split-button"),sh(T,{children:[ro(l,{className:"k-group-start",icon:"align-left",children:"Left"}),ro(l,{icon:"align-center",children:"Center"}),ro(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as b1,jsxs as h1}from"react/jsx-runtime";import{jsx as De,jsxs as sp}from"react/jsx-runtime";var ip=e=>De(z,{scrollable:!0,...e,children:[De(l,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(P,{children:"Split button"},"toolbar-split-button"),sp(T,{children:[De(l,{className:"k-group-start",icon:"align-left",children:"Left"}),De(l,{icon:"align-center",children:"Center"}),De(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),De(l,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(P,{children:"Split button"},"toolbar-split-button"),sp(T,{children:[De(l,{className:"k-group-start",icon:"align-left",children:"Left"}),De(l,{icon:"align-center",children:"Center"}),De(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as He,jsxs as lp}from"react/jsx-runtime";var pp=({scrollingPosition:e="start",...t})=>He(z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[He(l,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(P,{children:"Split button"},"toolbar-split-button"),lp(T,{children:[He(l,{className:"k-group-start",icon:"align-left",children:"Left"}),He(l,{icon:"align-center",children:"Center"}),He(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),He(l,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(P,{children:"Split button"},"toolbar-split-button"),lp(T,{children:[He(l,{className:"k-group-start",icon:"align-left",children:"Left"}),He(l,{icon:"align-center",children:"Center"}),He(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as ih,jsx as Ee,jsxs as kn}from"react/jsx-runtime";var dp=({fillMode:e,size:t,...o})=>kn(ih,{children:[Ee(z,{section:!0,fillMode:e,size:t,children:[Ee(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),kn(T,{fillMode:e,children:[Ee(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ee(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ee(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ee(nt,{className:"k-toolbar-button-separator"}),Ee(l,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),kn(vn,{size:t,fillMode:e,section:!0,...o,children:[Ee(P,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ee(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ee(nt,{}),Ee(D,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),kn(T,{fillMode:e,children:[Ee(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ee(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ee(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as J1,jsx as q1,jsxs as W1}from"react/jsx-runtime";import{Fragment as sz,jsx as nz,jsxs as rz}from"react/jsx-runtime";import{jsx as Ut}from"react/jsx-runtime";var lh=z.options,ph=z.states,cp={...z.defaultOptions,variant:"default"},dh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],ch=[],qo=e=>{let{variant:t,...o}={...cp,...e};switch(t){case"responsive":return Ut("div",{children:Ut(dp,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(pp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(ip,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(rp,{style:{width:"583px"},...o})})}};qo.options=lh;qo.states=ph;qo.variants=dh;qo.defaultOptions=cp;qo.modifiers=ch;qo.className=z.className;import{jsx as mp,jsxs as hh}from"react/jsx-runtime";var Ln="k-fab",fh=[s.hover,s.focus,s.active,s.selected,s.disabled],bh={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]},up={type:"button"},Q=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:p=up.type,position:c,hover:u,focus:f,active:x,selected:N,disabled:m,...L}=e;return hh("button",{...L,type:p,className:r(e.className,Ln,A(Ln,{size:t,rounded:o,themeColor:a}),S(Ln,{hover:u,focus:f,active:x,disabled:m,selected:N}),{[`!k-pos-absolute k-${c}`]:c}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...m&&{"aria-disabled":"true"},disabled:m\|\|void 0,children:[i&&mp(v,{className:"k-fab-icon",icon:i}),n&&mp("span",{className:"k-fab-text",children:n})]})};Q.states=fh;Q.options=bh;Q.className=Ln;Q.defaultOptions=up;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 gh}from"react/jsx-runtime";var xh="k-fab-items",fp=e=>{let{position:t,...o}=e;return gh("ul",{...o,className:r(e.className,xh,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as hp,jsxs as vh}from"react/jsx-runtime";var bp="k-fab-item",Nh=[s.hover,s.focus,s.active,s.disabled],ms=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:p,disabled:c,...u}=e;return vh("li",{...u,className:r(e.className,bp,{[`k-text-${a}`]:a},S(bp,{hover:n,focus:i,active:p,disabled:c})),children:[hp("span",{className:"k-fab-item-text",children:t}),hp(v,{className:"k-fab-item-icon",icon:o})]})};ms.states=Nh;import{jsx as $z}from"react/jsx-runtime";import{jsx as kh}from"react/jsx-runtime";var xp=e=>kh(Q,{icon:"plus",...e});import{jsx as Qz}from"react/jsx-runtime";import{jsx as o2}from"react/jsx-runtime";import{jsx as Wo,jsxs as Ch}from"react/jsx-runtime";var Lh=Q.options,Mh=Q.states,Sh={...Q.defaultOptions,variant:"text"},yh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ah=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?Wo("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:Wo(fp,{position:"bottom",children:Wo(ms,{text:"Item",icon:"pencil",align:"right"})})}):null,p;switch(t){case"icon-only":p=Wo(Q,{...a,icon:"star"});break;case"icon-and-text":p=Wo(Q,{...a,icon:"star",text:"Action"});break;default:p=Wo(Q,{...a,text:"Action"});break}return Ch("span",{style:{position:"relative"},children:[p,i]})};Jo.options=Lh;Jo.states=Mh;Jo.variants=yh;Jo.defaultOptions=Sh;Jo.modifiers=Ah;Jo.className=Q.className;var us="prompt-box",gp=us;var fs="speech-to-text-button",Np=fs;import{jsx as Eh}from"react/jsx-runtime";var vp="k-speech-to-text-button",kp={icon:"microphone"},Ie=e=>{let{listening:t=!1,icon:o=kp.icon,...a}=e;return Eh(l,{...a,icon:t?"stop":o,className:r(e.className,vp,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Ie.states=l.states;Ie.options=l.options;Ie.className=vp;Ie.defaultOptions=kp;Ie.moduleName=fs;Ie.folderName=Np;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 O2}from"react/jsx-runtime";import{jsx as R2}from"react/jsx-runtime";import{jsx as Ph}from"react/jsx-runtime";var Ih=l.states,Lp={...l.defaultOptions,variant:"normal"},Th={...l.options,fillMode:l.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},Oh=[],Bh=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Yo=e=>{let{variant:t,...o}={...Lp,...e},a={};return t==="listening"&&(a.listening=!0),Ph(Ie,{...o,...a})};Yo.options=Th;Yo.states=Ih;Yo.variants=Bh;Yo.defaultOptions=Lp;Yo.modifiers=Oh;Yo.className=Ie.className;import{jsx as Zo,jsxs as bs}from"react/jsx-runtime";var bt="k-prompt-box",wh=[s.hover,s.focus,s.disabled],Rh={fillMode:[h.undefined,h.solid,h.flat,h.outline]},hs={lineMode:"auto",isExpanded:!1},Ct=e=>{let{fillMode:t,lineMode:o=hs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:p=hs.isExpanded,className:c,children:u,value:f,placeholder:x,generating:N,hover:m,focus:L,disabled:k,...y}=e,C=o==="multi"\|\|o==="auto"&&p;return bs("div",{...y,className:r(c,"k-input",bt,{[`${bt}-singleline`]:o==="single",[`${bt}-multiline`]:C,[`k-input-${t}`]:t,"k-hover":m,"k-focus":L,"k-disabled":k}),children:[i&&Zo("div",{className:`${bt}-header`,children:i}),bs("div",{className:`${bt}-content`,children:[a&&Zo("div",{className:`${bt}-affix`,children:a}),o==="single"?Zo(ge,{value:f,placeholder:x,className:`${bt}-input`,type:"text","aria-label":"Prompt input"}):Zo(Na,{value:f,placeholder:x,className:`${bt}-textarea`,rows:o==="multi"\|\|p?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),bs("div",{className:`${bt}-affix`,children:[n,Zo(Ie,{size:"small",fillMode:"flat",rounded:"full"}),Zo(se,{icon:N?"stop":"arrow-up",size:"small",rounded:"full",active:N,disabled:!f&&!N,className:r({"k-generating":N}),"aria-label":N?"Stop generating":"Send prompt","aria-live":"polite"})]})]}),u]})};Ct.states=wh;Ct.options=Rh;Ct.className=bt;Ct.defaultOptions=hs;Ct.moduleName=us;Ct.folderName=gp;Ct.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 aU}from"react/jsx-runtime";import{jsx as iU}from"react/jsx-runtime";import{jsx as cU}from"react/jsx-runtime";import{jsx as bU}from"react/jsx-runtime";import{jsx as NU}from"react/jsx-runtime";var xs="chat",Mp=xs;import{Fragment as Ap,jsx as so,jsxs as Ra}from"react/jsx-runtime";var Sp="k-chat",Kh=[],_h={},Dh=Ra(Ap,{children:[so(se,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),so("div",{className:"k-spacer"})]}),yp={tools:Dh},F=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:p,generating:c,tools:u=yp.tools,value:f,empty:x,scrollToBottom:N,scrollbar:m,promptBoxProps:L,...k}=e;return Ra("div",{...k,className:r(Sp,e.className),dir:o,children:[t,Ra("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,so("div",{className:r("k-message-list-content",x&&"k-message-list-content-empty"),children:e.children}),N&&so("div",{className:"k-chat-scroll-to-bottom-container",children:so(xp,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),m&&so("div",{className:"k-separator"}),Ra("div",{className:"k-message-box-wrapper",children:[a,so(Ct,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:n\|\|p?Ra(Ap,{children:[p,n]}):void 0,endAffix:u,...L})]})]})};F.states=Kh;F.options=_h;F.className=Sp;F.defaultOptions=yp;F.moduleName=xs;F.folderName=Mp;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 gs="avatar",Cp=gs;import{jsx as Ep}from"react/jsx-runtime";var Ka="k-avatar";var Hh=[s.hover,s.focus,s.active,s.selected,s.disabled],zh={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]},Ns={type:"text",border:!1},ue=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Ns.type,border:p=Ns.border,...c}=e;return Ep("div",{...c,className:r(e.className,Ka,A(Ka,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ka}-bordered`]:p}),children:Ep("span",{className:`${Ka}-${i}`,children:e.children})})};ue.states=Hh;ue.options=zh;ue.className=Ka;ue.defaultOptions=Ns;ue.moduleName=gs;ue.folderName=Cp;ue.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var io=ue;import{jsx as Uh}from"react/jsx-runtime";var Ip=e=>Uh(io,{type:"icon",...e});import{jsx as Fh}from"react/jsx-runtime";var Tp=e=>Fh(io,{type:"text",...e});import{jsx as Gh}from"react/jsx-runtime";var Sn=e=>Gh(io,{type:"image",...e});import{jsx as jU}from"react/jsx-runtime";import{jsx as _a}from"react/jsx-runtime";var Vh=ue.options,$h=ue.states,Xh={...ue.defaultOptions,variant:"image"},qh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Wh=[],Qo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return _a(Ip,{...o,children:_a(v,{icon:"star"})});case"text":return _a(Tp,{...o,children:"JO"});default:return _a(Sn,{...o,children:_a("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Qo.options=Vh;Qo.states=$h;Qo.variants=qh;Qo.defaultOptions=Xh;Qo.modifiers=Wh;Qo.className=ue.className;import{jsx as jo,jsxs as vs}from"react/jsx-runtime";var Da="k-message-group",Jh=[s.selected],Yh={},yn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},q=e=>{let{type:t=yn.type,author:o=yn.author,avatar:a=yn.avatar,status:n,selected:i,fullWidth:p,...c}=e;return vs("div",{...c,className:r(Da,e.className,S(Da,{selected:i}),{[`${Da}-${t}`]:t,"k-no-avatar":!a,[`${Da}-full-width`]:p}),children:[a&&!n&&jo(ue,{type:"image",children:jo("img",{src:a,alt:o\|\|""})}),n&&a&&vs("div",{className:"k-chat-user-status-wrapper",children:[jo(ue,{type:"image",children:jo("img",{src:a,alt:o\|\|""})}),jo("div",{className:"k-chat-user-status"})]}),vs("div",{className:"k-message-group-content",children:[o&&jo("span",{className:"k-message-author",children:o}),e.children]})]})};q.states=Jh;q.options=Yh;q.className=Da;q.defaultOptions=yn;import{Fragment as Qh,jsx as An,jsxs as Op}from"react/jsx-runtime";var ks="k-message-reference",Zh={},Bp={type:"receiver"},ea=e=>{let{content:t,closeable:o,pinned:a,type:n=Bp.type,...i}=e;return Op("div",{...i,className:r(ks,e.className,{[`${ks}-${n}`]:n,"k-message-pinned":a}),children:[a&&An(v,{icon:"pin"}),An("div",{className:"k-message-reference-content",children:t}),o&&Op(Qh,{children:[An("span",{className:"k-spacer"}),An(l,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};ea.options=Zh;ea.className=ks;ea.defaultOptions=Bp;var Ls="bubble",Pp=Ls;import{jsx as Cn,jsxs as ex}from"react/jsx-runtime";var Ms="k-bubble",jh=[s.hover,s.active,s.selected,s.focus],Ss={expandable:!1,expanded:!1},Ft=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:p=Ss.expandable,expanded:c=Ss.expanded,...u}=e;return ex("div",{...u,className:r(e.className,Ms,S(Ms,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":p},{"k-expanded":c}),tabIndex:0,children:[Cn("div",{className:"k-bubble-content",children:t??e.children}),p&&Cn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":c?"Show less":"Show more",tabIndex:0,children:c?Cn(v,{icon:"chevron-up"}):Cn(v,{icon:"chevron-down"})})]})};Ft.states=jh;Ft.className=Ms;Ft.defaultOptions=Ss;Ft.moduleName=Ls;Ft.folderName=Pp;Ft.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 P3}from"react/jsx-runtime";import{jsx as _3}from"react/jsx-runtime";import{jsx as U3}from"react/jsx-runtime";import{jsx as ys,jsxs as Rp}from"react/jsx-runtime";var tx="k-chat-bubble",Kp=e=>{let{typing:t,content:o,files:a,...n}=e;return Rp(Ft,{...n,className:r(e.className,tx),children:[t?Rp("div",{className:"k-typing-indicator",tabIndex:-1,children:[ys("span",{}),ys("span",{}),ys("span",{})]}):o,a]})};import{jsx as oF}from"react/jsx-runtime";import{jsx as _p,jsxs as ox}from"react/jsx-runtime";var Dp="k-chat-event",As={icon:"trash",text:"You deleted Chat history."},Hp=e=>{let{icon:t=As.icon,text:o=As.text,...a}=e;return ox("div",{...a,className:r(e.className,Dp),children:[t&&_p(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&_p("span",{className:"k-chat-event-text",children:o})]})};Hp.className=Dp;Hp.defaultOptions=As;import{jsx as mF}from"react/jsx-runtime";import{Fragment as ax,jsx as ht,jsxs as nx}from"react/jsx-runtime";var zp=e=>ht(F,{children:nx(ax,{children:[ht("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),ht(q,{children:ht(V,{})}),ht(q,{type:"sender",children:ht(V,{})}),ht(q,{children:ht(V,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),ht(q,{type:"sender",children:ht(V,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as Up}from"react/jsx-runtime";var En="k-file-box-wrapper",Fp={layout:"horizontal"},xt=e=>{let{layout:t=Fp.layout,scrollingPosition:o,...a}=e;return Up("ul",{role:"list","aria-label":"Attached files",...a,className:r(e.className,En,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${En}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${En}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?Up("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};xt.className=En;xt.defaultOptions=Fp;var Cs="file-box",Gp=Cs;import{jsx as ta,jsxs as Vp}from"react/jsx-runtime";var $p="k-file-box",rx=[s.selected],sx={},Ha={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},ye=e=>{let{icon:t=Ha.icon,name:o=Ha.name,size:a=Ha.size,status:n,deleted:i,removeButton:p,showButton:c=Ha.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return Vp("li",{role:"listitem",tabIndex:0,"aria-label":f\|\|void 0,...u,className:r($p,e.className,{"k-file-deleted":i}),children:[ta(v,{icon:t,size:"xlarge","aria-hidden":"true"}),Vp("div",{className:"k-file-info",children:[o&&ta("span",{className:"k-file-name",children:o}),a&&ta("span",{className:"k-file-size",children:a}),n&&ta("span",{className:"k-file-status",children:n})]}),c&&(p?ta(l,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):ta(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};ye.states=rx;ye.options=sx;ye.className=$p;ye.defaultOptions=Ha;ye.moduleName=Cs;ye.folderName=Gp;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 OF}from"react/jsx-runtime";import{jsx as KF}from"react/jsx-runtime";import{jsx as UF,jsxs as FF}from"react/jsx-runtime";import{jsx as qF,jsxs as WF}from"react/jsx-runtime";import{jsx as jF}from"react/jsx-runtime";import{Fragment as u5,jsx as m5,jsxs as f5}from"react/jsx-runtime";import{Fragment as N5,jsx as g5,jsxs as v5}from"react/jsx-runtime";var Es="skeleton",Xp=Es;import{jsx as dx}from"react/jsx-runtime";var Is="k-skeleton",ix=["circle","text","rect"],lx=[],px={},Ts={variant:"text",shape:"text",animation:"pulse"},rt=e=>{let{variant:t,shape:o,animation:a=Ts.animation,...n}=e,i=`skeleton-${t\|\|o\|\|Ts.variant}`;return dx("span",{...n,className:r(e.className,Is,qa(Is,i),{[`k-skeleton-${a}`]:a}),style:e.style})};rt.states=lx;rt.options=px;rt.variants=ix;rt.className=Is;rt.defaultOptions=Ts;rt.moduleName=Es;rt.folderName=Xp;rt.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as I5}from"react/jsx-runtime";import{jsx as P5}from"react/jsx-runtime";import{jsx as _5}from"react/jsx-runtime";import{Fragment as Z5,jsx as J5,jsxs as Y5}from"react/jsx-runtime";import{Fragment as oG,jsx as tG,jsxs as aG}from"react/jsx-runtime";var Os="window",qp=Os;import{jsx as fx}from"react/jsx-runtime";var Wp="k-window-content",cx=[],mx={},ux={},Gt=e=>{let{children:t,...o}=e;return fx("div",{...o,className:r(Wp,e.className),children:t})};Gt.states=cx;Gt.options=mx;Gt.className=Wp;Gt.defaultOptions=ux;Gt.moduleName=Os;Gt.folderName=qp;var za="dialog",In=za;import{Fragment as xx,jsx as lo,jsxs as Bs}from"react/jsx-runtime";var Jp="k-dialog",bx=[],hx={},Ps={actionButtonsAlign:"stretched",modal:!0},Te=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Ps.actionButtonsAlign,modal:i=Ps.modal,...p}=e,c=t!==void 0?w("dialog-titlebar"):void 0,u=w("dialog-content");return Bs("div",{className:"k-dialog-wrapper",children:[i&&lo(ct,{}),Bs("div",{...p,className:r(e.className,Jp,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&Bs("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&lo("span",{className:"k-window-title k-dialog-title",children:t}),o&&lo(xx,{children:lo("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>lo(l,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),lo(Gt,{className:"k-dialog-content",id:u,children:e.children}),a&&lo(we,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};Te.states=bx;Te.options=hx;Te.className=Jp;Te.defaultOptions=Ps;Te.moduleName=za;Te.folderName=In;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 ws=Te;import{jsx as kx}from"react/jsx-runtime";var Yp="k-dialog-wrapper",gx=[],Nx={},vx={},oa=e=>{let{...t}=e;return kx("div",{...t,className:r(e.className,Yp),children:e.children})};oa.states=gx;oa.options=Nx;oa.className=Yp;oa.defaultOptions=vx;oa.moduleName=za;oa.folderName=In;import{Fragment as Zp,jsx as Tn,jsxs as Lx}from"react/jsx-runtime";var Qp=e=>Tn(ws,{title:"Title",children:Tn(Zp,{children:"Dialog content"}),actionButtons:Lx(Zp,{children:[Tn(l,{children:"Action"}),Tn(l,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as TG,jsx as OG,jsxs as BG}from"react/jsx-runtime";import{Fragment as Ex,jsx as On,jsxs as Ix}from"react/jsx-runtime";var Mx=Te.options,Sx=[],yx=Te.states,Ax=Te.defaultOptions,Cx=[],aa=e=>On(Qp,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:Ix(Ex,{children:[On(l,{children:"No"}),On(l,{themeColor:"primary",children:"Yes"})]}),children:On("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});aa.options=Mx;aa.states=yx;aa.variants=Sx;aa.defaultOptions=Ax;aa.modifiers=Cx;aa.className=Te.className;var Rs="dropzone",jp=Rs;import{jsx as Bn,jsxs as Bx}from"react/jsx-runtime";var Ks="k-external-dropzone",Tx=[s.disabled,s.hover],Ox={},_s={icon:"upload",hint:"Drag and drop files here to upload"},Ae=e=>{let{hover:t,disabled:o,icon:a=_s.icon,hint:n=_s.hint,note:i,...p}=e;return Bn("div",{...p,className:r(e.className,Ks,S(Ks,{disabled:o}),{"k-external-dropzone-hover":t}),children:Bx("div",{className:"k-dropzone-inner",children:[a&&Bn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&Bn("span",{className:"k-dropzone-hint",children:n}),i&&Bn("span",{className:"k-dropzone-note",children:i})]})})};Ae.states=Tx;Ae.options=Ox;Ae.className=Ks;Ae.defaultOptions=_s;Ae.moduleName=Rs;Ae.folderName=jp;import{jsx as Px}from"react/jsx-runtime";var ed=e=>Px(Ae,{...e});import{jsx as a6}from"react/jsx-runtime";import{jsx as Hx}from"react/jsx-runtime";var wx=Ae.options,Rx=Ae.states,Kx=Ae.defaultOptions,_x=[{name:"note",title:"Note"}],Dx=[],na=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)}),Hx(ed,{style:{width:"500px"},...o,...a})};na.options=wx;na.states=Rx;na.variants=Dx;na.defaultOptions=Kx;na.modifiers=_x;na.className=Ae.className;import{Fragment as Pn,jsx as Vt,jsxs as Ua}from"react/jsx-runtime";var Ds="k-upload-dropzone",zx=[s.hover],wn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...p}=e,c;switch(o){case"uploading":c=Ua(Pn,{children:[Vt(v,{icon:"upload"}),"Uploading..."]});break;case"done":c=Ua(Pn,{children:[Vt(v,{icon:"check"}),"Done"]});break;case"failed":c=Ua(Pn,{children:[Vt(v,{icon:"exclamation-circle"}),"Done"]});break;default:c=Vt(Pn,{});break}return Ua("div",{...p,className:r(e.className,Ds,"k-dropzone",S(Ds,{hover:t})),children:[Ua("div",{className:"k-upload-button-wrap",children:[Vt(l,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),Vt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Vt("span",{className:r("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Vt("span",{className:"k-upload-status",children:c})]})};wn.states=zx;wn.className=Ds;var Hs="upload",td=Hs;import{jsx as Rn,jsxs as ad}from"react/jsx-runtime";var zs="k-upload",Ux=[s.hover,s.disabled],Fx={},nd={actionsLayout:"end"},od="upload-files-list",j=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=nd.actionsLayout,hover:i,status:p,disabled:c,...u}=e,f=!!e.children;return ad("div",{...u,className:r(e.className,zs,S(zs,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[Rn(wn,{status:p,hover:i,disabled:c,hasFiles:f,filesId:od}),f&&Rn("ul",{className:"k-upload-files",role:"list",id:od,children:e.children}),a&&f&&ad(Ii,{alignment:n,orientation:"horizontal",children:[Rn(l,{className:"k-clear-selected",children:"Clear"}),Rn(l,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};j.states=Ux;j.options=Fx;j.className=zs;j.defaultOptions=nd;j.moduleName=Hs;j.folderName=td;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 Fa="progressbar",Kn=Fa;import{jsx as Fs,jsxs as Us}from"react/jsx-runtime";var je="k-progressbar",Gx=[s.disabled,s.indeterminate],Vx={orientation:["horizontal","vertical"]},po={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},fe=e=>{let{disabled:t,height:o,indeterminate:a=po.indeterminate,label:n=po.label,labelPosition:i=po.labelPosition,orientation:p=po.orientation,reverse:c=po.reverse,value:u=po.value,width:f,style:x,ariaLabel:N,...m}=e;return Us("div",{...m,className:r(e.className,je,S(je,{disabled:t}),{[`${je}-${p}`]:p,[`${je}-indeterminate`]:a,[`${je}-reverse`]:c}),style:{...x,"--kendo-progressbar-value":u,[p==="horizontal"?"height":"width"]:p==="horizontal"?o:f},role:"progressbar","aria-label":N\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Fs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Us("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Fs("div",{className:"k-progressbar-value k-selected",children:Fs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Us("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};fe.states=Gx;fe.options=Vx;fe.className=je;fe.defaultOptions=po;fe.moduleName=Fa;fe.folderName=Kn;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 rd=fe;import{jsx as Gs}from"react/jsx-runtime";var sd="k-chunk-progressbar",$x=(e,t)=>t<=e-1,Xx=[s.disabled,s.indeterminate],qx={},_n={chunkCount:5,orientation:"horizontal",progress:0},co=e=>{let{disabled:t,chunkCount:o=_n.chunkCount,indeterminate:a,orientation:n=_n.orientation,progress:i=_n.progress,reverse:p,ariaLabel:c,...u}=e;return Gs("div",{...u,className:r(e.className,je,sd,S(je,{disabled:t}),{[`${je}-${n}`]:n,[`${je}-indeterminate`]:a,[`${je}-reverse`]:p}),role:"progressbar","aria-label":c\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Gs("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,x)=>Gs("li",{className:r("k-progressbar-chunk",{"k-first":x===0,"k-last":x===[...Array(o)].length-1,"k-selected":$x(i,x)})},x))})})};co.states=Xx;co.options=qx;co.className=sd;co.defaultOptions=_n;co.moduleName=Fa;co.folderName=Kn;co.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 Wx}from"react/jsx-runtime";var Ga=e=>Wx(rd,{...e});import{jsx as V6}from"react/jsx-runtime";import{jsx as $t}from"react/jsx-runtime";var Jx=fe.options,Yx=fe.states,id={...fe.defaultOptions,variant:"start"},Zx=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Qx=[],ra=e=>{let{variant:t,modifiers:o,...a}={...id,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o\|\|{}).forEach(p=>{switch(p){case"reverse":n.reverse=!!o?.[p];break;case"vertical":n.orientation=o?.[p]?"vertical":void 0,i.style=o?.[p]?void 0:{width:"324px"};break}}),t){case"end":return $t("div",{...i,children:$t(Ga,{...a,...n,labelPosition:"end",value:"50"})});case"center":return $t("div",{...i,children:$t(Ga,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return $t("div",{...i,children:$t(Ga,{...a,...n,label:!1,value:"50"})});default:return $t("div",{...i,children:$t(Ga,{...a,...n,labelPosition:"start",value:"50"})})}};ra.options=Jx;ra.states=Yx;ra.variants=Zx;ra.defaultOptions=id;ra.modifiers=Qx;ra.className=fe.className;import{jsx as Vs,jsxs as eg}from"react/jsx-runtime";var jx="k-file-info",$s=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return eg("div",{...n,className:r(e.className,jx),children:[t&&Vs("span",{className:"k-file-name",children:t}),o&&Vs("span",{className:"k-file-size",children:o}),a&&Vs("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as og,jsx as Et,jsxs as Dn}from"react/jsx-runtime";var tg="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:p,validationMsg:c,...u}=e;return Et("li",{...u,className:r(e.className,tg,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Dn("div",{className:"k-file-single",children:[Et(fe,{className:r({"k-hidden":t!=="progress"}),value:o,label:!1}),Dn("span",{className:"k-file-icon-wrapper",children:[Et(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),p&&Et("span",{className:"k-file-state",children:p})]}),Et($s,{name:a,size:i,validationMsg:c}),Et("div",{className:"k-upload-actions",children:t==="progress"?Dn(og,{children:[Dn("span",{className:"k-upload-pct",children:[o,"%"]}),Et(l,{icon:"pause-sm",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),Et(l,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):Et(l,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as v7,jsx as g7,jsxs as N7}from"react/jsx-runtime";import{Fragment as ag,jsx as Xs,jsxs as ng}from"react/jsx-runtime";var Va=e=>Xs(j,{async:!0,children:ng(ag,{children:[Xs(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),Xs(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as T7,jsx as E7,jsxs as I7}from"react/jsx-runtime";import{jsx as rg}from"react/jsx-runtime";var ld=e=>rg(j,{async:!0,empty:!0,...e});import{Fragment as D7,jsx as _7,jsxs as H7}from"react/jsx-runtime";import{Fragment as V7,jsx as G7,jsxs as $7}from"react/jsx-runtime";import{jsx as It,jsxs as Hn}from"react/jsx-runtime";var sg=j.options,ig=j.states,pd={...j.defaultOptions,variant:"empty"},lg=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],pg=[],sa=e=>{let{variant:t,...o}={...pd,...e};switch(t){case"success":return Hn(Va,{status:"done",style:{width:"586px"},...o,children:[It(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),It(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Hn(Va,{status:"failed",style:{width:"586px"},...o,children:[It(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),It(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Hn(Va,{status:"uploading",style:{width:"586px"},...o,children:[It(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),It(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Hn(Va,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[It(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),It(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return It(ld,{async:!0,status:"upload",style:{width:"586px"},...o})}};sa.options=sg;sa.states=ig;sa.variants=lg;sa.defaultOptions=pd;sa.modifiers=pg;sa.className=j.className;import{Fragment as N9,jsx as g9,jsxs as v9}from"react/jsx-runtime";import{jsx as S9}from"react/jsx-runtime";import{Fragment as I9,jsx as E9,jsxs as T9}from"react/jsx-runtime";import{Fragment as R9,jsx as w9,jsxs as K9}from"react/jsx-runtime";import{Fragment as U9,jsx as z9,jsxs as F9}from"react/jsx-runtime";import{Fragment as q9,jsx as X9}from"react/jsx-runtime";var qs="appbar",dd=qs;import{jsx as ug}from"react/jsx-runtime";var Ws="k-appbar",dg=[],cg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.inverse]},mg={},be=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return ug("div",{...n,className:r(e.className,Ws,A(Ws,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};be.states=dg;be.options=cg;be.className=Ws;be.defaultOptions=mg;be.moduleName=qs;be.folderName=dd;be.ariaSpec={selector:".k-appbar",rules:[]};import{jsx as bg}from"react/jsx-runtime";var fg="k-appbar-section",gt=e=>{let{...t}=e;return bg("div",{...t,className:r(fg,e.className),children:e.children})};import{Fragment as l4,jsx as s4,jsxs as i4}from"react/jsx-runtime";import{jsx as ee,jsxs as ia}from"react/jsx-runtime";var Js={...be.options,positionMode:["static","sticky","fixed"]},hg=be.states,cd={...be.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};Js.themeColor=["primary",...Js.themeColor.filter(e=>e!=="primary")];var xg=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],la=e=>{let{variant:t,...o}={...cd,...e},a=ia(be,{position:t,...o,children:[ee(gt,{children:ee(se,{fillMode:"flat",icon:"menu"})}),ee("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),ee(gt,{children:ee("h3",{className:"k-m-0",children:"AppBar"})}),ee("span",{className:"k-spacer"}),ia(gt,{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(gt,{children:ee(an,{value:"Input value"})}),ia(gt,{children:[ee(se,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),ee("span",{className:"k-appbar-separator"}),ee(Sn,{className:"k-mx-sm",children:ee("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=ia("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"?ia("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):ia("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};la.options=Js;la.states=hg;la.variants=xg;la.defaultOptions=cd;la.modifiers=[];la.className=be.className;var Ys="suggestion",md=Ys;import{jsx as zn,jsxs as vg}from"react/jsx-runtime";var Un="k-suggestion-group",gg=[],Ng={},ud={layout:"scrollable",scrollingPosition:"start"},et=e=>{let{layout:t=ud.layout,scrollingPosition:o,...a}=e,n=zn("div",{...a,className:r(Un,{"k-suggestion-group-scrollable":t=="scrollable",[`${Un}-scrollable-start`]:o==="start"\|\|o==="both",[`${Un}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?zn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?vg("div",{className:"k-suggestion-scrollwrap",children:[zn(l,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,zn(l,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};et.states=gg;et.options=Ng;et.className=Un;et.defaultOptions=ud;et.moduleName=Ys;et.folderName=md;import{jsx as Sg}from"react/jsx-runtime";var Fn="k-suggestion",kg=[s.active,s.hover,s.focus],Lg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},Mg={text:"Suggestion"},tt=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...p}=e;return Sg("span",{...p,className:r(e.className,Fn,S(Fn,{hover:a,active:o,focus:n}),A(Fn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};tt.states=kg;tt.options=Lg;tt.className=Fn;tt.item=Mg;import{Fragment as R4,jsx as w4,jsxs as K4}from"react/jsx-runtime";import{Fragment as U4,jsx as z4,jsxs as F4}from"react/jsx-runtime";import{Fragment as q4,jsx as X4,jsxs as W4}from"react/jsx-runtime";import{Fragment as Tg,jsx as te,jsxs as Gn}from"react/jsx-runtime";var yg=F.states,Ag=F.defaultOptions,Cg=F.options,Eg=[{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"}],Ig=[],pa=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Gn(be,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[te("span",{className:"k-spacer k-spacer-sized k-w-1"}),te(gt,{children:te("span",{children:"Chat with demo bot"})}),te("span",{className:"k-spacer"}),te(gt,{children:te(l,{fillMode:"flat",icon:"more-vertical"})})]}),i=te(ea,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),p=Gn(et,{children:[te(tt,{text:"Provide a CV template"}),te(tt,{text:"Generate a cover letter"})]}),c=Gn(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,x="User",N="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]?p:!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(Tg,{});break;default:break}});let{header:m,pinned:L,suggestedActions:k,author:y,avatar:C,quickReplies:M}=a;return Gn(zp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:k,children:[te(q,{avatar:f,author:y?N:null,children:te(V,{text:"Hello, this is a demo bot. How can I help you ?"})}),te(q,{avatar:C?u:null,author:y?x:null,type:"sender",children:te(V,{text:"Hello! Generate a cover letter."})}),te(q,{avatar:f,author:y?N:null,children:te(V,{text:"Sure. Here is a cover letter template",files:te(xt,{children:te(ye,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),M]})};pa.options=Cg;pa.states=yg;pa.variants=Ig;pa.defaultOptions=Ag;pa.modifiers=Eg;pa.className=F.className;import{Fragment as wg,jsx as st,jsxs as $a}from"react/jsx-runtime";var fd="k-message",Og=[s.hover,s.selected,s.active,s.focus],Bg={},Pg=[st(l,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),st(l,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),st(l,{icon:"download",fillMode:"flat","aria-label":"Download"})],da={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Pg,failed:"Failed to send"},V=e=>{let{time:t=da.time,text:o=da.text,content:a,status:n=da.status,statusIcon:i,toolbarItems:p=da.toolbarItems,hover:c,selected:u,active:f,focus:x,toolbar:N,typing:m,expandable:L,expanded:k,removed:y,files:C,failed:M,...I}=e,$=M===!0?da.failed:M;return $a("div",{...I,className:r(fd,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(Kp,{typing:m,selected:u,hover:c,active:f,focus:x,content:$a(wg,{children:[a,o&&st("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:k,files:C}),$a("div",{className:"k-message-info",children:[n&&$a("span",{className:"k-message-status",children:[i&&st(v,{icon:i,size:"xsmall"}),n]}),t&&st("time",{className:"k-message-time",children:t}),M&&$a("span",{className:"k-message-failed-content",children:[M&&st(v,{icon:"warning-triangle",size:"xsmall"}),M&&st("span",{className:"k-message-failed-text",children:$})]})]}),N&&st(z,{className:"k-chat-message-toolbar",fillMode:"flat",children:p})]})};V.states=Og;V.options=Bg;V.className=fd;V.defaultOptions=da;var z8=V;export{fd as CHATMESSAGE_CLASSNAME,V as ChatMessage,z8 as default};