@burdenoff/website-sdk 2026.728.4 → 2026.730.2

package/dist/store/index.js

@@ -1778,6 +1778,182 @@ React.createContext({
   refetch: () => {
   }
 });
+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 } });
+}
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -2048,6 +2224,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,
       {
@@ -2215,7 +2392,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" }),