@progress/kendo-themes-html/dist/esm/chat/demos/chat.mjs

A collection of HTML helpers used for developing Kendo UI themes

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 C=(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"}),M=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:c,selected:u,disabled:b,indeterminate:h,loading:N,empty:m,readonly:L,highlighted:k,...S}=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":b,"k-indeterminate":h&&!l,"k-loading":N,"k-empty":m,"k-readonly":L,"k-highlighted":k},Object.keys(S).reduce((A,y)=>(y.startsWith("k-")?A[y]=S[y]:A[`k-${y}`]=S[y],A),{}))};function Ja(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},lt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},g={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},s={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var Zn={};function w(e){return Zn[e]=(Zn[e]||0)+1,`k-${e}-${Zn[e]}`}import{Fragment as Ad,jsx as ri}from"react/jsx-runtime";var Qn="k-font-icon",Md=[],Sd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},yd={},fa=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?ri("span",{...l,className:r(e.className,Qn,C(Qn,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true"}):ri(Ad,{})};fa.states=Md;fa.options=Sd;fa.className=Qn;fa.defaultOptions=yd;var si=fa;import{Fragment as Id,jsx as Ya}from"react/jsx-runtime";var jn="k-svg-icon",Cd=[],Ed={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info],variant:[lt.outline,lt.solid,lt.duotone]},er={viewBox:"0 0 24 24",variant:lt.outline},ba=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=er.viewBox,variant:l=er.variant,icon:c,...u}=e;if(!c)return Ya(Id,{});if(c==="none")return Ya("span",{...u,className:r(e.className,jn,C("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof c=="object"&&c.name&&c.name,h=typeof c=="object"?l&&c.variants?.[l]||c.variants?.outline||c.content:void 0;return Ya("span",{...u,className:r(e.className,jn,C("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:Ya("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:h!==void 0?{__html:h}:void 0,children:c?void 0:e.children})})};ba.states=Cd;ba.options=Ed;ba.className=jn;ba.defaultOptions=er;var tr=ba;import*as or from"@progress/kendo-svg-icons";var ii="icon",li="icons";import{useContext as Od}from"react";import{createContext as Td}from"react";var pi=Td({iconsType:"svg"});import{Fragment as di,jsx as ha}from"react/jsx-runtime";var Za="k-icon",Bd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Pd=[],wd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info],variant:[lt.outline,lt.solid,lt.duotone]},Qa={viewBox:"0 0 24 24",type:"svg",variant:lt.outline},v=e=>{let{iconsType:t}=Od(pi),{size:o,themeColor:a,icon:n,type:i=t||Qa.type,rotate:l,flip:c,viewBox:u=Qa.viewBox,variant:b=Qa.variant,...h}=e;if(!n)return ha(di,{});if((t||i)==="svg"){if(n==="none")return ha(tr,{...h,className:r(e.className,Za),icon:n,size:o,variant:b});let m=or[n]?n:Bd(`${n}-icon`);return or[m]?ha(tr,{...h,className:r(e.className,Za),icon:or[m],size:o,themeColor:a,rotate:l,flip:c,viewBox:u,variant:b}):ha(di,{})}return ha(si,{...h,className:r(e.className,Za),icon:n,size:o,themeColor:a,rotate:l,flip:c})};v.states=Pd;v.options=wd;v.defaultOptions=Qa;v.className=Za;v.moduleName=ii;v.folderName=li;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 ar="button",ci=ar;import{Fragment as mi,jsx as fo,jsxs as ui}from"react/jsx-runtime";var xa="k-button",Kd=["icon-button"],Rd=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],_d={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},nr={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=nr.showArrow,arrowIconName:c=nr.arrowIconName,variant:u,hover:b,focus:h,active:N,selected:m,disabled:L,togglable:k,ariaDisabled:S,icon:A,iconSize:y,text:E,iconClassName:V,className:pe,...xe}=e,ge=A!=null,Ne=e.children!==void 0;return ui(t,{className:r(pe,xa,Ja(xa,u),C(xa,{size:o,rounded:a,fillMode:n,themeColor:i}),M(xa,{hover:b,focus:h,active:N,disabled:L||S,selected:m}),{"k-icon-button":!E&&!Ne&&ge}),"aria-pressed":k?m?"true":"false":void 0,...xe,"aria-disabled":S?"true":void 0,disabled:L||void 0,children:[typeof A=="string"&&A&&fo(v,{className:r(V,"k-button-icon"),icon:A,size:y}),A&&typeof A!="string"&&fo(mi,{children:A}),E?ui(mi,{children:[E&&fo("span",{className:"k-button-text",children:E}),e.children]}):e.children&&fo("span",{className:"k-button-text",children:e.children}),l&&fo("span",{className:"k-menu-button-arrow k-button-arrow",children:fo(v,{icon:c})})]})};p.states=Rd;p.options=_d;p.variants=Kd;p.className=xa;p.defaultOptions=nr;p.moduleName=ar;p.folderName=ci;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 Dd}from"react/jsx-runtime";var W=e=>Dd(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Hd}from"react/jsx-runtime";var ga=e=>Hd(p,{icon:"folder",children:"Button",...e});import{jsx as zd}from"react/jsx-runtime";var at=e=>zd(p,{children:"Button",...e});import{jsx as rr}from"react/jsx-runtime";var Ud=p.options,Fd=p.states,Gd={...p.defaultOptions,variant:"text"},Vd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],$d=[],bo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return rr(W,{...o,icon:"star"});case"icon-and-text":return rr(ga,{...o,icon:"star",children:"Button"});default:return rr(at,{...o,children:"Button"})}};bo.options=Ud;bo.states=Fd;bo.variants=Vd;bo.defaultOptions=Gd;bo.modifiers=$d;bo.className=p.className;import{jsx as fi,jsxs as Yd}from"react/jsx-runtime";var ja="k-fab",Wd=[s.hover,s.focus,s.active,s.selected,s.disabled],Jd={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},bi={type:"button"},Z=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=bi.type,position:c,hover:u,focus:b,active:h,selected:N,disabled:m,...L}=e;return Yd("button",{...L,type:l,className:r(e.className,ja,C(ja,{size:t,rounded:o,themeColor:a}),M(ja,{hover:u,focus:b,active:h,disabled:m,selected:N}),{[`!k-pos-absolute k-${c}`]:c}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...m&&{"aria-disabled":"true"},disabled:m||void 0,children:[i&&fi(v,{className:"k-fab-icon",icon:i}),n&&fi("span",{className:"k-fab-text",children:n})]})};Z.states=Wd;Z.options=Jd;Z.className=ja;Z.defaultOptions=bi;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 Qd}from"react/jsx-runtime";var Zd="k-fab-items",hi=e=>{let{position:t,...o}=e;return Qd("ul",{...o,className:r(e.className,Zd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as gi,jsxs as ec}from"react/jsx-runtime";var xi="k-fab-item",jd=[s.hover,s.focus,s.active,s.disabled],sr=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:c,...u}=e;return ec("li",{...u,className:r(e.className,xi,{[`k-text-${a}`]:a},M(xi,{hover:n,focus:i,active:l,disabled:c})),children:[gi("span",{className:"k-fab-item-text",children:t}),gi(v,{className:"k-fab-item-icon",icon:o})]})};sr.states=jd;import{jsx as xv}from"react/jsx-runtime";import{jsx as tc}from"react/jsx-runtime";var Ni=e=>tc(Z,{icon:"plus",...e});import{jsx as Sv}from"react/jsx-runtime";import{jsx as Ev}from"react/jsx-runtime";import{jsx as ho,jsxs as ic}from"react/jsx-runtime";var oc=Z.options,ac=Z.states,nc={...Z.defaultOptions,variant:"text"},rc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],sc=[{name:"opened",title:"Opened"}],xo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o||{},i=n?ho("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:ho(hi,{position:"bottom",children:ho(sr,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=ho(Z,{...a,icon:"star"});break;case"icon-and-text":l=ho(Z,{...a,icon:"star",text:"Action"});break;default:l=ho(Z,{...a,text:"Action"});break}return ic("span",{style:{position:"relative"},children:[l,i]})};xo.options=oc;xo.states=ac;xo.variants=rc;xo.defaultOptions=nc;xo.modifiers=sc;xo.className=Z.className;import{jsx as dc}from"react/jsx-runtime";var ir="k-input-inner",lc=[],pc={},en={type:"text",autocomplete:"off",value:"",placeholder:""},ve=e=>{let{value:t=en.value,type:o=en.type,placeholder:a=en.placeholder,autocomplete:n=en.autocomplete,disabled:i,readOnly:l,...c}=e;return dc("input",{...c,type:o,className:r(e.className,ir,C(ir,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:l||void 0})};ve.states=lc;ve.options=pc;ve.className=ir;import{jsx as uc}from"react/jsx-runtime";var lr="k-input-inner",cc=[],mc={},vi={value:"",placeholder:""},Na=e=>{let{value:t=vi.value,placeholder:o=vi.placeholder,rows:a,disabled:n,...i}=e;return uc("textarea",{...i,className:r(e.className,lr,C(lr,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};Na.states=cc;Na.options=mc;Na.className=lr;var pr="prompt-box",ki=pr;var dr="speech-to-text-button",Li=dr;import{jsx as fc}from"react/jsx-runtime";var Mi="k-speech-to-text-button",Si={icon:"microphone"},Ie=e=>{let{listening:t=!1,icon:o=Si.icon,...a}=e;return fc(p,{...a,icon:t?"stop":o,className:r(e.className,Mi,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Ie.states=p.states;Ie.options=p.options;Ie.className=Mi;Ie.defaultOptions=Si;Ie.moduleName=dr;Ie.folderName=Li;Ie.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 pk}from"react/jsx-runtime";import{jsx as uk}from"react/jsx-runtime";import{jsx as Nc}from"react/jsx-runtime";var bc=p.states,yi={...p.defaultOptions,variant:"normal"},hc={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},xc=[],gc=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],go=e=>{let{variant:t,...o}={...yi,...e},a={};return t==="listening"&&(a.listening=!0),Nc(Ie,{...o,...a})};go.options=hc;go.states=bc;go.variants=gc;go.defaultOptions=yi;go.modifiers=xc;go.className=Ie.className;import{jsx as No,jsxs as cr}from"react/jsx-runtime";var pt="k-prompt-box",vc=[s.hover,s.focus,s.disabled],kc={fillMode:[x.undefined,x.solid,x.flat,x.outline]},mr={lineMode:"auto",isExpanded:!1},de=e=>{let{fillMode:t,lineMode:o=mr.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=mr.isExpanded,className:c,children:u,value:b,placeholder:h,generating:N,hover:m,focus:L,disabled:k,...S}=e,A=o==="multi"||o==="auto"&&l;return cr("div",{...S,className:r(c,"k-input",pt,{[`${pt}-singleline`]:o==="single",[`${pt}-multiline`]:A,[`k-input-${t}`]:t,"k-hover":m,"k-focus":L,"k-disabled":k}),children:[i&&No("div",{className:`${pt}-header`,children:i}),cr("div",{className:`${pt}-content`,children:[a&&No("div",{className:`${pt}-affix`,children:a}),o==="single"?No(ve,{value:b,placeholder:h,className:`${pt}-input`,type:"text","aria-label":"Prompt input"}):No(Na,{value:b,placeholder:h,className:`${pt}-textarea`,rows:o==="multi"||l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),cr("div",{className:`${pt}-affix`,children:[n,No(Ie,{size:"small",fillMode:"flat",rounded:"full"}),No(W,{icon:N?"stop":"arrow-up",size:"small",rounded:"full",active:N,disabled:!b&&!N,className:r({"k-generating":N}),"aria-label":N?"Stop generating":"Send prompt","aria-live":"polite"})]})]}),u]})};de.states=vc;de.options=kc;de.className=pt;de.defaultOptions=mr;de.moduleName=pr;de.folderName=ki;de.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 Hk}from"react/jsx-runtime";import{jsx as Gk}from"react/jsx-runtime";import{jsx as qk}from"react/jsx-runtime";import{jsx as Zk}from"react/jsx-runtime";import{Fragment as ur,jsx as Ot,jsxs as Cc}from"react/jsx-runtime";var Lc=de.options,Mc=de.states,Sc={...de.defaultOptions,variant:"Single"},yc=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Ac=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],vo=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=Ot(ur,{children:Ot(W,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o||{}).forEach(l=>{switch(l){case"header":n.header=o?.[l]?Ot(p,{children:"Button in header"}):void 0;break;case"endAffix":o?.[l]&&(n.endAffix=Cc(ur,{children:[i,Ot(W,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o?.[l]?Ot(ur,{children:Ot(W,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?Ot(de,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):Ot(de,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};vo.options=Lc;vo.states=Mc;vo.variants=yc;vo.defaultOptions=Sc;vo.modifiers=Ac;vo.className=de.className;var fr="chat",Ai=fr;import{Fragment as Ii,jsx as Wt,jsxs as va}from"react/jsx-runtime";var Ci="k-chat",Ec=[],Ic={},Tc=va(Ii,{children:[Wt(W,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Wt("div",{className:"k-spacer"})]}),Ei={tools:Tc},U=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:c,tools:u=Ei.tools,value:b,empty:h,scrollToBottom:N,scrollbar:m,promptBoxProps:L,...k}=e;return va("div",{...k,className:r(Ci,e.className),dir:o,children:[t,va("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,Wt("div",{className:r("k-message-list-content",h&&"k-message-list-content-empty"),children:e.children}),N&&Wt("div",{className:"k-chat-scroll-to-bottom-container",children:Wt(Ni,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),m&&Wt("div",{className:"k-separator"}),va("div",{className:"k-message-box-wrapper",children:[a,Wt(de,{lineMode:"multi",placeholder:"Type a message",generating:c,value:b,header:n||l?va(Ii,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};U.states=Ec;U.options=Ic;U.className=Ci;U.defaultOptions=Ei;U.moduleName=fr;U.folderName=Ai;U.ariaSpec={selector:".k-chat",rules:[{selector:".k-message-list",attribute:"role=log",usage:"The role of the Chat message list must imply that there is a log (list) of messages."},{selector:".k-message-list",attribute:"aria-label",usage:"Announces the purpose of the Chat message list."},{selector:".k-message-list",attribute:"aria-live=polite",usage:"Announces new messages in the Chat message list."},{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble .k-typing-indicator",attribute:"tabindex=-1",usage:"The Chat bubble typing indicator should not be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."},{selector:".k-message-reference>.k-button",attribute:"aria-label or title",usage:"The reference close button must be properly labelled."},{selector:".k-message-reference>.k-button",attribute:"role=button or nodeName=button",usage:"The reference close button must have an appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-prompt-box-affix>.k-button.k-disabled",attribute:"disabled",usage:"Announces the send action as disabled when necessary."}]};import{jsx as Ti}from"react/jsx-runtime";var on="k-file-box-wrapper",Oi={layout:"horizontal"},dt=e=>{let{layout:t=Oi.layout,scrollingPosition:o,...a}=e;return Ti("ul",{role:"list","aria-label":"Attached files",...a,className:r(e.className,on,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${on}-scrollable-start`]:t==="horizontal"&&(o==="start"||o==="both"),[`${on}-scrollable-end`]:t==="horizontal"&&(o==="end"||o==="both")}),children:t==="horizontal"?Ti("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};dt.className=on;dt.defaultOptions=Oi;var br="menu-button",Bi=br;import{jsx as Pc}from"react/jsx-runtime";var Pi="k-menu-button",Oc=[s.hover,s.focus,s.active,s.selected,s.disabled],Bc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},hr={showArrow:!0,arrowIconName:"chevron-down"},_=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:b,icon:h,text:N,showArrow:m=hr.showArrow,arrowIconName:L=hr.arrowIconName,expanded:k,...S}=e;return Pc(p,{...S,className:r(e.className,Pi),text:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:b,ariaDisabled:b||void 0,icon:h,showArrow:m,arrowIconName:L,"aria-expanded":k?"true":"false",...!N&&h&&!e["aria-label"]&&{"aria-label":"Menu"}})};_.states=Oc;_.options=Bc;_.className=Pi;_.defaultOptions=hr;_.moduleName=br;_.folderName=Bi;_.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 PL}from"react/jsx-runtime";import{jsx as _L}from"react/jsx-runtime";import{jsx as UL}from"react/jsx-runtime";var Ke="menu",Fe=Ke;import{jsx as ka,jsxs as wi}from"react/jsx-runtime";var xr="k-menu-item",wc=[s.hover,s.focus,s.active,s.selected,s.disabled],Kc={},Ki={iconPosition:"before"},ce=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,first:u,last:b,showArrow:h,arrowIconName:N,iconPosition:m=Ki.iconPosition,dir:L,children:k,expanded:S,...A}=e,y=N;return y||(y=L==="rtl"?"chevron-left":"chevron-right"),wi("li",{...A,className:r(e.className,xr,"k-item",M(xr,{focus:o,disabled:i,hover:t,active:a,selected:n}),{"k-first":u,"k-last":b}),role:"menuitem",...h&&{"aria-haspopup":"menu"},...h&&{"aria-expanded":S?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[wi("span",{className:r("k-link k-menu-link"),children:[l&&m==="before"&&ka(v,{className:"k-menu-link-icon",icon:l}),ka("span",{className:"k-menu-link-text",children:c}),l&&m==="after"&&ka(v,{className:"k-menu-link-icon",icon:l}),h&&ka("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ka(v,{icon:y})})]}),k]})};ce.states=wc;ce.options=Kc;ce.className=xr;ce.defaultOptions=Ki;ce.moduleName=Ke;ce.folderName=Fe;import{jsx as La,jsxs as Ri}from"react/jsx-runtime";var gr="k-menu-item",Rc=[s.hover,s.focus,s.active,s.selected,s.disabled],_c={},Nr={dir:"ltr",iconPosition:"before"},$=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,first:u,last:b,showArrow:h,arrowIconName:N,iconPosition:m=Nr.iconPosition,dir:L=Nr.dir,children:k,popup:S,expanded:A,...y}=e,E=N;return E||(E=L==="rtl"?"chevron-left":"chevron-right"),Ri("li",{role:"menuitem",...y,className:r(e.className,gr,"k-item",M(gr,{focus:o,disabled:i}),{"k-first":u,"k-last":b}),...h&&{"aria-haspopup":"menu"},...h&&{"aria-expanded":A?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ri("span",{className:r("k-link k-menu-link",M("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&m==="before"&&La(v,{className:"k-menu-link-icon",icon:l}),La("span",{className:"k-menu-link-text",children:c}),l&&m==="after"&&La(v,{className:"k-menu-link-icon",icon:l}),h&&La("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:La(v,{icon:E})})]}),k,S]})};$.states=Rc;$.options=_c;$.className=gr;$.defaultOptions=Nr;$.moduleName=Ke;$.folderName=Fe;import{jsx as Uc}from"react/jsx-runtime";var _i="k-menu-scroll-wrapper",Dc=[],Hc={},zc={},Jt=e=>{let{className:t,children:o,orientation:a,...n}=e;return Uc("div",{...n,className:r(t,_i,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Jt.states=Dc;Jt.options=Hc;Jt.className=_i;Jt.defaultOptions=zc;Jt.moduleName=Ke;Jt.folderName=Fe;var Di=Jt;import{Fragment as vr,jsx as Yt,jsxs as nn}from"react/jsx-runtime";var kr="k-menu",Fc=[],Gc={},rn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=rn.orientation,header:a=rn.header,scrollable:n,scrollButtonsPosition:i=rn.scrollButtonsPosition,wrapperStyles:l,dir:c,popup:u,contextMenu:b,...h}=e,N={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},m=Yt("ul",{dir:c,...h,className:r(e.className,"k-reset",kr,{[`${kr}-${o}`]:o,"k-header":a}),role:b?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return nn(vr,{children:[n?nn(Di,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&nn(vr,{children:[Yt(p,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Yt(p,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&Yt(p,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),m,i==="end"&&nn(vr,{children:[Yt(p,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Yt(p,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&Yt(p,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):m,u]})};re.states=Fc;re.options=Gc;re.className=kr;re.defaultOptions=rn;re.moduleName=Ke;re.folderName=Fe;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 Vc}from"react/jsx-runtime";var Lr="k-separator",Hi={orientation:"horizontal"},ko=e=>{let{orientation:t=Hi.orientation,...o}=e;return Vc("li",{...o,className:r(e.className,"k-item",Lr,{[`${Lr}-${t}`]:t}),role:"separator"})};ko.className=Lr;ko.defaultOptions=Hi;ko.moduleName=Ke;ko.folderName=Fe;import{Fragment as hM,jsx as xM}from"react/jsx-runtime";import{jsx as Wc}from"react/jsx-runtime";var Mr="k-menu-group",$c=[],Xc={size:[d.undefined,d.small,d.medium,d.large]},qc={},me=e=>{let{children:t,size:o,...a}=e;return Wc("ul",{role:"menu",...a,className:r(e.className,Mr,C(Mr,{size:o})),children:t})};me.states=$c;me.options=Xc;me.className=Mr;me.defaultOptions=qc;me.moduleName=Ke;me.folderName=Fe;import{Fragment as Jc,jsx as Lo,jsxs as Yc}from"react/jsx-runtime";var Sr=e=>Lo(re,{children:Yc(Jc,{children:[Lo(ce,{first:!0,text:"Item 1"}),Lo(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Lo(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Lo(ce,{text:"Item 4"}),Lo(ce,{last:!0,text:"Item 5"})]}),...e});var yr="popup",zi=yr;import{jsx as Ui}from"react/jsx-runtime";var Fi="k-animation-container",Zc=[],Qc={},Ar={positionMode:"absolute",shown:!0},ct=e=>{let{positionMode:t=Ar.positionMode,shown:o=Ar.shown,animationStyle:a,offset:n,...i}=e;return Ui("div",{...i,style:{...n,...e.style},className:r(e.className,Fi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Ui("div",{className:"k-child-animation-container",style:a,children:e.children})})};ct.states=Zc;ct.options=Qc;ct.className=Fi;ct.defaultOptions=Ar;ct.moduleName=yr;ct.folderName=zi;var Cr="popup",Gi=Cr;import{jsx as Vi}from"react/jsx-runtime";var $i="k-popup",jc=[],em={},Xi={positionMode:"absolute"},G=e=>{let{offset:t,positionMode:o=Xi.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return Vi(ct,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:Vi("div",{...c,className:r(e.className,$i),children:e.children})})};G.states=jc;G.options=em;G.className=$i;G.defaultOptions=Xi;G.moduleName=Cr;G.folderName=Gi;G.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};import{Fragment as XM,jsx as VM,jsxs as $M}from"react/jsx-runtime";import{Fragment as ZM,jsx as YM,jsxs as QM}from"react/jsx-runtime";import{Fragment as aS,jsx as oS,jsxs as nS}from"react/jsx-runtime";import{Fragment as pS,jsx as lS,jsxs as dS}from"react/jsx-runtime";import{jsx as Zt,jsxs as rm}from"react/jsx-runtime";var tm={...re.options,scrollable:{type:"boolean"}},om=re.states,qi={...re.defaultOptions,variant:"horizontal"},am=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],nm=[{name:"opened",title:"Opened"}],Mo=e=>{let{variant:t,modifiers:o,...a}={...qi,...e},n={},i=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o||{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?Zt(G,{className:"k-menu-popup",offset:i,children:rm(me,{children:[Zt($,{text:"Item 1"}),Zt($,{text:"Item 2"}),Zt(ko,{}),Zt($,{text:"Item 3"})]})}):null)}),t==="vertical"?Zt(Sr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):Zt(Sr,{...a,...n})};Mo.options=tm;Mo.states=om;Mo.variants=am;Mo.defaultOptions=qi;Mo.modifiers=nm;Mo.className=re.className;import{Fragment as FS,jsx as zS,jsxs as US}from"react/jsx-runtime";import{jsx as XS}from"react/jsx-runtime";import{Fragment as dm,jsx as mt,jsxs as Wi}from"react/jsx-runtime";var sm=p.states,Ji={...p.defaultOptions,variant:"text"},im=p.options,lm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],pm=[{name:"opened",title:"Opened"}],So=e=>{let{variant:t,modifiers:o,...a}={...Ji,...e},n={},i=mt(G,{className:"k-menu-popup",children:Wi(me,{size:a.size,children:[mt($,{first:!0,text:"Menu Item"}),mt($,{text:"Menu Item"}),mt($,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=mt("div",{children:mt(_,{...a,...n,icon:"star"})});break;case"icon-and-text":l=mt("div",{children:mt(_,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=mt("div",{children:mt(_,{...a,...n,children:"Dropdown Button"})});break}return Wi(dm,{children:[l,o?.opened&&i]})};So.options=im;So.states=sm;So.variants=lm;So.defaultOptions=Ji;So.modifiers=pm;So.className=_.className;var Er="file-box",Yi=Er;import{jsx as yo,jsxs as Zi}from"react/jsx-runtime";var Qi="k-file-box",cm=[s.selected],mm={},Ma={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},ke=e=>{let{icon:t=Ma.icon,name:o=Ma.name,size:a=Ma.size,status:n,deleted:i,removeButton:l,showButton:c=Ma.showButton,...u}=e,b=[o,a].filter(Boolean).join(" ");return Zi("li",{role:"listitem",tabIndex:0,"aria-label":b||void 0,...u,className:r(Qi,e.className,{"k-file-deleted":i}),children:[yo(v,{icon:t,size:"xlarge","aria-hidden":"true"}),Zi("div",{className:"k-file-info",children:[o&&yo("span",{className:"k-file-name",children:o}),a&&yo("span",{className:"k-file-size",children:a}),n&&yo("span",{className:"k-file-status",children:n})]}),c&&(l?yo(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):yo(_,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};ke.states=cm;ke.options=mm;ke.className=Qi;ke.defaultOptions=Ma;ke.moduleName=Er;ke.folderName=Yi;ke.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 ky}from"react/jsx-runtime";import{jsx as Ay}from"react/jsx-runtime";import{jsx as Oy,jsxs as By}from"react/jsx-runtime";import{jsx as _y,jsxs as Dy}from"react/jsx-runtime";import{jsx as Gy}from"react/jsx-runtime";var Ir="button",ji=Ir;import{jsx as hm}from"react/jsx-runtime";var Sa="k-button-group",um=[s.disabled],fm={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},bm={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return hm("div",{role:"group",...n,className:r(e.className,Sa,C(Sa,{fillMode:t}),M(Sa,{disabled:o}),{[`${Sa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=um;T.options=fm;T.className=Sa;T.defaultOptions=bm;T.moduleName=Ir;T.folderName=ji;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 lA,jsx as iA,jsxs as pA}from"react/jsx-runtime";import{Fragment as bA,jsx as fA,jsxs as hA}from"react/jsx-runtime";import{Fragment as LA,jsx as kA,jsxs as MA}from"react/jsx-runtime";import{Fragment as IA,jsx as EA,jsxs as TA}from"react/jsx-runtime";import{Fragment as RA,jsx as KA,jsxs as _A}from"react/jsx-runtime";import{Fragment as GA,jsx as FA,jsxs as VA}from"react/jsx-runtime";import{jsx as vt,jsxs as Tr}from"react/jsx-runtime";var xm={...p.options,...T.options},gm=p.states,Nm={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},vm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],km=[],Ao=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Tr(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"?Tr(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"})]}):Tr(T,{fillMode:a.fillMode,className:o,children:[vt(p,{...a,children:"First"}),vt(p,{...a,children:"Middle"}),vt(p,{...a,children:"Last"})]})};Ao.options=xm;Ao.states=gm;Ao.variants=vm;Ao.defaultOptions=Nm;Ao.modifiers=km;Ao.className=T.className;var ya="input",sn=ya;import{jsx as ym}from"react/jsx-runtime";var ln="k-input",Lm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Mm={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Sm={},Q=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:b,fillMode:h,...N}=e;return ym("span",{...N,className:r(e.className,ln,C(ln,{size:u,rounded:b,fillMode:h}),M(ln,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c}))})};Q.states=Lm;Q.options=Mm;Q.className=ln;Q.defaultOptions=Sm;Q.moduleName=ya;Q.folderName=sn;import{jsx as Im}from"react/jsx-runtime";var pn="k-picker",Am=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Cm={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Em={},ut=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:b,fillMode:h,...N}=e;return Im("span",{...N,className:r(e.className,pn,C(pn,{size:u,rounded:b,fillMode:h}),M(pn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c})),children:e.children})};ut.states=Am;ut.options=Cm;ut.className=pn;ut.defaultOptions=Em;ut.moduleName=ya;ut.folderName=sn;import{Fragment as Bm,jsx as Or}from"react/jsx-runtime";var el="k-clear-value",Tm=[s.disabled,s.loading,s.readonly],Om={},Re=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?Or(Bm,{}):Or("span",{className:r(e.className,el),children:Or(v,{icon:"x"})})};Re.states=Tm;Re.options=Om;Re.className=el;import{jsx as tl,jsxs as Km}from"react/jsx-runtime";var Br="k-input-inner",Pm=[],wm={},Qt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return Km("span",{...l,className:r(e.className,Br,C(Br,e)),children:[n,!n&&i&&tl(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&tl("span",{className:"k-input-value-text",children:t})]})};Qt.states=Pm;Qt.options=wm;Qt.className=Br;import{Fragment as _m,jsx as ol}from"react/jsx-runtime";var al="k-input-loading-icon",Rm=[s.disabled,s.loading],Te=e=>{let{disabled:t,loading:o}=e;return t||!o?ol(_m,{}):ol("span",{className:r(e.className,al,"k-icon k-i-loading")})};Te.states=Rm;Te.className=al;import{Fragment as zm,jsx as nl}from"react/jsx-runtime";var rl="k-input-validation-icon",Dm=[s.valid,s.invalid,s.disabled,s.loading],Hm={},Le=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?nl(zm,{}):nl(v,{className:r(rl),icon:i})};Le.states=Dm;Le.options=Hm;Le.className=rl;import{Fragment as Gm,jsx as sl}from"react/jsx-runtime";var Um="k-input-prefix",Fm={direction:"horizontal"},Ge=e=>{let{direction:t=Fm.direction,...o}=e;return e.children?sl("span",{...o,className:r(Um,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):sl(Gm,{})};import{Fragment as Xm,jsx as il}from"react/jsx-runtime";var Vm="k-input-suffix",$m={direction:"horizontal"},Ve=e=>{let{direction:t=$m.direction,...o}=e;return e.children?il("span",{...o,className:r(Vm,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):il(Xm,{})};import{jsx as DC}from"react/jsx-runtime";import{jsx as Wm}from"react/jsx-runtime";var qm="k-input-suffix-text",Pr=e=>{let{children:t,...o}=e;return Wm("span",{...o,className:r(qm,e.className),children:t})};import{jsx as Ym}from"react/jsx-runtime";var ll="k-input-separator",Jm={direction:"vertical"},$e=e=>{let{direction:t=Jm.direction,...o}=e;return Ym("span",{...o,className:r(ll,e.className,{[`${ll}-${t}`]:t})})};import{Fragment as pl,jsx as ft,jsxs as wr}from"react/jsx-runtime";var Zm=Q.states,Qm=Q.defaultOptions,jm=Q.options,eu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],tu=[],Co=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...c}=e,u=t?.prefix,b=t?.suffix,h=t?.["clear-button"],N=t?.["validation-icon"],m=t?.separators;return wr(Q,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&wr(pl,{children:[ft(Ge,{children:ft(v,{icon:"lock"})}),m&&ft($e,{})]}),ft(ve,{placeholder:"Placeholder",value:"Value"}),N&&ft(Le,{valid:o,invalid:a,loading:n,disabled:i}),ft(Te,{loading:n,disabled:i}),h&&ft(Re,{loading:n,disabled:i,readonly:l,value:"Value"}),b&&wr(pl,{children:[m&&ft($e,{}),ft(Ve,{children:ft(at,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Co.options=jm;Co.states=Zm;Co.variants=tu;Co.defaultOptions=Qm;Co.modifiers=eu;Co.className=Q.className;import{jsx as dl,jsxs as nu}from"react/jsx-runtime";var cl="k-color-preview",ou=[],au={},Bt=e=>{let{color:t,iconName:o,...a}=e;return nu("span",{...a,className:r(e.className,cl,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&dl(v,{icon:o,className:"k-color-preview-icon"}),dl("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Bt.states=ou;Bt.options=au;Bt.className=cl;var Kr="action-buttons",ml=Kr;import{jsx as iu}from"react/jsx-runtime";var dn="k-actions",ru=[],su={},Rr={alignment:"start",orientation:"horizontal"},_e=e=>{let{alignment:t=Rr.alignment,orientation:o=Rr.orientation,...a}=e;return iu("div",{...a,className:r(dn,{[`${dn}-${t}`]:t,[`${dn}-${o}`]:o},e.className),children:e.children})};_e.states=ru;_e.options=su;_e.className=dn;_e.defaultOptions=Rr;_e.moduleName=Kr;_e.folderName=ml;var ul=_e;import{jsx as pu}from"react/jsx-runtime";var lu="k-actionsheet-footer",fl={alignment:"stretched",orientation:"horizontal"},Pt=e=>{let{alignment:t=fl.alignment,orientation:o=fl.orientation,template:a,as:n=a?"div":_e,...i}=e;return pu(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,lu),children:e.children})};var _r="searchbox",bl=_r;import{jsx as Aa,jsxs as mu}from"react/jsx-runtime";var hl="k-searchbox",du=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],cu={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Dr={showIcon:!0,icon:"search"},Xe=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:b,required:h,loading:N,disabled:m,showIcon:L=Dr.showIcon,icon:k=Dr.icon,"aria-label":S,...A}=e;return mu(Q,{...A,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:b,required:h,loading:N,disabled:m,className:r(e.className,hl),children:[L&&Aa(v,{className:"k-input-icon",icon:k}),Aa(ve,{placeholder:o,value:t,"aria-label":S}),Aa(Te,{...e}),Aa(Le,{...e}),Aa(Re,{...e})]})};Xe.states=du;Xe.options=cu;Xe.className=hl;Xe.defaultOptions=Dr;Xe.moduleName=_r;Xe.folderName=bl;import{jsx as WE}from"react/jsx-runtime";var Hr="textbox",xl=Hr;import{Fragment as gl,jsx as wt,jsxs as zr}from"react/jsx-runtime";var Nl="k-textbox",uu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],fu={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},cn={showClearButton:!0,showValidationIcon:!0,separators:!0},ie=e=>{let{size:t,rounded:o,fillMode:a,separators:n=cn.separators,showClearButton:i=cn.showClearButton,showValidationIcon:l=cn.showValidationIcon,prefix:c,suffix:u,type:b,value:h,placeholder:N,hover:m,focus:L,valid:k,invalid:S,required:A,loading:y,disabled:E,readonly:V,id:pe,"aria-label":xe,"aria-describedby":ge,...Ne}=e;return zr(Q,{...Ne,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:k,invalid:S,required:A,loading:y,disabled:E,readonly:V,className:r(e.className,Nl),children:[c&&zr(gl,{children:[wt(Ge,{children:c}),n&&wt($e,{})]}),wt(ve,{id:pe,placeholder:N,value:h,type:b,disabled:E,"aria-label":xe,"aria-describedby":ge,"aria-invalid":S?"true":void 0}),l&&wt(Le,{valid:k,invalid:S,loading:y,disabled:E}),wt(Te,{loading:y,disabled:E}),i&&wt(Re,{loading:y,disabled:E,readonly:V,value:h}),u&&zr(gl,{children:[n&&wt($e,{}),wt(Ve,{children:u})]})]})};ie.states=uu;ie.options=fu;ie.className=Nl;ie.defaultOptions=cn;ie.moduleName=Hr;ie.folderName=xl;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 Ca=ie;import{jsx as bu}from"react/jsx-runtime";var mn=e=>bu(Ca,{...e});import{Fragment as mI,jsx as cI}from"react/jsx-runtime";import{Fragment as gI,jsx as xI}from"react/jsx-runtime";import{jsx as LI}from"react/jsx-runtime";import{jsx as Ur}from"react/jsx-runtime";var hu=ie.states,xu=ie.defaultOptions,gu=ie.options,Nu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],vu=[],Eo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Ur(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Ur(at,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Ur(mn,{value:"Value",style:{width:300},...o,...a})};Eo.options=gu;Eo.states=hu;Eo.variants=vu;Eo.defaultOptions=xu;Eo.modifiers=Nu;Eo.className=ie.className;import{jsx as Kt,jsxs as Fr}from"react/jsx-runtime";var vl="k-actionsheet-titlebar",ku={},Me=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:c,inputPlaceholder:u,adaptive:b,titleId:h,children:N,...m}=e