@ngrok/mantle 0.68.7 → 0.69.1

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 (66) hide show
  1. package/README.md +18 -2
  2. package/dist/accordion.d.ts +11 -0
  3. package/dist/accordion.js.map +1 -1
  4. package/dist/alert-dialog.d.ts +16 -0
  5. package/dist/alert-dialog.js.map +1 -1
  6. package/dist/alert.d.ts +11 -0
  7. package/dist/alert.js.map +1 -1
  8. package/dist/card.d.ts +10 -0
  9. package/dist/card.js.map +1 -1
  10. package/dist/checkbox.d.ts +1 -1
  11. package/dist/code-block.d.ts +220 -5
  12. package/dist/code-block.js +1 -1
  13. package/dist/code-block.js.map +1 -1
  14. package/dist/code-block_highlight-utils.d.ts +1 -1
  15. package/dist/code-block_highlight-utils.js +1 -1
  16. package/dist/combobox.d.ts +13 -0
  17. package/dist/combobox.js.map +1 -1
  18. package/dist/command.d.ts +300 -23
  19. package/dist/command.js.map +1 -1
  20. package/dist/data-table.d.ts +17 -1
  21. package/dist/data-table.js.map +1 -1
  22. package/dist/description-list.d.ts +9 -0
  23. package/dist/description-list.js.map +1 -1
  24. package/dist/dialog-DxkpMIzB.js.map +1 -1
  25. package/dist/dialog.d.ts +120 -65
  26. package/dist/dropdown-menu-9nO7ch0t.js.map +1 -1
  27. package/dist/{dropdown-menu-D6MiVSR-.d.ts → dropdown-menu-CeziL3JH.d.ts} +20 -1
  28. package/dist/dropdown-menu.d.ts +1 -1
  29. package/dist/empty.d.ts +183 -0
  30. package/dist/empty.js +2 -0
  31. package/dist/empty.js.map +1 -0
  32. package/dist/hover-card.d.ts +8 -0
  33. package/dist/hover-card.js.map +1 -1
  34. package/dist/media-object.d.ts +8 -0
  35. package/dist/media-object.js.map +1 -1
  36. package/dist/multi-select.d.ts +17 -0
  37. package/dist/multi-select.js.map +1 -1
  38. package/dist/pagination.d.ts +10 -1
  39. package/dist/pagination.js.map +1 -1
  40. package/dist/popover.d.ts +15 -2
  41. package/dist/popover.js.map +1 -1
  42. package/dist/progress.d.ts +14 -0
  43. package/dist/progress.js.map +1 -1
  44. package/dist/radio-group.d.ts +25 -0
  45. package/dist/radio-group.js.map +1 -1
  46. package/dist/{resolve-pre-rendered-props--3gLTSwE.js → resolve-pre-rendered-props-BWARzIcY.js} +3 -2
  47. package/dist/{resolve-pre-rendered-props--3gLTSwE.js.map → resolve-pre-rendered-props-BWARzIcY.js.map} +1 -1
  48. package/dist/{resolve-pre-rendered-props-B3YDbOFZ.d.ts → resolve-pre-rendered-props-CVl0c7ov.d.ts} +3 -3
  49. package/dist/{select-DJmjfGjt.d.ts → select-CG6SzD3Q.d.ts} +76 -13
  50. package/dist/select-Z13w6WBS.js.map +1 -1
  51. package/dist/select.d.ts +1 -1
  52. package/dist/sheet.d.ts +305 -106
  53. package/dist/sheet.js.map +1 -1
  54. package/dist/split-button.d.ts +11 -1
  55. package/dist/split-button.js.map +1 -1
  56. package/dist/{table-C7BejaFW.d.ts → table-BNq2CbgX.d.ts} +16 -1
  57. package/dist/table-CX43SNek.js.map +1 -1
  58. package/dist/table.d.ts +1 -1
  59. package/dist/tabs.d.ts +10 -0
  60. package/dist/tabs.js.map +1 -1
  61. package/dist/theme.d.ts +1 -1
  62. package/dist/toast-BhAyUXKL.js.map +1 -1
  63. package/dist/toast.d.ts +9 -0
  64. package/dist/tooltip.d.ts +8 -0
  65. package/dist/tooltip.js.map +1 -1
  66. package/package.json +6 -1
package/dist/sheet.d.ts CHANGED
@@ -17,6 +17,22 @@ type SheetCloseIconButtonProps = Partial<Omit<IconButtonProps, "icon">>;
17
17
  * @see https://mantle.ngrok.com/components/sheet
18
18
  *
19
19
  * @example
20
+ * Composition:
21
+ * ```
22
+ * Sheet.Root
23
+ * ├── Sheet.Trigger
24
+ * └── Sheet.Content
25
+ * ├── Sheet.Header
26
+ * │ ├── Sheet.TitleGroup
27
+ * │ │ ├── Sheet.Title
28
+ * │ │ └── Sheet.Actions
29
+ * │ └── Sheet.Description
30
+ * ├── Sheet.Body
31
+ * └── Sheet.Footer
32
+ * └── Sheet.Close
33
+ * ```
34
+ *
35
+ * @example
20
36
  * ```tsx
21
37
  * // Triggering a stateful sheet
22
38
  * <Sheet.Root>
@@ -116,12 +132,9 @@ declare const Sheet: {
116
132
  *
117
133
  * @example
118
134
  * ```tsx
119
- * // Triggering a stateful sheet
120
135
  * <Sheet.Root>
121
136
  * <Sheet.Trigger asChild>
122
- * <Button type="button" appearance="filled">
123
- * Open Sheet
124
- * </Button>
137
+ * <Button type="button" appearance="filled">Open Sheet</Button>
125
138
  * </Sheet.Trigger>
126
139
  * <Sheet.Content>
127
140
  * <Sheet.Header>
@@ -131,7 +144,19 @@ declare const Sheet: {
131
144
  * <Sheet.CloseIconButton />
132
145
  * </Sheet.Actions>
133
146
  * </Sheet.TitleGroup>
147
+ * <Sheet.Description>
148
+ * This action cannot be undone.
149
+ * </Sheet.Description>
134
150
  * </Sheet.Header>
151
+ * <Sheet.Body>
152
+ * <p>Sheet content.</p>
153
+ * </Sheet.Body>
154
+ * <Sheet.Footer>
155
+ * <Sheet.Close asChild>
156
+ * <Button type="button">Close</Button>
157
+ * </Sheet.Close>
158
+ * <Button type="button" appearance="filled">Save</Button>
159
+ * </Sheet.Footer>
135
160
  * </Sheet.Content>
136
161
  * </Sheet.Root>
137
162
  * ```
@@ -144,12 +169,33 @@ declare const Sheet: {
144
169
  *
145
170
  * @example
146
171
  * ```tsx
147
- * <Sheet.TitleGroup>
148
- * <Sheet.Title>Are you absolutely sure?</Sheet.Title>
149
- * <Sheet.Actions>
150
- * <Sheet.CloseIconButton />
151
- * </Sheet.Actions>
152
- * </Sheet.TitleGroup>
172
+ * <Sheet.Root>
173
+ * <Sheet.Trigger asChild>
174
+ * <Button type="button" appearance="filled">Open Sheet</Button>
175
+ * </Sheet.Trigger>
176
+ * <Sheet.Content>
177
+ * <Sheet.Header>
178
+ * <Sheet.TitleGroup>
179
+ * <Sheet.Title>Are you absolutely sure?</Sheet.Title>
180
+ * <Sheet.Actions>
181
+ * <Sheet.CloseIconButton />
182
+ * </Sheet.Actions>
183
+ * </Sheet.TitleGroup>
184
+ * <Sheet.Description>
185
+ * This action cannot be undone.
186
+ * </Sheet.Description>
187
+ * </Sheet.Header>
188
+ * <Sheet.Body>
189
+ * <p>Sheet content.</p>
190
+ * </Sheet.Body>
191
+ * <Sheet.Footer>
192
+ * <Sheet.Close asChild>
193
+ * <Button type="button">Close</Button>
194
+ * </Sheet.Close>
195
+ * <Button type="button" appearance="filled">Save</Button>
196
+ * </Sheet.Footer>
197
+ * </Sheet.Content>
198
+ * </Sheet.Root>
153
199
  * ```
154
200
  */
155
201
  readonly Actions: _$react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & _$react.RefAttributes<HTMLDivElement>>;
@@ -161,19 +207,33 @@ declare const Sheet: {
161
207
  *
162
208
  * @example
163
209
  * ```tsx
164
- * <Sheet.Content>
165
- * <Sheet.Header>
166
- * <Sheet.TitleGroup>
167
- * <Sheet.Title>Sheet Title</Sheet.Title>
168
- * <Sheet.Actions>
169
- * <Sheet.CloseIconButton />
170
- * </Sheet.Actions>
171
- * </Sheet.TitleGroup>
172
- * </Sheet.Header>
173
- * <Sheet.Body>
174
- * <p>This is the sheet content.</p>
175
- * </Sheet.Body>
176
- * </Sheet.Content>
210
+ * <Sheet.Root>
211
+ * <Sheet.Trigger asChild>
212
+ * <Button type="button" appearance="filled">Open Sheet</Button>
213
+ * </Sheet.Trigger>
214
+ * <Sheet.Content>
215
+ * <Sheet.Header>
216
+ * <Sheet.TitleGroup>
217
+ * <Sheet.Title>Are you absolutely sure?</Sheet.Title>
218
+ * <Sheet.Actions>
219
+ * <Sheet.CloseIconButton />
220
+ * </Sheet.Actions>
221
+ * </Sheet.TitleGroup>
222
+ * <Sheet.Description>
223
+ * This action cannot be undone.
224
+ * </Sheet.Description>
225
+ * </Sheet.Header>
226
+ * <Sheet.Body>
227
+ * <p>Sheet content.</p>
228
+ * </Sheet.Body>
229
+ * <Sheet.Footer>
230
+ * <Sheet.Close asChild>
231
+ * <Button type="button">Close</Button>
232
+ * </Sheet.Close>
233
+ * <Button type="button" appearance="filled">Save</Button>
234
+ * </Sheet.Footer>
235
+ * </Sheet.Content>
236
+ * </Sheet.Root>
177
237
  * ```
178
238
  */
179
239
  readonly Body: {
@@ -192,11 +252,33 @@ declare const Sheet: {
192
252
  *
193
253
  * @example
194
254
  * ```tsx
195
- * <Sheet.Footer>
196
- * <Sheet.Close asChild>
197
- * <Button type="button">Close</Button>
198
- * </Sheet.Close>
199
- * </Sheet.Footer>
255
+ * <Sheet.Root>
256
+ * <Sheet.Trigger asChild>
257
+ * <Button type="button" appearance="filled">Open Sheet</Button>
258
+ * </Sheet.Trigger>
259
+ * <Sheet.Content>
260
+ * <Sheet.Header>
261
+ * <Sheet.TitleGroup>
262
+ * <Sheet.Title>Are you absolutely sure?</Sheet.Title>
263
+ * <Sheet.Actions>
264
+ * <Sheet.CloseIconButton />
265
+ * </Sheet.Actions>
266
+ * </Sheet.TitleGroup>
267
+ * <Sheet.Description>
268
+ * This action cannot be undone.
269
+ * </Sheet.Description>
270
+ * </Sheet.Header>
271
+ * <Sheet.Body>
272
+ * <p>Sheet content.</p>
273
+ * </Sheet.Body>
274
+ * <Sheet.Footer>
275
+ * <Sheet.Close asChild>
276
+ * <Button type="button">Close</Button>
277
+ * </Sheet.Close>
278
+ * <Button type="button" appearance="filled">Save</Button>
279
+ * </Sheet.Footer>
280
+ * </Sheet.Content>
281
+ * </Sheet.Root>
200
282
  * ```
201
283
  */
202
284
  readonly Close: _$react.ForwardRefExoticComponent<_$_radix_ui_react_dialog0.DialogCloseProps & _$react.RefAttributes<HTMLButtonElement>>;
@@ -208,14 +290,33 @@ declare const Sheet: {
208
290
  *
209
291
  * @example
210
292
  * ```tsx
211
- * <Sheet.Header>
212
- * <Sheet.TitleGroup>
213
- * <Sheet.Title>Sheet Title</Sheet.Title>
214
- * <Sheet.Actions>
215
- * <Sheet.CloseIconButton />
216
- * </Sheet.Actions>
217
- * </Sheet.TitleGroup>
218
- * </Sheet.Header>
293
+ * <Sheet.Root>
294
+ * <Sheet.Trigger asChild>
295
+ * <Button type="button" appearance="filled">Open Sheet</Button>
296
+ * </Sheet.Trigger>
297
+ * <Sheet.Content>
298
+ * <Sheet.Header>
299
+ * <Sheet.TitleGroup>
300
+ * <Sheet.Title>Are you absolutely sure?</Sheet.Title>
301
+ * <Sheet.Actions>
302
+ * <Sheet.CloseIconButton />
303
+ * </Sheet.Actions>
304
+ * </Sheet.TitleGroup>
305
+ * <Sheet.Description>
306
+ * This action cannot be undone.
307
+ * </Sheet.Description>
308
+ * </Sheet.Header>
309
+ * <Sheet.Body>
310
+ * <p>Sheet content.</p>
311
+ * </Sheet.Body>
312
+ * <Sheet.Footer>
313
+ * <Sheet.Close asChild>
314
+ * <Button type="button">Close</Button>
315
+ * </Sheet.Close>
316
+ * <Button type="button" appearance="filled">Save</Button>
317
+ * </Sheet.Footer>
318
+ * </Sheet.Content>
319
+ * </Sheet.Root>
219
320
  * ```
220
321
  */
221
322
  readonly CloseIconButton: {
@@ -239,22 +340,29 @@ declare const Sheet: {
239
340
  * ```tsx
240
341
  * <Sheet.Root>
241
342
  * <Sheet.Trigger asChild>
242
- * <Button type="button" appearance="filled">
243
- * Open Sheet
244
- * </Button>
343
+ * <Button type="button" appearance="filled">Open Sheet</Button>
245
344
  * </Sheet.Trigger>
246
345
  * <Sheet.Content>
247
346
  * <Sheet.Header>
248
347
  * <Sheet.TitleGroup>
249
- * <Sheet.Title>Sheet Title</Sheet.Title>
348
+ * <Sheet.Title>Are you absolutely sure?</Sheet.Title>
250
349
  * <Sheet.Actions>
251
350
  * <Sheet.CloseIconButton />
252
351
  * </Sheet.Actions>
253
352
  * </Sheet.TitleGroup>
353
+ * <Sheet.Description>
354
+ * This action cannot be undone.
355
+ * </Sheet.Description>
254
356
  * </Sheet.Header>
255
357
  * <Sheet.Body>
256
- * <p>This is the sheet content.</p>
358
+ * <p>Sheet content.</p>
257
359
  * </Sheet.Body>
360
+ * <Sheet.Footer>
361
+ * <Sheet.Close asChild>
362
+ * <Button type="button">Close</Button>
363
+ * </Sheet.Close>
364
+ * <Button type="button" appearance="filled">Save</Button>
365
+ * </Sheet.Footer>
258
366
  * </Sheet.Content>
259
367
  * </Sheet.Root>
260
368
  * ```
@@ -280,17 +388,33 @@ declare const Sheet: {
280
388
  *
281
389
  * @example
282
390
  * ```tsx
283
- * <Sheet.Header>
284
- * <Sheet.TitleGroup>
285
- * <Sheet.Title>Sheet Title</Sheet.Title>
286
- * <Sheet.Actions>
287
- * <Sheet.CloseIconButton />
288
- * </Sheet.Actions>
289
- * </Sheet.TitleGroup>
290
- * <Sheet.Description>
291
- * This action cannot be undone.
292
- * </Sheet.Description>
293
- * </Sheet.Header>
391
+ * <Sheet.Root>
392
+ * <Sheet.Trigger asChild>
393
+ * <Button type="button" appearance="filled">Open Sheet</Button>
394
+ * </Sheet.Trigger>
395
+ * <Sheet.Content>
396
+ * <Sheet.Header>
397
+ * <Sheet.TitleGroup>
398
+ * <Sheet.Title>Are you absolutely sure?</Sheet.Title>
399
+ * <Sheet.Actions>
400
+ * <Sheet.CloseIconButton />
401
+ * </Sheet.Actions>
402
+ * </Sheet.TitleGroup>
403
+ * <Sheet.Description>
404
+ * This action cannot be undone.
405
+ * </Sheet.Description>
406
+ * </Sheet.Header>
407
+ * <Sheet.Body>
408
+ * <p>Sheet content.</p>
409
+ * </Sheet.Body>
410
+ * <Sheet.Footer>
411
+ * <Sheet.Close asChild>
412
+ * <Button type="button">Close</Button>
413
+ * </Sheet.Close>
414
+ * <Button type="button" appearance="filled">Save</Button>
415
+ * </Sheet.Footer>
416
+ * </Sheet.Content>
417
+ * </Sheet.Root>
294
418
  * ```
295
419
  */
296
420
  readonly Description: _$react.ForwardRefExoticComponent<Omit<Omit<_$_radix_ui_react_dialog0.DialogDescriptionProps & _$react.RefAttributes<HTMLParagraphElement>, "ref"> & _$react.RefAttributes<HTMLDivElement>, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
@@ -302,27 +426,33 @@ declare const Sheet: {
302
426
  *
303
427
  * @example
304
428
  * ```tsx
305
- * <Sheet.Content>
306
- * <Sheet.Header>
307
- * <Sheet.TitleGroup>
308
- * <Sheet.Title>Sheet Title</Sheet.Title>
309
- * <Sheet.Actions>
310
- * <Sheet.CloseIconButton />
311
- * </Sheet.Actions>
312
- * </Sheet.TitleGroup>
313
- * </Sheet.Header>
314
- * <Sheet.Body>
315
- * <p>This is the sheet content.</p>
316
- * </Sheet.Body>
317
- * <Sheet.Footer>
318
- * <Sheet.Close asChild>
319
- * <Button type="button">Close</Button>
320
- * </Sheet.Close>
321
- * <Button type="button" appearance="filled">
322
- * Save
323
- * </Button>
324
- * </Sheet.Footer>
325
- * </Sheet.Content>
429
+ * <Sheet.Root>
430
+ * <Sheet.Trigger asChild>
431
+ * <Button type="button" appearance="filled">Open Sheet</Button>
432
+ * </Sheet.Trigger>
433
+ * <Sheet.Content>
434
+ * <Sheet.Header>
435
+ * <Sheet.TitleGroup>
436
+ * <Sheet.Title>Are you absolutely sure?</Sheet.Title>
437
+ * <Sheet.Actions>
438
+ * <Sheet.CloseIconButton />
439
+ * </Sheet.Actions>
440
+ * </Sheet.TitleGroup>
441
+ * <Sheet.Description>
442
+ * This action cannot be undone.
443
+ * </Sheet.Description>
444
+ * </Sheet.Header>
445
+ * <Sheet.Body>
446
+ * <p>Sheet content.</p>
447
+ * </Sheet.Body>
448
+ * <Sheet.Footer>
449
+ * <Sheet.Close asChild>
450
+ * <Button type="button">Close</Button>
451
+ * </Sheet.Close>
452
+ * <Button type="button" appearance="filled">Save</Button>
453
+ * </Sheet.Footer>
454
+ * </Sheet.Content>
455
+ * </Sheet.Root>
326
456
  * ```
327
457
  */
328
458
  readonly Footer: {
@@ -340,19 +470,33 @@ declare const Sheet: {
340
470
  *
341
471
  * @example
342
472
  * ```tsx
343
- * <Sheet.Content>
344
- * <Sheet.Header>
345
- * <Sheet.TitleGroup>
346
- * <Sheet.Title>Sheet Title</Sheet.Title>
347
- * <Sheet.Actions>
348
- * <Sheet.CloseIconButton />
349
- * </Sheet.Actions>
350
- * </Sheet.TitleGroup>
351
- * <Sheet.Description>
352
- * This action cannot be undone.
353
- * </Sheet.Description>
354
- * </Sheet.Header>
355
- * </Sheet.Content>
473
+ * <Sheet.Root>
474
+ * <Sheet.Trigger asChild>
475
+ * <Button type="button" appearance="filled">Open Sheet</Button>
476
+ * </Sheet.Trigger>
477
+ * <Sheet.Content>
478
+ * <Sheet.Header>
479
+ * <Sheet.TitleGroup>
480
+ * <Sheet.Title>Are you absolutely sure?</Sheet.Title>
481
+ * <Sheet.Actions>
482
+ * <Sheet.CloseIconButton />
483
+ * </Sheet.Actions>
484
+ * </Sheet.TitleGroup>
485
+ * <Sheet.Description>
486
+ * This action cannot be undone.
487
+ * </Sheet.Description>
488
+ * </Sheet.Header>
489
+ * <Sheet.Body>
490
+ * <p>Sheet content.</p>
491
+ * </Sheet.Body>
492
+ * <Sheet.Footer>
493
+ * <Sheet.Close asChild>
494
+ * <Button type="button">Close</Button>
495
+ * </Sheet.Close>
496
+ * <Button type="button" appearance="filled">Save</Button>
497
+ * </Sheet.Footer>
498
+ * </Sheet.Content>
499
+ * </Sheet.Root>
356
500
  * ```
357
501
  */
358
502
  readonly Header: {
@@ -370,14 +514,33 @@ declare const Sheet: {
370
514
  *
371
515
  * @example
372
516
  * ```tsx
373
- * <Sheet.Header>
374
- * <Sheet.TitleGroup>
375
- * <Sheet.Title>Sheet Title</Sheet.Title>
376
- * <Sheet.Actions>
377
- * <Sheet.CloseIconButton />
378
- * </Sheet.Actions>
379
- * </Sheet.TitleGroup>
380
- * </Sheet.Header>
517
+ * <Sheet.Root>
518
+ * <Sheet.Trigger asChild>
519
+ * <Button type="button" appearance="filled">Open Sheet</Button>
520
+ * </Sheet.Trigger>
521
+ * <Sheet.Content>
522
+ * <Sheet.Header>
523
+ * <Sheet.TitleGroup>
524
+ * <Sheet.Title>Are you absolutely sure?</Sheet.Title>
525
+ * <Sheet.Actions>
526
+ * <Sheet.CloseIconButton />
527
+ * </Sheet.Actions>
528
+ * </Sheet.TitleGroup>
529
+ * <Sheet.Description>
530
+ * This action cannot be undone.
531
+ * </Sheet.Description>
532
+ * </Sheet.Header>
533
+ * <Sheet.Body>
534
+ * <p>Sheet content.</p>
535
+ * </Sheet.Body>
536
+ * <Sheet.Footer>
537
+ * <Sheet.Close asChild>
538
+ * <Button type="button">Close</Button>
539
+ * </Sheet.Close>
540
+ * <Button type="button" appearance="filled">Save</Button>
541
+ * </Sheet.Footer>
542
+ * </Sheet.Content>
543
+ * </Sheet.Root>
381
544
  * ```
382
545
  */
383
546
  readonly Title: _$react.ForwardRefExoticComponent<Omit<_$_radix_ui_react_dialog0.DialogTitleProps & _$react.RefAttributes<HTMLHeadingElement>, "ref"> & _$react.RefAttributes<HTMLHeadingElement>>;
@@ -388,14 +551,33 @@ declare const Sheet: {
388
551
  *
389
552
  * @example
390
553
  * ```tsx
391
- * <Sheet.Header>
392
- * <Sheet.TitleGroup>
393
- * <Sheet.Title>Sheet Title</Sheet.Title>
394
- * <Sheet.Actions>
395
- * <Sheet.CloseIconButton />
396
- * </Sheet.Actions>
397
- * </Sheet.TitleGroup>
398
- * </Sheet.Header>
554
+ * <Sheet.Root>
555
+ * <Sheet.Trigger asChild>
556
+ * <Button type="button" appearance="filled">Open Sheet</Button>
557
+ * </Sheet.Trigger>
558
+ * <Sheet.Content>
559
+ * <Sheet.Header>
560
+ * <Sheet.TitleGroup>
561
+ * <Sheet.Title>Are you absolutely sure?</Sheet.Title>
562
+ * <Sheet.Actions>
563
+ * <Sheet.CloseIconButton />
564
+ * </Sheet.Actions>
565
+ * </Sheet.TitleGroup>
566
+ * <Sheet.Description>
567
+ * This action cannot be undone.
568
+ * </Sheet.Description>
569
+ * </Sheet.Header>
570
+ * <Sheet.Body>
571
+ * <p>Sheet content.</p>
572
+ * </Sheet.Body>
573
+ * <Sheet.Footer>
574
+ * <Sheet.Close asChild>
575
+ * <Button type="button">Close</Button>
576
+ * </Sheet.Close>
577
+ * <Button type="button" appearance="filled">Save</Button>
578
+ * </Sheet.Footer>
579
+ * </Sheet.Content>
580
+ * </Sheet.Root>
399
581
  * ```
400
582
  */
401
583
  readonly TitleGroup: _$react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & _$react.RefAttributes<HTMLDivElement>>;
@@ -409,12 +591,29 @@ declare const Sheet: {
409
591
  * ```tsx
410
592
  * <Sheet.Root>
411
593
  * <Sheet.Trigger asChild>
412
- * <Button type="button" appearance="filled">
413
- * Open Sheet
414
- * </Button>
594
+ * <Button type="button" appearance="filled">Open Sheet</Button>
415
595
  * </Sheet.Trigger>
416
596
  * <Sheet.Content>
417
- * <p>This is the sheet content.</p>
597
+ * <Sheet.Header>
598
+ * <Sheet.TitleGroup>
599
+ * <Sheet.Title>Are you absolutely sure?</Sheet.Title>
600
+ * <Sheet.Actions>
601
+ * <Sheet.CloseIconButton />
602
+ * </Sheet.Actions>
603
+ * </Sheet.TitleGroup>
604
+ * <Sheet.Description>
605
+ * This action cannot be undone.
606
+ * </Sheet.Description>
607
+ * </Sheet.Header>
608
+ * <Sheet.Body>
609
+ * <p>Sheet content.</p>
610
+ * </Sheet.Body>
611
+ * <Sheet.Footer>
612
+ * <Sheet.Close asChild>
613
+ * <Button type="button">Close</Button>
614
+ * </Sheet.Close>
615
+ * <Button type="button" appearance="filled">Save</Button>
616
+ * </Sheet.Footer>
418
617
  * </Sheet.Content>
419
618
  * </Sheet.Root>
420
619
  * ```