@townco/ui 0.1.0 → 0.1.6

package/dist/gui/components/Card.d.ts

@@ -1,8 +1,27 @@
 import * as React from "react";
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, };
+declare const Card: React.ForwardRefExoticComponent<
+	React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>
+>;
+declare const CardHeader: React.ForwardRefExoticComponent<
+	React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>
+>;
+declare const CardTitle: React.ForwardRefExoticComponent<
+	React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>
+>;
+declare const CardDescription: React.ForwardRefExoticComponent<
+	React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>
+>;
+declare const CardContent: React.ForwardRefExoticComponent<
+	React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>
+>;
+declare const CardFooter: React.ForwardRefExoticComponent<
+	React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>
+>;
+export {
+	Card,
+	CardHeader,
+	CardFooter,
+	CardTitle,
+	CardDescription,
+	CardContent,
+};

package/dist/gui/components/Card.js

@@ -1,16 +1,62 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
-const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props })));
+
+const Card = React.forwardRef(({ className, ...props }, ref) =>
+	_jsx("div", {
+		ref: ref,
+		className: cn(
+			"rounded-lg border bg-card text-card-foreground shadow-sm",
+			className,
+		),
+		...props,
+	}),
+);
 Card.displayName = "Card";
-const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })));
+const CardHeader = React.forwardRef(({ className, ...props }, ref) =>
+	_jsx("div", {
+		ref: ref,
+		className: cn("flex flex-col space-y-1.5 p-6", className),
+		...props,
+	}),
+);
 CardHeader.displayName = "CardHeader";
-const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })));
+const CardTitle = React.forwardRef(({ className, ...props }, ref) =>
+	_jsx("div", {
+		ref: ref,
+		className: cn(
+			"text-2xl font-semibold leading-none tracking-tight",
+			className,
+		),
+		...props,
+	}),
+);
 CardTitle.displayName = "CardTitle";
-const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
+const CardDescription = React.forwardRef(({ className, ...props }, ref) =>
+	_jsx("div", {
+		ref: ref,
+		className: cn("text-sm text-muted-foreground", className),
+		...props,
+	}),
+);
 CardDescription.displayName = "CardDescription";
-const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("p-6 pt-0", className), ...props })));
+const CardContent = React.forwardRef(({ className, ...props }, ref) =>
+	_jsx("div", { ref: ref, className: cn("p-6 pt-0", className), ...props }),
+);
 CardContent.displayName = "CardContent";
-const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center p-6 pt-0", className), ...props })));
+const CardFooter = React.forwardRef(({ className, ...props }, ref) =>
+	_jsx("div", {
+		ref: ref,
+		className: cn("flex items-center p-6 pt-0", className),
+		...props,
+	}),
+);
 CardFooter.displayName = "CardFooter";
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, };
+export {
+	Card,
+	CardHeader,
+	CardFooter,
+	CardTitle,
+	CardDescription,
+	CardContent,
+};

package/dist/gui/components/ChatHeader.d.ts

@@ -1,38 +1,65 @@
 import * as React from "react";
 interface ChatHeaderContextValue {
-    isExpanded: boolean;
-    setIsExpanded: (expanded: boolean) => void;
+	isExpanded: boolean;
+	setIsExpanded: (expanded: boolean) => void;
 }
 declare const useChatHeaderContext: () => ChatHeaderContextValue;
-export interface ChatHeaderRootProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Initial expanded state */
-    defaultExpanded?: boolean;
-    /** Controlled expanded state */
-    expanded?: boolean;
-    /** Callback when expanded state changes */
-    onExpandedChange?: (expanded: boolean) => void;
+export interface ChatHeaderRootProps
+	extends React.HTMLAttributes<HTMLDivElement> {
+	/** Initial expanded state */
+	defaultExpanded?: boolean;
+	/** Controlled expanded state */
+	expanded?: boolean;
+	/** Callback when expanded state changes */
+	onExpandedChange?: (expanded: boolean) => void;
 }
-declare const ChatHeaderRoot: React.ForwardRefExoticComponent<ChatHeaderRootProps & React.RefAttributes<HTMLDivElement>>;
-export interface ChatHeaderTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+declare const ChatHeaderRoot: React.ForwardRefExoticComponent<
+	ChatHeaderRootProps & React.RefAttributes<HTMLDivElement>
+>;
+export interface ChatHeaderTitleProps
+	extends React.HTMLAttributes<HTMLHeadingElement> {}
+declare const ChatHeaderTitle: React.ForwardRefExoticComponent<
+	ChatHeaderTitleProps & React.RefAttributes<HTMLHeadingElement>
+>;
+export interface ChatHeaderActionsProps
+	extends React.HTMLAttributes<HTMLDivElement> {}
+declare const ChatHeaderActions: React.ForwardRefExoticComponent<
+	ChatHeaderActionsProps & React.RefAttributes<HTMLDivElement>
+>;
+export type ConnectionStatus =
+	| "connected"
+	| "connecting"
+	| "error"
+	| "disconnected";
+export interface ChatHeaderStatusIndicatorProps
+	extends React.HTMLAttributes<HTMLDivElement> {
+	/** Connection status */
+	status: ConnectionStatus;
+	/** Optional status text override */
+	statusText?: string;
 }
-declare const ChatHeaderTitle: React.ForwardRefExoticComponent<ChatHeaderTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-export interface ChatHeaderActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+declare const ChatHeaderStatusIndicator: React.ForwardRefExoticComponent<
+	ChatHeaderStatusIndicatorProps & React.RefAttributes<HTMLDivElement>
+>;
+export interface ChatHeaderToggleProps
+	extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+	/** Icon to display (should rotate based on expanded state) */
+	icon?: React.ReactNode;
 }
-declare const ChatHeaderActions: React.ForwardRefExoticComponent<ChatHeaderActionsProps & React.RefAttributes<HTMLDivElement>>;
-export type ConnectionStatus = "connected" | "connecting" | "error" | "disconnected";
-export interface ChatHeaderStatusIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Connection status */
-    status: ConnectionStatus;
-    /** Optional status text override */
-    statusText?: string;
-}
-declare const ChatHeaderStatusIndicator: React.ForwardRefExoticComponent<ChatHeaderStatusIndicatorProps & React.RefAttributes<HTMLDivElement>>;
-export interface ChatHeaderToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Icon to display (should rotate based on expanded state) */
-    icon?: React.ReactNode;
-}
-declare const ChatHeaderToggle: React.ForwardRefExoticComponent<ChatHeaderToggleProps & React.RefAttributes<HTMLButtonElement>>;
-export interface ChatHeaderExpandablePanelProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const ChatHeaderExpandablePanel: React.ForwardRefExoticComponent<ChatHeaderExpandablePanelProps & React.RefAttributes<HTMLDivElement>>;
-export { ChatHeaderRoot as Root, ChatHeaderTitle as Title, ChatHeaderActions as Actions, ChatHeaderStatusIndicator as StatusIndicator, ChatHeaderToggle as Toggle, ChatHeaderExpandablePanel as ExpandablePanel, useChatHeaderContext, };
+declare const ChatHeaderToggle: React.ForwardRefExoticComponent<
+	ChatHeaderToggleProps & React.RefAttributes<HTMLButtonElement>
+>;
+export interface ChatHeaderExpandablePanelProps
+	extends React.HTMLAttributes<HTMLDivElement> {}
+declare const ChatHeaderExpandablePanel: React.ForwardRefExoticComponent<
+	ChatHeaderExpandablePanelProps & React.RefAttributes<HTMLDivElement>
+>;
+export {
+	ChatHeaderRoot as Root,
+	ChatHeaderTitle as Title,
+	ChatHeaderActions as Actions,
+	ChatHeaderStatusIndicator as StatusIndicator,
+	ChatHeaderToggle as Toggle,
+	ChatHeaderExpandablePanel as ExpandablePanel,
+	useChatHeaderContext,
+};

package/dist/gui/components/ChatHeader.js

@@ -1,84 +1,189 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
+
 const ChatHeaderContext = React.createContext(undefined);
 const useChatHeaderContext = () => {
-    const context = React.useContext(ChatHeaderContext);
-    if (!context) {
-        throw new Error("ChatHeader components must be used within ChatHeader.Root");
-    }
-    return context;
+	const context = React.useContext(ChatHeaderContext);
+	if (!context) {
+		throw new Error(
+			"ChatHeader components must be used within ChatHeader.Root",
+		);
+	}
+	return context;
 };
-const ChatHeaderRoot = React.forwardRef(({ defaultExpanded = false, expanded: expandedProp, onExpandedChange, className, children, ...props }, ref) => {
-    const [isExpandedInternal, setIsExpandedInternal] = React.useState(defaultExpanded);
-    const isExpanded = expandedProp ?? isExpandedInternal;
-    const setIsExpanded = React.useCallback((expanded) => {
-        setIsExpandedInternal(expanded);
-        onExpandedChange?.(expanded);
-    }, [onExpandedChange]);
-    // Separate children into main content and expandable panel
-    const childrenArray = React.Children.toArray(children);
-    const expandablePanel = childrenArray.find((child) => React.isValidElement(child) &&
-        child.type?.displayName === "ChatHeader.ExpandablePanel");
-    const mainContent = childrenArray.filter((child) => child !== expandablePanel);
-    return (_jsxs(ChatHeaderContext.Provider, { value: { isExpanded, setIsExpanded }, children: [_jsx("div", { ref: ref, className: cn("flex items-center justify-between px-6 py-4", className), ...props, children: mainContent }), expandablePanel] }));
-});
+const ChatHeaderRoot = React.forwardRef(
+	(
+		{
+			defaultExpanded = false,
+			expanded: expandedProp,
+			onExpandedChange,
+			className,
+			children,
+			...props
+		},
+		ref,
+	) => {
+		const [isExpandedInternal, setIsExpandedInternal] =
+			React.useState(defaultExpanded);
+		const isExpanded = expandedProp ?? isExpandedInternal;
+		const setIsExpanded = React.useCallback(
+			(expanded) => {
+				setIsExpandedInternal(expanded);
+				onExpandedChange?.(expanded);
+			},
+			[onExpandedChange],
+		);
+		// Separate children into main content and expandable panel
+		const childrenArray = React.Children.toArray(children);
+		const expandablePanel = childrenArray.find(
+			(child) =>
+				React.isValidElement(child) &&
+				child.type?.displayName === "ChatHeader.ExpandablePanel",
+		);
+		const mainContent = childrenArray.filter(
+			(child) => child !== expandablePanel,
+		);
+		return _jsxs(ChatHeaderContext.Provider, {
+			value: { isExpanded, setIsExpanded },
+			children: [
+				_jsx("div", {
+					ref: ref,
+					className: cn(
+						"flex items-center justify-between px-6 py-4",
+						className,
+					),
+					...props,
+					children: mainContent,
+				}),
+				expandablePanel,
+			],
+		});
+	},
+);
 ChatHeaderRoot.displayName = "ChatHeader.Root";
-const ChatHeaderTitle = React.forwardRef(({ className, children, ...props }, ref) => {
-    return (_jsx("h1", { ref: ref, className: cn("m-0 text-xl font-semibold", className), ...props, children: children }));
-});
+const ChatHeaderTitle = React.forwardRef(
+	({ className, children, ...props }, ref) => {
+		return _jsx("h1", {
+			ref: ref,
+			className: cn("m-0 text-xl font-semibold", className),
+			...props,
+			children: children,
+		});
+	},
+);
 ChatHeaderTitle.displayName = "ChatHeader.Title";
-const ChatHeaderActions = React.forwardRef(({ className, children, ...props }, ref) => {
-    return (_jsx("div", { ref: ref, className: cn("flex items-center gap-3", className), ...props, children: children }));
-});
+const ChatHeaderActions = React.forwardRef(
+	({ className, children, ...props }, ref) => {
+		return _jsx("div", {
+			ref: ref,
+			className: cn("flex items-center gap-3", className),
+			...props,
+			children: children,
+		});
+	},
+);
 ChatHeaderActions.displayName = "ChatHeader.Actions";
 const getStatusColor = (status) => {
-    switch (status) {
-        case "connected":
-            return "bg-green-500";
-        case "connecting":
-            return "bg-yellow-500";
-        case "error":
-            return "bg-red-500";
-        default:
-            return "bg-gray-500";
-    }
+	switch (status) {
+		case "connected":
+			return "bg-green-500";
+		case "connecting":
+			return "bg-yellow-500";
+		case "error":
+			return "bg-red-500";
+		default:
+			return "bg-gray-500";
+	}
 };
 const getDefaultStatusText = (status) => {
-    switch (status) {
-        case "connected":
-            return "Connected";
-        case "connecting":
-            return "Connecting...";
-        case "error":
-            return "Connection Error";
-        default:
-            return "No Server";
-    }
+	switch (status) {
+		case "connected":
+			return "Connected";
+		case "connecting":
+			return "Connecting...";
+		case "error":
+			return "Connection Error";
+		default:
+			return "No Server";
+	}
 };
-const ChatHeaderStatusIndicator = React.forwardRef(({ status, statusText, className, ...props }, ref) => {
-    const text = statusText ?? getDefaultStatusText(status);
-    const colorClass = getStatusColor(status);
-    return (_jsxs("div", { ref: ref, className: cn("flex items-center gap-2", className), ...props, children: [_jsx("div", { className: cn("h-2 w-2 rounded-full", colorClass) }), _jsx("span", { className: "text-sm text-muted-foreground", children: text })] }));
-});
+const ChatHeaderStatusIndicator = React.forwardRef(
+	({ status, statusText, className, ...props }, ref) => {
+		const text = statusText ?? getDefaultStatusText(status);
+		const colorClass = getStatusColor(status);
+		return _jsxs("div", {
+			ref: ref,
+			className: cn("flex items-center gap-2", className),
+			...props,
+			children: [
+				_jsx("div", { className: cn("h-2 w-2 rounded-full", colorClass) }),
+				_jsx("span", {
+					className: "text-sm text-muted-foreground",
+					children: text,
+				}),
+			],
+		});
+	},
+);
 ChatHeaderStatusIndicator.displayName = "ChatHeader.StatusIndicator";
-const ChatHeaderToggle = React.forwardRef(({ icon, className, children, onClick, ...props }, ref) => {
-    const { isExpanded, setIsExpanded } = useChatHeaderContext();
-    const handleClick = (e) => {
-        setIsExpanded(!isExpanded);
-        onClick?.(e);
-    };
-    return (_jsxs("button", { ref: ref, type: "button", onClick: handleClick, className: cn("rounded p-1 transition-colors hover:bg-background lg:hidden", className), "aria-label": isExpanded ? "Collapse header" : "Expand header", ...props, children: [icon && (_jsx("div", { className: cn("transition-transform duration-200", isExpanded && "rotate-180"), children: icon })), children] }));
-});
+const ChatHeaderToggle = React.forwardRef(
+	({ icon, className, children, onClick, ...props }, ref) => {
+		const { isExpanded, setIsExpanded } = useChatHeaderContext();
+		const handleClick = (e) => {
+			setIsExpanded(!isExpanded);
+			onClick?.(e);
+		};
+		return _jsxs("button", {
+			ref: ref,
+			type: "button",
+			onClick: handleClick,
+			className: cn(
+				"rounded p-1 transition-colors hover:bg-background lg:hidden",
+				className,
+			),
+			"aria-label": isExpanded ? "Collapse header" : "Expand header",
+			...props,
+			children: [
+				icon &&
+					_jsx("div", {
+						className: cn(
+							"transition-transform duration-200",
+							isExpanded && "rotate-180",
+						),
+						children: icon,
+					}),
+				children,
+			],
+		});
+	},
+);
 ChatHeaderToggle.displayName = "ChatHeader.Toggle";
-const ChatHeaderExpandablePanel = React.forwardRef(({ className, children, ...props }, ref) => {
-    const { isExpanded } = useChatHeaderContext();
-    if (!isExpanded)
-        return null;
-    return (_jsx("div", { ref: ref, className: cn("absolute top-full left-0 right-0 z-50 border-b border-border bg-card px-6 py-4 shadow-lg lg:hidden", className), ...props, children: children }));
-});
+const ChatHeaderExpandablePanel = React.forwardRef(
+	({ className, children, ...props }, ref) => {
+		const { isExpanded } = useChatHeaderContext();
+		if (!isExpanded) return null;
+		return _jsx("div", {
+			ref: ref,
+			className: cn(
+				"absolute top-full left-0 right-0 z-50 border-b border-border bg-card px-6 py-4 shadow-lg lg:hidden",
+				className,
+			),
+			...props,
+			children: children,
+		});
+	},
+);
 ChatHeaderExpandablePanel.displayName = "ChatHeader.ExpandablePanel";
 /* -------------------------------------------------------------------------------------------------
  * Exports
  * -----------------------------------------------------------------------------------------------*/
-export { ChatHeaderRoot as Root, ChatHeaderTitle as Title, ChatHeaderActions as Actions, ChatHeaderStatusIndicator as StatusIndicator, ChatHeaderToggle as Toggle, ChatHeaderExpandablePanel as ExpandablePanel, useChatHeaderContext, };
+export {
+	ChatHeaderRoot as Root,
+	ChatHeaderTitle as Title,
+	ChatHeaderActions as Actions,
+	ChatHeaderStatusIndicator as StatusIndicator,
+	ChatHeaderToggle as Toggle,
+	ChatHeaderExpandablePanel as ExpandablePanel,
+	useChatHeaderContext,
+};

package/dist/gui/components/ChatInput.d.ts

@@ -1,42 +1,64 @@
 import * as React from "react";
 import type { AcpClient } from "../../sdk/client/index.js";
 import type { Textarea } from "./Textarea.js";
-export interface ChatInputRootProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, "onChange" | "onSubmit"> {
-    /**
-     * ACP Client for hook-based input management (recommended pattern)
-     * Either client or value/onChange/onSubmit must be provided
-     */
-    client?: AcpClient | null;
-    /**
-     * Input value (legacy prop-based pattern)
-     * Either client or value/onChange/onSubmit must be provided
-     */
-    value?: string;
-    /**
-     * Input change handler (legacy prop-based pattern)
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Submit handler (legacy prop-based pattern)
-     */
-    onSubmit?: () => void | Promise<void>;
-    /** Whether input is disabled */
-    disabled?: boolean;
-    /** Whether input is currently submitting */
-    isSubmitting?: boolean;
-    /** Whether to submit on Enter key (default: true) */
-    submitOnEnter?: boolean;
+export interface ChatInputRootProps
+	extends Omit<
+		React.FormHTMLAttributes<HTMLFormElement>,
+		"onChange" | "onSubmit"
+	> {
+	/**
+	 * ACP Client for hook-based input management (recommended pattern)
+	 * Either client or value/onChange/onSubmit must be provided
+	 */
+	client?: AcpClient | null;
+	/**
+	 * Input value (legacy prop-based pattern)
+	 * Either client or value/onChange/onSubmit must be provided
+	 */
+	value?: string;
+	/**
+	 * Input change handler (legacy prop-based pattern)
+	 */
+	onChange?: (value: string) => void;
+	/**
+	 * Submit handler (legacy prop-based pattern)
+	 */
+	onSubmit?: () => void | Promise<void>;
+	/** Whether input is disabled */
+	disabled?: boolean;
+	/** Whether input is currently submitting */
+	isSubmitting?: boolean;
+	/** Whether to submit on Enter key (default: true) */
+	submitOnEnter?: boolean;
 }
-declare const ChatInputRoot: React.ForwardRefExoticComponent<ChatInputRootProps & React.RefAttributes<HTMLFormElement>>;
-export interface ChatInputFieldProps extends Omit<React.ComponentPropsWithoutRef<typeof Textarea>, "value" | "onChange"> {
-    asChild?: boolean;
+declare const ChatInputRoot: React.ForwardRefExoticComponent<
+	ChatInputRootProps & React.RefAttributes<HTMLFormElement>
+>;
+export interface ChatInputFieldProps
+	extends Omit<
+		React.ComponentPropsWithoutRef<typeof Textarea>,
+		"value" | "onChange"
+	> {
+	asChild?: boolean;
 }
-declare const ChatInputField: React.ForwardRefExoticComponent<ChatInputFieldProps & React.RefAttributes<HTMLTextAreaElement>>;
-export interface ChatInputSubmitProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    asChild?: boolean;
+declare const ChatInputField: React.ForwardRefExoticComponent<
+	ChatInputFieldProps & React.RefAttributes<HTMLTextAreaElement>
+>;
+export interface ChatInputSubmitProps
+	extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+	asChild?: boolean;
 }
-declare const ChatInputSubmit: React.ForwardRefExoticComponent<ChatInputSubmitProps & React.RefAttributes<HTMLButtonElement>>;
-export interface ChatInputToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const ChatInputToolbar: React.ForwardRefExoticComponent<ChatInputToolbarProps & React.RefAttributes<HTMLDivElement>>;
-export { ChatInputRoot as Root, ChatInputField as Field, ChatInputSubmit as Submit, ChatInputToolbar as Toolbar, };
+declare const ChatInputSubmit: React.ForwardRefExoticComponent<
+	ChatInputSubmitProps & React.RefAttributes<HTMLButtonElement>
+>;
+export interface ChatInputToolbarProps
+	extends React.HTMLAttributes<HTMLDivElement> {}
+declare const ChatInputToolbar: React.ForwardRefExoticComponent<
+	ChatInputToolbarProps & React.RefAttributes<HTMLDivElement>
+>;
+export {
+	ChatInputRoot as Root,
+	ChatInputField as Field,
+	ChatInputSubmit as Submit,
+	ChatInputToolbar as Toolbar,
+};