@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/card/card.js

@@ -1,2 +1,37 @@
-import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import i from"../box/box.js";import{jsx as a}from"react/jsx-runtime";const o=r((r,o)=>{let{className:s,isInteractive:c=r.onClick!==void 0,...l}=t(r),u=n(`Card`,r),d=c?{cursor:`pointer`,focusRing:2,hoverRingColor:`seaBlue.main`,hoverShadow:`3`,outline:`none`,tabIndex:0,userSelect:`none`}:{};return a(i,{className:e(`vui-card`,s),ref:o,...u,...d,...l})});o.displayName=`Card`;export{o as Card};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { omitThemingProps, useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/card/card.tsx
+/**
+* Displays static, partially interactive or fully interactive content, such as text, images or buttons.
+* Supports use cases like a single card or multiple tiles.
+*/
+const Card = vui((props, ref) => {
+	const { className, isInteractive = props.onClick !== void 0,...rest } = omitThemingProps(props);
+	const styles = useStyleConfig("Card", props);
+	const interactiveProps = isInteractive ? {
+		cursor: "pointer",
+		focusRing: 2,
+		hoverRingColor: "seaBlue.main",
+		hoverShadow: "3",
+		outline: "none",
+		tabIndex: 0,
+		userSelect: "none"
+	} : {};
+	return /* @__PURE__ */ jsx(box_default, {
+		className: cs("vui-card", className),
+		ref,
+		...styles,
+		...interactiveProps,
+		...rest
+	});
+});
+Card.displayName = "Card";
+
+//#endregion
+export { Card };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=card.js.map

package/dist/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","names":["interactiveProps: Dict","Box"],"sources":["../../src/card/card.tsx"],"sourcesContent":["import Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport type { Dict } from '../utils'\nimport { cs } from '../utils'\nimport type { CardProps } from './card.types'\n\n/**\n * Displays static, partially interactive or fully interactive content, such as text, images or buttons.\n * Supports use cases like a single card or multiple tiles.\n */\nexport const Card = vui<'div', CardProps>((props, ref) => {\n  const { className, isInteractive = props.onClick !== undefined, ...rest } = omitThemingProps(props)\n\n  const styles = useStyleConfig('Card', props)\n\n  const interactiveProps: Dict = isInteractive\n    ? {\n        cursor: 'pointer',\n        focusRing: 2,\n        hoverRingColor: 'seaBlue.main',\n        hoverShadow: '3',\n        outline: 'none',\n        tabIndex: 0,\n        userSelect: 'none',\n      }\n    : {}\n\n  return <Box className={cs('vui-card', className)} ref={ref} {...styles} {...interactiveProps} {...rest} />\n})\n\nCard.displayName = 'Card'\nexport default Card\n"],"mappings":"0NAUA,MAAa,EAAO,GAAuB,EAAO,IAAQ,CACxD,GAAM,CAAE,YAAW,gBAAgB,EAAM,UAAY,IAAA,GAAW,GAAG,GAAS,EAAiB,EAAM,CAE7F,EAAS,EAAe,OAAQ,EAAM,CAEtCA,EAAyB,EAC3B,CACE,OAAQ,UACR,UAAW,EACX,eAAgB,eAChB,YAAa,IACb,QAAS,OACT,SAAU,EACV,WAAY,OACb,CACD,EAAE,CAEN,OAAO,EAACC,EAAAA,CAAI,UAAW,EAAG,WAAY,EAAU,CAAO,MAAK,GAAI,EAAQ,GAAI,EAAkB,GAAI,GAAQ,EAC1G,CAEF,EAAK,YAAc"}
+{"version":3,"file":"card.js","names":["interactiveProps: Dict","Box"],"sources":["../../src/card/card.tsx"],"sourcesContent":["import Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport type { Dict } from '../utils'\nimport { cs } from '../utils'\nimport type { CardProps } from './card.types'\n\n/**\n * Displays static, partially interactive or fully interactive content, such as text, images or buttons.\n * Supports use cases like a single card or multiple tiles.\n */\nexport const Card = vui<'div', CardProps>((props, ref) => {\n  const { className, isInteractive = props.onClick !== undefined, ...rest } = omitThemingProps(props)\n\n  const styles = useStyleConfig('Card', props)\n\n  const interactiveProps: Dict = isInteractive\n    ? {\n        cursor: 'pointer',\n        focusRing: 2,\n        hoverRingColor: 'seaBlue.main',\n        hoverShadow: '3',\n        outline: 'none',\n        tabIndex: 0,\n        userSelect: 'none',\n      }\n    : {}\n\n  return <Box className={cs('vui-card', className)} ref={ref} {...styles} {...interactiveProps} {...rest} />\n})\n\nCard.displayName = 'Card'\nexport default Card\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EAAE,WAAW,gBAAgB,MAAM,YAAY,OAAW,GAAG,SAAS,iBAAiB,MAAM;CAEnG,MAAM,SAAS,eAAe,QAAQ,MAAM;CAE5C,MAAMA,mBAAyB,gBAC3B;EACE,QAAQ;EACR,WAAW;EACX,gBAAgB;EAChB,aAAa;EACb,SAAS;EACT,UAAU;EACV,YAAY;EACb,GACD,EAAE;AAEN,QAAO,oBAACC;EAAI,WAAW,GAAG,YAAY,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;EAAkB,GAAI;GAAQ;EAC1G;AAEF,KAAK,cAAc"}

package/dist/card/card.types.d.ts

@@ -1,5 +1,6 @@
 import { ThemingProps } from "../theme/types.js";
 import { BoxProps } from "../box/box.types.js";
+import "../box/index.js";
 
 //#region src/card/card.types.d.ts
 type CardProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Card'> & {

package/dist/card/card.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.types.d.ts","names":[],"sources":["../../src/card/card.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,SAAA,CAAA,CAAA,CAAY,KAAK,gCAC3B;;EADU,aAAS,CAAA,CAAA,CAAA,OAAA;CAAA"}
+{"version":3,"file":"card.types.d.ts","names":[],"sources":["../../src/card/card.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,SAAA,CAAA,CAAA,CAAY,KAAK,gCAC3B;;;AADF,CAAA"}

package/dist/card/index.d.ts

@@ -0,0 +1,2 @@
+import { CardProps } from "./card.types.js";
+import { Card } from "./card.js";

package/dist/card/theme.js

@@ -1,2 +1,22 @@
-var e={baseStyle:{bg:`white`,borderRadius:0,ring:1,ringColor:`transparent`,shadow:`2`},defaultProps:{},sizes:{},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/card/theme.ts
+const baseStyle = {
+	bg: "white",
+	borderRadius: 0,
+	ring: 1,
+	ringColor: "transparent",
+	shadow: "2"
+};
+const defaultProps = {};
+const sizes = {};
+const variants = {};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=theme.js.map

package/dist/card/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/card/theme.ts"],"sourcesContent":["const baseStyle = {\n  bg: 'white',\n  borderRadius: 0,\n  ring: 1,\n  ringColor: 'transparent',\n  shadow: '2',\n}\n\nconst defaultProps = {}\n\nconst sizes = {}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":"AAcA,IAAA,EAAe,CACb,UAfgB,CAChB,GAAI,QACJ,aAAc,EACd,KAAM,EACN,UAAW,cACX,OAAQ,IACT,CAUC,aARmB,EAAE,CASrB,MAPY,EAAE,CAQd,SANe,EAAE,CAOlB"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/card/theme.ts"],"sourcesContent":["const baseStyle = {\n  bg: 'white',\n  borderRadius: 0,\n  ring: 1,\n  ringColor: 'transparent',\n  shadow: '2',\n}\n\nconst defaultProps = {}\n\nconst sizes = {}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY;CAChB,IAAI;CACJ,cAAc;CACd,MAAM;CACN,WAAW;CACX,QAAQ;CACT;AAED,MAAM,eAAe,EAAE;AAEvB,MAAM,QAAQ,EAAE;AAEhB,MAAM,WAAW,EAAE;AAEnB,oBAAe;CACb;CACA;CACA;CACA;CACD"}

package/dist/chat/chat.d.ts

@@ -1,10 +1,10 @@
 import { VuiComponent } from "../core/vui.js";
+import "../core/index.js";
 import { ChatProps } from "./chat.types.js";
 import { ChatInput } from "./chatInput.js";
 import { ChatMessage } from "./chatMessage.js";
 
 //#region src/chat/chat.d.ts
-
 /**
  * Displays a chat interface with messages and actions.
  */

package/dist/chat/chat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat.d.ts","names":[],"sources":["../../src/chat/chat.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAcA,CAAA,CAAA;AAsEC,OAAA,CAAA,KAAA,CAtEY,IAsEZ,CAAA,CAHK,YAGL,CAAA,CAAA,GAAA,CAAA,CAAA,CAHyB,SAGzB,CAAA,CAAA,CAAA,CAAA;SAHyB,CAAA,CAAA,MAAA,CACR,WADQ;OAApB,CAAA,CAAA,MAAA,CAEU,SAFV"}
+{"version":3,"file":"chat.d.ts","names":[],"sources":["../../src/chat/chat.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAca,OAAA,CAAA,KAAA,CAAA,IAsEZ,CAAA,CAHK,YAGL,CAAA,CAAA,GAAA,CAAA,CAAA,CAHyB,SAGzB,CAAA,CAAA,CAAA,CAAA;EAHyB,OAAA,CAAA,CAAA,MAAA,CACR,WADQ;EAApB,KAAA,CAAA,CAAA,MAAA,CAEU,SAFV;CACY"}

package/dist/chat/chat.js

@@ -1,2 +1,66 @@
-import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import i from"../box/box.js";import{Tag as a}from"../tag/tag.js";import o from"./chatInput.js";import s from"./chatMessage.js";import{useEffect as c,useRef as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";const f=r((r,f)=>{let{className:p,children:m,inputStatus:h=`default`,messages:g,helpText:_,maxTextareaHeight:v=120,processingMessage:y,suggestions:b,onNewTopicClick:x,onSuggestionClick:S,onSend:C,onStop:w,...T}=t(r),E=n(`Chat`,r),D=l(null);return c(()=>D.current?.scrollIntoView({behavior:`smooth`}),[g,m]),d(i,{className:e(`vui-chat`,p),ref:f,...E.chat,h:`100%`,justifyContent:`space-between`,...T,children:[d(i,{className:e(`vui-chat-messages`),...E?.messages,children:[g?.length?g.map((e,t)=>u(s,{...e},t)):m,u(`div`,{ref:D})]}),d(i,{column:!0,children:[!!b?.length&&u(i,{className:e(`vui-chat-suggestions`),...E?.suggestions,mb:`24px`,mt:`8px`,children:b?.map(e=>u(a,{cursor:h===`default`?`pointer`:void 0,disabled:h!==`default`,mb:`6px`,ml:`6px`,onClick:()=>S?.(e),children:e},e))}),u(o,{helpText:_,maxTextareaHeight:v,onNewTopicClick:x,onSend:C,onStop:w,processingMessage:y,status:h})]})]})});f.Message=s,f.Input=o,f.displayName=`Chat`;export{f as Chat};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { omitThemingProps, useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import { Tag } from "../tag/tag.js";
+import chatInput_default from "./chatInput.js";
+import chatMessage_default from "./chatMessage.js";
+import { useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/chat/chat.tsx
+/**
+* Displays a chat interface with messages and actions.
+*/
+const Chat = vui((props, ref) => {
+	const { className, children, inputStatus = "default", messages, helpText, maxTextareaHeight = 120, processingMessage, suggestions, onNewTopicClick, onSuggestionClick, onSend, onStop,...rest } = omitThemingProps(props);
+	const styles = useStyleConfig("Chat", props);
+	const messagesEndRef = useRef(null);
+	const scrollDown = () => messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+	useEffect(scrollDown, [messages, children]);
+	return /* @__PURE__ */ jsxs(box_default, {
+		className: cs("vui-chat", className),
+		ref,
+		...styles.chat,
+		h: "100%",
+		justifyContent: "space-between",
+		...rest,
+		children: [/* @__PURE__ */ jsxs(box_default, {
+			className: cs("vui-chat-messages"),
+			...styles?.messages,
+			children: [messages?.length ? messages.map((message, key) => /* @__PURE__ */ jsx(chatMessage_default, { ...message }, key)) : children, /* @__PURE__ */ jsx("div", { ref: messagesEndRef })]
+		}), /* @__PURE__ */ jsxs(box_default, {
+			column: true,
+			children: [!!suggestions?.length && /* @__PURE__ */ jsx(box_default, {
+				className: cs("vui-chat-suggestions"),
+				...styles?.suggestions,
+				mb: "24px",
+				mt: "8px",
+				children: suggestions?.map((suggestion) => /* @__PURE__ */ jsx(Tag, {
+					cursor: inputStatus === "default" ? "pointer" : void 0,
+					disabled: inputStatus !== "default",
+					mb: "6px",
+					ml: "6px",
+					onClick: () => onSuggestionClick?.(suggestion),
+					children: suggestion
+				}, suggestion))
+			}), /* @__PURE__ */ jsx(chatInput_default, {
+				helpText,
+				maxTextareaHeight,
+				onNewTopicClick,
+				onSend,
+				onStop,
+				processingMessage,
+				status: inputStatus
+			})]
+		})]
+	});
+});
+Chat.Message = chatMessage_default;
+Chat.Input = chatInput_default;
+Chat.displayName = "Chat";
+
+//#endregion
+export { Chat };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=chat.js.map

package/dist/chat/chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat.js","names":["Box","ChatMessage","ChatInput"],"sources":["../../src/chat/chat.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nimport Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { Tag } from '../tag'\nimport { cs } from '../utils'\nimport type { ChatProps } from './chat.types'\nimport ChatInput from './chatInput'\nimport ChatMessage from './chatMessage'\n\n/**\n * Displays a chat interface with messages and actions.\n */\nexport const Chat = vui<'div', ChatProps>((props, ref) => {\n  const {\n    className,\n    children,\n    inputStatus = 'default',\n    messages,\n    helpText,\n    maxTextareaHeight = 120,\n    processingMessage,\n    suggestions,\n    onNewTopicClick,\n    onSuggestionClick,\n    onSend,\n    onStop,\n    ...rest\n  } = omitThemingProps(props)\n\n  const styles = useStyleConfig('Chat', props)\n\n  const messagesEndRef = useRef<HTMLDivElement>(null)\n\n  const scrollDown = () => messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' })\n\n  useEffect(scrollDown, [messages, children])\n\n  return (\n    <Box\n      className={cs('vui-chat', className)}\n      ref={ref}\n      {...styles.chat}\n      h=\"100%\"\n      justifyContent=\"space-between\"\n      {...rest}\n    >\n      <Box className={cs('vui-chat-messages')} {...styles?.messages}>\n        {messages?.length ? messages.map((message, key) => <ChatMessage key={key} {...message} />) : children}\n        <div ref={messagesEndRef} />\n      </Box>\n      <Box column>\n        {!!suggestions?.length && (\n          <Box className={cs('vui-chat-suggestions')} {...styles?.suggestions} mb=\"24px\" mt=\"8px\">\n            {suggestions?.map(suggestion => (\n              <Tag\n                cursor={inputStatus === 'default' ? 'pointer' : undefined}\n                disabled={inputStatus !== 'default'}\n                key={suggestion}\n                mb=\"6px\"\n                ml=\"6px\"\n                onClick={() => onSuggestionClick?.(suggestion)}\n              >\n                {suggestion}\n              </Tag>\n            ))}\n          </Box>\n        )}\n        <ChatInput\n          helpText={helpText}\n          maxTextareaHeight={maxTextareaHeight}\n          onNewTopicClick={onNewTopicClick}\n          onSend={onSend}\n          onStop={onStop}\n          processingMessage={processingMessage}\n          status={inputStatus}\n        />\n      </Box>\n    </Box>\n  )\n}) as VuiComponent<'div', ChatProps> & {\n  Message: typeof ChatMessage\n  Input: typeof ChatInput\n}\n\nChat.Message = ChatMessage\nChat.Input = ChatInput\nChat.displayName = 'Chat'\nexport default Chat\n"],"mappings":"oXAcA,MAAa,EAAO,GAAuB,EAAO,IAAQ,CACxD,GAAM,CACJ,YACA,WACA,cAAc,UACd,WACA,WACA,oBAAoB,IACpB,oBACA,cACA,kBACA,oBACA,SACA,SACA,GAAG,GACD,EAAiB,EAAM,CAErB,EAAS,EAAe,OAAQ,EAAM,CAEtC,EAAiB,EAAuB,KAAK,CAMnD,OAFA,MAFyB,EAAe,SAAS,eAAe,CAAE,SAAU,SAAU,CAAC,CAEjE,CAAC,EAAU,EAAS,CAAC,CAGzC,EAACA,EAAAA,CACC,UAAW,EAAG,WAAY,EAAU,CAC/B,MACL,GAAI,EAAO,KACX,EAAE,OACF,eAAe,gBACf,GAAI,YAEJ,EAACA,EAAAA,CAAI,UAAW,EAAG,oBAAoB,CAAE,GAAI,GAAQ,mBAClD,GAAU,OAAS,EAAS,KAAK,EAAS,IAAQ,EAACC,EAAAA,CAAsB,GAAI,EAAA,CAAT,EAAoB,CAAC,CAAG,EAC7F,EAAC,MAAA,CAAI,IAAK,EAAA,CAAkB,CAAA,EACxB,CACN,EAACD,EAAAA,CAAI,OAAA,aACF,CAAC,CAAC,GAAa,QACd,EAACA,EAAAA,CAAI,UAAW,EAAG,uBAAuB,CAAE,GAAI,GAAQ,YAAa,GAAG,OAAO,GAAG,eAC/E,GAAa,IAAI,GAChB,EAAC,EAAA,CACC,OAAQ,IAAgB,UAAY,UAAY,IAAA,GAChD,SAAU,IAAgB,UAE1B,GAAG,MACH,GAAG,MACH,YAAe,IAAoB,EAAW,UAE7C,GALI,EAMD,CACN,EACE,CAER,EAACE,EAAAA,CACW,WACS,oBACF,kBACT,SACA,SACW,oBACnB,OAAQ,GACR,CAAA,EACE,CAAA,EACF,EAER,CAKF,EAAK,QAAUD,EACf,EAAK,MAAQC,EACb,EAAK,YAAc"}
+{"version":3,"file":"chat.js","names":["Box","ChatMessage","ChatInput"],"sources":["../../src/chat/chat.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nimport Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { Tag } from '../tag'\nimport { cs } from '../utils'\nimport type { ChatProps } from './chat.types'\nimport ChatInput from './chatInput'\nimport ChatMessage from './chatMessage'\n\n/**\n * Displays a chat interface with messages and actions.\n */\nexport const Chat = vui<'div', ChatProps>((props, ref) => {\n  const {\n    className,\n    children,\n    inputStatus = 'default',\n    messages,\n    helpText,\n    maxTextareaHeight = 120,\n    processingMessage,\n    suggestions,\n    onNewTopicClick,\n    onSuggestionClick,\n    onSend,\n    onStop,\n    ...rest\n  } = omitThemingProps(props)\n\n  const styles = useStyleConfig('Chat', props)\n\n  const messagesEndRef = useRef<HTMLDivElement>(null)\n\n  const scrollDown = () => messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' })\n\n  useEffect(scrollDown, [messages, children])\n\n  return (\n    <Box\n      className={cs('vui-chat', className)}\n      ref={ref}\n      {...styles.chat}\n      h=\"100%\"\n      justifyContent=\"space-between\"\n      {...rest}\n    >\n      <Box className={cs('vui-chat-messages')} {...styles?.messages}>\n        {messages?.length ? messages.map((message, key) => <ChatMessage key={key} {...message} />) : children}\n        <div ref={messagesEndRef} />\n      </Box>\n      <Box column>\n        {!!suggestions?.length && (\n          <Box className={cs('vui-chat-suggestions')} {...styles?.suggestions} mb=\"24px\" mt=\"8px\">\n            {suggestions?.map(suggestion => (\n              <Tag\n                cursor={inputStatus === 'default' ? 'pointer' : undefined}\n                disabled={inputStatus !== 'default'}\n                key={suggestion}\n                mb=\"6px\"\n                ml=\"6px\"\n                onClick={() => onSuggestionClick?.(suggestion)}\n              >\n                {suggestion}\n              </Tag>\n            ))}\n          </Box>\n        )}\n        <ChatInput\n          helpText={helpText}\n          maxTextareaHeight={maxTextareaHeight}\n          onNewTopicClick={onNewTopicClick}\n          onSend={onSend}\n          onStop={onStop}\n          processingMessage={processingMessage}\n          status={inputStatus}\n        />\n      </Box>\n    </Box>\n  )\n}) as VuiComponent<'div', ChatProps> & {\n  Message: typeof ChatMessage\n  Input: typeof ChatInput\n}\n\nChat.Message = ChatMessage\nChat.Input = ChatInput\nChat.displayName = 'Chat'\nexport default Chat\n"],"mappings":";;;;;;;;;;;;;;AAcA,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EACJ,WACA,UACA,cAAc,WACd,UACA,UACA,oBAAoB,KACpB,mBACA,aACA,iBACA,mBACA,QACA,OACA,GAAG,SACD,iBAAiB,MAAM;CAE3B,MAAM,SAAS,eAAe,QAAQ,MAAM;CAE5C,MAAM,iBAAiB,OAAuB,KAAK;CAEnD,MAAM,mBAAmB,eAAe,SAAS,eAAe,EAAE,UAAU,UAAU,CAAC;AAEvF,WAAU,YAAY,CAAC,UAAU,SAAS,CAAC;AAE3C,QACE,qBAACA;EACC,WAAW,GAAG,YAAY,UAAU;EAC/B;EACL,GAAI,OAAO;EACX,GAAE;EACF,gBAAe;EACf,GAAI;aAEJ,qBAACA;GAAI,WAAW,GAAG,oBAAoB;GAAE,GAAI,QAAQ;cAClD,UAAU,SAAS,SAAS,KAAK,SAAS,QAAQ,oBAACC,uBAAsB,GAAI,WAAT,IAAoB,CAAC,GAAG,UAC7F,oBAAC,SAAI,KAAK,iBAAkB;IACxB,EACN,qBAACD;GAAI;cACF,CAAC,CAAC,aAAa,UACd,oBAACA;IAAI,WAAW,GAAG,uBAAuB;IAAE,GAAI,QAAQ;IAAa,IAAG;IAAO,IAAG;cAC/E,aAAa,KAAI,eAChB,oBAAC;KACC,QAAQ,gBAAgB,YAAY,YAAY;KAChD,UAAU,gBAAgB;KAE1B,IAAG;KACH,IAAG;KACH,eAAe,oBAAoB,WAAW;eAE7C;OALI,WAMD,CACN;KACE,EAER,oBAACE;IACW;IACS;IACF;IACT;IACA;IACW;IACnB,QAAQ;KACR;IACE;GACF;EAER;AAKF,KAAK,UAAUD;AACf,KAAK,QAAQC;AACb,KAAK,cAAc"}

package/dist/chat/chat.types.d.ts

@@ -1,7 +1,10 @@
 import { ThemingProps } from "../theme/types.js";
 import { BoxProps } from "../box/box.types.js";
+import "../box/index.js";
 import { ButtonProps } from "../button/button.types.js";
+import "../button/index.js";
 import { MessageProps } from "../message/message.types.js";
+import "../message/index.js";
 
 //#region src/chat/chat.types.d.ts
 type ChatInputStatus = 'default' | 'processing' | 'disabled';

package/dist/chat/chat.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat.types.d.ts","names":[],"sources":["../../src/chat/chat.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAKY,eAAA,CAAA,CAAA;KAEA,SAAA,CAAA,CAAA,CAAY,KAAK,gCAC3B;EAHU,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA,OAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAEA,WAAA,CAAS,CAAA,CAGH,eAHG;EAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,QAAA,CAAA,CAAA;UAAQ,CAAA,CAAA,CAKd,YALc,CAAA,CAAA;;UAC3B,CAAA,CAAA,CAAA,MAAA;;mBAIa,CAAA,CAAA,CAAA,MAAA;EAAY,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,MAAA,CAAA,UAAA,CAAA,CAAA,CAAA,OAAA,CAAA,KAAA,CAAA,SAAA,CAAA,CAAA;EAmBf,iBAAc,CAAA,CAAA,CAAA,MAAA;EAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,KAAA,CAAA,EAAA,CAAA,UAAA,CAAA,OAAA,CAAA,CAAA;aAAQ,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA;;iBAIvB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAe,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,QAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA,UAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA;EAed,iBAAA,CAAA,CAAA,CAAA,CAAA,UAAoB,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;QAAQ,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;;QAE7B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;CAAe;KArBd,cAAA,CAAA,CAAA,CAAiB,KAAK;;;;WAIvB;;;;;;;;;;;;;;KAeC,oBAAA,CAAA,CAAA,CAAuB,KAAK;;WAE7B"}
+{"version":3,"file":"chat.types.d.ts","names":[],"sources":["../../src/chat/chat.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;KAKY,eAAA,CAAA,CAAA;KAEA,SAAA,CAAA,CAAA,CAAY,KAAK,gCAC3B;;gBAEgB;;EALN,QAAA,CAAA,CAAA,CAOG,YAPY,CAAA,CAAA;EAEf,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,MAAA,CAAA,UAAA,CAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,CAAA,KAAA,CAAA,CAAA;EAAiB,QAAA,CAAA,CAAA,CAAA,MAAA;EAAL,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,CAAA,GAAA,CAAA,GAAA,CAAA,QAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA;EACtB,iBAAA,CAAA,CAAA,CAAA,MAAA;EAEgB,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,MAAA,CAAA,UAAA,CAAA,CAAA,CAAA,OAAA,CAAA,KAAA,CAAA,SAAA,CAAA,CAAA;EAEH,iBAAA,CAAA,CAAA,CAAA,MAAA;EAAY,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,KAAA,CAAA,EAAA,CAAA,UAAA,CAAA,OAAA,CAAA,CAAA;EAmBf,WAAA,CAAA,CAAA,CAAA,MAAc,CAAA,CAAA;EAAQ,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,QAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA;EAAL,eAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAIlB,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,QAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA,UAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA;EAAe,iBAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAed,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;EAA4B,MAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAL,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,GAAA,CAAA,QAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA;EAExB,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;CAAe;KArBd,cAAA,CAAA,CAAA,CAAiB,KAAK;;;;WAIvB;;;;;;;;;;;;;;KAeC,oBAAA,CAAA,CAAA,CAAuB,KAAK;;WAE7B"}

package/dist/chat/chatInput.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { ChatInputProps } from "./chat.types.js";
+import "../index.js";
 
 //#region src/chat/chatInput.d.ts
 /**

package/dist/chat/chatInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatInput.d.ts","names":[],"sources":["../../src/chat/chatInput.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAwCa,OAAA,CAAA,KAAA,CAAA,SA+FX,CAAA,CA/FoB,YA+FpB,CAAA,CAAA,KAAA,CAAA,CAAA,CA/FoB,cA+FpB,CAAA"}
+{"version":3,"file":"chatInput.d.ts","names":[],"sources":["../../src/chat/chatInput.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAwCa,WAAS,sBAAA"}

package/dist/chat/chatInput.js

@@ -1,4 +1,18 @@
-import{cs as e}from"../utils/styles.js";import{inputColors as t}from"../input/consts.js";import{useStyleConfig as n}from"../core/theme.js";import{styled as r}from"../core/styled.js";import{vui as i}from"../core/vui.js";import a from"../box/box.js";import o from"../icon/icon.js";import s from"../button/button.js";import c from"../input/helpText.js";import l from"./chatInputButton.js";import{useEffect as u,useState as d}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";const m=r.textareaBox`
+import { cs } from "../utils/styles.js";
+import { inputColors } from "../input/consts.js";
+import { useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import icon_default from "../icon/icon.js";
+import button_default from "../button/button.js";
+import helpText_default from "../input/helpText.js";
+import chatInputButton_default from "./chatInputButton.js";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/chat/chatInput.tsx
+const CustomTextarea = styled.textareaBox`
   border-radius: none;
   border-width: 0;
   outline: none;
@@ -20,5 +34,103 @@ import{cs as e}from"../utils/styles.js";import{inputColors as t}from"../input/co
     background-color: sandstone.79;
     border-color: sandstone.79;
   }
-`,h=i((r,i)=>{let{helpText:h,placeholder:g=`Type your message`,status:_=`default`,maxTextareaHeight:v=120,processingMessage:y=`Generating message`,onNewTopicClick:b,onSend:x,onStop:S,...C}=r,[w,T]=d(``),E=n(`Chat`,r);u(()=>{_===`default`&&T(``)},[_]);let D=e=>{e.key===`Enter`&&e.ctrlKey&&(e.stopPropagation(),w?.length&&_===`default`&&x?.(w)),e.key===`Escape`&&(e.stopPropagation(),_===`processing`&&S?.())},O=e=>{let t=e.target;t.placeholder=``,t.scrollHeight<=v&&(t.style.height=`auto`,t.style.maxHeight=`auto`,t.style.height=`${t.scrollHeight}px`,t.style.maxHeight=`${t.scrollHeight}px`,t.style.lineHeight=`2.2`),_===`default`&&T(t.value)},k=_===`disabled`;return p(a,{className:e(`vui-chat-input`),justifyContent:`space-between`,ref:i,...E?.input,...C,children:[!!b&&_===`default`&&f(s,{animation:`fadeUp`,icon:`uiPlus`,mr:1,onClick:()=>b?.()}),_===`processing`?p(a,{borderColor:t.border,borderWidth:1,center:!0,justifyContent:`flex-start`,py:.5,w:`100%`,children:[f(o,{mx:1,name:`uiSpinnerThird`,pathFill:[`blue.40`,`blue.60`],size:`lg`,variant:`spinning`}),f(a,{children:y})]}):p(a,{animation:`fadeUp`,border:`0`,column:!0,outline:`none`,w:`100%`,children:[p(a,{borderColor:t.border,borderWidth:1,center:!0,focusWithinRingColor:t.focus,justifyContent:`flex-start`,position:`relative`,w:`100%`,children:[f(m,{disabled:k,onChange:O,onFocus:O,onKeyDown:D,placeholder:g,value:w}),f(l,{disabled:!w?.length,h:`100%`,onSend:()=>{w?.length&&x?.(w)},onStop:S,status:_})]}),!!h&&f(c,{children:h})]})]})});h.displayName=`ChatInput`;var g=h;export{h as ChatInput,g as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/**
+* Displays a chat input interface.
+*/
+const ChatInput = vui((props, ref) => {
+	const { helpText, placeholder = "Type your message", status = "default", maxTextareaHeight = 120, processingMessage = "Generating message", onNewTopicClick, onSend, onStop,...rest } = props;
+	const [value, setValue] = useState("");
+	const styles = useStyleConfig("Chat", props);
+	useEffect(() => {
+		if (status === "default") setValue("");
+	}, [status]);
+	const onKeyDown = (e) => {
+		if (e.key === "Enter" && e.ctrlKey) {
+			e.stopPropagation();
+			if (value?.length && status === "default") onSend?.(value);
+		}
+		if (e.key === "Escape") {
+			e.stopPropagation();
+			if (status === "processing") onStop?.();
+		}
+	};
+	const handleTextareaChange = (e) => {
+		const textarea = e.target;
+		textarea.placeholder = "";
+		if (textarea.scrollHeight <= maxTextareaHeight) {
+			textarea.style.height = "auto";
+			textarea.style.maxHeight = "auto";
+			textarea.style.height = `${textarea.scrollHeight}px`;
+			textarea.style.maxHeight = `${textarea.scrollHeight}px`;
+			textarea.style.lineHeight = "2.2";
+		}
+		if (status === "default") setValue(textarea.value);
+	};
+	const isDisabled = status === "disabled";
+	return /* @__PURE__ */ jsxs(box_default, {
+		className: cs("vui-chat-input"),
+		justifyContent: "space-between",
+		ref,
+		...styles?.input,
+		...rest,
+		children: [!!onNewTopicClick && status === "default" && /* @__PURE__ */ jsx(button_default, {
+			animation: "fadeUp",
+			icon: "uiPlus",
+			mr: 1,
+			onClick: () => onNewTopicClick?.()
+		}), status === "processing" ? /* @__PURE__ */ jsxs(box_default, {
+			borderColor: inputColors.border,
+			borderWidth: 1,
+			center: true,
+			justifyContent: "flex-start",
+			py: .5,
+			w: "100%",
+			children: [/* @__PURE__ */ jsx(icon_default, {
+				mx: 1,
+				name: "uiSpinnerThird",
+				pathFill: ["blue.40", "blue.60"],
+				size: "lg",
+				variant: "spinning"
+			}), /* @__PURE__ */ jsx(box_default, { children: processingMessage })]
+		}) : /* @__PURE__ */ jsxs(box_default, {
+			animation: "fadeUp",
+			border: "0",
+			column: true,
+			outline: "none",
+			w: "100%",
+			children: [/* @__PURE__ */ jsxs(box_default, {
+				borderColor: inputColors.border,
+				borderWidth: 1,
+				center: true,
+				focusWithinRingColor: inputColors.focus,
+				justifyContent: "flex-start",
+				position: "relative",
+				w: "100%",
+				children: [/* @__PURE__ */ jsx(CustomTextarea, {
+					disabled: isDisabled,
+					onChange: handleTextareaChange,
+					onFocus: handleTextareaChange,
+					onKeyDown,
+					placeholder,
+					value
+				}), /* @__PURE__ */ jsx(chatInputButton_default, {
+					disabled: !value?.length,
+					h: "100%",
+					onSend: () => {
+						if (value?.length) onSend?.(value);
+					},
+					onStop,
+					status
+				})]
+			}), !!helpText && /* @__PURE__ */ jsx(helpText_default, { children: helpText })]
+		})]
+	});
+});
+ChatInput.displayName = "ChatInput";
+var chatInput_default = ChatInput;
+
+//#endregion
+export { ChatInput, chatInput_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=chatInput.js.map

package/dist/chat/chatInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"chatInput.js","names":["Box","Button","Icon","ChatInputButton","HelpText"],"sources":["../../src/chat/chatInput.tsx"],"sourcesContent":["import type { KeyboardEvent } from 'react'\nimport { useEffect, useState } from 'react'\n\nimport Box from '../box'\nimport Button from '../button'\nimport { styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport { inputColors } from '../input/consts'\nimport HelpText from '../input/helpText'\nimport { cs } from '../utils'\nimport type { ChatInputProps } from './chat.types'\nimport type { ChatInputStatus } from './chat.types'\nimport ChatInputButton from './chatInputButton'\n\nconst CustomTextarea = styled.textareaBox`\n  border-radius: none;\n  border-width: 0;\n  outline: none;\n  padding: 0 8px;\n  resize: none;\n  transition-duration: 0;\n  width: 100%;\n  min-height: 1.5em;\n  overflow-y: hidden;\n\n  &::placeholder {\n    padding-top: 8px;\n  }\n\n  /* Disabled state styles */\n  &[aria-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    background-color: sandstone.79;\n    border-color: sandstone.79;\n  }\n`\n/**\n * Displays a chat input interface.\n */\nexport const ChatInput = vui<'input', ChatInputProps>((props, ref) => {\n  const {\n    helpText,\n    placeholder = 'Type your message',\n    status = 'default',\n    maxTextareaHeight = 120,\n    processingMessage = 'Generating message',\n    onNewTopicClick,\n    onSend,\n    onStop,\n    ...rest\n  } = props\n\n  const [value, setValue] = useState<string>('')\n  const styles = useStyleConfig('Chat', props)\n\n  useEffect(() => {\n    if (status === 'default') setValue('')\n  }, [status])\n\n  const onKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter' && e.ctrlKey) {\n      e.stopPropagation()\n      if (value?.length && status === 'default') onSend?.(value)\n    }\n\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n      if (status === 'processing') onStop?.()\n    }\n  }\n\n  const handleTextareaChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    const textarea = e.target\n    textarea.placeholder = ''\n\n    // Dynamically adjust the height of the textarea\n\n    if (textarea.scrollHeight <= maxTextareaHeight) {\n      textarea.style.height = 'auto'\n      textarea.style.maxHeight = 'auto'\n      textarea.style.height = `${textarea.scrollHeight}px`\n      textarea.style.maxHeight = `${textarea.scrollHeight}px`\n      textarea.style.lineHeight = '2.2'\n    }\n\n    if (status === 'default') setValue(textarea.value)\n  }\n\n  const isDisabled = status === 'disabled'\n\n  return (\n    <Box className={cs('vui-chat-input')} justifyContent=\"space-between\" ref={ref} {...styles?.input} {...rest}>\n      {!!onNewTopicClick && status === 'default' && (\n        <Button animation=\"fadeUp\" icon=\"uiPlus\" mr={1} onClick={() => onNewTopicClick?.()} />\n      )}\n      {status === 'processing' ? (\n        <Box borderColor={inputColors.border} borderWidth={1} center justifyContent=\"flex-start\" py={0.5} w=\"100%\">\n          <Icon mx={1} name=\"uiSpinnerThird\" pathFill={['blue.40', 'blue.60']} size=\"lg\" variant=\"spinning\" />\n          <Box>{processingMessage}</Box>\n        </Box>\n      ) : (\n        <Box animation=\"fadeUp\" border=\"0\" column outline=\"none\" w=\"100%\">\n          <Box\n            borderColor={inputColors.border}\n            borderWidth={1}\n            center\n            focusWithinRingColor={inputColors.focus}\n            justifyContent=\"flex-start\"\n            position=\"relative\"\n            w=\"100%\"\n          >\n            <CustomTextarea\n              disabled={isDisabled}\n              onChange={handleTextareaChange}\n              onFocus={handleTextareaChange}\n              onKeyDown={onKeyDown as any}\n              placeholder={placeholder}\n              value={value}\n            />\n            <ChatInputButton\n              disabled={!value?.length}\n              h=\"100%\"\n              onSend={() => {\n                if (value?.length) onSend?.(value)\n              }}\n              onStop={onStop}\n              status={status as ChatInputStatus}\n            />\n          </Box>\n          {!!helpText && <HelpText>{helpText}</HelpText>}\n        </Box>\n      )}\n    </Box>\n  )\n})\n\nChatInput.displayName = 'ChatInput'\nexport default ChatInput\n"],"mappings":"oeAcA,MAAM,EAAiB,EAAO,WAAW;;;;;;;;;;;;;;;;;;;;;;EA0B5B,EAAY,GAA8B,EAAO,IAAQ,CACpE,GAAM,CACJ,WACA,cAAc,oBACd,SAAS,UACT,oBAAoB,IACpB,oBAAoB,qBACpB,kBACA,SACA,SACA,GAAG,GACD,EAEE,CAAC,EAAO,GAAY,EAAiB,GAAG,CACxC,EAAS,EAAe,OAAQ,EAAM,CAE5C,MAAgB,CACV,IAAW,WAAW,EAAS,GAAG,EACrC,CAAC,EAAO,CAAC,CAEZ,IAAM,EAAa,GAAuC,CACpD,EAAE,MAAQ,SAAW,EAAE,UACzB,EAAE,iBAAiB,CACf,GAAO,QAAU,IAAW,WAAW,IAAS,EAAM,EAGxD,EAAE,MAAQ,WACZ,EAAE,iBAAiB,CACf,IAAW,cAAc,KAAU,GAIrC,EAAwB,GAA8C,CAC1E,IAAM,EAAW,EAAE,OACnB,EAAS,YAAc,GAInB,EAAS,cAAgB,IAC3B,EAAS,MAAM,OAAS,OACxB,EAAS,MAAM,UAAY,OAC3B,EAAS,MAAM,OAAS,GAAG,EAAS,aAAa,IACjD,EAAS,MAAM,UAAY,GAAG,EAAS,aAAa,IACpD,EAAS,MAAM,WAAa,OAG1B,IAAW,WAAW,EAAS,EAAS,MAAM,EAG9C,EAAa,IAAW,WAE9B,OACE,EAACA,EAAAA,CAAI,UAAW,EAAG,iBAAiB,CAAE,eAAe,gBAAqB,MAAK,GAAI,GAAQ,MAAO,GAAI,YACnG,CAAC,CAAC,GAAmB,IAAW,WAC/B,EAACC,EAAAA,CAAO,UAAU,SAAS,KAAK,SAAS,GAAI,EAAG,YAAe,KAAmB,EAAI,CAEvF,IAAW,aACV,EAACD,EAAAA,CAAI,YAAa,EAAY,OAAQ,YAAa,EAAG,OAAA,GAAO,eAAe,aAAa,GAAI,GAAK,EAAE,iBAClG,EAACE,EAAAA,CAAK,GAAI,EAAG,KAAK,iBAAiB,SAAU,CAAC,UAAW,UAAU,CAAE,KAAK,KAAK,QAAQ,YAAa,CACpG,EAACF,EAAAA,CAAAA,SAAK,EAAA,CAAwB,CAAA,EAC1B,CAEN,EAACA,EAAAA,CAAI,UAAU,SAAS,OAAO,IAAI,OAAA,GAAO,QAAQ,OAAO,EAAE,iBACzD,EAACA,EAAAA,CACC,YAAa,EAAY,OACzB,YAAa,EACb,OAAA,GACA,qBAAsB,EAAY,MAClC,eAAe,aACf,SAAS,WACT,EAAE,iBAEF,EAAC,EAAA,CACC,SAAU,EACV,SAAU,EACV,QAAS,EACE,YACE,cACN,SACP,CACF,EAACG,EAAAA,CACC,SAAU,CAAC,GAAO,OAClB,EAAE,OACF,WAAc,CACR,GAAO,QAAQ,IAAS,EAAM,EAE5B,SACA,UACR,CAAA,EACE,CACL,CAAC,CAAC,GAAY,EAACC,EAAAA,CAAAA,SAAU,EAAA,CAAoB,CAAA,EAC1C,CAAA,EAEJ,EAER,CAEF,EAAU,YAAc,YACxB,IAAA,EAAe"}
+{"version":3,"file":"chatInput.js","names":["Box","Button","Icon","ChatInputButton","HelpText"],"sources":["../../src/chat/chatInput.tsx"],"sourcesContent":["import type { KeyboardEvent } from 'react'\nimport { useEffect, useState } from 'react'\n\nimport Box from '../box'\nimport Button from '../button'\nimport { styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport { inputColors } from '../input/consts'\nimport HelpText from '../input/helpText'\nimport { cs } from '../utils'\nimport type { ChatInputProps } from './chat.types'\nimport type { ChatInputStatus } from './chat.types'\nimport ChatInputButton from './chatInputButton'\n\nconst CustomTextarea = styled.textareaBox`\n  border-radius: none;\n  border-width: 0;\n  outline: none;\n  padding: 0 8px;\n  resize: none;\n  transition-duration: 0;\n  width: 100%;\n  min-height: 1.5em;\n  overflow-y: hidden;\n\n  &::placeholder {\n    padding-top: 8px;\n  }\n\n  /* Disabled state styles */\n  &[aria-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    background-color: sandstone.79;\n    border-color: sandstone.79;\n  }\n`\n/**\n * Displays a chat input interface.\n */\nexport const ChatInput = vui<'input', ChatInputProps>((props, ref) => {\n  const {\n    helpText,\n    placeholder = 'Type your message',\n    status = 'default',\n    maxTextareaHeight = 120,\n    processingMessage = 'Generating message',\n    onNewTopicClick,\n    onSend,\n    onStop,\n    ...rest\n  } = props\n\n  const [value, setValue] = useState<string>('')\n  const styles = useStyleConfig('Chat', props)\n\n  useEffect(() => {\n    if (status === 'default') setValue('')\n  }, [status])\n\n  const onKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter' && e.ctrlKey) {\n      e.stopPropagation()\n      if (value?.length && status === 'default') onSend?.(value)\n    }\n\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n      if (status === 'processing') onStop?.()\n    }\n  }\n\n  const handleTextareaChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    const textarea = e.target\n    textarea.placeholder = ''\n\n    // Dynamically adjust the height of the textarea\n\n    if (textarea.scrollHeight <= maxTextareaHeight) {\n      textarea.style.height = 'auto'\n      textarea.style.maxHeight = 'auto'\n      textarea.style.height = `${textarea.scrollHeight}px`\n      textarea.style.maxHeight = `${textarea.scrollHeight}px`\n      textarea.style.lineHeight = '2.2'\n    }\n\n    if (status === 'default') setValue(textarea.value)\n  }\n\n  const isDisabled = status === 'disabled'\n\n  return (\n    <Box className={cs('vui-chat-input')} justifyContent=\"space-between\" ref={ref} {...styles?.input} {...rest}>\n      {!!onNewTopicClick && status === 'default' && (\n        <Button animation=\"fadeUp\" icon=\"uiPlus\" mr={1} onClick={() => onNewTopicClick?.()} />\n      )}\n      {status === 'processing' ? (\n        <Box borderColor={inputColors.border} borderWidth={1} center justifyContent=\"flex-start\" py={0.5} w=\"100%\">\n          <Icon mx={1} name=\"uiSpinnerThird\" pathFill={['blue.40', 'blue.60']} size=\"lg\" variant=\"spinning\" />\n          <Box>{processingMessage}</Box>\n        </Box>\n      ) : (\n        <Box animation=\"fadeUp\" border=\"0\" column outline=\"none\" w=\"100%\">\n          <Box\n            borderColor={inputColors.border}\n            borderWidth={1}\n            center\n            focusWithinRingColor={inputColors.focus}\n            justifyContent=\"flex-start\"\n            position=\"relative\"\n            w=\"100%\"\n          >\n            <CustomTextarea\n              disabled={isDisabled}\n              onChange={handleTextareaChange}\n              onFocus={handleTextareaChange}\n              onKeyDown={onKeyDown as any}\n              placeholder={placeholder}\n              value={value}\n            />\n            <ChatInputButton\n              disabled={!value?.length}\n              h=\"100%\"\n              onSend={() => {\n                if (value?.length) onSend?.(value)\n              }}\n              onStop={onStop}\n              status={status as ChatInputStatus}\n            />\n          </Box>\n          {!!helpText && <HelpText>{helpText}</HelpText>}\n        </Box>\n      )}\n    </Box>\n  )\n})\n\nChatInput.displayName = 'ChatInput'\nexport default ChatInput\n"],"mappings":";;;;;;;;;;;;;;AAcA,MAAM,iBAAiB,OAAO,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BzC,MAAa,YAAY,KAA8B,OAAO,QAAQ;CACpE,MAAM,EACJ,UACA,cAAc,qBACd,SAAS,WACT,oBAAoB,KACpB,oBAAoB,sBACpB,iBACA,QACA,OACA,GAAG,SACD;CAEJ,MAAM,CAAC,OAAO,YAAY,SAAiB,GAAG;CAC9C,MAAM,SAAS,eAAe,QAAQ,MAAM;AAE5C,iBAAgB;AACd,MAAI,WAAW,UAAW,UAAS,GAAG;IACrC,CAAC,OAAO,CAAC;CAEZ,MAAM,aAAa,MAAuC;AACxD,MAAI,EAAE,QAAQ,WAAW,EAAE,SAAS;AAClC,KAAE,iBAAiB;AACnB,OAAI,OAAO,UAAU,WAAW,UAAW,UAAS,MAAM;;AAG5D,MAAI,EAAE,QAAQ,UAAU;AACtB,KAAE,iBAAiB;AACnB,OAAI,WAAW,aAAc,WAAU;;;CAI3C,MAAM,wBAAwB,MAA8C;EAC1E,MAAM,WAAW,EAAE;AACnB,WAAS,cAAc;AAIvB,MAAI,SAAS,gBAAgB,mBAAmB;AAC9C,YAAS,MAAM,SAAS;AACxB,YAAS,MAAM,YAAY;AAC3B,YAAS,MAAM,SAAS,GAAG,SAAS,aAAa;AACjD,YAAS,MAAM,YAAY,GAAG,SAAS,aAAa;AACpD,YAAS,MAAM,aAAa;;AAG9B,MAAI,WAAW,UAAW,UAAS,SAAS,MAAM;;CAGpD,MAAM,aAAa,WAAW;AAE9B,QACE,qBAACA;EAAI,WAAW,GAAG,iBAAiB;EAAE,gBAAe;EAAqB;EAAK,GAAI,QAAQ;EAAO,GAAI;aACnG,CAAC,CAAC,mBAAmB,WAAW,aAC/B,oBAACC;GAAO,WAAU;GAAS,MAAK;GAAS,IAAI;GAAG,eAAe,mBAAmB;IAAI,EAEvF,WAAW,eACV,qBAACD;GAAI,aAAa,YAAY;GAAQ,aAAa;GAAG;GAAO,gBAAe;GAAa,IAAI;GAAK,GAAE;cAClG,oBAACE;IAAK,IAAI;IAAG,MAAK;IAAiB,UAAU,CAAC,WAAW,UAAU;IAAE,MAAK;IAAK,SAAQ;KAAa,EACpG,oBAACF,yBAAK,oBAAwB;IAC1B,GAEN,qBAACA;GAAI,WAAU;GAAS,QAAO;GAAI;GAAO,SAAQ;GAAO,GAAE;cACzD,qBAACA;IACC,aAAa,YAAY;IACzB,aAAa;IACb;IACA,sBAAsB,YAAY;IAClC,gBAAe;IACf,UAAS;IACT,GAAE;eAEF,oBAAC;KACC,UAAU;KACV,UAAU;KACV,SAAS;KACE;KACE;KACN;MACP,EACF,oBAACG;KACC,UAAU,CAAC,OAAO;KAClB,GAAE;KACF,cAAc;AACZ,UAAI,OAAO,OAAQ,UAAS,MAAM;;KAE5B;KACA;MACR;KACE,EACL,CAAC,CAAC,YAAY,oBAACC,8BAAU,WAAoB;IAC1C;GAEJ;EAER;AAEF,UAAU,cAAc;AACxB,wBAAe"}

package/dist/chat/chatInputButton.js

@@ -1,2 +1,30 @@
-import{useStyleConfig as e}from"../core/theme.js";import{vui as t}from"../core/vui.js";import{Button as n}from"../button/button.js";import{jsx as r}from"react/jsx-runtime";const i=t((t,i)=>{let a=e(`Chat`,t),{status:o=`default`,onSend:s,onStop:c}=t;return r(n,{disabled:o===`disabled`||o===`processing`&&!c,h:`100%`,icon:o===`processing`&&c?`falStopCircle`:`falChevronCircleRight`,ml:1,onClick:()=>o===`processing`?c?.():s?.(),ref:i,variant:`tertiaryDark`,...a?.inputButton})});i.displayName=`ChatInputButton`;var a=i;export{a as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import { Button } from "../button/button.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/chat/chatInputButton.tsx
+/**
+*  Displays a chat input button.
+*/
+const ChatInputButton = vui((props, ref) => {
+	const styles = useStyleConfig("Chat", props);
+	const { status = "default", onSend, onStop } = props;
+	return /* @__PURE__ */ jsx(Button, {
+		disabled: status === "disabled" || status === "processing" && !onStop,
+		h: "100%",
+		icon: status === "processing" && onStop ? "falStopCircle" : "falChevronCircleRight",
+		ml: 1,
+		onClick: () => status === "processing" ? onStop?.() : onSend?.(),
+		ref,
+		variant: "tertiaryDark",
+		...styles?.inputButton
+	});
+});
+ChatInputButton.displayName = "ChatInputButton";
+var chatInputButton_default = ChatInputButton;
+
+//#endregion
+export { chatInputButton_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=chatInputButton.js.map

package/dist/chat/chatInputButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"chatInputButton.js","names":[],"sources":["../../src/chat/chatInputButton.tsx"],"sourcesContent":["import { Button } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport type { ChatInputButtonProps } from './chat.types'\n\n/**\n *  Displays a chat input button.\n */\nexport const ChatInputButton = vui<'button', ChatInputButtonProps>((props, ref) => {\n  const styles = useStyleConfig('Chat', props)\n\n  const { status = 'default', onSend, onStop } = props\n\n  const icon = status === 'processing' && onStop ? 'falStopCircle' : 'falChevronCircleRight'\n\n  return (\n    <Button\n      disabled={status === 'disabled' || (status === 'processing' && !onStop)}\n      h=\"100%\"\n      icon={icon}\n      ml={1}\n      onClick={() => (status === 'processing' ? onStop?.() : onSend?.())}\n      ref={ref}\n      variant=\"tertiaryDark\"\n      {...styles?.inputButton}\n    />\n  )\n})\n\nChatInputButton.displayName = 'ChatInputButton'\nexport default ChatInputButton\n"],"mappings":"4KAOA,MAAa,EAAkB,GAAqC,EAAO,IAAQ,CACjF,IAAM,EAAS,EAAe,OAAQ,EAAM,CAEtC,CAAE,SAAS,UAAW,SAAQ,UAAW,EAI/C,OACE,EAAC,EAAA,CACC,SAAU,IAAW,YAAe,IAAW,cAAgB,CAAC,EAChE,EAAE,OACF,KANS,IAAW,cAAgB,EAAS,gBAAkB,wBAO/D,GAAI,EACJ,YAAgB,IAAW,aAAe,KAAU,CAAG,KAAU,CAC5D,MACL,QAAQ,eACR,GAAI,GAAQ,aACZ,EAEJ,CAEF,EAAgB,YAAc,kBAC9B,IAAA,EAAe"}
+{"version":3,"file":"chatInputButton.js","names":[],"sources":["../../src/chat/chatInputButton.tsx"],"sourcesContent":["import { Button } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport type { ChatInputButtonProps } from './chat.types'\n\n/**\n *  Displays a chat input button.\n */\nexport const ChatInputButton = vui<'button', ChatInputButtonProps>((props, ref) => {\n  const styles = useStyleConfig('Chat', props)\n\n  const { status = 'default', onSend, onStop } = props\n\n  const icon = status === 'processing' && onStop ? 'falStopCircle' : 'falChevronCircleRight'\n\n  return (\n    <Button\n      disabled={status === 'disabled' || (status === 'processing' && !onStop)}\n      h=\"100%\"\n      icon={icon}\n      ml={1}\n      onClick={() => (status === 'processing' ? onStop?.() : onSend?.())}\n      ref={ref}\n      variant=\"tertiaryDark\"\n      {...styles?.inputButton}\n    />\n  )\n})\n\nChatInputButton.displayName = 'ChatInputButton'\nexport default ChatInputButton\n"],"mappings":";;;;;;;;;AAOA,MAAa,kBAAkB,KAAqC,OAAO,QAAQ;CACjF,MAAM,SAAS,eAAe,QAAQ,MAAM;CAE5C,MAAM,EAAE,SAAS,WAAW,QAAQ,WAAW;AAI/C,QACE,oBAAC;EACC,UAAU,WAAW,cAAe,WAAW,gBAAgB,CAAC;EAChE,GAAE;EACF,MANS,WAAW,gBAAgB,SAAS,kBAAkB;EAO/D,IAAI;EACJ,eAAgB,WAAW,eAAe,UAAU,GAAG,UAAU;EAC5D;EACL,SAAQ;EACR,GAAI,QAAQ;GACZ;EAEJ;AAEF,gBAAgB,cAAc;AAC9B,8BAAe"}

package/dist/chat/chatMessage.d.ts

@@ -1,5 +1,7 @@
 import { VuiComponent } from "../core/vui.js";
 import { MessageProps } from "../message/message.types.js";
+import "../message/index.js";
+import "../index.js";
 
 //#region src/chat/chatMessage.d.ts
 /**

package/dist/chat/chatMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatMessage.d.ts","names":[],"sources":["../../src/chat/chatMessage.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAca,OAAA,CAAA,KAAA,CAAA,WAeX,CAAA,CAfsB,YAetB,CAAA,CAAA,GAAA,CAAA,CAAA,CAfsB,YAetB,CAAA"}
+{"version":3,"file":"chatMessage.d.ts","names":[],"sources":["../../src/chat/chatMessage.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;cAca,aAAW,oBAAA"}

package/dist/chat/chatMessage.js

@@ -1,2 +1,34 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../message/message.js";import{jsx as i}from"react/jsx-runtime";const a={variant:`solidDarkBlue`,icon:`brandVeracity`},o=n((n,o)=>{let s=t(`Chat`,n),{avatar:c=a,...l}=n;return i(r,{avatar:c,className:e(`vui-chat-message`),h:`100%`,my:`16px`,ref:o,...s?.message,...l})});o.displayName=`ChatMessage`;var s=o;export{o as ChatMessage,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import message_default from "../message/message.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/chat/chatMessage.tsx
+const defaultAvatar = {
+	variant: "solidDarkBlue",
+	icon: "brandVeracity"
+};
+/**
+* Displays a chat interface with messages and actions.
+*/
+const ChatMessage = vui((props, ref) => {
+	const styles = useStyleConfig("Chat", props);
+	const { avatar = defaultAvatar,...rest } = props;
+	return /* @__PURE__ */ jsx(message_default, {
+		avatar,
+		className: cs("vui-chat-message"),
+		h: "100%",
+		my: "16px",
+		ref,
+		...styles?.message,
+		...rest
+	});
+});
+ChatMessage.displayName = "ChatMessage";
+var chatMessage_default = ChatMessage;
+
+//#endregion
+export { ChatMessage, chatMessage_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=chatMessage.js.map

package/dist/chat/chatMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"chatMessage.js","names":["defaultAvatar: AvatarProps","Message"],"sources":["../../src/chat/chatMessage.tsx"],"sourcesContent":["import type { AvatarProps } from '../avatar'\nimport { useStyleConfig, vui } from '../core'\nimport type { MessageProps } from '../message'\nimport Message from '../message'\nimport { cs } from '../utils'\n\nconst defaultAvatar: AvatarProps = {\n  variant: 'solidDarkBlue',\n  icon: 'brandVeracity',\n}\n\n/**\n * Displays a chat interface with messages and actions.\n */\nexport const ChatMessage = vui<'div', MessageProps>((props, ref) => {\n  const styles = useStyleConfig('Chat', props)\n  const { avatar = defaultAvatar, ...rest } = props\n\n  return (\n    <Message\n      avatar={avatar}\n      className={cs('vui-chat-message')}\n      h=\"100%\"\n      my=\"16px\"\n      ref={ref}\n      {...styles?.message}\n      {...rest}\n    />\n  )\n})\n\nChatMessage.displayName = 'ChatMessage'\nexport default ChatMessage\n"],"mappings":"4MAMA,MAAMA,EAA6B,CACjC,QAAS,gBACT,KAAM,gBACP,CAKY,EAAc,GAA0B,EAAO,IAAQ,CAClE,IAAM,EAAS,EAAe,OAAQ,EAAM,CACtC,CAAE,SAAS,EAAe,GAAG,GAAS,EAE5C,OACE,EAACC,EAAAA,CACS,SACR,UAAW,EAAG,mBAAmB,CACjC,EAAE,OACF,GAAG,OACE,MACL,GAAI,GAAQ,QACZ,GAAI,GACJ,EAEJ,CAEF,EAAY,YAAc,cAC1B,IAAA,EAAe"}
+{"version":3,"file":"chatMessage.js","names":["defaultAvatar: AvatarProps","Message"],"sources":["../../src/chat/chatMessage.tsx"],"sourcesContent":["import type { AvatarProps } from '../avatar'\nimport { useStyleConfig, vui } from '../core'\nimport type { MessageProps } from '../message'\nimport Message from '../message'\nimport { cs } from '../utils'\n\nconst defaultAvatar: AvatarProps = {\n  variant: 'solidDarkBlue',\n  icon: 'brandVeracity',\n}\n\n/**\n * Displays a chat interface with messages and actions.\n */\nexport const ChatMessage = vui<'div', MessageProps>((props, ref) => {\n  const styles = useStyleConfig('Chat', props)\n  const { avatar = defaultAvatar, ...rest } = props\n\n  return (\n    <Message\n      avatar={avatar}\n      className={cs('vui-chat-message')}\n      h=\"100%\"\n      my=\"16px\"\n      ref={ref}\n      {...styles?.message}\n      {...rest}\n    />\n  )\n})\n\nChatMessage.displayName = 'ChatMessage'\nexport default ChatMessage\n"],"mappings":";;;;;;;AAMA,MAAMA,gBAA6B;CACjC,SAAS;CACT,MAAM;CACP;;;;AAKD,MAAa,cAAc,KAA0B,OAAO,QAAQ;CAClE,MAAM,SAAS,eAAe,QAAQ,MAAM;CAC5C,MAAM,EAAE,SAAS,cAAe,GAAG,SAAS;AAE5C,QACE,oBAACC;EACS;EACR,WAAW,GAAG,mBAAmB;EACjC,GAAE;EACF,IAAG;EACE;EACL,GAAI,QAAQ;EACZ,GAAI;GACJ;EAEJ;AAEF,YAAY,cAAc;AAC1B,0BAAe"}

package/dist/chat/index.d.ts

@@ -0,0 +1,4 @@
+import { ChatInputButtonProps, ChatInputProps, ChatInputStatus, ChatProps } from "./chat.types.js";
+import { ChatInput } from "./chatInput.js";
+import { ChatMessage } from "./chatMessage.js";
+import { Chat } from "./chat.js";

package/dist/chat/theme.js

@@ -1,2 +1,33 @@
-var e={baseStyle:{chat:{flexDirection:`column`,w:`100%`,height:`100%`},messages:{flexDirection:`column`,overflowY:`auto`,position:`relative`,w:`100%`},suggestions:{display:`block`,textAlign:`right`,width:`100%`}},defaultProps:{},sizes:{},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/chat/theme.ts
+const baseStyle = {
+	chat: {
+		flexDirection: "column",
+		w: "100%",
+		height: "100%"
+	},
+	messages: {
+		flexDirection: "column",
+		overflowY: "auto",
+		position: "relative",
+		w: "100%"
+	},
+	suggestions: {
+		display: "block",
+		textAlign: "right",
+		width: "100%"
+	}
+};
+const defaultProps = {};
+const sizes = {};
+const variants = {};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=theme.js.map

package/dist/chat/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/chat/theme.ts"],"sourcesContent":["const baseStyle = {\n  chat: { flexDirection: 'column', w: '100%', height: '100%' },\n  messages: { flexDirection: 'column', overflowY: 'auto', position: 'relative', w: '100%' },\n  suggestions: { display: 'block', textAlign: 'right', width: '100%' },\n}\n\nconst defaultProps = {}\n\nconst sizes = {}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":"AAYA,IAAA,EAAe,CACb,UAbgB,CAChB,KAAM,CAAE,cAAe,SAAU,EAAG,OAAQ,OAAQ,OAAQ,CAC5D,SAAU,CAAE,cAAe,SAAU,UAAW,OAAQ,SAAU,WAAY,EAAG,OAAQ,CACzF,YAAa,CAAE,QAAS,QAAS,UAAW,QAAS,MAAO,OAAQ,CACrE,CAUC,aARmB,EAAE,CASrB,MAPY,EAAE,CAQd,SANe,EAAE,CAOlB"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/chat/theme.ts"],"sourcesContent":["const baseStyle = {\n  chat: { flexDirection: 'column', w: '100%', height: '100%' },\n  messages: { flexDirection: 'column', overflowY: 'auto', position: 'relative', w: '100%' },\n  suggestions: { display: 'block', textAlign: 'right', width: '100%' },\n}\n\nconst defaultProps = {}\n\nconst sizes = {}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY;CAChB,MAAM;EAAE,eAAe;EAAU,GAAG;EAAQ,QAAQ;EAAQ;CAC5D,UAAU;EAAE,eAAe;EAAU,WAAW;EAAQ,UAAU;EAAY,GAAG;EAAQ;CACzF,aAAa;EAAE,SAAS;EAAS,WAAW;EAAS,OAAO;EAAQ;CACrE;AAED,MAAM,eAAe,EAAE;AAEvB,MAAM,QAAQ,EAAE;AAEhB,MAAM,WAAW,EAAE;AAEnB,oBAAe;CACb;CACA;CACA;CACA;CACD"}

package/dist/checkbox/checkbox.d.ts

@@ -16,10 +16,11 @@ import { TransitionDelayProps, TransitionDurationProps, TransitionPropertyProps,
 import { ColorProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, LetterSpacingProps, LineHeightProps, ListStylePositionProps, ListStyleTypeProps, TextAlignProps, TextDecorationProps, TextOverflowProps, TextTransformProps, VerticalAlignProps, WhiteSpaceProps } from "../system/typography.js";
 import { VuiComponent } from "../core/vui.js";
 import { CheckboxProps, CheckboxStyleProps } from "./checkbox.types.js";
-import * as styled_components19 from "styled-components";
+import "../index.js";
+import * as styled_components369 from "styled-components";
 
 //#region src/checkbox/checkbox.d.ts
-declare const CheckboxBase: styled_components19.StyledComponent<"label", styled_components19.DefaultTheme, AnimationProps & BackgroundColorProps & BorderProps & BorderTopProps & BorderRightProps & BorderBottomProps & BorderLeftProps & BorderColorProps & BorderTopColorProps & BorderRightColorProps & BorderBottomColorProps & BorderLeftColorProps & BorderWidthProps & BorderTopWidthProps & BorderRightWidthProps & BorderBottomWidthProps & BorderLeftWidthProps & BorderStyleProps & BorderRadiusProps & OutlineProps & OutlineColorProps & OutlineWidthProps & OutlineStyleProps & DivideXProps & DivideYProps & DivideXReverseProps & DivideYReverseProps & DivideColorProps & DivideStyleProps & RingProps & RingColorProps & OpacityProps & BoxShadowProps & TextShadowProps & DisplayProps & AlignItemsProps & AlignContentProps & JustifyContentProps & JustifyItemsProps & FlexWrapProps & FlexGrowProps & FlexShrinkProps & FlexBasisProps & FlexDirectionProps & FlexProps & JustifySelfProps & AlignSelfProps & OrderProps & RowProps & ColProps & GapProps & ColumnGapProps & RowGapProps & GridColumnProps & GridRowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & GridAreaProps & AppearanceProps & CursorProps & PointerEventsProps & ResizeProps & UserSelectProps & IsTruncatedProps & FloatProps & BoxSizingProps & OverflowProps & OverflowXProps & OverflowYProps & PositionProps & ZIndexProps & TopProps & RightProps & BottomProps & LeftProps & VisibilityProps & OverscrollBehaviorProps & ObjectFitProps & MaxLinesProps & WidthProps & HeightProps & MaxWidthProps & MaxHeightProps & MinWidthProps & MinHeightProps & MarginProps & MarginTopProps & MarginRightProps & MarginBottomProps & MarginLeftProps & MarginXProps & MarginYProps & PaddingProps & PaddingTopProps & PaddingRightProps & PaddingBottomProps & PaddingLeftProps & PaddingXProps & PaddingYProps & SpaceXProps & SpaceYProps & SpaceXReverseProps & SpaceYReverseProps & BorderCollapseProps & TableLayoutProps & TransformProps & TransformOriginProps & TranslateXProps & TranslateYProps & RotateProps & SkewXProps & SkewYProps & ScaleProps & ScaleXProps & ScaleYProps & TransitionProps & TransitionPropertyProps & TransitionDurationProps & TransitionTimingFunctionProps & TransitionDelayProps & FontFamilyProps & FontSizeProps & FontStyleProps & FontWeightProps & LineHeightProps & ColorProps & TextTransformProps & TextDecorationProps & TextAlignProps & VerticalAlignProps & LetterSpacingProps & WhiteSpaceProps & TextOverflowProps & ListStyleTypeProps & ListStylePositionProps & WordBreakProps & CheckboxStyleProps, never>;
+declare const CheckboxBase: styled_components369.StyledComponent<"label", styled_components369.DefaultTheme, AnimationProps & BackgroundColorProps & BorderProps & BorderTopProps & BorderRightProps & BorderBottomProps & BorderLeftProps & BorderColorProps & BorderTopColorProps & BorderRightColorProps & BorderBottomColorProps & BorderLeftColorProps & BorderWidthProps & BorderTopWidthProps & BorderRightWidthProps & BorderBottomWidthProps & BorderLeftWidthProps & BorderStyleProps & BorderRadiusProps & OutlineProps & OutlineColorProps & OutlineWidthProps & OutlineStyleProps & DivideXProps & DivideYProps & DivideXReverseProps & DivideYReverseProps & DivideColorProps & DivideStyleProps & RingProps & RingColorProps & OpacityProps & BoxShadowProps & TextShadowProps & DisplayProps & AlignItemsProps & AlignContentProps & JustifyContentProps & JustifyItemsProps & FlexWrapProps & FlexGrowProps & FlexShrinkProps & FlexBasisProps & FlexDirectionProps & FlexProps & JustifySelfProps & AlignSelfProps & OrderProps & RowProps & ColProps & GapProps & ColumnGapProps & RowGapProps & GridColumnProps & GridRowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & GridAreaProps & AppearanceProps & CursorProps & PointerEventsProps & ResizeProps & UserSelectProps & IsTruncatedProps & FloatProps & BoxSizingProps & OverflowProps & OverflowXProps & OverflowYProps & PositionProps & ZIndexProps & TopProps & RightProps & BottomProps & LeftProps & VisibilityProps & OverscrollBehaviorProps & ObjectFitProps & MaxLinesProps & WidthProps & HeightProps & MaxWidthProps & MaxHeightProps & MinWidthProps & MinHeightProps & MarginProps & MarginTopProps & MarginRightProps & MarginBottomProps & MarginLeftProps & MarginXProps & MarginYProps & PaddingProps & PaddingTopProps & PaddingRightProps & PaddingBottomProps & PaddingLeftProps & PaddingXProps & PaddingYProps & SpaceXProps & SpaceYProps & SpaceXReverseProps & SpaceYReverseProps & BorderCollapseProps & TableLayoutProps & TransformProps & TransformOriginProps & TranslateXProps & TranslateYProps & RotateProps & SkewXProps & SkewYProps & ScaleProps & ScaleXProps & ScaleYProps & TransitionProps & TransitionPropertyProps & TransitionDurationProps & TransitionTimingFunctionProps & TransitionDelayProps & FontFamilyProps & FontSizeProps & FontStyleProps & FontWeightProps & LineHeightProps & ColorProps & TextTransformProps & TextDecorationProps & TextAlignProps & VerticalAlignProps & LetterSpacingProps & WhiteSpaceProps & TextOverflowProps & ListStyleTypeProps & ListStylePositionProps & WordBreakProps & CheckboxStyleProps, never>;
 /**
  * Allows selection of one or more choices from a set of items. Handles controlled and uncontrolled modes.
  * Uses icons to display itself in different states. Can be indeterminate when selecting some nested items.