@drawnagency/primitives 0.1.89 → 0.1.90

package/dist/components/shell/AuthoringDefaultsMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthoringDefaultsMenu.d.ts","sourceRoot":"","sources":["../../../src/components/shell/AuthoringDefaultsMenu.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,UAAU,0BAA0B;IAClC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,0BAA0B,2CAsClG"}

package/dist/components/shell/EditorContext.d.ts

@@ -14,11 +14,14 @@ interface EditorContextValue {
     viewBranch: "saved" | "live";
     historyState: HistoryState;
     historyPageId: string | null;
+    /** Audience-preview mode: dim sections this audience can't access. null = off. */
+    previewAudience: string | null;
     toggleEditMode: () => void;
     toggleShowAllChrome: () => void;
     setViewBranch: (branch: "saved" | "live") => void;
     setHistoryState: (state: HistoryState) => void;
     setHistoryPageId: (pageId: string | null) => void;
+    setPreviewAudience: (audience: string | null) => void;
 }
 interface EditorProviderProps {
     children: ReactNode;

package/dist/components/shell/EditorContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorContext.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvE,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;CACxB,GAAG,IAAI,CAAC;AAET,UAAU,kBAAkB;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,aAAa,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IAClD,eAAe,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACnD;AAID,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CA4B/D;AAED,wBAAgB,gBAAgB,IAAI,kBAAkB,CAMrD"}
+{"version":3,"file":"EditorContext.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvE,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;CACxB,GAAG,IAAI,CAAC;AAET,UAAU,kBAAkB;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,kFAAkF;IAClF,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,aAAa,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IAClD,eAAe,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACvD;AAID,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CA6B/D;AAED,wBAAgB,gBAAgB,IAAI,kBAAkB,CAMrD"}

package/dist/components/shell/EditorShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorShell.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorShell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAcjD,OAAO,EAAoC,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAuDtF,OAAO,KAAK,EAAE,eAAe,EAA2D,MAAM,oBAAoB,CAAC;AAmCnH,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAoBxD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAIhB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,YAAY,EAAE;QACZ,KAAK,EAAE,OAAO,CAAC;QACf,aAAa,EAAE,OAAO,CAAC;QACvB,YAAY,EAAE,OAAO,CAAC;QACtB,cAAc,EAAE,OAAO,CAAC;QACxB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,cAAc,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,GAAG,IAAI,CAAC;IAIhE,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAKjC,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EACZ,WAAW,EACX,sBAA8B,EAC9B,eAAe,GAChB,EAAE,KAAK,2CA2lDP;AAuED;6EAC6E;AAC7E,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,WAAW,CAAC,YAAY,CAAC,EACvC,aAAa,EAAE,MAAM,GAAG,IAAI,EAC5B,eAAe,EAAE,MAAM,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAK/B"}
+{"version":3,"file":"EditorShell.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorShell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAcjD,OAAO,EAAoC,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAuDtF,OAAO,KAAK,EAAE,eAAe,EAA2D,MAAM,oBAAoB,CAAC;AAuCnH,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAoBxD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAIhB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,YAAY,EAAE;QACZ,KAAK,EAAE,OAAO,CAAC;QACf,aAAa,EAAE,OAAO,CAAC;QACvB,YAAY,EAAE,OAAO,CAAC;QACtB,cAAc,EAAE,OAAO,CAAC;QACxB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,cAAc,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,GAAG,IAAI,CAAC;IAIhE,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAKjC,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EACZ,WAAW,EACX,sBAA8B,EAC9B,eAAe,GAChB,EAAE,KAAK,2CA0mDP;AAuED;6EAC6E;AAC7E,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,WAAW,CAAC,YAAY,CAAC,EACvC,aAAa,EAAE,MAAM,GAAG,IAAI,EAC5B,eAAe,EAAE,MAAM,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAK/B"}

package/dist/components/shell/SiteSettingsChatbot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SiteSettingsChatbot.d.ts","sourceRoot":"","sources":["../../../src/components/shell/SiteSettingsChatbot.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAA8B,MAAM,2BAA2B,CAAC;AACxF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAcjD,UAAU,KAAK;IACb,UAAU,EAAE,UAAU,CAAC;IACvB,kBAAkB,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACjD,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;CAC1B;AAsBD,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,kBAAkB,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,KAAK,2CA4LxG"}
+{"version":3,"file":"SiteSettingsChatbot.d.ts","sourceRoot":"","sources":["../../../src/components/shell/SiteSettingsChatbot.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAA8B,MAAM,2BAA2B,CAAC;AACxF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAcjD,UAAU,KAAK;IACb,UAAU,EAAE,UAAU,CAAC;IACvB,kBAAkB,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACjD,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;CAC1B;AAsBD,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,kBAAkB,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,KAAK,2CA4LxG"}

package/dist/hooks/useBuildStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBuildStatus.d.ts","sourceRoot":"","sources":["../../src/hooks/useBuildStatus.ts"],"names":[],"mappings":"AAEA,KAAK,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AASrE,UAAU,iBAAiB;IACzB,KAAK,EAAE,UAAU,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAUD,wBAAgB,cAAc,IAAI,iBAAiB,CA2IlD"}
+{"version":3,"file":"useBuildStatus.d.ts","sourceRoot":"","sources":["../../src/hooks/useBuildStatus.ts"],"names":[],"mappings":"AAEA,KAAK,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AASrE,UAAU,iBAAiB;IACzB,KAAK,EAAE,UAAU,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAkBD,wBAAgB,cAAc,IAAI,iBAAiB,CAkKlD"}

package/dist/index.js

@@ -51,7 +51,7 @@ import {
   AudienceNameSchema,
   MediaGridOptionsSchema,
   slugifyAudienceName
-} from "./chunk-Y24T75HT.js";
+} from "./chunk-MK7YB2A4.js";
 import {
   AudienceSchema,
   RoleSchema,
@@ -77,7 +77,7 @@ import {
   resolveChatbotName,
   resolveThinkingPhrases,
   safeRedirect
-} from "./chunk-VK5KNH73.js";
+} from "./chunk-AGWE2LJG.js";
 import {
   curatedIcons,
   getIcon
@@ -105,7 +105,7 @@ import {
 import {
   audiencePasses
 } from "./chunk-YBVK254P.js";
-import "./chunk-75P6HWPN.js";
+import "./chunk-5BM2Y3NJ.js";
 import {
   getSectionContentSchema,
   getSectionSchema
@@ -127,10 +127,11 @@ import {
   SectionMetaSchema,
   SingleMediaReferenceSchema,
   SiteConfigSchema,
+  StatusSchema,
   TextLineSchema,
   VariantSchema,
   normalizeSiteIndex
-} from "./chunk-WCBYXNAG.js";
+} from "./chunk-KMQZYORS.js";
 import {
   clearRegistry,
   createRegistry,
@@ -202,6 +203,7 @@ export {
   SingleMediaReferenceSchema,
   SiteConfigSchema,
   SiteUserSchema,
+  StatusSchema,
   StorageConflictError,
   TakeoverMessageSchema,
   TextLineSchema,

package/dist/lib/authoring-defaults.d.ts

@@ -0,0 +1,17 @@
+import { z } from "zod";
+import type { Audience } from "../auth/types";
+export declare const AuthoringDefaultsSchema: z.ZodObject<{
+    status: z.ZodPipe<z.ZodEnum<{
+        draft: "draft";
+        live: "live";
+        archived: "archived";
+        published: "published";
+    }>, z.ZodTransform<"draft" | "live" | "archived", "draft" | "live" | "archived" | "published">>;
+    access: z.ZodArray<z.ZodString>;
+}, z.core.$strip>;
+export type AuthoringDefaults = z.infer<typeof AuthoringDefaultsSchema>;
+export declare const FALLBACK_AUTHORING_DEFAULTS: AuthoringDefaults;
+export declare function loadAuthoringDefaults(): AuthoringDefaults;
+export declare function saveAuthoringDefaults(defaults: AuthoringDefaults): void;
+export declare function filterAccessToKnown(access: string[], audiences: Audience[]): string[];
+//# sourceMappingURL=authoring-defaults.d.ts.map

package/dist/lib/authoring-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"authoring-defaults.d.ts","sourceRoot":"","sources":["../../src/lib/authoring-defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,eAAO,MAAM,uBAAuB;;;;;;;;iBAGlC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAExE,eAAO,MAAM,2BAA2B,EAAE,iBAAmD,CAAC;AAM9F,wBAAgB,qBAAqB,IAAI,iBAAiB,CASzD;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAOvE;AAID,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAE,CAErF"}

package/dist/lib/container-grid.d.ts

@@ -19,6 +19,12 @@ export declare const colSpanClass: Record<number, Record<number, string>>;
 /** Gap token -> Tailwind gap class. Retained as a utility; the container now uses a
  *  fixed gap (the Gap setting was removed), but the map stays for general use. */
 export declare const gapClass: Record<string, string>;
+/**
+ * Column count -> `columns-N` classes for masonry (CSS multi-column), mirroring
+ * `containerGridClass`'s collapse curve (`grid-cols-`→`columns-`). Full static
+ * strings so Tailwind's source scan generates them.
+ */
+export declare const masonryColumnsClass: Record<number, string>;
 /**
  * Per-column-count container-query classes that HIDE a spacer cell once the container
  * collapses to a single column (mobile). Mirrors `containerGridClass`'s collapse curve:

package/dist/lib/container-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container-grid.d.ts","sourceRoot":"","sources":["../../src/lib/container-grid.ts"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,eAAO,MAAM,qBAAqB,IAAI,CAAC;AAEvC;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAOrD,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAO/D,CAAC;AAEF;kFACkF;AAClF,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAK3C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAOpD,CAAC"}
+{"version":3,"file":"container-grid.d.ts","sourceRoot":"","sources":["../../src/lib/container-grid.ts"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,eAAO,MAAM,qBAAqB,IAAI,CAAC;AAEvC;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAOrD,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAO/D,CAAC;AAEF;kFACkF;AAClF,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAK3C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAOtD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAOpD,CAAC"}

package/dist/lib/index.js

@@ -11,7 +11,7 @@ import {
   resolveChatbotName,
   resolveThinkingPhrases,
   safeRedirect
-} from "../chunk-VK5KNH73.js";
+} from "../chunk-AGWE2LJG.js";
 import {
   curatedIcons,
   getIcon
@@ -35,9 +35,9 @@ import "../chunk-S2L3BPLS.js";
 import {
   audiencePasses
 } from "../chunk-YBVK254P.js";
-import "../chunk-75P6HWPN.js";
+import "../chunk-5BM2Y3NJ.js";
 import "../chunk-TZQPOR5A.js";
-import "../chunk-WCBYXNAG.js";
+import "../chunk-KMQZYORS.js";
 import {
   clearRegistry,
   createRegistry,

package/dist/lib/migrate-sections-transform.js

@@ -1,6 +1,6 @@
 import {
   upgradeLegacySection
-} from "../chunk-75P6HWPN.js";
+} from "../chunk-5BM2Y3NJ.js";
 import "../chunk-JSBRDJBE.js";
 export {
   upgradeLegacySection

package/dist/media/index.js

@@ -26,7 +26,7 @@ import {
   MediaFolderSchema,
   MediaItemSchema,
   VariantSchema
-} from "../chunk-WCBYXNAG.js";
+} from "../chunk-KMQZYORS.js";
 import "../chunk-FM4M4Q2W.js";
 import "../chunk-JSBRDJBE.js";
 export {

package/dist/schemas/index.js

@@ -3,7 +3,7 @@ import {
   AudienceNameSchema,
   MediaGridOptionsSchema,
   slugifyAudienceName
-} from "../chunk-Y24T75HT.js";
+} from "../chunk-MK7YB2A4.js";
 import {
   AudienceSchema,
   RoleSchema,
@@ -37,10 +37,11 @@ import {
   SectionMetaSchema,
   SingleMediaReferenceSchema,
   SiteConfigSchema,
+  StatusSchema,
   TextLineSchema,
   VariantSchema,
   normalizeSiteIndex
-} from "../chunk-WCBYXNAG.js";
+} from "../chunk-KMQZYORS.js";
 import "../chunk-VKAGMEKE.js";
 import "../chunk-FM4M4Q2W.js";
 import "../chunk-NSCT3AMV.js";
@@ -72,6 +73,7 @@ export {
   SingleMediaReferenceSchema,
   SiteConfigSchema,
   SiteUserSchema,
+  StatusSchema,
   TextLineSchema,
   VariantSchema,
   getSectionContentSchema,

package/dist/schemas/site-config.d.ts

@@ -1,4 +1,10 @@
 import { z } from "zod";
+export declare const StatusSchema: z.ZodPipe<z.ZodEnum<{
+    draft: "draft";
+    live: "live";
+    archived: "archived";
+    published: "published";
+}>, z.ZodTransform<"draft" | "live" | "archived", "draft" | "live" | "archived" | "published">>;
 export declare const SectionMetaSchema: z.ZodObject<{
     type: z.ZodString;
     status: z.ZodPipe<z.ZodEnum<{

package/dist/schemas/site-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"site-config.d.ts","sourceRoot":"","sources":["../../src/schemas/site-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAaxB,eAAO,MAAM,iBAAiB;;;;;;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAQ5D,eAAO,MAAM,cAAc,8EAA+E,CAAC;AAW3G,eAAO,MAAM,gBAAgB;;;EAA+B,CAAC;AAE7D,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAUrB,CAAC;AAEH,MAAM,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,UAAU,CAAC,CAAC;AA0C9C,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6CtB,CAAC;AAEL,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAyE,CAAC;AAElG,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAE7D,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,OAAO,GAAG,SAAS,CAE1D;AAMD,eAAO,MAAM,iBAAiB;;;;;iBAM5B,CAAC;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;iBAiC5B,CAAC;AACL,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAyD3B,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"site-config.d.ts","sourceRoot":"","sources":["../../src/schemas/site-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AASxB,eAAO,MAAM,YAAY;;;;;+FAExB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAQ5D,eAAO,MAAM,cAAc,8EAA+E,CAAC;AAW3G,eAAO,MAAM,gBAAgB;;;EAA+B,CAAC;AAE7D,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAUrB,CAAC;AAEH,MAAM,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,UAAU,CAAC,CAAC;AA0C9C,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6CtB,CAAC;AAEL,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAyE,CAAC;AAElG,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAE7D,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,OAAO,GAAG,SAAS,CAE1D;AAMD,eAAO,MAAM,iBAAiB;;;;;iBAM5B,CAAC;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;iBAiC5B,CAAC;AACL,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAyD3B,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/package.json

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

package/src/components/editor/AudienceIndicator.tsx

@@ -4,6 +4,55 @@ import { IndicatorPill } from "./IndicatorPill";
 import { PopoverItem } from "../shared/PopoverItem";
 import type { Audience } from "../../auth/types";
 
+interface AudienceChecklistProps {
+  access: string[];
+  audiences: Audience[];
+  onToggle: (name: string) => void;
+}
+
+export function AudienceChecklist({ access, audiences, onToggle }: AudienceChecklistProps) {
+  if (audiences.length === 0) {
+    return (
+      <div className="px-3 py-2 text-xs text-base-contrast-light whitespace-nowrap">
+        No audiences configured. Add audiences in Site Settings → Viewer Access.
+      </div>
+    );
+  }
+  return (
+    <ul role="list" className="w-full overflow-hidden py-1">
+      {audiences.map((a) => {
+        const checked = access.includes(a.name);
+        return (
+          <li key={a.name}>
+            <PopoverItem
+              role="checkbox"
+              aria-checked={checked}
+              onClick={() => onToggle(a.name)}
+            >
+              <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",
+                )}
+              >
+                {checked && <Check size={14} strokeWidth={3} />}
+              </span>
+              <span
+                className="h-3 w-3 shrink-0 rounded-full border border-base-200"
+                style={{ backgroundColor: a.color ?? "#9ca3af" }}
+              />
+              <span className="font-medium text-base-contrast whitespace-nowrap">{a.displayName}</span>
+            </PopoverItem>
+          </li>
+        );
+      })}
+    </ul>
+  );
+}
+
 interface AudienceIndicatorProps {
   access: string[];
   audiences: Audience[];
@@ -39,43 +88,7 @@ export function AudienceIndicator({ access, audiences, onChange, disabled }: Aud
       buttonClassName={selected.length === 0 ? "text-base-contrast-light" : undefined}
       disabled={disabled}
       clickContent={
-        audiences.length === 0 ? (
-          <div className="px-3 py-2 text-xs text-base-contrast-light whitespace-nowrap">
-            No audiences configured. Add audiences in Site Settings → Viewer Access.
-          </div>
-        ) : (
-          <ul role="list" className="w-full overflow-hidden py-1">
-            {audiences.map((a) => {
-              const checked = access.includes(a.name);
-              return (
-                <li key={a.name}>
-                  <PopoverItem
-                    role="checkbox"
-                    aria-checked={checked}
-                    onClick={() => toggle(a.name)}
-                  >
-                    <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",
-                      )}
-                    >
-                      {checked && <Check size={14} strokeWidth={3} />}
-                    </span>
-                    <span
-                      className="h-3 w-3 shrink-0 rounded-full border border-base-200"
-                      style={{ backgroundColor: a.color ?? "#9ca3af" }}
-                    />
-                    <span className="font-medium text-base-contrast">{a.displayName}</span>
-                  </PopoverItem>
-                </li>
-              );
-            })}
-          </ul>
-        )
+        <AudienceChecklist access={access} audiences={audiences} onToggle={toggle} />
       }
     />
   );

package/src/components/editor/ChildBlockWrapper.tsx

@@ -5,6 +5,7 @@ import { DragHandle } from "./DragHandle";
 import { DeleteButton } from "./DeleteButton";
 import { SettingsButton } from "./SettingsButton";
 import { ColSpanControl } from "./ColSpanControl";
+import { Tooltip, Kbd } from "../shared/Tooltip";
 import { cn } from "../../lib/cn";
 
 export interface ChildBlockWrapperProps {
@@ -70,17 +71,17 @@ export const ChildBlockWrapper = forwardRef<HTMLDivElement, ChildBlockWrapperPro
         >
           <span className="sr-only">{label}</span>
           <div className="pointer-events-auto">
-            <DragHandle ref={dragHandleRef} />
+            <DragHandle ref={dragHandleRef} tooltipSide="right" />
           </div>
           <div className="pointer-events-auto">
             <ColSpanControl colSpan={colSpan} columns={columns} onChange={onColSpanChange} />
           </div>
           {hasSettings && onOpenSettings && (
-            <div className="pointer-events-auto">
+            <Tooltip side="right" className="pointer-events-auto" content={<><Kbd>Edit</Kbd> settings</>}>
               <SettingsButton onClick={onOpenSettings} />
-            </div>
+            </Tooltip>
           )}
-          <div className="pointer-events-auto">
+          <Tooltip side="right" className="pointer-events-auto" content={<><Kbd>Duplicate</Kbd> block</>}>
             <button
               type="button"
               aria-label="Duplicate block"
@@ -89,10 +90,10 @@ export const ChildBlockWrapper = forwardRef<HTMLDivElement, ChildBlockWrapperPro
             >
               <CopyPlus size={16} />
             </button>
-          </div>
-          <div className="pointer-events-auto">
+          </Tooltip>
+          <Tooltip side="right" className="pointer-events-auto" content={<><Kbd>Delete</Kbd> block</>}>
             <DeleteButton onDelete={onDelete} />
-          </div>
+          </Tooltip>
         </div>
 
         {/* Drop-edge indicators */}

package/src/components/editor/ColSpanControl.tsx

@@ -2,6 +2,7 @@ import { useRef, useState } from "react";
 import { Columns3 } from "lucide-react";
 import { Popover } from "../shared/Popover";
 import { PopoverItem } from "../shared/PopoverItem";
+import { Tooltip, Kbd } from "../shared/Tooltip";
 import { cn } from "../../lib/cn";
 
 interface ColSpanControlProps {
@@ -21,17 +22,19 @@ export function ColSpanControl({ colSpan, columns, onChange }: ColSpanControlPro
 
   return (
     <div className="relative">
-      <button
-        ref={buttonRef}
-        type="button"
-        aria-label="Column span"
-        aria-haspopup="true"
-        aria-expanded={open}
-        onClick={() => setOpen((v) => !v)}
-        className="pointer-events-auto inline-flex cursor-pointer items-center gap-1 rounded p-1 text-xs text-base-contrast-light hover:text-primary"
-      >
-        <Columns3 size={14} />
-      </button>
+      <Tooltip side="right" content={<><Kbd>Set</Kbd> column span</>}>
+        <button
+          ref={buttonRef}
+          type="button"
+          aria-label="Column span"
+          aria-haspopup="true"
+          aria-expanded={open}
+          onClick={() => setOpen((v) => !v)}
+          className="pointer-events-auto inline-flex cursor-pointer items-center gap-1 rounded p-1 text-xs text-base-contrast-light hover:text-primary"
+        >
+          <Columns3 size={14} />
+        </button>
+      </Tooltip>
 
       <Popover isOpen={open} onClose={() => setOpen(false)} anchorRef={buttonRef} className="min-w-28">
         <ul role="list" className="py-1">

package/src/components/editor/DragHandle.tsx

@@ -3,9 +3,12 @@ import { DragHandle as DragHandleIcon } from "../shared/icons";
 import { IconButton } from "../shared/IconButton";
 import { Tooltip, Kbd } from "../shared/Tooltip";
 
-export const DragHandle = forwardRef<HTMLButtonElement>(function DragHandle(_, ref) {
+export const DragHandle = forwardRef<HTMLButtonElement, { tooltipSide?: "bottom" | "right" }>(function DragHandle(
+  { tooltipSide },
+  ref,
+) {
   return (
-    <Tooltip content={<><Kbd>Drag</Kbd> to move</>}>
+    <Tooltip side={tooltipSide} content={<><Kbd>Drag</Kbd> to move</>}>
       <IconButton
         ref={ref}
         icon={<DragHandleIcon size={18} />}

package/src/components/editor/PagesModal.tsx

@@ -205,15 +205,15 @@ function PageRow({
   return (
     <div
       ref={rowRef}
-      className={cn("relative rounded-md border border-base-200", isDragging && "opacity-50")}
+      className={cn("relative flex items-start gap-1", isDragging && "opacity-50")}
     >
       <DropEdgeIndicator edge={closestEdge} />
-      <div className="flex items-stretch gap-2 pl-3">
-        {draggable && (
-          <div className="flex shrink-0 items-center py-2 [&_[role=tooltip]]:hidden">
-            <DragHandle ref={handleRef} />
-          </div>
-        )}
+      {draggable && (
+        <div className="flex shrink-0 items-center py-2 [&_[role=tooltip]]:hidden">
+          <DragHandle ref={handleRef} />
+        </div>
+      )}
+      <div className={cn("min-w-0 flex-1 rounded-md border border-base-200 bg-base", isDragging && "outline outline-2 outline-primary/50")}>
         <button
           type="button"
           aria-label={`Edit settings for ${pageDisplayTitle(page.title)}`}
@@ -238,9 +238,8 @@ function PageRow({
             className={cn("shrink-0 text-base-contrast/50 transition-transform", expanded && "rotate-180")}
           />
         </button>
-      </div>
 
-      {expanded && (
+        {expanded && (
         <div className="flex flex-col gap-3 border-t border-base-200 px-3 py-3">
           <Input
             label="Title"
@@ -314,7 +313,8 @@ function PageRow({
             </Button>
           </div>
         </div>
-      )}
+        )}
+      </div>
     </div>
   );
 }

package/src/components/editor/SectionWrapper.tsx

@@ -5,6 +5,8 @@ import { DragHandle } from "./DragHandle";
 import { InsertButton } from "./InsertButton";
 import { DeleteButton } from "./DeleteButton";
 import { SettingsButton } from "./SettingsButton";
+import { IconButton } from "../shared/IconButton";
+import { Tooltip, Kbd } from "../shared/Tooltip";
 import { StatusIndicator } from "./StatusIndicator";
 import { AudienceIndicator } from "./AudienceIndicator";
 import { LockBadge } from "./LockBadge";
@@ -298,7 +300,10 @@ export function SectionWrapper({
       {/* Status + settings + delete — top-right, above content */}
       <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",
         )}
@@ -327,32 +332,38 @@ export function SectionWrapper({
         </div>
 
         {!isLocked && onAddChild && (
-          <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"
-          >
-            <Plus size={16} />
-          </button>
+          <Tooltip className="pointer-events-auto" content={<><Kbd>Add</Kbd> a block</>}>
+            <IconButton
+              icon={<Plus size={16} />}
+              label="Add block"
+              onClick={onAddChild}
+              className="pointer-events-auto hover:text-primary"
+            />
+          </Tooltip>
         )}
 
-        {!isLocked && hasSettings && (
-          <SettingsButton onClick={handleSettingsClick} />
+        {!isLocked && onMoveSection && (
+          <Tooltip className="pointer-events-auto" content={<><Kbd>Move</Kbd> to page</>}>
+            <IconButton
+              icon={<ArrowRightLeft size={16} />}
+              label="Move to page"
+              onClick={onMoveSection}
+              className="pointer-events-auto hover:text-primary"
+            />
+          </Tooltip>
         )}
 
-        {!isLocked && onMoveSection && (
-          <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"
-          >
-            <ArrowRightLeft size={16} />
-          </button>
+        {!isLocked && hasSettings && (
+          <Tooltip className="pointer-events-auto" content={<><Kbd>Edit</Kbd> settings</>}>
+            <SettingsButton onClick={handleSettingsClick} />
+          </Tooltip>
         )}
 
-        {!isLocked && onDelete && <DeleteButton onDelete={onDelete} />}
+        {!isLocked && onDelete && (
+          <Tooltip className="pointer-events-auto" content={<><Kbd>Delete</Kbd> section</>}>
+            <DeleteButton onDelete={onDelete} />
+          </Tooltip>
+        )}
       </div>
 
       {/* Drop indicator — centered in the section's own padding-top */}

package/src/components/editor/StatusIndicator.tsx

@@ -83,6 +83,42 @@ const dotColorClasses: Record<StatusColor, string> = {
 
 const STATUSES: Status[] = ["draft", "live", "archived"];
 
+interface StatusRadioListProps {
+  status: Status;
+  onChange: (status: Status) => void;
+  onClose?: () => void;
+  ariaLabel?: string;
+}
+
+export function StatusRadioList({ status, onChange, onClose, ariaLabel = "Section status" }: StatusRadioListProps) {
+  return (
+    <ul role="radiogroup" aria-label={ariaLabel} className="w-full overflow-hidden py-1">
+      {STATUSES.map((s) => {
+        const checked = s === status;
+        return (
+          <li key={s}>
+            <PopoverItem
+              role="radio"
+              aria-checked={checked}
+              onClick={() => {
+                if (s !== status) onChange(s);
+                onClose?.();
+              }}
+            >
+              <span
+                aria-hidden="true"
+                className={cn("h-3 w-3 shrink-0 rounded-full border border-base-200", dotColorClasses[s])}
+              />
+              <span className="flex-1 font-medium capitalize text-base-contrast">{s}</span>
+              {checked && <Check size={14} strokeWidth={3} className="text-primary" />}
+            </PopoverItem>
+          </li>
+        );
+      })}
+    </ul>
+  );
+}
+
 interface StatusIndicatorProps {
   mainStatus: string | null;
   savedStatus: string;
@@ -122,30 +158,7 @@ export function StatusIndicator({
       buttonClassName="text-base-contrast-light"
       disabled={disabled}
       clickContent={(onClose) => (
-        <ul role="radiogroup" aria-label="Section status" className="w-full overflow-hidden py-1">
-          {STATUSES.map((s) => {
-            const checked = s === status;
-            return (
-              <li key={s}>
-                <PopoverItem
-                  role="radio"
-                  aria-checked={checked}
-                  onClick={() => {
-                    if (s !== status) onChange(s);
-                    onClose();
-                  }}
-                >
-                  <span
-                    aria-hidden="true"
-                    className={cn("h-3 w-3 shrink-0 rounded-full border border-base-200", dotColorClasses[s])}
-                  />
-                  <span className="flex-1 font-medium capitalize text-base-contrast">{s}</span>
-                  {checked && <Check size={14} strokeWidth={3} className="text-primary" />}
-                </PopoverItem>
-              </li>
-            );
-          })}
-        </ul>
+        <StatusRadioList status={status} onChange={onChange} onClose={onClose} />
       )}
     />
   );