@drawnagency/primitives 0.1.78 → 0.1.79

package/dist/{chunk-NS3UTJ3E.js → chunk-4XXLH5CL.js}

@@ -9,7 +9,7 @@ import {
   MediaBlock,
   containerGridClass,
   useEditableCollection
-} from "./chunk-UA6OCJJK.js";
+} from "./chunk-RWMSDDQM.js";
 import {
   AddIcon,
   DeleteIcon,
@@ -30,7 +30,7 @@ import {
 import {
   HexColorSchema,
   SingleMediaReferenceSchema
-} from "./chunk-4SIWBWKZ.js";
+} from "./chunk-RSITF24B.js";
 import {
   defineSection
 } from "./chunk-VKAGMEKE.js";
@@ -184,7 +184,7 @@ function ColorsView({
     /* @__PURE__ */ jsx2("div", { className: "@container", children: /* @__PURE__ */ jsx2("div", { className: cn("grid gap-4", containerGridClass[columns] || containerGridClass[3]), children: colors.map((color, i) => {
       const hex = color.spaces[0]?.hex;
       const contrast = getContrastClass(hex);
-      return /* @__PURE__ */ jsxs2("div", { className: "overflow-hidden rounded-md border border-base-200", children: [
+      return /* @__PURE__ */ jsxs2("div", { className: "overflow-hidden rounded-outer border border-base-200", children: [
         /* @__PURE__ */ jsxs2("div", { className: cn("relative flex min-h-[80px] items-end p-3", contrast), style: { backgroundColor: hex || "#ccc" }, children: [
           color.name && /* @__PURE__ */ jsx2("span", { className: "text-sm font-bold", children: color.name }),
           copiedIndex === i && /* @__PURE__ */ jsx2("span", { className: cn(
@@ -290,7 +290,7 @@ function ColorSwatchEditable({
     const newColors = colors.map((c, i) => i === index ? updated : c);
     onChange(buildContent(newColors, options));
   };
-  return /* @__PURE__ */ jsxs2("div", { className: "overflow-hidden rounded-md border border-base-200", children: [
+  return /* @__PURE__ */ jsxs2("div", { className: "overflow-hidden rounded-outer border border-base-200", children: [
     /* @__PURE__ */ jsx2("div", { className: cn("flex min-h-[80px] items-end p-3", contrast), style: { backgroundColor: hex || "#ccc" }, children: /* @__PURE__ */ jsx2(
       EditablePlainText,
       {

package/dist/{chunk-K4JD6FD3.js → chunk-DR22HM44.js}

@@ -1,6 +1,6 @@
 import {
   EditablePlainText
-} from "./chunk-UA6OCJJK.js";
+} from "./chunk-RWMSDDQM.js";
 import {
   Button,
   usePages

package/dist/{chunk-BAQYZSFF.js → chunk-FRTJNS5F.js}

@@ -3,7 +3,7 @@ import {
   pluralize,
   stripHtmlToPlainText,
   truncate
-} from "./chunk-NS3UTJ3E.js";
+} from "./chunk-4XXLH5CL.js";
 import {
   DeleteButton,
   DragHandle,
@@ -19,7 +19,7 @@ import {
 import {
   EditableRichText,
   defineHeadingSection
-} from "./chunk-K4JD6FD3.js";
+} from "./chunk-DR22HM44.js";
 import {
   EditablePlainText,
   ImageDropZone,
@@ -28,7 +28,7 @@ import {
   colSpanClass,
   containerGridClass,
   spacerHiddenClass
-} from "./chunk-UA6OCJJK.js";
+} from "./chunk-RWMSDDQM.js";
 import {
   useMediaLibrary,
   useResolvedMedia
@@ -51,7 +51,7 @@ import {
 } from "./chunk-TZQPOR5A.js";
 import {
   SingleMediaReferenceSchema
-} from "./chunk-4SIWBWKZ.js";
+} from "./chunk-RSITF24B.js";
 import {
   defineSection,
   getSection
@@ -397,7 +397,7 @@ import { RectangleHorizontal } from "lucide-react";
 import { Download } from "lucide-react";
 import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
 function Button({ text, link, download, onChange }) {
-  const base = "inline-block rounded-md px-6 py-3 font-bold transition-colors";
+  const base = "inline-block rounded-outer px-6 py-3 font-bold transition-colors";
   const variant = "border-2 border-primary text-primary hover:bg-primary hover:text-primary-contrast";
   if (onChange) {
     return /* @__PURE__ */ jsxs2("span", { className: cn(base, variant, "inline-flex items-center gap-2"), children: [

package/dist/{chunk-MK4POMLZ.js → chunk-QB5Q23G2.js}

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

package/dist/{chunk-4SIWBWKZ.js → chunk-RSITF24B.js}

@@ -113,6 +113,11 @@ var MediaConfigSchema = z2.object({
 
 // src/schemas/site-config.ts
 import { z as z3 } from "zod";
+
+// src/lib/corner-radius.ts
+var CORNER_RADIUS_OPTIONS = ["none", "small", "medium", "large"];
+
+// src/schemas/site-config.ts
 var StatusSchema = z3.enum(["draft", "live", "archived", "published"]).transform(
   (val) => val === "published" ? "live" : val
 );
@@ -254,6 +259,9 @@ var SiteConfigSchema = z3.object({
   primaryColor: HexColorSchema.default("#009ca6"),
   primaryContrast: HexColorSchema.default("#f0f0f0"),
   darkMode: z3.enum(["light", "dark", "optional"]).default("light"),
+  // Maps to the --radius-outer design token (see lib/corner-radius.ts);
+  // defaults so pre-existing site-config.json files keep parsing.
+  cornerRadius: z3.enum(CORNER_RADIUS_OPTIONS).default("medium"),
   headingFont: FontNameSchema.default("system-ui"),
   bodyFont: FontNameSchema.default("system-ui"),
   uppercaseHeadings: z3.boolean().default(true),

package/dist/{chunk-UA6OCJJK.js → chunk-RWMSDDQM.js}

@@ -195,7 +195,7 @@ function ResolvedMedia({
         onError: () => setLoaded(true)
       }
     )
-  ] }) : /* @__PURE__ */ jsxs("div", { className: "flex aspect-video h-full w-full flex-col items-center justify-center gap-1 rounded bg-base-accent text-base-contrast-light/50", children: [
+  ] }) : /* @__PURE__ */ jsxs("div", { className: "flex aspect-video h-full w-full flex-col items-center justify-center gap-1 rounded-outer bg-base-accent text-base-contrast-light/50", children: [
     /* @__PURE__ */ jsx(ImageIcon, { size: 24 }),
     /* @__PURE__ */ jsx("span", { className: "text-sm", children: "No Image" })
   ] }) });
@@ -293,7 +293,7 @@ function MediaBlock({ refValue, options, link, isEditMode, onRefChange }) {
       {
         "data-testid": "media-open-surface",
         className: cn(
-          "overflow-hidden rounded-md",
+          "overflow-hidden rounded-outer",
           showBorder && "border border-base-200",
           options.square && "aspect-square",
           onImageClick && "cursor-pointer"

package/dist/{chunk-Z5IYWUW3.js → chunk-UNUJPLZV.js}

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

package/dist/components/editor/index.js

@@ -24,7 +24,7 @@ import {
   cn
 } from "../../chunk-7EOSDFS3.js";
 import "../../chunk-4YEOTFVU.js";
-import "../../chunk-4SIWBWKZ.js";
+import "../../chunk-RSITF24B.js";
 import "../../chunk-JSBRDJBE.js";
 
 // src/components/editor/InsertButton.tsx

package/dist/components/primitives/index.js

@@ -2,7 +2,7 @@ import {
   EditableRichText,
   LinkPopover,
   defineHeadingSection
-} from "../../chunk-K4JD6FD3.js";
+} from "../../chunk-DR22HM44.js";
 import {
   EditableGrid,
   EditablePlainText,
@@ -10,7 +10,7 @@ import {
   MediaBlock,
   ResolvedMedia,
   useEditableCollection
-} from "../../chunk-UA6OCJJK.js";
+} from "../../chunk-RWMSDDQM.js";
 import "../../chunk-ZSPCE6MZ.js";
 import {
   DeleteIcon,
@@ -23,7 +23,7 @@ import {
   cn
 } from "../../chunk-7EOSDFS3.js";
 import "../../chunk-4YEOTFVU.js";
-import "../../chunk-4SIWBWKZ.js";
+import "../../chunk-RSITF24B.js";
 import "../../chunk-VKAGMEKE.js";
 import "../../chunk-JSBRDJBE.js";
 

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

@@ -2,16 +2,16 @@ import {
   ColorItemSchema,
   ColorSpaceSchema,
   brandGuideSectionDefs
-} from "../../chunk-NS3UTJ3E.js";
+} from "../../chunk-4XXLH5CL.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-UA6OCJJK.js";
+import "../../chunk-RWMSDDQM.js";
 import "../../chunk-EMGLZQCM.js";
 import "../../chunk-3LNKOLZP.js";
 import "../../chunk-PZJL2S3Z.js";
 import "../../chunk-WDSVHKAH.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-4YEOTFVU.js";
-import "../../chunk-4SIWBWKZ.js";
+import "../../chunk-RSITF24B.js";
 import "../../chunk-VKAGMEKE.js";
 import "../../chunk-JSBRDJBE.js";
 export {

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

@@ -1,11 +1,11 @@
 import {
   allSectionDefs
-} from "../../chunk-BAQYZSFF.js";
-import "../../chunk-NS3UTJ3E.js";
+} from "../../chunk-FRTJNS5F.js";
+import "../../chunk-4XXLH5CL.js";
 import "../../chunk-2DDWWTRX.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-K4JD6FD3.js";
-import "../../chunk-UA6OCJJK.js";
+import "../../chunk-DR22HM44.js";
+import "../../chunk-RWMSDDQM.js";
 import "../../chunk-ZSPCE6MZ.js";
 import "../../chunk-EMGLZQCM.js";
 import "../../chunk-Y4JQGO6G.js";
@@ -16,7 +16,7 @@ import "../../chunk-53DKVAB6.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-4YEOTFVU.js";
 import "../../chunk-TZQPOR5A.js";
-import "../../chunk-4SIWBWKZ.js";
+import "../../chunk-RSITF24B.js";
 import {
   registerRichText,
   registerSchema

package/dist/components/sections/register.js

@@ -1,11 +1,11 @@
 import {
   allSectionDefs
-} from "../../chunk-BAQYZSFF.js";
-import "../../chunk-NS3UTJ3E.js";
+} from "../../chunk-FRTJNS5F.js";
+import "../../chunk-4XXLH5CL.js";
 import "../../chunk-2DDWWTRX.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-K4JD6FD3.js";
-import "../../chunk-UA6OCJJK.js";
+import "../../chunk-DR22HM44.js";
+import "../../chunk-RWMSDDQM.js";
 import "../../chunk-ZSPCE6MZ.js";
 import "../../chunk-EMGLZQCM.js";
 import "../../chunk-Y4JQGO6G.js";
@@ -16,7 +16,7 @@ import "../../chunk-53DKVAB6.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-4YEOTFVU.js";
 import "../../chunk-TZQPOR5A.js";
-import "../../chunk-4SIWBWKZ.js";
+import "../../chunk-RSITF24B.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;AAiDjD,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,2CA28CP"}
+{"version":3,"file":"EditorShell.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorShell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAkDjD,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,2CA68CP"}

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

@@ -1 +1 @@
-{"version":3,"file":"SiteSettingsDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/shell/SiteSettingsDisplay.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,KAAK;IACb,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;CACxC;AAWD,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAiKlE"}
+{"version":3,"file":"SiteSettingsDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/shell/SiteSettingsDisplay.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,KAAK;IACb,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;CACxC;AAkBD,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,KAAK,2CA6KlE"}

package/dist/index.js

@@ -49,7 +49,7 @@ import {
   AudienceNameSchema,
   MediaGridOptionsSchema,
   slugifyAudienceName
-} from "./chunk-MK4POMLZ.js";
+} from "./chunk-QB5Q23G2.js";
 import {
   AudienceSchema,
   RoleSchema,
@@ -71,7 +71,7 @@ import {
   loadStaticSiteContent,
   mergeSiteContent,
   safeRedirect
-} from "./chunk-Z5IYWUW3.js";
+} from "./chunk-UNUJPLZV.js";
 import {
   createEvent,
   darkModeEvent,
@@ -124,7 +124,7 @@ import {
   TextLineSchema,
   VariantSchema,
   normalizeSiteIndex
-} from "./chunk-4SIWBWKZ.js";
+} from "./chunk-RSITF24B.js";
 import {
   clearRegistry,
   createRegistry,

package/dist/lib/corner-radius.d.ts

@@ -0,0 +1,6 @@
+export declare const CORNER_RADIUS_OPTIONS: readonly ["none", "small", "medium", "large"];
+export type CornerRadius = (typeof CORNER_RADIUS_OPTIONS)[number];
+export declare const CORNER_RADIUS_VALUES: Record<CornerRadius, string>;
+/** CSS length for `--radius-outer`; unknown/missing values fall back to medium. */
+export declare function cornerRadiusValue(radius?: string | null): string;
+//# sourceMappingURL=corner-radius.d.ts.map

package/dist/lib/corner-radius.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"corner-radius.d.ts","sourceRoot":"","sources":["../../src/lib/corner-radius.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,qBAAqB,+CAAgD,CAAC;AAEnF,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAIlE,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAK7D,CAAC;AAEF,mFAAmF;AACnF,wBAAgB,iBAAiB,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAEhE"}

package/dist/lib/index.js

@@ -7,7 +7,7 @@ import {
   loadStaticSiteContent,
   mergeSiteContent,
   safeRedirect
-} from "../chunk-Z5IYWUW3.js";
+} from "../chunk-UNUJPLZV.js";
 import {
   createEvent,
   darkModeEvent,
@@ -33,7 +33,7 @@ import {
   audiencePasses
 } from "../chunk-4YEOTFVU.js";
 import "../chunk-TZQPOR5A.js";
-import "../chunk-4SIWBWKZ.js";
+import "../chunk-RSITF24B.js";
 import {
   clearRegistry,
   createRegistry,

package/dist/media/index.js

@@ -24,7 +24,7 @@ import {
   MediaFolderSchema,
   MediaItemSchema,
   VariantSchema
-} from "../chunk-4SIWBWKZ.js";
+} from "../chunk-RSITF24B.js";
 import "../chunk-JSBRDJBE.js";
 export {
   BAKED_MEDIA_KEYS,

package/dist/schemas/index.js

@@ -3,7 +3,7 @@ import {
   AudienceNameSchema,
   MediaGridOptionsSchema,
   slugifyAudienceName
-} from "../chunk-MK4POMLZ.js";
+} from "../chunk-QB5Q23G2.js";
 import {
   AudienceSchema,
   RoleSchema,
@@ -40,7 +40,7 @@ import {
   TextLineSchema,
   VariantSchema,
   normalizeSiteIndex
-} from "../chunk-4SIWBWKZ.js";
+} from "../chunk-RSITF24B.js";
 import "../chunk-VKAGMEKE.js";
 import "../chunk-NSCT3AMV.js";
 import "../chunk-JSBRDJBE.js";

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

@@ -179,6 +179,12 @@ export declare const SiteConfigSchema: z.ZodObject<{
         light: "light";
         dark: "dark";
     }>>;
+    cornerRadius: z.ZodDefault<z.ZodEnum<{
+        none: "none";
+        small: "small";
+        medium: "medium";
+        large: "large";
+    }>>;
     headingFont: z.ZodDefault<z.ZodString>;
     bodyFont: z.ZodDefault<z.ZodString>;
     uppercaseHeadings: z.ZodDefault<z.ZodBoolean>;

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;AAQxB,eAAO,MAAM,iBAAiB;;;;;;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAO5D,eAAO,MAAM,cAAc,0DAA2D,CAAC;AAEvF,eAAO,MAAM,gBAAgB;;;EAA+B,CAAC;AAE7D,eAAO,MAAM,UAAU;;;;;;;;;;;;iBASrB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAyB3B,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,iBAAiB;;;;;;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAO5D,eAAO,MAAM,cAAc,0DAA2D,CAAC;AAEvF,eAAO,MAAM,gBAAgB;;;EAA+B,CAAC;AAE7D,eAAO,MAAM,UAAU;;;;;;;;;;;;iBASrB,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.78",
+  "version": "0.1.79",
   "type": "module",
   "exports": {
     "./package.json": "./package.json",

package/src/components/brandguide/Colors.tsx

@@ -125,7 +125,7 @@ function ColorsView({
             const hex = color.spaces[0]?.hex;
             const contrast = getContrastClass(hex);
             return (
-              <div key={i} className="overflow-hidden rounded-md border border-base-200">
+              <div key={i} className="overflow-hidden rounded-outer border border-base-200">
                 <div className={cn("relative flex min-h-[80px] items-end p-3", contrast)} style={{ backgroundColor: hex || "#ccc" }}>
                   {color.name && <span className="text-sm font-bold">{color.name}</span>}
                   {copiedIndex === i && (
@@ -267,7 +267,7 @@ function ColorSwatchEditable({
   };
 
   return (
-    <div className="overflow-hidden rounded-md border border-base-200">
+    <div className="overflow-hidden rounded-outer border border-base-200">
       <div className={cn("flex min-h-[80px] items-end p-3", contrast)} style={{ backgroundColor: hex || "#ccc" }}>
         <EditablePlainText
           tag="span"

package/src/components/chat/ChatPanel.tsx

@@ -39,8 +39,8 @@ const MD_STYLES =
   "[&_p:not(:first-child)]:mt-2 [&_ul]:mt-1 [&_ul]:list-disc [&_ul]:pl-4 " +
   "[&_ol]:mt-1 [&_ol]:list-decimal [&_ol]:pl-4 [&_li:not(:first-child)]:mt-1 " +
   "[&_a]:underline [&_a]:underline-offset-2 [&_a]:text-primary " +
-  "[&_code]:rounded [&_code]:bg-base-200 [&_code]:px-1 [&_code]:font-mono [&_code]:text-[0.8em] " +
-  "[&_pre]:mt-2 [&_pre]:overflow-x-auto [&_pre]:rounded [&_pre]:bg-base-200 [&_pre]:p-2 " +
+  "[&_code]:rounded-inner [&_code]:bg-base-200 [&_code]:px-1 [&_code]:font-mono [&_code]:text-[0.8em] " +
+  "[&_pre]:mt-2 [&_pre]:overflow-x-auto [&_pre]:rounded-inner [&_pre]:bg-base-200 [&_pre]:p-2 " +
   "[&_h1]:mt-2 [&_h1]:font-semibold [&_h2]:mt-2 [&_h2]:font-semibold " +
   "[&_h3]:mt-2 [&_h3]:font-semibold [&_h4]:mt-2 [&_h4]:font-semibold " +
   "[&_blockquote]:mt-2 [&_blockquote]:border-l-2 [&_blockquote]:border-base-200 [&_blockquote]:pl-2";
@@ -209,13 +209,13 @@ export default function ChatPanel({ open, onClose, siteName, tasks, isEditor, dr
   return (
     <div role="dialog" aria-label={`Chat with ${siteName}`}
       className={cn(
-        "fixed z-40 flex h-[28rem] w-80 flex-col rounded-lg border border-base-200 bg-base shadow-xl",
+        "fixed z-40 flex h-[28rem] w-80 flex-col rounded-outer border border-base-200 bg-base shadow-xl",
         variant === "editor" ? "bottom-4 fab-panel-left max-w-[calc(100vw-5.25rem)]" : "bottom-20 right-4",
       )}>
 
       <div className="flex items-center justify-between gap-2 border-b border-base-200 px-3 py-2">
         <span className="text-sm font-medium text-base-contrast">Portal Assistant</span>
-        <IconButton icon={<RemoveIcon size={18} />} label="Close chat" onClick={onClose} className="rounded-md hover:bg-base-accent" />
+        <IconButton icon={<RemoveIcon size={18} />} label="Close chat" onClick={onClose} className="rounded-inner hover:bg-base-accent" />
       </div>
       {tasks.length > 0 && (
         <div className="border-b border-base-200 px-3 py-2">
@@ -233,11 +233,11 @@ export default function ChatPanel({ open, onClose, siteName, tasks, isEditor, dr
           m.role === "assistant" && mdReady && m.content ? (
             <div
               key={i}
-              className={cn("max-w-[85%] rounded-lg bg-base-accent px-3 py-2 text-sm text-base-contrast", MD_STYLES)}
+              className={cn("max-w-[85%] rounded-outer bg-base-accent px-3 py-2 text-sm text-base-contrast", MD_STYLES)}
               dangerouslySetInnerHTML={{ __html: assistantHtml(m.content) }}
             />
           ) : (
-            <div key={i} className={cn("max-w-[85%] whitespace-pre-wrap rounded-lg px-3 py-2 text-sm",
+            <div key={i} className={cn("max-w-[85%] whitespace-pre-wrap rounded-outer px-3 py-2 text-sm",
               m.role === "user" ? "ml-auto bg-primary text-primary-contrast" : "bg-base-accent text-base-contrast")}>
               {m.content || (busy && i === messages.length - 1 ? "…" : m.content)}
             </div>
@@ -254,10 +254,10 @@ export default function ChatPanel({ open, onClose, siteName, tasks, isEditor, dr
           onKeyDown={onComposerKeyDown}
           placeholder={`Ask about ${siteName}…`}
           maxLength={4000}
-          className="max-h-[5.625rem] min-w-0 flex-1 resize-none overflow-y-auto rounded border border-base-200 bg-base px-2 py-1 text-sm text-base-contrast focus:outline-none focus:bg-[color-mix(in_srgb,var(--color-base),var(--color-base-contrast)_5%)]"
+          className="max-h-[5.625rem] min-w-0 flex-1 resize-none overflow-y-auto rounded-inner border border-base-200 bg-base px-2 py-1 text-sm text-base-contrast focus:outline-none focus:bg-[color-mix(in_srgb,var(--color-base),var(--color-base-contrast)_5%)]"
         />
         <button type="submit" aria-label="Send" disabled={busy}
-          className="rounded bg-primary px-3 py-1 text-sm text-primary-contrast disabled:opacity-50">→</button>
+          className="rounded-inner bg-primary px-3 py-1 text-sm text-primary-contrast disabled:opacity-50">→</button>
       </form>
       {isEditor && <p className="border-t border-base-200 px-3 py-1 text-[10px] text-base-contrast-light">Editor view — answers ground on published content.</p>}
     </div>

package/src/components/primitives/ResolvedMedia.tsx

@@ -93,7 +93,7 @@ export function ResolvedMedia({
           )}
         </>
       ) : (
-        <div className="flex aspect-video h-full w-full flex-col items-center justify-center gap-1 rounded bg-base-accent text-base-contrast-light/50">
+        <div className="flex aspect-video h-full w-full flex-col items-center justify-center gap-1 rounded-outer bg-base-accent text-base-contrast-light/50">
           <ImageIcon size={24} />
           <span className="text-sm">No Image</span>
         </div>

package/src/components/sections/Button/CTAButton.tsx

@@ -12,7 +12,7 @@ interface Props {
 }
 
 export default function Button({ text, link, download, onChange }: Props) {
-  const base = "inline-block rounded-md px-6 py-3 font-bold transition-colors";
+  const base = "inline-block rounded-outer px-6 py-3 font-bold transition-colors";
   const variant = "border-2 border-primary text-primary hover:bg-primary hover:text-primary-contrast";
 
   if (onChange) {

package/src/components/sections/Media/MediaBlock.tsx

@@ -77,7 +77,7 @@ export function MediaBlock({ refValue, options, link, isEditMode, onRefChange }:
       <div
         data-testid="media-open-surface"
         className={cn(
-          "overflow-hidden rounded-md",
+          "overflow-hidden rounded-outer",
           showBorder && "border border-base-200",
           options.square && "aspect-square",
           onImageClick && "cursor-pointer",

package/src/components/shared/Navigation.tsx

@@ -89,7 +89,7 @@ export default function Navigation({ siteNav: initialNav, siteName, darkMode, la
           <li key={pid}>
             <button
               onClick={() => handleHeadingNav(parent.href)}
-              className={cn("cursor-pointer w-full rounded px-2 py-1 text-left text-sm transition-colors",
+              className={cn("cursor-pointer w-full rounded-inner px-2 py-1 text-left text-sm transition-colors",
                 activeParentId === pid ? "font-bold text-primary" : "text-base-contrast-light hover:text-primary",
                 !isEditMode && parent.status && parent.status !== "live" && "opacity-50")}
             >
@@ -102,7 +102,7 @@ export default function Navigation({ siteNav: initialNav, siteName, darkMode, la
                   return (
                     <li key={cid}>
                       <button onClick={() => handleHeadingNav(child.href)}
-                        className={cn("cursor-pointer w-full rounded px-2 py-1 text-left text-sm transition-colors",
+                        className={cn("cursor-pointer w-full rounded-inner px-2 py-1 text-left text-sm transition-colors",
                           activeChildId === cid ? "font-bold text-primary" : "text-base-contrast-light hover:text-primary",
                           !isEditMode && child.status && child.status !== "live" && "opacity-50")}>
                         {child.label}
@@ -150,7 +150,7 @@ export default function Navigation({ siteNav: initialNav, siteName, darkMode, la
       {asButton ? (
         <button
           onClick={() => handlePageClick(page.id)}
-          className={cn("cursor-pointer w-full rounded px-3 py-2 text-left text-sm font-bold transition-colors",
+          className={cn("cursor-pointer w-full rounded-inner px-3 py-2 text-left text-sm font-bold transition-colors",
             page.isActive ? "text-primary" : "text-base-contrast hover:text-primary")}
         >
           {page.title}
@@ -158,7 +158,7 @@ export default function Navigation({ siteNav: initialNav, siteName, darkMode, la
       ) : (
         <a
           href={page.href}
-          className={cn("block w-full rounded px-3 py-2 text-left text-sm font-bold transition-colors",
+          className={cn("block w-full rounded-inner px-3 py-2 text-left text-sm font-bold transition-colors",
             page.isActive ? "text-primary" : "text-base-contrast hover:text-primary")}
         >
           {page.title}
@@ -179,7 +179,7 @@ export default function Navigation({ siteNav: initialNav, siteName, darkMode, la
           type="button"
           aria-expanded={isOpen}
           onClick={() => setOpenGroups((g) => ({ ...g, [label]: !isOpen }))}
-          className="flex w-full cursor-pointer items-center justify-between rounded px-3 py-1 text-xs font-semibold uppercase tracking-wide text-base-contrast/70 transition-colors hover:text-primary"
+          className="flex w-full cursor-pointer items-center justify-between rounded-inner px-3 py-1 text-xs font-semibold uppercase tracking-wide text-base-contrast/70 transition-colors hover:text-primary"
         >
           <span>{`${label} (${pages.length})`}</span>
           <ChevronRight size={14} aria-hidden="true" className={cn("transition-transform", isOpen && "rotate-90")} />

package/src/components/shell/EditorModal.tsx

@@ -59,15 +59,15 @@ export function EditorModal({ isOpen, onClose, title, blocking = false, size = "
         aria-modal="true"
         aria-labelledby={titleId}
         className={cn(
-          "mx-4 w-full rounded-lg bg-base shadow-lg",
+          "mx-4 flex w-full flex-col rounded-lg bg-base shadow-lg",
           size === "large"
-            ? "max-w-[1400px] max-h-[900px] h-[90vh] flex flex-col"
+            ? "max-w-[1400px] max-h-[900px] h-[90vh]"
             : size === "settings"
-              ? "max-w-lg flex flex-col min-h-[32rem] max-h-[calc(100vh-4rem)]"
-              : "max-w-md",
+              ? "max-w-lg min-h-[min(32rem,calc(100vh-4rem))] max-h-[calc(100vh-4rem)]"
+              : "max-w-md max-h-[calc(100vh-4rem)]",
         )}
       >
-        <div className="flex items-center justify-between border-b border-base-200 px-6 py-4">
+        <div className="flex shrink-0 items-center justify-between border-b border-base-200 px-6 py-4">
           <h3 id={titleId} className="text-lg font-semibold text-base-contrast">{title}</h3>
           {!blocking && (
             <IconButton
@@ -81,8 +81,8 @@ export function EditorModal({ isOpen, onClose, title, blocking = false, size = "
         </div>
         <div className={cn(
           !noPadding && "px-6 py-4",
-          size === "large" && "flex-1 overflow-y-auto",
-          size === "settings" && "flex-1 flex flex-col overflow-hidden",
+          "flex-1 overflow-y-auto",
+          size === "settings" && "flex flex-col",
         )}>
           {children}
         </div>

package/src/components/shell/EditorShell.tsx

@@ -28,6 +28,7 @@ import { SectionSkeleton } from "./SectionSkeleton";
 import { SectionTypePicker } from "./SectionTypePicker";
 import { ensureSectionsRegistered } from "../sections/register";
 import { getSection, getAllSections, getSchema } from "../../lib/registry";
+import { cornerRadiusValue } from "../../lib/corner-radius";
 import { childInsertableTypes, insertChildAt } from "../../lib/container-ops";
 import { buildInsertMenuOptions, resolveInsertedContent } from "../../lib/insert-menu";
 
@@ -825,6 +826,7 @@ export default function EditorShell({
     root.style.setProperty("--heading-text-transform", config.uppercaseHeadings ? "uppercase" : "none");
     root.style.setProperty("--subheading-text-transform", config.uppercaseSubheadings ? "uppercase" : "none");
     root.style.setProperty("--nav-text-transform", config.uppercaseNavHeadings ? "uppercase" : "none");
+    root.style.setProperty("--radius-outer", cornerRadiusValue(config.cornerRadius));
 
     if (config.googleFontsUrl) {
       if (fontLinkRef.current?.href !== config.googleFontsUrl) {
@@ -853,6 +855,7 @@ export default function EditorShell({
     localStorage.setItem("portal-dark-mode", config.darkMode);
     localStorage.setItem("portal-primary-color", config.primaryColor);
     localStorage.setItem("portal-primary-contrast", config.primaryContrast);
+    localStorage.setItem("portal-corner-radius", cornerRadiusValue(config.cornerRadius));
     darkModeEvent.dispatch(config.darkMode);
     // The nav title lives in a separate island that mounts with a build-time
     // siteName prop. Push the live (possibly draft) name so editing it in Site

package/src/components/shell/SiteSettingsDisplay.tsx

@@ -21,6 +21,13 @@ const darkModeOptions = [
   { label: "Optional (viewer toggle)", value: "optional" },
 ];
 
+const cornerRadiusOptions = [
+  { label: "None (square)", value: "none" },
+  { label: "Small", value: "small" },
+  { label: "Medium", value: "medium" },
+  { label: "Large", value: "large" },
+];
+
 const FAVICON_TYPES = ["image/svg+xml", "image/png"];
 const FAVICON_MAX_BYTES = 100 * 1024;
 
@@ -154,6 +161,18 @@ export function SiteSettingsDisplay({ siteConfig, onChange }: Props) {
         options={darkModeOptions}
       />
 
+      <div>
+        <Select
+          label="Corner radius"
+          value={siteConfig.cornerRadius}
+          onChange={(value) => update({ cornerRadius: value as SiteConfig["cornerRadius"] })}
+          options={cornerRadiusOptions}
+        />
+        <p className="mt-1 text-xs text-base-contrast/70">
+          Rounding of cards, media frames, buttons, and panels across the site.
+        </p>
+      </div>
+
       <FontPicker
         label="Heading font"
         value={siteConfig.headingFont}

package/src/lib/corner-radius.ts

@@ -0,0 +1,22 @@
+// Corner-radius design token. The site-level `cornerRadius` setting maps to a
+// CSS length for `--radius-outer`; `--radius-inner` derives from it in
+// core/styles/base.css (concentric rule: outer minus the standard 0.25rem
+// gap, floored at 0). Browser-safe: no node imports, no env access.
+
+export const CORNER_RADIUS_OPTIONS = ["none", "small", "medium", "large"] as const;
+
+export type CornerRadius = (typeof CORNER_RADIUS_OPTIONS)[number];
+
+// "medium" matches the pre-token look (Tailwind's rounded-md), so existing
+// sites render unchanged when they take this update.
+export const CORNER_RADIUS_VALUES: Record<CornerRadius, string> = {
+  none: "0px",
+  small: "0.25rem",
+  medium: "0.375rem",
+  large: "0.75rem",
+};
+
+/** CSS length for `--radius-outer`; unknown/missing values fall back to medium. */
+export function cornerRadiusValue(radius?: string | null): string {
+  return CORNER_RADIUS_VALUES[radius as CornerRadius] ?? CORNER_RADIUS_VALUES.medium;
+}

package/src/schemas/site-config.ts

@@ -1,6 +1,7 @@
 import { z } from "zod";
 import { MediaConfigSchema } from "./media";
 import { HexColorSchema, FontNameSchema } from "./shared";
+import { CORNER_RADIUS_OPTIONS } from "../lib/corner-radius";
 
 const StatusSchema = z.enum(["draft", "live", "archived", "published"]).transform(
   (val) => val === "published" ? "live" as const : val,
@@ -177,6 +178,9 @@ export const SiteConfigSchema = z.object({
   primaryColor: HexColorSchema.default("#009ca6"),
   primaryContrast: HexColorSchema.default("#f0f0f0"),
   darkMode: z.enum(["light", "dark", "optional"]).default("light"),
+  // Maps to the --radius-outer design token (see lib/corner-radius.ts);
+  // defaults so pre-existing site-config.json files keep parsing.
+  cornerRadius: z.enum(CORNER_RADIUS_OPTIONS).default("medium"),
   headingFont: FontNameSchema.default("system-ui"),
   bodyFont: FontNameSchema.default("system-ui"),
   uppercaseHeadings: z.boolean().default(true),