@dowel-ui/react 0.1.0

package/dist/components/ai-model-selector/ai-model-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-model-selector.js","names":[],"sources":["../../../src/components/ai-model-selector/ai-model-selector.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentPropsWithRef, ReactNode } from \"react\";\n\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/select\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * Picks the model a conversation runs on.\n *\n * A thin, opinionated layer over Select rather than a new control: model\n * pickers differ between products in what they show, not in how they behave.\n * What this adds is the shape of the option — a name, a short description, and\n * the fact that some models are unavailable on the current plan — which is the\n * part every implementation gets wrong in the same way, by hiding the reason a\n * model cannot be chosen.\n */\n\nexport interface ModelOption {\n  id: string;\n  name: string;\n  /** One line on what the model is for. */\n  description?: string;\n  /** Grouping, for example a provider name. */\n  group?: string;\n  disabled?: boolean;\n  /**\n   * Why it is unavailable.\n   *\n   * Shown and announced alongside the name. A disabled option with no reason\n   * makes the user think the interface is broken.\n   */\n  disabledReason?: string;\n  badge?: ReactNode;\n}\n\nexport interface ModelSelectorProps extends Omit<\n  ComponentPropsWithRef<typeof SelectTrigger>,\n  \"children\"\n> {\n  models: ModelOption[];\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  placeholder?: string;\n}\n\nexport function ModelSelector({\n  className,\n  models,\n  value,\n  defaultValue,\n  onValueChange,\n  placeholder = \"Select a model\",\n  ...props\n}: ModelSelectorProps) {\n  // Preserves the order the caller gave, rather than sorting group names.\n  const groups = new Map<string, ModelOption[]>();\n  for (const model of models) {\n    const key = model.group ?? \"\";\n    groups.set(key, [...(groups.get(key) ?? []), model]);\n  }\n\n  return (\n    <Select value={value} defaultValue={defaultValue} onValueChange={onValueChange}>\n      <SelectTrigger\n        data-slot=\"model-selector\"\n        className={cn(\"w-auto min-w-44 gap-2\", className)}\n        {...props}\n      >\n        <SelectValue placeholder={placeholder} />\n      </SelectTrigger>\n      <SelectContent className=\"min-w-64\">\n        {[...groups].map(([group, groupModels]) => (\n          <SelectGroup key={group || \"ungrouped\"}>\n            {group ? <SelectLabel>{group}</SelectLabel> : null}\n            {groupModels.map((model) => (\n              <SelectItem\n                key={model.id}\n                value={model.id}\n                disabled={model.disabled}\n                textValue={model.name}\n                // Only the name reaches the trigger; the description stays in\n                // the list where there is room for it.\n                label={model.name}\n              >\n                <span className=\"flex min-w-0 flex-col gap-0.5\">\n                  <span className=\"flex items-center gap-2\">{model.badge}</span>\n                  {model.disabled && model.disabledReason ? (\n                    <span className=\"text-2xs text-muted-foreground\">\n                      {model.disabledReason}\n                    </span>\n                  ) : model.description ? (\n                    <span className=\"text-2xs text-muted-foreground\">{model.description}</span>\n                  ) : null}\n                </span>\n              </SelectItem>\n            ))}\n          </SelectGroup>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n"],"mappings":";;;;;AAuDA,SAAgB,cAAc,EAC5B,WACA,QACA,OACA,cACA,eACA,cAAc,kBACd,GAAG,SACkB;CAErB,MAAM,yBAAS,IAAI,IAA2B;CAC9C,KAAK,MAAM,SAAS,QAAQ;EAC1B,MAAM,MAAM,MAAM,SAAS;EAC3B,OAAO,IAAI,KAAK,CAAC,GAAI,OAAO,IAAI,GAAG,KAAK,CAAC,GAAI,KAAK,CAAC;CACrD;CAEA,OACE,qBAAC,QAAD;EAAe;EAAqB;EAA6B;EAAjE,UAAA,CACE,oBAAC,eAAD;GACE,aAAU;GACV,WAAW,GAAG,yBAAyB,SAAS;GAChD,GAAI;GAEJ,UAAA,oBAAC,aAAD,EAA0B,YAAc,CAAA;EAC3B,CAAA,GACf,oBAAC,eAAD;GAAe,WAAU;GACtB,UAAA,CAAC,GAAG,MAAM,CAAC,CAAC,KAAK,CAAC,OAAO,iBACxB,qBAAC,aAAD,EAAA,UAAA,CACG,QAAQ,oBAAC,aAAD,EAAA,UAAc,MAAmB,CAAA,IAAI,MAC7C,YAAY,KAAK,UAChB,oBAAC,YAAD;IAEE,OAAO,MAAM;IACb,UAAU,MAAM;IAChB,WAAW,MAAM;IAGjB,OAAO,MAAM;IAEb,UAAA,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CACE,oBAAC,QAAD;MAAM,WAAU;MAA2B,UAAA,MAAM;KAAY,CAAA,GAC5D,MAAM,YAAY,MAAM,iBACvB,oBAAC,QAAD;MAAM,WAAU;MACb,UAAA,MAAM;KACH,CAAA,IACJ,MAAM,cACR,oBAAC,QAAD;MAAM,WAAU;MAAkC,UAAA,MAAM;KAAkB,CAAA,IACxE,IACA;;GACI,GAlBL,MAAM,EAkBD,CACb,CACU,EAAA,GAxBK,SAAS,WAwBd,CACd;EACY,CAAA,CACT;;AAEZ"}

package/dist/components/ai-model-selector/index.d.ts

@@ -0,0 +1,2 @@
+import { ModelOption, ModelSelector, ModelSelectorProps } from "./ai-model-selector.js";
+export { type ModelOption, ModelSelector, type ModelSelectorProps };

package/dist/components/ai-model-selector/index.js

@@ -0,0 +1,2 @@
+import { ModelSelector } from "./ai-model-selector.js";
+export { ModelSelector };

package/dist/components/ai-model-selector/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/ai-model-selector/meta.ts
+const meta = defineMeta({
+	name: "ai-model-selector",
+	title: "AI Model Selector",
+	description: "Picks the model a conversation runs on, with descriptions and availability.",
+	category: "ai",
+	status: "stable",
+	dependencies: [],
+	registryDependencies: ["select"],
+	files: ["ai-model-selector.tsx"],
+	a11y: "Inherits Select's listbox keyboard model. Each option sets textValue to the model name so typeahead matches the name rather than the description. A disabled model shows and announces why it is unavailable — a disabled option with no reason reads as a broken interface."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/ai-model-selector/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/ai-model-selector/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"ai-model-selector\",\n  title: \"AI Model Selector\",\n  description: \"Picks the model a conversation runs on, with descriptions and availability.\",\n  category: \"ai\",\n  status: \"stable\",\n  dependencies: [],\n  registryDependencies: [\"select\"],\n  files: [\"ai-model-selector.tsx\"],\n  a11y:\n    \"Inherits Select's listbox keyboard model. Each option sets textValue to the model name so \" +\n    \"typeahead matches the name rather than the description. A disabled model shows and \" +\n    \"announces why it is unavailable — a disabled option with no reason reads as a broken \" +\n    \"interface.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC;CACf,sBAAsB,CAAC,QAAQ;CAC/B,OAAO,CAAC,uBAAuB;CAC/B,MACE;AAIJ,CAAC"}

package/dist/components/ai-prompt-input/ai-prompt-input.d.ts

@@ -0,0 +1,61 @@
+import { ComponentPropsWithRef, FormEvent } from "react";
+//#region src/components/ai-prompt-input/ai-prompt-input.d.ts
+interface PromptInputProps extends Omit<ComponentPropsWithRef<"form">, "onSubmit"> {
+  onSubmit?: (event: FormEvent<HTMLFormElement>) => void;
+  /** Blocks submission and dims the composer. */
+  disabled?: boolean;
+  /** A response is in flight: submission is blocked and Stop is shown instead. */
+  busy?: boolean;
+}
+declare function PromptInput({ className, onSubmit, disabled, busy, children, ...props }: PromptInputProps): import("react").JSX.Element;
+interface PromptInputTextareaProps extends Omit<ComponentPropsWithRef<"textarea">, "rows"> {
+  maxRows?: number;
+  /**
+   * Send on Enter, newline on Shift+Enter.
+   *
+   * Turn it off for a composer where Enter should always insert a newline and
+   * sending is only ever an explicit button press.
+   */
+  submitOnEnter?: boolean;
+}
+declare function PromptInputTextarea({ className, maxRows, submitOnEnter, onKeyDown, onChange, ...props }: PromptInputTextareaProps): import("react").JSX.Element;
+/** The row beneath the textarea: attachments, model picker, send. */
+declare function PromptInputToolbar({ className, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element;
+interface PromptInputSubmitProps extends ComponentPropsWithRef<"button"> {
+  /** Label while idle. */
+  label?: string;
+  /** Label while a response is streaming. */
+  stopLabel?: string;
+  /** Called instead of submitting when busy. */
+  onStop?: () => void;
+}
+/**
+ * Send, or stop.
+ *
+ * One control with two jobs, because that is what the space affords and what
+ * people expect. The accessible name changes with the state, so it is never
+ * "Send" while it actually stops.
+ */
+declare function PromptInputSubmit({ className, label, stopLabel, onStop, ...props }: PromptInputSubmitProps): import("react").JSX.Element;
+interface PromptInputCounterProps extends ComponentPropsWithRef<"div"> {
+  value: number;
+  max: number;
+  /** Fraction of the limit past which the counter starts warning. */
+  warnAt?: number;
+}
+/**
+ * Characters used against a limit.
+ *
+ * The visible count updates on every keystroke; the live region does not.
+ *
+ * The naive version toggles `aria-live` on once the count matters, but a region
+ * only announces changes that happen *while* it is live — switching it on at
+ * the same moment the content changes means the one update worth hearing is the
+ * one that is missed. So the region is live from the start and simply has
+ * nothing in it until the limit is close, which is also what keeps ordinary
+ * typing silent.
+ */
+declare function PromptInputCounter({ className, value, max, warnAt, ...props }: PromptInputCounterProps): import("react").JSX.Element;
+//#endregion
+export { PromptInput, PromptInputCounter, PromptInputCounterProps, PromptInputProps, PromptInputSubmit, PromptInputSubmitProps, PromptInputTextarea, PromptInputTextareaProps, PromptInputToolbar };
+//# sourceMappingURL=ai-prompt-input.d.ts.map

package/dist/components/ai-prompt-input/ai-prompt-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-prompt-input.d.ts","names":[],"sources":["../../../src/components/ai-prompt-input/ai-prompt-input.tsx"],"mappings":";;UA2CiB,yBAAyB,KAAK;EAC7C,YAAY,OAAO,UAAU;;EAE7B;;EAEA;;iBAGc,cACd,WACA,UACA,UACA,MACA,aACG,SACF,mCAAgB,IAAA;UA+CF,iCAAiC,KAChD;EAGA;;;;;;;EAOA;;iBAGc,sBACd,WACA,SACA,eACA,WACA,aACG,SACF,2CAAwB,IAAA;;iBAuDX,qBAAqB,cAAc,SAAS,+CAA4B,IAAA;UAUvE,+BAA+B;;EAE9C;;EAEA;;EAEA;;;;;;;;;iBAUc,oBACd,WACA,OACA,WACA,WACG,SACF,yCAAsB,IAAA;UAsCR,gCAAgC;EAC/C;EACA;;EAEA;;;;;;;;;;;;;;iBAec,qBACd,WACA,OACA,KACA,WACG,SACF,0CAAuB,IAAA"}

package/dist/components/ai-prompt-input/ai-prompt-input.js

@@ -0,0 +1,170 @@
+"use client";
+import { focusRing, focusRingInset } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useId, useLayoutEffect, useMemo, useRef } from "react";
+//#region src/components/ai-prompt-input/ai-prompt-input.tsx
+const PromptInputContext = createContext(null);
+function usePromptInput(component) {
+	const context = useContext(PromptInputContext);
+	if (!context) throw new Error(`${component} must be rendered inside <PromptInput>.`);
+	return context;
+}
+function PromptInput({ className, onSubmit, disabled = false, busy = false, children, ...props }) {
+	const uid = useId();
+	const formRef = useRef(null);
+	const context = useMemo(() => ({
+		textareaId: `${uid}-textarea`,
+		disabled,
+		busy,
+		submit: () => {
+			formRef.current?.requestSubmit();
+		}
+	}), [
+		uid,
+		disabled,
+		busy
+	]);
+	return /* @__PURE__ */ jsx(PromptInputContext.Provider, {
+		value: context,
+		children: /* @__PURE__ */ jsx("form", {
+			ref: formRef,
+			"data-slot": "prompt-input",
+			"data-busy": busy || void 0,
+			onSubmit: (event) => {
+				if (disabled || busy) {
+					event.preventDefault();
+					return;
+				}
+				onSubmit?.(event);
+			},
+			className: cn("rounded-xl border border-input bg-background shadow-xs", "transition-[border-color,box-shadow] duration-[var(--duration-fast)]", "focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/55", disabled && "opacity-60", className),
+			...props,
+			children
+		})
+	});
+}
+/** Rows the textarea will grow to before it starts scrolling. */
+const DEFAULT_MAX_ROWS = 8;
+function PromptInputTextarea({ className, maxRows = DEFAULT_MAX_ROWS, submitOnEnter = true, onKeyDown, onChange, ...props }) {
+	const { textareaId, submit, disabled, busy } = usePromptInput("PromptInputTextarea");
+	const ref = useRef(null);
+	useLayoutEffect(() => {
+		const textarea = ref.current;
+		if (!textarea) return;
+		textarea.style.height = "auto";
+		const maxHeight = (Number.parseFloat(getComputedStyle(textarea).lineHeight) || 20) * maxRows;
+		textarea.style.height = `${String(Math.min(textarea.scrollHeight, maxHeight))}px`;
+		textarea.style.overflowY = textarea.scrollHeight > maxHeight ? "auto" : "hidden";
+	});
+	function handleKeyDown(event) {
+		onKeyDown?.(event);
+		if (event.defaultPrevented || !submitOnEnter) return;
+		if (event.key !== "Enter" || event.shiftKey) return;
+		if (event.nativeEvent.isComposing) return;
+		event.preventDefault();
+		submit();
+	}
+	return /* @__PURE__ */ jsx("textarea", {
+		ref,
+		id: textareaId,
+		"data-slot": "prompt-input-textarea",
+		rows: 1,
+		disabled,
+		"aria-disabled": busy || void 0,
+		onKeyDown: handleKeyDown,
+		onChange,
+		className: cn("block w-full resize-none bg-transparent px-4 py-3 text-sm outline-none", "placeholder:text-muted-foreground disabled:cursor-not-allowed", focusRingInset, "focus-visible:ring-0", className),
+		...props
+	});
+}
+/** The row beneath the textarea: attachments, model picker, send. */
+function PromptInputToolbar({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "prompt-input-toolbar",
+		className: cn("flex items-center gap-2 px-2 pb-2", className),
+		...props
+	});
+}
+/**
+* Send, or stop.
+*
+* One control with two jobs, because that is what the space affords and what
+* people expect. The accessible name changes with the state, so it is never
+* "Send" while it actually stops.
+*/
+function PromptInputSubmit({ className, label = "Send message", stopLabel = "Stop generating", onStop, ...props }) {
+	const { busy, disabled } = usePromptInput("PromptInputSubmit");
+	return /* @__PURE__ */ jsx("button", {
+		type: busy ? "button" : "submit",
+		"data-slot": "prompt-input-submit",
+		"aria-label": busy ? stopLabel : label,
+		disabled,
+		onClick: busy ? onStop : void 0,
+		className: cn("ml-auto grid size-8 shrink-0 place-items-center rounded-lg", "bg-primary text-primary-foreground transition-colors duration-[var(--duration-fast)]", "hover:bg-primary-hover disabled:pointer-events-none disabled:opacity-55", focusRing, className),
+		...props,
+		children: busy ? /* @__PURE__ */ jsx("svg", {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			"aria-hidden": "true",
+			className: "size-3.5",
+			children: /* @__PURE__ */ jsx("rect", {
+				x: "6",
+				y: "6",
+				width: "12",
+				height: "12",
+				rx: "2",
+				fill: "currentColor"
+			})
+		}) : /* @__PURE__ */ jsx("svg", {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			"aria-hidden": "true",
+			className: "size-4",
+			children: /* @__PURE__ */ jsx("path", {
+				d: "M12 19V5m0 0-6 6m6-6 6 6",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		})
+	});
+}
+/**
+* Characters used against a limit.
+*
+* The visible count updates on every keystroke; the live region does not.
+*
+* The naive version toggles `aria-live` on once the count matters, but a region
+* only announces changes that happen *while* it is live — switching it on at
+* the same moment the content changes means the one update worth hearing is the
+* one that is missed. So the region is live from the start and simply has
+* nothing in it until the limit is close, which is also what keeps ordinary
+* typing silent.
+*/
+function PromptInputCounter({ className, value, max, warnAt = .9, ...props }) {
+	const warning = value >= max * warnAt;
+	const over = value > max;
+	const remaining = max - value;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "prompt-input-counter",
+		"data-warning": warning || void 0,
+		"data-over": over || void 0,
+		className: cn("text-xs tabular-nums", over ? "text-destructive" : warning ? "text-warning" : "text-muted-foreground", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			children: warning ? `${String(value)} / ${String(max)}` : String(value)
+		}), /* @__PURE__ */ jsx("span", {
+			role: "status",
+			"aria-live": "polite",
+			className: "sr-only",
+			children: over ? `Over the limit by ${String(-remaining)} characters` : warning ? `${String(remaining)} characters remaining` : ""
+		})]
+	});
+}
+//#endregion
+export { PromptInput, PromptInputCounter, PromptInputSubmit, PromptInputTextarea, PromptInputToolbar };
+
+//# sourceMappingURL=ai-prompt-input.js.map

package/dist/components/ai-prompt-input/ai-prompt-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-prompt-input.js","names":[],"sources":["../../../src/components/ai-prompt-input/ai-prompt-input.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  useContext,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  type ComponentPropsWithRef,\n  type FormEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n} from \"react\";\n\nimport { focusRing, focusRingInset } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * The composer.\n *\n * Handles the parts of a chat input that are easy to get subtly wrong:\n * auto-growing to fit the text up to a ceiling, sending on Enter without\n * breaking multi-line input, and — the one almost everybody misses —\n * not sending mid-composition when someone is typing with an IME.\n */\n\ninterface PromptInputContextValue {\n  textareaId: string;\n  submit: () => void;\n  disabled: boolean;\n  busy: boolean;\n}\n\nconst PromptInputContext = createContext<PromptInputContextValue | null>(null);\n\nfunction usePromptInput(component: string): PromptInputContextValue {\n  const context = useContext(PromptInputContext);\n  if (!context) {\n    throw new Error(`${component} must be rendered inside <PromptInput>.`);\n  }\n  return context;\n}\n\nexport interface PromptInputProps extends Omit<ComponentPropsWithRef<\"form\">, \"onSubmit\"> {\n  onSubmit?: (event: FormEvent<HTMLFormElement>) => void;\n  /** Blocks submission and dims the composer. */\n  disabled?: boolean;\n  /** A response is in flight: submission is blocked and Stop is shown instead. */\n  busy?: boolean;\n}\n\nexport function PromptInput({\n  className,\n  onSubmit,\n  disabled = false,\n  busy = false,\n  children,\n  ...props\n}: PromptInputProps) {\n  const uid = useId();\n  const formRef = useRef<HTMLFormElement | null>(null);\n\n  const context = useMemo<PromptInputContextValue>(\n    () => ({\n      textareaId: `${uid}-textarea`,\n      disabled,\n      busy,\n      submit: () => {\n        formRef.current?.requestSubmit();\n      },\n    }),\n    [uid, disabled, busy],\n  );\n\n  return (\n    <PromptInputContext.Provider value={context}>\n      <form\n        ref={formRef}\n        data-slot=\"prompt-input\"\n        data-busy={busy || undefined}\n        onSubmit={(event) => {\n          if (disabled || busy) {\n            event.preventDefault();\n            return;\n          }\n          onSubmit?.(event);\n        }}\n        className={cn(\n          \"rounded-xl border border-input bg-background shadow-xs\",\n          \"transition-[border-color,box-shadow] duration-[var(--duration-fast)]\",\n          \"focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/55\",\n          disabled && \"opacity-60\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </form>\n    </PromptInputContext.Provider>\n  );\n}\n\n/** Rows the textarea will grow to before it starts scrolling. */\nconst DEFAULT_MAX_ROWS = 8;\n\nexport interface PromptInputTextareaProps extends Omit<\n  ComponentPropsWithRef<\"textarea\">,\n  \"rows\"\n> {\n  maxRows?: number;\n  /**\n   * Send on Enter, newline on Shift+Enter.\n   *\n   * Turn it off for a composer where Enter should always insert a newline and\n   * sending is only ever an explicit button press.\n   */\n  submitOnEnter?: boolean;\n}\n\nexport function PromptInputTextarea({\n  className,\n  maxRows = DEFAULT_MAX_ROWS,\n  submitOnEnter = true,\n  onKeyDown,\n  onChange,\n  ...props\n}: PromptInputTextareaProps) {\n  const { textareaId, submit, disabled, busy } = usePromptInput(\"PromptInputTextarea\");\n  const ref = useRef<HTMLTextAreaElement | null>(null);\n\n  // Grows with the content up to maxRows, then scrolls. Measured after layout\n  // so the height is right on the first paint rather than one frame late.\n  useLayoutEffect(() => {\n    const textarea = ref.current;\n    if (!textarea) return;\n\n    textarea.style.height = \"auto\";\n    const lineHeight = Number.parseFloat(getComputedStyle(textarea).lineHeight) || 20;\n    const maxHeight = lineHeight * maxRows;\n    textarea.style.height = `${String(Math.min(textarea.scrollHeight, maxHeight))}px`;\n    textarea.style.overflowY = textarea.scrollHeight > maxHeight ? \"auto\" : \"hidden\";\n  });\n\n  function handleKeyDown(event: ReactKeyboardEvent<HTMLTextAreaElement>) {\n    onKeyDown?.(event);\n    if (event.defaultPrevented || !submitOnEnter) return;\n    if (event.key !== \"Enter\" || event.shiftKey) return;\n\n    // Mid-composition Enter confirms the candidate an IME is offering — for\n    // Japanese, Chinese, Korean and others it is part of typing a word, not a\n    // request to send. Sending here truncates the sentence and is the single\n    // most common way a chat composer breaks for those users.\n    if (event.nativeEvent.isComposing) return;\n\n    event.preventDefault();\n    submit();\n  }\n\n  return (\n    <textarea\n      ref={ref}\n      id={textareaId}\n      data-slot=\"prompt-input-textarea\"\n      rows={1}\n      disabled={disabled}\n      aria-disabled={busy || undefined}\n      onKeyDown={handleKeyDown}\n      onChange={onChange}\n      className={cn(\n        \"block w-full resize-none bg-transparent px-4 py-3 text-sm outline-none\",\n        \"placeholder:text-muted-foreground disabled:cursor-not-allowed\",\n        focusRingInset,\n        \"focus-visible:ring-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** The row beneath the textarea: attachments, model picker, send. */\nexport function PromptInputToolbar({ className, ...props }: ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"prompt-input-toolbar\"\n      className={cn(\"flex items-center gap-2 px-2 pb-2\", className)}\n      {...props}\n    />\n  );\n}\n\nexport interface PromptInputSubmitProps extends ComponentPropsWithRef<\"button\"> {\n  /** Label while idle. */\n  label?: string;\n  /** Label while a response is streaming. */\n  stopLabel?: string;\n  /** Called instead of submitting when busy. */\n  onStop?: () => void;\n}\n\n/**\n * Send, or stop.\n *\n * One control with two jobs, because that is what the space affords and what\n * people expect. The accessible name changes with the state, so it is never\n * \"Send\" while it actually stops.\n */\nexport function PromptInputSubmit({\n  className,\n  label = \"Send message\",\n  stopLabel = \"Stop generating\",\n  onStop,\n  ...props\n}: PromptInputSubmitProps) {\n  const { busy, disabled } = usePromptInput(\"PromptInputSubmit\");\n\n  return (\n    <button\n      type={busy ? \"button\" : \"submit\"}\n      data-slot=\"prompt-input-submit\"\n      aria-label={busy ? stopLabel : label}\n      disabled={disabled}\n      onClick={busy ? onStop : undefined}\n      className={cn(\n        \"ml-auto grid size-8 shrink-0 place-items-center rounded-lg\",\n        \"bg-primary text-primary-foreground transition-colors duration-[var(--duration-fast)]\",\n        \"hover:bg-primary-hover disabled:pointer-events-none disabled:opacity-55\",\n        focusRing,\n        className,\n      )}\n      {...props}\n    >\n      {busy ? (\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" className=\"size-3.5\">\n          <rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\" fill=\"currentColor\" />\n        </svg>\n      ) : (\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" className=\"size-4\">\n          <path\n            d=\"M12 19V5m0 0-6 6m6-6 6 6\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n        </svg>\n      )}\n    </button>\n  );\n}\n\nexport interface PromptInputCounterProps extends ComponentPropsWithRef<\"div\"> {\n  value: number;\n  max: number;\n  /** Fraction of the limit past which the counter starts warning. */\n  warnAt?: number;\n}\n\n/**\n * Characters used against a limit.\n *\n * The visible count updates on every keystroke; the live region does not.\n *\n * The naive version toggles `aria-live` on once the count matters, but a region\n * only announces changes that happen *while* it is live — switching it on at\n * the same moment the content changes means the one update worth hearing is the\n * one that is missed. So the region is live from the start and simply has\n * nothing in it until the limit is close, which is also what keeps ordinary\n * typing silent.\n */\nexport function PromptInputCounter({\n  className,\n  value,\n  max,\n  warnAt = 0.9,\n  ...props\n}: PromptInputCounterProps) {\n  const warning = value >= max * warnAt;\n  const over = value > max;\n  const remaining = max - value;\n\n  return (\n    <div\n      data-slot=\"prompt-input-counter\"\n      data-warning={warning || undefined}\n      data-over={over || undefined}\n      className={cn(\n        \"text-xs tabular-nums\",\n        over ? \"text-destructive\" : warning ? \"text-warning\" : \"text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      <span aria-hidden=\"true\">\n        {warning ? `${String(value)} / ${String(max)}` : String(value)}\n      </span>\n      <span role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n        {over\n          ? `Over the limit by ${String(-remaining)} characters`\n          : warning\n            ? `${String(remaining)} characters remaining`\n            : \"\"}\n      </span>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/ai-prompt-input/index.d.ts

@@ -0,0 +1,2 @@
+import { PromptInput, PromptInputCounter, PromptInputCounterProps, PromptInputProps, PromptInputSubmit, PromptInputSubmitProps, PromptInputTextarea, PromptInputTextareaProps, PromptInputToolbar } from "./ai-prompt-input.js";
+export { PromptInput, PromptInputCounter, type PromptInputCounterProps, type PromptInputProps, PromptInputSubmit, type PromptInputSubmitProps, PromptInputTextarea, type PromptInputTextareaProps, PromptInputToolbar };

package/dist/components/ai-prompt-input/index.js

@@ -0,0 +1,2 @@
+import { PromptInput, PromptInputCounter, PromptInputSubmit, PromptInputTextarea, PromptInputToolbar } from "./ai-prompt-input.js";
+export { PromptInput, PromptInputCounter, PromptInputSubmit, PromptInputTextarea, PromptInputToolbar };

package/dist/components/ai-prompt-input/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/ai-prompt-input/meta.ts
+const meta = defineMeta({
+	name: "ai-prompt-input",
+	title: "AI Prompt Input",
+	description: "The composer: auto-growing textarea, send-on-Enter, and a send/stop control.",
+	category: "ai",
+	status: "stable",
+	dependencies: [],
+	registryDependencies: [],
+	files: ["ai-prompt-input.tsx"],
+	a11y: "Enter sends and Shift+Enter inserts a newline, but never while an IME composition is active — for Japanese, Chinese and Korean input Enter confirms a candidate, and sending there truncates the sentence mid-word. The submit control renames itself to \"Stop generating\" while busy, so its accessible name always matches what it does. The character counter stays silent until it nears the limit; announcing every keystroke would be unusable."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/ai-prompt-input/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/ai-prompt-input/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"ai-prompt-input\",\n  title: \"AI Prompt Input\",\n  description: \"The composer: auto-growing textarea, send-on-Enter, and a send/stop control.\",\n  category: \"ai\",\n  status: \"stable\",\n  dependencies: [],\n  registryDependencies: [],\n  files: [\"ai-prompt-input.tsx\"],\n  a11y:\n    \"Enter sends and Shift+Enter inserts a newline, but never while an IME composition is active \" +\n    \"— for Japanese, Chinese and Korean input Enter confirms a candidate, and sending there \" +\n    'truncates the sentence mid-word. The submit control renames itself to \"Stop generating\" ' +\n    \"while busy, so its accessible name always matches what it does. The character counter stays \" +\n    \"silent until it nears the limit; announcing every keystroke would be unusable.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC;CACf,sBAAsB,CAAC;CACvB,OAAO,CAAC,qBAAqB;CAC7B,MACE;AAKJ,CAAC"}

package/dist/components/ai-reasoning/ai-reasoning.d.ts

@@ -0,0 +1,24 @@
+import { Collapsible } from "radix-ui";
+import { ComponentPropsWithRef } from "react";
+//#region src/components/ai-reasoning/ai-reasoning.d.ts
+/**
+ * The model's reasoning, tucked away.
+ *
+ * Collapsed by default and deliberately understated. Reasoning is supporting
+ * material — surfacing it at the same weight as the answer buries the answer,
+ * and most readers never want it. It stays one keystroke away for the people
+ * who do.
+ */
+type ReasoningProps = ComponentPropsWithRef<typeof Collapsible.Root>;
+declare function Reasoning({ className, ...props }: ReasoningProps): import("react").JSX.Element;
+interface ReasoningTriggerProps extends ComponentPropsWithRef<typeof Collapsible.Trigger> {
+  /** Shown while reasoning is still arriving. */
+  streaming?: boolean;
+  label?: string;
+  streamingLabel?: string;
+}
+declare function ReasoningTrigger({ className, streaming, label, streamingLabel, children, ...props }: ReasoningTriggerProps): import("react").JSX.Element;
+declare function ReasoningContent({ className, children, ...props }: ComponentPropsWithRef<typeof Collapsible.Content>): import("react").JSX.Element;
+//#endregion
+export { Reasoning, ReasoningContent, ReasoningProps, ReasoningTrigger, ReasoningTriggerProps };
+//# sourceMappingURL=ai-reasoning.d.ts.map

package/dist/components/ai-reasoning/ai-reasoning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-reasoning.d.ts","names":[],"sources":["../../../src/components/ai-reasoning/ai-reasoning.tsx"],"mappings":";;;;;;;;;;;KAgBY,iBAAiB,6BAA6B,YAAqB;iBAE/D,YAAY,cAAc,SAAS,iCAAc,IAAA;UAUhD,8BAA8B,6BACtC,YAAqB;;EAG5B;EACA;EACA;;iBAGc,mBACd,WACA,WACA,OACA,gBACA,aACG,SACF,wCAAqB,IAAA;iBAyCR,mBACd,WACA,aACG,SACF,6BAA6B,YAAqB,2BAAQ,IAAA"}

package/dist/components/ai-reasoning/ai-reasoning.js

@@ -0,0 +1,64 @@
+"use client";
+import { focusRing } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { Collapsible } from "radix-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/ai-reasoning/ai-reasoning.tsx
+function Reasoning({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.Root, {
+		"data-slot": "reasoning",
+		className: cn("text-sm", className),
+		...props
+	});
+}
+function ReasoningTrigger({ className, streaming, label = "Reasoning", streamingLabel = "Thinking…", children, ...props }) {
+	return /* @__PURE__ */ jsxs(Collapsible.Trigger, {
+		"data-slot": "reasoning-trigger",
+		className: cn("flex items-center gap-1.5 rounded-md text-xs text-muted-foreground", "transition-colors duration-[var(--duration-fast)] hover:text-foreground", "[&[data-state=open]>svg:last-child]:rotate-180", focusRing, className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("svg", {
+				viewBox: "0 0 24 24",
+				fill: "none",
+				"aria-hidden": "true",
+				className: "size-3.5 shrink-0",
+				children: /* @__PURE__ */ jsx("path", {
+					d: "M9.5 21h5M12 3a6 6 0 0 1 3.6 10.8c-.6.5-.9 1.1-1 1.7l-.1.5h-5l-.1-.5c-.1-.6-.4-1.2-1-1.7A6 6 0 0 1 12 3Z",
+					stroke: "currentColor",
+					strokeWidth: "1.75",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			}),
+			children ?? (streaming ? streamingLabel : label),
+			/* @__PURE__ */ jsx("svg", {
+				viewBox: "0 0 24 24",
+				fill: "none",
+				"aria-hidden": "true",
+				className: "size-3.5 shrink-0 transition-transform duration-[var(--duration-normal)]",
+				children: /* @__PURE__ */ jsx("path", {
+					d: "m6 9 6 6 6-6",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			})
+		]
+	});
+}
+function ReasoningContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.Content, {
+		"data-slot": "reasoning-content",
+		className: cn("overflow-hidden", "data-[state=closed]:animate-accordion-close data-[state=open]:animate-accordion-open", className),
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "mt-2 border-l-2 border-border pl-3 text-sm whitespace-pre-wrap text-muted-foreground",
+			children
+		})
+	});
+}
+//#endregion
+export { Reasoning, ReasoningContent, ReasoningTrigger };
+
+//# sourceMappingURL=ai-reasoning.js.map

package/dist/components/ai-reasoning/ai-reasoning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-reasoning.js","names":["CollapsiblePrimitive"],"sources":["../../../src/components/ai-reasoning/ai-reasoning.tsx"],"sourcesContent":["\"use client\";\n\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * The model's reasoning, tucked away.\n *\n * Collapsed by default and deliberately understated. Reasoning is supporting\n * material — surfacing it at the same weight as the answer buries the answer,\n * and most readers never want it. It stays one keystroke away for the people\n * who do.\n */\nexport type ReasoningProps = ComponentPropsWithRef<typeof CollapsiblePrimitive.Root>;\n\nexport function Reasoning({ className, ...props }: ReasoningProps) {\n  return (\n    <CollapsiblePrimitive.Root\n      data-slot=\"reasoning\"\n      className={cn(\"text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport interface ReasoningTriggerProps extends ComponentPropsWithRef<\n  typeof CollapsiblePrimitive.Trigger\n> {\n  /** Shown while reasoning is still arriving. */\n  streaming?: boolean;\n  label?: string;\n  streamingLabel?: string;\n}\n\nexport function ReasoningTrigger({\n  className,\n  streaming,\n  label = \"Reasoning\",\n  streamingLabel = \"Thinking…\",\n  children,\n  ...props\n}: ReasoningTriggerProps) {\n  return (\n    <CollapsiblePrimitive.Trigger\n      data-slot=\"reasoning-trigger\"\n      className={cn(\n        \"flex items-center gap-1.5 rounded-md text-xs text-muted-foreground\",\n        \"transition-colors duration-[var(--duration-fast)] hover:text-foreground\",\n        \"[&[data-state=open]>svg:last-child]:rotate-180\",\n        focusRing,\n        className,\n      )}\n      {...props}\n    >\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" className=\"size-3.5 shrink-0\">\n        <path\n          d=\"M9.5 21h5M12 3a6 6 0 0 1 3.6 10.8c-.6.5-.9 1.1-1 1.7l-.1.5h-5l-.1-.5c-.1-.6-.4-1.2-1-1.7A6 6 0 0 1 12 3Z\"\n          stroke=\"currentColor\"\n          strokeWidth=\"1.75\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n      {children ?? (streaming ? streamingLabel : label)}\n      <svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        aria-hidden=\"true\"\n        className=\"size-3.5 shrink-0 transition-transform duration-[var(--duration-normal)]\"\n      >\n        <path\n          d=\"m6 9 6 6 6-6\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    </CollapsiblePrimitive.Trigger>\n  );\n}\n\nexport function ReasoningContent({\n  className,\n  children,\n  ...props\n}: ComponentPropsWithRef<typeof CollapsiblePrimitive.Content>) {\n  return (\n    <CollapsiblePrimitive.Content\n      data-slot=\"reasoning-content\"\n      className={cn(\n        \"overflow-hidden\",\n        \"data-[state=closed]:animate-accordion-close data-[state=open]:animate-accordion-open\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"mt-2 border-l-2 border-border pl-3 text-sm whitespace-pre-wrap text-muted-foreground\">\n        {children}\n      </div>\n    </CollapsiblePrimitive.Content>\n  );\n}\n"],"mappings":";;;;;;AAkBA,SAAgB,UAAU,EAAE,WAAW,GAAG,SAAyB;CACjE,OACE,oBAACA,YAAqB,MAAtB;EACE,aAAU;EACV,WAAW,GAAG,WAAW,SAAS;EAClC,GAAI;CACL,CAAA;AAEL;AAWA,SAAgB,iBAAiB,EAC/B,WACA,WACA,QAAQ,aACR,iBAAiB,aACjB,UACA,GAAG,SACqB;CACxB,OACE,qBAACA,YAAqB,SAAtB;EACE,aAAU;EACV,WAAW,GACT,sEACA,2EACA,kDACA,WACA,SACF;EACA,GAAI;EATN,UAAA;GAWE,oBAAC,OAAD;IAAK,SAAQ;IAAY,MAAK;IAAO,eAAY;IAAO,WAAU;IAChE,UAAA,oBAAC,QAAD;KACE,GAAE;KACF,QAAO;KACP,aAAY;KACZ,eAAc;KACd,gBAAe;IAChB,CAAA;GACE,CAAA;GACJ,aAAa,YAAY,iBAAiB;GAC3C,oBAAC,OAAD;IACE,SAAQ;IACR,MAAK;IACL,eAAY;IACZ,WAAU;IAEV,UAAA,oBAAC,QAAD;KACE,GAAE;KACF,QAAO;KACP,aAAY;KACZ,eAAc;KACd,gBAAe;IAChB,CAAA;GACE,CAAA;EACuB;;AAElC;AAEA,SAAgB,iBAAiB,EAC/B,WACA,UACA,GAAG,SAC0D;CAC7D,OACE,oBAACA,YAAqB,SAAtB;EACE,aAAU;EACV,WAAW,GACT,mBACA,wFACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,OAAD;GAAK,WAAU;GACZ;EACE,CAAA;CACuB,CAAA;AAElC"}

package/dist/components/ai-reasoning/index.d.ts

@@ -0,0 +1,2 @@
+import { Reasoning, ReasoningContent, ReasoningProps, ReasoningTrigger, ReasoningTriggerProps } from "./ai-reasoning.js";
+export { Reasoning, ReasoningContent, type ReasoningProps, ReasoningTrigger, type ReasoningTriggerProps };

package/dist/components/ai-reasoning/index.js

@@ -0,0 +1,2 @@
+import { Reasoning, ReasoningContent, ReasoningTrigger } from "./ai-reasoning.js";
+export { Reasoning, ReasoningContent, ReasoningTrigger };

package/dist/components/ai-reasoning/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/ai-reasoning/meta.ts
+const meta = defineMeta({
+	name: "ai-reasoning",
+	title: "AI Reasoning",
+	description: "A collapsible disclosure for the model's reasoning.",
+	category: "ai",
+	status: "stable",
+	dependencies: ["radix-ui"],
+	registryDependencies: [],
+	files: ["ai-reasoning.tsx"],
+	a11y: "A standard disclosure with aria-expanded on the trigger. Collapsed by default because reasoning is supporting material — giving it the same weight as the answer buries the answer. The trigger's label changes while reasoning streams, so its accessible name matches what is happening."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/ai-reasoning/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/ai-reasoning/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"ai-reasoning\",\n  title: \"AI Reasoning\",\n  description: \"A collapsible disclosure for the model's reasoning.\",\n  category: \"ai\",\n  status: \"stable\",\n  dependencies: [\"radix-ui\"],\n  registryDependencies: [],\n  files: [\"ai-reasoning.tsx\"],\n  a11y:\n    \"A standard disclosure with aria-expanded on the trigger. Collapsed by default because \" +\n    \"reasoning is supporting material — giving it the same weight as the answer buries the \" +\n    \"answer. The trigger's label changes while reasoning streams, so its accessible name matches \" +\n    \"what is happening.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,UAAU;CACzB,sBAAsB,CAAC;CACvB,OAAO,CAAC,kBAAkB;CAC1B,MACE;AAIJ,CAAC"}

package/dist/components/ai-response/ai-response.d.ts

@@ -0,0 +1,36 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/components/ai-response/ai-response.d.ts
+/**
+ * The text of an assistant response.
+ *
+ * Renders plain text with paragraph whitespace preserved. Markdown is
+ * deliberately not parsed here: a Markdown renderer is a dependency, a security
+ * decision about raw HTML, and a styling surface all at once, and every product
+ * makes those differently. Pass already-rendered content as children when you
+ * need it — the prose styling below applies either way.
+ *
+ * Not a live region, and not by omission. See the note on `Conversation`:
+ * announcing streamed text token by token is unusable with a screen reader.
+ */
+interface ResponseProps extends ComponentPropsWithRef<"div"> {
+  /** Shows the caret. Purely visual — it carries no announcement. */
+  streaming?: boolean;
+}
+declare function Response({ className, streaming, children, ...props }: ResponseProps): import("react").JSX.Element;
+/** The trailing cursor. Decorative — the streaming state is announced, if at
+ * all, through ConversationStatus. */
+declare function ResponseCaret({ className, ...props }: ComponentPropsWithRef<"span">): import("react").JSX.Element;
+/**
+ * Shown while waiting for the first token.
+ *
+ * A distinct state from streaming: nothing has arrived yet, so there is no text
+ * to show a caret after. Labelled for assistive technology because, unlike the
+ * caret, this is the only thing on screen.
+ */
+interface ThinkingIndicatorProps extends ComponentPropsWithRef<"div"> {
+  label?: string;
+}
+declare function ThinkingIndicator({ className, label, ...props }: ThinkingIndicatorProps): import("react").JSX.Element;
+//#endregion
+export { Response, ResponseCaret, ResponseProps, ThinkingIndicator, ThinkingIndicatorProps };
+//# sourceMappingURL=ai-response.d.ts.map

package/dist/components/ai-response/ai-response.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-response.d.ts","names":[],"sources":["../../../src/components/ai-response/ai-response.tsx"],"mappings":";;;;;;;;;;;;;;UAkBiB,sBAAsB;;EAErC;;iBAGc,WAAW,WAAW,WAAW,aAAa,SAAS,gCAAa,IAAA;;;iBAwBpE,gBAAgB,cAAc,SAAS,gDAA6B,IAAA;;;;;;;;UAqBnE,+BAA+B;EAC9C;;iBAGc,oBACd,WACA,UACG,SACF,yCAAsB,IAAA"}

package/dist/components/ai-response/ai-response.js

@@ -0,0 +1,46 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/ai-response/ai-response.tsx
+function Response({ className, streaming, children, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "response",
+		"data-streaming": streaming || void 0,
+		className: cn("text-sm leading-relaxed whitespace-pre-wrap text-foreground", "[&_a]:text-primary [&_a]:underline [&_a]:underline-offset-4", "[&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-[0.9em]", "[&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-5", "[&_p+p]:mt-3", className),
+		...props,
+		children: [children, streaming ? /* @__PURE__ */ jsx(ResponseCaret, {}) : null]
+	});
+}
+/** The trailing cursor. Decorative — the streaming state is announced, if at
+* all, through ConversationStatus. */
+function ResponseCaret({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "response-caret",
+		"aria-hidden": "true",
+		className: cn("ml-0.5 inline-block h-[1em] w-[2px] translate-y-[0.15em] animate-caret bg-current align-baseline", className),
+		...props
+	});
+}
+function ThinkingIndicator({ className, label = "Thinking", ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "thinking-indicator",
+		className: cn("flex items-center gap-1.5 text-sm text-muted-foreground", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: label
+		}), [
+			0,
+			1,
+			2
+		].map((index) => /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			className: "size-1.5 animate-pulse-soft rounded-full bg-current",
+			style: { animationDelay: `${String(index * 160)}ms` }
+		}, index))]
+	});
+}
+//#endregion
+export { Response, ResponseCaret, ThinkingIndicator };
+
+//# sourceMappingURL=ai-response.js.map

package/dist/components/ai-response/ai-response.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-response.js","names":[],"sources":["../../../src/components/ai-response/ai-response.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/**\n * The text of an assistant response.\n *\n * Renders plain text with paragraph whitespace preserved. Markdown is\n * deliberately not parsed here: a Markdown renderer is a dependency, a security\n * decision about raw HTML, and a styling surface all at once, and every product\n * makes those differently. Pass already-rendered content as children when you\n * need it — the prose styling below applies either way.\n *\n * Not a live region, and not by omission. See the note on `Conversation`:\n * announcing streamed text token by token is unusable with a screen reader.\n */\nexport interface ResponseProps extends ComponentPropsWithRef<\"div\"> {\n  /** Shows the caret. Purely visual — it carries no announcement. */\n  streaming?: boolean;\n}\n\nexport function Response({ className, streaming, children, ...props }: ResponseProps) {\n  return (\n    <div\n      data-slot=\"response\"\n      data-streaming={streaming || undefined}\n      className={cn(\n        \"text-sm leading-relaxed whitespace-pre-wrap text-foreground\",\n        // Minimal prose styling for consumers who pass rendered Markdown.\n        \"[&_a]:text-primary [&_a]:underline [&_a]:underline-offset-4\",\n        \"[&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-[0.9em]\",\n        \"[&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-5\",\n        \"[&_p+p]:mt-3\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {streaming ? <ResponseCaret /> : null}\n    </div>\n  );\n}\n\n/** The trailing cursor. Decorative — the streaming state is announced, if at\n * all, through ConversationStatus. */\nexport function ResponseCaret({ className, ...props }: ComponentPropsWithRef<\"span\">) {\n  return (\n    <span\n      data-slot=\"response-caret\"\n      aria-hidden=\"true\"\n      className={cn(\n        \"ml-0.5 inline-block h-[1em] w-[2px] translate-y-[0.15em] animate-caret bg-current align-baseline\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Shown while waiting for the first token.\n *\n * A distinct state from streaming: nothing has arrived yet, so there is no text\n * to show a caret after. Labelled for assistive technology because, unlike the\n * caret, this is the only thing on screen.\n */\nexport interface ThinkingIndicatorProps extends ComponentPropsWithRef<\"div\"> {\n  label?: string;\n}\n\nexport function ThinkingIndicator({\n  className,\n  label = \"Thinking\",\n  ...props\n}: ThinkingIndicatorProps) {\n  return (\n    <div\n      data-slot=\"thinking-indicator\"\n      className={cn(\"flex items-center gap-1.5 text-sm text-muted-foreground\", className)}\n      {...props}\n    >\n      <span className=\"sr-only\">{label}</span>\n      {[0, 1, 2].map((index) => (\n        <span\n          key={index}\n          aria-hidden=\"true\"\n          className=\"size-1.5 animate-pulse-soft rounded-full bg-current\"\n          style={{ animationDelay: `${String(index * 160)}ms` }}\n        />\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;AAuBA,SAAgB,SAAS,EAAE,WAAW,WAAW,UAAU,GAAG,SAAwB;CACpF,OACE,qBAAC,OAAD;EACE,aAAU;EACV,kBAAgB,aAAa,KAAA;EAC7B,WAAW,GACT,+DAEA,+DACA,6GACA,wFACA,gBACA,SACF;EACA,GAAI;EAZN,UAAA,CAcG,UACA,YAAY,oBAAC,eAAD,CAAgB,CAAA,IAAI,IAC9B;;AAET;;;AAIA,SAAgB,cAAc,EAAE,WAAW,GAAG,SAAwC;CACpF,OACE,oBAAC,QAAD;EACE,aAAU;EACV,eAAY;EACZ,WAAW,GACT,oGACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAaA,SAAgB,kBAAkB,EAChC,WACA,QAAQ,YACR,GAAG,SACsB;CACzB,OACE,qBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,2DAA2D,SAAS;EAClF,GAAI;EAHN,UAAA,CAKE,oBAAC,QAAD;GAAM,WAAU;GAAW,UAAA;EAAY,CAAA,GACtC;GAAC;GAAG;GAAG;EAAC,CAAC,CAAC,KAAK,UACd,oBAAC,QAAD;GAEE,eAAY;GACZ,WAAU;GACV,OAAO,EAAE,gBAAgB,GAAG,OAAO,QAAQ,GAAG,EAAE,IAAI;EACrD,GAJM,KAIN,CACF,CACE;;AAET"}

package/dist/components/ai-response/index.d.ts

@@ -0,0 +1,2 @@
+import { Response, ResponseCaret, ResponseProps, ThinkingIndicator, ThinkingIndicatorProps } from "./ai-response.js";
+export { Response, ResponseCaret, type ResponseProps, ThinkingIndicator, type ThinkingIndicatorProps };

package/dist/components/ai-response/index.js

@@ -0,0 +1,2 @@
+import { Response, ResponseCaret, ThinkingIndicator } from "./ai-response.js";
+export { Response, ResponseCaret, ThinkingIndicator };

package/dist/components/ai-response/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/ai-response/meta.ts
+const meta = defineMeta({
+	name: "ai-response",
+	title: "AI Response",
+	description: "Assistant response text, with a streaming caret and a thinking indicator.",
+	category: "ai",
+	status: "stable",
+	dependencies: [],
+	registryDependencies: [],
+	files: ["ai-response.tsx"],
+	a11y: "Deliberately not a live region: announcing streamed text as it arrives interrupts a screen reader user on every token. Announce state through ConversationStatus and let them read the response when it settles. The caret is decorative; ThinkingIndicator carries a label because it is the only thing on screen while waiting for the first token."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/ai-response/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/ai-response/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"ai-response\",\n  title: \"AI Response\",\n  description: \"Assistant response text, with a streaming caret and a thinking indicator.\",\n  category: \"ai\",\n  status: \"stable\",\n  dependencies: [],\n  registryDependencies: [],\n  files: [\"ai-response.tsx\"],\n  a11y:\n    \"Deliberately not a live region: announcing streamed text as it arrives interrupts a screen \" +\n    \"reader user on every token. Announce state through ConversationStatus and let them read the \" +\n    \"response when it settles. The caret is decorative; ThinkingIndicator carries a label because \" +\n    \"it is the only thing on screen while waiting for the first token.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC;CACf,sBAAsB,CAAC;CACvB,OAAO,CAAC,iBAAiB;CACzB,MACE;AAIJ,CAAC"}