@drawnagency/primitives 0.1.82 → 0.1.84

package/dist/{chunk-5UDIQLGQ.js → chunk-56J4QMF4.js}

@@ -3,7 +3,7 @@ import {
   pluralize,
   stripHtmlToPlainText,
   truncate
-} from "./chunk-22GU6GNP.js";
+} from "./chunk-665DW3HR.js";
 import {
   DeleteButton,
   DragHandle,
@@ -51,7 +51,7 @@ import {
 } from "./chunk-TZQPOR5A.js";
 import {
   SingleMediaReferenceSchema
-} from "./chunk-ETJYYUQX.js";
+} from "./chunk-E3MTIMOG.js";
 import {
   defineSection,
   getSection

package/dist/{chunk-22GU6GNP.js → chunk-665DW3HR.js}

@@ -30,7 +30,7 @@ import {
 import {
   HexColorSchema,
   SingleMediaReferenceSchema
-} from "./chunk-ETJYYUQX.js";
+} from "./chunk-E3MTIMOG.js";
 import {
   defineSection
 } from "./chunk-VKAGMEKE.js";

package/dist/{chunk-6NRVX6NQ.js → chunk-DO3ZENLN.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-TZQPOR5A.js";
 import {
   IndexSchema
-} from "./chunk-ETJYYUQX.js";
+} from "./chunk-E3MTIMOG.js";
 import {
   getAllSchemas
 } from "./chunk-VKAGMEKE.js";

package/dist/{chunk-ETJYYUQX.js → chunk-E3MTIMOG.js}

@@ -130,7 +130,7 @@ var SectionMetaSchema = z3.object({
   status: StatusSchema,
   access: z3.array(z3.string())
 });
-var RESERVED_SLUGS = ["edit", "api", "login", "set-password", "404", "present"];
+var RESERVED_SLUGS = ["edit", "api", "login", "set-password", "404", "present", "print"];
 var PARSE_REJECTED_SLUGS = ["edit", "api", "login", "set-password", "404"];
 var PageStatusSchema = z3.enum(["live", "archived"]);
 var PageSchema = z3.object({

package/dist/{chunk-Y54G2XSC.js → chunk-EP3LVOXZ.js}

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

package/dist/components/editor/index.js

@@ -24,7 +24,7 @@ import {
   cn
 } from "../../chunk-7EOSDFS3.js";
 import "../../chunk-YBVK254P.js";
-import "../../chunk-ETJYYUQX.js";
+import "../../chunk-E3MTIMOG.js";
 import "../../chunk-FM4M4Q2W.js";
 import "../../chunk-JSBRDJBE.js";
 

package/dist/components/primitives/index.js

@@ -23,7 +23,7 @@ import {
   cn
 } from "../../chunk-7EOSDFS3.js";
 import "../../chunk-YBVK254P.js";
-import "../../chunk-ETJYYUQX.js";
+import "../../chunk-E3MTIMOG.js";
 import "../../chunk-VKAGMEKE.js";
 import "../../chunk-FM4M4Q2W.js";
 import "../../chunk-JSBRDJBE.js";

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

@@ -2,7 +2,7 @@ import {
   ColorItemSchema,
   ColorSpaceSchema,
   brandGuideSectionDefs
-} from "../../chunk-22GU6GNP.js";
+} from "../../chunk-665DW3HR.js";
 import "../../chunk-5THS4K5D.js";
 import "../../chunk-DKXISNJ2.js";
 import "../../chunk-MBJUWOM2.js";
@@ -11,7 +11,7 @@ import "../../chunk-PZJL2S3Z.js";
 import "../../chunk-WDSVHKAH.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-YBVK254P.js";
-import "../../chunk-ETJYYUQX.js";
+import "../../chunk-E3MTIMOG.js";
 import "../../chunk-VKAGMEKE.js";
 import "../../chunk-FM4M4Q2W.js";
 import "../../chunk-JSBRDJBE.js";

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

@@ -1,7 +1,7 @@
 import {
   allSectionDefs
-} from "../../chunk-5UDIQLGQ.js";
-import "../../chunk-22GU6GNP.js";
+} from "../../chunk-56J4QMF4.js";
+import "../../chunk-665DW3HR.js";
 import "../../chunk-Q6LZOH5M.js";
 import "../../chunk-5THS4K5D.js";
 import "../../chunk-FDBZZ4AT.js";
@@ -16,7 +16,7 @@ import "../../chunk-53DKVAB6.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-YBVK254P.js";
 import "../../chunk-TZQPOR5A.js";
-import "../../chunk-ETJYYUQX.js";
+import "../../chunk-E3MTIMOG.js";
 import {
   registerRichText,
   registerSchema

package/dist/components/sections/register.js

@@ -1,7 +1,7 @@
 import {
   allSectionDefs
-} from "../../chunk-5UDIQLGQ.js";
-import "../../chunk-22GU6GNP.js";
+} from "../../chunk-56J4QMF4.js";
+import "../../chunk-665DW3HR.js";
 import "../../chunk-Q6LZOH5M.js";
 import "../../chunk-5THS4K5D.js";
 import "../../chunk-FDBZZ4AT.js";
@@ -16,7 +16,7 @@ import "../../chunk-53DKVAB6.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-YBVK254P.js";
 import "../../chunk-TZQPOR5A.js";
-import "../../chunk-ETJYYUQX.js";
+import "../../chunk-E3MTIMOG.js";
 import {
   registerSection
 } from "../../chunk-VKAGMEKE.js";

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;AASjD,OAAO,EAAoC,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAwDtF,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,2CAqiDP;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;AASjD,OAAO,EAAoC,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAwDtF,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,2CAsiDP;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/document/components/DocViewer.d.ts

@@ -9,10 +9,13 @@ export interface DocViewerProps {
     selectedChunkId?: string | null;
     onSelectChunk?: (chunkId: string | null) => void;
     onClose?: () => void;
+    /** Present mode only: when set, the toolbar shows a "Download PDF" link (the /present
+     * route passes the gated /api/document-pdf href when a PDF exists for this viewer). */
+    downloadHref?: string | null;
     onDocState?: (state: {
         chunks: Chunk[];
         warningsByChunk: Record<string, string[]>;
     }) => void;
 }
-export declare function DocViewer({ source, document: doc, host, mode, selectedChunkId, onSelectChunk, onClose, onDocState, }: DocViewerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DocViewer({ source, document: doc, host, mode, selectedChunkId, onSelectChunk, onClose, downloadHref, onDocState, }: DocViewerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DocViewer.d.ts.map

package/dist/document/components/DocViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocViewer.d.ts","sourceRoot":"","sources":["../../../src/document/components/DocViewer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,KAAK,EAAE,KAAK,EAAY,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGzE,OAAO,EAAkB,KAAK,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOhE,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAChC,QAAQ,EAAE,eAAe,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;IAEzB,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAKrB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,KAAK,EAAE,CAAC;QAAC,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;CAC9F;AAUD,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,QAAQ,EAAE,GAAG,EACb,IAAI,EACJ,IAAI,EACJ,eAAe,EACf,aAAa,EACb,OAAO,EACP,UAAU,GACX,EAAE,cAAc,2CA8JhB"}
+{"version":3,"file":"DocViewer.d.ts","sourceRoot":"","sources":["../../../src/document/components/DocViewer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,KAAK,EAAE,KAAK,EAAY,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGzE,OAAO,EAAkB,KAAK,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOhE,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAChC,QAAQ,EAAE,eAAe,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;IAEzB,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;2FACuF;IACvF,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAK7B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,KAAK,EAAE,CAAC;QAAC,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;CAC9F;AAUD,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,QAAQ,EAAE,GAAG,EACb,IAAI,EACJ,IAAI,EACJ,eAAe,EACf,aAAa,EACb,OAAO,EACP,YAAY,EACZ,UAAU,GACX,EAAE,cAAc,2CA0KhB"}

package/dist/document/index.js

@@ -764,6 +764,7 @@ function DocViewer({
   selectedChunkId,
   onSelectChunk,
   onClose,
+  downloadHref,
   onDocState
 }) {
   const { chunks, pages, measuring, warningsByChunk } = useDocPages({ source, sections: doc.sections });
@@ -847,16 +848,28 @@ function DocViewer({
     /* @__PURE__ */ jsxs6("div", { className: "flex h-full min-h-0 min-w-0 flex-1 flex-col", children: [
       mode === "present" ? /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between border-b border-base-200 bg-base px-4 py-2", children: [
         /* @__PURE__ */ jsx6("span", { className: "text-sm font-medium text-base-contrast", children: source?.pageTitle ?? "Document" }),
-        onClose ? /* @__PURE__ */ jsx6(
-          "button",
-          {
-            type: "button",
-            "aria-label": "Close",
-            onClick: onClose,
-            className: "rounded border border-base-200 px-3 py-1 text-xs font-medium text-base-contrast hover:bg-base-accent/30",
-            children: "\u2715"
-          }
-        ) : null
+        /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+          downloadHref ? /* @__PURE__ */ jsx6(
+            "a",
+            {
+              href: downloadHref,
+              download: true,
+              "aria-label": "Download PDF",
+              className: "rounded border border-base-200 px-3 py-1 text-xs font-medium text-base-contrast hover:bg-base-accent/30",
+              children: "Download PDF"
+            }
+          ) : null,
+          onClose ? /* @__PURE__ */ jsx6(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Close",
+              onClick: onClose,
+              className: "rounded border border-base-200 px-3 py-1 text-xs font-medium text-base-contrast hover:bg-base-accent/30",
+              children: "\u2715"
+            }
+          ) : null
+        ] })
       ] }) : null,
       /* @__PURE__ */ jsxs6("div", { className: "flex min-h-0 min-w-0 flex-1", children: [
         railOpen ? /* @__PURE__ */ jsx6(
@@ -912,13 +925,14 @@ function DocCanvas({
     const el = containerRef.current;
     if (!el || typeof ResizeObserver === "undefined") return;
     const observer = new ResizeObserver(() => {
-      const available = el.clientWidth - 48;
-      setScale(Math.min(0.75, Math.max(0.15, available / PAGE_W2)));
+      const availW = el.clientWidth - 48;
+      const availH = el.clientHeight - 48;
+      setScale(Math.max(0.15, Math.min(availW / PAGE_W2, availH / PAGE_H2)));
     });
     observer.observe(el);
     return () => observer.disconnect();
   }, []);
-  const note = (text) => /* @__PURE__ */ jsx6("p", { className: "mt-24 text-sm text-neutral-400", children: text });
+  const note = (text) => /* @__PURE__ */ jsx6("p", { className: "text-sm text-neutral-400", children: text });
   let body;
   if (active?.kind === "cover") {
     body = noContent ? /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center gap-4", children: [
@@ -937,8 +951,8 @@ function DocCanvas({
     {
       ref: containerRef,
       "data-testid": "doc-canvas",
-      className: "flex flex-1 items-start justify-center overflow-auto bg-neutral-100 p-6",
-      children: body
+      className: "flex min-h-0 min-w-0 flex-1 overflow-auto bg-neutral-100 p-6",
+      children: /* @__PURE__ */ jsx6("div", { className: "m-auto", children: body })
     }
   );
 }

package/dist/index.js

@@ -49,7 +49,7 @@ import {
   AudienceNameSchema,
   MediaGridOptionsSchema,
   slugifyAudienceName
-} from "./chunk-Y54G2XSC.js";
+} from "./chunk-EP3LVOXZ.js";
 import {
   AudienceSchema,
   RoleSchema,
@@ -71,7 +71,7 @@ import {
   loadStaticSiteContent,
   mergeSiteContent,
   safeRedirect
-} from "./chunk-6NRVX6NQ.js";
+} from "./chunk-DO3ZENLN.js";
 import {
   curatedIcons,
   getIcon
@@ -124,7 +124,7 @@ import {
   TextLineSchema,
   VariantSchema,
   normalizeSiteIndex
-} from "./chunk-ETJYYUQX.js";
+} from "./chunk-E3MTIMOG.js";
 import {
   clearRegistry,
   createRegistry,

package/dist/lib/index.js

@@ -7,7 +7,7 @@ import {
   loadStaticSiteContent,
   mergeSiteContent,
   safeRedirect
-} from "../chunk-6NRVX6NQ.js";
+} from "../chunk-DO3ZENLN.js";
 import {
   curatedIcons,
   getIcon
@@ -33,7 +33,7 @@ import {
 } from "../chunk-YBVK254P.js";
 import "../chunk-75P6HWPN.js";
 import "../chunk-TZQPOR5A.js";
-import "../chunk-ETJYYUQX.js";
+import "../chunk-E3MTIMOG.js";
 import {
   clearRegistry,
   createRegistry,

package/dist/media/index.js

@@ -24,7 +24,7 @@ import {
   MediaFolderSchema,
   MediaItemSchema,
   VariantSchema
-} from "../chunk-ETJYYUQX.js";
+} from "../chunk-E3MTIMOG.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-Y54G2XSC.js";
+} from "../chunk-EP3LVOXZ.js";
 import {
   AudienceSchema,
   RoleSchema,
@@ -40,7 +40,7 @@ import {
   TextLineSchema,
   VariantSchema,
   normalizeSiteIndex
-} from "../chunk-ETJYYUQX.js";
+} from "../chunk-E3MTIMOG.js";
 import "../chunk-VKAGMEKE.js";
 import "../chunk-FM4M4Q2W.js";
 import "../chunk-NSCT3AMV.js";

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

@@ -10,7 +10,7 @@ export declare const SectionMetaSchema: z.ZodObject<{
     access: z.ZodArray<z.ZodString>;
 }, z.core.$strip>;
 export type SectionMeta = z.infer<typeof SectionMetaSchema>;
-export declare const RESERVED_SLUGS: readonly ["edit", "api", "login", "set-password", "404", "present"];
+export declare const RESERVED_SLUGS: readonly ["edit", "api", "login", "set-password", "404", "present", "print"];
 export declare const PageStatusSchema: z.ZodEnum<{
     live: "live";
     archived: "archived";

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,qEAAsE,CAAC;AAWlG,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;;;;;;;;;;;iBAwB5B,CAAC;AACL,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA4B3B,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;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;;;;;;;;;;;iBAwB5B,CAAC;AACL,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA4B3B,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.82",
+  "version": "0.1.84",
   "type": "module",
   "exports": {
     "./package.json": "./package.json",

package/src/components/shell/EditorShell.tsx

@@ -1473,8 +1473,9 @@ export default function EditorShell({
               className="cursor-pointer fixed bottom-40 right-4 lg:right-auto z-50 flex h-10 w-10 items-center justify-center rounded-full bg-primary text-primary-contrast shadow-lg hover:opacity-90 transition-opacity fab-container-right"
             >
               <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" aria-hidden="true">
-                <rect x="3" y="4" width="18" height="14" rx="2" />
-                <path d="M8 21h8" />
+                <rect x="3" y="5" width="18" height="14" rx="1" />
+                <path d="M7 10h10" />
+                <path d="M7 14h7" />
               </svg>
             </button>
           )}

package/src/document/components/DocViewer.tsx

@@ -20,6 +20,9 @@ export interface DocViewerProps {
   selectedChunkId?: string | null;
   onSelectChunk?: (chunkId: string | null) => void; // null = cover selected
   onClose?: () => void; // present mode: close control
+  /** Present mode only: when set, the toolbar shows a "Download PDF" link (the /present
+   * route passes the gated /api/document-pdf href when a PDF exists for this viewer). */
+  downloadHref?: string | null;
   // Optional pagination-state hook (present mode unaffected — the present route
   // never passes it). Fires, identity-guarded, whenever the internal useDocPages
   // output changes, so a host (the edit overlay) can reuse this single pass for
@@ -43,6 +46,7 @@ export function DocViewer({
   selectedChunkId,
   onSelectChunk,
   onClose,
+  downloadHref,
   onDocState,
 }: DocViewerProps) {
   const { chunks, pages, measuring, warningsByChunk } = useDocPages({ source, sections: doc.sections });
@@ -154,16 +158,28 @@ export function DocViewer({
       {mode === "present" ? (
         <div className="flex items-center justify-between border-b border-base-200 bg-base px-4 py-2">
           <span className="text-sm font-medium text-base-contrast">{source?.pageTitle ?? "Document"}</span>
-          {onClose ? (
-            <button
-              type="button"
-              aria-label="Close"
-              onClick={onClose}
-              className="rounded border border-base-200 px-3 py-1 text-xs font-medium text-base-contrast hover:bg-base-accent/30"
-            >
-              ✕
-            </button>
-          ) : null}
+          <div className="flex items-center gap-2">
+            {downloadHref ? (
+              <a
+                href={downloadHref}
+                download
+                aria-label="Download PDF"
+                className="rounded border border-base-200 px-3 py-1 text-xs font-medium text-base-contrast hover:bg-base-accent/30"
+              >
+                Download PDF
+              </a>
+            ) : null}
+            {onClose ? (
+              <button
+                type="button"
+                aria-label="Close"
+                onClick={onClose}
+                className="rounded border border-base-200 px-3 py-1 text-xs font-medium text-base-contrast hover:bg-base-accent/30"
+              >
+                ✕
+              </button>
+            ) : null}
+          </div>
         </div>
       ) : null}
       <div className="flex min-h-0 min-w-0 flex-1">
@@ -227,14 +243,19 @@ function DocCanvas({
     const el = containerRef.current;
     if (!el || typeof ResizeObserver === "undefined") return;
     const observer = new ResizeObserver(() => {
-      const available = el.clientWidth - 48;
-      setScale(Math.min(0.75, Math.max(0.15, available / PAGE_W)));
+      // Fill the canvas: fit both dimensions (clientWidth/Height include the
+      // p-6 padding — subtract it) and take the limiting axis. The page keeps
+      // its true 1632×1056 layout and is transform-scaled, so what's shown is
+      // byte-identical to the print layout at any size.
+      const availW = el.clientWidth - 48;
+      const availH = el.clientHeight - 48;
+      setScale(Math.max(0.15, Math.min(availW / PAGE_W, availH / PAGE_H)));
     });
     observer.observe(el);
     return () => observer.disconnect();
   }, []);
 
-  const note = (text: string) => <p className="mt-24 text-sm text-neutral-400">{text}</p>;
+  const note = (text: string) => <p className="text-sm text-neutral-400">{text}</p>;
 
   let body: ReactNode;
   if (active?.kind === "cover") {
@@ -267,9 +288,12 @@ function DocCanvas({
     <div
       ref={containerRef}
       data-testid="doc-canvas"
-      className="flex flex-1 items-start justify-center overflow-auto bg-neutral-100 p-6"
+      className="flex min-h-0 min-w-0 flex-1 overflow-auto bg-neutral-100 p-6"
     >
-      {body}
+      {/* m-auto instead of items/justify-center: centers both axes when the
+          page fits, but keeps the top/left edge reachable when it overflows
+          (flex centering clips overflow irretrievably; auto margins don't). */}
+      <div className="m-auto">{body}</div>
     </div>
   );
 }

package/src/schemas/site-config.ts

@@ -25,7 +25,7 @@ export type SectionMeta = z.infer<typeof SectionMetaSchema>;
 // add its first segment here (the test in Step 1 guards the known set). This is
 // the single source of truth for reserved slugs; the schema, uniquePageSlug, and
 // /api/save all import it.
-export const RESERVED_SLUGS = ["edit", "api", "login", "set-password", "404", "present"] as const;
+export const RESERVED_SLUGS = ["edit", "api", "login", "set-password", "404", "present", "print"] as const;
 
 // Subset of RESERVED_SLUGS the index schema hard-rejects at parse time. Only
 // slugs reserved since before client sites existed may hard-fail here: parse-