@neasg/design-system 0.1.3 → 0.2.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 (187) hide show
  1. package/README.md +84 -9
  2. package/dist/animated-icons/arrow-down.d.ts +10 -0
  3. package/dist/animated-icons/arrow-down.js +54 -0
  4. package/dist/animated-icons/arrow-up.d.ts +10 -0
  5. package/dist/animated-icons/arrow-up.js +54 -0
  6. package/dist/animated-icons/bell.d.ts +10 -0
  7. package/dist/animated-icons/bell.js +42 -0
  8. package/dist/animated-icons/bold.d.ts +10 -0
  9. package/dist/animated-icons/bold.js +45 -0
  10. package/dist/animated-icons/book-open.d.ts +10 -0
  11. package/dist/animated-icons/book-open.js +55 -0
  12. package/dist/animated-icons/building.d.ts +10 -0
  13. package/dist/animated-icons/building.js +46 -0
  14. package/dist/animated-icons/check.d.ts +10 -0
  15. package/dist/animated-icons/check.js +55 -0
  16. package/dist/animated-icons/chevron-down.d.ts +10 -0
  17. package/dist/animated-icons/chevron-down.js +42 -0
  18. package/dist/animated-icons/chevron-left.d.ts +10 -0
  19. package/dist/animated-icons/chevron-left.js +42 -0
  20. package/dist/animated-icons/chevron-right.d.ts +10 -0
  21. package/dist/animated-icons/chevron-right.js +42 -0
  22. package/dist/animated-icons/chevron-up.d.ts +10 -0
  23. package/dist/animated-icons/chevron-up.js +42 -0
  24. package/dist/animated-icons/clipboard-check.d.ts +10 -0
  25. package/dist/animated-icons/clipboard-check.js +56 -0
  26. package/dist/animated-icons/download.d.ts +10 -0
  27. package/dist/animated-icons/download.js +47 -0
  28. package/dist/animated-icons/external-link.d.ts +10 -0
  29. package/dist/animated-icons/external-link.js +59 -0
  30. package/dist/animated-icons/eye.d.ts +10 -0
  31. package/dist/animated-icons/eye.js +41 -0
  32. package/dist/animated-icons/file-text.d.ts +11 -0
  33. package/dist/animated-icons/file-text.js +89 -0
  34. package/dist/animated-icons/filter.d.ts +10 -0
  35. package/dist/animated-icons/filter.js +78 -0
  36. package/dist/animated-icons/folder-open.d.ts +10 -0
  37. package/dist/animated-icons/folder-open.js +46 -0
  38. package/dist/animated-icons/form.d.ts +10 -0
  39. package/dist/animated-icons/form.js +56 -0
  40. package/dist/animated-icons/git-branch.d.ts +10 -0
  41. package/dist/animated-icons/git-branch.js +56 -0
  42. package/dist/animated-icons/grip-horizontal.d.ts +10 -0
  43. package/dist/animated-icons/grip-horizontal.js +70 -0
  44. package/dist/animated-icons/grip-vertical.d.ts +10 -0
  45. package/dist/animated-icons/grip-vertical.js +67 -0
  46. package/dist/animated-icons/grip.d.ts +10 -0
  47. package/dist/animated-icons/grip.js +72 -0
  48. package/dist/animated-icons/highlighter.d.ts +10 -0
  49. package/dist/animated-icons/highlighter.js +46 -0
  50. package/dist/animated-icons/history.d.ts +10 -0
  51. package/dist/animated-icons/history.js +80 -0
  52. package/dist/animated-icons/index.d.ts +100 -0
  53. package/dist/animated-icons/index.js +50 -0
  54. package/dist/animated-icons/italic.d.ts +10 -0
  55. package/dist/animated-icons/italic.js +45 -0
  56. package/dist/animated-icons/link.d.ts +10 -0
  57. package/dist/animated-icons/link.js +51 -0
  58. package/dist/animated-icons/list-ordered.d.ts +10 -0
  59. package/dist/animated-icons/list-ordered.js +46 -0
  60. package/dist/animated-icons/list.d.ts +10 -0
  61. package/dist/animated-icons/list.js +56 -0
  62. package/dist/animated-icons/loader-pinwheel.d.ts +10 -0
  63. package/dist/animated-icons/loader-pinwheel.js +51 -0
  64. package/dist/animated-icons/logout.d.ts +10 -0
  65. package/dist/animated-icons/logout.js +44 -0
  66. package/dist/animated-icons/maximize.d.ts +10 -0
  67. package/dist/animated-icons/maximize.js +45 -0
  68. package/dist/animated-icons/message-square.d.ts +10 -0
  69. package/dist/animated-icons/message-square.js +56 -0
  70. package/dist/animated-icons/palette.d.ts +10 -0
  71. package/dist/animated-icons/palette.js +45 -0
  72. package/dist/animated-icons/paperclip.d.ts +10 -0
  73. package/dist/animated-icons/paperclip.js +45 -0
  74. package/dist/animated-icons/pencil.d.ts +10 -0
  75. package/dist/animated-icons/pencil.js +46 -0
  76. package/dist/animated-icons/plus.d.ts +10 -0
  77. package/dist/animated-icons/plus.js +42 -0
  78. package/dist/animated-icons/search.d.ts +10 -0
  79. package/dist/animated-icons/search.js +44 -0
  80. package/dist/animated-icons/send.d.ts +10 -0
  81. package/dist/animated-icons/send.js +46 -0
  82. package/dist/animated-icons/settings.d.ts +10 -0
  83. package/dist/animated-icons/settings.js +42 -0
  84. package/dist/animated-icons/shield.d.ts +10 -0
  85. package/dist/animated-icons/shield.js +45 -0
  86. package/dist/animated-icons/strikethrough.d.ts +10 -0
  87. package/dist/animated-icons/strikethrough.js +45 -0
  88. package/dist/animated-icons/timer.d.ts +10 -0
  89. package/dist/animated-icons/timer.js +70 -0
  90. package/dist/animated-icons/trash.d.ts +10 -0
  91. package/dist/animated-icons/trash.js +56 -0
  92. package/dist/animated-icons/trending-down.d.ts +10 -0
  93. package/dist/animated-icons/trending-down.js +86 -0
  94. package/dist/animated-icons/trending-up.d.ts +10 -0
  95. package/dist/animated-icons/trending-up.js +86 -0
  96. package/dist/animated-icons/underline.d.ts +10 -0
  97. package/dist/animated-icons/underline.js +45 -0
  98. package/dist/animated-icons/upload.d.ts +10 -0
  99. package/dist/animated-icons/upload.js +47 -0
  100. package/dist/animated-icons/users.d.ts +10 -0
  101. package/dist/animated-icons/users.js +45 -0
  102. package/dist/animated-icons/x.d.ts +10 -0
  103. package/dist/animated-icons/x.js +45 -0
  104. package/dist/avatar.d.ts +32 -0
  105. package/dist/avatar.js +21 -0
  106. package/dist/badge.d.ts +4 -3
  107. package/dist/badge.js +7 -12
  108. package/dist/breadcrumb.d.ts +30 -0
  109. package/dist/breadcrumb.js +32 -0
  110. package/dist/button.d.ts +2 -2
  111. package/dist/button.js +86 -8
  112. package/dist/command-search.d.ts +44 -0
  113. package/dist/command-search.js +73 -0
  114. package/dist/command.d.ts +77 -0
  115. package/dist/command.js +24 -0
  116. package/dist/count-badge.d.ts +10 -0
  117. package/dist/count-badge.js +34 -0
  118. package/dist/dialog-primitive.d.ts +22 -0
  119. package/dist/dialog-primitive.js +23 -0
  120. package/dist/dialog.d.ts +28 -0
  121. package/dist/dialog.js +60 -0
  122. package/dist/draggable-tabs.d.ts +27 -0
  123. package/dist/draggable-tabs.js +61 -0
  124. package/dist/drawer.d.ts +30 -0
  125. package/dist/drawer.js +77 -0
  126. package/dist/editable-table.d.ts +31 -0
  127. package/dist/editable-table.js +122 -0
  128. package/dist/email-input.d.ts +16 -0
  129. package/dist/email-input.js +55 -0
  130. package/dist/empty-state.d.ts +11 -0
  131. package/dist/empty-state.js +7 -0
  132. package/dist/field.d.ts +6 -0
  133. package/dist/field.js +18 -0
  134. package/dist/filter-toggle.d.ts +12 -0
  135. package/dist/filter-toggle.js +23 -0
  136. package/dist/index.d.ts +53 -4
  137. package/dist/index.js +31 -4
  138. package/dist/input-control.d.ts +4 -0
  139. package/dist/input-control.js +7 -0
  140. package/dist/input-validation.d.ts +9 -0
  141. package/dist/input-validation.js +75 -0
  142. package/dist/input.d.ts +16 -0
  143. package/dist/input.js +22 -0
  144. package/dist/label-value-grid.d.ts +13 -0
  145. package/dist/label-value-grid.js +61 -0
  146. package/dist/label-value.d.ts +11 -0
  147. package/dist/label-value.js +19 -0
  148. package/dist/layout.d.ts +55 -0
  149. package/dist/layout.js +140 -0
  150. package/dist/otp-input.d.ts +21 -0
  151. package/dist/otp-input.js +60 -0
  152. package/dist/page-header.d.ts +9 -0
  153. package/dist/page-header.js +6 -0
  154. package/dist/pagination.d.ts +12 -0
  155. package/dist/pagination.js +24 -0
  156. package/dist/phone-input.d.ts +36 -0
  157. package/dist/phone-input.js +135 -0
  158. package/dist/right-drawer.d.ts +2 -0
  159. package/dist/right-drawer.js +1 -0
  160. package/dist/search-input-shell.d.ts +8 -0
  161. package/dist/search-input-shell.js +9 -0
  162. package/dist/search-input.d.ts +20 -0
  163. package/dist/search-input.js +73 -0
  164. package/dist/select-primitive.d.ts +17 -0
  165. package/dist/select-primitive.js +33 -0
  166. package/dist/select.d.ts +31 -0
  167. package/dist/select.js +97 -0
  168. package/dist/styles.css +111 -1
  169. package/dist/table-toolbar.d.ts +7 -0
  170. package/dist/table-toolbar.js +7 -0
  171. package/dist/table.d.ts +87 -3
  172. package/dist/table.js +102 -5
  173. package/dist/tabs.d.ts +24 -7
  174. package/dist/tabs.js +22 -26
  175. package/dist/tailwind-preset.d.ts +4 -0
  176. package/dist/tailwind-preset.js +97 -0
  177. package/dist/textarea.d.ts +16 -0
  178. package/dist/textarea.js +23 -0
  179. package/dist/theme.d.ts +259 -0
  180. package/dist/theme.js +118 -0
  181. package/dist/tooltip.d.ts +15 -3
  182. package/dist/tooltip.js +9 -4
  183. package/dist/typography.d.ts +11 -0
  184. package/dist/typography.js +41 -0
  185. package/dist/use-search-highlight.d.ts +13 -0
  186. package/dist/use-search-highlight.js +46 -0
  187. package/package.json +124 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neasg/design-system",
3
- "version": "0.1.3",
3
+ "version": "0.2.0",
4
4
  "description": "NEA shared design system primitives, theme tokens, and Storybook docs.",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",
@@ -30,13 +30,27 @@
30
30
  "react-dom": "^18.2.0"
31
31
  },
32
32
  "dependencies": {
33
+ "@dnd-kit/core": "^6.3.1",
34
+ "@dnd-kit/sortable": "^10.0.0",
35
+ "@dnd-kit/utilities": "^3.2.2",
36
+ "@radix-ui/react-avatar": "^1.1.11",
37
+ "@radix-ui/react-dialog": "^1.1.15",
38
+ "@radix-ui/react-select": "^2.2.6",
33
39
  "@radix-ui/react-slot": "^1.2.4",
40
+ "@radix-ui/react-tabs": "^1.1.13",
34
41
  "@radix-ui/react-tooltip": "^1.2.8",
35
42
  "class-variance-authority": "^0.7.0",
36
43
  "clsx": "^2.1.1",
37
- "tailwind-merge": "^2.3.0"
44
+ "cmdk": "^1.1.1",
45
+ "input-otp": "^1.4.2",
46
+ "libphonenumber-js": "^1.12.41",
47
+ "lucide-react": "^0.555.0",
48
+ "motion": "^12.33.0",
49
+ "tailwind-merge": "^2.3.0",
50
+ "tailwindcss-animate": "^1.0.7"
38
51
  },
39
52
  "devDependencies": {
53
+ "@fontsource/inter": "^5.2.8",
40
54
  "@storybook/addon-docs": "10.2.19",
41
55
  "@storybook/addon-themes": "10.2.19",
42
56
  "@storybook/react": "10.2.19",
@@ -53,7 +67,6 @@
53
67
  "react-dom": "^18.2.0",
54
68
  "storybook": "10.2.19",
55
69
  "tailwindcss": "^3.4.1",
56
- "tailwindcss-animate": "^1.0.7",
57
70
  "typescript": "^5.3.3",
58
71
  "vitest": "^4.1.0"
59
72
  },
@@ -62,6 +75,14 @@
62
75
  "types": "./dist/index.d.ts",
63
76
  "import": "./dist/index.js"
64
77
  },
78
+ "./avatar": {
79
+ "types": "./dist/avatar.d.ts",
80
+ "import": "./dist/avatar.js"
81
+ },
82
+ "./animated-icons": {
83
+ "types": "./dist/animated-icons/index.d.ts",
84
+ "import": "./dist/animated-icons/index.js"
85
+ },
65
86
  "./badge": {
66
87
  "types": "./dist/badge.d.ts",
67
88
  "import": "./dist/badge.js"
@@ -70,15 +91,115 @@
70
91
  "types": "./dist/button.d.ts",
71
92
  "import": "./dist/button.js"
72
93
  },
94
+ "./dialog": {
95
+ "types": "./dist/dialog.d.ts",
96
+ "import": "./dist/dialog.js"
97
+ },
98
+ "./command": {
99
+ "types": "./dist/command.d.ts",
100
+ "import": "./dist/command.js"
101
+ },
102
+ "./count-badge": {
103
+ "types": "./dist/count-badge.d.ts",
104
+ "import": "./dist/count-badge.js"
105
+ },
106
+ "./command-search": {
107
+ "types": "./dist/command-search.d.ts",
108
+ "import": "./dist/command-search.js"
109
+ },
110
+ "./empty-state": {
111
+ "types": "./dist/empty-state.d.ts",
112
+ "import": "./dist/empty-state.js"
113
+ },
114
+ "./editable-table": {
115
+ "types": "./dist/editable-table.d.ts",
116
+ "import": "./dist/editable-table.js"
117
+ },
118
+ "./email-input": {
119
+ "types": "./dist/email-input.d.ts",
120
+ "import": "./dist/email-input.js"
121
+ },
122
+ "./input": {
123
+ "types": "./dist/input.d.ts",
124
+ "import": "./dist/input.js"
125
+ },
126
+ "./phone-input": {
127
+ "types": "./dist/phone-input.d.ts",
128
+ "import": "./dist/phone-input.js"
129
+ },
130
+ "./otp-input": {
131
+ "types": "./dist/otp-input.d.ts",
132
+ "import": "./dist/otp-input.js"
133
+ },
134
+ "./select": {
135
+ "types": "./dist/select.d.ts",
136
+ "import": "./dist/select.js"
137
+ },
138
+ "./label-value": {
139
+ "types": "./dist/label-value.d.ts",
140
+ "import": "./dist/label-value.js"
141
+ },
142
+ "./label-value-grid": {
143
+ "types": "./dist/label-value-grid.d.ts",
144
+ "import": "./dist/label-value-grid.js"
145
+ },
146
+ "./breadcrumb": {
147
+ "types": "./dist/breadcrumb.d.ts",
148
+ "import": "./dist/breadcrumb.js"
149
+ },
150
+ "./draggable-tabs": {
151
+ "types": "./dist/draggable-tabs.d.ts",
152
+ "import": "./dist/draggable-tabs.js"
153
+ },
154
+ "./drawer": {
155
+ "types": "./dist/drawer.d.ts",
156
+ "import": "./dist/drawer.js"
157
+ },
158
+ "./right-drawer": {
159
+ "types": "./dist/right-drawer.d.ts",
160
+ "import": "./dist/right-drawer.js"
161
+ },
162
+ "./layout": {
163
+ "types": "./dist/layout.d.ts",
164
+ "import": "./dist/layout.js"
165
+ },
166
+ "./page-header": {
167
+ "types": "./dist/page-header.d.ts",
168
+ "import": "./dist/page-header.js"
169
+ },
170
+ "./pagination": {
171
+ "types": "./dist/pagination.d.ts",
172
+ "import": "./dist/pagination.js"
173
+ },
174
+ "./search-input": {
175
+ "types": "./dist/search-input.d.ts",
176
+ "import": "./dist/search-input.js"
177
+ },
73
178
  "./styles.css": "./dist/styles.css",
74
179
  "./table": {
75
180
  "types": "./dist/table.d.ts",
76
181
  "import": "./dist/table.js"
77
182
  },
183
+ "./table-toolbar": {
184
+ "types": "./dist/table-toolbar.d.ts",
185
+ "import": "./dist/table-toolbar.js"
186
+ },
187
+ "./tailwind-preset": {
188
+ "types": "./dist/tailwind-preset.d.ts",
189
+ "import": "./dist/tailwind-preset.js"
190
+ },
78
191
  "./tabs": {
79
192
  "types": "./dist/tabs.d.ts",
80
193
  "import": "./dist/tabs.js"
81
194
  },
195
+ "./textarea": {
196
+ "types": "./dist/textarea.d.ts",
197
+ "import": "./dist/textarea.js"
198
+ },
199
+ "./typography": {
200
+ "types": "./dist/typography.d.ts",
201
+ "import": "./dist/typography.js"
202
+ },
82
203
  "./theme": {
83
204
  "types": "./dist/theme.d.ts",
84
205
  "import": "./dist/theme.js"