@drawnagency/primitives 0.1.12 → 0.1.13

package/dist/{chunk-Q7OKHD6I.js → chunk-46QI4FDZ.js}

@@ -2,7 +2,7 @@ import {
   IndexSchema,
   getAllSchemas,
   getSectionSchema
-} from "./chunk-PHCEJP7I.js";
+} from "./chunk-EAEX6DS7.js";
 import {
   safeNextPath
 } from "./chunk-F3Z6RISI.js";

package/dist/{chunk-PHCEJP7I.js → chunk-EAEX6DS7.js}

@@ -153,9 +153,12 @@ function getSectionSchema() {
 
 // src/schemas/site-config.ts
 import { z as z3 } from "zod";
+var StatusSchema = z3.enum(["draft", "live", "archived", "published"]).transform(
+  (val) => val === "published" ? "live" : val
+);
 var SectionMetaSchema = z3.object({
   type: z3.string(),
-  status: z3.enum(["draft", "live", "archived"]),
+  status: StatusSchema,
   access: z3.array(z3.string())
 });
 var IndexSchema = z3.object({

package/dist/{chunk-2YYC2VJY.js → chunk-P24YUT3O.js}

@@ -1,6 +1,6 @@
 import {
   HexColorSchema
-} from "./chunk-PHCEJP7I.js";
+} from "./chunk-EAEX6DS7.js";
 
 // src/schemas/audience.ts
 import { z } from "zod";

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

@@ -0,0 +1,9 @@
+import type { Audience } from "../../auth/types";
+interface AudienceIndicatorProps {
+    access: string[];
+    audiences: Audience[];
+    onChange: (access: string[]) => void;
+}
+export declare function AudienceIndicator({ access, audiences, onChange }: AudienceIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AudienceIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AudienceIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/editor/AudienceIndicator.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,UAAU,sBAAsB;IAC9B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CAkExF"}

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

@@ -0,0 +1,18 @@
+import { type ReactNode } from "react";
+interface DotDef {
+    color?: string;
+    className?: string;
+}
+interface IndicatorPillProps {
+    dots: DotDef[];
+    label: string;
+    /** Shown on hover above the pill. Currently unused — kept for planned tooltip feature. */
+    hoverContent?: ReactNode;
+    clickContent?: ReactNode | ((onClose: () => void) => ReactNode);
+    className?: string;
+    buttonClassName?: string;
+    ariaLabel?: string;
+}
+export declare function IndicatorPill({ dots, label, hoverContent, clickContent, className, buttonClassName, ariaLabel, }: IndicatorPillProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=IndicatorPill.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IndicatorPill.d.ts","sourceRoot":"","sources":["../../../src/components/editor/IndicatorPill.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAItE,UAAU,MAAM;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,kBAAkB;IAC1B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,0FAA0F;IAC1F,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,eAAe,EACf,SAAS,GACV,EAAE,kBAAkB,2CA0FpB"}

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,UAAU,EACV,OAAO,EACP,SAAS,EACT,MAAM,EACN,cAAc,EACd,cAAc,EACd,eAAe,EACf,SAAS,EACT,eAAe,EACf,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,UAAU,EACV,sBAAsB,EACtB,WAAW,EACX,QAAQ,GACT,EAAE,YAAY,kDA+Rd"}
+{"version":3,"file":"SectionWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/editor/SectionWrapper.tsx"],"names":[],"mappings":"AAWA,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,UAAU,EACV,OAAO,EACP,SAAS,EACT,MAAM,EACN,cAAc,EACd,cAAc,EACd,eAAe,EACf,SAAS,EACT,eAAe,EACf,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,UAAU,EACV,sBAAsB,EACtB,WAAW,EACX,QAAQ,GACT,EAAE,YAAY,kDAqSd"}

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

@@ -0,0 +1,29 @@
+type StatusColor = "draft" | "live" | "archived" | "modified";
+type Status = "draft" | "live" | "archived";
+interface DotDef {
+    color: StatusColor;
+}
+interface DeriveInput {
+    mainStatus: string | null;
+    savedStatus: string;
+    contentDiffers: boolean;
+    isLocalOnly: boolean;
+}
+interface DeriveResult {
+    dots: DotDef[];
+    unsaved: boolean;
+    description: string;
+}
+export declare function deriveStatusDisplay({ mainStatus, savedStatus, contentDiffers, isLocalOnly }: DeriveInput): DeriveResult;
+interface StatusIndicatorProps {
+    mainStatus: string | null;
+    savedStatus: string;
+    contentDiffers: boolean;
+    isLocalOnly: boolean;
+    status: Status;
+    dirty?: boolean;
+    onChange: (status: Status) => void;
+}
+export declare function StatusIndicator({ mainStatus, savedStatus, contentDiffers, isLocalOnly, status, dirty, onChange, }: StatusIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StatusIndicator.d.ts.map

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

@@ -0,0 +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;CACpC;AAED,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,WAAW,EACX,cAAc,EACd,WAAW,EACX,MAAM,EACN,KAAK,EACL,QAAQ,GACT,EAAE,oBAAoB,2CA4CtB"}

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

@@ -3,7 +3,8 @@ export { InsertButton } from "./InsertButton";
 export { DeleteButton } from "./DeleteButton";
 export { SettingsButton } from "./SettingsButton";
 export { SettingsForm } from "./SettingsForm";
-export { StatusBadge } from "./StatusBadge";
+export { IndicatorPill } from "./IndicatorPill";
+export { StatusIndicator, deriveStatusDisplay } from "./StatusIndicator";
+export { AudienceIndicator } from "./AudienceIndicator";
 export { SectionWrapper } from "./SectionWrapper";
-export { StatusDots, deriveStatusDots } from "./StatusDots";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -4,7 +4,7 @@ interface PopoverProps {
     onClose: () => void;
     anchorRef: RefObject<HTMLElement | null>;
     children: ReactNode;
-    align?: "start" | "end";
+    align?: "start" | "end" | "auto";
     className?: string;
 }
 export declare function Popover({ isOpen, onClose, anchorRef, children, align, className, }: PopoverProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/shared/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI1E,UAAU,YAAY;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAe,EACf,SAAS,GACV,EAAE,YAAY,kDAwCd"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/shared/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgD,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrG,UAAU,YAAY;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAc,EACd,SAAS,GACV,EAAE,YAAY,kDA8Dd"}

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

@@ -0,0 +1,9 @@
+interface BuildStatusIndicatorProps {
+    state: "idle" | "building" | "ready" | "error";
+    deployUrl: string | null;
+    visible: boolean;
+    onDismiss: () => void;
+}
+export declare function BuildStatusIndicator({ state, deployUrl, visible, onDismiss, }: BuildStatusIndicatorProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=BuildStatusIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BuildStatusIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/shell/BuildStatusIndicator.tsx"],"names":[],"mappings":"AAGA,UAAU,yBAAyB;IACjC,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;IAC/C,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAoBD,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,SAAS,EACT,OAAO,EACP,SAAS,GACV,EAAE,yBAAyB,kDAiC3B"}

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":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAYjD,OAAO,sBAAsB,CAAC;AAiC9B,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAcxD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,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;CACjE;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,MAAM,EACN,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EACZ,WAAW,GACZ,EAAE,KAAK,2CAkkBP"}
+{"version":3,"file":"EditorShell.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorShell.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAYjD,OAAO,sBAAsB,CAAC;AAmC9B,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAcxD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,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;CACjE;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,MAAM,EACN,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EACZ,WAAW,GACZ,EAAE,KAAK,2CAykBP"}

package/dist/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export { useActiveHeadings } from "./useActiveHeadings";
+export { useBuildStatus } from "./useBuildStatus";
 export { useContentLifecycle } from "./useContentLifecycle";
 export { useEditorPersistence } from "./useEditorPersistence";
 export { useEditorPublish } from "./useEditorPublish";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/hooks/useBuildStatus.d.ts

@@ -0,0 +1,11 @@
+type BuildState = "idle" | "building" | "ready" | "error";
+interface BuildStatusResult {
+    state: BuildState;
+    deployUrl: string | null;
+    visible: boolean;
+    dismiss: () => void;
+    startTracking: () => void;
+}
+export declare function useBuildStatus(): BuildStatusResult;
+export {};
+//# sourceMappingURL=useBuildStatus.d.ts.map

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

@@ -0,0 +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,CAAC;AAS1D,UAAU,iBAAiB;IACzB,KAAK,EAAE,UAAU,CAAC;IAClB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAKD,wBAAgB,cAAc,IAAI,iBAAiB,CAoHlD"}

package/dist/hooks/useEditorPublish.d.ts

@@ -16,8 +16,9 @@ interface PublishDeps {
     pendingMediaDeletions: string[];
     onMediaPublished: (publishedItems: MediaItem[], publishedDeletions: string[]) => void;
     onShasUpdated: (savedSha: string | null, mainSha: string | null) => void;
+    onPublishComplete?: () => void;
 }
-export declare function useEditorPublish({ flushNow, cancelPendingFlush, isConfigDirty, clearConfigDirty, siteIndexRef, siteConfig, sections, deletedSectionIds, onSuccess, mediaManifest, pendingMediaItems, pendingMediaDeletions, onMediaPublished, onShasUpdated, }: PublishDeps): {
+export declare function useEditorPublish({ flushNow, cancelPendingFlush, isConfigDirty, clearConfigDirty, siteIndexRef, siteConfig, sections, deletedSectionIds, onSuccess, mediaManifest, pendingMediaItems, pendingMediaDeletions, onMediaPublished, onShasUpdated, onPublishComplete, }: PublishDeps): {
     isPublishing: boolean;
     publishFeedback: string | null;
     handleSave: () => Promise<void>;

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

@@ -1 +1 @@
-{"version":3,"file":"useEditorPublish.d.ts","sourceRoot":"","sources":["../../src/hooks/useEditorPublish.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAe/D,UAAU,WAAW;IACnB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,aAAa,EAAE,MAAM,OAAO,CAAC;IAC7B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,EAAE,aAAa,CAAC;IAC7B,iBAAiB,EAAE,SAAS,EAAE,CAAC;IAC/B,qBAAqB,EAAE,MAAM,EAAE,CAAC;IAChC,gBAAgB,EAAE,CAAC,cAAc,EAAE,SAAS,EAAE,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtF,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC1E;AASD,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,kBAAkB,EAClB,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,iBAAiB,EACjB,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,aAAa,GACd,EAAE,WAAW;;;;;;EAqSb"}
+{"version":3,"file":"useEditorPublish.d.ts","sourceRoot":"","sources":["../../src/hooks/useEditorPublish.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAe/D,UAAU,WAAW;IACnB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,aAAa,EAAE,MAAM,OAAO,CAAC;IAC7B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,EAAE,aAAa,CAAC;IAC7B,iBAAiB,EAAE,SAAS,EAAE,CAAC;IAC/B,qBAAqB,EAAE,MAAM,EAAE,CAAC;IAChC,gBAAgB,EAAE,CAAC,cAAc,EAAE,SAAS,EAAE,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtF,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzE,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AASD,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,kBAAkB,EAClB,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,iBAAiB,EACjB,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,aAAa,EACb,iBAAiB,GAClB,EAAE,WAAW;;;;;;EAuSb"}

package/dist/index.js

@@ -7,7 +7,7 @@ import {
   SessionSchema,
   SiteUserSchema,
   slugifyAudienceName
-} from "./chunk-2YYC2VJY.js";
+} from "./chunk-P24YUT3O.js";
 import {
   buildGoogleFontsUrl,
   cn,
@@ -27,7 +27,7 @@ import {
   safeRedirect,
   sanitizeHtml,
   toSectionId
-} from "./chunk-Q7OKHD6I.js";
+} from "./chunk-46QI4FDZ.js";
 import {
   ColorItemSchema,
   ColorSpaceSchema,
@@ -48,7 +48,7 @@ import {
   getSectionSchema,
   registerSchema,
   registerSection
-} from "./chunk-PHCEJP7I.js";
+} from "./chunk-EAEX6DS7.js";
 import {
   AUDIENCE_COOKIE,
   LastOwnerError,

package/dist/lib/index.js

@@ -17,7 +17,7 @@ import {
   safeRedirect,
   sanitizeHtml,
   toSectionId
-} from "../chunk-Q7OKHD6I.js";
+} from "../chunk-46QI4FDZ.js";
 import {
   clearRegistry,
   createRegistry,
@@ -28,7 +28,7 @@ import {
   getSection,
   registerSchema,
   registerSection
-} from "../chunk-PHCEJP7I.js";
+} from "../chunk-EAEX6DS7.js";
 import "../chunk-F3Z6RISI.js";
 import "../chunk-UMSFICAC.js";
 export {

package/dist/schemas/index.js

@@ -7,7 +7,7 @@ import {
   SessionSchema,
   SiteUserSchema,
   slugifyAudienceName
-} from "../chunk-2YYC2VJY.js";
+} from "../chunk-P24YUT3O.js";
 import {
   ColorItemSchema,
   ColorSpaceSchema,
@@ -19,7 +19,7 @@ import {
   TextLineSchema,
   getSectionContentSchema,
   getSectionSchema
-} from "../chunk-PHCEJP7I.js";
+} from "../chunk-EAEX6DS7.js";
 import {
   ImageManifestSchema,
   MediaConfigSchema,

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

@@ -1,11 +1,12 @@
 import { z } from "zod";
 export declare const SectionMetaSchema: z.ZodObject<{
     type: z.ZodString;
-    status: z.ZodEnum<{
+    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 SectionMeta = z.infer<typeof SectionMetaSchema>;
@@ -14,11 +15,12 @@ export declare const IndexSchema: z.ZodObject<{
     order: z.ZodArray<z.ZodString>;
     sections: z.ZodRecord<z.ZodString, z.ZodObject<{
         type: z.ZodString;
-        status: z.ZodEnum<{
+        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>>;
 }, z.core.$strip>;

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;AAIxB,eAAO,MAAM,iBAAiB;;;;;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,WAAW;;;;;;;;;;;;iBAOvB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,WAAW,CAAC,CAAC;AAEpD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;iBAY3B,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;AAQxB,eAAO,MAAM,iBAAiB;;;;;;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,WAAW;;;;;;;;;;;;;iBAOvB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,WAAW,CAAC,CAAC;AAEpD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;iBAY3B,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.12",
+  "version": "0.1.13",
   "type": "module",
   "exports": {
     "./package.json": "./package.json",

package/src/components/editor/{AudiencePicker.tsx → AudienceIndicator.tsx}

@@ -1,22 +1,18 @@
-import { useRef, useState } from "react";
 import { Check } from "lucide-react";
 import { cn } from "../../lib/cn";
-import { Popover } from "../shared/Popover";
+import { IndicatorPill } from "./IndicatorPill";
 import { PopoverItem } from "../shared/PopoverItem";
 import type { Audience } from "../../auth/types";
 
-interface Props {
+interface AudienceIndicatorProps {
   access: string[];
   audiences: Audience[];
   onChange: (access: string[]) => void;
 }
 
-export function AudiencePicker({ access, audiences, onChange }: Props) {
-  const [open, setOpen] = useState(false);
-  const buttonRef = useRef<HTMLButtonElement>(null);
-
+export function AudienceIndicator({ access, audiences, onChange }: AudienceIndicatorProps) {
   const selected = audiences.filter((a) => access.includes(a.name));
-  const visibleCircles = selected.slice(0, 3);
+  const visibleDots = selected.slice(0, 3);
 
   function toggle(name: string) {
     const next = access.includes(name)
@@ -25,47 +21,27 @@ export function AudiencePicker({ access, audiences, onChange }: Props) {
     onChange(next);
   }
 
-  return (
-    <div className="relative">
-      <button
-        ref={buttonRef}
-        type="button"
-        onClick={() => setOpen((v) => !v)}
-        className={cn(
-          "cursor-pointer inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium",
-          "border border-base-200 hover:bg-base-accent",
-          selected.length === 0 && "text-base-contrast-light",
-        )}
-      >
-        {selected.length === 0 && <span>No audience</span>}
-        {selected.length >= 1 && (
-          <span className="flex -space-x-1.5">
-            {visibleCircles.map((a) => (
-              <span
-                key={a.name}
-                className="h-3 w-3 rounded-full border border-base"
-                style={{ backgroundColor: a.color ?? "#9ca3af" }}
-              />
-            ))}
-          </span>
-        )}
-        {selected.length === 1 && <span>{selected[0].displayName}</span>}
-        {selected.length >= 2 && <span>{selected.length} audiences</span>}
-      </button>
+  const pillDots = visibleDots.map((a) => ({
+    color: a.color ?? "#9ca3af",
+  }));
 
-      <Popover
-        isOpen={open}
-        onClose={() => setOpen(false)}
-        anchorRef={buttonRef}
-        align="end"
-        className="w-56"
-      >
-        {audiences.length === 0 ? (
-          <div className="px-3 py-2 text-xs text-base-contrast-light">
+  let labelText: string;
+  if (selected.length === 0) labelText = "No audience";
+  else if (selected.length === 1) labelText = selected[0].displayName;
+  else labelText = `${selected.length} audiences`;
+
+  return (
+    <IndicatorPill
+      dots={pillDots}
+      label={labelText}
+      buttonClassName={selected.length === 0 ? "text-base-contrast-light" : undefined}
+      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="py-1">
+          <ul role="list" className="w-full overflow-hidden py-1">
             {audiences.map((a) => {
               const checked = access.includes(a.name);
               return (
@@ -90,14 +66,14 @@ export function AudiencePicker({ access, audiences, onChange }: Props) {
                       className="h-3 w-3 shrink-0 rounded-full border border-base-200"
                       style={{ backgroundColor: a.color ?? "#9ca3af" }}
                     />
-                    <span className="text-sm font-medium text-base-contrast">{a.displayName}</span>
+                    <span className="font-medium text-base-contrast">{a.displayName}</span>
                   </PopoverItem>
                 </li>
               );
             })}
           </ul>
-        )}
-      </Popover>
-    </div>
+        )
+      }
+    />
   );
 }

package/src/components/editor/IndicatorPill.tsx

@@ -0,0 +1,119 @@
+import { useRef, useState, useCallback, type ReactNode } from "react";
+import { cn } from "../../lib/cn";
+import { Popover } from "../shared/Popover";
+
+interface DotDef {
+  color?: string;
+  className?: string;
+}
+
+interface IndicatorPillProps {
+  dots: DotDef[];
+  label: string;
+  /** Shown on hover above the pill. Currently unused — kept for planned tooltip feature. */
+  hoverContent?: ReactNode;
+  clickContent?: ReactNode | ((onClose: () => void) => ReactNode);
+  className?: string;
+  buttonClassName?: string;
+  ariaLabel?: string;
+}
+
+export function IndicatorPill({
+  dots,
+  label,
+  hoverContent,
+  clickContent,
+  className,
+  buttonClassName,
+  ariaLabel,
+}: IndicatorPillProps) {
+  const [hoverOpen, setHoverOpen] = useState(false);
+  const [clickOpen, setClickOpen] = useState(false);
+  const buttonRef = useRef<HTMLButtonElement>(null);
+  const hoverTimeout = useRef<ReturnType<typeof setTimeout> | null>(null);
+
+  const clearHoverTimeout = useCallback(() => {
+    if (hoverTimeout.current) {
+      clearTimeout(hoverTimeout.current);
+      hoverTimeout.current = null;
+    }
+  }, []);
+
+  function handleMouseEnter() {
+    clearHoverTimeout();
+    if (!clickOpen && hoverContent) {
+      setHoverOpen(true);
+    }
+  }
+
+  function handleMouseLeave() {
+    clearHoverTimeout();
+    hoverTimeout.current = setTimeout(() => {
+      setHoverOpen(false);
+    }, 150);
+  }
+
+  function handleClick() {
+    if (!clickContent) return;
+    setHoverOpen(false);
+    clearHoverTimeout();
+    setClickOpen((v) => !v);
+  }
+
+  function handleClickClose() {
+    setClickOpen(false);
+  }
+
+  return (
+    <div className={cn("relative", className)}>
+      <button
+        ref={buttonRef}
+        type="button"
+        onClick={handleClick}
+        onMouseEnter={handleMouseEnter}
+        onMouseLeave={handleMouseLeave}
+        aria-haspopup={clickContent ? "true" : undefined}
+        aria-expanded={clickContent ? clickOpen : undefined}
+        aria-label={ariaLabel}
+        className={cn(
+          "cursor-pointer inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium",
+          "border border-base-200 hover:bg-base-accent",
+          buttonClassName,
+        )}
+      >
+        {dots.length > 0 && (
+          <span className="flex -space-x-1">
+            {dots.map((dot, i) => (
+              <span
+                key={i}
+                aria-hidden="true"
+                className={cn("h-3 w-3 rounded-full border border-base", dot.className)}
+                style={dot.color ? { backgroundColor: dot.color } : undefined}
+              />
+            ))}
+          </span>
+        )}
+        <span>{label}</span>
+      </button>
+
+      {/* Hover tooltip — above the button */}
+      {hoverOpen && hoverContent && (
+        <div
+          className="absolute bottom-full right-0 z-50 mb-1 rounded-full bg-base-accent px-3 py-1 text-xs text-base-contrast-light whitespace-nowrap"
+        >
+          {hoverContent}
+        </div>
+      )}
+
+      {/* Click dropdown — below the button */}
+      <Popover
+        isOpen={clickOpen}
+        onClose={handleClickClose}
+        anchorRef={buttonRef}
+        className="min-w-full max-w-xs"
+      >
+        {typeof clickContent === "function" ? clickContent(handleClickClose) : clickContent}
+      </Popover>
+    </div>
+  );
+}

package/src/components/editor/SectionWrapper.tsx

@@ -4,10 +4,8 @@ import { DragHandle } from "./DragHandle";
 import { InsertButton } from "./InsertButton";
 import { DeleteButton } from "./DeleteButton";
 import { SettingsButton } from "./SettingsButton";
-import { StatusBadge } from "./StatusBadge";
-import { StatusPicker } from "./StatusPicker";
-import { AudiencePicker } from "./AudiencePicker";
-import { StatusDots } from "./StatusDots";
+import { StatusIndicator } from "./StatusIndicator";
+import { AudienceIndicator } from "./AudienceIndicator";
 import { SettingsForm } from "./SettingsForm";
 import { useEditorContext } from "../shell/EditorContext";
 import { useEditorModal } from "../shell/EditorModalContext";
@@ -218,7 +216,17 @@ export function SectionWrapper({
           data-section-type={sectionType}
         >
           <div className="pointer-events-none absolute right-0 bottom-full z-30 mb-1">
-            <StatusBadge status={status} dirty={dirty} />
+            <span
+              className={cn(
+                "rounded-full px-2 py-0.5 text-xs font-medium",
+                status === "live" ? "bg-status-live-bg text-status-live-text"
+                  : status === "draft" ? "bg-status-draft-bg text-status-draft-text"
+                  : "bg-status-archived-bg text-status-archived-text",
+              )}
+            >
+              {status}
+              {dirty && <span className="ml-1 opacity-70">· Unsaved</span>}
+            </span>
           </div>
           {children}
         </div>
@@ -279,27 +287,23 @@ export function SectionWrapper({
         )}
       >
         <div className="pointer-events-auto">
-          <StatusDots
+          <StatusIndicator
             mainStatus={mainStatus ?? null}
             savedStatus={status as string}
             contentDiffers={contentDiffersFromMain ?? false}
             isLocalOnly={isLocalOnly ?? false}
+            status={status as "draft" | "live" | "archived"}
+            dirty={dirty}
+            onChange={(s) => onStatusChange?.(s)}
           />
         </div>
         <div className="pointer-events-auto">
-          <AudiencePicker
+          <AudienceIndicator
             access={access}
             audiences={audiences}
             onChange={(newAccess) => onAccessChange?.(newAccess)}
           />
         </div>
-        <div className="pointer-events-auto">
-          <StatusPicker
-            status={status as "draft" | "live" | "archived"}
-            dirty={dirty}
-            onChange={(s) => onStatusChange?.(s)}
-          />
-        </div>
 
         {hasSettings && (
           <SettingsButton onClick={handleSettingsClick} />