@lukeashford/aurelius 4.5.0 → 4.6.0

package/dist/index.mjs

@@ -7564,6 +7564,155 @@ var NODE_TYPES = {
   VARIANT_SET: "VARIANT_SET"
 };
 
+// src/components/deliverable/DeliverableRenderer.tsx
+import React88, { useState as useState25 } from "react";
+
+// src/components/deliverable/CoverSection.tsx
+import React82 from "react";
+function CoverSection({ data, clientName }) {
+  return /* @__PURE__ */ React82.createElement("section", { className: "deliverable-cover deliverable-page" }, /* @__PURE__ */ React82.createElement("div", { className: "deliverable-cover-inner" }, data.eyebrow && /* @__PURE__ */ React82.createElement("p", { className: "deliverable-cover-eyebrow" }, data.eyebrow), /* @__PURE__ */ React82.createElement("h1", { className: "deliverable-cover-title" }, data.title), data.subtitle && /* @__PURE__ */ React82.createElement("p", { className: "deliverable-cover-subtitle" }, data.subtitle), clientName && /* @__PURE__ */ React82.createElement("p", { className: "deliverable-cover-client" }, "Prepared for", " ", /* @__PURE__ */ React82.createElement("span", { className: "deliverable-cover-client-name" }, clientName))));
+}
+
+// src/components/deliverable/ArtifactImageGridSection.tsx
+import React83 from "react";
+var COLUMN_CLASSES = {
+  1: "deliverable-image-grid-cols-1",
+  2: "deliverable-image-grid-cols-2",
+  3: "deliverable-image-grid-cols-3"
+};
+function ArtifactImageGridSection({ data }) {
+  const columns = clampColumns(data.columns);
+  return /* @__PURE__ */ React83.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ React83.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React83.createElement("div", { className: cx("deliverable-image-grid", COLUMN_CLASSES[columns]) }, data.items.map((item, idx) => /* @__PURE__ */ React83.createElement("figure", { key: idx, className: "deliverable-image-item" }, item.artifact.url ? /* @__PURE__ */ React83.createElement(
+    "img",
+    {
+      src: item.artifact.url,
+      alt: item.artifact.title ?? "",
+      className: "deliverable-image-img"
+    }
+  ) : /* @__PURE__ */ React83.createElement("div", { className: "deliverable-image-missing" }, "Missing image"), item.caption && /* @__PURE__ */ React83.createElement("figcaption", { className: "deliverable-image-caption" }, item.caption)))));
+}
+function clampColumns(n) {
+  if (n <= 1) return 1;
+  if (n === 2) return 2;
+  return 3;
+}
+
+// src/components/deliverable/ArtifactSpotlightSection.tsx
+import React84 from "react";
+function ArtifactSpotlightSection({ data }) {
+  return /* @__PURE__ */ React84.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ React84.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React84.createElement("div", { className: "deliverable-spotlight-media" }, data.artifact.url ? /* @__PURE__ */ React84.createElement(
+    "img",
+    {
+      src: data.artifact.url,
+      alt: data.artifact.title ?? "",
+      className: "deliverable-spotlight-img"
+    }
+  ) : /* @__PURE__ */ React84.createElement("div", { className: "deliverable-spotlight-missing" }, "Missing image")), data.body && /* @__PURE__ */ React84.createElement(
+    MarkdownContent,
+    {
+      content: data.body,
+      className: "deliverable-spotlight-body"
+    }
+  ));
+}
+
+// src/components/deliverable/TextBlockSection.tsx
+import React85 from "react";
+function TextBlockSection({ data }) {
+  return /* @__PURE__ */ React85.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ React85.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React85.createElement(
+    MarkdownContent,
+    {
+      content: data.body,
+      className: "deliverable-text-block"
+    }
+  ));
+}
+
+// src/components/deliverable/ColorPaletteSection.tsx
+import React86 from "react";
+function ColorPaletteSection({ data }) {
+  return /* @__PURE__ */ React86.createElement("section", { className: "deliverable-page" }, data.heading && /* @__PURE__ */ React86.createElement("h2", { className: "deliverable-heading" }, data.heading), /* @__PURE__ */ React86.createElement("div", { className: "deliverable-palette" }, data.swatches.map((swatch, idx) => /* @__PURE__ */ React86.createElement("div", { key: idx, className: "deliverable-palette-item" }, /* @__PURE__ */ React86.createElement(
+    "div",
+    {
+      className: "deliverable-palette-chip",
+      style: { backgroundColor: swatch.color },
+      "aria-label": swatch.label
+    }
+  ), /* @__PURE__ */ React86.createElement("p", { className: "deliverable-palette-label" }, swatch.label), /* @__PURE__ */ React86.createElement("p", { className: "deliverable-palette-hex" }, swatch.color.toUpperCase())))));
+}
+
+// src/components/deliverable/QuoteBlockSection.tsx
+import React87 from "react";
+function QuoteBlockSection({ data }) {
+  return /* @__PURE__ */ React87.createElement("section", { className: "deliverable-page deliverable-quote" }, /* @__PURE__ */ React87.createElement("blockquote", { className: "deliverable-quote-body" }, /* @__PURE__ */ React87.createElement("p", { className: "deliverable-quote-text" }, "\u201C", data.quote, "\u201D"), data.attribution && /* @__PURE__ */ React87.createElement("footer", { className: "deliverable-quote-attribution" }, "\u2014 ", data.attribution)));
+}
+
+// src/components/deliverable/DeliverableRenderer.tsx
+function DeliverableRenderer({
+  deliverable,
+  onDownloadPdf,
+  hideActions = false,
+  className
+}) {
+  const [isDownloading, setIsDownloading] = useState25(false);
+  const accent = deliverable.accentColor?.trim();
+  const style = accent ? { "--deliverable-accent": accent } : void 0;
+  const handleDownload = async () => {
+    if (!onDownloadPdf || isDownloading) return;
+    setIsDownloading(true);
+    try {
+      await onDownloadPdf();
+    } finally {
+      setIsDownloading(false);
+    }
+  };
+  return /* @__PURE__ */ React88.createElement(
+    "div",
+    {
+      className: cx("deliverable", className),
+      style
+    },
+    deliverable.sections.map((section, idx) => renderSection(section, idx, deliverable)),
+    !hideActions && onDownloadPdf && /* @__PURE__ */ React88.createElement("div", { className: "deliverable-actions" }, /* @__PURE__ */ React88.createElement(
+      Button,
+      {
+        variant: "important",
+        size: "md",
+        onClick: handleDownload,
+        loading: isDownloading,
+        className: "deliverable-action-button"
+      },
+      "Download PDF"
+    ))
+  );
+}
+function renderSection(section, idx, doc) {
+  const key = `${section.type}-${idx}`;
+  switch (section.type) {
+    case "COVER":
+      return /* @__PURE__ */ React88.createElement(
+        CoverSection,
+        {
+          key,
+          data: section,
+          clientName: doc.clientName
+        }
+      );
+    case "ARTIFACT_IMAGE_GRID":
+      return /* @__PURE__ */ React88.createElement(ArtifactImageGridSection, { key, data: section });
+    case "ARTIFACT_SPOTLIGHT":
+      return /* @__PURE__ */ React88.createElement(ArtifactSpotlightSection, { key, data: section });
+    case "TEXT_BLOCK":
+      return /* @__PURE__ */ React88.createElement(TextBlockSection, { key, data: section });
+    case "COLOR_PALETTE":
+      return /* @__PURE__ */ React88.createElement(ColorPaletteSection, { key, data: section });
+    case "QUOTE_BLOCK":
+      return /* @__PURE__ */ React88.createElement(QuoteBlockSection, { key, data: section });
+    default:
+      return null;
+  }
+}
+
 // src/index.ts
 var version = "2.0.0";
 export {
@@ -7576,6 +7725,8 @@ export {
   AlertDialog,
   ArtifactCard,
   ArtifactGroup,
+  ArtifactImageGridSection,
+  ArtifactSpotlightSection,
   ArtifactVariantStack,
   ArtifactsPanel,
   ArtifactsPanelToggle,
@@ -7601,10 +7752,13 @@ export {
   ChevronRightIcon,
   CloseIcon,
   Col,
+  ColorPaletteSection,
   ColorSwatch,
   ConfirmDialog,
   Container,
+  CoverSection,
   CrossSquareIcon,
+  DeliverableRenderer,
   Divider,
   Drawer,
   EmptySquareIcon,
@@ -7652,6 +7806,7 @@ export {
   Popover,
   Progress,
   PromptDialog,
+  QuoteBlockSection,
   Radio,
   Row,
   SCRIPT_ELEMENT_TYPES,
@@ -7679,6 +7834,7 @@ export {
   TableHeader,
   TableRow,
   Tabs,
+  TextBlockSection,
   TextCard,
   Textarea,
   ThinkingIndicator,