@godxjp/ui 16.7.1 → 16.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (143) hide show
  1. package/dist/app/app-provider.js +1 -0
  2. package/dist/app/locales.js +1 -0
  3. package/dist/app/use-formatting.js +1 -0
  4. package/dist/components/charts/area-chart.js +1 -0
  5. package/dist/components/charts/bar-chart.js +1 -0
  6. package/dist/components/charts/chart-cartesian.js +1 -0
  7. package/dist/components/charts/chart-frame.js +1 -0
  8. package/dist/components/charts/line-chart.js +1 -0
  9. package/dist/components/charts/pie-chart.js +1 -0
  10. package/dist/components/data-display/accordion.js +1 -0
  11. package/dist/components/data-display/avatar.js +1 -0
  12. package/dist/components/data-display/badge.js +1 -0
  13. package/dist/components/data-display/carousel.js +1 -0
  14. package/dist/components/data-display/collapsible.js +1 -0
  15. package/dist/components/data-display/data-table.js +1 -0
  16. package/dist/components/data-display/descriptions.js +1 -0
  17. package/dist/components/data-display/hover-card.js +1 -0
  18. package/dist/components/data-display/popover.js +1 -0
  19. package/dist/components/data-display/progress.js +1 -0
  20. package/dist/components/data-display/scroll-area.js +1 -0
  21. package/dist/components/data-display/tree-list.js +1 -0
  22. package/dist/components/data-entry/calendar.js +1 -0
  23. package/dist/components/data-entry/cascader.js +1 -0
  24. package/dist/components/data-entry/checkbox-group.js +1 -0
  25. package/dist/components/data-entry/checkbox.js +1 -0
  26. package/dist/components/data-entry/color-picker.js +1 -0
  27. package/dist/components/data-entry/command.js +1 -0
  28. package/dist/components/data-entry/date-picker.js +1 -0
  29. package/dist/components/data-entry/date-range-picker.js +1 -0
  30. package/dist/components/data-entry/field.js +1 -0
  31. package/dist/components/data-entry/form-field.js +1 -0
  32. package/dist/components/data-entry/form.js +1 -0
  33. package/dist/components/data-entry/input-otp.js +1 -0
  34. package/dist/components/data-entry/input.js +1 -0
  35. package/dist/components/data-entry/label.js +1 -0
  36. package/dist/components/data-entry/month-picker.js +1 -0
  37. package/dist/components/data-entry/month-range-picker.js +1 -0
  38. package/dist/components/data-entry/number-input.js +1 -0
  39. package/dist/components/data-entry/password-input.js +1 -0
  40. package/dist/components/data-entry/password-strength.js +1 -0
  41. package/dist/components/data-entry/radio.js +1 -0
  42. package/dist/components/data-entry/rating.js +1 -0
  43. package/dist/components/data-entry/search-input.js +1 -0
  44. package/dist/components/data-entry/search-select.js +1 -0
  45. package/dist/components/data-entry/select.js +1 -0
  46. package/dist/components/data-entry/slider.js +1 -0
  47. package/dist/components/data-entry/switch.js +1 -0
  48. package/dist/components/data-entry/tag-input.js +1 -0
  49. package/dist/components/data-entry/textarea.js +1 -0
  50. package/dist/components/data-entry/time-picker.js +1 -0
  51. package/dist/components/data-entry/toggle-group.js +1 -0
  52. package/dist/components/data-entry/toggle.js +1 -0
  53. package/dist/components/data-entry/transfer.js +1 -0
  54. package/dist/components/data-entry/tree-select.js +1 -0
  55. package/dist/components/data-entry/upload-crop-dialog.js +1 -0
  56. package/dist/components/data-entry/upload.js +1 -0
  57. package/dist/components/data-entry/use-upload-draft.js +1 -0
  58. package/dist/components/feedback/alert.js +1 -0
  59. package/dist/components/feedback/dialog.js +1 -0
  60. package/dist/components/feedback/sheet.js +1 -0
  61. package/dist/components/feedback/sonner.js +1 -0
  62. package/dist/components/feedback/tooltip.js +1 -0
  63. package/dist/components/feedback/use-toast.js +1 -0
  64. package/dist/components/general/button.js +1 -0
  65. package/dist/components/layout/app-shell.js +1 -0
  66. package/dist/components/layout/aspect-ratio.js +1 -0
  67. package/dist/components/layout/breadcrumb.js +1 -0
  68. package/dist/components/layout/page-container.js +1 -0
  69. package/dist/components/layout/resizable.js +1 -0
  70. package/dist/components/layout/separator.js +1 -0
  71. package/dist/components/layout/sidebar.js +1 -0
  72. package/dist/components/navigation/app-setting-picker.js +1 -0
  73. package/dist/components/navigation/context-menu.js +1 -0
  74. package/dist/components/navigation/dropdown-menu.js +1 -0
  75. package/dist/components/navigation/filter-bar.js +1 -0
  76. package/dist/components/navigation/menubar.js +1 -0
  77. package/dist/components/navigation/navigation-menu.js +1 -0
  78. package/dist/components/navigation/pagination.js +1 -0
  79. package/dist/components/navigation/steps.js +1 -0
  80. package/dist/components/navigation/tabs.js +1 -0
  81. package/dist/components/query/data-state.js +1 -0
  82. package/dist/components/query/infinite-query-state.js +1 -0
  83. package/dist/components/query/mutation-feedback.js +1 -0
  84. package/dist/components/query/prefetch-link.js +1 -0
  85. package/dist/components/query/query-refetch-button.js +1 -0
  86. package/dist/components/ui/accordion.js +1 -0
  87. package/dist/components/ui/alert-dialog.js +1 -0
  88. package/dist/components/ui/alert.js +1 -0
  89. package/dist/components/ui/aspect-ratio.js +1 -0
  90. package/dist/components/ui/avatar.js +1 -0
  91. package/dist/components/ui/badge.js +1 -0
  92. package/dist/components/ui/button.js +1 -0
  93. package/dist/components/ui/calendar.js +1 -0
  94. package/dist/components/ui/carousel.js +1 -0
  95. package/dist/components/ui/checkbox.js +1 -0
  96. package/dist/components/ui/color-picker.js +1 -0
  97. package/dist/components/ui/command.js +1 -0
  98. package/dist/components/ui/context-menu.js +1 -0
  99. package/dist/components/ui/date-picker.js +1 -0
  100. package/dist/components/ui/date-range-picker.js +1 -0
  101. package/dist/components/ui/dialog.js +1 -0
  102. package/dist/components/ui/dropdown-menu.js +1 -0
  103. package/dist/components/ui/hover-card.js +1 -0
  104. package/dist/components/ui/index.js +1 -0
  105. package/dist/components/ui/input-otp.js +1 -0
  106. package/dist/components/ui/input.js +1 -0
  107. package/dist/components/ui/label.js +1 -0
  108. package/dist/components/ui/menubar.js +1 -0
  109. package/dist/components/ui/navigation-menu.js +1 -0
  110. package/dist/components/ui/pagination.js +1 -0
  111. package/dist/components/ui/password-input.js +1 -0
  112. package/dist/components/ui/password-strength.js +1 -0
  113. package/dist/components/ui/popover.js +1 -0
  114. package/dist/components/ui/radio.js +1 -0
  115. package/dist/components/ui/rating.js +1 -0
  116. package/dist/components/ui/resizable.js +1 -0
  117. package/dist/components/ui/scroll-area.js +1 -0
  118. package/dist/components/ui/select.js +1 -0
  119. package/dist/components/ui/separator.js +1 -0
  120. package/dist/components/ui/sheet.js +1 -0
  121. package/dist/components/ui/slider.js +1 -0
  122. package/dist/components/ui/sonner.js +1 -0
  123. package/dist/components/ui/switch.js +1 -0
  124. package/dist/components/ui/tabs.js +1 -0
  125. package/dist/components/ui/tag-input.js +1 -0
  126. package/dist/components/ui/textarea.js +1 -0
  127. package/dist/components/ui/time-picker.js +1 -0
  128. package/dist/components/ui/toggle-group.js +1 -0
  129. package/dist/components/ui/toggle.js +1 -0
  130. package/dist/components/ui/upload.js +1 -0
  131. package/dist/form/form-field-control.js +1 -0
  132. package/dist/form/use-zod-form.js +1 -0
  133. package/dist/i18n/use-translation.js +1 -0
  134. package/dist/lib/hooks.js +1 -0
  135. package/dist/props/components/app.prop.js +1 -0
  136. package/dist/props/components/data-entry.prop.js +1 -0
  137. package/dist/props/components/form.prop.js +1 -0
  138. package/dist/props/components/query.prop.js +1 -0
  139. package/dist/styles/base.css +249 -0
  140. package/dist/styles/fonts.css +22 -0
  141. package/dist/styles/index.css +14 -236
  142. package/dist/theme/famgia.service.css +43 -0
  143. package/package.json +6 -4
package/dist/styles/index.css CHANGED
@@ -1,56 +1,19 @@
1
+ /* ─────────────────────────────────────────────────────────────────────────
2
+ * ALL-IN-ONE stylesheet — fonts + foundation + EVERY component layout layer.
3
+ * Zero-config: `@import "@godxjp/ui/styles";` and everything is styled.
4
+ *
5
+ * For a smaller build that ships only what you render, DON'T use this. Instead:
6
+ * @import "@godxjp/ui/styles/base"; // required foundation
7
+ * @import "@godxjp/ui/styles/control"; // + only the layout layers you use
8
+ * @import "@godxjp/ui/styles/dialog-layout";
9
+ * ...
10
+ * and add `@godxjp/ui/styles/fonts` only if you want the bundled faces.
11
+ * See src/styles/base.css for the full list and rules.
12
+ * ───────────────────────────────────────────────────────────────────────── */
1
13
  @import "sonner/dist/styles.css";
2
14
  @import "react-day-picker/style.css";
3
- /* Bundled sans fonts — self-contained so consumers need no font config. The browser only
4
- * downloads the subset files matching the rendered text:
5
- * · Noto Sans JP — the DEFAULT face (Japanese + Latin), used for all locales except `vi`.
6
- * · Montserrat — swapped in for the Vietnamese locale (`<html lang="vi">`), incl. its
7
- * `vietnamese` subset for full diacritics. See --font-family-sans + :lang(vi). */
8
- @import "@fontsource/noto-sans-jp/400.css";
9
- @import "@fontsource/noto-sans-jp/500.css";
10
- @import "@fontsource/noto-sans-jp/700.css";
11
- @import "@fontsource/montserrat/400.css";
12
- @import "@fontsource/montserrat/500.css";
13
- @import "@fontsource/montserrat/700.css";
14
- @import "tailwindcss";
15
-
16
- /* Vietnamese locale → Montserrat (set by AppProvider via <html lang="vi">). Overrides the
17
- * --font-family-sans token so every body/heading rule that reads it switches automatically. */
18
- :root:lang(vi),
19
- [lang="vi"] {
20
- /* Montserrat for Latin/Vietnamese; Noto Sans JP kept as the tail so any 日本語 in a vi-locale
21
- * screen still has the bundled JP face (Montserrat has no CJK glyphs). */
22
- --font-family-sans:
23
- "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
24
- system-ui, "Noto Sans JP", sans-serif;
25
- }
26
-
27
- /* Guarantee the full set of semantic color utilities ships in the compiled CSS
28
- * even when the library itself only references a few — consumers (and the token
29
- * docs) must be able to use bg/text/border for EVERY semantic role. Without this
30
- * Tailwind's JIT drops unused roles (success/info/attention) → transparent. */
31
- @source inline(
32
- "{bg,text,border,ring}-{primary,secondary,muted,accent,destructive,success,warning,info,attention}"
33
- );
34
- @source inline(
35
- "{bg,text}-{primary,secondary,muted,accent,destructive,success,warning,info,attention}-foreground"
36
- );
37
- /* Extended text hierarchy + interaction-ramp utilities (library may not reference them directly). */
38
- @source inline("{text,bg,border}-{foreground-tertiary,foreground-disabled,link,brand}");
39
- @source inline("bg-{primary,secondary,destructive}-{hover,active}");
40
- /* Force the extended radius steps so Tailwind emits --radius-xs/-xl/-2xl to :root (consumers read
41
- * `var(--radius-2xl)` directly; without a generated utility Tailwind drops the unused var). */
42
- @source inline("rounded-{xs,xl,2xl}");
43
- @source inline("text-2xs");
44
- @source inline("text-{3xl,4xl,5xl}");
45
- @source inline("text-{primary,success,warning,info,error}-strong");
46
- /* `.js` matters: the published package ships only compiled JS under dist (no
47
- * .tsx sources), and this file is copied verbatim into dist/styles — without
48
- * it Tailwind finds no component classes in consumers (unstyled popovers and
49
- * selects, and Radix scroll-lock freezes the page because pointer-events-auto
50
- * is never emitted). In-repo the glob scans src; published, it scans dist. */
51
- @source "../**/*.{tsx,ts,js}";
52
- @import "../tokens/base.css";
53
- @import "./density.css";
15
+ @import "./fonts.css";
16
+ @import "./base.css";
54
17
  @import "./shell-layout.css";
55
18
  @import "./layout.css";
56
19
  @import "./control.css";
@@ -65,188 +28,3 @@
65
28
  @import "./form-layout.css";
66
29
  @import "./navigation-layout.css";
67
30
  @import "./chart-layout.css";
68
-
69
- /* `inline` (NOT a bare @theme): Tailwind inlines each expression — e.g. `hsl(var(--primary))` —
70
- * directly into every utility (`bg-primary` becomes `background-color: hsl(var(--primary))`) instead
71
- * of emitting `var(--color-primary)` computed once at :root. This is THE enabler for scoped /
72
- * multi-tenant theming: a `[data-tenant]{ --primary: … }` override now re-resolves at the element,
73
- * so colors and radius propagate into a subtree (a plain @theme froze them at :root, so scoped
74
- * overrides never reached the color utilities). Components read raw tokens like `hsl(var(--primary))`
75
- * directly in their own CSS, so they re-theme the same way. */
76
- @theme inline {
77
- --color-background: hsl(var(--background));
78
- --color-foreground: hsl(var(--foreground));
79
- --color-card: hsl(var(--card));
80
- --color-card-foreground: hsl(var(--card-foreground));
81
- --color-popover: hsl(var(--popover));
82
- --color-popover-foreground: hsl(var(--popover-foreground));
83
- --color-primary: hsl(var(--primary));
84
- --color-primary-foreground: hsl(var(--primary-foreground));
85
- --color-secondary: hsl(var(--secondary));
86
- --color-secondary-foreground: hsl(var(--secondary-foreground));
87
- --color-muted: hsl(var(--muted));
88
- --color-muted-foreground: hsl(var(--muted-foreground));
89
- --color-accent: hsl(var(--accent));
90
- --color-accent-foreground: hsl(var(--accent-foreground));
91
- --color-destructive: hsl(var(--destructive));
92
- --color-destructive-foreground: hsl(var(--destructive-foreground));
93
- --color-border: hsl(var(--border));
94
- --color-input: hsl(var(--input));
95
- --color-ring: hsl(var(--ring));
96
- --color-success: hsl(var(--success));
97
- --color-success-foreground: hsl(var(--success-foreground));
98
- --color-warning: hsl(var(--warning));
99
- --color-warning-foreground: hsl(var(--warning-foreground));
100
- --color-info: hsl(var(--info));
101
- --color-info-foreground: hsl(var(--info-foreground));
102
- --color-attention: hsl(var(--attention));
103
- --color-attention-foreground: hsl(var(--attention-foreground));
104
- /* AA-strong status TEXT colours (text-{success,warning,info,error}-strong) — darker than the
105
- * fills so small coloured labels clear WCAG AA on white; flip light on the dark theme. */
106
- --color-primary-strong: hsl(var(--text-primary));
107
- --color-success-strong: hsl(var(--text-success));
108
- --color-warning-strong: hsl(var(--text-warning));
109
- --color-info-strong: hsl(var(--text-info));
110
- --color-error-strong: hsl(var(--text-error));
111
- --color-chart-1: var(--chart-1);
112
- --color-chart-2: var(--chart-2);
113
- --color-chart-3: var(--chart-3);
114
- --color-chart-4: var(--chart-4);
115
- --color-chart-5: var(--chart-5);
116
- --color-chart-6: var(--chart-6);
117
- /* Golden-ratio radius scale — every step derives from --radius × (--radius-ratio = φ)ⁿ, so
118
- * overriding --radius alone rescales the whole scale proportionally (≈ 1.4/2.3/3.7/6/9.7/15.7px). */
119
- --radius-xs: calc(
120
- var(--radius) / var(--radius-ratio) / var(--radius-ratio) / var(--radius-ratio)
121
- );
122
- --radius-sm: calc(var(--radius) / var(--radius-ratio) / var(--radius-ratio));
123
- --radius-md: calc(var(--radius) / var(--radius-ratio));
124
- --radius-lg: var(--radius);
125
- --radius-xl: calc(var(--radius) * var(--radius-ratio));
126
- --radius-2xl: calc(var(--radius) * var(--radius-ratio) * var(--radius-ratio));
127
- /* Extended text-hierarchy roles (tertiary / disabled / link / brand) → text-* / bg-* utilities. */
128
- --color-foreground-tertiary: hsl(var(--text-tertiary));
129
- --color-foreground-disabled: hsl(var(--text-disabled));
130
- --color-link: hsl(var(--text-link));
131
- --color-brand: hsl(var(--text-brand));
132
- /* Interaction ramp (hover / active) → bg-primary-hover etc. */
133
- --color-primary-hover: hsl(var(--primary-hover));
134
- --color-primary-active: hsl(var(--primary-active));
135
- --color-secondary-hover: hsl(var(--secondary-hover));
136
- --color-secondary-active: hsl(var(--secondary-active));
137
- --color-destructive-hover: hsl(var(--destructive-hover));
138
- --color-destructive-active: hsl(var(--destructive-active));
139
- /* Wire Tailwind's font-sans/mono (and preflight) to the design-system fonts. */
140
- --font-sans: var(--font-family-sans);
141
- --font-mono: var(--font-family-mono);
142
- /* 和色 (wa-iro) accents → bg-wa / text-wa utilities (charts, tags, decoration). */
143
- --color-wa-ai: var(--wa-ai);
144
- --color-wa-gunjo: var(--wa-gunjo);
145
- --color-wa-ruri: var(--wa-ruri);
146
- --color-wa-kon: var(--wa-kon);
147
- --color-wa-wakatake: var(--wa-wakatake);
148
- --color-wa-moegi: var(--wa-moegi);
149
- --color-wa-yamabuki: var(--wa-yamabuki);
150
- --color-wa-shu: var(--wa-shu);
151
- --color-wa-akane: var(--wa-akane);
152
- --color-wa-enji: var(--wa-enji);
153
- --color-wa-sakura: var(--wa-sakura);
154
- --color-wa-sumi: var(--wa-sumi);
155
- --color-wa-nezu: var(--wa-nezu);
156
- /* Wire Tailwind text-* utilities to runtime typography tokens (fontSize toolbar). */
157
- --text-2xs: var(--font-size-2xs);
158
- --text-xs: var(--font-size-xs);
159
- --text-sm: var(--font-size-sm);
160
- --text-base: var(--font-size-base);
161
- --text-lg: var(--font-size-lg);
162
- --text-xl: var(--font-size-xl);
163
- --text-2xl: var(--font-size-2xl);
164
- /* Opt-in DISPLAY ramp (marketing/hero) — wired to the display tokens, unused by the admin scale. */
165
- --text-3xl: var(--font-size-3xl);
166
- --text-4xl: var(--font-size-4xl);
167
- --text-5xl: var(--font-size-5xl);
168
- }
169
-
170
- @layer base {
171
- * {
172
- border-color: hsl(var(--border));
173
- }
174
-
175
- /* Visually-hidden, absolutely-positioned helpers must never affect layout or scroll height.
176
- *
177
- * Radix renders a hidden native form-fallback (BubbleSelect/BubbleInput) for Select, Checkbox,
178
- * Switch and RadioGroup; it is `position:absolute` with NO top/left, so when the control has no
179
- * positioned ancestor its static box resolves far down the page and inflates
180
- * `document.scrollHeight` → phantom empty scroll space (gh#105). The same is true of the
181
- * `.sr-only` clamp (Tailwind / our own status + file-input nodes). These fallbacks are always
182
- * `aria-hidden` + `tabindex=-1`. Pinning every such node to the top-left of its containing block
183
- * makes it impossible for it to extend the scroll height, regardless of consumer markup — no DOM
184
- * wrapper or per-component positioning required. Inside the AppShell the `.app-main { contain:
185
- * paint }` boundary (gh#104) already contains these; this rule protects every other call site too. */
186
- :where(select, input)[aria-hidden="true"][tabindex="-1"],
187
- .sr-only {
188
- top: 0;
189
- inset-inline-start: 0;
190
- }
191
-
192
- body {
193
- background-color: hsl(var(--background));
194
- color: hsl(var(--foreground));
195
- /* Body reads --font-family-body (defaults to --font-family-sans → unchanged); a service that
196
- * wants a dual-font brand (display + body face) overrides --font-family-body alone. */
197
- font-family: var(--font-family-body);
198
- font-size: var(--font-size-base);
199
- line-height: var(--line-height-body);
200
- font-feature-settings:
201
- "cv02",
202
- "cv03",
203
- "cv04",
204
- "cv11",
205
- "rlig" 1,
206
- "calt" 1;
207
- }
208
-
209
- /* Semantic heading scale — SEO + accessibility: real <h1>–<h6> elements carry
210
- * the document outline (one <h1> per page, levels never skipped). Visual size
211
- * follows the dxs-kintai scale; component titles override via their own class.
212
- * Headings read --font-family-display (defaults to --font-family-sans → unchanged) for dual-font
213
- * brands (display face on headings, body face on prose). */
214
- :where(h1, h2, h3, h4, h5, h6) {
215
- font-family: var(--font-family-display);
216
- }
217
-
218
- h1 {
219
- font-size: var(--heading-h1);
220
- font-weight: var(--font-weight-medium);
221
- line-height: var(--line-height-tight);
222
- }
223
-
224
- h2 {
225
- font-size: var(--heading-h2);
226
- font-weight: var(--font-weight-medium);
227
- line-height: var(--line-height-tight);
228
- }
229
-
230
- h3 {
231
- font-size: var(--heading-h3);
232
- font-weight: var(--font-weight-medium);
233
- line-height: var(--line-height-tight);
234
- }
235
-
236
- h4 {
237
- font-size: var(--heading-h4);
238
- font-weight: var(--font-weight-medium);
239
- line-height: var(--line-height-tight);
240
- }
241
-
242
- h5,
243
- h6 {
244
- font-size: var(--font-size-xs);
245
- font-weight: var(--font-weight-medium);
246
- line-height: var(--line-height-tight);
247
- }
248
-
249
- code {
250
- font-family: var(--font-family-mono);
251
- }
252
- }
package/dist/theme/famgia.service.css ADDED
@@ -0,0 +1,43 @@
1
+ /* ───────────────────────────────────────────────────────────────
2
+ * Famgia service theme — ファムジア株式会社
3
+ * Re-themes @godxjp/ui via SEMANTIC TOKENS only (no component CSS).
4
+ * Brand: electric blue #2563EB (primary) + violet #7C3AED (accent gradient).
5
+ * Import this instead of "@godxjp/ui/styles".
6
+ * ─────────────────────────────────────────────────────────────── */
7
+
8
+ @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&display=swap");
9
+ @import "@godxjp/ui/styles";
10
+
11
+ /* ── Light (default) ── */
12
+ :root {
13
+ /* Brand primary ramp — electric blue */
14
+ --primary: 221 83% 53%; /* #2563EB */
15
+ --primary-foreground: 0 0% 100%;
16
+ --primary-hover: 224 71% 48%; /* #1D4ED8 */
17
+ --primary-active: 226 71% 40%; /* #1E40AF */
18
+ --ring: 221 83% 53%;
19
+
20
+ /* Brand-colored text (AA on tint/white) */
21
+ --text-link: 224 76% 45%;
22
+ --text-brand: 221 83% 53%;
23
+ --text-primary: 224 76% 42%;
24
+
25
+ /* Signature brand gradient: blue → violet */
26
+ --gradient-brand: linear-gradient(135deg, hsl(221 83% 53%), hsl(262 83% 58%));
27
+
28
+ /* Typography — Inter (Latin/VI) + Noto Sans JP (kana/kanji) */
29
+ --font-family-sans: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont,
30
+ "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
31
+ }
32
+
33
+ /* ── Dark ── lifted blue for contrast */
34
+ .dark {
35
+ --primary: 221 90% 66%;
36
+ --primary-foreground: 222 47% 11%;
37
+ --primary-hover: 221 90% 72%;
38
+ --primary-active: 221 90% 60%;
39
+ --ring: 221 90% 66%;
40
+ --text-link: 221 90% 72%;
41
+ --text-brand: 221 90% 70%;
42
+ --text-primary: 221 90% 68%;
43
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@godxjp/ui",
3
- "version": "16.7.1",
3
+ "version": "16.8.0",
4
4
  "type": "module",
5
5
  "packageManager": "pnpm@10.29.1",
6
6
  "sideEffects": false,
@@ -25,6 +25,7 @@
25
25
  "import": "./dist/index.js"
26
26
  },
27
27
  "./styles": "./dist/styles/index.css",
28
+ "./styles/*": "./dist/styles/*.css",
28
29
  "./tokens": "./dist/tokens/base.css",
29
30
  "./admin": {
30
31
  "types": "./dist/components/admin/index.d.ts",
@@ -275,7 +276,7 @@
275
276
  "test:coverage": "vitest run --coverage",
276
277
  "check:example-imports": "node scripts/check-example-imports.mjs",
277
278
  "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-token-sync && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm check:audit-sync && pnpm test",
278
- "verify:release": "pnpm typecheck && pnpm typecheck:docs && pnpm lint && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-token-sync && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm check:audit-sync && pnpm check:mcp-prop-sync && pnpm check:contrast && pnpm test",
279
+ "verify:release": "pnpm typecheck && pnpm typecheck:docs && pnpm lint && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:use-client && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-token-sync && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm check:audit-sync && pnpm check:mcp-prop-sync && pnpm check:contrast && pnpm test",
279
280
  "check:mcp-sync": "node scripts/check-mcp-sync.mjs",
280
281
  "check:mcp-orphans": "node scripts/check-mcp-orphans.mjs",
281
282
  "check:mcp-prop-sync": "node scripts/check-mcp-prop-sync.mjs",
@@ -293,14 +294,15 @@
293
294
  "docs:sync-primitives": "node preview/scripts/sync-primitive-docs.mjs && prettier --write \"docs/primitives/**/*.tsx\"",
294
295
  "audit": "node scripts/ui-audit.mjs",
295
296
  "audit:examples": "node scripts/ui-audit.mjs docs",
296
- "build": "tsup && tsc -p tsconfig.build.json && node scripts/copy-styles.mjs",
297
+ "build": "tsup && tsc -p tsconfig.build.json && node scripts/copy-styles.mjs && node scripts/add-use-client.mjs",
297
298
  "dev": "node scripts/dev.mjs",
298
299
  "prepublishOnly": "pnpm run build",
299
300
  "check:audit-sync": "node scripts/check-audit-sync.mjs",
300
301
  "check:contrast": "node scripts/check-contrast.mjs",
301
302
  "visual-audit": "node scripts/visual-audit.mjs",
302
303
  "postinstall": "node scripts/postinstall.mjs",
303
- "init-agent": "node scripts/init-agent-kit.mjs"
304
+ "init-agent": "node scripts/init-agent-kit.mjs",
305
+ "check:use-client": "node scripts/check-use-client.mjs"
304
306
  },
305
307
  "peerDependencies": {
306
308
  "@axe-core/playwright": "*",