@assistant-ui/react 0.5.92 → 0.5.93

package/dist/ui/base/tooltip.js

@@ -0,0 +1,56 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var tooltip_exports = {};
+__export(tooltip_exports, {
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  TooltipTrigger: () => TooltipTrigger
+});
+module.exports = __toCommonJS(tooltip_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
+var import_withDefaults = require("../utils/withDefaults");
+const Tooltip = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPrimitive.Provider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPrimitive.Root, { ...props }) });
+};
+Tooltip.displayName = "Tooltip";
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipContent = (0, import_withDefaults.withDefaults)(TooltipPrimitive.Content, {
+  sideOffset: 4,
+  className: "aui-tooltip-content"
+});
+TooltipContent.displayName = "TooltipContent";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger
+});
+//# sourceMappingURL=tooltip.js.map

package/dist/ui/base/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/base/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { withDefaults } from \"../utils/withDefaults\";\nimport { FC } from \"react\";\n\nexport const Tooltip: FC<TooltipPrimitive.TooltipProps> = (props) => {\n  return (\n    <TooltipPrimitive.Provider>\n      <TooltipPrimitive.Root {...props} />\n    </TooltipPrimitive.Provider>\n  );\n};\n\nTooltip.displayName = \"Tooltip\";\n\nexport const TooltipTrigger = TooltipPrimitive.Trigger;\n\nexport const TooltipContent = withDefaults(TooltipPrimitive.Content, {\n  sideOffset: 4,\n  className: \"aui-tooltip-content\",\n});\n\nTooltipContent.displayName = \"TooltipContent\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASM;AAPN,uBAAkC;AAClC,0BAA6B;AAGtB,MAAM,UAA6C,CAAC,UAAU;AACnE,SACE,4CAAC,iBAAiB,UAAjB,EACC,sDAAC,iBAAiB,MAAjB,EAAuB,GAAG,OAAO,GACpC;AAEJ;AAEA,QAAQ,cAAc;AAEf,MAAM,iBAAiB,iBAAiB;AAExC,MAAM,qBAAiB,kCAAa,iBAAiB,SAAS;AAAA,EACnE,YAAY;AAAA,EACZ,WAAW;AACb,CAAC;AAED,eAAe,cAAc;","names":[]}

package/dist/ui/base/tooltip.mjs

@@ -0,0 +1,20 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { withDefaults } from "../utils/withDefaults";
+const Tooltip = (props) => {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { ...props }) });
+};
+Tooltip.displayName = "Tooltip";
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipContent = withDefaults(TooltipPrimitive.Content, {
+  sideOffset: 4,
+  className: "aui-tooltip-content"
+});
+TooltipContent.displayName = "TooltipContent";
+export {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger
+};
+//# sourceMappingURL=tooltip.mjs.map

package/dist/ui/base/tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/base/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { withDefaults } from \"../utils/withDefaults\";\nimport { FC } from \"react\";\n\nexport const Tooltip: FC<TooltipPrimitive.TooltipProps> = (props) => {\n  return (\n    <TooltipPrimitive.Provider>\n      <TooltipPrimitive.Root {...props} />\n    </TooltipPrimitive.Provider>\n  );\n};\n\nTooltip.displayName = \"Tooltip\";\n\nexport const TooltipTrigger = TooltipPrimitive.Trigger;\n\nexport const TooltipContent = withDefaults(TooltipPrimitive.Content, {\n  sideOffset: 4,\n  className: \"aui-tooltip-content\",\n});\n\nTooltipContent.displayName = \"TooltipContent\";\n"],"mappings":";AASM;AAPN,YAAY,sBAAsB;AAClC,SAAS,oBAAoB;AAGtB,MAAM,UAA6C,CAAC,UAAU;AACnE,SACE,oBAAC,iBAAiB,UAAjB,EACC,8BAAC,iBAAiB,MAAjB,EAAuB,GAAG,OAAO,GACpC;AAEJ;AAEA,QAAQ,cAAc;AAEf,MAAM,iBAAiB,iBAAiB;AAExC,MAAM,iBAAiB,aAAa,iBAAiB,SAAS;AAAA,EACnE,YAAY;AAAA,EACZ,WAAW;AACb,CAAC;AAED,eAAe,cAAc;","names":[]}

package/dist/ui/branch-picker.d.ts

@@ -0,0 +1,17 @@
+import { type FC } from "react";
+import { TooltipIconButtonProps } from "./base/tooltip-icon-button";
+declare const BranchPicker: FC;
+declare const exports: {
+    Root: import("react").ForwardRefExoticComponent<Partial<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean;
+    }, "ref"> & {
+        hideWhenSingleBranch?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>, "ref">> & import("react").RefAttributes<HTMLDivElement>>;
+    Previous: import("react").ForwardRefExoticComponent<Partial<TooltipIconButtonProps> & import("react").RefAttributes<HTMLButtonElement>>;
+    Next: import("react").ForwardRefExoticComponent<Partial<TooltipIconButtonProps> & import("react").RefAttributes<HTMLButtonElement>>;
+};
+declare const _default: typeof BranchPicker & typeof exports;
+export default _default;
+//# sourceMappingURL=branch-picker.d.ts.map

package/dist/ui/branch-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"branch-picker.d.ts","sourceRoot":"","sources":["../../src/ui/branch-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGtE,OAAO,EAEL,sBAAsB,EACvB,MAAM,4BAA4B,CAAC;AAYpC,QAAA,MAAM,YAAY,EAAE,EAUnB,CAAC;AAkFF,QAAA,MAAM,OAAO;;;;;;;;;;CAIZ,CAAC;wBAEqD,OAAO,YAAY,GACxE,OAAO,OAAO;AADhB,wBACiB"}

package/dist/ui/branch-picker.js

@@ -0,0 +1,87 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var branch_picker_exports = {};
+__export(branch_picker_exports, {
+  default: () => branch_picker_default
+});
+module.exports = __toCommonJS(branch_picker_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_lucide_react = require("lucide-react");
+var import_tooltip_icon_button = require("./base/tooltip-icon-button");
+var import_withDefaults = require("./utils/withDefaults");
+var import_thread_config = require("./thread-config");
+var import_primitives = require("../primitives");
+var import_context = require("../context");
+const useAllowBranchPicker = (ensureCapability = false) => {
+  const { branchPicker: { allowBranchPicker = true } = {} } = (0, import_thread_config.useThreadConfig)();
+  const branchPickerSupported = (0, import_context.useThread)((t) => t.capabilities.edit);
+  return allowBranchPicker && (!ensureCapability || branchPickerSupported);
+};
+const BranchPicker = () => {
+  const allowBranchPicker = useAllowBranchPicker(true);
+  if (!allowBranchPicker) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(BranchPickerRoot, { hideWhenSingleBranch: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BranchPickerPrevious, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BranchPickerState, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BranchPickerNext, {})
+  ] });
+};
+BranchPicker.displayName = "BranchPicker";
+const BranchPickerRoot = (0, import_withDefaults.withDefaults)(import_primitives.BranchPickerPrimitive.Root, {
+  className: "aui-branch-picker-root"
+});
+BranchPickerRoot.displayName = "BranchPickerRoot";
+const BranchPickerPrevious = (0, import_react.forwardRef)((props, ref) => {
+  const {
+    strings: {
+      branchPicker: { previous: { tooltip = "Previous" } = {} } = {}
+    } = {}
+  } = (0, import_thread_config.useThreadConfig)();
+  const allowBranchPicker = useAllowBranchPicker();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.BranchPickerPrimitive.Previous, { disabled: !allowBranchPicker, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip_icon_button.TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronLeftIcon, {}) }) });
+});
+BranchPickerPrevious.displayName = "BranchPickerPrevious";
+const BranchPickerStateWrapper = (0, import_withDefaults.withDefaults)("span", {
+  className: "aui-branch-picker-state"
+});
+const BranchPickerState = (0, import_react.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(BranchPickerStateWrapper, { ...props, ref, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.BranchPickerPrimitive.Number, {}),
+    " / ",
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.BranchPickerPrimitive.Count, {})
+  ] });
+});
+BranchPickerState.displayName = "BranchPickerState";
+const BranchPickerNext = (0, import_react.forwardRef)((props, ref) => {
+  const {
+    strings: { branchPicker: { next: { tooltip = "Next" } = {} } = {} } = {}
+  } = (0, import_thread_config.useThreadConfig)();
+  const allowBranchPicker = useAllowBranchPicker();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.BranchPickerPrimitive.Next, { disabled: !allowBranchPicker, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip_icon_button.TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronRightIcon, {}) }) });
+});
+BranchPickerNext.displayName = "BranchPickerNext";
+const exports2 = {
+  Root: BranchPickerRoot,
+  Previous: BranchPickerPrevious,
+  Next: BranchPickerNext
+};
+var branch_picker_default = Object.assign(BranchPicker, exports2);
+//# sourceMappingURL=branch-picker.js.map

package/dist/ui/branch-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/branch-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { ComponentPropsWithoutRef, forwardRef, type FC } from \"react\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\";\n\nimport {\n  TooltipIconButton,\n  TooltipIconButtonProps,\n} from \"./base/tooltip-icon-button\";\nimport { withDefaults } from \"./utils/withDefaults\";\nimport { useThreadConfig } from \"./thread-config\";\nimport { BranchPickerPrimitive } from \"../primitives\";\nimport { useThread } from \"../context\";\n\nconst useAllowBranchPicker = (ensureCapability = false) => {\n  const { branchPicker: { allowBranchPicker = true } = {} } = useThreadConfig();\n  const branchPickerSupported = useThread((t) => t.capabilities.edit);\n  return allowBranchPicker && (!ensureCapability || branchPickerSupported);\n};\n\nconst BranchPicker: FC = () => {\n  const allowBranchPicker = useAllowBranchPicker(true);\n  if (!allowBranchPicker) return null;\n  return (\n    <BranchPickerRoot hideWhenSingleBranch>\n      <BranchPickerPrevious />\n      <BranchPickerState />\n      <BranchPickerNext />\n    </BranchPickerRoot>\n  );\n};\n\nBranchPicker.displayName = \"BranchPicker\";\n\nconst BranchPickerRoot = withDefaults(BranchPickerPrimitive.Root, {\n  className: \"aui-branch-picker-root\",\n});\n\nBranchPickerRoot.displayName = \"BranchPickerRoot\";\n\nnamespace BranchPickerPrevious {\n  export type Element = BranchPickerPrimitive.Previous.Element;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst BranchPickerPrevious = forwardRef<\n  BranchPickerPrevious.Element,\n  BranchPickerPrevious.Props\n>((props, ref) => {\n  const {\n    strings: {\n      branchPicker: { previous: { tooltip = \"Previous\" } = {} } = {},\n    } = {},\n  } = useThreadConfig();\n  const allowBranchPicker = useAllowBranchPicker();\n  return (\n    <BranchPickerPrimitive.Previous disabled={!allowBranchPicker} asChild>\n      <TooltipIconButton tooltip={tooltip} {...props} ref={ref}>\n        {props.children ?? <ChevronLeftIcon />}\n      </TooltipIconButton>\n    </BranchPickerPrimitive.Previous>\n  );\n});\n\nBranchPickerPrevious.displayName = \"BranchPickerPrevious\";\n\nconst BranchPickerStateWrapper = withDefaults(\"span\", {\n  className: \"aui-branch-picker-state\",\n});\n\nnamespace BranchPickerState {\n  export type Element = HTMLSpanElement;\n  export type Props = ComponentPropsWithoutRef<\"span\">;\n}\n\nconst BranchPickerState = forwardRef<\n  BranchPickerState.Element,\n  BranchPickerState.Props\n>((props, ref) => {\n  return (\n    <BranchPickerStateWrapper {...props} ref={ref}>\n      <BranchPickerPrimitive.Number /> / <BranchPickerPrimitive.Count />\n    </BranchPickerStateWrapper>\n  );\n});\n\nBranchPickerState.displayName = \"BranchPickerState\";\n\nnamespace BranchPickerNext {\n  export type Element = BranchPickerPrimitive.Next.Element;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst BranchPickerNext = forwardRef<\n  BranchPickerNext.Element,\n  BranchPickerNext.Props\n>((props, ref) => {\n  const {\n    strings: { branchPicker: { next: { tooltip = \"Next\" } = {} } = {} } = {},\n  } = useThreadConfig();\n  const allowBranchPicker = useAllowBranchPicker();\n  return (\n    <BranchPickerPrimitive.Next disabled={!allowBranchPicker} asChild>\n      <TooltipIconButton tooltip={tooltip} {...props} ref={ref}>\n        {props.children ?? <ChevronRightIcon />}\n      </TooltipIconButton>\n    </BranchPickerPrimitive.Next>\n  );\n});\n\nBranchPickerNext.displayName = \"BranchPickerNext\";\n\nconst exports = {\n  Root: BranchPickerRoot,\n  Previous: BranchPickerPrevious,\n  Next: BranchPickerNext,\n};\n\nexport default Object.assign(BranchPicker, exports) as typeof BranchPicker &\n  typeof exports;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBI;AAtBJ,mBAA8D;AAC9D,0BAAkD;AAElD,iCAGO;AACP,0BAA6B;AAC7B,2BAAgC;AAChC,wBAAsC;AACtC,qBAA0B;AAE1B,MAAM,uBAAuB,CAAC,mBAAmB,UAAU;AACzD,QAAM,EAAE,cAAc,EAAE,oBAAoB,KAAK,IAAI,CAAC,EAAE,QAAI,sCAAgB;AAC5E,QAAM,4BAAwB,0BAAU,CAAC,MAAM,EAAE,aAAa,IAAI;AAClE,SAAO,sBAAsB,CAAC,oBAAoB;AACpD;AAEA,MAAM,eAAmB,MAAM;AAC7B,QAAM,oBAAoB,qBAAqB,IAAI;AACnD,MAAI,CAAC,kBAAmB,QAAO;AAC/B,SACE,6CAAC,oBAAiB,sBAAoB,MACpC;AAAA,gDAAC,wBAAqB;AAAA,IACtB,4CAAC,qBAAkB;AAAA,IACnB,4CAAC,oBAAiB;AAAA,KACpB;AAEJ;AAEA,aAAa,cAAc;AAE3B,MAAM,uBAAmB,kCAAa,wCAAsB,MAAM;AAAA,EAChE,WAAW;AACb,CAAC;AAED,iBAAiB,cAAc;AAO/B,MAAM,2BAAuB,yBAG3B,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ,SAAS;AAAA,MACP,cAAc,EAAE,UAAU,EAAE,UAAU,WAAW,IAAI,CAAC,EAAE,IAAI,CAAC;AAAA,IAC/D,IAAI,CAAC;AAAA,EACP,QAAI,sCAAgB;AACpB,QAAM,oBAAoB,qBAAqB;AAC/C,SACE,4CAAC,wCAAsB,UAAtB,EAA+B,UAAU,CAAC,mBAAmB,SAAO,MACnE,sDAAC,gDAAkB,SAAmB,GAAG,OAAO,KAC7C,gBAAM,YAAY,4CAAC,uCAAgB,GACtC,GACF;AAEJ,CAAC;AAED,qBAAqB,cAAc;AAEnC,MAAM,+BAA2B,kCAAa,QAAQ;AAAA,EACpD,WAAW;AACb,CAAC;AAOD,MAAM,wBAAoB,yBAGxB,CAAC,OAAO,QAAQ;AAChB,SACE,6CAAC,4BAA0B,GAAG,OAAO,KACnC;AAAA,gDAAC,wCAAsB,QAAtB,EAA6B;AAAA,IAAE;AAAA,IAAG,4CAAC,wCAAsB,OAAtB,EAA4B;AAAA,KAClE;AAEJ,CAAC;AAED,kBAAkB,cAAc;AAOhC,MAAM,uBAAmB,yBAGvB,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,OAAO,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC;AAAA,EACzE,QAAI,sCAAgB;AACpB,QAAM,oBAAoB,qBAAqB;AAC/C,SACE,4CAAC,wCAAsB,MAAtB,EAA2B,UAAU,CAAC,mBAAmB,SAAO,MAC/D,sDAAC,gDAAkB,SAAmB,GAAG,OAAO,KAC7C,gBAAM,YAAY,4CAAC,wCAAiB,GACvC,GACF;AAEJ,CAAC;AAED,iBAAiB,cAAc;AAE/B,MAAMA,WAAU;AAAA,EACd,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AACR;AAEA,IAAO,wBAAQ,OAAO,OAAO,cAAcA,QAAO;","names":["exports"]}

package/dist/ui/branch-picker.mjs

@@ -0,0 +1,69 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import {
+  TooltipIconButton
+} from "./base/tooltip-icon-button";
+import { withDefaults } from "./utils/withDefaults";
+import { useThreadConfig } from "./thread-config";
+import { BranchPickerPrimitive } from "../primitives";
+import { useThread } from "../context";
+const useAllowBranchPicker = (ensureCapability = false) => {
+  const { branchPicker: { allowBranchPicker = true } = {} } = useThreadConfig();
+  const branchPickerSupported = useThread((t) => t.capabilities.edit);
+  return allowBranchPicker && (!ensureCapability || branchPickerSupported);
+};
+const BranchPicker = () => {
+  const allowBranchPicker = useAllowBranchPicker(true);
+  if (!allowBranchPicker) return null;
+  return /* @__PURE__ */ jsxs(BranchPickerRoot, { hideWhenSingleBranch: true, children: [
+    /* @__PURE__ */ jsx(BranchPickerPrevious, {}),
+    /* @__PURE__ */ jsx(BranchPickerState, {}),
+    /* @__PURE__ */ jsx(BranchPickerNext, {})
+  ] });
+};
+BranchPicker.displayName = "BranchPicker";
+const BranchPickerRoot = withDefaults(BranchPickerPrimitive.Root, {
+  className: "aui-branch-picker-root"
+});
+BranchPickerRoot.displayName = "BranchPickerRoot";
+const BranchPickerPrevious = forwardRef((props, ref) => {
+  const {
+    strings: {
+      branchPicker: { previous: { tooltip = "Previous" } = {} } = {}
+    } = {}
+  } = useThreadConfig();
+  const allowBranchPicker = useAllowBranchPicker();
+  return /* @__PURE__ */ jsx(BranchPickerPrimitive.Previous, { disabled: !allowBranchPicker, asChild: true, children: /* @__PURE__ */ jsx(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx(ChevronLeftIcon, {}) }) });
+});
+BranchPickerPrevious.displayName = "BranchPickerPrevious";
+const BranchPickerStateWrapper = withDefaults("span", {
+  className: "aui-branch-picker-state"
+});
+const BranchPickerState = forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxs(BranchPickerStateWrapper, { ...props, ref, children: [
+    /* @__PURE__ */ jsx(BranchPickerPrimitive.Number, {}),
+    " / ",
+    /* @__PURE__ */ jsx(BranchPickerPrimitive.Count, {})
+  ] });
+});
+BranchPickerState.displayName = "BranchPickerState";
+const BranchPickerNext = forwardRef((props, ref) => {
+  const {
+    strings: { branchPicker: { next: { tooltip = "Next" } = {} } = {} } = {}
+  } = useThreadConfig();
+  const allowBranchPicker = useAllowBranchPicker();
+  return /* @__PURE__ */ jsx(BranchPickerPrimitive.Next, { disabled: !allowBranchPicker, asChild: true, children: /* @__PURE__ */ jsx(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx(ChevronRightIcon, {}) }) });
+});
+BranchPickerNext.displayName = "BranchPickerNext";
+const exports = {
+  Root: BranchPickerRoot,
+  Previous: BranchPickerPrevious,
+  Next: BranchPickerNext
+};
+var branch_picker_default = Object.assign(BranchPicker, exports);
+export {
+  branch_picker_default as default
+};
+//# sourceMappingURL=branch-picker.mjs.map

package/dist/ui/branch-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/branch-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { ComponentPropsWithoutRef, forwardRef, type FC } from \"react\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\";\n\nimport {\n  TooltipIconButton,\n  TooltipIconButtonProps,\n} from \"./base/tooltip-icon-button\";\nimport { withDefaults } from \"./utils/withDefaults\";\nimport { useThreadConfig } from \"./thread-config\";\nimport { BranchPickerPrimitive } from \"../primitives\";\nimport { useThread } from \"../context\";\n\nconst useAllowBranchPicker = (ensureCapability = false) => {\n  const { branchPicker: { allowBranchPicker = true } = {} } = useThreadConfig();\n  const branchPickerSupported = useThread((t) => t.capabilities.edit);\n  return allowBranchPicker && (!ensureCapability || branchPickerSupported);\n};\n\nconst BranchPicker: FC = () => {\n  const allowBranchPicker = useAllowBranchPicker(true);\n  if (!allowBranchPicker) return null;\n  return (\n    <BranchPickerRoot hideWhenSingleBranch>\n      <BranchPickerPrevious />\n      <BranchPickerState />\n      <BranchPickerNext />\n    </BranchPickerRoot>\n  );\n};\n\nBranchPicker.displayName = \"BranchPicker\";\n\nconst BranchPickerRoot = withDefaults(BranchPickerPrimitive.Root, {\n  className: \"aui-branch-picker-root\",\n});\n\nBranchPickerRoot.displayName = \"BranchPickerRoot\";\n\nnamespace BranchPickerPrevious {\n  export type Element = BranchPickerPrimitive.Previous.Element;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst BranchPickerPrevious = forwardRef<\n  BranchPickerPrevious.Element,\n  BranchPickerPrevious.Props\n>((props, ref) => {\n  const {\n    strings: {\n      branchPicker: { previous: { tooltip = \"Previous\" } = {} } = {},\n    } = {},\n  } = useThreadConfig();\n  const allowBranchPicker = useAllowBranchPicker();\n  return (\n    <BranchPickerPrimitive.Previous disabled={!allowBranchPicker} asChild>\n      <TooltipIconButton tooltip={tooltip} {...props} ref={ref}>\n        {props.children ?? <ChevronLeftIcon />}\n      </TooltipIconButton>\n    </BranchPickerPrimitive.Previous>\n  );\n});\n\nBranchPickerPrevious.displayName = \"BranchPickerPrevious\";\n\nconst BranchPickerStateWrapper = withDefaults(\"span\", {\n  className: \"aui-branch-picker-state\",\n});\n\nnamespace BranchPickerState {\n  export type Element = HTMLSpanElement;\n  export type Props = ComponentPropsWithoutRef<\"span\">;\n}\n\nconst BranchPickerState = forwardRef<\n  BranchPickerState.Element,\n  BranchPickerState.Props\n>((props, ref) => {\n  return (\n    <BranchPickerStateWrapper {...props} ref={ref}>\n      <BranchPickerPrimitive.Number /> / <BranchPickerPrimitive.Count />\n    </BranchPickerStateWrapper>\n  );\n});\n\nBranchPickerState.displayName = \"BranchPickerState\";\n\nnamespace BranchPickerNext {\n  export type Element = BranchPickerPrimitive.Next.Element;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst BranchPickerNext = forwardRef<\n  BranchPickerNext.Element,\n  BranchPickerNext.Props\n>((props, ref) => {\n  const {\n    strings: { branchPicker: { next: { tooltip = \"Next\" } = {} } = {} } = {},\n  } = useThreadConfig();\n  const allowBranchPicker = useAllowBranchPicker();\n  return (\n    <BranchPickerPrimitive.Next disabled={!allowBranchPicker} asChild>\n      <TooltipIconButton tooltip={tooltip} {...props} ref={ref}>\n        {props.children ?? <ChevronRightIcon />}\n      </TooltipIconButton>\n    </BranchPickerPrimitive.Next>\n  );\n});\n\nBranchPickerNext.displayName = \"BranchPickerNext\";\n\nconst exports = {\n  Root: BranchPickerRoot,\n  Previous: BranchPickerPrevious,\n  Next: BranchPickerNext,\n};\n\nexport default Object.assign(BranchPicker, exports) as typeof BranchPicker &\n  typeof exports;\n"],"mappings":";AAwBI,SACE,KADF;AAtBJ,SAAmC,kBAA2B;AAC9D,SAAS,iBAAiB,wBAAwB;AAElD;AAAA,EACE;AAAA,OAEK;AACP,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,SAAS,iBAAiB;AAE1B,MAAM,uBAAuB,CAAC,mBAAmB,UAAU;AACzD,QAAM,EAAE,cAAc,EAAE,oBAAoB,KAAK,IAAI,CAAC,EAAE,IAAI,gBAAgB;AAC5E,QAAM,wBAAwB,UAAU,CAAC,MAAM,EAAE,aAAa,IAAI;AAClE,SAAO,sBAAsB,CAAC,oBAAoB;AACpD;AAEA,MAAM,eAAmB,MAAM;AAC7B,QAAM,oBAAoB,qBAAqB,IAAI;AACnD,MAAI,CAAC,kBAAmB,QAAO;AAC/B,SACE,qBAAC,oBAAiB,sBAAoB,MACpC;AAAA,wBAAC,wBAAqB;AAAA,IACtB,oBAAC,qBAAkB;AAAA,IACnB,oBAAC,oBAAiB;AAAA,KACpB;AAEJ;AAEA,aAAa,cAAc;AAE3B,MAAM,mBAAmB,aAAa,sBAAsB,MAAM;AAAA,EAChE,WAAW;AACb,CAAC;AAED,iBAAiB,cAAc;AAO/B,MAAM,uBAAuB,WAG3B,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ,SAAS;AAAA,MACP,cAAc,EAAE,UAAU,EAAE,UAAU,WAAW,IAAI,CAAC,EAAE,IAAI,CAAC;AAAA,IAC/D,IAAI,CAAC;AAAA,EACP,IAAI,gBAAgB;AACpB,QAAM,oBAAoB,qBAAqB;AAC/C,SACE,oBAAC,sBAAsB,UAAtB,EAA+B,UAAU,CAAC,mBAAmB,SAAO,MACnE,8BAAC,qBAAkB,SAAmB,GAAG,OAAO,KAC7C,gBAAM,YAAY,oBAAC,mBAAgB,GACtC,GACF;AAEJ,CAAC;AAED,qBAAqB,cAAc;AAEnC,MAAM,2BAA2B,aAAa,QAAQ;AAAA,EACpD,WAAW;AACb,CAAC;AAOD,MAAM,oBAAoB,WAGxB,CAAC,OAAO,QAAQ;AAChB,SACE,qBAAC,4BAA0B,GAAG,OAAO,KACnC;AAAA,wBAAC,sBAAsB,QAAtB,EAA6B;AAAA,IAAE;AAAA,IAAG,oBAAC,sBAAsB,OAAtB,EAA4B;AAAA,KAClE;AAEJ,CAAC;AAED,kBAAkB,cAAc;AAOhC,MAAM,mBAAmB,WAGvB,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,OAAO,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC;AAAA,EACzE,IAAI,gBAAgB;AACpB,QAAM,oBAAoB,qBAAqB;AAC/C,SACE,oBAAC,sBAAsB,MAAtB,EAA2B,UAAU,CAAC,mBAAmB,SAAO,MAC/D,8BAAC,qBAAkB,SAAmB,GAAG,OAAO,KAC7C,gBAAM,YAAY,oBAAC,oBAAiB,GACvC,GACF;AAEJ,CAAC;AAED,iBAAiB,cAAc;AAE/B,MAAM,UAAU;AAAA,EACd,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AACR;AAEA,IAAO,wBAAQ,OAAO,OAAO,cAAc,OAAO;","names":[]}

package/dist/ui/composer.d.ts

@@ -0,0 +1,51 @@
+import { ComponentPropsWithoutRef, type FC } from "react";
+import { TooltipIconButtonProps } from "./base/tooltip-icon-button";
+import { ComposerPrimitive } from "../primitives";
+declare const Composer: FC;
+declare const ComposerInputStyled: import("react").ForwardRefExoticComponent<Partial<Omit<import("react-textarea-autosize").TextareaAutosizeProps & {
+    asChild?: boolean | undefined;
+    submitOnEnter?: boolean | undefined;
+    cancelOnEscape?: boolean | undefined;
+    unstable_focusOnRunStart?: boolean | undefined;
+    unstable_focusOnScrollToBottom?: boolean | undefined;
+    unstable_focusOnThreadSwitched?: boolean | undefined;
+} & import("react").RefAttributes<HTMLTextAreaElement>, "ref">> & import("react").RefAttributes<HTMLTextAreaElement>>;
+declare namespace ComposerInput {
+    type Element = HTMLTextAreaElement;
+    type Props = ComponentPropsWithoutRef<typeof ComposerInputStyled>;
+}
+/**
+ * @deprecated Use `ComposerInput.Props` instead. This will be removed in 0.6.
+ */
+export type ComposerInputProps = ComposerInput.Props;
+declare const ComposerInput: import("react").ForwardRefExoticComponent<Omit<Partial<Omit<import("react-textarea-autosize").TextareaAutosizeProps & {
+    asChild?: boolean | undefined;
+    submitOnEnter?: boolean | undefined;
+    cancelOnEscape?: boolean | undefined;
+    unstable_focusOnRunStart?: boolean | undefined;
+    unstable_focusOnScrollToBottom?: boolean | undefined;
+    unstable_focusOnThreadSwitched?: boolean | undefined;
+} & import("react").RefAttributes<HTMLTextAreaElement>, "ref">> & import("react").RefAttributes<HTMLTextAreaElement>, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+declare const exports: {
+    Root: import("react").ForwardRefExoticComponent<Partial<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & {
+        ref?: ((instance: HTMLFormElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLFormElement> | null | undefined;
+    } & {
+        asChild?: boolean;
+    }, "ref"> & import("react").RefAttributes<HTMLFormElement>, "ref">> & import("react").RefAttributes<HTMLFormElement>>;
+    Input: import("react").ForwardRefExoticComponent<Omit<Partial<Omit<import("react-textarea-autosize").TextareaAutosizeProps & {
+        asChild?: boolean | undefined;
+        submitOnEnter?: boolean | undefined;
+        cancelOnEscape?: boolean | undefined;
+        unstable_focusOnRunStart?: boolean | undefined;
+        unstable_focusOnScrollToBottom?: boolean | undefined;
+        unstable_focusOnThreadSwitched?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLTextAreaElement>, "ref">> & import("react").RefAttributes<HTMLTextAreaElement>, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+    Action: FC;
+    Send: import("react").ForwardRefExoticComponent<Partial<TooltipIconButtonProps> & import("react").RefAttributes<HTMLButtonElement>>;
+    Cancel: import("react").ForwardRefExoticComponent<Partial<TooltipIconButtonProps> & import("react").RefAttributes<HTMLButtonElement>>;
+    AddAttachment: import("react").ForwardRefExoticComponent<Partial<TooltipIconButtonProps> & import("react").RefAttributes<HTMLButtonElement>>;
+    Attachments: FC<Partial<ComposerPrimitive.Attachments.Props>>;
+};
+declare const _default: typeof Composer & typeof exports;
+export default _default;
+//# sourceMappingURL=composer.d.ts.map

package/dist/ui/composer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composer.d.ts","sourceRoot":"","sources":["../../src/ui/composer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAc,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAKtE,OAAO,EAEL,sBAAsB,EACvB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,iBAAiB,EAAmB,MAAM,eAAe,CAAC;AAUnE,QAAA,MAAM,QAAQ,EAAE,EAUf,CAAC;AAUF,QAAA,MAAM,mBAAmB;;;;;;;qHAIvB,CAAC;AAEH,kBAAU,aAAa,CAAC;IACtB,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C,KAAY,KAAK,GAAG,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,CAAC;CAC1E;AAED;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAC,KAAK,CAAC;AAErD,QAAA,MAAM,aAAa;;;;;;;kLAWlB,CAAC;AAyIF,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;CAQZ,CAAC;wBAEiD,OAAO,QAAQ,GAChE,OAAO,OAAO;AADhB,wBACiB"}

package/dist/ui/composer.js

@@ -0,0 +1,166 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var composer_exports = {};
+__export(composer_exports, {
+  default: () => composer_default
+});
+module.exports = __toCommonJS(composer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_lucide_react = require("lucide-react");
+var import_withDefaults = require("./utils/withDefaults");
+var import_thread_config = require("./thread-config");
+var import_tooltip_icon_button = require("./base/tooltip-icon-button");
+var import_CircleStopIcon = require("./base/CircleStopIcon");
+var import_primitives = require("../primitives");
+var import_ThreadContext = require("../context/react/ThreadContext");
+var import_attachment = __toESM(require("./attachment"));
+const useAllowAttachments = (ensureCapability = false) => {
+  const { composer: { allowAttachments = true } = {} } = (0, import_thread_config.useThreadConfig)();
+  const attachmentsSupported = (0, import_ThreadContext.useThread)((t) => t.capabilities.attachments);
+  return allowAttachments && (!ensureCapability || attachmentsSupported);
+};
+const Composer = () => {
+  const allowAttachments = useAllowAttachments(true);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ComposerRoot, { children: [
+    allowAttachments && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposerAttachments, {}),
+    allowAttachments && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposerAddAttachment, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposerInput, { autoFocus: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposerAction, {})
+  ] });
+};
+Composer.displayName = "Composer";
+const ComposerRoot = (0, import_withDefaults.withDefaults)(import_primitives.ComposerPrimitive.Root, {
+  className: "aui-composer-root"
+});
+ComposerRoot.displayName = "ComposerRoot";
+const ComposerInputStyled = (0, import_withDefaults.withDefaults)(import_primitives.ComposerPrimitive.Input, {
+  rows: 1,
+  autoFocus: true,
+  className: "aui-composer-input"
+});
+const ComposerInput = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const {
+      strings: {
+        composer: { input: { placeholder = "Write a message..." } = {} } = {}
+      } = {}
+    } = (0, import_thread_config.useThreadConfig)();
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposerInputStyled, { placeholder, ...props, ref });
+  }
+);
+ComposerInput.displayName = "ComposerInput";
+const ComposerAttachmentsContainer = (0, import_withDefaults.withDefaults)("div", {
+  className: "aui-composer-attachments"
+});
+const ComposerAttachments = ({ components }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposerAttachmentsContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_primitives.ComposerPrimitive.Attachments,
+    {
+      components: {
+        ...components,
+        Attachment: components?.Attachment ?? import_attachment.default
+      }
+    }
+  ) });
+};
+const ComposerAttachButton = (0, import_withDefaults.withDefaults)(import_tooltip_icon_button.TooltipIconButton, {
+  variant: "default",
+  className: "aui-composer-attach"
+});
+const ComposerAddAttachment = (0, import_react.forwardRef)((props, ref) => {
+  const {
+    strings: {
+      composer: { addAttachment: { tooltip = "Attach file" } = {} } = {}
+    } = {}
+  } = (0, import_thread_config.useThreadConfig)();
+  const allowAttachments = useAllowAttachments();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.ComposerPrimitive.AddAttachment, { disabled: !allowAttachments, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    ComposerAttachButton,
+    {
+      tooltip,
+      variant: "ghost",
+      ...props,
+      ref,
+      children: props.children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.PaperclipIcon, {})
+    }
+  ) });
+});
+ComposerAddAttachment.displayName = "ComposerAddAttachment";
+const useAllowCancel = () => {
+  const cancelSupported = (0, import_ThreadContext.useThread)((t) => t.capabilities.cancel);
+  return cancelSupported;
+};
+const ComposerAction = () => {
+  const allowCancel = useAllowCancel();
+  if (!allowCancel) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposerSend, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.ThreadPrimitive.If, { running: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposerSend, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.ThreadPrimitive.If, { running: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposerCancel, {}) })
+  ] });
+};
+ComposerAction.displayName = "ComposerAction";
+const ComposerSendButton = (0, import_withDefaults.withDefaults)(import_tooltip_icon_button.TooltipIconButton, {
+  variant: "default",
+  className: "aui-composer-send"
+});
+const ComposerSend = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const {
+      strings: { composer: { send: { tooltip = "Send" } = {} } = {} } = {}
+    } = (0, import_thread_config.useThreadConfig)();
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.ComposerPrimitive.Send, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposerSendButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.SendHorizontalIcon, {}) }) });
+  }
+);
+ComposerSend.displayName = "ComposerSend";
+const ComposerCancelButton = (0, import_withDefaults.withDefaults)(import_tooltip_icon_button.TooltipIconButton, {
+  variant: "default",
+  className: "aui-composer-cancel"
+});
+const ComposerCancel = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const {
+      strings: { composer: { cancel: { tooltip = "Cancel" } = {} } = {} } = {}
+    } = (0, import_thread_config.useThreadConfig)();
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.ComposerPrimitive.Cancel, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposerCancelButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CircleStopIcon.CircleStopIcon, {}) }) });
+  }
+);
+ComposerCancel.displayName = "ComposerCancel";
+const exports2 = {
+  Root: ComposerRoot,
+  Input: ComposerInput,
+  Action: ComposerAction,
+  Send: ComposerSend,
+  Cancel: ComposerCancel,
+  AddAttachment: ComposerAddAttachment,
+  Attachments: ComposerAttachments
+};
+var composer_default = Object.assign(Composer, exports2);
+//# sourceMappingURL=composer.js.map

package/dist/ui/composer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/composer.tsx"],"sourcesContent":["\"use client\";\n\nimport { ComponentPropsWithoutRef, forwardRef, type FC } from \"react\";\n\nimport { PaperclipIcon, SendHorizontalIcon } from \"lucide-react\";\nimport { withDefaults } from \"./utils/withDefaults\";\nimport { useThreadConfig } from \"./thread-config\";\nimport {\n  TooltipIconButton,\n  TooltipIconButtonProps,\n} from \"./base/tooltip-icon-button\";\nimport { CircleStopIcon } from \"./base/CircleStopIcon\";\nimport { ComposerPrimitive, ThreadPrimitive } from \"../primitives\";\nimport { useThread } from \"../context/react/ThreadContext\";\nimport Attachment from \"./attachment\";\n\nconst useAllowAttachments = (ensureCapability = false) => {\n  const { composer: { allowAttachments = true } = {} } = useThreadConfig();\n  const attachmentsSupported = useThread((t) => t.capabilities.attachments);\n  return allowAttachments && (!ensureCapability || attachmentsSupported);\n};\n\nconst Composer: FC = () => {\n  const allowAttachments = useAllowAttachments(true);\n  return (\n    <ComposerRoot>\n      {allowAttachments && <ComposerAttachments />}\n      {allowAttachments && <ComposerAddAttachment />}\n      <ComposerInput autoFocus />\n      <ComposerAction />\n    </ComposerRoot>\n  );\n};\n\nComposer.displayName = \"Composer\";\n\nconst ComposerRoot = withDefaults(ComposerPrimitive.Root, {\n  className: \"aui-composer-root\",\n});\n\nComposerRoot.displayName = \"ComposerRoot\";\n\nconst ComposerInputStyled = withDefaults(ComposerPrimitive.Input, {\n  rows: 1,\n  autoFocus: true,\n  className: \"aui-composer-input\",\n});\n\nnamespace ComposerInput {\n  export type Element = HTMLTextAreaElement;\n  export type Props = ComponentPropsWithoutRef<typeof ComposerInputStyled>;\n}\n\n/**\n * @deprecated Use `ComposerInput.Props` instead. This will be removed in 0.6.\n */\nexport type ComposerInputProps = ComposerInput.Props;\n\nconst ComposerInput = forwardRef<ComposerInput.Element, ComposerInput.Props>(\n  (props, ref) => {\n    const {\n      strings: {\n        composer: { input: { placeholder = \"Write a message...\" } = {} } = {},\n      } = {},\n    } = useThreadConfig();\n    return (\n      <ComposerInputStyled placeholder={placeholder} {...props} ref={ref} />\n    );\n  },\n);\n\nComposerInput.displayName = \"ComposerInput\";\n\nconst ComposerAttachmentsContainer = withDefaults(\"div\", {\n  className: \"aui-composer-attachments\",\n});\n\nnamespace ComposerAttachments {\n  export type Props = Partial<ComposerPrimitive.Attachments.Props>;\n}\n\nconst ComposerAttachments: FC<ComposerAttachments.Props> = ({ components }) => {\n  return (\n    <ComposerAttachmentsContainer>\n      <ComposerPrimitive.Attachments\n        components={{\n          ...components,\n          Attachment: components?.Attachment ?? Attachment,\n        }}\n      />\n    </ComposerAttachmentsContainer>\n  );\n};\n\nconst ComposerAttachButton = withDefaults(TooltipIconButton, {\n  variant: \"default\",\n  className: \"aui-composer-attach\",\n});\n\nnamespace ComposerAddAttachment {\n  export type Element = HTMLButtonElement;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst ComposerAddAttachment = forwardRef<\n  ComposerAddAttachment.Element,\n  ComposerAddAttachment.Props\n>((props, ref) => {\n  const {\n    strings: {\n      composer: { addAttachment: { tooltip = \"Attach file\" } = {} } = {},\n    } = {},\n  } = useThreadConfig();\n  const allowAttachments = useAllowAttachments();\n  return (\n    <ComposerPrimitive.AddAttachment disabled={!allowAttachments} asChild>\n      <ComposerAttachButton\n        tooltip={tooltip}\n        variant={\"ghost\"}\n        {...props}\n        ref={ref}\n      >\n        {props.children ?? <PaperclipIcon />}\n      </ComposerAttachButton>\n    </ComposerPrimitive.AddAttachment>\n  );\n});\n\nComposerAddAttachment.displayName = \"ComposerAddAttachment\";\n\nconst useAllowCancel = () => {\n  const cancelSupported = useThread((t) => t.capabilities.cancel);\n  return cancelSupported;\n};\n\nconst ComposerAction: FC = () => {\n  const allowCancel = useAllowCancel();\n  if (!allowCancel) return <ComposerSend />;\n  return (\n    <>\n      <ThreadPrimitive.If running={false}>\n        <ComposerSend />\n      </ThreadPrimitive.If>\n      <ThreadPrimitive.If running>\n        <ComposerCancel />\n      </ThreadPrimitive.If>\n    </>\n  );\n};\n\nComposerAction.displayName = \"ComposerAction\";\n\nconst ComposerSendButton = withDefaults(TooltipIconButton, {\n  variant: \"default\",\n  className: \"aui-composer-send\",\n});\n\nnamespace ComposerSend {\n  export type Element = HTMLButtonElement;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst ComposerSend = forwardRef<ComposerSend.Element, ComposerSend.Props>(\n  (props, ref) => {\n    const {\n      strings: { composer: { send: { tooltip = \"Send\" } = {} } = {} } = {},\n    } = useThreadConfig();\n    return (\n      <ComposerPrimitive.Send asChild>\n        <ComposerSendButton tooltip={tooltip} {...props} ref={ref}>\n          {props.children ?? <SendHorizontalIcon />}\n        </ComposerSendButton>\n      </ComposerPrimitive.Send>\n    );\n  },\n);\n\nComposerSend.displayName = \"ComposerSend\";\n\nconst ComposerCancelButton = withDefaults(TooltipIconButton, {\n  variant: \"default\",\n  className: \"aui-composer-cancel\",\n});\n\nnamespace ComposerCancel {\n  export type Element = HTMLButtonElement;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst ComposerCancel = forwardRef<ComposerCancel.Element, ComposerCancel.Props>(\n  (props, ref) => {\n    const {\n      strings: { composer: { cancel: { tooltip = \"Cancel\" } = {} } = {} } = {},\n    } = useThreadConfig();\n    return (\n      <ComposerPrimitive.Cancel asChild>\n        <ComposerCancelButton tooltip={tooltip} {...props} ref={ref}>\n          {props.children ?? <CircleStopIcon />}\n        </ComposerCancelButton>\n      </ComposerPrimitive.Cancel>\n    );\n  },\n);\n\nComposerCancel.displayName = \"ComposerCancel\";\n\nconst exports = {\n  Root: ComposerRoot,\n  Input: ComposerInput,\n  Action: ComposerAction,\n  Send: ComposerSend,\n  Cancel: ComposerCancel,\n  AddAttachment: ComposerAddAttachment,\n  Attachments: ComposerAttachments,\n};\n\nexport default Object.assign(Composer, exports) as typeof Composer &\n  typeof exports;\n"],"mappings":"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","names":["Attachment","exports"]}