@godxjp/ui 6.0.0 → 6.0.2

package/src/app/locales.ts

@@ -1,32 +0,0 @@
-import type { Locale } from "date-fns";
-import { enUS, ja, vi } from "date-fns/locale";
-import {
-  enUS as enUSDayPicker,
-  ja as jaDayPicker,
-  vi as viDayPicker,
-} from "react-day-picker/locale";
-import type { AppLocale } from "./types";
-
-export type AppLocaleConfig = {
-  code: AppLocale;
-  dateFns: Locale;
-  dayPicker: typeof viDayPicker;
-};
-
-export const APP_LOCALE_CONFIG: Record<AppLocale, AppLocaleConfig> = {
-  vi: { code: "vi", dateFns: vi, dayPicker: viDayPicker },
-  en: { code: "en", dateFns: enUS, dayPicker: enUSDayPicker },
-  ja: { code: "ja", dateFns: ja, dayPicker: jaDayPicker },
-};
-
-export function isAppLocale(value: string | null | undefined): value is AppLocale {
-  return value === "vi" || value === "en" || value === "ja";
-}
-
-export function getDateFnsLocale(locale: AppLocale): Locale {
-  return APP_LOCALE_CONFIG[locale].dateFns;
-}
-
-export function getDayPickerLocale(locale: AppLocale) {
-  return APP_LOCALE_CONFIG[locale].dayPicker;
-}

package/src/app/request-headers.ts

@@ -1,31 +0,0 @@
-import type { AppRequestHeaders } from "./types";
-import {
-  APP_REQUEST_HEADER_DATE_FORMAT,
-  APP_REQUEST_HEADER_LOCALE,
-  APP_REQUEST_HEADER_TIME_FORMAT,
-  APP_REQUEST_HEADER_TIMEZONE,
-} from "./types";
-
-const DEFAULT_HEADERS: AppRequestHeaders = {
-  [APP_REQUEST_HEADER_LOCALE]: "vi",
-  [APP_REQUEST_HEADER_TIMEZONE]: "Asia/Ho_Chi_Minh",
-  [APP_REQUEST_HEADER_TIME_FORMAT]: "24h",
-  [APP_REQUEST_HEADER_DATE_FORMAT]: "dmy",
-};
-
-let currentHeaders: AppRequestHeaders = { ...DEFAULT_HEADERS };
-
-/** Sync locale/timezone into module state for HTTP clients (via `getAppRequestHeaders`). */
-export function syncAppRequestHeaders(headers: Partial<AppRequestHeaders>): void {
-  currentHeaders = { ...currentHeaders, ...headers };
-}
-
-/** Read current app preference headers — wire to API client `setAppHeaderProvider`. */
-export function getAppRequestHeaders(): AppRequestHeaders {
-  return { ...currentHeaders };
-}
-
-/** Reset to defaults — for tests only. */
-export function resetAppRequestHeaders(): void {
-  currentHeaders = { ...DEFAULT_HEADERS };
-}

package/src/app/storage.ts

@@ -1,44 +0,0 @@
-import { isAppLocale } from "./locales";
-import { isAppDateFormat } from "./date-formats";
-import { isAppTimeFormat } from "./time-formats";
-import type { AppLocale, AppTimezone, AppTimeFormat, AppDateFormat } from "./types";
-
-const DEFAULT_STORAGE_KEY = "godxjp.app";
-
-export type StoredAppPreferences = {
-  locale?: AppLocale;
-  timezone?: AppTimezone;
-  timeFormat?: AppTimeFormat;
-  dateFormat?: AppDateFormat;
-};
-
-export function readStoredPreferences(storageKey: string): StoredAppPreferences {
-  if (typeof window === "undefined") return {};
-  try {
-    const raw = window.localStorage.getItem(storageKey);
-    if (!raw) return {};
-    const parsed = JSON.parse(raw) as StoredAppPreferences;
-    return {
-      locale: isAppLocale(parsed.locale) ? parsed.locale : undefined,
-      timezone: typeof parsed.timezone === "string" ? parsed.timezone : undefined,
-      timeFormat: isAppTimeFormat(parsed.timeFormat) ? parsed.timeFormat : undefined,
-      dateFormat: isAppDateFormat(parsed.dateFormat) ? parsed.dateFormat : undefined,
-    };
-  } catch {
-    return {};
-  }
-}
-
-export function writeStoredPreferences(
-  storageKey: string,
-  preferences: StoredAppPreferences,
-): void {
-  if (typeof window === "undefined") return;
-  try {
-    window.localStorage.setItem(storageKey, JSON.stringify(preferences));
-  } catch {
-    // Quota or private mode — ignore.
-  }
-}
-
-export { DEFAULT_STORAGE_KEY };

package/src/app/time-format-labels.ts

@@ -1,19 +0,0 @@
-import { APP_TIME_FORMATS } from "./time-formats";
-import type { AppLocale } from "./types";
-import type { AppTimeFormat } from "./time-formats";
-import { translate } from "../i18n/translate";
-
-export const APP_TIME_FORMAT_OPTIONS = APP_TIME_FORMATS.map((value) => ({ value }));
-
-export function getTimeFormatLabel(
-  timeFormat: AppTimeFormat,
-  locale: AppLocale,
-  fallbackLocale: AppLocale = "en",
-): string {
-  return translate(locale, fallbackLocale, `timeFormat.${timeFormat}`);
-}
-
-/** Suggested default per locale — vi/ja → 24h, en → 12h. */
-export function resolveDefaultTimeFormat(locale: AppLocale): AppTimeFormat {
-  return locale === "en" ? "12h" : "24h";
-}

package/src/app/time-formats.ts

@@ -1,15 +0,0 @@
-/** Clock display — sent as `x-time-format` to backend. */
-export type AppTimeFormat = "24h" | "12h";
-
-export const APP_TIME_FORMATS = ["24h", "12h"] as const satisfies readonly AppTimeFormat[];
-
-export const APP_REQUEST_HEADER_TIME_FORMAT = "x-time-format" as const;
-
-/** date-fns pattern for time-only display. */
-export function getTimePattern(timeFormat: AppTimeFormat): string {
-  return timeFormat === "24h" ? "HH:mm" : "h:mm a";
-}
-
-export function isAppTimeFormat(value: string | null | undefined): value is AppTimeFormat {
-  return value === "24h" || value === "12h";
-}

package/src/app/timezones.ts

@@ -1,208 +0,0 @@
-import { translate } from "../i18n/translate";
-import type { AppLocale } from "./types";
-
-/** Curated preset — pass to `<AppProvider timezoneOptions={APP_TIMEZONE_PRESET} />`. */
-export const APP_TIMEZONE_PRESET = [
-  "UTC",
-  "Asia/Ho_Chi_Minh",
-  "Asia/Bangkok",
-  "Asia/Singapore",
-  "Asia/Jakarta",
-  "Asia/Manila",
-  "Asia/Kuala_Lumpur",
-  "Asia/Yangon",
-  "Asia/Phnom_Penh",
-  "Asia/Vientiane",
-  "Asia/Brunei",
-  "Asia/Tokyo",
-  "Asia/Seoul",
-  "Asia/Shanghai",
-  "Asia/Hong_Kong",
-  "Asia/Taipei",
-  "Asia/Ulaanbaatar",
-  "Asia/Kolkata",
-  "Asia/Karachi",
-  "Asia/Dhaka",
-  "Asia/Colombo",
-  "Asia/Dubai",
-  "Asia/Riyadh",
-  "Asia/Qatar",
-  "Asia/Tehran",
-  "Asia/Jerusalem",
-  "Europe/London",
-  "Europe/Paris",
-  "Europe/Berlin",
-  "Europe/Amsterdam",
-  "Europe/Rome",
-  "Europe/Madrid",
-  "Europe/Moscow",
-  "Europe/Istanbul",
-  "America/New_York",
-  "America/Chicago",
-  "America/Denver",
-  "America/Los_Angeles",
-  "America/Toronto",
-  "America/Vancouver",
-  "America/Mexico_City",
-  "America/Sao_Paulo",
-  "America/Buenos_Aires",
-  "Australia/Sydney",
-  "Australia/Melbourne",
-  "Australia/Perth",
-  "Pacific/Auckland",
-] as const;
-
-/** @deprecated Use `APP_TIMEZONE_PRESET` or `getAllIanaTimezones()`. */
-export const APP_TIMEZONE_OPTIONS = APP_TIMEZONE_PRESET;
-
-export type AppTimezonePreset = (typeof APP_TIMEZONE_PRESET)[number];
-
-/**
- * Preferred IANA ids not returned by all runtimes (e.g. Node lists `Asia/Saigon` only).
- * Keys are app-facing ids; values are Intl-canonical ids for offset lookup.
- */
-export const TIMEZONE_ALIASES: Record<string, string> = {
-  "Asia/Ho_Chi_Minh": "Asia/Saigon",
-};
-
-const PREFERRED_TIMEZONE_IDS = Object.keys(TIMEZONE_ALIASES);
-
-/** Map app id → Intl id for `DateTimeFormat` / validation. */
-export function resolveTimezoneForIntl(timezone: string): string {
-  return TIMEZONE_ALIASES[timezone] ?? timezone;
-}
-
-/** Minimal fallback when `Intl.supportedValuesOf("timeZone")` is unavailable. */
-const FALLBACK_IANA_TIMEZONES = [...APP_TIMEZONE_PRESET] as const;
-
-let cachedAllTimezones: readonly string[] | null = null;
-let cachedTimezoneSet: ReadonlySet<string> | null = null;
-
-function enrichTimezoneList(base: readonly string[]): readonly string[] {
-  const set = new Set(base);
-  for (const preferred of PREFERRED_TIMEZONE_IDS) {
-    if (!set.has(preferred)) {
-      const canonical = TIMEZONE_ALIASES[preferred];
-      if (!canonical || set.has(canonical)) set.add(preferred);
-    }
-  }
-  return [...set].sort();
-}
-
-/** Full IANA list from runtime — sorted lexicographically. */
-export function getAllIanaTimezones(): readonly string[] {
-  if (cachedAllTimezones) return cachedAllTimezones;
-
-  try {
-    const intl = Intl as typeof Intl & { supportedValuesOf?: (key: string) => string[] };
-    if (typeof intl.supportedValuesOf === "function") {
-      cachedAllTimezones = enrichTimezoneList(intl.supportedValuesOf("timeZone").slice().sort());
-      return cachedAllTimezones;
-    }
-  } catch {
-    /* use fallback */
-  }
-
-  cachedAllTimezones = FALLBACK_IANA_TIMEZONES;
-  return cachedAllTimezones;
-}
-
-function getIanaTimezoneSet(): ReadonlySet<string> {
-  cachedTimezoneSet ??= new Set(getAllIanaTimezones());
-  return cachedTimezoneSet;
-}
-
-export function isValidIanaTimezone(value: string): boolean {
-  const set = getIanaTimezoneSet();
-  if (set.has(value)) return true;
-  const canonical = TIMEZONE_ALIASES[value];
-  return canonical ? set.has(canonical) : false;
-}
-
-/** @deprecated Use `isValidIanaTimezone`. */
-export function isKnownAppTimezone(value: string): value is AppTimezonePreset {
-  return (APP_TIMEZONE_PRESET as readonly string[]).includes(value);
-}
-
-/**
- * Options for TimezonePicker.
- * - `configured` omitted/empty → full IANA list
- * - `configured` set → only those ids (+ `current` if missing)
- */
-export function resolveTimezonePickerOptions(
-  configured?: readonly string[] | null,
-  current?: string,
-): readonly string[] {
-  const base = configured && configured.length > 0 ? [...configured] : [...getAllIanaTimezones()];
-
-  if (current && !base.includes(current)) {
-    return [current, ...base];
-  }
-
-  return base;
-}
-
-export function getBrowserTimezone(): string {
-  try {
-    return Intl.DateTimeFormat().resolvedOptions().timeZone;
-  } catch {
-    return "UTC";
-  }
-}
-
-/** City/region segment from IANA id — `Asia/Ho_Chi_Minh` → `Ho Chi Minh`. */
-export function getTimezoneCityName(timezone: string): string {
-  const segment = timezone.split("/").pop();
-  if (!segment) return timezone;
-  return segment.replace(/_/g, " ");
-}
-
-/** UTC/GMT offset via Intl — e.g. `GMT+7`, `UTC`. */
-export function getTimezoneOffsetLabel(timezone: string, locale: AppLocale = "en"): string {
-  if (timezone === "UTC") return "UTC";
-  try {
-    const parts = new Intl.DateTimeFormat(locale, {
-      timeZone: resolveTimezoneForIntl(timezone),
-      timeZoneName: "shortOffset",
-    }).formatToParts(new Date());
-    return parts.find((part) => part.type === "timeZoneName")?.value ?? "";
-  } catch {
-    return "";
-  }
-}
-
-/** Intl fallback when no i18n override — `Ho Chi Minh (GMT+7)`. */
-export function formatTimezoneDisplayLabel(timezone: string, locale: AppLocale = "en"): string {
-  const city = getTimezoneCityName(timezone);
-  const offset = getTimezoneOffsetLabel(timezone, locale);
-  return offset ? `${city} (${offset})` : city;
-}
-
-export function getTimezoneLabel(
-  timezone: string,
-  locale: AppLocale,
-  fallbackLocale: AppLocale = "en",
-): string {
-  const key = `timezone.${timezone}`;
-  const translated = translate(locale, fallbackLocale, key);
-  if (translated !== key) return translated;
-
-  const offset = getTimezoneOffsetLabel(timezone, locale);
-  const city = getTimezoneCityName(timezone);
-  return offset ? `${city} (${offset})` : city;
-}
-
-export function resolveDefaultTimezone(
-  defaultTimezone: "browser" | "system" | (string & {}),
-  systemTimezone?: string,
-): string {
-  if (defaultTimezone === "browser") return getBrowserTimezone();
-  if (defaultTimezone === "system") return systemTimezone ?? "UTC";
-  return defaultTimezone;
-}
-
-/** Vitest only — reset cached IANA list between cases. */
-export function resetIanaTimezoneCacheForTests(): void {
-  cachedAllTimezones = null;
-  cachedTimezoneSet = null;
-}

package/src/app/types.ts

@@ -1,39 +0,0 @@
-import type { AppTimeFormat } from "./time-formats";
-import type { AppDateFormat } from "./date-formats";
-
-/** Supported UI locales — sent as `x-locale` to backend. */
-export type AppLocale = "vi" | "en" | "ja";
-
-/** IANA timezone identifier — sent as `x-timezone` to backend. */
-export type AppTimezone = string;
-
-/** How to resolve the initial timezone when nothing is stored. */
-export type AppTimezoneDefault = "browser" | "system" | (AppTimezone & {});
-
-export type { AppTimeFormat } from "./time-formats";
-export type { AppDateFormat } from "./date-formats";
-export {
-  APP_TIME_FORMATS,
-  APP_REQUEST_HEADER_TIME_FORMAT,
-  getTimePattern,
-  isAppTimeFormat,
-} from "./time-formats";
-export {
-  APP_DATE_FORMATS,
-  APP_REQUEST_HEADER_DATE_FORMAT,
-  getDatePattern,
-  getDateTimePattern,
-  isAppDateFormat,
-} from "./date-formats";
-
-export const APP_LOCALES = ["vi", "en", "ja"] as const satisfies readonly AppLocale[];
-
-export const APP_REQUEST_HEADER_LOCALE = "x-locale" as const;
-export const APP_REQUEST_HEADER_TIMEZONE = "x-timezone" as const;
-
-export type AppRequestHeaders = {
-  "x-locale": AppLocale;
-  "x-timezone": AppTimezone;
-  "x-time-format": AppTimeFormat;
-  "x-date-format": AppDateFormat;
-};

package/src/app/use-formatting.ts

@@ -1,47 +0,0 @@
-import { useMemo } from "react";
-import { formatDate, type FormatDateOptions } from "../lib/datetime";
-import { useAppContext } from "./app-provider";
-
-/** Date/time formatters bound to the current AppProvider preferences. */
-export function useFormatting() {
-  const { locale, timezone, timeFormat, dateFormat, dateFnsLocale } = useAppContext();
-
-  const defaults = useMemo(
-    () => ({ locale: dateFnsLocale, timezone, timeFormat, dateFormat }),
-    [dateFnsLocale, timezone, timeFormat, dateFormat],
-  );
-
-  const bind = useMemo(
-    () => (value: Parameters<typeof formatDate>[0], options?: FormatDateOptions) =>
-      formatDate(value, { ...defaults, ...options }),
-    [defaults],
-  );
-
-  return useMemo(
-    () => ({
-      locale,
-      timezone,
-      timeFormat,
-      dateFormat,
-      /** Primary formatter — auto-detect + AppProvider defaults. */
-      format: bind,
-      formatDate: bind,
-      formatCalendarDate: (value: Date | null | undefined, options?: FormatDateOptions) =>
-        formatDate(value, { ...defaults, ...options, kind: "calendar" }),
-      formatTime: (value: Parameters<typeof formatDate>[0], options?: FormatDateOptions) =>
-        formatDate(value, { ...defaults, ...options, kind: "time" }),
-      formatDateTime: (value: Parameters<typeof formatDate>[0], options?: FormatDateOptions) =>
-        formatDate(value, { ...defaults, ...options, kind: "datetime" }),
-      formatDateLong: (value: Parameters<typeof formatDate>[0], options?: FormatDateOptions) =>
-        formatDate(value, { ...defaults, ...options, kind: "long" }),
-      formatRelative: (value: Parameters<typeof formatDate>[0], options?: FormatDateOptions) =>
-        formatDate(value, { ...defaults, ...options, kind: "relative" }),
-      formatTimeOfDay: (value: Parameters<typeof formatDate>[0], options?: FormatDateOptions) =>
-        formatDate(value, { ...defaults, ...options, kind: "time" }),
-    }),
-    [locale, timezone, timeFormat, dateFormat, defaults, bind],
-  );
-}
-
-/** Alias for useFormatting — emphasises timezone-aware datetime helpers. */
-export const useDateTime = useFormatting;

package/src/components/__tests__/accessibility-primitives.test.tsx

@@ -1,65 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { renderWithUi, screen } from "@/test/render";
-import { Checkbox } from "../data-entry/checkbox";
-import { Command, CommandInput } from "../data-entry/command";
-import { Radio } from "../data-entry/radio";
-import { Select, SelectTrigger, SelectValue } from "../data-entry/select";
-import { Dialog, DialogContent, DialogDescription, DialogTitle } from "../feedback/dialog";
-import { Sheet, SheetContent, SheetDescription, SheetTitle } from "../feedback/sheet";
-
-function expectDecorativeIconsHidden(container: HTMLElement) {
-  container.querySelectorAll("svg").forEach((icon) => {
-    expect(icon).toHaveAttribute("aria-hidden", "true");
-  });
-}
-
-describe("primitive accessibility", () => {
-  it("hides decorative icons from accessibility tree", () => {
-    const { baseElement } = renderWithUi(
-      <>
-        <Select>
-          <SelectTrigger aria-label="Hub">
-            <SelectValue placeholder="Hub" />
-          </SelectTrigger>
-        </Select>
-        <Checkbox defaultChecked aria-label="Accept" />
-        <Radio.Root defaultValue="air">
-          <Radio.Item value="air" aria-label="Air" />
-        </Radio.Root>
-        <Command>
-          <CommandInput aria-label="Search" />
-        </Command>
-      </>,
-    );
-
-    expectDecorativeIconsHidden(baseElement);
-  });
-
-  it("keeps dialog close button named while hiding close icon", () => {
-    const { baseElement } = renderWithUi(
-      <Dialog open onOpenChange={() => undefined}>
-        <DialogContent>
-          <DialogTitle>Dialog title</DialogTitle>
-          <DialogDescription>Dialog description</DialogDescription>
-        </DialogContent>
-      </Dialog>,
-    );
-
-    expect(screen.getByRole("button", { name: "Close" })).toBeInTheDocument();
-    expectDecorativeIconsHidden(baseElement);
-  });
-
-  it("keeps sheet close button named while hiding close icon", () => {
-    const { baseElement } = renderWithUi(
-      <Sheet open onOpenChange={() => undefined}>
-        <SheetContent>
-          <SheetTitle>Sheet title</SheetTitle>
-          <SheetDescription>Sheet description</SheetDescription>
-        </SheetContent>
-      </Sheet>,
-    );
-
-    expect(screen.getByRole("button", { name: "Close" })).toBeInTheDocument();
-    expectDecorativeIconsHidden(baseElement);
-  });
-});

package/src/components/__tests__/docs-parity.test.ts

@@ -1,41 +0,0 @@
-import { readFileSync } from "node:fs";
-import { join } from "node:path";
-import { describe, expect, it } from "vitest";
-
-const root = process.cwd();
-
-function read(path: string) {
-  return readFileSync(join(root, path), "utf8");
-}
-
-describe("docs and story parity", () => {
-  it("documents shadcn-compatible compound exports", () => {
-    expect(read("docs/primitives/data-entry/select/index.md")).toContain("SelectLabel");
-    expect(read("docs/primitives/data-entry/select/index.md")).toContain("SelectSeparator");
-
-    const dropdownDocs = read("docs/primitives/navigation/dropdown-menu/index.md");
-    expect(dropdownDocs).toContain("DropdownMenuCheckboxItem");
-    expect(dropdownDocs).toContain("DropdownMenuRadioItem");
-    expect(dropdownDocs).toContain("DropdownMenuShortcut");
-
-    const popoverDocs = read("docs/primitives/data-display/popover/index.md");
-    expect(popoverDocs).toContain("PopoverHeader");
-    expect(popoverDocs).toContain("PopoverTitle");
-    expect(popoverDocs).toContain("PopoverDescription");
-
-    expect(read("docs/primitives/feedback/sheet/index.md")).toContain("SheetFooter");
-    expect(read("docs/primitives/navigation/tabs/index.md")).toContain("variant");
-  });
-
-  it("has preview examples for new shadcn parity surfaces", () => {
-    expect(
-      read("docs/primitives/navigation/dropdown-menu/examples/checked-radio-items.tsx"),
-    ).toContain("DropdownMenuCheckboxItem");
-    expect(read("docs/primitives/navigation/tabs/examples/line-variant.tsx")).toContain(
-      'variant="line"',
-    );
-    expect(read("docs/primitives/data-display/popover/examples/shipment-summary.tsx")).toContain(
-      "PopoverHeader",
-    );
-  });
-});

package/src/components/__tests__/shadcn-release-guardrails.test.ts

@@ -1,71 +0,0 @@
-import { existsSync, readFileSync } from "node:fs";
-import { join } from "node:path";
-import { describe, expect, it } from "vitest";
-
-const root = process.cwd();
-
-function readJson<T>(path: string): T {
-  return JSON.parse(readFileSync(join(root, path), "utf8")) as T;
-}
-
-describe("shadcn release guardrails", () => {
-  it("keeps components.json aligned to the package UI bridge", () => {
-    const config = readJson<{
-      aliases?: Record<string, string>;
-      tailwind?: { css?: string; cssVariables?: boolean };
-      iconLibrary?: string;
-    }>("components.json");
-
-    expect(config.aliases?.ui).toBe("@/components/ui");
-    expect(config.aliases?.utils).toBe("@/lib/utils");
-    expect(config.tailwind?.css).toBe("src/styles/index.css");
-    expect(config.tailwind?.cssVariables).toBe(true);
-    expect(config.iconLibrary).toBe("lucide");
-  });
-
-  it("exports shadcn-compatible entrypoints from package.json", () => {
-    const pkg = readJson<{ exports?: Record<string, string>; scripts?: Record<string, string> }>(
-      "package.json",
-    );
-    const exports = pkg.exports ?? {};
-
-    expect(exports["./ui"]).toBe("./src/components/ui/index.tsx");
-    for (const key of [
-      "button",
-      "select",
-      "checkbox",
-      "radio",
-      "switch",
-      "slider",
-      "dialog",
-      "sheet",
-      "popover",
-      "dropdown-menu",
-      "tabs",
-      "command",
-    ]) {
-      expect(exports[`./ui/${key}`], `missing ./ui/${key}`).toBeDefined();
-    }
-    expect(pkg.scripts?.["verify:release"]).toContain("preview:build");
-  });
-
-  it("keeps bridge files present for installed shadcn components", () => {
-    for (const file of [
-      "button",
-      "select",
-      "checkbox",
-      "radio",
-      "switch",
-      "slider",
-      "dialog",
-      "sheet",
-      "popover",
-      "dropdown-menu",
-      "tabs",
-      "command",
-      "index",
-    ]) {
-      expect(existsSync(join(root, `src/components/ui/${file}.tsx`)), `${file}.tsx`).toBe(true);
-    }
-  });
-});