@godxjp/ui 19.2.0 → 19.3.1

package/docs/showcase/table-pagination.tsx

@@ -26,6 +26,7 @@ import * as React from "react";
 import {
   Badge,
   Card,
+  CardAction,
   CardContent,
   CardHeader,
   CardTitle,
@@ -145,11 +146,13 @@ function NumberedPaginationCard() {
 
   return (
     <Card>
-      <CardHeader className="flex flex-row items-center justify-between">
+      <CardHeader>
         <CardTitle level={2}>番号付き + 件数選択</CardTitle>
-        <Text size="xs" tone="muted" tabular>
-          全 {NUMBERED_DATA.length} 件
-        </Text>
+        <CardAction>
+          <Text size="xs" tone="muted" tabular>
+            全 {NUMBERED_DATA.length} 件
+          </Text>
+        </CardAction>
       </CardHeader>
       <CardContent flush>
         <DataTable data={rows} columns={columns} getRowId={(row) => row.id} density="compact" />
@@ -198,11 +201,13 @@ function LoadMoreCard() {
 
   return (
     <Card>
-      <CardHeader className="flex flex-row items-center justify-between">
+      <CardHeader>
         <CardTitle level={2}>もっと読む</CardTitle>
-        <Text size="xs" tone="muted" tabular>
-          {rows.length} / {LOADMORE_DATA.length} 件表示
-        </Text>
+        <CardAction>
+          <Text size="xs" tone="muted" tabular>
+            {rows.length} / {LOADMORE_DATA.length} 件表示
+          </Text>
+        </CardAction>
       </CardHeader>
       <CardContent flush>
         <DataTable data={rows} columns={columns} getRowId={(row) => row.id} density="compact" />
@@ -263,26 +268,28 @@ function CursorPeriodCard() {
 
   return (
     <Card>
-      <CardHeader className="flex flex-row items-center justify-between gap-3">
+      <CardHeader>
         <CardTitle level={2}>カーソル / 期間ジャンプ</CardTitle>
-        <Select
-          value={period}
-          onValueChange={(v: string) => {
-            setPeriod(v);
-            setCursor(undefined); // jumping period resets the cursor to the first page
-          }}
-        >
-          <SelectTrigger size="sm" aria-label="期間を選択" className="w-36">
-            <SelectValue />
-          </SelectTrigger>
-          <SelectContent>
-            {PERIODS.map((p) => (
-              <SelectItem key={p.value} value={p.value}>
-                {p.label}
-              </SelectItem>
-            ))}
-          </SelectContent>
-        </Select>
+        <CardAction>
+          <Select
+            value={period}
+            onValueChange={(v: string) => {
+              setPeriod(v);
+              setCursor(undefined); // jumping period resets the cursor to the first page
+            }}
+          >
+            <SelectTrigger size="sm" aria-label="期間を選択" className="w-36">
+              <SelectValue />
+            </SelectTrigger>
+            <SelectContent>
+              {PERIODS.map((p) => (
+                <SelectItem key={p.value} value={p.value}>
+                  {p.label}
+                </SelectItem>
+              ))}
+            </SelectContent>
+          </Select>
+        </CardAction>
       </CardHeader>
       <CardContent flush>
         <DataTable data={rows} columns={columns} getRowId={(row) => row.id} density="compact" />

package/docs/showcase/table-states.tsx

@@ -29,12 +29,13 @@ import { Button, Heading, Text } from "@godxjp/ui/general";
 import {
   Badge,
   Card,
+  CardAction,
   CardContent,
   CardHeader,
   CardTitle,
-  type ColumnDef,
   DataTable,
   EmptyState,
+  type ColumnDef,
 } from "@godxjp/ui/data-display";
 import {
   Alert,
@@ -197,11 +198,13 @@ function TableShell({
 }) {
   return (
     <Card>
-      <CardHeader className="flex flex-row items-center justify-between">
+      <CardHeader>
         <CardTitle level={2}>本日の打刻</CardTitle>
-        <Text size="xs" tone="muted">
-          {caption}
-        </Text>
+        <CardAction>
+          <Text size="xs" tone="muted">
+            {caption}
+          </Text>
+        </CardAction>
       </CardHeader>
       <CardContent flush>{children}</CardContent>
     </Card>

package/docs/showcase/table-sticky-columns.tsx

@@ -22,8 +22,8 @@ import { Check } from "lucide-react";
 import { Button, Text } from "@godxjp/ui/general";
 import {
   Badge,
-  type BadgeProps,
   Card,
+  CardAction,
   CardContent,
   CardHeader,
   CardTitle,
@@ -33,6 +33,7 @@ import {
   TableHead,
   TableHeader,
   TableRow,
+  type BadgeProps,
 } from "@godxjp/ui/data-display";
 import { Flex, PageContainer } from "@godxjp/ui/layout";
 
@@ -221,11 +222,13 @@ export default function Demo() {
     >
       <Flex direction="col" gap="lg">
         <Card>
-          <CardHeader className="flex flex-row items-center justify-between">
+          <CardHeader>
             <CardTitle level={2}>2026年6月 第1週</CardTitle>
-            <Text size="xs" tone="muted" tabular>
-              従業員 {EMPLOYEES.length} 名 · 横スクロールで全日表示
-            </Text>
+            <CardAction>
+              <Text size="xs" tone="muted" tabular>
+                従業員 {EMPLOYEES.length} 名 · 横スクロールで全日表示
+              </Text>
+            </CardAction>
           </CardHeader>
           <CardContent flush>
             {/* The scroll container. `overflow-x-auto` clips; the table holds a

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@godxjp/ui",
-  "version": "19.2.0",
-  "godxUiMcp": "19.2.0",
+  "version": "19.3.1",
+  "godxUiMcp": "19.3.1",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -333,7 +333,6 @@
     "check:frame-contracts": "pnpm check:component-api-manifest && pnpm audit:component-cases && pnpm check:frame-coverage && pnpm check:frame-coverage-ledger && pnpm check:screen-reader-evidence && pnpm check:data-entry-owner-source && pnpm check:display-runtime-evidence",
     "check:final-touch-rtl": "node scripts/check-final-touch-rtl.mjs",
     "check:frame-runtime": "pnpm check:data-entry-frame-runtime && pnpm check:data-entry-touch-aria && pnpm check:layout-nav-frames && pnpm check:provider-feedback-query-runtime && pnpm check:layout-nav-closure && pnpm check:final-touch-rtl && pnpm check:data-table-pagination-wrap && pnpm check:button-icon-xs",
-    "pretest": "pnpm check:frame-coverage",
     "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:no-consumer-coupling && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:no-external-assets && pnpm check:token-scale-bypass && pnpm check:dist-tokens-resolve && pnpm check:no-hardcoded-geometry && pnpm check:no-hardcoded-css-values && pnpm check:no-inline-magic-numbers && pnpm check:no-tailwind-class-assertions && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-sync && pnpm check:doc-prop-existence && pnpm check:mcp-catalog-coverage && pnpm check:mcp-orphans && pnpm check:mcp-pattern-imports && pnpm check:audit-sync && pnpm check:frame-coverage && pnpm test",
     "verify:static": "pnpm build && pnpm check:packed-public-contract && pnpm typecheck && pnpm typecheck:docs && pnpm lint && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:no-consumer-coupling && pnpm check:use-client && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:token-scale-bypass && pnpm check:dist-tokens-resolve && pnpm check:no-hardcoded-geometry && pnpm check:no-hardcoded-css-values && pnpm check:no-inline-magic-numbers && pnpm check:no-tailwind-class-assertions && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-sync && pnpm check:doc-prop-existence && pnpm check:mcp-catalog-coverage && pnpm check:mcp-orphans && pnpm check:mcp-pattern-imports && pnpm check:audit-sync && pnpm check:mcp-prop-sync && pnpm check:contrast && pnpm check:visual-audit && pnpm test",
     "verify:ci": "pnpm build && pnpm check:packed-public-contract && pnpm typecheck && pnpm typecheck:docs && pnpm lint && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:no-consumer-coupling && pnpm check:use-client && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:token-scale-bypass && pnpm check:dist-tokens-resolve && pnpm check:no-hardcoded-geometry && pnpm check:no-hardcoded-css-values && pnpm check:no-inline-magic-numbers && pnpm check:no-tailwind-class-assertions && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-sync && pnpm check:doc-prop-existence && pnpm check:mcp-catalog-coverage && pnpm check:mcp-orphans && pnpm check:mcp-pattern-imports && pnpm check:audit-sync && pnpm check:mcp-prop-sync && pnpm test",