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

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

@@ -1 +1 @@
-var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked: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 qa(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 qn={};function w(e){return qn[e]=(qn[e]||0)+1,`k-${e}-${qn[e]}`}import{Fragment as kd,jsx as js}from"react/jsx-runtime";var Wn="k-font-icon",gd=[],Nd={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]},vd={},ca=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?js("span",{...l,className:r(e.className,Wn,A(Wn,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true"}):js(kd,{})};ca.states=gd;ca.options=Nd;ca.className=Wn;ca.defaultOptions=vd;var ei=ca;import{Fragment as Sd,jsx as Wa}from"react/jsx-runtime";var Jn="k-svg-icon",Ld=[],Md={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},ti={viewBox:"0 0 24 24"},ma=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=ti.viewBox,icon:l,...c}=e;if(!l)return Wa(Sd,{});if(l==="none")return Wa("span",{...c,className:r(e.className,Jn,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof l=="object"&&l.name&&l.name;return Wa("span",{...c,className:r(e.className,Jn,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:Wa("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})})};ma.states=Ld;ma.options=Md;ma.className=Jn;ma.defaultOptions=ti;var Yn=ma;import*as Zn from"@progress/kendo-svg-icons";var oi="icon",ai="icons";import{useContext as Ad}from"react";import{createContext as yd}from"react";var ni=yd({iconsType:"svg"});import{Fragment as ri,jsx as ua}from"react/jsx-runtime";var Ja="k-icon",Cd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ed=[],Id={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]},Qn={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=Ad(ni),{size:o,themeColor:a,icon:n,type:i=t||Qn.type,rotate:l,flip:c,viewBox:u=Qn.viewBox,...f}=e;if(!n)return ua(ri,{});if((t||i)==="svg"){if(n==="none")return ua(Yn,{...f,className:r(e.className,Ja),icon:n,size:o});let x=Zn[n]?n:Cd(`${n}-icon`);return Zn[x]?ua(Yn,{...f,className:r(e.className,Ja),icon:Zn[x],size:o,themeColor:a,rotate:l,flip:c,viewBox:u}):ua(ri,{})}return ua(ei,{...f,className:r(e.className,Ja),icon:n,size:o,themeColor:a,rotate:l,flip:c})};v.states=Ed;v.options=Id;v.defaultOptions=Qn;v.className=Ja;v.moduleName=oi;v.folderName=ai;v.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var jn="button",si=jn;import{Fragment as Pd,jsx as fa,jsxs as ii}from"react/jsx-runtime";var ba="k-button",Td=["icon-button"],Od=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Bd={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]},er={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=er.showArrow,arrowIconName:c=er.arrowIconName,variant:u,hover:f,focus:N,active:x,selected:m,disabled:L,togglable:k,ariaDisabled:y,icon:C,text:M,iconClassName:I,className:X,...pe}=e,xe=C!==void 0,ge=e.children!==void 0;return ii(t,{className:r(X,ba,qa(ba,u),A(ba,{size:o,rounded:a,fillMode:n,themeColor:i}),S(ba,{hover:f,focus:N,active:x,disabled:L||y,selected:m}),{"k-icon-button":!M&&!ge&&xe}),...pe,"aria-pressed":k?m?"true":"false":void 0,"aria-disabled":y?"true":void 0,disabled:L||void 0,children:[C&&fa(v,{className:r(I,"k-button-icon"),icon:C}),M?ii(Pd,{children:[M&&fa("span",{className:"k-button-text",children:M}),e.children]}):e.children&&fa("span",{className:"k-button-text",children:e.children}),l&&fa("span",{className:"k-menu-button-arrow k-button-arrow",children:fa(v,{icon:c})})]})};p.states=Od;p.options=Bd;p.variants=Td;p.className=ba;p.defaultOptions=er;p.moduleName=jn;p.folderName=si;p.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as wd}from"react/jsx-runtime";var se=e=>wd(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Rd}from"react/jsx-runtime";var ha=e=>Rd(p,{icon:"folder",children:"Button",...e});import{jsx as Kd}from"react/jsx-runtime";var at=e=>Kd(p,{children:"Button",...e});import{jsx as tr}from"react/jsx-runtime";var _d=p.options,Dd=p.states,Hd={...p.defaultOptions,variant:"text"},zd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ud=[],mo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return tr(se,{...o,icon:"star"});case"icon-and-text":return tr(ha,{...o,icon:"star",children:"Button"});default:return tr(at,{...o,children:"Button"})}};mo.options=_d;mo.states=Dd;mo.variants=zd;mo.defaultOptions=Hd;mo.modifiers=Ud;mo.className=p.className;import{jsx as li,jsxs as Xd}from"react/jsx-runtime";var Ya="k-fab",Vd=[s.hover,s.focus,s.active,s.selected,s.disabled],$d={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},pi={type:"button"},Z=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=pi.type,position:c,hover:u,focus:f,active:N,selected:x,disabled:m,...L}=e;return Xd("button",{...L,type:l,className:r(e.className,Ya,A(Ya,{size:t,rounded:o,themeColor:a}),S(Ya,{hover:u,focus:f,active:N,disabled:m,selected:x}),{[`!k-pos-absolute k-${c}`]:c}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...m&&{"aria-disabled":"true"},disabled:m||void 0,children:[i&&li(v,{className:"k-fab-icon",icon:i}),n&&li("span",{className:"k-fab-text",children:n})]})};Z.states=Vd;Z.options=$d;Z.className=Ya;Z.defaultOptions=pi;Z.moduleName="fab";Z.folderName="fab";Z.ariaSpec={selector:".k-fab",rules:[{selector:".k-fab",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-fab",attribute:"aria-label or title (when icon-only)",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-fab.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."}]};import{jsx as Wd}from"react/jsx-runtime";var qd="k-fab-items",di=e=>{let{position:t,...o}=e;return Wd("ul",{...o,className:r(e.className,qd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as mi,jsxs as Yd}from"react/jsx-runtime";var ci="k-fab-item",Jd=[s.hover,s.focus,s.active,s.disabled],or=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:c,...u}=e;return Yd("li",{...u,className:r(e.className,ci,{[`k-text-${a}`]:a},S(ci,{hover:n,focus:i,active:l,disabled:c})),children:[mi("span",{className:"k-fab-item-text",children:t}),mi(v,{className:"k-fab-item-icon",icon:o})]})};or.states=Jd;import{jsx as av}from"react/jsx-runtime";import{jsx as Zd}from"react/jsx-runtime";var ui=e=>Zd(Z,{icon:"plus",...e});import{jsx as dv}from"react/jsx-runtime";import{jsx as fv}from"react/jsx-runtime";import{jsx as uo,jsxs as ac}from"react/jsx-runtime";var Qd=Z.options,jd=Z.states,ec={...Z.defaultOptions,variant:"text"},tc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],oc=[{name:"opened",title:"Opened"}],fo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o||{},i=n?uo("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:uo(di,{position:"bottom",children:uo(or,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=uo(Z,{...a,icon:"star"});break;case"icon-and-text":l=uo(Z,{...a,icon:"star",text:"Action"});break;default:l=uo(Z,{...a,text:"Action"});break}return ac("span",{style:{position:"relative"},children:[l,i]})};fo.options=Qd;fo.states=jd;fo.variants=tc;fo.defaultOptions=ec;fo.modifiers=oc;fo.className=Z.className;import{jsx as sc}from"react/jsx-runtime";var ar="k-input-inner",nc=[],rc={},Za={type:"text",autocomplete:"off",value:"",placeholder:""},Ne=e=>{let{value:t=Za.value,type:o=Za.type,placeholder:a=Za.placeholder,autocomplete:n=Za.autocomplete,disabled:i,readOnly:l,...c}=e;return sc("input",{...c,type:o,className:r(e.className,ar,A(ar,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:l||void 0})};Ne.states=nc;Ne.options=rc;Ne.className=ar;import{jsx as pc}from"react/jsx-runtime";var nr="k-input-inner",ic=[],lc={},fi={value:"",placeholder:""},xa=e=>{let{value:t=fi.value,placeholder:o=fi.placeholder,rows:a,disabled:n,...i}=e;return pc("textarea",{...i,className:r(e.className,nr,A(nr,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};xa.states=ic;xa.options=lc;xa.className=nr;var rr="prompt-box",bi=rr;var sr="speech-to-text-button",hi=sr;import{jsx as dc}from"react/jsx-runtime";var xi="k-speech-to-text-button",gi={icon:"microphone-outline"},Ee=e=>{let{listening:t=!1,icon:o=gi.icon,...a}=e;return dc(p,{...a,icon:t?"stop-sm":o,className:r(e.className,xi,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Ee.states=p.states;Ee.options=p.options;Ee.className=xi;Ee.defaultOptions=gi;Ee.moduleName=sr;Ee.folderName=hi;Ee.ariaSpec={selector:".k-speech-to-text-button",rules:[{selector:".k-button.k-speech-to-text-button",attribute:"role=button or nodeName=button",usage:"If the used element is not <button>, explicitly set its role to button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-pressed",usage:"Announces the toggle behaviour of the button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-label",usage:"Accessible name for the speech-to-text button."}]};import{jsx as Jv}from"react/jsx-runtime";import{jsx as jv}from"react/jsx-runtime";import{jsx as bc}from"react/jsx-runtime";var cc=p.states,Ni={...p.defaultOptions,variant:"normal"},mc={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},uc=[],fc=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],bo=e=>{let{variant:t,...o}={...Ni,...e},a={};return t==="listening"&&(a.listening=!0),bc(Ee,{...o,...a})};bo.options=mc;bo.states=cc;bo.variants=fc;bo.defaultOptions=Ni;bo.modifiers=uc;bo.className=Ee.className;import{jsx as ho,jsxs as ir}from"react/jsx-runtime";var lt="k-prompt-box",hc=[s.hover,s.focus,s.disabled],xc={fillMode:[h.undefined,h.solid,h.flat,h.outline]},lr={lineMode:"auto",isExpanded:!1},Nt=e=>{let{fillMode:t,lineMode:o=lr.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=lr.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 ir("div",{...y,className:r(c,"k-input",lt,{[`${lt}-singleline`]:o==="single",[`${lt}-multiline`]:C,[`k-input-${t}`]:t,"k-hover":m,"k-focus":L,"k-disabled":k}),children:[i&&ho("div",{className:`${lt}-header`,children:i}),ir("div",{className:`${lt}-content`,children:[a&&ho("div",{className:`${lt}-affix`,children:a}),o==="single"?ho(Ne,{value:f,placeholder:N,className:`${lt}-input`,type:"text","aria-label":"Prompt input"}):ho(xa,{value:f,placeholder:N,className:`${lt}-textarea`,rows:o==="multi"||l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),ir("div",{className:`${lt}-affix`,children:[n,ho(Ee,{size:"small",fillMode:"flat",rounded:"full"}),ho(se,{icon:x?"stop-sm":"arrow-up-outline",size:"small",rounded:"full",active:x,disabled:!f&&!x,className:r({"k-generating":x}),"aria-label":x?"Stop generating":"Send prompt","aria-live":"polite"})]})]}),u]})};Nt.states=hc;Nt.options=xc;Nt.className=lt;Nt.defaultOptions=lr;Nt.moduleName=rr;Nt.folderName=bi;Nt.ariaSpec={selector:".k-prompt-box",rules:[{selector:".k-prompt-box-singleline .k-prompt-box-input",attribute:"nodeName=input",usage:"Ensures the input field has the proper textbox role."},{selector:".k-prompt-box-singleline .k-prompt-box-input",attribute:"aria-label",usage:"Provides an accessible label for the single-line input."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"nodeName=textarea",usage:"Ensures the textarea has the proper textbox role."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"aria-label",usage:"Provides an accessible label for the textarea."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"aria-multiline=true",usage:"Indicates the textarea supports multiple lines of text."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"nodeName=textarea",usage:"Ensures the auto-mode textarea has the proper textbox role."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"aria-label",usage:"Provides an accessible label for the auto-mode textarea."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"aria-multiline=true",usage:"Indicates the auto-mode textarea supports multiple lines of text."},{selector:".k-prompt-box-affix .k-button:not(.k-speech-to-text-button)",attribute:"aria-label",usage:"The send/stop button is labelled to indicate its current action."},{selector:".k-prompt-box-affix .k-button:not(.k-speech-to-text-button)",attribute:"aria-live=polite",usage:"Announces the change in status of the send/stop button."}]};import{jsx as kk}from"react/jsx-runtime";import{jsx as yk}from"react/jsx-runtime";import{jsx as Ik}from"react/jsx-runtime";import{jsx as Pk}from"react/jsx-runtime";import{jsx as _k}from"react/jsx-runtime";var pr="chat",vi=pr;import{Fragment as Mi,jsx as qt,jsxs as ga}from"react/jsx-runtime";var ki="k-chat",gc=[],Nc={},vc=ga(Mi,{children:[qt(se,{icon:"paperclip-outline-alt-right",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),qt("div",{className:"k-spacer"})]}),Li={tools:vc},G=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:c,tools:u=Li.tools,value:f,empty:N,scrollToBottom:x,scrollbar:m,promptBoxProps:L,...k}=e;return ga("div",{...k,className:r(ki,e.className),dir:o,children:[t,ga("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,qt("div",{className:r("k-message-list-content",N&&"k-message-list-content-empty"),children:e.children}),x&&qt("div",{className:"k-chat-scroll-to-bottom-container",children:qt(ui,{themeColor:"base",icon:"arrow-down-outline",size:"small"})})]}),m&&qt("div",{className:"k-separator"}),ga("div",{className:"k-message-box-wrapper",children:[a,qt(Nt,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:n||l?ga(Mi,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};G.states=gc;G.options=Nc;G.className=ki;G.defaultOptions=Li;G.moduleName=pr;G.folderName=vi;G.ariaSpec={selector:".k-chat",rules:[{selector:".k-message-list",attribute:"role=log",usage:"The role of the Chat message list must imply that there is a log (list) of messages."},{selector:".k-message-list",attribute:"aria-label",usage:"Announces the purpose of the Chat message list."},{selector:".k-message-list",attribute:"aria-live=polite",usage:"Announces new messages in the Chat message list."},{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble .k-typing-indicator",attribute:"tabindex=-1",usage:"The Chat bubble typing indicator should not be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."},{selector:".k-message-reference>.k-button",attribute:"aria-label or title",usage:"The reference close button must be properly labelled."},{selector:".k-message-reference>.k-button",attribute:"role=button or nodeName=button",usage:"The reference close button must have an appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-prompt-box-affix>.k-button.k-disabled",attribute:"disabled",usage:"Announces the send action as disabled when necessary."}]};var dr="button",Si=dr;import{jsx as Sc}from"react/jsx-runtime";var Na="k-button-group",kc=[s.disabled],Lc={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Mc={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Sc("div",{role:"group",...n,className:r(e.className,Na,A(Na,{fillMode:t}),S(Na,{disabled:o}),{[`${Na}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=kc;T.options=Lc;T.className=Na;T.defaultOptions=Mc;T.moduleName=dr;T.folderName=Si;T.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as dL,jsx as pL,jsxs as cL}from"react/jsx-runtime";import{Fragment as xL,jsx as hL,jsxs as gL}from"react/jsx-runtime";import{Fragment as SL,jsx as ML,jsxs as yL}from"react/jsx-runtime";import{Fragment as OL,jsx as TL,jsxs as BL}from"react/jsx-runtime";import{Fragment as DL,jsx as _L,jsxs as HL}from"react/jsx-runtime";import{Fragment as $L,jsx as VL,jsxs as XL}from"react/jsx-runtime";import{jsx as vt,jsxs as cr}from"react/jsx-runtime";var yc={...p.options,...T.options},Ac=p.states,Cc={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},Ec=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Ic=[],xo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?cr(T,{fillMode:a.fillMode,className:o,children:[vt(p,{...a,icon:"star"}),vt(p,{...a,icon:"star"}),vt(p,{...a,icon:"star"})]}):t==="icon-text-button"?cr(T,{fillMode:a.fillMode,className:o,children:[vt(p,{...a,icon:"star",children:"First"}),vt(p,{...a,icon:"star",children:"Middle"}),vt(p,{...a,icon:"star",children:"Last"})]}):cr(T,{fillMode:a.fillMode,className:o,children:[vt(p,{...a,children:"First"}),vt(p,{...a,children:"Middle"}),vt(p,{...a,children:"Last"})]})};xo.options=yc;xo.states=Ac;xo.variants=Ec;xo.defaultOptions=Cc;xo.modifiers=Ic;xo.className=T.className;var va="input",ja=va;import{jsx as Pc}from"react/jsx-runtime";var en="k-input",Tc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Oc={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]},Bc={},Q=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 Pc("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}))})};Q.states=Tc;Q.options=Oc;Q.className=en;Q.defaultOptions=Bc;Q.moduleName=va;Q.folderName=ja;import{jsx as _c}from"react/jsx-runtime";var tn="k-picker",wc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Rc={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]},Kc={},pt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:f,fillMode:N,...x}=e;return _c("span",{...x,className:r(e.className,tn,A(tn,{size:u,rounded:f,fillMode:N}),S(tn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c})),children:e.children})};pt.states=wc;pt.options=Rc;pt.className=tn;pt.defaultOptions=Kc;pt.moduleName=va;pt.folderName=ja;import{Fragment as zc,jsx as mr}from"react/jsx-runtime";var yi="k-clear-value",Dc=[s.disabled,s.loading,s.readonly],Hc={},we=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?mr(zc,{}):mr("span",{className:r(e.className,yi),children:mr(v,{icon:"x"})})};we.states=Dc;we.options=Hc;we.className=yi;import{jsx as Ai,jsxs as Gc}from"react/jsx-runtime";var ur="k-input-inner",Uc=[],Fc={},Wt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return Gc("span",{...l,className:r(e.className,ur,A(ur,e)),children:[n,!n&&i&&Ai(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Ai("span",{className:"k-input-value-text",children:t})]})};Wt.states=Uc;Wt.options=Fc;Wt.className=ur;import{Fragment as $c,jsx as Ci}from"react/jsx-runtime";var Ei="k-input-loading-icon",Vc=[s.disabled,s.loading],Ie=e=>{let{disabled:t,loading:o}=e;return t||!o?Ci($c,{}):Ci("span",{className:r(e.className,Ei,"k-icon k-i-loading")})};Ie.states=Vc;Ie.className=Ei;import{Fragment as Wc,jsx as Ii}from"react/jsx-runtime";var Ti="k-input-validation-icon",Xc=[s.valid,s.invalid,s.disabled,s.loading],qc={},ve=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?Ii(Wc,{}):Ii(v,{className:r(Ti),icon:i})};ve.states=Xc;ve.options=qc;ve.className=Ti;import{Fragment as Zc,jsx as Oi}from"react/jsx-runtime";var Jc="k-input-prefix",Yc={direction:"horizontal"},Ue=e=>{let{direction:t=Yc.direction,...o}=e;return e.children?Oi("span",{...o,className:r(Jc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Oi(Zc,{})};import{Fragment as em,jsx as Bi}from"react/jsx-runtime";var Qc="k-input-suffix",jc={direction:"horizontal"},Fe=e=>{let{direction:t=jc.direction,...o}=e;return e.children?Bi("span",{...o,className:r(Qc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Bi(em,{})};import{jsx as zM}from"react/jsx-runtime";import{jsx as om}from"react/jsx-runtime";var tm="k-input-suffix-text",fr=e=>{let{children:t,...o}=e;return om("span",{...o,className:r(tm,e.className),children:t})};import{jsx as nm}from"react/jsx-runtime";var Pi="k-input-separator",am={direction:"vertical"},Ge=e=>{let{direction:t=am.direction,...o}=e;return nm("span",{...o,className:r(Pi,e.className,{[`${Pi}-${t}`]:t})})};import{Fragment as wi,jsx as dt,jsxs as br}from"react/jsx-runtime";var rm=Q.states,sm=Q.defaultOptions,im=Q.options,lm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],pm=[],go=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 br(Q,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&br(wi,{children:[dt(Ue,{children:dt(v,{icon:"lock"})}),m&&dt(Ge,{})]}),dt(Ne,{placeholder:"Placeholder",value:"Value"}),x&&dt(ve,{valid:o,invalid:a,loading:n,disabled:i}),dt(Ie,{loading:n,disabled:i}),N&&dt(we,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&br(wi,{children:[m&&dt(Ge,{}),dt(Fe,{children:dt(at,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};go.options=im;go.states=rm;go.variants=pm;go.defaultOptions=sm;go.modifiers=lm;go.className=Q.className;import{jsx as Ri,jsxs as mm}from"react/jsx-runtime";var Ki="k-color-preview",dm=[],cm={},Ot=e=>{let{color:t,iconName:o,...a}=e;return mm("span",{...a,className:r(e.className,Ki,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Ri(v,{icon:o,className:"k-color-preview-icon"}),Ri("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ot.states=dm;Ot.options=cm;Ot.className=Ki;var hr="popup",_i=hr;import{jsx as Di}from"react/jsx-runtime";var Hi="k-animation-container",um=[],fm={},zi={positionMode:"absolute"},ct=e=>{let{positionMode:t=zi.positionMode,animationStyle:o,offset:a,...n}=e;return Di("div",{...n,style:{...a,...e.style},className:r(e.className,Hi,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Di("div",{className:"k-child-animation-container",style:o,children:e.children})})};ct.states=um;ct.options=fm;ct.className=Hi;ct.defaultOptions=zi;ct.moduleName=hr;ct.folderName=_i;var xr="popup",Ui=xr;import{jsx as Fi}from"react/jsx-runtime";var Gi="k-popup",bm=[],hm={},Vi={positionMode:"absolute"},$=e=>{let{offset:t,positionMode:o=Vi.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return Fi(ct,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:Fi("div",{...c,className:r(e.className,Gi),children:e.children})})};$.states=bm;$.options=hm;$.className=Gi;$.defaultOptions=Vi;$.moduleName=xr;$.folderName=Ui;$.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var gr="action-buttons",$i=gr;import{jsx as Nm}from"react/jsx-runtime";var on="k-actions",xm=[],gm={},Nr={alignment:"start",orientation:"horizontal"},Re=e=>{let{alignment:t=Nr.alignment,orientation:o=Nr.orientation,...a}=e;return Nm("div",{...a,className:r(on,{[`${on}-${t}`]:t,[`${on}-${o}`]:o},e.className),children:e.children})};Re.states=xm;Re.options=gm;Re.className=on;Re.defaultOptions=Nr;Re.moduleName=gr;Re.folderName=$i;var Xi=Re;import{jsx as km}from"react/jsx-runtime";var vm="k-actionsheet-footer",qi={alignment:"stretched",orientation:"horizontal"},Bt=e=>{let{alignment:t=qi.alignment,orientation:o=qi.orientation,template:a,as:n=a?"div":Re,...i}=e;return km(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,vm),children:e.children})};var vr="searchbox",Wi=vr;import{jsx as ka,jsxs as Sm}from"react/jsx-runtime";var Ji="k-searchbox",Lm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],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]},kr={showIcon:!0,icon:"search"},Ve=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=kr.showIcon,icon:k=kr.icon,"aria-label":y,...C}=e;return Sm(Q,{...C,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:x,disabled:m,className:r(e.className,Ji),children:[L&&ka(v,{className:"k-input-icon",icon:k}),ka(Ne,{placeholder:o,value:t,"aria-label":y}),ka(Ie,{...e}),ka(ve,{...e}),ka(we,{...e})]})};Ve.states=Lm;Ve.options=Mm;Ve.className=Ji;Ve.defaultOptions=kr;Ve.moduleName=vr;Ve.folderName=Wi;import{jsx as cy}from"react/jsx-runtime";var Lr="textbox",Yi=Lr;import{Fragment as Zi,jsx as Pt,jsxs as Mr}from"react/jsx-runtime";var Qi="k-textbox",ym=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Am={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]},an={showClearButton:!0,showValidationIcon:!0,separators:!0},ie=e=>{let{size:t,rounded:o,fillMode:a,separators:n=an.separators,showClearButton:i=an.showClearButton,showValidationIcon:l=an.showValidationIcon,prefix:c,suffix:u,type:f,value:N,placeholder:x,hover:m,focus:L,valid:k,invalid:y,required:C,loading:M,disabled:I,readonly:X,id:pe,"aria-label":xe,"aria-describedby":ge,...Pe}=e;return Mr(Q,{...Pe,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:k,invalid:y,required:C,loading:M,disabled:I,readonly:X,className:r(e.className,Qi),children:[c&&Mr(Zi,{children:[Pt(Ue,{children:c}),n&&Pt(Ge,{})]}),Pt(Ne,{id:pe,placeholder:x,value:N,type:f,disabled:I,"aria-label":xe,"aria-describedby":ge,"aria-invalid":y?"true":void 0}),l&&Pt(ve,{valid:k,invalid:y,loading:M,disabled:I}),Pt(Ie,{loading:M,disabled:I}),i&&Pt(we,{loading:M,disabled:I,readonly:X,value:N}),u&&Mr(Zi,{children:[n&&Pt(Ge,{}),Pt(Fe,{children:u})]})]})};ie.states=ym;ie.options=Am;ie.className=Qi;ie.defaultOptions=an;ie.moduleName=Lr;ie.folderName=Yi;ie.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var La=ie;import{jsx as Cm}from"react/jsx-runtime";var nn=e=>Cm(La,{...e});import{Fragment as Iy,jsx as Ey}from"react/jsx-runtime";import{Fragment as Ry,jsx as wy}from"react/jsx-runtime";import{jsx as Hy}from"react/jsx-runtime";import{jsx as Sr}from"react/jsx-runtime";var Em=ie.states,Im=ie.defaultOptions,Tm=ie.options,Om=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Bm=[],No=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Sr(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Sr(at,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Sr(nn,{value:"Value",style:{width:300},...o,...a})};No.options=Tm;No.states=Em;No.variants=Bm;No.defaultOptions=Im;No.modifiers=Om;No.className=ie.className;import{jsx as wt,jsxs as yr}from"react/jsx-runtime";var ji="k-actionsheet-titlebar",Pm={},ke=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 yr("div",{...m,className:r(e.className,ji),children:[yr("div",{className:"k-actionsheet-titlebar-group",children:[a&&wt("div",{className:"k-actionsheet-actions",children:a}),!x&&yr("div",{className:"k-actionsheet-title",id:N,children:[t&&wt("div",{className:"k-text-center",children:t}),o&&wt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&wt("div",{className:"k-actionsheet-title",id:N,children:x}),n&&wt("div",{className:"k-actionsheet-actions",children:n})]}),(l||i)&&wt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?wt(ie,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t||u||"Input"}):wt(Ve,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};ke.className=ji;ke.defaultOptions=Pm;import{jsx as Ar,jsxs as _m}from"react/jsx-runtime";var Cr="k-actionsheet-view",wm=[],Rm={},Km={},vo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...c}=e,u=n?.type===ke&&Ar(ke,{adaptive:t,titleId:l,...n?.props}),f=i?.type===Bt&&Ar(Bt,{...i?.props});return _m("div",{...c,className:r(e.className,Cr,{[`${Cr}-animated`]:o}),children:[u,Ar("div",{className:"k-actionsheet-content",children:a}),f]})};vo.states=wm;vo.options=Rm;vo.className=Cr;vo.defaultOptions=Km;var Ma="action-sheet",rn=Ma;var Er="overlay",el=Er;import{jsx as Um}from"react/jsx-runtime";var tl="k-overlay",Dm=[],Hm={},zm={},mt=e=>{let{...t}=e;return Um("div",{...t,className:r(e.className,tl),children:e.children})};mt.states=Dm;mt.options=Hm;mt.className=tl;mt.defaultOptions=zm;mt.moduleName=Er;mt.folderName=el;import{jsx as sn,jsxs as Vm}from"react/jsx-runtime";var ol="k-actionsheet",Fm=[],Gm={},Sa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},W=e=>{let{side:t=Sa.side,fullscreen:o=Sa.fullscreen,adaptive:a=Sa.adaptive,overlay:n=Sa.overlay,template:i,children:l,header:c,footer:u,id:f,...N}=e,x=f&&!i&&c?`${f}-title`:void 0;return Vm("div",{className:"k-actionsheet-container",children:[n&&sn(mt,{}),sn(ct,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:sn("div",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":x,className:r(e.className,ol,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i||sn(vo,{header:c,footer:u,adaptive:a,titleId:x,...e,children:l})})})]})};W.states=Fm;W.options=Gm;W.className=ol;W.defaultOptions=Sa;W.moduleName=Ma;W.folderName=rn;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 Wm}from"react/jsx-runtime";var al="k-actionsheet-container",$m=[],Xm={},qm={},ko=e=>{let{children:t,...o}=e;return Wm("div",{...o,className:al,children:t})};ko.states=$m;ko.options=Xm;ko.className=al;ko.defaultOptions=qm;ko.moduleName=Ma;ko.folderName=rn;import{jsx as Jm}from"react/jsx-runtime";var Ir=e=>{let{...t}=e;return Jm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Zm,jsx as ya,jsxs as Tr}from"react/jsx-runtime";var Or="k-actionsheet-item",Ym=[s.hover,s.focus,s.selected,s.disabled],Rt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:c,...u}=e;return Tr("span",{...u,className:r(e.className,Or,S(Or,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&ya(Zm,{children:Tr("span",{className:"k-actionsheet-action",children:[t&&ya("span",{className:"k-icon-wrap",children:ya(v,{className:"k-actionsheet-item-icon",icon:t})}),Tr("span",{className:"k-actionsheet-item-text",children:[o&&ya("span",{className:"k-actionsheet-item-title",children:o}),a&&ya("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Rt.states=Ym;Rt.className=Or;import{jsx as DA,jsxs as HA}from"react/jsx-runtime";import{jsx as GA}from"react/jsx-runtime";import{jsx as qA}from"react/jsx-runtime";import{jsx as ZA}from"react/jsx-runtime";import{jsx as le,jsxs as Br}from"react/jsx-runtime";var Qm=W.options,jm=W.states,rl={...W.defaultOptions,variant:"normal"},eu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],tu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Lo=e=>{let{variant:t,modifiers:o,...a}={...rl,...e},n={},i=Br(Ir,{children:[le(Rt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),le(Rt,{text:"Add to Favorites",iconName:"heart"}),le(Rt,{text:"Upload New",iconName:"upload",disabled:!0}),le("hr",{className:"k-hr"}),le(Rt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",c="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?l:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?le(W,{...a,adaptive:!0,fullscreen:n.fullScreen,header:le(ke,{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?Br(Bt,{alignment:"stretched",children:[le(p,{text:"Cancel",size:"large",themeColor:"base"}),le(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):le(W,{...a,fullscreen:n.fullScreen,header:le(ke,{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?Br(Bt,{alignment:"stretched",children:[le(p,{text:"Apply",themeColor:"primary"}),le(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Lo.options=Qm;Lo.states=jm;Lo.variants=eu;Lo.defaultOptions=rl;Lo.modifiers=tu;Lo.className=W.className;var Pr="slider",sl=Pr;import{jsx as Mo,jsxs as wr}from"react/jsx-runtime";var Aa="k-slider",ou=[s.hover,s.focus,s.active,s.disabled,s.readonly],au={},$e={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},V=e=>{let{type:t=$e.type,orientation:o=$e.orientation,gradientType:a=$e.gradientType,readonly:n=$e.readonly,disabled:i=$e.disabled,handlePosition:l=$e.handlePosition,showButtons:c=$e.showButtons,showTicks:u=$e.showTicks,value:f=$e.value,min:N=$e.min,max:x=$e.max,startValue:m,endValue:L,hover:k,focus:y,active:C,trackStyle:M,dir:I,...X}=e,xe=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ge,Pe;return o==="horizontal"?(ge=I==="rtl"?"chevron-left":"chevron-right",Pe=I==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ge="chevron-up",Pe="chevron-down"),wr("div",{...X,className:r(Aa,e.className,S(Aa,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&Mo(p,{className:"k-button-decrease",rounded:"full",icon:Pe,tabIndex:-1,title:"Decrease"}),wr("div",{className:"k-slider-track-wrap",children:[u&&Mo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),wr("div",{className:"k-slider-track",style:M,children:[Mo("div",{className:"k-slider-selection"}),t==="range"&&Mo("span",{className:r("k-draghandle","k-draghandle-start",S(Aa,{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":xe,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":X["aria-label"]?`${X["aria-label"]} start`:"Range start"}),Mo("span",{className:r("k-draghandle",`k-draghandle-${l}`,S(Aa,{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":xe,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?X["aria-label"]?`${X["aria-label"]} end`:"Range end":X["aria-label"]})]})]}),c&&Mo(p,{className:"k-button-increase",rounded:"full",icon:ge,tabIndex:-1,title:"Increase"})]})};V.states=ou;V.options=au;V.className=Aa;V.defaultOptions=$e;V.moduleName=Pr;V.folderName=sl;V.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as il}from"react/jsx-runtime";var ll="k-tick",nu=[],ru={},pl={label:!1},E=e=>{let{style:t,label:o=pl.label,orientation:a,large:n,text:i,...l}=e;return il("li",{...l,role:"presentation",title:i||"Tick",className:r(e.className,ll,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&il("span",{className:"k-label",children:i})})};E.states=nu;E.options=ru;E.className=ll;E.defaultOptions=pl;import{Fragment as su,jsx as Xe,jsxs as iu}from"react/jsx-runtime";var dl=e=>Xe(V,{"aria-label":e["aria-label"]||"Slider",children:iu(su,{children:[Xe(E,{className:"k-first",label:!0,large:!0,text:"0"}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{label:!0,large:!0,text:"5"}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as lu,jsx as qe,jsxs as pu}from"react/jsx-runtime";var cl=e=>qe(V,{children:pu(lu,{children:[qe(E,{className:"k-first",label:!0,large:!0,text:"0"}),qe(E,{}),qe(E,{}),qe(E,{}),qe(E,{}),qe(E,{label:!0,large:!0,text:"5"}),qe(E,{}),qe(E,{}),qe(E,{}),qe(E,{}),qe(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as HC,jsx as DC,jsxs as zC}from"react/jsx-runtime";import{Fragment as $C,jsx as VC,jsxs as XC}from"react/jsx-runtime";import{jsx as du}from"react/jsx-runtime";var Rr=e=>du(V,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as cu}from"react/jsx-runtime";var Kr=e=>cu(V,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as aE,jsx as oE,jsxs as nE}from"react/jsx-runtime";import{Fragment as pE,jsx as lE,jsxs as dE}from"react/jsx-runtime";import{jsx as ut,jsxs as ml}from"react/jsx-runtime";var mu=V.options,uu=V.states,ul={...V.defaultOptions,variant:"horizontal",label:!0},fu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],bu=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],So=e=>{let{variant:t,modifiers:o,...a}={...ul,...e},n={};Object.keys(o||{}).forEach(f=>{switch(f){case"button":{n.showButtons=!!o?.[f];break}case"label":{n.label=!!o?.[f];break}case"tick":{n.showTicks=!!o?.[f];break}}});let{label:i=!0,showButtons:l,showTicks:c}=n,u={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?ml(cl,{showTicks:c,showButtons:l,style:{height:"300px",...u},...a,children:[ut(E,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ut(E,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ut(E,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ut(E,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ut(E,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):ml(dl,{showTicks:c,showButtons:l,style:{width:"400px",...u},...a,children:[ut(E,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ut(E,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ut(E,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ut(E,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ut(E,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};So.options=mu;So.states=uu;So.variants=fu;So.defaultOptions=ul;So.modifiers=bu;So.className=V.className;import{jsx as fl,jsxs as vu}from"react/jsx-runtime";var bl="k-spin-button",gu=[],Nu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},_r={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Kt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=_r.increaseLabel,decreaseLabel:i=_r.decreaseLabel,...l}=e;return vu("span",{...l,className:r(bl,e.className),children:[fl(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),fl(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Kt.states=gu;Kt.options=Nu;Kt.className=bl;Kt.defaultOptions=_r;Kt.moduleName=null;Kt.folderName=null;var hl="numeric-textbox",xl="numerictextbox";import{Fragment as gl,jsx as kt,jsxs as Dr}from"react/jsx-runtime";var Nl="k-numerictextbox",ku=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Lu={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]},ln={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:n=ln.separators,showClearButton:i=ln.showClearButton,showSpinButton:l=ln.showSpinButton,prefix:c,suffix:u,value:f,placeholder:N,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,id:X,"aria-label":pe,"aria-describedby":xe,...ge}=e;return Dr(Q,{...ge,size:t,rounded:o,fillMode:a,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,className:r(e.className,Nl),children:[c&&Dr(gl,{children:[kt(Ue,{children:c}),n&&kt(Ge,{})]}),kt(Ne,{id:X,placeholder:N,value:f,role:"spinbutton",disabled:M,"aria-label":pe,"aria-describedby":xe,"aria-invalid":k?"true":void 0}),kt(ve,{valid:L,invalid:k,loading:C,disabled:M}),kt(Ie,{loading:C,disabled:M}),i&&kt(we,{loading:C,disabled:M,readonly:I,value:f}),u&&Dr(gl,{children:[n&&kt(Ge,{}),kt(Fe,{children:u})]}),l&&kt(Kt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};_.states=ku;_.options=Lu;_.className=Nl;_.defaultOptions=ln;_.moduleName=hl;_.folderName=xl;_.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Ca=_;import{jsx as Mu}from"react/jsx-runtime";var vl=e=>Mu(Ca,{...e});import zr from"react";import{jsx as kl}from"react/jsx-runtime";var Su="k-list-group-sticky-header",Hr=e=>kl("div",{className:r(Su,e.className),children:kl("div",{className:"k-list-header-text",children:e.children})});import{jsx as Au}from"react/jsx-runtime";var yu="k-no-data",pn=e=>{let{live:t,...o}=e;return Au("span",{...o,className:r(yu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Jt="list",yo=Jt;import{jsx as Ll,jsxs as Ml}from"react/jsx-runtime";var Ur="k-list",Cu=[],Eu={size:[d.undefined,d.small,d.medium,d.large]},Iu={},R=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:i,customValue:l,noData:c,screenReaders:u,...f}=e,x=zr.Children.toArray(a)[0],m=x?.props?.children?zr.Children.count(x.props.children):zr.Children.count(a);return Ml("div",{...f,className:r(e.className,Ur,A(Ur,{size:t}),{"k-virtual-list":o}),children:[i,l,n&&Ll(Hr,{children:n}),a||(c!==void 0?c:Ll(pn,{live:!0,children:"No data found."})),u&&a&&Ml(pn,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};R.states=Cu;R.options=Eu;R.className=Ur;R.defaultOptions=Iu;R.moduleName=Jt;R.folderName=yo;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 Pu}from"react/jsx-runtime";var Sl="k-list-container",Tu=[],Ou={},Bu={},Ao=e=>{let{...t}=e;return Pu("div",{...t,className:r(e.className,Sl),children:e.children})};Ao.states=Tu;Ao.options=Ou;Ao.className=Sl;Ao.defaultOptions=Bu;Ao.moduleName=Jt;Ao.folderName=yo;var Yt="checkbox",Co=Yt;import{jsx as yl}from"react/jsx-runtime";var dn="k-checkbox",wu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Ru={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},Ku={},We=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:c,valid:u,required:f,size:N,rounded:x,wrapperRole:m,...L}=e;return yl("span",{className:"k-checkbox-wrap",role:m,children:yl("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l||void 0,"aria-invalid":c?"true":void 0,className:r(e.className,dn,A(dn,{size:N,rounded:x}),S(dn,{hover:n,focus:i,disabled:l,invalid:c,valid:u,indeterminate:a,checked:o}))})})};We.states=wu;We.options=Ru;We.className=dn;We.defaultOptions=Ku;We.moduleName=Yt;We.folderName=Co;We.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var nt=We;import{jsx as Hu}from"react/jsx-runtime";var Al="k-checkbox-list",_u=[],Du={},Cl={layout:"vertical"},Le=e=>{let{layout:t=Cl.layout,...o}=e;return Hu("ul",{...o,className:r(e.className,Al,{[`k-list-${t}`]:t}),children:e.children})};Le.states=_u;Le.options=Du;Le.className=Al;Le.defaultOptions=Cl;Le.moduleName=Yt;Le.folderName=Co;import{jsx as Gu}from"react/jsx-runtime";var El="k-checkbox-list-item",zu=[],Uu={},Fu={},Me=e=>{let{...t}=e;return Gu("li",{...t,className:r(e.className,El),children:e.children})};Me.states=zu;Me.options=Uu;Me.className=El;Me.defaultOptions=Fu;Me.moduleName=Yt;Me.folderName=Co;import{Fragment as Vu,jsx as Il,jsxs as $u}from"react/jsx-runtime";var Lt=({children:e="Label",id:t="cb-label-after",...o})=>$u(Vu,{children:[Il(nt,{id:t,...o}),Il("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as wI,jsx as PI,jsxs as RI}from"react/jsx-runtime";import{Fragment as zI,jsx as HI,jsxs as UI}from"react/jsx-runtime";import{Fragment as XI,jsx as $I,jsxs as qI}from"react/jsx-runtime";import{jsx as ZI}from"react/jsx-runtime";import{jsx as tT}from"react/jsx-runtime";import{jsx as rT}from"react/jsx-runtime";import{jsx as Je,jsxs as Tl}from"react/jsx-runtime";var Xu=Le.options,qu=Le.states,Wu={...Le.defaultOptions,variant:"vertical"},Ju=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Yu=[],Eo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Tl(Le,{layout:"horizontal",...o,children:[Je(Me,{children:Je(Lt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),Je(Me,{children:Je(Lt,{id:w("cb"),children:"Label"})}),Je(Me,{children:Je(Lt,{id:w("cb"),children:"Label"})})]}):Tl(Le,{...o,children:[Je(Me,{children:Je(Lt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),Je(Me,{children:Je(Lt,{id:w("cb"),children:"Label"})}),Je(Me,{children:Je(Lt,{id:w("cb"),children:"Label"})})]})};Eo.options=Xu;Eo.states=qu;Eo.variants=Ju;Eo.defaultOptions=Wu;Eo.modifiers=Yu;Eo.className=Le.className;import{jsx as of}from"react/jsx-runtime";var Zu=nt.options,Qu=nt.states,ju=nt.defaultOptions,ef=[],tf=[],Io=e=>of(Lt,{id:w("checkbox"),...e,defaultChecked:!0,children:"Label"});Io.options=Zu;Io.states=Qu;Io.variants=ef;Io.defaultOptions=ju;Io.modifiers=tf;Io.className=nt.className;import{jsx as Zt,jsxs as sf}from"react/jsx-runtime";var Fr="k-list-item",af=[s.hover,s.focus,s.selected,s.disabled],nf={},rf={},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 sf("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":Fr,S(Fr,{hover:u,focus:f,disabled:x,selected:N})),children:[l&&Zt(We,{checked:c}),n&&Zt("span",{className:"k-list-item-icon-wrapper",children:Zt(v,{icon:n,className:r("k-list-item-icon",i)})}),Zt("span",{className:"k-list-item-text",children:C}),m&&Zt("div",{className:"k-list-item-actions",children:m}),L&&Zt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Zt("div",{className:"k-list-item-group-label",children:o})]})};O.states=af;O.options=nf;O.className=Fr;O.defaultOptions=rf;O.moduleName=Jt;O.folderName=yo;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 pf}from"react/jsx-runtime";var lf="k-list-ul",Mt=e=>{let{children:t,role:o,id:a,...n}=e;return pf("ul",{...n,id:a,role:o,className:r(lf,e.className),children:t})};Mt.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as Gr,jsxs as cf}from"react/jsx-runtime";var df="k-list-content",H=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return cf("div",{...l,className:r(df,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:Gr(Mt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Gr("div",{className:"k-height-container",children:Gr("div",{})})]})};H.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as JT,jsx as WT,jsxs as YT}from"react/jsx-runtime";import{jsx as Vr,jsxs as uf}from"react/jsx-runtime";var mf="k-list-group-item",Qt=e=>{let{groupIconName:t,...o}=e;return uf("li",{...o,role:"presentation",className:r(mf,e.className),children:[t&&Vr("span",{className:"k-list-item-icon-wrapper",children:Vr(v,{icon:t,className:"k-list-item-icon"})}),Vr("span",{className:"k-list-item-text",children:e.children})]})};Qt.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as xf}from"react/jsx-runtime";var $r="k-list-optionlabel",ff=[s.hover,s.focus,s.selected,s.disabled],bf={},hf={},cn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return xf("div",{...l,className:r($r,S($r,{hover:o,focus:a,selected:n,disabled:i})),children:t})};cn.states=ff;cn.options=bf;cn.className=$r;cn.defaultOptions=hf;import{jsx as kf}from"react/jsx-runtime";var Xr="k-list-custom-value",gf=[s.hover,s.focus,s.selected,s.disabled],Nf={},vf={},_t=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return kf("div",{...l,className:r(Xr,S(Xr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};_t.states=gf;_t.options=Nf;_t.className=Xr;_t.defaultOptions=vf;import{Fragment as mO,jsx as cO,jsxs as uO}from"react/jsx-runtime";import{Fragment as NO,jsx as gO,jsxs as vO}from"react/jsx-runtime";import{Fragment as CO,jsx as yO,jsxs as AO}from"react/jsx-runtime";import{Fragment as wO,jsx as BO,jsxs as PO}from"react/jsx-runtime";import{jsx as DO}from"react/jsx-runtime";import{Fragment as VO,jsx as GO,jsxs as $O}from"react/jsx-runtime";var Ol="dropdown-list",Bl="dropdownlist";import{Fragment as Sf,jsx as Se,jsxs as qr}from"react/jsx-runtime";var Pl="k-dropdownlist",Lf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Mf={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]},Wr={showValue:!0,arrowIconName:"chevron-down"},oe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Wr.arrowIconName,showValue:i=Wr.showValue,valueIconName:l,prefix:c,suffix:u,value:f,placeholder:N,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,popup:X,opened:pe,adaptive:xe,adaptiveSettings:ge,adaptiveTitle:Pe,adaptiveSubtitle:Xt,adaptiveFilter:Vn,id:Tt,activeDescendant:Xa,"aria-label":$n,...Xn}=e,xd=Tt?`${Tt}-listbox`:void 0,Qs=Tt?`${Tt}-value`:void 0;return qr(Sf,{children:[qr(pt,{...Xn,id:Tt,size:t,rounded:o,fillMode:a,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,className:r(e.className,Pl,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":pe?"true":"false","aria-controls":pe?xd:void 0,"aria-activedescendant":pe&&Xa?Xa:void 0,"aria-describedby":pe?Qs:void 0,"aria-disabled":M?"true":void 0,"aria-label":$n,tabIndex:0,children:[Se(Ue,{children:c}),Se(Wt,{placeholder:N,value:f,showValue:i,valueIconName:l,id:Qs}),Se(ve,{valid:L,invalid:k,loading:C,disabled:M}),Se(Ie,{loading:C,disabled:M}),Se(Fe,{children:u}),Se(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N||"Toggle dropdown",tabIndex:-1})]}),pe&&X&&Se($,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:X}),xe&&Se(W,{adaptive:!0,...ge,header:Se(ke,{actionsEnd:Se(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Vn,inputValue:f,inputPlaceholder:N,title:Pe,subtitle:Xt}),children:Se("div",{className:"k-list-container",children:Se(R,{size:"large",children:qr(H,{"aria-label":"Options",children:[Se(O,{text:"List item"}),Se(O,{text:"List item"}),Se(O,{text:"List item"})]})})})})]})};oe.states=Lf;oe.options=Mf;oe.className=Pl;oe.defaultOptions=Wr;oe.moduleName=Ol;oe.folderName=Bl;oe.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as SB}from"react/jsx-runtime";import{jsx as TB,jsxs as OB}from"react/jsx-runtime";import{Fragment as zB,jsx as DB,jsxs as HB}from"react/jsx-runtime";import{jsx as $B}from"react/jsx-runtime";import{jsx as ZB,jsxs as QB}from"react/jsx-runtime";import{Fragment as iP,jsx as rP,jsxs as sP}from"react/jsx-runtime";import{jsx as mP}from"react/jsx-runtime";import{Fragment as Tf,jsx as Dt,jsxs as wl}from"react/jsx-runtime";var yf=oe.states,Af=oe.defaultOptions,Cf=oe.options,Ef=[{name:"opened",title:"Opened"}],If=[],Oo=e=>{let{modifiers:t,...o}=e,a={},n=wl(Tf,{children:[Dt("div",{className:"k-list-filter",children:Dt(Ve,{})}),Dt(R,{style:{width:300},size:o.size,children:wl(H,{children:[Dt(O,{children:"List item"}),Dt(O,{children:"List item"}),Dt(O,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),Dt("div",{children:Dt(oe,{placeholder:"Value",style:{width:300},...o,...a})})};Oo.options=Cf;Oo.states=yf;Oo.variants=If;Oo.defaultOptions=Af;Oo.modifiers=Ef;Oo.className=oe.className;import{Fragment as wP,jsx as PP}from"react/jsx-runtime";import{Fragment as zP,jsx as HP}from"react/jsx-runtime";import{jsx as VP}from"react/jsx-runtime";import{jsx as Jr}from"react/jsx-runtime";var Of=_.states,Bf=_.defaultOptions,Pf=_.options,wf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Rf=[],Bo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Jr(oe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?Jr(fr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),Jr(vl,{value:"Value",style:{width:300},...o,...a})};Bo.options=Pf;Bo.states=Of;Bo.variants=Rf;Bo.defaultOptions=Bf;Bo.modifiers=wf;Bo.className=_.className;import{Fragment as Ea,jsx as B,jsxs as j}from"react/jsx-runtime";var Rl="k-colorgradient-inputs",Kf=[],_f={size:[d.undefined,d.small,d.medium,d.large]},Kl={mode:"rgba"},Po=e=>{let{mode:t=Kl.mode,size:o,...a}=e;return j("div",{...a,className:r(Rl,"k-hstack"),children:[B("div",{className:"k-vstack",children:B(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&j(Ea,{children:[j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),B("label",{className:"k-colorgradient-input-label",children:"R"})]}),j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),B("label",{className:"k-colorgradient-input-label",children:"G"})]}),j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),B("label",{className:"k-colorgradient-input-label",children:"B"})]}),j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),B("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&j(Ea,{children:[j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),B("label",{className:"k-colorgradient-input-label",children:"R"})]}),j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),B("label",{className:"k-colorgradient-input-label",children:"G"})]}),j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),B("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&j(Ea,{children:[j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),B("label",{className:"k-colorgradient-input-label",children:"H"})]}),j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),B("label",{className:"k-colorgradient-input-label",children:"S"})]}),j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),B("label",{className:"k-colorgradient-input-label",children:"V"})]}),j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),B("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&j(Ea,{children:[j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),B("label",{className:"k-colorgradient-input-label",children:"H"})]}),j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),B("label",{className:"k-colorgradient-input-label",children:"S"})]}),j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),B("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&B(Ea,{children:j("div",{className:"k-vstack k-flex-1",children:[B(ie,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),B("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Po.states=Kf;Po.options=_f;Po.className=Rl;Po.defaultOptions=Kl;import{jsx as jt,jsxs as eo}from"react/jsx-runtime";var _l="k-colorgradient-color-contrast",Df=[],Hf={},zf={},wo=()=>eo("div",{className:r(_l,"k-vbox"),children:[eo("div",{className:"k-contrast-ratio",children:[jt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),eo("span",{className:"k-contrast-validation !k-text-success",children:[jt(v,{icon:"check"}),jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AA: 4.5"}),eo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AAA: 7.0"}),eo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",jt(v,{icon:"x"})]})]})]});wo.states=Df;wo.options=Hf;wo.className=_l;wo.defaultOptions=zf;var Dl="color-gradient",Hl="colorgradient";import{jsx as Ye,jsxs as Ia}from"react/jsx-runtime";var mn="k-colorgradient",Uf=[s.hover,s.focus,s.readonly,s.disabled],Ff={size:[d.undefined,d.small,d.medium,d.large]},ft={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ne=e=>{let{size:t,mode:o=ft.mode,readonly:a=ft.readonly,disabled:n=ft.disabled,gradientStyle:i=ft.gradientStyle,dragHandleStyle:l=ft.dragHandleStyle,alphaStyle:c=ft.alphaStyle,alphaStyleHorizontal:u=ft.alphaStyleHorizontal,contrast:f=ft.contrast,dir:N,hover:x,focus:m,hoverHandle:L,focusHandle:k,canvasOrientation:y=ft.canvasOrientation,role:C,tabIndex:M,...I}=e;return Ia("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,mn,A(mn,{size:t}),S(mn,{hover:x,focus:m,readonly:a,disabled:n})),dir:N,children:[!y||y==="horizontal"&&Ia("div",{className:"k-colorgradient-canvas k-hstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":k}),style: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})})}),Ia("div",{className:"k-hsv-controls k-hstack",children:[Ye(Kr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Ye(Kr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:c})]})]}),y==="vertical"&&Ia("div",{className:"k-colorgradient-canvas k-vstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":k}),style: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})})}),Ia("div",{className:"k-hsv-controls k-vstack",children:[Ye(Rr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Ye(Rr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),Ye(Po,{mode:e.mode,size:t}),f&&Ye(wo,{})]})};ne.states=Uf;ne.options=Ff;ne.className=mn;ne.defaultOptions=ft;ne.moduleName=Dl;ne.folderName=Hl;ne.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as Gf}from"react/jsx-runtime";var un=e=>Gf(ne,{...e});import{jsx as Iw}from"react/jsx-runtime";import{jsx as Pw}from"react/jsx-runtime";import{jsx as Yr}from"react/jsx-runtime";var Vf=ne.options,$f=ne.states,Xf={...ne.defaultOptions,variant:"rgba"},qf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Wf=[],Ro=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Yr(un,{...o,mode:t});case"rgb":return Yr(un,{...o,mode:t});default:return Yr(un,{...o,mode:t})}};Ro.options=Vf;Ro.states=$f;Ro.variants=qf;Ro.defaultOptions=Xf;Ro.modifiers=Wf;Ro.className=ne.className;import{jsx as Jf}from"react/jsx-runtime";var Zr=e=>Jf("tr",{role:"row",children:e.children});import{jsx as Qf}from"react/jsx-runtime";var Qr="k-colorpalette-tile",Yf=[s.hover,s.focus,s.selected],Zf={},Ko=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 Qf("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,Qr,S(Qr,{hover:a,focus:n,selected:i})),style:c})};Ko.states=Yf;Ko.options=Zf;Ko.className=Qr;var zl="color-palette",Ul="colorpalette";import{jsx as Ta}from"react/jsx-runtime";var fn="k-colorpalette",jf=[s.disabled],eb={size:[d.undefined,d.small,d.medium,d.large]},Fl={columns:10},ye=e=>{let{size:t,palette:o,columns:a=Fl.columns,tileSize:n,disabled:i,...l}=e,c=[];if(o){let u=a||o.columns,f=o.colors?o.colors:o;Array.isArray(f)&&Array.from({length:Math.ceil(f.length/u)},(N,x)=>{let m=[];f.slice(x*u,(x+1)*u).map((k,y)=>{m.push(Ta(Ko,{color:k,tileSize:n},y))});let L=Ta(Zr,{children:m},x);c.push(L)})}return Ta("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,fn,S(fn,{disabled:i}),A(fn,{size:t})),children:Ta("table",{className:"k-colorpalette-table",role:"none",children:Ta("tbody",{children:c.length>0?c:e.children})})})};ye.states=jf;ye.options=eb;ye.className=fn;ye.defaultOptions=Fl;ye.moduleName=zl;ye.folderName=Ul;ye.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var bn=ye;var Oa={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 tb}from"react/jsx-runtime";var Gl=e=>tb(bn,{palette:Oa.basic,...e});import{jsx as fR}from"react/jsx-runtime";import{jsx as vR,jsxs as kR}from"react/jsx-runtime";import{jsx as lb}from"react/jsx-runtime";var ob=ye.options,ab=ye.states,nb={...ye.defaultOptions,variant:"basic"},rb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],sb={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}},ib=[],_o=e=>{let{variant:t="basic",...o}=e,a=sb[t];return lb(Gl,{columns:a.columns,palette:a,...o})};_o.options=ob;_o.states=ab;_o.variants=rb;_o.defaultOptions=nb;_o.modifiers=ib;_o.className=ye.className;var Vl="color-editor",$l="coloreditor";import{jsx as Ze,jsxs as Do}from"react/jsx-runtime";var hn="k-coloreditor",pb=[s.focus],db={size:[d.undefined,d.small,d.medium,d.large]},Ba={view:"gradient",palette:Oa.office,actionButtons:!0,canvasOrientation:"horizontal"},J=e=>{let{size:t,view:o=Ba.view,palette:a=Ba.palette,color:n,currentColor:i,focus:l,focusView:c,dir:u,group:f,actionButtons:N=Ba.actionButtons,canvasOrientation:x=Ba.canvasOrientation,...m}=e;return Do("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",hn,A(hn,{size:t}),S(hn,{focus:l})),dir:u,children:[Do("div",{className:"k-coloreditor-header k-hstack",children:[Ze("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&Do(T,{fillMode:"flat",children:[Ze(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ze(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ze("div",{className:"k-spacer"}),Do("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ze(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Do("div",{className:"k-coloreditor-preview k-vstack",children:[Ze(Ot,{className:"k-coloreditor-preview-color",color:n}),Ze(Ot,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ze("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ze(ne,{focus:c,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):Ze(ye,{palette:a,size:t})}),N&&Do(Re,{className:"k-coloreditor-footer",alignment:"start",children:[Ze(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ze(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};J.states=pb;J.options=db;J.className=hn;J.defaultOptions=Ba;J.moduleName=Vl;J.folderName=$l;J.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Ho=J;import{jsx as YR}from"react/jsx-runtime";import{jsx as eK}from"react/jsx-runtime";import{jsx as cb}from"react/jsx-runtime";var Xl=e=>cb(Ho,{group:!0,currentColor:"fuchsia",...e});import{jsx as mb}from"react/jsx-runtime";var ql=e=>mb(Ho,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Wl}from"react/jsx-runtime";var ub=J.options,fb=J.states,bb={...J.defaultOptions,variant:"gradient"},hb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],xb=[],zo=e=>{let{variant:t,...o}=e;return t==="palette"?Wl(ql,{...o,color:"white"}):Wl(Xl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};zo.options=ub;zo.states=fb;zo.variants=hb;zo.defaultOptions=bb;zo.modifiers=xb;zo.className=J.className;var Jl="color-picker",Yl="colorpicker";import{Fragment as vb,jsx as Qe,jsxs as jr}from"react/jsx-runtime";var Zl="k-colorpicker",gb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],Nb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ql={arrowIconName:"chevron-down"},Ke=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Ql.arrowIconName,prefix:i,suffix:l,value:c,placeholder:u,hover:f,focus:N,valid:x,invalid:m,required:L,disabled:k,valueIconName:y,popup:C,opened:M,adaptive:I,adaptiveSettings:X,adaptiveTitle:pe,adaptiveSubtitle:xe,...ge}=e,Pe="colorpicker-popup";return jr(vb,{children:[jr(pt,{...ge,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?Pe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:r(e.className,Zl,"k-icon-picker"),children:[Qe(Ue,{children:i}),Qe(Wt,{placeholder:u,value:c,showValue:!1,valueIcon:Qe(Ot,{className:"k-value-icon",color:c,iconName:y}),valueIconName:y}),Qe(Fe,{children:l}),Qe(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),M&&C&&Qe($,{id:Pe,className:"k-colorpicker-popup",children:C}),I&&Qe(W,{adaptive:!0,id:Pe,...X,header:Qe(ke,{actionsEnd:Qe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:pe,subtitle:xe}),footer:jr(Bt,{children:[Qe(p,{text:"Cancel",size:"large"}),Qe(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Qe(J,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ke.states=gb;Ke.options=Nb;Ke.className=Zl;Ke.defaultOptions=Ql;Ke.moduleName=Jl;Ke.folderName=Yl;Ke.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var St=Ke;import{jsx as kb}from"react/jsx-runtime";var xn=e=>kb(St,{...e});import{jsx as _K}from"react/jsx-runtime";import{jsx as FK}from"react/jsx-runtime";import{jsx as XK}from"react/jsx-runtime";import{jsx as YK}from"react/jsx-runtime";import{jsx as e_}from"react/jsx-runtime";import{jsx as n_}from"react/jsx-runtime";import{jsx as to}from"react/jsx-runtime";var Lb=St.options,Mb=St.states,jl={...St.defaultOptions,variant:"color"},Sb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],yb=[{name:"opened",title:"Opened"}],Uo=e=>{let{variant:t,modifiers:o,...a}={...jl,...e},n={};Object.keys(o||{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?to(J,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return to("div",{style:i,children:to(xn,{...a,...n})});case"icon":return to("div",{style:i,children:to(xn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return to("div",{style:i,children:to(xn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Uo.options=Lb;Uo.states=Mb;Uo.variants=Sb;Uo.defaultOptions=jl;Uo.modifiers=yb;Uo.className=St.className;var es="combobox",ep=es;import{Fragment as ts,jsx as ae,jsxs as Pa}from"react/jsx-runtime";var tp="k-combobox",Ab=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Cb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},op={separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=op.separators,prefix:i,suffix:l,value:c,placeholder:u,hover:f,focus:N,valid:x,invalid:m,required:L,loading:k,disabled:y,popup:C,opened:M,readonly:I,adaptive:X,adaptiveSettings:pe,adaptiveTitle:xe,adaptiveSubtitle:ge,adaptiveCustomValue:Pe,id:Xt,autocomplete:Vn,activeDescendant:Tt,"aria-label":Xa,...$n}=e,Xn=Xt?`${Xt}-listbox`:void 0;return Pa(ts,{children:[Pa(Q,{...$n,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:x,invalid:m,required:L,loading:k,disabled:y,readonly:I,className:r(e.className,tp),children:[i&&Pa(ts,{children:[ae(Ue,{children:i}),n&&ae(Ge,{})]}),ae(Ne,{id:Xt,placeholder:u,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?Xn:void 0,"aria-activedescendant":M&&Tt?Tt:void 0,"aria-autocomplete":Vn,"aria-invalid":m?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Xa,disabled:y,readOnly:I}),ae(ve,{valid:x,invalid:m,loading:k,disabled:y}),ae(Ie,{loading:k,disabled:y}),ae(we,{loading:k,disabled:y,readonly:I,value:c}),l&&Pa(ts,{children:[n&&ae(Ge,{}),ae(Fe,{children:l})]}),ae(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:y})]}),M&&C&&ae($,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),X&&ae(W,{adaptive:!0,id:Xt?`${Xt}-adaptive`:void 0,...pe,header:ae(ke,{actionsEnd:ae(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:u,title:xe,subtitle:ge}),children:ae("div",{className:"k-list-container",children:ae(R,{customValue:Pe?ae(_t,{text:`Use "${c}"`}):void 0,size:"large",children:Pa(H,{"aria-label":xe||"Options",children:[ae(O,{text:"List item"}),ae(O,{text:"List item"}),ae(O,{text:"List item"})]})})})})]})};de.states=Ab;de.options=Cb;de.className=tp;de.defaultOptions=op;de.moduleName=es;de.folderName=ep;de.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var _e=de;import{jsx as Eb}from"react/jsx-runtime";var ap=e=>Eb(_e,{...e});import{jsx as z_,jsxs as U_}from"react/jsx-runtime";import{jsx as q_,jsxs as W_}from"react/jsx-runtime";import{jsx as e0,jsxs as t0}from"react/jsx-runtime";import{Fragment as i0,jsx as s0}from"react/jsx-runtime";import{Fragment as u0,jsx as m0}from"react/jsx-runtime";import{jsx as N0,jsxs as v0}from"react/jsx-runtime";import{Fragment as E0,jsx as A0,jsxs as C0}from"react/jsx-runtime";import{jsx as B0}from"react/jsx-runtime";import{jsx as K0}from"react/jsx-runtime";import{jsx as F0,jsxs as G0}from"react/jsx-runtime";import{jsx as J0,jsxs as Y0}from"react/jsx-runtime";import{jsx as Ht,jsxs as wb}from"react/jsx-runtime";var Ib=de.states,Tb=de.defaultOptions,Ob=de.options,Bb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Pb=[],Fo=e=>{let{modifiers:t,...o}=e,a={},n=Ht(R,{style:{width:300},size:o.size,children:wb(H,{children:[Ht(O,{children:"List item"}),Ht(O,{children:"List item"}),Ht(O,{children:"List item"})]})});return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Ht(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?Ht(se,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0;break;default:break}}),Ht("div",{children:Ht(ap,{value:"Value",style:{width:300},...o,...a})})};Fo.options=Ob;Fo.states=Ib;Fo.variants=Pb;Fo.defaultOptions=Tb;Fo.modifiers=Bb;Fo.className=de.className;var os="menu-button",np=os;import{jsx as _b}from"react/jsx-runtime";var rp="k-menu-button",Rb=[s.hover,s.focus,s.active,s.selected,s.disabled],Kb={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]},as={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=as.showArrow,arrowIconName:L=as.arrowIconName,expanded:k,...y}=e;return _b(p,{...y,className:r(e.className,rp),text:x,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,showArrow:m,arrowIconName:L,"aria-expanded":k?"true":"false",...!x&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...f&&{"aria-disabled":"true"}})};D.states=Rb;D.options=Kb;D.className=rp;D.defaultOptions=as;D.moduleName=os;D.folderName=np;D.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as ID}from"react/jsx-runtime";import{jsx as PD}from"react/jsx-runtime";import{jsx as _D}from"react/jsx-runtime";var De="menu",je=De;import{jsx as wa,jsxs as sp}from"react/jsx-runtime";var ns="k-menu-item",Db=[s.hover,s.focus,s.active,s.selected,s.disabled],Hb={},ip={iconPosition:"before"},ce=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,first:u,last:f,showArrow:N,arrowIconName:x,iconPosition:m=ip.iconPosition,dir:L,children:k,expanded:y,...C}=e,M=x;return M||(M=L==="rtl"?"chevron-left":"chevron-right"),sp("li",{...C,className:r(e.className,ns,"k-item",S(ns,{focus:o,disabled:i,hover:t,active:a,selected:n}),{"k-first":u,"k-last":f}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":y?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[sp("span",{className:r("k-link k-menu-link"),children:[l&&m==="before"&&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:M})})]}),k]})};ce.states=Db;ce.options=Hb;ce.className=ns;ce.defaultOptions=ip;ce.moduleName=De;ce.folderName=je;import{jsx as Ra,jsxs as lp}from"react/jsx-runtime";var rs="k-menu-item",zb=[s.hover,s.focus,s.active,s.selected,s.disabled],Ub={},ss={dir:"ltr",iconPosition:"before"},q=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,first:u,last:f,showArrow:N,arrowIconName:x,iconPosition:m=ss.iconPosition,dir:L=ss.dir,children:k,popup:y,expanded:C,...M}=e,I=x;return I||(I=L==="rtl"?"chevron-left":"chevron-right"),lp("li",{...M,className:r(e.className,rs,"k-item",S(rs,{focus:o,disabled:i}),{"k-first":u,"k-last":f}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":C?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[lp("span",{className:r("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&m==="before"&&Ra(v,{className:"k-menu-link-icon",icon:l}),Ra("span",{className:"k-menu-link-text",children:c}),l&&m==="after"&&Ra(v,{className:"k-menu-link-icon",icon:l}),N&&Ra("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ra(v,{icon:I})})]}),k,y]})};q.states=zb;q.options=Ub;q.className=rs;q.defaultOptions=ss;q.moduleName=De;q.folderName=je;import{jsx as $b}from"react/jsx-runtime";var pp="k-menu-scroll-wrapper",Fb=[],Gb={},Vb={},oo=e=>{let{className:t,children:o,orientation:a,...n}=e;return $b("div",{...n,className:r(t,pp,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};oo.states=Fb;oo.options=Gb;oo.className=pp;oo.defaultOptions=Vb;oo.moduleName=De;oo.folderName=je;var dp=oo;import{Fragment as is,jsx as ao,jsxs as Nn}from"react/jsx-runtime";var ls="k-menu",Xb=[],qb={},vn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=vn.orientation,header:a=vn.header,scrollable:n,scrollButtonsPosition:i=vn.scrollButtonsPosition,wrapperStyles:l,dir:c,popup:u,contextMenu:f,...N}=e,x={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},m=ao("ul",{dir:c,...N,className:r(e.className,"k-reset",ls,{[`${ls}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Nn(is,{children:[n?Nn(dp,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&Nn(is,{children:[ao(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ao(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&ao(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),m,i==="end"&&Nn(is,{children:[ao(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ao(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&ao(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):m,u]})};re.states=Xb;re.options=qb;re.className=ls;re.defaultOptions=vn;re.moduleName=De;re.folderName=je;re.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as Wb}from"react/jsx-runtime";var ps="k-separator",cp={orientation:"horizontal"},Go=e=>{let{orientation:t=cp.orientation,...o}=e;return Wb("li",{...o,className:r(e.className,"k-item",ps,{[`${ps}-${t}`]:t}),role:"separator"})};Go.className=ps;Go.defaultOptions=cp;Go.moduleName=De;Go.folderName=je;import{Fragment as mH,jsx as uH}from"react/jsx-runtime";import{jsx as Qb}from"react/jsx-runtime";var ds="k-menu-group",Jb=[],Yb={size:[d.undefined,d.small,d.medium,d.large]},Zb={},me=e=>{let{children:t,size:o,...a}=e;return Qb("ul",{...a,className:r(e.className,ds,A(ds,{size:o})),role:"menu",children:t})};me.states=Jb;me.options=Yb;me.className=ds;me.defaultOptions=Zb;me.moduleName=De;me.folderName=je;import{Fragment as jb,jsx as Vo,jsxs as eh}from"react/jsx-runtime";var cs=e=>Vo(re,{children:eh(jb,{children:[Vo(ce,{first:!0,text:"Item 1"}),Vo(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Vo(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Vo(ce,{text:"Item 4"}),Vo(ce,{last:!0,text:"Item 5"})]}),...e});import{Fragment as CH,jsx as yH,jsxs as AH}from"react/jsx-runtime";import{Fragment as BH,jsx as OH,jsxs as PH}from"react/jsx-runtime";import{Fragment as DH,jsx as _H,jsxs as HH}from"react/jsx-runtime";import{Fragment as VH,jsx as GH,jsxs as $H}from"react/jsx-runtime";import{jsx as no,jsxs as rh}from"react/jsx-runtime";var th=re.options,oh=re.states,mp={...re.defaultOptions,variant:"horizontal"},ah=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],nh=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],$o=e=>{let{variant:t,modifiers:o,...a}={...mp,...e},n={};return Object.keys(o||{}).forEach(i=>{switch(i){case"scrollable":n.scrollable=!!o?.[i];break;case"opened":n.opened=!!o?.[i],n.popup=no($,{className:"k-menu-popup",children:rh(me,{children:[no(q,{text:"Item 1"}),no(q,{text:"Item 2"}),no(Go,{}),no(q,{text:"Item 3"})]})});break}}),t==="vertical"?no(cs,{...a,...n,orientation:"vertical",style:{width:"200px"}}):no(cs,{...a,...n})};$o.options=th;$o.states=oh;$o.variants=ah;$o.defaultOptions=mp;$o.modifiers=nh;$o.className=re.className;import{Fragment as M1,jsx as k1,jsxs as L1}from"react/jsx-runtime";import{jsx as C1}from"react/jsx-runtime";import{Fragment as dh,jsx as bt,jsxs as up}from"react/jsx-runtime";var sh=p.states,fp={...p.defaultOptions,variant:"text"},ih=p.options,lh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ph=[{name:"opened",title:"Opened"}],Xo=e=>{let{variant:t,modifiers:o,...a}={...fp,...e},n={},i=bt($,{className:"k-menu-popup",children:up(me,{size:a.size,children:[bt(q,{first:!0,text:"Menu Item"}),bt(q,{text:"Menu Item"}),bt(q,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=bt("div",{children:bt(D,{...a,...n,icon:"star"})});break;case"icon-and-text":l=bt("div",{children:bt(D,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=bt("div",{children:bt(D,{...a,...n,children:"Dropdown Button"})});break}return up(dh,{children:[l,o?.opened&&i]})};Xo.options=ih;Xo.states=sh;Xo.variants=lh;Xo.defaultOptions=fp;Xo.modifiers=ph;Xo.className=D.className;var ms="split-button",bp=ms;import{Fragment as uh,jsx as us,jsxs as hp}from"react/jsx-runtime";var fs="k-split-button",ch=[s.hover,s.focus,s.active,s.selected,s.disabled],mh={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},xp={arrowIconName:"chevron-down"},P=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,text:x,arrowIconName:m=xp.arrowIconName,popup:L,opened:k,popupId:y,...C}=e;return hp(uh,{children:[hp("div",{...C,className:r(e.className,fs,"k-button-group",A(fs,{rounded:o})),children:[us(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}),us(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&&us($,{className:"k-menu-popup",children:L})]})};P.states=ch;P.options=mh;P.className=fs;P.defaultOptions=xp;P.moduleName=ms;P.folderName=bp;P.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var bs=P;import{jsx as bh}from"react/jsx-runtime";var fh="k-toolbar-separator",rt=e=>bh("div",{className:r(fh,e.className,"k-separator")});var yt="toolbar",zt=yt;import{Fragment as hs,jsx as K,jsxs as qo}from"react/jsx-runtime";var At="k-toolbar",hh=[s.focus],xh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},gh={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===ha)k.push(K(ha,{...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===bs)k.push(K(bs,{...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===Ke?k.push(K(Ke,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):k.push(m);k.forEach(y=>{N.push(y)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,k)=>{x(L,k)}),qo("div",{...f,className:r(e.className,At,A(At,{size:t,fillMode:o}),S(At,{focus:a}),{[`${At}-resizable`]:n,[`${At}-scrollable`]:i,[`${At}-scrollable-overlay`]:i&&l==="hidden",[`${At}-scrollable-${c}`]:c&&c!=="both",[`${At}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&N,i&&l==="hidden"&&K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),i&&l==="start"&&qo(hs,{children:[qo(T,{children:[K("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-left"})}),K("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-right"})})]}),K(rt,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&qo(hs,{children:[K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),K(rt,{className:"k-toolbar-button-separator"}),qo(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)&&qo(hs,{children:[K("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-left"})}),K(rt,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),K(rt,{className:"k-toolbar-button-separator"}),K("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};z.states=hh;z.options=xh;z.className=At;z.defaultOptions=gh;z.moduleName=yt;z.folderName=zt;z.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as Lh}from"react/jsx-runtime";var gp="k-floating-toolbar",Nh=[],vh={},kh={},Wo=e=>{let{...t}=e;return Lh("div",{...t,className:r(e.className,gp),children:e.children})};Wo.states=Nh;Wo.options=vh;Wo.className=gp;Wo.defaultOptions=kh;Wo.moduleName=yt;Wo.folderName=zt;import{jsx as Ah}from"react/jsx-runtime";var xs="k-toolbar-item",Mh=[s.focus],Sh={},yh={},Jo=e=>{let{focus:t,...o}=e;return Ah("div",{...o,className:r(e.className,xs,S(xs,{focus:t})),children:e.children})};Jo.states=Mh;Jo.options=Sh;Jo.className=xs;Jo.defaultOptions=yh;Jo.moduleName=yt;Jo.folderName=zt;import{jsx as Np}from"react/jsx-runtime";var vp="k-toolbar-popup",Ch=[],Eh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Ih={},ro=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Np($,{...n,className:r(e.className,vp),children:a?Np("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};ro.states=Ch;ro.options=Eh;ro.className=vp;ro.defaultOptions=Ih;ro.moduleName=yt;ro.folderName=zt;var kn=ro;import{jsx as Tz}from"react/jsx-runtime";import{jsx as wz}from"react/jsx-runtime";import{jsx as Dz}from"react/jsx-runtime";import{jsx as Vz,jsxs as $z}from"react/jsx-runtime";import{jsx as Jz}from"react/jsx-runtime";import{jsx as Ct,jsxs as wh}from"react/jsx-runtime";var Th=P.states,kp={...P.defaultOptions,variant:"text"},Oh=P.options,Bh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ph=[{name:"opened",title:"Opened"}],Yo=e=>{let{variant:t,modifiers:o,...a}={...kp,...e},n={},i=wh(me,{size:a.size,children:[Ct(q,{first:!0,text:"Menu Item"}),Ct(q,{text:"Menu Item"}),Ct(q,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?i:"")}),t){case"icon-only":return Ct("div",{children:Ct(P,{...a,...n,icon:"star"})});case"icon-and-text":return Ct("div",{children:Ct(P,{...a,...n,icon:"star",children:"Split Button"})});default:return Ct("div",{children:Ct(P,{...a,...n,children:"Split Button"})})}};Yo.options=Oh;Yo.states=Th;Yo.variants=Bh;Yo.defaultOptions=kp;Yo.modifiers=Ph;Yo.className=P.className;import{jsx as so,jsxs as Rh}from"react/jsx-runtime";var Lp=e=>so(z,{children:[so(p,{children:"Button"},"toolbar-button"),so(D,{text:"Menu button"},"toolbar-menu-button"),so(P,{children:"Split button"},"toolbar-split-button"),Rh(T,{children:[so(p,{className:"k-group-start",icon:"align-left",children:"Left"}),so(p,{icon:"align-center",children:"Center"}),so(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as S2,jsxs as y2}from"react/jsx-runtime";import{jsx as He,jsxs as Mp}from"react/jsx-runtime";var Sp=e=>He(z,{scrollable:!0,...e,children:[He(p,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(P,{children:"Split button"},"toolbar-split-button"),Mp(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),He(p,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(P,{children:"Split button"},"toolbar-split-button"),Mp(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as ze,jsxs as yp}from"react/jsx-runtime";var Ap=({scrollingPosition:e="start",...t})=>ze(z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[ze(p,{children:"Button"},"toolbar-button"),ze(D,{text:"Menu button"},"toolbar-menu-button"),ze(P,{children:"Split button"},"toolbar-split-button"),yp(T,{children:[ze(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(p,{icon:"align-center",children:"Center"}),ze(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ze(p,{children:"Button"},"toolbar-button"),ze(D,{text:"Menu button"},"toolbar-menu-button"),ze(P,{children:"Split button"},"toolbar-split-button"),yp(T,{children:[ze(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(p,{icon:"align-center",children:"Center"}),ze(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Kh,jsx as Te,jsxs as Ln}from"react/jsx-runtime";var Cp=({fillMode:e,size:t,...o})=>Ln(Kh,{children:[Te(z,{section:!0,fillMode:e,size:t,children:[Te(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ln(T,{fillMode:e,children:[Te(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Te(rt,{className:"k-toolbar-button-separator"}),Te(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Ln(kn,{size:t,fillMode:e,section:!0,...o,children:[Te(P,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Te(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Te(rt,{}),Te(D,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Ln(T,{fillMode:e,children:[Te(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as nU,jsx as oU,jsxs as aU}from"react/jsx-runtime";import{Fragment as bU,jsx as uU,jsxs as fU}from"react/jsx-runtime";import{jsx as Ut}from"react/jsx-runtime";var _h=z.options,Dh=z.states,Ep={...z.defaultOptions,variant:"default"},Hh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],zh=[],Zo=e=>{let{variant:t,...o}={...Ep,...e};switch(t){case"responsive":return Ut("div",{children:Ut(Cp,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Ap,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(Sp,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(Lp,{style:{width:"583px"},...o})})}};Zo.options=_h;Zo.states=Dh;Zo.variants=Hh;Zo.defaultOptions=Ep;Zo.modifiers=zh;Zo.className=z.className;import{Fragment as Vh,jsx as st,jsxs as Ka}from"react/jsx-runtime";var Ip="k-message",Uh=[s.hover,s.selected,s.active,s.focus],Fh={},Gh=[st(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),st(p,{icon:"arrow-rotate-cw-outline",fillMode:"flat","aria-label":"Retry"}),st(p,{icon:"download-light",fillMode:"flat","aria-label":"Download"})],Qo={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Gh,failed:"Failed to send"},U=e=>{let{time:t=Qo.time,text:o=Qo.text,content:a,status:n=Qo.status,statusIcon:i,toolbarItems:l=Qo.toolbarItems,hover:c,selected:u,active:f,focus:N,toolbar:x,typing:m,expandable:L,expanded:k,removed:y,files:C,failed:M,...I}=e,X=M===!0?Qo.failed:M;return Ka("div",{...I,className:r(Ip,e.className,{"k-message-removed":y,"k-message-failed":M}),children:[M&&st(se,{className:"k-resend-button",icon:"arrow-rotate-cw-outline",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),st(Tp,{typing:m,selected:u,hover:c,active:f,focus:N,content:Ka(Vh,{children:[a,o&&st("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:k,files:C}),Ka("div",{className:"k-message-info",children:[n&&Ka("span",{className:"k-message-status",children:[i&&st(v,{icon:i,size:"xsmall"}),n]}),t&&st("time",{className:"k-message-time",children:t}),M&&Ka("span",{className:"k-message-failed-content",children:[M&&st(v,{icon:"warning-triangle",size:"xsmall"}),M&&st("span",{className:"k-message-failed-text",children:X})]})]}),x&&st(z,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};U.states=Uh;U.options=Fh;U.className=Ip;U.defaultOptions=Qo;var gs="avatar",Op=gs;import{jsx as Bp}from"react/jsx-runtime";var _a="k-avatar";var $h=[s.hover,s.focus,s.active,s.selected,s.disabled],Xh={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]},Ns={type:"text",border:!1},ue=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Ns.type,border:l=Ns.border,...c}=e;return Bp("div",{...c,className:r(e.className,_a,A(_a,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${_a}-bordered`]:l}),children:Bp("span",{className:`${_a}-${i}`,children:e.children})})};ue.states=$h;ue.options=Xh;ue.className=_a;ue.defaultOptions=Ns;ue.moduleName=gs;ue.folderName=Op;ue.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var io=ue;import{jsx as qh}from"react/jsx-runtime";var Pp=e=>qh(io,{type:"icon",...e});import{jsx as Wh}from"react/jsx-runtime";var wp=e=>Wh(io,{type:"text",...e});import{jsx as Jh}from"react/jsx-runtime";var Mn=e=>Jh(io,{type:"image",...e});import{jsx as l3}from"react/jsx-runtime";import{jsx as Da}from"react/jsx-runtime";var Yh=ue.options,Zh=ue.states,Qh={...ue.defaultOptions,variant:"image"},jh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],ex=[],jo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Da(Pp,{...o,children:Da(v,{icon:"star"})});case"text":return Da(wp,{...o,children:"JO"});default:return Da(Mn,{...o,children:Da("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};jo.options=Yh;jo.states=Zh;jo.variants=jh;jo.defaultOptions=Qh;jo.modifiers=ex;jo.className=ue.className;import{jsx as ea,jsxs as vs}from"react/jsx-runtime";var Ha="k-message-group",tx=[s.selected],ox={},Sn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},F=e=>{let{type:t=Sn.type,author:o=Sn.author,avatar:a=Sn.avatar,status:n,selected:i,fullWidth:l,...c}=e;return vs("div",{...c,className:r(Ha,e.className,S(Ha,{selected:i}),{[`${Ha}-${t}`]:t,"k-no-avatar":!a,[`${Ha}-full-width`]:l}),children:[a&&!n&&ea(ue,{type:"image",children:ea("img",{src:a,alt:o||""})}),n&&a&&vs("div",{className:"k-chat-user-status-wrapper",children:[ea(ue,{type:"image",children:ea("img",{src:a,alt:o||""})}),ea("div",{className:"k-chat-user-status"})]}),vs("div",{className:"k-message-group-content",children:[o&&ea("span",{className:"k-message-author",children:o}),e.children]})]})};F.states=tx;F.options=ox;F.className=Ha;F.defaultOptions=Sn;import{Fragment as nx,jsx as yn,jsxs as Rp}from"react/jsx-runtime";var ks="k-message-reference",ax={},Kp={type:"receiver"},ta=e=>{let{content:t,closeable:o,pinned:a,type:n=Kp.type,...i}=e;return Rp("div",{...i,className:r(ks,e.className,{[`${ks}-${n}`]:n,"k-message-pinned":a}),children:[a&&yn(v,{icon:"pin-outline"}),yn("div",{className:"k-message-reference-content",children:t}),o&&Rp(nx,{children:[yn("span",{className:"k-spacer"}),yn(p,{icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};ta.options=ax;ta.className=ks;ta.defaultOptions=Kp;var Ls="bubble",_p=Ls;import{jsx as An,jsxs as sx}from"react/jsx-runtime";var Ms="k-bubble",rx=[s.hover,s.active,s.selected,s.focus],Ss={expandable:!1,expanded:!1},Ft=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Ss.expandable,expanded:c=Ss.expanded,...u}=e;return sx("div",{...u,className:r(e.className,Ms,S(Ms,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":c}),tabIndex:0,children:[An("div",{className:"k-bubble-content",children:t??e.children}),l&&An("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":c?"Show less":"Show more",tabIndex:0,children:c?An(v,{icon:"chevron-up"}):An(v,{icon:"chevron-down"})})]})};Ft.states=rx;Ft.className=Ms;Ft.defaultOptions=Ss;Ft.moduleName=Ls;Ft.folderName=_p;Ft.ariaSpec={selector:".k-bubble",rules:[{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."}]};import{jsx as F3}from"react/jsx-runtime";import{jsx as X3}from"react/jsx-runtime";import{jsx as Y3}from"react/jsx-runtime";import{jsx as ys,jsxs as Hp}from"react/jsx-runtime";var ix="k-chat-bubble",Tp=e=>{let{typing:t,content:o,files:a,...n}=e;return Hp(Ft,{...n,className:r(e.className,ix),children:[t?Hp("div",{className:"k-typing-indicator",tabIndex:-1,children:[ys("span",{}),ys("span",{}),ys("span",{})]}):o,a]})};import{jsx as cF}from"react/jsx-runtime";import{jsx as zp,jsxs as lx}from"react/jsx-runtime";var Up="k-chat-event",As={icon:"trash",text:"You deleted Chat history."},Fp=e=>{let{icon:t=As.icon,text:o=As.text,...a}=e;return lx("div",{...a,className:r(e.className,Up),children:[t&&zp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&zp("span",{className:"k-chat-event-text",children:o})]})};Fp.className=Up;Fp.defaultOptions=As;import{jsx as kF}from"react/jsx-runtime";import{Fragment as px,jsx as ht,jsxs as dx}from"react/jsx-runtime";var Gp=e=>ht(G,{children:dx(px,{children:[ht("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),ht(F,{children:ht(U,{})}),ht(F,{type:"sender",children:ht(U,{})}),ht(F,{children:ht(U,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),ht(F,{type:"sender",children:ht(U,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as Vp}from"react/jsx-runtime";var Cn="k-file-box-wrapper",$p={layout:"horizontal"},xt=e=>{let{layout:t=$p.layout,scrollingPosition:o,...a}=e;return Vp("ul",{role:"list","aria-label":"Attached files",...a,className:r(e.className,Cn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${Cn}-scrollable-start`]:t==="horizontal"&&(o==="start"||o==="both"),[`${Cn}-scrollable-end`]:t==="horizontal"&&(o==="end"||o==="both")}),children:t==="horizontal"?Vp("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};xt.className=Cn;xt.defaultOptions=$p;var Cs="file-box",Xp=Cs;import{jsx as oa,jsxs as qp}from"react/jsx-runtime";var Wp="k-file-box",cx=[s.selected],mx={},za={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Ae=e=>{let{icon:t=za.icon,name:o=za.name,size:a=za.size,status:n,deleted:i,removeButton:l,showButton:c=za.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return qp("li",{role:"listitem",tabIndex:0,"aria-label":f||void 0,...u,className:r(Wp,e.className,{"k-file-deleted":i}),children:[oa(v,{icon:t,size:"xlarge","aria-hidden":"true"}),qp("div",{className:"k-file-info",children:[o&&oa("span",{className:"k-file-name",children:o}),a&&oa("span",{className:"k-file-size",children:a}),n&&oa("span",{className:"k-file-status",children:n})]}),c&&(l?oa(p,{as:"span",icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):oa(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Ae.states=cx;Ae.options=mx;Ae.className=Wp;Ae.defaultOptions=za;Ae.moduleName=Cs;Ae.folderName=Xp;Ae.ariaSpec={selector:".k-file-box-wrapper",rules:[{selector:".k-file-box-wrapper",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-file-box-wrapper",attribute:"aria-label",usage:'Provides an accessible name for the file list (e.g. "Attached files").'},{selector:".k-file-box-wrapper .k-files-scroll",attribute:"role=presentation",usage:"The scrollable container between the list and its items is presentational, ensuring the list\u2192listitem relationship is preserved in the accessibility tree."},{selector:".k-file-box-wrapper .k-file-box",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-file-box-wrapper .k-file-box",attribute:"tabindex",usage:"Makes the file box focusable. Uses roving tabindex: 0 for the focused item, -1 for the rest."},{selector:".k-file-box-wrapper .k-file-box",attribute:"aria-label",usage:'Provides an accessible name describing the file. Can include the file name and size (e.g. "FileName.pdf 2MB").'},{selector:".k-file-box-wrapper .k-file-box .k-icon",attribute:"aria-hidden=true",usage:"The file type icon is decorative and hidden from screen readers."},{selector:".k-file-box-wrapper .k-file-box span.k-button",attribute:"aria-hidden=true",usage:"The remove button is rendered as a decorative span and hidden from screen readers. File removal is handled by keyboard interaction on the listitem itself."}]};import{jsx as zF}from"react/jsx-runtime";import{jsx as $F}from"react/jsx-runtime";import{jsx as YF,jsxs as ZF}from"react/jsx-runtime";import{jsx as o5,jsxs as a5}from"react/jsx-runtime";import{jsx as l5}from"react/jsx-runtime";import{Fragment as L5,jsx as k5,jsxs as M5}from"react/jsx-runtime";import{Fragment as E5,jsx as C5,jsxs as I5}from"react/jsx-runtime";var Es="skeleton",Jp=Es;import{jsx as hx}from"react/jsx-runtime";var Is="k-skeleton",ux=["circle","text","rect"],fx=[],bx={},Ts={variant:"text",shape:"text",animation:"pulse"},it=e=>{let{variant:t,shape:o,animation:a=Ts.animation,...n}=e,i=`skeleton-${t||o||Ts.variant}`;return hx("span",{...n,className:r(e.className,Is,qa(Is,i),{[`k-skeleton-${a}`]:a}),style:e.style})};it.states=fx;it.options=bx;it.variants=ux;it.className=Is;it.defaultOptions=Ts;it.moduleName=Es;it.folderName=Jp;it.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as D5}from"react/jsx-runtime";import{jsx as F5}from"react/jsx-runtime";import{jsx as X5}from"react/jsx-runtime";import{Fragment as sG,jsx as nG,jsxs as rG}from"react/jsx-runtime";import{Fragment as cG,jsx as dG,jsxs as mG}from"react/jsx-runtime";import{jsx as hG}from"react/jsx-runtime";import{Fragment as kG,jsx as vG,jsxs as LG}from"react/jsx-runtime";import{Fragment as CG,jsx as AG,jsxs as EG}from"react/jsx-runtime";import{Fragment as PG,jsx as BG,jsxs as wG}from"react/jsx-runtime";import{Fragment as HG,jsx as DG}from"react/jsx-runtime";var Os="appbar",Yp=Os;import{jsx as vx}from"react/jsx-runtime";var Bs="k-appbar",xx=[],gx={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.inverse]},Nx={},fe=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return vx("div",{...n,className:r(e.className,Bs,A(Bs,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};fe.states=xx;fe.options=gx;fe.className=Bs;fe.defaultOptions=Nx;fe.moduleName=Os;fe.folderName=Yp;fe.ariaSpec={selector:".k-appbar",rules:[]};import{jsx as Lx}from"react/jsx-runtime";var kx="k-appbar-section",gt=e=>{let{...t}=e;return Lx("div",{...t,className:r(kx,e.className),children:e.children})};import{Fragment as e6,jsx as QG,jsxs as jG}from"react/jsx-runtime";import{jsx as ee,jsxs as aa}from"react/jsx-runtime";var Ps={...fe.options,positionMode:["static","sticky","fixed"]},Mx=fe.states,Zp={...fe.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};Ps.themeColor=["primary",...Ps.themeColor.filter(e=>e!=="primary")];var Sx=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],na=e=>{let{variant:t,...o}={...Zp,...e},a=aa(fe,{position:t,...o,children:[ee(gt,{children:ee(se,{fillMode:"flat",icon:"menu"})}),ee("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),ee(gt,{children:ee("h3",{className:"k-m-0",children:"AppBar"})}),ee("span",{className:"k-spacer"}),aa(gt,{children:[ee(at,{fillMode:"flat",children:"Button"}),ee(at,{fillMode:"flat",children:"Button"}),ee(at,{fillMode:"flat",children:"Button"})]}),ee("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),ee(gt,{children:ee(nn,{value:"Input value"})}),aa(gt,{children:[ee(se,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),ee("span",{className:"k-appbar-separator"}),ee(Mn,{className:"k-mx-sm",children:ee("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=aa("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"?aa("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):aa("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};na.options=Ps;na.states=Mx;na.variants=Sx;na.defaultOptions=Zp;na.modifiers=[];na.className=fe.className;var ws="suggestion",Qp=ws;import{jsx as En,jsxs as Cx}from"react/jsx-runtime";var In="k-suggestion-group",yx=[],Ax={},jp={layout:"scrollable",scrollingPosition:"start"},et=e=>{let{layout:t=jp.layout,scrollingPosition:o,...a}=e,n=En("div",{...a,className:r(In,{"k-suggestion-group-scrollable":t=="scrollable",[`${In}-scrollable-start`]:o==="start"||o==="both",[`${In}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?En("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Cx("div",{className:"k-suggestion-scrollwrap",children:[En(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,En(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};et.states=yx;et.options=Ax;et.className=In;et.defaultOptions=jp;et.moduleName=ws;et.folderName=Qp;import{jsx as Ox}from"react/jsx-runtime";var Tn="k-suggestion",Ex=[s.active,s.hover,s.focus],Ix={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},Tx={text:"Suggestion"},tt=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return Ox("span",{...l,className:r(e.className,Tn,S(Tn,{hover:a,active:o,focus:n}),A(Tn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};tt.states=Ex;tt.options=Ix;tt.className=Tn;tt.item=Tx;import{Fragment as C6,jsx as A6,jsxs as E6}from"react/jsx-runtime";import{Fragment as P6,jsx as B6,jsxs as w6}from"react/jsx-runtime";import{Fragment as H6,jsx as D6,jsxs as z6}from"react/jsx-runtime";import{Fragment as _x,jsx as te,jsxs as On}from"react/jsx-runtime";var Bx=G.states,Px=G.defaultOptions,wx=G.options,Rx=[{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"}],Kx=[],ra=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=On(fe,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[te("span",{className:"k-spacer k-spacer-sized k-w-1"}),te(gt,{children:te("span",{children:"Chat with demo bot"})}),te("span",{className:"k-spacer"}),te(gt,{children:te(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=te(ta,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=On(et,{children:[te(tt,{text:"Provide a CV template"}),te(tt,{text:"Generate a cover letter"})]}),c=On(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(_x,{});break;default:break}});let{header:m,pinned:L,suggestedActions:k,author:y,avatar:C,quickReplies:M}=a;return On(Gp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:k,children:[te(F,{avatar:f,author:y?x:null,children:te(U,{text:"Hello, this is a demo bot. How can I help you ?"})}),te(F,{avatar:C?u:null,author:y?N:null,type:"sender",children:te(U,{text:"Hello! Generate a cover letter."})}),te(F,{avatar:f,author:y?x:null,children:te(U,{text:"Sure. Here is a cover letter template",files:te(xt,{children:te(Ae,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),M]})};ra.options=wx;ra.states=Bx;ra.variants=Kx;ra.defaultOptions=Px;ra.modifiers=Rx;ra.className=G.className;var Rs="window",ed=Rs;import{jsx as Ux}from"react/jsx-runtime";var td="k-window-content",Dx=[],Hx={},zx={},Gt=e=>{let{children:t,...o}=e;return Ux("div",{...o,className:r(td,e.className),children:t})};Gt.states=Dx;Gt.options=Hx;Gt.className=td;Gt.defaultOptions=zx;Gt.moduleName=Rs;Gt.folderName=ed;var Ua="dialog",Bn=Ua;import{Fragment as Vx,jsx as lo,jsxs as Ks}from"react/jsx-runtime";var od="k-dialog",Fx=[],Gx={},_s={actionButtonsAlign:"stretched",modal:!0},Ce=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=_s.actionButtonsAlign,modal:i=_s.modal,...l}=e,c=t!==void 0?w("dialog-titlebar"):void 0,u=w("dialog-content");return Ks("div",{className:"k-dialog-wrapper",children:[i&&lo(mt,{}),Ks("div",{...l,className:r(e.className,od,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0||o)&&Ks("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&lo("span",{className:"k-window-title k-dialog-title",children:t}),o&&lo(Vx,{children:lo("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>lo(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),lo(Gt,{className:"k-dialog-content",id:u,children:e.children}),a&&lo(Re,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};Ce.states=Fx;Ce.options=Gx;Ce.className=od;Ce.defaultOptions=_s;Ce.moduleName=Ua;Ce.folderName=Bn;Ce.ariaSpec={selector:".k-dialog",rules:[{selector:".k-dialog",attribute:"role=dialog or role=alertdialog",usage:"Announces the dialog or alertdialog role of the component."},{selector:".k-dialog",attribute:"aria-labelledby",usage:"Associate the title of the dialog."},{selector:".k-dialog",attribute:"aria-describedby",usage:"Associate the dialog content to the wrap element."},{selector:".k-overlay + .k-dialog",attribute:"aria-modal=true",usage:"Announces that the dialog is modal. Attribute is added only when the dialog is modal."}]};var Ds=Ce;import{jsx as Wx}from"react/jsx-runtime";var ad="k-dialog-wrapper",$x=[],Xx={},qx={},sa=e=>{let{...t}=e;return Wx("div",{...t,className:r(e.className,ad),children:e.children})};sa.states=$x;sa.options=Xx;sa.className=ad;sa.defaultOptions=qx;sa.moduleName=Ua;sa.folderName=Bn;import{Fragment as nd,jsx as Pn,jsxs as Jx}from"react/jsx-runtime";var rd=e=>Pn(Ds,{title:"Title",children:Pn(nd,{children:"Dialog content"}),actionButtons:Jx(nd,{children:[Pn(p,{children:"Action"}),Pn(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as Q7,jsx as j7,jsxs as e9}from"react/jsx-runtime";import{Fragment as tg,jsx as wn,jsxs as og}from"react/jsx-runtime";var Yx=Ce.options,Zx=[],Qx=Ce.states,jx=Ce.defaultOptions,eg=[],ia=e=>wn(rd,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:og(tg,{children:[wn(p,{children:"No"}),wn(p,{themeColor:"primary",children:"Yes"})]}),children:wn("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});ia.options=Yx;ia.states=Qx;ia.variants=Zx;ia.defaultOptions=jx;ia.modifiers=eg;ia.className=Ce.className;var Hs="dropzone",sd=Hs;import{jsx as Rn,jsxs as rg}from"react/jsx-runtime";var zs="k-external-dropzone",ag=[s.disabled,s.hover],ng={},Us={icon:"upload",hint:"Drag and drop files here to upload"},be=e=>{let{hover:t,disabled:o,icon:a=Us.icon,hint:n=Us.hint,note:i,...l}=e;return Rn("div",{...l,className:r(e.className,zs,S(zs,{disabled:o}),{"k-external-dropzone-hover":t}),children:rg("div",{className:"k-dropzone-inner",children:[a&&Rn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&Rn("span",{className:"k-dropzone-hint",children:n}),i&&Rn("span",{className:"k-dropzone-note",children:i})]})})};be.states=ag;be.options=ng;be.className=zs;be.defaultOptions=Us;be.moduleName=Hs;be.folderName=sd;import{jsx as sg}from"react/jsx-runtime";var id=e=>sg(be,{...e});import{jsx as y9}from"react/jsx-runtime";import{jsx as mg}from"react/jsx-runtime";var ig=be.options,lg=be.states,pg=be.defaultOptions,dg=[{name:"note",title:"Note"}],cg=[],la=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)}),mg(id,{style:{width:"500px"},...o,...a})};la.options=ig;la.states=lg;la.variants=cg;la.defaultOptions=pg;la.modifiers=dg;la.className=be.className;import{Fragment as Kn,jsx as Vt,jsxs as Fa}from"react/jsx-runtime";var Fs="k-upload-dropzone",ug=[s.hover],_n=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,c;switch(o){case"uploading":c=Fa(Kn,{children:[Vt(v,{icon:"upload"}),"Uploading..."]});break;case"done":c=Fa(Kn,{children:[Vt(v,{icon:"check"}),"Done"]});break;case"failed":c=Fa(Kn,{children:[Vt(v,{icon:"exclamation-circle"}),"Done"]});break;default:c=Vt(Kn,{});break}return Fa("div",{...l,className:r(e.className,Fs,"k-dropzone",S(Fs,{hover:t})),children:[Fa("div",{className:"k-upload-button-wrap",children:[Vt(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),Vt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Vt("span",{className:r("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Vt("span",{className:"k-upload-status",children:c})]})};_n.states=ug;_n.className=Fs;var Gs="upload",ld=Gs;import{jsx as Dn,jsxs as dd}from"react/jsx-runtime";var Vs="k-upload",fg=[s.hover,s.disabled],bg={},cd={actionsLayout:"end"},pd="upload-files-list",Y=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=cd.actionsLayout,hover:i,status:l,disabled:c,...u}=e,f=!!e.children;return dd("div",{...u,className:r(e.className,Vs,S(Vs,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[Dn(_n,{status:l,hover:i,disabled:c,hasFiles:f,filesId:pd}),f&&Dn("ul",{className:"k-upload-files",role:"list",id:pd,children:e.children}),a&&f&&dd(Xi,{alignment:n,orientation:"horizontal",children:[Dn(p,{className:"k-clear-selected",children:"Clear"}),Dn(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};Y.states=fg;Y.options=bg;Y.className=Vs;Y.defaultOptions=cd;Y.moduleName=Gs;Y.folderName=ld;Y.ariaSpec={selector:".k-upload",rules:[{selector:".k-upload .k-upload-button",attribute:"aria-disabled",usage:"Announces the disabled state of the upload button."},{selector:".k-upload .k-upload-button",attribute:"aria-controls (when present)",usage:"Creates the relationship between the button and the list of selected files when the list is present."},{selector:".k-upload input",attribute:"tabindex=-1",usage:"Assures that the input element inside the upload is not focusable."},{selector:".k-upload input",attribute:"aria-hidden=true",usage:"The input needs to be hidden from screen readers."},{selector:".k-upload-files",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-upload-files",attribute:"id",usage:"Unique and deterministic id linked to the button aria-controls attribute."},{selector:".k-upload-files .k-file",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-upload .k-file .k-file-validation-message",attribute:"aria-live=polite",usage:"Announces the change in the upload status of the file."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"aria-label",usage:"Provides accessible names for the file action buttons."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"tabindex=-1",usage:"The list file action buttons are not focusable elements."}]};var Ga="progressbar",Hn=Ga;import{jsx as Xs,jsxs as $s}from"react/jsx-runtime";var ot="k-progressbar",hg=[s.disabled,s.indeterminate],xg={orientation:["horizontal","vertical"]},po={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},he=e=>{let{disabled:t,height:o,indeterminate:a=po.indeterminate,label:n=po.label,labelPosition:i=po.labelPosition,orientation:l=po.orientation,reverse:c=po.reverse,value:u=po.value,width:f,style:N,ariaLabel:x,...m}=e;return $s("div",{...m,className:r(e.className,ot,S(ot,{disabled:t}),{[`${ot}-${l}`]:l,[`${ot}-indeterminate`]:a,[`${ot}-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:[Xs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&$s("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Xs("div",{className:"k-progressbar-value k-selected",children:Xs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&$s("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};he.states=hg;he.options=xg;he.className=ot;he.defaultOptions=po;he.moduleName=Ga;he.folderName=Hn;he.ariaSpec={selector:".k-progressbar",implicitRole:"progressbar",rules:[{selector:".k-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ProgressBar."},{selector:".k-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ProgressBar needs an accessible name to be assigned to it."},{selector:".k-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Decimal value between aria-valuemin and aria-valuemax."},{selector:".k-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to 100."}]};var md=he;import{jsx as qs}from"react/jsx-runtime";var ud="k-chunk-progressbar",gg=(e,t)=>t<=e-1,Ng=[s.disabled,s.indeterminate],vg={},zn={chunkCount:5,orientation:"horizontal",progress:0},co=e=>{let{disabled:t,chunkCount:o=zn.chunkCount,indeterminate:a,orientation:n=zn.orientation,progress:i=zn.progress,reverse:l,ariaLabel:c,...u}=e;return qs("div",{...u,className:r(e.className,ot,ud,S(ot,{disabled:t}),{[`${ot}-${n}`]:n,[`${ot}-indeterminate`]:a,[`${ot}-reverse`]:l}),role:"progressbar","aria-label":c||"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:qs("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>qs("li",{className:r("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":gg(i,N)})},N))})})};co.states=Ng;co.options=vg;co.className=ud;co.defaultOptions=zn;co.moduleName=Ga;co.folderName=Hn;co.ariaSpec={selector:".k-chunk-progressbar",implicitRole:"progressbar",rules:[{selector:".k-chunk-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ChunkProgressBar."},{selector:".k-chunk-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ChunkProgressBar needs an accessible name to be assigned to it."},{selector:".k-chunk-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Value between aria-valuemin and aria-valuemax."},{selector:".k-chunk-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-chunk-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to chunk count."}]};import{jsx as kg}from"react/jsx-runtime";var Va=e=>kg(md,{...e});import{jsx as m4}from"react/jsx-runtime";import{jsx as $t}from"react/jsx-runtime";var Lg=he.options,Mg=he.states,fd={...he.defaultOptions,variant:"start"},Sg=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],yg=[],pa=e=>{let{variant:t,modifiers:o,...a}={...fd,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o||{}).forEach(l=>{switch(l){case"reverse":n.reverse=!!o?.[l];break;case"vertical":n.orientation=o?.[l]?"vertical":void 0,i.style=o?.[l]?void 0:{width:"324px"};break}}),t){case"end":return $t("div",{...i,children:$t(Va,{...a,...n,labelPosition:"end",value:"50"})});case"center":return $t("div",{...i,children:$t(Va,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return $t("div",{...i,children:$t(Va,{...a,...n,label:!1,value:"50"})});default:return $t("div",{...i,children:$t(Va,{...a,...n,labelPosition:"start",value:"50"})})}};pa.options=Lg;pa.states=Mg;pa.variants=Sg;pa.defaultOptions=fd;pa.modifiers=yg;pa.className=he.className;import{jsx as Ws,jsxs as Cg}from"react/jsx-runtime";var Ag="k-file-info",Js=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return Cg("div",{...n,className:r(e.className,Ag),children:[t&&Ws("span",{className:"k-file-name",children:t}),o&&Ws("span",{className:"k-file-size",children:o}),a&&Ws("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as Ig,jsx as Et,jsxs as Un}from"react/jsx-runtime";var Eg="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:c,...u}=e;return Et("li",{...u,className:r(e.className,Eg,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Un("div",{className:"k-file-single",children:[Et(he,{className:r({"k-hidden":t!=="progress"}),value:o,label:!1}),Un("span",{className:"k-file-icon-wrapper",children:[Et(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&Et("span",{className:"k-file-state",children:l})]}),Et(Js,{name:a,size:i,validationMsg:c}),Et("div",{className:"k-upload-actions",children:t==="progress"?Un(Ig,{children:[Un("span",{className:"k-upload-pct",children:[o,"%"]}),Et(p,{icon:"pause-sm",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),Et(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):Et(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as F4,jsx as z4,jsxs as U4}from"react/jsx-runtime";import{Fragment as Tg,jsx as Ys,jsxs as Og}from"react/jsx-runtime";var $a=e=>Ys(Y,{async:!0,children:Og(Tg,{children:[Ys(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),Ys(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as Q4,jsx as Y4,jsxs as Z4}from"react/jsx-runtime";import{jsx as Bg}from"react/jsx-runtime";var bd=e=>Bg(Y,{async:!0,empty:!0,...e});import{Fragment as s8,jsx as r8,jsxs as i8}from"react/jsx-runtime";import{Fragment as m8,jsx as c8,jsxs as u8}from"react/jsx-runtime";import{jsx as It,jsxs as Fn}from"react/jsx-runtime";var Pg=Y.options,wg=Y.states,hd={...Y.defaultOptions,variant:"empty"},Rg=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],Kg=[],da=e=>{let{variant:t,...o}={...hd,...e};switch(t){case"success":return Fn($a,{status:"done",style:{width:"586px"},...o,children:[It(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),It(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Fn($a,{status:"failed",style:{width:"586px"},...o,children:[It(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),It(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Fn($a,{status:"uploading",style:{width:"586px"},...o,children:[It(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),It(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Fn($a,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[It(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),It(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return It(bd,{async:!0,status:"upload",style:{width:"586px"},...o})}};da.options=Pg;da.states=wg;da.variants=Rg;da.defaultOptions=hd;da.modifiers=Kg;da.className=Y.className;import{Fragment as Zs,jsx as Be,jsxs as Gn}from"react/jsx-runtime";var H8=e=>Gn(Zs,{children:[Be(G,{children:Gn(Zs,{children:[Be("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Be(F,{children:Be(U,{})}),Be(F,{type:"sender",children:Be(U,{})}),Be(F,{children:Be(U,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),Be(F,{type:"sender",children:Be(U,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e}),Gn(Ce,{className:"k-chat-upload",title:"Upload file(s)",actions:["x"],actionButtons:Gn(Zs,{children:[Be(p,{themeColor:"primary",disabled:!0,children:"Upload"}),Be(p,{children:"Cancel"})]}),children:[Be(be,{}),Be(Y,{empty:!0,status:"upload"})]})]});export{H8 as ChatUpload};
+var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked: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 qa(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 qn={};function w(e){return qn[e]=(qn[e]||0)+1,`k-${e}-${qn[e]}`}import{Fragment as kd,jsx as js}from"react/jsx-runtime";var Wn="k-font-icon",gd=[],Nd={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]},vd={},ca=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?js("span",{...l,className:r(e.className,Wn,A(Wn,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true"}):js(kd,{})};ca.states=gd;ca.options=Nd;ca.className=Wn;ca.defaultOptions=vd;var ei=ca;import{Fragment as Sd,jsx as Wa}from"react/jsx-runtime";var Jn="k-svg-icon",Ld=[],Md={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},ti={viewBox:"0 0 24 24"},ma=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=ti.viewBox,icon:l,...c}=e;if(!l)return Wa(Sd,{});if(l==="none")return Wa("span",{...c,className:r(e.className,Jn,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof l=="object"&&l.name&&l.name;return Wa("span",{...c,className:r(e.className,Jn,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:Wa("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})})};ma.states=Ld;ma.options=Md;ma.className=Jn;ma.defaultOptions=ti;var Yn=ma;import*as Zn from"@progress/kendo-svg-icons";var oi="icon",ai="icons";import{useContext as Ad}from"react";import{createContext as yd}from"react";var ni=yd({iconsType:"svg"});import{Fragment as ri,jsx as ua}from"react/jsx-runtime";var Ja="k-icon",Cd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ed=[],Id={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]},Qn={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=Ad(ni),{size:o,themeColor:a,icon:n,type:i=t||Qn.type,rotate:l,flip:c,viewBox:u=Qn.viewBox,...f}=e;if(!n)return ua(ri,{});if((t||i)==="svg"){if(n==="none")return ua(Yn,{...f,className:r(e.className,Ja),icon:n,size:o});let x=Zn[n]?n:Cd(`${n}-icon`);return Zn[x]?ua(Yn,{...f,className:r(e.className,Ja),icon:Zn[x],size:o,themeColor:a,rotate:l,flip:c,viewBox:u}):ua(ri,{})}return ua(ei,{...f,className:r(e.className,Ja),icon:n,size:o,themeColor:a,rotate:l,flip:c})};v.states=Ed;v.options=Id;v.defaultOptions=Qn;v.className=Ja;v.moduleName=oi;v.folderName=ai;v.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var jn="button",si=jn;import{Fragment as Pd,jsx as fa,jsxs as ii}from"react/jsx-runtime";var ba="k-button",Td=["icon-button"],Od=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Bd={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]},er={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=er.showArrow,arrowIconName:c=er.arrowIconName,variant:u,hover:f,focus:N,active:x,selected:m,disabled:L,togglable:k,ariaDisabled:y,icon:C,text:M,iconClassName:I,className:X,...pe}=e,xe=C!==void 0,ge=e.children!==void 0;return ii(t,{className:r(X,ba,qa(ba,u),A(ba,{size:o,rounded:a,fillMode:n,themeColor:i}),S(ba,{hover:f,focus:N,active:x,disabled:L||y,selected:m}),{"k-icon-button":!M&&!ge&&xe}),...pe,"aria-pressed":k?m?"true":"false":void 0,"aria-disabled":y?"true":void 0,disabled:L||void 0,children:[C&&fa(v,{className:r(I,"k-button-icon"),icon:C}),M?ii(Pd,{children:[M&&fa("span",{className:"k-button-text",children:M}),e.children]}):e.children&&fa("span",{className:"k-button-text",children:e.children}),l&&fa("span",{className:"k-menu-button-arrow k-button-arrow",children:fa(v,{icon:c})})]})};p.states=Od;p.options=Bd;p.variants=Td;p.className=ba;p.defaultOptions=er;p.moduleName=jn;p.folderName=si;p.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as wd}from"react/jsx-runtime";var se=e=>wd(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Rd}from"react/jsx-runtime";var ha=e=>Rd(p,{icon:"folder",children:"Button",...e});import{jsx as Kd}from"react/jsx-runtime";var at=e=>Kd(p,{children:"Button",...e});import{jsx as tr}from"react/jsx-runtime";var _d=p.options,Dd=p.states,Hd={...p.defaultOptions,variant:"text"},zd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ud=[],mo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return tr(se,{...o,icon:"star"});case"icon-and-text":return tr(ha,{...o,icon:"star",children:"Button"});default:return tr(at,{...o,children:"Button"})}};mo.options=_d;mo.states=Dd;mo.variants=zd;mo.defaultOptions=Hd;mo.modifiers=Ud;mo.className=p.className;import{jsx as li,jsxs as Xd}from"react/jsx-runtime";var Ya="k-fab",Vd=[s.hover,s.focus,s.active,s.selected,s.disabled],$d={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},pi={type:"button"},Z=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=pi.type,position:c,hover:u,focus:f,active:N,selected:x,disabled:m,...L}=e;return Xd("button",{...L,type:l,className:r(e.className,Ya,A(Ya,{size:t,rounded:o,themeColor:a}),S(Ya,{hover:u,focus:f,active:N,disabled:m,selected:x}),{[`!k-pos-absolute k-${c}`]:c}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...m&&{"aria-disabled":"true"},disabled:m||void 0,children:[i&&li(v,{className:"k-fab-icon",icon:i}),n&&li("span",{className:"k-fab-text",children:n})]})};Z.states=Vd;Z.options=$d;Z.className=Ya;Z.defaultOptions=pi;Z.moduleName="fab";Z.folderName="fab";Z.ariaSpec={selector:".k-fab",rules:[{selector:".k-fab",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-fab",attribute:"aria-label or title (when icon-only)",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-fab.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."}]};import{jsx as Wd}from"react/jsx-runtime";var qd="k-fab-items",di=e=>{let{position:t,...o}=e;return Wd("ul",{...o,className:r(e.className,qd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as mi,jsxs as Yd}from"react/jsx-runtime";var ci="k-fab-item",Jd=[s.hover,s.focus,s.active,s.disabled],or=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:c,...u}=e;return Yd("li",{...u,className:r(e.className,ci,{[`k-text-${a}`]:a},S(ci,{hover:n,focus:i,active:l,disabled:c})),children:[mi("span",{className:"k-fab-item-text",children:t}),mi(v,{className:"k-fab-item-icon",icon:o})]})};or.states=Jd;import{jsx as av}from"react/jsx-runtime";import{jsx as Zd}from"react/jsx-runtime";var ui=e=>Zd(Z,{icon:"plus",...e});import{jsx as dv}from"react/jsx-runtime";import{jsx as fv}from"react/jsx-runtime";import{jsx as uo,jsxs as ac}from"react/jsx-runtime";var Qd=Z.options,jd=Z.states,ec={...Z.defaultOptions,variant:"text"},tc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],oc=[{name:"opened",title:"Opened"}],fo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o||{},i=n?uo("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:uo(di,{position:"bottom",children:uo(or,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=uo(Z,{...a,icon:"star"});break;case"icon-and-text":l=uo(Z,{...a,icon:"star",text:"Action"});break;default:l=uo(Z,{...a,text:"Action"});break}return ac("span",{style:{position:"relative"},children:[l,i]})};fo.options=Qd;fo.states=jd;fo.variants=tc;fo.defaultOptions=ec;fo.modifiers=oc;fo.className=Z.className;import{jsx as sc}from"react/jsx-runtime";var ar="k-input-inner",nc=[],rc={},Za={type:"text",autocomplete:"off",value:"",placeholder:""},Ne=e=>{let{value:t=Za.value,type:o=Za.type,placeholder:a=Za.placeholder,autocomplete:n=Za.autocomplete,disabled:i,readOnly:l,...c}=e;return sc("input",{...c,type:o,className:r(e.className,ar,A(ar,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:l||void 0})};Ne.states=nc;Ne.options=rc;Ne.className=ar;import{jsx as pc}from"react/jsx-runtime";var nr="k-input-inner",ic=[],lc={},fi={value:"",placeholder:""},xa=e=>{let{value:t=fi.value,placeholder:o=fi.placeholder,rows:a,disabled:n,...i}=e;return pc("textarea",{...i,className:r(e.className,nr,A(nr,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};xa.states=ic;xa.options=lc;xa.className=nr;var rr="prompt-box",bi=rr;var sr="speech-to-text-button",hi=sr;import{jsx as dc}from"react/jsx-runtime";var xi="k-speech-to-text-button",gi={icon:"microphone"},Ee=e=>{let{listening:t=!1,icon:o=gi.icon,...a}=e;return dc(p,{...a,icon:t?"stop":o,className:r(e.className,xi,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Ee.states=p.states;Ee.options=p.options;Ee.className=xi;Ee.defaultOptions=gi;Ee.moduleName=sr;Ee.folderName=hi;Ee.ariaSpec={selector:".k-speech-to-text-button",rules:[{selector:".k-button.k-speech-to-text-button",attribute:"role=button or nodeName=button",usage:"If the used element is not <button>, explicitly set its role to button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-pressed",usage:"Announces the toggle behaviour of the button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-label",usage:"Accessible name for the speech-to-text button."}]};import{jsx as Jv}from"react/jsx-runtime";import{jsx as jv}from"react/jsx-runtime";import{jsx as bc}from"react/jsx-runtime";var cc=p.states,Ni={...p.defaultOptions,variant:"normal"},mc={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},uc=[],fc=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],bo=e=>{let{variant:t,...o}={...Ni,...e},a={};return t==="listening"&&(a.listening=!0),bc(Ee,{...o,...a})};bo.options=mc;bo.states=cc;bo.variants=fc;bo.defaultOptions=Ni;bo.modifiers=uc;bo.className=Ee.className;import{jsx as ho,jsxs as ir}from"react/jsx-runtime";var lt="k-prompt-box",hc=[s.hover,s.focus,s.disabled],xc={fillMode:[h.undefined,h.solid,h.flat,h.outline]},lr={lineMode:"auto",isExpanded:!1},Nt=e=>{let{fillMode:t,lineMode:o=lr.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=lr.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 ir("div",{...y,className:r(c,"k-input",lt,{[`${lt}-singleline`]:o==="single",[`${lt}-multiline`]:C,[`k-input-${t}`]:t,"k-hover":m,"k-focus":L,"k-disabled":k}),children:[i&&ho("div",{className:`${lt}-header`,children:i}),ir("div",{className:`${lt}-content`,children:[a&&ho("div",{className:`${lt}-affix`,children:a}),o==="single"?ho(Ne,{value:f,placeholder:N,className:`${lt}-input`,type:"text","aria-label":"Prompt input"}):ho(xa,{value:f,placeholder:N,className:`${lt}-textarea`,rows:o==="multi"||l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),ir("div",{className:`${lt}-affix`,children:[n,ho(Ee,{size:"small",fillMode:"flat",rounded:"full"}),ho(se,{icon:x?"stop":"arrow-up",size:"small",rounded:"full",active:x,disabled:!f&&!x,className:r({"k-generating":x}),"aria-label":x?"Stop generating":"Send prompt","aria-live":"polite"})]})]}),u]})};Nt.states=hc;Nt.options=xc;Nt.className=lt;Nt.defaultOptions=lr;Nt.moduleName=rr;Nt.folderName=bi;Nt.ariaSpec={selector:".k-prompt-box",rules:[{selector:".k-prompt-box-singleline .k-prompt-box-input",attribute:"nodeName=input",usage:"Ensures the input field has the proper textbox role."},{selector:".k-prompt-box-singleline .k-prompt-box-input",attribute:"aria-label",usage:"Provides an accessible label for the single-line input."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"nodeName=textarea",usage:"Ensures the textarea has the proper textbox role."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"aria-label",usage:"Provides an accessible label for the textarea."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"aria-multiline=true",usage:"Indicates the textarea supports multiple lines of text."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"nodeName=textarea",usage:"Ensures the auto-mode textarea has the proper textbox role."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"aria-label",usage:"Provides an accessible label for the auto-mode textarea."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"aria-multiline=true",usage:"Indicates the auto-mode textarea supports multiple lines of text."},{selector:".k-prompt-box-affix .k-button:not(.k-speech-to-text-button)",attribute:"aria-label",usage:"The send/stop button is labelled to indicate its current action."},{selector:".k-prompt-box-affix .k-button:not(.k-speech-to-text-button)",attribute:"aria-live=polite",usage:"Announces the change in status of the send/stop button."}]};import{jsx as kk}from"react/jsx-runtime";import{jsx as yk}from"react/jsx-runtime";import{jsx as Ik}from"react/jsx-runtime";import{jsx as Pk}from"react/jsx-runtime";import{jsx as _k}from"react/jsx-runtime";var pr="chat",vi=pr;import{Fragment as Mi,jsx as qt,jsxs as ga}from"react/jsx-runtime";var ki="k-chat",gc=[],Nc={},vc=ga(Mi,{children:[qt(se,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),qt("div",{className:"k-spacer"})]}),Li={tools:vc},G=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:c,tools:u=Li.tools,value:f,empty:N,scrollToBottom:x,scrollbar:m,promptBoxProps:L,...k}=e;return ga("div",{...k,className:r(ki,e.className),dir:o,children:[t,ga("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,qt("div",{className:r("k-message-list-content",N&&"k-message-list-content-empty"),children:e.children}),x&&qt("div",{className:"k-chat-scroll-to-bottom-container",children:qt(ui,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),m&&qt("div",{className:"k-separator"}),ga("div",{className:"k-message-box-wrapper",children:[a,qt(Nt,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:n||l?ga(Mi,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};G.states=gc;G.options=Nc;G.className=ki;G.defaultOptions=Li;G.moduleName=pr;G.folderName=vi;G.ariaSpec={selector:".k-chat",rules:[{selector:".k-message-list",attribute:"role=log",usage:"The role of the Chat message list must imply that there is a log (list) of messages."},{selector:".k-message-list",attribute:"aria-label",usage:"Announces the purpose of the Chat message list."},{selector:".k-message-list",attribute:"aria-live=polite",usage:"Announces new messages in the Chat message list."},{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble .k-typing-indicator",attribute:"tabindex=-1",usage:"The Chat bubble typing indicator should not be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."},{selector:".k-message-reference>.k-button",attribute:"aria-label or title",usage:"The reference close button must be properly labelled."},{selector:".k-message-reference>.k-button",attribute:"role=button or nodeName=button",usage:"The reference close button must have an appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-prompt-box-affix>.k-button.k-disabled",attribute:"disabled",usage:"Announces the send action as disabled when necessary."}]};var dr="button",Si=dr;import{jsx as Sc}from"react/jsx-runtime";var Na="k-button-group",kc=[s.disabled],Lc={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Mc={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Sc("div",{role:"group",...n,className:r(e.className,Na,A(Na,{fillMode:t}),S(Na,{disabled:o}),{[`${Na}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=kc;T.options=Lc;T.className=Na;T.defaultOptions=Mc;T.moduleName=dr;T.folderName=Si;T.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as dL,jsx as pL,jsxs as cL}from"react/jsx-runtime";import{Fragment as xL,jsx as hL,jsxs as gL}from"react/jsx-runtime";import{Fragment as SL,jsx as ML,jsxs as yL}from"react/jsx-runtime";import{Fragment as OL,jsx as TL,jsxs as BL}from"react/jsx-runtime";import{Fragment as DL,jsx as _L,jsxs as HL}from"react/jsx-runtime";import{Fragment as $L,jsx as VL,jsxs as XL}from"react/jsx-runtime";import{jsx as vt,jsxs as cr}from"react/jsx-runtime";var yc={...p.options,...T.options},Ac=p.states,Cc={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},Ec=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Ic=[],xo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?cr(T,{fillMode:a.fillMode,className:o,children:[vt(p,{...a,icon:"star"}),vt(p,{...a,icon:"star"}),vt(p,{...a,icon:"star"})]}):t==="icon-text-button"?cr(T,{fillMode:a.fillMode,className:o,children:[vt(p,{...a,icon:"star",children:"First"}),vt(p,{...a,icon:"star",children:"Middle"}),vt(p,{...a,icon:"star",children:"Last"})]}):cr(T,{fillMode:a.fillMode,className:o,children:[vt(p,{...a,children:"First"}),vt(p,{...a,children:"Middle"}),vt(p,{...a,children:"Last"})]})};xo.options=yc;xo.states=Ac;xo.variants=Ec;xo.defaultOptions=Cc;xo.modifiers=Ic;xo.className=T.className;var va="input",ja=va;import{jsx as Pc}from"react/jsx-runtime";var en="k-input",Tc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Oc={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]},Bc={},Q=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 Pc("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}))})};Q.states=Tc;Q.options=Oc;Q.className=en;Q.defaultOptions=Bc;Q.moduleName=va;Q.folderName=ja;import{jsx as _c}from"react/jsx-runtime";var tn="k-picker",wc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Rc={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]},Kc={},pt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:f,fillMode:N,...x}=e;return _c("span",{...x,className:r(e.className,tn,A(tn,{size:u,rounded:f,fillMode:N}),S(tn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c})),children:e.children})};pt.states=wc;pt.options=Rc;pt.className=tn;pt.defaultOptions=Kc;pt.moduleName=va;pt.folderName=ja;import{Fragment as zc,jsx as mr}from"react/jsx-runtime";var yi="k-clear-value",Dc=[s.disabled,s.loading,s.readonly],Hc={},we=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?mr(zc,{}):mr("span",{className:r(e.className,yi),children:mr(v,{icon:"x"})})};we.states=Dc;we.options=Hc;we.className=yi;import{jsx as Ai,jsxs as Gc}from"react/jsx-runtime";var ur="k-input-inner",Uc=[],Fc={},Wt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return Gc("span",{...l,className:r(e.className,ur,A(ur,e)),children:[n,!n&&i&&Ai(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Ai("span",{className:"k-input-value-text",children:t})]})};Wt.states=Uc;Wt.options=Fc;Wt.className=ur;import{Fragment as $c,jsx as Ci}from"react/jsx-runtime";var Ei="k-input-loading-icon",Vc=[s.disabled,s.loading],Ie=e=>{let{disabled:t,loading:o}=e;return t||!o?Ci($c,{}):Ci("span",{className:r(e.className,Ei,"k-icon k-i-loading")})};Ie.states=Vc;Ie.className=Ei;import{Fragment as Wc,jsx as Ii}from"react/jsx-runtime";var Ti="k-input-validation-icon",Xc=[s.valid,s.invalid,s.disabled,s.loading],qc={},ve=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?Ii(Wc,{}):Ii(v,{className:r(Ti),icon:i})};ve.states=Xc;ve.options=qc;ve.className=Ti;import{Fragment as Zc,jsx as Oi}from"react/jsx-runtime";var Jc="k-input-prefix",Yc={direction:"horizontal"},Ue=e=>{let{direction:t=Yc.direction,...o}=e;return e.children?Oi("span",{...o,className:r(Jc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Oi(Zc,{})};import{Fragment as em,jsx as Bi}from"react/jsx-runtime";var Qc="k-input-suffix",jc={direction:"horizontal"},Fe=e=>{let{direction:t=jc.direction,...o}=e;return e.children?Bi("span",{...o,className:r(Qc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Bi(em,{})};import{jsx as zM}from"react/jsx-runtime";import{jsx as om}from"react/jsx-runtime";var tm="k-input-suffix-text",fr=e=>{let{children:t,...o}=e;return om("span",{...o,className:r(tm,e.className),children:t})};import{jsx as nm}from"react/jsx-runtime";var Pi="k-input-separator",am={direction:"vertical"},Ge=e=>{let{direction:t=am.direction,...o}=e;return nm("span",{...o,className:r(Pi,e.className,{[`${Pi}-${t}`]:t})})};import{Fragment as wi,jsx as dt,jsxs as br}from"react/jsx-runtime";var rm=Q.states,sm=Q.defaultOptions,im=Q.options,lm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],pm=[],go=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 br(Q,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&br(wi,{children:[dt(Ue,{children:dt(v,{icon:"lock"})}),m&&dt(Ge,{})]}),dt(Ne,{placeholder:"Placeholder",value:"Value"}),x&&dt(ve,{valid:o,invalid:a,loading:n,disabled:i}),dt(Ie,{loading:n,disabled:i}),N&&dt(we,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&br(wi,{children:[m&&dt(Ge,{}),dt(Fe,{children:dt(at,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};go.options=im;go.states=rm;go.variants=pm;go.defaultOptions=sm;go.modifiers=lm;go.className=Q.className;import{jsx as Ri,jsxs as mm}from"react/jsx-runtime";var Ki="k-color-preview",dm=[],cm={},Ot=e=>{let{color:t,iconName:o,...a}=e;return mm("span",{...a,className:r(e.className,Ki,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Ri(v,{icon:o,className:"k-color-preview-icon"}),Ri("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ot.states=dm;Ot.options=cm;Ot.className=Ki;var hr="popup",_i=hr;import{jsx as Di}from"react/jsx-runtime";var Hi="k-animation-container",um=[],fm={},zi={positionMode:"absolute"},ct=e=>{let{positionMode:t=zi.positionMode,animationStyle:o,offset:a,...n}=e;return Di("div",{...n,style:{...a,...e.style},className:r(e.className,Hi,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Di("div",{className:"k-child-animation-container",style:o,children:e.children})})};ct.states=um;ct.options=fm;ct.className=Hi;ct.defaultOptions=zi;ct.moduleName=hr;ct.folderName=_i;var xr="popup",Ui=xr;import{jsx as Fi}from"react/jsx-runtime";var Gi="k-popup",bm=[],hm={},Vi={positionMode:"absolute"},$=e=>{let{offset:t,positionMode:o=Vi.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return Fi(ct,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:Fi("div",{...c,className:r(e.className,Gi),children:e.children})})};$.states=bm;$.options=hm;$.className=Gi;$.defaultOptions=Vi;$.moduleName=xr;$.folderName=Ui;$.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var gr="action-buttons",$i=gr;import{jsx as Nm}from"react/jsx-runtime";var on="k-actions",xm=[],gm={},Nr={alignment:"start",orientation:"horizontal"},Re=e=>{let{alignment:t=Nr.alignment,orientation:o=Nr.orientation,...a}=e;return Nm("div",{...a,className:r(on,{[`${on}-${t}`]:t,[`${on}-${o}`]:o},e.className),children:e.children})};Re.states=xm;Re.options=gm;Re.className=on;Re.defaultOptions=Nr;Re.moduleName=gr;Re.folderName=$i;var Xi=Re;import{jsx as km}from"react/jsx-runtime";var vm="k-actionsheet-footer",qi={alignment:"stretched",orientation:"horizontal"},Bt=e=>{let{alignment:t=qi.alignment,orientation:o=qi.orientation,template:a,as:n=a?"div":Re,...i}=e;return km(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,vm),children:e.children})};var vr="searchbox",Wi=vr;import{jsx as ka,jsxs as Sm}from"react/jsx-runtime";var Ji="k-searchbox",Lm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],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]},kr={showIcon:!0,icon:"search"},Ve=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=kr.showIcon,icon:k=kr.icon,"aria-label":y,...C}=e;return Sm(Q,{...C,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:x,disabled:m,className:r(e.className,Ji),children:[L&&ka(v,{className:"k-input-icon",icon:k}),ka(Ne,{placeholder:o,value:t,"aria-label":y}),ka(Ie,{...e}),ka(ve,{...e}),ka(we,{...e})]})};Ve.states=Lm;Ve.options=Mm;Ve.className=Ji;Ve.defaultOptions=kr;Ve.moduleName=vr;Ve.folderName=Wi;import{jsx as cy}from"react/jsx-runtime";var Lr="textbox",Yi=Lr;import{Fragment as Zi,jsx as Pt,jsxs as Mr}from"react/jsx-runtime";var Qi="k-textbox",ym=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Am={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]},an={showClearButton:!0,showValidationIcon:!0,separators:!0},ie=e=>{let{size:t,rounded:o,fillMode:a,separators:n=an.separators,showClearButton:i=an.showClearButton,showValidationIcon:l=an.showValidationIcon,prefix:c,suffix:u,type:f,value:N,placeholder:x,hover:m,focus:L,valid:k,invalid:y,required:C,loading:M,disabled:I,readonly:X,id:pe,"aria-label":xe,"aria-describedby":ge,...Pe}=e;return Mr(Q,{...Pe,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:k,invalid:y,required:C,loading:M,disabled:I,readonly:X,className:r(e.className,Qi),children:[c&&Mr(Zi,{children:[Pt(Ue,{children:c}),n&&Pt(Ge,{})]}),Pt(Ne,{id:pe,placeholder:x,value:N,type:f,disabled:I,"aria-label":xe,"aria-describedby":ge,"aria-invalid":y?"true":void 0}),l&&Pt(ve,{valid:k,invalid:y,loading:M,disabled:I}),Pt(Ie,{loading:M,disabled:I}),i&&Pt(we,{loading:M,disabled:I,readonly:X,value:N}),u&&Mr(Zi,{children:[n&&Pt(Ge,{}),Pt(Fe,{children:u})]})]})};ie.states=ym;ie.options=Am;ie.className=Qi;ie.defaultOptions=an;ie.moduleName=Lr;ie.folderName=Yi;ie.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var La=ie;import{jsx as Cm}from"react/jsx-runtime";var nn=e=>Cm(La,{...e});import{Fragment as Iy,jsx as Ey}from"react/jsx-runtime";import{Fragment as Ry,jsx as wy}from"react/jsx-runtime";import{jsx as Hy}from"react/jsx-runtime";import{jsx as Sr}from"react/jsx-runtime";var Em=ie.states,Im=ie.defaultOptions,Tm=ie.options,Om=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Bm=[],No=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Sr(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Sr(at,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Sr(nn,{value:"Value",style:{width:300},...o,...a})};No.options=Tm;No.states=Em;No.variants=Bm;No.defaultOptions=Im;No.modifiers=Om;No.className=ie.className;import{jsx as wt,jsxs as yr}from"react/jsx-runtime";var ji="k-actionsheet-titlebar",Pm={},ke=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 yr("div",{...m,className:r(e.className,ji),children:[yr("div",{className:"k-actionsheet-titlebar-group",children:[a&&wt("div",{className:"k-actionsheet-actions",children:a}),!x&&yr("div",{className:"k-actionsheet-title",id:N,children:[t&&wt("div",{className:"k-text-center",children:t}),o&&wt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&wt("div",{className:"k-actionsheet-title",id:N,children:x}),n&&wt("div",{className:"k-actionsheet-actions",children:n})]}),(l||i)&&wt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?wt(ie,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t||u||"Input"}):wt(Ve,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};ke.className=ji;ke.defaultOptions=Pm;import{jsx as Ar,jsxs as _m}from"react/jsx-runtime";var Cr="k-actionsheet-view",wm=[],Rm={},Km={},vo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...c}=e,u=n?.type===ke&&Ar(ke,{adaptive:t,titleId:l,...n?.props}),f=i?.type===Bt&&Ar(Bt,{...i?.props});return _m("div",{...c,className:r(e.className,Cr,{[`${Cr}-animated`]:o}),children:[u,Ar("div",{className:"k-actionsheet-content",children:a}),f]})};vo.states=wm;vo.options=Rm;vo.className=Cr;vo.defaultOptions=Km;var Ma="action-sheet",rn=Ma;var Er="overlay",el=Er;import{jsx as Um}from"react/jsx-runtime";var tl="k-overlay",Dm=[],Hm={},zm={},mt=e=>{let{...t}=e;return Um("div",{...t,className:r(e.className,tl),children:e.children})};mt.states=Dm;mt.options=Hm;mt.className=tl;mt.defaultOptions=zm;mt.moduleName=Er;mt.folderName=el;import{jsx as sn,jsxs as Vm}from"react/jsx-runtime";var ol="k-actionsheet",Fm=[],Gm={},Sa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},W=e=>{let{side:t=Sa.side,fullscreen:o=Sa.fullscreen,adaptive:a=Sa.adaptive,overlay:n=Sa.overlay,template:i,children:l,header:c,footer:u,id:f,...N}=e,x=f&&!i&&c?`${f}-title`:void 0;return Vm("div",{className:"k-actionsheet-container",children:[n&&sn(mt,{}),sn(ct,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:sn("div",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":x,className:r(e.className,ol,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i||sn(vo,{header:c,footer:u,adaptive:a,titleId:x,...e,children:l})})})]})};W.states=Fm;W.options=Gm;W.className=ol;W.defaultOptions=Sa;W.moduleName=Ma;W.folderName=rn;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 Wm}from"react/jsx-runtime";var al="k-actionsheet-container",$m=[],Xm={},qm={},ko=e=>{let{children:t,...o}=e;return Wm("div",{...o,className:al,children:t})};ko.states=$m;ko.options=Xm;ko.className=al;ko.defaultOptions=qm;ko.moduleName=Ma;ko.folderName=rn;import{jsx as Jm}from"react/jsx-runtime";var Ir=e=>{let{...t}=e;return Jm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Zm,jsx as ya,jsxs as Tr}from"react/jsx-runtime";var Or="k-actionsheet-item",Ym=[s.hover,s.focus,s.selected,s.disabled],Rt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:c,...u}=e;return Tr("span",{...u,className:r(e.className,Or,S(Or,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&ya(Zm,{children:Tr("span",{className:"k-actionsheet-action",children:[t&&ya("span",{className:"k-icon-wrap",children:ya(v,{className:"k-actionsheet-item-icon",icon:t})}),Tr("span",{className:"k-actionsheet-item-text",children:[o&&ya("span",{className:"k-actionsheet-item-title",children:o}),a&&ya("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Rt.states=Ym;Rt.className=Or;import{jsx as DA,jsxs as HA}from"react/jsx-runtime";import{jsx as GA}from"react/jsx-runtime";import{jsx as qA}from"react/jsx-runtime";import{jsx as ZA}from"react/jsx-runtime";import{jsx as le,jsxs as Br}from"react/jsx-runtime";var Qm=W.options,jm=W.states,rl={...W.defaultOptions,variant:"normal"},eu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],tu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Lo=e=>{let{variant:t,modifiers:o,...a}={...rl,...e},n={},i=Br(Ir,{children:[le(Rt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),le(Rt,{text:"Add to Favorites",iconName:"heart"}),le(Rt,{text:"Upload New",iconName:"upload",disabled:!0}),le("hr",{className:"k-hr"}),le(Rt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",c="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?l:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?le(W,{...a,adaptive:!0,fullscreen:n.fullScreen,header:le(ke,{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?Br(Bt,{alignment:"stretched",children:[le(p,{text:"Cancel",size:"large",themeColor:"base"}),le(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):le(W,{...a,fullscreen:n.fullScreen,header:le(ke,{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?Br(Bt,{alignment:"stretched",children:[le(p,{text:"Apply",themeColor:"primary"}),le(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Lo.options=Qm;Lo.states=jm;Lo.variants=eu;Lo.defaultOptions=rl;Lo.modifiers=tu;Lo.className=W.className;var Pr="slider",sl=Pr;import{jsx as Mo,jsxs as wr}from"react/jsx-runtime";var Aa="k-slider",ou=[s.hover,s.focus,s.active,s.disabled,s.readonly],au={},$e={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},V=e=>{let{type:t=$e.type,orientation:o=$e.orientation,gradientType:a=$e.gradientType,readonly:n=$e.readonly,disabled:i=$e.disabled,handlePosition:l=$e.handlePosition,showButtons:c=$e.showButtons,showTicks:u=$e.showTicks,value:f=$e.value,min:N=$e.min,max:x=$e.max,startValue:m,endValue:L,hover:k,focus:y,active:C,trackStyle:M,dir:I,...X}=e,xe=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ge,Pe;return o==="horizontal"?(ge=I==="rtl"?"chevron-left":"chevron-right",Pe=I==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ge="chevron-up",Pe="chevron-down"),wr("div",{...X,className:r(Aa,e.className,S(Aa,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&Mo(p,{className:"k-button-decrease",rounded:"full",icon:Pe,tabIndex:-1,title:"Decrease"}),wr("div",{className:"k-slider-track-wrap",children:[u&&Mo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),wr("div",{className:"k-slider-track",style:M,children:[Mo("div",{className:"k-slider-selection"}),t==="range"&&Mo("span",{className:r("k-draghandle","k-draghandle-start",S(Aa,{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":xe,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":X["aria-label"]?`${X["aria-label"]} start`:"Range start"}),Mo("span",{className:r("k-draghandle",`k-draghandle-${l}`,S(Aa,{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":xe,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?X["aria-label"]?`${X["aria-label"]} end`:"Range end":X["aria-label"]})]})]}),c&&Mo(p,{className:"k-button-increase",rounded:"full",icon:ge,tabIndex:-1,title:"Increase"})]})};V.states=ou;V.options=au;V.className=Aa;V.defaultOptions=$e;V.moduleName=Pr;V.folderName=sl;V.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as il}from"react/jsx-runtime";var ll="k-tick",nu=[],ru={},pl={label:!1},E=e=>{let{style:t,label:o=pl.label,orientation:a,large:n,text:i,...l}=e;return il("li",{...l,role:"presentation",title:i||"Tick",className:r(e.className,ll,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&il("span",{className:"k-label",children:i})})};E.states=nu;E.options=ru;E.className=ll;E.defaultOptions=pl;import{Fragment as su,jsx as Xe,jsxs as iu}from"react/jsx-runtime";var dl=e=>Xe(V,{"aria-label":e["aria-label"]||"Slider",children:iu(su,{children:[Xe(E,{className:"k-first",label:!0,large:!0,text:"0"}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{label:!0,large:!0,text:"5"}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{}),Xe(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as lu,jsx as qe,jsxs as pu}from"react/jsx-runtime";var cl=e=>qe(V,{children:pu(lu,{children:[qe(E,{className:"k-first",label:!0,large:!0,text:"0"}),qe(E,{}),qe(E,{}),qe(E,{}),qe(E,{}),qe(E,{label:!0,large:!0,text:"5"}),qe(E,{}),qe(E,{}),qe(E,{}),qe(E,{}),qe(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as HC,jsx as DC,jsxs as zC}from"react/jsx-runtime";import{Fragment as $C,jsx as VC,jsxs as XC}from"react/jsx-runtime";import{jsx as du}from"react/jsx-runtime";var Rr=e=>du(V,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as cu}from"react/jsx-runtime";var Kr=e=>cu(V,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as aE,jsx as oE,jsxs as nE}from"react/jsx-runtime";import{Fragment as pE,jsx as lE,jsxs as dE}from"react/jsx-runtime";import{jsx as ut,jsxs as ml}from"react/jsx-runtime";var mu=V.options,uu=V.states,ul={...V.defaultOptions,variant:"horizontal",label:!0},fu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],bu=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],So=e=>{let{variant:t,modifiers:o,...a}={...ul,...e},n={};Object.keys(o||{}).forEach(f=>{switch(f){case"button":{n.showButtons=!!o?.[f];break}case"label":{n.label=!!o?.[f];break}case"tick":{n.showTicks=!!o?.[f];break}}});let{label:i=!0,showButtons:l,showTicks:c}=n,u={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?ml(cl,{showTicks:c,showButtons:l,style:{height:"300px",...u},...a,children:[ut(E,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ut(E,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ut(E,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ut(E,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ut(E,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):ml(dl,{showTicks:c,showButtons:l,style:{width:"400px",...u},...a,children:[ut(E,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ut(E,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ut(E,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ut(E,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ut(E,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};So.options=mu;So.states=uu;So.variants=fu;So.defaultOptions=ul;So.modifiers=bu;So.className=V.className;import{jsx as fl,jsxs as vu}from"react/jsx-runtime";var bl="k-spin-button",gu=[],Nu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},_r={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Kt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=_r.increaseLabel,decreaseLabel:i=_r.decreaseLabel,...l}=e;return vu("span",{...l,className:r(bl,e.className),children:[fl(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),fl(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Kt.states=gu;Kt.options=Nu;Kt.className=bl;Kt.defaultOptions=_r;Kt.moduleName=null;Kt.folderName=null;var hl="numeric-textbox",xl="numerictextbox";import{Fragment as gl,jsx as kt,jsxs as Dr}from"react/jsx-runtime";var Nl="k-numerictextbox",ku=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Lu={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]},ln={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:n=ln.separators,showClearButton:i=ln.showClearButton,showSpinButton:l=ln.showSpinButton,prefix:c,suffix:u,value:f,placeholder:N,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,id:X,"aria-label":pe,"aria-describedby":xe,...ge}=e;return Dr(Q,{...ge,size:t,rounded:o,fillMode:a,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,className:r(e.className,Nl),children:[c&&Dr(gl,{children:[kt(Ue,{children:c}),n&&kt(Ge,{})]}),kt(Ne,{id:X,placeholder:N,value:f,role:"spinbutton",disabled:M,"aria-label":pe,"aria-describedby":xe,"aria-invalid":k?"true":void 0}),kt(ve,{valid:L,invalid:k,loading:C,disabled:M}),kt(Ie,{loading:C,disabled:M}),i&&kt(we,{loading:C,disabled:M,readonly:I,value:f}),u&&Dr(gl,{children:[n&&kt(Ge,{}),kt(Fe,{children:u})]}),l&&kt(Kt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};_.states=ku;_.options=Lu;_.className=Nl;_.defaultOptions=ln;_.moduleName=hl;_.folderName=xl;_.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Ca=_;import{jsx as Mu}from"react/jsx-runtime";var vl=e=>Mu(Ca,{...e});import zr from"react";import{jsx as kl}from"react/jsx-runtime";var Su="k-list-group-sticky-header",Hr=e=>kl("div",{className:r(Su,e.className),children:kl("div",{className:"k-list-header-text",children:e.children})});import{jsx as Au}from"react/jsx-runtime";var yu="k-no-data",pn=e=>{let{live:t,...o}=e;return Au("span",{...o,className:r(yu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Jt="list",yo=Jt;import{jsx as Ll,jsxs as Ml}from"react/jsx-runtime";var Ur="k-list",Cu=[],Eu={size:[d.undefined,d.small,d.medium,d.large]},Iu={},R=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:i,customValue:l,noData:c,screenReaders:u,...f}=e,x=zr.Children.toArray(a)[0],m=x?.props?.children?zr.Children.count(x.props.children):zr.Children.count(a);return Ml("div",{...f,className:r(e.className,Ur,A(Ur,{size:t}),{"k-virtual-list":o}),children:[i,l,n&&Ll(Hr,{children:n}),a||(c!==void 0?c:Ll(pn,{live:!0,children:"No data found."})),u&&a&&Ml(pn,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};R.states=Cu;R.options=Eu;R.className=Ur;R.defaultOptions=Iu;R.moduleName=Jt;R.folderName=yo;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 Pu}from"react/jsx-runtime";var Sl="k-list-container",Tu=[],Ou={},Bu={},Ao=e=>{let{...t}=e;return Pu("div",{...t,className:r(e.className,Sl),children:e.children})};Ao.states=Tu;Ao.options=Ou;Ao.className=Sl;Ao.defaultOptions=Bu;Ao.moduleName=Jt;Ao.folderName=yo;var Yt="checkbox",Co=Yt;import{jsx as yl}from"react/jsx-runtime";var dn="k-checkbox",wu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Ru={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},Ku={},We=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:c,valid:u,required:f,size:N,rounded:x,wrapperRole:m,...L}=e;return yl("span",{className:"k-checkbox-wrap",role:m,children:yl("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l||void 0,"aria-invalid":c?"true":void 0,className:r(e.className,dn,A(dn,{size:N,rounded:x}),S(dn,{hover:n,focus:i,disabled:l,invalid:c,valid:u,indeterminate:a,checked:o}))})})};We.states=wu;We.options=Ru;We.className=dn;We.defaultOptions=Ku;We.moduleName=Yt;We.folderName=Co;We.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var nt=We;import{jsx as Hu}from"react/jsx-runtime";var Al="k-checkbox-list",_u=[],Du={},Cl={layout:"vertical"},Le=e=>{let{layout:t=Cl.layout,...o}=e;return Hu("ul",{...o,className:r(e.className,Al,{[`k-list-${t}`]:t}),children:e.children})};Le.states=_u;Le.options=Du;Le.className=Al;Le.defaultOptions=Cl;Le.moduleName=Yt;Le.folderName=Co;import{jsx as Gu}from"react/jsx-runtime";var El="k-checkbox-list-item",zu=[],Uu={},Fu={},Me=e=>{let{...t}=e;return Gu("li",{...t,className:r(e.className,El),children:e.children})};Me.states=zu;Me.options=Uu;Me.className=El;Me.defaultOptions=Fu;Me.moduleName=Yt;Me.folderName=Co;import{Fragment as Vu,jsx as Il,jsxs as $u}from"react/jsx-runtime";var Lt=({children:e="Label",id:t="cb-label-after",...o})=>$u(Vu,{children:[Il(nt,{id:t,...o}),Il("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as wI,jsx as PI,jsxs as RI}from"react/jsx-runtime";import{Fragment as zI,jsx as HI,jsxs as UI}from"react/jsx-runtime";import{Fragment as XI,jsx as $I,jsxs as qI}from"react/jsx-runtime";import{jsx as ZI}from"react/jsx-runtime";import{jsx as tT}from"react/jsx-runtime";import{jsx as rT}from"react/jsx-runtime";import{jsx as Je,jsxs as Tl}from"react/jsx-runtime";var Xu=Le.options,qu=Le.states,Wu={...Le.defaultOptions,variant:"vertical"},Ju=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Yu=[],Eo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Tl(Le,{layout:"horizontal",...o,children:[Je(Me,{children:Je(Lt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),Je(Me,{children:Je(Lt,{id:w("cb"),children:"Label"})}),Je(Me,{children:Je(Lt,{id:w("cb"),children:"Label"})})]}):Tl(Le,{...o,children:[Je(Me,{children:Je(Lt,{id:w("cb"),defaultChecked:!0,children:"Label"})}),Je(Me,{children:Je(Lt,{id:w("cb"),children:"Label"})}),Je(Me,{children:Je(Lt,{id:w("cb"),children:"Label"})})]})};Eo.options=Xu;Eo.states=qu;Eo.variants=Ju;Eo.defaultOptions=Wu;Eo.modifiers=Yu;Eo.className=Le.className;import{jsx as of}from"react/jsx-runtime";var Zu=nt.options,Qu=nt.states,ju=nt.defaultOptions,ef=[],tf=[],Io=e=>of(Lt,{id:w("checkbox"),...e,defaultChecked:!0,children:"Label"});Io.options=Zu;Io.states=Qu;Io.variants=ef;Io.defaultOptions=ju;Io.modifiers=tf;Io.className=nt.className;import{jsx as Zt,jsxs as sf}from"react/jsx-runtime";var Fr="k-list-item",af=[s.hover,s.focus,s.selected,s.disabled],nf={},rf={},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 sf("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":Fr,S(Fr,{hover:u,focus:f,disabled:x,selected:N})),children:[l&&Zt(We,{checked:c}),n&&Zt("span",{className:"k-list-item-icon-wrapper",children:Zt(v,{icon:n,className:r("k-list-item-icon",i)})}),Zt("span",{className:"k-list-item-text",children:C}),m&&Zt("div",{className:"k-list-item-actions",children:m}),L&&Zt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Zt("div",{className:"k-list-item-group-label",children:o})]})};O.states=af;O.options=nf;O.className=Fr;O.defaultOptions=rf;O.moduleName=Jt;O.folderName=yo;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 pf}from"react/jsx-runtime";var lf="k-list-ul",Mt=e=>{let{children:t,role:o,id:a,...n}=e;return pf("ul",{...n,id:a,role:o,className:r(lf,e.className),children:t})};Mt.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as Gr,jsxs as cf}from"react/jsx-runtime";var df="k-list-content",H=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return cf("div",{...l,className:r(df,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:Gr(Mt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Gr("div",{className:"k-height-container",children:Gr("div",{})})]})};H.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as JT,jsx as WT,jsxs as YT}from"react/jsx-runtime";import{jsx as Vr,jsxs as uf}from"react/jsx-runtime";var mf="k-list-group-item",Qt=e=>{let{groupIconName:t,...o}=e;return uf("li",{...o,role:"presentation",className:r(mf,e.className),children:[t&&Vr("span",{className:"k-list-item-icon-wrapper",children:Vr(v,{icon:t,className:"k-list-item-icon"})}),Vr("span",{className:"k-list-item-text",children:e.children})]})};Qt.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as xf}from"react/jsx-runtime";var $r="k-list-optionlabel",ff=[s.hover,s.focus,s.selected,s.disabled],bf={},hf={},cn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return xf("div",{...l,className:r($r,S($r,{hover:o,focus:a,selected:n,disabled:i})),children:t})};cn.states=ff;cn.options=bf;cn.className=$r;cn.defaultOptions=hf;import{jsx as kf}from"react/jsx-runtime";var Xr="k-list-custom-value",gf=[s.hover,s.focus,s.selected,s.disabled],Nf={},vf={},_t=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return kf("div",{...l,className:r(Xr,S(Xr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};_t.states=gf;_t.options=Nf;_t.className=Xr;_t.defaultOptions=vf;import{Fragment as mO,jsx as cO,jsxs as uO}from"react/jsx-runtime";import{Fragment as NO,jsx as gO,jsxs as vO}from"react/jsx-runtime";import{Fragment as CO,jsx as yO,jsxs as AO}from"react/jsx-runtime";import{Fragment as wO,jsx as BO,jsxs as PO}from"react/jsx-runtime";import{jsx as DO}from"react/jsx-runtime";import{Fragment as VO,jsx as GO,jsxs as $O}from"react/jsx-runtime";var Ol="dropdown-list",Bl="dropdownlist";import{Fragment as Sf,jsx as Se,jsxs as qr}from"react/jsx-runtime";var Pl="k-dropdownlist",Lf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Mf={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]},Wr={showValue:!0,arrowIconName:"chevron-down"},oe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Wr.arrowIconName,showValue:i=Wr.showValue,valueIconName:l,prefix:c,suffix:u,value:f,placeholder:N,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,popup:X,opened:pe,adaptive:xe,adaptiveSettings:ge,adaptiveTitle:Pe,adaptiveSubtitle:Xt,adaptiveFilter:Vn,id:Tt,activeDescendant:Xa,"aria-label":$n,...Xn}=e,xd=Tt?`${Tt}-listbox`:void 0,Qs=Tt?`${Tt}-value`:void 0;return qr(Sf,{children:[qr(pt,{...Xn,id:Tt,size:t,rounded:o,fillMode:a,hover:x,focus:m,valid:L,invalid:k,required:y,loading:C,disabled:M,readonly:I,className:r(e.className,Pl,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":pe?"true":"false","aria-controls":pe?xd:void 0,"aria-activedescendant":pe&&Xa?Xa:void 0,"aria-describedby":pe?Qs:void 0,"aria-disabled":M?"true":void 0,"aria-label":$n,tabIndex:0,children:[Se(Ue,{children:c}),Se(Wt,{placeholder:N,value:f,showValue:i,valueIconName:l,id:Qs}),Se(ve,{valid:L,invalid:k,loading:C,disabled:M}),Se(Ie,{loading:C,disabled:M}),Se(Fe,{children:u}),Se(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N||"Toggle dropdown",tabIndex:-1})]}),pe&&X&&Se($,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:X}),xe&&Se(W,{adaptive:!0,...ge,header:Se(ke,{actionsEnd:Se(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Vn,inputValue:f,inputPlaceholder:N,title:Pe,subtitle:Xt}),children:Se("div",{className:"k-list-container",children:Se(R,{size:"large",children:qr(H,{"aria-label":"Options",children:[Se(O,{text:"List item"}),Se(O,{text:"List item"}),Se(O,{text:"List item"})]})})})})]})};oe.states=Lf;oe.options=Mf;oe.className=Pl;oe.defaultOptions=Wr;oe.moduleName=Ol;oe.folderName=Bl;oe.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as SB}from"react/jsx-runtime";import{jsx as TB,jsxs as OB}from"react/jsx-runtime";import{Fragment as zB,jsx as DB,jsxs as HB}from"react/jsx-runtime";import{jsx as $B}from"react/jsx-runtime";import{jsx as ZB,jsxs as QB}from"react/jsx-runtime";import{Fragment as iP,jsx as rP,jsxs as sP}from"react/jsx-runtime";import{jsx as mP}from"react/jsx-runtime";import{Fragment as Tf,jsx as Dt,jsxs as wl}from"react/jsx-runtime";var yf=oe.states,Af=oe.defaultOptions,Cf=oe.options,Ef=[{name:"opened",title:"Opened"}],If=[],Oo=e=>{let{modifiers:t,...o}=e,a={},n=wl(Tf,{children:[Dt("div",{className:"k-list-filter",children:Dt(Ve,{})}),Dt(R,{style:{width:300},size:o.size,children:wl(H,{children:[Dt(O,{children:"List item"}),Dt(O,{children:"List item"}),Dt(O,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),Dt("div",{children:Dt(oe,{placeholder:"Value",style:{width:300},...o,...a})})};Oo.options=Cf;Oo.states=yf;Oo.variants=If;Oo.defaultOptions=Af;Oo.modifiers=Ef;Oo.className=oe.className;import{Fragment as wP,jsx as PP}from"react/jsx-runtime";import{Fragment as zP,jsx as HP}from"react/jsx-runtime";import{jsx as VP}from"react/jsx-runtime";import{jsx as Jr}from"react/jsx-runtime";var Of=_.states,Bf=_.defaultOptions,Pf=_.options,wf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Rf=[],Bo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Jr(oe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?Jr(fr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),Jr(vl,{value:"Value",style:{width:300},...o,...a})};Bo.options=Pf;Bo.states=Of;Bo.variants=Rf;Bo.defaultOptions=Bf;Bo.modifiers=wf;Bo.className=_.className;import{Fragment as Ea,jsx as B,jsxs as j}from"react/jsx-runtime";var Rl="k-colorgradient-inputs",Kf=[],_f={size:[d.undefined,d.small,d.medium,d.large]},Kl={mode:"rgba"},Po=e=>{let{mode:t=Kl.mode,size:o,...a}=e;return j("div",{...a,className:r(Rl,"k-hstack"),children:[B("div",{className:"k-vstack",children:B(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&j(Ea,{children:[j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),B("label",{className:"k-colorgradient-input-label",children:"R"})]}),j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),B("label",{className:"k-colorgradient-input-label",children:"G"})]}),j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),B("label",{className:"k-colorgradient-input-label",children:"B"})]}),j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),B("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&j(Ea,{children:[j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),B("label",{className:"k-colorgradient-input-label",children:"R"})]}),j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),B("label",{className:"k-colorgradient-input-label",children:"G"})]}),j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),B("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&j(Ea,{children:[j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),B("label",{className:"k-colorgradient-input-label",children:"H"})]}),j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),B("label",{className:"k-colorgradient-input-label",children:"S"})]}),j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),B("label",{className:"k-colorgradient-input-label",children:"V"})]}),j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),B("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&j(Ea,{children:[j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),B("label",{className:"k-colorgradient-input-label",children:"H"})]}),j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),B("label",{className:"k-colorgradient-input-label",children:"S"})]}),j("div",{className:"k-vstack",children:[B(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),B("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&B(Ea,{children:j("div",{className:"k-vstack k-flex-1",children:[B(ie,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),B("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Po.states=Kf;Po.options=_f;Po.className=Rl;Po.defaultOptions=Kl;import{jsx as jt,jsxs as eo}from"react/jsx-runtime";var _l="k-colorgradient-color-contrast",Df=[],Hf={},zf={},wo=()=>eo("div",{className:r(_l,"k-vbox"),children:[eo("div",{className:"k-contrast-ratio",children:[jt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),eo("span",{className:"k-contrast-validation !k-text-success",children:[jt(v,{icon:"check"}),jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AA: 4.5"}),eo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AAA: 7.0"}),eo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",jt(v,{icon:"x"})]})]})]});wo.states=Df;wo.options=Hf;wo.className=_l;wo.defaultOptions=zf;var Dl="color-gradient",Hl="colorgradient";import{jsx as Ye,jsxs as Ia}from"react/jsx-runtime";var mn="k-colorgradient",Uf=[s.hover,s.focus,s.readonly,s.disabled],Ff={size:[d.undefined,d.small,d.medium,d.large]},ft={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ne=e=>{let{size:t,mode:o=ft.mode,readonly:a=ft.readonly,disabled:n=ft.disabled,gradientStyle:i=ft.gradientStyle,dragHandleStyle:l=ft.dragHandleStyle,alphaStyle:c=ft.alphaStyle,alphaStyleHorizontal:u=ft.alphaStyleHorizontal,contrast:f=ft.contrast,dir:N,hover:x,focus:m,hoverHandle:L,focusHandle:k,canvasOrientation:y=ft.canvasOrientation,role:C,tabIndex:M,...I}=e;return Ia("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,mn,A(mn,{size:t}),S(mn,{hover:x,focus:m,readonly:a,disabled:n})),dir:N,children:[!y||y==="horizontal"&&Ia("div",{className:"k-colorgradient-canvas k-hstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":k}),style: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})})}),Ia("div",{className:"k-hsv-controls k-hstack",children:[Ye(Kr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Ye(Kr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:c})]})]}),y==="vertical"&&Ia("div",{className:"k-colorgradient-canvas k-vstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":k}),style: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})})}),Ia("div",{className:"k-hsv-controls k-vstack",children:[Ye(Rr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Ye(Rr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),Ye(Po,{mode:e.mode,size:t}),f&&Ye(wo,{})]})};ne.states=Uf;ne.options=Ff;ne.className=mn;ne.defaultOptions=ft;ne.moduleName=Dl;ne.folderName=Hl;ne.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as Gf}from"react/jsx-runtime";var un=e=>Gf(ne,{...e});import{jsx as Iw}from"react/jsx-runtime";import{jsx as Pw}from"react/jsx-runtime";import{jsx as Yr}from"react/jsx-runtime";var Vf=ne.options,$f=ne.states,Xf={...ne.defaultOptions,variant:"rgba"},qf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Wf=[],Ro=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Yr(un,{...o,mode:t});case"rgb":return Yr(un,{...o,mode:t});default:return Yr(un,{...o,mode:t})}};Ro.options=Vf;Ro.states=$f;Ro.variants=qf;Ro.defaultOptions=Xf;Ro.modifiers=Wf;Ro.className=ne.className;import{jsx as Jf}from"react/jsx-runtime";var Zr=e=>Jf("tr",{role:"row",children:e.children});import{jsx as Qf}from"react/jsx-runtime";var Qr="k-colorpalette-tile",Yf=[s.hover,s.focus,s.selected],Zf={},Ko=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 Qf("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,Qr,S(Qr,{hover:a,focus:n,selected:i})),style:c})};Ko.states=Yf;Ko.options=Zf;Ko.className=Qr;var zl="color-palette",Ul="colorpalette";import{jsx as Ta}from"react/jsx-runtime";var fn="k-colorpalette",jf=[s.disabled],eb={size:[d.undefined,d.small,d.medium,d.large]},Fl={columns:10},ye=e=>{let{size:t,palette:o,columns:a=Fl.columns,tileSize:n,disabled:i,...l}=e,c=[];if(o){let u=a||o.columns,f=o.colors?o.colors:o;Array.isArray(f)&&Array.from({length:Math.ceil(f.length/u)},(N,x)=>{let m=[];f.slice(x*u,(x+1)*u).map((k,y)=>{m.push(Ta(Ko,{color:k,tileSize:n},y))});let L=Ta(Zr,{children:m},x);c.push(L)})}return Ta("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,fn,S(fn,{disabled:i}),A(fn,{size:t})),children:Ta("table",{className:"k-colorpalette-table",role:"none",children:Ta("tbody",{children:c.length>0?c:e.children})})})};ye.states=jf;ye.options=eb;ye.className=fn;ye.defaultOptions=Fl;ye.moduleName=zl;ye.folderName=Ul;ye.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var bn=ye;var Oa={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 tb}from"react/jsx-runtime";var Gl=e=>tb(bn,{palette:Oa.basic,...e});import{jsx as fR}from"react/jsx-runtime";import{jsx as vR,jsxs as kR}from"react/jsx-runtime";import{jsx as lb}from"react/jsx-runtime";var ob=ye.options,ab=ye.states,nb={...ye.defaultOptions,variant:"basic"},rb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],sb={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}},ib=[],_o=e=>{let{variant:t="basic",...o}=e,a=sb[t];return lb(Gl,{columns:a.columns,palette:a,...o})};_o.options=ob;_o.states=ab;_o.variants=rb;_o.defaultOptions=nb;_o.modifiers=ib;_o.className=ye.className;var Vl="color-editor",$l="coloreditor";import{jsx as Ze,jsxs as Do}from"react/jsx-runtime";var hn="k-coloreditor",pb=[s.focus],db={size:[d.undefined,d.small,d.medium,d.large]},Ba={view:"gradient",palette:Oa.office,actionButtons:!0,canvasOrientation:"horizontal"},J=e=>{let{size:t,view:o=Ba.view,palette:a=Ba.palette,color:n,currentColor:i,focus:l,focusView:c,dir:u,group:f,actionButtons:N=Ba.actionButtons,canvasOrientation:x=Ba.canvasOrientation,...m}=e;return Do("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",hn,A(hn,{size:t}),S(hn,{focus:l})),dir:u,children:[Do("div",{className:"k-coloreditor-header k-hstack",children:[Ze("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&Do(T,{fillMode:"flat",children:[Ze(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ze(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ze("div",{className:"k-spacer"}),Do("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ze(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Do("div",{className:"k-coloreditor-preview k-vstack",children:[Ze(Ot,{className:"k-coloreditor-preview-color",color:n}),Ze(Ot,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ze("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ze(ne,{focus:c,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):Ze(ye,{palette:a,size:t})}),N&&Do(Re,{className:"k-coloreditor-footer",alignment:"start",children:[Ze(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ze(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};J.states=pb;J.options=db;J.className=hn;J.defaultOptions=Ba;J.moduleName=Vl;J.folderName=$l;J.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Ho=J;import{jsx as YR}from"react/jsx-runtime";import{jsx as eK}from"react/jsx-runtime";import{jsx as cb}from"react/jsx-runtime";var Xl=e=>cb(Ho,{group:!0,currentColor:"fuchsia",...e});import{jsx as mb}from"react/jsx-runtime";var ql=e=>mb(Ho,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Wl}from"react/jsx-runtime";var ub=J.options,fb=J.states,bb={...J.defaultOptions,variant:"gradient"},hb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],xb=[],zo=e=>{let{variant:t,...o}=e;return t==="palette"?Wl(ql,{...o,color:"white"}):Wl(Xl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};zo.options=ub;zo.states=fb;zo.variants=hb;zo.defaultOptions=bb;zo.modifiers=xb;zo.className=J.className;var Jl="color-picker",Yl="colorpicker";import{Fragment as vb,jsx as Qe,jsxs as jr}from"react/jsx-runtime";var Zl="k-colorpicker",gb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],Nb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ql={arrowIconName:"chevron-down"},Ke=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Ql.arrowIconName,prefix:i,suffix:l,value:c,placeholder:u,hover:f,focus:N,valid:x,invalid:m,required:L,disabled:k,valueIconName:y,popup:C,opened:M,adaptive:I,adaptiveSettings:X,adaptiveTitle:pe,adaptiveSubtitle:xe,...ge}=e,Pe="colorpicker-popup";return jr(vb,{children:[jr(pt,{...ge,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?Pe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:r(e.className,Zl,"k-icon-picker"),children:[Qe(Ue,{children:i}),Qe(Wt,{placeholder:u,value:c,showValue:!1,valueIcon:Qe(Ot,{className:"k-value-icon",color:c,iconName:y}),valueIconName:y}),Qe(Fe,{children:l}),Qe(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),M&&C&&Qe($,{id:Pe,className:"k-colorpicker-popup",children:C}),I&&Qe(W,{adaptive:!0,id:Pe,...X,header:Qe(ke,{actionsEnd:Qe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:pe,subtitle:xe}),footer:jr(Bt,{children:[Qe(p,{text:"Cancel",size:"large"}),Qe(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Qe(J,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ke.states=gb;Ke.options=Nb;Ke.className=Zl;Ke.defaultOptions=Ql;Ke.moduleName=Jl;Ke.folderName=Yl;Ke.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var St=Ke;import{jsx as kb}from"react/jsx-runtime";var xn=e=>kb(St,{...e});import{jsx as _K}from"react/jsx-runtime";import{jsx as FK}from"react/jsx-runtime";import{jsx as XK}from"react/jsx-runtime";import{jsx as YK}from"react/jsx-runtime";import{jsx as e_}from"react/jsx-runtime";import{jsx as n_}from"react/jsx-runtime";import{jsx as to}from"react/jsx-runtime";var Lb=St.options,Mb=St.states,jl={...St.defaultOptions,variant:"color"},Sb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],yb=[{name:"opened",title:"Opened"}],Uo=e=>{let{variant:t,modifiers:o,...a}={...jl,...e},n={};Object.keys(o||{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?to(J,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return to("div",{style:i,children:to(xn,{...a,...n})});case"icon":return to("div",{style:i,children:to(xn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return to("div",{style:i,children:to(xn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Uo.options=Lb;Uo.states=Mb;Uo.variants=Sb;Uo.defaultOptions=jl;Uo.modifiers=yb;Uo.className=St.className;var es="combobox",ep=es;import{Fragment as ts,jsx as ae,jsxs as Pa}from"react/jsx-runtime";var tp="k-combobox",Ab=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Cb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},op={separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=op.separators,prefix:i,suffix:l,value:c,placeholder:u,hover:f,focus:N,valid:x,invalid:m,required:L,loading:k,disabled:y,popup:C,opened:M,readonly:I,adaptive:X,adaptiveSettings:pe,adaptiveTitle:xe,adaptiveSubtitle:ge,adaptiveCustomValue:Pe,id:Xt,autocomplete:Vn,activeDescendant:Tt,"aria-label":Xa,...$n}=e,Xn=Xt?`${Xt}-listbox`:void 0;return Pa(ts,{children:[Pa(Q,{...$n,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:x,invalid:m,required:L,loading:k,disabled:y,readonly:I,className:r(e.className,tp),children:[i&&Pa(ts,{children:[ae(Ue,{children:i}),n&&ae(Ge,{})]}),ae(Ne,{id:Xt,placeholder:u,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?Xn:void 0,"aria-activedescendant":M&&Tt?Tt:void 0,"aria-autocomplete":Vn,"aria-invalid":m?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Xa,disabled:y,readOnly:I}),ae(ve,{valid:x,invalid:m,loading:k,disabled:y}),ae(Ie,{loading:k,disabled:y}),ae(we,{loading:k,disabled:y,readonly:I,value:c}),l&&Pa(ts,{children:[n&&ae(Ge,{}),ae(Fe,{children:l})]}),ae(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:y})]}),M&&C&&ae($,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),X&&ae(W,{adaptive:!0,id:Xt?`${Xt}-adaptive`:void 0,...pe,header:ae(ke,{actionsEnd:ae(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:u,title:xe,subtitle:ge}),children:ae("div",{className:"k-list-container",children:ae(R,{customValue:Pe?ae(_t,{text:`Use "${c}"`}):void 0,size:"large",children:Pa(H,{"aria-label":xe||"Options",children:[ae(O,{text:"List item"}),ae(O,{text:"List item"}),ae(O,{text:"List item"})]})})})})]})};de.states=Ab;de.options=Cb;de.className=tp;de.defaultOptions=op;de.moduleName=es;de.folderName=ep;de.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var _e=de;import{jsx as Eb}from"react/jsx-runtime";var ap=e=>Eb(_e,{...e});import{jsx as z_,jsxs as U_}from"react/jsx-runtime";import{jsx as q_,jsxs as W_}from"react/jsx-runtime";import{jsx as e0,jsxs as t0}from"react/jsx-runtime";import{Fragment as i0,jsx as s0}from"react/jsx-runtime";import{Fragment as u0,jsx as m0}from"react/jsx-runtime";import{jsx as N0,jsxs as v0}from"react/jsx-runtime";import{Fragment as E0,jsx as A0,jsxs as C0}from"react/jsx-runtime";import{jsx as B0}from"react/jsx-runtime";import{jsx as K0}from"react/jsx-runtime";import{jsx as F0,jsxs as G0}from"react/jsx-runtime";import{jsx as J0,jsxs as Y0}from"react/jsx-runtime";import{jsx as Ht,jsxs as wb}from"react/jsx-runtime";var Ib=de.states,Tb=de.defaultOptions,Ob=de.options,Bb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Pb=[],Fo=e=>{let{modifiers:t,...o}=e,a={},n=Ht(R,{style:{width:300},size:o.size,children:wb(H,{children:[Ht(O,{children:"List item"}),Ht(O,{children:"List item"}),Ht(O,{children:"List item"})]})});return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Ht(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?Ht(se,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0;break;default:break}}),Ht("div",{children:Ht(ap,{value:"Value",style:{width:300},...o,...a})})};Fo.options=Ob;Fo.states=Ib;Fo.variants=Pb;Fo.defaultOptions=Tb;Fo.modifiers=Bb;Fo.className=de.className;var os="menu-button",np=os;import{jsx as _b}from"react/jsx-runtime";var rp="k-menu-button",Rb=[s.hover,s.focus,s.active,s.selected,s.disabled],Kb={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]},as={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=as.showArrow,arrowIconName:L=as.arrowIconName,expanded:k,...y}=e;return _b(p,{...y,className:r(e.className,rp),text:x,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,showArrow:m,arrowIconName:L,"aria-expanded":k?"true":"false",...!x&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...f&&{"aria-disabled":"true"}})};D.states=Rb;D.options=Kb;D.className=rp;D.defaultOptions=as;D.moduleName=os;D.folderName=np;D.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as ID}from"react/jsx-runtime";import{jsx as PD}from"react/jsx-runtime";import{jsx as _D}from"react/jsx-runtime";var De="menu",je=De;import{jsx as wa,jsxs as sp}from"react/jsx-runtime";var ns="k-menu-item",Db=[s.hover,s.focus,s.active,s.selected,s.disabled],Hb={},ip={iconPosition:"before"},ce=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,first:u,last:f,showArrow:N,arrowIconName:x,iconPosition:m=ip.iconPosition,dir:L,children:k,expanded:y,...C}=e,M=x;return M||(M=L==="rtl"?"chevron-left":"chevron-right"),sp("li",{...C,className:r(e.className,ns,"k-item",S(ns,{focus:o,disabled:i,hover:t,active:a,selected:n}),{"k-first":u,"k-last":f}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":y?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[sp("span",{className:r("k-link k-menu-link"),children:[l&&m==="before"&&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:M})})]}),k]})};ce.states=Db;ce.options=Hb;ce.className=ns;ce.defaultOptions=ip;ce.moduleName=De;ce.folderName=je;import{jsx as Ra,jsxs as lp}from"react/jsx-runtime";var rs="k-menu-item",zb=[s.hover,s.focus,s.active,s.selected,s.disabled],Ub={},ss={dir:"ltr",iconPosition:"before"},q=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,first:u,last:f,showArrow:N,arrowIconName:x,iconPosition:m=ss.iconPosition,dir:L=ss.dir,children:k,popup:y,expanded:C,...M}=e,I=x;return I||(I=L==="rtl"?"chevron-left":"chevron-right"),lp("li",{...M,className:r(e.className,rs,"k-item",S(rs,{focus:o,disabled:i}),{"k-first":u,"k-last":f}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":C?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[lp("span",{className:r("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&m==="before"&&Ra(v,{className:"k-menu-link-icon",icon:l}),Ra("span",{className:"k-menu-link-text",children:c}),l&&m==="after"&&Ra(v,{className:"k-menu-link-icon",icon:l}),N&&Ra("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ra(v,{icon:I})})]}),k,y]})};q.states=zb;q.options=Ub;q.className=rs;q.defaultOptions=ss;q.moduleName=De;q.folderName=je;import{jsx as $b}from"react/jsx-runtime";var pp="k-menu-scroll-wrapper",Fb=[],Gb={},Vb={},oo=e=>{let{className:t,children:o,orientation:a,...n}=e;return $b("div",{...n,className:r(t,pp,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};oo.states=Fb;oo.options=Gb;oo.className=pp;oo.defaultOptions=Vb;oo.moduleName=De;oo.folderName=je;var dp=oo;import{Fragment as is,jsx as ao,jsxs as Nn}from"react/jsx-runtime";var ls="k-menu",Xb=[],qb={},vn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=vn.orientation,header:a=vn.header,scrollable:n,scrollButtonsPosition:i=vn.scrollButtonsPosition,wrapperStyles:l,dir:c,popup:u,contextMenu:f,...N}=e,x={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},m=ao("ul",{dir:c,...N,className:r(e.className,"k-reset",ls,{[`${ls}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Nn(is,{children:[n?Nn(dp,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&Nn(is,{children:[ao(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ao(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&ao(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),m,i==="end"&&Nn(is,{children:[ao(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ao(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&ao(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):m,u]})};re.states=Xb;re.options=qb;re.className=ls;re.defaultOptions=vn;re.moduleName=De;re.folderName=je;re.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as Wb}from"react/jsx-runtime";var ps="k-separator",cp={orientation:"horizontal"},Go=e=>{let{orientation:t=cp.orientation,...o}=e;return Wb("li",{...o,className:r(e.className,"k-item",ps,{[`${ps}-${t}`]:t}),role:"separator"})};Go.className=ps;Go.defaultOptions=cp;Go.moduleName=De;Go.folderName=je;import{Fragment as mH,jsx as uH}from"react/jsx-runtime";import{jsx as Qb}from"react/jsx-runtime";var ds="k-menu-group",Jb=[],Yb={size:[d.undefined,d.small,d.medium,d.large]},Zb={},me=e=>{let{children:t,size:o,...a}=e;return Qb("ul",{...a,className:r(e.className,ds,A(ds,{size:o})),role:"menu",children:t})};me.states=Jb;me.options=Yb;me.className=ds;me.defaultOptions=Zb;me.moduleName=De;me.folderName=je;import{Fragment as jb,jsx as Vo,jsxs as eh}from"react/jsx-runtime";var cs=e=>Vo(re,{children:eh(jb,{children:[Vo(ce,{first:!0,text:"Item 1"}),Vo(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Vo(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Vo(ce,{text:"Item 4"}),Vo(ce,{last:!0,text:"Item 5"})]}),...e});import{Fragment as CH,jsx as yH,jsxs as AH}from"react/jsx-runtime";import{Fragment as BH,jsx as OH,jsxs as PH}from"react/jsx-runtime";import{Fragment as DH,jsx as _H,jsxs as HH}from"react/jsx-runtime";import{Fragment as VH,jsx as GH,jsxs as $H}from"react/jsx-runtime";import{jsx as no,jsxs as rh}from"react/jsx-runtime";var th=re.options,oh=re.states,mp={...re.defaultOptions,variant:"horizontal"},ah=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],nh=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],$o=e=>{let{variant:t,modifiers:o,...a}={...mp,...e},n={};return Object.keys(o||{}).forEach(i=>{switch(i){case"scrollable":n.scrollable=!!o?.[i];break;case"opened":n.opened=!!o?.[i],n.popup=no($,{className:"k-menu-popup",children:rh(me,{children:[no(q,{text:"Item 1"}),no(q,{text:"Item 2"}),no(Go,{}),no(q,{text:"Item 3"})]})});break}}),t==="vertical"?no(cs,{...a,...n,orientation:"vertical",style:{width:"200px"}}):no(cs,{...a,...n})};$o.options=th;$o.states=oh;$o.variants=ah;$o.defaultOptions=mp;$o.modifiers=nh;$o.className=re.className;import{Fragment as M1,jsx as k1,jsxs as L1}from"react/jsx-runtime";import{jsx as C1}from"react/jsx-runtime";import{Fragment as dh,jsx as bt,jsxs as up}from"react/jsx-runtime";var sh=p.states,fp={...p.defaultOptions,variant:"text"},ih=p.options,lh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ph=[{name:"opened",title:"Opened"}],Xo=e=>{let{variant:t,modifiers:o,...a}={...fp,...e},n={},i=bt($,{className:"k-menu-popup",children:up(me,{size:a.size,children:[bt(q,{first:!0,text:"Menu Item"}),bt(q,{text:"Menu Item"}),bt(q,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=bt("div",{children:bt(D,{...a,...n,icon:"star"})});break;case"icon-and-text":l=bt("div",{children:bt(D,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=bt("div",{children:bt(D,{...a,...n,children:"Dropdown Button"})});break}return up(dh,{children:[l,o?.opened&&i]})};Xo.options=ih;Xo.states=sh;Xo.variants=lh;Xo.defaultOptions=fp;Xo.modifiers=ph;Xo.className=D.className;var ms="split-button",bp=ms;import{Fragment as uh,jsx as us,jsxs as hp}from"react/jsx-runtime";var fs="k-split-button",ch=[s.hover,s.focus,s.active,s.selected,s.disabled],mh={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},xp={arrowIconName:"chevron-down"},P=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,text:x,arrowIconName:m=xp.arrowIconName,popup:L,opened:k,popupId:y,...C}=e;return hp(uh,{children:[hp("div",{...C,className:r(e.className,fs,"k-button-group",A(fs,{rounded:o})),children:[us(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}),us(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&&us($,{className:"k-menu-popup",children:L})]})};P.states=ch;P.options=mh;P.className=fs;P.defaultOptions=xp;P.moduleName=ms;P.folderName=bp;P.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var bs=P;import{jsx as bh}from"react/jsx-runtime";var fh="k-toolbar-separator",rt=e=>bh("div",{className:r(fh,e.className,"k-separator")});var yt="toolbar",zt=yt;import{Fragment as hs,jsx as K,jsxs as qo}from"react/jsx-runtime";var At="k-toolbar",hh=[s.focus],xh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},gh={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===ha)k.push(K(ha,{...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===bs)k.push(K(bs,{...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===Ke?k.push(K(Ke,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):k.push(m);k.forEach(y=>{N.push(y)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,k)=>{x(L,k)}),qo("div",{...f,className:r(e.className,At,A(At,{size:t,fillMode:o}),S(At,{focus:a}),{[`${At}-resizable`]:n,[`${At}-scrollable`]:i,[`${At}-scrollable-overlay`]:i&&l==="hidden",[`${At}-scrollable-${c}`]:c&&c!=="both",[`${At}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&N,i&&l==="hidden"&&K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),i&&l==="start"&&qo(hs,{children:[qo(T,{children:[K("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-left"})}),K("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-right"})})]}),K(rt,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&qo(hs,{children:[K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),K(rt,{className:"k-toolbar-button-separator"}),qo(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)&&qo(hs,{children:[K("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-left"})}),K(rt,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),K(rt,{className:"k-toolbar-button-separator"}),K("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};z.states=hh;z.options=xh;z.className=At;z.defaultOptions=gh;z.moduleName=yt;z.folderName=zt;z.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as Lh}from"react/jsx-runtime";var gp="k-floating-toolbar",Nh=[],vh={},kh={},Wo=e=>{let{...t}=e;return Lh("div",{...t,className:r(e.className,gp),children:e.children})};Wo.states=Nh;Wo.options=vh;Wo.className=gp;Wo.defaultOptions=kh;Wo.moduleName=yt;Wo.folderName=zt;import{jsx as Ah}from"react/jsx-runtime";var xs="k-toolbar-item",Mh=[s.focus],Sh={},yh={},Jo=e=>{let{focus:t,...o}=e;return Ah("div",{...o,className:r(e.className,xs,S(xs,{focus:t})),children:e.children})};Jo.states=Mh;Jo.options=Sh;Jo.className=xs;Jo.defaultOptions=yh;Jo.moduleName=yt;Jo.folderName=zt;import{jsx as Np}from"react/jsx-runtime";var vp="k-toolbar-popup",Ch=[],Eh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Ih={},ro=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Np($,{...n,className:r(e.className,vp),children:a?Np("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};ro.states=Ch;ro.options=Eh;ro.className=vp;ro.defaultOptions=Ih;ro.moduleName=yt;ro.folderName=zt;var kn=ro;import{jsx as Tz}from"react/jsx-runtime";import{jsx as wz}from"react/jsx-runtime";import{jsx as Dz}from"react/jsx-runtime";import{jsx as Vz,jsxs as $z}from"react/jsx-runtime";import{jsx as Jz}from"react/jsx-runtime";import{jsx as Ct,jsxs as wh}from"react/jsx-runtime";var Th=P.states,kp={...P.defaultOptions,variant:"text"},Oh=P.options,Bh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ph=[{name:"opened",title:"Opened"}],Yo=e=>{let{variant:t,modifiers:o,...a}={...kp,...e},n={},i=wh(me,{size:a.size,children:[Ct(q,{first:!0,text:"Menu Item"}),Ct(q,{text:"Menu Item"}),Ct(q,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?i:"")}),t){case"icon-only":return Ct("div",{children:Ct(P,{...a,...n,icon:"star"})});case"icon-and-text":return Ct("div",{children:Ct(P,{...a,...n,icon:"star",children:"Split Button"})});default:return Ct("div",{children:Ct(P,{...a,...n,children:"Split Button"})})}};Yo.options=Oh;Yo.states=Th;Yo.variants=Bh;Yo.defaultOptions=kp;Yo.modifiers=Ph;Yo.className=P.className;import{jsx as so,jsxs as Rh}from"react/jsx-runtime";var Lp=e=>so(z,{children:[so(p,{children:"Button"},"toolbar-button"),so(D,{text:"Menu button"},"toolbar-menu-button"),so(P,{children:"Split button"},"toolbar-split-button"),Rh(T,{children:[so(p,{className:"k-group-start",icon:"align-left",children:"Left"}),so(p,{icon:"align-center",children:"Center"}),so(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as S2,jsxs as y2}from"react/jsx-runtime";import{jsx as He,jsxs as Mp}from"react/jsx-runtime";var Sp=e=>He(z,{scrollable:!0,...e,children:[He(p,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(P,{children:"Split button"},"toolbar-split-button"),Mp(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),He(p,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(P,{children:"Split button"},"toolbar-split-button"),Mp(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as ze,jsxs as yp}from"react/jsx-runtime";var Ap=({scrollingPosition:e="start",...t})=>ze(z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[ze(p,{children:"Button"},"toolbar-button"),ze(D,{text:"Menu button"},"toolbar-menu-button"),ze(P,{children:"Split button"},"toolbar-split-button"),yp(T,{children:[ze(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(p,{icon:"align-center",children:"Center"}),ze(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ze(p,{children:"Button"},"toolbar-button"),ze(D,{text:"Menu button"},"toolbar-menu-button"),ze(P,{children:"Split button"},"toolbar-split-button"),yp(T,{children:[ze(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(p,{icon:"align-center",children:"Center"}),ze(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Kh,jsx as Te,jsxs as Ln}from"react/jsx-runtime";var Cp=({fillMode:e,size:t,...o})=>Ln(Kh,{children:[Te(z,{section:!0,fillMode:e,size:t,children:[Te(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ln(T,{fillMode:e,children:[Te(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Te(rt,{className:"k-toolbar-button-separator"}),Te(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Ln(kn,{size:t,fillMode:e,section:!0,...o,children:[Te(P,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Te(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Te(rt,{}),Te(D,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Ln(T,{fillMode:e,children:[Te(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as nU,jsx as oU,jsxs as aU}from"react/jsx-runtime";import{Fragment as bU,jsx as uU,jsxs as fU}from"react/jsx-runtime";import{jsx as Ut}from"react/jsx-runtime";var _h=z.options,Dh=z.states,Ep={...z.defaultOptions,variant:"default"},Hh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],zh=[],Zo=e=>{let{variant:t,...o}={...Ep,...e};switch(t){case"responsive":return Ut("div",{children:Ut(Cp,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Ap,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(Sp,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(Lp,{style:{width:"583px"},...o})})}};Zo.options=_h;Zo.states=Dh;Zo.variants=Hh;Zo.defaultOptions=Ep;Zo.modifiers=zh;Zo.className=z.className;import{Fragment as Vh,jsx as st,jsxs as Ka}from"react/jsx-runtime";var Ip="k-message",Uh=[s.hover,s.selected,s.active,s.focus],Fh={},Gh=[st(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),st(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),st(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],Qo={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Gh,failed:"Failed to send"},U=e=>{let{time:t=Qo.time,text:o=Qo.text,content:a,status:n=Qo.status,statusIcon:i,toolbarItems:l=Qo.toolbarItems,hover:c,selected:u,active:f,focus:N,toolbar:x,typing:m,expandable:L,expanded:k,removed:y,files:C,failed:M,...I}=e,X=M===!0?Qo.failed:M;return Ka("div",{...I,className:r(Ip,e.className,{"k-message-removed":y,"k-message-failed":M}),children:[M&&st(se,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),st(Tp,{typing:m,selected:u,hover:c,active:f,focus:N,content:Ka(Vh,{children:[a,o&&st("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:k,files:C}),Ka("div",{className:"k-message-info",children:[n&&Ka("span",{className:"k-message-status",children:[i&&st(v,{icon:i,size:"xsmall"}),n]}),t&&st("time",{className:"k-message-time",children:t}),M&&Ka("span",{className:"k-message-failed-content",children:[M&&st(v,{icon:"warning-triangle",size:"xsmall"}),M&&st("span",{className:"k-message-failed-text",children:X})]})]}),x&&st(z,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};U.states=Uh;U.options=Fh;U.className=Ip;U.defaultOptions=Qo;var gs="avatar",Op=gs;import{jsx as Bp}from"react/jsx-runtime";var _a="k-avatar";var $h=[s.hover,s.focus,s.active,s.selected,s.disabled],Xh={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]},Ns={type:"text",border:!1},ue=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Ns.type,border:l=Ns.border,...c}=e;return Bp("div",{...c,className:r(e.className,_a,A(_a,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${_a}-bordered`]:l}),children:Bp("span",{className:`${_a}-${i}`,children:e.children})})};ue.states=$h;ue.options=Xh;ue.className=_a;ue.defaultOptions=Ns;ue.moduleName=gs;ue.folderName=Op;ue.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var io=ue;import{jsx as qh}from"react/jsx-runtime";var Pp=e=>qh(io,{type:"icon",...e});import{jsx as Wh}from"react/jsx-runtime";var wp=e=>Wh(io,{type:"text",...e});import{jsx as Jh}from"react/jsx-runtime";var Mn=e=>Jh(io,{type:"image",...e});import{jsx as l3}from"react/jsx-runtime";import{jsx as Da}from"react/jsx-runtime";var Yh=ue.options,Zh=ue.states,Qh={...ue.defaultOptions,variant:"image"},jh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],ex=[],jo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Da(Pp,{...o,children:Da(v,{icon:"star"})});case"text":return Da(wp,{...o,children:"JO"});default:return Da(Mn,{...o,children:Da("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};jo.options=Yh;jo.states=Zh;jo.variants=jh;jo.defaultOptions=Qh;jo.modifiers=ex;jo.className=ue.className;import{jsx as ea,jsxs as vs}from"react/jsx-runtime";var Ha="k-message-group",tx=[s.selected],ox={},Sn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},F=e=>{let{type:t=Sn.type,author:o=Sn.author,avatar:a=Sn.avatar,status:n,selected:i,fullWidth:l,...c}=e;return vs("div",{...c,className:r(Ha,e.className,S(Ha,{selected:i}),{[`${Ha}-${t}`]:t,"k-no-avatar":!a,[`${Ha}-full-width`]:l}),children:[a&&!n&&ea(ue,{type:"image",children:ea("img",{src:a,alt:o||""})}),n&&a&&vs("div",{className:"k-chat-user-status-wrapper",children:[ea(ue,{type:"image",children:ea("img",{src:a,alt:o||""})}),ea("div",{className:"k-chat-user-status"})]}),vs("div",{className:"k-message-group-content",children:[o&&ea("span",{className:"k-message-author",children:o}),e.children]})]})};F.states=tx;F.options=ox;F.className=Ha;F.defaultOptions=Sn;import{Fragment as nx,jsx as yn,jsxs as Rp}from"react/jsx-runtime";var ks="k-message-reference",ax={},Kp={type:"receiver"},ta=e=>{let{content:t,closeable:o,pinned:a,type:n=Kp.type,...i}=e;return Rp("div",{...i,className:r(ks,e.className,{[`${ks}-${n}`]:n,"k-message-pinned":a}),children:[a&&yn(v,{icon:"pin-outline"}),yn("div",{className:"k-message-reference-content",children:t}),o&&Rp(nx,{children:[yn("span",{className:"k-spacer"}),yn(p,{icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};ta.options=ax;ta.className=ks;ta.defaultOptions=Kp;var Ls="bubble",_p=Ls;import{jsx as An,jsxs as sx}from"react/jsx-runtime";var Ms="k-bubble",rx=[s.hover,s.active,s.selected,s.focus],Ss={expandable:!1,expanded:!1},Ft=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Ss.expandable,expanded:c=Ss.expanded,...u}=e;return sx("div",{...u,className:r(e.className,Ms,S(Ms,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":c}),tabIndex:0,children:[An("div",{className:"k-bubble-content",children:t??e.children}),l&&An("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":c?"Show less":"Show more",tabIndex:0,children:c?An(v,{icon:"chevron-up"}):An(v,{icon:"chevron-down"})})]})};Ft.states=rx;Ft.className=Ms;Ft.defaultOptions=Ss;Ft.moduleName=Ls;Ft.folderName=_p;Ft.ariaSpec={selector:".k-bubble",rules:[{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."}]};import{jsx as F3}from"react/jsx-runtime";import{jsx as X3}from"react/jsx-runtime";import{jsx as Y3}from"react/jsx-runtime";import{jsx as ys,jsxs as Hp}from"react/jsx-runtime";var ix="k-chat-bubble",Tp=e=>{let{typing:t,content:o,files:a,...n}=e;return Hp(Ft,{...n,className:r(e.className,ix),children:[t?Hp("div",{className:"k-typing-indicator",tabIndex:-1,children:[ys("span",{}),ys("span",{}),ys("span",{})]}):o,a]})};import{jsx as cF}from"react/jsx-runtime";import{jsx as zp,jsxs as lx}from"react/jsx-runtime";var Up="k-chat-event",As={icon:"trash",text:"You deleted Chat history."},Fp=e=>{let{icon:t=As.icon,text:o=As.text,...a}=e;return lx("div",{...a,className:r(e.className,Up),children:[t&&zp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&zp("span",{className:"k-chat-event-text",children:o})]})};Fp.className=Up;Fp.defaultOptions=As;import{jsx as kF}from"react/jsx-runtime";import{Fragment as px,jsx as ht,jsxs as dx}from"react/jsx-runtime";var Gp=e=>ht(G,{children:dx(px,{children:[ht("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),ht(F,{children:ht(U,{})}),ht(F,{type:"sender",children:ht(U,{})}),ht(F,{children:ht(U,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),ht(F,{type:"sender",children:ht(U,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as Vp}from"react/jsx-runtime";var Cn="k-file-box-wrapper",$p={layout:"horizontal"},xt=e=>{let{layout:t=$p.layout,scrollingPosition:o,...a}=e;return Vp("ul",{role:"list","aria-label":"Attached files",...a,className:r(e.className,Cn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${Cn}-scrollable-start`]:t==="horizontal"&&(o==="start"||o==="both"),[`${Cn}-scrollable-end`]:t==="horizontal"&&(o==="end"||o==="both")}),children:t==="horizontal"?Vp("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};xt.className=Cn;xt.defaultOptions=$p;var Cs="file-box",Xp=Cs;import{jsx as oa,jsxs as qp}from"react/jsx-runtime";var Wp="k-file-box",cx=[s.selected],mx={},za={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Ae=e=>{let{icon:t=za.icon,name:o=za.name,size:a=za.size,status:n,deleted:i,removeButton:l,showButton:c=za.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return qp("li",{role:"listitem",tabIndex:0,"aria-label":f||void 0,...u,className:r(Wp,e.className,{"k-file-deleted":i}),children:[oa(v,{icon:t,size:"xlarge","aria-hidden":"true"}),qp("div",{className:"k-file-info",children:[o&&oa("span",{className:"k-file-name",children:o}),a&&oa("span",{className:"k-file-size",children:a}),n&&oa("span",{className:"k-file-status",children:n})]}),c&&(l?oa(p,{as:"span",icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):oa(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Ae.states=cx;Ae.options=mx;Ae.className=Wp;Ae.defaultOptions=za;Ae.moduleName=Cs;Ae.folderName=Xp;Ae.ariaSpec={selector:".k-file-box-wrapper",rules:[{selector:".k-file-box-wrapper",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-file-box-wrapper",attribute:"aria-label",usage:'Provides an accessible name for the file list (e.g. "Attached files").'},{selector:".k-file-box-wrapper .k-files-scroll",attribute:"role=presentation",usage:"The scrollable container between the list and its items is presentational, ensuring the list\u2192listitem relationship is preserved in the accessibility tree."},{selector:".k-file-box-wrapper .k-file-box",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-file-box-wrapper .k-file-box",attribute:"tabindex",usage:"Makes the file box focusable. Uses roving tabindex: 0 for the focused item, -1 for the rest."},{selector:".k-file-box-wrapper .k-file-box",attribute:"aria-label",usage:'Provides an accessible name describing the file. Can include the file name and size (e.g. "FileName.pdf 2MB").'},{selector:".k-file-box-wrapper .k-file-box .k-icon",attribute:"aria-hidden=true",usage:"The file type icon is decorative and hidden from screen readers."},{selector:".k-file-box-wrapper .k-file-box span.k-button",attribute:"aria-hidden=true",usage:"The remove button is rendered as a decorative span and hidden from screen readers. File removal is handled by keyboard interaction on the listitem itself."}]};import{jsx as zF}from"react/jsx-runtime";import{jsx as $F}from"react/jsx-runtime";import{jsx as YF,jsxs as ZF}from"react/jsx-runtime";import{jsx as o5,jsxs as a5}from"react/jsx-runtime";import{jsx as l5}from"react/jsx-runtime";import{Fragment as L5,jsx as k5,jsxs as M5}from"react/jsx-runtime";import{Fragment as E5,jsx as C5,jsxs as I5}from"react/jsx-runtime";var Es="skeleton",Jp=Es;import{jsx as hx}from"react/jsx-runtime";var Is="k-skeleton",ux=["circle","text","rect"],fx=[],bx={},Ts={variant:"text",shape:"text",animation:"pulse"},it=e=>{let{variant:t,shape:o,animation:a=Ts.animation,...n}=e,i=`skeleton-${t||o||Ts.variant}`;return hx("span",{...n,className:r(e.className,Is,qa(Is,i),{[`k-skeleton-${a}`]:a}),style:e.style})};it.states=fx;it.options=bx;it.variants=ux;it.className=Is;it.defaultOptions=Ts;it.moduleName=Es;it.folderName=Jp;it.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as D5}from"react/jsx-runtime";import{jsx as F5}from"react/jsx-runtime";import{jsx as X5}from"react/jsx-runtime";import{Fragment as sG,jsx as nG,jsxs as rG}from"react/jsx-runtime";import{Fragment as cG,jsx as dG,jsxs as mG}from"react/jsx-runtime";import{jsx as hG}from"react/jsx-runtime";import{Fragment as kG,jsx as vG,jsxs as LG}from"react/jsx-runtime";import{Fragment as CG,jsx as AG,jsxs as EG}from"react/jsx-runtime";import{Fragment as PG,jsx as BG,jsxs as wG}from"react/jsx-runtime";import{Fragment as HG,jsx as DG}from"react/jsx-runtime";var Os="appbar",Yp=Os;import{jsx as vx}from"react/jsx-runtime";var Bs="k-appbar",xx=[],gx={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.inverse]},Nx={},fe=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return vx("div",{...n,className:r(e.className,Bs,A(Bs,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};fe.states=xx;fe.options=gx;fe.className=Bs;fe.defaultOptions=Nx;fe.moduleName=Os;fe.folderName=Yp;fe.ariaSpec={selector:".k-appbar",rules:[]};import{jsx as Lx}from"react/jsx-runtime";var kx="k-appbar-section",gt=e=>{let{...t}=e;return Lx("div",{...t,className:r(kx,e.className),children:e.children})};import{Fragment as e6,jsx as QG,jsxs as jG}from"react/jsx-runtime";import{jsx as ee,jsxs as aa}from"react/jsx-runtime";var Ps={...fe.options,positionMode:["static","sticky","fixed"]},Mx=fe.states,Zp={...fe.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};Ps.themeColor=["primary",...Ps.themeColor.filter(e=>e!=="primary")];var Sx=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],na=e=>{let{variant:t,...o}={...Zp,...e},a=aa(fe,{position:t,...o,children:[ee(gt,{children:ee(se,{fillMode:"flat",icon:"menu"})}),ee("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),ee(gt,{children:ee("h3",{className:"k-m-0",children:"AppBar"})}),ee("span",{className:"k-spacer"}),aa(gt,{children:[ee(at,{fillMode:"flat",children:"Button"}),ee(at,{fillMode:"flat",children:"Button"}),ee(at,{fillMode:"flat",children:"Button"})]}),ee("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),ee(gt,{children:ee(nn,{value:"Input value"})}),aa(gt,{children:[ee(se,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),ee("span",{className:"k-appbar-separator"}),ee(Mn,{className:"k-mx-sm",children:ee("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=aa("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"?aa("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):aa("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};na.options=Ps;na.states=Mx;na.variants=Sx;na.defaultOptions=Zp;na.modifiers=[];na.className=fe.className;var ws="suggestion",Qp=ws;import{jsx as En,jsxs as Cx}from"react/jsx-runtime";var In="k-suggestion-group",yx=[],Ax={},jp={layout:"scrollable",scrollingPosition:"start"},et=e=>{let{layout:t=jp.layout,scrollingPosition:o,...a}=e,n=En("div",{...a,className:r(In,{"k-suggestion-group-scrollable":t=="scrollable",[`${In}-scrollable-start`]:o==="start"||o==="both",[`${In}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?En("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Cx("div",{className:"k-suggestion-scrollwrap",children:[En(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,En(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};et.states=yx;et.options=Ax;et.className=In;et.defaultOptions=jp;et.moduleName=ws;et.folderName=Qp;import{jsx as Ox}from"react/jsx-runtime";var Tn="k-suggestion",Ex=[s.active,s.hover,s.focus],Ix={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},Tx={text:"Suggestion"},tt=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return Ox("span",{...l,className:r(e.className,Tn,S(Tn,{hover:a,active:o,focus:n}),A(Tn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};tt.states=Ex;tt.options=Ix;tt.className=Tn;tt.item=Tx;import{Fragment as C6,jsx as A6,jsxs as E6}from"react/jsx-runtime";import{Fragment as P6,jsx as B6,jsxs as w6}from"react/jsx-runtime";import{Fragment as H6,jsx as D6,jsxs as z6}from"react/jsx-runtime";import{Fragment as _x,jsx as te,jsxs as On}from"react/jsx-runtime";var Bx=G.states,Px=G.defaultOptions,wx=G.options,Rx=[{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"}],Kx=[],ra=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=On(fe,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[te("span",{className:"k-spacer k-spacer-sized k-w-1"}),te(gt,{children:te("span",{children:"Chat with demo bot"})}),te("span",{className:"k-spacer"}),te(gt,{children:te(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=te(ta,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=On(et,{children:[te(tt,{text:"Provide a CV template"}),te(tt,{text:"Generate a cover letter"})]}),c=On(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(_x,{});break;default:break}});let{header:m,pinned:L,suggestedActions:k,author:y,avatar:C,quickReplies:M}=a;return On(Gp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:k,children:[te(F,{avatar:f,author:y?x:null,children:te(U,{text:"Hello, this is a demo bot. How can I help you ?"})}),te(F,{avatar:C?u:null,author:y?N:null,type:"sender",children:te(U,{text:"Hello! Generate a cover letter."})}),te(F,{avatar:f,author:y?x:null,children:te(U,{text:"Sure. Here is a cover letter template",files:te(xt,{children:te(Ae,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),M]})};ra.options=wx;ra.states=Bx;ra.variants=Kx;ra.defaultOptions=Px;ra.modifiers=Rx;ra.className=G.className;var Rs="window",ed=Rs;import{jsx as Ux}from"react/jsx-runtime";var td="k-window-content",Dx=[],Hx={},zx={},Gt=e=>{let{children:t,...o}=e;return Ux("div",{...o,className:r(td,e.className),children:t})};Gt.states=Dx;Gt.options=Hx;Gt.className=td;Gt.defaultOptions=zx;Gt.moduleName=Rs;Gt.folderName=ed;var Ua="dialog",Bn=Ua;import{Fragment as Vx,jsx as lo,jsxs as Ks}from"react/jsx-runtime";var od="k-dialog",Fx=[],Gx={},_s={actionButtonsAlign:"stretched",modal:!0},Ce=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=_s.actionButtonsAlign,modal:i=_s.modal,...l}=e,c=t!==void 0?w("dialog-titlebar"):void 0,u=w("dialog-content");return Ks("div",{className:"k-dialog-wrapper",children:[i&&lo(mt,{}),Ks("div",{...l,className:r(e.className,od,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0||o)&&Ks("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&lo("span",{className:"k-window-title k-dialog-title",children:t}),o&&lo(Vx,{children:lo("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>lo(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),lo(Gt,{className:"k-dialog-content",id:u,children:e.children}),a&&lo(Re,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};Ce.states=Fx;Ce.options=Gx;Ce.className=od;Ce.defaultOptions=_s;Ce.moduleName=Ua;Ce.folderName=Bn;Ce.ariaSpec={selector:".k-dialog",rules:[{selector:".k-dialog",attribute:"role=dialog or role=alertdialog",usage:"Announces the dialog or alertdialog role of the component."},{selector:".k-dialog",attribute:"aria-labelledby",usage:"Associate the title of the dialog."},{selector:".k-dialog",attribute:"aria-describedby",usage:"Associate the dialog content to the wrap element."},{selector:".k-overlay + .k-dialog",attribute:"aria-modal=true",usage:"Announces that the dialog is modal. Attribute is added only when the dialog is modal."}]};var Ds=Ce;import{jsx as Wx}from"react/jsx-runtime";var ad="k-dialog-wrapper",$x=[],Xx={},qx={},sa=e=>{let{...t}=e;return Wx("div",{...t,className:r(e.className,ad),children:e.children})};sa.states=$x;sa.options=Xx;sa.className=ad;sa.defaultOptions=qx;sa.moduleName=Ua;sa.folderName=Bn;import{Fragment as nd,jsx as Pn,jsxs as Jx}from"react/jsx-runtime";var rd=e=>Pn(Ds,{title:"Title",children:Pn(nd,{children:"Dialog content"}),actionButtons:Jx(nd,{children:[Pn(p,{children:"Action"}),Pn(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as Q7,jsx as j7,jsxs as e9}from"react/jsx-runtime";import{Fragment as tg,jsx as wn,jsxs as og}from"react/jsx-runtime";var Yx=Ce.options,Zx=[],Qx=Ce.states,jx=Ce.defaultOptions,eg=[],ia=e=>wn(rd,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:og(tg,{children:[wn(p,{children:"No"}),wn(p,{themeColor:"primary",children:"Yes"})]}),children:wn("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});ia.options=Yx;ia.states=Qx;ia.variants=Zx;ia.defaultOptions=jx;ia.modifiers=eg;ia.className=Ce.className;var Hs="dropzone",sd=Hs;import{jsx as Rn,jsxs as rg}from"react/jsx-runtime";var zs="k-external-dropzone",ag=[s.disabled,s.hover],ng={},Us={icon:"upload",hint:"Drag and drop files here to upload"},be=e=>{let{hover:t,disabled:o,icon:a=Us.icon,hint:n=Us.hint,note:i,...l}=e;return Rn("div",{...l,className:r(e.className,zs,S(zs,{disabled:o}),{"k-external-dropzone-hover":t}),children:rg("div",{className:"k-dropzone-inner",children:[a&&Rn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&Rn("span",{className:"k-dropzone-hint",children:n}),i&&Rn("span",{className:"k-dropzone-note",children:i})]})})};be.states=ag;be.options=ng;be.className=zs;be.defaultOptions=Us;be.moduleName=Hs;be.folderName=sd;import{jsx as sg}from"react/jsx-runtime";var id=e=>sg(be,{...e});import{jsx as y9}from"react/jsx-runtime";import{jsx as mg}from"react/jsx-runtime";var ig=be.options,lg=be.states,pg=be.defaultOptions,dg=[{name:"note",title:"Note"}],cg=[],la=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)}),mg(id,{style:{width:"500px"},...o,...a})};la.options=ig;la.states=lg;la.variants=cg;la.defaultOptions=pg;la.modifiers=dg;la.className=be.className;import{Fragment as Kn,jsx as Vt,jsxs as Fa}from"react/jsx-runtime";var Fs="k-upload-dropzone",ug=[s.hover],_n=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,c;switch(o){case"uploading":c=Fa(Kn,{children:[Vt(v,{icon:"upload"}),"Uploading..."]});break;case"done":c=Fa(Kn,{children:[Vt(v,{icon:"check"}),"Done"]});break;case"failed":c=Fa(Kn,{children:[Vt(v,{icon:"exclamation-circle"}),"Done"]});break;default:c=Vt(Kn,{});break}return Fa("div",{...l,className:r(e.className,Fs,"k-dropzone",S(Fs,{hover:t})),children:[Fa("div",{className:"k-upload-button-wrap",children:[Vt(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),Vt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Vt("span",{className:r("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Vt("span",{className:"k-upload-status",children:c})]})};_n.states=ug;_n.className=Fs;var Gs="upload",ld=Gs;import{jsx as Dn,jsxs as dd}from"react/jsx-runtime";var Vs="k-upload",fg=[s.hover,s.disabled],bg={},cd={actionsLayout:"end"},pd="upload-files-list",Y=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=cd.actionsLayout,hover:i,status:l,disabled:c,...u}=e,f=!!e.children;return dd("div",{...u,className:r(e.className,Vs,S(Vs,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[Dn(_n,{status:l,hover:i,disabled:c,hasFiles:f,filesId:pd}),f&&Dn("ul",{className:"k-upload-files",role:"list",id:pd,children:e.children}),a&&f&&dd(Xi,{alignment:n,orientation:"horizontal",children:[Dn(p,{className:"k-clear-selected",children:"Clear"}),Dn(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};Y.states=fg;Y.options=bg;Y.className=Vs;Y.defaultOptions=cd;Y.moduleName=Gs;Y.folderName=ld;Y.ariaSpec={selector:".k-upload",rules:[{selector:".k-upload .k-upload-button",attribute:"aria-disabled",usage:"Announces the disabled state of the upload button."},{selector:".k-upload .k-upload-button",attribute:"aria-controls (when present)",usage:"Creates the relationship between the button and the list of selected files when the list is present."},{selector:".k-upload input",attribute:"tabindex=-1",usage:"Assures that the input element inside the upload is not focusable."},{selector:".k-upload input",attribute:"aria-hidden=true",usage:"The input needs to be hidden from screen readers."},{selector:".k-upload-files",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-upload-files",attribute:"id",usage:"Unique and deterministic id linked to the button aria-controls attribute."},{selector:".k-upload-files .k-file",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-upload .k-file .k-file-validation-message",attribute:"aria-live=polite",usage:"Announces the change in the upload status of the file."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"aria-label",usage:"Provides accessible names for the file action buttons."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"tabindex=-1",usage:"The list file action buttons are not focusable elements."}]};var Ga="progressbar",Hn=Ga;import{jsx as Xs,jsxs as $s}from"react/jsx-runtime";var ot="k-progressbar",hg=[s.disabled,s.indeterminate],xg={orientation:["horizontal","vertical"]},po={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},he=e=>{let{disabled:t,height:o,indeterminate:a=po.indeterminate,label:n=po.label,labelPosition:i=po.labelPosition,orientation:l=po.orientation,reverse:c=po.reverse,value:u=po.value,width:f,style:N,ariaLabel:x,...m}=e;return $s("div",{...m,className:r(e.className,ot,S(ot,{disabled:t}),{[`${ot}-${l}`]:l,[`${ot}-indeterminate`]:a,[`${ot}-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:[Xs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&$s("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Xs("div",{className:"k-progressbar-value k-selected",children:Xs("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&$s("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};he.states=hg;he.options=xg;he.className=ot;he.defaultOptions=po;he.moduleName=Ga;he.folderName=Hn;he.ariaSpec={selector:".k-progressbar",implicitRole:"progressbar",rules:[{selector:".k-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ProgressBar."},{selector:".k-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ProgressBar needs an accessible name to be assigned to it."},{selector:".k-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Decimal value between aria-valuemin and aria-valuemax."},{selector:".k-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to 100."}]};var md=he;import{jsx as qs}from"react/jsx-runtime";var ud="k-chunk-progressbar",gg=(e,t)=>t<=e-1,Ng=[s.disabled,s.indeterminate],vg={},zn={chunkCount:5,orientation:"horizontal",progress:0},co=e=>{let{disabled:t,chunkCount:o=zn.chunkCount,indeterminate:a,orientation:n=zn.orientation,progress:i=zn.progress,reverse:l,ariaLabel:c,...u}=e;return qs("div",{...u,className:r(e.className,ot,ud,S(ot,{disabled:t}),{[`${ot}-${n}`]:n,[`${ot}-indeterminate`]:a,[`${ot}-reverse`]:l}),role:"progressbar","aria-label":c||"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:qs("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>qs("li",{className:r("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":gg(i,N)})},N))})})};co.states=Ng;co.options=vg;co.className=ud;co.defaultOptions=zn;co.moduleName=Ga;co.folderName=Hn;co.ariaSpec={selector:".k-chunk-progressbar",implicitRole:"progressbar",rules:[{selector:".k-chunk-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ChunkProgressBar."},{selector:".k-chunk-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ChunkProgressBar needs an accessible name to be assigned to it."},{selector:".k-chunk-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Value between aria-valuemin and aria-valuemax."},{selector:".k-chunk-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-chunk-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to chunk count."}]};import{jsx as kg}from"react/jsx-runtime";var Va=e=>kg(md,{...e});import{jsx as m4}from"react/jsx-runtime";import{jsx as $t}from"react/jsx-runtime";var Lg=he.options,Mg=he.states,fd={...he.defaultOptions,variant:"start"},Sg=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],yg=[],pa=e=>{let{variant:t,modifiers:o,...a}={...fd,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o||{}).forEach(l=>{switch(l){case"reverse":n.reverse=!!o?.[l];break;case"vertical":n.orientation=o?.[l]?"vertical":void 0,i.style=o?.[l]?void 0:{width:"324px"};break}}),t){case"end":return $t("div",{...i,children:$t(Va,{...a,...n,labelPosition:"end",value:"50"})});case"center":return $t("div",{...i,children:$t(Va,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return $t("div",{...i,children:$t(Va,{...a,...n,label:!1,value:"50"})});default:return $t("div",{...i,children:$t(Va,{...a,...n,labelPosition:"start",value:"50"})})}};pa.options=Lg;pa.states=Mg;pa.variants=Sg;pa.defaultOptions=fd;pa.modifiers=yg;pa.className=he.className;import{jsx as Ws,jsxs as Cg}from"react/jsx-runtime";var Ag="k-file-info",Js=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return Cg("div",{...n,className:r(e.className,Ag),children:[t&&Ws("span",{className:"k-file-name",children:t}),o&&Ws("span",{className:"k-file-size",children:o}),a&&Ws("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as Ig,jsx as Et,jsxs as Un}from"react/jsx-runtime";var Eg="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:c,...u}=e;return Et("li",{...u,className:r(e.className,Eg,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Un("div",{className:"k-file-single",children:[Et(he,{className:r({"k-hidden":t!=="progress"}),value:o,label:!1}),Un("span",{className:"k-file-icon-wrapper",children:[Et(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&Et("span",{className:"k-file-state",children:l})]}),Et(Js,{name:a,size:i,validationMsg:c}),Et("div",{className:"k-upload-actions",children:t==="progress"?Un(Ig,{children:[Un("span",{className:"k-upload-pct",children:[o,"%"]}),Et(p,{icon:"pause-sm",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),Et(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):Et(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as F4,jsx as z4,jsxs as U4}from"react/jsx-runtime";import{Fragment as Tg,jsx as Ys,jsxs as Og}from"react/jsx-runtime";var $a=e=>Ys(Y,{async:!0,children:Og(Tg,{children:[Ys(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),Ys(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as Q4,jsx as Y4,jsxs as Z4}from"react/jsx-runtime";import{jsx as Bg}from"react/jsx-runtime";var bd=e=>Bg(Y,{async:!0,empty:!0,...e});import{Fragment as s8,jsx as r8,jsxs as i8}from"react/jsx-runtime";import{Fragment as m8,jsx as c8,jsxs as u8}from"react/jsx-runtime";import{jsx as It,jsxs as Fn}from"react/jsx-runtime";var Pg=Y.options,wg=Y.states,hd={...Y.defaultOptions,variant:"empty"},Rg=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],Kg=[],da=e=>{let{variant:t,...o}={...hd,...e};switch(t){case"success":return Fn($a,{status:"done",style:{width:"586px"},...o,children:[It(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),It(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Fn($a,{status:"failed",style:{width:"586px"},...o,children:[It(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),It(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Fn($a,{status:"uploading",style:{width:"586px"},...o,children:[It(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),It(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Fn($a,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[It(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),It(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return It(bd,{async:!0,status:"upload",style:{width:"586px"},...o})}};da.options=Pg;da.states=wg;da.variants=Rg;da.defaultOptions=hd;da.modifiers=Kg;da.className=Y.className;import{Fragment as Zs,jsx as Be,jsxs as Gn}from"react/jsx-runtime";var H8=e=>Gn(Zs,{children:[Be(G,{children:Gn(Zs,{children:[Be("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Be(F,{children:Be(U,{})}),Be(F,{type:"sender",children:Be(U,{})}),Be(F,{children:Be(U,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),Be(F,{type:"sender",children:Be(U,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e}),Gn(Ce,{className:"k-chat-upload",title:"Upload file(s)",actions:["x"],actionButtons:Gn(Zs,{children:[Be(p,{themeColor:"primary",disabled:!0,children:"Upload"}),Be(p,{children:"Cancel"})]}),children:[Be(be,{}),Be(Y,{empty:!0,status:"upload"})]})]});export{H8 as ChatUpload};