@arolariu/components 0.5.0 → 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} +25 -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 +387 -51
- 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 +222 -23
- package/dist/components/ui/field.d.ts.map +1 -1
- 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 -5363
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +38 -8
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +89 -72
- 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 +154 -67
- 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 -114
- 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 +196 -18
- 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
- package/src/hooks/useIsMobile.test.tsx +0 -96
- package/src/hooks/useWindowSize.test.tsx +0 -57
- package/src/index.test.ts +0 -537
- package/src/lib/color-conversion-utilities.test.ts +0 -225
- package/src/lib/utilities.test.ts +0 -37
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components/ui/copy-button.js","sources":["../../../src/components/ui/copy-button.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Check, Copy} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./copy-button.module.css\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link CopyButton} component.\r\n *\r\n * @remarks\r\n * Extends native `<button>` attributes while reserving `children` for the internal icon\r\n * swap and exposing a required clipboard value.\r\n */\r\ninterface CopyButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\"> {\r\n /**\r\n * The text value copied to the clipboard when the button is activated.\r\n */\r\n value: string;\r\n /**\r\n * Duration in milliseconds to show the success state before restoring the copy icon.\r\n *\r\n * @default 2000\r\n */\r\n timeout?: number;\r\n}\r\n\r\n/**\r\n * A compact icon button that copies text to the clipboard.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Client component.\r\n *\r\n * Uses `navigator.clipboard.writeText` when available and swaps from a copy icon to a\r\n * confirmation icon for a configurable duration after a successful copy. If clipboard\r\n * access fails, the button remains interactive without throwing to the UI.\r\n *\r\n * @example\r\n * ```tsx\r\n * <CopyButton value=\"npm install @arolariu/components\" />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/writeText | MDN Clipboard.writeText}\r\n */\r\nconst CopyButton = React.forwardRef<HTMLButtonElement, CopyButtonProps>(\r\n ({value, timeout = 2000, className, onClick, disabled, ...props}, ref) => {\r\n const [copied, setCopied] = React.useState(false);\r\n const timeoutRef = React.useRef<ReturnType<typeof globalThis.setTimeout> | null>(null);\r\n\r\n React.useEffect(\r\n () => () => {\r\n if (timeoutRef.current !== null) {\r\n globalThis.clearTimeout(timeoutRef.current);\r\n }\r\n },\r\n [],\r\n );\r\n\r\n const handleCopy = React.useCallback(\r\n async (event: React.MouseEvent<HTMLButtonElement>) => {\r\n onClick?.(event);\r\n\r\n // eslint-disable-next-line n/no-unsupported-features/node-builtins -- Clipboard access is browser-only and required for this client component.\r\n const {clipboard} = globalThis.navigator;\r\n\r\n if (event.defaultPrevented || disabled || !clipboard?.writeText) {\r\n return;\r\n }\r\n\r\n try {\r\n await clipboard.writeText(value);\r\n setCopied(true);\r\n\r\n if (timeoutRef.current !== null) {\r\n globalThis.clearTimeout(timeoutRef.current);\r\n }\r\n\r\n timeoutRef.current = globalThis.setTimeout(() => {\r\n setCopied(false);\r\n }, timeout);\r\n } catch {\r\n // Clipboard access can fail in unsupported or insecure contexts.\r\n }\r\n },\r\n [disabled, onClick, timeout, value],\r\n );\r\n\r\n return (\r\n <button\r\n ref={ref}\r\n type='button'\r\n aria-label={copied ? \"Copied\" : \"Copy to clipboard\"}\r\n className={cn(styles.copyButton, className)}\r\n disabled={disabled}\r\n onClick={handleCopy}\r\n {...props}>\r\n {copied ? (\r\n <Check\r\n aria-hidden='true'\r\n className={styles.icon}\r\n />\r\n ) : (\r\n <Copy\r\n aria-hidden='true'\r\n className={styles.icon}\r\n />\r\n )}\r\n </button>\r\n );\r\n },\r\n);\r\nCopyButton.displayName = \"CopyButton\";\r\n\r\nexport {CopyButton};\r\nexport type {CopyButtonProps};\r\n"],"names":["CopyButton","React","value","timeout","className","onClick","disabled","props","ref","copied","setCopied","timeoutRef","globalThis","handleCopy","event","clipboard","cn","styles","Check","Copy"],"mappings":";;;;;;AA6CA,MAAMA,aAAa,WAAHA,GAAGC,WACjB,CAAC,EAACC,KAAK,EAAEC,UAAU,IAAI,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC;IAChE,MAAM,CAACC,QAAQC,UAAU,GAAGT,SAAe;IAC3C,MAAMU,aAAaV,OAA8D;IAEjFA,UACE,IAAM;YACJ,IAAIU,AAAuB,SAAvBA,WAAW,OAAO,EACpBC,WAAW,YAAY,CAACD,WAAW,OAAO;QAE9C,GACA,EAAE;IAGJ,MAAME,aAAaZ,YACjB,OAAOa;QACLT,UAAUS;QAGV,MAAM,EAACC,SAAS,EAAC,GAAGH,WAAW,SAAS;QAExC,IAAIE,MAAM,gBAAgB,IAAIR,YAAY,CAACS,WAAW,WACpD;QAGF,IAAI;YACF,MAAMA,UAAU,SAAS,CAACb;YAC1BQ,UAAU;YAEV,IAAIC,AAAuB,SAAvBA,WAAW,OAAO,EACpBC,WAAW,YAAY,CAACD,WAAW,OAAO;YAG5CA,WAAW,OAAO,GAAGC,WAAW,UAAU,CAAC;gBACzCF,UAAU;YACZ,GAAGP;QACL,EAAE,OAAM,CAER;IACF,GACA;QAACG;QAAUD;QAASF;QAASD;KAAM;IAGrC,OAAO,WAAP,GACE,IAAC;QACC,KAAKM;QACL,MAAK;QACL,cAAYC,SAAS,WAAW;QAChC,WAAWO,GAAGC,mBAAAA,UAAiB,EAAEb;QACjC,UAAUE;QACV,SAASO;QACR,GAAGN,KAAK;kBACRE,SAAS,WAATA,GACC,IAACS,OAAKA;YACJ,eAAY;YACZ,WAAWD,mBAAAA,IAAW;2BAGxB,IAACE,MAAIA;YACH,eAAY;YACZ,WAAWF,mBAAAA,IAAW;;;AAKhC;AAEFjB,WAAW,WAAW,GAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components/ui/copy-button.module.js","sources":["../../../src/components/ui/copy-button.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./copy-button_module.css\"\nexport default {\"copyButton\":\"copyButton-X1xcdJ\",\"icon\":\"icon-X6pnOm\"};"],"names":[],"mappings":";AAEA,2BAAe;IAAC,YAAa;IAAoB,MAAO;AAAa"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
.copyButton-X1xcdJ {
|
|
2
|
+
border: 1px solid var(--ac-border);
|
|
3
|
+
border-radius: var(--ac-radius-sm);
|
|
4
|
+
color: var(--ac-muted-foreground);
|
|
5
|
+
cursor: pointer;
|
|
6
|
+
padding: var(--ac-space-2);
|
|
7
|
+
transition: color var(--ac-transition-fast),background-color var(--ac-transition-fast);
|
|
8
|
+
background-color: #0000;
|
|
9
|
+
justify-content: center;
|
|
10
|
+
align-items: center;
|
|
11
|
+
display: inline-flex;
|
|
12
|
+
|
|
13
|
+
&:focus-visible {
|
|
14
|
+
outline: 2px solid var(--ac-ring);
|
|
15
|
+
outline-offset: 2px;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
&:disabled {
|
|
19
|
+
cursor: not-allowed;
|
|
20
|
+
opacity: .6;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@media (hover: hover) {
|
|
24
|
+
&:hover:not(:disabled) {
|
|
25
|
+
background-color: var(--ac-accent);
|
|
26
|
+
color: var(--ac-accent-foreground);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.icon-X6pnOm {
|
|
32
|
+
width: 1rem;
|
|
33
|
+
height: 1rem;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
/*# sourceMappingURL=copy-button_module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/copy-button.module.css","webpack://./src/components/ui/copy-button.module.css"],"names":[],"mappings":"AADA;ECEE,kCAAkC;EAClC,kCAAkC;EAClC,iCAAiC;EACjC,eAAe;EACf,0BAA0B;EAC1B,sFAAsF;EACtF,uBAAuB;EACvB,uBAAuB;EACvB,mBAAmB;EACnB,oBAAoB;;EAEpB;IACE,iCAAiC;IACjC,mBAAmB;EACrB;;EAEA;IACE,mBAAmB;IACnB,WAAW;EACb;;EAEA;IACE;MACE,kCAAkC;MAClC,kCAAkC;IACpC;EACF;AACF;;AAEA;EACE,WAAW;EACX,YAAY;AACd","sourcesContent":[".copyButton{align-items:center;background-color:transparent;border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);color:var(--ac-muted-foreground);cursor:pointer;display:inline-flex;justify-content:center;padding:var(--ac-space-2);transition:color var(--ac-transition-fast),background-color var(--ac-transition-fast);&:focus-visible{outline:2px solid var(--ac-ring);outline-offset:2px}&:disabled{cursor:not-allowed;opacity:.6}@media (hover:hover){&:hover:not(:disabled){background-color:var(--ac-accent);color:var(--ac-accent-foreground)}}}.icon{height:1rem;width:1rem}",".copyButton {\n border: 1px solid var(--ac-border);\n border-radius: var(--ac-radius-sm);\n color: var(--ac-muted-foreground);\n cursor: pointer;\n padding: var(--ac-space-2);\n transition: color var(--ac-transition-fast),background-color var(--ac-transition-fast);\n background-color: #0000;\n justify-content: center;\n align-items: center;\n display: inline-flex;\n\n &:focus-visible {\n outline: 2px solid var(--ac-ring);\n outline-offset: 2px;\n }\n\n &:disabled {\n cursor: not-allowed;\n opacity: .6;\n }\n\n @media (hover: hover) {\n &:hover:not(:disabled) {\n background-color: var(--ac-accent);\n color: var(--ac-accent-foreground);\n }\n }\n}\n\n.icon {\n width: 1rem;\n height: 1rem;\n}\n"],"sourceRoot":""}
|
|
@@ -1,16 +1,42 @@
|
|
|
1
1
|
import { type SpringOptions, type UseInViewOptions } from "motion/react";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
|
|
3
|
+
/** Props accepted by {@link CountingNumber}. */
|
|
4
|
+
export interface CountingNumberProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
5
|
+
/** Final numeric value to animate toward. @default undefined */
|
|
4
6
|
number: number;
|
|
7
|
+
/** Initial numeric value used before the spring animation starts. @default 0 */
|
|
5
8
|
fromNumber?: number;
|
|
9
|
+
/** Pads the integer portion so it matches the target value width. @default false */
|
|
6
10
|
padStart?: boolean;
|
|
11
|
+
/** Delays the animation until the element enters the viewport. @default false */
|
|
7
12
|
inView?: boolean;
|
|
13
|
+
/** Margin passed to the in-view observer when `inView` is enabled. @default "0px" */
|
|
8
14
|
inViewMargin?: UseInViewOptions["margin"];
|
|
15
|
+
/** Prevents the in-view animation from replaying after the first reveal. @default true */
|
|
9
16
|
inViewOnce?: boolean;
|
|
17
|
+
/** Character used between the integer and decimal portions. @default "." */
|
|
10
18
|
decimalSeparator?: string;
|
|
19
|
+
/** Spring physics applied to the counting animation. @default {stiffness: 90, damping: 50} */
|
|
11
20
|
transition?: SpringOptions;
|
|
21
|
+
/** Number of decimal places rendered during the animation. @default 0 */
|
|
12
22
|
decimalPlaces?: number;
|
|
13
23
|
}
|
|
24
|
+
/**
|
|
25
|
+
* Animates a number value with a spring and writes the formatted value into a span.
|
|
26
|
+
*
|
|
27
|
+
* @remarks
|
|
28
|
+
* - Animated component using the `motion` library
|
|
29
|
+
* - Renders a `<span>` element
|
|
30
|
+
* - Styling via CSS Modules with `--ac-*` custom properties
|
|
31
|
+
* - Client-side only (`"use client"` directive)
|
|
32
|
+
*
|
|
33
|
+
* @example
|
|
34
|
+
* ```tsx
|
|
35
|
+
* <CountingNumber number={1250} />
|
|
36
|
+
* ```
|
|
37
|
+
*
|
|
38
|
+
* @see {@link CountingNumberProps} for available props
|
|
39
|
+
*/
|
|
14
40
|
declare const CountingNumber: React.ForwardRefExoticComponent<CountingNumberProps & React.RefAttributes<HTMLSpanElement>>;
|
|
15
|
-
export { CountingNumber
|
|
41
|
+
export { CountingNumber };
|
|
16
42
|
//# sourceMappingURL=counting-number.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"counting-number.d.ts","sourceRoot":"","sources":["../../../src/components/ui/counting-number.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"counting-number.d.ts","sourceRoot":"","sources":["../../../src/components/ui/counting-number.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuC,KAAK,aAAa,EAAE,KAAK,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC7G,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,gDAAgD;AAChD,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAChF,gEAAgE;IAChE,MAAM,EAAE,MAAM,CAAC;IACf,gFAAgF;IAChF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iFAAiF;IACjF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qFAAqF;IACrF,YAAY,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC1C,0FAA0F;IAC1F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8FAA8F;IAC9F,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,cAAc,6FA+EnB,CAAC;AAIF,OAAO,EAAC,cAAc,EAAC,CAAC"}
|
|
@@ -2,56 +2,60 @@
|
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { useInView, useMotionValue, useSpring } from "motion/react";
|
|
4
4
|
import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
|
|
5
|
+
import { cn } from "../../lib/utilities.js";
|
|
6
|
+
import counting_number_module from "./counting-number.module.js";
|
|
5
7
|
const CountingNumber = /*#__PURE__*/ forwardRef(({ number, fromNumber = 0, padStart = false, inView = false, inViewMargin = "0px", inViewOnce = true, decimalSeparator = ".", transition = {
|
|
6
8
|
stiffness: 90,
|
|
7
9
|
damping: 50
|
|
8
10
|
}, decimalPlaces = 0, className, ...props }, ref)=>{
|
|
9
11
|
const localRef = useRef(null);
|
|
10
|
-
useImperativeHandle(ref, ()=>localRef.current);
|
|
12
|
+
useImperativeHandle(ref, ()=>localRef.current, []);
|
|
11
13
|
const numberStr = number.toString();
|
|
12
|
-
const decimals =
|
|
13
|
-
const
|
|
14
|
-
const
|
|
14
|
+
const decimals = numberStr.includes(".") ? numberStr.split(".")[1]?.length ?? 0 : 0;
|
|
15
|
+
const resolvedDecimalPlaces = "number" == typeof decimalPlaces ? decimalPlaces : decimals;
|
|
16
|
+
const motionValue = useMotionValue(fromNumber);
|
|
17
|
+
const springValue = useSpring(motionValue, transition);
|
|
15
18
|
const inViewResult = useInView(localRef, {
|
|
16
19
|
once: inViewOnce,
|
|
17
20
|
margin: inViewMargin
|
|
18
21
|
});
|
|
19
22
|
const isInView = !inView || inViewResult;
|
|
20
23
|
useEffect(()=>{
|
|
21
|
-
if (isInView)
|
|
24
|
+
if (isInView) motionValue.set(number);
|
|
22
25
|
}, [
|
|
23
26
|
isInView,
|
|
24
|
-
|
|
25
|
-
|
|
27
|
+
motionValue,
|
|
28
|
+
number
|
|
26
29
|
]);
|
|
27
30
|
useEffect(()=>{
|
|
28
|
-
const unsubscribe =
|
|
29
|
-
if (localRef.current)
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
}
|
|
38
|
-
localRef.current.textContent = formatted;
|
|
31
|
+
const unsubscribe = springValue.on("change", (latest)=>{
|
|
32
|
+
if (!localRef.current) return;
|
|
33
|
+
let formatted = resolvedDecimalPlaces > 0 ? latest.toFixed(resolvedDecimalPlaces) : Math.round(latest).toString();
|
|
34
|
+
if (resolvedDecimalPlaces > 0) formatted = formatted.replace(".", decimalSeparator);
|
|
35
|
+
if (padStart) {
|
|
36
|
+
const finalIntegerLength = Math.floor(Math.abs(number)).toString().length;
|
|
37
|
+
const [integerPart, fractionPart] = formatted.split(decimalSeparator);
|
|
38
|
+
const paddedInteger = integerPart.padStart(finalIntegerLength, "0");
|
|
39
|
+
formatted = fractionPart ? `${paddedInteger}${decimalSeparator}${fractionPart}` : paddedInteger;
|
|
39
40
|
}
|
|
41
|
+
localRef.current.textContent = formatted;
|
|
40
42
|
});
|
|
41
|
-
return ()=>
|
|
43
|
+
return ()=>{
|
|
44
|
+
unsubscribe();
|
|
45
|
+
};
|
|
42
46
|
}, [
|
|
43
|
-
|
|
44
|
-
decimals,
|
|
45
|
-
padStart,
|
|
47
|
+
decimalSeparator,
|
|
46
48
|
number,
|
|
47
|
-
|
|
49
|
+
padStart,
|
|
50
|
+
resolvedDecimalPlaces,
|
|
51
|
+
springValue
|
|
48
52
|
]);
|
|
49
|
-
const
|
|
50
|
-
const suffix =
|
|
51
|
-
const initialText = padStart ? `${"0".padStart(
|
|
53
|
+
const finalIntegerLength = Math.floor(Math.abs(number)).toString().length;
|
|
54
|
+
const suffix = resolvedDecimalPlaces > 0 ? `${decimalSeparator}${"0".repeat(resolvedDecimalPlaces)}` : "";
|
|
55
|
+
const initialText = padStart ? `${"0".padStart(finalIntegerLength, "0")}${suffix}` : `0${suffix}`;
|
|
52
56
|
return /*#__PURE__*/ jsx("span", {
|
|
53
57
|
ref: localRef,
|
|
54
|
-
className: className,
|
|
58
|
+
className: cn(counting_number_module.countingNumber, className),
|
|
55
59
|
...props,
|
|
56
60
|
children: initialText
|
|
57
61
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components/ui/counting-number.js","sources":["../../../src/components/ui/counting-number.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {type SpringOptions, type UseInViewOptions
|
|
1
|
+
{"version":3,"file":"components/ui/counting-number.js","sources":["../../../src/components/ui/counting-number.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {useInView, useMotionValue, useSpring, type SpringOptions, type UseInViewOptions} from \"motion/react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./counting-number.module.css\";\r\n\r\n/** Props accepted by {@link CountingNumber}. */\r\nexport interface CountingNumberProps extends React.HTMLAttributes<HTMLSpanElement> {\r\n /** Final numeric value to animate toward. @default undefined */\r\n number: number;\r\n /** Initial numeric value used before the spring animation starts. @default 0 */\r\n fromNumber?: number;\r\n /** Pads the integer portion so it matches the target value width. @default false */\r\n padStart?: boolean;\r\n /** Delays the animation until the element enters the viewport. @default false */\r\n inView?: boolean;\r\n /** Margin passed to the in-view observer when `inView` is enabled. @default \"0px\" */\r\n inViewMargin?: UseInViewOptions[\"margin\"];\r\n /** Prevents the in-view animation from replaying after the first reveal. @default true */\r\n inViewOnce?: boolean;\r\n /** Character used between the integer and decimal portions. @default \".\" */\r\n decimalSeparator?: string;\r\n /** Spring physics applied to the counting animation. @default {stiffness: 90, damping: 50} */\r\n transition?: SpringOptions;\r\n /** Number of decimal places rendered during the animation. @default 0 */\r\n decimalPlaces?: number;\r\n}\r\n\r\n/**\r\n * Animates a number value with a spring and writes the formatted value into a span.\r\n *\r\n * @remarks\r\n * - Animated component using the `motion` library\r\n * - Renders a `<span>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n * - Client-side only (`\"use client\"` directive)\r\n *\r\n * @example\r\n * ```tsx\r\n * <CountingNumber number={1250} />\r\n * ```\r\n *\r\n * @see {@link CountingNumberProps} for available props\r\n */\r\nconst CountingNumber = React.forwardRef<HTMLSpanElement, CountingNumberProps>(\r\n (\r\n {\r\n number,\r\n fromNumber = 0,\r\n padStart = false,\r\n inView = false,\r\n inViewMargin = \"0px\",\r\n inViewOnce = true,\r\n decimalSeparator = \".\",\r\n transition = {stiffness: 90, damping: 50},\r\n decimalPlaces = 0,\r\n className,\r\n ...props\r\n },\r\n ref,\r\n ) => {\r\n const localRef = React.useRef<HTMLSpanElement>(null);\r\n\r\n React.useImperativeHandle(ref, () => localRef.current!, []);\r\n\r\n const numberStr = number.toString();\r\n const decimals = numberStr.includes(\".\") ? (numberStr.split(\".\")[1]?.length ?? 0) : 0;\r\n const resolvedDecimalPlaces = typeof decimalPlaces === \"number\" ? decimalPlaces : decimals;\r\n\r\n const motionValue = useMotionValue(fromNumber);\r\n const springValue = useSpring(motionValue, transition);\r\n const inViewResult = useInView(localRef, {\r\n once: inViewOnce,\r\n margin: inViewMargin,\r\n });\r\n const isInView = !inView || inViewResult;\r\n\r\n React.useEffect(() => {\r\n if (isInView) {\r\n motionValue.set(number);\r\n }\r\n }, [isInView, motionValue, number]);\r\n\r\n React.useEffect(() => {\r\n const unsubscribe = springValue.on(\"change\", (latest) => {\r\n if (!localRef.current) {\r\n return;\r\n }\r\n\r\n let formatted = resolvedDecimalPlaces > 0 ? latest.toFixed(resolvedDecimalPlaces) : Math.round(latest).toString();\r\n\r\n if (resolvedDecimalPlaces > 0) {\r\n formatted = formatted.replace(\".\", decimalSeparator);\r\n }\r\n\r\n if (padStart) {\r\n const finalIntegerLength = Math.floor(Math.abs(number)).toString().length;\r\n const [integerPart, fractionPart] = formatted.split(decimalSeparator);\r\n const paddedInteger = integerPart.padStart(finalIntegerLength, \"0\");\r\n formatted = fractionPart ? `${paddedInteger}${decimalSeparator}${fractionPart}` : paddedInteger;\r\n }\r\n\r\n localRef.current.textContent = formatted;\r\n });\r\n\r\n return () => {\r\n unsubscribe();\r\n };\r\n }, [decimalSeparator, number, padStart, resolvedDecimalPlaces, springValue]);\r\n\r\n const finalIntegerLength = Math.floor(Math.abs(number)).toString().length;\r\n const suffix = resolvedDecimalPlaces > 0 ? `${decimalSeparator}${\"0\".repeat(resolvedDecimalPlaces)}` : \"\";\r\n const initialText = padStart ? `${\"0\".padStart(finalIntegerLength, \"0\")}${suffix}` : `0${suffix}`;\r\n\r\n return (\r\n <span\r\n ref={localRef}\r\n className={cn(styles.countingNumber, className)}\r\n {...props}>\r\n {initialText}\r\n </span>\r\n );\r\n },\r\n);\r\n\r\nCountingNumber.displayName = \"CountingNumber\";\r\n\r\nexport {CountingNumber};\r\n"],"names":["CountingNumber","React","number","fromNumber","padStart","inView","inViewMargin","inViewOnce","decimalSeparator","transition","decimalPlaces","className","props","ref","localRef","numberStr","decimals","resolvedDecimalPlaces","motionValue","useMotionValue","springValue","useSpring","inViewResult","useInView","isInView","unsubscribe","latest","formatted","Math","finalIntegerLength","integerPart","fractionPart","paddedInteger","suffix","initialText","cn","styles"],"mappings":";;;;;;AA8CA,MAAMA,iBAAiB,WAAHA,GAAGC,WACrB,CACE,EACEC,MAAM,EACNC,aAAa,CAAC,EACdC,WAAW,KAAK,EAChBC,SAAS,KAAK,EACdC,eAAe,KAAK,EACpBC,aAAa,IAAI,EACjBC,mBAAmB,GAAG,EACtBC,aAAa;IAAC,WAAW;IAAI,SAAS;AAAE,CAAC,EACzCC,gBAAgB,CAAC,EACjBC,SAAS,EACT,GAAGC,OACJ,EACDC;IAEA,MAAMC,WAAWb,OAA8B;IAE/CA,oBAA0BY,KAAK,IAAMC,SAAS,OAAO,EAAG,EAAE;IAE1D,MAAMC,YAAYb,OAAO,QAAQ;IACjC,MAAMc,WAAWD,UAAU,QAAQ,CAAC,OAAQA,UAAU,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,UAAU,IAAK;IACpF,MAAME,wBAAwB,AAAyB,YAAzB,OAAOP,gBAA6BA,gBAAgBM;IAElF,MAAME,cAAcC,eAAehB;IACnC,MAAMiB,cAAcC,UAAUH,aAAaT;IAC3C,MAAMa,eAAeC,UAAUT,UAAU;QACvC,MAAMP;QACN,QAAQD;IACV;IACA,MAAMkB,WAAW,CAACnB,UAAUiB;IAE5BrB,UAAgB;QACd,IAAIuB,UACFN,YAAY,GAAG,CAAChB;IAEpB,GAAG;QAACsB;QAAUN;QAAahB;KAAO;IAElCD,UAAgB;QACd,MAAMwB,cAAcL,YAAY,EAAE,CAAC,UAAU,CAACM;YAC5C,IAAI,CAACZ,SAAS,OAAO,EACnB;YAGF,IAAIa,YAAYV,wBAAwB,IAAIS,OAAO,OAAO,CAACT,yBAAyBW,KAAK,KAAK,CAACF,QAAQ,QAAQ;YAE/G,IAAIT,wBAAwB,GAC1BU,YAAYA,UAAU,OAAO,CAAC,KAAKnB;YAGrC,IAAIJ,UAAU;gBACZ,MAAMyB,qBAAqBD,KAAK,KAAK,CAACA,KAAK,GAAG,CAAC1B,SAAS,QAAQ,GAAG,MAAM;gBACzE,MAAM,CAAC4B,aAAaC,aAAa,GAAGJ,UAAU,KAAK,CAACnB;gBACpD,MAAMwB,gBAAgBF,YAAY,QAAQ,CAACD,oBAAoB;gBAC/DF,YAAYI,eAAe,GAAGC,gBAAgBxB,mBAAmBuB,cAAc,GAAGC;YACpF;YAEAlB,SAAS,OAAO,CAAC,WAAW,GAAGa;QACjC;QAEA,OAAO;YACLF;QACF;IACF,GAAG;QAACjB;QAAkBN;QAAQE;QAAUa;QAAuBG;KAAY;IAE3E,MAAMS,qBAAqBD,KAAK,KAAK,CAACA,KAAK,GAAG,CAAC1B,SAAS,QAAQ,GAAG,MAAM;IACzE,MAAM+B,SAAShB,wBAAwB,IAAI,GAAGT,mBAAmB,IAAI,MAAM,CAACS,wBAAwB,GAAG;IACvG,MAAMiB,cAAc9B,WAAW,GAAG,IAAI,QAAQ,CAACyB,oBAAoB,OAAOI,QAAQ,GAAG,CAAC,CAAC,EAAEA,QAAQ;IAEjG,OAAO,WAAP,GACE,IAAC;QACC,KAAKnB;QACL,WAAWqB,GAAGC,uBAAAA,cAAqB,EAAEzB;QACpC,GAAGC,KAAK;kBACRsB;;AAGP;AAGFlC,eAAe,WAAW,GAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components/ui/counting-number.module.js","sources":["../../../src/components/ui/counting-number.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./counting-number_module.css\"\nexport default {\"countingNumber\":\"countingNumber-eSvKKR\"};"],"names":[],"mappings":";AAEA,+BAAe;IAAC,gBAAiB;AAAuB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/counting-number.module.css","webpack://./src/components/ui/counting-number.module.css"],"names":[],"mappings":"AADA;ECEE,kCAAkC;EAClC,qBAAqB;AACvB","sourcesContent":[".countingNumber{display:inline-block;font-variant-numeric:tabular-nums}",".countingNumber {\n font-variant-numeric: tabular-nums;\n display: inline-block;\n}\n"],"sourceRoot":""}
|
|
@@ -1,20 +1,290 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { Dialog as BaseDialog } from "@base-ui/react/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
|
-
|
|
4
|
+
interface DialogProps extends React.ComponentPropsWithRef<typeof BaseDialog.Root> {
|
|
5
|
+
}
|
|
6
|
+
interface DialogTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseDialog.Trigger>, "className"> {
|
|
7
|
+
/** Additional CSS classes merged with the 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 DialogCloseProps extends Omit<React.ComponentPropsWithRef<typeof BaseDialog.Close>, "className"> {
|
|
13
|
+
/** Additional CSS classes merged with the dialog close control styles. @default undefined */
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
interface DialogOverlayProps extends Omit<React.ComponentPropsWithRef<typeof BaseDialog.Backdrop>, "className"> {
|
|
17
|
+
/** Additional CSS classes merged with the dialog backdrop styles. @default undefined */
|
|
18
|
+
className?: string;
|
|
19
|
+
}
|
|
20
|
+
interface DialogContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseDialog.Popup>, "className"> {
|
|
21
|
+
/** Additional CSS classes merged with the dialog content styles. @default undefined */
|
|
22
|
+
className?: string;
|
|
23
|
+
}
|
|
24
|
+
interface DialogHeaderProps extends React.ComponentPropsWithRef<"div"> {
|
|
25
|
+
/** Additional CSS classes merged with the dialog header layout styles. @default undefined */
|
|
26
|
+
className?: string;
|
|
27
|
+
/** Custom element or render callback used to replace the default header container. @default undefined */
|
|
28
|
+
render?: useRender.RenderProp<Record<string, never>>;
|
|
29
|
+
/** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer the `render` prop. */
|
|
30
|
+
asChild?: boolean;
|
|
31
|
+
}
|
|
32
|
+
interface DialogFooterProps extends React.ComponentPropsWithRef<"div"> {
|
|
33
|
+
/** Additional CSS classes merged with the dialog footer layout styles. @default undefined */
|
|
34
|
+
className?: string;
|
|
35
|
+
/** Custom element or render callback used to replace the default footer container. @default undefined */
|
|
36
|
+
render?: useRender.RenderProp<Record<string, never>>;
|
|
37
|
+
/** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer the `render` prop. */
|
|
38
|
+
asChild?: boolean;
|
|
39
|
+
}
|
|
40
|
+
interface DialogTitleProps extends Omit<React.ComponentPropsWithRef<typeof BaseDialog.Title>, "className"> {
|
|
41
|
+
/** Additional CSS classes merged with the dialog title styles. @default undefined */
|
|
42
|
+
className?: string;
|
|
43
|
+
}
|
|
44
|
+
interface DialogDescriptionProps extends Omit<React.ComponentPropsWithRef<typeof BaseDialog.Description>, "className"> {
|
|
45
|
+
/** Additional CSS classes merged with the dialog description styles. @default undefined */
|
|
46
|
+
className?: string;
|
|
47
|
+
}
|
|
48
|
+
/**
|
|
49
|
+
* Coordinates modal dialog state, focus management, and accessibility semantics.
|
|
50
|
+
*
|
|
51
|
+
* @remarks
|
|
52
|
+
* - Renders no DOM element by default and coordinates descendant dialog parts
|
|
53
|
+
* - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}
|
|
54
|
+
* - Supports composition through descendant `render` props
|
|
55
|
+
* - Styling via CSS Modules with `--ac-*` custom properties
|
|
56
|
+
*
|
|
57
|
+
* @example Basic usage
|
|
58
|
+
* ```tsx
|
|
59
|
+
* <Dialog>
|
|
60
|
+
* <DialogTrigger>Open</DialogTrigger>
|
|
61
|
+
* <DialogContent>
|
|
62
|
+
* <DialogTitle>Details</DialogTitle>
|
|
63
|
+
* </DialogContent>
|
|
64
|
+
* </Dialog>
|
|
65
|
+
* ```
|
|
66
|
+
*
|
|
67
|
+
* @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}
|
|
68
|
+
*/
|
|
69
|
+
declare function Dialog(props: Readonly<Dialog.Props>): React.ReactElement;
|
|
70
|
+
declare namespace Dialog {
|
|
71
|
+
var displayName: string;
|
|
72
|
+
}
|
|
73
|
+
/**
|
|
74
|
+
* Opens the dialog from an interactive trigger element.
|
|
75
|
+
*
|
|
76
|
+
* @remarks
|
|
77
|
+
* - Renders a `<button>` element by default
|
|
78
|
+
* - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}
|
|
79
|
+
* - Supports the `render` prop for element composition
|
|
80
|
+
* - Styling via CSS Modules with `--ac-*` custom properties
|
|
81
|
+
*
|
|
82
|
+
* @example Basic usage
|
|
83
|
+
* ```tsx
|
|
84
|
+
* <DialogTrigger>Open</DialogTrigger>
|
|
85
|
+
* ```
|
|
86
|
+
*
|
|
87
|
+
* @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}
|
|
88
|
+
*/
|
|
89
|
+
declare const DialogTrigger: React.ForwardRefExoticComponent<Omit<DialogTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
90
|
+
/**
|
|
91
|
+
* Portals dialog descendants outside the local DOM hierarchy.
|
|
92
|
+
*
|
|
93
|
+
* @remarks
|
|
94
|
+
* - Renders no DOM element by default and portals descendants into the document body
|
|
95
|
+
* - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}
|
|
96
|
+
* - Does not expose a `render` prop because it only controls mounting context
|
|
97
|
+
* - Styling via CSS Modules with `--ac-*` custom properties through descendant components
|
|
98
|
+
*
|
|
99
|
+
* @example Basic usage
|
|
100
|
+
* ```tsx
|
|
101
|
+
* <DialogPortal>
|
|
102
|
+
* <DialogOverlay />
|
|
103
|
+
* <DialogContent />
|
|
104
|
+
* </DialogPortal>
|
|
105
|
+
* ```
|
|
106
|
+
*
|
|
107
|
+
* @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}
|
|
108
|
+
*/
|
|
109
|
+
declare const DialogPortal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
110
|
+
/**
|
|
111
|
+
* Closes the dialog from an interactive control inside the modal.
|
|
112
|
+
*
|
|
113
|
+
* @remarks
|
|
114
|
+
* - Renders a `<button>` element by default
|
|
115
|
+
* - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}
|
|
116
|
+
* - Supports the `render` prop for element composition
|
|
117
|
+
* - Styling via CSS Modules with `--ac-*` custom properties
|
|
118
|
+
*
|
|
119
|
+
* @example Basic usage
|
|
120
|
+
* ```tsx
|
|
121
|
+
* <DialogClose>Dismiss</DialogClose>
|
|
122
|
+
* ```
|
|
123
|
+
*
|
|
124
|
+
* @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}
|
|
125
|
+
*/
|
|
126
|
+
declare function DialogClose(props: Readonly<DialogClose.Props>): React.ReactElement;
|
|
127
|
+
declare namespace DialogClose {
|
|
128
|
+
var displayName: string;
|
|
129
|
+
}
|
|
130
|
+
/**
|
|
131
|
+
* Renders the dimmed backdrop behind dialog content.
|
|
132
|
+
*
|
|
133
|
+
* @remarks
|
|
134
|
+
* - Renders a `<div>` element by default
|
|
135
|
+
* - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}
|
|
136
|
+
* - Supports the `render` prop for element composition
|
|
137
|
+
* - Styling via CSS Modules with `--ac-*` custom properties
|
|
138
|
+
*
|
|
139
|
+
* @example Basic usage
|
|
140
|
+
* ```tsx
|
|
141
|
+
* <DialogOverlay />
|
|
142
|
+
* ```
|
|
143
|
+
*
|
|
144
|
+
* @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}
|
|
145
|
+
*/
|
|
146
|
+
declare function DialogOverlay(props: Readonly<DialogOverlay.Props>): React.ReactElement;
|
|
147
|
+
declare namespace DialogOverlay {
|
|
148
|
+
var displayName: string;
|
|
149
|
+
}
|
|
150
|
+
/**
|
|
151
|
+
* Renders the dialog popup inside a portal with its backdrop.
|
|
152
|
+
*
|
|
153
|
+
* @remarks
|
|
154
|
+
* - Renders a `<div>` element by default
|
|
155
|
+
* - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}
|
|
156
|
+
* - Supports the `render` prop for element composition
|
|
157
|
+
* - Styling via CSS Modules with `--ac-*` custom properties
|
|
158
|
+
*
|
|
159
|
+
* @example Basic usage
|
|
160
|
+
* ```tsx
|
|
161
|
+
* <DialogContent>
|
|
162
|
+
* <DialogTitle>Details</DialogTitle>
|
|
163
|
+
* </DialogContent>
|
|
164
|
+
* ```
|
|
165
|
+
*
|
|
166
|
+
* @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}
|
|
167
|
+
*/
|
|
168
|
+
declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
169
|
+
/**
|
|
170
|
+
* Lays out the title and supporting content at the top of a dialog.
|
|
171
|
+
*
|
|
172
|
+
* @remarks
|
|
173
|
+
* - Renders a `<div>` element by default
|
|
174
|
+
* - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}
|
|
175
|
+
* - Supports the `render` prop for element composition
|
|
176
|
+
* - Styling via CSS Modules with `--ac-*` custom properties
|
|
177
|
+
*
|
|
178
|
+
* @example Basic usage
|
|
179
|
+
* ```tsx
|
|
180
|
+
* <DialogHeader>
|
|
181
|
+
* <DialogTitle>Details</DialogTitle>
|
|
182
|
+
* </DialogHeader>
|
|
183
|
+
* ```
|
|
184
|
+
*
|
|
185
|
+
* @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}
|
|
186
|
+
*/
|
|
187
|
+
declare function DialogHeader(props: Readonly<DialogHeader.Props>): React.ReactElement;
|
|
188
|
+
declare namespace DialogHeader {
|
|
189
|
+
var displayName: string;
|
|
190
|
+
}
|
|
191
|
+
/**
|
|
192
|
+
* Lays out dialog actions and secondary controls at the bottom edge.
|
|
193
|
+
*
|
|
194
|
+
* @remarks
|
|
195
|
+
* - Renders a `<div>` element by default
|
|
196
|
+
* - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}
|
|
197
|
+
* - Supports the `render` prop for element composition
|
|
198
|
+
* - Styling via CSS Modules with `--ac-*` custom properties
|
|
199
|
+
*
|
|
200
|
+
* @example Basic usage
|
|
201
|
+
* ```tsx
|
|
202
|
+
* <DialogFooter>
|
|
203
|
+
* <DialogClose>Close</DialogClose>
|
|
204
|
+
* </DialogFooter>
|
|
205
|
+
* ```
|
|
206
|
+
*
|
|
207
|
+
* @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}
|
|
208
|
+
*/
|
|
209
|
+
declare function DialogFooter(props: Readonly<DialogFooter.Props>): React.ReactElement;
|
|
210
|
+
declare namespace DialogFooter {
|
|
211
|
+
var displayName: string;
|
|
212
|
+
}
|
|
213
|
+
/**
|
|
214
|
+
* Renders the accessible heading for dialog content.
|
|
215
|
+
*
|
|
216
|
+
* @remarks
|
|
217
|
+
* - Renders an `<h2>` element by default
|
|
218
|
+
* - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}
|
|
219
|
+
* - Supports the `render` prop for element composition
|
|
220
|
+
* - Styling via CSS Modules with `--ac-*` custom properties
|
|
221
|
+
*
|
|
222
|
+
* @example Basic usage
|
|
223
|
+
* ```tsx
|
|
224
|
+
* <DialogTitle>Details</DialogTitle>
|
|
225
|
+
* ```
|
|
226
|
+
*
|
|
227
|
+
* @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}
|
|
228
|
+
*/
|
|
229
|
+
declare function DialogTitle(props: Readonly<DialogTitle.Props>): React.ReactElement;
|
|
230
|
+
declare namespace DialogTitle {
|
|
231
|
+
var displayName: string;
|
|
232
|
+
}
|
|
233
|
+
/**
|
|
234
|
+
* Renders supporting copy beneath the dialog title.
|
|
235
|
+
*
|
|
236
|
+
* @remarks
|
|
237
|
+
* - Renders a `<p>` element by default
|
|
238
|
+
* - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}
|
|
239
|
+
* - Supports the `render` prop for element composition
|
|
240
|
+
* - Styling via CSS Modules with `--ac-*` custom properties
|
|
241
|
+
*
|
|
242
|
+
* @example Basic usage
|
|
243
|
+
* ```tsx
|
|
244
|
+
* <DialogDescription>Review the details before continuing.</DialogDescription>
|
|
245
|
+
* ```
|
|
246
|
+
*
|
|
247
|
+
* @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}
|
|
248
|
+
*/
|
|
249
|
+
declare function DialogDescription(props: Readonly<DialogDescription.Props>): React.ReactElement;
|
|
250
|
+
declare namespace DialogDescription {
|
|
251
|
+
var displayName: string;
|
|
252
|
+
}
|
|
253
|
+
declare namespace Dialog {
|
|
254
|
+
type Props = DialogProps;
|
|
255
|
+
type State = BaseDialog.Root.State;
|
|
256
|
+
}
|
|
257
|
+
declare namespace DialogTrigger {
|
|
258
|
+
type Props = DialogTriggerProps;
|
|
259
|
+
type State = BaseDialog.Trigger.State;
|
|
260
|
+
}
|
|
261
|
+
declare namespace DialogClose {
|
|
262
|
+
type Props = DialogCloseProps;
|
|
263
|
+
type State = BaseDialog.Close.State;
|
|
264
|
+
}
|
|
265
|
+
declare namespace DialogOverlay {
|
|
266
|
+
type Props = DialogOverlayProps;
|
|
267
|
+
type State = BaseDialog.Backdrop.State;
|
|
268
|
+
}
|
|
269
|
+
declare namespace DialogContent {
|
|
270
|
+
type Props = DialogContentProps;
|
|
271
|
+
type State = BaseDialog.Popup.State;
|
|
272
|
+
}
|
|
273
|
+
declare namespace DialogHeader {
|
|
274
|
+
type Props = DialogHeaderProps;
|
|
275
|
+
type State = Record<string, never>;
|
|
276
|
+
}
|
|
277
|
+
declare namespace DialogFooter {
|
|
278
|
+
type Props = DialogFooterProps;
|
|
279
|
+
type State = Record<string, never>;
|
|
280
|
+
}
|
|
281
|
+
declare namespace DialogTitle {
|
|
282
|
+
type Props = DialogTitleProps;
|
|
283
|
+
type State = BaseDialog.Title.State;
|
|
284
|
+
}
|
|
285
|
+
declare namespace DialogDescription {
|
|
286
|
+
type Props = DialogDescriptionProps;
|
|
287
|
+
type State = BaseDialog.Description.State;
|
|
288
|
+
}
|
|
19
289
|
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
|
|
20
290
|
//# sourceMappingURL=dialog.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dialog.tsx"],"names":[],"mappings":"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"}
|