@arolariu/components 0.4.2 → 1.0.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 → CHANGELOG.md} +36 -0
- package/CONTRIBUTING.md +344 -265
- package/DEBUGGING.md +185 -103
- package/EXAMPLES.md +470 -345
- package/{readme.md → README.md} +306 -203
- package/dist/components/ui/accordion.d.ts +157 -5
- package/dist/components/ui/accordion.d.ts.map +1 -1
- package/dist/components/ui/accordion.js +100 -22
- package/dist/components/ui/accordion.js.map +1 -1
- package/dist/components/ui/accordion.module.js +12 -0
- package/dist/components/ui/accordion.module.js.map +1 -0
- package/dist/components/ui/accordion_module.css +72 -0
- package/dist/components/ui/accordion_module.css.map +1 -0
- package/dist/components/ui/alert-dialog.d.ts +321 -18
- package/dist/components/ui/alert-dialog.d.ts.map +1 -1
- package/dist/components/ui/alert-dialog.js +145 -52
- package/dist/components/ui/alert-dialog.js.map +1 -1
- package/dist/components/ui/alert-dialog.module.js +13 -0
- package/dist/components/ui/alert-dialog.module.js.map +1 -0
- package/dist/components/ui/alert-dialog_module.css +89 -0
- package/dist/components/ui/alert-dialog_module.css.map +1 -0
- package/dist/components/ui/alert.d.ts +109 -6
- package/dist/components/ui/alert.d.ts.map +1 -1
- package/dist/components/ui/alert.js +12 -21
- package/dist/components/ui/alert.js.map +1 -1
- package/dist/components/ui/alert.module.js +11 -0
- package/dist/components/ui/alert.module.js.map +1 -0
- package/dist/components/ui/alert_module.css +59 -0
- package/dist/components/ui/alert_module.css.map +1 -0
- package/dist/components/ui/aspect-ratio.d.ts +24 -2
- package/dist/components/ui/aspect-ratio.d.ts.map +1 -1
- package/dist/components/ui/aspect-ratio.js +14 -3
- package/dist/components/ui/aspect-ratio.js.map +1 -1
- package/dist/components/ui/aspect-ratio.module.js +7 -0
- package/dist/components/ui/aspect-ratio.module.js.map +1 -0
- package/dist/components/ui/aspect-ratio_module.css +10 -0
- package/dist/components/ui/aspect-ratio_module.css.map +1 -0
- package/dist/components/ui/async-boundary.js +17 -0
- package/dist/components/ui/async-boundary.js.map +1 -0
- package/dist/components/ui/avatar.d.ts +97 -4
- package/dist/components/ui/avatar.d.ts.map +1 -1
- package/dist/components/ui/avatar.js +50 -21
- package/dist/components/ui/avatar.js.map +1 -1
- package/dist/components/ui/avatar.module.js +9 -0
- package/dist/components/ui/avatar.module.js.map +1 -0
- package/dist/components/ui/avatar_module.css +35 -0
- package/dist/components/ui/avatar_module.css.map +1 -0
- package/dist/components/ui/background-beams.d.ts +21 -3
- package/dist/components/ui/background-beams.d.ts.map +1 -1
- package/dist/components/ui/background-beams.js +22 -11
- package/dist/components/ui/background-beams.js.map +1 -1
- package/dist/components/ui/background-beams.module.js +8 -0
- package/dist/components/ui/background-beams.module.js.map +1 -0
- package/dist/components/ui/background-beams_module.css +22 -0
- package/dist/components/ui/background-beams_module.css.map +1 -0
- package/dist/components/ui/badge.d.ts +79 -6
- package/dist/components/ui/badge.d.ts.map +1 -1
- package/dist/components/ui/badge.js +19 -23
- package/dist/components/ui/badge.js.map +1 -1
- package/dist/components/ui/badge.module.js +11 -0
- package/dist/components/ui/badge.module.js.map +1 -0
- package/dist/components/ui/badge_module.css +63 -0
- package/dist/components/ui/badge_module.css.map +1 -0
- package/dist/components/ui/breadcrumb.d.ts +158 -13
- package/dist/components/ui/breadcrumb.d.ts.map +1 -1
- package/dist/components/ui/breadcrumb.js +39 -30
- package/dist/components/ui/breadcrumb.js.map +1 -1
- package/dist/components/ui/breadcrumb.module.js +14 -0
- package/dist/components/ui/breadcrumb.module.js.map +1 -0
- package/dist/components/ui/breadcrumb_module.css +90 -0
- package/dist/components/ui/breadcrumb_module.css.map +1 -0
- package/dist/components/ui/bubble-background.d.ts +38 -10
- package/dist/components/ui/bubble-background.d.ts.map +1 -1
- package/dist/components/ui/bubble-background.js +33 -35
- package/dist/components/ui/bubble-background.js.map +1 -1
- package/dist/components/ui/bubble-background.module.js +20 -0
- package/dist/components/ui/bubble-background.module.js.map +1 -0
- package/dist/components/ui/bubble-background_module.css +99 -0
- package/dist/components/ui/bubble-background_module.css.map +1 -0
- package/dist/components/ui/button-group.d.ts +88 -8
- package/dist/components/ui/button-group.d.ts.map +1 -1
- package/dist/components/ui/button-group.js +35 -32
- package/dist/components/ui/button-group.js.map +1 -1
- package/dist/components/ui/button-group.module.js +11 -0
- package/dist/components/ui/button-group.module.js.map +1 -0
- package/dist/components/ui/button-group_module.css +79 -0
- package/dist/components/ui/button-group_module.css.map +1 -0
- package/dist/components/ui/button.d.ts +82 -7
- package/dist/components/ui/button.d.ts.map +1 -1
- package/dist/components/ui/button.js +69 -34
- package/dist/components/ui/button.js.map +1 -1
- package/dist/components/ui/button.module.js +17 -0
- package/dist/components/ui/button.module.js.map +1 -0
- package/dist/components/ui/button_module.css +137 -0
- package/dist/components/ui/button_module.css.map +1 -0
- package/dist/components/ui/calendar.d.ts +39 -5
- package/dist/components/ui/calendar.d.ts.map +1 -1
- package/dist/components/ui/calendar.js +72 -61
- package/dist/components/ui/calendar.js.map +1 -1
- package/dist/components/ui/calendar.module.js +35 -0
- package/dist/components/ui/calendar.module.js.map +1 -0
- package/dist/components/ui/calendar_module.css +245 -0
- package/dist/components/ui/calendar_module.css.map +1 -0
- package/dist/components/ui/card-skeleton.js +41 -0
- package/dist/components/ui/card-skeleton.js.map +1 -0
- package/dist/components/ui/card-skeleton.module.js +15 -0
- package/dist/components/ui/card-skeleton.module.js.map +1 -0
- package/dist/components/ui/card-skeleton_module.css +54 -0
- package/dist/components/ui/card-skeleton_module.css.map +1 -0
- package/dist/components/ui/card.d.ts +162 -7
- package/dist/components/ui/card.d.ts.map +1 -1
- package/dist/components/ui/card.js +13 -13
- package/dist/components/ui/card.js.map +1 -1
- package/dist/components/ui/card.module.js +13 -0
- package/dist/components/ui/card.module.js.map +1 -0
- package/dist/components/ui/card_module.css +43 -0
- package/dist/components/ui/card_module.css.map +1 -0
- package/dist/components/ui/carousel.d.ts +127 -3
- package/dist/components/ui/carousel.d.ts.map +1 -1
- package/dist/components/ui/carousel.js +63 -36
- package/dist/components/ui/carousel.js.map +1 -1
- package/dist/components/ui/carousel.module.js +17 -0
- package/dist/components/ui/carousel.module.js.map +1 -0
- package/dist/components/ui/carousel_module.css +82 -0
- package/dist/components/ui/carousel_module.css.map +1 -0
- package/dist/components/ui/chart.d.ts +323 -13
- package/dist/components/ui/chart.d.ts.map +1 -1
- package/dist/components/ui/chart.js +158 -53
- package/dist/components/ui/chart.js.map +1 -1
- package/dist/components/ui/chart.module.js +27 -0
- package/dist/components/ui/chart.module.js.map +1 -0
- package/dist/components/ui/chart_module.css +159 -0
- package/dist/components/ui/chart_module.css.map +1 -0
- package/dist/components/ui/checkbox-group.d.ts +31 -0
- package/dist/components/ui/checkbox-group.d.ts.map +1 -0
- package/dist/components/ui/checkbox-group.js +25 -0
- package/dist/components/ui/checkbox-group.js.map +1 -0
- package/dist/components/ui/checkbox-group.module.js +7 -0
- package/dist/components/ui/checkbox-group.module.js.map +1 -0
- package/dist/components/ui/checkbox-group_module.css +11 -0
- package/dist/components/ui/checkbox-group_module.css.map +1 -0
- package/dist/components/ui/checkbox.d.ts +33 -2
- package/dist/components/ui/checkbox.d.ts.map +1 -1
- package/dist/components/ui/checkbox.js +37 -12
- package/dist/components/ui/checkbox.js.map +1 -1
- package/dist/components/ui/checkbox.module.js +8 -0
- package/dist/components/ui/checkbox.module.js.map +1 -0
- package/dist/components/ui/checkbox_module.css +45 -0
- package/dist/components/ui/checkbox_module.css.map +1 -0
- package/dist/components/ui/collapsible.d.ts +87 -3
- package/dist/components/ui/collapsible.d.ts.map +1 -1
- package/dist/components/ui/collapsible.js +46 -32
- package/dist/components/ui/collapsible.js.map +1 -1
- package/dist/components/ui/collapsible.module.js +8 -0
- package/dist/components/ui/collapsible.module.js.map +1 -0
- package/dist/components/ui/collapsible_module.css +26 -0
- package/dist/components/ui/collapsible_module.css.map +1 -0
- package/dist/components/ui/command.d.ts +284 -51
- package/dist/components/ui/command.d.ts.map +1 -1
- package/dist/components/ui/command.js +391 -50
- package/dist/components/ui/command.js.map +1 -1
- package/dist/components/ui/command.module.js +20 -0
- package/dist/components/ui/command.module.js.map +1 -0
- package/dist/components/ui/command_module.css +194 -0
- package/dist/components/ui/command_module.css.map +1 -0
- package/dist/components/ui/context-menu.d.ts +414 -21
- package/dist/components/ui/context-menu.d.ts.map +1 -1
- package/dist/components/ui/context-menu.js +190 -68
- package/dist/components/ui/context-menu.js.map +1 -1
- package/dist/components/ui/context-menu.module.js +19 -0
- package/dist/components/ui/context-menu.module.js.map +1 -0
- package/dist/components/ui/context-menu_module.css +114 -0
- package/dist/components/ui/context-menu_module.css.map +1 -0
- package/dist/components/ui/copy-button.d.ts +41 -0
- package/dist/components/ui/copy-button.d.ts.map +1 -0
- package/dist/components/ui/copy-button.js +51 -0
- package/dist/components/ui/copy-button.js.map +1 -0
- package/dist/components/ui/copy-button.module.js +8 -0
- package/dist/components/ui/copy-button.module.js.map +1 -0
- package/dist/components/ui/copy-button_module.css +37 -0
- package/dist/components/ui/copy-button_module.css.map +1 -0
- package/dist/components/ui/counting-number.d.ts +28 -2
- package/dist/components/ui/counting-number.d.ts.map +1 -1
- package/dist/components/ui/counting-number.js +31 -27
- package/dist/components/ui/counting-number.js.map +1 -1
- package/dist/components/ui/counting-number.module.js +7 -0
- package/dist/components/ui/counting-number.module.js.map +1 -0
- package/dist/components/ui/counting-number_module.css +7 -0
- package/dist/components/ui/counting-number_module.css.map +1 -0
- package/dist/components/ui/dialog.d.ts +287 -17
- package/dist/components/ui/dialog.d.ts.map +1 -1
- package/dist/components/ui/dialog.js +129 -52
- package/dist/components/ui/dialog.js.map +1 -1
- package/dist/components/ui/dialog.module.js +13 -0
- package/dist/components/ui/dialog.module.js.map +1 -0
- package/dist/components/ui/dialog_module.css +114 -0
- package/dist/components/ui/dialog_module.css.map +1 -0
- package/dist/components/ui/dot-background.d.ts +25 -35
- package/dist/components/ui/dot-background.d.ts.map +1 -1
- package/dist/components/ui/dot-background.js +31 -22
- package/dist/components/ui/dot-background.js.map +1 -1
- package/dist/components/ui/dot-background.module.js +8 -0
- package/dist/components/ui/dot-background.module.js.map +1 -0
- package/dist/components/ui/dot-background_module.css +15 -0
- package/dist/components/ui/dot-background_module.css.map +1 -0
- package/dist/components/ui/drawer.d.ts +287 -18
- package/dist/components/ui/drawer.d.ts.map +1 -1
- package/dist/components/ui/drawer.js +117 -40
- package/dist/components/ui/drawer.js.map +1 -1
- package/dist/components/ui/drawer.module.js +14 -0
- package/dist/components/ui/drawer.module.js.map +1 -0
- package/dist/components/ui/drawer_module.css +86 -0
- package/dist/components/ui/drawer_module.css.map +1 -0
- package/dist/components/ui/dropdown-menu.d.ts +414 -21
- package/dist/components/ui/dropdown-menu.d.ts.map +1 -1
- package/dist/components/ui/dropdown-menu.js +189 -68
- package/dist/components/ui/dropdown-menu.js.map +1 -1
- package/dist/components/ui/dropdown-menu.module.js +19 -0
- package/dist/components/ui/dropdown-menu.module.js.map +1 -0
- package/dist/components/ui/dropdown-menu_module.css +114 -0
- package/dist/components/ui/dropdown-menu_module.css.map +1 -0
- package/dist/components/ui/dropdrawer.d.ts +313 -17
- package/dist/components/ui/dropdrawer.d.ts.map +1 -1
- package/dist/components/ui/dropdrawer.js +423 -159
- package/dist/components/ui/dropdrawer.js.map +1 -1
- package/dist/components/ui/dropdrawer.module.js +43 -0
- package/dist/components/ui/dropdrawer.module.js.map +1 -0
- package/dist/components/ui/dropdrawer_module.css +307 -0
- package/dist/components/ui/dropdrawer_module.css.map +1 -0
- package/dist/components/ui/empty.d.ts +129 -10
- package/dist/components/ui/empty.d.ts.map +1 -1
- package/dist/components/ui/empty.js +32 -47
- package/dist/components/ui/empty.js.map +1 -1
- package/dist/components/ui/empty.module.js +13 -0
- package/dist/components/ui/empty.module.js.map +1 -0
- package/dist/components/ui/empty_module.css +85 -0
- package/dist/components/ui/empty_module.css.map +1 -0
- package/dist/components/ui/error-boundary.js +61 -0
- package/dist/components/ui/error-boundary.js.map +1 -0
- package/dist/components/ui/error-boundary.module.js +10 -0
- package/dist/components/ui/error-boundary.module.js.map +1 -0
- package/dist/components/ui/error-boundary_module.css +41 -0
- package/dist/components/ui/error-boundary_module.css.map +1 -0
- package/dist/components/ui/field.d.ts +225 -0
- package/dist/components/ui/field.d.ts.map +1 -0
- package/dist/components/ui/field.js +76 -86
- package/dist/components/ui/field.js.map +1 -1
- package/dist/components/ui/field.module.js +24 -0
- package/dist/components/ui/field.module.js.map +1 -0
- package/dist/components/ui/field_module.css +185 -0
- package/dist/components/ui/field_module.css.map +1 -0
- package/dist/components/ui/fireworks-background.d.ts +27 -3
- package/dist/components/ui/fireworks-background.d.ts.map +1 -1
- package/dist/components/ui/fireworks-background.js +36 -35
- package/dist/components/ui/fireworks-background.js.map +1 -1
- package/dist/components/ui/fireworks-background.module.js +8 -0
- package/dist/components/ui/fireworks-background.module.js.map +1 -0
- package/dist/components/ui/fireworks-background_module.css +17 -0
- package/dist/components/ui/fireworks-background_module.css.map +1 -0
- package/dist/components/ui/flip-button.d.ts +27 -3
- package/dist/components/ui/flip-button.d.ts.map +1 -1
- package/dist/components/ui/flip-button.js +27 -17
- package/dist/components/ui/flip-button.js.map +1 -1
- package/dist/components/ui/flip-button.module.js +11 -0
- package/dist/components/ui/flip-button.module.js.map +1 -0
- package/dist/components/ui/flip-button_module.css +47 -0
- package/dist/components/ui/flip-button_module.css.map +1 -0
- package/dist/components/ui/focus-scope.js +70 -0
- package/dist/components/ui/focus-scope.js.map +1 -0
- package/dist/components/ui/focus-scope.module.js +7 -0
- package/dist/components/ui/focus-scope.module.js.map +1 -0
- package/dist/components/ui/focus-scope_module.css +6 -0
- package/dist/components/ui/focus-scope_module.css.map +1 -0
- package/dist/components/ui/form-skeleton.js +32 -0
- package/dist/components/ui/form-skeleton.js.map +1 -0
- package/dist/components/ui/form-skeleton.module.js +11 -0
- package/dist/components/ui/form-skeleton.module.js.map +1 -0
- package/dist/components/ui/form-skeleton_module.css +30 -0
- package/dist/components/ui/form-skeleton_module.css.map +1 -0
- package/dist/components/ui/form.d.ts +143 -13
- package/dist/components/ui/form.d.ts.map +1 -1
- package/dist/components/ui/form.js +55 -21
- package/dist/components/ui/form.js.map +1 -1
- package/dist/components/ui/form.module.js +10 -0
- package/dist/components/ui/form.module.js.map +1 -0
- package/dist/components/ui/form_module.css +22 -0
- package/dist/components/ui/form_module.css.map +1 -0
- package/dist/components/ui/gradient-background.d.ts +21 -3
- package/dist/components/ui/gradient-background.d.ts.map +1 -1
- package/dist/components/ui/gradient-background.js +8 -4
- package/dist/components/ui/gradient-background.js.map +1 -1
- package/dist/components/ui/gradient-background.module.js +7 -0
- package/dist/components/ui/gradient-background.module.js.map +1 -0
- package/dist/components/ui/gradient-background_module.css +9 -0
- package/dist/components/ui/gradient-background_module.css.map +1 -0
- package/dist/components/ui/gradient-text.d.ts +23 -2
- package/dist/components/ui/gradient-text.d.ts.map +1 -1
- package/dist/components/ui/gradient-text.js +8 -6
- package/dist/components/ui/gradient-text.js.map +1 -1
- package/dist/components/ui/gradient-text.module.js +9 -0
- package/dist/components/ui/gradient-text.module.js.map +1 -0
- package/dist/components/ui/gradient-text_module.css +24 -0
- package/dist/components/ui/gradient-text_module.css.map +1 -0
- package/dist/components/ui/highlight-text.d.ts +24 -2
- package/dist/components/ui/highlight-text.d.ts.map +1 -1
- package/dist/components/ui/highlight-text.js +7 -10
- package/dist/components/ui/highlight-text.js.map +1 -1
- package/dist/components/ui/highlight-text.module.js +7 -0
- package/dist/components/ui/highlight-text.module.js.map +1 -0
- package/dist/components/ui/highlight-text_module.css +16 -0
- package/dist/components/ui/highlight-text_module.css.map +1 -0
- package/dist/components/ui/hole-background.d.ts +23 -2
- package/dist/components/ui/hole-background.d.ts.map +1 -1
- package/dist/components/ui/hole-background.js +155 -118
- package/dist/components/ui/hole-background.js.map +1 -1
- package/dist/components/ui/hole-background.module.js +10 -0
- package/dist/components/ui/hole-background.module.js.map +1 -0
- package/dist/components/ui/hole-background_module.css +85 -0
- package/dist/components/ui/hole-background_module.css.map +1 -0
- package/dist/components/ui/hover-card.d.ts +85 -4
- package/dist/components/ui/hover-card.d.ts.map +1 -1
- package/dist/components/ui/hover-card.js +52 -10
- package/dist/components/ui/hover-card.js.map +1 -1
- package/dist/components/ui/hover-card.module.js +8 -0
- package/dist/components/ui/hover-card.module.js.map +1 -0
- package/dist/components/ui/hover-card_module.css +23 -0
- package/dist/components/ui/hover-card_module.css.map +1 -0
- package/dist/components/ui/input-group.d.ts +132 -13
- package/dist/components/ui/input-group.d.ts.map +1 -1
- package/dist/components/ui/input-group.js +62 -66
- package/dist/components/ui/input-group.js.map +1 -1
- package/dist/components/ui/input-group.module.js +20 -0
- package/dist/components/ui/input-group.module.js.map +1 -0
- package/dist/components/ui/input-group_module.css +150 -0
- package/dist/components/ui/input-group_module.css.map +1 -0
- package/dist/components/ui/input-otp.d.ts +110 -30
- package/dist/components/ui/input-otp.d.ts.map +1 -1
- package/dist/components/ui/input-otp.js +24 -15
- package/dist/components/ui/input-otp.js.map +1 -1
- package/dist/components/ui/input-otp.module.js +17 -0
- package/dist/components/ui/input-otp.module.js.map +1 -0
- package/dist/components/ui/input-otp_module.css +89 -0
- package/dist/components/ui/input-otp_module.css.map +1 -0
- package/dist/components/ui/input.d.ts +31 -1
- package/dist/components/ui/input.d.ts.map +1 -1
- package/dist/components/ui/input.js +21 -8
- package/dist/components/ui/input.js.map +1 -1
- package/dist/components/ui/input.module.js +7 -0
- package/dist/components/ui/input.module.js.map +1 -0
- package/dist/components/ui/input_module.css +40 -0
- package/dist/components/ui/input_module.css.map +1 -0
- package/dist/components/ui/item.d.ts +221 -19
- package/dist/components/ui/item.d.ts.map +1 -1
- package/dist/components/ui/item.js +66 -90
- package/dist/components/ui/item.js.map +1 -1
- package/dist/components/ui/item.module.js +22 -0
- package/dist/components/ui/item.module.js.map +1 -0
- package/dist/components/ui/item_module.css +143 -0
- package/dist/components/ui/item_module.css.map +1 -0
- package/dist/components/ui/kbd.d.ts +43 -2
- package/dist/components/ui/kbd.d.ts.map +1 -1
- package/dist/components/ui/kbd.js +12 -12
- package/dist/components/ui/kbd.js.map +1 -1
- package/dist/components/ui/kbd.module.js +8 -0
- package/dist/components/ui/kbd.module.js.map +1 -0
- package/dist/components/ui/kbd_module.css +35 -0
- package/dist/components/ui/kbd_module.css.map +1 -0
- package/dist/components/ui/label.d.ts +30 -3
- package/dist/components/ui/label.d.ts.map +1 -1
- package/dist/components/ui/label.js +7 -8
- package/dist/components/ui/label.js.map +1 -1
- package/dist/components/ui/label.module.js +7 -0
- package/dist/components/ui/label.module.js.map +1 -0
- package/dist/components/ui/label_module.css +17 -0
- package/dist/components/ui/label_module.css.map +1 -0
- package/dist/components/ui/list-skeleton.js +35 -0
- package/dist/components/ui/list-skeleton.js.map +1 -0
- package/dist/components/ui/list-skeleton.module.js +12 -0
- package/dist/components/ui/list-skeleton.module.js.map +1 -0
- package/dist/components/ui/list-skeleton_module.css +39 -0
- package/dist/components/ui/list-skeleton_module.css.map +1 -0
- package/dist/components/ui/loading-overlay.js +21 -0
- package/dist/components/ui/loading-overlay.js.map +1 -0
- package/dist/components/ui/loading-overlay.module.js +9 -0
- package/dist/components/ui/loading-overlay.module.js.map +1 -0
- package/dist/components/ui/loading-overlay_module.css +22 -0
- package/dist/components/ui/loading-overlay_module.css.map +1 -0
- package/dist/components/ui/menubar.d.ts +422 -22
- package/dist/components/ui/menubar.d.ts.map +1 -1
- package/dist/components/ui/menubar.js +199 -100
- package/dist/components/ui/menubar.js.map +1 -1
- package/dist/components/ui/menubar.module.js +21 -0
- package/dist/components/ui/menubar.module.js.map +1 -0
- package/dist/components/ui/menubar_module.css +145 -0
- package/dist/components/ui/menubar_module.css.map +1 -0
- package/dist/components/ui/meter.d.ts +101 -0
- package/dist/components/ui/meter.d.ts.map +1 -0
- package/dist/components/ui/meter.js +71 -0
- package/dist/components/ui/meter.js.map +1 -0
- package/dist/components/ui/meter.module.js +10 -0
- package/dist/components/ui/meter.module.js.map +1 -0
- package/dist/components/ui/meter_module.css +31 -0
- package/dist/components/ui/meter_module.css.map +1 -0
- package/dist/components/ui/navigation-menu.d.ts +242 -11
- package/dist/components/ui/navigation-menu.d.ts.map +1 -1
- package/dist/components/ui/navigation-menu.js +135 -49
- package/dist/components/ui/navigation-menu.js.map +1 -1
- package/dist/components/ui/navigation-menu.module.js +18 -0
- package/dist/components/ui/navigation-menu.module.js.map +1 -0
- package/dist/components/ui/navigation-menu_module.css +112 -0
- package/dist/components/ui/navigation-menu_module.css.map +1 -0
- package/dist/components/ui/number-field.d.ts +144 -0
- package/dist/components/ui/number-field.d.ts.map +1 -0
- package/dist/components/ui/number-field.js +111 -0
- package/dist/components/ui/number-field.js.map +1 -0
- package/dist/components/ui/number-field.module.js +15 -0
- package/dist/components/ui/number-field.module.js.map +1 -0
- package/dist/components/ui/number-field_module.css +125 -0
- package/dist/components/ui/number-field_module.css.map +1 -0
- package/dist/components/ui/pagination.d.ts +150 -24
- package/dist/components/ui/pagination.d.ts.map +1 -1
- package/dist/components/ui/pagination.js +41 -38
- package/dist/components/ui/pagination.js.map +1 -1
- package/dist/components/ui/pagination.module.js +14 -0
- package/dist/components/ui/pagination.module.js.map +1 -0
- package/dist/components/ui/pagination_module.css +66 -0
- package/dist/components/ui/pagination_module.css.map +1 -0
- package/dist/components/ui/popover.d.ts +133 -5
- package/dist/components/ui/popover.d.ts.map +1 -1
- package/dist/components/ui/popover.js +68 -14
- package/dist/components/ui/popover.js.map +1 -1
- package/dist/components/ui/popover.module.js +9 -0
- package/dist/components/ui/popover.module.js.map +1 -0
- package/dist/components/ui/popover_module.css +28 -0
- package/dist/components/ui/popover_module.css.map +1 -0
- package/dist/components/ui/progress.d.ts +34 -2
- package/dist/components/ui/progress.d.ts.map +1 -1
- package/dist/components/ui/progress.js +22 -14
- package/dist/components/ui/progress.js.map +1 -1
- package/dist/components/ui/progress.module.js +8 -0
- package/dist/components/ui/progress.module.js.map +1 -0
- package/dist/components/ui/progress_module.css +20 -0
- package/dist/components/ui/progress_module.css.map +1 -0
- package/dist/components/ui/radio-group.d.ts +44 -3
- package/dist/components/ui/radio-group.d.ts.map +1 -1
- package/dist/components/ui/radio-group.js +38 -16
- package/dist/components/ui/radio-group.js.map +1 -1
- package/dist/components/ui/radio-group.module.js +10 -0
- package/dist/components/ui/radio-group.module.js.map +1 -0
- package/dist/components/ui/radio-group_module.css +44 -0
- package/dist/components/ui/radio-group_module.css.map +1 -0
- package/dist/components/ui/resizable.d.ts +79 -6
- package/dist/components/ui/resizable.d.ts.map +1 -1
- package/dist/components/ui/resizable.js +23 -13
- package/dist/components/ui/resizable.js.map +1 -1
- package/dist/components/ui/resizable.module.js +10 -0
- package/dist/components/ui/resizable.module.js.map +1 -0
- package/dist/components/ui/resizable_module.css +70 -0
- package/dist/components/ui/resizable_module.css.map +1 -0
- package/dist/components/ui/ripple-button.d.ts +23 -2
- package/dist/components/ui/ripple-button.d.ts.map +1 -1
- package/dist/components/ui/ripple-button.js +26 -11
- package/dist/components/ui/ripple-button.js.map +1 -1
- package/dist/components/ui/ripple-button.module.js +9 -0
- package/dist/components/ui/ripple-button.module.js.map +1 -0
- package/dist/components/ui/ripple-button_module.css +38 -0
- package/dist/components/ui/ripple-button_module.css.map +1 -0
- package/dist/components/ui/scratcher.d.ts +25 -2
- package/dist/components/ui/scratcher.d.ts.map +1 -1
- package/dist/components/ui/scratcher.js +85 -87
- package/dist/components/ui/scratcher.js.map +1 -1
- package/dist/components/ui/scratcher.module.js +8 -0
- package/dist/components/ui/scratcher.module.js.map +1 -0
- package/dist/components/ui/scratcher_module.css +13 -0
- package/dist/components/ui/scratcher_module.css.map +1 -0
- package/dist/components/ui/scroll-area.d.ts +46 -3
- package/dist/components/ui/scroll-area.d.ts.map +1 -1
- package/dist/components/ui/scroll-area.js +44 -19
- package/dist/components/ui/scroll-area.js.map +1 -1
- package/dist/components/ui/scroll-area.module.js +14 -0
- package/dist/components/ui/scroll-area.module.js.map +1 -0
- package/dist/components/ui/scroll-area_module.css +51 -0
- package/dist/components/ui/scroll-area_module.css.map +1 -0
- package/dist/components/ui/select.d.ts +269 -11
- package/dist/components/ui/select.d.ts.map +1 -1
- package/dist/components/ui/select.js +152 -67
- package/dist/components/ui/select.js.map +1 -1
- package/dist/components/ui/select.module.js +20 -0
- package/dist/components/ui/select.module.js.map +1 -0
- package/dist/components/ui/select_module.css +134 -0
- package/dist/components/ui/select_module.css.map +1 -0
- package/dist/components/ui/separator.d.ts +36 -2
- package/dist/components/ui/separator.d.ts.map +1 -1
- package/dist/components/ui/separator.js +20 -10
- package/dist/components/ui/separator.js.map +1 -1
- package/dist/components/ui/separator.module.js +9 -0
- package/dist/components/ui/separator.module.js.map +1 -0
- package/dist/components/ui/separator_module.css +17 -0
- package/dist/components/ui/separator_module.css.map +1 -0
- package/dist/components/ui/sheet.d.ts +297 -23
- package/dist/components/ui/sheet.d.ts.map +1 -1
- package/dist/components/ui/sheet.js +121 -63
- package/dist/components/ui/sheet.js.map +1 -1
- package/dist/components/ui/sheet.module.js +18 -0
- package/dist/components/ui/sheet.module.js.map +1 -0
- package/dist/components/ui/sheet_module.css +136 -0
- package/dist/components/ui/sheet_module.css.map +1 -0
- package/dist/components/ui/sidebar.d.ts +491 -23
- package/dist/components/ui/sidebar.d.ts.map +1 -1
- package/dist/components/ui/sidebar.js +214 -143
- package/dist/components/ui/sidebar.js.map +1 -1
- package/dist/components/ui/sidebar.module.js +50 -0
- package/dist/components/ui/sidebar.module.js.map +1 -0
- package/dist/components/ui/sidebar_module.css +569 -0
- package/dist/components/ui/sidebar_module.css.map +1 -0
- package/dist/components/ui/skeleton.d.ts +30 -1
- package/dist/components/ui/skeleton.d.ts.map +1 -1
- package/dist/components/ui/skeleton.js +7 -7
- package/dist/components/ui/skeleton.js.map +1 -1
- package/dist/components/ui/skeleton.module.js +8 -0
- package/dist/components/ui/skeleton.module.js.map +1 -0
- package/dist/components/ui/skeleton_module.css +18 -0
- package/dist/components/ui/skeleton_module.css.map +1 -0
- package/dist/components/ui/slider.d.ts +48 -2
- package/dist/components/ui/slider.d.ts.map +1 -1
- package/dist/components/ui/slider.js +44 -17
- package/dist/components/ui/slider.js.map +1 -1
- package/dist/components/ui/slider.module.js +11 -0
- package/dist/components/ui/slider.module.js.map +1 -0
- package/dist/components/ui/slider_module.css +55 -0
- package/dist/components/ui/slider_module.css.map +1 -0
- package/dist/components/ui/sonner.d.ts +137 -4
- package/dist/components/ui/sonner.d.ts.map +1 -1
- package/dist/components/ui/sonner.js +450 -18
- package/dist/components/ui/sonner.js.map +1 -1
- package/dist/components/ui/sonner.module.js +34 -0
- package/dist/components/ui/sonner.module.js.map +1 -0
- package/dist/components/ui/sonner_module.css +233 -0
- package/dist/components/ui/sonner_module.css.map +1 -0
- package/dist/components/ui/spinner.d.ts +20 -1
- package/dist/components/ui/spinner.d.ts.map +1 -1
- package/dist/components/ui/spinner.js +29 -11
- package/dist/components/ui/spinner.js.map +1 -1
- package/dist/components/ui/spinner.module.js +10 -0
- package/dist/components/ui/spinner.module.js.map +1 -0
- package/dist/components/ui/spinner_module.css +28 -0
- package/dist/components/ui/spinner_module.css.map +1 -0
- package/dist/components/ui/stepper.d.ts +48 -0
- package/dist/components/ui/stepper.d.ts.map +1 -0
- package/dist/components/ui/stepper.js +41 -0
- package/dist/components/ui/stepper.js.map +1 -0
- package/dist/components/ui/stepper.module.js +12 -0
- package/dist/components/ui/stepper.module.js.map +1 -0
- package/dist/components/ui/stepper_module.css +75 -0
- package/dist/components/ui/stepper_module.css.map +1 -0
- package/dist/components/ui/switch.d.ts +29 -2
- package/dist/components/ui/switch.d.ts.map +1 -1
- package/dist/components/ui/switch.js +21 -9
- package/dist/components/ui/switch.js.map +1 -1
- package/dist/components/ui/switch.module.js +8 -0
- package/dist/components/ui/switch.module.js.map +1 -0
- package/dist/components/ui/switch_module.css +45 -0
- package/dist/components/ui/switch_module.css.map +1 -0
- package/dist/components/ui/table-skeleton.js +34 -0
- package/dist/components/ui/table-skeleton.js.map +1 -0
- package/dist/components/ui/table-skeleton.module.js +11 -0
- package/dist/components/ui/table-skeleton.module.js.map +1 -0
- package/dist/components/ui/table-skeleton_module.css +32 -0
- package/dist/components/ui/table-skeleton_module.css.map +1 -0
- package/dist/components/ui/table.d.ts +170 -8
- package/dist/components/ui/table.d.ts.map +1 -1
- package/dist/components/ui/table.js +17 -17
- package/dist/components/ui/table.js.map +1 -1
- package/dist/components/ui/table.module.js +15 -0
- package/dist/components/ui/table.module.js.map +1 -0
- package/dist/components/ui/table_module.css +71 -0
- package/dist/components/ui/table_module.css.map +1 -0
- package/dist/components/ui/tabs.d.ts +114 -5
- package/dist/components/ui/tabs.d.ts.map +1 -1
- package/dist/components/ui/tabs.js +71 -20
- package/dist/components/ui/tabs.js.map +1 -1
- package/dist/components/ui/tabs.module.js +10 -0
- package/dist/components/ui/tabs.module.js.map +1 -0
- package/dist/components/ui/tabs_module.css +89 -0
- package/dist/components/ui/tabs_module.css.map +1 -0
- package/dist/components/ui/textarea.d.ts +24 -1
- package/dist/components/ui/textarea.d.ts.map +1 -1
- package/dist/components/ui/textarea.js +2 -2
- package/dist/components/ui/textarea.js.map +1 -1
- package/dist/components/ui/textarea.module.js +7 -0
- package/dist/components/ui/textarea.module.js.map +1 -0
- package/dist/components/ui/textarea_module.css +33 -0
- package/dist/components/ui/textarea_module.css.map +1 -0
- package/dist/components/ui/timeline.d.ts +111 -0
- package/dist/components/ui/timeline.d.ts.map +1 -0
- package/dist/components/ui/timeline.js +34 -0
- package/dist/components/ui/timeline.js.map +1 -0
- package/dist/components/ui/timeline.module.js +10 -0
- package/dist/components/ui/timeline.module.js.map +1 -0
- package/dist/components/ui/timeline_module.css +47 -0
- package/dist/components/ui/timeline_module.css.map +1 -0
- package/dist/components/ui/toggle-group.d.ts +81 -10
- package/dist/components/ui/toggle-group.d.ts.map +1 -1
- package/dist/components/ui/toggle-group.js +32 -23
- package/dist/components/ui/toggle-group.js.map +1 -1
- package/dist/components/ui/toggle-group.module.js +7 -0
- package/dist/components/ui/toggle-group.module.js.map +1 -0
- package/dist/components/ui/toggle-group_module.css +8 -0
- package/dist/components/ui/toggle-group_module.css.map +1 -0
- package/dist/components/ui/toggle.d.ts +60 -11
- package/dist/components/ui/toggle.d.ts.map +1 -1
- package/dist/components/ui/toggle.js +29 -29
- package/dist/components/ui/toggle.js.map +1 -1
- package/dist/components/ui/toggle.module.js +12 -0
- package/dist/components/ui/toggle.module.js.map +1 -0
- package/dist/components/ui/toggle_module.css +62 -0
- package/dist/components/ui/toggle_module.css.map +1 -0
- package/dist/components/ui/toolbar.d.ts +127 -0
- package/dist/components/ui/toolbar.d.ts.map +1 -0
- package/dist/components/ui/toolbar.js +85 -0
- package/dist/components/ui/toolbar.js.map +1 -0
- package/dist/components/ui/toolbar.module.js +12 -0
- package/dist/components/ui/toolbar.module.js.map +1 -0
- package/dist/components/ui/toolbar_module.css +115 -0
- package/dist/components/ui/toolbar_module.css.map +1 -0
- package/dist/components/ui/tooltip.d.ts +119 -5
- package/dist/components/ui/tooltip.d.ts.map +1 -1
- package/dist/components/ui/tooltip.js +48 -13
- package/dist/components/ui/tooltip.js.map +1 -1
- package/dist/components/ui/tooltip.module.js +9 -0
- package/dist/components/ui/tooltip.module.js.map +1 -0
- package/dist/components/ui/tooltip_module.css +35 -0
- package/dist/components/ui/tooltip_module.css.map +1 -0
- package/dist/components/ui/typewriter.d.ts +48 -13
- package/dist/components/ui/typewriter.d.ts.map +1 -1
- package/dist/components/ui/typewriter.js +46 -49
- package/dist/components/ui/typewriter.js.map +1 -1
- package/dist/components/ui/typewriter.module.js +16 -0
- package/dist/components/ui/typewriter.module.js.map +1 -0
- package/dist/components/ui/typewriter_module.css +102 -0
- package/dist/components/ui/typewriter_module.css.map +1 -0
- package/dist/components/ui/visually-hidden.d.ts +38 -0
- package/dist/components/ui/visually-hidden.d.ts.map +1 -0
- package/dist/components/ui/visually-hidden.js +13 -0
- package/dist/components/ui/visually-hidden.js.map +1 -0
- package/dist/components/ui/visually-hidden.module.js +7 -0
- package/dist/components/ui/visually-hidden.module.js.map +1 -0
- package/dist/components/ui/visually-hidden_module.css +14 -0
- package/dist/components/ui/visually-hidden_module.css.map +1 -0
- package/dist/hooks/useAnnounce.js +46 -0
- package/dist/hooks/useAnnounce.js.map +1 -0
- package/dist/hooks/useBreakpoint.d.ts +17 -0
- package/dist/hooks/useBreakpoint.d.ts.map +1 -0
- package/dist/hooks/useBreakpoint.js +16 -0
- package/dist/hooks/useBreakpoint.js.map +1 -0
- package/dist/hooks/useColorScheme.d.ts +14 -0
- package/dist/hooks/useColorScheme.d.ts.map +1 -0
- package/dist/hooks/useColorScheme.js +9 -0
- package/dist/hooks/useColorScheme.js.map +1 -0
- package/dist/hooks/useFocusManager.js +51 -0
- package/dist/hooks/useFocusManager.js.map +1 -0
- package/dist/hooks/useFocusVisible.d.ts +50 -0
- package/dist/hooks/useFocusVisible.d.ts.map +1 -0
- package/dist/hooks/useFocusVisible.js +35 -0
- package/dist/hooks/useFocusVisible.js.map +1 -0
- package/dist/hooks/useIsMobile.d.ts +5 -11
- package/dist/hooks/useIsMobile.d.ts.map +1 -1
- package/dist/hooks/useIsMobile.js +2 -13
- package/dist/hooks/useIsMobile.js.map +1 -1
- package/dist/hooks/useMediaQuery.d.ts +14 -0
- package/dist/hooks/useMediaQuery.d.ts.map +1 -0
- package/dist/hooks/useMediaQuery.js +20 -0
- package/dist/hooks/useMediaQuery.js.map +1 -0
- package/dist/hooks/usePrefersContrast.d.ts +19 -0
- package/dist/hooks/usePrefersContrast.d.ts.map +1 -0
- package/dist/hooks/usePrefersContrast.js +8 -0
- package/dist/hooks/usePrefersContrast.js.map +1 -0
- package/dist/hooks/useReducedMotion.d.ts +19 -0
- package/dist/hooks/useReducedMotion.d.ts.map +1 -0
- package/dist/hooks/useReducedMotion.js +2 -0
- package/dist/index.css +104 -5355
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +40 -8
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +89 -70
- package/dist/lib/color-conversion-utilities.d.ts +82 -0
- package/dist/lib/color-conversion-utilities.d.ts.map +1 -0
- package/dist/lib/color-conversion-utilities.js +94 -0
- package/dist/lib/color-conversion-utilities.js.map +1 -0
- package/dist/lib/utilities.d.ts +5 -4
- package/dist/lib/utilities.d.ts.map +1 -1
- package/dist/lib/utilities.js +1 -2
- package/dist/lib/utilities.js.map +1 -1
- package/dist/motion/Collapse.js +19 -0
- package/dist/motion/Collapse.js.map +1 -0
- package/dist/motion/Collapse.module.js +8 -0
- package/dist/motion/Collapse.module.js.map +1 -0
- package/dist/motion/Collapse_module.css +25 -0
- package/dist/motion/Collapse_module.css.map +1 -0
- package/dist/motion/Presence.js +14 -0
- package/dist/motion/Presence.js.map +1 -0
- package/dist/motion/index.js +5 -0
- package/dist/motion/presets.js +117 -0
- package/dist/motion/presets.js.map +1 -0
- package/dist/motion/tokens.js +41 -0
- package/dist/motion/tokens.js.map +1 -0
- package/package.json +159 -65
- package/src/components/ui/accordion.module.css +70 -0
- package/src/components/ui/accordion.tsx +278 -44
- package/src/components/ui/alert-dialog.module.css +87 -0
- package/src/components/ui/alert-dialog.tsx +474 -99
- package/src/components/ui/alert.module.css +57 -0
- package/src/components/ui/alert.tsx +136 -43
- package/src/components/ui/aspect-ratio.module.css +7 -0
- package/src/components/ui/aspect-ratio.tsx +38 -3
- package/src/components/ui/async-boundary.tsx +56 -0
- package/src/components/ui/avatar.module.css +31 -0
- package/src/components/ui/avatar.tsx +146 -36
- package/src/components/ui/background-beams.module.css +20 -0
- package/src/components/ui/background-beams.tsx +173 -134
- package/src/components/ui/badge.module.css +60 -0
- package/src/components/ui/badge.tsx +100 -32
- package/src/components/ui/breadcrumb.module.css +87 -0
- package/src/components/ui/breadcrumb.tsx +256 -74
- package/src/components/ui/bubble-background.module.css +97 -0
- package/src/components/ui/bubble-background.tsx +92 -52
- package/src/components/ui/button-group.module.css +76 -0
- package/src/components/ui/button-group.tsx +135 -46
- package/src/components/ui/button.module.css +138 -0
- package/src/components/ui/button.tsx +159 -41
- package/src/components/ui/calendar.module.css +250 -0
- package/src/components/ui/calendar.tsx +133 -103
- package/src/components/ui/card-skeleton.module.css +50 -0
- package/src/components/ui/card-skeleton.tsx +69 -0
- package/src/components/ui/card.module.css +41 -0
- package/src/components/ui/card.tsx +175 -22
- package/src/components/ui/carousel.module.css +80 -0
- package/src/components/ui/carousel.tsx +184 -43
- package/src/components/ui/chart.module.css +164 -0
- package/src/components/ui/chart.tsx +444 -102
- package/src/components/ui/checkbox-group.module.css +8 -0
- package/src/components/ui/checkbox-group.tsx +54 -0
- package/src/components/ui/checkbox.module.css +43 -0
- package/src/components/ui/checkbox.tsx +73 -19
- package/src/components/ui/collapsible.module.css +24 -0
- package/src/components/ui/collapsible.tsx +139 -3
- package/src/components/ui/command.module.css +193 -0
- package/src/components/ui/command.tsx +877 -113
- package/src/components/ui/context-menu.module.css +113 -0
- package/src/components/ui/context-menu.tsx +616 -157
- package/src/components/ui/copy-button.module.css +34 -0
- package/src/components/ui/copy-button.tsx +116 -0
- package/src/components/ui/counting-number.module.css +4 -0
- package/src/components/ui/counting-number.tsx +69 -31
- package/src/components/ui/dialog.module.css +113 -0
- package/src/components/ui/dialog.tsx +427 -81
- package/src/components/ui/dot-background.module.css +12 -0
- package/src/components/ui/dot-background.tsx +134 -126
- package/src/components/ui/drawer.module.css +85 -0
- package/src/components/ui/drawer.tsx +408 -80
- package/src/components/ui/dropdown-menu.module.css +113 -0
- package/src/components/ui/dropdown-menu.tsx +616 -159
- package/src/components/ui/dropdrawer.module.css +322 -0
- package/src/components/ui/dropdrawer.tsx +850 -398
- package/src/components/ui/empty.module.css +84 -0
- package/src/components/ui/empty.tsx +176 -52
- package/src/components/ui/error-boundary.module.css +36 -0
- package/src/components/ui/error-boundary.tsx +127 -0
- package/src/components/ui/field.module.css +179 -0
- package/src/components/ui/field.tsx +345 -139
- package/src/components/ui/fireworks-background.module.css +13 -0
- package/src/components/ui/fireworks-background.tsx +89 -51
- package/src/components/ui/flip-button.module.css +44 -0
- package/src/components/ui/flip-button.tsx +59 -28
- package/src/components/ui/focus-scope.module.css +3 -0
- package/src/components/ui/focus-scope.tsx +160 -0
- package/src/components/ui/form-skeleton.module.css +28 -0
- package/src/components/ui/form-skeleton.tsx +62 -0
- package/src/components/ui/form.module.css +20 -0
- package/src/components/ui/form.tsx +244 -33
- package/src/components/ui/gradient-background.module.css +6 -0
- package/src/components/ui/gradient-background.tsx +27 -5
- package/src/components/ui/gradient-text.module.css +23 -0
- package/src/components/ui/gradient-text.tsx +36 -9
- package/src/components/ui/highlight-text.module.css +14 -0
- package/src/components/ui/highlight-text.tsx +37 -15
- package/src/components/ui/hole-background.module.css +84 -0
- package/src/components/ui/hole-background.tsx +290 -162
- package/src/components/ui/hover-card.module.css +21 -0
- package/src/components/ui/hover-card.tsx +142 -21
- package/src/components/ui/input-group.module.css +148 -0
- package/src/components/ui/input-group.tsx +222 -98
- package/src/components/ui/input-otp.module.css +92 -0
- package/src/components/ui/input-otp.tsx +159 -33
- package/src/components/ui/input.module.css +37 -0
- package/src/components/ui/input.tsx +56 -14
- package/src/components/ui/item.module.css +143 -0
- package/src/components/ui/item.tsx +331 -104
- package/src/components/ui/kbd.module.css +31 -0
- package/src/components/ui/kbd.tsx +60 -17
- package/src/components/ui/label.module.css +13 -0
- package/src/components/ui/label.tsx +38 -14
- package/src/components/ui/list-skeleton.module.css +35 -0
- package/src/components/ui/list-skeleton.tsx +70 -0
- package/src/components/ui/loading-overlay.module.css +19 -0
- package/src/components/ui/loading-overlay.tsx +72 -0
- package/src/components/ui/menubar.module.css +144 -0
- package/src/components/ui/menubar.tsx +605 -192
- package/src/components/ui/meter.module.css +32 -0
- package/src/components/ui/meter.tsx +170 -0
- package/src/components/ui/navigation-menu.module.css +110 -0
- package/src/components/ui/navigation-menu.tsx +375 -101
- package/src/components/ui/number-field.module.css +126 -0
- package/src/components/ui/number-field.tsx +254 -0
- package/src/components/ui/pagination.module.css +64 -0
- package/src/components/ui/pagination.tsx +250 -72
- package/src/components/ui/popover.module.css +26 -0
- package/src/components/ui/popover.tsx +207 -25
- package/src/components/ui/progress.module.css +15 -0
- package/src/components/ui/progress.tsx +53 -16
- package/src/components/ui/radio-group.module.css +41 -0
- package/src/components/ui/radio-group.tsx +91 -34
- package/src/components/ui/resizable.module.css +67 -0
- package/src/components/ui/resizable.tsx +106 -26
- package/src/components/ui/ripple-button.module.css +35 -0
- package/src/components/ui/ripple-button.tsx +55 -21
- package/src/components/ui/scratcher.module.css +9 -0
- package/src/components/ui/scratcher.tsx +129 -99
- package/src/components/ui/scroll-area.module.css +47 -0
- package/src/components/ui/scroll-area.tsx +96 -34
- package/src/components/ui/select.module.css +131 -0
- package/src/components/ui/select.tsx +435 -124
- package/src/components/ui/separator.module.css +14 -0
- package/src/components/ui/separator.tsx +59 -18
- package/src/components/ui/sheet.module.css +138 -0
- package/src/components/ui/sheet.tsx +424 -95
- package/src/components/ui/sidebar.module.css +594 -0
- package/src/components/ui/sidebar.tsx +899 -425
- package/src/components/ui/skeleton.module.css +14 -0
- package/src/components/ui/skeleton.tsx +39 -9
- package/src/components/ui/slider.module.css +48 -0
- package/src/components/ui/slider.tsx +89 -16
- package/src/components/ui/sonner.module.css +246 -0
- package/src/components/ui/sonner.tsx +769 -25
- package/src/components/ui/spinner.module.css +25 -0
- package/src/components/ui/spinner.tsx +51 -12
- package/src/components/ui/stepper.module.css +72 -0
- package/src/components/ui/stepper.tsx +95 -0
- package/src/components/ui/switch.module.css +42 -0
- package/src/components/ui/switch.tsx +53 -20
- package/src/components/ui/table-skeleton.module.css +29 -0
- package/src/components/ui/table-skeleton.tsx +79 -0
- package/src/components/ui/table.module.css +66 -0
- package/src/components/ui/table.tsx +235 -61
- package/src/components/ui/tabs.module.css +89 -0
- package/src/components/ui/tabs.tsx +192 -45
- package/src/components/ui/textarea.module.css +30 -0
- package/src/components/ui/textarea.tsx +30 -10
- package/src/components/ui/timeline.module.css +43 -0
- package/src/components/ui/timeline.tsx +153 -0
- package/src/components/ui/toggle-group.module.css +5 -0
- package/src/components/ui/toggle-group.tsx +116 -35
- package/src/components/ui/toggle.module.css +57 -0
- package/src/components/ui/toggle.tsx +89 -33
- package/src/components/ui/toolbar.module.css +112 -0
- package/src/components/ui/toolbar.tsx +210 -0
- package/src/components/ui/tooltip.module.css +39 -0
- package/src/components/ui/tooltip.tsx +181 -24
- package/src/components/ui/typewriter.module.css +101 -0
- package/src/components/ui/typewriter.tsx +130 -128
- package/src/components/ui/visually-hidden.module.css +11 -0
- package/src/components/ui/visually-hidden.tsx +50 -0
- package/src/css-modules.d.ts +9 -0
- package/src/hooks/useAnnounce.tsx +73 -0
- package/src/hooks/useBreakpoint.tsx +41 -0
- package/src/hooks/useColorScheme.tsx +23 -0
- package/src/hooks/useFocusManager.tsx +89 -0
- package/src/hooks/useFocusVisible.tsx +88 -0
- package/src/hooks/useIsMobile.tsx +7 -28
- package/src/hooks/useMediaQuery.tsx +34 -0
- package/src/hooks/usePrefersContrast.tsx +24 -0
- package/src/hooks/useReducedMotion.tsx +20 -0
- package/src/index.css +127 -65
- package/src/index.ts +223 -16
- package/src/lib/color-conversion-utilities.ts +165 -0
- package/src/lib/utilities.ts +7 -6
- package/src/motion/Collapse.module.css +22 -0
- package/src/motion/Collapse.tsx +52 -0
- package/src/motion/Presence.tsx +44 -0
- package/src/motion/index.ts +13 -0
- package/src/motion/presets.ts +77 -0
- package/src/motion/tokens.ts +37 -0
|
@@ -1,21 +1,324 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { AlertDialog as BaseAlertDialog } from "@base-ui/react/alert-dialog";
|
|
2
|
+
import { useRender } from "@base-ui/react/use-render";
|
|
2
3
|
import * as React from "react";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
4
|
+
interface AlertDialogProps extends React.ComponentPropsWithRef<typeof BaseAlertDialog.Root> {
|
|
5
|
+
}
|
|
6
|
+
interface AlertDialogTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Trigger>, "className"> {
|
|
7
|
+
/** Additional CSS classes merged with the alert-dialog trigger styles. @default undefined */
|
|
8
|
+
className?: string;
|
|
9
|
+
/** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer Base UI's `render` prop. */
|
|
10
|
+
asChild?: boolean;
|
|
11
|
+
}
|
|
12
|
+
interface AlertDialogOverlayProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Backdrop>, "className"> {
|
|
13
|
+
/** Additional CSS classes merged with the alert-dialog backdrop styles. @default undefined */
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
interface AlertDialogContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Popup>, "className"> {
|
|
17
|
+
/** Additional CSS classes merged with the alert-dialog popup styles. @default undefined */
|
|
18
|
+
className?: string;
|
|
19
|
+
}
|
|
20
|
+
interface AlertDialogHeaderProps extends React.ComponentPropsWithRef<"div"> {
|
|
21
|
+
/** Additional CSS classes merged with the alert-dialog header layout styles. @default undefined */
|
|
22
|
+
className?: string;
|
|
23
|
+
/** Custom element or render callback used to replace the default header container. @default undefined */
|
|
24
|
+
render?: useRender.RenderProp<Record<string, never>>;
|
|
25
|
+
/** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer the `render` prop. */
|
|
26
|
+
asChild?: boolean;
|
|
27
|
+
}
|
|
28
|
+
interface AlertDialogFooterProps extends React.ComponentPropsWithRef<"div"> {
|
|
29
|
+
/** Additional CSS classes merged with the alert-dialog footer layout styles. @default undefined */
|
|
30
|
+
className?: string;
|
|
31
|
+
/** Custom element or render callback used to replace the default footer container. @default undefined */
|
|
32
|
+
render?: useRender.RenderProp<Record<string, never>>;
|
|
33
|
+
/** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer the `render` prop. */
|
|
34
|
+
asChild?: boolean;
|
|
35
|
+
}
|
|
36
|
+
interface AlertDialogTitleProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Title>, "className"> {
|
|
37
|
+
/** Additional CSS classes merged with the alert-dialog title styles. @default undefined */
|
|
38
|
+
className?: string;
|
|
39
|
+
}
|
|
40
|
+
interface AlertDialogDescriptionProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Description>, "className"> {
|
|
41
|
+
/** Additional CSS classes merged with the alert-dialog description styles. @default undefined */
|
|
42
|
+
className?: string;
|
|
43
|
+
}
|
|
44
|
+
interface AlertDialogActionProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Close>, "className"> {
|
|
45
|
+
/** Additional CSS classes merged with the primary action button styles. @default undefined */
|
|
46
|
+
className?: string;
|
|
47
|
+
}
|
|
48
|
+
interface AlertDialogCancelProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Close>, "className"> {
|
|
49
|
+
/** Additional CSS classes merged with the cancel action button styles. @default undefined */
|
|
50
|
+
className?: string;
|
|
51
|
+
}
|
|
52
|
+
/**
|
|
53
|
+
* Coordinates destructive confirmation dialogs with modal accessibility behavior.
|
|
54
|
+
*
|
|
55
|
+
* @remarks
|
|
56
|
+
* - Renders no DOM element by default and coordinates descendant alert-dialog parts
|
|
57
|
+
* - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
|
|
58
|
+
* - Supports composition through descendant `render` props
|
|
59
|
+
* - Styling via CSS Modules with `--ac-*` custom properties
|
|
60
|
+
*
|
|
61
|
+
* @example Basic usage
|
|
62
|
+
* ```tsx
|
|
63
|
+
* <AlertDialog>
|
|
64
|
+
* <AlertDialogTrigger>Delete</AlertDialogTrigger>
|
|
65
|
+
* <AlertDialogContent>
|
|
66
|
+
* <AlertDialogTitle>Are you sure?</AlertDialogTitle>
|
|
67
|
+
* </AlertDialogContent>
|
|
68
|
+
* </AlertDialog>
|
|
69
|
+
* ```
|
|
70
|
+
*
|
|
71
|
+
* @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
|
|
72
|
+
*/
|
|
73
|
+
declare function AlertDialog(props: Readonly<AlertDialog.Props>): React.ReactElement;
|
|
74
|
+
declare namespace AlertDialog {
|
|
75
|
+
var displayName: string;
|
|
76
|
+
}
|
|
77
|
+
/**
|
|
78
|
+
* Opens the alert dialog from an interactive trigger element.
|
|
79
|
+
*
|
|
80
|
+
* @remarks
|
|
81
|
+
* - Renders a `<button>` element by default
|
|
82
|
+
* - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
|
|
83
|
+
* - Supports the `render` prop for element composition
|
|
84
|
+
* - Styling via CSS Modules with `--ac-*` custom properties
|
|
85
|
+
*
|
|
86
|
+
* @example Basic usage
|
|
87
|
+
* ```tsx
|
|
88
|
+
* <AlertDialogTrigger>Delete</AlertDialogTrigger>
|
|
89
|
+
* ```
|
|
90
|
+
*
|
|
91
|
+
* @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
|
|
92
|
+
*/
|
|
93
|
+
declare function AlertDialogTrigger(props: Readonly<AlertDialogTrigger.Props>): React.ReactElement;
|
|
94
|
+
declare namespace AlertDialogTrigger {
|
|
95
|
+
var displayName: string;
|
|
96
|
+
}
|
|
97
|
+
/**
|
|
98
|
+
* Portals alert-dialog descendants outside the local DOM hierarchy.
|
|
99
|
+
*
|
|
100
|
+
* @remarks
|
|
101
|
+
* - Renders no DOM element by default and portals descendants into the document body
|
|
102
|
+
* - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
|
|
103
|
+
* - Does not expose a `render` prop because it only controls mounting context
|
|
104
|
+
* - Styling via CSS Modules with `--ac-*` custom properties through descendant components
|
|
105
|
+
*
|
|
106
|
+
* @example Basic usage
|
|
107
|
+
* ```tsx
|
|
108
|
+
* <AlertDialogPortal>
|
|
109
|
+
* <AlertDialogOverlay />
|
|
110
|
+
* <AlertDialogContent />
|
|
111
|
+
* </AlertDialogPortal>
|
|
112
|
+
* ```
|
|
113
|
+
*
|
|
114
|
+
* @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
|
|
115
|
+
*/
|
|
116
|
+
declare const AlertDialogPortal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
117
|
+
/**
|
|
118
|
+
* Renders the dimmed backdrop behind the alert dialog popup.
|
|
119
|
+
*
|
|
120
|
+
* @remarks
|
|
121
|
+
* - Renders a `<div>` element by default
|
|
122
|
+
* - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
|
|
123
|
+
* - Supports the `render` prop for element composition
|
|
124
|
+
* - Styling via CSS Modules with `--ac-*` custom properties
|
|
125
|
+
*
|
|
126
|
+
* @example Basic usage
|
|
127
|
+
* ```tsx
|
|
128
|
+
* <AlertDialogOverlay />
|
|
129
|
+
* ```
|
|
130
|
+
*
|
|
131
|
+
* @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
|
|
132
|
+
*/
|
|
133
|
+
declare function AlertDialogOverlay(props: Readonly<AlertDialogOverlay.Props>): React.ReactElement;
|
|
134
|
+
declare namespace AlertDialogOverlay {
|
|
135
|
+
var displayName: string;
|
|
136
|
+
}
|
|
137
|
+
/**
|
|
138
|
+
* Renders the alert dialog popup inside a portal with its backdrop.
|
|
139
|
+
*
|
|
140
|
+
* @remarks
|
|
141
|
+
* - Renders a `<div>` element by default
|
|
142
|
+
* - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
|
|
143
|
+
* - Supports the `render` prop for element composition
|
|
144
|
+
* - Styling via CSS Modules with `--ac-*` custom properties
|
|
145
|
+
*
|
|
146
|
+
* @example Basic usage
|
|
147
|
+
* ```tsx
|
|
148
|
+
* <AlertDialogContent>
|
|
149
|
+
* <AlertDialogTitle>Are you sure?</AlertDialogTitle>
|
|
150
|
+
* </AlertDialogContent>
|
|
151
|
+
* ```
|
|
152
|
+
*
|
|
153
|
+
* @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
|
|
154
|
+
*/
|
|
155
|
+
declare function AlertDialogContent(props: Readonly<AlertDialogContent.Props>): React.ReactElement;
|
|
156
|
+
declare namespace AlertDialogContent {
|
|
157
|
+
var displayName: string;
|
|
158
|
+
}
|
|
159
|
+
/**
|
|
160
|
+
* Lays out the alert dialog heading and supporting content.
|
|
161
|
+
*
|
|
162
|
+
* @remarks
|
|
163
|
+
* - Renders a `<div>` element by default
|
|
164
|
+
* - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
|
|
165
|
+
* - Supports the `render` prop for element composition
|
|
166
|
+
* - Styling via CSS Modules with `--ac-*` custom properties
|
|
167
|
+
*
|
|
168
|
+
* @example Basic usage
|
|
169
|
+
* ```tsx
|
|
170
|
+
* <AlertDialogHeader>
|
|
171
|
+
* <AlertDialogTitle>Are you sure?</AlertDialogTitle>
|
|
172
|
+
* </AlertDialogHeader>
|
|
173
|
+
* ```
|
|
174
|
+
*
|
|
175
|
+
* @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
|
|
176
|
+
*/
|
|
177
|
+
declare function AlertDialogHeader(props: Readonly<AlertDialogHeader.Props>): React.ReactElement;
|
|
178
|
+
declare namespace AlertDialogHeader {
|
|
179
|
+
var displayName: string;
|
|
180
|
+
}
|
|
181
|
+
/**
|
|
182
|
+
* Lays out confirmation and dismissal actions at the bottom edge.
|
|
183
|
+
*
|
|
184
|
+
* @remarks
|
|
185
|
+
* - Renders a `<div>` element by default
|
|
186
|
+
* - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
|
|
187
|
+
* - Supports the `render` prop for element composition
|
|
188
|
+
* - Styling via CSS Modules with `--ac-*` custom properties
|
|
189
|
+
*
|
|
190
|
+
* @example Basic usage
|
|
191
|
+
* ```tsx
|
|
192
|
+
* <AlertDialogFooter>
|
|
193
|
+
* <AlertDialogCancel>Cancel</AlertDialogCancel>
|
|
194
|
+
* </AlertDialogFooter>
|
|
195
|
+
* ```
|
|
196
|
+
*
|
|
197
|
+
* @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
|
|
198
|
+
*/
|
|
199
|
+
declare function AlertDialogFooter(props: Readonly<AlertDialogFooter.Props>): React.ReactElement;
|
|
200
|
+
declare namespace AlertDialogFooter {
|
|
201
|
+
var displayName: string;
|
|
202
|
+
}
|
|
203
|
+
/**
|
|
204
|
+
* Renders the accessible heading for alert dialog content.
|
|
205
|
+
*
|
|
206
|
+
* @remarks
|
|
207
|
+
* - Renders an `<h2>` element by default
|
|
208
|
+
* - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
|
|
209
|
+
* - Supports the `render` prop for element composition
|
|
210
|
+
* - Styling via CSS Modules with `--ac-*` custom properties
|
|
211
|
+
*
|
|
212
|
+
* @example Basic usage
|
|
213
|
+
* ```tsx
|
|
214
|
+
* <AlertDialogTitle>Are you sure?</AlertDialogTitle>
|
|
215
|
+
* ```
|
|
216
|
+
*
|
|
217
|
+
* @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
|
|
218
|
+
*/
|
|
219
|
+
declare function AlertDialogTitle(props: Readonly<AlertDialogTitle.Props>): React.ReactElement;
|
|
220
|
+
declare namespace AlertDialogTitle {
|
|
221
|
+
var displayName: string;
|
|
222
|
+
}
|
|
223
|
+
/**
|
|
224
|
+
* Renders supporting copy beneath the alert dialog title.
|
|
225
|
+
*
|
|
226
|
+
* @remarks
|
|
227
|
+
* - Renders a `<p>` element by default
|
|
228
|
+
* - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
|
|
229
|
+
* - Supports the `render` prop for element composition
|
|
230
|
+
* - Styling via CSS Modules with `--ac-*` custom properties
|
|
231
|
+
*
|
|
232
|
+
* @example Basic usage
|
|
233
|
+
* ```tsx
|
|
234
|
+
* <AlertDialogDescription>This action cannot be undone.</AlertDialogDescription>
|
|
235
|
+
* ```
|
|
236
|
+
*
|
|
237
|
+
* @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
|
|
238
|
+
*/
|
|
239
|
+
declare function AlertDialogDescription(props: Readonly<AlertDialogDescription.Props>): React.ReactElement;
|
|
240
|
+
declare namespace AlertDialogDescription {
|
|
241
|
+
var displayName: string;
|
|
242
|
+
}
|
|
243
|
+
/**
|
|
244
|
+
* Renders the primary confirmation action inside the alert dialog.
|
|
245
|
+
*
|
|
246
|
+
* @remarks
|
|
247
|
+
* - Renders a `<button>` element by default
|
|
248
|
+
* - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
|
|
249
|
+
* - Supports the `render` prop for element composition
|
|
250
|
+
* - Styling via CSS Modules with `--ac-*` custom properties
|
|
251
|
+
*
|
|
252
|
+
* @example Basic usage
|
|
253
|
+
* ```tsx
|
|
254
|
+
* <AlertDialogAction>Continue</AlertDialogAction>
|
|
255
|
+
* ```
|
|
256
|
+
*
|
|
257
|
+
* @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
|
|
258
|
+
*/
|
|
259
|
+
declare function AlertDialogAction(props: Readonly<AlertDialogAction.Props>): React.ReactElement;
|
|
260
|
+
declare namespace AlertDialogAction {
|
|
261
|
+
var displayName: string;
|
|
262
|
+
}
|
|
263
|
+
/**
|
|
264
|
+
* Renders the secondary dismissal action inside the alert dialog.
|
|
265
|
+
*
|
|
266
|
+
* @remarks
|
|
267
|
+
* - Renders a `<button>` element by default
|
|
268
|
+
* - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
|
|
269
|
+
* - Supports the `render` prop for element composition
|
|
270
|
+
* - Styling via CSS Modules with `--ac-*` custom properties
|
|
271
|
+
*
|
|
272
|
+
* @example Basic usage
|
|
273
|
+
* ```tsx
|
|
274
|
+
* <AlertDialogCancel>Cancel</AlertDialogCancel>
|
|
275
|
+
* ```
|
|
276
|
+
*
|
|
277
|
+
* @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
|
|
278
|
+
*/
|
|
279
|
+
declare function AlertDialogCancel(props: Readonly<AlertDialogCancel.Props>): React.ReactElement;
|
|
280
|
+
declare namespace AlertDialogCancel {
|
|
281
|
+
var displayName: string;
|
|
282
|
+
}
|
|
283
|
+
declare namespace AlertDialog {
|
|
284
|
+
type Props = AlertDialogProps;
|
|
285
|
+
type State = BaseAlertDialog.Root.State;
|
|
286
|
+
}
|
|
287
|
+
declare namespace AlertDialogTrigger {
|
|
288
|
+
type Props = AlertDialogTriggerProps;
|
|
289
|
+
type State = BaseAlertDialog.Trigger.State;
|
|
290
|
+
}
|
|
291
|
+
declare namespace AlertDialogOverlay {
|
|
292
|
+
type Props = AlertDialogOverlayProps;
|
|
293
|
+
type State = BaseAlertDialog.Backdrop.State;
|
|
294
|
+
}
|
|
295
|
+
declare namespace AlertDialogContent {
|
|
296
|
+
type Props = AlertDialogContentProps;
|
|
297
|
+
type State = BaseAlertDialog.Popup.State;
|
|
298
|
+
}
|
|
299
|
+
declare namespace AlertDialogHeader {
|
|
300
|
+
type Props = AlertDialogHeaderProps;
|
|
301
|
+
type State = Record<string, never>;
|
|
302
|
+
}
|
|
303
|
+
declare namespace AlertDialogFooter {
|
|
304
|
+
type Props = AlertDialogFooterProps;
|
|
305
|
+
type State = Record<string, never>;
|
|
306
|
+
}
|
|
307
|
+
declare namespace AlertDialogTitle {
|
|
308
|
+
type Props = AlertDialogTitleProps;
|
|
309
|
+
type State = BaseAlertDialog.Title.State;
|
|
310
|
+
}
|
|
311
|
+
declare namespace AlertDialogDescription {
|
|
312
|
+
type Props = AlertDialogDescriptionProps;
|
|
313
|
+
type State = BaseAlertDialog.Description.State;
|
|
314
|
+
}
|
|
315
|
+
declare namespace AlertDialogAction {
|
|
316
|
+
type Props = AlertDialogActionProps;
|
|
317
|
+
type State = BaseAlertDialog.Close.State;
|
|
318
|
+
}
|
|
319
|
+
declare namespace AlertDialogCancel {
|
|
320
|
+
type Props = AlertDialogCancelProps;
|
|
321
|
+
type State = BaseAlertDialog.Close.State;
|
|
322
|
+
}
|
|
20
323
|
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
|
|
21
324
|
//# sourceMappingURL=alert-dialog.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert-dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,65 +1,158 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
3
|
+
import { AlertDialog } from "@base-ui/react/alert-dialog";
|
|
4
|
+
import { mergeProps } from "@base-ui/react/merge-props";
|
|
5
|
+
import { useRender } from "@base-ui/react/use-render";
|
|
6
|
+
import { isValidElement } from "react";
|
|
6
7
|
import { cn } from "../../lib/utilities.js";
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
const
|
|
8
|
+
import alert_dialog_module from "./alert-dialog.module.js";
|
|
9
|
+
import button_module from "./button.module.js";
|
|
10
|
+
function alert_dialog_AlertDialog(props) {
|
|
11
|
+
return /*#__PURE__*/ jsx(AlertDialog.Root, {
|
|
12
|
+
...props
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
alert_dialog_AlertDialog.displayName = "AlertDialog";
|
|
16
|
+
function AlertDialogTrigger(props) {
|
|
17
|
+
const { asChild = false, children, className, render, ...otherProps } = props;
|
|
18
|
+
const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
|
|
19
|
+
return /*#__PURE__*/ jsx(AlertDialog.Trigger, {
|
|
20
|
+
...otherProps,
|
|
21
|
+
render: useRender({
|
|
22
|
+
defaultTagName: "button",
|
|
23
|
+
render: renderProp,
|
|
24
|
+
props: mergeProps({
|
|
25
|
+
className
|
|
26
|
+
}, {})
|
|
27
|
+
}),
|
|
28
|
+
children: renderProp ? void 0 : children
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
AlertDialogTrigger.displayName = "AlertDialogTrigger";
|
|
32
|
+
const AlertDialogPortal = AlertDialog.Portal;
|
|
33
|
+
AlertDialogPortal.displayName = "AlertDialogPortal";
|
|
34
|
+
function AlertDialogOverlay(props) {
|
|
35
|
+
const { className, render, ...otherProps } = props;
|
|
36
|
+
return /*#__PURE__*/ jsx(AlertDialog.Backdrop, {
|
|
37
|
+
...otherProps,
|
|
38
|
+
render: useRender({
|
|
39
|
+
defaultTagName: "div",
|
|
40
|
+
render: render,
|
|
41
|
+
props: mergeProps({
|
|
42
|
+
className: cn(alert_dialog_module.backdrop, className)
|
|
43
|
+
}, {})
|
|
44
|
+
})
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
AlertDialogOverlay.displayName = "AlertDialogOverlay";
|
|
48
|
+
function AlertDialogContent(props) {
|
|
49
|
+
const { className, children, render, ...otherProps } = props;
|
|
50
|
+
return /*#__PURE__*/ jsxs(AlertDialogPortal, {
|
|
17
51
|
children: [
|
|
18
52
|
/*#__PURE__*/ jsx(AlertDialogOverlay, {}),
|
|
19
|
-
/*#__PURE__*/ jsx(
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
53
|
+
/*#__PURE__*/ jsx(AlertDialog.Popup, {
|
|
54
|
+
...otherProps,
|
|
55
|
+
render: useRender({
|
|
56
|
+
defaultTagName: "div",
|
|
57
|
+
render: render,
|
|
58
|
+
props: mergeProps({
|
|
59
|
+
className: cn(alert_dialog_module.popup, className)
|
|
60
|
+
}, {})
|
|
61
|
+
}),
|
|
62
|
+
children: children
|
|
23
63
|
})
|
|
24
64
|
]
|
|
25
|
-
}));
|
|
26
|
-
AlertDialogContent.displayName = Content.displayName;
|
|
27
|
-
const AlertDialogHeader = ({ className, ...props })=>/*#__PURE__*/ jsx("div", {
|
|
28
|
-
className: cn("flex flex-col space-y-2 text-center sm:text-left", className),
|
|
29
|
-
...props
|
|
30
65
|
});
|
|
66
|
+
}
|
|
67
|
+
AlertDialogContent.displayName = "AlertDialogContent";
|
|
68
|
+
function AlertDialogHeader(props) {
|
|
69
|
+
const { asChild = false, children, className, render, ...otherProps } = props;
|
|
70
|
+
const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
|
|
71
|
+
return useRender({
|
|
72
|
+
defaultTagName: "div",
|
|
73
|
+
render: renderProp,
|
|
74
|
+
props: mergeProps({
|
|
75
|
+
className: cn(alert_dialog_module.header, className)
|
|
76
|
+
}, otherProps, {
|
|
77
|
+
children: renderProp ? void 0 : children
|
|
78
|
+
})
|
|
79
|
+
});
|
|
80
|
+
}
|
|
31
81
|
AlertDialogHeader.displayName = "AlertDialogHeader";
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
82
|
+
function AlertDialogFooter(props) {
|
|
83
|
+
const { asChild = false, children, className, render, ...otherProps } = props;
|
|
84
|
+
const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
|
|
85
|
+
return useRender({
|
|
86
|
+
defaultTagName: "div",
|
|
87
|
+
render: renderProp,
|
|
88
|
+
props: mergeProps({
|
|
89
|
+
className: cn(alert_dialog_module.footer, className)
|
|
90
|
+
}, otherProps, {
|
|
91
|
+
children: renderProp ? void 0 : children
|
|
92
|
+
})
|
|
35
93
|
});
|
|
94
|
+
}
|
|
36
95
|
AlertDialogFooter.displayName = "AlertDialogFooter";
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
...
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
96
|
+
function AlertDialogTitle(props) {
|
|
97
|
+
const { className, children, render, ...otherProps } = props;
|
|
98
|
+
return /*#__PURE__*/ jsx(AlertDialog.Title, {
|
|
99
|
+
...otherProps,
|
|
100
|
+
render: useRender({
|
|
101
|
+
defaultTagName: "h2",
|
|
102
|
+
render: render,
|
|
103
|
+
props: mergeProps({
|
|
104
|
+
className: cn(alert_dialog_module.title, className)
|
|
105
|
+
}, {})
|
|
106
|
+
}),
|
|
107
|
+
children: children
|
|
108
|
+
});
|
|
109
|
+
}
|
|
110
|
+
AlertDialogTitle.displayName = "AlertDialogTitle";
|
|
111
|
+
function AlertDialogDescription(props) {
|
|
112
|
+
const { className, children, render, ...otherProps } = props;
|
|
113
|
+
return /*#__PURE__*/ jsx(AlertDialog.Description, {
|
|
114
|
+
...otherProps,
|
|
115
|
+
render: useRender({
|
|
116
|
+
defaultTagName: "p",
|
|
117
|
+
render: render,
|
|
118
|
+
props: mergeProps({
|
|
119
|
+
className: cn(alert_dialog_module.description, className)
|
|
120
|
+
}, {})
|
|
121
|
+
}),
|
|
122
|
+
children: children
|
|
123
|
+
});
|
|
124
|
+
}
|
|
125
|
+
AlertDialogDescription.displayName = "AlertDialogDescription";
|
|
126
|
+
function AlertDialogAction(props) {
|
|
127
|
+
const { className, children, render, ...otherProps } = props;
|
|
128
|
+
return /*#__PURE__*/ jsx(AlertDialog.Close, {
|
|
129
|
+
...otherProps,
|
|
130
|
+
render: useRender({
|
|
131
|
+
defaultTagName: "button",
|
|
132
|
+
render: render,
|
|
133
|
+
props: mergeProps({
|
|
134
|
+
className: cn(button_module.button, button_module["default"], button_module.sizeDefault, className)
|
|
135
|
+
}, {})
|
|
136
|
+
}),
|
|
137
|
+
children: children
|
|
138
|
+
});
|
|
139
|
+
}
|
|
140
|
+
AlertDialogAction.displayName = "AlertDialogAction";
|
|
141
|
+
function AlertDialogCancel(props) {
|
|
142
|
+
const { className, children, render, ...otherProps } = props;
|
|
143
|
+
return /*#__PURE__*/ jsx(AlertDialog.Close, {
|
|
144
|
+
...otherProps,
|
|
145
|
+
render: useRender({
|
|
146
|
+
defaultTagName: "button",
|
|
147
|
+
render: render,
|
|
148
|
+
props: mergeProps({
|
|
149
|
+
className: cn(button_module.button, button_module.outline, button_module.sizeDefault, alert_dialog_module.cancel, className)
|
|
150
|
+
}, {})
|
|
151
|
+
}),
|
|
152
|
+
children: children
|
|
153
|
+
});
|
|
154
|
+
}
|
|
155
|
+
AlertDialogCancel.displayName = "AlertDialogCancel";
|
|
156
|
+
export { AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, alert_dialog_AlertDialog as AlertDialog };
|
|
64
157
|
|
|
65
158
|
//# sourceMappingURL=alert-dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components/ui/alert-dialog.js","sources":["../../../src/components/ui/alert-dialog.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\";\r\nimport * as React from \"react\";\r\n\r\nimport {buttonVariants} from \"@/components/ui/button\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst AlertDialog = AlertDialogPrimitive.Root;\r\n\r\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\r\n\r\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\r\n\r\nconst AlertDialogOverlay = React.forwardRef<\r\n React.ComponentRef<typeof AlertDialogPrimitive.Overlay>,\r\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\r\n>(({className, ...props}, ref) => (\r\n <AlertDialogPrimitive.Overlay\r\n className={cn(\r\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80\",\r\n className,\r\n )}\r\n {...props}\r\n ref={ref}\r\n />\r\n));\r\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;\r\n\r\nconst AlertDialogContent = React.forwardRef<\r\n React.ComponentRef<typeof AlertDialogPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>\r\n>(({className, ...props}, ref) => (\r\n <AlertDialogPortal>\r\n <AlertDialogOverlay />\r\n <AlertDialogPrimitive.Content\r\n ref={ref}\r\n className={cn(\r\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white p-6 shadow-lg duration-200 sm:rounded-lg dark:border-neutral-800 dark:bg-neutral-950\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n </AlertDialogPortal>\r\n));\r\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;\r\n\r\nconst AlertDialogHeader = ({className, ...props}: React.HTMLAttributes<HTMLDivElement>) => (\r\n <div\r\n className={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)}\r\n {...props}\r\n />\r\n);\r\nAlertDialogHeader.displayName = \"AlertDialogHeader\";\r\n\r\nconst AlertDialogFooter = ({className, ...props}: React.HTMLAttributes<HTMLDivElement>) => (\r\n <div\r\n className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)}\r\n {...props}\r\n />\r\n);\r\nAlertDialogFooter.displayName = \"AlertDialogFooter\";\r\n\r\nconst AlertDialogTitle = React.forwardRef<\r\n React.ComponentRef<typeof AlertDialogPrimitive.Title>,\r\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\r\n>(({className, ...props}, ref) => (\r\n <AlertDialogPrimitive.Title\r\n ref={ref}\r\n className={cn(\"text-lg font-semibold\", className)}\r\n {...props}\r\n />\r\n));\r\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;\r\n\r\nconst AlertDialogDescription = React.forwardRef<\r\n React.ComponentRef<typeof AlertDialogPrimitive.Description>,\r\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\r\n>(({className, ...props}, ref) => (\r\n <AlertDialogPrimitive.Description\r\n ref={ref}\r\n className={cn(\"text-sm text-neutral-500 dark:text-neutral-400\", className)}\r\n {...props}\r\n />\r\n));\r\nAlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;\r\n\r\nconst AlertDialogAction = React.forwardRef<\r\n React.ComponentRef<typeof AlertDialogPrimitive.Action>,\r\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>\r\n>(({className, ...props}, ref) => (\r\n <AlertDialogPrimitive.Action\r\n ref={ref}\r\n className={cn(buttonVariants(), className)}\r\n {...props}\r\n />\r\n));\r\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;\r\n\r\nconst AlertDialogCancel = React.forwardRef<\r\n React.ComponentRef<typeof AlertDialogPrimitive.Cancel>,\r\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>\r\n>(({className, ...props}, ref) => (\r\n <AlertDialogPrimitive.Cancel\r\n ref={ref}\r\n className={cn(buttonVariants({variant: \"outline\"}), \"mt-2 sm:mt-0\", className)}\r\n {...props}\r\n />\r\n));\r\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;\r\n\r\nexport {\r\n AlertDialog,\r\n AlertDialogAction,\r\n AlertDialogCancel,\r\n AlertDialogContent,\r\n AlertDialogDescription,\r\n AlertDialogFooter,\r\n AlertDialogHeader,\r\n AlertDialogOverlay,\r\n AlertDialogPortal,\r\n AlertDialogTitle,\r\n AlertDialogTrigger,\r\n};\r\n"],"names":["AlertDialog","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","React","className","props","ref","cn","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","buttonVariants","AlertDialogCancel"],"mappings":";;;;;;AAQA,MAAMA,cAAcC;AAEpB,MAAMC,qBAAqBD;AAE3B,MAAME,oBAAoBF;AAE1B,MAAMG,qBAAqB,WAArBA,GAAqBC,WAGzB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACP,SAA4B;QAC3B,WAAWQ,GACT,0JACAH;QAED,GAAGC,KAAK;QACT,KAAKC;;AAGTJ,mBAAmB,WAAW,GAAGH,QAAAA,WAAwC;AAEzE,MAAMS,qBAAqB,WAArBA,GAAqBL,WAGzB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,KAACL,mBAAAA;;0BACC,IAACC,oBAAAA,CAAAA;0BACD,IAACH,SAA4B;gBAC3B,KAAKO;gBACL,WAAWC,GACT,yjBACAH;gBAED,GAAGC,KAAK;;;;AAIfG,mBAAmB,WAAW,GAAGT,QAAAA,WAAwC;AAEzE,MAAMU,oBAAoB,CAAC,EAACL,SAAS,EAAE,GAAGC,OAA4C,iBACpF,IAAC;QACC,WAAWE,GAAG,oDAAoDH;QACjE,GAAGC,KAAK;;AAGbI,kBAAkB,WAAW,GAAG;AAEhC,MAAMC,oBAAoB,CAAC,EAACN,SAAS,EAAE,GAAGC,OAA4C,iBACpF,IAAC;QACC,WAAWE,GAAG,iEAAiEH;QAC9E,GAAGC,KAAK;;AAGbK,kBAAkB,WAAW,GAAG;AAEhC,MAAMC,mBAAmB,WAAnBA,GAAmBR,WAGvB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACP,OAA0B;QACzB,KAAKO;QACL,WAAWC,GAAG,yBAAyBH;QACtC,GAAGC,KAAK;;AAGbM,iBAAiB,WAAW,GAAGZ,MAAAA,WAAsC;AAErE,MAAMa,yBAAyB,WAAzBA,GAAyBT,WAG7B,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACP,aAAgC;QAC/B,KAAKO;QACL,WAAWC,GAAG,kDAAkDH;QAC/D,GAAGC,KAAK;;AAGbO,uBAAuB,WAAW,GAAGb,YAAAA,WAA4C;AAEjF,MAAMc,oBAAoB,WAApBA,GAAoBV,WAGxB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACP,QAA2B;QAC1B,KAAKO;QACL,WAAWC,GAAGO,kBAAkBV;QAC/B,GAAGC,KAAK;;AAGbQ,kBAAkB,WAAW,GAAGd,OAAAA,WAAuC;AAEvE,MAAMgB,oBAAoB,WAApBA,GAAoBZ,WAGxB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACP,QAA2B;QAC1B,KAAKO;QACL,WAAWC,GAAGO,eAAe;YAAC,SAAS;QAAS,IAAI,gBAAgBV;QACnE,GAAGC,KAAK;;AAGbU,kBAAkB,WAAW,GAAGhB,OAAAA,WAAuC"}
|
|
1
|
+
{"version":3,"file":"components/ui/alert-dialog.js","sources":["../../../src/components/ui/alert-dialog.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {AlertDialog as BaseAlertDialog} from \"@base-ui/react/alert-dialog\";\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./alert-dialog.module.css\";\r\nimport buttonStyles from \"./button.module.css\";\r\n\r\ninterface AlertDialogProps extends React.ComponentPropsWithRef<typeof BaseAlertDialog.Root> {}\r\n\r\ninterface AlertDialogTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Trigger>, \"className\"> {\r\n /** Additional CSS classes merged with the alert-dialog trigger styles. @default undefined */\r\n className?: string;\r\n /** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer Base UI's `render` prop. */\r\n asChild?: boolean;\r\n}\r\n\r\ninterface AlertDialogOverlayProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Backdrop>, \"className\"> {\r\n /** Additional CSS classes merged with the alert-dialog backdrop styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\ninterface AlertDialogContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Popup>, \"className\"> {\r\n /** Additional CSS classes merged with the alert-dialog popup styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\ninterface AlertDialogHeaderProps extends React.ComponentPropsWithRef<\"div\"> {\r\n /** Additional CSS classes merged with the alert-dialog header layout styles. @default undefined */\r\n className?: string;\r\n /** Custom element or render callback used to replace the default header container. @default undefined */\r\n render?: useRender.RenderProp<Record<string, never>>;\r\n /** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer the `render` prop. */\r\n asChild?: boolean;\r\n}\r\n\r\ninterface AlertDialogFooterProps extends React.ComponentPropsWithRef<\"div\"> {\r\n /** Additional CSS classes merged with the alert-dialog footer layout styles. @default undefined */\r\n className?: string;\r\n /** Custom element or render callback used to replace the default footer container. @default undefined */\r\n render?: useRender.RenderProp<Record<string, never>>;\r\n /** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer the `render` prop. */\r\n asChild?: boolean;\r\n}\r\n\r\ninterface AlertDialogTitleProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Title>, \"className\"> {\r\n /** Additional CSS classes merged with the alert-dialog title styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\ninterface AlertDialogDescriptionProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Description>, \"className\"> {\r\n /** Additional CSS classes merged with the alert-dialog description styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\ninterface AlertDialogActionProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Close>, \"className\"> {\r\n /** Additional CSS classes merged with the primary action button styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\ninterface AlertDialogCancelProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Close>, \"className\"> {\r\n /** Additional CSS classes merged with the cancel action button styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\n/**\r\n * Coordinates destructive confirmation dialogs with modal accessibility behavior.\r\n *\r\n * @remarks\r\n * - Renders no DOM element by default and coordinates descendant alert-dialog parts\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports composition through descendant `render` props\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialog>\r\n * <AlertDialogTrigger>Delete</AlertDialogTrigger>\r\n * <AlertDialogContent>\r\n * <AlertDialogTitle>Are you sure?</AlertDialogTitle>\r\n * </AlertDialogContent>\r\n * </AlertDialog>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialog(props: Readonly<AlertDialog.Props>): React.ReactElement {\r\n return <BaseAlertDialog.Root {...props} />;\r\n}\r\nAlertDialog.displayName = \"AlertDialog\";\r\n\r\n/**\r\n * Opens the alert dialog from an interactive trigger element.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogTrigger>Delete</AlertDialogTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogTrigger(props: Readonly<AlertDialogTrigger.Props>): React.ReactElement {\r\n const {asChild = false, children, className, render, ...otherProps} = props;\r\n const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n return (\r\n <BaseAlertDialog.Trigger\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"button\",\r\n render: renderProp as never,\r\n props: mergeProps({className}, {}),\r\n })}>\r\n {renderProp ? undefined : children}\r\n </BaseAlertDialog.Trigger>\r\n );\r\n}\r\nAlertDialogTrigger.displayName = \"AlertDialogTrigger\";\r\n\r\n/**\r\n * Portals alert-dialog descendants outside the local DOM hierarchy.\r\n *\r\n * @remarks\r\n * - Renders no DOM element by default and portals descendants into the document body\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Does not expose a `render` prop because it only controls mounting context\r\n * - Styling via CSS Modules with `--ac-*` custom properties through descendant components\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogPortal>\r\n * <AlertDialogOverlay />\r\n * <AlertDialogContent />\r\n * </AlertDialogPortal>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nconst AlertDialogPortal = BaseAlertDialog.Portal;\r\nAlertDialogPortal.displayName = \"AlertDialogPortal\";\r\n\r\n/**\r\n * Renders the dimmed backdrop behind the alert dialog popup.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogOverlay />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogOverlay(props: Readonly<AlertDialogOverlay.Props>): React.ReactElement {\r\n const {className, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseAlertDialog.Backdrop\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.backdrop, className)}, {}),\r\n })}\r\n />\r\n );\r\n}\r\nAlertDialogOverlay.displayName = \"AlertDialogOverlay\";\r\n\r\n/**\r\n * Renders the alert dialog popup inside a portal with its backdrop.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogContent>\r\n * <AlertDialogTitle>Are you sure?</AlertDialogTitle>\r\n * </AlertDialogContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogContent(props: Readonly<AlertDialogContent.Props>): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <AlertDialogPortal>\r\n <AlertDialogOverlay />\r\n <BaseAlertDialog.Popup\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.popup, className)}, {}),\r\n })}>\r\n {children}\r\n </BaseAlertDialog.Popup>\r\n </AlertDialogPortal>\r\n );\r\n}\r\nAlertDialogContent.displayName = \"AlertDialogContent\";\r\n\r\n/**\r\n * Lays out the alert dialog heading and supporting content.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogHeader>\r\n * <AlertDialogTitle>Are you sure?</AlertDialogTitle>\r\n * </AlertDialogHeader>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogHeader(props: Readonly<AlertDialogHeader.Props>): React.ReactElement {\r\n const {asChild = false, children, className, render, ...otherProps} = props;\r\n const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n return useRender({\r\n defaultTagName: \"div\",\r\n render: renderProp as never,\r\n props: mergeProps({className: cn(styles.header, className)}, otherProps, {\r\n children: renderProp ? undefined : children,\r\n }),\r\n });\r\n}\r\nAlertDialogHeader.displayName = \"AlertDialogHeader\";\r\n\r\n/**\r\n * Lays out confirmation and dismissal actions at the bottom edge.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogFooter>\r\n * <AlertDialogCancel>Cancel</AlertDialogCancel>\r\n * </AlertDialogFooter>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogFooter(props: Readonly<AlertDialogFooter.Props>): React.ReactElement {\r\n const {asChild = false, children, className, render, ...otherProps} = props;\r\n const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n return useRender({\r\n defaultTagName: \"div\",\r\n render: renderProp as never,\r\n props: mergeProps({className: cn(styles.footer, className)}, otherProps, {\r\n children: renderProp ? undefined : children,\r\n }),\r\n });\r\n}\r\nAlertDialogFooter.displayName = \"AlertDialogFooter\";\r\n\r\n/**\r\n * Renders the accessible heading for alert dialog content.\r\n *\r\n * @remarks\r\n * - Renders an `<h2>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogTitle>Are you sure?</AlertDialogTitle>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogTitle(props: Readonly<AlertDialogTitle.Props>): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseAlertDialog.Title\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"h2\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.title, className)}, {}),\r\n })}>\r\n {children}\r\n </BaseAlertDialog.Title>\r\n );\r\n}\r\nAlertDialogTitle.displayName = \"AlertDialogTitle\";\r\n\r\n/**\r\n * Renders supporting copy beneath the alert dialog title.\r\n *\r\n * @remarks\r\n * - Renders a `<p>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogDescription>This action cannot be undone.</AlertDialogDescription>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogDescription(props: Readonly<AlertDialogDescription.Props>): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseAlertDialog.Description\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"p\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.description, className)}, {}),\r\n })}>\r\n {children}\r\n </BaseAlertDialog.Description>\r\n );\r\n}\r\nAlertDialogDescription.displayName = \"AlertDialogDescription\";\r\n\r\n/**\r\n * Renders the primary confirmation action inside the alert dialog.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogAction>Continue</AlertDialogAction>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogAction(props: Readonly<AlertDialogAction.Props>): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseAlertDialog.Close\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"button\",\r\n render: render as never,\r\n props: mergeProps(\r\n {\r\n className: cn(buttonStyles.button, buttonStyles.default, buttonStyles.sizeDefault, className),\r\n },\r\n {},\r\n ),\r\n })}>\r\n {children}\r\n </BaseAlertDialog.Close>\r\n );\r\n}\r\nAlertDialogAction.displayName = \"AlertDialogAction\";\r\n\r\n/**\r\n * Renders the secondary dismissal action inside the alert dialog.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogCancel>Cancel</AlertDialogCancel>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogCancel(props: Readonly<AlertDialogCancel.Props>): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseAlertDialog.Close\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"button\",\r\n render: render as never,\r\n props: mergeProps(\r\n {\r\n className: cn(buttonStyles.button, buttonStyles.outline, buttonStyles.sizeDefault, styles.cancel, className),\r\n },\r\n {},\r\n ),\r\n })}>\r\n {children}\r\n </BaseAlertDialog.Close>\r\n );\r\n}\r\nAlertDialogCancel.displayName = \"AlertDialogCancel\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialog {\r\n export type Props = AlertDialogProps;\r\n export type State = BaseAlertDialog.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogTrigger {\r\n export type Props = AlertDialogTriggerProps;\r\n export type State = BaseAlertDialog.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogOverlay {\r\n export type Props = AlertDialogOverlayProps;\r\n export type State = BaseAlertDialog.Backdrop.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogContent {\r\n export type Props = AlertDialogContentProps;\r\n export type State = BaseAlertDialog.Popup.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogHeader {\r\n export type Props = AlertDialogHeaderProps;\r\n export type State = Record<string, never>;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogFooter {\r\n export type Props = AlertDialogFooterProps;\r\n export type State = Record<string, never>;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogTitle {\r\n export type Props = AlertDialogTitleProps;\r\n export type State = BaseAlertDialog.Title.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogDescription {\r\n export type Props = AlertDialogDescriptionProps;\r\n export type State = BaseAlertDialog.Description.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogAction {\r\n export type Props = AlertDialogActionProps;\r\n export type State = BaseAlertDialog.Close.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogCancel {\r\n export type Props = AlertDialogCancelProps;\r\n export type State = BaseAlertDialog.Close.State;\r\n}\r\n\r\nexport {\r\n AlertDialog,\r\n AlertDialogAction,\r\n AlertDialogCancel,\r\n AlertDialogContent,\r\n AlertDialogDescription,\r\n AlertDialogFooter,\r\n AlertDialogHeader,\r\n AlertDialogOverlay,\r\n AlertDialogPortal,\r\n AlertDialogTitle,\r\n AlertDialogTrigger,\r\n};\r\n"],"names":["AlertDialog","props","BaseAlertDialog","AlertDialogTrigger","asChild","children","className","render","otherProps","renderProp","React","useRender","mergeProps","undefined","AlertDialogPortal","AlertDialogOverlay","cn","styles","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","buttonStyles","AlertDialogCancel"],"mappings":"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"}
|