@drawnagency/primitives 0.1.89 → 0.1.91

package/dist/components/sections/register.js

@@ -1,11 +1,11 @@
 import {
   allSectionDefs
-} from "../../chunk-MVX4ULYE.js";
-import "../../chunk-L2MAJKKC.js";
-import "../../chunk-QFV5TSPO.js";
+} from "../../chunk-ZLG7S54V.js";
+import "../../chunk-XUIJHYKI.js";
+import "../../chunk-SIYQ37QY.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-2QXJ2KGB.js";
-import "../../chunk-J75XGXYD.js";
+import "../../chunk-KBQNJZUX.js";
+import "../../chunk-XKRQMTE4.js";
 import "../../chunk-ZSPCE6MZ.js";
 import "../../chunk-NV4R6VHN.js";
 import "../../chunk-Y4JQGO6G.js";
@@ -16,7 +16,7 @@ import "../../chunk-53DKVAB6.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-YBVK254P.js";
 import "../../chunk-TZQPOR5A.js";
-import "../../chunk-WCBYXNAG.js";
+import "../../chunk-KMQZYORS.js";
 import {
   registerSection
 } from "../../chunk-VKAGMEKE.js";

package/dist/components/shared/Fab.d.ts

@@ -0,0 +1,37 @@
+import type { ComponentPropsWithoutRef, ReactNode, Ref } from "react";
+/** Floating action button — the round primary buttons floating over the page.
+ *
+ *  The `column` is both the placement and the behavior hook: base.css hides
+ *  every member of both columns (shrink + fade) while the chat is open, keyed
+ *  on the column class, so a new FAB participates in the chat open/close
+ *  choreography just by rendering through this component. Positions are
+ *  static on purpose — FABs are only visible while the chat is closed
+ *  (--chat-space: 0), so they never need to track the docked sidebar.
+ *
+ *  - "viewer": viewport corner stack (z-40, h-12). Rendered on SSR viewer
+ *    pages too — keep this component hook-free so it stays server-renderable
+ *    without hydration.
+ *  - "editor": the /edit FAB column (z-50, h-10), content-edge aligned at lg+
+ *    via fab-container-right.
+ *
+ *  Renders an <a> when `href` is set, else a <button type="button">. The
+ *  caller supplies the vertical slot (bottom-*) via className and the icon as
+ *  children.
+ */
+interface FabCommon {
+    /** Accessible name — FABs are icon-only. */
+    label: string;
+    column: "viewer" | "editor";
+    /** Vertical slot (bottom-*) plus any per-FAB extras. */
+    className?: string;
+    children: ReactNode;
+}
+export type FabProps = ({
+    href: string;
+} & FabCommon & Omit<ComponentPropsWithoutRef<"a">, "children" | "className" | "aria-label">) | ({
+    href?: undefined;
+    ref?: Ref<HTMLButtonElement>;
+} & FabCommon & Omit<ComponentPropsWithoutRef<"button">, "children" | "className" | "aria-label" | "type">);
+export default function Fab({ label, column, className, children, ...rest }: FabProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Fab.d.ts.map

package/dist/components/shared/Fab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fab.d.ts","sourceRoot":"","sources":["../../../src/components/shared/Fab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGtE;;;;;;;;;;;;;;;;;;GAkBG;AACH,UAAU,SAAS;IACjB,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,QAAQ,GAChB,CAAC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,GAAG,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,YAAY,CAAC,CAAC,GAC7G,CAAC;IAAE,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,GAAG,SAAS,GAC7D,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC;AAElG,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,QAAQ,2CAoBpF"}

package/dist/components/shared/Tooltip.d.ts

@@ -3,8 +3,15 @@ interface TooltipProps {
     content: ReactNode;
     children: ReactNode;
     className?: string;
+    /** Where the bubble sits relative to the trigger:
+     *  - "bottom" (default): below, centered.
+     *  - "right": to the right (used by the container child rail, a narrow left gutter).
+     *  - "bottom-clamp": below, centered on wide viewports but right-aligned under `xl`
+     *    (where the top toolbar hits the viewport width) so a far-right button's bubble
+     *    can't overflow off the right edge of the screen. */
+    side?: "bottom" | "right" | "bottom-clamp";
 }
-export declare function Tooltip({ content, children, className }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tooltip({ content, children, className, side }: TooltipProps): import("react/jsx-runtime").JSX.Element;
 export declare function Kbd({ children }: {
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/shared/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/shared/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,YAAY;IACpB,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,2CAcrE;AAED,wBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAExD"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/shared/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,YAAY;IACpB,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;6DAKyD;IACzD,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,cAAc,CAAC;CAC5C;AAQD,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAe,EAAE,EAAE,YAAY,2CAiBtF;AAED,wBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAExD"}

package/dist/components/shell/AudiencePreviewMenu.d.ts

@@ -0,0 +1,7 @@
+import type { Audience } from "../../auth/types";
+interface AudiencePreviewMenuProps {
+    audiences: Audience[];
+}
+export declare function AudiencePreviewMenu({ audiences }: AudiencePreviewMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AudiencePreviewMenu.d.ts.map

package/dist/components/shell/AudiencePreviewMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudiencePreviewMenu.d.ts","sourceRoot":"","sources":["../../../src/components/shell/AudiencePreviewMenu.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,UAAU,wBAAwB;IAChC,SAAS,EAAE,QAAQ,EAAE,CAAC;CACvB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,EAAE,wBAAwB,2CA4D1E"}

package/dist/components/shell/AuthoringDefaultsMenu.d.ts

@@ -0,0 +1,10 @@
+import type { AuthoringDefaults } from "../../lib/authoring-defaults";
+import type { Audience } from "../../auth/types";
+interface AuthoringDefaultsMenuProps {
+    defaults: AuthoringDefaults;
+    audiences: Audience[];
+    onChange: (next: AuthoringDefaults) => void;
+}
+export declare function AuthoringDefaultsMenu({ defaults, audiences, onChange }: AuthoringDefaultsMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AuthoringDefaultsMenu.d.ts.map

package/dist/components/shell/AuthoringDefaultsMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthoringDefaultsMenu.d.ts","sourceRoot":"","sources":["../../../src/components/shell/AuthoringDefaultsMenu.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,UAAU,0BAA0B;IAClC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,0BAA0B,2CAsClG"}

package/dist/components/shell/BugReportFAB.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BugReportFAB.d.ts","sourceRoot":"","sources":["../../../src/components/shell/BugReportFAB.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,YAAY,mDA0T3B"}
+{"version":3,"file":"BugReportFAB.d.ts","sourceRoot":"","sources":["../../../src/components/shell/BugReportFAB.tsx"],"names":[],"mappings":"AA8BA,wBAAgB,YAAY,mDAqT3B"}

package/dist/components/shell/EditorContext.d.ts

@@ -14,11 +14,14 @@ interface EditorContextValue {
     viewBranch: "saved" | "live";
     historyState: HistoryState;
     historyPageId: string | null;
+    /** Audience-preview mode: dim sections this audience can't access. null = off. */
+    previewAudience: string | null;
     toggleEditMode: () => void;
     toggleShowAllChrome: () => void;
     setViewBranch: (branch: "saved" | "live") => void;
     setHistoryState: (state: HistoryState) => void;
     setHistoryPageId: (pageId: string | null) => void;
+    setPreviewAudience: (audience: string | null) => void;
 }
 interface EditorProviderProps {
     children: ReactNode;

package/dist/components/shell/EditorContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorContext.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvE,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;CACxB,GAAG,IAAI,CAAC;AAET,UAAU,kBAAkB;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,aAAa,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IAClD,eAAe,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACnD;AAID,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CA4B/D;AAED,wBAAgB,gBAAgB,IAAI,kBAAkB,CAMrD"}
+{"version":3,"file":"EditorContext.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvE,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;CACxB,GAAG,IAAI,CAAC;AAET,UAAU,kBAAkB;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,kFAAkF;IAClF,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,aAAa,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IAClD,eAAe,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACvD;AAID,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CA6B/D;AAED,wBAAgB,gBAAgB,IAAI,kBAAkB,CAMrD"}

package/dist/components/shell/EditorShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorShell.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorShell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAcjD,OAAO,EAAoC,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAuDtF,OAAO,KAAK,EAAE,eAAe,EAA2D,MAAM,oBAAoB,CAAC;AAmCnH,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAoBxD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAIhB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,YAAY,EAAE;QACZ,KAAK,EAAE,OAAO,CAAC;QACf,aAAa,EAAE,OAAO,CAAC;QACvB,YAAY,EAAE,OAAO,CAAC;QACtB,cAAc,EAAE,OAAO,CAAC;QACxB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,cAAc,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,GAAG,IAAI,CAAC;IAIhE,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAKjC,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EACZ,WAAW,EACX,sBAA8B,EAC9B,eAAe,GAChB,EAAE,KAAK,2CA2lDP;AAuED;6EAC6E;AAC7E,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,WAAW,CAAC,YAAY,CAAC,EACvC,aAAa,EAAE,MAAM,GAAG,IAAI,EAC5B,eAAe,EAAE,MAAM,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAK/B"}
+{"version":3,"file":"EditorShell.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorShell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAcjD,OAAO,EAAoC,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAuDtF,OAAO,KAAK,EAAE,eAAe,EAA2D,MAAM,oBAAoB,CAAC;AAwCnH,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAoBxD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAIhB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,YAAY,EAAE;QACZ,KAAK,EAAE,OAAO,CAAC;QACf,aAAa,EAAE,OAAO,CAAC;QACvB,YAAY,EAAE,OAAO,CAAC;QACtB,cAAc,EAAE,OAAO,CAAC;QACxB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,cAAc,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,GAAG,IAAI,CAAC;IAIhE,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAKjC,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EACZ,WAAW,EACX,sBAA8B,EAC9B,eAAe,GAChB,EAAE,KAAK,2CA4mDP;AAuED;6EAC6E;AAC7E,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,WAAW,CAAC,YAAY,CAAC,EACvC,aAAa,EAAE,MAAM,GAAG,IAAI,EAC5B,eAAe,EAAE,MAAM,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAK/B"}

package/dist/components/shell/SiteSettingsChatbot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SiteSettingsChatbot.d.ts","sourceRoot":"","sources":["../../../src/components/shell/SiteSettingsChatbot.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAA8B,MAAM,2BAA2B,CAAC;AACxF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAcjD,UAAU,KAAK;IACb,UAAU,EAAE,UAAU,CAAC;IACvB,kBAAkB,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACjD,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;CAC1B;AAsBD,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,kBAAkB,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,KAAK,2CA4LxG"}
+{"version":3,"file":"SiteSettingsChatbot.d.ts","sourceRoot":"","sources":["../../../src/components/shell/SiteSettingsChatbot.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAA8B,MAAM,2BAA2B,CAAC;AACxF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAcjD,UAAU,KAAK;IACb,UAAU,EAAE,UAAU,CAAC;IACvB,kBAAkB,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACjD,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;CAC1B;AAsBD,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,kBAAkB,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,KAAK,2CA4LxG"}

package/dist/hooks/useBuildStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBuildStatus.d.ts","sourceRoot":"","sources":["../../src/hooks/useBuildStatus.ts"],"names":[],"mappings":"AAEA,KAAK,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AASrE,UAAU,iBAAiB;IACzB,KAAK,EAAE,UAAU,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAUD,wBAAgB,cAAc,IAAI,iBAAiB,CA2IlD"}
+{"version":3,"file":"useBuildStatus.d.ts","sourceRoot":"","sources":["../../src/hooks/useBuildStatus.ts"],"names":[],"mappings":"AAEA,KAAK,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AASrE,UAAU,iBAAiB;IACzB,KAAK,EAAE,UAAU,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAkBD,wBAAgB,cAAc,IAAI,iBAAiB,CAkKlD"}

package/dist/index.js

@@ -51,7 +51,7 @@ import {
   AudienceNameSchema,
   MediaGridOptionsSchema,
   slugifyAudienceName
-} from "./chunk-Y24T75HT.js";
+} from "./chunk-MK7YB2A4.js";
 import {
   AudienceSchema,
   RoleSchema,
@@ -77,7 +77,7 @@ import {
   resolveChatbotName,
   resolveThinkingPhrases,
   safeRedirect
-} from "./chunk-VK5KNH73.js";
+} from "./chunk-AGWE2LJG.js";
 import {
   curatedIcons,
   getIcon
@@ -105,7 +105,7 @@ import {
 import {
   audiencePasses
 } from "./chunk-YBVK254P.js";
-import "./chunk-75P6HWPN.js";
+import "./chunk-5BM2Y3NJ.js";
 import {
   getSectionContentSchema,
   getSectionSchema
@@ -127,10 +127,11 @@ import {
   SectionMetaSchema,
   SingleMediaReferenceSchema,
   SiteConfigSchema,
+  StatusSchema,
   TextLineSchema,
   VariantSchema,
   normalizeSiteIndex
-} from "./chunk-WCBYXNAG.js";
+} from "./chunk-KMQZYORS.js";
 import {
   clearRegistry,
   createRegistry,
@@ -202,6 +203,7 @@ export {
   SingleMediaReferenceSchema,
   SiteConfigSchema,
   SiteUserSchema,
+  StatusSchema,
   StorageConflictError,
   TakeoverMessageSchema,
   TextLineSchema,

package/dist/lib/authoring-defaults.d.ts

@@ -0,0 +1,17 @@
+import { z } from "zod";
+import type { Audience } from "../auth/types";
+export declare const AuthoringDefaultsSchema: z.ZodObject<{
+    status: z.ZodPipe<z.ZodEnum<{
+        draft: "draft";
+        live: "live";
+        archived: "archived";
+        published: "published";
+    }>, z.ZodTransform<"draft" | "live" | "archived", "draft" | "live" | "archived" | "published">>;
+    access: z.ZodArray<z.ZodString>;
+}, z.core.$strip>;
+export type AuthoringDefaults = z.infer<typeof AuthoringDefaultsSchema>;
+export declare const FALLBACK_AUTHORING_DEFAULTS: AuthoringDefaults;
+export declare function loadAuthoringDefaults(): AuthoringDefaults;
+export declare function saveAuthoringDefaults(defaults: AuthoringDefaults): void;
+export declare function filterAccessToKnown(access: string[], audiences: Audience[]): string[];
+//# sourceMappingURL=authoring-defaults.d.ts.map

package/dist/lib/authoring-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"authoring-defaults.d.ts","sourceRoot":"","sources":["../../src/lib/authoring-defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,eAAO,MAAM,uBAAuB;;;;;;;;iBAGlC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAExE,eAAO,MAAM,2BAA2B,EAAE,iBAAmD,CAAC;AAM9F,wBAAgB,qBAAqB,IAAI,iBAAiB,CASzD;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAOvE;AAID,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAE,CAErF"}

package/dist/lib/container-grid.d.ts

@@ -19,6 +19,12 @@ export declare const colSpanClass: Record<number, Record<number, string>>;
 /** Gap token -> Tailwind gap class. Retained as a utility; the container now uses a
  *  fixed gap (the Gap setting was removed), but the map stays for general use. */
 export declare const gapClass: Record<string, string>;
+/**
+ * Column count -> `columns-N` classes for masonry (CSS multi-column), mirroring
+ * `containerGridClass`'s collapse curve (`grid-cols-`→`columns-`). Full static
+ * strings so Tailwind's source scan generates them.
+ */
+export declare const masonryColumnsClass: Record<number, string>;
 /**
  * Per-column-count container-query classes that HIDE a spacer cell once the container
  * collapses to a single column (mobile). Mirrors `containerGridClass`'s collapse curve:

package/dist/lib/container-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container-grid.d.ts","sourceRoot":"","sources":["../../src/lib/container-grid.ts"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,eAAO,MAAM,qBAAqB,IAAI,CAAC;AAEvC;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAOrD,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAO/D,CAAC;AAEF;kFACkF;AAClF,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAK3C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAOpD,CAAC"}
+{"version":3,"file":"container-grid.d.ts","sourceRoot":"","sources":["../../src/lib/container-grid.ts"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,eAAO,MAAM,qBAAqB,IAAI,CAAC;AAEvC;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAOrD,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAO/D,CAAC;AAEF;kFACkF;AAClF,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAK3C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAOtD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAOpD,CAAC"}

package/dist/lib/index.js

@@ -11,7 +11,7 @@ import {
   resolveChatbotName,
   resolveThinkingPhrases,
   safeRedirect
-} from "../chunk-VK5KNH73.js";
+} from "../chunk-AGWE2LJG.js";
 import {
   curatedIcons,
   getIcon
@@ -35,9 +35,9 @@ import "../chunk-S2L3BPLS.js";
 import {
   audiencePasses
 } from "../chunk-YBVK254P.js";
-import "../chunk-75P6HWPN.js";
+import "../chunk-5BM2Y3NJ.js";
 import "../chunk-TZQPOR5A.js";
-import "../chunk-WCBYXNAG.js";
+import "../chunk-KMQZYORS.js";
 import {
   clearRegistry,
   createRegistry,

package/dist/lib/migrate-sections-transform.js

@@ -1,6 +1,6 @@
 import {
   upgradeLegacySection
-} from "../chunk-75P6HWPN.js";
+} from "../chunk-5BM2Y3NJ.js";
 import "../chunk-JSBRDJBE.js";
 export {
   upgradeLegacySection

package/dist/media/index.js

@@ -26,7 +26,7 @@ import {
   MediaFolderSchema,
   MediaItemSchema,
   VariantSchema
-} from "../chunk-WCBYXNAG.js";
+} from "../chunk-KMQZYORS.js";
 import "../chunk-FM4M4Q2W.js";
 import "../chunk-JSBRDJBE.js";
 export {

package/dist/schemas/index.js

@@ -3,7 +3,7 @@ import {
   AudienceNameSchema,
   MediaGridOptionsSchema,
   slugifyAudienceName
-} from "../chunk-Y24T75HT.js";
+} from "../chunk-MK7YB2A4.js";
 import {
   AudienceSchema,
   RoleSchema,
@@ -37,10 +37,11 @@ import {
   SectionMetaSchema,
   SingleMediaReferenceSchema,
   SiteConfigSchema,
+  StatusSchema,
   TextLineSchema,
   VariantSchema,
   normalizeSiteIndex
-} from "../chunk-WCBYXNAG.js";
+} from "../chunk-KMQZYORS.js";
 import "../chunk-VKAGMEKE.js";
 import "../chunk-FM4M4Q2W.js";
 import "../chunk-NSCT3AMV.js";
@@ -72,6 +73,7 @@ export {
   SingleMediaReferenceSchema,
   SiteConfigSchema,
   SiteUserSchema,
+  StatusSchema,
   TextLineSchema,
   VariantSchema,
   getSectionContentSchema,

package/dist/schemas/site-config.d.ts

@@ -1,4 +1,10 @@
 import { z } from "zod";
+export declare const StatusSchema: z.ZodPipe<z.ZodEnum<{
+    draft: "draft";
+    live: "live";
+    archived: "archived";
+    published: "published";
+}>, z.ZodTransform<"draft" | "live" | "archived", "draft" | "live" | "archived" | "published">>;
 export declare const SectionMetaSchema: z.ZodObject<{
     type: z.ZodString;
     status: z.ZodPipe<z.ZodEnum<{

package/dist/schemas/site-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"site-config.d.ts","sourceRoot":"","sources":["../../src/schemas/site-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAaxB,eAAO,MAAM,iBAAiB;;;;;;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAQ5D,eAAO,MAAM,cAAc,8EAA+E,CAAC;AAW3G,eAAO,MAAM,gBAAgB;;;EAA+B,CAAC;AAE7D,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAUrB,CAAC;AAEH,MAAM,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,UAAU,CAAC,CAAC;AA0C9C,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6CtB,CAAC;AAEL,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAyE,CAAC;AAElG,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAE7D,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,OAAO,GAAG,SAAS,CAE1D;AAMD,eAAO,MAAM,iBAAiB;;;;;iBAM5B,CAAC;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;iBAiC5B,CAAC;AACL,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAyD3B,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"site-config.d.ts","sourceRoot":"","sources":["../../src/schemas/site-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AASxB,eAAO,MAAM,YAAY;;;;;+FAExB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAQ5D,eAAO,MAAM,cAAc,8EAA+E,CAAC;AAW3G,eAAO,MAAM,gBAAgB;;;EAA+B,CAAC;AAE7D,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAUrB,CAAC;AAEH,MAAM,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,UAAU,CAAC,CAAC;AA0C9C,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6CtB,CAAC;AAEL,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAyE,CAAC;AAElG,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAE7D,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,OAAO,GAAG,SAAS,CAE1D;AAMD,eAAO,MAAM,iBAAiB;;;;;iBAM5B,CAAC;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;iBAiC5B,CAAC;AACL,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAyD3B,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drawnagency/primitives",
-  "version": "0.1.89",
+  "version": "0.1.91",
   "type": "module",
   "exports": {
     "./package.json": "./package.json",

package/src/components/chat/ChatPanel.tsx

@@ -12,9 +12,9 @@ import { RemoveIcon } from "../shared/icons";
 export interface ChatMessage { role: "user" | "assistant"; content: string }
 
 /** How the conversation is framed on screen:
- *  - "floating": the compact anchored panel (/edit FAB + settings test chat)
- *  - "docked":   full-height right sidebar (viewer, >=768px)
- *  - "sheet":    bottom sheet (viewer, phones) */
+ *  - "floating": the compact anchored panel (settings test chat only)
+ *  - "docked":   full-height right sidebar (viewer + /edit, >=768px)
+ *  - "sheet":    bottom sheet (viewer + /edit, phones) */
 export type ChatPanelMode = "floating" | "docked" | "sheet";
 
 const SESSION_KEY = "bp-chat-session";
@@ -35,9 +35,10 @@ function sessionId(): string {
   return id;
 }
 
-/** Conversation persistence (viewer modes only): internal links open in the
- *  same tab, so the transcript must survive page navigation. sessionStorage —
- *  per-tab, cleared when the visit ends. */
+/** Conversation persistence (docked/sheet modes): viewer internal links open
+ *  in the same tab, so the transcript must survive page navigation — and it
+ *  carries across same-tab hops between /edit and the live site. sessionStorage
+ *  — per-tab, cleared when the visit ends. */
 function loadStoredMessages(): ChatMessage[] {
   try {
     const parsed: unknown = JSON.parse(window.sessionStorage.getItem(MESSAGES_KEY) ?? "[]");
@@ -132,8 +133,15 @@ export async function streamChat(
   }
 }
 
-export default function ChatPanel({ open, onClose, siteName, botName, thinkingPhrases, tasks, isEditor, draftChatbot, simulateAudience, variant = "viewer", mode = "floating", focusComposer, audience }: {
+export default function ChatPanel({ open, closing, animateEnter, onClose, siteName, botName, thinkingPhrases, tasks, isEditor, draftChatbot, simulateAudience, variant = "viewer", mode = "floating", focusComposer, audience }: {
   open: boolean;
+  /** Viewer modes: keeps the panel mounted through its exit slide (ChatWidget
+   *  flips this off once the transition has run). */
+  closing?: boolean;
+  /** Animate the entrance (explicit user open). False for the docked restore
+   *  on page load, where the column is already reserved pre-paint and a slide
+   *  would replay on every navigation. */
+  animateEnter?: boolean;
   onClose: () => void;
   siteName: string;
   /** Resolved assistant display name (per-audience, server-side). */
@@ -146,8 +154,9 @@ export default function ChatPanel({ open, onClose, siteName, botName, thinkingPh
   draftChatbot?: unknown;
   /** Configurator test panel only: preview this audience's prompt overlay. */
   simulateAudience?: string;
-  /** Floating mode only — anchors the panel above its launcher: viewer corner
-   *  FAB vs /edit FAB column. */
+  /** Surface the chat serves: "editor" (/edit docked chat) keeps internal
+   *  cross-page links in a new tab (unsaved editor state) and sizes the
+   *  docked panel against the editor toolbar instead of the viewer nav. */
   variant?: "viewer" | "editor";
   mode?: ChatPanelMode;
   /** Focus the composer when opened (explicit user open on desktop). Never
@@ -331,14 +340,15 @@ export default function ChatPanel({ open, onClose, siteName, botName, thinkingPh
       return;
     }
     if (url.origin === window.location.origin) {
-      if (persistent) {
+      if (persistent && variant !== "editor") {
         // Internal cross-page citation, viewer chat: navigate in place — the
         // sessionStorage transcript (and docked-open state) survive the load.
         window.location.assign(url.href);
         return;
       }
-      // Editor surfaces (floating mode): same-tab navigation would destroy
-      // unsaved editor state — keep internal links in a new tab there.
+      // Editor surfaces (/edit docked chat, settings test panel): same-tab
+      // navigation would destroy unsaved editor state — keep internal links
+      // in a new tab there.
       window.open(url.href, "_blank", "noopener");
       return;
     }
@@ -442,14 +452,21 @@ export default function ChatPanel({ open, onClose, siteName, botName, thinkingPh
     setHistory(loadHistory(historyAudience));
   }
 
-  if (!open) return null;
+  if (!open && !closing) return null;
 
   const lastIndex = messages.length - 1;
 
   return (
     <>
       {mode === "sheet" && (
-        <div className="fixed inset-0 z-50 bg-black/50" onClick={onClose} aria-hidden="true" />
+        <div
+          className={cn(
+            "fixed inset-0 z-50 bg-black/50 motion-safe:transition-opacity motion-safe:duration-300",
+            open ? "opacity-100 starting:opacity-0" : "pointer-events-none opacity-0",
+          )}
+          onClick={onClose}
+          aria-hidden="true"
+        />
       )}
       <div
         ref={panelRef}
@@ -460,12 +477,27 @@ export default function ChatPanel({ open, onClose, siteName, botName, thinkingPh
         onKeyDown={(e) => { if (e.key === "Escape") onClose(); }}
         className={cn(
           "flex flex-col bg-base focus:outline-none",
-          mode === "floating" && cn(
-            "fixed z-40 h-[28rem] w-80 rounded-outer border border-base-200 shadow-xl",
-            variant === "editor" ? "bottom-4 fab-panel-left max-w-[calc(100vw-5.25rem)]" : "bottom-20 right-4",
+          mode === "floating" && "fixed z-40 h-[28rem] w-80 rounded-outer border border-base-200 shadow-xl bottom-20 right-4",
+          // Enter/exit slides pair with base.css's 300ms band shift (same
+          // duration + default curve); under reduced motion there's no
+          // transition and @starting-style has no effect — instant show/hide.
+          // Top offset clears the fixed top bar spanning the panel's column:
+          // the viewer nav header exists below xl (chat-enabled pages dock
+          // the nav at xl); /edit keeps its full-width h-16 toolbar at every
+          // width, so the panel always tucks below it — the toolbar never
+          // moves during the open/close slide.
+          mode === "docked" && cn(
+            "fixed right-0 bottom-0 z-40 w-[var(--chat-w)] border-l border-base-200",
+            variant === "editor" ? "top-16" : "top-16 xl:top-0",
+            "motion-safe:transition-transform motion-safe:duration-300",
+            open ? "translate-x-0" : "translate-x-full",
+            open && animateEnter && "starting:translate-x-full",
+          ),
+          mode === "sheet" && cn(
+            "fixed inset-x-0 bottom-0 z-50 h-[85dvh] rounded-t-outer border-t border-base-200 shadow-xl",
+            "motion-safe:transition-transform motion-safe:duration-300",
+            open ? "translate-y-0 starting:translate-y-full" : "translate-y-full",
           ),
-          mode === "docked" && "fixed right-0 bottom-0 top-16 xl:top-0 z-40 w-[var(--chat-w)] border-l border-base-200",
-          mode === "sheet" && "fixed inset-x-0 bottom-0 z-50 h-[85dvh] rounded-t-outer border-t border-base-200 shadow-xl",
         )}
         style={mode === "sheet" ? { bottom: "var(--kb-offset, 0px)", maxHeight: "calc(var(--vvh, 100dvh) - 2.5rem)" } : undefined}
       >