@godxjp/ui 18.9.0 → 18.11.0

package/dist/tokens/semantic/layout.css

@@ -83,14 +83,15 @@
    * page moves. 11rem = 176px, i.e. the control ends flush with the compact page gutter. */
   --page-header-extra-measure: 11rem; /* 176px */
 
-  /* Inline gap between the `<h1>` and the PageHeader `meta` slot (a status Badge, a record ID) when
-   * they share the title band (gh#255). Only consumed when `meta` is passed — a header without it
-   * emits no band wrapper at all, so no existing page moves. */
-  --page-header-meta-gap: var(--space-inline-sm);
+  /* Gap between the page title and its status/meta band (PageContainer `status`,
+   * godxjp-ui#255), and between the band's own items. One knob aligns the badge row
+   * to a service's grid; a page that never passes `status` reads neither the token
+   * nor the wrapping row. */
+  --page-header-status-gap: var(--space-inline-sm);
 
-  /* PageHeader `loading` placeholders (gh#255). The title/subtitle elements wear the shared
-   * `.ui-skeleton-block` skin, so they need only a MEASURE and a block size — a service retunes the
-   * pending band's proportions here instead of per page. */
+  /* PageContainer `headerLoading` placeholders (gh#255). The title/subtitle elements wear the
+   * shared `.ui-skeleton-block` skin, so they need only a MEASURE and a block size — a service
+   * retunes the pending band's proportions here instead of per page. */
   --page-title-placeholder-measure: 14rem; /* 224px */
   --page-title-placeholder-block-size: 1.5em;
   --page-subtitle-placeholder-measure: 22rem; /* 352px */

package/package.json

@@ -1,7 +1,17 @@
 {
   "name": "@godxjp/ui",
-  "version": "18.9.0",
-  "godxUiMcp": "18.9.0",
+  "version": "18.11.0",
+  "godxUiMcp": "18.11.0",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/godx-jp/godxjp-ui.git"
+  },
+  "homepage": "https://github.com/godx-jp/godxjp-ui#readme",
+  "bugs": {
+    "url": "https://github.com/godx-jp/godxjp-ui/issues"
+  },
+  "author": "GoDX (https://godx.jp)",
   "type": "module",
   "packageManager": "pnpm@10.29.1",
   "pnpm": {
@@ -12,6 +22,7 @@
   "sideEffects": false,
   "description": "@godxjp/ui — shared React UI framework (shadcn + Radix + Tailwind v4).",
   "files": [
+    "LICENSE",
     "dist",
     "scripts/ui-audit.mjs",
     "README.md",
@@ -296,7 +307,9 @@
     "format:fix": "prettier --write .",
     "test": "vitest run",
     "test:visual:auth-login": "node scripts/auth-shell-login-visual.mjs",
+    "test:visual:auth-registration": "node scripts/auth-shell-registration-visual.mjs",
     "test:visual:topbar-collision": "node scripts/topbar-collision-visual.mjs",
+    "test:visual:table-collection-cjk": "node scripts/table-collection-cjk-visual.mjs",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
     "check:example-imports": "node scripts/check-example-imports.mjs",

package/dist/components/layout/page-header.d.ts

@@ -1,22 +0,0 @@
-/**
- * PageHeader — the canonical page title band (gh#255).
- *
- * This is the geometry `PageContainer` has always rendered, lifted into its own export so a
- * consumer can mount it OUTSIDE a full page shell — a Sheet detail, a `MasterDetail` detail pane, a
- * tab body, a nested route header — without re-authoring `.ui-page-header` CSS locally. There is
- * exactly ONE implementation: `PageContainer` renders this component, so the two can never drift.
- *
- * The band owns: breadcrumbs (a named `<nav>` landmark with `aria-current="page"` on the leaf), the
- * `<h1>` title, the subtitle/description, a status/meta slot, the `extra` action region, the
- * responsive overflow arrangement (`layout`), and the pending state (`loading`). It owns no page
- * chrome — padding, measure and body rhythm stay with `PageContainer`.
- *
- * DENIED / ERROR are deliberately NOT states of this component: a page the user may not see must
- * not render its title, breadcrumb trail or actions at all (they leak the resource's existence and
- * its name). That whole-surface contract belongs to `ErrorSurface`, which is the canonical public
- * replacement — see `docs/CANONICAL-CONTRACTS.md`.
- */
-import * as React from "react";
-import type { PageHeaderProp } from "../../props/components/layout.prop.js";
-export type { PageHeaderProp, PageHeaderProp as PageHeaderProps, } from "../../props/components/layout.prop.js";
-export declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProp & React.RefAttributes<HTMLElement>>;

package/dist/components/layout/page-header.js

@@ -1,89 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { ChevronRight } from "lucide-react";
-import { useTranslation } from "../../i18n/use-translation.js";
-import { cn } from "../../lib/utils.js";
-const PageHeader = React.forwardRef(function PageHeader2({
-  title,
-  subtitle,
-  meta,
-  extra,
-  breadcrumb,
-  breadcrumbLabel,
-  breadcrumbAriaLabel,
-  linkComponent: LinkComponent = "a",
-  layout = "stack",
-  loading = false,
-  className
-}, ref) {
-  const { t } = useTranslation();
-  return (
-    // `data-layout` is the only hook the header arrangement needs: `stack` (the default)
-    // matches no rule, so the historical geometry is untouched, while `responsive-inline`
-    // selects the compact-range rules that keep `extra` beside the title band (gh#231).
-    /* @__PURE__ */ jsxs(
-      "header",
-      {
-        ref,
-        className: cn("ui-page-header", className),
-        "data-layout": layout,
-        "aria-busy": loading ? "true" : void 0,
-        children: [
-          breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsx(
-            "nav",
-            {
-              "aria-label": breadcrumbLabel ?? breadcrumbAriaLabel ?? t("navigation.breadcrumb.ariaLabel"),
-              className: "ui-breadcrumb",
-              children: /* @__PURE__ */ jsx("ol", { className: "ui-breadcrumb-list", children: breadcrumb.map((item, i) => {
-                const isLast = i === breadcrumb.length - 1;
-                return /* @__PURE__ */ jsxs("li", { className: "ui-inline-xs", children: [
-                  item.to && !isLast ? /* @__PURE__ */ jsx(
-                    LinkComponent,
-                    {
-                      href: item.to,
-                      to: item.to,
-                      className: "hover:text-foreground hover:underline",
-                      children: item.label
-                    }
-                  ) : /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      className: isLast ? "text-foreground" : "",
-                      "aria-current": isLast ? "page" : void 0,
-                      children: item.label
-                    }
-                  ),
-                  !isLast && /* @__PURE__ */ jsx(ChevronRight, { className: "size-3", "aria-hidden": "true" })
-                ] }, i);
-              }) })
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "ui-page-header-row", children: [
-            /* @__PURE__ */ jsxs("div", { className: "ui-page-header-heading min-w-0", children: [
-              loading ? /* @__PURE__ */ jsx("h1", { className: "ui-page-title ui-skeleton-block ui-page-title-placeholder", children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("layout.pageHeader.loading") }) }) : meta != null ? /* @__PURE__ */ jsxs("div", { className: "ui-page-title-band", children: [
-                /* @__PURE__ */ jsx("h1", { className: "ui-page-title", children: title }),
-                /* @__PURE__ */ jsx("div", { className: "ui-page-header-meta", children: meta })
-              ] }) : /* @__PURE__ */ jsx("h1", { className: "ui-page-title", children: title }),
-              loading ? (
-                // Decorative only — the pending state is already announced once by the heading above,
-                // so a second live placeholder here would double-announce it.
-                /* @__PURE__ */ jsx(
-                  "p",
-                  {
-                    className: "ui-page-subtitle ui-skeleton-block ui-page-subtitle-placeholder",
-                    "aria-hidden": "true"
-                  }
-                )
-              ) : subtitle && /* @__PURE__ */ jsx("p", { className: "ui-page-subtitle", children: subtitle })
-            ] }),
-            extra && /* @__PURE__ */ jsx("div", { className: "ui-page-header-extra", children: extra })
-          ] })
-        ]
-      }
-    )
-  );
-});
-export {
-  PageHeader
-};