@ngrok/mantle 0.76.11 → 0.77.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 (52) hide show
  1. package/dist/agent.json +4 -1
  2. package/dist/alert-dialog.js +1 -1
  3. package/dist/browser-only-CPH56Xw_.js +1 -0
  4. package/dist/browser-only.js +1 -1
  5. package/dist/checkbox-Apow0ipK.js +1 -0
  6. package/dist/checkbox.d.ts +4 -0
  7. package/dist/checkbox.js +1 -1
  8. package/dist/choice-D6S38dPs.js +1 -0
  9. package/dist/choice.d.ts +251 -0
  10. package/dist/choice.js +1 -0
  11. package/dist/code-block.js +1 -1
  12. package/dist/command.js +1 -1
  13. package/dist/{copy-to-clipboard-Baw30q9O.js → copy-to-clipboard-BsCQ9m6K.js} +1 -1
  14. package/dist/{dialog-Cp0S2jsG.js → dialog-uyJcNks7.js} +1 -1
  15. package/dist/dialog.js +1 -1
  16. package/dist/field.js +1 -1
  17. package/dist/hooks.d.ts +127 -67
  18. package/dist/hooks.js +1 -1
  19. package/dist/icons.js +1 -1
  20. package/dist/{in-view-BC3wmz-a.d.ts → in-view-bItE1fkG.d.ts} +20 -4
  21. package/dist/input-B3TS9yAP.js +1 -0
  22. package/dist/input.d.ts +1 -46
  23. package/dist/input.js +1 -1
  24. package/dist/label-PY0qM0G5.d.ts +69 -0
  25. package/dist/label.d.ts +1 -68
  26. package/dist/list.d.ts +337 -0
  27. package/dist/list.js +1 -0
  28. package/dist/llms.txt +4 -1
  29. package/dist/multi-select.js +1 -1
  30. package/dist/pagination.js +1 -1
  31. package/dist/{primitive-BFUir4UB.js → primitive-BuVqb6zf.js} +1 -1
  32. package/dist/{select-xfyY5Vt1.js → select-Bxq_N-_o.js} +1 -1
  33. package/dist/select.js +1 -1
  34. package/dist/selectable-list.d.ts +711 -0
  35. package/dist/selectable-list.js +1 -0
  36. package/dist/sheet.js +1 -1
  37. package/dist/switch.d.ts +4 -0
  38. package/dist/tabs.js +1 -1
  39. package/dist/{theme-provider-BNFS3Acf.js → theme-provider-C5XYi2-H.js} +1 -1
  40. package/dist/theme.d.ts +3 -3
  41. package/dist/theme.js +1 -1
  42. package/dist/{toast-Bwno5LUs.js → toast-CZBWjXcP.js} +1 -1
  43. package/dist/toast.js +1 -1
  44. package/dist/types-CTam1uIW.d.ts +47 -0
  45. package/dist/use-copy-to-clipboard-DqQ0_N3E.js +1 -0
  46. package/dist/{use-prefers-reduced-motion-CWIoFA6W.js → use-prefers-reduced-motion-DBqNw1wB.js} +1 -1
  47. package/dist/utils.d.ts +1 -1
  48. package/dist/utils.js +1 -1
  49. package/dist/virtual-PBNiHjMK.js +1 -0
  50. package/package.json +64 -332
  51. package/dist/browser-only-BSl_hruR.js +0 -1
  52. package/dist/use-copy-to-clipboard-BLpquU9d.js +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ngrok/mantle",
3
- "version": "0.76.11",
3
+ "version": "0.77.0",
4
4
  "description": "mantle is ngrok's UI library and design system.",
5
5
  "homepage": "https://mantle.ngrok.com",
6
6
  "license": "MIT",
@@ -19,332 +19,90 @@
19
19
  ],
20
20
  "exports": {
21
21
  "./mantle.css": {
22
- "@ngrok/src-live-types": "./src/mantle.css",
23
22
  "style": "./dist/mantle.css",
24
- "import": "./dist/mantle.css",
25
23
  "default": "./dist/mantle.css"
26
24
  },
27
25
  "./mantle-dark.css": {
28
- "@ngrok/src-live-types": "./src/mantle-dark.css",
29
26
  "style": "./dist/mantle-dark.css",
30
- "import": "./dist/mantle-dark.css",
31
27
  "default": "./dist/mantle-dark.css"
32
28
  },
33
29
  "./mantle-light-high-contrast.css": {
34
- "@ngrok/src-live-types": "./src/mantle-light-high-contrast.css",
35
30
  "style": "./dist/mantle-light-high-contrast.css",
36
- "import": "./dist/mantle-light-high-contrast.css",
37
31
  "default": "./dist/mantle-light-high-contrast.css"
38
32
  },
39
33
  "./mantle-dark-high-contrast.css": {
40
- "@ngrok/src-live-types": "./src/mantle-dark-high-contrast.css",
41
34
  "style": "./dist/mantle-dark-high-contrast.css",
42
- "import": "./dist/mantle-dark-high-contrast.css",
43
35
  "default": "./dist/mantle-dark-high-contrast.css"
44
36
  },
45
37
  "./source-all.css": {
46
38
  "style": "./dist/source-all.css",
47
- "import": "./dist/source-all.css",
48
39
  "default": "./dist/source-all.css"
49
40
  },
50
41
  "./package.json": "./package.json",
51
42
  "./agent.json": "./dist/agent.json",
52
43
  "./llms.txt": "./dist/llms.txt",
53
- "./accordion": {
54
- "@ngrok/src-live-types": "./src/components/accordion/index.ts",
55
- "types": "./dist/accordion.d.ts",
56
- "import": "./dist/accordion.js"
57
- },
58
- "./alert": {
59
- "@ngrok/src-live-types": "./src/components/alert/index.ts",
60
- "types": "./dist/alert.d.ts",
61
- "import": "./dist/alert.js"
62
- },
63
- "./alert-dialog": {
64
- "@ngrok/src-live-types": "./src/components/alert-dialog/index.ts",
65
- "types": "./dist/alert-dialog.d.ts",
66
- "import": "./dist/alert-dialog.js"
67
- },
68
- "./anchor": {
69
- "@ngrok/src-live-types": "./src/components/anchor/index.ts",
70
- "types": "./dist/anchor.d.ts",
71
- "import": "./dist/anchor.js"
72
- },
73
- "./badge": {
74
- "@ngrok/src-live-types": "./src/components/badge/index.ts",
75
- "types": "./dist/badge.d.ts",
76
- "import": "./dist/badge.js"
77
- },
78
- "./browser-only": {
79
- "@ngrok/src-live-types": "./src/components/browser-only/index.ts",
80
- "types": "./dist/browser-only.d.ts",
81
- "import": "./dist/browser-only.js"
82
- },
83
- "./button": {
84
- "@ngrok/src-live-types": "./src/components/button/index.ts",
85
- "types": "./dist/button.d.ts",
86
- "import": "./dist/button.js"
87
- },
88
- "./calendar": {
89
- "@ngrok/src-live-types": "./src/components/calendar/index.ts",
90
- "types": "./dist/calendar.d.ts",
91
- "import": "./dist/calendar.js"
92
- },
93
- "./card": {
94
- "@ngrok/src-live-types": "./src/components/card/index.ts",
95
- "types": "./dist/card.d.ts",
96
- "import": "./dist/card.js"
97
- },
98
- "./checkbox": {
99
- "@ngrok/src-live-types": "./src/components/checkbox/index.ts",
100
- "types": "./dist/checkbox.d.ts",
101
- "import": "./dist/checkbox.js"
102
- },
103
- "./code": {
104
- "@ngrok/src-live-types": "./src/components/code/index.ts",
105
- "types": "./dist/code.d.ts",
106
- "import": "./dist/code.js"
107
- },
108
- "./code-block": {
109
- "@ngrok/src-live-types": "./src/components/code-block/index.ts",
110
- "types": "./dist/code-block.d.ts",
111
- "import": "./dist/code-block.js"
112
- },
113
- "./highlight-utils": {
114
- "@ngrok/src-live-types": "./src/components/code-block/highlight-utils.ts",
115
- "types": "./dist/code-block_highlight-utils.d.ts",
116
- "import": "./dist/code-block_highlight-utils.js"
117
- },
118
- "./color": {
119
- "@ngrok/src-live-types": "./src/utils/color/index.ts",
120
- "types": "./dist/color.d.ts",
121
- "import": "./dist/color.js"
122
- },
123
- "./combobox": {
124
- "@ngrok/src-live-types": "./src/components/combobox/index.ts",
125
- "types": "./dist/combobox.d.ts",
126
- "import": "./dist/combobox.js"
127
- },
128
- "./command": {
129
- "@ngrok/src-live-types": "./src/components/command/index.ts",
130
- "types": "./dist/command.d.ts",
131
- "import": "./dist/command.js"
132
- },
133
- "./cx": {
134
- "@ngrok/src-live-types": "./src/utils/cx/index.ts",
135
- "types": "./dist/cx.d.ts",
136
- "import": "./dist/cx.js"
137
- },
138
- "./data-table": {
139
- "@ngrok/src-live-types": "./src/components/data-table/index.ts",
140
- "types": "./dist/data-table.d.ts",
141
- "import": "./dist/data-table.js"
142
- },
143
- "./description-list": {
144
- "@ngrok/src-live-types": "./src/components/description-list/index.ts",
145
- "types": "./dist/description-list.d.ts",
146
- "import": "./dist/description-list.js"
147
- },
148
- "./dialog": {
149
- "@ngrok/src-live-types": "./src/components/dialog/index.ts",
150
- "types": "./dist/dialog.d.ts",
151
- "import": "./dist/dialog.js"
152
- },
153
- "./dropdown-menu": {
154
- "@ngrok/src-live-types": "./src/components/dropdown-menu/index.ts",
155
- "types": "./dist/dropdown-menu.d.ts",
156
- "import": "./dist/dropdown-menu.js"
157
- },
158
- "./empty": {
159
- "@ngrok/src-live-types": "./src/components/empty/index.ts",
160
- "types": "./dist/empty.d.ts",
161
- "import": "./dist/empty.js"
162
- },
163
- "./field": {
164
- "@ngrok/src-live-types": "./src/components/field/index.ts",
165
- "types": "./dist/field.d.ts",
166
- "import": "./dist/field.js"
167
- },
168
- "./flag": {
169
- "@ngrok/src-live-types": "./src/components/flag/index.ts",
170
- "types": "./dist/flag.d.ts",
171
- "import": "./dist/flag.js"
172
- },
173
- "./hooks": {
174
- "@ngrok/src-live-types": "./src/hooks/index.ts",
175
- "types": "./dist/hooks.d.ts",
176
- "import": "./dist/hooks.js"
177
- },
178
- "./hover-card": {
179
- "@ngrok/src-live-types": "./src/components/hover-card/index.ts",
180
- "types": "./dist/hover-card.d.ts",
181
- "import": "./dist/hover-card.js"
182
- },
183
- "./icon": {
184
- "@ngrok/src-live-types": "./src/components/icon/index.ts",
185
- "types": "./dist/icon.d.ts",
186
- "import": "./dist/icon.js"
187
- },
188
- "./icons": {
189
- "@ngrok/src-live-types": "./src/components/icons/index.ts",
190
- "types": "./dist/icons.d.ts",
191
- "import": "./dist/icons.js"
192
- },
193
- "./input": {
194
- "@ngrok/src-live-types": "./src/components/input/index.ts",
195
- "types": "./dist/input.d.ts",
196
- "import": "./dist/input.js"
197
- },
198
- "./kbd": {
199
- "@ngrok/src-live-types": "./src/components/kbd/index.ts",
200
- "types": "./dist/kbd.d.ts",
201
- "import": "./dist/kbd.js"
202
- },
203
- "./label": {
204
- "@ngrok/src-live-types": "./src/components/label/index.ts",
205
- "types": "./dist/label.d.ts",
206
- "import": "./dist/label.js"
207
- },
208
- "./main": {
209
- "@ngrok/src-live-types": "./src/components/main/index.ts",
210
- "types": "./dist/main.d.ts",
211
- "import": "./dist/main.js"
212
- },
213
- "./media-object": {
214
- "@ngrok/src-live-types": "./src/components/media-object/index.ts",
215
- "types": "./dist/media-object.d.ts",
216
- "import": "./dist/media-object.js"
217
- },
218
- "./multi-select": {
219
- "@ngrok/src-live-types": "./src/components/multi-select/index.ts",
220
- "types": "./dist/multi-select.d.ts",
221
- "import": "./dist/multi-select.js"
222
- },
223
- "./otp-input": {
224
- "@ngrok/src-live-types": "./src/components/otp-input/index.ts",
225
- "types": "./dist/otp-input.d.ts",
226
- "import": "./dist/otp-input.js"
227
- },
228
- "./pagination": {
229
- "@ngrok/src-live-types": "./src/components/pagination/index.ts",
230
- "types": "./dist/pagination.d.ts",
231
- "import": "./dist/pagination.js"
232
- },
233
- "./popover": {
234
- "@ngrok/src-live-types": "./src/components/popover/index.ts",
235
- "types": "./dist/popover.d.ts",
236
- "import": "./dist/popover.js"
237
- },
238
- "./progress": {
239
- "@ngrok/src-live-types": "./src/components/progress/index.ts",
240
- "types": "./dist/progress.d.ts",
241
- "import": "./dist/progress.js"
242
- },
243
- "./qr-code": {
244
- "@ngrok/src-live-types": "./src/components/qr-code/index.ts",
245
- "types": "./dist/qr-code.d.ts",
246
- "import": "./dist/qr-code.js"
247
- },
248
- "./radio-group": {
249
- "@ngrok/src-live-types": "./src/components/radio-group/index.ts",
250
- "types": "./dist/radio-group.d.ts",
251
- "import": "./dist/radio-group.js"
252
- },
253
- "./sandboxed-on-click": {
254
- "@ngrok/src-live-types": "./src/components/sandboxed-on-click/index.ts",
255
- "types": "./dist/sandboxed-on-click.d.ts",
256
- "import": "./dist/sandboxed-on-click.js"
257
- },
258
- "./select": {
259
- "@ngrok/src-live-types": "./src/components/select/index.ts",
260
- "types": "./dist/select.d.ts",
261
- "import": "./dist/select.js"
262
- },
263
- "./separator": {
264
- "@ngrok/src-live-types": "./src/components/separator/index.ts",
265
- "types": "./dist/separator.d.ts",
266
- "import": "./dist/separator.js"
267
- },
268
- "./sheet": {
269
- "@ngrok/src-live-types": "./src/components/sheet/index.ts",
270
- "types": "./dist/sheet.d.ts",
271
- "import": "./dist/sheet.js"
272
- },
273
- "./skip-to-main-link": {
274
- "@ngrok/src-live-types": "./src/components/skip-to-main-link/index.ts",
275
- "types": "./dist/skip-to-main-link.d.ts",
276
- "import": "./dist/skip-to-main-link.js"
277
- },
278
- "./skeleton": {
279
- "@ngrok/src-live-types": "./src/components/skeleton/index.ts",
280
- "types": "./dist/skeleton.d.ts",
281
- "import": "./dist/skeleton.js"
282
- },
283
- "./slider": {
284
- "@ngrok/src-live-types": "./src/components/slider/index.ts",
285
- "types": "./dist/slider.d.ts",
286
- "import": "./dist/slider.js"
287
- },
288
- "./slot": {
289
- "@ngrok/src-live-types": "./src/components/slot/index.ts",
290
- "types": "./dist/slot.d.ts",
291
- "import": "./dist/slot.js"
292
- },
293
- "./split-button": {
294
- "@ngrok/src-live-types": "./src/components/split-button/index.ts",
295
- "types": "./dist/split-button.d.ts",
296
- "import": "./dist/split-button.js"
297
- },
298
- "./switch": {
299
- "@ngrok/src-live-types": "./src/components/switch/index.ts",
300
- "types": "./dist/switch.d.ts",
301
- "import": "./dist/switch.js"
302
- },
303
- "./table": {
304
- "@ngrok/src-live-types": "./src/components/table/index.ts",
305
- "types": "./dist/table.d.ts",
306
- "import": "./dist/table.js"
307
- },
308
- "./tabs": {
309
- "@ngrok/src-live-types": "./src/components/tabs/index.ts",
310
- "types": "./dist/tabs.d.ts",
311
- "import": "./dist/tabs.js"
312
- },
313
- "./text-area": {
314
- "@ngrok/src-live-types": "./src/components/text-area/index.ts",
315
- "types": "./dist/text-area.d.ts",
316
- "import": "./dist/text-area.js"
317
- },
318
- "./theme": {
319
- "@ngrok/src-live-types": "./src/components/theme/index.ts",
320
- "types": "./dist/theme.d.ts",
321
- "import": "./dist/theme.js"
322
- },
323
- "./toast": {
324
- "@ngrok/src-live-types": "./src/components/toast/index.ts",
325
- "types": "./dist/toast.d.ts",
326
- "import": "./dist/toast.js"
327
- },
328
- "./tooltip": {
329
- "@ngrok/src-live-types": "./src/components/tooltip/index.ts",
330
- "types": "./dist/tooltip.d.ts",
331
- "import": "./dist/tooltip.js"
332
- },
333
- "./types": {
334
- "@ngrok/src-live-types": "./src/types/index.ts",
335
- "types": "./dist/types.d.ts",
336
- "import": "./dist/types.js"
337
- },
338
- "./utils": {
339
- "@ngrok/src-live-types": "./src/utils/index.ts",
340
- "types": "./dist/utils.d.ts",
341
- "import": "./dist/utils.js"
342
- },
343
- "./well": {
344
- "@ngrok/src-live-types": "./src/components/well/index.ts",
345
- "types": "./dist/well.d.ts",
346
- "import": "./dist/well.js"
347
- }
44
+ "./accordion": "./dist/accordion.js",
45
+ "./alert": "./dist/alert.js",
46
+ "./alert-dialog": "./dist/alert-dialog.js",
47
+ "./anchor": "./dist/anchor.js",
48
+ "./badge": "./dist/badge.js",
49
+ "./browser-only": "./dist/browser-only.js",
50
+ "./button": "./dist/button.js",
51
+ "./calendar": "./dist/calendar.js",
52
+ "./card": "./dist/card.js",
53
+ "./checkbox": "./dist/checkbox.js",
54
+ "./choice": "./dist/choice.js",
55
+ "./code": "./dist/code.js",
56
+ "./code-block": "./dist/code-block.js",
57
+ "./highlight-utils": "./dist/code-block_highlight-utils.js",
58
+ "./color": "./dist/color.js",
59
+ "./combobox": "./dist/combobox.js",
60
+ "./command": "./dist/command.js",
61
+ "./cx": "./dist/cx.js",
62
+ "./data-table": "./dist/data-table.js",
63
+ "./description-list": "./dist/description-list.js",
64
+ "./dialog": "./dist/dialog.js",
65
+ "./dropdown-menu": "./dist/dropdown-menu.js",
66
+ "./empty": "./dist/empty.js",
67
+ "./field": "./dist/field.js",
68
+ "./flag": "./dist/flag.js",
69
+ "./hooks": "./dist/hooks.js",
70
+ "./hover-card": "./dist/hover-card.js",
71
+ "./icon": "./dist/icon.js",
72
+ "./icons": "./dist/icons.js",
73
+ "./input": "./dist/input.js",
74
+ "./kbd": "./dist/kbd.js",
75
+ "./label": "./dist/label.js",
76
+ "./list": "./dist/list.js",
77
+ "./main": "./dist/main.js",
78
+ "./media-object": "./dist/media-object.js",
79
+ "./multi-select": "./dist/multi-select.js",
80
+ "./otp-input": "./dist/otp-input.js",
81
+ "./pagination": "./dist/pagination.js",
82
+ "./popover": "./dist/popover.js",
83
+ "./progress": "./dist/progress.js",
84
+ "./qr-code": "./dist/qr-code.js",
85
+ "./radio-group": "./dist/radio-group.js",
86
+ "./sandboxed-on-click": "./dist/sandboxed-on-click.js",
87
+ "./select": "./dist/select.js",
88
+ "./selectable-list": "./dist/selectable-list.js",
89
+ "./separator": "./dist/separator.js",
90
+ "./sheet": "./dist/sheet.js",
91
+ "./skip-to-main-link": "./dist/skip-to-main-link.js",
92
+ "./skeleton": "./dist/skeleton.js",
93
+ "./slider": "./dist/slider.js",
94
+ "./slot": "./dist/slot.js",
95
+ "./split-button": "./dist/split-button.js",
96
+ "./switch": "./dist/switch.js",
97
+ "./table": "./dist/table.js",
98
+ "./tabs": "./dist/tabs.js",
99
+ "./text-area": "./dist/text-area.js",
100
+ "./theme": "./dist/theme.js",
101
+ "./toast": "./dist/toast.js",
102
+ "./tooltip": "./dist/tooltip.js",
103
+ "./types": "./dist/types.js",
104
+ "./utils": "./dist/utils.js",
105
+ "./well": "./dist/well.js"
348
106
  },
349
107
  "dependencies": {
350
108
  "@ariakit/react": "0.4.29",
@@ -361,6 +119,7 @@
361
119
  "@radix-ui/react-tabs": "1.1.15",
362
120
  "@radix-ui/react-tooltip": "1.2.10",
363
121
  "@tanstack/react-table": "8.21.3",
122
+ "@tanstack/react-virtual": "3.14.4",
364
123
  "class-variance-authority": "0.7.1",
365
124
  "cmdk": "1.1.1",
366
125
  "input-otp": "1.4.2",
@@ -370,25 +129,6 @@
370
129
  "tw-animate-css": "1.4.0",
371
130
  "uqr": "0.1.3"
372
131
  },
373
- "devDependencies": {
374
- "@phosphor-icons/react": "2.1.10",
375
- "@testing-library/dom": "10.4.1",
376
- "@testing-library/jest-dom": "6.9.1",
377
- "@testing-library/react": "16.3.2",
378
- "@testing-library/user-event": "14.6.1",
379
- "@tsdown/css": "0.22.3",
380
- "@types/react": "19.2.17",
381
- "@types/react-dom": "19.2.3",
382
- "@vitest/browser-playwright": "4.1.9",
383
- "happy-dom": "20.10.6",
384
- "playwright": "1.61.0",
385
- "react": "19.2.7",
386
- "react-dom": "19.2.7",
387
- "tailwindcss": "4.3.1",
388
- "tsdown": "0.22.3",
389
- "typescript": "6.0.3",
390
- "@cfg/tsconfig": "1.0.0"
391
- },
392
132
  "peerDependencies": {
393
133
  "@phosphor-icons/react": "^2.1.10",
394
134
  "react": "^18 || ^19",
@@ -397,13 +137,5 @@
397
137
  },
398
138
  "engines": {
399
139
  "node": "^24.0.0"
400
- },
401
- "scripts": {
402
- "build": "NODE_OPTIONS='--max-old-space-size=16384' tsdown",
403
- "clean": "rm -rf dist",
404
- "prebuild": "pnpm run clean",
405
- "test:watch": "TZ=UTC vitest watch",
406
- "test": "TZ=UTC vitest run",
407
- "typecheck": "tsgo"
408
140
  }
409
141
  }
@@ -1 +0,0 @@
1
- import{useSyncExternalStore as e}from"react";function t(){return e(n,()=>!0,()=>!1)}function n(){return()=>{}}function r({children:e,fallback:n=null}){return t()?e():n}function i(){return typeof window<`u`&&typeof document<`u`}export{i as n,t as r,r as t};
@@ -1 +0,0 @@
1
- import{t as e}from"./copy-to-clipboard-Baw30q9O.js";function t(){return e}export{t};