@naeil/ui 0.1.0 → 0.3.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 (170) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/DESIGN.md +186 -0
  3. package/LICENSE +21 -0
  4. package/README.md +85 -22
  5. package/THIRD_PARTY_NOTICES.md +49 -0
  6. package/dist/chunk-JBTDRVZ7.js +46 -0
  7. package/dist/chunk-QKVN6Q6C.js +438 -0
  8. package/dist/components/index.d.ts +87 -0
  9. package/dist/components/index.js +832 -0
  10. package/dist/components/ui/index.d.ts +105 -0
  11. package/dist/components/ui/index.js +736 -0
  12. package/dist/lib/utils.d.ts +5 -0
  13. package/dist/lib/utils.js +7 -0
  14. package/dist/source/components/footer.d.ts +15 -0
  15. package/dist/source/components/footer.js +172 -0
  16. package/dist/source/components/index.d.ts +11 -0
  17. package/dist/source/components/index.js +26 -0
  18. package/dist/source/components/locale-switcher.d.ts +17 -0
  19. package/dist/source/components/locale-switcher.js +66 -0
  20. package/dist/source/components/logo.d.ts +9 -0
  21. package/dist/source/components/logo.js +52 -0
  22. package/dist/source/components/nav.d.ts +39 -0
  23. package/dist/source/components/nav.js +412 -0
  24. package/dist/source/components/theme-provider.d.ts +6 -0
  25. package/dist/source/components/theme-provider.js +45 -0
  26. package/dist/source/components/theme-toggle-icon.d.ts +5 -0
  27. package/dist/source/components/theme-toggle-icon.js +62 -0
  28. package/dist/source/components/theme-toggle.d.ts +5 -0
  29. package/dist/source/components/theme-toggle.js +34 -0
  30. package/dist/source/components/typography.d.ts +12 -0
  31. package/dist/source/components/typography.js +49 -0
  32. package/dist/source/components/ui/avatar.d.ts +14 -0
  33. package/dist/source/components/ui/avatar.js +137 -0
  34. package/dist/source/components/ui/badge.d.ts +13 -0
  35. package/dist/source/components/ui/badge.js +76 -0
  36. package/dist/source/components/ui/button.d.ts +14 -0
  37. package/dist/source/components/ui/button.js +88 -0
  38. package/dist/source/components/ui/card.d.ts +13 -0
  39. package/dist/source/components/ui/card.js +135 -0
  40. package/dist/source/components/ui/checkbox.d.ts +7 -0
  41. package/dist/source/components/ui/checkbox.js +58 -0
  42. package/dist/source/components/ui/dialog.d.ts +20 -0
  43. package/dist/source/components/ui/dialog.js +182 -0
  44. package/dist/source/components/ui/dropdown-menu.d.ts +28 -0
  45. package/dist/source/components/ui/dropdown-menu.js +282 -0
  46. package/dist/source/components/ui/index.d.ts +19 -0
  47. package/dist/source/components/ui/index.js +131 -0
  48. package/dist/source/components/ui/input.d.ts +6 -0
  49. package/dist/source/components/ui/input.js +49 -0
  50. package/dist/source/components/ui/select.d.ts +16 -0
  51. package/dist/source/components/ui/select.js +197 -0
  52. package/dist/source/components/ui/sonner.d.ts +6 -0
  53. package/dist/source/components/ui/sonner.js +80 -0
  54. package/dist/source/components/ui/switch.d.ts +7 -0
  55. package/dist/source/components/ui/switch.js +54 -0
  56. package/dist/source/components/ui/tabs.d.ts +10 -0
  57. package/dist/source/components/ui/tabs.js +57 -0
  58. package/dist/source/components/ui/textarea.d.ts +6 -0
  59. package/dist/source/components/ui/textarea.js +46 -0
  60. package/dist/source/i18n/config.d.ts +6 -0
  61. package/dist/source/i18n/config.js +12 -0
  62. package/dist/source/i18n/routing.d.ts +371 -0
  63. package/dist/source/i18n/routing.js +17 -0
  64. package/dist/source/lib/design/modal-inert.d.ts +6 -0
  65. package/dist/source/lib/design/modal-inert.js +73 -0
  66. package/dist/source/lib/utils.d.ts +5 -0
  67. package/dist/source/lib/utils.js +8 -0
  68. package/dist/tokens.ts +217 -0
  69. package/docs/components/README.md +21 -0
  70. package/docs/components/avatar.md +47 -0
  71. package/docs/components/badge.md +29 -0
  72. package/docs/components/button.md +39 -0
  73. package/docs/components/card.md +32 -0
  74. package/docs/components/checkbox.md +35 -0
  75. package/docs/components/common.md +31 -0
  76. package/docs/components/composition.md +68 -0
  77. package/docs/components/dialog.md +41 -0
  78. package/docs/components/dropdown-menu.md +38 -0
  79. package/docs/components/input.md +32 -0
  80. package/docs/components/select.md +39 -0
  81. package/docs/components/sonner.md +37 -0
  82. package/docs/components/switch.md +33 -0
  83. package/docs/components/tabs.md +40 -0
  84. package/docs/components/textarea.md +35 -0
  85. package/docs/design/component-demand.md +30 -0
  86. package/docs/design/public-ui-final-verification.md +96 -0
  87. package/docs/design/public-ui-release-validation.md +86 -0
  88. package/docs/design/public-ui-stage3-verification.md +98 -0
  89. package/docs/design/public-ui-stage4-verification.md +129 -0
  90. package/docs/design/public-ui-support.md +40 -0
  91. package/docs/design/v2-migration.md +199 -0
  92. package/docs/package-release.md +89 -0
  93. package/licenses/Noto-Sans-JP-OFL.txt +93 -0
  94. package/licenses/Nunito-Sans-OFL.txt +93 -0
  95. package/licenses/Pretendard-OFL.txt +94 -0
  96. package/licenses/React-MIT.txt +21 -0
  97. package/licenses/Storybook-MIT.txt +21 -0
  98. package/licenses/popper-MIT.txt +25 -0
  99. package/licenses/react-remove-scroll-bar-MIT.txt +21 -0
  100. package/licenses/store2-MIT.txt +22 -0
  101. package/licenses/toggle-selection-MIT.txt +21 -0
  102. package/package.json +215 -26
  103. package/src/styles/components.css +276 -0
  104. package/src/styles/globals.css +18 -0
  105. package/src/styles/theme.css +293 -0
  106. package/messages/en.json +0 -221
  107. package/messages/ja.json +0 -221
  108. package/messages/ko.json +0 -221
  109. package/postcss.config.mjs +0 -7
  110. package/src/app/[locale]/(content)/baby-agent/page.tsx +0 -30
  111. package/src/app/[locale]/(content)/blog/page.tsx +0 -68
  112. package/src/app/[locale]/(content)/cc/page.tsx +0 -216
  113. package/src/app/[locale]/(content)/design/page.tsx +0 -703
  114. package/src/app/[locale]/(content)/layout.tsx +0 -7
  115. package/src/app/[locale]/(content)/pkm/page.tsx +0 -31
  116. package/src/app/[locale]/(content)/projects/page.tsx +0 -100
  117. package/src/app/[locale]/(content)/sa/page.tsx +0 -179
  118. package/src/app/[locale]/(landing)/page.tsx +0 -157
  119. package/src/app/[locale]/layout.tsx +0 -72
  120. package/src/app/[locale]/login/actions.ts +0 -10
  121. package/src/app/[locale]/login/oauth-buttons.tsx +0 -78
  122. package/src/app/[locale]/login/page.tsx +0 -85
  123. package/src/app/auth/callback/route.ts +0 -78
  124. package/src/app/favicon.ico +0 -0
  125. package/src/app/globals.css +0 -32
  126. package/src/app/layout.tsx +0 -22
  127. package/src/app/sitemap.ts +0 -26
  128. package/src/components/accent-picker.tsx +0 -62
  129. package/src/components/auth-slot.tsx +0 -96
  130. package/src/components/footer-wrapper.tsx +0 -8
  131. package/src/components/footer.tsx +0 -193
  132. package/src/components/hero-scene.tsx +0 -948
  133. package/src/components/hero-section.tsx +0 -57
  134. package/src/components/locale-switcher.tsx +0 -74
  135. package/src/components/logo.tsx +0 -51
  136. package/src/components/nav-server-wrapper.tsx +0 -22
  137. package/src/components/nav-wrapper.tsx +0 -45
  138. package/src/components/nav.tsx +0 -550
  139. package/src/components/paraglider-cursor.tsx +0 -112
  140. package/src/components/project-layout.tsx +0 -194
  141. package/src/components/theme-provider.tsx +0 -10
  142. package/src/components/theme-toggle-icon.tsx +0 -62
  143. package/src/components/theme-toggle.tsx +0 -39
  144. package/src/components/typography.tsx +0 -27
  145. package/src/components/ui/avatar.tsx +0 -109
  146. package/src/components/ui/badge.tsx +0 -47
  147. package/src/components/ui/button.tsx +0 -65
  148. package/src/components/ui/card.tsx +0 -106
  149. package/src/components/ui/dialog.tsx +0 -158
  150. package/src/components/ui/dropdown-menu.tsx +0 -257
  151. package/src/components/ui/input.tsx +0 -21
  152. package/src/components/ui/sonner.tsx +0 -54
  153. package/src/components/workflow-diagram.tsx +0 -414
  154. package/src/i18n/config.ts +0 -8
  155. package/src/i18n/request.ts +0 -16
  156. package/src/i18n/routing.ts +0 -12
  157. package/src/lib/supabase/client.ts +0 -18
  158. package/src/lib/supabase/middleware.ts +0 -42
  159. package/src/lib/supabase/server.ts +0 -37
  160. package/src/lib/utils.ts +0 -6
  161. package/src/proxy.ts +0 -62
  162. package/src/tokens/.gitkeep +0 -0
  163. package/src/tokens/color.json +0 -56
  164. package/src/tokens/radius.json +0 -9
  165. package/src/tokens/semantic.json +0 -81
  166. package/src/tokens/shadow.json +0 -7
  167. package/src/tokens/spacing.json +0 -16
  168. package/src/tokens/typography.json +0 -34
  169. package/src/types/i18n.d.ts +0 -6
  170. package/src/utils/.gitkeep +0 -0
package/src/tokens/radius.json DELETED
@@ -1,9 +0,0 @@
1
- {
2
- "radius": {
3
- "$description": "Border radius — mechanical aesthetic, no excessive rounding. lg(8px) is the maximum.",
4
- "none": { "$type": "dimension", "$value": "0px" },
5
- "sm": { "$type": "dimension", "$value": "2px" },
6
- "md": { "$type": "dimension", "$value": "4px" },
7
- "lg": { "$type": "dimension", "$value": "8px" }
8
- }
9
- }
package/src/tokens/semantic.json DELETED
@@ -1,81 +0,0 @@
1
- {
2
- "semantic": {
3
- "$description": "Semantic token mappings — references primitive tokens. Dark-first design.",
4
- "light": {
5
- "$description": "Light mode values (`:root`)",
6
- "background": { "$type": "color", "$value": "{color.white}" },
7
- "foreground": { "$type": "color", "$value": "{color.gray.950}" },
8
- "card": { "$type": "color", "$value": "{color.white}" },
9
- "card-foreground": { "$type": "color", "$value": "{color.gray.950}" },
10
- "popover": { "$type": "color", "$value": "{color.white}" },
11
- "popover-foreground": { "$type": "color", "$value": "{color.gray.950}" },
12
- "primary": { "$type": "color", "$value": "{color.gray.900}" },
13
- "primary-foreground": { "$type": "color", "$value": "{color.gray.50}" },
14
- "secondary": { "$type": "color", "$value": "{color.gray.100}" },
15
- "secondary-foreground": { "$type": "color", "$value": "{color.gray.900}" },
16
- "muted": { "$type": "color", "$value": "{color.gray.100}" },
17
- "muted-foreground": { "$type": "color", "$value": "{color.gray.500}" },
18
- "accent": { "$type": "color", "$value": "{color.gray.100}" },
19
- "accent-foreground": { "$type": "color", "$value": "{color.gray.900}" },
20
- "destructive": { "$type": "color", "$value": "{color.destructive.600}" },
21
- "destructive-foreground": { "$type": "color", "$value": "{color.gray.50}" },
22
- "border": { "$type": "color", "$value": "{color.gray.200}" },
23
- "border-subtle": { "$type": "color", "$value": "oklch(0 0 0 / 6%)" },
24
- "border-subtle-hover": { "$type": "color", "$value": "oklch(0 0 0 / 12%)" },
25
- "surface-subtle": { "$type": "color", "$value": "oklch(0 0 0 / 2%)" },
26
- "input": { "$type": "color", "$value": "{color.gray.200}" },
27
- "ring": { "$type": "color", "$value": "{color.gray.400}" },
28
- "chart-1": { "$type": "color", "$value": "oklch(0.646 0.222 41.116)" },
29
- "chart-2": { "$type": "color", "$value": "oklch(0.6 0.118 184.704)" },
30
- "chart-3": { "$type": "color", "$value": "oklch(0.398 0.07 227.392)" },
31
- "chart-4": { "$type": "color", "$value": "oklch(0.828 0.189 84.429)" },
32
- "chart-5": { "$type": "color", "$value": "oklch(0.769 0.188 70.08)" },
33
- "sidebar": { "$type": "color", "$value": "{color.gray.50}" },
34
- "sidebar-foreground": { "$type": "color", "$value": "{color.gray.950}" },
35
- "sidebar-primary": { "$type": "color", "$value": "{color.gray.900}" },
36
- "sidebar-primary-foreground": { "$type": "color", "$value": "{color.gray.50}" },
37
- "sidebar-accent": { "$type": "color", "$value": "{color.gray.100}" },
38
- "sidebar-accent-foreground": { "$type": "color", "$value": "{color.gray.900}" },
39
- "sidebar-border": { "$type": "color", "$value": "{color.gray.200}" },
40
- "sidebar-ring": { "$type": "color", "$value": "{color.gray.400}" }
41
- },
42
- "dark": {
43
- "$description": "Dark mode values (`.dark`) — default theme",
44
- "background": { "$type": "color", "$value": "{color.gray.950}" },
45
- "foreground": { "$type": "color", "$value": "{color.gray.50}" },
46
- "card": { "$type": "color", "$value": "{color.gray.900}" },
47
- "card-foreground": { "$type": "color", "$value": "{color.gray.50}" },
48
- "popover": { "$type": "color", "$value": "{color.gray.900}" },
49
- "popover-foreground": { "$type": "color", "$value": "{color.gray.50}" },
50
- "primary": { "$type": "color", "$value": "{color.gray.200}" },
51
- "primary-foreground": { "$type": "color", "$value": "{color.gray.900}" },
52
- "secondary": { "$type": "color", "$value": "{color.gray.800}" },
53
- "secondary-foreground": { "$type": "color", "$value": "{color.gray.50}" },
54
- "muted": { "$type": "color", "$value": "{color.gray.800}" },
55
- "muted-foreground": { "$type": "color", "$value": "{color.gray.400}" },
56
- "accent": { "$type": "color", "$value": "{color.gray.800}" },
57
- "accent-foreground": { "$type": "color", "$value": "{color.gray.50}" },
58
- "destructive": { "$type": "color", "$value": "{color.destructive.600}" },
59
- "destructive-foreground": { "$type": "color", "$value": "{color.gray.50}" },
60
- "border": { "$type": "color", "$value": "oklch(1 0 0 / 10%)" },
61
- "border-subtle": { "$type": "color", "$value": "oklch(1 0 0 / 6%)" },
62
- "border-subtle-hover": { "$type": "color", "$value": "oklch(1 0 0 / 12%)" },
63
- "surface-subtle": { "$type": "color", "$value": "oklch(1 0 0 / 3%)" },
64
- "input": { "$type": "color", "$value": "oklch(1 0 0 / 15%)" },
65
- "ring": { "$type": "color", "$value": "{color.gray.500}" },
66
- "chart-1": { "$type": "color", "$value": "{color.accent.700}" },
67
- "chart-2": { "$type": "color", "$value": "oklch(0.696 0.17 162.48)" },
68
- "chart-3": { "$type": "color", "$value": "oklch(0.769 0.188 70.08)" },
69
- "chart-4": { "$type": "color", "$value": "oklch(0.627 0.265 303.9)" },
70
- "chart-5": { "$type": "color", "$value": "oklch(0.645 0.246 16.439)" },
71
- "sidebar": { "$type": "color", "$value": "{color.gray.900}" },
72
- "sidebar-foreground": { "$type": "color", "$value": "{color.gray.50}" },
73
- "sidebar-primary": { "$type": "color", "$value": "{color.accent.700}" },
74
- "sidebar-primary-foreground": { "$type": "color", "$value": "{color.gray.50}" },
75
- "sidebar-accent": { "$type": "color", "$value": "{color.gray.800}" },
76
- "sidebar-accent-foreground": { "$type": "color", "$value": "{color.gray.50}" },
77
- "sidebar-border": { "$type": "color", "$value": "oklch(1 0 0 / 10%)" },
78
- "sidebar-ring": { "$type": "color", "$value": "{color.gray.500}" }
79
- }
80
- }
81
- }
package/src/tokens/shadow.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "shadow": {
3
- "$description": "Minimal shadows for dark-first UI",
4
- "sm": { "$type": "shadow", "$value": "0 1px 2px 0 oklch(0 0 0 / 0.05)" },
5
- "md": { "$type": "shadow", "$value": "0 4px 6px -1px oklch(0 0 0 / 0.1), 0 2px 4px -2px oklch(0 0 0 / 0.1)" }
6
- }
7
- }
package/src/tokens/spacing.json DELETED
@@ -1,16 +0,0 @@
1
- {
2
- "spacing": {
3
- "$description": "4px-based spacing scale (non-linear, Tailwind-like gaps intentional)",
4
- "0": { "$type": "dimension", "$value": "0px" },
5
- "1": { "$type": "dimension", "$value": "4px" },
6
- "2": { "$type": "dimension", "$value": "8px" },
7
- "3": { "$type": "dimension", "$value": "12px" },
8
- "4": { "$type": "dimension", "$value": "16px" },
9
- "5": { "$type": "dimension", "$value": "20px" },
10
- "6": { "$type": "dimension", "$value": "24px" },
11
- "8": { "$type": "dimension", "$value": "32px" },
12
- "10": { "$type": "dimension", "$value": "40px" },
13
- "12": { "$type": "dimension", "$value": "48px" },
14
- "16": { "$type": "dimension", "$value": "64px" }
15
- }
16
- }
package/src/tokens/typography.json DELETED
@@ -1,34 +0,0 @@
1
- {
2
- "font": {
3
- "family": {
4
- "sans": {
5
- "$type": "fontFamily",
6
- "$value": ["Pretendard Variable", "Pretendard", "-apple-system", "system-ui", "sans-serif"]
7
- },
8
- "mono": {
9
- "$type": "fontFamily",
10
- "$value": ["JetBrains Mono", "Geist Mono", "ui-monospace", "monospace"]
11
- }
12
- },
13
- "size": {
14
- "xs": { "$type": "dimension", "$value": "0.75rem" },
15
- "sm": { "$type": "dimension", "$value": "0.875rem" },
16
- "base": { "$type": "dimension", "$value": "1rem" },
17
- "lg": { "$type": "dimension", "$value": "1.125rem" },
18
- "xl": { "$type": "dimension", "$value": "1.25rem" },
19
- "2xl": { "$type": "dimension", "$value": "1.5rem" },
20
- "3xl": { "$type": "dimension", "$value": "1.875rem" },
21
- "4xl": { "$type": "dimension", "$value": "2.25rem" }
22
- },
23
- "weight": {
24
- "normal": { "$type": "number", "$value": 400 },
25
- "medium": { "$type": "number", "$value": 500 },
26
- "bold": { "$type": "number", "$value": 700 }
27
- },
28
- "lineHeight": {
29
- "tight": { "$type": "number", "$value": 1.25 },
30
- "normal": { "$type": "number", "$value": 1.5 },
31
- "relaxed": { "$type": "number", "$value": 1.75 }
32
- }
33
- }
34
- }
package/src/types/i18n.d.ts DELETED
@@ -1,6 +0,0 @@
1
- type Messages = typeof import("../../messages/en.json");
2
-
3
- declare global {
4
- // eslint-disable-next-line @typescript-eslint/no-empty-object-type
5
- interface IntlMessages extends Messages {}
6
- }
package/src/utils/.gitkeep DELETED
File without changes