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

package/dist/esm/chat/chat.spec.mjs

@@ -1 +1 @@
-var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...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 T=(e,t)=>l({[`${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"}),_=(e,t)=>{let{valid:o,invalid:a,hover:i,focus:p,checked:r,active:m,selected:f,disabled:x,indeterminate:B,loading:b,empty:k,readonly:y,highlighted:I,...S}=t;return l({"k-valid":o,"k-invalid":a,"k-hover":i,"k-focus":p,"k-checked":r,"k-active":m,"k-selected":f,"k-disabled":x,"k-indeterminate":B&&!r,"k-loading":b,"k-empty":k,"k-readonly":y,"k-highlighted":I},Object.keys(S).reduce((E,A)=>(A.startsWith("k-")?E[A]=S[A]:E[`k-${A}`]=S[A],E),{}))};function be(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},g={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},v={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},n={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},u={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"};import{Fragment as Ye,jsx as xe}from"react/jsx-runtime";var j="k-font-icon",qe=[],We={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},Qe={},z=e=>{let{size:t,themeColor:o,icon:a,rotate:i,flip:p,...r}=e;return a?xe("span",{...r,className:l(e.className,j,T(j,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"}),"aria-hidden":"true"}):xe(Ye,{})};z.states=qe;z.options=We;z.className=j;z.defaultOptions=Qe;var ge=z;import{Fragment as et,jsx as q}from"react/jsx-runtime";var ee="k-svg-icon",Ze=[],je={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},he={viewBox:"0 0 24 24"},D=e=>{let{size:t,themeColor:o,rotate:a,flip:i,viewBox:p=he.viewBox,icon:r,...m}=e;if(!r)return q(et,{});if(r==="none")return q("span",{...m,className:l(e.className,ee,T("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof r=="object"&&r.name&&r.name;return q("span",{...m,className:l(e.className,ee,T("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:q("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof r=="object"?r.viewBox:p,dangerouslySetInnerHTML:typeof r=="object"?{__html:r.content}:void 0,children:r?void 0:e.children})})};D.states=Ze;D.options=je;D.className=ee;D.defaultOptions=he;var te=D;import*as oe from"@progress/kendo-svg-icons";var Ne="icon",Te="icons";import{useContext as ot}from"react";import{createContext as tt}from"react";var ke=tt({iconsType:"svg"});import{Fragment as ve,jsx as $}from"react/jsx-runtime";var W="k-icon",nt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),at=[],st={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},ne={viewBox:"0 0 24 24",type:"svg"},h=e=>{let{iconsType:t}=ot(ke),{size:o,themeColor:a,icon:i,type:p=t||ne.type,rotate:r,flip:m,viewBox:f=ne.viewBox,...x}=e;if(!i)return $(ve,{});if((t||p)==="svg"){if(i==="none")return $(te,{...x,className:l(e.className,W),icon:i,size:o});let b=oe[i]?i:nt(`${i}-icon`);return oe[b]?$(te,{...x,className:l(e.className,W),icon:oe[b],size:o,themeColor:a,rotate:r,flip:m,viewBox:f}):$(ve,{})}return $(ge,{...x,className:l(e.className,W),icon:i,size:o,themeColor:a,rotate:r,flip:m})};h.states=at;h.options=st;h.defaultOptions=ne;h.className=W;h.moduleName=Ne;h.folderName=Te;h.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 ae="button",Be=ae;import{Fragment as pt,jsx as U,jsxs as ye}from"react/jsx-runtime";var X="k-button",rt=["icon-button"],it=[u.hover,u.focus,u.active,u.selected,u.disabled,u.generating],lt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.inverse]},se={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:i,themeColor:p,showArrow:r=se.showArrow,arrowIconName:m=se.arrowIconName,variant:f,hover:x,focus:B,active:b,selected:k,disabled:y,togglable:I,ariaDisabled:S,icon:E,text:A,iconClassName:Ue,className:Xe,...Je}=e,Ve=E!==void 0,Ge=e.children!==void 0;return ye(t,{className:l(Xe,X,be(X,f),T(X,{size:o,rounded:a,fillMode:i,themeColor:p}),_(X,{hover:x,focus:B,active:b,disabled:y||S,selected:k}),{"k-icon-button":!A&&!Ge&&Ve}),...Je,"aria-pressed":I?k?"true":"false":void 0,"aria-disabled":S?"true":void 0,disabled:y||void 0,children:[E&&U(h,{className:l(Ue,"k-button-icon"),icon:E}),A?ye(pt,{children:[A&&U("span",{className:"k-button-text",children:A}),e.children]}):e.children&&U("span",{className:"k-button-text",children:e.children}),r&&U("span",{className:"k-menu-button-arrow k-button-arrow",children:U(h,{icon:m})})]})};c.states=it;c.options=lt;c.variants=rt;c.className=X;c.defaultOptions=se;c.moduleName=ae;c.folderName=Be;c.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 ct}from"react/jsx-runtime";var L=e=>ct(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as ut}from"react/jsx-runtime";var Ae=e=>ut(c,{icon:"folder",children:"Button",...e});import{jsx as mt}from"react/jsx-runtime";var Me=e=>mt(c,{children:"Button",...e});import{jsx as re}from"react/jsx-runtime";var dt=c.options,ft=c.states,bt={...c.defaultOptions,variant:"text"},xt=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],gt=[],K=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return re(L,{...o,icon:"star"});case"icon-and-text":return re(Ae,{...o,icon:"star",children:"Button"});default:return re(Me,{...o,children:"Button"})}};K.options=dt;K.states=ft;K.variants=xt;K.defaultOptions=bt;K.modifiers=gt;K.className=c.className;import{jsx as Ee,jsxs as vt}from"react/jsx-runtime";var Q="k-fab",Tt=[u.hover,u.focus,u.active,u.selected,u.disabled],kt={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary]},Oe={type:"button"},d=e=>{let{size:t,rounded:o,themeColor:a,text:i,icon:p,type:r=Oe.type,position:m,hover:f,focus:x,active:B,selected:b,disabled:k,...y}=e;return vt("button",{...y,type:r,className:l(e.className,Q,T(Q,{size:t,rounded:o,themeColor:a}),_(Q,{hover:f,focus:x,active:B,disabled:k,selected:b}),{[`!k-pos-absolute k-${m}`]:m}),...!i&&p&&!e["aria-label"]&&{"aria-label":"Action"},...k&&{"aria-disabled":"true"},disabled:k||void 0,children:[p&&Ee(h,{className:"k-fab-icon",icon:p}),i&&Ee("span",{className:"k-fab-text",children:i})]})};d.states=Tt;d.options=kt;d.className=Q;d.defaultOptions=Oe;d.moduleName="fab";d.folderName="fab";d.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 yt}from"react/jsx-runtime";var Bt="k-fab-items",Se=e=>{let{position:t,...o}=e;return yt("ul",{...o,className:l(e.className,Bt,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as Ie,jsxs as Mt}from"react/jsx-runtime";var Ce="k-fab-item",At=[u.hover,u.focus,u.active,u.disabled],ie=e=>{let{text:t,icon:o,align:a,hover:i,focus:p,active:r,disabled:m,...f}=e;return Mt("li",{...f,className:l(e.className,Ce,{[`k-text-${a}`]:a},_(Ce,{hover:i,focus:p,active:r,disabled:m})),children:[Ie("span",{className:"k-fab-item-text",children:t}),Ie(h,{className:"k-fab-item-icon",icon:o})]})};ie.states=At;import{jsx as Nn}from"react/jsx-runtime";import{jsx as Et}from"react/jsx-runtime";var Pe=e=>Et(d,{icon:"plus",...e});import{jsx as Mn}from"react/jsx-runtime";import{jsx as Cn}from"react/jsx-runtime";import{jsx as F,jsxs as _t}from"react/jsx-runtime";var Ot=d.options,St=d.states,Ct={...d.defaultOptions,variant:"text"},It=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Pt=[{name:"opened",title:"Opened"}],R=e=>{let{variant:t,modifiers:o,...a}=e,{opened:i}=o||{},p=i?F("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:F(Se,{position:"bottom",children:F(ie,{text:"Item",icon:"pencil",align:"right"})})}):null,r;switch(t){case"icon-only":r=F(d,{...a,icon:"star"});break;case"icon-and-text":r=F(d,{...a,icon:"star",text:"Action"});break;default:r=F(d,{...a,text:"Action"});break}return _t("span",{style:{position:"relative"},children:[r,p]})};R.options=Ot;R.states=St;R.variants=It;R.defaultOptions=Ct;R.modifiers=Pt;R.className=d.className;import{jsx as Ft}from"react/jsx-runtime";var le="k-input-inner",Lt=[],Kt={},Y={type:"text",autocomplete:"off",value:"",placeholder:""},J=e=>{let{value:t=Y.value,type:o=Y.type,placeholder:a=Y.placeholder,autocomplete:i=Y.autocomplete,disabled:p,readOnly:r,...m}=e;return Ft("input",{...m,type:o,className:l(e.className,le,T(le,e)),placeholder:a,autoComplete:i,defaultValue:t,disabled:p||void 0,readOnly:r||void 0})};J.states=Lt;J.options=Kt;J.className=le;import{jsx as Ht}from"react/jsx-runtime";var pe="k-input-inner",Rt=[],wt={},_e={value:"",placeholder:""},V=e=>{let{value:t=_e.value,placeholder:o=_e.placeholder,rows:a,disabled:i,...p}=e;return Ht("textarea",{...p,className:l(e.className,pe,T(pe,e)),placeholder:o,rows:a,defaultValue:t,disabled:i||void 0})};V.states=Rt;V.options=wt;V.className=pe;var ce="prompt-box",Le=ce;var ue="speech-to-text-button",Ke=ue;import{jsx as zt}from"react/jsx-runtime";var Fe="k-speech-to-text-button",Re={icon:"microphone-outline"},N=e=>{let{listening:t=!1,icon:o=Re.icon,...a}=e;return zt(c,{...a,icon:t?"stop-sm":o,className:l(e.className,Fe,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};N.states=c.states;N.options=c.options;N.className=Fe;N.defaultOptions=Re;N.moduleName=ue;N.folderName=Ke;N.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 ua}from"react/jsx-runtime";import{jsx as ba}from"react/jsx-runtime";import{jsx as Jt}from"react/jsx-runtime";var Dt=c.states,we={...c.defaultOptions,variant:"normal"},$t={...c.options,fillMode:c.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},Ut=[],Xt=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],w=e=>{let{variant:t,...o}={...we,...e},a={};return t==="listening"&&(a.listening=!0),Jt(N,{...o,...a})};w.options=$t;w.states=Dt;w.variants=Xt;w.defaultOptions=we;w.modifiers=Ut;w.className=N.className;import{jsx as H,jsxs as me}from"react/jsx-runtime";var M="k-prompt-box",Vt=[u.hover,u.focus,u.disabled],Gt={fillMode:[v.undefined,v.solid,v.flat,v.outline]},de={lineMode:"auto",isExpanded:!1},O=e=>{let{fillMode:t,lineMode:o=de.lineMode,startAffix:a,endAffix:i,header:p,isExpanded:r=de.isExpanded,className:m,children:f,value:x,placeholder:B,generating:b,hover:k,focus:y,disabled:I,...S}=e,E=o==="multi"||o==="auto"&&r;return me("div",{...S,className:l(m,"k-input",M,{[`${M}-singleline`]:o==="single",[`${M}-multiline`]:E,[`k-input-${t}`]:t,"k-hover":k,"k-focus":y,"k-disabled":I}),children:[p&&H("div",{className:`${M}-header`,children:p}),me("div",{className:`${M}-content`,children:[a&&H("div",{className:`${M}-affix`,children:a}),o==="single"?H(J,{value:x,placeholder:B,className:`${M}-input`,type:"text","aria-label":"Prompt input"}):H(V,{value:x,placeholder:B,className:`${M}-textarea`,rows:o==="multi"||r?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),me("div",{className:`${M}-affix`,children:[i,H(N,{size:"small",fillMode:"flat",rounded:"full"}),H(L,{icon:b?"stop-sm":"arrow-up-outline",size:"small",rounded:"full",active:b,disabled:!x&&!b,className:l({"k-generating":b}),"aria-label":b?"Stop generating":"Send prompt","aria-live":"polite"})]})]}),f]})};O.states=Vt;O.options=Gt;O.className=M;O.defaultOptions=de;O.moduleName=ce;O.folderName=Le;O.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 Ra}from"react/jsx-runtime";import{jsx as Da}from"react/jsx-runtime";import{jsx as Ja}from"react/jsx-runtime";import{jsx as Wa}from"react/jsx-runtime";import{jsx as ja}from"react/jsx-runtime";var fe="chat",He=fe;import{Fragment as $e,jsx as P,jsxs as G}from"react/jsx-runtime";var ze="k-chat",qt=[],Wt={},Qt=G($e,{children:[P(L,{icon:"paperclip-outline-alt-right",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),P("div",{className:"k-spacer"})]}),De={tools:Qt},C=e=>{let{header:t,dir:o,suggestedActions:a,files:i,pinned:p,replied:r,generating:m,tools:f=De.tools,value:x,empty:B,scrollToBottom:b,scrollbar:k,promptBoxProps:y,...I}=e;return G("div",{...I,className:l(ze,e.className),dir:o,children:[t,G("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[p,P("div",{className:l("k-message-list-content",B&&"k-message-list-content-empty"),children:e.children}),b&&P("div",{className:"k-chat-scroll-to-bottom-container",children:P(Pe,{themeColor:"base",icon:"arrow-down-outline",size:"small"})})]}),k&&P("div",{className:"k-separator"}),G("div",{className:"k-message-box-wrapper",children:[a,P(O,{lineMode:"multi",placeholder:"Type a message",generating:m,value:x,header:i||r?G($e,{children:[r,i]}):void 0,endAffix:f,...y})]})]})};C.states=qt;C.options=Wt;C.className=ze;C.defaultOptions=De;C.moduleName=fe;C.folderName=He;C.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 bs=C;export{C as Chat,bs as default};
+var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...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 T=(e,t)=>l({[`${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"}),_=(e,t)=>{let{valid:o,invalid:a,hover:i,focus:p,checked:r,active:d,selected:f,disabled:x,indeterminate:B,loading:b,empty:k,readonly:y,highlighted:I,...S}=t;return l({"k-valid":o,"k-invalid":a,"k-hover":i,"k-focus":p,"k-checked":r,"k-active":d,"k-selected":f,"k-disabled":x,"k-indeterminate":B&&!r,"k-loading":b,"k-empty":k,"k-readonly":y,"k-highlighted":I},Object.keys(S).reduce((E,A)=>(A.startsWith("k-")?E[A]=S[A]:E[`k-${A}`]=S[A],E),{}))};function be(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},g={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},v={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},n={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},u={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"};import{Fragment as Ye,jsx as xe}from"react/jsx-runtime";var j="k-font-icon",qe=[],We={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},Qe={},z=e=>{let{size:t,themeColor:o,icon:a,rotate:i,flip:p,...r}=e;return a?xe("span",{...r,className:l(e.className,j,T(j,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"}),"aria-hidden":"true"}):xe(Ye,{})};z.states=qe;z.options=We;z.className=j;z.defaultOptions=Qe;var ge=z;import{Fragment as et,jsx as q}from"react/jsx-runtime";var ee="k-svg-icon",Ze=[],je={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},he={viewBox:"0 0 24 24"},D=e=>{let{size:t,themeColor:o,rotate:a,flip:i,viewBox:p=he.viewBox,icon:r,...d}=e;if(!r)return q(et,{});if(r==="none")return q("span",{...d,className:l(e.className,ee,T("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof r=="object"&&r.name&&r.name;return q("span",{...d,className:l(e.className,ee,T("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:q("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof r=="object"?r.viewBox:p,dangerouslySetInnerHTML:typeof r=="object"?{__html:r.content}:void 0,children:r?void 0:e.children})})};D.states=Ze;D.options=je;D.className=ee;D.defaultOptions=he;var te=D;import*as oe from"@progress/kendo-svg-icons";var Ne="icon",Te="icons";import{useContext as ot}from"react";import{createContext as tt}from"react";var ke=tt({iconsType:"svg"});import{Fragment as ve,jsx as $}from"react/jsx-runtime";var W="k-icon",nt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),at=[],st={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},ne={viewBox:"0 0 24 24",type:"svg"},h=e=>{let{iconsType:t}=ot(ke),{size:o,themeColor:a,icon:i,type:p=t||ne.type,rotate:r,flip:d,viewBox:f=ne.viewBox,...x}=e;if(!i)return $(ve,{});if((t||p)==="svg"){if(i==="none")return $(te,{...x,className:l(e.className,W),icon:i,size:o});let b=oe[i]?i:nt(`${i}-icon`);return oe[b]?$(te,{...x,className:l(e.className,W),icon:oe[b],size:o,themeColor:a,rotate:r,flip:d,viewBox:f}):$(ve,{})}return $(ge,{...x,className:l(e.className,W),icon:i,size:o,themeColor:a,rotate:r,flip:d})};h.states=at;h.options=st;h.defaultOptions=ne;h.className=W;h.moduleName=Ne;h.folderName=Te;h.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 ae="button",Be=ae;import{Fragment as pt,jsx as U,jsxs as ye}from"react/jsx-runtime";var X="k-button",rt=["icon-button"],it=[u.hover,u.focus,u.active,u.selected,u.disabled,u.generating],lt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.inverse]},se={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:i,themeColor:p,showArrow:r=se.showArrow,arrowIconName:d=se.arrowIconName,variant:f,hover:x,focus:B,active:b,selected:k,disabled:y,togglable:I,ariaDisabled:S,icon:E,text:A,iconClassName:Ue,className:Xe,...Je}=e,Ve=E!==void 0,Ge=e.children!==void 0;return ye(t,{className:l(Xe,X,be(X,f),T(X,{size:o,rounded:a,fillMode:i,themeColor:p}),_(X,{hover:x,focus:B,active:b,disabled:y||S,selected:k}),{"k-icon-button":!A&&!Ge&&Ve}),...Je,"aria-pressed":I?k?"true":"false":void 0,"aria-disabled":S?"true":void 0,disabled:y||void 0,children:[E&&U(h,{className:l(Ue,"k-button-icon"),icon:E}),A?ye(pt,{children:[A&&U("span",{className:"k-button-text",children:A}),e.children]}):e.children&&U("span",{className:"k-button-text",children:e.children}),r&&U("span",{className:"k-menu-button-arrow k-button-arrow",children:U(h,{icon:d})})]})};c.states=it;c.options=lt;c.variants=rt;c.className=X;c.defaultOptions=se;c.moduleName=ae;c.folderName=Be;c.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 ct}from"react/jsx-runtime";var L=e=>ct(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as ut}from"react/jsx-runtime";var Ae=e=>ut(c,{icon:"folder",children:"Button",...e});import{jsx as dt}from"react/jsx-runtime";var Me=e=>dt(c,{children:"Button",...e});import{jsx as re}from"react/jsx-runtime";var mt=c.options,ft=c.states,bt={...c.defaultOptions,variant:"text"},xt=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],gt=[],K=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return re(L,{...o,icon:"star"});case"icon-and-text":return re(Ae,{...o,icon:"star",children:"Button"});default:return re(Me,{...o,children:"Button"})}};K.options=mt;K.states=ft;K.variants=xt;K.defaultOptions=bt;K.modifiers=gt;K.className=c.className;import{jsx as Ee,jsxs as vt}from"react/jsx-runtime";var Q="k-fab",Tt=[u.hover,u.focus,u.active,u.selected,u.disabled],kt={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary]},Oe={type:"button"},m=e=>{let{size:t,rounded:o,themeColor:a,text:i,icon:p,type:r=Oe.type,position:d,hover:f,focus:x,active:B,selected:b,disabled:k,...y}=e;return vt("button",{...y,type:r,className:l(e.className,Q,T(Q,{size:t,rounded:o,themeColor:a}),_(Q,{hover:f,focus:x,active:B,disabled:k,selected:b}),{[`!k-pos-absolute k-${d}`]:d}),...!i&&p&&!e["aria-label"]&&{"aria-label":"Action"},...k&&{"aria-disabled":"true"},disabled:k||void 0,children:[p&&Ee(h,{className:"k-fab-icon",icon:p}),i&&Ee("span",{className:"k-fab-text",children:i})]})};m.states=Tt;m.options=kt;m.className=Q;m.defaultOptions=Oe;m.moduleName="fab";m.folderName="fab";m.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 yt}from"react/jsx-runtime";var Bt="k-fab-items",Se=e=>{let{position:t,...o}=e;return yt("ul",{...o,className:l(e.className,Bt,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as Ie,jsxs as Mt}from"react/jsx-runtime";var Ce="k-fab-item",At=[u.hover,u.focus,u.active,u.disabled],ie=e=>{let{text:t,icon:o,align:a,hover:i,focus:p,active:r,disabled:d,...f}=e;return Mt("li",{...f,className:l(e.className,Ce,{[`k-text-${a}`]:a},_(Ce,{hover:i,focus:p,active:r,disabled:d})),children:[Ie("span",{className:"k-fab-item-text",children:t}),Ie(h,{className:"k-fab-item-icon",icon:o})]})};ie.states=At;import{jsx as Nn}from"react/jsx-runtime";import{jsx as Et}from"react/jsx-runtime";var Pe=e=>Et(m,{icon:"plus",...e});import{jsx as Mn}from"react/jsx-runtime";import{jsx as Cn}from"react/jsx-runtime";import{jsx as F,jsxs as _t}from"react/jsx-runtime";var Ot=m.options,St=m.states,Ct={...m.defaultOptions,variant:"text"},It=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Pt=[{name:"opened",title:"Opened"}],R=e=>{let{variant:t,modifiers:o,...a}=e,{opened:i}=o||{},p=i?F("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:F(Se,{position:"bottom",children:F(ie,{text:"Item",icon:"pencil",align:"right"})})}):null,r;switch(t){case"icon-only":r=F(m,{...a,icon:"star"});break;case"icon-and-text":r=F(m,{...a,icon:"star",text:"Action"});break;default:r=F(m,{...a,text:"Action"});break}return _t("span",{style:{position:"relative"},children:[r,p]})};R.options=Ot;R.states=St;R.variants=It;R.defaultOptions=Ct;R.modifiers=Pt;R.className=m.className;import{jsx as Ft}from"react/jsx-runtime";var le="k-input-inner",Lt=[],Kt={},Y={type:"text",autocomplete:"off",value:"",placeholder:""},J=e=>{let{value:t=Y.value,type:o=Y.type,placeholder:a=Y.placeholder,autocomplete:i=Y.autocomplete,disabled:p,readOnly:r,...d}=e;return Ft("input",{...d,type:o,className:l(e.className,le,T(le,e)),placeholder:a,autoComplete:i,defaultValue:t,disabled:p||void 0,readOnly:r||void 0})};J.states=Lt;J.options=Kt;J.className=le;import{jsx as Ht}from"react/jsx-runtime";var pe="k-input-inner",Rt=[],wt={},_e={value:"",placeholder:""},V=e=>{let{value:t=_e.value,placeholder:o=_e.placeholder,rows:a,disabled:i,...p}=e;return Ht("textarea",{...p,className:l(e.className,pe,T(pe,e)),placeholder:o,rows:a,defaultValue:t,disabled:i||void 0})};V.states=Rt;V.options=wt;V.className=pe;var ce="prompt-box",Le=ce;var ue="speech-to-text-button",Ke=ue;import{jsx as zt}from"react/jsx-runtime";var Fe="k-speech-to-text-button",Re={icon:"microphone"},N=e=>{let{listening:t=!1,icon:o=Re.icon,...a}=e;return zt(c,{...a,icon:t?"stop":o,className:l(e.className,Fe,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};N.states=c.states;N.options=c.options;N.className=Fe;N.defaultOptions=Re;N.moduleName=ue;N.folderName=Ke;N.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 ua}from"react/jsx-runtime";import{jsx as ba}from"react/jsx-runtime";import{jsx as Jt}from"react/jsx-runtime";var Dt=c.states,we={...c.defaultOptions,variant:"normal"},$t={...c.options,fillMode:c.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},Ut=[],Xt=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],w=e=>{let{variant:t,...o}={...we,...e},a={};return t==="listening"&&(a.listening=!0),Jt(N,{...o,...a})};w.options=$t;w.states=Dt;w.variants=Xt;w.defaultOptions=we;w.modifiers=Ut;w.className=N.className;import{jsx as H,jsxs as de}from"react/jsx-runtime";var M="k-prompt-box",Vt=[u.hover,u.focus,u.disabled],Gt={fillMode:[v.undefined,v.solid,v.flat,v.outline]},me={lineMode:"auto",isExpanded:!1},O=e=>{let{fillMode:t,lineMode:o=me.lineMode,startAffix:a,endAffix:i,header:p,isExpanded:r=me.isExpanded,className:d,children:f,value:x,placeholder:B,generating:b,hover:k,focus:y,disabled:I,...S}=e,E=o==="multi"||o==="auto"&&r;return de("div",{...S,className:l(d,"k-input",M,{[`${M}-singleline`]:o==="single",[`${M}-multiline`]:E,[`k-input-${t}`]:t,"k-hover":k,"k-focus":y,"k-disabled":I}),children:[p&&H("div",{className:`${M}-header`,children:p}),de("div",{className:`${M}-content`,children:[a&&H("div",{className:`${M}-affix`,children:a}),o==="single"?H(J,{value:x,placeholder:B,className:`${M}-input`,type:"text","aria-label":"Prompt input"}):H(V,{value:x,placeholder:B,className:`${M}-textarea`,rows:o==="multi"||r?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),de("div",{className:`${M}-affix`,children:[i,H(N,{size:"small",fillMode:"flat",rounded:"full"}),H(L,{icon:b?"stop":"arrow-up",size:"small",rounded:"full",active:b,disabled:!x&&!b,className:l({"k-generating":b}),"aria-label":b?"Stop generating":"Send prompt","aria-live":"polite"})]})]}),f]})};O.states=Vt;O.options=Gt;O.className=M;O.defaultOptions=me;O.moduleName=ce;O.folderName=Le;O.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 Ra}from"react/jsx-runtime";import{jsx as Da}from"react/jsx-runtime";import{jsx as Ja}from"react/jsx-runtime";import{jsx as Wa}from"react/jsx-runtime";import{jsx as ja}from"react/jsx-runtime";var fe="chat",He=fe;import{Fragment as $e,jsx as P,jsxs as G}from"react/jsx-runtime";var ze="k-chat",qt=[],Wt={},Qt=G($e,{children:[P(L,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),P("div",{className:"k-spacer"})]}),De={tools:Qt},C=e=>{let{header:t,dir:o,suggestedActions:a,files:i,pinned:p,replied:r,generating:d,tools:f=De.tools,value:x,empty:B,scrollToBottom:b,scrollbar:k,promptBoxProps:y,...I}=e;return G("div",{...I,className:l(ze,e.className),dir:o,children:[t,G("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[p,P("div",{className:l("k-message-list-content",B&&"k-message-list-content-empty"),children:e.children}),b&&P("div",{className:"k-chat-scroll-to-bottom-container",children:P(Pe,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),k&&P("div",{className:"k-separator"}),G("div",{className:"k-message-box-wrapper",children:[a,P(O,{lineMode:"multi",placeholder:"Type a message",generating:d,value:x,header:i||r?G($e,{children:[r,i]}):void 0,endAffix:f,...y})]})]})};C.states=qt;C.options=Wt;C.className=ze;C.defaultOptions=De;C.moduleName=fe;C.folderName=He;C.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 bs=C;export{C as Chat,bs as default};