@drawnagency/primitives 0.1.111 → 0.1.113

package/dist/{chunk-7WQJ57XG.js → chunk-6BZ2KNTP.js}

@@ -2,68 +2,47 @@ import {
   Checkbox
 } from "./chunk-F2LYQPXV.js";
 import {
-  Button,
   LinkField,
   Select
-} from "./chunk-OUYB2GCW.js";
+} from "./chunk-K7DYZXVU.js";
 import {
   DeleteIcon,
   DragHandle,
   FormLabel,
-  IconButton,
   Input,
   SettingsIcon,
   useMediaLibrary,
   useResolvedMedia
-} from "./chunk-ELQ4C677.js";
+} from "./chunk-JH762VUH.js";
+import {
+  Kbd,
+  Tooltip
+} from "./chunk-IINIZBQB.js";
+import {
+  Button
+} from "./chunk-WUJ3XNFI.js";
+import {
+  IconButton
+} from "./chunk-IIDKW7AV.js";
 import {
   formatFileSize
-} from "./chunk-XQMDWXD6.js";
+} from "./chunk-FRE2CCLV.js";
 import {
   cn
 } from "./chunk-7EOSDFS3.js";
 
 // src/components/editor/DragHandle.tsx
 import { forwardRef } from "react";
-
-// src/components/shared/Tooltip.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var sideClasses = {
-  bottom: "left-1/2 top-full mt-1.5 -translate-x-1/2",
-  right: "left-full top-1/2 ml-1.5 -translate-y-1/2",
-  "bottom-clamp": "top-full mt-1.5 left-1/2 -translate-x-1/2 max-xl:left-auto max-xl:right-0 max-xl:translate-x-0"
-};
-function Tooltip({ content, children, className, side = "bottom" }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("group/tooltip relative inline-flex", className), children: [
-    children,
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: cn(
-          "pointer-events-none absolute z-50 opacity-0 transition-opacity delay-300 group-hover/tooltip:opacity-100",
-          sideClasses[side]
-        ),
-        role: "tooltip",
-        children: /* @__PURE__ */ jsx("span", { className: "block whitespace-nowrap rounded bg-tooltip px-2 py-1 text-center text-xs leading-relaxed text-tooltip-muted", children: content })
-      }
-    )
-  ] });
-}
-function Kbd({ children }) {
-  return /* @__PURE__ */ jsx("strong", { className: "text-tooltip-contrast", children });
-}
-
-// src/components/editor/DragHandle.tsx
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var DragHandle2 = forwardRef(function DragHandle3({ tooltipSide }, ref) {
-  return /* @__PURE__ */ jsx2(Tooltip, { side: tooltipSide, content: /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx2(Kbd, { children: "Drag" }),
+  return /* @__PURE__ */ jsx(Tooltip, { side: tooltipSide, content: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Kbd, { children: "Drag" }),
     " to move"
-  ] }), children: /* @__PURE__ */ jsx2(
+  ] }), children: /* @__PURE__ */ jsx(
     IconButton,
     {
       ref,
-      icon: /* @__PURE__ */ jsx2(DragHandle, { size: 18 }),
+      icon: /* @__PURE__ */ jsx(DragHandle, { size: 18 }),
       label: "Drag to reorder section",
       className: "pointer-events-auto cursor-grab active:cursor-grabbing rounded-md text-base-contrast-light/80 hover:bg-base-contrast-light/10 hover:text-base-contrast",
       tabIndex: -1
@@ -72,12 +51,12 @@ var DragHandle2 = forwardRef(function DragHandle3({ tooltipSide }, ref) {
 });
 
 // src/components/editor/DeleteButton.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 function DeleteButton({ onDelete }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     IconButton,
     {
-      icon: /* @__PURE__ */ jsx3(DeleteIcon, { size: 16 }),
+      icon: /* @__PURE__ */ jsx2(DeleteIcon, { size: 16 }),
       label: "Delete section",
       intent: "destructive",
       onClick: onDelete,
@@ -87,12 +66,12 @@ function DeleteButton({ onDelete }) {
 }
 
 // src/components/editor/SettingsButton.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 function SettingsButton({ onClick }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     IconButton,
     {
-      icon: /* @__PURE__ */ jsx4(SettingsIcon, { size: 16 }),
+      icon: /* @__PURE__ */ jsx3(SettingsIcon, { size: 16 }),
       label: "Section settings",
       onClick,
       className: "pointer-events-auto"
@@ -105,7 +84,7 @@ import { useId, useState as useState3 } from "react";
 
 // src/components/shared/VideoSourceField.tsx
 import { useState } from "react";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var ASPECTS = [
   { label: "9:16", width: 9, height: 16 },
   { label: "4:5", width: 4, height: 5 },
@@ -154,9 +133,9 @@ function VideoSourceField({ value, onChange }) {
       setLoading(false);
     }
   }
-  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3", children: [
-    /* @__PURE__ */ jsx5(FormLabel, { children: "Source" }),
-    /* @__PURE__ */ jsx5("div", { className: "flex gap-2", role: "tablist", children: ["library", "embed"].map((m) => /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsx4(FormLabel, { children: "Source" }),
+    /* @__PURE__ */ jsx4("div", { className: "flex gap-2", role: "tablist", children: ["library", "embed"].map((m) => /* @__PURE__ */ jsx4(
       "button",
       {
         type: "button",
@@ -171,9 +150,9 @@ function VideoSourceField({ value, onChange }) {
       },
       m
     )) }),
-    mode === "library" ? /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
-      libraryImageId ? resolved.poster ? /* @__PURE__ */ jsx5("img", { src: resolved.poster, alt: "", className: "h-12 w-20 rounded object-cover" }) : /* @__PURE__ */ jsx5("span", { className: "text-sm text-base-contrast-light", children: "Video selected" }) : /* @__PURE__ */ jsx5("span", { className: "text-sm text-base-contrast-light", children: "No video selected" }),
-      /* @__PURE__ */ jsx5(
+    mode === "library" ? /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3", children: [
+      libraryImageId ? resolved.poster ? /* @__PURE__ */ jsx4("img", { src: resolved.poster, alt: "", className: "h-12 w-20 rounded object-cover" }) : /* @__PURE__ */ jsx4("span", { className: "text-sm text-base-contrast-light", children: "Video selected" }) : /* @__PURE__ */ jsx4("span", { className: "text-sm text-base-contrast-light", children: "No video selected" }),
+      /* @__PURE__ */ jsx4(
         Button,
         {
           type: "button",
@@ -183,9 +162,9 @@ function VideoSourceField({ value, onChange }) {
           children: "Choose video"
         }
       )
-    ] }) : /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx5(
+    ] }) : /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx4(
           "input",
           {
             type: "text",
@@ -205,7 +184,7 @@ function VideoSourceField({ value, onChange }) {
             className: "flex-1 rounded border border-base-200 bg-base px-2 py-1 text-sm text-base-contrast placeholder:text-base-contrast-light focus:outline-none focus:ring-1 focus:ring-primary"
           }
         ),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx4(
           Button,
           {
             type: "button",
@@ -217,13 +196,13 @@ function VideoSourceField({ value, onChange }) {
           }
         )
       ] }),
-      error ? /* @__PURE__ */ jsx5("p", { className: "text-xs text-red-600", children: error }) : null,
-      !error && fallback ? /* @__PURE__ */ jsx5("p", { className: "text-xs text-base-contrast-light/70", children: "Added \u2014 couldn't fetch exact dimensions, using 16:9." }) : null,
-      value?.type === "external" && value.provider === "instagram" ? /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx5("span", { className: "text-xs text-base-contrast-light", children: "Aspect" }),
+      error ? /* @__PURE__ */ jsx4("p", { className: "text-xs text-red-600", children: error }) : null,
+      !error && fallback ? /* @__PURE__ */ jsx4("p", { className: "text-xs text-base-contrast-light/70", children: "Added \u2014 couldn't fetch exact dimensions, using 16:9." }) : null,
+      value?.type === "external" && value.provider === "instagram" ? /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx4("span", { className: "text-xs text-base-contrast-light", children: "Aspect" }),
         ASPECTS.map(({ label, width, height }) => {
           const active = value.width === width && value.height === height;
-          return /* @__PURE__ */ jsx5(
+          return /* @__PURE__ */ jsx4(
             "button",
             {
               type: "button",
@@ -257,22 +236,22 @@ function useResolvedDocument(documentId) {
 }
 
 // src/components/shared/DocumentSourceField.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function DocumentSourceField({ value, onChange }) {
   const mediaLibrary = useMediaLibrary();
   const documentId = value?.documentId || void 0;
   const { entry, missing } = useResolvedDocument(documentId);
-  return /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-3", children: [
-    /* @__PURE__ */ jsx6(FormLabel, { children: "Document" }),
-    /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3", children: [
-      entry ? /* @__PURE__ */ jsxs4("span", { className: "min-w-0 flex-1 truncate text-sm text-base-contrast", children: [
+  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsx5(FormLabel, { children: "Document" }),
+    /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
+      entry ? /* @__PURE__ */ jsxs3("span", { className: "min-w-0 flex-1 truncate text-sm text-base-contrast", children: [
         entry.filename,
-        /* @__PURE__ */ jsxs4("span", { className: "text-base-contrast-light", children: [
+        /* @__PURE__ */ jsxs3("span", { className: "text-base-contrast-light", children: [
           " \xB7 ",
           formatFileSize(entry.size)
         ] })
-      ] }) : /* @__PURE__ */ jsx6("span", { className: "flex-1 text-sm text-base-contrast-light", children: missing ? "File missing" : "No document selected" }),
-      /* @__PURE__ */ jsx6(
+      ] }) : /* @__PURE__ */ jsx5("span", { className: "flex-1 text-sm text-base-contrast-light", children: missing ? "File missing" : "No document selected" }),
+      /* @__PURE__ */ jsx5(
         Button,
         {
           type: "button",
@@ -288,7 +267,7 @@ function DocumentSourceField({ value, onChange }) {
 
 // src/components/shared/Tabs.tsx
 import { useState as useState2 } from "react";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function Tabs({ tabs, defaultTabId, activeTabId, onTabChange, fullBleedTabBar }) {
   const [uncontrolledId, setUncontrolledId] = useState2(defaultTabId ?? tabs[0]?.id);
   const isControlled = activeTabId !== void 0;
@@ -298,8 +277,8 @@ function Tabs({ tabs, defaultTabId, activeTabId, onTabChange, fullBleedTabBar })
     if (!isControlled) setUncontrolledId(id);
     onTabChange?.(id);
   }
-  return /* @__PURE__ */ jsxs5("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsx7("div", { className: cn("border-b border-base-200", fullBleedTabBar && "-mx-6 px-6"), children: /* @__PURE__ */ jsx7("div", { className: "flex", role: "tablist", children: tabs.map((tab) => /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsx6("div", { className: cn("border-b border-base-200", fullBleedTabBar && "-mx-6 px-6"), children: /* @__PURE__ */ jsx6("div", { className: "flex", role: "tablist", children: tabs.map((tab) => /* @__PURE__ */ jsx6(
       "button",
       {
         type: "button",
@@ -314,12 +293,12 @@ function Tabs({ tabs, defaultTabId, activeTabId, onTabChange, fullBleedTabBar })
       },
       tab.id
     )) }) }),
-    /* @__PURE__ */ jsx7("div", { role: "tabpanel", className: cn("flex min-h-0 flex-1 flex-col px-px", fullBleedTabBar && "pt-4"), children: activeTab?.content })
+    /* @__PURE__ */ jsx6("div", { role: "tabpanel", className: cn("flex min-h-0 flex-1 flex-col px-px", fullBleedTabBar && "pt-4"), children: activeTab?.content })
   ] });
 }
 
 // src/components/editor/SettingsForm.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function resolveValues(schema, values) {
   const resolved = {};
   for (const [key, field] of Object.entries(schema)) {
@@ -359,9 +338,9 @@ function RangeField({
   onChange
 }) {
   const id = useId();
-  return /* @__PURE__ */ jsxs6("div", { children: [
-    /* @__PURE__ */ jsx8(FormLabel, { htmlFor: id, children: field.label }),
-    /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs5("div", { children: [
+    /* @__PURE__ */ jsx7(FormLabel, { htmlFor: id, children: field.label }),
+    /* @__PURE__ */ jsx7(
       "input",
       {
         id,
@@ -381,7 +360,7 @@ function RangeField({
 function renderField(key, field, value, handleFieldChange) {
   switch (field.type) {
     case "text":
-      return /* @__PURE__ */ jsx8(
+      return /* @__PURE__ */ jsx7(
         Input,
         {
           label: field.label,
@@ -392,7 +371,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "number":
-      return /* @__PURE__ */ jsx8(
+      return /* @__PURE__ */ jsx7(
         Input,
         {
           label: field.label,
@@ -403,7 +382,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "checkbox":
-      return /* @__PURE__ */ jsx8(
+      return /* @__PURE__ */ jsx7(
         Checkbox,
         {
           label: field.label,
@@ -413,7 +392,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "select":
-      return /* @__PURE__ */ jsx8(
+      return /* @__PURE__ */ jsx7(
         Select,
         {
           label: field.label,
@@ -424,7 +403,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "range":
-      return /* @__PURE__ */ jsx8(
+      return /* @__PURE__ */ jsx7(
         RangeField,
         {
           field,
@@ -434,7 +413,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "link":
-      return /* @__PURE__ */ jsx8(
+      return /* @__PURE__ */ jsx7(
         LinkField,
         {
           label: field.label,
@@ -444,7 +423,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "video-source":
-      return /* @__PURE__ */ jsx8(
+      return /* @__PURE__ */ jsx7(
         VideoSourceField,
         {
           value,
@@ -453,7 +432,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "document-source":
-      return /* @__PURE__ */ jsx8(
+      return /* @__PURE__ */ jsx7(
         DocumentSourceField,
         {
           value,
@@ -478,181 +457,14 @@ function SettingsForm({ schema, values, onChange, tabs }) {
     const otherKeys = Object.keys(schema).filter((key) => !listed.has(key));
     const panel = "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-px";
     const tabItems = [
-      ...tabs.map((t) => ({ id: t.label, label: t.label, content: /* @__PURE__ */ jsx8("div", { className: panel, children: fields(t.fields) }) })),
-      ...otherKeys.length > 0 ? [{ id: "__other__", label: "Other", content: /* @__PURE__ */ jsx8("div", { className: panel, children: fields(otherKeys) }) }] : []
+      ...tabs.map((t) => ({ id: t.label, label: t.label, content: /* @__PURE__ */ jsx7("div", { className: panel, children: fields(t.fields) }) })),
+      ...otherKeys.length > 0 ? [{ id: "__other__", label: "Other", content: /* @__PURE__ */ jsx7("div", { className: panel, children: fields(otherKeys) }) }] : []
     ];
-    return /* @__PURE__ */ jsx8(Tabs, { tabs: tabItems, fullBleedTabBar: true });
+    return /* @__PURE__ */ jsx7(Tabs, { tabs: tabItems, fullBleedTabBar: true });
   }
-  return /* @__PURE__ */ jsx8("div", { className: "flex flex-col gap-4", children: Object.entries(schema).map(([key, field]) => renderField(key, field, local[key], handleFieldChange)) });
+  return /* @__PURE__ */ jsx7("div", { className: "flex flex-col gap-4", children: Object.entries(schema).map(([key, field]) => renderField(key, field, local[key], handleFieldChange)) });
 }
 
-// src/components/shared/Popover.tsx
-import { useEffect as useEffect2, useLayoutEffect, useRef, useState as useState4 } from "react";
-import { createPortal } from "react-dom";
-
-// src/hooks/useFocusTrap.ts
-import { useEffect } from "react";
-var FOCUSABLE_SELECTOR = [
-  "a[href]",
-  "button:not([disabled])",
-  "input:not([disabled])",
-  "select:not([disabled])",
-  "textarea:not([disabled])",
-  '[tabindex]:not([tabindex="-1"])'
-].join(", ");
-function useInitialFocus(ref, active) {
-  useEffect(() => {
-    if (!active || !ref.current) return;
-    const previouslyFocused = document.activeElement;
-    ref.current.querySelector(FOCUSABLE_SELECTOR)?.focus();
-    return () => {
-      if (previouslyFocused && document.body.contains(previouslyFocused)) {
-        previouslyFocused.focus();
-      }
-    };
-  }, [active, ref]);
-}
-
-// src/components/shared/Popover.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-function Popover({
-  isOpen,
-  onClose,
-  anchorRef,
-  children,
-  align = "auto",
-  className,
-  portal = false,
-  placement = "bottom"
-}) {
-  const panelRef = useRef(null);
-  const [resolvedAlign, setResolvedAlign] = useState4("start");
-  const [fixedPos, setFixedPos] = useState4(null);
-  useInitialFocus(panelRef, isOpen && (!portal || fixedPos !== null));
-  useLayoutEffect(() => {
-    if (!portal) return;
-    if (!isOpen) {
-      setFixedPos(null);
-      return;
-    }
-    const anchor = anchorRef.current;
-    if (!anchor) return;
-    const update = () => {
-      const r = anchor.getBoundingClientRect();
-      const next = placement === "top" ? { left: r.left, bottom: window.innerHeight - r.top + 4 } : { left: r.left, top: r.bottom + 4 };
-      setFixedPos(
-        (prev) => prev && prev.left === next.left && prev.top === next.top && prev.bottom === next.bottom ? prev : next
-      );
-    };
-    update();
-    window.addEventListener("resize", update);
-    window.addEventListener("scroll", update, true);
-    return () => {
-      window.removeEventListener("resize", update);
-      window.removeEventListener("scroll", update, true);
-    };
-  }, [isOpen, portal, placement, anchorRef]);
-  useLayoutEffect(() => {
-    if (portal) return;
-    if (!isOpen || align !== "auto") {
-      if (!isOpen) setResolvedAlign("start");
-      return;
-    }
-    const panel = panelRef.current;
-    if (!panel) return;
-    panel.style.left = "0";
-    panel.style.right = "auto";
-    const rect = panel.getBoundingClientRect();
-    if (rect.right > window.innerWidth) {
-      setResolvedAlign("end");
-    } else {
-      setResolvedAlign("start");
-    }
-    panel.style.left = "";
-    panel.style.right = "";
-  }, [isOpen, align]);
-  useEffect2(() => {
-    if (!isOpen) return;
-    function onKeyDown(e) {
-      if (e.key !== "Escape") return;
-      if (document.querySelector("[data-modal-layer]")) return;
-      onClose();
-    }
-    function onMouseDown(e) {
-      const target = e.target;
-      if (panelRef.current?.contains(target)) return;
-      if (anchorRef.current?.contains(target)) return;
-      if (target instanceof Element && target.closest("[data-modal-layer]")) return;
-      onClose();
-    }
-    document.addEventListener("keydown", onKeyDown);
-    document.addEventListener("mousedown", onMouseDown);
-    return () => {
-      document.removeEventListener("keydown", onKeyDown);
-      document.removeEventListener("mousedown", onMouseDown);
-    };
-  }, [isOpen, onClose, anchorRef]);
-  if (!isOpen) return null;
-  const effectiveAlign = align === "auto" ? resolvedAlign : align;
-  if (portal) {
-    if (!fixedPos) return null;
-    return createPortal(
-      /* @__PURE__ */ jsx9(
-        "div",
-        {
-          ref: panelRef,
-          role: "dialog",
-          "aria-modal": "false",
-          style: {
-            position: "fixed",
-            left: `${fixedPos.left}px`,
-            ...fixedPos.top !== void 0 ? { top: `${fixedPos.top}px` } : {},
-            ...fixedPos.bottom !== void 0 ? { bottom: `${fixedPos.bottom}px` } : {}
-          },
-          className: cn("z-50 rounded-md border border-base-200 bg-base shadow-lg", className),
-          children
-        }
-      ),
-      document.body
-    );
-  }
-  return /* @__PURE__ */ jsx9(
-    "div",
-    {
-      ref: panelRef,
-      role: "dialog",
-      "aria-modal": "false",
-      className: cn(
-        "absolute top-full z-50 mt-1 rounded-md border border-base-200 bg-base shadow-lg",
-        effectiveAlign === "end" ? "right-0" : "left-0",
-        className
-      ),
-      children
-    }
-  );
-}
-
-// src/components/shared/PopoverItem.tsx
-import { forwardRef as forwardRef2 } from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var PopoverItem = forwardRef2(
-  function PopoverItem2({ className, children, ...rest }, ref) {
-    return /* @__PURE__ */ jsx10(
-      "button",
-      {
-        ref,
-        type: "button",
-        className: cn(
-          "flex w-full cursor-pointer items-center gap-3 px-3 py-1.5 text-left text-xs hover:bg-base-accent",
-          className
-        ),
-        ...rest,
-        children
-      }
-    );
-  }
-);
-
 // src/lib/block-dnd.ts
 var ROOT_CONTAINER_ID = "__root__";
 function buildBlockDragData(args) {
@@ -671,13 +483,9 @@ function canDropBlock(source, dropContainerId) {
 }
 
 export {
-  Tooltip,
-  Kbd,
   DragHandle2 as DragHandle,
   DeleteButton,
   SettingsButton,
-  Popover,
-  PopoverItem,
   SettingsForm,
   buildBlockDragData,
   buildBlockDropData,

package/dist/{chunk-UVIYI4J6.js → chunk-AHALSCQH.js}

@@ -74,7 +74,7 @@ var SectionMetaSchema = z2.object({
   status: StatusSchema,
   access: z2.array(z2.string())
 });
-var RESERVED_SLUGS = ["edit", "api", "login", "set-password", "404", "present", "print", "audiences"];
+var RESERVED_SLUGS = ["edit", "api", "login", "set-password", "404", "present", "print", "audiences", "decks"];
 var PARSE_REJECTED_SLUGS = ["edit", "api", "login", "set-password", "404"];
 var PageStatusSchema = z2.enum(["live", "archived"]);
 var PageSchema = z2.object({
@@ -232,6 +232,15 @@ var ChatbotConfigSchema = z2.object({
     seen.add(t.id);
   }
 });
+var DeckBuilderConfigSchema = z2.object({
+  // Audience names whose members may CREATE decks — a Deck Creator. Strict
+  // opt-in exactly like chatbot.audiences: [] = no viewer may build a deck.
+  // Editors are super-admins over decks and are never gated by this list.
+  // Gates: [...slug].astro's FAB, /decks, and POST /api/decks (canCreateDeck).
+  audiences: z2.array(z2.string()).default([]).describe(
+    "Audience names allowed to create decks in the Deck Builder. Strict opt-in \u2014 an empty list means no viewer can. Editors always can."
+  )
+});
 var SiteConfigSchema = z2.object({
   siteName: z2.string().default("Brand Portal"),
   primaryColor: HexColorSchema.default("#009ca6"),
@@ -263,7 +272,10 @@ var SiteConfigSchema = z2.object({
     light: z2.object({ imageId: z2.string() }),
     dark: z2.object({ imageId: z2.string() }).nullable().default(null),
     invertInDark: z2.boolean().default(false),
-    showInNav: z2.boolean().default(true)
+    showInNav: z2.boolean().default(true),
+    // A nav logo stands in for the site name by default; the toggle is for
+    // wordmark-less logos that still need the name spelled out.
+    hideTitle: z2.boolean().default(true)
   }).nullable().default(null),
   media: MediaConfigSchema.default(MediaConfigSchema.parse({})),
   // Composed social-preview raster, stored as a media-library reference so it
@@ -286,7 +298,10 @@ var SiteConfigSchema = z2.object({
   // Brand chatbot config (editor-owned; the platform kill switch lives in the
   // sites table, not here). Every field defaults so pre-existing
   // site-config.json files keep parsing.
-  chatbot: ChatbotConfigSchema.default({ enabled: false, name: "Portal Assistant", audienceNames: {}, thinkingPhrases: [], systemPrompt: "", audiences: [], tasks: [], audiencePrompts: {} })
+  chatbot: ChatbotConfigSchema.default({ enabled: false, name: "Portal Assistant", audienceNames: {}, thinkingPhrases: [], systemPrompt: "", audiences: [], tasks: [], audiencePrompts: {} }),
+  // Deck Builder config (editor-owned). Defaults so pre-existing
+  // site-config.json files keep parsing — and the default is closed.
+  deckBuilder: DeckBuilderConfigSchema.default({ audiences: [] })
 });
 
 export {
@@ -305,5 +320,6 @@ export {
   normalizeSiteIndex,
   ChatbotTaskSchema,
   ChatbotConfigSchema,
+  DeckBuilderConfigSchema,
   SiteConfigSchema
 };

package/dist/{chunk-7MI3HCOF.js → chunk-BDFTMGCL.js}

@@ -1,16 +1,20 @@
 import {
   EditablePlainText
-} from "./chunk-3GAG6ZXB.js";
+} from "./chunk-DS4GCYV2.js";
 import {
-  Button,
   usePages
-} from "./chunk-OUYB2GCW.js";
+} from "./chunk-K7DYZXVU.js";
+import {
+  Button
+} from "./chunk-WUJ3XNFI.js";
+import {
+  toSectionId
+} from "./chunk-DNY72JZN.js";
 import {
   ensureSanitizer,
   isSanitizerReady,
-  sanitizeHtml,
-  toSectionId
-} from "./chunk-RA5IOFPY.js";
+  sanitizeHtml
+} from "./chunk-QQ3S3P5P.js";
 import {
   cn
 } from "./chunk-7EOSDFS3.js";