@drawnagency/primitives 0.1.108 → 0.1.109

package/dist/{chunk-PZJL2S3Z.js → chunk-3ZRQ4G5F.js}

@@ -23,7 +23,7 @@ var LinkValueSchema = z.discriminatedUnion("kind", [
     target: LinkTargetSchema.describe("Where the link opens: '_self' (same tab) or '_blank' (new tab).")
   })
 ]);
-var DEFAULT_LINK = { kind: "external", href: "", target: "_self" };
+var DEFAULT_LINK = { kind: "internal", pageId: "", anchorSectionId: null, target: "_self" };
 
 export {
   LinkTargetSchema,

package/dist/{chunk-LUAI5DWR.js → chunk-5PVRACZY.js}

@@ -1,10 +1,10 @@
 import {
   EditablePlainText
-} from "./chunk-5IZ2KTMU.js";
+} from "./chunk-WXBHP4JY.js";
 import {
   Button,
   usePages
-} from "./chunk-ZSPCE6MZ.js";
+} from "./chunk-XIDE4TDF.js";
 import {
   sanitizeHtml,
   toSectionId

package/dist/{chunk-IPKZ5FU6.js → chunk-67ZOQCUD.js}

@@ -1,26 +1,26 @@
 import {
-  Checkbox,
-  FormLabel,
-  Input
-} from "./chunk-5THS4K5D.js";
+  Checkbox
+} from "./chunk-F2LYQPXV.js";
 import {
   EditableGrid,
   EditablePlainText,
   MediaBlock,
   containerGridClass,
   useEditableCollection
-} from "./chunk-5IZ2KTMU.js";
+} from "./chunk-WXBHP4JY.js";
 import {
   AddIcon,
   DeleteIcon,
   DragHandle,
+  FormLabel,
   IconButton,
+  Input,
   useMediaLibrary
-} from "./chunk-D6TLUVOP.js";
+} from "./chunk-ZKVKNUJC.js";
 import {
   DEFAULT_LINK,
   LinkValueSchema
-} from "./chunk-PZJL2S3Z.js";
+} from "./chunk-3ZRQ4G5F.js";
 import {
   DOCUMENT_MIME_TO_EXT
 } from "./chunk-BS5AQHZG.js";

package/dist/chunk-F2LYQPXV.js

@@ -0,0 +1,77 @@
+import {
+  cn
+} from "./chunk-7EOSDFS3.js";
+
+// src/components/shared/Checkbox.tsx
+import { useId } from "react";
+import { Check } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Checkbox({
+  checked,
+  onChange,
+  label,
+  description,
+  disabled,
+  className,
+  startAdornment,
+  align = "start"
+}) {
+  const id = useId();
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      htmlFor: id,
+      className: cn(
+        "flex cursor-pointer gap-3 select-none hover:opacity-80",
+        align === "start" ? "items-start" : "items-center",
+        disabled && "cursor-not-allowed opacity-50",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: cn(
+              "relative flex h-5 w-5 shrink-0 items-center justify-center",
+              align === "start" && "mt-0.5"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  id,
+                  type: "checkbox",
+                  checked,
+                  disabled,
+                  onChange: (e) => onChange(e.target.checked),
+                  className: "sr-only"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: cn(
+                    "flex h-5 w-5 items-center justify-center rounded border transition-colors",
+                    checked ? "border-primary bg-primary text-primary-contrast" : "border-base-300 bg-base hover:border-primary",
+                    disabled && "pointer-events-none"
+                  ),
+                  children: checked && /* @__PURE__ */ jsx(Check, { size: 14, strokeWidth: 3 })
+                }
+              )
+            ]
+          }
+        ),
+        startAdornment,
+        /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-base-contrast", children: label }),
+          description && /* @__PURE__ */ jsx("span", { className: "block text-base-contrast-light", children: description })
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  Checkbox
+};

package/dist/{chunk-JIQBLG6Y.js → chunk-LQHYVPBS.js}

@@ -9,7 +9,7 @@ import {
   stripHtmlToPlainText,
   trimTrailingSpacers,
   truncate
-} from "./chunk-IPKZ5FU6.js";
+} from "./chunk-67ZOQCUD.js";
 import {
   DeleteButton,
   DragHandle,
@@ -23,11 +23,11 @@ import {
   buildBlockDropData,
   canDropBlock,
   isBlockDragData
-} from "./chunk-ZHHJVKU7.js";
+} from "./chunk-WBDPDGFA.js";
 import {
   EditableRichText,
   defineHeadingSection
-} from "./chunk-LUAI5DWR.js";
+} from "./chunk-5PVRACZY.js";
 import {
   EditablePlainText,
   ImageDropZone,
@@ -37,18 +37,18 @@ import {
   containerGridClass,
   masonryColumnsClass,
   spacerHiddenClass
-} from "./chunk-5IZ2KTMU.js";
+} from "./chunk-WXBHP4JY.js";
 import {
   useMediaLibrary,
   useResolvedMedia
-} from "./chunk-D6TLUVOP.js";
+} from "./chunk-ZKVKNUJC.js";
 import {
   embedUrl
 } from "./chunk-Y4JQGO6G.js";
 import {
   DEFAULT_LINK,
   LinkValueSchema
-} from "./chunk-PZJL2S3Z.js";
+} from "./chunk-3ZRQ4G5F.js";
 import {
   sanitizeHtml
 } from "./chunk-72CG6AA2.js";

package/dist/{chunk-ZHHJVKU7.js → chunk-WBDPDGFA.js}

@@ -1,20 +1,21 @@
 import {
-  Checkbox,
-  FormLabel,
-  Input
-} from "./chunk-5THS4K5D.js";
+  Checkbox
+} from "./chunk-F2LYQPXV.js";
 import {
   Button,
-  usePages
-} from "./chunk-ZSPCE6MZ.js";
+  LinkField,
+  Select
+} from "./chunk-XIDE4TDF.js";
 import {
   DeleteIcon,
   DragHandle,
+  FormLabel,
   IconButton,
+  Input,
   SettingsIcon,
   useMediaLibrary,
   useResolvedMedia
-} from "./chunk-D6TLUVOP.js";
+} from "./chunk-ZKVKNUJC.js";
 import {
   formatFileSize
 } from "./chunk-XBYJQ5RS.js";
@@ -100,128 +101,11 @@ function SettingsButton({ onClick }) {
 }
 
 // src/components/editor/SettingsForm.tsx
-import { useId as useId2, useState as useState3 } from "react";
-
-// src/components/shared/Select.tsx
-import { useId } from "react";
-import { ChevronDown } from "lucide-react";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-function Select({
-  label,
-  value,
-  onChange,
-  options,
-  disabled,
-  className,
-  selectClassName
-}) {
-  const id = useId();
-  return /* @__PURE__ */ jsxs3("div", { className, children: [
-    label && /* @__PURE__ */ jsx5(FormLabel, { htmlFor: id, children: label }),
-    /* @__PURE__ */ jsxs3("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx5(
-        "select",
-        {
-          id,
-          value,
-          onChange: (e) => onChange(e.target.value),
-          disabled,
-          className: cn(
-            "w-full appearance-none rounded border border-base-200 bg-base py-2 pr-8 pl-3 text-sm text-base-contrast",
-            "focus:border-base-contrast focus:outline-none focus:ring-1 focus:ring-base-contrast",
-            disabled && "cursor-not-allowed opacity-50",
-            selectClassName
-          ),
-          children: options.map((opt) => /* @__PURE__ */ jsx5("option", { value: opt.value, children: opt.label }, opt.value))
-        }
-      ),
-      /* @__PURE__ */ jsx5(
-        ChevronDown,
-        {
-          size: 14,
-          className: "pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 text-base-contrast-light"
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/components/shared/LinkField.tsx
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-var TARGET_OPTIONS = [
-  { label: "Same tab (_self)", value: "_self" },
-  { label: "New tab (_blank)", value: "_blank" }
-];
-function LinkField({ label, value, onChange }) {
-  const { pages, getPageHeadings } = usePages();
-  const isInternal = value.kind === "internal";
-  function setMode(kind) {
-    if (kind === value.kind) return;
-    onChange(kind === "external" ? { kind: "external", href: "", target: value.target } : { kind: "internal", pageId: "", anchorSectionId: null, target: "_self" });
-  }
-  const pageId = isInternal ? value.pageId : "";
-  const headings = pageId ? getPageHeadings(pageId) : [];
-  return /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-3", children: [
-    /* @__PURE__ */ jsx6(FormLabel, { children: label }),
-    /* @__PURE__ */ jsx6("div", { className: "flex gap-2", role: "tablist", children: ["external", "internal"].map((kind) => /* @__PURE__ */ jsx6(
-      "button",
-      {
-        type: "button",
-        role: "tab",
-        "aria-selected": value.kind === kind,
-        onClick: () => setMode(kind),
-        className: cn(
-          "cursor-pointer rounded border px-3 py-1 text-sm capitalize",
-          value.kind === kind ? "border-primary bg-primary text-primary-contrast" : "border-base-200 text-base-contrast"
-        ),
-        children: kind === "external" ? "External URL" : "Internal page"
-      },
-      kind
-    )) }),
-    value.kind === "external" ? /* @__PURE__ */ jsx6(
-      Input,
-      {
-        label: "URL",
-        value: value.href,
-        placeholder: "https://...",
-        onChange: (href) => onChange({ kind: "external", href, target: value.target })
-      }
-    ) : /* @__PURE__ */ jsxs4(Fragment2, { children: [
-      /* @__PURE__ */ jsx6(
-        Select,
-        {
-          label: "Page",
-          value: value.pageId,
-          options: [{ label: "Select a page\u2026", value: "" }, ...pages.map((p) => ({ label: p.title, value: p.id }))],
-          onChange: (pid) => onChange({ kind: "internal", pageId: pid, anchorSectionId: null, target: value.target })
-        }
-      ),
-      /* @__PURE__ */ jsx6(
-        Select,
-        {
-          label: "Section",
-          value: value.anchorSectionId ?? "",
-          disabled: !pageId,
-          options: [{ label: "None (top of page)", value: "" }, ...headings.map((h) => ({ label: h.label, value: h.id }))],
-          onChange: (anchor) => onChange({ kind: "internal", pageId, anchorSectionId: anchor || null, target: value.target })
-        }
-      )
-    ] }),
-    value.kind === "external" && /* @__PURE__ */ jsx6(
-      Select,
-      {
-        label: "Opens in",
-        value: value.target,
-        options: TARGET_OPTIONS,
-        onChange: (t) => onChange({ ...value, target: t })
-      }
-    )
-  ] });
-}
+import { useId, useState as useState3 } from "react";
 
 // src/components/shared/VideoSourceField.tsx
 import { useState } from "react";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var ASPECTS = [
   { label: "9:16", width: 9, height: 16 },
   { label: "4:5", width: 4, height: 5 },
@@ -270,9 +154,9 @@ function VideoSourceField({ value, onChange }) {
       setLoading(false);
     }
   }
-  return /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-3", children: [
-    /* @__PURE__ */ jsx7(FormLabel, { children: "Source" }),
-    /* @__PURE__ */ jsx7("div", { className: "flex gap-2", role: "tablist", children: ["library", "embed"].map((m) => /* @__PURE__ */ jsx7(
+  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(
       "button",
       {
         type: "button",
@@ -287,9 +171,9 @@ function VideoSourceField({ value, onChange }) {
       },
       m
     )) }),
-    mode === "library" ? /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3", children: [
-      libraryImageId ? resolved.poster ? /* @__PURE__ */ jsx7("img", { src: resolved.poster, alt: "", className: "h-12 w-20 rounded object-cover" }) : /* @__PURE__ */ jsx7("span", { className: "text-sm text-base-contrast-light", children: "Video selected" }) : /* @__PURE__ */ jsx7("span", { className: "text-sm text-base-contrast-light", children: "No video selected" }),
-      /* @__PURE__ */ jsx7(
+    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(
         Button,
         {
           type: "button",
@@ -299,9 +183,9 @@ function VideoSourceField({ value, onChange }) {
           children: "Choose video"
         }
       )
-    ] }) : /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx7(
+    ] }) : /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx5(
           "input",
           {
             type: "text",
@@ -321,7 +205,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__ */ jsx7(
+        /* @__PURE__ */ jsx5(
           Button,
           {
             type: "button",
@@ -333,13 +217,13 @@ function VideoSourceField({ value, onChange }) {
           }
         )
       ] }),
-      error ? /* @__PURE__ */ jsx7("p", { className: "text-xs text-red-600", children: error }) : null,
-      !error && fallback ? /* @__PURE__ */ jsx7("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__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx7("span", { className: "text-xs text-base-contrast-light", children: "Aspect" }),
+      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" }),
         ASPECTS.map(({ label, width, height }) => {
           const active = value.width === width && value.height === height;
-          return /* @__PURE__ */ jsx7(
+          return /* @__PURE__ */ jsx5(
             "button",
             {
               type: "button",
@@ -373,22 +257,22 @@ function useResolvedDocument(documentId) {
 }
 
 // src/components/shared/DocumentSourceField.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function DocumentSourceField({ value, onChange }) {
   const mediaLibrary = useMediaLibrary();
   const documentId = value?.documentId || void 0;
   const { entry, missing } = useResolvedDocument(documentId);
-  return /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-3", children: [
-    /* @__PURE__ */ jsx8(FormLabel, { children: "Document" }),
-    /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3", children: [
-      entry ? /* @__PURE__ */ jsxs6("span", { className: "min-w-0 flex-1 truncate text-sm text-base-contrast", children: [
+  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: [
         entry.filename,
-        /* @__PURE__ */ jsxs6("span", { className: "text-base-contrast-light", children: [
+        /* @__PURE__ */ jsxs4("span", { className: "text-base-contrast-light", children: [
           " \xB7 ",
           formatFileSize(entry.size)
         ] })
-      ] }) : /* @__PURE__ */ jsx8("span", { className: "flex-1 text-sm text-base-contrast-light", children: missing ? "File missing" : "No document selected" }),
-      /* @__PURE__ */ jsx8(
+      ] }) : /* @__PURE__ */ jsx6("span", { className: "flex-1 text-sm text-base-contrast-light", children: missing ? "File missing" : "No document selected" }),
+      /* @__PURE__ */ jsx6(
         Button,
         {
           type: "button",
@@ -404,7 +288,7 @@ function DocumentSourceField({ value, onChange }) {
 
 // src/components/shared/Tabs.tsx
 import { useState as useState2 } from "react";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function Tabs({ tabs, defaultTabId, activeTabId, onTabChange, fullBleedTabBar }) {
   const [uncontrolledId, setUncontrolledId] = useState2(defaultTabId ?? tabs[0]?.id);
   const isControlled = activeTabId !== void 0;
@@ -414,8 +298,8 @@ function Tabs({ tabs, defaultTabId, activeTabId, onTabChange, fullBleedTabBar })
     if (!isControlled) setUncontrolledId(id);
     onTabChange?.(id);
   }
-  return /* @__PURE__ */ jsxs7("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsx9("div", { className: cn("border-b border-base-200", fullBleedTabBar && "-mx-6 px-6"), children: /* @__PURE__ */ jsx9("div", { className: "flex", role: "tablist", children: tabs.map((tab) => /* @__PURE__ */ jsx9(
+  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(
       "button",
       {
         type: "button",
@@ -430,12 +314,12 @@ function Tabs({ tabs, defaultTabId, activeTabId, onTabChange, fullBleedTabBar })
       },
       tab.id
     )) }) }),
-    /* @__PURE__ */ jsx9("div", { role: "tabpanel", className: cn("flex min-h-0 flex-1 flex-col px-px", fullBleedTabBar && "pt-4"), children: activeTab?.content })
+    /* @__PURE__ */ jsx7("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 jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function resolveValues(schema, values) {
   const resolved = {};
   for (const [key, field] of Object.entries(schema)) {
@@ -474,10 +358,10 @@ function RangeField({
   value,
   onChange
 }) {
-  const id = useId2();
-  return /* @__PURE__ */ jsxs8("div", { children: [
-    /* @__PURE__ */ jsx10(FormLabel, { htmlFor: id, children: field.label }),
-    /* @__PURE__ */ jsx10(
+  const id = useId();
+  return /* @__PURE__ */ jsxs6("div", { children: [
+    /* @__PURE__ */ jsx8(FormLabel, { htmlFor: id, children: field.label }),
+    /* @__PURE__ */ jsx8(
       "input",
       {
         id,
@@ -497,7 +381,7 @@ function RangeField({
 function renderField(key, field, value, handleFieldChange) {
   switch (field.type) {
     case "text":
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx8(
         Input,
         {
           label: field.label,
@@ -508,7 +392,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "number":
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx8(
         Input,
         {
           label: field.label,
@@ -519,7 +403,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "checkbox":
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx8(
         Checkbox,
         {
           label: field.label,
@@ -529,7 +413,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "select":
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx8(
         Select,
         {
           label: field.label,
@@ -540,7 +424,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "range":
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx8(
         RangeField,
         {
           field,
@@ -550,7 +434,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "link":
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx8(
         LinkField,
         {
           label: field.label,
@@ -560,7 +444,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "video-source":
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx8(
         VideoSourceField,
         {
           value,
@@ -569,7 +453,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "document-source":
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx8(
         DocumentSourceField,
         {
           value,
@@ -594,12 +478,12 @@ 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__ */ jsx10("div", { className: panel, children: fields(t.fields) }) })),
-      ...otherKeys.length > 0 ? [{ id: "__other__", label: "Other", content: /* @__PURE__ */ jsx10("div", { className: panel, children: fields(otherKeys) }) }] : []
+      ...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) }) }] : []
     ];
-    return /* @__PURE__ */ jsx10(Tabs, { tabs: tabItems, fullBleedTabBar: true });
+    return /* @__PURE__ */ jsx8(Tabs, { tabs: tabItems, fullBleedTabBar: true });
   }
-  return /* @__PURE__ */ jsx10("div", { className: "flex flex-col gap-4", children: Object.entries(schema).map(([key, field]) => renderField(key, field, local[key], handleFieldChange)) });
+  return /* @__PURE__ */ jsx8("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
@@ -655,7 +539,7 @@ function useFocusTrap(ref, active) {
 }
 
 // src/components/shared/Popover.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function Popover({
   isOpen,
   onClose,
@@ -738,7 +622,7 @@ function Popover({
   if (portal) {
     if (!fixedPos) return null;
     return createPortal(
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx9(
         "div",
         {
           ref: panelRef,
@@ -757,7 +641,7 @@ function Popover({
       document.body
     );
   }
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx9(
     "div",
     {
       ref: panelRef,
@@ -775,10 +659,10 @@ function Popover({
 
 // src/components/shared/PopoverItem.tsx
 import { forwardRef as forwardRef2 } from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var PopoverItem = forwardRef2(
   function PopoverItem2({ className, children, ...rest }, ref) {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx10(
       "button",
       {
         ref,

package/dist/{chunk-5IZ2KTMU.js → chunk-WXBHP4JY.js}

@@ -6,7 +6,7 @@ import {
   SettingsIcon,
   useMediaLibrary,
   useResolvedMedia
-} from "./chunk-D6TLUVOP.js";
+} from "./chunk-ZKVKNUJC.js";
 import {
   rebindImageRef
 } from "./chunk-XBYJQ5RS.js";

package/dist/chunk-XIDE4TDF.js

@@ -0,0 +1,194 @@
+import {
+  FormLabel,
+  Input
+} from "./chunk-ZKVKNUJC.js";
+import {
+  cn
+} from "./chunk-7EOSDFS3.js";
+
+// src/components/shared/PagesContext.tsx
+import { createContext, useContext } from "react";
+var PagesContext = createContext({ pages: [], getPageHeadings: () => [] });
+function usePages() {
+  return useContext(PagesContext);
+}
+
+// src/components/shared/Select.tsx
+import { useId } from "react";
+import { ChevronDown } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Select({
+  label,
+  value,
+  onChange,
+  options,
+  disabled,
+  className,
+  selectClassName
+}) {
+  const id = useId();
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    label && /* @__PURE__ */ jsx(FormLabel, { htmlFor: id, children: label }),
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        "select",
+        {
+          id,
+          value,
+          onChange: (e) => onChange(e.target.value),
+          disabled,
+          className: cn(
+            "w-full appearance-none rounded border border-base-200 bg-base py-2 pr-8 pl-3 text-sm text-base-contrast",
+            "focus:border-base-contrast focus:outline-none focus:ring-1 focus:ring-base-contrast",
+            disabled && "cursor-not-allowed opacity-50",
+            selectClassName
+          ),
+          children: options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ChevronDown,
+        {
+          size: 14,
+          className: "pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 text-base-contrast-light"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/shared/LinkField.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var TARGET_OPTIONS = [
+  { label: "Same tab (_self)", value: "_self" },
+  { label: "New tab (_blank)", value: "_blank" }
+];
+function LinkField({ label, value, onChange }) {
+  const { pages, getPageHeadings } = usePages();
+  const isInternal = value.kind === "internal";
+  function setMode(kind) {
+    if (kind === value.kind) return;
+    onChange(kind === "external" ? { kind: "external", href: "", target: value.target } : { kind: "internal", pageId: "", anchorSectionId: null, target: "_self" });
+  }
+  const pageId = isInternal ? value.pageId : "";
+  const headings = pageId ? getPageHeadings(pageId) : [];
+  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsx2(FormLabel, { children: label }),
+    /* @__PURE__ */ jsx2("div", { className: "flex gap-2", role: "tablist", children: ["internal", "external"].map((kind) => /* @__PURE__ */ jsx2(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        "aria-selected": value.kind === kind,
+        onClick: () => setMode(kind),
+        className: cn(
+          "cursor-pointer rounded border px-3 py-1 text-sm capitalize",
+          value.kind === kind ? "border-primary bg-primary text-primary-contrast" : "border-base-200 text-base-contrast"
+        ),
+        children: kind === "external" ? "External URL" : "Internal page"
+      },
+      kind
+    )) }),
+    value.kind === "external" ? /* @__PURE__ */ jsx2(
+      Input,
+      {
+        label: "URL",
+        value: value.href,
+        placeholder: "https://...",
+        onChange: (href) => onChange({ kind: "external", href, target: value.target })
+      }
+    ) : /* @__PURE__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx2(
+        Select,
+        {
+          label: "Page",
+          value: value.pageId,
+          options: [{ label: "Select a page\u2026", value: "" }, ...pages.map((p) => ({ label: p.title, value: p.id }))],
+          onChange: (pid) => onChange({ kind: "internal", pageId: pid, anchorSectionId: null, target: value.target })
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        Select,
+        {
+          label: "Section",
+          value: value.anchorSectionId ?? "",
+          disabled: !pageId,
+          options: [{ label: "None (top of page)", value: "" }, ...headings.map((h) => ({ label: h.label, value: h.id }))],
+          onChange: (anchor) => onChange({ kind: "internal", pageId, anchorSectionId: anchor || null, target: value.target })
+        }
+      )
+    ] }),
+    value.kind === "external" && /* @__PURE__ */ jsx2(
+      Select,
+      {
+        label: "Opens in",
+        value: value.target,
+        options: TARGET_OPTIONS,
+        onChange: (t) => onChange({ ...value, target: t })
+      }
+    )
+  ] });
+}
+
+// src/components/shared/Button.tsx
+import { forwardRef } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var boxSize = {
+  sm: "rounded px-3 py-1.5 text-xs font-medium",
+  md: "rounded px-4 py-2 text-sm font-medium"
+};
+var ghostSize = {
+  sm: "text-xs font-medium",
+  md: "text-sm font-medium"
+};
+var variantClasses = {
+  primary: "bg-base-contrast text-base-accent hover:bg-base-contrast/90",
+  brand: "bg-primary text-primary-contrast hover:opacity-90",
+  secondary: "border border-base-200 text-base-contrast hover:bg-base-accent",
+  destructive: "border border-red-600 text-red-600 hover:bg-red-600 hover:text-white"
+};
+var ghostToneClasses = {
+  neutral: "text-base-contrast-light hover:text-base-contrast",
+  destructive: "text-red-600 hover:text-red-800"
+};
+var Button = forwardRef(function Button2({
+  variant = "primary",
+  size = "sm",
+  tone = "neutral",
+  fullWidth = false,
+  isLoading = false,
+  loadingLabel,
+  disabled,
+  className,
+  children,
+  ...rest
+}, ref) {
+  const isGhost = variant === "ghost";
+  const resolvedDisabled = disabled || isLoading;
+  const label = isLoading && loadingLabel ? loadingLabel : children;
+  return /* @__PURE__ */ jsx3(
+    "button",
+    {
+      ref,
+      disabled: resolvedDisabled,
+      className: cn(
+        "inline-flex items-center justify-center transition-colors",
+        isGhost ? ghostSize[size] : boxSize[size],
+        isGhost ? ghostToneClasses[tone] : variantClasses[variant],
+        fullWidth && "w-full",
+        resolvedDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+        className
+      ),
+      ...rest,
+      children: label
+    }
+  );
+});
+
+export {
+  Button,
+  PagesContext,
+  usePages,
+  Select,
+  LinkField
+};

package/dist/{chunk-D6TLUVOP.js → chunk-ZKVKNUJC.js}

@@ -106,6 +106,50 @@ var IconButton = forwardRef(
   }
 );
 
+// src/components/shared/FormLabel.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function FormLabel({ htmlFor, children, className }) {
+  return /* @__PURE__ */ jsx3(
+    "label",
+    {
+      htmlFor,
+      className: cn("mb-1.5 block text-sm font-medium text-base-contrast", className),
+      children
+    }
+  );
+}
+
+// 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) {
+  const id = useId();
+  const errorId = `${id}-error`;
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    /* @__PURE__ */ jsx4(FormLabel, { htmlFor: id, children: label }),
+    /* @__PURE__ */ jsx4(
+      "input",
+      {
+        ref,
+        id,
+        type,
+        value,
+        onChange: (e) => onChange(e.target.value),
+        disabled,
+        "aria-invalid": error ? true : void 0,
+        "aria-describedby": error ? errorId : void 0,
+        className: cn(
+          "w-full rounded border bg-base px-3 py-2 text-sm text-base-contrast focus:outline-none focus:ring-1",
+          error ? "border-red-600 focus:border-red-600 focus:ring-red-600" : "border-base-200 focus:border-base-contrast focus:ring-base-contrast",
+          disabled && "cursor-not-allowed opacity-50"
+        ),
+        ...rest
+      }
+    ),
+    error && /* @__PURE__ */ jsx4("p", { id: errorId, className: "mt-1 text-xs text-red-600", children: error })
+  ] });
+});
+
 export {
   useMediaLibrary,
   useResolvedMedia,
@@ -113,5 +157,7 @@ export {
   AddIcon,
   DeleteIcon,
   SettingsIcon,
-  IconButton
+  IconButton,
+  FormLabel,
+  Input
 };

package/dist/components/editor/index.js

@@ -11,13 +11,13 @@ import {
   buildBlockDropData,
   canDropBlock,
   isBlockDragData
-} from "../../chunk-ZHHJVKU7.js";
-import "../../chunk-5THS4K5D.js";
-import "../../chunk-ZSPCE6MZ.js";
+} from "../../chunk-WBDPDGFA.js";
+import "../../chunk-F2LYQPXV.js";
+import "../../chunk-XIDE4TDF.js";
 import {
   AddIcon,
   IconButton
-} from "../../chunk-D6TLUVOP.js";
+} from "../../chunk-ZKVKNUJC.js";
 import "../../chunk-XBYJQ5RS.js";
 import "../../chunk-4RNF2DRG.js";
 import {

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

@@ -7,4 +7,6 @@ export { ResolvedMedia } from "./ResolvedMedia";
 export { LinkPopover } from "./LinkPopover";
 export { defineHeadingSection } from "./defineHeadingSection";
 export { MediaBlock } from "../sections/Media/MediaBlock";
+export { LinkField } from "../shared/LinkField";
+export { usePages, PagesContext, type PagesContextValue } from "../shared/PagesContext";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"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;AAI1D,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/primitives/index.js

@@ -2,7 +2,7 @@ import {
   EditableRichText,
   LinkPopover,
   defineHeadingSection
-} from "../../chunk-LUAI5DWR.js";
+} from "../../chunk-5PVRACZY.js";
 import {
   EditableGrid,
   EditablePlainText,
@@ -10,13 +10,17 @@ import {
   MediaBlock,
   ResolvedMedia,
   useEditableCollection
-} from "../../chunk-5IZ2KTMU.js";
-import "../../chunk-ZSPCE6MZ.js";
+} from "../../chunk-WXBHP4JY.js";
+import {
+  LinkField,
+  PagesContext,
+  usePages
+} from "../../chunk-XIDE4TDF.js";
 import {
   DeleteIcon,
   DragHandle,
   IconButton
-} from "../../chunk-D6TLUVOP.js";
+} from "../../chunk-ZKVKNUJC.js";
 import "../../chunk-XBYJQ5RS.js";
 import "../../chunk-72CG6AA2.js";
 import {
@@ -164,8 +168,11 @@ export {
   EditablePlainText,
   EditableRichText,
   ImageDropZone,
+  LinkField,
   LinkPopover,
   MediaBlock,
+  PagesContext,
   ResolvedMedia,
-  defineHeadingSection
+  defineHeadingSection,
+  usePages
 };

package/dist/components/sections/brand-guide.js

@@ -2,12 +2,12 @@ import {
   ColorItemSchema,
   ColorSpaceSchema,
   brandGuideSectionDefs
-} from "../../chunk-IPKZ5FU6.js";
-import "../../chunk-5THS4K5D.js";
-import "../../chunk-5IZ2KTMU.js";
-import "../../chunk-D6TLUVOP.js";
+} from "../../chunk-67ZOQCUD.js";
+import "../../chunk-F2LYQPXV.js";
+import "../../chunk-WXBHP4JY.js";
+import "../../chunk-ZKVKNUJC.js";
 import "../../chunk-XBYJQ5RS.js";
-import "../../chunk-PZJL2S3Z.js";
+import "../../chunk-3ZRQ4G5F.js";
 import "../../chunk-BS5AQHZG.js";
 import "../../chunk-WDSVHKAH.js";
 import "../../chunk-4RNF2DRG.js";

package/dist/components/sections/register-schemas.js

@@ -1,16 +1,16 @@
 import {
   allSectionDefs
-} from "../../chunk-JIQBLG6Y.js";
-import "../../chunk-IPKZ5FU6.js";
-import "../../chunk-ZHHJVKU7.js";
-import "../../chunk-5THS4K5D.js";
-import "../../chunk-LUAI5DWR.js";
-import "../../chunk-5IZ2KTMU.js";
-import "../../chunk-ZSPCE6MZ.js";
-import "../../chunk-D6TLUVOP.js";
+} from "../../chunk-LQHYVPBS.js";
+import "../../chunk-67ZOQCUD.js";
+import "../../chunk-WBDPDGFA.js";
+import "../../chunk-F2LYQPXV.js";
+import "../../chunk-5PVRACZY.js";
+import "../../chunk-WXBHP4JY.js";
+import "../../chunk-XIDE4TDF.js";
+import "../../chunk-ZKVKNUJC.js";
 import "../../chunk-Y4JQGO6G.js";
 import "../../chunk-XBYJQ5RS.js";
-import "../../chunk-PZJL2S3Z.js";
+import "../../chunk-3ZRQ4G5F.js";
 import "../../chunk-BS5AQHZG.js";
 import "../../chunk-WDSVHKAH.js";
 import "../../chunk-4RNF2DRG.js";

package/dist/components/sections/register.js

@@ -1,16 +1,16 @@
 import {
   allSectionDefs
-} from "../../chunk-JIQBLG6Y.js";
-import "../../chunk-IPKZ5FU6.js";
-import "../../chunk-ZHHJVKU7.js";
-import "../../chunk-5THS4K5D.js";
-import "../../chunk-LUAI5DWR.js";
-import "../../chunk-5IZ2KTMU.js";
-import "../../chunk-ZSPCE6MZ.js";
-import "../../chunk-D6TLUVOP.js";
+} from "../../chunk-LQHYVPBS.js";
+import "../../chunk-67ZOQCUD.js";
+import "../../chunk-WBDPDGFA.js";
+import "../../chunk-F2LYQPXV.js";
+import "../../chunk-5PVRACZY.js";
+import "../../chunk-WXBHP4JY.js";
+import "../../chunk-XIDE4TDF.js";
+import "../../chunk-ZKVKNUJC.js";
 import "../../chunk-Y4JQGO6G.js";
 import "../../chunk-XBYJQ5RS.js";
-import "../../chunk-PZJL2S3Z.js";
+import "../../chunk-3ZRQ4G5F.js";
 import "../../chunk-BS5AQHZG.js";
 import "../../chunk-WDSVHKAH.js";
 import "../../chunk-4RNF2DRG.js";

package/dist/index.js

@@ -81,7 +81,7 @@ import {
   LinkTargetSchema,
   LinkValueSchema,
   isSafeHref
-} from "./chunk-PZJL2S3Z.js";
+} from "./chunk-3ZRQ4G5F.js";
 import {
   DOCUMENT_BUCKET_MAX_BYTES,
   DOCUMENT_GIT_MAX_BYTES,

package/dist/schemas/index.js

@@ -23,7 +23,7 @@ import {
   LinkTargetSchema,
   LinkValueSchema,
   isSafeHref
-} from "../chunk-PZJL2S3Z.js";
+} from "../chunk-3ZRQ4G5F.js";
 import {
   DOCUMENT_BUCKET_MAX_BYTES,
   DOCUMENT_GIT_MAX_BYTES,

package/dist/schemas/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/schemas/link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,gBAAgB;;;EAA8B,CAAC;AAE5D;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAUhD;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;2BAmB1B,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,eAAe,CAAC,CAAC;AAExD,eAAO,MAAM,YAAY,EAAE,SAA2D,CAAC"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/schemas/link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,gBAAgB;;;EAA8B,CAAC;AAE5D;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAUhD;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;2BAmB1B,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,eAAe,CAAC,CAAC;AAKxD,eAAO,MAAM,YAAY,EAAE,SAAoF,CAAC"}

package/dist/schemas/link.js

@@ -3,7 +3,7 @@ import {
   LinkTargetSchema,
   LinkValueSchema,
   isSafeHref
-} from "../chunk-PZJL2S3Z.js";
+} from "../chunk-3ZRQ4G5F.js";
 import "../chunk-JSBRDJBE.js";
 export {
   DEFAULT_LINK,

package/package.json

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

package/src/components/primitives/index.ts

@@ -9,3 +9,8 @@ export { ResolvedMedia } from "./ResolvedMedia";
 export { LinkPopover } from "./LinkPopover";
 export { defineHeadingSection } from "./defineHeadingSection";
 export { MediaBlock } from "../sections/Media/MediaBlock";
+// Link selector (external URL / internal page + section) plus the pages context
+// that feeds its dropdowns, so custom sections can reuse the same link picker the
+// Button/Media sections use and derive labels from the live page/heading list.
+export { LinkField } from "../shared/LinkField";
+export { usePages, PagesContext, type PagesContextValue } from "../shared/PagesContext";

package/src/components/shared/LinkField.tsx

@@ -35,7 +35,7 @@ export function LinkField({ label, value, onChange }: Props) {
     <div className="flex flex-col gap-3">
       <FormLabel>{label}</FormLabel>
       <div className="flex gap-2" role="tablist">
-        {(["external", "internal"] as const).map((kind) => (
+        {(["internal", "external"] as const).map((kind) => (
           <button
             key={kind}
             type="button"

package/src/schemas/link.ts

@@ -43,4 +43,7 @@ export const LinkValueSchema = z.discriminatedUnion("kind", [
 
 export type LinkValue = z.infer<typeof LinkValueSchema>;
 
-export const DEFAULT_LINK: LinkValue = { kind: "external", href: "", target: "_self" };
+// Defaults to an (empty) internal link so the picker opens on the Internal-page
+// tab everywhere it is used; an empty pageId resolves to no href, same as an
+// empty external link, so this stays a safe "unset" sentinel.
+export const DEFAULT_LINK: LinkValue = { kind: "internal", pageId: "", anchorSectionId: null, target: "_self" };

package/dist/chunk-5THS4K5D.js

@@ -1,123 +0,0 @@
-import {
-  cn
-} from "./chunk-7EOSDFS3.js";
-
-// src/components/shared/FormLabel.tsx
-import { jsx } from "react/jsx-runtime";
-function FormLabel({ htmlFor, children, className }) {
-  return /* @__PURE__ */ jsx(
-    "label",
-    {
-      htmlFor,
-      className: cn("mb-1.5 block text-sm font-medium text-base-contrast", className),
-      children
-    }
-  );
-}
-
-// src/components/shared/Input.tsx
-import { forwardRef, useId } from "react";
-import { jsx as jsx2, 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__ */ jsx2(FormLabel, { htmlFor: id, children: label }),
-    /* @__PURE__ */ jsx2(
-      "input",
-      {
-        ref,
-        id,
-        type,
-        value,
-        onChange: (e) => onChange(e.target.value),
-        disabled,
-        "aria-invalid": error ? true : void 0,
-        "aria-describedby": error ? errorId : void 0,
-        className: cn(
-          "w-full rounded border bg-base px-3 py-2 text-sm text-base-contrast focus:outline-none focus:ring-1",
-          error ? "border-red-600 focus:border-red-600 focus:ring-red-600" : "border-base-200 focus:border-base-contrast focus:ring-base-contrast",
-          disabled && "cursor-not-allowed opacity-50"
-        ),
-        ...rest
-      }
-    ),
-    error && /* @__PURE__ */ jsx2("p", { id: errorId, className: "mt-1 text-xs text-red-600", children: error })
-  ] });
-});
-
-// src/components/shared/Checkbox.tsx
-import { useId as useId2 } from "react";
-import { Check } from "lucide-react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function Checkbox({
-  checked,
-  onChange,
-  label,
-  description,
-  disabled,
-  className,
-  startAdornment,
-  align = "start"
-}) {
-  const id = useId2();
-  return /* @__PURE__ */ jsxs2(
-    "label",
-    {
-      htmlFor: id,
-      className: cn(
-        "flex cursor-pointer gap-3 select-none hover:opacity-80",
-        align === "start" ? "items-start" : "items-center",
-        disabled && "cursor-not-allowed opacity-50",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs2(
-          "span",
-          {
-            className: cn(
-              "relative flex h-5 w-5 shrink-0 items-center justify-center",
-              align === "start" && "mt-0.5"
-            ),
-            children: [
-              /* @__PURE__ */ jsx3(
-                "input",
-                {
-                  id,
-                  type: "checkbox",
-                  checked,
-                  disabled,
-                  onChange: (e) => onChange(e.target.checked),
-                  className: "sr-only"
-                }
-              ),
-              /* @__PURE__ */ jsx3(
-                "span",
-                {
-                  "aria-hidden": "true",
-                  className: cn(
-                    "flex h-5 w-5 items-center justify-center rounded border transition-colors",
-                    checked ? "border-primary bg-primary text-primary-contrast" : "border-base-300 bg-base hover:border-primary",
-                    disabled && "pointer-events-none"
-                  ),
-                  children: checked && /* @__PURE__ */ jsx3(Check, { size: 14, strokeWidth: 3 })
-                }
-              )
-            ]
-          }
-        ),
-        startAdornment,
-        /* @__PURE__ */ jsxs2("div", { className: "text-sm", children: [
-          /* @__PURE__ */ jsx3("span", { className: "font-medium text-base-contrast", children: label }),
-          description && /* @__PURE__ */ jsx3("span", { className: "block text-base-contrast-light", children: description })
-        ] })
-      ]
-    }
-  );
-}
-
-export {
-  FormLabel,
-  Input,
-  Checkbox
-};

package/dist/chunk-ZSPCE6MZ.js

@@ -1,70 +0,0 @@
-import {
-  cn
-} from "./chunk-7EOSDFS3.js";
-
-// src/components/shared/Button.tsx
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var boxSize = {
-  sm: "rounded px-3 py-1.5 text-xs font-medium",
-  md: "rounded px-4 py-2 text-sm font-medium"
-};
-var ghostSize = {
-  sm: "text-xs font-medium",
-  md: "text-sm font-medium"
-};
-var variantClasses = {
-  primary: "bg-base-contrast text-base-accent hover:bg-base-contrast/90",
-  brand: "bg-primary text-primary-contrast hover:opacity-90",
-  secondary: "border border-base-200 text-base-contrast hover:bg-base-accent",
-  destructive: "border border-red-600 text-red-600 hover:bg-red-600 hover:text-white"
-};
-var ghostToneClasses = {
-  neutral: "text-base-contrast-light hover:text-base-contrast",
-  destructive: "text-red-600 hover:text-red-800"
-};
-var Button = forwardRef(function Button2({
-  variant = "primary",
-  size = "sm",
-  tone = "neutral",
-  fullWidth = false,
-  isLoading = false,
-  loadingLabel,
-  disabled,
-  className,
-  children,
-  ...rest
-}, ref) {
-  const isGhost = variant === "ghost";
-  const resolvedDisabled = disabled || isLoading;
-  const label = isLoading && loadingLabel ? loadingLabel : children;
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      ref,
-      disabled: resolvedDisabled,
-      className: cn(
-        "inline-flex items-center justify-center transition-colors",
-        isGhost ? ghostSize[size] : boxSize[size],
-        isGhost ? ghostToneClasses[tone] : variantClasses[variant],
-        fullWidth && "w-full",
-        resolvedDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-        className
-      ),
-      ...rest,
-      children: label
-    }
-  );
-});
-
-// src/components/shared/PagesContext.tsx
-import { createContext, useContext } from "react";
-var PagesContext = createContext({ pages: [], getPageHeadings: () => [] });
-function usePages() {
-  return useContext(PagesContext);
-}
-
-export {
-  Button,
-  usePages
-};