@godxjp/ui 16.1.0 → 16.2.0

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

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
 import { cn } from "../../lib/utils";
-const cardVariants = cva("group/card border", {
+const cardVariants = cva("group/card", {
   variants: {
     size: {
       md: "",

package/dist/components/data-entry/cascader.js

@@ -255,14 +255,14 @@ function Cascader({
           className: "w-auto min-w-[var(--radix-popover-trigger-width)] p-0",
           align: "start",
           children: [
-            showSearch && /* @__PURE__ */ jsx("div", { className: "border-b p-2", children: /* @__PURE__ */ jsx(Command, { shouldFilter: false, children: /* @__PURE__ */ jsx(
+            showSearch && /* @__PURE__ */ jsx(Command, { shouldFilter: false, children: /* @__PURE__ */ jsx(
               CommandInput,
               {
                 placeholder: t("dataEntry.cascader.searchPlaceholder"),
                 value: search,
                 onValueChange: setSearch
               }
-            ) }) }),
+            ) }),
             isSearching ? /* @__PURE__ */ jsx(ScrollArea, { className: "max-h-[min(300px,50vh)]", children: /* @__PURE__ */ jsx(
               "div",
               {

package/dist/components/data-entry/search-select.js

@@ -199,7 +199,7 @@ function SearchSelect({
               collisionPadding: 12,
               className: "flex max-h-[var(--radix-popover-content-available-height)] w-max max-w-[min(32rem,calc(100vw-1.5rem))] min-w-[var(--radix-popover-trigger-width)] flex-col p-0",
               children: /* @__PURE__ */ jsxs(Command, { shouldFilter: false, className: "flex min-h-0 flex-col", children: [
-                /* @__PURE__ */ jsx("div", { className: "border-border shrink-0 border-b p-2", children: /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx("div", { className: "border-border shrink-0 border-b", children: /* @__PURE__ */ jsx(
                   Input,
                   {
                     autoFocus: true,
@@ -209,7 +209,8 @@ function SearchSelect({
                     value: query,
                     onChange: (event) => setQuery(event.target.value),
                     onKeyDown,
-                    placeholder: searchPlaceholder ?? t("dataEntry.searchSelect.search")
+                    placeholder: searchPlaceholder ?? t("dataEntry.searchSelect.search"),
+                    className: "rounded-none border-0 shadow-none focus-visible:ring-0"
                   }
                 ) }),
                 /* @__PURE__ */ jsxs(

package/dist/components/data-entry/tree-select.js

@@ -199,14 +199,14 @@ function TreeSelectRoot({
       }
     ) }),
     /* @__PURE__ */ jsxs(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: [
-      showSearch && /* @__PURE__ */ jsx("div", { className: "border-b p-2", children: /* @__PURE__ */ jsx(Command, { shouldFilter: false, children: /* @__PURE__ */ jsx(
+      showSearch && /* @__PURE__ */ jsx(Command, { shouldFilter: false, children: /* @__PURE__ */ jsx(
         CommandInput,
         {
           placeholder: t("dataEntry.treeSelect.searchPlaceholder"),
           value: search,
           onValueChange: setSearch
         }
-      ) }) }),
+      ) }),
       /* @__PURE__ */ jsx(ScrollArea, { className: "max-h-[min(300px,50vh)]", children: /* @__PURE__ */ jsx(
         "div",
         {

package/dist/styles/card-layout.css

@@ -23,6 +23,10 @@
 @layer components {
   [data-slot="card"] {
     min-width: 0;
+    /* Base hairline border — width lives here (not a Tailwind `border` utility) so the
+     * `[data-accent]` rail-width override below can win within the same cascade layer. */
+    border-width: 1px;
+    border-style: solid;
     border-color: hsl(var(--card-border));
     border-radius: var(--card-radius);
     background: hsl(var(--card-background));
@@ -149,7 +153,8 @@
 
   [data-slot="card-header"][data-banded] {
     padding-inline: var(--card-space-inset);
-    padding-block: var(--card-space-header-y);
+    /* Divided band → symmetric vertical padding (border-aware). */
+    padding-block: var(--card-space-divided-y);
     gap: var(--card-space-gap);
   }
 
@@ -248,7 +253,10 @@
     overflow: hidden;
   }
 
-  [data-slot="card"]:has([data-slot="card-cover"]) [data-slot="card-header"] {
+  /* A header BELOW a cover gets a top gap to clear the media — but a BANDED header is a
+   * self-contained divider band that must stay symmetric (border-aware), so it keeps its
+   * own `--card-space-divided-y` block padding instead of this one-sided top gap. */
+  [data-slot="card"]:has([data-slot="card-cover"]) [data-slot="card-header"]:not([data-banded]) {
     padding-top: var(--card-space-body-y);
   }
 
@@ -321,7 +329,8 @@
 
   [data-slot="card-footer"][data-separated] {
     border-top: 1px solid hsl(var(--card-border));
-    padding-block: var(--card-space-footer-y);
+    /* Divided band → symmetric vertical padding (border-aware), in sync with a banded header. */
+    padding-block: var(--card-space-divided-y);
     justify-content: flex-end;
   }
 

package/dist/tokens/components/card.css

@@ -5,6 +5,12 @@
   --card-space-header-y: var(--space-stack-sm);
   --card-space-body-y: var(--space-section-active);
   --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. */
+  --card-space-divided-y: var(--card-space-header-y);
   --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.1.0",
+  "version": "16.2.0",
   "type": "module",
   "packageManager": "pnpm@10.29.1",
   "sideEffects": false,