@godxjp/ui 5.0.2 → 6.0.0

package/README.md

@@ -1,181 +1,140 @@
 # @godxjp/ui
 
-**Version 3.0.0** — GoDX professional UI framework
+The shared React UI framework for every godx surface (admin, agency portal,
+handheld). Built on shadcn + Radix UI + Tailwind CSS v4.
 
-[![npm](https://img.shields.io/npm/v/@godxjp/ui)](https://www.npmjs.com/package/@godxjp/ui)
-[![License](https://img.shields.io/github/license/godx-jp/godxjp-ui)](LICENSE)
-[![Types included](https://img.shields.io/badge/types-included-blue)](src/)
-
-`@godxjp/ui` is the **single source of visual truth** for the GoDX platform.
-Every service frontend (admin-platform, forge-service, console-service, me-service,
-chat-service, knowledge-service, …) consumes this package. No service reimplements
-a button, dialog, sidebar, or design token.
-
-The framework enforces three Japanese-enterprise design principles:
-
-| Principle | Meaning | What it enforces |
-|---|---|---|
-| **渋み** (shibumi) | Restrained elegance | OKLCH primary chroma ≤ 0.18. No neon. No gradients on functional UI. |
-| **間** (ma) | Vertical breathing room | Body `line-height: 1.7`. Generous spacing. Density toggle for dense tables. |
-| **簡素** (kanso) | Simplicity | Three font weights: 400 (body), 500 (heading), 700 (emphasis). No 600 in new code. |
+Location: `packages/godx-ui/` (linked into the app as a `file:` dependency at
+`@godxjp/ui`).
 
 ---
 
-## Quick start
+## Role & boundary — read this first
 
-A new service needs three lines to be fully brand-compliant:
+This package is **the single source of UI truth**. It is shared, versioned
+infrastructure, which means two things are non-negotiable:
 
-```tsx
-// services/<slug>-service/frontend/src/main.tsx
-import "@godxjp/ui/tailwind.css"   // tokens + Tailwind v4 utilities — ONE import
-import { initI18n } from "@godxjp/ui/i18n"
-import { AppShell, Sidebar, Topbar } from "@godxjp/ui/components/shell"
-
-initI18n()
-
-createRoot(document.getElementById("root")!).render(
-  <BrowserRouter>
-    <AppShell sidebar={<Sidebar nav={MY_NAV} />} topbar={<Topbar />}>
-      <Routes>{/* service-specific routes */}</Routes>
-    </AppShell>
-  </BrowserRouter>,
-)
-```
+- **Editing it requires explicit session permission** (the hard gate — see
+  [DEVELOPMENT.md](./docs/DEVELOPMENT.md#0-what-this-package-is--and-the-boundary-it-must-keep)).
+  By default the package is off-limits; consumers _compose_ its primitives, they
+  don't fork them.
+- **It is generic and presentational only.** No app i18n (`useTranslation`), no
+  Inertia (`router`/`<Form>`), no Wayfinder routes, no business entities or domain
+  logic, no product copy, no raw colors. Those are **consumer-layer** concerns — they
+  must never leak into this package. The framework ships **its own theme**, so a
+  consumer imports the styles and needs **zero** extra theme configuration.
 
-That is the entire integration surface. No theming step. No per-service token file.
+> Deciding whether a component belongs here vs. app-level? Use the
+> **`godx-ui-component-placement`** skill.
 
----
+Full contributor rules: **[docs/DEVELOPMENT.md](./docs/DEVELOPMENT.md)**.
 
-## Zero-config toolchain
+---
 
-Per the umbrella's frontend-architecture spec (zero-config principle), services
-inherit the full toolchain from this package:
+## Architecture (bottom-up)
 
-```js
-// eslint.config.js — one line
-export { default } from "@godxjp/ui/eslint-config"
 ```
-
-```json
-// package.json
-"prettier": "@godxjp/ui/prettier-config"
+src/tokens/      Design tokens — the single source of values
+  foundation.css   :root + .dark: colors, fonts, type scale, spacing, radius, wa-iro
+  primitives/      Per-domain primitive tokens (card, table, control, badge, …)
+src/styles/      CSS that styles components by [data-slot]; density.css = the one density knob
+  index.css        Entry: fontsource → tailwindcss → @theme (token→utility map) → *-layout.css
+src/components/  React components by group (data-display, data-entry, layout, feedback, …)
+src/props/       Prop type system: vocabulary/ (atomic) + components/ + registry.ts
+src/lib/         cn(), control-styles, variants
+examples/        *.preview.tsx — Storybook-style stories
+docs/primitives/ <component>/index.tsx demo + examples/ + generated .md
+preview/         The preview app (vite, :6008) rendering examples + docs
 ```
 
-```json
-// tsconfig.json
-{ "extends": "@godxjp/ui/tsconfig" }
-```
-
-```ts
-// vitest.config.ts
-import base from "@godxjp/ui/vitest-config"
-import { mergeConfig } from "vitest/config"
-export default mergeConfig(base, { test: {} })
-```
+A value is defined **once** as a CSS var (`--primary`), mapped to a utility in the
+`@theme` block (`--color-primary: hsl(var(--primary))`), and consumed as `bg-primary`.
+Components emit `data-slot` / `data-*`; the look lives in `styles/*-layout.css`. See
+[DEVELOPMENT.md §1](./docs/DEVELOPMENT.md#1-architecture--the-layers-bottom-up).
 
 ---
 
-## Import surface
-
-| Import | What you get |
-|---|---|
-| `@godxjp/ui` | All primitives + hooks + i18n helpers (barrel) |
-| `@godxjp/ui/tailwind.css` | Tailwind v4 + design tokens + base styles |
-| `@godxjp/ui/tokens.css` | Raw CSS custom properties only (no Tailwind) |
-| `@godxjp/ui/tokens-ext.css` | Extended tokens (dark mode, tenants, sidebar vars) |
-| `@godxjp/ui/sonner.css` | Sonner toast animations (import after tokens) |
-| `@godxjp/ui/components/primitives` | All primitives — see [`src/components/primitives.ts`](src/components/primitives.ts) (single barrel; 73+ surfaces re-exported from six group folders per cardinal rule 27) |
-| `@godxjp/ui/components/shell` | `AppShell`, `Sidebar`, `Topbar`, `TweaksPanel`, `CommandPalette`, `ProductSwitcher`, `ProjectSwitcher`, `PageContent` |
-| `@godxjp/ui/components/composites` | Upload family, `MediaUpload`, `AvatarUploader`, `LocaleInput`, calendar app composite |
-| `@godxjp/ui/i18n` | `initI18n()`, `SUPPORTED_LOCALES`, `GodxLocale` |
-| `@godxjp/ui/hooks` | `useTweaks()`, `Tweaks`, `Density`, `Theme` |
-| `@godxjp/ui/preferences` | `PreferencesProvider` — locale + timezone React context |
-| `@godxjp/ui/eslint-config` | Shared ESLint flat config |
-| `@godxjp/ui/prettier-config` | Shared Prettier config |
-| `@godxjp/ui/tsconfig` | Strict TypeScript base |
-| `@godxjp/ui/vitest-config` | Vitest base with jsdom + coverage thresholds |
+## Component groups
+
+| Group              | Import                    | Examples                                                                        |
+| ------------------ | ------------------------- | ------------------------------------------------------------------------------- |
+| **Layout**         | `@godxjp/ui/layout`       | `PageContainer`, `Stack`, `Inline`, `ResponsiveGrid`                            |
+| **General**        | `@godxjp/ui/general`      | `Button`                                                                        |
+| **Data Entry**     | `@godxjp/ui/data-entry`   | `Input`, `Select`, `FormField`, `DatePicker`, `Switch`                          |
+| **Data Display**   | `@godxjp/ui/data-display` | `Table`, `DataTable`, `Card`, `Badge`, `KeyValueGrid`, `Timeline`, `EmptyState` |
+| **Feedback**       | `@godxjp/ui/feedback`     | `Dialog`, `Sheet`, `Toast`, `Skeleton`, `Alert`                                 |
+| **Query**          | `@godxjp/ui/query`        | `DataState`, `InfiniteQueryState`, `PrefetchLink`, `MutationFeedback`           |
+| **Navigation**     | `@godxjp/ui/navigation`   | `Tabs`, `FilterBar`, `DropdownMenu`, `Steps`, `Pagination`, `LocalePicker`      |
+| **App**            | `@godxjp/ui/app`          | `AppProvider`, `useDateTime`                                                    |
+| **Datetime**       | `@godxjp/ui/datetime`     | `formatDate` (mandatory for display)                                            |
+| **shadcn paths**   | `@godxjp/ui/ui`           | Thin re-exports for shadcn-style imports                                        |
+| **Admin (legacy)** | `@godxjp/ui/admin`        | Compound admin exports                                                          |
 
 ---
 
-## Primitives (v3)
-
-| Component | Radix backing | A11y | Status |
-|---|---|---|---|
-| `Badge` | — | WCAG 2.1 AA | production |
-| `Button` | `@radix-ui/react-slot` | focus-visible, keyboard | production |
-| `Card` | — | — | production |
-| `Input`, `Textarea` | — | aria-invalid, label wire | production |
-| `Label` | `@radix-ui/react-label` | for/id | production |
-| `Tabs`, `Tabs`, `Tabs`, `Tabs` | `@radix-ui/react-tabs` | roving tabindex | production |
-| `Avatar` | — | aria-label | production |
-| `Separator` | `@radix-ui/react-separator` | role separator | production |
-| `Popover`, `Popover`, `Popover` | `@radix-ui/react-popover` | focus trap | production |
-| `DropdownMenu` family | `@radix-ui/react-dropdown-menu` | keyboard nav | production |
-| `Calendar` | `react-day-picker` | ARIA grid | production |
-| `TimeInput` | — | aria-invalid | production |
-| `Dialog` family | `@radix-ui/react-dialog` | focus trap, aria-modal | production |
-| `Sheet` family | `@radix-ui/react-dialog` | focus trap, aria-modal | production |
-| `AlertDialog` family | `@radix-ui/react-alert-dialog` | focus trap | production |
-| `Select` family | `@radix-ui/react-select` | keyboard nav | production |
-| `Switch` | `@radix-ui/react-switch` | role switch | production |
-| `Checkbox` | `@radix-ui/react-checkbox` | role checkbox | production |
-| `Table` family | — | role table | production |
-| `Combobox` family | `cmdk` + Popover | keyboard nav | production |
-| `Toaster`, `toast` | `sonner` | aria-live | production |
-| `Skeleton` | — | aria-hidden | production |
-| `Breadcrumb`, `Breadcrumb`, `Breadcrumb` | — | aria-label, aria-current | production |
+## Consumer setup — theme is self-contained
 
----
+The framework ships colors, fonts (M PLUS 2 via `@fontsource`), the type scale, and
+the wa-iro palette. A consumer's entire styling surface is **one import + content
+sources** — no `:root` overrides, no font `<link>`:
 
-## i18n
+```css
+/* resources/css/app.css */
+@import "@godxjp/ui/styles";
+@source '../js/**/*.{ts,tsx}';
+@source '../views';
+```
 
-Mandatory locales per the umbrella frontend-architecture spec §6:
+```tsx
+import { AppProvider } from "@godxjp/ui/app"; // locale, tz, date/time format
+import { PageContainer } from "@godxjp/ui/layout"; // every page wraps in this
+```
 
-| Locale | Status |
-|---|---|
-| `ja` | production (primary) |
-| `en` | production |
-| `vi` | production |
-| `fil` | production (added v3.0.0) |
+### Mandatory consumer rules
 
-Services add extra namespaces via `i18n.addResourceBundle(locale, "my-ns", {…})`.
+1. **Every page** uses `<PageContainer title subtitle extra footer>`.
+2. **Mobile-first** — verify at 320–390px in preview / browser.
+3. **Spacing via `Stack`/`Inline` `gap` + `ResponsiveGrid`** — no Tailwind `p-*` /
+   `gap-*` / `space-x|y-*` for app layout (see `docs/SPACING.md`).
+4. **Semantic tokens only** — no raw colors / hex / `dark:` overrides.
+5. **Dates** display via `formatDate` from `@godxjp/ui/datetime`.
+6. **`AppProvider`** wraps the app for locale / timezone / date-time format.
+7. **Audit** — `npm run ui:audit` must report 0 errors for touched files.
+
+Full app-developer rules: [ui-standardization.md](../../.claude/skills/frontend-design/rules/ui-standardization.md).
 
 ---
 
-## MUST RULES (review-blocking)
+## Golden ratio (φ ≈ 1.618)
 
-See [`README.md § MUST RULES`](README.md) and [`BRAND.md`](BRAND.md) for the full list.
-The short version:
+One token `--phi-unit` drives page/section/card spacing; micro control gaps use the
+4px grid. Density (`compact` | `default` | `comfortable`) retunes `--phi-unit` with
+control + table heights together.
 
-1. Import `@godxjp/ui/tailwind.css` (or `/tokens.css`) once at app entry.
-2. Never redefine `--primary`, `--foreground`, `--background`, or any base token in app code.
-3. Per-deployment brand-color overrides live under `[data-accent="<palette>"]` in a service `theme.css` (per cardinal rule 19 — `[data-tenant]` is removed).
-4. No `@mui/material`, `chakra-ui`, `antd`, or any other component library.
-5. All primitive needs → add to `@godxjp/ui` first, then consume.
-6. Shell (AppShell + Sidebar + Topbar) is one component set — no hand-rolled grids.
+| App API             | φ level             |
+| ------------------- | ------------------- |
+| `<Stack gap="md">`  | φ⁰ (default)        |
+| `<Stack gap="lg">`  | φ¹                  |
+| `<Stack gap="xl">`  | φ²                  |
+| Card shell / footer | base × φ / base ÷ φ |
 
 ---
 
-## Adoption tracker
-
-| Service | Status | Notes |
-|---|---|---|
-| `calendar-service/frontend` | adopted | Greenfield; compliant from first commit. |
-| `forge-service/frontend` | adopting (phase 1) | Reference implementation for migration pattern. |
-| `admin-platform/frontend` | partial | Omnify tokens overlap ~90%; full migration pending. |
-| `me-service/frontend` | adopting | Plan #31 R6 — active migration. |
-| `console-service/frontend` | adopting | Epic #1412; AppShell + tokens wired. |
-| `agent-service/frontend` | not started | Plan #21 G17. |
-| `knowledge-service/frontend` | not started | Plan #18 K-phase. |
-| `chat-service/frontend` | adopting | Plan #30 completion phase. |
+## Working on the framework
 
----
+```bash
+pnpm preview          # preview app → http://localhost:6008 (fixed port, kills stale)
+pnpm preview:build    # static build — the integration test for examples + docs
+pnpm docs:sync-primitives   # regenerate docs/primitives/**/*.md from source
+pnpm typecheck && pnpm audit && pnpm test
+```
 
-## Versioning
+→ **[docs/DEVELOPMENT.md](./docs/DEVELOPMENT.md)** is the contributor guideline (the
+boundary, the layers, how to add/extend a component, verification).
 
-`@godxjp/ui` follows [Semantic Versioning](https://semver.org/).
-Breaking changes require a cross-service audit + major bump.
-See [`CHANGELOG.md`](CHANGELOG.md) for the full history.
+## Docs index
 
-Source: `github.com/godx-jp/godxjp-ui` (Apache-2.0).
-The umbrella repo (`godx-jp/godx-admin`) pins this as a git submodule at `libs/ts/godxjp-ui/`.
+- [docs/DEVELOPMENT.md](./docs/DEVELOPMENT.md) — contributor guideline (start here to edit the package)
+- [docs/COMPONENTS.md](./docs/COMPONENTS.md) · [docs/TOKENS.md](./docs/TOKENS.md) · [docs/SPACING.md](./docs/SPACING.md)
+- [docs/PROPS-VOCABULARY.md](./docs/PROPS-VOCABULARY.md) · [docs/PROPS-REGISTRY.md](./docs/PROPS-REGISTRY.md)
+- [docs/DATETIME.md](./docs/DATETIME.md) · [docs/FORMS.md](./docs/FORMS.md) · [docs/TESTING.md](./docs/TESTING.md)
+- MCP: **godxjp-ui-mcp** (`.mcp.json`)

package/package.json

@@ -1,162 +1,158 @@
 {
   "name": "@godxjp/ui",
-  "version": "5.0.2",
-  "description": "GoDX professional UI framework — design tokens, primitives, shell, i18n, hooks, and toolchain config shared across every service frontend. Source of truth for the GoDX visual language.",
+  "version": "6.0.0",
   "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
-    "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/godx-jp/godxjp-ui.git"
-  },
-  "homepage": "https://github.com/godx-jp/godxjp-ui#readme",
-  "license": "Apache-2.0",
+  "description": "@godxjp/ui — shared React UI framework (shadcn + Radix + Tailwind v4).",
   "files": [
-    "dist",
-    "src/tokens",
-    "config",
-    "BRAND.md",
-    "CHANGELOG.md"
+    "src",
+    "scripts/ui-audit.mjs",
+    "README.md"
   ],
+  "main": "./src/index.ts",
+  "types": "./src/index.ts",
+  "exports": {
+    ".": "./src/index.ts",
+    "./styles": "./src/styles/index.css",
+    "./tokens": "./src/tokens/base.css",
+    "./admin": "./src/components/admin/index.ts",
+    "./layout": "./src/components/layout/index.ts",
+    "./general": "./src/components/general/index.ts",
+    "./data-entry": "./src/components/data-entry/index.ts",
+    "./data-display": "./src/components/data-display/index.ts",
+    "./feedback": "./src/components/feedback/index.ts",
+    "./query": "./src/components/query/index.ts",
+    "./ui": "./src/components/ui/index.tsx",
+    "./navigation": "./src/components/navigation/index.ts",
+    "./props": "./src/props/index.ts",
+    "./props/vocabulary": "./src/props/vocabulary/index.ts",
+    "./props/components": "./src/props/components/index.ts",
+    "./props/registry": "./src/props/registry.ts",
+    "./form": "./src/form/index.ts",
+    "./app": "./src/app/index.ts",
+    "./datetime": "./src/lib/datetime/index.ts",
+    "./i18n": "./src/i18n/index.ts",
+    "./lib/utils": "./src/lib/utils.ts",
+    "./ui/button": "./src/components/general/button.tsx",
+    "./ui/badge": "./src/components/data-display/badge.tsx",
+    "./ui/card": "./src/components/data-display/card.tsx",
+    "./ui/table": "./src/components/data-display/table.tsx",
+    "./ui/input": "./src/components/data-entry/input.tsx",
+    "./ui/label": "./src/components/data-entry/label.tsx",
+    "./ui/select": "./src/components/data-entry/select.tsx",
+    "./ui/checkbox": "./src/components/data-entry/checkbox.tsx",
+    "./ui/radio": "./src/components/data-entry/radio.tsx",
+    "./ui/switch": "./src/components/data-entry/switch.tsx",
+    "./ui/slider": "./src/components/data-entry/slider.tsx",
+    "./ui/calendar": "./src/components/data-entry/calendar.tsx",
+    "./ui/date-picker": "./src/components/data-entry/date-picker.tsx",
+    "./ui/date-range-picker": "./src/components/data-entry/date-range-picker.tsx",
+    "./ui/time-picker": "./src/components/data-entry/time-picker.tsx",
+    "./ui/color-picker": "./src/components/data-entry/color-picker.tsx",
+    "./ui/autocomplete": "./src/components/data-entry/autocomplete.tsx",
+    "./ui/upload": "./src/components/data-entry/upload.tsx",
+    "./ui/cascader": "./src/components/data-entry/cascader.tsx",
+    "./ui/tree-select": "./src/components/data-entry/tree-select.tsx",
+    "./ui/transfer": "./src/components/data-entry/transfer.tsx",
+    "./ui/command": "./src/components/data-entry/command.tsx",
+    "./ui/scroll-area": "./src/components/data-display/scroll-area.tsx",
+    "./ui/popover": "./src/components/data-display/popover.tsx",
+    "./ui/textarea": "./src/components/data-entry/textarea.tsx",
+    "./ui/dialog": "./src/components/feedback/dialog.tsx",
+    "./ui/alert-dialog": "./src/components/feedback/dialog.tsx",
+    "./ui/alert": "./src/components/feedback/alert.tsx",
+    "./ui/sonner": "./src/components/feedback/sonner.tsx",
+    "./ui/tabs": "./src/components/navigation/tabs.tsx",
+    "./ui/tabs-items": "./src/components/navigation/tabs-items.tsx",
+    "./ui/pagination": "./src/components/navigation/pagination.tsx",
+    "./ui/steps": "./src/components/navigation/steps.tsx",
+    "./ui/sheet": "./src/components/feedback/sheet.tsx",
+    "./ui/dropdown-menu": "./src/components/navigation/dropdown-menu.tsx"
+  },
   "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build -o storybook-static",
-    "type-check": "tsc --noEmit",
+    "typecheck": "tsc --noEmit -p tsconfig.json",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --check .",
+    "format:fix": "prettier --write .",
     "test": "vitest run",
     "test:watch": "vitest",
-    "test:stories": "vitest run --project storybook",
-    "test:unit": "vitest run --project unit",
-    "lint:tokens": "node scripts/lint-tokens.mjs",
-    "check:stories-parity": "node scripts/check-stories-parity.mjs",
-    "check:docs-parity": "node scripts/check-docs-parity.mjs",
-    "sync:skills": "bash scripts/sync-skills.sh",
-    "sync:skills:apply": "bash scripts/sync-skills.sh --apply",
-    "prepublishOnly": "npm run build",
-    "prepare": "husky"
+    "test:coverage": "vitest run --coverage",
+    "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm test",
+    "verify:release": "pnpm typecheck && pnpm lint && pnpm preview:build && pnpm test",
+    "preview": "node preview/scripts/kill-port.mjs && vite --config preview/vite.config.ts --port 6008 --strictPort",
+    "preview:build": "vite build --config preview/vite.config.ts",
+    "docs:sync-primitives": "node preview/scripts/sync-primitive-docs.mjs && prettier --write \"docs/primitives/**/*.tsx\"",
+    "audit": "node scripts/ui-audit.mjs"
   },
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    },
-    "./tailwind": "./src/tokens/tailwind.css",
-    "./tailwind.css": "./src/tokens/tailwind.css",
-    "./styles": "./src/styles/index.css",
-    "./styles/index.css": "./src/styles/index.css",
-    "./styles/theme.css": "./src/styles/theme.css",
-    "./styles/base.css": "./src/styles/base.css",
-    "./styles/shell.css": "./src/styles/shell.css",
-    "./styles/sonner.css": "./src/styles/sonner.css",
-    "./tokens": "./src/styles/theme.css",
-    "./tokens.css": "./src/styles/theme.css",
-    "./tokens-ext.css": "./src/styles/shell.css",
-    "./sonner.css": "./src/styles/sonner.css",
-    "./i18n": {
-      "types": "./dist/i18n.d.ts",
-      "import": "./dist/i18n.js"
-    },
-    "./hooks": {
-      "types": "./dist/hooks.d.ts",
-      "import": "./dist/hooks.js"
-    },
-    "./props": {
-      "types": "./dist/props.d.ts",
-      "import": "./dist/props.js"
-    },
-    "./primitives": {
-      "types": "./dist/components/primitives.d.ts",
-      "import": "./dist/components/primitives.js"
-    },
-    "./components/primitives": {
-      "types": "./dist/components/primitives.d.ts",
-      "import": "./dist/components/primitives.js"
-    },
-    "./components/shell": {
-      "types": "./dist/components/shell.d.ts",
-      "import": "./dist/components/shell.js"
-    },
-    "./components/composites": {
-      "types": "./dist/components/composites.d.ts",
-      "import": "./dist/components/composites.js"
-    },
-    "./preferences": {
-      "types": "./dist/preferences.d.ts",
-      "import": "./dist/preferences.js"
-    },
-    "./eslint-config": "./config/eslint.js",
-    "./prettier-config": "./config/prettier.cjs",
-    "./tsconfig": "./config/tsconfig.base.json",
-    "./vitest-config": "./config/vitest.base.ts"
+  "peerDependencies": {
+    "@hookform/resolvers": "^5.2.0",
+    "@tanstack/react-query": ">=5.0.0",
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0",
+    "react-hook-form": "^7.76.0",
+    "react-router-dom": ">=7.0.0",
+    "tailwindcss": ">=4.0.0",
+    "zod": "^4.4.0"
   },
   "dependencies": {
-    "@hookform/resolvers": "^5.2.2",
-    "@internationalized/date": "^3.10.0",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-context": "^1.1.2",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-label": "^2.1.8",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-collapsible": "^1.1.12",
     "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.8",
     "@radix-ui/react-slider": "^1.3.6",
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "@radix-ui/react-visually-hidden": "^1.2.4",
-    "@tanstack/react-table": "^8.21.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
-    "i18next": "^26.2.0",
-    "i18next-browser-languagedetector": "^8.2.1",
-    "lucide-react": "^1.16.0",
-    "qrcode": "^1.5.4",
-    "react-aria-components": "^1.13.0",
-    "react-easy-crop": "^5.5.7",
-    "react-hook-form": "^7.76.0",
-    "react-i18next": "^17.0.8",
+    "@date-fns/tz": "^1.5.0",
+    "date-fns": "^4.1.0",
+    "lucide-react": "^1.14.0",
+    "react-day-picker": "^10.0.1",
     "sonner": "^2.0.7",
-    "tailwind-merge": "^3.6.0",
-    "zod": "^4.4.3"
-  },
-  "peerDependencies": {
-    "react": "^18 || ^19",
-    "react-dom": "^18 || ^19",
-    "tailwindcss": "^4"
+    "tailwind-merge": "^3.5.0",
+    "tailwindcss-animate": "^1.0.7",
+    "@fontsource/m-plus-2": "^5.2.9"
   },
   "devDependencies": {
-    "@storybook/addon-docs": "^10.4.0",
-    "@storybook/addon-vitest": "^10.4.0",
-    "@storybook/react": "^10.4.0",
-    "@storybook/react-vite": "^10.4.0",
-    "@tailwindcss/vite": "^4.3.0",
-    "@types/qrcode": "^1.5.6",
+    "@eslint/js": "^9.39.4",
+    "@hookform/resolvers": "^5.2.2",
+    "@tailwindcss/vite": "^4.2.4",
+    "@tanstack/react-query": "^5.100.9",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.2",
-    "@vitest/browser": "^4.1.6",
-    "@vitest/browser-playwright": "^4.1.6",
-    "axios": "^1.16.1",
-    "husky": "^9.1.7",
-    "playwright": "^1.60.0",
-    "prettier": "^3.8.3",
-    "storybook": "^10.4.0",
-    "tsup": "^8.5.1",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/coverage-v8": "^4.1.5",
+    "eslint": "^9.39.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "globals": "^15.15.0",
+    "jsdom": "^29.1.1",
+    "prettier": "^3.6.2",
+    "prettier-plugin-tailwindcss": "^0.6.14",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "react-hook-form": "^7.76.0",
+    "react-router-dom": "^7.15.0",
+    "tailwindcss": "^4.2.4",
     "typescript": "^6.0.3",
-    "vite": "^8.0.13",
-    "vitest": "^4.1.6"
+    "typescript-eslint": "^8.60.0",
+    "vite": "^8.0.10",
+    "vitest": "^4.1.5",
+    "zod": "^4.4.3"
+  },
+  "bin": {
+    "godxjp-ui-audit": "scripts/ui-audit.mjs"
   }
 }