@stevederico/skateboard-ui 3.12.0 → 4.1.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.
- package/CHANGELOG.md +25 -0
- package/README.md +37 -31
- package/dist/components/core/Command.js +33 -7
- package/dist/shadcn/ui/accordion.d.ts +1 -6
- package/dist/shadcn/ui/accordion.js +3 -17
- package/dist/shadcn/ui/alert-dialog.d.ts +1 -18
- package/dist/shadcn/ui/alert-dialog.js +3 -43
- package/dist/shadcn/ui/alert.d.ts +1 -13
- package/dist/shadcn/ui/alert.js +3 -28
- package/dist/shadcn/ui/aspect-ratio.d.ts +1 -4
- package/dist/shadcn/ui/aspect-ratio.js +3 -8
- package/dist/shadcn/ui/avatar.d.ts +1 -11
- package/dist/shadcn/ui/avatar.js +3 -24
- package/dist/shadcn/ui/badge.d.ts +1 -14
- package/dist/shadcn/ui/badge.js +3 -33
- package/dist/shadcn/ui/breadcrumb.d.ts +1 -10
- package/dist/shadcn/ui/breadcrumb.js +3 -37
- package/dist/shadcn/ui/button-group.d.ts +1 -13
- package/dist/shadcn/ui/button-group.js +3 -36
- package/dist/shadcn/ui/button.d.ts +1 -34
- package/dist/shadcn/ui/button.js +3 -53
- package/dist/shadcn/ui/calendar.d.ts +1 -13
- package/dist/shadcn/ui/calendar.js +3 -75
- package/dist/shadcn/ui/card.d.ts +1 -11
- package/dist/shadcn/ui/card.js +3 -25
- package/dist/shadcn/ui/checkbox.d.ts +1 -3
- package/dist/shadcn/ui/checkbox.js +3 -9
- package/dist/shadcn/ui/collapsible.d.ts +1 -5
- package/dist/shadcn/ui/collapsible.js +3 -13
- package/dist/shadcn/ui/command.d.ts +1 -19
- package/dist/shadcn/ui/command.js +3 -35
- package/dist/shadcn/ui/context-menu.d.ts +1 -29
- package/dist/shadcn/ui/context-menu.js +3 -52
- package/dist/shadcn/ui/dialog.d.ts +1 -17
- package/dist/shadcn/ui/dialog.js +3 -38
- package/dist/shadcn/ui/drawer.d.ts +1 -13
- package/dist/shadcn/ui/drawer.js +3 -196
- package/dist/shadcn/ui/dropdown-menu.d.ts +1 -29
- package/dist/shadcn/ui/dropdown-menu.js +3 -52
- package/dist/shadcn/ui/empty.d.ts +1 -14
- package/dist/shadcn/ui/empty.js +3 -33
- package/dist/shadcn/ui/field.d.ts +1 -28
- package/dist/shadcn/ui/field.js +3 -68
- package/dist/shadcn/ui/hover-card.d.ts +1 -5
- package/dist/shadcn/ui/hover-card.js +3 -14
- package/dist/shadcn/ui/input-group.d.ts +1 -28
- package/dist/shadcn/ui/input-group.js +3 -58
- package/dist/shadcn/ui/input.d.ts +1 -3
- package/dist/shadcn/ui/input.js +3 -8
- package/dist/shadcn/ui/item.d.ts +1 -34
- package/dist/shadcn/ui/item.js +3 -79
- package/dist/shadcn/ui/kbd.d.ts +1 -3
- package/dist/shadcn/ui/kbd.js +3 -9
- package/dist/shadcn/ui/label.d.ts +1 -3
- package/dist/shadcn/ui/label.js +3 -8
- package/dist/shadcn/ui/menubar.d.ts +1 -29
- package/dist/shadcn/ui/menubar.js +3 -57
- package/dist/shadcn/ui/navigation-menu.d.ts +1 -13
- package/dist/shadcn/ui/navigation-menu.js +3 -31
- package/dist/shadcn/ui/pagination.d.ts +1 -17
- package/dist/shadcn/ui/pagination.js +3 -27
- package/dist/shadcn/ui/popover.d.ts +1 -9
- package/dist/shadcn/ui/popover.js +3 -24
- package/dist/shadcn/ui/progress.d.ts +1 -7
- package/dist/shadcn/ui/progress.js +3 -20
- package/dist/shadcn/ui/radio-group.d.ts +1 -5
- package/dist/shadcn/ui/radio-group.js +3 -12
- package/dist/shadcn/ui/scroll-area.d.ts +1 -5
- package/dist/shadcn/ui/scroll-area.js +3 -12
- package/dist/shadcn/ui/select.d.ts +1 -15
- package/dist/shadcn/ui/select.js +3 -35
- package/dist/shadcn/ui/separator.d.ts +1 -3
- package/dist/shadcn/ui/separator.js +3 -8
- package/dist/shadcn/ui/sheet.d.ts +1 -14
- package/dist/shadcn/ui/sheet.js +3 -38
- package/dist/shadcn/ui/sidebar.d.ts +1 -70
- package/dist/shadcn/ui/sidebar.js +3 -256
- package/dist/shadcn/ui/skeleton.d.ts +1 -2
- package/dist/shadcn/ui/skeleton.js +3 -6
- package/dist/shadcn/ui/slider.d.ts +1 -3
- package/dist/shadcn/ui/slider.js +3 -12
- package/dist/shadcn/ui/spinner.d.ts +1 -2
- package/dist/shadcn/ui/spinner.js +3 -7
- package/dist/shadcn/ui/switch.d.ts +1 -5
- package/dist/shadcn/ui/switch.js +3 -8
- package/dist/shadcn/ui/table.d.ts +1 -10
- package/dist/shadcn/ui/table.js +3 -29
- package/dist/shadcn/ui/tabs.d.ts +1 -13
- package/dist/shadcn/ui/tabs.js +3 -29
- package/dist/shadcn/ui/textarea.d.ts +1 -3
- package/dist/shadcn/ui/textarea.js +3 -7
- package/dist/shadcn/ui/toggle-group.d.ts +1 -11
- package/dist/shadcn/ui/toggle-group.js +3 -25
- package/dist/shadcn/ui/toggle.d.ts +1 -15
- package/dist/shadcn/ui/toggle.js +3 -26
- package/dist/shadcn/ui/tooltip.d.ts +1 -6
- package/dist/shadcn/ui/tooltip.js +3 -17
- package/dist/ui/accordion.d.ts +21 -0
- package/dist/ui/accordion.js +67 -0
- package/dist/ui/alert-dialog.d.ts +32 -0
- package/dist/ui/alert-dialog.js +102 -0
- package/dist/ui/alert.d.ts +13 -0
- package/dist/ui/alert.js +28 -0
- package/dist/ui/aspect-ratio.d.ts +5 -0
- package/dist/ui/aspect-ratio.js +9 -0
- package/dist/ui/avatar.d.ts +14 -0
- package/dist/ui/avatar.js +49 -0
- package/dist/ui/badge.d.ts +22 -0
- package/dist/ui/badge.js +26 -0
- package/dist/ui/breadcrumb.d.ts +13 -0
- package/dist/ui/breadcrumb.js +29 -0
- package/dist/ui/button-group.d.ts +21 -0
- package/dist/ui/button-group.js +29 -0
- package/dist/ui/button.d.ts +38 -0
- package/dist/ui/button.js +49 -0
- package/dist/ui/calendar.d.ts +13 -0
- package/dist/ui/calendar.js +75 -0
- package/dist/ui/card.d.ts +11 -0
- package/dist/ui/card.js +25 -0
- package/dist/ui/checkbox.d.ts +17 -0
- package/dist/ui/checkbox.js +25 -0
- package/dist/ui/collapsible.d.ts +11 -0
- package/dist/ui/collapsible.js +40 -0
- package/dist/ui/command.d.ts +19 -0
- package/dist/ui/command.js +35 -0
- package/dist/ui/context-menu.d.ts +53 -0
- package/dist/ui/context-menu.js +372 -0
- package/dist/ui/dialog.d.ts +40 -0
- package/dist/ui/dialog.js +109 -0
- package/dist/ui/drawer.d.ts +36 -0
- package/dist/ui/drawer.js +243 -0
- package/dist/ui/dropdown-menu.d.ts +61 -0
- package/dist/ui/dropdown-menu.js +347 -0
- package/dist/ui/empty.d.ts +14 -0
- package/dist/ui/empty.js +33 -0
- package/dist/ui/field.d.ts +28 -0
- package/dist/ui/field.js +68 -0
- package/dist/ui/hover-card.d.ts +32 -0
- package/dist/ui/hover-card.js +119 -0
- package/dist/ui/input-group.d.ts +28 -0
- package/dist/ui/input-group.js +58 -0
- package/dist/ui/input.d.ts +3 -0
- package/dist/ui/input.js +7 -0
- package/dist/ui/item.d.ts +41 -0
- package/dist/ui/item.js +69 -0
- package/dist/ui/kbd.d.ts +4 -0
- package/dist/ui/kbd.js +10 -0
- package/dist/ui/label.d.ts +3 -0
- package/dist/ui/label.js +8 -0
- package/dist/ui/menubar.d.ts +59 -0
- package/dist/ui/menubar.js +397 -0
- package/dist/ui/navigation-menu.d.ts +24 -0
- package/dist/ui/navigation-menu.js +203 -0
- package/dist/ui/pagination.d.ts +17 -0
- package/dist/ui/pagination.js +36 -0
- package/dist/ui/popover.d.ts +25 -0
- package/dist/ui/popover.js +126 -0
- package/dist/ui/portal.d.ts +7 -0
- package/dist/ui/portal.js +12 -0
- package/dist/ui/progress.d.ts +15 -0
- package/dist/ui/progress.js +36 -0
- package/dist/ui/radio-group.d.ts +17 -0
- package/dist/ui/radio-group.js +66 -0
- package/dist/ui/scroll-area.d.ts +9 -0
- package/dist/ui/scroll-area.js +72 -0
- package/dist/ui/select.d.ts +37 -0
- package/dist/ui/select.js +226 -0
- package/dist/ui/separator.d.ts +14 -0
- package/dist/ui/separator.js +13 -0
- package/dist/ui/sheet.d.ts +31 -0
- package/dist/ui/sheet.js +121 -0
- package/dist/ui/sidebar.d.ts +86 -0
- package/dist/ui/sidebar.js +211 -0
- package/dist/ui/skeleton.d.ts +3 -0
- package/dist/ui/skeleton.js +7 -0
- package/dist/ui/slider.d.ts +18 -0
- package/dist/ui/slider.js +94 -0
- package/dist/ui/slot.d.ts +27 -0
- package/dist/ui/slot.js +62 -0
- package/dist/ui/spinner.d.ts +3 -0
- package/dist/ui/spinner.js +8 -0
- package/dist/ui/switch.d.ts +17 -0
- package/dist/ui/switch.js +23 -0
- package/dist/ui/table.d.ts +10 -0
- package/dist/ui/table.js +29 -0
- package/dist/ui/tabs.d.ts +29 -0
- package/dist/ui/tabs.js +96 -0
- package/dist/ui/textarea.d.ts +3 -0
- package/dist/ui/textarea.js +7 -0
- package/dist/ui/toggle-group.d.ts +23 -0
- package/dist/ui/toggle-group.js +52 -0
- package/dist/ui/toggle.d.ts +25 -0
- package/dist/ui/toggle.js +41 -0
- package/dist/ui/tooltip.d.ts +25 -0
- package/dist/ui/tooltip.js +90 -0
- package/dist/ui/use-controllable-state.d.ts +10 -0
- package/dist/ui/use-controllable-state.js +17 -0
- package/dist/ui/use-dismiss.d.ts +10 -0
- package/dist/ui/use-dismiss.js +51 -0
- package/dist/ui/use-floating.d.ts +42 -0
- package/dist/ui/use-floating.js +136 -0
- package/dist/ui/use-presence.d.ts +8 -0
- package/dist/ui/use-presence.js +48 -0
- package/dist/ui/use-typeahead.d.ts +19 -0
- package/dist/ui/use-typeahead.js +64 -0
- package/package.json +6 -1
- package/dist/shadcn/lib/base-ui/LICENSE +0 -21
- package/dist/shadcn/lib/base-ui/_chunk-000kmre8.js +0 -150
- package/dist/shadcn/lib/base-ui/_chunk-1vw45v38.js +0 -64
- package/dist/shadcn/lib/base-ui/_chunk-23rx7haq.js +0 -81
- package/dist/shadcn/lib/base-ui/_chunk-242gh8ph.js +0 -230
- package/dist/shadcn/lib/base-ui/_chunk-26cc610z.js +0 -6
- package/dist/shadcn/lib/base-ui/_chunk-2z044bba.js +0 -5890
- package/dist/shadcn/lib/base-ui/_chunk-3cpd1vjz.js +0 -13
- package/dist/shadcn/lib/base-ui/_chunk-3enq1vat.js +0 -82
- package/dist/shadcn/lib/base-ui/_chunk-3xpke33f.js +0 -23
- package/dist/shadcn/lib/base-ui/_chunk-451nqgsa.js +0 -6
- package/dist/shadcn/lib/base-ui/_chunk-4maf6pas.js +0 -11
- package/dist/shadcn/lib/base-ui/_chunk-4zhfq4d3.js +0 -16
- package/dist/shadcn/lib/base-ui/_chunk-5gaqyne5.js +0 -21
- package/dist/shadcn/lib/base-ui/_chunk-5tt5hk59.js +0 -4
- package/dist/shadcn/lib/base-ui/_chunk-5tze5c8q.js +0 -13
- package/dist/shadcn/lib/base-ui/_chunk-5xmdvndx.js +0 -225
- package/dist/shadcn/lib/base-ui/_chunk-6adaer33.js +0 -435
- package/dist/shadcn/lib/base-ui/_chunk-6ejf1z1r.js +0 -9
- package/dist/shadcn/lib/base-ui/_chunk-6kqramh9.js +0 -27
- package/dist/shadcn/lib/base-ui/_chunk-7b9dc493.js +0 -14
- package/dist/shadcn/lib/base-ui/_chunk-8a9vv8am.js +0 -89
- package/dist/shadcn/lib/base-ui/_chunk-8ctgmf06.js +0 -129
- package/dist/shadcn/lib/base-ui/_chunk-8ganmsbg.js +0 -54
- package/dist/shadcn/lib/base-ui/_chunk-8xaqxgck.js +0 -15
- package/dist/shadcn/lib/base-ui/_chunk-95tf2rxq.js +0 -62
- package/dist/shadcn/lib/base-ui/_chunk-9x63vfqj.js +0 -70
- package/dist/shadcn/lib/base-ui/_chunk-ase0ydtt.js +0 -9
- package/dist/shadcn/lib/base-ui/_chunk-b0nc8wq7.js +0 -34
- package/dist/shadcn/lib/base-ui/_chunk-b5ya6xds.js +0 -10
- package/dist/shadcn/lib/base-ui/_chunk-b6dkjkbw.js +0 -43
- package/dist/shadcn/lib/base-ui/_chunk-c2bz952e.js +0 -19
- package/dist/shadcn/lib/base-ui/_chunk-cdgfsr3q.js +0 -15
- package/dist/shadcn/lib/base-ui/_chunk-cdj8cpx5.js +0 -347
- package/dist/shadcn/lib/base-ui/_chunk-cgptgywc.js +0 -104
- package/dist/shadcn/lib/base-ui/_chunk-cwvtvwc7.js +0 -35
- package/dist/shadcn/lib/base-ui/_chunk-dan0mva4.js +0 -23
- package/dist/shadcn/lib/base-ui/_chunk-dzvjwv25.js +0 -0
- package/dist/shadcn/lib/base-ui/_chunk-e13rsb6b.js +0 -184
- package/dist/shadcn/lib/base-ui/_chunk-e56mpvk1.js +0 -118
- package/dist/shadcn/lib/base-ui/_chunk-e6k2ecs7.js +0 -48
- package/dist/shadcn/lib/base-ui/_chunk-ebyxgtb4.js +0 -29
- package/dist/shadcn/lib/base-ui/_chunk-f2wttwrf.js +0 -39
- package/dist/shadcn/lib/base-ui/_chunk-fdzctasg.js +0 -38
- package/dist/shadcn/lib/base-ui/_chunk-ffpjy0ta.js +0 -39
- package/dist/shadcn/lib/base-ui/_chunk-fqry7pew.js +0 -603
- package/dist/shadcn/lib/base-ui/_chunk-ghn1tzt8.js +0 -84
- package/dist/shadcn/lib/base-ui/_chunk-gy0bpkmx.js +0 -12
- package/dist/shadcn/lib/base-ui/_chunk-hm5h9vsk.js +0 -16
- package/dist/shadcn/lib/base-ui/_chunk-htdj1jps.js +0 -833
- package/dist/shadcn/lib/base-ui/_chunk-j29xjete.js +0 -146
- package/dist/shadcn/lib/base-ui/_chunk-j3qkyd10.js +0 -50
- package/dist/shadcn/lib/base-ui/_chunk-ktvsd5k6.js +0 -2386
- package/dist/shadcn/lib/base-ui/_chunk-kw8nnq00.js +0 -546
- package/dist/shadcn/lib/base-ui/_chunk-m307wpdj.js +0 -18
- package/dist/shadcn/lib/base-ui/_chunk-mnd0j7v9.js +0 -15
- package/dist/shadcn/lib/base-ui/_chunk-n11h505c.js +0 -32
- package/dist/shadcn/lib/base-ui/_chunk-p0e2qacz.js +0 -26
- package/dist/shadcn/lib/base-ui/_chunk-pv7b791x.js +0 -106
- package/dist/shadcn/lib/base-ui/_chunk-q5cg71p7.js +0 -83
- package/dist/shadcn/lib/base-ui/_chunk-qbezxj1g.js +0 -385
- package/dist/shadcn/lib/base-ui/_chunk-qmsqz6nt.js +0 -15
- package/dist/shadcn/lib/base-ui/_chunk-rrh8rt4v.js +0 -65
- package/dist/shadcn/lib/base-ui/_chunk-s5pwkz8v.js +0 -25
- package/dist/shadcn/lib/base-ui/_chunk-svxv97ph.js +0 -218
- package/dist/shadcn/lib/base-ui/_chunk-t7ppm3t0.js +0 -68
- package/dist/shadcn/lib/base-ui/_chunk-vg16xxmb.js +0 -52
- package/dist/shadcn/lib/base-ui/_chunk-vgkfmtbe.js +0 -21
- package/dist/shadcn/lib/base-ui/_chunk-watha94s.js +0 -14
- package/dist/shadcn/lib/base-ui/_chunk-wdqynnjf.js +0 -35
- package/dist/shadcn/lib/base-ui/_chunk-wx2nxg0p.js +0 -15
- package/dist/shadcn/lib/base-ui/_chunk-x11e1k9r.js +0 -0
- package/dist/shadcn/lib/base-ui/_chunk-x8xehj6d.js +0 -302
- package/dist/shadcn/lib/base-ui/_chunk-xcqbtm2f.js +0 -28
- package/dist/shadcn/lib/base-ui/_chunk-ytnp24gq.js +0 -328
- package/dist/shadcn/lib/base-ui/_chunk-yzr7eg4b.js +0 -6
- package/dist/shadcn/lib/base-ui/_chunk-zk4mtm9m.js +0 -9
- package/dist/shadcn/lib/base-ui/accordion.d.ts +0 -447
- package/dist/shadcn/lib/base-ui/accordion.js +0 -630
- package/dist/shadcn/lib/base-ui/alert-dialog.d.ts +0 -1467
- package/dist/shadcn/lib/base-ui/alert-dialog.js +0 -98
- package/dist/shadcn/lib/base-ui/avatar.d.ts +0 -123
- package/dist/shadcn/lib/base-ui/avatar.js +0 -235
- package/dist/shadcn/lib/base-ui/button.d.ts +0 -84
- package/dist/shadcn/lib/base-ui/button.js +0 -51
- package/dist/shadcn/lib/base-ui/checkbox.d.ts +0 -341
- package/dist/shadcn/lib/base-ui/checkbox.js +0 -501
- package/dist/shadcn/lib/base-ui/collapsible.d.ts +0 -291
- package/dist/shadcn/lib/base-ui/collapsible.js +0 -264
- package/dist/shadcn/lib/base-ui/context-menu.d.ts +0 -2213
- package/dist/shadcn/lib/base-ui/context-menu.js +0 -323
- package/dist/shadcn/lib/base-ui/dialog.d.ts +0 -1448
- package/dist/shadcn/lib/base-ui/dialog.js +0 -79
- package/dist/shadcn/lib/base-ui/input.d.ts +0 -506
- package/dist/shadcn/lib/base-ui/input.js +0 -1027
- package/dist/shadcn/lib/base-ui/menu.d.ts +0 -2275
- package/dist/shadcn/lib/base-ui/menu.js +0 -60
- package/dist/shadcn/lib/base-ui/menubar.d.ts +0 -48
- package/dist/shadcn/lib/base-ui/menubar.js +0 -156
- package/dist/shadcn/lib/base-ui/merge-props.d.ts +0 -70
- package/dist/shadcn/lib/base-ui/merge-props.js +0 -15
- package/dist/shadcn/lib/base-ui/navigation-menu.d.ts +0 -825
- package/dist/shadcn/lib/base-ui/navigation-menu.js +0 -1849
- package/dist/shadcn/lib/base-ui/popover.d.ts +0 -1743
- package/dist/shadcn/lib/base-ui/popover.js +0 -1089
- package/dist/shadcn/lib/base-ui/preview-card.d.ts +0 -1608
- package/dist/shadcn/lib/base-ui/preview-card.js +0 -919
- package/dist/shadcn/lib/base-ui/progress.d.ts +0 -172
- package/dist/shadcn/lib/base-ui/progress.js +0 -272
- package/dist/shadcn/lib/base-ui/radio-group.d.ts +0 -260
- package/dist/shadcn/lib/base-ui/radio-group.js +0 -239
- package/dist/shadcn/lib/base-ui/radio.d.ts +0 -176
- package/dist/shadcn/lib/base-ui/radio.js +0 -387
- package/dist/shadcn/lib/base-ui/scroll-area.d.ts +0 -241
- package/dist/shadcn/lib/base-ui/scroll-area.js +0 -1055
- package/dist/shadcn/lib/base-ui/select.d.ts +0 -1266
- package/dist/shadcn/lib/base-ui/select.js +0 -2450
- package/dist/shadcn/lib/base-ui/separator.d.ts +0 -76
- package/dist/shadcn/lib/base-ui/separator.js +0 -11
- package/dist/shadcn/lib/base-ui/slider.d.ts +0 -551
- package/dist/shadcn/lib/base-ui/slider.js +0 -1583
- package/dist/shadcn/lib/base-ui/switch.d.ts +0 -313
- package/dist/shadcn/lib/base-ui/switch.js +0 -326
- package/dist/shadcn/lib/base-ui/tabs.d.ts +0 -406
- package/dist/shadcn/lib/base-ui/tabs.js +0 -915
- package/dist/shadcn/lib/base-ui/toggle-group.d.ts +0 -235
- package/dist/shadcn/lib/base-ui/toggle-group.js +0 -145
- package/dist/shadcn/lib/base-ui/toggle.d.ts +0 -224
- package/dist/shadcn/lib/base-ui/toggle.js +0 -127
- package/dist/shadcn/lib/base-ui/tooltip.d.ts +0 -1656
- package/dist/shadcn/lib/base-ui/tooltip.js +0 -920
- package/dist/shadcn/lib/base-ui/use-render.d.ts +0 -87
- package/dist/shadcn/lib/base-ui/use-render.js +0 -15
|
@@ -1,172 +0,0 @@
|
|
|
1
|
-
/* @base-ui/react 1.5.0 — vendored (MIT — MUI Inc).
|
|
2
|
-
* Refresh: scripts/vendor-base-ui.js (see header for instructions).
|
|
3
|
-
* Do not edit by hand. */
|
|
4
|
-
import * as React$1 from 'react';
|
|
5
|
-
|
|
6
|
-
export type HTMLProps<T = any> = React$1.HTMLAttributes<T> & {
|
|
7
|
-
ref?: React$1.Ref<T> | undefined;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* Shape of the render prop: a function that takes props to be spread on the element and component's state and returns a React element.
|
|
11
|
-
*
|
|
12
|
-
* @template Props Props to be spread on the rendered element.
|
|
13
|
-
* @template State Component's internal state.
|
|
14
|
-
*/
|
|
15
|
-
export type ComponentRenderFn<Props, State> = (props: Props, state: State) => React$1.ReactElement<unknown>;
|
|
16
|
-
export type BaseUIEvent<E extends React$1.SyntheticEvent<Element, Event>> = E & {
|
|
17
|
-
preventBaseUIHandler: () => void;
|
|
18
|
-
readonly baseUIHandlerPrevented?: boolean | undefined;
|
|
19
|
-
};
|
|
20
|
-
export type WithPreventBaseUIHandler<T> = T extends ((event: infer E) => any) ? E extends React$1.SyntheticEvent<Element, Event> ? (event: BaseUIEvent<E>) => ReturnType<T> : T : T extends undefined ? undefined : T;
|
|
21
|
-
/**
|
|
22
|
-
* Adds a `preventBaseUIHandler` method to all event handlers.
|
|
23
|
-
*/
|
|
24
|
-
export type WithBaseUIEvent<T> = {
|
|
25
|
-
[K in keyof T]: WithPreventBaseUIHandler<T[K]>;
|
|
26
|
-
};
|
|
27
|
-
/**
|
|
28
|
-
* Props shared by all Base UI components.
|
|
29
|
-
* Contains `className` (string or callback taking the component's state as an argument) and `render` (function to customize rendering).
|
|
30
|
-
*/
|
|
31
|
-
export type BaseUIComponentProps<ElementType extends React$1.ElementType, State, RenderFunctionProps = HTMLProps> = Omit<WithBaseUIEvent<React$1.ComponentPropsWithRef<ElementType>>, "className" | "color" | "defaultValue" | "defaultChecked" | "style"> & {
|
|
32
|
-
/**
|
|
33
|
-
* CSS class applied to the element, or a function that
|
|
34
|
-
* returns a class based on the component's state.
|
|
35
|
-
*/
|
|
36
|
-
className?: string | ((state: State) => string | undefined) | undefined;
|
|
37
|
-
/**
|
|
38
|
-
* Allows you to replace the component's HTML element
|
|
39
|
-
* with a different tag, or compose it with another component.
|
|
40
|
-
*
|
|
41
|
-
* Accepts a `ReactElement` or a function that returns the element to render.
|
|
42
|
-
*/
|
|
43
|
-
render?: React$1.ReactElement | ComponentRenderFn<RenderFunctionProps, State> | undefined;
|
|
44
|
-
/**
|
|
45
|
-
* Style applied to the element, or a function that
|
|
46
|
-
* returns a style object based on the component's state.
|
|
47
|
-
*/
|
|
48
|
-
style?: React$1.CSSProperties | ((state: State) => React$1.CSSProperties | undefined) | undefined;
|
|
49
|
-
};
|
|
50
|
-
/**
|
|
51
|
-
* Groups all parts of the progress bar and provides the task completion status to screen readers.
|
|
52
|
-
* Renders a `<div>` element.
|
|
53
|
-
*
|
|
54
|
-
* Documentation: [Base UI Progress](https://base-ui.com/react/components/progress)
|
|
55
|
-
*/
|
|
56
|
-
export declare const ProgressRoot: React$1.ForwardRefExoticComponent<Omit<ProgressRootProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
57
|
-
export type ProgressStatus = "indeterminate" | "progressing" | "complete";
|
|
58
|
-
export interface ProgressRootState {
|
|
59
|
-
/**
|
|
60
|
-
* The current status.
|
|
61
|
-
*/
|
|
62
|
-
status: ProgressStatus;
|
|
63
|
-
}
|
|
64
|
-
export interface ProgressRootProps extends BaseUIComponentProps<"div", ProgressRootState> {
|
|
65
|
-
/**
|
|
66
|
-
* A string value that provides a user-friendly name for `aria-valuenow`, the current value of the progress bar.
|
|
67
|
-
*/
|
|
68
|
-
"aria-valuetext"?: React$1.AriaAttributes["aria-valuetext"] | undefined;
|
|
69
|
-
/**
|
|
70
|
-
* Options to format the value.
|
|
71
|
-
*/
|
|
72
|
-
format?: Intl.NumberFormatOptions | undefined;
|
|
73
|
-
/**
|
|
74
|
-
* Accepts a function which returns a string value that provides a human-readable text alternative for the current value of the progress bar.
|
|
75
|
-
*/
|
|
76
|
-
getAriaValueText?: ((formattedValue: string | null, value: number | null) => string) | undefined;
|
|
77
|
-
/**
|
|
78
|
-
* The locale used by `Intl.NumberFormat` when formatting the value.
|
|
79
|
-
* Defaults to the user's runtime locale.
|
|
80
|
-
*/
|
|
81
|
-
locale?: Intl.LocalesArgument | undefined;
|
|
82
|
-
/**
|
|
83
|
-
* The maximum value.
|
|
84
|
-
* @default 100
|
|
85
|
-
*/
|
|
86
|
-
max?: number | undefined;
|
|
87
|
-
/**
|
|
88
|
-
* The minimum value.
|
|
89
|
-
* @default 0
|
|
90
|
-
*/
|
|
91
|
-
min?: number | undefined;
|
|
92
|
-
/**
|
|
93
|
-
* The current value. The component is indeterminate when value is `null`.
|
|
94
|
-
* @default null
|
|
95
|
-
*/
|
|
96
|
-
value: number | null;
|
|
97
|
-
}
|
|
98
|
-
export declare namespace ProgressRoot {
|
|
99
|
-
type State = ProgressRootState;
|
|
100
|
-
type Props = ProgressRootProps;
|
|
101
|
-
}
|
|
102
|
-
/**
|
|
103
|
-
* Contains the progress bar indicator.
|
|
104
|
-
* Renders a `<div>` element.
|
|
105
|
-
*
|
|
106
|
-
* Documentation: [Base UI Progress](https://base-ui.com/react/components/progress)
|
|
107
|
-
*/
|
|
108
|
-
export declare const ProgressTrack: React$1.ForwardRefExoticComponent<Omit<ProgressTrackProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
109
|
-
export interface ProgressTrackState extends ProgressRootState {
|
|
110
|
-
}
|
|
111
|
-
export interface ProgressTrackProps extends BaseUIComponentProps<"div", ProgressTrackState> {
|
|
112
|
-
}
|
|
113
|
-
export declare namespace ProgressTrack {
|
|
114
|
-
type State = ProgressTrackState;
|
|
115
|
-
type Props = ProgressTrackProps;
|
|
116
|
-
}
|
|
117
|
-
/**
|
|
118
|
-
* Visualizes the completion status of the task.
|
|
119
|
-
* Renders a `<div>` element.
|
|
120
|
-
*
|
|
121
|
-
* Documentation: [Base UI Progress](https://base-ui.com/react/components/progress)
|
|
122
|
-
*/
|
|
123
|
-
export declare const ProgressIndicator: React$1.ForwardRefExoticComponent<Omit<ProgressIndicatorProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
124
|
-
export interface ProgressIndicatorState extends ProgressRootState {
|
|
125
|
-
}
|
|
126
|
-
export interface ProgressIndicatorProps extends BaseUIComponentProps<"div", ProgressIndicatorState> {
|
|
127
|
-
}
|
|
128
|
-
export declare namespace ProgressIndicator {
|
|
129
|
-
type State = ProgressIndicatorState;
|
|
130
|
-
type Props = ProgressIndicatorProps;
|
|
131
|
-
}
|
|
132
|
-
/**
|
|
133
|
-
* A text label displaying the current value.
|
|
134
|
-
* Renders a `<span>` element.
|
|
135
|
-
*
|
|
136
|
-
* Documentation: [Base UI Progress](https://base-ui.com/react/components/progress)
|
|
137
|
-
*/
|
|
138
|
-
export declare const ProgressValue: React$1.ForwardRefExoticComponent<Omit<ProgressValueProps, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
139
|
-
export interface ProgressValueState extends ProgressRootState {
|
|
140
|
-
}
|
|
141
|
-
export interface ProgressValueProps extends Omit<BaseUIComponentProps<"span", ProgressValueState>, "children"> {
|
|
142
|
-
children?: null | ((formattedValue: string | null, value: number | null) => React$1.ReactNode) | undefined;
|
|
143
|
-
}
|
|
144
|
-
export declare namespace ProgressValue {
|
|
145
|
-
type State = ProgressValueState;
|
|
146
|
-
type Props = ProgressValueProps;
|
|
147
|
-
}
|
|
148
|
-
/**
|
|
149
|
-
* An accessible label for the progress bar.
|
|
150
|
-
* Renders a `<span>` element.
|
|
151
|
-
*
|
|
152
|
-
* Documentation: [Base UI Progress](https://base-ui.com/react/components/progress)
|
|
153
|
-
*/
|
|
154
|
-
export declare const ProgressLabel: React$1.ForwardRefExoticComponent<Omit<ProgressLabelProps, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
155
|
-
export interface ProgressLabelState extends ProgressRootState {
|
|
156
|
-
}
|
|
157
|
-
export interface ProgressLabelProps extends BaseUIComponentProps<"span", ProgressLabelState> {
|
|
158
|
-
}
|
|
159
|
-
export declare namespace ProgressLabel {
|
|
160
|
-
type State = ProgressLabelState;
|
|
161
|
-
type Props = ProgressLabelProps;
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
declare namespace Progress {
|
|
165
|
-
export { ProgressIndicator as Indicator, ProgressLabel as Label, ProgressRoot as Root, ProgressStatus as Status, ProgressTrack as Track, ProgressValue as Value };
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
export {
|
|
169
|
-
Progress,
|
|
170
|
-
};
|
|
171
|
-
|
|
172
|
-
export {};
|
|
@@ -1,272 +0,0 @@
|
|
|
1
|
-
/* @base-ui/react 1.5.0 — vendored (MIT — MUI Inc).
|
|
2
|
-
* Refresh: scripts/vendor-base-ui.js (see header for instructions).
|
|
3
|
-
* Do not edit by hand. */
|
|
4
|
-
import {
|
|
5
|
-
formatNumberValue,
|
|
6
|
-
valueToPercent
|
|
7
|
-
} from "./_chunk-ffpjy0ta.js";
|
|
8
|
-
import {
|
|
9
|
-
useRegisteredLabelId
|
|
10
|
-
} from "./_chunk-vgkfmtbe.js";
|
|
11
|
-
import {
|
|
12
|
-
visuallyHidden
|
|
13
|
-
} from "./_chunk-dan0mva4.js";
|
|
14
|
-
import {
|
|
15
|
-
useValueAsRef
|
|
16
|
-
} from "./_chunk-6kqramh9.js";
|
|
17
|
-
import"./_chunk-wdqynnjf.js";
|
|
18
|
-
import"./_chunk-5tze5c8q.js";
|
|
19
|
-
import {
|
|
20
|
-
useRenderElement
|
|
21
|
-
} from "./_chunk-x8xehj6d.js";
|
|
22
|
-
import {
|
|
23
|
-
__export
|
|
24
|
-
} from "./_chunk-svxv97ph.js";
|
|
25
|
-
|
|
26
|
-
// node_modules/@base-ui/react/esm/progress/index.parts.js
|
|
27
|
-
var exports_index_parts = {};
|
|
28
|
-
__export(exports_index_parts, {
|
|
29
|
-
Value: () => ProgressValue,
|
|
30
|
-
Track: () => ProgressTrack,
|
|
31
|
-
Root: () => ProgressRoot,
|
|
32
|
-
Label: () => ProgressLabel,
|
|
33
|
-
Indicator: () => ProgressIndicator
|
|
34
|
-
});
|
|
35
|
-
|
|
36
|
-
// node_modules/@base-ui/react/esm/progress/root/ProgressRoot.js
|
|
37
|
-
import * as React2 from "react";
|
|
38
|
-
|
|
39
|
-
// node_modules/@base-ui/react/esm/progress/root/ProgressRootContext.js
|
|
40
|
-
import * as React from "react";
|
|
41
|
-
"use client";
|
|
42
|
-
var ProgressRootContext = /* @__PURE__ */ React.createContext(undefined);
|
|
43
|
-
if (true)
|
|
44
|
-
ProgressRootContext.displayName = "ProgressRootContext";
|
|
45
|
-
function useProgressRootContext() {
|
|
46
|
-
const context = React.useContext(ProgressRootContext);
|
|
47
|
-
if (context === undefined) {
|
|
48
|
-
throw new Error("Base UI: ProgressRootContext is missing. Progress parts must be placed within <Progress.Root>.");
|
|
49
|
-
}
|
|
50
|
-
return context;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
// node_modules/@base-ui/react/esm/progress/root/ProgressRootDataAttributes.js
|
|
54
|
-
var ProgressRootDataAttributes = /* @__PURE__ */ function(ProgressRootDataAttributes2) {
|
|
55
|
-
ProgressRootDataAttributes2["complete"] = "data-complete";
|
|
56
|
-
ProgressRootDataAttributes2["indeterminate"] = "data-indeterminate";
|
|
57
|
-
ProgressRootDataAttributes2["progressing"] = "data-progressing";
|
|
58
|
-
return ProgressRootDataAttributes2;
|
|
59
|
-
}({});
|
|
60
|
-
|
|
61
|
-
// node_modules/@base-ui/react/esm/progress/root/stateAttributesMapping.js
|
|
62
|
-
var progressStateAttributesMapping = {
|
|
63
|
-
status(value) {
|
|
64
|
-
if (value === "progressing") {
|
|
65
|
-
return {
|
|
66
|
-
[ProgressRootDataAttributes.progressing]: ""
|
|
67
|
-
};
|
|
68
|
-
}
|
|
69
|
-
if (value === "complete") {
|
|
70
|
-
return {
|
|
71
|
-
[ProgressRootDataAttributes.complete]: ""
|
|
72
|
-
};
|
|
73
|
-
}
|
|
74
|
-
if (value === "indeterminate") {
|
|
75
|
-
return {
|
|
76
|
-
[ProgressRootDataAttributes.indeterminate]: ""
|
|
77
|
-
};
|
|
78
|
-
}
|
|
79
|
-
return null;
|
|
80
|
-
}
|
|
81
|
-
};
|
|
82
|
-
|
|
83
|
-
// node_modules/@base-ui/react/esm/progress/root/ProgressRoot.js
|
|
84
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
85
|
-
"use client";
|
|
86
|
-
function getDefaultAriaValueText(formattedValue, value) {
|
|
87
|
-
if (value == null) {
|
|
88
|
-
return "indeterminate progress";
|
|
89
|
-
}
|
|
90
|
-
return formattedValue || `${value}%`;
|
|
91
|
-
}
|
|
92
|
-
var ProgressRoot = /* @__PURE__ */ React2.forwardRef(function ProgressRoot2(componentProps, forwardedRef) {
|
|
93
|
-
const {
|
|
94
|
-
format,
|
|
95
|
-
getAriaValueText = getDefaultAriaValueText,
|
|
96
|
-
locale,
|
|
97
|
-
max = 100,
|
|
98
|
-
min = 0,
|
|
99
|
-
value,
|
|
100
|
-
render,
|
|
101
|
-
className,
|
|
102
|
-
children,
|
|
103
|
-
style,
|
|
104
|
-
...elementProps
|
|
105
|
-
} = componentProps;
|
|
106
|
-
const [labelId, setLabelId] = React2.useState();
|
|
107
|
-
const formatOptionsRef = useValueAsRef(format);
|
|
108
|
-
let status = "indeterminate";
|
|
109
|
-
if (Number.isFinite(value)) {
|
|
110
|
-
status = value === max ? "complete" : "progressing";
|
|
111
|
-
}
|
|
112
|
-
const formattedValue = formatNumberValue(value, locale, formatOptionsRef.current);
|
|
113
|
-
const state = React2.useMemo(() => ({
|
|
114
|
-
status
|
|
115
|
-
}), [status]);
|
|
116
|
-
const defaultProps = {
|
|
117
|
-
"aria-labelledby": labelId,
|
|
118
|
-
"aria-valuemax": max,
|
|
119
|
-
"aria-valuemin": min,
|
|
120
|
-
"aria-valuenow": value ?? undefined,
|
|
121
|
-
"aria-valuetext": getAriaValueText(formattedValue, value),
|
|
122
|
-
role: "progressbar",
|
|
123
|
-
children: /* @__PURE__ */ _jsxs(React2.Fragment, {
|
|
124
|
-
children: [children, /* @__PURE__ */ _jsx("span", {
|
|
125
|
-
role: "presentation",
|
|
126
|
-
style: visuallyHidden,
|
|
127
|
-
children: "x"
|
|
128
|
-
})]
|
|
129
|
-
})
|
|
130
|
-
};
|
|
131
|
-
const contextValue = React2.useMemo(() => ({
|
|
132
|
-
formattedValue,
|
|
133
|
-
max,
|
|
134
|
-
min,
|
|
135
|
-
setLabelId,
|
|
136
|
-
state,
|
|
137
|
-
status,
|
|
138
|
-
value
|
|
139
|
-
}), [formattedValue, max, min, setLabelId, state, status, value]);
|
|
140
|
-
const element = useRenderElement("div", componentProps, {
|
|
141
|
-
state,
|
|
142
|
-
ref: forwardedRef,
|
|
143
|
-
props: [defaultProps, elementProps],
|
|
144
|
-
stateAttributesMapping: progressStateAttributesMapping
|
|
145
|
-
});
|
|
146
|
-
return /* @__PURE__ */ _jsx(ProgressRootContext.Provider, {
|
|
147
|
-
value: contextValue,
|
|
148
|
-
children: element
|
|
149
|
-
});
|
|
150
|
-
});
|
|
151
|
-
if (true)
|
|
152
|
-
ProgressRoot.displayName = "ProgressRoot";
|
|
153
|
-
// node_modules/@base-ui/react/esm/progress/track/ProgressTrack.js
|
|
154
|
-
import * as React3 from "react";
|
|
155
|
-
"use client";
|
|
156
|
-
var ProgressTrack = /* @__PURE__ */ React3.forwardRef(function ProgressTrack2(componentProps, forwardedRef) {
|
|
157
|
-
const {
|
|
158
|
-
render,
|
|
159
|
-
className,
|
|
160
|
-
style,
|
|
161
|
-
...elementProps
|
|
162
|
-
} = componentProps;
|
|
163
|
-
const {
|
|
164
|
-
state
|
|
165
|
-
} = useProgressRootContext();
|
|
166
|
-
const element = useRenderElement("div", componentProps, {
|
|
167
|
-
state,
|
|
168
|
-
ref: forwardedRef,
|
|
169
|
-
props: elementProps,
|
|
170
|
-
stateAttributesMapping: progressStateAttributesMapping
|
|
171
|
-
});
|
|
172
|
-
return element;
|
|
173
|
-
});
|
|
174
|
-
if (true)
|
|
175
|
-
ProgressTrack.displayName = "ProgressTrack";
|
|
176
|
-
// node_modules/@base-ui/react/esm/progress/indicator/ProgressIndicator.js
|
|
177
|
-
import * as React4 from "react";
|
|
178
|
-
"use client";
|
|
179
|
-
var ProgressIndicator = /* @__PURE__ */ React4.forwardRef(function ProgressIndicator2(componentProps, forwardedRef) {
|
|
180
|
-
const {
|
|
181
|
-
render,
|
|
182
|
-
className,
|
|
183
|
-
style,
|
|
184
|
-
...elementProps
|
|
185
|
-
} = componentProps;
|
|
186
|
-
const {
|
|
187
|
-
max,
|
|
188
|
-
min,
|
|
189
|
-
value,
|
|
190
|
-
state
|
|
191
|
-
} = useProgressRootContext();
|
|
192
|
-
const percentageValue = Number.isFinite(value) && value !== null ? valueToPercent(value, min, max) : null;
|
|
193
|
-
const indicatorStyle = percentageValue == null ? {} : {
|
|
194
|
-
insetInlineStart: 0,
|
|
195
|
-
height: "inherit",
|
|
196
|
-
width: `${percentageValue}%`
|
|
197
|
-
};
|
|
198
|
-
const element = useRenderElement("div", componentProps, {
|
|
199
|
-
state,
|
|
200
|
-
ref: forwardedRef,
|
|
201
|
-
props: [{
|
|
202
|
-
style: indicatorStyle
|
|
203
|
-
}, elementProps],
|
|
204
|
-
stateAttributesMapping: progressStateAttributesMapping
|
|
205
|
-
});
|
|
206
|
-
return element;
|
|
207
|
-
});
|
|
208
|
-
if (true)
|
|
209
|
-
ProgressIndicator.displayName = "ProgressIndicator";
|
|
210
|
-
// node_modules/@base-ui/react/esm/progress/value/ProgressValue.js
|
|
211
|
-
import * as React5 from "react";
|
|
212
|
-
"use client";
|
|
213
|
-
var ProgressValue = /* @__PURE__ */ React5.forwardRef(function ProgressValue2(componentProps, forwardedRef) {
|
|
214
|
-
const {
|
|
215
|
-
className,
|
|
216
|
-
render,
|
|
217
|
-
children,
|
|
218
|
-
style,
|
|
219
|
-
...elementProps
|
|
220
|
-
} = componentProps;
|
|
221
|
-
const {
|
|
222
|
-
value,
|
|
223
|
-
formattedValue,
|
|
224
|
-
state
|
|
225
|
-
} = useProgressRootContext();
|
|
226
|
-
const formattedValueArg = value == null ? "indeterminate" : formattedValue;
|
|
227
|
-
const formattedValueDisplay = value == null ? null : formattedValue;
|
|
228
|
-
const element = useRenderElement("span", componentProps, {
|
|
229
|
-
state,
|
|
230
|
-
ref: forwardedRef,
|
|
231
|
-
props: [{
|
|
232
|
-
"aria-hidden": true,
|
|
233
|
-
children: typeof children === "function" ? children(formattedValueArg, value) : formattedValueDisplay
|
|
234
|
-
}, elementProps],
|
|
235
|
-
stateAttributesMapping: progressStateAttributesMapping
|
|
236
|
-
});
|
|
237
|
-
return element;
|
|
238
|
-
});
|
|
239
|
-
if (true)
|
|
240
|
-
ProgressValue.displayName = "ProgressValue";
|
|
241
|
-
// node_modules/@base-ui/react/esm/progress/label/ProgressLabel.js
|
|
242
|
-
import * as React6 from "react";
|
|
243
|
-
"use client";
|
|
244
|
-
var ProgressLabel = /* @__PURE__ */ React6.forwardRef(function ProgressLabel2(componentProps, forwardedRef) {
|
|
245
|
-
const {
|
|
246
|
-
render,
|
|
247
|
-
className,
|
|
248
|
-
style,
|
|
249
|
-
id: idProp,
|
|
250
|
-
...elementProps
|
|
251
|
-
} = componentProps;
|
|
252
|
-
const {
|
|
253
|
-
setLabelId,
|
|
254
|
-
state
|
|
255
|
-
} = useProgressRootContext();
|
|
256
|
-
const id = useRegisteredLabelId(idProp, setLabelId);
|
|
257
|
-
const element = useRenderElement("span", componentProps, {
|
|
258
|
-
state,
|
|
259
|
-
ref: forwardedRef,
|
|
260
|
-
props: [{
|
|
261
|
-
id,
|
|
262
|
-
role: "presentation"
|
|
263
|
-
}, elementProps],
|
|
264
|
-
stateAttributesMapping: progressStateAttributesMapping
|
|
265
|
-
});
|
|
266
|
-
return element;
|
|
267
|
-
});
|
|
268
|
-
if (true)
|
|
269
|
-
ProgressLabel.displayName = "ProgressLabel";
|
|
270
|
-
export {
|
|
271
|
-
exports_index_parts as Progress
|
|
272
|
-
};
|
|
@@ -1,260 +0,0 @@
|
|
|
1
|
-
/* @base-ui/react 1.5.0 — vendored (MIT — MUI Inc).
|
|
2
|
-
* Refresh: scripts/vendor-base-ui.js (see header for instructions).
|
|
3
|
-
* Do not edit by hand. */
|
|
4
|
-
import * as React$1 from 'react';
|
|
5
|
-
|
|
6
|
-
declare const none: "none";
|
|
7
|
-
declare const triggerPress: "trigger-press";
|
|
8
|
-
declare const triggerHover: "trigger-hover";
|
|
9
|
-
declare const triggerFocus: "trigger-focus";
|
|
10
|
-
declare const outsidePress: "outside-press";
|
|
11
|
-
declare const itemPress: "item-press";
|
|
12
|
-
declare const closePress: "close-press";
|
|
13
|
-
declare const linkPress: "link-press";
|
|
14
|
-
declare const clearPress: "clear-press";
|
|
15
|
-
declare const chipRemovePress: "chip-remove-press";
|
|
16
|
-
declare const trackPress: "track-press";
|
|
17
|
-
declare const incrementPress: "increment-press";
|
|
18
|
-
declare const decrementPress: "decrement-press";
|
|
19
|
-
declare const inputChange: "input-change";
|
|
20
|
-
declare const inputClear: "input-clear";
|
|
21
|
-
declare const inputBlur: "input-blur";
|
|
22
|
-
declare const inputPaste: "input-paste";
|
|
23
|
-
declare const inputPress: "input-press";
|
|
24
|
-
declare const focusOut: "focus-out";
|
|
25
|
-
declare const escapeKey: "escape-key";
|
|
26
|
-
declare const closeWatcher: "close-watcher";
|
|
27
|
-
declare const listNavigation: "list-navigation";
|
|
28
|
-
declare const keyboard: "keyboard";
|
|
29
|
-
declare const pointer: "pointer";
|
|
30
|
-
declare const drag: "drag";
|
|
31
|
-
declare const wheel: "wheel";
|
|
32
|
-
declare const scrub: "scrub";
|
|
33
|
-
declare const cancelOpen: "cancel-open";
|
|
34
|
-
declare const siblingOpen: "sibling-open";
|
|
35
|
-
declare const disabled: "disabled";
|
|
36
|
-
declare const missing: "missing";
|
|
37
|
-
declare const initial: "initial";
|
|
38
|
-
declare const imperativeAction: "imperative-action";
|
|
39
|
-
declare const swipe: "swipe";
|
|
40
|
-
declare const windowResize: "window-resize";
|
|
41
|
-
export interface ReasonToEventMap {
|
|
42
|
-
[none]: Event;
|
|
43
|
-
[triggerPress]: MouseEvent | PointerEvent | TouchEvent | KeyboardEvent;
|
|
44
|
-
[triggerHover]: MouseEvent;
|
|
45
|
-
[triggerFocus]: FocusEvent;
|
|
46
|
-
[outsidePress]: MouseEvent | PointerEvent | TouchEvent;
|
|
47
|
-
[itemPress]: MouseEvent | KeyboardEvent | PointerEvent;
|
|
48
|
-
[closePress]: MouseEvent | KeyboardEvent | PointerEvent;
|
|
49
|
-
[linkPress]: MouseEvent | PointerEvent;
|
|
50
|
-
[clearPress]: PointerEvent | MouseEvent | KeyboardEvent;
|
|
51
|
-
[chipRemovePress]: PointerEvent | MouseEvent | KeyboardEvent;
|
|
52
|
-
[trackPress]: PointerEvent | MouseEvent | TouchEvent;
|
|
53
|
-
[incrementPress]: PointerEvent | MouseEvent | TouchEvent;
|
|
54
|
-
[decrementPress]: PointerEvent | MouseEvent | TouchEvent;
|
|
55
|
-
[inputChange]: InputEvent | Event;
|
|
56
|
-
[inputClear]: InputEvent | FocusEvent | Event;
|
|
57
|
-
[inputBlur]: FocusEvent;
|
|
58
|
-
[inputPaste]: ClipboardEvent;
|
|
59
|
-
[inputPress]: MouseEvent | PointerEvent | TouchEvent | KeyboardEvent;
|
|
60
|
-
[focusOut]: FocusEvent | KeyboardEvent;
|
|
61
|
-
[escapeKey]: KeyboardEvent;
|
|
62
|
-
[closeWatcher]: Event;
|
|
63
|
-
[listNavigation]: KeyboardEvent;
|
|
64
|
-
[keyboard]: KeyboardEvent;
|
|
65
|
-
[pointer]: PointerEvent;
|
|
66
|
-
[drag]: PointerEvent | TouchEvent;
|
|
67
|
-
[swipe]: PointerEvent | TouchEvent;
|
|
68
|
-
[wheel]: WheelEvent;
|
|
69
|
-
[scrub]: PointerEvent;
|
|
70
|
-
[cancelOpen]: MouseEvent;
|
|
71
|
-
[siblingOpen]: Event;
|
|
72
|
-
[disabled]: Event;
|
|
73
|
-
[missing]: Event;
|
|
74
|
-
[initial]: Event;
|
|
75
|
-
[imperativeAction]: Event;
|
|
76
|
-
[windowResize]: UIEvent;
|
|
77
|
-
}
|
|
78
|
-
/**
|
|
79
|
-
* Maps a change `reason` string to the corresponding native event type.
|
|
80
|
-
*/
|
|
81
|
-
export type ReasonToEvent<Reason extends string> = Reason extends keyof ReasonToEventMap ? ReasonToEventMap[Reason] : Event;
|
|
82
|
-
export type BaseUIChangeEventDetail<Reason extends string, CustomProperties extends object> = {
|
|
83
|
-
/**
|
|
84
|
-
* The reason for the event.
|
|
85
|
-
*/
|
|
86
|
-
reason: Reason;
|
|
87
|
-
/**
|
|
88
|
-
* The native event associated with the custom event.
|
|
89
|
-
*/
|
|
90
|
-
event: ReasonToEvent<Reason>;
|
|
91
|
-
/**
|
|
92
|
-
* Cancels Base UI from handling the event.
|
|
93
|
-
*/
|
|
94
|
-
cancel: () => void;
|
|
95
|
-
/**
|
|
96
|
-
* Allows the event to propagate in cases where Base UI will stop the propagation.
|
|
97
|
-
*/
|
|
98
|
-
allowPropagation: () => void;
|
|
99
|
-
/**
|
|
100
|
-
* Indicates whether the event has been canceled.
|
|
101
|
-
*/
|
|
102
|
-
isCanceled: boolean;
|
|
103
|
-
/**
|
|
104
|
-
* Indicates whether the event is allowed to propagate.
|
|
105
|
-
*/
|
|
106
|
-
isPropagationAllowed: boolean;
|
|
107
|
-
/**
|
|
108
|
-
* The element that triggered the event, if applicable.
|
|
109
|
-
*/
|
|
110
|
-
trigger: Element | undefined;
|
|
111
|
-
} & CustomProperties;
|
|
112
|
-
/**
|
|
113
|
-
* Details of custom change events emitted by Base UI components.
|
|
114
|
-
*/
|
|
115
|
-
export type BaseUIChangeEventDetails<Reason extends string, CustomProperties extends object = {}> = Reason extends string ? BaseUIChangeEventDetail<Reason, CustomProperties> & {} : never;
|
|
116
|
-
export type HTMLProps<T = any> = React$1.HTMLAttributes<T> & {
|
|
117
|
-
ref?: React$1.Ref<T> | undefined;
|
|
118
|
-
};
|
|
119
|
-
/**
|
|
120
|
-
* Shape of the render prop: a function that takes props to be spread on the element and component's state and returns a React element.
|
|
121
|
-
*
|
|
122
|
-
* @template Props Props to be spread on the rendered element.
|
|
123
|
-
* @template State Component's internal state.
|
|
124
|
-
*/
|
|
125
|
-
export type ComponentRenderFn<Props, State> = (props: Props, state: State) => React$1.ReactElement<unknown>;
|
|
126
|
-
export type BaseUIEvent<E extends React$1.SyntheticEvent<Element, Event>> = E & {
|
|
127
|
-
preventBaseUIHandler: () => void;
|
|
128
|
-
readonly baseUIHandlerPrevented?: boolean | undefined;
|
|
129
|
-
};
|
|
130
|
-
export type WithPreventBaseUIHandler<T> = T extends ((event: infer E) => any) ? E extends React$1.SyntheticEvent<Element, Event> ? (event: BaseUIEvent<E>) => ReturnType<T> : T : T extends undefined ? undefined : T;
|
|
131
|
-
/**
|
|
132
|
-
* Adds a `preventBaseUIHandler` method to all event handlers.
|
|
133
|
-
*/
|
|
134
|
-
export type WithBaseUIEvent<T> = {
|
|
135
|
-
[K in keyof T]: WithPreventBaseUIHandler<T[K]>;
|
|
136
|
-
};
|
|
137
|
-
/**
|
|
138
|
-
* Props shared by all Base UI components.
|
|
139
|
-
* Contains `className` (string or callback taking the component's state as an argument) and `render` (function to customize rendering).
|
|
140
|
-
*/
|
|
141
|
-
export type BaseUIComponentProps<ElementType extends React$1.ElementType, State, RenderFunctionProps = HTMLProps> = Omit<WithBaseUIEvent<React$1.ComponentPropsWithRef<ElementType>>, "className" | "color" | "defaultValue" | "defaultChecked" | "style"> & {
|
|
142
|
-
/**
|
|
143
|
-
* CSS class applied to the element, or a function that
|
|
144
|
-
* returns a class based on the component's state.
|
|
145
|
-
*/
|
|
146
|
-
className?: string | ((state: State) => string | undefined) | undefined;
|
|
147
|
-
/**
|
|
148
|
-
* Allows you to replace the component's HTML element
|
|
149
|
-
* with a different tag, or compose it with another component.
|
|
150
|
-
*
|
|
151
|
-
* Accepts a `ReactElement` or a function that returns the element to render.
|
|
152
|
-
*/
|
|
153
|
-
render?: React$1.ReactElement | ComponentRenderFn<RenderFunctionProps, State> | undefined;
|
|
154
|
-
/**
|
|
155
|
-
* Style applied to the element, or a function that
|
|
156
|
-
* returns a style object based on the component's state.
|
|
157
|
-
*/
|
|
158
|
-
style?: React$1.CSSProperties | ((state: State) => React$1.CSSProperties | undefined) | undefined;
|
|
159
|
-
};
|
|
160
|
-
export interface FieldRootState {
|
|
161
|
-
/**
|
|
162
|
-
* Whether the component should ignore user interaction.
|
|
163
|
-
*/
|
|
164
|
-
disabled: boolean;
|
|
165
|
-
/**
|
|
166
|
-
* Whether the field has been touched.
|
|
167
|
-
*/
|
|
168
|
-
touched: boolean;
|
|
169
|
-
/**
|
|
170
|
-
* Whether the field value has changed from its initial value.
|
|
171
|
-
*/
|
|
172
|
-
dirty: boolean;
|
|
173
|
-
/**
|
|
174
|
-
* Whether the field is valid.
|
|
175
|
-
*/
|
|
176
|
-
valid: boolean | null;
|
|
177
|
-
/**
|
|
178
|
-
* Whether the field has a value.
|
|
179
|
-
*/
|
|
180
|
-
filled: boolean;
|
|
181
|
-
/**
|
|
182
|
-
* Whether the field is focused.
|
|
183
|
-
*/
|
|
184
|
-
focused: boolean;
|
|
185
|
-
}
|
|
186
|
-
/**
|
|
187
|
-
* Provides a shared state to a series of radio buttons.
|
|
188
|
-
* Renders a `<div>` element.
|
|
189
|
-
*
|
|
190
|
-
* Documentation: [Base UI Radio Group](https://base-ui.com/react/components/radio)
|
|
191
|
-
*/
|
|
192
|
-
export declare const RadioGroup: {
|
|
193
|
-
<Value>(props: RadioGroup.Props<Value>): React$1.JSX.Element;
|
|
194
|
-
};
|
|
195
|
-
export interface RadioGroupState extends FieldRootState {
|
|
196
|
-
/**
|
|
197
|
-
* Whether the user should be unable to select a different radio button in the group.
|
|
198
|
-
*/
|
|
199
|
-
readOnly: boolean;
|
|
200
|
-
/**
|
|
201
|
-
* Whether the user must tick a radio button within the group before submitting a form.
|
|
202
|
-
*/
|
|
203
|
-
required: boolean;
|
|
204
|
-
}
|
|
205
|
-
export interface RadioGroupProps<Value = any> extends Omit<BaseUIComponentProps<"div", RadioGroupState>, "value"> {
|
|
206
|
-
/**
|
|
207
|
-
* Whether the component should ignore user interaction.
|
|
208
|
-
* @default false
|
|
209
|
-
*/
|
|
210
|
-
disabled?: boolean | undefined;
|
|
211
|
-
/**
|
|
212
|
-
* Whether the user should be unable to select a different radio button in the group.
|
|
213
|
-
* @default false
|
|
214
|
-
*/
|
|
215
|
-
readOnly?: boolean | undefined;
|
|
216
|
-
/**
|
|
217
|
-
* Whether the user must choose a value before submitting a form.
|
|
218
|
-
* @default false
|
|
219
|
-
*/
|
|
220
|
-
required?: boolean | undefined;
|
|
221
|
-
/**
|
|
222
|
-
* Identifies the field when a form is submitted.
|
|
223
|
-
*/
|
|
224
|
-
name?: string | undefined;
|
|
225
|
-
/**
|
|
226
|
-
* Identifies the form that owns the radio inputs.
|
|
227
|
-
* Useful when the radio group is rendered outside the form.
|
|
228
|
-
*/
|
|
229
|
-
form?: string | undefined;
|
|
230
|
-
/**
|
|
231
|
-
* The controlled value of the radio item that should be currently selected.
|
|
232
|
-
*
|
|
233
|
-
* To render an uncontrolled radio group, use the `defaultValue` prop instead.
|
|
234
|
-
*/
|
|
235
|
-
value?: Value | undefined;
|
|
236
|
-
/**
|
|
237
|
-
* The uncontrolled value of the radio button that should be initially selected.
|
|
238
|
-
*
|
|
239
|
-
* To render a controlled radio group, use the `value` prop instead.
|
|
240
|
-
*/
|
|
241
|
-
defaultValue?: Value | undefined;
|
|
242
|
-
/**
|
|
243
|
-
* Callback fired when the value changes.
|
|
244
|
-
*/
|
|
245
|
-
onValueChange?: ((value: Value, eventDetails: RadioGroup.ChangeEventDetails) => void) | undefined;
|
|
246
|
-
/**
|
|
247
|
-
* A ref to access the hidden input element.
|
|
248
|
-
*/
|
|
249
|
-
inputRef?: React$1.Ref<HTMLInputElement> | undefined;
|
|
250
|
-
}
|
|
251
|
-
export type RadioGroupChangeEventReason = typeof none;
|
|
252
|
-
export type RadioGroupChangeEventDetails = BaseUIChangeEventDetails<RadioGroup.ChangeEventReason>;
|
|
253
|
-
export declare namespace RadioGroup {
|
|
254
|
-
type State = RadioGroupState;
|
|
255
|
-
type Props<TValue = any> = RadioGroupProps<TValue>;
|
|
256
|
-
type ChangeEventReason = RadioGroupChangeEventReason;
|
|
257
|
-
type ChangeEventDetails = RadioGroupChangeEventDetails;
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
export {};
|