@drawnagency/primitives 0.1.59 → 0.1.61

package/dist/components/editor/index.js

@@ -0,0 +1,640 @@
+import {
+  DeleteButton,
+  DragHandle,
+  Kbd,
+  Popover,
+  PopoverItem,
+  SettingsButton,
+  SettingsForm,
+  Tooltip,
+  buildBlockDragData,
+  buildBlockDropData,
+  canDropBlock,
+  isBlockDragData
+} from "../../chunk-UQ4OYRW7.js";
+import {
+  AddIcon,
+  IconButton
+} from "../../chunk-WLMJCNU7.js";
+import "../../chunk-677NTHAZ.js";
+import {
+  cn
+} from "../../chunk-7EOSDFS3.js";
+import "../../chunk-JSBRDJBE.js";
+
+// src/components/editor/InsertButton.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function InsertButton({ index, onInsert }) {
+  return /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Kbd, { children: "Click" }),
+    " to add below",
+    /* @__PURE__ */ jsx("br", {}),
+    /* @__PURE__ */ jsx(Kbd, { children: "Alt+Click" }),
+    " to add above"
+  ] }), children: /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      icon: /* @__PURE__ */ jsx(AddIcon, { size: 18 }),
+      label: "Add section",
+      className: "pointer-events-auto rounded-md text-base-contrast-light/80 hover:bg-base-contrast-light/10 hover:text-base-contrast",
+      tabIndex: -1,
+      onClick: (e) => onInsert(e.altKey ? index : index + 1)
+    }
+  ) });
+}
+
+// src/components/editor/IndicatorPill.tsx
+import { useRef, useState, useCallback } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function IndicatorPill({
+  dots,
+  label,
+  hoverContent,
+  clickContent,
+  className,
+  buttonClassName,
+  ariaLabel
+}) {
+  const [hoverOpen, setHoverOpen] = useState(false);
+  const [clickOpen, setClickOpen] = useState(false);
+  const buttonRef = useRef(null);
+  const hoverTimeout = useRef(null);
+  const clearHoverTimeout = useCallback(() => {
+    if (hoverTimeout.current) {
+      clearTimeout(hoverTimeout.current);
+      hoverTimeout.current = null;
+    }
+  }, []);
+  function handleMouseEnter() {
+    clearHoverTimeout();
+    if (!clickOpen && hoverContent) {
+      setHoverOpen(true);
+    }
+  }
+  function handleMouseLeave() {
+    clearHoverTimeout();
+    hoverTimeout.current = setTimeout(() => {
+      setHoverOpen(false);
+    }, 150);
+  }
+  function handleClick() {
+    if (!clickContent) return;
+    setHoverOpen(false);
+    clearHoverTimeout();
+    setClickOpen((v) => !v);
+  }
+  function handleClickClose() {
+    setClickOpen(false);
+  }
+  return /* @__PURE__ */ jsxs2("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsxs2(
+      "button",
+      {
+        ref: buttonRef,
+        type: "button",
+        onClick: handleClick,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        "aria-haspopup": clickContent ? "true" : void 0,
+        "aria-expanded": clickContent ? clickOpen : void 0,
+        "aria-label": ariaLabel,
+        className: cn(
+          // align-middle keeps the inline-flex pill centred in its line box regardless of
+          // whether it leads with a status/audience dot — without it, the dot-less variant's
+          // text baseline sits ~2px lower than the dotted variant, misaligning the two pills.
+          "cursor-pointer inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium align-middle",
+          "border border-base-200 hover:bg-base-accent",
+          buttonClassName
+        ),
+        children: [
+          dots.length > 0 && /* @__PURE__ */ jsx2("span", { className: "flex -space-x-1", children: dots.map((dot, i) => /* @__PURE__ */ jsx2(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: cn("h-3 w-3 rounded-full border border-base", dot.className),
+              style: dot.color ? { backgroundColor: dot.color } : void 0
+            },
+            i
+          )) }),
+          /* @__PURE__ */ jsx2("span", { children: label })
+        ]
+      }
+    ),
+    hoverOpen && hoverContent && /* @__PURE__ */ jsx2(
+      "div",
+      {
+        className: "absolute bottom-full right-0 z-50 mb-1 rounded-full bg-base-accent px-3 py-1 text-xs text-base-contrast-light whitespace-nowrap",
+        children: hoverContent
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      Popover,
+      {
+        isOpen: clickOpen,
+        onClose: handleClickClose,
+        anchorRef: buttonRef,
+        className: "min-w-full max-w-xs",
+        children: typeof clickContent === "function" ? clickContent(handleClickClose) : clickContent
+      }
+    )
+  ] });
+}
+
+// src/components/editor/StatusIndicator.tsx
+import { Check } from "lucide-react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var descriptions = {
+  "live": "Live \u2014 synced",
+  "live,modified": "Live \u2014 unpublished content edits",
+  "live,draft": "Live on site, changed to draft",
+  "live,archived": "Live on site, will be hidden on publish",
+  "draft": "Draft \u2014 editor only",
+  "draft,modified": "Draft \u2014 unpublished content edits",
+  "draft,live": "Draft, will become live on publish",
+  "archived": "Archived",
+  "archived,modified": "Archived \u2014 unpublished content edits",
+  "archived,live": "Archived, will become live on publish",
+  "modified": "Unpublished content edits"
+};
+function deriveStatusDisplay({ mainStatus, savedStatus, contentDiffers, isLocalOnly }) {
+  const unsaved = isLocalOnly;
+  if (!mainStatus) {
+    return {
+      dots: [{ color: savedStatus }],
+      unsaved,
+      description: `${savedStatus} \u2014 new section`
+    };
+  }
+  if (mainStatus !== savedStatus) {
+    const key = `${mainStatus},${savedStatus}`;
+    return {
+      dots: [{ color: mainStatus }, { color: savedStatus }],
+      unsaved,
+      description: descriptions[key] ?? `${mainStatus} \u2192 ${savedStatus}`
+    };
+  }
+  if (contentDiffers) {
+    const key = `${mainStatus},modified`;
+    return {
+      dots: [{ color: mainStatus }, { color: "modified" }],
+      unsaved,
+      description: descriptions[key] ?? `${mainStatus} \u2014 with edits`
+    };
+  }
+  return {
+    dots: [{ color: mainStatus }],
+    unsaved: false,
+    description: descriptions[mainStatus] ?? mainStatus
+  };
+}
+var dotColorClasses = {
+  live: "bg-green-500",
+  draft: "bg-gray-400",
+  archived: "bg-white border-gray-300",
+  modified: "bg-orange-400"
+};
+var STATUSES = ["draft", "live", "archived"];
+function StatusIndicator({
+  mainStatus,
+  savedStatus,
+  contentDiffers,
+  isLocalOnly,
+  status,
+  dirty,
+  onChange
+}) {
+  const display = deriveStatusDisplay({ mainStatus, savedStatus, contentDiffers, isLocalOnly });
+  const pillDots = display.dots.map((d) => ({
+    className: dotColorClasses[d.color]
+  }));
+  const unsavedFromDirtyOrLocal = dirty || display.unsaved;
+  const labelText = `${status.charAt(0).toUpperCase() + status.slice(1)}${unsavedFromDirtyOrLocal ? " (Unsaved)" : ""}`;
+  return /* @__PURE__ */ jsx3(
+    IndicatorPill,
+    {
+      dots: pillDots,
+      label: labelText,
+      ariaLabel: display.description,
+      buttonClassName: "text-base-contrast-light",
+      clickContent: (onClose) => /* @__PURE__ */ jsx3("ul", { role: "radiogroup", "aria-label": "Section status", className: "w-full overflow-hidden py-1", children: STATUSES.map((s) => {
+        const checked = s === status;
+        return /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsxs3(
+          PopoverItem,
+          {
+            role: "radio",
+            "aria-checked": checked,
+            onClick: () => {
+              if (s !== status) onChange(s);
+              onClose();
+            },
+            children: [
+              /* @__PURE__ */ jsx3(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: cn("h-3 w-3 shrink-0 rounded-full border border-base-200", dotColorClasses[s])
+                }
+              ),
+              /* @__PURE__ */ jsx3("span", { className: "flex-1 font-medium capitalize text-base-contrast", children: s }),
+              checked && /* @__PURE__ */ jsx3(Check, { size: 14, strokeWidth: 3, className: "text-primary" })
+            ]
+          }
+        ) }, s);
+      }) })
+    }
+  );
+}
+
+// src/components/editor/AudienceIndicator.tsx
+import { Check as Check2 } from "lucide-react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function AudienceIndicator({ access, audiences, onChange }) {
+  const selected = audiences.filter((a) => access.includes(a.name));
+  const visibleDots = selected.slice(0, 3);
+  function toggle(name) {
+    const next = access.includes(name) ? access.filter((n) => n !== name) : [...access, name];
+    onChange(next);
+  }
+  const pillDots = visibleDots.map((a) => ({
+    color: a.color ?? "#9ca3af"
+  }));
+  let labelText;
+  if (selected.length === 0) labelText = "No audience";
+  else if (selected.length === 1) labelText = selected[0].displayName;
+  else labelText = `${selected.length} audiences`;
+  return /* @__PURE__ */ jsx4(
+    IndicatorPill,
+    {
+      dots: pillDots,
+      label: labelText,
+      buttonClassName: selected.length === 0 ? "text-base-contrast-light" : void 0,
+      clickContent: audiences.length === 0 ? /* @__PURE__ */ jsx4("div", { className: "px-3 py-2 text-xs text-base-contrast-light whitespace-nowrap", children: "No audiences configured. Add audiences in Site Settings \u2192 Viewer Access." }) : /* @__PURE__ */ jsx4("ul", { role: "list", className: "w-full overflow-hidden py-1", children: audiences.map((a) => {
+        const checked = access.includes(a.name);
+        return /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsxs4(
+          PopoverItem,
+          {
+            role: "checkbox",
+            "aria-checked": checked,
+            onClick: () => toggle(a.name),
+            children: [
+              /* @__PURE__ */ jsx4(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: cn(
+                    "flex h-5 w-5 shrink-0 items-center justify-center rounded border transition-colors",
+                    checked ? "border-primary bg-primary text-primary-contrast" : "border-base-300 bg-base"
+                  ),
+                  children: checked && /* @__PURE__ */ jsx4(Check2, { size: 14, strokeWidth: 3 })
+                }
+              ),
+              /* @__PURE__ */ jsx4(
+                "span",
+                {
+                  className: "h-3 w-3 shrink-0 rounded-full border border-base-200",
+                  style: { backgroundColor: a.color ?? "#9ca3af" }
+                }
+              ),
+              /* @__PURE__ */ jsx4("span", { className: "font-medium text-base-contrast", children: a.displayName })
+            ]
+          }
+        ) }, a.name);
+      }) })
+    }
+  );
+}
+
+// src/components/editor/SectionWrapper.tsx
+import { useState as useState4, useRef as useRef2, useEffect } from "react";
+import { ArrowRightLeft, Plus } from "lucide-react";
+
+// src/components/shell/EditorContext.tsx
+import { createContext, useContext, useState as useState2, useCallback as useCallback2 } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var EditorContext = createContext(null);
+function useEditorContext() {
+  const context = useContext(EditorContext);
+  if (!context) {
+    throw new Error("useEditorContext must be used within an EditorProvider");
+  }
+  return context;
+}
+
+// src/components/shell/EditorModalContext.tsx
+import { createContext as createContext2, useContext as useContext2, useState as useState3, useCallback as useCallback3 } from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var EditorModalContext = createContext2(null);
+function useEditorModal() {
+  const context = useContext2(EditorModalContext);
+  if (!context) {
+    throw new Error("useEditorModal must be used within an EditorModalProvider");
+  }
+  return context;
+}
+
+// src/components/editor/SectionWrapper.tsx
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function SectionWrapper({
+  sectionId,
+  sectionType,
+  status,
+  dirty,
+  index,
+  isLast,
+  containerId,
+  isContainerBlock,
+  definition,
+  options,
+  audiences,
+  access,
+  onAccessChange,
+  onStatusChange,
+  onSectionChange,
+  onReorder,
+  onRequestInsert,
+  onDelete,
+  onMoveSection,
+  onAddChild,
+  mainStatus,
+  contentDiffersFromMain,
+  isLocalOnly,
+  children
+}) {
+  const { isEditMode, showAllChrome } = useEditorContext();
+  const { openModal } = useEditorModal();
+  const [isActive, setIsActive] = useState4(false);
+  const [chromeReady, setChromeReady] = useState4(isEditMode);
+  useEffect(() => {
+    if (isEditMode) {
+      const id = requestAnimationFrame(() => setChromeReady(true));
+      return () => cancelAnimationFrame(id);
+    }
+    setChromeReady(false);
+  }, [isEditMode]);
+  const blockRef = useRef2(null);
+  const handleRef = useRef2(null);
+  const [isDragging, setIsDragging] = useState4(false);
+  const [closestEdge, setClosestEdge] = useState4(null);
+  const hasSettings = !!((definition.settings || definition.settingsForm) && onSectionChange);
+  useEffect(() => {
+    const block = blockRef.current;
+    if (!block) return;
+    const onFocusIn = () => setIsActive(true);
+    const onFocusOut = (e) => {
+      if (!block.contains(e.relatedTarget)) setIsActive(false);
+    };
+    block.addEventListener("focusin", onFocusIn);
+    block.addEventListener("focusout", onFocusOut);
+    return () => {
+      block.removeEventListener("focusin", onFocusIn);
+      block.removeEventListener("focusout", onFocusOut);
+    };
+  }, []);
+  useEffect(() => {
+    const block = blockRef.current;
+    const handle = handleRef.current;
+    if (!block || !handle || !isEditMode) return;
+    let cleanup;
+    let cancelled = false;
+    const dropElement = block.closest(".section-wrapper") ?? block;
+    Promise.all([
+      import("../../adapter-HH47ZPGM.js"),
+      import("../../closest-edge-EBOXL3YW.js")
+    ]).then(([{ draggable, dropTargetForElements }, { attachClosestEdge, extractClosestEdge }]) => {
+      if (cancelled) return;
+      const cleanupDraggable = draggable({
+        element: dropElement,
+        dragHandle: handle,
+        getInitialData: () => buildBlockDragData({
+          blockId: sectionId,
+          containerId,
+          index,
+          isContainer: isContainerBlock
+        }),
+        onGenerateDragPreview: () => {
+          dropElement.style.opacity = "0.4";
+          requestAnimationFrame(() => {
+            dropElement.style.opacity = "";
+          });
+        },
+        onDragStart: () => {
+          setIsDragging(true);
+          setIsActive(true);
+        },
+        onDrop: () => {
+          setIsDragging(false);
+          setIsActive(false);
+        }
+      });
+      const cleanupDropTarget = dropTargetForElements({
+        element: dropElement,
+        canDrop: ({ source }) => isBlockDragData(source.data) && canDropBlock(source.data, containerId),
+        getData: ({ input, element }) => attachClosestEdge(
+          buildBlockDropData({ dropContainerId: containerId, index }),
+          { input, element, allowedEdges: ["top", "bottom"] }
+        ),
+        onDrag: ({ self, source, location }) => {
+          const innermost = location.current.dropTargets[0]?.element === self.element;
+          if (!innermost || !isBlockDragData(source.data) || source.data.blockId === sectionId) {
+            setClosestEdge(null);
+            return;
+          }
+          setClosestEdge(extractClosestEdge(self.data));
+        },
+        onDragLeave: () => {
+          setClosestEdge(null);
+        },
+        onDrop: () => {
+          setClosestEdge(null);
+        }
+      });
+      cleanup = () => {
+        cleanupDraggable();
+        cleanupDropTarget();
+      };
+    });
+    return () => {
+      cancelled = true;
+      cleanup?.();
+    };
+  }, [sectionId, index, containerId, isContainerBlock, isEditMode]);
+  function handleSettingsClick() {
+    if (!onSectionChange) return;
+    if (definition.settingsForm) {
+      const CustomForm = definition.settingsForm;
+      openModal(
+        `${definition.label} Settings`,
+        /* @__PURE__ */ jsx7(
+          CustomForm,
+          {
+            ...options ?? {},
+            onChange: (result) => onSectionChange(result)
+          }
+        )
+      );
+    } else if (definition.settings) {
+      openModal(
+        `${definition.label} Settings`,
+        /* @__PURE__ */ jsx7(
+          SettingsForm,
+          {
+            schema: definition.settings,
+            values: options ?? {},
+            onChange: (result) => onSectionChange(result),
+            tabs: definition.settingsTabs
+          }
+        )
+      );
+    }
+  }
+  if (!isEditMode) {
+    if (status && status !== "live") {
+      return /* @__PURE__ */ jsxs5(
+        "div",
+        {
+          className: "relative",
+          "data-section-id": sectionId,
+          "data-section-type": sectionType,
+          children: [
+            /* @__PURE__ */ jsx7("div", { className: "pointer-events-none absolute right-0 bottom-full z-30 mb-1", children: /* @__PURE__ */ jsxs5(
+              "span",
+              {
+                className: cn(
+                  "rounded-full px-2 py-0.5 text-xs font-medium",
+                  status === "live" ? "bg-status-live-bg text-status-live-text" : status === "draft" ? "bg-status-draft-bg text-status-draft-text" : "bg-status-archived-bg text-status-archived-text"
+                ),
+                children: [
+                  status,
+                  dirty && /* @__PURE__ */ jsx7("span", { className: "ml-1 opacity-70", children: "\xB7 Unsaved" })
+                ]
+              }
+            ) }),
+            children
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx7(Fragment2, { children });
+  }
+  const alwaysShow = showAllChrome || isActive;
+  return /* @__PURE__ */ jsxs5(
+    "div",
+    {
+      ref: blockRef,
+      className: cn(
+        "relative",
+        isDragging && "opacity-50",
+        isActive && "outline outline-2 outline-primary/50 rounded-sm",
+        !isActive && showAllChrome && "outline outline-2 outline-primary/20 rounded-sm",
+        !alwaysShow && "group-hover:outline group-hover:outline-2 group-hover:outline-primary/20 group-hover:rounded-sm"
+      ),
+      "data-section-id": sectionId,
+      "data-section-type": sectionType,
+      children: [
+        onRequestInsert && !isDragging && chromeReady && /* @__PURE__ */ jsx7(
+          "div",
+          {
+            className: cn(
+              "absolute -left-16 bottom-full z-30 mb-1 hidden xl:block transition-opacity",
+              alwaysShow ? "opacity-100" : "opacity-0 group-hover:opacity-100"
+            ),
+            children: /* @__PURE__ */ jsx7(InsertButton, { index, onInsert: onRequestInsert })
+          }
+        ),
+        /* @__PURE__ */ jsxs5(
+          "div",
+          {
+            className: cn(
+              "absolute left-0 bottom-full z-30 mb-1 flex items-center gap-1.5 transition-opacity",
+              alwaysShow ? "opacity-100" : "opacity-0 group-hover:opacity-100"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs5("div", { className: "-ml-[34px] flex flex-col items-center", children: [
+                /* @__PURE__ */ jsx7(DragHandle, { ref: handleRef }),
+                onRequestInsert && !isDragging && chromeReady && /* @__PURE__ */ jsx7("div", { className: "xl:hidden -mt-1", children: /* @__PURE__ */ jsx7(InsertButton, { index, onInsert: onRequestInsert }) })
+              ] }),
+              /* @__PURE__ */ jsx7("span", { className: "pointer-events-none select-none whitespace-nowrap text-sm capitalize text-base-contrast-light/80", children: definition.label })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs5(
+          "div",
+          {
+            className: cn(
+              "pointer-events-none absolute right-0 bottom-full z-30 mb-1 flex items-center gap-2 transition-opacity",
+              alwaysShow ? "opacity-100" : "opacity-0 group-hover:opacity-100"
+            ),
+            children: [
+              /* @__PURE__ */ jsx7("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx7(
+                StatusIndicator,
+                {
+                  mainStatus: mainStatus ?? null,
+                  savedStatus: status,
+                  contentDiffers: contentDiffersFromMain ?? false,
+                  isLocalOnly: isLocalOnly ?? false,
+                  status,
+                  dirty,
+                  onChange: (s) => onStatusChange?.(s)
+                }
+              ) }),
+              /* @__PURE__ */ jsx7("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx7(
+                AudienceIndicator,
+                {
+                  access,
+                  audiences,
+                  onChange: (newAccess) => onAccessChange?.(newAccess)
+                }
+              ) }),
+              onAddChild && /* @__PURE__ */ jsx7(
+                "button",
+                {
+                  type: "button",
+                  onClick: onAddChild,
+                  "aria-label": "Add block",
+                  className: "pointer-events-auto cursor-pointer rounded p-1 text-base-contrast-light hover:text-primary",
+                  children: /* @__PURE__ */ jsx7(Plus, { size: 16 })
+                }
+              ),
+              hasSettings && /* @__PURE__ */ jsx7(SettingsButton, { onClick: handleSettingsClick }),
+              onMoveSection && /* @__PURE__ */ jsx7(
+                "button",
+                {
+                  type: "button",
+                  onClick: onMoveSection,
+                  "aria-label": "Move to page",
+                  className: "pointer-events-auto cursor-pointer rounded p-1 text-base-contrast-light hover:text-primary",
+                  children: /* @__PURE__ */ jsx7(ArrowRightLeft, { size: 16 })
+                }
+              ),
+              onDelete && /* @__PURE__ */ jsx7(DeleteButton, { onDelete })
+            ]
+          }
+        ),
+        closestEdge === "top" && /* @__PURE__ */ jsx7(
+          "div",
+          {
+            className: "absolute right-0 left-0 z-10 h-0.5 bg-primary",
+            style: {
+              top: "calc(var(--section-gap) / 2 * -1)",
+              transform: "translateY(-50%)"
+            }
+          }
+        ),
+        closestEdge === "bottom" && isLast && /* @__PURE__ */ jsx7("div", { className: "absolute right-0 bottom-0 left-0 z-10 h-0.5 bg-primary" }),
+        children
+      ]
+    }
+  );
+}
+export {
+  AudienceIndicator,
+  DeleteButton,
+  DragHandle,
+  IndicatorPill,
+  InsertButton,
+  SectionWrapper,
+  SettingsButton,
+  SettingsForm,
+  StatusIndicator,
+  deriveStatusDisplay
+};

package/dist/components/primitives/defineHeadingSection.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode } from "react";
+interface HeadingSectionConfig<T extends string> {
+    type: T;
+    label: string;
+    icon: ReactNode;
+    /** Heading level reported to nav generation (one above the rendered tag by design). */
+    navRole: "h1" | "h2" | "h3";
+    /** The actual HTML tag rendered. */
+    tag: "h2" | "h3" | "h4";
+    placeholder: string;
+    defaultHeading: string;
+    /** When true, adds the `excludeFromNav` content field plus its settings toggle. */
+    navExclusion?: boolean;
+}
+/**
+ * Factory for the heading section family (link / sub / sub-sub). They differ only
+ * in their type tag, label, icon, nav level, rendered tag, placeholder, default
+ * text, and whether they expose the nav-exclusion toggle — all three render the
+ * shared HeadingSection primitive through the identical edit/view plumbing.
+ */
+export declare function defineHeadingSection<T extends string>(config: HeadingSectionConfig<T>): import("../..").SectionDefinition<{
+    type: T;
+    content: {
+        heading: string;
+    };
+}>;
+export {};
+//# sourceMappingURL=defineHeadingSection.d.ts.map

package/dist/components/primitives/defineHeadingSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineHeadingSection.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/defineHeadingSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,UAAU,oBAAoB,CAAC,CAAC,SAAS,MAAM;IAC7C,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,uFAAuF;IACvF,OAAO,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B,oCAAoC;IACpC,GAAG,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,mFAAmF;IACnF,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,EAAE,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC;;;;;GA8BrF"}

package/dist/components/primitives/index.d.ts

@@ -0,0 +1,10 @@
+export { EditableRichText } from "./EditableRichText";
+export { EditablePlainText } from "./EditablePlainText";
+export { EditableList } from "./EditableList";
+export { EditableGrid } from "./EditableGrid";
+export { ImageDropZone } from "./ImageDropZone";
+export { ResolvedMedia } from "./ResolvedMedia";
+export { LinkPopover } from "./LinkPopover";
+export { defineHeadingSection } from "./defineHeadingSection";
+export { MediaBlock } from "../sections/Media/MediaBlock";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/primitives/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC"}