@drawnagency/primitives 0.1.88 → 0.1.90

package/dist/components/editor/ChildBlockWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChildBlockWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/editor/ChildBlockWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uDAAuD,CAAC;AAQlF,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,6EAA6E;IAC7E,aAAa,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACvC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,mHAyF7B,CAAC"}
+{"version":3,"file":"ChildBlockWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/editor/ChildBlockWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uDAAuD,CAAC;AASlF,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,6EAA6E;IAC7E,aAAa,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACvC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,mHAyF7B,CAAC"}

package/dist/components/editor/ColSpanControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColSpanControl.d.ts","sourceRoot":"","sources":["../../../src/components/editor/ColSpanControl.tsx"],"names":[],"mappings":"AAMA,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,oFAAoF;AACpF,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,mBAAmB,kDA0CjF"}
+{"version":3,"file":"ColSpanControl.d.ts","sourceRoot":"","sources":["../../../src/components/editor/ColSpanControl.tsx"],"names":[],"mappings":"AAOA,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,oFAAoF;AACpF,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,mBAAmB,kDA4CjF"}

package/dist/components/editor/DragHandle.d.ts

@@ -1,2 +1,4 @@
-export declare const DragHandle: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DragHandle: import("react").ForwardRefExoticComponent<{
+    tooltipSide?: "bottom" | "right";
+} & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=DragHandle.d.ts.map

package/dist/components/editor/DragHandle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../../../src/components/editor/DragHandle.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,6FAYrB,CAAC"}
+{"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../../../src/components/editor/DragHandle.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU;kBAAiD,QAAQ,GAAG,OAAO;qDAexF,CAAC"}

package/dist/components/editor/SectionWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/editor/SectionWrapper.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIvD,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,WAAW,EACX,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,OAAO,EACP,SAAS,EACT,MAAM,EACN,cAAc,EACd,cAAc,EACd,eAAe,EACf,SAAS,EACT,eAAe,EACf,QAAQ,EACR,aAAa,EACb,UAAU,EACV,UAAU,EACV,sBAAsB,EACtB,WAAW,EACX,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,QAAQ,GACT,EAAE,YAAY,2CAgVd"}
+{"version":3,"file":"SectionWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/editor/SectionWrapper.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIvD,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,WAAW,EACX,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,OAAO,EACP,SAAS,EACT,MAAM,EACN,cAAc,EACd,cAAc,EACd,eAAe,EACf,SAAS,EACT,eAAe,EACf,QAAQ,EACR,aAAa,EACb,UAAU,EACV,UAAU,EACV,sBAAsB,EACtB,WAAW,EACX,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,QAAQ,GACT,EAAE,YAAY,2CAyVd"}

package/dist/components/editor/StatusIndicator.d.ts

@@ -15,6 +15,13 @@ interface DeriveResult {
     description: string;
 }
 export declare function deriveStatusDisplay({ mainStatus, savedStatus, contentDiffers, isLocalOnly }: DeriveInput): DeriveResult;
+interface StatusRadioListProps {
+    status: Status;
+    onChange: (status: Status) => void;
+    onClose?: () => void;
+    ariaLabel?: string;
+}
+export declare function StatusRadioList({ status, onChange, onClose, ariaLabel }: StatusRadioListProps): import("react/jsx-runtime").JSX.Element;
 interface StatusIndicatorProps {
     mainStatus: string | null;
     savedStatus: string;

package/dist/components/editor/StatusIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/editor/StatusIndicator.tsx"],"names":[],"mappings":"AAKA,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;AAC9D,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AAE5C,UAAU,MAAM;IACd,KAAK,EAAE,WAAW,CAAC;CACpB;AAED,UAAU,WAAW;IACnB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAgBD,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,EAAE,WAAW,GAAG,YAAY,CAkCvH;AAYD,UAAU,oBAAoB;IAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,WAAW,EACX,cAAc,EACd,WAAW,EACX,MAAM,EACN,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,oBAAoB,2CA6CtB"}
+{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/editor/StatusIndicator.tsx"],"names":[],"mappings":"AAKA,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;AAC9D,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AAE5C,UAAU,MAAM;IACd,KAAK,EAAE,WAAW,CAAC;CACpB;AAED,UAAU,WAAW;IACnB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAgBD,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,EAAE,WAAW,GAAG,YAAY,CAkCvH;AAYD,UAAU,oBAAoB;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,SAA4B,EAAE,EAAE,oBAAoB,2CA2BhH;AAED,UAAU,oBAAoB;IAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,WAAW,EACX,cAAc,EACd,WAAW,EACX,MAAM,EACN,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,oBAAoB,2CAsBtB"}

package/dist/components/editor/index.js

@@ -11,20 +11,20 @@ import {
   buildBlockDropData,
   canDropBlock,
   isBlockDragData
-} from "../../chunk-XDG2K6UT.js";
+} from "../../chunk-SIYQ37QY.js";
 import "../../chunk-5THS4K5D.js";
 import "../../chunk-ZSPCE6MZ.js";
 import {
   AddIcon,
   IconButton
-} from "../../chunk-EO7K45GV.js";
-import "../../chunk-DRCPDOW3.js";
+} from "../../chunk-NV4R6VHN.js";
+import "../../chunk-CZ3YXGK5.js";
 import "../../chunk-677NTHAZ.js";
 import {
   cn
 } from "../../chunk-7EOSDFS3.js";
 import "../../chunk-YBVK254P.js";
-import "../../chunk-XPUBUR64.js";
+import "../../chunk-KMQZYORS.js";
 import "../../chunk-FM4M4Q2W.js";
 import "../../chunk-JSBRDJBE.js";
 
@@ -203,6 +203,33 @@ var dotColorClasses = {
   modified: "bg-orange-400"
 };
 var STATUSES = ["draft", "live", "archived"];
+function StatusRadioList({ status, onChange, onClose, ariaLabel = "Section status" }) {
+  return /* @__PURE__ */ jsx3("ul", { role: "radiogroup", "aria-label": ariaLabel, 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);
+  }) });
+}
 function StatusIndicator({
   mainStatus,
   savedStatus,
@@ -227,31 +254,7 @@ function StatusIndicator({
       ariaLabel: display.description,
       buttonClassName: "text-base-contrast-light",
       disabled,
-      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);
-      }) })
+      clickContent: (onClose) => /* @__PURE__ */ jsx3(StatusRadioList, { status, onChange, onClose })
     }
   );
 }
@@ -259,6 +262,43 @@ function StatusIndicator({
 // src/components/editor/AudienceIndicator.tsx
 import { Check as Check2 } from "lucide-react";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function AudienceChecklist({ access, audiences, onToggle }) {
+  if (audiences.length === 0) {
+    return /* @__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." });
+  }
+  return /* @__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: () => onToggle(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 whitespace-nowrap", children: a.displayName })
+        ]
+      }
+    ) }, a.name);
+  }) });
+}
 function AudienceIndicator({ access, audiences, onChange, disabled }) {
   const selected = audiences.filter((a) => access.includes(a.name));
   const visibleDots = selected.slice(0, 3);
@@ -280,38 +320,7 @@ function AudienceIndicator({ access, audiences, onChange, disabled }) {
       label: labelText,
       buttonClassName: selected.length === 0 ? "text-base-contrast-light" : void 0,
       disabled,
-      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);
-      }) })
+      clickContent: /* @__PURE__ */ jsx4(AudienceChecklist, { access, audiences, onToggle: toggle })
     }
   );
 }
@@ -609,7 +618,10 @@ function SectionWrapper({
           "div",
           {
             className: cn(
-              "pointer-events-none absolute right-0 bottom-full z-30 mb-1 flex items-center gap-2 transition-opacity",
+              // When a selector inside this cluster is open (Popover renders role="dialog"),
+              // lift the whole cluster above sibling sections' chrome (z-30, hover:z-[60]) and
+              // the inline type picker (z-50) so the open dropdown isn't overlapped.
+              "pointer-events-none absolute right-0 bottom-full z-30 has-[[role=dialog]]:z-[70] mb-1 flex items-center gap-2 transition-opacity",
               // A lock is important state — keep the cluster visible without hover.
               alwaysShow || isLocked ? "opacity-100" : "opacity-0 group-hover:opacity-100"
             ),
@@ -637,28 +649,38 @@ function SectionWrapper({
                   onChange: (newAccess) => onAccessChange?.(newAccess)
                 }
               ) }),
-              !isLocked && onAddChild && /* @__PURE__ */ jsx8(
-                "button",
+              !isLocked && onAddChild && /* @__PURE__ */ jsx8(Tooltip, { className: "pointer-events-auto", content: /* @__PURE__ */ jsxs6(Fragment2, { children: [
+                /* @__PURE__ */ jsx8(Kbd, { children: "Add" }),
+                " a block"
+              ] }), children: /* @__PURE__ */ jsx8(
+                IconButton,
                 {
-                  type: "button",
+                  icon: /* @__PURE__ */ jsx8(Plus, { size: 16 }),
+                  label: "Add block",
                   onClick: onAddChild,
-                  "aria-label": "Add block",
-                  className: "pointer-events-auto cursor-pointer rounded p-1 text-base-contrast-light hover:text-primary",
-                  children: /* @__PURE__ */ jsx8(Plus, { size: 16 })
+                  className: "pointer-events-auto hover:text-primary"
                 }
-              ),
-              !isLocked && hasSettings && /* @__PURE__ */ jsx8(SettingsButton, { onClick: handleSettingsClick }),
-              !isLocked && onMoveSection && /* @__PURE__ */ jsx8(
-                "button",
+              ) }),
+              !isLocked && onMoveSection && /* @__PURE__ */ jsx8(Tooltip, { className: "pointer-events-auto", content: /* @__PURE__ */ jsxs6(Fragment2, { children: [
+                /* @__PURE__ */ jsx8(Kbd, { children: "Move" }),
+                " to page"
+              ] }), children: /* @__PURE__ */ jsx8(
+                IconButton,
                 {
-                  type: "button",
+                  icon: /* @__PURE__ */ jsx8(ArrowRightLeft, { size: 16 }),
+                  label: "Move to page",
                   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__ */ jsx8(ArrowRightLeft, { size: 16 })
+                  className: "pointer-events-auto hover:text-primary"
                 }
-              ),
-              !isLocked && onDelete && /* @__PURE__ */ jsx8(DeleteButton, { onDelete })
+              ) }),
+              !isLocked && hasSettings && /* @__PURE__ */ jsx8(Tooltip, { className: "pointer-events-auto", content: /* @__PURE__ */ jsxs6(Fragment2, { children: [
+                /* @__PURE__ */ jsx8(Kbd, { children: "Edit" }),
+                " settings"
+              ] }), children: /* @__PURE__ */ jsx8(SettingsButton, { onClick: handleSettingsClick }) }),
+              !isLocked && onDelete && /* @__PURE__ */ jsx8(Tooltip, { className: "pointer-events-auto", content: /* @__PURE__ */ jsxs6(Fragment2, { children: [
+                /* @__PURE__ */ jsx8(Kbd, { children: "Delete" }),
+                " section"
+              ] }), children: /* @__PURE__ */ jsx8(DeleteButton, { onDelete }) })
             ]
           }
         ),

package/dist/components/primitives/index.js

@@ -2,7 +2,7 @@ import {
   EditableRichText,
   LinkPopover,
   defineHeadingSection
-} from "../../chunk-PTVY3Q7P.js";
+} from "../../chunk-KBQNJZUX.js";
 import {
   EditableGrid,
   EditablePlainText,
@@ -10,20 +10,20 @@ import {
   MediaBlock,
   ResolvedMedia,
   useEditableCollection
-} from "../../chunk-NEDOJHHR.js";
+} from "../../chunk-XKRQMTE4.js";
 import "../../chunk-ZSPCE6MZ.js";
 import {
   DeleteIcon,
   DragHandle,
   IconButton
-} from "../../chunk-EO7K45GV.js";
-import "../../chunk-DRCPDOW3.js";
+} from "../../chunk-NV4R6VHN.js";
+import "../../chunk-CZ3YXGK5.js";
 import "../../chunk-53DKVAB6.js";
 import {
   cn
 } from "../../chunk-7EOSDFS3.js";
 import "../../chunk-YBVK254P.js";
-import "../../chunk-XPUBUR64.js";
+import "../../chunk-KMQZYORS.js";
 import "../../chunk-VKAGMEKE.js";
 import "../../chunk-FM4M4Q2W.js";
 import "../../chunk-JSBRDJBE.js";

package/dist/components/sections/Container/Container.d.ts

@@ -1,8 +1,9 @@
 import { type ReactNode } from "react";
 import type { Section } from "../../../schemas/sections";
 interface ContainerContent {
+    layout: "grid" | "masonry";
     columns: number;
-    flow: string;
+    equalizeRowHeight: boolean;
     childDefaults?: Record<string, unknown>;
     children: Section[];
 }
@@ -15,6 +16,6 @@ export interface ContainerProps {
     onChange?: (content: unknown) => void;
     openModal?: (title: string, content: ReactNode) => void;
 }
-export declare function Container({ content, isEditMode, onChange, openModal }: ContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Container({ content, isEditMode, onChange, openModal }: ContainerProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=Container.d.ts.map

package/dist/components/sections/Container/Container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAgB3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAyGzD,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,gBAAgB,CAAA;KAAE,CAAC;IACpD,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,KAAK,IAAI,CAAC;CACzD;AAkDD,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,2CAyLrF"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAgB3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AA4GzD,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,gBAAgB,CAAA;KAAE,CAAC;IACpD,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,KAAK,IAAI,CAAC;CACzD;AAwFD,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,kDA6RrF"}

package/dist/components/sections/Container/ContainerSettingsForm.d.ts

@@ -2,9 +2,11 @@ interface ChildLike {
     type: string;
     options?: Record<string, unknown>;
 }
+type ContainerLayout = "grid" | "masonry";
 interface ContainerSettingsFormProps {
     columns?: number;
-    flow?: string;
+    layout?: ContainerLayout;
+    equalizeRowHeight?: boolean;
     childDefaults?: Record<string, unknown>;
     children?: ChildLike[];
     onChange: (result: {
@@ -12,6 +14,6 @@ interface ContainerSettingsFormProps {
         options: Record<string, unknown>;
     }) => void;
 }
-export declare function ContainerSettingsForm({ columns, flow, childDefaults, children, onChange, }: ContainerSettingsFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContainerSettingsForm({ columns, layout: layoutProp, equalizeRowHeight, childDefaults, children, onChange, }: ContainerSettingsFormProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ContainerSettingsForm.d.ts.map

package/dist/components/sections/Container/ContainerSettingsForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContainerSettingsForm.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Container/ContainerSettingsForm.tsx"],"names":[],"mappings":"AAMA,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC;AAED,UAAU,0BAA0B;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;CACpG;AAgBD,wBAAgB,qBAAqB,CAAC,EACpC,OAAW,EACX,IAAY,EACZ,aAAkB,EAClB,QAAa,EACb,QAAQ,GACT,EAAE,0BAA0B,2CAyE5B"}
+{"version":3,"file":"ContainerSettingsForm.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Container/ContainerSettingsForm.tsx"],"names":[],"mappings":"AAMA,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC;AAED,KAAK,eAAe,GAAG,MAAM,GAAG,SAAS,CAAC;AAE1C,UAAU,0BAA0B;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;CACpG;AAsBD,wBAAgB,qBAAqB,CAAC,EACpC,OAAW,EACX,MAAM,EAAE,UAAmB,EAC3B,iBAAyB,EACzB,aAAkB,EAClB,QAAa,EACb,QAAQ,GACT,EAAE,0BAA0B,2CAuG5B"}

package/dist/components/sections/Container/index.d.ts

@@ -1,9 +1,15 @@
 declare const _default: import("../../..").SectionDefinition<{
     type: "container";
     content: {
-        children: import("../../..").Section<Record<string, unknown>>[];
+        children: {
+            id: string;
+            type: string;
+            content: Record<string, unknown>;
+            options?: Record<string, unknown>;
+        }[];
+        layout: "grid" | "masonry";
         columns: number;
-        flow: "row" | "column";
+        equalizeRowHeight: boolean;
         childDefaults?: Record<string, unknown> | undefined;
     };
 }>;

package/dist/components/sections/Container/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Container/index.tsx"],"names":[],"mappings":";;;;;;;;;AAgDA,wBAgBG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Container/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAmEA,wBAsBG"}

package/dist/components/sections/SectionLayout.d.ts

@@ -4,8 +4,10 @@ interface Props {
     type: string;
     status?: string;
     dimNonPublished?: boolean;
+    /** Unconditional dim, e.g. audience preview: the selected audience can't see this section. */
+    dimmed?: boolean;
     children: ReactNode;
 }
-export declare function SectionLayout({ type, status, dimNonPublished, children }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function SectionLayout({ type, status, dimNonPublished, dimmed, children }: Props): import("react/jsx-runtime").JSX.Element;
 export { getSectionCategory };
 //# sourceMappingURL=SectionLayout.d.ts.map

package/dist/components/sections/SectionLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionLayout.d.ts","sourceRoot":"","sources":["../../../src/components/sections/SectionLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,iBAAS,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEhD;AAED,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAQ/E;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"SectionLayout.d.ts","sourceRoot":"","sources":["../../../src/components/sections/SectionLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,iBAAS,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEhD;AAED,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,8FAA8F;IAC9F,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAgBvF;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/sections/ViewRenderer.d.ts

@@ -1,7 +1,9 @@
 import type { LoadedSection } from "../../lib/loader";
 interface Props {
     sections: LoadedSection[];
+    /** Audience-preview mode: dim sections this audience can't access. */
+    previewAudience?: string | null;
 }
-export default function ViewRenderer({ sections }: Props): import("react/jsx-runtime").JSX.Element;
+export default function ViewRenderer({ sections, previewAudience }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ViewRenderer.d.ts.map

package/dist/components/sections/ViewRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/sections/ViewRenderer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,UAAU,KAAK;IACb,QAAQ,EAAE,aAAa,EAAE,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAmBvD"}
+{"version":3,"file":"ViewRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/sections/ViewRenderer.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,UAAU,KAAK;IACb,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,eAAsB,EAAE,EAAE,KAAK,2CAyB/E"}

package/dist/components/sections/all-sections.d.ts

@@ -112,9 +112,15 @@ export declare const allSectionDefs: (import("../..").SectionDefinition<{
 }> | import("../..").SectionDefinition<{
     type: "container";
     content: {
-        children: import("../..").Section<Record<string, unknown>>[];
+        children: {
+            id: string;
+            type: string;
+            content: Record<string, unknown>;
+            options?: Record<string, unknown>;
+        }[];
+        layout: "grid" | "masonry";
         columns: number;
-        flow: "row" | "column";
+        equalizeRowHeight: boolean;
         childDefaults?: Record<string, unknown> | undefined;
     };
 }> | import("../..").SectionDefinition<{

package/dist/components/sections/all-sections.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"all-sections.d.ts","sourceRoot":"","sources":["../../../src/components/sections/all-sections.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAAiD,CAAC"}
+{"version":3,"file":"all-sections.d.ts","sourceRoot":"","sources":["../../../src/components/sections/all-sections.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAAiD,CAAC"}

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

@@ -2,16 +2,16 @@ import {
   ColorItemSchema,
   ColorSpaceSchema,
   brandGuideSectionDefs
-} from "../../chunk-SK6GGTTO.js";
+} from "../../chunk-XUIJHYKI.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-NEDOJHHR.js";
-import "../../chunk-EO7K45GV.js";
-import "../../chunk-DRCPDOW3.js";
+import "../../chunk-XKRQMTE4.js";
+import "../../chunk-NV4R6VHN.js";
+import "../../chunk-CZ3YXGK5.js";
 import "../../chunk-PZJL2S3Z.js";
 import "../../chunk-WDSVHKAH.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-YBVK254P.js";
-import "../../chunk-XPUBUR64.js";
+import "../../chunk-KMQZYORS.js";
 import "../../chunk-VKAGMEKE.js";
 import "../../chunk-FM4M4Q2W.js";
 import "../../chunk-JSBRDJBE.js";

package/dist/components/sections/core-sections.d.ts

@@ -107,9 +107,15 @@ export declare const coreSectionDefs: (import("../..").SectionDefinition<{
 }> | import("../..").SectionDefinition<{
     type: "container";
     content: {
-        children: import("../..").Section<Record<string, unknown>>[];
+        children: {
+            id: string;
+            type: string;
+            content: Record<string, unknown>;
+            options?: Record<string, unknown>;
+        }[];
+        layout: "grid" | "masonry";
         columns: number;
-        flow: "row" | "column";
+        equalizeRowHeight: boolean;
         childDefaults?: Record<string, unknown> | undefined;
     };
 }> | import("../..").SectionDefinition<{

package/dist/components/sections/core-sections.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"core-sections.d.ts","sourceRoot":"","sources":["../../../src/components/sections/core-sections.ts"],"names":[],"mappings":"AAUA;;+BAE+B;AAK/B,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAU3B,CAAC"}
+{"version":3,"file":"core-sections.d.ts","sourceRoot":"","sources":["../../../src/components/sections/core-sections.ts"],"names":[],"mappings":"AAUA;;+BAE+B;AAK/B,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAU3B,CAAC"}

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

@@ -1,22 +1,22 @@
 import {
   allSectionDefs
-} from "../../chunk-H2FENAQH.js";
-import "../../chunk-SK6GGTTO.js";
-import "../../chunk-XDG2K6UT.js";
+} from "../../chunk-ZLG7S54V.js";
+import "../../chunk-XUIJHYKI.js";
+import "../../chunk-SIYQ37QY.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-PTVY3Q7P.js";
-import "../../chunk-NEDOJHHR.js";
+import "../../chunk-KBQNJZUX.js";
+import "../../chunk-XKRQMTE4.js";
 import "../../chunk-ZSPCE6MZ.js";
-import "../../chunk-EO7K45GV.js";
+import "../../chunk-NV4R6VHN.js";
 import "../../chunk-Y4JQGO6G.js";
-import "../../chunk-DRCPDOW3.js";
+import "../../chunk-CZ3YXGK5.js";
 import "../../chunk-PZJL2S3Z.js";
 import "../../chunk-WDSVHKAH.js";
 import "../../chunk-53DKVAB6.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-YBVK254P.js";
 import "../../chunk-TZQPOR5A.js";
-import "../../chunk-XPUBUR64.js";
+import "../../chunk-KMQZYORS.js";
 import {
   registerRichText,
   registerSchema

package/dist/components/sections/register.js

@@ -1,22 +1,22 @@
 import {
   allSectionDefs
-} from "../../chunk-H2FENAQH.js";
-import "../../chunk-SK6GGTTO.js";
-import "../../chunk-XDG2K6UT.js";
+} from "../../chunk-ZLG7S54V.js";
+import "../../chunk-XUIJHYKI.js";
+import "../../chunk-SIYQ37QY.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-PTVY3Q7P.js";
-import "../../chunk-NEDOJHHR.js";
+import "../../chunk-KBQNJZUX.js";
+import "../../chunk-XKRQMTE4.js";
 import "../../chunk-ZSPCE6MZ.js";
-import "../../chunk-EO7K45GV.js";
+import "../../chunk-NV4R6VHN.js";
 import "../../chunk-Y4JQGO6G.js";
-import "../../chunk-DRCPDOW3.js";
+import "../../chunk-CZ3YXGK5.js";
 import "../../chunk-PZJL2S3Z.js";
 import "../../chunk-WDSVHKAH.js";
 import "../../chunk-53DKVAB6.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-YBVK254P.js";
 import "../../chunk-TZQPOR5A.js";
-import "../../chunk-XPUBUR64.js";
+import "../../chunk-KMQZYORS.js";
 import {
   registerSection
 } from "../../chunk-VKAGMEKE.js";

package/dist/components/shared/Navigation.d.ts

@@ -10,7 +10,12 @@ interface Props {
         invertInDark: boolean;
     } | null;
     onPageSelect?: (pageId: string) => void;
+    /** Viewport width where the drawer becomes a fixed sidebar. Pages that dock
+     *  the chat sidebar pass "xl" so tablet widths keep the hamburger and give
+     *  the freed column to chat. Static per page render — deliberately keyed to
+     *  chat being ENABLED, not open, so the nav never flaps when chat toggles. */
+    desktopBreakpoint?: "lg" | "xl";
 }
-export default function Navigation({ siteNav: initialNav, siteName, darkMode, lastUpdated, logo, onPageSelect }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Navigation({ siteNav: initialNav, siteName, darkMode, lastUpdated, logo, onPageSelect, desktopBreakpoint }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Navigation.d.ts.map

package/dist/components/shared/Navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/components/shared/Navigation.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAW,MAAM,eAAe,CAAC;AAOtD,UAAU,KAAK;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;IACxC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,CAAC,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,YAAY,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;IAGlF,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,KAAK,2CAyPrH"}
+{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/components/shared/Navigation.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAW,MAAM,eAAe,CAAC;AAOtD,UAAU,KAAK;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;IACxC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,CAAC,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,YAAY,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;IAGlF,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;kFAG8E;IAC9E,iBAAiB,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACjC;AAQD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAE,iBAAwB,EAAE,EAAE,KAAK,2CA2P/I"}

package/dist/components/shared/Tooltip.d.ts

@@ -3,8 +3,15 @@ interface TooltipProps {
     content: ReactNode;
     children: ReactNode;
     className?: string;
+    /** Where the bubble sits relative to the trigger:
+     *  - "bottom" (default): below, centered.
+     *  - "right": to the right (used by the container child rail, a narrow left gutter).
+     *  - "bottom-clamp": below, centered on wide viewports but right-aligned under `xl`
+     *    (where the top toolbar hits the viewport width) so a far-right button's bubble
+     *    can't overflow off the right edge of the screen. */
+    side?: "bottom" | "right" | "bottom-clamp";
 }
-export declare function Tooltip({ content, children, className }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tooltip({ content, children, className, side }: TooltipProps): import("react/jsx-runtime").JSX.Element;
 export declare function Kbd({ children }: {
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;