@godxjp/ui 32.4.0 → 32.4.1

package/agent/START-HERE.md

@@ -3,7 +3,7 @@
 You are about to write code against a design system you did not author. This file is the whole
 contract. Read it before you write JSX.
 
-**This catalog describes `@godxjp/ui` 32.4.0.** If the project you are editing has a different
+**This catalog describes `@godxjp/ui` 32.4.1.** If the project you are editing has a different
 version in its `package.json`, read the pinned catalog for THAT version instead
 (`…/v<their-version>/agent/…`). A catalog newer than the installed package describes props that do
 not exist yet; older, and it hides props that do. Neither failure announces itself.

package/agent/components/AlertDialog.json

@@ -31,7 +31,7 @@
       "type": "string"
     },
     {
-      "description": "Dismiss action label (defaults to translated cancel).",
+      "description": "Dismiss action label. Defaults to `feedback.alert.cancel` — en 'Cancel', ja 'キャンセル', vi 'Quay lại' (not 'Hủy': in Vietnamese that is also the verb of the destructive actions a confirm guards, gh#1284). A development warning fires when `confirmLabel` and the cancel label are the same word once tone marks are ignored.",
       "name": "cancelLabel",
       "type": "string"
     },

package/agent/components/AppProvider.json

@@ -10,7 +10,7 @@
       "type": "string (BCP-47)"
     },
     {
-      "description": "Product defaults the host opts into — `import { godxPreset } from \"@godxjp/ui/themes/godx\"` (pair it with `@godxjp/ui/themes/godx.css` after the base stylesheet; a shadow root that embeds `@godxjp/ui/styles/core` takes the font-free `@godxjp/ui/themes/godx-tokens.css` instead, since `@font-face` must live in the document). Its `defaultLocale` and `timeZone` fill only what the props leave unset, its `brandMark` is what an `AuthIdentity` with no `brand` draws, and its `name` is written to `<html data-preset>`. Omit for the neutral defaults (ink primary, `en`, no product mark).",
+      "description": "Product defaults the host opts into — `import { godxPreset } from \"@godxjp/ui/themes/godx\"` (pair it with `@godxjp/ui/themes/godx.css` after the base stylesheet; a shadow root that embeds `@godxjp/ui/styles/core` takes the font-free `@godxjp/ui/themes/godx-tokens.css` instead, since `@font-face` must live in the document). Its `defaultLocale` fills only what the props leave unset — it pins NO `timeZone` since 32.4.1 (gh#1282: it pinned `Asia/Ho_Chi_Minh` and every app showed Vietnam time to users in Japan; pass `defaultTimezone` for a fixed zone), its `brandMark` is what an `AuthIdentity` with no `brand` draws, and its `name` is written to `<html data-preset>`. Omit for the neutral defaults (ink primary, `en`, no product mark).",
       "name": "preset",
       "type": "AppPreset"
     },

package/agent/components.json

@@ -7664,7 +7664,7 @@
         "type": "string"
       },
       {
-        "description": "Dismiss action label (defaults to translated cancel).",
+        "description": "Dismiss action label. Defaults to `feedback.alert.cancel` — en 'Cancel', ja 'キャンセル', vi 'Quay lại' (not 'Hủy': in Vietnamese that is also the verb of the destructive actions a confirm guards, gh#1284). A development warning fires when `confirmLabel` and the cancel label are the same word once tone marks are ignored.",
         "name": "cancelLabel",
         "type": "string"
       },
@@ -8641,7 +8641,7 @@
         "type": "string (BCP-47)"
       },
       {
-        "description": "Product defaults the host opts into — `import { godxPreset } from \"@godxjp/ui/themes/godx\"` (pair it with `@godxjp/ui/themes/godx.css` after the base stylesheet; a shadow root that embeds `@godxjp/ui/styles/core` takes the font-free `@godxjp/ui/themes/godx-tokens.css` instead, since `@font-face` must live in the document). Its `defaultLocale` and `timeZone` fill only what the props leave unset, its `brandMark` is what an `AuthIdentity` with no `brand` draws, and its `name` is written to `<html data-preset>`. Omit for the neutral defaults (ink primary, `en`, no product mark).",
+        "description": "Product defaults the host opts into — `import { godxPreset } from \"@godxjp/ui/themes/godx\"` (pair it with `@godxjp/ui/themes/godx.css` after the base stylesheet; a shadow root that embeds `@godxjp/ui/styles/core` takes the font-free `@godxjp/ui/themes/godx-tokens.css` instead, since `@font-face` must live in the document). Its `defaultLocale` fills only what the props leave unset — it pins NO `timeZone` since 32.4.1 (gh#1282: it pinned `Asia/Ho_Chi_Minh` and every app showed Vietnam time to users in Japan; pass `defaultTimezone` for a fixed zone), its `brandMark` is what an `AuthIdentity` with no `brand` draws, and its `name` is written to `<html data-preset>`. Omit for the neutral defaults (ink primary, `en`, no product mark).",
         "name": "preset",
         "type": "AppPreset"
       },

package/agent/index.json

@@ -48,7 +48,7 @@
   "note": "Pin to the tag that matches the @godxjp/ui version you installed. A catalog newer than your package describes props you do not have; older, and it hides props you do.",
   "read": {
     "live": "https://raw.githubusercontent.com/godx-jp/godxjp-ui/main/agent/index.json",
-    "pinned": "https://raw.githubusercontent.com/godx-jp/godxjp-ui/v32.4.0/agent/index.json"
+    "pinned": "https://raw.githubusercontent.com/godx-jp/godxjp-ui/v32.4.1/agent/index.json"
   },
   "source": "mcp/src/data — the same data @godxjp/ui-mcp serves — plus the foundation and semantic token tiers, read from src/tokens/*.css",
   "start": "https://raw.githubusercontent.com/godx-jp/godxjp-ui/main/agent/START-HERE.md",
@@ -62,5 +62,5 @@
     "foundation": "the seeds a consumer is invited to set — --primary, --background, --radius",
     "semantic": "named roles that follow the seeds — --ring, --text-link, --overlay-background"
   },
-  "version": "32.4.0"
+  "version": "32.4.1"
 }

package/agent/llms.txt

@@ -1,10 +1,10 @@
 # @godxjp/ui
 
 > A Japanese-enterprise React design system: 161 components, 2195 design tokens,
-> 43 cardinal rules. This file is the entry point for AI agents. Catalog version 32.4.0.
+> 43 cardinal rules. This file is the entry point for AI agents. Catalog version 32.4.1.
 
 If your client can run a process, do not read these files — run the MCP server instead
-(`npx @godxjp/ui-mcp@32.4.0`). It is searchable and version-locked. These files exist for agents
+(`npx @godxjp/ui-mcp@32.4.1`). It is searchable and version-locked. These files exist for agents
 that can only fetch URLs.
 
 ## Start
@@ -26,7 +26,7 @@ that can only fetch URLs.
 ## Pinning
 
 Every URL above tracks `main`. To pin to the release a project actually installed, swap `main` for
-the tag: `.../godx-jp/godxjp-ui/v32.4.0/agent/...`. A catalog that does not match the installed
+the tag: `.../godx-jp/godxjp-ui/v32.4.1/agent/...`. A catalog that does not match the installed
 package describes props that are absent, or hides props that are present, and says nothing either way.
 
 Pinned catalogs only exist for releases whose tag actually contains `agent/`. If `…/v<version>/agent/index.json` returns 404, that release predates this catalog: read `…/main/…` instead and compare `index.json` → `version` against the package you have, so you at least know which way it drifted.

package/dist/app/app-provider.js

@@ -43,6 +43,7 @@ import {
   APP_REQUEST_HEADER_TIME_FORMAT,
   APP_REQUEST_HEADER_TIMEZONE
 } from "./types.js";
+const LEGACY_GODX_PRESET_TIMEZONE = "Asia/Ho_Chi_Minh";
 function resolveProviderLocale(defaultLocale, presetLocale) {
   const fromProp = resolveRegisteredLocale(defaultLocale);
   if (fromProp) return fromProp;
@@ -138,6 +139,7 @@ function AppProvider({
     [persistKey]
   );
   const formatChosenRef = React.useRef({ dateFormat: false, timeFormat: false });
+  const timezoneChosenRef = React.useRef(false);
   const commitPreferences = React.useCallback(() => {
     if (persistedAxes.size === 0) return;
     const out = pickPersistedAxes(prefsRef.current, persistedAxes);
@@ -149,6 +151,10 @@ function AppProvider({
       if (formatChosenRef.current.timeFormat) out.timeFormatChosen = true;
       else delete out.timeFormat;
     }
+    if (out.timezone !== void 0) {
+      if (timezoneChosenRef.current) out.timezoneChosen = true;
+      else delete out.timezone;
+    }
     writeStoredPreferences(storageKey, out);
   }, [persistedAxes, storageKey]);
   React.useEffect(() => {
@@ -166,6 +172,10 @@ function AppProvider({
       );
       if (derivable) delete stored.timeFormat;
     }
+    if (!raw.timezoneChosen && stored.timezone === LEGACY_GODX_PRESET_TIMEZONE) {
+      delete stored.timezone;
+    }
+    timezoneChosenRef.current = stored.timezone !== void 0;
     formatChosenRef.current = {
       dateFormat: stored.dateFormat !== void 0,
       timeFormat: stored.timeFormat !== void 0
@@ -273,6 +283,7 @@ function AppProvider({
   const setTimezone = React.useCallback(
     (next) => {
       prefsRef.current = { ...prefsRef.current, timezone: next };
+      timezoneChosenRef.current = true;
       setTimezoneState(next);
       onTimezoneChange?.(next);
       commitPreferences();

package/dist/app/storage.d.ts

@@ -20,6 +20,12 @@ export type StoredAppPreferences = {
      */
     dateFormatChosen?: boolean;
     timeFormatChosen?: boolean;
+    /**
+     * The viewer PICKED the stored timezone (setTimezone), as opposed to it being the default. Only a
+     * picked zone is stored (gh#1282): storing the default froze it, which is how the godx preset's
+     * pinned `Asia/Ho_Chi_Minh` outlived the preset change.
+     */
+    timezoneChosen?: boolean;
 };
 /**
  * The axes a viewer's preferences are made of — the keys of {@link StoredAppPreferences}.

package/dist/app/storage.js

@@ -50,7 +50,8 @@ function readStoredPreferences(storageKey) {
       fontSize: isAppFontSize(parsed.fontSize) ? parsed.fontSize : void 0,
       scaling: typeof parsed.scaling === "number" && Number.isFinite(parsed.scaling) ? parsed.scaling : void 0,
       dateFormatChosen: parsed.dateFormatChosen === true ? true : void 0,
-      timeFormatChosen: parsed.timeFormatChosen === true ? true : void 0
+      timeFormatChosen: parsed.timeFormatChosen === true ? true : void 0,
+      timezoneChosen: parsed.timezoneChosen === true ? true : void 0
     };
   } catch {
     return {};

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

@@ -1,6 +1,7 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
+import { useLayoutEffect } from "@react-aria/utils";
 import {
   Button as AriaButton,
   ButtonContext,
@@ -631,6 +632,11 @@ function DataSelect(props) {
     "aria-label": props["aria-label"],
     "aria-labelledby": props["aria-labelledby"]
   });
+  const [hasNativeLabel, setHasNativeLabel] = React.useState(false);
+  useLayoutEffect(() => {
+    const labelled = typeof document !== "undefined" && props.id !== void 0 && document.querySelector(`label[for="${CSS.escape(props.id)}"]`) !== null;
+    setHasNativeLabel(labelled);
+  }, [props.id]);
   if (props.mode !== void 0 || searchable) {
     const antdFilter = showSearchConfig?.filterOption;
     const filterOption = antdFilter === void 0 ? props.filterOption : antdFilter === false ? () => true : antdFilter === true ? void 0 : (option, query) => antdFilter(query, option);
@@ -696,7 +702,7 @@ function DataSelect(props) {
     Object.entries(rest).filter(([key]) => key.startsWith("aria-"))
   );
   const placeholderName = typeof placeholder === "string" ? placeholder : void 0;
-  const nameFromPlaceholder = ariaProps["aria-label"] === void 0 && ariaProps["aria-labelledby"] === void 0 && inheritedName["aria-label"] === void 0 && inheritedName["aria-labelledby"] === void 0 ? placeholderName : void 0;
+  const nameFromPlaceholder = ariaProps["aria-label"] === void 0 && ariaProps["aria-labelledby"] === void 0 && inheritedName["aria-label"] === void 0 && inheritedName["aria-labelledby"] === void 0 && !hasNativeLabel ? placeholderName : void 0;
   const optionTestId = (optionValue) => dataTestId ? `${dataTestId}-option-${optionValue}` : void 0;
   let flatIndex = 0;
   const renderItem = (option) => {

package/dist/components/feedback/dialog.js

@@ -404,6 +404,11 @@ function DialogCancel({ asChild, className, onClick, ...props }) {
 DialogCancel.displayName = "DialogCancel";
 const AlertDialogAction = DialogAction;
 const AlertDialogCancel = DialogCancel;
+function sameWordIgnoringMarks(a, b) {
+  if (typeof a !== "string" || typeof b !== "string") return false;
+  const base = (text) => text.normalize("NFD").replace(/\p{M}/gu, "").replace(/đ/g, "d").replace(/Đ/g, "D").trim().toLowerCase();
+  return base(a) === base(b);
+}
 function AlertDialog({
   open,
   onOpenChange,
@@ -431,7 +436,13 @@ function AlertDialog({
   const effectiveVariant = needsPhrase ? "destructive" : variant;
   const showDangerIcon = effectiveVariant === "destructive";
   const resolvedConfirm = confirmLabel ?? (needsPhrase ? t("common.delete") : t("common.continue"));
-  const resolvedCancel = cancelLabel ?? t("common.cancel");
+  const resolvedCancel = cancelLabel ?? t("feedback.alert.cancel");
+  React.useEffect(() => {
+    if (!isDevelopment() || !sameWordIgnoringMarks(resolvedConfirm, resolvedCancel)) return;
+    console.warn(
+      `[@godxjp/ui] AlertDialog: confirmLabel "${String(resolvedConfirm)}" and the cancel label "${String(resolvedCancel)}" are the same word once tone marks are ignored \u2014 a reader tells them apart by colour alone and a screen reader not at all. Rename one (gh#1284).`
+    );
+  }, [resolvedConfirm, resolvedCancel]);
   const busy = pending || verifying;
   const confirmLabelText = verifying ? t("feedback.alert.verifying") : pending ? t("common.working") : resolvedConfirm;
   const reset = () => {

package/dist/contracts/measurement.json

@@ -1,6 +1,6 @@
 {
   "$comment": "AUTO-GENERATED by scripts/gen-measurement-contract.mjs — do not edit. Read this instead of guessing: docs/MEASUREMENT-CONTRACT.md.",
-  "version": "32.4.0",
+  "version": "32.4.1",
   "targetSize": {
     "standard": "WCAG 2.2 SC 2.5.8 Target Size (Minimum), level AA — 24×24 CSS px",
     "min": 24,

package/dist/i18n/messages/en.json

@@ -284,7 +284,8 @@
     "alert": {
       "dismiss": "Dismiss",
       "verifying": "Verifying…",
-      "stepUpFailed": "Re-authentication failed. Please try again."
+      "stepUpFailed": "Re-authentication failed. Please try again.",
+      "cancel": "Cancel"
     },
     "toast": {
       "close": "Close notification"

package/dist/i18n/messages/ja.json

@@ -279,7 +279,8 @@
     "alert": {
       "dismiss": "閉じる",
       "verifying": "確認中…",
-      "stepUpFailed": "再認証に失敗しました。もう一度お試しください。"
+      "stepUpFailed": "再認証に失敗しました。もう一度お試しください。",
+      "cancel": "キャンセル"
     },
     "toast": {
       "close": "通知を閉じる"

package/dist/i18n/messages/vi.json

@@ -99,7 +99,7 @@
       "download": "Tải xuống",
       "retry": "Thử lại",
       "start": "Tải lên",
-      "cancel": "Huỷ",
+      "cancel": "Hủy",
       "rejectAccept": "{name}: loại tệp không được phép.",
       "rejectSize": "{name}: tệp quá lớn (tối đa {max}).",
       "rejectCount": "{name}: đã đủ số lượng tệp.",
@@ -216,7 +216,7 @@
       "empty": "Không có mục nào khớp",
       "error": "Không tải được",
       "confirm": "Xác nhận",
-      "cancel": "Huỷ",
+      "cancel": "Hủy",
       "clear": "Bỏ chọn",
       "more": "Tải thêm",
       "openDialog": "Chọn từ danh sách",
@@ -280,7 +280,8 @@
     "alert": {
       "dismiss": "Đóng",
       "verifying": "Đang xác minh…",
-      "stepUpFailed": "Xác thực lại thất bại. Vui lòng thử lại."
+      "stepUpFailed": "Xác thực lại thất bại. Vui lòng thử lại.",
+      "cancel": "Quay lại"
     },
     "toast": {
       "close": "Đóng thông báo"

package/dist/styles/layers.json

@@ -1,5 +1,5 @@
 {
-  "version": "32.4.0",
+  "version": "32.4.1",
   "generatedBy": "scripts/gen-style-layers.mjs — do not edit by hand; run `pnpm gen:style-layers`",
   "base": "base.css",
   "fonts": "fonts.css",

package/dist/themes/godx.d.ts

@@ -11,6 +11,10 @@ import type { AppPreset } from "../app/preset.js";
  * A shadow root that embeds `@godxjp/ui/styles/core` adds `@godxjp/ui/themes/godx-tokens.css` (the
  * same colours without the fonts) instead.
  *
+ * NO `timeZone` (gh#1282): a preset must not pin a country's zone. 32.x shipped
+ * `"Asia/Ho_Chi_Minh"` here, so every godx app showed Vietnam time to its users in Japan; the zone
+ * now falls back to the viewer's browser, and an app that needs a fixed one passes `defaultTimezone`.
+ *
  * Core never imports this module, which is what keeps the GoDX artwork out of a neutral bundle.
  */
 export declare const godxPreset: AppPreset;

package/dist/themes/godx.js

@@ -3,7 +3,6 @@ import { Logo } from "../components/general/logo.js";
 const godxPreset = Object.freeze({
   name: "godx",
   defaultLocale: "vi",
-  timeZone: "Asia/Ho_Chi_Minh",
   brandMark: createElement(Logo, { mark: "godx", tone: "success" }),
   emailBrandLabel: "GoDX"
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@godxjp/ui",
-  "version": "32.4.0",
-  "godxUiMcp": "32.4.0",
+  "version": "32.4.1",
+  "godxUiMcp": "32.4.1",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",