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

package/dist/esm/chat/templates/chat-message-skeleton.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 Ja(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 Yn={};function w(e){return Yn[e]=(Yn[e]||0)+1,`k-${e}-${Yn[e]}`}import{Fragment as Md,jsx as ti}from"react/jsx-runtime";var Zn="k-font-icon",vd=[],kd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},Ld={},ua=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...p}=e;return a?ti("span",{...p,className:r(e.className,Zn,A(Zn,{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(Md,{})};ua.states=vd;ua.options=kd;ua.className=Zn;ua.defaultOptions=Ld;var oi=ua;import{Fragment as Ad,jsx as Ya}from"react/jsx-runtime";var Qn="k-svg-icon",Sd=[],yd={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]},jn={viewBox:"0 0 24 24",variant:lt.outline},fa=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=jn.viewBox,variant:p=jn.variant,icon:c,...u}=e;if(!c)return Ya(Ad,{});if(c==="none")return Ya("span",{...u,className:r(e.className,Qn,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 Ya("span",{...u,className:r(e.className,Qn,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:Ya("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})})};fa.states=Sd;fa.options=yd;fa.className=Qn;fa.defaultOptions=jn;var er=fa;import*as tr from"@progress/kendo-svg-icons";var ai="icon",ni="icons";import{useContext as Ed}from"react";import{createContext as Cd}from"react";var ri=Cd({iconsType:"svg"});import{Fragment as si,jsx as ba}from"react/jsx-runtime";var Za="k-icon",Id=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Td=[],Od={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]},Qa={viewBox:"0 0 24 24",type:"svg",variant:lt.outline},v=e=>{let{iconsType:t}=Ed(ri),{size:o,themeColor:a,icon:n,type:i=t||Qa.type,rotate:p,flip:c,viewBox:u=Qa.viewBox,variant:f=Qa.variant,...x}=e;if(!n)return ba(si,{});if((t||i)==="svg"){if(n==="none")return ba(er,{...x,className:r(e.className,Za),icon:n,size:o,variant:f});let m=tr[n]?n:Id(`${n}-icon`);return tr[m]?ba(er,{...x,className:r(e.className,Za),icon:tr[m],size:o,themeColor:a,rotate:p,flip:c,viewBox:u,variant:f}):ba(si,{})}return ba(oi,{...x,className:r(e.className,Za),icon:n,size:o,themeColor:a,rotate:p,flip:c})};v.states=Td;v.options=Od;v.defaultOptions=Qa;v.className=Za;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 or="button",ii=or;import{Fragment as Rd,jsx as ha,jsxs as li}from"react/jsx-runtime";var xa="k-button",Bd=["icon-button"],Pd=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],wd={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]},ar={showArrow:!1,arrowIconName:"chevron-down"},l=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:p=ar.showArrow,arrowIconName:c=ar.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,he=C!==void 0,xe=e.children!==void 0;return li(t,{className:r(X,xa,Ja(xa,u),A(xa,{size:o,rounded:a,fillMode:n,themeColor:i}),S(xa,{hover:f,focus:x,active:N,disabled:L||y,selected:m}),{"k-icon-button":!M&&!xe&&he}),...pe,"aria-pressed":k?m?"true":"false":void 0,"aria-disabled":y?"true":void 0,disabled:L||void 0,children:[C&&ha(v,{className:r(I,"k-button-icon"),icon:C}),M?li(Rd,{children:[M&&ha("span",{className:"k-button-text",children:M}),e.children]}):e.children&&ha("span",{className:"k-button-text",children:e.children}),p&&ha("span",{className:"k-menu-button-arrow k-button-arrow",children:ha(v,{icon:c})})]})};l.states=Pd;l.options=wd;l.variants=Bd;l.className=xa;l.defaultOptions=ar;l.moduleName=or;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 Kd}from"react/jsx-runtime";var se=e=>Kd(l,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as _d}from"react/jsx-runtime";var ga=e=>_d(l,{icon:"folder",children:"Button",...e});import{jsx as Dd}from"react/jsx-runtime";var nt=e=>Dd(l,{children:"Button",...e});import{jsx as nr}from"react/jsx-runtime";var Hd=l.options,zd=l.states,Ud={...l.defaultOptions,variant:"text"},Fd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Gd=[],fo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return nr(se,{...o,icon:"star"});case"icon-and-text":return nr(ga,{...o,icon:"star",children:"Button"});default:return nr(nt,{...o,children:"Button"})}};fo.options=Hd;fo.states=zd;fo.variants=Fd;fo.defaultOptions=Ud;fo.modifiers=Gd;fo.className=l.className;import{jsx as pi,jsxs as Wd}from"react/jsx-runtime";var ja="k-fab",Xd=[s.hover,s.focus,s.active,s.selected,s.disabled],qd={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"},Y=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 Wd("button",{...L,type:p,className:r(e.className,ja,A(ja,{size:t,rounded:o,themeColor:a}),S(ja,{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})]})};Y.states=Xd;Y.options=qd;Y.className=ja;Y.defaultOptions=di;Y.moduleName="fab";Y.folderName="fab";Y.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 Yd}from"react/jsx-runtime";var Jd="k-fab-items",ci=e=>{let{position:t,...o}=e;return Yd("ul",{...o,className:r(e.className,Jd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as ui,jsxs as Qd}from"react/jsx-runtime";var mi="k-fab-item",Zd=[s.hover,s.focus,s.active,s.disabled],rr=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:p,disabled:c,...u}=e;return Qd("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})]})};rr.states=Zd;import{jsx as lv}from"react/jsx-runtime";import{jsx as jd}from"react/jsx-runtime";var fi=e=>jd(Y,{icon:"plus",...e});import{jsx as bv}from"react/jsx-runtime";import{jsx as Nv}from"react/jsx-runtime";import{jsx as bo,jsxs as rc}from"react/jsx-runtime";var ec=Y.options,tc=Y.states,oc={...Y.defaultOptions,variant:"text"},ac=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],nc=[{name:"opened",title:"Opened"}],ho=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o||{},i=n?bo("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:bo(ci,{position:"bottom",children:bo(rr,{text:"Item",icon:"pencil",align:"right"})})}):null,p;switch(t){case"icon-only":p=bo(Y,{...a,icon:"star"});break;case"icon-and-text":p=bo(Y,{...a,icon:"star",text:"Action"});break;default:p=bo(Y,{...a,text:"Action"});break}return rc("span",{style:{position:"relative"},children:[p,i]})};ho.options=ec;ho.states=tc;ho.variants=ac;ho.defaultOptions=oc;ho.modifiers=nc;ho.className=Y.className;import{jsx as lc}from"react/jsx-runtime";var sr="k-input-inner",sc=[],ic={},en={type:"text",autocomplete:"off",value:"",placeholder:""},ge=e=>{let{value:t=en.value,type:o=en.type,placeholder:a=en.placeholder,autocomplete:n=en.autocomplete,disabled:i,readOnly:p,...c}=e;return lc("input",{...c,type:o,className:r(e.className,sr,A(sr,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:p||void 0})};ge.states=sc;ge.options=ic;ge.className=sr;import{jsx as cc}from"react/jsx-runtime";var ir="k-input-inner",pc=[],dc={},bi={value:"",placeholder:""},Na=e=>{let{value:t=bi.value,placeholder:o=bi.placeholder,rows:a,disabled:n,...i}=e;return cc("textarea",{...i,className:r(e.className,ir,A(ir,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};Na.states=pc;Na.options=dc;Na.className=ir;var lr="prompt-box",hi=lr;var pr="speech-to-text-button",xi=pr;import{jsx as mc}from"react/jsx-runtime";var gi="k-speech-to-text-button",Ni={icon:"microphone"},Ce=e=>{let{listening:t=!1,icon:o=Ni.icon,...a}=e;return mc(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"})};Ce.states=l.states;Ce.options=l.options;Ce.className=gi;Ce.defaultOptions=Ni;Ce.moduleName=pr;Ce.folderName=xi;Ce.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 ek}from"react/jsx-runtime";import{jsx as nk}from"react/jsx-runtime";import{jsx as xc}from"react/jsx-runtime";var uc=l.states,vi={...l.defaultOptions,variant:"normal"},fc={...l.options,fillMode:l.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},bc=[],hc=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],xo=e=>{let{variant:t,...o}={...vi,...e},a={};return t==="listening"&&(a.listening=!0),xc(Ce,{...o,...a})};xo.options=fc;xo.states=uc;xo.variants=hc;xo.defaultOptions=vi;xo.modifiers=bc;xo.className=Ce.className;import{jsx as go,jsxs as dr}from"react/jsx-runtime";var pt="k-prompt-box",gc=[s.hover,s.focus,s.disabled],Nc={fillMode:[h.undefined,h.solid,h.flat,h.outline]},cr={lineMode:"auto",isExpanded:!1},vt=e=>{let{fillMode:t,lineMode:o=cr.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:p=cr.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 dr("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&&go("div",{className:`${pt}-header`,children:i}),dr("div",{className:`${pt}-content`,children:[a&&go("div",{className:`${pt}-affix`,children:a}),o==="single"?go(ge,{value:f,placeholder:x,className:`${pt}-input`,type:"text","aria-label":"Prompt input"}):go(Na,{value:f,placeholder:x,className:`${pt}-textarea`,rows:o==="multi"||p?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),dr("div",{className:`${pt}-affix`,children:[n,go(Ce,{size:"small",fillMode:"flat",rounded:"full"}),go(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=gc;vt.options=Nc;vt.className=pt;vt.defaultOptions=cr;vt.moduleName=lr;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 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";import{jsx as Fk}from"react/jsx-runtime";var mr="chat",ki=mr;import{Fragment as Si,jsx as Wt,jsxs as va}from"react/jsx-runtime";var Li="k-chat",vc=[],kc={},Lc=va(Si,{children:[Wt(se,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Wt("div",{className:"k-spacer"})]}),Mi={tools:Lc},U=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 va("div",{...k,className:r(Li,e.className),dir:o,children:[t,va("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"}),va("div",{className:"k-message-box-wrapper",children:[a,Wt(vt,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:n||p?va(Si,{children:[p,n]}):void 0,endAffix:u,...L})]})]})};U.states=vc;U.options=kc;U.className=Li;U.defaultOptions=Mi;U.moduleName=mr;U.folderName=ki;U.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 ur="button",yi=ur;import{jsx as Ac}from"react/jsx-runtime";var ka="k-button-group",Mc=[s.disabled],Sc={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},yc={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Ac("div",{role:"group",...n,className:r(e.className,ka,A(ka,{fillMode:t}),S(ka,{disabled:o}),{[`${ka}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Mc;T.options=Sc;T.className=ka;T.defaultOptions=yc;T.moduleName=ur;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 bL,jsx as fL,jsxs as hL}from"react/jsx-runtime";import{Fragment as LL,jsx as kL,jsxs as ML}from"react/jsx-runtime";import{Fragment as IL,jsx as EL,jsxs as TL}from"react/jsx-runtime";import{Fragment as KL,jsx as RL,jsxs as _L}from"react/jsx-runtime";import{Fragment as GL,jsx as FL,jsxs as VL}from"react/jsx-runtime";import{Fragment as YL,jsx as JL,jsxs as ZL}from"react/jsx-runtime";import{jsx as kt,jsxs as fr}from"react/jsx-runtime";var Cc={...l.options,...T.options},Ec=l.states,Ic={...l.defaultOptions,...T.defaultOptions,variant:"text-button"},Tc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Oc=[],No=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?fr(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"?fr(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"})]}):fr(T,{fillMode:a.fillMode,className:o,children:[kt(l,{...a,children:"First"}),kt(l,{...a,children:"Middle"}),kt(l,{...a,children:"Last"})]})};No.options=Cc;No.states=Ec;No.variants=Tc;No.defaultOptions=Ic;No.modifiers=Oc;No.className=T.className;var La="input",on=La;import{jsx as Rc}from"react/jsx-runtime";var an="k-input",Bc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Pc={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]},wc={},Z=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 Rc("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}))})};Z.states=Bc;Z.options=Pc;Z.className=an;Z.defaultOptions=wc;Z.moduleName=La;Z.folderName=on;import{jsx as Hc}from"react/jsx-runtime";var nn="k-picker",Kc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],_c={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]},Dc={},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 Hc("span",{...N,className:r(e.className,nn,A(nn,{size:u,rounded:f,fillMode:x}),S(nn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:p,readonly:c})),children:e.children})};dt.states=Kc;dt.options=_c;dt.className=nn;dt.defaultOptions=Dc;dt.moduleName=La;dt.folderName=on;import{Fragment as Fc,jsx as br}from"react/jsx-runtime";var Ai="k-clear-value",zc=[s.disabled,s.loading,s.readonly],Uc={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?br(Fc,{}):br("span",{className:r(e.className,Ai),children:br(v,{icon:"x"})})};Pe.states=zc;Pe.options=Uc;Pe.className=Ai;import{jsx as Ci,jsxs as $c}from"react/jsx-runtime";var hr="k-input-inner",Gc=[],Vc={},Jt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...p}=e;return $c("span",{...p,className:r(e.className,hr,A(hr,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=Gc;Jt.options=Vc;Jt.className=hr;import{Fragment as qc,jsx as Ei}from"react/jsx-runtime";var Ii="k-input-loading-icon",Xc=[s.disabled,s.loading],Ee=e=>{let{disabled:t,loading:o}=e;return t||!o?Ei(qc,{}):Ei("span",{className:r(e.className,Ii,"k-icon k-i-loading")})};Ee.states=Xc;Ee.className=Ii;import{Fragment as Yc,jsx as Ti}from"react/jsx-runtime";var Oi="k-input-validation-icon",Wc=[s.valid,s.invalid,s.disabled,s.loading],Jc={},Ne=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?Ti(Yc,{}):Ti(v,{className:r(Oi),icon:i})};Ne.states=Wc;Ne.options=Jc;Ne.className=Oi;import{Fragment as jc,jsx as Bi}from"react/jsx-runtime";var Zc="k-input-prefix",Qc={direction:"horizontal"},Fe=e=>{let{direction:t=Qc.direction,...o}=e;return e.children?Bi("span",{...o,className:r(Zc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Bi(jc,{})};import{Fragment as om,jsx as Pi}from"react/jsx-runtime";var em="k-input-suffix",tm={direction:"horizontal"},Ge=e=>{let{direction:t=tm.direction,...o}=e;return e.children?Pi("span",{...o,className:r(em,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Pi(om,{})};import{jsx as $M}from"react/jsx-runtime";import{jsx as nm}from"react/jsx-runtime";var am="k-input-suffix-text",xr=e=>{let{children:t,...o}=e;return nm("span",{...o,className:r(am,e.className),children:t})};import{jsx as sm}from"react/jsx-runtime";var wi="k-input-separator",rm={direction:"vertical"},Ve=e=>{let{direction:t=rm.direction,...o}=e;return sm("span",{...o,className:r(wi,e.className,{[`${wi}-${t}`]:t})})};import{Fragment as Ri,jsx as ct,jsxs as gr}from"react/jsx-runtime";var im=Z.states,lm=Z.defaultOptions,pm=Z.options,dm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],cm=[],vo=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 gr(Z,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:p,style:{width:300},children:[u&&gr(Ri,{children:[ct(Fe,{children:ct(v,{icon:"lock"})}),m&&ct(Ve,{})]}),ct(ge,{placeholder:"Placeholder",value:"Value"}),N&&ct(Ne,{valid:o,invalid:a,loading:n,disabled:i}),ct(Ee,{loading:n,disabled:i}),x&&ct(Pe,{loading:n,disabled:i,readonly:p,value:"Value"}),f&&gr(Ri,{children:[m&&ct(Ve,{}),ct(Ge,{children:ct(nt,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};vo.options=pm;vo.states=im;vo.variants=cm;vo.defaultOptions=lm;vo.modifiers=dm;vo.className=Z.className;import{jsx as Ki,jsxs as fm}from"react/jsx-runtime";var _i="k-color-preview",mm=[],um={},Bt=e=>{let{color:t,iconName:o,...a}=e;return fm("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=mm;Bt.options=um;Bt.className=_i;var Nr="popup",Di=Nr;import{jsx as Hi}from"react/jsx-runtime";var zi="k-animation-container",bm=[],hm={},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=bm;mt.options=hm;mt.className=zi;mt.defaultOptions=Ui;mt.moduleName=Nr;mt.folderName=Di;var vr="popup",Fi=vr;import{jsx as Gi}from"react/jsx-runtime";var Vi="k-popup",xm=[],gm={},$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=xm;$.options=gm;$.className=Vi;$.defaultOptions=$i;$.moduleName=vr;$.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 kr="action-buttons",Xi=kr;import{jsx as km}from"react/jsx-runtime";var rn="k-actions",Nm=[],vm={},Lr={alignment:"start",orientation:"horizontal"},we=e=>{let{alignment:t=Lr.alignment,orientation:o=Lr.orientation,...a}=e;return km("div",{...a,className:r(rn,{[`${rn}-${t}`]:t,[`${rn}-${o}`]:o},e.className),children:e.children})};we.states=Nm;we.options=vm;we.className=rn;we.defaultOptions=Lr;we.moduleName=kr;we.folderName=Xi;var qi=we;import{jsx as Mm}from"react/jsx-runtime";var Lm="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":we,...i}=e;return Mm(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,Lm),children:e.children})};var Mr="searchbox",Ji=Mr;import{jsx as Ma,jsxs as Am}from"react/jsx-runtime";var Yi="k-searchbox",Sm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],ym={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]},Sr={showIcon:!0,icon:"search"},$e=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=Sr.showIcon,icon:k=Sr.icon,"aria-label":y,...C}=e;return Am(Z,{...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&&Ma(v,{className:"k-input-icon",icon:k}),Ma(ge,{placeholder:o,value:t,"aria-label":y}),Ma(Ee,{...e}),Ma(Ne,{...e}),Ma(Pe,{...e})]})};$e.states=Sm;$e.options=ym;$e.className=Yi;$e.defaultOptions=Sr;$e.moduleName=Mr;$e.folderName=Ji;import{jsx as hy}from"react/jsx-runtime";var yr="textbox",Zi=yr;import{Fragment as Qi,jsx as wt,jsxs as Ar}from"react/jsx-runtime";var ji="k-textbox",Cm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Em={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},sn={showClearButton:!0,showValidationIcon:!0,separators:!0},ie=e=>{let{size:t,rounded:o,fillMode:a,separators:n=sn.separators,showClearButton:i=sn.showClearButton,showValidationIcon:p=sn.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":he,"aria-describedby":xe,...Be}=e;return Ar(Z,{...Be,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&&Ar(Qi,{children:[wt(Fe,{children:c}),n&&wt(Ve,{})]}),wt(ge,{id:pe,placeholder:N,value:x,type:f,disabled:I,"aria-label":he,"aria-describedby":xe,"aria-invalid":y?"true":void 0}),p&&wt(Ne,{valid:k,invalid:y,loading:M,disabled:I}),wt(Ee,{loading:M,disabled:I}),i&&wt(Pe,{loading:M,disabled:I,readonly:X,value:x}),u&&Ar(Qi,{children:[n&&wt(Ve,{}),wt(Ge,{children:u})]})]})};ie.states=Cm;ie.options=Em;ie.className=ji;ie.defaultOptions=sn;ie.moduleName=yr;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 Sa=ie;import{jsx as Im}from"react/jsx-runtime";var ln=e=>Im(Sa,{...e});import{Fragment as wy,jsx as Py}from"react/jsx-runtime";import{Fragment as zy,jsx as Hy}from"react/jsx-runtime";import{jsx as Vy}from"react/jsx-runtime";import{jsx as Cr}from"react/jsx-runtime";var Tm=ie.states,Om=ie.defaultOptions,Bm=ie.options,Pm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],wm=[],ko=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Cr(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Cr(nt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Cr(ln,{value:"Value",style:{width:300},...o,...a})};ko.options=Bm;ko.states=Tm;ko.variants=wm;ko.defaultOptions=Om;ko.modifiers=Pm;ko.className=ie.className;import{jsx as Rt,jsxs as Er}from"react/jsx-runtime";var el="k-actionsheet-titlebar",Rm={},ve=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:p,inputValue:c,inputPlaceholder:u,adaptive:f,titleId:x,children:N,...m}=e;return Er("div",{...m,className:r(e.className,el),children:[Er("div",{className:"k-actionsheet-titlebar-group",children:[a&&Rt("div",{className:"k-actionsheet-actions",children:a}),!N&&Er("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($e,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};ve.className=el;ve.defaultOptions=Rm;import{jsx as Ir,jsxs as Hm}from"react/jsx-runtime";var Tr="k-actionsheet-view",Km=[],_m={},Dm={},Lo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:p,...c}=e,u=n?.type===ve&&Ir(ve,{adaptive:t,titleId:p,...n?.props}),f=i?.type===Pt&&Ir(Pt,{...i?.props});return Hm("div",{...c,className:r(e.className,Tr,{[`${Tr}-animated`]:o}),children:[u,Ir("div",{className:"k-actionsheet-content",children:a}),f]})};Lo.states=Km;Lo.options=_m;Lo.className=Tr;Lo.defaultOptions=Dm;var ya="action-sheet",pn=ya;var Or="overlay",tl=Or;import{jsx as Gm}from"react/jsx-runtime";var ol="k-overlay",zm=[],Um={},Fm={},ut=e=>{let{...t}=e;return Gm("div",{...t,className:r(e.className,ol),children:e.children})};ut.states=zm;ut.options=Um;ut.className=ol;ut.defaultOptions=Fm;ut.moduleName=Or;ut.folderName=tl;import{jsx as dn,jsxs as Xm}from"react/jsx-runtime";var al="k-actionsheet",Vm=[],$m={},Aa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},W=e=>{let{side:t=Aa.side,fullscreen:o=Aa.fullscreen,adaptive:a=Aa.adaptive,overlay:n=Aa.overlay,template:i,children:p,header:c,footer:u,id:f,...x}=e,N=f&&!i&&c?`${f}-title`:void 0;return Xm("div",{className:"k-actionsheet-container",children:[n&&dn(ut,{}),dn(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:dn("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||dn(Lo,{header:c,footer:u,adaptive:a,titleId:N,...e,children:p})})})]})};W.states=Vm;W.options=$m;W.className=al;W.defaultOptions=Aa;W.moduleName=ya;W.folderName=pn;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 Ym}from"react/jsx-runtime";var nl="k-actionsheet-container",qm=[],Wm={},Jm={},Mo=e=>{let{children:t,...o}=e;return Ym("div",{...o,className:nl,children:t})};Mo.states=qm;Mo.options=Wm;Mo.className=nl;Mo.defaultOptions=Jm;Mo.moduleName=ya;Mo.folderName=pn;import{jsx as Zm}from"react/jsx-runtime";var Br=e=>{let{...t}=e;return Zm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as jm,jsx as Ca,jsxs as Pr}from"react/jsx-runtime";var wr="k-actionsheet-item",Qm=[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 Pr("span",{...u,className:r(e.className,wr,S(wr,{hover:n,focus:i,selected:p,disabled:c})),children:[!e.children&&Ca(jm,{children:Pr("span",{className:"k-actionsheet-action",children:[t&&Ca("span",{className:"k-icon-wrap",children:Ca(v,{className:"k-actionsheet-item-icon",icon:t})}),Pr("span",{className:"k-actionsheet-item-text",children:[o&&Ca("span",{className:"k-actionsheet-item-title",children:o}),a&&Ca("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=Qm;Kt.className=wr;import{jsx as GA,jsxs 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 oC}from"react/jsx-runtime";import{jsx as le,jsxs as Rr}from"react/jsx-runtime";var eu=W.options,tu=W.states,sl={...W.defaultOptions,variant:"normal"},ou=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],au=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],So=e=>{let{variant:t,modifiers:o,...a}={...sl,...e},n={},i=Rr(Br,{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(ve,{actionsStart:n.actionsStart?le(l,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?le(l,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?Rr(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(ve,{actionsStart:n.actionsStart?le(l,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?le(l,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Rr(Pt,{alignment:"stretched",children:[le(l,{text:"Apply",themeColor:"primary"}),le(l,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};So.options=eu;So.states=tu;So.variants=ou;So.defaultOptions=sl;So.modifiers=au;So.className=W.className;var Kr="slider",il=Kr;import{jsx as yo,jsxs as _r}from"react/jsx-runtime";var Ea="k-slider",nu=[s.hover,s.focus,s.active,s.disabled,s.readonly],ru={},Xe={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},F=e=>{let{type:t=Xe.type,orientation:o=Xe.orientation,gradientType:a=Xe.gradientType,readonly:n=Xe.readonly,disabled:i=Xe.disabled,handlePosition:p=Xe.handlePosition,showButtons:c=Xe.showButtons,showTicks:u=Xe.showTicks,value:f=Xe.value,min:x=Xe.min,max:N=Xe.max,startValue:m,endValue:L,hover:k,focus:y,active:C,trackStyle:M,dir:I,...X}=e,he=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),xe,Be;return o==="horizontal"?(xe=I==="rtl"?"chevron-left":"chevron-right",Be=I==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(xe="chevron-up",Be="chevron-down"),_r("div",{...X,className:r(Ea,e.className,S(Ea,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&yo(l,{className:"k-button-decrease",rounded:"full",icon:Be,tabIndex:-1,title:"Decrease"}),_r("div",{className:"k-slider-track-wrap",children:[u&&yo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),_r("div",{className:"k-slider-track",style:M,children:[yo("div",{className:"k-slider-selection"}),t==="range"&&yo("span",{className:r("k-draghandle","k-draghandle-start",S(Ea,{hover:k,focus:y,active:C})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":m??x,"aria-valuemin":x,"aria-valuemax":L??N,"aria-orientation":he,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":X["aria-label"]?`${X["aria-label"]} start`:"Range start"}),yo("span",{className:r("k-draghandle",`k-draghandle-${p}`,S(Ea,{hover:k,focus:y,active:C})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??N:f,"aria-valuemin":t==="range"?m??x:x,"aria-valuemax":N,"aria-orientation":he,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?X["aria-label"]?`${X["aria-label"]} end`:"Range end":X["aria-label"]})]})]}),c&&yo(l,{className:"k-button-increase",rounded:"full",icon:xe,tabIndex:-1,title:"Increase"})]})};F.states=nu;F.options=ru;F.className=Ea;F.defaultOptions=Xe;F.moduleName=Kr;F.folderName=il;F.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",su=[],iu={},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=su;E.options=iu;E.className=pl;E.defaultOptions=dl;import{Fragment as lu,jsx as qe,jsxs as pu}from"react/jsx-runtime";var cl=e=>qe(F,{"aria-label":e["aria-label"]||"Slider",children:pu(lu,{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"})]}),...e});import{Fragment as du,jsx as We,jsxs as cu}from"react/jsx-runtime";var ml=e=>We(F,{children:cu(du,{children:[We(E,{className:"k-first",label:!0,large:!0,text:"0"}),We(E,{}),We(E,{}),We(E,{}),We(E,{}),We(E,{label:!0,large:!0,text:"5"}),We(E,{}),We(E,{}),We(E,{}),We(E,{}),We(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as VC,jsx as GC,jsxs as $C}from"react/jsx-runtime";import{Fragment as YC,jsx as JC,jsxs as ZC}from"react/jsx-runtime";import{jsx as mu}from"react/jsx-runtime";var Dr=e=>mu(F,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as uu}from"react/jsx-runtime";var Hr=e=>uu(F,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as lE,jsx as iE,jsxs as pE}from"react/jsx-runtime";import{Fragment as fE,jsx as uE,jsxs as bE}from"react/jsx-runtime";import{jsx as ft,jsxs as ul}from"react/jsx-runtime";var fu=F.options,bu=F.states,fl={...F.defaultOptions,variant:"horizontal",label:!0},hu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],xu=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ao=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%"}})]})};Ao.options=fu;Ao.states=bu;Ao.variants=hu;Ao.defaultOptions=fl;Ao.modifiers=xu;Ao.className=F.className;import{jsx as bl,jsxs as Lu}from"react/jsx-runtime";var hl="k-spin-button",vu=[],ku={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},zr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},_t=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=zr.increaseLabel,decreaseLabel:i=zr.decreaseLabel,...p}=e;return Lu("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=vu;_t.options=ku;_t.className=hl;_t.defaultOptions=zr;_t.moduleName=null;_t.folderName=null;var xl="numeric-textbox",gl="numerictextbox";import{Fragment as Nl,jsx as Lt,jsxs as Ur}from"react/jsx-runtime";var vl="k-numerictextbox",Mu=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Su={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]},cn={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:n=cn.separators,showClearButton:i=cn.showClearButton,showSpinButton:p=cn.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":he,...xe}=e;return Ur(Z,{...xe,size:t,rounded:o,fillMode:a,hover:N,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,className:r(e.className,vl),children:[c&&Ur(Nl,{children:[Lt(Fe,{children:c}),n&&Lt(Ve,{})]}),Lt(ge,{id:X,placeholder:x,value:f,role:"spinbutton",disabled:M,"aria-label":pe,"aria-describedby":he,"aria-invalid":k?"true":void 0}),Lt(Ne,{valid:L,invalid:k,loading:C,disabled:M}),Lt(Ee,{loading:C,disabled:M}),i&&Lt(Pe,{loading:C,disabled:M,readonly:I,value:f}),u&&Ur(Nl,{children:[n&&Lt(Ve,{}),Lt(Ge,{children:u})]}),p&&Lt(_t,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};_.states=Mu;_.options=Su;_.className=vl;_.defaultOptions=cn;_.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 Ia=_;import{jsx as yu}from"react/jsx-runtime";var kl=e=>yu(Ia,{...e});import Gr from"react";import{jsx as Ll}from"react/jsx-runtime";var Au="k-list-group-sticky-header",Fr=e=>Ll("div",{className:r(Au,e.className),children:Ll("div",{className:"k-list-header-text",children:e.children})});import{jsx as Eu}from"react/jsx-runtime";var Cu="k-no-data",mn=e=>{let{live:t,...o}=e;return Eu("span",{...o,className:r(Cu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Yt="list",Co=Yt;import{jsx as Ml,jsxs as Sl}from"react/jsx-runtime";var Vr="k-list",Iu=[],Tu={size:[d.undefined,d.small,d.medium,d.large]},Ou={},R=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:i,customValue:p,noData:c,screenReaders:u,...f}=e,N=Gr.Children.toArray(a)[0],m=N?.props?.children?Gr.Children.count(N.props.children):Gr.Children.count(a);return Sl("div",{...f,className:r(e.className,Vr,A(Vr,{size:t}),{"k-virtual-list":o}),children:[i,p,n&&Ml(Fr,{children:n}),a||(c!==void 0?c:Ml(mn,{live:!0,children:"No data found."})),u&&a&&Sl(mn,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};R.states=Iu;R.options=Tu;R.className=Vr;R.defaultOptions=Ou;R.moduleName=Yt;R.folderName=Co;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 Ru}from"react/jsx-runtime";var yl="k-list-container",Bu=[],Pu={},wu={},Eo=e=>{let{...t}=e;return Ru("div",{...t,className:r(e.className,yl),children:e.children})};Eo.states=Bu;Eo.options=Pu;Eo.className=yl;Eo.defaultOptions=wu;Eo.moduleName=Yt;Eo.folderName=Co;var Zt="checkbox",Io=Zt;import{jsx as Al}from"react/jsx-runtime";var un="k-checkbox",Ku=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],_u={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},Du={},Je=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,un,A(un,{size:x,rounded:N}),S(un,{hover:n,focus:i,disabled:p,invalid:c,valid:u,indeterminate:a,checked:o}))})})};Je.states=Ku;Je.options=_u;Je.className=un;Je.defaultOptions=Du;Je.moduleName=Zt;Je.folderName=Io;Je.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 rt=Je;import{jsx as Uu}from"react/jsx-runtime";var Cl="k-checkbox-list",Hu=[],zu={},El={layout:"vertical"},ke=e=>{let{layout:t=El.layout,...o}=e;return Uu("ul",{...o,className:r(e.className,Cl,{[`k-list-${t}`]:t}),children:e.children})};ke.states=Hu;ke.options=zu;ke.className=Cl;ke.defaultOptions=El;ke.moduleName=Zt;ke.folderName=Io;import{jsx as $u}from"react/jsx-runtime";var Il="k-checkbox-list-item",Fu=[],Gu={},Vu={},Le=e=>{let{...t}=e;return $u("li",{...t,className:r(e.className,Il),children:e.children})};Le.states=Fu;Le.options=Gu;Le.className=Il;Le.defaultOptions=Vu;Le.moduleName=Zt;Le.folderName=Io;import{Fragment as Xu,jsx as Tl,jsxs as qu}from"react/jsx-runtime";var Mt=({children:e="Label",id:t="cb-label-after",...o})=>qu(Xu,{children:[Tl(rt,{id:t,...o}),Tl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as HI,jsx as DI,jsxs as zI}from"react/jsx-runtime";import{Fragment as $I,jsx as VI,jsxs as XI}from"react/jsx-runtime";import{Fragment as ZI,jsx as YI,jsxs 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 dT}from"react/jsx-runtime";import{jsx as Ye,jsxs as Ol}from"react/jsx-runtime";var Wu=ke.options,Ju=ke.states,Yu={...ke.defaultOptions,variant:"vertical"},Zu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Qu=[],To=e=>{let{variant:t,...o}=e;return t==="horizontal"?Ol(ke,{layout:"horizontal",...o,children:[Ye(Le,{children:Ye(Mt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),Ye(Le,{children:Ye(Mt,{id:w("cb"),children:"Label"})}),Ye(Le,{children:Ye(Mt,{id:w("cb"),children:"Label"})})]}):Ol(ke,{...o,children:[Ye(Le,{children:Ye(Mt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),Ye(Le,{children:Ye(Mt,{id:w("cb"),children:"Label"})}),Ye(Le,{children:Ye(Mt,{id:w("cb"),children:"Label"})})]})};To.options=Wu;To.states=Ju;To.variants=Zu;To.defaultOptions=Yu;To.modifiers=Qu;To.className=ke.className;import{jsx as nf}from"react/jsx-runtime";var ju=rt.options,ef=rt.states,tf=rt.defaultOptions,of=[],af=[],Oo=e=>nf(Mt,{id:w("checkbox"),...e,defaultChecked:!0,children:"Label"});Oo.options=ju;Oo.states=ef;Oo.variants=of;Oo.defaultOptions=tf;Oo.modifiers=af;Oo.className=rt.className;import{jsx as Qt,jsxs as pf}from"react/jsx-runtime";var $r="k-list-item",rf=[s.hover,s.focus,s.selected,s.disabled],sf={},lf={},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 pf("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":$r,S($r,{hover:u,focus:f,disabled:N,selected:x})),children:[p&&Qt(Je,{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=rf;O.options=sf;O.className=$r;O.defaultOptions=lf;O.moduleName=Yt;O.folderName=Co;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 cf}from"react/jsx-runtime";var df="k-list-ul",St=e=>{let{children:t,role:o,id:a,...n}=e;return cf("ul",{...n,id:a,role:o,className:r(df,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 Xr,jsxs as uf}from"react/jsx-runtime";var mf="k-list-content",H=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...p}=e;return uf("div",{...p,className:r(mf,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:Xr(St,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Xr("div",{className:"k-height-container",children:Xr("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 eO,jsx as jT,jsxs as tO}from"react/jsx-runtime";import{jsx as qr,jsxs as bf}from"react/jsx-runtime";var ff="k-list-group-item",jt=e=>{let{groupIconName:t,...o}=e;return bf("li",{...o,role:"presentation",className:r(ff,e.className),children:[t&&qr("span",{className:"k-list-item-icon-wrapper",children:qr(v,{icon:t,className:"k-list-item-icon"})}),qr("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 Nf}from"react/jsx-runtime";var Wr="k-list-optionlabel",hf=[s.hover,s.focus,s.selected,s.disabled],xf={},gf={},fn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...p}=e;return Nf("div",{...p,className:r(Wr,S(Wr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};fn.states=hf;fn.options=xf;fn.className=Wr;fn.defaultOptions=gf;import{jsx as Mf}from"react/jsx-runtime";var Jr="k-list-custom-value",vf=[s.hover,s.focus,s.selected,s.disabled],kf={},Lf={},Dt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...p}=e;return Mf("div",{...p,className:r(Jr,S(Jr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Dt.states=vf;Dt.options=kf;Dt.className=Jr;Dt.defaultOptions=Lf;import{Fragment as xO,jsx as hO,jsxs as gO}from"react/jsx-runtime";import{Fragment as SO,jsx as MO,jsxs as yO}from"react/jsx-runtime";import{Fragment as BO,jsx as TO,jsxs as OO}from"react/jsx-runtime";import{Fragment as HO,jsx as _O,jsxs as DO}from"react/jsx-runtime";import{jsx as GO}from"react/jsx-runtime";import{Fragment as JO,jsx as WO,jsxs as YO}from"react/jsx-runtime";var Bl="dropdown-list",Pl="dropdownlist";import{Fragment as Af,jsx as Me,jsxs as Yr}from"react/jsx-runtime";var wl="k-dropdownlist",Sf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],yf={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Zr={showValue:!0,arrowIconName:"chevron-down"},oe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Zr.arrowIconName,showValue:i=Zr.showValue,valueIconName: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:he,adaptiveSettings:xe,adaptiveTitle:Be,adaptiveSubtitle:qt,adaptiveFilter:qn,id:Ot,activeDescendant:Wa,"aria-label":Wn,...Jn}=e,Nd=Ot?`${Ot}-listbox`:void 0,ei=Ot?`${Ot}-value`:void 0;return Yr(Af,{children:[Yr(dt,{...Jn,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?Nd:void 0,"aria-activedescendant":pe&&Wa?Wa:void 0,"aria-describedby":pe?ei:void 0,"aria-disabled":M?"true":void 0,"aria-label":Wn,tabIndex:0,children:[Me(Fe,{children:c}),Me(Jt,{placeholder:x,value:f,showValue:i,valueIconName:p,id:ei}),Me(Ne,{valid:L,invalid:k,loading:C,disabled:M}),Me(Ee,{loading:C,disabled:M}),Me(Ge,{children:u}),Me(l,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":x||"Toggle dropdown",tabIndex:-1})]}),pe&&X&&Me($,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:X}),he&&Me(W,{adaptive:!0,...xe,header:Me(ve,{actionsEnd:Me(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:qn,inputValue:f,inputPlaceholder:x,title:Be,subtitle:qt}),children:Me("div",{className:"k-list-container",children:Me(R,{size:"large",children:Yr(H,{"aria-label":"Options",children:[Me(O,{text:"List item"}),Me(O,{text:"List item"}),Me(O,{text:"List item"})]})})})})]})};oe.states=Sf;oe.options=yf;oe.className=wl;oe.defaultOptions=Zr;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 IB}from"react/jsx-runtime";import{jsx as RB,jsxs as KB}from"react/jsx-runtime";import{Fragment as $B,jsx as GB,jsxs as VB}from"react/jsx-runtime";import{jsx as YB}from"react/jsx-runtime";import{jsx as oP,jsxs as aP}from"react/jsx-runtime";import{Fragment as mP,jsx as dP,jsxs as cP}from"react/jsx-runtime";import{jsx as xP}from"react/jsx-runtime";import{Fragment as Bf,jsx as Ht,jsxs as Rl}from"react/jsx-runtime";var Cf=oe.states,Ef=oe.defaultOptions,If=oe.options,Tf=[{name:"opened",title:"Opened"}],Of=[],Po=e=>{let{modifiers:t,...o}=e,a={},n=Rl(Bf,{children:[Ht("div",{className:"k-list-filter",children:Ht($e,{})}),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})})};Po.options=If;Po.states=Cf;Po.variants=Of;Po.defaultOptions=Ef;Po.modifiers=Tf;Po.className=oe.className;import{Fragment as HP,jsx as DP}from"react/jsx-runtime";import{Fragment as $P,jsx as VP}from"react/jsx-runtime";import{jsx as JP}from"react/jsx-runtime";import{jsx as Qr}from"react/jsx-runtime";var Pf=_.states,wf=_.defaultOptions,Rf=_.options,Kf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],_f=[],wo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Qr(oe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?Qr(xr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),Qr(kl,{value:"Value",style:{width:300},...o,...a})};wo.options=Rf;wo.states=Pf;wo.variants=_f;wo.defaultOptions=wf;wo.modifiers=Kf;wo.className=_.className;import{Fragment as Ta,jsx as B,jsxs as Q}from"react/jsx-runtime";var Kl="k-colorgradient-inputs",Df=[],Hf={size:[d.undefined,d.small,d.medium,d.large]},_l={mode:"rgba"},Ro=e=>{let{mode:t=_l.mode,size:o,...a}=e;return Q("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"&&Q(Ta,{children:[Q("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"})]}),Q("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"})]}),Q("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"})]}),Q("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"&&Q(Ta,{children:[Q("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"})]}),Q("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"})]}),Q("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"&&Q(Ta,{children:[Q("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"})]}),Q("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"})]}),Q("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"})]}),Q("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"&&Q(Ta,{children:[Q("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"})]}),Q("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"})]}),Q("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(Ta,{children:Q("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"})]})})]})};Ro.states=Df;Ro.options=Hf;Ro.className=Kl;Ro.defaultOptions=_l;import{jsx as eo,jsxs as to}from"react/jsx-runtime";var Dl="k-colorgradient-color-contrast",zf=[],Uf={},Ff={},Ko=()=>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"})]})]})]});Ko.states=zf;Ko.options=Uf;Ko.className=Dl;Ko.defaultOptions=Ff;var Hl="color-gradient",zl="colorgradient";import{jsx as Ze,jsxs as Oa}from"react/jsx-runtime";var bn="k-colorgradient",Gf=[s.hover,s.focus,s.readonly,s.disabled],Vf={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 Oa("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,bn,A(bn,{size:t}),S(bn,{hover:N,focus:m,readonly:a,disabled:n})),dir:x,children:[!y||y==="horizontal"&&Oa("div",{className:"k-colorgradient-canvas k-hstack",children:[Ze("div",{className:"k-hsv-rectangle",style:i,children:Ze("div",{className:"k-hsv-gradient",children:Ze("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})})}),Oa("div",{className:"k-hsv-controls k-hstack",children:[Ze(Hr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Ze(Hr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:c})]})]}),y==="vertical"&&Oa("div",{className:"k-colorgradient-canvas k-vstack",children:[Ze("div",{className:"k-hsv-rectangle",style:i,children:Ze("div",{className:"k-hsv-gradient",children:Ze("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})})}),Oa("div",{className:"k-hsv-controls k-vstack",children:[Ze(Dr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Ze(Dr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),Ze(Ro,{mode:e.mode,size:t}),f&&Ze(Ko,{})]})};ne.states=Gf;ne.options=Vf;ne.className=bn;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 $f}from"react/jsx-runtime";var hn=e=>$f(ne,{...e});import{jsx as ww}from"react/jsx-runtime";import{jsx as Dw}from"react/jsx-runtime";import{jsx as jr}from"react/jsx-runtime";var Xf=ne.options,qf=ne.states,Wf={...ne.defaultOptions,variant:"rgba"},Jf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Yf=[],_o=e=>{let{variant:t,...o}=e;switch(t){case"hex":return jr(hn,{...o,mode:t});case"rgb":return jr(hn,{...o,mode:t});default:return jr(hn,{...o,mode:t})}};_o.options=Xf;_o.states=qf;_o.variants=Jf;_o.defaultOptions=Wf;_o.modifiers=Yf;_o.className=ne.className;import{jsx as Zf}from"react/jsx-runtime";var es=e=>Zf("tr",{role:"row",children:e.children});import{jsx as eb}from"react/jsx-runtime";var ts="k-colorpalette-tile",Qf=[s.hover,s.focus,s.selected],jf={},Do=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 eb("td",{...p,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,ts,S(ts,{hover:a,focus:n,selected:i})),style:c})};Do.states=Qf;Do.options=jf;Do.className=ts;var Ul="color-palette",Fl="colorpalette";import{jsx as Ba}from"react/jsx-runtime";var xn="k-colorpalette",tb=[s.disabled],ob={size:[d.undefined,d.small,d.medium,d.large]},Gl={columns:10},Se=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(Ba(Do,{color:k,tileSize:n},y))});let L=Ba(es,{children:m},N);c.push(L)})}return Ba("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,xn,S(xn,{disabled:i}),A(xn,{size:t})),children:Ba("table",{className:"k-colorpalette-table",role:"none",children:Ba("tbody",{children:c.length>0?c:e.children})})})};Se.states=tb;Se.options=ob;Se.className=xn;Se.defaultOptions=Gl;Se.moduleName=Ul;Se.folderName=Fl;Se.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var gn=Se;var Pa={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 ab}from"react/jsx-runtime";var Vl=e=>ab(gn,{palette:Pa.basic,...e});import{jsx as NR}from"react/jsx-runtime";import{jsx as yR,jsxs as AR}from"react/jsx-runtime";import{jsx as db}from"react/jsx-runtime";var nb=Se.options,rb=Se.states,sb={...Se.defaultOptions,variant:"basic"},ib=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],lb={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}},pb=[],Ho=e=>{let{variant:t="basic",...o}=e,a=lb[t];return db(Vl,{columns:a.columns,palette:a,...o})};Ho.options=nb;Ho.states=rb;Ho.variants=ib;Ho.defaultOptions=sb;Ho.modifiers=pb;Ho.className=Se.className;var $l="color-editor",Xl="coloreditor";import{jsx as Qe,jsxs as zo}from"react/jsx-runtime";var Nn="k-coloreditor",cb=[s.focus],mb={size:[d.undefined,d.small,d.medium,d.large]},wa={view:"gradient",palette:Pa.office,actionButtons:!0,canvasOrientation:"horizontal"},J=e=>{let{size:t,view:o=wa.view,palette:a=wa.palette,color:n,currentColor:i,focus:p,focusView:c,dir:u,group:f,actionButtons:x=wa.actionButtons,canvasOrientation:N=wa.canvasOrientation,...m}=e;return zo("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Nn,A(Nn,{size:t}),S(Nn,{focus:p})),dir:u,children:[zo("div",{className:"k-coloreditor-header k-hstack",children:[Qe("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&zo(T,{fillMode:"flat",children:[Qe(l,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Qe(l,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Qe("div",{className:"k-spacer"}),zo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Qe(l,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),zo("div",{className:"k-coloreditor-preview k-vstack",children:[Qe(Bt,{className:"k-coloreditor-preview-color",color:n}),Qe(Bt,{className:"k-coloreditor-current-color",color:i})]})]})]}),Qe("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Qe(ne,{focus:c,size:t,canvasOrientation:N,role:"none",tabIndex:-1}):Qe(Se,{palette:a,size:t})}),x&&zo(we,{className:"k-coloreditor-footer",alignment:"start",children:[Qe(l,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Qe(l,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};J.states=cb;J.options=mb;J.className=Nn;J.defaultOptions=wa;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 Uo=J;import{jsx as tK}from"react/jsx-runtime";import{jsx as rK}from"react/jsx-runtime";import{jsx as ub}from"react/jsx-runtime";var ql=e=>ub(Uo,{group:!0,currentColor:"fuchsia",...e});import{jsx as fb}from"react/jsx-runtime";var Wl=e=>fb(Uo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Jl}from"react/jsx-runtime";var bb=J.options,hb=J.states,xb={...J.defaultOptions,variant:"gradient"},gb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Nb=[],Fo=e=>{let{variant:t,...o}=e;return t==="palette"?Jl(Wl,{...o,color:"white"}):Jl(ql,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Fo.options=bb;Fo.states=hb;Fo.variants=gb;Fo.defaultOptions=xb;Fo.modifiers=Nb;Fo.className=J.className;var Yl="color-picker",Zl="colorpicker";import{Fragment as Lb,jsx as je,jsxs as os}from"react/jsx-runtime";var Ql="k-colorpicker",vb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],kb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},jl={arrowIconName:"chevron-down"},Re=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:he,...xe}=e,Be="colorpicker-popup";return os(Lb,{children:[os(dt,{...xe,size:t,rounded:o,fillMode:a,hover:f,focus:x,valid:N,invalid:m,required:L,disabled:k,role:"combobox","aria-haspopup":"dialog","aria-expanded":M?"true":"false","aria-controls":M||I?Be:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:r(e.className,Ql,"k-icon-picker"),children:[je(Fe,{children:i}),je(Jt,{placeholder:u,value:c,showValue:!1,valueIcon:je(Bt,{className:"k-value-icon",color:c,iconName:y}),valueIconName:y}),je(Ge,{children:p}),je(l,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),M&&C&&je($,{id:Be,className:"k-colorpicker-popup",children:C}),I&&je(W,{adaptive:!0,id:Be,...X,header:je(ve,{actionsEnd:je(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:pe,subtitle:he}),footer:os(Pt,{children:[je(l,{text:"Cancel",size:"large"}),je(l,{text:"Set",size:"large",themeColor:"primary"})]}),children:je(J,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Re.states=vb;Re.options=kb;Re.className=Ql;Re.defaultOptions=jl;Re.moduleName=Yl;Re.folderName=Zl;Re.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var yt=Re;import{jsx as Mb}from"react/jsx-runtime";var vn=e=>Mb(yt,{...e});import{jsx as FK}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 p_}from"react/jsx-runtime";import{jsx as oo}from"react/jsx-runtime";var Sb=yt.options,yb=yt.states,ep={...yt.defaultOptions,variant:"color"},Ab=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Cb=[{name:"opened",title:"Opened"}],Go=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(vn,{...a,...n})});case"icon":return oo("div",{style:i,children:oo(vn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return oo("div",{style:i,children:oo(vn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Go.options=Sb;Go.states=yb;Go.variants=Ab;Go.defaultOptions=ep;Go.modifiers=Cb;Go.className=yt.className;var as="combobox",tp=as;import{Fragment as ns,jsx as ae,jsxs as Ra}from"react/jsx-runtime";var op="k-combobox",Eb=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Ib={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:he,adaptiveSubtitle:xe,adaptiveCustomValue:Be,id:qt,autocomplete:qn,activeDescendant:Ot,"aria-label":Wa,...Wn}=e,Jn=qt?`${qt}-listbox`:void 0;return Ra(ns,{children:[Ra(Z,{...Wn,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&&Ra(ns,{children:[ae(Fe,{children:i}),n&&ae(Ve,{})]}),ae(ge,{id:qt,placeholder:u,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?Jn:void 0,"aria-activedescendant":M&&Ot?Ot:void 0,"aria-autocomplete":qn,"aria-invalid":m?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Wa,disabled:y,readOnly:I}),ae(Ne,{valid:N,invalid:m,loading:k,disabled:y}),ae(Ee,{loading:k,disabled:y}),ae(Pe,{loading:k,disabled:y,readonly:I,value:c}),p&&Ra(ns,{children:[n&&ae(Ve,{}),ae(Ge,{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(ve,{actionsEnd:ae(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:u,title:he,subtitle:xe}),children:ae("div",{className:"k-list-container",children:ae(R,{customValue:Be?ae(Dt,{text:`Use "${c}"`}):void 0,size:"large",children:Ra(H,{"aria-label":he||"Options",children:[ae(O,{text:"List item"}),ae(O,{text:"List item"}),ae(O,{text:"List item"})]})})})})]})};de.states=Eb;de.options=Ib;de.className=op;de.defaultOptions=ap;de.moduleName=as;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 Ke=de;import{jsx as Tb}from"react/jsx-runtime";var np=e=>Tb(Ke,{...e});import{jsx as $_,jsxs as X_}from"react/jsx-runtime";import{jsx as Q_,jsxs as j_}from"react/jsx-runtime";import{jsx as r0,jsxs as s0}from"react/jsx-runtime";import{Fragment as m0,jsx as c0}from"react/jsx-runtime";import{Fragment as g0,jsx as x0}from"react/jsx-runtime";import{jsx as S0,jsxs as y0}from"react/jsx-runtime";import{Fragment as P0,jsx as O0,jsxs as B0}from"react/jsx-runtime";import{jsx as _0}from"react/jsx-runtime";import{jsx as U0}from"react/jsx-runtime";import{jsx as q0,jsxs as W0}from"react/jsx-runtime";import{jsx as eD,jsxs as tD}from"react/jsx-runtime";import{jsx as zt,jsxs as Kb}from"react/jsx-runtime";var Ob=de.states,Bb=de.defaultOptions,Pb=de.options,wb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Rb=[],Vo=e=>{let{modifiers:t,...o}=e,a={},n=zt(R,{style:{width:300},size:o.size,children:Kb(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})})};Vo.options=Pb;Vo.states=Ob;Vo.variants=Rb;Vo.defaultOptions=Bb;Vo.modifiers=wb;Vo.className=de.className;var rs="menu-button",rp=rs;import{jsx as Hb}from"react/jsx-runtime";var sp="k-menu-button",_b=[s.hover,s.focus,s.active,s.selected,s.disabled],Db={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]},ss={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=ss.showArrow,arrowIconName:L=ss.arrowIconName,expanded:k,...y}=e;return Hb(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=_b;D.options=Db;D.className=sp;D.defaultOptions=ss;D.moduleName=rs;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 wD}from"react/jsx-runtime";import{jsx as DD}from"react/jsx-runtime";import{jsx as FD}from"react/jsx-runtime";var _e="menu",et=_e;import{jsx as Ka,jsxs as ip}from"react/jsx-runtime";var is="k-menu-item",zb=[s.hover,s.focus,s.active,s.selected,s.disabled],Ub={},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,is,"k-item",S(is,{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"&&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:M})})]}),k]})};ce.states=zb;ce.options=Ub;ce.className=is;ce.defaultOptions=lp;ce.moduleName=_e;ce.folderName=et;import{jsx as _a,jsxs as pp}from"react/jsx-runtime";var ls="k-menu-item",Fb=[s.hover,s.focus,s.active,s.selected,s.disabled],Gb={},ps={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=ps.iconPosition,dir:L=ps.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,ls,"k-item",S(ls,{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"&&_a(v,{className:"k-menu-link-icon",icon:p}),_a("span",{className:"k-menu-link-text",children:c}),p&&m==="after"&&_a(v,{className:"k-menu-link-icon",icon:p}),x&&_a("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:_a(v,{icon:I})})]}),k,y]})};q.states=Fb;q.options=Gb;q.className=ls;q.defaultOptions=ps;q.moduleName=_e;q.folderName=et;import{jsx as qb}from"react/jsx-runtime";var dp="k-menu-scroll-wrapper",Vb=[],$b={},Xb={},ao=e=>{let{className:t,children:o,orientation:a,...n}=e;return qb("div",{...n,className:r(t,dp,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ao.states=Vb;ao.options=$b;ao.className=dp;ao.defaultOptions=Xb;ao.moduleName=_e;ao.folderName=et;var cp=ao;import{Fragment as ds,jsx as no,jsxs as Ln}from"react/jsx-runtime";var cs="k-menu",Wb=[],Jb={},Mn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=Mn.orientation,header:a=Mn.header,scrollable:n,scrollButtonsPosition:i=Mn.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",cs,{[`${cs}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Ln(ds,{children:[n?Ln(cp,{orientation:o,style:p,dir:e.dir,children:[i==="start"&&Ln(ds,{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"&&Ln(ds,{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=Wb;re.options=Jb;re.className=cs;re.defaultOptions=Mn;re.moduleName=_e;re.folderName=et;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 Yb}from"react/jsx-runtime";var ms="k-separator",mp={orientation:"horizontal"},$o=e=>{let{orientation:t=mp.orientation,...o}=e;return Yb("li",{...o,className:r(e.className,"k-item",ms,{[`${ms}-${t}`]:t}),role:"separator"})};$o.className=ms;$o.defaultOptions=mp;$o.moduleName=_e;$o.folderName=et;import{Fragment as xH,jsx as gH}from"react/jsx-runtime";import{jsx as eh}from"react/jsx-runtime";var us="k-menu-group",Zb=[],Qb={size:[d.undefined,d.small,d.medium,d.large]},jb={},me=e=>{let{children:t,size:o,...a}=e;return eh("ul",{...a,className:r(e.className,us,A(us,{size:o})),role:"menu",children:t})};me.states=Zb;me.options=Qb;me.className=us;me.defaultOptions=jb;me.moduleName=_e;me.folderName=et;import{Fragment as th,jsx as Xo,jsxs as oh}from"react/jsx-runtime";var fs=e=>Xo(re,{children:oh(th,{children:[Xo(ce,{first:!0,text:"Item 1"}),Xo(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Xo(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Xo(ce,{text:"Item 4"}),Xo(ce,{last:!0,text:"Item 5"})]}),...e});import{Fragment as BH,jsx as TH,jsxs as OH}from"react/jsx-runtime";import{Fragment as _H,jsx as KH,jsxs as DH}from"react/jsx-runtime";import{Fragment as GH,jsx as FH,jsxs as VH}from"react/jsx-runtime";import{Fragment as JH,jsx as WH,jsxs as YH}from"react/jsx-runtime";import{jsx as ro,jsxs as ih}from"react/jsx-runtime";var ah={...re.options,scrollable:{type:"boolean"}},nh=re.states,up={...re.defaultOptions,variant:"horizontal"},rh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],sh=[{name:"opened",title:"Opened"}],qo=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:ih(me,{children:[ro(q,{text:"Item 1"}),ro(q,{text:"Item 2"}),ro($o,{}),ro(q,{text:"Item 3"})]})}))}),t==="vertical"?ro(fs,{...a,...n,orientation:"vertical",style:{width:"200px"}}):ro(fs,{...a,...n})};qo.options=ah;qo.states=nh;qo.variants=rh;qo.defaultOptions=up;qo.modifiers=sh;qo.className=re.className;import{Fragment as E1,jsx as A1,jsxs as C1}from"react/jsx-runtime";import{jsx as B1}from"react/jsx-runtime";import{Fragment as mh,jsx as ht,jsxs as fp}from"react/jsx-runtime";var lh=l.states,bp={...l.defaultOptions,variant:"text"},ph=l.options,dh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ch=[{name:"opened",title:"Opened"}],Wo=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(mh,{children:[p,o?.opened&&i]})};Wo.options=ph;Wo.states=lh;Wo.variants=dh;Wo.defaultOptions=bp;Wo.modifiers=ch;Wo.className=D.className;var bs="split-button",hp=bs;import{Fragment as bh,jsx as hs,jsxs as xp}from"react/jsx-runtime";var xs="k-split-button",uh=[s.hover,s.focus,s.active,s.selected,s.disabled],fh={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],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(bh,{children:[xp("div",{...C,className:r(e.className,xs,"k-button-group",A(xs,{rounded:o})),children:[hs(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}),hs(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&&hs($,{className:"k-menu-popup",children:L})]})};P.states=uh;P.options=fh;P.className=xs;P.defaultOptions=gp;P.moduleName=bs;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 gs=P;import{jsx as xh}from"react/jsx-runtime";var hh="k-toolbar-separator",st=e=>xh("div",{className:r(hh,e.className,"k-separator")});var At="toolbar",Ut=At;import{Fragment as Ns,jsx as K,jsxs as Jo}from"react/jsx-runtime";var Ct="k-toolbar",gh=[s.focus],Nh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},vh={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===ga)k.push(K(ga,{...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===gs)k.push(K(gs,{...m.props,className:`k-toolbar-split-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===T||m.props.className&&m.props.className.includes("k-button-group")){let y=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((M,I)=>{y.push(K(l,{...M.props,className:`${M.props.className?M.props.className:""}`},`${I}-${new Date().getTime()}`))}),k.push(K(T,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:y},`${L}-${new Date().getTime()}`))}else m.type===de?k.push(K(de,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===oe?k.push(K(oe,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===Re?k.push(K(Re,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):k.push(m);k.forEach(y=>{x.push(y)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,k)=>{N(L,k)}),Jo("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"&&Jo(Ns,{children:[Jo(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(st,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x})]}),i&&p==="end"&&Jo(Ns,{children:[K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),K(st,{className:"k-toolbar-button-separator"}),Jo(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)&&Jo(Ns,{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(st,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),K(st,{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=gh;z.options=Nh;z.className=Ct;z.defaultOptions=vh;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 Sh}from"react/jsx-runtime";var Np="k-floating-toolbar",kh=[],Lh={},Mh={},Yo=e=>{let{...t}=e;return Sh("div",{...t,className:r(e.className,Np),children:e.children})};Yo.states=kh;Yo.options=Lh;Yo.className=Np;Yo.defaultOptions=Mh;Yo.moduleName=At;Yo.folderName=Ut;import{jsx as Eh}from"react/jsx-runtime";var vs="k-toolbar-item",yh=[s.focus],Ah={},Ch={},Zo=e=>{let{focus:t,...o}=e;return Eh("div",{...o,className:r(e.className,vs,S(vs,{focus:t})),children:e.children})};Zo.states=yh;Zo.options=Ah;Zo.className=vs;Zo.defaultOptions=Ch;Zo.moduleName=At;Zo.folderName=Ut;import{jsx as vp}from"react/jsx-runtime";var kp="k-toolbar-popup",Ih=[],Th={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Oh={},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=Ih;so.options=Th;so.className=kp;so.defaultOptions=Oh;so.moduleName=At;so.folderName=Ut;var Sn=so;import{jsx as Rz}from"react/jsx-runtime";import{jsx as Hz}from"react/jsx-runtime";import{jsx as Gz}from"react/jsx-runtime";import{jsx as Jz,jsxs as Yz}from"react/jsx-runtime";import{jsx as e2}from"react/jsx-runtime";import{jsx as Et,jsxs as Kh}from"react/jsx-runtime";var Bh=P.states,Lp={...P.defaultOptions,variant:"text"},Ph=P.options,wh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Rh=[{name:"opened",title:"Opened"}],Qo=e=>{let{variant:t,modifiers:o,...a}={...Lp,...e},n={},i=Kh(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"})})}};Qo.options=Ph;Qo.states=Bh;Qo.variants=wh;Qo.defaultOptions=Lp;Qo.modifiers=Rh;Qo.className=P.className;import{jsx as io,jsxs as _h}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"),_h(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 I2,jsxs as T2}from"react/jsx-runtime";import{jsx as De,jsxs as Sp}from"react/jsx-runtime";var yp=e=>De(z,{scrollable:!0,...e,children:[De(l,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(P,{children:"Split button"},"toolbar-split-button"),Sp(T,{children:[De(l,{className:"k-group-start",icon:"align-left",children:"Left"}),De(l,{icon:"align-center",children:"Center"}),De(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),De(l,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(P,{children:"Split button"},"toolbar-split-button"),Sp(T,{children:[De(l,{className:"k-group-start",icon:"align-left",children:"Left"}),De(l,{icon:"align-center",children:"Center"}),De(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as He,jsxs as Ap}from"react/jsx-runtime";var Cp=({scrollingPosition:e="start",...t})=>He(z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[He(l,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(P,{children:"Split button"},"toolbar-split-button"),Ap(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"),Ap(T,{children:[He(l,{className:"k-group-start",icon:"align-left",children:"Left"}),He(l,{icon:"align-center",children:"Center"}),He(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Dh,jsx as Ie,jsxs as yn}from"react/jsx-runtime";var Ep=({fillMode:e,size:t,...o})=>yn(Dh,{children:[Ie(z,{section:!0,fillMode:e,size:t,children:[Ie(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),yn(T,{fillMode:e,children:[Ie(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ie(st,{className:"k-toolbar-button-separator"}),Ie(l,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),yn(Sn,{size:t,fillMode:e,section:!0,...o,children:[Ie(P,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ie(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ie(st,{}),Ie(D,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),yn(T,{fillMode:e,children:[Ie(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as pU,jsx as iU,jsxs as lU}from"react/jsx-runtime";import{Fragment as vU,jsx as gU,jsxs as NU}from"react/jsx-runtime";import{jsx as Ft}from"react/jsx-runtime";var Hh=z.options,zh=z.states,Ip={...z.defaultOptions,variant:"default"},Uh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Fh=[],jo=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})})}};jo.options=Hh;jo.states=zh;jo.variants=Uh;jo.defaultOptions=Ip;jo.modifiers=Fh;jo.className=z.className;import{Fragment as Xh,jsx as it,jsxs as Da}from"react/jsx-runtime";var Tp="k-message",Gh=[s.hover,s.selected,s.active,s.focus],Vh={},$h=[it(l,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),it(l,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),it(l,{icon:"download",fillMode:"flat","aria-label":"Download"})],ea={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:$h,failed:"Failed to send"},G=e=>{let{time:t=ea.time,text:o=ea.text,content:a,status:n=ea.status,statusIcon:i,toolbarItems:p=ea.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?ea.failed:M;return Da("div",{...I,className:r(Tp,e.className,{"k-message-removed":y,"k-message-failed":M}),children:[M&&it(se,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),it(Op,{typing:m,selected:u,hover:c,active:f,focus:x,content:Da(Xh,{children:[a,o&&it("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:k,files:C}),Da("div",{className:"k-message-info",children:[n&&Da("span",{className:"k-message-status",children:[i&&it(v,{icon:i,size:"xsmall"}),n]}),t&&it("time",{className:"k-message-time",children:t}),M&&Da("span",{className:"k-message-failed-content",children:[M&&it(v,{icon:"warning-triangle",size:"xsmall"}),M&&it("span",{className:"k-message-failed-text",children:X})]})]}),N&&it(z,{className:"k-chat-message-toolbar",fillMode:"flat",children:p})]})};G.states=Gh;G.options=Vh;G.className=Tp;G.defaultOptions=ea;var ks="avatar",Bp=ks;import{jsx as Pp}from"react/jsx-runtime";var Ha="k-avatar";var qh=[s.hover,s.focus,s.active,s.selected,s.disabled],Wh={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]},Ls={type:"text",border:!1},ue=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Ls.type,border:p=Ls.border,...c}=e;return Pp("div",{...c,className:r(e.className,Ha,A(Ha,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ha}-bordered`]:p}),children:Pp("span",{className:`${Ha}-${i}`,children:e.children})})};ue.states=qh;ue.options=Wh;ue.className=Ha;ue.defaultOptions=Ls;ue.moduleName=ks;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 Jh}from"react/jsx-runtime";var wp=e=>Jh(lo,{type:"icon",...e});import{jsx as Yh}from"react/jsx-runtime";var Rp=e=>Yh(lo,{type:"text",...e});import{jsx as Zh}from"react/jsx-runtime";var An=e=>Zh(lo,{type:"image",...e});import{jsx as u3}from"react/jsx-runtime";import{jsx as za}from"react/jsx-runtime";var Qh=ue.options,jh=ue.states,ex={...ue.defaultOptions,variant:"image"},tx=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],ox=[],ta=e=>{let{variant:t,...o}=e;switch(t){case"icon":return za(wp,{...o,children:za(v,{icon:"star"})});case"text":return za(Rp,{...o,children:"JO"});default:return za(An,{...o,children:za("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};ta.options=Qh;ta.states=jh;ta.variants=tx;ta.defaultOptions=ex;ta.modifiers=ox;ta.className=ue.className;import{jsx as oa,jsxs as Ms}from"react/jsx-runtime";var Ua="k-message-group",ax=[s.selected],nx={},Cn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},V=e=>{let{type:t=Cn.type,author:o=Cn.author,avatar:a=Cn.avatar,status:n,selected:i,fullWidth:p,...c}=e;return Ms("div",{...c,className:r(Ua,e.className,S(Ua,{selected:i}),{[`${Ua}-${t}`]:t,"k-no-avatar":!a,[`${Ua}-full-width`]:p}),children:[a&&!n&&oa(ue,{type:"image",children:oa("img",{src:a,alt:o||""})}),n&&a&&Ms("div",{className:"k-chat-user-status-wrapper",children:[oa(ue,{type:"image",children:oa("img",{src:a,alt:o||""})}),oa("div",{className:"k-chat-user-status"})]}),Ms("div",{className:"k-message-group-content",children:[o&&oa("span",{className:"k-message-author",children:o}),e.children]})]})};V.states=ax;V.options=nx;V.className=Ua;V.defaultOptions=Cn;import{Fragment as sx,jsx as En,jsxs as Kp}from"react/jsx-runtime";var Ss="k-message-reference",rx={},_p={type:"receiver"},aa=e=>{let{content:t,closeable:o,pinned:a,type:n=_p.type,...i}=e;return Kp("div",{...i,className:r(Ss,e.className,{[`${Ss}-${n}`]:n,"k-message-pinned":a}),children:[a&&En(v,{icon:"pin-outline"}),En("div",{className:"k-message-reference-content",children:t}),o&&Kp(sx,{children:[En("span",{className:"k-spacer"}),En(l,{icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};aa.options=rx;aa.className=Ss;aa.defaultOptions=_p;var ys="bubble",Dp=ys;import{jsx as In,jsxs as lx}from"react/jsx-runtime";var As="k-bubble",ix=[s.hover,s.active,s.selected,s.focus],Cs={expandable:!1,expanded:!1},Gt=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:p=Cs.expandable,expanded:c=Cs.expanded,...u}=e;return lx("div",{...u,className:r(e.className,As,S(As,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":p},{"k-expanded":c}),tabIndex:0,children:[In("div",{className:"k-bubble-content",children:t??e.children}),p&&In("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":c?"Show less":"Show more",tabIndex:0,children:c?In(v,{icon:"chevron-up"}):In(v,{icon:"chevron-down"})})]})};Gt.states=ix;Gt.className=As;Gt.defaultOptions=Cs;Gt.moduleName=ys;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 q3}from"react/jsx-runtime";import{jsx as Z3}from"react/jsx-runtime";import{jsx as tF}from"react/jsx-runtime";import{jsx as Es,jsxs as zp}from"react/jsx-runtime";var px="k-chat-bubble",Op=e=>{let{typing:t,content:o,files:a,...n}=e;return zp(Gt,{...n,className:r(e.className,px),children:[t?zp("div",{className:"k-typing-indicator",tabIndex:-1,children:[Es("span",{}),Es("span",{}),Es("span",{})]}):o,a]})};import{jsx as hF}from"react/jsx-runtime";import{jsx as Up,jsxs as dx}from"react/jsx-runtime";var Fp="k-chat-event",Is={icon:"trash",text:"You deleted Chat history."},Gp=e=>{let{icon:t=Is.icon,text:o=Is.text,...a}=e;return dx("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=Is;import{jsx as AF}from"react/jsx-runtime";import{Fragment as cx,jsx as xt,jsxs as mx}from"react/jsx-runtime";var Vp=e=>xt(U,{children:mx(cx,{children:[xt("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),xt(V,{children:xt(G,{})}),xt(V,{type:"sender",children:xt(G,{})}),xt(V,{children:xt(G,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),xt(V,{type:"sender",children:xt(G,{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 Tn="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,Tn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${Tn}-scrollable-start`]:t==="horizontal"&&(o==="start"||o==="both"),[`${Tn}-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=Tn;gt.defaultOptions=Xp;var Ts="file-box",qp=Ts;import{jsx as na,jsxs as Wp}from"react/jsx-runtime";var Jp="k-file-box",ux=[s.selected],fx={},Fa={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},ye=e=>{let{icon:t=Fa.icon,name:o=Fa.name,size:a=Fa.size,status:n,deleted:i,removeButton:p,showButton:c=Fa.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:[na(v,{icon:t,size:"xlarge","aria-hidden":"true"}),Wp("div",{className:"k-file-info",children:[o&&na("span",{className:"k-file-name",children:o}),a&&na("span",{className:"k-file-size",children:a}),n&&na("span",{className:"k-file-status",children:n})]}),c&&(p?na(l,{as:"span",icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):na(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};ye.states=ux;ye.options=fx;ye.className=Jp;ye.defaultOptions=Fa;ye.moduleName=Ts;ye.folderName=qp;ye.ariaSpec={selector:".k-file-box-wrapper",rules:[{selector:".k-file-box-wrapper",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-file-box-wrapper",attribute:"aria-label",usage:'Provides an accessible name for the file list (e.g. "Attached files").'},{selector:".k-file-box-wrapper .k-files-scroll",attribute:"role=presentation",usage:"The scrollable container between the list and its items is presentational, ensuring the list\u2192listitem relationship is preserved in the accessibility tree."},{selector:".k-file-box-wrapper .k-file-box",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-file-box-wrapper .k-file-box",attribute:"tabindex",usage:"Makes the file box focusable. Uses roving tabindex: 0 for the focused item, -1 for the rest."},{selector:".k-file-box-wrapper .k-file-box",attribute:"aria-label",usage:'Provides an accessible name describing the file. Can include the file name and size (e.g. "FileName.pdf 2MB").'},{selector:".k-file-box-wrapper .k-file-box .k-icon",attribute:"aria-hidden=true",usage:"The file type icon is decorative and hidden from screen readers."},{selector:".k-file-box-wrapper .k-file-box span.k-button",attribute:"aria-hidden=true",usage:"The remove button is rendered as a decorative span and hidden from screen readers. File removal is handled by keyboard interaction on the listitem itself."}]};import{jsx as $F}from"react/jsx-runtime";import{jsx as YF}from"react/jsx-runtime";import{jsx as t5,jsxs as o5}from"react/jsx-runtime";import{jsx as i5,jsxs as l5}from"react/jsx-runtime";import{jsx as u5}from"react/jsx-runtime";import{Fragment as C5,jsx as A5,jsxs as E5}from"react/jsx-runtime";import{Fragment as P5,jsx as B5,jsxs as w5}from"react/jsx-runtime";import{Fragment as H5,jsx as D5,jsxs as z5}from"react/jsx-runtime";var Os="window",Yp=Os;import{jsx as gx}from"react/jsx-runtime";var Zp="k-window-content",bx=[],hx={},xx={},Vt=e=>{let{children:t,...o}=e;return gx("div",{...o,className:r(Zp,e.className),children:t})};Vt.states=bx;Vt.options=hx;Vt.className=Zp;Vt.defaultOptions=xx;Vt.moduleName=Os;Vt.folderName=Yp;var Ga="dialog",On=Ga;import{Fragment as kx,jsx as po,jsxs as Bs}from"react/jsx-runtime";var Qp="k-dialog",Nx=[],vx={},Ps={actionButtonsAlign:"stretched",modal:!0},Te=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Ps.actionButtonsAlign,modal:i=Ps.modal,...p}=e,c=t!==void 0?w("dialog-titlebar"):void 0,u=w("dialog-content");return Bs("div",{className:"k-dialog-wrapper",children:[i&&po(ut,{}),Bs("div",{...p,className:r(e.className,Qp,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0||o)&&Bs("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&po("span",{className:"k-window-title k-dialog-title",children:t}),o&&po(kx,{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(we,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};Te.states=Nx;Te.options=vx;Te.className=Qp;Te.defaultOptions=Ps;Te.moduleName=Ga;Te.folderName=On;Te.ariaSpec={selector:".k-dialog",rules:[{selector:".k-dialog",attribute:"role=dialog or role=alertdialog",usage:"Announces the dialog or alertdialog role of the component."},{selector:".k-dialog",attribute:"aria-labelledby",usage:"Associate the title of the dialog."},{selector:".k-dialog",attribute:"aria-describedby",usage:"Associate the dialog content to the wrap element."},{selector:".k-overlay + .k-dialog",attribute:"aria-modal=true",usage:"Announces that the dialog is modal. Attribute is added only when the dialog is modal."}]};var ws=Te;import{jsx as yx}from"react/jsx-runtime";var jp="k-dialog-wrapper",Lx=[],Mx={},Sx={},ra=e=>{let{...t}=e;return yx("div",{...t,className:r(e.className,jp),children:e.children})};ra.states=Lx;ra.options=Mx;ra.className=jp;ra.defaultOptions=Sx;ra.moduleName=Ga;ra.folderName=On;import{Fragment as ed,jsx as Bn,jsxs as Ax}from"react/jsx-runtime";var td=e=>Bn(ws,{title:"Title",children:Bn(ed,{children:"Dialog content"}),actionButtons:Ax(ed,{children:[Bn(l,{children:"Action"}),Bn(l,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as uG,jsx as fG,jsxs as bG}from"react/jsx-runtime";import{Fragment as Bx,jsx as Pn,jsxs as Px}from"react/jsx-runtime";var Cx=Te.options,Ex=[],Ix=Te.states,Tx=Te.defaultOptions,Ox=[],sa=e=>Pn(td,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:Px(Bx,{children:[Pn(l,{children:"No"}),Pn(l,{themeColor:"primary",children:"Yes"})]}),children:Pn("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});sa.options=Cx;sa.states=Ix;sa.variants=Ex;sa.defaultOptions=Tx;sa.modifiers=Ox;sa.className=Te.className;var Rs="dropzone",od=Rs;import{jsx as wn,jsxs as Kx}from"react/jsx-runtime";var Ks="k-external-dropzone",wx=[s.disabled,s.hover],Rx={},_s={icon:"upload",hint:"Drag and drop files here to upload"},Ae=e=>{let{hover:t,disabled:o,icon:a=_s.icon,hint:n=_s.hint,note:i,...p}=e;return wn("div",{...p,className:r(e.className,Ks,S(Ks,{disabled:o}),{"k-external-dropzone-hover":t}),children:Kx("div",{className:"k-dropzone-inner",children:[a&&wn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&wn("span",{className:"k-dropzone-hint",children:n}),i&&wn("span",{className:"k-dropzone-note",children:i})]})})};Ae.states=wx;Ae.options=Rx;Ae.className=Ks;Ae.defaultOptions=_s;Ae.moduleName=Rs;Ae.folderName=od;import{jsx as _x}from"react/jsx-runtime";var ad=e=>_x(Ae,{...e});import{jsx as zG}from"react/jsx-runtime";import{jsx as Gx}from"react/jsx-runtime";var Dx=Ae.options,Hx=Ae.states,zx=Ae.defaultOptions,Ux=[{name:"note",title:"Note"}],Fx=[],ia=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)}),Gx(ad,{style:{width:"500px"},...o,...a})};ia.options=Dx;ia.states=Hx;ia.variants=Fx;ia.defaultOptions=zx;ia.modifiers=Ux;ia.className=Ae.className;import{Fragment as Rn,jsx as $t,jsxs as Va}from"react/jsx-runtime";var Ds="k-upload-dropzone",Vx=[s.hover],Kn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...p}=e,c;switch(o){case"uploading":c=Va(Rn,{children:[$t(v,{icon:"upload"}),"Uploading..."]});break;case"done":c=Va(Rn,{children:[$t(v,{icon:"check"}),"Done"]});break;case"failed":c=Va(Rn,{children:[$t(v,{icon:"exclamation-circle"}),"Done"]});break;default:c=$t(Rn,{});break}return Va("div",{...p,className:r(e.className,Ds,"k-dropzone",S(Ds,{hover:t})),children:[Va("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})]})};Kn.states=Vx;Kn.className=Ds;var Hs="upload",nd=Hs;import{jsx as _n,jsxs as sd}from"react/jsx-runtime";var zs="k-upload",$x=[s.hover,s.disabled],Xx={},id={actionsLayout:"end"},rd="upload-files-list",j=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=id.actionsLayout,hover:i,status:p,disabled:c,...u}=e,f=!!e.children;return sd("div",{...u,className:r(e.className,zs,S(zs,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[_n(Kn,{status:p,hover:i,disabled:c,hasFiles:f,filesId:rd}),f&&_n("ul",{className:"k-upload-files",role:"list",id:rd,children:e.children}),a&&f&&sd(qi,{alignment:n,orientation:"horizontal",children:[_n(l,{className:"k-clear-selected",children:"Clear"}),_n(l,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};j.states=$x;j.options=Xx;j.className=zs;j.defaultOptions=id;j.moduleName=Hs;j.folderName=nd;j.ariaSpec={selector:".k-upload",rules:[{selector:".k-upload .k-upload-button",attribute:"aria-disabled",usage:"Announces the disabled state of the upload button."},{selector:".k-upload .k-upload-button",attribute:"aria-controls (when present)",usage:"Creates the relationship between the button and the list of selected files when the list is present."},{selector:".k-upload input",attribute:"tabindex=-1",usage:"Assures that the input element inside the upload is not focusable."},{selector:".k-upload input",attribute:"aria-hidden=true",usage:"The input needs to be hidden from screen readers."},{selector:".k-upload-files",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-upload-files",attribute:"id",usage:"Unique and deterministic id linked to the button aria-controls attribute."},{selector:".k-upload-files .k-file",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-upload .k-file .k-file-validation-message",attribute:"aria-live=polite",usage:"Announces the change in the upload status of the file."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"aria-label",usage:"Provides accessible names for the file action buttons."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"tabindex=-1",usage:"The list file action buttons are not focusable elements."}]};var $a="progressbar",Dn=$a;import{jsx as Fs,jsxs as Us}from"react/jsx-runtime";var tt="k-progressbar",qx=[s.disabled,s.indeterminate],Wx={orientation:["horizontal","vertical"]},co={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},fe=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 Us("div",{...m,className:r(e.className,tt,S(tt,{disabled:t}),{[`${tt}-${p}`]:p,[`${tt}-indeterminate`]:a,[`${tt}-reverse`]:c}),style:{...x,"--kendo-progressbar-value":u,[p==="horizontal"?"height":"width"]:p==="horizontal"?o:f},role:"progressbar","aria-label":N||"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Fs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Us("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Fs("div",{className:"k-progressbar-value k-selected",children:Fs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Us("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};fe.states=qx;fe.options=Wx;fe.className=tt;fe.defaultOptions=co;fe.moduleName=$a;fe.folderName=Dn;fe.ariaSpec={selector:".k-progressbar",implicitRole:"progressbar",rules:[{selector:".k-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ProgressBar."},{selector:".k-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ProgressBar needs an accessible name to be assigned to it."},{selector:".k-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Decimal value between aria-valuemin and aria-valuemax."},{selector:".k-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to 100."}]};var ld=fe;import{jsx as Gs}from"react/jsx-runtime";var pd="k-chunk-progressbar",Jx=(e,t)=>t<=e-1,Yx=[s.disabled,s.indeterminate],Zx={},Hn={chunkCount:5,orientation:"horizontal",progress:0},mo=e=>{let{disabled:t,chunkCount:o=Hn.chunkCount,indeterminate:a,orientation:n=Hn.orientation,progress:i=Hn.progress,reverse:p,ariaLabel:c,...u}=e;return Gs("div",{...u,className:r(e.className,tt,pd,S(tt,{disabled:t}),{[`${tt}-${n}`]:n,[`${tt}-indeterminate`]:a,[`${tt}-reverse`]:p}),role:"progressbar","aria-label":c||"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Gs("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,x)=>Gs("li",{className:r("k-progressbar-chunk",{"k-first":x===0,"k-last":x===[...Array(o)].length-1,"k-selected":Jx(i,x)})},x))})})};mo.states=Yx;mo.options=Zx;mo.className=pd;mo.defaultOptions=Hn;mo.moduleName=$a;mo.folderName=Dn;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 Qx}from"react/jsx-runtime";var Xa=e=>Qx(ld,{...e});import{jsx as C6}from"react/jsx-runtime";import{jsx as Xt}from"react/jsx-runtime";var jx=fe.options,eg=fe.states,dd={...fe.defaultOptions,variant:"start"},tg=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],og=[],la=e=>{let{variant:t,modifiers:o,...a}={...dd,...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(Xa,{...a,...n,labelPosition:"end",value:"50"})});case"center":return Xt("div",{...i,children:Xt(Xa,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return Xt("div",{...i,children:Xt(Xa,{...a,...n,label:!1,value:"50"})});default:return Xt("div",{...i,children:Xt(Xa,{...a,...n,labelPosition:"start",value:"50"})})}};la.options=jx;la.states=eg;la.variants=tg;la.defaultOptions=dd;la.modifiers=og;la.className=fe.className;import{jsx as Vs,jsxs as ng}from"react/jsx-runtime";var ag="k-file-info",$s=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return ng("div",{...n,className:r(e.className,ag),children:[t&&Vs("span",{className:"k-file-name",children:t}),o&&Vs("span",{className:"k-file-size",children:o}),a&&Vs("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as sg,jsx as It,jsxs as zn}from"react/jsx-runtime";var rg="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,rg,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:zn("div",{className:"k-file-single",children:[It(fe,{className:r({"k-hidden":t!=="progress"}),value:o,label:!1}),zn("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($s,{name:a,size:i,validationMsg:c}),It("div",{className:"k-upload-actions",children:t==="progress"?zn(sg,{children:[zn("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 a7,jsx as t7,jsxs as o7}from"react/jsx-runtime";import{Fragment as ig,jsx as Xs,jsxs as lg}from"react/jsx-runtime";var qa=e=>Xs(j,{async:!0,children:lg(ig,{children:[Xs(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),Xs(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as u7,jsx as c7,jsxs as m7}from"react/jsx-runtime";import{jsx as pg}from"react/jsx-runtime";var cd=e=>pg(j,{async:!0,empty:!0,...e});import{Fragment as k7,jsx as v7,jsxs as L7}from"react/jsx-runtime";import{Fragment as C7,jsx as A7,jsxs as E7}from"react/jsx-runtime";import{jsx as Tt,jsxs as Un}from"react/jsx-runtime";var dg=j.options,cg=j.states,md={...j.defaultOptions,variant:"empty"},mg=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],ug=[],pa=e=>{let{variant:t,...o}={...md,...e};switch(t){case"success":return Un(qa,{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 Un(qa,{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 Un(qa,{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 Un(qa,{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(cd,{async:!0,status:"upload",style:{width:"586px"},...o})}};pa.options=dg;pa.states=cg;pa.variants=mg;pa.defaultOptions=md;pa.modifiers=ug;pa.className=j.className;import{Fragment as o9,jsx as t9,jsxs as a9}from"react/jsx-runtime";import{jsx as i9}from"react/jsx-runtime";import{Fragment as m9,jsx as c9,jsxs as u9}from"react/jsx-runtime";import{Fragment as g9,jsx as x9,jsxs as N9}from"react/jsx-runtime";import{Fragment as S9,jsx as M9,jsxs as y9}from"react/jsx-runtime";import{Fragment as T9,jsx as I9}from"react/jsx-runtime";var qs="appbar",ud=qs;import{jsx as xg}from"react/jsx-runtime";var Ws="k-appbar",fg=[],bg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.inverse]},hg={},be=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return xg("div",{...n,className:r(e.className,Ws,A(Ws,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};be.states=fg;be.options=bg;be.className=Ws;be.defaultOptions=hg;be.moduleName=qs;be.folderName=ud;be.ariaSpec={selector:".k-appbar",rules:[]};import{jsx as Ng}from"react/jsx-runtime";var gg="k-appbar-section",Nt=e=>{let{...t}=e;return Ng("div",{...t,className:r(gg,e.className),children:e.children})};import{Fragment as $9,jsx as G9,jsxs as V9}from"react/jsx-runtime";import{jsx as ee,jsxs as da}from"react/jsx-runtime";var Js={...be.options,positionMode:["static","sticky","fixed"]},vg=be.states,fd={...be.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};Js.themeColor=["primary",...Js.themeColor.filter(e=>e!=="primary")];var kg=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],ca=e=>{let{variant:t,...o}={...fd,...e},a=da(be,{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"}),da(Nt,{children:[ee(nt,{fillMode:"flat",children:"Button"}),ee(nt,{fillMode:"flat",children:"Button"}),ee(nt,{fillMode:"flat",children:"Button"})]}),ee("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),ee(Nt,{children:ee(ln,{value:"Input value"})}),da(Nt,{children:[ee(se,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),ee("span",{className:"k-appbar-separator"}),ee(An,{className:"k-mx-sm",children:ee("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=da("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"?da("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):da("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};ca.options=Js;ca.states=vg;ca.variants=kg;ca.defaultOptions=fd;ca.modifiers=[];ca.className=be.className;var Ys="suggestion",bd=Ys;import{jsx as Fn,jsxs as Sg}from"react/jsx-runtime";var Gn="k-suggestion-group",Lg=[],Mg={},hd={layout:"scrollable",scrollingPosition:"start"},ot=e=>{let{layout:t=hd.layout,scrollingPosition:o,...a}=e,n=Fn("div",{...a,className:r(Gn,{"k-suggestion-group-scrollable":t=="scrollable",[`${Gn}-scrollable-start`]:o==="start"||o==="both",[`${Gn}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?Fn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Sg("div",{className:"k-suggestion-scrollwrap",children:[Fn(l,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Fn(l,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};ot.states=Lg;ot.options=Mg;ot.className=Gn;ot.defaultOptions=hd;ot.moduleName=Ys;ot.folderName=bd;import{jsx as Eg}from"react/jsx-runtime";var Vn="k-suggestion",yg=[s.active,s.hover,s.focus],Ag={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},Cg={text:"Suggestion"},at=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...p}=e;return Eg("span",{...p,className:r(e.className,Vn,S(Vn,{hover:a,active:o,focus:n}),A(Vn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};at.states=yg;at.options=Ag;at.className=Vn;at.item=Cg;import{Fragment as g4,jsx as x4,jsxs as N4}from"react/jsx-runtime";import{Fragment as S4,jsx as M4,jsxs as y4}from"react/jsx-runtime";import{Fragment as T4,jsx as I4,jsxs as O4}from"react/jsx-runtime";import{Fragment as wg,jsx as te,jsxs as $n}from"react/jsx-runtime";var Ig=U.states,Tg=U.defaultOptions,Og=U.options,Bg=[{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"}],Pg=[],ma=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=$n(be,{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(aa,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),p=$n(ot,{children:[te(at,{text:"Provide a CV template"}),te(at,{text:"Generate a cover letter"})]}),c=$n(ot,{children:[te(at,{themeColor:"primary",text:"Thank you!"}),te(at,{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(wg,{});break;default:break}});let{header:m,pinned:L,suggestedActions:k,author:y,avatar:C,quickReplies:M}=a;return $n(Vp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:k,children:[te(V,{avatar:f,author:y?N:null,children:te(G,{text:"Hello, this is a demo bot. How can I help you ?"})}),te(V,{avatar:C?u:null,author:y?x:null,type:"sender",children:te(G,{text:"Hello! Generate a cover letter."})}),te(V,{avatar:f,author:y?N:null,children:te(G,{text:"Sure. Here is a cover letter template",files:te(gt,{children:te(ye,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),M]})};ma.options=Og;ma.states=Ig;ma.variants=Pg;ma.defaultOptions=Tg;ma.modifiers=Bg;ma.className=U.className;var Zs="skeleton",xd=Zs;import{jsx as Dg}from"react/jsx-runtime";var Qs="k-skeleton",Rg=["circle","text","rect"],Kg=[],_g={},js={variant:"text",shape:"text",animation:"pulse"},ze=e=>{let{variant:t,shape:o,animation:a=js.animation,...n}=e,i=`skeleton-${t||o||js.variant}`;return Dg("span",{...n,className:r(e.className,Qs,Ja(Qs,i),{[`k-skeleton-${a}`]:a}),style:e.style})};ze.states=Kg;ze.options=_g;ze.variants=Rg;ze.className=Qs;ze.defaultOptions=js;ze.moduleName=Zs;ze.folderName=xd;ze.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as Hg}from"react/jsx-runtime";var uo=e=>Hg(ze,{...e});import{jsx as zg}from"react/jsx-runtime";var gd=e=>zg(ze,{shape:"rect",...e});import{jsx as O8}from"react/jsx-runtime";import{Fragment as Ug,jsx as Ue,jsxs as Xn}from"react/jsx-runtime";var z8=e=>Ue(U,{children:Xn(Ug,{children:[Ue("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Ue(V,{fullWidth:!0,children:Ue(G,{text:null,content:Xn("div",{className:"k-skeleton-container",style:{width:"100%"},children:[Ue(uo,{style:{width:"100%"}}),Ue(uo,{style:{width:"100%"}}),Ue(uo,{style:{width:"100%"}}),Ue(uo,{style:{width:"75%"}})]})})}),Ue(V,{type:"sender",fullWidth:!0,avatar:null,children:Ue(G,{text:null,content:Xn("div",{className:"k-skeleton-container",style:{width:"100%",display:"flex",alignItems:"center",gap:"var( --kendo-spacing-1 )"},children:[Ue(gd,{style:{width:"32px",height:"32px"}}),Xn("div",{style:{flex:"1 1 50%"},children:[Ue(uo,{style:{width:"100%"}}),Ue(uo,{style:{width:"50%"}})]})]})})})]}),...e});export{z8 as ChatMessageSkeleton};
+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 Ja(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 Yn={};function w(e){return Yn[e]=(Yn[e]||0)+1,`k-${e}-${Yn[e]}`}import{Fragment as Md,jsx as ti}from"react/jsx-runtime";var Zn="k-font-icon",vd=[],kd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},Ld={},ua=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...p}=e;return a?ti("span",{...p,className:r(e.className,Zn,A(Zn,{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(Md,{})};ua.states=vd;ua.options=kd;ua.className=Zn;ua.defaultOptions=Ld;var oi=ua;import{Fragment as Ad,jsx as Ya}from"react/jsx-runtime";var Qn="k-svg-icon",Sd=[],yd={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]},jn={viewBox:"0 0 24 24",variant:lt.outline},fa=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=jn.viewBox,variant:p=jn.variant,icon:c,...u}=e;if(!c)return Ya(Ad,{});if(c==="none")return Ya("span",{...u,className:r(e.className,Qn,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 Ya("span",{...u,className:r(e.className,Qn,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:Ya("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})})};fa.states=Sd;fa.options=yd;fa.className=Qn;fa.defaultOptions=jn;var er=fa;import*as tr from"@progress/kendo-svg-icons";var ai="icon",ni="icons";import{useContext as Ed}from"react";import{createContext as Cd}from"react";var ri=Cd({iconsType:"svg"});import{Fragment as si,jsx as ba}from"react/jsx-runtime";var Za="k-icon",Id=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Td=[],Od={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]},Qa={viewBox:"0 0 24 24",type:"svg",variant:lt.outline},v=e=>{let{iconsType:t}=Ed(ri),{size:o,themeColor:a,icon:n,type:i=t||Qa.type,rotate:p,flip:c,viewBox:u=Qa.viewBox,variant:f=Qa.variant,...x}=e;if(!n)return ba(si,{});if((t||i)==="svg"){if(n==="none")return ba(er,{...x,className:r(e.className,Za),icon:n,size:o,variant:f});let m=tr[n]?n:Id(`${n}-icon`);return tr[m]?ba(er,{...x,className:r(e.className,Za),icon:tr[m],size:o,themeColor:a,rotate:p,flip:c,viewBox:u,variant:f}):ba(si,{})}return ba(oi,{...x,className:r(e.className,Za),icon:n,size:o,themeColor:a,rotate:p,flip:c})};v.states=Td;v.options=Od;v.defaultOptions=Qa;v.className=Za;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 or="button",ii=or;import{Fragment as Rd,jsx as ha,jsxs as li}from"react/jsx-runtime";var xa="k-button",Bd=["icon-button"],Pd=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],wd={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]},ar={showArrow:!1,arrowIconName:"chevron-down"},l=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:p=ar.showArrow,arrowIconName:c=ar.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,he=C!==void 0,xe=e.children!==void 0;return li(t,{className:r(X,xa,Ja(xa,u),A(xa,{size:o,rounded:a,fillMode:n,themeColor:i}),S(xa,{hover:f,focus:x,active:N,disabled:L||y,selected:m}),{"k-icon-button":!M&&!xe&&he}),...pe,"aria-pressed":k?m?"true":"false":void 0,"aria-disabled":y?"true":void 0,disabled:L||void 0,children:[C&&ha(v,{className:r(I,"k-button-icon"),icon:C}),M?li(Rd,{children:[M&&ha("span",{className:"k-button-text",children:M}),e.children]}):e.children&&ha("span",{className:"k-button-text",children:e.children}),p&&ha("span",{className:"k-menu-button-arrow k-button-arrow",children:ha(v,{icon:c})})]})};l.states=Pd;l.options=wd;l.variants=Bd;l.className=xa;l.defaultOptions=ar;l.moduleName=or;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 Kd}from"react/jsx-runtime";var se=e=>Kd(l,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as _d}from"react/jsx-runtime";var ga=e=>_d(l,{icon:"folder",children:"Button",...e});import{jsx as Dd}from"react/jsx-runtime";var nt=e=>Dd(l,{children:"Button",...e});import{jsx as nr}from"react/jsx-runtime";var Hd=l.options,zd=l.states,Ud={...l.defaultOptions,variant:"text"},Fd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Gd=[],fo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return nr(se,{...o,icon:"star"});case"icon-and-text":return nr(ga,{...o,icon:"star",children:"Button"});default:return nr(nt,{...o,children:"Button"})}};fo.options=Hd;fo.states=zd;fo.variants=Fd;fo.defaultOptions=Ud;fo.modifiers=Gd;fo.className=l.className;import{jsx as pi,jsxs as Wd}from"react/jsx-runtime";var ja="k-fab",Xd=[s.hover,s.focus,s.active,s.selected,s.disabled],qd={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"},Y=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 Wd("button",{...L,type:p,className:r(e.className,ja,A(ja,{size:t,rounded:o,themeColor:a}),S(ja,{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})]})};Y.states=Xd;Y.options=qd;Y.className=ja;Y.defaultOptions=di;Y.moduleName="fab";Y.folderName="fab";Y.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 Yd}from"react/jsx-runtime";var Jd="k-fab-items",ci=e=>{let{position:t,...o}=e;return Yd("ul",{...o,className:r(e.className,Jd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as ui,jsxs as Qd}from"react/jsx-runtime";var mi="k-fab-item",Zd=[s.hover,s.focus,s.active,s.disabled],rr=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:p,disabled:c,...u}=e;return Qd("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})]})};rr.states=Zd;import{jsx as lv}from"react/jsx-runtime";import{jsx as jd}from"react/jsx-runtime";var fi=e=>jd(Y,{icon:"plus",...e});import{jsx as bv}from"react/jsx-runtime";import{jsx as Nv}from"react/jsx-runtime";import{jsx as bo,jsxs as rc}from"react/jsx-runtime";var ec=Y.options,tc=Y.states,oc={...Y.defaultOptions,variant:"text"},ac=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],nc=[{name:"opened",title:"Opened"}],ho=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o||{},i=n?bo("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:bo(ci,{position:"bottom",children:bo(rr,{text:"Item",icon:"pencil",align:"right"})})}):null,p;switch(t){case"icon-only":p=bo(Y,{...a,icon:"star"});break;case"icon-and-text":p=bo(Y,{...a,icon:"star",text:"Action"});break;default:p=bo(Y,{...a,text:"Action"});break}return rc("span",{style:{position:"relative"},children:[p,i]})};ho.options=ec;ho.states=tc;ho.variants=ac;ho.defaultOptions=oc;ho.modifiers=nc;ho.className=Y.className;import{jsx as lc}from"react/jsx-runtime";var sr="k-input-inner",sc=[],ic={},en={type:"text",autocomplete:"off",value:"",placeholder:""},ge=e=>{let{value:t=en.value,type:o=en.type,placeholder:a=en.placeholder,autocomplete:n=en.autocomplete,disabled:i,readOnly:p,...c}=e;return lc("input",{...c,type:o,className:r(e.className,sr,A(sr,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:p||void 0})};ge.states=sc;ge.options=ic;ge.className=sr;import{jsx as cc}from"react/jsx-runtime";var ir="k-input-inner",pc=[],dc={},bi={value:"",placeholder:""},Na=e=>{let{value:t=bi.value,placeholder:o=bi.placeholder,rows:a,disabled:n,...i}=e;return cc("textarea",{...i,className:r(e.className,ir,A(ir,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};Na.states=pc;Na.options=dc;Na.className=ir;var lr="prompt-box",hi=lr;var pr="speech-to-text-button",xi=pr;import{jsx as mc}from"react/jsx-runtime";var gi="k-speech-to-text-button",Ni={icon:"microphone"},Ce=e=>{let{listening:t=!1,icon:o=Ni.icon,...a}=e;return mc(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"})};Ce.states=l.states;Ce.options=l.options;Ce.className=gi;Ce.defaultOptions=Ni;Ce.moduleName=pr;Ce.folderName=xi;Ce.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 ek}from"react/jsx-runtime";import{jsx as nk}from"react/jsx-runtime";import{jsx as xc}from"react/jsx-runtime";var uc=l.states,vi={...l.defaultOptions,variant:"normal"},fc={...l.options,fillMode:l.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},bc=[],hc=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],xo=e=>{let{variant:t,...o}={...vi,...e},a={};return t==="listening"&&(a.listening=!0),xc(Ce,{...o,...a})};xo.options=fc;xo.states=uc;xo.variants=hc;xo.defaultOptions=vi;xo.modifiers=bc;xo.className=Ce.className;import{jsx as go,jsxs as dr}from"react/jsx-runtime";var pt="k-prompt-box",gc=[s.hover,s.focus,s.disabled],Nc={fillMode:[h.undefined,h.solid,h.flat,h.outline]},cr={lineMode:"auto",isExpanded:!1},vt=e=>{let{fillMode:t,lineMode:o=cr.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:p=cr.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 dr("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&&go("div",{className:`${pt}-header`,children:i}),dr("div",{className:`${pt}-content`,children:[a&&go("div",{className:`${pt}-affix`,children:a}),o==="single"?go(ge,{value:f,placeholder:x,className:`${pt}-input`,type:"text","aria-label":"Prompt input"}):go(Na,{value:f,placeholder:x,className:`${pt}-textarea`,rows:o==="multi"||p?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),dr("div",{className:`${pt}-affix`,children:[n,go(Ce,{size:"small",fillMode:"flat",rounded:"full"}),go(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=gc;vt.options=Nc;vt.className=pt;vt.defaultOptions=cr;vt.moduleName=lr;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 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";import{jsx as Fk}from"react/jsx-runtime";var mr="chat",ki=mr;import{Fragment as Si,jsx as Wt,jsxs as va}from"react/jsx-runtime";var Li="k-chat",vc=[],kc={},Lc=va(Si,{children:[Wt(se,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Wt("div",{className:"k-spacer"})]}),Mi={tools:Lc},U=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 va("div",{...k,className:r(Li,e.className),dir:o,children:[t,va("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"}),va("div",{className:"k-message-box-wrapper",children:[a,Wt(vt,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:n||p?va(Si,{children:[p,n]}):void 0,endAffix:u,...L})]})]})};U.states=vc;U.options=kc;U.className=Li;U.defaultOptions=Mi;U.moduleName=mr;U.folderName=ki;U.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 ur="button",yi=ur;import{jsx as Ac}from"react/jsx-runtime";var ka="k-button-group",Mc=[s.disabled],Sc={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},yc={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Ac("div",{role:"group",...n,className:r(e.className,ka,A(ka,{fillMode:t}),S(ka,{disabled:o}),{[`${ka}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Mc;T.options=Sc;T.className=ka;T.defaultOptions=yc;T.moduleName=ur;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 bL,jsx as fL,jsxs as hL}from"react/jsx-runtime";import{Fragment as LL,jsx as kL,jsxs as ML}from"react/jsx-runtime";import{Fragment as IL,jsx as EL,jsxs as TL}from"react/jsx-runtime";import{Fragment as KL,jsx as RL,jsxs as _L}from"react/jsx-runtime";import{Fragment as GL,jsx as FL,jsxs as VL}from"react/jsx-runtime";import{Fragment as YL,jsx as JL,jsxs as ZL}from"react/jsx-runtime";import{jsx as kt,jsxs as fr}from"react/jsx-runtime";var Cc={...l.options,...T.options},Ec=l.states,Ic={...l.defaultOptions,...T.defaultOptions,variant:"text-button"},Tc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Oc=[],No=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?fr(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"?fr(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"})]}):fr(T,{fillMode:a.fillMode,className:o,children:[kt(l,{...a,children:"First"}),kt(l,{...a,children:"Middle"}),kt(l,{...a,children:"Last"})]})};No.options=Cc;No.states=Ec;No.variants=Tc;No.defaultOptions=Ic;No.modifiers=Oc;No.className=T.className;var La="input",on=La;import{jsx as Rc}from"react/jsx-runtime";var an="k-input",Bc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Pc={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]},wc={},Z=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 Rc("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}))})};Z.states=Bc;Z.options=Pc;Z.className=an;Z.defaultOptions=wc;Z.moduleName=La;Z.folderName=on;import{jsx as Hc}from"react/jsx-runtime";var nn="k-picker",Kc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],_c={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]},Dc={},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 Hc("span",{...N,className:r(e.className,nn,A(nn,{size:u,rounded:f,fillMode:x}),S(nn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:p,readonly:c})),children:e.children})};dt.states=Kc;dt.options=_c;dt.className=nn;dt.defaultOptions=Dc;dt.moduleName=La;dt.folderName=on;import{Fragment as Fc,jsx as br}from"react/jsx-runtime";var Ai="k-clear-value",zc=[s.disabled,s.loading,s.readonly],Uc={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?br(Fc,{}):br("span",{className:r(e.className,Ai),children:br(v,{icon:"x"})})};Pe.states=zc;Pe.options=Uc;Pe.className=Ai;import{jsx as Ci,jsxs as $c}from"react/jsx-runtime";var hr="k-input-inner",Gc=[],Vc={},Jt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...p}=e;return $c("span",{...p,className:r(e.className,hr,A(hr,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=Gc;Jt.options=Vc;Jt.className=hr;import{Fragment as qc,jsx as Ei}from"react/jsx-runtime";var Ii="k-input-loading-icon",Xc=[s.disabled,s.loading],Ee=e=>{let{disabled:t,loading:o}=e;return t||!o?Ei(qc,{}):Ei("span",{className:r(e.className,Ii,"k-icon k-i-loading")})};Ee.states=Xc;Ee.className=Ii;import{Fragment as Yc,jsx as Ti}from"react/jsx-runtime";var Oi="k-input-validation-icon",Wc=[s.valid,s.invalid,s.disabled,s.loading],Jc={},Ne=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?Ti(Yc,{}):Ti(v,{className:r(Oi),icon:i})};Ne.states=Wc;Ne.options=Jc;Ne.className=Oi;import{Fragment as jc,jsx as Bi}from"react/jsx-runtime";var Zc="k-input-prefix",Qc={direction:"horizontal"},Fe=e=>{let{direction:t=Qc.direction,...o}=e;return e.children?Bi("span",{...o,className:r(Zc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Bi(jc,{})};import{Fragment as om,jsx as Pi}from"react/jsx-runtime";var em="k-input-suffix",tm={direction:"horizontal"},Ge=e=>{let{direction:t=tm.direction,...o}=e;return e.children?Pi("span",{...o,className:r(em,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Pi(om,{})};import{jsx as $M}from"react/jsx-runtime";import{jsx as nm}from"react/jsx-runtime";var am="k-input-suffix-text",xr=e=>{let{children:t,...o}=e;return nm("span",{...o,className:r(am,e.className),children:t})};import{jsx as sm}from"react/jsx-runtime";var wi="k-input-separator",rm={direction:"vertical"},Ve=e=>{let{direction:t=rm.direction,...o}=e;return sm("span",{...o,className:r(wi,e.className,{[`${wi}-${t}`]:t})})};import{Fragment as Ri,jsx as ct,jsxs as gr}from"react/jsx-runtime";var im=Z.states,lm=Z.defaultOptions,pm=Z.options,dm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],cm=[],vo=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 gr(Z,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:p,style:{width:300},children:[u&&gr(Ri,{children:[ct(Fe,{children:ct(v,{icon:"lock"})}),m&&ct(Ve,{})]}),ct(ge,{placeholder:"Placeholder",value:"Value"}),N&&ct(Ne,{valid:o,invalid:a,loading:n,disabled:i}),ct(Ee,{loading:n,disabled:i}),x&&ct(Pe,{loading:n,disabled:i,readonly:p,value:"Value"}),f&&gr(Ri,{children:[m&&ct(Ve,{}),ct(Ge,{children:ct(nt,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};vo.options=pm;vo.states=im;vo.variants=cm;vo.defaultOptions=lm;vo.modifiers=dm;vo.className=Z.className;import{jsx as Ki,jsxs as fm}from"react/jsx-runtime";var _i="k-color-preview",mm=[],um={},Bt=e=>{let{color:t,iconName:o,...a}=e;return fm("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=mm;Bt.options=um;Bt.className=_i;var Nr="popup",Di=Nr;import{jsx as Hi}from"react/jsx-runtime";var zi="k-animation-container",bm=[],hm={},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=bm;mt.options=hm;mt.className=zi;mt.defaultOptions=Ui;mt.moduleName=Nr;mt.folderName=Di;var vr="popup",Fi=vr;import{jsx as Gi}from"react/jsx-runtime";var Vi="k-popup",xm=[],gm={},$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=xm;$.options=gm;$.className=Vi;$.defaultOptions=$i;$.moduleName=vr;$.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 kr="action-buttons",Xi=kr;import{jsx as km}from"react/jsx-runtime";var rn="k-actions",Nm=[],vm={},Lr={alignment:"start",orientation:"horizontal"},we=e=>{let{alignment:t=Lr.alignment,orientation:o=Lr.orientation,...a}=e;return km("div",{...a,className:r(rn,{[`${rn}-${t}`]:t,[`${rn}-${o}`]:o},e.className),children:e.children})};we.states=Nm;we.options=vm;we.className=rn;we.defaultOptions=Lr;we.moduleName=kr;we.folderName=Xi;var qi=we;import{jsx as Mm}from"react/jsx-runtime";var Lm="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":we,...i}=e;return Mm(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,Lm),children:e.children})};var Mr="searchbox",Ji=Mr;import{jsx as Ma,jsxs as Am}from"react/jsx-runtime";var Yi="k-searchbox",Sm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],ym={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]},Sr={showIcon:!0,icon:"search"},$e=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=Sr.showIcon,icon:k=Sr.icon,"aria-label":y,...C}=e;return Am(Z,{...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&&Ma(v,{className:"k-input-icon",icon:k}),Ma(ge,{placeholder:o,value:t,"aria-label":y}),Ma(Ee,{...e}),Ma(Ne,{...e}),Ma(Pe,{...e})]})};$e.states=Sm;$e.options=ym;$e.className=Yi;$e.defaultOptions=Sr;$e.moduleName=Mr;$e.folderName=Ji;import{jsx as hy}from"react/jsx-runtime";var yr="textbox",Zi=yr;import{Fragment as Qi,jsx as wt,jsxs as Ar}from"react/jsx-runtime";var ji="k-textbox",Cm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Em={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},sn={showClearButton:!0,showValidationIcon:!0,separators:!0},ie=e=>{let{size:t,rounded:o,fillMode:a,separators:n=sn.separators,showClearButton:i=sn.showClearButton,showValidationIcon:p=sn.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":he,"aria-describedby":xe,...Be}=e;return Ar(Z,{...Be,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&&Ar(Qi,{children:[wt(Fe,{children:c}),n&&wt(Ve,{})]}),wt(ge,{id:pe,placeholder:N,value:x,type:f,disabled:I,"aria-label":he,"aria-describedby":xe,"aria-invalid":y?"true":void 0}),p&&wt(Ne,{valid:k,invalid:y,loading:M,disabled:I}),wt(Ee,{loading:M,disabled:I}),i&&wt(Pe,{loading:M,disabled:I,readonly:X,value:x}),u&&Ar(Qi,{children:[n&&wt(Ve,{}),wt(Ge,{children:u})]})]})};ie.states=Cm;ie.options=Em;ie.className=ji;ie.defaultOptions=sn;ie.moduleName=yr;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 Sa=ie;import{jsx as Im}from"react/jsx-runtime";var ln=e=>Im(Sa,{...e});import{Fragment as wy,jsx as Py}from"react/jsx-runtime";import{Fragment as zy,jsx as Hy}from"react/jsx-runtime";import{jsx as Vy}from"react/jsx-runtime";import{jsx as Cr}from"react/jsx-runtime";var Tm=ie.states,Om=ie.defaultOptions,Bm=ie.options,Pm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],wm=[],ko=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Cr(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Cr(nt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Cr(ln,{value:"Value",style:{width:300},...o,...a})};ko.options=Bm;ko.states=Tm;ko.variants=wm;ko.defaultOptions=Om;ko.modifiers=Pm;ko.className=ie.className;import{jsx as Rt,jsxs as Er}from"react/jsx-runtime";var el="k-actionsheet-titlebar",Rm={},ve=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:p,inputValue:c,inputPlaceholder:u,adaptive:f,titleId:x,children:N,...m}=e;return Er("div",{...m,className:r(e.className,el),children:[Er("div",{className:"k-actionsheet-titlebar-group",children:[a&&Rt("div",{className:"k-actionsheet-actions",children:a}),!N&&Er("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($e,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};ve.className=el;ve.defaultOptions=Rm;import{jsx as Ir,jsxs as Hm}from"react/jsx-runtime";var Tr="k-actionsheet-view",Km=[],_m={},Dm={},Lo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:p,...c}=e,u=n?.type===ve&&Ir(ve,{adaptive:t,titleId:p,...n?.props}),f=i?.type===Pt&&Ir(Pt,{...i?.props});return Hm("div",{...c,className:r(e.className,Tr,{[`${Tr}-animated`]:o}),children:[u,Ir("div",{className:"k-actionsheet-content",children:a}),f]})};Lo.states=Km;Lo.options=_m;Lo.className=Tr;Lo.defaultOptions=Dm;var ya="action-sheet",pn=ya;var Or="overlay",tl=Or;import{jsx as Gm}from"react/jsx-runtime";var ol="k-overlay",zm=[],Um={},Fm={},ut=e=>{let{...t}=e;return Gm("div",{...t,className:r(e.className,ol),children:e.children})};ut.states=zm;ut.options=Um;ut.className=ol;ut.defaultOptions=Fm;ut.moduleName=Or;ut.folderName=tl;import{jsx as dn,jsxs as Xm}from"react/jsx-runtime";var al="k-actionsheet",Vm=[],$m={},Aa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},W=e=>{let{side:t=Aa.side,fullscreen:o=Aa.fullscreen,adaptive:a=Aa.adaptive,overlay:n=Aa.overlay,template:i,children:p,header:c,footer:u,id:f,...x}=e,N=f&&!i&&c?`${f}-title`:void 0;return Xm("div",{className:"k-actionsheet-container",children:[n&&dn(ut,{}),dn(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:dn("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||dn(Lo,{header:c,footer:u,adaptive:a,titleId:N,...e,children:p})})})]})};W.states=Vm;W.options=$m;W.className=al;W.defaultOptions=Aa;W.moduleName=ya;W.folderName=pn;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 Ym}from"react/jsx-runtime";var nl="k-actionsheet-container",qm=[],Wm={},Jm={},Mo=e=>{let{children:t,...o}=e;return Ym("div",{...o,className:nl,children:t})};Mo.states=qm;Mo.options=Wm;Mo.className=nl;Mo.defaultOptions=Jm;Mo.moduleName=ya;Mo.folderName=pn;import{jsx as Zm}from"react/jsx-runtime";var Br=e=>{let{...t}=e;return Zm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as jm,jsx as Ca,jsxs as Pr}from"react/jsx-runtime";var wr="k-actionsheet-item",Qm=[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 Pr("span",{...u,className:r(e.className,wr,S(wr,{hover:n,focus:i,selected:p,disabled:c})),children:[!e.children&&Ca(jm,{children:Pr("span",{className:"k-actionsheet-action",children:[t&&Ca("span",{className:"k-icon-wrap",children:Ca(v,{className:"k-actionsheet-item-icon",icon:t})}),Pr("span",{className:"k-actionsheet-item-text",children:[o&&Ca("span",{className:"k-actionsheet-item-title",children:o}),a&&Ca("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=Qm;Kt.className=wr;import{jsx as GA,jsxs 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 oC}from"react/jsx-runtime";import{jsx as le,jsxs as Rr}from"react/jsx-runtime";var eu=W.options,tu=W.states,sl={...W.defaultOptions,variant:"normal"},ou=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],au=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],So=e=>{let{variant:t,modifiers:o,...a}={...sl,...e},n={},i=Rr(Br,{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(ve,{actionsStart:n.actionsStart?le(l,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?le(l,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?Rr(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(ve,{actionsStart:n.actionsStart?le(l,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?le(l,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Rr(Pt,{alignment:"stretched",children:[le(l,{text:"Apply",themeColor:"primary"}),le(l,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};So.options=eu;So.states=tu;So.variants=ou;So.defaultOptions=sl;So.modifiers=au;So.className=W.className;var Kr="slider",il=Kr;import{jsx as yo,jsxs as _r}from"react/jsx-runtime";var Ea="k-slider",nu=[s.hover,s.focus,s.active,s.disabled,s.readonly],ru={},Xe={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},F=e=>{let{type:t=Xe.type,orientation:o=Xe.orientation,gradientType:a=Xe.gradientType,readonly:n=Xe.readonly,disabled:i=Xe.disabled,handlePosition:p=Xe.handlePosition,showButtons:c=Xe.showButtons,showTicks:u=Xe.showTicks,value:f=Xe.value,min:x=Xe.min,max:N=Xe.max,startValue:m,endValue:L,hover:k,focus:y,active:C,trackStyle:M,dir:I,...X}=e,he=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),xe,Be;return o==="horizontal"?(xe=I==="rtl"?"chevron-left":"chevron-right",Be=I==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(xe="chevron-up",Be="chevron-down"),_r("div",{...X,className:r(Ea,e.className,S(Ea,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&yo(l,{className:"k-button-decrease",rounded:"full",icon:Be,tabIndex:-1,title:"Decrease"}),_r("div",{className:"k-slider-track-wrap",children:[u&&yo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),_r("div",{className:"k-slider-track",style:M,children:[yo("div",{className:"k-slider-selection"}),t==="range"&&yo("span",{className:r("k-draghandle","k-draghandle-start",S(Ea,{hover:k,focus:y,active:C})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":m??x,"aria-valuemin":x,"aria-valuemax":L??N,"aria-orientation":he,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":X["aria-label"]?`${X["aria-label"]} start`:"Range start"}),yo("span",{className:r("k-draghandle",`k-draghandle-${p}`,S(Ea,{hover:k,focus:y,active:C})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??N:f,"aria-valuemin":t==="range"?m??x:x,"aria-valuemax":N,"aria-orientation":he,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?X["aria-label"]?`${X["aria-label"]} end`:"Range end":X["aria-label"]})]})]}),c&&yo(l,{className:"k-button-increase",rounded:"full",icon:xe,tabIndex:-1,title:"Increase"})]})};F.states=nu;F.options=ru;F.className=Ea;F.defaultOptions=Xe;F.moduleName=Kr;F.folderName=il;F.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",su=[],iu={},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=su;E.options=iu;E.className=pl;E.defaultOptions=dl;import{Fragment as lu,jsx as qe,jsxs as pu}from"react/jsx-runtime";var cl=e=>qe(F,{"aria-label":e["aria-label"]||"Slider",children:pu(lu,{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"})]}),...e});import{Fragment as du,jsx as We,jsxs as cu}from"react/jsx-runtime";var ml=e=>We(F,{children:cu(du,{children:[We(E,{className:"k-first",label:!0,large:!0,text:"0"}),We(E,{}),We(E,{}),We(E,{}),We(E,{}),We(E,{label:!0,large:!0,text:"5"}),We(E,{}),We(E,{}),We(E,{}),We(E,{}),We(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as VC,jsx as GC,jsxs as $C}from"react/jsx-runtime";import{Fragment as YC,jsx as JC,jsxs as ZC}from"react/jsx-runtime";import{jsx as mu}from"react/jsx-runtime";var Dr=e=>mu(F,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as uu}from"react/jsx-runtime";var Hr=e=>uu(F,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as lE,jsx as iE,jsxs as pE}from"react/jsx-runtime";import{Fragment as fE,jsx as uE,jsxs as bE}from"react/jsx-runtime";import{jsx as ft,jsxs as ul}from"react/jsx-runtime";var fu=F.options,bu=F.states,fl={...F.defaultOptions,variant:"horizontal",label:!0},hu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],xu=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ao=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%"}})]})};Ao.options=fu;Ao.states=bu;Ao.variants=hu;Ao.defaultOptions=fl;Ao.modifiers=xu;Ao.className=F.className;import{jsx as bl,jsxs as Lu}from"react/jsx-runtime";var hl="k-spin-button",vu=[],ku={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},zr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},_t=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=zr.increaseLabel,decreaseLabel:i=zr.decreaseLabel,...p}=e;return Lu("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=vu;_t.options=ku;_t.className=hl;_t.defaultOptions=zr;_t.moduleName=null;_t.folderName=null;var xl="numeric-textbox",gl="numerictextbox";import{Fragment as Nl,jsx as Lt,jsxs as Ur}from"react/jsx-runtime";var vl="k-numerictextbox",Mu=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Su={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]},cn={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:n=cn.separators,showClearButton:i=cn.showClearButton,showSpinButton:p=cn.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":he,...xe}=e;return Ur(Z,{...xe,size:t,rounded:o,fillMode:a,hover:N,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,className:r(e.className,vl),children:[c&&Ur(Nl,{children:[Lt(Fe,{children:c}),n&&Lt(Ve,{})]}),Lt(ge,{id:X,placeholder:x,value:f,role:"spinbutton",disabled:M,"aria-label":pe,"aria-describedby":he,"aria-invalid":k?"true":void 0}),Lt(Ne,{valid:L,invalid:k,loading:C,disabled:M}),Lt(Ee,{loading:C,disabled:M}),i&&Lt(Pe,{loading:C,disabled:M,readonly:I,value:f}),u&&Ur(Nl,{children:[n&&Lt(Ve,{}),Lt(Ge,{children:u})]}),p&&Lt(_t,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};_.states=Mu;_.options=Su;_.className=vl;_.defaultOptions=cn;_.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 Ia=_;import{jsx as yu}from"react/jsx-runtime";var kl=e=>yu(Ia,{...e});import Gr from"react";import{jsx as Ll}from"react/jsx-runtime";var Au="k-list-group-sticky-header",Fr=e=>Ll("div",{className:r(Au,e.className),children:Ll("div",{className:"k-list-header-text",children:e.children})});import{jsx as Eu}from"react/jsx-runtime";var Cu="k-no-data",mn=e=>{let{live:t,...o}=e;return Eu("span",{...o,className:r(Cu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Yt="list",Co=Yt;import{jsx as Ml,jsxs as Sl}from"react/jsx-runtime";var Vr="k-list",Iu=[],Tu={size:[d.undefined,d.small,d.medium,d.large]},Ou={},R=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:i,customValue:p,noData:c,screenReaders:u,...f}=e,N=Gr.Children.toArray(a)[0],m=N?.props?.children?Gr.Children.count(N.props.children):Gr.Children.count(a);return Sl("div",{...f,className:r(e.className,Vr,A(Vr,{size:t}),{"k-virtual-list":o}),children:[i,p,n&&Ml(Fr,{children:n}),a||(c!==void 0?c:Ml(mn,{live:!0,children:"No data found."})),u&&a&&Sl(mn,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};R.states=Iu;R.options=Tu;R.className=Vr;R.defaultOptions=Ou;R.moduleName=Yt;R.folderName=Co;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 Ru}from"react/jsx-runtime";var yl="k-list-container",Bu=[],Pu={},wu={},Eo=e=>{let{...t}=e;return Ru("div",{...t,className:r(e.className,yl),children:e.children})};Eo.states=Bu;Eo.options=Pu;Eo.className=yl;Eo.defaultOptions=wu;Eo.moduleName=Yt;Eo.folderName=Co;var Zt="checkbox",Io=Zt;import{jsx as Al}from"react/jsx-runtime";var un="k-checkbox",Ku=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],_u={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},Du={},Je=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,un,A(un,{size:x,rounded:N}),S(un,{hover:n,focus:i,disabled:p,invalid:c,valid:u,indeterminate:a,checked:o}))})})};Je.states=Ku;Je.options=_u;Je.className=un;Je.defaultOptions=Du;Je.moduleName=Zt;Je.folderName=Io;Je.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 rt=Je;import{jsx as Uu}from"react/jsx-runtime";var Cl="k-checkbox-list",Hu=[],zu={},El={layout:"vertical"},ke=e=>{let{layout:t=El.layout,...o}=e;return Uu("ul",{...o,className:r(e.className,Cl,{[`k-list-${t}`]:t}),children:e.children})};ke.states=Hu;ke.options=zu;ke.className=Cl;ke.defaultOptions=El;ke.moduleName=Zt;ke.folderName=Io;import{jsx as $u}from"react/jsx-runtime";var Il="k-checkbox-list-item",Fu=[],Gu={},Vu={},Le=e=>{let{...t}=e;return $u("li",{...t,className:r(e.className,Il),children:e.children})};Le.states=Fu;Le.options=Gu;Le.className=Il;Le.defaultOptions=Vu;Le.moduleName=Zt;Le.folderName=Io;import{Fragment as Xu,jsx as Tl,jsxs as qu}from"react/jsx-runtime";var Mt=({children:e="Label",id:t="cb-label-after",...o})=>qu(Xu,{children:[Tl(rt,{id:t,...o}),Tl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as HI,jsx as DI,jsxs as zI}from"react/jsx-runtime";import{Fragment as $I,jsx as VI,jsxs as XI}from"react/jsx-runtime";import{Fragment as ZI,jsx as YI,jsxs 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 dT}from"react/jsx-runtime";import{jsx as Ye,jsxs as Ol}from"react/jsx-runtime";var Wu=ke.options,Ju=ke.states,Yu={...ke.defaultOptions,variant:"vertical"},Zu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Qu=[],To=e=>{let{variant:t,...o}=e;return t==="horizontal"?Ol(ke,{layout:"horizontal",...o,children:[Ye(Le,{children:Ye(Mt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),Ye(Le,{children:Ye(Mt,{id:w("cb"),children:"Label"})}),Ye(Le,{children:Ye(Mt,{id:w("cb"),children:"Label"})})]}):Ol(ke,{...o,children:[Ye(Le,{children:Ye(Mt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),Ye(Le,{children:Ye(Mt,{id:w("cb"),children:"Label"})}),Ye(Le,{children:Ye(Mt,{id:w("cb"),children:"Label"})})]})};To.options=Wu;To.states=Ju;To.variants=Zu;To.defaultOptions=Yu;To.modifiers=Qu;To.className=ke.className;import{jsx as nf}from"react/jsx-runtime";var ju=rt.options,ef=rt.states,tf=rt.defaultOptions,of=[],af=[],Oo=e=>nf(Mt,{id:w("checkbox"),...e,defaultChecked:!0,children:"Label"});Oo.options=ju;Oo.states=ef;Oo.variants=of;Oo.defaultOptions=tf;Oo.modifiers=af;Oo.className=rt.className;import{jsx as Qt,jsxs as pf}from"react/jsx-runtime";var $r="k-list-item",rf=[s.hover,s.focus,s.selected,s.disabled],sf={},lf={},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 pf("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":$r,S($r,{hover:u,focus:f,disabled:N,selected:x})),children:[p&&Qt(Je,{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=rf;O.options=sf;O.className=$r;O.defaultOptions=lf;O.moduleName=Yt;O.folderName=Co;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 cf}from"react/jsx-runtime";var df="k-list-ul",St=e=>{let{children:t,role:o,id:a,...n}=e;return cf("ul",{...n,id:a,role:o,className:r(df,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 Xr,jsxs as uf}from"react/jsx-runtime";var mf="k-list-content",H=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...p}=e;return uf("div",{...p,className:r(mf,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:Xr(St,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Xr("div",{className:"k-height-container",children:Xr("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 eO,jsx as jT,jsxs as tO}from"react/jsx-runtime";import{jsx as qr,jsxs as bf}from"react/jsx-runtime";var ff="k-list-group-item",jt=e=>{let{groupIconName:t,...o}=e;return bf("li",{...o,role:"presentation",className:r(ff,e.className),children:[t&&qr("span",{className:"k-list-item-icon-wrapper",children:qr(v,{icon:t,className:"k-list-item-icon"})}),qr("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 Nf}from"react/jsx-runtime";var Wr="k-list-optionlabel",hf=[s.hover,s.focus,s.selected,s.disabled],xf={},gf={},fn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...p}=e;return Nf("div",{...p,className:r(Wr,S(Wr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};fn.states=hf;fn.options=xf;fn.className=Wr;fn.defaultOptions=gf;import{jsx as Mf}from"react/jsx-runtime";var Jr="k-list-custom-value",vf=[s.hover,s.focus,s.selected,s.disabled],kf={},Lf={},Dt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...p}=e;return Mf("div",{...p,className:r(Jr,S(Jr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Dt.states=vf;Dt.options=kf;Dt.className=Jr;Dt.defaultOptions=Lf;import{Fragment as xO,jsx as hO,jsxs as gO}from"react/jsx-runtime";import{Fragment as SO,jsx as MO,jsxs as yO}from"react/jsx-runtime";import{Fragment as BO,jsx as TO,jsxs as OO}from"react/jsx-runtime";import{Fragment as HO,jsx as _O,jsxs as DO}from"react/jsx-runtime";import{jsx as GO}from"react/jsx-runtime";import{Fragment as JO,jsx as WO,jsxs as YO}from"react/jsx-runtime";var Bl="dropdown-list",Pl="dropdownlist";import{Fragment as Af,jsx as Me,jsxs as Yr}from"react/jsx-runtime";var wl="k-dropdownlist",Sf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],yf={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Zr={showValue:!0,arrowIconName:"chevron-down"},oe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Zr.arrowIconName,showValue:i=Zr.showValue,valueIconName: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:he,adaptiveSettings:xe,adaptiveTitle:Be,adaptiveSubtitle:qt,adaptiveFilter:qn,id:Ot,activeDescendant:Wa,"aria-label":Wn,...Jn}=e,Nd=Ot?`${Ot}-listbox`:void 0,ei=Ot?`${Ot}-value`:void 0;return Yr(Af,{children:[Yr(dt,{...Jn,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?Nd:void 0,"aria-activedescendant":pe&&Wa?Wa:void 0,"aria-describedby":pe?ei:void 0,"aria-disabled":M?"true":void 0,"aria-label":Wn,tabIndex:0,children:[Me(Fe,{children:c}),Me(Jt,{placeholder:x,value:f,showValue:i,valueIconName:p,id:ei}),Me(Ne,{valid:L,invalid:k,loading:C,disabled:M}),Me(Ee,{loading:C,disabled:M}),Me(Ge,{children:u}),Me(l,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":x||"Toggle dropdown",tabIndex:-1})]}),pe&&X&&Me($,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:X}),he&&Me(W,{adaptive:!0,...xe,header:Me(ve,{actionsEnd:Me(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:qn,inputValue:f,inputPlaceholder:x,title:Be,subtitle:qt}),children:Me("div",{className:"k-list-container",children:Me(R,{size:"large",children:Yr(H,{"aria-label":"Options",children:[Me(O,{text:"List item"}),Me(O,{text:"List item"}),Me(O,{text:"List item"})]})})})})]})};oe.states=Sf;oe.options=yf;oe.className=wl;oe.defaultOptions=Zr;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 IB}from"react/jsx-runtime";import{jsx as RB,jsxs as KB}from"react/jsx-runtime";import{Fragment as $B,jsx as GB,jsxs as VB}from"react/jsx-runtime";import{jsx as YB}from"react/jsx-runtime";import{jsx as oP,jsxs as aP}from"react/jsx-runtime";import{Fragment as mP,jsx as dP,jsxs as cP}from"react/jsx-runtime";import{jsx as xP}from"react/jsx-runtime";import{Fragment as Bf,jsx as Ht,jsxs as Rl}from"react/jsx-runtime";var Cf=oe.states,Ef=oe.defaultOptions,If=oe.options,Tf=[{name:"opened",title:"Opened"}],Of=[],Po=e=>{let{modifiers:t,...o}=e,a={},n=Rl(Bf,{children:[Ht("div",{className:"k-list-filter",children:Ht($e,{})}),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})})};Po.options=If;Po.states=Cf;Po.variants=Of;Po.defaultOptions=Ef;Po.modifiers=Tf;Po.className=oe.className;import{Fragment as HP,jsx as DP}from"react/jsx-runtime";import{Fragment as $P,jsx as VP}from"react/jsx-runtime";import{jsx as JP}from"react/jsx-runtime";import{jsx as Qr}from"react/jsx-runtime";var Pf=_.states,wf=_.defaultOptions,Rf=_.options,Kf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],_f=[],wo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Qr(oe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?Qr(xr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),Qr(kl,{value:"Value",style:{width:300},...o,...a})};wo.options=Rf;wo.states=Pf;wo.variants=_f;wo.defaultOptions=wf;wo.modifiers=Kf;wo.className=_.className;import{Fragment as Ta,jsx as B,jsxs as Q}from"react/jsx-runtime";var Kl="k-colorgradient-inputs",Df=[],Hf={size:[d.undefined,d.small,d.medium,d.large]},_l={mode:"rgba"},Ro=e=>{let{mode:t=_l.mode,size:o,...a}=e;return Q("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"&&Q(Ta,{children:[Q("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"})]}),Q("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"})]}),Q("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"})]}),Q("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"&&Q(Ta,{children:[Q("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"})]}),Q("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"})]}),Q("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"&&Q(Ta,{children:[Q("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"})]}),Q("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"})]}),Q("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"})]}),Q("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"&&Q(Ta,{children:[Q("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"})]}),Q("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"})]}),Q("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(Ta,{children:Q("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"})]})})]})};Ro.states=Df;Ro.options=Hf;Ro.className=Kl;Ro.defaultOptions=_l;import{jsx as eo,jsxs as to}from"react/jsx-runtime";var Dl="k-colorgradient-color-contrast",zf=[],Uf={},Ff={},Ko=()=>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"})]})]})]});Ko.states=zf;Ko.options=Uf;Ko.className=Dl;Ko.defaultOptions=Ff;var Hl="color-gradient",zl="colorgradient";import{jsx as Ze,jsxs as Oa}from"react/jsx-runtime";var bn="k-colorgradient",Gf=[s.hover,s.focus,s.readonly,s.disabled],Vf={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 Oa("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,bn,A(bn,{size:t}),S(bn,{hover:N,focus:m,readonly:a,disabled:n})),dir:x,children:[!y||y==="horizontal"&&Oa("div",{className:"k-colorgradient-canvas k-hstack",children:[Ze("div",{className:"k-hsv-rectangle",style:i,children:Ze("div",{className:"k-hsv-gradient",children:Ze("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})})}),Oa("div",{className:"k-hsv-controls k-hstack",children:[Ze(Hr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Ze(Hr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:c})]})]}),y==="vertical"&&Oa("div",{className:"k-colorgradient-canvas k-vstack",children:[Ze("div",{className:"k-hsv-rectangle",style:i,children:Ze("div",{className:"k-hsv-gradient",children:Ze("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})})}),Oa("div",{className:"k-hsv-controls k-vstack",children:[Ze(Dr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Ze(Dr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),Ze(Ro,{mode:e.mode,size:t}),f&&Ze(Ko,{})]})};ne.states=Gf;ne.options=Vf;ne.className=bn;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 $f}from"react/jsx-runtime";var hn=e=>$f(ne,{...e});import{jsx as ww}from"react/jsx-runtime";import{jsx as Dw}from"react/jsx-runtime";import{jsx as jr}from"react/jsx-runtime";var Xf=ne.options,qf=ne.states,Wf={...ne.defaultOptions,variant:"rgba"},Jf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Yf=[],_o=e=>{let{variant:t,...o}=e;switch(t){case"hex":return jr(hn,{...o,mode:t});case"rgb":return jr(hn,{...o,mode:t});default:return jr(hn,{...o,mode:t})}};_o.options=Xf;_o.states=qf;_o.variants=Jf;_o.defaultOptions=Wf;_o.modifiers=Yf;_o.className=ne.className;import{jsx as Zf}from"react/jsx-runtime";var es=e=>Zf("tr",{role:"row",children:e.children});import{jsx as eb}from"react/jsx-runtime";var ts="k-colorpalette-tile",Qf=[s.hover,s.focus,s.selected],jf={},Do=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 eb("td",{...p,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,ts,S(ts,{hover:a,focus:n,selected:i})),style:c})};Do.states=Qf;Do.options=jf;Do.className=ts;var Ul="color-palette",Fl="colorpalette";import{jsx as Ba}from"react/jsx-runtime";var xn="k-colorpalette",tb=[s.disabled],ob={size:[d.undefined,d.small,d.medium,d.large]},Gl={columns:10},Se=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(Ba(Do,{color:k,tileSize:n},y))});let L=Ba(es,{children:m},N);c.push(L)})}return Ba("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,xn,S(xn,{disabled:i}),A(xn,{size:t})),children:Ba("table",{className:"k-colorpalette-table",role:"none",children:Ba("tbody",{children:c.length>0?c:e.children})})})};Se.states=tb;Se.options=ob;Se.className=xn;Se.defaultOptions=Gl;Se.moduleName=Ul;Se.folderName=Fl;Se.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var gn=Se;var Pa={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 ab}from"react/jsx-runtime";var Vl=e=>ab(gn,{palette:Pa.basic,...e});import{jsx as NR}from"react/jsx-runtime";import{jsx as yR,jsxs as AR}from"react/jsx-runtime";import{jsx as db}from"react/jsx-runtime";var nb=Se.options,rb=Se.states,sb={...Se.defaultOptions,variant:"basic"},ib=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],lb={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}},pb=[],Ho=e=>{let{variant:t="basic",...o}=e,a=lb[t];return db(Vl,{columns:a.columns,palette:a,...o})};Ho.options=nb;Ho.states=rb;Ho.variants=ib;Ho.defaultOptions=sb;Ho.modifiers=pb;Ho.className=Se.className;var $l="color-editor",Xl="coloreditor";import{jsx as Qe,jsxs as zo}from"react/jsx-runtime";var Nn="k-coloreditor",cb=[s.focus],mb={size:[d.undefined,d.small,d.medium,d.large]},wa={view:"gradient",palette:Pa.office,actionButtons:!0,canvasOrientation:"horizontal"},J=e=>{let{size:t,view:o=wa.view,palette:a=wa.palette,color:n,currentColor:i,focus:p,focusView:c,dir:u,group:f,actionButtons:x=wa.actionButtons,canvasOrientation:N=wa.canvasOrientation,...m}=e;return zo("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Nn,A(Nn,{size:t}),S(Nn,{focus:p})),dir:u,children:[zo("div",{className:"k-coloreditor-header k-hstack",children:[Qe("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&zo(T,{fillMode:"flat",children:[Qe(l,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Qe(l,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Qe("div",{className:"k-spacer"}),zo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Qe(l,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),zo("div",{className:"k-coloreditor-preview k-vstack",children:[Qe(Bt,{className:"k-coloreditor-preview-color",color:n}),Qe(Bt,{className:"k-coloreditor-current-color",color:i})]})]})]}),Qe("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Qe(ne,{focus:c,size:t,canvasOrientation:N,role:"none",tabIndex:-1}):Qe(Se,{palette:a,size:t})}),x&&zo(we,{className:"k-coloreditor-footer",alignment:"start",children:[Qe(l,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Qe(l,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};J.states=cb;J.options=mb;J.className=Nn;J.defaultOptions=wa;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 Uo=J;import{jsx as tK}from"react/jsx-runtime";import{jsx as rK}from"react/jsx-runtime";import{jsx as ub}from"react/jsx-runtime";var ql=e=>ub(Uo,{group:!0,currentColor:"fuchsia",...e});import{jsx as fb}from"react/jsx-runtime";var Wl=e=>fb(Uo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Jl}from"react/jsx-runtime";var bb=J.options,hb=J.states,xb={...J.defaultOptions,variant:"gradient"},gb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Nb=[],Fo=e=>{let{variant:t,...o}=e;return t==="palette"?Jl(Wl,{...o,color:"white"}):Jl(ql,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Fo.options=bb;Fo.states=hb;Fo.variants=gb;Fo.defaultOptions=xb;Fo.modifiers=Nb;Fo.className=J.className;var Yl="color-picker",Zl="colorpicker";import{Fragment as Lb,jsx as je,jsxs as os}from"react/jsx-runtime";var Ql="k-colorpicker",vb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],kb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},jl={arrowIconName:"chevron-down"},Re=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:he,...xe}=e,Be="colorpicker-popup";return os(Lb,{children:[os(dt,{...xe,size:t,rounded:o,fillMode:a,hover:f,focus:x,valid:N,invalid:m,required:L,disabled:k,role:"combobox","aria-haspopup":"dialog","aria-expanded":M?"true":"false","aria-controls":M||I?Be:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:r(e.className,Ql,"k-icon-picker"),children:[je(Fe,{children:i}),je(Jt,{placeholder:u,value:c,showValue:!1,valueIcon:je(Bt,{className:"k-value-icon",color:c,iconName:y}),valueIconName:y}),je(Ge,{children:p}),je(l,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),M&&C&&je($,{id:Be,className:"k-colorpicker-popup",children:C}),I&&je(W,{adaptive:!0,id:Be,...X,header:je(ve,{actionsEnd:je(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:pe,subtitle:he}),footer:os(Pt,{children:[je(l,{text:"Cancel",size:"large"}),je(l,{text:"Set",size:"large",themeColor:"primary"})]}),children:je(J,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Re.states=vb;Re.options=kb;Re.className=Ql;Re.defaultOptions=jl;Re.moduleName=Yl;Re.folderName=Zl;Re.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var yt=Re;import{jsx as Mb}from"react/jsx-runtime";var vn=e=>Mb(yt,{...e});import{jsx as FK}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 p_}from"react/jsx-runtime";import{jsx as oo}from"react/jsx-runtime";var Sb=yt.options,yb=yt.states,ep={...yt.defaultOptions,variant:"color"},Ab=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Cb=[{name:"opened",title:"Opened"}],Go=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(vn,{...a,...n})});case"icon":return oo("div",{style:i,children:oo(vn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return oo("div",{style:i,children:oo(vn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Go.options=Sb;Go.states=yb;Go.variants=Ab;Go.defaultOptions=ep;Go.modifiers=Cb;Go.className=yt.className;var as="combobox",tp=as;import{Fragment as ns,jsx as ae,jsxs as Ra}from"react/jsx-runtime";var op="k-combobox",Eb=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Ib={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:he,adaptiveSubtitle:xe,adaptiveCustomValue:Be,id:qt,autocomplete:qn,activeDescendant:Ot,"aria-label":Wa,...Wn}=e,Jn=qt?`${qt}-listbox`:void 0;return Ra(ns,{children:[Ra(Z,{...Wn,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&&Ra(ns,{children:[ae(Fe,{children:i}),n&&ae(Ve,{})]}),ae(ge,{id:qt,placeholder:u,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?Jn:void 0,"aria-activedescendant":M&&Ot?Ot:void 0,"aria-autocomplete":qn,"aria-invalid":m?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Wa,disabled:y,readOnly:I}),ae(Ne,{valid:N,invalid:m,loading:k,disabled:y}),ae(Ee,{loading:k,disabled:y}),ae(Pe,{loading:k,disabled:y,readonly:I,value:c}),p&&Ra(ns,{children:[n&&ae(Ve,{}),ae(Ge,{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(ve,{actionsEnd:ae(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:u,title:he,subtitle:xe}),children:ae("div",{className:"k-list-container",children:ae(R,{customValue:Be?ae(Dt,{text:`Use "${c}"`}):void 0,size:"large",children:Ra(H,{"aria-label":he||"Options",children:[ae(O,{text:"List item"}),ae(O,{text:"List item"}),ae(O,{text:"List item"})]})})})})]})};de.states=Eb;de.options=Ib;de.className=op;de.defaultOptions=ap;de.moduleName=as;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 Ke=de;import{jsx as Tb}from"react/jsx-runtime";var np=e=>Tb(Ke,{...e});import{jsx as $_,jsxs as X_}from"react/jsx-runtime";import{jsx as Q_,jsxs as j_}from"react/jsx-runtime";import{jsx as r0,jsxs as s0}from"react/jsx-runtime";import{Fragment as m0,jsx as c0}from"react/jsx-runtime";import{Fragment as g0,jsx as x0}from"react/jsx-runtime";import{jsx as S0,jsxs as y0}from"react/jsx-runtime";import{Fragment as P0,jsx as O0,jsxs as B0}from"react/jsx-runtime";import{jsx as _0}from"react/jsx-runtime";import{jsx as U0}from"react/jsx-runtime";import{jsx as q0,jsxs as W0}from"react/jsx-runtime";import{jsx as eD,jsxs as tD}from"react/jsx-runtime";import{jsx as zt,jsxs as Kb}from"react/jsx-runtime";var Ob=de.states,Bb=de.defaultOptions,Pb=de.options,wb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Rb=[],Vo=e=>{let{modifiers:t,...o}=e,a={},n=zt(R,{style:{width:300},size:o.size,children:Kb(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})})};Vo.options=Pb;Vo.states=Ob;Vo.variants=Rb;Vo.defaultOptions=Bb;Vo.modifiers=wb;Vo.className=de.className;var rs="menu-button",rp=rs;import{jsx as Hb}from"react/jsx-runtime";var sp="k-menu-button",_b=[s.hover,s.focus,s.active,s.selected,s.disabled],Db={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]},ss={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=ss.showArrow,arrowIconName:L=ss.arrowIconName,expanded:k,...y}=e;return Hb(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=_b;D.options=Db;D.className=sp;D.defaultOptions=ss;D.moduleName=rs;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 wD}from"react/jsx-runtime";import{jsx as DD}from"react/jsx-runtime";import{jsx as FD}from"react/jsx-runtime";var _e="menu",et=_e;import{jsx as Ka,jsxs as ip}from"react/jsx-runtime";var is="k-menu-item",zb=[s.hover,s.focus,s.active,s.selected,s.disabled],Ub={},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,is,"k-item",S(is,{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"&&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:M})})]}),k]})};ce.states=zb;ce.options=Ub;ce.className=is;ce.defaultOptions=lp;ce.moduleName=_e;ce.folderName=et;import{jsx as _a,jsxs as pp}from"react/jsx-runtime";var ls="k-menu-item",Fb=[s.hover,s.focus,s.active,s.selected,s.disabled],Gb={},ps={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=ps.iconPosition,dir:L=ps.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,ls,"k-item",S(ls,{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"&&_a(v,{className:"k-menu-link-icon",icon:p}),_a("span",{className:"k-menu-link-text",children:c}),p&&m==="after"&&_a(v,{className:"k-menu-link-icon",icon:p}),x&&_a("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:_a(v,{icon:I})})]}),k,y]})};q.states=Fb;q.options=Gb;q.className=ls;q.defaultOptions=ps;q.moduleName=_e;q.folderName=et;import{jsx as qb}from"react/jsx-runtime";var dp="k-menu-scroll-wrapper",Vb=[],$b={},Xb={},ao=e=>{let{className:t,children:o,orientation:a,...n}=e;return qb("div",{...n,className:r(t,dp,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ao.states=Vb;ao.options=$b;ao.className=dp;ao.defaultOptions=Xb;ao.moduleName=_e;ao.folderName=et;var cp=ao;import{Fragment as ds,jsx as no,jsxs as Ln}from"react/jsx-runtime";var cs="k-menu",Wb=[],Jb={},Mn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=Mn.orientation,header:a=Mn.header,scrollable:n,scrollButtonsPosition:i=Mn.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",cs,{[`${cs}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Ln(ds,{children:[n?Ln(cp,{orientation:o,style:p,dir:e.dir,children:[i==="start"&&Ln(ds,{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"&&Ln(ds,{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=Wb;re.options=Jb;re.className=cs;re.defaultOptions=Mn;re.moduleName=_e;re.folderName=et;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 Yb}from"react/jsx-runtime";var ms="k-separator",mp={orientation:"horizontal"},$o=e=>{let{orientation:t=mp.orientation,...o}=e;return Yb("li",{...o,className:r(e.className,"k-item",ms,{[`${ms}-${t}`]:t}),role:"separator"})};$o.className=ms;$o.defaultOptions=mp;$o.moduleName=_e;$o.folderName=et;import{Fragment as xH,jsx as gH}from"react/jsx-runtime";import{jsx as eh}from"react/jsx-runtime";var us="k-menu-group",Zb=[],Qb={size:[d.undefined,d.small,d.medium,d.large]},jb={},me=e=>{let{children:t,size:o,...a}=e;return eh("ul",{...a,className:r(e.className,us,A(us,{size:o})),role:"menu",children:t})};me.states=Zb;me.options=Qb;me.className=us;me.defaultOptions=jb;me.moduleName=_e;me.folderName=et;import{Fragment as th,jsx as Xo,jsxs as oh}from"react/jsx-runtime";var fs=e=>Xo(re,{children:oh(th,{children:[Xo(ce,{first:!0,text:"Item 1"}),Xo(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Xo(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Xo(ce,{text:"Item 4"}),Xo(ce,{last:!0,text:"Item 5"})]}),...e});import{Fragment as BH,jsx as TH,jsxs as OH}from"react/jsx-runtime";import{Fragment as _H,jsx as KH,jsxs as DH}from"react/jsx-runtime";import{Fragment as GH,jsx as FH,jsxs as VH}from"react/jsx-runtime";import{Fragment as JH,jsx as WH,jsxs as YH}from"react/jsx-runtime";import{jsx as ro,jsxs as ih}from"react/jsx-runtime";var ah={...re.options,scrollable:{type:"boolean"}},nh=re.states,up={...re.defaultOptions,variant:"horizontal"},rh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],sh=[{name:"opened",title:"Opened"}],qo=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:ih(me,{children:[ro(q,{text:"Item 1"}),ro(q,{text:"Item 2"}),ro($o,{}),ro(q,{text:"Item 3"})]})}))}),t==="vertical"?ro(fs,{...a,...n,orientation:"vertical",style:{width:"200px"}}):ro(fs,{...a,...n})};qo.options=ah;qo.states=nh;qo.variants=rh;qo.defaultOptions=up;qo.modifiers=sh;qo.className=re.className;import{Fragment as E1,jsx as A1,jsxs as C1}from"react/jsx-runtime";import{jsx as B1}from"react/jsx-runtime";import{Fragment as mh,jsx as ht,jsxs as fp}from"react/jsx-runtime";var lh=l.states,bp={...l.defaultOptions,variant:"text"},ph=l.options,dh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ch=[{name:"opened",title:"Opened"}],Wo=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(mh,{children:[p,o?.opened&&i]})};Wo.options=ph;Wo.states=lh;Wo.variants=dh;Wo.defaultOptions=bp;Wo.modifiers=ch;Wo.className=D.className;var bs="split-button",hp=bs;import{Fragment as bh,jsx as hs,jsxs as xp}from"react/jsx-runtime";var xs="k-split-button",uh=[s.hover,s.focus,s.active,s.selected,s.disabled],fh={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],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(bh,{children:[xp("div",{...C,className:r(e.className,xs,"k-button-group",A(xs,{rounded:o})),children:[hs(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}),hs(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&&hs($,{className:"k-menu-popup",children:L})]})};P.states=uh;P.options=fh;P.className=xs;P.defaultOptions=gp;P.moduleName=bs;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 gs=P;import{jsx as xh}from"react/jsx-runtime";var hh="k-toolbar-separator",st=e=>xh("div",{className:r(hh,e.className,"k-separator")});var At="toolbar",Ut=At;import{Fragment as Ns,jsx as K,jsxs as Jo}from"react/jsx-runtime";var Ct="k-toolbar",gh=[s.focus],Nh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},vh={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===ga)k.push(K(ga,{...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===gs)k.push(K(gs,{...m.props,className:`k-toolbar-split-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===T||m.props.className&&m.props.className.includes("k-button-group")){let y=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((M,I)=>{y.push(K(l,{...M.props,className:`${M.props.className?M.props.className:""}`},`${I}-${new Date().getTime()}`))}),k.push(K(T,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:y},`${L}-${new Date().getTime()}`))}else m.type===de?k.push(K(de,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===oe?k.push(K(oe,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===Re?k.push(K(Re,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):k.push(m);k.forEach(y=>{x.push(y)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,k)=>{N(L,k)}),Jo("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"&&Jo(Ns,{children:[Jo(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(st,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x})]}),i&&p==="end"&&Jo(Ns,{children:[K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),K(st,{className:"k-toolbar-button-separator"}),Jo(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)&&Jo(Ns,{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(st,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),K(st,{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=gh;z.options=Nh;z.className=Ct;z.defaultOptions=vh;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 Sh}from"react/jsx-runtime";var Np="k-floating-toolbar",kh=[],Lh={},Mh={},Yo=e=>{let{...t}=e;return Sh("div",{...t,className:r(e.className,Np),children:e.children})};Yo.states=kh;Yo.options=Lh;Yo.className=Np;Yo.defaultOptions=Mh;Yo.moduleName=At;Yo.folderName=Ut;import{jsx as Eh}from"react/jsx-runtime";var vs="k-toolbar-item",yh=[s.focus],Ah={},Ch={},Zo=e=>{let{focus:t,...o}=e;return Eh("div",{...o,className:r(e.className,vs,S(vs,{focus:t})),children:e.children})};Zo.states=yh;Zo.options=Ah;Zo.className=vs;Zo.defaultOptions=Ch;Zo.moduleName=At;Zo.folderName=Ut;import{jsx as vp}from"react/jsx-runtime";var kp="k-toolbar-popup",Ih=[],Th={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Oh={},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=Ih;so.options=Th;so.className=kp;so.defaultOptions=Oh;so.moduleName=At;so.folderName=Ut;var Sn=so;import{jsx as Rz}from"react/jsx-runtime";import{jsx as Hz}from"react/jsx-runtime";import{jsx as Gz}from"react/jsx-runtime";import{jsx as Jz,jsxs as Yz}from"react/jsx-runtime";import{jsx as e2}from"react/jsx-runtime";import{jsx as Et,jsxs as Kh}from"react/jsx-runtime";var Bh=P.states,Lp={...P.defaultOptions,variant:"text"},Ph=P.options,wh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Rh=[{name:"opened",title:"Opened"}],Qo=e=>{let{variant:t,modifiers:o,...a}={...Lp,...e},n={},i=Kh(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"})})}};Qo.options=Ph;Qo.states=Bh;Qo.variants=wh;Qo.defaultOptions=Lp;Qo.modifiers=Rh;Qo.className=P.className;import{jsx as io,jsxs as _h}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"),_h(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 I2,jsxs as T2}from"react/jsx-runtime";import{jsx as De,jsxs as Sp}from"react/jsx-runtime";var yp=e=>De(z,{scrollable:!0,...e,children:[De(l,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(P,{children:"Split button"},"toolbar-split-button"),Sp(T,{children:[De(l,{className:"k-group-start",icon:"align-left",children:"Left"}),De(l,{icon:"align-center",children:"Center"}),De(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),De(l,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(P,{children:"Split button"},"toolbar-split-button"),Sp(T,{children:[De(l,{className:"k-group-start",icon:"align-left",children:"Left"}),De(l,{icon:"align-center",children:"Center"}),De(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as He,jsxs as Ap}from"react/jsx-runtime";var Cp=({scrollingPosition:e="start",...t})=>He(z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[He(l,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(P,{children:"Split button"},"toolbar-split-button"),Ap(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"),Ap(T,{children:[He(l,{className:"k-group-start",icon:"align-left",children:"Left"}),He(l,{icon:"align-center",children:"Center"}),He(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Dh,jsx as Ie,jsxs as yn}from"react/jsx-runtime";var Ep=({fillMode:e,size:t,...o})=>yn(Dh,{children:[Ie(z,{section:!0,fillMode:e,size:t,children:[Ie(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),yn(T,{fillMode:e,children:[Ie(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ie(st,{className:"k-toolbar-button-separator"}),Ie(l,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),yn(Sn,{size:t,fillMode:e,section:!0,...o,children:[Ie(P,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ie(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ie(st,{}),Ie(D,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),yn(T,{fillMode:e,children:[Ie(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as pU,jsx as iU,jsxs as lU}from"react/jsx-runtime";import{Fragment as vU,jsx as gU,jsxs as NU}from"react/jsx-runtime";import{jsx as Ft}from"react/jsx-runtime";var Hh=z.options,zh=z.states,Ip={...z.defaultOptions,variant:"default"},Uh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Fh=[],jo=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})})}};jo.options=Hh;jo.states=zh;jo.variants=Uh;jo.defaultOptions=Ip;jo.modifiers=Fh;jo.className=z.className;import{Fragment as Xh,jsx as it,jsxs as Da}from"react/jsx-runtime";var Tp="k-message",Gh=[s.hover,s.selected,s.active,s.focus],Vh={},$h=[it(l,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),it(l,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),it(l,{icon:"download",fillMode:"flat","aria-label":"Download"})],ea={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:$h,failed:"Failed to send"},G=e=>{let{time:t=ea.time,text:o=ea.text,content:a,status:n=ea.status,statusIcon:i,toolbarItems:p=ea.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?ea.failed:M;return Da("div",{...I,className:r(Tp,e.className,{"k-message-removed":y,"k-message-failed":M}),children:[M&&it(se,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),it(Op,{typing:m,selected:u,hover:c,active:f,focus:x,content:Da(Xh,{children:[a,o&&it("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:k,files:C}),Da("div",{className:"k-message-info",children:[n&&Da("span",{className:"k-message-status",children:[i&&it(v,{icon:i,size:"xsmall"}),n]}),t&&it("time",{className:"k-message-time",children:t}),M&&Da("span",{className:"k-message-failed-content",children:[M&&it(v,{icon:"warning-triangle",size:"xsmall"}),M&&it("span",{className:"k-message-failed-text",children:X})]})]}),N&&it(z,{className:"k-chat-message-toolbar",fillMode:"flat",children:p})]})};G.states=Gh;G.options=Vh;G.className=Tp;G.defaultOptions=ea;var ks="avatar",Bp=ks;import{jsx as Pp}from"react/jsx-runtime";var Ha="k-avatar";var qh=[s.hover,s.focus,s.active,s.selected,s.disabled],Wh={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]},Ls={type:"text",border:!1},ue=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Ls.type,border:p=Ls.border,...c}=e;return Pp("div",{...c,className:r(e.className,Ha,A(Ha,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ha}-bordered`]:p}),children:Pp("span",{className:`${Ha}-${i}`,children:e.children})})};ue.states=qh;ue.options=Wh;ue.className=Ha;ue.defaultOptions=Ls;ue.moduleName=ks;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 Jh}from"react/jsx-runtime";var wp=e=>Jh(lo,{type:"icon",...e});import{jsx as Yh}from"react/jsx-runtime";var Rp=e=>Yh(lo,{type:"text",...e});import{jsx as Zh}from"react/jsx-runtime";var An=e=>Zh(lo,{type:"image",...e});import{jsx as u3}from"react/jsx-runtime";import{jsx as za}from"react/jsx-runtime";var Qh=ue.options,jh=ue.states,ex={...ue.defaultOptions,variant:"image"},tx=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],ox=[],ta=e=>{let{variant:t,...o}=e;switch(t){case"icon":return za(wp,{...o,children:za(v,{icon:"star"})});case"text":return za(Rp,{...o,children:"JO"});default:return za(An,{...o,children:za("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};ta.options=Qh;ta.states=jh;ta.variants=tx;ta.defaultOptions=ex;ta.modifiers=ox;ta.className=ue.className;import{jsx as oa,jsxs as Ms}from"react/jsx-runtime";var Ua="k-message-group",ax=[s.selected],nx={},Cn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},V=e=>{let{type:t=Cn.type,author:o=Cn.author,avatar:a=Cn.avatar,status:n,selected:i,fullWidth:p,...c}=e;return Ms("div",{...c,className:r(Ua,e.className,S(Ua,{selected:i}),{[`${Ua}-${t}`]:t,"k-no-avatar":!a,[`${Ua}-full-width`]:p}),children:[a&&!n&&oa(ue,{type:"image",children:oa("img",{src:a,alt:o||""})}),n&&a&&Ms("div",{className:"k-chat-user-status-wrapper",children:[oa(ue,{type:"image",children:oa("img",{src:a,alt:o||""})}),oa("div",{className:"k-chat-user-status"})]}),Ms("div",{className:"k-message-group-content",children:[o&&oa("span",{className:"k-message-author",children:o}),e.children]})]})};V.states=ax;V.options=nx;V.className=Ua;V.defaultOptions=Cn;import{Fragment as sx,jsx as En,jsxs as Kp}from"react/jsx-runtime";var Ss="k-message-reference",rx={},_p={type:"receiver"},aa=e=>{let{content:t,closeable:o,pinned:a,type:n=_p.type,...i}=e;return Kp("div",{...i,className:r(Ss,e.className,{[`${Ss}-${n}`]:n,"k-message-pinned":a}),children:[a&&En(v,{icon:"pin"}),En("div",{className:"k-message-reference-content",children:t}),o&&Kp(sx,{children:[En("span",{className:"k-spacer"}),En(l,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};aa.options=rx;aa.className=Ss;aa.defaultOptions=_p;var ys="bubble",Dp=ys;import{jsx as In,jsxs as lx}from"react/jsx-runtime";var As="k-bubble",ix=[s.hover,s.active,s.selected,s.focus],Cs={expandable:!1,expanded:!1},Gt=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:p=Cs.expandable,expanded:c=Cs.expanded,...u}=e;return lx("div",{...u,className:r(e.className,As,S(As,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":p},{"k-expanded":c}),tabIndex:0,children:[In("div",{className:"k-bubble-content",children:t??e.children}),p&&In("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":c?"Show less":"Show more",tabIndex:0,children:c?In(v,{icon:"chevron-up"}):In(v,{icon:"chevron-down"})})]})};Gt.states=ix;Gt.className=As;Gt.defaultOptions=Cs;Gt.moduleName=ys;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 q3}from"react/jsx-runtime";import{jsx as Z3}from"react/jsx-runtime";import{jsx as tF}from"react/jsx-runtime";import{jsx as Es,jsxs as zp}from"react/jsx-runtime";var px="k-chat-bubble",Op=e=>{let{typing:t,content:o,files:a,...n}=e;return zp(Gt,{...n,className:r(e.className,px),children:[t?zp("div",{className:"k-typing-indicator",tabIndex:-1,children:[Es("span",{}),Es("span",{}),Es("span",{})]}):o,a]})};import{jsx as hF}from"react/jsx-runtime";import{jsx as Up,jsxs as dx}from"react/jsx-runtime";var Fp="k-chat-event",Is={icon:"trash",text:"You deleted Chat history."},Gp=e=>{let{icon:t=Is.icon,text:o=Is.text,...a}=e;return dx("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=Is;import{jsx as AF}from"react/jsx-runtime";import{Fragment as cx,jsx as xt,jsxs as mx}from"react/jsx-runtime";var Vp=e=>xt(U,{children:mx(cx,{children:[xt("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),xt(V,{children:xt(G,{})}),xt(V,{type:"sender",children:xt(G,{})}),xt(V,{children:xt(G,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),xt(V,{type:"sender",children:xt(G,{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 Tn="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,Tn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${Tn}-scrollable-start`]:t==="horizontal"&&(o==="start"||o==="both"),[`${Tn}-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=Tn;gt.defaultOptions=Xp;var Ts="file-box",qp=Ts;import{jsx as na,jsxs as Wp}from"react/jsx-runtime";var Jp="k-file-box",ux=[s.selected],fx={},Fa={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},ye=e=>{let{icon:t=Fa.icon,name:o=Fa.name,size:a=Fa.size,status:n,deleted:i,removeButton:p,showButton:c=Fa.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:[na(v,{icon:t,size:"xlarge","aria-hidden":"true"}),Wp("div",{className:"k-file-info",children:[o&&na("span",{className:"k-file-name",children:o}),a&&na("span",{className:"k-file-size",children:a}),n&&na("span",{className:"k-file-status",children:n})]}),c&&(p?na(l,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):na(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};ye.states=ux;ye.options=fx;ye.className=Jp;ye.defaultOptions=Fa;ye.moduleName=Ts;ye.folderName=qp;ye.ariaSpec={selector:".k-file-box-wrapper",rules:[{selector:".k-file-box-wrapper",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-file-box-wrapper",attribute:"aria-label",usage:'Provides an accessible name for the file list (e.g. "Attached files").'},{selector:".k-file-box-wrapper .k-files-scroll",attribute:"role=presentation",usage:"The scrollable container between the list and its items is presentational, ensuring the list\u2192listitem relationship is preserved in the accessibility tree."},{selector:".k-file-box-wrapper .k-file-box",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-file-box-wrapper .k-file-box",attribute:"tabindex",usage:"Makes the file box focusable. Uses roving tabindex: 0 for the focused item, -1 for the rest."},{selector:".k-file-box-wrapper .k-file-box",attribute:"aria-label",usage:'Provides an accessible name describing the file. Can include the file name and size (e.g. "FileName.pdf 2MB").'},{selector:".k-file-box-wrapper .k-file-box .k-icon",attribute:"aria-hidden=true",usage:"The file type icon is decorative and hidden from screen readers."},{selector:".k-file-box-wrapper .k-file-box span.k-button",attribute:"aria-hidden=true",usage:"The remove button is rendered as a decorative span and hidden from screen readers. File removal is handled by keyboard interaction on the listitem itself."}]};import{jsx as $F}from"react/jsx-runtime";import{jsx as YF}from"react/jsx-runtime";import{jsx as t5,jsxs as o5}from"react/jsx-runtime";import{jsx as i5,jsxs as l5}from"react/jsx-runtime";import{jsx as u5}from"react/jsx-runtime";import{Fragment as C5,jsx as A5,jsxs as E5}from"react/jsx-runtime";import{Fragment as P5,jsx as B5,jsxs as w5}from"react/jsx-runtime";import{Fragment as H5,jsx as D5,jsxs as z5}from"react/jsx-runtime";var Os="window",Yp=Os;import{jsx as gx}from"react/jsx-runtime";var Zp="k-window-content",bx=[],hx={},xx={},Vt=e=>{let{children:t,...o}=e;return gx("div",{...o,className:r(Zp,e.className),children:t})};Vt.states=bx;Vt.options=hx;Vt.className=Zp;Vt.defaultOptions=xx;Vt.moduleName=Os;Vt.folderName=Yp;var Ga="dialog",On=Ga;import{Fragment as kx,jsx as po,jsxs as Bs}from"react/jsx-runtime";var Qp="k-dialog",Nx=[],vx={},Ps={actionButtonsAlign:"stretched",modal:!0},Te=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Ps.actionButtonsAlign,modal:i=Ps.modal,...p}=e,c=t!==void 0?w("dialog-titlebar"):void 0,u=w("dialog-content");return Bs("div",{className:"k-dialog-wrapper",children:[i&&po(ut,{}),Bs("div",{...p,className:r(e.className,Qp,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0||o)&&Bs("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&po("span",{className:"k-window-title k-dialog-title",children:t}),o&&po(kx,{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(we,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};Te.states=Nx;Te.options=vx;Te.className=Qp;Te.defaultOptions=Ps;Te.moduleName=Ga;Te.folderName=On;Te.ariaSpec={selector:".k-dialog",rules:[{selector:".k-dialog",attribute:"role=dialog or role=alertdialog",usage:"Announces the dialog or alertdialog role of the component."},{selector:".k-dialog",attribute:"aria-labelledby",usage:"Associate the title of the dialog."},{selector:".k-dialog",attribute:"aria-describedby",usage:"Associate the dialog content to the wrap element."},{selector:".k-overlay + .k-dialog",attribute:"aria-modal=true",usage:"Announces that the dialog is modal. Attribute is added only when the dialog is modal."}]};var ws=Te;import{jsx as yx}from"react/jsx-runtime";var jp="k-dialog-wrapper",Lx=[],Mx={},Sx={},ra=e=>{let{...t}=e;return yx("div",{...t,className:r(e.className,jp),children:e.children})};ra.states=Lx;ra.options=Mx;ra.className=jp;ra.defaultOptions=Sx;ra.moduleName=Ga;ra.folderName=On;import{Fragment as ed,jsx as Bn,jsxs as Ax}from"react/jsx-runtime";var td=e=>Bn(ws,{title:"Title",children:Bn(ed,{children:"Dialog content"}),actionButtons:Ax(ed,{children:[Bn(l,{children:"Action"}),Bn(l,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as uG,jsx as fG,jsxs as bG}from"react/jsx-runtime";import{Fragment as Bx,jsx as Pn,jsxs as Px}from"react/jsx-runtime";var Cx=Te.options,Ex=[],Ix=Te.states,Tx=Te.defaultOptions,Ox=[],sa=e=>Pn(td,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:Px(Bx,{children:[Pn(l,{children:"No"}),Pn(l,{themeColor:"primary",children:"Yes"})]}),children:Pn("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});sa.options=Cx;sa.states=Ix;sa.variants=Ex;sa.defaultOptions=Tx;sa.modifiers=Ox;sa.className=Te.className;var Rs="dropzone",od=Rs;import{jsx as wn,jsxs as Kx}from"react/jsx-runtime";var Ks="k-external-dropzone",wx=[s.disabled,s.hover],Rx={},_s={icon:"upload",hint:"Drag and drop files here to upload"},Ae=e=>{let{hover:t,disabled:o,icon:a=_s.icon,hint:n=_s.hint,note:i,...p}=e;return wn("div",{...p,className:r(e.className,Ks,S(Ks,{disabled:o}),{"k-external-dropzone-hover":t}),children:Kx("div",{className:"k-dropzone-inner",children:[a&&wn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&wn("span",{className:"k-dropzone-hint",children:n}),i&&wn("span",{className:"k-dropzone-note",children:i})]})})};Ae.states=wx;Ae.options=Rx;Ae.className=Ks;Ae.defaultOptions=_s;Ae.moduleName=Rs;Ae.folderName=od;import{jsx as _x}from"react/jsx-runtime";var ad=e=>_x(Ae,{...e});import{jsx as zG}from"react/jsx-runtime";import{jsx as Gx}from"react/jsx-runtime";var Dx=Ae.options,Hx=Ae.states,zx=Ae.defaultOptions,Ux=[{name:"note",title:"Note"}],Fx=[],ia=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)}),Gx(ad,{style:{width:"500px"},...o,...a})};ia.options=Dx;ia.states=Hx;ia.variants=Fx;ia.defaultOptions=zx;ia.modifiers=Ux;ia.className=Ae.className;import{Fragment as Rn,jsx as $t,jsxs as Va}from"react/jsx-runtime";var Ds="k-upload-dropzone",Vx=[s.hover],Kn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...p}=e,c;switch(o){case"uploading":c=Va(Rn,{children:[$t(v,{icon:"upload"}),"Uploading..."]});break;case"done":c=Va(Rn,{children:[$t(v,{icon:"check"}),"Done"]});break;case"failed":c=Va(Rn,{children:[$t(v,{icon:"exclamation-circle"}),"Done"]});break;default:c=$t(Rn,{});break}return Va("div",{...p,className:r(e.className,Ds,"k-dropzone",S(Ds,{hover:t})),children:[Va("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})]})};Kn.states=Vx;Kn.className=Ds;var Hs="upload",nd=Hs;import{jsx as _n,jsxs as sd}from"react/jsx-runtime";var zs="k-upload",$x=[s.hover,s.disabled],Xx={},id={actionsLayout:"end"},rd="upload-files-list",j=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=id.actionsLayout,hover:i,status:p,disabled:c,...u}=e,f=!!e.children;return sd("div",{...u,className:r(e.className,zs,S(zs,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[_n(Kn,{status:p,hover:i,disabled:c,hasFiles:f,filesId:rd}),f&&_n("ul",{className:"k-upload-files",role:"list",id:rd,children:e.children}),a&&f&&sd(qi,{alignment:n,orientation:"horizontal",children:[_n(l,{className:"k-clear-selected",children:"Clear"}),_n(l,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};j.states=$x;j.options=Xx;j.className=zs;j.defaultOptions=id;j.moduleName=Hs;j.folderName=nd;j.ariaSpec={selector:".k-upload",rules:[{selector:".k-upload .k-upload-button",attribute:"aria-disabled",usage:"Announces the disabled state of the upload button."},{selector:".k-upload .k-upload-button",attribute:"aria-controls (when present)",usage:"Creates the relationship between the button and the list of selected files when the list is present."},{selector:".k-upload input",attribute:"tabindex=-1",usage:"Assures that the input element inside the upload is not focusable."},{selector:".k-upload input",attribute:"aria-hidden=true",usage:"The input needs to be hidden from screen readers."},{selector:".k-upload-files",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-upload-files",attribute:"id",usage:"Unique and deterministic id linked to the button aria-controls attribute."},{selector:".k-upload-files .k-file",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-upload .k-file .k-file-validation-message",attribute:"aria-live=polite",usage:"Announces the change in the upload status of the file."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"aria-label",usage:"Provides accessible names for the file action buttons."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"tabindex=-1",usage:"The list file action buttons are not focusable elements."}]};var $a="progressbar",Dn=$a;import{jsx as Fs,jsxs as Us}from"react/jsx-runtime";var tt="k-progressbar",qx=[s.disabled,s.indeterminate],Wx={orientation:["horizontal","vertical"]},co={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},fe=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 Us("div",{...m,className:r(e.className,tt,S(tt,{disabled:t}),{[`${tt}-${p}`]:p,[`${tt}-indeterminate`]:a,[`${tt}-reverse`]:c}),style:{...x,"--kendo-progressbar-value":u,[p==="horizontal"?"height":"width"]:p==="horizontal"?o:f},role:"progressbar","aria-label":N||"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Fs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Us("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Fs("div",{className:"k-progressbar-value k-selected",children:Fs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Us("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};fe.states=qx;fe.options=Wx;fe.className=tt;fe.defaultOptions=co;fe.moduleName=$a;fe.folderName=Dn;fe.ariaSpec={selector:".k-progressbar",implicitRole:"progressbar",rules:[{selector:".k-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ProgressBar."},{selector:".k-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ProgressBar needs an accessible name to be assigned to it."},{selector:".k-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Decimal value between aria-valuemin and aria-valuemax."},{selector:".k-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to 100."}]};var ld=fe;import{jsx as Gs}from"react/jsx-runtime";var pd="k-chunk-progressbar",Jx=(e,t)=>t<=e-1,Yx=[s.disabled,s.indeterminate],Zx={},Hn={chunkCount:5,orientation:"horizontal",progress:0},mo=e=>{let{disabled:t,chunkCount:o=Hn.chunkCount,indeterminate:a,orientation:n=Hn.orientation,progress:i=Hn.progress,reverse:p,ariaLabel:c,...u}=e;return Gs("div",{...u,className:r(e.className,tt,pd,S(tt,{disabled:t}),{[`${tt}-${n}`]:n,[`${tt}-indeterminate`]:a,[`${tt}-reverse`]:p}),role:"progressbar","aria-label":c||"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Gs("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,x)=>Gs("li",{className:r("k-progressbar-chunk",{"k-first":x===0,"k-last":x===[...Array(o)].length-1,"k-selected":Jx(i,x)})},x))})})};mo.states=Yx;mo.options=Zx;mo.className=pd;mo.defaultOptions=Hn;mo.moduleName=$a;mo.folderName=Dn;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 Qx}from"react/jsx-runtime";var Xa=e=>Qx(ld,{...e});import{jsx as C6}from"react/jsx-runtime";import{jsx as Xt}from"react/jsx-runtime";var jx=fe.options,eg=fe.states,dd={...fe.defaultOptions,variant:"start"},tg=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],og=[],la=e=>{let{variant:t,modifiers:o,...a}={...dd,...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(Xa,{...a,...n,labelPosition:"end",value:"50"})});case"center":return Xt("div",{...i,children:Xt(Xa,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return Xt("div",{...i,children:Xt(Xa,{...a,...n,label:!1,value:"50"})});default:return Xt("div",{...i,children:Xt(Xa,{...a,...n,labelPosition:"start",value:"50"})})}};la.options=jx;la.states=eg;la.variants=tg;la.defaultOptions=dd;la.modifiers=og;la.className=fe.className;import{jsx as Vs,jsxs as ng}from"react/jsx-runtime";var ag="k-file-info",$s=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return ng("div",{...n,className:r(e.className,ag),children:[t&&Vs("span",{className:"k-file-name",children:t}),o&&Vs("span",{className:"k-file-size",children:o}),a&&Vs("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as sg,jsx as It,jsxs as zn}from"react/jsx-runtime";var rg="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,rg,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:zn("div",{className:"k-file-single",children:[It(fe,{className:r({"k-hidden":t!=="progress"}),value:o,label:!1}),zn("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($s,{name:a,size:i,validationMsg:c}),It("div",{className:"k-upload-actions",children:t==="progress"?zn(sg,{children:[zn("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 a7,jsx as t7,jsxs as o7}from"react/jsx-runtime";import{Fragment as ig,jsx as Xs,jsxs as lg}from"react/jsx-runtime";var qa=e=>Xs(j,{async:!0,children:lg(ig,{children:[Xs(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),Xs(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as u7,jsx as c7,jsxs as m7}from"react/jsx-runtime";import{jsx as pg}from"react/jsx-runtime";var cd=e=>pg(j,{async:!0,empty:!0,...e});import{Fragment as k7,jsx as v7,jsxs as L7}from"react/jsx-runtime";import{Fragment as C7,jsx as A7,jsxs as E7}from"react/jsx-runtime";import{jsx as Tt,jsxs as Un}from"react/jsx-runtime";var dg=j.options,cg=j.states,md={...j.defaultOptions,variant:"empty"},mg=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],ug=[],pa=e=>{let{variant:t,...o}={...md,...e};switch(t){case"success":return Un(qa,{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 Un(qa,{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 Un(qa,{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 Un(qa,{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(cd,{async:!0,status:"upload",style:{width:"586px"},...o})}};pa.options=dg;pa.states=cg;pa.variants=mg;pa.defaultOptions=md;pa.modifiers=ug;pa.className=j.className;import{Fragment as o9,jsx as t9,jsxs as a9}from"react/jsx-runtime";import{jsx as i9}from"react/jsx-runtime";import{Fragment as m9,jsx as c9,jsxs as u9}from"react/jsx-runtime";import{Fragment as g9,jsx as x9,jsxs as N9}from"react/jsx-runtime";import{Fragment as S9,jsx as M9,jsxs as y9}from"react/jsx-runtime";import{Fragment as T9,jsx as I9}from"react/jsx-runtime";var qs="appbar",ud=qs;import{jsx as xg}from"react/jsx-runtime";var Ws="k-appbar",fg=[],bg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.inverse]},hg={},be=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return xg("div",{...n,className:r(e.className,Ws,A(Ws,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};be.states=fg;be.options=bg;be.className=Ws;be.defaultOptions=hg;be.moduleName=qs;be.folderName=ud;be.ariaSpec={selector:".k-appbar",rules:[]};import{jsx as Ng}from"react/jsx-runtime";var gg="k-appbar-section",Nt=e=>{let{...t}=e;return Ng("div",{...t,className:r(gg,e.className),children:e.children})};import{Fragment as $9,jsx as G9,jsxs as V9}from"react/jsx-runtime";import{jsx as ee,jsxs as da}from"react/jsx-runtime";var Js={...be.options,positionMode:["static","sticky","fixed"]},vg=be.states,fd={...be.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};Js.themeColor=["primary",...Js.themeColor.filter(e=>e!=="primary")];var kg=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],ca=e=>{let{variant:t,...o}={...fd,...e},a=da(be,{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"}),da(Nt,{children:[ee(nt,{fillMode:"flat",children:"Button"}),ee(nt,{fillMode:"flat",children:"Button"}),ee(nt,{fillMode:"flat",children:"Button"})]}),ee("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),ee(Nt,{children:ee(ln,{value:"Input value"})}),da(Nt,{children:[ee(se,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),ee("span",{className:"k-appbar-separator"}),ee(An,{className:"k-mx-sm",children:ee("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=da("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"?da("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):da("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};ca.options=Js;ca.states=vg;ca.variants=kg;ca.defaultOptions=fd;ca.modifiers=[];ca.className=be.className;var Ys="suggestion",bd=Ys;import{jsx as Fn,jsxs as Sg}from"react/jsx-runtime";var Gn="k-suggestion-group",Lg=[],Mg={},hd={layout:"scrollable",scrollingPosition:"start"},ot=e=>{let{layout:t=hd.layout,scrollingPosition:o,...a}=e,n=Fn("div",{...a,className:r(Gn,{"k-suggestion-group-scrollable":t=="scrollable",[`${Gn}-scrollable-start`]:o==="start"||o==="both",[`${Gn}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?Fn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Sg("div",{className:"k-suggestion-scrollwrap",children:[Fn(l,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Fn(l,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};ot.states=Lg;ot.options=Mg;ot.className=Gn;ot.defaultOptions=hd;ot.moduleName=Ys;ot.folderName=bd;import{jsx as Eg}from"react/jsx-runtime";var Vn="k-suggestion",yg=[s.active,s.hover,s.focus],Ag={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},Cg={text:"Suggestion"},at=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...p}=e;return Eg("span",{...p,className:r(e.className,Vn,S(Vn,{hover:a,active:o,focus:n}),A(Vn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};at.states=yg;at.options=Ag;at.className=Vn;at.item=Cg;import{Fragment as g4,jsx as x4,jsxs as N4}from"react/jsx-runtime";import{Fragment as S4,jsx as M4,jsxs as y4}from"react/jsx-runtime";import{Fragment as T4,jsx as I4,jsxs as O4}from"react/jsx-runtime";import{Fragment as wg,jsx as te,jsxs as $n}from"react/jsx-runtime";var Ig=U.states,Tg=U.defaultOptions,Og=U.options,Bg=[{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"}],Pg=[],ma=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=$n(be,{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(aa,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),p=$n(ot,{children:[te(at,{text:"Provide a CV template"}),te(at,{text:"Generate a cover letter"})]}),c=$n(ot,{children:[te(at,{themeColor:"primary",text:"Thank you!"}),te(at,{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(wg,{});break;default:break}});let{header:m,pinned:L,suggestedActions:k,author:y,avatar:C,quickReplies:M}=a;return $n(Vp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:k,children:[te(V,{avatar:f,author:y?N:null,children:te(G,{text:"Hello, this is a demo bot. How can I help you ?"})}),te(V,{avatar:C?u:null,author:y?x:null,type:"sender",children:te(G,{text:"Hello! Generate a cover letter."})}),te(V,{avatar:f,author:y?N:null,children:te(G,{text:"Sure. Here is a cover letter template",files:te(gt,{children:te(ye,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),M]})};ma.options=Og;ma.states=Ig;ma.variants=Pg;ma.defaultOptions=Tg;ma.modifiers=Bg;ma.className=U.className;var Zs="skeleton",xd=Zs;import{jsx as Dg}from"react/jsx-runtime";var Qs="k-skeleton",Rg=["circle","text","rect"],Kg=[],_g={},js={variant:"text",shape:"text",animation:"pulse"},ze=e=>{let{variant:t,shape:o,animation:a=js.animation,...n}=e,i=`skeleton-${t||o||js.variant}`;return Dg("span",{...n,className:r(e.className,Qs,Ja(Qs,i),{[`k-skeleton-${a}`]:a}),style:e.style})};ze.states=Kg;ze.options=_g;ze.variants=Rg;ze.className=Qs;ze.defaultOptions=js;ze.moduleName=Zs;ze.folderName=xd;ze.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as Hg}from"react/jsx-runtime";var uo=e=>Hg(ze,{...e});import{jsx as zg}from"react/jsx-runtime";var gd=e=>zg(ze,{shape:"rect",...e});import{jsx as O8}from"react/jsx-runtime";import{Fragment as Ug,jsx as Ue,jsxs as Xn}from"react/jsx-runtime";var z8=e=>Ue(U,{children:Xn(Ug,{children:[Ue("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Ue(V,{fullWidth:!0,children:Ue(G,{text:null,content:Xn("div",{className:"k-skeleton-container",style:{width:"100%"},children:[Ue(uo,{style:{width:"100%"}}),Ue(uo,{style:{width:"100%"}}),Ue(uo,{style:{width:"100%"}}),Ue(uo,{style:{width:"75%"}})]})})}),Ue(V,{type:"sender",fullWidth:!0,avatar:null,children:Ue(G,{text:null,content:Xn("div",{className:"k-skeleton-container",style:{width:"100%",display:"flex",alignItems:"center",gap:"var( --kendo-spacing-1 )"},children:[Ue(gd,{style:{width:"32px",height:"32px"}}),Xn("div",{style:{flex:"1 1 50%"},children:[Ue(uo,{style:{width:"100%"}}),Ue(uo,{style:{width:"50%"}})]})]})})})]}),...e});export{z8 as ChatMessageSkeleton};