@lukeashford/aurelius 4.9.0 → 4.10.1

package/dist/index.mjs

@@ -41,7 +41,7 @@ var Button = React.forwardRef(
       loading && /* @__PURE__ */ React.createElement(
         "span",
         {
-          className: "mr-2 inline-block h-4 w-4 animate-pulse rounded-full bg-gold",
+          className: "mr-2 inline-block h-4 w-4 animate-pulse rounded-full bg-current",
           "aria-hidden": true
         }
       ),
@@ -5958,7 +5958,7 @@ import React81, { useState as useState19 } from "react";
 // src/components/deliverable/CoverSection.tsx
 import React75 from "react";
 function CoverSection({ data, clientName }) {
-  return /* @__PURE__ */ React75.createElement("section", { className: "deliverable-cover deliverable-page" }, /* @__PURE__ */ React75.createElement("div", { className: "deliverable-cover-inner" }, data.eyebrow && /* @__PURE__ */ React75.createElement("p", { className: "deliverable-cover-eyebrow" }, data.eyebrow), /* @__PURE__ */ React75.createElement("h1", { className: "deliverable-cover-title" }, data.title), data.subtitle && /* @__PURE__ */ React75.createElement("p", { className: "deliverable-cover-subtitle" }, data.subtitle), clientName && /* @__PURE__ */ React75.createElement("p", { className: "deliverable-cover-client" }, "Prepared for", " ", /* @__PURE__ */ React75.createElement("span", { className: "deliverable-cover-client-name" }, clientName))));
+  return /* @__PURE__ */ React75.createElement("section", { className: "deliverable-cover deliverable-page" }, /* @__PURE__ */ React75.createElement("div", { className: "deliverable-cover-inner" }, data.eyebrow && /* @__PURE__ */ React75.createElement(React75.Fragment, null, /* @__PURE__ */ React75.createElement("p", { className: "deliverable-cover-eyebrow" }, data.eyebrow), /* @__PURE__ */ React75.createElement("div", { className: "deliverable-cover-rule", "aria-hidden": "true" })), /* @__PURE__ */ React75.createElement("h1", { className: "deliverable-cover-title" }, data.title), data.subtitle && /* @__PURE__ */ React75.createElement("p", { className: "deliverable-cover-subtitle" }, data.subtitle), clientName && /* @__PURE__ */ React75.createElement("p", { className: "deliverable-cover-client" }, "Prepared for", " ", /* @__PURE__ */ React75.createElement("span", { className: "deliverable-cover-client-name" }, clientName))));
 }
 
 // src/components/deliverable/ArtifactImageGridSection.tsx
@@ -5968,16 +5968,33 @@ var COLUMN_CLASSES = {
   2: "deliverable-image-grid-cols-2",
   3: "deliverable-image-grid-cols-3"
 };
+var ASPECT_CLASSES = {
+  landscape: "deliverable-image-grid-aspect-landscape",
+  portrait: "deliverable-image-grid-aspect-portrait",
+  square: "deliverable-image-grid-aspect-square",
+  wide: "deliverable-image-grid-aspect-wide"
+};
 function ArtifactImageGridSection({ data }) {
   const columns = clampColumns(data.columns);
-  return /* @__PURE__ */ React76.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ React76.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React76.createElement("div", { className: cx("deliverable-image-grid", COLUMN_CLASSES[columns]) }, data.items.map((item, idx) => /* @__PURE__ */ React76.createElement("figure", { key: idx, className: "deliverable-image-item" }, item.artifact.url ? /* @__PURE__ */ React76.createElement(
-    "img",
+  const aspect = data.aspectRatio ?? "landscape";
+  return /* @__PURE__ */ React76.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ React76.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React76.createElement(
+    "div",
     {
-      src: item.artifact.url,
-      alt: item.artifact.title ?? "",
-      className: "deliverable-image-img"
-    }
-  ) : /* @__PURE__ */ React76.createElement("div", { className: "deliverable-image-missing" }, "Missing image"), item.caption && /* @__PURE__ */ React76.createElement("figcaption", { className: "deliverable-image-caption" }, item.caption)))));
+      className: cx(
+        "deliverable-image-grid",
+        COLUMN_CLASSES[columns],
+        ASPECT_CLASSES[aspect]
+      )
+    },
+    data.items.map((item, idx) => /* @__PURE__ */ React76.createElement("figure", { key: idx, className: "deliverable-image-item" }, item.artifact.url ? /* @__PURE__ */ React76.createElement(
+      "img",
+      {
+        src: item.artifact.url,
+        alt: item.artifact.title ?? "",
+        className: "deliverable-image-img"
+      }
+    ) : /* @__PURE__ */ React76.createElement("div", { className: "deliverable-image-missing" }, "Missing image"), item.caption && /* @__PURE__ */ React76.createElement("figcaption", { className: "deliverable-image-caption" }, item.caption)))
+  ));
 }
 function clampColumns(n) {
   if (n <= 1) return 1;
@@ -5987,8 +6004,14 @@ function clampColumns(n) {
 
 // src/components/deliverable/ArtifactSpotlightSection.tsx
 import React77 from "react";
+var VARIANT_CLASSES = {
+  framed: null,
+  "full-bleed": "deliverable-spotlight-variant-full-bleed",
+  "side-by-side": "deliverable-spotlight-variant-side-by-side"
+};
 function ArtifactSpotlightSection({ data }) {
-  return /* @__PURE__ */ React77.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ React77.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React77.createElement("div", { className: "deliverable-spotlight-media" }, data.artifact.url ? /* @__PURE__ */ React77.createElement(
+  const variant = data.variant ?? "framed";
+  return /* @__PURE__ */ React77.createElement("section", { className: cx("deliverable-page", VARIANT_CLASSES[variant]) }, data.heading && /* @__PURE__ */ React77.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React77.createElement("div", { className: "deliverable-spotlight-media" }, data.artifact.url ? /* @__PURE__ */ React77.createElement(
     "img",
     {
       src: data.artifact.url,
@@ -6036,6 +6059,12 @@ function QuoteBlockSection({ data }) {
 }
 
 // src/components/deliverable/DeliverableRenderer.tsx
+var THEME_CLASSES = {
+  cinematic: null,
+  editorial: "deliverable-theme-editorial",
+  minimal: "deliverable-theme-minimal",
+  playful: "deliverable-theme-playful"
+};
 function DeliverableRenderer({
   deliverable,
   onDownloadPdf,
@@ -6045,6 +6074,8 @@ function DeliverableRenderer({
   const [isDownloading, setIsDownloading] = useState19(false);
   const accent = deliverable.accentColor?.trim();
   const style = accent ? { "--deliverable-accent": accent } : void 0;
+  const theme = deliverable.theme ?? "cinematic";
+  const themeClass = THEME_CLASSES[theme];
   const handleDownload = async () => {
     if (!onDownloadPdf || isDownloading) return;
     setIsDownloading(true);
@@ -6057,7 +6088,7 @@ function DeliverableRenderer({
   return /* @__PURE__ */ React81.createElement(
     "div",
     {
-      className: cx("deliverable", className),
+      className: cx("deliverable", themeClass, className),
       style
     },
     deliverable.sections.map((section, idx) => renderSection(section, idx, deliverable)),