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

package/dist/esm/chat/templates/chat-empty.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 $n={};function w(e){return $n[e]=($n[e]||0)+1,`k-${e}-${$n[e]}`}import{Fragment as gd,jsx as Ys}from"react/jsx-runtime";var Xn="k-font-icon",bd=[],hd={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]},xd={},da=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?Ys("span",{...l,className:r(e.className,Xn,A(Xn,{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"}):Ys(gd,{})};da.states=bd;da.options=hd;da.className=Xn;da.defaultOptions=xd;var Zs=da;import{Fragment as kd,jsx as qa}from"react/jsx-runtime";var qn="k-svg-icon",Nd=[],vd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},Qs={viewBox:"0 0 24 24"},ca=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=Qs.viewBox,icon:l,...c}=e;if(!l)return qa(kd,{});if(l==="none")return qa("span",{...c,className:r(e.className,qn,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,qn,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=Nd;ca.options=vd;ca.className=qn;ca.defaultOptions=Qs;var Wn=ca;import*as Jn from"@progress/kendo-svg-icons";var js="icon",ei="icons";import{useContext as Md}from"react";import{createContext as Ld}from"react";var ti=Ld({iconsType:"svg"});import{Fragment as oi,jsx as ma}from"react/jsx-runtime";var Wa="k-icon",Sd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),yd=[],Ad={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]},Yn={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=Md(ti),{size:o,themeColor:a,icon:n,type:i=t||Yn.type,rotate:l,flip:c,viewBox:u=Yn.viewBox,...f}=e;if(!n)return ma(oi,{});if((t||i)==="svg"){if(n==="none")return ma(Wn,{...f,className:r(e.className,Wa),icon:n,size:o});let x=Jn[n]?n:Sd(`${n}-icon`);return Jn[x]?ma(Wn,{...f,className:r(e.className,Wa),icon:Jn[x],size:o,themeColor:a,rotate:l,flip:c,viewBox:u}):ma(oi,{})}return ma(Zs,{...f,className:r(e.className,Wa),icon:n,size:o,themeColor:a,rotate:l,flip:c})};v.states=yd;v.options=Ad;v.defaultOptions=Yn;v.className=Wa;v.moduleName=js;v.folderName=ei;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 Zn="button",ai=Zn;import{Fragment as Td,jsx as ua,jsxs as ni}from"react/jsx-runtime";var fa="k-button",Cd=["icon-button"],Ed=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Id={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]},Qn={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=Qn.showArrow,arrowIconName:c=Qn.arrowIconName,variant:u,hover:f,focus:N,active:x,selected:m,disabled:L,togglable:k,ariaDisabled:y,icon:C,text:M,iconClassName:I,className:V,...pe}=e,he=C!==void 0,xe=e.children!==void 0;return ni(t,{className:r(V,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?ni(Td,{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=Ed;p.options=Id;p.variants=Cd;p.className=fa;p.defaultOptions=Qn;p.moduleName=Zn;p.folderName=ai;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 Od}from"react/jsx-runtime";var se=e=>Od(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Bd}from"react/jsx-runtime";var ba=e=>Bd(p,{icon:"folder",children:"Button",...e});import{jsx as Pd}from"react/jsx-runtime";var ot=e=>Pd(p,{children:"Button",...e});import{jsx as jn}from"react/jsx-runtime";var wd=p.options,Rd=p.states,Kd={...p.defaultOptions,variant:"text"},_d=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Dd=[],co=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return jn(se,{...o,icon:"star"});case"icon-and-text":return jn(ba,{...o,icon:"star",children:"Button"});default:return jn(ot,{...o,children:"Button"})}};co.options=wd;co.states=Rd;co.variants=_d;co.defaultOptions=Kd;co.modifiers=Dd;co.className=p.className;import{jsx as ri,jsxs as Gd}from"react/jsx-runtime";var Ja="k-fab",Ud=[s.hover,s.focus,s.active,s.selected,s.disabled],Fd={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]},si={type:"button"},Y=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=si.type,position:c,hover:u,focus:f,active:N,selected:x,disabled:m,...L}=e;return Gd("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&&ri(v,{className:"k-fab-icon",icon:i}),n&&ri("span",{className:"k-fab-text",children:n})]})};Y.states=Ud;Y.options=Fd;Y.className=Ja;Y.defaultOptions=si;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 $d}from"react/jsx-runtime";var Vd="k-fab-items",ii=e=>{let{position:t,...o}=e;return $d("ul",{...o,className:r(e.className,Vd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as pi,jsxs as qd}from"react/jsx-runtime";var li="k-fab-item",Xd=[s.hover,s.focus,s.active,s.disabled],er=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:c,...u}=e;return qd("li",{...u,className:r(e.className,li,{[`k-text-${a}`]:a},S(li,{hover:n,focus:i,active:l,disabled:c})),children:[pi("span",{className:"k-fab-item-text",children:t}),pi(v,{className:"k-fab-item-icon",icon:o})]})};er.states=Xd;import{jsx as tv}from"react/jsx-runtime";import{jsx as Wd}from"react/jsx-runtime";var di=e=>Wd(Y,{icon:"plus",...e});import{jsx as lv}from"react/jsx-runtime";import{jsx as mv}from"react/jsx-runtime";import{jsx as mo,jsxs as ec}from"react/jsx-runtime";var Jd=Y.options,Yd=Y.states,Zd={...Y.defaultOptions,variant:"text"},Qd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],jd=[{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(ii,{position:"bottom",children:mo(er,{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 ec("span",{style:{position:"relative"},children:[l,i]})};uo.options=Jd;uo.states=Yd;uo.variants=Qd;uo.defaultOptions=Zd;uo.modifiers=jd;uo.className=Y.className;import{jsx as ac}from"react/jsx-runtime";var tr="k-input-inner",tc=[],oc={},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 ac("input",{...c,type:o,className:r(e.className,tr,A(tr,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:l||void 0})};ge.states=tc;ge.options=oc;ge.className=tr;import{jsx as sc}from"react/jsx-runtime";var or="k-input-inner",nc=[],rc={},ci={value:"",placeholder:""},ha=e=>{let{value:t=ci.value,placeholder:o=ci.placeholder,rows:a,disabled:n,...i}=e;return sc("textarea",{...i,className:r(e.className,or,A(or,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};ha.states=nc;ha.options=rc;ha.className=or;var ar="prompt-box",mi=ar;var nr="speech-to-text-button",ui=nr;import{jsx as ic}from"react/jsx-runtime";var fi="k-speech-to-text-button",bi={icon:"microphone-outline"},Ce=e=>{let{listening:t=!1,icon:o=bi.icon,...a}=e;return ic(p,{...a,icon:t?"stop-sm":o,className:r(e.className,fi,{"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=fi;Ce.defaultOptions=bi;Ce.moduleName=nr;Ce.folderName=ui;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 qv}from"react/jsx-runtime";import{jsx as Zv}from"react/jsx-runtime";import{jsx as mc}from"react/jsx-runtime";var lc=p.states,hi={...p.defaultOptions,variant:"normal"},pc={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},dc=[],cc=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],fo=e=>{let{variant:t,...o}={...hi,...e},a={};return t==="listening"&&(a.listening=!0),mc(Ce,{...o,...a})};fo.options=pc;fo.states=lc;fo.variants=cc;fo.defaultOptions=hi;fo.modifiers=dc;fo.className=Ce.className;import{jsx as bo,jsxs as rr}from"react/jsx-runtime";var it="k-prompt-box",uc=[s.hover,s.focus,s.disabled],fc={fillMode:[h.undefined,h.solid,h.flat,h.outline]},sr={lineMode:"auto",isExpanded:!1},gt=e=>{let{fillMode:t,lineMode:o=sr.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=sr.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 rr("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}),rr("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"}),rr("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=uc;gt.options=fc;gt.className=it;gt.defaultOptions=sr;gt.moduleName=ar;gt.folderName=mi;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 Nk}from"react/jsx-runtime";import{jsx as Mk}from"react/jsx-runtime";import{jsx as Ck}from"react/jsx-runtime";import{jsx as Ok}from"react/jsx-runtime";import{jsx as Rk}from"react/jsx-runtime";var ir="chat",xi=ir;import{Fragment as vi,jsx as Xt,jsxs as xa}from"react/jsx-runtime";var gi="k-chat",bc=[],hc={},xc=xa(vi,{children:[Xt(se,{icon:"paperclip-outline-alt-right",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Xt("div",{className:"k-spacer"})]}),Ni={tools:xc},U=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:c,tools:u=Ni.tools,value:f,empty:N,scrollToBottom:x,scrollbar:m,promptBoxProps:L,...k}=e;return xa("div",{...k,className:r(gi,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(di,{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(vi,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};U.states=bc;U.options=hc;U.className=gi;U.defaultOptions=Ni;U.moduleName=ir;U.folderName=xi;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 lr="button",ki=lr;import{jsx as kc}from"react/jsx-runtime";var ga="k-button-group",gc=[s.disabled],Nc={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},vc={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return kc("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=gc;T.options=Nc;T.className=ga;T.defaultOptions=vc;T.moduleName=lr;T.folderName=ki;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 lL,jsx as iL,jsxs as pL}from"react/jsx-runtime";import{Fragment as bL,jsx as fL,jsxs as hL}from"react/jsx-runtime";import{Fragment as LL,jsx as kL,jsxs as ML}from"react/jsx-runtime";import{Fragment as IL,jsx as EL,jsxs as TL}from"react/jsx-runtime";import{Fragment as KL,jsx as RL,jsxs as _L}from"react/jsx-runtime";import{Fragment as GL,jsx as FL,jsxs as VL}from"react/jsx-runtime";import{jsx as Nt,jsxs as pr}from"react/jsx-runtime";var Lc={...p.options,...T.options},Mc=p.states,Sc={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},yc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Ac=[],ho=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?pr(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"?pr(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"})]}):pr(T,{fillMode:a.fillMode,className:o,children:[Nt(p,{...a,children:"First"}),Nt(p,{...a,children:"Middle"}),Nt(p,{...a,children:"Last"})]})};ho.options=Lc;ho.states=Mc;ho.variants=yc;ho.defaultOptions=Sc;ho.modifiers=Ac;ho.className=T.className;var Na="input",Qa=Na;import{jsx as Tc}from"react/jsx-runtime";var ja="k-input",Cc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Ec={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ic={},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 Tc("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=Cc;Z.options=Ec;Z.className=ja;Z.defaultOptions=Ic;Z.moduleName=Na;Z.folderName=Qa;import{jsx as wc}from"react/jsx-runtime";var en="k-picker",Oc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Bc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Pc={},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 wc("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=Oc;lt.options=Bc;lt.className=en;lt.defaultOptions=Pc;lt.moduleName=Na;lt.folderName=Qa;import{Fragment as _c,jsx as dr}from"react/jsx-runtime";var Li="k-clear-value",Rc=[s.disabled,s.loading,s.readonly],Kc={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?dr(_c,{}):dr("span",{className:r(e.className,Li),children:dr(v,{icon:"x"})})};Pe.states=Rc;Pe.options=Kc;Pe.className=Li;import{jsx as Mi,jsxs as zc}from"react/jsx-runtime";var cr="k-input-inner",Dc=[],Hc={},qt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return zc("span",{...l,className:r(e.className,cr,A(cr,e)),children:[n,!n&&i&&Mi(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Mi("span",{className:"k-input-value-text",children:t})]})};qt.states=Dc;qt.options=Hc;qt.className=cr;import{Fragment as Fc,jsx as Si}from"react/jsx-runtime";var yi="k-input-loading-icon",Uc=[s.disabled,s.loading],Ee=e=>{let{disabled:t,loading:o}=e;return t||!o?Si(Fc,{}):Si("span",{className:r(e.className,yi,"k-icon k-i-loading")})};Ee.states=Uc;Ee.className=yi;import{Fragment as $c,jsx as Ai}from"react/jsx-runtime";var Ci="k-input-validation-icon",Gc=[s.valid,s.invalid,s.disabled,s.loading],Vc={},Ne=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?Ai($c,{}):Ai(v,{className:r(Ci),icon:i})};Ne.states=Gc;Ne.options=Vc;Ne.className=Ci;import{Fragment as Wc,jsx as Ei}from"react/jsx-runtime";var Xc="k-input-prefix",qc={direction:"horizontal"},ze=e=>{let{direction:t=qc.direction,...o}=e;return e.children?Ei("span",{...o,className:r(Xc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Ei(Wc,{})};import{Fragment as Zc,jsx as Ii}from"react/jsx-runtime";var Jc="k-input-suffix",Yc={direction:"horizontal"},Ue=e=>{let{direction:t=Yc.direction,...o}=e;return e.children?Ii("span",{...o,className:r(Jc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ii(Zc,{})};import{jsx as DM}from"react/jsx-runtime";import{jsx as jc}from"react/jsx-runtime";var Qc="k-input-suffix-text",mr=e=>{let{children:t,...o}=e;return jc("span",{...o,className:r(Qc,e.className),children:t})};import{jsx as tm}from"react/jsx-runtime";var Ti="k-input-separator",em={direction:"vertical"},Fe=e=>{let{direction:t=em.direction,...o}=e;return tm("span",{...o,className:r(Ti,e.className,{[`${Ti}-${t}`]:t})})};import{Fragment as Oi,jsx as pt,jsxs as ur}from"react/jsx-runtime";var om=Z.states,am=Z.defaultOptions,nm=Z.options,rm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],sm=[],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 ur(Z,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&ur(Oi,{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&&ur(Oi,{children:[m&&pt(Fe,{}),pt(Ue,{children:pt(ot,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};xo.options=nm;xo.states=om;xo.variants=sm;xo.defaultOptions=am;xo.modifiers=rm;xo.className=Z.className;import{jsx as Bi,jsxs as pm}from"react/jsx-runtime";var Pi="k-color-preview",im=[],lm={},Tt=e=>{let{color:t,iconName:o,...a}=e;return pm("span",{...a,className:r(e.className,Pi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Bi(v,{icon:o,className:"k-color-preview-icon"}),Bi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Tt.states=im;Tt.options=lm;Tt.className=Pi;var fr="popup",wi=fr;import{jsx as Ri}from"react/jsx-runtime";var Ki="k-animation-container",dm=[],cm={},_i={positionMode:"absolute"},dt=e=>{let{positionMode:t=_i.positionMode,animationStyle:o,offset:a,...n}=e;return Ri("div",{...n,style:{...a,...e.style},className:r(e.className,Ki,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ri("div",{className:"k-child-animation-container",style:o,children:e.children})})};dt.states=dm;dt.options=cm;dt.className=Ki;dt.defaultOptions=_i;dt.moduleName=fr;dt.folderName=wi;var br="popup",Di=br;import{jsx as Hi}from"react/jsx-runtime";var zi="k-popup",mm=[],um={},Ui={positionMode:"absolute"},G=e=>{let{offset:t,positionMode:o=Ui.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return Hi(dt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:Hi("div",{...c,className:r(e.className,zi),children:e.children})})};G.states=mm;G.options=um;G.className=zi;G.defaultOptions=Ui;G.moduleName=br;G.folderName=Di;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 hr="action-buttons",Fi=hr;import{jsx as hm}from"react/jsx-runtime";var tn="k-actions",fm=[],bm={},xr={alignment:"start",orientation:"horizontal"},we=e=>{let{alignment:t=xr.alignment,orientation:o=xr.orientation,...a}=e;return hm("div",{...a,className:r(tn,{[`${tn}-${t}`]:t,[`${tn}-${o}`]:o},e.className),children:e.children})};we.states=fm;we.options=bm;we.className=tn;we.defaultOptions=xr;we.moduleName=hr;we.folderName=Fi;var Gi=we;import{jsx as gm}from"react/jsx-runtime";var xm="k-actionsheet-footer",Vi={alignment:"stretched",orientation:"horizontal"},Ot=e=>{let{alignment:t=Vi.alignment,orientation:o=Vi.orientation,template:a,as:n=a?"div":we,...i}=e;return gm(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,xm),children:e.children})};var gr="searchbox",$i=gr;import{jsx as va,jsxs as km}from"react/jsx-runtime";var Xi="k-searchbox",Nm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],vm={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]},Nr={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=Nr.showIcon,icon:k=Nr.icon,"aria-label":y,...C}=e;return km(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,Xi),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=Nm;Ge.options=vm;Ge.className=Xi;Ge.defaultOptions=Nr;Ge.moduleName=gr;Ge.folderName=$i;import{jsx as py}from"react/jsx-runtime";var vr="textbox",qi=vr;import{Fragment as Wi,jsx as Bt,jsxs as kr}from"react/jsx-runtime";var Ji="k-textbox",Lm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Mm={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:V,id:pe,"aria-label":he,"aria-describedby":xe,...Be}=e;return kr(Z,{...Be,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:k,invalid:y,required:C,loading:M,disabled:I,readonly:V,className:r(e.className,Ji),children:[c&&kr(Wi,{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:V,value:N}),u&&kr(Wi,{children:[n&&Bt(Fe,{}),Bt(Ue,{children:u})]})]})};ie.states=Lm;ie.options=Mm;ie.className=Ji;ie.defaultOptions=on;ie.moduleName=vr;ie.folderName=qi;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 Sm}from"react/jsx-runtime";var an=e=>Sm(ka,{...e});import{Fragment as Cy,jsx as Ay}from"react/jsx-runtime";import{Fragment as Py,jsx as By}from"react/jsx-runtime";import{jsx as _y}from"react/jsx-runtime";import{jsx as Lr}from"react/jsx-runtime";var ym=ie.states,Am=ie.defaultOptions,Cm=ie.options,Em=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Im=[],go=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Lr(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Lr(ot,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Lr(an,{value:"Value",style:{width:300},...o,...a})};go.options=Cm;go.states=ym;go.variants=Im;go.defaultOptions=Am;go.modifiers=Em;go.className=ie.className;import{jsx as Pt,jsxs as Mr}from"react/jsx-runtime";var Yi="k-actionsheet-titlebar",Tm={},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 Mr("div",{...m,className:r(e.className,Yi),children:[Mr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Pt("div",{className:"k-actionsheet-actions",children:a}),!x&&Mr("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=Yi;ve.defaultOptions=Tm;import{jsx as Sr,jsxs as wm}from"react/jsx-runtime";var yr="k-actionsheet-view",Om=[],Bm={},Pm={},No=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...c}=e,u=n?.type===ve&&Sr(ve,{adaptive:t,titleId:l,...n?.props}),f=i?.type===Ot&&Sr(Ot,{...i?.props});return wm("div",{...c,className:r(e.className,yr,{[`${yr}-animated`]:o}),children:[u,Sr("div",{className:"k-actionsheet-content",children:a}),f]})};No.states=Om;No.options=Bm;No.className=yr;No.defaultOptions=Pm;var La="action-sheet",nn=La;var Ar="overlay",Zi=Ar;import{jsx as Dm}from"react/jsx-runtime";var Qi="k-overlay",Rm=[],Km={},_m={},ct=e=>{let{...t}=e;return Dm("div",{...t,className:r(e.className,Qi),children:e.children})};ct.states=Rm;ct.options=Km;ct.className=Qi;ct.defaultOptions=_m;ct.moduleName=Ar;ct.folderName=Zi;import{jsx as rn,jsxs as Um}from"react/jsx-runtime";var ji="k-actionsheet",Hm=[],zm={},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 Um("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,ji,{[`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=Hm;W.options=zm;W.className=ji;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 $m}from"react/jsx-runtime";var el="k-actionsheet-container",Fm=[],Gm={},Vm={},vo=e=>{let{children:t,...o}=e;return $m("div",{...o,className:el,children:t})};vo.states=Fm;vo.options=Gm;vo.className=el;vo.defaultOptions=Vm;vo.moduleName=La;vo.folderName=nn;import{jsx as Xm}from"react/jsx-runtime";var Cr=e=>{let{...t}=e;return Xm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Wm,jsx as Sa,jsxs as Er}from"react/jsx-runtime";var Ir="k-actionsheet-item",qm=[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 Er("span",{...u,className:r(e.className,Ir,S(Ir,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&Sa(Wm,{children:Er("span",{className:"k-actionsheet-action",children:[t&&Sa("span",{className:"k-icon-wrap",children:Sa(v,{className:"k-actionsheet-item-icon",icon:t})}),Er("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=qm;wt.className=Ir;import{jsx as KA,jsxs as _A}from"react/jsx-runtime";import{jsx as UA}from"react/jsx-runtime";import{jsx as $A}from"react/jsx-runtime";import{jsx as JA}from"react/jsx-runtime";import{jsx as le,jsxs as Tr}from"react/jsx-runtime";var Jm=W.options,Ym=W.states,ol={...W.defaultOptions,variant:"normal"},Zm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Qm=[{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}={...ol,...e},n={},i=Tr(Cr,{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?Tr(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?Tr(Ot,{alignment:"stretched",children:[le(p,{text:"Apply",themeColor:"primary"}),le(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};ko.options=Jm;ko.states=Ym;ko.variants=Zm;ko.defaultOptions=ol;ko.modifiers=Qm;ko.className=W.className;var Or="slider",al=Or;import{jsx as Lo,jsxs as Br}from"react/jsx-runtime";var ya="k-slider",jm=[s.hover,s.focus,s.active,s.disabled,s.readonly],eu={},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,...V}=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"),Br("div",{...V,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"}),Br("div",{className:"k-slider-track-wrap",children:[u&&Lo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Br("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":V["aria-label"]?`${V["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"?V["aria-label"]?`${V["aria-label"]} end`:"Range end":V["aria-label"]})]})]}),c&&Lo(p,{className:"k-button-increase",rounded:"full",icon:xe,tabIndex:-1,title:"Increase"})]})};F.states=jm;F.options=eu;F.className=ya;F.defaultOptions=Ve;F.moduleName=Or;F.folderName=al;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 nl}from"react/jsx-runtime";var rl="k-tick",tu=[],ou={},sl={label:!1},E=e=>{let{style:t,label:o=sl.label,orientation:a,large:n,text:i,...l}=e;return nl("li",{...l,role:"presentation",title:i||"Tick",className:r(e.className,rl,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&nl("span",{className:"k-label",children:i})})};E.states=tu;E.options=ou;E.className=rl;E.defaultOptions=sl;import{Fragment as au,jsx as $e,jsxs as nu}from"react/jsx-runtime";var il=e=>$e(F,{"aria-label":e["aria-label"]||"Slider",children:nu(au,{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 ru,jsx as Xe,jsxs as su}from"react/jsx-runtime";var ll=e=>Xe(F,{children:su(ru,{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 _C,jsx as KC,jsxs as DC}from"react/jsx-runtime";import{Fragment as GC,jsx as FC,jsxs as VC}from"react/jsx-runtime";import{jsx as iu}from"react/jsx-runtime";var Pr=e=>iu(F,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as lu}from"react/jsx-runtime";var wr=e=>lu(F,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as tE,jsx as eE,jsxs as oE}from"react/jsx-runtime";import{Fragment as iE,jsx as sE,jsxs as lE}from"react/jsx-runtime";import{jsx as mt,jsxs as pl}from"react/jsx-runtime";var pu=F.options,du=F.states,dl={...F.defaultOptions,variant:"horizontal",label:!0},cu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],mu=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Mo=e=>{let{variant:t,modifiers:o,...a}={...dl,...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"?pl(ll,{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%"}})]}):pl(il,{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=pu;Mo.states=du;Mo.variants=cu;Mo.defaultOptions=dl;Mo.modifiers=mu;Mo.className=F.className;import{jsx as cl,jsxs as xu}from"react/jsx-runtime";var ml="k-spin-button",bu=[],hu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Rr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Rt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Rr.increaseLabel,decreaseLabel:i=Rr.decreaseLabel,...l}=e;return xu("span",{...l,className:r(ml,e.className),children:[cl(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),cl(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Rt.states=bu;Rt.options=hu;Rt.className=ml;Rt.defaultOptions=Rr;Rt.moduleName=null;Rt.folderName=null;var ul="numeric-textbox",fl="numerictextbox";import{Fragment as bl,jsx as vt,jsxs as Kr}from"react/jsx-runtime";var hl="k-numerictextbox",gu=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Nu={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:V,"aria-label":pe,"aria-describedby":he,...xe}=e;return Kr(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,hl),children:[c&&Kr(bl,{children:[vt(ze,{children:c}),n&&vt(Fe,{})]}),vt(ge,{id:V,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&&Kr(bl,{children:[n&&vt(Fe,{}),vt(Ue,{children:u})]}),l&&vt(Rt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};_.states=gu;_.options=Nu;_.className=hl;_.defaultOptions=sn;_.moduleName=ul;_.folderName=fl;_.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 vu}from"react/jsx-runtime";var xl=e=>vu(Aa,{...e});import Dr from"react";import{jsx as gl}from"react/jsx-runtime";var ku="k-list-group-sticky-header",_r=e=>gl("div",{className:r(ku,e.className),children:gl("div",{className:"k-list-header-text",children:e.children})});import{jsx as Mu}from"react/jsx-runtime";var Lu="k-no-data",ln=e=>{let{live:t,...o}=e;return Mu("span",{...o,className:r(Lu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Wt="list",So=Wt;import{jsx as Nl,jsxs as vl}from"react/jsx-runtime";var Hr="k-list",Su=[],yu={size:[d.undefined,d.small,d.medium,d.large]},Au={},R=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:i,customValue:l,noData:c,screenReaders:u,...f}=e,x=Dr.Children.toArray(a)[0],m=x?.props?.children?Dr.Children.count(x.props.children):Dr.Children.count(a);return vl("div",{...f,className:r(e.className,Hr,A(Hr,{size:t}),{"k-virtual-list":o}),children:[i,l,n&&Nl(_r,{children:n}),a||(c!==void 0?c:Nl(ln,{live:!0,children:"No data found."})),u&&a&&vl(ln,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};R.states=Su;R.options=yu;R.className=Hr;R.defaultOptions=Au;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 Tu}from"react/jsx-runtime";var kl="k-list-container",Cu=[],Eu={},Iu={},yo=e=>{let{...t}=e;return Tu("div",{...t,className:r(e.className,kl),children:e.children})};yo.states=Cu;yo.options=Eu;yo.className=kl;yo.defaultOptions=Iu;yo.moduleName=Wt;yo.folderName=So;var Jt="checkbox",Ao=Jt;import{jsx as Ll}from"react/jsx-runtime";var pn="k-checkbox",Ou=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Bu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},Pu={},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 Ll("span",{className:"k-checkbox-wrap",role:m,children:Ll("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=Ou;qe.options=Bu;qe.className=pn;qe.defaultOptions=Pu;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 Ku}from"react/jsx-runtime";var Ml="k-checkbox-list",wu=[],Ru={},Sl={layout:"vertical"},ke=e=>{let{layout:t=Sl.layout,...o}=e;return Ku("ul",{...o,className:r(e.className,Ml,{[`k-list-${t}`]:t}),children:e.children})};ke.states=wu;ke.options=Ru;ke.className=Ml;ke.defaultOptions=Sl;ke.moduleName=Jt;ke.folderName=Ao;import{jsx as zu}from"react/jsx-runtime";var yl="k-checkbox-list-item",_u=[],Du={},Hu={},Le=e=>{let{...t}=e;return zu("li",{...t,className:r(e.className,yl),children:e.children})};Le.states=_u;Le.options=Du;Le.className=yl;Le.defaultOptions=Hu;Le.moduleName=Jt;Le.folderName=Ao;import{Fragment as Uu,jsx as Al,jsxs as Fu}from"react/jsx-runtime";var kt=({children:e="Label",id:t="cb-label-after",...o})=>Fu(Uu,{children:[Al(at,{id:t,...o}),Al("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as BI,jsx as OI,jsxs as PI}from"react/jsx-runtime";import{Fragment as DI,jsx as _I,jsxs as HI}from"react/jsx-runtime";import{Fragment as VI,jsx as GI,jsxs as $I}from"react/jsx-runtime";import{jsx as JI}from"react/jsx-runtime";import{jsx as jI}from"react/jsx-runtime";import{jsx as aT}from"react/jsx-runtime";import{jsx as We,jsxs as Cl}from"react/jsx-runtime";var Gu=ke.options,Vu=ke.states,$u={...ke.defaultOptions,variant:"vertical"},Xu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],qu=[],Co=e=>{let{variant:t,...o}=e;return t==="horizontal"?Cl(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"})})]}):Cl(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=Gu;Co.states=Vu;Co.variants=Xu;Co.defaultOptions=$u;Co.modifiers=qu;Co.className=ke.className;import{jsx as ju}from"react/jsx-runtime";var Wu=at.options,Ju=at.states,Yu=at.defaultOptions,Zu=[],Qu=[],Eo=e=>ju(kt,{id:w("checkbox"),...e,defaultChecked:!0,children:"Label"});Eo.options=Wu;Eo.states=Ju;Eo.variants=Zu;Eo.defaultOptions=Yu;Eo.modifiers=Qu;Eo.className=at.className;import{jsx as Yt,jsxs as af}from"react/jsx-runtime";var zr="k-list-item",ef=[s.hover,s.focus,s.selected,s.disabled],tf={},of={},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 af("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":zr,S(zr,{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=ef;O.options=tf;O.className=zr;O.defaultOptions=of;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 rf}from"react/jsx-runtime";var nf="k-list-ul",Lt=e=>{let{children:t,role:o,id:a,...n}=e;return rf("ul",{...n,id:a,role:o,className:r(nf,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 Ur,jsxs as lf}from"react/jsx-runtime";var sf="k-list-content",H=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return lf("div",{...l,className:r(sf,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:Ur(Lt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Ur("div",{className:"k-height-container",children:Ur("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 qT,jsx as XT,jsxs as WT}from"react/jsx-runtime";import{jsx as Fr,jsxs as df}from"react/jsx-runtime";var pf="k-list-group-item",Zt=e=>{let{groupIconName:t,...o}=e;return df("li",{...o,role:"presentation",className:r(pf,e.className),children:[t&&Fr("span",{className:"k-list-item-icon-wrapper",children:Fr(v,{icon:t,className:"k-list-item-icon"})}),Fr("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 ff}from"react/jsx-runtime";var Gr="k-list-optionlabel",cf=[s.hover,s.focus,s.selected,s.disabled],mf={},uf={},dn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return ff("div",{...l,className:r(Gr,S(Gr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};dn.states=cf;dn.options=mf;dn.className=Gr;dn.defaultOptions=uf;import{jsx as gf}from"react/jsx-runtime";var Vr="k-list-custom-value",bf=[s.hover,s.focus,s.selected,s.disabled],hf={},xf={},Kt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return gf("div",{...l,className:r(Vr,S(Vr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Kt.states=bf;Kt.options=hf;Kt.className=Vr;Kt.defaultOptions=xf;import{Fragment as dO,jsx as pO,jsxs as cO}from"react/jsx-runtime";import{Fragment as xO,jsx as hO,jsxs as gO}from"react/jsx-runtime";import{Fragment as yO,jsx as MO,jsxs as SO}from"react/jsx-runtime";import{Fragment as BO,jsx as TO,jsxs as OO}from"react/jsx-runtime";import{jsx as KO}from"react/jsx-runtime";import{Fragment as FO,jsx as UO,jsxs as GO}from"react/jsx-runtime";var El="dropdown-list",Il="dropdownlist";import{Fragment as kf,jsx as Me,jsxs as $r}from"react/jsx-runtime";var Tl="k-dropdownlist",Nf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],vf={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Xr={showValue:!0,arrowIconName:"chevron-down"},oe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Xr.arrowIconName,showValue:i=Xr.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:V,opened:pe,adaptive:he,adaptiveSettings:xe,adaptiveTitle:Be,adaptiveSubtitle:$t,adaptiveFilter:Fn,id:It,activeDescendant:$a,"aria-label":Gn,...Vn}=e,fd=It?`${It}-listbox`:void 0,Js=It?`${It}-value`:void 0;return $r(kf,{children:[$r(lt,{...Vn,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,Tl,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":pe?"true":"false","aria-controls":pe?fd:void 0,"aria-activedescendant":pe&&$a?$a:void 0,"aria-describedby":pe?Js:void 0,"aria-disabled":M?"true":void 0,"aria-label":Gn,tabIndex:0,children:[Me(ze,{children:c}),Me(qt,{placeholder:N,value:f,showValue:i,valueIconName:l,id:Js}),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&&V&&Me(G,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:V}),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:Fn,inputValue:f,inputPlaceholder:N,title:Be,subtitle:$t}),children:Me("div",{className:"k-list-container",children:Me(R,{size:"large",children:$r(H,{"aria-label":"Options",children:[Me(O,{text:"List item"}),Me(O,{text:"List item"}),Me(O,{text:"List item"})]})})})})]})};oe.states=Nf;oe.options=vf;oe.className=Tl;oe.defaultOptions=Xr;oe.moduleName=El;oe.folderName=Il;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 LB}from"react/jsx-runtime";import{jsx as EB,jsxs as IB}from"react/jsx-runtime";import{Fragment as DB,jsx as KB,jsxs as _B}from"react/jsx-runtime";import{jsx as GB}from"react/jsx-runtime";import{jsx as JB,jsxs as YB}from"react/jsx-runtime";import{Fragment as rP,jsx as aP,jsxs as nP}from"react/jsx-runtime";import{jsx as dP}from"react/jsx-runtime";import{Fragment as Cf,jsx as _t,jsxs as Ol}from"react/jsx-runtime";var Lf=oe.states,Mf=oe.defaultOptions,Sf=oe.options,yf=[{name:"opened",title:"Opened"}],Af=[],To=e=>{let{modifiers:t,...o}=e,a={},n=Ol(Cf,{children:[_t("div",{className:"k-list-filter",children:_t(Ge,{})}),_t(R,{style:{width:300},size:o.size,children:Ol(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=Sf;To.states=Lf;To.variants=Af;To.defaultOptions=Mf;To.modifiers=yf;To.className=oe.className;import{Fragment as BP,jsx as OP}from"react/jsx-runtime";import{Fragment as DP,jsx as _P}from"react/jsx-runtime";import{jsx as FP}from"react/jsx-runtime";import{jsx as qr}from"react/jsx-runtime";var Ef=_.states,If=_.defaultOptions,Tf=_.options,Of=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Bf=[],Oo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?qr(oe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?qr(mr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),qr(xl,{value:"Value",style:{width:300},...o,...a})};Oo.options=Tf;Oo.states=Ef;Oo.variants=Bf;Oo.defaultOptions=If;Oo.modifiers=Of;Oo.className=_.className;import{Fragment as Ca,jsx as B,jsxs as Q}from"react/jsx-runtime";var Bl="k-colorgradient-inputs",Pf=[],wf={size:[d.undefined,d.small,d.medium,d.large]},Pl={mode:"rgba"},Bo=e=>{let{mode:t=Pl.mode,size:o,...a}=e;return Q("div",{...a,className:r(Bl,"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=Pf;Bo.options=wf;Bo.className=Bl;Bo.defaultOptions=Pl;import{jsx as Qt,jsxs as jt}from"react/jsx-runtime";var wl="k-colorgradient-color-contrast",Rf=[],Kf={},_f={},Po=()=>jt("div",{className:r(wl,"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=Rf;Po.options=Kf;Po.className=wl;Po.defaultOptions=_f;var Rl="color-gradient",Kl="colorgradient";import{jsx as Je,jsxs as Ea}from"react/jsx-runtime";var cn="k-colorgradient",Df=[s.hover,s.focus,s.readonly,s.disabled],Hf={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(wr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Je(wr,{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(Pr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Je(Pr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),Je(Bo,{mode:e.mode,size:t}),f&&Je(Po,{})]})};ne.states=Df;ne.options=Hf;ne.className=cn;ne.defaultOptions=ut;ne.moduleName=Rl;ne.folderName=Kl;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 zf}from"react/jsx-runtime";var mn=e=>zf(ne,{...e});import{jsx as Cw}from"react/jsx-runtime";import{jsx as Ow}from"react/jsx-runtime";import{jsx as Wr}from"react/jsx-runtime";var Uf=ne.options,Ff=ne.states,Gf={...ne.defaultOptions,variant:"rgba"},Vf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],$f=[],wo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Wr(mn,{...o,mode:t});case"rgb":return Wr(mn,{...o,mode:t});default:return Wr(mn,{...o,mode:t})}};wo.options=Uf;wo.states=Ff;wo.variants=Vf;wo.defaultOptions=Gf;wo.modifiers=$f;wo.className=ne.className;import{jsx as Xf}from"react/jsx-runtime";var Jr=e=>Xf("tr",{role:"row",children:e.children});import{jsx as Jf}from"react/jsx-runtime";var Yr="k-colorpalette-tile",qf=[s.hover,s.focus,s.selected],Wf={},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 Jf("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,Yr,S(Yr,{hover:a,focus:n,selected:i})),style:c})};Ro.states=qf;Ro.options=Wf;Ro.className=Yr;var _l="color-palette",Dl="colorpalette";import{jsx as Ia}from"react/jsx-runtime";var un="k-colorpalette",Yf=[s.disabled],Zf={size:[d.undefined,d.small,d.medium,d.large]},Hl={columns:10},Se=e=>{let{size:t,palette:o,columns:a=Hl.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(Jr,{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=Yf;Se.options=Zf;Se.className=un;Se.defaultOptions=Hl;Se.moduleName=_l;Se.folderName=Dl;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 Qf}from"react/jsx-runtime";var zl=e=>Qf(fn,{palette:Ta.basic,...e});import{jsx as mR}from"react/jsx-runtime";import{jsx as gR,jsxs as NR}from"react/jsx-runtime";import{jsx as rb}from"react/jsx-runtime";var jf=Se.options,eb=Se.states,tb={...Se.defaultOptions,variant:"basic"},ob=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],ab={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}},nb=[],Ko=e=>{let{variant:t="basic",...o}=e,a=ab[t];return rb(zl,{columns:a.columns,palette:a,...o})};Ko.options=jf;Ko.states=eb;Ko.variants=ob;Ko.defaultOptions=tb;Ko.modifiers=nb;Ko.className=Se.className;var Ul="color-editor",Fl="coloreditor";import{jsx as Ye,jsxs as _o}from"react/jsx-runtime";var bn="k-coloreditor",sb=[s.focus],ib={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=sb;J.options=ib;J.className=bn;J.defaultOptions=Oa;J.moduleName=Ul;J.folderName=Fl;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 WR}from"react/jsx-runtime";import{jsx as QR}from"react/jsx-runtime";import{jsx as lb}from"react/jsx-runtime";var Gl=e=>lb(Do,{group:!0,currentColor:"fuchsia",...e});import{jsx as pb}from"react/jsx-runtime";var Vl=e=>pb(Do,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as $l}from"react/jsx-runtime";var db=J.options,cb=J.states,mb={...J.defaultOptions,variant:"gradient"},ub=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],fb=[],Ho=e=>{let{variant:t,...o}=e;return t==="palette"?$l(Vl,{...o,color:"white"}):$l(Gl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Ho.options=db;Ho.states=cb;Ho.variants=ub;Ho.defaultOptions=mb;Ho.modifiers=fb;Ho.className=J.className;var Xl="color-picker",ql="colorpicker";import{Fragment as xb,jsx as Ze,jsxs as Zr}from"react/jsx-runtime";var Wl="k-colorpicker",bb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],hb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Jl={arrowIconName:"chevron-down"},Re=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Jl.arrowIconName,prefix:i,suffix: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:V,adaptiveTitle:pe,adaptiveSubtitle:he,...xe}=e,Be="colorpicker-popup";return Zr(xb,{children:[Zr(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,Wl,"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,...V,header:Ze(ve,{actionsEnd:Ze(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:pe,subtitle:he}),footer:Zr(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=bb;Re.options=hb;Re.className=Wl;Re.defaultOptions=Jl;Re.moduleName=Xl;Re.folderName=ql;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 gb}from"react/jsx-runtime";var hn=e=>gb(Mt,{...e});import{jsx as RK}from"react/jsx-runtime";import{jsx as zK}from"react/jsx-runtime";import{jsx as VK}from"react/jsx-runtime";import{jsx as WK}from"react/jsx-runtime";import{jsx as QK}from"react/jsx-runtime";import{jsx as o_}from"react/jsx-runtime";import{jsx as eo}from"react/jsx-runtime";var Nb=Mt.options,vb=Mt.states,Yl={...Mt.defaultOptions,variant:"color"},kb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Lb=[{name:"opened",title:"Opened"}],zo=e=>{let{variant:t,modifiers:o,...a}={...Yl,...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=Nb;zo.states=vb;zo.variants=kb;zo.defaultOptions=Yl;zo.modifiers=Lb;zo.className=Mt.className;var Qr="combobox",Zl=Qr;import{Fragment as jr,jsx as ae,jsxs as Ba}from"react/jsx-runtime";var Ql="k-combobox",Mb=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Sb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},jl={separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=jl.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:V,adaptiveSettings:pe,adaptiveTitle:he,adaptiveSubtitle:xe,adaptiveCustomValue:Be,id:$t,autocomplete:Fn,activeDescendant:It,"aria-label":$a,...Gn}=e,Vn=$t?`${$t}-listbox`:void 0;return Ba(jr,{children:[Ba(Z,{...Gn,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,Ql),children:[i&&Ba(jr,{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?Vn:void 0,"aria-activedescendant":M&&It?It:void 0,"aria-autocomplete":Fn,"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(jr,{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}),V&&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=Mb;de.options=Sb;de.className=Ql;de.defaultOptions=jl;de.moduleName=Qr;de.folderName=Zl;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 yb}from"react/jsx-runtime";var ep=e=>yb(Ke,{...e});import{jsx as D_,jsxs as H_}from"react/jsx-runtime";import{jsx as $_,jsxs as X_}from"react/jsx-runtime";import{jsx as Q_,jsxs as j_}from"react/jsx-runtime";import{Fragment as r0,jsx as n0}from"react/jsx-runtime";import{Fragment as c0,jsx as d0}from"react/jsx-runtime";import{jsx as x0,jsxs as g0}from"react/jsx-runtime";import{Fragment as A0,jsx as S0,jsxs as y0}from"react/jsx-runtime";import{jsx as T0}from"react/jsx-runtime";import{jsx as w0}from"react/jsx-runtime";import{jsx as z0,jsxs as U0}from"react/jsx-runtime";import{jsx as q0,jsxs as W0}from"react/jsx-runtime";import{jsx as Dt,jsxs as Ob}from"react/jsx-runtime";var Ab=de.states,Cb=de.defaultOptions,Eb=de.options,Ib=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Tb=[],Uo=e=>{let{modifiers:t,...o}=e,a={},n=Dt(R,{style:{width:300},size:o.size,children:Ob(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(ep,{value:"Value",style:{width:300},...o,...a})})};Uo.options=Eb;Uo.states=Ab;Uo.variants=Tb;Uo.defaultOptions=Cb;Uo.modifiers=Ib;Uo.className=de.className;var es="menu-button",tp=es;import{jsx as wb}from"react/jsx-runtime";var op="k-menu-button",Bb=[s.hover,s.focus,s.active,s.selected,s.disabled],Pb={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]},ts={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=ts.showArrow,arrowIconName:L=ts.arrowIconName,expanded:k,...y}=e;return wb(p,{...y,className:r(e.className,op),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=Bb;D.options=Pb;D.className=op;D.defaultOptions=ts;D.moduleName=es;D.folderName=tp;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 CD}from"react/jsx-runtime";import{jsx as OD}from"react/jsx-runtime";import{jsx as RD}from"react/jsx-runtime";var _e="menu",Qe=_e;import{jsx as Pa,jsxs as ap}from"react/jsx-runtime";var os="k-menu-item",Rb=[s.hover,s.focus,s.active,s.selected,s.disabled],Kb={},np={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=np.iconPosition,dir:L,children:k,expanded:y,...C}=e,M=x;return M||(M=L==="rtl"?"chevron-left":"chevron-right"),ap("li",{...C,className:r(e.className,os,"k-item",S(os,{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:[ap("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=Rb;ce.options=Kb;ce.className=os;ce.defaultOptions=np;ce.moduleName=_e;ce.folderName=Qe;import{jsx as wa,jsxs as rp}from"react/jsx-runtime";var as="k-menu-item",_b=[s.hover,s.focus,s.active,s.selected,s.disabled],Db={},ns={dir:"ltr",iconPosition:"before"},$=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=ns.iconPosition,dir:L=ns.dir,children:k,popup:y,expanded:C,...M}=e,I=x;return I||(I=L==="rtl"?"chevron-left":"chevron-right"),rp("li",{...M,className:r(e.className,as,"k-item",S(as,{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:[rp("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]})};$.states=_b;$.options=Db;$.className=as;$.defaultOptions=ns;$.moduleName=_e;$.folderName=Qe;import{jsx as Fb}from"react/jsx-runtime";var sp="k-menu-scroll-wrapper",Hb=[],zb={},Ub={},to=e=>{let{className:t,children:o,orientation:a,...n}=e;return Fb("div",{...n,className:r(t,sp,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};to.states=Hb;to.options=zb;to.className=sp;to.defaultOptions=Ub;to.moduleName=_e;to.folderName=Qe;var ip=to;import{Fragment as rs,jsx as oo,jsxs as gn}from"react/jsx-runtime";var ss="k-menu",Gb=[],Vb={},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",ss,{[`${ss}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return gn(rs,{children:[n?gn(ip,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&gn(rs,{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(rs,{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=Gb;re.options=Vb;re.className=ss;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 $b}from"react/jsx-runtime";var is="k-separator",lp={orientation:"horizontal"},Fo=e=>{let{orientation:t=lp.orientation,...o}=e;return $b("li",{...o,className:r(e.className,"k-item",is,{[`${is}-${t}`]:t}),role:"separator"})};Fo.className=is;Fo.defaultOptions=lp;Fo.moduleName=_e;Fo.folderName=Qe;import{Fragment as dH,jsx as cH}from"react/jsx-runtime";import{jsx as Jb}from"react/jsx-runtime";var ls="k-menu-group",Xb=[],qb={size:[d.undefined,d.small,d.medium,d.large]},Wb={},me=e=>{let{children:t,size:o,...a}=e;return Jb("ul",{...a,className:r(e.className,ls,A(ls,{size:o})),role:"menu",children:t})};me.states=Xb;me.options=qb;me.className=ls;me.defaultOptions=Wb;me.moduleName=_e;me.folderName=Qe;import{Fragment as Yb,jsx as Go,jsxs as Zb}from"react/jsx-runtime";var ps=e=>Go(re,{children:Zb(Yb,{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 yH,jsx as MH,jsxs as SH}from"react/jsx-runtime";import{Fragment as TH,jsx as IH,jsxs as OH}from"react/jsx-runtime";import{Fragment as KH,jsx as RH,jsxs as _H}from"react/jsx-runtime";import{Fragment as FH,jsx as UH,jsxs as GH}from"react/jsx-runtime";import{jsx as ao,jsxs as oh}from"react/jsx-runtime";var Qb=re.options,jb=re.states,pp={...re.defaultOptions,variant:"horizontal"},eh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],th=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Vo=e=>{let{variant:t,modifiers:o,...a}={...pp,...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:oh(me,{children:[ao($,{text:"Item 1"}),ao($,{text:"Item 2"}),ao(Fo,{}),ao($,{text:"Item 3"})]})});break}}),t==="vertical"?ao(ps,{...a,...n,orientation:"vertical",style:{width:"200px"}}):ao(ps,{...a,...n})};Vo.options=Qb;Vo.states=jb;Vo.variants=eh;Vo.defaultOptions=pp;Vo.modifiers=th;Vo.className=re.className;import{Fragment as k1,jsx as N1,jsxs as v1}from"react/jsx-runtime";import{jsx as y1}from"react/jsx-runtime";import{Fragment as ih,jsx as ft,jsxs as dp}from"react/jsx-runtime";var ah=p.states,cp={...p.defaultOptions,variant:"text"},nh=p.options,rh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],sh=[{name:"opened",title:"Opened"}],$o=e=>{let{variant:t,modifiers:o,...a}={...cp,...e},n={},i=ft(G,{className:"k-menu-popup",children:dp(me,{size:a.size,children:[ft($,{first:!0,text:"Menu Item"}),ft($,{text:"Menu Item"}),ft($,{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 dp(ih,{children:[l,o?.opened&&i]})};$o.options=nh;$o.states=ah;$o.variants=rh;$o.defaultOptions=cp;$o.modifiers=sh;$o.className=D.className;var ds="split-button",mp=ds;import{Fragment as dh,jsx as cs,jsxs as up}from"react/jsx-runtime";var ms="k-split-button",lh=[s.hover,s.focus,s.active,s.selected,s.disabled],ph={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]},fp={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=fp.arrowIconName,popup:L,opened:k,popupId:y,...C}=e;return up(dh,{children:[up("div",{...C,className:r(e.className,ms,"k-button-group",A(ms,{rounded:o})),children:[cs(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}),cs(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&&cs(G,{className:"k-menu-popup",children:L})]})};P.states=lh;P.options=ph;P.className=ms;P.defaultOptions=fp;P.moduleName=ds;P.folderName=mp;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 us=P;import{jsx as mh}from"react/jsx-runtime";var ch="k-toolbar-separator",nt=e=>mh("div",{className:r(ch,e.className,"k-separator")});var St="toolbar",Ht=St;import{Fragment as fs,jsx as K,jsxs as Xo}from"react/jsx-runtime";var yt="k-toolbar",uh=[s.focus],fh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},bh={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===us)k.push(K(us,{...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(fs,{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(fs,{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(fs,{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=uh;z.options=fh;z.className=yt;z.defaultOptions=bh;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 Nh}from"react/jsx-runtime";var bp="k-floating-toolbar",hh=[],xh={},gh={},qo=e=>{let{...t}=e;return Nh("div",{...t,className:r(e.className,bp),children:e.children})};qo.states=hh;qo.options=xh;qo.className=bp;qo.defaultOptions=gh;qo.moduleName=St;qo.folderName=Ht;import{jsx as Mh}from"react/jsx-runtime";var bs="k-toolbar-item",vh=[s.focus],kh={},Lh={},Wo=e=>{let{focus:t,...o}=e;return Mh("div",{...o,className:r(e.className,bs,S(bs,{focus:t})),children:e.children})};Wo.states=vh;Wo.options=kh;Wo.className=bs;Wo.defaultOptions=Lh;Wo.moduleName=St;Wo.folderName=Ht;import{jsx as hp}from"react/jsx-runtime";var xp="k-toolbar-popup",Sh=[],yh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Ah={},no=e=>{let{size:t,fillMode:o,section:a,...n}=e;return hp(G,{...n,className:r(e.className,xp),children:a?hp("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=Sh;no.options=yh;no.className=xp;no.defaultOptions=Ah;no.moduleName=St;no.folderName=Ht;var vn=no;import{jsx as Ez}from"react/jsx-runtime";import{jsx as Bz}from"react/jsx-runtime";import{jsx as Kz}from"react/jsx-runtime";import{jsx as Fz,jsxs as Gz}from"react/jsx-runtime";import{jsx as qz}from"react/jsx-runtime";import{jsx as At,jsxs as Oh}from"react/jsx-runtime";var Ch=P.states,gp={...P.defaultOptions,variant:"text"},Eh=P.options,Ih=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Th=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}={...gp,...e},n={},i=Oh(me,{size:a.size,children:[At($,{first:!0,text:"Menu Item"}),At($,{text:"Menu Item"}),At($,{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=Eh;Jo.states=Ch;Jo.variants=Ih;Jo.defaultOptions=gp;Jo.modifiers=Th;Jo.className=P.className;import{jsx as ro,jsxs as Bh}from"react/jsx-runtime";var Np=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"),Bh(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 L2,jsxs as M2}from"react/jsx-runtime";import{jsx as De,jsxs as vp}from"react/jsx-runtime";var kp=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"),vp(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"),vp(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 Lp}from"react/jsx-runtime";var Mp=({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"),Lp(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"),Lp(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 Ph,jsx as Ie,jsxs as kn}from"react/jsx-runtime";var Sp=({fillMode:e,size:t,...o})=>kn(Ph,{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 oU,jsx as eU,jsxs as tU}from"react/jsx-runtime";import{Fragment as uU,jsx as cU,jsxs as mU}from"react/jsx-runtime";import{jsx as zt}from"react/jsx-runtime";var wh=z.options,Rh=z.states,yp={...z.defaultOptions,variant:"default"},Kh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],_h=[],Yo=e=>{let{variant:t,...o}={...yp,...e};switch(t){case"responsive":return zt("div",{children:zt(Sp,{style:{width:"583px"},...o})});case"overlay":return zt("div",{children:zt(Mp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return zt("div",{children:zt(kp,{style:{width:"583px"},...o})});default:return zt("div",{children:zt(Np,{style:{width:"583px"},...o})})}};Yo.options=wh;Yo.states=Rh;Yo.variants=Kh;Yo.defaultOptions=yp;Yo.modifiers=_h;Yo.className=z.className;import{Fragment as Uh,jsx as rt,jsxs as Ra}from"react/jsx-runtime";var Ap="k-message",Dh=[s.hover,s.selected,s.active,s.focus],Hh={},zh=[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:zh,failed:"Failed to send"},X=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,V=M===!0?Zo.failed:M;return Ra("div",{...I,className:r(Ap,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(Cp,{typing:m,selected:u,hover:c,active:f,focus:N,content:Ra(Uh,{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:V})]})]}),x&&rt(z,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};X.states=Dh;X.options=Hh;X.className=Ap;X.defaultOptions=Zo;var hs="avatar",Ep=hs;import{jsx as Ip}from"react/jsx-runtime";var Ka="k-avatar";var Fh=[s.hover,s.focus,s.active,s.selected,s.disabled],Gh={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]},xs={type:"text",border:!1},ue=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=xs.type,border:l=xs.border,...c}=e;return Ip("div",{...c,className:r(e.className,Ka,A(Ka,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ka}-bordered`]:l}),children:Ip("span",{className:`${Ka}-${i}`,children:e.children})})};ue.states=Fh;ue.options=Gh;ue.className=Ka;ue.defaultOptions=xs;ue.moduleName=hs;ue.folderName=Ep;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 Vh}from"react/jsx-runtime";var Tp=e=>Vh(so,{type:"icon",...e});import{jsx as $h}from"react/jsx-runtime";var Op=e=>$h(so,{type:"text",...e});import{jsx as Xh}from"react/jsx-runtime";var Ln=e=>Xh(so,{type:"image",...e});import{jsx as s3}from"react/jsx-runtime";import{jsx as _a}from"react/jsx-runtime";var qh=ue.options,Wh=ue.states,Jh={...ue.defaultOptions,variant:"image"},Yh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Zh=[],Qo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return _a(Tp,{...o,children:_a(v,{icon:"star"})});case"text":return _a(Op,{...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=qh;Qo.states=Wh;Qo.variants=Yh;Qo.defaultOptions=Jh;Qo.modifiers=Zh;Qo.className=ue.className;import{jsx as jo,jsxs as gs}from"react/jsx-runtime";var Da="k-message-group",Qh=[s.selected],jh={},Mn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},q=e=>{let{type:t=Mn.type,author:o=Mn.author,avatar:a=Mn.avatar,status:n,selected:i,fullWidth:l,...c}=e;return gs("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&&gs("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"})]}),gs("div",{className:"k-message-group-content",children:[o&&jo("span",{className:"k-message-author",children:o}),e.children]})]})};q.states=Qh;q.options=jh;q.className=Da;q.defaultOptions=Mn;import{Fragment as tx,jsx as Sn,jsxs as Bp}from"react/jsx-runtime";var Ns="k-message-reference",ex={},Pp={type:"receiver"},ea=e=>{let{content:t,closeable:o,pinned:a,type:n=Pp.type,...i}=e;return Bp("div",{...i,className:r(Ns,e.className,{[`${Ns}-${n}`]:n,"k-message-pinned":a}),children:[a&&Sn(v,{icon:"pin-outline"}),Sn("div",{className:"k-message-reference-content",children:t}),o&&Bp(tx,{children:[Sn("span",{className:"k-spacer"}),Sn(p,{icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};ea.options=ex;ea.className=Ns;ea.defaultOptions=Pp;var vs="bubble",wp=vs;import{jsx as yn,jsxs as ax}from"react/jsx-runtime";var ks="k-bubble",ox=[s.hover,s.active,s.selected,s.focus],Ls={expandable:!1,expanded:!1},Ut=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Ls.expandable,expanded:c=Ls.expanded,...u}=e;return ax("div",{...u,className:r(e.className,ks,S(ks,{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=ox;Ut.className=ks;Ut.defaultOptions=Ls;Ut.moduleName=vs;Ut.folderName=wp;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 z3}from"react/jsx-runtime";import{jsx as V3}from"react/jsx-runtime";import{jsx as W3}from"react/jsx-runtime";import{jsx as Ms,jsxs as Kp}from"react/jsx-runtime";var nx="k-chat-bubble",Cp=e=>{let{typing:t,content:o,files:a,...n}=e;return Kp(Ut,{...n,className:r(e.className,nx),children:[t?Kp("div",{className:"k-typing-indicator",tabIndex:-1,children:[Ms("span",{}),Ms("span",{}),Ms("span",{})]}):o,a]})};import{jsx as pF}from"react/jsx-runtime";import{jsx as _p,jsxs as rx}from"react/jsx-runtime";var Dp="k-chat-event",Ss={icon:"trash",text:"You deleted Chat history."},Hp=e=>{let{icon:t=Ss.icon,text:o=Ss.text,...a}=e;return rx("div",{...a,className:r(e.className,Dp),children:[t&&_p(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&_p("span",{className:"k-chat-event-text",children:o})]})};Hp.className=Dp;Hp.defaultOptions=Ss;import{jsx as NF}from"react/jsx-runtime";import{Fragment as sx,jsx as bt,jsxs as ix}from"react/jsx-runtime";var zp=e=>bt(U,{children:ix(sx,{children:[bt("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),bt(q,{children:bt(X,{})}),bt(q,{type:"sender",children:bt(X,{})}),bt(q,{children:bt(X,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),bt(q,{type:"sender",children:bt(X,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as Up}from"react/jsx-runtime";var An="k-file-box-wrapper",Fp={layout:"horizontal"},ht=e=>{let{layout:t=Fp.layout,scrollingPosition:o,...a}=e;return Up("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"?Up("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};ht.className=An;ht.defaultOptions=Fp;var ys="file-box",Gp=ys;import{jsx as ta,jsxs as Vp}from"react/jsx-runtime";var $p="k-file-box",lx=[s.selected],px={},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 Vp("li",{role:"listitem",tabIndex:0,"aria-label":f||void 0,...u,className:r($p,e.className,{"k-file-deleted":i}),children:[ta(v,{icon:t,size:"xlarge","aria-hidden":"true"}),Vp("div",{className:"k-file-info",children:[o&&ta("span",{className:"k-file-name",children:o}),a&&ta("span",{className:"k-file-size",children:a}),n&&ta("span",{className:"k-file-status",children:n})]}),c&&(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=lx;ye.options=px;ye.className=$p;ye.defaultOptions=Ha;ye.moduleName=ys;ye.folderName=Gp;ye.ariaSpec={selector:".k-file-box-wrapper",rules:[{selector:".k-file-box-wrapper",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-file-box-wrapper",attribute:"aria-label",usage:'Provides an accessible name for the file list (e.g. "Attached files").'},{selector:".k-file-box-wrapper .k-files-scroll",attribute:"role=presentation",usage:"The scrollable container between the list and its items is presentational, ensuring the list\u2192listitem relationship is preserved in the accessibility tree."},{selector:".k-file-box-wrapper .k-file-box",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-file-box-wrapper .k-file-box",attribute:"tabindex",usage:"Makes the file box focusable. Uses roving tabindex: 0 for the focused item, -1 for the rest."},{selector:".k-file-box-wrapper .k-file-box",attribute:"aria-label",usage:'Provides an accessible name describing the file. Can include the file name and size (e.g. "FileName.pdf 2MB").'},{selector:".k-file-box-wrapper .k-file-box .k-icon",attribute:"aria-hidden=true",usage:"The file type icon is decorative and hidden from screen readers."},{selector:".k-file-box-wrapper .k-file-box span.k-button",attribute:"aria-hidden=true",usage:"The remove button is rendered as a decorative span and hidden from screen readers. File removal is handled by keyboard interaction on the listitem itself."}]};import{jsx as DF}from"react/jsx-runtime";import{jsx as GF}from"react/jsx-runtime";import{jsx as WF,jsxs as JF}from"react/jsx-runtime";import{jsx as e5,jsxs as t5}from"react/jsx-runtime";import{jsx as s5}from"react/jsx-runtime";import{Fragment as v5,jsx as N5,jsxs as k5}from"react/jsx-runtime";import{Fragment as A5,jsx as y5,jsxs as C5}from"react/jsx-runtime";var As="skeleton",Xp=As;import{jsx as ux}from"react/jsx-runtime";var Cs="k-skeleton",dx=["circle","text","rect"],cx=[],mx={},Es={variant:"text",shape:"text",animation:"pulse"},st=e=>{let{variant:t,shape:o,animation:a=Es.animation,...n}=e,i=`skeleton-${t||o||Es.variant}`;return ux("span",{...n,className:r(e.className,Cs,Xa(Cs,i),{[`k-skeleton-${a}`]:a}),style:e.style})};st.states=cx;st.options=mx;st.variants=dx;st.className=Cs;st.defaultOptions=Es;st.moduleName=As;st.folderName=Xp;st.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as K5}from"react/jsx-runtime";import{jsx as z5}from"react/jsx-runtime";import{jsx as V5}from"react/jsx-runtime";import{Fragment as nG,jsx as oG,jsxs as aG}from"react/jsx-runtime";import{Fragment as pG,jsx as lG,jsxs as dG}from"react/jsx-runtime";var Is="window",qp=Is;import{jsx as xx}from"react/jsx-runtime";var Wp="k-window-content",fx=[],bx={},hx={},Ft=e=>{let{children:t,...o}=e;return xx("div",{...o,className:r(Wp,e.className),children:t})};Ft.states=fx;Ft.options=bx;Ft.className=Wp;Ft.defaultOptions=hx;Ft.moduleName=Is;Ft.folderName=qp;var za="dialog",Cn=za;import{Fragment as vx,jsx as io,jsxs as Ts}from"react/jsx-runtime";var Jp="k-dialog",gx=[],Nx={},Os={actionButtonsAlign:"stretched",modal:!0},Te=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Os.actionButtonsAlign,modal:i=Os.modal,...l}=e,c=t!==void 0?w("dialog-titlebar"):void 0,u=w("dialog-content");return Ts("div",{className:"k-dialog-wrapper",children:[i&&io(ct,{}),Ts("div",{...l,className:r(e.className,Jp,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0||o)&&Ts("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&io("span",{className:"k-window-title k-dialog-title",children:t}),o&&io(vx,{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=gx;Te.options=Nx;Te.className=Jp;Te.defaultOptions=Os;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 Bs=Te;import{jsx as Sx}from"react/jsx-runtime";var Yp="k-dialog-wrapper",kx=[],Lx={},Mx={},oa=e=>{let{...t}=e;return Sx("div",{...t,className:r(e.className,Yp),children:e.children})};oa.states=kx;oa.options=Lx;oa.className=Yp;oa.defaultOptions=Mx;oa.moduleName=za;oa.folderName=Cn;import{Fragment as Zp,jsx as En,jsxs as yx}from"react/jsx-runtime";var Qp=e=>En(Bs,{title:"Title",children:En(Zp,{children:"Dialog content"}),actionButtons:yx(Zp,{children:[En(p,{children:"Action"}),En(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as _G,jsx as DG,jsxs as HG}from"react/jsx-runtime";import{Fragment as Ox,jsx as In,jsxs as Bx}from"react/jsx-runtime";var Ax=Te.options,Cx=[],Ex=Te.states,Ix=Te.defaultOptions,Tx=[],aa=e=>In(Qp,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:Bx(Ox,{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=Ax;aa.states=Ex;aa.variants=Cx;aa.defaultOptions=Ix;aa.modifiers=Tx;aa.className=Te.className;var Ps="dropzone",jp=Ps;import{jsx as Tn,jsxs as Rx}from"react/jsx-runtime";var ws="k-external-dropzone",Px=[s.disabled,s.hover],wx={},Rs={icon:"upload",hint:"Drag and drop files here to upload"},Ae=e=>{let{hover:t,disabled:o,icon:a=Rs.icon,hint:n=Rs.hint,note:i,...l}=e;return Tn("div",{...l,className:r(e.className,ws,S(ws,{disabled:o}),{"k-external-dropzone-hover":t}),children:Rx("div",{className:"k-dropzone-inner",children:[a&&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=Px;Ae.options=wx;Ae.className=ws;Ae.defaultOptions=Rs;Ae.moduleName=Ps;Ae.folderName=jp;import{jsx as Kx}from"react/jsx-runtime";var ed=e=>Kx(Ae,{...e});import{jsx as d6}from"react/jsx-runtime";import{jsx as Fx}from"react/jsx-runtime";var _x=Ae.options,Dx=Ae.states,Hx=Ae.defaultOptions,zx=[{name:"note",title:"Note"}],Ux=[],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)}),Fx(ed,{style:{width:"500px"},...o,...a})};na.options=_x;na.states=Dx;na.variants=Ux;na.defaultOptions=Hx;na.modifiers=zx;na.className=Ae.className;import{Fragment as On,jsx as Gt,jsxs as Ua}from"react/jsx-runtime";var Ks="k-upload-dropzone",Gx=[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,Ks,"k-dropzone",S(Ks,{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=Gx;Bn.className=Ks;var _s="upload",td=_s;import{jsx as Pn,jsxs as ad}from"react/jsx-runtime";var Ds="k-upload",Vx=[s.hover,s.disabled],$x={},nd={actionsLayout:"end"},od="upload-files-list",j=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=nd.actionsLayout,hover:i,status:l,disabled:c,...u}=e,f=!!e.children;return ad("div",{...u,className:r(e.className,Ds,S(Ds,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[Pn(Bn,{status:l,hover:i,disabled:c,hasFiles:f,filesId:od}),f&&Pn("ul",{className:"k-upload-files",role:"list",id:od,children:e.children}),a&&f&&ad(Gi,{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=Vx;j.options=$x;j.className=Ds;j.defaultOptions=nd;j.moduleName=_s;j.folderName=td;j.ariaSpec={selector:".k-upload",rules:[{selector:".k-upload .k-upload-button",attribute:"aria-disabled",usage:"Announces the disabled state of the upload button."},{selector:".k-upload .k-upload-button",attribute:"aria-controls (when present)",usage:"Creates the relationship between the button and the list of selected files when the list is present."},{selector:".k-upload input",attribute:"tabindex=-1",usage:"Assures that the input element inside the upload is not focusable."},{selector:".k-upload input",attribute:"aria-hidden=true",usage:"The input needs to be hidden from screen readers."},{selector:".k-upload-files",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-upload-files",attribute:"id",usage:"Unique and deterministic id linked to the button aria-controls attribute."},{selector:".k-upload-files .k-file",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-upload .k-file .k-file-validation-message",attribute:"aria-live=polite",usage:"Announces the change in the upload status of the file."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"aria-label",usage:"Provides accessible names for the file action buttons."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"tabindex=-1",usage:"The list file action buttons are not focusable elements."}]};var Fa="progressbar",wn=Fa;import{jsx as zs,jsxs as Hs}from"react/jsx-runtime";var je="k-progressbar",Xx=[s.disabled,s.indeterminate],qx={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 Hs("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:[zs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Hs("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&zs("div",{className:"k-progressbar-value k-selected",children:zs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Hs("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};fe.states=Xx;fe.options=qx;fe.className=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 rd=fe;import{jsx as Us}from"react/jsx-runtime";var sd="k-chunk-progressbar",Wx=(e,t)=>t<=e-1,Jx=[s.disabled,s.indeterminate],Yx={},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 Us("div",{...u,className:r(e.className,je,sd,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:Us("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>Us("li",{className:r("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":Wx(i,N)})},N))})})};po.states=Jx;po.options=Yx;po.className=sd;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 Zx}from"react/jsx-runtime";var Ga=e=>Zx(rd,{...e});import{jsx as Z6}from"react/jsx-runtime";import{jsx as Vt}from"react/jsx-runtime";var Qx=fe.options,jx=fe.states,id={...fe.defaultOptions,variant:"start"},eg=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],tg=[],ra=e=>{let{variant:t,modifiers:o,...a}={...id,...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=Qx;ra.states=jx;ra.variants=eg;ra.defaultOptions=id;ra.modifiers=tg;ra.className=fe.className;import{jsx as Fs,jsxs as ag}from"react/jsx-runtime";var og="k-file-info",Gs=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return ag("div",{...n,className:r(e.className,og),children:[t&&Fs("span",{className:"k-file-name",children:t}),o&&Fs("span",{className:"k-file-size",children:o}),a&&Fs("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as rg,jsx as Ct,jsxs as Kn}from"react/jsx-runtime";var ng="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:c,...u}=e;return Ct("li",{...u,className:r(e.className,ng,{[`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(Gs,{name:a,size:i,validationMsg:c}),Ct("div",{className:"k-upload-actions",children:t==="progress"?Kn(rg,{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 C7,jsx as y7,jsxs as A7}from"react/jsx-runtime";import{Fragment as sg,jsx as Vs,jsxs as ig}from"react/jsx-runtime";var Va=e=>Vs(j,{async:!0,children:ig(sg,{children:[Vs(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),Vs(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as _7,jsx as R7,jsxs as K7}from"react/jsx-runtime";import{jsx as lg}from"react/jsx-runtime";var ld=e=>lg(j,{async:!0,empty:!0,...e});import{Fragment as $7,jsx as V7,jsxs as X7}from"react/jsx-runtime";import{Fragment as Z7,jsx as Y7,jsxs as Q7}from"react/jsx-runtime";import{jsx as Et,jsxs as _n}from"react/jsx-runtime";var pg=j.options,dg=j.states,pd={...j.defaultOptions,variant:"empty"},cg=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],mg=[],sa=e=>{let{variant:t,...o}={...pd,...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(ld,{async:!0,status:"upload",style:{width:"586px"},...o})}};sa.options=pg;sa.states=dg;sa.variants=cg;sa.defaultOptions=pd;sa.modifiers=mg;sa.className=j.className;import{Fragment as A9,jsx as y9,jsxs as C9}from"react/jsx-runtime";import{Fragment as B9,jsx as O9,jsxs as P9}from"react/jsx-runtime";import{Fragment as D9,jsx as _9,jsxs as H9}from"react/jsx-runtime";import{Fragment as V9,jsx as G9,jsxs as $9}from"react/jsx-runtime";import{Fragment as Y9,jsx as J9}from"react/jsx-runtime";var $s="appbar",dd=$s;import{jsx as hg}from"react/jsx-runtime";var Xs="k-appbar",ug=[],fg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.inverse]},bg={},be=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return hg("div",{...n,className:r(e.className,Xs,A(Xs,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};be.states=ug;be.options=fg;be.className=Xs;be.defaultOptions=bg;be.moduleName=$s;be.folderName=dd;be.ariaSpec={selector:".k-appbar",rules:[]};import{jsx as gg}from"react/jsx-runtime";var xg="k-appbar-section",xt=e=>{let{...t}=e;return gg("div",{...t,className:r(xg,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 qs={...be.options,positionMode:["static","sticky","fixed"]},Ng=be.states,cd={...be.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};qs.themeColor=["primary",...qs.themeColor.filter(e=>e!=="primary")];var vg=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],la=e=>{let{variant:t,...o}={...cd,...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=qs;la.states=Ng;la.variants=vg;la.defaultOptions=cd;la.modifiers=[];la.className=be.className;var Ws="suggestion",md=Ws;import{jsx as Dn,jsxs as Mg}from"react/jsx-runtime";var Hn="k-suggestion-group",kg=[],Lg={},ud={layout:"scrollable",scrollingPosition:"start"},et=e=>{let{layout:t=ud.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"?Mg("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=kg;et.options=Lg;et.className=Hn;et.defaultOptions=ud;et.moduleName=Ws;et.folderName=md;import{jsx as Cg}from"react/jsx-runtime";var zn="k-suggestion",Sg=[s.active,s.hover,s.focus],yg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},Ag={text:"Suggestion"},tt=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return Cg("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=Sg;tt.options=yg;tt.className=zn;tt.item=Ag;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 Pg,jsx as te,jsxs as Un}from"react/jsx-runtime";var Eg=U.states,Ig=U.defaultOptions,Tg=U.options,Og=[{name:"header",title:"Header"},{name:"pinned",title:"Pinned"},{name:"suggested",title:"Suggested Actions"},{name:"author",title:"Author"},{name:"avatar",title:"Avatar"},{name:"quick",title:"Quick Replies"}],Bg=[],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(Pg,{});break;default:break}});let{header:m,pinned:L,suggestedActions:k,author:y,avatar:C,quickReplies:M}=a;return Un(zp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:k,children:[te(q,{avatar:f,author:y?x:null,children:te(X,{text:"Hello, this is a demo bot. How can I help you ?"})}),te(q,{avatar:C?u:null,author:y?N:null,type:"sender",children:te(X,{text:"Hello! Generate a cover letter."})}),te(q,{avatar:f,author:y?x:null,children:te(X,{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=Tg;pa.states=Eg;pa.variants=Bg;pa.defaultOptions=Ig;pa.modifiers=Og;pa.className=U.className;import{jsx as wg}from"react/jsx-runtime";var H8=e=>wg(U,{empty:!0,...e});export{H8 as ChatEmpty};
+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 $n={};function w(e){return $n[e]=($n[e]||0)+1,`k-${e}-${$n[e]}`}import{Fragment as gd,jsx as Ys}from"react/jsx-runtime";var Xn="k-font-icon",bd=[],hd={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]},xd={},da=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?Ys("span",{...l,className:r(e.className,Xn,A(Xn,{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"}):Ys(gd,{})};da.states=bd;da.options=hd;da.className=Xn;da.defaultOptions=xd;var Zs=da;import{Fragment as kd,jsx as qa}from"react/jsx-runtime";var qn="k-svg-icon",Nd=[],vd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},Qs={viewBox:"0 0 24 24"},ca=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=Qs.viewBox,icon:l,...c}=e;if(!l)return qa(kd,{});if(l==="none")return qa("span",{...c,className:r(e.className,qn,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,qn,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=Nd;ca.options=vd;ca.className=qn;ca.defaultOptions=Qs;var Wn=ca;import*as Jn from"@progress/kendo-svg-icons";var js="icon",ei="icons";import{useContext as Md}from"react";import{createContext as Ld}from"react";var ti=Ld({iconsType:"svg"});import{Fragment as oi,jsx as ma}from"react/jsx-runtime";var Wa="k-icon",Sd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),yd=[],Ad={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]},Yn={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=Md(ti),{size:o,themeColor:a,icon:n,type:i=t||Yn.type,rotate:l,flip:c,viewBox:u=Yn.viewBox,...f}=e;if(!n)return ma(oi,{});if((t||i)==="svg"){if(n==="none")return ma(Wn,{...f,className:r(e.className,Wa),icon:n,size:o});let x=Jn[n]?n:Sd(`${n}-icon`);return Jn[x]?ma(Wn,{...f,className:r(e.className,Wa),icon:Jn[x],size:o,themeColor:a,rotate:l,flip:c,viewBox:u}):ma(oi,{})}return ma(Zs,{...f,className:r(e.className,Wa),icon:n,size:o,themeColor:a,rotate:l,flip:c})};v.states=yd;v.options=Ad;v.defaultOptions=Yn;v.className=Wa;v.moduleName=js;v.folderName=ei;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 Zn="button",ai=Zn;import{Fragment as Td,jsx as ua,jsxs as ni}from"react/jsx-runtime";var fa="k-button",Cd=["icon-button"],Ed=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Id={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]},Qn={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=Qn.showArrow,arrowIconName:c=Qn.arrowIconName,variant:u,hover:f,focus:N,active:x,selected:m,disabled:L,togglable:k,ariaDisabled:y,icon:C,text:M,iconClassName:I,className:V,...pe}=e,he=C!==void 0,xe=e.children!==void 0;return ni(t,{className:r(V,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?ni(Td,{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=Ed;p.options=Id;p.variants=Cd;p.className=fa;p.defaultOptions=Qn;p.moduleName=Zn;p.folderName=ai;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 Od}from"react/jsx-runtime";var se=e=>Od(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Bd}from"react/jsx-runtime";var ba=e=>Bd(p,{icon:"folder",children:"Button",...e});import{jsx as Pd}from"react/jsx-runtime";var ot=e=>Pd(p,{children:"Button",...e});import{jsx as jn}from"react/jsx-runtime";var wd=p.options,Rd=p.states,Kd={...p.defaultOptions,variant:"text"},_d=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Dd=[],co=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return jn(se,{...o,icon:"star"});case"icon-and-text":return jn(ba,{...o,icon:"star",children:"Button"});default:return jn(ot,{...o,children:"Button"})}};co.options=wd;co.states=Rd;co.variants=_d;co.defaultOptions=Kd;co.modifiers=Dd;co.className=p.className;import{jsx as ri,jsxs as Gd}from"react/jsx-runtime";var Ja="k-fab",Ud=[s.hover,s.focus,s.active,s.selected,s.disabled],Fd={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]},si={type:"button"},Y=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=si.type,position:c,hover:u,focus:f,active:N,selected:x,disabled:m,...L}=e;return Gd("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&&ri(v,{className:"k-fab-icon",icon:i}),n&&ri("span",{className:"k-fab-text",children:n})]})};Y.states=Ud;Y.options=Fd;Y.className=Ja;Y.defaultOptions=si;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 $d}from"react/jsx-runtime";var Vd="k-fab-items",ii=e=>{let{position:t,...o}=e;return $d("ul",{...o,className:r(e.className,Vd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as pi,jsxs as qd}from"react/jsx-runtime";var li="k-fab-item",Xd=[s.hover,s.focus,s.active,s.disabled],er=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:c,...u}=e;return qd("li",{...u,className:r(e.className,li,{[`k-text-${a}`]:a},S(li,{hover:n,focus:i,active:l,disabled:c})),children:[pi("span",{className:"k-fab-item-text",children:t}),pi(v,{className:"k-fab-item-icon",icon:o})]})};er.states=Xd;import{jsx as tv}from"react/jsx-runtime";import{jsx as Wd}from"react/jsx-runtime";var di=e=>Wd(Y,{icon:"plus",...e});import{jsx as lv}from"react/jsx-runtime";import{jsx as mv}from"react/jsx-runtime";import{jsx as mo,jsxs as ec}from"react/jsx-runtime";var Jd=Y.options,Yd=Y.states,Zd={...Y.defaultOptions,variant:"text"},Qd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],jd=[{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(ii,{position:"bottom",children:mo(er,{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 ec("span",{style:{position:"relative"},children:[l,i]})};uo.options=Jd;uo.states=Yd;uo.variants=Qd;uo.defaultOptions=Zd;uo.modifiers=jd;uo.className=Y.className;import{jsx as ac}from"react/jsx-runtime";var tr="k-input-inner",tc=[],oc={},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 ac("input",{...c,type:o,className:r(e.className,tr,A(tr,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:l||void 0})};ge.states=tc;ge.options=oc;ge.className=tr;import{jsx as sc}from"react/jsx-runtime";var or="k-input-inner",nc=[],rc={},ci={value:"",placeholder:""},ha=e=>{let{value:t=ci.value,placeholder:o=ci.placeholder,rows:a,disabled:n,...i}=e;return sc("textarea",{...i,className:r(e.className,or,A(or,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};ha.states=nc;ha.options=rc;ha.className=or;var ar="prompt-box",mi=ar;var nr="speech-to-text-button",ui=nr;import{jsx as ic}from"react/jsx-runtime";var fi="k-speech-to-text-button",bi={icon:"microphone"},Ce=e=>{let{listening:t=!1,icon:o=bi.icon,...a}=e;return ic(p,{...a,icon:t?"stop":o,className:r(e.className,fi,{"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=fi;Ce.defaultOptions=bi;Ce.moduleName=nr;Ce.folderName=ui;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 qv}from"react/jsx-runtime";import{jsx as Zv}from"react/jsx-runtime";import{jsx as mc}from"react/jsx-runtime";var lc=p.states,hi={...p.defaultOptions,variant:"normal"},pc={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},dc=[],cc=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],fo=e=>{let{variant:t,...o}={...hi,...e},a={};return t==="listening"&&(a.listening=!0),mc(Ce,{...o,...a})};fo.options=pc;fo.states=lc;fo.variants=cc;fo.defaultOptions=hi;fo.modifiers=dc;fo.className=Ce.className;import{jsx as bo,jsxs as rr}from"react/jsx-runtime";var it="k-prompt-box",uc=[s.hover,s.focus,s.disabled],fc={fillMode:[h.undefined,h.solid,h.flat,h.outline]},sr={lineMode:"auto",isExpanded:!1},gt=e=>{let{fillMode:t,lineMode:o=sr.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=sr.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 rr("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}),rr("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"}),rr("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=uc;gt.options=fc;gt.className=it;gt.defaultOptions=sr;gt.moduleName=ar;gt.folderName=mi;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 Nk}from"react/jsx-runtime";import{jsx as Mk}from"react/jsx-runtime";import{jsx as Ck}from"react/jsx-runtime";import{jsx as Ok}from"react/jsx-runtime";import{jsx as Rk}from"react/jsx-runtime";var ir="chat",xi=ir;import{Fragment as vi,jsx as Xt,jsxs as xa}from"react/jsx-runtime";var gi="k-chat",bc=[],hc={},xc=xa(vi,{children:[Xt(se,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Xt("div",{className:"k-spacer"})]}),Ni={tools:xc},U=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:c,tools:u=Ni.tools,value:f,empty:N,scrollToBottom:x,scrollbar:m,promptBoxProps:L,...k}=e;return xa("div",{...k,className:r(gi,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(di,{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(vi,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};U.states=bc;U.options=hc;U.className=gi;U.defaultOptions=Ni;U.moduleName=ir;U.folderName=xi;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 lr="button",ki=lr;import{jsx as kc}from"react/jsx-runtime";var ga="k-button-group",gc=[s.disabled],Nc={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},vc={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return kc("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=gc;T.options=Nc;T.className=ga;T.defaultOptions=vc;T.moduleName=lr;T.folderName=ki;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 lL,jsx as iL,jsxs as pL}from"react/jsx-runtime";import{Fragment as bL,jsx as fL,jsxs as hL}from"react/jsx-runtime";import{Fragment as LL,jsx as kL,jsxs as ML}from"react/jsx-runtime";import{Fragment as IL,jsx as EL,jsxs as TL}from"react/jsx-runtime";import{Fragment as KL,jsx as RL,jsxs as _L}from"react/jsx-runtime";import{Fragment as GL,jsx as FL,jsxs as VL}from"react/jsx-runtime";import{jsx as Nt,jsxs as pr}from"react/jsx-runtime";var Lc={...p.options,...T.options},Mc=p.states,Sc={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},yc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Ac=[],ho=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?pr(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"?pr(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"})]}):pr(T,{fillMode:a.fillMode,className:o,children:[Nt(p,{...a,children:"First"}),Nt(p,{...a,children:"Middle"}),Nt(p,{...a,children:"Last"})]})};ho.options=Lc;ho.states=Mc;ho.variants=yc;ho.defaultOptions=Sc;ho.modifiers=Ac;ho.className=T.className;var Na="input",Qa=Na;import{jsx as Tc}from"react/jsx-runtime";var ja="k-input",Cc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Ec={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ic={},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 Tc("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=Cc;Z.options=Ec;Z.className=ja;Z.defaultOptions=Ic;Z.moduleName=Na;Z.folderName=Qa;import{jsx as wc}from"react/jsx-runtime";var en="k-picker",Oc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Bc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Pc={},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 wc("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=Oc;lt.options=Bc;lt.className=en;lt.defaultOptions=Pc;lt.moduleName=Na;lt.folderName=Qa;import{Fragment as _c,jsx as dr}from"react/jsx-runtime";var Li="k-clear-value",Rc=[s.disabled,s.loading,s.readonly],Kc={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?dr(_c,{}):dr("span",{className:r(e.className,Li),children:dr(v,{icon:"x"})})};Pe.states=Rc;Pe.options=Kc;Pe.className=Li;import{jsx as Mi,jsxs as zc}from"react/jsx-runtime";var cr="k-input-inner",Dc=[],Hc={},qt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return zc("span",{...l,className:r(e.className,cr,A(cr,e)),children:[n,!n&&i&&Mi(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Mi("span",{className:"k-input-value-text",children:t})]})};qt.states=Dc;qt.options=Hc;qt.className=cr;import{Fragment as Fc,jsx as Si}from"react/jsx-runtime";var yi="k-input-loading-icon",Uc=[s.disabled,s.loading],Ee=e=>{let{disabled:t,loading:o}=e;return t||!o?Si(Fc,{}):Si("span",{className:r(e.className,yi,"k-icon k-i-loading")})};Ee.states=Uc;Ee.className=yi;import{Fragment as $c,jsx as Ai}from"react/jsx-runtime";var Ci="k-input-validation-icon",Gc=[s.valid,s.invalid,s.disabled,s.loading],Vc={},Ne=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?Ai($c,{}):Ai(v,{className:r(Ci),icon:i})};Ne.states=Gc;Ne.options=Vc;Ne.className=Ci;import{Fragment as Wc,jsx as Ei}from"react/jsx-runtime";var Xc="k-input-prefix",qc={direction:"horizontal"},ze=e=>{let{direction:t=qc.direction,...o}=e;return e.children?Ei("span",{...o,className:r(Xc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Ei(Wc,{})};import{Fragment as Zc,jsx as Ii}from"react/jsx-runtime";var Jc="k-input-suffix",Yc={direction:"horizontal"},Ue=e=>{let{direction:t=Yc.direction,...o}=e;return e.children?Ii("span",{...o,className:r(Jc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ii(Zc,{})};import{jsx as DM}from"react/jsx-runtime";import{jsx as jc}from"react/jsx-runtime";var Qc="k-input-suffix-text",mr=e=>{let{children:t,...o}=e;return jc("span",{...o,className:r(Qc,e.className),children:t})};import{jsx as tm}from"react/jsx-runtime";var Ti="k-input-separator",em={direction:"vertical"},Fe=e=>{let{direction:t=em.direction,...o}=e;return tm("span",{...o,className:r(Ti,e.className,{[`${Ti}-${t}`]:t})})};import{Fragment as Oi,jsx as pt,jsxs as ur}from"react/jsx-runtime";var om=Z.states,am=Z.defaultOptions,nm=Z.options,rm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],sm=[],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 ur(Z,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&ur(Oi,{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&&ur(Oi,{children:[m&&pt(Fe,{}),pt(Ue,{children:pt(ot,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};xo.options=nm;xo.states=om;xo.variants=sm;xo.defaultOptions=am;xo.modifiers=rm;xo.className=Z.className;import{jsx as Bi,jsxs as pm}from"react/jsx-runtime";var Pi="k-color-preview",im=[],lm={},Tt=e=>{let{color:t,iconName:o,...a}=e;return pm("span",{...a,className:r(e.className,Pi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Bi(v,{icon:o,className:"k-color-preview-icon"}),Bi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Tt.states=im;Tt.options=lm;Tt.className=Pi;var fr="popup",wi=fr;import{jsx as Ri}from"react/jsx-runtime";var Ki="k-animation-container",dm=[],cm={},_i={positionMode:"absolute"},dt=e=>{let{positionMode:t=_i.positionMode,animationStyle:o,offset:a,...n}=e;return Ri("div",{...n,style:{...a,...e.style},className:r(e.className,Ki,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ri("div",{className:"k-child-animation-container",style:o,children:e.children})})};dt.states=dm;dt.options=cm;dt.className=Ki;dt.defaultOptions=_i;dt.moduleName=fr;dt.folderName=wi;var br="popup",Di=br;import{jsx as Hi}from"react/jsx-runtime";var zi="k-popup",mm=[],um={},Ui={positionMode:"absolute"},G=e=>{let{offset:t,positionMode:o=Ui.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return Hi(dt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:Hi("div",{...c,className:r(e.className,zi),children:e.children})})};G.states=mm;G.options=um;G.className=zi;G.defaultOptions=Ui;G.moduleName=br;G.folderName=Di;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 hr="action-buttons",Fi=hr;import{jsx as hm}from"react/jsx-runtime";var tn="k-actions",fm=[],bm={},xr={alignment:"start",orientation:"horizontal"},we=e=>{let{alignment:t=xr.alignment,orientation:o=xr.orientation,...a}=e;return hm("div",{...a,className:r(tn,{[`${tn}-${t}`]:t,[`${tn}-${o}`]:o},e.className),children:e.children})};we.states=fm;we.options=bm;we.className=tn;we.defaultOptions=xr;we.moduleName=hr;we.folderName=Fi;var Gi=we;import{jsx as gm}from"react/jsx-runtime";var xm="k-actionsheet-footer",Vi={alignment:"stretched",orientation:"horizontal"},Ot=e=>{let{alignment:t=Vi.alignment,orientation:o=Vi.orientation,template:a,as:n=a?"div":we,...i}=e;return gm(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,xm),children:e.children})};var gr="searchbox",$i=gr;import{jsx as va,jsxs as km}from"react/jsx-runtime";var Xi="k-searchbox",Nm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],vm={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]},Nr={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=Nr.showIcon,icon:k=Nr.icon,"aria-label":y,...C}=e;return km(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,Xi),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=Nm;Ge.options=vm;Ge.className=Xi;Ge.defaultOptions=Nr;Ge.moduleName=gr;Ge.folderName=$i;import{jsx as py}from"react/jsx-runtime";var vr="textbox",qi=vr;import{Fragment as Wi,jsx as Bt,jsxs as kr}from"react/jsx-runtime";var Ji="k-textbox",Lm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Mm={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:V,id:pe,"aria-label":he,"aria-describedby":xe,...Be}=e;return kr(Z,{...Be,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:k,invalid:y,required:C,loading:M,disabled:I,readonly:V,className:r(e.className,Ji),children:[c&&kr(Wi,{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:V,value:N}),u&&kr(Wi,{children:[n&&Bt(Fe,{}),Bt(Ue,{children:u})]})]})};ie.states=Lm;ie.options=Mm;ie.className=Ji;ie.defaultOptions=on;ie.moduleName=vr;ie.folderName=qi;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 Sm}from"react/jsx-runtime";var an=e=>Sm(ka,{...e});import{Fragment as Cy,jsx as Ay}from"react/jsx-runtime";import{Fragment as Py,jsx as By}from"react/jsx-runtime";import{jsx as _y}from"react/jsx-runtime";import{jsx as Lr}from"react/jsx-runtime";var ym=ie.states,Am=ie.defaultOptions,Cm=ie.options,Em=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Im=[],go=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Lr(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Lr(ot,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Lr(an,{value:"Value",style:{width:300},...o,...a})};go.options=Cm;go.states=ym;go.variants=Im;go.defaultOptions=Am;go.modifiers=Em;go.className=ie.className;import{jsx as Pt,jsxs as Mr}from"react/jsx-runtime";var Yi="k-actionsheet-titlebar",Tm={},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 Mr("div",{...m,className:r(e.className,Yi),children:[Mr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Pt("div",{className:"k-actionsheet-actions",children:a}),!x&&Mr("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=Yi;ve.defaultOptions=Tm;import{jsx as Sr,jsxs as wm}from"react/jsx-runtime";var yr="k-actionsheet-view",Om=[],Bm={},Pm={},No=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...c}=e,u=n?.type===ve&&Sr(ve,{adaptive:t,titleId:l,...n?.props}),f=i?.type===Ot&&Sr(Ot,{...i?.props});return wm("div",{...c,className:r(e.className,yr,{[`${yr}-animated`]:o}),children:[u,Sr("div",{className:"k-actionsheet-content",children:a}),f]})};No.states=Om;No.options=Bm;No.className=yr;No.defaultOptions=Pm;var La="action-sheet",nn=La;var Ar="overlay",Zi=Ar;import{jsx as Dm}from"react/jsx-runtime";var Qi="k-overlay",Rm=[],Km={},_m={},ct=e=>{let{...t}=e;return Dm("div",{...t,className:r(e.className,Qi),children:e.children})};ct.states=Rm;ct.options=Km;ct.className=Qi;ct.defaultOptions=_m;ct.moduleName=Ar;ct.folderName=Zi;import{jsx as rn,jsxs as Um}from"react/jsx-runtime";var ji="k-actionsheet",Hm=[],zm={},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 Um("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,ji,{[`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=Hm;W.options=zm;W.className=ji;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 $m}from"react/jsx-runtime";var el="k-actionsheet-container",Fm=[],Gm={},Vm={},vo=e=>{let{children:t,...o}=e;return $m("div",{...o,className:el,children:t})};vo.states=Fm;vo.options=Gm;vo.className=el;vo.defaultOptions=Vm;vo.moduleName=La;vo.folderName=nn;import{jsx as Xm}from"react/jsx-runtime";var Cr=e=>{let{...t}=e;return Xm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Wm,jsx as Sa,jsxs as Er}from"react/jsx-runtime";var Ir="k-actionsheet-item",qm=[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 Er("span",{...u,className:r(e.className,Ir,S(Ir,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&Sa(Wm,{children:Er("span",{className:"k-actionsheet-action",children:[t&&Sa("span",{className:"k-icon-wrap",children:Sa(v,{className:"k-actionsheet-item-icon",icon:t})}),Er("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=qm;wt.className=Ir;import{jsx as KA,jsxs as _A}from"react/jsx-runtime";import{jsx as UA}from"react/jsx-runtime";import{jsx as $A}from"react/jsx-runtime";import{jsx as JA}from"react/jsx-runtime";import{jsx as le,jsxs as Tr}from"react/jsx-runtime";var Jm=W.options,Ym=W.states,ol={...W.defaultOptions,variant:"normal"},Zm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Qm=[{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}={...ol,...e},n={},i=Tr(Cr,{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?Tr(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?Tr(Ot,{alignment:"stretched",children:[le(p,{text:"Apply",themeColor:"primary"}),le(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};ko.options=Jm;ko.states=Ym;ko.variants=Zm;ko.defaultOptions=ol;ko.modifiers=Qm;ko.className=W.className;var Or="slider",al=Or;import{jsx as Lo,jsxs as Br}from"react/jsx-runtime";var ya="k-slider",jm=[s.hover,s.focus,s.active,s.disabled,s.readonly],eu={},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,...V}=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"),Br("div",{...V,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"}),Br("div",{className:"k-slider-track-wrap",children:[u&&Lo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Br("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":V["aria-label"]?`${V["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"?V["aria-label"]?`${V["aria-label"]} end`:"Range end":V["aria-label"]})]})]}),c&&Lo(p,{className:"k-button-increase",rounded:"full",icon:xe,tabIndex:-1,title:"Increase"})]})};F.states=jm;F.options=eu;F.className=ya;F.defaultOptions=Ve;F.moduleName=Or;F.folderName=al;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 nl}from"react/jsx-runtime";var rl="k-tick",tu=[],ou={},sl={label:!1},E=e=>{let{style:t,label:o=sl.label,orientation:a,large:n,text:i,...l}=e;return nl("li",{...l,role:"presentation",title:i||"Tick",className:r(e.className,rl,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&nl("span",{className:"k-label",children:i})})};E.states=tu;E.options=ou;E.className=rl;E.defaultOptions=sl;import{Fragment as au,jsx as $e,jsxs as nu}from"react/jsx-runtime";var il=e=>$e(F,{"aria-label":e["aria-label"]||"Slider",children:nu(au,{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 ru,jsx as Xe,jsxs as su}from"react/jsx-runtime";var ll=e=>Xe(F,{children:su(ru,{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 _C,jsx as KC,jsxs as DC}from"react/jsx-runtime";import{Fragment as GC,jsx as FC,jsxs as VC}from"react/jsx-runtime";import{jsx as iu}from"react/jsx-runtime";var Pr=e=>iu(F,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as lu}from"react/jsx-runtime";var wr=e=>lu(F,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as tE,jsx as eE,jsxs as oE}from"react/jsx-runtime";import{Fragment as iE,jsx as sE,jsxs as lE}from"react/jsx-runtime";import{jsx as mt,jsxs as pl}from"react/jsx-runtime";var pu=F.options,du=F.states,dl={...F.defaultOptions,variant:"horizontal",label:!0},cu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],mu=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Mo=e=>{let{variant:t,modifiers:o,...a}={...dl,...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"?pl(ll,{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%"}})]}):pl(il,{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=pu;Mo.states=du;Mo.variants=cu;Mo.defaultOptions=dl;Mo.modifiers=mu;Mo.className=F.className;import{jsx as cl,jsxs as xu}from"react/jsx-runtime";var ml="k-spin-button",bu=[],hu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Rr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Rt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Rr.increaseLabel,decreaseLabel:i=Rr.decreaseLabel,...l}=e;return xu("span",{...l,className:r(ml,e.className),children:[cl(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),cl(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Rt.states=bu;Rt.options=hu;Rt.className=ml;Rt.defaultOptions=Rr;Rt.moduleName=null;Rt.folderName=null;var ul="numeric-textbox",fl="numerictextbox";import{Fragment as bl,jsx as vt,jsxs as Kr}from"react/jsx-runtime";var hl="k-numerictextbox",gu=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Nu={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:V,"aria-label":pe,"aria-describedby":he,...xe}=e;return Kr(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,hl),children:[c&&Kr(bl,{children:[vt(ze,{children:c}),n&&vt(Fe,{})]}),vt(ge,{id:V,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&&Kr(bl,{children:[n&&vt(Fe,{}),vt(Ue,{children:u})]}),l&&vt(Rt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};_.states=gu;_.options=Nu;_.className=hl;_.defaultOptions=sn;_.moduleName=ul;_.folderName=fl;_.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 vu}from"react/jsx-runtime";var xl=e=>vu(Aa,{...e});import Dr from"react";import{jsx as gl}from"react/jsx-runtime";var ku="k-list-group-sticky-header",_r=e=>gl("div",{className:r(ku,e.className),children:gl("div",{className:"k-list-header-text",children:e.children})});import{jsx as Mu}from"react/jsx-runtime";var Lu="k-no-data",ln=e=>{let{live:t,...o}=e;return Mu("span",{...o,className:r(Lu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Wt="list",So=Wt;import{jsx as Nl,jsxs as vl}from"react/jsx-runtime";var Hr="k-list",Su=[],yu={size:[d.undefined,d.small,d.medium,d.large]},Au={},R=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:i,customValue:l,noData:c,screenReaders:u,...f}=e,x=Dr.Children.toArray(a)[0],m=x?.props?.children?Dr.Children.count(x.props.children):Dr.Children.count(a);return vl("div",{...f,className:r(e.className,Hr,A(Hr,{size:t}),{"k-virtual-list":o}),children:[i,l,n&&Nl(_r,{children:n}),a||(c!==void 0?c:Nl(ln,{live:!0,children:"No data found."})),u&&a&&vl(ln,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};R.states=Su;R.options=yu;R.className=Hr;R.defaultOptions=Au;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 Tu}from"react/jsx-runtime";var kl="k-list-container",Cu=[],Eu={},Iu={},yo=e=>{let{...t}=e;return Tu("div",{...t,className:r(e.className,kl),children:e.children})};yo.states=Cu;yo.options=Eu;yo.className=kl;yo.defaultOptions=Iu;yo.moduleName=Wt;yo.folderName=So;var Jt="checkbox",Ao=Jt;import{jsx as Ll}from"react/jsx-runtime";var pn="k-checkbox",Ou=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Bu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},Pu={},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 Ll("span",{className:"k-checkbox-wrap",role:m,children:Ll("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=Ou;qe.options=Bu;qe.className=pn;qe.defaultOptions=Pu;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 Ku}from"react/jsx-runtime";var Ml="k-checkbox-list",wu=[],Ru={},Sl={layout:"vertical"},ke=e=>{let{layout:t=Sl.layout,...o}=e;return Ku("ul",{...o,className:r(e.className,Ml,{[`k-list-${t}`]:t}),children:e.children})};ke.states=wu;ke.options=Ru;ke.className=Ml;ke.defaultOptions=Sl;ke.moduleName=Jt;ke.folderName=Ao;import{jsx as zu}from"react/jsx-runtime";var yl="k-checkbox-list-item",_u=[],Du={},Hu={},Le=e=>{let{...t}=e;return zu("li",{...t,className:r(e.className,yl),children:e.children})};Le.states=_u;Le.options=Du;Le.className=yl;Le.defaultOptions=Hu;Le.moduleName=Jt;Le.folderName=Ao;import{Fragment as Uu,jsx as Al,jsxs as Fu}from"react/jsx-runtime";var kt=({children:e="Label",id:t="cb-label-after",...o})=>Fu(Uu,{children:[Al(at,{id:t,...o}),Al("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as BI,jsx as OI,jsxs as PI}from"react/jsx-runtime";import{Fragment as DI,jsx as _I,jsxs as HI}from"react/jsx-runtime";import{Fragment as VI,jsx as GI,jsxs as $I}from"react/jsx-runtime";import{jsx as JI}from"react/jsx-runtime";import{jsx as jI}from"react/jsx-runtime";import{jsx as aT}from"react/jsx-runtime";import{jsx as We,jsxs as Cl}from"react/jsx-runtime";var Gu=ke.options,Vu=ke.states,$u={...ke.defaultOptions,variant:"vertical"},Xu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],qu=[],Co=e=>{let{variant:t,...o}=e;return t==="horizontal"?Cl(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"})})]}):Cl(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=Gu;Co.states=Vu;Co.variants=Xu;Co.defaultOptions=$u;Co.modifiers=qu;Co.className=ke.className;import{jsx as ju}from"react/jsx-runtime";var Wu=at.options,Ju=at.states,Yu=at.defaultOptions,Zu=[],Qu=[],Eo=e=>ju(kt,{id:w("checkbox"),...e,defaultChecked:!0,children:"Label"});Eo.options=Wu;Eo.states=Ju;Eo.variants=Zu;Eo.defaultOptions=Yu;Eo.modifiers=Qu;Eo.className=at.className;import{jsx as Yt,jsxs as af}from"react/jsx-runtime";var zr="k-list-item",ef=[s.hover,s.focus,s.selected,s.disabled],tf={},of={},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 af("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":zr,S(zr,{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=ef;O.options=tf;O.className=zr;O.defaultOptions=of;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 rf}from"react/jsx-runtime";var nf="k-list-ul",Lt=e=>{let{children:t,role:o,id:a,...n}=e;return rf("ul",{...n,id:a,role:o,className:r(nf,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 Ur,jsxs as lf}from"react/jsx-runtime";var sf="k-list-content",H=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return lf("div",{...l,className:r(sf,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:Ur(Lt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Ur("div",{className:"k-height-container",children:Ur("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 qT,jsx as XT,jsxs as WT}from"react/jsx-runtime";import{jsx as Fr,jsxs as df}from"react/jsx-runtime";var pf="k-list-group-item",Zt=e=>{let{groupIconName:t,...o}=e;return df("li",{...o,role:"presentation",className:r(pf,e.className),children:[t&&Fr("span",{className:"k-list-item-icon-wrapper",children:Fr(v,{icon:t,className:"k-list-item-icon"})}),Fr("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 ff}from"react/jsx-runtime";var Gr="k-list-optionlabel",cf=[s.hover,s.focus,s.selected,s.disabled],mf={},uf={},dn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return ff("div",{...l,className:r(Gr,S(Gr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};dn.states=cf;dn.options=mf;dn.className=Gr;dn.defaultOptions=uf;import{jsx as gf}from"react/jsx-runtime";var Vr="k-list-custom-value",bf=[s.hover,s.focus,s.selected,s.disabled],hf={},xf={},Kt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return gf("div",{...l,className:r(Vr,S(Vr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Kt.states=bf;Kt.options=hf;Kt.className=Vr;Kt.defaultOptions=xf;import{Fragment as dO,jsx as pO,jsxs as cO}from"react/jsx-runtime";import{Fragment as xO,jsx as hO,jsxs as gO}from"react/jsx-runtime";import{Fragment as yO,jsx as MO,jsxs as SO}from"react/jsx-runtime";import{Fragment as BO,jsx as TO,jsxs as OO}from"react/jsx-runtime";import{jsx as KO}from"react/jsx-runtime";import{Fragment as FO,jsx as UO,jsxs as GO}from"react/jsx-runtime";var El="dropdown-list",Il="dropdownlist";import{Fragment as kf,jsx as Me,jsxs as $r}from"react/jsx-runtime";var Tl="k-dropdownlist",Nf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],vf={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Xr={showValue:!0,arrowIconName:"chevron-down"},oe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Xr.arrowIconName,showValue:i=Xr.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:V,opened:pe,adaptive:he,adaptiveSettings:xe,adaptiveTitle:Be,adaptiveSubtitle:$t,adaptiveFilter:Fn,id:It,activeDescendant:$a,"aria-label":Gn,...Vn}=e,fd=It?`${It}-listbox`:void 0,Js=It?`${It}-value`:void 0;return $r(kf,{children:[$r(lt,{...Vn,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,Tl,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":pe?"true":"false","aria-controls":pe?fd:void 0,"aria-activedescendant":pe&&$a?$a:void 0,"aria-describedby":pe?Js:void 0,"aria-disabled":M?"true":void 0,"aria-label":Gn,tabIndex:0,children:[Me(ze,{children:c}),Me(qt,{placeholder:N,value:f,showValue:i,valueIconName:l,id:Js}),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&&V&&Me(G,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:V}),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:Fn,inputValue:f,inputPlaceholder:N,title:Be,subtitle:$t}),children:Me("div",{className:"k-list-container",children:Me(R,{size:"large",children:$r(H,{"aria-label":"Options",children:[Me(O,{text:"List item"}),Me(O,{text:"List item"}),Me(O,{text:"List item"})]})})})})]})};oe.states=Nf;oe.options=vf;oe.className=Tl;oe.defaultOptions=Xr;oe.moduleName=El;oe.folderName=Il;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 LB}from"react/jsx-runtime";import{jsx as EB,jsxs as IB}from"react/jsx-runtime";import{Fragment as DB,jsx as KB,jsxs as _B}from"react/jsx-runtime";import{jsx as GB}from"react/jsx-runtime";import{jsx as JB,jsxs as YB}from"react/jsx-runtime";import{Fragment as rP,jsx as aP,jsxs as nP}from"react/jsx-runtime";import{jsx as dP}from"react/jsx-runtime";import{Fragment as Cf,jsx as _t,jsxs as Ol}from"react/jsx-runtime";var Lf=oe.states,Mf=oe.defaultOptions,Sf=oe.options,yf=[{name:"opened",title:"Opened"}],Af=[],To=e=>{let{modifiers:t,...o}=e,a={},n=Ol(Cf,{children:[_t("div",{className:"k-list-filter",children:_t(Ge,{})}),_t(R,{style:{width:300},size:o.size,children:Ol(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=Sf;To.states=Lf;To.variants=Af;To.defaultOptions=Mf;To.modifiers=yf;To.className=oe.className;import{Fragment as BP,jsx as OP}from"react/jsx-runtime";import{Fragment as DP,jsx as _P}from"react/jsx-runtime";import{jsx as FP}from"react/jsx-runtime";import{jsx as qr}from"react/jsx-runtime";var Ef=_.states,If=_.defaultOptions,Tf=_.options,Of=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Bf=[],Oo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?qr(oe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?qr(mr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),qr(xl,{value:"Value",style:{width:300},...o,...a})};Oo.options=Tf;Oo.states=Ef;Oo.variants=Bf;Oo.defaultOptions=If;Oo.modifiers=Of;Oo.className=_.className;import{Fragment as Ca,jsx as B,jsxs as Q}from"react/jsx-runtime";var Bl="k-colorgradient-inputs",Pf=[],wf={size:[d.undefined,d.small,d.medium,d.large]},Pl={mode:"rgba"},Bo=e=>{let{mode:t=Pl.mode,size:o,...a}=e;return Q("div",{...a,className:r(Bl,"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=Pf;Bo.options=wf;Bo.className=Bl;Bo.defaultOptions=Pl;import{jsx as Qt,jsxs as jt}from"react/jsx-runtime";var wl="k-colorgradient-color-contrast",Rf=[],Kf={},_f={},Po=()=>jt("div",{className:r(wl,"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=Rf;Po.options=Kf;Po.className=wl;Po.defaultOptions=_f;var Rl="color-gradient",Kl="colorgradient";import{jsx as Je,jsxs as Ea}from"react/jsx-runtime";var cn="k-colorgradient",Df=[s.hover,s.focus,s.readonly,s.disabled],Hf={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(wr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Je(wr,{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(Pr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Je(Pr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),Je(Bo,{mode:e.mode,size:t}),f&&Je(Po,{})]})};ne.states=Df;ne.options=Hf;ne.className=cn;ne.defaultOptions=ut;ne.moduleName=Rl;ne.folderName=Kl;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 zf}from"react/jsx-runtime";var mn=e=>zf(ne,{...e});import{jsx as Cw}from"react/jsx-runtime";import{jsx as Ow}from"react/jsx-runtime";import{jsx as Wr}from"react/jsx-runtime";var Uf=ne.options,Ff=ne.states,Gf={...ne.defaultOptions,variant:"rgba"},Vf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],$f=[],wo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Wr(mn,{...o,mode:t});case"rgb":return Wr(mn,{...o,mode:t});default:return Wr(mn,{...o,mode:t})}};wo.options=Uf;wo.states=Ff;wo.variants=Vf;wo.defaultOptions=Gf;wo.modifiers=$f;wo.className=ne.className;import{jsx as Xf}from"react/jsx-runtime";var Jr=e=>Xf("tr",{role:"row",children:e.children});import{jsx as Jf}from"react/jsx-runtime";var Yr="k-colorpalette-tile",qf=[s.hover,s.focus,s.selected],Wf={},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 Jf("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,Yr,S(Yr,{hover:a,focus:n,selected:i})),style:c})};Ro.states=qf;Ro.options=Wf;Ro.className=Yr;var _l="color-palette",Dl="colorpalette";import{jsx as Ia}from"react/jsx-runtime";var un="k-colorpalette",Yf=[s.disabled],Zf={size:[d.undefined,d.small,d.medium,d.large]},Hl={columns:10},Se=e=>{let{size:t,palette:o,columns:a=Hl.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(Jr,{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=Yf;Se.options=Zf;Se.className=un;Se.defaultOptions=Hl;Se.moduleName=_l;Se.folderName=Dl;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 Qf}from"react/jsx-runtime";var zl=e=>Qf(fn,{palette:Ta.basic,...e});import{jsx as mR}from"react/jsx-runtime";import{jsx as gR,jsxs as NR}from"react/jsx-runtime";import{jsx as rb}from"react/jsx-runtime";var jf=Se.options,eb=Se.states,tb={...Se.defaultOptions,variant:"basic"},ob=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],ab={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}},nb=[],Ko=e=>{let{variant:t="basic",...o}=e,a=ab[t];return rb(zl,{columns:a.columns,palette:a,...o})};Ko.options=jf;Ko.states=eb;Ko.variants=ob;Ko.defaultOptions=tb;Ko.modifiers=nb;Ko.className=Se.className;var Ul="color-editor",Fl="coloreditor";import{jsx as Ye,jsxs as _o}from"react/jsx-runtime";var bn="k-coloreditor",sb=[s.focus],ib={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=sb;J.options=ib;J.className=bn;J.defaultOptions=Oa;J.moduleName=Ul;J.folderName=Fl;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 WR}from"react/jsx-runtime";import{jsx as QR}from"react/jsx-runtime";import{jsx as lb}from"react/jsx-runtime";var Gl=e=>lb(Do,{group:!0,currentColor:"fuchsia",...e});import{jsx as pb}from"react/jsx-runtime";var Vl=e=>pb(Do,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as $l}from"react/jsx-runtime";var db=J.options,cb=J.states,mb={...J.defaultOptions,variant:"gradient"},ub=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],fb=[],Ho=e=>{let{variant:t,...o}=e;return t==="palette"?$l(Vl,{...o,color:"white"}):$l(Gl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Ho.options=db;Ho.states=cb;Ho.variants=ub;Ho.defaultOptions=mb;Ho.modifiers=fb;Ho.className=J.className;var Xl="color-picker",ql="colorpicker";import{Fragment as xb,jsx as Ze,jsxs as Zr}from"react/jsx-runtime";var Wl="k-colorpicker",bb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],hb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Jl={arrowIconName:"chevron-down"},Re=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Jl.arrowIconName,prefix:i,suffix: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:V,adaptiveTitle:pe,adaptiveSubtitle:he,...xe}=e,Be="colorpicker-popup";return Zr(xb,{children:[Zr(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,Wl,"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,...V,header:Ze(ve,{actionsEnd:Ze(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:pe,subtitle:he}),footer:Zr(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=bb;Re.options=hb;Re.className=Wl;Re.defaultOptions=Jl;Re.moduleName=Xl;Re.folderName=ql;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 gb}from"react/jsx-runtime";var hn=e=>gb(Mt,{...e});import{jsx as RK}from"react/jsx-runtime";import{jsx as zK}from"react/jsx-runtime";import{jsx as VK}from"react/jsx-runtime";import{jsx as WK}from"react/jsx-runtime";import{jsx as QK}from"react/jsx-runtime";import{jsx as o_}from"react/jsx-runtime";import{jsx as eo}from"react/jsx-runtime";var Nb=Mt.options,vb=Mt.states,Yl={...Mt.defaultOptions,variant:"color"},kb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Lb=[{name:"opened",title:"Opened"}],zo=e=>{let{variant:t,modifiers:o,...a}={...Yl,...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=Nb;zo.states=vb;zo.variants=kb;zo.defaultOptions=Yl;zo.modifiers=Lb;zo.className=Mt.className;var Qr="combobox",Zl=Qr;import{Fragment as jr,jsx as ae,jsxs as Ba}from"react/jsx-runtime";var Ql="k-combobox",Mb=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Sb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},jl={separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=jl.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:V,adaptiveSettings:pe,adaptiveTitle:he,adaptiveSubtitle:xe,adaptiveCustomValue:Be,id:$t,autocomplete:Fn,activeDescendant:It,"aria-label":$a,...Gn}=e,Vn=$t?`${$t}-listbox`:void 0;return Ba(jr,{children:[Ba(Z,{...Gn,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,Ql),children:[i&&Ba(jr,{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?Vn:void 0,"aria-activedescendant":M&&It?It:void 0,"aria-autocomplete":Fn,"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(jr,{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}),V&&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=Mb;de.options=Sb;de.className=Ql;de.defaultOptions=jl;de.moduleName=Qr;de.folderName=Zl;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 yb}from"react/jsx-runtime";var ep=e=>yb(Ke,{...e});import{jsx as D_,jsxs as H_}from"react/jsx-runtime";import{jsx as $_,jsxs as X_}from"react/jsx-runtime";import{jsx as Q_,jsxs as j_}from"react/jsx-runtime";import{Fragment as r0,jsx as n0}from"react/jsx-runtime";import{Fragment as c0,jsx as d0}from"react/jsx-runtime";import{jsx as x0,jsxs as g0}from"react/jsx-runtime";import{Fragment as A0,jsx as S0,jsxs as y0}from"react/jsx-runtime";import{jsx as T0}from"react/jsx-runtime";import{jsx as w0}from"react/jsx-runtime";import{jsx as z0,jsxs as U0}from"react/jsx-runtime";import{jsx as q0,jsxs as W0}from"react/jsx-runtime";import{jsx as Dt,jsxs as Ob}from"react/jsx-runtime";var Ab=de.states,Cb=de.defaultOptions,Eb=de.options,Ib=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Tb=[],Uo=e=>{let{modifiers:t,...o}=e,a={},n=Dt(R,{style:{width:300},size:o.size,children:Ob(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(ep,{value:"Value",style:{width:300},...o,...a})})};Uo.options=Eb;Uo.states=Ab;Uo.variants=Tb;Uo.defaultOptions=Cb;Uo.modifiers=Ib;Uo.className=de.className;var es="menu-button",tp=es;import{jsx as wb}from"react/jsx-runtime";var op="k-menu-button",Bb=[s.hover,s.focus,s.active,s.selected,s.disabled],Pb={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]},ts={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=ts.showArrow,arrowIconName:L=ts.arrowIconName,expanded:k,...y}=e;return wb(p,{...y,className:r(e.className,op),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=Bb;D.options=Pb;D.className=op;D.defaultOptions=ts;D.moduleName=es;D.folderName=tp;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 CD}from"react/jsx-runtime";import{jsx as OD}from"react/jsx-runtime";import{jsx as RD}from"react/jsx-runtime";var _e="menu",Qe=_e;import{jsx as Pa,jsxs as ap}from"react/jsx-runtime";var os="k-menu-item",Rb=[s.hover,s.focus,s.active,s.selected,s.disabled],Kb={},np={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=np.iconPosition,dir:L,children:k,expanded:y,...C}=e,M=x;return M||(M=L==="rtl"?"chevron-left":"chevron-right"),ap("li",{...C,className:r(e.className,os,"k-item",S(os,{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:[ap("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=Rb;ce.options=Kb;ce.className=os;ce.defaultOptions=np;ce.moduleName=_e;ce.folderName=Qe;import{jsx as wa,jsxs as rp}from"react/jsx-runtime";var as="k-menu-item",_b=[s.hover,s.focus,s.active,s.selected,s.disabled],Db={},ns={dir:"ltr",iconPosition:"before"},$=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=ns.iconPosition,dir:L=ns.dir,children:k,popup:y,expanded:C,...M}=e,I=x;return I||(I=L==="rtl"?"chevron-left":"chevron-right"),rp("li",{...M,className:r(e.className,as,"k-item",S(as,{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:[rp("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]})};$.states=_b;$.options=Db;$.className=as;$.defaultOptions=ns;$.moduleName=_e;$.folderName=Qe;import{jsx as Fb}from"react/jsx-runtime";var sp="k-menu-scroll-wrapper",Hb=[],zb={},Ub={},to=e=>{let{className:t,children:o,orientation:a,...n}=e;return Fb("div",{...n,className:r(t,sp,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};to.states=Hb;to.options=zb;to.className=sp;to.defaultOptions=Ub;to.moduleName=_e;to.folderName=Qe;var ip=to;import{Fragment as rs,jsx as oo,jsxs as gn}from"react/jsx-runtime";var ss="k-menu",Gb=[],Vb={},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",ss,{[`${ss}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return gn(rs,{children:[n?gn(ip,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&gn(rs,{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(rs,{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=Gb;re.options=Vb;re.className=ss;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 $b}from"react/jsx-runtime";var is="k-separator",lp={orientation:"horizontal"},Fo=e=>{let{orientation:t=lp.orientation,...o}=e;return $b("li",{...o,className:r(e.className,"k-item",is,{[`${is}-${t}`]:t}),role:"separator"})};Fo.className=is;Fo.defaultOptions=lp;Fo.moduleName=_e;Fo.folderName=Qe;import{Fragment as dH,jsx as cH}from"react/jsx-runtime";import{jsx as Jb}from"react/jsx-runtime";var ls="k-menu-group",Xb=[],qb={size:[d.undefined,d.small,d.medium,d.large]},Wb={},me=e=>{let{children:t,size:o,...a}=e;return Jb("ul",{...a,className:r(e.className,ls,A(ls,{size:o})),role:"menu",children:t})};me.states=Xb;me.options=qb;me.className=ls;me.defaultOptions=Wb;me.moduleName=_e;me.folderName=Qe;import{Fragment as Yb,jsx as Go,jsxs as Zb}from"react/jsx-runtime";var ps=e=>Go(re,{children:Zb(Yb,{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 yH,jsx as MH,jsxs as SH}from"react/jsx-runtime";import{Fragment as TH,jsx as IH,jsxs as OH}from"react/jsx-runtime";import{Fragment as KH,jsx as RH,jsxs as _H}from"react/jsx-runtime";import{Fragment as FH,jsx as UH,jsxs as GH}from"react/jsx-runtime";import{jsx as ao,jsxs as oh}from"react/jsx-runtime";var Qb=re.options,jb=re.states,pp={...re.defaultOptions,variant:"horizontal"},eh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],th=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Vo=e=>{let{variant:t,modifiers:o,...a}={...pp,...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:oh(me,{children:[ao($,{text:"Item 1"}),ao($,{text:"Item 2"}),ao(Fo,{}),ao($,{text:"Item 3"})]})});break}}),t==="vertical"?ao(ps,{...a,...n,orientation:"vertical",style:{width:"200px"}}):ao(ps,{...a,...n})};Vo.options=Qb;Vo.states=jb;Vo.variants=eh;Vo.defaultOptions=pp;Vo.modifiers=th;Vo.className=re.className;import{Fragment as k1,jsx as N1,jsxs as v1}from"react/jsx-runtime";import{jsx as y1}from"react/jsx-runtime";import{Fragment as ih,jsx as ft,jsxs as dp}from"react/jsx-runtime";var ah=p.states,cp={...p.defaultOptions,variant:"text"},nh=p.options,rh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],sh=[{name:"opened",title:"Opened"}],$o=e=>{let{variant:t,modifiers:o,...a}={...cp,...e},n={},i=ft(G,{className:"k-menu-popup",children:dp(me,{size:a.size,children:[ft($,{first:!0,text:"Menu Item"}),ft($,{text:"Menu Item"}),ft($,{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 dp(ih,{children:[l,o?.opened&&i]})};$o.options=nh;$o.states=ah;$o.variants=rh;$o.defaultOptions=cp;$o.modifiers=sh;$o.className=D.className;var ds="split-button",mp=ds;import{Fragment as dh,jsx as cs,jsxs as up}from"react/jsx-runtime";var ms="k-split-button",lh=[s.hover,s.focus,s.active,s.selected,s.disabled],ph={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]},fp={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=fp.arrowIconName,popup:L,opened:k,popupId:y,...C}=e;return up(dh,{children:[up("div",{...C,className:r(e.className,ms,"k-button-group",A(ms,{rounded:o})),children:[cs(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}),cs(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&&cs(G,{className:"k-menu-popup",children:L})]})};P.states=lh;P.options=ph;P.className=ms;P.defaultOptions=fp;P.moduleName=ds;P.folderName=mp;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 us=P;import{jsx as mh}from"react/jsx-runtime";var ch="k-toolbar-separator",nt=e=>mh("div",{className:r(ch,e.className,"k-separator")});var St="toolbar",Ht=St;import{Fragment as fs,jsx as K,jsxs as Xo}from"react/jsx-runtime";var yt="k-toolbar",uh=[s.focus],fh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},bh={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===us)k.push(K(us,{...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(fs,{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(fs,{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(fs,{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=uh;z.options=fh;z.className=yt;z.defaultOptions=bh;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 Nh}from"react/jsx-runtime";var bp="k-floating-toolbar",hh=[],xh={},gh={},qo=e=>{let{...t}=e;return Nh("div",{...t,className:r(e.className,bp),children:e.children})};qo.states=hh;qo.options=xh;qo.className=bp;qo.defaultOptions=gh;qo.moduleName=St;qo.folderName=Ht;import{jsx as Mh}from"react/jsx-runtime";var bs="k-toolbar-item",vh=[s.focus],kh={},Lh={},Wo=e=>{let{focus:t,...o}=e;return Mh("div",{...o,className:r(e.className,bs,S(bs,{focus:t})),children:e.children})};Wo.states=vh;Wo.options=kh;Wo.className=bs;Wo.defaultOptions=Lh;Wo.moduleName=St;Wo.folderName=Ht;import{jsx as hp}from"react/jsx-runtime";var xp="k-toolbar-popup",Sh=[],yh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Ah={},no=e=>{let{size:t,fillMode:o,section:a,...n}=e;return hp(G,{...n,className:r(e.className,xp),children:a?hp("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=Sh;no.options=yh;no.className=xp;no.defaultOptions=Ah;no.moduleName=St;no.folderName=Ht;var vn=no;import{jsx as Ez}from"react/jsx-runtime";import{jsx as Bz}from"react/jsx-runtime";import{jsx as Kz}from"react/jsx-runtime";import{jsx as Fz,jsxs as Gz}from"react/jsx-runtime";import{jsx as qz}from"react/jsx-runtime";import{jsx as At,jsxs as Oh}from"react/jsx-runtime";var Ch=P.states,gp={...P.defaultOptions,variant:"text"},Eh=P.options,Ih=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Th=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}={...gp,...e},n={},i=Oh(me,{size:a.size,children:[At($,{first:!0,text:"Menu Item"}),At($,{text:"Menu Item"}),At($,{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=Eh;Jo.states=Ch;Jo.variants=Ih;Jo.defaultOptions=gp;Jo.modifiers=Th;Jo.className=P.className;import{jsx as ro,jsxs as Bh}from"react/jsx-runtime";var Np=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"),Bh(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 L2,jsxs as M2}from"react/jsx-runtime";import{jsx as De,jsxs as vp}from"react/jsx-runtime";var kp=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"),vp(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"),vp(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 Lp}from"react/jsx-runtime";var Mp=({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"),Lp(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"),Lp(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 Ph,jsx as Ie,jsxs as kn}from"react/jsx-runtime";var Sp=({fillMode:e,size:t,...o})=>kn(Ph,{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 oU,jsx as eU,jsxs as tU}from"react/jsx-runtime";import{Fragment as uU,jsx as cU,jsxs as mU}from"react/jsx-runtime";import{jsx as zt}from"react/jsx-runtime";var wh=z.options,Rh=z.states,yp={...z.defaultOptions,variant:"default"},Kh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],_h=[],Yo=e=>{let{variant:t,...o}={...yp,...e};switch(t){case"responsive":return zt("div",{children:zt(Sp,{style:{width:"583px"},...o})});case"overlay":return zt("div",{children:zt(Mp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return zt("div",{children:zt(kp,{style:{width:"583px"},...o})});default:return zt("div",{children:zt(Np,{style:{width:"583px"},...o})})}};Yo.options=wh;Yo.states=Rh;Yo.variants=Kh;Yo.defaultOptions=yp;Yo.modifiers=_h;Yo.className=z.className;import{Fragment as Uh,jsx as rt,jsxs as Ra}from"react/jsx-runtime";var Ap="k-message",Dh=[s.hover,s.selected,s.active,s.focus],Hh={},zh=[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:zh,failed:"Failed to send"},X=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,V=M===!0?Zo.failed:M;return Ra("div",{...I,className:r(Ap,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(Cp,{typing:m,selected:u,hover:c,active:f,focus:N,content:Ra(Uh,{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:V})]})]}),x&&rt(z,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};X.states=Dh;X.options=Hh;X.className=Ap;X.defaultOptions=Zo;var hs="avatar",Ep=hs;import{jsx as Ip}from"react/jsx-runtime";var Ka="k-avatar";var Fh=[s.hover,s.focus,s.active,s.selected,s.disabled],Gh={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]},xs={type:"text",border:!1},ue=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=xs.type,border:l=xs.border,...c}=e;return Ip("div",{...c,className:r(e.className,Ka,A(Ka,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ka}-bordered`]:l}),children:Ip("span",{className:`${Ka}-${i}`,children:e.children})})};ue.states=Fh;ue.options=Gh;ue.className=Ka;ue.defaultOptions=xs;ue.moduleName=hs;ue.folderName=Ep;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 Vh}from"react/jsx-runtime";var Tp=e=>Vh(so,{type:"icon",...e});import{jsx as $h}from"react/jsx-runtime";var Op=e=>$h(so,{type:"text",...e});import{jsx as Xh}from"react/jsx-runtime";var Ln=e=>Xh(so,{type:"image",...e});import{jsx as s3}from"react/jsx-runtime";import{jsx as _a}from"react/jsx-runtime";var qh=ue.options,Wh=ue.states,Jh={...ue.defaultOptions,variant:"image"},Yh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Zh=[],Qo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return _a(Tp,{...o,children:_a(v,{icon:"star"})});case"text":return _a(Op,{...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=qh;Qo.states=Wh;Qo.variants=Yh;Qo.defaultOptions=Jh;Qo.modifiers=Zh;Qo.className=ue.className;import{jsx as jo,jsxs as gs}from"react/jsx-runtime";var Da="k-message-group",Qh=[s.selected],jh={},Mn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},q=e=>{let{type:t=Mn.type,author:o=Mn.author,avatar:a=Mn.avatar,status:n,selected:i,fullWidth:l,...c}=e;return gs("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&&gs("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"})]}),gs("div",{className:"k-message-group-content",children:[o&&jo("span",{className:"k-message-author",children:o}),e.children]})]})};q.states=Qh;q.options=jh;q.className=Da;q.defaultOptions=Mn;import{Fragment as tx,jsx as Sn,jsxs as Bp}from"react/jsx-runtime";var Ns="k-message-reference",ex={},Pp={type:"receiver"},ea=e=>{let{content:t,closeable:o,pinned:a,type:n=Pp.type,...i}=e;return Bp("div",{...i,className:r(Ns,e.className,{[`${Ns}-${n}`]:n,"k-message-pinned":a}),children:[a&&Sn(v,{icon:"pin-outline"}),Sn("div",{className:"k-message-reference-content",children:t}),o&&Bp(tx,{children:[Sn("span",{className:"k-spacer"}),Sn(p,{icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};ea.options=ex;ea.className=Ns;ea.defaultOptions=Pp;var vs="bubble",wp=vs;import{jsx as yn,jsxs as ax}from"react/jsx-runtime";var ks="k-bubble",ox=[s.hover,s.active,s.selected,s.focus],Ls={expandable:!1,expanded:!1},Ut=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Ls.expandable,expanded:c=Ls.expanded,...u}=e;return ax("div",{...u,className:r(e.className,ks,S(ks,{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=ox;Ut.className=ks;Ut.defaultOptions=Ls;Ut.moduleName=vs;Ut.folderName=wp;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 z3}from"react/jsx-runtime";import{jsx as V3}from"react/jsx-runtime";import{jsx as W3}from"react/jsx-runtime";import{jsx as Ms,jsxs as Kp}from"react/jsx-runtime";var nx="k-chat-bubble",Cp=e=>{let{typing:t,content:o,files:a,...n}=e;return Kp(Ut,{...n,className:r(e.className,nx),children:[t?Kp("div",{className:"k-typing-indicator",tabIndex:-1,children:[Ms("span",{}),Ms("span",{}),Ms("span",{})]}):o,a]})};import{jsx as pF}from"react/jsx-runtime";import{jsx as _p,jsxs as rx}from"react/jsx-runtime";var Dp="k-chat-event",Ss={icon:"trash",text:"You deleted Chat history."},Hp=e=>{let{icon:t=Ss.icon,text:o=Ss.text,...a}=e;return rx("div",{...a,className:r(e.className,Dp),children:[t&&_p(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&_p("span",{className:"k-chat-event-text",children:o})]})};Hp.className=Dp;Hp.defaultOptions=Ss;import{jsx as NF}from"react/jsx-runtime";import{Fragment as sx,jsx as bt,jsxs as ix}from"react/jsx-runtime";var zp=e=>bt(U,{children:ix(sx,{children:[bt("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),bt(q,{children:bt(X,{})}),bt(q,{type:"sender",children:bt(X,{})}),bt(q,{children:bt(X,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),bt(q,{type:"sender",children:bt(X,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as Up}from"react/jsx-runtime";var An="k-file-box-wrapper",Fp={layout:"horizontal"},ht=e=>{let{layout:t=Fp.layout,scrollingPosition:o,...a}=e;return Up("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"?Up("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};ht.className=An;ht.defaultOptions=Fp;var ys="file-box",Gp=ys;import{jsx as ta,jsxs as Vp}from"react/jsx-runtime";var $p="k-file-box",lx=[s.selected],px={},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 Vp("li",{role:"listitem",tabIndex:0,"aria-label":f||void 0,...u,className:r($p,e.className,{"k-file-deleted":i}),children:[ta(v,{icon:t,size:"xlarge","aria-hidden":"true"}),Vp("div",{className:"k-file-info",children:[o&&ta("span",{className:"k-file-name",children:o}),a&&ta("span",{className:"k-file-size",children:a}),n&&ta("span",{className:"k-file-status",children:n})]}),c&&(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=lx;ye.options=px;ye.className=$p;ye.defaultOptions=Ha;ye.moduleName=ys;ye.folderName=Gp;ye.ariaSpec={selector:".k-file-box-wrapper",rules:[{selector:".k-file-box-wrapper",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-file-box-wrapper",attribute:"aria-label",usage:'Provides an accessible name for the file list (e.g. "Attached files").'},{selector:".k-file-box-wrapper .k-files-scroll",attribute:"role=presentation",usage:"The scrollable container between the list and its items is presentational, ensuring the list\u2192listitem relationship is preserved in the accessibility tree."},{selector:".k-file-box-wrapper .k-file-box",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-file-box-wrapper .k-file-box",attribute:"tabindex",usage:"Makes the file box focusable. Uses roving tabindex: 0 for the focused item, -1 for the rest."},{selector:".k-file-box-wrapper .k-file-box",attribute:"aria-label",usage:'Provides an accessible name describing the file. Can include the file name and size (e.g. "FileName.pdf 2MB").'},{selector:".k-file-box-wrapper .k-file-box .k-icon",attribute:"aria-hidden=true",usage:"The file type icon is decorative and hidden from screen readers."},{selector:".k-file-box-wrapper .k-file-box span.k-button",attribute:"aria-hidden=true",usage:"The remove button is rendered as a decorative span and hidden from screen readers. File removal is handled by keyboard interaction on the listitem itself."}]};import{jsx as DF}from"react/jsx-runtime";import{jsx as GF}from"react/jsx-runtime";import{jsx as WF,jsxs as JF}from"react/jsx-runtime";import{jsx as e5,jsxs as t5}from"react/jsx-runtime";import{jsx as s5}from"react/jsx-runtime";import{Fragment as v5,jsx as N5,jsxs as k5}from"react/jsx-runtime";import{Fragment as A5,jsx as y5,jsxs as C5}from"react/jsx-runtime";var As="skeleton",Xp=As;import{jsx as ux}from"react/jsx-runtime";var Cs="k-skeleton",dx=["circle","text","rect"],cx=[],mx={},Es={variant:"text",shape:"text",animation:"pulse"},st=e=>{let{variant:t,shape:o,animation:a=Es.animation,...n}=e,i=`skeleton-${t||o||Es.variant}`;return ux("span",{...n,className:r(e.className,Cs,Xa(Cs,i),{[`k-skeleton-${a}`]:a}),style:e.style})};st.states=cx;st.options=mx;st.variants=dx;st.className=Cs;st.defaultOptions=Es;st.moduleName=As;st.folderName=Xp;st.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as K5}from"react/jsx-runtime";import{jsx as z5}from"react/jsx-runtime";import{jsx as V5}from"react/jsx-runtime";import{Fragment as nG,jsx as oG,jsxs as aG}from"react/jsx-runtime";import{Fragment as pG,jsx as lG,jsxs as dG}from"react/jsx-runtime";var Is="window",qp=Is;import{jsx as xx}from"react/jsx-runtime";var Wp="k-window-content",fx=[],bx={},hx={},Ft=e=>{let{children:t,...o}=e;return xx("div",{...o,className:r(Wp,e.className),children:t})};Ft.states=fx;Ft.options=bx;Ft.className=Wp;Ft.defaultOptions=hx;Ft.moduleName=Is;Ft.folderName=qp;var za="dialog",Cn=za;import{Fragment as vx,jsx as io,jsxs as Ts}from"react/jsx-runtime";var Jp="k-dialog",gx=[],Nx={},Os={actionButtonsAlign:"stretched",modal:!0},Te=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Os.actionButtonsAlign,modal:i=Os.modal,...l}=e,c=t!==void 0?w("dialog-titlebar"):void 0,u=w("dialog-content");return Ts("div",{className:"k-dialog-wrapper",children:[i&&io(ct,{}),Ts("div",{...l,className:r(e.className,Jp,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0||o)&&Ts("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&io("span",{className:"k-window-title k-dialog-title",children:t}),o&&io(vx,{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=gx;Te.options=Nx;Te.className=Jp;Te.defaultOptions=Os;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 Bs=Te;import{jsx as Sx}from"react/jsx-runtime";var Yp="k-dialog-wrapper",kx=[],Lx={},Mx={},oa=e=>{let{...t}=e;return Sx("div",{...t,className:r(e.className,Yp),children:e.children})};oa.states=kx;oa.options=Lx;oa.className=Yp;oa.defaultOptions=Mx;oa.moduleName=za;oa.folderName=Cn;import{Fragment as Zp,jsx as En,jsxs as yx}from"react/jsx-runtime";var Qp=e=>En(Bs,{title:"Title",children:En(Zp,{children:"Dialog content"}),actionButtons:yx(Zp,{children:[En(p,{children:"Action"}),En(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as _G,jsx as DG,jsxs as HG}from"react/jsx-runtime";import{Fragment as Ox,jsx as In,jsxs as Bx}from"react/jsx-runtime";var Ax=Te.options,Cx=[],Ex=Te.states,Ix=Te.defaultOptions,Tx=[],aa=e=>In(Qp,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:Bx(Ox,{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=Ax;aa.states=Ex;aa.variants=Cx;aa.defaultOptions=Ix;aa.modifiers=Tx;aa.className=Te.className;var Ps="dropzone",jp=Ps;import{jsx as Tn,jsxs as Rx}from"react/jsx-runtime";var ws="k-external-dropzone",Px=[s.disabled,s.hover],wx={},Rs={icon:"upload",hint:"Drag and drop files here to upload"},Ae=e=>{let{hover:t,disabled:o,icon:a=Rs.icon,hint:n=Rs.hint,note:i,...l}=e;return Tn("div",{...l,className:r(e.className,ws,S(ws,{disabled:o}),{"k-external-dropzone-hover":t}),children:Rx("div",{className:"k-dropzone-inner",children:[a&&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=Px;Ae.options=wx;Ae.className=ws;Ae.defaultOptions=Rs;Ae.moduleName=Ps;Ae.folderName=jp;import{jsx as Kx}from"react/jsx-runtime";var ed=e=>Kx(Ae,{...e});import{jsx as d6}from"react/jsx-runtime";import{jsx as Fx}from"react/jsx-runtime";var _x=Ae.options,Dx=Ae.states,Hx=Ae.defaultOptions,zx=[{name:"note",title:"Note"}],Ux=[],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)}),Fx(ed,{style:{width:"500px"},...o,...a})};na.options=_x;na.states=Dx;na.variants=Ux;na.defaultOptions=Hx;na.modifiers=zx;na.className=Ae.className;import{Fragment as On,jsx as Gt,jsxs as Ua}from"react/jsx-runtime";var Ks="k-upload-dropzone",Gx=[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,Ks,"k-dropzone",S(Ks,{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=Gx;Bn.className=Ks;var _s="upload",td=_s;import{jsx as Pn,jsxs as ad}from"react/jsx-runtime";var Ds="k-upload",Vx=[s.hover,s.disabled],$x={},nd={actionsLayout:"end"},od="upload-files-list",j=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=nd.actionsLayout,hover:i,status:l,disabled:c,...u}=e,f=!!e.children;return ad("div",{...u,className:r(e.className,Ds,S(Ds,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[Pn(Bn,{status:l,hover:i,disabled:c,hasFiles:f,filesId:od}),f&&Pn("ul",{className:"k-upload-files",role:"list",id:od,children:e.children}),a&&f&&ad(Gi,{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=Vx;j.options=$x;j.className=Ds;j.defaultOptions=nd;j.moduleName=_s;j.folderName=td;j.ariaSpec={selector:".k-upload",rules:[{selector:".k-upload .k-upload-button",attribute:"aria-disabled",usage:"Announces the disabled state of the upload button."},{selector:".k-upload .k-upload-button",attribute:"aria-controls (when present)",usage:"Creates the relationship between the button and the list of selected files when the list is present."},{selector:".k-upload input",attribute:"tabindex=-1",usage:"Assures that the input element inside the upload is not focusable."},{selector:".k-upload input",attribute:"aria-hidden=true",usage:"The input needs to be hidden from screen readers."},{selector:".k-upload-files",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-upload-files",attribute:"id",usage:"Unique and deterministic id linked to the button aria-controls attribute."},{selector:".k-upload-files .k-file",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-upload .k-file .k-file-validation-message",attribute:"aria-live=polite",usage:"Announces the change in the upload status of the file."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"aria-label",usage:"Provides accessible names for the file action buttons."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"tabindex=-1",usage:"The list file action buttons are not focusable elements."}]};var Fa="progressbar",wn=Fa;import{jsx as zs,jsxs as Hs}from"react/jsx-runtime";var je="k-progressbar",Xx=[s.disabled,s.indeterminate],qx={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 Hs("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:[zs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Hs("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&zs("div",{className:"k-progressbar-value k-selected",children:zs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Hs("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};fe.states=Xx;fe.options=qx;fe.className=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 rd=fe;import{jsx as Us}from"react/jsx-runtime";var sd="k-chunk-progressbar",Wx=(e,t)=>t<=e-1,Jx=[s.disabled,s.indeterminate],Yx={},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 Us("div",{...u,className:r(e.className,je,sd,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:Us("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>Us("li",{className:r("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":Wx(i,N)})},N))})})};po.states=Jx;po.options=Yx;po.className=sd;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 Zx}from"react/jsx-runtime";var Ga=e=>Zx(rd,{...e});import{jsx as Z6}from"react/jsx-runtime";import{jsx as Vt}from"react/jsx-runtime";var Qx=fe.options,jx=fe.states,id={...fe.defaultOptions,variant:"start"},eg=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],tg=[],ra=e=>{let{variant:t,modifiers:o,...a}={...id,...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=Qx;ra.states=jx;ra.variants=eg;ra.defaultOptions=id;ra.modifiers=tg;ra.className=fe.className;import{jsx as Fs,jsxs as ag}from"react/jsx-runtime";var og="k-file-info",Gs=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return ag("div",{...n,className:r(e.className,og),children:[t&&Fs("span",{className:"k-file-name",children:t}),o&&Fs("span",{className:"k-file-size",children:o}),a&&Fs("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as rg,jsx as Ct,jsxs as Kn}from"react/jsx-runtime";var ng="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:c,...u}=e;return Ct("li",{...u,className:r(e.className,ng,{[`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(Gs,{name:a,size:i,validationMsg:c}),Ct("div",{className:"k-upload-actions",children:t==="progress"?Kn(rg,{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 C7,jsx as y7,jsxs as A7}from"react/jsx-runtime";import{Fragment as sg,jsx as Vs,jsxs as ig}from"react/jsx-runtime";var Va=e=>Vs(j,{async:!0,children:ig(sg,{children:[Vs(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),Vs(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as _7,jsx as R7,jsxs as K7}from"react/jsx-runtime";import{jsx as lg}from"react/jsx-runtime";var ld=e=>lg(j,{async:!0,empty:!0,...e});import{Fragment as $7,jsx as V7,jsxs as X7}from"react/jsx-runtime";import{Fragment as Z7,jsx as Y7,jsxs as Q7}from"react/jsx-runtime";import{jsx as Et,jsxs as _n}from"react/jsx-runtime";var pg=j.options,dg=j.states,pd={...j.defaultOptions,variant:"empty"},cg=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],mg=[],sa=e=>{let{variant:t,...o}={...pd,...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(ld,{async:!0,status:"upload",style:{width:"586px"},...o})}};sa.options=pg;sa.states=dg;sa.variants=cg;sa.defaultOptions=pd;sa.modifiers=mg;sa.className=j.className;import{Fragment as A9,jsx as y9,jsxs as C9}from"react/jsx-runtime";import{Fragment as B9,jsx as O9,jsxs as P9}from"react/jsx-runtime";import{Fragment as D9,jsx as _9,jsxs as H9}from"react/jsx-runtime";import{Fragment as V9,jsx as G9,jsxs as $9}from"react/jsx-runtime";import{Fragment as Y9,jsx as J9}from"react/jsx-runtime";var $s="appbar",dd=$s;import{jsx as hg}from"react/jsx-runtime";var Xs="k-appbar",ug=[],fg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.inverse]},bg={},be=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return hg("div",{...n,className:r(e.className,Xs,A(Xs,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};be.states=ug;be.options=fg;be.className=Xs;be.defaultOptions=bg;be.moduleName=$s;be.folderName=dd;be.ariaSpec={selector:".k-appbar",rules:[]};import{jsx as gg}from"react/jsx-runtime";var xg="k-appbar-section",xt=e=>{let{...t}=e;return gg("div",{...t,className:r(xg,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 qs={...be.options,positionMode:["static","sticky","fixed"]},Ng=be.states,cd={...be.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};qs.themeColor=["primary",...qs.themeColor.filter(e=>e!=="primary")];var vg=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],la=e=>{let{variant:t,...o}={...cd,...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=qs;la.states=Ng;la.variants=vg;la.defaultOptions=cd;la.modifiers=[];la.className=be.className;var Ws="suggestion",md=Ws;import{jsx as Dn,jsxs as Mg}from"react/jsx-runtime";var Hn="k-suggestion-group",kg=[],Lg={},ud={layout:"scrollable",scrollingPosition:"start"},et=e=>{let{layout:t=ud.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"?Mg("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=kg;et.options=Lg;et.className=Hn;et.defaultOptions=ud;et.moduleName=Ws;et.folderName=md;import{jsx as Cg}from"react/jsx-runtime";var zn="k-suggestion",Sg=[s.active,s.hover,s.focus],yg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},Ag={text:"Suggestion"},tt=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return Cg("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=Sg;tt.options=yg;tt.className=zn;tt.item=Ag;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 Pg,jsx as te,jsxs as Un}from"react/jsx-runtime";var Eg=U.states,Ig=U.defaultOptions,Tg=U.options,Og=[{name:"header",title:"Header"},{name:"pinned",title:"Pinned"},{name:"suggested",title:"Suggested Actions"},{name:"author",title:"Author"},{name:"avatar",title:"Avatar"},{name:"quick",title:"Quick Replies"}],Bg=[],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(Pg,{});break;default:break}});let{header:m,pinned:L,suggestedActions:k,author:y,avatar:C,quickReplies:M}=a;return Un(zp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:k,children:[te(q,{avatar:f,author:y?x:null,children:te(X,{text:"Hello, this is a demo bot. How can I help you ?"})}),te(q,{avatar:C?u:null,author:y?N:null,type:"sender",children:te(X,{text:"Hello! Generate a cover letter."})}),te(q,{avatar:f,author:y?x:null,children:te(X,{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=Tg;pa.states=Eg;pa.variants=Bg;pa.defaultOptions=Ig;pa.modifiers=Og;pa.className=U.className;import{jsx as wg}from"react/jsx-runtime";var H8=e=>wg(U,{empty:!0,...e});export{H8 as ChatEmpty};