@wallarm-org/design-system 3.2.0 → 3.3.0

package/dist/components/Chat/ChatSuggestions.js

@@ -0,0 +1,111 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { useId } from "react";
+import { cn } from "../../utils/cn.js";
+import { useTestId } from "../../utils/testId.js";
+import { ChatSuggestionsProvider } from "./ChatSuggestionsContext.js";
+import { chatSuggestionsLabelVariants, chatSuggestionsVariants } from "./classes.js";
+const ChatSuggestions = (t0)=>{
+    const $ = c(29);
+    let children;
+    let className;
+    let label;
+    let props;
+    let ref;
+    let t1;
+    let testIdProp;
+    if ($[0] !== t0) {
+        ({ ref, placement: t1, label, className, children, "data-testid": testIdProp, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = label;
+        $[4] = props;
+        $[5] = ref;
+        $[6] = t1;
+        $[7] = testIdProp;
+    } else {
+        children = $[1];
+        className = $[2];
+        label = $[3];
+        props = $[4];
+        ref = $[5];
+        t1 = $[6];
+        testIdProp = $[7];
+    }
+    const placement = void 0 === t1 ? "footer" : t1;
+    const testId = useTestId("suggestions", testIdProp);
+    const labelId = useId();
+    const hasLabel = null != label && false !== label && "" !== label;
+    const t2 = hasLabel ? void 0 : "Suggestions";
+    const t3 = hasLabel ? labelId : void 0;
+    let t4;
+    if ($[8] !== className || $[9] !== placement) {
+        t4 = cn(chatSuggestionsVariants({
+            placement
+        }), className);
+        $[8] = className;
+        $[9] = placement;
+        $[10] = t4;
+    } else t4 = $[10];
+    let t5;
+    if ($[11] !== hasLabel || $[12] !== label || $[13] !== labelId) {
+        t5 = hasLabel && /*#__PURE__*/ jsx("p", {
+            id: labelId,
+            className: chatSuggestionsLabelVariants(),
+            children: label
+        });
+        $[11] = hasLabel;
+        $[12] = label;
+        $[13] = labelId;
+        $[14] = t5;
+    } else t5 = $[14];
+    const t6 = "greeting" === placement ? "lg" : "md";
+    let t7;
+    if ($[15] !== t6) {
+        t7 = {
+            size: t6
+        };
+        $[15] = t6;
+        $[16] = t7;
+    } else t7 = $[16];
+    let t8;
+    if ($[17] !== children || $[18] !== t7) {
+        t8 = /*#__PURE__*/ jsx(ChatSuggestionsProvider, {
+            value: t7,
+            children: children
+        });
+        $[17] = children;
+        $[18] = t7;
+        $[19] = t8;
+    } else t8 = $[19];
+    let t9;
+    if ($[20] !== props || $[21] !== ref || $[22] !== t2 || $[23] !== t3 || $[24] !== t4 || $[25] !== t5 || $[26] !== t8 || $[27] !== testId) {
+        t9 = /*#__PURE__*/ jsxs("div", {
+            role: "group",
+            "aria-label": t2,
+            "aria-labelledby": t3,
+            ...props,
+            ref: ref,
+            "data-slot": "chat-suggestions",
+            "data-testid": testId,
+            className: t4,
+            children: [
+                t5,
+                t8
+            ]
+        });
+        $[20] = props;
+        $[21] = ref;
+        $[22] = t2;
+        $[23] = t3;
+        $[24] = t4;
+        $[25] = t5;
+        $[26] = t8;
+        $[27] = testId;
+        $[28] = t9;
+    } else t9 = $[28];
+    return t9;
+};
+ChatSuggestions.displayName = "ChatSuggestions";
+export { ChatSuggestions };

package/dist/components/Chat/ChatSuggestionsContext.d.ts

@@ -0,0 +1,7 @@
+export type ChatSuggestionSize = 'md' | 'lg';
+interface ChatSuggestionsContextValue {
+    size: ChatSuggestionSize;
+}
+export declare const ChatSuggestionsProvider: import("react").Provider<ChatSuggestionsContextValue>;
+export declare const useChatSuggestionsContext: () => ChatSuggestionsContextValue;
+export {};

package/dist/components/Chat/ChatSuggestionsContext.js

@@ -0,0 +1,7 @@
+import { createContext, useContext } from "react";
+const ChatSuggestionsContext = createContext({
+    size: "md"
+});
+const ChatSuggestionsProvider = ChatSuggestionsContext.Provider;
+const useChatSuggestionsContext = ()=>useContext(ChatSuggestionsContext);
+export { ChatSuggestionsProvider, useChatSuggestionsContext };

package/dist/components/Chat/ChatTrigger.d.ts

@@ -0,0 +1,13 @@
+import { type ButtonHTMLAttributes, type FC, type Ref } from 'react';
+import { type TestableProps } from '../../utils/testId.js';
+/**
+ * The app-header button that opens Wally (Figma 101:1034): a ghost small icon `Button` with the
+ * mascot and an "Ask Wally" tooltip. It holds no open state — wire `onClick`/`aria-expanded`
+ * yourself, or wrap it in `<DrawerTrigger asChild>`.
+ */
+export interface ChatTriggerProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'color'>, TestableProps {
+    ref?: Ref<HTMLButtonElement>;
+    /** Tooltip text and accessible name. */
+    label?: string;
+}
+export declare const ChatTrigger: FC<ChatTriggerProps>;

package/dist/components/Chat/ChatTrigger.js

@@ -0,0 +1,101 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { useId } from "react";
+import { useTestId } from "../../utils/testId.js";
+import { Button } from "../Button/index.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../Tooltip/index.js";
+import { WallyIcon } from "../WallyIcon/index.js";
+const ChatTrigger = (t0)=>{
+    const $ = c(22);
+    let id;
+    let ref;
+    let rest;
+    let t1;
+    let testIdProp;
+    if ($[0] !== t0) {
+        ({ ref, id, label: t1, "data-testid": testIdProp, ...rest } = t0);
+        $[0] = t0;
+        $[1] = id;
+        $[2] = ref;
+        $[3] = rest;
+        $[4] = t1;
+        $[5] = testIdProp;
+    } else {
+        id = $[1];
+        ref = $[2];
+        rest = $[3];
+        t1 = $[4];
+        testIdProp = $[5];
+    }
+    const label = void 0 === t1 ? "Ask Wally" : t1;
+    const testId = useTestId("trigger", testIdProp);
+    const fallbackId = useId();
+    const triggerId = id ?? fallbackId;
+    let t2;
+    if ($[6] !== triggerId) {
+        t2 = {
+            trigger: triggerId
+        };
+        $[6] = triggerId;
+        $[7] = t2;
+    } else t2 = $[7];
+    let t3;
+    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = /*#__PURE__*/ jsx(WallyIcon, {
+            size: "md"
+        });
+        $[8] = t3;
+    } else t3 = $[8];
+    let t4;
+    if ($[9] !== label || $[10] !== ref || $[11] !== rest || $[12] !== testId || $[13] !== triggerId) {
+        t4 = /*#__PURE__*/ jsx(TooltipTrigger, {
+            asChild: true,
+            children: /*#__PURE__*/ jsx(Button, {
+                variant: "ghost",
+                color: "neutral",
+                size: "small",
+                "aria-label": label,
+                type: "button",
+                ...rest,
+                id: triggerId,
+                ref: ref,
+                "data-slot": "chat-trigger",
+                "data-testid": testId,
+                children: t3
+            })
+        });
+        $[9] = label;
+        $[10] = ref;
+        $[11] = rest;
+        $[12] = testId;
+        $[13] = triggerId;
+        $[14] = t4;
+    } else t4 = $[14];
+    let t5;
+    if ($[15] !== label) {
+        t5 = /*#__PURE__*/ jsx(TooltipContent, {
+            children: label
+        });
+        $[15] = label;
+        $[16] = t5;
+    } else t5 = $[16];
+    let t6;
+    if ($[17] !== t2 || $[18] !== t4 || $[19] !== t5 || $[20] !== testId) {
+        t6 = /*#__PURE__*/ jsxs(Tooltip, {
+            ids: t2,
+            "data-testid": testId,
+            children: [
+                t4,
+                t5
+            ]
+        });
+        $[17] = t2;
+        $[18] = t4;
+        $[19] = t5;
+        $[20] = testId;
+        $[21] = t6;
+    } else t6 = $[21];
+    return t6;
+};
+ChatTrigger.displayName = "ChatTrigger";
+export { ChatTrigger };

package/dist/components/Chat/classes.d.ts

@@ -0,0 +1,17 @@
+export declare const chatVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const chatBackgroundVariants: (props?: ({
+    background?: "strong" | "subtle" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const chatHeaderVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const chatHeaderTitleVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const chatHeaderActionsVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const chatBodyVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const chatFooterVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const chatGreetingVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const chatSuggestionsVariants: (props?: ({
+    placement?: "footer" | "greeting" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const chatSuggestionsLabelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const chatSuggestionVariants: (props?: ({
+    size?: "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/Chat/classes.js

@@ -0,0 +1,44 @@
+import { cva } from "class-variance-authority";
+import { cn } from "../../utils/cn.js";
+const chatVariants = cva('relative isolate flex h-full min-h-0 flex-col overflow-hidden bg-bg-page-bg');
+const chatBackgroundVariants = cva('pointer-events-none absolute inset-0 -z-1', {
+    variants: {
+        background: {
+            strong: 'opacity-12',
+            subtle: 'opacity-5'
+        }
+    },
+    defaultVariants: {
+        background: 'subtle'
+    }
+});
+const chatHeaderVariants = cva('flex h-48 shrink-0 items-center justify-between gap-8 border-b border-border-primary-light bg-bg-page-bg pl-16 pr-12');
+const chatHeaderTitleVariants = cva('flex min-w-0 items-center');
+const chatHeaderActionsVariants = cva(cn('flex shrink-0 items-center gap-4', '*:data-[orientation=vertical]:mx-2 *:data-[orientation=vertical]:h-16 *:data-[orientation=vertical]:self-center'));
+const chatBodyVariants = cva('flex min-h-0 flex-1 flex-col overflow-y-auto px-16 pt-12 pb-16');
+const chatFooterVariants = cva('flex shrink-0 flex-col gap-16 px-20 pb-4');
+const chatGreetingVariants = cva('flex flex-col items-center gap-24 pt-103');
+const chatSuggestionsVariants = cva('flex flex-col', {
+    variants: {
+        placement: {
+            footer: 'items-end gap-8',
+            greeting: 'items-center gap-12'
+        }
+    },
+    defaultVariants: {
+        placement: 'footer'
+    }
+});
+const chatSuggestionsLabelVariants = cva("font-mono text-xs text-text-secondary [font-feature-settings:'liga'_0]");
+const chatSuggestionVariants = cva(cn('inline-flex max-w-full shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap', "border border-border-primary bg-transparent font-mono font-normal text-text-primary outline-none transition-colors [font-feature-settings:'liga'_0]", 'not-disabled:hover:border-border-brand not-disabled:hover:bg-bg-light-brand not-disabled:hover:text-text-brand', 'focus-visible:ring-3 focus-visible:ring-focus-brand', 'disabled:cursor-not-allowed disabled:opacity-50'), {
+    variants: {
+        size: {
+            md: 'h-20 rounded-8 px-8 text-xs',
+            lg: 'h-28 rounded-12 px-12 text-sm'
+        }
+    },
+    defaultVariants: {
+        size: 'md'
+    }
+});
+export { chatBackgroundVariants, chatBodyVariants, chatFooterVariants, chatGreetingVariants, chatHeaderActionsVariants, chatHeaderTitleVariants, chatHeaderVariants, chatSuggestionVariants, chatSuggestionsLabelVariants, chatSuggestionsVariants, chatVariants };

package/dist/components/Chat/index.d.ts

@@ -0,0 +1,10 @@
+export { Chat, type ChatBackground, type ChatProps } from './Chat.js';
+export { ChatBody, type ChatBodyProps } from './ChatBody.js';
+export { ChatFooter, type ChatFooterProps } from './ChatFooter.js';
+export { ChatGreeting, type ChatGreetingProps } from './ChatGreeting.js';
+export { ChatHeader, type ChatHeaderProps } from './ChatHeader.js';
+export { ChatHeaderActions, type ChatHeaderActionsProps } from './ChatHeaderActions.js';
+export { ChatHeaderTitle, type ChatHeaderTitleProps } from './ChatHeaderTitle.js';
+export { ChatSuggestion, type ChatSuggestionProps } from './ChatSuggestion.js';
+export { ChatSuggestions, type ChatSuggestionsPlacement, type ChatSuggestionsProps, } from './ChatSuggestions.js';
+export { ChatTrigger, type ChatTriggerProps } from './ChatTrigger.js';

package/dist/components/Chat/index.js

@@ -0,0 +1,10 @@
+export { Chat } from "./Chat.js";
+export { ChatBody } from "./ChatBody.js";
+export { ChatFooter } from "./ChatFooter.js";
+export { ChatGreeting } from "./ChatGreeting.js";
+export { ChatHeader } from "./ChatHeader.js";
+export { ChatHeaderActions } from "./ChatHeaderActions.js";
+export { ChatHeaderTitle } from "./ChatHeaderTitle.js";
+export { ChatSuggestion } from "./ChatSuggestion.js";
+export { ChatSuggestions } from "./ChatSuggestions.js";
+export { ChatTrigger } from "./ChatTrigger.js";

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

@@ -0,0 +1,30 @@
+import type { FC, FormHTMLAttributes, ReactNode, Ref } from 'react';
+import { type TestableProps } from '../../utils/testId.js';
+export interface ChatInputProps extends Omit<FormHTMLAttributes<HTMLFormElement>, 'onSubmit'>, TestableProps {
+    ref?: Ref<HTMLFormElement>;
+    /** Controlled only — the app owns the draft. */
+    value: string;
+    onValueChange: (value: string) => void;
+    /**
+     * Receives `value.trim()`. Not called when the value is empty, while `isRunning`, or when
+     * `disabled`. The form's native submit is prevented and focus returns to the textarea.
+     */
+    onSubmit: (value: string) => void;
+    /**
+     * Stop-button click, and Esc in the textarea while `isRunning`.
+     * Inside a Drawer/Dialog that Esc stops the run and doesn't close the layer; no host
+     * `onEscapeKeyDown` is needed. While running, a consumer `onKeyDown` can't cancel the Esc
+     * stop with `preventDefault` (the textarea has already claimed the key from the layer).
+     * Without `onStop`, Esc is left to the layer. A consumer popup anchored to the textarea
+     * (mention/autocomplete) keeps Esc while the textarea has `aria-expanded='true'`.
+     */
+    onStop?: () => void;
+    /** Swaps Send for Stop and blocks submit. CopilotKit: `agent.isRunning`. */
+    isRunning?: boolean;
+    disabled?: boolean;
+    /** Attached-context chips, shown in a bar behind the box. Nothing to render (`null`, `false`, `[]`) hides the bar. */
+    context?: ReactNode;
+    /** Line under the box. `null`/`false` hides it. */
+    disclaimer?: ReactNode;
+}
+export declare const ChatInput: FC<ChatInputProps>;

package/dist/components/ChatInput/ChatInput.js

@@ -0,0 +1,230 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { Children, useId } from "react";
+import { cn } from "../../utils/cn.js";
+import { TestIdProvider, useTestId } from "../../utils/testId.js";
+import { ChatInputContext } from "./ChatInputContext.js";
+import { chatInputBoxVariants, chatInputContextChipsVariants, chatInputContextVariants, chatInputDisclaimerVariants, chatInputVariants } from "./classes.js";
+const DEFAULT_DISCLAIMER = "Wally can make mistakes; always verify.";
+const ChatInput = (t0)=>{
+    const $ = c(66);
+    let children;
+    let className;
+    let context;
+    let onStop;
+    let onSubmit;
+    let onValueChange;
+    let ref;
+    let rest;
+    let t1;
+    let t2;
+    let t3;
+    let testIdProp;
+    let value;
+    if ($[0] !== t0) {
+        ({ ref, value, onValueChange, onSubmit, onStop, isRunning: t1, disabled: t2, context, disclaimer: t3, className, children, "data-testid": testIdProp, ...rest } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = context;
+        $[4] = onStop;
+        $[5] = onSubmit;
+        $[6] = onValueChange;
+        $[7] = ref;
+        $[8] = rest;
+        $[9] = t1;
+        $[10] = t2;
+        $[11] = t3;
+        $[12] = testIdProp;
+        $[13] = value;
+    } else {
+        children = $[1];
+        className = $[2];
+        context = $[3];
+        onStop = $[4];
+        onSubmit = $[5];
+        onValueChange = $[6];
+        ref = $[7];
+        rest = $[8];
+        t1 = $[9];
+        t2 = $[10];
+        t3 = $[11];
+        testIdProp = $[12];
+        value = $[13];
+    }
+    const isRunning = void 0 === t1 ? false : t1;
+    const disabled = void 0 === t2 ? false : t2;
+    const disclaimer = void 0 === t3 ? DEFAULT_DISCLAIMER : t3;
+    const testId = useTestId("input", testIdProp);
+    let t4;
+    if ($[14] !== testId) {
+        t4 = (slot)=>testId ? `${testId}--${slot}` : void 0;
+        $[14] = testId;
+        $[15] = t4;
+    } else t4 = $[15];
+    const slotTestId = t4;
+    const disclaimerDomId = useId();
+    const hasDisclaimer = null !== disclaimer && false !== disclaimer;
+    let t5;
+    if ($[16] !== context) {
+        t5 = Children.toArray(context);
+        $[16] = context;
+        $[17] = t5;
+    } else t5 = $[17];
+    const hasContext = t5.length > 0;
+    let t6;
+    if ($[18] !== disabled || $[19] !== isRunning || $[20] !== onSubmit || $[21] !== value) {
+        t6 = (event)=>{
+            event.preventDefault();
+            const text = value.trim();
+            if (!text || isRunning || disabled) return;
+            onSubmit(text);
+            event.currentTarget.querySelector("textarea")?.focus();
+        };
+        $[18] = disabled;
+        $[19] = isRunning;
+        $[20] = onSubmit;
+        $[21] = value;
+        $[22] = t6;
+    } else t6 = $[22];
+    const handleSubmit = t6;
+    let t7;
+    if ($[23] !== slotTestId) {
+        t7 = slotTestId("box");
+        $[23] = slotTestId;
+        $[24] = t7;
+    } else t7 = $[24];
+    let t8;
+    if ($[25] !== disabled || $[26] !== hasContext) {
+        t8 = chatInputBoxVariants({
+            withContext: hasContext,
+            disabled
+        });
+        $[25] = disabled;
+        $[26] = hasContext;
+        $[27] = t8;
+    } else t8 = $[27];
+    let t9;
+    if ($[28] !== children || $[29] !== t7 || $[30] !== t8) {
+        t9 = /*#__PURE__*/ jsx("div", {
+            "data-slot": "chat-input-box",
+            "data-testid": t7,
+            className: t8,
+            children: children
+        });
+        $[28] = children;
+        $[29] = t7;
+        $[30] = t8;
+        $[31] = t9;
+    } else t9 = $[31];
+    const box = t9;
+    const t10 = disabled || void 0;
+    let t11;
+    if ($[32] !== className) {
+        t11 = cn(chatInputVariants(), className);
+        $[32] = className;
+        $[33] = t11;
+    } else t11 = $[33];
+    const t12 = hasDisclaimer ? disclaimerDomId : void 0;
+    let t13;
+    if ($[34] !== disabled || $[35] !== isRunning || $[36] !== onStop || $[37] !== onValueChange || $[38] !== t12 || $[39] !== value) {
+        t13 = {
+            value,
+            onValueChange,
+            isRunning,
+            disabled,
+            onStop,
+            disclaimerId: t12
+        };
+        $[34] = disabled;
+        $[35] = isRunning;
+        $[36] = onStop;
+        $[37] = onValueChange;
+        $[38] = t12;
+        $[39] = value;
+        $[40] = t13;
+    } else t13 = $[40];
+    let t14;
+    if ($[41] !== box || $[42] !== context || $[43] !== hasContext || $[44] !== slotTestId) {
+        t14 = hasContext ? /*#__PURE__*/ jsxs("div", {
+            "data-slot": "chat-input-context",
+            "data-testid": slotTestId("context"),
+            className: chatInputContextVariants(),
+            children: [
+                /*#__PURE__*/ jsx("div", {
+                    className: chatInputContextChipsVariants(),
+                    children: context
+                }),
+                box
+            ]
+        }) : box;
+        $[41] = box;
+        $[42] = context;
+        $[43] = hasContext;
+        $[44] = slotTestId;
+        $[45] = t14;
+    } else t14 = $[45];
+    let t15;
+    if ($[46] !== t14 || $[47] !== testId) {
+        t15 = /*#__PURE__*/ jsx(TestIdProvider, {
+            value: testId,
+            children: t14
+        });
+        $[46] = t14;
+        $[47] = testId;
+        $[48] = t15;
+    } else t15 = $[48];
+    let t16;
+    if ($[49] !== t13 || $[50] !== t15) {
+        t16 = /*#__PURE__*/ jsx(ChatInputContext.Provider, {
+            value: t13,
+            children: t15
+        });
+        $[49] = t13;
+        $[50] = t15;
+        $[51] = t16;
+    } else t16 = $[51];
+    let t17;
+    if ($[52] !== disclaimer || $[53] !== disclaimerDomId || $[54] !== hasDisclaimer || $[55] !== slotTestId) {
+        t17 = hasDisclaimer && /*#__PURE__*/ jsx("p", {
+            id: disclaimerDomId,
+            "data-slot": "chat-input-disclaimer",
+            "data-testid": slotTestId("disclaimer"),
+            className: chatInputDisclaimerVariants(),
+            children: disclaimer
+        });
+        $[52] = disclaimer;
+        $[53] = disclaimerDomId;
+        $[54] = hasDisclaimer;
+        $[55] = slotTestId;
+        $[56] = t17;
+    } else t17 = $[56];
+    let t18;
+    if ($[57] !== handleSubmit || $[58] !== ref || $[59] !== rest || $[60] !== t10 || $[61] !== t11 || $[62] !== t16 || $[63] !== t17 || $[64] !== testId) {
+        t18 = /*#__PURE__*/ jsxs("form", {
+            ...rest,
+            ref: ref,
+            onSubmit: handleSubmit,
+            "aria-disabled": t10,
+            "data-slot": "chat-input",
+            "data-testid": testId,
+            className: t11,
+            children: [
+                t16,
+                t17
+            ]
+        });
+        $[57] = handleSubmit;
+        $[58] = ref;
+        $[59] = rest;
+        $[60] = t10;
+        $[61] = t11;
+        $[62] = t16;
+        $[63] = t17;
+        $[64] = testId;
+        $[65] = t18;
+    } else t18 = $[65];
+    return t18;
+};
+ChatInput.displayName = "ChatInput";
+export { ChatInput };

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

@@ -0,0 +1,11 @@
+export interface ChatInputContextValue {
+    value: string;
+    onValueChange: (value: string) => void;
+    isRunning: boolean;
+    disabled: boolean;
+    onStop?: () => void;
+    /** Present only while the disclaimer is rendered. */
+    disclaimerId?: string;
+}
+export declare const ChatInputContext: import("react").Context<ChatInputContextValue | null>;
+export declare const useChatInputContext: () => ChatInputContextValue;

package/dist/components/ChatInput/ChatInputContext.js

@@ -0,0 +1,8 @@
+import { createContext, useContext } from "react";
+const ChatInputContext = createContext(null);
+const useChatInputContext = ()=>{
+    const context = useContext(ChatInputContext);
+    if (!context) throw new Error("ChatInput parts must be rendered inside <ChatInput>");
+    return context;
+};
+export { ChatInputContext, useChatInputContext };

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

@@ -0,0 +1,10 @@
+import { type ButtonHTMLAttributes, type FC, type Ref } from 'react';
+import { type TestableProps } from '../../utils/testId.js';
+export interface ChatInputSubmitProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'children' | 'color'>, TestableProps {
+    ref?: Ref<HTMLButtonElement>;
+    /** Accessible name while idle. */
+    sendLabel?: string;
+    /** Accessible name and tooltip while `isRunning`. */
+    stopLabel?: string;
+}
+export declare const ChatInputSubmit: FC<ChatInputSubmitProps>;