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

package/dist/esm/chat/templates/chat-upload.mjs

@@ -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 Wa(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"},lt={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 Jn={};function w(e){return Jn[e]=(Jn[e]||0)+1,`k-${e}-${Jn[e]}`}import{Fragment as Ld,jsx as ti}from"react/jsx-runtime";var Yn="k-font-icon",Nd=[],vd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},kd={},ma=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...p}=e;return a?ti("span",{...p,className:r(e.className,Yn,A(Yn,{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"}):ti(Ld,{})};ma.states=Nd;ma.options=vd;ma.className=Yn;ma.defaultOptions=kd;var oi=ma;import{Fragment as yd,jsx as Ja}from"react/jsx-runtime";var Zn="k-svg-icon",Md=[],Sd={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:[lt.outline,lt.solid,lt.duotone]},Qn={viewBox:"0 0 24 24",variant:lt.outline},ua=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=Qn.viewBox,variant:p=Qn.variant,icon:c,...u}=e;if(!c)return Ja(yd,{});if(c==="none")return Ja("span",{...u,className:r(e.className,Zn,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 Ja("span",{...u,className:r(e.className,Zn,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:Ja("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})})};ua.states=Md;ua.options=Sd;ua.className=Zn;ua.defaultOptions=Qn;var jn=ua;import*as er from"@progress/kendo-svg-icons";var ai="icon",ni="icons";import{useContext as Cd}from"react";import{createContext as Ad}from"react";var ri=Ad({iconsType:"svg"});import{Fragment as si,jsx as fa}from"react/jsx-runtime";var Ya="k-icon",Ed=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Id=[],Td={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:[lt.outline,lt.solid,lt.duotone]},Za={viewBox:"0 0 24 24",type:"svg",variant:lt.outline},v=e=>{let{iconsType:t}=Cd(ri),{size:o,themeColor:a,icon:n,type:i=t||Za.type,rotate:p,flip:c,viewBox:u=Za.viewBox,variant:f=Za.variant,...x}=e;if(!n)return fa(si,{});if((t||i)==="svg"){if(n==="none")return fa(jn,{...x,className:r(e.className,Ya),icon:n,size:o,variant:f});let m=er[n]?n:Ed(`${n}-icon`);return er[m]?fa(jn,{...x,className:r(e.className,Ya),icon:er[m],size:o,themeColor:a,rotate:p,flip:c,viewBox:u,variant:f}):fa(si,{})}return fa(oi,{...x,className:r(e.className,Ya),icon:n,size:o,themeColor:a,rotate:p,flip:c})};v.states=Id;v.options=Td;v.defaultOptions=Za;v.className=Ya;v.moduleName=ai;v.folderName=ni;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 tr="button",ii=tr;import{Fragment as wd,jsx as ba,jsxs as li}from"react/jsx-runtime";var ha="k-button",Od=["icon-button"],Bd=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Pd={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]},or={showArrow:!1,arrowIconName:"chevron-down"},l=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:p=or.showArrow,arrowIconName:c=or.arrowIconName,variant:u,hover:f,focus:x,active:N,selected:m,disabled:L,togglable:k,ariaDisabled:y,icon:C,text:M,iconClassName:I,className:X,...pe}=e,xe=C!==void 0,ge=e.children!==void 0;return li(t,{className:r(X,ha,Wa(ha,u),A(ha,{size:o,rounded:a,fillMode:n,themeColor:i}),S(ha,{hover:f,focus:x,active:N,disabled:L||y,selected:m}),{"k-icon-button":!M&&!ge&&xe}),...pe,"aria-pressed":k?m?"true":"false":void 0,"aria-disabled":y?"true":void 0,disabled:L||void 0,children:[C&&ba(v,{className:r(I,"k-button-icon"),icon:C}),M?li(wd,{children:[M&&ba("span",{className:"k-button-text",children:M}),e.children]}):e.children&&ba("span",{className:"k-button-text",children:e.children}),p&&ba("span",{className:"k-menu-button-arrow k-button-arrow",children:ba(v,{icon:c})})]})};l.states=Bd;l.options=Pd;l.variants=Od;l.className=ha;l.defaultOptions=or;l.moduleName=tr;l.folderName=ii;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 Rd}from"react/jsx-runtime";var se=e=>Rd(l,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Kd}from"react/jsx-runtime";var xa=e=>Kd(l,{icon:"folder",children:"Button",...e});import{jsx as _d}from"react/jsx-runtime";var at=e=>_d(l,{children:"Button",...e});import{jsx as ar}from"react/jsx-runtime";var Dd=l.options,Hd=l.states,zd={...l.defaultOptions,variant:"text"},Ud=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Fd=[],uo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ar(se,{...o,icon:"star"});case"icon-and-text":return ar(xa,{...o,icon:"star",children:"Button"});default:return ar(at,{...o,children:"Button"})}};uo.options=Dd;uo.states=Hd;uo.variants=Ud;uo.defaultOptions=zd;uo.modifiers=Fd;uo.className=l.className;import{jsx as pi,jsxs as qd}from"react/jsx-runtime";var Qa="k-fab",$d=[s.hover,s.focus,s.active,s.selected,s.disabled],Xd={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]},di={type:"button"},Z=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:p=di.type,position:c,hover:u,focus:f,active:x,selected:N,disabled:m,...L}=e;return qd("button",{...L,type:p,className:r(e.className,Qa,A(Qa,{size:t,rounded:o,themeColor:a}),S(Qa,{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&&pi(v,{className:"k-fab-icon",icon:i}),n&&pi("span",{className:"k-fab-text",children:n})]})};Z.states=$d;Z.options=Xd;Z.className=Qa;Z.defaultOptions=di;Z.moduleName="fab";Z.folderName="fab";Z.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 Jd}from"react/jsx-runtime";var Wd="k-fab-items",ci=e=>{let{position:t,...o}=e;return Jd("ul",{...o,className:r(e.className,Wd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as ui,jsxs as Zd}from"react/jsx-runtime";var mi="k-fab-item",Yd=[s.hover,s.focus,s.active,s.disabled],nr=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:p,disabled:c,...u}=e;return Zd("li",{...u,className:r(e.className,mi,{[`k-text-${a}`]:a},S(mi,{hover:n,focus:i,active:p,disabled:c})),children:[ui("span",{className:"k-fab-item-text",children:t}),ui(v,{className:"k-fab-item-icon",icon:o})]})};nr.states=Yd;import{jsx as nv}from"react/jsx-runtime";import{jsx as Qd}from"react/jsx-runtime";var fi=e=>Qd(Z,{icon:"plus",...e});import{jsx as cv}from"react/jsx-runtime";import{jsx as bv}from"react/jsx-runtime";import{jsx as fo,jsxs as nc}from"react/jsx-runtime";var jd=Z.options,ec=Z.states,tc={...Z.defaultOptions,variant:"text"},oc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ac=[{name:"opened",title:"Opened"}],bo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o||{},i=n?fo("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:fo(ci,{position:"bottom",children:fo(nr,{text:"Item",icon:"pencil",align:"right"})})}):null,p;switch(t){case"icon-only":p=fo(Z,{...a,icon:"star"});break;case"icon-and-text":p=fo(Z,{...a,icon:"star",text:"Action"});break;default:p=fo(Z,{...a,text:"Action"});break}return nc("span",{style:{position:"relative"},children:[p,i]})};bo.options=jd;bo.states=ec;bo.variants=oc;bo.defaultOptions=tc;bo.modifiers=ac;bo.className=Z.className;import{jsx as ic}from"react/jsx-runtime";var rr="k-input-inner",rc=[],sc={},ja={type:"text",autocomplete:"off",value:"",placeholder:""},Ne=e=>{let{value:t=ja.value,type:o=ja.type,placeholder:a=ja.placeholder,autocomplete:n=ja.autocomplete,disabled:i,readOnly:p,...c}=e;return ic("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})};Ne.states=rc;Ne.options=sc;Ne.className=rr;import{jsx as dc}from"react/jsx-runtime";var sr="k-input-inner",lc=[],pc={},bi={value:"",placeholder:""},ga=e=>{let{value:t=bi.value,placeholder:o=bi.placeholder,rows:a,disabled:n,...i}=e;return dc("textarea",{...i,className:r(e.className,sr,A(sr,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};ga.states=lc;ga.options=pc;ga.className=sr;var ir="prompt-box",hi=ir;var lr="speech-to-text-button",xi=lr;import{jsx as cc}from"react/jsx-runtime";var gi="k-speech-to-text-button",Ni={icon:"microphone"},Ee=e=>{let{listening:t=!1,icon:o=Ni.icon,...a}=e;return cc(l,{...a,icon:t?"stop":o,className:r(e.className,gi,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Ee.states=l.states;Ee.options=l.options;Ee.className=gi;Ee.defaultOptions=Ni;Ee.moduleName=lr;Ee.folderName=xi;Ee.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 Yv}from"react/jsx-runtime";import{jsx as ek}from"react/jsx-runtime";import{jsx as hc}from"react/jsx-runtime";var mc=l.states,vi={...l.defaultOptions,variant:"normal"},uc={...l.options,fillMode:l.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},fc=[],bc=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],ho=e=>{let{variant:t,...o}={...vi,...e},a={};return t==="listening"&&(a.listening=!0),hc(Ee,{...o,...a})};ho.options=uc;ho.states=mc;ho.variants=bc;ho.defaultOptions=vi;ho.modifiers=fc;ho.className=Ee.className;import{jsx as xo,jsxs as pr}from"react/jsx-runtime";var pt="k-prompt-box",xc=[s.hover,s.focus,s.disabled],gc={fillMode:[h.undefined,h.solid,h.flat,h.outline]},dr={lineMode:"auto",isExpanded:!1},vt=e=>{let{fillMode:t,lineMode:o=dr.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:p=dr.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 pr("div",{...y,className:r(c,"k-input",pt,{[`${pt}-singleline`]:o==="single",[`${pt}-multiline`]:C,[`k-input-${t}`]:t,"k-hover":m,"k-focus":L,"k-disabled":k}),children:[i&&xo("div",{className:`${pt}-header`,children:i}),pr("div",{className:`${pt}-content`,children:[a&&xo("div",{className:`${pt}-affix`,children:a}),o==="single"?xo(Ne,{value:f,placeholder:x,className:`${pt}-input`,type:"text","aria-label":"Prompt input"}):xo(ga,{value:f,placeholder:x,className:`${pt}-textarea`,rows:o==="multi"||p?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),pr("div",{className:`${pt}-affix`,children:[n,xo(Ee,{size:"small",fillMode:"flat",rounded:"full"}),xo(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]})};vt.states=xc;vt.options=gc;vt.className=pt;vt.defaultOptions=dr;vt.moduleName=ir;vt.folderName=hi;vt.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 Lk}from"react/jsx-runtime";import{jsx as Ak}from"react/jsx-runtime";import{jsx as Tk}from"react/jsx-runtime";import{jsx as wk}from"react/jsx-runtime";import{jsx as Dk}from"react/jsx-runtime";var cr="chat",ki=cr;import{Fragment as Si,jsx as Wt,jsxs as Na}from"react/jsx-runtime";var Li="k-chat",Nc=[],vc={},kc=Na(Si,{children:[Wt(se,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Wt("div",{className:"k-spacer"})]}),Mi={tools:kc},G=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:p,generating:c,tools:u=Mi.tools,value:f,empty:x,scrollToBottom:N,scrollbar:m,promptBoxProps:L,...k}=e;return Na("div",{...k,className:r(Li,e.className),dir:o,children:[t,Na("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,Wt("div",{className:r("k-message-list-content",x&&"k-message-list-content-empty"),children:e.children}),N&&Wt("div",{className:"k-chat-scroll-to-bottom-container",children:Wt(fi,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),m&&Wt("div",{className:"k-separator"}),Na("div",{className:"k-message-box-wrapper",children:[a,Wt(vt,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:n||p?Na(Si,{children:[p,n]}):void 0,endAffix:u,...L})]})]})};G.states=Nc;G.options=vc;G.className=Li;G.defaultOptions=Mi;G.moduleName=cr;G.folderName=ki;G.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 mr="button",yi=mr;import{jsx as yc}from"react/jsx-runtime";var va="k-button-group",Lc=[s.disabled],Mc={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Sc={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return yc("div",{role:"group",...n,className:r(e.className,va,A(va,{fillMode:t}),S(va,{disabled:o}),{[`${va}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Lc;T.options=Mc;T.className=va;T.defaultOptions=Sc;T.moduleName=mr;T.folderName=yi;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 cL,jsx as dL,jsxs as mL}from"react/jsx-runtime";import{Fragment as gL,jsx as xL,jsxs as NL}from"react/jsx-runtime";import{Fragment as yL,jsx as SL,jsxs as AL}from"react/jsx-runtime";import{Fragment as BL,jsx as OL,jsxs as PL}from"react/jsx-runtime";import{Fragment as HL,jsx as DL,jsxs as zL}from"react/jsx-runtime";import{Fragment as XL,jsx as $L,jsxs as qL}from"react/jsx-runtime";import{jsx as kt,jsxs as ur}from"react/jsx-runtime";var Ac={...l.options,...T.options},Cc=l.states,Ec={...l.defaultOptions,...T.defaultOptions,variant:"text-button"},Ic=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Tc=[],go=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?ur(T,{fillMode:a.fillMode,className:o,children:[kt(l,{...a,icon:"star"}),kt(l,{...a,icon:"star"}),kt(l,{...a,icon:"star"})]}):t==="icon-text-button"?ur(T,{fillMode:a.fillMode,className:o,children:[kt(l,{...a,icon:"star",children:"First"}),kt(l,{...a,icon:"star",children:"Middle"}),kt(l,{...a,icon:"star",children:"Last"})]}):ur(T,{fillMode:a.fillMode,className:o,children:[kt(l,{...a,children:"First"}),kt(l,{...a,children:"Middle"}),kt(l,{...a,children:"Last"})]})};go.options=Ac;go.states=Cc;go.variants=Ic;go.defaultOptions=Ec;go.modifiers=Tc;go.className=T.className;var ka="input",tn=ka;import{jsx as wc}from"react/jsx-runtime";var on="k-input",Oc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Bc={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]},Pc={},Q=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 wc("span",{...N,className:r(e.className,on,A(on,{size:u,rounded:f,fillMode:x}),S(on,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:p,readonly:c}))})};Q.states=Oc;Q.options=Bc;Q.className=on;Q.defaultOptions=Pc;Q.moduleName=ka;Q.folderName=tn;import{jsx as Dc}from"react/jsx-runtime";var an="k-picker",Rc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Kc={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]},_c={},dt=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 Dc("span",{...N,className:r(e.className,an,A(an,{size:u,rounded:f,fillMode:x}),S(an,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:p,readonly:c})),children:e.children})};dt.states=Rc;dt.options=Kc;dt.className=an;dt.defaultOptions=_c;dt.moduleName=ka;dt.folderName=tn;import{Fragment as Uc,jsx as fr}from"react/jsx-runtime";var Ai="k-clear-value",Hc=[s.disabled,s.loading,s.readonly],zc={},we=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?fr(Uc,{}):fr("span",{className:r(e.className,Ai),children:fr(v,{icon:"x"})})};we.states=Hc;we.options=zc;we.className=Ai;import{jsx as Ci,jsxs as Vc}from"react/jsx-runtime";var br="k-input-inner",Fc=[],Gc={},Jt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...p}=e;return Vc("span",{...p,className:r(e.className,br,A(br,e)),children:[n,!n&&i&&Ci(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Ci("span",{className:"k-input-value-text",children:t})]})};Jt.states=Fc;Jt.options=Gc;Jt.className=br;import{Fragment as Xc,jsx as Ei}from"react/jsx-runtime";var Ii="k-input-loading-icon",$c=[s.disabled,s.loading],Ie=e=>{let{disabled:t,loading:o}=e;return t||!o?Ei(Xc,{}):Ei("span",{className:r(e.className,Ii,"k-icon k-i-loading")})};Ie.states=$c;Ie.className=Ii;import{Fragment as Jc,jsx as Ti}from"react/jsx-runtime";var Oi="k-input-validation-icon",qc=[s.valid,s.invalid,s.disabled,s.loading],Wc={},ve=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?Ti(Jc,{}):Ti(v,{className:r(Oi),icon:i})};ve.states=qc;ve.options=Wc;ve.className=Oi;import{Fragment as Qc,jsx as Bi}from"react/jsx-runtime";var Yc="k-input-prefix",Zc={direction:"horizontal"},Ue=e=>{let{direction:t=Zc.direction,...o}=e;return e.children?Bi("span",{...o,className:r(Yc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Bi(Qc,{})};import{Fragment as tm,jsx as Pi}from"react/jsx-runtime";var jc="k-input-suffix",em={direction:"horizontal"},Fe=e=>{let{direction:t=em.direction,...o}=e;return e.children?Pi("span",{...o,className:r(jc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Pi(tm,{})};import{jsx as UM}from"react/jsx-runtime";import{jsx as am}from"react/jsx-runtime";var om="k-input-suffix-text",hr=e=>{let{children:t,...o}=e;return am("span",{...o,className:r(om,e.className),children:t})};import{jsx as rm}from"react/jsx-runtime";var wi="k-input-separator",nm={direction:"vertical"},Ge=e=>{let{direction:t=nm.direction,...o}=e;return rm("span",{...o,className:r(wi,e.className,{[`${wi}-${t}`]:t})})};import{Fragment as Ri,jsx as ct,jsxs as xr}from"react/jsx-runtime";var sm=Q.states,im=Q.defaultOptions,lm=Q.options,pm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],dm=[],No=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 xr(Q,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:p,style:{width:300},children:[u&&xr(Ri,{children:[ct(Ue,{children:ct(v,{icon:"lock"})}),m&&ct(Ge,{})]}),ct(Ne,{placeholder:"Placeholder",value:"Value"}),N&&ct(ve,{valid:o,invalid:a,loading:n,disabled:i}),ct(Ie,{loading:n,disabled:i}),x&&ct(we,{loading:n,disabled:i,readonly:p,value:"Value"}),f&&xr(Ri,{children:[m&&ct(Ge,{}),ct(Fe,{children:ct(at,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};No.options=lm;No.states=sm;No.variants=dm;No.defaultOptions=im;No.modifiers=pm;No.className=Q.className;import{jsx as Ki,jsxs as um}from"react/jsx-runtime";var _i="k-color-preview",cm=[],mm={},Bt=e=>{let{color:t,iconName:o,...a}=e;return um("span",{...a,className:r(e.className,_i,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Ki(v,{icon:o,className:"k-color-preview-icon"}),Ki("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Bt.states=cm;Bt.options=mm;Bt.className=_i;var gr="popup",Di=gr;import{jsx as Hi}from"react/jsx-runtime";var zi="k-animation-container",fm=[],bm={},Ui={positionMode:"absolute"},mt=e=>{let{positionMode:t=Ui.positionMode,animationStyle:o,offset:a,...n}=e;return Hi("div",{...n,style:{...a,...e.style},className:r(e.className,zi,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Hi("div",{className:"k-child-animation-container",style:o,children:e.children})})};mt.states=fm;mt.options=bm;mt.className=zi;mt.defaultOptions=Ui;mt.moduleName=gr;mt.folderName=Di;var Nr="popup",Fi=Nr;import{jsx as Gi}from"react/jsx-runtime";var Vi="k-popup",hm=[],xm={},$i={positionMode:"absolute"},$=e=>{let{offset:t,positionMode:o=$i.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:p,...c}=e;return Gi(mt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":p,children:Gi("div",{...c,className:r(e.className,Vi),children:e.children})})};$.states=hm;$.options=xm;$.className=Vi;$.defaultOptions=$i;$.moduleName=Nr;$.folderName=Fi;$.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 vr="action-buttons",Xi=vr;import{jsx as vm}from"react/jsx-runtime";var nn="k-actions",gm=[],Nm={},kr={alignment:"start",orientation:"horizontal"},Re=e=>{let{alignment:t=kr.alignment,orientation:o=kr.orientation,...a}=e;return vm("div",{...a,className:r(nn,{[`${nn}-${t}`]:t,[`${nn}-${o}`]:o},e.className),children:e.children})};Re.states=gm;Re.options=Nm;Re.className=nn;Re.defaultOptions=kr;Re.moduleName=vr;Re.folderName=Xi;var qi=Re;import{jsx as Lm}from"react/jsx-runtime";var km="k-actionsheet-footer",Wi={alignment:"stretched",orientation:"horizontal"},Pt=e=>{let{alignment:t=Wi.alignment,orientation:o=Wi.orientation,template:a,as:n=a?"div":Re,...i}=e;return Lm(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,km),children:e.children})};var Lr="searchbox",Ji=Lr;import{jsx as La,jsxs as ym}from"react/jsx-runtime";var Yi="k-searchbox",Mm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Sm={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]},Mr={showIcon:!0,icon:"search"},Ve=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=Mr.showIcon,icon:k=Mr.icon,"aria-label":y,...C}=e;return ym(Q,{...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,Yi),children:[L&&La(v,{className:"k-input-icon",icon:k}),La(Ne,{placeholder:o,value:t,"aria-label":y}),La(Ie,{...e}),La(ve,{...e}),La(we,{...e})]})};Ve.states=Mm;Ve.options=Sm;Ve.className=Yi;Ve.defaultOptions=Mr;Ve.moduleName=Lr;Ve.folderName=Ji;import{jsx as my}from"react/jsx-runtime";var Sr="textbox",Zi=Sr;import{Fragment as Qi,jsx as wt,jsxs as yr}from"react/jsx-runtime";var ji="k-textbox",Am=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Cm={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]},rn={showClearButton:!0,showValidationIcon:!0,separators:!0},ie=e=>{let{size:t,rounded:o,fillMode:a,separators:n=rn.separators,showClearButton:i=rn.showClearButton,showValidationIcon:p=rn.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:X,id:pe,"aria-label":xe,"aria-describedby":ge,...Pe}=e;return yr(Q,{...Pe,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:k,invalid:y,required:C,loading:M,disabled:I,readonly:X,className:r(e.className,ji),children:[c&&yr(Qi,{children:[wt(Ue,{children:c}),n&&wt(Ge,{})]}),wt(Ne,{id:pe,placeholder:N,value:x,type:f,disabled:I,"aria-label":xe,"aria-describedby":ge,"aria-invalid":y?"true":void 0}),p&&wt(ve,{valid:k,invalid:y,loading:M,disabled:I}),wt(Ie,{loading:M,disabled:I}),i&&wt(we,{loading:M,disabled:I,readonly:X,value:x}),u&&yr(Qi,{children:[n&&wt(Ge,{}),wt(Fe,{children:u})]})]})};ie.states=Am;ie.options=Cm;ie.className=ji;ie.defaultOptions=rn;ie.moduleName=Sr;ie.folderName=Zi;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 Ma=ie;import{jsx as Em}from"react/jsx-runtime";var sn=e=>Em(Ma,{...e});import{Fragment as Ty,jsx as Iy}from"react/jsx-runtime";import{Fragment as Ky,jsx as Ry}from"react/jsx-runtime";import{jsx as zy}from"react/jsx-runtime";import{jsx as Ar}from"react/jsx-runtime";var Im=ie.states,Tm=ie.defaultOptions,Om=ie.options,Bm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Pm=[],vo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Ar(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Ar(at,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Ar(sn,{value:"Value",style:{width:300},...o,...a})};vo.options=Om;vo.states=Im;vo.variants=Pm;vo.defaultOptions=Tm;vo.modifiers=Bm;vo.className=ie.className;import{jsx as Rt,jsxs as Cr}from"react/jsx-runtime";var el="k-actionsheet-titlebar",wm={},ke=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 Cr("div",{...m,className:r(e.className,el),children:[Cr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Rt("div",{className:"k-actionsheet-actions",children:a}),!N&&Cr("div",{className:"k-actionsheet-title",id:x,children:[t&&Rt("div",{className:"k-text-center",children:t}),o&&Rt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&Rt("div",{className:"k-actionsheet-title",id:x,children:N}),n&&Rt("div",{className:"k-actionsheet-actions",children:n})]}),(p||i)&&Rt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?Rt(ie,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t||u||"Input"}):Rt(Ve,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};ke.className=el;ke.defaultOptions=wm;import{jsx as Er,jsxs as Dm}from"react/jsx-runtime";var Ir="k-actionsheet-view",Rm=[],Km={},_m={},ko=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:p,...c}=e,u=n?.type===ke&&Er(ke,{adaptive:t,titleId:p,...n?.props}),f=i?.type===Pt&&Er(Pt,{...i?.props});return Dm("div",{...c,className:r(e.className,Ir,{[`${Ir}-animated`]:o}),children:[u,Er("div",{className:"k-actionsheet-content",children:a}),f]})};ko.states=Rm;ko.options=Km;ko.className=Ir;ko.defaultOptions=_m;var Sa="action-sheet",ln=Sa;var Tr="overlay",tl=Tr;import{jsx as Fm}from"react/jsx-runtime";var ol="k-overlay",Hm=[],zm={},Um={},ut=e=>{let{...t}=e;return Fm("div",{...t,className:r(e.className,ol),children:e.children})};ut.states=Hm;ut.options=zm;ut.className=ol;ut.defaultOptions=Um;ut.moduleName=Tr;ut.folderName=tl;import{jsx as pn,jsxs as $m}from"react/jsx-runtime";var al="k-actionsheet",Gm=[],Vm={},ya={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},W=e=>{let{side:t=ya.side,fullscreen:o=ya.fullscreen,adaptive:a=ya.adaptive,overlay:n=ya.overlay,template:i,children:p,header:c,footer:u,id:f,...x}=e,N=f&&!i&&c?`${f}-title`:void 0;return $m("div",{className:"k-actionsheet-container",children:[n&&pn(ut,{}),pn(mt,{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:pn("div",{...x,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":N,className:r(e.className,al,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i||pn(ko,{header:c,footer:u,adaptive:a,titleId:N,...e,children:p})})})]})};W.states=Gm;W.options=Vm;W.className=al;W.defaultOptions=ya;W.moduleName=Sa;W.folderName=ln;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 Jm}from"react/jsx-runtime";var nl="k-actionsheet-container",Xm=[],qm={},Wm={},Lo=e=>{let{children:t,...o}=e;return Jm("div",{...o,className:nl,children:t})};Lo.states=Xm;Lo.options=qm;Lo.className=nl;Lo.defaultOptions=Wm;Lo.moduleName=Sa;Lo.folderName=ln;import{jsx as Ym}from"react/jsx-runtime";var Or=e=>{let{...t}=e;return Ym("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Qm,jsx as Aa,jsxs as Br}from"react/jsx-runtime";var Pr="k-actionsheet-item",Zm=[s.hover,s.focus,s.selected,s.disabled],Kt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:p,disabled:c,...u}=e;return Br("span",{...u,className:r(e.className,Pr,S(Pr,{hover:n,focus:i,selected:p,disabled:c})),children:[!e.children&&Aa(Qm,{children:Br("span",{className:"k-actionsheet-action",children:[t&&Aa("span",{className:"k-icon-wrap",children:Aa(v,{className:"k-actionsheet-item-icon",icon:t})}),Br("span",{className:"k-actionsheet-item-text",children:[o&&Aa("span",{className:"k-actionsheet-item-title",children:o}),a&&Aa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=Zm;Kt.className=Pr;import{jsx as HA,jsxs as zA}from"react/jsx-runtime";import{jsx as VA}from"react/jsx-runtime";import{jsx as WA}from"react/jsx-runtime";import{jsx as QA}from"react/jsx-runtime";import{jsx as le,jsxs as wr}from"react/jsx-runtime";var jm=W.options,eu=W.states,sl={...W.defaultOptions,variant:"normal"},tu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],ou=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Mo=e=>{let{variant:t,modifiers:o,...a}={...sl,...e},n={},i=wr(Or,{children:[le(Kt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),le(Kt,{text:"Add to Favorites",iconName:"heart"}),le(Kt,{text:"Upload New",iconName:"upload",disabled:!0}),le("hr",{className:"k-hr"}),le(Kt,{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(ke,{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?wr(Pt,{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(ke,{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?wr(Pt,{alignment:"stretched",children:[le(l,{text:"Apply",themeColor:"primary"}),le(l,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Mo.options=jm;Mo.states=eu;Mo.variants=tu;Mo.defaultOptions=sl;Mo.modifiers=ou;Mo.className=W.className;var Rr="slider",il=Rr;import{jsx as So,jsxs as Kr}from"react/jsx-runtime";var Ca="k-slider",au=[s.hover,s.focus,s.active,s.disabled,s.readonly],nu={},$e={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},V=e=>{let{type:t=$e.type,orientation:o=$e.orientation,gradientType:a=$e.gradientType,readonly:n=$e.readonly,disabled:i=$e.disabled,handlePosition:p=$e.handlePosition,showButtons:c=$e.showButtons,showTicks:u=$e.showTicks,value:f=$e.value,min:x=$e.min,max:N=$e.max,startValue:m,endValue:L,hover:k,focus:y,active:C,trackStyle:M,dir:I,...X}=e,xe=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ge,Pe;return o==="horizontal"?(ge=I==="rtl"?"chevron-left":"chevron-right",Pe=I==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ge="chevron-up",Pe="chevron-down"),Kr("div",{...X,className:r(Ca,e.className,S(Ca,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&So(l,{className:"k-button-decrease",rounded:"full",icon:Pe,tabIndex:-1,title:"Decrease"}),Kr("div",{className:"k-slider-track-wrap",children:[u&&So("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Kr("div",{className:"k-slider-track",style:M,children:[So("div",{className:"k-slider-selection"}),t==="range"&&So("span",{className:r("k-draghandle","k-draghandle-start",S(Ca,{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":xe,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":X["aria-label"]?`${X["aria-label"]} start`:"Range start"}),So("span",{className:r("k-draghandle",`k-draghandle-${p}`,S(Ca,{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":xe,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?X["aria-label"]?`${X["aria-label"]} end`:"Range end":X["aria-label"]})]})]}),c&&So(l,{className:"k-button-increase",rounded:"full",icon:ge,tabIndex:-1,title:"Increase"})]})};V.states=au;V.options=nu;V.className=Ca;V.defaultOptions=$e;V.moduleName=Rr;V.folderName=il;V.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 ll}from"react/jsx-runtime";var pl="k-tick",ru=[],su={},dl={label:!1},E=e=>{let{style:t,label:o=dl.label,orientation:a,large:n,text:i,...p}=e;return ll("li",{...p,role:"presentation",title:i||"Tick",className:r(e.className,pl,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&ll("span",{className:"k-label",children:i})})};E.states=ru;E.options=su;E.className=pl;E.defaultOptions=dl;import{Fragment as iu,jsx as Xe,jsxs as lu}from"react/jsx-runtime";var cl=e=>Xe(V,{"aria-label":e["aria-label"]||"Slider",children:lu(iu,{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"})]}),...e});import{Fragment as pu,jsx as qe,jsxs as du}from"react/jsx-runtime";var ml=e=>qe(V,{children:du(pu,{children:[qe(E,{className:"k-first",label:!0,large:!0,text:"0"}),qe(E,{}),qe(E,{}),qe(E,{}),qe(E,{}),qe(E,{label:!0,large:!0,text:"5"}),qe(E,{}),qe(E,{}),qe(E,{}),qe(E,{}),qe(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as zC,jsx as HC,jsxs as UC}from"react/jsx-runtime";import{Fragment as XC,jsx as $C,jsxs as qC}from"react/jsx-runtime";import{jsx as cu}from"react/jsx-runtime";var _r=e=>cu(V,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as mu}from"react/jsx-runtime";var Dr=e=>mu(V,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as nE,jsx as aE,jsxs as rE}from"react/jsx-runtime";import{Fragment as dE,jsx as pE,jsxs as cE}from"react/jsx-runtime";import{jsx as ft,jsxs as ul}from"react/jsx-runtime";var uu=V.options,fu=V.states,fl={...V.defaultOptions,variant:"horizontal",label:!0},bu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],hu=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],yo=e=>{let{variant:t,modifiers:o,...a}={...fl,...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"?ul(ml,{showTicks:c,showButtons:p,style:{height:"300px",...u},...a,children:[ft(E,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ft(E,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ft(E,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ft(E,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ft(E,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):ul(cl,{showTicks:c,showButtons:p,style:{width:"400px",...u},...a,children:[ft(E,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ft(E,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ft(E,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ft(E,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ft(E,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};yo.options=uu;yo.states=fu;yo.variants=bu;yo.defaultOptions=fl;yo.modifiers=hu;yo.className=V.className;import{jsx as bl,jsxs as ku}from"react/jsx-runtime";var hl="k-spin-button",Nu=[],vu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Hr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},_t=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Hr.increaseLabel,decreaseLabel:i=Hr.decreaseLabel,...p}=e;return ku("span",{...p,className:r(hl,e.className),children:[bl(l,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),bl(l,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};_t.states=Nu;_t.options=vu;_t.className=hl;_t.defaultOptions=Hr;_t.moduleName=null;_t.folderName=null;var xl="numeric-textbox",gl="numerictextbox";import{Fragment as Nl,jsx as Lt,jsxs as zr}from"react/jsx-runtime";var vl="k-numerictextbox",Lu=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Mu={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]},dn={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:n=dn.separators,showClearButton:i=dn.showClearButton,showSpinButton:p=dn.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:X,"aria-label":pe,"aria-describedby":xe,...ge}=e;return zr(Q,{...ge,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,vl),children:[c&&zr(Nl,{children:[Lt(Ue,{children:c}),n&&Lt(Ge,{})]}),Lt(Ne,{id:X,placeholder:x,value:f,role:"spinbutton",disabled:M,"aria-label":pe,"aria-describedby":xe,"aria-invalid":k?"true":void 0}),Lt(ve,{valid:L,invalid:k,loading:C,disabled:M}),Lt(Ie,{loading:C,disabled:M}),i&&Lt(we,{loading:C,disabled:M,readonly:I,value:f}),u&&zr(Nl,{children:[n&&Lt(Ge,{}),Lt(Fe,{children:u})]}),p&&Lt(_t,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};_.states=Lu;_.options=Mu;_.className=vl;_.defaultOptions=dn;_.moduleName=xl;_.folderName=gl;_.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 Ea=_;import{jsx as Su}from"react/jsx-runtime";var kl=e=>Su(Ea,{...e});import Fr from"react";import{jsx as Ll}from"react/jsx-runtime";var yu="k-list-group-sticky-header",Ur=e=>Ll("div",{className:r(yu,e.className),children:Ll("div",{className:"k-list-header-text",children:e.children})});import{jsx as Cu}from"react/jsx-runtime";var Au="k-no-data",cn=e=>{let{live:t,...o}=e;return Cu("span",{...o,className:r(Au,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Yt="list",Ao=Yt;import{jsx as Ml,jsxs as Sl}from"react/jsx-runtime";var Gr="k-list",Eu=[],Iu={size:[d.undefined,d.small,d.medium,d.large]},Tu={},R=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:i,customValue:p,noData:c,screenReaders:u,...f}=e,N=Fr.Children.toArray(a)[0],m=N?.props?.children?Fr.Children.count(N.props.children):Fr.Children.count(a);return Sl("div",{...f,className:r(e.className,Gr,A(Gr,{size:t}),{"k-virtual-list":o}),children:[i,p,n&&Ml(Ur,{children:n}),a||(c!==void 0?c:Ml(cn,{live:!0,children:"No data found."})),u&&a&&Sl(cn,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};R.states=Eu;R.options=Iu;R.className=Gr;R.defaultOptions=Tu;R.moduleName=Yt;R.folderName=Ao;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 wu}from"react/jsx-runtime";var yl="k-list-container",Ou=[],Bu={},Pu={},Co=e=>{let{...t}=e;return wu("div",{...t,className:r(e.className,yl),children:e.children})};Co.states=Ou;Co.options=Bu;Co.className=yl;Co.defaultOptions=Pu;Co.moduleName=Yt;Co.folderName=Ao;var Zt="checkbox",Eo=Zt;import{jsx as Al}from"react/jsx-runtime";var mn="k-checkbox",Ru=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Ku={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},_u={},We=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 Al("span",{className:"k-checkbox-wrap",role:m,children:Al("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:p||void 0,"aria-invalid":c?"true":void 0,className:r(e.className,mn,A(mn,{size:x,rounded:N}),S(mn,{hover:n,focus:i,disabled:p,invalid:c,valid:u,indeterminate:a,checked:o}))})})};We.states=Ru;We.options=Ku;We.className=mn;We.defaultOptions=_u;We.moduleName=Zt;We.folderName=Eo;We.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 nt=We;import{jsx as zu}from"react/jsx-runtime";var Cl="k-checkbox-list",Du=[],Hu={},El={layout:"vertical"},Le=e=>{let{layout:t=El.layout,...o}=e;return zu("ul",{...o,className:r(e.className,Cl,{[`k-list-${t}`]:t}),children:e.children})};Le.states=Du;Le.options=Hu;Le.className=Cl;Le.defaultOptions=El;Le.moduleName=Zt;Le.folderName=Eo;import{jsx as Vu}from"react/jsx-runtime";var Il="k-checkbox-list-item",Uu=[],Fu={},Gu={},Me=e=>{let{...t}=e;return Vu("li",{...t,className:r(e.className,Il),children:e.children})};Me.states=Uu;Me.options=Fu;Me.className=Il;Me.defaultOptions=Gu;Me.moduleName=Zt;Me.folderName=Eo;import{Fragment as $u,jsx as Tl,jsxs as Xu}from"react/jsx-runtime";var Mt=({children:e="Label",id:t="cb-label-after",...o})=>Xu($u,{children:[Tl(nt,{id:t,...o}),Tl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as RI,jsx as wI,jsxs as KI}from"react/jsx-runtime";import{Fragment as UI,jsx as zI,jsxs as FI}from"react/jsx-runtime";import{Fragment as qI,jsx as XI,jsxs as WI}from"react/jsx-runtime";import{jsx as QI}from"react/jsx-runtime";import{jsx as oT}from"react/jsx-runtime";import{jsx as sT}from"react/jsx-runtime";import{jsx as Je,jsxs as Ol}from"react/jsx-runtime";var qu=Le.options,Wu=Le.states,Ju={...Le.defaultOptions,variant:"vertical"},Yu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Zu=[],Io=e=>{let{variant:t,...o}=e;return t==="horizontal"?Ol(Le,{layout:"horizontal",...o,children:[Je(Me,{children:Je(Mt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),Je(Me,{children:Je(Mt,{id:w("cb"),children:"Label"})}),Je(Me,{children:Je(Mt,{id:w("cb"),children:"Label"})})]}):Ol(Le,{...o,children:[Je(Me,{children:Je(Mt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),Je(Me,{children:Je(Mt,{id:w("cb"),children:"Label"})}),Je(Me,{children:Je(Mt,{id:w("cb"),children:"Label"})})]})};Io.options=qu;Io.states=Wu;Io.variants=Yu;Io.defaultOptions=Ju;Io.modifiers=Zu;Io.className=Le.className;import{jsx as af}from"react/jsx-runtime";var Qu=nt.options,ju=nt.states,ef=nt.defaultOptions,tf=[],of=[],To=e=>af(Mt,{id:w("checkbox"),...e,defaultChecked:!0,children:"Label"});To.options=Qu;To.states=ju;To.variants=tf;To.defaultOptions=ef;To.modifiers=of;To.className=nt.className;import{jsx as Qt,jsxs as lf}from"react/jsx-runtime";var Vr="k-list-item",nf=[s.hover,s.focus,s.selected,s.disabled],rf={},sf={},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 lf("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":Vr,S(Vr,{hover:u,focus:f,disabled:N,selected:x})),children:[p&&Qt(We,{checked:c}),n&&Qt("span",{className:"k-list-item-icon-wrapper",children:Qt(v,{icon:n,className:r("k-list-item-icon",i)})}),Qt("span",{className:"k-list-item-text",children:C}),m&&Qt("div",{className:"k-list-item-actions",children:m}),L&&Qt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Qt("div",{className:"k-list-item-group-label",children:o})]})};O.states=nf;O.options=rf;O.className=Vr;O.defaultOptions=sf;O.moduleName=Yt;O.folderName=Ao;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 df}from"react/jsx-runtime";var pf="k-list-ul",St=e=>{let{children:t,role:o,id:a,...n}=e;return df("ul",{...n,id:a,role:o,className:r(pf,e.className),children:t})};St.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 mf}from"react/jsx-runtime";var cf="k-list-content",H=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...p}=e;return mf("div",{...p,className:r(cf,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(St,{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 YT,jsx as JT,jsxs as ZT}from"react/jsx-runtime";import{jsx as Xr,jsxs as ff}from"react/jsx-runtime";var uf="k-list-group-item",jt=e=>{let{groupIconName:t,...o}=e;return ff("li",{...o,role:"presentation",className:r(uf,e.className),children:[t&&Xr("span",{className:"k-list-item-icon-wrapper",children:Xr(v,{icon:t,className:"k-list-item-icon"})}),Xr("span",{className:"k-list-item-text",children:e.children})]})};jt.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 gf}from"react/jsx-runtime";var qr="k-list-optionlabel",bf=[s.hover,s.focus,s.selected,s.disabled],hf={},xf={},un=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...p}=e;return gf("div",{...p,className:r(qr,S(qr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};un.states=bf;un.options=hf;un.className=qr;un.defaultOptions=xf;import{jsx as Lf}from"react/jsx-runtime";var Wr="k-list-custom-value",Nf=[s.hover,s.focus,s.selected,s.disabled],vf={},kf={},Dt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...p}=e;return Lf("div",{...p,className:r(Wr,S(Wr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Dt.states=Nf;Dt.options=vf;Dt.className=Wr;Dt.defaultOptions=kf;import{Fragment as uO,jsx as mO,jsxs as fO}from"react/jsx-runtime";import{Fragment as vO,jsx as NO,jsxs as kO}from"react/jsx-runtime";import{Fragment as EO,jsx as AO,jsxs as CO}from"react/jsx-runtime";import{Fragment as RO,jsx as PO,jsxs as wO}from"react/jsx-runtime";import{jsx as HO}from"react/jsx-runtime";import{Fragment as $O,jsx as VO,jsxs as XO}from"react/jsx-runtime";var Bl="dropdown-list",Pl="dropdownlist";import{Fragment as yf,jsx as Se,jsxs as Jr}from"react/jsx-runtime";var wl="k-dropdownlist",Mf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Sf={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]},Yr={showValue:!0,arrowIconName:"chevron-down"},oe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Yr.arrowIconName,showValue:i=Yr.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:X,opened:pe,adaptive:xe,adaptiveSettings:ge,adaptiveTitle:Pe,adaptiveSubtitle:qt,adaptiveFilter:Xn,id:Ot,activeDescendant:qa,"aria-label":qn,...Wn}=e,gd=Ot?`${Ot}-listbox`:void 0,ei=Ot?`${Ot}-value`:void 0;return Jr(yf,{children:[Jr(dt,{...Wn,id:Ot,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,wl,{"k-icon-picker":!i&&p}),role:"combobox","aria-haspopup":"listbox","aria-expanded":pe?"true":"false","aria-controls":pe?gd:void 0,"aria-activedescendant":pe&&qa?qa:void 0,"aria-describedby":pe?ei:void 0,"aria-disabled":M?"true":void 0,"aria-label":qn,tabIndex:0,children:[Se(Ue,{children:c}),Se(Jt,{placeholder:x,value:f,showValue:i,valueIconName:p,id:ei}),Se(ve,{valid:L,invalid:k,loading:C,disabled:M}),Se(Ie,{loading:C,disabled:M}),Se(Fe,{children:u}),Se(l,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":x||"Toggle dropdown",tabIndex:-1})]}),pe&&X&&Se($,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:X}),xe&&Se(W,{adaptive:!0,...ge,header:Se(ke,{actionsEnd:Se(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Xn,inputValue:f,inputPlaceholder:x,title:Pe,subtitle:qt}),children:Se("div",{className:"k-list-container",children:Se(R,{size:"large",children:Jr(H,{"aria-label":"Options",children:[Se(O,{text:"List item"}),Se(O,{text:"List item"}),Se(O,{text:"List item"})]})})})})]})};oe.states=Mf;oe.options=Sf;oe.className=wl;oe.defaultOptions=Yr;oe.moduleName=Bl;oe.folderName=Pl;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 yB}from"react/jsx-runtime";import{jsx as OB,jsxs as BB}from"react/jsx-runtime";import{Fragment as UB,jsx as HB,jsxs as zB}from"react/jsx-runtime";import{jsx as XB}from"react/jsx-runtime";import{jsx as QB,jsxs as jB}from"react/jsx-runtime";import{Fragment as lP,jsx as sP,jsxs as iP}from"react/jsx-runtime";import{jsx as uP}from"react/jsx-runtime";import{Fragment as Of,jsx as Ht,jsxs as Rl}from"react/jsx-runtime";var Af=oe.states,Cf=oe.defaultOptions,Ef=oe.options,If=[{name:"opened",title:"Opened"}],Tf=[],Bo=e=>{let{modifiers:t,...o}=e,a={},n=Rl(Of,{children:[Ht("div",{className:"k-list-filter",children:Ht(Ve,{})}),Ht(R,{style:{width:300},size:o.size,children:Rl(H,{children:[Ht(O,{children:"List item"}),Ht(O,{children:"List item"}),Ht(O,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),Ht("div",{children:Ht(oe,{placeholder:"Value",style:{width:300},...o,...a})})};Bo.options=Ef;Bo.states=Af;Bo.variants=Tf;Bo.defaultOptions=Cf;Bo.modifiers=If;Bo.className=oe.className;import{Fragment as RP,jsx as wP}from"react/jsx-runtime";import{Fragment as UP,jsx as zP}from"react/jsx-runtime";import{jsx as $P}from"react/jsx-runtime";import{jsx as Zr}from"react/jsx-runtime";var Bf=_.states,Pf=_.defaultOptions,wf=_.options,Rf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Kf=[],Po=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Zr(oe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?Zr(hr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),Zr(kl,{value:"Value",style:{width:300},...o,...a})};Po.options=wf;Po.states=Bf;Po.variants=Kf;Po.defaultOptions=Pf;Po.modifiers=Rf;Po.className=_.className;import{Fragment as Ia,jsx as B,jsxs as j}from"react/jsx-runtime";var Kl="k-colorgradient-inputs",_f=[],Df={size:[d.undefined,d.small,d.medium,d.large]},_l={mode:"rgba"},wo=e=>{let{mode:t=_l.mode,size:o,...a}=e;return j("div",{...a,className:r(Kl,"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"&&j(Ia,{children:[j("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"})]}),j("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"})]}),j("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"})]}),j("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"&&j(Ia,{children:[j("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"})]}),j("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"})]}),j("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"&&j(Ia,{children:[j("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"})]}),j("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"})]}),j("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"})]}),j("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"&&j(Ia,{children:[j("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"})]}),j("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"})]}),j("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(Ia,{children:j("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"})]})})]})};wo.states=_f;wo.options=Df;wo.className=Kl;wo.defaultOptions=_l;import{jsx as eo,jsxs as to}from"react/jsx-runtime";var Dl="k-colorgradient-color-contrast",Hf=[],zf={},Uf={},Ro=()=>to("div",{className:r(Dl,"k-vbox"),children:[to("div",{className:"k-contrast-ratio",children:[eo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),to("span",{className:"k-contrast-validation !k-text-success",children:[eo(v,{icon:"check"}),eo(v,{icon:"check"})]})]}),to("div",{children:[eo("span",{children:"AA: 4.5"}),to("span",{className:"k-contrast-validation !k-text-success",children:["Pass",eo(v,{icon:"check"})]})]}),to("div",{children:[eo("span",{children:"AAA: 7.0"}),to("span",{className:"k-contrast-validation !k-text-error",children:["Fail",eo(v,{icon:"x"})]})]})]});Ro.states=Hf;Ro.options=zf;Ro.className=Dl;Ro.defaultOptions=Uf;var Hl="color-gradient",zl="colorgradient";import{jsx as Ye,jsxs as Ta}from"react/jsx-runtime";var fn="k-colorgradient",Ff=[s.hover,s.focus,s.readonly,s.disabled],Gf={size:[d.undefined,d.small,d.medium,d.large]},bt={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=bt.mode,readonly:a=bt.readonly,disabled:n=bt.disabled,gradientStyle:i=bt.gradientStyle,dragHandleStyle:p=bt.dragHandleStyle,alphaStyle:c=bt.alphaStyle,alphaStyleHorizontal:u=bt.alphaStyleHorizontal,contrast:f=bt.contrast,dir:x,hover:N,focus:m,hoverHandle:L,focusHandle:k,canvasOrientation:y=bt.canvasOrientation,role:C,tabIndex:M,...I}=e;return Ta("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,fn,A(fn,{size:t}),S(fn,{hover:N,focus:m,readonly:a,disabled:n})),dir:x,children:[!y||y==="horizontal"&&Ta("div",{className:"k-colorgradient-canvas k-hstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("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})})}),Ta("div",{className:"k-hsv-controls k-hstack",children:[Ye(Dr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Ye(Dr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:c})]})]}),y==="vertical"&&Ta("div",{className:"k-colorgradient-canvas k-vstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("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})})}),Ta("div",{className:"k-hsv-controls k-vstack",children:[Ye(_r,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Ye(_r,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),Ye(wo,{mode:e.mode,size:t}),f&&Ye(Ro,{})]})};ne.states=Ff;ne.options=Gf;ne.className=fn;ne.defaultOptions=bt;ne.moduleName=Hl;ne.folderName=zl;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 Vf}from"react/jsx-runtime";var bn=e=>Vf(ne,{...e});import{jsx as Tw}from"react/jsx-runtime";import{jsx as ww}from"react/jsx-runtime";import{jsx as Qr}from"react/jsx-runtime";var $f=ne.options,Xf=ne.states,qf={...ne.defaultOptions,variant:"rgba"},Wf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Jf=[],Ko=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Qr(bn,{...o,mode:t});case"rgb":return Qr(bn,{...o,mode:t});default:return Qr(bn,{...o,mode:t})}};Ko.options=$f;Ko.states=Xf;Ko.variants=Wf;Ko.defaultOptions=qf;Ko.modifiers=Jf;Ko.className=ne.className;import{jsx as Yf}from"react/jsx-runtime";var jr=e=>Yf("tr",{role:"row",children:e.children});import{jsx as jf}from"react/jsx-runtime";var es="k-colorpalette-tile",Zf=[s.hover,s.focus,s.selected],Qf={},_o=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 jf("td",{...p,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,es,S(es,{hover:a,focus:n,selected:i})),style:c})};_o.states=Zf;_o.options=Qf;_o.className=es;var Ul="color-palette",Fl="colorpalette";import{jsx as Oa}from"react/jsx-runtime";var hn="k-colorpalette",eb=[s.disabled],tb={size:[d.undefined,d.small,d.medium,d.large]},Gl={columns:10},ye=e=>{let{size:t,palette:o,columns:a=Gl.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(N*u,(N+1)*u).map((k,y)=>{m.push(Oa(_o,{color:k,tileSize:n},y))});let L=Oa(jr,{children:m},N);c.push(L)})}return Oa("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,hn,S(hn,{disabled:i}),A(hn,{size:t})),children:Oa("table",{className:"k-colorpalette-table",role:"none",children:Oa("tbody",{children:c.length>0?c:e.children})})})};ye.states=eb;ye.options=tb;ye.className=hn;ye.defaultOptions=Gl;ye.moduleName=Ul;ye.folderName=Fl;ye.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 xn=ye;var Ba={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 ob}from"react/jsx-runtime";var Vl=e=>ob(xn,{palette:Ba.basic,...e});import{jsx as bR}from"react/jsx-runtime";import{jsx as kR,jsxs as LR}from"react/jsx-runtime";import{jsx as pb}from"react/jsx-runtime";var ab=ye.options,nb=ye.states,rb={...ye.defaultOptions,variant:"basic"},sb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],ib={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}},lb=[],Do=e=>{let{variant:t="basic",...o}=e,a=ib[t];return pb(Vl,{columns:a.columns,palette:a,...o})};Do.options=ab;Do.states=nb;Do.variants=sb;Do.defaultOptions=rb;Do.modifiers=lb;Do.className=ye.className;var $l="color-editor",Xl="coloreditor";import{jsx as Ze,jsxs as Ho}from"react/jsx-runtime";var gn="k-coloreditor",db=[s.focus],cb={size:[d.undefined,d.small,d.medium,d.large]},Pa={view:"gradient",palette:Ba.office,actionButtons:!0,canvasOrientation:"horizontal"},J=e=>{let{size:t,view:o=Pa.view,palette:a=Pa.palette,color:n,currentColor:i,focus:p,focusView:c,dir:u,group:f,actionButtons:x=Pa.actionButtons,canvasOrientation:N=Pa.canvasOrientation,...m}=e;return Ho("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",gn,A(gn,{size:t}),S(gn,{focus:p})),dir:u,children:[Ho("div",{className:"k-coloreditor-header k-hstack",children:[Ze("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&Ho(T,{fillMode:"flat",children:[Ze(l,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ze(l,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ze("div",{className:"k-spacer"}),Ho("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ze(l,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Ho("div",{className:"k-coloreditor-preview k-vstack",children:[Ze(Bt,{className:"k-coloreditor-preview-color",color:n}),Ze(Bt,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ze("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ze(ne,{focus:c,size:t,canvasOrientation:N,role:"none",tabIndex:-1}):Ze(ye,{palette:a,size:t})}),x&&Ho(Re,{className:"k-coloreditor-footer",alignment:"start",children:[Ze(l,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ze(l,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};J.states=db;J.options=cb;J.className=gn;J.defaultOptions=Pa;J.moduleName=$l;J.folderName=Xl;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 zo=J;import{jsx as ZR}from"react/jsx-runtime";import{jsx as tK}from"react/jsx-runtime";import{jsx as mb}from"react/jsx-runtime";var ql=e=>mb(zo,{group:!0,currentColor:"fuchsia",...e});import{jsx as ub}from"react/jsx-runtime";var Wl=e=>ub(zo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Jl}from"react/jsx-runtime";var fb=J.options,bb=J.states,hb={...J.defaultOptions,variant:"gradient"},xb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],gb=[],Uo=e=>{let{variant:t,...o}=e;return t==="palette"?Jl(Wl,{...o,color:"white"}):Jl(ql,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Uo.options=fb;Uo.states=bb;Uo.variants=xb;Uo.defaultOptions=hb;Uo.modifiers=gb;Uo.className=J.className;var Yl="color-picker",Zl="colorpicker";import{Fragment as kb,jsx as Qe,jsxs as ts}from"react/jsx-runtime";var Ql="k-colorpicker",Nb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],vb={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]},jl={arrowIconName:"chevron-down"},Ke=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=jl.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:X,adaptiveTitle:pe,adaptiveSubtitle:xe,...ge}=e,Pe="colorpicker-popup";return ts(kb,{children:[ts(dt,{...ge,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?Pe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:r(e.className,Ql,"k-icon-picker"),children:[Qe(Ue,{children:i}),Qe(Jt,{placeholder:u,value:c,showValue:!1,valueIcon:Qe(Bt,{className:"k-value-icon",color:c,iconName:y}),valueIconName:y}),Qe(Fe,{children:p}),Qe(l,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),M&&C&&Qe($,{id:Pe,className:"k-colorpicker-popup",children:C}),I&&Qe(W,{adaptive:!0,id:Pe,...X,header:Qe(ke,{actionsEnd:Qe(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:pe,subtitle:xe}),footer:ts(Pt,{children:[Qe(l,{text:"Cancel",size:"large"}),Qe(l,{text:"Set",size:"large",themeColor:"primary"})]}),children:Qe(J,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ke.states=Nb;Ke.options=vb;Ke.className=Ql;Ke.defaultOptions=jl;Ke.moduleName=Yl;Ke.folderName=Zl;Ke.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 yt=Ke;import{jsx as Lb}from"react/jsx-runtime";var Nn=e=>Lb(yt,{...e});import{jsx as DK}from"react/jsx-runtime";import{jsx as GK}from"react/jsx-runtime";import{jsx as qK}from"react/jsx-runtime";import{jsx as ZK}from"react/jsx-runtime";import{jsx as t_}from"react/jsx-runtime";import{jsx as r_}from"react/jsx-runtime";import{jsx as oo}from"react/jsx-runtime";var Mb=yt.options,Sb=yt.states,ep={...yt.defaultOptions,variant:"color"},yb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Ab=[{name:"opened",title:"Opened"}],Fo=e=>{let{variant:t,modifiers:o,...a}={...ep,...e},n={};Object.keys(o||{}).forEach(p=>{p==="opened"&&(n.opened=!!o?.[p],n.popup=o?.[p]?oo(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 oo("div",{style:i,children:oo(Nn,{...a,...n})});case"icon":return oo("div",{style:i,children:oo(Nn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return oo("div",{style:i,children:oo(Nn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Fo.options=Mb;Fo.states=Sb;Fo.variants=yb;Fo.defaultOptions=ep;Fo.modifiers=Ab;Fo.className=yt.className;var os="combobox",tp=os;import{Fragment as as,jsx as ae,jsxs as wa}from"react/jsx-runtime";var op="k-combobox",Cb=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Eb={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]},ap={separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=ap.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:X,adaptiveSettings:pe,adaptiveTitle:xe,adaptiveSubtitle:ge,adaptiveCustomValue:Pe,id:qt,autocomplete:Xn,activeDescendant:Ot,"aria-label":qa,...qn}=e,Wn=qt?`${qt}-listbox`:void 0;return wa(as,{children:[wa(Q,{...qn,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,op),children:[i&&wa(as,{children:[ae(Ue,{children:i}),n&&ae(Ge,{})]}),ae(Ne,{id:qt,placeholder:u,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?Wn:void 0,"aria-activedescendant":M&&Ot?Ot:void 0,"aria-autocomplete":Xn,"aria-invalid":m?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":qa,disabled:y,readOnly:I}),ae(ve,{valid:N,invalid:m,loading:k,disabled:y}),ae(Ie,{loading:k,disabled:y}),ae(we,{loading:k,disabled:y,readonly:I,value:c}),p&&wa(as,{children:[n&&ae(Ge,{}),ae(Fe,{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($,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),X&&ae(W,{adaptive:!0,id:qt?`${qt}-adaptive`:void 0,...pe,header:ae(ke,{actionsEnd:ae(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:u,title:xe,subtitle:ge}),children:ae("div",{className:"k-list-container",children:ae(R,{customValue:Pe?ae(Dt,{text:`Use "${c}"`}):void 0,size:"large",children:wa(H,{"aria-label":xe||"Options",children:[ae(O,{text:"List item"}),ae(O,{text:"List item"}),ae(O,{text:"List item"})]})})})})]})};de.states=Cb;de.options=Eb;de.className=op;de.defaultOptions=ap;de.moduleName=os;de.folderName=tp;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 _e=de;import{jsx as Ib}from"react/jsx-runtime";var np=e=>Ib(_e,{...e});import{jsx as U_,jsxs as F_}from"react/jsx-runtime";import{jsx as W_,jsxs as J_}from"react/jsx-runtime";import{jsx as t0,jsxs as o0}from"react/jsx-runtime";import{Fragment as l0,jsx as i0}from"react/jsx-runtime";import{Fragment as f0,jsx as u0}from"react/jsx-runtime";import{jsx as v0,jsxs as k0}from"react/jsx-runtime";import{Fragment as I0,jsx as C0,jsxs as E0}from"react/jsx-runtime";import{jsx as P0}from"react/jsx-runtime";import{jsx as _0}from"react/jsx-runtime";import{jsx as G0,jsxs as V0}from"react/jsx-runtime";import{jsx as Y0,jsxs as Z0}from"react/jsx-runtime";import{jsx as zt,jsxs as Rb}from"react/jsx-runtime";var Tb=de.states,Ob=de.defaultOptions,Bb=de.options,Pb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],wb=[],Go=e=>{let{modifiers:t,...o}=e,a={},n=zt(R,{style:{width:300},size:o.size,children:Rb(H,{children:[zt(O,{children:"List item"}),zt(O,{children:"List item"}),zt(O,{children:"List item"})]})});return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?zt(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?zt(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}}),zt("div",{children:zt(np,{value:"Value",style:{width:300},...o,...a})})};Go.options=Bb;Go.states=Tb;Go.variants=wb;Go.defaultOptions=Ob;Go.modifiers=Pb;Go.className=de.className;var ns="menu-button",rp=ns;import{jsx as Db}from"react/jsx-runtime";var sp="k-menu-button",Kb=[s.hover,s.focus,s.active,s.selected,s.disabled],_b={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]},rs={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=rs.showArrow,arrowIconName:L=rs.arrowIconName,expanded:k,...y}=e;return Db(l,{...y,className:r(e.className,sp),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=Kb;D.options=_b;D.className=sp;D.defaultOptions=rs;D.moduleName=ns;D.folderName=rp;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 TD}from"react/jsx-runtime";import{jsx as wD}from"react/jsx-runtime";import{jsx as DD}from"react/jsx-runtime";var De="menu",je=De;import{jsx as Ra,jsxs as ip}from"react/jsx-runtime";var ss="k-menu-item",Hb=[s.hover,s.focus,s.active,s.selected,s.disabled],zb={},lp={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=lp.iconPosition,dir:L,children:k,expanded:y,...C}=e,M=N;return M||(M=L==="rtl"?"chevron-left":"chevron-right"),ip("li",{...C,className:r(e.className,ss,"k-item",S(ss,{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:[ip("span",{className:r("k-link k-menu-link"),children:[p&&m==="before"&&Ra(v,{className:"k-menu-link-icon",icon:p}),Ra("span",{className:"k-menu-link-text",children:c}),p&&m==="after"&&Ra(v,{className:"k-menu-link-icon",icon:p}),x&&Ra("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ra(v,{icon:M})})]}),k]})};ce.states=Hb;ce.options=zb;ce.className=ss;ce.defaultOptions=lp;ce.moduleName=De;ce.folderName=je;import{jsx as Ka,jsxs as pp}from"react/jsx-runtime";var is="k-menu-item",Ub=[s.hover,s.focus,s.active,s.selected,s.disabled],Fb={},ls={dir:"ltr",iconPosition:"before"},q=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=ls.iconPosition,dir:L=ls.dir,children:k,popup:y,expanded:C,...M}=e,I=N;return I||(I=L==="rtl"?"chevron-left":"chevron-right"),pp("li",{...M,className:r(e.className,is,"k-item",S(is,{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:[pp("span",{className:r("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[p&&m==="before"&&Ka(v,{className:"k-menu-link-icon",icon:p}),Ka("span",{className:"k-menu-link-text",children:c}),p&&m==="after"&&Ka(v,{className:"k-menu-link-icon",icon:p}),x&&Ka("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ka(v,{icon:I})})]}),k,y]})};q.states=Ub;q.options=Fb;q.className=is;q.defaultOptions=ls;q.moduleName=De;q.folderName=je;import{jsx as Xb}from"react/jsx-runtime";var dp="k-menu-scroll-wrapper",Gb=[],Vb={},$b={},ao=e=>{let{className:t,children:o,orientation:a,...n}=e;return Xb("div",{...n,className:r(t,dp,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ao.states=Gb;ao.options=Vb;ao.className=dp;ao.defaultOptions=$b;ao.moduleName=De;ao.folderName=je;var cp=ao;import{Fragment as ps,jsx as no,jsxs as kn}from"react/jsx-runtime";var ds="k-menu",qb=[],Wb={},Ln={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=Ln.orientation,header:a=Ln.header,scrollable:n,scrollButtonsPosition:i=Ln.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=no("ul",{dir:c,...x,className:r(e.className,"k-reset",ds,{[`${ds}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return kn(ps,{children:[n?kn(cp,{orientation:o,style:p,dir:e.dir,children:[i==="start"&&kn(ps,{children:[no(l,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),no(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"&&no(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"&&kn(ps,{children:[no(l,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),no(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"&&no(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=qb;re.options=Wb;re.className=ds;re.defaultOptions=Ln;re.moduleName=De;re.folderName=je;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 Jb}from"react/jsx-runtime";var cs="k-separator",mp={orientation:"horizontal"},Vo=e=>{let{orientation:t=mp.orientation,...o}=e;return Jb("li",{...o,className:r(e.className,"k-item",cs,{[`${cs}-${t}`]:t}),role:"separator"})};Vo.className=cs;Vo.defaultOptions=mp;Vo.moduleName=De;Vo.folderName=je;import{Fragment as uH,jsx as fH}from"react/jsx-runtime";import{jsx as jb}from"react/jsx-runtime";var ms="k-menu-group",Yb=[],Zb={size:[d.undefined,d.small,d.medium,d.large]},Qb={},me=e=>{let{children:t,size:o,...a}=e;return jb("ul",{...a,className:r(e.className,ms,A(ms,{size:o})),role:"menu",children:t})};me.states=Yb;me.options=Zb;me.className=ms;me.defaultOptions=Qb;me.moduleName=De;me.folderName=je;import{Fragment as eh,jsx as $o,jsxs as th}from"react/jsx-runtime";var us=e=>$o(re,{children:th(eh,{children:[$o(ce,{first:!0,text:"Item 1"}),$o(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),$o(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),$o(ce,{text:"Item 4"}),$o(ce,{last:!0,text:"Item 5"})]}),...e});import{Fragment as EH,jsx as AH,jsxs as CH}from"react/jsx-runtime";import{Fragment as PH,jsx as BH,jsxs as wH}from"react/jsx-runtime";import{Fragment as HH,jsx as DH,jsxs as zH}from"react/jsx-runtime";import{Fragment as $H,jsx as VH,jsxs as XH}from"react/jsx-runtime";import{jsx as ro,jsxs as sh}from"react/jsx-runtime";var oh={...re.options,scrollable:{type:"boolean"}},ah=re.states,up={...re.defaultOptions,variant:"horizontal"},nh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],rh=[{name:"opened",title:"Opened"}],Xo=e=>{let{variant:t,modifiers:o,...a}={...up,...e},n={};return Object.keys(o||{}).forEach(i=>{i==="opened"&&(n.opened=!!o?.[i],n.popup=ro($,{className:"k-menu-popup",children:sh(me,{children:[ro(q,{text:"Item 1"}),ro(q,{text:"Item 2"}),ro(Vo,{}),ro(q,{text:"Item 3"})]})}))}),t==="vertical"?ro(us,{...a,...n,orientation:"vertical",style:{width:"200px"}}):ro(us,{...a,...n})};Xo.options=oh;Xo.states=ah;Xo.variants=nh;Xo.defaultOptions=up;Xo.modifiers=rh;Xo.className=re.className;import{Fragment as S1,jsx as L1,jsxs as M1}from"react/jsx-runtime";import{jsx as E1}from"react/jsx-runtime";import{Fragment as ch,jsx as ht,jsxs as fp}from"react/jsx-runtime";var ih=l.states,bp={...l.defaultOptions,variant:"text"},lh=l.options,ph=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],dh=[{name:"opened",title:"Opened"}],qo=e=>{let{variant:t,modifiers:o,...a}={...bp,...e},n={},i=ht($,{className:"k-menu-popup",children:fp(me,{size:a.size,children:[ht(q,{first:!0,text:"Menu Item"}),ht(q,{text:"Menu Item"}),ht(q,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=ht("div",{children:ht(D,{...a,...n,icon:"star"})});break;case"icon-and-text":p=ht("div",{children:ht(D,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:p=ht("div",{children:ht(D,{...a,...n,children:"Dropdown Button"})});break}return fp(ch,{children:[p,o?.opened&&i]})};qo.options=lh;qo.states=ih;qo.variants=ph;qo.defaultOptions=bp;qo.modifiers=dh;qo.className=D.className;var fs="split-button",hp=fs;import{Fragment as fh,jsx as bs,jsxs as xp}from"react/jsx-runtime";var hs="k-split-button",mh=[s.hover,s.focus,s.active,s.selected,s.disabled],uh={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]},gp={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=gp.arrowIconName,popup:L,opened:k,popupId:y,...C}=e;return xp(fh,{children:[xp("div",{...C,className:r(e.className,hs,"k-button-group",A(hs,{rounded:o})),children:[bs(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}),bs(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&&bs($,{className:"k-menu-popup",children:L})]})};P.states=mh;P.options=uh;P.className=hs;P.defaultOptions=gp;P.moduleName=fs;P.folderName=hp;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 xs=P;import{jsx as hh}from"react/jsx-runtime";var bh="k-toolbar-separator",rt=e=>hh("div",{className:r(bh,e.className,"k-separator")});var At="toolbar",Ut=At;import{Fragment as gs,jsx as K,jsxs as Wo}from"react/jsx-runtime";var Ct="k-toolbar",xh=[s.focus],gh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Nh={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===xa)k.push(K(xa,{...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===xs)k.push(K(xs,{...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===Ke?k.push(K(Ke,{...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)}),Wo("div",{...f,className:r(e.className,Ct,A(Ct,{size:t,fillMode:o}),S(Ct,{focus:a}),{[`${Ct}-resizable`]:n,[`${Ct}-scrollable`]:i,[`${Ct}-scrollable-overlay`]:i&&p==="hidden",[`${Ct}-scrollable-${c}`]:c&&c!=="both",[`${Ct}-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"&&Wo(gs,{children:[Wo(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(rt,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x})]}),i&&p==="end"&&Wo(gs,{children:[K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),K(rt,{className:"k-toolbar-button-separator"}),Wo(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)&&Wo(gs,{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(rt,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),K(rt,{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=xh;z.options=gh;z.className=Ct;z.defaultOptions=Nh;z.moduleName=At;z.folderName=Ut;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 Mh}from"react/jsx-runtime";var Np="k-floating-toolbar",vh=[],kh={},Lh={},Jo=e=>{let{...t}=e;return Mh("div",{...t,className:r(e.className,Np),children:e.children})};Jo.states=vh;Jo.options=kh;Jo.className=Np;Jo.defaultOptions=Lh;Jo.moduleName=At;Jo.folderName=Ut;import{jsx as Ch}from"react/jsx-runtime";var Ns="k-toolbar-item",Sh=[s.focus],yh={},Ah={},Yo=e=>{let{focus:t,...o}=e;return Ch("div",{...o,className:r(e.className,Ns,S(Ns,{focus:t})),children:e.children})};Yo.states=Sh;Yo.options=yh;Yo.className=Ns;Yo.defaultOptions=Ah;Yo.moduleName=At;Yo.folderName=Ut;import{jsx as vp}from"react/jsx-runtime";var kp="k-toolbar-popup",Eh=[],Ih={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Th={},so=e=>{let{size:t,fillMode:o,section:a,...n}=e;return vp($,{...n,className:r(e.className,kp),children:a?vp("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};so.states=Eh;so.options=Ih;so.className=kp;so.defaultOptions=Th;so.moduleName=At;so.folderName=Ut;var Mn=so;import{jsx as Oz}from"react/jsx-runtime";import{jsx as Rz}from"react/jsx-runtime";import{jsx as Hz}from"react/jsx-runtime";import{jsx as $z,jsxs as Xz}from"react/jsx-runtime";import{jsx as Yz}from"react/jsx-runtime";import{jsx as Et,jsxs as Rh}from"react/jsx-runtime";var Oh=P.states,Lp={...P.defaultOptions,variant:"text"},Bh=P.options,Ph=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],wh=[{name:"opened",title:"Opened"}],Zo=e=>{let{variant:t,modifiers:o,...a}={...Lp,...e},n={},i=Rh(me,{size:a.size,children:[Et(q,{first:!0,text:"Menu Item"}),Et(q,{text:"Menu Item"}),Et(q,{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 Et("div",{children:Et(P,{...a,...n,icon:"star"})});case"icon-and-text":return Et("div",{children:Et(P,{...a,...n,icon:"star",children:"Split Button"})});default:return Et("div",{children:Et(P,{...a,...n,children:"Split Button"})})}};Zo.options=Bh;Zo.states=Oh;Zo.variants=Ph;Zo.defaultOptions=Lp;Zo.modifiers=wh;Zo.className=P.className;import{jsx as io,jsxs as Kh}from"react/jsx-runtime";var Mp=e=>io(z,{children:[io(l,{children:"Button"},"toolbar-button"),io(D,{text:"Menu button"},"toolbar-menu-button"),io(P,{children:"Split button"},"toolbar-split-button"),Kh(T,{children:[io(l,{className:"k-group-start",icon:"align-left",children:"Left"}),io(l,{icon:"align-center",children:"Center"}),io(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as y2,jsxs as A2}from"react/jsx-runtime";import{jsx as He,jsxs as Sp}from"react/jsx-runtime";var yp=e=>He(z,{scrollable:!0,...e,children:[He(l,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(P,{children:"Split button"},"toolbar-split-button"),Sp(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"),Sp(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")],...e});import{jsx as ze,jsxs as Ap}from"react/jsx-runtime";var Cp=({scrollingPosition:e="start",...t})=>ze(z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[ze(l,{children:"Button"},"toolbar-button"),ze(D,{text:"Menu button"},"toolbar-menu-button"),ze(P,{children:"Split button"},"toolbar-split-button"),Ap(T,{children:[ze(l,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(l,{icon:"align-center",children:"Center"}),ze(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ze(l,{children:"Button"},"toolbar-button"),ze(D,{text:"Menu button"},"toolbar-menu-button"),ze(P,{children:"Split button"},"toolbar-split-button"),Ap(T,{children:[ze(l,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(l,{icon:"align-center",children:"Center"}),ze(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as _h,jsx as Te,jsxs as Sn}from"react/jsx-runtime";var Ep=({fillMode:e,size:t,...o})=>Sn(_h,{children:[Te(z,{section:!0,fillMode:e,size:t,children:[Te(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Sn(T,{fillMode:e,children:[Te(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Te(rt,{className:"k-toolbar-button-separator"}),Te(l,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Sn(Mn,{size:t,fillMode:e,section:!0,...o,children:[Te(P,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Te(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Te(rt,{}),Te(D,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Sn(T,{fillMode:e,children:[Te(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as rU,jsx as aU,jsxs as nU}from"react/jsx-runtime";import{Fragment as hU,jsx as fU,jsxs as bU}from"react/jsx-runtime";import{jsx as Ft}from"react/jsx-runtime";var Dh=z.options,Hh=z.states,Ip={...z.defaultOptions,variant:"default"},zh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Uh=[],Qo=e=>{let{variant:t,...o}={...Ip,...e};switch(t){case"responsive":return Ft("div",{children:Ft(Ep,{style:{width:"583px"},...o})});case"overlay":return Ft("div",{children:Ft(Cp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ft("div",{children:Ft(yp,{style:{width:"583px"},...o})});default:return Ft("div",{children:Ft(Mp,{style:{width:"583px"},...o})})}};Qo.options=Dh;Qo.states=Hh;Qo.variants=zh;Qo.defaultOptions=Ip;Qo.modifiers=Uh;Qo.className=z.className;import{Fragment as $h,jsx as st,jsxs as _a}from"react/jsx-runtime";var Tp="k-message",Fh=[s.hover,s.selected,s.active,s.focus],Gh={},Vh=[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"})],jo={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Vh,failed:"Failed to send"},U=e=>{let{time:t=jo.time,text:o=jo.text,content:a,status:n=jo.status,statusIcon:i,toolbarItems:p=jo.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,X=M===!0?jo.failed:M;return _a("div",{...I,className:r(Tp,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(Op,{typing:m,selected:u,hover:c,active:f,focus:x,content:_a($h,{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:X})]})]}),N&&st(z,{className:"k-chat-message-toolbar",fillMode:"flat",children:p})]})};U.states=Fh;U.options=Gh;U.className=Tp;U.defaultOptions=jo;var vs="avatar",Bp=vs;import{jsx as Pp}from"react/jsx-runtime";var Da="k-avatar";var Xh=[s.hover,s.focus,s.active,s.selected,s.disabled],qh={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]},ks={type:"text",border:!1},ue=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=ks.type,border:p=ks.border,...c}=e;return Pp("div",{...c,className:r(e.className,Da,A(Da,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Da}-bordered`]:p}),children:Pp("span",{className:`${Da}-${i}`,children:e.children})})};ue.states=Xh;ue.options=qh;ue.className=Da;ue.defaultOptions=ks;ue.moduleName=vs;ue.folderName=Bp;ue.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var lo=ue;import{jsx as Wh}from"react/jsx-runtime";var wp=e=>Wh(lo,{type:"icon",...e});import{jsx as Jh}from"react/jsx-runtime";var Rp=e=>Jh(lo,{type:"text",...e});import{jsx as Yh}from"react/jsx-runtime";var yn=e=>Yh(lo,{type:"image",...e});import{jsx as p3}from"react/jsx-runtime";import{jsx as Ha}from"react/jsx-runtime";var Zh=ue.options,Qh=ue.states,jh={...ue.defaultOptions,variant:"image"},ex=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],tx=[],ea=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ha(wp,{...o,children:Ha(v,{icon:"star"})});case"text":return Ha(Rp,{...o,children:"JO"});default:return Ha(yn,{...o,children:Ha("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};ea.options=Zh;ea.states=Qh;ea.variants=ex;ea.defaultOptions=jh;ea.modifiers=tx;ea.className=ue.className;import{jsx as ta,jsxs as Ls}from"react/jsx-runtime";var za="k-message-group",ox=[s.selected],ax={},An={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},F=e=>{let{type:t=An.type,author:o=An.author,avatar:a=An.avatar,status:n,selected:i,fullWidth:p,...c}=e;return Ls("div",{...c,className:r(za,e.className,S(za,{selected:i}),{[`${za}-${t}`]:t,"k-no-avatar":!a,[`${za}-full-width`]:p}),children:[a&&!n&&ta(ue,{type:"image",children:ta("img",{src:a,alt:o||""})}),n&&a&&Ls("div",{className:"k-chat-user-status-wrapper",children:[ta(ue,{type:"image",children:ta("img",{src:a,alt:o||""})}),ta("div",{className:"k-chat-user-status"})]}),Ls("div",{className:"k-message-group-content",children:[o&&ta("span",{className:"k-message-author",children:o}),e.children]})]})};F.states=ox;F.options=ax;F.className=za;F.defaultOptions=An;import{Fragment as rx,jsx as Cn,jsxs as Kp}from"react/jsx-runtime";var Ms="k-message-reference",nx={},_p={type:"receiver"},oa=e=>{let{content:t,closeable:o,pinned:a,type:n=_p.type,...i}=e;return Kp("div",{...i,className:r(Ms,e.className,{[`${Ms}-${n}`]:n,"k-message-pinned":a}),children:[a&&Cn(v,{icon:"pin-outline"}),Cn("div",{className:"k-message-reference-content",children:t}),o&&Kp(rx,{children:[Cn("span",{className:"k-spacer"}),Cn(l,{icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};oa.options=nx;oa.className=Ms;oa.defaultOptions=_p;var Ss="bubble",Dp=Ss;import{jsx as En,jsxs as ix}from"react/jsx-runtime";var ys="k-bubble",sx=[s.hover,s.active,s.selected,s.focus],As={expandable:!1,expanded:!1},Gt=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:p=As.expandable,expanded:c=As.expanded,...u}=e;return ix("div",{...u,className:r(e.className,ys,S(ys,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":p},{"k-expanded":c}),tabIndex:0,children:[En("div",{className:"k-bubble-content",children:t??e.children}),p&&En("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":c?"Show less":"Show more",tabIndex:0,children:c?En(v,{icon:"chevron-up"}):En(v,{icon:"chevron-down"})})]})};Gt.states=sx;Gt.className=ys;Gt.defaultOptions=As;Gt.moduleName=Ss;Gt.folderName=Dp;Gt.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 G3}from"react/jsx-runtime";import{jsx as q3}from"react/jsx-runtime";import{jsx as Z3}from"react/jsx-runtime";import{jsx as Cs,jsxs as zp}from"react/jsx-runtime";var lx="k-chat-bubble",Op=e=>{let{typing:t,content:o,files:a,...n}=e;return zp(Gt,{...n,className:r(e.className,lx),children:[t?zp("div",{className:"k-typing-indicator",tabIndex:-1,children:[Cs("span",{}),Cs("span",{}),Cs("span",{})]}):o,a]})};import{jsx as mF}from"react/jsx-runtime";import{jsx as Up,jsxs as px}from"react/jsx-runtime";var Fp="k-chat-event",Es={icon:"trash",text:"You deleted Chat history."},Gp=e=>{let{icon:t=Es.icon,text:o=Es.text,...a}=e;return px("div",{...a,className:r(e.className,Fp),children:[t&&Up(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&Up("span",{className:"k-chat-event-text",children:o})]})};Gp.className=Fp;Gp.defaultOptions=Es;import{jsx as LF}from"react/jsx-runtime";import{Fragment as dx,jsx as xt,jsxs as cx}from"react/jsx-runtime";var Vp=e=>xt(G,{children:cx(dx,{children:[xt("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),xt(F,{children:xt(U,{})}),xt(F,{type:"sender",children:xt(U,{})}),xt(F,{children:xt(U,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),xt(F,{type:"sender",children:xt(U,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as $p}from"react/jsx-runtime";var In="k-file-box-wrapper",Xp={layout:"horizontal"},gt=e=>{let{layout:t=Xp.layout,scrollingPosition:o,...a}=e;return $p("ul",{role:"list","aria-label":"Attached files",...a,className:r(e.className,In,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${In}-scrollable-start`]:t==="horizontal"&&(o==="start"||o==="both"),[`${In}-scrollable-end`]:t==="horizontal"&&(o==="end"||o==="both")}),children:t==="horizontal"?$p("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};gt.className=In;gt.defaultOptions=Xp;var Is="file-box",qp=Is;import{jsx as aa,jsxs as Wp}from"react/jsx-runtime";var Jp="k-file-box",mx=[s.selected],ux={},Ua={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Ae=e=>{let{icon:t=Ua.icon,name:o=Ua.name,size:a=Ua.size,status:n,deleted:i,removeButton:p,showButton:c=Ua.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return Wp("li",{role:"listitem",tabIndex:0,"aria-label":f||void 0,...u,className:r(Jp,e.className,{"k-file-deleted":i}),children:[aa(v,{icon:t,size:"xlarge","aria-hidden":"true"}),Wp("div",{className:"k-file-info",children:[o&&aa("span",{className:"k-file-name",children:o}),a&&aa("span",{className:"k-file-size",children:a}),n&&aa("span",{className:"k-file-status",children:n})]}),c&&(p?aa(l,{as:"span",icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):aa(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Ae.states=mx;Ae.options=ux;Ae.className=Jp;Ae.defaultOptions=Ua;Ae.moduleName=Is;Ae.folderName=qp;Ae.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 UF}from"react/jsx-runtime";import{jsx as XF}from"react/jsx-runtime";import{jsx as ZF,jsxs as QF}from"react/jsx-runtime";import{jsx as a5,jsxs as n5}from"react/jsx-runtime";import{jsx as p5}from"react/jsx-runtime";import{Fragment as M5,jsx as L5,jsxs as S5}from"react/jsx-runtime";import{Fragment as I5,jsx as E5,jsxs as T5}from"react/jsx-runtime";var Ts="skeleton",Yp=Ts;import{jsx as xx}from"react/jsx-runtime";var Os="k-skeleton",fx=["circle","text","rect"],bx=[],hx={},Bs={variant:"text",shape:"text",animation:"pulse"},it=e=>{let{variant:t,shape:o,animation:a=Bs.animation,...n}=e,i=`skeleton-${t||o||Bs.variant}`;return xx("span",{...n,className:r(e.className,Os,Wa(Os,i),{[`k-skeleton-${a}`]:a}),style:e.style})};it.states=bx;it.options=hx;it.variants=fx;it.className=Os;it.defaultOptions=Bs;it.moduleName=Ts;it.folderName=Yp;it.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as H5}from"react/jsx-runtime";import{jsx as G5}from"react/jsx-runtime";import{jsx as q5}from"react/jsx-runtime";import{Fragment as iG,jsx as rG,jsxs as sG}from"react/jsx-runtime";import{Fragment as mG,jsx as cG,jsxs as uG}from"react/jsx-runtime";import{jsx as xG}from"react/jsx-runtime";import{Fragment as LG,jsx as kG,jsxs as MG}from"react/jsx-runtime";import{Fragment as EG,jsx as CG,jsxs as IG}from"react/jsx-runtime";import{Fragment as wG,jsx as PG,jsxs as RG}from"react/jsx-runtime";import{Fragment as zG,jsx as HG}from"react/jsx-runtime";var Ps="appbar",Zp=Ps;import{jsx as kx}from"react/jsx-runtime";var ws="k-appbar",gx=[],Nx={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.inverse]},vx={},fe=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return kx("div",{...n,className:r(e.className,ws,A(ws,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};fe.states=gx;fe.options=Nx;fe.className=ws;fe.defaultOptions=vx;fe.moduleName=Ps;fe.folderName=Zp;fe.ariaSpec={selector:".k-appbar",rules:[]};import{jsx as Mx}from"react/jsx-runtime";var Lx="k-appbar-section",Nt=e=>{let{...t}=e;return Mx("div",{...t,className:r(Lx,e.className),children:e.children})};import{Fragment as t6,jsx as jG,jsxs as e6}from"react/jsx-runtime";import{jsx as ee,jsxs as na}from"react/jsx-runtime";var Rs={...fe.options,positionMode:["static","sticky","fixed"]},Sx=fe.states,Qp={...fe.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};Rs.themeColor=["primary",...Rs.themeColor.filter(e=>e!=="primary")];var yx=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],ra=e=>{let{variant:t,...o}={...Qp,...e},a=na(fe,{position:t,...o,children:[ee(Nt,{children:ee(se,{fillMode:"flat",icon:"menu"})}),ee("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),ee(Nt,{children:ee("h3",{className:"k-m-0",children:"AppBar"})}),ee("span",{className:"k-spacer"}),na(Nt,{children:[ee(at,{fillMode:"flat",children:"Button"}),ee(at,{fillMode:"flat",children:"Button"}),ee(at,{fillMode:"flat",children:"Button"})]}),ee("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),ee(Nt,{children:ee(sn,{value:"Input value"})}),na(Nt,{children:[ee(se,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),ee("span",{className:"k-appbar-separator"}),ee(yn,{className:"k-mx-sm",children:ee("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=na("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"?na("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):na("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};ra.options=Rs;ra.states=Sx;ra.variants=yx;ra.defaultOptions=Qp;ra.modifiers=[];ra.className=fe.className;var Ks="suggestion",jp=Ks;import{jsx as Tn,jsxs as Ex}from"react/jsx-runtime";var On="k-suggestion-group",Ax=[],Cx={},ed={layout:"scrollable",scrollingPosition:"start"},et=e=>{let{layout:t=ed.layout,scrollingPosition:o,...a}=e,n=Tn("div",{...a,className:r(On,{"k-suggestion-group-scrollable":t=="scrollable",[`${On}-scrollable-start`]:o==="start"||o==="both",[`${On}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?Tn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Ex("div",{className:"k-suggestion-scrollwrap",children:[Tn(l,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Tn(l,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};et.states=Ax;et.options=Cx;et.className=On;et.defaultOptions=ed;et.moduleName=Ks;et.folderName=jp;import{jsx as Bx}from"react/jsx-runtime";var Bn="k-suggestion",Ix=[s.active,s.hover,s.focus],Tx={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},Ox={text:"Suggestion"},tt=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...p}=e;return Bx("span",{...p,className:r(e.className,Bn,S(Bn,{hover:a,active:o,focus:n}),A(Bn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};tt.states=Ix;tt.options=Tx;tt.className=Bn;tt.item=Ox;import{Fragment as E6,jsx as C6,jsxs as I6}from"react/jsx-runtime";import{Fragment as w6,jsx as P6,jsxs as R6}from"react/jsx-runtime";import{Fragment as z6,jsx as H6,jsxs as U6}from"react/jsx-runtime";import{Fragment as Dx,jsx as te,jsxs as Pn}from"react/jsx-runtime";var Px=G.states,wx=G.defaultOptions,Rx=G.options,Kx=[{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"}],_x=[],sa=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Pn(fe,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[te("span",{className:"k-spacer k-spacer-sized k-w-1"}),te(Nt,{children:te("span",{children:"Chat with demo bot"})}),te("span",{className:"k-spacer"}),te(Nt,{children:te(l,{fillMode:"flat",icon:"more-vertical"})})]}),i=te(oa,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),p=Pn(et,{children:[te(tt,{text:"Provide a CV template"}),te(tt,{text:"Generate a cover letter"})]}),c=Pn(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(Dx,{});break;default:break}});let{header:m,pinned:L,suggestedActions:k,author:y,avatar:C,quickReplies:M}=a;return Pn(Vp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:k,children:[te(F,{avatar:f,author:y?N:null,children:te(U,{text:"Hello, this is a demo bot. How can I help you ?"})}),te(F,{avatar:C?u:null,author:y?x:null,type:"sender",children:te(U,{text:"Hello! Generate a cover letter."})}),te(F,{avatar:f,author:y?N:null,children:te(U,{text:"Sure. Here is a cover letter template",files:te(gt,{children:te(Ae,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),M]})};sa.options=Rx;sa.states=Px;sa.variants=_x;sa.defaultOptions=wx;sa.modifiers=Kx;sa.className=G.className;var _s="window",td=_s;import{jsx as Fx}from"react/jsx-runtime";var od="k-window-content",Hx=[],zx={},Ux={},Vt=e=>{let{children:t,...o}=e;return Fx("div",{...o,className:r(od,e.className),children:t})};Vt.states=Hx;Vt.options=zx;Vt.className=od;Vt.defaultOptions=Ux;Vt.moduleName=_s;Vt.folderName=td;var Fa="dialog",wn=Fa;import{Fragment as $x,jsx as po,jsxs as Ds}from"react/jsx-runtime";var ad="k-dialog",Gx=[],Vx={},Hs={actionButtonsAlign:"stretched",modal:!0},Ce=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Hs.actionButtonsAlign,modal:i=Hs.modal,...p}=e,c=t!==void 0?w("dialog-titlebar"):void 0,u=w("dialog-content");return Ds("div",{className:"k-dialog-wrapper",children:[i&&po(ut,{}),Ds("div",{...p,className:r(e.className,ad,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0||o)&&Ds("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&po("span",{className:"k-window-title k-dialog-title",children:t}),o&&po($x,{children:po("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>po(l,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),po(Vt,{className:"k-dialog-content",id:u,children:e.children}),a&&po(Re,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};Ce.states=Gx;Ce.options=Vx;Ce.className=ad;Ce.defaultOptions=Hs;Ce.moduleName=Fa;Ce.folderName=wn;Ce.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 zs=Ce;import{jsx as Jx}from"react/jsx-runtime";var nd="k-dialog-wrapper",Xx=[],qx={},Wx={},ia=e=>{let{...t}=e;return Jx("div",{...t,className:r(e.className,nd),children:e.children})};ia.states=Xx;ia.options=qx;ia.className=nd;ia.defaultOptions=Wx;ia.moduleName=Fa;ia.folderName=wn;import{Fragment as rd,jsx as Rn,jsxs as Yx}from"react/jsx-runtime";var sd=e=>Rn(zs,{title:"Title",children:Rn(rd,{children:"Dialog content"}),actionButtons:Yx(rd,{children:[Rn(l,{children:"Action"}),Rn(l,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as j7,jsx as e9,jsxs as t9}from"react/jsx-runtime";import{Fragment as og,jsx as Kn,jsxs as ag}from"react/jsx-runtime";var Zx=Ce.options,Qx=[],jx=Ce.states,eg=Ce.defaultOptions,tg=[],la=e=>Kn(sd,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:ag(og,{children:[Kn(l,{children:"No"}),Kn(l,{themeColor:"primary",children:"Yes"})]}),children:Kn("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});la.options=Zx;la.states=jx;la.variants=Qx;la.defaultOptions=eg;la.modifiers=tg;la.className=Ce.className;var Us="dropzone",id=Us;import{jsx as _n,jsxs as sg}from"react/jsx-runtime";var Fs="k-external-dropzone",ng=[s.disabled,s.hover],rg={},Gs={icon:"upload",hint:"Drag and drop files here to upload"},be=e=>{let{hover:t,disabled:o,icon:a=Gs.icon,hint:n=Gs.hint,note:i,...p}=e;return _n("div",{...p,className:r(e.className,Fs,S(Fs,{disabled:o}),{"k-external-dropzone-hover":t}),children:sg("div",{className:"k-dropzone-inner",children:[a&&_n(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&_n("span",{className:"k-dropzone-hint",children:n}),i&&_n("span",{className:"k-dropzone-note",children:i})]})})};be.states=ng;be.options=rg;be.className=Fs;be.defaultOptions=Gs;be.moduleName=Us;be.folderName=id;import{jsx as ig}from"react/jsx-runtime";var ld=e=>ig(be,{...e});import{jsx as A9}from"react/jsx-runtime";import{jsx as ug}from"react/jsx-runtime";var lg=be.options,pg=be.states,dg=be.defaultOptions,cg=[{name:"note",title:"Note"}],mg=[],pa=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)}),ug(ld,{style:{width:"500px"},...o,...a})};pa.options=lg;pa.states=pg;pa.variants=mg;pa.defaultOptions=dg;pa.modifiers=cg;pa.className=be.className;import{Fragment as Dn,jsx as $t,jsxs as Ga}from"react/jsx-runtime";var Vs="k-upload-dropzone",fg=[s.hover],Hn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...p}=e,c;switch(o){case"uploading":c=Ga(Dn,{children:[$t(v,{icon:"upload"}),"Uploading..."]});break;case"done":c=Ga(Dn,{children:[$t(v,{icon:"check"}),"Done"]});break;case"failed":c=Ga(Dn,{children:[$t(v,{icon:"exclamation-circle"}),"Done"]});break;default:c=$t(Dn,{});break}return Ga("div",{...p,className:r(e.className,Vs,"k-dropzone",S(Vs,{hover:t})),children:[Ga("div",{className:"k-upload-button-wrap",children:[$t(l,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),$t("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),$t("span",{className:r("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&$t("span",{className:"k-upload-status",children:c})]})};Hn.states=fg;Hn.className=Vs;var $s="upload",pd=$s;import{jsx as zn,jsxs as cd}from"react/jsx-runtime";var Xs="k-upload",bg=[s.hover,s.disabled],hg={},md={actionsLayout:"end"},dd="upload-files-list",Y=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=md.actionsLayout,hover:i,status:p,disabled:c,...u}=e,f=!!e.children;return cd("div",{...u,className:r(e.className,Xs,S(Xs,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[zn(Hn,{status:p,hover:i,disabled:c,hasFiles:f,filesId:dd}),f&&zn("ul",{className:"k-upload-files",role:"list",id:dd,children:e.children}),a&&f&&cd(qi,{alignment:n,orientation:"horizontal",children:[zn(l,{className:"k-clear-selected",children:"Clear"}),zn(l,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};Y.states=bg;Y.options=hg;Y.className=Xs;Y.defaultOptions=md;Y.moduleName=$s;Y.folderName=pd;Y.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 Va="progressbar",Un=Va;import{jsx as Ws,jsxs as qs}from"react/jsx-runtime";var ot="k-progressbar",xg=[s.disabled,s.indeterminate],gg={orientation:["horizontal","vertical"]},co={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},he=e=>{let{disabled:t,height:o,indeterminate:a=co.indeterminate,label:n=co.label,labelPosition:i=co.labelPosition,orientation:p=co.orientation,reverse:c=co.reverse,value:u=co.value,width:f,style:x,ariaLabel:N,...m}=e;return qs("div",{...m,className:r(e.className,ot,S(ot,{disabled:t}),{[`${ot}-${p}`]:p,[`${ot}-indeterminate`]:a,[`${ot}-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:[Ws("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&qs("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Ws("div",{className:"k-progressbar-value k-selected",children:Ws("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&qs("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};he.states=xg;he.options=gg;he.className=ot;he.defaultOptions=co;he.moduleName=Va;he.folderName=Un;he.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 ud=he;import{jsx as Js}from"react/jsx-runtime";var fd="k-chunk-progressbar",Ng=(e,t)=>t<=e-1,vg=[s.disabled,s.indeterminate],kg={},Fn={chunkCount:5,orientation:"horizontal",progress:0},mo=e=>{let{disabled:t,chunkCount:o=Fn.chunkCount,indeterminate:a,orientation:n=Fn.orientation,progress:i=Fn.progress,reverse:p,ariaLabel:c,...u}=e;return Js("div",{...u,className:r(e.className,ot,fd,S(ot,{disabled:t}),{[`${ot}-${n}`]:n,[`${ot}-indeterminate`]:a,[`${ot}-reverse`]:p}),role:"progressbar","aria-label":c||"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Js("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,x)=>Js("li",{className:r("k-progressbar-chunk",{"k-first":x===0,"k-last":x===[...Array(o)].length-1,"k-selected":Ng(i,x)})},x))})})};mo.states=vg;mo.options=kg;mo.className=fd;mo.defaultOptions=Fn;mo.moduleName=Va;mo.folderName=Un;mo.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 Lg}from"react/jsx-runtime";var $a=e=>Lg(ud,{...e});import{jsx as u4}from"react/jsx-runtime";import{jsx as Xt}from"react/jsx-runtime";var Mg=he.options,Sg=he.states,bd={...he.defaultOptions,variant:"start"},yg=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Ag=[],da=e=>{let{variant:t,modifiers:o,...a}={...bd,...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 Xt("div",{...i,children:Xt($a,{...a,...n,labelPosition:"end",value:"50"})});case"center":return Xt("div",{...i,children:Xt($a,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return Xt("div",{...i,children:Xt($a,{...a,...n,label:!1,value:"50"})});default:return Xt("div",{...i,children:Xt($a,{...a,...n,labelPosition:"start",value:"50"})})}};da.options=Mg;da.states=Sg;da.variants=yg;da.defaultOptions=bd;da.modifiers=Ag;da.className=he.className;import{jsx as Ys,jsxs as Eg}from"react/jsx-runtime";var Cg="k-file-info",Zs=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return Eg("div",{...n,className:r(e.className,Cg),children:[t&&Ys("span",{className:"k-file-name",children:t}),o&&Ys("span",{className:"k-file-size",children:o}),a&&Ys("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as Tg,jsx as It,jsxs as Gn}from"react/jsx-runtime";var Ig="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:p,validationMsg:c,...u}=e;return It("li",{...u,className:r(e.className,Ig,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Gn("div",{className:"k-file-single",children:[It(he,{className:r({"k-hidden":t!=="progress"}),value:o,label:!1}),Gn("span",{className:"k-file-icon-wrapper",children:[It(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),p&&It("span",{className:"k-file-state",children:p})]}),It(Zs,{name:a,size:i,validationMsg:c}),It("div",{className:"k-upload-actions",children:t==="progress"?Gn(Tg,{children:[Gn("span",{className:"k-upload-pct",children:[o,"%"]}),It(l,{icon:"pause-sm",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),It(l,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):It(l,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as G4,jsx as U4,jsxs as F4}from"react/jsx-runtime";import{Fragment as Og,jsx as Qs,jsxs as Bg}from"react/jsx-runtime";var Xa=e=>Qs(Y,{async:!0,children:Bg(Og,{children:[Qs(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),Qs(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as j4,jsx as Z4,jsxs as Q4}from"react/jsx-runtime";import{jsx as Pg}from"react/jsx-runtime";var hd=e=>Pg(Y,{async:!0,empty:!0,...e});import{Fragment as i8,jsx as s8,jsxs as l8}from"react/jsx-runtime";import{Fragment as u8,jsx as m8,jsxs as f8}from"react/jsx-runtime";import{jsx as Tt,jsxs as Vn}from"react/jsx-runtime";var wg=Y.options,Rg=Y.states,xd={...Y.defaultOptions,variant:"empty"},Kg=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],_g=[],ca=e=>{let{variant:t,...o}={...xd,...e};switch(t){case"success":return Vn(Xa,{status:"done",style:{width:"586px"},...o,children:[Tt(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),Tt(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Vn(Xa,{status:"failed",style:{width:"586px"},...o,children:[Tt(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),Tt(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Vn(Xa,{status:"uploading",style:{width:"586px"},...o,children:[Tt(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),Tt(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Vn(Xa,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[Tt(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),Tt(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return Tt(hd,{async:!0,status:"upload",style:{width:"586px"},...o})}};ca.options=wg;ca.states=Rg;ca.variants=Kg;ca.defaultOptions=xd;ca.modifiers=_g;ca.className=Y.className;import{Fragment as js,jsx as Be,jsxs as $n}from"react/jsx-runtime";var z8=e=>$n(js,{children:[Be(G,{children:$n(js,{children:[Be("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Be(F,{children:Be(U,{})}),Be(F,{type:"sender",children:Be(U,{})}),Be(F,{children:Be(U,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),Be(F,{type:"sender",children:Be(U,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e}),$n(Ce,{className:"k-chat-upload",title:"Upload file(s)",actions:["x"],actionButtons:$n(js,{children:[Be(l,{themeColor:"primary",disabled:!0,children:"Upload"}),Be(l,{children:"Cancel"})]}),children:[Be(be,{}),Be(Y,{empty:!0,status:"upload"})]})]});export{z8 as ChatUpload};
+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 Wa(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"},lt={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 Jn={};function w(e){return Jn[e]=(Jn[e]||0)+1,`k-${e}-${Jn[e]}`}import{Fragment as Ld,jsx as ti}from"react/jsx-runtime";var Yn="k-font-icon",Nd=[],vd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},kd={},ma=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...p}=e;return a?ti("span",{...p,className:r(e.className,Yn,A(Yn,{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"}):ti(Ld,{})};ma.states=Nd;ma.options=vd;ma.className=Yn;ma.defaultOptions=kd;var oi=ma;import{Fragment as yd,jsx as Ja}from"react/jsx-runtime";var Zn="k-svg-icon",Md=[],Sd={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:[lt.outline,lt.solid,lt.duotone]},Qn={viewBox:"0 0 24 24",variant:lt.outline},ua=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=Qn.viewBox,variant:p=Qn.variant,icon:c,...u}=e;if(!c)return Ja(yd,{});if(c==="none")return Ja("span",{...u,className:r(e.className,Zn,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 Ja("span",{...u,className:r(e.className,Zn,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:Ja("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})})};ua.states=Md;ua.options=Sd;ua.className=Zn;ua.defaultOptions=Qn;var jn=ua;import*as er from"@progress/kendo-svg-icons";var ai="icon",ni="icons";import{useContext as Cd}from"react";import{createContext as Ad}from"react";var ri=Ad({iconsType:"svg"});import{Fragment as si,jsx as fa}from"react/jsx-runtime";var Ya="k-icon",Ed=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Id=[],Td={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:[lt.outline,lt.solid,lt.duotone]},Za={viewBox:"0 0 24 24",type:"svg",variant:lt.outline},v=e=>{let{iconsType:t}=Cd(ri),{size:o,themeColor:a,icon:n,type:i=t||Za.type,rotate:p,flip:c,viewBox:u=Za.viewBox,variant:f=Za.variant,...x}=e;if(!n)return fa(si,{});if((t||i)==="svg"){if(n==="none")return fa(jn,{...x,className:r(e.className,Ya),icon:n,size:o,variant:f});let m=er[n]?n:Ed(`${n}-icon`);return er[m]?fa(jn,{...x,className:r(e.className,Ya),icon:er[m],size:o,themeColor:a,rotate:p,flip:c,viewBox:u,variant:f}):fa(si,{})}return fa(oi,{...x,className:r(e.className,Ya),icon:n,size:o,themeColor:a,rotate:p,flip:c})};v.states=Id;v.options=Td;v.defaultOptions=Za;v.className=Ya;v.moduleName=ai;v.folderName=ni;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 tr="button",ii=tr;import{Fragment as wd,jsx as ba,jsxs as li}from"react/jsx-runtime";var ha="k-button",Od=["icon-button"],Bd=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Pd={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]},or={showArrow:!1,arrowIconName:"chevron-down"},l=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:p=or.showArrow,arrowIconName:c=or.arrowIconName,variant:u,hover:f,focus:x,active:N,selected:m,disabled:L,togglable:k,ariaDisabled:y,icon:C,text:M,iconClassName:I,className:X,...pe}=e,xe=C!==void 0,ge=e.children!==void 0;return li(t,{className:r(X,ha,Wa(ha,u),A(ha,{size:o,rounded:a,fillMode:n,themeColor:i}),S(ha,{hover:f,focus:x,active:N,disabled:L||y,selected:m}),{"k-icon-button":!M&&!ge&&xe}),...pe,"aria-pressed":k?m?"true":"false":void 0,"aria-disabled":y?"true":void 0,disabled:L||void 0,children:[C&&ba(v,{className:r(I,"k-button-icon"),icon:C}),M?li(wd,{children:[M&&ba("span",{className:"k-button-text",children:M}),e.children]}):e.children&&ba("span",{className:"k-button-text",children:e.children}),p&&ba("span",{className:"k-menu-button-arrow k-button-arrow",children:ba(v,{icon:c})})]})};l.states=Bd;l.options=Pd;l.variants=Od;l.className=ha;l.defaultOptions=or;l.moduleName=tr;l.folderName=ii;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 Rd}from"react/jsx-runtime";var se=e=>Rd(l,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Kd}from"react/jsx-runtime";var xa=e=>Kd(l,{icon:"folder",children:"Button",...e});import{jsx as _d}from"react/jsx-runtime";var at=e=>_d(l,{children:"Button",...e});import{jsx as ar}from"react/jsx-runtime";var Dd=l.options,Hd=l.states,zd={...l.defaultOptions,variant:"text"},Ud=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Fd=[],uo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ar(se,{...o,icon:"star"});case"icon-and-text":return ar(xa,{...o,icon:"star",children:"Button"});default:return ar(at,{...o,children:"Button"})}};uo.options=Dd;uo.states=Hd;uo.variants=Ud;uo.defaultOptions=zd;uo.modifiers=Fd;uo.className=l.className;import{jsx as pi,jsxs as qd}from"react/jsx-runtime";var Qa="k-fab",$d=[s.hover,s.focus,s.active,s.selected,s.disabled],Xd={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]},di={type:"button"},Z=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:p=di.type,position:c,hover:u,focus:f,active:x,selected:N,disabled:m,...L}=e;return qd("button",{...L,type:p,className:r(e.className,Qa,A(Qa,{size:t,rounded:o,themeColor:a}),S(Qa,{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&&pi(v,{className:"k-fab-icon",icon:i}),n&&pi("span",{className:"k-fab-text",children:n})]})};Z.states=$d;Z.options=Xd;Z.className=Qa;Z.defaultOptions=di;Z.moduleName="fab";Z.folderName="fab";Z.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 Jd}from"react/jsx-runtime";var Wd="k-fab-items",ci=e=>{let{position:t,...o}=e;return Jd("ul",{...o,className:r(e.className,Wd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as ui,jsxs as Zd}from"react/jsx-runtime";var mi="k-fab-item",Yd=[s.hover,s.focus,s.active,s.disabled],nr=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:p,disabled:c,...u}=e;return Zd("li",{...u,className:r(e.className,mi,{[`k-text-${a}`]:a},S(mi,{hover:n,focus:i,active:p,disabled:c})),children:[ui("span",{className:"k-fab-item-text",children:t}),ui(v,{className:"k-fab-item-icon",icon:o})]})};nr.states=Yd;import{jsx as nv}from"react/jsx-runtime";import{jsx as Qd}from"react/jsx-runtime";var fi=e=>Qd(Z,{icon:"plus",...e});import{jsx as cv}from"react/jsx-runtime";import{jsx as bv}from"react/jsx-runtime";import{jsx as fo,jsxs as nc}from"react/jsx-runtime";var jd=Z.options,ec=Z.states,tc={...Z.defaultOptions,variant:"text"},oc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ac=[{name:"opened",title:"Opened"}],bo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o||{},i=n?fo("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:fo(ci,{position:"bottom",children:fo(nr,{text:"Item",icon:"pencil",align:"right"})})}):null,p;switch(t){case"icon-only":p=fo(Z,{...a,icon:"star"});break;case"icon-and-text":p=fo(Z,{...a,icon:"star",text:"Action"});break;default:p=fo(Z,{...a,text:"Action"});break}return nc("span",{style:{position:"relative"},children:[p,i]})};bo.options=jd;bo.states=ec;bo.variants=oc;bo.defaultOptions=tc;bo.modifiers=ac;bo.className=Z.className;import{jsx as ic}from"react/jsx-runtime";var rr="k-input-inner",rc=[],sc={},ja={type:"text",autocomplete:"off",value:"",placeholder:""},Ne=e=>{let{value:t=ja.value,type:o=ja.type,placeholder:a=ja.placeholder,autocomplete:n=ja.autocomplete,disabled:i,readOnly:p,...c}=e;return ic("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})};Ne.states=rc;Ne.options=sc;Ne.className=rr;import{jsx as dc}from"react/jsx-runtime";var sr="k-input-inner",lc=[],pc={},bi={value:"",placeholder:""},ga=e=>{let{value:t=bi.value,placeholder:o=bi.placeholder,rows:a,disabled:n,...i}=e;return dc("textarea",{...i,className:r(e.className,sr,A(sr,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};ga.states=lc;ga.options=pc;ga.className=sr;var ir="prompt-box",hi=ir;var lr="speech-to-text-button",xi=lr;import{jsx as cc}from"react/jsx-runtime";var gi="k-speech-to-text-button",Ni={icon:"microphone"},Ee=e=>{let{listening:t=!1,icon:o=Ni.icon,...a}=e;return cc(l,{...a,icon:t?"stop":o,className:r(e.className,gi,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Ee.states=l.states;Ee.options=l.options;Ee.className=gi;Ee.defaultOptions=Ni;Ee.moduleName=lr;Ee.folderName=xi;Ee.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 Yv}from"react/jsx-runtime";import{jsx as ek}from"react/jsx-runtime";import{jsx as hc}from"react/jsx-runtime";var mc=l.states,vi={...l.defaultOptions,variant:"normal"},uc={...l.options,fillMode:l.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},fc=[],bc=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],ho=e=>{let{variant:t,...o}={...vi,...e},a={};return t==="listening"&&(a.listening=!0),hc(Ee,{...o,...a})};ho.options=uc;ho.states=mc;ho.variants=bc;ho.defaultOptions=vi;ho.modifiers=fc;ho.className=Ee.className;import{jsx as xo,jsxs as pr}from"react/jsx-runtime";var pt="k-prompt-box",xc=[s.hover,s.focus,s.disabled],gc={fillMode:[h.undefined,h.solid,h.flat,h.outline]},dr={lineMode:"auto",isExpanded:!1},vt=e=>{let{fillMode:t,lineMode:o=dr.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:p=dr.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 pr("div",{...y,className:r(c,"k-input",pt,{[`${pt}-singleline`]:o==="single",[`${pt}-multiline`]:C,[`k-input-${t}`]:t,"k-hover":m,"k-focus":L,"k-disabled":k}),children:[i&&xo("div",{className:`${pt}-header`,children:i}),pr("div",{className:`${pt}-content`,children:[a&&xo("div",{className:`${pt}-affix`,children:a}),o==="single"?xo(Ne,{value:f,placeholder:x,className:`${pt}-input`,type:"text","aria-label":"Prompt input"}):xo(ga,{value:f,placeholder:x,className:`${pt}-textarea`,rows:o==="multi"||p?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),pr("div",{className:`${pt}-affix`,children:[n,xo(Ee,{size:"small",fillMode:"flat",rounded:"full"}),xo(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]})};vt.states=xc;vt.options=gc;vt.className=pt;vt.defaultOptions=dr;vt.moduleName=ir;vt.folderName=hi;vt.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 Lk}from"react/jsx-runtime";import{jsx as Ak}from"react/jsx-runtime";import{jsx as Tk}from"react/jsx-runtime";import{jsx as wk}from"react/jsx-runtime";import{jsx as Dk}from"react/jsx-runtime";var cr="chat",ki=cr;import{Fragment as Si,jsx as Wt,jsxs as Na}from"react/jsx-runtime";var Li="k-chat",Nc=[],vc={},kc=Na(Si,{children:[Wt(se,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Wt("div",{className:"k-spacer"})]}),Mi={tools:kc},G=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:p,generating:c,tools:u=Mi.tools,value:f,empty:x,scrollToBottom:N,scrollbar:m,promptBoxProps:L,...k}=e;return Na("div",{...k,className:r(Li,e.className),dir:o,children:[t,Na("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,Wt("div",{className:r("k-message-list-content",x&&"k-message-list-content-empty"),children:e.children}),N&&Wt("div",{className:"k-chat-scroll-to-bottom-container",children:Wt(fi,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),m&&Wt("div",{className:"k-separator"}),Na("div",{className:"k-message-box-wrapper",children:[a,Wt(vt,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:n||p?Na(Si,{children:[p,n]}):void 0,endAffix:u,...L})]})]})};G.states=Nc;G.options=vc;G.className=Li;G.defaultOptions=Mi;G.moduleName=cr;G.folderName=ki;G.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 mr="button",yi=mr;import{jsx as yc}from"react/jsx-runtime";var va="k-button-group",Lc=[s.disabled],Mc={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Sc={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return yc("div",{role:"group",...n,className:r(e.className,va,A(va,{fillMode:t}),S(va,{disabled:o}),{[`${va}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Lc;T.options=Mc;T.className=va;T.defaultOptions=Sc;T.moduleName=mr;T.folderName=yi;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 cL,jsx as dL,jsxs as mL}from"react/jsx-runtime";import{Fragment as gL,jsx as xL,jsxs as NL}from"react/jsx-runtime";import{Fragment as yL,jsx as SL,jsxs as AL}from"react/jsx-runtime";import{Fragment as BL,jsx as OL,jsxs as PL}from"react/jsx-runtime";import{Fragment as HL,jsx as DL,jsxs as zL}from"react/jsx-runtime";import{Fragment as XL,jsx as $L,jsxs as qL}from"react/jsx-runtime";import{jsx as kt,jsxs as ur}from"react/jsx-runtime";var Ac={...l.options,...T.options},Cc=l.states,Ec={...l.defaultOptions,...T.defaultOptions,variant:"text-button"},Ic=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Tc=[],go=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?ur(T,{fillMode:a.fillMode,className:o,children:[kt(l,{...a,icon:"star"}),kt(l,{...a,icon:"star"}),kt(l,{...a,icon:"star"})]}):t==="icon-text-button"?ur(T,{fillMode:a.fillMode,className:o,children:[kt(l,{...a,icon:"star",children:"First"}),kt(l,{...a,icon:"star",children:"Middle"}),kt(l,{...a,icon:"star",children:"Last"})]}):ur(T,{fillMode:a.fillMode,className:o,children:[kt(l,{...a,children:"First"}),kt(l,{...a,children:"Middle"}),kt(l,{...a,children:"Last"})]})};go.options=Ac;go.states=Cc;go.variants=Ic;go.defaultOptions=Ec;go.modifiers=Tc;go.className=T.className;var ka="input",tn=ka;import{jsx as wc}from"react/jsx-runtime";var on="k-input",Oc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Bc={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]},Pc={},Q=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 wc("span",{...N,className:r(e.className,on,A(on,{size:u,rounded:f,fillMode:x}),S(on,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:p,readonly:c}))})};Q.states=Oc;Q.options=Bc;Q.className=on;Q.defaultOptions=Pc;Q.moduleName=ka;Q.folderName=tn;import{jsx as Dc}from"react/jsx-runtime";var an="k-picker",Rc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Kc={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]},_c={},dt=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 Dc("span",{...N,className:r(e.className,an,A(an,{size:u,rounded:f,fillMode:x}),S(an,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:p,readonly:c})),children:e.children})};dt.states=Rc;dt.options=Kc;dt.className=an;dt.defaultOptions=_c;dt.moduleName=ka;dt.folderName=tn;import{Fragment as Uc,jsx as fr}from"react/jsx-runtime";var Ai="k-clear-value",Hc=[s.disabled,s.loading,s.readonly],zc={},we=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?fr(Uc,{}):fr("span",{className:r(e.className,Ai),children:fr(v,{icon:"x"})})};we.states=Hc;we.options=zc;we.className=Ai;import{jsx as Ci,jsxs as Vc}from"react/jsx-runtime";var br="k-input-inner",Fc=[],Gc={},Jt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...p}=e;return Vc("span",{...p,className:r(e.className,br,A(br,e)),children:[n,!n&&i&&Ci(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Ci("span",{className:"k-input-value-text",children:t})]})};Jt.states=Fc;Jt.options=Gc;Jt.className=br;import{Fragment as Xc,jsx as Ei}from"react/jsx-runtime";var Ii="k-input-loading-icon",$c=[s.disabled,s.loading],Ie=e=>{let{disabled:t,loading:o}=e;return t||!o?Ei(Xc,{}):Ei("span",{className:r(e.className,Ii,"k-icon k-i-loading")})};Ie.states=$c;Ie.className=Ii;import{Fragment as Jc,jsx as Ti}from"react/jsx-runtime";var Oi="k-input-validation-icon",qc=[s.valid,s.invalid,s.disabled,s.loading],Wc={},ve=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?Ti(Jc,{}):Ti(v,{className:r(Oi),icon:i})};ve.states=qc;ve.options=Wc;ve.className=Oi;import{Fragment as Qc,jsx as Bi}from"react/jsx-runtime";var Yc="k-input-prefix",Zc={direction:"horizontal"},Ue=e=>{let{direction:t=Zc.direction,...o}=e;return e.children?Bi("span",{...o,className:r(Yc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Bi(Qc,{})};import{Fragment as tm,jsx as Pi}from"react/jsx-runtime";var jc="k-input-suffix",em={direction:"horizontal"},Fe=e=>{let{direction:t=em.direction,...o}=e;return e.children?Pi("span",{...o,className:r(jc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Pi(tm,{})};import{jsx as UM}from"react/jsx-runtime";import{jsx as am}from"react/jsx-runtime";var om="k-input-suffix-text",hr=e=>{let{children:t,...o}=e;return am("span",{...o,className:r(om,e.className),children:t})};import{jsx as rm}from"react/jsx-runtime";var wi="k-input-separator",nm={direction:"vertical"},Ge=e=>{let{direction:t=nm.direction,...o}=e;return rm("span",{...o,className:r(wi,e.className,{[`${wi}-${t}`]:t})})};import{Fragment as Ri,jsx as ct,jsxs as xr}from"react/jsx-runtime";var sm=Q.states,im=Q.defaultOptions,lm=Q.options,pm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],dm=[],No=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 xr(Q,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:p,style:{width:300},children:[u&&xr(Ri,{children:[ct(Ue,{children:ct(v,{icon:"lock"})}),m&&ct(Ge,{})]}),ct(Ne,{placeholder:"Placeholder",value:"Value"}),N&&ct(ve,{valid:o,invalid:a,loading:n,disabled:i}),ct(Ie,{loading:n,disabled:i}),x&&ct(we,{loading:n,disabled:i,readonly:p,value:"Value"}),f&&xr(Ri,{children:[m&&ct(Ge,{}),ct(Fe,{children:ct(at,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};No.options=lm;No.states=sm;No.variants=dm;No.defaultOptions=im;No.modifiers=pm;No.className=Q.className;import{jsx as Ki,jsxs as um}from"react/jsx-runtime";var _i="k-color-preview",cm=[],mm={},Bt=e=>{let{color:t,iconName:o,...a}=e;return um("span",{...a,className:r(e.className,_i,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Ki(v,{icon:o,className:"k-color-preview-icon"}),Ki("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Bt.states=cm;Bt.options=mm;Bt.className=_i;var gr="popup",Di=gr;import{jsx as Hi}from"react/jsx-runtime";var zi="k-animation-container",fm=[],bm={},Ui={positionMode:"absolute"},mt=e=>{let{positionMode:t=Ui.positionMode,animationStyle:o,offset:a,...n}=e;return Hi("div",{...n,style:{...a,...e.style},className:r(e.className,zi,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Hi("div",{className:"k-child-animation-container",style:o,children:e.children})})};mt.states=fm;mt.options=bm;mt.className=zi;mt.defaultOptions=Ui;mt.moduleName=gr;mt.folderName=Di;var Nr="popup",Fi=Nr;import{jsx as Gi}from"react/jsx-runtime";var Vi="k-popup",hm=[],xm={},$i={positionMode:"absolute"},$=e=>{let{offset:t,positionMode:o=$i.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:p,...c}=e;return Gi(mt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":p,children:Gi("div",{...c,className:r(e.className,Vi),children:e.children})})};$.states=hm;$.options=xm;$.className=Vi;$.defaultOptions=$i;$.moduleName=Nr;$.folderName=Fi;$.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 vr="action-buttons",Xi=vr;import{jsx as vm}from"react/jsx-runtime";var nn="k-actions",gm=[],Nm={},kr={alignment:"start",orientation:"horizontal"},Re=e=>{let{alignment:t=kr.alignment,orientation:o=kr.orientation,...a}=e;return vm("div",{...a,className:r(nn,{[`${nn}-${t}`]:t,[`${nn}-${o}`]:o},e.className),children:e.children})};Re.states=gm;Re.options=Nm;Re.className=nn;Re.defaultOptions=kr;Re.moduleName=vr;Re.folderName=Xi;var qi=Re;import{jsx as Lm}from"react/jsx-runtime";var km="k-actionsheet-footer",Wi={alignment:"stretched",orientation:"horizontal"},Pt=e=>{let{alignment:t=Wi.alignment,orientation:o=Wi.orientation,template:a,as:n=a?"div":Re,...i}=e;return Lm(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,km),children:e.children})};var Lr="searchbox",Ji=Lr;import{jsx as La,jsxs as ym}from"react/jsx-runtime";var Yi="k-searchbox",Mm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Sm={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]},Mr={showIcon:!0,icon:"search"},Ve=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=Mr.showIcon,icon:k=Mr.icon,"aria-label":y,...C}=e;return ym(Q,{...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,Yi),children:[L&&La(v,{className:"k-input-icon",icon:k}),La(Ne,{placeholder:o,value:t,"aria-label":y}),La(Ie,{...e}),La(ve,{...e}),La(we,{...e})]})};Ve.states=Mm;Ve.options=Sm;Ve.className=Yi;Ve.defaultOptions=Mr;Ve.moduleName=Lr;Ve.folderName=Ji;import{jsx as my}from"react/jsx-runtime";var Sr="textbox",Zi=Sr;import{Fragment as Qi,jsx as wt,jsxs as yr}from"react/jsx-runtime";var ji="k-textbox",Am=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Cm={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]},rn={showClearButton:!0,showValidationIcon:!0,separators:!0},ie=e=>{let{size:t,rounded:o,fillMode:a,separators:n=rn.separators,showClearButton:i=rn.showClearButton,showValidationIcon:p=rn.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:X,id:pe,"aria-label":xe,"aria-describedby":ge,...Pe}=e;return yr(Q,{...Pe,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:k,invalid:y,required:C,loading:M,disabled:I,readonly:X,className:r(e.className,ji),children:[c&&yr(Qi,{children:[wt(Ue,{children:c}),n&&wt(Ge,{})]}),wt(Ne,{id:pe,placeholder:N,value:x,type:f,disabled:I,"aria-label":xe,"aria-describedby":ge,"aria-invalid":y?"true":void 0}),p&&wt(ve,{valid:k,invalid:y,loading:M,disabled:I}),wt(Ie,{loading:M,disabled:I}),i&&wt(we,{loading:M,disabled:I,readonly:X,value:x}),u&&yr(Qi,{children:[n&&wt(Ge,{}),wt(Fe,{children:u})]})]})};ie.states=Am;ie.options=Cm;ie.className=ji;ie.defaultOptions=rn;ie.moduleName=Sr;ie.folderName=Zi;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 Ma=ie;import{jsx as Em}from"react/jsx-runtime";var sn=e=>Em(Ma,{...e});import{Fragment as Ty,jsx as Iy}from"react/jsx-runtime";import{Fragment as Ky,jsx as Ry}from"react/jsx-runtime";import{jsx as zy}from"react/jsx-runtime";import{jsx as Ar}from"react/jsx-runtime";var Im=ie.states,Tm=ie.defaultOptions,Om=ie.options,Bm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Pm=[],vo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Ar(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Ar(at,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Ar(sn,{value:"Value",style:{width:300},...o,...a})};vo.options=Om;vo.states=Im;vo.variants=Pm;vo.defaultOptions=Tm;vo.modifiers=Bm;vo.className=ie.className;import{jsx as Rt,jsxs as Cr}from"react/jsx-runtime";var el="k-actionsheet-titlebar",wm={},ke=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 Cr("div",{...m,className:r(e.className,el),children:[Cr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Rt("div",{className:"k-actionsheet-actions",children:a}),!N&&Cr("div",{className:"k-actionsheet-title",id:x,children:[t&&Rt("div",{className:"k-text-center",children:t}),o&&Rt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&Rt("div",{className:"k-actionsheet-title",id:x,children:N}),n&&Rt("div",{className:"k-actionsheet-actions",children:n})]}),(p||i)&&Rt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?Rt(ie,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t||u||"Input"}):Rt(Ve,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};ke.className=el;ke.defaultOptions=wm;import{jsx as Er,jsxs as Dm}from"react/jsx-runtime";var Ir="k-actionsheet-view",Rm=[],Km={},_m={},ko=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:p,...c}=e,u=n?.type===ke&&Er(ke,{adaptive:t,titleId:p,...n?.props}),f=i?.type===Pt&&Er(Pt,{...i?.props});return Dm("div",{...c,className:r(e.className,Ir,{[`${Ir}-animated`]:o}),children:[u,Er("div",{className:"k-actionsheet-content",children:a}),f]})};ko.states=Rm;ko.options=Km;ko.className=Ir;ko.defaultOptions=_m;var Sa="action-sheet",ln=Sa;var Tr="overlay",tl=Tr;import{jsx as Fm}from"react/jsx-runtime";var ol="k-overlay",Hm=[],zm={},Um={},ut=e=>{let{...t}=e;return Fm("div",{...t,className:r(e.className,ol),children:e.children})};ut.states=Hm;ut.options=zm;ut.className=ol;ut.defaultOptions=Um;ut.moduleName=Tr;ut.folderName=tl;import{jsx as pn,jsxs as $m}from"react/jsx-runtime";var al="k-actionsheet",Gm=[],Vm={},ya={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},W=e=>{let{side:t=ya.side,fullscreen:o=ya.fullscreen,adaptive:a=ya.adaptive,overlay:n=ya.overlay,template:i,children:p,header:c,footer:u,id:f,...x}=e,N=f&&!i&&c?`${f}-title`:void 0;return $m("div",{className:"k-actionsheet-container",children:[n&&pn(ut,{}),pn(mt,{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:pn("div",{...x,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":N,className:r(e.className,al,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i||pn(ko,{header:c,footer:u,adaptive:a,titleId:N,...e,children:p})})})]})};W.states=Gm;W.options=Vm;W.className=al;W.defaultOptions=ya;W.moduleName=Sa;W.folderName=ln;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 Jm}from"react/jsx-runtime";var nl="k-actionsheet-container",Xm=[],qm={},Wm={},Lo=e=>{let{children:t,...o}=e;return Jm("div",{...o,className:nl,children:t})};Lo.states=Xm;Lo.options=qm;Lo.className=nl;Lo.defaultOptions=Wm;Lo.moduleName=Sa;Lo.folderName=ln;import{jsx as Ym}from"react/jsx-runtime";var Or=e=>{let{...t}=e;return Ym("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Qm,jsx as Aa,jsxs as Br}from"react/jsx-runtime";var Pr="k-actionsheet-item",Zm=[s.hover,s.focus,s.selected,s.disabled],Kt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:p,disabled:c,...u}=e;return Br("span",{...u,className:r(e.className,Pr,S(Pr,{hover:n,focus:i,selected:p,disabled:c})),children:[!e.children&&Aa(Qm,{children:Br("span",{className:"k-actionsheet-action",children:[t&&Aa("span",{className:"k-icon-wrap",children:Aa(v,{className:"k-actionsheet-item-icon",icon:t})}),Br("span",{className:"k-actionsheet-item-text",children:[o&&Aa("span",{className:"k-actionsheet-item-title",children:o}),a&&Aa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=Zm;Kt.className=Pr;import{jsx as HA,jsxs as zA}from"react/jsx-runtime";import{jsx as VA}from"react/jsx-runtime";import{jsx as WA}from"react/jsx-runtime";import{jsx as QA}from"react/jsx-runtime";import{jsx as le,jsxs as wr}from"react/jsx-runtime";var jm=W.options,eu=W.states,sl={...W.defaultOptions,variant:"normal"},tu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],ou=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Mo=e=>{let{variant:t,modifiers:o,...a}={...sl,...e},n={},i=wr(Or,{children:[le(Kt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),le(Kt,{text:"Add to Favorites",iconName:"heart"}),le(Kt,{text:"Upload New",iconName:"upload",disabled:!0}),le("hr",{className:"k-hr"}),le(Kt,{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(ke,{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?wr(Pt,{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(ke,{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?wr(Pt,{alignment:"stretched",children:[le(l,{text:"Apply",themeColor:"primary"}),le(l,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Mo.options=jm;Mo.states=eu;Mo.variants=tu;Mo.defaultOptions=sl;Mo.modifiers=ou;Mo.className=W.className;var Rr="slider",il=Rr;import{jsx as So,jsxs as Kr}from"react/jsx-runtime";var Ca="k-slider",au=[s.hover,s.focus,s.active,s.disabled,s.readonly],nu={},$e={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},V=e=>{let{type:t=$e.type,orientation:o=$e.orientation,gradientType:a=$e.gradientType,readonly:n=$e.readonly,disabled:i=$e.disabled,handlePosition:p=$e.handlePosition,showButtons:c=$e.showButtons,showTicks:u=$e.showTicks,value:f=$e.value,min:x=$e.min,max:N=$e.max,startValue:m,endValue:L,hover:k,focus:y,active:C,trackStyle:M,dir:I,...X}=e,xe=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ge,Pe;return o==="horizontal"?(ge=I==="rtl"?"chevron-left":"chevron-right",Pe=I==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ge="chevron-up",Pe="chevron-down"),Kr("div",{...X,className:r(Ca,e.className,S(Ca,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&So(l,{className:"k-button-decrease",rounded:"full",icon:Pe,tabIndex:-1,title:"Decrease"}),Kr("div",{className:"k-slider-track-wrap",children:[u&&So("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Kr("div",{className:"k-slider-track",style:M,children:[So("div",{className:"k-slider-selection"}),t==="range"&&So("span",{className:r("k-draghandle","k-draghandle-start",S(Ca,{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":xe,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":X["aria-label"]?`${X["aria-label"]} start`:"Range start"}),So("span",{className:r("k-draghandle",`k-draghandle-${p}`,S(Ca,{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":xe,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?X["aria-label"]?`${X["aria-label"]} end`:"Range end":X["aria-label"]})]})]}),c&&So(l,{className:"k-button-increase",rounded:"full",icon:ge,tabIndex:-1,title:"Increase"})]})};V.states=au;V.options=nu;V.className=Ca;V.defaultOptions=$e;V.moduleName=Rr;V.folderName=il;V.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 ll}from"react/jsx-runtime";var pl="k-tick",ru=[],su={},dl={label:!1},E=e=>{let{style:t,label:o=dl.label,orientation:a,large:n,text:i,...p}=e;return ll("li",{...p,role:"presentation",title:i||"Tick",className:r(e.className,pl,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&ll("span",{className:"k-label",children:i})})};E.states=ru;E.options=su;E.className=pl;E.defaultOptions=dl;import{Fragment as iu,jsx as Xe,jsxs as lu}from"react/jsx-runtime";var cl=e=>Xe(V,{"aria-label":e["aria-label"]||"Slider",children:lu(iu,{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"})]}),...e});import{Fragment as pu,jsx as qe,jsxs as du}from"react/jsx-runtime";var ml=e=>qe(V,{children:du(pu,{children:[qe(E,{className:"k-first",label:!0,large:!0,text:"0"}),qe(E,{}),qe(E,{}),qe(E,{}),qe(E,{}),qe(E,{label:!0,large:!0,text:"5"}),qe(E,{}),qe(E,{}),qe(E,{}),qe(E,{}),qe(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as zC,jsx as HC,jsxs as UC}from"react/jsx-runtime";import{Fragment as XC,jsx as $C,jsxs as qC}from"react/jsx-runtime";import{jsx as cu}from"react/jsx-runtime";var _r=e=>cu(V,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as mu}from"react/jsx-runtime";var Dr=e=>mu(V,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as nE,jsx as aE,jsxs as rE}from"react/jsx-runtime";import{Fragment as dE,jsx as pE,jsxs as cE}from"react/jsx-runtime";import{jsx as ft,jsxs as ul}from"react/jsx-runtime";var uu=V.options,fu=V.states,fl={...V.defaultOptions,variant:"horizontal",label:!0},bu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],hu=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],yo=e=>{let{variant:t,modifiers:o,...a}={...fl,...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"?ul(ml,{showTicks:c,showButtons:p,style:{height:"300px",...u},...a,children:[ft(E,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ft(E,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ft(E,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ft(E,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ft(E,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):ul(cl,{showTicks:c,showButtons:p,style:{width:"400px",...u},...a,children:[ft(E,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ft(E,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ft(E,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ft(E,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ft(E,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};yo.options=uu;yo.states=fu;yo.variants=bu;yo.defaultOptions=fl;yo.modifiers=hu;yo.className=V.className;import{jsx as bl,jsxs as ku}from"react/jsx-runtime";var hl="k-spin-button",Nu=[],vu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Hr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},_t=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Hr.increaseLabel,decreaseLabel:i=Hr.decreaseLabel,...p}=e;return ku("span",{...p,className:r(hl,e.className),children:[bl(l,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),bl(l,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};_t.states=Nu;_t.options=vu;_t.className=hl;_t.defaultOptions=Hr;_t.moduleName=null;_t.folderName=null;var xl="numeric-textbox",gl="numerictextbox";import{Fragment as Nl,jsx as Lt,jsxs as zr}from"react/jsx-runtime";var vl="k-numerictextbox",Lu=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Mu={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]},dn={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:n=dn.separators,showClearButton:i=dn.showClearButton,showSpinButton:p=dn.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:X,"aria-label":pe,"aria-describedby":xe,...ge}=e;return zr(Q,{...ge,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,vl),children:[c&&zr(Nl,{children:[Lt(Ue,{children:c}),n&&Lt(Ge,{})]}),Lt(Ne,{id:X,placeholder:x,value:f,role:"spinbutton",disabled:M,"aria-label":pe,"aria-describedby":xe,"aria-invalid":k?"true":void 0}),Lt(ve,{valid:L,invalid:k,loading:C,disabled:M}),Lt(Ie,{loading:C,disabled:M}),i&&Lt(we,{loading:C,disabled:M,readonly:I,value:f}),u&&zr(Nl,{children:[n&&Lt(Ge,{}),Lt(Fe,{children:u})]}),p&&Lt(_t,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};_.states=Lu;_.options=Mu;_.className=vl;_.defaultOptions=dn;_.moduleName=xl;_.folderName=gl;_.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 Ea=_;import{jsx as Su}from"react/jsx-runtime";var kl=e=>Su(Ea,{...e});import Fr from"react";import{jsx as Ll}from"react/jsx-runtime";var yu="k-list-group-sticky-header",Ur=e=>Ll("div",{className:r(yu,e.className),children:Ll("div",{className:"k-list-header-text",children:e.children})});import{jsx as Cu}from"react/jsx-runtime";var Au="k-no-data",cn=e=>{let{live:t,...o}=e;return Cu("span",{...o,className:r(Au,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Yt="list",Ao=Yt;import{jsx as Ml,jsxs as Sl}from"react/jsx-runtime";var Gr="k-list",Eu=[],Iu={size:[d.undefined,d.small,d.medium,d.large]},Tu={},R=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:i,customValue:p,noData:c,screenReaders:u,...f}=e,N=Fr.Children.toArray(a)[0],m=N?.props?.children?Fr.Children.count(N.props.children):Fr.Children.count(a);return Sl("div",{...f,className:r(e.className,Gr,A(Gr,{size:t}),{"k-virtual-list":o}),children:[i,p,n&&Ml(Ur,{children:n}),a||(c!==void 0?c:Ml(cn,{live:!0,children:"No data found."})),u&&a&&Sl(cn,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};R.states=Eu;R.options=Iu;R.className=Gr;R.defaultOptions=Tu;R.moduleName=Yt;R.folderName=Ao;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 wu}from"react/jsx-runtime";var yl="k-list-container",Ou=[],Bu={},Pu={},Co=e=>{let{...t}=e;return wu("div",{...t,className:r(e.className,yl),children:e.children})};Co.states=Ou;Co.options=Bu;Co.className=yl;Co.defaultOptions=Pu;Co.moduleName=Yt;Co.folderName=Ao;var Zt="checkbox",Eo=Zt;import{jsx as Al}from"react/jsx-runtime";var mn="k-checkbox",Ru=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Ku={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},_u={},We=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 Al("span",{className:"k-checkbox-wrap",role:m,children:Al("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:p||void 0,"aria-invalid":c?"true":void 0,className:r(e.className,mn,A(mn,{size:x,rounded:N}),S(mn,{hover:n,focus:i,disabled:p,invalid:c,valid:u,indeterminate:a,checked:o}))})})};We.states=Ru;We.options=Ku;We.className=mn;We.defaultOptions=_u;We.moduleName=Zt;We.folderName=Eo;We.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 nt=We;import{jsx as zu}from"react/jsx-runtime";var Cl="k-checkbox-list",Du=[],Hu={},El={layout:"vertical"},Le=e=>{let{layout:t=El.layout,...o}=e;return zu("ul",{...o,className:r(e.className,Cl,{[`k-list-${t}`]:t}),children:e.children})};Le.states=Du;Le.options=Hu;Le.className=Cl;Le.defaultOptions=El;Le.moduleName=Zt;Le.folderName=Eo;import{jsx as Vu}from"react/jsx-runtime";var Il="k-checkbox-list-item",Uu=[],Fu={},Gu={},Me=e=>{let{...t}=e;return Vu("li",{...t,className:r(e.className,Il),children:e.children})};Me.states=Uu;Me.options=Fu;Me.className=Il;Me.defaultOptions=Gu;Me.moduleName=Zt;Me.folderName=Eo;import{Fragment as $u,jsx as Tl,jsxs as Xu}from"react/jsx-runtime";var Mt=({children:e="Label",id:t="cb-label-after",...o})=>Xu($u,{children:[Tl(nt,{id:t,...o}),Tl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as RI,jsx as wI,jsxs as KI}from"react/jsx-runtime";import{Fragment as UI,jsx as zI,jsxs as FI}from"react/jsx-runtime";import{Fragment as qI,jsx as XI,jsxs as WI}from"react/jsx-runtime";import{jsx as QI}from"react/jsx-runtime";import{jsx as oT}from"react/jsx-runtime";import{jsx as sT}from"react/jsx-runtime";import{jsx as Je,jsxs as Ol}from"react/jsx-runtime";var qu=Le.options,Wu=Le.states,Ju={...Le.defaultOptions,variant:"vertical"},Yu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Zu=[],Io=e=>{let{variant:t,...o}=e;return t==="horizontal"?Ol(Le,{layout:"horizontal",...o,children:[Je(Me,{children:Je(Mt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),Je(Me,{children:Je(Mt,{id:w("cb"),children:"Label"})}),Je(Me,{children:Je(Mt,{id:w("cb"),children:"Label"})})]}):Ol(Le,{...o,children:[Je(Me,{children:Je(Mt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),Je(Me,{children:Je(Mt,{id:w("cb"),children:"Label"})}),Je(Me,{children:Je(Mt,{id:w("cb"),children:"Label"})})]})};Io.options=qu;Io.states=Wu;Io.variants=Yu;Io.defaultOptions=Ju;Io.modifiers=Zu;Io.className=Le.className;import{jsx as af}from"react/jsx-runtime";var Qu=nt.options,ju=nt.states,ef=nt.defaultOptions,tf=[],of=[],To=e=>af(Mt,{id:w("checkbox"),...e,defaultChecked:!0,children:"Label"});To.options=Qu;To.states=ju;To.variants=tf;To.defaultOptions=ef;To.modifiers=of;To.className=nt.className;import{jsx as Qt,jsxs as lf}from"react/jsx-runtime";var Vr="k-list-item",nf=[s.hover,s.focus,s.selected,s.disabled],rf={},sf={},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 lf("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":Vr,S(Vr,{hover:u,focus:f,disabled:N,selected:x})),children:[p&&Qt(We,{checked:c}),n&&Qt("span",{className:"k-list-item-icon-wrapper",children:Qt(v,{icon:n,className:r("k-list-item-icon",i)})}),Qt("span",{className:"k-list-item-text",children:C}),m&&Qt("div",{className:"k-list-item-actions",children:m}),L&&Qt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Qt("div",{className:"k-list-item-group-label",children:o})]})};O.states=nf;O.options=rf;O.className=Vr;O.defaultOptions=sf;O.moduleName=Yt;O.folderName=Ao;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 df}from"react/jsx-runtime";var pf="k-list-ul",St=e=>{let{children:t,role:o,id:a,...n}=e;return df("ul",{...n,id:a,role:o,className:r(pf,e.className),children:t})};St.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 mf}from"react/jsx-runtime";var cf="k-list-content",H=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...p}=e;return mf("div",{...p,className:r(cf,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(St,{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 YT,jsx as JT,jsxs as ZT}from"react/jsx-runtime";import{jsx as Xr,jsxs as ff}from"react/jsx-runtime";var uf="k-list-group-item",jt=e=>{let{groupIconName:t,...o}=e;return ff("li",{...o,role:"presentation",className:r(uf,e.className),children:[t&&Xr("span",{className:"k-list-item-icon-wrapper",children:Xr(v,{icon:t,className:"k-list-item-icon"})}),Xr("span",{className:"k-list-item-text",children:e.children})]})};jt.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 gf}from"react/jsx-runtime";var qr="k-list-optionlabel",bf=[s.hover,s.focus,s.selected,s.disabled],hf={},xf={},un=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...p}=e;return gf("div",{...p,className:r(qr,S(qr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};un.states=bf;un.options=hf;un.className=qr;un.defaultOptions=xf;import{jsx as Lf}from"react/jsx-runtime";var Wr="k-list-custom-value",Nf=[s.hover,s.focus,s.selected,s.disabled],vf={},kf={},Dt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...p}=e;return Lf("div",{...p,className:r(Wr,S(Wr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Dt.states=Nf;Dt.options=vf;Dt.className=Wr;Dt.defaultOptions=kf;import{Fragment as uO,jsx as mO,jsxs as fO}from"react/jsx-runtime";import{Fragment as vO,jsx as NO,jsxs as kO}from"react/jsx-runtime";import{Fragment as EO,jsx as AO,jsxs as CO}from"react/jsx-runtime";import{Fragment as RO,jsx as PO,jsxs as wO}from"react/jsx-runtime";import{jsx as HO}from"react/jsx-runtime";import{Fragment as $O,jsx as VO,jsxs as XO}from"react/jsx-runtime";var Bl="dropdown-list",Pl="dropdownlist";import{Fragment as yf,jsx as Se,jsxs as Jr}from"react/jsx-runtime";var wl="k-dropdownlist",Mf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Sf={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]},Yr={showValue:!0,arrowIconName:"chevron-down"},oe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Yr.arrowIconName,showValue:i=Yr.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:X,opened:pe,adaptive:xe,adaptiveSettings:ge,adaptiveTitle:Pe,adaptiveSubtitle:qt,adaptiveFilter:Xn,id:Ot,activeDescendant:qa,"aria-label":qn,...Wn}=e,gd=Ot?`${Ot}-listbox`:void 0,ei=Ot?`${Ot}-value`:void 0;return Jr(yf,{children:[Jr(dt,{...Wn,id:Ot,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,wl,{"k-icon-picker":!i&&p}),role:"combobox","aria-haspopup":"listbox","aria-expanded":pe?"true":"false","aria-controls":pe?gd:void 0,"aria-activedescendant":pe&&qa?qa:void 0,"aria-describedby":pe?ei:void 0,"aria-disabled":M?"true":void 0,"aria-label":qn,tabIndex:0,children:[Se(Ue,{children:c}),Se(Jt,{placeholder:x,value:f,showValue:i,valueIconName:p,id:ei}),Se(ve,{valid:L,invalid:k,loading:C,disabled:M}),Se(Ie,{loading:C,disabled:M}),Se(Fe,{children:u}),Se(l,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":x||"Toggle dropdown",tabIndex:-1})]}),pe&&X&&Se($,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:X}),xe&&Se(W,{adaptive:!0,...ge,header:Se(ke,{actionsEnd:Se(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Xn,inputValue:f,inputPlaceholder:x,title:Pe,subtitle:qt}),children:Se("div",{className:"k-list-container",children:Se(R,{size:"large",children:Jr(H,{"aria-label":"Options",children:[Se(O,{text:"List item"}),Se(O,{text:"List item"}),Se(O,{text:"List item"})]})})})})]})};oe.states=Mf;oe.options=Sf;oe.className=wl;oe.defaultOptions=Yr;oe.moduleName=Bl;oe.folderName=Pl;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 yB}from"react/jsx-runtime";import{jsx as OB,jsxs as BB}from"react/jsx-runtime";import{Fragment as UB,jsx as HB,jsxs as zB}from"react/jsx-runtime";import{jsx as XB}from"react/jsx-runtime";import{jsx as QB,jsxs as jB}from"react/jsx-runtime";import{Fragment as lP,jsx as sP,jsxs as iP}from"react/jsx-runtime";import{jsx as uP}from"react/jsx-runtime";import{Fragment as Of,jsx as Ht,jsxs as Rl}from"react/jsx-runtime";var Af=oe.states,Cf=oe.defaultOptions,Ef=oe.options,If=[{name:"opened",title:"Opened"}],Tf=[],Bo=e=>{let{modifiers:t,...o}=e,a={},n=Rl(Of,{children:[Ht("div",{className:"k-list-filter",children:Ht(Ve,{})}),Ht(R,{style:{width:300},size:o.size,children:Rl(H,{children:[Ht(O,{children:"List item"}),Ht(O,{children:"List item"}),Ht(O,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),Ht("div",{children:Ht(oe,{placeholder:"Value",style:{width:300},...o,...a})})};Bo.options=Ef;Bo.states=Af;Bo.variants=Tf;Bo.defaultOptions=Cf;Bo.modifiers=If;Bo.className=oe.className;import{Fragment as RP,jsx as wP}from"react/jsx-runtime";import{Fragment as UP,jsx as zP}from"react/jsx-runtime";import{jsx as $P}from"react/jsx-runtime";import{jsx as Zr}from"react/jsx-runtime";var Bf=_.states,Pf=_.defaultOptions,wf=_.options,Rf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Kf=[],Po=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Zr(oe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?Zr(hr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),Zr(kl,{value:"Value",style:{width:300},...o,...a})};Po.options=wf;Po.states=Bf;Po.variants=Kf;Po.defaultOptions=Pf;Po.modifiers=Rf;Po.className=_.className;import{Fragment as Ia,jsx as B,jsxs as j}from"react/jsx-runtime";var Kl="k-colorgradient-inputs",_f=[],Df={size:[d.undefined,d.small,d.medium,d.large]},_l={mode:"rgba"},wo=e=>{let{mode:t=_l.mode,size:o,...a}=e;return j("div",{...a,className:r(Kl,"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"&&j(Ia,{children:[j("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"})]}),j("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"})]}),j("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"})]}),j("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"&&j(Ia,{children:[j("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"})]}),j("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"})]}),j("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"&&j(Ia,{children:[j("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"})]}),j("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"})]}),j("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"})]}),j("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"&&j(Ia,{children:[j("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"})]}),j("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"})]}),j("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(Ia,{children:j("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"})]})})]})};wo.states=_f;wo.options=Df;wo.className=Kl;wo.defaultOptions=_l;import{jsx as eo,jsxs as to}from"react/jsx-runtime";var Dl="k-colorgradient-color-contrast",Hf=[],zf={},Uf={},Ro=()=>to("div",{className:r(Dl,"k-vbox"),children:[to("div",{className:"k-contrast-ratio",children:[eo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),to("span",{className:"k-contrast-validation !k-text-success",children:[eo(v,{icon:"check"}),eo(v,{icon:"check"})]})]}),to("div",{children:[eo("span",{children:"AA: 4.5"}),to("span",{className:"k-contrast-validation !k-text-success",children:["Pass",eo(v,{icon:"check"})]})]}),to("div",{children:[eo("span",{children:"AAA: 7.0"}),to("span",{className:"k-contrast-validation !k-text-error",children:["Fail",eo(v,{icon:"x"})]})]})]});Ro.states=Hf;Ro.options=zf;Ro.className=Dl;Ro.defaultOptions=Uf;var Hl="color-gradient",zl="colorgradient";import{jsx as Ye,jsxs as Ta}from"react/jsx-runtime";var fn="k-colorgradient",Ff=[s.hover,s.focus,s.readonly,s.disabled],Gf={size:[d.undefined,d.small,d.medium,d.large]},bt={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=bt.mode,readonly:a=bt.readonly,disabled:n=bt.disabled,gradientStyle:i=bt.gradientStyle,dragHandleStyle:p=bt.dragHandleStyle,alphaStyle:c=bt.alphaStyle,alphaStyleHorizontal:u=bt.alphaStyleHorizontal,contrast:f=bt.contrast,dir:x,hover:N,focus:m,hoverHandle:L,focusHandle:k,canvasOrientation:y=bt.canvasOrientation,role:C,tabIndex:M,...I}=e;return Ta("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,fn,A(fn,{size:t}),S(fn,{hover:N,focus:m,readonly:a,disabled:n})),dir:x,children:[!y||y==="horizontal"&&Ta("div",{className:"k-colorgradient-canvas k-hstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("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})})}),Ta("div",{className:"k-hsv-controls k-hstack",children:[Ye(Dr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Ye(Dr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:c})]})]}),y==="vertical"&&Ta("div",{className:"k-colorgradient-canvas k-vstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("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})})}),Ta("div",{className:"k-hsv-controls k-vstack",children:[Ye(_r,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Ye(_r,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),Ye(wo,{mode:e.mode,size:t}),f&&Ye(Ro,{})]})};ne.states=Ff;ne.options=Gf;ne.className=fn;ne.defaultOptions=bt;ne.moduleName=Hl;ne.folderName=zl;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 Vf}from"react/jsx-runtime";var bn=e=>Vf(ne,{...e});import{jsx as Tw}from"react/jsx-runtime";import{jsx as ww}from"react/jsx-runtime";import{jsx as Qr}from"react/jsx-runtime";var $f=ne.options,Xf=ne.states,qf={...ne.defaultOptions,variant:"rgba"},Wf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Jf=[],Ko=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Qr(bn,{...o,mode:t});case"rgb":return Qr(bn,{...o,mode:t});default:return Qr(bn,{...o,mode:t})}};Ko.options=$f;Ko.states=Xf;Ko.variants=Wf;Ko.defaultOptions=qf;Ko.modifiers=Jf;Ko.className=ne.className;import{jsx as Yf}from"react/jsx-runtime";var jr=e=>Yf("tr",{role:"row",children:e.children});import{jsx as jf}from"react/jsx-runtime";var es="k-colorpalette-tile",Zf=[s.hover,s.focus,s.selected],Qf={},_o=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 jf("td",{...p,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,es,S(es,{hover:a,focus:n,selected:i})),style:c})};_o.states=Zf;_o.options=Qf;_o.className=es;var Ul="color-palette",Fl="colorpalette";import{jsx as Oa}from"react/jsx-runtime";var hn="k-colorpalette",eb=[s.disabled],tb={size:[d.undefined,d.small,d.medium,d.large]},Gl={columns:10},ye=e=>{let{size:t,palette:o,columns:a=Gl.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(N*u,(N+1)*u).map((k,y)=>{m.push(Oa(_o,{color:k,tileSize:n},y))});let L=Oa(jr,{children:m},N);c.push(L)})}return Oa("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,hn,S(hn,{disabled:i}),A(hn,{size:t})),children:Oa("table",{className:"k-colorpalette-table",role:"none",children:Oa("tbody",{children:c.length>0?c:e.children})})})};ye.states=eb;ye.options=tb;ye.className=hn;ye.defaultOptions=Gl;ye.moduleName=Ul;ye.folderName=Fl;ye.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 xn=ye;var Ba={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 ob}from"react/jsx-runtime";var Vl=e=>ob(xn,{palette:Ba.basic,...e});import{jsx as bR}from"react/jsx-runtime";import{jsx as kR,jsxs as LR}from"react/jsx-runtime";import{jsx as pb}from"react/jsx-runtime";var ab=ye.options,nb=ye.states,rb={...ye.defaultOptions,variant:"basic"},sb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],ib={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}},lb=[],Do=e=>{let{variant:t="basic",...o}=e,a=ib[t];return pb(Vl,{columns:a.columns,palette:a,...o})};Do.options=ab;Do.states=nb;Do.variants=sb;Do.defaultOptions=rb;Do.modifiers=lb;Do.className=ye.className;var $l="color-editor",Xl="coloreditor";import{jsx as Ze,jsxs as Ho}from"react/jsx-runtime";var gn="k-coloreditor",db=[s.focus],cb={size:[d.undefined,d.small,d.medium,d.large]},Pa={view:"gradient",palette:Ba.office,actionButtons:!0,canvasOrientation:"horizontal"},J=e=>{let{size:t,view:o=Pa.view,palette:a=Pa.palette,color:n,currentColor:i,focus:p,focusView:c,dir:u,group:f,actionButtons:x=Pa.actionButtons,canvasOrientation:N=Pa.canvasOrientation,...m}=e;return Ho("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",gn,A(gn,{size:t}),S(gn,{focus:p})),dir:u,children:[Ho("div",{className:"k-coloreditor-header k-hstack",children:[Ze("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&Ho(T,{fillMode:"flat",children:[Ze(l,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ze(l,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ze("div",{className:"k-spacer"}),Ho("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ze(l,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Ho("div",{className:"k-coloreditor-preview k-vstack",children:[Ze(Bt,{className:"k-coloreditor-preview-color",color:n}),Ze(Bt,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ze("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ze(ne,{focus:c,size:t,canvasOrientation:N,role:"none",tabIndex:-1}):Ze(ye,{palette:a,size:t})}),x&&Ho(Re,{className:"k-coloreditor-footer",alignment:"start",children:[Ze(l,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ze(l,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};J.states=db;J.options=cb;J.className=gn;J.defaultOptions=Pa;J.moduleName=$l;J.folderName=Xl;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 zo=J;import{jsx as ZR}from"react/jsx-runtime";import{jsx as tK}from"react/jsx-runtime";import{jsx as mb}from"react/jsx-runtime";var ql=e=>mb(zo,{group:!0,currentColor:"fuchsia",...e});import{jsx as ub}from"react/jsx-runtime";var Wl=e=>ub(zo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Jl}from"react/jsx-runtime";var fb=J.options,bb=J.states,hb={...J.defaultOptions,variant:"gradient"},xb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],gb=[],Uo=e=>{let{variant:t,...o}=e;return t==="palette"?Jl(Wl,{...o,color:"white"}):Jl(ql,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Uo.options=fb;Uo.states=bb;Uo.variants=xb;Uo.defaultOptions=hb;Uo.modifiers=gb;Uo.className=J.className;var Yl="color-picker",Zl="colorpicker";import{Fragment as kb,jsx as Qe,jsxs as ts}from"react/jsx-runtime";var Ql="k-colorpicker",Nb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],vb={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]},jl={arrowIconName:"chevron-down"},Ke=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=jl.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:X,adaptiveTitle:pe,adaptiveSubtitle:xe,...ge}=e,Pe="colorpicker-popup";return ts(kb,{children:[ts(dt,{...ge,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?Pe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:r(e.className,Ql,"k-icon-picker"),children:[Qe(Ue,{children:i}),Qe(Jt,{placeholder:u,value:c,showValue:!1,valueIcon:Qe(Bt,{className:"k-value-icon",color:c,iconName:y}),valueIconName:y}),Qe(Fe,{children:p}),Qe(l,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),M&&C&&Qe($,{id:Pe,className:"k-colorpicker-popup",children:C}),I&&Qe(W,{adaptive:!0,id:Pe,...X,header:Qe(ke,{actionsEnd:Qe(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:pe,subtitle:xe}),footer:ts(Pt,{children:[Qe(l,{text:"Cancel",size:"large"}),Qe(l,{text:"Set",size:"large",themeColor:"primary"})]}),children:Qe(J,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ke.states=Nb;Ke.options=vb;Ke.className=Ql;Ke.defaultOptions=jl;Ke.moduleName=Yl;Ke.folderName=Zl;Ke.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 yt=Ke;import{jsx as Lb}from"react/jsx-runtime";var Nn=e=>Lb(yt,{...e});import{jsx as DK}from"react/jsx-runtime";import{jsx as GK}from"react/jsx-runtime";import{jsx as qK}from"react/jsx-runtime";import{jsx as ZK}from"react/jsx-runtime";import{jsx as t_}from"react/jsx-runtime";import{jsx as r_}from"react/jsx-runtime";import{jsx as oo}from"react/jsx-runtime";var Mb=yt.options,Sb=yt.states,ep={...yt.defaultOptions,variant:"color"},yb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Ab=[{name:"opened",title:"Opened"}],Fo=e=>{let{variant:t,modifiers:o,...a}={...ep,...e},n={};Object.keys(o||{}).forEach(p=>{p==="opened"&&(n.opened=!!o?.[p],n.popup=o?.[p]?oo(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 oo("div",{style:i,children:oo(Nn,{...a,...n})});case"icon":return oo("div",{style:i,children:oo(Nn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return oo("div",{style:i,children:oo(Nn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Fo.options=Mb;Fo.states=Sb;Fo.variants=yb;Fo.defaultOptions=ep;Fo.modifiers=Ab;Fo.className=yt.className;var os="combobox",tp=os;import{Fragment as as,jsx as ae,jsxs as wa}from"react/jsx-runtime";var op="k-combobox",Cb=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Eb={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]},ap={separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=ap.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:X,adaptiveSettings:pe,adaptiveTitle:xe,adaptiveSubtitle:ge,adaptiveCustomValue:Pe,id:qt,autocomplete:Xn,activeDescendant:Ot,"aria-label":qa,...qn}=e,Wn=qt?`${qt}-listbox`:void 0;return wa(as,{children:[wa(Q,{...qn,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,op),children:[i&&wa(as,{children:[ae(Ue,{children:i}),n&&ae(Ge,{})]}),ae(Ne,{id:qt,placeholder:u,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?Wn:void 0,"aria-activedescendant":M&&Ot?Ot:void 0,"aria-autocomplete":Xn,"aria-invalid":m?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":qa,disabled:y,readOnly:I}),ae(ve,{valid:N,invalid:m,loading:k,disabled:y}),ae(Ie,{loading:k,disabled:y}),ae(we,{loading:k,disabled:y,readonly:I,value:c}),p&&wa(as,{children:[n&&ae(Ge,{}),ae(Fe,{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($,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),X&&ae(W,{adaptive:!0,id:qt?`${qt}-adaptive`:void 0,...pe,header:ae(ke,{actionsEnd:ae(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:u,title:xe,subtitle:ge}),children:ae("div",{className:"k-list-container",children:ae(R,{customValue:Pe?ae(Dt,{text:`Use "${c}"`}):void 0,size:"large",children:wa(H,{"aria-label":xe||"Options",children:[ae(O,{text:"List item"}),ae(O,{text:"List item"}),ae(O,{text:"List item"})]})})})})]})};de.states=Cb;de.options=Eb;de.className=op;de.defaultOptions=ap;de.moduleName=os;de.folderName=tp;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 _e=de;import{jsx as Ib}from"react/jsx-runtime";var np=e=>Ib(_e,{...e});import{jsx as U_,jsxs as F_}from"react/jsx-runtime";import{jsx as W_,jsxs as J_}from"react/jsx-runtime";import{jsx as t0,jsxs as o0}from"react/jsx-runtime";import{Fragment as l0,jsx as i0}from"react/jsx-runtime";import{Fragment as f0,jsx as u0}from"react/jsx-runtime";import{jsx as v0,jsxs as k0}from"react/jsx-runtime";import{Fragment as I0,jsx as C0,jsxs as E0}from"react/jsx-runtime";import{jsx as P0}from"react/jsx-runtime";import{jsx as _0}from"react/jsx-runtime";import{jsx as G0,jsxs as V0}from"react/jsx-runtime";import{jsx as Y0,jsxs as Z0}from"react/jsx-runtime";import{jsx as zt,jsxs as Rb}from"react/jsx-runtime";var Tb=de.states,Ob=de.defaultOptions,Bb=de.options,Pb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],wb=[],Go=e=>{let{modifiers:t,...o}=e,a={},n=zt(R,{style:{width:300},size:o.size,children:Rb(H,{children:[zt(O,{children:"List item"}),zt(O,{children:"List item"}),zt(O,{children:"List item"})]})});return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?zt(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?zt(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}}),zt("div",{children:zt(np,{value:"Value",style:{width:300},...o,...a})})};Go.options=Bb;Go.states=Tb;Go.variants=wb;Go.defaultOptions=Ob;Go.modifiers=Pb;Go.className=de.className;var ns="menu-button",rp=ns;import{jsx as Db}from"react/jsx-runtime";var sp="k-menu-button",Kb=[s.hover,s.focus,s.active,s.selected,s.disabled],_b={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]},rs={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=rs.showArrow,arrowIconName:L=rs.arrowIconName,expanded:k,...y}=e;return Db(l,{...y,className:r(e.className,sp),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=Kb;D.options=_b;D.className=sp;D.defaultOptions=rs;D.moduleName=ns;D.folderName=rp;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 TD}from"react/jsx-runtime";import{jsx as wD}from"react/jsx-runtime";import{jsx as DD}from"react/jsx-runtime";var De="menu",je=De;import{jsx as Ra,jsxs as ip}from"react/jsx-runtime";var ss="k-menu-item",Hb=[s.hover,s.focus,s.active,s.selected,s.disabled],zb={},lp={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=lp.iconPosition,dir:L,children:k,expanded:y,...C}=e,M=N;return M||(M=L==="rtl"?"chevron-left":"chevron-right"),ip("li",{...C,className:r(e.className,ss,"k-item",S(ss,{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:[ip("span",{className:r("k-link k-menu-link"),children:[p&&m==="before"&&Ra(v,{className:"k-menu-link-icon",icon:p}),Ra("span",{className:"k-menu-link-text",children:c}),p&&m==="after"&&Ra(v,{className:"k-menu-link-icon",icon:p}),x&&Ra("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ra(v,{icon:M})})]}),k]})};ce.states=Hb;ce.options=zb;ce.className=ss;ce.defaultOptions=lp;ce.moduleName=De;ce.folderName=je;import{jsx as Ka,jsxs as pp}from"react/jsx-runtime";var is="k-menu-item",Ub=[s.hover,s.focus,s.active,s.selected,s.disabled],Fb={},ls={dir:"ltr",iconPosition:"before"},q=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=ls.iconPosition,dir:L=ls.dir,children:k,popup:y,expanded:C,...M}=e,I=N;return I||(I=L==="rtl"?"chevron-left":"chevron-right"),pp("li",{...M,className:r(e.className,is,"k-item",S(is,{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:[pp("span",{className:r("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[p&&m==="before"&&Ka(v,{className:"k-menu-link-icon",icon:p}),Ka("span",{className:"k-menu-link-text",children:c}),p&&m==="after"&&Ka(v,{className:"k-menu-link-icon",icon:p}),x&&Ka("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ka(v,{icon:I})})]}),k,y]})};q.states=Ub;q.options=Fb;q.className=is;q.defaultOptions=ls;q.moduleName=De;q.folderName=je;import{jsx as Xb}from"react/jsx-runtime";var dp="k-menu-scroll-wrapper",Gb=[],Vb={},$b={},ao=e=>{let{className:t,children:o,orientation:a,...n}=e;return Xb("div",{...n,className:r(t,dp,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ao.states=Gb;ao.options=Vb;ao.className=dp;ao.defaultOptions=$b;ao.moduleName=De;ao.folderName=je;var cp=ao;import{Fragment as ps,jsx as no,jsxs as kn}from"react/jsx-runtime";var ds="k-menu",qb=[],Wb={},Ln={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=Ln.orientation,header:a=Ln.header,scrollable:n,scrollButtonsPosition:i=Ln.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=no("ul",{dir:c,...x,className:r(e.className,"k-reset",ds,{[`${ds}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return kn(ps,{children:[n?kn(cp,{orientation:o,style:p,dir:e.dir,children:[i==="start"&&kn(ps,{children:[no(l,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),no(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"&&no(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"&&kn(ps,{children:[no(l,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),no(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"&&no(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=qb;re.options=Wb;re.className=ds;re.defaultOptions=Ln;re.moduleName=De;re.folderName=je;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 Jb}from"react/jsx-runtime";var cs="k-separator",mp={orientation:"horizontal"},Vo=e=>{let{orientation:t=mp.orientation,...o}=e;return Jb("li",{...o,className:r(e.className,"k-item",cs,{[`${cs}-${t}`]:t}),role:"separator"})};Vo.className=cs;Vo.defaultOptions=mp;Vo.moduleName=De;Vo.folderName=je;import{Fragment as uH,jsx as fH}from"react/jsx-runtime";import{jsx as jb}from"react/jsx-runtime";var ms="k-menu-group",Yb=[],Zb={size:[d.undefined,d.small,d.medium,d.large]},Qb={},me=e=>{let{children:t,size:o,...a}=e;return jb("ul",{...a,className:r(e.className,ms,A(ms,{size:o})),role:"menu",children:t})};me.states=Yb;me.options=Zb;me.className=ms;me.defaultOptions=Qb;me.moduleName=De;me.folderName=je;import{Fragment as eh,jsx as $o,jsxs as th}from"react/jsx-runtime";var us=e=>$o(re,{children:th(eh,{children:[$o(ce,{first:!0,text:"Item 1"}),$o(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),$o(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),$o(ce,{text:"Item 4"}),$o(ce,{last:!0,text:"Item 5"})]}),...e});import{Fragment as EH,jsx as AH,jsxs as CH}from"react/jsx-runtime";import{Fragment as PH,jsx as BH,jsxs as wH}from"react/jsx-runtime";import{Fragment as HH,jsx as DH,jsxs as zH}from"react/jsx-runtime";import{Fragment as $H,jsx as VH,jsxs as XH}from"react/jsx-runtime";import{jsx as ro,jsxs as sh}from"react/jsx-runtime";var oh={...re.options,scrollable:{type:"boolean"}},ah=re.states,up={...re.defaultOptions,variant:"horizontal"},nh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],rh=[{name:"opened",title:"Opened"}],Xo=e=>{let{variant:t,modifiers:o,...a}={...up,...e},n={};return Object.keys(o||{}).forEach(i=>{i==="opened"&&(n.opened=!!o?.[i],n.popup=ro($,{className:"k-menu-popup",children:sh(me,{children:[ro(q,{text:"Item 1"}),ro(q,{text:"Item 2"}),ro(Vo,{}),ro(q,{text:"Item 3"})]})}))}),t==="vertical"?ro(us,{...a,...n,orientation:"vertical",style:{width:"200px"}}):ro(us,{...a,...n})};Xo.options=oh;Xo.states=ah;Xo.variants=nh;Xo.defaultOptions=up;Xo.modifiers=rh;Xo.className=re.className;import{Fragment as S1,jsx as L1,jsxs as M1}from"react/jsx-runtime";import{jsx as E1}from"react/jsx-runtime";import{Fragment as ch,jsx as ht,jsxs as fp}from"react/jsx-runtime";var ih=l.states,bp={...l.defaultOptions,variant:"text"},lh=l.options,ph=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],dh=[{name:"opened",title:"Opened"}],qo=e=>{let{variant:t,modifiers:o,...a}={...bp,...e},n={},i=ht($,{className:"k-menu-popup",children:fp(me,{size:a.size,children:[ht(q,{first:!0,text:"Menu Item"}),ht(q,{text:"Menu Item"}),ht(q,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=ht("div",{children:ht(D,{...a,...n,icon:"star"})});break;case"icon-and-text":p=ht("div",{children:ht(D,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:p=ht("div",{children:ht(D,{...a,...n,children:"Dropdown Button"})});break}return fp(ch,{children:[p,o?.opened&&i]})};qo.options=lh;qo.states=ih;qo.variants=ph;qo.defaultOptions=bp;qo.modifiers=dh;qo.className=D.className;var fs="split-button",hp=fs;import{Fragment as fh,jsx as bs,jsxs as xp}from"react/jsx-runtime";var hs="k-split-button",mh=[s.hover,s.focus,s.active,s.selected,s.disabled],uh={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]},gp={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=gp.arrowIconName,popup:L,opened:k,popupId:y,...C}=e;return xp(fh,{children:[xp("div",{...C,className:r(e.className,hs,"k-button-group",A(hs,{rounded:o})),children:[bs(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}),bs(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&&bs($,{className:"k-menu-popup",children:L})]})};P.states=mh;P.options=uh;P.className=hs;P.defaultOptions=gp;P.moduleName=fs;P.folderName=hp;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 xs=P;import{jsx as hh}from"react/jsx-runtime";var bh="k-toolbar-separator",rt=e=>hh("div",{className:r(bh,e.className,"k-separator")});var At="toolbar",Ut=At;import{Fragment as gs,jsx as K,jsxs as Wo}from"react/jsx-runtime";var Ct="k-toolbar",xh=[s.focus],gh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Nh={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===xa)k.push(K(xa,{...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===xs)k.push(K(xs,{...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===Ke?k.push(K(Ke,{...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)}),Wo("div",{...f,className:r(e.className,Ct,A(Ct,{size:t,fillMode:o}),S(Ct,{focus:a}),{[`${Ct}-resizable`]:n,[`${Ct}-scrollable`]:i,[`${Ct}-scrollable-overlay`]:i&&p==="hidden",[`${Ct}-scrollable-${c}`]:c&&c!=="both",[`${Ct}-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"&&Wo(gs,{children:[Wo(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(rt,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x})]}),i&&p==="end"&&Wo(gs,{children:[K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),K(rt,{className:"k-toolbar-button-separator"}),Wo(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)&&Wo(gs,{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(rt,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),K(rt,{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=xh;z.options=gh;z.className=Ct;z.defaultOptions=Nh;z.moduleName=At;z.folderName=Ut;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 Mh}from"react/jsx-runtime";var Np="k-floating-toolbar",vh=[],kh={},Lh={},Jo=e=>{let{...t}=e;return Mh("div",{...t,className:r(e.className,Np),children:e.children})};Jo.states=vh;Jo.options=kh;Jo.className=Np;Jo.defaultOptions=Lh;Jo.moduleName=At;Jo.folderName=Ut;import{jsx as Ch}from"react/jsx-runtime";var Ns="k-toolbar-item",Sh=[s.focus],yh={},Ah={},Yo=e=>{let{focus:t,...o}=e;return Ch("div",{...o,className:r(e.className,Ns,S(Ns,{focus:t})),children:e.children})};Yo.states=Sh;Yo.options=yh;Yo.className=Ns;Yo.defaultOptions=Ah;Yo.moduleName=At;Yo.folderName=Ut;import{jsx as vp}from"react/jsx-runtime";var kp="k-toolbar-popup",Eh=[],Ih={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Th={},so=e=>{let{size:t,fillMode:o,section:a,...n}=e;return vp($,{...n,className:r(e.className,kp),children:a?vp("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};so.states=Eh;so.options=Ih;so.className=kp;so.defaultOptions=Th;so.moduleName=At;so.folderName=Ut;var Mn=so;import{jsx as Oz}from"react/jsx-runtime";import{jsx as Rz}from"react/jsx-runtime";import{jsx as Hz}from"react/jsx-runtime";import{jsx as $z,jsxs as Xz}from"react/jsx-runtime";import{jsx as Yz}from"react/jsx-runtime";import{jsx as Et,jsxs as Rh}from"react/jsx-runtime";var Oh=P.states,Lp={...P.defaultOptions,variant:"text"},Bh=P.options,Ph=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],wh=[{name:"opened",title:"Opened"}],Zo=e=>{let{variant:t,modifiers:o,...a}={...Lp,...e},n={},i=Rh(me,{size:a.size,children:[Et(q,{first:!0,text:"Menu Item"}),Et(q,{text:"Menu Item"}),Et(q,{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 Et("div",{children:Et(P,{...a,...n,icon:"star"})});case"icon-and-text":return Et("div",{children:Et(P,{...a,...n,icon:"star",children:"Split Button"})});default:return Et("div",{children:Et(P,{...a,...n,children:"Split Button"})})}};Zo.options=Bh;Zo.states=Oh;Zo.variants=Ph;Zo.defaultOptions=Lp;Zo.modifiers=wh;Zo.className=P.className;import{jsx as io,jsxs as Kh}from"react/jsx-runtime";var Mp=e=>io(z,{children:[io(l,{children:"Button"},"toolbar-button"),io(D,{text:"Menu button"},"toolbar-menu-button"),io(P,{children:"Split button"},"toolbar-split-button"),Kh(T,{children:[io(l,{className:"k-group-start",icon:"align-left",children:"Left"}),io(l,{icon:"align-center",children:"Center"}),io(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as y2,jsxs as A2}from"react/jsx-runtime";import{jsx as He,jsxs as Sp}from"react/jsx-runtime";var yp=e=>He(z,{scrollable:!0,...e,children:[He(l,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(P,{children:"Split button"},"toolbar-split-button"),Sp(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"),Sp(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")],...e});import{jsx as ze,jsxs as Ap}from"react/jsx-runtime";var Cp=({scrollingPosition:e="start",...t})=>ze(z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[ze(l,{children:"Button"},"toolbar-button"),ze(D,{text:"Menu button"},"toolbar-menu-button"),ze(P,{children:"Split button"},"toolbar-split-button"),Ap(T,{children:[ze(l,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(l,{icon:"align-center",children:"Center"}),ze(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ze(l,{children:"Button"},"toolbar-button"),ze(D,{text:"Menu button"},"toolbar-menu-button"),ze(P,{children:"Split button"},"toolbar-split-button"),Ap(T,{children:[ze(l,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(l,{icon:"align-center",children:"Center"}),ze(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as _h,jsx as Te,jsxs as Sn}from"react/jsx-runtime";var Ep=({fillMode:e,size:t,...o})=>Sn(_h,{children:[Te(z,{section:!0,fillMode:e,size:t,children:[Te(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Sn(T,{fillMode:e,children:[Te(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Te(rt,{className:"k-toolbar-button-separator"}),Te(l,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Sn(Mn,{size:t,fillMode:e,section:!0,...o,children:[Te(P,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Te(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Te(rt,{}),Te(D,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Sn(T,{fillMode:e,children:[Te(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as rU,jsx as aU,jsxs as nU}from"react/jsx-runtime";import{Fragment as hU,jsx as fU,jsxs as bU}from"react/jsx-runtime";import{jsx as Ft}from"react/jsx-runtime";var Dh=z.options,Hh=z.states,Ip={...z.defaultOptions,variant:"default"},zh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Uh=[],Qo=e=>{let{variant:t,...o}={...Ip,...e};switch(t){case"responsive":return Ft("div",{children:Ft(Ep,{style:{width:"583px"},...o})});case"overlay":return Ft("div",{children:Ft(Cp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ft("div",{children:Ft(yp,{style:{width:"583px"},...o})});default:return Ft("div",{children:Ft(Mp,{style:{width:"583px"},...o})})}};Qo.options=Dh;Qo.states=Hh;Qo.variants=zh;Qo.defaultOptions=Ip;Qo.modifiers=Uh;Qo.className=z.className;import{Fragment as $h,jsx as st,jsxs as _a}from"react/jsx-runtime";var Tp="k-message",Fh=[s.hover,s.selected,s.active,s.focus],Gh={},Vh=[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"})],jo={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Vh,failed:"Failed to send"},U=e=>{let{time:t=jo.time,text:o=jo.text,content:a,status:n=jo.status,statusIcon:i,toolbarItems:p=jo.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,X=M===!0?jo.failed:M;return _a("div",{...I,className:r(Tp,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(Op,{typing:m,selected:u,hover:c,active:f,focus:x,content:_a($h,{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:X})]})]}),N&&st(z,{className:"k-chat-message-toolbar",fillMode:"flat",children:p})]})};U.states=Fh;U.options=Gh;U.className=Tp;U.defaultOptions=jo;var vs="avatar",Bp=vs;import{jsx as Pp}from"react/jsx-runtime";var Da="k-avatar";var Xh=[s.hover,s.focus,s.active,s.selected,s.disabled],qh={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]},ks={type:"text",border:!1},ue=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=ks.type,border:p=ks.border,...c}=e;return Pp("div",{...c,className:r(e.className,Da,A(Da,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Da}-bordered`]:p}),children:Pp("span",{className:`${Da}-${i}`,children:e.children})})};ue.states=Xh;ue.options=qh;ue.className=Da;ue.defaultOptions=ks;ue.moduleName=vs;ue.folderName=Bp;ue.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var lo=ue;import{jsx as Wh}from"react/jsx-runtime";var wp=e=>Wh(lo,{type:"icon",...e});import{jsx as Jh}from"react/jsx-runtime";var Rp=e=>Jh(lo,{type:"text",...e});import{jsx as Yh}from"react/jsx-runtime";var yn=e=>Yh(lo,{type:"image",...e});import{jsx as p3}from"react/jsx-runtime";import{jsx as Ha}from"react/jsx-runtime";var Zh=ue.options,Qh=ue.states,jh={...ue.defaultOptions,variant:"image"},ex=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],tx=[],ea=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ha(wp,{...o,children:Ha(v,{icon:"star"})});case"text":return Ha(Rp,{...o,children:"JO"});default:return Ha(yn,{...o,children:Ha("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};ea.options=Zh;ea.states=Qh;ea.variants=ex;ea.defaultOptions=jh;ea.modifiers=tx;ea.className=ue.className;import{jsx as ta,jsxs as Ls}from"react/jsx-runtime";var za="k-message-group",ox=[s.selected],ax={},An={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},F=e=>{let{type:t=An.type,author:o=An.author,avatar:a=An.avatar,status:n,selected:i,fullWidth:p,...c}=e;return Ls("div",{...c,className:r(za,e.className,S(za,{selected:i}),{[`${za}-${t}`]:t,"k-no-avatar":!a,[`${za}-full-width`]:p}),children:[a&&!n&&ta(ue,{type:"image",children:ta("img",{src:a,alt:o||""})}),n&&a&&Ls("div",{className:"k-chat-user-status-wrapper",children:[ta(ue,{type:"image",children:ta("img",{src:a,alt:o||""})}),ta("div",{className:"k-chat-user-status"})]}),Ls("div",{className:"k-message-group-content",children:[o&&ta("span",{className:"k-message-author",children:o}),e.children]})]})};F.states=ox;F.options=ax;F.className=za;F.defaultOptions=An;import{Fragment as rx,jsx as Cn,jsxs as Kp}from"react/jsx-runtime";var Ms="k-message-reference",nx={},_p={type:"receiver"},oa=e=>{let{content:t,closeable:o,pinned:a,type:n=_p.type,...i}=e;return Kp("div",{...i,className:r(Ms,e.className,{[`${Ms}-${n}`]:n,"k-message-pinned":a}),children:[a&&Cn(v,{icon:"pin"}),Cn("div",{className:"k-message-reference-content",children:t}),o&&Kp(rx,{children:[Cn("span",{className:"k-spacer"}),Cn(l,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};oa.options=nx;oa.className=Ms;oa.defaultOptions=_p;var Ss="bubble",Dp=Ss;import{jsx as En,jsxs as ix}from"react/jsx-runtime";var ys="k-bubble",sx=[s.hover,s.active,s.selected,s.focus],As={expandable:!1,expanded:!1},Gt=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:p=As.expandable,expanded:c=As.expanded,...u}=e;return ix("div",{...u,className:r(e.className,ys,S(ys,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":p},{"k-expanded":c}),tabIndex:0,children:[En("div",{className:"k-bubble-content",children:t??e.children}),p&&En("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":c?"Show less":"Show more",tabIndex:0,children:c?En(v,{icon:"chevron-up"}):En(v,{icon:"chevron-down"})})]})};Gt.states=sx;Gt.className=ys;Gt.defaultOptions=As;Gt.moduleName=Ss;Gt.folderName=Dp;Gt.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 G3}from"react/jsx-runtime";import{jsx as q3}from"react/jsx-runtime";import{jsx as Z3}from"react/jsx-runtime";import{jsx as Cs,jsxs as zp}from"react/jsx-runtime";var lx="k-chat-bubble",Op=e=>{let{typing:t,content:o,files:a,...n}=e;return zp(Gt,{...n,className:r(e.className,lx),children:[t?zp("div",{className:"k-typing-indicator",tabIndex:-1,children:[Cs("span",{}),Cs("span",{}),Cs("span",{})]}):o,a]})};import{jsx as mF}from"react/jsx-runtime";import{jsx as Up,jsxs as px}from"react/jsx-runtime";var Fp="k-chat-event",Es={icon:"trash",text:"You deleted Chat history."},Gp=e=>{let{icon:t=Es.icon,text:o=Es.text,...a}=e;return px("div",{...a,className:r(e.className,Fp),children:[t&&Up(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&Up("span",{className:"k-chat-event-text",children:o})]})};Gp.className=Fp;Gp.defaultOptions=Es;import{jsx as LF}from"react/jsx-runtime";import{Fragment as dx,jsx as xt,jsxs as cx}from"react/jsx-runtime";var Vp=e=>xt(G,{children:cx(dx,{children:[xt("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),xt(F,{children:xt(U,{})}),xt(F,{type:"sender",children:xt(U,{})}),xt(F,{children:xt(U,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),xt(F,{type:"sender",children:xt(U,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as $p}from"react/jsx-runtime";var In="k-file-box-wrapper",Xp={layout:"horizontal"},gt=e=>{let{layout:t=Xp.layout,scrollingPosition:o,...a}=e;return $p("ul",{role:"list","aria-label":"Attached files",...a,className:r(e.className,In,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${In}-scrollable-start`]:t==="horizontal"&&(o==="start"||o==="both"),[`${In}-scrollable-end`]:t==="horizontal"&&(o==="end"||o==="both")}),children:t==="horizontal"?$p("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};gt.className=In;gt.defaultOptions=Xp;var Is="file-box",qp=Is;import{jsx as aa,jsxs as Wp}from"react/jsx-runtime";var Jp="k-file-box",mx=[s.selected],ux={},Ua={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Ae=e=>{let{icon:t=Ua.icon,name:o=Ua.name,size:a=Ua.size,status:n,deleted:i,removeButton:p,showButton:c=Ua.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return Wp("li",{role:"listitem",tabIndex:0,"aria-label":f||void 0,...u,className:r(Jp,e.className,{"k-file-deleted":i}),children:[aa(v,{icon:t,size:"xlarge","aria-hidden":"true"}),Wp("div",{className:"k-file-info",children:[o&&aa("span",{className:"k-file-name",children:o}),a&&aa("span",{className:"k-file-size",children:a}),n&&aa("span",{className:"k-file-status",children:n})]}),c&&(p?aa(l,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):aa(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Ae.states=mx;Ae.options=ux;Ae.className=Jp;Ae.defaultOptions=Ua;Ae.moduleName=Is;Ae.folderName=qp;Ae.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 UF}from"react/jsx-runtime";import{jsx as XF}from"react/jsx-runtime";import{jsx as ZF,jsxs as QF}from"react/jsx-runtime";import{jsx as a5,jsxs as n5}from"react/jsx-runtime";import{jsx as p5}from"react/jsx-runtime";import{Fragment as M5,jsx as L5,jsxs as S5}from"react/jsx-runtime";import{Fragment as I5,jsx as E5,jsxs as T5}from"react/jsx-runtime";var Ts="skeleton",Yp=Ts;import{jsx as xx}from"react/jsx-runtime";var Os="k-skeleton",fx=["circle","text","rect"],bx=[],hx={},Bs={variant:"text",shape:"text",animation:"pulse"},it=e=>{let{variant:t,shape:o,animation:a=Bs.animation,...n}=e,i=`skeleton-${t||o||Bs.variant}`;return xx("span",{...n,className:r(e.className,Os,Wa(Os,i),{[`k-skeleton-${a}`]:a}),style:e.style})};it.states=bx;it.options=hx;it.variants=fx;it.className=Os;it.defaultOptions=Bs;it.moduleName=Ts;it.folderName=Yp;it.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as H5}from"react/jsx-runtime";import{jsx as G5}from"react/jsx-runtime";import{jsx as q5}from"react/jsx-runtime";import{Fragment as iG,jsx as rG,jsxs as sG}from"react/jsx-runtime";import{Fragment as mG,jsx as cG,jsxs as uG}from"react/jsx-runtime";import{jsx as xG}from"react/jsx-runtime";import{Fragment as LG,jsx as kG,jsxs as MG}from"react/jsx-runtime";import{Fragment as EG,jsx as CG,jsxs as IG}from"react/jsx-runtime";import{Fragment as wG,jsx as PG,jsxs as RG}from"react/jsx-runtime";import{Fragment as zG,jsx as HG}from"react/jsx-runtime";var Ps="appbar",Zp=Ps;import{jsx as kx}from"react/jsx-runtime";var ws="k-appbar",gx=[],Nx={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.inverse]},vx={},fe=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return kx("div",{...n,className:r(e.className,ws,A(ws,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};fe.states=gx;fe.options=Nx;fe.className=ws;fe.defaultOptions=vx;fe.moduleName=Ps;fe.folderName=Zp;fe.ariaSpec={selector:".k-appbar",rules:[]};import{jsx as Mx}from"react/jsx-runtime";var Lx="k-appbar-section",Nt=e=>{let{...t}=e;return Mx("div",{...t,className:r(Lx,e.className),children:e.children})};import{Fragment as t6,jsx as jG,jsxs as e6}from"react/jsx-runtime";import{jsx as ee,jsxs as na}from"react/jsx-runtime";var Rs={...fe.options,positionMode:["static","sticky","fixed"]},Sx=fe.states,Qp={...fe.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};Rs.themeColor=["primary",...Rs.themeColor.filter(e=>e!=="primary")];var yx=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],ra=e=>{let{variant:t,...o}={...Qp,...e},a=na(fe,{position:t,...o,children:[ee(Nt,{children:ee(se,{fillMode:"flat",icon:"menu"})}),ee("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),ee(Nt,{children:ee("h3",{className:"k-m-0",children:"AppBar"})}),ee("span",{className:"k-spacer"}),na(Nt,{children:[ee(at,{fillMode:"flat",children:"Button"}),ee(at,{fillMode:"flat",children:"Button"}),ee(at,{fillMode:"flat",children:"Button"})]}),ee("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),ee(Nt,{children:ee(sn,{value:"Input value"})}),na(Nt,{children:[ee(se,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),ee("span",{className:"k-appbar-separator"}),ee(yn,{className:"k-mx-sm",children:ee("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=na("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"?na("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):na("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};ra.options=Rs;ra.states=Sx;ra.variants=yx;ra.defaultOptions=Qp;ra.modifiers=[];ra.className=fe.className;var Ks="suggestion",jp=Ks;import{jsx as Tn,jsxs as Ex}from"react/jsx-runtime";var On="k-suggestion-group",Ax=[],Cx={},ed={layout:"scrollable",scrollingPosition:"start"},et=e=>{let{layout:t=ed.layout,scrollingPosition:o,...a}=e,n=Tn("div",{...a,className:r(On,{"k-suggestion-group-scrollable":t=="scrollable",[`${On}-scrollable-start`]:o==="start"||o==="both",[`${On}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?Tn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Ex("div",{className:"k-suggestion-scrollwrap",children:[Tn(l,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Tn(l,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};et.states=Ax;et.options=Cx;et.className=On;et.defaultOptions=ed;et.moduleName=Ks;et.folderName=jp;import{jsx as Bx}from"react/jsx-runtime";var Bn="k-suggestion",Ix=[s.active,s.hover,s.focus],Tx={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},Ox={text:"Suggestion"},tt=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...p}=e;return Bx("span",{...p,className:r(e.className,Bn,S(Bn,{hover:a,active:o,focus:n}),A(Bn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};tt.states=Ix;tt.options=Tx;tt.className=Bn;tt.item=Ox;import{Fragment as E6,jsx as C6,jsxs as I6}from"react/jsx-runtime";import{Fragment as w6,jsx as P6,jsxs as R6}from"react/jsx-runtime";import{Fragment as z6,jsx as H6,jsxs as U6}from"react/jsx-runtime";import{Fragment as Dx,jsx as te,jsxs as Pn}from"react/jsx-runtime";var Px=G.states,wx=G.defaultOptions,Rx=G.options,Kx=[{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"}],_x=[],sa=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Pn(fe,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[te("span",{className:"k-spacer k-spacer-sized k-w-1"}),te(Nt,{children:te("span",{children:"Chat with demo bot"})}),te("span",{className:"k-spacer"}),te(Nt,{children:te(l,{fillMode:"flat",icon:"more-vertical"})})]}),i=te(oa,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),p=Pn(et,{children:[te(tt,{text:"Provide a CV template"}),te(tt,{text:"Generate a cover letter"})]}),c=Pn(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(Dx,{});break;default:break}});let{header:m,pinned:L,suggestedActions:k,author:y,avatar:C,quickReplies:M}=a;return Pn(Vp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:k,children:[te(F,{avatar:f,author:y?N:null,children:te(U,{text:"Hello, this is a demo bot. How can I help you ?"})}),te(F,{avatar:C?u:null,author:y?x:null,type:"sender",children:te(U,{text:"Hello! Generate a cover letter."})}),te(F,{avatar:f,author:y?N:null,children:te(U,{text:"Sure. Here is a cover letter template",files:te(gt,{children:te(Ae,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),M]})};sa.options=Rx;sa.states=Px;sa.variants=_x;sa.defaultOptions=wx;sa.modifiers=Kx;sa.className=G.className;var _s="window",td=_s;import{jsx as Fx}from"react/jsx-runtime";var od="k-window-content",Hx=[],zx={},Ux={},Vt=e=>{let{children:t,...o}=e;return Fx("div",{...o,className:r(od,e.className),children:t})};Vt.states=Hx;Vt.options=zx;Vt.className=od;Vt.defaultOptions=Ux;Vt.moduleName=_s;Vt.folderName=td;var Fa="dialog",wn=Fa;import{Fragment as $x,jsx as po,jsxs as Ds}from"react/jsx-runtime";var ad="k-dialog",Gx=[],Vx={},Hs={actionButtonsAlign:"stretched",modal:!0},Ce=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Hs.actionButtonsAlign,modal:i=Hs.modal,...p}=e,c=t!==void 0?w("dialog-titlebar"):void 0,u=w("dialog-content");return Ds("div",{className:"k-dialog-wrapper",children:[i&&po(ut,{}),Ds("div",{...p,className:r(e.className,ad,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0||o)&&Ds("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&po("span",{className:"k-window-title k-dialog-title",children:t}),o&&po($x,{children:po("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>po(l,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),po(Vt,{className:"k-dialog-content",id:u,children:e.children}),a&&po(Re,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};Ce.states=Gx;Ce.options=Vx;Ce.className=ad;Ce.defaultOptions=Hs;Ce.moduleName=Fa;Ce.folderName=wn;Ce.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 zs=Ce;import{jsx as Jx}from"react/jsx-runtime";var nd="k-dialog-wrapper",Xx=[],qx={},Wx={},ia=e=>{let{...t}=e;return Jx("div",{...t,className:r(e.className,nd),children:e.children})};ia.states=Xx;ia.options=qx;ia.className=nd;ia.defaultOptions=Wx;ia.moduleName=Fa;ia.folderName=wn;import{Fragment as rd,jsx as Rn,jsxs as Yx}from"react/jsx-runtime";var sd=e=>Rn(zs,{title:"Title",children:Rn(rd,{children:"Dialog content"}),actionButtons:Yx(rd,{children:[Rn(l,{children:"Action"}),Rn(l,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as j7,jsx as e9,jsxs as t9}from"react/jsx-runtime";import{Fragment as og,jsx as Kn,jsxs as ag}from"react/jsx-runtime";var Zx=Ce.options,Qx=[],jx=Ce.states,eg=Ce.defaultOptions,tg=[],la=e=>Kn(sd,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:ag(og,{children:[Kn(l,{children:"No"}),Kn(l,{themeColor:"primary",children:"Yes"})]}),children:Kn("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});la.options=Zx;la.states=jx;la.variants=Qx;la.defaultOptions=eg;la.modifiers=tg;la.className=Ce.className;var Us="dropzone",id=Us;import{jsx as _n,jsxs as sg}from"react/jsx-runtime";var Fs="k-external-dropzone",ng=[s.disabled,s.hover],rg={},Gs={icon:"upload",hint:"Drag and drop files here to upload"},be=e=>{let{hover:t,disabled:o,icon:a=Gs.icon,hint:n=Gs.hint,note:i,...p}=e;return _n("div",{...p,className:r(e.className,Fs,S(Fs,{disabled:o}),{"k-external-dropzone-hover":t}),children:sg("div",{className:"k-dropzone-inner",children:[a&&_n(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&_n("span",{className:"k-dropzone-hint",children:n}),i&&_n("span",{className:"k-dropzone-note",children:i})]})})};be.states=ng;be.options=rg;be.className=Fs;be.defaultOptions=Gs;be.moduleName=Us;be.folderName=id;import{jsx as ig}from"react/jsx-runtime";var ld=e=>ig(be,{...e});import{jsx as A9}from"react/jsx-runtime";import{jsx as ug}from"react/jsx-runtime";var lg=be.options,pg=be.states,dg=be.defaultOptions,cg=[{name:"note",title:"Note"}],mg=[],pa=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)}),ug(ld,{style:{width:"500px"},...o,...a})};pa.options=lg;pa.states=pg;pa.variants=mg;pa.defaultOptions=dg;pa.modifiers=cg;pa.className=be.className;import{Fragment as Dn,jsx as $t,jsxs as Ga}from"react/jsx-runtime";var Vs="k-upload-dropzone",fg=[s.hover],Hn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...p}=e,c;switch(o){case"uploading":c=Ga(Dn,{children:[$t(v,{icon:"upload"}),"Uploading..."]});break;case"done":c=Ga(Dn,{children:[$t(v,{icon:"check"}),"Done"]});break;case"failed":c=Ga(Dn,{children:[$t(v,{icon:"exclamation-circle"}),"Done"]});break;default:c=$t(Dn,{});break}return Ga("div",{...p,className:r(e.className,Vs,"k-dropzone",S(Vs,{hover:t})),children:[Ga("div",{className:"k-upload-button-wrap",children:[$t(l,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),$t("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),$t("span",{className:r("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&$t("span",{className:"k-upload-status",children:c})]})};Hn.states=fg;Hn.className=Vs;var $s="upload",pd=$s;import{jsx as zn,jsxs as cd}from"react/jsx-runtime";var Xs="k-upload",bg=[s.hover,s.disabled],hg={},md={actionsLayout:"end"},dd="upload-files-list",Y=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=md.actionsLayout,hover:i,status:p,disabled:c,...u}=e,f=!!e.children;return cd("div",{...u,className:r(e.className,Xs,S(Xs,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[zn(Hn,{status:p,hover:i,disabled:c,hasFiles:f,filesId:dd}),f&&zn("ul",{className:"k-upload-files",role:"list",id:dd,children:e.children}),a&&f&&cd(qi,{alignment:n,orientation:"horizontal",children:[zn(l,{className:"k-clear-selected",children:"Clear"}),zn(l,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};Y.states=bg;Y.options=hg;Y.className=Xs;Y.defaultOptions=md;Y.moduleName=$s;Y.folderName=pd;Y.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 Va="progressbar",Un=Va;import{jsx as Ws,jsxs as qs}from"react/jsx-runtime";var ot="k-progressbar",xg=[s.disabled,s.indeterminate],gg={orientation:["horizontal","vertical"]},co={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},he=e=>{let{disabled:t,height:o,indeterminate:a=co.indeterminate,label:n=co.label,labelPosition:i=co.labelPosition,orientation:p=co.orientation,reverse:c=co.reverse,value:u=co.value,width:f,style:x,ariaLabel:N,...m}=e;return qs("div",{...m,className:r(e.className,ot,S(ot,{disabled:t}),{[`${ot}-${p}`]:p,[`${ot}-indeterminate`]:a,[`${ot}-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:[Ws("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&qs("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Ws("div",{className:"k-progressbar-value k-selected",children:Ws("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&qs("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};he.states=xg;he.options=gg;he.className=ot;he.defaultOptions=co;he.moduleName=Va;he.folderName=Un;he.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 ud=he;import{jsx as Js}from"react/jsx-runtime";var fd="k-chunk-progressbar",Ng=(e,t)=>t<=e-1,vg=[s.disabled,s.indeterminate],kg={},Fn={chunkCount:5,orientation:"horizontal",progress:0},mo=e=>{let{disabled:t,chunkCount:o=Fn.chunkCount,indeterminate:a,orientation:n=Fn.orientation,progress:i=Fn.progress,reverse:p,ariaLabel:c,...u}=e;return Js("div",{...u,className:r(e.className,ot,fd,S(ot,{disabled:t}),{[`${ot}-${n}`]:n,[`${ot}-indeterminate`]:a,[`${ot}-reverse`]:p}),role:"progressbar","aria-label":c||"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Js("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,x)=>Js("li",{className:r("k-progressbar-chunk",{"k-first":x===0,"k-last":x===[...Array(o)].length-1,"k-selected":Ng(i,x)})},x))})})};mo.states=vg;mo.options=kg;mo.className=fd;mo.defaultOptions=Fn;mo.moduleName=Va;mo.folderName=Un;mo.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 Lg}from"react/jsx-runtime";var $a=e=>Lg(ud,{...e});import{jsx as u4}from"react/jsx-runtime";import{jsx as Xt}from"react/jsx-runtime";var Mg=he.options,Sg=he.states,bd={...he.defaultOptions,variant:"start"},yg=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Ag=[],da=e=>{let{variant:t,modifiers:o,...a}={...bd,...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 Xt("div",{...i,children:Xt($a,{...a,...n,labelPosition:"end",value:"50"})});case"center":return Xt("div",{...i,children:Xt($a,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return Xt("div",{...i,children:Xt($a,{...a,...n,label:!1,value:"50"})});default:return Xt("div",{...i,children:Xt($a,{...a,...n,labelPosition:"start",value:"50"})})}};da.options=Mg;da.states=Sg;da.variants=yg;da.defaultOptions=bd;da.modifiers=Ag;da.className=he.className;import{jsx as Ys,jsxs as Eg}from"react/jsx-runtime";var Cg="k-file-info",Zs=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return Eg("div",{...n,className:r(e.className,Cg),children:[t&&Ys("span",{className:"k-file-name",children:t}),o&&Ys("span",{className:"k-file-size",children:o}),a&&Ys("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as Tg,jsx as It,jsxs as Gn}from"react/jsx-runtime";var Ig="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:p,validationMsg:c,...u}=e;return It("li",{...u,className:r(e.className,Ig,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Gn("div",{className:"k-file-single",children:[It(he,{className:r({"k-hidden":t!=="progress"}),value:o,label:!1}),Gn("span",{className:"k-file-icon-wrapper",children:[It(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),p&&It("span",{className:"k-file-state",children:p})]}),It(Zs,{name:a,size:i,validationMsg:c}),It("div",{className:"k-upload-actions",children:t==="progress"?Gn(Tg,{children:[Gn("span",{className:"k-upload-pct",children:[o,"%"]}),It(l,{icon:"pause-sm",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),It(l,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):It(l,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as G4,jsx as U4,jsxs as F4}from"react/jsx-runtime";import{Fragment as Og,jsx as Qs,jsxs as Bg}from"react/jsx-runtime";var Xa=e=>Qs(Y,{async:!0,children:Bg(Og,{children:[Qs(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),Qs(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as j4,jsx as Z4,jsxs as Q4}from"react/jsx-runtime";import{jsx as Pg}from"react/jsx-runtime";var hd=e=>Pg(Y,{async:!0,empty:!0,...e});import{Fragment as i8,jsx as s8,jsxs as l8}from"react/jsx-runtime";import{Fragment as u8,jsx as m8,jsxs as f8}from"react/jsx-runtime";import{jsx as Tt,jsxs as Vn}from"react/jsx-runtime";var wg=Y.options,Rg=Y.states,xd={...Y.defaultOptions,variant:"empty"},Kg=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],_g=[],ca=e=>{let{variant:t,...o}={...xd,...e};switch(t){case"success":return Vn(Xa,{status:"done",style:{width:"586px"},...o,children:[Tt(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),Tt(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Vn(Xa,{status:"failed",style:{width:"586px"},...o,children:[Tt(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),Tt(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Vn(Xa,{status:"uploading",style:{width:"586px"},...o,children:[Tt(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),Tt(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Vn(Xa,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[Tt(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),Tt(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return Tt(hd,{async:!0,status:"upload",style:{width:"586px"},...o})}};ca.options=wg;ca.states=Rg;ca.variants=Kg;ca.defaultOptions=xd;ca.modifiers=_g;ca.className=Y.className;import{Fragment as js,jsx as Be,jsxs as $n}from"react/jsx-runtime";var z8=e=>$n(js,{children:[Be(G,{children:$n(js,{children:[Be("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Be(F,{children:Be(U,{})}),Be(F,{type:"sender",children:Be(U,{})}),Be(F,{children:Be(U,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),Be(F,{type:"sender",children:Be(U,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e}),$n(Ce,{className:"k-chat-upload",title:"Upload file(s)",actions:["x"],actionButtons:$n(js,{children:[Be(l,{themeColor:"primary",disabled:!0,children:"Upload"}),Be(l,{children:"Cancel"})]}),children:[Be(be,{}),Be(Y,{empty:!0,status:"upload"})]})]});export{z8 as ChatUpload};