@drawnagency/primitives 0.1.111 → 0.1.113

package/dist/chunk-CXZ5YJG4.js

@@ -0,0 +1,85 @@
+// src/lib/insert-menu.ts
+var PRESET_PREFIX = "__preset:";
+var INSERT_MENU_ORDER = [
+  "container",
+  "link_heading",
+  "sub_heading",
+  "sub_sub_heading",
+  "prose",
+  "media",
+  "video",
+  "button",
+  "colors",
+  "document",
+  "icon_list",
+  `${PRESET_PREFIX}do_dont_list`,
+  "dodont_media"
+];
+
+// src/lib/container-ops.ts
+function getContainerChildren(block) {
+  const content = block.content;
+  return Array.isArray(content?.children) ? content.children : [];
+}
+function withChildren(container, children) {
+  return { ...container, content: { ...container.content, children } };
+}
+function containerColumns(container) {
+  const n = container.content?.columns;
+  return typeof n === "number" && n >= 1 ? n : 1;
+}
+function removeChildAt(container, index) {
+  const children = getContainerChildren(container);
+  if (index < 0 || index >= children.length) return { container, removed: null };
+  const next = [...children];
+  const [removed] = next.splice(index, 1);
+  return { container: withChildren(container, next), removed };
+}
+function duplicateChildAt(container, index, newId) {
+  const children = getContainerChildren(container);
+  if (index < 0 || index >= children.length) return container;
+  const clone = { ...JSON.parse(JSON.stringify(children[index])), id: newId() };
+  const next = [...children];
+  next.splice(index + 1, 0, clone);
+  return withChildren(container, next);
+}
+function setChildColSpan(container, index, span) {
+  const children = getContainerChildren(container);
+  if (index < 0 || index >= children.length) return container;
+  const clamped = Math.max(1, Math.min(span, containerColumns(container)));
+  const next = children.map((child, i) => {
+    if (i !== index) return child;
+    if (clamped <= 1) {
+      const { layout: _drop, ...rest } = child;
+      return rest;
+    }
+    return { ...child, layout: { ...child.layout, colSpan: clamped } };
+  });
+  return withChildren(container, next);
+}
+function effectiveSpan(child, columns) {
+  return isSpacer(child) ? 1 : Math.min(child.layout?.colSpan ?? 1, columns);
+}
+function isSpacer(child) {
+  return child.type === "spacer";
+}
+function occupiedColumns(children, columns) {
+  return children.reduce((sum, c) => sum + effectiveSpan(c, columns), 0);
+}
+function trimTrailingSpacers(container) {
+  const children = getContainerChildren(container);
+  let end = children.length;
+  while (end > 0 && isSpacer(children[end - 1])) end--;
+  if (end === children.length) return container;
+  return withChildren(container, children.slice(0, end));
+}
+
+export {
+  getContainerChildren,
+  removeChildAt,
+  duplicateChildAt,
+  setChildColSpan,
+  isSpacer,
+  occupiedColumns,
+  trimTrailingSpacers
+};

package/dist/{chunk-RA5IOFPY.js → chunk-DNY72JZN.js}

@@ -1,3 +1,6 @@
+import {
+  getContainerChildren
+} from "./chunk-CXZ5YJG4.js";
 import {
   getSection
 } from "./chunk-FTPETWXE.js";
@@ -12,6 +15,17 @@ function toSectionId(text) {
   }
   return `section-${Math.abs(hash).toString(36)}`;
 }
+function flattenForNav(sections) {
+  const flat = [];
+  const walk = (loaded) => {
+    flat.push(loaded);
+    for (const child of getContainerChildren(loaded.section)) {
+      walk({ section: child, meta: loaded.meta });
+    }
+  };
+  sections.forEach(walk);
+  return flat;
+}
 function generateNavLinks(sections, registry) {
   const nav = [];
   let currentParent = null;
@@ -20,7 +34,7 @@ function generateNavLinks(sections, registry) {
     const def = registry ? registry.getSection(type) : getSection(type);
     return def?.navRole;
   };
-  for (const { section, meta } of sections) {
+  for (const { section, meta } of flattenForNav(sections)) {
     const content = section.content;
     if (!content.heading) continue;
     const role = lookupRole(section.type);
@@ -66,43 +80,7 @@ function generateNavLinks(sections, registry) {
   return nav;
 }
 
-// src/lib/sanitize.ts
-var purifierPromise = null;
-var purifier = null;
-if (typeof window !== "undefined") {
-  purifierPromise = import("dompurify").then((mod) => {
-    const DOMPurify = mod.default ?? mod;
-    purifier = (html) => DOMPurify.sanitize(html);
-    return mod;
-  });
-}
-var sanitizeCache = /* @__PURE__ */ new Map();
-var SANITIZE_CACHE_LIMIT = 500;
-function sanitizeHtml(html) {
-  if (!html) return "";
-  if (!purifier) return html;
-  const cached = sanitizeCache.get(html);
-  if (cached !== void 0) return cached;
-  const clean = purifier(html);
-  if (sanitizeCache.size >= SANITIZE_CACHE_LIMIT) {
-    const oldest = sanitizeCache.keys().next().value;
-    if (oldest !== void 0) sanitizeCache.delete(oldest);
-  }
-  sanitizeCache.set(html, clean);
-  return clean;
-}
-function isSanitizerReady() {
-  return typeof window === "undefined" || purifier !== null;
-}
-async function ensureSanitizer() {
-  if (typeof window === "undefined") return;
-  if (!purifier && purifierPromise) await purifierPromise;
-}
-
 export {
   toSectionId,
-  generateNavLinks,
-  sanitizeHtml,
-  isSanitizerReady,
-  ensureSanitizer
+  generateNavLinks
 };

package/dist/{chunk-3GAG6ZXB.js → chunk-DS4GCYV2.js}

@@ -2,14 +2,16 @@ import {
   AddIcon,
   DeleteIcon,
   DragHandle,
-  IconButton,
   SettingsIcon,
   useMediaLibrary,
   useResolvedMedia
-} from "./chunk-ELQ4C677.js";
+} from "./chunk-JH762VUH.js";
+import {
+  IconButton
+} from "./chunk-IIDKW7AV.js";
 import {
   rebindImageRef
-} from "./chunk-XQMDWXD6.js";
+} from "./chunk-FRE2CCLV.js";
 import {
   cn
 } from "./chunk-7EOSDFS3.js";
@@ -74,6 +76,8 @@ function EditablePlainText({
   ...htmlAttrs
 }) {
   const ref = useRef2(null);
+  const uncontrolled = useRef2(value);
+  if (!isEditMode) uncontrolled.current = value;
   const {
     value: localValue,
     handleInput,
@@ -131,7 +135,7 @@ function EditablePlainText({
       "data-placeholder": isEditMode && placeholder ? placeholder : void 0,
       ...htmlAttrs
     },
-    value
+    isEditMode ? uncontrolled.current : value
   );
 }
 

package/dist/{chunk-XQMDWXD6.js → chunk-FRE2CCLV.js}

@@ -1,6 +1,6 @@
 import {
   slugifyPageSlug
-} from "./chunk-OTDA6KWL.js";
+} from "./chunk-NHN2LSIU.js";
 
 // src/media/utils.ts
 async function hashFileBuffer(buffer) {
@@ -248,7 +248,8 @@ function resolveLogo(logo, manifest, provider) {
     lightUrl: light.src,
     darkUrl,
     invertInDark: logo.invertInDark,
-    showInNav: logo.showInNav
+    showInNav: logo.showInNav,
+    hideTitle: logo.hideTitle
   };
 }
 

package/dist/chunk-FV7JQRCN.js

@@ -0,0 +1,94 @@
+import {
+  serializeDeck
+} from "./chunk-VAYZJKVR.js";
+
+// src/lib/deck-dexie.ts
+import Dexie from "dexie";
+var DeckDraftDatabase = class extends Dexie {
+  drafts;
+  constructor(name) {
+    super(name);
+    this.version(1).stores({ drafts: "deckId" });
+  }
+};
+function databaseName(siteId, scope) {
+  return `brand-portal-decks-${siteId}-${scope}`;
+}
+var db = null;
+function initDeckDraftStore(siteId, scope) {
+  const name = databaseName(siteId, scope);
+  if (db?.name === name) return;
+  db?.close();
+  db = new DeckDraftDatabase(name);
+}
+function getDb() {
+  if (!db) throw new Error("Deck draft store not initialized. Call initDeckDraftStore first.");
+  return db;
+}
+async function listDeckDrafts() {
+  const rows = await getDb().drafts.toArray();
+  return rows.sort((a, b) => b.updatedAt.localeCompare(a.updatedAt));
+}
+async function getDeckDraft(deckId) {
+  return await getDb().drafts.get(deckId) ?? null;
+}
+async function putDeckDraft(deck) {
+  const db2 = getDb();
+  return db2.transaction("rw", db2.drafts, async () => {
+    const existing = await db2.drafts.get(deck.id);
+    const row = {
+      deckId: deck.id,
+      deck,
+      baseVersion: existing?.baseVersion ?? null,
+      publishedText: existing?.publishedText ?? null,
+      updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+    };
+    await db2.drafts.put(row);
+    return row;
+  });
+}
+async function markDeckDraftPublished(deck, version, updatedAt) {
+  const row = {
+    deckId: deck.id,
+    deck,
+    baseVersion: version,
+    publishedText: serializeDeck(deck),
+    updatedAt: updatedAt ?? (/* @__PURE__ */ new Date()).toISOString()
+  };
+  await getDb().drafts.put(row);
+  return row;
+}
+async function recordDeckPublish(deckId, publishedDeck, version) {
+  const db2 = getDb();
+  return db2.transaction("rw", db2.drafts, async () => {
+    const existing = await db2.drafts.get(deckId);
+    if (!existing) return null;
+    const row = {
+      ...existing,
+      baseVersion: version,
+      publishedText: serializeDeck(publishedDeck),
+      // "Now", as the previous implementation stamped: a publish is activity the
+      // deck grid should sort on, even though it did not change the body.
+      updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+    };
+    await db2.drafts.put(row);
+    return row;
+  });
+}
+async function deleteDeckDraft(deckId) {
+  await getDb().drafts.delete(deckId);
+}
+function hasUnpublishedChanges(row) {
+  return row.publishedText === null || serializeDeck(row.deck) !== row.publishedText;
+}
+
+export {
+  initDeckDraftStore,
+  listDeckDrafts,
+  getDeckDraft,
+  putDeckDraft,
+  markDeckDraftPublished,
+  recordDeckPublish,
+  deleteDeckDraft,
+  hasUnpublishedChanges
+};

package/dist/chunk-IIDKW7AV.js

@@ -0,0 +1,41 @@
+import {
+  cn
+} from "./chunk-7EOSDFS3.js";
+
+// src/components/shared/IconButton.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var sizeClasses = {
+  sm: "h-chrome-sm w-chrome-sm",
+  md: "h-chrome-md w-chrome-md",
+  lg: "h-chrome-lg w-chrome-lg"
+};
+var intentClasses = {
+  default: "text-base-contrast-light hover:text-base-contrast",
+  destructive: "text-destructive hover:text-destructive-hover",
+  primary: "text-primary/60 hover:text-primary"
+};
+var IconButton = forwardRef(
+  function IconButton2({ icon, label, size = "md", intent = "default", className, ...rest }, ref) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        className: cn(
+          "cursor-pointer flex items-center justify-center rounded transition-colors",
+          sizeClasses[size],
+          intentClasses[intent],
+          className
+        ),
+        "aria-label": label,
+        ...rest,
+        children: icon
+      }
+    );
+  }
+);
+
+export {
+  IconButton
+};

package/dist/chunk-IINIZBQB.js

@@ -0,0 +1,204 @@
+import {
+  cn
+} from "./chunk-7EOSDFS3.js";
+
+// 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/shared/Popover.tsx
+import { useEffect as useEffect2, useLayoutEffect, useRef, useState } 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 jsx2 } from "react/jsx-runtime";
+function Popover({
+  isOpen,
+  onClose,
+  anchorRef,
+  children,
+  align = "auto",
+  className,
+  portal = false,
+  placement = "bottom"
+}) {
+  const panelRef = useRef(null);
+  const [resolvedAlign, setResolvedAlign] = useState("start");
+  const [fixedPos, setFixedPos] = useState(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__ */ jsx2(
+        "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__ */ jsx2(
+    "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 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var PopoverItem = forwardRef(
+  function PopoverItem2({ className, children, ...rest }, ref) {
+    return /* @__PURE__ */ jsx3(
+      "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
+      }
+    );
+  }
+);
+
+export {
+  Tooltip,
+  Kbd,
+  Popover,
+  PopoverItem
+};

package/dist/{chunk-ELQ4C677.js → chunk-JH762VUH.js}

@@ -1,6 +1,6 @@
 import {
   getMediaProvider
-} from "./chunk-XQMDWXD6.js";
+} from "./chunk-FRE2CCLV.js";
 import {
   cn
 } from "./chunk-7EOSDFS3.js";
@@ -72,44 +72,10 @@ function SettingsIcon({ size = 14 }) {
   return /* @__PURE__ */ jsx(Settings, { size });
 }
 
-// src/components/shared/IconButton.tsx
-import { forwardRef } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var sizeClasses = {
-  sm: "h-chrome-sm w-chrome-sm",
-  md: "h-chrome-md w-chrome-md",
-  lg: "h-chrome-lg w-chrome-lg"
-};
-var intentClasses = {
-  default: "text-base-contrast-light hover:text-base-contrast",
-  destructive: "text-destructive hover:text-destructive-hover",
-  primary: "text-primary/60 hover:text-primary"
-};
-var IconButton = forwardRef(
-  function IconButton2({ icon, label, size = "md", intent = "default", className, ...rest }, ref) {
-    return /* @__PURE__ */ jsx2(
-      "button",
-      {
-        ref,
-        type: "button",
-        className: cn(
-          "cursor-pointer flex items-center justify-center rounded transition-colors",
-          sizeClasses[size],
-          intentClasses[intent],
-          className
-        ),
-        "aria-label": label,
-        ...rest,
-        children: icon
-      }
-    );
-  }
-);
-
 // src/components/shared/FormLabel.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 function FormLabel({ htmlFor, children, className }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     "label",
     {
       htmlFor,
@@ -120,14 +86,14 @@ function FormLabel({ htmlFor, children, className }) {
 }
 
 // src/components/shared/Input.tsx
-import { forwardRef as forwardRef2, useId } from "react";
-import { jsx as jsx4, jsxs } from "react/jsx-runtime";
-var Input = forwardRef2(function Input2({ label, value, onChange, type = "text", className, disabled, error, ...rest }, ref) {
+import { forwardRef, useId } from "react";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var Input = forwardRef(function Input2({ label, value, onChange, type = "text", className, disabled, error, ...rest }, ref) {
   const id = useId();
   const errorId = `${id}-error`;
   return /* @__PURE__ */ jsxs("div", { className, children: [
-    /* @__PURE__ */ jsx4(FormLabel, { htmlFor: id, children: label }),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx3(FormLabel, { htmlFor: id, children: label }),
+    /* @__PURE__ */ jsx3(
       "input",
       {
         ref,
@@ -146,7 +112,7 @@ var Input = forwardRef2(function Input2({ label, value, onChange, type = "text",
         ...rest
       }
     ),
-    error && /* @__PURE__ */ jsx4("p", { id: errorId, className: "mt-1 text-xs text-red-600", children: error })
+    error && /* @__PURE__ */ jsx3("p", { id: errorId, className: "mt-1 text-xs text-red-600", children: error })
   ] });
 });
 
@@ -157,7 +123,6 @@ export {
   AddIcon,
   DeleteIcon,
   SettingsIcon,
-  IconButton,
   FormLabel,
   Input
 };