@assistant-ui/react 0.5.92 → 0.5.94

package/dist/ui/assistant-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/assistant-modal.tsx"],"sourcesContent":["\"use client\";\n\nimport { type FC, forwardRef } from \"react\";\nimport { BotIcon, ChevronDownIcon } from \"lucide-react\";\n\nimport { AssistantModalPrimitive } from \"../primitives\";\nimport Thread from \"./thread\";\nimport { withDefaults } from \"./utils/withDefaults\";\nimport {\n  TooltipIconButton,\n  TooltipIconButtonProps,\n} from \"./base/tooltip-icon-button\";\nimport {\n  ThreadConfig,\n  ThreadConfigProvider,\n  ThreadConfigProviderProps,\n  useThreadConfig,\n} from \"./thread-config\";\n\nconst AssistantModal: FC<ThreadConfig> = (config) => {\n  return (\n    <AssistantModalRoot config={config}>\n      <AssistantModalTrigger />\n      <AssistantModalContent>\n        <Thread />\n      </AssistantModalContent>\n    </AssistantModalRoot>\n  );\n};\n\nAssistantModal.displayName = \"AssistantModal\";\n\nnamespace AssistantModalRoot {\n  export type Props = AssistantModalPrimitive.Root.Props &\n    ThreadConfigProviderProps;\n}\n\nconst AssistantModalRoot: FC<AssistantModalRoot.Props> = ({\n  config,\n  ...props\n}) => {\n  return (\n    <ThreadConfigProvider config={config}>\n      <AssistantModalPrimitive.Root {...props} />\n    </ThreadConfigProvider>\n  );\n};\n\nAssistantModalRoot.displayName = \"AssistantModalRoot\";\n\nnamespace AssistantModalTrigger {\n  export type Element = HTMLButtonElement;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst AssistantModalTrigger = forwardRef<\n  AssistantModalTrigger.Element,\n  AssistantModalTrigger.Props\n>((props, ref) => {\n  return (\n    <AssistantModalAnchor>\n      <AssistantModalPrimitive.Trigger asChild>\n        <AssistantModalButton {...props} ref={ref} />\n      </AssistantModalPrimitive.Trigger>\n    </AssistantModalAnchor>\n  );\n});\n\nAssistantModalTrigger.displayName = \"AssistantModalTrigger\";\n\nconst AssistantModalAnchor = withDefaults(AssistantModalPrimitive.Anchor, {\n  className: \"aui-root aui-modal-anchor\",\n});\n\nAssistantModalAnchor.displayName = \"AssistantModalAnchor\";\n\nconst ModalButtonStyled = withDefaults(TooltipIconButton, {\n  variant: \"default\",\n  className: \"aui-modal-button\",\n});\n\nnamespace AssistantModalButton {\n  export type Element = HTMLButtonElement;\n  export type Props = Partial<TooltipIconButtonProps> & {\n    \"data-state\"?: \"open\" | \"closed\";\n  };\n}\n\nconst AssistantModalButton = forwardRef<\n  AssistantModalButton.Element,\n  AssistantModalButton.Props\n>(({ \"data-state\": state, ...rest }, ref) => {\n  const {\n    strings: {\n      assistantModal: {\n        open: {\n          button: { tooltip: openTooltip = \"Close Assistant\" } = {},\n        } = {},\n        closed: {\n          button: { tooltip: closedTooltip = \"Open Assistant\" } = {},\n        } = {},\n      } = {},\n    } = {},\n  } = useThreadConfig();\n  const tooltip = state === \"open\" ? openTooltip : closedTooltip;\n\n  return (\n    <ModalButtonStyled\n      side=\"left\"\n      tooltip={tooltip}\n      data-state={state}\n      {...rest}\n      ref={ref}\n    >\n      {rest.children ?? (\n        <>\n          <BotIcon\n            data-state={state}\n            className=\"aui-modal-button-closed-icon\"\n          />\n          <ChevronDownIcon\n            data-state={state}\n            className=\"aui-modal-button-open-icon\"\n          />\n        </>\n      )}\n    </ModalButtonStyled>\n  );\n});\n\nAssistantModalButton.displayName = \"AssistantModalButton\";\n\nconst AssistantModalContent = withDefaults(AssistantModalPrimitive.Content, {\n  className: \"aui-root aui-modal-content\",\n  sideOffset: 16,\n});\n\nAssistantModalContent.displayName = \"AssistantModalContent\";\n\nconst exports = {\n  Root: AssistantModalRoot,\n  Trigger: AssistantModalTrigger,\n  Content: AssistantModalContent,\n  Button: AssistantModalButton,\n  Anchor: AssistantModalAnchor,\n};\n\nexport default Object.assign(AssistantModal, exports) as typeof AssistantModal &\n  typeof exports;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBI;AAnBJ,mBAAoC;AACpC,0BAAyC;AAEzC,wBAAwC;AACxC,oBAAmB;AACnB,0BAA6B;AAC7B,iCAGO;AACP,2BAKO;AAEP,MAAM,iBAAmC,CAAC,WAAW;AACnD,SACE,6CAAC,sBAAmB,QAClB;AAAA,gDAAC,yBAAsB;AAAA,IACvB,4CAAC,yBACC,sDAAC,cAAAA,SAAA,EAAO,GACV;AAAA,KACF;AAEJ;AAEA,eAAe,cAAc;AAO7B,MAAM,qBAAmD,CAAC;AAAA,EACxD;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE,4CAAC,6CAAqB,QACpB,sDAAC,0CAAwB,MAAxB,EAA8B,GAAG,OAAO,GAC3C;AAEJ;AAEA,mBAAmB,cAAc;AAOjC,MAAM,4BAAwB,yBAG5B,CAAC,OAAO,QAAQ;AAChB,SACE,4CAAC,wBACC,sDAAC,0CAAwB,SAAxB,EAAgC,SAAO,MACtC,sDAAC,wBAAsB,GAAG,OAAO,KAAU,GAC7C,GACF;AAEJ,CAAC;AAED,sBAAsB,cAAc;AAEpC,MAAM,2BAAuB,kCAAa,0CAAwB,QAAQ;AAAA,EACxE,WAAW;AACb,CAAC;AAED,qBAAqB,cAAc;AAEnC,MAAM,wBAAoB,kCAAa,8CAAmB;AAAA,EACxD,SAAS;AAAA,EACT,WAAW;AACb,CAAC;AASD,MAAM,2BAAuB,yBAG3B,CAAC,EAAE,cAAc,OAAO,GAAG,KAAK,GAAG,QAAQ;AAC3C,QAAM;AAAA,IACJ,SAAS;AAAA,MACP,gBAAgB;AAAA,QACd,MAAM;AAAA,UACJ,QAAQ,EAAE,SAAS,cAAc,kBAAkB,IAAI,CAAC;AAAA,QAC1D,IAAI,CAAC;AAAA,QACL,QAAQ;AAAA,UACN,QAAQ,EAAE,SAAS,gBAAgB,iBAAiB,IAAI,CAAC;AAAA,QAC3D,IAAI,CAAC;AAAA,MACP,IAAI,CAAC;AAAA,IACP,IAAI,CAAC;AAAA,EACP,QAAI,sCAAgB;AACpB,QAAM,UAAU,UAAU,SAAS,cAAc;AAEjD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA,cAAY;AAAA,MACX,GAAG;AAAA,MACJ;AAAA,MAEC,eAAK,YACJ,4EACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,cAAY;AAAA,YACZ,WAAU;AAAA;AAAA,QACZ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,cAAY;AAAA,YACZ,WAAU;AAAA;AAAA,QACZ;AAAA,SACF;AAAA;AAAA,EAEJ;AAEJ,CAAC;AAED,qBAAqB,cAAc;AAEnC,MAAM,4BAAwB,kCAAa,0CAAwB,SAAS;AAAA,EAC1E,WAAW;AAAA,EACX,YAAY;AACd,CAAC;AAED,sBAAsB,cAAc;AAEpC,MAAMC,WAAU;AAAA,EACd,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV;AAEA,IAAO,0BAAQ,OAAO,OAAO,gBAAgBA,QAAO;","names":["Thread","exports"]}

package/dist/ui/assistant-modal.mjs

@@ -0,0 +1,99 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { BotIcon, ChevronDownIcon } from "lucide-react";
+import { AssistantModalPrimitive } from "../primitives";
+import Thread from "./thread";
+import { withDefaults } from "./utils/withDefaults";
+import {
+  TooltipIconButton
+} from "./base/tooltip-icon-button";
+import {
+  ThreadConfigProvider,
+  useThreadConfig
+} from "./thread-config";
+const AssistantModal = (config) => {
+  return /* @__PURE__ */ jsxs(AssistantModalRoot, { config, children: [
+    /* @__PURE__ */ jsx(AssistantModalTrigger, {}),
+    /* @__PURE__ */ jsx(AssistantModalContent, { children: /* @__PURE__ */ jsx(Thread, {}) })
+  ] });
+};
+AssistantModal.displayName = "AssistantModal";
+const AssistantModalRoot = ({
+  config,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(ThreadConfigProvider, { config, children: /* @__PURE__ */ jsx(AssistantModalPrimitive.Root, { ...props }) });
+};
+AssistantModalRoot.displayName = "AssistantModalRoot";
+const AssistantModalTrigger = forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(AssistantModalAnchor, { children: /* @__PURE__ */ jsx(AssistantModalPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(AssistantModalButton, { ...props, ref }) }) });
+});
+AssistantModalTrigger.displayName = "AssistantModalTrigger";
+const AssistantModalAnchor = withDefaults(AssistantModalPrimitive.Anchor, {
+  className: "aui-root aui-modal-anchor"
+});
+AssistantModalAnchor.displayName = "AssistantModalAnchor";
+const ModalButtonStyled = withDefaults(TooltipIconButton, {
+  variant: "default",
+  className: "aui-modal-button"
+});
+const AssistantModalButton = forwardRef(({ "data-state": state, ...rest }, ref) => {
+  const {
+    strings: {
+      assistantModal: {
+        open: {
+          button: { tooltip: openTooltip = "Close Assistant" } = {}
+        } = {},
+        closed: {
+          button: { tooltip: closedTooltip = "Open Assistant" } = {}
+        } = {}
+      } = {}
+    } = {}
+  } = useThreadConfig();
+  const tooltip = state === "open" ? openTooltip : closedTooltip;
+  return /* @__PURE__ */ jsx(
+    ModalButtonStyled,
+    {
+      side: "left",
+      tooltip,
+      "data-state": state,
+      ...rest,
+      ref,
+      children: rest.children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          BotIcon,
+          {
+            "data-state": state,
+            className: "aui-modal-button-closed-icon"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ChevronDownIcon,
+          {
+            "data-state": state,
+            className: "aui-modal-button-open-icon"
+          }
+        )
+      ] })
+    }
+  );
+});
+AssistantModalButton.displayName = "AssistantModalButton";
+const AssistantModalContent = withDefaults(AssistantModalPrimitive.Content, {
+  className: "aui-root aui-modal-content",
+  sideOffset: 16
+});
+AssistantModalContent.displayName = "AssistantModalContent";
+const exports = {
+  Root: AssistantModalRoot,
+  Trigger: AssistantModalTrigger,
+  Content: AssistantModalContent,
+  Button: AssistantModalButton,
+  Anchor: AssistantModalAnchor
+};
+var assistant_modal_default = Object.assign(AssistantModal, exports);
+export {
+  assistant_modal_default as default
+};
+//# sourceMappingURL=assistant-modal.mjs.map

package/dist/ui/assistant-modal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/assistant-modal.tsx"],"sourcesContent":["\"use client\";\n\nimport { type FC, forwardRef } from \"react\";\nimport { BotIcon, ChevronDownIcon } from \"lucide-react\";\n\nimport { AssistantModalPrimitive } from \"../primitives\";\nimport Thread from \"./thread\";\nimport { withDefaults } from \"./utils/withDefaults\";\nimport {\n  TooltipIconButton,\n  TooltipIconButtonProps,\n} from \"./base/tooltip-icon-button\";\nimport {\n  ThreadConfig,\n  ThreadConfigProvider,\n  ThreadConfigProviderProps,\n  useThreadConfig,\n} from \"./thread-config\";\n\nconst AssistantModal: FC<ThreadConfig> = (config) => {\n  return (\n    <AssistantModalRoot config={config}>\n      <AssistantModalTrigger />\n      <AssistantModalContent>\n        <Thread />\n      </AssistantModalContent>\n    </AssistantModalRoot>\n  );\n};\n\nAssistantModal.displayName = \"AssistantModal\";\n\nnamespace AssistantModalRoot {\n  export type Props = AssistantModalPrimitive.Root.Props &\n    ThreadConfigProviderProps;\n}\n\nconst AssistantModalRoot: FC<AssistantModalRoot.Props> = ({\n  config,\n  ...props\n}) => {\n  return (\n    <ThreadConfigProvider config={config}>\n      <AssistantModalPrimitive.Root {...props} />\n    </ThreadConfigProvider>\n  );\n};\n\nAssistantModalRoot.displayName = \"AssistantModalRoot\";\n\nnamespace AssistantModalTrigger {\n  export type Element = HTMLButtonElement;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst AssistantModalTrigger = forwardRef<\n  AssistantModalTrigger.Element,\n  AssistantModalTrigger.Props\n>((props, ref) => {\n  return (\n    <AssistantModalAnchor>\n      <AssistantModalPrimitive.Trigger asChild>\n        <AssistantModalButton {...props} ref={ref} />\n      </AssistantModalPrimitive.Trigger>\n    </AssistantModalAnchor>\n  );\n});\n\nAssistantModalTrigger.displayName = \"AssistantModalTrigger\";\n\nconst AssistantModalAnchor = withDefaults(AssistantModalPrimitive.Anchor, {\n  className: \"aui-root aui-modal-anchor\",\n});\n\nAssistantModalAnchor.displayName = \"AssistantModalAnchor\";\n\nconst ModalButtonStyled = withDefaults(TooltipIconButton, {\n  variant: \"default\",\n  className: \"aui-modal-button\",\n});\n\nnamespace AssistantModalButton {\n  export type Element = HTMLButtonElement;\n  export type Props = Partial<TooltipIconButtonProps> & {\n    \"data-state\"?: \"open\" | \"closed\";\n  };\n}\n\nconst AssistantModalButton = forwardRef<\n  AssistantModalButton.Element,\n  AssistantModalButton.Props\n>(({ \"data-state\": state, ...rest }, ref) => {\n  const {\n    strings: {\n      assistantModal: {\n        open: {\n          button: { tooltip: openTooltip = \"Close Assistant\" } = {},\n        } = {},\n        closed: {\n          button: { tooltip: closedTooltip = \"Open Assistant\" } = {},\n        } = {},\n      } = {},\n    } = {},\n  } = useThreadConfig();\n  const tooltip = state === \"open\" ? openTooltip : closedTooltip;\n\n  return (\n    <ModalButtonStyled\n      side=\"left\"\n      tooltip={tooltip}\n      data-state={state}\n      {...rest}\n      ref={ref}\n    >\n      {rest.children ?? (\n        <>\n          <BotIcon\n            data-state={state}\n            className=\"aui-modal-button-closed-icon\"\n          />\n          <ChevronDownIcon\n            data-state={state}\n            className=\"aui-modal-button-open-icon\"\n          />\n        </>\n      )}\n    </ModalButtonStyled>\n  );\n});\n\nAssistantModalButton.displayName = \"AssistantModalButton\";\n\nconst AssistantModalContent = withDefaults(AssistantModalPrimitive.Content, {\n  className: \"aui-root aui-modal-content\",\n  sideOffset: 16,\n});\n\nAssistantModalContent.displayName = \"AssistantModalContent\";\n\nconst exports = {\n  Root: AssistantModalRoot,\n  Trigger: AssistantModalTrigger,\n  Content: AssistantModalContent,\n  Button: AssistantModalButton,\n  Anchor: AssistantModalAnchor,\n};\n\nexport default Object.assign(AssistantModal, exports) as typeof AssistantModal &\n  typeof exports;\n"],"mappings":";AAqBI,SA8FI,UA7FF,KADF;AAnBJ,SAAkB,kBAAkB;AACpC,SAAS,SAAS,uBAAuB;AAEzC,SAAS,+BAA+B;AACxC,OAAO,YAAY;AACnB,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EAEE;AAAA,EAEA;AAAA,OACK;AAEP,MAAM,iBAAmC,CAAC,WAAW;AACnD,SACE,qBAAC,sBAAmB,QAClB;AAAA,wBAAC,yBAAsB;AAAA,IACvB,oBAAC,yBACC,8BAAC,UAAO,GACV;AAAA,KACF;AAEJ;AAEA,eAAe,cAAc;AAO7B,MAAM,qBAAmD,CAAC;AAAA,EACxD;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE,oBAAC,wBAAqB,QACpB,8BAAC,wBAAwB,MAAxB,EAA8B,GAAG,OAAO,GAC3C;AAEJ;AAEA,mBAAmB,cAAc;AAOjC,MAAM,wBAAwB,WAG5B,CAAC,OAAO,QAAQ;AAChB,SACE,oBAAC,wBACC,8BAAC,wBAAwB,SAAxB,EAAgC,SAAO,MACtC,8BAAC,wBAAsB,GAAG,OAAO,KAAU,GAC7C,GACF;AAEJ,CAAC;AAED,sBAAsB,cAAc;AAEpC,MAAM,uBAAuB,aAAa,wBAAwB,QAAQ;AAAA,EACxE,WAAW;AACb,CAAC;AAED,qBAAqB,cAAc;AAEnC,MAAM,oBAAoB,aAAa,mBAAmB;AAAA,EACxD,SAAS;AAAA,EACT,WAAW;AACb,CAAC;AASD,MAAM,uBAAuB,WAG3B,CAAC,EAAE,cAAc,OAAO,GAAG,KAAK,GAAG,QAAQ;AAC3C,QAAM;AAAA,IACJ,SAAS;AAAA,MACP,gBAAgB;AAAA,QACd,MAAM;AAAA,UACJ,QAAQ,EAAE,SAAS,cAAc,kBAAkB,IAAI,CAAC;AAAA,QAC1D,IAAI,CAAC;AAAA,QACL,QAAQ;AAAA,UACN,QAAQ,EAAE,SAAS,gBAAgB,iBAAiB,IAAI,CAAC;AAAA,QAC3D,IAAI,CAAC;AAAA,MACP,IAAI,CAAC;AAAA,IACP,IAAI,CAAC;AAAA,EACP,IAAI,gBAAgB;AACpB,QAAM,UAAU,UAAU,SAAS,cAAc;AAEjD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA,cAAY;AAAA,MACX,GAAG;AAAA,MACJ;AAAA,MAEC,eAAK,YACJ,iCACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,cAAY;AAAA,YACZ,WAAU;AAAA;AAAA,QACZ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,cAAY;AAAA,YACZ,WAAU;AAAA;AAAA,QACZ;AAAA,SACF;AAAA;AAAA,EAEJ;AAEJ,CAAC;AAED,qBAAqB,cAAc;AAEnC,MAAM,wBAAwB,aAAa,wBAAwB,SAAS;AAAA,EAC1E,WAAW;AAAA,EACX,YAAY;AACd,CAAC;AAED,sBAAsB,cAAc;AAEpC,MAAM,UAAU;AAAA,EACd,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV;AAEA,IAAO,0BAAQ,OAAO,OAAO,gBAAgB,OAAO;","names":[]}

package/dist/ui/attachment.d.ts

@@ -0,0 +1,14 @@
+import { type FC } from "react";
+import { TooltipIconButtonProps } from "./base/tooltip-icon-button";
+declare const Attachment: 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"> & import("react").RefAttributes<HTMLDivElement>, "ref">> & import("react").RefAttributes<HTMLDivElement>>;
+    Remove: import("react").ForwardRefExoticComponent<Partial<TooltipIconButtonProps> & import("react").RefAttributes<HTMLButtonElement>>;
+};
+declare const _default: typeof Attachment & typeof exports;
+export default _default;
+//# sourceMappingURL=attachment.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"attachment.d.ts","sourceRoot":"","sources":["../../src/ui/attachment.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAIf,OAAO,EAEL,sBAAsB,EACvB,MAAM,4BAA4B,CAAC;AAiHpC,QAAA,MAAM,UAAU,EAAE,EAqCjB,CAAC;AAoCF,QAAA,MAAM,OAAO;;;;;;;CAGZ,CAAC;wBAEmD,OAAO,UAAU,GACpE,OAAO,OAAO;AADhB,wBACiB"}

package/dist/ui/attachment.js

@@ -0,0 +1,163 @@
+"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 attachment_exports = {};
+__export(attachment_exports, {
+  default: () => attachment_default
+});
+module.exports = __toCommonJS(attachment_exports);
+var import_jsx_runtime = (
+  // eslint-disable-next-line @next/next/no-img-element
+  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_primitives = require("../primitives");
+var import_AttachmentContext = require("../context/react/AttachmentContext");
+var import_base = require("./base");
+var import_dialog = require("./base/dialog");
+var import_react_avatar = require("@radix-ui/react-avatar");
+var import_shallow = require("zustand/shallow");
+var import_react_dialog = require("@radix-ui/react-dialog");
+const AttachmentRoot = (0, import_withDefaults.withDefaults)(import_primitives.AttachmentPrimitive.Root, {
+  className: "aui-attachment-root"
+});
+AttachmentRoot.displayName = "AttachmentRoot";
+const useFileSrc = (file) => {
+  const [src, setSrc] = (0, import_react.useState)(void 0);
+  (0, import_react.useEffect)(() => {
+    if (!file) {
+      setSrc(void 0);
+      return;
+    }
+    const objectUrl = URL.createObjectURL(file);
+    setSrc(objectUrl);
+    return () => {
+      URL.revokeObjectURL(objectUrl);
+    };
+  }, [file]);
+  return src;
+};
+const useAttachmentSrc = () => {
+  const { file, src } = (0, import_AttachmentContext.useAttachment)(
+    (0, import_shallow.useShallow)((a) => {
+      if (a.type !== "image") return {};
+      if (a.file) return { file: a.file };
+      const src2 = a.content?.filter((c) => c.type === "image")[0]?.image;
+      if (!src2) return {};
+      return { src: src2 };
+    })
+  );
+  return useFileSrc(file) ?? src;
+};
+const AttachmentPreview = ({ src }) => {
+  const [isLoaded, setIsLoaded] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "img",
+    {
+      src,
+      style: {
+        width: "auto",
+        height: "auto",
+        maxWidth: "75dvh",
+        maxHeight: "75dvh",
+        display: isLoaded ? "block" : "none",
+        overflow: "clip"
+      },
+      onLoad: () => setIsLoaded(true),
+      alt: "Image Preview"
+    }
+  );
+};
+const AttachmentPreviewDialog = ({ children }) => {
+  const src = useAttachmentSrc();
+  if (!src) return children;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.Dialog, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogTrigger, { className: "aui-attachment-preview-trigger", asChild: true, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_dialog.DialogTitle, { className: "aui-sr-only", children: "Image Attachment Preview" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AttachmentPreview, { src })
+    ] })
+  ] });
+};
+const AttachmentThumb = () => {
+  const isImage = (0, import_AttachmentContext.useAttachment)((a) => a.type === "image");
+  const src = useAttachmentSrc();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_base.AvatarRoot, { className: "aui-attachment-thumb", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_avatar.AvatarFallback, { delayMs: isImage ? 200 : 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.FileIcon, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_base.AvatarImage, { src })
+  ] });
+};
+const Attachment = () => {
+  const canRemove = (0, import_AttachmentContext.useAttachment)((a) => a.source !== "message");
+  const typeLabel = (0, import_AttachmentContext.useAttachment)((a) => {
+    const type = a.type;
+    switch (type) {
+      case "image":
+        return "Image";
+      case "document":
+        return "Document";
+      case "file":
+        return "File";
+      default:
+        const _exhaustiveCheck = type;
+        throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);
+    }
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_base.Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AttachmentPreviewDialog, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_base.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AttachmentRoot, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AttachmentThumb, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "aui-attachment-text", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "aui-attachment-name", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.AttachmentPrimitive.Name, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "aui-attachment-type", children: typeLabel })
+      ] }),
+      canRemove && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AttachmentRemove, {})
+    ] }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_base.TooltipContent, { side: "top", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.AttachmentPrimitive.Name, {}) })
+  ] });
+};
+Attachment.displayName = "Attachment";
+const AttachmentRemove = (0, import_react.forwardRef)((props, ref) => {
+  const {
+    strings: {
+      composer: { removeAttachment: { tooltip = "Remove file" } = {} } = {}
+    } = {}
+  } = (0, import_thread_config.useThreadConfig)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.AttachmentPrimitive.Remove, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_tooltip_icon_button.TooltipIconButton,
+    {
+      tooltip,
+      className: "aui-attachment-remove",
+      side: "top",
+      ...props,
+      ref,
+      children: props.children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CircleXIcon, {})
+    }
+  ) });
+});
+AttachmentRemove.displayName = "AttachmentRemove";
+const exports2 = {
+  Root: AttachmentRoot,
+  Remove: AttachmentRemove
+};
+var attachment_default = Object.assign(Attachment, exports2);
+//# sourceMappingURL=attachment.js.map

package/dist/ui/attachment.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/attachment.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  forwardRef,\n  PropsWithChildren,\n  useEffect,\n  useState,\n  type FC,\n} from \"react\";\nimport { CircleXIcon, FileIcon } 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 { AttachmentPrimitive } from \"../primitives\";\nimport { useAttachment } from \"../context/react/AttachmentContext\";\nimport {\n  AvatarImage,\n  AvatarRoot,\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"./base\";\nimport { Dialog, DialogTrigger, DialogContent } from \"./base/dialog\";\nimport { AvatarFallback } from \"@radix-ui/react-avatar\";\nimport { useShallow } from \"zustand/shallow\";\nimport { DialogTitle } from \"@radix-ui/react-dialog\";\n\nconst AttachmentRoot = withDefaults(AttachmentPrimitive.Root, {\n  className: \"aui-attachment-root\",\n});\n\nAttachmentRoot.displayName = \"AttachmentRoot\";\n\nconst useFileSrc = (file: File | undefined) => {\n  const [src, setSrc] = useState<string | undefined>(undefined);\n\n  useEffect(() => {\n    if (!file) {\n      setSrc(undefined);\n      return;\n    }\n\n    const objectUrl = URL.createObjectURL(file);\n    setSrc(objectUrl);\n\n    return () => {\n      URL.revokeObjectURL(objectUrl);\n    };\n  }, [file]);\n\n  return src;\n};\n\nconst useAttachmentSrc = () => {\n  const { file, src } = useAttachment(\n    useShallow((a): { file?: File; src?: string } => {\n      if (a.type !== \"image\") return {};\n      if (a.file) return { file: a.file };\n      const src = a.content?.filter((c) => c.type === \"image\")[0]?.image;\n      if (!src) return {};\n      return { src };\n    }),\n  );\n\n  return useFileSrc(file) ?? src;\n};\n\ntype AttachmentPreviewProps = {\n  src: string;\n};\n\nconst AttachmentPreview: FC<AttachmentPreviewProps> = ({ src }) => {\n  const [isLoaded, setIsLoaded] = useState(false);\n\n  return (\n    // eslint-disable-next-line @next/next/no-img-element\n    <img\n      src={src}\n      style={{\n        width: \"auto\",\n        height: \"auto\",\n        maxWidth: \"75dvh\",\n        maxHeight: \"75dvh\",\n        display: isLoaded ? \"block\" : \"none\",\n        overflow: \"clip\",\n      }}\n      onLoad={() => setIsLoaded(true)}\n      alt=\"Image Preview\"\n    />\n  );\n};\n\nconst AttachmentPreviewDialog: FC<PropsWithChildren> = ({ children }) => {\n  const src = useAttachmentSrc();\n\n  if (!src) return children;\n\n  return (\n    <Dialog>\n      <DialogTrigger className=\"aui-attachment-preview-trigger\" asChild>\n        {children}\n      </DialogTrigger>\n      <DialogContent>\n        <DialogTitle className=\"aui-sr-only\">\n          Image Attachment Preview\n        </DialogTitle>\n        <AttachmentPreview src={src} />\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst AttachmentThumb: FC = () => {\n  const isImage = useAttachment((a) => a.type === \"image\");\n  const src = useAttachmentSrc();\n  return (\n    <AvatarRoot className=\"aui-attachment-thumb\">\n      <AvatarFallback delayMs={isImage ? 200 : 0}>\n        <FileIcon />\n      </AvatarFallback>\n      <AvatarImage src={src}></AvatarImage>\n    </AvatarRoot>\n  );\n};\n\nconst Attachment: FC = () => {\n  const canRemove = useAttachment((a) => a.source !== \"message\");\n  const typeLabel = useAttachment((a) => {\n    const type = a.type;\n    switch (type) {\n      case \"image\":\n        return \"Image\";\n      case \"document\":\n        return \"Document\";\n      case \"file\":\n        return \"File\";\n      default:\n        const _exhaustiveCheck: never = type;\n        throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);\n    }\n  });\n  return (\n    <Tooltip>\n      <AttachmentPreviewDialog>\n        <TooltipTrigger asChild>\n          <AttachmentRoot>\n            <AttachmentThumb />\n            <div className=\"aui-attachment-text\">\n              <p className=\"aui-attachment-name\">\n                <AttachmentPrimitive.Name />\n              </p>\n              <p className=\"aui-attachment-type\">{typeLabel}</p>\n            </div>\n            {canRemove && <AttachmentRemove />}\n          </AttachmentRoot>\n        </TooltipTrigger>\n      </AttachmentPreviewDialog>\n      <TooltipContent side=\"top\">\n        <AttachmentPrimitive.Name />\n      </TooltipContent>\n    </Tooltip>\n  );\n};\n\nAttachment.displayName = \"Attachment\";\n\nnamespace AttachmentRemove {\n  export type Element = HTMLButtonElement;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst AttachmentRemove = forwardRef<\n  AttachmentRemove.Element,\n  AttachmentRemove.Props\n>((props, ref) => {\n  const {\n    strings: {\n      composer: { removeAttachment: { tooltip = \"Remove file\" } = {} } = {},\n    } = {},\n  } = useThreadConfig();\n\n  return (\n    <AttachmentPrimitive.Remove asChild>\n      <TooltipIconButton\n        tooltip={tooltip}\n        className=\"aui-attachment-remove\"\n        side=\"top\"\n        {...props}\n        ref={ref}\n      >\n        {props.children ?? <CircleXIcon />}\n      </TooltipIconButton>\n    </AttachmentPrimitive.Remove>\n  );\n});\n\nAttachmentRemove.displayName = \"AttachmentRemove\";\n\nconst exports = {\n  Root: AttachmentRoot,\n  Remove: AttachmentRemove,\n};\n\nexport default Object.assign(Attachment, exports) as typeof Attachment &\n  typeof exports;\n"],"mappings":"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","names":["src","exports"]}

package/dist/ui/attachment.mjs

@@ -0,0 +1,155 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  forwardRef,
+  useEffect,
+  useState
+} from "react";
+import { CircleXIcon, FileIcon } from "lucide-react";
+import { withDefaults } from "./utils/withDefaults";
+import { useThreadConfig } from "./thread-config";
+import {
+  TooltipIconButton
+} from "./base/tooltip-icon-button";
+import { AttachmentPrimitive } from "../primitives";
+import { useAttachment } from "../context/react/AttachmentContext";
+import {
+  AvatarImage,
+  AvatarRoot,
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger
+} from "./base";
+import { Dialog, DialogTrigger, DialogContent } from "./base/dialog";
+import { AvatarFallback } from "@radix-ui/react-avatar";
+import { useShallow } from "zustand/shallow";
+import { DialogTitle } from "@radix-ui/react-dialog";
+const AttachmentRoot = withDefaults(AttachmentPrimitive.Root, {
+  className: "aui-attachment-root"
+});
+AttachmentRoot.displayName = "AttachmentRoot";
+const useFileSrc = (file) => {
+  const [src, setSrc] = useState(void 0);
+  useEffect(() => {
+    if (!file) {
+      setSrc(void 0);
+      return;
+    }
+    const objectUrl = URL.createObjectURL(file);
+    setSrc(objectUrl);
+    return () => {
+      URL.revokeObjectURL(objectUrl);
+    };
+  }, [file]);
+  return src;
+};
+const useAttachmentSrc = () => {
+  const { file, src } = useAttachment(
+    useShallow((a) => {
+      if (a.type !== "image") return {};
+      if (a.file) return { file: a.file };
+      const src2 = a.content?.filter((c) => c.type === "image")[0]?.image;
+      if (!src2) return {};
+      return { src: src2 };
+    })
+  );
+  return useFileSrc(file) ?? src;
+};
+const AttachmentPreview = ({ src }) => {
+  const [isLoaded, setIsLoaded] = useState(false);
+  return (
+    // eslint-disable-next-line @next/next/no-img-element
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        src,
+        style: {
+          width: "auto",
+          height: "auto",
+          maxWidth: "75dvh",
+          maxHeight: "75dvh",
+          display: isLoaded ? "block" : "none",
+          overflow: "clip"
+        },
+        onLoad: () => setIsLoaded(true),
+        alt: "Image Preview"
+      }
+    )
+  );
+};
+const AttachmentPreviewDialog = ({ children }) => {
+  const src = useAttachmentSrc();
+  if (!src) return children;
+  return /* @__PURE__ */ jsxs(Dialog, { children: [
+    /* @__PURE__ */ jsx(DialogTrigger, { className: "aui-attachment-preview-trigger", asChild: true, children }),
+    /* @__PURE__ */ jsxs(DialogContent, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { className: "aui-sr-only", children: "Image Attachment Preview" }),
+      /* @__PURE__ */ jsx(AttachmentPreview, { src })
+    ] })
+  ] });
+};
+const AttachmentThumb = () => {
+  const isImage = useAttachment((a) => a.type === "image");
+  const src = useAttachmentSrc();
+  return /* @__PURE__ */ jsxs(AvatarRoot, { className: "aui-attachment-thumb", children: [
+    /* @__PURE__ */ jsx(AvatarFallback, { delayMs: isImage ? 200 : 0, children: /* @__PURE__ */ jsx(FileIcon, {}) }),
+    /* @__PURE__ */ jsx(AvatarImage, { src })
+  ] });
+};
+const Attachment = () => {
+  const canRemove = useAttachment((a) => a.source !== "message");
+  const typeLabel = useAttachment((a) => {
+    const type = a.type;
+    switch (type) {
+      case "image":
+        return "Image";
+      case "document":
+        return "Document";
+      case "file":
+        return "File";
+      default:
+        const _exhaustiveCheck = type;
+        throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);
+    }
+  });
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(AttachmentPreviewDialog, { children: /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(AttachmentRoot, { children: [
+      /* @__PURE__ */ jsx(AttachmentThumb, {}),
+      /* @__PURE__ */ jsxs("div", { className: "aui-attachment-text", children: [
+        /* @__PURE__ */ jsx("p", { className: "aui-attachment-name", children: /* @__PURE__ */ jsx(AttachmentPrimitive.Name, {}) }),
+        /* @__PURE__ */ jsx("p", { className: "aui-attachment-type", children: typeLabel })
+      ] }),
+      canRemove && /* @__PURE__ */ jsx(AttachmentRemove, {})
+    ] }) }) }),
+    /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: /* @__PURE__ */ jsx(AttachmentPrimitive.Name, {}) })
+  ] });
+};
+Attachment.displayName = "Attachment";
+const AttachmentRemove = forwardRef((props, ref) => {
+  const {
+    strings: {
+      composer: { removeAttachment: { tooltip = "Remove file" } = {} } = {}
+    } = {}
+  } = useThreadConfig();
+  return /* @__PURE__ */ jsx(AttachmentPrimitive.Remove, { asChild: true, children: /* @__PURE__ */ jsx(
+    TooltipIconButton,
+    {
+      tooltip,
+      className: "aui-attachment-remove",
+      side: "top",
+      ...props,
+      ref,
+      children: props.children ?? /* @__PURE__ */ jsx(CircleXIcon, {})
+    }
+  ) });
+});
+AttachmentRemove.displayName = "AttachmentRemove";
+const exports = {
+  Root: AttachmentRoot,
+  Remove: AttachmentRemove
+};
+var attachment_default = Object.assign(Attachment, exports);
+export {
+  attachment_default as default
+};
+//# sourceMappingURL=attachment.mjs.map

package/dist/ui/attachment.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/attachment.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  forwardRef,\n  PropsWithChildren,\n  useEffect,\n  useState,\n  type FC,\n} from \"react\";\nimport { CircleXIcon, FileIcon } 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 { AttachmentPrimitive } from \"../primitives\";\nimport { useAttachment } from \"../context/react/AttachmentContext\";\nimport {\n  AvatarImage,\n  AvatarRoot,\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"./base\";\nimport { Dialog, DialogTrigger, DialogContent } from \"./base/dialog\";\nimport { AvatarFallback } from \"@radix-ui/react-avatar\";\nimport { useShallow } from \"zustand/shallow\";\nimport { DialogTitle } from \"@radix-ui/react-dialog\";\n\nconst AttachmentRoot = withDefaults(AttachmentPrimitive.Root, {\n  className: \"aui-attachment-root\",\n});\n\nAttachmentRoot.displayName = \"AttachmentRoot\";\n\nconst useFileSrc = (file: File | undefined) => {\n  const [src, setSrc] = useState<string | undefined>(undefined);\n\n  useEffect(() => {\n    if (!file) {\n      setSrc(undefined);\n      return;\n    }\n\n    const objectUrl = URL.createObjectURL(file);\n    setSrc(objectUrl);\n\n    return () => {\n      URL.revokeObjectURL(objectUrl);\n    };\n  }, [file]);\n\n  return src;\n};\n\nconst useAttachmentSrc = () => {\n  const { file, src } = useAttachment(\n    useShallow((a): { file?: File; src?: string } => {\n      if (a.type !== \"image\") return {};\n      if (a.file) return { file: a.file };\n      const src = a.content?.filter((c) => c.type === \"image\")[0]?.image;\n      if (!src) return {};\n      return { src };\n    }),\n  );\n\n  return useFileSrc(file) ?? src;\n};\n\ntype AttachmentPreviewProps = {\n  src: string;\n};\n\nconst AttachmentPreview: FC<AttachmentPreviewProps> = ({ src }) => {\n  const [isLoaded, setIsLoaded] = useState(false);\n\n  return (\n    // eslint-disable-next-line @next/next/no-img-element\n    <img\n      src={src}\n      style={{\n        width: \"auto\",\n        height: \"auto\",\n        maxWidth: \"75dvh\",\n        maxHeight: \"75dvh\",\n        display: isLoaded ? \"block\" : \"none\",\n        overflow: \"clip\",\n      }}\n      onLoad={() => setIsLoaded(true)}\n      alt=\"Image Preview\"\n    />\n  );\n};\n\nconst AttachmentPreviewDialog: FC<PropsWithChildren> = ({ children }) => {\n  const src = useAttachmentSrc();\n\n  if (!src) return children;\n\n  return (\n    <Dialog>\n      <DialogTrigger className=\"aui-attachment-preview-trigger\" asChild>\n        {children}\n      </DialogTrigger>\n      <DialogContent>\n        <DialogTitle className=\"aui-sr-only\">\n          Image Attachment Preview\n        </DialogTitle>\n        <AttachmentPreview src={src} />\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst AttachmentThumb: FC = () => {\n  const isImage = useAttachment((a) => a.type === \"image\");\n  const src = useAttachmentSrc();\n  return (\n    <AvatarRoot className=\"aui-attachment-thumb\">\n      <AvatarFallback delayMs={isImage ? 200 : 0}>\n        <FileIcon />\n      </AvatarFallback>\n      <AvatarImage src={src}></AvatarImage>\n    </AvatarRoot>\n  );\n};\n\nconst Attachment: FC = () => {\n  const canRemove = useAttachment((a) => a.source !== \"message\");\n  const typeLabel = useAttachment((a) => {\n    const type = a.type;\n    switch (type) {\n      case \"image\":\n        return \"Image\";\n      case \"document\":\n        return \"Document\";\n      case \"file\":\n        return \"File\";\n      default:\n        const _exhaustiveCheck: never = type;\n        throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);\n    }\n  });\n  return (\n    <Tooltip>\n      <AttachmentPreviewDialog>\n        <TooltipTrigger asChild>\n          <AttachmentRoot>\n            <AttachmentThumb />\n            <div className=\"aui-attachment-text\">\n              <p className=\"aui-attachment-name\">\n                <AttachmentPrimitive.Name />\n              </p>\n              <p className=\"aui-attachment-type\">{typeLabel}</p>\n            </div>\n            {canRemove && <AttachmentRemove />}\n          </AttachmentRoot>\n        </TooltipTrigger>\n      </AttachmentPreviewDialog>\n      <TooltipContent side=\"top\">\n        <AttachmentPrimitive.Name />\n      </TooltipContent>\n    </Tooltip>\n  );\n};\n\nAttachment.displayName = \"Attachment\";\n\nnamespace AttachmentRemove {\n  export type Element = HTMLButtonElement;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst AttachmentRemove = forwardRef<\n  AttachmentRemove.Element,\n  AttachmentRemove.Props\n>((props, ref) => {\n  const {\n    strings: {\n      composer: { removeAttachment: { tooltip = \"Remove file\" } = {} } = {},\n    } = {},\n  } = useThreadConfig();\n\n  return (\n    <AttachmentPrimitive.Remove asChild>\n      <TooltipIconButton\n        tooltip={tooltip}\n        className=\"aui-attachment-remove\"\n        side=\"top\"\n        {...props}\n        ref={ref}\n      >\n        {props.children ?? <CircleXIcon />}\n      </TooltipIconButton>\n    </AttachmentPrimitive.Remove>\n  );\n});\n\nAttachmentRemove.displayName = \"AttachmentRemove\";\n\nconst exports = {\n  Root: AttachmentRoot,\n  Remove: AttachmentRemove,\n};\n\nexport default Object.assign(Attachment, exports) as typeof Attachment &\n  typeof exports;\n"],"mappings":"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","names":["src"]}

package/dist/ui/base/CircleStopIcon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+export declare const CircleStopIcon: FC;
+//# sourceMappingURL=CircleStopIcon.d.ts.map

package/dist/ui/base/CircleStopIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleStopIcon.d.ts","sourceRoot":"","sources":["../../../src/ui/base/CircleStopIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,eAAO,MAAM,cAAc,EAAE,EAY5B,CAAC"}

package/dist/ui/base/CircleStopIcon.js

@@ -0,0 +1,43 @@
+"use strict";
+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 CircleStopIcon_exports = {};
+__export(CircleStopIcon_exports, {
+  CircleStopIcon: () => CircleStopIcon
+});
+module.exports = __toCommonJS(CircleStopIcon_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+const CircleStopIcon = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 16 16",
+      fill: "currentColor",
+      width: "16",
+      height: "16",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "10", height: "10", x: "3", y: "3", rx: "2" })
+    }
+  );
+};
+CircleStopIcon.displayName = "CircleStopIcon";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CircleStopIcon
+});
+//# sourceMappingURL=CircleStopIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/base/CircleStopIcon.tsx"],"sourcesContent":["import { FC } from \"react\";\n\nexport const CircleStopIcon: FC = () => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 16 16\"\n      fill=\"currentColor\"\n      width=\"16\"\n      height=\"16\"\n    >\n      <rect width=\"10\" height=\"10\" x=\"3\" y=\"3\" rx=\"2\" />\n    </svg>\n  );\n};\n\nCircleStopIcon.displayName = \"CircleStopIcon\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWM;AATC,MAAM,iBAAqB,MAAM;AACtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,QAAO;AAAA,MAEP,sDAAC,UAAK,OAAM,MAAK,QAAO,MAAK,GAAE,KAAI,GAAE,KAAI,IAAG,KAAI;AAAA;AAAA,EAClD;AAEJ;AAEA,eAAe,cAAc;","names":[]}

package/dist/ui/base/CircleStopIcon.mjs

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+const CircleStopIcon = () => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 16 16",
+      fill: "currentColor",
+      width: "16",
+      height: "16",
+      children: /* @__PURE__ */ jsx("rect", { width: "10", height: "10", x: "3", y: "3", rx: "2" })
+    }
+  );
+};
+CircleStopIcon.displayName = "CircleStopIcon";
+export {
+  CircleStopIcon
+};
+//# sourceMappingURL=CircleStopIcon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/base/CircleStopIcon.tsx"],"sourcesContent":["import { FC } from \"react\";\n\nexport const CircleStopIcon: FC = () => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 16 16\"\n      fill=\"currentColor\"\n      width=\"16\"\n      height=\"16\"\n    >\n      <rect width=\"10\" height=\"10\" x=\"3\" y=\"3\" rx=\"2\" />\n    </svg>\n  );\n};\n\nCircleStopIcon.displayName = \"CircleStopIcon\";\n"],"mappings":"AAWM;AATC,MAAM,iBAAqB,MAAM;AACtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,QAAO;AAAA,MAEP,8BAAC,UAAK,OAAM,MAAK,QAAO,MAAK,GAAE,KAAI,GAAE,KAAI,IAAG,KAAI;AAAA;AAAA,EAClD;AAEJ;AAEA,eAAe,cAAc;","names":[]}

package/dist/ui/base/avatar.d.ts

@@ -0,0 +1,12 @@
+import type { FC } from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+export type AvatarProps = {
+    src?: string | undefined;
+    alt?: string | undefined;
+    fallback?: string | undefined;
+};
+export declare const Avatar: FC<AvatarProps>;
+export declare const AvatarRoot: import("react").ForwardRefExoticComponent<Partial<Omit<AvatarPrimitive.AvatarProps & import("react").RefAttributes<HTMLSpanElement>, "ref">> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const AvatarImage: import("react").ForwardRefExoticComponent<Partial<Omit<AvatarPrimitive.AvatarImageProps & import("react").RefAttributes<HTMLImageElement>, "ref">> & import("react").RefAttributes<HTMLImageElement>>;
+export declare const AvatarFallback: import("react").ForwardRefExoticComponent<Partial<Omit<AvatarPrimitive.AvatarFallbackProps & import("react").RefAttributes<HTMLSpanElement>, "ref">> & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=avatar.d.ts.map

package/dist/ui/base/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/ui/base/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CASlC,CAAC;AAIF,eAAO,MAAM,UAAU,gMAErB,CAAC;AAIH,eAAO,MAAM,WAAW,uMAEtB,CAAC;AAIH,eAAO,MAAM,cAAc,wMAEzB,CAAC"}