@progress/kendo-themes-html 14.7.0-dev.2 → 14.7.0-dev.3

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

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