@godxjp/ui 16.2.0 → 16.2.2

package/dist/components/data-display/table.js

@@ -3,7 +3,15 @@ import * as React from "react";
 import { tableHeadHeightClass } from "../../lib/control-styles";
 import { cn } from "../../lib/utils";
 const Table = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
+    "table",
+    {
+      ref,
+      "data-slot": "table",
+      className: cn("w-full caption-bottom text-sm", className),
+      ...props
+    }
+  ) })
 );
 Table.displayName = "Table";
 const TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));

package/dist/styles/card-layout.css

@@ -282,6 +282,14 @@
     padding-block: 0;
   }
 
+  /* A non-banded header before a FLUSH full-bleed table supplies its OWN bottom gap: the table's
+   * content padding is zeroed above, so without this the title/subtitle butt against the header
+   * row. Match the header's top inset so the header block reads balanced top↕bottom. */
+  [data-slot="card"]:has([data-slot="card-content"][data-flush] [data-slot="table"])
+    [data-slot="card-header"]:not([data-banded]) {
+    padding-bottom: var(--card-space-body-y);
+  }
+
   [data-slot="card-content"][data-tight] {
     padding-top: 0;
   }

package/dist/tokens/components/card.css

@@ -1,16 +1,23 @@
 /* Card component tokens: card chrome derives from semantic layout tokens. */
 
 :root {
+  /* Horizontal inset of every slot (header / content / footer) + the resting top/bottom
+   * shell padding. This is the column the title, body and footer all align to. */
   --card-space-inset: var(--space-section-active);
+  /* Vertical padding of a BANDED header band (top = bottom). Drives --card-space-divided-y. */
   --card-space-header-y: var(--space-stack-sm);
+  /* Gap between the header and the body, and the body's own top padding — the breathing
+   * room under a title before content begins. */
   --card-space-body-y: var(--space-section-active);
+  /* Vertical padding of a SEPARATED footer band (top = bottom). Drives --card-space-divided-y. */
   --card-space-footer-y: var(--space-stack-sm);
-  /* DIVIDED-section vertical padding (rule #44/#45). A header/footer that carries a
-   * divider border (banded header, separated footer) reads as its own band, so it gets
-   * SYMMETRIC top+bottom padding — distinct from a plain header that flows into the body
-   * (top inset, no bottom). One themeable knob keeps the header- and footer-band rhythm in
-   * sync; a service theme tunes the band density here instead of forking per-slot CSS. */
+  /* DIVIDED-section vertical padding (rule #44/#45). A header/footer that carries a divider
+   * border (banded header, separated footer) reads as its own band, so it pads SYMMETRICALLY
+   * top+bottom — distinct from a plain header that flows into the body (top inset, no bottom).
+   * One themeable knob keeps the header- and footer-band rhythm in sync; a service theme tunes
+   * the band density here instead of forking per-slot CSS. */
   --card-space-divided-y: var(--card-space-header-y);
+  /* Vertical gap between stacked items WITHIN a slot (e.g. title ↕ description in the header). */
   --card-space-gap: var(--space-stack-xs);
   --card-title-font-size: var(--font-size-base);
   --card-title-line-height: var(--line-height-tight);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@godxjp/ui",
-  "version": "16.2.0",
+  "version": "16.2.2",
   "type": "module",
   "packageManager": "pnpm@10.29.1",
   "sideEffects": false,