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

package/dist/esm/chat/templates/chat-failed.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 Xa(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},h={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},g={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},s={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var Xn={};function w(e){return Xn[e]=(Xn[e]||0)+1,`k-${e}-${Xn[e]}`}import{Fragment as Nd,jsx as Zs}from"react/jsx-runtime";var qn="k-font-icon",hd=[],xd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},gd={},da=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?Zs("span",{...l,className:r(e.className,qn,A(qn,{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"}):Zs(Nd,{})};da.states=hd;da.options=xd;da.className=qn;da.defaultOptions=gd;var Qs=da;import{Fragment as Ld,jsx as qa}from"react/jsx-runtime";var Wn="k-svg-icon",vd=[],kd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},js={viewBox:"0 0 24 24"},ca=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=js.viewBox,icon:l,...c}=e;if(!l)return qa(Ld,{});if(l==="none")return qa("span",{...c,className:r(e.className,Wn,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof l=="object"&&l.name&&l.name;return qa("span",{...c,className:r(e.className,Wn,A("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:qa("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:i,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};ca.states=vd;ca.options=kd;ca.className=Wn;ca.defaultOptions=js;var Jn=ca;import*as Yn from"@progress/kendo-svg-icons";var ei="icon",ti="icons";import{useContext as Sd}from"react";import{createContext as Md}from"react";var oi=Md({iconsType:"svg"});import{Fragment as ai,jsx as ma}from"react/jsx-runtime";var Wa="k-icon",yd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ad=[],Cd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},Zn={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=Sd(oi),{size:o,themeColor:a,icon:n,type:i=t||Zn.type,rotate:l,flip:c,viewBox:u=Zn.viewBox,...f}=e;if(!n)return ma(ai,{});if((t||i)==="svg"){if(n==="none")return ma(Jn,{...f,className:r(e.className,Wa),icon:n,size:o});let x=Yn[n]?n:yd(`${n}-icon`);return Yn[x]?ma(Jn,{...f,className:r(e.className,Wa),icon:Yn[x],size:o,themeColor:a,rotate:l,flip:c,viewBox:u}):ma(ai,{})}return ma(Qs,{...f,className:r(e.className,Wa),icon:n,size:o,themeColor:a,rotate:l,flip:c})};v.states=Ad;v.options=Cd;v.defaultOptions=Zn;v.className=Wa;v.moduleName=ei;v.folderName=ti;v.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Qn="button",ni=Qn;import{Fragment as Od,jsx as ua,jsxs as ri}from"react/jsx-runtime";var fa="k-button",Ed=["icon-button"],Id=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Td={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},jn={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=jn.showArrow,arrowIconName:c=jn.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 ri(t,{className:r(X,fa,Xa(fa,u),A(fa,{size:o,rounded:a,fillMode:n,themeColor:i}),S(fa,{hover:f,focus:N,active:x,disabled:L||y,selected:m}),{"k-icon-button":!M&&!xe&&he}),...pe,"aria-pressed":k?m?"true":"false":void 0,"aria-disabled":y?"true":void 0,disabled:L||void 0,children:[C&&ua(v,{className:r(I,"k-button-icon"),icon:C}),M?ri(Od,{children:[M&&ua("span",{className:"k-button-text",children:M}),e.children]}):e.children&&ua("span",{className:"k-button-text",children:e.children}),l&&ua("span",{className:"k-menu-button-arrow k-button-arrow",children:ua(v,{icon:c})})]})};p.states=Id;p.options=Td;p.variants=Ed;p.className=fa;p.defaultOptions=jn;p.moduleName=Qn;p.folderName=ni;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 Bd}from"react/jsx-runtime";var se=e=>Bd(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Pd}from"react/jsx-runtime";var ba=e=>Pd(p,{icon:"folder",children:"Button",...e});import{jsx as wd}from"react/jsx-runtime";var ot=e=>wd(p,{children:"Button",...e});import{jsx as er}from"react/jsx-runtime";var Rd=p.options,Kd=p.states,_d={...p.defaultOptions,variant:"text"},Dd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Hd=[],co=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return er(se,{...o,icon:"star"});case"icon-and-text":return er(ba,{...o,icon:"star",children:"Button"});default:return er(ot,{...o,children:"Button"})}};co.options=Rd;co.states=Kd;co.variants=Dd;co.defaultOptions=_d;co.modifiers=Hd;co.className=p.className;import{jsx as si,jsxs as Vd}from"react/jsx-runtime";var Ja="k-fab",Fd=[s.hover,s.focus,s.active,s.selected,s.disabled],Gd={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]},ii={type:"button"},Y=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=ii.type,position:c,hover:u,focus:f,active:N,selected:x,disabled:m,...L}=e;return Vd("button",{...L,type:l,className:r(e.className,Ja,A(Ja,{size:t,rounded:o,themeColor:a}),S(Ja,{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&&si(v,{className:"k-fab-icon",icon:i}),n&&si("span",{className:"k-fab-text",children:n})]})};Y.states=Fd;Y.options=Gd;Y.className=Ja;Y.defaultOptions=ii;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 Xd}from"react/jsx-runtime";var $d="k-fab-items",li=e=>{let{position:t,...o}=e;return Xd("ul",{...o,className:r(e.className,$d,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as di,jsxs as Wd}from"react/jsx-runtime";var pi="k-fab-item",qd=[s.hover,s.focus,s.active,s.disabled],tr=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:c,...u}=e;return Wd("li",{...u,className:r(e.className,pi,{[`k-text-${a}`]:a},S(pi,{hover:n,focus:i,active:l,disabled:c})),children:[di("span",{className:"k-fab-item-text",children:t}),di(v,{className:"k-fab-item-icon",icon:o})]})};tr.states=qd;import{jsx as ov}from"react/jsx-runtime";import{jsx as Jd}from"react/jsx-runtime";var ci=e=>Jd(Y,{icon:"plus",...e});import{jsx as pv}from"react/jsx-runtime";import{jsx as uv}from"react/jsx-runtime";import{jsx as mo,jsxs as tc}from"react/jsx-runtime";var Yd=Y.options,Zd=Y.states,Qd={...Y.defaultOptions,variant:"text"},jd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ec=[{name:"opened",title:"Opened"}],uo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o||{},i=n?mo("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:mo(li,{position:"bottom",children:mo(tr,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=mo(Y,{...a,icon:"star"});break;case"icon-and-text":l=mo(Y,{...a,icon:"star",text:"Action"});break;default:l=mo(Y,{...a,text:"Action"});break}return tc("span",{style:{position:"relative"},children:[l,i]})};uo.options=Yd;uo.states=Zd;uo.variants=jd;uo.defaultOptions=Qd;uo.modifiers=ec;uo.className=Y.className;import{jsx as nc}from"react/jsx-runtime";var or="k-input-inner",oc=[],ac={},Ya={type:"text",autocomplete:"off",value:"",placeholder:""},ge=e=>{let{value:t=Ya.value,type:o=Ya.type,placeholder:a=Ya.placeholder,autocomplete:n=Ya.autocomplete,disabled:i,readOnly:l,...c}=e;return nc("input",{...c,type:o,className:r(e.className,or,A(or,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:l||void 0})};ge.states=oc;ge.options=ac;ge.className=or;import{jsx as ic}from"react/jsx-runtime";var ar="k-input-inner",rc=[],sc={},mi={value:"",placeholder:""},ha=e=>{let{value:t=mi.value,placeholder:o=mi.placeholder,rows:a,disabled:n,...i}=e;return ic("textarea",{...i,className:r(e.className,ar,A(ar,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};ha.states=rc;ha.options=sc;ha.className=ar;var nr="prompt-box",ui=nr;var rr="speech-to-text-button",fi=rr;import{jsx as lc}from"react/jsx-runtime";var bi="k-speech-to-text-button",hi={icon:"microphone-outline"},Ce=e=>{let{listening:t=!1,icon:o=hi.icon,...a}=e;return lc(p,{...a,icon:t?"stop-sm":o,className:r(e.className,bi,{"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=bi;Ce.defaultOptions=hi;Ce.moduleName=rr;Ce.folderName=fi;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 Wv}from"react/jsx-runtime";import{jsx as Qv}from"react/jsx-runtime";import{jsx as uc}from"react/jsx-runtime";var pc=p.states,xi={...p.defaultOptions,variant:"normal"},dc={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},cc=[],mc=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],fo=e=>{let{variant:t,...o}={...xi,...e},a={};return t==="listening"&&(a.listening=!0),uc(Ce,{...o,...a})};fo.options=dc;fo.states=pc;fo.variants=mc;fo.defaultOptions=xi;fo.modifiers=cc;fo.className=Ce.className;import{jsx as bo,jsxs as sr}from"react/jsx-runtime";var it="k-prompt-box",fc=[s.hover,s.focus,s.disabled],bc={fillMode:[h.undefined,h.solid,h.flat,h.outline]},ir={lineMode:"auto",isExpanded:!1},gt=e=>{let{fillMode:t,lineMode:o=ir.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=ir.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 sr("div",{...y,className:r(c,"k-input",it,{[`${it}-singleline`]:o==="single",[`${it}-multiline`]:C,[`k-input-${t}`]:t,"k-hover":m,"k-focus":L,"k-disabled":k}),children:[i&&bo("div",{className:`${it}-header`,children:i}),sr("div",{className:`${it}-content`,children:[a&&bo("div",{className:`${it}-affix`,children:a}),o==="single"?bo(ge,{value:f,placeholder:N,className:`${it}-input`,type:"text","aria-label":"Prompt input"}):bo(ha,{value:f,placeholder:N,className:`${it}-textarea`,rows:o==="multi"||l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),sr("div",{className:`${it}-affix`,children:[n,bo(Ce,{size:"small",fillMode:"flat",rounded:"full"}),bo(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]})};gt.states=fc;gt.options=bc;gt.className=it;gt.defaultOptions=ir;gt.moduleName=nr;gt.folderName=ui;gt.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 vk}from"react/jsx-runtime";import{jsx as Sk}from"react/jsx-runtime";import{jsx as Ek}from"react/jsx-runtime";import{jsx as Bk}from"react/jsx-runtime";import{jsx as Kk}from"react/jsx-runtime";var lr="chat",gi=lr;import{Fragment as ki,jsx as Xt,jsxs as xa}from"react/jsx-runtime";var Ni="k-chat",hc=[],xc={},gc=xa(ki,{children:[Xt(se,{icon:"paperclip-outline-alt-right",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Xt("div",{className:"k-spacer"})]}),vi={tools:gc},U=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:c,tools:u=vi.tools,value:f,empty:N,scrollToBottom:x,scrollbar:m,promptBoxProps:L,...k}=e;return xa("div",{...k,className:r(Ni,e.className),dir:o,children:[t,xa("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,Xt("div",{className:r("k-message-list-content",N&&"k-message-list-content-empty"),children:e.children}),x&&Xt("div",{className:"k-chat-scroll-to-bottom-container",children:Xt(ci,{themeColor:"base",icon:"arrow-down-outline",size:"small"})})]}),m&&Xt("div",{className:"k-separator"}),xa("div",{className:"k-message-box-wrapper",children:[a,Xt(gt,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:n||l?xa(ki,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};U.states=hc;U.options=xc;U.className=Ni;U.defaultOptions=vi;U.moduleName=lr;U.folderName=gi;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 pr="button",Li=pr;import{jsx as Lc}from"react/jsx-runtime";var ga="k-button-group",Nc=[s.disabled],vc={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},kc={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Lc("div",{role:"group",...n,className:r(e.className,ga,A(ga,{fillMode:t}),S(ga,{disabled:o}),{[`${ga}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Nc;T.options=vc;T.className=ga;T.defaultOptions=kc;T.moduleName=pr;T.folderName=Li;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 pL,jsx as lL,jsxs as dL}from"react/jsx-runtime";import{Fragment as hL,jsx as bL,jsxs as xL}from"react/jsx-runtime";import{Fragment as ML,jsx as LL,jsxs as SL}from"react/jsx-runtime";import{Fragment as TL,jsx as IL,jsxs as OL}from"react/jsx-runtime";import{Fragment as _L,jsx as KL,jsxs as DL}from"react/jsx-runtime";import{Fragment as VL,jsx as GL,jsxs as $L}from"react/jsx-runtime";import{jsx as Nt,jsxs as dr}from"react/jsx-runtime";var Mc={...p.options,...T.options},Sc=p.states,yc={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},Ac=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Cc=[],ho=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?dr(T,{fillMode:a.fillMode,className:o,children:[Nt(p,{...a,icon:"star"}),Nt(p,{...a,icon:"star"}),Nt(p,{...a,icon:"star"})]}):t==="icon-text-button"?dr(T,{fillMode:a.fillMode,className:o,children:[Nt(p,{...a,icon:"star",children:"First"}),Nt(p,{...a,icon:"star",children:"Middle"}),Nt(p,{...a,icon:"star",children:"Last"})]}):dr(T,{fillMode:a.fillMode,className:o,children:[Nt(p,{...a,children:"First"}),Nt(p,{...a,children:"Middle"}),Nt(p,{...a,children:"Last"})]})};ho.options=Mc;ho.states=Sc;ho.variants=Ac;ho.defaultOptions=yc;ho.modifiers=Cc;ho.className=T.className;var Na="input",Qa=Na;import{jsx as Oc}from"react/jsx-runtime";var ja="k-input",Ec=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Ic={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Tc={},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 Oc("span",{...x,className:r(e.className,ja,A(ja,{size:u,rounded:f,fillMode:N}),S(ja,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c}))})};Z.states=Ec;Z.options=Ic;Z.className=ja;Z.defaultOptions=Tc;Z.moduleName=Na;Z.folderName=Qa;import{jsx as Rc}from"react/jsx-runtime";var en="k-picker",Bc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Pc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},wc={},lt=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 Rc("span",{...x,className:r(e.className,en,A(en,{size:u,rounded:f,fillMode:N}),S(en,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c})),children:e.children})};lt.states=Bc;lt.options=Pc;lt.className=en;lt.defaultOptions=wc;lt.moduleName=Na;lt.folderName=Qa;import{Fragment as Dc,jsx as cr}from"react/jsx-runtime";var Mi="k-clear-value",Kc=[s.disabled,s.loading,s.readonly],_c={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?cr(Dc,{}):cr("span",{className:r(e.className,Mi),children:cr(v,{icon:"x"})})};Pe.states=Kc;Pe.options=_c;Pe.className=Mi;import{jsx as Si,jsxs as Uc}from"react/jsx-runtime";var mr="k-input-inner",Hc=[],zc={},qt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return Uc("span",{...l,className:r(e.className,mr,A(mr,e)),children:[n,!n&&i&&Si(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Si("span",{className:"k-input-value-text",children:t})]})};qt.states=Hc;qt.options=zc;qt.className=mr;import{Fragment as Gc,jsx as yi}from"react/jsx-runtime";var Ai="k-input-loading-icon",Fc=[s.disabled,s.loading],Ee=e=>{let{disabled:t,loading:o}=e;return t||!o?yi(Gc,{}):yi("span",{className:r(e.className,Ai,"k-icon k-i-loading")})};Ee.states=Fc;Ee.className=Ai;import{Fragment as Xc,jsx as Ci}from"react/jsx-runtime";var Ei="k-input-validation-icon",Vc=[s.valid,s.invalid,s.disabled,s.loading],$c={},Ne=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?Ci(Xc,{}):Ci(v,{className:r(Ei),icon:i})};Ne.states=Vc;Ne.options=$c;Ne.className=Ei;import{Fragment as Jc,jsx as Ii}from"react/jsx-runtime";var qc="k-input-prefix",Wc={direction:"horizontal"},ze=e=>{let{direction:t=Wc.direction,...o}=e;return e.children?Ii("span",{...o,className:r(qc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Ii(Jc,{})};import{Fragment as Qc,jsx as Ti}from"react/jsx-runtime";var Yc="k-input-suffix",Zc={direction:"horizontal"},Ue=e=>{let{direction:t=Zc.direction,...o}=e;return e.children?Ti("span",{...o,className:r(Yc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ti(Qc,{})};import{jsx as HM}from"react/jsx-runtime";import{jsx as em}from"react/jsx-runtime";var jc="k-input-suffix-text",ur=e=>{let{children:t,...o}=e;return em("span",{...o,className:r(jc,e.className),children:t})};import{jsx as om}from"react/jsx-runtime";var Oi="k-input-separator",tm={direction:"vertical"},Fe=e=>{let{direction:t=tm.direction,...o}=e;return om("span",{...o,className:r(Oi,e.className,{[`${Oi}-${t}`]:t})})};import{Fragment as Bi,jsx as pt,jsxs as fr}from"react/jsx-runtime";var am=Z.states,nm=Z.defaultOptions,rm=Z.options,sm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],im=[],xo=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 fr(Z,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&fr(Bi,{children:[pt(ze,{children:pt(v,{icon:"lock"})}),m&&pt(Fe,{})]}),pt(ge,{placeholder:"Placeholder",value:"Value"}),x&&pt(Ne,{valid:o,invalid:a,loading:n,disabled:i}),pt(Ee,{loading:n,disabled:i}),N&&pt(Pe,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&fr(Bi,{children:[m&&pt(Fe,{}),pt(Ue,{children:pt(ot,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};xo.options=rm;xo.states=am;xo.variants=im;xo.defaultOptions=nm;xo.modifiers=sm;xo.className=Z.className;import{jsx as Pi,jsxs as dm}from"react/jsx-runtime";var wi="k-color-preview",lm=[],pm={},Tt=e=>{let{color:t,iconName:o,...a}=e;return dm("span",{...a,className:r(e.className,wi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Pi(v,{icon:o,className:"k-color-preview-icon"}),Pi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Tt.states=lm;Tt.options=pm;Tt.className=wi;var br="popup",Ri=br;import{jsx as Ki}from"react/jsx-runtime";var _i="k-animation-container",cm=[],mm={},Di={positionMode:"absolute"},dt=e=>{let{positionMode:t=Di.positionMode,animationStyle:o,offset:a,...n}=e;return Ki("div",{...n,style:{...a,...e.style},className:r(e.className,_i,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ki("div",{className:"k-child-animation-container",style:o,children:e.children})})};dt.states=cm;dt.options=mm;dt.className=_i;dt.defaultOptions=Di;dt.moduleName=br;dt.folderName=Ri;var hr="popup",Hi=hr;import{jsx as zi}from"react/jsx-runtime";var Ui="k-popup",um=[],fm={},Fi={positionMode:"absolute"},G=e=>{let{offset:t,positionMode:o=Fi.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return zi(dt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:zi("div",{...c,className:r(e.className,Ui),children:e.children})})};G.states=um;G.options=fm;G.className=Ui;G.defaultOptions=Fi;G.moduleName=hr;G.folderName=Hi;G.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var xr="action-buttons",Gi=xr;import{jsx as xm}from"react/jsx-runtime";var tn="k-actions",bm=[],hm={},gr={alignment:"start",orientation:"horizontal"},we=e=>{let{alignment:t=gr.alignment,orientation:o=gr.orientation,...a}=e;return xm("div",{...a,className:r(tn,{[`${tn}-${t}`]:t,[`${tn}-${o}`]:o},e.className),children:e.children})};we.states=bm;we.options=hm;we.className=tn;we.defaultOptions=gr;we.moduleName=xr;we.folderName=Gi;var Vi=we;import{jsx as Nm}from"react/jsx-runtime";var gm="k-actionsheet-footer",$i={alignment:"stretched",orientation:"horizontal"},Ot=e=>{let{alignment:t=$i.alignment,orientation:o=$i.orientation,template:a,as:n=a?"div":we,...i}=e;return Nm(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,gm),children:e.children})};var Nr="searchbox",Xi=Nr;import{jsx as va,jsxs as Lm}from"react/jsx-runtime";var qi="k-searchbox",vm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],km={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]},vr={showIcon:!0,icon:"search"},Ge=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:x,disabled:m,showIcon:L=vr.showIcon,icon:k=vr.icon,"aria-label":y,...C}=e;return Lm(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,qi),children:[L&&va(v,{className:"k-input-icon",icon:k}),va(ge,{placeholder:o,value:t,"aria-label":y}),va(Ee,{...e}),va(Ne,{...e}),va(Pe,{...e})]})};Ge.states=vm;Ge.options=km;Ge.className=qi;Ge.defaultOptions=vr;Ge.moduleName=Nr;Ge.folderName=Xi;import{jsx as dy}from"react/jsx-runtime";var kr="textbox",Wi=kr;import{Fragment as Ji,jsx as Bt,jsxs as Lr}from"react/jsx-runtime";var Yi="k-textbox",Mm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],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]},on={showClearButton:!0,showValidationIcon:!0,separators:!0},ie=e=>{let{size:t,rounded:o,fillMode:a,separators:n=on.separators,showClearButton:i=on.showClearButton,showValidationIcon:l=on.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 Lr(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,Yi),children:[c&&Lr(Ji,{children:[Bt(ze,{children:c}),n&&Bt(Fe,{})]}),Bt(ge,{id:pe,placeholder:x,value:N,type:f,disabled:I,"aria-label":he,"aria-describedby":xe,"aria-invalid":y?"true":void 0}),l&&Bt(Ne,{valid:k,invalid:y,loading:M,disabled:I}),Bt(Ee,{loading:M,disabled:I}),i&&Bt(Pe,{loading:M,disabled:I,readonly:X,value:N}),u&&Lr(Ji,{children:[n&&Bt(Fe,{}),Bt(Ue,{children:u})]})]})};ie.states=Mm;ie.options=Sm;ie.className=Yi;ie.defaultOptions=on;ie.moduleName=kr;ie.folderName=Wi;ie.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var ka=ie;import{jsx as ym}from"react/jsx-runtime";var an=e=>ym(ka,{...e});import{Fragment as Ey,jsx as Cy}from"react/jsx-runtime";import{Fragment as wy,jsx as Py}from"react/jsx-runtime";import{jsx as Dy}from"react/jsx-runtime";import{jsx as Mr}from"react/jsx-runtime";var Am=ie.states,Cm=ie.defaultOptions,Em=ie.options,Im=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Tm=[],go=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Mr(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Mr(ot,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Mr(an,{value:"Value",style:{width:300},...o,...a})};go.options=Em;go.states=Am;go.variants=Tm;go.defaultOptions=Cm;go.modifiers=Im;go.className=ie.className;import{jsx as Pt,jsxs as Sr}from"react/jsx-runtime";var Zi="k-actionsheet-titlebar",Om={},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 Sr("div",{...m,className:r(e.className,Zi),children:[Sr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Pt("div",{className:"k-actionsheet-actions",children:a}),!x&&Sr("div",{className:"k-actionsheet-title",id:N,children:[t&&Pt("div",{className:"k-text-center",children:t}),o&&Pt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&Pt("div",{className:"k-actionsheet-title",id:N,children:x}),n&&Pt("div",{className:"k-actionsheet-actions",children:n})]}),(l||i)&&Pt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Pt(ie,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t||u||"Input"}):Pt(Ge,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};ve.className=Zi;ve.defaultOptions=Om;import{jsx as yr,jsxs as Rm}from"react/jsx-runtime";var Ar="k-actionsheet-view",Bm=[],Pm={},wm={},No=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...c}=e,u=n?.type===ve&&yr(ve,{adaptive:t,titleId:l,...n?.props}),f=i?.type===Ot&&yr(Ot,{...i?.props});return Rm("div",{...c,className:r(e.className,Ar,{[`${Ar}-animated`]:o}),children:[u,yr("div",{className:"k-actionsheet-content",children:a}),f]})};No.states=Bm;No.options=Pm;No.className=Ar;No.defaultOptions=wm;var La="action-sheet",nn=La;var Cr="overlay",Qi=Cr;import{jsx as Hm}from"react/jsx-runtime";var ji="k-overlay",Km=[],_m={},Dm={},ct=e=>{let{...t}=e;return Hm("div",{...t,className:r(e.className,ji),children:e.children})};ct.states=Km;ct.options=_m;ct.className=ji;ct.defaultOptions=Dm;ct.moduleName=Cr;ct.folderName=Qi;import{jsx as rn,jsxs as Fm}from"react/jsx-runtime";var el="k-actionsheet",zm=[],Um={},Ma={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},W=e=>{let{side:t=Ma.side,fullscreen:o=Ma.fullscreen,adaptive:a=Ma.adaptive,overlay:n=Ma.overlay,template:i,children:l,header:c,footer:u,id:f,...N}=e,x=f&&!i&&c?`${f}-title`:void 0;return Fm("div",{className:"k-actionsheet-container",children:[n&&rn(ct,{}),rn(dt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:rn("div",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":x,className:r(e.className,el,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i||rn(No,{header:c,footer:u,adaptive:a,titleId:x,...e,children:l})})})]})};W.states=zm;W.options=Um;W.className=el;W.defaultOptions=Ma;W.moduleName=La;W.folderName=nn;W.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as Xm}from"react/jsx-runtime";var tl="k-actionsheet-container",Gm=[],Vm={},$m={},vo=e=>{let{children:t,...o}=e;return Xm("div",{...o,className:tl,children:t})};vo.states=Gm;vo.options=Vm;vo.className=tl;vo.defaultOptions=$m;vo.moduleName=La;vo.folderName=nn;import{jsx as qm}from"react/jsx-runtime";var Er=e=>{let{...t}=e;return qm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Jm,jsx as Sa,jsxs as Ir}from"react/jsx-runtime";var Tr="k-actionsheet-item",Wm=[s.hover,s.focus,s.selected,s.disabled],wt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:c,...u}=e;return Ir("span",{...u,className:r(e.className,Tr,S(Tr,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&Sa(Jm,{children:Ir("span",{className:"k-actionsheet-action",children:[t&&Sa("span",{className:"k-icon-wrap",children:Sa(v,{className:"k-actionsheet-item-icon",icon:t})}),Ir("span",{className:"k-actionsheet-item-text",children:[o&&Sa("span",{className:"k-actionsheet-item-title",children:o}),a&&Sa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};wt.states=Wm;wt.className=Tr;import{jsx as _A,jsxs as DA}from"react/jsx-runtime";import{jsx as FA}from"react/jsx-runtime";import{jsx as XA}from"react/jsx-runtime";import{jsx as YA}from"react/jsx-runtime";import{jsx as le,jsxs as Or}from"react/jsx-runtime";var Ym=W.options,Zm=W.states,al={...W.defaultOptions,variant:"normal"},Qm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],jm=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ko=e=>{let{variant:t,modifiers:o,...a}={...al,...e},n={},i=Or(Er,{children:[le(wt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),le(wt,{text:"Add to Favorites",iconName:"heart"}),le(wt,{text:"Upload New",iconName:"upload",disabled:!0}),le("hr",{className:"k-hr"}),le(wt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",c="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?l:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?le(W,{...a,adaptive:!0,fullscreen:n.fullScreen,header:le(ve,{actionsStart:n.actionsStart?le(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?le(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?Or(Ot,{alignment:"stretched",children:[le(p,{text:"Cancel",size:"large",themeColor:"base"}),le(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):le(W,{...a,fullscreen:n.fullScreen,header:le(ve,{actionsStart:n.actionsStart?le(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?le(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Or(Ot,{alignment:"stretched",children:[le(p,{text:"Apply",themeColor:"primary"}),le(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};ko.options=Ym;ko.states=Zm;ko.variants=Qm;ko.defaultOptions=al;ko.modifiers=jm;ko.className=W.className;var Br="slider",nl=Br;import{jsx as Lo,jsxs as Pr}from"react/jsx-runtime";var ya="k-slider",eu=[s.hover,s.focus,s.active,s.disabled,s.readonly],tu={},Ve={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=Ve.type,orientation:o=Ve.orientation,gradientType:a=Ve.gradientType,readonly:n=Ve.readonly,disabled:i=Ve.disabled,handlePosition:l=Ve.handlePosition,showButtons:c=Ve.showButtons,showTicks:u=Ve.showTicks,value:f=Ve.value,min:N=Ve.min,max:x=Ve.max,startValue:m,endValue:L,hover:k,focus:y,active:C,trackStyle:M,dir:I,...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"),Pr("div",{...X,className:r(ya,e.className,S(ya,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&Lo(p,{className:"k-button-decrease",rounded:"full",icon:Be,tabIndex:-1,title:"Decrease"}),Pr("div",{className:"k-slider-track-wrap",children:[u&&Lo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Pr("div",{className:"k-slider-track",style:M,children:[Lo("div",{className:"k-slider-selection"}),t==="range"&&Lo("span",{className:r("k-draghandle","k-draghandle-start",S(ya,{hover:k,focus:y,active:C})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":m??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"}),Lo("span",{className:r("k-draghandle",`k-draghandle-${l}`,S(ya,{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&&Lo(p,{className:"k-button-increase",rounded:"full",icon:xe,tabIndex:-1,title:"Increase"})]})};F.states=eu;F.options=tu;F.className=ya;F.defaultOptions=Ve;F.moduleName=Br;F.folderName=nl;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 rl}from"react/jsx-runtime";var sl="k-tick",ou=[],au={},il={label:!1},E=e=>{let{style:t,label:o=il.label,orientation:a,large:n,text:i,...l}=e;return rl("li",{...l,role:"presentation",title:i||"Tick",className:r(e.className,sl,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&rl("span",{className:"k-label",children:i})})};E.states=ou;E.options=au;E.className=sl;E.defaultOptions=il;import{Fragment as nu,jsx as $e,jsxs as ru}from"react/jsx-runtime";var ll=e=>$e(F,{"aria-label":e["aria-label"]||"Slider",children:ru(nu,{children:[$e(E,{className:"k-first",label:!0,large:!0,text:"0"}),$e(E,{}),$e(E,{}),$e(E,{}),$e(E,{}),$e(E,{label:!0,large:!0,text:"5"}),$e(E,{}),$e(E,{}),$e(E,{}),$e(E,{}),$e(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as su,jsx as Xe,jsxs as iu}from"react/jsx-runtime";var pl=e=>Xe(F,{children:iu(su,{children:[Xe(E,{className:"k-first",label:!0,large:!0,text:"0"}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{label:!0,large:!0,text:"5"}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as DC,jsx as _C,jsxs as HC}from"react/jsx-runtime";import{Fragment as VC,jsx as GC,jsxs as $C}from"react/jsx-runtime";import{jsx as lu}from"react/jsx-runtime";var wr=e=>lu(F,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as pu}from"react/jsx-runtime";var Rr=e=>pu(F,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as oE,jsx as tE,jsxs as aE}from"react/jsx-runtime";import{Fragment as lE,jsx as iE,jsxs as pE}from"react/jsx-runtime";import{jsx as mt,jsxs as dl}from"react/jsx-runtime";var du=F.options,cu=F.states,cl={...F.defaultOptions,variant:"horizontal",label:!0},mu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],uu=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Mo=e=>{let{variant:t,modifiers:o,...a}={...cl,...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"?dl(pl,{showTicks:c,showButtons:l,style:{height:"300px",...u},...a,children:[mt(E,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),mt(E,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),mt(E,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),mt(E,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),mt(E,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):dl(ll,{showTicks:c,showButtons:l,style:{width:"400px",...u},...a,children:[mt(E,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),mt(E,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),mt(E,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),mt(E,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),mt(E,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Mo.options=du;Mo.states=cu;Mo.variants=mu;Mo.defaultOptions=cl;Mo.modifiers=uu;Mo.className=F.className;import{jsx as ml,jsxs as gu}from"react/jsx-runtime";var ul="k-spin-button",hu=[],xu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Kr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Rt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Kr.increaseLabel,decreaseLabel:i=Kr.decreaseLabel,...l}=e;return gu("span",{...l,className:r(ul,e.className),children:[ml(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),ml(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Rt.states=hu;Rt.options=xu;Rt.className=ul;Rt.defaultOptions=Kr;Rt.moduleName=null;Rt.folderName=null;var fl="numeric-textbox",bl="numerictextbox";import{Fragment as hl,jsx as vt,jsxs as _r}from"react/jsx-runtime";var xl="k-numerictextbox",Nu=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],vu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},sn={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:n=sn.separators,showClearButton:i=sn.showClearButton,showSpinButton:l=sn.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 _r(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,xl),children:[c&&_r(hl,{children:[vt(ze,{children:c}),n&&vt(Fe,{})]}),vt(ge,{id:X,placeholder:N,value:f,role:"spinbutton",disabled:M,"aria-label":pe,"aria-describedby":he,"aria-invalid":k?"true":void 0}),vt(Ne,{valid:L,invalid:k,loading:C,disabled:M}),vt(Ee,{loading:C,disabled:M}),i&&vt(Pe,{loading:C,disabled:M,readonly:I,value:f}),u&&_r(hl,{children:[n&&vt(Fe,{}),vt(Ue,{children:u})]}),l&&vt(Rt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};_.states=Nu;_.options=vu;_.className=xl;_.defaultOptions=sn;_.moduleName=fl;_.folderName=bl;_.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Aa=_;import{jsx as ku}from"react/jsx-runtime";var gl=e=>ku(Aa,{...e});import Hr from"react";import{jsx as Nl}from"react/jsx-runtime";var Lu="k-list-group-sticky-header",Dr=e=>Nl("div",{className:r(Lu,e.className),children:Nl("div",{className:"k-list-header-text",children:e.children})});import{jsx as Su}from"react/jsx-runtime";var Mu="k-no-data",ln=e=>{let{live:t,...o}=e;return Su("span",{...o,className:r(Mu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Wt="list",So=Wt;import{jsx as vl,jsxs as kl}from"react/jsx-runtime";var zr="k-list",yu=[],Au={size:[d.undefined,d.small,d.medium,d.large]},Cu={},R=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:i,customValue:l,noData:c,screenReaders:u,...f}=e,x=Hr.Children.toArray(a)[0],m=x?.props?.children?Hr.Children.count(x.props.children):Hr.Children.count(a);return kl("div",{...f,className:r(e.className,zr,A(zr,{size:t}),{"k-virtual-list":o}),children:[i,l,n&&vl(Dr,{children:n}),a||(c!==void 0?c:vl(ln,{live:!0,children:"No data found."})),u&&a&&kl(ln,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};R.states=yu;R.options=Au;R.className=zr;R.defaultOptions=Cu;R.moduleName=Wt;R.folderName=So;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 Ou}from"react/jsx-runtime";var Ll="k-list-container",Eu=[],Iu={},Tu={},yo=e=>{let{...t}=e;return Ou("div",{...t,className:r(e.className,Ll),children:e.children})};yo.states=Eu;yo.options=Iu;yo.className=Ll;yo.defaultOptions=Tu;yo.moduleName=Wt;yo.folderName=So;var Jt="checkbox",Ao=Jt;import{jsx as Ml}from"react/jsx-runtime";var pn="k-checkbox",Bu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Pu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},wu={},qe=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:c,valid:u,required:f,size:N,rounded:x,wrapperRole:m,...L}=e;return Ml("span",{className:"k-checkbox-wrap",role:m,children:Ml("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l||void 0,"aria-invalid":c?"true":void 0,className:r(e.className,pn,A(pn,{size:N,rounded:x}),S(pn,{hover:n,focus:i,disabled:l,invalid:c,valid:u,indeterminate:a,checked:o}))})})};qe.states=Bu;qe.options=Pu;qe.className=pn;qe.defaultOptions=wu;qe.moduleName=Jt;qe.folderName=Ao;qe.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var at=qe;import{jsx as _u}from"react/jsx-runtime";var Sl="k-checkbox-list",Ru=[],Ku={},yl={layout:"vertical"},ke=e=>{let{layout:t=yl.layout,...o}=e;return _u("ul",{...o,className:r(e.className,Sl,{[`k-list-${t}`]:t}),children:e.children})};ke.states=Ru;ke.options=Ku;ke.className=Sl;ke.defaultOptions=yl;ke.moduleName=Jt;ke.folderName=Ao;import{jsx as Uu}from"react/jsx-runtime";var Al="k-checkbox-list-item",Du=[],Hu={},zu={},Le=e=>{let{...t}=e;return Uu("li",{...t,className:r(e.className,Al),children:e.children})};Le.states=Du;Le.options=Hu;Le.className=Al;Le.defaultOptions=zu;Le.moduleName=Jt;Le.folderName=Ao;import{Fragment as Fu,jsx as Cl,jsxs as Gu}from"react/jsx-runtime";var kt=({children:e="Label",id:t="cb-label-after",...o})=>Gu(Fu,{children:[Cl(at,{id:t,...o}),Cl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as PI,jsx as BI,jsxs as wI}from"react/jsx-runtime";import{Fragment as HI,jsx as DI,jsxs as zI}from"react/jsx-runtime";import{Fragment as $I,jsx as VI,jsxs as XI}from"react/jsx-runtime";import{jsx as YI}from"react/jsx-runtime";import{jsx as eT}from"react/jsx-runtime";import{jsx as nT}from"react/jsx-runtime";import{jsx as We,jsxs as El}from"react/jsx-runtime";var Vu=ke.options,$u=ke.states,Xu={...ke.defaultOptions,variant:"vertical"},qu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Wu=[],Co=e=>{let{variant:t,...o}=e;return t==="horizontal"?El(ke,{layout:"horizontal",...o,children:[We(Le,{children:We(kt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),We(Le,{children:We(kt,{id:w("cb"),children:"Label"})}),We(Le,{children:We(kt,{id:w("cb"),children:"Label"})})]}):El(ke,{...o,children:[We(Le,{children:We(kt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),We(Le,{children:We(kt,{id:w("cb"),children:"Label"})}),We(Le,{children:We(kt,{id:w("cb"),children:"Label"})})]})};Co.options=Vu;Co.states=$u;Co.variants=qu;Co.defaultOptions=Xu;Co.modifiers=Wu;Co.className=ke.className;import{jsx as ef}from"react/jsx-runtime";var Ju=at.options,Yu=at.states,Zu=at.defaultOptions,Qu=[],ju=[],Eo=e=>ef(kt,{id:w("checkbox"),...e,defaultChecked:!0,children:"Label"});Eo.options=Ju;Eo.states=Yu;Eo.variants=Qu;Eo.defaultOptions=Zu;Eo.modifiers=ju;Eo.className=at.className;import{jsx as Yt,jsxs as nf}from"react/jsx-runtime";var Ur="k-list-item",tf=[s.hover,s.focus,s.selected,s.disabled],of={},af={},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 nf("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":Ur,S(Ur,{hover:u,focus:f,disabled:x,selected:N})),children:[l&&Yt(qe,{checked:c}),n&&Yt("span",{className:"k-list-item-icon-wrapper",children:Yt(v,{icon:n,className:r("k-list-item-icon",i)})}),Yt("span",{className:"k-list-item-text",children:C}),m&&Yt("div",{className:"k-list-item-actions",children:m}),L&&Yt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Yt("div",{className:"k-list-item-group-label",children:o})]})};O.states=tf;O.options=of;O.className=Ur;O.defaultOptions=af;O.moduleName=Wt;O.folderName=So;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 sf}from"react/jsx-runtime";var rf="k-list-ul",Lt=e=>{let{children:t,role:o,id:a,...n}=e;return sf("ul",{...n,id:a,role:o,className:r(rf,e.className),children:t})};Lt.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as Fr,jsxs as pf}from"react/jsx-runtime";var lf="k-list-content",H=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return pf("div",{...l,className:r(lf,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:Fr(Lt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Fr("div",{className:"k-height-container",children:Fr("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 WT,jsx as qT,jsxs as JT}from"react/jsx-runtime";import{jsx as Gr,jsxs as cf}from"react/jsx-runtime";var df="k-list-group-item",Zt=e=>{let{groupIconName:t,...o}=e;return cf("li",{...o,role:"presentation",className:r(df,e.className),children:[t&&Gr("span",{className:"k-list-item-icon-wrapper",children:Gr(v,{icon:t,className:"k-list-item-icon"})}),Gr("span",{className:"k-list-item-text",children:e.children})]})};Zt.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as bf}from"react/jsx-runtime";var Vr="k-list-optionlabel",mf=[s.hover,s.focus,s.selected,s.disabled],uf={},ff={},dn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return bf("div",{...l,className:r(Vr,S(Vr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};dn.states=mf;dn.options=uf;dn.className=Vr;dn.defaultOptions=ff;import{jsx as Nf}from"react/jsx-runtime";var $r="k-list-custom-value",hf=[s.hover,s.focus,s.selected,s.disabled],xf={},gf={},Kt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Nf("div",{...l,className:r($r,S($r,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Kt.states=hf;Kt.options=xf;Kt.className=$r;Kt.defaultOptions=gf;import{Fragment as cO,jsx as dO,jsxs as mO}from"react/jsx-runtime";import{Fragment as gO,jsx as xO,jsxs as NO}from"react/jsx-runtime";import{Fragment as AO,jsx as SO,jsxs as yO}from"react/jsx-runtime";import{Fragment as PO,jsx as OO,jsxs as BO}from"react/jsx-runtime";import{jsx as _O}from"react/jsx-runtime";import{Fragment as GO,jsx as FO,jsxs as VO}from"react/jsx-runtime";var Il="dropdown-list",Tl="dropdownlist";import{Fragment as Lf,jsx as Me,jsxs as Xr}from"react/jsx-runtime";var Ol="k-dropdownlist",vf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],kf={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]},qr={showValue:!0,arrowIconName:"chevron-down"},oe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=qr.arrowIconName,showValue:i=qr.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:$t,adaptiveFilter:Gn,id:It,activeDescendant:$a,"aria-label":Vn,...$n}=e,bd=It?`${It}-listbox`:void 0,Ys=It?`${It}-value`:void 0;return Xr(Lf,{children:[Xr(lt,{...$n,id:It,size:t,rounded:o,fillMode:a,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,className:r(e.className,Ol,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":pe?"true":"false","aria-controls":pe?bd:void 0,"aria-activedescendant":pe&&$a?$a:void 0,"aria-describedby":pe?Ys:void 0,"aria-disabled":M?"true":void 0,"aria-label":Vn,tabIndex:0,children:[Me(ze,{children:c}),Me(qt,{placeholder:N,value:f,showValue:i,valueIconName:l,id:Ys}),Me(Ne,{valid:L,invalid:k,loading:C,disabled:M}),Me(Ee,{loading:C,disabled:M}),Me(Ue,{children:u}),Me(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N||"Toggle dropdown",tabIndex:-1})]}),pe&&X&&Me(G,{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:Gn,inputValue:f,inputPlaceholder:N,title:Be,subtitle:$t}),children:Me("div",{className:"k-list-container",children:Me(R,{size:"large",children:Xr(H,{"aria-label":"Options",children:[Me(O,{text:"List item"}),Me(O,{text:"List item"}),Me(O,{text:"List item"})]})})})})]})};oe.states=vf;oe.options=kf;oe.className=Ol;oe.defaultOptions=qr;oe.moduleName=Il;oe.folderName=Tl;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 MB}from"react/jsx-runtime";import{jsx as IB,jsxs as TB}from"react/jsx-runtime";import{Fragment as HB,jsx as _B,jsxs as DB}from"react/jsx-runtime";import{jsx as VB}from"react/jsx-runtime";import{jsx as YB,jsxs as ZB}from"react/jsx-runtime";import{Fragment as sP,jsx as nP,jsxs as rP}from"react/jsx-runtime";import{jsx as cP}from"react/jsx-runtime";import{Fragment as Ef,jsx as _t,jsxs as Bl}from"react/jsx-runtime";var Mf=oe.states,Sf=oe.defaultOptions,yf=oe.options,Af=[{name:"opened",title:"Opened"}],Cf=[],To=e=>{let{modifiers:t,...o}=e,a={},n=Bl(Ef,{children:[_t("div",{className:"k-list-filter",children:_t(Ge,{})}),_t(R,{style:{width:300},size:o.size,children:Bl(H,{children:[_t(O,{children:"List item"}),_t(O,{children:"List item"}),_t(O,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),_t("div",{children:_t(oe,{placeholder:"Value",style:{width:300},...o,...a})})};To.options=yf;To.states=Mf;To.variants=Cf;To.defaultOptions=Sf;To.modifiers=Af;To.className=oe.className;import{Fragment as PP,jsx as BP}from"react/jsx-runtime";import{Fragment as HP,jsx as DP}from"react/jsx-runtime";import{jsx as GP}from"react/jsx-runtime";import{jsx as Wr}from"react/jsx-runtime";var If=_.states,Tf=_.defaultOptions,Of=_.options,Bf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Pf=[],Oo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Wr(oe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?Wr(ur,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),Wr(gl,{value:"Value",style:{width:300},...o,...a})};Oo.options=Of;Oo.states=If;Oo.variants=Pf;Oo.defaultOptions=Tf;Oo.modifiers=Bf;Oo.className=_.className;import{Fragment as Ca,jsx as B,jsxs as Q}from"react/jsx-runtime";var Pl="k-colorgradient-inputs",wf=[],Rf={size:[d.undefined,d.small,d.medium,d.large]},wl={mode:"rgba"},Bo=e=>{let{mode:t=wl.mode,size:o,...a}=e;return Q("div",{...a,className:r(Pl,"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(Ca,{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(Ca,{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(Ca,{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(Ca,{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(Ca,{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"})]})})]})};Bo.states=wf;Bo.options=Rf;Bo.className=Pl;Bo.defaultOptions=wl;import{jsx as Qt,jsxs as jt}from"react/jsx-runtime";var Rl="k-colorgradient-color-contrast",Kf=[],_f={},Df={},Po=()=>jt("div",{className:r(Rl,"k-vbox"),children:[jt("div",{className:"k-contrast-ratio",children:[Qt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),jt("span",{className:"k-contrast-validation !k-text-success",children:[Qt(v,{icon:"check"}),Qt(v,{icon:"check"})]})]}),jt("div",{children:[Qt("span",{children:"AA: 4.5"}),jt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Qt(v,{icon:"check"})]})]}),jt("div",{children:[Qt("span",{children:"AAA: 7.0"}),jt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Qt(v,{icon:"x"})]})]})]});Po.states=Kf;Po.options=_f;Po.className=Rl;Po.defaultOptions=Df;var Kl="color-gradient",_l="colorgradient";import{jsx as Je,jsxs as Ea}from"react/jsx-runtime";var cn="k-colorgradient",Hf=[s.hover,s.focus,s.readonly,s.disabled],zf={size:[d.undefined,d.small,d.medium,d.large]},ut={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ne=e=>{let{size:t,mode:o=ut.mode,readonly:a=ut.readonly,disabled:n=ut.disabled,gradientStyle:i=ut.gradientStyle,dragHandleStyle:l=ut.dragHandleStyle,alphaStyle:c=ut.alphaStyle,alphaStyleHorizontal:u=ut.alphaStyleHorizontal,contrast:f=ut.contrast,dir:N,hover:x,focus:m,hoverHandle:L,focusHandle:k,canvasOrientation:y=ut.canvasOrientation,role:C,tabIndex:M,...I}=e;return Ea("div",{...I,role:C??"textbox","aria-label":C==="none"?void 0:"Color gradient",tabIndex:M??0,"aria-disabled":n?"true":void 0,className:r(e.className,cn,A(cn,{size:t}),S(cn,{hover:x,focus:m,readonly:a,disabled:n})),dir:N,children:[!y||y==="horizontal"&&Ea("div",{className:"k-colorgradient-canvas k-hstack",children:[Je("div",{className:"k-hsv-rectangle",style:i,children:Je("div",{className:"k-hsv-gradient",children:Je("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":k}),style: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})})}),Ea("div",{className:"k-hsv-controls k-hstack",children:[Je(Rr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Je(Rr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:c})]})]}),y==="vertical"&&Ea("div",{className:"k-colorgradient-canvas k-vstack",children:[Je("div",{className:"k-hsv-rectangle",style:i,children:Je("div",{className:"k-hsv-gradient",children:Je("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":k}),style: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})})}),Ea("div",{className:"k-hsv-controls k-vstack",children:[Je(wr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Je(wr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),Je(Bo,{mode:e.mode,size:t}),f&&Je(Po,{})]})};ne.states=Hf;ne.options=zf;ne.className=cn;ne.defaultOptions=ut;ne.moduleName=Kl;ne.folderName=_l;ne.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as Uf}from"react/jsx-runtime";var mn=e=>Uf(ne,{...e});import{jsx as Ew}from"react/jsx-runtime";import{jsx as Bw}from"react/jsx-runtime";import{jsx as Jr}from"react/jsx-runtime";var Ff=ne.options,Gf=ne.states,Vf={...ne.defaultOptions,variant:"rgba"},$f=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Xf=[],wo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Jr(mn,{...o,mode:t});case"rgb":return Jr(mn,{...o,mode:t});default:return Jr(mn,{...o,mode:t})}};wo.options=Ff;wo.states=Gf;wo.variants=$f;wo.defaultOptions=Vf;wo.modifiers=Xf;wo.className=ne.className;import{jsx as qf}from"react/jsx-runtime";var Yr=e=>qf("tr",{role:"row",children:e.children});import{jsx as Yf}from"react/jsx-runtime";var Zr="k-colorpalette-tile",Wf=[s.hover,s.focus,s.selected],Jf={},Ro=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 Yf("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,Zr,S(Zr,{hover:a,focus:n,selected:i})),style:c})};Ro.states=Wf;Ro.options=Jf;Ro.className=Zr;var Dl="color-palette",Hl="colorpalette";import{jsx as Ia}from"react/jsx-runtime";var un="k-colorpalette",Zf=[s.disabled],Qf={size:[d.undefined,d.small,d.medium,d.large]},zl={columns:10},Se=e=>{let{size:t,palette:o,columns:a=zl.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(Ia(Ro,{color:k,tileSize:n},y))});let L=Ia(Yr,{children:m},x);c.push(L)})}return Ia("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,un,S(un,{disabled:i}),A(un,{size:t})),children:Ia("table",{className:"k-colorpalette-table",role:"none",children:Ia("tbody",{children:c.length>0?c:e.children})})})};Se.states=Zf;Se.options=Qf;Se.className=un;Se.defaultOptions=zl;Se.moduleName=Dl;Se.folderName=Hl;Se.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var fn=Se;var Ta={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as jf}from"react/jsx-runtime";var Ul=e=>jf(fn,{palette:Ta.basic,...e});import{jsx as uR}from"react/jsx-runtime";import{jsx as NR,jsxs as vR}from"react/jsx-runtime";import{jsx as sb}from"react/jsx-runtime";var eb=Se.options,tb=Se.states,ob={...Se.defaultOptions,variant:"basic"},ab=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],nb={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}},rb=[],Ko=e=>{let{variant:t="basic",...o}=e,a=nb[t];return sb(Ul,{columns:a.columns,palette:a,...o})};Ko.options=eb;Ko.states=tb;Ko.variants=ab;Ko.defaultOptions=ob;Ko.modifiers=rb;Ko.className=Se.className;var Fl="color-editor",Gl="coloreditor";import{jsx as Ye,jsxs as _o}from"react/jsx-runtime";var bn="k-coloreditor",ib=[s.focus],lb={size:[d.undefined,d.small,d.medium,d.large]},Oa={view:"gradient",palette:Ta.office,actionButtons:!0,canvasOrientation:"horizontal"},J=e=>{let{size:t,view:o=Oa.view,palette:a=Oa.palette,color:n,currentColor:i,focus:l,focusView:c,dir:u,group:f,actionButtons:N=Oa.actionButtons,canvasOrientation:x=Oa.canvasOrientation,...m}=e;return _o("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",bn,A(bn,{size:t}),S(bn,{focus:l})),dir:u,children:[_o("div",{className:"k-coloreditor-header k-hstack",children:[Ye("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&_o(T,{fillMode:"flat",children:[Ye(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ye(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ye("div",{className:"k-spacer"}),_o("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ye(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),_o("div",{className:"k-coloreditor-preview k-vstack",children:[Ye(Tt,{className:"k-coloreditor-preview-color",color:n}),Ye(Tt,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ye("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ye(ne,{focus:c,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):Ye(Se,{palette:a,size:t})}),N&&_o(we,{className:"k-coloreditor-footer",alignment:"start",children:[Ye(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ye(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};J.states=ib;J.options=lb;J.className=bn;J.defaultOptions=Oa;J.moduleName=Fl;J.folderName=Gl;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 Do=J;import{jsx as JR}from"react/jsx-runtime";import{jsx as jR}from"react/jsx-runtime";import{jsx as pb}from"react/jsx-runtime";var Vl=e=>pb(Do,{group:!0,currentColor:"fuchsia",...e});import{jsx as db}from"react/jsx-runtime";var $l=e=>db(Do,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Xl}from"react/jsx-runtime";var cb=J.options,mb=J.states,ub={...J.defaultOptions,variant:"gradient"},fb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],bb=[],Ho=e=>{let{variant:t,...o}=e;return t==="palette"?Xl($l,{...o,color:"white"}):Xl(Vl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Ho.options=cb;Ho.states=mb;Ho.variants=fb;Ho.defaultOptions=ub;Ho.modifiers=bb;Ho.className=J.className;var ql="color-picker",Wl="colorpicker";import{Fragment as gb,jsx as Ze,jsxs as Qr}from"react/jsx-runtime";var Jl="k-colorpicker",hb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],xb={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]},Yl={arrowIconName:"chevron-down"},Re=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Yl.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 Qr(gb,{children:[Qr(lt,{...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,Jl,"k-icon-picker"),children:[Ze(ze,{children:i}),Ze(qt,{placeholder:u,value:c,showValue:!1,valueIcon:Ze(Tt,{className:"k-value-icon",color:c,iconName:y}),valueIconName:y}),Ze(Ue,{children:l}),Ze(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),M&&C&&Ze(G,{id:Be,className:"k-colorpicker-popup",children:C}),I&&Ze(W,{adaptive:!0,id:Be,...X,header:Ze(ve,{actionsEnd:Ze(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:pe,subtitle:he}),footer:Qr(Ot,{children:[Ze(p,{text:"Cancel",size:"large"}),Ze(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Ze(J,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Re.states=hb;Re.options=xb;Re.className=Jl;Re.defaultOptions=Yl;Re.moduleName=ql;Re.folderName=Wl;Re.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Mt=Re;import{jsx as Nb}from"react/jsx-runtime";var hn=e=>Nb(Mt,{...e});import{jsx as KK}from"react/jsx-runtime";import{jsx as UK}from"react/jsx-runtime";import{jsx as $K}from"react/jsx-runtime";import{jsx as JK}from"react/jsx-runtime";import{jsx as jK}from"react/jsx-runtime";import{jsx as a_}from"react/jsx-runtime";import{jsx as eo}from"react/jsx-runtime";var vb=Mt.options,kb=Mt.states,Zl={...Mt.defaultOptions,variant:"color"},Lb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Mb=[{name:"opened",title:"Opened"}],zo=e=>{let{variant:t,modifiers:o,...a}={...Zl,...e},n={};Object.keys(o||{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?eo(J,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return eo("div",{style:i,children:eo(hn,{...a,...n})});case"icon":return eo("div",{style:i,children:eo(hn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return eo("div",{style:i,children:eo(hn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};zo.options=vb;zo.states=kb;zo.variants=Lb;zo.defaultOptions=Zl;zo.modifiers=Mb;zo.className=Mt.className;var jr="combobox",Ql=jr;import{Fragment as es,jsx as ae,jsxs as Ba}from"react/jsx-runtime";var jl="k-combobox",Sb=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],yb={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]},ep={separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=ep.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:$t,autocomplete:Gn,activeDescendant:It,"aria-label":$a,...Vn}=e,$n=$t?`${$t}-listbox`:void 0;return Ba(es,{children:[Ba(Z,{...Vn,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,jl),children:[i&&Ba(es,{children:[ae(ze,{children:i}),n&&ae(Fe,{})]}),ae(ge,{id:$t,placeholder:u,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?$n:void 0,"aria-activedescendant":M&&It?It:void 0,"aria-autocomplete":Gn,"aria-invalid":m?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":$a,disabled:y,readOnly:I}),ae(Ne,{valid:x,invalid:m,loading:k,disabled:y}),ae(Ee,{loading:k,disabled:y}),ae(Pe,{loading:k,disabled:y,readonly:I,value:c}),l&&Ba(es,{children:[n&&ae(Fe,{}),ae(Ue,{children:l})]}),ae(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:y})]}),M&&C&&ae(G,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),X&&ae(W,{adaptive:!0,id:$t?`${$t}-adaptive`:void 0,...pe,header:ae(ve,{actionsEnd:ae(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:u,title:he,subtitle:xe}),children:ae("div",{className:"k-list-container",children:ae(R,{customValue:Be?ae(Kt,{text:`Use "${c}"`}):void 0,size:"large",children:Ba(H,{"aria-label":he||"Options",children:[ae(O,{text:"List item"}),ae(O,{text:"List item"}),ae(O,{text:"List item"})]})})})})]})};de.states=Sb;de.options=yb;de.className=jl;de.defaultOptions=ep;de.moduleName=jr;de.folderName=Ql;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 Ab}from"react/jsx-runtime";var tp=e=>Ab(Ke,{...e});import{jsx as H_,jsxs as z_}from"react/jsx-runtime";import{jsx as X_,jsxs as q_}from"react/jsx-runtime";import{jsx as j_,jsxs as e0}from"react/jsx-runtime";import{Fragment as s0,jsx as r0}from"react/jsx-runtime";import{Fragment as m0,jsx as c0}from"react/jsx-runtime";import{jsx as g0,jsxs as N0}from"react/jsx-runtime";import{Fragment as C0,jsx as y0,jsxs as A0}from"react/jsx-runtime";import{jsx as O0}from"react/jsx-runtime";import{jsx as R0}from"react/jsx-runtime";import{jsx as U0,jsxs as F0}from"react/jsx-runtime";import{jsx as W0,jsxs as J0}from"react/jsx-runtime";import{jsx as Dt,jsxs as Bb}from"react/jsx-runtime";var Cb=de.states,Eb=de.defaultOptions,Ib=de.options,Tb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Ob=[],Uo=e=>{let{modifiers:t,...o}=e,a={},n=Dt(R,{style:{width:300},size:o.size,children:Bb(H,{children:[Dt(O,{children:"List item"}),Dt(O,{children:"List item"}),Dt(O,{children:"List item"})]})});return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Dt(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?Dt(se,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0;break;default:break}}),Dt("div",{children:Dt(tp,{value:"Value",style:{width:300},...o,...a})})};Uo.options=Ib;Uo.states=Cb;Uo.variants=Ob;Uo.defaultOptions=Eb;Uo.modifiers=Tb;Uo.className=de.className;var ts="menu-button",op=ts;import{jsx as Rb}from"react/jsx-runtime";var ap="k-menu-button",Pb=[s.hover,s.focus,s.active,s.selected,s.disabled],wb={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]},os={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=os.showArrow,arrowIconName:L=os.arrowIconName,expanded:k,...y}=e;return Rb(p,{...y,className:r(e.className,ap),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=Pb;D.options=wb;D.className=ap;D.defaultOptions=os;D.moduleName=ts;D.folderName=op;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 ED}from"react/jsx-runtime";import{jsx as BD}from"react/jsx-runtime";import{jsx as KD}from"react/jsx-runtime";var _e="menu",Qe=_e;import{jsx as Pa,jsxs as np}from"react/jsx-runtime";var as="k-menu-item",Kb=[s.hover,s.focus,s.active,s.selected,s.disabled],_b={},rp={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=rp.iconPosition,dir:L,children:k,expanded:y,...C}=e,M=x;return M||(M=L==="rtl"?"chevron-left":"chevron-right"),np("li",{...C,className:r(e.className,as,"k-item",S(as,{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:[np("span",{className:r("k-link k-menu-link"),children:[l&&m==="before"&&Pa(v,{className:"k-menu-link-icon",icon:l}),Pa("span",{className:"k-menu-link-text",children:c}),l&&m==="after"&&Pa(v,{className:"k-menu-link-icon",icon:l}),N&&Pa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Pa(v,{icon:M})})]}),k]})};ce.states=Kb;ce.options=_b;ce.className=as;ce.defaultOptions=rp;ce.moduleName=_e;ce.folderName=Qe;import{jsx as wa,jsxs as sp}from"react/jsx-runtime";var ns="k-menu-item",Db=[s.hover,s.focus,s.active,s.selected,s.disabled],Hb={},rs={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=rs.iconPosition,dir:L=rs.dir,children:k,popup:y,expanded:C,...M}=e,I=x;return I||(I=L==="rtl"?"chevron-left":"chevron-right"),sp("li",{...M,className:r(e.className,ns,"k-item",S(ns,{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:[sp("span",{className:r("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&m==="before"&&wa(v,{className:"k-menu-link-icon",icon:l}),wa("span",{className:"k-menu-link-text",children:c}),l&&m==="after"&&wa(v,{className:"k-menu-link-icon",icon:l}),N&&wa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:wa(v,{icon:I})})]}),k,y]})};q.states=Db;q.options=Hb;q.className=ns;q.defaultOptions=rs;q.moduleName=_e;q.folderName=Qe;import{jsx as Gb}from"react/jsx-runtime";var ip="k-menu-scroll-wrapper",zb=[],Ub={},Fb={},to=e=>{let{className:t,children:o,orientation:a,...n}=e;return Gb("div",{...n,className:r(t,ip,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};to.states=zb;to.options=Ub;to.className=ip;to.defaultOptions=Fb;to.moduleName=_e;to.folderName=Qe;var lp=to;import{Fragment as ss,jsx as oo,jsxs as gn}from"react/jsx-runtime";var is="k-menu",Vb=[],$b={},Nn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=Nn.orientation,header:a=Nn.header,scrollable:n,scrollButtonsPosition:i=Nn.scrollButtonsPosition,wrapperStyles: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=oo("ul",{dir:c,...N,className:r(e.className,"k-reset",is,{[`${is}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return gn(ss,{children:[n?gn(lp,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&gn(ss,{children:[oo(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),oo(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"&&oo(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"&&gn(ss,{children:[oo(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),oo(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"&&oo(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=Vb;re.options=$b;re.className=is;re.defaultOptions=Nn;re.moduleName=_e;re.folderName=Qe;re.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as Xb}from"react/jsx-runtime";var ls="k-separator",pp={orientation:"horizontal"},Fo=e=>{let{orientation:t=pp.orientation,...o}=e;return Xb("li",{...o,className:r(e.className,"k-item",ls,{[`${ls}-${t}`]:t}),role:"separator"})};Fo.className=ls;Fo.defaultOptions=pp;Fo.moduleName=_e;Fo.folderName=Qe;import{Fragment as cH,jsx as mH}from"react/jsx-runtime";import{jsx as Yb}from"react/jsx-runtime";var ps="k-menu-group",qb=[],Wb={size:[d.undefined,d.small,d.medium,d.large]},Jb={},me=e=>{let{children:t,size:o,...a}=e;return Yb("ul",{...a,className:r(e.className,ps,A(ps,{size:o})),role:"menu",children:t})};me.states=qb;me.options=Wb;me.className=ps;me.defaultOptions=Jb;me.moduleName=_e;me.folderName=Qe;import{Fragment as Zb,jsx as Go,jsxs as Qb}from"react/jsx-runtime";var ds=e=>Go(re,{children:Qb(Zb,{children:[Go(ce,{first:!0,text:"Item 1"}),Go(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Go(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Go(ce,{text:"Item 4"}),Go(ce,{last:!0,text:"Item 5"})]}),...e});import{Fragment as AH,jsx as SH,jsxs as yH}from"react/jsx-runtime";import{Fragment as OH,jsx as TH,jsxs as BH}from"react/jsx-runtime";import{Fragment as _H,jsx as KH,jsxs as DH}from"react/jsx-runtime";import{Fragment as GH,jsx as FH,jsxs as VH}from"react/jsx-runtime";import{jsx as ao,jsxs as ah}from"react/jsx-runtime";var jb=re.options,eh=re.states,dp={...re.defaultOptions,variant:"horizontal"},th=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],oh=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Vo=e=>{let{variant:t,modifiers:o,...a}={...dp,...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=ao(G,{className:"k-menu-popup",children:ah(me,{children:[ao(q,{text:"Item 1"}),ao(q,{text:"Item 2"}),ao(Fo,{}),ao(q,{text:"Item 3"})]})});break}}),t==="vertical"?ao(ds,{...a,...n,orientation:"vertical",style:{width:"200px"}}):ao(ds,{...a,...n})};Vo.options=jb;Vo.states=eh;Vo.variants=th;Vo.defaultOptions=dp;Vo.modifiers=oh;Vo.className=re.className;import{Fragment as L1,jsx as v1,jsxs as k1}from"react/jsx-runtime";import{jsx as A1}from"react/jsx-runtime";import{Fragment as lh,jsx as ft,jsxs as cp}from"react/jsx-runtime";var nh=p.states,mp={...p.defaultOptions,variant:"text"},rh=p.options,sh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ih=[{name:"opened",title:"Opened"}],$o=e=>{let{variant:t,modifiers:o,...a}={...mp,...e},n={},i=ft(G,{className:"k-menu-popup",children:cp(me,{size:a.size,children:[ft(q,{first:!0,text:"Menu Item"}),ft(q,{text:"Menu Item"}),ft(q,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=ft("div",{children:ft(D,{...a,...n,icon:"star"})});break;case"icon-and-text":l=ft("div",{children:ft(D,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=ft("div",{children:ft(D,{...a,...n,children:"Dropdown Button"})});break}return cp(lh,{children:[l,o?.opened&&i]})};$o.options=rh;$o.states=nh;$o.variants=sh;$o.defaultOptions=mp;$o.modifiers=ih;$o.className=D.className;var cs="split-button",up=cs;import{Fragment as ch,jsx as ms,jsxs as fp}from"react/jsx-runtime";var us="k-split-button",ph=[s.hover,s.focus,s.active,s.selected,s.disabled],dh={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]},bp={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=bp.arrowIconName,popup:L,opened:k,popupId:y,...C}=e;return fp(ch,{children:[fp("div",{...C,className:r(e.className,us,"k-button-group",A(us,{rounded:o})),children:[ms(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}),ms(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&&ms(G,{className:"k-menu-popup",children:L})]})};P.states=ph;P.options=dh;P.className=us;P.defaultOptions=bp;P.moduleName=cs;P.folderName=up;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 fs=P;import{jsx as uh}from"react/jsx-runtime";var mh="k-toolbar-separator",nt=e=>uh("div",{className:r(mh,e.className,"k-separator")});var St="toolbar",Ht=St;import{Fragment as bs,jsx as K,jsxs as Xo}from"react/jsx-runtime";var yt="k-toolbar",fh=[s.focus],bh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},hh={scrollButtons:"around"},z=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:c,section:u,...f}=e,N=[],x=(m,L)=>{let k=[];if(m.type===p&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))k.push(K(p,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===p)k.push(K(p,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===ba)k.push(K(ba,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===se)k.push(K(se,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===D)k.push(K(D,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===fs)k.push(K(fs,{...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)}),Xo("div",{...f,className:r(e.className,yt,A(yt,{size:t,fillMode:o}),S(yt,{focus:a}),{[`${yt}-resizable`]:n,[`${yt}-scrollable`]:i,[`${yt}-scrollable-overlay`]:i&&l==="hidden",[`${yt}-scrollable-${c}`]:c&&c!=="both",[`${yt}-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"&&Xo(bs,{children:[Xo(T,{children:[K("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-left"})}),K("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-right"})})]}),K(nt,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&Xo(bs,{children:[K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),K(nt,{className:"k-toolbar-button-separator"}),Xo(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)&&Xo(bs,{children:[K("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-left"})}),K(nt,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),K(nt,{className:"k-toolbar-button-separator"}),K("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};z.states=fh;z.options=bh;z.className=yt;z.defaultOptions=hh;z.moduleName=St;z.folderName=Ht;z.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as vh}from"react/jsx-runtime";var hp="k-floating-toolbar",xh=[],gh={},Nh={},qo=e=>{let{...t}=e;return vh("div",{...t,className:r(e.className,hp),children:e.children})};qo.states=xh;qo.options=gh;qo.className=hp;qo.defaultOptions=Nh;qo.moduleName=St;qo.folderName=Ht;import{jsx as Sh}from"react/jsx-runtime";var hs="k-toolbar-item",kh=[s.focus],Lh={},Mh={},Wo=e=>{let{focus:t,...o}=e;return Sh("div",{...o,className:r(e.className,hs,S(hs,{focus:t})),children:e.children})};Wo.states=kh;Wo.options=Lh;Wo.className=hs;Wo.defaultOptions=Mh;Wo.moduleName=St;Wo.folderName=Ht;import{jsx as xp}from"react/jsx-runtime";var gp="k-toolbar-popup",yh=[],Ah={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Ch={},no=e=>{let{size:t,fillMode:o,section:a,...n}=e;return xp(G,{...n,className:r(e.className,gp),children:a?xp("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};no.states=yh;no.options=Ah;no.className=gp;no.defaultOptions=Ch;no.moduleName=St;no.folderName=Ht;var vn=no;import{jsx as Iz}from"react/jsx-runtime";import{jsx as Pz}from"react/jsx-runtime";import{jsx as _z}from"react/jsx-runtime";import{jsx as Gz,jsxs as Vz}from"react/jsx-runtime";import{jsx as Wz}from"react/jsx-runtime";import{jsx as At,jsxs as Bh}from"react/jsx-runtime";var Eh=P.states,Np={...P.defaultOptions,variant:"text"},Ih=P.options,Th=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Oh=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}={...Np,...e},n={},i=Bh(me,{size:a.size,children:[At(q,{first:!0,text:"Menu Item"}),At(q,{text:"Menu Item"}),At(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 At("div",{children:At(P,{...a,...n,icon:"star"})});case"icon-and-text":return At("div",{children:At(P,{...a,...n,icon:"star",children:"Split Button"})});default:return At("div",{children:At(P,{...a,...n,children:"Split Button"})})}};Jo.options=Ih;Jo.states=Eh;Jo.variants=Th;Jo.defaultOptions=Np;Jo.modifiers=Oh;Jo.className=P.className;import{jsx as ro,jsxs as Ph}from"react/jsx-runtime";var vp=e=>ro(z,{children:[ro(p,{children:"Button"},"toolbar-button"),ro(D,{text:"Menu button"},"toolbar-menu-button"),ro(P,{children:"Split button"},"toolbar-split-button"),Ph(T,{children:[ro(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ro(p,{icon:"align-center",children:"Center"}),ro(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as M2,jsxs as S2}from"react/jsx-runtime";import{jsx as De,jsxs as kp}from"react/jsx-runtime";var Lp=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"),kp(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"),kp(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 Mp}from"react/jsx-runtime";var Sp=({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"),Mp(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"),Mp(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 wh,jsx as Ie,jsxs as kn}from"react/jsx-runtime";var yp=({fillMode:e,size:t,...o})=>kn(wh,{children:[Ie(z,{section:!0,fillMode:e,size:t,children:[Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),kn(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(nt,{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}),kn(vn,{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(nt,{}),Ie(D,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),kn(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 aU,jsx as tU,jsxs as oU}from"react/jsx-runtime";import{Fragment as fU,jsx as mU,jsxs as uU}from"react/jsx-runtime";import{jsx as zt}from"react/jsx-runtime";var Rh=z.options,Kh=z.states,Ap={...z.defaultOptions,variant:"default"},_h=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Dh=[],Yo=e=>{let{variant:t,...o}={...Ap,...e};switch(t){case"responsive":return zt("div",{children:zt(yp,{style:{width:"583px"},...o})});case"overlay":return zt("div",{children:zt(Sp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return zt("div",{children:zt(Lp,{style:{width:"583px"},...o})});default:return zt("div",{children:zt(vp,{style:{width:"583px"},...o})})}};Yo.options=Rh;Yo.states=Kh;Yo.variants=_h;Yo.defaultOptions=Ap;Yo.modifiers=Dh;Yo.className=z.className;import{Fragment as Fh,jsx as rt,jsxs as Ra}from"react/jsx-runtime";var Cp="k-message",Hh=[s.hover,s.selected,s.active,s.focus],zh={},Uh=[rt(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),rt(p,{icon:"arrow-rotate-cw-outline",fillMode:"flat","aria-label":"Retry"}),rt(p,{icon:"download-light",fillMode:"flat","aria-label":"Download"})],Zo={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Uh,failed:"Failed to send"},V=e=>{let{time:t=Zo.time,text:o=Zo.text,content:a,status:n=Zo.status,statusIcon:i,toolbarItems:l=Zo.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?Zo.failed:M;return Ra("div",{...I,className:r(Cp,e.className,{"k-message-removed":y,"k-message-failed":M}),children:[M&&rt(se,{className:"k-resend-button",icon:"arrow-rotate-cw-outline",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),rt(Ep,{typing:m,selected:u,hover:c,active:f,focus:N,content:Ra(Fh,{children:[a,o&&rt("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:k,files:C}),Ra("div",{className:"k-message-info",children:[n&&Ra("span",{className:"k-message-status",children:[i&&rt(v,{icon:i,size:"xsmall"}),n]}),t&&rt("time",{className:"k-message-time",children:t}),M&&Ra("span",{className:"k-message-failed-content",children:[M&&rt(v,{icon:"warning-triangle",size:"xsmall"}),M&&rt("span",{className:"k-message-failed-text",children:X})]})]}),x&&rt(z,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};V.states=Hh;V.options=zh;V.className=Cp;V.defaultOptions=Zo;var xs="avatar",Ip=xs;import{jsx as Tp}from"react/jsx-runtime";var Ka="k-avatar";var Gh=[s.hover,s.focus,s.active,s.selected,s.disabled],Vh={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]},gs={type:"text",border:!1},ue=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=gs.type,border:l=gs.border,...c}=e;return Tp("div",{...c,className:r(e.className,Ka,A(Ka,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ka}-bordered`]:l}),children:Tp("span",{className:`${Ka}-${i}`,children:e.children})})};ue.states=Gh;ue.options=Vh;ue.className=Ka;ue.defaultOptions=gs;ue.moduleName=xs;ue.folderName=Ip;ue.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var so=ue;import{jsx as $h}from"react/jsx-runtime";var Op=e=>$h(so,{type:"icon",...e});import{jsx as Xh}from"react/jsx-runtime";var Bp=e=>Xh(so,{type:"text",...e});import{jsx as qh}from"react/jsx-runtime";var Ln=e=>qh(so,{type:"image",...e});import{jsx as i3}from"react/jsx-runtime";import{jsx as _a}from"react/jsx-runtime";var Wh=ue.options,Jh=ue.states,Yh={...ue.defaultOptions,variant:"image"},Zh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Qh=[],Qo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return _a(Op,{...o,children:_a(v,{icon:"star"})});case"text":return _a(Bp,{...o,children:"JO"});default:return _a(Ln,{...o,children:_a("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Qo.options=Wh;Qo.states=Jh;Qo.variants=Zh;Qo.defaultOptions=Yh;Qo.modifiers=Qh;Qo.className=ue.className;import{jsx as jo,jsxs as Ns}from"react/jsx-runtime";var Da="k-message-group",jh=[s.selected],ex={},Mn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},$=e=>{let{type:t=Mn.type,author:o=Mn.author,avatar:a=Mn.avatar,status:n,selected:i,fullWidth:l,...c}=e;return Ns("div",{...c,className:r(Da,e.className,S(Da,{selected:i}),{[`${Da}-${t}`]:t,"k-no-avatar":!a,[`${Da}-full-width`]:l}),children:[a&&!n&&jo(ue,{type:"image",children:jo("img",{src:a,alt:o||""})}),n&&a&&Ns("div",{className:"k-chat-user-status-wrapper",children:[jo(ue,{type:"image",children:jo("img",{src:a,alt:o||""})}),jo("div",{className:"k-chat-user-status"})]}),Ns("div",{className:"k-message-group-content",children:[o&&jo("span",{className:"k-message-author",children:o}),e.children]})]})};$.states=jh;$.options=ex;$.className=Da;$.defaultOptions=Mn;import{Fragment as ox,jsx as Sn,jsxs as Pp}from"react/jsx-runtime";var vs="k-message-reference",tx={},wp={type:"receiver"},ea=e=>{let{content:t,closeable:o,pinned:a,type:n=wp.type,...i}=e;return Pp("div",{...i,className:r(vs,e.className,{[`${vs}-${n}`]:n,"k-message-pinned":a}),children:[a&&Sn(v,{icon:"pin-outline"}),Sn("div",{className:"k-message-reference-content",children:t}),o&&Pp(ox,{children:[Sn("span",{className:"k-spacer"}),Sn(p,{icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};ea.options=tx;ea.className=vs;ea.defaultOptions=wp;var ks="bubble",Rp=ks;import{jsx as yn,jsxs as nx}from"react/jsx-runtime";var Ls="k-bubble",ax=[s.hover,s.active,s.selected,s.focus],Ms={expandable:!1,expanded:!1},Ut=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Ms.expandable,expanded:c=Ms.expanded,...u}=e;return nx("div",{...u,className:r(e.className,Ls,S(Ls,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":c}),tabIndex:0,children:[yn("div",{className:"k-bubble-content",children:t??e.children}),l&&yn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":c?"Show less":"Show more",tabIndex:0,children:c?yn(v,{icon:"chevron-up"}):yn(v,{icon:"chevron-down"})})]})};Ut.states=ax;Ut.className=Ls;Ut.defaultOptions=Ms;Ut.moduleName=ks;Ut.folderName=Rp;Ut.ariaSpec={selector:".k-bubble",rules:[{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."}]};import{jsx as U3}from"react/jsx-runtime";import{jsx as $3}from"react/jsx-runtime";import{jsx as J3}from"react/jsx-runtime";import{jsx as Ss,jsxs as _p}from"react/jsx-runtime";var rx="k-chat-bubble",Ep=e=>{let{typing:t,content:o,files:a,...n}=e;return _p(Ut,{...n,className:r(e.className,rx),children:[t?_p("div",{className:"k-typing-indicator",tabIndex:-1,children:[Ss("span",{}),Ss("span",{}),Ss("span",{})]}):o,a]})};import{jsx as dF}from"react/jsx-runtime";import{jsx as Dp,jsxs as sx}from"react/jsx-runtime";var Hp="k-chat-event",ys={icon:"trash",text:"You deleted Chat history."},zp=e=>{let{icon:t=ys.icon,text:o=ys.text,...a}=e;return sx("div",{...a,className:r(e.className,Hp),children:[t&&Dp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&Dp("span",{className:"k-chat-event-text",children:o})]})};zp.className=Hp;zp.defaultOptions=ys;import{jsx as vF}from"react/jsx-runtime";import{Fragment as ix,jsx as bt,jsxs as lx}from"react/jsx-runtime";var Up=e=>bt(U,{children:lx(ix,{children:[bt("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),bt($,{children:bt(V,{})}),bt($,{type:"sender",children:bt(V,{})}),bt($,{children:bt(V,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),bt($,{type:"sender",children:bt(V,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as Fp}from"react/jsx-runtime";var An="k-file-box-wrapper",Gp={layout:"horizontal"},ht=e=>{let{layout:t=Gp.layout,scrollingPosition:o,...a}=e;return Fp("ul",{role:"list","aria-label":"Attached files",...a,className:r(e.className,An,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${An}-scrollable-start`]:t==="horizontal"&&(o==="start"||o==="both"),[`${An}-scrollable-end`]:t==="horizontal"&&(o==="end"||o==="both")}),children:t==="horizontal"?Fp("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};ht.className=An;ht.defaultOptions=Gp;var As="file-box",Vp=As;import{jsx as ta,jsxs as $p}from"react/jsx-runtime";var Xp="k-file-box",px=[s.selected],dx={},Ha={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},ye=e=>{let{icon:t=Ha.icon,name:o=Ha.name,size:a=Ha.size,status:n,deleted:i,removeButton:l,showButton:c=Ha.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return $p("li",{role:"listitem",tabIndex:0,"aria-label":f||void 0,...u,className:r(Xp,e.className,{"k-file-deleted":i}),children:[ta(v,{icon:t,size:"xlarge","aria-hidden":"true"}),$p("div",{className:"k-file-info",children:[o&&ta("span",{className:"k-file-name",children:o}),a&&ta("span",{className:"k-file-size",children:a}),n&&ta("span",{className:"k-file-status",children:n})]}),c&&(l?ta(p,{as:"span",icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):ta(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};ye.states=px;ye.options=dx;ye.className=Xp;ye.defaultOptions=Ha;ye.moduleName=As;ye.folderName=Vp;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 HF}from"react/jsx-runtime";import{jsx as VF}from"react/jsx-runtime";import{jsx as JF,jsxs as YF}from"react/jsx-runtime";import{jsx as t5,jsxs as o5}from"react/jsx-runtime";import{jsx as i5}from"react/jsx-runtime";import{Fragment as k5,jsx as v5,jsxs as L5}from"react/jsx-runtime";import{Fragment as C5,jsx as A5,jsxs as E5}from"react/jsx-runtime";var Cs="skeleton",qp=Cs;import{jsx as fx}from"react/jsx-runtime";var Es="k-skeleton",cx=["circle","text","rect"],mx=[],ux={},Is={variant:"text",shape:"text",animation:"pulse"},st=e=>{let{variant:t,shape:o,animation:a=Is.animation,...n}=e,i=`skeleton-${t||o||Is.variant}`;return fx("span",{...n,className:r(e.className,Es,Xa(Es,i),{[`k-skeleton-${a}`]:a}),style:e.style})};st.states=mx;st.options=ux;st.variants=cx;st.className=Es;st.defaultOptions=Is;st.moduleName=Cs;st.folderName=qp;st.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as _5}from"react/jsx-runtime";import{jsx as U5}from"react/jsx-runtime";import{jsx as $5}from"react/jsx-runtime";import{Fragment as rG,jsx as aG,jsxs as nG}from"react/jsx-runtime";import{Fragment as dG,jsx as pG,jsxs as cG}from"react/jsx-runtime";var Ts="window",Wp=Ts;import{jsx as gx}from"react/jsx-runtime";var Jp="k-window-content",bx=[],hx={},xx={},Ft=e=>{let{children:t,...o}=e;return gx("div",{...o,className:r(Jp,e.className),children:t})};Ft.states=bx;Ft.options=hx;Ft.className=Jp;Ft.defaultOptions=xx;Ft.moduleName=Ts;Ft.folderName=Wp;var za="dialog",Cn=za;import{Fragment as kx,jsx as io,jsxs as Os}from"react/jsx-runtime";var Yp="k-dialog",Nx=[],vx={},Bs={actionButtonsAlign:"stretched",modal:!0},Te=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Bs.actionButtonsAlign,modal:i=Bs.modal,...l}=e,c=t!==void 0?w("dialog-titlebar"):void 0,u=w("dialog-content");return Os("div",{className:"k-dialog-wrapper",children:[i&&io(ct,{}),Os("div",{...l,className:r(e.className,Yp,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0||o)&&Os("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&io("span",{className:"k-window-title k-dialog-title",children:t}),o&&io(kx,{children:io("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>io(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),io(Ft,{className:"k-dialog-content",id:u,children:e.children}),a&&io(we,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};Te.states=Nx;Te.options=vx;Te.className=Yp;Te.defaultOptions=Bs;Te.moduleName=za;Te.folderName=Cn;Te.ariaSpec={selector:".k-dialog",rules:[{selector:".k-dialog",attribute:"role=dialog or role=alertdialog",usage:"Announces the dialog or alertdialog role of the component."},{selector:".k-dialog",attribute:"aria-labelledby",usage:"Associate the title of the dialog."},{selector:".k-dialog",attribute:"aria-describedby",usage:"Associate the dialog content to the wrap element."},{selector:".k-overlay + .k-dialog",attribute:"aria-modal=true",usage:"Announces that the dialog is modal. Attribute is added only when the dialog is modal."}]};var Ps=Te;import{jsx as yx}from"react/jsx-runtime";var Zp="k-dialog-wrapper",Lx=[],Mx={},Sx={},oa=e=>{let{...t}=e;return yx("div",{...t,className:r(e.className,Zp),children:e.children})};oa.states=Lx;oa.options=Mx;oa.className=Zp;oa.defaultOptions=Sx;oa.moduleName=za;oa.folderName=Cn;import{Fragment as Qp,jsx as En,jsxs as Ax}from"react/jsx-runtime";var jp=e=>En(Ps,{title:"Title",children:En(Qp,{children:"Dialog content"}),actionButtons:Ax(Qp,{children:[En(p,{children:"Action"}),En(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as DG,jsx as HG,jsxs as zG}from"react/jsx-runtime";import{Fragment as Bx,jsx as In,jsxs as Px}from"react/jsx-runtime";var Cx=Te.options,Ex=[],Ix=Te.states,Tx=Te.defaultOptions,Ox=[],aa=e=>In(jp,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:Px(Bx,{children:[In(p,{children:"No"}),In(p,{themeColor:"primary",children:"Yes"})]}),children:In("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});aa.options=Cx;aa.states=Ix;aa.variants=Ex;aa.defaultOptions=Tx;aa.modifiers=Ox;aa.className=Te.className;var ws="dropzone",ed=ws;import{jsx as Tn,jsxs as Kx}from"react/jsx-runtime";var Rs="k-external-dropzone",wx=[s.disabled,s.hover],Rx={},Ks={icon:"upload",hint:"Drag and drop files here to upload"},Ae=e=>{let{hover:t,disabled:o,icon:a=Ks.icon,hint:n=Ks.hint,note:i,...l}=e;return Tn("div",{...l,className:r(e.className,Rs,S(Rs,{disabled:o}),{"k-external-dropzone-hover":t}),children:Kx("div",{className:"k-dropzone-inner",children:[a&&Tn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&Tn("span",{className:"k-dropzone-hint",children:n}),i&&Tn("span",{className:"k-dropzone-note",children:i})]})})};Ae.states=wx;Ae.options=Rx;Ae.className=Rs;Ae.defaultOptions=Ks;Ae.moduleName=ws;Ae.folderName=ed;import{jsx as _x}from"react/jsx-runtime";var td=e=>_x(Ae,{...e});import{jsx as c6}from"react/jsx-runtime";import{jsx as Gx}from"react/jsx-runtime";var Dx=Ae.options,Hx=Ae.states,zx=Ae.defaultOptions,Ux=[{name:"note",title:"Note"}],Fx=[],na=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{n==="note"&&(a.note=t?.[n]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),Gx(td,{style:{width:"500px"},...o,...a})};na.options=Dx;na.states=Hx;na.variants=Fx;na.defaultOptions=zx;na.modifiers=Ux;na.className=Ae.className;import{Fragment as On,jsx as Gt,jsxs as Ua}from"react/jsx-runtime";var _s="k-upload-dropzone",Vx=[s.hover],Bn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,c;switch(o){case"uploading":c=Ua(On,{children:[Gt(v,{icon:"upload"}),"Uploading..."]});break;case"done":c=Ua(On,{children:[Gt(v,{icon:"check"}),"Done"]});break;case"failed":c=Ua(On,{children:[Gt(v,{icon:"exclamation-circle"}),"Done"]});break;default:c=Gt(On,{});break}return Ua("div",{...l,className:r(e.className,_s,"k-dropzone",S(_s,{hover:t})),children:[Ua("div",{className:"k-upload-button-wrap",children:[Gt(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),Gt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Gt("span",{className:r("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Gt("span",{className:"k-upload-status",children:c})]})};Bn.states=Vx;Bn.className=_s;var Ds="upload",od=Ds;import{jsx as Pn,jsxs as nd}from"react/jsx-runtime";var Hs="k-upload",$x=[s.hover,s.disabled],Xx={},rd={actionsLayout:"end"},ad="upload-files-list",j=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=rd.actionsLayout,hover:i,status:l,disabled:c,...u}=e,f=!!e.children;return nd("div",{...u,className:r(e.className,Hs,S(Hs,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[Pn(Bn,{status:l,hover:i,disabled:c,hasFiles:f,filesId:ad}),f&&Pn("ul",{className:"k-upload-files",role:"list",id:ad,children:e.children}),a&&f&&nd(Vi,{alignment:n,orientation:"horizontal",children:[Pn(p,{className:"k-clear-selected",children:"Clear"}),Pn(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};j.states=$x;j.options=Xx;j.className=Hs;j.defaultOptions=rd;j.moduleName=Ds;j.folderName=od;j.ariaSpec={selector:".k-upload",rules:[{selector:".k-upload .k-upload-button",attribute:"aria-disabled",usage:"Announces the disabled state of the upload button."},{selector:".k-upload .k-upload-button",attribute:"aria-controls (when present)",usage:"Creates the relationship between the button and the list of selected files when the list is present."},{selector:".k-upload input",attribute:"tabindex=-1",usage:"Assures that the input element inside the upload is not focusable."},{selector:".k-upload input",attribute:"aria-hidden=true",usage:"The input needs to be hidden from screen readers."},{selector:".k-upload-files",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-upload-files",attribute:"id",usage:"Unique and deterministic id linked to the button aria-controls attribute."},{selector:".k-upload-files .k-file",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-upload .k-file .k-file-validation-message",attribute:"aria-live=polite",usage:"Announces the change in the upload status of the file."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"aria-label",usage:"Provides accessible names for the file action buttons."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"tabindex=-1",usage:"The list file action buttons are not focusable elements."}]};var Fa="progressbar",wn=Fa;import{jsx as Us,jsxs as zs}from"react/jsx-runtime";var je="k-progressbar",qx=[s.disabled,s.indeterminate],Wx={orientation:["horizontal","vertical"]},lo={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},fe=e=>{let{disabled:t,height:o,indeterminate:a=lo.indeterminate,label:n=lo.label,labelPosition:i=lo.labelPosition,orientation:l=lo.orientation,reverse:c=lo.reverse,value:u=lo.value,width:f,style:N,ariaLabel:x,...m}=e;return zs("div",{...m,className:r(e.className,je,S(je,{disabled:t}),{[`${je}-${l}`]:l,[`${je}-indeterminate`]:a,[`${je}-reverse`]:c}),style:{...N,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:f},role:"progressbar","aria-label":x||"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Us("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&zs("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Us("div",{className:"k-progressbar-value k-selected",children:Us("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&zs("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};fe.states=qx;fe.options=Wx;fe.className=je;fe.defaultOptions=lo;fe.moduleName=Fa;fe.folderName=wn;fe.ariaSpec={selector:".k-progressbar",implicitRole:"progressbar",rules:[{selector:".k-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ProgressBar."},{selector:".k-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ProgressBar needs an accessible name to be assigned to it."},{selector:".k-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Decimal value between aria-valuemin and aria-valuemax."},{selector:".k-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to 100."}]};var sd=fe;import{jsx as Fs}from"react/jsx-runtime";var id="k-chunk-progressbar",Jx=(e,t)=>t<=e-1,Yx=[s.disabled,s.indeterminate],Zx={},Rn={chunkCount:5,orientation:"horizontal",progress:0},po=e=>{let{disabled:t,chunkCount:o=Rn.chunkCount,indeterminate:a,orientation:n=Rn.orientation,progress:i=Rn.progress,reverse:l,ariaLabel:c,...u}=e;return Fs("div",{...u,className:r(e.className,je,id,S(je,{disabled:t}),{[`${je}-${n}`]:n,[`${je}-indeterminate`]:a,[`${je}-reverse`]:l}),role:"progressbar","aria-label":c||"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Fs("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>Fs("li",{className:r("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":Jx(i,N)})},N))})})};po.states=Yx;po.options=Zx;po.className=id;po.defaultOptions=Rn;po.moduleName=Fa;po.folderName=wn;po.ariaSpec={selector:".k-chunk-progressbar",implicitRole:"progressbar",rules:[{selector:".k-chunk-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ChunkProgressBar."},{selector:".k-chunk-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ChunkProgressBar needs an accessible name to be assigned to it."},{selector:".k-chunk-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Value between aria-valuemin and aria-valuemax."},{selector:".k-chunk-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-chunk-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to chunk count."}]};import{jsx as Qx}from"react/jsx-runtime";var Ga=e=>Qx(sd,{...e});import{jsx as Q6}from"react/jsx-runtime";import{jsx as Vt}from"react/jsx-runtime";var jx=fe.options,eg=fe.states,ld={...fe.defaultOptions,variant:"start"},tg=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],og=[],ra=e=>{let{variant:t,modifiers:o,...a}={...ld,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o||{}).forEach(l=>{switch(l){case"reverse":n.reverse=!!o?.[l];break;case"vertical":n.orientation=o?.[l]?"vertical":void 0,i.style=o?.[l]?void 0:{width:"324px"};break}}),t){case"end":return Vt("div",{...i,children:Vt(Ga,{...a,...n,labelPosition:"end",value:"50"})});case"center":return Vt("div",{...i,children:Vt(Ga,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return Vt("div",{...i,children:Vt(Ga,{...a,...n,label:!1,value:"50"})});default:return Vt("div",{...i,children:Vt(Ga,{...a,...n,labelPosition:"start",value:"50"})})}};ra.options=jx;ra.states=eg;ra.variants=tg;ra.defaultOptions=ld;ra.modifiers=og;ra.className=fe.className;import{jsx as Gs,jsxs as ng}from"react/jsx-runtime";var ag="k-file-info",Vs=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return ng("div",{...n,className:r(e.className,ag),children:[t&&Gs("span",{className:"k-file-name",children:t}),o&&Gs("span",{className:"k-file-size",children:o}),a&&Gs("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as sg,jsx as Ct,jsxs as Kn}from"react/jsx-runtime";var rg="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:c,...u}=e;return Ct("li",{...u,className:r(e.className,rg,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Kn("div",{className:"k-file-single",children:[Ct(fe,{className:r({"k-hidden":t!=="progress"}),value:o,label:!1}),Kn("span",{className:"k-file-icon-wrapper",children:[Ct(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&Ct("span",{className:"k-file-state",children:l})]}),Ct(Vs,{name:a,size:i,validationMsg:c}),Ct("div",{className:"k-upload-actions",children:t==="progress"?Kn(sg,{children:[Kn("span",{className:"k-upload-pct",children:[o,"%"]}),Ct(p,{icon:"pause-sm",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),Ct(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):Ct(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as E7,jsx as A7,jsxs as C7}from"react/jsx-runtime";import{Fragment as ig,jsx as $s,jsxs as lg}from"react/jsx-runtime";var Va=e=>$s(j,{async:!0,children:lg(ig,{children:[$s(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),$s(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as D7,jsx as K7,jsxs as _7}from"react/jsx-runtime";import{jsx as pg}from"react/jsx-runtime";var pd=e=>pg(j,{async:!0,empty:!0,...e});import{Fragment as X7,jsx as $7,jsxs as q7}from"react/jsx-runtime";import{Fragment as Q7,jsx as Z7,jsxs as j7}from"react/jsx-runtime";import{jsx as Et,jsxs as _n}from"react/jsx-runtime";var dg=j.options,cg=j.states,dd={...j.defaultOptions,variant:"empty"},mg=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],ug=[],sa=e=>{let{variant:t,...o}={...dd,...e};switch(t){case"success":return _n(Va,{status:"done",style:{width:"586px"},...o,children:[Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return _n(Va,{status:"failed",style:{width:"586px"},...o,children:[Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return _n(Va,{status:"uploading",style:{width:"586px"},...o,children:[Et(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),Et(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return _n(Va,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[Et(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),Et(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return Et(pd,{async:!0,status:"upload",style:{width:"586px"},...o})}};sa.options=dg;sa.states=cg;sa.variants=mg;sa.defaultOptions=dd;sa.modifiers=ug;sa.className=j.className;import{Fragment as C9,jsx as A9,jsxs as E9}from"react/jsx-runtime";import{jsx as B9}from"react/jsx-runtime";import{Fragment as _9,jsx as K9,jsxs as D9}from"react/jsx-runtime";import{Fragment as G9,jsx as F9,jsxs as V9}from"react/jsx-runtime";import{Fragment as J9,jsx as W9,jsxs as Y9}from"react/jsx-runtime";var Xs="appbar",cd=Xs;import{jsx as xg}from"react/jsx-runtime";var qs="k-appbar",fg=[],bg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.inverse]},hg={},be=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return xg("div",{...n,className:r(e.className,qs,A(qs,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};be.states=fg;be.options=bg;be.className=qs;be.defaultOptions=hg;be.moduleName=Xs;be.folderName=cd;be.ariaSpec={selector:".k-appbar",rules:[]};import{jsx as Ng}from"react/jsx-runtime";var gg="k-appbar-section",xt=e=>{let{...t}=e;return Ng("div",{...t,className:r(gg,e.className),children:e.children})};import{Fragment as c4,jsx as p4,jsxs as d4}from"react/jsx-runtime";import{jsx as ee,jsxs as ia}from"react/jsx-runtime";var Ws={...be.options,positionMode:["static","sticky","fixed"]},vg=be.states,md={...be.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};Ws.themeColor=["primary",...Ws.themeColor.filter(e=>e!=="primary")];var kg=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],la=e=>{let{variant:t,...o}={...md,...e},a=ia(be,{position:t,...o,children:[ee(xt,{children:ee(se,{fillMode:"flat",icon:"menu"})}),ee("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),ee(xt,{children:ee("h3",{className:"k-m-0",children:"AppBar"})}),ee("span",{className:"k-spacer"}),ia(xt,{children:[ee(ot,{fillMode:"flat",children:"Button"}),ee(ot,{fillMode:"flat",children:"Button"}),ee(ot,{fillMode:"flat",children:"Button"})]}),ee("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),ee(xt,{children:ee(an,{value:"Input value"})}),ia(xt,{children:[ee(se,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),ee("span",{className:"k-appbar-separator"}),ee(Ln,{className:"k-mx-sm",children:ee("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=ia("div",{style:{padding:"25px 10px"},children:[ee("p",{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, harum magnam? Possimus magnam non natus error consectetur voluptatum, unde quasi rerum ad facere, hic in! Qui ducimus ab sed consequuntur excepturi fugiat! Facilis fuga asperiores pariatur sed. Eligendi aliquid vel nemo, ipsum tempora minima consequatur culpa molestias maiores nihil eveniet accusantium porro. Inventore saepe ut ad in a. Quo itaque est expedita quidem consectetur enim quam minima, quisquam harum velit, earum adipisci provident, officia eveniet voluptas vero accusamus ad ducimus laudantium!"}),ee("p",{children:"Consequatur incidunt sequi explicabo adipisci saepe, accusamus, numquam fuga quam ex, provident possimus ratione blanditiis ducimus quos nulla repellat error pariatur nemo nobis illo! Saepe deleniti dolore cumque, sequi similique eligendi consectetur corrupti iste reprehenderit adipisci enim laudantium inventore totam quos non impedit quibusdam et consequuntur blanditiis accusamus! Rerum, nostrum. Rerum, tempore earum officia alias suscipit ut minima recusandae dolorem reprehenderit ea?"}),ee("p",{children:"Aliquam pariatur ut expedita, repellat architecto aut, consequatur iure recusandae tempora odit consequuntur, nihil nostrum totam accusantium at. Dignissimos repellendus culpa nesciunt. Officia repudiandae, laudantium error iure in minus ratione reprehenderit dolorum alias quo voluptatibus doloremque aliquid exercitationem quidem odit earum natus autem eaque tempore nulla esse sapiente? Dolore aliquid aliquam modi velit quaerat!"}),ee("p",{children:"Sunt consequuntur, aliquam eius beatae ex odit quasi iusto, accusamus architecto corrupti reprehenderit dolores itaque aliquid veniam odio eaque vel doloremque? Corporis, tenetur delectus deleniti voluptatum autem necessitatibus esse nisi ad, optio cumque quas dignissimos reprehenderit. Optio dolores quam corporis ea, reiciendis eos sit. Voluptate vel esse necessitatibus eum, sunt fuga, quaerat, eos natus quod repellendus nulla voluptatem ut quo quas ipsa animi incidunt autem saepe perferendis. Sequi ratione in iste, quibusdam, neque facilis accusantium, eum rem error sunt a explicabo commodi impedit quam."})]});return t==="bottom"?ia("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):ia("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};la.options=Ws;la.states=vg;la.variants=kg;la.defaultOptions=md;la.modifiers=[];la.className=be.className;var Js="suggestion",ud=Js;import{jsx as Dn,jsxs as Sg}from"react/jsx-runtime";var Hn="k-suggestion-group",Lg=[],Mg={},fd={layout:"scrollable",scrollingPosition:"start"},et=e=>{let{layout:t=fd.layout,scrollingPosition:o,...a}=e,n=Dn("div",{...a,className:r(Hn,{"k-suggestion-group-scrollable":t=="scrollable",[`${Hn}-scrollable-start`]:o==="start"||o==="both",[`${Hn}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?Dn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Sg("div",{className:"k-suggestion-scrollwrap",children:[Dn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Dn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};et.states=Lg;et.options=Mg;et.className=Hn;et.defaultOptions=fd;et.moduleName=Js;et.folderName=ud;import{jsx as Eg}from"react/jsx-runtime";var zn="k-suggestion",yg=[s.active,s.hover,s.focus],Ag={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},Cg={text:"Suggestion"},tt=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return Eg("span",{...l,className:r(e.className,zn,S(zn,{hover:a,active:o,focus:n}),A(zn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};tt.states=yg;tt.options=Ag;tt.className=zn;tt.item=Cg;import{Fragment as D4,jsx as _4,jsxs as H4}from"react/jsx-runtime";import{Fragment as V4,jsx as G4,jsxs as $4}from"react/jsx-runtime";import{Fragment as Y4,jsx as J4,jsxs as Z4}from"react/jsx-runtime";import{Fragment as wg,jsx as te,jsxs as Un}from"react/jsx-runtime";var Ig=U.states,Tg=U.defaultOptions,Og=U.options,Bg=[{name:"header",title:"Header"},{name:"pinned",title:"Pinned"},{name:"suggested",title:"Suggested Actions"},{name:"author",title:"Author"},{name:"avatar",title:"Avatar"},{name:"quick",title:"Quick Replies"}],Pg=[],pa=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Un(be,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[te("span",{className:"k-spacer k-spacer-sized k-w-1"}),te(xt,{children:te("span",{children:"Chat with demo bot"})}),te("span",{className:"k-spacer"}),te(xt,{children:te(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=te(ea,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Un(et,{children:[te(tt,{text:"Provide a CV template"}),te(tt,{text:"Generate a cover letter"})]}),c=Un(et,{children:[te(tt,{themeColor:"primary",text:"Thank you!"}),te(tt,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",f=null,N="User",x="Demo Bot";Object.keys(t||{}).forEach(I=>{switch(I){case"header":a.header=t?.[I]?n:!1;break;case"pinned":a.pinned=t?.[I]?i:!1;break;case"suggested":a.suggestedActions=t?.[I]?l:!1;break;case"author":a.author=t?.[I]?!0:null;break;case"avatar":a.avatar=t?.[I]?u:null;break;case"quick":a.quickReplies=t?.[I]?c:te(wg,{});break;default:break}});let{header:m,pinned:L,suggestedActions:k,author:y,avatar:C,quickReplies:M}=a;return Un(Up,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:k,children:[te($,{avatar:f,author:y?x:null,children:te(V,{text:"Hello, this is a demo bot. How can I help you ?"})}),te($,{avatar:C?u:null,author:y?N:null,type:"sender",children:te(V,{text:"Hello! Generate a cover letter."})}),te($,{avatar:f,author:y?x:null,children:te(V,{text:"Sure. Here is a cover letter template",files:te(ht,{children:te(ye,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),M]})};pa.options=Og;pa.states=Ig;pa.variants=Pg;pa.defaultOptions=Tg;pa.modifiers=Bg;pa.className=U.className;import{Fragment as Rg,jsx as Fn}from"react/jsx-runtime";var H8=e=>Fn(U,{children:Fn(Rg,{children:Fn($,{type:"sender",children:Fn(V,{failed:!0,text:"Failed message"})})}),...e});export{H8 as ChatFailed};
+var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:c,selected:u,disabled:f,indeterminate:N,loading:x,empty:m,readonly:L,highlighted:k,...y}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":c,"k-selected":u,"k-disabled":f,"k-indeterminate":N&&!l,"k-loading":x,"k-empty":m,"k-readonly":L,"k-highlighted":k},Object.keys(y).reduce((C,M)=>(M.startsWith("k-")?C[M]=y[M]:C[`k-${M}`]=y[M],C),{}))};function Xa(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},h={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},g={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},s={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var Xn={};function w(e){return Xn[e]=(Xn[e]||0)+1,`k-${e}-${Xn[e]}`}import{Fragment as Nd,jsx as Zs}from"react/jsx-runtime";var qn="k-font-icon",hd=[],xd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},gd={},da=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?Zs("span",{...l,className:r(e.className,qn,A(qn,{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"}):Zs(Nd,{})};da.states=hd;da.options=xd;da.className=qn;da.defaultOptions=gd;var Qs=da;import{Fragment as Ld,jsx as qa}from"react/jsx-runtime";var Wn="k-svg-icon",vd=[],kd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},js={viewBox:"0 0 24 24"},ca=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=js.viewBox,icon:l,...c}=e;if(!l)return qa(Ld,{});if(l==="none")return qa("span",{...c,className:r(e.className,Wn,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof l=="object"&&l.name&&l.name;return qa("span",{...c,className:r(e.className,Wn,A("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:qa("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:i,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};ca.states=vd;ca.options=kd;ca.className=Wn;ca.defaultOptions=js;var Jn=ca;import*as Yn from"@progress/kendo-svg-icons";var ei="icon",ti="icons";import{useContext as Sd}from"react";import{createContext as Md}from"react";var oi=Md({iconsType:"svg"});import{Fragment as ai,jsx as ma}from"react/jsx-runtime";var Wa="k-icon",yd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ad=[],Cd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},Zn={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=Sd(oi),{size:o,themeColor:a,icon:n,type:i=t||Zn.type,rotate:l,flip:c,viewBox:u=Zn.viewBox,...f}=e;if(!n)return ma(ai,{});if((t||i)==="svg"){if(n==="none")return ma(Jn,{...f,className:r(e.className,Wa),icon:n,size:o});let x=Yn[n]?n:yd(`${n}-icon`);return Yn[x]?ma(Jn,{...f,className:r(e.className,Wa),icon:Yn[x],size:o,themeColor:a,rotate:l,flip:c,viewBox:u}):ma(ai,{})}return ma(Qs,{...f,className:r(e.className,Wa),icon:n,size:o,themeColor:a,rotate:l,flip:c})};v.states=Ad;v.options=Cd;v.defaultOptions=Zn;v.className=Wa;v.moduleName=ei;v.folderName=ti;v.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Qn="button",ni=Qn;import{Fragment as Od,jsx as ua,jsxs as ri}from"react/jsx-runtime";var fa="k-button",Ed=["icon-button"],Id=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Td={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},jn={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=jn.showArrow,arrowIconName:c=jn.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 ri(t,{className:r(X,fa,Xa(fa,u),A(fa,{size:o,rounded:a,fillMode:n,themeColor:i}),S(fa,{hover:f,focus:N,active:x,disabled:L||y,selected:m}),{"k-icon-button":!M&&!xe&&he}),...pe,"aria-pressed":k?m?"true":"false":void 0,"aria-disabled":y?"true":void 0,disabled:L||void 0,children:[C&&ua(v,{className:r(I,"k-button-icon"),icon:C}),M?ri(Od,{children:[M&&ua("span",{className:"k-button-text",children:M}),e.children]}):e.children&&ua("span",{className:"k-button-text",children:e.children}),l&&ua("span",{className:"k-menu-button-arrow k-button-arrow",children:ua(v,{icon:c})})]})};p.states=Id;p.options=Td;p.variants=Ed;p.className=fa;p.defaultOptions=jn;p.moduleName=Qn;p.folderName=ni;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 Bd}from"react/jsx-runtime";var se=e=>Bd(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Pd}from"react/jsx-runtime";var ba=e=>Pd(p,{icon:"folder",children:"Button",...e});import{jsx as wd}from"react/jsx-runtime";var ot=e=>wd(p,{children:"Button",...e});import{jsx as er}from"react/jsx-runtime";var Rd=p.options,Kd=p.states,_d={...p.defaultOptions,variant:"text"},Dd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Hd=[],co=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return er(se,{...o,icon:"star"});case"icon-and-text":return er(ba,{...o,icon:"star",children:"Button"});default:return er(ot,{...o,children:"Button"})}};co.options=Rd;co.states=Kd;co.variants=Dd;co.defaultOptions=_d;co.modifiers=Hd;co.className=p.className;import{jsx as si,jsxs as Vd}from"react/jsx-runtime";var Ja="k-fab",Fd=[s.hover,s.focus,s.active,s.selected,s.disabled],Gd={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]},ii={type:"button"},Y=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=ii.type,position:c,hover:u,focus:f,active:N,selected:x,disabled:m,...L}=e;return Vd("button",{...L,type:l,className:r(e.className,Ja,A(Ja,{size:t,rounded:o,themeColor:a}),S(Ja,{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&&si(v,{className:"k-fab-icon",icon:i}),n&&si("span",{className:"k-fab-text",children:n})]})};Y.states=Fd;Y.options=Gd;Y.className=Ja;Y.defaultOptions=ii;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 Xd}from"react/jsx-runtime";var $d="k-fab-items",li=e=>{let{position:t,...o}=e;return Xd("ul",{...o,className:r(e.className,$d,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as di,jsxs as Wd}from"react/jsx-runtime";var pi="k-fab-item",qd=[s.hover,s.focus,s.active,s.disabled],tr=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:c,...u}=e;return Wd("li",{...u,className:r(e.className,pi,{[`k-text-${a}`]:a},S(pi,{hover:n,focus:i,active:l,disabled:c})),children:[di("span",{className:"k-fab-item-text",children:t}),di(v,{className:"k-fab-item-icon",icon:o})]})};tr.states=qd;import{jsx as ov}from"react/jsx-runtime";import{jsx as Jd}from"react/jsx-runtime";var ci=e=>Jd(Y,{icon:"plus",...e});import{jsx as pv}from"react/jsx-runtime";import{jsx as uv}from"react/jsx-runtime";import{jsx as mo,jsxs as tc}from"react/jsx-runtime";var Yd=Y.options,Zd=Y.states,Qd={...Y.defaultOptions,variant:"text"},jd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ec=[{name:"opened",title:"Opened"}],uo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o||{},i=n?mo("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:mo(li,{position:"bottom",children:mo(tr,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=mo(Y,{...a,icon:"star"});break;case"icon-and-text":l=mo(Y,{...a,icon:"star",text:"Action"});break;default:l=mo(Y,{...a,text:"Action"});break}return tc("span",{style:{position:"relative"},children:[l,i]})};uo.options=Yd;uo.states=Zd;uo.variants=jd;uo.defaultOptions=Qd;uo.modifiers=ec;uo.className=Y.className;import{jsx as nc}from"react/jsx-runtime";var or="k-input-inner",oc=[],ac={},Ya={type:"text",autocomplete:"off",value:"",placeholder:""},ge=e=>{let{value:t=Ya.value,type:o=Ya.type,placeholder:a=Ya.placeholder,autocomplete:n=Ya.autocomplete,disabled:i,readOnly:l,...c}=e;return nc("input",{...c,type:o,className:r(e.className,or,A(or,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:l||void 0})};ge.states=oc;ge.options=ac;ge.className=or;import{jsx as ic}from"react/jsx-runtime";var ar="k-input-inner",rc=[],sc={},mi={value:"",placeholder:""},ha=e=>{let{value:t=mi.value,placeholder:o=mi.placeholder,rows:a,disabled:n,...i}=e;return ic("textarea",{...i,className:r(e.className,ar,A(ar,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};ha.states=rc;ha.options=sc;ha.className=ar;var nr="prompt-box",ui=nr;var rr="speech-to-text-button",fi=rr;import{jsx as lc}from"react/jsx-runtime";var bi="k-speech-to-text-button",hi={icon:"microphone"},Ce=e=>{let{listening:t=!1,icon:o=hi.icon,...a}=e;return lc(p,{...a,icon:t?"stop":o,className:r(e.className,bi,{"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=bi;Ce.defaultOptions=hi;Ce.moduleName=rr;Ce.folderName=fi;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 Wv}from"react/jsx-runtime";import{jsx as Qv}from"react/jsx-runtime";import{jsx as uc}from"react/jsx-runtime";var pc=p.states,xi={...p.defaultOptions,variant:"normal"},dc={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},cc=[],mc=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],fo=e=>{let{variant:t,...o}={...xi,...e},a={};return t==="listening"&&(a.listening=!0),uc(Ce,{...o,...a})};fo.options=dc;fo.states=pc;fo.variants=mc;fo.defaultOptions=xi;fo.modifiers=cc;fo.className=Ce.className;import{jsx as bo,jsxs as sr}from"react/jsx-runtime";var it="k-prompt-box",fc=[s.hover,s.focus,s.disabled],bc={fillMode:[h.undefined,h.solid,h.flat,h.outline]},ir={lineMode:"auto",isExpanded:!1},gt=e=>{let{fillMode:t,lineMode:o=ir.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=ir.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 sr("div",{...y,className:r(c,"k-input",it,{[`${it}-singleline`]:o==="single",[`${it}-multiline`]:C,[`k-input-${t}`]:t,"k-hover":m,"k-focus":L,"k-disabled":k}),children:[i&&bo("div",{className:`${it}-header`,children:i}),sr("div",{className:`${it}-content`,children:[a&&bo("div",{className:`${it}-affix`,children:a}),o==="single"?bo(ge,{value:f,placeholder:N,className:`${it}-input`,type:"text","aria-label":"Prompt input"}):bo(ha,{value:f,placeholder:N,className:`${it}-textarea`,rows:o==="multi"||l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),sr("div",{className:`${it}-affix`,children:[n,bo(Ce,{size:"small",fillMode:"flat",rounded:"full"}),bo(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]})};gt.states=fc;gt.options=bc;gt.className=it;gt.defaultOptions=ir;gt.moduleName=nr;gt.folderName=ui;gt.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 vk}from"react/jsx-runtime";import{jsx as Sk}from"react/jsx-runtime";import{jsx as Ek}from"react/jsx-runtime";import{jsx as Bk}from"react/jsx-runtime";import{jsx as Kk}from"react/jsx-runtime";var lr="chat",gi=lr;import{Fragment as ki,jsx as Xt,jsxs as xa}from"react/jsx-runtime";var Ni="k-chat",hc=[],xc={},gc=xa(ki,{children:[Xt(se,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Xt("div",{className:"k-spacer"})]}),vi={tools:gc},U=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:c,tools:u=vi.tools,value:f,empty:N,scrollToBottom:x,scrollbar:m,promptBoxProps:L,...k}=e;return xa("div",{...k,className:r(Ni,e.className),dir:o,children:[t,xa("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,Xt("div",{className:r("k-message-list-content",N&&"k-message-list-content-empty"),children:e.children}),x&&Xt("div",{className:"k-chat-scroll-to-bottom-container",children:Xt(ci,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),m&&Xt("div",{className:"k-separator"}),xa("div",{className:"k-message-box-wrapper",children:[a,Xt(gt,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:n||l?xa(ki,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};U.states=hc;U.options=xc;U.className=Ni;U.defaultOptions=vi;U.moduleName=lr;U.folderName=gi;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 pr="button",Li=pr;import{jsx as Lc}from"react/jsx-runtime";var ga="k-button-group",Nc=[s.disabled],vc={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},kc={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Lc("div",{role:"group",...n,className:r(e.className,ga,A(ga,{fillMode:t}),S(ga,{disabled:o}),{[`${ga}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Nc;T.options=vc;T.className=ga;T.defaultOptions=kc;T.moduleName=pr;T.folderName=Li;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 pL,jsx as lL,jsxs as dL}from"react/jsx-runtime";import{Fragment as hL,jsx as bL,jsxs as xL}from"react/jsx-runtime";import{Fragment as ML,jsx as LL,jsxs as SL}from"react/jsx-runtime";import{Fragment as TL,jsx as IL,jsxs as OL}from"react/jsx-runtime";import{Fragment as _L,jsx as KL,jsxs as DL}from"react/jsx-runtime";import{Fragment as VL,jsx as GL,jsxs as $L}from"react/jsx-runtime";import{jsx as Nt,jsxs as dr}from"react/jsx-runtime";var Mc={...p.options,...T.options},Sc=p.states,yc={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},Ac=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Cc=[],ho=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?dr(T,{fillMode:a.fillMode,className:o,children:[Nt(p,{...a,icon:"star"}),Nt(p,{...a,icon:"star"}),Nt(p,{...a,icon:"star"})]}):t==="icon-text-button"?dr(T,{fillMode:a.fillMode,className:o,children:[Nt(p,{...a,icon:"star",children:"First"}),Nt(p,{...a,icon:"star",children:"Middle"}),Nt(p,{...a,icon:"star",children:"Last"})]}):dr(T,{fillMode:a.fillMode,className:o,children:[Nt(p,{...a,children:"First"}),Nt(p,{...a,children:"Middle"}),Nt(p,{...a,children:"Last"})]})};ho.options=Mc;ho.states=Sc;ho.variants=Ac;ho.defaultOptions=yc;ho.modifiers=Cc;ho.className=T.className;var Na="input",Qa=Na;import{jsx as Oc}from"react/jsx-runtime";var ja="k-input",Ec=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Ic={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Tc={},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 Oc("span",{...x,className:r(e.className,ja,A(ja,{size:u,rounded:f,fillMode:N}),S(ja,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c}))})};Z.states=Ec;Z.options=Ic;Z.className=ja;Z.defaultOptions=Tc;Z.moduleName=Na;Z.folderName=Qa;import{jsx as Rc}from"react/jsx-runtime";var en="k-picker",Bc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Pc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},wc={},lt=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 Rc("span",{...x,className:r(e.className,en,A(en,{size:u,rounded:f,fillMode:N}),S(en,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c})),children:e.children})};lt.states=Bc;lt.options=Pc;lt.className=en;lt.defaultOptions=wc;lt.moduleName=Na;lt.folderName=Qa;import{Fragment as Dc,jsx as cr}from"react/jsx-runtime";var Mi="k-clear-value",Kc=[s.disabled,s.loading,s.readonly],_c={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?cr(Dc,{}):cr("span",{className:r(e.className,Mi),children:cr(v,{icon:"x"})})};Pe.states=Kc;Pe.options=_c;Pe.className=Mi;import{jsx as Si,jsxs as Uc}from"react/jsx-runtime";var mr="k-input-inner",Hc=[],zc={},qt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return Uc("span",{...l,className:r(e.className,mr,A(mr,e)),children:[n,!n&&i&&Si(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Si("span",{className:"k-input-value-text",children:t})]})};qt.states=Hc;qt.options=zc;qt.className=mr;import{Fragment as Gc,jsx as yi}from"react/jsx-runtime";var Ai="k-input-loading-icon",Fc=[s.disabled,s.loading],Ee=e=>{let{disabled:t,loading:o}=e;return t||!o?yi(Gc,{}):yi("span",{className:r(e.className,Ai,"k-icon k-i-loading")})};Ee.states=Fc;Ee.className=Ai;import{Fragment as Xc,jsx as Ci}from"react/jsx-runtime";var Ei="k-input-validation-icon",Vc=[s.valid,s.invalid,s.disabled,s.loading],$c={},Ne=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?Ci(Xc,{}):Ci(v,{className:r(Ei),icon:i})};Ne.states=Vc;Ne.options=$c;Ne.className=Ei;import{Fragment as Jc,jsx as Ii}from"react/jsx-runtime";var qc="k-input-prefix",Wc={direction:"horizontal"},ze=e=>{let{direction:t=Wc.direction,...o}=e;return e.children?Ii("span",{...o,className:r(qc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Ii(Jc,{})};import{Fragment as Qc,jsx as Ti}from"react/jsx-runtime";var Yc="k-input-suffix",Zc={direction:"horizontal"},Ue=e=>{let{direction:t=Zc.direction,...o}=e;return e.children?Ti("span",{...o,className:r(Yc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ti(Qc,{})};import{jsx as HM}from"react/jsx-runtime";import{jsx as em}from"react/jsx-runtime";var jc="k-input-suffix-text",ur=e=>{let{children:t,...o}=e;return em("span",{...o,className:r(jc,e.className),children:t})};import{jsx as om}from"react/jsx-runtime";var Oi="k-input-separator",tm={direction:"vertical"},Fe=e=>{let{direction:t=tm.direction,...o}=e;return om("span",{...o,className:r(Oi,e.className,{[`${Oi}-${t}`]:t})})};import{Fragment as Bi,jsx as pt,jsxs as fr}from"react/jsx-runtime";var am=Z.states,nm=Z.defaultOptions,rm=Z.options,sm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],im=[],xo=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 fr(Z,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&fr(Bi,{children:[pt(ze,{children:pt(v,{icon:"lock"})}),m&&pt(Fe,{})]}),pt(ge,{placeholder:"Placeholder",value:"Value"}),x&&pt(Ne,{valid:o,invalid:a,loading:n,disabled:i}),pt(Ee,{loading:n,disabled:i}),N&&pt(Pe,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&fr(Bi,{children:[m&&pt(Fe,{}),pt(Ue,{children:pt(ot,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};xo.options=rm;xo.states=am;xo.variants=im;xo.defaultOptions=nm;xo.modifiers=sm;xo.className=Z.className;import{jsx as Pi,jsxs as dm}from"react/jsx-runtime";var wi="k-color-preview",lm=[],pm={},Tt=e=>{let{color:t,iconName:o,...a}=e;return dm("span",{...a,className:r(e.className,wi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Pi(v,{icon:o,className:"k-color-preview-icon"}),Pi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Tt.states=lm;Tt.options=pm;Tt.className=wi;var br="popup",Ri=br;import{jsx as Ki}from"react/jsx-runtime";var _i="k-animation-container",cm=[],mm={},Di={positionMode:"absolute"},dt=e=>{let{positionMode:t=Di.positionMode,animationStyle:o,offset:a,...n}=e;return Ki("div",{...n,style:{...a,...e.style},className:r(e.className,_i,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ki("div",{className:"k-child-animation-container",style:o,children:e.children})})};dt.states=cm;dt.options=mm;dt.className=_i;dt.defaultOptions=Di;dt.moduleName=br;dt.folderName=Ri;var hr="popup",Hi=hr;import{jsx as zi}from"react/jsx-runtime";var Ui="k-popup",um=[],fm={},Fi={positionMode:"absolute"},G=e=>{let{offset:t,positionMode:o=Fi.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return zi(dt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:zi("div",{...c,className:r(e.className,Ui),children:e.children})})};G.states=um;G.options=fm;G.className=Ui;G.defaultOptions=Fi;G.moduleName=hr;G.folderName=Hi;G.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var xr="action-buttons",Gi=xr;import{jsx as xm}from"react/jsx-runtime";var tn="k-actions",bm=[],hm={},gr={alignment:"start",orientation:"horizontal"},we=e=>{let{alignment:t=gr.alignment,orientation:o=gr.orientation,...a}=e;return xm("div",{...a,className:r(tn,{[`${tn}-${t}`]:t,[`${tn}-${o}`]:o},e.className),children:e.children})};we.states=bm;we.options=hm;we.className=tn;we.defaultOptions=gr;we.moduleName=xr;we.folderName=Gi;var Vi=we;import{jsx as Nm}from"react/jsx-runtime";var gm="k-actionsheet-footer",$i={alignment:"stretched",orientation:"horizontal"},Ot=e=>{let{alignment:t=$i.alignment,orientation:o=$i.orientation,template:a,as:n=a?"div":we,...i}=e;return Nm(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,gm),children:e.children})};var Nr="searchbox",Xi=Nr;import{jsx as va,jsxs as Lm}from"react/jsx-runtime";var qi="k-searchbox",vm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],km={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]},vr={showIcon:!0,icon:"search"},Ge=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:x,disabled:m,showIcon:L=vr.showIcon,icon:k=vr.icon,"aria-label":y,...C}=e;return Lm(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,qi),children:[L&&va(v,{className:"k-input-icon",icon:k}),va(ge,{placeholder:o,value:t,"aria-label":y}),va(Ee,{...e}),va(Ne,{...e}),va(Pe,{...e})]})};Ge.states=vm;Ge.options=km;Ge.className=qi;Ge.defaultOptions=vr;Ge.moduleName=Nr;Ge.folderName=Xi;import{jsx as dy}from"react/jsx-runtime";var kr="textbox",Wi=kr;import{Fragment as Ji,jsx as Bt,jsxs as Lr}from"react/jsx-runtime";var Yi="k-textbox",Mm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],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]},on={showClearButton:!0,showValidationIcon:!0,separators:!0},ie=e=>{let{size:t,rounded:o,fillMode:a,separators:n=on.separators,showClearButton:i=on.showClearButton,showValidationIcon:l=on.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 Lr(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,Yi),children:[c&&Lr(Ji,{children:[Bt(ze,{children:c}),n&&Bt(Fe,{})]}),Bt(ge,{id:pe,placeholder:x,value:N,type:f,disabled:I,"aria-label":he,"aria-describedby":xe,"aria-invalid":y?"true":void 0}),l&&Bt(Ne,{valid:k,invalid:y,loading:M,disabled:I}),Bt(Ee,{loading:M,disabled:I}),i&&Bt(Pe,{loading:M,disabled:I,readonly:X,value:N}),u&&Lr(Ji,{children:[n&&Bt(Fe,{}),Bt(Ue,{children:u})]})]})};ie.states=Mm;ie.options=Sm;ie.className=Yi;ie.defaultOptions=on;ie.moduleName=kr;ie.folderName=Wi;ie.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var ka=ie;import{jsx as ym}from"react/jsx-runtime";var an=e=>ym(ka,{...e});import{Fragment as Ey,jsx as Cy}from"react/jsx-runtime";import{Fragment as wy,jsx as Py}from"react/jsx-runtime";import{jsx as Dy}from"react/jsx-runtime";import{jsx as Mr}from"react/jsx-runtime";var Am=ie.states,Cm=ie.defaultOptions,Em=ie.options,Im=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Tm=[],go=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Mr(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Mr(ot,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Mr(an,{value:"Value",style:{width:300},...o,...a})};go.options=Em;go.states=Am;go.variants=Tm;go.defaultOptions=Cm;go.modifiers=Im;go.className=ie.className;import{jsx as Pt,jsxs as Sr}from"react/jsx-runtime";var Zi="k-actionsheet-titlebar",Om={},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 Sr("div",{...m,className:r(e.className,Zi),children:[Sr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Pt("div",{className:"k-actionsheet-actions",children:a}),!x&&Sr("div",{className:"k-actionsheet-title",id:N,children:[t&&Pt("div",{className:"k-text-center",children:t}),o&&Pt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&Pt("div",{className:"k-actionsheet-title",id:N,children:x}),n&&Pt("div",{className:"k-actionsheet-actions",children:n})]}),(l||i)&&Pt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Pt(ie,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t||u||"Input"}):Pt(Ge,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};ve.className=Zi;ve.defaultOptions=Om;import{jsx as yr,jsxs as Rm}from"react/jsx-runtime";var Ar="k-actionsheet-view",Bm=[],Pm={},wm={},No=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...c}=e,u=n?.type===ve&&yr(ve,{adaptive:t,titleId:l,...n?.props}),f=i?.type===Ot&&yr(Ot,{...i?.props});return Rm("div",{...c,className:r(e.className,Ar,{[`${Ar}-animated`]:o}),children:[u,yr("div",{className:"k-actionsheet-content",children:a}),f]})};No.states=Bm;No.options=Pm;No.className=Ar;No.defaultOptions=wm;var La="action-sheet",nn=La;var Cr="overlay",Qi=Cr;import{jsx as Hm}from"react/jsx-runtime";var ji="k-overlay",Km=[],_m={},Dm={},ct=e=>{let{...t}=e;return Hm("div",{...t,className:r(e.className,ji),children:e.children})};ct.states=Km;ct.options=_m;ct.className=ji;ct.defaultOptions=Dm;ct.moduleName=Cr;ct.folderName=Qi;import{jsx as rn,jsxs as Fm}from"react/jsx-runtime";var el="k-actionsheet",zm=[],Um={},Ma={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},W=e=>{let{side:t=Ma.side,fullscreen:o=Ma.fullscreen,adaptive:a=Ma.adaptive,overlay:n=Ma.overlay,template:i,children:l,header:c,footer:u,id:f,...N}=e,x=f&&!i&&c?`${f}-title`:void 0;return Fm("div",{className:"k-actionsheet-container",children:[n&&rn(ct,{}),rn(dt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:rn("div",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":x,className:r(e.className,el,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i||rn(No,{header:c,footer:u,adaptive:a,titleId:x,...e,children:l})})})]})};W.states=zm;W.options=Um;W.className=el;W.defaultOptions=Ma;W.moduleName=La;W.folderName=nn;W.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as Xm}from"react/jsx-runtime";var tl="k-actionsheet-container",Gm=[],Vm={},$m={},vo=e=>{let{children:t,...o}=e;return Xm("div",{...o,className:tl,children:t})};vo.states=Gm;vo.options=Vm;vo.className=tl;vo.defaultOptions=$m;vo.moduleName=La;vo.folderName=nn;import{jsx as qm}from"react/jsx-runtime";var Er=e=>{let{...t}=e;return qm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Jm,jsx as Sa,jsxs as Ir}from"react/jsx-runtime";var Tr="k-actionsheet-item",Wm=[s.hover,s.focus,s.selected,s.disabled],wt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:c,...u}=e;return Ir("span",{...u,className:r(e.className,Tr,S(Tr,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&Sa(Jm,{children:Ir("span",{className:"k-actionsheet-action",children:[t&&Sa("span",{className:"k-icon-wrap",children:Sa(v,{className:"k-actionsheet-item-icon",icon:t})}),Ir("span",{className:"k-actionsheet-item-text",children:[o&&Sa("span",{className:"k-actionsheet-item-title",children:o}),a&&Sa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};wt.states=Wm;wt.className=Tr;import{jsx as _A,jsxs as DA}from"react/jsx-runtime";import{jsx as FA}from"react/jsx-runtime";import{jsx as XA}from"react/jsx-runtime";import{jsx as YA}from"react/jsx-runtime";import{jsx as le,jsxs as Or}from"react/jsx-runtime";var Ym=W.options,Zm=W.states,al={...W.defaultOptions,variant:"normal"},Qm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],jm=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ko=e=>{let{variant:t,modifiers:o,...a}={...al,...e},n={},i=Or(Er,{children:[le(wt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),le(wt,{text:"Add to Favorites",iconName:"heart"}),le(wt,{text:"Upload New",iconName:"upload",disabled:!0}),le("hr",{className:"k-hr"}),le(wt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",c="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?l:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?le(W,{...a,adaptive:!0,fullscreen:n.fullScreen,header:le(ve,{actionsStart:n.actionsStart?le(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?le(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?Or(Ot,{alignment:"stretched",children:[le(p,{text:"Cancel",size:"large",themeColor:"base"}),le(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):le(W,{...a,fullscreen:n.fullScreen,header:le(ve,{actionsStart:n.actionsStart?le(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?le(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Or(Ot,{alignment:"stretched",children:[le(p,{text:"Apply",themeColor:"primary"}),le(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};ko.options=Ym;ko.states=Zm;ko.variants=Qm;ko.defaultOptions=al;ko.modifiers=jm;ko.className=W.className;var Br="slider",nl=Br;import{jsx as Lo,jsxs as Pr}from"react/jsx-runtime";var ya="k-slider",eu=[s.hover,s.focus,s.active,s.disabled,s.readonly],tu={},Ve={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=Ve.type,orientation:o=Ve.orientation,gradientType:a=Ve.gradientType,readonly:n=Ve.readonly,disabled:i=Ve.disabled,handlePosition:l=Ve.handlePosition,showButtons:c=Ve.showButtons,showTicks:u=Ve.showTicks,value:f=Ve.value,min:N=Ve.min,max:x=Ve.max,startValue:m,endValue:L,hover:k,focus:y,active:C,trackStyle:M,dir:I,...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"),Pr("div",{...X,className:r(ya,e.className,S(ya,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&Lo(p,{className:"k-button-decrease",rounded:"full",icon:Be,tabIndex:-1,title:"Decrease"}),Pr("div",{className:"k-slider-track-wrap",children:[u&&Lo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Pr("div",{className:"k-slider-track",style:M,children:[Lo("div",{className:"k-slider-selection"}),t==="range"&&Lo("span",{className:r("k-draghandle","k-draghandle-start",S(ya,{hover:k,focus:y,active:C})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":m??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"}),Lo("span",{className:r("k-draghandle",`k-draghandle-${l}`,S(ya,{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&&Lo(p,{className:"k-button-increase",rounded:"full",icon:xe,tabIndex:-1,title:"Increase"})]})};F.states=eu;F.options=tu;F.className=ya;F.defaultOptions=Ve;F.moduleName=Br;F.folderName=nl;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 rl}from"react/jsx-runtime";var sl="k-tick",ou=[],au={},il={label:!1},E=e=>{let{style:t,label:o=il.label,orientation:a,large:n,text:i,...l}=e;return rl("li",{...l,role:"presentation",title:i||"Tick",className:r(e.className,sl,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&rl("span",{className:"k-label",children:i})})};E.states=ou;E.options=au;E.className=sl;E.defaultOptions=il;import{Fragment as nu,jsx as $e,jsxs as ru}from"react/jsx-runtime";var ll=e=>$e(F,{"aria-label":e["aria-label"]||"Slider",children:ru(nu,{children:[$e(E,{className:"k-first",label:!0,large:!0,text:"0"}),$e(E,{}),$e(E,{}),$e(E,{}),$e(E,{}),$e(E,{label:!0,large:!0,text:"5"}),$e(E,{}),$e(E,{}),$e(E,{}),$e(E,{}),$e(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as su,jsx as Xe,jsxs as iu}from"react/jsx-runtime";var pl=e=>Xe(F,{children:iu(su,{children:[Xe(E,{className:"k-first",label:!0,large:!0,text:"0"}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{label:!0,large:!0,text:"5"}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as DC,jsx as _C,jsxs as HC}from"react/jsx-runtime";import{Fragment as VC,jsx as GC,jsxs as $C}from"react/jsx-runtime";import{jsx as lu}from"react/jsx-runtime";var wr=e=>lu(F,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as pu}from"react/jsx-runtime";var Rr=e=>pu(F,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as oE,jsx as tE,jsxs as aE}from"react/jsx-runtime";import{Fragment as lE,jsx as iE,jsxs as pE}from"react/jsx-runtime";import{jsx as mt,jsxs as dl}from"react/jsx-runtime";var du=F.options,cu=F.states,cl={...F.defaultOptions,variant:"horizontal",label:!0},mu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],uu=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Mo=e=>{let{variant:t,modifiers:o,...a}={...cl,...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"?dl(pl,{showTicks:c,showButtons:l,style:{height:"300px",...u},...a,children:[mt(E,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),mt(E,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),mt(E,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),mt(E,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),mt(E,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):dl(ll,{showTicks:c,showButtons:l,style:{width:"400px",...u},...a,children:[mt(E,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),mt(E,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),mt(E,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),mt(E,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),mt(E,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Mo.options=du;Mo.states=cu;Mo.variants=mu;Mo.defaultOptions=cl;Mo.modifiers=uu;Mo.className=F.className;import{jsx as ml,jsxs as gu}from"react/jsx-runtime";var ul="k-spin-button",hu=[],xu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Kr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Rt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Kr.increaseLabel,decreaseLabel:i=Kr.decreaseLabel,...l}=e;return gu("span",{...l,className:r(ul,e.className),children:[ml(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),ml(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Rt.states=hu;Rt.options=xu;Rt.className=ul;Rt.defaultOptions=Kr;Rt.moduleName=null;Rt.folderName=null;var fl="numeric-textbox",bl="numerictextbox";import{Fragment as hl,jsx as vt,jsxs as _r}from"react/jsx-runtime";var xl="k-numerictextbox",Nu=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],vu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},sn={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:n=sn.separators,showClearButton:i=sn.showClearButton,showSpinButton:l=sn.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 _r(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,xl),children:[c&&_r(hl,{children:[vt(ze,{children:c}),n&&vt(Fe,{})]}),vt(ge,{id:X,placeholder:N,value:f,role:"spinbutton",disabled:M,"aria-label":pe,"aria-describedby":he,"aria-invalid":k?"true":void 0}),vt(Ne,{valid:L,invalid:k,loading:C,disabled:M}),vt(Ee,{loading:C,disabled:M}),i&&vt(Pe,{loading:C,disabled:M,readonly:I,value:f}),u&&_r(hl,{children:[n&&vt(Fe,{}),vt(Ue,{children:u})]}),l&&vt(Rt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};_.states=Nu;_.options=vu;_.className=xl;_.defaultOptions=sn;_.moduleName=fl;_.folderName=bl;_.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Aa=_;import{jsx as ku}from"react/jsx-runtime";var gl=e=>ku(Aa,{...e});import Hr from"react";import{jsx as Nl}from"react/jsx-runtime";var Lu="k-list-group-sticky-header",Dr=e=>Nl("div",{className:r(Lu,e.className),children:Nl("div",{className:"k-list-header-text",children:e.children})});import{jsx as Su}from"react/jsx-runtime";var Mu="k-no-data",ln=e=>{let{live:t,...o}=e;return Su("span",{...o,className:r(Mu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Wt="list",So=Wt;import{jsx as vl,jsxs as kl}from"react/jsx-runtime";var zr="k-list",yu=[],Au={size:[d.undefined,d.small,d.medium,d.large]},Cu={},R=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:i,customValue:l,noData:c,screenReaders:u,...f}=e,x=Hr.Children.toArray(a)[0],m=x?.props?.children?Hr.Children.count(x.props.children):Hr.Children.count(a);return kl("div",{...f,className:r(e.className,zr,A(zr,{size:t}),{"k-virtual-list":o}),children:[i,l,n&&vl(Dr,{children:n}),a||(c!==void 0?c:vl(ln,{live:!0,children:"No data found."})),u&&a&&kl(ln,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};R.states=yu;R.options=Au;R.className=zr;R.defaultOptions=Cu;R.moduleName=Wt;R.folderName=So;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 Ou}from"react/jsx-runtime";var Ll="k-list-container",Eu=[],Iu={},Tu={},yo=e=>{let{...t}=e;return Ou("div",{...t,className:r(e.className,Ll),children:e.children})};yo.states=Eu;yo.options=Iu;yo.className=Ll;yo.defaultOptions=Tu;yo.moduleName=Wt;yo.folderName=So;var Jt="checkbox",Ao=Jt;import{jsx as Ml}from"react/jsx-runtime";var pn="k-checkbox",Bu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Pu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},wu={},qe=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:c,valid:u,required:f,size:N,rounded:x,wrapperRole:m,...L}=e;return Ml("span",{className:"k-checkbox-wrap",role:m,children:Ml("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l||void 0,"aria-invalid":c?"true":void 0,className:r(e.className,pn,A(pn,{size:N,rounded:x}),S(pn,{hover:n,focus:i,disabled:l,invalid:c,valid:u,indeterminate:a,checked:o}))})})};qe.states=Bu;qe.options=Pu;qe.className=pn;qe.defaultOptions=wu;qe.moduleName=Jt;qe.folderName=Ao;qe.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var at=qe;import{jsx as _u}from"react/jsx-runtime";var Sl="k-checkbox-list",Ru=[],Ku={},yl={layout:"vertical"},ke=e=>{let{layout:t=yl.layout,...o}=e;return _u("ul",{...o,className:r(e.className,Sl,{[`k-list-${t}`]:t}),children:e.children})};ke.states=Ru;ke.options=Ku;ke.className=Sl;ke.defaultOptions=yl;ke.moduleName=Jt;ke.folderName=Ao;import{jsx as Uu}from"react/jsx-runtime";var Al="k-checkbox-list-item",Du=[],Hu={},zu={},Le=e=>{let{...t}=e;return Uu("li",{...t,className:r(e.className,Al),children:e.children})};Le.states=Du;Le.options=Hu;Le.className=Al;Le.defaultOptions=zu;Le.moduleName=Jt;Le.folderName=Ao;import{Fragment as Fu,jsx as Cl,jsxs as Gu}from"react/jsx-runtime";var kt=({children:e="Label",id:t="cb-label-after",...o})=>Gu(Fu,{children:[Cl(at,{id:t,...o}),Cl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as PI,jsx as BI,jsxs as wI}from"react/jsx-runtime";import{Fragment as HI,jsx as DI,jsxs as zI}from"react/jsx-runtime";import{Fragment as $I,jsx as VI,jsxs as XI}from"react/jsx-runtime";import{jsx as YI}from"react/jsx-runtime";import{jsx as eT}from"react/jsx-runtime";import{jsx as nT}from"react/jsx-runtime";import{jsx as We,jsxs as El}from"react/jsx-runtime";var Vu=ke.options,$u=ke.states,Xu={...ke.defaultOptions,variant:"vertical"},qu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Wu=[],Co=e=>{let{variant:t,...o}=e;return t==="horizontal"?El(ke,{layout:"horizontal",...o,children:[We(Le,{children:We(kt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),We(Le,{children:We(kt,{id:w("cb"),children:"Label"})}),We(Le,{children:We(kt,{id:w("cb"),children:"Label"})})]}):El(ke,{...o,children:[We(Le,{children:We(kt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),We(Le,{children:We(kt,{id:w("cb"),children:"Label"})}),We(Le,{children:We(kt,{id:w("cb"),children:"Label"})})]})};Co.options=Vu;Co.states=$u;Co.variants=qu;Co.defaultOptions=Xu;Co.modifiers=Wu;Co.className=ke.className;import{jsx as ef}from"react/jsx-runtime";var Ju=at.options,Yu=at.states,Zu=at.defaultOptions,Qu=[],ju=[],Eo=e=>ef(kt,{id:w("checkbox"),...e,defaultChecked:!0,children:"Label"});Eo.options=Ju;Eo.states=Yu;Eo.variants=Qu;Eo.defaultOptions=Zu;Eo.modifiers=ju;Eo.className=at.className;import{jsx as Yt,jsxs as nf}from"react/jsx-runtime";var Ur="k-list-item",tf=[s.hover,s.focus,s.selected,s.disabled],of={},af={},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 nf("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":Ur,S(Ur,{hover:u,focus:f,disabled:x,selected:N})),children:[l&&Yt(qe,{checked:c}),n&&Yt("span",{className:"k-list-item-icon-wrapper",children:Yt(v,{icon:n,className:r("k-list-item-icon",i)})}),Yt("span",{className:"k-list-item-text",children:C}),m&&Yt("div",{className:"k-list-item-actions",children:m}),L&&Yt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Yt("div",{className:"k-list-item-group-label",children:o})]})};O.states=tf;O.options=of;O.className=Ur;O.defaultOptions=af;O.moduleName=Wt;O.folderName=So;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 sf}from"react/jsx-runtime";var rf="k-list-ul",Lt=e=>{let{children:t,role:o,id:a,...n}=e;return sf("ul",{...n,id:a,role:o,className:r(rf,e.className),children:t})};Lt.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as Fr,jsxs as pf}from"react/jsx-runtime";var lf="k-list-content",H=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return pf("div",{...l,className:r(lf,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:Fr(Lt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Fr("div",{className:"k-height-container",children:Fr("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 WT,jsx as qT,jsxs as JT}from"react/jsx-runtime";import{jsx as Gr,jsxs as cf}from"react/jsx-runtime";var df="k-list-group-item",Zt=e=>{let{groupIconName:t,...o}=e;return cf("li",{...o,role:"presentation",className:r(df,e.className),children:[t&&Gr("span",{className:"k-list-item-icon-wrapper",children:Gr(v,{icon:t,className:"k-list-item-icon"})}),Gr("span",{className:"k-list-item-text",children:e.children})]})};Zt.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as bf}from"react/jsx-runtime";var Vr="k-list-optionlabel",mf=[s.hover,s.focus,s.selected,s.disabled],uf={},ff={},dn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return bf("div",{...l,className:r(Vr,S(Vr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};dn.states=mf;dn.options=uf;dn.className=Vr;dn.defaultOptions=ff;import{jsx as Nf}from"react/jsx-runtime";var $r="k-list-custom-value",hf=[s.hover,s.focus,s.selected,s.disabled],xf={},gf={},Kt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Nf("div",{...l,className:r($r,S($r,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Kt.states=hf;Kt.options=xf;Kt.className=$r;Kt.defaultOptions=gf;import{Fragment as cO,jsx as dO,jsxs as mO}from"react/jsx-runtime";import{Fragment as gO,jsx as xO,jsxs as NO}from"react/jsx-runtime";import{Fragment as AO,jsx as SO,jsxs as yO}from"react/jsx-runtime";import{Fragment as PO,jsx as OO,jsxs as BO}from"react/jsx-runtime";import{jsx as _O}from"react/jsx-runtime";import{Fragment as GO,jsx as FO,jsxs as VO}from"react/jsx-runtime";var Il="dropdown-list",Tl="dropdownlist";import{Fragment as Lf,jsx as Me,jsxs as Xr}from"react/jsx-runtime";var Ol="k-dropdownlist",vf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],kf={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]},qr={showValue:!0,arrowIconName:"chevron-down"},oe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=qr.arrowIconName,showValue:i=qr.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:$t,adaptiveFilter:Gn,id:It,activeDescendant:$a,"aria-label":Vn,...$n}=e,bd=It?`${It}-listbox`:void 0,Ys=It?`${It}-value`:void 0;return Xr(Lf,{children:[Xr(lt,{...$n,id:It,size:t,rounded:o,fillMode:a,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,className:r(e.className,Ol,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":pe?"true":"false","aria-controls":pe?bd:void 0,"aria-activedescendant":pe&&$a?$a:void 0,"aria-describedby":pe?Ys:void 0,"aria-disabled":M?"true":void 0,"aria-label":Vn,tabIndex:0,children:[Me(ze,{children:c}),Me(qt,{placeholder:N,value:f,showValue:i,valueIconName:l,id:Ys}),Me(Ne,{valid:L,invalid:k,loading:C,disabled:M}),Me(Ee,{loading:C,disabled:M}),Me(Ue,{children:u}),Me(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N||"Toggle dropdown",tabIndex:-1})]}),pe&&X&&Me(G,{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:Gn,inputValue:f,inputPlaceholder:N,title:Be,subtitle:$t}),children:Me("div",{className:"k-list-container",children:Me(R,{size:"large",children:Xr(H,{"aria-label":"Options",children:[Me(O,{text:"List item"}),Me(O,{text:"List item"}),Me(O,{text:"List item"})]})})})})]})};oe.states=vf;oe.options=kf;oe.className=Ol;oe.defaultOptions=qr;oe.moduleName=Il;oe.folderName=Tl;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 MB}from"react/jsx-runtime";import{jsx as IB,jsxs as TB}from"react/jsx-runtime";import{Fragment as HB,jsx as _B,jsxs as DB}from"react/jsx-runtime";import{jsx as VB}from"react/jsx-runtime";import{jsx as YB,jsxs as ZB}from"react/jsx-runtime";import{Fragment as sP,jsx as nP,jsxs as rP}from"react/jsx-runtime";import{jsx as cP}from"react/jsx-runtime";import{Fragment as Ef,jsx as _t,jsxs as Bl}from"react/jsx-runtime";var Mf=oe.states,Sf=oe.defaultOptions,yf=oe.options,Af=[{name:"opened",title:"Opened"}],Cf=[],To=e=>{let{modifiers:t,...o}=e,a={},n=Bl(Ef,{children:[_t("div",{className:"k-list-filter",children:_t(Ge,{})}),_t(R,{style:{width:300},size:o.size,children:Bl(H,{children:[_t(O,{children:"List item"}),_t(O,{children:"List item"}),_t(O,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),_t("div",{children:_t(oe,{placeholder:"Value",style:{width:300},...o,...a})})};To.options=yf;To.states=Mf;To.variants=Cf;To.defaultOptions=Sf;To.modifiers=Af;To.className=oe.className;import{Fragment as PP,jsx as BP}from"react/jsx-runtime";import{Fragment as HP,jsx as DP}from"react/jsx-runtime";import{jsx as GP}from"react/jsx-runtime";import{jsx as Wr}from"react/jsx-runtime";var If=_.states,Tf=_.defaultOptions,Of=_.options,Bf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Pf=[],Oo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Wr(oe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?Wr(ur,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),Wr(gl,{value:"Value",style:{width:300},...o,...a})};Oo.options=Of;Oo.states=If;Oo.variants=Pf;Oo.defaultOptions=Tf;Oo.modifiers=Bf;Oo.className=_.className;import{Fragment as Ca,jsx as B,jsxs as Q}from"react/jsx-runtime";var Pl="k-colorgradient-inputs",wf=[],Rf={size:[d.undefined,d.small,d.medium,d.large]},wl={mode:"rgba"},Bo=e=>{let{mode:t=wl.mode,size:o,...a}=e;return Q("div",{...a,className:r(Pl,"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(Ca,{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(Ca,{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(Ca,{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(Ca,{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(Ca,{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"})]})})]})};Bo.states=wf;Bo.options=Rf;Bo.className=Pl;Bo.defaultOptions=wl;import{jsx as Qt,jsxs as jt}from"react/jsx-runtime";var Rl="k-colorgradient-color-contrast",Kf=[],_f={},Df={},Po=()=>jt("div",{className:r(Rl,"k-vbox"),children:[jt("div",{className:"k-contrast-ratio",children:[Qt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),jt("span",{className:"k-contrast-validation !k-text-success",children:[Qt(v,{icon:"check"}),Qt(v,{icon:"check"})]})]}),jt("div",{children:[Qt("span",{children:"AA: 4.5"}),jt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Qt(v,{icon:"check"})]})]}),jt("div",{children:[Qt("span",{children:"AAA: 7.0"}),jt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Qt(v,{icon:"x"})]})]})]});Po.states=Kf;Po.options=_f;Po.className=Rl;Po.defaultOptions=Df;var Kl="color-gradient",_l="colorgradient";import{jsx as Je,jsxs as Ea}from"react/jsx-runtime";var cn="k-colorgradient",Hf=[s.hover,s.focus,s.readonly,s.disabled],zf={size:[d.undefined,d.small,d.medium,d.large]},ut={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ne=e=>{let{size:t,mode:o=ut.mode,readonly:a=ut.readonly,disabled:n=ut.disabled,gradientStyle:i=ut.gradientStyle,dragHandleStyle:l=ut.dragHandleStyle,alphaStyle:c=ut.alphaStyle,alphaStyleHorizontal:u=ut.alphaStyleHorizontal,contrast:f=ut.contrast,dir:N,hover:x,focus:m,hoverHandle:L,focusHandle:k,canvasOrientation:y=ut.canvasOrientation,role:C,tabIndex:M,...I}=e;return Ea("div",{...I,role:C??"textbox","aria-label":C==="none"?void 0:"Color gradient",tabIndex:M??0,"aria-disabled":n?"true":void 0,className:r(e.className,cn,A(cn,{size:t}),S(cn,{hover:x,focus:m,readonly:a,disabled:n})),dir:N,children:[!y||y==="horizontal"&&Ea("div",{className:"k-colorgradient-canvas k-hstack",children:[Je("div",{className:"k-hsv-rectangle",style:i,children:Je("div",{className:"k-hsv-gradient",children:Je("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":k}),style: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})})}),Ea("div",{className:"k-hsv-controls k-hstack",children:[Je(Rr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Je(Rr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:c})]})]}),y==="vertical"&&Ea("div",{className:"k-colorgradient-canvas k-vstack",children:[Je("div",{className:"k-hsv-rectangle",style:i,children:Je("div",{className:"k-hsv-gradient",children:Je("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":k}),style: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})})}),Ea("div",{className:"k-hsv-controls k-vstack",children:[Je(wr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Je(wr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),Je(Bo,{mode:e.mode,size:t}),f&&Je(Po,{})]})};ne.states=Hf;ne.options=zf;ne.className=cn;ne.defaultOptions=ut;ne.moduleName=Kl;ne.folderName=_l;ne.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as Uf}from"react/jsx-runtime";var mn=e=>Uf(ne,{...e});import{jsx as Ew}from"react/jsx-runtime";import{jsx as Bw}from"react/jsx-runtime";import{jsx as Jr}from"react/jsx-runtime";var Ff=ne.options,Gf=ne.states,Vf={...ne.defaultOptions,variant:"rgba"},$f=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Xf=[],wo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Jr(mn,{...o,mode:t});case"rgb":return Jr(mn,{...o,mode:t});default:return Jr(mn,{...o,mode:t})}};wo.options=Ff;wo.states=Gf;wo.variants=$f;wo.defaultOptions=Vf;wo.modifiers=Xf;wo.className=ne.className;import{jsx as qf}from"react/jsx-runtime";var Yr=e=>qf("tr",{role:"row",children:e.children});import{jsx as Yf}from"react/jsx-runtime";var Zr="k-colorpalette-tile",Wf=[s.hover,s.focus,s.selected],Jf={},Ro=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 Yf("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,Zr,S(Zr,{hover:a,focus:n,selected:i})),style:c})};Ro.states=Wf;Ro.options=Jf;Ro.className=Zr;var Dl="color-palette",Hl="colorpalette";import{jsx as Ia}from"react/jsx-runtime";var un="k-colorpalette",Zf=[s.disabled],Qf={size:[d.undefined,d.small,d.medium,d.large]},zl={columns:10},Se=e=>{let{size:t,palette:o,columns:a=zl.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(Ia(Ro,{color:k,tileSize:n},y))});let L=Ia(Yr,{children:m},x);c.push(L)})}return Ia("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,un,S(un,{disabled:i}),A(un,{size:t})),children:Ia("table",{className:"k-colorpalette-table",role:"none",children:Ia("tbody",{children:c.length>0?c:e.children})})})};Se.states=Zf;Se.options=Qf;Se.className=un;Se.defaultOptions=zl;Se.moduleName=Dl;Se.folderName=Hl;Se.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var fn=Se;var Ta={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as jf}from"react/jsx-runtime";var Ul=e=>jf(fn,{palette:Ta.basic,...e});import{jsx as uR}from"react/jsx-runtime";import{jsx as NR,jsxs as vR}from"react/jsx-runtime";import{jsx as sb}from"react/jsx-runtime";var eb=Se.options,tb=Se.states,ob={...Se.defaultOptions,variant:"basic"},ab=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],nb={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}},rb=[],Ko=e=>{let{variant:t="basic",...o}=e,a=nb[t];return sb(Ul,{columns:a.columns,palette:a,...o})};Ko.options=eb;Ko.states=tb;Ko.variants=ab;Ko.defaultOptions=ob;Ko.modifiers=rb;Ko.className=Se.className;var Fl="color-editor",Gl="coloreditor";import{jsx as Ye,jsxs as _o}from"react/jsx-runtime";var bn="k-coloreditor",ib=[s.focus],lb={size:[d.undefined,d.small,d.medium,d.large]},Oa={view:"gradient",palette:Ta.office,actionButtons:!0,canvasOrientation:"horizontal"},J=e=>{let{size:t,view:o=Oa.view,palette:a=Oa.palette,color:n,currentColor:i,focus:l,focusView:c,dir:u,group:f,actionButtons:N=Oa.actionButtons,canvasOrientation:x=Oa.canvasOrientation,...m}=e;return _o("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",bn,A(bn,{size:t}),S(bn,{focus:l})),dir:u,children:[_o("div",{className:"k-coloreditor-header k-hstack",children:[Ye("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&_o(T,{fillMode:"flat",children:[Ye(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ye(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ye("div",{className:"k-spacer"}),_o("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ye(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),_o("div",{className:"k-coloreditor-preview k-vstack",children:[Ye(Tt,{className:"k-coloreditor-preview-color",color:n}),Ye(Tt,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ye("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ye(ne,{focus:c,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):Ye(Se,{palette:a,size:t})}),N&&_o(we,{className:"k-coloreditor-footer",alignment:"start",children:[Ye(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ye(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};J.states=ib;J.options=lb;J.className=bn;J.defaultOptions=Oa;J.moduleName=Fl;J.folderName=Gl;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 Do=J;import{jsx as JR}from"react/jsx-runtime";import{jsx as jR}from"react/jsx-runtime";import{jsx as pb}from"react/jsx-runtime";var Vl=e=>pb(Do,{group:!0,currentColor:"fuchsia",...e});import{jsx as db}from"react/jsx-runtime";var $l=e=>db(Do,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Xl}from"react/jsx-runtime";var cb=J.options,mb=J.states,ub={...J.defaultOptions,variant:"gradient"},fb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],bb=[],Ho=e=>{let{variant:t,...o}=e;return t==="palette"?Xl($l,{...o,color:"white"}):Xl(Vl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Ho.options=cb;Ho.states=mb;Ho.variants=fb;Ho.defaultOptions=ub;Ho.modifiers=bb;Ho.className=J.className;var ql="color-picker",Wl="colorpicker";import{Fragment as gb,jsx as Ze,jsxs as Qr}from"react/jsx-runtime";var Jl="k-colorpicker",hb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],xb={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]},Yl={arrowIconName:"chevron-down"},Re=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Yl.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 Qr(gb,{children:[Qr(lt,{...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,Jl,"k-icon-picker"),children:[Ze(ze,{children:i}),Ze(qt,{placeholder:u,value:c,showValue:!1,valueIcon:Ze(Tt,{className:"k-value-icon",color:c,iconName:y}),valueIconName:y}),Ze(Ue,{children:l}),Ze(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),M&&C&&Ze(G,{id:Be,className:"k-colorpicker-popup",children:C}),I&&Ze(W,{adaptive:!0,id:Be,...X,header:Ze(ve,{actionsEnd:Ze(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:pe,subtitle:he}),footer:Qr(Ot,{children:[Ze(p,{text:"Cancel",size:"large"}),Ze(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Ze(J,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Re.states=hb;Re.options=xb;Re.className=Jl;Re.defaultOptions=Yl;Re.moduleName=ql;Re.folderName=Wl;Re.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Mt=Re;import{jsx as Nb}from"react/jsx-runtime";var hn=e=>Nb(Mt,{...e});import{jsx as KK}from"react/jsx-runtime";import{jsx as UK}from"react/jsx-runtime";import{jsx as $K}from"react/jsx-runtime";import{jsx as JK}from"react/jsx-runtime";import{jsx as jK}from"react/jsx-runtime";import{jsx as a_}from"react/jsx-runtime";import{jsx as eo}from"react/jsx-runtime";var vb=Mt.options,kb=Mt.states,Zl={...Mt.defaultOptions,variant:"color"},Lb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Mb=[{name:"opened",title:"Opened"}],zo=e=>{let{variant:t,modifiers:o,...a}={...Zl,...e},n={};Object.keys(o||{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?eo(J,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return eo("div",{style:i,children:eo(hn,{...a,...n})});case"icon":return eo("div",{style:i,children:eo(hn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return eo("div",{style:i,children:eo(hn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};zo.options=vb;zo.states=kb;zo.variants=Lb;zo.defaultOptions=Zl;zo.modifiers=Mb;zo.className=Mt.className;var jr="combobox",Ql=jr;import{Fragment as es,jsx as ae,jsxs as Ba}from"react/jsx-runtime";var jl="k-combobox",Sb=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],yb={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]},ep={separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=ep.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:$t,autocomplete:Gn,activeDescendant:It,"aria-label":$a,...Vn}=e,$n=$t?`${$t}-listbox`:void 0;return Ba(es,{children:[Ba(Z,{...Vn,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,jl),children:[i&&Ba(es,{children:[ae(ze,{children:i}),n&&ae(Fe,{})]}),ae(ge,{id:$t,placeholder:u,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?$n:void 0,"aria-activedescendant":M&&It?It:void 0,"aria-autocomplete":Gn,"aria-invalid":m?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":$a,disabled:y,readOnly:I}),ae(Ne,{valid:x,invalid:m,loading:k,disabled:y}),ae(Ee,{loading:k,disabled:y}),ae(Pe,{loading:k,disabled:y,readonly:I,value:c}),l&&Ba(es,{children:[n&&ae(Fe,{}),ae(Ue,{children:l})]}),ae(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:y})]}),M&&C&&ae(G,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),X&&ae(W,{adaptive:!0,id:$t?`${$t}-adaptive`:void 0,...pe,header:ae(ve,{actionsEnd:ae(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:u,title:he,subtitle:xe}),children:ae("div",{className:"k-list-container",children:ae(R,{customValue:Be?ae(Kt,{text:`Use "${c}"`}):void 0,size:"large",children:Ba(H,{"aria-label":he||"Options",children:[ae(O,{text:"List item"}),ae(O,{text:"List item"}),ae(O,{text:"List item"})]})})})})]})};de.states=Sb;de.options=yb;de.className=jl;de.defaultOptions=ep;de.moduleName=jr;de.folderName=Ql;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 Ab}from"react/jsx-runtime";var tp=e=>Ab(Ke,{...e});import{jsx as H_,jsxs as z_}from"react/jsx-runtime";import{jsx as X_,jsxs as q_}from"react/jsx-runtime";import{jsx as j_,jsxs as e0}from"react/jsx-runtime";import{Fragment as s0,jsx as r0}from"react/jsx-runtime";import{Fragment as m0,jsx as c0}from"react/jsx-runtime";import{jsx as g0,jsxs as N0}from"react/jsx-runtime";import{Fragment as C0,jsx as y0,jsxs as A0}from"react/jsx-runtime";import{jsx as O0}from"react/jsx-runtime";import{jsx as R0}from"react/jsx-runtime";import{jsx as U0,jsxs as F0}from"react/jsx-runtime";import{jsx as W0,jsxs as J0}from"react/jsx-runtime";import{jsx as Dt,jsxs as Bb}from"react/jsx-runtime";var Cb=de.states,Eb=de.defaultOptions,Ib=de.options,Tb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Ob=[],Uo=e=>{let{modifiers:t,...o}=e,a={},n=Dt(R,{style:{width:300},size:o.size,children:Bb(H,{children:[Dt(O,{children:"List item"}),Dt(O,{children:"List item"}),Dt(O,{children:"List item"})]})});return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Dt(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?Dt(se,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0;break;default:break}}),Dt("div",{children:Dt(tp,{value:"Value",style:{width:300},...o,...a})})};Uo.options=Ib;Uo.states=Cb;Uo.variants=Ob;Uo.defaultOptions=Eb;Uo.modifiers=Tb;Uo.className=de.className;var ts="menu-button",op=ts;import{jsx as Rb}from"react/jsx-runtime";var ap="k-menu-button",Pb=[s.hover,s.focus,s.active,s.selected,s.disabled],wb={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]},os={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=os.showArrow,arrowIconName:L=os.arrowIconName,expanded:k,...y}=e;return Rb(p,{...y,className:r(e.className,ap),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=Pb;D.options=wb;D.className=ap;D.defaultOptions=os;D.moduleName=ts;D.folderName=op;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 ED}from"react/jsx-runtime";import{jsx as BD}from"react/jsx-runtime";import{jsx as KD}from"react/jsx-runtime";var _e="menu",Qe=_e;import{jsx as Pa,jsxs as np}from"react/jsx-runtime";var as="k-menu-item",Kb=[s.hover,s.focus,s.active,s.selected,s.disabled],_b={},rp={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=rp.iconPosition,dir:L,children:k,expanded:y,...C}=e,M=x;return M||(M=L==="rtl"?"chevron-left":"chevron-right"),np("li",{...C,className:r(e.className,as,"k-item",S(as,{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:[np("span",{className:r("k-link k-menu-link"),children:[l&&m==="before"&&Pa(v,{className:"k-menu-link-icon",icon:l}),Pa("span",{className:"k-menu-link-text",children:c}),l&&m==="after"&&Pa(v,{className:"k-menu-link-icon",icon:l}),N&&Pa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Pa(v,{icon:M})})]}),k]})};ce.states=Kb;ce.options=_b;ce.className=as;ce.defaultOptions=rp;ce.moduleName=_e;ce.folderName=Qe;import{jsx as wa,jsxs as sp}from"react/jsx-runtime";var ns="k-menu-item",Db=[s.hover,s.focus,s.active,s.selected,s.disabled],Hb={},rs={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=rs.iconPosition,dir:L=rs.dir,children:k,popup:y,expanded:C,...M}=e,I=x;return I||(I=L==="rtl"?"chevron-left":"chevron-right"),sp("li",{...M,className:r(e.className,ns,"k-item",S(ns,{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:[sp("span",{className:r("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&m==="before"&&wa(v,{className:"k-menu-link-icon",icon:l}),wa("span",{className:"k-menu-link-text",children:c}),l&&m==="after"&&wa(v,{className:"k-menu-link-icon",icon:l}),N&&wa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:wa(v,{icon:I})})]}),k,y]})};q.states=Db;q.options=Hb;q.className=ns;q.defaultOptions=rs;q.moduleName=_e;q.folderName=Qe;import{jsx as Gb}from"react/jsx-runtime";var ip="k-menu-scroll-wrapper",zb=[],Ub={},Fb={},to=e=>{let{className:t,children:o,orientation:a,...n}=e;return Gb("div",{...n,className:r(t,ip,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};to.states=zb;to.options=Ub;to.className=ip;to.defaultOptions=Fb;to.moduleName=_e;to.folderName=Qe;var lp=to;import{Fragment as ss,jsx as oo,jsxs as gn}from"react/jsx-runtime";var is="k-menu",Vb=[],$b={},Nn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=Nn.orientation,header:a=Nn.header,scrollable:n,scrollButtonsPosition:i=Nn.scrollButtonsPosition,wrapperStyles: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=oo("ul",{dir:c,...N,className:r(e.className,"k-reset",is,{[`${is}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return gn(ss,{children:[n?gn(lp,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&gn(ss,{children:[oo(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),oo(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"&&oo(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"&&gn(ss,{children:[oo(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),oo(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"&&oo(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=Vb;re.options=$b;re.className=is;re.defaultOptions=Nn;re.moduleName=_e;re.folderName=Qe;re.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as Xb}from"react/jsx-runtime";var ls="k-separator",pp={orientation:"horizontal"},Fo=e=>{let{orientation:t=pp.orientation,...o}=e;return Xb("li",{...o,className:r(e.className,"k-item",ls,{[`${ls}-${t}`]:t}),role:"separator"})};Fo.className=ls;Fo.defaultOptions=pp;Fo.moduleName=_e;Fo.folderName=Qe;import{Fragment as cH,jsx as mH}from"react/jsx-runtime";import{jsx as Yb}from"react/jsx-runtime";var ps="k-menu-group",qb=[],Wb={size:[d.undefined,d.small,d.medium,d.large]},Jb={},me=e=>{let{children:t,size:o,...a}=e;return Yb("ul",{...a,className:r(e.className,ps,A(ps,{size:o})),role:"menu",children:t})};me.states=qb;me.options=Wb;me.className=ps;me.defaultOptions=Jb;me.moduleName=_e;me.folderName=Qe;import{Fragment as Zb,jsx as Go,jsxs as Qb}from"react/jsx-runtime";var ds=e=>Go(re,{children:Qb(Zb,{children:[Go(ce,{first:!0,text:"Item 1"}),Go(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Go(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Go(ce,{text:"Item 4"}),Go(ce,{last:!0,text:"Item 5"})]}),...e});import{Fragment as AH,jsx as SH,jsxs as yH}from"react/jsx-runtime";import{Fragment as OH,jsx as TH,jsxs as BH}from"react/jsx-runtime";import{Fragment as _H,jsx as KH,jsxs as DH}from"react/jsx-runtime";import{Fragment as GH,jsx as FH,jsxs as VH}from"react/jsx-runtime";import{jsx as ao,jsxs as ah}from"react/jsx-runtime";var jb=re.options,eh=re.states,dp={...re.defaultOptions,variant:"horizontal"},th=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],oh=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Vo=e=>{let{variant:t,modifiers:o,...a}={...dp,...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=ao(G,{className:"k-menu-popup",children:ah(me,{children:[ao(q,{text:"Item 1"}),ao(q,{text:"Item 2"}),ao(Fo,{}),ao(q,{text:"Item 3"})]})});break}}),t==="vertical"?ao(ds,{...a,...n,orientation:"vertical",style:{width:"200px"}}):ao(ds,{...a,...n})};Vo.options=jb;Vo.states=eh;Vo.variants=th;Vo.defaultOptions=dp;Vo.modifiers=oh;Vo.className=re.className;import{Fragment as L1,jsx as v1,jsxs as k1}from"react/jsx-runtime";import{jsx as A1}from"react/jsx-runtime";import{Fragment as lh,jsx as ft,jsxs as cp}from"react/jsx-runtime";var nh=p.states,mp={...p.defaultOptions,variant:"text"},rh=p.options,sh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ih=[{name:"opened",title:"Opened"}],$o=e=>{let{variant:t,modifiers:o,...a}={...mp,...e},n={},i=ft(G,{className:"k-menu-popup",children:cp(me,{size:a.size,children:[ft(q,{first:!0,text:"Menu Item"}),ft(q,{text:"Menu Item"}),ft(q,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=ft("div",{children:ft(D,{...a,...n,icon:"star"})});break;case"icon-and-text":l=ft("div",{children:ft(D,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=ft("div",{children:ft(D,{...a,...n,children:"Dropdown Button"})});break}return cp(lh,{children:[l,o?.opened&&i]})};$o.options=rh;$o.states=nh;$o.variants=sh;$o.defaultOptions=mp;$o.modifiers=ih;$o.className=D.className;var cs="split-button",up=cs;import{Fragment as ch,jsx as ms,jsxs as fp}from"react/jsx-runtime";var us="k-split-button",ph=[s.hover,s.focus,s.active,s.selected,s.disabled],dh={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]},bp={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=bp.arrowIconName,popup:L,opened:k,popupId:y,...C}=e;return fp(ch,{children:[fp("div",{...C,className:r(e.className,us,"k-button-group",A(us,{rounded:o})),children:[ms(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}),ms(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&&ms(G,{className:"k-menu-popup",children:L})]})};P.states=ph;P.options=dh;P.className=us;P.defaultOptions=bp;P.moduleName=cs;P.folderName=up;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 fs=P;import{jsx as uh}from"react/jsx-runtime";var mh="k-toolbar-separator",nt=e=>uh("div",{className:r(mh,e.className,"k-separator")});var St="toolbar",Ht=St;import{Fragment as bs,jsx as K,jsxs as Xo}from"react/jsx-runtime";var yt="k-toolbar",fh=[s.focus],bh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},hh={scrollButtons:"around"},z=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:c,section:u,...f}=e,N=[],x=(m,L)=>{let k=[];if(m.type===p&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))k.push(K(p,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===p)k.push(K(p,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===ba)k.push(K(ba,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===se)k.push(K(se,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===D)k.push(K(D,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===fs)k.push(K(fs,{...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)}),Xo("div",{...f,className:r(e.className,yt,A(yt,{size:t,fillMode:o}),S(yt,{focus:a}),{[`${yt}-resizable`]:n,[`${yt}-scrollable`]:i,[`${yt}-scrollable-overlay`]:i&&l==="hidden",[`${yt}-scrollable-${c}`]:c&&c!=="both",[`${yt}-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"&&Xo(bs,{children:[Xo(T,{children:[K("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-left"})}),K("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-right"})})]}),K(nt,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&Xo(bs,{children:[K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),K(nt,{className:"k-toolbar-button-separator"}),Xo(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)&&Xo(bs,{children:[K("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-left"})}),K(nt,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),K(nt,{className:"k-toolbar-button-separator"}),K("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};z.states=fh;z.options=bh;z.className=yt;z.defaultOptions=hh;z.moduleName=St;z.folderName=Ht;z.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as vh}from"react/jsx-runtime";var hp="k-floating-toolbar",xh=[],gh={},Nh={},qo=e=>{let{...t}=e;return vh("div",{...t,className:r(e.className,hp),children:e.children})};qo.states=xh;qo.options=gh;qo.className=hp;qo.defaultOptions=Nh;qo.moduleName=St;qo.folderName=Ht;import{jsx as Sh}from"react/jsx-runtime";var hs="k-toolbar-item",kh=[s.focus],Lh={},Mh={},Wo=e=>{let{focus:t,...o}=e;return Sh("div",{...o,className:r(e.className,hs,S(hs,{focus:t})),children:e.children})};Wo.states=kh;Wo.options=Lh;Wo.className=hs;Wo.defaultOptions=Mh;Wo.moduleName=St;Wo.folderName=Ht;import{jsx as xp}from"react/jsx-runtime";var gp="k-toolbar-popup",yh=[],Ah={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Ch={},no=e=>{let{size:t,fillMode:o,section:a,...n}=e;return xp(G,{...n,className:r(e.className,gp),children:a?xp("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};no.states=yh;no.options=Ah;no.className=gp;no.defaultOptions=Ch;no.moduleName=St;no.folderName=Ht;var vn=no;import{jsx as Iz}from"react/jsx-runtime";import{jsx as Pz}from"react/jsx-runtime";import{jsx as _z}from"react/jsx-runtime";import{jsx as Gz,jsxs as Vz}from"react/jsx-runtime";import{jsx as Wz}from"react/jsx-runtime";import{jsx as At,jsxs as Bh}from"react/jsx-runtime";var Eh=P.states,Np={...P.defaultOptions,variant:"text"},Ih=P.options,Th=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Oh=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}={...Np,...e},n={},i=Bh(me,{size:a.size,children:[At(q,{first:!0,text:"Menu Item"}),At(q,{text:"Menu Item"}),At(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 At("div",{children:At(P,{...a,...n,icon:"star"})});case"icon-and-text":return At("div",{children:At(P,{...a,...n,icon:"star",children:"Split Button"})});default:return At("div",{children:At(P,{...a,...n,children:"Split Button"})})}};Jo.options=Ih;Jo.states=Eh;Jo.variants=Th;Jo.defaultOptions=Np;Jo.modifiers=Oh;Jo.className=P.className;import{jsx as ro,jsxs as Ph}from"react/jsx-runtime";var vp=e=>ro(z,{children:[ro(p,{children:"Button"},"toolbar-button"),ro(D,{text:"Menu button"},"toolbar-menu-button"),ro(P,{children:"Split button"},"toolbar-split-button"),Ph(T,{children:[ro(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ro(p,{icon:"align-center",children:"Center"}),ro(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as M2,jsxs as S2}from"react/jsx-runtime";import{jsx as De,jsxs as kp}from"react/jsx-runtime";var Lp=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"),kp(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"),kp(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 Mp}from"react/jsx-runtime";var Sp=({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"),Mp(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"),Mp(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 wh,jsx as Ie,jsxs as kn}from"react/jsx-runtime";var yp=({fillMode:e,size:t,...o})=>kn(wh,{children:[Ie(z,{section:!0,fillMode:e,size:t,children:[Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),kn(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(nt,{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}),kn(vn,{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(nt,{}),Ie(D,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),kn(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 aU,jsx as tU,jsxs as oU}from"react/jsx-runtime";import{Fragment as fU,jsx as mU,jsxs as uU}from"react/jsx-runtime";import{jsx as zt}from"react/jsx-runtime";var Rh=z.options,Kh=z.states,Ap={...z.defaultOptions,variant:"default"},_h=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Dh=[],Yo=e=>{let{variant:t,...o}={...Ap,...e};switch(t){case"responsive":return zt("div",{children:zt(yp,{style:{width:"583px"},...o})});case"overlay":return zt("div",{children:zt(Sp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return zt("div",{children:zt(Lp,{style:{width:"583px"},...o})});default:return zt("div",{children:zt(vp,{style:{width:"583px"},...o})})}};Yo.options=Rh;Yo.states=Kh;Yo.variants=_h;Yo.defaultOptions=Ap;Yo.modifiers=Dh;Yo.className=z.className;import{Fragment as Fh,jsx as rt,jsxs as Ra}from"react/jsx-runtime";var Cp="k-message",Hh=[s.hover,s.selected,s.active,s.focus],zh={},Uh=[rt(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),rt(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),rt(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],Zo={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Uh,failed:"Failed to send"},V=e=>{let{time:t=Zo.time,text:o=Zo.text,content:a,status:n=Zo.status,statusIcon:i,toolbarItems:l=Zo.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?Zo.failed:M;return Ra("div",{...I,className:r(Cp,e.className,{"k-message-removed":y,"k-message-failed":M}),children:[M&&rt(se,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),rt(Ep,{typing:m,selected:u,hover:c,active:f,focus:N,content:Ra(Fh,{children:[a,o&&rt("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:k,files:C}),Ra("div",{className:"k-message-info",children:[n&&Ra("span",{className:"k-message-status",children:[i&&rt(v,{icon:i,size:"xsmall"}),n]}),t&&rt("time",{className:"k-message-time",children:t}),M&&Ra("span",{className:"k-message-failed-content",children:[M&&rt(v,{icon:"warning-triangle",size:"xsmall"}),M&&rt("span",{className:"k-message-failed-text",children:X})]})]}),x&&rt(z,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};V.states=Hh;V.options=zh;V.className=Cp;V.defaultOptions=Zo;var xs="avatar",Ip=xs;import{jsx as Tp}from"react/jsx-runtime";var Ka="k-avatar";var Gh=[s.hover,s.focus,s.active,s.selected,s.disabled],Vh={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]},gs={type:"text",border:!1},ue=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=gs.type,border:l=gs.border,...c}=e;return Tp("div",{...c,className:r(e.className,Ka,A(Ka,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ka}-bordered`]:l}),children:Tp("span",{className:`${Ka}-${i}`,children:e.children})})};ue.states=Gh;ue.options=Vh;ue.className=Ka;ue.defaultOptions=gs;ue.moduleName=xs;ue.folderName=Ip;ue.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var so=ue;import{jsx as $h}from"react/jsx-runtime";var Op=e=>$h(so,{type:"icon",...e});import{jsx as Xh}from"react/jsx-runtime";var Bp=e=>Xh(so,{type:"text",...e});import{jsx as qh}from"react/jsx-runtime";var Ln=e=>qh(so,{type:"image",...e});import{jsx as i3}from"react/jsx-runtime";import{jsx as _a}from"react/jsx-runtime";var Wh=ue.options,Jh=ue.states,Yh={...ue.defaultOptions,variant:"image"},Zh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Qh=[],Qo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return _a(Op,{...o,children:_a(v,{icon:"star"})});case"text":return _a(Bp,{...o,children:"JO"});default:return _a(Ln,{...o,children:_a("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Qo.options=Wh;Qo.states=Jh;Qo.variants=Zh;Qo.defaultOptions=Yh;Qo.modifiers=Qh;Qo.className=ue.className;import{jsx as jo,jsxs as Ns}from"react/jsx-runtime";var Da="k-message-group",jh=[s.selected],ex={},Mn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},$=e=>{let{type:t=Mn.type,author:o=Mn.author,avatar:a=Mn.avatar,status:n,selected:i,fullWidth:l,...c}=e;return Ns("div",{...c,className:r(Da,e.className,S(Da,{selected:i}),{[`${Da}-${t}`]:t,"k-no-avatar":!a,[`${Da}-full-width`]:l}),children:[a&&!n&&jo(ue,{type:"image",children:jo("img",{src:a,alt:o||""})}),n&&a&&Ns("div",{className:"k-chat-user-status-wrapper",children:[jo(ue,{type:"image",children:jo("img",{src:a,alt:o||""})}),jo("div",{className:"k-chat-user-status"})]}),Ns("div",{className:"k-message-group-content",children:[o&&jo("span",{className:"k-message-author",children:o}),e.children]})]})};$.states=jh;$.options=ex;$.className=Da;$.defaultOptions=Mn;import{Fragment as ox,jsx as Sn,jsxs as Pp}from"react/jsx-runtime";var vs="k-message-reference",tx={},wp={type:"receiver"},ea=e=>{let{content:t,closeable:o,pinned:a,type:n=wp.type,...i}=e;return Pp("div",{...i,className:r(vs,e.className,{[`${vs}-${n}`]:n,"k-message-pinned":a}),children:[a&&Sn(v,{icon:"pin-outline"}),Sn("div",{className:"k-message-reference-content",children:t}),o&&Pp(ox,{children:[Sn("span",{className:"k-spacer"}),Sn(p,{icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};ea.options=tx;ea.className=vs;ea.defaultOptions=wp;var ks="bubble",Rp=ks;import{jsx as yn,jsxs as nx}from"react/jsx-runtime";var Ls="k-bubble",ax=[s.hover,s.active,s.selected,s.focus],Ms={expandable:!1,expanded:!1},Ut=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Ms.expandable,expanded:c=Ms.expanded,...u}=e;return nx("div",{...u,className:r(e.className,Ls,S(Ls,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":c}),tabIndex:0,children:[yn("div",{className:"k-bubble-content",children:t??e.children}),l&&yn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":c?"Show less":"Show more",tabIndex:0,children:c?yn(v,{icon:"chevron-up"}):yn(v,{icon:"chevron-down"})})]})};Ut.states=ax;Ut.className=Ls;Ut.defaultOptions=Ms;Ut.moduleName=ks;Ut.folderName=Rp;Ut.ariaSpec={selector:".k-bubble",rules:[{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."}]};import{jsx as U3}from"react/jsx-runtime";import{jsx as $3}from"react/jsx-runtime";import{jsx as J3}from"react/jsx-runtime";import{jsx as Ss,jsxs as _p}from"react/jsx-runtime";var rx="k-chat-bubble",Ep=e=>{let{typing:t,content:o,files:a,...n}=e;return _p(Ut,{...n,className:r(e.className,rx),children:[t?_p("div",{className:"k-typing-indicator",tabIndex:-1,children:[Ss("span",{}),Ss("span",{}),Ss("span",{})]}):o,a]})};import{jsx as dF}from"react/jsx-runtime";import{jsx as Dp,jsxs as sx}from"react/jsx-runtime";var Hp="k-chat-event",ys={icon:"trash",text:"You deleted Chat history."},zp=e=>{let{icon:t=ys.icon,text:o=ys.text,...a}=e;return sx("div",{...a,className:r(e.className,Hp),children:[t&&Dp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&Dp("span",{className:"k-chat-event-text",children:o})]})};zp.className=Hp;zp.defaultOptions=ys;import{jsx as vF}from"react/jsx-runtime";import{Fragment as ix,jsx as bt,jsxs as lx}from"react/jsx-runtime";var Up=e=>bt(U,{children:lx(ix,{children:[bt("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),bt($,{children:bt(V,{})}),bt($,{type:"sender",children:bt(V,{})}),bt($,{children:bt(V,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),bt($,{type:"sender",children:bt(V,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as Fp}from"react/jsx-runtime";var An="k-file-box-wrapper",Gp={layout:"horizontal"},ht=e=>{let{layout:t=Gp.layout,scrollingPosition:o,...a}=e;return Fp("ul",{role:"list","aria-label":"Attached files",...a,className:r(e.className,An,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${An}-scrollable-start`]:t==="horizontal"&&(o==="start"||o==="both"),[`${An}-scrollable-end`]:t==="horizontal"&&(o==="end"||o==="both")}),children:t==="horizontal"?Fp("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};ht.className=An;ht.defaultOptions=Gp;var As="file-box",Vp=As;import{jsx as ta,jsxs as $p}from"react/jsx-runtime";var Xp="k-file-box",px=[s.selected],dx={},Ha={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},ye=e=>{let{icon:t=Ha.icon,name:o=Ha.name,size:a=Ha.size,status:n,deleted:i,removeButton:l,showButton:c=Ha.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return $p("li",{role:"listitem",tabIndex:0,"aria-label":f||void 0,...u,className:r(Xp,e.className,{"k-file-deleted":i}),children:[ta(v,{icon:t,size:"xlarge","aria-hidden":"true"}),$p("div",{className:"k-file-info",children:[o&&ta("span",{className:"k-file-name",children:o}),a&&ta("span",{className:"k-file-size",children:a}),n&&ta("span",{className:"k-file-status",children:n})]}),c&&(l?ta(p,{as:"span",icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):ta(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};ye.states=px;ye.options=dx;ye.className=Xp;ye.defaultOptions=Ha;ye.moduleName=As;ye.folderName=Vp;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 HF}from"react/jsx-runtime";import{jsx as VF}from"react/jsx-runtime";import{jsx as JF,jsxs as YF}from"react/jsx-runtime";import{jsx as t5,jsxs as o5}from"react/jsx-runtime";import{jsx as i5}from"react/jsx-runtime";import{Fragment as k5,jsx as v5,jsxs as L5}from"react/jsx-runtime";import{Fragment as C5,jsx as A5,jsxs as E5}from"react/jsx-runtime";var Cs="skeleton",qp=Cs;import{jsx as fx}from"react/jsx-runtime";var Es="k-skeleton",cx=["circle","text","rect"],mx=[],ux={},Is={variant:"text",shape:"text",animation:"pulse"},st=e=>{let{variant:t,shape:o,animation:a=Is.animation,...n}=e,i=`skeleton-${t||o||Is.variant}`;return fx("span",{...n,className:r(e.className,Es,Xa(Es,i),{[`k-skeleton-${a}`]:a}),style:e.style})};st.states=mx;st.options=ux;st.variants=cx;st.className=Es;st.defaultOptions=Is;st.moduleName=Cs;st.folderName=qp;st.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as _5}from"react/jsx-runtime";import{jsx as U5}from"react/jsx-runtime";import{jsx as $5}from"react/jsx-runtime";import{Fragment as rG,jsx as aG,jsxs as nG}from"react/jsx-runtime";import{Fragment as dG,jsx as pG,jsxs as cG}from"react/jsx-runtime";var Ts="window",Wp=Ts;import{jsx as gx}from"react/jsx-runtime";var Jp="k-window-content",bx=[],hx={},xx={},Ft=e=>{let{children:t,...o}=e;return gx("div",{...o,className:r(Jp,e.className),children:t})};Ft.states=bx;Ft.options=hx;Ft.className=Jp;Ft.defaultOptions=xx;Ft.moduleName=Ts;Ft.folderName=Wp;var za="dialog",Cn=za;import{Fragment as kx,jsx as io,jsxs as Os}from"react/jsx-runtime";var Yp="k-dialog",Nx=[],vx={},Bs={actionButtonsAlign:"stretched",modal:!0},Te=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Bs.actionButtonsAlign,modal:i=Bs.modal,...l}=e,c=t!==void 0?w("dialog-titlebar"):void 0,u=w("dialog-content");return Os("div",{className:"k-dialog-wrapper",children:[i&&io(ct,{}),Os("div",{...l,className:r(e.className,Yp,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0||o)&&Os("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&io("span",{className:"k-window-title k-dialog-title",children:t}),o&&io(kx,{children:io("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>io(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),io(Ft,{className:"k-dialog-content",id:u,children:e.children}),a&&io(we,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};Te.states=Nx;Te.options=vx;Te.className=Yp;Te.defaultOptions=Bs;Te.moduleName=za;Te.folderName=Cn;Te.ariaSpec={selector:".k-dialog",rules:[{selector:".k-dialog",attribute:"role=dialog or role=alertdialog",usage:"Announces the dialog or alertdialog role of the component."},{selector:".k-dialog",attribute:"aria-labelledby",usage:"Associate the title of the dialog."},{selector:".k-dialog",attribute:"aria-describedby",usage:"Associate the dialog content to the wrap element."},{selector:".k-overlay + .k-dialog",attribute:"aria-modal=true",usage:"Announces that the dialog is modal. Attribute is added only when the dialog is modal."}]};var Ps=Te;import{jsx as yx}from"react/jsx-runtime";var Zp="k-dialog-wrapper",Lx=[],Mx={},Sx={},oa=e=>{let{...t}=e;return yx("div",{...t,className:r(e.className,Zp),children:e.children})};oa.states=Lx;oa.options=Mx;oa.className=Zp;oa.defaultOptions=Sx;oa.moduleName=za;oa.folderName=Cn;import{Fragment as Qp,jsx as En,jsxs as Ax}from"react/jsx-runtime";var jp=e=>En(Ps,{title:"Title",children:En(Qp,{children:"Dialog content"}),actionButtons:Ax(Qp,{children:[En(p,{children:"Action"}),En(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as DG,jsx as HG,jsxs as zG}from"react/jsx-runtime";import{Fragment as Bx,jsx as In,jsxs as Px}from"react/jsx-runtime";var Cx=Te.options,Ex=[],Ix=Te.states,Tx=Te.defaultOptions,Ox=[],aa=e=>In(jp,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:Px(Bx,{children:[In(p,{children:"No"}),In(p,{themeColor:"primary",children:"Yes"})]}),children:In("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});aa.options=Cx;aa.states=Ix;aa.variants=Ex;aa.defaultOptions=Tx;aa.modifiers=Ox;aa.className=Te.className;var ws="dropzone",ed=ws;import{jsx as Tn,jsxs as Kx}from"react/jsx-runtime";var Rs="k-external-dropzone",wx=[s.disabled,s.hover],Rx={},Ks={icon:"upload",hint:"Drag and drop files here to upload"},Ae=e=>{let{hover:t,disabled:o,icon:a=Ks.icon,hint:n=Ks.hint,note:i,...l}=e;return Tn("div",{...l,className:r(e.className,Rs,S(Rs,{disabled:o}),{"k-external-dropzone-hover":t}),children:Kx("div",{className:"k-dropzone-inner",children:[a&&Tn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&Tn("span",{className:"k-dropzone-hint",children:n}),i&&Tn("span",{className:"k-dropzone-note",children:i})]})})};Ae.states=wx;Ae.options=Rx;Ae.className=Rs;Ae.defaultOptions=Ks;Ae.moduleName=ws;Ae.folderName=ed;import{jsx as _x}from"react/jsx-runtime";var td=e=>_x(Ae,{...e});import{jsx as c6}from"react/jsx-runtime";import{jsx as Gx}from"react/jsx-runtime";var Dx=Ae.options,Hx=Ae.states,zx=Ae.defaultOptions,Ux=[{name:"note",title:"Note"}],Fx=[],na=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{n==="note"&&(a.note=t?.[n]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),Gx(td,{style:{width:"500px"},...o,...a})};na.options=Dx;na.states=Hx;na.variants=Fx;na.defaultOptions=zx;na.modifiers=Ux;na.className=Ae.className;import{Fragment as On,jsx as Gt,jsxs as Ua}from"react/jsx-runtime";var _s="k-upload-dropzone",Vx=[s.hover],Bn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,c;switch(o){case"uploading":c=Ua(On,{children:[Gt(v,{icon:"upload"}),"Uploading..."]});break;case"done":c=Ua(On,{children:[Gt(v,{icon:"check"}),"Done"]});break;case"failed":c=Ua(On,{children:[Gt(v,{icon:"exclamation-circle"}),"Done"]});break;default:c=Gt(On,{});break}return Ua("div",{...l,className:r(e.className,_s,"k-dropzone",S(_s,{hover:t})),children:[Ua("div",{className:"k-upload-button-wrap",children:[Gt(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),Gt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Gt("span",{className:r("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Gt("span",{className:"k-upload-status",children:c})]})};Bn.states=Vx;Bn.className=_s;var Ds="upload",od=Ds;import{jsx as Pn,jsxs as nd}from"react/jsx-runtime";var Hs="k-upload",$x=[s.hover,s.disabled],Xx={},rd={actionsLayout:"end"},ad="upload-files-list",j=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=rd.actionsLayout,hover:i,status:l,disabled:c,...u}=e,f=!!e.children;return nd("div",{...u,className:r(e.className,Hs,S(Hs,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[Pn(Bn,{status:l,hover:i,disabled:c,hasFiles:f,filesId:ad}),f&&Pn("ul",{className:"k-upload-files",role:"list",id:ad,children:e.children}),a&&f&&nd(Vi,{alignment:n,orientation:"horizontal",children:[Pn(p,{className:"k-clear-selected",children:"Clear"}),Pn(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};j.states=$x;j.options=Xx;j.className=Hs;j.defaultOptions=rd;j.moduleName=Ds;j.folderName=od;j.ariaSpec={selector:".k-upload",rules:[{selector:".k-upload .k-upload-button",attribute:"aria-disabled",usage:"Announces the disabled state of the upload button."},{selector:".k-upload .k-upload-button",attribute:"aria-controls (when present)",usage:"Creates the relationship between the button and the list of selected files when the list is present."},{selector:".k-upload input",attribute:"tabindex=-1",usage:"Assures that the input element inside the upload is not focusable."},{selector:".k-upload input",attribute:"aria-hidden=true",usage:"The input needs to be hidden from screen readers."},{selector:".k-upload-files",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-upload-files",attribute:"id",usage:"Unique and deterministic id linked to the button aria-controls attribute."},{selector:".k-upload-files .k-file",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-upload .k-file .k-file-validation-message",attribute:"aria-live=polite",usage:"Announces the change in the upload status of the file."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"aria-label",usage:"Provides accessible names for the file action buttons."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"tabindex=-1",usage:"The list file action buttons are not focusable elements."}]};var Fa="progressbar",wn=Fa;import{jsx as Us,jsxs as zs}from"react/jsx-runtime";var je="k-progressbar",qx=[s.disabled,s.indeterminate],Wx={orientation:["horizontal","vertical"]},lo={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},fe=e=>{let{disabled:t,height:o,indeterminate:a=lo.indeterminate,label:n=lo.label,labelPosition:i=lo.labelPosition,orientation:l=lo.orientation,reverse:c=lo.reverse,value:u=lo.value,width:f,style:N,ariaLabel:x,...m}=e;return zs("div",{...m,className:r(e.className,je,S(je,{disabled:t}),{[`${je}-${l}`]:l,[`${je}-indeterminate`]:a,[`${je}-reverse`]:c}),style:{...N,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:f},role:"progressbar","aria-label":x||"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Us("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&zs("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Us("div",{className:"k-progressbar-value k-selected",children:Us("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&zs("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};fe.states=qx;fe.options=Wx;fe.className=je;fe.defaultOptions=lo;fe.moduleName=Fa;fe.folderName=wn;fe.ariaSpec={selector:".k-progressbar",implicitRole:"progressbar",rules:[{selector:".k-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ProgressBar."},{selector:".k-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ProgressBar needs an accessible name to be assigned to it."},{selector:".k-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Decimal value between aria-valuemin and aria-valuemax."},{selector:".k-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to 100."}]};var sd=fe;import{jsx as Fs}from"react/jsx-runtime";var id="k-chunk-progressbar",Jx=(e,t)=>t<=e-1,Yx=[s.disabled,s.indeterminate],Zx={},Rn={chunkCount:5,orientation:"horizontal",progress:0},po=e=>{let{disabled:t,chunkCount:o=Rn.chunkCount,indeterminate:a,orientation:n=Rn.orientation,progress:i=Rn.progress,reverse:l,ariaLabel:c,...u}=e;return Fs("div",{...u,className:r(e.className,je,id,S(je,{disabled:t}),{[`${je}-${n}`]:n,[`${je}-indeterminate`]:a,[`${je}-reverse`]:l}),role:"progressbar","aria-label":c||"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Fs("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>Fs("li",{className:r("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":Jx(i,N)})},N))})})};po.states=Yx;po.options=Zx;po.className=id;po.defaultOptions=Rn;po.moduleName=Fa;po.folderName=wn;po.ariaSpec={selector:".k-chunk-progressbar",implicitRole:"progressbar",rules:[{selector:".k-chunk-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ChunkProgressBar."},{selector:".k-chunk-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ChunkProgressBar needs an accessible name to be assigned to it."},{selector:".k-chunk-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Value between aria-valuemin and aria-valuemax."},{selector:".k-chunk-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-chunk-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to chunk count."}]};import{jsx as Qx}from"react/jsx-runtime";var Ga=e=>Qx(sd,{...e});import{jsx as Q6}from"react/jsx-runtime";import{jsx as Vt}from"react/jsx-runtime";var jx=fe.options,eg=fe.states,ld={...fe.defaultOptions,variant:"start"},tg=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],og=[],ra=e=>{let{variant:t,modifiers:o,...a}={...ld,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o||{}).forEach(l=>{switch(l){case"reverse":n.reverse=!!o?.[l];break;case"vertical":n.orientation=o?.[l]?"vertical":void 0,i.style=o?.[l]?void 0:{width:"324px"};break}}),t){case"end":return Vt("div",{...i,children:Vt(Ga,{...a,...n,labelPosition:"end",value:"50"})});case"center":return Vt("div",{...i,children:Vt(Ga,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return Vt("div",{...i,children:Vt(Ga,{...a,...n,label:!1,value:"50"})});default:return Vt("div",{...i,children:Vt(Ga,{...a,...n,labelPosition:"start",value:"50"})})}};ra.options=jx;ra.states=eg;ra.variants=tg;ra.defaultOptions=ld;ra.modifiers=og;ra.className=fe.className;import{jsx as Gs,jsxs as ng}from"react/jsx-runtime";var ag="k-file-info",Vs=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return ng("div",{...n,className:r(e.className,ag),children:[t&&Gs("span",{className:"k-file-name",children:t}),o&&Gs("span",{className:"k-file-size",children:o}),a&&Gs("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as sg,jsx as Ct,jsxs as Kn}from"react/jsx-runtime";var rg="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:c,...u}=e;return Ct("li",{...u,className:r(e.className,rg,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Kn("div",{className:"k-file-single",children:[Ct(fe,{className:r({"k-hidden":t!=="progress"}),value:o,label:!1}),Kn("span",{className:"k-file-icon-wrapper",children:[Ct(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&Ct("span",{className:"k-file-state",children:l})]}),Ct(Vs,{name:a,size:i,validationMsg:c}),Ct("div",{className:"k-upload-actions",children:t==="progress"?Kn(sg,{children:[Kn("span",{className:"k-upload-pct",children:[o,"%"]}),Ct(p,{icon:"pause-sm",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),Ct(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):Ct(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as E7,jsx as A7,jsxs as C7}from"react/jsx-runtime";import{Fragment as ig,jsx as $s,jsxs as lg}from"react/jsx-runtime";var Va=e=>$s(j,{async:!0,children:lg(ig,{children:[$s(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),$s(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as D7,jsx as K7,jsxs as _7}from"react/jsx-runtime";import{jsx as pg}from"react/jsx-runtime";var pd=e=>pg(j,{async:!0,empty:!0,...e});import{Fragment as X7,jsx as $7,jsxs as q7}from"react/jsx-runtime";import{Fragment as Q7,jsx as Z7,jsxs as j7}from"react/jsx-runtime";import{jsx as Et,jsxs as _n}from"react/jsx-runtime";var dg=j.options,cg=j.states,dd={...j.defaultOptions,variant:"empty"},mg=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],ug=[],sa=e=>{let{variant:t,...o}={...dd,...e};switch(t){case"success":return _n(Va,{status:"done",style:{width:"586px"},...o,children:[Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return _n(Va,{status:"failed",style:{width:"586px"},...o,children:[Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return _n(Va,{status:"uploading",style:{width:"586px"},...o,children:[Et(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),Et(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return _n(Va,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[Et(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),Et(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return Et(pd,{async:!0,status:"upload",style:{width:"586px"},...o})}};sa.options=dg;sa.states=cg;sa.variants=mg;sa.defaultOptions=dd;sa.modifiers=ug;sa.className=j.className;import{Fragment as C9,jsx as A9,jsxs as E9}from"react/jsx-runtime";import{jsx as B9}from"react/jsx-runtime";import{Fragment as _9,jsx as K9,jsxs as D9}from"react/jsx-runtime";import{Fragment as G9,jsx as F9,jsxs as V9}from"react/jsx-runtime";import{Fragment as J9,jsx as W9,jsxs as Y9}from"react/jsx-runtime";var Xs="appbar",cd=Xs;import{jsx as xg}from"react/jsx-runtime";var qs="k-appbar",fg=[],bg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.inverse]},hg={},be=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return xg("div",{...n,className:r(e.className,qs,A(qs,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};be.states=fg;be.options=bg;be.className=qs;be.defaultOptions=hg;be.moduleName=Xs;be.folderName=cd;be.ariaSpec={selector:".k-appbar",rules:[]};import{jsx as Ng}from"react/jsx-runtime";var gg="k-appbar-section",xt=e=>{let{...t}=e;return Ng("div",{...t,className:r(gg,e.className),children:e.children})};import{Fragment as c4,jsx as p4,jsxs as d4}from"react/jsx-runtime";import{jsx as ee,jsxs as ia}from"react/jsx-runtime";var Ws={...be.options,positionMode:["static","sticky","fixed"]},vg=be.states,md={...be.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};Ws.themeColor=["primary",...Ws.themeColor.filter(e=>e!=="primary")];var kg=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],la=e=>{let{variant:t,...o}={...md,...e},a=ia(be,{position:t,...o,children:[ee(xt,{children:ee(se,{fillMode:"flat",icon:"menu"})}),ee("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),ee(xt,{children:ee("h3",{className:"k-m-0",children:"AppBar"})}),ee("span",{className:"k-spacer"}),ia(xt,{children:[ee(ot,{fillMode:"flat",children:"Button"}),ee(ot,{fillMode:"flat",children:"Button"}),ee(ot,{fillMode:"flat",children:"Button"})]}),ee("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),ee(xt,{children:ee(an,{value:"Input value"})}),ia(xt,{children:[ee(se,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),ee("span",{className:"k-appbar-separator"}),ee(Ln,{className:"k-mx-sm",children:ee("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=ia("div",{style:{padding:"25px 10px"},children:[ee("p",{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, harum magnam? Possimus magnam non natus error consectetur voluptatum, unde quasi rerum ad facere, hic in! Qui ducimus ab sed consequuntur excepturi fugiat! Facilis fuga asperiores pariatur sed. Eligendi aliquid vel nemo, ipsum tempora minima consequatur culpa molestias maiores nihil eveniet accusantium porro. Inventore saepe ut ad in a. Quo itaque est expedita quidem consectetur enim quam minima, quisquam harum velit, earum adipisci provident, officia eveniet voluptas vero accusamus ad ducimus laudantium!"}),ee("p",{children:"Consequatur incidunt sequi explicabo adipisci saepe, accusamus, numquam fuga quam ex, provident possimus ratione blanditiis ducimus quos nulla repellat error pariatur nemo nobis illo! Saepe deleniti dolore cumque, sequi similique eligendi consectetur corrupti iste reprehenderit adipisci enim laudantium inventore totam quos non impedit quibusdam et consequuntur blanditiis accusamus! Rerum, nostrum. Rerum, tempore earum officia alias suscipit ut minima recusandae dolorem reprehenderit ea?"}),ee("p",{children:"Aliquam pariatur ut expedita, repellat architecto aut, consequatur iure recusandae tempora odit consequuntur, nihil nostrum totam accusantium at. Dignissimos repellendus culpa nesciunt. Officia repudiandae, laudantium error iure in minus ratione reprehenderit dolorum alias quo voluptatibus doloremque aliquid exercitationem quidem odit earum natus autem eaque tempore nulla esse sapiente? Dolore aliquid aliquam modi velit quaerat!"}),ee("p",{children:"Sunt consequuntur, aliquam eius beatae ex odit quasi iusto, accusamus architecto corrupti reprehenderit dolores itaque aliquid veniam odio eaque vel doloremque? Corporis, tenetur delectus deleniti voluptatum autem necessitatibus esse nisi ad, optio cumque quas dignissimos reprehenderit. Optio dolores quam corporis ea, reiciendis eos sit. Voluptate vel esse necessitatibus eum, sunt fuga, quaerat, eos natus quod repellendus nulla voluptatem ut quo quas ipsa animi incidunt autem saepe perferendis. Sequi ratione in iste, quibusdam, neque facilis accusantium, eum rem error sunt a explicabo commodi impedit quam."})]});return t==="bottom"?ia("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):ia("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};la.options=Ws;la.states=vg;la.variants=kg;la.defaultOptions=md;la.modifiers=[];la.className=be.className;var Js="suggestion",ud=Js;import{jsx as Dn,jsxs as Sg}from"react/jsx-runtime";var Hn="k-suggestion-group",Lg=[],Mg={},fd={layout:"scrollable",scrollingPosition:"start"},et=e=>{let{layout:t=fd.layout,scrollingPosition:o,...a}=e,n=Dn("div",{...a,className:r(Hn,{"k-suggestion-group-scrollable":t=="scrollable",[`${Hn}-scrollable-start`]:o==="start"||o==="both",[`${Hn}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?Dn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Sg("div",{className:"k-suggestion-scrollwrap",children:[Dn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Dn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};et.states=Lg;et.options=Mg;et.className=Hn;et.defaultOptions=fd;et.moduleName=Js;et.folderName=ud;import{jsx as Eg}from"react/jsx-runtime";var zn="k-suggestion",yg=[s.active,s.hover,s.focus],Ag={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},Cg={text:"Suggestion"},tt=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return Eg("span",{...l,className:r(e.className,zn,S(zn,{hover:a,active:o,focus:n}),A(zn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};tt.states=yg;tt.options=Ag;tt.className=zn;tt.item=Cg;import{Fragment as D4,jsx as _4,jsxs as H4}from"react/jsx-runtime";import{Fragment as V4,jsx as G4,jsxs as $4}from"react/jsx-runtime";import{Fragment as Y4,jsx as J4,jsxs as Z4}from"react/jsx-runtime";import{Fragment as wg,jsx as te,jsxs as Un}from"react/jsx-runtime";var Ig=U.states,Tg=U.defaultOptions,Og=U.options,Bg=[{name:"header",title:"Header"},{name:"pinned",title:"Pinned"},{name:"suggested",title:"Suggested Actions"},{name:"author",title:"Author"},{name:"avatar",title:"Avatar"},{name:"quick",title:"Quick Replies"}],Pg=[],pa=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Un(be,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[te("span",{className:"k-spacer k-spacer-sized k-w-1"}),te(xt,{children:te("span",{children:"Chat with demo bot"})}),te("span",{className:"k-spacer"}),te(xt,{children:te(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=te(ea,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Un(et,{children:[te(tt,{text:"Provide a CV template"}),te(tt,{text:"Generate a cover letter"})]}),c=Un(et,{children:[te(tt,{themeColor:"primary",text:"Thank you!"}),te(tt,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",f=null,N="User",x="Demo Bot";Object.keys(t||{}).forEach(I=>{switch(I){case"header":a.header=t?.[I]?n:!1;break;case"pinned":a.pinned=t?.[I]?i:!1;break;case"suggested":a.suggestedActions=t?.[I]?l:!1;break;case"author":a.author=t?.[I]?!0:null;break;case"avatar":a.avatar=t?.[I]?u:null;break;case"quick":a.quickReplies=t?.[I]?c:te(wg,{});break;default:break}});let{header:m,pinned:L,suggestedActions:k,author:y,avatar:C,quickReplies:M}=a;return Un(Up,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:k,children:[te($,{avatar:f,author:y?x:null,children:te(V,{text:"Hello, this is a demo bot. How can I help you ?"})}),te($,{avatar:C?u:null,author:y?N:null,type:"sender",children:te(V,{text:"Hello! Generate a cover letter."})}),te($,{avatar:f,author:y?x:null,children:te(V,{text:"Sure. Here is a cover letter template",files:te(ht,{children:te(ye,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),M]})};pa.options=Og;pa.states=Ig;pa.variants=Pg;pa.defaultOptions=Tg;pa.modifiers=Bg;pa.className=U.className;import{Fragment as Rg,jsx as Fn}from"react/jsx-runtime";var H8=e=>Fn(U,{children:Fn(Rg,{children:Fn($,{type:"sender",children:Fn(V,{failed:!0,text:"Failed message"})})}),...e});export{H8 as ChatFailed};