@surflane/ui 0.4.0 → 0.5.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 (136) hide show
  1. package/README.md +1 -1
  2. package/dist/{disclosure.d.ts → accordion.d.ts} +1 -17
  3. package/dist/{disclosure.js → accordion.js} +3 -17
  4. package/dist/alert-dialog.d.ts +31 -0
  5. package/dist/alert-dialog.js +22 -0
  6. package/dist/app-shell.js +9 -9
  7. package/dist/{input-extensions.d.ts → autocomplete.d.ts} +4 -42
  8. package/dist/{input-extensions.js → autocomplete.js} +7 -26
  9. package/dist/avatar.js +3 -5
  10. package/dist/badge.d.ts +20 -0
  11. package/dist/badge.js +16 -0
  12. package/dist/{navigation.d.ts → breadcrumbs.d.ts} +2 -6
  13. package/dist/breadcrumbs.js +31 -0
  14. package/dist/button.d.ts +11 -0
  15. package/dist/button.js +27 -4
  16. package/dist/{content.d.ts → card.d.ts} +6 -24
  17. package/dist/card.js +26 -0
  18. package/dist/chart.d.ts +19 -0
  19. package/dist/chart.js +24 -6
  20. package/dist/checkbox-group.d.ts +2 -0
  21. package/dist/checkbox-group.js +16 -0
  22. package/dist/checkbox.d.ts +9 -0
  23. package/dist/checkbox.js +29 -0
  24. package/dist/choice-label.d.ts +25 -0
  25. package/dist/choice-label.js +14 -0
  26. package/dist/choice.d.ts +7 -0
  27. package/dist/choice.js +3 -0
  28. package/dist/code.d.ts +21 -0
  29. package/dist/{content.js → code.js} +5 -30
  30. package/dist/collapsible.d.ts +18 -0
  31. package/dist/collapsible.js +21 -0
  32. package/dist/{advanced-forms.d.ts → combobox.d.ts} +5 -25
  33. package/dist/{advanced-forms.js → combobox.js} +13 -49
  34. package/dist/{context-overlays.d.ts → context-menu.d.ts} +6 -28
  35. package/dist/{context-overlays.js → context-menu.js} +5 -25
  36. package/dist/date-picker.js +3 -2
  37. package/dist/dialog.d.ts +6 -24
  38. package/dist/dialog.js +7 -20
  39. package/dist/{panels.d.ts → drawer.d.ts} +3 -34
  40. package/dist/drawer.js +47 -0
  41. package/dist/empty-state.d.ts +29 -0
  42. package/dist/empty-state.js +19 -0
  43. package/dist/field.d.ts +42 -0
  44. package/dist/field.js +21 -0
  45. package/dist/fieldset.d.ts +14 -0
  46. package/dist/fieldset.js +10 -0
  47. package/dist/file-upload.d.ts +3 -1
  48. package/dist/file-upload.js +7 -5
  49. package/dist/filter-bar.js +1 -1
  50. package/dist/form.d.ts +2 -0
  51. package/dist/form.js +7 -0
  52. package/dist/icon.d.ts +10 -0
  53. package/dist/icon.js +18 -3
  54. package/dist/index.d.ts +56 -29
  55. package/dist/index.js +70 -32
  56. package/dist/{messages.d.ts → inline-message.d.ts} +0 -28
  57. package/dist/{messages.js → inline-message.js} +3 -18
  58. package/dist/input.js +2 -2
  59. package/dist/{foundations.d.ts → layout.d.ts} +5 -23
  60. package/dist/{foundations.js → layout.js} +4 -19
  61. package/dist/link.d.ts +6 -0
  62. package/dist/link.js +17 -0
  63. package/dist/list.d.ts +33 -0
  64. package/dist/list.js +21 -0
  65. package/dist/markdown.js +4 -5
  66. package/dist/menu.d.ts +7 -5
  67. package/dist/menu.js +12 -8
  68. package/dist/menubar.d.ts +4 -0
  69. package/dist/menubar.js +4 -0
  70. package/dist/meter.d.ts +29 -0
  71. package/dist/meter.js +13 -0
  72. package/dist/native-select.d.ts +8 -0
  73. package/dist/native-select.js +54 -0
  74. package/dist/navigation-menu.js +8 -5
  75. package/dist/number-field.d.ts +23 -0
  76. package/dist/number-field.js +33 -0
  77. package/dist/page-header.d.ts +12 -0
  78. package/dist/page-header.js +9 -0
  79. package/dist/pagination.js +3 -4
  80. package/dist/panel.d.ts +13 -0
  81. package/dist/panel.js +13 -0
  82. package/dist/parts.d.ts +19 -1
  83. package/dist/parts.js +32 -6
  84. package/dist/popover.d.ts +23 -6
  85. package/dist/popover.js +17 -7
  86. package/dist/preview-card.d.ts +29 -0
  87. package/dist/preview-card.js +27 -0
  88. package/dist/progress.d.ts +29 -0
  89. package/dist/progress.js +13 -0
  90. package/dist/radio-group.d.ts +16 -0
  91. package/dist/radio-group.js +31 -0
  92. package/dist/scroll-area.js +3 -4
  93. package/dist/select.d.ts +8 -8
  94. package/dist/select.js +19 -54
  95. package/dist/separator.d.ts +4 -0
  96. package/dist/separator.js +8 -0
  97. package/dist/sheet.d.ts +29 -0
  98. package/dist/sheet.js +39 -0
  99. package/dist/skeleton.d.ts +8 -0
  100. package/dist/skeleton.js +8 -0
  101. package/dist/slider.d.ts +40 -0
  102. package/dist/slider.js +27 -0
  103. package/dist/spinner.d.ts +13 -0
  104. package/dist/spinner.js +10 -0
  105. package/dist/status.d.ts +1 -19
  106. package/dist/status.js +10 -14
  107. package/dist/switch.d.ts +13 -0
  108. package/dist/switch.js +25 -0
  109. package/dist/syntax-highlighter.js +2 -1
  110. package/dist/{data.d.ts → table.d.ts} +8 -32
  111. package/dist/{data.js → table.js} +15 -30
  112. package/dist/textarea.d.ts +7 -0
  113. package/dist/textarea.js +12 -0
  114. package/dist/toast.js +7 -6
  115. package/dist/toggle-group.d.ts +5 -0
  116. package/dist/toggle-group.js +7 -0
  117. package/dist/toggle.d.ts +7 -0
  118. package/dist/toggle.js +9 -0
  119. package/dist/{commands.d.ts → toolbar.d.ts} +0 -13
  120. package/dist/toolbar.js +14 -0
  121. package/dist/tooltip.d.ts +3 -2
  122. package/dist/tooltip.js +2 -2
  123. package/dist/tree.js +4 -2
  124. package/dist/typography.d.ts +12 -0
  125. package/dist/typography.js +14 -0
  126. package/package.json +237 -21
  127. package/src/styles.css +359 -191
  128. package/dist/chevron.d.ts +0 -3
  129. package/dist/chevron.js +0 -6
  130. package/dist/commands.js +0 -27
  131. package/dist/feedback.d.ts +0 -76
  132. package/dist/feedback.js +0 -35
  133. package/dist/forms.d.ts +0 -91
  134. package/dist/forms.js +0 -109
  135. package/dist/navigation.js +0 -41
  136. package/dist/panels.js +0 -100
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@surflane/ui",
3
- "version": "0.4.0",
3
+ "version": "0.5.0",
4
4
  "description": "Surflane React components built on Base UI, with data, chart, code and Markdown components.",
5
5
  "keywords": [
6
6
  "design-system",
@@ -44,9 +44,9 @@
44
44
  "types": "./dist/button.d.ts",
45
45
  "import": "./dist/button.js"
46
46
  },
47
- "./slot": {
48
- "types": "./dist/slot.d.ts",
49
- "import": "./dist/slot.js"
47
+ "./toolbar": {
48
+ "types": "./dist/toolbar.d.ts",
49
+ "import": "./dist/toolbar.js"
50
50
  },
51
51
  "./input": {
52
52
  "types": "./dist/input.d.ts",
@@ -56,37 +56,169 @@
56
56
  "types": "./dist/select.d.ts",
57
57
  "import": "./dist/select.js"
58
58
  },
59
+ "./native-select": {
60
+ "types": "./dist/native-select.d.ts",
61
+ "import": "./dist/native-select.js"
62
+ },
63
+ "./field": {
64
+ "types": "./dist/field.d.ts",
65
+ "import": "./dist/field.js"
66
+ },
67
+ "./fieldset": {
68
+ "types": "./dist/fieldset.d.ts",
69
+ "import": "./dist/fieldset.js"
70
+ },
71
+ "./form": {
72
+ "types": "./dist/form.d.ts",
73
+ "import": "./dist/form.js"
74
+ },
75
+ "./textarea": {
76
+ "types": "./dist/textarea.d.ts",
77
+ "import": "./dist/textarea.js"
78
+ },
79
+ "./combobox": {
80
+ "types": "./dist/combobox.d.ts",
81
+ "import": "./dist/combobox.js"
82
+ },
83
+ "./autocomplete": {
84
+ "types": "./dist/autocomplete.d.ts",
85
+ "import": "./dist/autocomplete.js"
86
+ },
87
+ "./number-field": {
88
+ "types": "./dist/number-field.d.ts",
89
+ "import": "./dist/number-field.js"
90
+ },
91
+ "./slider": {
92
+ "types": "./dist/slider.d.ts",
93
+ "import": "./dist/slider.js"
94
+ },
95
+ "./otp-field": {
96
+ "types": "./dist/otp-field.d.ts",
97
+ "import": "./dist/otp-field.js"
98
+ },
99
+ "./date-picker": {
100
+ "types": "./dist/date-picker.d.ts",
101
+ "import": "./dist/date-picker.js"
102
+ },
103
+ "./file-upload": {
104
+ "types": "./dist/file-upload.d.ts",
105
+ "import": "./dist/file-upload.js"
106
+ },
107
+ "./checkbox": {
108
+ "types": "./dist/checkbox.d.ts",
109
+ "import": "./dist/checkbox.js"
110
+ },
111
+ "./checkbox-group": {
112
+ "types": "./dist/checkbox-group.d.ts",
113
+ "import": "./dist/checkbox-group.js"
114
+ },
115
+ "./radio-group": {
116
+ "types": "./dist/radio-group.d.ts",
117
+ "import": "./dist/radio-group.js"
118
+ },
119
+ "./switch": {
120
+ "types": "./dist/switch.d.ts",
121
+ "import": "./dist/switch.js"
122
+ },
123
+ "./toggle": {
124
+ "types": "./dist/toggle.d.ts",
125
+ "import": "./dist/toggle.js"
126
+ },
127
+ "./toggle-group": {
128
+ "types": "./dist/toggle-group.d.ts",
129
+ "import": "./dist/toggle-group.js"
130
+ },
131
+ "./choice-label": {
132
+ "types": "./dist/choice-label.d.ts",
133
+ "import": "./dist/choice-label.js"
134
+ },
59
135
  "./popover": {
60
136
  "types": "./dist/popover.d.ts",
61
137
  "import": "./dist/popover.js"
62
138
  },
139
+ "./menu": {
140
+ "types": "./dist/menu.d.ts",
141
+ "import": "./dist/menu.js"
142
+ },
143
+ "./context-menu": {
144
+ "types": "./dist/context-menu.d.ts",
145
+ "import": "./dist/context-menu.js"
146
+ },
63
147
  "./tooltip": {
64
148
  "types": "./dist/tooltip.d.ts",
65
149
  "import": "./dist/tooltip.js"
66
150
  },
151
+ "./preview-card": {
152
+ "types": "./dist/preview-card.d.ts",
153
+ "import": "./dist/preview-card.js"
154
+ },
67
155
  "./dialog": {
68
156
  "types": "./dist/dialog.d.ts",
69
157
  "import": "./dist/dialog.js"
70
158
  },
71
- "./sizing": {
72
- "types": "./dist/sizing.d.ts",
73
- "import": "./dist/sizing.js"
159
+ "./alert-dialog": {
160
+ "types": "./dist/alert-dialog.d.ts",
161
+ "import": "./dist/alert-dialog.js"
74
162
  },
75
- "./chart": {
76
- "types": "./dist/chart.d.ts",
77
- "import": "./dist/chart.js"
163
+ "./sheet": {
164
+ "types": "./dist/sheet.d.ts",
165
+ "import": "./dist/sheet.js"
78
166
  },
79
- "./date-picker": {
80
- "types": "./dist/date-picker.d.ts",
81
- "import": "./dist/date-picker.js"
167
+ "./drawer": {
168
+ "types": "./dist/drawer.d.ts",
169
+ "import": "./dist/drawer.js"
82
170
  },
83
- "./tree": {
84
- "types": "./dist/tree.d.ts",
85
- "import": "./dist/tree.js"
171
+ "./tabs": {
172
+ "types": "./dist/tabs.d.ts",
173
+ "import": "./dist/tabs.js"
86
174
  },
87
- "./markdown": {
88
- "types": "./dist/markdown.d.ts",
89
- "import": "./dist/markdown.js"
175
+ "./accordion": {
176
+ "types": "./dist/accordion.d.ts",
177
+ "import": "./dist/accordion.js"
178
+ },
179
+ "./collapsible": {
180
+ "types": "./dist/collapsible.d.ts",
181
+ "import": "./dist/collapsible.js"
182
+ },
183
+ "./navigation-menu": {
184
+ "types": "./dist/navigation-menu.d.ts",
185
+ "import": "./dist/navigation-menu.js"
186
+ },
187
+ "./menubar": {
188
+ "types": "./dist/menubar.d.ts",
189
+ "import": "./dist/menubar.js"
190
+ },
191
+ "./link": {
192
+ "types": "./dist/link.d.ts",
193
+ "import": "./dist/link.js"
194
+ },
195
+ "./breadcrumbs": {
196
+ "types": "./dist/breadcrumbs.d.ts",
197
+ "import": "./dist/breadcrumbs.js"
198
+ },
199
+ "./pagination": {
200
+ "types": "./dist/pagination.d.ts",
201
+ "import": "./dist/pagination.js"
202
+ },
203
+ "./avatar": {
204
+ "types": "./dist/avatar.d.ts",
205
+ "import": "./dist/avatar.js"
206
+ },
207
+ "./badge": {
208
+ "types": "./dist/badge.d.ts",
209
+ "import": "./dist/badge.js"
210
+ },
211
+ "./card": {
212
+ "types": "./dist/card.d.ts",
213
+ "import": "./dist/card.js"
214
+ },
215
+ "./table": {
216
+ "types": "./dist/table.d.ts",
217
+ "import": "./dist/table.js"
218
+ },
219
+ "./code": {
220
+ "types": "./dist/code.d.ts",
221
+ "import": "./dist/code.js"
90
222
  },
91
223
  "./syntax-highlighter": {
92
224
  "types": "./dist/syntax-highlighter.d.ts",
@@ -96,10 +228,94 @@
96
228
  "types": "./dist/syntax-highlighting.d.ts",
97
229
  "import": "./dist/syntax-highlighting.js"
98
230
  },
231
+ "./markdown": {
232
+ "types": "./dist/markdown.d.ts",
233
+ "import": "./dist/markdown.js"
234
+ },
235
+ "./list": {
236
+ "types": "./dist/list.d.ts",
237
+ "import": "./dist/list.js"
238
+ },
239
+ "./tree": {
240
+ "types": "./dist/tree.d.ts",
241
+ "import": "./dist/tree.js"
242
+ },
243
+ "./chart": {
244
+ "types": "./dist/chart.d.ts",
245
+ "import": "./dist/chart.js"
246
+ },
247
+ "./scroll-area": {
248
+ "types": "./dist/scroll-area.d.ts",
249
+ "import": "./dist/scroll-area.js"
250
+ },
251
+ "./separator": {
252
+ "types": "./dist/separator.d.ts",
253
+ "import": "./dist/separator.js"
254
+ },
255
+ "./progress": {
256
+ "types": "./dist/progress.d.ts",
257
+ "import": "./dist/progress.js"
258
+ },
259
+ "./meter": {
260
+ "types": "./dist/meter.d.ts",
261
+ "import": "./dist/meter.js"
262
+ },
263
+ "./toast": {
264
+ "types": "./dist/toast.d.ts",
265
+ "import": "./dist/toast.js"
266
+ },
267
+ "./inline-message": {
268
+ "types": "./dist/inline-message.d.ts",
269
+ "import": "./dist/inline-message.js"
270
+ },
271
+ "./spinner": {
272
+ "types": "./dist/spinner.d.ts",
273
+ "import": "./dist/spinner.js"
274
+ },
275
+ "./skeleton": {
276
+ "types": "./dist/skeleton.d.ts",
277
+ "import": "./dist/skeleton.js"
278
+ },
279
+ "./empty-state": {
280
+ "types": "./dist/empty-state.d.ts",
281
+ "import": "./dist/empty-state.js"
282
+ },
283
+ "./layout": {
284
+ "types": "./dist/layout.d.ts",
285
+ "import": "./dist/layout.js"
286
+ },
287
+ "./typography": {
288
+ "types": "./dist/typography.d.ts",
289
+ "import": "./dist/typography.js"
290
+ },
291
+ "./icon": {
292
+ "types": "./dist/icon.d.ts",
293
+ "import": "./dist/icon.js"
294
+ },
295
+ "./sizing": {
296
+ "types": "./dist/sizing.d.ts",
297
+ "import": "./dist/sizing.js"
298
+ },
299
+ "./slot": {
300
+ "types": "./dist/slot.d.ts",
301
+ "import": "./dist/slot.js"
302
+ },
303
+ "./app-shell": {
304
+ "types": "./dist/app-shell.d.ts",
305
+ "import": "./dist/app-shell.js"
306
+ },
307
+ "./page-header": {
308
+ "types": "./dist/page-header.d.ts",
309
+ "import": "./dist/page-header.js"
310
+ },
311
+ "./filter-bar": {
312
+ "types": "./dist/filter-bar.d.ts",
313
+ "import": "./dist/filter-bar.js"
314
+ },
99
315
  "./package.json": "./package.json"
100
316
  },
101
317
  "scripts": {
102
- "build": "tsc -p tsconfig.json",
318
+ "build": "node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true })\" && tsc -p tsconfig.json",
103
319
  "prepack": "npm run build"
104
320
  },
105
321
  "dependencies": {
@@ -108,7 +324,7 @@
108
324
  "peerDependencies": {
109
325
  "@headless-tree/core": "^1.8.0",
110
326
  "@headless-tree/react": "^1.8.0",
111
- "@surflane/design-tokens": "^0.4.0",
327
+ "@surflane/design-tokens": "^0.5.0",
112
328
  "@tanstack/react-virtual": "^3.14.21",
113
329
  "react": "^19.0.0",
114
330
  "react-aria-components": "^1.22.1",