@epicbagel/saas-kit 1.32.0 → 1.34.0

package/dist/primitives/branded-page.d.cts

@@ -0,0 +1,118 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LucideIcon } from 'lucide-react';
+import { ReactElement, ReactNode } from 'react';
+import { AccentThemeColours } from './accent-theme.cjs';
+
+/** Whose page it is: the company that shares it, not the product that hosts it. */
+interface BrandedPageBrand {
+    /** The brand's name. Drawn as text when there is no logo, and the logo's text alternative when there is. */
+    name?: string | null;
+    /** The brand's logo, an image URL, drawn in place of the name. */
+    logoUrl?: string | null;
+    /** The logo's text alternative. Defaults to the brand's `name`, else "Logo". */
+    logoAlt?: string;
+    /** Where the brand leads, such as its own site. Left out, the brand is not a link. */
+    href?: string | null;
+}
+/** The fixed bar at the foot of the page, for its one or two actions. */
+interface BrandedPageActionBar {
+    /** What the actions are about, beside them. */
+    title?: ReactNode;
+    /** One muted line under the title. */
+    description?: ReactNode;
+    /** The page's one or two actions. */
+    actions: ReactNode;
+    /** `full` gives the actions the bar's whole width, for a host that lays out both ends of it. Defaults to `auto`. */
+    actionsWidth?: "auto" | "full";
+}
+/** Why a link leads nowhere. */
+type BrandedPageUnavailableReason = "not-found" | "expired" | "archived" | "revoked";
+interface BrandedPageUnavailableProps {
+    /**
+     * Why the link is dead: it picks the icon and the words. Defaults to
+     * `not-found`, which is worded for a link whose fate the host can't tell.
+     */
+    reason?: BrandedPageUnavailableReason;
+    /**
+     * In place of the reason's icon, and decorative like it: a Lucide
+     * component, or an element. Pass an element from a server component.
+     */
+    icon?: LucideIcon | ReactNode;
+    /** In place of the reason's title. It is the state's heading. */
+    title?: string;
+    /** In place of the reason's description. `""` leaves it out. */
+    description?: string;
+    /** What the visitor can do next: the host's own button or link. */
+    action?: ReactNode;
+    className?: string;
+}
+interface BrandedPageLoadingProps {
+    /** What is happening, under the spinner. Defaults to "Loading…". */
+    label?: string;
+    className?: string;
+}
+interface BrandedPageProps {
+    /**
+     * Whose page it is: the brand's `name`, `logoUrl` and `href`, or the
+     * host's own element (its wordmark, or its router's link around one).
+     * Nothing is drawn for a brand with neither a logo nor a name.
+     */
+    brand?: BrandedPageBrand | ReactElement | null;
+    /** The brand's accent as six-digit hex, for light and dark mode. It replaces the primary colour inside the page only. */
+    accent?: AccentThemeColours | null;
+    /**
+     * Pins the page to one palette (its `data-theme` value), so it looks the
+     * same to every visitor whatever palette their own browser has stored.
+     * Left out, the page follows the document.
+     */
+    palette?: string;
+    /** The host's own controls at the end of the header, such as a theme switch or Sign in. Left off paper. */
+    headerTrailing?: ReactNode;
+    /** How wide the content column is. Defaults to `narrow`. */
+    width?: "narrow" | "wide" | "full";
+    /** The content's side padding. Defaults to `base`, which lines up with the header. */
+    padding?: "none" | "base" | "relaxed" | "spacious";
+    /** The canvas behind the content: `muted` (the default) sets cards apart, `default` is the plain background. Paper is always plain. */
+    surface?: "default" | "muted";
+    /** The page's content. Not drawn while `loading` or `unavailable` stands in for it. */
+    children?: ReactNode;
+    /** A closing line under the content, such as "Shared by Example Agency". */
+    credit?: ReactNode;
+    /** Whether the credit prints. Defaults to `visible`. */
+    creditPrintVisibility?: "visible" | "hidden";
+    /** A fixed bar at the foot of the page. Left off paper, and not drawn while `loading` or `unavailable`. */
+    actionBar?: BrandedPageActionBar | null;
+    /** Stands in for the content while it loads: `true`, or the loading state's props. It wins over `unavailable`. */
+    loading?: boolean | BrandedPageLoadingProps;
+    /** Stands in for the content when the link is dead: `true`, or the unavailable state's props. */
+    unavailable?: boolean | BrandedPageUnavailableProps;
+    className?: string;
+}
+/**
+ * A dead link, in place of a page's content: an icon, a heading, a line on
+ * what to do and an optional action. It is announced when it appears, since
+ * it often replaces a loading state. Use it as `BrandedPage`'s `unavailable`,
+ * or alone inside a frame of your own.
+ */
+declare function BrandedPageUnavailable({ reason, icon, title, description, action, className, }: BrandedPageUnavailableProps): react_jsx_runtime.JSX.Element;
+/**
+ * A page that is still loading, in place of its content: a spinner over one
+ * line, announced politely. Use it as `BrandedPage`'s `loading`, or alone
+ * inside a frame of your own.
+ */
+declare function BrandedPageLoading({ label, className }: BrandedPageLoadingProps): react_jsx_runtime.JSX.Element;
+/**
+ * The whole of a public page one company shows to another's people: a shared
+ * profile, a list sent for review, an invitation, a client's portal. The
+ * brand in a header (a banner), the content in one `main`, and optionally a
+ * closing credit and a fixed action bar, in the brand's accent and, when
+ * pinned, in one palette for every visitor. `loading` and `unavailable`
+ * stand in for the content, so the frame holds still while a link resolves.
+ *
+ * Presentation only: the host fetches, routes and decides which state shows.
+ * On paper the canvas is plain, the spacing compact, and the header's
+ * controls and the action bar are left off.
+ */
+declare function BrandedPage({ brand, accent, palette, headerTrailing, width, padding, surface, children, credit, creditPrintVisibility, actionBar, loading, unavailable, className, }: BrandedPageProps): react_jsx_runtime.JSX.Element;
+
+export { BrandedPage, type BrandedPageActionBar, type BrandedPageBrand, BrandedPageLoading, type BrandedPageLoadingProps, type BrandedPageProps, BrandedPageUnavailable, type BrandedPageUnavailableProps, type BrandedPageUnavailableReason };

package/dist/primitives/branded-page.d.ts

@@ -0,0 +1,118 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LucideIcon } from 'lucide-react';
+import { ReactElement, ReactNode } from 'react';
+import { AccentThemeColours } from './accent-theme.js';
+
+/** Whose page it is: the company that shares it, not the product that hosts it. */
+interface BrandedPageBrand {
+    /** The brand's name. Drawn as text when there is no logo, and the logo's text alternative when there is. */
+    name?: string | null;
+    /** The brand's logo, an image URL, drawn in place of the name. */
+    logoUrl?: string | null;
+    /** The logo's text alternative. Defaults to the brand's `name`, else "Logo". */
+    logoAlt?: string;
+    /** Where the brand leads, such as its own site. Left out, the brand is not a link. */
+    href?: string | null;
+}
+/** The fixed bar at the foot of the page, for its one or two actions. */
+interface BrandedPageActionBar {
+    /** What the actions are about, beside them. */
+    title?: ReactNode;
+    /** One muted line under the title. */
+    description?: ReactNode;
+    /** The page's one or two actions. */
+    actions: ReactNode;
+    /** `full` gives the actions the bar's whole width, for a host that lays out both ends of it. Defaults to `auto`. */
+    actionsWidth?: "auto" | "full";
+}
+/** Why a link leads nowhere. */
+type BrandedPageUnavailableReason = "not-found" | "expired" | "archived" | "revoked";
+interface BrandedPageUnavailableProps {
+    /**
+     * Why the link is dead: it picks the icon and the words. Defaults to
+     * `not-found`, which is worded for a link whose fate the host can't tell.
+     */
+    reason?: BrandedPageUnavailableReason;
+    /**
+     * In place of the reason's icon, and decorative like it: a Lucide
+     * component, or an element. Pass an element from a server component.
+     */
+    icon?: LucideIcon | ReactNode;
+    /** In place of the reason's title. It is the state's heading. */
+    title?: string;
+    /** In place of the reason's description. `""` leaves it out. */
+    description?: string;
+    /** What the visitor can do next: the host's own button or link. */
+    action?: ReactNode;
+    className?: string;
+}
+interface BrandedPageLoadingProps {
+    /** What is happening, under the spinner. Defaults to "Loading…". */
+    label?: string;
+    className?: string;
+}
+interface BrandedPageProps {
+    /**
+     * Whose page it is: the brand's `name`, `logoUrl` and `href`, or the
+     * host's own element (its wordmark, or its router's link around one).
+     * Nothing is drawn for a brand with neither a logo nor a name.
+     */
+    brand?: BrandedPageBrand | ReactElement | null;
+    /** The brand's accent as six-digit hex, for light and dark mode. It replaces the primary colour inside the page only. */
+    accent?: AccentThemeColours | null;
+    /**
+     * Pins the page to one palette (its `data-theme` value), so it looks the
+     * same to every visitor whatever palette their own browser has stored.
+     * Left out, the page follows the document.
+     */
+    palette?: string;
+    /** The host's own controls at the end of the header, such as a theme switch or Sign in. Left off paper. */
+    headerTrailing?: ReactNode;
+    /** How wide the content column is. Defaults to `narrow`. */
+    width?: "narrow" | "wide" | "full";
+    /** The content's side padding. Defaults to `base`, which lines up with the header. */
+    padding?: "none" | "base" | "relaxed" | "spacious";
+    /** The canvas behind the content: `muted` (the default) sets cards apart, `default` is the plain background. Paper is always plain. */
+    surface?: "default" | "muted";
+    /** The page's content. Not drawn while `loading` or `unavailable` stands in for it. */
+    children?: ReactNode;
+    /** A closing line under the content, such as "Shared by Example Agency". */
+    credit?: ReactNode;
+    /** Whether the credit prints. Defaults to `visible`. */
+    creditPrintVisibility?: "visible" | "hidden";
+    /** A fixed bar at the foot of the page. Left off paper, and not drawn while `loading` or `unavailable`. */
+    actionBar?: BrandedPageActionBar | null;
+    /** Stands in for the content while it loads: `true`, or the loading state's props. It wins over `unavailable`. */
+    loading?: boolean | BrandedPageLoadingProps;
+    /** Stands in for the content when the link is dead: `true`, or the unavailable state's props. */
+    unavailable?: boolean | BrandedPageUnavailableProps;
+    className?: string;
+}
+/**
+ * A dead link, in place of a page's content: an icon, a heading, a line on
+ * what to do and an optional action. It is announced when it appears, since
+ * it often replaces a loading state. Use it as `BrandedPage`'s `unavailable`,
+ * or alone inside a frame of your own.
+ */
+declare function BrandedPageUnavailable({ reason, icon, title, description, action, className, }: BrandedPageUnavailableProps): react_jsx_runtime.JSX.Element;
+/**
+ * A page that is still loading, in place of its content: a spinner over one
+ * line, announced politely. Use it as `BrandedPage`'s `loading`, or alone
+ * inside a frame of your own.
+ */
+declare function BrandedPageLoading({ label, className }: BrandedPageLoadingProps): react_jsx_runtime.JSX.Element;
+/**
+ * The whole of a public page one company shows to another's people: a shared
+ * profile, a list sent for review, an invitation, a client's portal. The
+ * brand in a header (a banner), the content in one `main`, and optionally a
+ * closing credit and a fixed action bar, in the brand's accent and, when
+ * pinned, in one palette for every visitor. `loading` and `unavailable`
+ * stand in for the content, so the frame holds still while a link resolves.
+ *
+ * Presentation only: the host fetches, routes and decides which state shows.
+ * On paper the canvas is plain, the spacing compact, and the header's
+ * controls and the action bar are left off.
+ */
+declare function BrandedPage({ brand, accent, palette, headerTrailing, width, padding, surface, children, credit, creditPrintVisibility, actionBar, loading, unavailable, className, }: BrandedPageProps): react_jsx_runtime.JSX.Element;
+
+export { BrandedPage, type BrandedPageActionBar, type BrandedPageBrand, BrandedPageLoading, type BrandedPageLoadingProps, type BrandedPageProps, BrandedPageUnavailable, type BrandedPageUnavailableProps, type BrandedPageUnavailableReason };

package/dist/primitives/branded-page.js

@@ -0,0 +1,201 @@
+"use client";
+import {
+  PageShell
+} from "../chunk-WTVL2FK7.js";
+import {
+  MarketingHeader
+} from "../chunk-W5L6LQI3.js";
+import {
+  FixedActionBar
+} from "../chunk-WMTCL463.js";
+import {
+  Text
+} from "../chunk-EIY5LLSP.js";
+import {
+  Heading
+} from "../chunk-H2O6NMLZ.js";
+import {
+  BrandMark
+} from "../chunk-O3G3TVPU.js";
+import {
+  Anchor
+} from "../chunk-EXHF3QUY.js";
+import {
+  Icon
+} from "../chunk-KN4RPX35.js";
+import {
+  AccentTheme
+} from "../chunk-BB7PO2BW.js";
+import {
+  EmptyState
+} from "../chunk-ET4THLFX.js";
+import "../chunk-W326GKML.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/branded-page.tsx
+import { Archive, Clock, EyeOff, Link2Off, LoaderCircle } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var UNAVAILABLE = {
+  "not-found": {
+    icon: Link2Off,
+    title: "This link isn't available",
+    description: "It may have expired or been withdrawn. Ask whoever shared it for a new one."
+  },
+  expired: {
+    icon: Clock,
+    title: "This link has expired",
+    description: "Ask whoever shared it for a new one."
+  },
+  archived: {
+    icon: Archive,
+    title: "This page has been archived",
+    description: "It is no longer shared. Ask whoever shared it if you still need it."
+  },
+  revoked: {
+    icon: EyeOff,
+    title: "This link is no longer active",
+    description: "Whoever shared it has stopped sharing it. Ask them for a new one if you still need it."
+  }
+};
+function StateIcon({ icon, spin }) {
+  return /* @__PURE__ */ jsx(Icon, { icon, tone: "muted", strokeWidth: 1.5, spin, className: "size-12" });
+}
+function BrandedPageUnavailable({
+  reason = "not-found",
+  icon,
+  title,
+  description,
+  action,
+  className
+}) {
+  const words = UNAVAILABLE[reason];
+  return /* @__PURE__ */ jsx(
+    EmptyState,
+    {
+      variant: "error",
+      size: "lg",
+      surface: "plain",
+      icon: icon ?? /* @__PURE__ */ jsx(StateIcon, { icon: words.icon }),
+      title: title || words.title,
+      description: description ?? words.description,
+      className,
+      children: action ? /* @__PURE__ */ jsx("div", { "data-slot": "branded-page-unavailable-action", className: "flex flex-wrap justify-center gap-2 pt-1", children: action }) : null
+    }
+  );
+}
+function BrandedPageLoading({ label, className }) {
+  return /* @__PURE__ */ jsx("div", { role: "status", "data-slot": "branded-page-loading", className, children: /* @__PURE__ */ jsx(
+    EmptyState,
+    {
+      icon: /* @__PURE__ */ jsx(StateIcon, { icon: LoaderCircle, spin: true }),
+      size: "lg",
+      surface: "plain",
+      title: label || "Loading\u2026"
+    }
+  ) });
+}
+function isBrandData(brand) {
+  return typeof brand === "object" && brand !== null && !("$$typeof" in brand);
+}
+function brandMark({ name, logoUrl, logoAlt, href }) {
+  const mark = logoUrl ? /* @__PURE__ */ jsx(BrandMark, { src: logoUrl, alt: logoAlt ?? (name || "Logo") }) : name ? /* @__PURE__ */ jsx(Heading, { level: 3, as: "span", children: name }) : null;
+  if (!mark || !href) return mark;
+  return /* @__PURE__ */ jsx(
+    Anchor,
+    {
+      href,
+      "data-slot": "branded-page-brand-link",
+      className: "rounded-sm ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-4",
+      children: mark
+    }
+  );
+}
+function BrandedPage({
+  brand,
+  accent,
+  palette,
+  headerTrailing,
+  width = "narrow",
+  padding = "base",
+  surface = "muted",
+  children,
+  credit,
+  creditPrintVisibility = "visible",
+  actionBar,
+  loading = false,
+  unavailable = false,
+  className
+}) {
+  const mark = isBrandData(brand) ? brandMark(brand) : brand ?? null;
+  const state = loading ? /* @__PURE__ */ jsx(BrandedPageLoading, { ...loading === true ? null : loading }) : unavailable ? /* @__PURE__ */ jsx(BrandedPageUnavailable, { ...unavailable === true ? null : unavailable }) : null;
+  const bar = state ? null : actionBar;
+  return (
+    // The palette is pinned out here, and the canvas painted opaque in it:
+    // the muted surface is translucent, and would otherwise be tinted by
+    // the visitor's own palette on the document behind it.
+    /* @__PURE__ */ jsx("div", { "data-slot": "branded-page", "data-theme": palette, className: cn("bg-background text-foreground", className), children: /* @__PURE__ */ jsx(AccentTheme, { colours: accent, children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "branded-page-surface",
+        className: cn(
+          "flex min-h-screen flex-col print:min-h-0",
+          surface === "muted" && "bg-muted/40 print:bg-background"
+        ),
+        children: [
+          mark || headerTrailing ? /* @__PURE__ */ jsx(
+            MarketingHeader,
+            {
+              brand: mark,
+              trailing: headerTrailing ? /* @__PURE__ */ jsx("div", { className: "contents print:hidden", children: headerTrailing }) : void 0
+            }
+          ) : null,
+          /* @__PURE__ */ jsx(
+            PageShell,
+            {
+              width,
+              padding,
+              printMode: "compact",
+              bottomInset: bar ? "action" : "default",
+              className: bar ? "print:pb-0" : void 0,
+              children: state ? (
+                // Both states start at the same height, a little way down the
+                // screen, so nothing jumps when loading turns out to be a dead link.
+                /* @__PURE__ */ jsx("div", { "data-slot": "branded-page-state", className: "pt-[12vh]", children: state })
+              ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                children,
+                credit ? /* @__PURE__ */ jsx(
+                  Text,
+                  {
+                    variant: "caption",
+                    align: "center",
+                    "data-slot": "branded-page-credit",
+                    className: cn(creditPrintVisibility === "hidden" && "print:hidden"),
+                    children: credit
+                  }
+                ) : null
+              ] })
+            }
+          ),
+          bar ? /* @__PURE__ */ jsx(
+            FixedActionBar,
+            {
+              title: bar.title,
+              description: bar.description,
+              width,
+              actionsWidth: bar.actionsWidth,
+              className: "print:hidden",
+              children: bar.actions
+            }
+          ) : null
+        ]
+      }
+    ) }) })
+  );
+}
+export {
+  BrandedPage,
+  BrandedPageLoading,
+  BrandedPageUnavailable
+};

package/dist/primitives/call-card.cjs

@@ -5,12 +5,12 @@
 var _chunk6T2EULKNcjs = require('../chunk-6T2EULKN.cjs');
 
 
-var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
 
 
+var _chunkW5HPHEE7cjs = require('../chunk-W5HPHEE7.cjs');
 
 
-var _chunkW5HPHEE7cjs = require('../chunk-W5HPHEE7.cjs');
+var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
 
 
 

package/dist/primitives/call-card.js

@@ -3,14 +3,14 @@
 import {
   Eyebrow
 } from "../chunk-LIE6W3QT.js";
-import {
-  Text
-} from "../chunk-EIY5LLSP.js";
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger
 } from "../chunk-NBUWGRQO.js";
+import {
+  Text
+} from "../chunk-EIY5LLSP.js";
 import {
   Avatar,
   AvatarFallback,

package/dist/primitives/chat.cjs

@@ -7,10 +7,10 @@
 var _chunk2BTDBZYNcjs = require('../chunk-2BTDBZYN.cjs');
 
 
-var _chunkPH2TV7XIcjs = require('../chunk-PH2TV7XI.cjs');
+var _chunk2YW5VA2Vcjs = require('../chunk-2YW5VA2V.cjs');
 
 
-var _chunkPNI354BYcjs = require('../chunk-PNI354BY.cjs');
+var _chunkJMNDFISNcjs = require('../chunk-JMNDFISN.cjs');
 
 
 
@@ -24,31 +24,30 @@ var _chunkWP7CKIPEcjs = require('../chunk-WP7CKIPE.cjs');
 
 
 
-var _chunkB765DSRGcjs = require('../chunk-B765DSRG.cjs');
 
 
+var _chunkNWDPH2Z7cjs = require('../chunk-NWDPH2Z7.cjs');
 
 
 
-var _chunkNWDPH2Z7cjs = require('../chunk-NWDPH2Z7.cjs');
+var _chunkB765DSRGcjs = require('../chunk-B765DSRG.cjs');
 
 
 
 
-var _chunk7LDJAXRXcjs = require('../chunk-7LDJAXRX.cjs');
-require('../chunk-2HV2KKOE.cjs');
 
 
+var _chunkDHXKCMKYcjs = require('../chunk-DHXKCMKY.cjs');
 
 
 
 
-var _chunkDHXKCMKYcjs = require('../chunk-DHXKCMKY.cjs');
-require('../chunk-NQK5ZWC7.cjs');
+var _chunk7LDJAXRXcjs = require('../chunk-7LDJAXRX.cjs');
+require('../chunk-2HV2KKOE.cjs');
 
 
 
-var _chunkZLEM2SAUcjs = require('../chunk-ZLEM2SAU.cjs');
+var _chunkZ3JJSNR5cjs = require('../chunk-Z3JJSNR5.cjs');
 
 
 var _chunkKENBU3NVcjs = require('../chunk-KENBU3NV.cjs');
@@ -80,13 +79,12 @@ var _chunkZBWL7OUWcjs = require('../chunk-ZBWL7OUW.cjs');
 var _chunk23IETCLVcjs = require('../chunk-23IETCLV.cjs');
 require('../chunk-DMPSKGFM.cjs');
 require('../chunk-Z2H4LJVG.cjs');
-require('../chunk-U2NES7VR.cjs');
 
 
 
 var _chunkV4YWTRLDcjs = require('../chunk-V4YWTRLD.cjs');
-require('../chunk-373W6VAD.cjs');
 require('../chunk-W5HPHEE7.cjs');
+require('../chunk-373W6VAD.cjs');
 
 
 
@@ -98,15 +96,17 @@ require('../chunk-W5HPHEE7.cjs');
 
 
 var _chunkFYRQFEU4cjs = require('../chunk-FYRQFEU4.cjs');
+require('../chunk-NQK5ZWC7.cjs');
+require('../chunk-U2NES7VR.cjs');
 
 
 var _chunk2KFZQJH5cjs = require('../chunk-2KFZQJH5.cjs');
-require('../chunk-PQUSJEXL.cjs');
 require('../chunk-WABCLRBR.cjs');
-require('../chunk-NKWHDI4C.cjs');
+require('../chunk-PQUSJEXL.cjs');
 
 
 var _chunkJDEXZGIYcjs = require('../chunk-JDEXZGIY.cjs');
+require('../chunk-NKWHDI4C.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
@@ -541,7 +541,7 @@ function ChatInput({
                     children: header
                   }
                 ),
-                liveVoiceActive && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LDJAXRXcjs.InputGroupAddon, { align: "block-start", className: "w-full cursor-default border-b border-border p-0 [.border-b]:pb-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPNI354BYcjs.VoiceSessionControls, { ...voiceSession }) }),
+                liveVoiceActive && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LDJAXRXcjs.InputGroupAddon, { align: "block-start", className: "w-full cursor-default border-b border-border p-0 [.border-b]:pb-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMNDFISNcjs.VoiceSessionControls, { ...voiceSession }) }),
                 attachments.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   ChatAttachmentList,
                   {
@@ -620,7 +620,7 @@ function ChatInput({
                       ) : null,
                       (!helperText || compact) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1" }),
                       voice && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkPH2TV7XIcjs.VoiceDictationButton,
+                        _chunk2YW5VA2Vcjs.VoiceDictationButton,
                         {
                           size: "icon",
                           title: voiceTitle,
@@ -634,7 +634,7 @@ function ChatInput({
                           )
                         }
                       ),
-                      voiceSession && !liveVoiceActive && !hasText && attachments.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPNI354BYcjs.VoiceSessionControls, { ...voiceSession, disabled: voiceSession.disabled || isDisabled }) : submitLabel ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                      voiceSession && !liveVoiceActive && !hasText && attachments.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMNDFISNcjs.VoiceSessionControls, { ...voiceSession, disabled: voiceSession.disabled || isDisabled }) : submitLabel ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                         _chunkJDEXZGIYcjs.Button,
                         {
                           type: "submit",
@@ -696,9 +696,9 @@ function VoiceHero({
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center gap-5 py-6", children: [
     voiceSession ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPNI354BYcjs.VoiceSessionControls, { ...voiceSession, size: "hero" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMNDFISNcjs.VoiceSessionControls, { ...voiceSession, size: "hero" }),
       voice && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkPH2TV7XIcjs.VoiceDictationButton,
+        _chunk2YW5VA2Vcjs.VoiceDictationButton,
         {
           size: "icon",
           title: voiceTitle,
@@ -708,7 +708,7 @@ function VoiceHero({
         }
       )
     ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPH2TV7XIcjs.VoiceDictationButton,
+      _chunk2YW5VA2Vcjs.VoiceDictationButton,
       {
         size: "lg",
         title: voiceTitle,
@@ -1150,7 +1150,7 @@ var Chat = _react.forwardRef.call(void 0, function Chat2({
   const liveVoiceActive = voiceSession && voiceSession.state !== "disconnected" && voiceSession.state !== "error";
   const showEmptyPending = !conversationStarted && pending && Boolean(emptyPendingContent) && !liveVoiceActive;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkZLEM2SAUcjs.FileDropArea,
+    _chunkZ3JJSNR5cjs.FileDropArea,
     {
       "data-slot": "chat",
       "data-layout": layout,
@@ -1218,7 +1218,7 @@ var Chat = _react.forwardRef.call(void 0, function Chat2({
                 ),
                 children: [
                   showEmptyFileDropzone && onFilesSelected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkZLEM2SAUcjs.FileDropzone,
+                    _chunkZ3JJSNR5cjs.FileDropzone,
                     {
                       multiple: true,
                       onFiles: onFilesSelected,