@drawnagency/primitives 0.1.56 → 0.1.58

package/dist/auth/index.js

@@ -16,6 +16,7 @@ import {
   safeNextPath
 } from "../chunk-S2L3BPLS.js";
 import "../chunk-WKZ7OENC.js";
+import "../chunk-JSBRDJBE.js";
 export {
   AUDIENCE_COOKIE,
   AUDIENCE_MAX_AGE_SECONDS,

package/dist/{chunk-EU6NZ4GS.js → chunk-AN62WPW7.js}

@@ -1,79 +1,20 @@
 import {
-  IndexSchema,
-  getAllSchemas,
-  getSection,
-  getSectionSchema
-} from "./chunk-KGYWQDBB.js";
+  upgradeLegacySection
+} from "./chunk-TG43X7JO.js";
 import {
   safeNextPath
 } from "./chunk-S2L3BPLS.js";
-
-// src/lib/cn.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/lib/nav.ts
-function toSectionId(text) {
-  const slug = text.normalize("NFKD").replace(/[̀-ͯ]/g, "").toLowerCase().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/^-+|-+$/g, "");
-  if (slug) return slug;
-  let hash = 0;
-  for (let i = 0; i < text.length; i++) {
-    hash = (hash << 5) - hash + text.charCodeAt(i) | 0;
-  }
-  return `section-${Math.abs(hash).toString(36)}`;
-}
-function generateNavLinks(sections, registry) {
-  const nav = [];
-  let currentParent = null;
-  let currentChild = null;
-  const lookupRole = (type) => {
-    const def = registry ? registry.getSection(type) : getSection(type);
-    return def?.navRole;
-  };
-  for (const { section, meta } of sections) {
-    const content = section.content;
-    if (!content.heading) continue;
-    const role = lookupRole(section.type);
-    if (!role) continue;
-    if (role === "h1") {
-      if (content.excludeFromNav) {
-        currentParent = null;
-        continue;
-      }
-      currentParent = {
-        href: `#${toSectionId(content.heading)}`,
-        label: content.heading,
-        status: meta.status,
-        children: []
-      };
-      currentChild = null;
-      nav.push(currentParent);
-    } else if (role === "h2") {
-      if (content.excludeFromNav) continue;
-      if (!currentParent) continue;
-      currentChild = {
-        href: `#${toSectionId(content.heading)}`,
-        label: content.heading,
-        status: meta.status,
-        children: []
-      };
-      currentParent.children.push(currentChild);
-    } else if (role === "h3") {
-      if (content.excludeFromNav) continue;
-      if (!currentChild) continue;
-      currentChild.children.push({
-        href: `#${toSectionId(content.heading)}`,
-        label: content.heading,
-        status: meta.status,
-        children: []
-      });
-    }
-  }
-  return nav;
-}
+import {
+  IndexSchema,
+  getSectionSchema
+} from "./chunk-ICLXLWQ5.js";
+import {
+  MAX_BLOCK_DEPTH,
+  blockDepth
+} from "./chunk-NSCT3AMV.js";
+import {
+  getAllSchemas
+} from "./chunk-VKAGMEKE.js";
 
 // src/lib/contrast.ts
 function deriveContrast(hex) {
@@ -86,36 +27,6 @@ function deriveContrast(hex) {
   return luminance >= 0.5 ? "#1a1a1a" : "#f0f0f0";
 }
 
-// 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;
-}
-async function ensureSanitizer() {
-  if (typeof window === "undefined") return;
-  if (!purifier && purifierPromise) await purifierPromise;
-}
-
 // src/lib/grid.ts
 var gridColsClass = {
   1: "grid-cols-1",
@@ -125,56 +36,6 @@ var gridColsClass = {
   5: "grid-cols-2 min-sm:grid-cols-3 lg:grid-cols-5"
 };
 
-// src/lib/icons.ts
-import {
-  Check,
-  X,
-  ArrowRight,
-  Star,
-  Info,
-  AlertTriangle,
-  Heart,
-  Lightbulb,
-  Flag,
-  Shield,
-  Zap,
-  Eye,
-  Lock,
-  Globe,
-  Users,
-  Target,
-  Bookmark,
-  Clock,
-  ThumbsUp,
-  ThumbsDown
-} from "lucide-react";
-var curatedIcons = [
-  { id: "check", label: "Check", icon: Check },
-  { id: "x", label: "X", icon: X },
-  { id: "arrow-right", label: "Arrow Right", icon: ArrowRight },
-  { id: "star", label: "Star", icon: Star },
-  { id: "info", label: "Info", icon: Info },
-  { id: "alert-triangle", label: "Warning", icon: AlertTriangle },
-  { id: "heart", label: "Heart", icon: Heart },
-  { id: "lightbulb", label: "Lightbulb", icon: Lightbulb },
-  { id: "flag", label: "Flag", icon: Flag },
-  { id: "shield", label: "Shield", icon: Shield },
-  { id: "zap", label: "Zap", icon: Zap },
-  { id: "eye", label: "Eye", icon: Eye },
-  { id: "lock", label: "Lock", icon: Lock },
-  { id: "globe", label: "Globe", icon: Globe },
-  { id: "users", label: "Users", icon: Users },
-  { id: "target", label: "Target", icon: Target },
-  { id: "bookmark", label: "Bookmark", icon: Bookmark },
-  { id: "clock", label: "Clock", icon: Clock },
-  { id: "thumbs-up", label: "Thumbs Up", icon: ThumbsUp },
-  { id: "thumbs-down", label: "Thumbs Down", icon: ThumbsDown }
-];
-var iconMap = new Map(curatedIcons.map((e) => [e.id, e]));
-function getIcon(id) {
-  return iconMap.get(id);
-}
-
 // src/lib/google-fonts.ts
 function buildGoogleFontsUrl(headingFont, bodyFont) {
   const fonts = /* @__PURE__ */ new Set();
@@ -245,11 +106,14 @@ function mergeSiteContent(index, sectionFiles) {
   const schema = canValidate ? getSectionSchema() : null;
   const orderedIds = index.pages.flatMap((p) => p.order);
   for (const id of orderedIds) {
-    const raw = sectionFiles[id];
-    if (!raw) {
+    const rawFile = sectionFiles[id];
+    if (!rawFile) {
       console.warn(`Section file missing for id: ${id}, skipping`);
       continue;
     }
+    const raw = upgradeLegacySection(rawFile);
+    const baseMeta = index.sections[id];
+    const meta = raw !== rawFile ? { ...baseMeta, type: "container" } : baseMeta;
     if (canValidate && schema) {
       const result = schema.safeParse(raw);
       if (!result.success) {
@@ -257,10 +121,12 @@ function mergeSiteContent(index, sectionFiles) {
         console.warn(`Skipping section "${id}" (type: ${type}): invalid schema`);
         continue;
       }
-      const meta = index.sections[id];
+      if (blockDepth(result.data) > MAX_BLOCK_DEPTH) {
+        console.warn(`Skipping section "${id}": block tree depth exceeds ${MAX_BLOCK_DEPTH}`);
+        continue;
+      }
       sections.push({ section: result.data, meta });
     } else {
-      const meta = index.sections[id];
       sections.push({ section: raw, meta });
     }
   }
@@ -290,15 +156,8 @@ async function loadSiteContent(contentDir) {
 }
 
 export {
-  cn,
-  toSectionId,
-  generateNavLinks,
   deriveContrast,
-  sanitizeHtml,
-  ensureSanitizer,
   gridColsClass,
-  curatedIcons,
-  getIcon,
   buildGoogleFontsUrl,
   formatTimestamp,
   safeRedirect,

package/dist/chunk-ESE5UBQI.js

@@ -0,0 +1,73 @@
+import {
+  __commonJS
+} from "./chunk-JSBRDJBE.js";
+
+// ../../node_modules/.pnpm/@babel+runtime@7.29.2/node_modules/@babel/runtime/helpers/typeof.js
+var require_typeof = __commonJS({
+  "../../node_modules/.pnpm/@babel+runtime@7.29.2/node_modules/@babel/runtime/helpers/typeof.js"(exports, module) {
+    "use strict";
+    function _typeof(o) {
+      "@babel/helpers - typeof";
+      return module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
+        return typeof o2;
+      } : function(o2) {
+        return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
+      }, module.exports.__esModule = true, module.exports["default"] = module.exports, _typeof(o);
+    }
+    module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  }
+});
+
+// ../../node_modules/.pnpm/@babel+runtime@7.29.2/node_modules/@babel/runtime/helpers/toPrimitive.js
+var require_toPrimitive = __commonJS({
+  "../../node_modules/.pnpm/@babel+runtime@7.29.2/node_modules/@babel/runtime/helpers/toPrimitive.js"(exports, module) {
+    "use strict";
+    var _typeof = require_typeof()["default"];
+    function toPrimitive(t, r) {
+      if ("object" != _typeof(t) || !t) return t;
+      var e = t[Symbol.toPrimitive];
+      if (void 0 !== e) {
+        var i = e.call(t, r || "default");
+        if ("object" != _typeof(i)) return i;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+      }
+      return ("string" === r ? String : Number)(t);
+    }
+    module.exports = toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  }
+});
+
+// ../../node_modules/.pnpm/@babel+runtime@7.29.2/node_modules/@babel/runtime/helpers/toPropertyKey.js
+var require_toPropertyKey = __commonJS({
+  "../../node_modules/.pnpm/@babel+runtime@7.29.2/node_modules/@babel/runtime/helpers/toPropertyKey.js"(exports, module) {
+    "use strict";
+    var _typeof = require_typeof()["default"];
+    var toPrimitive = require_toPrimitive();
+    function toPropertyKey(t) {
+      var i = toPrimitive(t, "string");
+      return "symbol" == _typeof(i) ? i : i + "";
+    }
+    module.exports = toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  }
+});
+
+// ../../node_modules/.pnpm/@babel+runtime@7.29.2/node_modules/@babel/runtime/helpers/defineProperty.js
+var require_defineProperty = __commonJS({
+  "../../node_modules/.pnpm/@babel+runtime@7.29.2/node_modules/@babel/runtime/helpers/defineProperty.js"(exports, module) {
+    "use strict";
+    var toPropertyKey = require_toPropertyKey();
+    function _defineProperty(e, r, t) {
+      return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+        value: t,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      }) : e[r] = t, e;
+    }
+    module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  }
+});
+
+export {
+  require_defineProperty
+};

package/dist/{chunk-KGYWQDBB.js → chunk-ICLXLWQ5.js}

@@ -1,6 +1,12 @@
 import {
   MediaConfigSchema
 } from "./chunk-DKOUFIP6.js";
+import {
+  LayoutEnvelopeSchema
+} from "./chunk-NSCT3AMV.js";
+import {
+  getAllSchemas
+} from "./chunk-VKAGMEKE.js";
 
 // src/schemas/shared.ts
 import { z } from "zod";
@@ -61,6 +67,7 @@ var MediaReferenceSchema = z.discriminatedUnion("type", [
   DoDontImageRef,
   LinkedImageRef
 ]);
+var SingleMediaReferenceSchema = z.discriminatedUnion("type", [ImageRef, VideoRef]);
 var HexColorSchema = z.string().regex(/^#[0-9a-fA-F]{6}$/, "must be a 6-digit hex color");
 var FontNameSchema = z.string().max(120).regex(/^[a-zA-Z0-9 ,'"-]+$/, "contains invalid font-name characters");
 var ColorSpaceSchema = z.object({
@@ -77,68 +84,6 @@ var ColorItemSchema = z.object({
   spaces: z.array(ColorSpaceSchema).min(1)
 });
 
-// src/lib/registry.ts
-function defineSection(def) {
-  return def;
-}
-function createRegistry() {
-  const sections = /* @__PURE__ */ new Map();
-  const schemas = /* @__PURE__ */ new Map();
-  return {
-    registerSection(def) {
-      sections.set(def.type, def);
-    },
-    registerSchema(type, schema) {
-      schemas.set(type, schema);
-    },
-    getSection(type) {
-      return sections.get(type);
-    },
-    getSchema(type) {
-      return schemas.get(type) ?? sections.get(type)?.schema;
-    },
-    getAllSections() {
-      return Array.from(sections.values());
-    },
-    getAllSchemas() {
-      const merged = new Map(schemas);
-      for (const [type, def] of sections) {
-        if (!merged.has(type)) merged.set(type, def.schema);
-      }
-      return Array.from(merged.values());
-    },
-    clearRegistry() {
-      sections.clear();
-      schemas.clear();
-    }
-  };
-}
-var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("@drawnagency/primitives/registry");
-var g = globalThis;
-if (!g[REGISTRY_KEY]) g[REGISTRY_KEY] = createRegistry();
-var defaultRegistry = g[REGISTRY_KEY];
-function registerSection(def) {
-  defaultRegistry.registerSection(def);
-}
-function registerSchema(type, schema) {
-  defaultRegistry.registerSchema(type, schema);
-}
-function getSection(type) {
-  return defaultRegistry.getSection(type);
-}
-function getSchema(type) {
-  return defaultRegistry.getSchema(type);
-}
-function getAllSections() {
-  return defaultRegistry.getAllSections();
-}
-function getAllSchemas() {
-  return defaultRegistry.getAllSchemas();
-}
-function clearRegistry() {
-  defaultRegistry.clearRegistry();
-}
-
 // src/schemas/sections.ts
 import { z as z2 } from "zod";
 function getSectionContentSchema() {
@@ -149,7 +94,7 @@ function getSectionContentSchema() {
   return z2.union(schemas);
 }
 function getSectionSchema() {
-  return z2.object({ id: z2.string() }).and(getSectionContentSchema());
+  return z2.object({ id: z2.string(), layout: LayoutEnvelopeSchema.optional() }).and(getSectionContentSchema());
 }
 
 // src/schemas/site-config.ts
@@ -276,19 +221,11 @@ var SiteConfigSchema = z3.object({
 export {
   TextLineSchema,
   MediaReferenceSchema,
+  SingleMediaReferenceSchema,
   HexColorSchema,
   FontNameSchema,
   ColorSpaceSchema,
   ColorItemSchema,
-  defineSection,
-  createRegistry,
-  registerSection,
-  registerSchema,
-  getSection,
-  getSchema,
-  getAllSections,
-  getAllSchemas,
-  clearRegistry,
   getSectionContentSchema,
   getSectionSchema,
   SectionMetaSchema,

package/dist/chunk-JSBRDJBE.js

@@ -0,0 +1,30 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+export {
+  __commonJS,
+  __toESM
+};

package/dist/chunk-NSCT3AMV.js

@@ -0,0 +1,32 @@
+// src/schemas/block.ts
+import { z } from "zod";
+var LayoutEnvelopeSchema = z.object({
+  colSpan: z.number().int().min(1).optional()
+});
+var MAX_BLOCK_DEPTH = 2;
+function getBlockChildren(block) {
+  if (typeof block !== "object" || block === null) return [];
+  const content = block.content;
+  if (typeof content !== "object" || content === null) return [];
+  const children = content.children;
+  return Array.isArray(children) ? children : [];
+}
+function blockDepth(block) {
+  const children = getBlockChildren(block);
+  if (children.length === 0) return 1;
+  return 1 + Math.max(...children.map(blockDepth));
+}
+function assertMaxDepth(block, max = MAX_BLOCK_DEPTH) {
+  const depth = blockDepth(block);
+  if (depth > max) {
+    throw new Error(`Block tree depth ${depth} exceeds MAX_BLOCK_DEPTH (${max})`);
+  }
+}
+
+export {
+  LayoutEnvelopeSchema,
+  MAX_BLOCK_DEPTH,
+  getBlockChildren,
+  blockDepth,
+  assertMaxDepth
+};

package/dist/chunk-RFZNNCAS.js

@@ -0,0 +1,160 @@
+import {
+  getSection
+} from "./chunk-VKAGMEKE.js";
+
+// src/lib/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/lib/nav.ts
+function toSectionId(text) {
+  const slug = text.normalize("NFKD").replace(/[̀-ͯ]/g, "").toLowerCase().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/^-+|-+$/g, "");
+  if (slug) return slug;
+  let hash = 0;
+  for (let i = 0; i < text.length; i++) {
+    hash = (hash << 5) - hash + text.charCodeAt(i) | 0;
+  }
+  return `section-${Math.abs(hash).toString(36)}`;
+}
+function generateNavLinks(sections, registry) {
+  const nav = [];
+  let currentParent = null;
+  let currentChild = null;
+  const lookupRole = (type) => {
+    const def = registry ? registry.getSection(type) : getSection(type);
+    return def?.navRole;
+  };
+  for (const { section, meta } of sections) {
+    const content = section.content;
+    if (!content.heading) continue;
+    const role = lookupRole(section.type);
+    if (!role) continue;
+    if (role === "h1") {
+      if (content.excludeFromNav) {
+        currentParent = null;
+        continue;
+      }
+      currentParent = {
+        href: `#${toSectionId(content.heading)}`,
+        label: content.heading,
+        status: meta.status,
+        children: []
+      };
+      currentChild = null;
+      nav.push(currentParent);
+    } else if (role === "h2") {
+      if (content.excludeFromNav) continue;
+      if (!currentParent) continue;
+      currentChild = {
+        href: `#${toSectionId(content.heading)}`,
+        label: content.heading,
+        status: meta.status,
+        children: []
+      };
+      currentParent.children.push(currentChild);
+    } else if (role === "h3") {
+      if (content.excludeFromNav) continue;
+      if (!currentChild) continue;
+      currentChild.children.push({
+        href: `#${toSectionId(content.heading)}`,
+        label: content.heading,
+        status: meta.status,
+        children: []
+      });
+    }
+  }
+  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;
+}
+async function ensureSanitizer() {
+  if (typeof window === "undefined") return;
+  if (!purifier && purifierPromise) await purifierPromise;
+}
+
+// src/lib/icons.ts
+import {
+  Check,
+  X,
+  ArrowRight,
+  Star,
+  Info,
+  AlertTriangle,
+  Heart,
+  Lightbulb,
+  Flag,
+  Shield,
+  Zap,
+  Eye,
+  Lock,
+  Globe,
+  Users,
+  Target,
+  Bookmark,
+  Clock,
+  ThumbsUp,
+  ThumbsDown
+} from "lucide-react";
+var curatedIcons = [
+  { id: "check", label: "Check", icon: Check },
+  { id: "x", label: "X", icon: X },
+  { id: "arrow-right", label: "Arrow Right", icon: ArrowRight },
+  { id: "star", label: "Star", icon: Star },
+  { id: "info", label: "Info", icon: Info },
+  { id: "alert-triangle", label: "Warning", icon: AlertTriangle },
+  { id: "heart", label: "Heart", icon: Heart },
+  { id: "lightbulb", label: "Lightbulb", icon: Lightbulb },
+  { id: "flag", label: "Flag", icon: Flag },
+  { id: "shield", label: "Shield", icon: Shield },
+  { id: "zap", label: "Zap", icon: Zap },
+  { id: "eye", label: "Eye", icon: Eye },
+  { id: "lock", label: "Lock", icon: Lock },
+  { id: "globe", label: "Globe", icon: Globe },
+  { id: "users", label: "Users", icon: Users },
+  { id: "target", label: "Target", icon: Target },
+  { id: "bookmark", label: "Bookmark", icon: Bookmark },
+  { id: "clock", label: "Clock", icon: Clock },
+  { id: "thumbs-up", label: "Thumbs Up", icon: ThumbsUp },
+  { id: "thumbs-down", label: "Thumbs Down", icon: ThumbsDown }
+];
+var iconMap = new Map(curatedIcons.map((e) => [e.id, e]));
+function getIcon(id) {
+  return iconMap.get(id);
+}
+
+export {
+  cn,
+  toSectionId,
+  generateNavLinks,
+  sanitizeHtml,
+  ensureSanitizer,
+  curatedIcons,
+  getIcon
+};