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

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:l,active:c,selected:u,disabled:f,indeterminate:N,loading:x,empty:m,readonly:L,highlighted:k,...y}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":c,"k-selected":u,"k-disabled":f,"k-indeterminate":N&&!l,"k-loading":x,"k-empty":m,"k-readonly":L,"k-highlighted":k},Object.keys(y).reduce((C,M)=>(M.startsWith("k-")?C[M]=y[M]:C[`k-${M}`]=y[M],C),{}))};function Wa(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},h={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},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 Wn={};function w(e){return Wn[e]=(Wn[e]||0)+1,`k-${e}-${Wn[e]}`}import{Fragment as Ld,jsx as js}from"react/jsx-runtime";var Jn="k-font-icon",Nd=[],vd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},kd={},ma=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?js("span",{...l,className:r(e.className,Jn,A(Jn,{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"}):js(Ld,{})};ma.states=Nd;ma.options=vd;ma.className=Jn;ma.defaultOptions=kd;var ei=ma;import{Fragment as yd,jsx as Ja}from"react/jsx-runtime";var Yn="k-svg-icon",Md=[],Sd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},ti={viewBox:"0 0 24 24"},ua=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=ti.viewBox,icon:l,...c}=e;if(!l)return Ja(yd,{});if(l==="none")return Ja("span",{...c,className:r(e.className,Yn,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof l=="object"&&l.name&&l.name;return Ja("span",{...c,className:r(e.className,Yn,A("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:Ja("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:i,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};ua.states=Md;ua.options=Sd;ua.className=Yn;ua.defaultOptions=ti;var Zn=ua;import*as Qn from"@progress/kendo-svg-icons";var oi="icon",ai="icons";import{useContext as Cd}from"react";import{createContext as Ad}from"react";var ni=Ad({iconsType:"svg"});import{Fragment as ri,jsx as fa}from"react/jsx-runtime";var Ya="k-icon",Ed=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Id=[],Td={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},jn={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=Cd(ni),{size:o,themeColor:a,icon:n,type:i=t||jn.type,rotate:l,flip:c,viewBox:u=jn.viewBox,...f}=e;if(!n)return fa(ri,{});if((t||i)==="svg"){if(n==="none")return fa(Zn,{...f,className:r(e.className,Ya),icon:n,size:o});let x=Qn[n]?n:Ed(`${n}-icon`);return Qn[x]?fa(Zn,{...f,className:r(e.className,Ya),icon:Qn[x],size:o,themeColor:a,rotate:l,flip:c,viewBox:u}):fa(ri,{})}return fa(ei,{...f,className:r(e.className,Ya),icon:n,size:o,themeColor:a,rotate:l,flip:c})};v.states=Id;v.options=Td;v.defaultOptions=jn;v.className=Ya;v.moduleName=oi;v.folderName=ai;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 er="button",si=er;import{Fragment as wd,jsx as ba,jsxs as ii}from"react/jsx-runtime";var ha="k-button",Od=["icon-button"],Bd=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Pd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},tr={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=tr.showArrow,arrowIconName:c=tr.arrowIconName,variant:u,hover:f,focus:N,active:x,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 ii(t,{className:r(X,ha,Wa(ha,u),A(ha,{size:o,rounded:a,fillMode:n,themeColor:i}),S(ha,{hover:f,focus:N,active:x,disabled:L||y,selected:m}),{"k-icon-button":!M&&!xe&&he}),...pe,"aria-pressed":k?m?"true":"false":void 0,"aria-disabled":y?"true":void 0,disabled:L||void 0,children:[C&&ba(v,{className:r(I,"k-button-icon"),icon:C}),M?ii(wd,{children:[M&&ba("span",{className:"k-button-text",children:M}),e.children]}):e.children&&ba("span",{className:"k-button-text",children:e.children}),l&&ba("span",{className:"k-menu-button-arrow k-button-arrow",children:ba(v,{icon:c})})]})};p.states=Bd;p.options=Pd;p.variants=Od;p.className=ha;p.defaultOptions=tr;p.moduleName=er;p.folderName=si;p.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Rd}from"react/jsx-runtime";var se=e=>Rd(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Kd}from"react/jsx-runtime";var xa=e=>Kd(p,{icon:"folder",children:"Button",...e});import{jsx as _d}from"react/jsx-runtime";var nt=e=>_d(p,{children:"Button",...e});import{jsx as or}from"react/jsx-runtime";var Dd=p.options,Hd=p.states,zd={...p.defaultOptions,variant:"text"},Ud=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Fd=[],uo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return or(se,{...o,icon:"star"});case"icon-and-text":return or(xa,{...o,icon:"star",children:"Button"});default:return or(nt,{...o,children:"Button"})}};uo.options=Dd;uo.states=Hd;uo.variants=Ud;uo.defaultOptions=zd;uo.modifiers=Fd;uo.className=p.className;import{jsx as li,jsxs as qd}from"react/jsx-runtime";var Za="k-fab",$d=[s.hover,s.focus,s.active,s.selected,s.disabled],Xd={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},pi={type:"button"},Y=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=pi.type,position:c,hover:u,focus:f,active:N,selected:x,disabled:m,...L}=e;return qd("button",{...L,type:l,className:r(e.className,Za,A(Za,{size:t,rounded:o,themeColor:a}),S(Za,{hover:u,focus:f,active:N,disabled:m,selected:x}),{[`!k-pos-absolute k-${c}`]:c}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...m&&{"aria-disabled":"true"},disabled:m||void 0,children:[i&&li(v,{className:"k-fab-icon",icon:i}),n&&li("span",{className:"k-fab-text",children:n})]})};Y.states=$d;Y.options=Xd;Y.className=Za;Y.defaultOptions=pi;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 Jd}from"react/jsx-runtime";var Wd="k-fab-items",di=e=>{let{position:t,...o}=e;return Jd("ul",{...o,className:r(e.className,Wd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as mi,jsxs as Zd}from"react/jsx-runtime";var ci="k-fab-item",Yd=[s.hover,s.focus,s.active,s.disabled],ar=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:c,...u}=e;return Zd("li",{...u,className:r(e.className,ci,{[`k-text-${a}`]:a},S(ci,{hover:n,focus:i,active:l,disabled:c})),children:[mi("span",{className:"k-fab-item-text",children:t}),mi(v,{className:"k-fab-item-icon",icon:o})]})};ar.states=Yd;import{jsx as iv}from"react/jsx-runtime";import{jsx as Qd}from"react/jsx-runtime";var ui=e=>Qd(Y,{icon:"plus",...e});import{jsx as fv}from"react/jsx-runtime";import{jsx as gv}from"react/jsx-runtime";import{jsx as fo,jsxs as nc}from"react/jsx-runtime";var jd=Y.options,ec=Y.states,tc={...Y.defaultOptions,variant:"text"},oc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ac=[{name:"opened",title:"Opened"}],bo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o||{},i=n?fo("div",{className:"k-fab-popup k-popup k-popup-transparent",style:{position:"absolute",top:"calc(16px + 36px)",right:"calc(16px + calc(36px / 2) - calc(36px /2))"},children:fo(di,{position:"bottom",children:fo(ar,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=fo(Y,{...a,icon:"star"});break;case"icon-and-text":l=fo(Y,{...a,icon:"star",text:"Action"});break;default:l=fo(Y,{...a,text:"Action"});break}return nc("span",{style:{position:"relative"},children:[l,i]})};bo.options=jd;bo.states=ec;bo.variants=oc;bo.defaultOptions=tc;bo.modifiers=ac;bo.className=Y.className;import{jsx as ic}from"react/jsx-runtime";var nr="k-input-inner",rc=[],sc={},Qa={type:"text",autocomplete:"off",value:"",placeholder:""},ge=e=>{let{value:t=Qa.value,type:o=Qa.type,placeholder:a=Qa.placeholder,autocomplete:n=Qa.autocomplete,disabled:i,readOnly:l,...c}=e;return ic("input",{...c,type:o,className:r(e.className,nr,A(nr,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:l||void 0})};ge.states=rc;ge.options=sc;ge.className=nr;import{jsx as dc}from"react/jsx-runtime";var rr="k-input-inner",lc=[],pc={},fi={value:"",placeholder:""},ga=e=>{let{value:t=fi.value,placeholder:o=fi.placeholder,rows:a,disabled:n,...i}=e;return dc("textarea",{...i,className:r(e.className,rr,A(rr,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};ga.states=lc;ga.options=pc;ga.className=rr;var sr="prompt-box",bi=sr;var ir="speech-to-text-button",hi=ir;import{jsx as cc}from"react/jsx-runtime";var xi="k-speech-to-text-button",gi={icon:"microphone-outline"},Ce=e=>{let{listening:t=!1,icon:o=gi.icon,...a}=e;return cc(p,{...a,icon:t?"stop-sm":o,className:r(e.className,xi,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Ce.states=p.states;Ce.options=p.options;Ce.className=xi;Ce.defaultOptions=gi;Ce.moduleName=ir;Ce.folderName=hi;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 jv}from"react/jsx-runtime";import{jsx as ak}from"react/jsx-runtime";import{jsx as hc}from"react/jsx-runtime";var mc=p.states,Ni={...p.defaultOptions,variant:"normal"},uc={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},fc=[],bc=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],ho=e=>{let{variant:t,...o}={...Ni,...e},a={};return t==="listening"&&(a.listening=!0),hc(Ce,{...o,...a})};ho.options=uc;ho.states=mc;ho.variants=bc;ho.defaultOptions=Ni;ho.modifiers=fc;ho.className=Ce.className;import{jsx as xo,jsxs as lr}from"react/jsx-runtime";var lt="k-prompt-box",xc=[s.hover,s.focus,s.disabled],gc={fillMode:[h.undefined,h.solid,h.flat,h.outline]},pr={lineMode:"auto",isExpanded:!1},Nt=e=>{let{fillMode:t,lineMode:o=pr.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=pr.isExpanded,className:c,children:u,value:f,placeholder:N,generating:x,hover:m,focus:L,disabled:k,...y}=e,C=o==="multi"||o==="auto"&&l;return lr("div",{...y,className:r(c,"k-input",lt,{[`${lt}-singleline`]:o==="single",[`${lt}-multiline`]:C,[`k-input-${t}`]:t,"k-hover":m,"k-focus":L,"k-disabled":k}),children:[i&&xo("div",{className:`${lt}-header`,children:i}),lr("div",{className:`${lt}-content`,children:[a&&xo("div",{className:`${lt}-affix`,children:a}),o==="single"?xo(ge,{value:f,placeholder:N,className:`${lt}-input`,type:"text","aria-label":"Prompt input"}):xo(ga,{value:f,placeholder:N,className:`${lt}-textarea`,rows:o==="multi"||l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),lr("div",{className:`${lt}-affix`,children:[n,xo(Ce,{size:"small",fillMode:"flat",rounded:"full"}),xo(se,{icon:x?"stop-sm":"arrow-up-outline",size:"small",rounded:"full",active:x,disabled:!f&&!x,className:r({"k-generating":x}),"aria-label":x?"Stop generating":"Send prompt","aria-live":"polite"})]})]}),u]})};Nt.states=xc;Nt.options=gc;Nt.className=lt;Nt.defaultOptions=pr;Nt.moduleName=sr;Nt.folderName=bi;Nt.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 yk}from"react/jsx-runtime";import{jsx as Ik}from"react/jsx-runtime";import{jsx as Pk}from"react/jsx-runtime";import{jsx as _k}from"react/jsx-runtime";import{jsx as Uk}from"react/jsx-runtime";var dr="chat",vi=dr;import{Fragment as Mi,jsx as qt,jsxs as Na}from"react/jsx-runtime";var ki="k-chat",Nc=[],vc={},kc=Na(Mi,{children:[qt(se,{icon:"paperclip-outline-alt-right",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),qt("div",{className:"k-spacer"})]}),Li={tools:kc},U=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:c,tools:u=Li.tools,value:f,empty:N,scrollToBottom:x,scrollbar:m,promptBoxProps:L,...k}=e;return Na("div",{...k,className:r(ki,e.className),dir:o,children:[t,Na("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,qt("div",{className:r("k-message-list-content",N&&"k-message-list-content-empty"),children:e.children}),x&&qt("div",{className:"k-chat-scroll-to-bottom-container",children:qt(ui,{themeColor:"base",icon:"arrow-down-outline",size:"small"})})]}),m&&qt("div",{className:"k-separator"}),Na("div",{className:"k-message-box-wrapper",children:[a,qt(Nt,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:n||l?Na(Mi,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};U.states=Nc;U.options=vc;U.className=ki;U.defaultOptions=Li;U.moduleName=dr;U.folderName=vi;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 cr="button",Si=cr;import{jsx as yc}from"react/jsx-runtime";var va="k-button-group",Lc=[s.disabled],Mc={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Sc={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return yc("div",{role:"group",...n,className:r(e.className,va,A(va,{fillMode:t}),S(va,{disabled:o}),{[`${va}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Lc;T.options=Mc;T.className=va;T.defaultOptions=Sc;T.moduleName=cr;T.folderName=Si;T.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as fL,jsx as uL,jsxs as bL}from"react/jsx-runtime";import{Fragment as kL,jsx as vL,jsxs as LL}from"react/jsx-runtime";import{Fragment as EL,jsx as CL,jsxs as IL}from"react/jsx-runtime";import{Fragment as RL,jsx as wL,jsxs as KL}from"react/jsx-runtime";import{Fragment as FL,jsx as UL,jsxs as GL}from"react/jsx-runtime";import{Fragment as JL,jsx as WL,jsxs as YL}from"react/jsx-runtime";import{jsx as vt,jsxs as mr}from"react/jsx-runtime";var Ac={...p.options,...T.options},Cc=p.states,Ec={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},Ic=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Tc=[],go=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?mr(T,{fillMode:a.fillMode,className:o,children:[vt(p,{...a,icon:"star"}),vt(p,{...a,icon:"star"}),vt(p,{...a,icon:"star"})]}):t==="icon-text-button"?mr(T,{fillMode:a.fillMode,className:o,children:[vt(p,{...a,icon:"star",children:"First"}),vt(p,{...a,icon:"star",children:"Middle"}),vt(p,{...a,icon:"star",children:"Last"})]}):mr(T,{fillMode:a.fillMode,className:o,children:[vt(p,{...a,children:"First"}),vt(p,{...a,children:"Middle"}),vt(p,{...a,children:"Last"})]})};go.options=Ac;go.states=Cc;go.variants=Ic;go.defaultOptions=Ec;go.modifiers=Tc;go.className=T.className;var ka="input",en=ka;import{jsx as wc}from"react/jsx-runtime";var tn="k-input",Oc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Bc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Pc={},Z=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:f,fillMode:N,...x}=e;return wc("span",{...x,className:r(e.className,tn,A(tn,{size:u,rounded:f,fillMode:N}),S(tn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c}))})};Z.states=Oc;Z.options=Bc;Z.className=tn;Z.defaultOptions=Pc;Z.moduleName=ka;Z.folderName=en;import{jsx as Dc}from"react/jsx-runtime";var on="k-picker",Rc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Kc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},_c={},pt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:f,fillMode:N,...x}=e;return Dc("span",{...x,className:r(e.className,on,A(on,{size:u,rounded:f,fillMode:N}),S(on,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c})),children:e.children})};pt.states=Rc;pt.options=Kc;pt.className=on;pt.defaultOptions=_c;pt.moduleName=ka;pt.folderName=en;import{Fragment as Uc,jsx as ur}from"react/jsx-runtime";var yi="k-clear-value",Hc=[s.disabled,s.loading,s.readonly],zc={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?ur(Uc,{}):ur("span",{className:r(e.className,yi),children:ur(v,{icon:"x"})})};Pe.states=Hc;Pe.options=zc;Pe.className=yi;import{jsx as Ai,jsxs as Vc}from"react/jsx-runtime";var fr="k-input-inner",Fc=[],Gc={},Wt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return Vc("span",{...l,className:r(e.className,fr,A(fr,e)),children:[n,!n&&i&&Ai(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Ai("span",{className:"k-input-value-text",children:t})]})};Wt.states=Fc;Wt.options=Gc;Wt.className=fr;import{Fragment as Xc,jsx as Ci}from"react/jsx-runtime";var Ei="k-input-loading-icon",$c=[s.disabled,s.loading],Ee=e=>{let{disabled:t,loading:o}=e;return t||!o?Ci(Xc,{}):Ci("span",{className:r(e.className,Ei,"k-icon k-i-loading")})};Ee.states=$c;Ee.className=Ei;import{Fragment as Jc,jsx as Ii}from"react/jsx-runtime";var Ti="k-input-validation-icon",qc=[s.valid,s.invalid,s.disabled,s.loading],Wc={},Ne=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?Ii(Jc,{}):Ii(v,{className:r(Ti),icon:i})};Ne.states=qc;Ne.options=Wc;Ne.className=Ti;import{Fragment as Qc,jsx as Oi}from"react/jsx-runtime";var Yc="k-input-prefix",Zc={direction:"horizontal"},Fe=e=>{let{direction:t=Zc.direction,...o}=e;return e.children?Oi("span",{...o,className:r(Yc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Oi(Qc,{})};import{Fragment as tm,jsx as Bi}from"react/jsx-runtime";var jc="k-input-suffix",em={direction:"horizontal"},Ge=e=>{let{direction:t=em.direction,...o}=e;return e.children?Bi("span",{...o,className:r(jc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Bi(tm,{})};import{jsx as VM}from"react/jsx-runtime";import{jsx as am}from"react/jsx-runtime";var om="k-input-suffix-text",br=e=>{let{children:t,...o}=e;return am("span",{...o,className:r(om,e.className),children:t})};import{jsx as rm}from"react/jsx-runtime";var Pi="k-input-separator",nm={direction:"vertical"},Ve=e=>{let{direction:t=nm.direction,...o}=e;return rm("span",{...o,className:r(Pi,e.className,{[`${Pi}-${t}`]:t})})};import{Fragment as wi,jsx as dt,jsxs as hr}from"react/jsx-runtime";var sm=Z.states,im=Z.defaultOptions,lm=Z.options,pm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],dm=[],No=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...c}=e,u=t?.prefix,f=t?.suffix,N=t?.["clear-button"],x=t?.["validation-icon"],m=t?.separators;return hr(Z,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&hr(wi,{children:[dt(Fe,{children:dt(v,{icon:"lock"})}),m&&dt(Ve,{})]}),dt(ge,{placeholder:"Placeholder",value:"Value"}),x&&dt(Ne,{valid:o,invalid:a,loading:n,disabled:i}),dt(Ee,{loading:n,disabled:i}),N&&dt(Pe,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&hr(wi,{children:[m&&dt(Ve,{}),dt(Ge,{children:dt(nt,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};No.options=lm;No.states=sm;No.variants=dm;No.defaultOptions=im;No.modifiers=pm;No.className=Z.className;import{jsx as Ri,jsxs as um}from"react/jsx-runtime";var Ki="k-color-preview",cm=[],mm={},Ot=e=>{let{color:t,iconName:o,...a}=e;return um("span",{...a,className:r(e.className,Ki,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Ri(v,{icon:o,className:"k-color-preview-icon"}),Ri("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ot.states=cm;Ot.options=mm;Ot.className=Ki;var xr="popup",_i=xr;import{jsx as Di}from"react/jsx-runtime";var Hi="k-animation-container",fm=[],bm={},zi={positionMode:"absolute"},ct=e=>{let{positionMode:t=zi.positionMode,animationStyle:o,offset:a,...n}=e;return Di("div",{...n,style:{...a,...e.style},className:r(e.className,Hi,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Di("div",{className:"k-child-animation-container",style:o,children:e.children})})};ct.states=fm;ct.options=bm;ct.className=Hi;ct.defaultOptions=zi;ct.moduleName=xr;ct.folderName=_i;var gr="popup",Ui=gr;import{jsx as Fi}from"react/jsx-runtime";var Gi="k-popup",hm=[],xm={},Vi={positionMode:"absolute"},$=e=>{let{offset:t,positionMode:o=Vi.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return Fi(ct,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:Fi("div",{...c,className:r(e.className,Gi),children:e.children})})};$.states=hm;$.options=xm;$.className=Gi;$.defaultOptions=Vi;$.moduleName=gr;$.folderName=Ui;$.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 Nr="action-buttons",$i=Nr;import{jsx as vm}from"react/jsx-runtime";var an="k-actions",gm=[],Nm={},vr={alignment:"start",orientation:"horizontal"},we=e=>{let{alignment:t=vr.alignment,orientation:o=vr.orientation,...a}=e;return vm("div",{...a,className:r(an,{[`${an}-${t}`]:t,[`${an}-${o}`]:o},e.className),children:e.children})};we.states=gm;we.options=Nm;we.className=an;we.defaultOptions=vr;we.moduleName=Nr;we.folderName=$i;var Xi=we;import{jsx as Lm}from"react/jsx-runtime";var km="k-actionsheet-footer",qi={alignment:"stretched",orientation:"horizontal"},Bt=e=>{let{alignment:t=qi.alignment,orientation:o=qi.orientation,template:a,as:n=a?"div":we,...i}=e;return Lm(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,km),children:e.children})};var kr="searchbox",Wi=kr;import{jsx as La,jsxs as ym}from"react/jsx-runtime";var Ji="k-searchbox",Mm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Sm={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Lr={showIcon:!0,icon:"search"},$e=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:x,disabled:m,showIcon:L=Lr.showIcon,icon:k=Lr.icon,"aria-label":y,...C}=e;return ym(Z,{...C,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:x,disabled:m,className:r(e.className,Ji),children:[L&&La(v,{className:"k-input-icon",icon:k}),La(ge,{placeholder:o,value:t,"aria-label":y}),La(Ee,{...e}),La(Ne,{...e}),La(Pe,{...e})]})};$e.states=Mm;$e.options=Sm;$e.className=Ji;$e.defaultOptions=Lr;$e.moduleName=kr;$e.folderName=Wi;import{jsx as by}from"react/jsx-runtime";var Mr="textbox",Yi=Mr;import{Fragment as Zi,jsx as Pt,jsxs as Sr}from"react/jsx-runtime";var Qi="k-textbox",Am=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Cm={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},nn={showClearButton:!0,showValidationIcon:!0,separators:!0},ie=e=>{let{size:t,rounded:o,fillMode:a,separators:n=nn.separators,showClearButton:i=nn.showClearButton,showValidationIcon:l=nn.showValidationIcon,prefix:c,suffix:u,type:f,value:N,placeholder:x,hover:m,focus:L,valid:k,invalid:y,required:C,loading:M,disabled:I,readonly:X,id:pe,"aria-label":he,"aria-describedby":xe,...Be}=e;return Sr(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,Qi),children:[c&&Sr(Zi,{children:[Pt(Fe,{children:c}),n&&Pt(Ve,{})]}),Pt(ge,{id:pe,placeholder:x,value:N,type:f,disabled:I,"aria-label":he,"aria-describedby":xe,"aria-invalid":y?"true":void 0}),l&&Pt(Ne,{valid:k,invalid:y,loading:M,disabled:I}),Pt(Ee,{loading:M,disabled:I}),i&&Pt(Pe,{loading:M,disabled:I,readonly:X,value:N}),u&&Sr(Zi,{children:[n&&Pt(Ve,{}),Pt(Ge,{children:u})]})]})};ie.states=Am;ie.options=Cm;ie.className=Qi;ie.defaultOptions=nn;ie.moduleName=Mr;ie.folderName=Yi;ie.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Ma=ie;import{jsx as Em}from"react/jsx-runtime";var rn=e=>Em(Ma,{...e});import{Fragment as Py,jsx as By}from"react/jsx-runtime";import{Fragment as Hy,jsx as Dy}from"react/jsx-runtime";import{jsx as Gy}from"react/jsx-runtime";import{jsx as yr}from"react/jsx-runtime";var Im=ie.states,Tm=ie.defaultOptions,Om=ie.options,Bm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Pm=[],vo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?yr(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?yr(nt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),yr(rn,{value:"Value",style:{width:300},...o,...a})};vo.options=Om;vo.states=Im;vo.variants=Pm;vo.defaultOptions=Tm;vo.modifiers=Bm;vo.className=ie.className;import{jsx as wt,jsxs as Ar}from"react/jsx-runtime";var ji="k-actionsheet-titlebar",wm={},ve=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:c,inputPlaceholder:u,adaptive:f,titleId:N,children:x,...m}=e;return Ar("div",{...m,className:r(e.className,ji),children:[Ar("div",{className:"k-actionsheet-titlebar-group",children:[a&&wt("div",{className:"k-actionsheet-actions",children:a}),!x&&Ar("div",{className:"k-actionsheet-title",id:N,children:[t&&wt("div",{className:"k-text-center",children:t}),o&&wt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&wt("div",{className:"k-actionsheet-title",id:N,children:x}),n&&wt("div",{className:"k-actionsheet-actions",children:n})]}),(l||i)&&wt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?wt(ie,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t||u||"Input"}):wt($e,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};ve.className=ji;ve.defaultOptions=wm;import{jsx as Cr,jsxs as Dm}from"react/jsx-runtime";var Er="k-actionsheet-view",Rm=[],Km={},_m={},ko=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...c}=e,u=n?.type===ve&&Cr(ve,{adaptive:t,titleId:l,...n?.props}),f=i?.type===Bt&&Cr(Bt,{...i?.props});return Dm("div",{...c,className:r(e.className,Er,{[`${Er}-animated`]:o}),children:[u,Cr("div",{className:"k-actionsheet-content",children:a}),f]})};ko.states=Rm;ko.options=Km;ko.className=Er;ko.defaultOptions=_m;var Sa="action-sheet",sn=Sa;var Ir="overlay",el=Ir;import{jsx as Fm}from"react/jsx-runtime";var tl="k-overlay",Hm=[],zm={},Um={},mt=e=>{let{...t}=e;return Fm("div",{...t,className:r(e.className,tl),children:e.children})};mt.states=Hm;mt.options=zm;mt.className=tl;mt.defaultOptions=Um;mt.moduleName=Ir;mt.folderName=el;import{jsx as ln,jsxs as $m}from"react/jsx-runtime";var ol="k-actionsheet",Gm=[],Vm={},ya={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},W=e=>{let{side:t=ya.side,fullscreen:o=ya.fullscreen,adaptive:a=ya.adaptive,overlay:n=ya.overlay,template:i,children:l,header:c,footer:u,id:f,...N}=e,x=f&&!i&&c?`${f}-title`:void 0;return $m("div",{className:"k-actionsheet-container",children:[n&&ln(mt,{}),ln(ct,{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:ln("div",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":x,className:r(e.className,ol,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i||ln(ko,{header:c,footer:u,adaptive:a,titleId:x,...e,children:l})})})]})};W.states=Gm;W.options=Vm;W.className=ol;W.defaultOptions=ya;W.moduleName=Sa;W.folderName=sn;W.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as Jm}from"react/jsx-runtime";var al="k-actionsheet-container",Xm=[],qm={},Wm={},Lo=e=>{let{children:t,...o}=e;return Jm("div",{...o,className:al,children:t})};Lo.states=Xm;Lo.options=qm;Lo.className=al;Lo.defaultOptions=Wm;Lo.moduleName=Sa;Lo.folderName=sn;import{jsx as Ym}from"react/jsx-runtime";var Tr=e=>{let{...t}=e;return Ym("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Qm,jsx as Aa,jsxs as Or}from"react/jsx-runtime";var Br="k-actionsheet-item",Zm=[s.hover,s.focus,s.selected,s.disabled],Rt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:c,...u}=e;return Or("span",{...u,className:r(e.className,Br,S(Br,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&Aa(Qm,{children:Or("span",{className:"k-actionsheet-action",children:[t&&Aa("span",{className:"k-icon-wrap",children:Aa(v,{className:"k-actionsheet-item-icon",icon:t})}),Or("span",{className:"k-actionsheet-item-text",children:[o&&Aa("span",{className:"k-actionsheet-item-title",children:o}),a&&Aa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Rt.states=Zm;Rt.className=Br;import{jsx as FA,jsxs as GA}from"react/jsx-runtime";import{jsx as qA}from"react/jsx-runtime";import{jsx as ZA}from"react/jsx-runtime";import{jsx as tC}from"react/jsx-runtime";import{jsx as le,jsxs as Pr}from"react/jsx-runtime";var jm=W.options,eu=W.states,rl={...W.defaultOptions,variant:"normal"},tu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],ou=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Mo=e=>{let{variant:t,modifiers:o,...a}={...rl,...e},n={},i=Pr(Tr,{children:[le(Rt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),le(Rt,{text:"Add to Favorites",iconName:"heart"}),le(Rt,{text:"Upload New",iconName:"upload",disabled:!0}),le("hr",{className:"k-hr"}),le(Rt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",c="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?l:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?le(W,{...a,adaptive:!0,fullscreen:n.fullScreen,header:le(ve,{actionsStart:n.actionsStart?le(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?le(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?Pr(Bt,{alignment:"stretched",children:[le(p,{text:"Cancel",size:"large",themeColor:"base"}),le(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):le(W,{...a,fullscreen:n.fullScreen,header:le(ve,{actionsStart:n.actionsStart?le(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?le(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Pr(Bt,{alignment:"stretched",children:[le(p,{text:"Apply",themeColor:"primary"}),le(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Mo.options=jm;Mo.states=eu;Mo.variants=tu;Mo.defaultOptions=rl;Mo.modifiers=ou;Mo.className=W.className;var wr="slider",sl=wr;import{jsx as So,jsxs as Rr}from"react/jsx-runtime";var Ca="k-slider",au=[s.hover,s.focus,s.active,s.disabled,s.readonly],nu={},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:l=Xe.handlePosition,showButtons:c=Xe.showButtons,showTicks:u=Xe.showTicks,value:f=Xe.value,min:N=Xe.min,max:x=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"),Rr("div",{...X,className:r(Ca,e.className,S(Ca,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&So(p,{className:"k-button-decrease",rounded:"full",icon:Be,tabIndex:-1,title:"Decrease"}),Rr("div",{className:"k-slider-track-wrap",children:[u&&So("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Rr("div",{className:"k-slider-track",style:M,children:[So("div",{className:"k-slider-selection"}),t==="range"&&So("span",{className:r("k-draghandle","k-draghandle-start",S(Ca,{hover:k,focus:y,active:C})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":m??N,"aria-valuemin":N,"aria-valuemax":L??x,"aria-orientation":he,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":X["aria-label"]?`${X["aria-label"]} start`:"Range start"}),So("span",{className:r("k-draghandle",`k-draghandle-${l}`,S(Ca,{hover:k,focus:y,active:C})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??x:f,"aria-valuemin":t==="range"?m??N:N,"aria-valuemax":x,"aria-orientation":he,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?X["aria-label"]?`${X["aria-label"]} end`:"Range end":X["aria-label"]})]})]}),c&&So(p,{className:"k-button-increase",rounded:"full",icon:xe,tabIndex:-1,title:"Increase"})]})};F.states=au;F.options=nu;F.className=Ca;F.defaultOptions=Xe;F.moduleName=wr;F.folderName=sl;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 il}from"react/jsx-runtime";var ll="k-tick",ru=[],su={},pl={label:!1},E=e=>{let{style:t,label:o=pl.label,orientation:a,large:n,text:i,...l}=e;return il("li",{...l,role:"presentation",title:i||"Tick",className:r(e.className,ll,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&il("span",{className:"k-label",children:i})})};E.states=ru;E.options=su;E.className=ll;E.defaultOptions=pl;import{Fragment as iu,jsx as qe,jsxs as lu}from"react/jsx-runtime";var dl=e=>qe(F,{"aria-label":e["aria-label"]||"Slider",children:lu(iu,{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 pu,jsx as We,jsxs as du}from"react/jsx-runtime";var cl=e=>We(F,{children:du(pu,{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 GC,jsx as FC,jsxs as VC}from"react/jsx-runtime";import{Fragment as JC,jsx as WC,jsxs as YC}from"react/jsx-runtime";import{jsx as cu}from"react/jsx-runtime";var Kr=e=>cu(F,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as mu}from"react/jsx-runtime";var _r=e=>mu(F,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as iE,jsx as sE,jsxs as lE}from"react/jsx-runtime";import{Fragment as uE,jsx as mE,jsxs as fE}from"react/jsx-runtime";import{jsx as ut,jsxs as ml}from"react/jsx-runtime";var uu=F.options,fu=F.states,ul={...F.defaultOptions,variant:"horizontal",label:!0},bu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],hu=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],yo=e=>{let{variant:t,modifiers:o,...a}={...ul,...e},n={};Object.keys(o||{}).forEach(f=>{switch(f){case"button":{n.showButtons=!!o?.[f];break}case"label":{n.label=!!o?.[f];break}case"tick":{n.showTicks=!!o?.[f];break}}});let{label:i=!0,showButtons:l,showTicks:c}=n,u={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?ml(cl,{showTicks:c,showButtons:l,style:{height:"300px",...u},...a,children:[ut(E,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ut(E,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ut(E,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ut(E,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ut(E,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):ml(dl,{showTicks:c,showButtons:l,style:{width:"400px",...u},...a,children:[ut(E,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ut(E,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ut(E,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ut(E,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ut(E,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};yo.options=uu;yo.states=fu;yo.variants=bu;yo.defaultOptions=ul;yo.modifiers=hu;yo.className=F.className;import{jsx as fl,jsxs as ku}from"react/jsx-runtime";var bl="k-spin-button",Nu=[],vu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Dr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Kt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Dr.increaseLabel,decreaseLabel:i=Dr.decreaseLabel,...l}=e;return ku("span",{...l,className:r(bl,e.className),children:[fl(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),fl(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Kt.states=Nu;Kt.options=vu;Kt.className=bl;Kt.defaultOptions=Dr;Kt.moduleName=null;Kt.folderName=null;var hl="numeric-textbox",xl="numerictextbox";import{Fragment as gl,jsx as kt,jsxs as Hr}from"react/jsx-runtime";var Nl="k-numerictextbox",Lu=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Mu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},pn={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:n=pn.separators,showClearButton:i=pn.showClearButton,showSpinButton:l=pn.showSpinButton,prefix:c,suffix:u,value:f,placeholder:N,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,id:X,"aria-label":pe,"aria-describedby":he,...xe}=e;return Hr(Z,{...xe,size:t,rounded:o,fillMode:a,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,className:r(e.className,Nl),children:[c&&Hr(gl,{children:[kt(Fe,{children:c}),n&&kt(Ve,{})]}),kt(ge,{id:X,placeholder:N,value:f,role:"spinbutton",disabled:M,"aria-label":pe,"aria-describedby":he,"aria-invalid":k?"true":void 0}),kt(Ne,{valid:L,invalid:k,loading:C,disabled:M}),kt(Ee,{loading:C,disabled:M}),i&&kt(Pe,{loading:C,disabled:M,readonly:I,value:f}),u&&Hr(gl,{children:[n&&kt(Ve,{}),kt(Ge,{children:u})]}),l&&kt(Kt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};_.states=Lu;_.options=Mu;_.className=Nl;_.defaultOptions=pn;_.moduleName=hl;_.folderName=xl;_.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Ea=_;import{jsx as Su}from"react/jsx-runtime";var vl=e=>Su(Ea,{...e});import Ur from"react";import{jsx as kl}from"react/jsx-runtime";var yu="k-list-group-sticky-header",zr=e=>kl("div",{className:r(yu,e.className),children:kl("div",{className:"k-list-header-text",children:e.children})});import{jsx as Cu}from"react/jsx-runtime";var Au="k-no-data",dn=e=>{let{live:t,...o}=e;return Cu("span",{...o,className:r(Au,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Jt="list",Ao=Jt;import{jsx as Ll,jsxs as Ml}from"react/jsx-runtime";var Fr="k-list",Eu=[],Iu={size:[d.undefined,d.small,d.medium,d.large]},Tu={},R=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:i,customValue:l,noData:c,screenReaders:u,...f}=e,x=Ur.Children.toArray(a)[0],m=x?.props?.children?Ur.Children.count(x.props.children):Ur.Children.count(a);return Ml("div",{...f,className:r(e.className,Fr,A(Fr,{size:t}),{"k-virtual-list":o}),children:[i,l,n&&Ll(zr,{children:n}),a||(c!==void 0?c:Ll(dn,{live:!0,children:"No data found."})),u&&a&&Ml(dn,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};R.states=Eu;R.options=Iu;R.className=Fr;R.defaultOptions=Tu;R.moduleName=Jt;R.folderName=Ao;R.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as wu}from"react/jsx-runtime";var Sl="k-list-container",Ou=[],Bu={},Pu={},Co=e=>{let{...t}=e;return wu("div",{...t,className:r(e.className,Sl),children:e.children})};Co.states=Ou;Co.options=Bu;Co.className=Sl;Co.defaultOptions=Pu;Co.moduleName=Jt;Co.folderName=Ao;var Yt="checkbox",Eo=Yt;import{jsx as yl}from"react/jsx-runtime";var cn="k-checkbox",Ru=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Ku={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},_u={},Je=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:c,valid:u,required:f,size:N,rounded:x,wrapperRole:m,...L}=e;return yl("span",{className:"k-checkbox-wrap",role:m,children:yl("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l||void 0,"aria-invalid":c?"true":void 0,className:r(e.className,cn,A(cn,{size:N,rounded:x}),S(cn,{hover:n,focus:i,disabled:l,invalid:c,valid:u,indeterminate:a,checked:o}))})})};Je.states=Ru;Je.options=Ku;Je.className=cn;Je.defaultOptions=_u;Je.moduleName=Yt;Je.folderName=Eo;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 zu}from"react/jsx-runtime";var Al="k-checkbox-list",Du=[],Hu={},Cl={layout:"vertical"},ke=e=>{let{layout:t=Cl.layout,...o}=e;return zu("ul",{...o,className:r(e.className,Al,{[`k-list-${t}`]:t}),children:e.children})};ke.states=Du;ke.options=Hu;ke.className=Al;ke.defaultOptions=Cl;ke.moduleName=Yt;ke.folderName=Eo;import{jsx as Vu}from"react/jsx-runtime";var El="k-checkbox-list-item",Uu=[],Fu={},Gu={},Le=e=>{let{...t}=e;return Vu("li",{...t,className:r(e.className,El),children:e.children})};Le.states=Uu;Le.options=Fu;Le.className=El;Le.defaultOptions=Gu;Le.moduleName=Yt;Le.folderName=Eo;import{Fragment as $u,jsx as Il,jsxs as Xu}from"react/jsx-runtime";var Lt=({children:e="Label",id:t="cb-label-after",...o})=>Xu($u,{children:[Il(rt,{id:t,...o}),Il("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as DI,jsx as _I,jsxs as HI}from"react/jsx-runtime";import{Fragment as VI,jsx as GI,jsxs as $I}from"react/jsx-runtime";import{Fragment as YI,jsx as JI,jsxs as ZI}from"react/jsx-runtime";import{jsx as tT}from"react/jsx-runtime";import{jsx as rT}from"react/jsx-runtime";import{jsx as pT}from"react/jsx-runtime";import{jsx as Ye,jsxs as Tl}from"react/jsx-runtime";var qu=ke.options,Wu=ke.states,Ju={...ke.defaultOptions,variant:"vertical"},Yu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Zu=[],Io=e=>{let{variant:t,...o}=e;return t==="horizontal"?Tl(ke,{layout:"horizontal",...o,children:[Ye(Le,{children:Ye(Lt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),Ye(Le,{children:Ye(Lt,{id:w("cb"),children:"Label"})}),Ye(Le,{children:Ye(Lt,{id:w("cb"),children:"Label"})})]}):Tl(ke,{...o,children:[Ye(Le,{children:Ye(Lt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),Ye(Le,{children:Ye(Lt,{id:w("cb"),children:"Label"})}),Ye(Le,{children:Ye(Lt,{id:w("cb"),children:"Label"})})]})};Io.options=qu;Io.states=Wu;Io.variants=Yu;Io.defaultOptions=Ju;Io.modifiers=Zu;Io.className=ke.className;import{jsx as af}from"react/jsx-runtime";var Qu=rt.options,ju=rt.states,ef=rt.defaultOptions,tf=[],of=[],To=e=>af(Lt,{id:w("checkbox"),...e,defaultChecked:!0,children:"Label"});To.options=Qu;To.states=ju;To.variants=tf;To.defaultOptions=ef;To.modifiers=of;To.className=rt.className;import{jsx as Zt,jsxs as lf}from"react/jsx-runtime";var Gr="k-list-item",nf=[s.hover,s.focus,s.selected,s.disabled],rf={},sf={},O=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:i,showCheckbox:l,checked:c,hover:u,focus:f,selected:N,disabled:x,actions:m,description:L,id:k,...y}=e,C=t||e.children;return lf("li",{...y,id:k,role:a?"presentation":"option",tabIndex:a?void 0:f?0:-1,"aria-selected":!a&&N?"true":a?void 0:"false","aria-disabled":!a&&x?"true":void 0,className:r(e.className,a?"k-list-group-item":Gr,S(Gr,{hover:u,focus:f,disabled:x,selected:N})),children:[l&&Zt(Je,{checked:c}),n&&Zt("span",{className:"k-list-item-icon-wrapper",children:Zt(v,{icon:n,className:r("k-list-item-icon",i)})}),Zt("span",{className:"k-list-item-text",children:C}),m&&Zt("div",{className:"k-list-item-actions",children:m}),L&&Zt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Zt("div",{className:"k-list-item-group-label",children:o})]})};O.states=nf;O.options=rf;O.className=Gr;O.defaultOptions=sf;O.moduleName=Jt;O.folderName=Ao;O.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as df}from"react/jsx-runtime";var pf="k-list-ul",Mt=e=>{let{children:t,role:o,id:a,...n}=e;return df("ul",{...n,id:a,role:o,className:r(pf,e.className),children:t})};Mt.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 Vr,jsxs as mf}from"react/jsx-runtime";var cf="k-list-content",H=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return mf("div",{...l,className:r(cf,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:Vr(Mt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Vr("div",{className:"k-height-container",children:Vr("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 jT,jsx as QT,jsxs as eO}from"react/jsx-runtime";import{jsx as $r,jsxs as ff}from"react/jsx-runtime";var uf="k-list-group-item",Qt=e=>{let{groupIconName:t,...o}=e;return ff("li",{...o,role:"presentation",className:r(uf,e.className),children:[t&&$r("span",{className:"k-list-item-icon-wrapper",children:$r(v,{icon:t,className:"k-list-item-icon"})}),$r("span",{className:"k-list-item-text",children:e.children})]})};Qt.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as gf}from"react/jsx-runtime";var Xr="k-list-optionlabel",bf=[s.hover,s.focus,s.selected,s.disabled],hf={},xf={},mn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return gf("div",{...l,className:r(Xr,S(Xr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};mn.states=bf;mn.options=hf;mn.className=Xr;mn.defaultOptions=xf;import{jsx as Lf}from"react/jsx-runtime";var qr="k-list-custom-value",Nf=[s.hover,s.focus,s.selected,s.disabled],vf={},kf={},_t=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Lf("div",{...l,className:r(qr,S(qr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};_t.states=Nf;_t.options=vf;_t.className=qr;_t.defaultOptions=kf;import{Fragment as hO,jsx as bO,jsxs as xO}from"react/jsx-runtime";import{Fragment as MO,jsx as LO,jsxs as SO}from"react/jsx-runtime";import{Fragment as OO,jsx as IO,jsxs as TO}from"react/jsx-runtime";import{Fragment as DO,jsx as KO,jsxs as _O}from"react/jsx-runtime";import{jsx as FO}from"react/jsx-runtime";import{Fragment as WO,jsx as qO,jsxs as JO}from"react/jsx-runtime";var Ol="dropdown-list",Bl="dropdownlist";import{Fragment as yf,jsx as Me,jsxs as Wr}from"react/jsx-runtime";var Pl="k-dropdownlist",Mf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Sf={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Jr={showValue:!0,arrowIconName:"chevron-down"},oe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Jr.arrowIconName,showValue:i=Jr.showValue,valueIconName:l,prefix:c,suffix:u,value:f,placeholder:N,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,popup:X,opened:pe,adaptive:he,adaptiveSettings:xe,adaptiveTitle:Be,adaptiveSubtitle:Xt,adaptiveFilter:$n,id:Tt,activeDescendant:qa,"aria-label":Xn,...qn}=e,gd=Tt?`${Tt}-listbox`:void 0,Qs=Tt?`${Tt}-value`:void 0;return Wr(yf,{children:[Wr(pt,{...qn,id:Tt,size:t,rounded:o,fillMode:a,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,className:r(e.className,Pl,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":pe?"true":"false","aria-controls":pe?gd:void 0,"aria-activedescendant":pe&&qa?qa:void 0,"aria-describedby":pe?Qs:void 0,"aria-disabled":M?"true":void 0,"aria-label":Xn,tabIndex:0,children:[Me(Fe,{children:c}),Me(Wt,{placeholder:N,value:f,showValue:i,valueIconName:l,id:Qs}),Me(Ne,{valid:L,invalid:k,loading:C,disabled:M}),Me(Ee,{loading:C,disabled:M}),Me(Ge,{children:u}),Me(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N||"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(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:$n,inputValue:f,inputPlaceholder:N,title:Be,subtitle:Xt}),children:Me("div",{className:"k-list-container",children:Me(R,{size:"large",children:Wr(H,{"aria-label":"Options",children:[Me(O,{text:"List item"}),Me(O,{text:"List item"}),Me(O,{text:"List item"})]})})})})]})};oe.states=Mf;oe.options=Sf;oe.className=Pl;oe.defaultOptions=Jr;oe.moduleName=Ol;oe.folderName=Bl;oe.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as EB}from"react/jsx-runtime";import{jsx as wB,jsxs as RB}from"react/jsx-runtime";import{Fragment as VB,jsx as FB,jsxs as GB}from"react/jsx-runtime";import{jsx as JB}from"react/jsx-runtime";import{jsx as tP,jsxs as oP}from"react/jsx-runtime";import{Fragment as cP,jsx as pP,jsxs as dP}from"react/jsx-runtime";import{jsx as hP}from"react/jsx-runtime";import{Fragment as Of,jsx as Dt,jsxs as wl}from"react/jsx-runtime";var Af=oe.states,Cf=oe.defaultOptions,Ef=oe.options,If=[{name:"opened",title:"Opened"}],Tf=[],Bo=e=>{let{modifiers:t,...o}=e,a={},n=wl(Of,{children:[Dt("div",{className:"k-list-filter",children:Dt($e,{})}),Dt(R,{style:{width:300},size:o.size,children:wl(H,{children:[Dt(O,{children:"List item"}),Dt(O,{children:"List item"}),Dt(O,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),Dt("div",{children:Dt(oe,{placeholder:"Value",style:{width:300},...o,...a})})};Bo.options=Ef;Bo.states=Af;Bo.variants=Tf;Bo.defaultOptions=Cf;Bo.modifiers=If;Bo.className=oe.className;import{Fragment as DP,jsx as _P}from"react/jsx-runtime";import{Fragment as VP,jsx as GP}from"react/jsx-runtime";import{jsx as WP}from"react/jsx-runtime";import{jsx as Yr}from"react/jsx-runtime";var Bf=_.states,Pf=_.defaultOptions,wf=_.options,Rf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Kf=[],Po=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Yr(oe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?Yr(br,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),Yr(vl,{value:"Value",style:{width:300},...o,...a})};Po.options=wf;Po.states=Bf;Po.variants=Kf;Po.defaultOptions=Pf;Po.modifiers=Rf;Po.className=_.className;import{Fragment as Ia,jsx as B,jsxs as Q}from"react/jsx-runtime";var Rl="k-colorgradient-inputs",_f=[],Df={size:[d.undefined,d.small,d.medium,d.large]},Kl={mode:"rgba"},wo=e=>{let{mode:t=Kl.mode,size:o,...a}=e;return Q("div",{...a,className:r(Rl,"k-hstack"),children:[B("div",{className:"k-vstack",children:B(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Q(Ia,{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(Ia,{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(Ia,{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(Ia,{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(Ia,{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"})]})})]})};wo.states=_f;wo.options=Df;wo.className=Rl;wo.defaultOptions=Kl;import{jsx as jt,jsxs as eo}from"react/jsx-runtime";var _l="k-colorgradient-color-contrast",Hf=[],zf={},Uf={},Ro=()=>eo("div",{className:r(_l,"k-vbox"),children:[eo("div",{className:"k-contrast-ratio",children:[jt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),eo("span",{className:"k-contrast-validation !k-text-success",children:[jt(v,{icon:"check"}),jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AA: 4.5"}),eo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AAA: 7.0"}),eo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",jt(v,{icon:"x"})]})]})]});Ro.states=Hf;Ro.options=zf;Ro.className=_l;Ro.defaultOptions=Uf;var Dl="color-gradient",Hl="colorgradient";import{jsx as Ze,jsxs as Ta}from"react/jsx-runtime";var un="k-colorgradient",Ff=[s.hover,s.focus,s.readonly,s.disabled],Gf={size:[d.undefined,d.small,d.medium,d.large]},ft={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=ft.mode,readonly:a=ft.readonly,disabled:n=ft.disabled,gradientStyle:i=ft.gradientStyle,dragHandleStyle:l=ft.dragHandleStyle,alphaStyle:c=ft.alphaStyle,alphaStyleHorizontal:u=ft.alphaStyleHorizontal,contrast:f=ft.contrast,dir:N,hover:x,focus:m,hoverHandle:L,focusHandle:k,canvasOrientation:y=ft.canvasOrientation,role:C,tabIndex:M,...I}=e;return Ta("div",{...I,role:C??"textbox","aria-label":C==="none"?void 0:"Color gradient",tabIndex:M??0,"aria-disabled":n?"true":void 0,className:r(e.className,un,A(un,{size:t}),S(un,{hover:x,focus:m,readonly:a,disabled:n})),dir:N,children:[!y||y==="horizontal"&&Ta("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:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ta("div",{className:"k-hsv-controls k-hstack",children:[Ze(_r,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Ze(_r,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:c})]})]}),y==="vertical"&&Ta("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:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ta("div",{className:"k-hsv-controls k-vstack",children:[Ze(Kr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Ze(Kr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),Ze(wo,{mode:e.mode,size:t}),f&&Ze(Ro,{})]})};ne.states=Ff;ne.options=Gf;ne.className=un;ne.defaultOptions=ft;ne.moduleName=Dl;ne.folderName=Hl;ne.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as Vf}from"react/jsx-runtime";var fn=e=>Vf(ne,{...e});import{jsx as Pw}from"react/jsx-runtime";import{jsx as _w}from"react/jsx-runtime";import{jsx as Zr}from"react/jsx-runtime";var $f=ne.options,Xf=ne.states,qf={...ne.defaultOptions,variant:"rgba"},Wf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Jf=[],Ko=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Zr(fn,{...o,mode:t});case"rgb":return Zr(fn,{...o,mode:t});default:return Zr(fn,{...o,mode:t})}};Ko.options=$f;Ko.states=Xf;Ko.variants=Wf;Ko.defaultOptions=qf;Ko.modifiers=Jf;Ko.className=ne.className;import{jsx as Yf}from"react/jsx-runtime";var Qr=e=>Yf("tr",{role:"row",children:e.children});import{jsx as jf}from"react/jsx-runtime";var jr="k-colorpalette-tile",Zf=[s.hover,s.focus,s.selected],Qf={},_o=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...l}=e,c={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return jf("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,jr,S(jr,{hover:a,focus:n,selected:i})),style:c})};_o.states=Zf;_o.options=Qf;_o.className=jr;var zl="color-palette",Ul="colorpalette";import{jsx as Oa}from"react/jsx-runtime";var bn="k-colorpalette",eb=[s.disabled],tb={size:[d.undefined,d.small,d.medium,d.large]},Fl={columns:10},Se=e=>{let{size:t,palette:o,columns:a=Fl.columns,tileSize:n,disabled:i,...l}=e,c=[];if(o){let u=a||o.columns,f=o.colors?o.colors:o;Array.isArray(f)&&Array.from({length:Math.ceil(f.length/u)},(N,x)=>{let m=[];f.slice(x*u,(x+1)*u).map((k,y)=>{m.push(Oa(_o,{color:k,tileSize:n},y))});let L=Oa(Qr,{children:m},x);c.push(L)})}return Oa("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,bn,S(bn,{disabled:i}),A(bn,{size:t})),children:Oa("table",{className:"k-colorpalette-table",role:"none",children:Oa("tbody",{children:c.length>0?c:e.children})})})};Se.states=eb;Se.options=tb;Se.className=bn;Se.defaultOptions=Fl;Se.moduleName=zl;Se.folderName=Ul;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 hn=Se;var Ba={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as ob}from"react/jsx-runtime";var Gl=e=>ob(hn,{palette:Ba.basic,...e});import{jsx as gR}from"react/jsx-runtime";import{jsx as SR,jsxs as yR}from"react/jsx-runtime";import{jsx as pb}from"react/jsx-runtime";var ab=Se.options,nb=Se.states,rb={...Se.defaultOptions,variant:"basic"},sb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],ib={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},lb=[],Do=e=>{let{variant:t="basic",...o}=e,a=ib[t];return pb(Gl,{columns:a.columns,palette:a,...o})};Do.options=ab;Do.states=nb;Do.variants=sb;Do.defaultOptions=rb;Do.modifiers=lb;Do.className=Se.className;var Vl="color-editor",$l="coloreditor";import{jsx as Qe,jsxs as Ho}from"react/jsx-runtime";var xn="k-coloreditor",db=[s.focus],cb={size:[d.undefined,d.small,d.medium,d.large]},Pa={view:"gradient",palette:Ba.office,actionButtons:!0,canvasOrientation:"horizontal"},J=e=>{let{size:t,view:o=Pa.view,palette:a=Pa.palette,color:n,currentColor:i,focus:l,focusView:c,dir:u,group:f,actionButtons:N=Pa.actionButtons,canvasOrientation:x=Pa.canvasOrientation,...m}=e;return Ho("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",xn,A(xn,{size:t}),S(xn,{focus:l})),dir:u,children:[Ho("div",{className:"k-coloreditor-header k-hstack",children:[Qe("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&Ho(T,{fillMode:"flat",children:[Qe(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Qe(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Qe("div",{className:"k-spacer"}),Ho("div",{className:"k-coloreditor-header-actions k-hstack",children:[Qe(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Ho("div",{className:"k-coloreditor-preview k-vstack",children:[Qe(Ot,{className:"k-coloreditor-preview-color",color:n}),Qe(Ot,{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:x,role:"none",tabIndex:-1}):Qe(Se,{palette:a,size:t})}),N&&Ho(we,{className:"k-coloreditor-footer",alignment:"start",children:[Qe(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Qe(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};J.states=db;J.options=cb;J.className=xn;J.defaultOptions=Pa;J.moduleName=Vl;J.folderName=$l;J.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var zo=J;import{jsx as eK}from"react/jsx-runtime";import{jsx as nK}from"react/jsx-runtime";import{jsx as mb}from"react/jsx-runtime";var Xl=e=>mb(zo,{group:!0,currentColor:"fuchsia",...e});import{jsx as ub}from"react/jsx-runtime";var ql=e=>ub(zo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Wl}from"react/jsx-runtime";var fb=J.options,bb=J.states,hb={...J.defaultOptions,variant:"gradient"},xb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],gb=[],Uo=e=>{let{variant:t,...o}=e;return t==="palette"?Wl(ql,{...o,color:"white"}):Wl(Xl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Uo.options=fb;Uo.states=bb;Uo.variants=xb;Uo.defaultOptions=hb;Uo.modifiers=gb;Uo.className=J.className;var Jl="color-picker",Yl="colorpicker";import{Fragment as kb,jsx as je,jsxs as es}from"react/jsx-runtime";var Zl="k-colorpicker",Nb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],vb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ql={arrowIconName:"chevron-down"},Re=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Ql.arrowIconName,prefix:i,suffix:l,value:c,placeholder:u,hover:f,focus:N,valid:x,invalid:m,required:L,disabled:k,valueIconName:y,popup:C,opened:M,adaptive:I,adaptiveSettings:X,adaptiveTitle:pe,adaptiveSubtitle:he,...xe}=e,Be="colorpicker-popup";return es(kb,{children:[es(pt,{...xe,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:x,invalid:m,required:L,disabled:k,role:"combobox","aria-haspopup":"dialog","aria-expanded":M?"true":"false","aria-controls":M||I?Be:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:r(e.className,Zl,"k-icon-picker"),children:[je(Fe,{children:i}),je(Wt,{placeholder:u,value:c,showValue:!1,valueIcon:je(Ot,{className:"k-value-icon",color:c,iconName:y}),valueIconName:y}),je(Ge,{children:l}),je(p,{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(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:pe,subtitle:he}),footer:es(Bt,{children:[je(p,{text:"Cancel",size:"large"}),je(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:je(J,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Re.states=Nb;Re.options=vb;Re.className=Zl;Re.defaultOptions=Ql;Re.moduleName=Jl;Re.folderName=Yl;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 St=Re;import{jsx as Lb}from"react/jsx-runtime";var gn=e=>Lb(St,{...e});import{jsx as UK}from"react/jsx-runtime";import{jsx as XK}from"react/jsx-runtime";import{jsx as YK}from"react/jsx-runtime";import{jsx as e_}from"react/jsx-runtime";import{jsx as n_}from"react/jsx-runtime";import{jsx as l_}from"react/jsx-runtime";import{jsx as to}from"react/jsx-runtime";var Mb=St.options,Sb=St.states,jl={...St.defaultOptions,variant:"color"},yb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Ab=[{name:"opened",title:"Opened"}],Fo=e=>{let{variant:t,modifiers:o,...a}={...jl,...e},n={};Object.keys(o||{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?to(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 to("div",{style:i,children:to(gn,{...a,...n})});case"icon":return to("div",{style:i,children:to(gn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return to("div",{style:i,children:to(gn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Fo.options=Mb;Fo.states=Sb;Fo.variants=yb;Fo.defaultOptions=jl;Fo.modifiers=Ab;Fo.className=St.className;var ts="combobox",ep=ts;import{Fragment as os,jsx as ae,jsxs as wa}from"react/jsx-runtime";var tp="k-combobox",Cb=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Eb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},op={separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=op.separators,prefix:i,suffix:l,value:c,placeholder:u,hover:f,focus:N,valid:x,invalid:m,required:L,loading:k,disabled:y,popup:C,opened:M,readonly:I,adaptive:X,adaptiveSettings:pe,adaptiveTitle:he,adaptiveSubtitle:xe,adaptiveCustomValue:Be,id:Xt,autocomplete:$n,activeDescendant:Tt,"aria-label":qa,...Xn}=e,qn=Xt?`${Xt}-listbox`:void 0;return wa(os,{children:[wa(Z,{...Xn,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:x,invalid:m,required:L,loading:k,disabled:y,readonly:I,className:r(e.className,tp),children:[i&&wa(os,{children:[ae(Fe,{children:i}),n&&ae(Ve,{})]}),ae(ge,{id:Xt,placeholder:u,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?qn:void 0,"aria-activedescendant":M&&Tt?Tt:void 0,"aria-autocomplete":$n,"aria-invalid":m?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":qa,disabled:y,readOnly:I}),ae(Ne,{valid:x,invalid:m,loading:k,disabled:y}),ae(Ee,{loading:k,disabled:y}),ae(Pe,{loading:k,disabled:y,readonly:I,value:c}),l&&wa(os,{children:[n&&ae(Ve,{}),ae(Ge,{children:l})]}),ae(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:y})]}),M&&C&&ae($,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),X&&ae(W,{adaptive:!0,id:Xt?`${Xt}-adaptive`:void 0,...pe,header:ae(ve,{actionsEnd:ae(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:u,title:he,subtitle:xe}),children:ae("div",{className:"k-list-container",children:ae(R,{customValue:Be?ae(_t,{text:`Use "${c}"`}):void 0,size:"large",children:wa(H,{"aria-label":he||"Options",children:[ae(O,{text:"List item"}),ae(O,{text:"List item"}),ae(O,{text:"List item"})]})})})})]})};de.states=Cb;de.options=Eb;de.className=tp;de.defaultOptions=op;de.moduleName=ts;de.folderName=ep;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 Ib}from"react/jsx-runtime";var ap=e=>Ib(Ke,{...e});import{jsx as V_,jsxs as $_}from"react/jsx-runtime";import{jsx as Z_,jsxs as Q_}from"react/jsx-runtime";import{jsx as n0,jsxs as r0}from"react/jsx-runtime";import{Fragment as c0,jsx as d0}from"react/jsx-runtime";import{Fragment as x0,jsx as h0}from"react/jsx-runtime";import{jsx as M0,jsxs as S0}from"react/jsx-runtime";import{Fragment as B0,jsx as T0,jsxs as O0}from"react/jsx-runtime";import{jsx as K0}from"react/jsx-runtime";import{jsx as z0}from"react/jsx-runtime";import{jsx as X0,jsxs as q0}from"react/jsx-runtime";import{jsx as j0,jsxs as eD}from"react/jsx-runtime";import{jsx as Ht,jsxs as Rb}from"react/jsx-runtime";var Tb=de.states,Ob=de.defaultOptions,Bb=de.options,Pb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],wb=[],Go=e=>{let{modifiers:t,...o}=e,a={},n=Ht(R,{style:{width:300},size:o.size,children:Rb(H,{children:[Ht(O,{children:"List item"}),Ht(O,{children:"List item"}),Ht(O,{children:"List item"})]})});return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Ht(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?Ht(se,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0;break;default:break}}),Ht("div",{children:Ht(ap,{value:"Value",style:{width:300},...o,...a})})};Go.options=Bb;Go.states=Tb;Go.variants=wb;Go.defaultOptions=Ob;Go.modifiers=Pb;Go.className=de.className;var as="menu-button",np=as;import{jsx as Db}from"react/jsx-runtime";var rp="k-menu-button",Kb=[s.hover,s.focus,s.active,s.selected,s.disabled],_b={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},ns={showArrow:!0,arrowIconName:"chevron-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,text:x,showArrow:m=ns.showArrow,arrowIconName:L=ns.arrowIconName,expanded:k,...y}=e;return Db(p,{...y,className:r(e.className,rp),text:x,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,showArrow:m,arrowIconName:L,"aria-expanded":k?"true":"false",...!x&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...f&&{"aria-disabled":"true"}})};D.states=Kb;D.options=_b;D.className=rp;D.defaultOptions=ns;D.moduleName=as;D.folderName=np;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 PD}from"react/jsx-runtime";import{jsx as _D}from"react/jsx-runtime";import{jsx as UD}from"react/jsx-runtime";var _e="menu",et=_e;import{jsx as Ra,jsxs as sp}from"react/jsx-runtime";var rs="k-menu-item",Hb=[s.hover,s.focus,s.active,s.selected,s.disabled],zb={},ip={iconPosition:"before"},ce=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,first:u,last:f,showArrow:N,arrowIconName:x,iconPosition:m=ip.iconPosition,dir:L,children:k,expanded:y,...C}=e,M=x;return M||(M=L==="rtl"?"chevron-left":"chevron-right"),sp("li",{...C,className:r(e.className,rs,"k-item",S(rs,{focus:o,disabled:i,hover:t,active:a,selected:n}),{"k-first":u,"k-last":f}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":y?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[sp("span",{className:r("k-link k-menu-link"),children:[l&&m==="before"&&Ra(v,{className:"k-menu-link-icon",icon:l}),Ra("span",{className:"k-menu-link-text",children:c}),l&&m==="after"&&Ra(v,{className:"k-menu-link-icon",icon:l}),N&&Ra("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ra(v,{icon:M})})]}),k]})};ce.states=Hb;ce.options=zb;ce.className=rs;ce.defaultOptions=ip;ce.moduleName=_e;ce.folderName=et;import{jsx as Ka,jsxs as lp}from"react/jsx-runtime";var ss="k-menu-item",Ub=[s.hover,s.focus,s.active,s.selected,s.disabled],Fb={},is={dir:"ltr",iconPosition:"before"},q=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,first:u,last:f,showArrow:N,arrowIconName:x,iconPosition:m=is.iconPosition,dir:L=is.dir,children:k,popup:y,expanded:C,...M}=e,I=x;return I||(I=L==="rtl"?"chevron-left":"chevron-right"),lp("li",{...M,className:r(e.className,ss,"k-item",S(ss,{focus:o,disabled:i}),{"k-first":u,"k-last":f}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":C?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[lp("span",{className:r("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&m==="before"&&Ka(v,{className:"k-menu-link-icon",icon:l}),Ka("span",{className:"k-menu-link-text",children:c}),l&&m==="after"&&Ka(v,{className:"k-menu-link-icon",icon:l}),N&&Ka("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ka(v,{icon:I})})]}),k,y]})};q.states=Ub;q.options=Fb;q.className=ss;q.defaultOptions=is;q.moduleName=_e;q.folderName=et;import{jsx as Xb}from"react/jsx-runtime";var pp="k-menu-scroll-wrapper",Gb=[],Vb={},$b={},oo=e=>{let{className:t,children:o,orientation:a,...n}=e;return Xb("div",{...n,className:r(t,pp,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};oo.states=Gb;oo.options=Vb;oo.className=pp;oo.defaultOptions=$b;oo.moduleName=_e;oo.folderName=et;var dp=oo;import{Fragment as ls,jsx as ao,jsxs as vn}from"react/jsx-runtime";var ps="k-menu",qb=[],Wb={},kn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=kn.orientation,header:a=kn.header,scrollable:n,scrollButtonsPosition:i=kn.scrollButtonsPosition,wrapperStyles:l,dir:c,popup:u,contextMenu:f,...N}=e,x={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},m=ao("ul",{dir:c,...N,className:r(e.className,"k-reset",ps,{[`${ps}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return vn(ls,{children:[n?vn(dp,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&vn(ls,{children:[ao(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ao(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&ao(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),m,i==="end"&&vn(ls,{children:[ao(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ao(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&ao(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):m,u]})};re.states=qb;re.options=Wb;re.className=ps;re.defaultOptions=kn;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 Jb}from"react/jsx-runtime";var ds="k-separator",cp={orientation:"horizontal"},Vo=e=>{let{orientation:t=cp.orientation,...o}=e;return Jb("li",{...o,className:r(e.className,"k-item",ds,{[`${ds}-${t}`]:t}),role:"separator"})};Vo.className=ds;Vo.defaultOptions=cp;Vo.moduleName=_e;Vo.folderName=et;import{Fragment as hH,jsx as xH}from"react/jsx-runtime";import{jsx as jb}from"react/jsx-runtime";var cs="k-menu-group",Yb=[],Zb={size:[d.undefined,d.small,d.medium,d.large]},Qb={},me=e=>{let{children:t,size:o,...a}=e;return jb("ul",{...a,className:r(e.className,cs,A(cs,{size:o})),role:"menu",children:t})};me.states=Yb;me.options=Zb;me.className=cs;me.defaultOptions=Qb;me.moduleName=_e;me.folderName=et;import{Fragment as eh,jsx as $o,jsxs as th}from"react/jsx-runtime";var ms=e=>$o(re,{children:th(eh,{children:[$o(ce,{first:!0,text:"Item 1"}),$o(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),$o(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),$o(ce,{text:"Item 4"}),$o(ce,{last:!0,text:"Item 5"})]}),...e});import{Fragment as OH,jsx as IH,jsxs as TH}from"react/jsx-runtime";import{Fragment as KH,jsx as RH,jsxs as _H}from"react/jsx-runtime";import{Fragment as FH,jsx as UH,jsxs as GH}from"react/jsx-runtime";import{Fragment as WH,jsx as qH,jsxs as JH}from"react/jsx-runtime";import{jsx as no,jsxs as sh}from"react/jsx-runtime";var oh=re.options,ah=re.states,mp={...re.defaultOptions,variant:"horizontal"},nh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],rh=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Xo=e=>{let{variant:t,modifiers:o,...a}={...mp,...e},n={};return Object.keys(o||{}).forEach(i=>{switch(i){case"scrollable":n.scrollable=!!o?.[i];break;case"opened":n.opened=!!o?.[i],n.popup=no($,{className:"k-menu-popup",children:sh(me,{children:[no(q,{text:"Item 1"}),no(q,{text:"Item 2"}),no(Vo,{}),no(q,{text:"Item 3"})]})});break}}),t==="vertical"?no(ms,{...a,...n,orientation:"vertical",style:{width:"200px"}}):no(ms,{...a,...n})};Xo.options=oh;Xo.states=ah;Xo.variants=nh;Xo.defaultOptions=mp;Xo.modifiers=rh;Xo.className=re.className;import{Fragment as C1,jsx as y1,jsxs as A1}from"react/jsx-runtime";import{jsx as O1}from"react/jsx-runtime";import{Fragment as ch,jsx as bt,jsxs as up}from"react/jsx-runtime";var ih=p.states,fp={...p.defaultOptions,variant:"text"},lh=p.options,ph=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],dh=[{name:"opened",title:"Opened"}],qo=e=>{let{variant:t,modifiers:o,...a}={...fp,...e},n={},i=bt($,{className:"k-menu-popup",children:up(me,{size:a.size,children:[bt(q,{first:!0,text:"Menu Item"}),bt(q,{text:"Menu Item"}),bt(q,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=bt("div",{children:bt(D,{...a,...n,icon:"star"})});break;case"icon-and-text":l=bt("div",{children:bt(D,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=bt("div",{children:bt(D,{...a,...n,children:"Dropdown Button"})});break}return up(ch,{children:[l,o?.opened&&i]})};qo.options=lh;qo.states=ih;qo.variants=ph;qo.defaultOptions=fp;qo.modifiers=dh;qo.className=D.className;var us="split-button",bp=us;import{Fragment as fh,jsx as fs,jsxs as hp}from"react/jsx-runtime";var bs="k-split-button",mh=[s.hover,s.focus,s.active,s.selected,s.disabled],uh={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},xp={arrowIconName:"chevron-down"},P=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,text:x,arrowIconName:m=xp.arrowIconName,popup:L,opened:k,popupId:y,...C}=e;return hp(fh,{children:[hp("div",{...C,className:r(e.className,bs,"k-button-group",A(bs,{rounded:o})),children:[fs(p,{text:x,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,...!x&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),fs(p,{className:"k-split-button-arrow",icon:m,size:t,rounded:o,fillMode:a,disabled:f,"aria-label":"Toggle dropdown","aria-expanded":k?"true":"false","aria-controls":k?y:void 0,tabIndex:-1,...f&&{"aria-disabled":"true"}})]}),k&&L&&fs($,{className:"k-menu-popup",children:L})]})};P.states=mh;P.options=uh;P.className=bs;P.defaultOptions=xp;P.moduleName=us;P.folderName=bp;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 hs=P;import{jsx as hh}from"react/jsx-runtime";var bh="k-toolbar-separator",st=e=>hh("div",{className:r(bh,e.className,"k-separator")});var yt="toolbar",zt=yt;import{Fragment as xs,jsx as K,jsxs as Wo}from"react/jsx-runtime";var At="k-toolbar",xh=[s.focus],gh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Nh={scrollButtons:"around"},z=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:c,section:u,...f}=e,N=[],x=(m,L)=>{let k=[];if(m.type===p&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))k.push(K(p,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===p)k.push(K(p,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===xa)k.push(K(xa,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===se)k.push(K(se,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===D)k.push(K(D,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===hs)k.push(K(hs,{...m.props,className:`k-toolbar-split-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===T||m.props.className&&m.props.className.includes("k-button-group")){let y=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((M,I)=>{y.push(K(p,{...M.props,className:`${M.props.className?M.props.className:""}`},`${I}-${new Date().getTime()}`))}),k.push(K(T,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:y},`${L}-${new Date().getTime()}`))}else m.type===de?k.push(K(de,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===oe?k.push(K(oe,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===Re?k.push(K(Re,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):k.push(m);k.forEach(y=>{N.push(y)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,k)=>{x(L,k)}),Wo("div",{...f,className:r(e.className,At,A(At,{size:t,fillMode:o}),S(At,{focus:a}),{[`${At}-resizable`]:n,[`${At}-scrollable`]:i,[`${At}-scrollable-overlay`]:i&&l==="hidden",[`${At}-scrollable-${c}`]:c&&c!=="both",[`${At}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&N,i&&l==="hidden"&&K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),i&&l==="start"&&Wo(xs,{children:[Wo(T,{children:[K("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-left"})}),K("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-right"})})]}),K(st,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&Wo(xs,{children:[K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),K(st,{className:"k-toolbar-button-separator"}),Wo(T,{children:[K("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-left"})}),K("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),i&&(l==="around"||!l)&&Wo(xs,{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:N}),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=xh;z.options=gh;z.className=At;z.defaultOptions=Nh;z.moduleName=yt;z.folderName=zt;z.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as Mh}from"react/jsx-runtime";var gp="k-floating-toolbar",vh=[],kh={},Lh={},Jo=e=>{let{...t}=e;return Mh("div",{...t,className:r(e.className,gp),children:e.children})};Jo.states=vh;Jo.options=kh;Jo.className=gp;Jo.defaultOptions=Lh;Jo.moduleName=yt;Jo.folderName=zt;import{jsx as Ch}from"react/jsx-runtime";var gs="k-toolbar-item",Sh=[s.focus],yh={},Ah={},Yo=e=>{let{focus:t,...o}=e;return Ch("div",{...o,className:r(e.className,gs,S(gs,{focus:t})),children:e.children})};Yo.states=Sh;Yo.options=yh;Yo.className=gs;Yo.defaultOptions=Ah;Yo.moduleName=yt;Yo.folderName=zt;import{jsx as Np}from"react/jsx-runtime";var vp="k-toolbar-popup",Eh=[],Ih={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Th={},ro=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Np($,{...n,className:r(e.className,vp),children:a?Np("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};ro.states=Eh;ro.options=Ih;ro.className=vp;ro.defaultOptions=Th;ro.moduleName=yt;ro.folderName=zt;var Ln=ro;import{jsx as wz}from"react/jsx-runtime";import{jsx as Dz}from"react/jsx-runtime";import{jsx as Fz}from"react/jsx-runtime";import{jsx as Wz,jsxs as Jz}from"react/jsx-runtime";import{jsx as jz}from"react/jsx-runtime";import{jsx as Ct,jsxs as Rh}from"react/jsx-runtime";var Oh=P.states,kp={...P.defaultOptions,variant:"text"},Bh=P.options,Ph=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],wh=[{name:"opened",title:"Opened"}],Zo=e=>{let{variant:t,modifiers:o,...a}={...kp,...e},n={},i=Rh(me,{size:a.size,children:[Ct(q,{first:!0,text:"Menu Item"}),Ct(q,{text:"Menu Item"}),Ct(q,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?i:"")}),t){case"icon-only":return Ct("div",{children:Ct(P,{...a,...n,icon:"star"})});case"icon-and-text":return Ct("div",{children:Ct(P,{...a,...n,icon:"star",children:"Split Button"})});default:return Ct("div",{children:Ct(P,{...a,...n,children:"Split Button"})})}};Zo.options=Bh;Zo.states=Oh;Zo.variants=Ph;Zo.defaultOptions=kp;Zo.modifiers=wh;Zo.className=P.className;import{jsx as so,jsxs as Kh}from"react/jsx-runtime";var Lp=e=>so(z,{children:[so(p,{children:"Button"},"toolbar-button"),so(D,{text:"Menu button"},"toolbar-menu-button"),so(P,{children:"Split button"},"toolbar-split-button"),Kh(T,{children:[so(p,{className:"k-group-start",icon:"align-left",children:"Left"}),so(p,{icon:"align-center",children:"Center"}),so(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as E2,jsxs as I2}from"react/jsx-runtime";import{jsx as De,jsxs as Mp}from"react/jsx-runtime";var Sp=e=>De(z,{scrollable:!0,...e,children:[De(p,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(P,{children:"Split button"},"toolbar-split-button"),Mp(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),De(p,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(P,{children:"Split button"},"toolbar-split-button"),Mp(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as He,jsxs as yp}from"react/jsx-runtime";var Ap=({scrollingPosition:e="start",...t})=>He(z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[He(p,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(P,{children:"Split button"},"toolbar-split-button"),yp(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),He(p,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(P,{children:"Split button"},"toolbar-split-button"),yp(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as _h,jsx as Ie,jsxs as Mn}from"react/jsx-runtime";var Cp=({fillMode:e,size:t,...o})=>Mn(_h,{children:[Ie(z,{section:!0,fillMode:e,size:t,children:[Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Mn(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ie(st,{className:"k-toolbar-button-separator"}),Ie(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Mn(Ln,{size:t,fillMode:e,section:!0,...o,children:[Ie(P,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ie(st,{}),Ie(D,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Mn(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as lU,jsx as sU,jsxs as iU}from"react/jsx-runtime";import{Fragment as NU,jsx as xU,jsxs as gU}from"react/jsx-runtime";import{jsx as Ut}from"react/jsx-runtime";var Dh=z.options,Hh=z.states,Ep={...z.defaultOptions,variant:"default"},zh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Uh=[],Qo=e=>{let{variant:t,...o}={...Ep,...e};switch(t){case"responsive":return Ut("div",{children:Ut(Cp,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Ap,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(Sp,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(Lp,{style:{width:"583px"},...o})})}};Qo.options=Dh;Qo.states=Hh;Qo.variants=zh;Qo.defaultOptions=Ep;Qo.modifiers=Uh;Qo.className=z.className;import{Fragment as $h,jsx as it,jsxs as _a}from"react/jsx-runtime";var Ip="k-message",Fh=[s.hover,s.selected,s.active,s.focus],Gh={},Vh=[it(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),it(p,{icon:"arrow-rotate-cw-outline",fillMode:"flat","aria-label":"Retry"}),it(p,{icon:"download-light",fillMode:"flat","aria-label":"Download"})],jo={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Vh,failed:"Failed to send"},G=e=>{let{time:t=jo.time,text:o=jo.text,content:a,status:n=jo.status,statusIcon:i,toolbarItems:l=jo.toolbarItems,hover:c,selected:u,active:f,focus:N,toolbar:x,typing:m,expandable:L,expanded:k,removed:y,files:C,failed:M,...I}=e,X=M===!0?jo.failed:M;return _a("div",{...I,className:r(Ip,e.className,{"k-message-removed":y,"k-message-failed":M}),children:[M&&it(se,{className:"k-resend-button",icon:"arrow-rotate-cw-outline",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),it(Tp,{typing:m,selected:u,hover:c,active:f,focus:N,content:_a($h,{children:[a,o&&it("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:k,files:C}),_a("div",{className:"k-message-info",children:[n&&_a("span",{className:"k-message-status",children:[i&&it(v,{icon:i,size:"xsmall"}),n]}),t&&it("time",{className:"k-message-time",children:t}),M&&_a("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})]})]}),x&&it(z,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};G.states=Fh;G.options=Gh;G.className=Ip;G.defaultOptions=jo;var Ns="avatar",Op=Ns;import{jsx as Bp}from"react/jsx-runtime";var Da="k-avatar";var Xh=[s.hover,s.focus,s.active,s.selected,s.disabled],qh={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.outline],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},vs={type:"text",border:!1},ue=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=vs.type,border:l=vs.border,...c}=e;return Bp("div",{...c,className:r(e.className,Da,A(Da,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Da}-bordered`]:l}),children:Bp("span",{className:`${Da}-${i}`,children:e.children})})};ue.states=Xh;ue.options=qh;ue.className=Da;ue.defaultOptions=vs;ue.moduleName=Ns;ue.folderName=Op;ue.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var io=ue;import{jsx as Wh}from"react/jsx-runtime";var Pp=e=>Wh(io,{type:"icon",...e});import{jsx as Jh}from"react/jsx-runtime";var wp=e=>Jh(io,{type:"text",...e});import{jsx as Yh}from"react/jsx-runtime";var Sn=e=>Yh(io,{type:"image",...e});import{jsx as m3}from"react/jsx-runtime";import{jsx as Ha}from"react/jsx-runtime";var Zh=ue.options,Qh=ue.states,jh={...ue.defaultOptions,variant:"image"},ex=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],tx=[],ea=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ha(Pp,{...o,children:Ha(v,{icon:"star"})});case"text":return Ha(wp,{...o,children:"JO"});default:return Ha(Sn,{...o,children:Ha("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};ea.options=Zh;ea.states=Qh;ea.variants=ex;ea.defaultOptions=jh;ea.modifiers=tx;ea.className=ue.className;import{jsx as ta,jsxs as ks}from"react/jsx-runtime";var za="k-message-group",ox=[s.selected],ax={},yn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},V=e=>{let{type:t=yn.type,author:o=yn.author,avatar:a=yn.avatar,status:n,selected:i,fullWidth:l,...c}=e;return ks("div",{...c,className:r(za,e.className,S(za,{selected:i}),{[`${za}-${t}`]:t,"k-no-avatar":!a,[`${za}-full-width`]:l}),children:[a&&!n&&ta(ue,{type:"image",children:ta("img",{src:a,alt:o||""})}),n&&a&&ks("div",{className:"k-chat-user-status-wrapper",children:[ta(ue,{type:"image",children:ta("img",{src:a,alt:o||""})}),ta("div",{className:"k-chat-user-status"})]}),ks("div",{className:"k-message-group-content",children:[o&&ta("span",{className:"k-message-author",children:o}),e.children]})]})};V.states=ox;V.options=ax;V.className=za;V.defaultOptions=yn;import{Fragment as rx,jsx as An,jsxs as Rp}from"react/jsx-runtime";var Ls="k-message-reference",nx={},Kp={type:"receiver"},oa=e=>{let{content:t,closeable:o,pinned:a,type:n=Kp.type,...i}=e;return Rp("div",{...i,className:r(Ls,e.className,{[`${Ls}-${n}`]:n,"k-message-pinned":a}),children:[a&&An(v,{icon:"pin-outline"}),An("div",{className:"k-message-reference-content",children:t}),o&&Rp(rx,{children:[An("span",{className:"k-spacer"}),An(p,{icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};oa.options=nx;oa.className=Ls;oa.defaultOptions=Kp;var Ms="bubble",_p=Ms;import{jsx as Cn,jsxs as ix}from"react/jsx-runtime";var Ss="k-bubble",sx=[s.hover,s.active,s.selected,s.focus],ys={expandable:!1,expanded:!1},Ft=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=ys.expandable,expanded:c=ys.expanded,...u}=e;return ix("div",{...u,className:r(e.className,Ss,S(Ss,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":c}),tabIndex:0,children:[Cn("div",{className:"k-bubble-content",children:t??e.children}),l&&Cn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":c?"Show less":"Show more",tabIndex:0,children:c?Cn(v,{icon:"chevron-up"}):Cn(v,{icon:"chevron-down"})})]})};Ft.states=sx;Ft.className=Ss;Ft.defaultOptions=ys;Ft.moduleName=Ms;Ft.folderName=_p;Ft.ariaSpec={selector:".k-bubble",rules:[{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."}]};import{jsx as X3}from"react/jsx-runtime";import{jsx as Y3}from"react/jsx-runtime";import{jsx as eF}from"react/jsx-runtime";import{jsx as As,jsxs as Hp}from"react/jsx-runtime";var lx="k-chat-bubble",Tp=e=>{let{typing:t,content:o,files:a,...n}=e;return Hp(Ft,{...n,className:r(e.className,lx),children:[t?Hp("div",{className:"k-typing-indicator",tabIndex:-1,children:[As("span",{}),As("span",{}),As("span",{})]}):o,a]})};import{jsx as bF}from"react/jsx-runtime";import{jsx as zp,jsxs as px}from"react/jsx-runtime";var Up="k-chat-event",Cs={icon:"trash",text:"You deleted Chat history."},Fp=e=>{let{icon:t=Cs.icon,text:o=Cs.text,...a}=e;return px("div",{...a,className:r(e.className,Up),children:[t&&zp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&zp("span",{className:"k-chat-event-text",children:o})]})};Fp.className=Up;Fp.defaultOptions=Cs;import{jsx as yF}from"react/jsx-runtime";import{Fragment as dx,jsx as ht,jsxs as cx}from"react/jsx-runtime";var Gp=e=>ht(U,{children:cx(dx,{children:[ht("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),ht(V,{children:ht(G,{})}),ht(V,{type:"sender",children:ht(G,{})}),ht(V,{children:ht(G,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),ht(V,{type:"sender",children:ht(G,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as Vp}from"react/jsx-runtime";var En="k-file-box-wrapper",$p={layout:"horizontal"},xt=e=>{let{layout:t=$p.layout,scrollingPosition:o,...a}=e;return Vp("ul",{role:"list","aria-label":"Attached files",...a,className:r(e.className,En,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${En}-scrollable-start`]:t==="horizontal"&&(o==="start"||o==="both"),[`${En}-scrollable-end`]:t==="horizontal"&&(o==="end"||o==="both")}),children:t==="horizontal"?Vp("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};xt.className=En;xt.defaultOptions=$p;var Es="file-box",Xp=Es;import{jsx as aa,jsxs as qp}from"react/jsx-runtime";var Wp="k-file-box",mx=[s.selected],ux={},Ua={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},ye=e=>{let{icon:t=Ua.icon,name:o=Ua.name,size:a=Ua.size,status:n,deleted:i,removeButton:l,showButton:c=Ua.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return qp("li",{role:"listitem",tabIndex:0,"aria-label":f||void 0,...u,className:r(Wp,e.className,{"k-file-deleted":i}),children:[aa(v,{icon:t,size:"xlarge","aria-hidden":"true"}),qp("div",{className:"k-file-info",children:[o&&aa("span",{className:"k-file-name",children:o}),a&&aa("span",{className:"k-file-size",children:a}),n&&aa("span",{className:"k-file-status",children:n})]}),c&&(l?aa(p,{as:"span",icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):aa(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};ye.states=mx;ye.options=ux;ye.className=Wp;ye.defaultOptions=Ua;ye.moduleName=Es;ye.folderName=Xp;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 VF}from"react/jsx-runtime";import{jsx as JF}from"react/jsx-runtime";import{jsx as e5,jsxs as t5}from"react/jsx-runtime";import{jsx as s5,jsxs as i5}from"react/jsx-runtime";import{jsx as m5}from"react/jsx-runtime";import{Fragment as A5,jsx as y5,jsxs as C5}from"react/jsx-runtime";import{Fragment as B5,jsx as O5,jsxs as P5}from"react/jsx-runtime";import{Fragment as D5,jsx as _5,jsxs as H5}from"react/jsx-runtime";var Is="window",Jp=Is;import{jsx as xx}from"react/jsx-runtime";var Yp="k-window-content",fx=[],bx={},hx={},Gt=e=>{let{children:t,...o}=e;return xx("div",{...o,className:r(Yp,e.className),children:t})};Gt.states=fx;Gt.options=bx;Gt.className=Yp;Gt.defaultOptions=hx;Gt.moduleName=Is;Gt.folderName=Jp;var Fa="dialog",In=Fa;import{Fragment as vx,jsx as lo,jsxs as Ts}from"react/jsx-runtime";var Zp="k-dialog",gx=[],Nx={},Os={actionButtonsAlign:"stretched",modal:!0},Te=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Os.actionButtonsAlign,modal:i=Os.modal,...l}=e,c=t!==void 0?w("dialog-titlebar"):void 0,u=w("dialog-content");return Ts("div",{className:"k-dialog-wrapper",children:[i&&lo(mt,{}),Ts("div",{...l,className:r(e.className,Zp,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0||o)&&Ts("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&lo("span",{className:"k-window-title k-dialog-title",children:t}),o&&lo(vx,{children:lo("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>lo(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),lo(Gt,{className:"k-dialog-content",id:u,children:e.children}),a&&lo(we,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};Te.states=gx;Te.options=Nx;Te.className=Zp;Te.defaultOptions=Os;Te.moduleName=Fa;Te.folderName=In;Te.ariaSpec={selector:".k-dialog",rules:[{selector:".k-dialog",attribute:"role=dialog or role=alertdialog",usage:"Announces the dialog or alertdialog role of the component."},{selector:".k-dialog",attribute:"aria-labelledby",usage:"Associate the title of the dialog."},{selector:".k-dialog",attribute:"aria-describedby",usage:"Associate the dialog content to the wrap element."},{selector:".k-overlay + .k-dialog",attribute:"aria-modal=true",usage:"Announces that the dialog is modal. Attribute is added only when the dialog is modal."}]};var Bs=Te;import{jsx as Sx}from"react/jsx-runtime";var Qp="k-dialog-wrapper",kx=[],Lx={},Mx={},na=e=>{let{...t}=e;return Sx("div",{...t,className:r(e.className,Qp),children:e.children})};na.states=kx;na.options=Lx;na.className=Qp;na.defaultOptions=Mx;na.moduleName=Fa;na.folderName=In;import{Fragment as jp,jsx as Tn,jsxs as yx}from"react/jsx-runtime";var ed=e=>Tn(Bs,{title:"Title",children:Tn(jp,{children:"Dialog content"}),actionButtons:yx(jp,{children:[Tn(p,{children:"Action"}),Tn(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as mG,jsx as uG,jsxs as fG}from"react/jsx-runtime";import{Fragment as Ox,jsx as On,jsxs as Bx}from"react/jsx-runtime";var Ax=Te.options,Cx=[],Ex=Te.states,Ix=Te.defaultOptions,Tx=[],ra=e=>On(ed,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:Bx(Ox,{children:[On(p,{children:"No"}),On(p,{themeColor:"primary",children:"Yes"})]}),children:On("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});ra.options=Ax;ra.states=Ex;ra.variants=Cx;ra.defaultOptions=Ix;ra.modifiers=Tx;ra.className=Te.className;var Ps="dropzone",td=Ps;import{jsx as Bn,jsxs as Rx}from"react/jsx-runtime";var ws="k-external-dropzone",Px=[s.disabled,s.hover],wx={},Rs={icon:"upload",hint:"Drag and drop files here to upload"},Ae=e=>{let{hover:t,disabled:o,icon:a=Rs.icon,hint:n=Rs.hint,note:i,...l}=e;return Bn("div",{...l,className:r(e.className,ws,S(ws,{disabled:o}),{"k-external-dropzone-hover":t}),children:Rx("div",{className:"k-dropzone-inner",children:[a&&Bn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&Bn("span",{className:"k-dropzone-hint",children:n}),i&&Bn("span",{className:"k-dropzone-note",children:i})]})})};Ae.states=Px;Ae.options=wx;Ae.className=ws;Ae.defaultOptions=Rs;Ae.moduleName=Ps;Ae.folderName=td;import{jsx as Kx}from"react/jsx-runtime";var od=e=>Kx(Ae,{...e});import{jsx as HG}from"react/jsx-runtime";import{jsx as Fx}from"react/jsx-runtime";var _x=Ae.options,Dx=Ae.states,Hx=Ae.defaultOptions,zx=[{name:"note",title:"Note"}],Ux=[],sa=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)}),Fx(od,{style:{width:"500px"},...o,...a})};sa.options=_x;sa.states=Dx;sa.variants=Ux;sa.defaultOptions=Hx;sa.modifiers=zx;sa.className=Ae.className;import{Fragment as Pn,jsx as Vt,jsxs as Ga}from"react/jsx-runtime";var Ks="k-upload-dropzone",Gx=[s.hover],wn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,c;switch(o){case"uploading":c=Ga(Pn,{children:[Vt(v,{icon:"upload"}),"Uploading..."]});break;case"done":c=Ga(Pn,{children:[Vt(v,{icon:"check"}),"Done"]});break;case"failed":c=Ga(Pn,{children:[Vt(v,{icon:"exclamation-circle"}),"Done"]});break;default:c=Vt(Pn,{});break}return Ga("div",{...l,className:r(e.className,Ks,"k-dropzone",S(Ks,{hover:t})),children:[Ga("div",{className:"k-upload-button-wrap",children:[Vt(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),Vt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Vt("span",{className:r("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Vt("span",{className:"k-upload-status",children:c})]})};wn.states=Gx;wn.className=Ks;var _s="upload",ad=_s;import{jsx as Rn,jsxs as rd}from"react/jsx-runtime";var Ds="k-upload",Vx=[s.hover,s.disabled],$x={},sd={actionsLayout:"end"},nd="upload-files-list",j=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=sd.actionsLayout,hover:i,status:l,disabled:c,...u}=e,f=!!e.children;return rd("div",{...u,className:r(e.className,Ds,S(Ds,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[Rn(wn,{status:l,hover:i,disabled:c,hasFiles:f,filesId:nd}),f&&Rn("ul",{className:"k-upload-files",role:"list",id:nd,children:e.children}),a&&f&&rd(Xi,{alignment:n,orientation:"horizontal",children:[Rn(p,{className:"k-clear-selected",children:"Clear"}),Rn(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};j.states=Vx;j.options=$x;j.className=Ds;j.defaultOptions=sd;j.moduleName=_s;j.folderName=ad;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 Va="progressbar",Kn=Va;import{jsx as zs,jsxs as Hs}from"react/jsx-runtime";var tt="k-progressbar",Xx=[s.disabled,s.indeterminate],qx={orientation:["horizontal","vertical"]},po={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},fe=e=>{let{disabled:t,height:o,indeterminate:a=po.indeterminate,label:n=po.label,labelPosition:i=po.labelPosition,orientation:l=po.orientation,reverse:c=po.reverse,value:u=po.value,width:f,style:N,ariaLabel:x,...m}=e;return Hs("div",{...m,className:r(e.className,tt,S(tt,{disabled:t}),{[`${tt}-${l}`]:l,[`${tt}-indeterminate`]:a,[`${tt}-reverse`]:c}),style:{...N,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:f},role:"progressbar","aria-label":x||"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[zs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Hs("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&zs("div",{className:"k-progressbar-value k-selected",children:zs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Hs("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};fe.states=Xx;fe.options=qx;fe.className=tt;fe.defaultOptions=po;fe.moduleName=Va;fe.folderName=Kn;fe.ariaSpec={selector:".k-progressbar",implicitRole:"progressbar",rules:[{selector:".k-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ProgressBar."},{selector:".k-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ProgressBar needs an accessible name to be assigned to it."},{selector:".k-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Decimal value between aria-valuemin and aria-valuemax."},{selector:".k-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to 100."}]};var id=fe;import{jsx as Us}from"react/jsx-runtime";var ld="k-chunk-progressbar",Wx=(e,t)=>t<=e-1,Jx=[s.disabled,s.indeterminate],Yx={},_n={chunkCount:5,orientation:"horizontal",progress:0},co=e=>{let{disabled:t,chunkCount:o=_n.chunkCount,indeterminate:a,orientation:n=_n.orientation,progress:i=_n.progress,reverse:l,ariaLabel:c,...u}=e;return Us("div",{...u,className:r(e.className,tt,ld,S(tt,{disabled:t}),{[`${tt}-${n}`]:n,[`${tt}-indeterminate`]:a,[`${tt}-reverse`]:l}),role:"progressbar","aria-label":c||"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Us("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>Us("li",{className:r("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":Wx(i,N)})},N))})})};co.states=Jx;co.options=Yx;co.className=ld;co.defaultOptions=_n;co.moduleName=Va;co.folderName=Kn;co.ariaSpec={selector:".k-chunk-progressbar",implicitRole:"progressbar",rules:[{selector:".k-chunk-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ChunkProgressBar."},{selector:".k-chunk-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ChunkProgressBar needs an accessible name to be assigned to it."},{selector:".k-chunk-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Value between aria-valuemin and aria-valuemax."},{selector:".k-chunk-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-chunk-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to chunk count."}]};import{jsx as Zx}from"react/jsx-runtime";var $a=e=>Zx(id,{...e});import{jsx as A6}from"react/jsx-runtime";import{jsx as $t}from"react/jsx-runtime";var Qx=fe.options,jx=fe.states,pd={...fe.defaultOptions,variant:"start"},eg=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],tg=[],ia=e=>{let{variant:t,modifiers:o,...a}={...pd,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o||{}).forEach(l=>{switch(l){case"reverse":n.reverse=!!o?.[l];break;case"vertical":n.orientation=o?.[l]?"vertical":void 0,i.style=o?.[l]?void 0:{width:"324px"};break}}),t){case"end":return $t("div",{...i,children:$t($a,{...a,...n,labelPosition:"end",value:"50"})});case"center":return $t("div",{...i,children:$t($a,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return $t("div",{...i,children:$t($a,{...a,...n,label:!1,value:"50"})});default:return $t("div",{...i,children:$t($a,{...a,...n,labelPosition:"start",value:"50"})})}};ia.options=Qx;ia.states=jx;ia.variants=eg;ia.defaultOptions=pd;ia.modifiers=tg;ia.className=fe.className;import{jsx as Fs,jsxs as ag}from"react/jsx-runtime";var og="k-file-info",Gs=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return ag("div",{...n,className:r(e.className,og),children:[t&&Fs("span",{className:"k-file-name",children:t}),o&&Fs("span",{className:"k-file-size",children:o}),a&&Fs("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as rg,jsx as Et,jsxs as Dn}from"react/jsx-runtime";var ng="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:c,...u}=e;return Et("li",{...u,className:r(e.className,ng,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Dn("div",{className:"k-file-single",children:[Et(fe,{className:r({"k-hidden":t!=="progress"}),value:o,label:!1}),Dn("span",{className:"k-file-icon-wrapper",children:[Et(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&Et("span",{className:"k-file-state",children:l})]}),Et(Gs,{name:a,size:i,validationMsg:c}),Et("div",{className:"k-upload-actions",children:t==="progress"?Dn(rg,{children:[Dn("span",{className:"k-upload-pct",children:[o,"%"]}),Et(p,{icon:"pause-sm",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),Et(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):Et(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as o7,jsx as e7,jsxs as t7}from"react/jsx-runtime";import{Fragment as sg,jsx as Vs,jsxs as ig}from"react/jsx-runtime";var Xa=e=>Vs(j,{async:!0,children:ig(sg,{children:[Vs(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),Vs(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as m7,jsx as d7,jsxs as c7}from"react/jsx-runtime";import{jsx as lg}from"react/jsx-runtime";var dd=e=>lg(j,{async:!0,empty:!0,...e});import{Fragment as v7,jsx as N7,jsxs as k7}from"react/jsx-runtime";import{Fragment as A7,jsx as y7,jsxs as C7}from"react/jsx-runtime";import{jsx as It,jsxs as Hn}from"react/jsx-runtime";var pg=j.options,dg=j.states,cd={...j.defaultOptions,variant:"empty"},cg=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],mg=[],la=e=>{let{variant:t,...o}={...cd,...e};switch(t){case"success":return Hn(Xa,{status:"done",style:{width:"586px"},...o,children:[It(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),It(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Hn(Xa,{status:"failed",style:{width:"586px"},...o,children:[It(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),It(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Hn(Xa,{status:"uploading",style:{width:"586px"},...o,children:[It(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),It(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Hn(Xa,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[It(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),It(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return It(dd,{async:!0,status:"upload",style:{width:"586px"},...o})}};la.options=pg;la.states=dg;la.variants=cg;la.defaultOptions=cd;la.modifiers=mg;la.className=j.className;import{Fragment as t9,jsx as e9,jsxs as o9}from"react/jsx-runtime";import{jsx as s9}from"react/jsx-runtime";import{Fragment as c9,jsx as d9,jsxs as m9}from"react/jsx-runtime";import{Fragment as x9,jsx as h9,jsxs as g9}from"react/jsx-runtime";import{Fragment as M9,jsx as L9,jsxs as S9}from"react/jsx-runtime";import{Fragment as I9,jsx as E9}from"react/jsx-runtime";var $s="appbar",md=$s;import{jsx as hg}from"react/jsx-runtime";var Xs="k-appbar",ug=[],fg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.inverse]},bg={},be=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return hg("div",{...n,className:r(e.className,Xs,A(Xs,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};be.states=ug;be.options=fg;be.className=Xs;be.defaultOptions=bg;be.moduleName=$s;be.folderName=md;be.ariaSpec={selector:".k-appbar",rules:[]};import{jsx as gg}from"react/jsx-runtime";var xg="k-appbar-section",gt=e=>{let{...t}=e;return gg("div",{...t,className:r(xg,e.className),children:e.children})};import{Fragment as V9,jsx as F9,jsxs as G9}from"react/jsx-runtime";import{jsx as ee,jsxs as pa}from"react/jsx-runtime";var qs={...be.options,positionMode:["static","sticky","fixed"]},Ng=be.states,ud={...be.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};qs.themeColor=["primary",...qs.themeColor.filter(e=>e!=="primary")];var vg=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],da=e=>{let{variant:t,...o}={...ud,...e},a=pa(be,{position:t,...o,children:[ee(gt,{children:ee(se,{fillMode:"flat",icon:"menu"})}),ee("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),ee(gt,{children:ee("h3",{className:"k-m-0",children:"AppBar"})}),ee("span",{className:"k-spacer"}),pa(gt,{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(gt,{children:ee(rn,{value:"Input value"})}),pa(gt,{children:[ee(se,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),ee("span",{className:"k-appbar-separator"}),ee(Sn,{className:"k-mx-sm",children:ee("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=pa("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"?pa("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):pa("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};da.options=qs;da.states=Ng;da.variants=vg;da.defaultOptions=ud;da.modifiers=[];da.className=be.className;var Ws="suggestion",fd=Ws;import{jsx as zn,jsxs as Mg}from"react/jsx-runtime";var Un="k-suggestion-group",kg=[],Lg={},bd={layout:"scrollable",scrollingPosition:"start"},ot=e=>{let{layout:t=bd.layout,scrollingPosition:o,...a}=e,n=zn("div",{...a,className:r(Un,{"k-suggestion-group-scrollable":t=="scrollable",[`${Un}-scrollable-start`]:o==="start"||o==="both",[`${Un}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?zn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Mg("div",{className:"k-suggestion-scrollwrap",children:[zn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,zn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};ot.states=kg;ot.options=Lg;ot.className=Un;ot.defaultOptions=bd;ot.moduleName=Ws;ot.folderName=fd;import{jsx as Cg}from"react/jsx-runtime";var Fn="k-suggestion",Sg=[s.active,s.hover,s.focus],yg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},Ag={text:"Suggestion"},at=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return Cg("span",{...l,className:r(e.className,Fn,S(Fn,{hover:a,active:o,focus:n}),A(Fn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};at.states=Sg;at.options=yg;at.className=Fn;at.item=Ag;import{Fragment as x4,jsx as h4,jsxs as g4}from"react/jsx-runtime";import{Fragment as M4,jsx as L4,jsxs as S4}from"react/jsx-runtime";import{Fragment as I4,jsx as E4,jsxs as T4}from"react/jsx-runtime";import{Fragment as Pg,jsx as te,jsxs as Gn}from"react/jsx-runtime";var Eg=U.states,Ig=U.defaultOptions,Tg=U.options,Og=[{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"}],Bg=[],ca=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Gn(be,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[te("span",{className:"k-spacer k-spacer-sized k-w-1"}),te(gt,{children:te("span",{children:"Chat with demo bot"})}),te("span",{className:"k-spacer"}),te(gt,{children:te(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=te(oa,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Gn(ot,{children:[te(at,{text:"Provide a CV template"}),te(at,{text:"Generate a cover letter"})]}),c=Gn(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,N="User",x="Demo Bot";Object.keys(t||{}).forEach(I=>{switch(I){case"header":a.header=t?.[I]?n:!1;break;case"pinned":a.pinned=t?.[I]?i:!1;break;case"suggested":a.suggestedActions=t?.[I]?l:!1;break;case"author":a.author=t?.[I]?!0:null;break;case"avatar":a.avatar=t?.[I]?u:null;break;case"quick":a.quickReplies=t?.[I]?c:te(Pg,{});break;default:break}});let{header:m,pinned:L,suggestedActions:k,author:y,avatar:C,quickReplies:M}=a;return Gn(Gp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:k,children:[te(V,{avatar:f,author:y?x:null,children:te(G,{text:"Hello, this is a demo bot. How can I help you ?"})}),te(V,{avatar:C?u:null,author:y?N:null,type:"sender",children:te(G,{text:"Hello! Generate a cover letter."})}),te(V,{avatar:f,author:y?x:null,children:te(G,{text:"Sure. Here is a cover letter template",files:te(xt,{children:te(ye,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),M]})};ca.options=Tg;ca.states=Eg;ca.variants=Bg;ca.defaultOptions=Ig;ca.modifiers=Og;ca.className=U.className;var Js="skeleton",hd=Js;import{jsx as _g}from"react/jsx-runtime";var Ys="k-skeleton",wg=["circle","text","rect"],Rg=[],Kg={},Zs={variant:"text",shape:"text",animation:"pulse"},ze=e=>{let{variant:t,shape:o,animation:a=Zs.animation,...n}=e,i=`skeleton-${t||o||Zs.variant}`;return _g("span",{...n,className:r(e.className,Ys,Wa(Ys,i),{[`k-skeleton-${a}`]:a}),style:e.style})};ze.states=Rg;ze.options=Kg;ze.variants=wg;ze.className=Ys;ze.defaultOptions=Zs;ze.moduleName=Js;ze.folderName=hd;ze.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as Dg}from"react/jsx-runtime";var mo=e=>Dg(ze,{...e});import{jsx as Hg}from"react/jsx-runtime";var xd=e=>Hg(ze,{shape:"rect",...e});import{jsx as T8}from"react/jsx-runtime";import{Fragment as zg,jsx as Ue,jsxs as Vn}from"react/jsx-runtime";var H8=e=>Ue(U,{children:Vn(zg,{children:[Ue("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Ue(V,{fullWidth:!0,children:Ue(G,{text:null,content:Vn("div",{className:"k-skeleton-container",style:{width:"100%"},children:[Ue(mo,{style:{width:"100%"}}),Ue(mo,{style:{width:"100%"}}),Ue(mo,{style:{width:"100%"}}),Ue(mo,{style:{width:"75%"}})]})})}),Ue(V,{type:"sender",fullWidth:!0,avatar:null,children:Ue(G,{text:null,content:Vn("div",{className:"k-skeleton-container",style:{width:"100%",display:"flex",alignItems:"center",gap:"var( --kendo-spacing-1 )"},children:[Ue(xd,{style:{width:"32px",height:"32px"}}),Vn("div",{style:{flex:"1 1 50%"},children:[Ue(mo,{style:{width:"100%"}}),Ue(mo,{style:{width:"50%"}})]})]})})})]}),...e});export{H8 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:l,active:c,selected:u,disabled:f,indeterminate:N,loading:x,empty:m,readonly:L,highlighted:k,...y}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":c,"k-selected":u,"k-disabled":f,"k-indeterminate":N&&!l,"k-loading":x,"k-empty":m,"k-readonly":L,"k-highlighted":k},Object.keys(y).reduce((C,M)=>(M.startsWith("k-")?C[M]=y[M]:C[`k-${M}`]=y[M],C),{}))};function Wa(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},h={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},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 Wn={};function w(e){return Wn[e]=(Wn[e]||0)+1,`k-${e}-${Wn[e]}`}import{Fragment as Ld,jsx as js}from"react/jsx-runtime";var Jn="k-font-icon",Nd=[],vd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},kd={},ma=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?js("span",{...l,className:r(e.className,Jn,A(Jn,{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"}):js(Ld,{})};ma.states=Nd;ma.options=vd;ma.className=Jn;ma.defaultOptions=kd;var ei=ma;import{Fragment as yd,jsx as Ja}from"react/jsx-runtime";var Yn="k-svg-icon",Md=[],Sd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},ti={viewBox:"0 0 24 24"},ua=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=ti.viewBox,icon:l,...c}=e;if(!l)return Ja(yd,{});if(l==="none")return Ja("span",{...c,className:r(e.className,Yn,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof l=="object"&&l.name&&l.name;return Ja("span",{...c,className:r(e.className,Yn,A("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:Ja("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:i,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};ua.states=Md;ua.options=Sd;ua.className=Yn;ua.defaultOptions=ti;var Zn=ua;import*as Qn from"@progress/kendo-svg-icons";var oi="icon",ai="icons";import{useContext as Cd}from"react";import{createContext as Ad}from"react";var ni=Ad({iconsType:"svg"});import{Fragment as ri,jsx as fa}from"react/jsx-runtime";var Ya="k-icon",Ed=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Id=[],Td={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},jn={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=Cd(ni),{size:o,themeColor:a,icon:n,type:i=t||jn.type,rotate:l,flip:c,viewBox:u=jn.viewBox,...f}=e;if(!n)return fa(ri,{});if((t||i)==="svg"){if(n==="none")return fa(Zn,{...f,className:r(e.className,Ya),icon:n,size:o});let x=Qn[n]?n:Ed(`${n}-icon`);return Qn[x]?fa(Zn,{...f,className:r(e.className,Ya),icon:Qn[x],size:o,themeColor:a,rotate:l,flip:c,viewBox:u}):fa(ri,{})}return fa(ei,{...f,className:r(e.className,Ya),icon:n,size:o,themeColor:a,rotate:l,flip:c})};v.states=Id;v.options=Td;v.defaultOptions=jn;v.className=Ya;v.moduleName=oi;v.folderName=ai;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 er="button",si=er;import{Fragment as wd,jsx as ba,jsxs as ii}from"react/jsx-runtime";var ha="k-button",Od=["icon-button"],Bd=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Pd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},tr={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=tr.showArrow,arrowIconName:c=tr.arrowIconName,variant:u,hover:f,focus:N,active:x,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 ii(t,{className:r(X,ha,Wa(ha,u),A(ha,{size:o,rounded:a,fillMode:n,themeColor:i}),S(ha,{hover:f,focus:N,active:x,disabled:L||y,selected:m}),{"k-icon-button":!M&&!xe&&he}),...pe,"aria-pressed":k?m?"true":"false":void 0,"aria-disabled":y?"true":void 0,disabled:L||void 0,children:[C&&ba(v,{className:r(I,"k-button-icon"),icon:C}),M?ii(wd,{children:[M&&ba("span",{className:"k-button-text",children:M}),e.children]}):e.children&&ba("span",{className:"k-button-text",children:e.children}),l&&ba("span",{className:"k-menu-button-arrow k-button-arrow",children:ba(v,{icon:c})})]})};p.states=Bd;p.options=Pd;p.variants=Od;p.className=ha;p.defaultOptions=tr;p.moduleName=er;p.folderName=si;p.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Rd}from"react/jsx-runtime";var se=e=>Rd(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Kd}from"react/jsx-runtime";var xa=e=>Kd(p,{icon:"folder",children:"Button",...e});import{jsx as _d}from"react/jsx-runtime";var nt=e=>_d(p,{children:"Button",...e});import{jsx as or}from"react/jsx-runtime";var Dd=p.options,Hd=p.states,zd={...p.defaultOptions,variant:"text"},Ud=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Fd=[],uo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return or(se,{...o,icon:"star"});case"icon-and-text":return or(xa,{...o,icon:"star",children:"Button"});default:return or(nt,{...o,children:"Button"})}};uo.options=Dd;uo.states=Hd;uo.variants=Ud;uo.defaultOptions=zd;uo.modifiers=Fd;uo.className=p.className;import{jsx as li,jsxs as qd}from"react/jsx-runtime";var Za="k-fab",$d=[s.hover,s.focus,s.active,s.selected,s.disabled],Xd={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},pi={type:"button"},Y=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=pi.type,position:c,hover:u,focus:f,active:N,selected:x,disabled:m,...L}=e;return qd("button",{...L,type:l,className:r(e.className,Za,A(Za,{size:t,rounded:o,themeColor:a}),S(Za,{hover:u,focus:f,active:N,disabled:m,selected:x}),{[`!k-pos-absolute k-${c}`]:c}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...m&&{"aria-disabled":"true"},disabled:m||void 0,children:[i&&li(v,{className:"k-fab-icon",icon:i}),n&&li("span",{className:"k-fab-text",children:n})]})};Y.states=$d;Y.options=Xd;Y.className=Za;Y.defaultOptions=pi;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 Jd}from"react/jsx-runtime";var Wd="k-fab-items",di=e=>{let{position:t,...o}=e;return Jd("ul",{...o,className:r(e.className,Wd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as mi,jsxs as Zd}from"react/jsx-runtime";var ci="k-fab-item",Yd=[s.hover,s.focus,s.active,s.disabled],ar=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:c,...u}=e;return Zd("li",{...u,className:r(e.className,ci,{[`k-text-${a}`]:a},S(ci,{hover:n,focus:i,active:l,disabled:c})),children:[mi("span",{className:"k-fab-item-text",children:t}),mi(v,{className:"k-fab-item-icon",icon:o})]})};ar.states=Yd;import{jsx as iv}from"react/jsx-runtime";import{jsx as Qd}from"react/jsx-runtime";var ui=e=>Qd(Y,{icon:"plus",...e});import{jsx as fv}from"react/jsx-runtime";import{jsx as gv}from"react/jsx-runtime";import{jsx as fo,jsxs as nc}from"react/jsx-runtime";var jd=Y.options,ec=Y.states,tc={...Y.defaultOptions,variant:"text"},oc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ac=[{name:"opened",title:"Opened"}],bo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o||{},i=n?fo("div",{className:"k-fab-popup k-popup k-popup-transparent",style:{position:"absolute",top:"calc(16px + 36px)",right:"calc(16px + calc(36px / 2) - calc(36px /2))"},children:fo(di,{position:"bottom",children:fo(ar,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=fo(Y,{...a,icon:"star"});break;case"icon-and-text":l=fo(Y,{...a,icon:"star",text:"Action"});break;default:l=fo(Y,{...a,text:"Action"});break}return nc("span",{style:{position:"relative"},children:[l,i]})};bo.options=jd;bo.states=ec;bo.variants=oc;bo.defaultOptions=tc;bo.modifiers=ac;bo.className=Y.className;import{jsx as ic}from"react/jsx-runtime";var nr="k-input-inner",rc=[],sc={},Qa={type:"text",autocomplete:"off",value:"",placeholder:""},ge=e=>{let{value:t=Qa.value,type:o=Qa.type,placeholder:a=Qa.placeholder,autocomplete:n=Qa.autocomplete,disabled:i,readOnly:l,...c}=e;return ic("input",{...c,type:o,className:r(e.className,nr,A(nr,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:l||void 0})};ge.states=rc;ge.options=sc;ge.className=nr;import{jsx as dc}from"react/jsx-runtime";var rr="k-input-inner",lc=[],pc={},fi={value:"",placeholder:""},ga=e=>{let{value:t=fi.value,placeholder:o=fi.placeholder,rows:a,disabled:n,...i}=e;return dc("textarea",{...i,className:r(e.className,rr,A(rr,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};ga.states=lc;ga.options=pc;ga.className=rr;var sr="prompt-box",bi=sr;var ir="speech-to-text-button",hi=ir;import{jsx as cc}from"react/jsx-runtime";var xi="k-speech-to-text-button",gi={icon:"microphone"},Ce=e=>{let{listening:t=!1,icon:o=gi.icon,...a}=e;return cc(p,{...a,icon:t?"stop":o,className:r(e.className,xi,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Ce.states=p.states;Ce.options=p.options;Ce.className=xi;Ce.defaultOptions=gi;Ce.moduleName=ir;Ce.folderName=hi;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 jv}from"react/jsx-runtime";import{jsx as ak}from"react/jsx-runtime";import{jsx as hc}from"react/jsx-runtime";var mc=p.states,Ni={...p.defaultOptions,variant:"normal"},uc={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},fc=[],bc=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],ho=e=>{let{variant:t,...o}={...Ni,...e},a={};return t==="listening"&&(a.listening=!0),hc(Ce,{...o,...a})};ho.options=uc;ho.states=mc;ho.variants=bc;ho.defaultOptions=Ni;ho.modifiers=fc;ho.className=Ce.className;import{jsx as xo,jsxs as lr}from"react/jsx-runtime";var lt="k-prompt-box",xc=[s.hover,s.focus,s.disabled],gc={fillMode:[h.undefined,h.solid,h.flat,h.outline]},pr={lineMode:"auto",isExpanded:!1},Nt=e=>{let{fillMode:t,lineMode:o=pr.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=pr.isExpanded,className:c,children:u,value:f,placeholder:N,generating:x,hover:m,focus:L,disabled:k,...y}=e,C=o==="multi"||o==="auto"&&l;return lr("div",{...y,className:r(c,"k-input",lt,{[`${lt}-singleline`]:o==="single",[`${lt}-multiline`]:C,[`k-input-${t}`]:t,"k-hover":m,"k-focus":L,"k-disabled":k}),children:[i&&xo("div",{className:`${lt}-header`,children:i}),lr("div",{className:`${lt}-content`,children:[a&&xo("div",{className:`${lt}-affix`,children:a}),o==="single"?xo(ge,{value:f,placeholder:N,className:`${lt}-input`,type:"text","aria-label":"Prompt input"}):xo(ga,{value:f,placeholder:N,className:`${lt}-textarea`,rows:o==="multi"||l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),lr("div",{className:`${lt}-affix`,children:[n,xo(Ce,{size:"small",fillMode:"flat",rounded:"full"}),xo(se,{icon:x?"stop":"arrow-up",size:"small",rounded:"full",active:x,disabled:!f&&!x,className:r({"k-generating":x}),"aria-label":x?"Stop generating":"Send prompt","aria-live":"polite"})]})]}),u]})};Nt.states=xc;Nt.options=gc;Nt.className=lt;Nt.defaultOptions=pr;Nt.moduleName=sr;Nt.folderName=bi;Nt.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 yk}from"react/jsx-runtime";import{jsx as Ik}from"react/jsx-runtime";import{jsx as Pk}from"react/jsx-runtime";import{jsx as _k}from"react/jsx-runtime";import{jsx as Uk}from"react/jsx-runtime";var dr="chat",vi=dr;import{Fragment as Mi,jsx as qt,jsxs as Na}from"react/jsx-runtime";var ki="k-chat",Nc=[],vc={},kc=Na(Mi,{children:[qt(se,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),qt("div",{className:"k-spacer"})]}),Li={tools:kc},U=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:c,tools:u=Li.tools,value:f,empty:N,scrollToBottom:x,scrollbar:m,promptBoxProps:L,...k}=e;return Na("div",{...k,className:r(ki,e.className),dir:o,children:[t,Na("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,qt("div",{className:r("k-message-list-content",N&&"k-message-list-content-empty"),children:e.children}),x&&qt("div",{className:"k-chat-scroll-to-bottom-container",children:qt(ui,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),m&&qt("div",{className:"k-separator"}),Na("div",{className:"k-message-box-wrapper",children:[a,qt(Nt,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:n||l?Na(Mi,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};U.states=Nc;U.options=vc;U.className=ki;U.defaultOptions=Li;U.moduleName=dr;U.folderName=vi;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 cr="button",Si=cr;import{jsx as yc}from"react/jsx-runtime";var va="k-button-group",Lc=[s.disabled],Mc={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Sc={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return yc("div",{role:"group",...n,className:r(e.className,va,A(va,{fillMode:t}),S(va,{disabled:o}),{[`${va}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Lc;T.options=Mc;T.className=va;T.defaultOptions=Sc;T.moduleName=cr;T.folderName=Si;T.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as fL,jsx as uL,jsxs as bL}from"react/jsx-runtime";import{Fragment as kL,jsx as vL,jsxs as LL}from"react/jsx-runtime";import{Fragment as EL,jsx as CL,jsxs as IL}from"react/jsx-runtime";import{Fragment as RL,jsx as wL,jsxs as KL}from"react/jsx-runtime";import{Fragment as FL,jsx as UL,jsxs as GL}from"react/jsx-runtime";import{Fragment as JL,jsx as WL,jsxs as YL}from"react/jsx-runtime";import{jsx as vt,jsxs as mr}from"react/jsx-runtime";var Ac={...p.options,...T.options},Cc=p.states,Ec={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},Ic=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Tc=[],go=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?mr(T,{fillMode:a.fillMode,className:o,children:[vt(p,{...a,icon:"star"}),vt(p,{...a,icon:"star"}),vt(p,{...a,icon:"star"})]}):t==="icon-text-button"?mr(T,{fillMode:a.fillMode,className:o,children:[vt(p,{...a,icon:"star",children:"First"}),vt(p,{...a,icon:"star",children:"Middle"}),vt(p,{...a,icon:"star",children:"Last"})]}):mr(T,{fillMode:a.fillMode,className:o,children:[vt(p,{...a,children:"First"}),vt(p,{...a,children:"Middle"}),vt(p,{...a,children:"Last"})]})};go.options=Ac;go.states=Cc;go.variants=Ic;go.defaultOptions=Ec;go.modifiers=Tc;go.className=T.className;var ka="input",en=ka;import{jsx as wc}from"react/jsx-runtime";var tn="k-input",Oc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Bc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Pc={},Z=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:f,fillMode:N,...x}=e;return wc("span",{...x,className:r(e.className,tn,A(tn,{size:u,rounded:f,fillMode:N}),S(tn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c}))})};Z.states=Oc;Z.options=Bc;Z.className=tn;Z.defaultOptions=Pc;Z.moduleName=ka;Z.folderName=en;import{jsx as Dc}from"react/jsx-runtime";var on="k-picker",Rc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Kc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},_c={},pt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:f,fillMode:N,...x}=e;return Dc("span",{...x,className:r(e.className,on,A(on,{size:u,rounded:f,fillMode:N}),S(on,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c})),children:e.children})};pt.states=Rc;pt.options=Kc;pt.className=on;pt.defaultOptions=_c;pt.moduleName=ka;pt.folderName=en;import{Fragment as Uc,jsx as ur}from"react/jsx-runtime";var yi="k-clear-value",Hc=[s.disabled,s.loading,s.readonly],zc={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?ur(Uc,{}):ur("span",{className:r(e.className,yi),children:ur(v,{icon:"x"})})};Pe.states=Hc;Pe.options=zc;Pe.className=yi;import{jsx as Ai,jsxs as Vc}from"react/jsx-runtime";var fr="k-input-inner",Fc=[],Gc={},Wt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return Vc("span",{...l,className:r(e.className,fr,A(fr,e)),children:[n,!n&&i&&Ai(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Ai("span",{className:"k-input-value-text",children:t})]})};Wt.states=Fc;Wt.options=Gc;Wt.className=fr;import{Fragment as Xc,jsx as Ci}from"react/jsx-runtime";var Ei="k-input-loading-icon",$c=[s.disabled,s.loading],Ee=e=>{let{disabled:t,loading:o}=e;return t||!o?Ci(Xc,{}):Ci("span",{className:r(e.className,Ei,"k-icon k-i-loading")})};Ee.states=$c;Ee.className=Ei;import{Fragment as Jc,jsx as Ii}from"react/jsx-runtime";var Ti="k-input-validation-icon",qc=[s.valid,s.invalid,s.disabled,s.loading],Wc={},Ne=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?Ii(Jc,{}):Ii(v,{className:r(Ti),icon:i})};Ne.states=qc;Ne.options=Wc;Ne.className=Ti;import{Fragment as Qc,jsx as Oi}from"react/jsx-runtime";var Yc="k-input-prefix",Zc={direction:"horizontal"},Fe=e=>{let{direction:t=Zc.direction,...o}=e;return e.children?Oi("span",{...o,className:r(Yc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Oi(Qc,{})};import{Fragment as tm,jsx as Bi}from"react/jsx-runtime";var jc="k-input-suffix",em={direction:"horizontal"},Ge=e=>{let{direction:t=em.direction,...o}=e;return e.children?Bi("span",{...o,className:r(jc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Bi(tm,{})};import{jsx as VM}from"react/jsx-runtime";import{jsx as am}from"react/jsx-runtime";var om="k-input-suffix-text",br=e=>{let{children:t,...o}=e;return am("span",{...o,className:r(om,e.className),children:t})};import{jsx as rm}from"react/jsx-runtime";var Pi="k-input-separator",nm={direction:"vertical"},Ve=e=>{let{direction:t=nm.direction,...o}=e;return rm("span",{...o,className:r(Pi,e.className,{[`${Pi}-${t}`]:t})})};import{Fragment as wi,jsx as dt,jsxs as hr}from"react/jsx-runtime";var sm=Z.states,im=Z.defaultOptions,lm=Z.options,pm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],dm=[],No=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...c}=e,u=t?.prefix,f=t?.suffix,N=t?.["clear-button"],x=t?.["validation-icon"],m=t?.separators;return hr(Z,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&hr(wi,{children:[dt(Fe,{children:dt(v,{icon:"lock"})}),m&&dt(Ve,{})]}),dt(ge,{placeholder:"Placeholder",value:"Value"}),x&&dt(Ne,{valid:o,invalid:a,loading:n,disabled:i}),dt(Ee,{loading:n,disabled:i}),N&&dt(Pe,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&hr(wi,{children:[m&&dt(Ve,{}),dt(Ge,{children:dt(nt,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};No.options=lm;No.states=sm;No.variants=dm;No.defaultOptions=im;No.modifiers=pm;No.className=Z.className;import{jsx as Ri,jsxs as um}from"react/jsx-runtime";var Ki="k-color-preview",cm=[],mm={},Ot=e=>{let{color:t,iconName:o,...a}=e;return um("span",{...a,className:r(e.className,Ki,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Ri(v,{icon:o,className:"k-color-preview-icon"}),Ri("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ot.states=cm;Ot.options=mm;Ot.className=Ki;var xr="popup",_i=xr;import{jsx as Di}from"react/jsx-runtime";var Hi="k-animation-container",fm=[],bm={},zi={positionMode:"absolute"},ct=e=>{let{positionMode:t=zi.positionMode,animationStyle:o,offset:a,...n}=e;return Di("div",{...n,style:{...a,...e.style},className:r(e.className,Hi,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Di("div",{className:"k-child-animation-container",style:o,children:e.children})})};ct.states=fm;ct.options=bm;ct.className=Hi;ct.defaultOptions=zi;ct.moduleName=xr;ct.folderName=_i;var gr="popup",Ui=gr;import{jsx as Fi}from"react/jsx-runtime";var Gi="k-popup",hm=[],xm={},Vi={positionMode:"absolute"},$=e=>{let{offset:t,positionMode:o=Vi.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return Fi(ct,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:Fi("div",{...c,className:r(e.className,Gi),children:e.children})})};$.states=hm;$.options=xm;$.className=Gi;$.defaultOptions=Vi;$.moduleName=gr;$.folderName=Ui;$.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 Nr="action-buttons",$i=Nr;import{jsx as vm}from"react/jsx-runtime";var an="k-actions",gm=[],Nm={},vr={alignment:"start",orientation:"horizontal"},we=e=>{let{alignment:t=vr.alignment,orientation:o=vr.orientation,...a}=e;return vm("div",{...a,className:r(an,{[`${an}-${t}`]:t,[`${an}-${o}`]:o},e.className),children:e.children})};we.states=gm;we.options=Nm;we.className=an;we.defaultOptions=vr;we.moduleName=Nr;we.folderName=$i;var Xi=we;import{jsx as Lm}from"react/jsx-runtime";var km="k-actionsheet-footer",qi={alignment:"stretched",orientation:"horizontal"},Bt=e=>{let{alignment:t=qi.alignment,orientation:o=qi.orientation,template:a,as:n=a?"div":we,...i}=e;return Lm(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,km),children:e.children})};var kr="searchbox",Wi=kr;import{jsx as La,jsxs as ym}from"react/jsx-runtime";var Ji="k-searchbox",Mm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Sm={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Lr={showIcon:!0,icon:"search"},$e=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:x,disabled:m,showIcon:L=Lr.showIcon,icon:k=Lr.icon,"aria-label":y,...C}=e;return ym(Z,{...C,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:x,disabled:m,className:r(e.className,Ji),children:[L&&La(v,{className:"k-input-icon",icon:k}),La(ge,{placeholder:o,value:t,"aria-label":y}),La(Ee,{...e}),La(Ne,{...e}),La(Pe,{...e})]})};$e.states=Mm;$e.options=Sm;$e.className=Ji;$e.defaultOptions=Lr;$e.moduleName=kr;$e.folderName=Wi;import{jsx as by}from"react/jsx-runtime";var Mr="textbox",Yi=Mr;import{Fragment as Zi,jsx as Pt,jsxs as Sr}from"react/jsx-runtime";var Qi="k-textbox",Am=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Cm={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},nn={showClearButton:!0,showValidationIcon:!0,separators:!0},ie=e=>{let{size:t,rounded:o,fillMode:a,separators:n=nn.separators,showClearButton:i=nn.showClearButton,showValidationIcon:l=nn.showValidationIcon,prefix:c,suffix:u,type:f,value:N,placeholder:x,hover:m,focus:L,valid:k,invalid:y,required:C,loading:M,disabled:I,readonly:X,id:pe,"aria-label":he,"aria-describedby":xe,...Be}=e;return Sr(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,Qi),children:[c&&Sr(Zi,{children:[Pt(Fe,{children:c}),n&&Pt(Ve,{})]}),Pt(ge,{id:pe,placeholder:x,value:N,type:f,disabled:I,"aria-label":he,"aria-describedby":xe,"aria-invalid":y?"true":void 0}),l&&Pt(Ne,{valid:k,invalid:y,loading:M,disabled:I}),Pt(Ee,{loading:M,disabled:I}),i&&Pt(Pe,{loading:M,disabled:I,readonly:X,value:N}),u&&Sr(Zi,{children:[n&&Pt(Ve,{}),Pt(Ge,{children:u})]})]})};ie.states=Am;ie.options=Cm;ie.className=Qi;ie.defaultOptions=nn;ie.moduleName=Mr;ie.folderName=Yi;ie.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Ma=ie;import{jsx as Em}from"react/jsx-runtime";var rn=e=>Em(Ma,{...e});import{Fragment as Py,jsx as By}from"react/jsx-runtime";import{Fragment as Hy,jsx as Dy}from"react/jsx-runtime";import{jsx as Gy}from"react/jsx-runtime";import{jsx as yr}from"react/jsx-runtime";var Im=ie.states,Tm=ie.defaultOptions,Om=ie.options,Bm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Pm=[],vo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?yr(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?yr(nt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),yr(rn,{value:"Value",style:{width:300},...o,...a})};vo.options=Om;vo.states=Im;vo.variants=Pm;vo.defaultOptions=Tm;vo.modifiers=Bm;vo.className=ie.className;import{jsx as wt,jsxs as Ar}from"react/jsx-runtime";var ji="k-actionsheet-titlebar",wm={},ve=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:c,inputPlaceholder:u,adaptive:f,titleId:N,children:x,...m}=e;return Ar("div",{...m,className:r(e.className,ji),children:[Ar("div",{className:"k-actionsheet-titlebar-group",children:[a&&wt("div",{className:"k-actionsheet-actions",children:a}),!x&&Ar("div",{className:"k-actionsheet-title",id:N,children:[t&&wt("div",{className:"k-text-center",children:t}),o&&wt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&wt("div",{className:"k-actionsheet-title",id:N,children:x}),n&&wt("div",{className:"k-actionsheet-actions",children:n})]}),(l||i)&&wt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?wt(ie,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t||u||"Input"}):wt($e,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};ve.className=ji;ve.defaultOptions=wm;import{jsx as Cr,jsxs as Dm}from"react/jsx-runtime";var Er="k-actionsheet-view",Rm=[],Km={},_m={},ko=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...c}=e,u=n?.type===ve&&Cr(ve,{adaptive:t,titleId:l,...n?.props}),f=i?.type===Bt&&Cr(Bt,{...i?.props});return Dm("div",{...c,className:r(e.className,Er,{[`${Er}-animated`]:o}),children:[u,Cr("div",{className:"k-actionsheet-content",children:a}),f]})};ko.states=Rm;ko.options=Km;ko.className=Er;ko.defaultOptions=_m;var Sa="action-sheet",sn=Sa;var Ir="overlay",el=Ir;import{jsx as Fm}from"react/jsx-runtime";var tl="k-overlay",Hm=[],zm={},Um={},mt=e=>{let{...t}=e;return Fm("div",{...t,className:r(e.className,tl),children:e.children})};mt.states=Hm;mt.options=zm;mt.className=tl;mt.defaultOptions=Um;mt.moduleName=Ir;mt.folderName=el;import{jsx as ln,jsxs as $m}from"react/jsx-runtime";var ol="k-actionsheet",Gm=[],Vm={},ya={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},W=e=>{let{side:t=ya.side,fullscreen:o=ya.fullscreen,adaptive:a=ya.adaptive,overlay:n=ya.overlay,template:i,children:l,header:c,footer:u,id:f,...N}=e,x=f&&!i&&c?`${f}-title`:void 0;return $m("div",{className:"k-actionsheet-container",children:[n&&ln(mt,{}),ln(ct,{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:ln("div",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":x,className:r(e.className,ol,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i||ln(ko,{header:c,footer:u,adaptive:a,titleId:x,...e,children:l})})})]})};W.states=Gm;W.options=Vm;W.className=ol;W.defaultOptions=ya;W.moduleName=Sa;W.folderName=sn;W.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as Jm}from"react/jsx-runtime";var al="k-actionsheet-container",Xm=[],qm={},Wm={},Lo=e=>{let{children:t,...o}=e;return Jm("div",{...o,className:al,children:t})};Lo.states=Xm;Lo.options=qm;Lo.className=al;Lo.defaultOptions=Wm;Lo.moduleName=Sa;Lo.folderName=sn;import{jsx as Ym}from"react/jsx-runtime";var Tr=e=>{let{...t}=e;return Ym("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Qm,jsx as Aa,jsxs as Or}from"react/jsx-runtime";var Br="k-actionsheet-item",Zm=[s.hover,s.focus,s.selected,s.disabled],Rt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:c,...u}=e;return Or("span",{...u,className:r(e.className,Br,S(Br,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&Aa(Qm,{children:Or("span",{className:"k-actionsheet-action",children:[t&&Aa("span",{className:"k-icon-wrap",children:Aa(v,{className:"k-actionsheet-item-icon",icon:t})}),Or("span",{className:"k-actionsheet-item-text",children:[o&&Aa("span",{className:"k-actionsheet-item-title",children:o}),a&&Aa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Rt.states=Zm;Rt.className=Br;import{jsx as FA,jsxs as GA}from"react/jsx-runtime";import{jsx as qA}from"react/jsx-runtime";import{jsx as ZA}from"react/jsx-runtime";import{jsx as tC}from"react/jsx-runtime";import{jsx as le,jsxs as Pr}from"react/jsx-runtime";var jm=W.options,eu=W.states,rl={...W.defaultOptions,variant:"normal"},tu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],ou=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Mo=e=>{let{variant:t,modifiers:o,...a}={...rl,...e},n={},i=Pr(Tr,{children:[le(Rt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),le(Rt,{text:"Add to Favorites",iconName:"heart"}),le(Rt,{text:"Upload New",iconName:"upload",disabled:!0}),le("hr",{className:"k-hr"}),le(Rt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",c="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?l:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?le(W,{...a,adaptive:!0,fullscreen:n.fullScreen,header:le(ve,{actionsStart:n.actionsStart?le(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?le(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?Pr(Bt,{alignment:"stretched",children:[le(p,{text:"Cancel",size:"large",themeColor:"base"}),le(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):le(W,{...a,fullscreen:n.fullScreen,header:le(ve,{actionsStart:n.actionsStart?le(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?le(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Pr(Bt,{alignment:"stretched",children:[le(p,{text:"Apply",themeColor:"primary"}),le(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Mo.options=jm;Mo.states=eu;Mo.variants=tu;Mo.defaultOptions=rl;Mo.modifiers=ou;Mo.className=W.className;var wr="slider",sl=wr;import{jsx as So,jsxs as Rr}from"react/jsx-runtime";var Ca="k-slider",au=[s.hover,s.focus,s.active,s.disabled,s.readonly],nu={},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:l=Xe.handlePosition,showButtons:c=Xe.showButtons,showTicks:u=Xe.showTicks,value:f=Xe.value,min:N=Xe.min,max:x=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"),Rr("div",{...X,className:r(Ca,e.className,S(Ca,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&So(p,{className:"k-button-decrease",rounded:"full",icon:Be,tabIndex:-1,title:"Decrease"}),Rr("div",{className:"k-slider-track-wrap",children:[u&&So("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Rr("div",{className:"k-slider-track",style:M,children:[So("div",{className:"k-slider-selection"}),t==="range"&&So("span",{className:r("k-draghandle","k-draghandle-start",S(Ca,{hover:k,focus:y,active:C})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":m??N,"aria-valuemin":N,"aria-valuemax":L??x,"aria-orientation":he,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":X["aria-label"]?`${X["aria-label"]} start`:"Range start"}),So("span",{className:r("k-draghandle",`k-draghandle-${l}`,S(Ca,{hover:k,focus:y,active:C})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??x:f,"aria-valuemin":t==="range"?m??N:N,"aria-valuemax":x,"aria-orientation":he,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?X["aria-label"]?`${X["aria-label"]} end`:"Range end":X["aria-label"]})]})]}),c&&So(p,{className:"k-button-increase",rounded:"full",icon:xe,tabIndex:-1,title:"Increase"})]})};F.states=au;F.options=nu;F.className=Ca;F.defaultOptions=Xe;F.moduleName=wr;F.folderName=sl;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 il}from"react/jsx-runtime";var ll="k-tick",ru=[],su={},pl={label:!1},E=e=>{let{style:t,label:o=pl.label,orientation:a,large:n,text:i,...l}=e;return il("li",{...l,role:"presentation",title:i||"Tick",className:r(e.className,ll,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&il("span",{className:"k-label",children:i})})};E.states=ru;E.options=su;E.className=ll;E.defaultOptions=pl;import{Fragment as iu,jsx as qe,jsxs as lu}from"react/jsx-runtime";var dl=e=>qe(F,{"aria-label":e["aria-label"]||"Slider",children:lu(iu,{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 pu,jsx as We,jsxs as du}from"react/jsx-runtime";var cl=e=>We(F,{children:du(pu,{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 GC,jsx as FC,jsxs as VC}from"react/jsx-runtime";import{Fragment as JC,jsx as WC,jsxs as YC}from"react/jsx-runtime";import{jsx as cu}from"react/jsx-runtime";var Kr=e=>cu(F,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as mu}from"react/jsx-runtime";var _r=e=>mu(F,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as iE,jsx as sE,jsxs as lE}from"react/jsx-runtime";import{Fragment as uE,jsx as mE,jsxs as fE}from"react/jsx-runtime";import{jsx as ut,jsxs as ml}from"react/jsx-runtime";var uu=F.options,fu=F.states,ul={...F.defaultOptions,variant:"horizontal",label:!0},bu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],hu=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],yo=e=>{let{variant:t,modifiers:o,...a}={...ul,...e},n={};Object.keys(o||{}).forEach(f=>{switch(f){case"button":{n.showButtons=!!o?.[f];break}case"label":{n.label=!!o?.[f];break}case"tick":{n.showTicks=!!o?.[f];break}}});let{label:i=!0,showButtons:l,showTicks:c}=n,u={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?ml(cl,{showTicks:c,showButtons:l,style:{height:"300px",...u},...a,children:[ut(E,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ut(E,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ut(E,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ut(E,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ut(E,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):ml(dl,{showTicks:c,showButtons:l,style:{width:"400px",...u},...a,children:[ut(E,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ut(E,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ut(E,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ut(E,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ut(E,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};yo.options=uu;yo.states=fu;yo.variants=bu;yo.defaultOptions=ul;yo.modifiers=hu;yo.className=F.className;import{jsx as fl,jsxs as ku}from"react/jsx-runtime";var bl="k-spin-button",Nu=[],vu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Dr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Kt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Dr.increaseLabel,decreaseLabel:i=Dr.decreaseLabel,...l}=e;return ku("span",{...l,className:r(bl,e.className),children:[fl(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),fl(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Kt.states=Nu;Kt.options=vu;Kt.className=bl;Kt.defaultOptions=Dr;Kt.moduleName=null;Kt.folderName=null;var hl="numeric-textbox",xl="numerictextbox";import{Fragment as gl,jsx as kt,jsxs as Hr}from"react/jsx-runtime";var Nl="k-numerictextbox",Lu=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Mu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},pn={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:n=pn.separators,showClearButton:i=pn.showClearButton,showSpinButton:l=pn.showSpinButton,prefix:c,suffix:u,value:f,placeholder:N,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,id:X,"aria-label":pe,"aria-describedby":he,...xe}=e;return Hr(Z,{...xe,size:t,rounded:o,fillMode:a,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,className:r(e.className,Nl),children:[c&&Hr(gl,{children:[kt(Fe,{children:c}),n&&kt(Ve,{})]}),kt(ge,{id:X,placeholder:N,value:f,role:"spinbutton",disabled:M,"aria-label":pe,"aria-describedby":he,"aria-invalid":k?"true":void 0}),kt(Ne,{valid:L,invalid:k,loading:C,disabled:M}),kt(Ee,{loading:C,disabled:M}),i&&kt(Pe,{loading:C,disabled:M,readonly:I,value:f}),u&&Hr(gl,{children:[n&&kt(Ve,{}),kt(Ge,{children:u})]}),l&&kt(Kt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};_.states=Lu;_.options=Mu;_.className=Nl;_.defaultOptions=pn;_.moduleName=hl;_.folderName=xl;_.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Ea=_;import{jsx as Su}from"react/jsx-runtime";var vl=e=>Su(Ea,{...e});import Ur from"react";import{jsx as kl}from"react/jsx-runtime";var yu="k-list-group-sticky-header",zr=e=>kl("div",{className:r(yu,e.className),children:kl("div",{className:"k-list-header-text",children:e.children})});import{jsx as Cu}from"react/jsx-runtime";var Au="k-no-data",dn=e=>{let{live:t,...o}=e;return Cu("span",{...o,className:r(Au,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Jt="list",Ao=Jt;import{jsx as Ll,jsxs as Ml}from"react/jsx-runtime";var Fr="k-list",Eu=[],Iu={size:[d.undefined,d.small,d.medium,d.large]},Tu={},R=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:i,customValue:l,noData:c,screenReaders:u,...f}=e,x=Ur.Children.toArray(a)[0],m=x?.props?.children?Ur.Children.count(x.props.children):Ur.Children.count(a);return Ml("div",{...f,className:r(e.className,Fr,A(Fr,{size:t}),{"k-virtual-list":o}),children:[i,l,n&&Ll(zr,{children:n}),a||(c!==void 0?c:Ll(dn,{live:!0,children:"No data found."})),u&&a&&Ml(dn,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};R.states=Eu;R.options=Iu;R.className=Fr;R.defaultOptions=Tu;R.moduleName=Jt;R.folderName=Ao;R.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as wu}from"react/jsx-runtime";var Sl="k-list-container",Ou=[],Bu={},Pu={},Co=e=>{let{...t}=e;return wu("div",{...t,className:r(e.className,Sl),children:e.children})};Co.states=Ou;Co.options=Bu;Co.className=Sl;Co.defaultOptions=Pu;Co.moduleName=Jt;Co.folderName=Ao;var Yt="checkbox",Eo=Yt;import{jsx as yl}from"react/jsx-runtime";var cn="k-checkbox",Ru=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Ku={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},_u={},Je=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:c,valid:u,required:f,size:N,rounded:x,wrapperRole:m,...L}=e;return yl("span",{className:"k-checkbox-wrap",role:m,children:yl("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l||void 0,"aria-invalid":c?"true":void 0,className:r(e.className,cn,A(cn,{size:N,rounded:x}),S(cn,{hover:n,focus:i,disabled:l,invalid:c,valid:u,indeterminate:a,checked:o}))})})};Je.states=Ru;Je.options=Ku;Je.className=cn;Je.defaultOptions=_u;Je.moduleName=Yt;Je.folderName=Eo;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 zu}from"react/jsx-runtime";var Al="k-checkbox-list",Du=[],Hu={},Cl={layout:"vertical"},ke=e=>{let{layout:t=Cl.layout,...o}=e;return zu("ul",{...o,className:r(e.className,Al,{[`k-list-${t}`]:t}),children:e.children})};ke.states=Du;ke.options=Hu;ke.className=Al;ke.defaultOptions=Cl;ke.moduleName=Yt;ke.folderName=Eo;import{jsx as Vu}from"react/jsx-runtime";var El="k-checkbox-list-item",Uu=[],Fu={},Gu={},Le=e=>{let{...t}=e;return Vu("li",{...t,className:r(e.className,El),children:e.children})};Le.states=Uu;Le.options=Fu;Le.className=El;Le.defaultOptions=Gu;Le.moduleName=Yt;Le.folderName=Eo;import{Fragment as $u,jsx as Il,jsxs as Xu}from"react/jsx-runtime";var Lt=({children:e="Label",id:t="cb-label-after",...o})=>Xu($u,{children:[Il(rt,{id:t,...o}),Il("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as DI,jsx as _I,jsxs as HI}from"react/jsx-runtime";import{Fragment as VI,jsx as GI,jsxs as $I}from"react/jsx-runtime";import{Fragment as YI,jsx as JI,jsxs as ZI}from"react/jsx-runtime";import{jsx as tT}from"react/jsx-runtime";import{jsx as rT}from"react/jsx-runtime";import{jsx as pT}from"react/jsx-runtime";import{jsx as Ye,jsxs as Tl}from"react/jsx-runtime";var qu=ke.options,Wu=ke.states,Ju={...ke.defaultOptions,variant:"vertical"},Yu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Zu=[],Io=e=>{let{variant:t,...o}=e;return t==="horizontal"?Tl(ke,{layout:"horizontal",...o,children:[Ye(Le,{children:Ye(Lt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),Ye(Le,{children:Ye(Lt,{id:w("cb"),children:"Label"})}),Ye(Le,{children:Ye(Lt,{id:w("cb"),children:"Label"})})]}):Tl(ke,{...o,children:[Ye(Le,{children:Ye(Lt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),Ye(Le,{children:Ye(Lt,{id:w("cb"),children:"Label"})}),Ye(Le,{children:Ye(Lt,{id:w("cb"),children:"Label"})})]})};Io.options=qu;Io.states=Wu;Io.variants=Yu;Io.defaultOptions=Ju;Io.modifiers=Zu;Io.className=ke.className;import{jsx as af}from"react/jsx-runtime";var Qu=rt.options,ju=rt.states,ef=rt.defaultOptions,tf=[],of=[],To=e=>af(Lt,{id:w("checkbox"),...e,defaultChecked:!0,children:"Label"});To.options=Qu;To.states=ju;To.variants=tf;To.defaultOptions=ef;To.modifiers=of;To.className=rt.className;import{jsx as Zt,jsxs as lf}from"react/jsx-runtime";var Gr="k-list-item",nf=[s.hover,s.focus,s.selected,s.disabled],rf={},sf={},O=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:i,showCheckbox:l,checked:c,hover:u,focus:f,selected:N,disabled:x,actions:m,description:L,id:k,...y}=e,C=t||e.children;return lf("li",{...y,id:k,role:a?"presentation":"option",tabIndex:a?void 0:f?0:-1,"aria-selected":!a&&N?"true":a?void 0:"false","aria-disabled":!a&&x?"true":void 0,className:r(e.className,a?"k-list-group-item":Gr,S(Gr,{hover:u,focus:f,disabled:x,selected:N})),children:[l&&Zt(Je,{checked:c}),n&&Zt("span",{className:"k-list-item-icon-wrapper",children:Zt(v,{icon:n,className:r("k-list-item-icon",i)})}),Zt("span",{className:"k-list-item-text",children:C}),m&&Zt("div",{className:"k-list-item-actions",children:m}),L&&Zt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Zt("div",{className:"k-list-item-group-label",children:o})]})};O.states=nf;O.options=rf;O.className=Gr;O.defaultOptions=sf;O.moduleName=Jt;O.folderName=Ao;O.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as df}from"react/jsx-runtime";var pf="k-list-ul",Mt=e=>{let{children:t,role:o,id:a,...n}=e;return df("ul",{...n,id:a,role:o,className:r(pf,e.className),children:t})};Mt.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 Vr,jsxs as mf}from"react/jsx-runtime";var cf="k-list-content",H=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return mf("div",{...l,className:r(cf,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:Vr(Mt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Vr("div",{className:"k-height-container",children:Vr("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 jT,jsx as QT,jsxs as eO}from"react/jsx-runtime";import{jsx as $r,jsxs as ff}from"react/jsx-runtime";var uf="k-list-group-item",Qt=e=>{let{groupIconName:t,...o}=e;return ff("li",{...o,role:"presentation",className:r(uf,e.className),children:[t&&$r("span",{className:"k-list-item-icon-wrapper",children:$r(v,{icon:t,className:"k-list-item-icon"})}),$r("span",{className:"k-list-item-text",children:e.children})]})};Qt.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as gf}from"react/jsx-runtime";var Xr="k-list-optionlabel",bf=[s.hover,s.focus,s.selected,s.disabled],hf={},xf={},mn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return gf("div",{...l,className:r(Xr,S(Xr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};mn.states=bf;mn.options=hf;mn.className=Xr;mn.defaultOptions=xf;import{jsx as Lf}from"react/jsx-runtime";var qr="k-list-custom-value",Nf=[s.hover,s.focus,s.selected,s.disabled],vf={},kf={},_t=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Lf("div",{...l,className:r(qr,S(qr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};_t.states=Nf;_t.options=vf;_t.className=qr;_t.defaultOptions=kf;import{Fragment as hO,jsx as bO,jsxs as xO}from"react/jsx-runtime";import{Fragment as MO,jsx as LO,jsxs as SO}from"react/jsx-runtime";import{Fragment as OO,jsx as IO,jsxs as TO}from"react/jsx-runtime";import{Fragment as DO,jsx as KO,jsxs as _O}from"react/jsx-runtime";import{jsx as FO}from"react/jsx-runtime";import{Fragment as WO,jsx as qO,jsxs as JO}from"react/jsx-runtime";var Ol="dropdown-list",Bl="dropdownlist";import{Fragment as yf,jsx as Me,jsxs as Wr}from"react/jsx-runtime";var Pl="k-dropdownlist",Mf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Sf={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Jr={showValue:!0,arrowIconName:"chevron-down"},oe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Jr.arrowIconName,showValue:i=Jr.showValue,valueIconName:l,prefix:c,suffix:u,value:f,placeholder:N,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,popup:X,opened:pe,adaptive:he,adaptiveSettings:xe,adaptiveTitle:Be,adaptiveSubtitle:Xt,adaptiveFilter:$n,id:Tt,activeDescendant:qa,"aria-label":Xn,...qn}=e,gd=Tt?`${Tt}-listbox`:void 0,Qs=Tt?`${Tt}-value`:void 0;return Wr(yf,{children:[Wr(pt,{...qn,id:Tt,size:t,rounded:o,fillMode:a,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,className:r(e.className,Pl,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":pe?"true":"false","aria-controls":pe?gd:void 0,"aria-activedescendant":pe&&qa?qa:void 0,"aria-describedby":pe?Qs:void 0,"aria-disabled":M?"true":void 0,"aria-label":Xn,tabIndex:0,children:[Me(Fe,{children:c}),Me(Wt,{placeholder:N,value:f,showValue:i,valueIconName:l,id:Qs}),Me(Ne,{valid:L,invalid:k,loading:C,disabled:M}),Me(Ee,{loading:C,disabled:M}),Me(Ge,{children:u}),Me(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N||"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(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:$n,inputValue:f,inputPlaceholder:N,title:Be,subtitle:Xt}),children:Me("div",{className:"k-list-container",children:Me(R,{size:"large",children:Wr(H,{"aria-label":"Options",children:[Me(O,{text:"List item"}),Me(O,{text:"List item"}),Me(O,{text:"List item"})]})})})})]})};oe.states=Mf;oe.options=Sf;oe.className=Pl;oe.defaultOptions=Jr;oe.moduleName=Ol;oe.folderName=Bl;oe.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as EB}from"react/jsx-runtime";import{jsx as wB,jsxs as RB}from"react/jsx-runtime";import{Fragment as VB,jsx as FB,jsxs as GB}from"react/jsx-runtime";import{jsx as JB}from"react/jsx-runtime";import{jsx as tP,jsxs as oP}from"react/jsx-runtime";import{Fragment as cP,jsx as pP,jsxs as dP}from"react/jsx-runtime";import{jsx as hP}from"react/jsx-runtime";import{Fragment as Of,jsx as Dt,jsxs as wl}from"react/jsx-runtime";var Af=oe.states,Cf=oe.defaultOptions,Ef=oe.options,If=[{name:"opened",title:"Opened"}],Tf=[],Bo=e=>{let{modifiers:t,...o}=e,a={},n=wl(Of,{children:[Dt("div",{className:"k-list-filter",children:Dt($e,{})}),Dt(R,{style:{width:300},size:o.size,children:wl(H,{children:[Dt(O,{children:"List item"}),Dt(O,{children:"List item"}),Dt(O,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),Dt("div",{children:Dt(oe,{placeholder:"Value",style:{width:300},...o,...a})})};Bo.options=Ef;Bo.states=Af;Bo.variants=Tf;Bo.defaultOptions=Cf;Bo.modifiers=If;Bo.className=oe.className;import{Fragment as DP,jsx as _P}from"react/jsx-runtime";import{Fragment as VP,jsx as GP}from"react/jsx-runtime";import{jsx as WP}from"react/jsx-runtime";import{jsx as Yr}from"react/jsx-runtime";var Bf=_.states,Pf=_.defaultOptions,wf=_.options,Rf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Kf=[],Po=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Yr(oe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?Yr(br,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),Yr(vl,{value:"Value",style:{width:300},...o,...a})};Po.options=wf;Po.states=Bf;Po.variants=Kf;Po.defaultOptions=Pf;Po.modifiers=Rf;Po.className=_.className;import{Fragment as Ia,jsx as B,jsxs as Q}from"react/jsx-runtime";var Rl="k-colorgradient-inputs",_f=[],Df={size:[d.undefined,d.small,d.medium,d.large]},Kl={mode:"rgba"},wo=e=>{let{mode:t=Kl.mode,size:o,...a}=e;return Q("div",{...a,className:r(Rl,"k-hstack"),children:[B("div",{className:"k-vstack",children:B(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Q(Ia,{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(Ia,{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(Ia,{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(Ia,{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(Ia,{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"})]})})]})};wo.states=_f;wo.options=Df;wo.className=Rl;wo.defaultOptions=Kl;import{jsx as jt,jsxs as eo}from"react/jsx-runtime";var _l="k-colorgradient-color-contrast",Hf=[],zf={},Uf={},Ro=()=>eo("div",{className:r(_l,"k-vbox"),children:[eo("div",{className:"k-contrast-ratio",children:[jt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),eo("span",{className:"k-contrast-validation !k-text-success",children:[jt(v,{icon:"check"}),jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AA: 4.5"}),eo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AAA: 7.0"}),eo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",jt(v,{icon:"x"})]})]})]});Ro.states=Hf;Ro.options=zf;Ro.className=_l;Ro.defaultOptions=Uf;var Dl="color-gradient",Hl="colorgradient";import{jsx as Ze,jsxs as Ta}from"react/jsx-runtime";var un="k-colorgradient",Ff=[s.hover,s.focus,s.readonly,s.disabled],Gf={size:[d.undefined,d.small,d.medium,d.large]},ft={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=ft.mode,readonly:a=ft.readonly,disabled:n=ft.disabled,gradientStyle:i=ft.gradientStyle,dragHandleStyle:l=ft.dragHandleStyle,alphaStyle:c=ft.alphaStyle,alphaStyleHorizontal:u=ft.alphaStyleHorizontal,contrast:f=ft.contrast,dir:N,hover:x,focus:m,hoverHandle:L,focusHandle:k,canvasOrientation:y=ft.canvasOrientation,role:C,tabIndex:M,...I}=e;return Ta("div",{...I,role:C??"textbox","aria-label":C==="none"?void 0:"Color gradient",tabIndex:M??0,"aria-disabled":n?"true":void 0,className:r(e.className,un,A(un,{size:t}),S(un,{hover:x,focus:m,readonly:a,disabled:n})),dir:N,children:[!y||y==="horizontal"&&Ta("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:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ta("div",{className:"k-hsv-controls k-hstack",children:[Ze(_r,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Ze(_r,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:c})]})]}),y==="vertical"&&Ta("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:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ta("div",{className:"k-hsv-controls k-vstack",children:[Ze(Kr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Ze(Kr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),Ze(wo,{mode:e.mode,size:t}),f&&Ze(Ro,{})]})};ne.states=Ff;ne.options=Gf;ne.className=un;ne.defaultOptions=ft;ne.moduleName=Dl;ne.folderName=Hl;ne.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as Vf}from"react/jsx-runtime";var fn=e=>Vf(ne,{...e});import{jsx as Pw}from"react/jsx-runtime";import{jsx as _w}from"react/jsx-runtime";import{jsx as Zr}from"react/jsx-runtime";var $f=ne.options,Xf=ne.states,qf={...ne.defaultOptions,variant:"rgba"},Wf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Jf=[],Ko=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Zr(fn,{...o,mode:t});case"rgb":return Zr(fn,{...o,mode:t});default:return Zr(fn,{...o,mode:t})}};Ko.options=$f;Ko.states=Xf;Ko.variants=Wf;Ko.defaultOptions=qf;Ko.modifiers=Jf;Ko.className=ne.className;import{jsx as Yf}from"react/jsx-runtime";var Qr=e=>Yf("tr",{role:"row",children:e.children});import{jsx as jf}from"react/jsx-runtime";var jr="k-colorpalette-tile",Zf=[s.hover,s.focus,s.selected],Qf={},_o=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...l}=e,c={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return jf("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,jr,S(jr,{hover:a,focus:n,selected:i})),style:c})};_o.states=Zf;_o.options=Qf;_o.className=jr;var zl="color-palette",Ul="colorpalette";import{jsx as Oa}from"react/jsx-runtime";var bn="k-colorpalette",eb=[s.disabled],tb={size:[d.undefined,d.small,d.medium,d.large]},Fl={columns:10},Se=e=>{let{size:t,palette:o,columns:a=Fl.columns,tileSize:n,disabled:i,...l}=e,c=[];if(o){let u=a||o.columns,f=o.colors?o.colors:o;Array.isArray(f)&&Array.from({length:Math.ceil(f.length/u)},(N,x)=>{let m=[];f.slice(x*u,(x+1)*u).map((k,y)=>{m.push(Oa(_o,{color:k,tileSize:n},y))});let L=Oa(Qr,{children:m},x);c.push(L)})}return Oa("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,bn,S(bn,{disabled:i}),A(bn,{size:t})),children:Oa("table",{className:"k-colorpalette-table",role:"none",children:Oa("tbody",{children:c.length>0?c:e.children})})})};Se.states=eb;Se.options=tb;Se.className=bn;Se.defaultOptions=Fl;Se.moduleName=zl;Se.folderName=Ul;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 hn=Se;var Ba={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as ob}from"react/jsx-runtime";var Gl=e=>ob(hn,{palette:Ba.basic,...e});import{jsx as gR}from"react/jsx-runtime";import{jsx as SR,jsxs as yR}from"react/jsx-runtime";import{jsx as pb}from"react/jsx-runtime";var ab=Se.options,nb=Se.states,rb={...Se.defaultOptions,variant:"basic"},sb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],ib={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},lb=[],Do=e=>{let{variant:t="basic",...o}=e,a=ib[t];return pb(Gl,{columns:a.columns,palette:a,...o})};Do.options=ab;Do.states=nb;Do.variants=sb;Do.defaultOptions=rb;Do.modifiers=lb;Do.className=Se.className;var Vl="color-editor",$l="coloreditor";import{jsx as Qe,jsxs as Ho}from"react/jsx-runtime";var xn="k-coloreditor",db=[s.focus],cb={size:[d.undefined,d.small,d.medium,d.large]},Pa={view:"gradient",palette:Ba.office,actionButtons:!0,canvasOrientation:"horizontal"},J=e=>{let{size:t,view:o=Pa.view,palette:a=Pa.palette,color:n,currentColor:i,focus:l,focusView:c,dir:u,group:f,actionButtons:N=Pa.actionButtons,canvasOrientation:x=Pa.canvasOrientation,...m}=e;return Ho("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",xn,A(xn,{size:t}),S(xn,{focus:l})),dir:u,children:[Ho("div",{className:"k-coloreditor-header k-hstack",children:[Qe("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&Ho(T,{fillMode:"flat",children:[Qe(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Qe(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Qe("div",{className:"k-spacer"}),Ho("div",{className:"k-coloreditor-header-actions k-hstack",children:[Qe(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Ho("div",{className:"k-coloreditor-preview k-vstack",children:[Qe(Ot,{className:"k-coloreditor-preview-color",color:n}),Qe(Ot,{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:x,role:"none",tabIndex:-1}):Qe(Se,{palette:a,size:t})}),N&&Ho(we,{className:"k-coloreditor-footer",alignment:"start",children:[Qe(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Qe(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};J.states=db;J.options=cb;J.className=xn;J.defaultOptions=Pa;J.moduleName=Vl;J.folderName=$l;J.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var zo=J;import{jsx as eK}from"react/jsx-runtime";import{jsx as nK}from"react/jsx-runtime";import{jsx as mb}from"react/jsx-runtime";var Xl=e=>mb(zo,{group:!0,currentColor:"fuchsia",...e});import{jsx as ub}from"react/jsx-runtime";var ql=e=>ub(zo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Wl}from"react/jsx-runtime";var fb=J.options,bb=J.states,hb={...J.defaultOptions,variant:"gradient"},xb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],gb=[],Uo=e=>{let{variant:t,...o}=e;return t==="palette"?Wl(ql,{...o,color:"white"}):Wl(Xl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Uo.options=fb;Uo.states=bb;Uo.variants=xb;Uo.defaultOptions=hb;Uo.modifiers=gb;Uo.className=J.className;var Jl="color-picker",Yl="colorpicker";import{Fragment as kb,jsx as je,jsxs as es}from"react/jsx-runtime";var Zl="k-colorpicker",Nb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],vb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ql={arrowIconName:"chevron-down"},Re=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Ql.arrowIconName,prefix:i,suffix:l,value:c,placeholder:u,hover:f,focus:N,valid:x,invalid:m,required:L,disabled:k,valueIconName:y,popup:C,opened:M,adaptive:I,adaptiveSettings:X,adaptiveTitle:pe,adaptiveSubtitle:he,...xe}=e,Be="colorpicker-popup";return es(kb,{children:[es(pt,{...xe,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:x,invalid:m,required:L,disabled:k,role:"combobox","aria-haspopup":"dialog","aria-expanded":M?"true":"false","aria-controls":M||I?Be:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:r(e.className,Zl,"k-icon-picker"),children:[je(Fe,{children:i}),je(Wt,{placeholder:u,value:c,showValue:!1,valueIcon:je(Ot,{className:"k-value-icon",color:c,iconName:y}),valueIconName:y}),je(Ge,{children:l}),je(p,{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(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:pe,subtitle:he}),footer:es(Bt,{children:[je(p,{text:"Cancel",size:"large"}),je(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:je(J,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Re.states=Nb;Re.options=vb;Re.className=Zl;Re.defaultOptions=Ql;Re.moduleName=Jl;Re.folderName=Yl;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 St=Re;import{jsx as Lb}from"react/jsx-runtime";var gn=e=>Lb(St,{...e});import{jsx as UK}from"react/jsx-runtime";import{jsx as XK}from"react/jsx-runtime";import{jsx as YK}from"react/jsx-runtime";import{jsx as e_}from"react/jsx-runtime";import{jsx as n_}from"react/jsx-runtime";import{jsx as l_}from"react/jsx-runtime";import{jsx as to}from"react/jsx-runtime";var Mb=St.options,Sb=St.states,jl={...St.defaultOptions,variant:"color"},yb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Ab=[{name:"opened",title:"Opened"}],Fo=e=>{let{variant:t,modifiers:o,...a}={...jl,...e},n={};Object.keys(o||{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?to(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 to("div",{style:i,children:to(gn,{...a,...n})});case"icon":return to("div",{style:i,children:to(gn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return to("div",{style:i,children:to(gn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Fo.options=Mb;Fo.states=Sb;Fo.variants=yb;Fo.defaultOptions=jl;Fo.modifiers=Ab;Fo.className=St.className;var ts="combobox",ep=ts;import{Fragment as os,jsx as ae,jsxs as wa}from"react/jsx-runtime";var tp="k-combobox",Cb=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Eb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},op={separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=op.separators,prefix:i,suffix:l,value:c,placeholder:u,hover:f,focus:N,valid:x,invalid:m,required:L,loading:k,disabled:y,popup:C,opened:M,readonly:I,adaptive:X,adaptiveSettings:pe,adaptiveTitle:he,adaptiveSubtitle:xe,adaptiveCustomValue:Be,id:Xt,autocomplete:$n,activeDescendant:Tt,"aria-label":qa,...Xn}=e,qn=Xt?`${Xt}-listbox`:void 0;return wa(os,{children:[wa(Z,{...Xn,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:x,invalid:m,required:L,loading:k,disabled:y,readonly:I,className:r(e.className,tp),children:[i&&wa(os,{children:[ae(Fe,{children:i}),n&&ae(Ve,{})]}),ae(ge,{id:Xt,placeholder:u,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?qn:void 0,"aria-activedescendant":M&&Tt?Tt:void 0,"aria-autocomplete":$n,"aria-invalid":m?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":qa,disabled:y,readOnly:I}),ae(Ne,{valid:x,invalid:m,loading:k,disabled:y}),ae(Ee,{loading:k,disabled:y}),ae(Pe,{loading:k,disabled:y,readonly:I,value:c}),l&&wa(os,{children:[n&&ae(Ve,{}),ae(Ge,{children:l})]}),ae(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:y})]}),M&&C&&ae($,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),X&&ae(W,{adaptive:!0,id:Xt?`${Xt}-adaptive`:void 0,...pe,header:ae(ve,{actionsEnd:ae(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:u,title:he,subtitle:xe}),children:ae("div",{className:"k-list-container",children:ae(R,{customValue:Be?ae(_t,{text:`Use "${c}"`}):void 0,size:"large",children:wa(H,{"aria-label":he||"Options",children:[ae(O,{text:"List item"}),ae(O,{text:"List item"}),ae(O,{text:"List item"})]})})})})]})};de.states=Cb;de.options=Eb;de.className=tp;de.defaultOptions=op;de.moduleName=ts;de.folderName=ep;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 Ib}from"react/jsx-runtime";var ap=e=>Ib(Ke,{...e});import{jsx as V_,jsxs as $_}from"react/jsx-runtime";import{jsx as Z_,jsxs as Q_}from"react/jsx-runtime";import{jsx as n0,jsxs as r0}from"react/jsx-runtime";import{Fragment as c0,jsx as d0}from"react/jsx-runtime";import{Fragment as x0,jsx as h0}from"react/jsx-runtime";import{jsx as M0,jsxs as S0}from"react/jsx-runtime";import{Fragment as B0,jsx as T0,jsxs as O0}from"react/jsx-runtime";import{jsx as K0}from"react/jsx-runtime";import{jsx as z0}from"react/jsx-runtime";import{jsx as X0,jsxs as q0}from"react/jsx-runtime";import{jsx as j0,jsxs as eD}from"react/jsx-runtime";import{jsx as Ht,jsxs as Rb}from"react/jsx-runtime";var Tb=de.states,Ob=de.defaultOptions,Bb=de.options,Pb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],wb=[],Go=e=>{let{modifiers:t,...o}=e,a={},n=Ht(R,{style:{width:300},size:o.size,children:Rb(H,{children:[Ht(O,{children:"List item"}),Ht(O,{children:"List item"}),Ht(O,{children:"List item"})]})});return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Ht(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?Ht(se,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0;break;default:break}}),Ht("div",{children:Ht(ap,{value:"Value",style:{width:300},...o,...a})})};Go.options=Bb;Go.states=Tb;Go.variants=wb;Go.defaultOptions=Ob;Go.modifiers=Pb;Go.className=de.className;var as="menu-button",np=as;import{jsx as Db}from"react/jsx-runtime";var rp="k-menu-button",Kb=[s.hover,s.focus,s.active,s.selected,s.disabled],_b={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},ns={showArrow:!0,arrowIconName:"chevron-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,text:x,showArrow:m=ns.showArrow,arrowIconName:L=ns.arrowIconName,expanded:k,...y}=e;return Db(p,{...y,className:r(e.className,rp),text:x,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,showArrow:m,arrowIconName:L,"aria-expanded":k?"true":"false",...!x&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...f&&{"aria-disabled":"true"}})};D.states=Kb;D.options=_b;D.className=rp;D.defaultOptions=ns;D.moduleName=as;D.folderName=np;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 PD}from"react/jsx-runtime";import{jsx as _D}from"react/jsx-runtime";import{jsx as UD}from"react/jsx-runtime";var _e="menu",et=_e;import{jsx as Ra,jsxs as sp}from"react/jsx-runtime";var rs="k-menu-item",Hb=[s.hover,s.focus,s.active,s.selected,s.disabled],zb={},ip={iconPosition:"before"},ce=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,first:u,last:f,showArrow:N,arrowIconName:x,iconPosition:m=ip.iconPosition,dir:L,children:k,expanded:y,...C}=e,M=x;return M||(M=L==="rtl"?"chevron-left":"chevron-right"),sp("li",{...C,className:r(e.className,rs,"k-item",S(rs,{focus:o,disabled:i,hover:t,active:a,selected:n}),{"k-first":u,"k-last":f}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":y?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[sp("span",{className:r("k-link k-menu-link"),children:[l&&m==="before"&&Ra(v,{className:"k-menu-link-icon",icon:l}),Ra("span",{className:"k-menu-link-text",children:c}),l&&m==="after"&&Ra(v,{className:"k-menu-link-icon",icon:l}),N&&Ra("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ra(v,{icon:M})})]}),k]})};ce.states=Hb;ce.options=zb;ce.className=rs;ce.defaultOptions=ip;ce.moduleName=_e;ce.folderName=et;import{jsx as Ka,jsxs as lp}from"react/jsx-runtime";var ss="k-menu-item",Ub=[s.hover,s.focus,s.active,s.selected,s.disabled],Fb={},is={dir:"ltr",iconPosition:"before"},q=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,first:u,last:f,showArrow:N,arrowIconName:x,iconPosition:m=is.iconPosition,dir:L=is.dir,children:k,popup:y,expanded:C,...M}=e,I=x;return I||(I=L==="rtl"?"chevron-left":"chevron-right"),lp("li",{...M,className:r(e.className,ss,"k-item",S(ss,{focus:o,disabled:i}),{"k-first":u,"k-last":f}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":C?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[lp("span",{className:r("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&m==="before"&&Ka(v,{className:"k-menu-link-icon",icon:l}),Ka("span",{className:"k-menu-link-text",children:c}),l&&m==="after"&&Ka(v,{className:"k-menu-link-icon",icon:l}),N&&Ka("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ka(v,{icon:I})})]}),k,y]})};q.states=Ub;q.options=Fb;q.className=ss;q.defaultOptions=is;q.moduleName=_e;q.folderName=et;import{jsx as Xb}from"react/jsx-runtime";var pp="k-menu-scroll-wrapper",Gb=[],Vb={},$b={},oo=e=>{let{className:t,children:o,orientation:a,...n}=e;return Xb("div",{...n,className:r(t,pp,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};oo.states=Gb;oo.options=Vb;oo.className=pp;oo.defaultOptions=$b;oo.moduleName=_e;oo.folderName=et;var dp=oo;import{Fragment as ls,jsx as ao,jsxs as vn}from"react/jsx-runtime";var ps="k-menu",qb=[],Wb={},kn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=kn.orientation,header:a=kn.header,scrollable:n,scrollButtonsPosition:i=kn.scrollButtonsPosition,wrapperStyles:l,dir:c,popup:u,contextMenu:f,...N}=e,x={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},m=ao("ul",{dir:c,...N,className:r(e.className,"k-reset",ps,{[`${ps}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return vn(ls,{children:[n?vn(dp,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&vn(ls,{children:[ao(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ao(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&ao(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),m,i==="end"&&vn(ls,{children:[ao(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ao(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&ao(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):m,u]})};re.states=qb;re.options=Wb;re.className=ps;re.defaultOptions=kn;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 Jb}from"react/jsx-runtime";var ds="k-separator",cp={orientation:"horizontal"},Vo=e=>{let{orientation:t=cp.orientation,...o}=e;return Jb("li",{...o,className:r(e.className,"k-item",ds,{[`${ds}-${t}`]:t}),role:"separator"})};Vo.className=ds;Vo.defaultOptions=cp;Vo.moduleName=_e;Vo.folderName=et;import{Fragment as hH,jsx as xH}from"react/jsx-runtime";import{jsx as jb}from"react/jsx-runtime";var cs="k-menu-group",Yb=[],Zb={size:[d.undefined,d.small,d.medium,d.large]},Qb={},me=e=>{let{children:t,size:o,...a}=e;return jb("ul",{...a,className:r(e.className,cs,A(cs,{size:o})),role:"menu",children:t})};me.states=Yb;me.options=Zb;me.className=cs;me.defaultOptions=Qb;me.moduleName=_e;me.folderName=et;import{Fragment as eh,jsx as $o,jsxs as th}from"react/jsx-runtime";var ms=e=>$o(re,{children:th(eh,{children:[$o(ce,{first:!0,text:"Item 1"}),$o(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),$o(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),$o(ce,{text:"Item 4"}),$o(ce,{last:!0,text:"Item 5"})]}),...e});import{Fragment as OH,jsx as IH,jsxs as TH}from"react/jsx-runtime";import{Fragment as KH,jsx as RH,jsxs as _H}from"react/jsx-runtime";import{Fragment as FH,jsx as UH,jsxs as GH}from"react/jsx-runtime";import{Fragment as WH,jsx as qH,jsxs as JH}from"react/jsx-runtime";import{jsx as no,jsxs as sh}from"react/jsx-runtime";var oh=re.options,ah=re.states,mp={...re.defaultOptions,variant:"horizontal"},nh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],rh=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Xo=e=>{let{variant:t,modifiers:o,...a}={...mp,...e},n={};return Object.keys(o||{}).forEach(i=>{switch(i){case"scrollable":n.scrollable=!!o?.[i];break;case"opened":n.opened=!!o?.[i],n.popup=no($,{className:"k-menu-popup",children:sh(me,{children:[no(q,{text:"Item 1"}),no(q,{text:"Item 2"}),no(Vo,{}),no(q,{text:"Item 3"})]})});break}}),t==="vertical"?no(ms,{...a,...n,orientation:"vertical",style:{width:"200px"}}):no(ms,{...a,...n})};Xo.options=oh;Xo.states=ah;Xo.variants=nh;Xo.defaultOptions=mp;Xo.modifiers=rh;Xo.className=re.className;import{Fragment as C1,jsx as y1,jsxs as A1}from"react/jsx-runtime";import{jsx as O1}from"react/jsx-runtime";import{Fragment as ch,jsx as bt,jsxs as up}from"react/jsx-runtime";var ih=p.states,fp={...p.defaultOptions,variant:"text"},lh=p.options,ph=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],dh=[{name:"opened",title:"Opened"}],qo=e=>{let{variant:t,modifiers:o,...a}={...fp,...e},n={},i=bt($,{className:"k-menu-popup",children:up(me,{size:a.size,children:[bt(q,{first:!0,text:"Menu Item"}),bt(q,{text:"Menu Item"}),bt(q,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=bt("div",{children:bt(D,{...a,...n,icon:"star"})});break;case"icon-and-text":l=bt("div",{children:bt(D,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=bt("div",{children:bt(D,{...a,...n,children:"Dropdown Button"})});break}return up(ch,{children:[l,o?.opened&&i]})};qo.options=lh;qo.states=ih;qo.variants=ph;qo.defaultOptions=fp;qo.modifiers=dh;qo.className=D.className;var us="split-button",bp=us;import{Fragment as fh,jsx as fs,jsxs as hp}from"react/jsx-runtime";var bs="k-split-button",mh=[s.hover,s.focus,s.active,s.selected,s.disabled],uh={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},xp={arrowIconName:"chevron-down"},P=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,text:x,arrowIconName:m=xp.arrowIconName,popup:L,opened:k,popupId:y,...C}=e;return hp(fh,{children:[hp("div",{...C,className:r(e.className,bs,"k-button-group",A(bs,{rounded:o})),children:[fs(p,{text:x,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,...!x&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),fs(p,{className:"k-split-button-arrow",icon:m,size:t,rounded:o,fillMode:a,disabled:f,"aria-label":"Toggle dropdown","aria-expanded":k?"true":"false","aria-controls":k?y:void 0,tabIndex:-1,...f&&{"aria-disabled":"true"}})]}),k&&L&&fs($,{className:"k-menu-popup",children:L})]})};P.states=mh;P.options=uh;P.className=bs;P.defaultOptions=xp;P.moduleName=us;P.folderName=bp;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 hs=P;import{jsx as hh}from"react/jsx-runtime";var bh="k-toolbar-separator",st=e=>hh("div",{className:r(bh,e.className,"k-separator")});var yt="toolbar",zt=yt;import{Fragment as xs,jsx as K,jsxs as Wo}from"react/jsx-runtime";var At="k-toolbar",xh=[s.focus],gh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Nh={scrollButtons:"around"},z=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:c,section:u,...f}=e,N=[],x=(m,L)=>{let k=[];if(m.type===p&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))k.push(K(p,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===p)k.push(K(p,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===xa)k.push(K(xa,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===se)k.push(K(se,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===D)k.push(K(D,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===hs)k.push(K(hs,{...m.props,className:`k-toolbar-split-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===T||m.props.className&&m.props.className.includes("k-button-group")){let y=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((M,I)=>{y.push(K(p,{...M.props,className:`${M.props.className?M.props.className:""}`},`${I}-${new Date().getTime()}`))}),k.push(K(T,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:y},`${L}-${new Date().getTime()}`))}else m.type===de?k.push(K(de,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===oe?k.push(K(oe,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===Re?k.push(K(Re,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):k.push(m);k.forEach(y=>{N.push(y)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,k)=>{x(L,k)}),Wo("div",{...f,className:r(e.className,At,A(At,{size:t,fillMode:o}),S(At,{focus:a}),{[`${At}-resizable`]:n,[`${At}-scrollable`]:i,[`${At}-scrollable-overlay`]:i&&l==="hidden",[`${At}-scrollable-${c}`]:c&&c!=="both",[`${At}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&N,i&&l==="hidden"&&K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),i&&l==="start"&&Wo(xs,{children:[Wo(T,{children:[K("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-left"})}),K("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-right"})})]}),K(st,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&Wo(xs,{children:[K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),K(st,{className:"k-toolbar-button-separator"}),Wo(T,{children:[K("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-left"})}),K("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),i&&(l==="around"||!l)&&Wo(xs,{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:N}),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=xh;z.options=gh;z.className=At;z.defaultOptions=Nh;z.moduleName=yt;z.folderName=zt;z.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as Mh}from"react/jsx-runtime";var gp="k-floating-toolbar",vh=[],kh={},Lh={},Jo=e=>{let{...t}=e;return Mh("div",{...t,className:r(e.className,gp),children:e.children})};Jo.states=vh;Jo.options=kh;Jo.className=gp;Jo.defaultOptions=Lh;Jo.moduleName=yt;Jo.folderName=zt;import{jsx as Ch}from"react/jsx-runtime";var gs="k-toolbar-item",Sh=[s.focus],yh={},Ah={},Yo=e=>{let{focus:t,...o}=e;return Ch("div",{...o,className:r(e.className,gs,S(gs,{focus:t})),children:e.children})};Yo.states=Sh;Yo.options=yh;Yo.className=gs;Yo.defaultOptions=Ah;Yo.moduleName=yt;Yo.folderName=zt;import{jsx as Np}from"react/jsx-runtime";var vp="k-toolbar-popup",Eh=[],Ih={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Th={},ro=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Np($,{...n,className:r(e.className,vp),children:a?Np("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};ro.states=Eh;ro.options=Ih;ro.className=vp;ro.defaultOptions=Th;ro.moduleName=yt;ro.folderName=zt;var Ln=ro;import{jsx as wz}from"react/jsx-runtime";import{jsx as Dz}from"react/jsx-runtime";import{jsx as Fz}from"react/jsx-runtime";import{jsx as Wz,jsxs as Jz}from"react/jsx-runtime";import{jsx as jz}from"react/jsx-runtime";import{jsx as Ct,jsxs as Rh}from"react/jsx-runtime";var Oh=P.states,kp={...P.defaultOptions,variant:"text"},Bh=P.options,Ph=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],wh=[{name:"opened",title:"Opened"}],Zo=e=>{let{variant:t,modifiers:o,...a}={...kp,...e},n={},i=Rh(me,{size:a.size,children:[Ct(q,{first:!0,text:"Menu Item"}),Ct(q,{text:"Menu Item"}),Ct(q,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?i:"")}),t){case"icon-only":return Ct("div",{children:Ct(P,{...a,...n,icon:"star"})});case"icon-and-text":return Ct("div",{children:Ct(P,{...a,...n,icon:"star",children:"Split Button"})});default:return Ct("div",{children:Ct(P,{...a,...n,children:"Split Button"})})}};Zo.options=Bh;Zo.states=Oh;Zo.variants=Ph;Zo.defaultOptions=kp;Zo.modifiers=wh;Zo.className=P.className;import{jsx as so,jsxs as Kh}from"react/jsx-runtime";var Lp=e=>so(z,{children:[so(p,{children:"Button"},"toolbar-button"),so(D,{text:"Menu button"},"toolbar-menu-button"),so(P,{children:"Split button"},"toolbar-split-button"),Kh(T,{children:[so(p,{className:"k-group-start",icon:"align-left",children:"Left"}),so(p,{icon:"align-center",children:"Center"}),so(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as E2,jsxs as I2}from"react/jsx-runtime";import{jsx as De,jsxs as Mp}from"react/jsx-runtime";var Sp=e=>De(z,{scrollable:!0,...e,children:[De(p,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(P,{children:"Split button"},"toolbar-split-button"),Mp(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),De(p,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(P,{children:"Split button"},"toolbar-split-button"),Mp(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as He,jsxs as yp}from"react/jsx-runtime";var Ap=({scrollingPosition:e="start",...t})=>He(z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[He(p,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(P,{children:"Split button"},"toolbar-split-button"),yp(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),He(p,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(P,{children:"Split button"},"toolbar-split-button"),yp(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as _h,jsx as Ie,jsxs as Mn}from"react/jsx-runtime";var Cp=({fillMode:e,size:t,...o})=>Mn(_h,{children:[Ie(z,{section:!0,fillMode:e,size:t,children:[Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Mn(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ie(st,{className:"k-toolbar-button-separator"}),Ie(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Mn(Ln,{size:t,fillMode:e,section:!0,...o,children:[Ie(P,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ie(st,{}),Ie(D,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Mn(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as lU,jsx as sU,jsxs as iU}from"react/jsx-runtime";import{Fragment as NU,jsx as xU,jsxs as gU}from"react/jsx-runtime";import{jsx as Ut}from"react/jsx-runtime";var Dh=z.options,Hh=z.states,Ep={...z.defaultOptions,variant:"default"},zh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Uh=[],Qo=e=>{let{variant:t,...o}={...Ep,...e};switch(t){case"responsive":return Ut("div",{children:Ut(Cp,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Ap,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(Sp,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(Lp,{style:{width:"583px"},...o})})}};Qo.options=Dh;Qo.states=Hh;Qo.variants=zh;Qo.defaultOptions=Ep;Qo.modifiers=Uh;Qo.className=z.className;import{Fragment as $h,jsx as it,jsxs as _a}from"react/jsx-runtime";var Ip="k-message",Fh=[s.hover,s.selected,s.active,s.focus],Gh={},Vh=[it(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),it(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),it(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],jo={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Vh,failed:"Failed to send"},G=e=>{let{time:t=jo.time,text:o=jo.text,content:a,status:n=jo.status,statusIcon:i,toolbarItems:l=jo.toolbarItems,hover:c,selected:u,active:f,focus:N,toolbar:x,typing:m,expandable:L,expanded:k,removed:y,files:C,failed:M,...I}=e,X=M===!0?jo.failed:M;return _a("div",{...I,className:r(Ip,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(Tp,{typing:m,selected:u,hover:c,active:f,focus:N,content:_a($h,{children:[a,o&&it("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:k,files:C}),_a("div",{className:"k-message-info",children:[n&&_a("span",{className:"k-message-status",children:[i&&it(v,{icon:i,size:"xsmall"}),n]}),t&&it("time",{className:"k-message-time",children:t}),M&&_a("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})]})]}),x&&it(z,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};G.states=Fh;G.options=Gh;G.className=Ip;G.defaultOptions=jo;var Ns="avatar",Op=Ns;import{jsx as Bp}from"react/jsx-runtime";var Da="k-avatar";var Xh=[s.hover,s.focus,s.active,s.selected,s.disabled],qh={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.outline],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},vs={type:"text",border:!1},ue=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=vs.type,border:l=vs.border,...c}=e;return Bp("div",{...c,className:r(e.className,Da,A(Da,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Da}-bordered`]:l}),children:Bp("span",{className:`${Da}-${i}`,children:e.children})})};ue.states=Xh;ue.options=qh;ue.className=Da;ue.defaultOptions=vs;ue.moduleName=Ns;ue.folderName=Op;ue.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var io=ue;import{jsx as Wh}from"react/jsx-runtime";var Pp=e=>Wh(io,{type:"icon",...e});import{jsx as Jh}from"react/jsx-runtime";var wp=e=>Jh(io,{type:"text",...e});import{jsx as Yh}from"react/jsx-runtime";var Sn=e=>Yh(io,{type:"image",...e});import{jsx as m3}from"react/jsx-runtime";import{jsx as Ha}from"react/jsx-runtime";var Zh=ue.options,Qh=ue.states,jh={...ue.defaultOptions,variant:"image"},ex=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],tx=[],ea=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ha(Pp,{...o,children:Ha(v,{icon:"star"})});case"text":return Ha(wp,{...o,children:"JO"});default:return Ha(Sn,{...o,children:Ha("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};ea.options=Zh;ea.states=Qh;ea.variants=ex;ea.defaultOptions=jh;ea.modifiers=tx;ea.className=ue.className;import{jsx as ta,jsxs as ks}from"react/jsx-runtime";var za="k-message-group",ox=[s.selected],ax={},yn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},V=e=>{let{type:t=yn.type,author:o=yn.author,avatar:a=yn.avatar,status:n,selected:i,fullWidth:l,...c}=e;return ks("div",{...c,className:r(za,e.className,S(za,{selected:i}),{[`${za}-${t}`]:t,"k-no-avatar":!a,[`${za}-full-width`]:l}),children:[a&&!n&&ta(ue,{type:"image",children:ta("img",{src:a,alt:o||""})}),n&&a&&ks("div",{className:"k-chat-user-status-wrapper",children:[ta(ue,{type:"image",children:ta("img",{src:a,alt:o||""})}),ta("div",{className:"k-chat-user-status"})]}),ks("div",{className:"k-message-group-content",children:[o&&ta("span",{className:"k-message-author",children:o}),e.children]})]})};V.states=ox;V.options=ax;V.className=za;V.defaultOptions=yn;import{Fragment as rx,jsx as An,jsxs as Rp}from"react/jsx-runtime";var Ls="k-message-reference",nx={},Kp={type:"receiver"},oa=e=>{let{content:t,closeable:o,pinned:a,type:n=Kp.type,...i}=e;return Rp("div",{...i,className:r(Ls,e.className,{[`${Ls}-${n}`]:n,"k-message-pinned":a}),children:[a&&An(v,{icon:"pin-outline"}),An("div",{className:"k-message-reference-content",children:t}),o&&Rp(rx,{children:[An("span",{className:"k-spacer"}),An(p,{icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};oa.options=nx;oa.className=Ls;oa.defaultOptions=Kp;var Ms="bubble",_p=Ms;import{jsx as Cn,jsxs as ix}from"react/jsx-runtime";var Ss="k-bubble",sx=[s.hover,s.active,s.selected,s.focus],ys={expandable:!1,expanded:!1},Ft=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=ys.expandable,expanded:c=ys.expanded,...u}=e;return ix("div",{...u,className:r(e.className,Ss,S(Ss,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":c}),tabIndex:0,children:[Cn("div",{className:"k-bubble-content",children:t??e.children}),l&&Cn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":c?"Show less":"Show more",tabIndex:0,children:c?Cn(v,{icon:"chevron-up"}):Cn(v,{icon:"chevron-down"})})]})};Ft.states=sx;Ft.className=Ss;Ft.defaultOptions=ys;Ft.moduleName=Ms;Ft.folderName=_p;Ft.ariaSpec={selector:".k-bubble",rules:[{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."}]};import{jsx as X3}from"react/jsx-runtime";import{jsx as Y3}from"react/jsx-runtime";import{jsx as eF}from"react/jsx-runtime";import{jsx as As,jsxs as Hp}from"react/jsx-runtime";var lx="k-chat-bubble",Tp=e=>{let{typing:t,content:o,files:a,...n}=e;return Hp(Ft,{...n,className:r(e.className,lx),children:[t?Hp("div",{className:"k-typing-indicator",tabIndex:-1,children:[As("span",{}),As("span",{}),As("span",{})]}):o,a]})};import{jsx as bF}from"react/jsx-runtime";import{jsx as zp,jsxs as px}from"react/jsx-runtime";var Up="k-chat-event",Cs={icon:"trash",text:"You deleted Chat history."},Fp=e=>{let{icon:t=Cs.icon,text:o=Cs.text,...a}=e;return px("div",{...a,className:r(e.className,Up),children:[t&&zp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&zp("span",{className:"k-chat-event-text",children:o})]})};Fp.className=Up;Fp.defaultOptions=Cs;import{jsx as yF}from"react/jsx-runtime";import{Fragment as dx,jsx as ht,jsxs as cx}from"react/jsx-runtime";var Gp=e=>ht(U,{children:cx(dx,{children:[ht("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),ht(V,{children:ht(G,{})}),ht(V,{type:"sender",children:ht(G,{})}),ht(V,{children:ht(G,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),ht(V,{type:"sender",children:ht(G,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as Vp}from"react/jsx-runtime";var En="k-file-box-wrapper",$p={layout:"horizontal"},xt=e=>{let{layout:t=$p.layout,scrollingPosition:o,...a}=e;return Vp("ul",{role:"list","aria-label":"Attached files",...a,className:r(e.className,En,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${En}-scrollable-start`]:t==="horizontal"&&(o==="start"||o==="both"),[`${En}-scrollable-end`]:t==="horizontal"&&(o==="end"||o==="both")}),children:t==="horizontal"?Vp("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};xt.className=En;xt.defaultOptions=$p;var Es="file-box",Xp=Es;import{jsx as aa,jsxs as qp}from"react/jsx-runtime";var Wp="k-file-box",mx=[s.selected],ux={},Ua={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},ye=e=>{let{icon:t=Ua.icon,name:o=Ua.name,size:a=Ua.size,status:n,deleted:i,removeButton:l,showButton:c=Ua.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return qp("li",{role:"listitem",tabIndex:0,"aria-label":f||void 0,...u,className:r(Wp,e.className,{"k-file-deleted":i}),children:[aa(v,{icon:t,size:"xlarge","aria-hidden":"true"}),qp("div",{className:"k-file-info",children:[o&&aa("span",{className:"k-file-name",children:o}),a&&aa("span",{className:"k-file-size",children:a}),n&&aa("span",{className:"k-file-status",children:n})]}),c&&(l?aa(p,{as:"span",icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):aa(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};ye.states=mx;ye.options=ux;ye.className=Wp;ye.defaultOptions=Ua;ye.moduleName=Es;ye.folderName=Xp;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 VF}from"react/jsx-runtime";import{jsx as JF}from"react/jsx-runtime";import{jsx as e5,jsxs as t5}from"react/jsx-runtime";import{jsx as s5,jsxs as i5}from"react/jsx-runtime";import{jsx as m5}from"react/jsx-runtime";import{Fragment as A5,jsx as y5,jsxs as C5}from"react/jsx-runtime";import{Fragment as B5,jsx as O5,jsxs as P5}from"react/jsx-runtime";import{Fragment as D5,jsx as _5,jsxs as H5}from"react/jsx-runtime";var Is="window",Jp=Is;import{jsx as xx}from"react/jsx-runtime";var Yp="k-window-content",fx=[],bx={},hx={},Gt=e=>{let{children:t,...o}=e;return xx("div",{...o,className:r(Yp,e.className),children:t})};Gt.states=fx;Gt.options=bx;Gt.className=Yp;Gt.defaultOptions=hx;Gt.moduleName=Is;Gt.folderName=Jp;var Fa="dialog",In=Fa;import{Fragment as vx,jsx as lo,jsxs as Ts}from"react/jsx-runtime";var Zp="k-dialog",gx=[],Nx={},Os={actionButtonsAlign:"stretched",modal:!0},Te=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Os.actionButtonsAlign,modal:i=Os.modal,...l}=e,c=t!==void 0?w("dialog-titlebar"):void 0,u=w("dialog-content");return Ts("div",{className:"k-dialog-wrapper",children:[i&&lo(mt,{}),Ts("div",{...l,className:r(e.className,Zp,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0||o)&&Ts("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&lo("span",{className:"k-window-title k-dialog-title",children:t}),o&&lo(vx,{children:lo("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>lo(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),lo(Gt,{className:"k-dialog-content",id:u,children:e.children}),a&&lo(we,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};Te.states=gx;Te.options=Nx;Te.className=Zp;Te.defaultOptions=Os;Te.moduleName=Fa;Te.folderName=In;Te.ariaSpec={selector:".k-dialog",rules:[{selector:".k-dialog",attribute:"role=dialog or role=alertdialog",usage:"Announces the dialog or alertdialog role of the component."},{selector:".k-dialog",attribute:"aria-labelledby",usage:"Associate the title of the dialog."},{selector:".k-dialog",attribute:"aria-describedby",usage:"Associate the dialog content to the wrap element."},{selector:".k-overlay + .k-dialog",attribute:"aria-modal=true",usage:"Announces that the dialog is modal. Attribute is added only when the dialog is modal."}]};var Bs=Te;import{jsx as Sx}from"react/jsx-runtime";var Qp="k-dialog-wrapper",kx=[],Lx={},Mx={},na=e=>{let{...t}=e;return Sx("div",{...t,className:r(e.className,Qp),children:e.children})};na.states=kx;na.options=Lx;na.className=Qp;na.defaultOptions=Mx;na.moduleName=Fa;na.folderName=In;import{Fragment as jp,jsx as Tn,jsxs as yx}from"react/jsx-runtime";var ed=e=>Tn(Bs,{title:"Title",children:Tn(jp,{children:"Dialog content"}),actionButtons:yx(jp,{children:[Tn(p,{children:"Action"}),Tn(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as mG,jsx as uG,jsxs as fG}from"react/jsx-runtime";import{Fragment as Ox,jsx as On,jsxs as Bx}from"react/jsx-runtime";var Ax=Te.options,Cx=[],Ex=Te.states,Ix=Te.defaultOptions,Tx=[],ra=e=>On(ed,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:Bx(Ox,{children:[On(p,{children:"No"}),On(p,{themeColor:"primary",children:"Yes"})]}),children:On("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});ra.options=Ax;ra.states=Ex;ra.variants=Cx;ra.defaultOptions=Ix;ra.modifiers=Tx;ra.className=Te.className;var Ps="dropzone",td=Ps;import{jsx as Bn,jsxs as Rx}from"react/jsx-runtime";var ws="k-external-dropzone",Px=[s.disabled,s.hover],wx={},Rs={icon:"upload",hint:"Drag and drop files here to upload"},Ae=e=>{let{hover:t,disabled:o,icon:a=Rs.icon,hint:n=Rs.hint,note:i,...l}=e;return Bn("div",{...l,className:r(e.className,ws,S(ws,{disabled:o}),{"k-external-dropzone-hover":t}),children:Rx("div",{className:"k-dropzone-inner",children:[a&&Bn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&Bn("span",{className:"k-dropzone-hint",children:n}),i&&Bn("span",{className:"k-dropzone-note",children:i})]})})};Ae.states=Px;Ae.options=wx;Ae.className=ws;Ae.defaultOptions=Rs;Ae.moduleName=Ps;Ae.folderName=td;import{jsx as Kx}from"react/jsx-runtime";var od=e=>Kx(Ae,{...e});import{jsx as HG}from"react/jsx-runtime";import{jsx as Fx}from"react/jsx-runtime";var _x=Ae.options,Dx=Ae.states,Hx=Ae.defaultOptions,zx=[{name:"note",title:"Note"}],Ux=[],sa=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)}),Fx(od,{style:{width:"500px"},...o,...a})};sa.options=_x;sa.states=Dx;sa.variants=Ux;sa.defaultOptions=Hx;sa.modifiers=zx;sa.className=Ae.className;import{Fragment as Pn,jsx as Vt,jsxs as Ga}from"react/jsx-runtime";var Ks="k-upload-dropzone",Gx=[s.hover],wn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,c;switch(o){case"uploading":c=Ga(Pn,{children:[Vt(v,{icon:"upload"}),"Uploading..."]});break;case"done":c=Ga(Pn,{children:[Vt(v,{icon:"check"}),"Done"]});break;case"failed":c=Ga(Pn,{children:[Vt(v,{icon:"exclamation-circle"}),"Done"]});break;default:c=Vt(Pn,{});break}return Ga("div",{...l,className:r(e.className,Ks,"k-dropzone",S(Ks,{hover:t})),children:[Ga("div",{className:"k-upload-button-wrap",children:[Vt(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),Vt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Vt("span",{className:r("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Vt("span",{className:"k-upload-status",children:c})]})};wn.states=Gx;wn.className=Ks;var _s="upload",ad=_s;import{jsx as Rn,jsxs as rd}from"react/jsx-runtime";var Ds="k-upload",Vx=[s.hover,s.disabled],$x={},sd={actionsLayout:"end"},nd="upload-files-list",j=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=sd.actionsLayout,hover:i,status:l,disabled:c,...u}=e,f=!!e.children;return rd("div",{...u,className:r(e.className,Ds,S(Ds,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[Rn(wn,{status:l,hover:i,disabled:c,hasFiles:f,filesId:nd}),f&&Rn("ul",{className:"k-upload-files",role:"list",id:nd,children:e.children}),a&&f&&rd(Xi,{alignment:n,orientation:"horizontal",children:[Rn(p,{className:"k-clear-selected",children:"Clear"}),Rn(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};j.states=Vx;j.options=$x;j.className=Ds;j.defaultOptions=sd;j.moduleName=_s;j.folderName=ad;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 Va="progressbar",Kn=Va;import{jsx as zs,jsxs as Hs}from"react/jsx-runtime";var tt="k-progressbar",Xx=[s.disabled,s.indeterminate],qx={orientation:["horizontal","vertical"]},po={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},fe=e=>{let{disabled:t,height:o,indeterminate:a=po.indeterminate,label:n=po.label,labelPosition:i=po.labelPosition,orientation:l=po.orientation,reverse:c=po.reverse,value:u=po.value,width:f,style:N,ariaLabel:x,...m}=e;return Hs("div",{...m,className:r(e.className,tt,S(tt,{disabled:t}),{[`${tt}-${l}`]:l,[`${tt}-indeterminate`]:a,[`${tt}-reverse`]:c}),style:{...N,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:f},role:"progressbar","aria-label":x||"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[zs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Hs("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&zs("div",{className:"k-progressbar-value k-selected",children:zs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Hs("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};fe.states=Xx;fe.options=qx;fe.className=tt;fe.defaultOptions=po;fe.moduleName=Va;fe.folderName=Kn;fe.ariaSpec={selector:".k-progressbar",implicitRole:"progressbar",rules:[{selector:".k-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ProgressBar."},{selector:".k-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ProgressBar needs an accessible name to be assigned to it."},{selector:".k-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Decimal value between aria-valuemin and aria-valuemax."},{selector:".k-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to 100."}]};var id=fe;import{jsx as Us}from"react/jsx-runtime";var ld="k-chunk-progressbar",Wx=(e,t)=>t<=e-1,Jx=[s.disabled,s.indeterminate],Yx={},_n={chunkCount:5,orientation:"horizontal",progress:0},co=e=>{let{disabled:t,chunkCount:o=_n.chunkCount,indeterminate:a,orientation:n=_n.orientation,progress:i=_n.progress,reverse:l,ariaLabel:c,...u}=e;return Us("div",{...u,className:r(e.className,tt,ld,S(tt,{disabled:t}),{[`${tt}-${n}`]:n,[`${tt}-indeterminate`]:a,[`${tt}-reverse`]:l}),role:"progressbar","aria-label":c||"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Us("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>Us("li",{className:r("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":Wx(i,N)})},N))})})};co.states=Jx;co.options=Yx;co.className=ld;co.defaultOptions=_n;co.moduleName=Va;co.folderName=Kn;co.ariaSpec={selector:".k-chunk-progressbar",implicitRole:"progressbar",rules:[{selector:".k-chunk-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ChunkProgressBar."},{selector:".k-chunk-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ChunkProgressBar needs an accessible name to be assigned to it."},{selector:".k-chunk-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Value between aria-valuemin and aria-valuemax."},{selector:".k-chunk-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-chunk-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to chunk count."}]};import{jsx as Zx}from"react/jsx-runtime";var $a=e=>Zx(id,{...e});import{jsx as A6}from"react/jsx-runtime";import{jsx as $t}from"react/jsx-runtime";var Qx=fe.options,jx=fe.states,pd={...fe.defaultOptions,variant:"start"},eg=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],tg=[],ia=e=>{let{variant:t,modifiers:o,...a}={...pd,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o||{}).forEach(l=>{switch(l){case"reverse":n.reverse=!!o?.[l];break;case"vertical":n.orientation=o?.[l]?"vertical":void 0,i.style=o?.[l]?void 0:{width:"324px"};break}}),t){case"end":return $t("div",{...i,children:$t($a,{...a,...n,labelPosition:"end",value:"50"})});case"center":return $t("div",{...i,children:$t($a,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return $t("div",{...i,children:$t($a,{...a,...n,label:!1,value:"50"})});default:return $t("div",{...i,children:$t($a,{...a,...n,labelPosition:"start",value:"50"})})}};ia.options=Qx;ia.states=jx;ia.variants=eg;ia.defaultOptions=pd;ia.modifiers=tg;ia.className=fe.className;import{jsx as Fs,jsxs as ag}from"react/jsx-runtime";var og="k-file-info",Gs=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return ag("div",{...n,className:r(e.className,og),children:[t&&Fs("span",{className:"k-file-name",children:t}),o&&Fs("span",{className:"k-file-size",children:o}),a&&Fs("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as rg,jsx as Et,jsxs as Dn}from"react/jsx-runtime";var ng="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:c,...u}=e;return Et("li",{...u,className:r(e.className,ng,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Dn("div",{className:"k-file-single",children:[Et(fe,{className:r({"k-hidden":t!=="progress"}),value:o,label:!1}),Dn("span",{className:"k-file-icon-wrapper",children:[Et(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&Et("span",{className:"k-file-state",children:l})]}),Et(Gs,{name:a,size:i,validationMsg:c}),Et("div",{className:"k-upload-actions",children:t==="progress"?Dn(rg,{children:[Dn("span",{className:"k-upload-pct",children:[o,"%"]}),Et(p,{icon:"pause-sm",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),Et(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):Et(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as o7,jsx as e7,jsxs as t7}from"react/jsx-runtime";import{Fragment as sg,jsx as Vs,jsxs as ig}from"react/jsx-runtime";var Xa=e=>Vs(j,{async:!0,children:ig(sg,{children:[Vs(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),Vs(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as m7,jsx as d7,jsxs as c7}from"react/jsx-runtime";import{jsx as lg}from"react/jsx-runtime";var dd=e=>lg(j,{async:!0,empty:!0,...e});import{Fragment as v7,jsx as N7,jsxs as k7}from"react/jsx-runtime";import{Fragment as A7,jsx as y7,jsxs as C7}from"react/jsx-runtime";import{jsx as It,jsxs as Hn}from"react/jsx-runtime";var pg=j.options,dg=j.states,cd={...j.defaultOptions,variant:"empty"},cg=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],mg=[],la=e=>{let{variant:t,...o}={...cd,...e};switch(t){case"success":return Hn(Xa,{status:"done",style:{width:"586px"},...o,children:[It(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),It(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Hn(Xa,{status:"failed",style:{width:"586px"},...o,children:[It(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),It(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Hn(Xa,{status:"uploading",style:{width:"586px"},...o,children:[It(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),It(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Hn(Xa,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[It(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),It(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return It(dd,{async:!0,status:"upload",style:{width:"586px"},...o})}};la.options=pg;la.states=dg;la.variants=cg;la.defaultOptions=cd;la.modifiers=mg;la.className=j.className;import{Fragment as t9,jsx as e9,jsxs as o9}from"react/jsx-runtime";import{jsx as s9}from"react/jsx-runtime";import{Fragment as c9,jsx as d9,jsxs as m9}from"react/jsx-runtime";import{Fragment as x9,jsx as h9,jsxs as g9}from"react/jsx-runtime";import{Fragment as M9,jsx as L9,jsxs as S9}from"react/jsx-runtime";import{Fragment as I9,jsx as E9}from"react/jsx-runtime";var $s="appbar",md=$s;import{jsx as hg}from"react/jsx-runtime";var Xs="k-appbar",ug=[],fg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.inverse]},bg={},be=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return hg("div",{...n,className:r(e.className,Xs,A(Xs,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};be.states=ug;be.options=fg;be.className=Xs;be.defaultOptions=bg;be.moduleName=$s;be.folderName=md;be.ariaSpec={selector:".k-appbar",rules:[]};import{jsx as gg}from"react/jsx-runtime";var xg="k-appbar-section",gt=e=>{let{...t}=e;return gg("div",{...t,className:r(xg,e.className),children:e.children})};import{Fragment as V9,jsx as F9,jsxs as G9}from"react/jsx-runtime";import{jsx as ee,jsxs as pa}from"react/jsx-runtime";var qs={...be.options,positionMode:["static","sticky","fixed"]},Ng=be.states,ud={...be.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};qs.themeColor=["primary",...qs.themeColor.filter(e=>e!=="primary")];var vg=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],da=e=>{let{variant:t,...o}={...ud,...e},a=pa(be,{position:t,...o,children:[ee(gt,{children:ee(se,{fillMode:"flat",icon:"menu"})}),ee("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),ee(gt,{children:ee("h3",{className:"k-m-0",children:"AppBar"})}),ee("span",{className:"k-spacer"}),pa(gt,{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(gt,{children:ee(rn,{value:"Input value"})}),pa(gt,{children:[ee(se,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),ee("span",{className:"k-appbar-separator"}),ee(Sn,{className:"k-mx-sm",children:ee("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=pa("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"?pa("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):pa("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};da.options=qs;da.states=Ng;da.variants=vg;da.defaultOptions=ud;da.modifiers=[];da.className=be.className;var Ws="suggestion",fd=Ws;import{jsx as zn,jsxs as Mg}from"react/jsx-runtime";var Un="k-suggestion-group",kg=[],Lg={},bd={layout:"scrollable",scrollingPosition:"start"},ot=e=>{let{layout:t=bd.layout,scrollingPosition:o,...a}=e,n=zn("div",{...a,className:r(Un,{"k-suggestion-group-scrollable":t=="scrollable",[`${Un}-scrollable-start`]:o==="start"||o==="both",[`${Un}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?zn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Mg("div",{className:"k-suggestion-scrollwrap",children:[zn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,zn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};ot.states=kg;ot.options=Lg;ot.className=Un;ot.defaultOptions=bd;ot.moduleName=Ws;ot.folderName=fd;import{jsx as Cg}from"react/jsx-runtime";var Fn="k-suggestion",Sg=[s.active,s.hover,s.focus],yg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},Ag={text:"Suggestion"},at=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return Cg("span",{...l,className:r(e.className,Fn,S(Fn,{hover:a,active:o,focus:n}),A(Fn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};at.states=Sg;at.options=yg;at.className=Fn;at.item=Ag;import{Fragment as x4,jsx as h4,jsxs as g4}from"react/jsx-runtime";import{Fragment as M4,jsx as L4,jsxs as S4}from"react/jsx-runtime";import{Fragment as I4,jsx as E4,jsxs as T4}from"react/jsx-runtime";import{Fragment as Pg,jsx as te,jsxs as Gn}from"react/jsx-runtime";var Eg=U.states,Ig=U.defaultOptions,Tg=U.options,Og=[{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"}],Bg=[],ca=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Gn(be,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[te("span",{className:"k-spacer k-spacer-sized k-w-1"}),te(gt,{children:te("span",{children:"Chat with demo bot"})}),te("span",{className:"k-spacer"}),te(gt,{children:te(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=te(oa,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Gn(ot,{children:[te(at,{text:"Provide a CV template"}),te(at,{text:"Generate a cover letter"})]}),c=Gn(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,N="User",x="Demo Bot";Object.keys(t||{}).forEach(I=>{switch(I){case"header":a.header=t?.[I]?n:!1;break;case"pinned":a.pinned=t?.[I]?i:!1;break;case"suggested":a.suggestedActions=t?.[I]?l:!1;break;case"author":a.author=t?.[I]?!0:null;break;case"avatar":a.avatar=t?.[I]?u:null;break;case"quick":a.quickReplies=t?.[I]?c:te(Pg,{});break;default:break}});let{header:m,pinned:L,suggestedActions:k,author:y,avatar:C,quickReplies:M}=a;return Gn(Gp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:k,children:[te(V,{avatar:f,author:y?x:null,children:te(G,{text:"Hello, this is a demo bot. How can I help you ?"})}),te(V,{avatar:C?u:null,author:y?N:null,type:"sender",children:te(G,{text:"Hello! Generate a cover letter."})}),te(V,{avatar:f,author:y?x:null,children:te(G,{text:"Sure. Here is a cover letter template",files:te(xt,{children:te(ye,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),M]})};ca.options=Tg;ca.states=Eg;ca.variants=Bg;ca.defaultOptions=Ig;ca.modifiers=Og;ca.className=U.className;var Js="skeleton",hd=Js;import{jsx as _g}from"react/jsx-runtime";var Ys="k-skeleton",wg=["circle","text","rect"],Rg=[],Kg={},Zs={variant:"text",shape:"text",animation:"pulse"},ze=e=>{let{variant:t,shape:o,animation:a=Zs.animation,...n}=e,i=`skeleton-${t||o||Zs.variant}`;return _g("span",{...n,className:r(e.className,Ys,Wa(Ys,i),{[`k-skeleton-${a}`]:a}),style:e.style})};ze.states=Rg;ze.options=Kg;ze.variants=wg;ze.className=Ys;ze.defaultOptions=Zs;ze.moduleName=Js;ze.folderName=hd;ze.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as Dg}from"react/jsx-runtime";var mo=e=>Dg(ze,{...e});import{jsx as Hg}from"react/jsx-runtime";var xd=e=>Hg(ze,{shape:"rect",...e});import{jsx as T8}from"react/jsx-runtime";import{Fragment as zg,jsx as Ue,jsxs as Vn}from"react/jsx-runtime";var H8=e=>Ue(U,{children:Vn(zg,{children:[Ue("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Ue(V,{fullWidth:!0,children:Ue(G,{text:null,content:Vn("div",{className:"k-skeleton-container",style:{width:"100%"},children:[Ue(mo,{style:{width:"100%"}}),Ue(mo,{style:{width:"100%"}}),Ue(mo,{style:{width:"100%"}}),Ue(mo,{style:{width:"75%"}})]})})}),Ue(V,{type:"sender",fullWidth:!0,avatar:null,children:Ue(G,{text:null,content:Vn("div",{className:"k-skeleton-container",style:{width:"100%",display:"flex",alignItems:"center",gap:"var( --kendo-spacing-1 )"},children:[Ue(xd,{style:{width:"32px",height:"32px"}}),Vn("div",{style:{flex:"1 1 50%"},children:[Ue(mo,{style:{width:"100%"}}),Ue(mo,{style:{width:"50%"}})]})]})})})]}),...e});export{H8 as ChatMessageSkeleton};