@reblu/site-blocks 0.17.0 → 0.17.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @reblu/site-blocks
 
+## 0.17.1
+
+### Patch Changes
+
+- 1a3c593: `MarkdownRenderer` and `SafeHtml` now style GFM tables. Tables used to render unstyled (no borders, no padding, no header emphasis); they now get theme-token borders, cell padding, a muted header row with semibold header text and `text-sm` body text, and keep the column alignment from the delimiter row. Each table scrolls horizontally inside its own `overflow-x-auto` wrapper, so a wide table no longer pushes the page sideways on mobile. No props changed.
+
 ## 0.17.0
 
 ### Minor Changes

package/README.md

@@ -127,6 +127,22 @@ of the page.** Draft it somewhere that is not the document body.
 4" still points at a `4`. The marker style (`type`) and an item's explicit number
 (`value`) survive too.
 
+### Tables scroll inside their own box
+
+GFM tables (`| Cookie | Purpose | Duration |` plus a `| --- | --- | --- |`
+delimiter row) render with theme-token borders (`border-border`), cell padding,
+a `bg-muted` header row with semibold header text, and `text-sm` body text. The
+alignment written in the delimiter row (`:--`, `:-:`, `--:`) is kept.
+
+Each table sits in its own `overflow-x-auto` wrapper, so a table wider than the
+reading column scrolls sideways on a phone while the page itself does not.
+
+### Links
+
+Internal links (`/privacidad`, `#clause-4`) and `mailto:` links open in the same
+tab. External links (`https://…`, `//…`) open in a new tab and always carry
+`rel="noopener noreferrer"`.
+
 ### Which authored attributes survive
 
 The renderer rebuilds each element to apply the tenant's design tokens and to

package/dist/index.cjs

@@ -13252,6 +13252,14 @@ function authorAttributes(el) {
   }
   return preserved;
 }
+var CELL_ALIGN_CLASSES = {
+  left: "text-left",
+  center: "text-center",
+  right: "text-right"
+};
+function cellAlignClass(align) {
+  return align ? CELL_ALIGN_CLASSES[align.toLowerCase()] : void 0;
+}
 function isExternalHref(href) {
   return !!href && /^(https?:)?\/\//.test(href);
 }
@@ -13385,6 +13393,36 @@ function buildOptions(headingOffset, images) {
               className: "absolute inset-0 h-full w-full border-0"
             }
           ) });
+        // GFM tables (a cookie policy's cookie list, a price table). The table scrolls
+        // inside its own wrapper so a wide one never pushes the page sideways on a phone.
+        case "table":
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "my-6 w-full overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("table", { ...author, className: "w-full border-collapse text-sm", children: children2() }) });
+        case "thead":
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { ...author, className: "bg-muted", children: children2() });
+        case "tbody":
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { ...author, children: children2() });
+        case "tr":
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { ...author, children: children2() });
+        case "th":
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "th",
+            {
+              ...author,
+              className: `border border-border px-3 py-2 font-semibold text-foreground ${cellAlignClass(attribs.align) ?? "text-left"}`,
+              children: children2()
+            }
+          );
+        case "td": {
+          const align = cellAlignClass(attribs.align);
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "td",
+            {
+              ...author,
+              className: `border border-border px-3 py-2 align-top text-foreground/90${align ? ` ${align}` : ""}`,
+              children: children2()
+            }
+          );
+        }
         case "hr":
           return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("hr", { ...author, className: "my-8 border-muted-foreground/30" });
         case "strong":