@burdenoff/website-sdk 2026.728.4 → 2026.730.2

package/dist/index.js

@@ -4378,6 +4378,182 @@ function RybbitAnalytics({
   }, [siteId, scriptUrl, enabled]);
   return null;
 }
+var PROSE_CSS = `
+.boff-prose {
+  max-width: none;
+}
+
+.boff-prose h1 {
+  font-size: 2.25rem;
+  font-weight: 800;
+  line-height: 1.2;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  color: hsl(var(--foreground));
+}
+
+.boff-prose h2 {
+  font-size: 1.75rem;
+  font-weight: 700;
+  line-height: 1.3;
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+  color: hsl(var(--foreground));
+}
+
+.boff-prose h3 {
+  font-size: 1.5rem;
+  font-weight: 600;
+  line-height: 1.4;
+  margin-top: 1.5rem;
+  margin-bottom: 0.75rem;
+  color: hsl(var(--foreground));
+}
+
+.boff-prose h4 {
+  font-size: 1.25rem;
+  font-weight: 600;
+  line-height: 1.5;
+  margin-top: 1.25rem;
+  margin-bottom: 0.5rem;
+  color: hsl(var(--foreground));
+}
+
+.boff-prose p {
+  margin-bottom: 1rem;
+  line-height: 1.75;
+  color: hsl(var(--foreground));
+}
+
+.boff-prose ul,
+.boff-prose ol {
+  margin-bottom: 1rem;
+  padding-left: 1.5rem;
+}
+
+.boff-prose ul {
+  list-style-type: disc;
+}
+
+.boff-prose ol {
+  list-style-type: decimal;
+}
+
+.boff-prose li {
+  margin-bottom: 0.25rem;
+  line-height: 1.75;
+  color: hsl(var(--foreground));
+}
+
+.boff-prose li > ul,
+.boff-prose li > ol {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+
+.boff-prose a {
+  color: hsl(var(--primary));
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+.boff-prose a:hover {
+  opacity: 0.8;
+}
+
+.boff-prose hr {
+  border: none;
+  height: 1px;
+  background-color: hsl(var(--border));
+  margin: 2rem 0;
+}
+
+.boff-prose blockquote {
+  border-left: 4px solid hsl(var(--border));
+  padding-left: 1rem;
+  margin: 1.5rem 0;
+  font-style: italic;
+  color: hsl(var(--muted-foreground));
+}
+
+.boff-prose strong {
+  font-weight: 700;
+  color: hsl(var(--foreground));
+}
+
+.boff-prose code {
+  background-color: hsl(var(--muted));
+  padding: 0.125rem 0.25rem;
+  border-radius: 0.25rem;
+  font-size: 0.875em;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+.boff-prose pre {
+  background-color: hsl(var(--muted));
+  padding: 1rem;
+  border-radius: 0.5rem;
+  overflow-x: auto;
+  margin-bottom: 1rem;
+}
+
+.boff-prose pre code {
+  background-color: transparent;
+  padding: 0;
+}
+
+.boff-prose img {
+  max-width: 100%;
+  height: auto;
+}
+
+.boff-prose table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-bottom: 1rem;
+}
+
+.boff-prose th,
+.boff-prose td {
+  border: 1px solid hsl(var(--border));
+  padding: 0.5rem;
+  text-align: left;
+}
+
+.boff-prose th {
+  font-weight: 600;
+  background-color: hsl(var(--muted));
+}
+
+/* Smaller variant used inside cards and compact panels */
+.boff-prose-sm {
+  font-size: 0.875rem;
+}
+
+.boff-prose-sm h1 {
+  font-size: 1.75rem;
+}
+
+.boff-prose-sm h2 {
+  font-size: 1.5rem;
+}
+
+.boff-prose-sm h3 {
+  font-size: 1.25rem;
+}
+
+.boff-prose-sm h4 {
+  font-size: 1.125rem;
+}
+
+.boff-prose-sm p,
+.boff-prose-sm li {
+  line-height: 1.625;
+}
+`;
+function ProseStyles() {
+  return /* @__PURE__ */ jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: PROSE_CSS } });
+}
 var BLOG_POSTS_QUERY = `
   query BlogPosts($productId: String!, $limit: Int, $offset: Int) {
     publicContentPages(productId: $productId, limit: $limit, offset: $offset) {
@@ -4680,6 +4856,7 @@ function BlogPostPage(props) {
     day: "numeric"
   }) : "";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `w-full ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ProseStyles, {}),
     /* @__PURE__ */ jsxRuntime.jsx(
       PageHead,
       {
@@ -4725,7 +4902,7 @@ function BlogPostPage(props) {
           className: "w-full h-full object-cover"
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-gray dark:prose-invert max-w-none", children: /* @__PURE__ */ jsxRuntime.jsx(ContentRenderer, { content: post.content, format: post.contentFormat }) })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "boff-prose max-w-none", children: /* @__PURE__ */ jsxRuntime.jsx(ContentRenderer, { content: post.content, format: post.contentFormat }) })
     ] })
   ] });
 }
@@ -5186,6 +5363,7 @@ function CaseStudiesListPage(props) {
   const resolvedEmptyTitle = emptyTitle ?? "Case studies are on the way";
   const resolvedEmptySubtitle = emptySubtitle ?? `${productLabel} is early in its journey, and we'd rather show you real, measurable results than filler. We're working closely with our first teams now \u2014 their stories will be published here soon. In the meantime, we'd love to show you what's possible.`;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `w-full ${className}`, "data-cs": "case-studies-v2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ProseStyles, {}),
     /* @__PURE__ */ jsxRuntime.jsx(AnimationStyles, {}),
     seoTitle && /* @__PURE__ */ jsxRuntime.jsx(
       PageHead,
@@ -5407,6 +5585,7 @@ function CaseStudyPage(props) {
   }
   const formattedDate = formatDate(post.publishedAt || post.lastUpdated);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `w-full ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ProseStyles, {}),
     /* @__PURE__ */ jsxRuntime.jsx(
       PageHead,
       {
@@ -5450,7 +5629,7 @@ function CaseStudyPage(props) {
           className: "h-full w-full object-cover"
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-gray max-w-none dark:prose-invert", children: /* @__PURE__ */ jsxRuntime.jsx(ContentRenderer, { content: post.content, format: post.contentFormat }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "boff-prose max-w-none", children: /* @__PURE__ */ jsxRuntime.jsx(ContentRenderer, { content: post.content, format: post.contentFormat }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-14 rounded-2xl border bg-gradient-to-br from-primary/10 via-card to-card p-8 text-center", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-xl font-bold text-foreground", children: [
           "Curious what ",
@@ -5631,7 +5810,7 @@ function CmsTimeline(props) {
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl sm:text-2xl font-bold text-foreground mb-4", children: entry.title }),
-          entry.content ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-sm prose-gray dark:prose-invert max-w-none", children: /* @__PURE__ */ jsxRuntime.jsx(
+          entry.content ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "boff-prose boff-prose-sm max-w-none", children: /* @__PURE__ */ jsxRuntime.jsx(
             ContentRenderer,
             {
               content: entry.content,
@@ -5646,9 +5825,9 @@ function CmsTimeline(props) {
 }
 function EntryContent({ content }) {
   if (typeof content === "string") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-sm prose-gray dark:prose-invert max-w-none", children: /* @__PURE__ */ jsxRuntime.jsx(ContentRenderer, { content, format: "markdown" }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "boff-prose boff-prose-sm max-w-none", children: /* @__PURE__ */ jsxRuntime.jsx(ContentRenderer, { content, format: "markdown" }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-sm max-w-none", children: content });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "boff-prose boff-prose-sm max-w-none", children: content });
 }
 function EntriesTimeline(props) {
   const { entries, pageSize, productName } = props;
@@ -5861,6 +6040,7 @@ function ChangelogPage(props) {
   const showCta = Boolean(ctaHref && ctaLabel);
   const isPropDriven = entries != null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `w-full ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ProseStyles, {}),
     /* @__PURE__ */ jsxRuntime.jsx(
       PageHead,
       {
@@ -8366,6 +8546,7 @@ function StoreProductDetailPage({
   const totalRatings = ratingDistribution ? ratingDistribution.fiveStars + ratingDistribution.fourStars + ratingDistribution.threeStars + ratingDistribution.twoStars + ratingDistribution.oneStar : 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
     /* @__PURE__ */ jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: ANIM_STYLES } }),
+    /* @__PURE__ */ jsxRuntime.jsx(ProseStyles, {}),
     /* @__PURE__ */ jsxRuntime.jsx(
       PageHead,
       {
@@ -8533,7 +8714,7 @@ function StoreProductDetailPage({
         ] }),
         product.longDescription && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-fu sd-d4 mb-8", children: [
           /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-bold text-foreground mb-3", children: "About" }),
-          /* @__PURE__ */ jsxRuntime.jsx(Markdown, { className: "prose prose-sm max-w-none text-muted-foreground leading-relaxed", children: product.longDescription })
+          /* @__PURE__ */ jsxRuntime.jsx(Markdown, { className: "boff-prose boff-prose-sm max-w-none text-muted-foreground leading-relaxed", children: product.longDescription })
         ] }),
         publisher && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-fu sd-d5 mb-8 p-4 rounded-xl border border-border bg-card hover:border-primary/30 transition-colors duration-300", children: [
           /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold text-foreground mb-3", children: "Publisher" }),